impaktapps-ui-builder 0.0.304 → 0.0.306

package/package.json

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

package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts

@@ -3,45 +3,38 @@ import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
 
-const TextField =  {
-    type: "Control",
-    scope: "#/properties/text",
-  
-    options: {
-      widget: "InputField",
-    },
-    config: {
-      layout: {
-        xs: 11,
-        sm: 11,
-        md: 5.5,
-        lg: 5.5,
-      },
-      main: {
-        label:"Aadhaar No.",
-        max:2000,
-        step:200,
-        autoFormat:true,
-        // patternRegex:"^[A-Z]{5}[0-9]{4}[A-Z]$",
-        patternRegex:"^[0-9\\s]*$",
-        // valueLength:14,
-        spaceIndex:4,
-        autoMaskLength:4,
-        autoMask:true,
-        defaultStyle:true
-      },
-      style:{}
+const TextField = {
+    "type": "Control",
+    "scope": "#/properties/AAdhar",
+    "layout": 12,
+    "options": {
+      "widget": "InputField"
     },
+  config:{
+    main:{
+      label:"Adhaar Card",
+      max:2000,
+      step:200,
+      placeholder:"XXXX XXXX XXXX",
+      autoFormat:true,
+      patternRegex:"^[0-9\\s]*$",
+      valueLength:14,
+      spaceIndex:4,
+      autoMaskLength:4,
+      autoMask:true,
+      defaultStyle:true
+    }
   }
+  };
 
-export const buildAdhaarField = (config:any,componentScope:string) =>{
+export const buildAdhaarField = (config: any, componentScope: string) => {
     const inputField: any = _.cloneDeep(TextField);
     inputField.config.main.label = config.label;
     if (config.style) {
-      inputField.config.style = JSON.parse(config.style)
+        inputField.config.style = JSON.parse(config.style)
     }
     if (config.layout) {
-      inputField.config.layout = createLayoutFormat(config.layout)
+        inputField.config.layout = createLayoutFormat(config.layout)
     }
     inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
     inputField.scope = componentScope;
@@ -49,45 +42,35 @@ export const buildAdhaarField = (config:any,componentScope:string) =>{
 }
 
 
-const PanField =  {
-    type: "Control",
-    scope: "#/properties/text",
-  
-    options: {
-      widget: "InputField",
-    },
-    config: {
-      layout: {
-        xs: 11,
-        sm: 11,
-        md: 5.5,
-        lg: 5.5,
-      },
-      main: {
-        label:"Aadhaar No.",
-        max:2000,
-        step:200,
-        // autoFormat:true,
-        patternRegex:"^[A-Z]{5}[0-9]{4}[A-Z]$",
-        // patternRegex:"^[0-9\\s]*$",
-        // valueLength:14,
-        spaceIndex:4,
-        autoMaskLength:4,
-        // autoMask:true,
-        defaultStyle:true
-      },
-      style:{}
+const PanField = {
+    "type": "Control",
+    "scope": "#/properties/pan",
+    "layout": 12,
+    "options": {
+      "widget": "InputField"
     },
+  config:{
+    main:{
+      label:"Pan Card",
+      placeholder:"Enter Pan card",
+      patternRegex:"^[A-Z]{0,5}\\d{0,4}[A-Z]?$",
+      valueLength:10,
+      spaceIndex:4,
+      autoMaskLength:5,
+      autoMask:true,
+      defaultStyle:true
+    }
   }
+  };
 
-export const buildPanField = (config:any,componentScope:string) =>{
+export const buildPanField = (config: any, componentScope: string) => {
     const inputField: any = _.cloneDeep(PanField);
     inputField.config.main.label = config.label;
     if (config.style) {
-      inputField.config.style = JSON.parse(config.style)
+        inputField.config.style = JSON.parse(config.style)
     }
     if (config.layout) {
-      inputField.config.layout = createLayoutFormat(config.layout)
+        inputField.config.layout = createLayoutFormat(config.layout)
     }
     inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
     inputField.scope = componentScope;

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

@@ -3,32 +3,32 @@ import { handlersProps } from "./interface";
 
 
 export const executeEvents = async (
- params:handlersProps
+  params: handlersProps
 ) => {
   let nextEvent = [];
   let finalResponse = null;
-  try{
+  try {
     if (!shouldEventExecute(params)) {
       return { response: undefined, events: undefined };
     }
-    const response  = await executeEventsHandler(params)
+    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;
+    nextEvent = setEvent;
   }
   if (nextEvent?.length > 0) {
     for (const actionConfig of nextEvent) {
-        await executeEvents({...params,config:actionConfig,parentEventOutput:finalResponse})
+      await executeEvents({ ...params, config: actionConfig, parentEventOutput: finalResponse })
     }
   }
   return finalResponse;
 }
 
-async function executeEventsHandler(params:handlersProps) {
+async function executeEventsHandler(params: handlersProps) {
   if (params.config.Handler === "api") {
     return await executeApiEventHandler(params)
   }
@@ -42,26 +42,27 @@ async function executeEventsHandler(params:handlersProps) {
     return await executeRefreshHandler(params)
   }
   else if (params.config.Handler === "mergeFormdata") {
-    return await mergeFormdata(
-    params.parentEventOutput, params.componentName, params.config, params.store)
+    const result = mergeFormdata(
+      params.parentEventOutput, params.componentName, params.config, params.store)
+    return result;
   }
 }
-export async function executeRefreshHandler(params:handlersProps) {
+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});
+      await executeEvents({ ...params, config: compEventConfig, componentName });
     }
   }
 }
-async function executeApiEventHandler(params:handlersProps) {
+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,
@@ -70,7 +71,7 @@ async function executeApiEventHandler(params:handlersProps) {
   return response;
 }
 
-async function executeInBuiltFunctionHandler(params:handlersProps) {
+async function executeInBuiltFunctionHandler(params: handlersProps) {
   let parameter = {};
   if (params.config.funcParametersCode) {
     const makeFunc = eval(params.config.funcParametersCode)
@@ -79,13 +80,13 @@ async function executeInBuiltFunctionHandler(params:handlersProps) {
   params.serviceHolder[params.config.inBuiltFunctionType](parameter)
 }
 
-async function executeCustomHandler(params:handlersProps) {
+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) {
+function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
     store.setSchema((pre) => {
       return {
@@ -98,15 +99,15 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
       }
     })
   }
-  else if(eventConfig.type === "MultipleSelect" && !(_.isEmpty(handlerResponse?.data) && 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
+            type: "array",
+            items: {
+              oneOf: handlerResponse.data
             }
           }
         }
@@ -114,11 +115,13 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
     })
   }
   else if (eventConfig.type === "page") {
-    store.setFormdata((pre: any) => { return { ...pre, ...handlerResponse?.data } })
+    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 } });
+      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
     }
   }
 }
@@ -126,7 +129,7 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
 const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
   const finalBody = { ...userValue?.payload };
   body.map((elem) => {
-    if(typeof elem?.value !== "string") {
+    if (typeof elem?.value !== "string") {
       finalBody[elem.key] = elem.value;
     } else {
       if (elem?.value?.startsWith("$userValue")) {
@@ -155,10 +158,10 @@ const buildHeadersFormat = (headers: any[]) => {
   return headerObj;
 }
 
-async function shouldEventExecute(params:handlersProps) {
+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]});
+    const response = await executeEventsHandler({ ...params, config: startEvent[0] });
     return response;
   }
 }