iglooform 2.5.9 → 2.5.12

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

@@ -26,9 +26,10 @@
   "Edit": "แก้ไข",
   "Error Report": "รายงานข้อผิดพลาด",
   "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.": "ข้าพเจ้ายืนยันว่าข้อความที่ข้าพเจ้าได้อธิบายข้างต้นนั้นเป็นความจริง และยืนยันว่าความเสียหายที่เกิดขึ้นนั้นเกิดจากอุบัติเหตุ ปราศจากการวางแผน หรือ การเห็นพ้องร่วมกันกับฝ่ายอื่น",
   "Import": "นำเข้า",
+  "Invalid KTP Number.": "",
   "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": "วันสุดท้าย",
@@ -38,20 +39,20 @@
   "No preview for this file. Only support image, video or PDF file.": "ไม่มีการแสดงตัวอย่างสำหรับไฟล์นี้ รองรับเฉพาะรูปภาพ, วิดีโอ หรือ ไฟล์ PDF",
   "Numbers only, please omit \" \" or \"-\".": "ตัวเลขเท่านั้น โปรดเว้น \" \" หรือ \"-\"",
   "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.": "หากตรวจสอบแล้วและต้องการยืนยันข้อมูลข้างต้น กรุณากดดำเนินการต่อและยืนยันการเคลมของคุณ",
   "Optional": "ไม่จำเป็น",
   "Other Reason": "เหตุผลอื่น",
   "Please enter a valid date.": "กรุณากรอกวันที่ถูกต้อง",
   "Please enter a valid time.": "กรุณากรอกเวลาที่ถูกต้อง",
-  "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}": "กรุณาใส่วันที่หลัง {date}",
+  "Please input a date before {date}": "กรุณาใส่วันที่ก่อน {date}",
+  "Please read and agree to Igloo Terms of Use and Privacy Policy": "โปรดอ่านและยอมรับข้อกำหนดการใช้งานและนโยบายความเป็นส่วนตัวของ Igloo",
   "Please select": "โปรดเลือก",
   "Please select a file type": "โปรดเลือกประเภทไฟล์",
   "Please take a moment to review what you’ve told us above.": "กรุณาอ่านทบทวนข้อมูลที่คุณกรอกก่อนกดยืนยัน",
   "Previous": "ก่อนหน้านี้",
-  "Privacy Policy": "",
+  "Privacy Policy": "นโยบายความเป็นส่วนตัว",
   "Processing": "กำลังประมวลผล",
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "ไม่สามารถอัปเดตการประมวลผลได้ในขณะนี้ ไม่ต้องกังวล! ไฟล์ของคุณทั้งหมดกำลังอยู่ระหว่างดำเนินการ",
   "Quantity of files should be less than {limit}": "จำนวนไฟล์ควรน้อยกว่า {limit}",
@@ -62,14 +63,14 @@
   "Reset All Filters": "รีเซทตัวกรอง",
   "Result": "ผลลัพธ์",
   "Result: Success {success_num}; Error {fail_num}": "ผลลัพธ์: สำเร็จ {success_num}; ข้อผิดพลาด {fail_num}",
-  "Review and Submit": "",
+  "Review and Submit": "ตรวจสอบและส่ง",
   "Rows per page": "แถวต่อหน้า",
   "Search": "ค้นหา",
   "Searching...": "กำลังค้นหา...",
   "Select All": "เลือกทั้งหมด",
   "Send OTP": "ส่ง OTP",
   "Submit": "ส่ง/ยืนยัน",
-  "Terms of Use": "",
+  "Terms of Use": "ข้อกำหนดการใช้งาน",
   "The file type is not supported.": "ประเภทไฟล์ไม่รองรับ",
   "There are no options available currently": "ไม่มีตัวเลือกในขณะนี้",
   "This Month": "เดือนนี้",
