@justifi/webcomponents 6.13.0-rc.1 → 6.13.1

package/dist/collection/components/modular-checkout/sub-components/justifi-plaid-payment-method.js

@@ -24,6 +24,7 @@ export class JustifiPlaidPaymentMethod {
         this.timeoutId = null;
         this.abortController = null;
         this.hasLoggedDisabledWarning = false;
+        this.hasLoggedAchPaymentsDisabledWarning = false;
         this.waitForStoreAndInitialize = () => {
             // Check if store has necessary data
             if (checkoutStore.authToken && checkoutStore.accountId && checkoutStore.checkoutId) {
@@ -318,6 +319,7 @@ export class JustifiPlaidPaymentMethod {
             this.isAuthenticating = false;
             // Even with an error, the component should remain selected to allow retry
             if (this.isSelected) {
+                void this.isSelected;
             }
         };
         this.handleError = (plaidError) => {
@@ -387,11 +389,15 @@ export class JustifiPlaidPaymentMethod {
         if (checkoutStore.bankAccountVerification !== true)
             return;
         if (checkoutStore.checkoutLoaded) {
-            this.loadPlaidSDK();
+            if (checkoutStore.achPaymentsEnabled) {
+                this.loadPlaidSDK();
+            }
         }
         else {
             onChange('checkoutLoaded', (loaded) => {
-                if (loaded && checkoutStore.bankAccountVerification === true) {
+                if (loaded &&
+                    checkoutStore.bankAccountVerification === true &&
+                    checkoutStore.achPaymentsEnabled) {
                     this.loadPlaidSDK();
                 }
             });
@@ -520,6 +526,13 @@ export class JustifiPlaidPaymentMethod {
         }
     }
     render() {
+        if (checkoutStore.checkoutLoaded && !checkoutStore.achPaymentsEnabled) {
+            if (!this.hasLoggedAchPaymentsDisabledWarning) {
+                console.warn('[JustifiPlaidPaymentMethod] ACH payments are disabled for this checkout. Component will not render.');
+                this.hasLoggedAchPaymentsDisabledWarning = true;
+            }
+            return null;
+        }
         // Only allow use if enabled in checkout settings
         if (checkoutStore.bankAccountVerification !== true) {
             if (!this.hasLoggedDisabledWarning) {

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: '84756b0f0fe1c8a9d6570e4f0e953760e527d51a', class: "payment-method" }, h("div", { key: '3c0ef7c38bb3f4cc9281b01d8d359956e0f7a1c0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '412f63c09650893f360f82c0e3192b7357473e87', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '526c90a231cf9132798d1135da9eb3cf7c1e0dde', class: "payment-method" }, h("div", { key: '189394f898e9d907af6209982e2150e672e90622', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '291e6f6e165daf7a6c0b8f9077e7b8b1fbd9a3df', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/justifi-order-terminals.js

@@ -127,7 +127,7 @@ export class JustifiOrderTerminals {
         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: 'a6d128c8f7075ba4bf6dc033e357dac187cdb965' }, h("div", { key: '9e726c70efc7e9b9163ded2ca1e88dc4303b2f21', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '1fd8c50ac4e22bb2aac46ed0379f4740737e9760' }, h("div", { key: 'caed839c05af25c7bcd6599c45cd5058491a1ba9', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '031eab044914be9f082d5f93f7813f4e61e5a6f1', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ccb7b2047fe47ff9d895df5fa56db8dc6aa7b573', class: "d-flex gap-3" }, h("div", { key: '0145845c698712ac65accf781f7e347c0c539c58', class: "d-flex align-items-center" }, h("img", { key: '3e48fa3175a3bcdae16e0d66c3627a4e84faf3d9', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'df45bb639c3f22da69847be20bfb0867acb592f4', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '3e75a2b6a4e512e08edd4e5662878f27e656f076', class: "row" }, h("div", { key: '12495ac532ed376c365893cfc3b85552ead99568', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '110ea9b505c790cfca4fbae78c3c6fb6f348b143', helpText: this.description })), h("div", { key: '47d0a8888279556ced19646bf8f27c8c0fa91d27', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '53bea293f4d25a0e3fbdfc72321d33ebdb117be9', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '9effca42d38cb2eb5433a83c95a5aa243c3de1f9', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '3e5a395703f88e10a2a0cf18c121280ec4035a54', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '1704fa75958fcfd09f49a3c0fe8116d573bfa2ed', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '0efa6cc9b68c077928f808ae87de23bfdae8d114', class: "d-flex gap-3" }, h("div", { key: 'bffacd3f4efa0f4836df925c71cda7b557041041', class: "d-flex align-items-center" }, h("img", { key: '5d2d65f2e080408fce1c036f95b19829de05ec21', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '8c97aca0bf669cbd0b19f6d7eafffd36b20fd14e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '96ec8a7338c8d3bcaa032a8dd0f68a331901ba57', class: "row" }, h("div", { key: '85cf477f4bc74ef873d7087e8e087728f80d9412', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '50357d9dad8c03ff4112a8a5f95aa8ccf99ea640', helpText: this.description })), h("div", { key: '598a1cd15123c470dcd3bc602a988ad335f07f39', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '6868ee6d61d15ff37d01432e40126ae4f77a97cb', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'dff94157f9c0cf1afbe60ee655568cd6b109fc1f', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '12aa22434ff134acd554a7eeb9782c81d14d7f02', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

package/dist/collection/components/payment-details/justifi-payment-details.js

@@ -81,16 +81,16 @@ export class JustifiPaymentDetails {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'f4952600aea69aae085ac57364e96397d1a20e51' }, this.loading && h(PaymentDetailsLoading, { key: '2f819c97a1a6ddb9df2a11e0cd6a5bc013ed19ae' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '35a58e3917bdc3133f02374c0e031374be7c728c', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'dad5f79ea18ef718b92bf2c2abbbba34542d6caa', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '12e7cfb4f4f56a1af8403b935cb51db3751f1395', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '023945353c0cbab340f4f510951164f110045ea5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'dcb261f7c4faf53eb686cfd5c8e0ade39a72bdea', title: "ID", value: this.payment.id })), h("div", { key: 'a7774df4ece900dc67494377cf648bf64f558490', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ef4a9197d4eb47d81c11c7f974f1e4058d5e3166', sectionTitle: "Details" }), h("div", { key: '17ef105d1b37ad34cce4bdd17cbf2e4023c0e2e5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'dbb764a1a6cbe949d2e281334e2f420f957b98fe', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7a3547ade7107456956618c72a95056a0771d219', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '94df0647f7286a4a7c9001f9e82b4277fe0f8457', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '59c13e257938124af50adfaa73571f152c402bd4', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '6abf719a072a3a1ea5878d999e517dafb7ba19d5', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'c494d2b4be8c9e13747f0299a618ea6c9ff723d7', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '1024b282558896dcb2c4ab7718045d98a6f6853e', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6bf6fb7f648609fdeaa4e5a0b6f3d4c7bcd4af97', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '43da8b6ab1aa87b6b938f1d0fd95708399cb9cc0', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'e6180466f4341e2c438f09cc42feb518f59aded4', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '289f80acfa3cd41f82637e8f9d9e63dac4c11b5b', sectionTitle: "Payment Method" }),
-            h("div", { key: '616a2e7ae000581dd481725c57a644fc3e0a9b7c', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2c13ea8a771e2f155a9e3d5dbae78c7800f31adb', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '62700836b3bd9656d07dc58d0d07d164c091cd74', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '528ad4dddccaa7f5bc274b3b297557f659d46789', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fdf2ad89e4e7ad253e16bff9038dc79da5a71b19', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0b2c505e1fae49414414d5e839b1bdc849290c41', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'f304cb665f17ce96b6d97a38d94907629f559413' }, this.loading && h(PaymentDetailsLoading, { key: '709acde31230bd9e825e4e9669234492aff3cc3a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '09a4a2559fb89a5b4b57d81b0fd48952c219d348', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '7cbfece91ce9e5fab75d561ad369080ecbe76fa4', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4aa014d77def141d2053c3745b8215cc03a53ac7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f344398f4fd4db6e1e7ca1335c3aa55630668475', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'a01e5a04400b996cfb2a9e563c8f383b8e8d7c66', title: "ID", value: this.payment.id })), h("div", { key: 'ef0c63d53031dfa8910dfbdedede1e20ac09e78a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5053784a7e3bd8932562a816921564aadd6d79c8', sectionTitle: "Details" }), h("div", { key: '43c56ee5a39589ea7a0107f32e274be439adf33a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'fcee2dd211c9bf951cdd6855ac3fa844632391ce', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '44d055f3445f02feaeb4519b5f4777333089a8c6', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '906b584174bd5c329974274a2f1e1ef7e9e8fde0', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '809429e88eac8ebe8142bb0028f8b86447977697', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e08c02efc64f105ce3180e9773584a331ae19a9b', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'fbb910b7006f9d4bff9b14ffd4fc2f7da8b68020', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '09fefc2d1a750ab2f5dfb2043db08d5f16d6d9aa', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1d96f4557823f1d82d5c6e0e46a984c13c6f018b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '51bfae7ef30f36c99c0fa1b25dc5397720ef88ff', title: "Description", value: this.payment.description }), h(DetailItem, { key: '5c44b3d40bfe6b2fbf258fee90f55ff24d0b3c28', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3d652ba331824448b7e7af969b2ead216f358e28', sectionTitle: "Payment Method" }),
+            h("div", { key: '49ad00ec9d703d196a025fa17b03f4af7cdc4dc5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b1b3f57e74fd65dc4b82d727a94afbe14803c52', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'b23d5263566ff11d469dea9a245d20a7689540f8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5f76d6d9ac609884aac18fe2743d4fad2192b86', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '22f296966b6f1aaf516b1d70144cff4f59b82c05', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd7dcd0f7a74ed2cc5ba6406a7d48522ca06a7546', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '2a04be5ee508a547661e1ff947c2c9b40da2a192', sectionTitle: "Payment Method" }),
-            h("div", { key: '1316f9c749960ca0ab4967ff03697583e690007d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '46fe5297825ef0b9e3f34fdee6f47f3dd3b9272d', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '44f1f47522b94ce5e403d766ee71645b4285d675', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f03369474996dc0ae52c7d909ac1bba51e291668', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'd697a0e2a954f0e4efb4cec27dcae9c57fa0ce54', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '37a2a20c462cb94baa01ca7763d43ced04b4543c', sectionTitle: "Payment Method" }),
+            h("div", { key: 'f6de7746d5ff64d27368edef51b3c4e0ff7c658b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '34e9b26c6d20e9b5e86e4cc11fb925ff1ef5ce94', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '32cd6da4d7234aca403bd699de23e1cf889bf14f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f1313ac7c15d5ae2d9dfa2b6d3ec794d0987252b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76d1ac1961e530a7a6e1ba5512b982cd70df9470', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '7cdd88cc59c7852574b05e1709f85afe3bf7367e', sectionTitle: 'Metadata' }),
-            h("div", { key: 'bde3519c811862185b0757fd7c8a2a0a05117466', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7675f134c9580381d495a1d7534e73b77583cb8b', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '1cff262d07acda5bc742f325a23f4199c22f3a01', sectionTitle: 'Metadata' }),
+            h("div", { key: '77379785d2559d39a26a253757fdaf02795c53a1', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '92cb32f3dd6b45094210194e2e40927d7f9d6bde', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "justifi-payment-details"; }

package/dist/collection/components/payment-transactions-list/justifi-payment-transactions-list.js

@@ -91,7 +91,7 @@ export class JustifiPaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'a458269a6f875672be4d480411fc209c870fcc05' }, h(TableWrapper, { key: '6d072c9f1f3def61bfe10173220188da0b2c381f' }, h(TableComponent, { key: '41b8cabf14b498e4035db4d36ef9d4dcd4d10867' }, h(TableHead, { key: 'e77f2d5cd1347c2771584dadf619a1f21f7bdd5c' }, h(TableHeadRow, { key: '053904f66c5d4ebcb33cb5b1d2ca3cdf5fd1c290' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5db67b01c7defdf97d2d2b305422254f9440564c' }, h(TableLoadingState, { key: '24a110c7377f2f9e9b98302237221d168756593d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '195b3cdf57087d986ee1db13b0bb5b65a417f380', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '4e747cbbac4ffe88a9fe8bca59738feb8a0876bc', 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: '052862a5252fef6f4a466c667d4444778d4b84b0' }, h(TableFootRow, { key: '61d2a980ba3dd3c05955829741023ba814581f6c' }, h(TableFootCell, { key: '1e40eb28e0bb75ae6e044c4730c76fbd5054c654', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e066808fae97d39fd1f81924d5de32767f1a5c97', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '24e7a4313ab91f179fd27b6596f012487de06815' }, h(TableWrapper, { key: '1f9a7a56a940e41dd865bc6f3a8681ce86d60d58' }, h(TableComponent, { key: 'a26ce09ae4df84698be1ea37cb735e38c0a0402e' }, h(TableHead, { key: '07f8655efd483e1d9240e65b17dc13583028f376' }, h(TableHeadRow, { key: '0b62a7700715dbaffbedc0538432d075a3158499' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'adf75fa50ddfb5257875b2779fc6c157812d4c19' }, h(TableLoadingState, { key: 'bc77de512b3e5fd1e6c4b8cf908b46027a3bc33f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '413d46e184399cba3993f37efd64cb0d0a10d905', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9deaa794dc848ed7c85cbadc3b4cfe7c9fb1176f', 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: '16ca0811bf42dc9419f8b77086e8e7e2cf6d0085' }, h(TableFootRow, { key: 'e11be42549832c35078acf47b7c165fe1e50ea98' }, h(TableFootCell, { key: '205d649068b84200b88adc1be9cfe192abfe13be', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2a28645220d4f18b7037e461bd93eefc3aed49a0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payments-list/justifi-payments-list-filters.js

@@ -54,8 +54,8 @@ export class JustifiPaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5a68fb9c6ed40a558aee38624c4a1a1f0bde51c9' }, h("table-filters-menu", { key: '5f99ec7b728aa7398176ce4e3cb1d574b7533f05', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c2602fcc45ef5304e9931a54e638e64307134816', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f3ca5428d5acb61baa1d63efe8e7c5ff50bba432', class: "p-2" }, h("form-control-text", { key: '5a8ff71ff5f86cdc0084b9fd6db6b84a6874cec0', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '52b7938337c6dd390c0a4d042a229f83195ed4b1', class: "p-2" }, h("form-control-text", { key: '6ac6132cfc26906541cd77f9d3a6f90a9405b708', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'e325e13074ec776c8bb1663bd754d13002b64fd7', class: "p-2" }, h("form-control-select", { key: '0dd0ff17f1b59bfb0731bbb0c3a918330f9f817a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '516164e1f585029e9f8a292fb6a2c7cc721767ec', class: "p-2" }, h("form-control-select", { key: 'caa3da5823cce6611055376ed4bb859e9ab8938f', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'acee82424117854be377c1e4d9c9f46b3f078941', class: "p-2" }, h("form-control-text", { key: 'b8958e92f3d19fe142150a28c81182d7549da0fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '0674143ab47a1e58ac00dd621da1242c8250e4e8', class: "p-2" }, h("form-control-text", { key: '90ba16232f5dcb96eea87f1cd3c5fa139dbabd35', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '8ece87138034cd810c5dfcf17952fa8fe7112013', class: "p-2" }, h("form-control-date", { key: 'f927af3216ba515c174ebc89b45277bf769f6a06', 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: '76536d176806d29c904365d19270492e3c6d6d4b', class: "p-2" }, h("form-control-date", { key: 'bae8982af239d24f82a0b6298694749fd554868a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '09966b2b69d97d14d988b1658c50755be453451b' }, h("table-filters-menu", { key: 'e5e1e3bf59528776e0ce67be1d57f442cc47d717', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'dfb76c7b261911aaecba4ddc179f935e076ab6a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e875c8eb14dd1ca1bfe3d0973de89cba0627063d', class: "p-2" }, h("form-control-text", { key: 'cba3e7736f5d85f32ac8023125d59f25a4e5e427', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '468b20f8494330c1db0a00f63e928c656e47e463', class: "p-2" }, h("form-control-text", { key: 'f9a48b0116e239f97a39246647470fd7f8e3718f', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '805d358d7a091b4826f20af9df930f61cf754364', class: "p-2" }, h("form-control-select", { key: '07c7d0627be6629864cc9b130c347d110e7b337d', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: 'aa3f3d30fe781dce7f516d80730362bed20348be', class: "p-2" }, h("form-control-select", { key: '7d70542a944db0588361ab5be7df9c8bf83d0463', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'df2642d3a148199d9ffbfd01cae6ba4aaef6f2a4', class: "p-2" }, h("form-control-text", { key: 'b462acc0489803f54b2beb4d8cc58bb1c11ebb48', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c5eb36e85489492d4cc66707762d04bf4e38e56f', class: "p-2" }, h("form-control-text", { key: '483a8cea7f8f1f6128fc16789b34015041fb250b', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '669126e41e31c84745dd7c4c6dc0f0d2eb843e9a', class: "p-2" }, h("form-control-date", { key: '20b993fad450f448bc1cbce6a24c05f5038df2da', 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: '49002f16423461fca88249d9fdd7fc0a27abe117', class: "p-2" }, h("form-control-date", { key: '5a3b0093e5c2593e1f39b82220511704210a6179', 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 }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

package/dist/collection/components/payments-list/justifi-payments-list.js

@@ -120,7 +120,7 @@ export class JustifiPaymentsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '66f641cbde94ea4332bef30308047ecc98cf6476' }, h(TableWrapper, { key: '5d5d4190722ddf09e31de6d680b3df248b41325c' }, h(TableComponent, { key: 'b5ab4878004d4911129941cd48a85564cada1f87' }, h(TableHead, { key: '14aeb8df18cdde57c028d741f11a011060c0b1b4' }, h(TableHeadRow, { key: 'ba5a4643b5fff9c0f9975ae5d350f9db8cc5d7b2' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '0b26316eb9193cab9001a31a7f268cd5156d13e3' }, h(TableLoadingState, { key: '37c3545775d6e1586af72baf195f6a861fba0081', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e3cde204ba86bab4813d6a06f948532c30271bb9', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '202602af08813968a81743c8966ecb17e3a67043', 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: 'b59fa3315491975cf7e5dd0ec26a4b1e0574438c' }, h(TableFootRow, { key: 'e974cf1d3ec92fa89139982030791d69e6d02b10' }, h(TableFootCell, { key: '74405261ad2cae3dc6267aab06ec1dd81f4d4ba8', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'cdcca8506afafb661d0c90ffe9a09f41f94a0862', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6' }, h(TableWrapper, { key: 'edcc04c18ae762b75aab3cebe31a5aab824843ef' }, h(TableComponent, { key: '98b6e699948ac65667497b59b0ac23e36d7ea212' }, h(TableHead, { key: '06830e440c2f5ea23acd0109f58dd6e11f6495bf' }, h(TableHeadRow, { key: '8a29564e85eb5a870c37c58cc57a149327f5405d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a03ffd7422fbf7f364a6f7545a0158fb0cd38691' }, h(TableLoadingState, { key: '6f48d9791c28a3407edddf97fc54a1a92c5e7dbc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab948e22cf74e5db93835df17f93c200f0caf698', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '28064e964a0db825ba7d78bc84e55c88b5c8e0c3', 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: '036c71025fb6d150a3bdaa370e84e955ecf79b66' }, h(TableFootRow, { key: '373d7ac9f89a226a32a26a5ee7bb2a2246f8a454' }, h(TableFootCell, { key: 'a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '438d49d2094bb17488b8e2aa90fd0dbce100d920', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payout-details/justifi-payout-details.js

@@ -101,10 +101,10 @@ export class JustifiPayoutDetails {
         return capitalizeFirstLetter(deliveryMethod);
     }
     render() {
-        var _a;
-        return (h(StyledHost, { key: '78db4dcf016d394a4233ee35dd5722ad69512499' }, this.loading && h(PayoutDetailsLoading, { key: '1d58cc82472d7c0791335fa63730bff5ebcc9631' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b53aab8af8b8be07f11634c0982c825f760d5a7c', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'c948bf4014d36ec5b2309c6c0e0923b1df071c1f', 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: '713295338c4727ef175e5fa1d69fc04b1bc52997', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '896552a6c52d0e34fa9cc3bce746c7ce15b17d19', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1c7c6f0d68c6d79e8d90f832a0706f5021a4fec4', title: "ID", value: this.payout.id }), h("div", { key: 'e9bd1145f2b1fa3a15f70f3c512ee5688c20ab75', class: "m-4" }, h(Button, { key: 'd16c22b1663823a367501ee87f00d91a71f4bac3', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'cbe424bac249bf237b3e88f743584efb29feb327', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'd49a48f2d9585798e98908974903121da88dc7c7', sectionTitle: "Details" }), h("div", { key: 'd8b252055e73371e207b57d490b383b82a31f8d5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f7927f5b806737099e4cc183df745acee917873a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '025b54550135be71ff478ef5d364a0e09b752d65', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd6c855b3bf3abefb58d2e42725cc18c023502c28', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '66339c62f4798d78fc311b685c679cb2b6d8e5ab', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '834ee2666c057cd26abf121ff3509753f0dfe6dc', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '288998bdd428b55915e87b6d997fa6ca72bbc9ef', sectionTitle: "Account" }), h("div", { key: '8179ccd1df02f4789ed23160229467efec9c5661', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '60496ee62d3d36a874ae0f7fdb8e510e9eeaf263', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'c0f9bf43b9dd79640979fba0109e7e3861badae2', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3473874ae44ca2e9a57f5d113f694596e54aaddb', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e409d45df2bca00884f8fda2f2ab980065860d02', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '56c4d45303e8329e53ff3fdaacaafcde3def4f12', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '3c4aa0bd3b6921b4383c16b081f363715002cb52', sectionTitle: 'Metadata' }),
-            h("div", { key: '63baeb1d2d0f856fadea847369189135d129bcb2', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '31cdae9f97ac6683c92200f3b4270d324ef490b5', metadata: this.payout.metadata }))
+        var _a, _b, _c, _d;
+        return (h(StyledHost, { key: 'da86ceeb41265056f9bc64c07b3bd7db4a91471c' }, this.loading && h(PayoutDetailsLoading, { key: '49ae2848db4a5b59770c2b84bfba745861573a6d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b4e6740d49ae1099f28ea3d6f21fe0da48149c71', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e9efbeeb7894996f318d90fb38826a6a9e4cc4b3', 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: 'feb913d2b90e86fb4f5575379e9b9a47adfa723f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9fe6da08323735948f145a72a02db26a6eb31f02', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd01c4b7ea7c966b524026a6e97c0575466de3f74', title: "ID", value: this.payout.id }), h("div", { key: '4c4f73e5898caedbb1b7aba326dbfb0dcfbb59e6', class: "m-4" }, h(Button, { key: '622a6e8384da37f4bb3896bcafea46ef697b140e', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9b9271663673dc2e78e89bec5c7c9c47daa6761e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ac5c6e1c09e63cd0616794b7df367a73889e37b2', sectionTitle: "Details" }), h("div", { key: '95f9d5a0097499fdb24f44ea87313c3b34a96068', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ecf60d4a4783c8fb52e10222dd4f6e9935cd0910', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '289971a08641bc2dc725d603ef611291025cd6b4', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd237aacbeb9b23ac0d45aa978350aad4824b0695', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '744ef2b8878b742483750fb921ca9790f6aa9ec1', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'dbf3327510523afc6edd78ea2926f99593da9748', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '15983342dbe916770291f33226b744e8c4c1129e', sectionTitle: "Account" }), h("div", { key: 'b3fb4353794dc490633a14abcc829ff0835d989f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '665fbe47e3b35c0b7ffb3e6c17e15c3703c90250', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '5b15d5bc8a63541ac8d77eddccb47c89659fd05a', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '947043e3571f27a672060f2101296daba0073727', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: '74ac687b37c7ca91a88863730560333c41b9413c', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '43cd9aa5ac45f6efba97901e3e1386446065c28a', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '8bf04ae43a08d8ef624357f64df900a11b8f2dad', sectionTitle: 'Metadata' }),
+            h("div", { key: '1bf737734f34f626cbfb9dd878afbb91b6f01913', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0d1481e1823e9b2f28328ebfb3cd1c92c6342cc6', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "justifi-payout-details"; }

package/dist/collection/components/payout-transactions-list/justifi-payout-transactions-list.js

@@ -95,7 +95,7 @@ export class JustifiPayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'f60ae9206262ae4b7f8852ac0d6e7089b4838c81' }, h(TableWrapper, { key: '39d31f954e05e6c941e6064a994193cc3b45cd14' }, h(TableComponent, { key: '007b157cc0b2c41f81cb4af0c7d72964b309ad68' }, h(TableHead, { key: 'b23c5ea0497058cb8e8c48f7c44290e22e0014b7' }, h(TableHeadRow, { key: '0ee5a4b9099853cdd4dbad93774d01f691ebe4f0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3ded164da6ca49b74ab137386b5ff2c364b4e569' }, h(TableLoadingState, { key: 'e22ea675edfbe08f6f75e3649d598b6bf1f76c44', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '4f64b72463bebfb7c93351379f29e8321744309a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '62dccb5e3dabceb85f27da6d1e7837bf20eb0a1c', 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: 'a3633714d3d8ca82c40ad3f7eac5bbc92ee9b7a3' }, h(TableFootRow, { key: '97753d854fbeea88174fdf2c8a3abdbf5068a4ca' }, h(TableFootCell, { key: 'fb1f2991c433824e404711c38891580d58079278', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '077b2fa6ebe37283e39c7061682cd52653694b2c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'e7b5b219c34d1c8610fb4113fedd503f0512db2d' }, h(TableWrapper, { key: '97bbe678c90ba115a091db4fac42560c17f557f2' }, h(TableComponent, { key: 'ef90c77cd8f19a80e2b3e2b514aa1bc735a1b783' }, h(TableHead, { key: 'f5f0a00594f099931f1ac1cd4e359bb8fab11ec8' }, h(TableHeadRow, { key: '559648add19e0426d756f71ecb7bbd5cbcf1349e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '49f8da0be5dba34ffbb92805d7b5b0fb3eeb6bf7' }, h(TableLoadingState, { key: '1d61dc2157608f38eb34e64452d7089857e6c67d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd1f735fdb009740a186a16ea7e15d0320965a286', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f50ecc151be5c9143fb69d575a1ef14b3aa17b61', 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: '560536e623b2437d613169af2980aec13ebb4531' }, h(TableFootRow, { key: '42b82920fdd6056bb654db92acf3741aafb13d99' }, h(TableFootCell, { key: 'e2545104fdac51e0ada942138a08714f213bce63', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6a74b19f3fa02f0e86e00783a06b0dfba2bc0ed8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payouts-list/justifi-payouts-list-filters.js

@@ -39,8 +39,8 @@ export class JustifiPayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3625f5efccbe6a0715abb425731f53ab4ff89b05' }, h("table-filters-menu", { key: 'ce1fad33a28dd75075ec382e73f1822170061215', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '613d95baab2642c7e9d032476dbf66529a64f10f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '39096bd7917514f0f7fddc98520ff78b1ac38e99', class: "p-2" }, h("form-control-select", { key: 'dd93b57d82296c2ea79a76a52e499123bffcf346', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '323b2e91854d75266135cf6af37aacb86c9776d1', class: "p-2" }, h("form-control-date", { key: 'b3c67ec5e63fc5484a153689bbd56666d7679a4c', 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: '6a949567f2c4183f4431ffb07fbcbb61b33f1044', class: "p-2" }, h("form-control-date", { key: '8ad670d02f45ea839c712b2cfe5cf7bade503554', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '4047a84518ef07a3e9d22f3d6866452dcdd7bab3' }, h("table-filters-menu", { key: 'a1db3d5c8c0bdc44ea7d9dc35f0c460b4b5930ab', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '0d8e8244eb9516a97914942e1e0836dd8ab53639', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '47021850703e8ab104b287b4efa93693272c435b', class: "p-2" }, h("form-control-select", { key: 'f0312f36bc05c4fa6d4e7841624f8d977cdec6c1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '211ac119c8172aa4e626b7344b25a1df26019aa8', class: "p-2" }, h("form-control-date", { key: '168757bdc92bf54e076d4d5aff63f8a04de65464', 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: '43aa8054ba063b70eadfff7240908329f47d1c02', class: "p-2" }, h("form-control-date", { key: '16a86a41c301dd32a6d46067c32d1316c80ceb5d', 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 }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

package/dist/collection/components/payouts-list/justifi-payouts-list.js

@@ -169,9 +169,9 @@ export class JustifiPayoutsList {
         return params;
     }
     get subAccountParams() {
-        let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
-        let uniqueAccountIds = [...new Set(accountIdNumbers)];
-        let accountIdString = uniqueAccountIds.join(',');
+        const accountIdNumbers = this.payouts.map((payout) => payout.account_id);
+        const uniqueAccountIds = [...new Set(accountIdNumbers)];
+        const accountIdString = uniqueAccountIds.join(',');
         return { sub_account_id: accountIdString };
     }
     get entityId() {
@@ -187,7 +187,7 @@ export class JustifiPayoutsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '679d6c6e77a02a30223a98d2acc5904866d19f80' }, h(TableWrapper, { key: '9e26d69955fd836451c6468946d7fa512ad84fde' }, h(TableComponent, { key: 'a73a478f2c40d1b95c5a8bc7039496a2caa4bd40' }, h(TableHead, { key: '369b1f0a4827fed6ff8f0c6f030bbe54843e1356' }, h(TableHeadRow, { key: 'c4be14ee6c9401e8a5e6e3318c7e2754f2457151' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5401abd534d1035ffc5177bb091cb63628e250de' }, h(TableLoadingState, { key: '386a988c540a87dea5f6574f0e073ed26607c528', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6855b88d7ca2e75f39aee058de13f56fd81f1811', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '186e8f3a48b5362a07b88192617d88d466ae11c2', 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: 'ad5e63f894c990d5b87a5d39e4164d4248bc7b1a' }, h(TableFootRow, { key: '57cab389b166b282bbf6506d08a368f0cc4c750b' }, h(TableFootCell, { key: '8f8893d6f3ffe796ebe77fb33e1e0f6a3f364408', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '640555ff74d52f27b06d3588f411e235b23436ad', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '653896fabc4becf531ec119d252cbaea301a0dc6' }, h(TableWrapper, { key: '63787473d67118a7f092bad666c47346872a7834' }, h(TableComponent, { key: 'c17ecce261475c8bfe357ff30d06f189c8f96480' }, h(TableHead, { key: 'cc23edeff6a1e595671b77fa51c73ff313692b16' }, h(TableHeadRow, { key: '4ed5b5ee149538d2de60ee6e27edde55e8d11eaa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a0a886e70ba99ececd78e5bc34aec065466fe6ce' }, h(TableLoadingState, { key: '38bf9109ca73ecfd5c85529a8f7232069ffcdb00', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6f5341305ef71f86bbf3680e2c6d0dc461f3d09f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'bd5e8cc72b460238636546a568645c797807f2d9', 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: '15145b7ef9cc37a2ad70cea5698d53df069979bf' }, h(TableFootRow, { key: '2d4ed5a1ab5eaf0eaae0bbe35f02edf59c23b22e' }, h(TableFootCell, { key: '11c8505cfd97117afaf79ea68a3fb00570a9c7cb', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'b8e7e29d4d932f43b3381235de57b63cc6a5283b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminal-orders-list/justifi-terminal-orders-list-filters.js

@@ -50,9 +50,9 @@ export class JustifiTerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '05cb917a4f8573a7b2296b7f5eab4d8196fd291b' }, h("table-filters-menu", { key: '2dbd9b8b18c77fab46e010a75150d9addb50f2e2', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'cde85cfbaf0a8964fec8559da8f49ec05117adcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51f107f1b8fb27bf1efb05b1421b8623fbd759f0', class: "p-2" }, h("form-control-select", { key: '97b151015f75b866867921aaa7c8ad8fb299d68f', 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: '0a25022bd038dbbb21ddc8ca10f69cee88824597', class: "p-2" }, h("form-control-select", { key: '0df794e038df12ee6707616b93c4d39dfe76d287', 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: 'd108794b60a691b0071359082ce6e6a1fc04543d', class: "p-2" }, h("form-control-date", { key: 'f36c5dc32d48d7c0986fe95c2c496fcd32de189c', 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: 'd1be3f6dc5ade503cb1a15089d491fa46391fa8b', class: "p-2" }, h("form-control-date", { key: '5dfe0ab05fb5f9297f2434aa26c83ad4831c3f73', 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: '13039fea471c09505187e8ea1bfbe67ced259572', class: "p-2" }, h("form-control-text", { key: 'b7b4307513b3f73c860138863da80ea372f2d726', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '287baf0a2de1287195105adbebd501d2bccd21d7' }, h("table-filters-menu", { key: 'b0112de1075f459780d01528f017780c9ceedb18', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'f9acabaf7d2edbe4eabb81edc92b2378ef563012', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e76d3b3771b8084fc5f6bf32fac2c75c3da87abb', class: "p-2" }, h("form-control-select", { key: '9c687e7202a310500e85d3cbce29268ac04cdd4a', 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: '345ebc972663899a456a7a660863cd81a9770a87', class: "p-2" }, h("form-control-select", { key: '26879377755e826a1d1f236ab5e54a22415451e8', 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: '2a7df2b8c9a3bfbbd76cca1a732c01521b08dd34', class: "p-2" }, h("form-control-date", { key: '3fbceb80eaf7ae48e02221961317d8c77ec2c5a5', 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: '4c3c59ab54215591c5b0eb9a26c45a0265e48d96', class: "p-2" }, h("form-control-date", { key: 'aea46abb41595c0cc5d82edd0f1f09425c0a1701', 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: 'e83af454cde29c12fcd6e2e37093bf70fd03718c', class: "p-2" }, h("form-control-text", { key: '3c5fe84b5883b7df6247ed1eba1a15871cb882b5', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminal-orders-list/justifi-terminal-orders-list.js

@@ -125,8 +125,8 @@ export class JustifiTerminalOrdersList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'e544fa99091ff8e0601388c4663f536304caef7c' }, h(TableWrapper, { key: 'df2a311d1052b284d458f29a87ea5a78db145406' }, h(TableComponent, { key: '9d3d6997f5fa8581fafa34e13a9981e75075ccc3' }, h(TableHead, { key: '30ee9315492e30913de3ef73db7c4e13e6a0d5bc' }, h(TableHeadRow, { key: 'f8fd993e7f19e3ac6b41e8eaff849a7ab66b2d41' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '75ddd58ba3a713b8f38a6e40de06d26ed06d63a7' }, h(TableLoadingState, { key: '4509782ba93ff9d5d9057a23daa9720da4ec0f0e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8aed10b38ac78e9ce3e5c8f96c2eb143412f3661', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '94f11381660568de3181fe7c70335e7c264c9e44', 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: 'c980e0fc6b236973e6bdf4ab0a5beece872ed4e6' }, h(TableFootRow, { key: 'c6431bfb8e38839d48b2d7fb8d85a8c64981f057' }, h(TableFootCell, { key: '6c7fc01e316acfcee6e33b583b97b040ce88efaf', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2ac492d001dc88663b575258a8828964b20d6d68', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '14c0dfe45a6833251f4c2d1d27ea49568f7ac01e' }, h(TableWrapper, { key: '7995d0b2ccb002265769804aa112dca1178d14dd' }, h(TableComponent, { key: 'ddfb54945255a1ae601659b5dee46da8e7fbfb52' }, h(TableHead, { key: '26958541cd82e414d9b079ac18ff69022969a4b8' }, h(TableHeadRow, { key: '1068214ddc3e0003bab2212c0baff74c7e086b96' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '7b043e72311e7c956855320b7293a33e41f08da2' }, h(TableLoadingState, { key: 'b2532063645be1e926cfd7dca5b33414d09e5703', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ceec3f0f885e1377afdf36ca2714ebac9b6f7bfc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '2c35baac2f8902e8bf96844f17f57104ba253986', 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: 'f5e1fe9ba78d5cee96e044c60ffaabe45ff3d19d' }, h(TableFootRow, { key: 'ab8c1111b2a1124ba3f0b0bf2deb5893cf4c4ce5' }, h(TableFootCell, { key: 'd463b0e2db8c5d093b38816d78c9176e302fe2c0', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '364dfccaa8480e63e51fa3bbdbf4cbb560e9fbbf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/justifi-terminals-list-filters.js

@@ -45,7 +45,7 @@ export class JustifiTerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fbdb69bdc60f2c3c9caacf287229ee3d0644fcfb' }, h("table-filters-menu", { key: '7f6649444863079f885aff24d554077800b42021', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '7277b0cf678494ca3c227abeb76a03e5bd80c522', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '06a3a26492844e37536f1d8d074af69078a70074', class: "p-2" }, h("form-control-text", { key: 'f37cc48a754dd0ef12405f3cbcfb10a9c099eb56', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '8a3638c23a774c566cfee5aba8b17ab9c7ec9419', class: "p-2" }, h("form-control-text", { key: '113ded1ef867fcdab00f8c048b56219d6c5fe51d', 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: '32dbef16165a0a762ad206eb5ce495b898770052', class: "p-2" }, h("form-control-text", { key: '0d5827915c2962d78975d7c648b874cd8346043d', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '01442ae3aeb6613caaadf3e7f92a910970b315da', class: "p-2" }, h("form-control-text", { key: '5b8ab5d31ef77609b8d5656a8e5a4e31c8b010a6', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'e6b5bae11d8e9e72fe48626ce3663b0c65186700', class: "p-2" }, h("form-control-select", { key: 'df256ff824ae41eb65c2276481d8d6b63d3bc5a5', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '452b838d823484cb79569fde263228c0b5ac1e04', class: "p-2" }, h("form-control-date", { key: 'cd6705ac2ffce5496382b5ded1973784f863ac4e', 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: 'fd396d846e420a5f750ce371c04c883a7e478b44', class: "p-2" }, h("form-control-date", { key: '852c044ce6154fc5f4382a0dd55b287e4b6370ac', 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: '525d0f21fd86348f6fa6f54177f0ad119cf91bf2' }, h("table-filters-menu", { key: '70599c95318b14012ca78d108e1e766d1a8c6459', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '32c1c355e6a8ac09431f4954484e60670dcc5ff5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ee88118d7a04042cd7f55caaf8cc3aea64fe1760', class: "p-2" }, h("form-control-text", { key: 'e56a6496c6fb4263ae571d8ed0f63a9d0a1629da', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '2c76c1e127d9cf79b9ed508e6266c33a034597b0', class: "p-2" }, h("form-control-text", { key: '75917f144ab87008533d7e2c59c984b6468c36c0', 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: '38162c73f48f3bb2e5f6745c7cf215154fddcbbb', class: "p-2" }, h("form-control-text", { key: '096c325deecea07554f5cc8d59a690c8321b6a05', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '403264eb68429594acee6a5d97781eafbdb33c81', class: "p-2" }, h("form-control-text", { key: 'd39ae5201f328985d72b3a79c65848a49adbbe45', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'f609fa409e36463b9e1cd4dc68a6be4d22122553', class: "p-2" }, h("form-control-select", { key: 'c19b381e48f030b865003187e470d55b0fcbe373', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '12e30437276bf2d7764a61af0a399ea519794904', class: "p-2" }, h("form-control-date", { key: 'aa30f779b70a96d9327a2adabdebe5330d453ada', 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: 'e972337331bb18cdbf1ee40a241ac8de9f7b0553', class: "p-2" }, h("form-control-date", { key: 'e76864998f47a37d7fef5b1241a6dd8bc8e8a1a8', 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 }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/justifi-terminals-list.js

@@ -150,9 +150,9 @@ export class JustifiTerminalsList {
         return params;
     }
     get subAccountParams() {
-        let accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
-        let uniqueAccountIds = [...new Set(accountIdNumbers)];
-        let accountIdString = uniqueAccountIds.join(',');
+        const accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
+        const uniqueAccountIds = [...new Set(accountIdNumbers)];
+        const accountIdString = uniqueAccountIds.join(',');
         return { sub_account_id: accountIdString };
     }
     get entityId() {
@@ -168,7 +168,7 @@ export class JustifiTerminalsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '6388e9b0b7c6dcedc9f3db534d3a30d0a748929c' }, h(TableWrapper, { key: 'e11b994e16e657aaaa7c6f29197865d0d6bfd1ba' }, h(TableComponent, { key: '340980f75fef37841907835378d9c0ced1992b5c' }, h(TableHead, { key: 'fdd3d1569b6a3df9d5d31fb2cc602ab054529fc6' }, h(TableHeadRow, { key: '440d602ac5746635f92445c6216c807b9b13517e' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ccef66a47be1cfca09f10d450fb7eeaf241a17e0' }, h(TableLoadingState, { key: 'aea6e2f33e07c717f50065c12211f9f2d9266bec', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7c92ba6cd398bae23587a2e1771bba7b75dc680c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '3155cf655f5b8e4290e8cabdcdbd534159f22ddd', 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: 'da9172d4bf4439456894b53a0cf13a82081909f0' }, h(TableFootRow, { key: 'e6c0847dc330a0e32228f2020d22bbaf0e4ad439' }, h(TableFootCell, { key: '6761f623d70d13b13e92ec73c9b936d5bf85dd70', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '4b490b5834be42664ebbc27b7c7a1b0c10bd433b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '69c475e7a428c549a05f21bbd9bd80ce6d77836b' }, h(TableWrapper, { key: 'a3d916daff63336299366f27959b8e54134f54c5' }, h(TableComponent, { key: '412538503e7a212bd7b5723dddad82abe95fc3c2' }, h(TableHead, { key: '5501e72fd1931b1ffc17e6bf0d09d692b9cfbe17' }, h(TableHeadRow, { key: 'e0391a60a807cbdba97ef11f04275eb3072dc40c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '56686e423499aff459fa3d6d93fae0fd7621b10b' }, h(TableLoadingState, { key: '0b70b5a0132754b1ce14e8baaeb7a9932c73b0ad', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1230c30259de7ad89a1ccf1bb709db5bdda9152f', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'fc5dbeae973d56980e077fa861d0bf95f282cbec', 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: 'c68e2cb14c8fa6a56243803e440cc13388ffaaf4' }, h(TableFootRow, { key: 'bcc17671c48f5a397dff15333a49305a443aef21' }, h(TableFootCell, { key: '92a690d558b001bb346c2e17fb1e02691ec2a029', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '2a8233397675c7af4fd95df203eb4438f1c4adbd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tokenize-payment-method/justifi-tokenize-payment-method.js

@@ -139,7 +139,8 @@ export class JustifiTokenizePaymentMethod {
             this.selectedPaymentMethod = PAYMENT_METHODS.NEW_CARD;
             checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_CARD };
         }
-        else if (!this.disableBankAccount) {
+        else if (!this.disableBankAccount &&
+            (!checkoutStore.checkoutLoaded || checkoutStore.achPaymentsEnabled)) {
             this.selectedPaymentMethod = PAYMENT_METHODS.NEW_BANK_ACCOUNT;
             checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_BANK_ACCOUNT };
         }
@@ -167,10 +168,11 @@ export class JustifiTokenizePaymentMethod {
     }
     get availablePaymentMethods() {
         const methods = [];
+        const achAllowedForCheckout = !checkoutStore.checkoutLoaded || checkoutStore.achPaymentsEnabled;
         if (!this.disableCreditCard) {
             methods.push(PAYMENT_METHODS.NEW_CARD);
         }
-        if (!this.disableBankAccount) {
+        if (!this.disableBankAccount && achAllowedForCheckout) {
             methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
         }
         return methods;
@@ -260,7 +262,7 @@ export class JustifiTokenizePaymentMethod {
             } }));
     }
     render() {
-        return (h(StyledHost, { key: '2d4349f3e5ad632981cdeb14dbe4e483f79379da' }, h("form", { key: '754afee2c5229cf016bd8fc0cf81041cf37270a8' }, h("fieldset", { key: '01867151a09d384e1258ef7f62fbc88c526706cc' }, h("div", { key: '7ba453d4629a0c2ef583daddcb9cf02ac5eee265', class: "row gy-3" }, h("div", { key: '4148f2269c738a00f2684d69d4a83a4ab2424f2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'e67b09357571aadfb3d2712f55954506748b3826', class: "col-12" }, h("internal-button", { key: 'c2e805060ff7e9e97144533ffad3b4a02433e792', 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: 'bc76697688be332ef84db56e61b6b455a6d1e986' }, h("form", { key: '8f64f55f945d4ff4ed0f144c724dbd71278ec771' }, h("fieldset", { key: '15b6d388117738391089cf91f999247cddb29714' }, h("div", { key: 'a4e23f7808b446dff6f7da437dba3cb57d2d62aa', class: "row gy-3" }, h("div", { key: '63b0584d217d9bb50036eb7d5837e7287be58760', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'c9345be3429cd8ab01a84e8584270938feceba39', class: "col-12" }, h("internal-button", { key: 'aa56df7b6b1250e9b81fbc281b969d2a37a05428', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/store/checkout.store.js

@@ -11,6 +11,7 @@ const initialState = {
     isWalletProcessing: false,
     applePayEnabled: false,
     googlePayEnabled: false,
+    achPaymentsEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -18,6 +19,7 @@ const initialState = {
     bnplProviderMode: '',
     checkoutId: '',
     checkoutLoaded: false,
+    checkoutMode: null,
     bankAccountVerification: undefined,
     disableBankAccount: false,
     disableCreditCard: false,
@@ -45,6 +47,7 @@ Object.keys(initialState).forEach((key) => {
 export function getAvailablePaymentMethodTypes() {
     var _a;
     const methods = [];
+    const achAllowedForCheckout = !checkoutStore.checkoutLoaded || checkoutStore.achPaymentsEnabled;
     if (!checkoutStore.disablePaymentMethodGroup &&
         ((_a = checkoutStore.paymentMethods) === null || _a === void 0 ? void 0 : _a.length)) {
         const hasSavedCard = checkoutStore.paymentMethods.some((pm) => pm.type === PAYMENT_METHODS.SAVED_CARD);
@@ -52,14 +55,16 @@ export function getAvailablePaymentMethodTypes() {
         if (hasSavedCard && !checkoutStore.disableCreditCard) {
             methods.push(PAYMENT_METHODS.SAVED_CARD);
         }
-        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+        if (hasSavedBank &&
+            !checkoutStore.disableBankAccount &&
+            achAllowedForCheckout) {
             methods.push(PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
         }
     }
     if (!checkoutStore.disableCreditCard) {
         methods.push(PAYMENT_METHODS.NEW_CARD);
     }
-    if (!checkoutStore.disableBankAccount) {
+    if (!checkoutStore.disableBankAccount && achAllowedForCheckout) {
         methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
     }
     if (checkoutStore.bnplEnabled) {
@@ -72,7 +77,8 @@ export function getAvailablePaymentMethodTypes() {
         methods.push(PAYMENT_METHODS.GOOGLE_PAY);
     }
     if (checkoutStore.bankAccountVerification === true &&
-        !checkoutStore.disableBankAccount) {
+        !checkoutStore.disableBankAccount &&
+        achAllowedForCheckout) {
         methods.push(PAYMENT_METHODS.PLAID);
     }
     return methods;

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -108,7 +108,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
+        return (h("div", { key: 'dd78d45fac5784e4e35b567edd830849d7a6e7e6' }, h("style", { key: '9eb0b20522bf597e5220c0ccd83e0ee7bd8e5b3e' }, `
           .popper-content {
             display: none;
           }
@@ -116,7 +116,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
+          `), h("div", { key: 'de0afbe656eacf34ed147beeeb8d5485b8e1c187', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'ebb302495c71a1e5f1fd5236ce75495b5d4bc3b3' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -34,10 +34,10 @@ export class FormControlCheckbox {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '7072570338fd856d7fdce26552356e0846cf31d8' }, h("div", { key: '51fb25f7caf51efa949be809aa9fed415505eb69', class: 'form-group d-flex flex-column' }, h("div", { key: 'ca8032c14a3aba7f801d1cc10f914c6b61a91335', class: "form-check" }, h("input", { key: 'e1ce9cff2d99fbe2e150bff005e2ecfde68d130e', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: 'a4073f9981fe4984cf25a9cdb1e2bd33d98688f6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'bf263a490f4ed88d09ffd2da9370b435d4d351e6', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'bb9a2cdaa131158feca523f4ace56519b3a12fce', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-date.js

@@ -42,10 +42,10 @@ export class FormControlDate {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c17bdb1266aea8cf2d50c1ef75e4a059d743ab2c' }, h("div", { key: 'e33d45227ed65daca2f75563fd2dd51f45126313', class: "form-group d-flex flex-column" }, h("div", { key: 'f02592b5c5a9c6346b5a0cacc08f45b971fcd370', class: "d-flex gap-2" }, h("label", { key: '30c32d5e351df78b68ea249b5626c9ee247569d4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '250d51c080fbd42a421f23d9a2b23735f6491773', helpText: this.helpText })), h("input", { key: 'f401b594d91d353f1d1fff7e431f9b010fc86fc9', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a7bf2b14b5b1d29ea4ae370c440d9fbeac550ca4' }, h("div", { key: 'bdb2162f367f5fdec34fae2d8732d084958246da', class: "form-group d-flex flex-column" }, h("div", { key: 'eb9483d77d8f1d1effd3278b83e4540b6017ee4c', class: "d-flex gap-2" }, h("label", { key: '2947a82052e88c4bb44d9d32e409d7a39baf157f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'edfbc6ddb02cb5d70abd0867f8da8bab860ba598', helpText: this.helpText })), h("input", { key: '2a2d8d464e330ae2ba56f76dadede59c180cdcb6', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '5be9326874e8370b54399ec78f46dd16a62272cf', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '8837370dd05097b6d43489855ac87eff8270ae25', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -7,7 +7,7 @@ export class FormControlFileV2 {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '5df12f5dc87f1c7d5b18676a9d4a7b257719b2fa', exportparts: "label,input,input-invalid" }, h("div", { key: '57b02e11bd44c405635a2f6253637b288bafdd41', class: "form-group d-flex flex-column" }, h("div", { key: 'd62f4ae4183e33af3105d76d0180ebe0f54983e5', class: "d-flex align-items-start gap-2" }, h("label", { key: '82d8b58d0147f4fc6302c3852a44a73d9fcf34e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec4e21a9d4105b751b099378ce49c55a95ef36b2', helpText: this.helpText })), h("input", { key: '332527088f01b11bb06af38c73f39d3040d925b7', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'd7caedcf4b1263e3c133310312374bc6d61b82c2', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '52fee4080e9475313f4043c1a1e116d07881fd72', exportparts: "label,input,input-invalid" }, h("div", { key: 'efe6ee7fae0693fad8086e7849fdc03a01525368', class: "form-group d-flex flex-column" }, h("div", { key: 'dd224535e329aa82cc86be2f32f40b4a8904e1bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '6cee04c50d6eaba123d00ee5ffdad036e46bbf7d', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '30e545c71fa6a5e4eac985ea6073dc5b2ab78629', helpText: this.helpText })), h("input", { key: '3ba7425da1d80314acdd0050c90aa8a795473584', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '9ad4526e2937d98d555b325e60d20dc7305ee786', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file.js

@@ -40,10 +40,10 @@ export class FormControlFile {
         return part;
     }
     render() {
-        return (h(Host, { key: '1f5c8bdc73c664cf40acb4f5b61db454bbda36a0' }, h("div", { key: '77f0007875132d26dd8df91dfb53386da9e15ce4', class: "form-group d-flex flex-column" }, h("div", { key: 'a6885165580120dbaffaedf60edf2e2cc9883a9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '489b6d49a60f8339722537084f64746e5625297d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc581e32bfb8935e79648c0a670bcb26bf225fe4', helpText: this.helpText })), h("input", { key: '34ddfe0796848feadcd6249ed861c5fa623840d4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9463f54c8850245de8d3ae92a45447fe8d2ce329' }, h("div", { key: 'fec5946a226ef5c270514e6b1f8a95de60d6bcb0', class: "form-group d-flex flex-column" }, h("div", { key: '95783cbeab704b1b970af6619191667991814e73', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c258720ecba808fcf18d3408569b4e391ca0e31f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '280b23806bc9616506eb56025318b5c6fe395762', helpText: this.helpText })), h("input", { key: '2fcdd1ad6c923de9b28587ee3d1349d0fdf021eb', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'df64bb1a0ac921da01fa8a4c3b63a8f5880781d2', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {
@@ -149,7 +149,7 @@ export class FormControlFile {
                 "mutable": false,
                 "complexType": {
                     "original": "EntityDocumentType",
-                    "resolved": "EntityDocumentType.balanceSheet | EntityDocumentType.bankStatement | EntityDocumentType.governmentId | EntityDocumentType.other | EntityDocumentType.profitAndLossStatement | EntityDocumentType.taxReturn | EntityDocumentType.voidedCheck",
+                    "resolved": "EntityDocumentType.articlesOfIncorporation | EntityDocumentType.balanceSheet | EntityDocumentType.bankStatement | EntityDocumentType.birthCertificate | EntityDocumentType.businessRegistration | EntityDocumentType.citizenshipCard | EntityDocumentType.driverLicense | EntityDocumentType.foreignPassport | EntityDocumentType.governmentId | EntityDocumentType.nexusCard | EntityDocumentType.other | EntityDocumentType.passport | EntityDocumentType.profitAndLossStatement | EntityDocumentType.residentCard | EntityDocumentType.sinCard | EntityDocumentType.ssnCard | EntityDocumentType.statusCard | EntityDocumentType.taxReturn | EntityDocumentType.voidedCheck",
                     "references": {
                         "EntityDocumentType": {
                             "location": "import",