npm - @justifi/webcomponents - Versions diffs - 6.0.0-rc.2 → 6.0.0-rc.4 - Mend

@justifi/webcomponents 6.0.0-rc.2 → 6.0.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (360) hide show

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

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '84ad924d9a7697cf7fd1f7638617925b52600267' }, this.loading && h(PayoutDetailsLoading, { key: '4ba191c16f034b4e136f2a6d96a44a7e1c71b352' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '84561101cfb511d034309906e281a36b9adba5d0', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '844df9068a80e7dfeffd2856805e5855c36842ef', 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: '5b3ecbec2c7e056afd085e21e7895f7919c0b638', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '1f0b2a3a31b0ff2a0829daae285bd2e9fdaaadcb', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '29ac2409362d285ca42cc57d55661281d35e7c39', title: "ID", value: this.payout.id }), h("div", { key: 'ceb5c66069d1c7404e355aeeeeb2e167cb4e8f55', class: "m-4" }, h(Button, { key: '206c57a99b0bc35c8db822507936022b8e51b89b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a9b39de96d09d4b0c87384da5bbf7d8f33e48bc7', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03735918d82a3af539d79b88edc2b62ca2ebe03a', sectionTitle: "Details" }), h("div", { key: '347a72ad86b6dd8917022bb3d41c1ea51afe05f5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '644ae816ca6391e06e8cafff85773892fdffb3b7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '7970ee36e7575b0fb6432df46d128974fc54ef9a', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '8d3b06b5af09992d24ad5aa5d4bc935ae40193fb', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '2c147836ca746a8604bc8ca42a23ef9b2b78f80a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'c9c7fb58f4e1d6d24c7ab0a60742d48214a88a9c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '6261217268188afab893556f8f7eea2c72fa285b', sectionTitle: "Account" }), h("div", { key: 'd1b447792330f8f5d6e11533c7ccd27578325a4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '199170c19d35c73f14f46a19eb9c743f12461779', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c6fb1a95d15547b1abc2ac95c83e865167b500a9', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '21c1ef80ae9d2d122e30b6b94585cbfea6dbe167', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '31f0db976c9abec3e3c9f228ed8b66c83cb134cb', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '87cc64ff4ac69c51e0932f7981f7da52565101ff', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '81b6f3c633b802afb5f0f5314b234f8ef0e1ef31', sectionTitle: 'Metadata' }),
-            h("div", { key: 'ec972893084294e690037e146b9e91783f461267', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'cef2518b84f1791157084b7d7cfe872963851edc', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '79a9fca76a04f85158b3a0fab953bfc45814b3e9' }, this.loading && h(PayoutDetailsLoading, { key: 'f5b4d16e4fd98086cd70261aa220e5f9a68e29f9' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2840fa532729b93b86ee64eec7923950d318348b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6e2bf145153df2307ef6b0d1a29f9d10bf80775', 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: '75fcbee460dd796e0245a4a490e0de0341ed73a5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'fbd20466fe208579baaea0282d2e6604230b9107', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '69769324839f561a56bad67846d84bc70e4e4b67', title: "ID", value: this.payout.id }), h("div", { key: 'f431884d2f782ea764357c23e57482672f465848', class: "m-4" }, h(Button, { key: '6a92eb49c2d33717eb7750b6cb005ff231227b1b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'aeec4b34d58873abd2b2c4bfe010924707f19c89', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '20d0aef076d6312a21d26ea7fc8eed4510a2efab', sectionTitle: "Details" }), h("div", { key: '9bec2b5892f1e1776993acdd005cf0d82e2d81be', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2555b7af59b56b898565bf716f2f6879d3253445', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d8a47d6c9d828eca8574e4c1c5fdff6d354326c', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '87bac39bf999a42f0659b0a1a3e57a8043dc809f', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'cabd31655600c512c8b5ce6fff5548f450970bff', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bb48ff48161f15552c39cac8811abea68398a970', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '28e45b962f7f89e1f57369a1cae1e70f936a42e8', sectionTitle: "Account" }), h("div", { key: 'b5b8da5baa563b80075cdbd46f43561877b3cd1c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '3b89b14e72589f838ec44eed4f80772edb470bd2', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'e828740c47b8b9e02e483c2e9082bd2728a37043', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'ed703dd9d41106825ea5c4e5565f77aa8b7d012e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8ee66b765d45ab59ea501a8d3a168c8a43465c70', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '04f7024fbe5c3def51bfc969204c484b471c024e', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'f59c9b8e87cb13d650873159a2ac47d8ea915173', sectionTitle: 'Metadata' }),
+            h("div", { key: '4984916558e5cf4016972f110b507caaa41dd5e8', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6659b53990aa222ffa6d65d9332670952efc44f0', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

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

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '0a993aa9157e9ea6f75a4c745dd2751ab22d0623' }, h(TableWrapper, { key: '56a300b72bb39bf9aa4d9829f1634e5a48b71b15' }, h(TableComponent, { key: '7d3f9fc3159ea7568bd2904ed74a5d90198eecb7' }, h(TableHead, { key: '106703b0ed82206aca0b18a1217fbdad9316cca0' }, h(TableHeadRow, { key: '3d01490dc673358566747dd3aac4c61d1f8681f9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1bf3cc192ef3434ff4626390f33361a984e276f' }, h(TableLoadingState, { key: 'edaf059907492b9911bfe11f6ae476711db7200f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b75807ecc951d0e62993b905246c3e58d676bb7c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7d759684cb4f42733028e734479ba2000495dcee', 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: 'a657e7edf27d011926e2228b7a55ba6fb05f9dff' }, h(TableFootRow, { key: 'c1c592833f527432b53d42cca3a70637065b1918' }, h(TableFootCell, { key: 'b4dba89aa35e7632a9442ad3e804cdd3946377f7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '935a7f48b344774fb6058de565a135ae70deb80e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '3c2b2c049a964a38385bc804f2ea160d6a35dd82' }, h(TableWrapper, { key: '8a79afde5660311de796acd90c64ca082348a932' }, h(TableComponent, { key: '88e1d875abcf55f8846036844b12953ddb8bb18d' }, h(TableHead, { key: '33ed1765106ab87dd48cdda8733fb04e512b8378' }, h(TableHeadRow, { key: 'd3a5823c015be404980d72277c0040312a5145df' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b1f45eea747b1361ced1f6924ef2f741378a2fd9' }, h(TableLoadingState, { key: '05d9fbb9722c7e2775afeeec939fb50f41bc5565', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '0e5ddf06144028b0bdc4eead3a4a8abb73041c7a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '977915205fb342bd7d8a089a329171aa4e2cfdae', 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: '0058ea0c31abb6b968a378be064a5e3f47d7effe' }, h(TableFootRow, { key: 'ae2a32a10e9a1d724579289516945eafd37c275e' }, h(TableFootCell, { key: '28f3b18198a93a78d7987f746e1fe6960700c6a8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '5f9799c74208a5ebbe852053d1638d6f0fff59d0', 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 CHANGED Viewed

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'fe72adaaaa7e03339bd2c023ed3cfd76ce20cc09' }, h(TableComponent, { key: 'd9c191823846f3160ee178a291d797885862346b' }, h(TableHead, { key: '070d60c8ed1e9469208b2d12ff22f5c5782e5b06' }, h(TableHeadRow, { key: 'e3a8658405dc3339af9694f88ee7e39553e7f48f' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5c919ca5c320c664f5c1fde43a996ecdd1ef346f' }, h(TableLoadingState, { key: 'e037e4280fac5697c1d5c7798ab09550046038a0', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '963f510db0f77df7d257e2ad1bba91ab0e071945', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6e7eedf2e5c51c7c483695f4892ca492ef799514', 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: 'b5b0b65da33dd148425571b328d04fffddf0e1f3' }, h(TableFootRow, { key: '73cc200689fd799618fffa1bc8a102c357372aef' }, h(TableFootCell, { key: 'b85785c0eb003fa546137119d50264e05a6b9382', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'e42a0da2d4c06c659ad6a9fc7f2cd2bb61caf1ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '0e17374fe5656aebfb8ce0c054ac131a2ca7cc33' }, h(TableComponent, { key: '61ce9e69c6084d7ce9b6342a93debcb9c2764d23' }, h(TableHead, { key: 'ca28735991630d9362fbb14aae327c9bc646bca9' }, h(TableHeadRow, { key: '43e012787f232dd626cd4025e8c9223865f519da' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'd21bded30edd81274f06d21c5f00ef75d7982ccc' }, h(TableLoadingState, { key: 'a437445d203db926cb32ef81579ef862d2644fa7', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84accd5ae400e69061cdb66a59dc9272ff5edf1c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '1f4e9998200515d714a8d1ca9476c4841272515d', 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: '397b4d811f439511691826e1dc463f38cd97d016' }, h(TableFootRow, { key: '4e94eb5f5294ca470f29988bf11247e2e9576875' }, h(TableFootCell, { key: '6ab3af15817c9c9a184487348c3247ab25aa7f6b', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '8b378185a5f3833ac62e16d5cd07fc89aa9462aa', 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 CHANGED Viewed

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4058d69f87431a4060160bc14912998ea14670dc' }, h("table-filters-menu", { key: '406371a2c3c552e6973da18b0e59a022a7c1ac99', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3d77e00351223fc512062193a19ab874a3c8799e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8be6000e3aa3de82e73ebb0133131c2f836def64', class: "p-2" }, h("form-control-date", { key: 'e6c5c50c8a5890573159c6de1955f33762f183b8', 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: '14c666a50387a2f58ea7a4871ef846eadf044e3a', class: "p-2" }, h("form-control-date", { key: 'ee56b0ca27c7d8f8562b23862d5aaebb3d4b3188', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '698d741c2ac91c9f77f36bec9a76c0732a1b89fc' }, h("table-filters-menu", { key: '54b5198f16d6c9909a015eff0f1aff7365195d84', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3ac02cc091cf4db7cb986b7323f55d271dbe70b4', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51ffcdde4cc8bf298b75188132fc27b78c35cef9', class: "p-2" }, h("form-control-date", { key: 'ec8d07f179508c8f3e4aeadfba8b6ef8d64b192a', 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: '1f64cbae15ffdc9a90b426b24cb3da9f3ab627d1', class: "p-2" }, h("form-control-date", { key: '306fc087f3d22b141ddb443315f7c487106bf9a1', 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 CHANGED Viewed

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b668ecfbc78e07ffeb5830a10f7a8675d15c5c97' }, h("payouts-list-core", { key: 'ae082078d735cafc42684db978e3e9dc48d75dd4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '09b3baf8c09eacaf640798896314cbcbc661cc23' }, h("payouts-list-core", { key: '8c1a77740285114e034139b7a1866e35b2e79709', 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 CHANGED Viewed

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '394f529d42867e207bc47901045e7307a6784f3c' }, h(TableComponent, { key: 'b6d668352fe60c0fd33cc66505b14e944a598792' }, h(TableHead, { key: 'f52ef37d1246d60503b9dd86cef67d7d1d34b939' }, h(TableHeadRow, { key: '31df50a3ecb7329fdd25f16970d195eb5bd027ef' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3e4354bab42bc5005383bccee6594c4cea220a40' }, h(TableLoadingState, { key: 'f8febbccb33a3ca286af8a6d25f032b1320d1f45', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4d5c0466ae4b63869739aa416ae88ce9ba832eda', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'babe96226b95f6646e08927d16002a4709ddfabf', 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: '9e603727dde071004445013cb653777336b2ad11' }, h(TableFootRow, { key: 'f49d1110c64a88045bba21df48072116b82cda5c' }, h(TableFootCell, { key: '97b2adb37e39414018d0cf280e7041019d95da9b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '00e589c3458499d2eb81595f3156eb8b17ad9eae', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '7ef0adc44be5987cbd02f5da80f7dc4330ff7a43' }, h(TableComponent, { key: 'efe8e403dae877a6529becae890b0e055726cc0f' }, h(TableHead, { key: 'ef981fa014144f9e237d9b258846e68cb50ea7f5' }, h(TableHeadRow, { key: '555df6bd09f4ccb01bada68933f362ef6f7679d7' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '1a5b95e5c41e1162ff8907d3ba664d304b9c355e' }, h(TableLoadingState, { key: '546146a7390a96f2d2704e31cc84d9269bbdc28a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c32f5ec402f96e8f71b1f0edbb4d9e2169c23cc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'e1154e1c4b320f8e23566821b56948e875b16174', 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: '2b3f2d329baeff7ad8eb813a08335660ca037bd2' }, h(TableFootRow, { key: '651f18da8298dda7f2be2717cca0ab7c01cac14d' }, h(TableFootCell, { key: '7a25b264810334dbbf633079374c77ab745cb1bb', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '996ae93faff3c83ab8022208c1a2c297bc1c9a27', 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 CHANGED Viewed

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4530e57f1df87b7879ab5b3d51c64e814083cc39' }, h("table-filters-menu", { key: '541be463a6ac04afb5f46305035e78766746390a', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '5273439008474a436974c44984568650d156aa56', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1a6f3539862e84a09179f9605741500099e016e5', class: "p-2" }, h("form-control-select", { key: 'ec4d26a33592df8ee137e9263e5fc221e17e43bb', 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: '33a18f94f0893f1ce0d45d383bd623025384e8b9', class: "p-2" }, h("form-control-select", { key: '9f3c8cb6bc85dbbe04b17128a7ff676dd2f97331', 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: '4b4a6abf9b42eb9a1021db266d9b1de1eb0d5b66', class: "p-2" }, h("form-control-date", { key: '63433b6ba954d96cb1195eb70a39aaf08a8c4c6c', 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: '17b19607536bdf75de23cd4ed5ee4cdbd814de1a', class: "p-2" }, h("form-control-date", { key: 'de1e85a7a164cd86c9190501b14f6a2097b8e34a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'c83d32f9cfdaf6f64b438ed23e9037897b55e298' }, h("table-filters-menu", { key: 'edee7c1f7d885d6425c439a95fce4f761b4d7e86', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2df144ff56dd7301336ea09fd8b827c8194455d2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f6d54fc5d11608d129771a26112efd5537cb879a', class: "p-2" }, h("form-control-select", { key: '8506841a90ac6c2cf0d5107be5937029e7b44c2b', 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: 'a53b0834400945feaf348e78be3bdd7b3e5e7846', class: "p-2" }, h("form-control-select", { key: '959909d5c4f568f99c70be44ef3542d795e711b8', 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: 'e76471ad58f551901eecad0b73849e3d443a23f8', class: "p-2" }, h("form-control-date", { key: '239afecb78475f1d8bdc21c1194d86a18f1dc2d1', 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: '0d9d73b7beaa67ab75d3375ad77a3e69fc1354b7', class: "p-2" }, h("form-control-date", { key: '5e9582d8c16c94a11ae313de2a3f33f2eaa2bf38', 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 CHANGED Viewed

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '524e7a9d033a2b5e95d0285eae5a070bbf6bc685' }, h("terminal-orders-list-core", { key: '1d4713c71ca85517ce627a1cdfd8c2345c49997a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '28394e2db12721ad0f64ada71dc3a7cdba5fc7bd' }, h("terminal-orders-list-core", { key: '355e5c1de7a3bfd1afc4ddb64be8aa9b860cceb5', 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 CHANGED Viewed

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'f3d727c92c66b2504c6c8952a284cd4972706fd4' }, h(TableComponent, { key: 'c368038fb5683749737bb6b2b27a0a55ac95fe95' }, h(TableHead, { key: '96b41588ba94168581bfa423d3199916a06a925e' }, h(TableHeadRow, { key: 'fd1991bbcc22c3eb2b9ba107341285abf55a06b2' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ff3244f6b51f311fbc4311e37fc2c5bd4115a71a' }, h(TableLoadingState, { key: '821b4e55ea536fbe14e018107e8c19c309b86fca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbeedf4e12ff428e7d24f536675f5b1f3c9d3d67', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '4c7882127d862af40ea5960ec10adf092e676e4e', 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: '7bd7c9bbc95b0c24c03c1b3fd1685877dcdfec06' }, h(TableFootRow, { key: 'd6988cf0398b1a435f71a73761fb57656ff5ee7d' }, h(TableFootCell, { key: '207ac8dd06e9b053653781b255833e4f20bf9559', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '329f13886ec41244f05030673cf4cd7baf6b1cb6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'aa119f199b02e20b2b48f7896eb45d24835ba5a7' }, h(TableComponent, { key: '039b8851d8edfe1ba82b177b518048273523eb10' }, h(TableHead, { key: 'c9990dc58cfe188217cc1f46f9f210c87ea2ca1e' }, h(TableHeadRow, { key: '6b934363f143e36c23f872ca1dd20c2befef0d90' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9121d7efc3cf3c70fdf45b0d47e253e9d1632a2c' }, h(TableLoadingState, { key: '783490f80ac64791eb182fa741f9dec0b6970f5b', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9d3662266c2de7325d4c98485bb10ad9699fad50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ef1cad4fbeb112788c4cfc60b6f160dce6525e31', 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: 'd789ae5d479374cf569fa2e196cbdc8817cf318a' }, h(TableFootRow, { key: '445e5bbe532ca217b07dc08591d1a620766a669d' }, h(TableFootCell, { key: '13e17ca1daf744f2c73bf6194572c864b7932b75', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3031bda0078c0e61876c1cc4e67c06234e08729d', 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 CHANGED Viewed

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '783ba48774e186ebb313aea1b2cba29f52be65aa' }, h("table-filters-menu", { key: 'd4408146ca806b5192011ed875fe46742fd4a9a9', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '61356d7fa355bfd54646b7eeee1b7506f8fc1ff9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6233bdcb3ed8b37855ef07bd49c7d7bd51079e22', class: "p-2" }, h("form-control-text", { key: 'dadc1036b832290710c15e9dc4faeaf0ce847033', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '242a2b4fe9430a8c22a321a08638188d97a5dafc', class: "p-2" }, h("form-control-text", { key: 'ed2bd47281f33af574e5f49aba7a87f5155ea271', 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: '684eaf93576057e25030a8ffbd1c3c4d921b26bb', class: "p-2" }, h("form-control-select", { key: 'a308c124fd6379aa4767352033c736fe0c33b3fa', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '61740c6ddc8d9ae3f59748c49bdf5cd1a805c967' }, h("table-filters-menu", { key: 'a1fff9dec129e6f1457d7fc87a15758a6c4583dd', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a14b25c631435c48602953d1a4a240b46ccafc09', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bba2a423f61e4c099d67f1ab02b96e15c462d825', class: "p-2" }, h("form-control-text", { key: '5853b337812ae1915ea5f0fbb6a7458b9767a7ce', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '2067dfd98dc4eeaf6f7312a29cb7dbebaf027110', class: "p-2" }, h("form-control-text", { key: '5e39773e75d8ebf1d2e089d26afdbe1c4bb7a2c7', 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: 'a3bbd3db48174df02bf7bf3f68bd80e2a33ed3ae', class: "p-2" }, h("form-control-select", { key: 'cd591dfc5ceabe5631983139f04435e5f46cb47e', 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 CHANGED Viewed

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '3c9b98a7e1b854420c30c19db04a8f2885894fa1' }, h("terminals-list-core", { key: '2dc457c44c142f3a2072015a2abe812e67d421bb', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0a3db94e812f99055939476c8e0e2f38828fbe5d' }, h("terminals-list-core", { key: 'c0795b3f95342ebf26d9e8e97446b4c8f79fb545', 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/tokenize-payment-method.js CHANGED Viewed

@@ -232,13 +232,13 @@ export class TokenizePaymentMethod {
         return (h("div", { class: "payment-method" }, h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodId) {
-        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID })));
+        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), h("div", { class: "mt-4" }, h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID }))));
     }
     renderPaymentMethodForm(paymentMethodId) {
         return paymentMethodId === PaymentMethodTypes.card ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '47fb6432264a7009d1df82cac73c3283be5a1514' }, h("form", { key: 'b283f414e00296cbf08960a669fbd0f91a2cb554' }, h("fieldset", { key: 'bfaddf226f5ec365ceb22185804f29d46f9f59c7' }, h("div", { key: 'b828e27ea63fa96dd7f38ef8d6038e3a6d1f234c', class: "row gy-3" }, h("div", { key: '1b34dba8e5d3a5426f002e4b2eace7dbc32b80e8', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'd62cdda4a73c39ce53936717c5c22779dd9c3c48', class: "col-12" }, h("justifi-button", { key: '24bbd9e275990e59d0549b07725111aa0fffa8c4', 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: 'ebe1d84471e0c6a32ee69d457f63755801d68577' }, h("form", { key: '7cf3aa01ead5602aaa31a4400d6bd9e1f782c65d' }, h("fieldset", { key: 'e8b430c8defd6103f53cb0a534466093983cd409' }, h("div", { key: '40d2206b6c43d3f3f05ad95b7731e3ecbe3eba83', class: "row gy-3" }, h("div", { key: 'e548fea0d586e8b0a3c0232e05bf7bb11bd2fbfc', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'f903481cbc309fa89d8cb0c124d2cdbf41f034fd', class: "col-12" }, h("justifi-button", { key: 'e76830507419530b3b1da8f2eee8e5ff323fdf59', 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 properties() {

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

@@ -16,7 +16,6 @@ const initialState = {
     disableCreditCard: false,
     disablePaymentMethodGroup: false,
     paymentAmount: 0,
-    paymentCurrency: 'USD',
     paymentDescription: '',
     paymentMethodGroupId: undefined,
     paymentMethods: [],

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

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'c5c8d766dfa1ad756a4133c8cafb7904802378dd' }, h("style", { key: 'e7362e29a1971eb98c78b9b1b27e7fd254c259c8' }, `
+        return (h("div", { key: 'fa3e4321b61261759f0e180e61bdae9fc5f73944' }, h("style", { key: '1b543c604267f05bd47d7f2a1997e03051f4ab7c' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'f317844cc31312b38d5a2c01f55c3c82d7b4966f', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '84c82c3768182536c2dcbf84c445ef67b4311d24' }))));
+          `), h("div", { key: '06ef5a6d7f4f9583c683647641eecfda0bf41626', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1d3edcdab5f2cbeeb77b6166521c6f54543ebf7c' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

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

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '0d374cd9b723d22a594cc15131fb58ea47f4bd30' }, h("div", { key: '8ac29bb245a0216555106f0032654546132677f2', class: 'form-group d-flex flex-column' }, h("div", { key: 'e332d04b1964a4f26d0b44ee69e80a16661f7774', class: "form-check" }, h("input", { key: 'f56ca248d45ad8ac9457c69befd9d071b79ca7e5', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4fb0d856e58021192e396f7dae287b99c77bd791' }, h("div", { key: '5007f605183d706f3376a39a7b7ec7d525d6b39e', class: 'form-group d-flex flex-column' }, h("div", { key: '86fc70ca655ce4f3dd606ae1ce6f68e6d38aad87', class: "form-check" }, h("input", { key: 'fd60081db4f79fcd83beb98eebcf03d941895546', 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: '8187e193ea1bb8c91990d757f7697a716b07a17d', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '9ec4d8ec57ec09675ff83ec1125b1534da5b8275', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '01adbe1f12aa5590049a4dfbbb354070d2b35b55', 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: '8af1e51c951aff7765a2f4b01d7a3870b5c83869', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a197c2558d6745bc91b4cdee752b11c4f750f024', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c12c67f283dfffb42c7a3a947e3dfc7ac40b13ec', 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 CHANGED Viewed

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '6cd65d367a94e06c8d49be26e3e8d7e2751cfa51' }, h("div", { key: '6ff62394e1879e3ecebe8c610e4eb4cf7a9060a3', class: "form-group d-flex flex-column" }, h("div", { key: '68f0f7d9e86666c589078356440c9aaa80bba217', class: "d-flex gap-2" }, h("label", { key: 'c328217fd188da129cb23cef60b0a62bc9ed971a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '238b5b79e5374c7d9b96e18584de9c4bca68d980', helpText: this.helpText })), h("input", { key: '0d1ebc76676163c1361660bc9cc0d31577bdb8a5', 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: 'fec9b5747b18a685be748d7d54297b6e9e169289' }, h("div", { key: '78cfd327c0efef8e5a5efdd21f54bac56fc88251', class: "form-group d-flex flex-column" }, h("div", { key: 'bfbb716509fef6189d8c48147a794ca5934807bb', class: "d-flex gap-2" }, h("label", { key: '655c4c941dcffff5692c1c2391a17fc8db4de2c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a738c14fc219bd450920a493e7ecdac8e2e42c22', helpText: this.helpText })), h("input", { key: '4c0a532ac2da38dfc038691c90ac0fc937e14c49', 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: '0bd94154e9ae185fb7de192f385a7031cb556207', 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: '88fde8e90d540a3bf769fc1b1f400b6a31ac3e8b', 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 CHANGED Viewed

@@ -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: '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 }))));
+        return (h(Host, { key: 'fdfbffe4afa13884ed2dfcad7ac7aae2cc5d1466', exportparts: "label,input,input-invalid" }, h("div", { key: 'a40217b361515dc473840238f6de75becd846add', class: "form-group d-flex flex-column" }, h("div", { key: '148ff9bca27e1b1f3ef905c81ff31af5de3feb08', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bbe1b2af670827ebd3ea2ca7c6b1ae616d2c0aa4', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6092aa758205b4c9f3c389980183f28d56f86ef', helpText: this.helpText })), h("input", { key: '18d3595c9eb579c84d6373237fcea037d095d4c5', 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: 'bc48d8fd8c489507303b66745161963d31ddb84d', 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 CHANGED Viewed

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: 'e157eea9bc728b97b8f61cc4da004756e663bc32' }, h("div", { key: '046f70cf63cd6724b4d42c13a7366a443f33c384', class: "form-group d-flex flex-column" }, h("div", { key: 'a121a7eb6229c423cfd4949b8f4af6b6140316c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a885e1e8d0b0f71299c88446bfc29a546016e543', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '039c26c916c18969c17cdb4f3950c679811b5880', helpText: this.helpText })), h("input", { key: 'b3a20a82acd6fcbc3f61b8a72865b53e5c05b70b', 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: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8a1b494b2fae5e8f3c3732773c1e64f28a9c4040', 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 CHANGED Viewed

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '0e31cb58a7b3560cea88bc515b55e787d6be0a71' }, h("div", { key: 'd0ad28b761a1fb95b5e446684eb77d25202908fd', class: "form-group d-flex flex-column" }, h("label", { key: 'f075865f14b8697838454c3da270e974e19b0bb4', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '4835ba829efc4d65ec93f8c406c56635f3fb55e9', name: this.name, helpText: this.helpText }), h("div", { key: '88394d95831cf79a9f6d68ed824e2f0f28e5c4b3', class: "input-group" }, h("span", { key: 'c0f56328b5330230114cbc6dbec2ff5ab50fa6fa', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '615dee630e13fc603bcf0020588ea89a8006fe97', 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: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', 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: 'cb2c4f53cc3bdc3b83302b30cb6087cac33e7a95', 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 CHANGED Viewed

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '7e2cbd8676a4513170e1c920fafffeae4cc042f2' }, h("div", { key: 'bde27be5dfe86c5c820f46263ec73f014f8a628a', class: "form-group d-flex flex-column" }, h("div", { key: 'bee2a81a0b23aafbb522debac5697dbc4eaaf7bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1d43eb5e7167cba5ef63439e6807deef35f7c2ea', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'aadef33688848d580ec6b369528165480c61bc49', helpText: this.helpText })), h("input", { key: 'a57624c146db1bf54ce73853f6c0514042335502', 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: '3f89d9f453eb3267606abc1ac4138eee97b18d22', 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: '56be93f77b87e7a4ced570d8d12c94f3864083a5', 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 CHANGED Viewed

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '1d13bdff56070e4d188779f07081dcf2a4031f02' }, h("div", { key: 'e1324de4cd2b183e3674eb5b182a7d51d8a6e571', class: 'form-group d-flex flex-column' }, h("label", { key: 'fea8787bc32e452c1ba339fee15be3cebd274d97', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'adc992f81d060ae9317995fbf728cf0d188fd747', 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: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', 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: '50db62ad988d180660df8b4cf8aad2a97ad341ba', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '41a8e98a776d0e265d5b7febce941e741eaa1a6c', 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 CHANGED Viewed

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'f699cf07beab2c184ed0bf349b547e20b8a809a3', class: 'form-group d-flex flex-column' }, h("div", { key: '7a6427ca06397dd7ef610484e66766137a49bcc5', class: "form-check" }, h("input", { key: '2cbda070ab205f489ec5345a387f95aa63303ad4', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a22020f52ab144e24df5d8b66e1e4a2e96a46118', class: 'form-group d-flex flex-column' }, h("div", { key: '92e094809b59818298423b9e239cab73757c4361', class: "form-check" }, h("input", { key: 'f86decea91a82284fdda6916c342e8921df9dbc7', 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: '653fbd79f9fc7e55337208e02b55f2e7751d2811', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '36bebcb0ce02c548a21a02219d6d6b54c9a856eb', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8bc6df11eeaea35ea50b3d8132678c9855beacd9', 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: 'd7abd665cf385ab45f154c2607ad8732f5d778f2', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '2c495cb8c25c1984addbcdcb8899823aa2db64a5', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '136d3defc1f11627d0eeb4d202f4938b5e0cbde3', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-text.js CHANGED Viewed

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '51f427955047c079bcd4277ce54f27168d6c3e14' }, h("div", { key: '3724cd9797feb1b383e031a3509dfc365a4d1dc0', class: "form-group d-flex flex-column" }, h("div", { key: '883b87e2e1ddf1eb3956fd232ab7c7239a9ee08f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7d8acb9db3c54034fff1d310555ed15d039c8ab4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '70c94e2dea56b70ae3e6e6fae86127ee366fa1a2', helpText: this.helpText })), h("input", { key: 'af0adb1ba6ac16dcd8c39a45c8c44f6bd41c9ab9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '63ac8e960213bd020b222be5e5082514b96ddbcd', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'd393476376fa8f749b4e54a35da2586a878da4bd', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-textarea.js CHANGED Viewed

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e88e4c0a4206046607c1e4c30777017881a8dd80' }, h("div", { key: 'eb712fe05c4e6a51a68d57b9d11742bf23dc5b5d', class: "form-group d-flex flex-column" }, h("label", { key: '6a4c5c62c94fe0d3695af529660c4a0d0287cc8f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '76e0681514be96eb581074d8382b7577b62ada5f', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '81cb12aa1552e90df24e073a9a2cc5ac669ed89a', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '1f7999d157fff74502fe16379d55733106bdc4f7', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js CHANGED Viewed

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd43ecd651426b84f971c3cd8a447b5022d26cec4' }, h("input", { key: 'b5c0880882ebbe14ac4e24ead353e26b3c86271c', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '4d650e7de7ed14c4483608412b6e2012b16de0d1' }, h("input", { key: 'bddc32a79593dc42a1edda6f982562b2399319e0', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js CHANGED Viewed

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: 'f8aa1654e8ea569bb287d7a16e5d1f0f10faddd2', class: "form-group d-flex flex-column" }, h("div", { key: 'bc11e0b644272ac251f41c8f104d04f117ddca1f', style: {
+        return (h(Host, { key: 'ecbbcb6efd1855e0f89c66b8878f93a1f98a103d', class: "form-group d-flex flex-column" }, h("div", { key: '9e57bb4eacca52cc7a77fcb044d3ef7036acaca2', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '10d634dcd3697797932d89abeaedf572667819e2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ee4f6ff9b8753ad65c32927a1d62c5755d8e4cbf', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '14bbe359e808944e19aeb0742adfc1f4db07c9b5', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '91c717d727068698244692d607e1959116d6a72d', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '1b655b4939a6c74088dbc6d58346d91aa4c0b1f1', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'f46944026ae45f6ff71638adb52dc2ca716adb28', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'c88d3d3e88707285d207341347a088b05c19ab2b', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'cbcdd23b9de6a26a3d183af48a45caacc674a3c7', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, h(Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '56c3098559d728e326c9d76276f2e54bfb8b6697' }, h(Button, { key: '56d123ed4bc90972e8bcd8ad00e5942819998bed', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '5113142a64d38ab38fbf95f37e2548501b11d81e' }, h(HeaderComponent, { key: 'e28419adc9ac323a1846358efc7ffab98dddec95', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: '0dbb20245a88851e3cf9fc853029b22847f1cdfe' }, h(Skeleton, { key: '7778f32d71f1b7d46b0f8eab39bb7d98a215ebb3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'bc7f16e36d1d3da605bf59bdcb6106d7ed51bcc9' }, h(Skeleton, { key: 'b3947442cec1bf7b5634f42dc682a436ad9bddee', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }