impaktapps-ui-builder 0.0.409 → 0.0.410

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

@@ -22,13 +22,6 @@ const PageMasterSchema = {
         }
       }
     },
-    template: {
-      oneOf: [
-        { const: "Template-1", title: "template1" },
-        { const: "Template-2", title: "template2" },
-        { const: "Template-3", title: "template3" }
-      ]
-    },
     sectionLabels: {
       type: "array",
       items: {
@@ -41,7 +34,7 @@ const PageMasterSchema = {
       }
     }
   },
-  required: ["template", "name"]
+  required: ["label", "name"]
 };
 const PageMasterUiSchema = {
   type: "HorizontalLayout",
@@ -121,19 +114,15 @@ const PageMasterUiSchema = {
         },
         {
           type: "Control",
-          scope: "#/properties/template",
+          scope: "#/properties/label",
           options: {
-            widget: "SelectInputField"
+            widget: "InputField"
           },
           config: {
             layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
             main: {
-              label: "Template",
-              options: [
-                { const: "template1", title: "template1" },
-                { const: "template2", title: "template2" },
-                { const: "template3", title: "template3" }
-              ],
+              label: "Label",
+              options: [],
               color: "secondary",
               required: true
             }
@@ -257,7 +246,7 @@ const PageMasterUiSchema = {
                       main: {
                         icon: "RejectIcon",
                         color: "error",
-                        onClick: "Delete_Components",
+                        onClick: "deletePopUpComponent",
                         tooltipMessage: "Reject This Record"
                       }
                     }
@@ -376,7 +365,7 @@ const PageMasterUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent"
+                        onClick: "deletePopUpEvent"
                       }
                     }
                   }
@@ -387,6 +376,208 @@ const PageMasterUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpPageMasterEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {
+          title: "Delete Content"
+        },
+        style: {
+          width: "32%",
+          margin: "auto"
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-25px",
+              marginLeft: "11px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              endIcon: "DeleteIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              endIcon: "CloseIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: 0.5
+          }
+        }
+      ]
+    },
+    {
+      type: "Control",
+      scope: "#/properties/popUpPageMasterComponent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {
+          title: "Delete Content"
+        },
+        style: {
+          width: "32%",
+          margin: "auto"
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-25px",
+              marginLeft: "11px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              endIcon: "DeleteIcon",
+              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",
+              endIcon: "CloseIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpComponent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: 0.5
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/btn",
@@ -5884,12 +6075,10 @@ const ComponentSchema = {
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
-        { title: "DateTime", const: "DateTime" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
-        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
@@ -5910,13 +6099,7 @@ const ComponentSchema = {
         { title: "Text", const: "Text" },
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" },
-        { title: "Text Area", const: "TextArea" },
-        { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" },
-        { title: "Date Column", const: "date" },
-        { title: "DateTime Column", const: "dateTime" },
-        { title: "Amount Column", const: "amount" }
+        { title: "Upload File", const: "UploadFile" }
       ]
     },
     orientation: {
@@ -6375,6 +6558,208 @@ const componentBasicUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpComponentSection",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {
+          title: "Delete Content"
+        },
+        style: {
+          width: "32%",
+          margin: "auto"
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-25px",
+              marginLeft: "11px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              endIcon: "DeleteIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteComponents",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteCompButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              endIcon: "CloseIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpComponent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: 0.5
+          }
+        }
+      ]
+    },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEventSection",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        style: {
+          width: "32%",
+          margin: "auto"
+        },
+        main: {
+          title: "Delete Content"
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-25px",
+              marginLeft: "11px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              endIcon: "DeleteIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              endIcon: "CloseIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: 0.5
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -6681,7 +7066,7 @@ const EventSection = {
                     icon: "RejectIcon",
                     color: "error",
                     tooltipMessage: "Reject This Record",
-                    onClick: "deleteEvent"
+                    onClick: "deletePopUpEvent"
                   }
                 }
               }
