@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
 var parts = require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -103,7 +103,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '5e572a30ed53b4fbcf3808ba545ce2fdf5b988aa' }, index.h("div", { key: '90870dc58e0eab72e64ae03bdaa25bb1749d8e23', class: "row gy-3" }, index.h("div", { key: 'cc3b6f19687d02e047744e8a53d22a2f91a8b968', class: "col-12" }, index.h("h2", { key: '230c20dc3f75e48afa4008369374fd8c175cb7ea', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '7b49c8012cfc07c44399969f8505db786389b38b', class: "col-12" }, index.h("form-control-textarea", { key: '349a8a2ebda338e170c90266801ae93b6f9482ea', 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: '01cd368a2278c5de462f0998a50ba4ca5889be26', class: "col-12" }, index.h("form-control-file-v2", { key: 'f95d0b78704f9a1fd154003edbbffb062659ae27', 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: 'f407dba7be750c75d9bd3163647e62b57f7b32df' }, index.h("div", { key: '5d690bf3227112c1d6f86d956bb98dd5bb2d585d', class: "row gy-3" }, index.h("div", { key: 'e12ecbe52d9383b449cde0ffafe32b952c293ad8', class: "col-12" }, index.h("h2", { key: 'aaeeeed0024985d9be89ce02f252ef999dd9d197', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: 'aedfe85e833e387998815246faa21f46184ddcdb', class: "col-12" }, index.h("form-control-textarea", { key: 'affa35eb587e6b70546f18414d7436bc267c0201', 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: 'ec650c06058b30773dacf1c1f9cafedb526ced90', class: "col-12" }, index.h("form-control-file-v2", { key: 'd9a75a49a8ada0dfe0b2466ec03a8842c75bddf8', 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 })))));
     }
 };
 
@@ -137,7 +137,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '6dc5100426e8e4124d19a375250f85f8e15b28d4' }, index.h("div", { key: 'fb950108be5fd4096a7717c88943938261787f99', class: "row gy-3" }, index.h("div", { key: '08f85a06288e19939a16d3fa52ef3b3199c56f36', class: "col-12" }, index.h("h2", { key: 'a585b93921814b1ffbb95c6f9c1de37d4104049b', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '3b7c620518006738d2e36863b62a72142f167733', class: "col-12" }, index.h("form-control-textarea", { key: '70a76160b0d29648a9e0598dd5b867a382935e03', 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: 'e06d4c794bad47e366ca702e764307fdab5e33a8', class: "col-12" }, index.h("form-control-textarea", { key: '1b783920c5a5b94bff60d4b061cc7cc6666cc184', 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: '3cb3371c1d3727e55140ea60a0cff96bc0f42702', class: "col-12" }, index.h("form-control-file-v2", { key: '738a456bf4653240180963fa7e5ab20a7a4add7c', 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: '53b8b9ca5ef0b2fbb3801aeed7c442517b54ffa8' }, index.h("div", { key: 'e122c095d856545b52d5958db10b8e982de73073', class: "row gy-3" }, index.h("div", { key: '9ddc0fa91765209b3fa393c0ebf17598af90b3b9', class: "col-12" }, index.h("h2", { key: 'a7e3001dbc2b36e20e2a1dd1d16b44a023610010', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '7b5481566998713ba87519b999e5acdf3eb0ef52', class: "col-12" }, index.h("form-control-textarea", { key: 'c67604fa2133a3ed9b5b67a7150e488673d21478', 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: '4b96c57d15060a0a6c42bede64110d67be557060', class: "col-12" }, index.h("form-control-textarea", { key: '60ddac4a5c2574461dbb28281b89851d0e89600c', 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: '42015bc3bbcbf208d39906d7b270776e3e90ddac', class: "col-12" }, index.h("form-control-file-v2", { key: '76365a80cd7068267a8a40c6be608a9344e884ce', 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 })))));
     }
 };
 
@@ -172,7 +172,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: '70e29d650d5304522f927c15b4eb5e62e203c5e0' }, index.h("div", { key: 'f50422b29cb2a4f3bca911ced94dc681adb3fc41', class: "row gy-3" }, index.h("div", { key: 'f29816d9281ea4c4db5018d3b7edb1600569357a', class: "col-12" }, index.h("h2", { key: 'a2889c95c293bf0bbf97c16e4486e307ca87729c', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '9cd45719434a1740f67b73c13fd08e0fe562168e', class: "col-12" }, index.h("form-control-text", { key: '5a30a3aef7fbe2d3013c46e43a437724dae41213', 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: '9812e1f9f6df949b9f15b2c3f28857db7dcf5cb7', class: "col-12" }, index.h("form-control-text", { key: '10b146053a399039e8dbd42c3cab53b4b55c0ec3', 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: '2742a0922a223bd60d6e3d08a55190742ecf5112', class: "col-12" }, index.h("form-control-textarea", { key: '41491e238c75716520d747cbf9f1bcc329a2d686', 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: '71074f31e565c24107b91b04d9aa16da77ba618c', class: "col-12" }, index.h("form-control-file-v2", { key: '17f70cf96927b01e65430e13c2d21209e9170603', 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: 'ec696695191e68c7ceb0cc41f99f9e53f2d59da1', class: "col-12" }, index.h("form-control-file-v2", { key: '562ff8b3819f536d491f2e2e55a85a55fcda0e1c', 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: 'a8fde002d56a1c5ff7bace9e7ad8282b3e8396c1' }, index.h("div", { key: 'b1ec9e406e26de2bdb179afbfa3a9a7ad7612fe9', class: "row gy-3" }, index.h("div", { key: 'a0a31924c5cc7f0a35859899851e003eec970c50', class: "col-12" }, index.h("h2", { key: 'de62f11cc36fbf96a0a1d409cc35adba2e997bb8', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '65cd3d78b510ad95f97dcadcbb60d91caf950f22', class: "col-12" }, index.h("form-control-text", { key: 'e539cbbac218f3d1927f3ddccca4c0c0e958eec1', 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: 'a6eca53da11014123325064fe09b6df37709f113', class: "col-12" }, index.h("form-control-text", { key: '9b874331a62dffb2f00af002b0637fdd0f1a8d2c', 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: '69be313a715c3fe9a78ecffaca75b3a4dff5bed2', class: "col-12" }, index.h("form-control-textarea", { key: 'e366f5ebed7a117c2e1f4e1c3c3a740aa9e5475a', 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: '3b177078766a8b04f3de68889cb991b23c15752c', class: "col-12" }, index.h("form-control-file-v2", { key: '0d2cc6edded1211028460ef506ef470d14a09718', 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: '4a624251414dcfad4b5e2b6d34b99dc2ef9b59dc', class: "col-12" }, index.h("form-control-file-v2", { key: '442dc7cc2f851879ebb1504d761e2315c6f45141', 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 })))));
     }
 };
 
@@ -206,7 +206,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '0b0d73b396b32f29fa389d3981d48c3f30f96fd7' }, index.h("div", { key: '2fd16a4cf964c863a59789a2be60d94b27a95de8', class: "row gy-3" }, index.h("div", { key: '48c15f7db3285caa9164d815615b82a84283fbfe', class: "col-12" }, index.h("h2", { key: '397b3026311bf57588b172146fc9822f99ede63e', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: 'c825b6efd428bee298b9b0ddf2265378cf999de9', class: "col-12" }, index.h("form-control-text", { key: 'b43283087a10826bf8e582a1e863ed4982b5c000', 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: '66d5cefa16c341f5c523eaa46de5c11f5b16e619', class: "col-12" }, index.h("form-control-textarea", { key: 'f83573136fc2ce108f186f9434f46a3f157bd102', 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: 'cc47dc1d9dbac962d27494b5ff3fef572c98c7b4', class: "col-12" }, index.h("form-control-file-v2", { key: '3cf06b6d61edd6ac96d02b12639d040f698b2526', 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: 'fcf2b846ac2f612a53895836df0a5287da15b20a' }, index.h("div", { key: '953be0fa8732b94991d1c078a9102666e5a91a81', class: "row gy-3" }, index.h("div", { key: '60f7ef7802a5f3ff7cd2167ba747d37e258e3f99', class: "col-12" }, index.h("h2", { key: '3e1336abfca85298ee392459dfa22401a8e47259', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '75fa5b181b617cd68010e01f91a8513c9c828acb', class: "col-12" }, index.h("form-control-text", { key: 'b54f2d3d86aabc2072acaf2b961de118934bedcd', 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: '614f070bd6d0aad1e2e64c2e2f9c447402fd161a', class: "col-12" }, index.h("form-control-textarea", { key: 'a0653f81b9e237b669bfc47e7788b9027a1d5a6a', 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: 'f358128dbb1715a40841521f9602e30bb6c7d702', class: "col-12" }, index.h("form-control-file-v2", { key: 'ad7f1b8219560600ef3fba20a0b968a9d3930b3d', 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 })))));
     }
 };
 
@@ -239,7 +239,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '1a4a1d78529c48b8f32029a3efa05b4430c6d271' }, index.h("div", { key: '593d167f4e6b610ac3cdb8a04b4eee30a1cb4f91', class: "row gy-3" }, index.h("div", { key: '39440c3a2802b823c85f251c4393ba76bad287c0', class: "col-12" }, index.h("h2", { key: 'f5ec8cce1bbadb772ac6dbe668cf54187d2690d7', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: 'b9020a773c45a8f59a31ffef44b32253fdb4a551', class: "col-12" }, index.h("form-control-text", { key: '56122eafb7f138f4472a5818cddd32cb0e17fc7e', 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: '0737f585271838dd60ab9ee1e6ac83d0c6362b96', class: "col-12" }, index.h("form-control-file-v2", { key: '63590d574ee151cbf82638002dfe513cea471035', 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: 'fb40a53ecb355271bfdff95eed90e6b5e4827ae9' }, index.h("div", { key: 'fcbcdd6a8bb4891ac5a3cb26d54d26d6f317f401', class: "row gy-3" }, index.h("div", { key: 'b605ae860e8e6efd21ee21ed851d23af5e813c04', class: "col-12" }, index.h("h2", { key: 'a7c8d699c79f92334f159025acbbe65969452594', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '1a623a273c2e6a82ffcb9c709d6953ba01590a02', class: "col-12" }, index.h("form-control-text", { key: '7d8b0ee30a8c7b6bef84f19fe7734484ba84b0e1', 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: 'd50d372a0881ce648fa61ba96e61f3f28d4136ae', class: "col-12" }, index.h("form-control-file-v2", { key: 'e635514b9a48cfabb7d16c53293585ad1740c608', 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 })))));
     }
 };
 
@@ -273,7 +273,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '0e2648d399af18f7959bed2e0fff56fd63b541df' }, index.h("div", { key: '4322c227617147721ab7cf33a5e75a09bc370a0c', class: "row gy-3" }, index.h("div", { key: 'e2bc9f0642356a864e7fa323262ead13d4825fdc', class: "col-12" }, index.h("h2", { key: '88af660c9add83da7edc7758d4645db796c80fdf', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: 'dcfb0f64e1b611eb8d53f97950d5922f7358a64c', class: "col-12" }, index.h("form-control-text", { key: '42959d4b7c03d14fdef29a656a5f18d0d89d3b2e', 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: '1f4173e79f10a6ac32b860ecbd62fe5c612cc5b2', class: "col-12" }, index.h("form-control-date", { key: '6e8bab228b3a23655cbf71fe6dc72a850b38947c', 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: '2e32f65cc5388302d067fb1a8db34e3e529435c2', class: "col-12" }, index.h("form-control-file-v2", { key: 'f9fb2ac0c6a2f37a7584eeda2460702b1e0d6cc0', 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: '53894694d5f6c1cfe7d8d699af69e4dc6c496fb8' }, index.h("div", { key: 'c1cb70ef48be5e50bdb1fd0d47416b48342f7620', class: "row gy-3" }, index.h("div", { key: '837aa7683621d26ee08a1f8f3b1f5ae65b63bd94', class: "col-12" }, index.h("h2", { key: '9c51ee3f6df442237cd3c23306f79b7e15fed133', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '259ea001a1896c34088a6a03a725564c5cd48a74', class: "col-12" }, index.h("form-control-text", { key: 'f237fc051614689b9b8c8227d6a6d7266a9adeaa', 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: 'a0f7a0cb813c7ee2a4423abc1506f7c775ad9e07', class: "col-12" }, index.h("form-control-date", { key: 'fca7aef52b721fa472b5459b9dc47f95dca1ce76', 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: 'f285bfe4242cc1179c5a7b4864b907101edeaebb', class: "col-12" }, index.h("form-control-file-v2", { key: '9ad064a5be5381cccbe33e4dc1e00879996ad513', 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 })))));
     }
 };
 
@@ -307,7 +307,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: '882eb01880bcfdde30abe10465fecd7390654ed6' }, index.h("div", { key: 'de2f238310e4b80976888d147e90047688ad5ada', class: "row gy-3" }, index.h("div", { key: '305af62aa762ae6abff0678998132e8f56707550', class: "col-12" }, index.h("h2", { key: '6e224996b82639c426d129bfd28633f3d3839f6f', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: 'b2b8d444c594bf92d04fed6640230745c5fb49ba', class: "col-12" }, index.h("form-control-textarea", { key: 'f75c6c360c485ac5253164be5d4941d859deb902', 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: '1788d1e6ba1ddbe82795ce1a41b901a81c055f6d', class: "col-12" }, index.h("form-control-textarea", { key: 'f47fac9b8e0d6b9766311b13c760129bb6335ddd', 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: 'd96552fee8b4cdddf31148b2d3783a4e1dfb031b', class: "col-12" }, index.h("form-control-file-v2", { key: '3c6c06201ef3a730aed41ab6b8cb62d5ee8d8128', 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: 'ec2271dd9646596df3106f56c6e96f618196046a', class: "col-12" }, index.h("form-control-file-v2", { key: '48f956f2580187fc7baecc5426d5ed0a1050150b', 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: '839a9b7ea7f978987e44f643af2d2aa8ac9557ff' }, index.h("div", { key: '410211fe20a2e9ab23ec1e3f172b200afb2db8ae', class: "row gy-3" }, index.h("div", { key: '9e6121b760cf47feaeffdc231780490ce47342f7', class: "col-12" }, index.h("h2", { key: 'fe64c8a2be67d179ddc4157c4fa8876937c2e4b8', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: 'db91b2f1c102026cc6998f9f8163761d1bf85024', class: "col-12" }, index.h("form-control-textarea", { key: '199cd5d32ff726681a918ced7f1790bd292e0cf7', 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: 'e48e83b580182698374627889cf0cff69dd3779f', class: "col-12" }, index.h("form-control-textarea", { key: '627faade4d3afaad7d700494652d559ede4f69af', 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: 'bdfca2b3878de2a665961fd6cd4fc10833f385bc', class: "col-12" }, index.h("form-control-file-v2", { key: 'a8d0d09bf0d8298ba85ead4b643d5ea774336ba0', 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: '41f43575895d15f34bfa2f6095462068cd6ad5d6', class: "col-12" }, index.h("form-control-file-v2", { key: 'aceae6c113bc38019bc20125eb3e8be0d111c15f', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 };
 
@@ -344,7 +344,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: '90641cea619de697d7a90e6e397790f79ceb9376' }, index.h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, index.h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, index.h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, index.h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', 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: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, index.h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', 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: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, index.h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', 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: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, index.h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', 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: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, index.h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', 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: '9e142fde27da140959115d1acf4a64d7420f90ba' }, index.h("div", { key: 'bf322d6ec351e67bd4f3fdfec759e1f5c5d381a6', class: "row gy-3" }, index.h("div", { key: '165a55dc932d0110728c87726231d0cb4b962650', class: "col-12" }, index.h("h2", { key: '43f318effe869349595025a76ced5ea39093a0ef', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '1de38ece17aa8b93cfc00858a4d495a950d46239', class: "col-12" }, index.h("form-control-text", { key: 'd9cfd173732a42abf831ee632ca05d3db78b7135', 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: '5b298a18d97e06904c22c9a918c6f9ebc25f8219', class: "col-12" }, index.h("form-control-text", { key: 'c164c2bfc1772498f3e21c51e2979479021cf86d', 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: '82128f9527e8061ecf2897af65d908af03c46bbe', class: "col-12" }, index.h("form-control-date", { key: '13e602a61a85978f129890423a36a95a8b055258', 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: '5591510c56724f58567c88792cbbeb3cd15e1d0e', class: "col-12" }, index.h("form-control-textarea", { key: '1e7cbc326345feebd0ffae9b6ec56bfbc36a8193', 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: 'd2d1026fd1c7c3b32a6988fb940c431948630b08', class: "col-12" }, index.h("form-control-file-v2", { key: '21abf54f6a64980c73200ae89130626316917aa7', 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-bank-account-form_4.cjs.entry.js

@@ -0,0 +1,234 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+require('./event-types-YOY5TKUN.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
+var index_esm = require('./index.esm-CVuJLXJZ.js');
+var schemaValidations = require('./schema-validations-BSeMee-o.js');
+var parts = require('./parts-9jMf1erK.js');
+var header3 = require('./header-3-DxUQJ7TT.js');
+require('./package-wSbEFwqE.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-D5UynU2f.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./business-form-options-CMII7nIK.js');
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.isReady = false;
+    }
+    componentWillLoad() {
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'e0a71dff66a2786c0f182595758c2fc7a36c940e' }, index.h(BankAccountFormSkeleton, { key: 'b8e530e282ff062f53e196782c49855aed5084d3', isReady: this.isReady }), index.h("hidden-input", { key: '9b877adccc33cfa1151c6fcc0a847fddd7459875' }), index.h("div", { key: '6fc462b4aea6d7a3d469eda6c077c09202ac5066', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: 'bad1c793767232d22139f06e91c63fecb75d5e6b', class: "row mb-3" }, index.h("iframe-input", { key: '2e015f0d5e526f309d63b122f0ea900224b0eb91', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '7f2c7e8ca7675c3f936702f605a26f4698addf65', class: "row" }, index.h("iframe-input", { key: '21eb81b7e69f3e1b376b38e7d533992d977cc2c7', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = index_esm.create$3({
+        name: schemaValidations.identityNameValidation.required('Enter full name'),
+        address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
+        address_line2: schemaValidations.lineTwoValidation.nullable(),
+        address_city: schemaValidations.cityValidation.required('Enter city'),
+        address_state: schemaValidations.stateValidation.required('Select state'),
+        address_postal_code: schemaValidations.postalValidation.required('Enter postal code')
+    });
+    const postalForm = index_esm.create$3({
+        name: schemaValidations.identityNameValidation.nullable(),
+        address_line1: schemaValidations.lineOneValidation.nullable(),
+        address_line2: schemaValidations.lineTwoValidation.nullable(),
+        address_city: schemaValidations.cityValidation.nullable(),
+        address_state: schemaValidations.stateValidation.nullable(),
+        address_postal_code: schemaValidations.postalValidation.required('Enter postal code')
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        const postalOnly = this.isPostalOnlyMode;
+        this.formController = new index_esm.FormController(billingFormSchema(postalOnly));
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    get isPostalOnlyMode() {
+        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+    }
+    get hideAllBillingFields() {
+        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
+        return (index.h("div", { key: 'e1834cb4638e0b5ea99c55e7a2f73542d2e5ea8d', part: parts.billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && index.h(header3.Header3, { key: '9936d16177d2c83219872c44b9ca91c264ae7052', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && index.h("legend", { key: 'c467223d7571122ea5c17885eed658c6cd6faf36' }, this.legend), this.isPostalOnlyMode ? (index.h("justifi-postal-code-form", null)) : (index.h("justifi-billing-information-form", null))));
+    }
+};
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "mb-3" },
+            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
+            index.h(skeleton.Skeleton, { height: "36px" })),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const JustifiCardForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.isReady = false;
+    }
+    componentWillLoad() {
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '44aa8e7da60f3dc8408e53f1ca4bf1ec98e838be' }, index.h(CardFormSkeleton, { key: 'eaea67379e10386d215284de04cd140ac0af0274', isReady: this.isReady }), index.h("hidden-input", { key: '6bdd3a8aef52e4d2bb7e5a7855578af5e491d04f' }), index.h("div", { key: '8e271c01ecd6c178f44f9cd9d331d6fc6240bce4', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '568ac8e93eac648b43d047b2ba149230f7bd2e2f', class: "mb-3" }, index.h("iframe-input", { key: '5dde288003664ba6fb768a9e5837e4069e749ae5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '57d7153ff9f21fbbfe2fbf41d664fbbc05fd72db', class: "row" }, index.h("div", { key: 'a6f2dcd5a98428f2af8773c7ebf76ea3c232a2a9', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'ac7ef13f9c9e788a065f6fe3485f8aeb20a3f6e8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '36c7531f0f7f4a5c98eb36f1c3c395d392567041', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2c04a8aa66b73e1e485dd124b27ebf8d9da043d8', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'e413f4a9232c6c8f21fd9738d6b641d2ff9c547f', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'bf1204c99ec33e349fe07a741a4ba80d20def1f8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checkboxChanged = index.createEvent(this, "checkboxChanged");
+        this.isChecked = false;
+    }
+    handleCheckboxChange(_name, value) {
+        this.isChecked = value;
+        this.checkboxChanged.emit(this.isChecked);
+    }
+    render() {
+        return (index.h("div", { key: 'b196a8d34fb4afe1293f4ff9f6eea8bb3ed4c1a6', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: '1f35cb80578373e1f77f2a95f08310f0830e1c90', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
+    }
+};
+
+exports.justifi_bank_account_form = BankAccountForm;
+exports.justifi_billing_form = BillingForm;
+exports.justifi_card_form = JustifiCardForm;
+exports.justifi_save_new_payment_method = SaveNewPaymentMethod;

package/dist/cjs/justifi-billing-information-form_2.cjs.entry.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var index_esm = require('./index.esm-CVuJLXJZ.js');
+var schemaValidations = require('./schema-validations-BSeMee-o.js');
+var parts = require('./parts-9jMf1erK.js');
+var utils = require('./utils-DAyWinG2.js');
+var stateOptions = require('./state-options-CIT9xdTz.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+require('./event-types-YOY5TKUN.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./business-form-options-CMII7nIK.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = index_esm.create$3({
+        name: schemaValidations.identityNameValidation.required('Enter full name'),
+        address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
+        address_line2: schemaValidations.lineTwoValidation.nullable(),
+        address_city: schemaValidations.cityValidation.required('Enter city'),
+        address_state: schemaValidations.stateValidation.required('Select state'),
+        address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+    });
+    const postalForm = index_esm.create$3({
+        name: schemaValidations.identityNameValidation.nullable(),
+        address_line1: schemaValidations.lineOneValidation.nullable(),
+        address_line2: schemaValidations.lineTwoValidation.nullable(),
+        address_city: schemaValidations.cityValidation.nullable(),
+        address_state: schemaValidations.stateValidation.nullable(),
+        address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingInformationForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(billingFormSchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h(styledHost.StyledHost, { key: '69c50df0f08e367aeb924bdde683793a542179d5' }, index.h("div", { key: 'de669a4fc15f3041672d9a093ce6cc80cef65d9e', part: parts.billingForm }, index.h("form", { key: 'fb079f46703caaed345a9d7cadd380eba599a972' }, index.h("fieldset", { key: '8ebed9ab4c21b4c4bd490df6654287ac5dd301c8' }, index.h("div", { key: 'a5a9d27770724af4ea4e2ffed03b26a1d12773f9', class: "row gy-3" }, index.h("div", { key: 'e5ed5cca7c1bee4033df78c86c8e992b6851ed10', class: "col-12" }, index.h("form-control-text", { key: '427c31a6f1344a2786dbde7288a0f958957fdd22', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '6e222b1644b34f20f11f516d6de5e8e85f8277ac', class: "col-12" }, index.h("form-control-text", { key: '011574712b4ae735bfee96c7d6739e23ddd7318c', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: 'ecddd8f79102ef471053b5920072350e39ac313d', class: "col-12" }, index.h("form-control-text", { key: '95a37ac3c37c4c717bbefe9fa1b172e84027422e', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { key: '3b14bb063904e57a5e2b1112b6f719875bbf33b7', class: "col-12" }, index.h("form-control-text", { key: 'cfaf3a8bd3c7ce50f47d721170829e2bfb92fff6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: '5613add4617df1e292ed0b0ea3a8cefc619c71e2', class: "col-12" }, index.h("form-control-select", { key: '698b66f67beb9bb5d3501e23f49655e2b3a0a4f1', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: '5dd514ba36bb2e1f398c88053dbb35356f3ef811', class: "col-12" }, index.h("form-control-text", { key: '8825a1a2c2235ee83461a626b0ccdfeb9adbb74a', 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 }))))))));
+    }
+};
+
+const PostalCodeForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(billingFormSchema(true));
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h(styledHost.StyledHost, { key: 'e5cdb9b21be1e5f4ee6fd21a2d919b2d9271b163' }, index.h("form", { key: '29c0a3edaad9877d50ecc9e4424ca2f5e667dc30' }, index.h("form-control-text", { key: '00e8688c8a8e9b91df5089e2fb97c8b71673a3fd', 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 }))));
+    }
+};
+
+exports.justifi_billing_information_form = BillingInformationForm;
+exports.justifi_postal_code_form = PostalCodeForm;

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

@@ -1,27 +1,27 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-5lco6NzU.js');
-var business_service = require('./business.service-DMIMZpx4.js');
-var getBusiness = require('./get-business-BJrtsomz.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-hqYwYpQq.js');
+var index = require('./index-2GwnTbNA.js');
+var utils = require('./utils-bn0fXuc-.js');
+var business_service = require('./business.service-DNoCHqtI.js');
+var getBusiness = require('./get-business-BiEc-jdH.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
 require('./parts-9jMf1erK.js');
-require('./Api-Dp4CW5K6.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
 require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-TZnRz3-3.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
+require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-BDFOEJv_.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./utils-l0veqT9y.js');
-require('./package-BCOEGxFC.js');
+require('./utils-IGCnjtqc.js');
+require('./package-wSbEFwqE.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,37 +1,37 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-JlysTRE3.js');
-var businessIdentitySchema = require('./business-identity-schema-BksYFWls.js');
-require('./config-state-D7p-XunE.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-e3GCIHk5.js');
+var businessIdentitySchema = require('./business-identity-schema-Diqj_WVQ.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-hqYwYpQq.js');
-var button = require('./button-BPFSRx4d.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
-var header1 = require('./header-1-auSUfIpO.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
+var button = require('./button-CCZd8WSY.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var header1 = require('./header-1--wdCXxjA.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-DMIMZpx4.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-SNMCdsyF.js');
+var business_service = require('./business.service-DNoCHqtI.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-BUor-ySb.js');
+require('./schema-validations-BSeMee-o.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
-require('./index-B8ljHEN1.js');
+require('./index-DEMVrrsF.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-BCOEGxFC.js');
-require('./Api-Dp4CW5K6.js');
+require('./package-wSbEFwqE.js');
+require('./Api-BTdkb3Zh.js');
 require('./parts-9jMf1erK.js');
-require('./utils-l0veqT9y.js');
+require('./utils-IGCnjtqc.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') }));
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var inputHandlers = require('./input-handlers-DYl_0IwC.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');

package/dist/cjs/justifi-checkout-core.cjs.entry.js

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var utils = require('./utils-qOon0GWm.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var insuranceState = require('./insurance-state-CFxbKNWH.js');
-var button = require('./button-BPFSRx4d.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var Checkout = require('./Checkout-BTgAlgVL.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var insuranceState = require('./insurance-state-BmAF1Sef.js');
+var button = require('./button-CCZd8WSY.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 var parts = require('./parts-9jMf1erK.js');
-var header3 = require('./header-3-B-bXHCpC.js');
+var header3 = require('./header-3-DxUQJ7TT.js');
 require('./event-types-YOY5TKUN.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-B8ljHEN1.js');
+require('./index-DEMVrrsF.js');
 
 const CheckoutCore = class {
     constructor(hostRef) {