@justifi/webcomponents 6.10.3 → 6.11.0

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

@@ -3,7 +3,7 @@ import { filterParams, propsParams, clearParams } from "./payouts-list-params-st
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { PayoutStatusesSafeNames } from "../../api";
-import { createdAfterPayoutsListFilterParam, createdBeforePayoutsListFilterParam, statusPayoutsListFilterParam, payoutsListFilterMenu } from "../../styles/parts";
+import { filterMenu, filterParam } from "../../styles/parts";
 export class PayoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -39,9 +39,9 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3f9c92bb1c8343a585994ed1c5ca83167bb727f4' }, h("table-filters-menu", { key: '24541b92ce3c7849672a102423ba9a255766ab6c', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '4ff34c77d5e7604fdc7ce94a61c4d169b14365e5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f4b1a23f8751fce9885cd8d7b05d4a688b4a71e3', class: "p-2" }, h("form-control-select", { key: '37759ec95ccf6aec5a5259bdb182fd06897cb3c0', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: statusPayoutsListFilterParam })), h("div", { key: 'cc32187e2c4653b822e8de20305e771fea23e273', class: "p-2" }, h("form-control-date", { key: '69e75011e03b6adcfd1c5b9719c37102f7720804', 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: '9067d3377545bff47484289ef9e2a83eb40a76f6', class: "p-2" }, h("form-control-date", { key: '427582860a555d14a0e947e41c0f3d1417e83eeb', 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 }))))));
