impaktapps-ui-builder 0.0.303 → 0.0.305

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" },
@@ -9983,6 +9985,75 @@ const buildArray = (config, componentScope) => {
   array.scope = componentScope;
   return array;
 };
+const TextField = {
+  "type": "Control",
+  "scope": "#/properties/AAdhar",
+  "layout": 12,
+  "options": {
+    "widget": "InputField"
+  },
+  config: {
+    main: {
+      label: "Adhaar Card",
+      max: 2e3,
+      step: 200,
+      placeholder: "XXXX XXXX XXXX",
+      autoFormat: true,
+      patternRegex: "^[0-9\\s]*$",
+      valueLength: 14,
+      spaceIndex: 4,
+      autoMaskLength: 4,
+      autoMask: true,
+      defaultStyle: true
+    }
+  }
+};
+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/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
+    }
+  }
+};
+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: {},
@@ -10101,6 +10172,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;