@@ -77,7 +78,7 @@
   "Uploading": "กำลังอัพโหลด",
   "We support CSV or XLSX files (less than 20M each).": "เรารองรับ CSV หรือ XLSX ไฟล์ (แต่ละไฟล์ขนาดไฟล์ต้องไม่เกิน 20M)",
   "Yes, Close": "ใช่, ปิด",
-  "and": "",
+  "and": "และ",
   "browse": "ค้นหา",
   "or": "หรือ",
   "{beginIndex}-{endIndex} of {total}": "{beginIndex}-{endIndex} ของ {total}",
@@ -86,5 +87,9 @@
   "{count} files attached.": "{count} ไฟล์ที่แนบมา",
   "{currentStep} of {allSteps}": "{currentStep} จาก {allSteps}",
   "{doneNumber} files imported.": "{doneNumber} ไฟล์นำเข้าเสร็จแล้ว",
+  "{label} must be at least {minLength} digits.": "{label} ต้องมีอย่างน้อย {minLength} หลัก",
+  "{label} must be less than {maxLength} digits.": "{label} ต้องน้อยกว่า {maxLength} หลัก",
+  "{label} must be {length} digits.": "{label} ต้องเป็น {length} หลัก",
+  "{label} must be {minLength} - {maxLength} digits.": "{label} ต้องเป็น {minLength} - {maxLength} หลัก",
   "{processingNumber} files in progress...": "{processingNumber} ไฟล์กำลังดำเนินการ..."
 }

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

@@ -26,9 +26,10 @@
   "Edit": "Sửa",
   "Error Report": "Báo cáo lỗi",
   "Filter": "Lọc",
-  "I agree to the Igloo": "",
+  "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.": "",
   "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",
@@ -38,20 +39,20 @@
   "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",
-  "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.": "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",
   "Other Reason": "Lý do khác",
   "Please enter a valid date.": "Vui lòng nhập đúng ngày:",
   "Please enter a valid time.": "Vui lòng nhập thời gian hợp lệ.",
-  "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}": "Vui lòng nhập ngày sau {date}",
+  "Please input a date before {date}": "Vui lòng nhập ngày trước {date}",
+  "Please read and agree to Igloo Terms of Use and Privacy Policy": "Vui lòng đọc và đồng ý với Điều khoản sử dụng và Chính sách quyền riêng tư của Igloo",
   "Please select": "Xin hãy lựa chọn",
   "Please select a file type": "Vui lòng chọn loại tệp tin:",
   "Please take a moment to review what you’ve told us above.": "Vui lòng kiểm tra lại thông tin đã nhập",
   "Previous": "Trước",
-  "Privacy Policy": "",
+  "Privacy Policy": "Chính sách bảo mật",
   "Processing": "Đang xử lý",
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Dữ liệu chưa được cập nhật và đang trong quá trình xử lý.",
   "Quantity of files should be less than {limit}": "Số lượng tệp tin không vượt quá {limit}",
@@ -62,14 +63,14 @@
   "Reset All Filters": "Xóa lọc",
   "Result": "Kết quả",
   "Result: Success {success_num}; Error {fail_num}": "Kết quả: sự thành công {success_num}; lỗi {fail_num}",
-  "Review and Submit": "",
+  "Review and Submit": "Xem lại và gửi",
   "Rows per page": "Dòng trên trang",
   "Search": "Tìm kiếm",
   "Searching...": "Đang tìm kiếm...",
   "Select All": "Chọn tất cả",
   "Send OTP": "Gửi OTP",
   "Submit": "Gửi",
-  "Terms of Use": "",
+  "Terms of Use": "Điều khoản sử dụng",
   "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",
@@ -77,7 +78,7 @@
   "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)",
   "Yes, Close": "Đóng",
-  "and": "",
+  "and": "và",
   "browse": "duyệt",
   "or": "hoặc",
   "{beginIndex}-{endIndex} of {total}": "{beginIndex}-{endIndex} trên {total}",
