@justifi/webcomponents 6.12.7-rc.3 → 6.13.0

package/dist/collection/components/qr-terminal/justifi-qr-terminal.js

@@ -0,0 +1,349 @@
+import { h } from "@stencil/core";
+import { makeGetCheckout } from "../../actions/checkout/checkout-actions";
+import { CheckoutService } from "../../api/services/checkout.service";
+import { CompletionStatuses, ICheckoutStatus } from "../../api/Checkout";
+import { ComponentErrorCodes, ComponentErrorMessages, ComponentErrorSeverity } from "../../api/ComponentError";
+import JustifiAnalytics from "../../api/Analytics";
+import { checkPkgVersion } from "../../utils/check-pkg-version";
+export class JustifiQrTerminal {
+    constructor() {
+        this.pollIntervalMs = 3000;
+        this.pollTimeoutMs = 600000;
+        this.terminalState = 'loading';
+        this.paymentStatus = '';
+        this.errorMessage = '';
+        this.pollIntervalHandle = null;
+        this.pollTimeoutHandle = null;
+        this.failedDismissHandle = null;
+        this.seenCompletionCreatedAts = new Set();
+        this.inFlight = false;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initialize();
+    }
+    disconnectedCallback() {
+        var _a;
+        this.stopAll();
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    propChanged() {
+        this.stopAll();
+        this.initialize();
+    }
+    suppressInnerErrors(event) {
+        // Suppress error-event bubbling from inner justifi-checkout-qr-code
+        event.stopPropagation();
+    }
+    get effectivePollInterval() {
+        return Math.max(1000, this.pollIntervalMs);
+    }
+    initialize() {
+        if (!this.authToken || !this.checkoutId) {
+            this.errorEvent.emit({
+                message: 'authToken and checkoutId are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        this.terminalState = 'loading';
+        this.getCheckout = makeGetCheckout({
+            authToken: this.authToken,
+            checkoutId: this.checkoutId,
+            service: new CheckoutService(),
+        });
+        this.getCheckout({
+            onSuccess: ({ checkout }) => this.handleInitialLoad(checkout),
+            onError: ({ error, code, severity }) => {
+                this.terminalState = 'error';
+                this.errorMessage = error;
+                this.errorEvent.emit({ message: error, errorCode: code, severity });
+            },
+        });
+    }
+    handleInitialLoad(checkout) {
+        var _a;
+        switch (checkout.status) {
+            case ICheckoutStatus.expired:
+                this.terminalState = 'expired';
+                this.checkoutExpired.emit({ checkoutId: this.checkoutId });
+                this.errorEvent.emit({
+                    message: ComponentErrorMessages.CHECKOUT_EXPIRED,
+                    errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+                break;
+            case ICheckoutStatus.completed:
+                this.terminalState = 'completed';
+                this.paymentStatus = this.resolvePaymentStatus(checkout);
+                this.checkoutCompleted.emit({ checkoutId: this.checkoutId, paymentStatus: this.paymentStatus });
+                break;
+            default:
+                ((_a = checkout.completions) !== null && _a !== void 0 ? _a : []).forEach((c) => this.seenCompletionCreatedAts.add(c.created_at));
+                this.terminalState = 'ready';
+                this.startPolling();
+                break;
+        }
+    }
+    startPolling() {
+        this.pollTimeoutHandle = setTimeout(() => {
+            this.stopAll();
+            this.terminalState = 'error';
+            this.errorMessage = 'Checkout polling timed out';
+            this.errorEvent.emit({
+                message: 'Checkout polling timed out',
+                errorCode: ComponentErrorCodes.FETCH_ERROR,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }, this.pollTimeoutMs);
+        this.pollIntervalHandle = setInterval(() => this.tick(), this.effectivePollInterval);
+    }
+    tick() {
+        if (this.inFlight)
+            return;
+        this.inFlight = true;
+        this.getCheckout({
+            onSuccess: ({ checkout }) => {
+                this.inFlight = false;
+                this.handlePollResult(checkout);
+            },
+            onError: ({ error, code, severity }) => {
+                this.inFlight = false;
+                this.stopAll();
+                this.terminalState = 'error';
+                this.errorMessage = error;
+                this.errorEvent.emit({ message: error, errorCode: code, severity });
+            },
+        });
+    }
+    handlePollResult(checkout) {
+        var _a;
+        const completions = (_a = checkout.completions) !== null && _a !== void 0 ? _a : [];
+        const newFailures = completions.filter((c) => !this.seenCompletionCreatedAts.has(c.created_at) && c.payment_status === 'failed');
+        newFailures.forEach((c) => this.seenCompletionCreatedAts.add(c.created_at));
+        if (newFailures.length > 0) {
+            this.terminalState = 'payment-failed';
+            if (this.failedDismissHandle)
+                clearTimeout(this.failedDismissHandle);
+            this.failedDismissHandle = setTimeout(() => {
+                if (this.terminalState === 'payment-failed')
+                    this.terminalState = 'ready';
+            }, 3000);
+        }
+        if (checkout.status === ICheckoutStatus.completed) {
+            this.stopAll();
+            this.terminalState = 'completed';
+            this.paymentStatus = this.resolvePaymentStatus(checkout);
+            this.checkoutCompleted.emit({ checkoutId: this.checkoutId, paymentStatus: this.paymentStatus });
+            return;
+        }
+        if (checkout.status === ICheckoutStatus.expired) {
+            this.stopAll();
+            this.terminalState = 'expired';
+            this.checkoutExpired.emit({ checkoutId: this.checkoutId });
+            this.errorEvent.emit({
+                message: ComponentErrorMessages.CHECKOUT_EXPIRED,
+                errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    resolvePaymentStatus(checkout) {
+        var _a, _b;
+        const completions = (_a = checkout.completions) !== null && _a !== void 0 ? _a : [];
+        const sorted = [...completions].sort((a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());
+        const latestStatus = (_b = sorted[0]) === null || _b === void 0 ? void 0 : _b.payment_status;
+        if (latestStatus === CompletionStatuses.succeeded)
+            return 'succeeded';
+        if (latestStatus == null) {
+            return checkout.successful_payment_id ? 'succeeded' : 'pending';
+        }
+        return 'pending';
+    }
+    stopAll() {
+        if (this.pollIntervalHandle) {
+            clearInterval(this.pollIntervalHandle);
+            this.pollIntervalHandle = null;
+        }
+        if (this.pollTimeoutHandle) {
+            clearTimeout(this.pollTimeoutHandle);
+            this.pollTimeoutHandle = null;
+        }
+        if (this.failedDismissHandle) {
+            clearTimeout(this.failedDismissHandle);
+            this.failedDismissHandle = null;
+        }
+        this.inFlight = false;
+    }
+    render() {
+        if (!this.authToken || !this.checkoutId)
+            return null;
+        return (h("div", null, this.terminalState === 'loading' && null, (this.terminalState === 'ready' || this.terminalState === 'payment-failed') && (h("div", null, h("justifi-checkout-qr-code", { checkoutId: this.checkoutId }), this.terminalState === 'payment-failed' && (h("p", null, "Payment failed. Please try again.")), this.terminalState === 'ready' && (h("p", null, "Scan to pay")))), this.terminalState === 'completed' && (h("div", null, this.paymentStatus === 'succeeded'
+            ? h("p", null, "Payment received")
+            : h("p", null, "Payment pending"))), this.terminalState === 'expired' && (h("p", null, "Checkout expired. Please create a new checkout.")), this.terminalState === 'error' && (h("p", null, this.errorMessage))));
+    }
+    static get is() { return "justifi-qr-terminal"; }
+    static get properties() {
+        return {
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "auth-token"
+            },
+            "checkoutId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "checkout-id"
+            },
+            "pollIntervalMs": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "poll-interval-ms",
+                "defaultValue": "3000"
+            },
+            "pollTimeoutMs": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "poll-timeout-ms",
+                "defaultValue": "600000"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "terminalState": {},
+            "paymentStatus": {},
+            "errorMessage": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "checkoutCompleted",
+                "name": "checkout-completed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ checkoutId: string; paymentStatus: string }",
+                    "resolved": "{ checkoutId: string; paymentStatus: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "checkoutExpired",
+                "name": "checkout-expired",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ checkoutId: string }",
+                    "resolved": "{ checkoutId: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
+                    "references": {
+                        "ComponentErrorEvent": {
+                            "location": "import",
+                            "path": "../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "authToken",
+                "methodName": "propChanged"
+            }, {
+                "propName": "checkoutId",
+                "methodName": "propChanged"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "error-event",
+                "method": "suppressInnerErrors",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

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

@@ -50,9 +50,9 @@ export class JustifiTerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '05cb917a4f8573a7b2296b7f5eab4d8196fd291b' }, h("table-filters-menu", { key: '2dbd9b8b18c77fab46e010a75150d9addb50f2e2', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'cde85cfbaf0a8964fec8559da8f49ec05117adcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51f107f1b8fb27bf1efb05b1421b8623fbd759f0', class: "p-2" }, h("form-control-select", { key: '97b151015f75b866867921aaa7c8ad8fb299d68f', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '0a25022bd038dbbb21ddc8ca10f69cee88824597', class: "p-2" }, h("form-control-select", { key: '0df794e038df12ee6707616b93c4d39dfe76d287', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'd108794b60a691b0071359082ce6e6a1fc04543d', class: "p-2" }, h("form-control-date", { key: 'f36c5dc32d48d7c0986fe95c2c496fcd32de189c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'd1be3f6dc5ade503cb1a15089d491fa46391fa8b', class: "p-2" }, h("form-control-date", { key: '5dfe0ab05fb5f9297f2434aa26c83ad4831c3f73', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '13039fea471c09505187e8ea1bfbe67ced259572', class: "p-2" }, h("form-control-text", { key: 'b7b4307513b3f73c860138863da80ea372f2d726', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '287baf0a2de1287195105adbebd501d2bccd21d7' }, h("table-filters-menu", { key: 'b0112de1075f459780d01528f017780c9ceedb18', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'f9acabaf7d2edbe4eabb81edc92b2378ef563012', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e76d3b3771b8084fc5f6bf32fac2c75c3da87abb', class: "p-2" }, h("form-control-select", { key: '9c687e7202a310500e85d3cbce29268ac04cdd4a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '345ebc972663899a456a7a660863cd81a9770a87', class: "p-2" }, h("form-control-select", { key: '26879377755e826a1d1f236ab5e54a22415451e8', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '2a7df2b8c9a3bfbbd76cca1a732c01521b08dd34', class: "p-2" }, h("form-control-date", { key: '3fbceb80eaf7ae48e02221961317d8c77ec2c5a5', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '4c3c59ab54215591c5b0eb9a26c45a0265e48d96', class: "p-2" }, h("form-control-date", { key: 'aea46abb41595c0cc5d82edd0f1f09425c0a1701', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: 'e83af454cde29c12fcd6e2e37093bf70fd03718c', class: "p-2" }, h("form-control-text", { key: '3c5fe84b5883b7df6247ed1eba1a15871cb882b5', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -40,10 +40,10 @@ export class FormControlFile {
         return part;
     }
     render() {
-        return (h(Host, { key: '1f5c8bdc73c664cf40acb4f5b61db454bbda36a0' }, h("div", { key: '77f0007875132d26dd8df91dfb53386da9e15ce4', class: "form-group d-flex flex-column" }, h("div", { key: 'a6885165580120dbaffaedf60edf2e2cc9883a9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '489b6d49a60f8339722537084f64746e5625297d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc581e32bfb8935e79648c0a670bcb26bf225fe4', helpText: this.helpText })), h("input", { key: '34ddfe0796848feadcd6249ed861c5fa623840d4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9463f54c8850245de8d3ae92a45447fe8d2ce329' }, h("div", { key: 'fec5946a226ef5c270514e6b1f8a95de60d6bcb0', class: "form-group d-flex flex-column" }, h("div", { key: '95783cbeab704b1b970af6619191667991814e73', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c258720ecba808fcf18d3408569b4e391ca0e31f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '280b23806bc9616506eb56025318b5c6fe395762', helpText: this.helpText })), h("input", { key: '2fcdd1ad6c923de9b28587ee3d1349d0fdf021eb', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'df64bb1a0ac921da01fa8a4c3b63a8f5880781d2', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

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

@@ -42,10 +42,10 @@ export class FormControlMonetary {
         return input;
     }
     render() {
-        return (h(Host, { key: 'c91bf2d63e4cd717dfc472f5b16dac9c3e9fdd69' }, h("div", { key: '8f1eaae0f9dfbcc97adf788a5b955824dc68dbd2', class: "form-group d-flex flex-column" }, h("label", { key: '1965936a9e14612fdb8aec07e0def943e1e1344a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'dd517aee7a39c71c1fe98b6c53a4528c9d3826d5', name: this.name, helpText: this.helpText }), h("div", { key: 'bb62ed9e6c9db38f39581d7f86483a242330c295', class: "input-group" }, h("span", { key: '5a358beea95c1eed695b8ca5e5f9a7a82b0864b1', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5c37a1edb6a229634536c2c7ad4cb4c2cfff211b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6b13b9d4871571ab80480c044b813f70db17a85b' }, h("div", { key: 'de33d4a9dc8c5b5048c8b95d9c860433cb488c7c', class: "form-group d-flex flex-column" }, h("label", { key: 'e243e257c45018233a948c880e4fb15676f1b776', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'c490aa1db17d5a181666631cd95c509dbb32aece', name: this.name, helpText: this.helpText }), h("div", { key: '69dd679301294e3c6a31ce0b880ec291ee6cf23e', class: "input-group" }, h("span", { key: '71ed3716a7ea67933950b2140db4552799968193', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a1ddad4f875b56fde2d1a0054dd2cfe0c3797e0d', 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: '5cb05fe585766d5f037c33d86485a6002894c781', 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: '6bce010df58a187981efcad682cdc54150422bd6', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {