@justifi/webcomponents 6.0.0-rc.9 → 6.0.1-rc.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');
 
@@ -25,7 +25,7 @@ const BankAccountDocumentFormInputs = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '23f5fa6b191b3feea7677a85a421002642a86f50', class: "row gy-3" }, index.h("div", { key: 'da9d9698f15aeb4bb05baef8fb63c630fcff8a82', class: "col-12" }, index.h("form-control-file", { key: 'b84a8ec1753210f74989c04b5520f0e94c5a083d', name: "voided_check", label: "Voided Check", documentType: Refund.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: '06d442df900406f122970bde6b2b293f2c9080ee', class: "col-12" }, index.h("form-control-file", { key: 'b3dc1d48900c5932c4d59f8b31a323193f0e86b4', name: "bank_statement", label: "Bank Statement", documentType: Refund.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (index.h("div", { key: 'c62d858a070a4611bead814bacd350e7faa4b400', class: "row gy-3" }, index.h("div", { key: '0044e508f449953f9da16907d1a141a0b4b42f1f', class: "col-12" }, index.h("form-control-file", { key: 'add74fc5424ffdb64dbae5b2e0dddde39544e5e3', name: "voided_check", label: "Voided Check", documentType: Refund.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: '0d69209999cb8ded788a12ac3bd46360a73b1443', class: "col-12" }, index.h("form-control-file", { key: '73cf74f2a2cd19db35ac9e5191cb59a99098806b', name: "bank_statement", label: "Bank Statement", documentType: Refund.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 };
 
@@ -34,7 +34,7 @@ const BankAccountFormInputs = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', class: "row gy-3" }, index.h("div", { key: 'b625a293dec704cbbb132469fdbc8c5d99a660e1', class: "col-12" }, index.h("form-control-text", { key: 'b41460ddc605f73faf71233ccbbef7e34e690e5a', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'e5560bcdba399baa2e54441436ef5c67936e9fef', class: "col-12" }, index.h("form-control-text", { key: '18cd16931899f724fd92cb89f1b8d4cd41c5354c', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '3bb589db98e5d65022576b602bda41f36e3a90d5', class: "col-12" }, index.h("form-control-text", { key: 'c870513b8895add114d5ec588561fa6f33a63514', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '1783e7b4af2b012338fe2e1b4f1faa9b5e086bcd', class: "col-12" }, index.h("form-control-select", { key: '6a9af0f6edeae133dce04b7f829abb802db4ac83', name: "account_type", label: "Account Type", options: businessFormOptions.bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '3c3ffced96f67320b4c580be6f28dd8ef5d2c109', class: "col-12" }, index.h("form-control-text", { key: 'e85df115a9de08ad9abb3237f7bf6c6d23c84150', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), index.h("div", { key: '5a25cb25160aff24d1f62df2115dbd248709141e', class: "col-12" }, index.h("form-control-text", { key: 'dfdf7dce470efb8eea65aa6daf562d190963bace', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+        return (index.h("div", { key: '1628c5430b9235c9e03eff78ccdbf9af49c7f455', class: "row gy-3" }, index.h("div", { key: 'c4af1f6adcf00c67cfc1c3e962ba716c471f8176', class: "col-12" }, index.h("form-control-text", { key: '3cb9addf2e55fb8d7f653621d3adccf17ff0bc3d', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '1eb8b918e676b267caa0c8808a4dbde740ca46df', class: "col-12" }, index.h("form-control-text", { key: 'e540eeac2975e58fb5a28dc670441babdc62f857', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '102078fb6d9bc409abe06d7ef4d3bbc11edc1f7a', class: "col-12" }, index.h("form-control-text", { key: '51f7801dab1d69ea38891e5b31c3c23166d2bdc6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '66d068a5c05b643e03f45f6cdb0a4f76720d5832', class: "col-12" }, index.h("form-control-select", { key: '5fa5b53dc35132b0d4948d8ca857563e726599bb', name: "account_type", label: "Account Type", options: businessFormOptions.bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '522d348ea1460b7d645028a5174fce5bd6704adb', class: "col-12" }, index.h("form-control-text", { key: 'b2f3c8f097c5f0956252ada807f75d80f0c20225', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), index.h("div", { key: '627bfec99086214dad9f938a7c6f6650bb1023b8', class: "col-12" }, index.h("form-control-text", { key: 'a21cff4dbcbfb85dc851f1905a0dbeb99df81325', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
     }
 };
 
@@ -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: '10c2cf450e59fd8ac8b020e2e2b77cfc8821b215' }, index.h(BankAccountFormSkeleton, { key: '6fbcdf90c6da356b44813e7245054bad69fac4ca', isReady: this.isReady }), index.h("div", { key: 'c1df41c8bd3b3986191b0abad815667e1b88a135', 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: 'e4643bc24f565a43a00f09cc93ba1d1fe7063435', class: "row mb-3" }, index.h("iframe-input", { key: '82850d403c7a137392acd3425c0f1daa3b6e97c9', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: '23854468a9e34f4f940b0988f3debc5f035d9102', class: "row" }, index.h("iframe-input", { key: '595739da0710dae542e4fa9b6286e957f599c502', 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: '4918918c10e558587e1d356cee9ec8540ed88e1c' }, index.h(CardFormSkeleton, { key: 'e61d11784aa1a9ea84fe9f0544a84f587cdf6fa4', isReady: this.isReady }), index.h("div", { key: 'd0640890482bcb679c0d49e569ed34912aa37426', 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: 'ef3548ee5dcf517f5c31b3aa40fc5ed5f8e37f59', class: "mb-3" }, index.h("iframe-input", { key: '4fa52574bfe8334f3294e45b2e63bf109750f925', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '5ad5bfe88c1531a74a636e2e07572b8401095ecf', class: "d-flex align-items-start" }, index.h("div", { key: '29d9d3e3c0080243ea44ca7515c690b90bd0d944', class: "flex-fill me-3" }, index.h("iframe-input", { key: '01ebb2a6101d33b08135ac879fce192f57ea822e', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '769c4e873c4062ec90fae3a7b0606e8db49754c0', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'a36c705e6f8231f01615ee8a878aa5427a11bcce', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '2923118dc4ec2f107aad34e0f77ea3d58340a734', class: "flex-fill" }, index.h("iframe-input", { key: 'ec3226c1eca1705672e8ea7f80be47ca6f81838b', 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-B48ZmuJS.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _package = require('./package-BS0_inF6.js');
-var Api = require('./Api-y2G49jOh.js');
+var _package = require('./package-C3FMDKcV.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: '04dae06915792f92df18740353f63781fbc15558' }, index.h(table.TableComponent, { key: '87f0d5658e76198d6332c272eabc09236569a6c3' }, index.h(table.TableHead, { key: '7b9d1d9e5875b7c83c126c06a80b1e4f8e9ec86c' }, index.h(table.TableHeadRow, { key: '8e8963b02099f6ae81a1ab9b9e00212a87be742f' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '2e1b461150fc01112c08f030402c8433611da6f3' }, index.h(table.TableLoadingState, { key: 'aefba717db73fb1052eb49906354492548eda57d', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'b353ddae94305c6f58c4026ab6a48ef16a05005c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '852bb7c4f1968f56a692e595dbe9a6223b5b3b1d', 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: '5077d7f5843d62b73d85adafff03022db168de0f' }, index.h(table.TableFootRow, { key: 'b338655c2ef2fb256795f781113a0fc312d76a1b' }, index.h(table.TableFootCell, { key: 'c6f4f321400d0f6a73f2ef85a77ea9dab38270b6', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'de00aeea2bbf8cf88c2e31105967d6355ebb18f0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{checkouts-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');