@@ -86,5 +87,9 @@
   "{count} files attached.": "{count} tập tin đính kèm.",
   "{currentStep} of {allSteps}": "{currentStep} trong {allSteps}",
   "{doneNumber} files imported.": "{doneNumber} tệp đã được nhập.",
+  "{label} must be at least {minLength} digits.": "{label} phải có ít nhất {minLength} chữ số.",
+  "{label} must be less than {maxLength} digits.": "{label} phải có ít hơn {maxLength} chữ số.",
+  "{label} must be {length} digits.": "{label} phải là {length} chữ số.",
+  "{label} must be {minLength} - {maxLength} digits.": "{label} phải là {minLength} - {maxLength} chữ số.",
   "{processingNumber} files in progress...": "{processingNumber} đang được xử lý..."
 }

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

@@ -26,9 +26,10 @@
   "Edit": "编辑",
   "Error Report": "错误报告",
   "Filter": "过滤条件",
-  "I agree to the Igloo": "",
+  "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.": "",
   "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": "昨天",
@@ -38,20 +39,20 @@
   "No preview for this file. Only support image, video or PDF file.": "此文件不支持预览。仅支持图片、视频和PDF。",
   "Numbers only, please omit \" \" or \"-\".": "仅数字，请省略“ ”或“-”。",
   "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.": "如您对上述填写内容满意，在勾选以下申明后，请继续提交您的理赔申请。",
   "Optional": "可选",
   "Other Reason": "其他原因",
   "Please enter a valid date.": "请输入一个有效的日期。",
   "Please enter a valid time.": "请输入一个有效的时间。",
-  "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}": "请输入一个{date}之后的日期",
+  "Please input a date before {date}": "请输入一个{date}之前的日期",
+  "Please read and agree to Igloo Terms of Use and Privacy Policy": "请阅读并同意Igloo使用条款和隐私策略。",
   "Please select": "请选择",
   "Please select a file type": "请选择一个文件类型",
   "Please take a moment to review what you’ve told us above.": "请您仔细审阅以上信息",
   "Previous": "上一步",
-  "Privacy Policy": "",
+  "Privacy Policy": "隐私策略",
   "Processing": "解析中",
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "文件解析中，请耐心等待。",
   "Quantity of files should be less than {limit}": "文件数量不能超过{limit}",
@@ -62,14 +63,14 @@
   "Reset All Filters": "重置所有过滤条件",
   "Result": "结果",
   "Result: Success {success_num}; Error {fail_num}": "结果：成功 {success_num}; 失败 {fail_num}",
-  "Review and Submit": "",
+  "Review and Submit": "预览和提交",
   "Rows per page": "每页条数",
   "Search": "搜索",
   "Searching...": "正在搜索...",
   "Select All": "全选",
   "Send OTP": "发送OTP",
   "Submit": "提交",
-  "Terms of Use": "",
+  "Terms of Use": "使用条款",
   "The file type is not supported.": "不支持上传该类型的文件。",
   "There are no options available currently": "当前没有可用的选项",
   "This Month": "当月",
@@ -77,7 +78,7 @@
   "Uploading": "上传中",
   "We support CSV or XLSX files (less than 20M each).": "支持上传20M以内的CSV和XLSX文件",
   "Yes, Close": "确认，关闭",
-  "and": "",
+  "and": "和",
   "browse": "选择",
   "or": "或者",
   "{beginIndex}-{endIndex} of {total}": "{beginIndex}-{endIndex} 总计 {total}",
@@ -86,5 +87,9 @@
   "{count} files attached.": "{count}个文件已上传。",
   "{currentStep} of {allSteps}": "{currentStep} / {allSteps}",
   "{doneNumber} files imported.": "{doneNumber}个文件已导入。",
