delete functionality fixes

Author: NabeelAyubee

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/appConfigurationRedesign/AppConfigurationParentLayer.js

@@ -82,6 +82,7 @@ function restructure(data1) {
       name: page.label || page.page || "UNKNOWN",
       cards: [
         {
+          header: crypto.randomUUID(),
           fields: cardFields,
           headerFields: [
             {

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/appConfigurationRedesign/AppConfigurationWrapper.js

@@ -147,7 +147,7 @@ const reducer = (state = initialState, action, updateLocalization) => {
                 if (j.header === action.payload.currentCard?.header) {
                   return {
                     ...j,
-                    fields: j.fields?.filter((k) => k.id !== action.payload.currentField.id),
+                    fields: j.fields?.filter((k) => k.jsonPath !== action.payload.currentField.jsonPath),
                   };
                 }
                 return j;

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/appConfigurationRedesign/AppFieldComposer.js

@@ -135,6 +135,7 @@ const Field = ({
             {isDelete && (
               <div
                 onClick={(e) => {
+                  e.stopPropagation();
                   onDelete();
                 }}
                 style={{
@@ -824,6 +825,7 @@ function AppFieldComposer({
     <div
       ref={componentRef}
       onClick={(e) => {
+        e.stopPropagation();
         onSelectField();
       }}
       className="app-config-field-wrapper"