impaktapps-ui-builder 0.0.350 → 0.0.352

package/dist/src/impaktapps-ui-builder/builder/build/buildInputSlider.d.ts

@@ -0,0 +1 @@
+export declare const buildInputSlider: (config: any, componentScope: any) => any;

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

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

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

@@ -1,18 +1,17 @@
 export declare const refreshPage: (type: string, store: any) => void;
-declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
+declare const _default: (store: any, dynamicData: any) => {
     setPage: () => Promise<void>;
     refreshPage: (type: string, store: any) => void;
-    getFormdata: () => any;
+    getFormdata: () => Promise<any>;
     getSchema: () => any;
-    okHandler: () => void;
     saveHandler: () => Promise<void>;
     onChange: () => void;
-    editComponents: () => void;
-    deleteComponents: () => void;
-    deleteEvent: () => void;
-    widgetAddClickHandler: () => void;
-    eventEditHandler: () => void;
-    eventAddHandler: () => void;
+    editComponents: () => Promise<void>;
+    deleteComponents: () => Promise<void>;
+    deleteEvent: () => Promise<void>;
+    widgetAddClickHandler: () => Promise<void>;
+    eventEditHandler: () => Promise<void>;
+    eventAddHandler: () => Promise<void>;
     backHandler: () => void;
 };
 export default _default;

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

@@ -1,9 +1,9 @@
-declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
+declare const _default: (store: any, dynamicData: any) => {
     setPage: () => Promise<void>;
     refreshPage: (handlerType: any, store: any) => void;
-    getFormData: () => any;
-    getUiSchema: () => any;
-    getSchema: () => {
+    getFormData: () => Promise<any>;
+    getUiSchema: () => Promise<any>;
+    getSchema: () => Promise<{
         type: string;
         properties: {
             headers: {
@@ -75,13 +75,12 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
             };
         };
         required: string[];
-    };
-    okHandler: () => void;
-    saveHandler: () => Promise<void>;
+    }>;
     onChange: () => void;
-    addEvent: () => void;
-    editEvent: () => void;
-    deleteEvent: () => void;
+    saveHandler: () => Promise<void>;
+    addEvent: () => Promise<void>;
+    editEvent: () => Promise<void>;
+    deleteEvent: () => Promise<void>;
     backHandler: () => void;
 };
 export default _default;

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

@@ -0,0 +1,3 @@
+export declare const getNavigationHistory: (config: any, path: string | undefined) => {
+    pageName: string;
+};

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

@@ -1,14 +1,14 @@
 interface funcParamsProps {
     store: any;
     dynamicData: any;
+    config: any;
     submitHandler: any;
     service: any;
-    config?: any;
 }
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    getFormdata: () => any;
-    getUiSchema: () => any;
+    getFormdata: () => Promise<any>;
+    getUiSchema: () => Promise<any>;
     getSchema: () => {
         type: string;
         properties: {
@@ -48,12 +48,12 @@ declare const _default: (funcParams: funcParamsProps) => {
         required: string[];
     };
     backHandler: () => void;
-    onAddClickHandler: () => void;
-    saveHandler: () => Promise<void>;
-    Edit_Components: () => void;
-    Delete_Components: () => void;
-    eventAddHandler: () => void;
-    editEvent: () => void;
-    deleteEvent: () => void;
+    onAddClickHandler: () => Promise<void>;
+    submitPageHandler: () => Promise<void>;
+    Edit_Components: () => Promise<void>;
+    Delete_Components: () => Promise<void>;
+    eventAddHandler: () => Promise<void>;
+    editEvent: () => Promise<void>;
+    deleteEvent: () => Promise<void>;
 };
 export default _default;

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

@@ -0,0 +1,2 @@
+export declare const saveFormdataInLocalStorage: (formData: any, path?: string) => any;
+export declare const getFormdataFromLocalStorage: (path?: string) => any;

package/dist/src/impaktapps-ui-builder/lib/index.d.ts

@@ -6,4 +6,4 @@ export { schema } from "../builder/build/buildUiSchema";
 export { default as buildConfig } from "../builder/build/buildConfig";
 export { default as buildUiSchema } from "../builder/build/buildUiSchema";
 export { buildSchema } from "../builder/build/buildUiSchema";
-export { default as clearFromLocalStorage } from "../builder/services/utils";
+export { default as clearPreviousCache } from "../builder/services/clearLocalStorage";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.350",
+    "version": "0.0.352",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",
@@ -13,7 +13,6 @@
         "@vitejs/plugin-react": "^1.1.4",
         "acorn-jsx": "^5.3.2",
         "babel-loader": "^8.2.3",
-        "lodash": "^4.17.21",
         "react": "^18.2.0",
         "react-ace": "^10.1.0",
         "react-dom": "^18.2.0",

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

@@ -13,7 +13,7 @@ const FileInput = {
         required: false,
         onUpload: "onFileUpload",
         onDownload:"onFileDownload",
-        label:"Aggrement Copy"
+        label:"label"
         // iconStyleDefault:true,
       },
       style: {
@@ -24,7 +24,7 @@ const FileInput = {
   export const buildFileInput = (config,componentScope) => {
     const box: any = _.cloneDeep(FileInput);
     box.scope = componentScope;
-    box.config.main.heading = config.label
+    box.config.main.label = config.label
     if(config.layout){
       box.config.layout = createLayoutFormat(config.layout)
     }

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

@@ -0,0 +1,46 @@
+
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+const InputSlider = {
+    type: "Control",
+    scope: "#/properties/inputSlider",
+    options: {
+        widget: "InputSlider",
+    },
+
+    config: {
+        layout: 12,
+        main: {
+            limitToMax: false,
+            max: 10000,
+            step: 1000,
+            min: 0,
+            label: "Slider"
+        },
+       
+    },
+};
+export const buildInputSlider = (config, componentScope) => {
+    const inputSlider: any = _.cloneDeep(InputSlider);
+    inputSlider.scope = componentScope;
+    inputSlider.config.main.label = config.label
+    if (config.layout) {
+        inputSlider.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.limitToMax) {
+        inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
+    }
+    if (config.max) {
+        inputSlider.config.main.max = config.max
+    }
+    if (config.step) {
+        inputSlider.config.main.step = config.step;
+    }
+    if (config.min) {
+        inputSlider.config.main.min = config.min;
+    }
+    if (config.style) {
+        inputSlider.config.main.defaultStyle = JSON.parse(config.style)
+    }
+    return inputSlider;
+}

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

@@ -34,6 +34,7 @@ import { buildEmptyBox } from "./buildEmptyBox";
 import { buildArray } from "./buildArray";
 import { buildAdhaarField, buildPanField } from "./buildAadharCard";
 import { buildFileInput } from "./buildFileInput";
+import { buildInputSlider } from "./buildInputSlider";
 export let schema = {
   type: "object",
   properties: {},
@@ -164,6 +165,9 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "InputSlider":
+      elements = buildInputSlider(config, componentScope);
+      break;
     case "FileInput":
       elements = buildFileInput(config, componentScope);
       break;

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -160,6 +160,14 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+    case "InputSlider":
+      uiSchema.elements = [
+        getInputField("max", "Max Limit"),
+        getInputField("step", "Step"),
+        getInputField("min", "Min Limit"),
+        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
+      ]
+      break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -15,6 +15,7 @@ export const ComponentSchema: any = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
+        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts

@@ -223,7 +223,7 @@ export const componentBasicUiSchema: any = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
+        layout: { xs: 11, sm: 11, md: 8, lg: 8 },
       },
       options: {
         widget: "EmptyBox",
@@ -240,40 +240,11 @@ export const componentBasicUiSchema: any = {
         layout: {
           xs: 11,
           sm: 11,
-          md: 2.5,
-          lg: 2.5,
+          md: 3,
+          lg: 3,
         },
         main: {
-          name: "Ok",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "okHandler",
-          size: "small",
-        },
-        style: {
-          marginBottom: "8px",
-          float: "right",
-        },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button",
-      },
-
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5,
-        },
-        main: {
-          name: "Save & Exit",
+          name: "Save",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -370,12 +370,12 @@ export const PageMasterUiSchema: any = {
       config: {
         layout: 11.7,
         main: {
-          name: "Save",
+          name: "Submit Page",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "saveHandler",
+          onClick: "submitPageHandler",
           size: "small",
         },
         style: {

package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts

@@ -242,7 +242,7 @@ export const EventUiSchema: any = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
+        layout: { xs: 11, sm: 11, md: 8, lg: 8 },
       },
       options: {
         widget: "EmptyBox",
@@ -259,40 +259,11 @@ export const EventUiSchema: any = {
         layout: {
           xs: 11,
           sm: 11,
-          md: 2.5,
-          lg: 2.5,
+          md: 3,
+          lg: 3,
         },
         main: {
-          name: "Ok",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "okHandler",
-          size: "small",
-        },
-        style: {
-          marginBottom: "8px",
-          float: "right",
-        },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button",
-      },
-
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5,
-        },
-        main: {
-          name: "Save & Exit",
+          name: "Save",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",

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

@@ -0,0 +1,3 @@
+export default () => {
+ localStorage.removeItem("pageFormdata")   
+}

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

@@ -1,6 +1,7 @@
 import _ from "lodash";
 import { ComponentSchema } from "../elements/UiSchema/Component/schema"; 
 import { componentBasicUiSchema } from "../elements/UiSchema/Component/uiSchema";
+import { getFormdataFromLocalStorage, saveFormdataInLocalStorage } from "./saveHandler";
 import { CoreSection } from "../build/uischema/coreSection";
 import { EventSection } from "../build/uischema/eventSection";
 import { buildPropertiesSection } from "../build/uischema/buildPropertiesSection";
@@ -8,7 +9,6 @@ import { StyleSection } from "../build/uischema/styleSection";
 import { TableSection } from "../build/uischema/tableSection";
 import { ValueTab } from "../build/uischema/valueTab";
 import { ValidationSection } from "../build/uischema/validationSections";
-import { getFormdataFromLocalStorage, okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
 const sectionLabels = {
   Select: ["Core", "Properties","Value", "style", "Event","Validation"],
   MultipleSelect: ["Core", "Properties","Value", "style", "Event","Validation"],
@@ -33,10 +33,9 @@ const sectionLabels = {
   Radio:["Core", "Properties", "style", "Event","Validation"],
   Text:["Core","Properties","style", "Event","Validation"],
   TextArea:["Core","Properties","style", "Event","Validation"],
+  InputSlider:["Core","Properties","style", "Event","Validation"],
 }
 
-
-
 export const refreshPage = (type:string,store:any) => {
   const UiSchema = _.cloneDeep(componentBasicUiSchema)
   if(type){
@@ -58,7 +57,7 @@ export const refreshPage = (type:string,store:any) => {
 store.setUiSchema(UiSchema);
 }
 
-export default (store: any, dynamicData: any, submitHandler: any, service: any) => {
+export default (store: any, dynamicData: any) => {
   return {
     setPage: async function () {
       const formdata = await this.getFormdata();
@@ -69,15 +68,31 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     
     },
     refreshPage:refreshPage,
-    getFormdata: function () {
+    getFormdata: async function () {
       const path = store.searchParams?.get("path");
       return getFormdataFromLocalStorage(path) 
     },
     getSchema: function () {
       return ComponentSchema;
     },
-    okHandler:()=>okHandler(store),
-    saveHandler: async ()=> await saveHandler(store,service,submitHandler,"PageMaster"),
+    saveHandler: async function () {
+      const path = store.searchParams?.get("path");
+      console.log(store.ctx.core.errors)
+      if (_.isEmpty(store.ctx.core.errors)) {
+        saveFormdataInLocalStorage(store.formData,path)
+          store.navigate(-1)
+          store.setNotify({
+            SuccessMessage: "Save Successfully",
+            Success: true,
+          });
+      } else {
+        store.setValidation("ValidateAndShow");
+         store.setNotify({
+          Fail:true,
+          FailMessage:"Errors on Page"
+        })
+      }
+    },
     onChange: function () {
       if (
         store?.formData?.type !== store?.newData?.type &&
@@ -86,11 +101,11 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         this.refreshPage(store?.newData?.type,store);
       }
     },
-    editComponents: function () {
+    editComponents: async function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInLocalStorage(store.formData, path)
       if (path) {
         const path = store.searchParams?.get("path");
         const finalPath = `${path}.elements[${rowId}]`
@@ -101,48 +116,48 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         store.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`)
       }
     },
-    deleteComponents: function () {
+    deleteComponents: async function () {
       const path = store.searchParams?.get("path");
       const rowId = dynamicData.path.split(".")[1];
       store.formData.elements.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
+      const response = saveFormdataInLocalStorage(store.formData, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
     },
-    deleteEvent: function () {
+    deleteEvent: async function () {
       const path = store.searchParams?.get("path");
       const rowId = dynamicData.path.split(".")[1];
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
+      const response = saveFormdataInLocalStorage(store.formData, path)
       store.setFormdata(_.get(response, path));
     },
-    widgetAddClickHandler: function () {
+    widgetAddClickHandler: async function () {
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInLocalStorage(store.formData, path)
       const finalPath = `${path}.elements[${store.formData.elements.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
       this.setPage()
 
     },
-    eventEditHandler: function () {
+    eventEditHandler: async function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInLocalStorage(store.formData, path)
       const finalPath = `${path}.events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
-    eventAddHandler: function () {
+    eventAddHandler: async function () {
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInLocalStorage(store.formData, path)
       const finalPath = `${path}.events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },

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

@@ -1,7 +1,7 @@
-import { EventSchema } from "../elements/UiSchema/event/schema";
+import { EventSchema } from "../elements/UiSchema/event/schema"; 
 import { EventUiSchema } from "../elements/UiSchema/event/uiSchema";
 import Component from "./component";
-import { okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { saveFormdataInLocalStorage } from "./saveHandler";
 import { APISection } from "../build/uischema/apiSection";
 import { getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
@@ -9,9 +9,7 @@ import _ from "lodash";
 
 export default (
   store: any,
-  dynamicData: any,
-  submitHandler: any,
-  service: any
+  dynamicData: any
 ) => {
   return {
     setPage: async function () {
@@ -19,76 +17,76 @@ export default (
       store.setFormdata(formdata);
       const schema = await this.getSchema();
       store.setSchema(schema);
-      this.refreshPage(formdata.Handler, store)
+     this.refreshPage(formdata.Handler,store)
     },
     refreshPage: (handlerType: any, store: any) => {
       const uiSchema = _.cloneDeep(EventUiSchema);
-      const schema: any = _.cloneDeep(EventSchema)
+      const schema:any = _.cloneDeep(EventSchema)
       if (handlerType) {
         if (handlerType === "custom") {
           uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false)
-          schema.required = ["eventType", "Handler", "eventCode"]
+          schema.required = ["eventType","Handler","eventCode"]
 
         } else if (handlerType === "api") {
           uiSchema.elements[1].elements[0].elements[2] = APISection;
-          schema.required = ["eventType", "Handler", "method", "path"]
+          schema.required = ["eventType","Handler","method","path"]
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
             { label: "RankProvider", value: "RankProvider" },
             { label: "Download File", value: "downloadFile" },
           ])
           uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
-          schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
+          schema.required = ["eventType","Handler","inBuiltFunctionType"]
         } else if (handlerType === "refresh") {
           uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
           schema.properties.refreshElements.required = ["value"]
           schema.properties.refreshElements.items.required = ["value"]
-          schema.required = ["eventType", "Handler", "refreshElements"]
+          schema.required = ["eventType","Handler","refreshElements"]
         }
       }
       store.setSchema(schema)
       store.setUiSchema(uiSchema)
     },
 
-    getFormData: Component(store, dynamicData, submitHandler, service).getFormdata,
-    getUiSchema: function () {
+    getFormData: Component(store, dynamicData).getFormdata,
+    getUiSchema: async function () {
       return EventUiSchema;
     },
-    getSchema: () => {
+    getSchema: async () => {
       return EventSchema;
     },
-    okHandler: () => okHandler(store),
-    saveHandler: async () => await saveHandler(store, service, submitHandler,"PageMaster"),
     onChange: function () {
       if (
         store?.formData?.Handler !== store?.newData?.Handler &&
         store?.newData?.Handler !== undefined
       ) {
-        this.refreshPage(store.newData.Handler || store.formdata.Handler, store)
+        this.refreshPage(store.newData.Handler||store.formdata.Handler,store)
       }
     },
-    addEvent: function () {
+    
+    saveHandler: Component(store, dynamicData).saveHandler,
+    addEvent: async function () {
       const path = store.searchParams?.get("path");
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInLocalStorage(store.formData, path)
       const finalPath = `${path}.events[${store.formData?.events?.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
       this.setPage()
     },
-    editEvent: function () {
+    editEvent: async function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInLocalStorage(store.formData, path)
       const finalPath = `${path}.events[${rowId}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
+    deleteEvent: Component(store, dynamicData).deleteEvent,
     backHandler: function () {
       store.navigate(-1)
     },

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

@@ -0,0 +1,27 @@
+import _ from "lodash";
+
+export const getNavigationHistory = (config: any, path: string|undefined) => {
+  if (path) {
+    let urlRoutes: string = config.name;
+    const pathArrayAll = path.split(".");
+    const arr:any = []
+    pathArrayAll.map((e: string, i: number) => {
+      if (i === 0) {
+        arr.push(e)
+        return;
+      }
+      arr.push(`${arr[i - 1]}.${e}`)
+    })
+    arr.map((e) => {
+      const data = _.get(config, e)
+      if(data){
+        urlRoutes = urlRoutes + ` >    ${data?.name || data?.eventType}`
+      }else{
+        urlRoutes = urlRoutes + " > NewComponent";
+      }
+     
+    })
+    return { pageName: urlRoutes }
+  }
+  return undefined;
+}