impaktapps-ui-builder 1.0.305 → 1.0.306-test.1

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

@@ -7926,7 +7926,7 @@ const buildWrapper = (label, elements) => {
     elements: elements || []
   };
 };
-const getTextArea = (scope, heading, hideButton, layout) => {
+const getTextArea = (scope, heading, hideButton, layout, defaultValue) => {
   return {
     type: "Control",
     scope: `#/properties/${scope}`,
@@ -7939,7 +7939,8 @@ const getTextArea = (scope, heading, hideButton, layout) => {
         label: heading,
         minRows: 8,
         hideButton,
-        enableCodeEditor: true
+        enableCodeEditor: true,
+        defaultValue
       }
     }
   };
@@ -8787,12 +8788,75 @@ const getFormdataFromSessionStorage = (path) => {
   }
   return returnValue || pageFormdata;
 };
+const collectScopeNames = (config2, scopeMap = {}) => {
+  if (!config2 || typeof config2 !== "object")
+    return scopeMap;
+  if (Array.isArray(config2)) {
+    config2.forEach((item) => collectScopeNames(item, scopeMap));
+    return scopeMap;
+  }
+  if (config2.name) {
+    scopeMap[config2.name] = true;
+  }
+  if (Array.isArray(config2.elements)) {
+    collectScopeNames(config2.elements, scopeMap);
+  }
+  return scopeMap;
+};
+const initialiseScopeKey = () => {
+  const config2 = sessionStorage.getItem("pageFormdata") ? JSON.parse(sessionStorage.getItem("pageFormdata")) : void 0;
+  const names = config2 ? collectScopeNames(config2) : {};
+  sessionStorage.setItem("scopeKey", JSON.stringify(names));
+};
+const getScopeKey = () => {
+  const raw = sessionStorage.getItem("scopeKey");
+  return raw ? JSON.parse(raw) : {};
+};
+const addToScopeKey = (name) => {
+  if (!name)
+    return;
+  const scopeKey = getScopeKey();
+  scopeKey[name] = true;
+  sessionStorage.setItem("scopeKey", JSON.stringify(scopeKey));
+};
+const doesScopeNameExist = (name) => {
+  if (!name)
+    return false;
+  const scopeKey = getScopeKey();
+  return !!scopeKey[name];
+};
+const findDuplicateScopeNames = (config2) => {
+  const scopeNameCount = {};
+  const traverse = (currentNode) => {
+    if (!currentNode || typeof currentNode !== "object")
+      return;
+    if (Array.isArray(currentNode)) {
+      currentNode.forEach(traverse);
+      return;
+    }
+    if (currentNode.name) {
+      scopeNameCount[currentNode.name] = (scopeNameCount[currentNode.name] || 0) + 1;
+    }
+    if (Array.isArray(currentNode.elements))
+      traverse(currentNode.elements);
+  };
+  traverse(config2);
+  return Object.keys(scopeNameCount).filter((name) => scopeNameCount[name] > 1);
+};
 async function saveHandler(store2, service2, submitHandler) {
-  var _a, _b;
-  (_a = store2.searchParams) == null ? void 0 : _a.get("id");
-  const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
+  var _a;
+  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
   saveFormdataInSessionStorage(store2.ctx.core.data, path);
   const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
+  const duplicates = findDuplicateScopeNames(config2);
+  if (duplicates.length > 0) {
+    store2.setValidation("ValidateAndShow");
+    store2.setNotify({
+      Fail: true,
+      FailMessage: `Duplicate names found: ${duplicates.join(", ")}`
+    });
+    return;
+  }
   if (_.isEmpty(store2.ctx.core.errors)) {
     try {
       const saveReturn = await submitHandler(store2, service2, config2);
@@ -8807,6 +8871,7 @@ async function saveHandler(store2, service2, submitHandler) {
 const navigateHandler = (store2, isSubmitted, pageName, errorMessage) => {
   if (isSubmitted) {
     sessionStorage.removeItem("pageFormdata");
+    sessionStorage.removeItem("scopeKey");
     store2.navigate(pageName || -1);
     store2.setNotify({
       SuccessMessage: "Submit Successfully",
@@ -8825,6 +8890,7 @@ function okHandler(store2) {
   const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
   if (_.isEmpty(store2.ctx.core.errors)) {
     saveFormdataInSessionStorage(store2.ctx.core.data, path);
+    addToScopeKey(store2.ctx.core.data);
     store2.navigate(-1);
     store2.setNotify({
       SuccessMessage: "Save Successfully",
@@ -9026,6 +9092,15 @@ function refreshPage(type, store2) {
   }
   store2.setUiSchema(UiSchema);
 }
+const debouncedNameValidator = _.debounce((store2, newName) => {
+  if (doesScopeNameExist(newName)) {
+    store2.setValidation("ValidateAndShow");
+    store2.setNotify({
+      Fail: true,
+      FailMessage: `Name "${newName}" already exists. Please use a unique name.`
+    });
+  }
+}, 400);
 var Component = (store2, dynamicData2, submitHandler, service2) => {
   return {
     setPage: async function() {
@@ -9072,13 +9147,19 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       schema2.properties.pageName.path = pathArray;
       return schema2;
     },
-    okHandler: () => okHandler(store2),
+    okHandler: () => {
+      okHandler(store2);
+      addToScopeKey(store2.ctx.core.data);
+    },
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     onChange: function() {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g;
       if (((_a = store2 == null ? void 0 : store2.formData) == null ? void 0 : _a.type) !== ((_b = store2 == null ? void 0 : store2.newData) == null ? void 0 : _b.type) && ((_c = store2 == null ? void 0 : store2.newData) == null ? void 0 : _c.type) !== void 0) {
         this.refreshPage((_d = store2 == null ? void 0 : store2.newData) == null ? void 0 : _d.type, store2);
       }
+      if (((_e = store2 == null ? void 0 : store2.formData) == null ? void 0 : _e.name) !== ((_f = store2 == null ? void 0 : store2.newData) == null ? void 0 : _f.name) && ((_g = store2 == null ? void 0 : store2.newData) == null ? void 0 : _g.name) !== void 0) {
+        debouncedNameValidator(store2, store2.newData.name);
+      }
     },
     editComponents: function() {
       var _a, _b, _c;
@@ -9088,6 +9169,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
+      addToScopeKey(store2.ctx.core.data);
       if (path) {
         const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
         const finalPath = `${path2}.elements[${rowId}]`;
@@ -9132,6 +9214,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       }
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
+      addToScopeKey(store2.ctx.core.data);
       const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
@@ -9293,6 +9376,7 @@ var pageMaster = (funcParams) => {
       const schema2 = await this.getSchema();
       store2.setSchema(schema2);
       store2.setUiSchema(uiSchema);
+      initialiseScopeKey();
     },
     getFormdata: async function() {
       var _a;
@@ -9321,6 +9405,7 @@ var pageMaster = (funcParams) => {
     },
     backHandler: () => {
       sessionStorage.removeItem("pageFormdata");
+      sessionStorage.removeItem("scopeKey");
       store2.navigate("/PageMasterRecords");
     },
     onAddClickHandler: function() {
@@ -9332,6 +9417,7 @@ var pageMaster = (funcParams) => {
         store2.formData.elements = [];
       }
       const response = saveFormdataInSessionStorage(store2.ctx.core.data);
+      addToScopeKey(store2.ctx.core.data);
       if (id) {
         store2.navigate(
           `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}&id=${id}`
@@ -9357,6 +9443,7 @@ var pageMaster = (funcParams) => {
         store2.formData.events = [];
       }
       saveFormdataInSessionStorage(store2.ctx.core.data);
+      addToScopeKey(store2.ctx.core.data);
       const finalPath = `events[${store2.formData.events.length}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -9367,6 +9454,7 @@ var pageMaster = (funcParams) => {
       const rowId = dynamicData2.path.split(".")[1];
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
       saveFormdataInSessionStorage(store2.ctx.core.data);
+      addToScopeKey(store2.ctx.core.data);
       const finalPath = `events[${rowId}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -10119,7 +10207,7 @@ const APISection = {
         }
       ]
     },
-    getTextArea("apiBody", "Transformer", true, 12)
+    getTextArea("apiBody", "Transformer", true, 12, boilerplate)
   ]
 };
 const refreshSectionUiSchema = {
@@ -10174,6 +10262,7 @@ const refreshSectionUiSchema = {
     }
   ]
 };
+const boilerplate = "(store, dynamicData, user, body, service) => {\n}";
 var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
   return {
     setPage: async function() {
@@ -10185,7 +10274,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       this.refreshPage(formdata.Handler, store2);
     },
     refreshPage: (handlerType, store22) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
       const schema2 = _.cloneDeep(EventSchema);
       if (handlerType) {
@@ -10210,8 +10299,12 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
           uiSchema.elements[0].elements[0].elements[4] = getTextArea(
             "eventCode",
             "Write Custom Code",
-            false
+            false,
+            void 0
           );
+          if (!((_a = store22.formData) == null ? void 0 : _a.eventCode)) {
+            store22.setFormdata((prev) => ({ ...prev, eventCode: boilerplate }));
+          }
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
           uiSchema.elements[0].elements[0].elements[2] = emptyBox$1("emptyBox", {
@@ -10221,6 +10314,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
             lg: 6
           });
           uiSchema.elements[0].elements[0].elements[3] = APISection;
+          if (!((_b = store22.formData) == null ? void 0 : _b.apiBody)) {
+            store22.setFormdata((prev) => ({ ...prev, apiBody: boilerplate }));
+          }
           schema2.required = ["eventType", "Handler", "method", "path"];
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[0].elements[0].elements[2] = getSelectField(
@@ -10271,9 +10367,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
         schema2.properties.RemoveItemButton.disabled = false;
       }
       const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
-      const path = (_a = store22.searchParams) == null ? void 0 : _a.get("path");
-      const id = (_b = store22.searchParams) == null ? void 0 : _b.get("id");
-      let pathArray = [{ label: (_c = config2.name) != null ? _c : "NewPage", path: `/PageMaster${id ? `?id=${id}` : ""}` }];
+      const path = (_c = store22.searchParams) == null ? void 0 : _c.get("path");
+      const id = (_d = store22.searchParams) == null ? void 0 : _d.get("id");
+      let pathArray = [{ label: (_e = config2.name) != null ? _e : "NewPage", path: `/PageMaster${id ? `?id=${id}` : ""}` }];
       if (path) {
         const pathArrayAll = path.split(".");
         const arr = [];