@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import './dinero.js';
-import { r as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { q as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -188,7 +188,7 @@ const JustifiPayoutTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class J
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '11a6336fb75a4286c102b935c7b175ce69c21521' }, h(TableWrapper, { key: '86f55e7840af3698d87965f638d7871d894110ec' }, h(TableComponent, { key: '2551d91ac0085cb5c0b15de9b3929b3dea004645' }, h(TableHead, { key: '97b793a3fb5f076618566253298bf315b67f0cdd' }, h(TableHeadRow, { key: '817fa7f9950e56a76661e8ff987c5c7035244907' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '367eb4f20acc3dc9a59dfb0389f296d687380e1b' }, h(TableLoadingState, { key: '594684a6762fd79fc797b195d5f6d296e893fd10', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '19b8983d2ea0c4a9fba4f44b404bd6901cc62137', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '552c7c8291dde9f2a4fe0d15a999d077ef663c8f', 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: '4486862a5aaa488014414e586d5f77d03ba7176c' }, h(TableFootRow, { key: '27a019583305eea31f402a8b3655686370f93c66' }, h(TableFootCell, { key: '6f42b298a2b2f8a5eeac49cd5bf4ca944d0be8a3', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c62634fb0f4b18c07334b99a9c083f398e8c2ecc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '6bcc0b4af31b1b1481caa3a2ea58f21e961b4777' }, h(TableWrapper, { key: '506239f8d1f08007c93d09b35973e773447b95f0' }, h(TableComponent, { key: 'ab46955207d861620abb1fe328ba8eb47bf6912e' }, h(TableHead, { key: 'b7c20c0d180e208a8a8d585751180be5f979c4a8' }, h(TableHeadRow, { key: '6f47150a981f137cb3633437744b36e6c9b1f3f0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'eb7912643fe3a3d9f66a2becbb130ba8a1a33127' }, h(TableLoadingState, { key: 'c2f95846f4c90535695ebce26c82b90b3ae022fe', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '93c2764401380a7dad07907c9f264d991f0b8e9d', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2ab2bcc9f9d2768a17a6e511d0ecf7a24a2ca4b1', 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: 'd5c76e1db68cebd0acac42f607a7602db3ab967a' }, h(TableFootRow, { key: '28d6eed555117e50a852c899085b634ba1ff1ccb' }, h(TableFootCell, { key: 'b4eceba9f0a705ee8824aeb313b1505752b9a53e', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'ba042ec0410830443db71fbeb8d90162ce761996', 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

@@ -7,7 +7,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
 import './config-state.js';
-import { i as PayoutStatusesSafeNames } from './Plaid.js';
+import { h as PayoutStatusesSafeNames } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -57,8 +57,8 @@ const JustifiPayoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Justi
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'd3bc9678b5a917f90f77797f2812774e344661ca' }, h("table-filters-menu", { key: '43b3edf9649083af410db0eeff26f03b04c8ba2e', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '1c0a6dea3fda9cebd921763a80077c1a8ffae110', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '59b1e4bbad4ae8e6f7a4229b1955599dc5c75da6', class: "p-2" }, h("form-control-select", { key: '05d9f42aba49452661cd0be0a0023917ef580112', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '231fa8934abaa002ca7bb45cd1ef9bd6520802a8', class: "p-2" }, h("form-control-date", { key: '707552858fbb3dfb07b4f68558cee0c2c6d16d31', 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: filterParam })), h("div", { key: 'a71fc710171d9a75ebbc05be361b1b3416929dc5', class: "p-2" }, h("form-control-date", { key: 'de614ef74fb2e8d3ea1ad1f187513e9004d81e40', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'cae6be7a9441ff6024548135f66a73694c53b10b' }, h("table-filters-menu", { key: 'a419bb5344248f9a857a9b21800c482a983e68e8', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'ee4aa221a245a63e181d9f1e31a0b120cbe4ff2c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '32ba66ccea590b297d27ec734c6e6b3da1d7ae0f', class: "p-2" }, h("form-control-select", { key: 'ff480f5fc8d38d0240d952b1cd689d4f5776e35d', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '3b3de6360d735ac8399d2e16538a00aa5736a6c1', class: "p-2" }, h("form-control-date", { key: 'f3f9fe5154fdf1d98becdcd4c8ed5a0099c8aa76', 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: filterParam })), h("div", { key: '0e95676650aba436b67f9e0537a5f3467015c9e5', class: "p-2" }, h("form-control-date", { key: '6aafa1c4d7cc1921559de295e3213307cc34ed54', 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: filterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -1,22 +1,25 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { p as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
-import './Pagination.js';
+import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
-import { m as makeGetPayoutCSV } from './get-payout-csv.js';
+import { M as MapPayoutStatusToBadge, m as makeGetPayoutCSV } from './payouts-status.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';
-import './event-types.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
+import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payouts-list-core2.js';
-import { d as defineCustomElement$3 } from './pagination-menu2.js';
+import { h as convertToLocal } from './utils2.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
+import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -47,6 +50,30 @@ const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSucces
     }
 };
 
+const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
+const payoutTableColumns = {
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date the payout was deposited" }, "Created")),
+    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the payout" }, "Sub Account")),
+    payments_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total payments amount associated with the payout" }, "Payments")),
+    refunds_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total refunds amount associated with the payout" }, "Refunds")),
+    fees_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total fees amount associated with the payout" }, "Fees")),
+    other_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total other amount" }, "Other")),
+    amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total amount of the payout" }, "Amount")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The real-time status of each payout" }, "Status")),
+    csv: () => (h("th", { part: tableHeadCell, scope: "col", title: "Export CSV" })),
+};
+const payoutTableCells = (downloadCSV) => ({
+    created_at: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(payout.created_at, { showDisplayDate: true })))),
+    sub_account_name: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.sub_account_name)),
+    payments_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.payments_total))),
+    refunds_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.refunds_total))),
+    fees_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.fees_total))),
+    other_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.other_total))),
+    amount: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.amount))),
+    status: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPayoutStatusToBadge(payout.status))),
+    csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout.id); } }, "CSV"))),
+});
+
 const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayoutsList extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -55,17 +82,61 @@ const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayou
         }
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorMessage = null;
+        this.payouts = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.columns = defaultColumnsKeys;
-        this.handleOnError = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
+        this.downloadCSV = (payoutId) => {
+            this.getPayoutCSV({
+                payoutId,
+                onError: () => {
+                    this.errorEvent.emit({
+                        errorCode: ComponentErrorCodes.FETCH_ERROR,
+                        message: 'Failed to download CSV',
+                        severity: ComponentErrorSeverity.ERROR,
+                    });
+                },
+            });
+        };
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedRow = e.target.closest('tr');
+            const clickedPayoutID = clickedRow.dataset.rowEntityId;
+            if (!clickedPayoutID)
+                return;
+            const clickedCSV = clickedRow.querySelector('a');
+            if (clickedCSV === e.target)
+                return;
+            const payoutData = this.payouts.find((payout) => payout.id === clickedPayoutID);
+            this.clickEvent.emit({ name: TableClickActions.row, data: payoutData });
         };
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetData();
+        this.payoutsTable = new Table(this.payouts, this.columns, payoutTableColumns, payoutTableCells(this.downloadCSV));
+        if (this.getPayouts && this.getSubAccounts) {
+            this.fetchData();
+        }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
     disconnectedCallback() {
         var _a;
@@ -75,6 +146,9 @@ const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayou
     propChanged() {
         this.initializeGetData();
     }
+    updateOnPropChange() {
+        this.fetchData();
+    }
     initializeGetData() {
         this.initializePayoutsServices();
         this.initializeGetSubAccounts();
@@ -107,12 +181,88 @@ const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayou
             });
         }
     }
