@justifi/webcomponents 5.7.6-rc-03 → 5.7.6-rc-04

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

@@ -7,7 +7,7 @@ import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './config-state.js';
 import './dinero.js';
-import { n as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { o as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
@@ -96,7 +96,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e0fcbc2ccb76acdbcd7a18772d509995c81b1ae1' }, h("terminal-orders-list-core", { key: '21b108f554caa4343ecbd3bffa404c01442ef938', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e51250fa0af34799ed165080e8d0e1feb31cf6d8' }, h("terminal-orders-list-core", { key: 'b8f7b20bc976805fa522d3f85fe1382f1326381c', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [1, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -8,7 +8,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import './dinero.js';
-import { f as ITerminalStatus } from './Refund.js';
+import { g as ITerminalStatus } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
@@ -51,7 +51,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'a5fe1671dd03e1290544f3deaf5aa01b5d937d9d' }, h("table-filters-menu", { key: 'f7a3d95c1b0ad0b52b96f990fd56fdbe64643493', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '92b0144a5ab7eee377e053e9b006af846ac43d64', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3970a2e11f3be7953af299be4825166a829e9a0a', class: "p-2" }, h("form-control-text", { key: '0653692eaffdb14b092643a9f3c1b8e126c942db', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'c9d152d0a2d7e7b7fd7e72693a2248a020545a24', class: "p-2" }, h("form-control-text", { key: '785e7b382d9cadb72e242a379f2525b2da5140de', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'f4f1e79eb81a72dd25bb4f4c14450ca82657f213', class: "p-2" }, h("form-control-select", { key: '52b390e42309e13e2f09df0681392bbf8e84aed8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '81ef3685f99ca6e33c2facd2bf22f186e54f3250' }, h("table-filters-menu", { key: '97218ed4bf43e21bde0f3ac282d77f584bb042b3', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '2f1b8d3d55be6f3448c344a90ababc120723b453', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ab5d8d959bb8541df3bba8e18775fc1ead7cac48', class: "p-2" }, h("form-control-text", { key: '26234bc40edef8e4cc3be2d83e8a9beeb8906eff', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1cd238d705fc3222694e882a5848e4f5caadc254', class: "p-2" }, h("form-control-text", { key: 'a8d17bb259f0003207f16c328eebc0673e8c4377', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'fd1a215f7350a74dedd1eabd2c9ea3daaf72bea5', class: "p-2" }, h("form-control-select", { key: 'a2e14787e232b5415d2d4258e56e8618fd7a43bc', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [1, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { l as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.js';
@@ -101,7 +101,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '57a9be57de845dc3f905260445e245cf30458af8' }, h("terminals-list-core", { key: '00f79218e216fffc12ecfc3b158cd299ad054349', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'fe998292778d729620666188320650f3a25c5bda' }, h("terminals-list-core", { key: '94d37a1376da8694c78d6b6dfa20528d5c008e7f', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -46,7 +46,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.isLoading = false;
-        this.saveNewPaymentMethodChecked = false;
+        this.computedHideSubmitButton = false;
         this.submitButtonText = 'Submit';
     }
     componentWillLoad() {
@@ -56,6 +56,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     }
     connectedCallback() {
         this.setDefaultSelectedPaymentMethod();
+        this.setComputedHideSubmitButton();
     }
     disconnectedCallback() {
         var _a;
@@ -67,9 +68,6 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     handleRadioClick(event) {
         this.selectedPaymentMethodId = event.detail;
     }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
     async fillBillingForm(fields) {
         var _a;
         (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
@@ -147,6 +145,27 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
             }
         }
     }
+    setComputedHideSubmitButton() {
+        // If hideSubmitButton prop is explicitly set, use that value
+        if (this.hideSubmitButton !== undefined) {
+            this.computedHideSubmitButton = this.hideSubmitButton;
+            return;
+        }
+        // Otherwise, auto-detect if component is slotted within modular-checkout
+        const isWithinModularCheckout = this.isSlottedWithinModularCheckout();
+        this.computedHideSubmitButton = isWithinModularCheckout;
+    }
+    isSlottedWithinModularCheckout() {
+        var _a;
+        let parent = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement;
+        while (parent) {
+            if (parent.tagName === 'JUSTIFI-MODULAR-CHECKOUT') {
+                return true;
+            }
+            parent = parent.parentElement;
+        }
+        return false;
+    }
     get availablePaymentMethods() {
         const methods = [];
         if (!this.disableCreditCard) {
@@ -222,8 +241,14 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         }
     }
     buildPaymentMethodMetadata(billingFormFieldValues) {
-        return this.saveNewPaymentMethodChecked
-            ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId }) : Object.assign({}, billingFormFieldValues);
+        return this.shouldSavePaymentMethod
+            ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
+    }
+    get paymentMethodGroupID() {
+        return this.paymentMethodGroupId || checkoutStore.paymentMethodGroupId;
+    }
+    get shouldSavePaymentMethod() {
+        return !!(this.paymentMethodGroupId || checkoutStore.savePaymentMethod);
     }
     get shouldHideRadioInput() {
         const showCard = !this.disableCreditCard;
@@ -235,14 +260,15 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return (h("div", { class: "payment-method" }, h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodId) {
-        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID })));
     }
     renderPaymentMethodForm(paymentMethodId) {
         return paymentMethodId === PaymentMethodTypes.card ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: 'c3c12d1c58540f7fe794bc999e8cc8f47e9e1f8c' }, h("form", { key: 'aeb7843431a96feb79da49f1c28e0de6dc2d65c4' }, h("fieldset", { key: 'e890fbe8bb05bb6d74f8cabc9f4eb4feee4284ee' }, h("div", { key: '5abfab85b050239deea655dc777ff026b6627b8b', class: "row gy-3" }, h("div", { key: '9bb9dd865d6b2162d19a773ca232934da71bd792', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'aac644f69aa0e68632b850fc0f5c1442e26979e4', class: "col-12" }, h("justifi-button", { key: 'd2a35bd402b0d45dbcb48fefd44a624d4ab27a64', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton })))))));
+        return (h(StyledHost, { key: 'b8cf3e66f93bf1b1dd2c3116781ddf0168cbd4e7' }, h("form", { key: '70ad04762a32e930b6b96c2d8609577cd5d1e8d6' }, h("fieldset", { key: 'f7a7d53512b3d034999b18b666381c2df04f082b' }, h("div", { key: '6e5be958e583399ac733aefe4ddf935f5aec98df', class: "row gy-3" }, h("div", { key: '2d81034d2d95532a18bef58cdd1635b1d3b1d735', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'a791aac6520c187fd336012d97c976ece891edeb', class: "col-12" }, h("justifi-button", { key: '9ff1733b1811fea31b1e4dc41694db4eb40be14c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
+    get host() { return this; }
     static get watchers() { return {
         "disableCreditCard": ["paymentMethodsChanged"],
         "disableBankAccount": ["paymentMethodsChanged"]
@@ -259,11 +285,11 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         "submitButtonText": [1, "submit-button-text"],
         "isLoading": [32],
         "selectedPaymentMethodId": [32],
-        "saveNewPaymentMethodChecked": [32],
+        "computedHideSubmitButton": [32],
         "fillBillingForm": [64],
         "tokenizePaymentMethod": [64],
         "validate": [64]
-    }, [[0, "radio-click", "handleRadioClick"], [0, "checkboxChanged", "handleCheckboxChanged"]], {
+    }, [[0, "radio-click", "handleRadioClick"]], {
         "disableCreditCard": ["paymentMethodsChanged"],
         "disableBankAccount": ["paymentMethodsChanged"]
     }]);

package/dist/module/modular-checkout.js

@@ -3,12 +3,12 @@ import { c as checkoutStore, o as onChange } from './checkout.store.js';
 import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics.js';
 import './config-state.js';
 import './dinero.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, d as ComponentErrorMessages, I as ICheckoutStatus } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
-import { i as insuranceValuesOn, a as insuranceValues } from './insurance-state.js';
+import { i as insuranceValuesOn, h as hasInsuranceValueChanged, a as insuranceValues } from './insurance-state.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -42,7 +42,8 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     try {
         const response = await service.complete(authToken, checkoutId, payment);
         if (!response.error) {
-            onSuccess(response);
+            const checkout = response.data;
+            onSuccess({ checkout });
         }
         else {
             const responseError = getErrorMessage(response.error);
@@ -64,7 +65,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper extends HTMLElement {
+const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
@@ -73,6 +74,9 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         this.paymentMethodChangedEvent = createEvent(this, "payment-method-changed", 7);
         this.savePaymentMethod = false;
     }
+    savePaymentMethodChanged(newValue) {
+        checkoutStore.savePaymentMethod = newValue;
+    }
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
@@ -94,14 +98,23 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         });
     }
     componentWillLoad() {
+        if (!this.authToken || !this.checkoutId) {
+            this.errorEvent.emit({
+                message: ComponentErrorMessages.NOT_AUTHENTICATED,
+                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
         this.analytics = new JustifiAnalytics(this);
         checkPkgVersion();
         checkoutStore.authToken = this.authToken;
+        checkoutStore.savePaymentMethod = this.savePaymentMethod;
         this.fetchCheckout();
-        // Refresh the checkout data when insurance is added or removed
+        // Refresh the checkout data when insurance values actually change (not on initial load)
         insuranceValuesOn('set', (key) => {
             const value = insuranceValues[key];
-            if (value !== undefined) {
+            if (value !== undefined && hasInsuranceValueChanged(key, value)) {
                 this.fetchCheckout();
             }
         });
@@ -117,6 +130,22 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         if (this.getCheckout) {
             this.getCheckout({
                 onSuccess: ({ checkout }) => {
+                    if (checkout.status === ICheckoutStatus.completed) {
+                        this.errorEvent.emit({
+                            message: ComponentErrorMessages.CHECKOUT_ALREADY_COMPLETED,
+                            errorCode: ComponentErrorCodes.CHECKOUT_ALREADY_COMPLETED,
+                            severity: ComponentErrorSeverity.ERROR,
+                        });
+                        return;
+                    }
+                    else if (checkout.status === ICheckoutStatus.expired) {
+                        this.errorEvent.emit({
+                            message: ComponentErrorMessages.CHECKOUT_EXPIRED,
+                            errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
+                            severity: ComponentErrorSeverity.ERROR,
+                        });
+                        return;
+                    }
                     this.updateStore(checkout);
                 },
                 onError: (error) => {
@@ -145,26 +174,19 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
     }
     queryFormRefs() {
         this.paymentMethodFormRef = this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form');
-        this.tokenizeComponentRef = this.hostEl.querySelector('justifi-tokenize-payment-method');
         this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-information-form, justifi-postal-code-form');
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
         this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
     }
     async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b;
+        var _a, _b, _c;
         const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
         const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
         const paymentMethodMetadata = Object.assign({ accountId: checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
+        if (checkoutStore.savePaymentMethod) {
             paymentMethodMetadata.payment_method_group_id = checkoutStore.paymentMethodGroupId;
         }
-        if (this.tokenizeComponentRef) {
-            const tokenizeResult = await this.tokenizeComponentRef.tokenizePaymentMethod();
-            if (tokenizeResult.error) {
-                return tokenizeResult;
-            }
-        }
-        return this.paymentMethodFormRef.tokenize({
+        return (_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
             clientId: this.authToken,
             paymentMethodMetadata,
             account: checkoutStore.accountId,
@@ -263,9 +285,12 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (h(Host, { key: '6949f68031572493fae333731c78cc07ccd7fafd' }));
+        return (h(Host, { key: '6b18f4f77b736f984ac15f168cc51b74c3927225' }));
     }
     get hostEl() { return this; }
+    static get watchers() { return {
+        "savePaymentMethod": ["savePaymentMethodChanged"]
+    }; }
 }, [0, "justifi-modular-checkout", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
@@ -273,6 +298,8 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         "validate": [64],
         "submitCheckout": [64],
         "setSelectedPaymentMethod": [64]
+    }, undefined, {
+        "savePaymentMethod": ["savePaymentMethodChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -282,11 +309,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-modular-checkout":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckoutWrapper);
+                customElements.define(tagName, ModularCheckout);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { CheckoutWrapper as C, defineCustomElement as d };
+export { ModularCheckout as M, defineCustomElement as d };

package/dist/module/package.js

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

package/dist/module/payment-details-core2.js

@@ -59,16 +59,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: '5acae57b23c12cd033e876b7064fa1da53527113' }, this.loading && h(PaymentDetailsLoading, { key: 'db42d6d60e76de571551a20e01bea700ed4e16f4' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '36e906b2df77fccb24603d1c7253d5b935e4465e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '49bc76fa5f5e58dc148d7037ff95271124498e5d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4f22b26195f8d122d8fe6e40a19bbbb4004abea4', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '416770f35ca9cda497bd78b94f45add5a9aa183c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd51a299c1fb98496301acba116fbc8bd02308f16', title: "ID", value: this.payment.id })), h("div", { key: '6e7bd343cbad8f74b698f83941255a5eba2a712c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c99dbf37a902826e4168820735a562632bf00fc1', sectionTitle: "Details" }), h("div", { key: '2d3e8d4483fa3043db2d3ee384723ef033b0fd77', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4d9d3e926535cd2d90d5d9808383c34885b5f0bf', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '39d2a6c2cb0ee10a878fc80833e168d16ddb1420', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b55e1317033cd5f1fe8778cec6764cc445fe30de', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'e08773e47e04eb24d78076a2012909e9cc9e66e2', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'd215a59f20ce0799cce191b7b1b8b9104adf31b2', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '7bdc91d6a9ea0ea6d1356e293be6b096cbe3fdd6', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'df04e3d0f29519fb0155d6c3dbe2789777eea4e8', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '94e55b409ebe4d29c92f49b0e17b4934c40cec17', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'b16820e416b57838fb9ee41ebb7968d2d87b0922', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'f52579f2da829f16014a68e3f85f5544327e0da2', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'fb8174ebec4bff736f0d8ae9f25ec33592d083ba', sectionTitle: "Payment Method" }),
-            h("div", { key: '301ae61c63f3290f109fe87fbd306a9fe5b650b1', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '90f7031b92d4c98fbf200acff5c69c8d7d3c6d59', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '06bc828cec434a7e25b16433569b95867feb509b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '2ca0a51f91c7c8cfdc0ac9c5a4e7cb3e7af41e77', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '9b4e0f3c62d491a3ce31a72181e7eb2258e27571', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3f987dfd88521e1f3c5ed87fdb561abba6b15ffe', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '543dad947d01344e9e5009110bddb5821a02937f' }, this.loading && h(PaymentDetailsLoading, { key: 'abcd6ef7e515e16de73c67899c7cbfc9b70ab33e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'b483164e45760433b992e0e2963286b8b09ffa5b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b9683686f022496a692aa3110aa8a45fbc5e20a8', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'aee5d5a5094b6f28ca91768f367c722c36839503', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '2b6e98971b18a1eac443eb533a970eac31e10b00', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '1eb83f88d6f03498b5c727e12b6bb9843a39c484', title: "ID", value: this.payment.id })), h("div", { key: '65084d14a86e1083a04d3a5ec090836c127e9b2b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c39fb2358ffd27569eaa1d53f2b84436d8c3d13d', sectionTitle: "Details" }), h("div", { key: 'f553f918635184ce74a961adf048e0aef8e4095e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '10904bbe38efc40725407691278d5ef1e050c19a', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'd508f41ab412a26de5d77677083ac5caa5acdbc1', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'cbd6726b86287968734945591503e72fcf3c33d1', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0c826a82c18fc6ddcceafaca8e7c2a365d66ed35', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '891a37d3c9a7ef23dca67f46a0c889d1be15d7ec', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '4072981c52ccf3c44e1539a7faa5c3b71a4d5bc0', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '268e56e5219ce1c32ccbd0fc8b8baea0c0bc3e14', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6c168b8af36129c1463abb5f2297501c6748c53c', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a8f5fffc9ba51dff3e7fbd792c94b0281f8c6bfe', title: "Description", value: this.payment.description }), h(DetailItem, { key: '420e914293457433d5b3ca2251c2732bbaf93124', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '2f8e24f28b11e7ce54013d69ea093c68c0aaa6eb', sectionTitle: "Payment Method" }),
+            h("div", { key: '49dc2c4227ae2ecacd633ec0e3f70ad084e1149b', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1a082c26a64699c83a9ef591a67c104c28d2f701', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'cf65c3bee1a9468a271a20568bf4a94e793134c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '20844b52ca50fcf86232b00d28dffbac9255500d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'bbe9028644fd810993fbd41515377efafa42104a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0497fb5cd1dc27c3b6231c9f4a7a90280e91bd14', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '5d6a4499fe5fcb49090b3846737304378ed72e9d', sectionTitle: "Payment Method" }),
-            h("div", { key: 'cc4c4bdf5b4206e046263544dcc40b2647bd3d96', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '394957be1477b450529256420f47a2baf61ba0ad', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '40256eb7252cf350b8044b911413adeb969fc149', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '6753602b063fcd34b9e0db84438ba782e3eb858d', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '1f216f44c78cbe79416241c7e9616bc778f60ab8', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '8d1bf178e46cbbc4f032921131596287ebbef3e9', sectionTitle: "Payment Method" }),
+            h("div", { key: '229f45908714278751ff15130055f9fee4c9d433', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8f5bcea109acde4bdda0f075277ec8c452a33c05', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '5ab277a94c113f1b3abfa596dc82444d6e7fe6fc', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3816609a36fa8bb3a6391fa00b92244a438de013', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'fc14e9b11c89f738df3318d1ef8919b07d57c027', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'de040eda2eb0ad1d5c7c08d20a22da56dc0c05aa', sectionTitle: 'Metadata' }),
-            h("div", { key: 'd4d990042524da1e655b40cad77af26642c1dc9f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '5468b34050c9159503862f8e12391299c603e8e8', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'd89b23ef22f085b803b6b551ca6e0d4ba8d13d06', sectionTitle: 'Metadata' }),
+            h("div", { key: '116486645abcf17cf8641c2dc009982a506b0745', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '3f682166ca1acfc896281b85afb8e8514240b2dd', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payment-method-option2.js

@@ -14,7 +14,7 @@ const PaymentMethodOption = /*@__PURE__*/ proxyCustomElement(class PaymentMethod
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'a8c7ba94cf471c0b12f65c6fa9be1d1b6fc28910', class: "payment-method" }, h("div", { key: 'fae8daae8c7b3d00a5ba7a713522766bfe41dfae', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '51b8f509374e771c9e0cd7ff463c8a3d3b9d9a35', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8d4bc7222b08e71511017ef1292360f491de05c0', class: "payment-method" }, h("div", { key: '0c9efd8f33e07dfc7261010ee5d4ad96302ae36b', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'c87f7caa8f2770d784d7efc002762f6beb5f1896', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [1, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -118,7 +118,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '8717c3554e0d5c8a2cd20b3a5510691c57d9f89a' }, h(TableComponent, { key: 'f23e5222c49c9d2f74c47ee0ded1c79319bd662c' }, h(TableHead, { key: '1cc4cf3bb057247bb0f26efc8414f574685ea134' }, h(TableHeadRow, { key: 'cfb828ecbe828cdd096e1e00710443627c00e72a' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'da5eff4f32f2c47e700665a417f3d71605a287c3' }, h(TableLoadingState, { key: 'f5214c8760d679e47d50d1ac6883176abfd8aa91', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbc72d572081b54b42d5adcb4e86937bf6c10fde', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'ce954f66d360840e0c00d7acc77e8e8d43d93dd6', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: 'b6794bb85eb48d3ca9fd284a538eecba052b4e41' }, h(TableFootRow, { key: '923942c6cc9e110a93e0ea63dc4a99296ed10d63' }, h(TableFootCell, { key: 'ad259631ffc9d9a567375c7d28f48d449ac40990', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'c06a9e46d23c851a9271bf893889cb3360475070', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '3d19bff21b3edbd06817f4e91110a6b53ad2b6aa' }, h(TableComponent, { key: '3f32495d49ad96a643bd11d21b140458bf26c3bd' }, h(TableHead, { key: 'db75917e259fb0fea5e1396d388aacac38fc768f' }, h(TableHeadRow, { key: '22de3e5cc40b0ece323e8fed97580c94598ccea0' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4fd97328884439dea3e036169753b39f9e7b6053' }, h(TableLoadingState, { key: 'c9bb14a64dc3243dacb39eb22ceeffad0abd49e3', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '68e583dc13ffc089067cc54c2be9ca7898efa116', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '14ac8451b9da3d5c39164620c69b8e0aab282145', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '55ddfb968541d296ea896ae14c80f1557185e920' }, h(TableFootRow, { key: 'a9ed770e075d1be82444266e842b2bf8ace67a7a' }, h(TableFootCell, { key: '6d82711cd658231009c7a3e66058c9895f9e431e', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '51c4436c22c62ed82d960011e8c799673cdbf2c9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payout-details-core2.js

@@ -74,9 +74,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'e05c4ce44c4c8f55c654b1bdf1cf6fe683cb9b81' }, this.loading && h(PayoutDetailsLoading, { key: 'e376fe6853e8d7f51c4341eed7b88706bf0f7b8a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2dd14bbe8176fbb2ea33bc10c626295d6dc1e4e1', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'dd564d982ac3efb2f095655cf4cb8418811caf02', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'a1fd083db968de7d1b4f14a40bee168face1d783', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '1ab1aa48b5b685e0f6b01bd3199884cc4e7a41a0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7463594d15588fdb0f81c75d9951d8b15872ddec', title: "ID", value: this.payout.id }), h("div", { key: '8e6db2a97f3fbb3e6249dfaef88dbfdaad2067f1', class: "m-4" }, h(Button, { key: '3bfd46400ea58e57a83fc9872656113d69a77987', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '427a17dabc56f57f7c91d36916516d78fc3fadf8', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '08b15fa861e7d560df9e6025f79bf4b1c0ca861a', sectionTitle: "Details" }), h("div", { key: '77977c92b829ac50ffb5af03860ae1966116b703', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '32f2044cb92d6870e053eb92de901e040c15ec2e', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '52e3acbe2a733e1d6f28a509b9eefaaffd94ee7a', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '62ad6df7ed23c6f5f8babacb4bd4b22636f1b42b', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '318d56c8cec9f35070df658bc1bb2aefa2f4fe75', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '49b8c56d9e17c94ea48f693fe296ded03956f62e', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'a886b2c55ae3759319157ef962d976ca20e9f28c', sectionTitle: "Account" }), h("div", { key: '06f4475021fa8cd81dd42b7de5bf511275872d24', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '614a22ffb02c6b50381cad42b6ac96a08904bab7', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'fb5a846b307a56987d0f793a4ed340e2c883bc74', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5cd13f1e3244b4e64dee2f68a1d85f1c4a3503a5', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '4b09718e6f39c440016e6ddca4d93bc73e10255a', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '3fd5b3572698f7e84de5d047277389fb521dbe54', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '556639af0cc42f631033ce58c29c34fe72acbec7', sectionTitle: 'Metadata' }),
-            h("div", { key: '5429777122823531e770ed074103385cf587d3ae', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'bfef600620b9a041678987fcf5abdb5b8dbc9672', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'a109088ffaa3437430299158bde07f695f6ed0a8' }, this.loading && h(PayoutDetailsLoading, { key: 'da2a9f3b35291bbd1abea3de3174b77ee58586f2' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b97b623716beaa39a2d9d5d9dde554b461948fae', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '716414411ca5d8d5e30c7f52aa4d8a94c5dfb163', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '898b1578cbc0b90a6ebd305ffcf45c996ea36942', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ab03a03ba80781aa760bed450944c35f0210216c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f65b10fd429d33391471cbacccc001d38943331c', title: "ID", value: this.payout.id }), h("div", { key: 'f0716854307a8208d486448c1e7e7c2e9f7bea9e', class: "m-4" }, h(Button, { key: 'b9b963854f14f508984eb70d37656226b334d882', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '70df708f9f7ddda9d21a58481b7937a567ff0179', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '24f60a66b848ba091a75fe7877c23b1c45a790ad', sectionTitle: "Details" }), h("div", { key: 'c97f709a9030081871ed6b8878b8d9d73cbdb51d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7782dfef517e23171d7b1d3023a019dc51731f7d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'edcef38d00c9febe83acebd6c4c4e462ee8c117f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '2ae0d6434310d6c726226e6e8199d58f531ead31', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'dfd06d7613a315366982cafad64214d41246bc18', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '0c3b97b7eb651863b5df30989d059e0cb9c94967', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '245a0a7a705d7bae8aa8c6b42513ce613d6b2238', sectionTitle: "Account" }), h("div", { key: '914381b1cd84b4ee90f994226054b9ca241707f7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f62e176e6dd5d74dae815a2eccd25b96d1bedb17', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '893f89d10f01718d7dee7621e9d7572f8789084f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '2531d9a01f8c016edbcf4687ea652fe57dcd6b54', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '107cadba8101d230777f7011e2444e31d9db4ca2', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85919cc3b23f149a1a488e7dc2dea262df59938f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'b54afae3f6a3310483988076c3f5548edf51e605', sectionTitle: 'Metadata' }),
+            h("div", { key: '0d25df6c414f619088441e9286f47a17920ac0bd', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '14aa74c5756f5bf83769d166ee6ee56317506747', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '14a73ad4e8a841a731667d77a5be88d81a32a4e4' }, h(TableComponent, { key: 'aeb950f72b44547884da8d825604e36fd0d10945' }, h(TableHead, { key: 'e938550e08cc10f9f9bcf332c1ac187761849344' }, h(TableHeadRow, { key: '08e692828490e85cb7764a14a95a499d113136a1' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9127ceac1604c85476cd4803a7e7ad2646bc5bf0' }, h(TableLoadingState, { key: 'd0e58b5ec8b8aad83922f8863fa7c0ba7136aca3', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6e0b794a28b8067ba88330b96090362f0454c894', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c858aa45775a92fc0b9e76326cbd23d8054f5342', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '98bf326a59c4b32d06c6738f086a660116576aa8' }, h(TableFootRow, { key: '36a2b0e17a94f5e361d12d6bc0e9fd9aaebf41e8' }, h(TableFootCell, { key: '54daa1d4c6e86128d74a75142b13184d3ec74502', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7199ea8e69d351cc07d014770c8b48f6d01d04e3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'eef5a9a859e8e36659052ff0f1b0ef1f4ac3e44e' }, h(TableComponent, { key: 'd20e57e7b2a4d6be3e264cb0236bd08e2528451f' }, h(TableHead, { key: '12052d8c0ed0eb32eb7a3a92d5a656de1cebf589' }, h(TableHeadRow, { key: '664433d91c5541b659668a78000e4b08679948d7' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'bc13cd29949d1a4c2ac3ae7d4116a74bff8be79b' }, h(TableLoadingState, { key: '702fd0736a903b0f580cfd55dcc8e2e1ce11a25b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fce7164d3b1916962fc86e259f3440dd7128d75f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f2c9c7d68cda017d27dd7914c7bda79579743f6a', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'c33c55626523404dcd6660399ef3f44e5f315e84' }, h(TableFootRow, { key: 'b0835d4fcf91c861fa751601839bb34e7b90b88d' }, h(TableFootCell, { key: '26e365e2210561e207346b4477fdb0859d653cce', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '240c68c350d764a753aa3da63cfd24c70c36fdab', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/postal-code-form.js

@@ -52,7 +52,7 @@ const PostalCodeForm = /*@__PURE__*/ proxyCustomElement(class PostalCodeForm ext
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '881138113d82dd87a364cbadef1947f34d3cdf4f' }, h("form", { key: '647945d6264d0611fcc7970eded8ce22ac2b4db7' }, h("form-control-text", { key: '2308fdcc1634fa8b39ce0735ab3431a406bc7398', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
+        return (h(StyledHost, { key: 'dd5eac14587300198c7032b5ea66cddd0c732708' }, h("form", { key: 'fb51d6c69c0b4257a7d4c6299bf28ceb30d28f31' }, h("form-control-text", { key: '0ce26b35589622f79f653e538bc683b682af1944', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
     }
 }, [1, "justifi-postal-code-form", {
         "formController": [32],

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

@@ -39,7 +39,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f1f7d30bd481b5e3b49d9aaffd6e9bc1266b3c17' }, h("div", { key: 'c41caefa4937db6b0669cd28e84b6918c719d8f0', class: "row gy-3" }, h("div", { key: 'be3b622f366017c7a8bdddfc363a0a46216de2ea', class: "col-12" }, h("h2", { key: '39374858f492c6e20e637dab0c73356fb6c6499d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'c910f0b2a6c1574f2b09348e4d3b889a675bbfeb', class: "col-12" }, h("form-control-text", { key: '636616c14d388dd25c33d81220231f2e7b36ec2f', 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: '44da2982c48cd5da994aec38f5196205b25c4868', class: "col-12" }, h("form-control-date", { key: '6b5ff071f9e941caaadff9fbaf18501524f71fce', 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: '8ae3d7fbc3826f932ee14d98a48d90cf913606af', class: "col-12" }, h("form-control-file-v2", { key: '5990ebe0df1e74fd7b1d6a6cf1dd8d08cd680a68', 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: '410e15dcd25e97ecc0d32f0d7c3c88d0412e8c38' }, h("div", { key: '39b8aeb37909ead1547f0a6bf5109f596846b291', class: "row gy-3" }, h("div", { key: '10a124dd96a230707c4aa0031f013cbb1c5b4881', class: "col-12" }, h("h2", { key: '2fdee4a50c3bd2b69dbaa5750c7f76cd952f8e68', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '1231676aa960d6ca5580bb532a46e3eed2bc57bf', class: "col-12" }, h("form-control-text", { key: 'b6e4ffa07b1ae79a385cd8b37c4af9c8b1bcea9c', 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: '8e137d3db8a89fef565ef1b85d36743dbecaa191', class: "col-12" }, h("form-control-date", { key: 'b5b121bfae9dcc847c95cfb22e76988a71b21def', 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: '5176c6bd5bdb0a2f5f2a60fdcf43f679cada509e', class: "col-12" }, h("form-control-file-v2", { key: '6c2594ff9d3cf25cc707b0a44f39a6c05489f572', 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 })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -39,7 +39,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '75d1e4a99166f8b8f112746fd5a786ed4b41b6ae' }, h("div", { key: 'c4a137ad32f0a0e5580061b1cc2443399d5baf15', class: "row gy-3" }, h("div", { key: '8b864aacd4b1334f9a5e7ffdf116345db20aac58', class: "col-12" }, h("h2", { key: 'e319c7e0d2ebedf204e6845fb977651b96f4a9b8', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '72cc1aff194c70395f8002b4af6842cd42046d80', class: "col-12" }, h("form-control-textarea", { key: '798219393da9f68198205bb877a5a3aa2ac2d1bb', 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: 'bc0d341abb63327da6d97fba120c34aebabd50b3', class: "col-12" }, h("form-control-textarea", { key: '2aa931300951be7897d9ba4adeda6be5e94a00d8', 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: 'c3cad588c5b40a6133920a0c43f71d7b172abdab', class: "col-12" }, h("form-control-file-v2", { key: '8f2184a0d95804a85d61de763c14b1a6fb44c566', 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: '183f6286e96694e54fd31213b514349a43d0446f', class: "col-12" }, h("form-control-file-v2", { key: 'e3f97404946c8e6a813d397141d10e372df5f520', 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: 'bfafd93af052c07f799f5d1985224b91a43ee2b2' }, h("div", { key: 'd27f8f7d3f32fd505f26f505e5134246205dff91', class: "row gy-3" }, h("div", { key: '61fda5a34f871d4249b9ca1ffc286aa7293f5d7b', class: "col-12" }, h("h2", { key: '1555d161a6dece38cc4bfcf041cbe6c88e595fe3', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '1ee55607ccec0487074a9ef7e925ce5dce854e45', class: "col-12" }, h("form-control-textarea", { key: '6671ba0ff6396005c97694ff496b7bccdf9cc80f', 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: '649bf89ca1ff416050b2a5740ee6be97fd41cf10', class: "col-12" }, h("form-control-textarea", { key: '1178960db11c981e0b02a6d22dfd1fa746649d50', 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: 'f95ca250129870d80862d338e8151406ee8d6d04', class: "col-12" }, h("form-control-file-v2", { key: '546f2d6a3f3a43afd67d38de3a550735971f4d46', 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: '1c9379943c0dd4b5344bed35d85b1085bcc92c5d', class: "col-12" }, h("form-control-file-v2", { key: '972f3d60d4e739c092dd4de609814701a99cf220', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/save-new-payment-method.js

@@ -3,6 +3,7 @@ import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
+import { c as checkoutStore } from './checkout.store.js';
 import { d as defineCustomElement$1 } from './form-control-checkbox2.js';
 
 const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPaymentMethod extends HTMLElement {
@@ -12,13 +13,14 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         this.__attachShadow();
         this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
         this.isChecked = false;
-    }
-    handleCheckboxChange(_name, value) {
-        this.isChecked = value;
-        this.checkboxChanged.emit(this.isChecked);
+        this.handleCheckboxChange = (_name, value) => {
+            this.isChecked = value;
+            checkoutStore.savePaymentMethod = value;
+            this.checkboxChanged.emit(this.isChecked);
+        };
     }
     render() {
-        return (h(StyledHost, { key: 'd1d049867d908af91cc7bcd1b841345082344263' }, h("div", { key: '4159e5a8608f123f18542874e6589fdad133ffac', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '2c202be08024fe72c0b1ee9894b392a8084f23e1', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) }))));
+        return (h(StyledHost, { key: '6842e4b8045d568d8806fa8ade5cc41c9a2d5655' }, h("div", { key: 'f0d69890acbe422ea0dffe9d1313a2d3e4a6054d', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '8509e3b6a5ebcf6b0e461cb9d2ad9115f6908663', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
     }
 }, [1, "justifi-save-new-payment-method", {
         "isChecked": [32]

package/dist/module/shipping-details.js

@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'a0907d5f1fe8d40876f816b6d332dbb0d9afe975' }, h("div", { key: '3f22d56b30227d9ce0d22dc45c4e29bba60b5366', class: "row gy-3" }, h("div", { key: 'ec768dcf266527e981712f55cdb1921d0e6ef257', class: "col-12" }, h("h2", { key: '0b0e92ba9164941f48e1162937d7bd694683b206', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '2a5f5508c7f8b1a3a674d4bd18a2cba725ff86e7', class: "col-12" }, h("form-control-text", { key: 'deb04aa47dee3269ad8ad84b59edfdf251207520', 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: 'e340cf8f480c335b7e565e7d4bf052685bc3f78f', class: "col-12" }, h("form-control-text", { key: '8e3d040776e821518c0d04ea8d0da2d0ddb75cd3', 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: '71dab91e7befe734db1b8f02bb3fd8d1b8180ab8', class: "col-12" }, h("form-control-date", { key: 'f257e98c81762700c7164a8cbd86764ebe4e4353', 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: 'e69255a96e9292fea2269f7f0a7888e53e5a8be7', class: "col-12" }, h("form-control-textarea", { key: 'b40386270d12484982d81a85db0e95853f76ec58', 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: '23f2a4dabdaefef86940ae03e00a5d240d061a2f', class: "col-12" }, h("form-control-file-v2", { key: '6db6eb9ed1803d7c25f2b9dd03955be7e9c41a34', 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: '31b6e5c103875a0b61fa03a7c9ddb42d62cf9cfc' }, h("div", { key: '5586da5e8e052126d3418278904b9822f16ad70c', class: "row gy-3" }, h("div", { key: '3a4ac6e494ccd1f2179f87555d0035545a3d0448', class: "col-12" }, h("h2", { key: '234210d22dcc7d746bcc706f5e905d19dd9888a0', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '9f485ea4dd7f31ac4929c622ed6f1bfbf2768033', class: "col-12" }, h("form-control-text", { key: '3c75220f8a00d84ff577351a879558e4d531110f', 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: 'e9a43cffae3dabb6c26db05bd4dc3e64c6aaa50b', class: "col-12" }, h("form-control-text", { key: 'ce1a535d12f24b8da38c4d5a30a82c911c6883bb', 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: '6ac1abd518eb2e179c5f7cdd06d8839070592a31', class: "col-12" }, h("form-control-date", { key: 'c4de43f8e142de7fd456585ebde520bc0b7057b3', 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: '08118d7b5c6b8ce369a77e006fbb9692783b9b95', class: "col-12" }, h("form-control-textarea", { key: 'ec225a70e5b9ad7644a0e64285f5b4c70550aeb8', 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: '861a6a17423958ebfc5e085b497e38e0a5e2aa1e', class: "col-12" }, h("form-control-file-v2", { key: '91fa66a2ec51abb1d31bbb95e23fd7659f107afe', 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 })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/summary.js

@@ -14,7 +14,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '1bafeffc42f1e98f50551ca971f52e8294782168' }, h("section", { key: 'bf1a89bf030ae5a953abe092d0a5c543ed7f543f' }, h("div", { key: 'ce0b98733c2e158c1caef43b751513a0565ecfc6' }, h("div", { key: '8d0525c31ac3a93a5ce1aa2afde5c9bd7da26dc0', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7885858ddcd2819522fa08fbbc2d3dce2f0132f6' }, h("span", { key: '57ce1d9a9dd1269c4d958c78210565e9cb68d22a', part: text }, "Total"), "\u00A0", h("span", { key: '0b6673bd2c841cb0e50db93c148bfe15f96b577a', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'fe4584497faaf589819dd60c5310eb427518d8c6' }, h("section", { key: 'ca55b0c0feea790e13ac680b955e64565633e7bd' }, h("div", { key: 'ae82878dc9010db77bc564e4ba1cc8fc6c04e7f2' }, h("div", { key: 'daf8a8514879d64d3463b5394e61b19cf8445fb9', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '44845dca1b6cb8d814c48279c03bc6694175e7a1' }, h("span", { key: 'eebc881d4693cab79fa25edb7563979c21d049a3', part: text }, "Total"), "\u00A0", h("span", { key: 'fbf572ba41fb575aa83c1f56d35a294e0855dc9c', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [1, "justifi-checkout-summary"]);
 function defineCustomElement() {

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

@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'b270a6f9e52e45e958bb02e31569d4f56135ee25', class: "d-flex gap-2" }, h("div", { key: '76d9eef0672c27ec28a95bc062f946739a2c5dc7', class: "dropdown pb-3" }, h("button", { key: '3de6afb2c92bde835ae894e7548b3e07b86fb0bf', 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: 'de744460fb721b5949ca0cfcf6a751e4b6a008d0', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'c8b6d3e8e28b90fb3dedd80e71c7a8a0f30b6a8f', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '44e50fab6d4f6c7a76f90659cced1c61e94ec43d' })))), h("div", { key: 'b5ec37cc1f28005c2b87b14bd10b74e619012ce5' }, h(Button, { key: '5bae9de44fcdb6e015ac3311945bdcee1887e827', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '23c60096827e3a519b2a2bd3ff5636cf714279c5', class: "d-flex gap-2" }, h("div", { key: '9c06555ffa75c6b5f52b44794b99fafa5efa78b1', class: "dropdown pb-3" }, h("button", { key: 'c14a7ad81ee21e24f4637c6c121e05d1d3b91e24', 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: '80863a75d7d189ec42ed6bc2615a8f1840d0c856', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '3c9852b54d2c627294de347e95b940fb1aa4ca8d', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b3f2538648ada6ce95610596070f111f3f92b347' })))), h("div", { key: '928c26a59b4ada62ccdf729c5d6a72d5c95a9a5e' }, h(Button, { key: 'd38f5bc594466601b74164f4c075962107652d23', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]