@justifi/webcomponents 6.0.0-rc.1 → 6.0.0-rc.2

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

@@ -7,18 +7,18 @@ var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-x-GSs3xk.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var configState = require('./config-state-5xZf-jax.js');
 var header3 = require('./header-3-D9Wa0IfT.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var button = require('./button-CfVQSysQ.js');
-var checkout_store = require('./checkout.store-CV_fuGQw.js');
+var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./utils-BaGF9XIe.js');
 require('./dinero-BwNN_k7x.js');
@@ -98,7 +98,7 @@ const BankAccountBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '81a8511265b4813817b4cf183aa176b464645e85' }, index.h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, index.h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (index.h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), index.h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, index.h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, index.h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: '5d20a10cee1aae5c6500b5ce0045859f9c2b9e60' }, index.h("div", { key: '9c5f77f6b03a70b4825bf40dd470d757cfe1eb50', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: 'a588d182b5d0a212d74fec4a7ce77bc743e387ca' }, index.h("fieldset", { key: '997ae96111c02eba64b6109786d634f0fe1d28d1' }, this.legend && (index.h("legend", { key: 'fdcaf97a5968bcdfa6e79b8da9ab8f111721ba3c' }, this.legend)), index.h("div", { key: '2b56bb94f907d2e6a68b8177c0d1dd77fae92aae', class: "row gy-3" }, index.h("div", { key: '0588a51e0d9a2bb0d643688677f02e2473c834f5', class: "col-12" }, index.h("form-control-text", { key: '06706f6b9db8f6ae7f732d8423b47af99718a2d7', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 };
 
@@ -155,10 +155,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '653403782a62c5a2ea0675f9633c7197503c9ab7' }, index.h(BankAccountFormSkeleton, { key: '63f13c4e3c7ca588a17837faeca840302675c927', isReady: this.isReady }), index.h("hidden-input", { key: '7d825c7c130942e751f3ba17d195e979c406f4a6' }), index.h("div", { key: 'd9fec72e9526c9dadd3cae0af98d99b024320a2c', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'f6b75ae15faeea635abbdcbefee10a8bdb78ba08' }, index.h(BankAccountFormSkeleton, { key: '39f42d054342305001a934feeb29c65caa0fe941', isReady: this.isReady }), index.h("hidden-input", { key: 'd4bf758fe0600db0f1535ff9040cc3d9e25c45b9' }), index.h("div", { key: '095bd8da35c668c7c40d696454310e0e320a1730', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '22047ead687c0eb6cb724343091eac42760d93a4', class: "row mb-3" }, index.h("iframe-input", { key: '5f5a1300d37439b3c936dcc13e1e17cf779c9ba0', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '2898faa832be4454b81047cdc220cc418b6a6783', class: "row" }, index.h("iframe-input", { key: '962fc1a8504d5e84386818936b27d38ca580c410', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: 'db367bbd03c3d563913228c1051bdb9bb61c11a9', class: "row mb-3" }, index.h("iframe-input", { key: 'e636d0226cf832f6cd7fde39ea5f471aae6d4605', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '410dd5cdca9e6774f96133fe4dbb29f0d1405138', class: "row" }, index.h("iframe-input", { key: '26b7138268f6e4f866c4eaf3d2f9c4b0ba00a6c3', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -239,7 +239,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, index.h(button.Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, index.h(button.Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -273,7 +273,7 @@ const CardBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, index.h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: parts.billingForm }, index.h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, index.h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (index.h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), index.h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, index.h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, index.h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: '2d6aa2cd3535338d3944b5bfa1f3e1b6c9fa237d' }, index.h("div", { key: '0d05444651f2ff00d25b11522ab4e30ce7e24f03', part: parts.billingForm }, index.h("form", { key: 'fb3daca11e18c7cc068cc29650265a6fc2f48f7c' }, index.h("fieldset", { key: '2f32c7b540623519c2c7b3f781a1353be847e28c' }, this.legend && (index.h("legend", { key: '1def4406192651e851b94574abdb10c6f4c86a42' }, this.legend)), index.h("div", { key: '242b2ef201c5eafe083200cc1d9c4988f4229f5c', class: "row gy-3" }, index.h("div", { key: 'c7d8084f259ad0591bdd524af579b98048730f19', class: "col-12" }, index.h("form-control-text", { key: '8ad5e18bde33254f02d72307f8b16e0ba6212beb', 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 }))))))));
     }
 };
 
@@ -338,10 +338,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a53db7e555c2a1df6679bf9ddeada18d9e750a3d' }, index.h(CardFormSkeleton, { key: '70eda1f05670b09bdb6a5f9f506f5828fec0cd71', isReady: this.isReady }), index.h("hidden-input", { key: '648480344a5a79e79d8396cdcc402f63f40b2b18' }), index.h("div", { key: 'd7bcf16f905367429ddf4be468d12f603135affa', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '18d429a9feac5ab030ab040a9aec0efdc0a09b3a' }, index.h(CardFormSkeleton, { key: '8a7a41be9477f7656601a1b21bbd89398846ddda', isReady: this.isReady }), index.h("hidden-input", { key: '256715cd96354c50903c03e15b3de7a81c25e59f' }), index.h("div", { key: 'd55bae0a16f8572e476f012594ca99074e1f3af5', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '9860508b6a16ae4a37d96c3d259237ccd17b28f1', class: "mb-3" }, index.h("iframe-input", { key: 'c37ec02e0b2f8465c4118892f0b51faaf9a57cdf', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '097258a271969ef38a1d32a5aa0b20c5443de991', class: "row" }, index.h("div", { key: 'ad2b656c503abd6aca2eea0842a70358097c452e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3e3fda000e1ea41e44a337a1efd886ce7d9503f7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '13f33bd008ad4c6407336775d35b752c0e6eb8e5', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3dcf445381f39544a1421569151c76c47e790456', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'fbc26d74b4e18b7a77639d8b53720ca4e7bdd201', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '400c65fa8efb358396e561b3ba2a5ac13c3bcbbe', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: '7d1906ad3065c71e5871c0fbb30686dcfa011ecb', class: "mb-3" }, index.h("iframe-input", { key: 'cabb51df56859dcf77a8e7b1bd18841eea872a96', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'dc14f4d1cadd95587cee0e0fbf82b48b7ade1ffb', class: "row" }, index.h("div", { key: 'd6637ada2d0b35e41ffceedd4427bc8e819a564d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '57bac9f6b1695cb62f60483b4350aa9a1365f944', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '2264ccbe1c8ca30b3359cf52b3cef7ac0707462e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '0195b665d1b4809c9ab04c68fcd3de6a1f6af562', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '07578e7173b66895b84091184f7f3166fcf00314', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'cea4796ffdec09d0c9b56d3a09d5e0571744a966', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -357,7 +357,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, index.h("div", { key: '0ef7c08423451655318751a6377f0ba8ffda3c7c', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: '609527d08abb45603ea683a051cf9c09435fc5bc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
+        return (index.h(styledHost.StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, index.h("form-control-checkbox", { key: 'aff52e51dac64207f95e439b26902c772d84963d', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };
 

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

@@ -5,7 +5,7 @@ var utils = require('./utils-Df-pajL7.js');
 var business_service = require('./business.service-C3BdUPlm.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 require('./parts-9jMf1erK.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
@@ -19,7 +19,7 @@ require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -11,7 +11,7 @@ require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var button = require('./button-CfVQSysQ.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 var header1 = require('./header-1-DD41iNlG.js');
@@ -27,7 +27,7 @@ require('./business-form-options-CMII7nIK.js');
 require('./index-Yd9aLenr.js');
 require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');

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

@@ -3,13 +3,13 @@
 var index = require('./index-dm_GlYlb.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-BaGF9XIe.js');
-var checkout_store = require('./checkout.store-CV_fuGQw.js');
+var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
 var header1 = require('./header-1-DD41iNlG.js');
 var insuranceState = require('./insurance-state-Cyva9u6S.js');
 var header3 = require('./header-3-D9Wa0IfT.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 require('./config-state-5xZf-jax.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -21,7 +21,7 @@ var utils$1 = require('./utils-DvUQQLmR.js');
 var checkout_service = require('./checkout.service-B0ZmvWwI.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-Yd9aLenr.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -31,7 +31,7 @@ const Summary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fccb819d66329424af42e9c53effec29a6c9784d' }, index.h("section", { key: '0ee7a4e0579f7f222a9db82e6b4db6bb92542d9e' }, index.h("div", { key: 'bdf74b2bc5db35b96ca75d50783b790bb482a76e' }, index.h("div", { key: '851b481bd6beb1fcaadc106d27d131f8b07d1c9a', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '0b261bc0e2d65cf989778e02df51b3265816f7aa' }, index.h("span", { key: '0eee0017ddf25ae45d6b5c828071098f45e6e19d', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'd21576f14c3437f70a4b85b9dfc01107392d663a', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: '28a1a324b8cdf2dea0aafe91fbdd3679482e76f8' }, index.h("section", { key: 'e8ffe2fdd1592a0b762647fdab94ee5e21436a93' }, index.h("div", { key: '099fbfb449066290cdcd113b0de5f87334777a0e' }, index.h("div", { key: 'c78325957b4e00299366b8e9efe6fd6e86da3b97', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'd077da888b03a34e540f66ebaa57502fe22be7c4' }, index.h("span", { key: 'd4f7ddd24e10302222679a9f73c3b5ed305267a7', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '1f5d7b6b0cce64eea04879e7767ff87ce5a64069', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -47,7 +47,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: 'ae04a67a1eaf95d6d093fef23911ac4eb1523cfe' }, index.h(HeaderComponent, { key: '51b27dd180d113ebe9ac52f7ff10c494926f7cdf', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, index.h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
     }
 };
 
@@ -113,6 +113,36 @@ const ModularCheckout = class {
         this.submitEvent = index.createEvent(this, "submit-event");
         this.paymentMethodChangedEvent = index.createEvent(this, "payment-method-changed");
         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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        };
+        this.handleApplePayCancelled = () => {
+            console.log('Apple Pay cancelled by user');
+            // Reset the token if cancelled
+            this.applePayToken = undefined;
+        };
     }
     savePaymentMethodChanged(newValue) {
         checkout_store.checkoutStore.savePaymentMethod = newValue;
@@ -120,6 +150,7 @@ const ModularCheckout = class {
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
+            this.setupApplePayListeners(); // set up again listeners when DOM changes
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -161,10 +192,12 @@ const ModularCheckout = class {
     }
     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) {
@@ -217,6 +250,51 @@ const ModularCheckout = class {
         this.billingFormRef = this.hostEl.querySelector('justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full');
         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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                severity: ComponentError.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: ComponentError.ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+            },
+        });
     }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
@@ -233,6 +311,10 @@ const ModularCheckout = class {
         });
     }
     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 (checkout_store.checkoutStore.paymentToken) {
             return checkout_store.checkoutStore.paymentToken;
@@ -254,10 +336,10 @@ const ModularCheckout = class {
     }
     async validate() {
         var _a, _b;
-        console.log('billing information form', this.billingFormRef);
-        console.log('payment method form', this.paymentMethodFormRef);
-        console.log('insurance form', this.insuranceFormRef);
-        console.log('sezzle payment method', this.sezzlePaymentMethodRef);
+        // If Apple Pay token is available, validation is already complete
+        if (this.applePayToken) {
+            return true;
+        }
         const promises = [
             (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
             (_b = this.billingFormRef) === null || _b === void 0 ? void 0 : _b.validate()
@@ -270,6 +352,11 @@ const ModularCheckout = class {
     }
     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({
@@ -334,7 +421,7 @@ const ModularCheckout = class {
         checkout_store.checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (index.h(index.Host, { key: 'd454d321b1a7a6e3b4097c94fbb05e02ce3e36a9' }));
+        return (index.h(index.Host, { key: '1b0c613494dde43962dc963618d5a81c4423b218' }));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
@@ -681,7 +768,7 @@ const TokenizePaymentMethod = class {
         return paymentMethodId === Refund.PaymentMethodTypes.card ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '11b857dea77d2f753e400cfaf021db51326ffc36' }, index.h("form", { key: 'fd1c625c62b1699157b24834e15c4c6e0bc93b84' }, index.h("fieldset", { key: 'febf7db57a5ceda457e21287c20df817b101b45d' }, index.h("div", { key: '1089c358094a3f0cea1c97b807779c7eb6e9e692', class: "row gy-3" }, index.h("div", { key: 'f564fbfec389008e352f9de54fdb604be56d8826', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'e3e7f46529d1a659f387fb6df0914c168d556e27', class: "col-12" }, index.h("justifi-button", { key: 'd729f38c5b55c174de479ab57da56defd327366b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '47fb6432264a7009d1df82cac73c3283be5a1514' }, index.h("form", { key: 'b283f414e00296cbf08960a669fbd0f91a2cb554' }, index.h("fieldset", { key: 'bfaddf226f5ec365ceb22185804f29d46f9f59c7' }, index.h("div", { key: 'b828e27ea63fa96dd7f38ef8d6038e3a6d1f234c', class: "row gy-3" }, index.h("div", { key: '1b34dba8e5d3a5426f002e4b2eace7dbc32b80e8', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'd62cdda4a73c39ce53936717c5c22779dd9c3c48', class: "col-12" }, index.h("justifi-button", { key: '24bbd9e275990e59d0549b07725111aa0fffa8c4', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkout_store = require('./checkout.store-CV_fuGQw.js');
+var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');

package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -53,7 +53,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '05a4d429a1acd7bbaf202872523284e2b2cd3677' }, index.h("table-filters-menu", { key: 'abf61654a75212537af580f3bfd2646042eaba8a', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'f8e5cfe4b0a23723d0df939a1d1873adffcb1da9', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'd9e23e96a7269b3609e690a1e64e8c20bd125cb7', class: "p-2" }, index.h("form-control-select", { key: 'e1899dbc615be07486bc54f8baa395bee776d8ce', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: 'bedbc26d9d9f6906013ef4b80542d9031822b19c', class: "p-2" }, index.h("form-control-select", { key: '3bfef7fabeb85a29304e11093005bb1f58b23f41', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '75225e92af6efb7185735a63adf83ed7699452b1' }, index.h("table-filters-menu", { key: '086762cdd3a08d9221be6d374d4fd4d1b82c717f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '23f5d2938419a2e92cbacf79d82a3893b6d256c2', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '43bf85dccce2233d59720defbea2897df488d880', class: "p-2" }, index.h("form-control-select", { key: '61c381ec0a205245311ba2e490a03b1e571d366b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '4d01e881ca741302be99559209ab383aad4ee739', class: "p-2" }, index.h("form-control-select", { key: '82a1c6c3cfa9c77bc656aff5d7b0130436a54042', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
     }
 };
 

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var checkout_service = require('./checkout.service-B0ZmvWwI.js');
 var getSubaccounts = require('./get-subaccounts-CwCH5rC8.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
@@ -19,7 +19,7 @@ require('./index-Yd9aLenr.js');
 require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./badge-CMmPvqtE.js');
 require('./parts-9jMf1erK.js');
@@ -108,7 +108,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b0c774c4f56f94cd6b4a3dc8651938f9f33ca94e' }, index.h("checkouts-list-core", { key: 'd524423a791f70c234044f5ba27d7bc3648fc988', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, index.h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-dispute-management-core.cjs.entry.js

@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/cjs/justifi-dispute-management.cjs.entry.js

@@ -2,11 +2,11 @@
 
 var index = require('./index-dm_GlYlb.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-DsPEAcDn.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
@@ -88,7 +88,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '8c800827aaa9d549a734ea05698763685e160a98', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js

@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-DsPEAcDn.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 require('./dinero-BwNN_k7x.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
@@ -22,7 +22,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -143,7 +143,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (index.h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: parts.text }, index.h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), index.h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, index.h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, index.h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, index.h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, index.h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, index.h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: '6325264f8ad7b6678825878ed59f03f90eee421a' }, index.h("h1", { key: '7b647ed77373884e0751de4fc39403211c249db6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '2a5c1560d341af9b743234a058a1187f245a2ae8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (index.h("div", { key: 'a89e7f4d7e8926ed052023c7dbbbaf076a03ed9c' }, index.h("h1", { key: '534b560aa35dd43ba0eba668904ef70dc1a6954f', class: "h4" }, "This payment was disputed"), index.h("p", { key: '2381f2f6418b47dce67c498c56d5f3789add57dc' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: 'ec6f99be66b3b164c367b96d8274824d2e709dd5' }, this.isLoading && (index.h("div", { key: '26587e055eb4756785ae5935fd803746ddab355d', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '159c5d9b0fb16af4aac0125ea5e69bd9f7b4210e', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '5c89a8dd2244ddaed8c26b743cb22f20fa2e2742', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '6f0a6ebf743bdbea125c6630cb98c5bda5bd9919', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'f44a0c9494731be14b75e3b25adc2b09c61c84a5', part: parts.text }, index.h("h1", { key: 'd8820437a86bebcc0782607796b4f2c5429d40e7', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '8cf4a2b3194d781d5f17ae3067d9931be54159e2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: 'd79312da2cc6715016be0b57d1b70e0ddbc2b8c5', class: "h5" }, "Dispute details"), index.h("div", { key: '958af1e87a119c4af76729b54bf322c16b966c54', class: "d-table gap-2" }, index.h("div", { key: 'e10802db747c99408371863c94c2f47737a03626', class: "d-table-row gap-2" }, index.h("span", { key: '84b151c7c9846fd395517ab14339504e56e5298d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '197dffa3676aa9ff7425cea00eca69bb84bef427', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: '4754429fa095be98083e34b32485cc45f379151b', class: "d-table-row gap-2" }, index.h("span", { key: 'c3e168a4d7dd902b9c4bc67531b7489dea32bda2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'f08c9ce67f2b7b673de82963bacaf6ea8af87353', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '0de1ab69dbc18cb00b31df8c2c4ab421a5982b4b', class: "d-table-row gap-2" }, index.h("span", { key: '8217191859fed71cbeac5173b0a43ff4a98c397d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: 'e63c3d2a1f0dbd98aae53a402be9fa96344e4f0b', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: '5767bc945b2fd3c7390011771b5c7a53c27c4447', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: 'dd6676ca0348579051cf13ce32bf6d9b1a2a3d21', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '27655bc90dd44e05180739e9c2a0f695ad294266', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: '2b25123f6bf95ad7e847b4365f96eab71f1933f8' }, index.h("h1", { key: 'ab4b47f721ded5deb8b04a9b55b6c2978616f23b', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'bf4ee462258e4742ddf5722f470b597134489ee1' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: 'ba1257cb1448cb8b4cd1aba4340f2ac65208e264' }, index.h("h1", { key: '203b5926fa96278cfd3a7b0a4d5398226b2361b6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '8f05fc9fb0d7f5151519bbf82ed6abeca676e4b5' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (index.h("div", { key: '1f6d1d4048cc011d61292934dd225ef07dcf260d' }, index.h("h1", { key: '3df3c3a6bf4c86e8eb0361b039d88f55b502177c', class: "h4" }, "This payment was disputed"), index.h("p", { key: '03f2dce54b06ad242f8e8d1d4c8194219013af1c' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -199,7 +199,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, index.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 })));
+        return (index.h(styledHost.StyledHost, { key: '29abcdaed7ccbfee203794068c72354a5e1e0bab' }, index.h("justifi-dispute-response-core", { key: 'e0697cb6261d0b50d6adb6d33caa955d08e4e158', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -367,7 +367,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, index.h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, index.h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, index.h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (index.h("div", { key: '41406d4115c2a084c84ca59895c0107af2a30e4d', class: "row gy-3" }, index.h("div", { key: '54f86cc1ffdb90a4ec738ca6cdac8165025ede65', class: "col-12" }, index.h("h1", { key: '28a0289b5926d7f4d04a658f13782d80aa96584a', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: 'abfcc8a09326b8d780647a644dd0b6e1deada071', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'e1bfbd12d9c6c86521d1d47cd4afb007960cdf9b', class: "col-12" }, index.h("div", { key: '3149002728d1953c116758ab48eb0a2481a68398', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 };
 

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Df-pajL7.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
 require('./utils-BaGF9XIe.js');
@@ -17,7 +17,7 @@ require('./dinero-BwNN_k7x.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 
 const api = Api.Api();
 class ReportsService {

package/dist/cjs/justifi-order-terminals.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-dm_GlYlb.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var business_service = require('./business.service-C3BdUPlm.js');
 var Business = require('./Business-DCRzZf0w.js');
@@ -18,7 +18,7 @@ require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var terminal_service = require('./terminal.service-DUlyMTrX.js');
 var utils$1 = require('./utils-BaGF9XIe.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./Api-CPuq_15r.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -233,7 +233,7 @@ const OrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '5171ddb7b807bf4084f0f831002803a4ece698f3' }, index.h("div", { key: '529adf4549be8b2723fca357be3f541403dfc8a3', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: 'bd9a460778680855f021376a57d6cecd71f9e560' }, index.h("div", { key: '7ac80b5f2499bdecb6f2c0e001f6c6631040c71e', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

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

@@ -5,7 +5,7 @@ var payment_service = require('./payment.service-1H0VC3LV.js');
 var getPaymentDetails = require('./get-payment-details-DtCXaIMx.js');
 var utils = require('./utils-Df-pajL7.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
@@ -19,7 +19,7 @@ require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
 require('./parts-9jMf1erK.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 
 const PaymentDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
 var business_service = require('./business.service-C3BdUPlm.js');
@@ -10,7 +10,7 @@ require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-Cp_7Ls2E.js');
+require('./package-CuNDvHTB.js');
 require('./utils-DvUQQLmR.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');