+  "{label} must be at least {minLength} digits.": "{label}应至少为{minLength}位数字。",
+  "{label} must be less than {maxLength} digits.": "{label}应少于{maxLength}位数字。",
+  "{label} must be {length} digits.": "{label}应为{length}位数字。",
+  "{label} must be {minLength} - {maxLength} digits.": "{label}应为{minLength}至{maxLength}位数字。",
   "{processingNumber} files in progress...": "{processingNumber}个文件正在处理..."
 }

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

@@ -29,6 +29,7 @@
   "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.": "",
   "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天",
@@ -86,5 +87,9 @@
   "{count} files attached.": "{count}附加文件。",
   "{currentStep} of {allSteps}": "{currentStep} / {allSteps}",
   "{doneNumber} files imported.": "{doneNumber}導入的文件。",
+  "{label} must be at least {minLength} digits.": "",
+  "{label} must be less than {maxLength} digits.": "",
+  "{label} must be {length} digits.": "",
+  "{label} must be {minLength} - {maxLength} digits.": "",
   "{processingNumber} files in progress...": "{processingNumber}正在進行的文件。。。"
 }

package/es/select/select.js

@@ -59,7 +59,10 @@ var IglooSelect = function IglooSelect(_ref) {
   return _jsx(_Select, _objectSpread(_objectSpread({
     placeholder: placeholder || formatMessage({
       id: 'Please select'
-    })
+    }),
+    getPopupContainer: function getPopupContainer(trigger) {
+      return trigger.parentNode;
+    }
   }, omit(rest, formMethods)), {}, {
     options: children ? void 0 : options,
     value: value,
@@ -82,9 +85,6 @@ var IglooSelect = function IglooSelect(_ref) {
         }
       })]
     }),
-    getPopupContainer: function getPopupContainer(trigger) {
-      return trigger.parentNode;
-    },
     className: classnames('igloo-select', className),
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
       setOpen(open);

package/es/types.d.ts

@@ -107,6 +107,10 @@ export interface FormItemExtraConfig extends FormItemProps {
         type: 'day' | 'month' | 'year';
         quantity: number;
     };
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    idType?: 'KTP';
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/es/upload/index.js

@@ -566,7 +566,8 @@ var IglooUpload = function IglooUpload(props) {
       handleReUpload: handleReUpload,
       handlePreview: handlePreview,
       handleDelete: handleDelete,
-      containerRef: containerRef
+      containerRef: containerRef,
+      disabled: props.disabled
     })]
   });
 };
@@ -577,7 +578,8 @@ var FileList = function FileList(_ref7) {
       limit = _ref7.limit,
       handleDelete = _ref7.handleDelete,
       handlePreview = _ref7.handlePreview,
-      handleReUpload = _ref7.handleReUpload;
+      handleReUpload = _ref7.handleReUpload,
+      disabled = _ref7.disabled;
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -648,10 +650,10 @@ var FileList = function FileList(_ref7) {
             style: {
               fontSize: 24,
               color: '#999999',
-              cursor: 'pointer'
+              cursor: disabled ? 'default' : 'pointer'
             },
             onClick: function onClick() {
-              return handleDelete(index);
+              return !disabled && handleDelete(index);
             }
           })]
         }), status === 'failed' && _jsxs("div", {
@@ -660,20 +662,20 @@ var FileList = function FileList(_ref7) {
             style: {
               fontSize: 24,
               color: '#999999',
-              cursor: 'pointer'
+              cursor: disabled ? 'default' : 'pointer'
             },
             onClick: function onClick() {
-              return handleReUpload(index);
+              return !disabled && handleReUpload(index);
             },
             className: 'igloo-upload-preview-item-operation-left-icon'
           }), _jsx(CrossOutlined, {
             style: {
               fontSize: 24,
               color: '#999999',
-              cursor: 'pointer'
+              cursor: disabled ? 'default' : 'pointer'
             },
             onClick: function onClick() {
-              return handleDelete(index);
+              return !disabled && handleDelete(index);
             }
           })]
         })]

package/es/upload/style/index.less

