impaktapps-ui-builder 0.0.412-hi → 0.0.412-i

package/dist/impaktapps-ui-builder.es.js

@@ -257,7 +257,7 @@ const PageMasterUiSchema = {
                       main: {
                         icon: "RejectIcon",
                         color: "error",
-                        onClick: "Delete_Components",
+                        onClick: "deletePopUpComponent",
                         tooltipMessage: "Reject This Record"
                       }
                     }
@@ -376,7 +376,7 @@ const PageMasterUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent"
+                        onClick: "deletePopUpEvent"
                       }
                     }
                   }
@@ -387,6 +387,172 @@ const PageMasterUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpPageMasterEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-40px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            }
+          }
+        }
+      ]
+    },
+    {
+      type: "Control",
+      scope: "#/properties/popUpPageMasterComponent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-40px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "Delete_Components",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpComponent",
+              size: "small"
+            }
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/btn",
@@ -6398,6 +6564,172 @@ const componentBasicUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpComponentSection",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-40px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteComponents",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpComponent",
+              size: "small"
+            }
+          }
+        }
+      ]
+    },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEventSection",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-40px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            }
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -6722,7 +7054,7 @@ const EventSection = {
                     icon: "RejectIcon",
                     color: "error",
                     tooltipMessage: "Reject This Record",
-                    onClick: "deleteEvent"
+                    onClick: "deletePopUpEvent"
                   }
                 }
               }
@@ -7264,7 +7596,7 @@ const TableSection = {
                   main: {
                     icon: "RejectIcon",
                     color: "error",
-                    onClick: "deleteComponents",
+                    onClick: "deletePopUpComponent",
                     tooltipMessage: "Reject This Record"
                   }
                 }
