@justifi/webcomponents 6.14.4-rc.1 → 6.14.4

package/dist/module/justifi-checkout.js

@@ -8,13 +8,14 @@ import './justifi-details2.js';
 import './event-types.js';
 import { d as defineCustomElement$7 } from './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$u } from './bank-account-billing-form-simple2.js';
-import { d as defineCustomElement$t } from './bank-account-form2.js';
-import { d as defineCustomElement$s } from './billing-form2.js';
-import { d as defineCustomElement$r } from './billing-form-full2.js';
-import { d as defineCustomElement$q } from './card-billing-form-simple2.js';
-import { d as defineCustomElement$p } from './card-form2.js';
-import { d as defineCustomElement$o } from './custom-popper2.js';
+import { d as defineCustomElement$v } from './bank-account-billing-form-simple2.js';
+import { d as defineCustomElement$u } from './bank-account-form2.js';
+import { d as defineCustomElement$t } from './billing-form2.js';
+import { d as defineCustomElement$s } from './billing-form-full2.js';
+import { d as defineCustomElement$r } from './card-billing-form-simple2.js';
+import { d as defineCustomElement$q } from './card-form2.js';
+import { d as defineCustomElement$p } from './custom-popper2.js';
+import { d as defineCustomElement$o } from './form-alert2.js';
 import { d as defineCustomElement$n } from './form-control-checkbox2.js';
 import { d as defineCustomElement$m } from './form-control-help-text3.js';
 import { d as defineCustomElement$l } from './form-control-radio2.js';