@@ -6903,14 +7288,6 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-    case "InputSlider":
-      uiSchema.elements = [
-        getInputField("max", "Max Limit"),
-        getInputField("step", "Step"),
-        getInputField("min", "Min Limit"),
-        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
-      ];
-      break;
     case "DataGrid":
       uiSchema.elements = [
         getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
@@ -7018,23 +7395,15 @@ const buildPropertiesSection = function(type) {
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
-        getInputField("yAxisValue", "Y-AxisValue"),
-        getInputField("xAxisValue", "X-AxisValue"),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
       break;
     case "WrapperSection":
-      uiSchema.elements = [
-        getRadioInputField("divider", "Divider", ["YES", "No"]),
-        getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
-        EmptyBox
-      ];
+      uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
       break;
     case "TabSection":
       uiSchema.elements = [
-        getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
-        getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7213,7 +7582,7 @@ const TableSection = {
                   main: {
                     icon: "RejectIcon",
                     color: "error",
-                    onClick: "deleteComponents",
+                    onClick: "deletePopUpComponent",
                     tooltipMessage: "Reject This Record"
                   }
                 }
@@ -7370,9 +7739,6 @@ const createLayoutFormat = (config) => {
   return data2;
 };
 const flatObjectValueInArray = (config) => {
-  if (config[0].length < 1) {
-    return;
-  }
   const keyName = Object.keys(config[0])[0];
   const data2 = config.map((e) => {
     return e[keyName];
@@ -7431,14 +7797,14 @@ const getFormdataFromLocalStorage = (path) => {
 };
 async function saveHandler(store2, service2, submitHandler, pageName) {
   var _a, _b;
-  (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
   const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
   saveFormdataInLocalStorage(store2.ctx.core.data, path);
   const config = JSON.parse(localStorage.getItem("pageFormdata"));
   if (_.isEmpty(store2.ctx.core.errors)) {
     try {
       const saveReturn = await submitHandler(store2, service2, config);
-      navigateHandler(store2, true, pageName ? `/${pageName}?id=${saveReturn.id}` : "/PageMasterRecords");
+      navigateHandler(store2, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords");
     } catch (err) {
       navigateHandler(store2, false);
     }
@@ -7505,8 +7871,7 @@ const sectionLabels = {
   TextArea: ["Core", "Properties", "style", "Event", "Validation"],
   PopUp: ["Core", "Components", "Properties", "style"],
   Stepper: ["Core", "Components", "Properties", "Event", "style"],
-  DataGrid: ["Core", "Components", "Properties", "Event", "style"],
-  InputSlider: ["Core", "Properties", "style", "Event", "Validation"]
+  DataGrid: ["Core", "Components", "Properties", "Event", "style"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -7569,22 +7934,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 response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       const data2 = path ? _.get(response2, path) : response2;
       store2.setFormdata(data2);
+      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 response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       store2.setFormdata(_.get(response2, path));
+      if (shouldUpdateDialog) {
+        store2.updateDialog("popUpEventSection");
+      }
+      localStorage.removeItem("rowId");
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -7620,6 +7993,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");
     }
   };
 };
@@ -7661,19 +8044,16 @@ var pageMaster = (funcParams) => {
         store2.formData.elements = [];
       }
       const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
-      if (id) {
-        store2.navigate(
-          `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
-        );
-      } else {
-        store2.navigate(
-          `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}`
-        );
-      }
+      store2.navigate(
+        `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
+      );
     },
     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");
@@ -7693,10 +8073,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 response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
       store2.setFormdata(response2);
+      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");
     }
   };
 };
@@ -7743,7 +8135,6 @@ const EventSchema = {
         { title: "Click Event", const: "onClick" },
         { title: "Load Event", const: "onLoad" },
         { title: "Change Event", const: "onChange" },
-        { title: "Mount Event", const: "onMount" },
         { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
         { title: "File Upload Event", const: "onUpload" },
@@ -7997,7 +8388,7 @@ const EventUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent"
+                        onClick: "deletePopUpEvent"
                       }
                     }
                   }
@@ -8008,6 +8399,107 @@ const EventUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        style: {
+          width: "32%",
+          margin: "auto"
+        },
+        main: {
+          title: "Delete Content"
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginTop: "-25px",
+              marginLeft: "11px"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: { xs: 11, sm: 5.5, md: 4.5, lg: 4.5 }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              endIcon: "DeleteIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              endIcon: "CloseIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            main: {},
+            layout: 0.5
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -8269,7 +8761,7 @@ const refreshSectionUiSchema = {
     }
   ]
 };
-var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
+var event = (store2, dynamicData2, submitHandler, service2) => {
   return {
     setPage: async function() {
       const formdata = await this.getFormData();
@@ -8299,12 +8791,6 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
           schema2.required = ["eventType", "Handler", "refreshElements"];
         }
       }
-      if (functionsName) {
-        schema2.properties.inBuiltFunctionType.oneOf = [
-          ...schema2.properties.inBuiltFunctionType.oneOf,
-          ...functionsName
-        ];
-      }
       store22.setSchema(schema2);
       store22.setUiSchema(uiSchema);
     },
@@ -8345,9 +8831,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");
     }
   };
 };