@@ -7622,22 +7954,30 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`);
       }
     },
-    deleteComponents: function() {
+    deleteComponents: function(shouldUpdateDialog = true) {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = dynamicData2.path.split(".")[1];
+      const rowId = localStorage.getItem("rowId");
       store2.formData.elements.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       const data = path ? _.get(response, path) : response;
       store2.setFormdata(data);
+      if (shouldUpdateDialog) {
+        store2.updateDialog("popUpComponentSection");
+      }
+      localStorage.removeItem("rowId");
     },
-    deleteEvent: function() {
+    deleteEvent: function(shouldUpdateDialog = true) {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = dynamicData2.path.split(".")[1];
+      const rowId = localStorage.getItem("rowId");
       store2.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       store2.setFormdata(_.get(response, path));
+      if (shouldUpdateDialog) {
+        store2.updateDialog("popUpEventSection");
+      }
+      localStorage.removeItem("rowId");
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -7673,6 +8013,16 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     },
     backHandler: function() {
       store2.navigate(-1);
+    },
+    deletePopUpComponent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpComponentSection");
+    },
+    deletePopUpEvent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpEventSection");
     }
   };
 };
@@ -7727,7 +8077,10 @@ var pageMaster = (funcParams) => {
     },
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
-    Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
+    Delete_Components: async function() {
+      await Component(store2, dynamicData2, submitHandler, service2).deleteComponents(false);
+      store2.updateDialog("popUpPageMasterComponent");
+    },
     eventAddHandler: function() {
       var _a;
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7747,10 +8100,22 @@ var pageMaster = (funcParams) => {
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
     deleteEvent: function() {
-      const rowId = dynamicData2.path.split(".")[1];
+      const rowId = localStorage.getItem("rowId");
       store2.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store2.ctx.core.data);
       store2.setFormdata(response);
+      store2.updateDialog("popUpPageMasterEvent");
+      localStorage.removeItem("rowId");
+    },
+    deletePopUpComponent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpPageMasterComponent");
+    },
+    deletePopUpEvent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpPageMasterEvent");
     }
   };
 };
@@ -8052,7 +8417,7 @@ const EventUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent"
+                        onClick: "deletePopUpEvent"
                       }
                     }
                   }
@@ -8063,6 +8428,89 @@ const EventUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-40px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            }
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -8414,9 +8862,17 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       store2.setSearchParams(store2.searchParams);
       this.setPage();
     },
-    deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
+    deleteEvent: async function() {
+      await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
+      store2.updateDialog("popUpEvent");
+    },
     backHandler: function() {
       store2.navigate(-1);
+    },
+    deletePopUpEvent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpEvent");
     }
   };
 };
@@ -8640,17 +9096,25 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
     }
   }
 }
-const buildBodyFormat = (body2, formData, userValue2) => {
+const buildBodyFormat = (body2, formData, userValue2, store2) => {
   let finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
   body2.map((elem) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     if (typeof (elem == null ? void 0 : elem.value) !== "string") {
       finalBody[elem.key] = elem.value;
     } else {
       if ((_a = elem == null ? void 0 : elem.value) == null ? void 0 : _a.startsWith("$userValue")) {
         const finalpath = elem.value.substring(11);
         finalBody[elem.key] = _.get(userValue2, finalpath);
-      } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$")) {
+      } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$urlParams")) {
+        const finalpath = elem.value.substring(11);
+        const value = (_c = store2 == null ? void 0 : store2.searchParams) == null ? void 0 : _c.get(finalpath);
+        finalBody[elem.key] = value;
+      } else if ((_d = elem == null ? void 0 : elem.value) == null ? void 0 : _d.startsWith("$local")) {
+        const finalpath = elem.value.substring(7);
+        const value = JSON.parse(localStorage.getItem(finalpath) || '""');
+        finalBody[elem.key] = value;
+      } else if ((_e = elem == null ? void 0 : elem.value) == null ? void 0 : _e.startsWith("$")) {
         const finalpath = elem.value.substring(1);
         finalBody[elem.key] = _.get(formData, finalpath);
       } else if ((elem == null ? void 0 : elem.value) === "*" && (elem == null ? void 0 : elem.key) === "*") {
@@ -8698,7 +9162,7 @@ function buildApiPayload(compConfig, body, headers, store, dynamicData, userValu
     headers = buildHeadersFormat(compConfig.headers);
   }
   if (compConfig.body) {
-    body = { ...buildBodyFormat(compConfig.body, store.newData || ((_b = (_a = store == null ? void 0 : store.ctx) == null ? void 0 : _a.core) == null ? void 0 : _b.data) || store.formData, userValue) };
+    body = { ...buildBodyFormat(compConfig.body, store.newData || ((_b = (_a = store == null ? void 0 : store.ctx) == null ? void 0 : _a.core) == null ? void 0 : _b.data) || store.formData, userValue, store) };
   }
   const promiseChain = { body, headers };
   if (compConfig.apiBody) {
@@ -8817,7 +9281,8 @@ var service = (funcParams) => {
         userValue: funcParams.userValue,
         service: funcParams.service,
         serviceHolder: this,
-        eventGroups
+        eventGroups,
+        formDataHolder
       });
       const jsonres = await fetch("https://jsonplaceholder.typicode.com/todos/1");
       await jsonres.json();
@@ -8980,9 +9445,12 @@ var leaderBoard = {
       label: "LeaderBoard",
       divider: true
     },
-    style: { wrapperStyle: {
-      height: { xs: 850, sm: 1e3 }
-    } },
+    style: {
+      wrapperStyle: {
+        display: "flex",
+        gap: "10px"
+      }
+    },
     wrapperStyle: {
       position: "relative",
       width: "100%"
@@ -9291,11 +9759,11 @@ var leaderBoard = {
             fontWeight: 900,
             background: "rgb(179, 198, 255)"
           },
-          position: "absolute",
           top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
           border: "2px solid rgb(179, 198, 255)",
           width: "95%",
-          left: "2.5%"
+          left: "2.5%",
+          margin: "auto"
         },
         main: {
           disableAction: true,