@@ -79,11 +80,6 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout
         checkoutStore.isSubmitting = false;
     }
     checkoutChanged(event) {
-        // if disabled bnpl, remove sezzle from available payment methods
-        if (this.disableBnpl) {
-            this.availablePaymentMethods = event.detail.availablePaymentMethodTypes.filter((method) => method !== PAYMENT_METHODS.SEZZLE);
-            return;
-        }
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
@@ -110,9 +106,9 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'bc8428227b2fc0e0753c4ef4e2370cd34bd34e82' }, h("justifi-modular-checkout", { key: '9fda18728d6fb5b20716070cefc2fcf8ef097459', ref: (el) => {
+        return (h(StyledHost, { key: 'be64697a74e404e567c718562f72ca6cf644a2a4' }, h("justifi-modular-checkout", { key: '49be0912aa949927cb11bde45c6ade0eb25744be', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'e39f9871696d44cea2080198c7b91d03b706f2fd', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'df6045e9394b10f9b3e4b86e1a2242db30cc9b7b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '8f4332bd43371106faf4e264fd5b27c97cb589aa', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'a7170276f18b9fa4b085c4d5de35979d55935929' }, h("justifi-checkout-summary", { key: '109aceb53ad2500e927230b3f82bbb07ab3f604c' }))), h("div", { key: '902e040bbd591408c9d292a592ca4d31fc838d85', class: "col-12 mt-4" }, h("slot", { key: '2677cb4952d88a8ce8f0198b96ed2638d4f4e6eb', name: "insurance" })), h("div", { key: '32c033bba12a7b7bf26159bd1878d6fa4ed913d9', class: "col-12 mt-4" }, h("justifi-header", { key: '74543b63c1b94a5200ad36236818fce7345d5d76', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '8e7c56c75bb779211b72c0b8561df8283b731ca1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c2b0a875169b46dcd7d73428e3f1a4825b380ce5', class: "d-flex flex-column" }, h("section", { key: 'c5f007674c058e88d271c17f0b6b9c959bd0e044' }, h("div", { key: '2c4ecdd0f8708f9f80bae50362ba7fab295f788f' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '5ac363a3b7c38cb3f10e9c2c7916825f0f5dc2d8', class: "mb-3" }, h("justifi-apple-pay", { key: '498c03630e4057b54ebd12a3cd87b6b6bdb00c4b' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '8c8114d142927739a3217d3a0a44c34c89e58f83', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: 'a2fbc5b99a83fbc52698422d2f57a3380f97733f', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), h("justifi-saved-payment-methods", { key: '2e5b27eea7ef433e950feadae0b0a07f8b613533' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'fb1501c51eaf836579547bc50c295ebb67cb09c1', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '49e0687b4955fb92935783250540fe38350bbdcc', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'ba793274de073c8a60c063e9caedcf32780b4bbf', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'ed7be422c4e369382fd42e0b0162357df7de2031', class: "mt-4" }, h("justifi-button", { key: '849d648feec5ce805d6eb87acacf94d62e7a8f1b', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '7ae8865515c16d119d0c951670b86f53006f5a2f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '697f67f1603f78d852c3900f424fea1559dcbbc7', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '005b320bb2318b6e5a888911fe90aeeeb8ca58f1', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'e6e4e720e0d619aa338b1a64ccc75f6bcfb53129' }, h("justifi-checkout-summary", { key: '5bbc4d7223f56fe70bcc9810ebcde55264e17943' }))), h("div", { key: '7c5f714e729c26a8c3589e912100d38e61cb3846', class: "col-12 mt-4" }, h("slot", { key: 'ae66ebfe4a0e1456aaabd706523ef17e9c2c4b50', name: "insurance" })), h("div", { key: '3d74c4078230299a0d093568f9edf61ddede06d6', class: "col-12 mt-4" }, h("justifi-header", { key: '98fad7779ad81e44f56d488f8f9bebb843c8b044', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a522e1c11e8412c0df0b272201a9eb929e8f38a5', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '670a875b91e3c4f41cc1f99e159ddb62d5d2cd9d', class: "d-flex flex-column" }, h("section", { key: '660a700bfdffa79b3e00da2ae186f98fbefc59de' }, h("div", { key: '3c314f058f5a6bf745800790dcad6b0f09ec9fdf' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9b3003bc6a7e2a85c64d28ac1457871297fcb570', class: "mb-3" }, h("justifi-apple-pay", { key: '25fb043d7fdd2308ceaf8cef9b8e3db72c276ec8' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '62ea38828ed1e7fe795cd92c1523e0a09dbb1249', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: '6bf9455e95950766204a4b9a16c51512961dab6d', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), h("justifi-saved-payment-methods", { key: 'ab59f136054cc421499002a3955aa91a679c1e16' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '7f51953073b94f893b197cdedc123ec273283574', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && (h("justifi-radio-list-item", { key: '4ff159b8cd0eb5fe9a4e6a168a6c6b018754aad6', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '9598c68ebb09a5fa817e9318526fa1bb6ffab5f3', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '92727d5624ed61bc3d986e495332e6a8e003dc8f', class: "mt-4" }, h("justifi-button", { key: 'b9b00d1bb08cb2beee1fd7e38877c5073245e4d5', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -151,7 +147,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "bank-account-billing-form-simple", "bank-account-form", "billing-form", "billing-form-full", "card-billing-form-simple", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "internal-button", "justifi-apple-pay", "justifi-button", "justifi-checkout-summary", "justifi-google-pay", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method", "radio-list-item", "save-new-payment-method"];
+    const components = ["justifi-checkout", "bank-account-billing-form-simple", "bank-account-form", "billing-form", "billing-form-full", "card-billing-form-simple", "card-form", "custom-popper", "form-alert", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "internal-button", "justifi-apple-pay", "justifi-button", "justifi-checkout-summary", "justifi-google-pay", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method", "radio-list-item", "save-new-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -160,35 +156,40 @@ function defineCustomElement$1() {
             break;
         case "bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "billing-form-full":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "card-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "form-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }

package/dist/module/justifi-checkouts-list-filters.js

@@ -70,8 +70,8 @@ const JustifiCheckoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1c4b39ee0103e6905affa774f202dd76f147bc89' }, h("table-filters-menu", { key: '9cb0457d0e6ce05925f4e0da04532008020dd46e', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e5c370717e3cf2571f2017d185c7f3ea08eab1c8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2e3c1832bb800fa9065b189a299234fafa7eb4e3', class: "p-2" }, h("form-control-text", { key: '33e1e31d842aa0b8c47e3ea1bc12cc860691f5e3', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '4dcfe2f56d8405f376eb4aa52deaea0fb64e8ff5', class: "p-2" }, h("form-control-text", { key: '272ba42827048aa45ada6090eaf9574950ebaca2', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '7c4e0ad12e0031a70aeaec5a0423d9b0b45c70a4', class: "p-2" }, h("form-control-select", { key: '87775c3a0d1de63301dde682f79a7c2c11a4958b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'e751b51d9e2725addd6e9b082bf326fc039b0a7a', class: "p-2" }, h("form-control-select", { key: '642fc1af53bc89d1604a864f4088781096cd24a2', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'a95638261e002677c51299342d34bafc8a8615b4', class: "p-2" }, h("form-control-date", { key: 'ca017b89e5ae0ea3f4d55ade8de2acbdc2062c86', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '0585dff7f655db9da4f3c2124eac6c90b74dbe3b', class: "p-2" }, h("form-control-date", { key: '50fee01232661f33c1996549cf6523c92dc937c4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'bcee49169e1a26419ec784bc54f2c44647e45a9b' }, h("table-filters-menu", { key: '610a73cf73a45f300cb860056be85948b4d88b33', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '726a5c935121fc7371d0c87c3fc5caca97d9b28e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f74c2c992b97c69e20bed9a6d58a2f5f87ed49bc', class: "p-2" }, h("form-control-text", { key: 'ebebfe02d605f782ec1b7d845af4d104b71683db', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c21b068705bcd55176316010772b555dfb690571', class: "p-2" }, h("form-control-text", { key: '0b583f4243e17019a0bce4284c52efa46885a1dc', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '8f37a6ff48c7d4a087fd97c4c7304ffaa366c5b8', class: "p-2" }, h("form-control-select", { key: '93fe20d82fb240aa69bcacf22a6db686aa4aadf4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'af69b75624d05163f9da8e125ae40b371c1fcc38', class: "p-2" }, h("form-control-select", { key: '46a1db36de05f100b7ac5b9ad92dcce99f3fc4e4', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '56bba4a390bbc1bedc57183c297414903261a52c', class: "p-2" }, h("form-control-date", { key: 'ee284ecee968db1520f7ced86c8c45aa47b6f802', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '23cfe2cead1ff93326b7ffc2713c652a2ae37ffb', class: "p-2" }, h("form-control-date", { key: 'd06729ff97a8d48beb09652a098b7d1d1b47823b', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {

package/dist/module/justifi-checkouts-list.js

@@ -17,7 +17,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { f as formatDate, a as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
@@ -269,8 +269,8 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'd384dda32587dfc469e998b2b8f209ef17aef775' }, h(TableWrapper, { key: '98f2472188e64a236fd5cc581efe2895a6de58a3' }, h(TableComponent, { key: 'f02db4d024b9d2250a637fb28dca06eaff1d894c' }, h(TableHead, { key: '8c96bfa14e4e2154c1f575595f9597d3adc640df' }, h(TableHeadRow, { key: '08cddf6a31fbe99c8b46f61ceca996acb9b87f0b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '99b88bfdb3871f82d653b00536f22c5c17cf38ac' }, h(TableLoadingState, { key: 'e05e1d543481df360b42e5563d5963277d10110e', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c4e19d3e8c9c779249efa63be592fbf5948b6ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7660b4991974dc46d8fb9dfd28ef7ea79d8e22e0', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'd56c6cb6a529dabf00c5260a39a2e2ab8e3749be' }, h(TableFootRow, { key: 'd28363ad8d8823f3da097edb263aa10308cbdb04' }, h(TableFootCell, { key: 'd6fcce3cf39e43718e8b15d42445c053d0feaa21', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6b956571ed6ae297df5430cad4be92eee2bdb9cc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '882db931e1e29698776ffa6c715ca4abb7d322f7' }, h(TableWrapper, { key: '7bb610f41ae1feab6e4a1cf8abb19fbff00914e6' }, h(TableComponent, { key: '4ca7ca2a8fcb7b26cd4cdb7679ef7c3db17bb1d1' }, h(TableHead, { key: 'b2fdd2852c74f066cfdf7aee27148fa36cf5df74' }, h(TableHeadRow, { key: '688d8189928c8ee54e6b60383492cdd2e7717fcf' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '0e3e589b387455bdbb30c5130e206c46447d2a43' }, h(TableLoadingState, { key: 'b0d74610ef26b4b67e1c1a70b93e9932c4d47350', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dfc775ac8f7a47611e740e1e4b7562adfffd15d3', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '8ba255c49e9ea76d13644b4c5842f9c003816040', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '82cf7b391647fdb6cefcbdbe13113ebb6e70bf62' }, h(TableFootRow, { key: '6678e2573867bf3c79f266ebab392034eb143c65' }, h(TableFootCell, { key: 'c981a304af815c314e8306922b779cea8670b825', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ea32b8d13a5af7122095fd4081d29668019928ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["authPropChanged"],

package/dist/module/justifi-dispute-management.js

@@ -146,7 +146,7 @@ const JustifiDisputeManagement$1 = /*@__PURE__*/ proxyCustomElement(class Justif
         });
     }
     render() {
-        return (h(StyledHost, { key: 'e95c2e42f6e966681986089eccd9c0c6099d7214' }, h("div", { key: '18e936c7fd6992cfc18f8e98a2eda2f333c862f2' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
+        return (h(StyledHost, { key: '6d86218f7a7fe8ea93a377e3bf182dc67e339682' }, h("div", { key: '0b51a3bbf6608671ba63773aa77665f85e88ef27' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-modular-checkout2.js

@@ -88,6 +88,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         };
     }
     connectedCallback() {
+        var _a;
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
@@ -105,8 +106,8 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         };
         this.getCheckout = makeGetCheckout(config);
         this.completeCheckout = makeCheckoutComplete(config);
-        // Emit checkout-changed whenever any store key changes
-        onAnyChange(() => {
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = onAnyChange(() => {
             this.emitCheckoutChanged();
         });
     }
@@ -129,8 +130,10 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         this.setupGooglePayListeners();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        var _a, _b;
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = undefined;
+        (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
     }
@@ -465,7 +468,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         });
     }
     render() {
-        return h(Host, { key: '545e1cb07252ba0dc78fa980bd17ee5572559f6c' });
+        return h(Host, { key: '95cee2812d5dfb7593acad24a259cc075f195334' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

package/dist/module/justifi-order-terminals.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { L as heading4, a2 as heading5, z as buttonPrimary, j as text } from './parts.js';
+import { M as heading4, a2 as heading5, A as buttonPrimary, j as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';
 import './event-types.js';

package/dist/module/justifi-payment-transactions-list.js

@@ -15,7 +15,7 @@ import './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {

package/dist/module/justifi-payments-list.js

@@ -16,7 +16,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { h as convertToLocal } from './utils2.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 

package/dist/module/justifi-payout-transactions-list.js

@@ -15,7 +15,7 @@ import './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {

package/dist/module/justifi-payouts-list.js

@@ -17,7 +17,7 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 

package/dist/module/justifi-refund-payment.js

@@ -277,7 +277,7 @@ const JustifiRefundPayment$1 = /*@__PURE__*/ proxyCustomElement(class JustifiRef
                 onError: ({ error, code, severity }) => {
                     // If void fails, fall back to refund
                     voidAttempted = true;
-                    this.handleError(error, code, severity);
+                    this.handleError(code, error, severity);
                     this.processRefund(values)
                         .then(resolve);
                 },
@@ -306,7 +306,7 @@ const JustifiRefundPayment$1 = /*@__PURE__*/ proxyCustomElement(class JustifiRef
                 onSuccess: (response) => { refundResponse = response; },
                 onError: ({ error, code, severity }) => {
                     refundResponse = error;
-                    this.handleError(error, code, severity);
+                    this.handleError(code, error, severity);
                 },
                 final: () => {
                     this.submitEvent.emit({ response: refundResponse });

package/dist/module/justifi-terminal-orders-list.js

@@ -5,7 +5,7 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { h as convertToLocal } from './utils2.js';
 import './config-state.js';
 import { j as TerminalOrderType, t as TerminalOrder, C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';

package/dist/module/justifi-terminals-list.js

@@ -16,7 +16,7 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { E as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { l as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';

package/dist/module/justifi-tokenize-payment-method2.js

@@ -13,13 +13,14 @@ import './Business.js';
 import './ApplePay.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$i } from './bank-account-billing-form-simple2.js';
-import { d as defineCustomElement$h } from './bank-account-form2.js';
-import { d as defineCustomElement$g } from './billing-form2.js';
-import { d as defineCustomElement$f } from './billing-form-full2.js';
-import { d as defineCustomElement$e } from './card-billing-form-simple2.js';
-import { d as defineCustomElement$d } from './card-form2.js';
-import { d as defineCustomElement$c } from './custom-popper2.js';
+import { d as defineCustomElement$j } from './bank-account-billing-form-simple2.js';
+import { d as defineCustomElement$i } from './bank-account-form2.js';
+import { d as defineCustomElement$h } from './billing-form2.js';
+import { d as defineCustomElement$g } from './billing-form-full2.js';
+import { d as defineCustomElement$f } from './card-billing-form-simple2.js';
+import { d as defineCustomElement$e } from './card-form2.js';
+import { d as defineCustomElement$d } from './custom-popper2.js';
+import { d as defineCustomElement$c } from './form-alert2.js';
 import { d as defineCustomElement$b } from './form-control-checkbox2.js';
 import { d as defineCustomElement$a } from './form-control-help-text3.js';
 import { d as defineCustomElement$9 } from './form-control-radio2.js';
@@ -330,7 +331,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-tokenize-payment-method", "bank-account-billing-form-simple", "bank-account-form", "billing-form", "billing-form-full", "card-billing-form-simple", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "internal-button", "radio-list-item", "save-new-payment-method"];
+    const components = ["justifi-tokenize-payment-method", "bank-account-billing-form-simple", "bank-account-form", "billing-form", "billing-form-full", "card-billing-form-simple", "card-form", "custom-popper", "form-alert", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "internal-button", "radio-list-item", "save-new-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
@@ -339,35 +340,40 @@ function defineCustomElement() {
             break;
         case "bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "billing-form-full":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "card-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }

package/dist/module/owner-form-inputs2.js

@@ -4,7 +4,7 @@ import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfB
 import { a as CountryCode } from './Business.js';
 import { c as countryLabels } from './country-config.js';
 import { d as businessTitleOptions } from './business-form-options.js';
-import { l as label, c as inputDisabled, A as buttonSecondary } from './parts.js';
+import { l as label, c as inputDisabled, B as buttonSecondary } from './parts.js';
 import { d as defineCustomElement$9 } from './custom-popper2.js';
 import { d as defineCustomElement$8 } from './form-address-fields2.js';
 import { d as defineCustomElement$7 } from './form-control-date2.js';

package/dist/module/owner-form2.js

@@ -3,7 +3,7 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { i as identitySchemaByCountry } from './business-identity-schema.js';
 import { B as Button } from './button.js';
-import { y as heading3 } from './parts.js';
+import { z as heading3 } from './parts.js';
 import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.14.4-rc.1";
+const version = "6.14.4";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/parts.js

@@ -107,4 +107,4 @@ const checkoutSummary = `checkout-summary`;
 const filterMenu = `filter-menu`;
 const filterParam = `filter-param`;
 
-export { badge as $, buttonSecondary as A, card as B, table as C, tableHeadCell as D, tableCell as E, alert as F, inputCheckboxInvalid as G, inputCheckboxCheckedFocused as H, inputCheckboxFocused as I, inputCheckboxChecked as J, inputCheckbox as K, heading4 as L, alertDanger as M, paginationButton as N, paginationButtonDisabled as O, paginationButtonIconPrevious as P, paginationButtonText as Q, paginationButtonIconNext as R, loadingSpinner as S, badgeDark as T, badgeLight as U, badgeInfo as V, badgeWarning as W, badgeDanger as X, badgeSuccess as Y, badgeSecondary as Z, badgePrimary as _, inputAdornment as a, image as a0, buttonLink as a1, heading5 as a2, buttonOutlineSecondary as a3, buttonOutlinePrimary as a4, buttonDark as a5, buttonLight as a6, buttonInfo as a7, buttonWarning as a8, buttonDanger as a9, buttonSuccess as aa, buttonLoading as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, inputInvalidAndFocused as v, skeleton as w, billingForm as x, heading3 as y, buttonPrimary as z };
+export { badge as $, buttonPrimary as A, buttonSecondary as B, card as C, table as D, tableHeadCell as E, tableCell as F, alert as G, inputCheckboxInvalid as H, inputCheckboxCheckedFocused as I, inputCheckboxFocused as J, inputCheckboxChecked as K, inputCheckbox as L, heading4 as M, paginationButton as N, paginationButtonDisabled as O, paginationButtonIconPrevious as P, paginationButtonText as Q, paginationButtonIconNext as R, loadingSpinner as S, badgeDark as T, badgeLight as U, badgeInfo as V, badgeWarning as W, badgeDanger as X, badgeSuccess as Y, badgeSecondary as Z, badgePrimary as _, inputAdornment as a, image as a0, buttonLink as a1, heading5 as a2, buttonOutlineSecondary as a3, buttonOutlinePrimary as a4, buttonDark as a5, buttonLight as a6, buttonInfo as a7, buttonWarning as a8, buttonDanger as a9, buttonSuccess as aa, buttonLoading as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, inputInvalidAndFocused as v, skeleton as w, billingForm as x, alertDanger as y, heading3 as z };

package/dist/module/plaid-verification2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
-import { z as buttonPrimary } from './parts.js';
+import { A as buttonPrimary } from './parts.js';
 import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';

package/dist/module/product-or-service2.js

@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'befcaee1dd5343ec47a55f27dc51c1d18cd57a71' }, h("div", { key: '56005c7449374963a548ea89250cc8ebbf2e75e4', class: "row gy-3" }, h("div", { key: 'ba5cdd019cb69288b49570d59317079665bf2b81', class: "col-12" }, h("h2", { key: '494feff3a2bb645653c77c7d7b031e761ed8c253', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '84db8064cd1c110e64b56961838f62f8676aed19', class: "col-12" }, h("form-control-text", { key: '98e82b9ca4b27476bc9e523afaf13ce55df9cce5', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'da06d2ef195dbc8cee8680e3a4c9107849836ab3', class: "col-12" }, h("form-control-date", { key: '3d2fb41fccfddb65d92468a78e3f5a4cfd9a67b5', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '824410485b182d8e309468506a9c8ae19ce1461f', class: "col-12" }, h("form-control-file-v2", { key: 'f8f5d542260b88754c05b61f0d50374d1f66a93e', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '05c536ee29807808dde18056696f0874d58efbe9' }, h("div", { key: '07927d573fff06c4b65330a4cfb493f594e362d4', class: "row gy-3" }, h("div", { key: 'c38ab76b089b7b66aad0dd89dbc74b2a3fedddda', class: "col-12" }, h("h2", { key: '830d1384bc17af43bcd20145eab870ca293d965d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '6b5fb4827719e7dd29a90935ec5afd540c1c81fd', class: "col-12" }, h("form-control-text", { key: '0fed87fcbb554a739285431f6256f8b8d7802b9a', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '8a59d2bb505dd211126d6e4a6e741aaed959edc7', class: "col-12" }, h("form-control-date", { key: 'ffa4f5323aaa7c274950f2176774a4f7946c4ca4', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'c9e7aca6c2e9c66ec0884b34533af18a1c581b4d', class: "col-12" }, h("form-control-file-v2", { key: '8db8543f45b02496d2cc6f04794c18da55f4c146', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy2.js

@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'd5419f7dc7ca4e66522437969b451c7adfda6b06' }, h("div", { key: 'f74344edd56fe88d481f3c428aee3f7a3170ef1a', class: "row gy-3" }, h("div", { key: 'ad826fd7a497664e8a9a97bf4f749ddd5f4899a4', class: "col-12" }, h("h2", { key: 'f792af239a7df56d2a7289fae8ee487048343851', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '5a159d8fbb74d7580a9d6ef34d1a752b68525251', class: "col-12" }, h("form-control-textarea", { key: '8fdcac1c9336874635d955f651b44389ddc3d576', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'ca0d7a0c5161d572a27459ec5847bd6aedda8552', class: "col-12" }, h("form-control-textarea", { key: '7dde3212e5453772afbc4dfff8de5285d29ec3b3', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'ec5615813cceb9b2eaaf327e4a4fb2785f341ce8', class: "col-12" }, h("form-control-file-v2", { key: '38d6901b619eb353da9b6066957579caa97064e3', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '64245ce028bff37a6f9852e75d1b2e6ba27fd3ef', class: "col-12" }, h("form-control-file-v2", { key: '126ce22ff40995cfc0d4f059b2463a98a6dfcb50', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'baf5ee051fb023d19f3d0c21d4a7ee651e283c76' }, h("div", { key: 'c8e4870b875bff53184b90e2d254acdee795e51c', class: "row gy-3" }, h("div", { key: '872d7f45c1b5832234d013a3f7065d05f9896d80', class: "col-12" }, h("h2", { key: '7ae62cf2f5ab51537349b91db8fa9d2fa351e685', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '48a8249261d3bcf981e45dba6aaf260c4419816e', class: "col-12" }, h("form-control-textarea", { key: '31b6c4b3ffadc1fe812a00fb5e4d40de423b635e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'f5504c3367bc74127dec92d95d0934a9bbb00b29', class: "col-12" }, h("form-control-textarea", { key: '9fe085d5435561251b3192169904438f0b6501e6', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'ae8110175bfd1880b62e41fc1b474f31a9523cfb', class: "col-12" }, h("form-control-file-v2", { key: 'ba38271cac7afd52ba6669086d664cec2e008f77', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '31ff66405fdae65e1b441b847a0e5f048822e0fc', class: "col-12" }, h("form-control-file-v2", { key: 'a36cb88846ba11690a4525ffbb27c0b4fb2140af', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/shipping-details2.js

@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'dabe709653579ef5c19806146e149fdbfa65686c' }, h("div", { key: '07d9f91a68d770daed48f84678ffa2f2182b4625', class: "row gy-3" }, h("div", { key: '6052cb801e0e8cfc73a946e32d37a35e4726f8aa', class: "col-12" }, h("h2", { key: '8cea7d2ac9d5e53a01d4e8f3a14b3b6947e72f19', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '79adf032e4435f8e89e5d848e397c8389c35ee99', class: "col-12" }, h("form-control-text", { key: '4dd59285b595b33944168e5a959fbf7686b71c4c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e25cb74edb5133cfaa1c8abb6194a43104d51e80', class: "col-12" }, h("form-control-text", { key: 'bdb47ebe63e9717db4308d89e890bdd01ecad9fc', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'ccb5a0facc6aa6f7c311f3d1a395faa214b4c099', class: "col-12" }, h("form-control-date", { key: 'a2e1a7af287b7afae6ba7451bd4f51292e2e14fa', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'ce176cd89d1c2fbf4cb3e1a84d84fb38e7f77ae9', class: "col-12" }, h("form-control-textarea", { key: '5f09d91a79081a8dea6eb44b44e6500f5f9b547b', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'b41048055f1fc82bb383d300f32e13efa2a4f0fc', class: "col-12" }, h("form-control-file-v2", { key: '2fda26e5404c3a2a0c10261ffc1e005b688e057a', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '079899510230700b1b0164642856719267e0dc09' }, h("div", { key: '23229775a0a57e60cd6de4ceff1bcb60d2502283', class: "row gy-3" }, h("div", { key: '9376fd2dfe64983f734f93354c08a38cbe6d46d4', class: "col-12" }, h("h2", { key: '141a2e2a5098388d15e4626a4311a0d95991af3b', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c1eae745411ea51d07839c84abce48742cf8e31b', class: "col-12" }, h("form-control-text", { key: '37ffbdb5be2e0bcffcc78b19ce5a125fd3a7cbd5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '27f39470af011e3cbae85e35e56c544a331c1241', class: "col-12" }, h("form-control-text", { key: 'dda7d915ab28bb2845cbfd1338222b1c50aab063', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'bbf1cff1e23632597fad5c84b4c6ceb8080be547', class: "col-12" }, h("form-control-date", { key: '8a0bc94d48e7ccde53408ad6a3f20ffcfe7a6263', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '55e9efd42f6380c0bb645de90dde4eb63ce80a5d', class: "col-12" }, h("form-control-textarea", { key: '0dac6c8521bec728b7dd182841552b72f38dbbec', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '488034d64bc2808d27b9a072515cb84593e72db9', class: "col-12" }, h("form-control-file-v2", { key: '609b0177ed8279fe483f5b4e59ee076b4b471ee7', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/table-filters-menu2.js

@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'bcecb736427ce7859174c8f91938f720f8e32782', class: "d-flex gap-2" }, h("div", { key: 'aadd72cb3aac3d676a340068304802dbc5dfeab2', class: "dropdown pb-3" }, h("button", { key: '2dbb5590ea8ed60d2228b0f0b262332e5d377810', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'c516ec2550207e3acc3d0186c6f86d351a6ca4a9', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '4ee1c1bd0e5c9eacccb857986d3f2e37bb3d990b', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b274f915722d1a59af4578935c4233bcf700c7b2' })))), h("div", { key: 'ce527862135dd31b9b198133a3a2c19699419c5d' }, h(Button, { key: '272022c173de7f8c41ba7a88cf5aa004da11b3a2', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b2995f302e9627d876ff6ac21295d41ce69d4f7b', class: "d-flex gap-2" }, h("div", { key: '998fd281023ac31e826e5288d4b6d47292cdf6ef', class: "dropdown pb-3" }, h("button", { key: 'fc3ee216db9069418fcc0c53f0910185934b4ad9', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '276206711bc368554023e0545852cc2dd05bbc84', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '099fa4a9981bf956e2bab4b938595ed5414d0c49', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7d4e6e5b97effc0ccddce3333795b1fc43f63e43' })))), h("div", { key: '422589b336e1e9d0a1aac49ce05f7febf804759c' }, h(Button, { key: '1ae668bea62082a84fe47d75697d2b0cbb9ed617', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { C as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, E as tableCell } from './parts.js';
+import { D as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, F as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { B as card, a0 as image, a1 as buttonLink } from './parts.js';
+import { C as card, a0 as image, a1 as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 

package/dist/types/api/ComponentError.d.ts

@@ -1,4 +1,5 @@
 export declare enum ComponentErrorCodes {
+    IFRAME_LOAD_ERROR = "iframe-load-error",
     MISSING_PROPS = "missing-props",
     FETCH_ERROR = "fetch-error",
     PATCH_ERROR = "patch-error",
@@ -20,6 +21,7 @@ export declare enum ComponentErrorSeverity {
     ERROR = "error"
 }
 export declare enum ComponentErrorMessages {
+    IFRAME_LOAD_ERROR = "Payment form failed to load. Please try again.",
     NOT_AUTHENTICATED = "Not authenticated. Please provide a valid auth token, checkout id, and account id.",
     CHECKOUT_ALREADY_COMPLETED = "Checkout already completed. Please create a new checkout.",
     CHECKOUT_EXPIRED = "Checkout expired. Please create a new checkout."

package/dist/types/components/checkout/bank-account-form/bank-account-form-skeleton.d.ts

@@ -1,6 +1,3 @@
 import { FunctionalComponent } from "../../../stencil-public-runtime";
-interface BankAccountFormSkeletonProps {
-    isReady: boolean;
-}
-declare const BankAccountFormSkeleton: FunctionalComponent<BankAccountFormSkeletonProps>;
+declare const BankAccountFormSkeleton: FunctionalComponent;
 export default BankAccountFormSkeleton;

package/dist/types/components/checkout/bank-account-form/bank-account-form.d.ts

@@ -1,12 +1,17 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ComponentErrorEvent } from "../../../api";
 export declare class BankAccountForm {
-    isReady: boolean;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
     iframeOrigin: string;
     tabId: string;
+    iframeState: 'loading' | 'ready' | 'error';
     private accountNumberIframeElement;
     private routingNumberIframeElement;
     private hasLoggedAchDisabledWarning;
+    private loadAbortController?;
     componentWillLoad(): Promise<void>;
     componentDidRender(): void;
+    disconnectedCallback(): void;
     private isAchDisabledForCheckout;
     validate(): Promise<any>;
     tokenize({ clientId, paymentMethodMetadata, account }: {
@@ -14,5 +19,10 @@ export declare class BankAccountForm {
         paymentMethodMetadata: any;
         account?: string;
     }): Promise<any>;
+    private get isReady();
+    private get iframeElements();
+    private watchIframesLoad;
+    private reloadIframes;
+    private renderIframeError;
     render(): any;
 }

package/dist/types/components/checkout/card-form/card-form-skeleton.d.ts

@@ -1,6 +1,3 @@
 import { FunctionalComponent } from "../../../stencil-public-runtime";
-interface CardFormSkeletonProps {
-    isReady: boolean;
-}
-declare const CardFormSkeleton: FunctionalComponent<CardFormSkeletonProps>;
+declare const CardFormSkeleton: FunctionalComponent;
 export default CardFormSkeleton;