@@ -8460,10 +8954,8 @@ async function executeInBuiltFunctionHandler(params) {
   if (params.config.funcParametersCode) {
     const makeFunc = eval(params.config.funcParametersCode);
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
-    params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service);
-  } else {
-    params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
   }
+  params.serviceHolder[params.config.inBuiltFunctionType](parameter);
 }
 async function executeCustomHandler(params) {
   const makeFunc = eval(params.config.eventCode);
@@ -8511,15 +9003,14 @@ async function mergeFormdata(handlerResponse, componentName, eventConfig, store2
   } else {
     if (handlerResponse) {
       store2.setFormdata((pre) => {
-        var _a;
-        return { ...pre, [componentName]: eventConfig.lazyLoading ? (_a = handlerResponse == null ? void 0 : handlerResponse.data) == null ? void 0 : _a.data : handlerResponse.data };
+        return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data };
       });
       await asyncOperation();
     }
   }
 }
 const buildBodyFormat = (body2, formData, userValue2) => {
-  let finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
+  const finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
   body2.map((elem) => {
     var _a, _b;
     if (typeof (elem == null ? void 0 : elem.value) !== "string") {
@@ -8531,10 +9022,6 @@ const buildBodyFormat = (body2, formData, userValue2) => {
       } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.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) === "*") {
-        finalBody = { ...finalBody, ...formData };
-      } else if ((elem == null ? void 0 : elem.value) === "*") {
-        finalBody[elem.key] = formData;
       } else {
         finalBody[elem.key] = elem.value;
       }
@@ -8655,14 +9142,12 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1, download: doDownload, ...funcParams.functionsProvider },
-    eventGroups,
-    functionsProvider: funcParams.functionsProvider
+    serviceHolder: { downloadFile: downloadFile$1, download: doDownload },
+    eventGroups
   };
   return {
     setPage: async function() {
       funcParams.store.setFormdata({});
-      await asyncOperation();
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -8670,21 +9155,9 @@ var service = (funcParams) => {
         dynamicData: funcParams.dynamicData,
         userValue: funcParams.userValue,
         service: funcParams.service,
-        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
         eventGroups
       };
-      await executeRefreshHandler({
-        config: {},
-        componentName: "",
-        store: funcParams.store,
-        dynamicData: funcParams.dynamicData,
-        userValue: funcParams.userValue,
-        service: funcParams.service,
-        serviceHolder: this,
-        eventGroups
-      });
-      await asyncOperation();
       funcParams.store.setSchema(
         (pre) => {
           return {
@@ -8695,12 +9168,22 @@ var service = (funcParams) => {
       );
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
+      await executeRefreshHandler({
+        config: {},
+        componentName: "",
+        store: funcParams.store,
+        dynamicData: funcParams.dynamicData,
+        userValue: funcParams.userValue,
+        service: funcParams.service,
+        serviceHolder: this,
+        eventGroups
+      });
     },
     onClick: async function() {
+      var _a, _b;
+      (_a = funcParams.dynamicData) == null ? void 0 : _a.setLoading(true);
       await this.callHandler("onClick");
-    },
-    onMount: async function() {
-      await this.callHandler("onMount");
+      (_b = funcParams.dynamicData) == null ? void 0 : _b.setLoading(false);
     },
     onFileDownload: async function() {
       await this.callHandler("onDownload");
@@ -8708,9 +9191,6 @@ var service = (funcParams) => {
     onFileUpload: async function() {
       await this.callHandler("onUpload");
     },
-    backHandler: function() {
-      funcParams.store.navigate(-1);
-    },
     onPaginationChange: async function(paginationValues) {
       var _a;
       const apiBody = [
@@ -8729,16 +9209,17 @@ var service = (funcParams) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ];
-        const response2 = await this.updateConfigApiBody(param, apiBody);
-        return response2 == null ? void 0 : response2.data;
+        return await this.updateConfigApiBody(param, apiBody);
       }
     },
     onChange: async function() {
+      var _a, _b;
       if (eventGroups.onChange) {
+        (_a = funcParams.dynamicData) == null ? void 0 : _a.setLoading(true);
         const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
         Promise.all(ChangeEventsKeysArray.map(async (componentName) => {
-          var _a, _b;
-          if (((_a = funcParams.store) == null ? void 0 : _a.formData[componentName]) !== funcParams.store.newData[componentName] && ((_b = funcParams.store) == null ? void 0 : _b.newData[componentName]) !== void 0) {
+          var _a2, _b2;
+          if (((_a2 = funcParams.store) == null ? void 0 : _a2.formData[componentName]) !== funcParams.store.newData[componentName] && ((_b2 = funcParams.store) == null ? void 0 : _b2.newData[componentName]) !== void 0) {
             for (const eventConfig of eventGroups.onChange[componentName]) {
               await executeEvents({
                 ...executeEventsParameters,
@@ -8748,6 +9229,7 @@ var service = (funcParams) => {
             }
           }
         }));
+        (_b = funcParams.dynamicData) == null ? void 0 : _b.setLoading(false);
       }
     },
     updateConfigApiBody: async function(paramValue, apiBody) {
@@ -8813,8 +9295,7 @@ var service = (funcParams) => {
       }
     },
     downloadFile: downloadFile$1,
-    download: doDownload,
-    ...funcParams.functionsProvider
+    download: doDownload
   };
 };
 var leaderBoard = {
@@ -9163,7 +9644,6 @@ const buildLeaderBoard = (config) => {
     });
     LeaderBoard.elements[9].elements = modifyColumns;
   }
-  LeaderBoard.config.main.label = config.label;
   if (config.name) {
     LeaderBoard.elements[0].scope = `#/properties/${config.name}/properties/firstImage`;
     LeaderBoard.elements[3].scope = `#/properties/${config.name}/properties/firstName`;
@@ -9183,7 +9663,7 @@ const buildLeaderBoard = (config) => {
     LeaderBoard.elements[2].config.main.url = config.thirdImage;
   }
   if (config.layout) {
-    LeaderBoard.config.layout = createLayoutFormat(config.layout);
+    LeaderBoard.config.layout = config.layout;
   }
   return LeaderBoard;
 };
@@ -9363,7 +9843,7 @@ const LineGraph = {
       leftLabel: "Incentive",
       gridHidden: true,
       numHidden: false,
-      tooltipDataKey: ["First", "Second", "Third"],
+      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
       axisLeft: true,
       axisBottom: true,
       hideLeftAxisLine: false,
@@ -9616,13 +10096,6 @@ var Tabsection = {
 };
 const buildTabSection = (config, componentScope) => {
   const tab = _.cloneDeep(Tabsection);
-  tab.scope = componentScope;
-  if (config.lazyLoad) {
-    tab.config.main.lazyLoad = config.lazyLoad === "YES" ? true : false;
-  }
-  if (config.orientation) {
-    tab.config.main.orientation = config.orientation === "YES" ? "vertical" : "horizontal";
-  }
   if (config.sectionLabels) {
     tab.config.main.tabLabels = config.sectionLabels.map((e) => e.label);
   }
@@ -9642,10 +10115,8 @@ var WrapperSection = {
 };
 const buildWrapperSection = (config, componentScope) => {
   const wrapper = _.cloneDeep(WrapperSection);
-  wrapper.scope = componentScope;
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
-  wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
   if (config.style) {
     wrapper.config.style = JSON.parse(config.style);
   }
@@ -9800,7 +10271,6 @@ var Table = {
   elements: [],
   config: {
     main: {
-      onMount: "onMount",
       allRowData: [],
       downloadAllData: false,
       columns: {
@@ -9819,7 +10289,6 @@ var lazyLoadingTable = {
   elements: [],
   config: {
     main: {
-      onMount: "onMount",
       columns: {}
     }
   }
@@ -10128,25 +10597,6 @@ var DateInputField = {
     }
   }
 };
-const DateTime = {
-  type: "Control",
-  scope: "#/properties/date",
-  options: {
-    widget: "DateTimeInputField"
-  },
-  config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5
-    },
-    main: {
-      label: "DateTime",
-      type: "date"
-    }
-  }
-};
 const buildDate = (config, componentScope) => {
   const dateInputField = _.cloneDeep(DateInputField);
   dateInputField.config.main.label = config.label;
@@ -10157,16 +10607,6 @@ const buildDate = (config, componentScope) => {
   }
   return dateInputField;
 };
-const buildDateTime = (config, componentScope) => {
-  const dateTimeInputField = _.cloneDeep(DateTime);
-  dateTimeInputField.config.main.label = config.label;
-  dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
-  dateTimeInputField.scope = componentScope;
-  if (config.layout) {
-    dateTimeInputField.config.layout = createLayoutFormat(config.layout);
-  }
-  return dateTimeInputField;
-};
 var RankCard = {
   type: "Control",
   scope: "#/properties/path",
@@ -10298,7 +10738,6 @@ const buildBasicUiSchema = (config) => {
   return {
     "type": "HorizontalLayout",
     pageName: `${config.name}`,
-    scope: `${config.name}`,
     "elements": []
   };
 };
@@ -10403,12 +10842,6 @@ const buildLineGraph = (config, componentScope) => {
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
   }
-  if (config.yAxisValue) {
-    lineGraph.config.main.yAxisValue = config.yAxisValue;
-  }
-  if (config.xAxisValue) {
-    lineGraph.config.main.xAxisValue = config.xAxisValue;
-  }
   if (config.leftLabel) {
     lineGraph.config.main.leftLabel = config.leftLabel;
   }
@@ -10697,47 +11130,6 @@ const buildDataGrid = (config, componentScope) => {
   }
   return DataGrid;
 };
-const InputSlider = {
-  type: "Control",
-  scope: "#/properties/inputSlider",
-  options: {
-    widget: "InputSlider"
-  },
-  config: {
-    layout: 12,
-    main: {
-      limitToMax: false,
-      max: 1e4,
-      step: 1e3,
-      min: 0,
-      label: "Slider"
-    }
-  }
-};
-const buildInputSlider = (config, componentScope) => {
-  const inputSlider = _.cloneDeep(InputSlider);
-  inputSlider.scope = componentScope;
-  inputSlider.config.main.label = config.label;
-  if (config.layout) {
-    inputSlider.config.layout = createLayoutFormat(config.layout);
-  }
-  if (config.limitToMax) {
-    inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
-  }
-  if (config.max) {
-    inputSlider.config.main.max = config.max;
-  }
-  if (config.step) {
-    inputSlider.config.main.step = config.step;
-  }
-  if (config.min) {
-    inputSlider.config.main.min = config.min;
-  }
-  if (config.style) {
-    inputSlider.config.main.defaultStyle = JSON.parse(config.style);
-  }
-  return inputSlider;
-};
 let schema = {
   type: "object",
   properties: {},
@@ -10856,12 +11248,6 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
-    case "DateTime":
-      elements = buildDateTime(config, componentScope);
-      break;
-    case "InputSlider":
-      elements = buildInputSlider(config, componentScope);
-      break;
     case "DataGrid":
       elements = buildDataGrid(config, componentScope);
       break;
@@ -10881,13 +11267,13 @@ const buildUiSchema = (config) => {
       elements = buildPanField(config, componentScope);
       break;
     case "TabSection":
-      elements = buildTabSection(config, componentScope);
+      elements = buildTabSection(config);
       break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
       break;
     case "WrapperSection":
-      elements = buildWrapperSection(config, componentScope);
+      elements = buildWrapperSection(config);
       break;
     case "Text":
       elements = buildTextField(config, componentScope);
@@ -10997,17 +11383,15 @@ const buildUiSchema = (config) => {
         });
       }
       elements.elements = config.elements.map((e, elemInd) => {
-        if (e.type && e.type !== "date" && e.type !== "dateTime" && e.type !== "amount") {
+        if (e.type) {
           return {
             accessorKey: e.name,
             header: e.label || e.name,
             size: sizeMap[e.name] || 180,
-            type: e.type,
             widget: buildUiSchema(e)
           };
         }
         return {
-          type: e.type,
           accessorKey: e.name,
           header: e.label || e.name,
           size: sizeMap[e.name] || 180