impaktapps-ui-builder 0.0.409-l → 0.0.409-m

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

@@ -8,3 +8,4 @@ export declare function buildApiPayload(compConfig: any, body: any, headers: any
     body: any;
     headers: any;
 };
+export declare function asyncOperation(): Promise<unknown>;

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

@@ -1,19 +1,18 @@
+export declare const extractEvents: (eventConfig: any) => any;
 interface funcParamsProps {
     store: any;
     dynamicData: any;
+    config: any;
+    uiSchema: any;
+    schema: any;
     service: any;
     userValue: any;
-    functionsProvider?: Record<string, any>;
 }
-export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    onCellRenderer: (cellParams: any) => {};
-    onClick: () => void;
-    onMount: () => void;
-    onFileDownload: () => void;
-    onFileUpload: () => void;
-    backHandler: () => void;
+    onClick: () => Promise<void>;
+    onFileDownload: () => Promise<void>;
+    onFileUpload: () => Promise<void>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;

package/package.json

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

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -56,7 +56,7 @@ export const refreshPage = (type: string, store: any) => {
 
     }
     const elements = sectionLabels[type]?.map(e => sectionUiSchema[e]);
-    UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
+    UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
     UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
 
   }

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

@@ -1,5 +1,4 @@
-
-import _ from "lodash";
+import _, { cloneDeep } from "lodash";
 import { handlersProps } from "./interface";
 
 export const executeEvents = (params: handlersProps) => {
@@ -7,6 +6,7 @@ export const executeEvents = (params: handlersProps) => {
   let finalResponse = null;
 
   if (params.config.isSync !== "Yes") {
+
     return shouldEventExecute(params)
       .then((shouldExecute) => {
         if (!shouldExecute) {
@@ -93,6 +93,7 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
       result.push(result[0]);
     }
   }
+  console.log(result);
   return result;
 }
 export function executeRefreshHandler(params: handlersProps) {
@@ -224,9 +225,13 @@ export function shouldEventExecute(params: handlersProps) {
   const startEvent = params.config?.events?.filter(e => e.eventType === "onStart");
 
   if (startEvent?.length > 0) {
-    return executeEventsHandler({ ...params, config: startEvent[0] }).then((response) => {
-      return response;
-    });
+    if (startEvent[0]?.isSync !== "Yes") {
+      return executeEventsHandler({ ...params, config: startEvent[0] }).then((response) => {
+        return response;
+      });
+    } else {
+      return executeEventsHandler({ ...params, config: startEvent[0] })
+    }
   } else {
     if (params.config.isSync !== "Yes") {
       return Promise.resolve(true)
@@ -252,8 +257,17 @@ export function buildApiPayload(compConfig: any, body: any, headers: any, store:
   if (compConfig.apiBody) {
     const makeFunc = eval(compConfig.apiBody);
     return { body: makeFunc(store, dynamicData, userValue, promiseChain.body), headers: promiseChain.headers };
-    // return result;
-
   }
   return promiseChain;
-}
+}
+export 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,6 +1,6 @@
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
-import { executeEvents, executeRefreshHandler } from "./events";
+import { asyncOperation, executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};
@@ -13,14 +13,6 @@ const notifyUiSchema = {
   layout: 6,
 };
 
-interface funcParamsProps {
-  store: any,
-  dynamicData: any,
-  service: any,
-  userValue: any,
-  functionsProvider?: Record<string, any>
-}
-
 export const extractEvents = (eventConfig: any) => {
   function extractsConfigEvents(eventConfigObj: any) {
     if (eventConfigObj.events) {
@@ -54,53 +46,41 @@ export const extractEvents = (eventConfig: any) => {
   }
   return eventGroups;
 };
+
+interface funcParamsProps {
+  store: any,
+  dynamicData: any,
+  config: any,
+  uiSchema: any,
+  schema: any,
+  service: any,
+  userValue: any,
+}
 export default (funcParams: funcParamsProps) => {
+  eventGroups = {}
+  eventGroups = extractEvents(funcParams.config)
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile, download: doDownload, ...funcParams.functionsProvider }, eventGroups,
-    functionsProvider: funcParams.functionsProvider,
+    serviceHolder: { downloadFile, download: doDownload }, eventGroups
   };
   return {
     setPage: async function () {
-      funcParams.store.setFormdata({})
-      const data = JSON.stringify({
-        pageName: funcParams.store.pageName
-      });
-      let pageData;
-      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData")
-      if (pageBasicDetailString) {
-        pageData = JSON.parse(pageBasicDetailString)
-      } else {
-        const pageId = await funcParams.service
-          .post("/page/getByName", data, {
-            headers: {
-              "Content-Type": "application/json",
-            },
-          });
-        const response = await funcParams.service.get(
-          `/page/getById?id=${pageId?.data?.id}`,
-          {
-            headers: {
-              "Content-Type": "application/json",
-            },
+      funcParams.store.setFormdata({});
+      funcParams.store.setSchema(
+        (pre: any) => {
+          return {
+            ...funcParams.schema, properties:
+              { ...funcParams.schema.properties, ...pre.properties, }
           }
-        );
-        pageData = response.data;
-        localStorage.setItem("pagemasterMetaData", JSON.stringify({
-          schema: pageData?.schema,
-          uiSchema: pageData?.uiSchema, config: pageData?.config
-        }))
-      }
-      const config = pageData?.config;
-      const uiSchema = pageData?.uiSchema;
-      const schema = pageData?.schema ?? { type: "object", properties: {} };
-      eventGroups = {}
-      eventGroups = extractEvents(config);
+        }
+      )
+      funcParams.uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(funcParams.uiSchema);
+      await asyncOperation()
       executeEventsParameters = {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this, eventGroups
       }
       await executeRefreshHandler({
@@ -108,47 +88,15 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
-      funcParams.store.setSchema(
-        (pre: any) => {
-          return {
-            ...schema, properties:
-              { ...schema.properties, ...pre.properties, }
-          }
-        }
-      )
-      uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(uiSchema);
-
-    },
-    onCellRenderer: (cellParams) => {
-      let finalResponse = {};
-      // cellParams.spanRef.current.style.color = "yellow";
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onCellRenderer[path]) {
-        executeEventsParameters.store.functionParameters = cellParams
-        finalResponse = executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
-      console.log("finalResponse >> >> >> ", finalResponse)
-      return finalResponse
-    },
-    onClick: function () {
-      this.callHandler("onClick")
-    },
-    onMount: function () {
-      this.callHandler("onMount")
     },
-    onFileDownload: function () {
-      this.callHandler("onDownload")
+    onClick: async function () {
+      await this.callHandler("onClick")
     },
-    onFileUpload: function () {
-      this.callHandler("onUpload")
+    onFileDownload: async function () {
+      await this.callHandler("onDownload")
     },
-    backHandler: function () {
-      funcParams.store.navigate(-1)
+    onFileUpload: async function () {
+      await this.callHandler("onUpload")
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
@@ -167,8 +115,7 @@ export default (funcParams: funcParamsProps) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ]
-        const response = await this.updateConfigApiBody(param, apiBody);
-        return response?.data;
+        return await this.updateConfigApiBody(param, apiBody)
       }
     },
     onChange: async function () {
@@ -237,7 +184,7 @@ export default (funcParams: funcParamsProps) => {
       if (eventGroups?.[eventType]?.[path] !== undefined) {
         for (const eventConfig of eventGroups?.[eventType]?.[path]) {
           executeEventsParameters.store.functionParameters = functionParameters
-           executeEvents({
+          await executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
@@ -245,9 +192,18 @@ export default (funcParams: funcParamsProps) => {
         }
       }
     },
-
     downloadFile: downloadFile,
     download: doDownload,
-    ...funcParams.functionsProvider
   };
 };
+
+
+
+
+
+
+
+
+
+
+