+    fetchData() {
+        this.loading = true;
+        this.getPayouts({
+            params: this.payoutParams,
+            onSuccess: ({ payouts, pagingInfo }) => {
+                this.payouts = payouts;
+                this.paging = pagingInfo;
+                this.payoutsTable.collectionData = this.payouts;
+                const shouldFetchSubAccounts = this.payoutsTable.columnKeys.includes('sub_account_name');
+                if (shouldFetchSubAccounts) {
+                    this.fetchSubAccounts();
+                }
+                else {
+                    this.loading = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    async fetchSubAccounts() {
+        this.getSubAccounts({
+            params: this.subAccountParams,
+            onSuccess: ({ subAccounts }) => {
+                this.subAccounts = subAccounts;
+                this.payouts = this.payouts.map((payout) => {
+                    var _a;
+                    payout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === payout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
+                    return payout;
+                });
+                this.loading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    get payoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
+    get subAccountParams() {
+        let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
+        let uniqueAccountIds = [...new Set(accountIdNumbers)];
+        let accountIdString = uniqueAccountIds.join(',');
+        return { sub_account_id: accountIdString };
+    }
+    get entityId() {
+        return this.payouts.map((payout) => payout.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.payoutsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
     render() {
-        return (h(StyledHost, { key: 'ace7ca040d083e78d57aac9dd2f5608b1e628cc3' }, h("payouts-list-core", { key: '9144e309536ce9e8d8330576a441eaf090a12650', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '1307a34cfcaf42f829d28b18d893dd5c55aadaa3' }, h(TableWrapper, { key: '481cd3ce90a935edc54286bd732547593c41ffed' }, h(TableComponent, { key: 'd8309908dd108ab194213c76b13d508bf41a3f6c' }, h(TableHead, { key: '8c70c0061a8dc486639c7fa43825076b04aebe5b' }, h(TableHeadRow, { key: '0a53aa8c15efe99cfdbeb458bafaa8a25a10ee62' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c998709519b531686f24ff02d0560b7a000fbdcd' }, h(TableLoadingState, { key: '2848b295a5483417fe8568b2e7d61803726310be', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '281a9cbf369914b60d37c54ab351d5cc7865f723', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c7709f1546a4918b691ec3661903b00167145060', 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: '72682c5570fae84c4128268f734d96206f234774' }, h(TableFootRow, { key: 'd391fc3195afc66336d966fb56057f9e89eda3de' }, h(TableFootCell, { key: '3403c09520cb0847d1635e6b862eab6563fb7113', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '4d5d70bab5169ddf181c5216a7e4551356e9fc15', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
+        "authToken": ["propChanged"],
+        "pagingParams": ["updateOnPropChange"],
+        "getPayouts": ["updateOnPropChange"],
+        "getSubAccounts": ["updateOnPropChange"]
     }; }
 }, [257, "justifi-payouts-list", {
         "accountId": [1, "account-id"],
@@ -121,16 +271,25 @@ const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayou
         "getPayouts": [32],
         "getPayoutCSV": [32],
         "getSubAccounts": [32],
-        "errorMessage": [32]
+        "errorMessage": [32],
+        "payouts": [32],
+        "payoutsTable": [32],
+        "subAccounts": [32],
+        "loading": [32],
+        "paging": [32],
+        "pagingParams": [32]
     }, undefined, {
         "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
+        "authToken": ["propChanged"],
+        "pagingParams": ["updateOnPropChange"],
+        "getPayouts": ["updateOnPropChange"],
+        "getSubAccounts": ["updateOnPropChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payouts-list", "pagination-menu", "payouts-list-core"];
+    const components = ["justifi-payouts-list", "pagination-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payouts-list":
             if (!customElements.get(tagName)) {
@@ -138,11 +297,6 @@ function defineCustomElement$1() {
             }
             break;
         case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "payouts-list-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -29,6 +29,7 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
         this.isSelected = false;
         this.retryCount = 0;
         this.isRetrying = false;
+        this.sdkLoaded = false;
         this.plaidService = new PlaidService();
         this.maxRetries = 3;
         this.retryDelay = 2000; // 2 seconds
@@ -375,15 +376,31 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
             this.openPlaidLink();
         }
     }
-    componentDidRender() {
-        if (!this.scriptRef)
+    componentWillLoad() {
+        var _a;
+        this.isSelected = ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.PLAID;
+        if (checkoutStore.bankAccountVerification !== true)
             return;
-        this.scriptRef.onload = () => {
-            // Wait for store to be populated before initializing
-            this.waitForStoreAndInitialize();
-        };
-        // Add error handler for script loading failures
-        this.scriptRef.onerror = () => {
+        if (checkoutStore.checkoutLoaded) {
+            this.loadPlaidSDK();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded && checkoutStore.bankAccountVerification === true) {
+                    this.loadPlaidSDK();
+                }
+            });
+        }
+    }
+    loadPlaidSDK() {
+        if (this.sdkLoaded)
+            return;
+        this.sdkLoaded = true;
+        const script = document.createElement('script');
+        script.src = 'https://cdn.plaid.com/link/v2/stable/link-initialize.js';
+        script.async = true;
+        script.onload = () => this.initializePlaidLink();
+        script.onerror = () => {
             this.handleError({
                 code: PlaidErrorCodes.PLAID_SDK_LOAD_FAILED,
                 message: PLAID_ERROR_MESSAGES[PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
@@ -392,11 +409,7 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
                 userAction: 'Refresh the page and try again'
             });
         };
-    }
-    componentWillLoad() {
-        var _a;
-        // Initialize selection state based on store
-        this.isSelected = ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.PLAID;
+        document.head.appendChild(script);
     }
     async resolvePaymentMethod() {
         if (!this.publicToken) {
@@ -542,7 +555,7 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
             }
             return null;
         };
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { title: "Pay with Plaid" }, h("div", { onClick: (event) => { event.preventDefault(); this.handleSelectionClick(); } }, "Pay with Bank Account ", plaidLogo, " "), renderErrorState(), renderStatusState())));
+        return (h(StyledHost, { class: "payment-method" }, h("div", { title: "Pay with Plaid" }, h("div", { onClick: (event) => { event.preventDefault(); this.handleSelectionClick(); } }, "Pay with Bank Account ", plaidLogo, " "), renderErrorState(), renderStatusState())));
     }
     static get watchers() { return {
         "isSelected": ["onSelectionChange"]

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

@@ -41,7 +41,7 @@ const JustifiProductOrService = /*@__PURE__*/ proxyCustomElement(class JustifiPr
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7cb338a69707254cc2c0ccf7cea598380331dd5b' }, h("div", { key: '8cc05bbd74be050d887964c20a336d58e6bccd31', class: "row gy-3" }, h("div", { key: '7fd7d75e46a3e76a5421d217c52681fbaef47e40', class: "col-12" }, h("h2", { key: '6cc302087f7eb8d785522420678ff5b1a2f96df0', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'd4bba967bc346c1bf8240bdd50421643b5bd36d5', class: "col-12" }, h("form-control-text", { key: '45870cd9aa42f5cc2906e34e7f24d9e1dfa81bfd', 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: 'e4ee19663d28921208736a09b5a697bc4d8a17ea', class: "col-12" }, h("form-control-date", { key: '3ef6bb94b0a10f882d566a2a432ba3d6ce482cd1', 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: '63d88212fa98935068d7ef0e9f1ec0ca5192dd4c', class: "col-12" }, h("form-control-file-v2", { key: '231b87e6b4d1a8ee530edc6d21701df21c82c91d', 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: 'e43f3118bb3b607e3af86cbdf8cba319bd0c7f26' }, h("div", { key: 'ab2452d038e39e3b2781d72b0b43c42899734fce', class: "row gy-3" }, h("div", { key: '04a31b25a688803623882e91e6d27ebdcab3fc99', class: "col-12" }, h("h2", { key: 'c32d209d8c441287353316222a2ad11d66ad3022', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '936a6427c3531df4dcc096ff50bc31a0b85a4bcb', class: "col-12" }, h("form-control-text", { key: 'e7c77f6b3f35ff66935e2c48c4a6c7b203cdc3ea', 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: '51e374b7cf4053261f0bc44a19ee13c39e4b8a88', class: "col-12" }, h("form-control-date", { key: '0b11a59dbd74b0e6fe568a948c643722542647ab', 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: 'e18ae7ebca9050fc87aed1d51d664c278b16c341', class: "col-12" }, h("form-control-file-v2", { key: 'dd7567eb79c3d273bfa3b4464dd39b9508d8a018', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
-import { c as formatCurrency } from './utils2.js';
+import { b as formatCurrency } from './utils2.js';
 import './config-state.js';
 import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, u as RefundPayload } from './Plaid.js';
 import './Pagination.js';

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

@@ -41,7 +41,7 @@ const JustifiRefundPolicy = /*@__PURE__*/ proxyCustomElement(class JustifiRefund
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'c63cdc18f30fd294af7ecf0b4ea7d587f06abaea' }, h("div", { key: 'c9f68730fbe832982d626ab897e407d67c570942', class: "row gy-3" }, h("div", { key: 'b3932aea5591f932613af951f15917e14a35b28c', class: "col-12" }, h("h2", { key: 'd7493a5e9a477ba02e70c26b8e2bbd344662d2c7', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '490750c83185595252908047595ba23b5f705801', class: "col-12" }, h("form-control-textarea", { key: '511931f7c55bc173b891770c6e5d89df30e37b08', 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: '8028af10e59f016a54d1639aad49c3ecbd063c70', class: "col-12" }, h("form-control-textarea", { key: '22f0e873729a3a83c62824d2695304775d96d986', 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: '7492b589d4717ac0d478109797d80fdc2c56b8fc', class: "col-12" }, h("form-control-file-v2", { key: '3a9297c083a93f813be357b21cd09dd213c420a9', 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: '6f7db6c147c577427c11aca96a2944a493b037c1', class: "col-12" }, h("form-control-file-v2", { key: 'ddc5cca9e50bb01aec30cc0b666cca722bd6acca', 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: 'c5a20cda29feb1dd2bc608a34f1d479e75218606' }, h("div", { key: '137aeb0f70a8ae6daba6f44d0128098c1580d91a', class: "row gy-3" }, h("div", { key: '9a5839b430e5dc73b6543f17fc53c927859a36c9', class: "col-12" }, h("h2", { key: 'bdd71c1c572428ba0d274e7319786a5236de193b', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '191121597d2277907a526d1c3ea1662e40c5ffc0', class: "col-12" }, h("form-control-textarea", { key: '131ecd8df82112e62825c821e3408f721b65486d', 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: 'ea28978ddac1ca271b4d2685559c30564756e24c', class: "col-12" }, h("form-control-textarea", { key: 'dbf87760ec66daffe670e13014d69bb899fb4e6f', 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: 'f04e0f3e88971625b296c9a13d2e4c66ca0ee431', class: "col-12" }, h("form-control-file-v2", { key: 'fa4b249335a73a479c8e6abbc4c44e2fe3ab11e6', 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: 'e06df78e4ee3b06278850d53d0484fd750ee48ed', class: "col-12" }, h("form-control-file-v2", { key: '82980ca492c41b2e705ad1e686af84122a94b7a2', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -17,7 +17,7 @@ const JustifiSaveNewPaymentMethod$1 = /*@__PURE__*/ proxyCustomElement(class Jus
         this.label = 'Save New Payment Method';
     }
     render() {
-        return (h(StyledHost, { key: '9a8f3c570df476801a903c8591ad955c6e20bdcf' }, h("save-new-payment-method", { key: 'c5651023d045273b885df866ac0532d80db429aa', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
+        return (h(StyledHost, { key: 'b3a21f76759593ab02d71ed9a708982bdad5f0c3' }, h("save-new-payment-method", { key: 'ce0aa2bb711293144c835e9779b39a122017b544', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],

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

@@ -26,7 +26,7 @@ const JustifiSavedPaymentMethod$1 = /*@__PURE__*/ proxyCustomElement(class Justi
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'e344ee9a3ca002fa7b1685991db6fc947b1ab740', class: "payment-method" }, h("div", { key: '6e0c985161d5e7e8dc381d7171df9b70a25d007b', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '826c54a61730d9e55f14da3ef6f7b7dea897e036', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: '66b8725a684241fc105d182ee5982167b2007506', class: "payment-method" }, h("div", { key: 'd0370f70b880f6a83b18eaeeefce7b8fde342ce9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '76ed425815f77082ba1145aa2df04beef6044e07', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],

package/dist/module/justifi-saved-payment-methods2.js

@@ -35,11 +35,13 @@ const JustifiSavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class Justif
         };
     }
     componentWillLoad() {
-        if (!checkoutStore.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-        if (checkoutStore.disablePaymentMethodGroup) {
-            console.warn('Payment method group is disabled.');
+        if (checkoutStore.checkoutLoaded) {
+            if (!checkoutStore.paymentMethods.length) {
+                console.warn('No saved payment methods available.');
+            }
+            if (checkoutStore.disablePaymentMethodGroup) {
+                console.warn('Payment method group is disabled.');
+            }
         }
     }
     render() {

package/dist/module/justifi-season-interruption-insurance.js

@@ -8,7 +8,7 @@ import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { p as processHTML, c as formatCurrency, r as removeAttribute, n as addAttribute } from './utils2.js';
+import { p as processHTML, b as formatCurrency, r as removeAttribute, m as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
 import { j as text, k as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { c as formatCurrency } from './utils2.js';
+import { b as formatCurrency } from './utils2.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';

package/dist/module/justifi-shipping-details2.js

@@ -46,7 +46,7 @@ const JustifiShippingDetails = /*@__PURE__*/ proxyCustomElement(class JustifiShi
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '66ab4f496a037d4724fcc127803d2fd4c72ad2a8' }, h("div", { key: 'a650a56e124ecc55aaa383a32e27cad862801d01', class: "row gy-3" }, h("div", { key: 'aedaacba104b8540eedafcbc8f7c776fa99ab387', class: "col-12" }, h("h2", { key: 'b4e2dc10ef6cbdab47143f2cc64a484050bfc416', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '7110551e0ecf98b149f008eb7105235b8d601454', class: "col-12" }, h("form-control-text", { key: '2c17294567ff47b181c8d11cfda7651671adac92', 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: '031476a2435c80b8ae27fb50303f14797d84a801', class: "col-12" }, h("form-control-text", { key: '67441fbba00af48235867763561cf8adf66b9e69', 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: '1fcc1bf129d3ec577f4f36a2801422044ec0a59e', class: "col-12" }, h("form-control-date", { key: 'aa0464427d083dceba8e1604e045c707366d6046', 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: 'f61850943df4c9d6605cde9d86b2e8275ced0af4', class: "col-12" }, h("form-control-textarea", { key: 'a1d4997810348a93f26a9f4932890ffd911ea062', 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: '9dd41ee3436d63e0c89318129e811630e4aad75d', class: "col-12" }, h("form-control-file-v2", { key: 'fe1879caad49f44f1abd312a3925a20e6bdc11bf', 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: '5095dc339b43e49c59b6efcfacacbb680408edf5' }, h("div", { key: '1fbe12df13f6013c2223b60b94ac0a5fa4596dc0', class: "row gy-3" }, h("div", { key: 'd31cb56b51c77a39125f3531e9513ebc51155277', class: "col-12" }, h("h2", { key: '317c209a7e3168e85b4e0c672a6c8cb8f5e2177c', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '27f75f17046c752629058d496cb7820b23dcbc2c', class: "col-12" }, h("form-control-text", { key: '3640223bb57f4d6eea09df3d3a0c66b7f5cce998', 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: 'e31d26c7622a07833814aba997c25fa114dfd276', class: "col-12" }, h("form-control-text", { key: 'e6cc2d569c05e28452428577c9991d3f45ab97c8', 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: '6ebb9e323186e4db61e42c68757f218b6d412253', class: "col-12" }, h("form-control-date", { key: 'aee185a1e9a7bdf3a9ff79d4cef4937dae6b9eaf', 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: 'afee1bf9054a4d43b1c708a254459134453e014c', class: "col-12" }, h("form-control-textarea", { key: 'b238c60b5fc8805d5969ceb271ecbb0b5f77f7b4', 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: '631889f4538c546dc386009b229acd9fb7a98a6c', class: "col-12" }, h("form-control-file-v2", { key: 'd960f9f6494ffd3f5bc4b62fa66f3466974f07c5', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'aae82594ed1833982d7bb06ea0808e56e06b11f8' }, h(Skeleton, { key: '52c5680b1dc298b75646e5409b9c5c5b83f53eae', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'd19fcf55df4b5b001d31af93c263fef39fc0d160' }, h(Skeleton, { key: '9ab49d76aa71146287fff2013050e008342f0275', 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

@@ -8,7 +8,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
-import { T as TerminalOrderStatus, j as TerminalOrderType } from './Plaid.js';
+import { T as TerminalOrderStatus, i as TerminalOrderType } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -69,9 +69,9 @@ const JustifiTerminalOrdersListFilters$1 = /*@__PURE__*/ proxyCustomElement(clas
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'f53f07d2485906f350626bb2d607a03f1886d171' }, h("table-filters-menu", { key: '0530f16e6483f0129c687f3baee2e96318fd1124', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '8d0db1dbb3bb4c72b960e885b14c32e5e96ad803', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '89e2d935209ca54d61803d405298a26483573cec', class: "p-2" }, h("form-control-select", { key: '54c0e848ef9f8ba3b78647ad78fb1c06a95fd70b', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '9c2699b57a792975e380f5eb8b4c7b932ed56ad7', class: "p-2" }, h("form-control-select", { key: '39f5ce01e1d0c1312b52f10616abafd4dd0351ce', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '2bda49183fe0f5c4eb21cf88d60851f3abf829e3', class: "p-2" }, h("form-control-date", { key: '5452ac8632f18ed59b5ca9882d530230f1340433', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'cd829f44be8958025910cb5ee4109cb6f366aa0c', class: "p-2" }, h("form-control-date", { key: 'b9a0c3edca8fd798b574c54b2f5759db2f67de84', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: 'bdd5b48bd4133edc6c7ed00d881579086576c801', class: "p-2" }, h("form-control-text", { key: '1e20ee3d4b771e8381005a304d61e6064a496271', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: 'cc09bb58c13ab0b26d92eb164cf6bc43a3c96c63' }, h("table-filters-menu", { key: '08369c471d891184e36dd6c5aae8842e0df5c01a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'addd8a1cf74ae9e80cc8e4374a36400204c81400', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b74cf4d1d13a0a6250000c8f7f0845f4c907e488', class: "p-2" }, h("form-control-select", { key: 'b1b060b64f67695bb395488fa23dcbf6373b419b', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'a3c06691181d01d6a664016b4add0784b23ab06c', class: "p-2" }, h("form-control-select", { key: '376039e2f10fbcc9ed008611d4976cf6412c16a4', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'f03c94412b7861d255dfdef98a4c2fad14e96cfa', class: "p-2" }, h("form-control-date", { key: 'd7588c4ecda9480881e0f67e0418b1e475db188c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '76f0cee7430e846a479478c903d892ac05490787', class: "p-2" }, h("form-control-date", { key: 'ce0f99ebfa8a82111689ae6ee4cc1d8bd141d657', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '5c06fefb50c8c987a8e55623cba70a39cc64bbe1', class: "p-2" }, h("form-control-text", { key: '0a24516bbf665784e5c13a16b0b38be2bafb684b', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {
         "orderStatus": [1, "order-status"],

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

@@ -7,7 +7,7 @@ import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './config-state.js';
 import './dinero.js';
-import { s as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { r as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -100,7 +100,7 @@ const JustifiTerminalOrdersList$1 = /*@__PURE__*/ proxyCustomElement(class Justi
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f505fd0cb18cae37cf0896883acd93212c45cc88' }, h("terminal-orders-list-core", { key: '2eaf2c82b43a0fd8106b8ccfe76ebcdef01f75e8', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '65330929a53f4e5e07177541460ccce864edd3ec' }, h("terminal-orders-list-core", { key: '79d4bc028395ede9b9f2e2c12729cc20532ef251', 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

@@ -8,7 +8,7 @@ import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { k as ITerminalStatus } from './Plaid.js';
+import { j as ITerminalStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -64,7 +64,7 @@ const JustifiTerminalsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4b6ba70d8a8581d78facb0a2f262c7f11baf971b' }, h("table-filters-menu", { key: '38f0bfb11c9887a612c3dba55ae22fc3848e16ea', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'b9ba8adf4e258310bb5c250c4d47d10157101007', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd6c3a5b11c0def890980eacac4690accd73abf68', class: "p-2" }, h("form-control-text", { key: 'e3657ae3f8a875a865a66e652ecf7ea86f3e768e', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '5991ea46b3e887bd600041ed1cc6dd522adb92c2', class: "p-2" }, h("form-control-text", { key: '36a007337309b04d89f4754b07ffb535e8806033', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6089e2751f0fadc14b899510972b00eb7b1cf3cd', class: "p-2" }, h("form-control-text", { key: '430eeeeb1adfdc50f83b35fa662d08b7387ee699', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'e82b272ebcd175a68a39b19acc033213422ee07f', class: "p-2" }, h("form-control-text", { key: '38829262c19e3281e3c0e96d6287d35ed4110f75', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'fcdb9be89ea287c91bcd1ca64bb81adae03912ff', class: "p-2" }, h("form-control-select", { key: '0555fdc74f33ce2589de7e7695256c15e4f21ed5', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '9bdb42ed941298a2b4f42f85cec7469c3dba7301', class: "p-2" }, h("form-control-date", { key: '8366403642c6394822c324b249307760a7ba2b1c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'd1a02ac27ede585547d29082d41b7dab30e1bf04', class: "p-2" }, h("form-control-date", { key: '62b86c28b87a179dbd3ad8a85d9d2eb3d06fff9c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
+        return (h(StyledHost, { key: '77a3937540cd75a7cc51a90b1cd7c7c52ae870b2' }, h("table-filters-menu", { key: '4a725bfe0b79d0046eea2f7b3e3fe295b5384b94', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '0cb6fcedf45371c68b8b37e8b832ca3e9b48789e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '602fc95acdd62112bc53f858073e936f9bf5e48d', class: "p-2" }, h("form-control-text", { key: 'c4e8dc476d2d8d80f2367ab6f8a5e5db17a72f15', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'e83b3b3ef5f1509286cabaee9faeb96cd7d9e15a', class: "p-2" }, h("form-control-text", { key: '2f6eb9224740f327ce5019d93d879c231df8b0ee', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '942179e72ce3b8fea5c2cd2dd28aeecd586bdb6c', class: "p-2" }, h("form-control-text", { key: 'adb7eaab71834c2c619a09f9053dd8374a8bdfcc', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'c15d630d0c3500d26720db63cbf90098b837ee24', class: "p-2" }, h("form-control-text", { key: '93f4e6c1e5c8f7e853111e74e25946fd683c5a17', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: '6a269a0c2fb90fb4e00b05d4aeee3fff4ab4e967', class: "p-2" }, h("form-control-select", { key: 'f6d9e45354d5c3d8894fe442d0bef490bafb20de', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'ea70b109bd231bd085bb2cb8388d8010e0c5aa79', class: "p-2" }, h("form-control-date", { key: '256cddfb0e68590bc8d8403aa8a033ad40d613fe', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '1be9bf8d68c691f09d40db9c45d78ed923fb3d86', class: "p-2" }, h("form-control-date", { key: '79d48b277064373e3faf999ae8771a44b35de1cb', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],