iglooform 2.5.16 → 2.5.19

package/es/claim-list/index.js

@@ -104,7 +104,7 @@ var ClaimList = function ClaimList(props) {
     }, []);
     setExpandedRowKeys(tableExtendKeys);
     setShowDetailKeys(claimExtendKeys);
-  }, []);
+  }, [dateSource]);
 
   var handleClickRow = function handleClickRow(record, rowKey, showDetailKeys, expandedRowKeys, handleClaimOpenChange) {
     var copyExtendsKeys = _toConsumableArray(showDetailKeys);

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

@@ -24,12 +24,17 @@
   "Done": "Done",
   "Drag and drop a file here": "Drag and drop a file here",
   "Edit": "Edit",
+  "Encrypted PDF": "Encrypted PDF",
+  "Enter the password to open this PDF file.": "Enter the password to open this PDF file.",
   "Error Report": "Error Report",
+  "Failed to load PDF file.": "Failed to load PDF file.",
   "Filter": "Filter",
   "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.",
+  "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",
   "Last Day": "Last Day",
@@ -39,6 +44,7 @@
   "No preview for this file. Only support image, video or PDF file.": "No preview for this file. Only support image, video or PDF file.",
   "Numbers only, please omit \" \" or \"-\".": "Numbers only, please omit \" \" or \"-\".",
   "OK": "OK",
+  "Ok": "Ok",
   "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.",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.",
   "Optional": "Optional",
@@ -74,6 +80,7 @@
   "The file type is not supported.": "The file type is not supported.",
   "There are no options available currently": "There are no options available currently",
   "This Month": "This Month",
+  "This is an encrypted file, click to enter password.": "This is an encrypted file, click to enter password.",
   "Unselect All": "Unselect All",
   "Uploading": "Uploading",
   "We support CSV or XLSX files (less than 20M each).": "We support CSV or XLSX files (less than 20M each).",

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

@@ -24,12 +24,17 @@
   "Done": "Selesai",
   "Drag and drop a file here": "Geser dan Letakkan Dokumen disini",
   "Edit": "Ubah",
+  "Encrypted PDF": "PDF terenkripsi",
+  "Enter the password to open this PDF file.": "Masukkan kata sandi untuk membuka file PDF ini.",
   "Error Report": "Laporan Kesalahan",
+  "Failed to load PDF file.": "Gagal memuat file PDF.",
   "Filter": "Saring",
   "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ệ.",
+  "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",
   "Last Day": "hari terakhir",
@@ -39,6 +44,7 @@
   "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",
+  "Ok": "oke",
   "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",
@@ -74,6 +80,7 @@
   "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",
+  "This is an encrypted file, click to enter password.": "Ini adalah file terenkripsi, klik untuk memasukkan kata sandi.",
   "Unselect All": "Batalkan semua",
   "Uploading": "Mengunggah",
   "We support CSV or XLSX files (less than 20M each).": "Kami mendukung file CSV atau XLSX (Ukuran maksimal 20 MB) .",

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

@@ -24,12 +24,17 @@
   "Done": "เสร็จแล้ว",
   "Drag and drop a file here": "ลากและวางไฟล์มาที่นี่",
   "Edit": "แก้ไข",
+  "Encrypted PDF": "PDF ที่เข้ารหัส",
+  "Enter the password to open this PDF file.": "ป้อนรหัสผ่านเพื่อเปิดไฟล์ PDF นี้",
   "Error Report": "รายงานข้อผิดพลาด",
+  "Failed to load PDF file.": "ไม่สามารถโหลดไฟล์ PDF",
   "Filter": "กรอง",
   "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.": "ข้าพเจ้ายืนยันว่าข้อความที่ข้าพเจ้าได้อธิบายข้างต้นนั้นเป็นความจริง และยืนยันว่าความเสียหายที่เกิดขึ้นนั้นเกิดจากอุบัติเหตุ ปราศจากการวางแผน หรือ การเห็นพ้องร่วมกันกับฝ่ายอื่น",
   "Import": "นำเข้า",
-  "Invalid KTP Number.": "",
+  "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 วันที่แล้ว",
   "Last Day": "วันสุดท้าย",
@@ -39,6 +44,7 @@
   "No preview for this file. Only support image, video or PDF file.": "ไม่มีการแสดงตัวอย่างสำหรับไฟล์นี้ รองรับเฉพาะรูปภาพ, วิดีโอ หรือ ไฟล์ PDF",
   "Numbers only, please omit \" \" or \"-\".": "ตัวเลขเท่านั้น โปรดเว้น \" \" หรือ \"-\"",
   "OK": "ตกลง",
+  "Ok": "ตกลง",
   "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 declaration, please go ahead and submit your claim.": "หากตรวจสอบแล้วและต้องการยืนยันข้อมูลข้างต้น กรุณากดดำเนินการต่อและยืนยันการเคลมของคุณ",
   "Optional": "ไม่จำเป็น",
@@ -74,6 +80,7 @@
   "The file type is not supported.": "ประเภทไฟล์ไม่รองรับ",
   "There are no options available currently": "ไม่มีตัวเลือกในขณะนี้",
   "This Month": "เดือนนี้",
+  "This is an encrypted file, click to enter password.": "นี่เป็นไฟล์ที่เข้ารหัส คลิกเพื่อป้อนรหัสผ่าน",
   "Unselect All": "ไม่เลือกทั้งหมด",
   "Uploading": "กำลังอัพโหลด",
   "We support CSV or XLSX files (less than 20M each).": "เรารองรับ CSV หรือ XLSX ไฟล์ (แต่ละไฟล์ขนาดไฟล์ต้องไม่เกิน 20M)",

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

@@ -24,12 +24,17 @@
   "Done": "Xong",
   "Drag and drop a file here": "Thả tệp tin vào đây",
   "Edit": "Sửa",
+  "Encrypted PDF": "PDF được mã hóa",
+  "Enter the password to open this PDF file.": "Nhập mật khẩu để mở tệp PDF này.",
   "Error Report": "Báo cáo lỗi",
+  "Failed to load PDF file.": "Không tải được tệp PDF.",
   "Filter": "Lọc",
   "I agree to the Igloo": "Tôi đồng ý với 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.": "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.": "",
+  "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",
   "Last Day": "ngày cuối",
@@ -39,6 +44,7 @@
   "No preview for this file. Only support image, video or PDF file.": "Không có bản xem trước cho tệp này. Chỉ hỗ trợ hình ảnh, video hoặc tệp PDF.",
   "Numbers only, please omit \" \" or \"-\".": "Chỉ số, vui lòng bỏ qua \" \" hoặc \"-\".",
   "OK": "Vâng",
+  "Ok": "Vâng",
   "Once you’re happy with the above, and you’ve checked the box below, please go ahead and submit your activation.": "Khi bạn hài lòng với những điều trên và đã chọn hộp bên dưới, hãy tiếp tục và gửi kích hoạt của bạn.",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Vui lòng xác nhận và gửi yêu cầu bồi thường.",
   "Optional": "Không bắt buộc",
@@ -74,6 +80,7 @@
   "The file type is not supported.": "Loại tệp không được hỗ trợ.",
   "There are no options available currently": "Hiện tại không có tùy chọn nào",
   "This Month": "Tháng này",
+  "This is an encrypted file, click to enter password.": "Đây là một tập tin được mã hóa, bấm vào để nhập mật khẩu.",
   "Unselect All": "Hủy chọn tất cả",
   "Uploading": "Đang tải lên",
   "We support CSV or XLSX files (less than 20M each).": "Hỗ trợ .CSV hoặc .XLSX (file nhỏ hơn 20MB)",

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

@@ -24,12 +24,17 @@
   "Done": "完成",
   "Drag and drop a file here": "拖拽一个文件到这里",
   "Edit": "编辑",
+  "Encrypted PDF": "加密的PDF文件",
+  "Enter the password to open this PDF file.": "输入密码后预览该文件",
   "Error Report": "错误报告",
+  "Failed to load PDF file.": "PDF文件加载失败",
   "Filter": "过滤条件",
   "I agree to the Igloo": "我同意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.": "我承诺上述信息均真实有效，并且物品遗失纯属意外。",
   "Import": "导入",
-  "Invalid KTP Number.": "",
+  "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天",
   "Last Day": "昨天",
@@ -39,6 +44,7 @@
   "No preview for this file. Only support image, video or PDF file.": "此文件不支持预览。仅支持图片、视频和PDF。",
   "Numbers only, please omit \" \" or \"-\".": "仅数字，请省略“ ”或“-”。",
   "OK": "确定",
+  "Ok": "确定",
   "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 declaration, please go ahead and submit your claim.": "如您对上述填写内容满意，在勾选以下申明后，请继续提交您的理赔申请。",
   "Optional": "可选",
@@ -74,6 +80,7 @@
   "The file type is not supported.": "不支持上传该类型的文件。",
   "There are no options available currently": "当前没有可用的选项",
   "This Month": "当月",
+  "This is an encrypted file, click to enter password.": "该文件已加密，请输入密码。",
   "Unselect All": "反选",
   "Uploading": "上传中",
   "We support CSV or XLSX files (less than 20M each).": "支持上传20M以内的CSV和XLSX文件",

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

@@ -24,12 +24,17 @@
   "Done": "完成",
   "Drag and drop a file here": "拖放文件至此",
   "Edit": "編輯",
+  "Encrypted PDF": "",
+  "Enter the password to open this PDF file.": "",
   "Error Report": "錯誤報告",
+  "Failed to load PDF file.": "",
   "Filter": "篩選",
   "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.": "我聲明我上面描述的陳述是真的。我進一步宣布發生損失是偶然的，沒有規劃或與其他方的共識。",
   "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天",
   "Last Day": "過去1天",
@@ -39,6 +44,7 @@
   "No preview for this file. Only support image, video or PDF file.": "不支持預覽此文件。只支持圖像，視頻或PDF文件。",
   "Numbers only, please omit \" \" or \"-\".": "只有數字，請省略“”或“ - ”。",
   "OK": "好",
+  "Ok": "",
   "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 declaration, please go ahead and submit your claim.": "一旦您對上述內容感到滿意，您已檢查聲明，請繼續並提交您的索賠。",
   "Optional": "可選項",
@@ -74,6 +80,7 @@
   "The file type is not supported.": "不支持文件類型。",
   "There are no options available currently": "當前沒有可用的選項",
   "This Month": "本月",
+  "This is an encrypted file, click to enter password.": "",
   "Unselect All": "全部取消選擇",
   "Uploading": "上傳",
   "We support CSV or XLSX files (less than 20M each).": "我們支持CSV或XLSX文件（小於20M）。",

package/es/media/media.js

@@ -1,12 +1,39 @@
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useContext } from 'react';
 import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import { LocaleContext } from '../locale';
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
       src = _ref.src;
 
+  var _useContext = useContext(LocaleContext),
+      formatMessage = _useContext.formatMessage;
+
+  var documentRef = useRef(null);
+
+  var _useState = useState(formatMessage({
+    id: 'Failed to load PDF file.'
+  })),
+      _useState2 = _slicedToArray(_useState, 2),
+      errorText = _useState2[0],
+      setErrorText = _useState2[1];
+
   switch (type) {
     case 'video':
       return _jsx("video", {
@@ -19,6 +46,20 @@ var MediaItem = function MediaItem(_ref) {
       });
 
     case 'pdf':
+      var needPassword = function needPassword() {
+        var current = documentRef === null || documentRef === void 0 ? void 0 : documentRef.current;
+
+        if (current) {
+          // @ts-ignore
+          current.setState({
+            pdf: false
+          });
+          setErrorText(formatMessage({
+            id: 'Encrypted PDF'
+          }));
+        }
+      };
+
       return _jsx("div", {
         style: {
           maxWidth: 80,
@@ -26,7 +67,15 @@ var MediaItem = function MediaItem(_ref) {
           position: 'absolute'
         },
         children: _jsx(Document, {
+          ref: documentRef,
           file: src,
+          onPassword: needPassword,
+          error: _jsx("div", {
+            style: {
+              textAlign: 'center'
+            },
+            children: errorText
+          }),
           children: _jsx(Page, {
             pageNumber: 1,
             scale: 0.1

package/es/media/preview.js

@@ -1,3 +1,5 @@
+import "antd/es/message/style";
+import _message from "antd/es/message";
 import "antd/es/grid/style";
 import _Grid from "antd/es/grid";
 
@@ -20,11 +22,19 @@ 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, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useState, useRef, useContext, useReducer } from 'react';
 import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 import classnames from 'classnames';
 import { ArrowLeftOutlined, ArrowRightOutlined } from 'iglooicon';
+import Modal from '../modal';
+import Password from '../input/password';
+import Button from '../button';
+import { LocaleContext } from '../locale';
 var useBreakpoint = _Grid.useBreakpoint;
+var PasswordResponses = {
+  NEED_PASSWORD: 1,
+  INCORRECT_PASSWORD: 2
+};
 
 var PdfViewer = function PdfViewer(_ref) {
   var src = _ref.src,
@@ -35,6 +45,9 @@ var PdfViewer = function PdfViewer(_ref) {
       _ref$showAllPages = _ref.showAllPages,
       showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages;
 
+  var _useContext = useContext(LocaleContext),
+      formatMessage = _useContext.formatMessage;
+
   var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
       pageSize = _useState2[0],
@@ -45,9 +58,23 @@ var PdfViewer = function PdfViewer(_ref) {
       page = _useState4[0],
       setPage = _useState4[1];
 
+  var documentRef = useRef(null);
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      needPassword = _useState6[0],
+      setNeedPassword = _useState6[1];
+
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
 
+  var _useReducer = useReducer(function (a) {
+    return a + 1;
+  }, 0),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      index = _useReducer2[0],
+      update = _useReducer2[1];
+
   var handlePageInit = function handlePageInit(document) {
     var _ref2 = document || {},
         numPages = _ref2.numPages;
@@ -57,6 +84,74 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
+  var handleCancelLoad = function handleCancelLoad() {
+    var current = documentRef === null || documentRef === void 0 ? void 0 : documentRef.current;
+
+    if (current) {
+      // @ts-ignore
+      current.setState({
+        pdf: false
+      });
+    }
+
+    setNeedPassword(true);
+  };
+
+  var onPassword = function onPassword(callback, reason) {
+    if (reason) {
+      var password = '';
+
+      if (reason === PasswordResponses.INCORRECT_PASSWORD) {
+        _message.error(formatMessage({
+          id: 'Invalid password.'
+        }));
+      }
+
+      Modal.confirm({
+        title: formatMessage({
+          id: 'Enter the password to open this PDF file.'
+        }),
+        maskClosable: false,
+        content: _jsx("div", {
+          children: _jsx(Password, {
+            onChange: function onChange(event) {
+              return password = event.target.value;
+            },
+            placeholder: "input password"
+          })
+        }),
+        okText: formatMessage({
+          id: 'Ok'
+        }),
+        cancelText: formatMessage({
+          id: 'Cancel'
+        }),
+        onOk: function onOk() {
+          return callback(password);
+        },
+        onCancel: handleCancelLoad
+      });
+    }
+  };
+
+  var reopen = function reopen() {
+    setNeedPassword(false);
+    update();
+  };
+
+  if (needPassword) {
+    return _jsx(Button, {
+      onClick: reopen,
+      style: {
+        color: '#ffffff'
+      },
+      type: "text",
+      children: formatMessage({
+        id: 'This is an encrypted file, click to enter password.'
+      })
+    });
+  }
+
   if (showAllPages) {
     return _jsx("div", {
       style: {
@@ -71,6 +166,8 @@ var PdfViewer = function PdfViewer(_ref) {
       children: _jsx(Document, {
         file: src,
         onLoadSuccess: handlePageInit,
+        ref: documentRef,
+        onPassword: onPassword,
         children: Array.from({
           length: pageSize
         }).map(function (_, index) {
@@ -80,7 +177,7 @@ var PdfViewer = function PdfViewer(_ref) {
           }, index);
         })
       })
-    });
+    }, index);
   }
 
   return _jsxs(_Fragment, {
@@ -95,12 +192,14 @@ var PdfViewer = function PdfViewer(_ref) {
       children: _jsx(Document, {
         file: src,
         onLoadSuccess: handlePageInit,
+        ref: documentRef,
+        onPassword: onPassword,
         children: _jsx(Page, {
           pageNumber: page,
           scale: scale
         })
       })
-    }), isCurrent && Boolean(pageSize > 1) && _jsxs("div", {
+    }, index), isCurrent && Boolean(pageSize > 1) && _jsxs("div", {
       style: {
         position: 'fixed',
         bottom: 0,
@@ -187,34 +286,34 @@ var Media = function Media(_ref4) {
       _ref4$showAllPages = _ref4.showAllPages,
       showAllPages = _ref4$showAllPages === void 0 ? true : _ref4$showAllPages;
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isDrag = _useState6[0],
-      setIsDrag = _useState6[1];
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isDrag = _useState8[0],
+      setIsDrag = _useState8[1];
 
-  var _useState7 = useState({
+  var _useState9 = useState({
     startX: 0,
     startY: 0
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      startPos = _useState8[0],
-      setStartPos = _useState8[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      startPos = _useState10[0],
+      setStartPos = _useState10[1];
 
-  var _useState9 = useState({
+  var _useState11 = useState({
     top: 0,
     left: 0
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      offset = _useState10[0],
-      setOffset = _useState10[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      offset = _useState12[0],
+      setOffset = _useState12[1];
 
-  var _useState11 = useState({
+  var _useState13 = useState({
     top: 0,
     left: 0
   }),
-      _useState12 = _slicedToArray(_useState11, 2),
-      lastOffset = _useState12[0],
-      setLastOffset = _useState12[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      lastOffset = _useState14[0],
+      setLastOffset = _useState14[1];
 
   var handleMouseUp = function handleMouseUp(e) {
     e.preventDefault();

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/es/upload-photo/media.js

@@ -1,11 +1,33 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useContext } from 'react';
 import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import { LocaleContext } from '../locale';
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
       src = _ref.src,
       className = _ref.className;
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      needPassword = _useState2[0],
+      setNeedPassword = _useState2[1];
+
+  var _useContext = useContext(LocaleContext),
+      formatMessage = _useContext.formatMessage;
+
   switch (type) {
     case 'video':
       return _jsx("video", {
@@ -21,8 +43,13 @@ var MediaItem = function MediaItem(_ref) {
     case 'pdf':
       return _jsx("div", {
         className: className,
-        children: _jsx(Document, {
+        children: needPassword ? formatMessage({
+          id: 'Encrypted PDF'
+        }) : _jsx(Document, {
           file: src,
+          onPassword: function onPassword() {
+            setNeedPassword(true);
+          },
           children: _jsx(Page, {
             pageNumber: 1,
             height: 96

package/es/upload-preview/index.js

@@ -152,7 +152,7 @@ var UploadPreview = function UploadPreview(_ref) {
       }), src && type && _jsx(Media, {
         src: src,
         type: type
-      }), _jsx(Button, {
+      }, current), _jsx(Button, {
         icon: _jsx(ArrowRightOutlined, {}),
         className: classnames('igloo-upload-preview-modal-button', 'igloo-upload-preview-modal-button-right'),
         onClick: next,