impaktapps-ui-builder 0.0.302 → 0.0.304

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

@@ -5866,6 +5866,7 @@ const ComponentSchema = {
     type: {
       type: "string",
       oneOf: [
+        { title: "AadharcardText", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
         { title: "Card", const: "card" },
@@ -5878,6 +5879,7 @@ const ComponentSchema = {
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
+        { title: "PanCardText", const: "PanCardText" },
         { title: "ProgressBar", const: "ProgressBar" },
         { title: "ProgressBar Card", const: "ProgressBarCard" },
         { title: "Select", const: "Select" },
@@ -8291,7 +8293,12 @@ var service = (funcParams) => {
         eventGroups
       };
       funcParams.store.setSchema(
-        funcParams.schema
+        (pre) => {
+          return {
+            ...funcParams.schema,
+            properties: { ...funcParams.schema.properties, ...pre.properties }
+          };
+        }
       );
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
@@ -9978,6 +9985,84 @@ const buildArray = (config, componentScope) => {
   array.scope = componentScope;
   return array;
 };
+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: 2e3,
+      step: 200,
+      autoFormat: true,
+      patternRegex: "^[0-9\\s]*$",
+      spaceIndex: 4,
+      autoMaskLength: 4,
+      autoMask: true,
+      defaultStyle: true
+    },
+    style: {}
+  }
+};
+const buildAdhaarField = (config, componentScope) => {
+  const inputField = _.cloneDeep(TextField);
+  inputField.config.main.label = config.label;
+  if (config.style) {
+    inputField.config.style = JSON.parse(config.style);
+  }
+  if (config.layout) {
+    inputField.config.layout = createLayoutFormat(config.layout);
+  }
+  inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  inputField.scope = componentScope;
+  return inputField;
+};
+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: 2e3,
+      step: 200,
+      patternRegex: "^[A-Z]{5}[0-9]{4}[A-Z]$",
+      spaceIndex: 4,
+      autoMaskLength: 4,
+      defaultStyle: true
+    },
+    style: {}
+  }
+};
+const buildPanField = (config, componentScope) => {
+  const inputField = _.cloneDeep(PanField);
+  inputField.config.main.label = config.label;
+  if (config.style) {
+    inputField.config.style = JSON.parse(config.style);
+  }
+  if (config.layout) {
+    inputField.config.layout = createLayoutFormat(config.layout);
+  }
+  inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  inputField.scope = componentScope;
+  return inputField;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -10096,6 +10181,15 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "AadharcardText":
+      elements = buildAdhaarField(config, componentScope);
+      break;
+    case "PanCardText":
+      elements = buildPanField(config, componentScope);
+      break;
+    case "TabSection":
+      elements = buildTabSection(config);
+      break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
       break;