impaktapps-ui-builder 0.0.412-mtreemap.20 → 0.0.412-mtreemap.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.412-mtreemap.20",
+    "version": "0.0.412-mtreemap.21",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -3,7 +3,7 @@ import { handlersProps } from "./interface";
 export const executeEvents = (params: handlersProps) => {
   let nextEvent = [];
   let finalResponse = null;
-
+ 
   if (params.config.isSync !== "Yes") {
     return shouldEventExecute(params)
       .then((shouldExecute) => {
@@ -52,7 +52,7 @@ export const executeEvents = (params: handlersProps) => {
   }
   return finalResponse;
 }
-
+ 
 function executeEventsHandler(params: handlersProps) {
   if (params.config.Handler === "api") {
     return executeApiRequest(params);
@@ -79,14 +79,14 @@ function executeEventsHandler(params: handlersProps) {
     return params.store.functionParameters?.handleReset();
   }
 }
-
+ 
 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)
@@ -98,37 +98,23 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
 }
 export async function executeRefreshHandler(params: handlersProps) {
   const compToRefresh: string[] = getRefreshElements(params.config, params.eventGroups);
- 
-  // Create an array of promises for the components to refresh
   return Promise.allSettled(compToRefresh.map(componentName => {
     const eventConfigs = params.eventGroups.onLoad[componentName];
- 
-    // If eventConfigs is undefined, return a resolved promise
     if (!eventConfigs) {
-      return Promise.resolve(); // Resolve immediately if there are no events to load
+      return Promise.resolve();
     }
- 
-    // Create an array of promises for the defined eventConfigs
     return Promise.allSettled(eventConfigs.map(compEventConfig => {
       return executeEvents({ ...params, config: compEventConfig, componentName });
     }));
   }));
 }
-// export function executeRefreshHandler(params: handlersProps) {
-//   const compToRefresh: string[] = getRefreshElements(params.config, params.eventGroups);
-//   return Promise.all(compToRefresh.map(componentName => {
-//     return Promise.all(params.eventGroups.onLoad[componentName].map(compEventConfig => {
-//       return executeEvents({ ...params, config: compEventConfig, componentName });
-//     }));
-//   }))
-// };
 export function executeApiRequest(params: any) {
   const initialBody = { ...params.userValue?.payload };
   const initialHeaders = {
     "X-Requested-With": "XMLHttpRequest",
     "Access-Control-Allow-Origin": "*"
   };
-
+ 
   const payloadApi = buildApiPayload(params.config, initialBody, initialHeaders, params.store, params.dynamicData, params.userValue, params.service)
   return params.service[params.config.method](
     params.config.path,
@@ -138,7 +124,7 @@ export function executeApiRequest(params: any) {
     return response;
   });
 };
-
+ 
 function executeInBuiltFunctionHandler(params: handlersProps) {
   let parameter = {};
   if (params.config.funcParametersCode) {
@@ -149,7 +135,7 @@ function executeInBuiltFunctionHandler(params: handlersProps) {
     params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service)
   }
 }
-
+ 
 function executeCustomHandler(params: handlersProps) {
   const makeFunc = eval(params.config.eventCode)
   if (params.config.isSync !== "Yes") {
@@ -158,9 +144,9 @@ function executeCustomHandler(params: handlersProps) {
     const response = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.componentName)
     return response;
   }
-
+ 
 }
-
+ 
 function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any, service: any, formDataHolder: any) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
     store.setSchema((pre) => {
@@ -205,8 +191,8 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
     }
   }
 }
-
-const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
+ 
+const buildBodyFormat = (body: any[], formData: any, userValue: any, store: any) => {
   let finalBody = { ...userValue?.payload };
   body.map((elem) => {
     if (typeof elem?.value !== "string") {
@@ -215,6 +201,15 @@ const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
       if (elem?.value?.startsWith("$userValue")) {
         const finalpath = elem.value.substring(11);
         finalBody[elem.key] = _.get(userValue, finalpath);;
+      } else if (elem?.value?.startsWith("$urlParams")) {
+        const finalpath = elem.value.substring(11);
+        const value = store?.searchParams?.get(finalpath);
+        finalBody[elem.key] = value;
+      }
+      else if (elem?.value?.startsWith("$local")) {
+        const finalpath = elem.value.substring(7);
+        const value = JSON.parse(localStorage.getItem(finalpath) || '""')
+        finalBody[elem.key] = value;
       }
       else if (elem?.value?.startsWith("$")) {
         const finalpath = elem.value.substring(1);
@@ -231,7 +226,7 @@ const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
   })
   return finalBody;
 }
-
+ 
 const buildHeadersFormat = (headers: any[]) => {
   const headerObj = {
     // "Content-Type": "application/json",
@@ -242,10 +237,10 @@ const buildHeadersFormat = (headers: any[]) => {
   })
   return headerObj;
 }
-
+ 
 export function shouldEventExecute(params: handlersProps) {
   const startEvent = params.config?.events?.filter(e => e.eventType === "onStart");
-
+ 
   if (startEvent?.length > 0) {
     if (startEvent[0]?.isSync !== "Yes") {
       return executeEventsHandler({ ...params, config: startEvent[0] }).then((response) => {
@@ -262,14 +257,14 @@ export function shouldEventExecute(params: handlersProps) {
     }
   }
 }
-
-
+ 
+ 
 export 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) };
+    body = { ...buildBodyFormat(compConfig.body, store.newData || store?.ctx?.core?.data || store.formData,userValue, store) };
   }
   const promiseChain = { body, headers };
   if (compConfig.apiBody) {
@@ -288,4 +283,4 @@ export function asyncOperation() {
       }
     }, 50);
   });
-}
+}