impaktapps-ui-builder 1.0.46 → 1.0.50-alpha.1

package/dist/impaktapps-ui-builder.es.js

@@ -6287,7 +6287,8 @@ const ComponentSchema = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Phone Input", const: "PhoneInput" }
       ]
     },
     elementType: {
@@ -7483,7 +7484,7 @@ const cardLayout = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
         main: {
           label: "Screen Size"
         }
@@ -8270,19 +8271,9 @@ var buildConfig = (FormData) => {
 };
 const createLayoutFormat = (config2) => {
   if (_.isEmpty(config2)) {
-    return {
-      xs: 12,
-      sm: 12,
-      md: 12,
-      lg: 12
-    };
+    return { xs: 12, sm: 6, md: 4, lg: 3 };
   }
-  let data = {
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 6
-  };
+  let data = {};
   config2.map((e) => {
     data[e.key || "xs"] = +e.value || 5.5;
   });
@@ -10300,6 +10291,7 @@ var service = (funcParams) => {
       eventGroups = {};
       pageData = await funcParams.pageDataProvider();
       const config2 = pageData == null ? void 0 : pageData.config;
+      funcParams == null ? void 0 : funcParams.setExternaldata();
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       const event2 = new CustomEvent("pageNameChanged", {
         detail: { pageName: config2.label }
@@ -10412,7 +10404,9 @@ var service = (funcParams) => {
         }
       );
       const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
-      eventGroups = extractEvents(config2);
+      const newEventGroups = extractEvents(config2);
+      console.log("newEventGroups", newEventGroups, eventGroups);
+      eventGroups = newEventGroups;
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -10422,7 +10416,7 @@ var service = (funcParams) => {
         service: funcParams.service,
         functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
-        eventGroups,
+        eventGroups: newEventGroups,
         formDataHolder
       };
       await executeRefreshHandler({
@@ -10433,7 +10427,7 @@ var service = (funcParams) => {
         userValue: funcParams.userValue,
         service: funcParams.service,
         serviceHolder: this,
-        eventGroups,
+        eventGroups: newEventGroups,
         formDataHolder: {}
       });
       funcParams.store.setSchema(
@@ -11081,7 +11075,7 @@ var SelectInputField = {
     widget: "SelectInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
@@ -12010,7 +12004,7 @@ const FileInput = {
     widget: "FileInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       required: false,
       onUpload: "onFileUpload",
@@ -12278,6 +12272,39 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
   }
   return thought;
 };
+const PhoneInput = {
+  scope: "#/properties/testPhone",
+  type: "Control",
+  options: {
+    widget: "PhoneInput"
+  },
+  config: {
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    main: {
+      defaultCountry: "in",
+      label: "Phone"
+    }
+  }
+};
+const buildPhoneInputField = (config2, componentScope2) => {
+  const phonInputField = _.cloneDeep(PhoneInput);
+  phonInputField.config.main.label = config2.label;
+  if (config2.style) {
+    phonInputField.config.style = JSON.parse(config2.style);
+  }
+  if (config2.InputFormatingAndMasking) {
+    phonInputField.config.main.formatStrArray = config2.InputFormatingAndMasking.map((e) => e.formatElement);
+  }
+  if (config2.placeholder) {
+    phonInputField.config.main.placeholder = config2.placeholder;
+  }
+  if (config2.layout) {
+    phonInputField.config.layout = createLayoutFormat(config2.layout);
+  }
+  phonInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
+  phonInputField.scope = componentScope2;
+  return phonInputField;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12532,6 +12559,9 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "PhoneInput":
+      elements = buildPhoneInputField(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",