+        return (h(StyledHost, { key: 'f8e989bee50f9d877f46081060811c1e82d73fef' }, h("table-filters-menu", { key: '58f57d4b7cc46b06b90591cd978b83303bddd699', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '4f8ce19e11804635b63e604968305fb331e82e8b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '750eb629811a2695c94b12a055bfa583666fa9a0', class: "p-2" }, h("form-control-select", { key: '741c7cea7c16d5f750c4fb70036db61451f694b1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '1da6031e4521d46c35819a3dca111e576f627719', class: "p-2" }, h("form-control-date", { key: '5b1f782e23da892428b0e8c4ec863a5119842841', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'a1b19375d9e7cd6ec6aaf86daa0b50f0af41aea6', class: "p-2" }, h("form-control-date", { key: '910a6d4dd397c09eaba5037f387014266de019f4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '482b4781f039e885ce1782e2817739fbc79994e5' }, h("payouts-list-core", { key: 'f38ce3000c1b7bc7f93aa5a1a4e87858f39d1456', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '444ba614ceace536170e1e068b67d33b6a876c14' }, h("payouts-list-core", { key: 'ff27c97d2a7f9c89f5028e0430585f88330564db', 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: '165e4a32d1a9c08e52576b5bc29ccfcefe36c901' }, h(TableComponent, { key: '6fec3d331f481b0fe6488280a92218e5d8fc1f77' }, h(TableHead, { key: 'be6a58cf42340c57a69d318505303b2b57dda95f' }, h(TableHeadRow, { key: '9494a04cae6813f97aa12ed4e55c895e94b65bbc' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '565f3c2926faf4ae3df467a2cb821d2eefeb3aeb' }, h(TableLoadingState, { key: 'efe1df2bb6f265f55c32f00eb96db9de0345b4fa', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'eefada1295540978a343b57e9c9f8db682d8e253', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd9573a23d48c3f9fa9ae058fed10c9ff86b0f8d1', 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: 'e2886d185e242403135d728462cfa662e505eaf6' }, h(TableFootRow, { key: 'febff4f8d1c4a5788af0e6516089fb8e6a834225' }, h(TableFootCell, { key: 'd2a8c50a3180677d369994a1696a32ab53dbe062', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '5aa06ad17ef486e90057df7665e872ea86ecc097', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '5ed13f6d5182b8c0b4306dfdcf1848c0c7a0daad' }, h(TableComponent, { key: 'dc26aa0f638d9bbe6fc7cd610b99165c60e0db6b' }, h(TableHead, { key: 'f811f2d0e7d30dcd2b9a87e0d3a2382cb32c37fc' }, h(TableHeadRow, { key: '52aae5b8d3cb27e9803c1a80f90c78ee212354ca' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'f648b8c5c047cb50dfdac27ec8038da24ac4a661' }, h(TableLoadingState, { key: '8fc30bba3f83418c470f53b647e3476518c330c4', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '12cf0cfe75ccb382b10b30f338d7c3ec0365bec8', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '9fc6b5c58b7cfb7371e060497f69896e886c14d1', 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: '99b405dfc9d5781611d924d9bcc50ca9c39e1cad' }, h(TableFootRow, { key: '7e8c19b85ef6f7f097e30cdae9cf82329a576d10' }, h(TableFootCell, { key: '5b1ab65c79560ecf66b0f50177b9f88fa6346b66', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '97491bdd1b6cf81597e35bb4c17bd99eb685928c', 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

@@ -1,9 +1,10 @@
 import { h } from "@stencil/core";
+import { debounce } from "lodash";
 import { filterParams, propsParams, clearParams } from "./terminal-orders-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { TerminalOrderStatus, TerminalOrderType } from "../../api";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
-import { terminalOrdersListFilterMenu, orderStatusTerminalOrdersListFilterParam, orderTypeTerminalOrdersListFilterParam, createdAfterTerminalOrdersListFilterParam, createdBeforeTerminalOrdersListFilterParam } from "../../styles/parts";
+import { filterMenu, filterParam } from "../../styles/parts";
 export class TerminalOrdersListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -15,11 +16,13 @@ export class TerminalOrdersListFilters {
         };
     }
     componentWillLoad() {
+        this.debouncedSetParamsOnChange = debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             order_status: this.orderStatus,
             order_type: this.orderType,
             created_after: this.createdAfter,
-            created_before: this.createdBefore
+            created_before: this.createdBefore,
+            company_name: this.companyName
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -47,9 +50,9 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e10311bf0cdb5aab7ec7a96a05216bc39231db77' }, h("table-filters-menu", { key: '9402f8bd704c5d76504f0c7b3da78b51c519f69d', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '87af1b11432fc9dab0ce81e763e417e04d024dcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b12db0f4cb4dd0256406db39cd585fbcb301f6e9', class: "p-2" }, h("form-control-select", { key: '50137d63a0f8fbf71fd0c49cb9227f180a5a4277', 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: 'aa5c6e5115a8e5fc0394fc36823a229643659968', class: "p-2" }, h("form-control-select", { key: '4b5d54c20275ff4951f9f26d780dfeab609a7b0e', 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: '6f1f85268e131865bcfc27395ca90b86f9e9aa30', class: "p-2" }, h("form-control-date", { key: '4c2173c3992e6dfd10d133c106e2b706d3ad6d10', 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: 'cc629832d18b1de06b3f513ca80648e4cf10f439', class: "p-2" }, h("form-control-date", { key: 'a4bb24199f37fce8f3971262fbe9cd62af7a18f5', 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 }))))));
+        return (h(StyledHost, { key: '7159c35aaf59635ec803fdfa8383817b50336a5d' }, h("table-filters-menu", { key: '864c07364558f1a6bb5b8cfd4ccee1f085c00d5e', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c64f2a25818f2371d61451957daa3fd0af55e471', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6809faa0d674e8f27bf3f426d07b1b3941d21544', class: "p-2" }, h("form-control-select", { key: '50cab5765526405a4d2270400010961474f8059c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'e37bd6e54c5067ac6cf0d39ff258fb28eee3f582', class: "p-2" }, h("form-control-select", { key: 'ad3d829ef5c1c4e91e2eeaa45a34e54d1bb96473', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'bf26251fa2b4fffa9f33371e326fb05ceb214683', class: "p-2" }, h("form-control-date", { key: '282bb83c3e86fc9f98e9bc87579f2e742b2acbe4', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '71ca8988d5093967310a2f7d93e4c81d96cbeeb4', class: "p-2" }, h("form-control-date", { key: 'dc4cc17eb30d59e7ecdee0ddfc34f19d49a1edc5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: 'ca3d55cc2edabd65f42774bb64e26d840878c265', class: "p-2" }, h("form-control-text", { key: 'ccd777ad6fa3ac8af792e56507d938d5b1684d86', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -142,6 +145,25 @@ export class TerminalOrdersListFilters {
                 "setter": false,
                 "reflect": false,
                 "attribute": "created-before"
+            },
+            "companyName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "company-name"
             }
         };
     }

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

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '19a055907283ae2a126bdb2a509c3a4a991521f2' }, h("terminal-orders-list-core", { key: '04df9d1ce1cca14b07e879137abbced011d02486', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4e2bbec59afc1541991ffa285010a144e134fa96' }, h("terminal-orders-list-core", { key: '5437117ec45fd7bf3ed81c0d373e5a50edd5b3cd', 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: '73696e93d767ca2ce57663c49e5db63a0f4978c2' }, h(TableComponent, { key: '4a70e805379f666560fce4d0c4f98217e6f371cc' }, h(TableHead, { key: '8dd564e628a29b076ee896289abd7952933694ee' }, h(TableHeadRow, { key: '99672e6b3df7d9105b29bfcf8881669c79d522ef' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '347c3cf280897589cbe616bd19af68fad3c83bc0' }, h(TableLoadingState, { key: 'd82d2bb2c34aa673b6a9f307c18184b6ca51047f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'df70204e1a316aa7208407880e1b37305a74f018', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2078ff1f374cb352069a5efee111303d18fac65f', 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: 'b1ff579488cf7d238373c347066bf8537f6aebb1' }, h(TableFootRow, { key: '04d02b83cda0d175f13c8848db19c5cb9b9682a1' }, h(TableFootCell, { key: 'ac311f37baabc3ea2cb0d60bc5b1c54f4638a8e2', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'deeab93ca320e3cc3a33926468b9652f3a9aa3a5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'babe023df8ec976de3e284e80d8e0ec0b2c19b79' }, h(TableComponent, { key: 'd2d5f53cc2d743917ec8fd15f0f69efe75727501' }, h(TableHead, { key: '1a078b11b484d4e6ebfc3ccc5aefc69f99faae79' }, h(TableHeadRow, { key: '8776607ed0d4c15010132a7f27966213ea816092' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '61905ac71df9b3d268a77771b382b928ed5aa01a' }, h(TableLoadingState, { key: '7929fa99216050360f2b36fcd2ec06dec6da0e3a', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8bac75644df059915e3852ef472e8e4edd687026', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '34968591017d975c8d13a9cf532f378e52e11d55', 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: '641649961418c64af80a4ab3e63bbbee2fb71076' }, h(TableFootRow, { key: 'a2355762274b2ce15217ff86cac3e2ddecf7569d' }, h(TableFootCell, { key: 'f5d8fd0878a3bdc9e93b1e2f08654f51c8bbba2f', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '64e85e2ffc0280af6caf521fed496cc41df0a8b3', 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

@@ -4,7 +4,7 @@ import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { filterParams, propsParams, clearParams } from "./terminals-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { ITerminalStatus } from "../../api";
-import { terminalsListFilterMenu, terminalIdTerminalsListFilterParam, terminalOrderIdTerminalsListFilterParam, terminalStatusTerminalsListFilterParam, createdAfterTerminalsListFilterParam, createdBeforeTerminalsListFilterParam } from "../../styles/parts";
+import { filterMenu, filterParam } from "../../styles/parts";
 export class TerminalsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -22,6 +22,8 @@ export class TerminalsListFilters {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
             terminal_order_id: this.terminalOrderId,
+            provider_id: this.providerId,
+            serial_number: this.serialNumber,
             created_after: this.createdAfter,
             created_before: this.createdBefore
         };
@@ -43,7 +45,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0d4ac75610bd23b78f079d4f4eaf45345fa48cd4' }, h("table-filters-menu", { key: 'c580d67c2c1c95fdbfaa50ea355206d8772c8440', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9d2d456d0806c48f73c9a035ca0f8f618390c644', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '93e926024eaaa5bc511c8c51daa8bab9704d8c89', class: "p-2" }, h("form-control-text", { key: 'c19f3177124b48882245ce4d11ef7735bb9cfd28', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '78fc5aa6166a6e1a7f768584e73212dca1348461', class: "p-2" }, h("form-control-text", { key: 'd1ab7159dff99ca779fd4e3cd19e1c247cea2ec4', 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: '379f81c0242ceffc472cb5d502cebb0606f2d8c3', class: "p-2" }, h("form-control-select", { key: 'f5e7ed2157eacef4ab8ae560c15680b66049a044', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam })), h("div", { key: 'dc39eea94a616f40e896e9ce4c19e1d812419188', class: "p-2" }, h("form-control-date", { key: '403667bf603268954cc3982ba66d47badbcce911', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalsListFilterParam })), h("div", { key: '8a5ac2f05771f42b971e721277476194e2e92f4e', class: "p-2" }, h("form-control-date", { key: 'ae4d9ef25a06a319bdddda5c7023a69b9610ad49', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'ea9cfa8869d60008543e9ede0bc59ab6a6609fa4' }, h("table-filters-menu", { key: '2d72b1ead7a4d0bb039b940c90503ca55b69bdcb', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '91494def7efaf06c16bfd6f2d8ffa4e6239b40dd', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ea22abc671da4fad410be76055b2d7a3af98ae31', class: "p-2" }, h("form-control-text", { key: '053d7fda60174f71f35094bd11603ad00bfa8a76', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '531a673018101150063bf4a5c29be3bbd3a47d46', class: "p-2" }, h("form-control-text", { key: '01c0bcfcd4a8b45fc6d804d025bd2f99c96815a5', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '3993c108c61dcc898f9feb965277d00fb6583de7', class: "p-2" }, h("form-control-text", { key: 'c28496ee67ed5e2d954b970fd1e8b4802f4f2847', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '8e7022438f266b7bfaf182593e32b7f85646e093', class: "p-2" }, h("form-control-text", { key: '855d524235f46809d236d0d8d4e11d5a0553114d', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: '48e099d2a8b600b11919945e99fd17559ba1b019', class: "p-2" }, h("form-control-select", { key: '4789b9f39ad91d7b8ca2e6614b8196ed48a4615a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '4a07808567f36acfa238709f41f8642a83c54b7f', class: "p-2" }, h("form-control-date", { key: '1f35753ff8c241555adfbfff02af8a2640ad3905', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'e9a3d3687026fb492c1b3bb33201f942a7cd07bc', class: "p-2" }, h("form-control-date", { key: '0fd59dce1c8cd1d44f1f2f1524c75f459f59e54b', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -87,6 +89,44 @@ export class TerminalsListFilters {
                 "reflect": false,
                 "attribute": "terminal-order-id"
             },
+            "providerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "provider-id"
+            },
+            "serialNumber": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "serial-number"
+            },
             "terminalStatus": {
                 "type": "string",
                 "mutable": false,

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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dde640eb10f9e0f8e817afed66410042642b47e6' }, h("terminals-list-core", { key: '7e6a67f075c10cdedcd6e133aeedcd2fa9ba45ad', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'dbcf761d5519eb8d0170a7ff63dbba9e86a80931' }, h("terminals-list-core", { key: '6c74ff8e53cd94168a8d67bdea937be2c058d791', 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: 'bb6a2e0eec485c96a756c504a278670804be0634' }, h("form", { key: 'f12f65c8fbe45e86418be9d3c2ff1107e292c86d' }, h("fieldset", { key: 'becda77faf80fd8b1e6d967cc4ead3d4adc3b6e8' }, h("div", { key: '0419c1843747f59e68800ae3e2c78096b32605b0', class: "row gy-3" }, h("div", { key: '8724f40a13bc62808f6e99cced2f8d7419b22d53', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ec9c0e2f6a85976d68e3dc939cd2826bfbd840d8', class: "col-12" }, h("justifi-button", { key: '1c4b6a83c8357e15eaba071ea2fb8ba82b4c978c', 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: '86d79320ea44f9e791ab91739075d160769743fb' }, h("form", { key: 'd8b62d8d0442085822a51eeaef816809e2bd1f05' }, h("fieldset", { key: 'c792bba0b82c19f05ce551b95157479d407113e2' }, h("div", { key: '57e93910091e25344a371ac081aa657c683049b4', class: "row gy-3" }, h("div", { key: 'bc63e26c74b247ec4d5d5ee9510d8370b9e36f17', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '1d9acd0beee80e8b339204d7328a0d2e9078b9a3', class: "col-12" }, h("justifi-button", { key: '18a968b57420f0690e6f6c98b5e108f769b61d4b', 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() {

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: 'eeef0082ce936beae8d4ca51bb23bd7c965191ee', 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: '136cf8d3b079e2c0fb08fd55900a0c540ad43497', 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"; }

package/dist/collection/styles/parts.js

@@ -20,7 +20,14 @@ export const button = `button ${text}`;
 export const buttonPrimary = `button-primary ${button}`;
 export const buttonSecondary = `button-secondary ${button}`;
 export const buttonDanger = `button-danger ${button}`;
+export const buttonSuccess = `button-success ${button}`;
+export const buttonWarning = `button-warning ${button}`;
+export const buttonInfo = `button-info ${button}`;
+export const buttonLight = `button-light ${button}`;
+export const buttonDark = `button-dark ${button}`;
 export const buttonLink = `button-link ${button}`;
+export const buttonOutlinePrimary = `button-outline-primary ${button}`;
+export const buttonOutlineSecondary = `button-outline-secondary ${button}`;
 export const buttonLoading = `button-loading`;
 export const buttonDisabled = `button-disabled ${button}`;
 // Input
@@ -104,43 +111,4 @@ export const billingForm = `billing-form`;
 export const checkoutSummary = `checkout-summary`;
 // Filters
 export const filterMenu = `filter-menu`;
-// Payments List Filters
-export const paymentsListFilterMenu = `${filterMenu} payments-list-filter-menu`;
-export const paymentsListFilterParam = `payments-list-filter-param`;
-export const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
-export const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
-export const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
-export const paymentModePaymentsListFilterParam = `${paymentsListFilterParam} payment-mode-payments-list-filter-param`;
-export const checkoutIdPaymentsListFilterParam = `${paymentsListFilterParam} checkout-id-payments-list-filter-param`;
-export const accountHolderPaymentsListFilterParam = `${paymentsListFilterParam} account-holder-payments-list-filter-param`;
-export const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
-export const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;
-// Payouts List Filters
-export const payoutsListFilterMenu = `${filterMenu} payouts-list-filter-menu`;
-export const payoutsListFilterParam = `payouts-list-filter-param`;
-export const statusPayoutsListFilterParam = `${payoutsListFilterParam} status-payouts-list-filter-param`;
-export const createdAfterPayoutsListFilterParam = `${payoutsListFilterParam} created-after-payouts-list-filter-param`;
-export const createdBeforePayoutsListFilterParam = `${payoutsListFilterParam} created-before-payouts-list-filter-param`;
-// Checkouts List Filters
-export const checkoutsListFilterMenu = `${filterMenu} checkouts-list-filter-menu`;
-export const checkoutsListFilterParam = `checkouts-list-filter-param`;
-export const statusCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-status-checkouts-list-filter-param`;
-export const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment-mode-checkouts-list-filter-param`;
-export const checkoutIdCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-id-checkouts-list-filter-param`;
-export const createdAfterCheckoutsListFilterParam = `${checkoutsListFilterParam} created-after-checkouts-list-filter-param`;
-export const createdBeforeCheckoutsListFilterParam = `${checkoutsListFilterParam} created-before-checkouts-list-filter-param`;
-// Terminals List Filters
-export const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
-export const terminalsListFilterParam = `terminals-list-filter-param`;
-export const terminalIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-id-terminals-list-filter-param`;
-export const terminalOrderIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-order-id-terminals-list-filter-param`;
-export const terminalStatusTerminalsListFilterParam = `${terminalsListFilterParam} terminal-status-terminals-list-filter-param`;
-export const createdAfterTerminalsListFilterParam = `${terminalsListFilterParam} created-after-terminals-list-filter-param`;
-export const createdBeforeTerminalsListFilterParam = `${terminalsListFilterParam} created-before-terminals-list-filter-param`;
-// Terminal Orders List Filters
-export const terminalOrdersListFilterMenu = `${filterMenu} terminal-orders-list-filter-menu`;
-export const terminalOrdersListFilterParam = `terminal-orders-list-filter-param`;
-export const orderStatusTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} order-status-terminal-orders-list-filter-param`;
-export const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} order-type-terminal-orders-list-filter-param`;
-export const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
-export const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
+export const filterParam = `filter-param`;

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

@@ -1,13 +1,37 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { h } from "@stencil/core";
 import { ButtonSpinner } from "./button-spinner";
-import { buttonLoading, buttonPrimary, buttonSecondary } from "../styles/parts";
+import { buttonLoading, buttonPrimary, buttonSecondary, buttonSuccess, buttonDanger, buttonWarning, buttonInfo, buttonLight, buttonDark, buttonLink, buttonOutlinePrimary, buttonOutlineSecondary, } from "../styles/parts";
 export const Button = (props, children) => {
+    const { variant, isLoading, className, class: classProp, clickHandler } = props, rest = __rest(props, ["variant", "isLoading", "className", "class", "clickHandler"]);
     const variantToButton = {
         primary: buttonPrimary,
         secondary: buttonSecondary,
+        success: buttonSuccess,
+        danger: buttonDanger,
+        warning: buttonWarning,
+        info: buttonInfo,
+        light: buttonLight,
+        dark: buttonDark,
+        link: buttonLink,
+        'outline-primary': buttonOutlinePrimary,
+        'outline-secondary': buttonOutlineSecondary,
     };
     const getCSSParts = () => {
-        return `${variantToButton[props.variant]} ${(props.isLoading) ? buttonLoading : ''}`;
+        return `${variantToButton[variant]} ${isLoading ? buttonLoading : ''}`;
     };
-    return (h("button", Object.assign({ class: `btn btn-${props.variant}`, onClick: props.clickHandler, part: getCSSParts() }, props), props.isLoading ? ButtonSpinner() : children));
+    const extraClasses = className || classProp || '';
+    const computedClass = `btn btn-${variant}${extraClasses ? ` ${extraClasses}` : ''}`;
+    return (h("button", Object.assign({ class: computedClass, onClick: clickHandler, part: getCSSParts() }, rest), isLoading ? ButtonSpinner() : children));
 };

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

@@ -108,7 +108,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '5f2a199c8ba46d671aecf3353d0a5e9f097ae624' }, h("style", { key: '16d49b4c455c3adc137f8084d0030198cc77addb' }, `
+        return (h("div", { key: '7a5bab9f568f74c4cc7635a5844ca9a48c506521' }, h("style", { key: '9d073f9cc6b46141f05def0a5fa51d61ce2ec1b0' }, `
           .popper-content {
             display: none;
           }
@@ -116,7 +116,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '6722fe951e327d7f9671df0c30a82c42887169f7', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '53f6a2dbcdf62bc4b958f3abcaa357ec86fad8cf' }))));
+          `), h("div", { key: '7cea0b75df433ed9b5a8e46b015814a954f47c99', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6a6f628864ce86989413f80b8a39f7fe089d6633' }))));
     }
     static get is() { return "custom-popper"; }
     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: '85a09c6f209dbfbf3fd319953e65c189a9b7459b' }, h("div", { key: 'e133720b466b49bcdfd79bf84e865b4d99d5d37d', class: "form-group d-flex flex-column" }, h("div", { key: '80e2986fb137ab7067451a9c62e685e340e32976', class: "d-flex gap-2" }, h("label", { key: 'c6402fdecf21a836987b5a8ddb597d90e21a1926', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '314f8cb1d8715da046c47b66815bf37c1506ed3e', helpText: this.helpText })), h("input", { key: '5591aa3f855ae88394fabaf127ae1fe587c7e0a5', 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: '04fe677b669177d1ea7d4e8e426d190b74118a02' }, h("div", { key: '9b1479566eeba80113ccf466f8eaf56efce2da47', class: "form-group d-flex flex-column" }, h("div", { key: '81f2620f428f5d9c7caeb0973dacc942337207b2', class: "d-flex gap-2" }, h("label", { key: '8e483165943647e63dcf2eea780582f0ea77dce8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '44162246cc52b4e6600b1c1399de588d98d28a15', helpText: this.helpText })), h("input", { key: '87cc9774e38ff9de3067c9f750afc6312eb72993', 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: '39864e02b813e9a4a46f9d42c5288dea14f934b7', 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: '8a34b1155e7f0e732de278f61bd8eef223bf69ef', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

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

@@ -7,7 +7,7 @@ export class FileInput {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '9ae20e0fa6175e68642be79ada4f3464631be680', exportparts: "label,input,input-invalid" }, h("div", { key: '607cd1269298725d8f4300f1b56adb945c361067', class: "form-group d-flex flex-column" }, h("div", { key: '5490713d71075bf5a273ec1e39d3a7db525d11ff', class: "d-flex align-items-start gap-2" }, h("label", { key: '1fcac0b30532d33c296884133991d72dfdbddd37', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e06af0a48fb6dacc82f3730fb7f39b180a3375a3', helpText: this.helpText })), h("input", { key: '7ec47dbbad4a53b3ac6f513e82c67c27ce54498c', 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: '265cfe1af1dcebdca02b538872b4f2c4a6c57309', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '852cd7deb91a1305b0941c90f1ea0b00ee2a9f69', exportparts: "label,input,input-invalid" }, h("div", { key: 'd1c094c73bb6414137f5e1acfd38c0048debef27', class: "form-group d-flex flex-column" }, h("div", { key: 'da46f17f893e4c9557725294404e2451f001ffec', class: "d-flex align-items-start gap-2" }, h("label", { key: '1197fab50023e2028d8eb18a40e7675c3cb88283', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e0834b634350912a26ce08f0d5f1a2dca824cd9f', helpText: this.helpText })), h("input", { key: '98fad302f019cc8abd081834ae006f406d457d5b', 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: '71c5a49575314fca8a6f4434c0634a3cdf82b084', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

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

@@ -40,10 +40,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '8172f7df27c42c6d5211d29ef595dd2e4dbd9def' }, h("div", { key: '99740d980c280502242ee1cdcee2a3df6ba53146', class: "form-group d-flex flex-column" }, h("div", { key: '5fb94f2b710d5fd734172ee91b59621d736e129b', class: "d-flex align-items-start gap-2" }, h("label", { key: '12fedf016c7d789fad8692c7ae03975481964005', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6d59be5a27d3c9a171292244fc9e9bb598b9ecce', helpText: this.helpText })), h("input", { key: '64c7d9eaa46f95714d5527cf94d28c206065a411', 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: '5dae73a138845ac8e08102905fb9ccae526519b5' }, h("div", { key: '38fa7c7c23abf18530a1508e93dee487382f8456', class: "form-group d-flex flex-column" }, h("div", { key: '3c90cfef275acbc2383f3af046b342408e524659', class: "d-flex align-items-start gap-2" }, h("label", { key: '65af257367512c58f75bff6ecc09248148c0929f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd54ddf27dd6197f52487e342963e442dc04aa459', helpText: this.helpText })), h("input", { key: '033108ddee4cac2aca98bcde260ab391e24b8ce5', 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: '9610c0676934fd616fbdac08e98a102240773084', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '81aec26bc0781bbcfe531d37c0dd4bf6966ef9ce', 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: '9fcce717caf2a14382e8a66c07a023ec31bffce0' }, h("div", { key: 'a5ef7195ec5904764f69c2987b1d1878a2d5be8d', class: "form-group d-flex flex-column" }, h("label", { key: '75cf2a0d4790426df3956a69ea2483aba3e232ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'daabe1b4779cea9af67b5bafcc8244d32bcc4775', name: this.name, helpText: this.helpText }), h("div", { key: 'fbe335cf9e131842e9218befcf51535d1012f4f1', class: "input-group" }, h("span", { key: '389b0a9697af6e81b350c41956bc36033dc151a2', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '28a854f05c8a2476002b22baf5c5958fac9a4ec2', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2c0e7cdc644343a61c87852733ee805739ecaaa1' }, h("div", { key: '998eb7ec3125af116e876e837982d2f37285ce4c', class: "form-group d-flex flex-column" }, h("label", { key: '90cff5cbb09cf4f39c04c12c10eae45a6ada97c5', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'be23587b830c4e6e96abcd53a78108543c5ad1c4', name: this.name, helpText: this.helpText }), h("div", { key: '6f47b9e86f4af9c641f26dc631fabc917bc06e8c', class: "input-group" }, h("span", { key: '0e39a178edf94795851c0c52dc054a8a61c2643b', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8bb615087578002c9990dbf7528536ae2cb7aa01', 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: 'cfbdf17dcc9d55951ec39951f236cb0a5242e8cc', 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: 'd97f18500d2fe6cf23bad8a872f1d0e965ccb114', 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

@@ -63,10 +63,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '6fc95da2f8a43f319b11205b6d27b5e24b1e2586' }, h("div", { key: 'b51ae7976fee61e38d6f00f31cfaa835733db5f3', class: "form-group d-flex flex-column" }, h("div", { key: '16aed34d97424e168fa74d1fdb5757537f56b4b1', class: "d-flex align-items-start gap-2" }, h("label", { key: '7b1fdf28df1ab377b1b756746fb73f42085baa42', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '391b4373fcb966ba8c65c617167f044bd0d901f1', helpText: this.helpText })), h("input", { key: 'fb893ef4da1e43f72031baef93aa2c5a3a1632b9', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '8e8abaf2afd497cf83ef9661374606b899c0f730' }, h("div", { key: 'b9281582a6dc56d34e67541ecf7eda264d911f97', class: "form-group d-flex flex-column" }, h("div", { key: '41816d8d12b7feca244efee7df3afae3594ac687', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c41b28d631cccb4f21ae61763e7afbc866475cc6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd665eb4abc33a53389d9417fa83b8bff46af90ef', helpText: this.helpText })), h("input", { key: 'fbfa6e0768f52ad5e5a92609e9cb1d8c8bd34966', 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: 'b67a3581cb5058971fb2f356a181ca8f0de2a9eb', 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: 'db0b75ce2d99e1707b383c0d443416b42f4b620e', 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

@@ -37,10 +37,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '3438aa7e29c62b01f202cfb83f3b23c6b71d9a83' }, h("div", { key: '2af4fa9f963e16f68fe0d3a4a7ff73165946306e', class: 'form-group d-flex flex-column' }, h("label", { key: '1d7bf268b70b9be39256020873978aac019a17b7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4dbb9f25278df06fd483e25ba4d9855943186090', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7d26854332ed1db6e00ee16ec336e409d250df9e' }, h("div", { key: 'f32c52eba6c4248318713da7f18e3f10f3eb11f0', class: 'form-group d-flex flex-column' }, h("label", { key: 'c3ecbd98d9e29692715faa68c9f432df76a7348e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4eedd84af0d8520271bbc0fcd892d0ca1115d20a', 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: 'fd72f2218b307641bcb8f3584f3b5db11303cfff', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fb9c995763d6c3193777586a1cb485447323cd98', 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: 'a2692df1434bd7202f8ab5062d37ec309a1c6405', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '958a10550de7a048fa17055cf35ac344fa1b77d8', 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

@@ -29,10 +29,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '4c7fb3b2ece714d07e8b4b8ee7745591d40554bb', class: 'form-group d-flex flex-column' }, h("div", { key: '63c62c7ffa6af6a092b1f526251406c0f08243d1', class: "form-check" }, h("input", { key: '1835d67a41dfab9abd3465c2a072303c9b7ef22c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fcb9bd7844b2e2f2e6407a8e61518c6ace87a5a2', class: 'form-group d-flex flex-column' }, h("div", { key: '189a20da8a1731e58c6acfefc1b9ee3c69fab51b', class: "form-check" }, h("input", { key: '10d4f36dda13f27ee7e142b5e7f6d968a959fc99', 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: 'a06621a85f0d2c7a4db4ebabbbf8dfab45c9f4a3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '9d2c0d198f186946ab585ccc1488cfdeddfef211', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7245f045ebf9c7633eea9784ad9b5348b06a0f93', 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: '3b197897facca29a319ed9837657e9f21b1bbf5b', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '9a6916c08a3a36ab071d80d62465e9278aa7ab97', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'ef989f755e5abd3d4a4569fb31dcdb534b0ceee2', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

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

@@ -35,10 +35,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: '649b0ca4cb24c5a179ac01db344d53ac4481dbbd' }, h("div", { key: '1976f3076b0cd47ead27e9acc9c71bda01623e56', class: "form-group d-flex flex-column" }, h("div", { key: '1610a472997ce0d6c8bb8e3e9e43096cfa442dc3', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a25d6b0d6d2b51d8e2c61afe945eb9fe3ab0e6d6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e9a891ffdb7910ac1ac6b94e98042e87f4ae0ad1', helpText: this.helpText })), h("select", { key: 'c56535aeb6701fbcb21fc64fdf449f23f8ea8876', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b648fe3ee0eb7a0ab3193a4a2af2bd3ff0259c67' }, h("div", { key: '080b8394a2372987e60c6a2a5f12248b6757f0c0', class: "form-group d-flex flex-column" }, h("div", { key: '3dc9a2e4149bfeb4a2149e939a7d6a5c23ac7a1d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e75008716af1607f78b86d094c8437f249e232f7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f11fbd1bc45491db16bf50b767d9de64e3061aca', helpText: this.helpText })), h("select", { key: 'caa48e738c2539f157aeaaa246be4b828fd1dbb7', ref: el => (this.selectElement = 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-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '441e66367708e5653b483acd6a9834da391a6a0c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'c3f9c19129e0cdad72e567b7edc036ab9f686a5d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '5f8effb66b11a0569925e7160a32f043a62f8888' }, h("div", { key: 'bf4b6f85fbd183845daf41768b0c5e9e69ff2961', class: "form-group d-flex flex-column" }, h("div", { key: 'cc0b6e98179b9492602b8fbbf7a31e852af7806c', class: "d-flex align-items-start gap-2" }, h("label", { key: '42a660902f9d062bf461cf51618863fc9cbe6d96', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'b2d8dfaa3ead8544d6ff9c29b990de936ca73fbe', helpText: this.helpText })), h("input", { key: 'dd993e2c00a5ce2d08b3de5ef0b37bb35183c90b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dd36cf4579d1509c825cd204680df5368b73ee81' }, h("div", { key: 'b132778abe33e23ecb769dbc8ac5e97ac3b55816', class: "form-group d-flex flex-column" }, h("div", { key: 'ee12f7b5281b930aa180b9a29653cb32eaaf642f', class: "d-flex align-items-start gap-2" }, h("label", { key: '3ed5821ff735cef7bea9782c5d013848e4ce3c43', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd2efd753e723f51cab216c9f571ab9b41500fac7', helpText: this.helpText })), h("input", { key: '34c413363e78224da4f69cca441ec8b5766d19ed', 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: '99b4246d2be3389bfc4b790f6aebfaef193942d9', 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: '2707a89236283522ef8b35ddb371e302fb17d00c', 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

@@ -42,10 +42,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '361916c679e9bead548bb19080d7365a83dfe444' }, h("div", { key: '5c562f95399854ad9855281067d90b5378b10f36', class: "form-group d-flex flex-column" }, h("label", { key: '93617701dac9c5e181bfc781336fa88341731b9b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '342904cb39293458fb7fc2c951539e39f7eaff8b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c2f4587d1cbfdfea257b5a6649f6cf4f59bedff9' }, h("div", { key: '381c1aab5057b7ba2c736fb4fecdccfe40ee2d5e', class: "form-group d-flex flex-column" }, h("label", { key: '4bb62b512792bd76d9dc3ebadf06c2a35cf474f7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '50e0c18dd7d18675f6c947ee8136856dc535c580', 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: 'fd9b7d6b6eab0a78d92efb06d0dcdb3c07ed69f0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5250f3229a5b1315b5a0bcf93512fcfc52ce5a1', 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: 'f90c3f3ccf76277c433b93d14196b41e9447246d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '281a97d333c2e383a73aa016cb88ee71dcb85b2a', 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

@@ -87,7 +87,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '05cefc92dac95360d470070c64fbc0318c666214' }, h("input", { key: '02c9a6001a394b96cbc09b6d906287b81c20e98f', 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: '5697b5e318914b8866bc6ad2fb2009e5f8c8d80f' }, h("input", { key: '3370d11bc6e5a49f28dd2e95bf1d92ee7a0dd892', 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() {