@justifi/webcomponents 5.7.6-rc-20 → 5.7.6-rc-21

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -28,7 +28,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'e09402d1c3ca9bb8f3a243c22bec2e9d908d661f' }, h("div", { key: '67a1038f92a9a9711ca37d353af7a06b87cbe0a8', class: "row gy-3" }, h("div", { key: '1be2249539c434bf3faf847b4202ff2f421d15a3', class: "col-12" }, h("h2", { key: '17d8bc1b31dfa77f08500ff4029f572049d9e1ce', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '3e218b39c8f5dab178cc8b23caf403e1a912694c', class: "col-12" }, 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 })), h("div", { key: 'e1739728748de575e39f29018cd1139d75232611', class: "col-12" }, 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 })), h("div", { key: '9be7e4a85edfc9bc95e8ede96ebc81f4777f1cdb', class: "col-12" }, 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 })), h("div", { key: '94da95bb013738aefb17088203ee14e07f159ae0', class: "col-12" }, 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 })), h("div", { key: '88eed9387758b86332137fa64b4e3b3c5825d908', class: "col-12" }, 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 (h("div", { key: 'f5442efc59bb6a99a87f90feb5a4a147019af940' }, h("div", { key: 'd0f97e7ca943bfe8e4846ea84838ab08dc3658ab', class: "row gy-3" }, h("div", { key: 'da7f41d96c717f921010786f593c3776e2644738', class: "col-12" }, h("h2", { key: '0f7d56f400ec0f4250bbf7c8b2b736e084c17ab0', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'eca73b10ec43454be35d4ec6e09b410b7a509b46', class: "col-12" }, h("form-control-text", { key: '1b67e031f3ac24b43319b09a01a5e297095ecc84', 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 })), h("div", { key: '967326bb10e6d2a64b2f3f0bae99432f238e361c', class: "col-12" }, h("form-control-text", { key: 'fc7d83cc51728920d9f4849dd85f4f019bb50fe4', 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 })), h("div", { key: '4e598f3e9bf118ddf22c4c160f0171c9789cd853', class: "col-12" }, h("form-control-textarea", { key: 'fe1c2e1a4c70ef463a31e890349a5b49f979e21b', 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 })), h("div", { key: 'a4345bc3b39f913cc233baa21373a6d7d93d3cda', class: "col-12" }, h("form-control-file-v2", { key: '82cb1b948807d901845a23137b5d488c9edd53ae', 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 })), h("div", { key: 'ffc589785e6114d604c2d98d3140de5487dc8af6', class: "col-12" }, h("form-control-file-v2", { key: '5b6b64927e4b90cc6dbb302fbc0d2067b70c6f4a', 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 })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -156,7 +156,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '20d075178a9d88cd73be32e52f8df6d3d360f8d7', class: "row gy-3" }, h("div", { key: '6c1bc735f1a15709c596b5bea7cc3ce50e9a73f5', class: "col-12" }, h("h1", { key: '27a0804924937ee7a8d01265bd0da2d9dd31d301', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'b60822e91425c5c4af003169f47fd725daf9fb0f', class: "col-12" }, this.currentStepComponent), h("div", { key: 'd1be3f6be53de37836275067070cf4b5a2eb3e4a', class: "col-12" }, h("div", { key: '48c8725d8de8b658e59ccfa851a6af6638e19ca5', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response.js

@@ -55,7 +55,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dbdfd59a21c7e8ea4dfdaecb91f885f82540a27c' }, h("justifi-dispute-response-core", { key: '3cff38e5995f0033c45c54fa195ffeebc27e189e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, h("justifi-dispute-response-core", { key: 'ff6e510faad54506eda24b1d8dc94b67afc18014', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -28,7 +28,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '2a51ce4a6859bdd9b6fc3376f08726a682a61587' }, h("div", { key: '49765fde2654e0eda955e4569d3003749d04b1a1', class: "row gy-3" }, h("div", { key: '9a04ce529407e436c5c7dc363525821116eb3271', class: "col-12" }, h("h2", { key: '6d8c1c64da56d19e3adedc08171b7096084adb0b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '3a4be2ced9e35974864a6fb3504dff58d792e623', class: "col-12" }, 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 })), h("div", { key: '407386824a21bc40a802366ebf4c8e0cc2aef908', class: "col-12" }, 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 })), h("div", { key: 'cc4a805b1c5574436a19258007cd3271831e9967', class: "col-12" }, 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 (h("div", { key: '2b1fbb67aebf81b2cac878cfd86a71e31feb7288' }, h("div", { key: 'e05d18f73ae193c43ead170ca59e580172115c25', class: "row gy-3" }, h("div", { key: '0f0c24505bc9e14e79681e1686e61671027af940', class: "col-12" }, h("h2", { key: '0c5a6f6119c5178564ece36506e90d79cf0a2393', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'cb740c8a1b6ded55b53b4b402ec5ae3147b6c632', class: "col-12" }, h("form-control-text", { key: 'a89bae70a2cf7500d69d51d0e2a8b9f50dc6ed56', 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 })), h("div", { key: '87ec40290b40beae641136a5caca878bf5b69d34', class: "col-12" }, h("form-control-textarea", { key: '3a87c44d1584949ac5ec444c28b26a043a697e90', 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 })), h("div", { key: 'dc4fbe2c23c992d9bf72d1932d41886d3a4bd53a', class: "col-12" }, h("form-control-file-v2", { key: 'ee9e58fff423be4009bef08109b14a4acda8e39f', 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 })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -28,7 +28,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '41d5fd40ac6fc4fffddb7913b647046869882dfd' }, h("div", { key: '265d25bbd6423f6514a1bb4fab1574631113783d', class: "row gy-3" }, h("div", { key: 'e55e31fbfaa88eacd940622551e37951e54aa321', class: "col-12" }, h("h2", { key: '710bec9fdf42a7ddedbaed447ab1212bc9d6be9c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '81ad6d6af441041c0aa0f39c732d528e9d966b61', class: "col-12" }, 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 })), h("div", { key: '53c9b52e9ff3a988805c9e72dca2038ac8cb8483', class: "col-12" }, 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 (h("div", { key: 'e23dbefec1d452aa3ba3cca69523eee0f5cfe923' }, h("div", { key: 'e1f11a356d05519b568b5bb65be9e8a1fc14e46f', class: "row gy-3" }, h("div", { key: 'a6208153a9a44d49e88f80d953477de8b40ed64b', class: "col-12" }, h("h2", { key: 'c80cc00343452fbf9d9ddacb6929d3a7e0a33f42', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '1ed5c9f72596f33f41431eb62e6338f60adc9ab3', class: "col-12" }, h("form-control-text", { key: 'dfb38a1c00b8b09849840f4a071fbaa12321f7a8', 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 })), h("div", { key: 'd6f0a73cccf7eb2ea481836c6206ee39a0a21c6c', class: "col-12" }, h("form-control-file-v2", { key: '25dfd3efa3ec536f899fb263624bfea1b68dc397', 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 })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'c93f5bc2e64f5e2964eb033cb6c972283841876b' }, h("div", { key: '7986f459ba9cc0d7e896a418ba4bd9e51148d36f', class: "row gy-3" }, h("div", { key: 'ddf033f861a5b91961294600a5d6d7261937711c', class: "col-12" }, h("h2", { key: '2a33306859a2982fbb3457831c29a98cd3e86c4f', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '385212b08cbdcd4d610c806f1f9b5d18446a9831', class: "col-12" }, 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 })), h("div", { key: '5a52ad00db803d2ddd0afe6ee7cde4b907e1ad1a', class: "col-12" }, 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 })), h("div", { key: 'd4fc75d0f175914e2fbb134e6449e1d45742a9f3', class: "col-12" }, 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 (h("div", { key: 'f1f7d30bd481b5e3b49d9aaffd6e9bc1266b3c17' }, h("div", { key: 'c41caefa4937db6b0669cd28e84b6918c719d8f0', class: "row gy-3" }, h("div", { key: 'be3b622f366017c7a8bdddfc363a0a46216de2ea', class: "col-12" }, h("h2", { key: '39374858f492c6e20e637dab0c73356fb6c6499d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'c910f0b2a6c1574f2b09348e4d3b889a675bbfeb', class: "col-12" }, h("form-control-text", { key: '636616c14d388dd25c33d81220231f2e7b36ec2f', 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 })), h("div", { key: '44da2982c48cd5da994aec38f5196205b25c4868', class: "col-12" }, h("form-control-date", { key: '6b5ff071f9e941caaadff9fbaf18501524f71fce', 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 })), h("div", { key: '8ae3d7fbc3826f932ee14d98a48d90cf913606af', class: "col-12" }, h("form-control-file-v2", { key: '5990ebe0df1e74fd7b1d6a6cf1dd8d08cd680a68', 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 })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, 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 })), h("div", { key: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, 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 })), h("div", { key: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, 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 })), h("div", { key: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, 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 (h("div", { key: '75d1e4a99166f8b8f112746fd5a786ed4b41b6ae' }, h("div", { key: 'c4a137ad32f0a0e5580061b1cc2443399d5baf15', class: "row gy-3" }, h("div", { key: '8b864aacd4b1334f9a5e7ffdf116345db20aac58', class: "col-12" }, h("h2", { key: 'e319c7e0d2ebedf204e6845fb977651b96f4a9b8', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '72cc1aff194c70395f8002b4af6842cd42046d80', class: "col-12" }, h("form-control-textarea", { key: '798219393da9f68198205bb877a5a3aa2ac2d1bb', 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 })), h("div", { key: 'bc0d341abb63327da6d97fba120c34aebabd50b3', class: "col-12" }, h("form-control-textarea", { key: '2aa931300951be7897d9ba4adeda6be5e94a00d8', 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 })), h("div", { key: 'c3cad588c5b40a6133920a0c43f71d7b172abdab', class: "col-12" }, h("form-control-file-v2", { key: '8f2184a0d95804a85d61de763c14b1a6fb44c566', 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 })), h("div", { key: '183f6286e96694e54fd31213b514349a43d0446f', class: "col-12" }, h("form-control-file-v2", { key: 'e3f97404946c8e6a813d397141d10e372df5f520', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, 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 })), h("div", { key: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, 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 })), h("div", { key: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, 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 })), h("div", { key: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, 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 })), h("div", { key: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, 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 (h("div", { key: 'a0907d5f1fe8d40876f816b6d332dbb0d9afe975' }, h("div", { key: '3f22d56b30227d9ce0d22dc45c4e29bba60b5366', class: "row gy-3" }, h("div", { key: 'ec768dcf266527e981712f55cdb1921d0e6ef257', class: "col-12" }, h("h2", { key: '0b0e92ba9164941f48e1162937d7bd694683b206', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '2a5f5508c7f8b1a3a674d4bd18a2cba725ff86e7', class: "col-12" }, h("form-control-text", { key: 'deb04aa47dee3269ad8ad84b59edfdf251207520', 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 })), h("div", { key: 'e340cf8f480c335b7e565e7d4bf052685bc3f78f', class: "col-12" }, h("form-control-text", { key: '8e3d040776e821518c0d04ea8d0da2d0ddb75cd3', 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 })), h("div", { key: '71dab91e7befe734db1b8f02bb3fd8d1b8180ab8', class: "col-12" }, h("form-control-date", { key: 'f257e98c81762700c7164a8cbd86764ebe4e4353', 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 })), h("div", { key: 'e69255a96e9292fea2269f7f0a7888e53e5a8be7', class: "col-12" }, h("form-control-textarea", { key: 'b40386270d12484982d81a85db0e95853f76ec58', 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 })), h("div", { key: '23f2a4dabdaefef86940ae03e00a5d240d061a2f', class: "col-12" }, h("form-control-file-v2", { key: '6db6eb9ed1803d7c25f2b9dd03955be7e9c41a34', 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 })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'db1619bbaa73d4102c684b2ca1b4897d1c36fa66', class: "d-flex gap-2" }, h("div", { key: '68f4538d4465aadbf20e322264e219ce7ca8078a', class: "dropdown pb-3" }, h("button", { key: 'cc1835756c1fa2a24a4bbc4ec2960caca0d24e75', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '14f88ecd195fcf3770cadd71659b00d4c117c460', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd33a6875f30413f3a2f5b8d706cf0bf0e3d6620a', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '5923bb3684fc9f710a6686d9bf90a6d0f35a1818' })))), h("div", { key: 'eba66abc4ef60bf7603fd9459cf4040ed6105e8c' }, h(Button, { key: 'f5de28962ac56636904cee2a5e5d41204e07143c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b270a6f9e52e45e958bb02e31569d4f56135ee25', class: "d-flex gap-2" }, h("div", { key: '76d9eef0672c27ec28a95bc062f946739a2c5dc7', class: "dropdown pb-3" }, h("button", { key: '3de6afb2c92bde835ae894e7548b3e07b86fb0bf', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'de744460fb721b5949ca0cfcf6a751e4b6a008d0', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'c8b6d3e8e28b90fb3dedd80e71c7a8a0f30b6a8f', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '44e50fab6d4f6c7a76f90659cced1c61e94ec43d' })))), h("div", { key: 'b5ec37cc1f28005c2b87b14bd10b74e619012ce5' }, h(Button, { key: '5bae9de44fcdb6e015ac3311945bdcee1887e827', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/insurance/insurance-state.js

@@ -3,6 +3,8 @@ const insuranceValuesStore = createStore({});
 const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
 const insuranceErrorsStore = createStore({});
 const { state: insuranceErrors } = insuranceErrorsStore;
+// Track previous values to detect actual changes vs initial setting
+const previousInsuranceValues = {};
 const validateInsuranceValues = () => {
     let valid = true;
     Object.keys(insuranceValues).forEach((key) => {
@@ -17,4 +19,19 @@ const validateInsuranceValues = () => {
     });
     return { isValid: valid };
 };
-export { insuranceValuesStore, insuranceValues, insuranceValuesOn, insuranceErrorsStore, insuranceErrors, validateInsuranceValues };
+// Helper function to check if a value has actually changed (not just initially set)
+const hasInsuranceValueChanged = (key, newValue) => {
+    const hadPreviousValue = previousInsuranceValues.hasOwnProperty(key);
+    const previousValue = previousInsuranceValues[key];
+    if (!hadPreviousValue) {
+        // First time setting this value, track it but don't consider it a "change"
+        previousInsuranceValues[key] = newValue;
+        return false;
+    }
+    const hasChanged = previousValue !== newValue;
+    if (hasChanged) {
+        previousInsuranceValues[key] = newValue;
+    }
+    return hasChanged;
+};
+export { insuranceValuesStore, insuranceValues, insuranceValuesOn, insuranceErrorsStore, insuranceErrors, validateInsuranceValues, hasInsuranceValueChanged, };

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js

@@ -5,14 +5,32 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/Compon
 import JustifiAnalytics from "../../../api/Analytics";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
 import { checkoutStore } from "../../../store/checkout.store";
+import { addAttribute, formatCurrency, processHTML, removeAttribute } from "../../../utils/utils";
+import { insuranceValues, insuranceErrors, validateInsuranceValues } from "../insurance-state";
+import { StyledHost, Header2 } from "../../../ui-components";
+import { text, textDanger } from "../../../styles/parts";
+import SeasonInterruptionInsuranceLoading from "./season-interruption-insurance-loading";
 export class SeasonInterruptionInsurance {
+    constructor() {
+        this.isLoading = true;
+    }
     async validate() {
-        return this.seasonInterruptionCoreRef.validate();
+        return validateInsuranceValues();
+    }
+    processHTMLContent(html) {
+        return processHTML(html, [
+            (html) => removeAttribute(html, 'style'),
+            (html) => addAttribute(html, 'a', 'part', text),
+            (html) => addAttribute(html, 'p', 'part', text),
+        ]);
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServiceMethods();
+        if (this.getQuote) {
+            this.fetchData();
+        }
     }
     disconnectedCallback() {
         var _a;
@@ -33,10 +51,80 @@ export class SeasonInterruptionInsurance {
         this.getQuote = makeGetQuote(config);
         this.toggleCoverage = makeToggleCoverage(config);
     }
+    fetchData() {
+        this.isLoading = true;
+        this.getQuote({
+            payload: {
+                checkout_id: this.checkoutId || checkoutStore.checkoutId,
+                policy_type: "season_interruption",
+                primary_identity: {
+                    state: this.primaryIdentityState,
+                    email: this.primaryIdentityEmailAddress,
+                    first_name: this.primaryIdentityFirstName,
+                    last_name: this.primaryIdentityLastName,
+                    postal_code: this.primaryIdentityPostalCode,
+                    country: this.primaryIdentityCountry
+                },
+                policy_attributes: {
+                    insurable_amount: this.policyAttributesInsurableAmount,
+                    start_date: this.policyAttributesStartDate,
+                    end_date: this.policyAttributesEndDate,
+                    covered_identity: {
+                        first_name: this.coveredIdentityFirstName,
+                        last_name: this.coveredIdentityLastName
+                    }
+                }
+            },
+            onSuccess: ({ quote }) => {
+                this.quote = quote;
+                this.quote.product.description = this.processHTMLContent(this.quote.product.description);
+                this.quote.product.legal_disclaimer = this.processHTMLContent(this.quote.product.legal_disclaimer);
+                insuranceValues[quote.policy_type] = quote.accepted;
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.isLoading = false;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
+        });
+    }
+    onChangeHandler(_name, value) {
+        this.accepted = value;
+        insuranceErrors[this.quote.policy_type] = false;
+        this.toggleCoverage({
+            quoteId: this.quote.id,
+            payload: { accepted: this.accepted },
+            onSuccess: () => {
+                this.insuranceUpdated.emit();
+                insuranceValues[this.quote.policy_type] = this.accepted;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
+        });
+    }
+    get error() {
+        var _a;
+        return insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
+    }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'a563c1f6daf665c6ae06442c18dd25400b420f39', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkoutStore.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        var _a, _b, _c, _d;
+        if (this.isLoading)
+            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
+        return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { part: text, innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
+            // don't wanna show error message, but need to show the red border
+            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { part: text, innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
     }
     static get is() { return "justifi-season-interruption-insurance"; }
+    static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "authToken": {
@@ -292,11 +380,28 @@ export class SeasonInterruptionInsurance {
         return {
             "getQuote": {},
             "toggleCoverage": {},
-            "quote": {}
+            "quote": {},
+            "isLoading": {},
+            "accepted": {}
         };
     }
     static get events() {
         return [{
+                "method": "insuranceUpdated",
+                "name": "insurance-updated",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
                 "method": "errorEvent",
                 "name": "error-event",
                 "bubbles": true,

package/dist/collection/components/modular-checkout/modular-checkout.js

@@ -5,45 +5,17 @@ import { checkPkgVersion } from "../../utils/check-pkg-version";
 import { ComponentErrorCodes, ComponentErrorMessages, ComponentErrorSeverity, ICheckoutStatus } from "../../api";
 import { makeCheckoutComplete, makeGetCheckout } from "../../actions/checkout/checkout-actions";
 import { CheckoutService } from "../../api/services/checkout.service";
-import { insuranceValues, insuranceValuesOn } from "../insurance/insurance-state";
+import { insuranceValues, insuranceValuesOn, hasInsuranceValueChanged } from "../insurance/insurance-state";
 export class ModularCheckout {
     constructor() {
         this.savePaymentMethod = false;
-        this.handleApplePayCompleted = (event) => {
-            const { success, token, error } = event.detail;
-            if (success && token) {
-                this.applePayToken = token;
-                // Complete the checkout with Apple Pay token
-                this.submitCheckoutWithApplePay();
-            }
-            else {
-                console.error('Apple Pay completed but failed:', error);
-                this.errorEvent.emit({
-                    message: (error === null || error === void 0 ? void 0 : error.message) || 'Apple Pay payment failed',
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            }
-        };
-        this.handleApplePayError = (event) => {
-            const { error } = event.detail;
-            console.error('Apple Pay error:', error);
-            this.errorEvent.emit({
-                message: error || 'Apple Pay error occurred',
-                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        };
-        this.handleApplePayCancelled = () => {
-            console.log('Apple Pay cancelled by user');
-            // Reset the token if cancelled
-            this.applePayToken = undefined;
-        };
+    }
+    savePaymentMethodChanged(newValue) {
+        checkoutStore.savePaymentMethod = newValue;
     }
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
-            this.setupApplePayListeners(); // set up again listeners when DOM changes
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -73,23 +45,22 @@ export class ModularCheckout {
         this.analytics = new JustifiAnalytics(this);
         checkPkgVersion();
         checkoutStore.authToken = this.authToken;
+        checkoutStore.savePaymentMethod = this.savePaymentMethod;
         this.fetchCheckout();
-        // Refresh the checkout data when insurance is added or removed
+        // Refresh the checkout data when insurance values actually change (not on initial load)
         insuranceValuesOn('set', (key) => {
             const value = insuranceValues[key];
-            if (value !== undefined) {
+            if (value !== undefined && hasInsuranceValueChanged(key, value)) {
                 this.fetchCheckout();
             }
         });
     }
     componentDidLoad() {
         this.queryFormRefs();
-        this.setupApplePayListeners();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.removeApplePayListeners();
     }
     fetchCheckout() {
         if (this.getCheckout) {
@@ -139,74 +110,30 @@ export class ModularCheckout {
     }
     queryFormRefs() {
         this.paymentMethodFormRef = this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form');
-        this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-information-form, justifi-postal-code-form');
+        this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple');
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
         this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
-        this.applePayRef = this.hostEl.querySelector('justifi-apple-pay');
-    }
-    setupApplePayListeners() {
-        if (this.applePayRef) {
-            this.applePayRef.addEventListener('applePayCompleted', this.handleApplePayCompleted);
-            this.applePayRef.addEventListener('applePayError', this.handleApplePayError);
-            this.applePayRef.addEventListener('applePayCancelled', this.handleApplePayCancelled);
-        }
-    }
-    removeApplePayListeners() {
-        if (this.applePayRef) {
-            this.applePayRef.removeEventListener('applePayCompleted', this.handleApplePayCompleted);
-            this.applePayRef.removeEventListener('applePayError', this.handleApplePayError);
-            this.applePayRef.removeEventListener('applePayCancelled', this.handleApplePayCancelled);
-        }
-    }
-    async submitCheckoutWithApplePay() {
-        if (!this.applePayToken) {
-            this.errorEvent.emit({
-                message: 'No Apple Pay token available',
-                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        const payment = {
-            payment_mode: 'apple_pay',
-            payment_token: this.applePayToken,
-        };
-        this.completeCheckout({
-            payment,
-            onSuccess: ({ checkout }) => {
-                this.submitEvent.emit({
-                    checkout,
-                    message: 'Apple Pay checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
     }
     async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b;
+        var _a, _b, _c;
         const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
         const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
         const paymentMethodMetadata = Object.assign({ accountId: checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
+        if (checkoutStore.savePaymentMethod) {
             paymentMethodMetadata.payment_method_group_id = checkoutStore.paymentMethodGroupId;
         }
-        return this.paymentMethodFormRef.tokenize({
+        return (_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
             clientId: this.authToken,
             paymentMethodMetadata,
             account: checkoutStore.accountId,
         });
     }
     async getPaymentMethod(submitCheckoutArgs) {
-        // If Apple Pay token is available, return a placeholder since we handle it differently
-        if (this.applePayToken) {
-            return 'apple_pay_token';
+        // If we have a payment token from the store (set by tokenize-payment-method), use it
+        if (checkoutStore.paymentToken) {
+            return checkoutStore.paymentToken;
         }
+        // Fallback to the original tokenization logic for backward compatibility
         if (!this.paymentMethodFormRef) {
             return checkoutStore.selectedPaymentMethod;
         }
@@ -222,28 +149,31 @@ export class ModularCheckout {
         return token;
     }
     async validate() {
-        var _a, _b;
-        // If Apple Pay token is available, validation is already complete
-        if (this.applePayToken) {
-            return true;
-        }
+        var _a;
         const promises = [
-            (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
-            (_b = this.billingInformationFormRef) === null || _b === void 0 ? void 0 : _b.validate()
+            (_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.validate()
         ];
+        // Only validate payment method form if we don't have a payment token from tokenize-payment-method
+        if (!checkoutStore.paymentToken && this.paymentMethodFormRef) {
+            promises.push(this.paymentMethodFormRef.validate());
+        }
         if (this.insuranceFormRef) {
             promises.push(this.insuranceFormRef.validate());
         }
         const validationResults = await Promise.all(promises);
-        return validationResults.every(result => (result === null || result === void 0 ? void 0 : result.isValid) !== false);
+        return validationResults.every(result => {
+            // Handle different return types from different form components
+            if (typeof result === 'boolean') {
+                return result;
+            }
+            if (result && typeof result === 'object' && 'isValid' in result) {
+                return result.isValid;
+            }
+            return result !== false;
+        });
     }
     async submitCheckout(submitCheckoutArgs) {
         var _a;
-        // If Apple Pay token is available, use Apple Pay flow
-        if (this.applePayToken) {
-            await this.submitCheckoutWithApplePay();
-            return;
-        }
         const isValid = await this.validate();
         if (!isValid) {
             this.errorEvent.emit({
@@ -309,7 +239,7 @@ export class ModularCheckout {
         checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (h(Host, { key: '307608e8cd41e1c262dbca6cda7b0bfc8855dedf' }));
+        return (h(Host, { key: '047a90f9aed88b72c60f6333e20fa00871fdd17a' }));
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
@@ -491,4 +421,10 @@ export class ModularCheckout {
         };
     }
     static get elementRef() { return "hostEl"; }
+    static get watchers() {
+        return [{
+                "propName": "savePaymentMethod",
+                "methodName": "savePaymentMethodChanged"
+            }];
+    }
 }