@@ -33,6 +33,8 @@
 }
 
 .igloo-upload-preview-list {
+  width: 100%;
+
   .igloo-upload-preview-item {
     display: flex;
     justify-content: space-between;

package/es/upload-photo/index.d.ts

@@ -17,6 +17,7 @@ export interface Props extends IglooComponentProps {
     id?: string;
     bizKey?: string;
     capture?: boolean;
+    disabled?: boolean;
 }
 export declare type Sample = {
     src: string;

package/es/upload-photo/index.js

@@ -721,6 +721,10 @@ var UploadPhoto = function UploadPhoto(props) {
   };
 
   var getBadge = function getBadge(status, index, limit) {
+    if (props.disabled) {
+      return null;
+    }
+
     if (status === 'progress') {
       return _jsx("div", {
         children: _jsx(LoadingOutlined, {

package/lib/form/element/index.js

@@ -191,9 +191,16 @@ var Element = function Element(_ref) {
 
   (0, _react.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/lib/form/elements.js

@@ -48,6 +48,7 @@ var elementMap = {
   PhoneNumber: _input.PhoneNumber,
   Amount: _input.Amount,
   InputNumber: _input.InputNumber,
+  InputId: _input.InputId,
   TextArea: _input.TextArea,
   DatePicker: _datePicker.default,
   CreditCard: _input.CreditCard,

package/lib/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/lib/form/hsteps/index.js

@@ -263,6 +263,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 && (0, _jsxRuntime.jsx)(_iglooicon.SuccessFilled, {
             className: 'igloo-hsteps-bar-item-icon'
           }), (0, _jsxRuntime.jsx)(_typography.default, {
@@ -308,6 +315,10 @@ var HSteps = function HSteps(_ref) {
         children: [withReview && !md && (0, _jsxRuntime.jsxs)(_typography.default, {
           className: "igloo-hstep-label",
           level: "h3a",
+          style: {
+            display: 'flex',
+            justifyContent: 'space-between'
+          },
           children: [(0, _jsxRuntime.jsx)("span", {
             className: "igloo-hstep-label-text",
             children: formatMessage({
@@ -331,8 +342,8 @@ 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: [md && (0, _jsxRuntime.jsx)(_typography.default, {
-            level: "h3a",
+          children: [(0, _jsxRuntime.jsx)(_typography.default, {
+            level: md ? 'h3a' : 'h4',
             wrapElement: "div",
             children: formatMessage({
               id: 'Review and Submit'

package/lib/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/lib/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/lib/free-form/element/index.js

@@ -182,9 +182,16 @@ var Element = function Element(props) {
 
   (0, _react.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/lib/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/lib/index.js

@@ -26,6 +26,7 @@ var _exportNames = {
   InputDate: true,
   CreditCard: true,
   ExpiryDate: true,
+  InputId: true,
   Select: true,
   TimeSelect: true,
   AttachedSelect: true,
@@ -310,6 +311,12 @@ Object.defineProperty(exports, "InputDate", {
     return _input.InputDate;
   }
 });
+Object.defineProperty(exports, "InputId", {
+  enumerable: true,
+  get: function get() {
+    return _input.InputId;
+  }
+});
 Object.defineProperty(exports, "InputNumber", {
   enumerable: true,
   get: function get() {

package/lib/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/lib/input/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "InputDate", {
     return _inputDate.default;
   }
 });
+Object.defineProperty(exports, "InputId", {
+  enumerable: true,
+  get: function get() {
+    return _inputId.default;
+  }
+});
 Object.defineProperty(exports, "InputNumber", {
   enumerable: true,
   get: function get() {
@@ -85,6 +91,8 @@ var _otp = _interopRequireDefault(require("./otp"));
 
 var _expiryDate = _interopRequireDefault(require("./expiry-date"));
 
+var _inputId = _interopRequireDefault(require("./input-id"));
+
 var _input = _interopRequireDefault(require("./input"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/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;