impaktapps-ui-builder 1.0.255 → 1.0.257

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

@@ -6242,6 +6242,7 @@ const ComponentSchema = {
         { title: "Label", const: "Box" },
         { title: "Leaderboard", const: "LeaderBoard" },
         { title: "Multi-Select Dropdown", const: "MultipleSelect" },
+        { title: "OTP_Input", const: "OTP_Input" },
         { title: "Pan Card Masked", const: "PanCardText" },
         { title: "Pop Up", const: "PopUp" },
         { title: "Pop Over", const: "PopOver" },
@@ -7972,6 +7973,14 @@ const BaseSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(BaseSection);
   switch (type) {
+    case "OTP_Input":
+      uiSchema.elements = [
+        getInputField("seperator", "Seperator"),
+        getInputField("length", "OTP Length"),
+        getRadioInputField("masking", "OTP Masking", ["YES", "NO"]),
+        emptyBox$1("empty1", { xs: 12, sm: 6, md: 4, lg: 3 })
+      ];
+      break;
     case "Array":
       uiSchema.elements = [
         getRadioInputField("allExpanded", "Initial Expand", ["YES", "NO"]),
@@ -8143,10 +8152,9 @@ const buildPropertiesSection = function(type) {
     case "ButtonGroup":
       uiSchema.elements = [
         getRadioInputField("multiSelect", "Enable multiSelect", ["YES", "No"]),
-        getRadioInputField("enableEvent", "Enable Event", ["YES", "No"]),
         getInputField("size", "Size"),
         getSelectField("color", "Color"),
-        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 })
+        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
       ];
       break;
     case "Box":
@@ -8297,6 +8305,8 @@ const buildPropertiesSection = function(type) {
         getInputField("description", "Enter description"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
+        getInputField("chooseButtonLabel", "ChooseButton Label"),
+        getInputField("noFileAvailableMessage", "No Found Message"),
         emptyBox$1("FileInputEmpty", { xs: 6, sm: 6, md: 4, lg: 3 })
       ];
       break;
@@ -8839,7 +8849,8 @@ const sectionLabels = {
   DateTime: ["Core", "Properties", "Events", "Style", "Validation"],
   Image: ["Core", "Properties", "Style"],
   FileInput: ["Core", "Properties", "Events", "Style", "Validation"],
-  Camera: ["Core", "Properties", "Events", "Style", "Validation"]
+  Camera: ["Core", "Properties", "Events", "Style", "Validation"],
+  OTP_Input: ["Core", "Properties", "Events", "Style", "Validation"]
 };
 function refreshPage(type, store2) {
   var _a, _b;
@@ -12111,6 +12122,9 @@ const buildDate = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     dateInputField.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.style) {
+    dateInputField.config.style = JSON.parse(config2.style);
+  }
   return dateInputField;
 };
 const buildDateTime = (config2, componentScope2) => {
@@ -12130,6 +12144,9 @@ const buildDateTime = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     dateTimeInputField.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.style) {
+    dateTimeInputField.config.style = JSON.parse(config2.style);
+  }
   return dateTimeInputField;
 };
 var RankCard = {
@@ -12581,24 +12598,14 @@ const buildFileInput = (config2, componentScope2) => {
   if (config2.style) {
     box.config.style = JSON.parse(config2.style);
   }
-  if (config2.variant) {
-    box.config.main.variant = config2.variant;
-  }
-  if (config2.disableUpload) {
-    box.config.main.disableUpload = config2.disableUpload === "YES" ? true : false;
-  }
-  if (config2.disableDownload) {
-    box.config.main.disableDownload = config2.disableDownload === "YES" ? true : false;
-  }
-  if (config2.disableDelete) {
-    box.config.main.disableDelete = config2.disableDelete === "YES" ? true : false;
-  }
-  if (config2.description) {
-    box.config.main.description = config2.description;
-  }
-  if (config2.toolTip) {
-    box.config.main.toolTip = config2.toolTip;
-  }
+  box.config.main.variant = config2.variant;
+  box.config.main.disableUpload = config2.disableUpload === "YES" ? true : false;
+  box.config.main.disableDownload = config2.disableDownload === "YES" ? true : false;
+  box.config.main.disableDelete = config2.disableDelete === "YES" ? true : false;
+  box.config.main.description = config2.description;
+  box.config.main.toolTip = config2.toolTip;
+  box.config.main.chooseButtonLabel = config2.chooseButtonLabel;
+  box.config.main.noFileAvailableMessage = config2.noFileAvailableMessage;
   if (config2.toolTipPosition) {
     box.config.main.toolTipPosition = config2.toolTipPosition;
   }
@@ -13029,9 +13036,6 @@ const buildButtonGroup = (config2, componentScope2) => {
   if (config2.multiSelect) {
     buttonGroup.config.main.multiSelect = config2.multiSelect === "YES" ? true : false;
   }
-  if (config2.enableEvent) {
-    buttonGroup.config.main.enableOnChange = config2.enableEvent === "YES" ? true : false;
-  }
   if (config2.style) {
     buttonGroup.config.style = JSON.parse(config2.style);
   }
@@ -13079,6 +13083,43 @@ const buildPopOver = (config2, componentScope2) => {
   }
   return popOver;
 };
+const OTPSchema = {
+  type: "Control",
+  scope: "#/properties/OTPInput",
+  options: {
+    widget: "OTPInput"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 3, lg: 3 },
+    main: {
+      seperator: "",
+      length: 4,
+      type: "number",
+      masking: true
+    }
+  }
+};
+const buildOTP_Input = (config2, componentScope2) => {
+  const OTP = _.cloneDeep(OTPSchema);
+  OTP.scope = componentScope2;
+  if (config2.layout) {
+    OTP.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.style) {
+    OTP.config.style = JSON.parse(config2.style);
+  }
+  if (config2.errorMessage) {
+    OTP.config.main.errorMessage = config2.errorMessage;
+  }
+  if (config2.toolTip) {
+    OTP.config.main.toolTip = config2.toolTip;
+  }
+  OTP.config.main.masking = config2.masking === "YES" ? true : false;
+  OTP.config.main.type = config2.OTP_Format;
+  OTP.config.main.seperator = config2.seperator;
+  OTP.config.main.length = +config2.length;
+  return OTP;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -13149,6 +13190,9 @@ const buildUiSchema = (config2, store2) => {
   let elements = {};
   const componentScope2 = `#/properties/${config2.name}`;
   switch (config2.type) {
+    case "OTP_Input":
+      elements = buildOTP_Input(config2, componentScope2);
+      break;
     case "TreeMap":
       elements = buildTreeMap(config2, componentScope2);
       break;