@justifi/webcomponents 6.1.0-rc.2 → 6.1.0-rc.3

package/dist/cjs/justifi-additional-statement_8.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Dyzl8Hn6.js');
-var index_esm = require('./index.esm-BleZSAc0.js');
+var index = require('./index-CaAefsWD.js');
+var index_esm = require('./index.esm-ByC0D4sJ.js');
 var parts = require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
@@ -100,7 +100,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '4d0fbca80a880577be7853efc494807d7d1e2fd9' }, index.h("div", { key: '6c3a82afe01b0812807a8e19dc750d4e9901876a', class: "row gy-3" }, index.h("div", { key: '89e7f50b0c6d67249b892caf8c6b2d78c1742309', class: "col-12" }, index.h("h2", { key: 'e0c4db3f5330cdd0e00897da0a54b898f0056f93', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '58d4506d4bc0470afa4de87fdcf25ce4397d4180', class: "col-12" }, index.h("form-control-textarea", { key: 'aee641d90803d0ff483cfe75d881e3259303d4bc', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), index.h("div", { key: '19377eb6382adc9cb69ec57fe7928b7d477110d8', class: "col-12" }, index.h("form-control-file-v2", { key: '9529de236046398904d4780fcedada3a67ce4daf', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (index.h("div", { key: '0701151c838584f2c15ae5e3ff3a806e655b1dfe' }, index.h("div", { key: '40c863834d4a0dd48d0cb5073b7aa8d43f306826', class: "row gy-3" }, index.h("div", { key: '65151bc575f0ce4ff11c0eeffe3ae25bd0191840', class: "col-12" }, index.h("h2", { key: '6748c97c80ded43e019492bd24536d505022f44d', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '8d93d7560ef06fecbf7b43c66fb6bba783b5fc17', class: "col-12" }, index.h("form-control-textarea", { key: '422c586a3820a3344adf6d48bf49dd33636d6562', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), index.h("div", { key: '68b91cd23d51018d746e0a4b53baa4fd8d28f2b7', class: "col-12" }, index.h("form-control-file-v2", { key: '32a4bf53f4f9642af7381d75adb532c23ec21dc7', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 };
 
@@ -134,7 +134,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'ac10b9b21d37179211d74118b06f561e95d9ea71' }, index.h("div", { key: '8ff525f8ed20828ed153b7dc23cb84a0277b81d4', class: "row gy-3" }, index.h("div", { key: '4f22ed526972a6625dc77b3ab0ab5b074277d7b2', class: "col-12" }, index.h("h2", { key: 'd78d54468b91edd99238bd757f871b18ec5b58ca', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '629c9660446cbba8951cd8396d9b72aea71c731b', class: "col-12" }, index.h("form-control-textarea", { key: '60e0b4903e4ddec6915d23617f215d5d2ea20935', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), index.h("div", { key: 'aec3e4561f880b86ba6f5c7ce0298e45b837c2fd', class: "col-12" }, index.h("form-control-textarea", { key: 'e77d126709037cb22e6e4fcf2228652ffeb672ee', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), index.h("div", { key: '407c071a0f7a1e488eb2ef4d522e515138a5ed2c', class: "col-12" }, index.h("form-control-file-v2", { key: '15dfacd8e1de439848d12ecec9a0f5ffac259484', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (index.h("div", { key: '3f3b10445d89df70c60c4dff0719dbb32880aaf0' }, index.h("div", { key: 'adc8e2d164a5fa0a4452c11c91aabc2681af5987', class: "row gy-3" }, index.h("div", { key: '0930cce7f709ebc178e353da02b9a04248df2aed', class: "col-12" }, index.h("h2", { key: 'cdb9ace025d5fe91bedf866c23156af7959280d1', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '980e35073d775f422c981298b4b937f14dd52974', class: "col-12" }, index.h("form-control-textarea", { key: 'f56144d1ed0625aa03f393d02589b3b6580424ac', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), index.h("div", { key: 'b94141788ce77f8132ed2c6c7477e49bdfb56731', class: "col-12" }, index.h("form-control-textarea", { key: 'dc9d14b12a0e7eb2c7332d0610191eda46ed45bc', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), index.h("div", { key: 'a1dae824aa1a23844b028036d1dba093cde3b015', class: "col-12" }, index.h("form-control-file-v2", { key: 'ce7896b8ba5d9e3070c53a8eb75a2b6b216f2f2b', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 };
 
@@ -169,7 +169,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: 'e09402d1c3ca9bb8f3a243c22bec2e9d908d661f' }, index.h("div", { key: '67a1038f92a9a9711ca37d353af7a06b87cbe0a8', class: "row gy-3" }, index.h("div", { key: '1be2249539c434bf3faf847b4202ff2f421d15a3', class: "col-12" }, index.h("h2", { key: '17d8bc1b31dfa77f08500ff4029f572049d9e1ce', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '3e218b39c8f5dab178cc8b23caf403e1a912694c', class: "col-12" }, index.h("form-control-text", { key: 'ab28a2176315c3ecd1ff984a599589a81375f4e0', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), index.h("div", { key: 'e1739728748de575e39f29018cd1139d75232611', class: "col-12" }, index.h("form-control-text", { key: '9f2aec120b08ac793be93f9c990d81a74c9e57d2', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), index.h("div", { key: '9be7e4a85edfc9bc95e8ede96ebc81f4777f1cdb', class: "col-12" }, index.h("form-control-textarea", { key: '100e419cc2064509aaa03c76e2898fc7df85e950', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), index.h("div", { key: '94da95bb013738aefb17088203ee14e07f159ae0', class: "col-12" }, index.h("form-control-file-v2", { key: '1ab77a12a715fbb82c0bc1c9f9081e54fd3fef0e', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '88eed9387758b86332137fa64b4e3b3c5825d908', class: "col-12" }, index.h("form-control-file-v2", { key: '0b654ffcf253c639b07ffe03450a87550caaa75a', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (index.h("div", { key: '43f1c26c5415eac4654f0f5947ac0addcaf3b34c' }, index.h("div", { key: '8fee41ca6d0f88ed26d4daec0c09a8902ef455a3', class: "row gy-3" }, index.h("div", { key: '62812f9023a6e414d8fdcca9b3bcb82abb05dbd2', class: "col-12" }, index.h("h2", { key: '969514698a6e6c67018aeb651c0a3afb4c1e5811', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: 'a7c1780fb747a67e9a2ebbdd3cebca8f046807ce', class: "col-12" }, index.h("form-control-text", { key: '3e1618fce6c07ea5aa4282992defcd66e8caf3b4', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), index.h("div", { key: 'e1a599c3b8561625010d237949d23888873e5646', class: "col-12" }, index.h("form-control-text", { key: '9b829f4326c2d5adc60df203ce2a06cb4f563a9b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), index.h("div", { key: 'a21a0dc6c46257939ac638367428f04e93f51a8b', class: "col-12" }, index.h("form-control-textarea", { key: 'a9adb60757f60573514d0eddbc8ceb42d5da1c7b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), index.h("div", { key: '9f31a99f7583c289106715ba13bce24c38d19298', class: "col-12" }, index.h("form-control-file-v2", { key: '316714c50d1e3376196bf3d48a58623a68b11f03', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '2264dcb54d957d878b491a94741163fd03234db8', class: "col-12" }, index.h("form-control-file-v2", { key: '35d451de15d7003f236bae02fe6a216c6aa7bfce', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 };
 
@@ -203,7 +203,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '2a51ce4a6859bdd9b6fc3376f08726a682a61587' }, index.h("div", { key: '49765fde2654e0eda955e4569d3003749d04b1a1', class: "row gy-3" }, index.h("div", { key: '9a04ce529407e436c5c7dc363525821116eb3271', class: "col-12" }, index.h("h2", { key: '6d8c1c64da56d19e3adedc08171b7096084adb0b', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '3a4be2ced9e35974864a6fb3504dff58d792e623', class: "col-12" }, index.h("form-control-text", { key: 'a3d86e2059a017d931619d1e53a24e60e9f95282', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), index.h("div", { key: '407386824a21bc40a802366ebf4c8e0cc2aef908', class: "col-12" }, index.h("form-control-textarea", { key: 'c4b5a5026eeffedeae11d9f6fd74ecd4e288894c', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), index.h("div", { key: 'cc4a805b1c5574436a19258007cd3271831e9967', class: "col-12" }, index.h("form-control-file-v2", { key: '49d84e63f7acd6dd953429063fc9206373482d16', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (index.h("div", { key: 'f92749f7fd0503b15bbfe993c95a602676d1efc9' }, index.h("div", { key: '0fd4c0f8137c7ab2a14093f21b908fe31b816fa3', class: "row gy-3" }, index.h("div", { key: 'e6bdf0cee9a9c21f4508effd2ba2b16a72efdcb9', class: "col-12" }, index.h("h2", { key: 'cd9df12a4b8ce72981e87317de500639577b0cf2', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '0610126a79d2b0281daa89a13eccb8178fda98b2', class: "col-12" }, index.h("form-control-text", { key: 'b31165845e60e496c20536a6c33ccf0e9ba9b22e', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), index.h("div", { key: 'a45ef37fcebc4ea005644c3d3d7391272afb1860', class: "col-12" }, index.h("form-control-textarea", { key: '6efbc623051dc552f06ca7c9b958789af2c5e92e', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), index.h("div", { key: '9d871317463940d04380aa1bc1f733ea93149769', class: "col-12" }, index.h("form-control-file-v2", { key: 'c6938fd5a5e1b2fdbbd7e396513aa0b90f8db22f', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 };
 
@@ -236,7 +236,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '41d5fd40ac6fc4fffddb7913b647046869882dfd' }, index.h("div", { key: '265d25bbd6423f6514a1bb4fab1574631113783d', class: "row gy-3" }, index.h("div", { key: 'e55e31fbfaa88eacd940622551e37951e54aa321', class: "col-12" }, index.h("h2", { key: '710bec9fdf42a7ddedbaed447ab1212bc9d6be9c', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '81ad6d6af441041c0aa0f39c732d528e9d966b61', class: "col-12" }, index.h("form-control-text", { key: 'b9a3ae49cc394e28baadec0ca9904e5c25996921', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), index.h("div", { key: '53c9b52e9ff3a988805c9e72dca2038ac8cb8483', class: "col-12" }, index.h("form-control-file-v2", { key: 'bd2bd5d7131bf7c92a7d11042211a9b7764dbbd7', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (index.h("div", { key: 'c0007b1394ef881d14b34592c65e1de1b1dd922e' }, index.h("div", { key: '7a78993c7df8b5a695243eb2c8c27e9fb409b508', class: "row gy-3" }, index.h("div", { key: '407d7f4153099870a2318b283d16ec6fcee1f0e2', class: "col-12" }, index.h("h2", { key: '0d9cb826eeb066cce6a5e706d4e8080387272507', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '8e5cb60db05a6cb130259874650704eefb413632', class: "col-12" }, index.h("form-control-text", { key: 'b88d48627b79768a5b5c1fd5b4d2cca1cb025c13', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), index.h("div", { key: '474e78766908fb2ba6eb2f4011b4d852d02814db', class: "col-12" }, index.h("form-control-file-v2", { key: 'cdd3d6a9fb17cfd66432db435acd4005e7cc71b8', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 };
 
@@ -270,7 +270,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'c93f5bc2e64f5e2964eb033cb6c972283841876b' }, index.h("div", { key: '7986f459ba9cc0d7e896a418ba4bd9e51148d36f', class: "row gy-3" }, index.h("div", { key: 'ddf033f861a5b91961294600a5d6d7261937711c', class: "col-12" }, index.h("h2", { key: '2a33306859a2982fbb3457831c29a98cd3e86c4f', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '385212b08cbdcd4d610c806f1f9b5d18446a9831', class: "col-12" }, index.h("form-control-text", { key: '210a8c07288473e93737e93659dc91e7f813e306', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), index.h("div", { key: '5a52ad00db803d2ddd0afe6ee7cde4b907e1ad1a', class: "col-12" }, index.h("form-control-date", { key: '1bdef3f3391b4a97aa3e97aefac3e29b5520f620', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), index.h("div", { key: 'd4fc75d0f175914e2fbb134e6449e1d45742a9f3', class: "col-12" }, index.h("form-control-file-v2", { key: '62e1ae0f42103f49bc5c93427b62ad90570634f8', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (index.h("div", { key: '3560b76ef6eb095e247058bd65138baca3270d26' }, index.h("div", { key: '340ff32d302a7c255f4e3d2f7c6e32ed42ecd812', class: "row gy-3" }, index.h("div", { key: '4dd1cd92df58c39920940715c74b1cdc19206ea5', class: "col-12" }, index.h("h2", { key: 'd5f577c5169664f1d84bf64bdc85758c5033be9e', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '4a3c80fe6e8714adb4f195cafd6d0fe419f0d392', class: "col-12" }, index.h("form-control-text", { key: '637118ed43962371b9232fce583f65ee810132ca', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), index.h("div", { key: '7a52049834ea6a7ec1805f3a2e9aa4b827c5dc7b', class: "col-12" }, index.h("form-control-date", { key: '8eefafabd31fe7a9be19de0d13a1cecb6f61c043', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), index.h("div", { key: 'b445d6ffb5866da1e94e64d87e4d120e1f1e8993', class: "col-12" }, index.h("form-control-file-v2", { key: 'db218fa96ddaf2383a7f053ca4115333657e916b', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 };
 
@@ -304,7 +304,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, index.h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, index.h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, index.h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, index.h("form-control-textarea", { key: 'f6e6dae3ab7d383da16fa5308933a77cf63f11d8', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), index.h("div", { key: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, index.h("form-control-textarea", { key: 'c8e4b7c760cbe8bb9cb30818b0c29f6012092649', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), index.h("div", { key: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, index.h("form-control-file-v2", { key: 'dc2ef0d5911dbab2d820bc46563bbb7218390501', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, index.h("form-control-file-v2", { key: 'c6513b7a2f9d68c2df2be8c21da0d16e03a6a885', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (index.h("div", { key: '47624ab9ecb43e67c11b92a779f306c3dfdf2983' }, index.h("div", { key: 'ed48b88318c23510deb37d4dc0f573a656b9f52a', class: "row gy-3" }, index.h("div", { key: 'd95b83dd2996710485c66bd853bd5c06f52b69e2', class: "col-12" }, index.h("h2", { key: '38dfdfc96d1f082a05c10709cba186eb97efafa2', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '61ee95c2f40109d36dd9649f91ba92a2daae8fb6', class: "col-12" }, index.h("form-control-textarea", { key: 'cb8a8d8e695dd1c8b4db4471cfb052a9983f38d2', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), index.h("div", { key: '4f88c32fdb04ac20fbc69be497f7d1a65a7de46e', class: "col-12" }, index.h("form-control-textarea", { key: '4b6720ade82fa44869b86289ec8f29fb53be9dc1', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), index.h("div", { key: 'fc70d14e807749f441d0d25e86dc99dc3168eceb', class: "col-12" }, index.h("form-control-file-v2", { key: '46d8bd0af0da9693e0efffd24a43214b487b968e', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '0d3f4c43419df58245f4a2c6efca51052ec926f3', class: "col-12" }, index.h("form-control-file-v2", { key: '770130dfa0920d22681614a71091c60af5057b1d', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 };
 
@@ -341,7 +341,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, index.h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, index.h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, index.h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, index.h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), index.h("div", { key: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, index.h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), index.h("div", { key: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, index.h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), index.h("div", { key: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, index.h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), index.h("div", { key: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, index.h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (index.h("div", { key: '5d6f7387470632f1477d70e63884e7f220bbf3c3' }, index.h("div", { key: '33435f8d374285ea7da21ba19077ce6a7d64f877', class: "row gy-3" }, index.h("div", { key: 'dd9e36fcb5a920815b65f2da7ffaae6624762b2e', class: "col-12" }, index.h("h2", { key: 'fc9f218047ccbb8d36f9ae659cae8608c4a17c98', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '3837754c1ca9827c6eefe8bd015753e757f6ecce', class: "col-12" }, index.h("form-control-text", { key: 'f92430e331cdc1e548823ee50e19bf6a0138061c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), index.h("div", { key: '4b75c4ba88d83560288e567f06d3aa8bd60c02d3', class: "col-12" }, index.h("form-control-text", { key: '9c20d40ec5e39b8eda0324f83c9bcc7ae0aaec97', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), index.h("div", { key: 'c2ea40c473883b76644794473b6a61b44a00a9fa', class: "col-12" }, index.h("form-control-date", { key: '8bb7a4f77956e6ad738bb216143bd81dd06c9b8a', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), index.h("div", { key: '0f488c098004accd493d17b43e9f5e03c8aa2e04', class: "col-12" }, index.h("form-control-textarea", { key: '06668e8e56aabab9d618b35c0b179476595a5af5', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), index.h("div", { key: 'c6c0191e78a0dad7d915ad146181c9c702b5f946', class: "col-12" }, index.h("form-control-file-v2", { key: '816cf6e130f8c986811c161499d9325d7dd5d7fc', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 };
 

package/dist/cjs/justifi-apple-pay.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Dyzl8Hn6.js');
-var Api = require('./Api-CwTLkFY4.js');
-var styledHost = require('./styled-host-2KXbjOFw.js');
+var index = require('./index-CaAefsWD.js');
+var Api = require('./Api-DqzbA2qk.js');
+var styledHost = require('./styled-host-DSpt9LtB.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CuIMC98G.js');
-var checkout_store = require('./checkout.store-C3f3E24L.js');
-require('./config-state-B_gyIchD.js');
-require('./index-D1Ba20gi.js');
+var skeleton = require('./skeleton-DlPP4i_w.js');
+var checkout_store = require('./checkout.store-DC4yVxDj.js');
+require('./config-state-BeZM7X7J.js');
+require('./index-D-CfIyoF.js');
 require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
 require('./parts-9jMf1erK.js');
@@ -854,10 +854,10 @@ const ApplePay = class {
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (index.h(styledHost.StyledHost, { key: '6ffd1642666316916be6c263d6e79c44fb2d26cf' }, checkout_store.checkoutStore.checkoutLoaded && (index.h("script", { key: 'd3cea0c2fea2b9e51fd926f581dce118a7b0cc00', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (index.h(styledHost.StyledHost, { key: 'ce2932a0c43641d2a96122b3d228e2180f3ce468' }, checkout_store.checkoutStore.checkoutLoaded && (index.h("script", { key: '33a584501a38517bdfe0a897d0238e2713c8c5c6', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 this.initializeApplePay();
-            } })), index.h("div", { key: '4a2ee3cb9a98746be1a10c3836833bb408d0896b', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: 'e804a3d42e4632d224a780c2313da4fd40a35281', isLoading: this.isLoading }), isReady && (index.h(ApplePayButton, { key: '82c8caa32e8857797dc3071a7404d9418fcd2274', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: '022d4942b34097987ca8fe956bb6e02174a488b9' }, `
+            } })), index.h("div", { key: 'a6a4ff59660273ccf96940d8de73dadbe8daa77d', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: '30d6c8bae27b5e86f48ec09ede9dc030550cda15', isLoading: this.isLoading }), isReady && (index.h(ApplePayButton, { key: '0d611070bd523ad146242b7f5aab42b03056c37c', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: '87dd4fce32332f885fd819a054b23a973c4011cb' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js

@@ -1,32 +1,31 @@
 'use strict';
 
-var index = require('./index-Dyzl8Hn6.js');
-var index_esm = require('./index.esm-BleZSAc0.js');
-var schemaValidations = require('./schema-validations-jek_iZ9W.js');
+var index = require('./index-CaAefsWD.js');
+var index_esm = require('./index.esm-ByC0D4sJ.js');
+var schemaValidations = require('./schema-validations-0mjPveQ0.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-2KXbjOFw.js');
+var styledHost = require('./styled-host-DSpt9LtB.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CuIMC98G.js');
-var checkPkgVersion = require('./check-pkg-version-DUDlLDCJ.js');
-var configState = require('./config-state-B_gyIchD.js');
-var header3 = require('./header-3-BSvFq_IF.js');
+var skeleton = require('./skeleton-DlPP4i_w.js');
+var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var configState = require('./config-state-BeZM7X7J.js');
+var header3 = require('./header-3-uBM_CzcP.js');
 var utils = require('./utils-DAyWinG2.js');
-var stateOptions = require('./state-options-CIT9xdTz.js');
-var button = require('./button-7c2RN2yp.js');
-var checkout_store = require('./checkout.store-C3f3E24L.js');
+var Business = require('./Business-DWHy_-z9.js');
+var button = require('./button-_YJuE8cy.js');
+var checkout_store = require('./checkout.store-DC4yVxDj.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./business-form-options-CMII7nIK.js');
-require('./Business-DCRzZf0w.js');
-require('./helpers-B5OCqlIM.js');
-require('./package-CFCy2fBx.js');
-require('./Api-CwTLkFY4.js');
+require('./country-config-MCOhn8o3.js');
+require('./business-form-options-e9UFw4P-.js');
+require('./package-CVxkAS_m.js');
+require('./Api-DqzbA2qk.js');
 require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BPSBtjQC.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
-require('./index-D1Ba20gi.js');
+require('./index-D-CfIyoF.js');
 require('./index-C2ITzalN.js');
 
 const JustifiRadioListItem = class {
@@ -99,7 +98,7 @@ const BankAccountBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '53205714e0fee906cb28b444eadf954b25a11dea' }, index.h("div", { key: '1208a0bd457a727f73612aa76600ae1362493d1a', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: 'bd6de1875ed9a9ff95206b38842711d00eaa5258' }, index.h("fieldset", { key: '9169cc821a58774fd8b0135d1f506f98c96f4339' }, this.legend && (index.h("legend", { key: '0dac5fca347fa7a6dadeb00cd8a252cc9bc64920' }, this.legend)), index.h("div", { key: '3a3fc5259f3bc28664e0e2e8ced2e56f39dc3820', class: "row gy-3" }, index.h("div", { key: '7b61ca324077c9bcfc1d92a078ac9b94eafebe54', class: "col-12" }, index.h("form-control-text", { key: '49782afc8cd941f921ea80852a5201de6c6cef5e', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: '06b875ab5179041ce4c44ace37e17238494541a1' }, index.h("div", { key: '321c641aaeb8ed882322877a427812c2998da4aa', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: 'b75303414b93c335ada237e9b3cb52cd0bcaa52b' }, index.h("fieldset", { key: 'e445030d7645425c20234448d328b865510e4585' }, this.legend && (index.h("legend", { key: 'c2a9c8062ba656488c1c4b708f2426482cdad4b8' }, this.legend)), index.h("div", { key: '5b20cbce02c04bbb8a9d4221e12b4a34fe3ece20', class: "row gy-3" }, index.h("div", { key: '6a70c8e73c3bc3a9d898a7f7a714c33aa3375eb1', class: "col-12" }, index.h("form-control-text", { key: 'e6aea5a583925374101effde95322d5b5f6fd566', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 };
 
@@ -148,10 +147,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '99ccb5aa2afbf79e5bf40d59ca15eb217180349a' }, index.h(BankAccountFormSkeleton, { key: 'a26a6f4391a5e5b7923f36b05bdfe57491b31d8a', isReady: this.isReady }), index.h("hidden-input", { key: '7555fe1bbf38a1525e7c11fe7182e264752435c9' }), index.h("div", { key: 'd1d7141ee75a644d4ae67d23b353dc6293306371', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, index.h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), index.h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), index.h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'db0d578ccb3647e049b5ef958bef0273a8945448', class: "row mb-3" }, index.h("iframe-input", { key: '58311d94a8f5f023f05de260afbaf6bc707a0d57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '92e4b77f012a414ac88b8faf721b5a10f2c5a3a4', class: "row" }, index.h("iframe-input", { key: '5163f7e8cff8fb82bb009f615ef7ab2e231deb52', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, index.h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, index.h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -221,7 +220,7 @@ const BillingFormFull = class {
             return null;
         }
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, null, index.h("div", { part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", null, index.h("fieldset", null, this.legend && (index.h("legend", null, this.legend)), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+        return (index.h(styledHost.StyledHost, null, index.h("div", { part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", null, index.h("fieldset", null, this.legend && (index.h("legend", null, this.legend)), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: 'address_state', label: 'State', options: Business.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
     }
 };
 
@@ -232,7 +231,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, index.h(button.Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, index.h(button.Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -266,7 +265,7 @@ const CardBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '648204826c1e3979b8556ce9049f5e025a52b282' }, index.h("div", { key: 'dba0067b4662662653e424ff2c81c6edc831ed46', part: parts.billingForm }, index.h("form", { key: '651812a32f1ee195f89238d1125573b6f9a62fa7' }, index.h("fieldset", { key: '15e9d4713fba88bb6de715c48b41b1c3ebfab9df' }, this.legend && (index.h("legend", { key: '783b34c1a9c2f4d407587b1a356ccf1e0e119993' }, this.legend)), index.h("div", { key: 'f322d2a29f50bff82167e9c5633a9f1d8b3f3cef', class: "row gy-3" }, index.h("div", { key: 'a02f6b275a02b32c37fd8c15921a582fa6a235a7', class: "col-12" }, index.h("form-control-text", { key: '3efd6677727b377bbf4432dc13c34500930ec801', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: '69aa44d031f1841d4b59974fa49371636eed6c31' }, index.h("div", { key: '2095e0159089400d141f4486ad4e3019a684ff2e', part: parts.billingForm }, index.h("form", { key: 'ae6fb56fabb52b9f2b3e63a5507bba26e75e9029' }, index.h("fieldset", { key: '4a6232a78f884dbfae0363b445ed067e15a9aacd' }, this.legend && (index.h("legend", { key: '68539c45a73cad427847374267a8aff03d1e1227' }, this.legend)), index.h("div", { key: 'e469f109f2d3c5f780a6218269b698dcf956ef64', class: "row gy-3" }, index.h("div", { key: 'ee0614721f191a4b4bd8842de7fc2d8586b1ac26', class: "col-12" }, index.h("form-control-text", { key: '954516264218d359d2299e6680643da1d1c8e1fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
     }
 };
 
@@ -319,10 +318,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '46991f66161e4118fdf135bf18eb757435e26457' }, index.h(CardFormSkeleton, { key: 'aacb7f467a10debc809997a67172fe4f23a2ca76', isReady: this.isReady }), index.h("hidden-input", { key: '3e9bd9b7ff0aba356d9f8fd07428cbaedcb223b1' }), index.h("div", { key: '8fcf6d92703491fe6a0be076a5965c09c800f262', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, index.h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), index.h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), index.h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '8dea63dc69d7c7cfbcded0a07bfbcf9c7d7a41fa', class: "mb-3" }, index.h("iframe-input", { key: 'ffd4de932414b206ea5936c21349c522b762f8a4', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '3e56350822761119dbb7ff49e3cc56bec7f361ca', class: "row" }, index.h("div", { key: 'ab13b6b20573fbec961164a415ccaf21b663eb4b', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'e12d56f2c1dd12ae5eff7619204d9f746e1b6a43', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '62e4808ee208aec7cf3e1d7a99fd65f3d9a5e615', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c8e3945b466e61e8b21fbb13f71c0631740ca1a3', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '979929e29abb54f8837f71b1cdb7261df97a58df', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2c25868c5fd7e6c2d34722b39f22c2062248cdf6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, index.h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, index.h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -339,7 +338,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0ac7e7b80c9a00737eed4f9345020994eb5d92bf' }, index.h("form-control-checkbox", { key: '3396c0a413c3d498d7cdccc12ad97739d97f74c8', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (index.h(styledHost.StyledHost, { key: '28c13afd8a8f21e5f67e362c19c6e6225838f472' }, index.h("form-control-checkbox", { key: '205ae5a43d5634c4ec1e692d3e3b123e6b3adc34', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };
 

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -1,25 +1,23 @@
 'use strict';
 
-var index = require('./index-Dyzl8Hn6.js');
-var utils = require('./utils-FFP5ZHyE.js');
-var business_service = require('./business.service-Dkhqyggm.js');
-var getBusiness = require('./get-business-o5jPq_ME.js');
+var index = require('./index-CaAefsWD.js');
+var utils = require('./utils-C6mfHWv-.js');
+var business_service = require('./business.service-Bv9o99Ll.js');
+var getBusiness = require('./get-business-D9ZHyPem.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-DUDlLDCJ.js');
+var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
 require('./parts-9jMf1erK.js');
-require('./Api-CwTLkFY4.js');
-require('./config-state-B_gyIchD.js');
-require('./index-D1Ba20gi.js');
+require('./Api-DqzbA2qk.js');
+require('./config-state-BeZM7X7J.js');
+require('./index-D-CfIyoF.js');
 require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
 require('./Refund-BPSBtjQC.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DCRzZf0w.js');
-require('./helpers-B5OCqlIM.js');
-require('./state-options-CIT9xdTz.js');
+require('./Business-DWHy_-z9.js');
 require('./utils-DvUQQLmR.js');
-require('./package-CFCy2fBx.js');
+require('./package-CVxkAS_m.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -1,38 +1,40 @@
 'use strict';
 
-var index = require('./index-Dyzl8Hn6.js');
-var index_esm = require('./index.esm-BleZSAc0.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DNbSH3E-.js');
-var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
-require('./config-state-B_gyIchD.js');
+var index = require('./index-CaAefsWD.js');
+var index_esm = require('./index.esm-ByC0D4sJ.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-CetDMUp7.js');
+var businessIdentitySchema = require('./business-identity-schema-Cd0tvfJr.js');
+require('./config-state-BeZM7X7J.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
-var Business = require('./Business-DCRzZf0w.js');
+var Business = require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-DUDlLDCJ.js');
-var button = require('./button-7c2RN2yp.js');
-var styledHost = require('./styled-host-2KXbjOFw.js');
-var header1 = require('./header-1-DMsp0XM7.js');
+var checkPkgVersion = require('./check-pkg-version-CadxBsjl.js');
+var button = require('./button-_YJuE8cy.js');
+var styledHost = require('./styled-host-DSpt9LtB.js');
+var header1 = require('./header-1-Da7oKhXY.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CuIMC98G.js');
+var skeleton = require('./skeleton-DlPP4i_w.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-Dkhqyggm.js');
+var business_service = require('./business.service-Bv9o99Ll.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-jek_iZ9W.js');
-require('./state-options-CIT9xdTz.js');
-require('./business-form-options-CMII7nIK.js');
-require('./index-D1Ba20gi.js');
+require('./schema-validations-0mjPveQ0.js');
+require('./country-config-MCOhn8o3.js');
+require('./business-form-options-e9UFw4P-.js');
+require('./index-D-CfIyoF.js');
 require('./utils-ChCUZgUy.js');
-require('./helpers-B5OCqlIM.js');
-require('./package-CFCy2fBx.js');
-require('./Api-CwTLkFY4.js');
+require('./package-CVxkAS_m.js');
+require('./Api-DqzbA2qk.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');
 
-const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
+const businessFormSchemaUSA = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchemaUSA().fields), { legal_address: businessIdentitySchema.addressSchemaUSA(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchemaUSA('representative') }));
+index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchemaCAN().fields), { legal_address: businessIdentitySchema.addressSchemaCAN(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchemaCAN('representative') }));
+// For backward compatibility, default to USA
+const businessFormSchema = businessFormSchemaUSA;
 
 const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
 const BusinessFormLoading = () => {
@@ -47,11 +49,13 @@ const BusinessForm = class {
         this.errorEvent = index.createEvent(this, "error-event");
         this.isLoading = false;
         this.isSaving = false;
+        this.country = Business.CountryCode.USA;
         this.hideErrors = false;
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.instantiateBusiness = (data) => {
             const business = new Business.Business(data);
+            this.country = business.country_of_establishment;
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
@@ -142,7 +146,7 @@ const BusinessForm = class {
         if (this.isLoading) {
             return index.h(styledHost.StyledHost, null, index.h(BusinessFormLoading, null));
         }
-        return (index.h(styledHost.StyledHost, null, index.h("form", { onSubmit: this.validateAndSubmit }, index.h("div", { class: "row gap-3" }, index.h(header1.Header1, { text: this.title }), index.h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-business-core-info", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-legal-address-form", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-additional-questions", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-business-representative", { formController: this.formController })), index.h("div", { class: "col-12 d-flex flex-row-reverse" }, index.h(button.Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
+        return (index.h(styledHost.StyledHost, null, index.h("form", { onSubmit: this.validateAndSubmit }, index.h("div", { class: "row gap-3" }, index.h(header1.Header1, { text: this.title }), index.h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-business-core-info", { formController: this.formController, country: this.country })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-legal-address-form", { formController: this.formController, country: this.country })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-additional-questions", { formController: this.formController })), index.h("div", { class: "col-12 mb-4" }, index.h("justifi-business-representative", { formController: this.formController, country: this.country })), index.h("div", { class: "col-12 d-flex flex-row-reverse" }, index.h(button.Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 };
 

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -1,15 +1,16 @@
 'use strict';
 
-var index = require('./index-Dyzl8Hn6.js');
-var inputHandlers = require('./input-handlers-DYl_0IwC.js');
-var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
+var index = require('./index-CaAefsWD.js');
+var inputHandlers = require('./input-handlers-D6QMwPTB.js');
+var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
 var parts = require('./parts-9jMf1erK.js');
-require('./helpers-B5OCqlIM.js');
-require('./state-options-CIT9xdTz.js');
+var countryConfig = require('./country-config-MCOhn8o3.js');
+require('./Business-DWHy_-z9.js');
 
 const RepresentativeFormInputs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.isEditingIdentification = false;
         this.inputHandler = (name, value) => {
             inputHandlers.updateFormValues(this.formController, { [name]: value });
         };
@@ -18,8 +19,15 @@ const RepresentativeFormInputs = class {
         };
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("form", { key: 'a2c558b8a6b66d7257fa86ef5f9c1d56a7a273db' }, index.h("fieldset", { key: '23cb7f2debd4692c39cfe2311ce0d2549ca94ebc' }, index.h("div", { key: '0c6e94b6a9da6924673f5ebeed93f237ff22a013', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: 'a165d7dc17dddde2d6ce35af9d836a989f02ffaf', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '5c2c29ae9ea82acc6c923c870f4ece5db5e7afb9', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: 'bc481e820461c6ec2088f2879cb9a5837ed02884', class: "mt-2" }), index.h("div", { key: 'ff4b0731213ddc42ebabb79d49984b83d376f742', class: "row gy-3" }, index.h("div", { key: '99cac91d3657bce68ce97028342d49cb8a2bb314', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '534e81b075f732ae3953d8f904199d61a43de4bb', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '6070fdff99a868b50deb59c9d006d3c4775a50bd', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'c92477cc30c5a9c7d99842dff2855edce67185f9', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '14d953417a1ec0292d75251b37b580361def0fb3', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '42562735066b104619b8aa4da966aaec462f177b', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'cb7f6173a31fac67edf74844f0807ea94446c59b', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '42b0833d545243c11f515d320aac5408bb744e89', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'a9468f20a7d832ae44d771c3b8913c32cf0ef2ab', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '1f739c1d3bb814710ee159740e459bde72a0e790', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: 'e2ecd87320422e1712138115291016f8c1c61ac2', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: 'dd91ffa7877d84cfe315849d18c7cec5bf79b1de', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: 'ef502c55424287c5c81ca88593f5836d21a2f945', class: "col-12" }, index.h("justifi-identity-address-form", { key: '26295cbccf0ca23415b4d7c12dc42eb2dbb0d229', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (index.h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, index.h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, index.h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), index.h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, index.h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+                this.isEditingIdentification = true;
+                // Clear last4 and current value to force validation
+                inputHandlers.updateFormValues(this.formController, {
+                    ssn_last4: null,
+                    identification_number: ''
+                });
+            } }, "Change"))))), index.h("div", { key: 'ad29d30e0748004e9c0d429804210f269581ff12', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'aaad43f4c150cf08cbdd321a887eaadc51436c88', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 };