impaktapps-ui-builder 1.0.124 → 1.0.126

package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts

@@ -22,7 +22,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
-    onChange: () => Promise<void>;
+    onChange: () => void;
     callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.124",
+    "version": "1.0.126",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -183,28 +183,39 @@ export default (funcParams: funcParamsProps) => {
         return response?.data;
       }
     },
-    onChange: async function () {
-      if (eventGroups.onChange) {
-        const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
-        Promise.all(ChangeEventsKeysArray.map(async (componentName: string) => {
-          if (
-            funcParams.store?.formData[componentName] !== funcParams.store.newData[componentName] &&
-            funcParams.store?.newData[componentName] !== undefined
-          ) {
-            for (const eventConfig of eventGroups.onChange[componentName]) {
-              await executeEvents({
-                ...executeEventsParameters,
-                config: eventConfig,
-                componentName,
-                formDataHolder:formDataHolder
-              })
-            }
+    onChange: function () {
+      if (!eventGroups.onChange) return;
+
+      const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
+
+      const promises = ChangeEventsKeysArray.flatMap((componentName: string) => {
+        if (
+          funcParams.store?.formData[componentName] === funcParams.store.newData[componentName] ||
+          funcParams.store?.newData[componentName] === undefined
+        ) {
+          return [];
+        }
+
+        return eventGroups.onChange[componentName].map(eventConfig =>
+          Promise.resolve(
+            executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName,
+              formDataHolder
+            })
+          ).then(() => {
             if (!isEmpty(formDataHolder)) {
-              funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+              funcParams.store.setFormdata(pre => ({
+                ...pre,
+                ...formDataHolder
+              }));
             }
-          }
-        }))
-      }
+          })
+        );
+      });
+
+      Promise.allSettled(promises);
     },
     callExecuteEvents: async function (paramValue, apiBody, eventType: string) {
       let LastCallResponse = undefined;
@@ -250,21 +261,33 @@ export default (funcParams: funcParamsProps) => {
       }
     },
     callHandler: function (eventType: string, functionParameters?: any) {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[funcParams.dynamicData.path.split(".").length - 1];
-      if (eventGroups?.[eventType]?.[path] !== undefined) {
-        (eventGroups?.[eventType]?.[path].map(async (eventConfig) => {
-          executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
+      const path =
+        funcParams.dynamicData?.tableButtonPath ||
+        funcParams.dynamicData.path.split(".").pop();
+
+      if (!eventGroups?.[eventType]?.[path]) return;
+
+      const promises = eventGroups[eventType][path].map(eventConfig => {
+        executeEventsParameters.store.functionParameters = functionParameters;
+
+        return Promise.resolve(
+          executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path,
-            formDataHolder: formDataHolder
+            formDataHolder
           })
+        ).then(() => {
           if (!isEmpty(formDataHolder)) {
-            funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+            funcParams.store.setFormdata(pre => ({
+              ...pre,
+              ...formDataHolder
+            }));
           }
-        }))
-      }
+        });
+      });
+
+      Promise.allSettled(promises);
     },
     downloadFile: downloadFile,
     downloadFileFromUrl: downloadFileFromUrl,