@justifi/webcomponents 6.0.0-rc.9 → 6.0.0

package/dist/cjs/{Api-y2G49jOh.js → Api-CwTLkFY4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var configState = require('./config-state-BBOZIS8x.js');
-var utils = require('./utils-BaGF9XIe.js');
+var configState = require('./config-state-B_gyIchD.js');
+var utils = require('./utils-ChCUZgUy.js');
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/cjs/{Refund-BVZHsa6Z.js → Refund-BPSBtjQC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-BaGF9XIe.js');
+var utils = require('./utils-ChCUZgUy.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 
 class Completion {
@@ -109,6 +109,8 @@ var PaymentMethodTypes;
     PaymentMethodTypes["card"] = "card";
     PaymentMethodTypes["bankAccount"] = "bankAccount";
     PaymentMethodTypes["sezzle"] = "sezzle";
+    PaymentMethodTypes["plaid"] = "plaid";
+    PaymentMethodTypes["applePay"] = "applePay";
 })(PaymentMethodTypes || (PaymentMethodTypes = {}));
 var PaymentTypes;
 (function (PaymentTypes) {

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-var utils$1 = require('./utils-Bzyj4qWe.js');
-var utils = require('./utils-BaGF9XIe.js');
+var index = require('./index-Dyzl8Hn6.js');
+var utils$1 = require('./utils-FFP5ZHyE.js');
+var utils = require('./utils-ChCUZgUy.js');
 require('./parts-9jMf1erK.js');
 require('./dinero-BwNN_k7x.js');
 

package/dist/cjs/{badge-CcJ9H85-.js → badge-BmOSt4gS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
 
 exports.BadgeVariant = void 0;

package/dist/cjs/bank-account-document-form-inputs_4.cjs.entry.js

@@ -1,22 +1,22 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-require('./config-state-BBOZIS8x.js');
+var index = require('./index-Dyzl8Hn6.js');
+require('./config-state-B_gyIchD.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BVZHsa6Z.js');
+var Refund = require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
-var utils$1 = require('./utils-BaGF9XIe.js');
+var utils$1 = require('./utils-ChCUZgUy.js');
 var parts = require('./parts-9jMf1erK.js');
-var skeleton = require('./skeleton-C7DQRD6r.js');
+var skeleton = require('./skeleton-CuIMC98G.js');
 require('./event-types-YOY5TKUN.js');
-var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
-require('./index-B32W0A3m.js');
+var formControlErrorText = require('./form-control-error-text-DD0dHGu8.js');
+require('./index-D1Ba20gi.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -98,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '028fa0490ce436410bf0aea234e92c171bf93b25' }, index.h("div", { key: '22d1cf8dd7d5731c8bb4469ecb788afef0a8ec6a', class: "form-group d-flex flex-column" }, index.h("div", { key: '9fe0d7827e5f18b8bec4894aa29f7a9e08e2e139', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ddc0da46940544d5bcf12304f89f6bebc800e457', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '63cdd224e5075ee49a8795dd0d658c3b218db767', helpText: this.helpText })), index.h("input", { key: '3cb815fa320b991f7089452bd94e910c3ce910ea', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, index.h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, index.h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), index.h("input", { key: '0acb164fc09a23fd8a8937222f527052bb02248e', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '03f60fc9c2d42f987b951947f5b189eff623641b', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,25 +1,19 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-var skeleton = require('./skeleton-C7DQRD6r.js');
-var configState = require('./config-state-BBOZIS8x.js');
+var index = require('./index-Dyzl8Hn6.js');
+var skeleton = require('./skeleton-CuIMC98G.js');
+var configState = require('./config-state-B_gyIchD.js');
+var utils = require('./utils-ChCUZgUy.js');
 require('./parts-9jMf1erK.js');
-require('./index-B32W0A3m.js');
+require('./index-D1Ba20gi.js');
+require('./dinero-BwNN_k7x.js');
 
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
         return null;
     }
-    return (index.h("div", { class: "container-fluid p-0" },
-        index.h("div", { class: "row mb-3" },
-            index.h("div", { class: "col-12 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
-                index.h(skeleton.Skeleton, { height: "36px" }))),
-        index.h("div", { class: "row" },
-            index.h("div", { class: "col-12 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
-                index.h(skeleton.Skeleton, { height: "36px" })))));
+    return (index.h("div", { class: "container-fluid p-0" }, index.h("div", { class: "row mb-3" }, index.h("div", { class: "col-12 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "120px" }), index.h(skeleton.Skeleton, { height: "36px" }))), index.h("div", { class: "row" }, index.h("div", { class: "col-12 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "110px" }), index.h(skeleton.Skeleton, { height: "36px" })))));
 };
 
 const BankAccountForm = class {
@@ -30,6 +24,7 @@ const BankAccountForm = class {
     async componentWillLoad() {
         await configState.waitForConfig();
         this.iframeOrigin = configState.configState.iframeOrigin;
+        this.tabId = utils.generateTabId();
     }
     componentDidRender() {
         const elements = [
@@ -53,10 +48,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, index.h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), index.h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: '7ee7c6e3c26ab1a90bdbf7215fe13f65aade1025' }, index.h(BankAccountFormSkeleton, { key: 'e4afc94a21b041972d031cfce88a102f763932d1', isReady: this.isReady }), index.h("div", { key: '8980e0dc0048dbd9cd93a4f93fab8c4cbfeef611', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '94dc0eb0d79b40ade96e1961611e3e7a8eef20ea', class: "row mb-3" }, index.h("iframe-input", { key: '41c82b772e7873a45409e35ed56dfea16c20c2ee', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '1c95618a50e2d36a3a9a3a7b691ae0dfa6a09936', class: "row" }, index.h("iframe-input", { key: '28a4dde70c8f55b4f6bf6ce2d3beee6acbebbc0b', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: 'd04bb6b18498de9646ba6e2ee32f223774a72cc7', class: "row mb-3" }, index.h("iframe-input", { key: '7eb29da8beff34cbe5d2b7c151fec433d17f8555', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'c6345cddc37cbe5627ca4581fb98be55b85550a6', class: "row" }, index.h("iframe-input", { key: '0bf71a22e9126e04f15f213d84953ccfd3388ef0', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 

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

@@ -1,30 +1,15 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-var utils = require('./utils-Bzyj4qWe.js');
-var styledHost = require('./styled-host-BfVJlAsJ.js');
+var index = require('./index-Dyzl8Hn6.js');
+var utils = require('./utils-FFP5ZHyE.js');
+var styledHost = require('./styled-host-2KXbjOFw.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-C7DQRD6r.js');
+var skeleton = require('./skeleton-CuIMC98G.js');
 require('./parts-9jMf1erK.js');
 
 const BusinessDetailsLoading = () => {
-    const Block = () => (index.h("div", { class: "mt-5" },
-        index.h(skeleton.Skeleton, { width: "40%", height: "1.5rem" }),
-        index.h("hr", null),
-        index.h("div", { class: "row g-3" },
-            index.h("div", { class: "col-12 col-md-6" },
-                index.h(skeleton.Skeleton, null),
-                index.h(skeleton.Skeleton, null),
-                index.h(skeleton.Skeleton, null)),
-            index.h("div", { class: "col-12 col-md-6" },
-                index.h(skeleton.Skeleton, null),
-                index.h(skeleton.Skeleton, null),
-                index.h(skeleton.Skeleton, null)))));
-    return (index.h(index.Fragment, null,
-        index.h(Block, null),
-        index.h(Block, null),
-        index.h(Block, null),
-        index.h(Block, null)));
+    const Block = () => (index.h("div", { class: "mt-5" }, index.h(skeleton.Skeleton, { width: "40%", height: "1.5rem" }), index.h("hr", null), index.h("div", { class: "row g-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null)), index.h("div", { class: "col-12 col-md-6" }, index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null)))));
+    return (index.h(index.Fragment, null, index.h(Block, null), index.h(Block, null), index.h(Block, null), index.h(Block, null)));
 };
 
 var RENDER_STATES;

package/dist/cjs/{business.service-D5IhSyRJ.js → business.service-Dkhqyggm.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-y2G49jOh.js');
+var Api = require('./Api-CwTLkFY4.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/{button-DsHDMHaa.js → button-7c2RN2yp.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
 
-const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
-    index.h("span", { class: "visually-hidden" }, "Loading...")));
+const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, index.h("span", { class: "visually-hidden" }, "Loading...")));
 
 const Button = (props, children) => {
     const variantToButton = {

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

@@ -1,29 +1,19 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-var skeleton = require('./skeleton-C7DQRD6r.js');
-var configState = require('./config-state-BBOZIS8x.js');
+var index = require('./index-Dyzl8Hn6.js');
+var skeleton = require('./skeleton-CuIMC98G.js');
+var configState = require('./config-state-B_gyIchD.js');
+var utils = require('./utils-ChCUZgUy.js');
 require('./parts-9jMf1erK.js');
-require('./index-B32W0A3m.js');
+require('./index-D1Ba20gi.js');
+require('./dinero-BwNN_k7x.js');
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
         return null;
     }
-    return (index.h("div", { class: "container-fluid p-0" },
-        index.h("div", { class: "mb-3" },
-            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
-            index.h(skeleton.Skeleton, { height: "36px" })),
-        index.h("div", { class: "row" },
-            index.h("div", { class: "col-4 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
-                index.h(skeleton.Skeleton, { height: "36px" })),
-            index.h("div", { class: "col-4 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "36px" })),
-            index.h("div", { class: "col-4 align-content-end" },
-                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
-                index.h(skeleton.Skeleton, { height: "36px" })))));
+    return (index.h("div", { class: "container-fluid p-0" }, index.h("div", { class: "mb-3" }, index.h(skeleton.Skeleton, { height: "18px", width: "100px" }), index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "row" }, index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "80px" }), index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "30px" }), index.h(skeleton.Skeleton, { height: "36px" })))));
 };
 
 const CardForm = class {
@@ -34,6 +24,7 @@ const CardForm = class {
     async componentWillLoad() {
         await configState.waitForConfig();
         this.iframeOrigin = configState.configState.iframeOrigin;
+        this.tabId = utils.generateTabId();
     }
     componentDidRender() {
         const elements = [
@@ -61,10 +52,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: 'd5e5c74e5e3be0bb5a9603a89724d23cc6216d6c' }, index.h(CardFormSkeleton, { key: 'a1e90d74ca6e72678255590a94937932a9520046', isReady: this.isReady }), index.h("div", { key: 'bb303552ed581492de8ebb0d83cea751ddd90a09', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: '8a6454e0a16e0a26762627f7a42527ab243c1c7a' }, index.h(CardFormSkeleton, { key: 'ed7386f746518e1ebb62d1bf9bc2e98778d9804e', isReady: this.isReady }), index.h("div", { key: 'f3092bcce1626f04a079ebcf64f0cdf06a7029a8', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '9641c97124a504729b1eba3e8704d8fd3fda7fde', class: "mb-3" }, index.h("iframe-input", { key: 'a5a73c00c2ac0cd12ef98b155a40108248529fb7', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'dad1b83f028745aa8b85a8e552f702d5daa3ac6f', class: "d-flex align-items-start" }, index.h("div", { key: '5de05029d93a81d5ad8c799135863e8cdd1e8619', class: "flex-fill me-3" }, index.h("iframe-input", { key: '4ec81652e51187bbaa25600299f8cb89f0c41c5c', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '0280f01efdbbfa3542036fa4ee7baec130e42688', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'b13dba61a6bd18529e70987029592b5b7307e74b', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'edf1e383a148a2d535c4733a2b5af2d8e31e2f43', class: "flex-fill" }, index.h("iframe-input", { key: 'd63e832db1a089f36909db23cacb110f6571535c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: '3e211e500bef824aff5b6bf6cdedc99435cacfd4', class: "mb-3" }, index.h("iframe-input", { key: '6ad14a317fd6cad6d6535ba661684e31c325c5ab', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '931e9f1b047ff57c2b37bb2947e29f6708f239d9', class: "d-flex align-items-start" }, index.h("div", { key: '5ca19fbf9047bd6595557890b0bdbbf0d2e65de9', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'c99f426b77308b15fcb174e8adbe8c120abc58b5', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '677b8fb8f33a021afda90a8b4e13b5f44b5fe694', class: "flex-fill me-3" }, index.h("iframe-input", { key: '9bcf91464c5f2ca77b339f2fe299db6027aa9f8b', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '9b5c52d9cc5b30eedf522801c3f8f6c0530757ce', class: "flex-fill" }, index.h("iframe-input", { key: '3e73df1c7119193a239fcd2f5212967e109cff83', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/cjs/{check-pkg-version-VnhfIX0p.js → check-pkg-version-7FBAUhHw.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _package = require('./package-BS0_inF6.js');
-var Api = require('./Api-y2G49jOh.js');
+var _package = require('./package-BNN5fdIc.js');
+var Api = require('./Api-CwTLkFY4.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/{checkout.service-4aS641tN.js → checkout.service-LwZVVgP5.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-y2G49jOh.js');
+var Api = require('./Api-CwTLkFY4.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/checkout.store-C3f3E24L.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var index = require('./index-D1Ba20gi.js');
+var index$1 = require('./index-C2ITzalN.js');
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    insuranceEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    checkoutLoaded: false,
+    bankAccountVerification: undefined,
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentCurrency: 'USD',
+    paymentDescription: '',
+    paymentMethodGroupId: undefined,
+    paymentMethods: [],
+    paymentToken: undefined,
+    savePaymentMethod: false,
+    selectedPaymentMethod: undefined,
+    totalAmount: 0,
+    plaidPublicToken: undefined,
+    plaidLinkTokenId: undefined,
+};
+const { state: checkoutStore, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+// Helper: compute available payment methods based on store flags
+function getAvailablePaymentMethodTypes() {
+    var _a;
+    const methods = [];
+    if (!checkoutStore.disablePaymentMethodGroup &&
+        ((_a = checkoutStore.paymentMethods) === null || _a === void 0 ? void 0 : _a.length)) {
+        const hasSavedCard = checkoutStore.paymentMethods.some((pm) => pm.type === index$1.PAYMENT_METHODS.SAVED_CARD);
+        const hasSavedBank = checkoutStore.paymentMethods.some((pm) => pm.type === index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        if (hasSavedCard && !checkoutStore.disableCreditCard) {
+            methods.push(index$1.PAYMENT_METHODS.SAVED_CARD);
+        }
+        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+            methods.push(index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        }
+    }
+    if (!checkoutStore.disableCreditCard) {
+        methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
+    }
+    if (!checkoutStore.disableBankAccount) {
+        methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+    }
+    if (checkoutStore.bnplEnabled && !checkoutStore.disableBnpl) {
+        methods.push(index$1.PAYMENT_METHODS.SEZZLE);
+    }
+    if (checkoutStore.bankAccountVerification === true &&
+        !checkoutStore.disableBankAccount) {
+        methods.push(index$1.PAYMENT_METHODS.PLAID);
+    }
+    return methods;
+}
+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));
+    });
+}
+
+exports.checkoutStore = checkoutStore;
+exports.getAvailablePaymentMethodTypes = getAvailablePaymentMethodTypes;
+exports.onAnyChange = onAnyChange;
+exports.onChange = onChange;

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

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-require('./config-state-BBOZIS8x.js');
+var index = require('./index-Dyzl8Hn6.js');
+require('./config-state-B_gyIchD.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-Ccdrt0v_.js');
+var table = require('./table-DlQCUVag.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-B_gpjGhs.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-Cewmin_p.js');
-require('./index-B32W0A3m.js');
-require('./utils-BaGF9XIe.js');
+var checkoutsTable = require('./checkouts-table-BQUhZZd_.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-C4c8UZtP.js');
+require('./index-D1Ba20gi.js');
+require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-jmeA44Ee.js');
-require('./badge-CcJ9H85-.js');
+require('./spinner-CMZXdrPe.js');
+require('./badge-BmOSt4gS.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -136,7 +136,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(table.TableWrapper, { key: 'ac27fa8b086e64e53a287f96be1d1212a7c23fc3' }, index.h(table.TableComponent, { key: '965b9e4761f686a254297a753b638952181d9758' }, index.h(table.TableHead, { key: '41502bb86d87acd8f730f22705d82a2bb4c3787c' }, index.h(table.TableHeadRow, { key: '9aa770a8bbb3c9623fde336580dcecda0ee6909e' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'ad20f6287a2eefd0aa659925cf4be8a03766c1c2' }, index.h(table.TableLoadingState, { key: 'bdd7d89bed12c4451199b59e2793cc3d4dbc24a8', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '8b89063a5cc78beb42a52375c431e834583ef12a', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a557b0a68af21a5501139433f980a6c083536d71', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '0ba995e692b70214b1f63f3fbb7e05e76f229304' }, index.h(table.TableFootRow, { key: '25703345e36b46ce3a4cd9d09893c744b6db4d86' }, index.h(table.TableFootCell, { key: '07f5df6019322cb80053e4c061a2b5cb6ba7187e', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'daf2dd74a5f24192c9052a2906459a6d2b53544d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, index.h(table.TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, index.h(table.TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, index.h(table.TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, index.h(table.TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, index.h(table.TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, index.h(table.TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '688702c35e666def509ccb77b88b88ddd5e0d58a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{payments-list-params-state-Cewmin_p.js → checkouts-list-params-state-C4c8UZtP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B32W0A3m.js');
+var index = require('./index-D1Ba20gi.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{checkouts-table-B_gpjGhs.js → checkouts-table-BQUhZZd_.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
-var utils = require('./utils-BaGF9XIe.js');
-var badge = require('./badge-CcJ9H85-.js');
+var index = require('./index-Dyzl8Hn6.js');
+var utils = require('./utils-ChCUZgUy.js');
+var badge = require('./badge-BmOSt4gS.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {
@@ -42,9 +42,7 @@ const checkoutTableColumns = {
     status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
 };
 const checkoutTableCells = {
-    created_at: (checkout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
-        index.h("div", { class: "fw-bold" }, utils.formatDate(checkout.created_at)),
-        index.h("div", { class: "fw-bold" }, utils.formatTime(checkout.created_at)))),
+    created_at: (checkout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, index.h("div", { class: "fw-bold" }, utils.formatDate(checkout.created_at)), index.h("div", { class: "fw-bold" }, utils.formatTime(checkout.created_at)))),
     payment_amount: (checkout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, checkout.formattedPaymentAmount(checkout.payment_amount))),
     payment_description: (checkout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, checkout.payment_description)),
     sub_account_name: (checkout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, checkout.sub_account_name)),

package/dist/cjs/{config-state-BBOZIS8x.js → config-state-B_gyIchD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B32W0A3m.js');
+var index = require('./index-D1Ba20gi.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
 
 var top = 'top';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '8bfc9503d439750dac5b1d7bf57b52a679342203' }, index.h("style", { key: 'c9b621af52af23eca1b31d212d212e9e1851efb4' }, `
+        return (index.h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, index.h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '278b302602f6694c3d8897a11caffe8053396e14', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '512ccb791eaddb6d215f15257c4b09e0aad009c8' }))));
+          `), index.h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
     }
 };
 

package/dist/cjs/{dispute.service-64ciJH0r.js → dispute.service-927Gzb0N.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-y2G49jOh.js');
+var Api = require('./Api-CwTLkFY4.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/form-alert_5.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-JoZjhb9m.js');
-var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
+var formControlHelpText = require('./form-control-help-text-2QwKi78M.js');
+var formControlErrorText = require('./form-control-error-text-DD0dHGu8.js');
 require('./event-types-YOY5TKUN.js');
 
 const CheckboxInput = class {
@@ -39,10 +39,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: '128a949dbbbf194f13552ec2b6d9cc47e643459a' }, index.h("div", { key: '24fdfab17ddc656c7ed4ce4a26298bb3312b84b5', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'd66bc9dd8ec3018e934d4279cfc78073e1529ddb', class: "form-check" }, index.h("input", { key: '754d00dbfa79b34ba919d12ecaf6f69114c92a37', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'cb4fce894bdb9a24689e6a8b4078727b00001b3a' }, index.h("div", { key: 'da4671582783f5ebace5105434e484d816215f9e', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'b8cd2036001fa732528391b6dbf1d0ae53043579', class: "form-check" }, index.h("input", { key: 'ae87dba4cdf3786e3c9a48c466deb9ef622cb5a9', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '07928f06ba16f3871948610d8c043de985cb9810', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '83976d5d65b37aa34e41879f0db3347a8902b7d7', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '3a4e23a3e9f174d51683518608e2568e0edc72e2', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: 'bd2521e5b1af0a415f0780ee9708ff3c59707bcb', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '29ac1320b027c81203fd4f5f424a25dd83bfbb80', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'a9206d48a18006459f7ae079413e7a5cc528aab5', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/cjs/form-control-date.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
+var formControlErrorText = require('./form-control-error-text-DD0dHGu8.js');
 require('./event-types-YOY5TKUN.js');
 
 const DateInput = class {
@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'a309446013bd49b83f2cd63ddde74595b4ad94b5' }, index.h("div", { key: 'f29f5561099a85767d3a95411d9234e45ce2abf6', class: "form-group d-flex flex-column" }, index.h("div", { key: 'd0406aa96a962e26053e9495c5be6bef8ce10a49', class: "d-flex gap-2" }, index.h("label", { key: '72c5d168b03c79083a93481417b5361d4b4acec4', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2954e61b39260bf40d2190ed0d6d0c0a4d2fbec1', helpText: this.helpText })), index.h("input", { key: 'bf82716d44ce3a96cf70c8be2b349d598839e39d', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, index.h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, index.h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, index.h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), index.h("input", { key: 'bf559dea1bf215276a69833a0d5ff78502043669', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '1c6036c4ea8ebd3303af2400eb0c0884329a7b33', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{form-control-error-text-B-P5UDhm.js → form-control-error-text-DD0dHGu8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FormControlErrorText = (props) => {