@justifi/webcomponents 6.14.4-rc.1 → 6.14.4

package/dist/esm/bank-account-billing-form-simple_4.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, h, H as Host } from './index-CV0Pyo1O.js';
 import { c as create$3, F as FormController } from './index.esm-KCSohgHx.js';
-import { z as postalValidation, A as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation, B as checkoutBillingStateOptions } from './schema-validations-DJilm-Nh.js';
-import { al as billingForm } from './parts-CPKMvyV_.js';
-import { c as checkoutStore, o as onChange } from './checkout.store-DibfdUMm.js';
+import { z as postalValidation, A as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation, B as checkoutBillingStateOptions } from './schema-validations-8dbMCACI.js';
+import { ak as billingForm } from './parts-Bu7gdOaV.js';
+import { c as checkoutStore, o as onChange } from './checkout.store-B6amfNq_.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
-import { H as Header3 } from './header-3-BUDap2xY.js';
+import { H as Header3 } from './header-3-DNqRk_HO.js';
 import './event-types-CZfYo5-1.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './country-config-CEJVOOGe.js';
-import './Business-BcNb9bVO.js';
-import './business-form-options-DXjZp4Rl.js';
-import './index-cDVGjRkU.js';
+import './country-config-CJwnhkdq.js';
+import './Business-DaDqgDrb.js';
+import './business-form-options-BxVQL9ar.js';
+import './index-3wWWWrhn.js';
 
 const fullBillingSchema = () => create$3({
     name: identityNameValidation.required('Enter full name'),

package/dist/esm/bank-account-document-form-inputs.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import './config-state-kKn89dp1.js';
+import './config-state-BKOsYBXZ.js';
 import './dinero-HXpYMWUU.js';
-import { E as EntityDocumentType } from './Plaid-D389VmvK.js';
+import { E as EntityDocumentType } from './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './index-cDVGjRkU.js';
+import './Business-DaDqgDrb.js';
+import './index-3wWWWrhn.js';
 import './utils-D8J8OvxY.js';
 
 const BankAccountDocumentFormInputs = class {

package/dist/esm/bank-account-form.entry.js

@@ -1,28 +1,35 @@
-import { h, r as registerInstance } from './index-CV0Pyo1O.js';
-import { S as Skeleton } from './skeleton-BEHo2ypu.js';
-import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
+import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
+import { S as Skeleton } from './skeleton-dbktEkFS.js';
+import { w as waitForConfig, c as configState } from './config-state-BKOsYBXZ.js';
 import { e as generateTabId } from './utils-D8J8OvxY.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
-import { c as checkoutStore } from './checkout.store-DibfdUMm.js';
-import './parts-CPKMvyV_.js';
-import './index-cDVGjRkU.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.js';
+import { c as checkoutStore } from './checkout.store-B6amfNq_.js';
+import { C as ComponentErrorSeverity, c as ComponentErrorMessages, b as ComponentErrorCodes } from './Plaid-DJ-4YL0_.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-DaDqgDrb.js';
+import { B as Button } from './button-CBzHAOFW.js';
+import './event-types-CZfYo5-1.js';
+import './parts-Bu7gdOaV.js';
+import './index-3wWWWrhn.js';
 import './dinero-HXpYMWUU.js';
-import './package-XQGYXcNa.js';
+import './package-DlhPMNzz.js';
 import './index-DkoufM1t.js';
 
-const BankAccountFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
+const BankAccountFormSkeleton = () => {
     return (h("div", { class: "container-fluid p-0" }, h("div", { class: "row mb-3" }, h("div", { class: "col-12 align-content-end" }, h(Skeleton, { height: "18px", width: "120px" }), h(Skeleton, { height: "36px" }))), h("div", { class: "row" }, h("div", { class: "col-12 align-content-end" }, h(Skeleton, { height: "18px", width: "110px" }), h(Skeleton, { height: "36px" })))));
 };
 
 const BankAccountForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.isReady = false;
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.iframeState = 'loading';
         this.hasLoggedAchDisabledWarning = false;
+        this.reloadIframes = () => {
+            this.iframeState = 'loading';
+            this.iframeElements.forEach((element) => element.reload());
+            this.watchIframesLoad();
+        };
     }
     async componentWillLoad() {
         await waitForConfig();
@@ -31,23 +38,14 @@ const BankAccountForm = class {
         checkPkgVersion();
     }
     componentDidRender() {
-        if (this.isAchDisabledForCheckout()) {
+        if (this.loadAbortController || !this.iframeElements.every(Boolean)) {
             return;
         }
-        const elements = [
-            this.accountNumberIframeElement,
-            this.routingNumberIframeElement,
-        ];
-        if (!elements.every(Boolean)) {
-            return;
-        }
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
+        this.watchIframesLoad();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     isAchDisabledForCheckout() {
         return (checkoutStore.checkoutLoaded && !checkoutStore.achPaymentsEnabled);
@@ -71,6 +69,58 @@ const BankAccountForm = class {
         const result = await this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
         return result;
     }
+    get isReady() {
+        return this.iframeState === 'ready';
+    }
+    get iframeElements() {
+        return [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+    }
+    watchIframesLoad() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        const { signal } = (this.loadAbortController = new AbortController());
+        const pending = new Set(this.iframeElements.map((element) => element.inputId));
+        const loaded = Promise.all(this.iframeElements.map((element) => (new Promise((resolve) => {
+            element.addEventListener('iframeLoaded', () => {
+                pending.delete(element.inputId);
+                resolve();
+            }, { once: true, signal });
+        }))));
+        const deadline = new Promise((_resolve, reject) => {
+            const timeoutId = window.setTimeout(() => reject(new Error(`Iframes failed to load: ${Array.from(pending).join(', ')}`)), 10000);
+            signal.addEventListener('abort', () => {
+                window.clearTimeout(timeoutId);
+                reject(new Error('iframe load watch aborted'));
+            }, { once: true });
+        });
+        Promise.race([loaded, deadline]).then(() => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'ready';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        }).catch((e) => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'error';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.IFRAME_LOAD_ERROR,
+                message: ComponentErrorMessages.IFRAME_LOAD_ERROR,
+                severity: ComponentErrorSeverity.ERROR,
+                data: {
+                    errorMessage: e.message,
+                },
+            });
+        });
+    }
+    renderIframeError() {
+        return (h("div", null, h("form-alert", { text: ComponentErrorMessages.IFRAME_LOAD_ERROR, hideAlert: false }), h(Button, { variant: "link", clickHandler: this.reloadIframes, "aria-label": "Reload bank account form", type: "button" }, "Try again")));
+    }
     render() {
         if (this.isAchDisabledForCheckout()) {
             if (!this.hasLoggedAchDisabledWarning) {
@@ -79,7 +129,7 @@ const BankAccountForm = class {
             }
             return null;
         }
-        return (h("div", null, h(BankAccountFormSkeleton, { isReady: this.isReady }), h("hidden-input", null), h("div", { class: "container-fluid p-0", style: {
+        return (h("div", null, this.iframeState === 'loading' && h(BankAccountFormSkeleton, null), this.iframeState === 'error' && this.renderIframeError(), h("hidden-input", null), h("div", { class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
             } }, h("div", { class: "row mb-3" }, h("iframe-input", { inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { class: "row" }, h("iframe-input", { inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));

package/dist/esm/bank-account-read-only-value.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { t as text } from './parts-CPKMvyV_.js';
+import { t as text } from './parts-Bu7gdOaV.js';
 
 const BankAccountReadOnlyValue = class {
     constructor(hostRef) {

package/dist/esm/{business-form-options-DXjZp4Rl.js → business-form-options-BxVQL9ar.js}

@@ -1,4 +1,4 @@
-import { a as BusinessClassification } from './Business-BcNb9bVO.js';
+import { a as BusinessClassification } from './Business-DaDqgDrb.js';
 
 const businessClassificationOptions = [
     {

package/dist/esm/{business-identity-schema-CXfLi-Wi.js → business-identity-schema-BkmRlnQo.js}

@@ -1,7 +1,7 @@
 import { c as create$3, a as create$6 } from './index.esm-KCSohgHx.js';
-import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, f as whenServiceReceivedValidation, r as revenueValidation, g as paymentVolumeValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, n as ownershipPercentageValidation, s as ssnValidation, q as dobValidation, u as identityTitleValidation, v as identityNameValidation, x as makeOwnershipPercentageValidation, y as makeIdentityNumberValidation } from './schema-validations-DJilm-Nh.js';
-import { C as CountryCode } from './Business-BcNb9bVO.js';
-import { c as countryLabels } from './country-config-CEJVOOGe.js';
+import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, f as whenServiceReceivedValidation, r as revenueValidation, g as paymentVolumeValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, n as ownershipPercentageValidation, s as ssnValidation, q as dobValidation, u as identityTitleValidation, v as identityNameValidation, x as makeOwnershipPercentageValidation, y as makeIdentityNumberValidation } from './schema-validations-8dbMCACI.js';
+import { C as CountryCode } from './Business-DaDqgDrb.js';
+import { c as countryLabels } from './country-config-CJwnhkdq.js';
 
 // Base schema (no country-specific rules for classification/tax id)
 const baseBusinessCoreInfoSchema = (allowOptionalFields) => {

package/dist/esm/{business.service-CFAfsTjM.js → business.service-BTTf2CSv.js}

@@ -1,7 +1,7 @@
-import { A as Api } from './Api-C_lKBDA2.js';
-import './Plaid-D389VmvK.js';
+import { A as Api } from './Api-BmZr64rt.js';
+import './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
+import './Business-DaDqgDrb.js';
 
 const api = Api();
 class BusinessService {

package/dist/esm/{button-BvzOzV4l.js → button-CBzHAOFW.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { U as buttonOutlineSecondary, V as buttonOutlinePrimary, C as buttonLink, W as buttonDark, X as buttonLight, Y as buttonInfo, Z as buttonWarning, _ as buttonDanger, $ as buttonSuccess, a0 as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts-CPKMvyV_.js';
+import { U as buttonOutlineSecondary, V as buttonOutlinePrimary, C as buttonLink, W as buttonDark, X as buttonLight, Y as buttonInfo, Z as buttonWarning, _ as buttonDanger, $ as buttonSuccess, a0 as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts-Bu7gdOaV.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 

package/dist/esm/card-form.entry.js

@@ -1,25 +1,32 @@
-import { h, r as registerInstance } from './index-CV0Pyo1O.js';
-import { S as Skeleton } from './skeleton-BEHo2ypu.js';
-import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
+import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
+import { S as Skeleton } from './skeleton-dbktEkFS.js';
+import { w as waitForConfig, c as configState } from './config-state-BKOsYBXZ.js';
 import { e as generateTabId } from './utils-D8J8OvxY.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
-import './parts-CPKMvyV_.js';
-import './index-cDVGjRkU.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.js';
+import { C as ComponentErrorSeverity, c as ComponentErrorMessages, b as ComponentErrorCodes } from './Plaid-DJ-4YL0_.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-DaDqgDrb.js';
+import { B as Button } from './button-CBzHAOFW.js';
+import './event-types-CZfYo5-1.js';
+import './parts-Bu7gdOaV.js';
+import './index-3wWWWrhn.js';
 import './dinero-HXpYMWUU.js';
-import './package-XQGYXcNa.js';
+import './package-DlhPMNzz.js';
 
-const CardFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
+const CardFormSkeleton = () => {
     return (h("div", { class: "container-fluid p-0" }, h("div", { class: "mb-3" }, h(Skeleton, { height: "18px", width: "100px" }), h(Skeleton, { height: "36px" })), h("div", { class: "row" }, h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "18px", width: "80px" }), h(Skeleton, { height: "36px" })), h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "36px" })), h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "18px", width: "30px" }), h(Skeleton, { height: "36px" })))));
 };
 
 const CardForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.isReady = false;
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.iframeState = 'loading';
+        this.reloadIframes = () => {
+            this.iframeState = 'loading';
+            this.iframeElements.forEach((element) => element.reload());
+            this.watchIframesLoad();
+        };
     }
     async componentWillLoad() {
         await waitForConfig();
@@ -27,20 +34,12 @@ const CardForm = class {
         this.tabId = generateTabId();
         checkPkgVersion();
     }
-    componentDidRender() {
-        const elements = [
-            this.cardNumberIframeElement,
-            this.expirationMonthIframeElement,
-            this.expirationYearIframeElement,
-            this.cvvIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
+    componentDidLoad() {
+        this.watchIframesLoad();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
@@ -53,11 +52,65 @@ const CardForm = class {
         const result = await this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
         return result;
     }
+    get isReady() {
+        return this.iframeState === 'ready';
+    }
+    get iframeElements() {
+        return [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+    }
+    watchIframesLoad() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        const { signal } = (this.loadAbortController = new AbortController());
+        const pending = new Set(this.iframeElements.map((element) => element.inputId));
+        const loaded = Promise.all(this.iframeElements.map((element) => (new Promise((resolve) => {
+            element.addEventListener('iframeLoaded', () => {
+                pending.delete(element.inputId);
+                resolve();
+            }, { once: true, signal });
+        }))));
+        const deadline = new Promise((_resolve, reject) => {
+            const timeoutId = window.setTimeout(() => reject(new Error(`Iframes failed to load: ${Array.from(pending).join(', ')}`)), 10000);
+            signal.addEventListener('abort', () => {
+                window.clearTimeout(timeoutId);
+                reject(new Error('iframe load watch aborted'));
+            }, { once: true });
+        });
+        Promise.race([loaded, deadline]).then(() => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'ready';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        }).catch((e) => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'error';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.IFRAME_LOAD_ERROR,
+                message: ComponentErrorMessages.IFRAME_LOAD_ERROR,
+                severity: ComponentErrorSeverity.ERROR,
+                data: {
+                    errorMessage: e.message,
+                },
+            });
+        });
+    }
+    renderIframeError() {
+        return (h("div", null, h("form-alert", { text: ComponentErrorMessages.IFRAME_LOAD_ERROR, hideAlert: false }), h(Button, { variant: "link", clickHandler: this.reloadIframes, "aria-label": "Reload payment form", type: "button" }, "Try again")));
+    }
     render() {
-        return (h("div", { key: 'd3cb1fca6595f60e5f5f122b73d3d6c11a826423' }, h(CardFormSkeleton, { key: 'f83dcbbc214d460bb21c015ec051436ed5cf6670', isReady: this.isReady }), h("hidden-input", { key: '5fad0d06303d0ddb55c30c2cd94014255f2a8cec' }), h("div", { key: '68440756a1aad69b5c95245e7a2a5feb16899dca', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'e6250721d89b25d536a5c40743decb7c2f0e9037' }, this.iframeState === 'loading' && h(CardFormSkeleton, { key: 'd3885015e28ade3f1d166d3a3ea91c212e4c08f9' }), this.iframeState === 'error' && this.renderIframeError(), h("hidden-input", { key: '083b462140adf1907e4c796ec99ce72f68a3dcef' }), h("div", { key: 'd20f7dccc152cb16bd216eb5886c7eee46cbd4f1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b39eab56c79463935f1a1bb15cc867997f026e7b', class: "mb-3" }, h("iframe-input", { key: '25a2390a8c3c92d5e6eceafe6b821202ecb22d76', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '68766798d954a0b3d093ae13c3c2955f819da4f2', class: "row" }, h("div", { key: '05539f1ac8ebb0397574d55b4b76d7acdb7d2dca', class: "col-4 align-content-end" }, h("iframe-input", { key: '4c437a4384e6c301e18824d799784c1133e70ee3', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b9a5b8b5dda1d8ab6305c9dc1ef9b655eb02fb3d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c1a412c20e75d21c1084a4b93f22362c367c1907', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'abdfdbd7eb784871011397a7c5fdf371e3c6baf0', class: "col-4 align-content-end" }, h("iframe-input", { key: '08dff072e785846d7543018c194b4df6ce5b343e', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'd06fa0c936dc7963caf3e27ab4cbfee804822bc3', class: "mb-3" }, h("iframe-input", { key: '1050720e0aec9b5e38b7a97fce95229faf490b6f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '5a37f9da6509890bc3b6e5e5d3061fef82ac8650', class: "row" }, h("div", { key: '249456011e5dca659243dc68495da16fdff5a183', class: "col-4 align-content-end" }, h("iframe-input", { key: '49f3a8baa14867708a9f1dad7f61830d86847473', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'e7fd325d2f39c7c293789931fda9de2f76faa4d4', class: "col-4 align-content-end" }, h("iframe-input", { key: '10beda8d2bfacdcf8ab3b17ffae858306312a06f', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'de4a844a20da09910f710567e62d2b06f144abe7', class: "col-4 align-content-end" }, h("iframe-input", { key: '555a6c96fadb9e5466c76ea259c5d001e16468d6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/esm/{check-pkg-version-D8eS1EP8.js → check-pkg-version-B697jYyG.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-XQGYXcNa.js';
+import { p as packageJson } from './package-DlhPMNzz.js';
 
 const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
 const detectDuplicateVersion = () => {

package/dist/esm/{checkout-actions-Bmn6v-SS.js → checkout-actions-DhL8YxrK.js}

@@ -1,5 +1,5 @@
-import { C as ComponentErrorSeverity } from './Plaid-D389VmvK.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BdBZQD1G.js';
+import { C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/{checkout.service-B3kWd3Cb.js → checkout.service-B3BXVtHv.js}

@@ -1,7 +1,7 @@
-import { A as Api } from './Api-C_lKBDA2.js';
-import './Plaid-D389VmvK.js';
+import { A as Api } from './Api-BmZr64rt.js';
+import './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
+import './Business-DaDqgDrb.js';
 
 const api = Api();
 class CheckoutService {

package/dist/esm/{checkout.store-DibfdUMm.js → checkout.store-B6amfNq_.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-cDVGjRkU.js';
+import { c as createStore } from './index-3wWWWrhn.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
 
 const initialState = {
@@ -104,10 +104,24 @@ function getCheckoutState() {
     };
 }
 function onAnyChange(callback) {
-    Object.keys(initialState).forEach((key) => {
-        // @ts-ignore - onChange is generically typed by stencil/store but not exported here
-        onChange(key, (newValue) => callback(key, newValue));
+    let pending = false;
+    let active = true;
+    const unsubscribe = Object.keys(initialState).map((key) => {
+        return onChange(key, () => {
+            if (pending || !active)
+                return;
+            pending = true;
+            queueMicrotask(() => {
+                pending = false;
+                if (active)
+                    callback();
+            });
+        });
     });
+    return () => {
+        active = false;
+        unsubscribe.forEach((off) => off());
+    };
 }
 
 export { onAnyChange as a, getCheckoutState as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onChange as o };

package/dist/esm/{checkouts-list-params-state-CiGfmyWW.js → checkouts-list-params-state-DfRLZrOO.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-cDVGjRkU.js';
+import { c as createStore } from './index-3wWWWrhn.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{config-state-kKn89dp1.js → config-state-BKOsYBXZ.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-cDVGjRkU.js';
+import { c as createStore } from './index-3wWWWrhn.js';
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

package/dist/esm/{country-config-CEJVOOGe.js → country-config-CJwnhkdq.js}

@@ -1,4 +1,4 @@
-import { S as StateOptions } from './Business-BcNb9bVO.js';
+import { S as StateOptions } from './Business-DaDqgDrb.js';
 
 const ProvinceOptions = [
     {

package/dist/esm/custom-popper_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { an as tooltip, ao as tooltipInner, ap as tooltipIcon } from './parts-CPKMvyV_.js';
+import { an as tooltip, ao as tooltipInner, ap as tooltipIcon } from './parts-Bu7gdOaV.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/esm/dispute-notification_2.entry.js

@@ -1,21 +1,21 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
 import { f as formatCurrency } from './utils-D8J8OvxY.js';
-import { t as text, a8 as heading4 } from './parts-CPKMvyV_.js';
-import { B as Button } from './button-BvzOzV4l.js';
-import { S as Skeleton } from './skeleton-BEHo2ypu.js';
+import { t as text, a8 as heading4 } from './parts-Bu7gdOaV.js';
+import { B as Button } from './button-CBzHAOFW.js';
+import { S as Skeleton } from './skeleton-dbktEkFS.js';
 import './event-types-CZfYo5-1.js';
-import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-D389VmvK.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BdBZQD1G.js';
-import { D as DisputeManagementClickActions, a as DisputeService } from './event-types-CWcuMhpX.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
-import { J as JustifiAnalytics } from './Analytics-CkVFbWbI.js';
+import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-DJ-4YL0_.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
+import { D as DisputeManagementClickActions, a as DisputeService } from './event-types-DEIzZDtB.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.js';
+import { J as JustifiAnalytics } from './Analytics-C8-CZjVs.js';
 import './dinero-HXpYMWUU.js';
-import './Api-C_lKBDA2.js';
-import './config-state-kKn89dp1.js';
-import './index-cDVGjRkU.js';
-import './package-XQGYXcNa.js';
+import './Api-BmZr64rt.js';
+import './config-state-BKOsYBXZ.js';
+import './index-3wWWWrhn.js';
+import './package-DlhPMNzz.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
+import './Business-DaDqgDrb.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -150,8 +150,8 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("div", { key: '325018c414e82b5c1bc7d9c5aa444b5a9d4e83d6', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: 'deffb8ef248e32962aca084a564e83aa5f222b0a', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6f6c630b3122b1b2fd480470f5df7683f19de612', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '11f46711fed1094496c64551f084351c08f598be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fc7e2eac76e1cbc329147f3da39a8c28c51a7b6a', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '0ef159acf9fe5b12dc0dcddab6b7583e5fc9a799', part: text }, h("h1", { key: 'db263006990c5b4cf178f7f81650ad7602765532', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '185c6f952ef46e3aec625cab73c943b3046ef6b4' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'd4536104addc500277fbde990b7b33ba8ff54c7e', part: text }, h("h1", { key: '198138cc6541c0aeeae458e2de1e3ae0c695328d', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '6902ce5e3e94ab7f71ee6d0c6a7604ef97f0e740' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'f49d1ac855365480edc61e0af117230e2f3dbe1f', class: "h5" }, "Dispute details"), h("div", { key: 'f3868a098dbc4a613d676b8580c053527f9d5fad', class: "d-table gap-2" }, h("div", { key: '7699bc619b652ffe1c77cf6e5e0dac967679b1e6', class: "d-table-row gap-2" }, h("span", { key: '9de67b45877120f54f724f1efe7b3f4d4b035d30', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'bfd79f86b5b81daf2a34f5874fcff03a05d1e64d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0e57d56172859eb5857a1930cb837569157026d9', class: "d-table-row gap-2" }, h("span", { key: '0b615bd8f9a9add7d18d50be4f4f644707576de2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '46288c67be32fe2d95fea88f5b0148f22552a2c9', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: 'c68280b0f36280804fb6231236d942174c189456', class: "d-table-row gap-2" }, h("span", { key: 'ed3f145aa0f2c949b80d7033e4ecb818a4a4fa68', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '4c4530acbc570fb13b5f53947714bd250ff99cab', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '3244bb6bdbed2b4e28c479c2d4db2d0ae152f2f0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '3716a28cec93e70690ad96bfc0c5f3b7b56f8ecb', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '7f326ed6f298c9f1091b160c63e386864329190e', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd705ae48c1f30b904ac31bbdbab9e955868f51e1', part: text }, h("h1", { key: '712cebef3699a8c2a97bcb69ae68e0b491090c88', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'ca95b2c8bdc6083a3fbb1dd63c6bdaa4699ae2a7' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'c0cb4c8342aa4f022d76e95123a047b7b707f562', part: text }, h("h1", { key: '797966d237d4b46eb1b880deb7fa21746f5b3b1e', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '2f9eed1a5f34f772206112488af22aa8b35c07b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '9a90af51218ed921e27519363995f12e29713bfd', part: text }, h("h1", { key: '736ee5cf8f65d780d4812e24ea9050dcc0d109a4', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '9ca83087b028e1078bcc2cd0b552e8f5379932d1' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h("div", { key: '55685c8b421d48fb041862b2ae2ff0605a3a0b7f', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: '93fba7164eea0a00231f2f762a1370fe2ba4ca52', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'db8ca80547c4e022ee9cbb59b51cf1d199a65f0c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '15c884a6bbfcab6e89d9eb36cfcdc14a0505c25a', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '61474f21b3f82c1cff6455c7d87c0474a4c5ebdd', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '724f8896f7985469d457d5dea5936dc8ef0b30c0', part: text }, h("h1", { key: 'd4e86227300211d8ab792e8ae128912166957b02', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '40e2fff6dadd6426d847cbc7164a72bb137ee44d' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '1efebe3baa295271c793faaba07b9d62a7f19e93', part: text }, h("h1", { key: 'a6e10b6d4e8f01aacefb8d3cd5244eecbbb251e6', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'fb99d2061fcae2a6b59a1121340bb141f8a2bcb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '5e6a34864d24df666ab69291e98dc569946933ad', class: "h5" }, "Dispute details"), h("div", { key: '6a189bf2c84fad8024d60da7c6972917e8768fa9', class: "d-table gap-2" }, h("div", { key: '1d76955da64391406f2cf082d473fac4da8f6be9', class: "d-table-row gap-2" }, h("span", { key: '7dcc2947c8e2ba7e388dde66ec426b9d95e87938', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b45cdeebd1ee9f0b6e4a023a41e496c28c265c64', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'd33fd1331385a3b8bad3f44bb8d0d92c7d9fb3eb', class: "d-table-row gap-2" }, h("span", { key: 'd4a5c2fae926b736c6516522b32965c1f55d7623', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '034868aa10b8179e485f2cc497adcf9caaca123d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '8b56d8237d8039f90ec9141cc94e0147bc0e49bd', class: "d-table-row gap-2" }, h("span", { key: 'f301c07b7ceb2f54f642e764a61b359445962d17', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '3c7478dd78c2cd58b9eee3a3b30b0816ab8011bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '1c912ca4428f444d4dd4f27584a8a64099524539', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd15adbc5be96fbfe0545e87c57e1fe34449d4c8f', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '0d7b4a74b52210106929114bb8d7db76eeadedd6', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '8f1e958c5601d937d71da120e908acdb9b303367', part: text }, h("h1", { key: '67012e992b666b145bff9cf70011a0de88452e1e', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'fda8d98bffac5daf67574aabc854e58b5a754de0' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '8c3699f761f941114b4fa91cad166c78def3dc00', part: text }, h("h1", { key: '411280747b719b85240bde3ab052ba4bd43437e3', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '82edec3d96009d23454f6ac63651b6763b4b22a4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '68416771d44d09201b630d7b25952894ce4a096c', part: text }, h("h1", { key: 'dcaf92df776e75aa78762c07fdbb750f1933311a', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '811fcf0b3a9f38fcf857998a672286e5c5ae0a9a' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -352,7 +352,7 @@ const DisputeResponse = class {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '7f9c8d56cfb86cea73ab2f299b83ff0de28f5c3e', class: "dispute-response-root" }, h("div", { key: 'a805bf54df79453127557bf651c3d776a381241f', class: "row gy-3" }, h("div", { key: '2e6bc9cbe369e0ea5d200bc0934b4cad50f3c76f', class: "col-12" }, h("h1", { key: '9876e9c87c6dfb405e7bad46d64fdb40ad048142', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '045028232da5331c7041ad222c4e98364674ace3', class: "col-12" }, this.currentStepComponent), h("div", { key: '0455c4856a44340ce25c1c4c8f776abb197f919f', class: "col-12" }, h("div", { key: '5b990cc1d41b3a7152d727c941e9758ed70f75a1', 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: '50c96cb107115c27ff993ed7288a58cd801ef936', class: "dispute-response-root" }, h("div", { key: '0ebe2541c4245c6371d3aa8cdfb58b3f92f2d96e', class: "row gy-3" }, h("div", { key: '78feb00f6f5b8fb96ceacba2e7bcda1342f8a244', class: "col-12" }, h("h1", { key: 'a86ab0cd63ebb945a69982ea05607ae4eadc1cf8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'f9a5e9cad90d03ae773aaeb2e72049b453d05472', class: "col-12" }, this.currentStepComponent), h("div", { key: '838c642fdf957bf0e3fd8d4ef4c4abc79c2d6f61', class: "col-12" }, h("div", { key: '6b8af6fa4face4debee72950e86e3bc9461406da', 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 watchers() { return {
         "disputeId": ["propChanged"],

package/dist/esm/{event-types-CWcuMhpX.js → event-types-DEIzZDtB.js}

@@ -1,7 +1,7 @@
-import { A as Api } from './Api-C_lKBDA2.js';
-import './Plaid-D389VmvK.js';
+import { A as Api } from './Api-BmZr64rt.js';
+import './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
+import './Business-DaDqgDrb.js';
 
 const api = Api();
 class DisputeService {

package/dist/esm/form-address-fields_3.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, c as createEvent } from './index-CV0Pyo1O.js';
-import { C as CountryCode } from './Business-BcNb9bVO.js';
+import { C as CountryCode } from './Business-DaDqgDrb.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { b as countryOptions, c as countryLabels } from './country-config-CEJVOOGe.js';
+import { b as countryOptions, c as countryLabels } from './country-config-CJwnhkdq.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
-import { q as inputInvalid, u as inputDisabled, v as inputFocused, w as input, x as label } from './parts-CPKMvyV_.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { q as inputInvalid, u as inputDisabled, v as inputFocused, w as input, x as label } from './parts-Bu7gdOaV.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 
 const FormAddressFields = class {