impaktapps-ui-builder 0.0.382-alpha.60 → 0.0.382-alpha.62

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

@@ -6,3 +6,4 @@ export declare function buildApiPayload(compConfig: any, body: any, headers: any
     headers: any;
 }>;
 export declare function getRefreshElements(eventConfig: any, eventGropus: any): string[];
+export declare function asyncOperation(): Promise<unknown>;

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

@@ -8,4 +8,5 @@ export interface handlersProps {
     serviceHolder: any;
     eventGroups?: any;
     parentEventOutput?: any;
+    functionsProvider?: Record<string, any>;
 }

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

@@ -7,19 +7,21 @@ interface funcParamsProps {
     schema: any;
     service: any;
     userValue: any;
+    functionsProvider?: Record<string, any>;
 }
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
     onClick: () => Promise<void>;
+    onMount: () => Promise<void>;
     onFileDownload: () => Promise<void>;
     onFileUpload: () => Promise<void>;
+    backHandler: () => void;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;
     updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;
-    backHandler: () => void;
     onReset: (functionParameters: any) => Promise<void>;
     callHandler: (eventType: string, functionParameters?: any) => Promise<void>;
     downloadFile: (obj: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.382-alpha.60",
+    "version": "0.0.382-alpha.62",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -1,3 +1,242 @@
+// import _, { cloneDeep } from "lodash";
+// import { handlersProps } from "./interface";
+
+
+// export const executeEvents = async (
+//   params: handlersProps
+// ) => {
+//   let nextEvent = [];
+//   let finalResponse = null;
+//   try {
+//     const shouldExecute = await shouldEventExecute(params)
+//     if (!shouldExecute) {
+//       return { response: undefined, events: undefined };
+//     }
+//     const response = await executeEventsHandler(params)
+//     finalResponse = response;
+//     const SuccessEvent = params.config?.events.filter(e => e.eventType === "Success");
+//     nextEvent = SuccessEvent;
+//   } catch (err) {
+//     const FailEvent = params.config?.events?.filter(e => e.eventType === "Fail")
+//     const setEvent = FailEvent?.length > 0 ? FailEvent : []
+//     nextEvent = setEvent;
+//   }
+//   if (nextEvent?.length > 0) {
+//     for (const actionConfig of nextEvent) {
+//       await executeEvents({ ...params, config: actionConfig, parentEventOutput: finalResponse })
+//     }
+//   }
+//   return finalResponse;
+// }
+
+// async function executeEventsHandler(params: handlersProps) {
+//   if (params.config.Handler === "api") {
+//     return await executeApiEventHandler(params)
+//   }
+//   else if (params.config.Handler === "inBuiltFunction") {
+//     return await executeInBuiltFunctionHandler(params)
+//   }
+//   else if (params.config.Handler === "custom") {
+//     return await executeCustomHandler(params)
+//   }
+//   else if (params.config.Handler === "refresh") {
+//     return await executeRefreshHandler(params)
+//   }
+//   else if (params.config.Handler === "mergeFormdata") {
+//     const result = await mergeFormdata(
+//       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)
+//   for (const componentName of compToRefresh) {
+//     for (const compEventConfig of params.eventGroups.onLoad[componentName]) {
+//       await executeEvents({ ...params, config: compEventConfig, componentName });
+//     }
+//   }
+// }
+// async function executeApiEventHandler(params: handlersProps) {
+//   const initialBody = { ...params.userValue?.payload };
+//   const initialHeaders = {
+//     "X-Requested-With": "XMLHttpRequest",
+//     "Access-Control-Allow-Origin": "*"
+//   };
+//   const { body, headers } = await buildApiPayload(params.config, initialBody, initialHeaders, params.store, params.dynamicData, params.userValue, params.service)
+
+//   const response = await params.service[params.config.method](
+//     params.config.path,
+//     body,
+//     headers && { headers: headers }
+//   );
+//   return response;
+// }
+
+// async function executeInBuiltFunctionHandler(params: handlersProps) {
+//   let parameter = {};
+//   if (params.config.funcParametersCode) {
+//     const makeFunc = eval(params.config.funcParametersCode)
+//     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
+//   }
+//   params.serviceHolder[params.config.inBuiltFunctionType](parameter)
+// }
+
+// async function executeCustomHandler(params: handlersProps) {
+//   const makeFunc = eval(params.config.eventCode)
+//   const response = await makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.componentName);
+//   return response;
+// }
+
+// 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 {
+//         ...pre, properties: {
+//           ...pre.properties, [componentName]: {
+//             ...pre.properties?.[componentName],
+//             oneOf: handlerResponse.data
+//           }
+//         }
+//       }
+//     })
+//   }
+//   else if (eventConfig.type === "MultipleSelect" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
+//     store.setSchema((pre) => {
+//       return {
+//         ...pre, properties: {
+//           ...pre.properties, [componentName]: {
+//             ...pre.properties?.[componentName],
+//             type: "array",
+//             items: {
+//               oneOf: handlerResponse?.data
+//             }
+//           }
+//         }
+//       }
+//     })
+//   }
+//   else if (eventConfig.type === "page") {
+//     if (!(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
+//       store.setFormdata((pre: any) => { return { ...pre, ...handlerResponse?.data } })
+//     }
+//   }
+//   else {
+//     if (handlerResponse) {
+//       store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
+//       const demoData = await asyncOperation();
+//     }
+//   }
+// }
+
+// const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
+//   const finalBody = { ...userValue?.payload };
+//   body.map((elem) => {
+//     if (typeof elem?.value !== "string") {
+//       finalBody[elem.key] = elem.value;
+//     } else {
+//       if (elem?.value?.startsWith("$userValue")) {
+//         const finalpath = elem.value.substring(11);
+//         finalBody[elem.key] = _.get(userValue, finalpath);;
+//       }
+//       else if (elem?.value?.startsWith("$")) {
+//         const finalpath = elem.value.substring(1);
+//         finalBody[elem.key] = _.get(formData, finalpath);;
+//       } else {
+//         finalBody[elem.key] = elem.value;
+//       }
+//     }
+//   })
+//   return finalBody;
+// }
+
+// const buildHeadersFormat = (headers: any[]) => {
+//   const headerObj = {
+//     // "Content-Type": "application/json",
+//     "X-Requested-With": "XMLHttpRequest"
+//   }
+//   headers.map((elem) => {
+//     headerObj[elem.key] = elem.value;
+//   })
+//   return headerObj;
+// }
+
+// async function shouldEventExecute(params: handlersProps) {
+//   const startEvent = params.config?.events?.filter(e => e.eventType === "onStart");
+//   if (startEvent?.length > 0) {
+//     const response = await executeEventsHandler({ ...params, config: startEvent[0] });
+//     return response;
+//   } else {
+//     return true
+//   }
+// }
+
+// export async function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service) {
+//   if (compConfig?.headers) {
+//     headers = buildHeadersFormat(compConfig.headers)
+
+//   }
+//   if (compConfig.body) {
+//     body = { ...buildBodyFormat(compConfig.body, store.newData || store?.ctx?.core?.data || store.formData, userValue) };
+//   }
+//   if (compConfig.apiBody) {
+//     const makeFunc = eval(compConfig.apiBody);
+//     const data = await makeFunc(store, dynamicData, userValue, body);
+//     body = data
+//   }
+//   return { body, headers };
+// }
+
+// export function getRefreshElements(eventConfig: any, eventGropus: any) {
+//   let result: string[] = [];
+//   if (eventConfig?.refreshElements?.length > 0) {
+//     result = eventConfig.refreshElements.map((e) => {
+//       return e.value
+//     })
+
+//   } else {
+//     if (eventGropus?.onLoad) {
+//       result = Object.keys(eventGropus?.onLoad)
+//       result.push(result[0]);
+//     }
+//   }
+//   console.log(result);
+//   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);
+//   });
+// }
+
+
+
+
+
+
+
+
+
+
+
+
+
 import _, { cloneDeep } from "lodash";
 import { handlersProps } from "./interface";
 
@@ -43,7 +282,6 @@ async function executeEventsHandler(params: handlersProps) {
     return await executeRefreshHandler(params)
   }
   else if (params.config.Handler === "mergeFormdata") {
-    console.log("params : " , params);
     const result = await mergeFormdata(
       params.parentEventOutput, params.componentName, params.config, params.store, params.service)
     return result;
@@ -87,8 +325,10 @@ async function executeInBuiltFunctionHandler(params: handlersProps) {
   if (params.config.funcParametersCode) {
     const makeFunc = eval(params.config.funcParametersCode)
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
+    params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service)
+  } else {
+    params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service)
   }
-  params.serviceHolder[params.config.inBuiltFunctionType](parameter)
 }
 
 async function executeCustomHandler(params: handlersProps) {
@@ -126,32 +366,20 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
     })
   }
   else if (eventConfig.type === "page") {
-    console.log("console1 : " , handlerResponse);
     if (!(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
-      console.log("console2 : " , handlerResponse);
       store.setFormdata((pre: any) => { return { ...pre, ...handlerResponse?.data } })
     }
   }
   else {
     if (handlerResponse) {
-      console.log("console3 : " , handlerResponse);
-
-      let body;
-
-      if(handlerResponse.data instanceof Array){
-        body = [...handlerResponse.data]
-      }else if(handlerResponse.data instanceof Object){
-        body = {...handlerResponse.data};
-      }
-
-      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : body } });
+      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse?.data?.data : handlerResponse.data } });
       const demoData = await asyncOperation();
     }
   }
 }
 
 const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
