@justifi/webcomponents 6.4.3 → 6.5.0-rc.2

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

@@ -48,16 +48,16 @@ export class PaymentDetailsCore {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'eb7c7b9e01af253487d3ade865353b5859782a8c' }, this.loading && h(PaymentDetailsLoading, { key: '4f042d9998e59085b210a7ea488268078ca12fb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'd35f98ed3156990336c55d3986a2f1ea1fc2a0e6', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'f1fd72d9b523dc6db719d9d577b3145399fff317', 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: 'ce037497e2bf07c84353017cbee48c280c398d71', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f9e94a05bb8c67b20f72b0cc3428d87148271469', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3a80e64ee5a8e4b4e07acfd12b10a3d4b3af38b9', title: "ID", value: this.payment.id })), h("div", { key: 'ac09a688d576d611c96d74155ecb5c6183b57e9b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '503d2152512c2bccd6966dc2f54c1b2d1af9d694', sectionTitle: "Details" }), h("div", { key: '3a4c435ac9ae7f81655dd847423d7f34a449941b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '490549cdc21a4b42d66153e5bba183e1fdfbff20', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '0665f56ec7c62895c911bdaa191f063cd0da6529', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b30dfafd50407f12c381083d43e3d7b8e0b14d7f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ba2b91ec3a69b2449b7a5c2d1c5a9a4a4af1595e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5dc1d4c9fa4fbc9a267240cfd716a5ed8d741775', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '3199289d3ec0e9dd9a1daab869755fa41471e20d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'f43df0b9c69a499793d7912a201503ea034700a7', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dff44ec556c75abadbbae41458c48abf5092891', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0d4fd013b36a2d64448fcbe40189ee8cc9c411da', title: "Description", value: this.payment.description }), h(DetailItem, { key: '8276ee51adbe60c0303b3a2b7dfc15abda399449', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '93391e8fb0fdce39c2d849223f2f2dafbc794b8e', sectionTitle: "Payment Method" }),
-            h("div", { key: '30b9228366b6160327f27b0a86c15c9f8ba9bbed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '21fa5e3dd6798004e4e823c5e64b3b7f761abbf5', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8a0369f2817d4cdf51e37b2c78a201bf3f9d3255', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '79728446f55d4dbe2565ed1dd07526b5fa5196fa', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '0a946c8984a62c940bf100cb461a038af2e05a5d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'b8cbc3bcb416520ec2cbbcb94e54cbba1fbe7523', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'b40aaff391003ddaaee79a24eed7d192f2083f89' }, this.loading && h(PaymentDetailsLoading, { key: '97a4d60608323fcff150e913f03a3807dacf868a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '19f66d1bf48b710cf74a1c17810bf0260202077e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '74955575229c99a125bc6309b99658f2dd3b2a41', 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: '589482544a8c6f3cf1eef80aa6d6d2a37ec417a3', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '25514b14781f4105d93079d0bbadb36d0e5d8cfc', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '2d9c09bc8d2aa0ed9da02f8a35adf866cea1257c', title: "ID", value: this.payment.id })), h("div", { key: 'e731e659ebd696834ab7656eb6ddf61bcb18c7d0', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '7b9a837e2ad2ff756e09b9a4cef1f72a3add4494', sectionTitle: "Details" }), h("div", { key: 'e03c3aca0ef3de05e8f14a1fbcdc68c04e25dba2', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6d9da260bca6d077981086f90e97daf090158dde', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '2c57f27ef634bcbd34c1f9180d80c9af2eec7b5b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6b8155c37527a06e06ce99c47edffbfac3d64023', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '88c0863d69b81f0ff38c58f92edbe4294865ff88', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e40e0d0470871aade2bdf0d38f62d5d9c8750a32', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'd7718707ab2b19f24cda26cb69b3f1aa20ac428b', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'edbc774b944dc3250a627145cb934554caed9e3f', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a8b8137ed603281aea0efaed40a7d0c0eb5f3cb6', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a834ecc7389a49e7d52c0d50e4904f70d21cd18f', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'd9b12032d9173ddcb846b2f0d73af427d34cdfb0', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '7fbf1e4564a18da154bac7da4d1a5ee27f6b62db', sectionTitle: "Payment Method" }),
+            h("div", { key: '4f078d39526cfa2bfaa97d07e84ba8f3e3d335ce', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'dfa4d91aa4cf15df0b137005b6d2d5ab628d03e8', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '332f30c7a50ec98377492e553fa0906de66ac5c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'cee42e32a52956cdc18eaa1a7c235b1c412db407', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6291c32c234293b31e4f820f85ffeeb12aa8f6fe', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '1178db00455a82727239b6a059af335365162c2e', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '18f199f9e7b6080c2c787093e5e160cb26398ce2', sectionTitle: "Payment Method" }),
-            h("div", { key: '0d22d79505a4c7d67bdb27076539e29fd3ebd0cd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f3cf2263584b5fa0cf5215fd53496228f974361c', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c1c1b9dd9a7dad9fc6b5ec5a913820772f30a1da', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '7601cf0c2abb01de76e53fc3c629bc398da748a0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bc82630978357bde8bf838ccd971d0d485c3d377', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '5f934b88dc08b917aa48c95c1b1e1262b74b6233', sectionTitle: "Payment Method" }),
+            h("div", { key: '93ec42fcecc25c0cad47f2356bb4dcb840709029', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '3312c4b52d26bb46eeecb8fa073fb11bc4e5b482', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'b355b16bee366c6ff3e88c49ffa94ffc12be432a', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '202208259ac9da47f75a01694c6bf26c6c69f64e', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'e050538f50d76750275a0848fb71781c1d72fd9b', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'ce0765f56d44b4fe78e71409d1719fbd42f4ab20', sectionTitle: 'Metadata' }),
-            h("div", { key: '7dd583a298981969865430fb3695629998e3802b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ecc3461050fd31015ac5bf743b60b0936ab2cd9c', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'ede971a0c93ad4964a9658ef2949586687252cfe', sectionTitle: 'Metadata' }),
+            h("div", { key: '3747f3e7d2caf0e3f92efdca81d70d18b2a91b70', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '93151a96bc949b58a4a661dc7d770637e5ba0c5c', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

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

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'ce4fd1549223738580d3a4e9195f535619491f5a' }, h(TableWrapper, { key: '0991e7ca748e75fa42e96be1dd1c9e9d2c876db9' }, h(TableComponent, { key: '1b5d58cbf6f27fdf2faef658ae6148ee642ad3fe' }, h(TableHead, { key: '5eaef864fe0072cd4557a0585a409572f6806969' }, h(TableHeadRow, { key: 'a9c35dd1c0031da4a82207a4313c9a521729db40' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1ed790fcc17bbb6a93f6eaf18b741fc3b2e80855' }, h(TableLoadingState, { key: '64570f5736317dfabc97a7967dfa52dbc0dd384c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '45d4d52687e203de3c5f45e406862b882c03757c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'b8c941adc6bad5e40edd33b69231b668f587f16b', 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: 'a76f922158b408ff6a70c35a47531405c012aaae' }, h(TableFootRow, { key: '4cf90633de51f6e9286481300cbbe0f0183f1bfb' }, h(TableFootCell, { key: 'c06c168e8ba7c3115eab18c8366362be16582f86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f08aa685537d1ba529f5506d74bdc20d0352dd2b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'd703f1566b7b62d740471847afacbd9930a891b7' }, h(TableWrapper, { key: '8778ff21c90fa148c15cfc41b6a9d25dfc0d9373' }, h(TableComponent, { key: 'a3910f65af00bdcf932523fe528e008b27e946a9' }, h(TableHead, { key: 'f47ef519f3d335e84b110b2c45e4e2d6dd30de85' }, h(TableHeadRow, { key: '36671c1e6ed6e3f8ee942fd989fc89b5529769a1' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7e49a67c518a7fcda4a70b98ad264c55e09c8424' }, h(TableLoadingState, { key: '99305c0df2bc8a23ad3bd92e1de7efae86a1b99e', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd1f062414f16a80eb31a52e0cf6131e090988efd', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f964ca69e6f04c16f4492b08e7d272f2668f2a29', 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: 'd0b18d852fca6061310ecfdfc7fd55eddfd8ae50' }, h(TableFootRow, { key: '1645edafa83aba1238cf49efeb00208b981f5bd6' }, h(TableFootCell, { key: 'ce5bceb484ba23737d623d9bdc90e89274dce5f4', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'b5f0b5a8ecc2ce6b22a0b46a03c3e0a890514663', 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/payments-list-core.js

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '17ceef0f0fd1dc4fb8e8f8e13fde16b81ab40fa5' }, h(TableComponent, { key: 'd5031ba7e55422997c8a5641e9fe3acd4fb3a9c0' }, h(TableHead, { key: 'cf74e7ec087e4d5ada18975f5c970269f14472f1' }, h(TableHeadRow, { key: 'f2c9932dbb047448527064c5ecc22edf56e31d01' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c709386eca9d7063bb9e1c986b66e2189ab78e24' }, h(TableLoadingState, { key: '2bec872c8fed48c65081789151d7238ccd24f4b2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4367380db418574ec2ac553c2fe8b7edb360f82b', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '55ae13377d95739b2226d57e134bda3e32b73df4', 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: '636674049a9f97fe725cc471125386478f910b86' }, h(TableFootRow, { key: 'bb5f77ad9f89f5e2d77a930fc9baef222473d2c6' }, h(TableFootCell, { key: 'a9cbead53a129e23b6f530c209578484e1def2b3', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1370967dcdf1bbeb2aa6a35f2371e68a00571744', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '4d58efd69c579ea3b317a158d06a6621de1ad954' }, h(TableComponent, { key: 'e5c82a5e1f76557d80970f5378306308c26aa2a8' }, h(TableHead, { key: '5cdb5333d297ef8a3f18a213bd1e51d65e5f0e40' }, h(TableHeadRow, { key: 'ecdc6a2460d058fa8e572a91714bcf59a4126172' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '5589f318c38dda51efa3e7c207417f855b498d0a' }, h(TableLoadingState, { key: 'fbba508c633fcfa56a5f434567a9da5e5cdfa7d8', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a4f480d3ce00f4e67aeeaee15729edb886b00389', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '45c3ba31e8834b3b52819510eaf734551242c9cd', 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: '44355f60a45aab5b3a6a18ddc83f88c6cdb0b0fa' }, h(TableFootRow, { key: 'beb7e8d4126ac1fb574dec815ad7a7c02fad226d' }, h(TableFootCell, { key: 'bdfd203f7b061e4f42fa6784a0cfe4dca619c8bb', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '41872b9296b6f91cff883ea3d6158ee74ca730fa', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

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

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ca1a151bf3527225312df08f192750364668b2ba' }, h("table-filters-menu", { key: '33663b7dbdeeaf5eabecc5ac650bbdf3676e30f8', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'f5a5a27b1f0e55b7b06b698f5e19baf5cf25fe7f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '59abc8a49326e203592a9f3b02d12c7de45a9235', class: "p-2" }, h("form-control-text", { key: '05e1db9bdfb0301330c2f9e00a2417431a704792', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '68c84deb196e2ab8ce186cd26aa686274042320d', class: "p-2" }, h("form-control-text", { key: '34c1a654a3e2328202f996d46e11f65ed2e0c8df', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '6399e8b9978352f1ee9b6dcb49f4e4e5e965b05f', class: "p-2" }, h("form-control-select", { key: 'aa687544903688a7936f4b34a221320f941ad0db', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '9acc20b55d25cbef52893b58464d0879d09389be', class: "p-2" }, h("form-control-date", { key: 'f853d5ce2259cf4adad00132d60eea80fae3a2f9', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'd7d78846efd7277418a9dad3c0d21a82f0ccc36b', class: "p-2" }, h("form-control-date", { key: '2eb64ec290032601d0ac32af679b13743bb4f796', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'f717106e8f5bec7f0dfe2717820173291494c262' }, h("table-filters-menu", { key: '56073580847895897c321bfcf3672a500288bd5a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '199b2442953109331865b41dee00d608f441a2d4', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '82e05859bed41fcb2f274b7a1836d6e265e29353', class: "p-2" }, h("form-control-text", { key: 'd8908a2eca35f93b8ad17ca9447bbafc5e4b67a7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'b9a8e84be2d6ae732963b66db0309dc481dd051f', class: "p-2" }, h("form-control-text", { key: '1c3f84c48aba5b85647ad06bde15310426a9cbcc', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '463d095975df4201f7b7ca331d0ec49d65dd6d85', class: "p-2" }, h("form-control-select", { key: 'd2213f805c24774fb181865983bc6d4068acfa61', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '1cd83dcf68ef10e7850b2abeb1166422d880dc77', class: "p-2" }, h("form-control-date", { key: '7b1b3fd5c6c8c32e4baf819779db7a8220bb6303', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '7a47d5b6285de5e7760da25c4b5e73bad24363b3', class: "p-2" }, h("form-control-date", { key: '20fdc62c698867768f7ead35223a9dfd83f4e798', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '1e1f5cc087e917c65e7dbabaf21b355dd3261206' }, h("payments-list-core", { key: '318b81a8eaacb70cc333efb9159279bc9310dd32', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '699046d8f63936aca75b81d527778fb9f7c773f5' }, h("payments-list-core", { key: 'ecf55216d55d9e1b34b8c8afb47c4ca63e8cc5a0', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,9 +64,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '12c258bd10e631ac1b2fb43c4e4d4854b02d8d01' }, this.loading && h(PayoutDetailsLoading, { key: '81c217eace20fe276d02d391f930a2684aa12385' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df1bd819a299df69c0bf5924aa21ea760668d46b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '67544da1ecdb4beee16911cd49009ae3415c576d', 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: '64a28ab7e1bcc90d9487dd229cd07c411a50e4c7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'bcb74d904482f3dd63d1da918b700c1badf8bbd5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '165b296bdebf16389ef29df825cb24ba34f14556', title: "ID", value: this.payout.id }), h("div", { key: 'bbef430ca28eebc6c120f2f68200219dd1634660', class: "m-4" }, h(Button, { key: '1e51b1278a8f220c2376a004bbc9476307567c74', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '6dd5287d4355a84f0777f701c5b99bc5149954ed', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '92af1ae82f5d53b1e50705aa18590528b19f6455', sectionTitle: "Details" }), h("div", { key: '73e1a84e7b8baabb7b6cc307d2b7fba5457514a9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b223b147e8cc0a0849edd66a0b6deec2bf9ec55d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '766729d3cd7b85b5635e6bfa4091455a84595635', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '7e4d537a26520d2c06ffadcd7658bb4a8e17b452', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '5fc253ad396300938f2cd95decab094d4da19d5b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '66c2979dbdf94ba0a53aaca5896d352bc0a5606b', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f0ca6a9c6d93b9841e1220dfde1182cb511c4594', sectionTitle: "Account" }), h("div", { key: 'ad64b1bc364c9d9c1c64b2b1c5dce83f25fb066b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6ac6c8251641e6d720ff82e0dfc9dbed255a1f0a', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'b955d27a84e0f43693e2474ee4ceab529d7eabda', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c06e3a07965683cefd3dcd4e96c16566f286b230', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '27cacdfeb07a3e27d7a059fedfa49470eb00ce05', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '53442037b6e8c27b78b3da1d0bd13527e9283edb', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '82d65d70219404fbe2eb9a997fa309be02d58046', sectionTitle: 'Metadata' }),
-            h("div", { key: 'b1d86b363afa8a5cf60176b3eba688d2d85b94d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ff41f465b338f8cbbaafe4fa60f27a93e3ebde77', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'e083b0a8c7b4f75438182ef964a7554be0a990de' }, this.loading && h(PayoutDetailsLoading, { key: '923fadbd28177685e597e417f4ecdcef9537e140' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'a098eea1fb44f974fee2eeddb071da9287348ff5', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '150cf5ea122668f17c433723a7010420bfc78a7d', 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: '611213dd719d0e8952a636ca5a7363effb7b1e81', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '0c3cc4afff23e95e04d2121d591914591ae1cb02', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '9d4d049ab8793a638140f907b7e66ccd227acda8', title: "ID", value: this.payout.id }), h("div", { key: '446c5b02b7e2ed22d8618a9c96e5c96b1131d3f8', class: "m-4" }, h(Button, { key: '0c3566655d4587be5de90a1806095682b3f0d05c', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c15b2ba7b9a1aca705c34d2a04b5ca262e1528f1', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ac5afcf7b98c795d45c3fc0ba3a0aa0948d1c18d', sectionTitle: "Details" }), h("div", { key: 'e10c22f191436211f6a22a6823ad8817eebbe692', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b008bf2a22e9ee03de1000e7983afea95bc5fe8', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'd091da4124152c45d77dc8877b232300c86b08d9', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '10353af62a554b483d9ace66206f8fe74921a120', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '2aee53f4aa334e34b6903a723f8f77ac634b591c', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'b35c8e2bd83db58fc1bb3d333fe51c351f6ea362', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '9e994d62862e19ca3534a3eed81a290db8b83e5e', sectionTitle: "Account" }), h("div", { key: '470e134dbd9d21423491ca7cf98987756a68c67f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '461e5e87ad4a1565364d10bd17783cdfd337206d', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '7a520b3b4c0d95bd828d4ba333df239ede89ff7b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '9c187bcec91ee4021948f1d7559d041beb11951e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3bf1901d64bd383799cf43771512d5b76a1e7384', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ecab6b8f68ef0728bf162fdb359d1de74b2f59c2', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'eb6e580a3042a5655bc119f84c4c527b9e9490ff', sectionTitle: 'Metadata' }),
+            h("div", { key: 'bed8a5e10d1f3d08beab5061fb1435dad496fc1f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '4f0ec3e844ed5f96d3d2662833f229dd3de23729', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

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

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'ab6de6bc1bd8b389c3853cc8c9ff0a52ac79e139' }, h(TableWrapper, { key: '3946c0161a51c292e53776df23ef0aa297ab8a24' }, h(TableComponent, { key: '7f7acd0813a8eb710889d540b6c5b7ae6831e47a' }, h(TableHead, { key: 'eb0b11273c85116093d119bdbc8984f7c71729f0' }, h(TableHeadRow, { key: '5485e54cca61a69a48b4a0eb70ff4cfbf409cfab' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '778592bd28c2ed42fcb751f695ef97b75c911c17' }, h(TableLoadingState, { key: '2123dc933b4e16f2bc4588a6ec4357d3067a919f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'e13e4ba98217c4c41cc406d7f6bde34831771952', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c837011abb597d3811cdc5636a457afab49224f6', 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: 'a189800b2a36f8880bb7fb2ab60b8b2afd24d760' }, h(TableFootRow, { key: 'ae78dbea1986d6c0ee493bf26d8bb01ad294a1e2' }, h(TableFootCell, { key: '2146861e294be47a5c63f3354ff6744ad71b4d70', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2ab6bfa9a7534c063e603eaf25e4e6f44cbda859', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '9d34174c78f860f915141a2b78fe09f5b1e35ab8' }, h(TableWrapper, { key: 'c8e1ee03298bce29dabdad92cc7579905e7a4257' }, h(TableComponent, { key: 'cecf982b4fa569819f5512dc433c274976285f1c' }, h(TableHead, { key: '5c2e0670b996008483a98a5ff1f63d58214d93af' }, h(TableHeadRow, { key: '8d609b97cf28b499edf3c63cdfbb37a6c7ef01f1' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'f2bede3aaefda8d56e15fc97606d665fc4f5c581' }, h(TableLoadingState, { key: 'e2316bf5827ac9b07ad601315bcb176f9cd72df0', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '17f8dcca75c1090fa622b5addd941397d00159c4', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '29a4ef787dbcd87f52d32c6fb486509fe1b82520', 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: '8e5177f727babae229bce44f45c35356bb79c25e' }, h(TableFootRow, { key: '39a59ab0ebbe1af53fead55d1d68980ceca37313' }, h(TableFootCell, { key: '72bb73b8064b8110635caf5d9a92e9aae352612e', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '5b7ea31cd08c9a33cf017ca3da3681151896b0cb', 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/payouts-list-core.js

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '12ea39142a446522d219ae4504ab2cade5824b3f' }, h(TableComponent, { key: '0ef8b5f3716776ee0fe41e9576a6c97728757142' }, h(TableHead, { key: '6024ecb321bf7d42a6940baefdab0492c87c77ab' }, h(TableHeadRow, { key: 'b80ac981c1f8ad5e06fc1c060961e82b47ac5501' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9b64e1e8af4fff2f78a8768361d9e3cb0397c493' }, h(TableLoadingState, { key: 'b28518a05714d5671cd094c2b8462c8fc1af5039', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '97845bb480292be454464092ebaddd90bd274821', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '89b1918fc32806dbc786c6de23bc1d8ac4aa359b', 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: 'bf545d589dfd579fcbfde145fee8e667478f2673' }, h(TableFootRow, { key: '05e52684f8923f0dfe0bd3fff3c8f72421ef6485' }, h(TableFootCell, { key: '967d53af83043748db6459f6cd7f153d9d713f37', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '55e154366e2df871c3dcfdd4b93dcaa11da216eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'bee53acd5042f8b59fa09d397d5589c88745ba9b' }, h(TableComponent, { key: '92d12baf31b5b952ba1f864eb4dc5cbcb09c41a7' }, h(TableHead, { key: '22e1e7429846d8e77d4bf71ef79240ab5afb6750' }, h(TableHeadRow, { key: '8a70165e7c8f5b9051d3199e1d92f38837903bc4' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'e04e9aaa5057edeefd7c6417bf2ded048f04fb4f' }, h(TableLoadingState, { key: '067e6ab1b3c0ce0d2f034b652843fb0cf7ea5a51', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '360a80957cba2429ebbe713894e732c435c6b788', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'fe7e5d8a2632e766b38b13cc8c965fad053c97ca', 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: '4efca907721c3df270b096f60d4acdda118d887e' }, h(TableFootRow, { key: '2b2c440c6c7cc7c31e45dfe213a28373a49b912b' }, h(TableFootCell, { key: 'b527603bf4741a36fd1326570b4c49fea6e1bb37', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '5e2d2f225bb01f37281eb00bda7f03f77a4f11ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

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

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'c9fe17cad3d56aa5f8c9ef6b23b90b77e378d256' }, h("table-filters-menu", { key: 'e5d55040d356e8aeb60419a52891deca0cb2940a', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'a155ff5b6a89c233ad37a3697ed8ab7f03d22a9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e13495766b1d817a93606fb35ca6c2222c48d0e5', class: "p-2" }, h("form-control-date", { key: 'fc510fa12504d70efa1fc74a36f4a49b89fff4d4', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'dd521da828ccf3d26460130cbcb89d20822ff42d', class: "p-2" }, h("form-control-date", { key: '091b8e21f62c6bad5b6e1e47fde86be51abcb25a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '34fed945fb7f347f665916ed9a18d09394041677' }, h("table-filters-menu", { key: '9826cac2dfd1de72069c801ffaab978e2943feaf', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '77dedeb7a7d9b03ca83698361adab7332f0199f3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '25354edb193de3ffe4544694e90370e58364e974', class: "p-2" }, h("form-control-date", { key: '384d3ba7177153195e972c96d12c51dcf60ae812', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '708b136f08f893634d00246ad15720a1b7a716c1', class: "p-2" }, h("form-control-date", { key: '4170ca8e050605557b560de9461f74efea5e069e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '5ec4cfd9c227dc5c993fe82972124649d7468617' }, h("payouts-list-core", { key: '8e862e8b6c6cf861d342e72afec20d527f34f5c1', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '2572e4f1fe516a74fe0169ebe9068840afc7ae6a' }, h("payouts-list-core", { key: 'bc1d6cde204e4f0d93bd342aa247c32dd97442ff', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'e613f15a7f21b62df83874e361aed492c79f09a7' }, h(TableComponent, { key: 'f44650f404395a9cdef96012a544a16d76dff351' }, h(TableHead, { key: '690ce3189e7e6531e5a60834ba913c281aa95f08' }, h(TableHeadRow, { key: '01260cb573cd36571ab6c6b4952f8202a238f914' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '130c3ae63b1b84568eb559eba42bd355d41264cb' }, h(TableLoadingState, { key: 'b6fa756110c9c046c197aac95a1555ef395d558c', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2b8cdf202bb62469590b8d2dfae808fad1750ab1', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '43acaccaa17dd2561b05ec3f4f2fa2e8f62dd7d0', 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: '95e9e88622ecf6e32d20a6636d9a8d9a6d637710' }, h(TableFootRow, { key: '4ad82db29c1110099872b8a740c5d3fcf716cffd' }, h(TableFootCell, { key: '6aa900cf7752919f1ec4844bd6f0e5d6ad73c2b2', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'c17bc0926e4cdaf6158287282ae090e00e456f59', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '6d3a77b7aac03cad0f13586b44298b26a084b06f' }, h(TableComponent, { key: '69d003438f02e693471b3526b226734b8dad54ce' }, h(TableHead, { key: '24ba93e9eded23d4ecaf7d1935309710cd5826a9' }, h(TableHeadRow, { key: 'b4b41b0617db386f76d1f720fb236229dffb64d2' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '52a8e8d5e9391b4393dc492d5f10002902dc2c69' }, h(TableLoadingState, { key: '6e6110209d6295d5d2295e2043a4383c238ec85f', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '079111a8e20e8a2f0807a8fbdeabb89b8df1982c', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '48d4545d97e20acaee32c95e5d74113b139f81d4', 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: '8a3de53e20022427a6b561e7ddcf16bdbc8db1ca' }, h(TableFootRow, { key: '28dfdbfb12ae0f47ce81f06267d1d1e046a4dc07' }, h(TableFootCell, { key: '160dabe28ed5d74ed063457916c748349245ae12', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '80108e4d09be795de2889ca7aea805a6bae9743a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

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

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '2d0e25dfa8773068af86d6fe6ca409066bc6b2c5' }, h("table-filters-menu", { key: '59c4a6a3038b229edc1ed0ccbfa39c95d35c06a5', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'ab5d1b080926c6dfa3b6a24d2ef51e55d2ac50cc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f41350a3057e4faf4ff0a871051236eb9869274f', class: "p-2" }, h("form-control-select", { key: 'b31e9a018da3cf96acba122528f9576d9bf19ad3', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '23479013bcfb1032d36e9f990706b8c592974d64', class: "p-2" }, h("form-control-select", { key: 'ab637427ceacd69f701d1f8b47abc800217e56c0', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '5d5044e10c54216e0a1b0052317071e52188824b', class: "p-2" }, h("form-control-date", { key: '3349e63fccc7b4ea18678cfa4a8487c288e908f7', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '2d964be3e59c67c48239bdce33b916f37ab80e9b', class: "p-2" }, h("form-control-date", { key: '601484b636d8d048c1faa3b69883e42b64177258', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

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

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f89cb75d014a5d43c6766f0e0e7a572807c3df9f' }, h("terminal-orders-list-core", { key: 'c38fd6424ebca672c9577255d81b9e97712f3b9b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '80b94e88e1513441181fcb561ac2ccc8f15f081e' }, h("terminal-orders-list-core", { key: '265b0bfcd7be64feac679690f1a3bf8b0fbbf760', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '7e7b972d8a3c58efc8fb40f1d624ada5a20e71ca' }, h(TableComponent, { key: 'e778996b05716c01f44b98da22f2fe3b58456454' }, h(TableHead, { key: 'd01507e960cfc8bbc8d728817681fbfc4fb2e9b7' }, h(TableHeadRow, { key: '278ca7b14f201c42bd31126fdb1da36832aea545' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '7ed5c139ccc346e3e301298e036a9c0db60a5bed' }, h(TableLoadingState, { key: '3abc3c6bcc4d197c7e854d607f5098798c6105f5', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd802709566ad9f5273f07b2bc210e9ca20b6ab33', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '7a80f72254c005e10d82afe97c9e6ee0da21d887', 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: '72c9888413f02ca800bcbac63f98e266a2dd841d' }, h(TableFootRow, { key: 'a56d4a7d580cdaf71466aa4b91b8d788baa9e377' }, h(TableFootCell, { key: '53b604f7db687d554e7e380b763fdc0b4f6ba6cd', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'fa44f5486ff2d194c6ee06246e34dda7b6add4ce', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'c5141c3ebcbbb8598116b9977305043ca1f63324' }, h(TableComponent, { key: 'fc4c3d9e1b0429bb96e9ce944f22a31ba8fdbc53' }, h(TableHead, { key: 'a97290876f8eacb6a0645efbf95ffe10be4e49d9' }, h(TableHeadRow, { key: '4870bbd9fc764d37631143369e8c2c2d5d3b4049' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'cd872991d6a0df1ef19b5a591eb6ced2406eee84' }, h(TableLoadingState, { key: 'ae2b94dccfd300db6fdcb4641fa6428b3a933c22', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ae90c4c8d3fadd40464f2c753c08cb54fe2e804c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '3884e116fd694639542d2afed7fbc3b8a5866e1d', 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: '20631ff15eca22634c3282e51aaaf075dfdd953c' }, h(TableFootRow, { key: '67d32304559fb9fa5a48a5b02d251c6363b7d5ba' }, h(TableFootCell, { key: 'b755e8711195a00762ffe96d5ef2563e96b87969', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3cb9c0e66098065669b644cac3ac5aa26228be9f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

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

@@ -36,7 +36,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '572f99cbf9fe8b4b01a6e4e34575ba83f5c62f25' }, h("table-filters-menu", { key: '21513ea58fa052e458af8a21691935cb9caed5f4', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '6bfe4487288dacdb4c56651d7431cfffcf715755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9cba47fa96feb4d8cde9a54a7a98023d9b470f7a', class: "p-2" }, h("form-control-text", { key: '4cf78e13a31c8f6b7efeca735d31fd298c0f465a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1b3f105d54261c711b52d8730f99c7459c9d12e2', class: "p-2" }, h("form-control-text", { key: '09f4d86fb281bd84c2a47446e4dc5b263c034d8e', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'fb373b529881adee6b2bf3e3e55be3246623b956', class: "p-2" }, h("form-control-select", { key: '373348087fe077b04bd76fbd3cd3d5ab85ca77b8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '72827bf5b2d47b76915db4de8d7e37eb5a75dad9' }, h("table-filters-menu", { key: '07648f9cf7707f3e4032110d5228d32e3cda2877', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '290f0c5ca889efced21b3b8ea645b3fe0b9e6fa6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8a1d07b931fdc95a34622a056fb724ebf0e02683', class: "p-2" }, h("form-control-text", { key: '1c62055e99c69b9e70a63db8e640e68acb2be3ec', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'f57e1d1133bb88d5992d8cf19003c2a355466540', class: "p-2" }, h("form-control-text", { key: '128a21be829d192eec3bb0b08a94821bf20c13c3', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'e25e2fe5c2e659c78161b701d12be3aec5d7b03e', class: "p-2" }, h("form-control-select", { key: '66c302e33e9c7705670357cd47befeae3a8c6254', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '34cb952a43c4ecfd904c3449a05895e10e673a95' }, h("terminals-list-core", { key: '32d981b366889364c4f27a4351aab41ed7d085b5', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'bdd2e2c152c5d1482d6b90ad60b9d4c0bbaca0b3' }, h("terminals-list-core", { key: '2444663ce45854b825f8a78cb15a25a0b5111d52', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -247,7 +247,7 @@ export class InternalTokenizePaymentMethod {
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: 'e1ee33f08d3eaff9a2951bd30ef9814a5d959b35' }, h("form", { key: 'df73d7965968c0efc3ee2b35a9a85d551915e5a1' }, h("fieldset", { key: '2967ed65f1c0af42082a8b7c255db5fdc1c78019' }, h("div", { key: 'f45b8e074f39ec6abefc8f7e30bdf0ae57b1272c', class: "row gy-3" }, h("div", { key: 'fe9c90b34d60802f4d0dc51863874151f4a17b2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ff1b8332d70fe68c3d3140c5a173dd8b419b6a8e', class: "col-12" }, h("justifi-button", { key: 'bf2ced1a5164a9c9af2bf2c5b750c5f9734dc86b', 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: '6cf2d727360142a1342256c020bf3dc9af8da29c' }, h("form", { key: 'd57740b68749410cda92bd87edb8697ff379715c' }, h("fieldset", { key: '8df769d00d6f9c5499e7b7dce8e9c5472898d3fa' }, h("div", { key: '8501055a25d62fd9f6c9608a9813ec8cfbd79c84', class: "row gy-3" }, h("div", { key: '125cafaeea5cb3bd5631526f0f96c1f24dcf3235', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '80f3d481aa89d3f7ee8fa127535f9511022cdf1a', class: "col-12" }, h("justifi-button", { key: 'aa6c7db5425e799f12949affce288b1d5feb8abb', 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 "internal-tokenize-payment-method"; }
     static get properties() {
@@ -513,9 +513,8 @@ export class InternalTokenizePaymentMethod {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "import",
-                            "path": "../../components",
-                            "id": "src/components.d.ts::BillingFormFields"
+                            "location": "global",
+                            "id": "global::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -13,7 +13,7 @@ export class TokenizePaymentMethod {
         return this.tokenizePaymentMethodRef.validate();
     }
     render() {
-        return (h("internal-tokenize-payment-method", { key: '41dac9317c40f0e6aa42f4daea111a50e077ff7c', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
+        return (h("internal-tokenize-payment-method", { key: '96e07efa80306f387f54e51d3802cb5379f2eb4e', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -228,9 +228,8 @@ export class TokenizePaymentMethod {
                             "id": "global::Promise"
                         },
                         "PaymentMethodPayload": {
-                            "location": "import",
-                            "path": "../../components",
-                            "id": "src/components.d.ts::PaymentMethodPayload"
+                            "location": "global",
+                            "id": "global::PaymentMethodPayload"
                         },
                         "MouseEvent": {
                             "location": "global",
@@ -272,19 +271,15 @@ export class TokenizePaymentMethod {
             },
             "validate": {
                 "complexType": {
-                    "signature": "() => Promise<ValidationResult>",
+                    "signature": "() => Promise<any>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "ValidationResult": {
-                            "location": "global",
-                            "id": "global::ValidationResult"
                         }
                     },
-                    "return": "Promise<ValidationResult>"
+                    "return": "Promise<any>"
                 },
                 "docs": {
                     "text": "",

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

@@ -8,6 +8,7 @@ const initialState = {
     },
     bnplEnabled: false,
     applePayEnabled: false,
+    googlePayEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -65,6 +66,9 @@ export function getAvailablePaymentMethodTypes() {
     if (checkoutStore.applePayEnabled) {
         methods.push(PAYMENT_METHODS.APPLE_PAY);
     }
+    if (checkoutStore.googlePayEnabled) {
+        methods.push(PAYMENT_METHODS.GOOGLE_PAY);
+    }
     if (checkoutStore.bankAccountVerification === true &&
         !checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.PLAID);

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

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8f01710b6c352f39b35c5814cd6a876ab7e088c5' }, h("style", { key: 'e1885fe648eda95a8efa50a8f6cd46a09f59cc61' }, `
+        return (h("div", { key: 'd41a43285190500dbdf63ebfe4c381e6ebe3c680' }, h("style", { key: 'c9f85586d09e78390d94a2c62815a30d5b5c72c8' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'b2d5d36d62207fceda79ad2d1d0d0680bee6a366', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '406218fe16ad4b65e3e80ca467c3c49a462dee18' }))));
+          `), h("div", { key: '34cd3ce248d7856ef8cd287bf460fa663ff047da', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '8cf3cc61f96ccd087435dceb2a999bc367c110b8' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/details/details.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
     render() {
-        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
+        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

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

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '7bd0d5b048cb249373ea51b77e4c9da0cd9334e2' }, h("div", { key: 'fc2503501d863e5d4735bedbaf343c63e51933de', class: 'form-group d-flex flex-column' }, h("div", { key: '1279143cac22a3c83c84a0b374d521ad4f8d6b2e', class: "form-check" }, h("input", { key: '05206a4ba4f07eac3015168569c0669aa467631e', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b807bfa85e0bca62a639f19e1f30fa747b8072fe' }, h("div", { key: '5d2694ffa11664f6c0aa5300aedd5eec8596b307', class: 'form-group d-flex flex-column' }, h("div", { key: '7b5394d56eaa028e0d7e6d208218ff0eab79cb31', class: "form-check" }, h("input", { key: '2fc998ec3d2a9e9eb9c6dc9f7a4d544d583b78ba', 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: '890243508bccedbdcbec05cffc857aa5a5a15bc6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3c7be6ef2d0d9dd02601fef9e58038d010ca8246', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '471b312488e84d3ab8ee2d4d13394b5887901366', 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: '5908446baac590c68042f07a945d78ad7182958a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e754a1e7b67a27a68f0017e8536a6fab47eb8b10', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0c5d2e8c1e44eadb43c5e2df022a7ae1c8fd8fc9', 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 DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c1db3dd4bca7d9bf6dcbf61b0b43793232caae2f' }, h("div", { key: '4e00566fe24c7db972bcc7a99eaa1aa14c968f2b', class: "form-group d-flex flex-column" }, h("div", { key: '30e022fb522a6f69d04fadebb893c0377c0c580e', class: "d-flex gap-2" }, h("label", { key: 'f43b0d3c1e53d6c6e99dd26ca1dc61b601617e2c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '39ab2bcd705b6d917dad575c9e09594d2a6ff199', helpText: this.helpText })), h("input", { key: '54d475675a44f28a05315c23ed07b7e61717c6a9', 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: '69ef8b13877f5a1222da2863ae4776b92125291a' }, h("div", { key: '5c7dda504e14d6f4eee4bacbb84493d9e75bd2e0', class: "form-group d-flex flex-column" }, h("div", { key: '967f8103c8004437654231e017adce9a05cd4ce4', class: "d-flex gap-2" }, h("label", { key: 'e974346e8e6cb459652a3623b45c65841e83666a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'dc7b1c88e0542c8c7c7730af48d38803abc0ee1e', helpText: this.helpText })), h("input", { key: '1c23f346c5f59cd9039c4d991b8dc7d24060a3df', 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: '91455fa726313c5316a91d395209df04d6927a41', 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: '72385ca52f02222bddc17e4ad97c3449a0bfa21a', 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

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: '3e9e35e7c4c1166866e3cf94dd18bfda6d64222d', exportparts: "label,input,input-invalid" }, h("div", { key: 'f951ee548b004edd55957f2b34a8ab4cddb59bc7', class: "form-group d-flex flex-column" }, h("div", { key: '9b28774efa7c53871c23b2e66ea8b6434af3d07b', class: "d-flex align-items-start gap-2" }, h("label", { key: '783eb33e72b44bb42d01f7e474998d7fa2b58093', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bbc906ac8482e5cf21af56cf841932b78cd5e015', helpText: this.helpText })), h("input", { key: '3670f289b59e5464c11ba8b5ef66af0a3a2d65ca', 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: '11d9f49721bc8920c0fa917e6a406019aa29041e', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', 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: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', 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

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c1d92b4464500d430ad828ce374b864f0abf79dc' }, h("div", { key: '7753e5875afe4c6da178a088721b62590e104039', class: "form-group d-flex flex-column" }, h("div", { key: '35732250f1da24e5d8af9d6c984360402aa8c749', class: "d-flex align-items-start gap-2" }, h("label", { key: '1dbdb4c74c82415714295d882a48ea3634265cae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '132b4e5b01986aba2f1999db2f19373477b0af9d', helpText: this.helpText })), h("input", { key: '4c371be7c4d784fb7ba3dc3244aaab5ef7dea763', 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: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', 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: 'f9c2a057b20ccf863331c90156a5a9df65bb85a6', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

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

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'dd501963b2b4c85eecd6c78ac8a1c38d6e30020c' }, h("div", { key: '4c130a5d956ab1caaab521930d29d666dfbfcf67', class: "form-group d-flex flex-column" }, h("label", { key: '59a59b0589b3555efcb509ebb0ca34a3cc01ce3a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '0290105bb2d69ae83d1583f2495557e1e11b2939', name: this.name, helpText: this.helpText }), h("div", { key: 'cf80c69cc63137195ef179dd12f726f34bf35780', class: "input-group" }, h("span", { key: '5ecc2e144e7fe9fde5a64e48d8b8471d446fdb5d', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '585da3cd389904d002a545c01b4322c9aa9ea74e', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '52a6fef8192278acb9a3eb854f5cea8834ed5d0f', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number-masked.js

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '5252b2a1d8f6275cdaaa803c1c3a58294b35ef5c' }, h("div", { key: '7fe65f7797268ebc964a1b02ac61166254a0c409', class: "form-group d-flex flex-column" }, h("div", { key: '843bf1cf8ff7bf245760d0f65ea844768aa78ad2', class: "d-flex align-items-start gap-2" }, h("label", { key: '2ba6512c6a6dfa9aa4105f069809173f01262c60', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec179bc366c9286246134133510bcd35fd9de891', helpText: this.helpText })), h("input", { key: '546e50189acc596e7b1c1826edb7473084f93754', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', ref: el => (this.textInput = 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', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '6da86dcebd7e427cce68d7b88d07b94daec26f21', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '3f89d9f453eb3267606abc1ac4138eee97b18d22', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '4272ba30cf80097abd67fd184b927f4d41b3091b' }, h("div", { key: '567b2b04d354e5c3352dd42431c92bd84fdb4d9d', class: 'form-group d-flex flex-column' }, h("label", { key: '0d3ee096554d638896e03002ed908f7379e406fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '59ffd3ffe0beba8af97de7dd7ee12a2589c0d722', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', 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', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

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

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '1b798d4c7a78475795a0b667839e82bbc402749c', class: 'form-group d-flex flex-column' }, h("div", { key: 'df37525372c220bb0fcbc54bc89d28b55c5b5407', class: "form-check" }, h("input", { key: 'af923ae2cb8677fd9e943c912ef9c117dc8eb9d5', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '444e9e4c42466bab91d72f6da7b48c6ad59072a8', class: 'form-group d-flex flex-column' }, h("div", { key: '1833b9b305aced695eb2c42c30a5b41b3008a309', class: "form-check" }, h("input", { key: '97e093575b649eea82dca07c0143e8ce722c799f', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '06aec18092d38c386cb3dbeb7712a356f6615f82', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '63356fa988cecc235ff01b7f9eb4c344d62a18c0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61c5b0fac0b21856660dd6b9c64c2202f82324b2', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '0daa3e06d66c182c41b8c28cb7938d24168ecf17', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4601db2bed3f67eee325a5132d6288ea5d55c240', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2b20dbb4481969e937c498fabec4b708d0eda4e5', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {