impaktapps-ui-builder 1.0.60-alpha.3 → 1.0.60-alpha.5

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

@@ -5,7 +5,7 @@ interface funcParamsProps {
     userValue: any;
     pageDataProvider: any;
     functionsProvider?: Record<string, any>;
-    setExternaldata?: any;
+    initFormData?: any;
 }
 export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.60-alpha.3",
+    "version": "1.0.60-alpha.5",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -50,26 +50,11 @@ export const PageMasterUiSchema: any = (theme) => {
               },
             },
           },
-          {
-            type: "Control",
-            scope: "#/properties/hasBackIcon",
-
-            options: {
-              widget: "RadioInputField",
-            },
-            config: {
-              layout: { xs: 12, sm: 6, md: 4, lg: 3 },
-              main: {
-                label: "Back Icon",
-                options: [{label: "Yes",const: "YES"}, {label: "No",const: "NO"}],
-              },
-            },
-          },
           {
             type: "Control",
             scope: "#/properties/EmptyBox",
             config: {
-              layout: { xs: 0, sm: 6, md: 0, lg: 3 },
+              layout: { xs: 0, sm: 0, md: 4, lg: 6 },
             },
             options: {
               widget: "EmptyBox",

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

@@ -20,7 +20,7 @@ interface funcParamsProps {
   userValue: any,
   pageDataProvider: any,
   functionsProvider?: Record<string, any>,
-  setExternaldata?: any
+  initFormData?: any
 }
 let pageData: any = false;
 export const extractEvents = (eventConfig: any) => {
@@ -72,21 +72,124 @@ export default (funcParams: funcParamsProps) => {
   return {
     setPage: async function () {
       funcParams.store.setAdditionalErrors([]);
-      funcParams.store.setFormdata({});
+      funcParams.store.setFormdata(funcParams?.initFormData() || {});
       funcParams.store.setSchema({ type: "object", properties: {} });
       funcParams.store.newData = {};
       eventGroups = {};
       pageData = await funcParams.pageDataProvider();
       const config = pageData?.config;
-
-      funcParams?.setExternaldata();
-
       const uiSchema = pageData?.uiSchema;
       const event = new CustomEvent('pageNameChanged', {
-        detail: { pageName: config.label, hasBackIcon: config.hasBackIcon === "NO" ? false : true }
+        detail: { pageName: config.label, hasBackIcon: true }
       });
       window.dispatchEvent(event)
       const theme = funcParams?.store?.theme?.myTheme;
+      uiSchema.elements.push(
+        {
+          type: "HorizontalLayout",
+          config: {
+            main: {
+              direction: "row",
+            },
+            style: {
+              flexDirection: "row",
+              position: "absolute",
+              bottom: 0,
+              height: "fit-content",
+              overflow: "hidden",
+              zIndex: 1000,
+              width: "inherit",
+            },
+          },
+          elements: [
+            {
+              type: "Control",
+              scope: "#/properties/FooterText",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Copywriter@ACT21.IO",
+                },
+                style: {
+                  color: theme?.palette?.text?.disabled || "#AFAFAF",
+                  fontSize: "11px",
+                  textAlign: "center",
+                  lineHeight: 2,
+                  width: "fit-content",
+                  left: "50%",
+                  position: "relative",
+                  margin: 0,
+                  flexGrow: 1,
+                  height: 0,
+                  transform: "translate(-50%, 0%)",
+                },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/FooterBackIcon",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  iconName: "PrevIcon",
+                  onClick: "backHandler",
+                  width: "fit-content",
+                },
+                style: {
+                  fill: theme?.palette?.primary?.main,
+                  width: 20,
+                  height: 0,
+                  top: 0,
+                  right: { xs: "12px", sm: "84px" },
+                  position: "absolute",
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  ":hover": {
+                    fill: theme?.palette?.primary?.dark,
+                  },
+                  marginRight: "20px",
+                },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/FooterBackHandlerText",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Previous Page",
+                  onClick: "backHandler",
+                },
+                style: {
+                  display: { xs: "none", sm: "flex" },
+                  textAlign: "left",
+                  lineHeight: 1,
+                  height: 0,
+                  width: "fit-content",
+                  color: theme?.palette?.primary?.main,
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  marginLeft: "2px",
+
+                  top: 3,
+                  right: "12px",
+                  position: "absolute",
+                  ":hover": {
+                    color: theme?.palette?.primary?.dark,
+                  },
+                  marginRight: "4px",
+                },
+              },
+            },
+          ],
+        }
+      );
       const schema = pageData?.schema ?? { type: "object", properties: {} };
       eventGroups = extractEvents(config);
       executeEventsParameters = {