@justifi/webcomponents 6.8.0 → 6.9.0

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

@@ -35,15 +35,16 @@ export class CheckoutsList {
         this.initializeGetSubAccounts();
     }
     initializeGetCheckouts() {
-        if (this.accountId && this.authToken) {
+        const accountToUse = this.subAccountId || this.accountId;
+        if (accountToUse && this.authToken) {
             this.getCheckouts = makeGetCheckouts({
-                accountId: this.accountId,
+                accountId: accountToUse,
                 authToken: this.authToken,
                 service: new CheckoutService()
             });
         }
         else {
-            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorMessage = 'Account ID/Sub Account ID and Auth Token are required';
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 message: this.errorMessage,
@@ -54,14 +55,14 @@ export class CheckoutsList {
     initializeGetSubAccounts() {
         if (this.accountId && this.authToken) {
             this.getSubAccounts = makeGetSubAccounts({
-                accountId: this.accountId,
+                primaryAccountId: this.accountId,
                 authToken: this.authToken,
                 service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ca73ea731c52c9c238223a733492278ccd34078f' }, h("checkouts-list-core", { key: '8eb27ccc63e947b0cc0d7e64fa13c242f5f1bac8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '08345e8bbe637cea344a232da2302bd0298a5ac9' }, h("checkouts-list-core", { key: '7aa34a0537810197cf6962d1a89e12e9ad9d8eea', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -124,6 +125,25 @@ export class CheckoutsList {
                 "reflect": false,
                 "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
+            },
+            "subAccountId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sub-account-id"
             }
         };
     }
@@ -165,6 +185,9 @@ export class CheckoutsList {
             }, {
                 "propName": "authToken",
                 "methodName": "propChanged"
+            }, {
+                "propName": "subAccountId",
+                "methodName": "propChanged"
             }];
     }
 }

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -45,7 +45,7 @@ export class DisputeNotification {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return (h(StyledHost, { key: 'f73a27de0f7e01960cfe78a5b81b021b22eaf2c6' }, this.isLoading && (h("div", { key: 'ca2c47a78d302e09cd60434eb2a0146787f7ac45', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e7c3318f1ecaae82727ec3620e5ba65f25692552', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '3313a4d5ba47766076e5c13cde8f1500fdcfa4a0', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94d2c92beaf52499cea87b3e04a37284898ce4d9', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'fe66f1d00863607cbb457953c4880e4bdc4442ae', part: text }, h("h1", { key: '1cf8c42bdb942391c65e67db8a0da0ff4c618249', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '18643d72965f197edcf40c2053325df9dedf47fb' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: text }, h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd02264536dd7f23a7beea17feb42bd6923551b23' }, h("h1", { key: 'ed9411ef96ba5aa6f3a84b622c3b8a07990352ef', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '6cd2edfa3e2f5cf3beccbb4fcaef09997c1d00fd' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'f1fbf9b5fddf71bde59e76456fda138b306df968' }, h("h1", { key: '8763399559fd6ead94c3b20e7ea5a81243eeb19c', class: "h4" }, "This payment was disputed"), h("p", { key: '840285c4091a71fc719b3c9184aaffef0ab48be7' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'b453c75a2fba5e8145c62d0d89b75d7757375ba1' }, h("h1", { key: '5d17f60d1e60a001edf80d9f0ded44c41cd394a6', class: "h4" }, "This payment was disputed"), h("p", { key: '221cdcd0a330f02dff18dd7f8875ace480be68ed' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '18643d72965f197edcf40c2053325df9dedf47fb' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: text }, h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '3c2149db7fbe647697c759083fe1884421409078', part: text }, h("h1", { key: '14a5b5e1f88a147b5e5b272c05d8c7b61172ccc1', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: '80492d8cfabb74288b800737ff1b91ef4ca976e4' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '379d85bd2363dc727e0e17e20900912232fc8692', part: text }, h("h1", { key: 'd26214c5df407be1fdba12836882b6299f84d02b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f77287d806f5121916661f511830239e34df103f' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '29d05bf0e4065164bf5b5a079679c189373edbfb', part: text }, h("h1", { key: '4f76816e9dbbe9b4a02bf15d019ebf0163908659', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '184a792846ced212766c1f6b63b3ccd0297eceb9' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,6 +24,10 @@ export const paymentTransactionTypes = {
     dispute_refund: "Dispute Refund",
     payment: "Payment",
     payment_fee: "Fee",
+    platform_fee: "Platform Fee",
+    platform_fee_return: "Platform Fee Return",
+    processing_fee: "Processing Fee",
+    processing_fee_return: "Processing Fee Return",
     refund: "Refund",
     fee_refund: "Fee Refund",
     application_fee_returned: "Application Fee Returned",

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

@@ -57,14 +57,14 @@ export class PayoutsList {
     initializeGetSubAccounts() {
         if (this.accountId && this.authToken) {
             this.getSubAccounts = makeGetSubAccounts({
-                accountId: this.accountId,
+                primaryAccountId: this.accountId,
                 authToken: this.authToken,
                 service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '6a09a5c6f984ef09efd981f4417f097b88b71c14' }, h("payouts-list-core", { key: 'be9428e2616abddc62d0c3a1fb1202e399eead26', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'f2253f86ccaf0b5cc2c87d12fbaaaed3575e3a8f' }, h("payouts-list-core", { key: '4a2b2a92e2a597ec78215b070365ff911d657365', 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/terminals-list/terminals-list-filters.js

@@ -1,14 +1,19 @@
 import { h } from "@stencil/core";
 import { debounce } from "lodash";
+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 } from "../../styles/parts";
+import { terminalsListFilterMenu, terminalIdTerminalsListFilterParam, terminalOrderIdTerminalsListFilterParam, terminalStatusTerminalsListFilterParam, createdAfterTerminalsListFilterParam, createdBeforeTerminalsListFilterParam } from "../../styles/parts";
 export class TerminalsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
     }
     componentWillLoad() {
         // debounced input handler for text input
@@ -16,7 +21,9 @@ export class TerminalsListFilters {
         const propsToSet = {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
-            terminal_order_id: this.terminalOrderId
+            terminal_order_id: this.terminalOrderId,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -36,7 +43,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '146cbb4a0639065d7723a263949eedc218d34b63' }, h("table-filters-menu", { key: '1b8e6fb88510892460f2abc033ce789873e242ab', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '23fbd301095d1b64e93d0fef917685b93f1217a9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c6b956c17ee92cc991cb6adc5011e8039e210f6b', class: "p-2" }, h("form-control-text", { key: 'fc3df51433901eb7a499941e3ef525401c7cd5ca', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '390b8a12e9a381cdf4747562ee4d7607255df3ce', class: "p-2" }, h("form-control-text", { key: '92305b137d07d2ee8a351019599bb000d7d32cdd', 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: '3197e7bf6a95621246281898d3e6d66625c30646', class: "p-2" }, h("form-control-select", { key: '92dc3fb1ef44a0e9d9a455c5fa7a6fe5ee075395', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '9c3c90fe708ca1947110a9bdc6e5e01aa37c96cf' }, h("table-filters-menu", { key: '5c407817185237842e1863ab2dc23e10f259e4aa', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'fb436c2e6e2e7aa09167cf087a959790947a7efb', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '95566319375ca30dfb41bc5e6537b07ca41c2b4b', class: "p-2" }, h("form-control-text", { key: '1da0c3118a93739e8b0b01d80dbc4cd3e0044172', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'd062dda6fbc409e857c03a99c8a068beb6de7cf6', class: "p-2" }, h("form-control-text", { key: 'e05553ba4f446684fe29343145f8dc7d0f829c76', 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: '4a948ee38de75304523160239155e315f0494c01', class: "p-2" }, h("form-control-select", { key: 'a0fef2d084923651646817ef67720e77c12f19f8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam })), h("div", { key: '8323c23c3d2b6e21d90d85da00e396274a31032f', class: "p-2" }, h("form-control-date", { key: '384ac2ca7f83a67c7ad4a69a135dda52dc884248', 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: 'd9ec71de6e230fa70f47260a8b36e8bcf3135313', class: "p-2" }, h("form-control-date", { key: '388e76d308eeb3d5481d9ddb6fb4574dc40af8d9', 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 }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -104,6 +111,44 @@ export class TerminalsListFilters {
                 "setter": false,
                 "reflect": false,
                 "attribute": "terminal-status"
+            },
+            "createdAfter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-after"
+            },
+            "createdBefore": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

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

@@ -54,14 +54,14 @@ export class TerminalsList {
     initializeGetSubAccounts() {
         if (this.accountId && this.authToken) {
             this.getSubAccounts = makeGetSubAccounts({
-                accountId: this.accountId,
+                primaryAccountId: this.accountId,
                 authToken: this.authToken,
                 service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '77cb67def2cb91b1fbf00059d13a255eae014b12' }, h("terminals-list-core", { key: '697cafa1c343e20f36dff0404209c4832fa6a2ff', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ddf0c4c076101c8a928dcf47bd509b06a629978b' }, h("terminals-list-core", { key: '30f6a5fa58cd147e4488f4f31760656913417848', 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: 'ffe62ce1bf31ab84080d3a4c158db3b537aea2fb' }, h("form", { key: '26d7942c4d88a758e03627a6042892a4dcb0a306' }, h("fieldset", { key: 'b789b31bad42d4c6912103abe653205165e44e8d' }, h("div", { key: '2e0fe382eb8a0018692ca9da2c911229ed981f0d', class: "row gy-3" }, h("div", { key: '3120e6ddd56b184f2530a1e8c1bb28f2c0f70579', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '9de5bfc72cce2818aba19408ee835d0762d1e777', class: "col-12" }, h("justifi-button", { key: '5bd8cfb66fd34cc6773342175ae22771a095fcab', 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: 'c30c257fd13d70755b41b98ed9cf2788e28a6ee8' }, h("form", { key: '8619bdbffa057cac77c865364552358dda9ecf6e' }, h("fieldset", { key: '190caec479f8ba042ffe7601e842848378ef05d7' }, h("div", { key: 'e9d57ee0f7998559d53c5dffa3948b169e9473d2', class: "row gy-3" }, h("div", { key: '972eb6e47e78f30ff0f1e5dd510f9099086eb21f', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '9e694141cd3db6fd20cd490e6bcdac350d8248e3', class: "col-12" }, h("justifi-button", { key: 'e7bb1b18adae5c22c8fb963fda2c78d1394ac707', 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: '4e91adfed65e01e1d2810f7c4a57b4c1fec5c364', 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: 'a9b26cf7539286290d7216601c8d76335ada785b', 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

@@ -131,6 +131,8 @@ 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`;

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: '2d57f47cc668826c2a72d70d3a0404837398a646' }, h("style", { key: '6d02bdb47dd36a529d2e8ae3f2b4adad6c8cdf88' }, `
+        return (h("div", { key: '695722a3ca112c241068d7e7c9522269ef8887c5' }, h("style", { key: '1c26415761192d1d251d62b28b6ad560806c2304' }, `
           .popper-content {
             display: none;
           }
@@ -116,7 +116,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'fdcb769c70b92532427e09fdaa5bbdffc59c8ac3', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1cdd517d323181dee0f2a345406d07432889ee21' }))));
+          `), h("div", { key: '17ac9818bd589c35b232fb55bc0c1f6dcf5a2bf9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '312c284008e314838672d2c973a2fef1a0286131' }))));
     }
     static get is() { return "custom-popper"; }
     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: 'fa58417927e8c0a4be71047c133d00ff544cbeb5', exportparts: "label,input,input-invalid" }, h("div", { key: '99167d13386b858ae940cf03015139dd1d676b4e', class: "form-group d-flex flex-column" }, h("div", { key: '33f821ca2473a4e9233e91aee0fb47aced0bdfd4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd883b7a1a000d638ad0f1d594d314c62509259a9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '020594f1fec84e5789fbc7f16b41777613d2f5d4', helpText: this.helpText })), h("input", { key: '841064420ca58f24d65d33e4a3a92732bcc7028c', 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: '6d703a1e7418695b6d62bb643dd3a8088bdbed30', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '7fba9871a738fb3d91a5d3dac0fe70883370bae0', exportparts: "label,input,input-invalid" }, h("div", { key: 'fa6b5b1300361959fe6ab6bc362ab5b35ad189d2', class: "form-group d-flex flex-column" }, h("div", { key: 'ec0276f887f105e60446206313682c81bc3aef75', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a907baa99abedd645a28a39bff96e42a27831927', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '47f03d706c0643654fdb82f3e97654ba417aa6c2', helpText: this.helpText })), h("input", { key: '5ab44e8ee2eea90aec8c71a95a77fb0b9ec08f10', 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: '0e0ebaef26f539e6e99954667bd8b9567bb93336', 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: '430da302c06fb83a93c10bbf8d9b62ff89fc9e5e' }, h("div", { key: '2235fd7e9ef83839a5c9644828580cb1727cb3cc', class: "form-group d-flex flex-column" }, h("div", { key: 'e899430b50cd692e76b4992d01df4ab5ef754ff4', class: "d-flex align-items-start gap-2" }, h("label", { key: '41a257c0c9064ababe2167522690678627d574ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '734a6dbf61d1f04920b01e8d9024c29bc8cf0967', helpText: this.helpText })), h("input", { key: '6bbe60077bbff7c427cb84883f91489ae58abbd1', 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: 'bd55e70b27f0ff2817513bf80e992a37fee7be17' }, h("div", { key: '8e3674197e76d4dfe15ed033d998ca5221522a4c', class: "form-group d-flex flex-column" }, h("div", { key: '1e19bd4c0ee840f07eada2730de955be4d7e036e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6fb0297f87b3ebba564aebf41584272e63a1d612', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '12573853da8fd4a6da455268b625e6e8ef89c537', helpText: this.helpText })), h("input", { key: '63f824ebfa36508851ded665a04d706a66728989', 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: '4b0ed448a2f7fd8e76d21abdaa47662f847bca7f', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'c6a264a54fcb9c6934d9150cd4bc146c71530752', 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: 'e83c01fe72f78306203ff6662c47f2db56f9e5eb' }, h("div", { key: '2763732191437c92edd551b75da1eeb2fc03d079', class: "form-group d-flex flex-column" }, h("label", { key: '923fbb823f00a52308d3e7450a136dcbb1c1b214', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '3f3dc06c3cea6478ebe66d0ae0c36532a2c9de26', name: this.name, helpText: this.helpText }), h("div", { key: 'ed01d39c77eccced675f08626cfaf19d0bbd6e65', class: "input-group" }, h("span", { key: 'b29263f7ff45ba093d3c3f1bf256e19002d64bcb', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '4a842881767f8bacba8330b2b20e33c51ca6eeb3', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'd7ef8286cbc00b77c92b4fe8530ef5b020df49bc' }, h("div", { key: '730e5e0ec0937f66d4c55be4a5a45b8b8854cd37', class: "form-group d-flex flex-column" }, h("label", { key: '1bd76da5dcf310660760f16c08ed983c30a4eb4e', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '7d01d8057ca8081f743092e6ba5bd210330e95a7', name: this.name, helpText: this.helpText }), h("div", { key: '34d5fa45cfdc967bea78de29886de022a8062203', class: "input-group" }, h("span", { key: 'cd25b09e19c67b18f5b28435f2c14323f8a6480c', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '535fa4fdb5638fc0034dd3cdfb283fff391760c2', 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: '828447aed9364496041d38539bf9446a8055d709', 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: 'e3b826b06836f990d60ab482acd019cb916fcba2', 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: 'b9cd5f622f3473b22f48ee939884199f4102aa02' }, h("div", { key: 'c7ac55bf53f9b069a0f1997faee9df04b5efc48f', class: "form-group d-flex flex-column" }, h("div", { key: '344f29000db4d633073536530f3fd312a7c65000', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c58e246347c2bb8da3dafa10aeca23290ebdcbd2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7a32bf62aea68cca9a86f07e28ca58a0f386fdf4', helpText: this.helpText })), h("input", { key: '033f6ab25c31f4386733195a281de935b39aa7e5', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '7d8efbbc9e43126e44acb9ca90f18f976e5416ea' }, h("div", { key: '705b28a260cdd2b119d60e8f4f6a94011e61664c', class: "form-group d-flex flex-column" }, h("div", { key: 'aed6dd57997d43e47db6e3f8341bb706af27b9da', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd2e74d4603690d6c73aa915990868c4df5605373', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1fa3a068b32d70f9751da42c4f3f1f7bfedef1ca', helpText: this.helpText })), h("input", { key: 'da5aa10fa56a5ae17a23513e33d0cb0b2feb9831', 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: '9238f8d110a09bed1f5172991ed951399ea520b3', 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: '99803ac6b2e26ad4939974b943381a78522140b1', 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: '6f21df9000033747331d4f8633ad8ee9cf02ec98' }, h("div", { key: 'd55ae7c8e2cb411909f82373933e7607bd786ae2', class: 'form-group d-flex flex-column' }, h("label", { key: '1d984246cbda85fdf6a7e2d5b534c39361a0b479', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '80aa0ddaf5be104c3a60e7700ac23e2c53c42d76', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7de39cbcd2b9833ce1a55e45a1df878d1d360bd0' }, h("div", { key: '6515d4de23a61161271aa3d11faf692c70d14751', class: 'form-group d-flex flex-column' }, h("label", { key: '789e0b9a69c17f7ecf6257f7083557ea71e7ac83', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '3b810609c6d59766ade4ba0e66a21b2bf043951a', 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: '1163face94f9b1bbe59c53f8ddad4d7ef0c58945', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1db87aa5f5a07c3e19f9d674835cb48f222ad18a', 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: '76f05a6114b71da1f6d0699a99bfe5f313a91ec8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6189d3c942e032f2a2e86e3edf6ee87f69331bcc', 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: '8cb1ec6909bc2cf40e12a9571c2eafccf26b11ae', class: 'form-group d-flex flex-column' }, h("div", { key: 'c87254a83f9e5c025d956b1267430481eddc8611', class: "form-check" }, h("input", { key: 'c688c8ee6fb43bc1766196c54f097b6f020682dc', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b992382cbcf35ae831a4b02bc3da2a29c388cd52', class: 'form-group d-flex flex-column' }, h("div", { key: 'c85ea2a5d3d9b01ad4c43dae3d860f2be007a00c', class: "form-check" }, h("input", { key: 'd44e83269a07943695e21f11ae27b9a7469aa5a0', 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: '4a73f2c14311e08485bd8da49fb46dea05e50e26', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'e1e539af6cf24db6dd6411eea872a174a5a4e80c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fa206e7d1300cc9ef5386efb26e5a2d4eedab149', 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: '8278f17b83be7156d99b3e89c4ccb2d29e6846a5', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'af335b92501b6ec646776ef6ae0d5ba999b220a6', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6845b67d035572c2b118a9058b412f43270d6e84', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'ab2547726a7cdf84fae2970e14e5e22164a8db9f' }, h("div", { key: '2ca8d50630ae66298384e3e574cec92be7eb2120', class: "form-group d-flex flex-column" }, h("div", { key: '6683fc8418f4f59db60b3d94eca0795b2f7ec23e', class: "d-flex align-items-start gap-2" }, h("label", { key: '46c5670107fff83d643b23e6b570199c21c39c07', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7c42abe6644ef89c0c964717a5fedb63993beed8', helpText: this.helpText })), h("input", { key: 'c484eaa0ad7e01299ece5fcd5b783a7bdedb4dc4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '13f5b988af611aef583f08dc34f17f4590d8f923' }, h("div", { key: '0fd8eb8241e1523e669fcac1ebda92ec661676ec', class: "form-group d-flex flex-column" }, h("div", { key: 'db5fa9469ae3548c3d404ff4e6bfead764bf5b3c', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a05c4daba2609e74b5feefd69bbdc2ceea300e02', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd3f4063d0e82cf4e934ccacd90af5dafd0f6172c', helpText: this.helpText })), h("input", { key: 'bc5ffd6ddb0683dba4f325b4c3bfcd67f53e2a6c', 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: 'e5f1a634eaa8684106d500245282685016dd38c2', 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: 'b6b6768cfaa939c126b8756a20a61b78fbb018c8', 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: '674ffca07a9d08d3c91dabd929abbec7295b59e3' }, h("div", { key: '31f19f54d033a4dd2d087d57a32233cec2d76399', class: "form-group d-flex flex-column" }, h("label", { key: '87a7bf2e61052b30acce04c2d8862198fd0dc0c7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '42a4664dfea00bf9bf4c54d36ee03d53338ff4bc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7941bba5657b52e86b7ddd724ab1d22d7eddd6b5' }, h("div", { key: '3459bce7f4da91f760c36700121d30a2750f61f7', class: "form-group d-flex flex-column" }, h("label", { key: '1756ed1ca50205f7aa70d98517ab902cf3b47aa7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '817f694daa7b25e7cc5b1761d9b459e02f0f88fd', 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: '004c85e69ed747250ecdad8559af650ac92c960d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6ce96a2d36b6972caf80a66cbf256b461967904b', 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: 'b7aa57374047b8e246ca1436d748b37e903eb731', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '04303058dc7b9d6e63bad61c4607b928c924678b', 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: 'c6c8c76cdec2790f60ee19c527731ba6f9117b75' }, h("input", { key: '9af6445a3380f6e31e287558dc3cbd0822db6a21', 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: '6764d8510c91e6d696354c54a9062eda3b541c72' }, h("input", { key: '1db9335451b559b009342654c960f6d72519436a', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

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

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: 'a330cb0cec7fbdf46c0e6e7c40be6997b2c4cd5f', class: "form-group d-flex flex-column" }, h("div", { key: '66458b65ed76bfe0e0dea194433f22b03f912135', style: {
+        return (h(Host, { key: 'e9d731b9b4b1232ac0ce328cac43dc5e9057535b', class: "form-group d-flex flex-column" }, h("div", { key: '64585c7955c1ed399c09e748a78297436df7e876', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '9b8ed47bde6743810d6bd3efa14bd1dd55ce2753', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'f3b3cdd705bda6f52d4f491be6c3f85df1182386', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'b0f70e44bdf8c959bdae70e8b487fad62d1b5f36', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'c1fdea4be71b7da20a2a9a820f8b9293de52aed9', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '9df618dbb3c1a084c5fdc9a31ab1ffb69f79f12e', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '975a576d9f7af1a1cc6a732177dd8c254bf47633', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '72e6383af686f07b9f40b125a8502c56aaa40310', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '0976bf5f32a5b0642795adf1f99e94cc9fa2d6f4', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

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

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '2ef29be35c350bbd0530dbad83f65cd4ad4dbe27' }, h(Button, { key: '526763deaf2d228f0142d8efcb805557b8fe6ed9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '3b8238263022ea6bda8aeb2564c14588069aa1c3' }, h(Button, { key: '62bb6848984f6c9d771badd84354af2b678eda4a', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'b9dfbfab147a15030ec8b2cb39ccd1c476e7c0be' }, h(HeaderComponent, { key: '9ee20ed2fb2916a433cb158ce082505fbc367c4f', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '2144de20a8a8e6a287adadee7b0fc654839be7ca' }, h(HeaderComponent, { key: 'c4ac64a29c9be2fccaf45d7950220f96952c577f', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

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

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