impaktapps-ui-builder 0.0.382-alpha.321 → 0.0.382-alpha.322

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

@@ -1,3 +1,4 @@
+import { useState, useEffect } from "react";
 const PageMasterSchema = {
   type: "object",
   properties: {
@@ -9116,13 +9117,26 @@ const extractEvents = (eventConfig) => {
         const SuccessEvent = (_a = event2 == null ? void 0 : event2.events) == null ? void 0 : _a.find((elem) => {
           return elem.eventType === "Success";
         });
-        if (!!!SuccessEvent && event2.eventType === "onLoad") {
-          event2.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false });
+        if (!SuccessEvent && event2.eventType === "onLoad") {
+          event2.events.push({
+            Handler: "mergeFormdata",
+            eventType: "Success",
+            type: compType,
+            lazyLoading: eventConfig.lazyLoading === "YES" ? true : false
+          });
         }
-        if (!!!SuccessEvent && (event2.eventType === "onBack" || event2.eventType === "onNext" || event2.eventType === "onReset")) {
-          event2.events.push({ Handler: `${event2.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false });
+        if (!SuccessEvent && (event2.eventType === "onBack" || event2.eventType === "onNext" || event2.eventType === "onReset")) {
+          event2.events.push({
+            Handler: `${event2.eventType}Handler`,
+            eventType: "Success",
+            type: compType,
+            lazyLoading: eventConfig.lazyLoading === "YES" ? true : false
+          });
         }
-        eventGroups[event2.eventType][eventConfigObj.name].push({ ...event2, type: compType });
+        eventGroups[event2.eventType][eventConfigObj.name].push({
+          ...event2,
+          type: compType
+        });
       });
     }
   }
@@ -9145,37 +9159,30 @@ var service = (funcParams) => {
     serviceHolder: { downloadFile: downloadFile$1, download: doDownload },
     eventGroups
   };
-  return {
-    setPage: async function() {
-      funcParams.store.setFormdata({});
-      executeEventsParameters = {
+  const [isReady, setIsReady] = useState(false);
+  useEffect(() => {
+    if (isReady) {
+      executeRefreshHandler({
         config: {},
         componentName: "",
         store: funcParams.store,
         dynamicData: funcParams.dynamicData,
         userValue: funcParams.userValue,
         service: funcParams.service,
-        serviceHolder: this,
-        eventGroups
-      };
-      console.log("11 ", funcParams.store.formData);
-      const res = await fetch("https://jsonplaceholder.typicode.com/todos");
-      await res.json();
-      console.log("22 ", funcParams.store.formData);
-      funcParams.store.setSchema(funcParams.schema);
-      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,
+        serviceHolder: void 0,
         eventGroups
       });
-    },
+    }
+  }, [funcParams.store.formData]);
+  const setPage = async function() {
+    funcParams.store.setFormdata({});
+    funcParams.store.setSchema(funcParams.schema);
+    funcParams.uiSchema.elements.push(notifyUiSchema);
+    funcParams.store.setUiSchema(funcParams.uiSchema);
+    setIsReady(true);
+  };
+  return {
+    setPage,
     onClick: async function() {
       await this.callHandler("onClick");
     },
@@ -9209,18 +9216,20 @@ var service = (funcParams) => {
     onChange: async function() {
       if (eventGroups.onChange) {
         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) {
-            for (const eventConfig of eventGroups.onChange[componentName]) {
-              await executeEvents({
-                ...executeEventsParameters,
-                config: eventConfig,
-                componentName
-              });
+        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) {
+              for (const eventConfig of eventGroups.onChange[componentName]) {
+                await executeEvents({
+                  ...executeEventsParameters,
+                  config: eventConfig,
+                  componentName
+                });
+              }
             }
-          }
-        }));
+          })
+        );
       }
     },
     updateConfigApiBody: async function(paramValue, apiBody) {
@@ -9228,10 +9237,7 @@ var service = (funcParams) => {
       let LastCallResponse = void 0;
       for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onLoad[paramValue.path]) {
         if (eventConfig.body) {
-          eventConfig.body = [
-            ...eventConfig.body,
-            ...apiBody
-          ];
+          eventConfig.body = [...eventConfig.body, ...apiBody];
         } else {
           eventConfig.body = apiBody;
         }