iglooform 2.5.18 → 2.5.21

package/es/form/hsteps/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { FormItemConfig, FormItemName } from '../../types';
 import './style/index.less';
 import { ConfirmationProps } from '../../confirmation';
@@ -8,9 +8,11 @@ export interface HStepsProps {
             [key: string]: {
                 required: boolean;
                 confirmation?: ConfirmationProps;
+                requiredMessage?: string;
             };
         };
         withReview?: boolean;
+        description?: ReactNode;
     };
     parentName?: FormItemName;
     name?: FormItemName;

package/es/form/hsteps/index.js

@@ -29,7 +29,7 @@ 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useContext, useEffect, useReducer, useRef } from 'react';
 import HStep from '../hstep';
 import { calcNamePath } from '../../utils/form-utils';
@@ -58,6 +58,7 @@ var HSteps = function HSteps(_ref) {
       subscribedFields = _ref$config.subscribedFields,
       onEdit = _ref$config.onEdit,
       confirmations = _ref$config.confirmations,
+      description = _ref$config.description,
       _ref$config$withRevie = _ref$config.withReview,
       withReview = _ref$config$withRevie === void 0 ? true : _ref$config$withRevie,
       name = _ref$config.name;
@@ -313,30 +314,32 @@ 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: [_jsx(Typography, {
-            level: md ? 'h3a' : 'h4',
-            wrapElement: "div",
-            children: formatMessage({
-              id: 'Review and Submit'
-            })
-          }), _jsx(Typography, {
-            level: md ? 'h3b' : 'body1',
-            style: {
-              marginTop: 24
-            },
-            wrapElement: "div",
-            children: formatMessage({
-              id: 'Please take a moment to review what you’ve told us above.'
-            })
-          }), _jsx(Typography, {
-            level: md ? 'h3b' : 'body2',
-            style: {
-              marginTop: 24
-            },
-            wrapElement: "div",
-            children: formatMessage({
-              id: 'Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.'
-            })
+          children: [description || _jsxs(_Fragment, {
+            children: [_jsx(Typography, {
+              level: md ? 'h3a' : 'h4',
+              wrapElement: "div",
+              children: formatMessage({
+                id: 'Review and Submit'
+              })
+            }), _jsx(Typography, {
+              level: md ? 'h3b' : 'body1',
+              style: {
+                marginTop: 24
+              },
+              wrapElement: "div",
+              children: formatMessage({
+                id: 'Please take a moment to review what you’ve told us above.'
+              })
+            }), _jsx(Typography, {
+              level: md ? 'h3b' : 'body2',
+              style: {
+                marginTop: 24
+              },
+              wrapElement: "div",
+              children: formatMessage({
+                id: 'Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.'
+              })
+            })]
           }), _jsx(_Divider, {}), !confirmations && _jsx(_Form.Item, {
             name: calcNamePath(parentName, 'confirmation'),
             rules: [{
@@ -360,14 +363,15 @@ var HSteps = function HSteps(_ref) {
                 _ref7$ = _ref7[1],
                 required = _ref7$.required,
                 _ref7$$confirmation = _ref7$.confirmation,
-                confirmation = _ref7$$confirmation === void 0 ? {} : _ref7$$confirmation;
+                confirmation = _ref7$$confirmation === void 0 ? {} : _ref7$$confirmation,
+                requiredMessage = _ref7$.requiredMessage;
 
             return _jsx(_Form.Item, {
               name: calcNamePath(parentName, key),
               rules: [{
                 validator: function validator(_, value) {
                   if (required && !value) {
-                    return Promise.reject(formatMessage({
+                    return Promise.reject(requiredMessage || formatMessage({
                       id: 'Please read and agree to Igloo Terms of Use and Privacy Policy'
                     }));
                   }

package/es/input/input-id.js

@@ -104,6 +104,20 @@ InputId.formItemPropsHandler = function (config) {
     });
   }
 
+  if (idType === 'NIK') {
+    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 NIK Number.'
+          }));
+        }
+
+        return Promise.resolve();
+      }
+    });
+  }
+
   return {
     rules: rules
   };

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

@@ -33,6 +33,7 @@
   "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.",
+  "Invalid NIK Number.": "Invalid NIK Number.",
   "Invalid password.": "Invalid password.",
   "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",

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

@@ -33,6 +33,7 @@
   "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.": "Nomor KTP Tidak Valid",
+  "Invalid NIK Number.": "Nomor NIK Tidak Valid",
   "Invalid password.": "Kata sandi salah.",
   "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",

package/es/locale/th-TH/messages.json

@@ -33,6 +33,7 @@
   "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": "นำเข้า",
   "Invalid KTP Number.": "หมายเลข KTP ไม่ถูกต้อง",
+  "Invalid NIK Number.": "",
   "Invalid password.": "รหัสผ่านไม่ถูกต้อง.",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "แนะนำให้เลือกจำนวนไม่เกิน {colMax} เพื่อให้แน่ใจว่ามองเห็นค่าเริ่มต้นของข้อมูลแต่ละคอลัมน์",
   "Last 7 Days": "เมื่อ 7 วันที่แล้ว",

package/es/locale/vi-VN/messages.json

@@ -33,6 +33,7 @@
   "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.": "Tôi tuyên bố rằng những điều tôi đã mô tả ở trên là đúng sự thật. Tôi tuyên bố thêm rằng tổn thất xảy ra là do ngẫu nhiên, không có kế hoạch hoặc sự đồng thuận với các bên khác.",
   "Import": "Nhập",
   "Invalid KTP Number.": "Số KTP không hợp lệ.",
+  "Invalid NIK Number.": "",
   "Invalid password.": "Mật khẩu không hợp lệ.",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "Vui lòng chọn không quá {colMax} cột.",
   "Last 7 Days": "7 ngày gần nhất",

package/es/locale/zh-CN/messages.json

@@ -33,6 +33,7 @@
   "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": "导入",
   "Invalid KTP Number.": "不合法的ID",
+  "Invalid NIK Number.": "",
   "Invalid password.": "无效的密码",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "建议不要选择超过{colMax}个字段，以确保最佳展示效果。",
   "Last 7 Days": "过去7天",

package/es/locale/zh-TW/messages.json

@@ -33,6 +33,7 @@
   "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": "導入",
   "Invalid KTP Number.": "",
+  "Invalid NIK Number.": "",
   "Invalid password.": "",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "建議選擇不超過{colMax}指標以確保每個列輸入的默認可見性。",
   "Last 7 Days": "過去7天",

package/es/platform/switch-platform/index.js

@@ -80,7 +80,7 @@ var SwitchPlatform = function SwitchPlatform(_ref) {
         return _jsxs(_Menu.Item, {
           className: "igloo-switch-platform-option",
           children: [_jsx(_Image, {
-            src: "https://static.iglooinsure.com/partner/square/".concat(name.toLowerCase(), ".svg"),
+            src: "https://static.iglooinsure.com/partner/square/".concat(key.toLowerCase(), ".svg"),
             className: "igloo-switch-platform-default-logo",
             fallback: defaultIcon,
             preview: false

package/es/types.d.ts

@@ -110,7 +110,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     length?: number;
     minLength?: number;
     maxLength?: number;
-    idType?: 'KTP';
+    idType?: 'KTP' | 'NIK';
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/es/typography/style/index.less

@@ -1,5 +1,6 @@
 .word-wrap {
   word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 .igloo-typography {

package/lib/form/hsteps/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { FormItemConfig, FormItemName } from '../../types';
 import './style/index.less';
 import { ConfirmationProps } from '../../confirmation';
@@ -8,9 +8,11 @@ export interface HStepsProps {
             [key: string]: {
                 required: boolean;
                 confirmation?: ConfirmationProps;
+                requiredMessage?: string;
             };
         };
         withReview?: boolean;
+        description?: ReactNode;
     };
     parentName?: FormItemName;
     name?: FormItemName;

package/lib/form/hsteps/index.js

@@ -87,6 +87,7 @@ var HSteps = function HSteps(_ref) {
       subscribedFields = _ref$config.subscribedFields,
       onEdit = _ref$config.onEdit,
       confirmations = _ref$config.confirmations,
+      description = _ref$config.description,
       _ref$config$withRevie = _ref$config.withReview,
       withReview = _ref$config$withRevie === void 0 ? true : _ref$config$withRevie,
       name = _ref$config.name;
@@ -342,30 +343,32 @@ var HSteps = function HSteps(_ref) {
           }, (step === null || step === void 0 ? void 0 : step.key) || (step === null || step === void 0 ? void 0 : step.name));
         }), (0, _jsxRuntime.jsxs)("div", {
           className: "igloo-hsteps-confirmation",
-          children: [(0, _jsxRuntime.jsx)(_typography.default, {
-            level: md ? 'h3a' : 'h4',
-            wrapElement: "div",
-            children: formatMessage({
-              id: 'Review and Submit'
-            })
-          }), (0, _jsxRuntime.jsx)(_typography.default, {
-            level: md ? 'h3b' : 'body1',
-            style: {
-              marginTop: 24
-            },
-            wrapElement: "div",
-            children: formatMessage({
-              id: 'Please take a moment to review what you’ve told us above.'
-            })
-          }), (0, _jsxRuntime.jsx)(_typography.default, {
-            level: md ? 'h3b' : 'body2',
-            style: {
-              marginTop: 24
-            },
-            wrapElement: "div",
-            children: formatMessage({
-              id: 'Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.'
-            })
+          children: [description || (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [(0, _jsxRuntime.jsx)(_typography.default, {
+              level: md ? 'h3a' : 'h4',
+              wrapElement: "div",
+              children: formatMessage({
+                id: 'Review and Submit'
+              })
+            }), (0, _jsxRuntime.jsx)(_typography.default, {
+              level: md ? 'h3b' : 'body1',
+              style: {
+                marginTop: 24
+              },
+              wrapElement: "div",
+              children: formatMessage({
+                id: 'Please take a moment to review what you’ve told us above.'
+              })
+            }), (0, _jsxRuntime.jsx)(_typography.default, {
+              level: md ? 'h3b' : 'body2',
+              style: {
+                marginTop: 24
+              },
+              wrapElement: "div",
+              children: formatMessage({
+                id: 'Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.'
+              })
+            })]
           }), (0, _jsxRuntime.jsx)(_divider.default, {}), !confirmations && (0, _jsxRuntime.jsx)(_form.default.Item, {
             name: (0, _formUtils.calcNamePath)(parentName, 'confirmation'),
             rules: [{
@@ -389,14 +392,15 @@ var HSteps = function HSteps(_ref) {
                 _ref7$ = _ref7[1],
                 required = _ref7$.required,
                 _ref7$$confirmation = _ref7$.confirmation,
-                confirmation = _ref7$$confirmation === void 0 ? {} : _ref7$$confirmation;
+                confirmation = _ref7$$confirmation === void 0 ? {} : _ref7$$confirmation,
+                requiredMessage = _ref7$.requiredMessage;
 
             return (0, _jsxRuntime.jsx)(_form.default.Item, {
               name: (0, _formUtils.calcNamePath)(parentName, key),
               rules: [{
                 validator: function validator(_, value) {
                   if (required && !value) {
-                    return Promise.reject(formatMessage({
+                    return Promise.reject(requiredMessage || formatMessage({
                       id: 'Please read and agree to Igloo Terms of Use and Privacy Policy'
                     }));
                   }

package/lib/input/input-id.js

@@ -118,6 +118,20 @@ InputId.formItemPropsHandler = function (config) {
     });
   }
 
+  if (idType === 'NIK') {
+    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((0, _locale.staticFormatMessage)({
+            id: 'Invalid NIK Number.'
+          }));
+        }
+
+        return Promise.resolve();
+      }
+    });
+  }
+
   return {
     rules: rules
   };

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

@@ -33,6 +33,7 @@
   "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.",
+  "Invalid NIK Number.": "Invalid NIK Number.",
   "Invalid password.": "Invalid password.",
   "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",

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

@@ -33,6 +33,7 @@
   "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.": "Nomor KTP Tidak Valid",
+  "Invalid NIK Number.": "Nomor NIK Tidak Valid",
   "Invalid password.": "Kata sandi salah.",
   "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",

package/lib/locale/th-TH/messages.json

@@ -33,6 +33,7 @@
   "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": "นำเข้า",
   "Invalid KTP Number.": "หมายเลข KTP ไม่ถูกต้อง",
+  "Invalid NIK Number.": "",
   "Invalid password.": "รหัสผ่านไม่ถูกต้อง.",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "แนะนำให้เลือกจำนวนไม่เกิน {colMax} เพื่อให้แน่ใจว่ามองเห็นค่าเริ่มต้นของข้อมูลแต่ละคอลัมน์",
   "Last 7 Days": "เมื่อ 7 วันที่แล้ว",

package/lib/locale/vi-VN/messages.json

@@ -33,6 +33,7 @@
   "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.": "Tôi tuyên bố rằng những điều tôi đã mô tả ở trên là đúng sự thật. Tôi tuyên bố thêm rằng tổn thất xảy ra là do ngẫu nhiên, không có kế hoạch hoặc sự đồng thuận với các bên khác.",
   "Import": "Nhập",
   "Invalid KTP Number.": "Số KTP không hợp lệ.",
+  "Invalid NIK Number.": "",
   "Invalid password.": "Mật khẩu không hợp lệ.",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "Vui lòng chọn không quá {colMax} cột.",
   "Last 7 Days": "7 ngày gần nhất",

package/lib/locale/zh-CN/messages.json

@@ -33,6 +33,7 @@
   "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": "导入",
   "Invalid KTP Number.": "不合法的ID",
+  "Invalid NIK Number.": "",
   "Invalid password.": "无效的密码",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "建议不要选择超过{colMax}个字段，以确保最佳展示效果。",
   "Last 7 Days": "过去7天",

package/lib/locale/zh-TW/messages.json

@@ -33,6 +33,7 @@
   "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": "導入",
   "Invalid KTP Number.": "",
+  "Invalid NIK Number.": "",
   "Invalid password.": "",
   "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "建議選擇不超過{colMax}指標以確保每個列輸入的默認可見性。",
   "Last 7 Days": "過去7天",

package/lib/platform/switch-platform/index.js

@@ -100,7 +100,7 @@ var SwitchPlatform = function SwitchPlatform(_ref) {
         return (0, _jsxRuntime.jsxs)(_menu.default.Item, {
           className: "igloo-switch-platform-option",
           children: [(0, _jsxRuntime.jsx)(_image.default, {
-            src: "https://static.iglooinsure.com/partner/square/".concat(name.toLowerCase(), ".svg"),
+            src: "https://static.iglooinsure.com/partner/square/".concat(key.toLowerCase(), ".svg"),
             className: "igloo-switch-platform-default-logo",
             fallback: _default2.default,
             preview: false

package/lib/types.d.ts

@@ -110,7 +110,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     length?: number;
     minLength?: number;
     maxLength?: number;
-    idType?: 'KTP';
+    idType?: 'KTP' | 'NIK';
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/lib/typography/style/index.less

@@ -1,5 +1,6 @@
 .word-wrap {
   word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 .igloo-typography {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.5.18",
+  "version": "2.5.21",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",