impaktapps-ui-builder 0.0.383 → 0.0.382456

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

@@ -44,9 +44,18 @@ async function executeEventsHandler(params: handlersProps) {
   }
   else if (params.config.Handler === "mergeFormdata") {
     const result = await mergeFormdata(
-      params.parentEventOutput, params.componentName, params.config, params.store,params.service)
+      params.parentEventOutput, params.componentName, params.config, params.store, params.service)
     return result;
   }
+  else if (params.config.Handler === "onBackHandler") {
+    return params.store.functionParameters?.handleBack()
+  }
+  else if (params.config.Handler === "onNextHandler") {
+    return params.store.functionParameters?.handleNext()
+  }
+  else if (params.config.Handler === "onResetHandler") {
+    return params.store.functionParameters?.handleReset()
+  }
 }
 export async function executeRefreshHandler(params: handlersProps) {
   const compToRefresh: string[] = getRefreshElements(params.config, params.eventGroups)
@@ -87,7 +96,7 @@ async function executeCustomHandler(params: handlersProps) {
   return response;
 }
 
-async function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any,service:any) {
+async function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any, service: any) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
     store.setSchema((pre) => {
       return {
@@ -108,7 +117,7 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
             ...pre.properties?.[componentName],
             type: "array",
             items: {
-              oneOf: handlerResponse.data
+              oneOf: handlerResponse?.data
             }
           }
         }
@@ -123,7 +132,7 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
   else {
     if (handlerResponse) {
       store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
-      const demoData =  await service.get("https://jsonplaceholder.typicode.com/posts/1");
+      const demoData = await asyncOperation();
     }
   }
 }
@@ -165,7 +174,7 @@ async function shouldEventExecute(params: handlersProps) {
   if (startEvent?.length > 0) {
     const response = await executeEventsHandler({ ...params, config: startEvent[0] });
     return response;
-  }else{
+  } else {
     return true
   }
 }
@@ -203,3 +212,15 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
   return result;
 }
 
+
+function asyncOperation() {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      const success = true;
+      if (success) {
+        resolve("Operation completed successfully!");
+        reject(new Error("Operation failed!"));
+      }
+    }, 50);
+  });
+}

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

@@ -1,5 +1,5 @@
-import _ from "lodash";
-import { downloadFile } from "./downloadFile";
+import _, { isEmpty } from "lodash";
+import { doDownload, downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
@@ -30,7 +30,10 @@ export const extractEvents = (eventConfig: any) => {
           return elem.eventType === "Success"
         })
         if (!(!!SuccessEvent) && event.eventType === "onLoad") {
-          event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType,lazyLoading:eventConfig.lazyLoading==="YES"?true:false })
+          event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
+        }
+        if (!(!!SuccessEvent) && (event.eventType === "onBack" || event.eventType === "onNext"|| event.eventType === "onReset")) {
+          event.events.push({ Handler: `${event.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
         eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
       });
@@ -59,7 +62,7 @@ export default (funcParams: funcParamsProps) => {
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: {downloadFile}, eventGroups
+    serviceHolder: { downloadFile,download:doDownload }, eventGroups
   };
   return {
     setPage: async function () {
@@ -76,54 +79,33 @@ export default (funcParams: funcParamsProps) => {
               { ...funcParams.schema.properties, ...pre.properties, }
           }
         }
-        )
+      )
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
-      await executeRefreshHandler( {
+      await executeRefreshHandler({
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
     },
     onClick: async function () {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onClick[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
+      await this.callHandler("onClick")
     },
-    onFileDownload:async () =>{
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onDownload[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
+    onFileDownload: async function () {
+      await this.callHandler("onDownload")
     },
-    onFileUpload:async () =>{
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onUpload[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
+    onFileUpload: async function () {
+      await this.callHandler("onUpload")
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
-        { key: "pageIndex", value: paginationValues.pagination.pageIndex  },
+        { key: "pageIndex", value: paginationValues.pagination.pageIndex },
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
       ]
-      const response =  await this.updateConfigApiBody(paginationValues, apiBody);
+      const response = await this.updateConfigApiBody(paginationValues, apiBody);
       return response?.data;
     },
     getSelectOptions: async function (param) {
@@ -175,7 +157,42 @@ export default (funcParams: funcParamsProps) => {
       }
       return LastCallResponse
     },
-    downloadFile: downloadFile
+    onBack: async function (functionParameters) {
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      await this.callHandler("onBack", functionParameters)
+      if (eventGroups?.["onBack"]?.[path] === undefined) {
+        functionParameters?.handleBack()
+      }
+    },
+    onNext: async function (functionParameters) {
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      await this.callHandler("onNext", functionParameters)
+      if (eventGroups?.["onNext"]?.[path] === undefined) {
+        functionParameters?.handleNext()
+      }
+    },
+    onReset: async function (functionParameters) {
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      await this.callHandler("onReset", functionParameters)
+      if (eventGroups?.["onReset"]?.[path] === undefined) {
+        functionParameters?.handleReset()
+      }
+    },
+    callHandler: async function (eventType: string, functionParameters?: any) {
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      if (eventGroups?.[eventType]?.[path] !== undefined) {
+        for (const eventConfig of eventGroups?.[eventType]?.[path]) {
+          executeEventsParameters.store.functionParameters = functionParameters
+          await executeEvents({
+            ...executeEventsParameters,
+            config: eventConfig,
+            componentName: path
+          })
+        }
+      }
+    },
+    downloadFile: downloadFile,
+    download:doDownload,
   };
 };