iglooform 2.5.9 → 2.5.12

package/es/form/element/index.js

@@ -162,9 +162,16 @@ var Element = function Element(_ref) {
 
   useEffect(function () {
     if (!formItemProps.name || preview || !formItemProps.copiedValue.copied) return;
+    var originalValue = form === null || form === void 0 ? void 0 : form.getFieldValue(formItemProps.name);
+    var value = formItemProps.copiedValue.value;
+
+    if (_typeof(originalValue) === 'object' && _typeof(value) === 'object') {
+      value = Object.assign(originalValue, formItemProps.copiedValue.value);
+    }
+
     form && form.setFields([{
       name: formItemProps.name,
-      value: formItemProps.copiedValue.value,
+      value: value,
       errors: []
     }]);
   }, [formItemProps.copiedValue.value]);

package/es/form/elements.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import Button from '../button';
 import Radio, { RadioGroup, RadioGroupWithOther } from '../radio';
-import Input, { PhoneNumber, Amount, Email, Password, InputNumber, TextArea, InputDate, CreditCard, Otp, ExpiryDate } from '../input';
+import Input, { PhoneNumber, Amount, Email, Password, InputNumber, TextArea, InputDate, CreditCard, Otp, ExpiryDate, InputId } from '../input';
 import DatePicker, { IglooBuddhistDatePicker as BuddhistDatePicker, IglooRangePicker as RangePicker, IglooWeekPicker as WeekPicker, IglooMonthPicker as MonthPicker } from '../date-picker';
 import Confirmation from '../confirmation';
 import { AttachedSelect as Select, TimeSelect } from '../select';
@@ -18,6 +18,7 @@ var elementMap = {
   PhoneNumber: PhoneNumber,
   Amount: Amount,
   InputNumber: InputNumber,
+  InputId: InputId,
   TextArea: TextArea,
   DatePicker: DatePicker,
   CreditCard: CreditCard,

package/es/form/hstep/style/index.less

@@ -47,6 +47,7 @@
   .igloo-hstep-container {
     width: 100%;
     padding: 24px 16px;
+    margin-top: 0;
 
     .igloo-hstep-content {
       margin-top: 24px;
@@ -59,12 +60,6 @@
       margin-left: 16px;
       margin-right: 16px;
     }
-
-    .igloo-hstep-label {
-      margin-bottom: 8px;
-      font-size: 16px;
-      line-height: 24px;
-    }
   }
 
   .igloo-hstep-button-container {

package/es/form/hsteps/index.js

@@ -234,6 +234,13 @@ var HSteps = function HSteps(_ref) {
             'igloo-hsteps-bar-item': true,
             'igloo-hsteps-bar-item-current': index === current
           }),
+          style: {
+            cursor: index < current ? 'pointer' : 'default'
+          },
+          onClick: function onClick() {
+            if (index >= current) return;
+            setCurrent(index);
+          },
           children: [index < current && _jsx(SuccessFilled, {
             className: 'igloo-hsteps-bar-item-icon'
           }), _jsx(Typography, {
@@ -279,6 +286,10 @@ var HSteps = function HSteps(_ref) {
         children: [withReview && !md && _jsxs(Typography, {
           className: "igloo-hstep-label",
           level: "h3a",
+          style: {
+            display: 'flex',
+            justifyContent: 'space-between'
+          },
           children: [_jsx("span", {
             className: "igloo-hstep-label-text",
             children: formatMessage({
@@ -302,8 +313,8 @@ var HSteps = function HSteps(_ref) {
           }, (step === null || step === void 0 ? void 0 : step.key) || (step === null || step === void 0 ? void 0 : step.name));
         }), _jsxs("div", {
           className: "igloo-hsteps-confirmation",
-          children: [md && _jsx(Typography, {
-            level: "h3a",
+          children: [_jsx(Typography, {
+            level: md ? 'h3a' : 'h4',
             wrapElement: "div",
             children: formatMessage({
               id: 'Review and Submit'

package/es/form/hsteps/style/index.less

@@ -55,8 +55,30 @@
     .igloo-hsteps-content {
       width: 100%;
 
-      .igloo-hsteps-confirmation {
-        padding: 16px;
+      .igloo-hsteps-confirmation-container {
+        background: #ffffff;
+        padding: 24px 16px;
+
+        .igloo-hsteps-confirmation {
+          padding: 16px;
+          margin-top: 8px;
+        }
+
+        .igloo-hstep-container {
+          width: 100%;
+          padding: 16px;
+          border-radius: 10px;
+
+          &:not(:first-child) {
+            margin-top: 24px;
+          }
+
+          .igloo-hstep-label {
+            margin-bottom: 8px;
+            font-size: 16px;
+            line-height: 24px;
+          }
+        }
       }
     }
 

package/es/form/section/style/index.less

@@ -11,6 +11,10 @@
     margin-top: 16px;
   }
 
+  .igloo-section-collapse-divider {
+    margin-bottom: 0;
+  }
+
   &:last-child {
     .igloo-section-collapse-divider {
       display: none;

package/es/free-form/element/index.js

@@ -156,9 +156,16 @@ var Element = function Element(props) {
 
   useEffect(function () {
     if (!formItemProps.name || preview || !formItemProps.copiedValue.copied) return;
+    var originalValue = form === null || form === void 0 ? void 0 : form.getFieldValue(formItemProps.name);
+    var value = formItemProps.copiedValue.value;
+
+    if (_typeof(originalValue) === 'object' && _typeof(value) === 'object') {
+      value = Object.assign(originalValue, formItemProps.copiedValue.value);
+    }
+
     form && form.setFields([{
       name: formItemProps.name,
-      value: formItemProps.copiedValue.value,
+      value: value,
       errors: []
     }]);
   }, [formItemProps.copiedValue.value]);

package/es/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Form } from './form';
 export { default as Button, GreenButton, YellowButton, RedButton, } from './button';
 export { default as DatePicker, IglooBuddhistDatePicker as BuddhistDatePicker, IglooRangePicker as RangePicker, IglooWeekPicker as WeekPicker, IglooMonthPicker as MonthPicker, } from './date-picker';
-export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate, } from './input';
+export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate, InputId, } from './input';
 export { default as Select, TimeSelect, AttachedSelect } from './select';
 export { default as Radio, RadioGroup, RadioGroupWithOther } from './radio';
 export { default as Example } from './example';

package/es/index.js

@@ -1,7 +1,7 @@
 export { default as Form } from './form';
 export { default as Button, GreenButton, YellowButton, RedButton } from './button';
 export { default as DatePicker, IglooBuddhistDatePicker as BuddhistDatePicker, IglooRangePicker as RangePicker, IglooWeekPicker as WeekPicker, IglooMonthPicker as MonthPicker } from './date-picker';
-export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate } from './input';
+export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate, InputId } from './input';
 export { default as Select, TimeSelect, AttachedSelect } from './select';
 export { default as Radio, RadioGroup, RadioGroupWithOther } from './radio';
 export { default as Example } from './example';

package/es/input/index.d.ts

@@ -8,5 +8,6 @@ export { default as InputDate } from './input-date';
 export { default as CreditCard } from './credit-card';
 export { default as Otp } from './otp';
 export { default as ExpiryDate } from './expiry-date';
+export { default as InputId } from './input-id';
 import IglooInput from './input';
 export default IglooInput;

package/es/input/index.js

@@ -8,5 +8,6 @@ export { default as InputDate } from './input-date';
 export { default as CreditCard } from './credit-card';
 export { default as Otp } from './otp';
 export { default as ExpiryDate } from './expiry-date';
+export { default as InputId } from './input-id';
 import IglooInput from './input';
 export default IglooInput;

package/es/input/input-id.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from 'antd/es/input';
+import { FC, IglooComponentProps } from '../types';
+import './style/index.less';
+declare type Props = InputProps & IglooComponentProps;
+declare const InputId: FC<Props>;
+export default InputId;

package/es/input/input-id.js

@@ -0,0 +1,112 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import omit from 'omit.js';
+import formMethods from '../utils/form-methods';
+import { staticFormatMessage as formatMessage } from '../locale';
+import './style/index.less';
+
+var InputId = function InputId(props) {
+  return _jsx(_Input, _objectSpread(_objectSpread({
+    className: "igloo-input"
+  }, omit(props, formMethods)), {}, {
+    type: "number"
+  }));
+};
+
+InputId.formItemPropsHandler = function (config) {
+  var length = config.length,
+      maxLength = config.maxLength,
+      minLength = config.minLength,
+      label = config.label,
+      idType = config.idType;
+  var rules = [];
+
+  if (length !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length === length) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be {length} digits.',
+          values: {
+            length: length,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength && String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be {minLength} - {maxLength} digits.',
+          values: {
+            maxLength: maxLength,
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength === undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be less than {maxLength} digits.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength === undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be at least {minLength} digits.',
+          values: {
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (idType === 'KTP') {
+    rules.push({
+      validator: function validator(rule, value) {
+        if (!/^((1[1-9])|(21)|([37][1-6])|(5[1-4])|(6[1-5])|([8-9][1-2]))[0-9]{4}(([0-6][0-9])|(7[0-1]))((0[1-9])|(1[0-2]))[0-9]{6}$/.test(value)) {
+          return Promise.reject(formatMessage({
+            id: 'Invalid KTP Number.'
+          }));
+        }
+
+        return Promise.resolve();
+      }
+    });
+  }
+
+  return {
+    rules: rules
+  };
+};
+
+export default InputId;

package/es/input/input-number.js

@@ -10,6 +10,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { jsx as _jsx } from "react/jsx-runtime";
 import omit from 'omit.js';
 import formMethods from '../utils/form-methods';
+import { staticFormatMessage } from '../locale';
 import './style/index.less';
 
 var IglooInputNumber = function IglooInputNumber(props) {
@@ -39,6 +40,74 @@ var IglooInputNumber = function IglooInputNumber(props) {
 };
 
 IglooInputNumber.formItemPropsHandler = function (config) {
+  var length = config.length,
+      maxLength = config.maxLength,
+      minLength = config.minLength,
+      label = config.label,
+      idType = config.idType;
+  var rules = [];
+
+  if (length !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length === length) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be {length} digits.',
+          values: {
+            length: length,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength && String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be {minLength} - {maxLength} digits.',
+          values: {
+            maxLength: maxLength,
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength === undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be less than {maxLength} digits.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength === undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be at least {minLength} digits.',
+          values: {
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
   return {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
@@ -49,7 +118,8 @@ IglooInputNumber.formItemPropsHandler = function (config) {
       }
 
       return str ? parseFloat(str) : undefined;
-    }
+    },
+    rules: rules
   };
 };
 

package/es/input/phone-number.js

@@ -14,11 +14,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useContext, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import invariant from 'invariant';
 import Select from '../select';
-import { staticFormatMessage, LocaleContext } from '../locale';
+import { staticFormatMessage as formatMessage } from '../locale';
 import './style/index';
 
 var PhoneNumber = function PhoneNumber(_ref) {
@@ -29,13 +29,6 @@ var PhoneNumber = function PhoneNumber(_ref) {
       value = _ref.value,
       formChangeProps = _ref.onChange,
       style = _ref.style;
-
-  var _useContext = useContext(LocaleContext),
-      formatMessage = _useContext.formatMessage;
-
-  formatMessage({
-    id: 'Numbers only, please omit " " or "-".'
-  });
   invariant(Array.isArray(areaCode) ? areaCode.length : true, 'areaCode cant be an empty array');
   invariant(areaCode != undefined, 'areaCode must be set');
 
@@ -95,22 +88,89 @@ var PhoneNumber = function PhoneNumber(_ref) {
 
 PhoneNumber.formItemPropsHandler = function (_ref2) {
   var areaCode = _ref2.areaCode,
-      phoneNumber = _ref2.phoneNumber;
+      phoneNumber = _ref2.phoneNumber,
+      length = _ref2.length,
+      maxLength = _ref2.maxLength,
+      minLength = _ref2.minLength,
+      label = _ref2.label;
+  var rules = [{
+    validator: function validator(rule, value) {
+      if (!value) return Promise.resolve();
+      var phoneNumber = value.phoneNumber;
+      var pattern = /^[0-9]*$/;
+      return pattern.test(phoneNumber) ? Promise.resolve() : Promise.reject(formatMessage({
+        id: 'Numbers only, please omit " " or "-".'
+      }));
+    }
+  }];
+
+  if (length !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || value.phoneNumber.length === length) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be {length} digits.',
+          values: {
+            length: length,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || value.phoneNumber.length >= minLength && value.phoneNumber.length <= maxLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be {minLength} - {maxLength} digits.',
+          values: {
+            maxLength: maxLength,
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength === undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || value.phoneNumber.length <= maxLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be less than {maxLength} digits.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength === undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || value.phoneNumber.length >= minLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be at least {minLength} digits.',
+          values: {
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
   return {
     initialValue: phoneNumber ? {
       areaCode: Array.isArray(areaCode) ? areaCode[0] : areaCode,
       phoneNumber: phoneNumber
     } : undefined,
-    rules: [{
-      validator: function validator(rule, value) {
-        if (!value) return Promise.resolve();
-        var phoneNumber = value.phoneNumber;
-        var pattern = /^[0-9]*$/;
-        return pattern.test(phoneNumber) ? Promise.resolve() : Promise.reject(staticFormatMessage({
-          id: 'Numbers only, please omit " " or "-".'
-        }));
-      }
-    }],
+    rules: rules,
     previewFormater: function previewFormater(_ref3) {
       var areaCode = _ref3.areaCode,
           phoneNumber = _ref3.phoneNumber;

package/es/locale/en-US/messages.json

@@ -29,6 +29,7 @@
   "I agree to the Igloo": "I agree to the Igloo",
   "I declare that the statements I have described above are true. I further declare that the loss occured was accidental, without planning or consensus with other parties.": "I declare that the statements I have described above are true. I further declare that the loss occured was accidental, without planning or consensus with other parties.",
   "Import": "Import",
+  "Invalid KTP Number.": "Invalid KTP Number.",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.",
   "Last 7 Days": "Last 7 Days",
   "Last Day": "Last Day",
@@ -86,5 +87,9 @@
   "{count} files attached.": "{count} files attached.",
   "{currentStep} of {allSteps}": "{currentStep} of {allSteps}",
   "{doneNumber} files imported.": "{doneNumber} files imported.",
+  "{label} must be at least {minLength} digits.": "{label} must be at least {minLength} digits.",
+  "{label} must be less than {maxLength} digits.": "{label} must be less than {maxLength} digits.",
+  "{label} must be {length} digits.": "{label} must be {length} digits.",
+  "{label} must be {minLength} - {maxLength} digits.": "{label} must be {minLength} - {maxLength} digits.",
   "{processingNumber} files in progress...": "{processingNumber} files in progress..."
 }

package/es/locale/format-message.js

@@ -9,10 +9,10 @@ var formatMessage = function formatMessage(props) {
       values = props.values;
 
   if (!values || !Object.keys(values).length) {
-    return locale[id];
+    return locale[id] || id;
   }
 
-  return locale[id].replaceAll(/\{(.+?)\}/g, function (_, name) {
+  return (locale[id] || id).replaceAll(/\{(.+?)\}/g, function (_, name) {
     return values[name];
   });
 };

package/es/locale/id-ID/messages.json

@@ -26,9 +26,10 @@
   "Edit": "Ubah",
   "Error Report": "Laporan Kesalahan",
   "Filter": "Saring",
-  "I agree to the Igloo": "",
+  "I agree to the Igloo": "Saya setuju dengan Igloo",
   "I declare that the statements I have described above are true. I further declare that the loss occured was accidental, without planning or consensus with other parties.": "Saya menyatakan bahwa pernyataan yang saya jelaskan di atas adalah benar. Selanjutnya saya nyatakan bahwa kerugian yang terjadi merupakan ketidaksengajaan,  dan terjadi tanpa perencanaan atau hasil musyawarah dengan pihak lain.",
   "Import": "Impor",
+  "Invalid KTP Number.": "Số KTP không hợp lệ.",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "Direkomendasikan untuk memilih tidak lebih dari {colMax} metrik untuk memastikan sudut pandang default dari setiap isi kolom.",
   "Last 7 Days": "7 hari terakhir",
   "Last Day": "hari terakhir",
@@ -38,20 +39,20 @@
   "No preview for this file. Only support image, video or PDF file.": "Tidak ada pratinjau untuk file ini. Hanya mendukung file gambar, video atau PDF.",
   "Numbers only, please omit \" \" or \"-\".": "Angka saja, harap hilangkan \" \" atau \"-\".",
   "OK": "oke",
-  "Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.": "",
+  "Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.": "Setelah Anda puas dengan hal di atas, dan Anda telah mencentang kotak di bawah, silakan lanjutkan dan kirimkan aktivasi Anda.",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Jika Anda puas dengan apa yang telah disampaikan, dan Anda telah memeriksa deklarasi tersebut, silakan lanjutkan dan ajukan klaim Anda.",
   "Optional": "Pilihan",
   "Other Reason": "Alasan lain",
   "Please enter a valid date.": "Silakan tulis tanggal valid",
   "Please enter a valid time.": "Harap masukkan waktu yang valid",
-  "Please input a date after {date}": "",
-  "Please input a date before {date}": "",
-  "Please read and agree to Igloo Terms of Use and Privacy Policy": "",
+  "Please input a date after {date}": "Harap masukkan tanggal setelah {date}",
+  "Please input a date before {date}": "Harap masukkan tanggal sebelum {date}",
+  "Please read and agree to Igloo Terms of Use and Privacy Policy": "Harap baca dan setujui Persyaratan Penggunaan dan Kebijakan Privasi Igloo",
   "Please select": "Silahkan pilih",
   "Please select a file type": "Silakan pilih tipe dokumen",
   "Please take a moment to review what you’ve told us above.": "Mohon luangkan waktu sejenak untuk meninjau ulang seluruh data yang Anda telah sampaikan sebelumnya .",
   "Previous": "Sebelumnya",
-  "Privacy Policy": "",
+  "Privacy Policy": "Kebijakan pribadi",
   "Processing": "Sedang diproses",
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Perkembangan terkait proses belum dapat diperbarui saat ini. Jangan khawatir! Semua data Anda masih dalam proses .",
   "Quantity of files should be less than {limit}": "Jumlah dokumen tidak bisa lebih dari  {limit}",
@@ -62,14 +63,14 @@
   "Reset All Filters": "Setel ulang filter",
   "Result": "Hasil",
   "Result: Success {success_num}; Error {fail_num}": "Hasil: Sukses {success_num}; Kesalahan {fail_num}",
-  "Review and Submit": "",
+  "Review and Submit": "Tinjau dan Kirim",
   "Rows per page": "Baris per halaman",
   "Search": "Mencari",
   "Searching...": "Mencari...",
   "Select All": "Pilih Semua",
   "Send OTP": "Kirim OTP",
   "Submit": "Ajukan",
-  "Terms of Use": "",
+  "Terms of Use": "Syarat Penggunaan",
   "The file type is not supported.": "Jenis file tidak didukung.",
   "There are no options available currently": "Tidak ada opsi yang tersedia saat ini",
   "This Month": "Bulan ini",
@@ -77,7 +78,7 @@
   "Uploading": "Mengunggah",
   "We support CSV or XLSX files (less than 20M each).": "Kami mendukung file CSV atau XLSX (Ukuran maksimal 20 MB) .",
   "Yes, Close": "Ya, Tutup",
-  "and": "",
+  "and": "dan",
   "browse": "Telusuri",
   "or": "atau",
   "{beginIndex}-{endIndex} of {total}": "{beginIndex}-{endIndex} dari {total}",
@@ -86,5 +87,9 @@
   "{count} files attached.": "{count} file terlampir.",
   "{currentStep} of {allSteps}": "{currentStep} dari {allSteps}",
   "{doneNumber} files imported.": "{doneNumber} data terunggah.",
+  "{label} must be at least {minLength} digits.": "{label} minimal harus {minLength} digit.",
+  "{label} must be less than {maxLength} digits.": "{label} harus kurang dari {maxLength} digit.",
+  "{label} must be {length} digits.": "{label} harus {length} digit.",
+  "{label} must be {minLength} - {maxLength} digits.": "{label} harus {minLength} - {maxLength} digit.",
   "{processingNumber} files in progress...": "{processingNumber} data dalam proses..."
 }

package/es/locale/locale-provider.js

@@ -54,10 +54,10 @@ var LocaleProvider = function LocaleProvider(_ref) {
         values = _ref2.values;
 
     if (!values || !Object.keys(values).length) {
-      return locale[id];
+      return locale[id] || id;
     }
 
-    return locale[id].replaceAll(/\{(.+?)\}/g, function (_, name) {
+    return (locale[id] || id).replaceAll(/\{(.+?)\}/g, function (_, name) {
       return values[name];
     });
   };