@justifi/webcomponents 6.0.0-rc.15 → 6.0.0-rc.17

package/dist/module/iframe-input2.js

@@ -1617,10 +1617,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '07a697a99ef1b601c3f95d176c0eb28a695afff5', class: "form-group d-flex flex-column" }, h("div", { key: 'f9a1cf30b2020ae9de993dc363b07cd1e897c82d', style: {
+        return (h(Host, { key: 'c8a36a456afdfd883ae2ad8e05de98d307615b4c', class: "form-group d-flex flex-column" }, h("div", { key: '580cdd90dd76289f78b688fcdb1486ecb7fe6c5a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '09c186cb27e0fc75352c8028f1ff4e92866f3984', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '758ea464591a51ddc183256ebcd66238602bc4cc', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'c2956bb89e30fe2ba1a9111fe71681883470879b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '7df8c29c720b5edf85553e5667c14eeb0ad6e2b6', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '3caeb47ddf3940e1b1a7fe08d8bd50b8123eb2c5', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2fdff0682753d32292431a8d62d30a1647fa62ef', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1630,7 +1630,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '0ab5542c8c8a8242aefee11cc4c1b0815f27f0aa', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '075ca2ca25623703280fda84ff119e4820f9a5cb', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/justifi-apple-pay.js

@@ -5,7 +5,7 @@ import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
-import { c as checkoutStore, a as onChange } from './checkout.store.js';
+import { c as checkoutStore } from './checkout.store.js';
 
 var ApplePaySessionStatus;
 (function (ApplePaySessionStatus) {
@@ -651,25 +651,28 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             }
         };
     }
-    componentWillLoad() {
-        this.applePayService = new ApplePayService();
-        this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
-            console.log("checkoutLoaded", loaded);
-            if (loaded) {
-                this.initializeApplePay();
-            }
-        });
-        this.initializeApplePay();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.unsubscribeCheckoutLoaded) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.unsubscribeCheckoutLoaded = undefined;
-    }
-    watchPropsChange() {
-        this.initializeApplePay();
-    }
+    // private unsubscribeCheckoutLoaded?: () => void;
+    // componentWillLoad() {
+    //   this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
+    //     console.log("checkoutLoaded", loaded);
+    //     if (loaded) {
+    //       this.initializeApplePay();
+    //     }
+    //   });
+    // }
+    // disconnectedCallback() {
+    //   this.unsubscribeCheckoutLoaded?.();
+    //   this.unsubscribeCheckoutLoaded = undefined;
+    // }
+    // @Watch("merchantIdentifier")
+    // @Watch("buttonType")
+    // @Watch("buttonStyle")
+    // @Watch("disabled")
+    // watchPropsChange() {
+    //   this.initializeApplePay();
+    // }
     async initializeApplePay() {
+        console.log("initializeApplePay", checkoutStore.checkoutLoaded);
         try {
             this.isLoading = true;
             this.error = null;
@@ -678,9 +681,9 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
             if (!hasRequiredConfig) {
-                this.error = "Missing required Apple Pay configuration";
+                this.error = "Missing required Apple Pay configuration blabla blabla 2";
                 this.isConfigValid = false;
-                console.error("Apple Pay config error: missing required values", {
+                console.error("Apple Pay config error: missing required values blabla blabla 2", {
                     paymentAmount: checkoutStore.paymentAmount,
                     paymentCurrency: checkoutStore.paymentCurrency,
                     hasAuthToken: Boolean(checkoutStore.authToken),
@@ -713,6 +716,7 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
+            this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
             if (!hasActiveCard) {
@@ -746,29 +750,24 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
         this.applePayCancelled.emit();
     }
     render() {
-        const shouldHide = !this.isLoading &&
-            (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
-        if (shouldHide) {
-            return null;
-        }
+        // const shouldHide =
+        //   !this.isLoading &&
+        //   (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
+        // if (shouldHide) {
+        //   return null;
+        // }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, null, h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isReady: isReady }), !this.isLoading &&
-            this.isAvailable &&
-            this.canMakePayments && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", null, `
+        return (h(StyledHost, { key: 'ac97a93a1351ec6b3cf148377721b8f019aafd77' }, checkoutStore.checkoutLoaded && (h("script", { key: '2d4c928c3228a273bef756cce4c4ac05182e7efa', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+                this.initializeApplePay();
+            } })), h("div", { key: '8890def5a313a29e42b358c55f3209ef30054d54', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'a531fbe89a491a911a0aa6ff42a80458e63030b5', isReady: isReady }), isReady && (h(ApplePayButton, { key: '77e0b5e8cff57ee4dd2956671b14dc9c90101326', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '3ad594d30382388cf5defc050e5f2e5a17017c7b' }, `
             .apple-pay-container {
               width: 100%;
             }
           `)));
     }
-    static get watchers() { return {
-        "merchantIdentifier": ["watchPropsChange"],
-        "buttonType": ["watchPropsChange"],
-        "buttonStyle": ["watchPropsChange"],
-        "disabled": ["watchPropsChange"]
-    }; }
 }, [257, "justifi-apple-pay", {
         "countryCode": [1, "country-code"],
         "merchantIdentifier": [1, "merchant-identifier"],
@@ -787,11 +786,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
         "isSupported": [64],
         "getPaymentMethods": [64],
         "abort": [64]
-    }, undefined, {
-        "merchantIdentifier": ["watchPropsChange"],
-        "buttonType": ["watchPropsChange"],
-        "buttonStyle": ["watchPropsChange"],
-        "disabled": ["watchPropsChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/module/justifi-button2.js

@@ -11,7 +11,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, h(Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-header2.js

@@ -18,7 +18,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ae04a67a1eaf95d6d093fef23911ac4eb1523cfe' }, h(HeaderComponent, { key: '51b27dd180d113ebe9ac52f7ff10c494926f7cdf', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

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

@@ -231,7 +231,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: 'd30fa51dfc5de12c0c70b642a8ad43093717b6e3' }, h("div", { key: '022332e39a80c3cc276ad8e0f56e98a592f14f0a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '3ea6cebd4ab6bc47090056581482dab8502175c1' }, h("div", { key: '383dc710920b5119841d5cf6f1b596ebc349fd5a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '94919675808cd7b7df82403b7fa40e72c763f676' }, h(TableWrapper, { key: 'e405a069813214b692d7efb39b1a2b8313291088' }, h(TableComponent, { key: '27c7d5a96075d6e1e3b25d18272b4f4f57e374f0' }, h(TableHead, { key: 'e80e58ed2c38902adc86b7088cf9094b1e4f2540' }, h(TableHeadRow, { key: '641c6bc3d69a20bbd4624043cca1178f6e7257ba' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b1a029e801f1f87f35201ba8725bff6e9cc5eb28' }, h(TableLoadingState, { key: '8af52c5f9a0072502e64539900aeae2d08dce1ce', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'df0d89fd7fee252611ea45052373b59974d86c81', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '1ae2c61e4eaa643ed47cd37ec2a7fa192b99ec11', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'c3b9d5df20e37e8325ce8b99360ed5547078b9a6' }, h(TableFootRow, { key: '8ae2ddda61552ff945b075287654d0bfc64a8dae' }, h(TableFootCell, { key: 'ee9fe2a43b9ea6e6916d196fbfcf67f87b46821c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '79f03d48df9fde25ee3ceb9b5a369b1d8296caa8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'c73dfcd1d3038dbca6800b9bd0f4e6c5fba2b8bf' }, h(TableWrapper, { key: '66d8f92a96f2ace82c05d10a9f538d6ad22b588f' }, h(TableComponent, { key: 'cff0e6344efd035f264326ecc79615bddfe8d0ac' }, h(TableHead, { key: '702e53ae1d59ab674425f4753c1cf0b6415feacd' }, h(TableHeadRow, { key: '7773de2d113af30b3a0d64405dce5d5e09a0bb8c' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7b86d982f52037349b5cc2f7ec5fa800e38ed519' }, h(TableLoadingState, { key: '040c3dfb101c1ea127cfcf982e4415ae94661b2a', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6d25f8a886cf9b15ea9c17c44dfe0bce6125c557', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '60bb435ecf7a595cdb028df4cd95c1361ce06c8d', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'accb2e3cb9dc8521c50db6a8ed306f91e5aa44c7' }, h(TableFootRow, { key: 'a4408276ce552fe4c43c60f79e7a2a3602566b2c' }, h(TableFootCell, { key: '20b13cc71f8b62166e8b6e9fce5dea2d1b4c5ac0', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '90657ed6a805af46446bc8fb316a52252a9a2bf4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -56,8 +56,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'b5002714bcb9cc1e61fa95500a591c2810fdc33a' }, h("table-filters-menu", { key: '44a5340b38f0b8cbe0d6f0d008491367b9c9f282', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '44720a808b1d5745088d06e23e63772baf385932', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3eb2c21ffbfb14bef3689068f7f3d6b424d2c942', class: "p-2" }, h("form-control-text", { key: '12b5b93d5139e0385c42de82bfaf967ddd0f6725', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '9ca6b70ffce0a39ae9f04302d6ce176a0b37cff0', class: "p-2" }, h("form-control-text", { key: '38f41d65e26e8cd2018ae1154dbf1a44a35ba1bb', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d4676911e45812980b058e3f9b110eda7adbee2', class: "p-2" }, h("form-control-select", { key: '1bb9ac03025ef1cca4415224520bf1e37d08e212', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'a1b72c587590cb39afbb09314f53e1109f6a1a3e', class: "p-2" }, h("form-control-date", { key: '939164307d2eae2b18d2ec660d5bb255288f33a1', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '879cb627b5913c8b43f76202d7c743eda194fb0c', class: "p-2" }, h("form-control-date", { key: 'c9d9dfdb534f940d7d4510f30bf613687cfdb841', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: 'd4fa79604b6f9a390a63601001bc2ba8f8af425a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '54cc9fb98d5c0f6d96abb592d5e22c037634089c', class: "p-2" }, h("form-control-date", { key: '95001198266f09607e34d0c1fa5c1d0693b67b0a', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '3510ccb63020969b2777c65ed82cfab9027dccd8', class: "p-2" }, h("form-control-date", { key: '428a3195efb976842c186aa0b4ec76ebfb1b7836', 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: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -90,7 +90,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dc98dc21eec289a19e15963d492b999429d4d605' }, h("payments-list-core", { key: 'd0f6d59769de1fc3ac20d228d4059ac5b9951a93', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4cdd2e9a318226408d47198bf2de40a750a71d01' }, h("payments-list-core", { key: '87964c5dd33fd3b716964227cd990539d5d13fc4', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -190,7 +190,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'fab19f2659fa5297abcae562adeaebded41eac70' }, h(TableWrapper, { key: '78c5f9820a23a91210340cc02cb43c57022ebcd2' }, h(TableComponent, { key: 'a6133e4790a58d0f758a3e8f47438bf338e0e89c' }, h(TableHead, { key: '21cc8b9db76e0fd3693974672133c34d0b426946' }, h(TableHeadRow, { key: 'e279da66e4318220bfbf24abc47e68e223c96c9a' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '0c5d0a5e90aa1074f27a223b9cb24f82c2e06744' }, h(TableLoadingState, { key: '9a73e7b326c56b0e71c8f0d418560581687f80f7', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'ae235f7049467b252ec2c6423dc03c27774f1af7', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2ada40b042e00356971e98068a92a1d0dce13088', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '7360357eab024ac7ba4d207eb24f5ab8ffcfce11' }, h(TableFootRow, { key: '556919733baf7b61e9db840eeef074dd9cec6765' }, h(TableFootCell, { key: 'a18ea36eadf8d38cf98ed70258ef8f7c3f564bcd', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4910c7a49d08f6c2db8ce4db34e7055111916fea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f795f89fe39f8cded7f0d9c671df8e3e86de6f03' }, h(TableWrapper, { key: '5bb5f805a78965068f675012a1a491e5dd3d4416' }, h(TableComponent, { key: 'c75e72fb5bde6b3f8f127be4d76ef1fa66ce6781' }, h(TableHead, { key: '3dfb03ed0205f6fff21953e0a4c85e8b151680a1' }, h(TableHeadRow, { key: '169156e61bdf1ce6e10b89c660526a7ec9efb860' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1e59e340e98ace8291acfbe26836e5b2b7b7dd29' }, h(TableLoadingState, { key: '3c1a420d293d24ac9434f034c7e6de7a83698b63', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2038ebb6ff5480d74b0bb6a6ecf31a9531f606ef', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '48582c83e384b4e5ba81c4d0055dc9e727a81cdd', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '0bb2c1f4085278db7b114c8b9c5a11702a1840d1' }, h(TableFootRow, { key: '2cc9fe5d66b433b392da1e0a1ae265db6404002d' }, h(TableFootCell, { key: 'cb21e30d68c92758efa03fbd16509ff28ab5e316', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e5ac8aa63ddb08d7f70976cfceccbadab3b8efa9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -37,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '527a9fe5ee51ca33480e25dfeccb19e5d8d01119' }, h("table-filters-menu", { key: '23333b0ff3d5bc75fe54bdf02682e71ec96b18a4', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '550b8d065a34d6ea7dd6d6d88cdd2e8251bda0ff', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1ad60bfbe0cbae190707a424c8a41e42f5aaedc8', class: "p-2" }, h("form-control-date", { key: '05e7871138c213d3d96c17b7af477fbbe59252a0', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '7839226398149bc15261f6b258ebbd4b08a6322c', class: "p-2" }, h("form-control-date", { key: '7e3a9c9ef1c5ffbb68bf6d7044336e1b9cc28a76', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '83debaafb73e9143b6e2e7804f69c4124845d01e' }, h("table-filters-menu", { key: '162c3af697cef40e2a93c7e0245ec4d7d385f361', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '7e118d535a6bed14a1ea6e7ed920fd682bbd3705', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dfd557f8d5a3f834bbaa5164ef2c1e7d3c19adcc', class: "p-2" }, h("form-control-date", { key: '01d9e16489abce36d4f770c4c06912923026860f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '9e7167618cc737911056c9217dc6a1ca77c1f41b', class: "p-2" }, h("form-control-date", { key: 'd80e6e2ebda1cd8f290daff21908f7dba1af2d7a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -104,7 +104,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: 'd18659f462fa7e34d2cec6c5bc99a25208bfe2d5' }, h("payouts-list-core", { key: 'fb0d8aade040e7b9fe6273a457ee5f9f5ee0eadb', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '73ac65b309e80186e0f7799385d012e91ceb1b8b' }, h("payouts-list-core", { key: 'f7767376f3155521445cb2ee48b9a20c362c8137', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-skeleton.js

@@ -9,7 +9,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, h(Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

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

@@ -62,8 +62,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1260582328ade12685fc82194b9494660ae3c920' }, h("table-filters-menu", { key: '63cb3736337d0de6aea184d077ea21151f06cc30', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '34f9a90dc1ce7ea6ce83d05766bdd98f0f1cb5a9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f64f80aa91221e129a6a15a42e7625c9a3a3761f', class: "p-2" }, h("form-control-select", { key: 'dd840170915b7c584e74e1e32f27934c41f89f8a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '7a90a376f7cfa09c3c03f55673f17abab8f6de19', class: "p-2" }, h("form-control-select", { key: 'd3d648ad27ec7a64cc339230134a0e86a3b81a80', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'f88bc7868f89f8d352bd3625925303cf7f41dd36', class: "p-2" }, h("form-control-date", { key: 'e39cb7f23ab8b4c6984f22c1765831a641a60b82', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'bb82b0d8c53aa19b5490b05e3030113a4dc72487', class: "p-2" }, h("form-control-date", { key: '0f2a808035f2f9c8fb9158bb69831e3b5ad723f8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '235922673a4ef8e7392b3e46b3c0bd326f7abe79', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'd66c4305848a6f85867307d0448bfb2d7a80b698', class: "p-2" }, h("form-control-select", { key: '480bd03e3ba6ea595c1602bbdf657f369f133adb', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'ffdbbbac93a6498fe52f21c91a70998ad1094596', class: "p-2" }, h("form-control-date", { key: '60c95da005a50430e5a81d3b14f0b7a627480534', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '7e30fed8bbf9ba6db03d70d7b70a5f669d761ce9', class: "p-2" }, h("form-control-date", { key: 'ce490f4c346a3e455ae6f44e781b126ca46391d5', 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: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

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

@@ -96,7 +96,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '9c393138daa19db378cbecd35d78d7b85d6388d9' }, h("terminal-orders-list-core", { key: '5757dd9496f72ab9e9933cae2e13726173cf75f4', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '55f0bf858787e00c304972c941a477815712df9d' }, h("terminal-orders-list-core", { key: '2d47e23bc2157d79254f34dfe0551fb32a9d88cc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -51,7 +51,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'bcaec66f4cd7fc0beb3f7386066573f801bb6b86' }, h("table-filters-menu", { key: 'c36fd3a8fd290feac832bc888fc4e9a8ddc17fab', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '62e2c00588089c303758bea41065fac8c68eea9b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '834e38bc1773bd276028b3a44fe9267bc14d6ac8', class: "p-2" }, h("form-control-text", { key: 'ab5568f2a9a7cfe4aa1fc465142eaadf6da64359', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1f95d3416cea2ad9b7b40835b3b919da97630072', class: "p-2" }, h("form-control-text", { key: '213a9aaca3b6abe087727e5bd7eda3643d720e38', 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: 'e06e9accd5b0972097d845cf456389d845ed6559', class: "p-2" }, h("form-control-select", { key: 'db17b50536a06ae09a7fae6a0e9da6a64ff12e69', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '5e6f1e8abcc7cffc26c101160bff40ff5092ff90' }, h("table-filters-menu", { key: '6a57cb7deeb0c6927ee557402ef2618a3d3d8a29', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'aaa63156c9603aafbe1b9dd4d4f87670b4e0ab66', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76ca827834a98595a98d6bb6f982807506fe240', class: "p-2" }, h("form-control-text", { key: 'f9acf97e42e3e5f5ee216a10e116ab1aff2e6390', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'c4ac977f7433193e7a9c52be483c65cb5f96f214', class: "p-2" }, h("form-control-text", { key: '035fc59523056240eea5da7b63d75028278d3102', 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: 'ab72f5ef8a0191b1726cd84c36a7cca28a78ecf0', class: "p-2" }, h("form-control-select", { key: '4a684c87e04e11f55c59d45a281f7c258fae4f0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -101,7 +101,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'c82f6589a4c8d65b9a8770933f25ebe2b64e4672' }, h("terminals-list-core", { key: 'e7dda138b2ec45f18bd914cd03ee8aabffff1dde', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '705ee40711e90c28a6b1699f450befa7c5b5529b' }, h("terminals-list-core", { key: '3d54a1519e5299eb83d16bf2034711fc0dd0cc18', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/modular-checkout.js

@@ -106,6 +106,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         };
     }
     connectedCallback() {
+        console.log("connectedCallback", checkoutStore.checkoutLoaded);
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
@@ -409,7 +410,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: '08b6e2c3f58745ac7865f686bafba4e18cbab268' });
+        return h(Host, { key: '7ee5bc2bb0a8c1ed497440c7b1f90d1a2fb3c8bb' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.0.0-rc.15";
+const version = "6.0.0-rc.17";
 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: 'f2b186044ccc85a72cfcb8fb144ee77667e15ba6' }, this.loading && h(PaymentDetailsLoading, { key: 'edb17ed3599ad66988a15d9834e17e49408b9507' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '62bf6dd11a6c6b31dcece28cfc375ae1eb6f9344', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '40a3d2f1d327efe61d186f2b24126ec52bcf28bc', 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: '83903da52e88d24f09667e1aba282377f35f8e64', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '4f87ad37c9a2b8f8a1ecd181af3b30dbf73aea57', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '52711a7db01db2fb3899fd7defac22021e339e99', title: "ID", value: this.payment.id })), h("div", { key: 'fce421c4a9803e24e05685fa50c0695584ebc5db', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0734f86c73fa6ec4aee0d65c7ead7f0ae2f36cc2', sectionTitle: "Details" }), h("div", { key: '70df3fc23267c96de447842859ef570b3208a719', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '56a458e4e555e0c6eec08dfc5741e497a2d34686', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'f38251a639c1dc0f3299184525074cc312a495ee', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '24bd2a8275278305655b381ba364f7ef352507e5', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '501de65bfda2966ee0ba78d5a7ef9b7f358549f1', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'd0296e2992ba58514e658b7b32ddfc28c5c833f5', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '5b5ee68f54dab15339abcff35e8c7fd80504030b', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'ee1f690a6ce8f4b11376c7f92d9b7869642ba0a3', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7857ee342d7b3af9cbd8e833c9ecc8947c74b5cd', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '38fdde533028fa041c6d22cf1727461fe8691ace', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'f629e61d7e7dfbbc74ff3590abf8ce9a5cc3614d', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'ee90457c952f0ac7217556e8566972fb43b29984', sectionTitle: "Payment Method" }),
-            h("div", { key: 'd6007e904c9f45d48f02ce675d75f451b09a344b', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5fd5fae2793f2d1cb7b63e405c9b865458228e8f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '7e6d640a4ed7b4842d3b502901a177a49ae30637', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6d593f6ef45f8e286c3262750bdef8f686d2dd0a', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '89301ddd84e5cefd3c6576506e590a7fb1d98749', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '8119c2e7ccf0e4c76d93a7033311a244e3b16921', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'a94fc292445a0d8d3d77b0702fe5f19efc432634' }, this.loading && h(PaymentDetailsLoading, { key: 'd07e44b295fd5ce424a0a67d21e3c4ceec4634f4' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'c6cd0c034c948b4b96415b5bde6a3808dc1686e2', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cff0b6a11617d68a42f20d6e3631097bafc34971', 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: 'a143d34fd230aa855286b1252b8e032f94fbd9a9', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96e5af4a6c37667a4be5bf27cdfec6a5ea3978fd', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '76f2fd4b5569ad4f6463fb36984e3d4309235473', title: "ID", value: this.payment.id })), h("div", { key: '9d5b04c789c248b358ffecfebac6b62a1d8f0a27', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '78f20430c4935b222c954fdc6eba89e715f668fc', sectionTitle: "Details" }), h("div", { key: '77d314983116b6dd2fc9989c1987d2371b5902b7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '41c4eb6797577967d4ee6bc6a546faf62bca48c6', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '51308e304e515290f1d4e96fda9ed0b7c9523055', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e6d24cb563963c8a540969437dd70674f04c02fc', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '1640fe0c210efb6193cc791624fd274299516f4e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '9f2f34ef1aa4e2ec522ceda4bcdf398ede745c65', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '9f1cf33ce4a80dc55efc2d88882e9f52933e4aaa', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '2ec3eca801e5187912dc8107644270da03679a79', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '14065f819a71be0bee5a7980f66d88852a96a152', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7c5f72aaf86eaf7ef035cd359822988573a42862', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b1081bad614684d8205ca3377e16bd2377d6da88', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'a3e655f58e6482800dc53e55c5dd17d9e41ad08d', sectionTitle: "Payment Method" }),
+            h("div", { key: '225667fced83ad89e25cfc19c950b870a2558308', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '58c44b427b356a3576584c6a59301efcab0ed67f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'a2b60b522a6fbed58ad06f0df88e551070faf752', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6e094728a62fcdd01d0fdadab0bce26894dcd4b6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d703d83c3c7a115c6e64227a417997b63cf8748', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'cf5dd3615ce5770f071aad7f1144862f00af760d', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'b410bff21158a0800cddbd46c622de479315313b', sectionTitle: "Payment Method" }),
-            h("div", { key: 'f5595402cdc5f3fa2a5e19e99d6e0a21f8dbf0eb', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6f157f4c6f0c915a47f597dd20883b4f2acfd74a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c1872ab9da698076ba617bbaeb7ef6790f5ea487', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '0fe4b0af3aff5f03e660dbe9d4286fc3981e6ada', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '6920ce8ae22fed7bd3e12ec48e0197e0e6675257', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '8b167fe0967859af1555245634e4f6cdaae77ccf', sectionTitle: "Payment Method" }),
+            h("div", { key: '3b84740a7e8f792b4f3987a88bff3e85003ea549', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1ef1e3781ea046145c58c721f1abfb2183e81db1', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '383f4756aac8901eef21786d9c9c6ff5ce097d7d', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3cbb0f11eaf47b3b3923d3371f33df95ca022bd8', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'b122e28ddb446b03b0a70b6cf3ac23fe84fd945d', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '4d0be28ad0075d2ff0a5565c90d202f767d70607', sectionTitle: 'Metadata' }),
-            h("div", { key: '88a5700230f8585eec6ea505fa5f9b05fa9f21ac', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a9e61b8eef8e0c21ae4359e18e05856734661320', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '5b6d6c2ade6badd80f8b6c4a4c6427710ba9ac66', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a3d59ae07f2601b0895624c0a640693ef076b71e', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b61349ed2f6536b2131b05ed0e8e337733309117', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -14,7 +14,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '42003535aac99ae51b47511facb02f602dff703d', class: "payment-method" }, h("div", { key: 'c1ad6051d7b2dd88d2a76cd94ed69fe3f7408c7d', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '98ea069afd3e9d09ca8599ab35f998294046463a', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '276e7685b6f5b7430fdac887fa5f270245011f6d', class: "payment-method" }, h("div", { key: '032431a1a0e3e97077c84f02288e3e0d1334e230', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '33a53344736a2a5d8546cbec24cc6c4aaebf7629', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "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: '76307f63befbd801b2268273998a68c364789765' }, h(TableComponent, { key: 'd7e218e903b790723eed0d30bdde0df40eb33c66' }, h(TableHead, { key: '34b69cab817edf8553550f590f904d345d29fdb4' }, h(TableHeadRow, { key: 'b069e490f737de01e1b86ccfb1b3022938c409a3' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '35a3714a44e7b8a7092557209c527e8874901546' }, h(TableLoadingState, { key: '299d8898d12b49511d2e13b2a3a441ee4ee83814', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '5a3a6e90e7d397dac6e1525150195aaf70e4b9b1', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'ee92c41b21951e1427dc4c8a7e5afb2cb8639a29', 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: '5daca871f3d06f99442fcb8d769c34c1620c88cc' }, h(TableFootRow, { key: 'accf3d1930b2cebf2c655ce278ed8c721717b909' }, h(TableFootCell, { key: '8ea7ab50123a5c98a44b170c3961a8b61bd6c6a0', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '47f5f719048054f691da8e2d174ec2bb783268f5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '0f667b8996650351ee636d548437217696ba8845' }, h(TableComponent, { key: 'ea49b5f4a53b03525a960954df711f39ee1ec41d' }, h(TableHead, { key: '7e06f612e6aa80267abba505c5b44506a907ae1a' }, h(TableHeadRow, { key: '561827555ab274f70fe4e2e08442689b82f8b2c9' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1f724d553ca43fbe20aeeb1bcbedf87e7d5b917' }, h(TableLoadingState, { key: '27c9f9e459857cf208f9bcb1a5a81f02fcac0850', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '546e87c7198e6b7efaf1dde4dba0e2bc9dd9e4a7', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'cbb35d379ac52943549b58128af24f682b53254f', 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: '4b8de6a6841bd6f087f8819febd3136742e535eb' }, h(TableFootRow, { key: 'cb2f446cd73c72e551378d73d5fb7089bcf9b8a0' }, h(TableFootCell, { key: '01098f6891794529ddfc1d7b1303706313694316', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'a907422b1d6246570d14862478154465c4ad59c9', 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: 'd65d95e351d19934faee7ccdf4da45a36d426556' }, this.loading && h(PayoutDetailsLoading, { key: 'a1451d9d4b694ec11ecf2a91a0dda82cc64b1ea3' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2e1264d0097a9fe9691f9492a1d761eaf8a1349b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '4d784a772f89210667a6a922945ab835857142e6', 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: '8a68c23ee95181fe2f254248d089c51fac50adea', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '3e1ff522083f9226716f3088e40a548ae5f5213d', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '618260bfd3af2188862739d411ad27fd65c0c22e', title: "ID", value: this.payout.id }), h("div", { key: '2358eb5e66173f1d1746ba57e1e0e6ecc807c720', class: "m-4" }, h(Button, { key: '3b1faa1ea99dfc8fef63813115b4e0d74abf475d', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c7ccf575ab9c9b16781553e1cd24b7c919149419', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '308ed84f102229263c96eb356de642b0b488b30b', sectionTitle: "Details" }), h("div", { key: '179d6727dd1855e302d1496937882aa681684f35', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ee71826ac9132dfeee95f95a7b1627e23fbb5c22', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '905c50a423a0fc09bee87b8a21f4cb97b20e271a', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'eb61b7aae884c4b0fccc6e0d63e2b1b2988cdbe9', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '630c244cddfa9f69e3334e81e0fe899715911944', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '309e47c1fc2c229e396899e158fcb202854d3aec', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '42cf4752be0db19e4b399ecc68a17b0debe30176', sectionTitle: "Account" }), h("div", { key: 'c420e79af3aca398c2195f0f33858555cb266e04', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '48b3b67ede46c4bc6aef2dbd7fa7f3b33776b371', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '0e569e60700592d33bc6a43d30aca37911c0f201', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e5658f5dfe522a8c7ed9d4c4bf4989202fa64165', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '403329bffcee5b762670090065c70aafb13b5a60', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '336601026906b39107b7d6ab667866c5f5141a6c', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'cfa4c97844a1659db6dd5e109691b4885c9778e5', sectionTitle: 'Metadata' }),
-            h("div", { key: '22014f2d1b3ccfb415892be531ee3dcaeaa4091f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6ae6a7adb3dc348c5af58bd49b1545f37e325972', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', 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: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
+            h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', 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: '1755ee8bd42b276e1cc4ed7c9cf68bb994225164' }, h(TableComponent, { key: 'e7db23b5195bde527f1436f4cca8aeceed51669f' }, h(TableHead, { key: '8cd1cf32af3fa88b20cecd4b87cf3e9276380413' }, h(TableHeadRow, { key: 'ac3e4ccff0cbe1d29c28d4d10c70ab0436383727' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5b528b6049499bc9ebf8a8c1c4d6ec2e667e7c66' }, h(TableLoadingState, { key: '0e0a3ba57229bbc5bf4eb0706db4513cc8b74dc8', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'edb4ca86e0275aaedb70cf5f28b32f577ada663a', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c3a6c202754b5ae071347a66f8e8ed8da09390f2', 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: '949ae7cbd5de7bc34150ac1db0113ad8edf7b40b' }, h(TableFootRow, { key: '5e47e5489d8a7cd6a78105e0f01a42e703c03f0d' }, h(TableFootCell, { key: 'e83b0668b0c6ffdf836eaf5b2c33c9d508942c77', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '850c1f7e57a83b5c0c7ff10325bcfc798151ff16', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '503793db2fd72d3854bfa1eba2051bc822000a1a' }, h(TableComponent, { key: '1db195f7f1206bef7236ccd814c464c61b12f3d3' }, h(TableHead, { key: 'a61137a34fddf3f854102ec7a2964f127d7555f9' }, h(TableHeadRow, { key: '3d3c330e5758ccb4aa14bb7b5ae993d8d2c1718e' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a483803ea8dd9db844f36f9f8c7a89e81d7322b4' }, h(TableLoadingState, { key: '10bee5e971e10b0313b9b411c292f8f65bf1cf82', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c8ec9f17a98baa81b4b1830eb8d0bfad45cc8ee1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '94cd786053173ce22f797b0da263488cab9b5139', 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: '533bb1571ae70a03f60d13d5742296f425512919' }, h(TableFootRow, { key: '15924c92e5c9f2202066ebfa02aebc2c52fccee3' }, h(TableFootCell, { key: '48bd284c90d4ac044b5fd5f323c90fab5e9fdb5d', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cfc4bc6b077267ced59bf8b2519ee0354e676560', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/summary.js

@@ -14,7 +14,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '2644d423d844136d86f7f6b1b80aa98b224146ac' }, h("section", { key: '2017758b2eb8bf6483ca4765e5f18279ff2f6de7' }, h("div", { key: '029f98c45be1e9c807eef1dbf1508e231c7215d1' }, h("div", { key: 'db1b7e220f5afd230ea1fcf5dc818f96d03f68b9', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'b9d401af17512a5f5ef24350f8c9e9ad1163d83e' }, h("span", { key: '5d7dcef6b946ae455cb2b8e57089f0365b8bb52b', part: text }, "Total"), "\u00A0", h("span", { key: 'cfc8fc46c2f87011de758ccce92a9f4bfbe2ba88', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '3161e6f6a196c79d684574cafbc90bcf741b2150' }, h("section", { key: '594b4485ed4fd9d7c1ee7f4556f071139f92ef0c' }, h("div", { key: '5c2d14677dda6fc7ddcb074d4887b839385dca3a' }, h("div", { key: 'fb850cd7e9c11741349710696dd4e6241c98e805', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '959014d7fa2a9c97bae0c986313a604930c1e0f3' }, h("span", { key: '14ab0932a083568419b1c36c95f9072c73962b11', part: text }, "Total"), "\u00A0", h("span", { key: '08a9e00332253070ae984b77eb2a9bab88eb3472', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

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

@@ -166,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '8d33f1a30033c91afdb81dd60c02f1197221275b' }, h(TableComponent, { key: '51570b57df7c6f4c30cbd1913e71c06574095157' }, h(TableHead, { key: '15632f233f14a70c53d8629979651ffe360f0c29' }, h(TableHeadRow, { key: 'b45967701b9e52a9b6d0466d575caca547087dfc' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'a6261843c41d195627e7c4f21a531f32911e069c' }, h(TableLoadingState, { key: '2f98bd3686e2951f5f6f826410766fd0ba37c052', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fb4bfe86e28ec41f81dafe20b88a0b05c7e915eb', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '8f590a69d0d7f55852bfe4b7240c3416dc2a8810', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '4246f095207b17fb49b581b3ce9bc36efa745855' }, h(TableFootRow, { key: 'a4406da21d2b56fe11d80c74202bc3f98eb61d31' }, h(TableFootCell, { key: 'fcf75f3acc9095bcea8eafa78631c0c86217aff9', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2d93d922367a2b2773ddf1a0782c514da7d6cdea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a8131df17851ab1468e025932371fa4b97ccc144' }, h(TableComponent, { key: '0fc81f64fb8a8f138f25c70522d046921edbd094' }, h(TableHead, { key: '7cc8be0184008cf08128eb1f241ab670538ecc65' }, h(TableHeadRow, { key: '5a7aa37a2b8f02469ca6c703e098da9431c0b45f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ff32aad8d5c4f319550d47ae1e0f77b617aa3d70' }, h(TableLoadingState, { key: 'dcc25430c77867a2c9639eba359c0d54cbacb73a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '474ecda7420d595f49777f31910a380b48a8a1bc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd91e28581823ca91778159914157a003b011caaf', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '6dea4a93ab757d35916b9351e4e5fa7f76b4afd9' }, h(TableFootRow, { key: '5098c2d994bb0ba397bc94d7a0e9419b06e582a5' }, h(TableFootCell, { key: '5a8f90708691987f672cde0c102323225568d989', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '509e53f4c070fc9a8b479dc673c526417aceb5ef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '603c96b88979220a6af352f61f7a9064c937bbf1', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '56b78a47f1cb6758a0c74add974d9a24cf67e853', class: "d-flex gap-3" }, h("div", { key: '285e8a83d30d21f104d5a0c768b6ca05e7b37c4d', class: "d-flex align-items-center" }, h("img", { key: 'a11fdde276b66855a509491b99e3896bd2ff4aa3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '62d068e4c6c438cd192f3faf83b8fda9943e3eb8', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f1a48335799e72cce713d9571ae5f313a45ab54a', class: "row" }, h("div", { key: 'd6c2fcb777e79cd6b0fc801d17b9c4c840466eee', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'bf00cf7b3e517d2993031d32dc429f37b28e6bf1', helpText: this.description })), h("div", { key: '6f9f3eb93344cc0805e7245af1ad4dd933f23301', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '499243fd7c9a784317d8772acee70e73eace0cb4', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '374ac100515f1a9ceeb77e64c2143405dfe759bf', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'fe56458a7873bb1b9b6e0366dca058f468252816', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '852621f3c36375e9c300201e4405c95501488c6d', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '1695cd25eaf56619ef4cc39d81c11ca9b6a5cd45', class: "d-flex gap-3" }, h("div", { key: '9930b0bd8881bc70bc5bdb2b31428980ec83a49b', class: "d-flex align-items-center" }, h("img", { key: 'ac71b5e64fd9081e8dc9c962cac1e747f2234fc4', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0d575087df793cdeaf7bc04744d60647ea7d563f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '35f18a705ee606a825c8ad7a6ebe449e6941e4e5', class: "row" }, h("div", { key: 'bf4f916904479fc7abf3167cacd9a655709a5048', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '1a96f19f6f9732c5f8d9dbb2405de2d3f24b142d', helpText: this.description })), h("div", { key: 'af1ca75c5134c832d8f64b63833b7494c8c11ca5', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0d400a00a808c508ba870dc8e37d597581dd86ae', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '4348aef4cf19c02c574242f82061087e74e82617', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '75791dfdb7861bb7c1e4a2dc5376bceb12a19009', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -180,7 +180,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '8e0fa3eaa6ee828be9359dda6fc6651702d515d5' }, h(TableComponent, { key: 'c589738a9222dd209a53606bd9b60e2368f6597f' }, h(TableHead, { key: '7bddc50a7d092359cd8a73ba2204f06496432af7' }, h(TableHeadRow, { key: '5e7c30182e7116d9acd749dbe6b897d02348dfe5' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ebacaed0e41d743314bf3519b9a32b759cf0437d' }, h(TableLoadingState, { key: '93521e9aa8fcd014660755ca82791441f2af6cce', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1f5732e1db5ef6909a8def97ff006fee2b353f08', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '5365fc82832f09f5de15937392ba67242ef6f5fa', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '47ed43edb91d803248a28ade1a878b9f56599672' }, h(TableFootRow, { key: 'e1a60a3ba1d7c8c076c620d05be06ae3d12ce8bc' }, h(TableFootCell, { key: '2423d96f9405ee2fe3ad849ef3c3d6a27daeb3c3', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'd90822c7828e7d51de73274eb2f5ac3d63a89fef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '27022f23dcede378c6a6d16bffb040aa6448f4be' }, h(TableComponent, { key: '5d369cf93698adb50b843f65c747672abeb74cb4' }, h(TableHead, { key: '21173a74ccb82d7c3278157dae4ef3d471dbee5f' }, h(TableHeadRow, { key: '43e425567500ff324fd6ed68647a9504df812bf6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '1151ee93144161308f8b27b0172acb32d2096d25' }, h(TableLoadingState, { key: '353fb24dfbd941e8bba6f62799e0feea42d05c53', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'daa19b965b5519e766ba8bbb63cfc4327128bf22', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ee44061fa93cd20a59040a7b3faaeac10a925810', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '12cb09495ba8d416fd3593ccae4f205735226ecf' }, h(TableFootRow, { key: 'da2e2695e6101193db9f67a0a76ce1ce8abdc646' }, h(TableFootCell, { key: 'bffd81b4e90e668caa47813f96ab1a7764fa0f1b', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '61c268da3402e0675f54515617a6bd2d58834e17', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -274,7 +274,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         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: '8a7983cbb634e39612d9f464c3dde43c646356dd' }, h("form", { key: 'ef1d8bc768aeb880445283d4b00d41cd85b77d16' }, h("fieldset", { key: 'be8f72bb4aab7b52098f034a06ad8586fe3b89cb' }, h("div", { key: '0155b97ff6bf1c9364b2b71b337e981c89774bbe', class: "row gy-3" }, h("div", { key: '27bf72ad4b2729a94be20b8a22e196cb5550c078', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '3a9c4c7bf7830f66d22fa99fc1ca12f3dcaad390', class: "col-12" }, h("justifi-button", { key: '860fbcdc509a72abecc1e6abe2c8ff45a565ea46', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '27acb4552c8e2431792108448608c039baa705c6' }, h("form", { key: '914d43a641bbc484da9399d9d7b938215666862b' }, h("fieldset", { key: '4df90b4279eaa9c02268074c1d4c630c75e54f26' }, h("div", { key: 'b4b8895c7e5b9a3e615d357e2a6fdba5c245decb', class: "row gy-3" }, h("div", { key: '10ecdd6afffef324179fabcab340e4290c22f594', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '3327294952c67643c9c77178f801bbbba09fd511', class: "col-12" }, h("justifi-button", { key: '6de96d2c0065f676e696433f8ef6438527830437', 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 {