-  const finalBody = { ...userValue?.payload };
+  let finalBody = { ...userValue?.payload };
   body.map((elem) => {
     if (typeof elem?.value !== "string") {
       finalBody[elem.key] = elem.value;
@@ -163,7 +391,12 @@ const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
       else if (elem?.value?.startsWith("$")) {
         const finalpath = elem.value.substring(1);
         finalBody[elem.key] = _.get(formData, finalpath);;
-      } else {
+      } else if (elem?.value === "*" && elem?.key === "*") {
+        finalBody = { ...finalBody, ...formData };
+      } else if (elem?.value === "*") {
+        finalBody[elem.key] = formData;
+      }
+      else {
         finalBody[elem.key] = elem.value;
       }
     }
@@ -226,7 +459,7 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
 }
 
 
-function asyncOperation() {
+export function asyncOperation() {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       const success = true;
@@ -236,4 +469,4 @@ function asyncOperation() {
       }
     }, 50);
   });
-}
+}

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

@@ -1,11 +1,24 @@
+// export interface handlersProps {
+//     config: any, 
+//     componentName: string,
+//     store: any,
+//      dynamicData: any,
+//       userValue: any,
+//     service: any, 
+//     serviceHolder: any, 
+//     eventGroups?: any, 
+//     parentEventOutput?: any
+// }
+
 export interface handlersProps {
-    config: any, 
-    componentName: string,
-    store: any,
-     dynamicData: any,
-      userValue: any,
-    service: any, 
-    serviceHolder: any, 
-    eventGroups?: any, 
-    parentEventOutput?: any
+  config: any, 
+  componentName: string,
+  store: any,
+   dynamicData: any,
+    userValue: any,
+  service: any, 
+  serviceHolder: any, 
+  eventGroups?: any, 
+  parentEventOutput?: any,
+  functionsProvider?:Record<string,any>
 }