@justifi/webcomponents 4.22.1 → 4.23.0

package/dist/esm/payouts-list-core.entry.js

@@ -1,17 +1,14 @@
-import { h, r as registerInstance, c as createEvent } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import './Checkout-0b4086f8.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-30790721.js';
-import './SubAccount-7f7e4c56.js';
-import { a as formatDate, f as formatTime, b as formatCurrency } from './utils-3daada24.js';
+import './Payment-2a868d0c.js';
+import './SubAccount-99a00594.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
-import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state-356c7215.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-cd58e525.js';
-
-const DownloadIcon = (props) => (h("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, props),
-    h("path", { d: 'M12 15.5l-5-5 1.41-1.41L12 12.67l3.59-3.58L17 10.5l-5 5z' }),
-    h("path", { d: 'M11 4h2v9h-2z' }),
-    h("path", { d: 'M5 18h14v2H5z' })));
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-44e3d1e7.js';
+import { o as onFilterChange } from './utils-4006c425.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-edff9bbe.js';
+import './utils-1df1e55a.js';
+import './payouts-status-cd58e525.js';
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -30,9 +27,6 @@ const PayoutsListCore = class {
                 },
             });
         };
-        this.handleDateChange = (name, value) => {
-            this.params = Object.assign(Object.assign({}, this.params), { [name]: value });
-        };
         this.handleClickPrevious = (beforeCursor) => {
             const newParams = Object.assign({}, this.params);
             delete newParams.after_cursor;
@@ -49,29 +43,72 @@ const PayoutsListCore = class {
                 return;
             this.rowClicked.emit(this.payouts.find((payout) => payout.id === clickedPayoutID));
         };
+        this.setParamsOnChange = (name, value) => {
+            let newParams = { [name]: value };
+            this.params = onFilterChange(newParams, this.params);
+        };
+        this.clearParams = () => {
+            this.errorMessage = '';
+            this.params = {};
+        };
         this.getPayouts = undefined;
+        this.getSubAccounts = undefined;
         this.getPayoutCSV = undefined;
+        this.columns = undefined;
         this.payouts = [];
+        this.payoutsTable = undefined;
+        this.subAccounts = [];
         this.loading = true;
         this.errorMessage = undefined;
         this.paging = pagingDefaults;
-        this.params = undefined;
+        this.params = {};
     }
     updateOnPropChange() {
-        this.fetchData();
+        this.fetchPayouts();
     }
     componentWillLoad() {
-        if (this.getPayouts) {
-            this.fetchData();
+        this.payoutsTable = new Table(this.payouts, this.columns, payoutTableColumns, payoutTableCells(this.downloadCSV));
+        if (this.getPayouts && this.getSubAccounts) {
+            this.fetchPayouts();
         }
     }
-    fetchData() {
+    fetchPayouts() {
         this.loading = true;
         this.getPayouts({
             params: this.params,
             onSuccess: ({ payouts, pagingInfo }) => {
                 this.payouts = payouts;
                 this.paging = pagingInfo;
+                this.payoutsTable.collectionData = this.payouts;
+                const shouldFetchSubAccounts = this.payoutsTable.columnKeys.includes('sub_account_name');
+                if (shouldFetchSubAccounts) {
+                    this.fetchSubAccounts();
+                }
+                else {
+                    this.loading = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    async fetchSubAccounts() {
+        this.getSubAccounts({
+            params: this.subAccountParams,
+            onSuccess: ({ subAccounts }) => {
+                this.subAccounts = subAccounts;
+                this.payouts = this.payouts.map((payout) => {
+                    var _a;
+                    payout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === payout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
+                    return payout;
+                });
                 this.loading = false;
             },
             onError: ({ error, code, severity }) => {
@@ -85,61 +122,31 @@ const PayoutsListCore = class {
             },
         });
     }
+    get subAccountParams() {
+        let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
+        let uniqueAccountIds = [...new Set(accountIdNumbers)];
+        let accountIdString = uniqueAccountIds.join(',');
+        return { sub_account_id: accountIdString };
+    }
     get entityId() {
         return this.payouts.map((payout) => payout.id);
     }
-    get columnData() {
-        return [
-            ['Paid Out On', 'The date each transaction occurred'],
-            ['Type', 'The type of each transaction'],
-            ['Account', 'The ID of the account associated with each payout'],
-            ['Paid Out To', 'The bank account to which each payout was transferred'],
-            ['Payments', 'Sum of payments in each payout'],
-            ['Refunds', 'Sum of refunds in each payout'],
-            ['Fees', 'Sum of fees in each payout'],
-            ['Other', 'Sum of less common transactions in each payout'],
-            ['Payout Amount', 'The net sum of all transactions in each payout'],
-            ['Status', 'The real-time status of each payout'],
-            ['Actions', ''],
-        ];
-    }
-    get rowData() {
-        return this.payouts.map((payout) => [
-            {
-                type: 'head',
-                value: `
-          <div class='fw-bold'>${formatDate(payout.created_at)}</div>
-          <div class='fw-bold'>${formatTime(payout.created_at)}</div>
-        `,
-            },
-            payout.payout_type,
-            payout.account_id,
-            `${payout.bank_account.full_name} ${payout.bank_account.account_number_last4}`,
-            formatCurrency(payout.payments_total),
-            formatCurrency(payout.refunds_total),
-            formatCurrency(payout.fees_total),
-            formatCurrency(payout.other_total),
-            formatCurrency(payout.amount),
-            { type: 'inner', value: MapPayoutStatusToBadge(payout.status) },
-            (h(DownloadIcon, { title: "Export CSV", onClick: () => this.downloadCSV(payout.id), style: { height: '24px', width: '24px', cursor: 'pointer' } })),
-        ]);
-    }
     get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.rowData.length < 1;
+        return !this.loading && !this.errorMessage && this.payoutsTable.rowData.length < 1;
     }
     get showErrorState() {
         return !this.loading && !!this.errorMessage;
     }
     get showRowData() {
-        return !this.showEmptyState && !this.showErrorState;
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '536d8a921bb7b6517dc65afd307507668e74e92f' }, h("div", { key: '5d33c651af05927db51e7d855772ff1c60f71ef0', class: "row gy-3 mb-4" }, h("div", { key: '53f246db4d96ef4ac445c0b57d4da3471c9fdbdb', class: "col-2" }, h("form-control-date", { key: 'd6e711e3e92e53cff8e2ee4a8c4a3788584c0f77', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), h("div", { key: '86ab746d1e7f9e11dfeca4cd185909d9d447fe85', class: "col-2" }, h("form-control-date", { key: '232edbf8284d14ed3659a199b144eb5596e22b88', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), h("div", { key: '10c720e38bd24ff9431d59a28ec46f62bd8c04a7', class: "table-wrapper" }, h("table", { key: 'fdbf0978c018315d5e67caf9273e59bf4e50205c', class: "table table-hover" }, h("thead", { key: 'f3fc1532a46f8b92eff8d385462fe8ba9448840b', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fe552206bf026258b40031c10a030fb32f98879d', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), h("tbody", { key: '1247efd4d95cfb257d052acf9dbcac84203aaaaf', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '1107d1a965651133504db486d4d0b692fe9735e9', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '8435806053ae9d16a05cc031f33d3b97e4d02248', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: '01213ac9d7f63e0eaa11c38f4aebe59aef3650d9', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (h("tfoot", { key: 'd2a1b0dd2340cf64816ad05c1c03f136b21df0a6', class: "sticky-bottom" }, h("tr", { key: 'abb87b7c026475da175a6bec772887bf3ac08933', class: "table-light align-middle" }, h("td", { key: '32070f512aebc77a42693a93e717d31ef9ed4509', part: "pagination-bar", colSpan: this.columnData.length }, h("pagination-menu", { key: '57ee656553f4afee96f5dbdac5866f103cde97eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h("div", { key: '3768192e14155536f0fb53d2abc5f1e92b04cc01' }, h("payouts-list-filters", { key: '3fec8cfc6b9d68798148e9eea0725079d32e3406', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '291b7a53bb5657c87568169ebccc1dead39d10c9', class: "table-wrapper" }, h("table", { key: '624389fddf8b00dcaf70a75693b542b2f4af4982', class: "table table-hover" }, h("thead", { key: '1e28a2a6988eac106c40b8f029d9fa2118cbdb6d', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '1f05dd4c54fb350545cf6b1b3e86b80d96932585', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '3af09dc61461f31f61c2cfdf7896b7dfe9441450', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '715a3d0732e45810bdfdcbe5c7db8f29934a1a62', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3aac2554828eac0c6b0645da5df811b5e5463235', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'cf2b312830b9f59550346085f00bc519e496b2b2', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: '3d7389fb825a7eafcd456b3ae95b115a4218fea3', class: "sticky-bottom" }, h("tr", { key: '4c10aa64144a281d8303b04f013bfcc2390f4d04', class: "table-light align-middle" }, h("td", { key: '63614e636203a5f15beb26b4d19eed393b6ea481', part: "pagination-bar", colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7708ac8b21d2db0ec9ade773dd46cd944374ede5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],
-        "getPayouts": ["updateOnPropChange"]
+        "getPayouts": ["updateOnPropChange"],
+        "getSubAccounts": ["updateOnPropChange"]
     }; }
 };
 

package/dist/esm/payouts-list-filters.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-57431c24.js';
+import { g as convertToUTC, c as convertToLocal } from './utils-1df1e55a.js';
+
+const PayoutsListFilters = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setEndOfDay: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+        this.params = undefined;
+        this.setParamsOnChange = undefined;
+        this.clearParams = undefined;
+    }
+    render() {
+        return (h("table-filters-menu", { key: '2f80b6ac3308af53f20f1c8c8fbc596937eeda1d', params: this.params, clearParams: this.clearParams }, h("div", { key: '6e0bf319268d1bcbbd81e922f0855eb1c497815f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8c29a63ea0c4836a0b002db9adc75ea69cdde988', class: "p-2" }, h("form-control-date", { key: '74399fdd150d71758f817454944ef34c9b443240', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.params.created_after, { showInputDate: true }) })), h("div", { key: 'e98911d5b92ed5a6642d8f59b23abbebf4f1f85b', class: "p-2" }, h("form-control-date", { key: '4f233e95aeae496357938c69f25336123fbf1f0f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.params.created_before, { showInputDate: true }) })))));
+    }
+};
+
+export { PayoutsListFilters as payouts_list_filters };

package/dist/esm/payouts-table-edff9bbe.js

@@ -0,0 +1,33 @@
+import { h } from './index-57431c24.js';
+import { c as convertToLocal, b as formatCurrency } from './utils-1df1e55a.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-cd58e525.js';
+
+const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
+const payoutTableColumns = {
+    created_at: () => (h("th", { part: "table-head-cell", scope: "col", title: "The date the payout was deposited" }, "Created")),
+    sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the payout" }, "Sub Account")),
+    payments_total: () => (h("th", { part: "table-head-cell", scope: "col", title: "The total payments amount associated with the payout" }, "Payments")),
+    refunds_total: () => (h("th", { part: "table-head-cell", scope: "col", title: "The total refunds amount associated with the payout" }, "Refunds")),
+    fees_total: () => (h("th", { part: "table-head-cell", scope: "col", title: "The total fees amount associated with the payout" }, "Fees")),
+    other_total: () => (h("th", { part: "table-head-cell", scope: "col", title: "The total other amount" }, "Other")),
+    amount: () => (h("th", { part: "table-head-cell", scope: "col", title: "The total amount of the payout" }, "Amount")),
+    status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The real-time status of each payout" }, "Status")),
+    csv: () => (h("th", { part: "table-head-cell", scope: "col", title: "Export CSV" })),
+};
+const payoutTableCells = (downloadCSV) => ({
+    created_at: (value) => (h("td", { part: "table-cell" },
+        h("div", { class: "fw-bold" },
+            convertToLocal(value, { showDisplayDate: true }),
+            " "))),
+    sub_account_name: (value) => (h("td", { part: "table-cell" }, value)),
+    payments_total: (value) => (h("td", { part: "table-cell" }, formatCurrency(value))),
+    refunds_total: (value) => (h("td", { part: "table-cell" }, formatCurrency(value))),
+    fees_total: (value) => (h("td", { part: "table-cell" }, formatCurrency(value))),
+    other_total: (value) => (h("td", { part: "table-cell" }, formatCurrency(value))),
+    amount: (value) => (h("td", { part: "table-cell" }, formatCurrency(value))),
+    status: (value) => (h("td", { part: "table-cell", innerHTML: MapPayoutStatusToBadge(value) })),
+    csv: (value) => (h("td", { part: "table-cell" },
+        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(value); } }, "CSV"))),
+});
+
+export { payoutTableCells as a, defaultColumnsKeys as d, payoutTableColumns as p };

package/dist/esm/{schema-validations-c1728516.js → schema-validations-5dc879a9.js}

@@ -18,13 +18,10 @@ const validateRoutingNumber = (routingNumber) => {
     }
     return false;
 };
-const businessNameRegex = /^(?!^\s+$)[a-zA-Z0-9\s,&.-]*$/;
 const phoneRegex = /^\d{10}$/;
 const urlRegex = /^(?:http(s)?:\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/;
-const stringLettersOnlyRegex = /^(?!^\s+$)[a-zA-Z\s]*$/;
 const numbersOnlyRegex = /^\d+$/;
 const ssnRegex = /^(?!000|666|9\d{2})\d{3}(?!00)\d{2}(?!0000)\d{4}$/;
-const streetAddressRegex = /^(?!^\s+$)[a-zA-Z0-9\s,&.-]*$/;
 const poBoxRegex = /P\.?\s?O\.?\s?Box|Postal\sBox/i;
 
 var EntityDocumentType;
@@ -92,12 +89,10 @@ const phoneValidation = create$6()
 const businessNameValidation = create$6()
     .min(2, 'Name must be at least 2 characters')
     .max(100, 'Name must be less than 100 characters')
-    .matches(businessNameRegex, 'Enter valid business name')
     .transform(transformEmptyString);
 const doingBusinessAsValidation = create$6()
     .min(2, 'Name must be at least 2 characters')
     .max(100, 'Name must be less than 100 characters')
-    .matches(businessNameRegex, 'Enter valid doing business as')
     .transform(transformEmptyString);
 const websiteUrlValidation = create$6()
     .matches(urlRegex, 'Enter valid website url')
@@ -108,7 +103,6 @@ const businessClassificationValidation = create$6()
 const industryValidation = create$6()
     .min(2, 'Industry must be at least 2 characters')
     .max(50, 'Industry must be less than 50 characters')
-    .matches(stringLettersOnlyRegex, 'Enter valid industry')
     .transform(transformEmptyString);
 const taxIdValidation = create$6()
     .matches(numbersOnlyRegex, 'Enter valid tax id, SSN, or EIN')
@@ -130,12 +124,10 @@ const dateOfIncorporationValidation = create$6()
 const identityNameValidation = create$6()
     .min(2, 'Name must be at least 2 characters')
     .max(100, 'Name must be less than 100 characters')
-    .matches(stringLettersOnlyRegex, 'Enter valid name')
     .transform(transformEmptyString);
 const identityTitleValidation = create$6()
     .min(2, 'Title must be at least 2 characters')
     .max(50, 'Title must be less than 50 characters')
-    .matches(stringLettersOnlyRegex, 'Enter valid title')
     .transform(transformEmptyString);
 const dobValidation = (role) => {
     return (create$6()
@@ -170,14 +162,12 @@ const ssnValidation = create$6()
 const lineOneValidation = create$6()
     .min(5, 'Address must be at least 5 characters')
     .max(100, 'Address must be less than 100 characters')
-    .matches(streetAddressRegex, 'Enter valid address line 1')
     .test('not-po-box', 'A PO Box is not a valid address entry', (value) => {
     return !poBoxRegex.test(value);
 })
     .transform(transformEmptyString);
 const lineTwoValidation = create$6()
     .max(100, 'Address must be less than 100 characters')
-    .matches(streetAddressRegex, 'Enter valid address line 2')
     .test('not-po-box', 'A PO Box is not a valid address entry', (value) => {
     return !poBoxRegex.test(value);
 })
@@ -185,7 +175,6 @@ const lineTwoValidation = create$6()
 const cityValidation = create$6()
     .min(2, 'City must be at least 2 characters')
     .max(50, 'City must be less than 50 characters')
-    .matches(stringLettersOnlyRegex, 'Enter valid city')
     .transform(transformEmptyString);
 const stateValidation = create$6()
     .oneOf(StateOptions.map((option) => option.value), 'Select state')
@@ -222,12 +211,10 @@ const otherPaymentDetailsValidation = create$6()
 const bankNameValidation = create$6()
     .min(2, 'Name must be at least 2 characters')
     .max(50, 'Name must be less than 50 characters')
-    .matches(stringLettersOnlyRegex, 'Enter valid bank name')
     .transform(transformEmptyString);
 const nicknameValidation = create$6()
     .min(2, 'Name must be at least 2 characters')
     .max(50, 'Name must be less than 50 characters')
-    .matches(stringLettersOnlyRegex, 'Enter valid nickname')
     .transform(transformEmptyString);
 const accountTypeValidation = create$6()
     .oneOf(bankAccountTypeOptions.map((option) => option.value), 'Select account type')

package/dist/esm/{table-loading-state-356c7215.js → table-44e3d1e7.js}

@@ -31,4 +31,24 @@ const TableLoadingState = (props) => {
                 h("span", { class: "visually-hidden" }, "Loading...")))));
 };
 
-export { TableLoadingState as T, TableEmptyState as a, TableErrorState as b };
+class Table {
+    get columnData() {
+        return this.columnKeys.map((key) => this.tableColumns[key]());
+    }
+    get rowData() {
+        return this.collection.map((dataEntry) => {
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key]));
+        });
+    }
+    set collectionData(collection) {
+        this.collection = collection;
+    }
+    constructor(collection, columns, tableColumns, tableCells) {
+        this.columnKeys = columns.split(',');
+        this.collection = collection;
+        this.tableColumns = tableColumns;
+        this.tableCells = tableCells;
+    }
+}
+
+export { Table as T, TableLoadingState as a, TableEmptyState as b, TableErrorState as c };

package/dist/esm/terminals-list-core.entry.js

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import './Checkout-0b4086f8.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-30790721.js';
-import './SubAccount-7f7e4c56.js';
-import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state-356c7215.js';
-import { o as onFilterChange } from './utils-3a4d8f3a.js';
-import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-059c473e.js';
-import { T as Table } from './table-5da154e7.js';
+import './Payment-2a868d0c.js';
+import './SubAccount-99a00594.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-44e3d1e7.js';
+import { o as onFilterChange } from './utils-4006c425.js';
+import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-dc787616.js';
 
 const TerminalsListCore = class {
     constructor(hostRef) {
@@ -126,7 +125,7 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '7f8bc3f39c1250281c2f2ad6fe081fc71bb20e79' }, h("terminals-list-filters", { key: 'd1184427fc74d970bd69d56a00d0ef4b7672516b', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '582e37429a153cd17bf3c7ebb16e7330c774f986', class: "table-wrapper" }, h("table", { key: '1c03b2ddc8ca2da6b1f2147113f7832b3f27ec1d', class: "table table-hover" }, h("thead", { key: '811d48219cc04256f4a37854504252ff53392bd9', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fafa54ac3abba993dcf38ca2e47f248031226041', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '8c9072bf6ebb7f720f1fad0faa47c72c8ed84dd2', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'abddb3ce09e39245c0455893f09e54cc631b26bf', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '166a461ee8aaf7405fc0a2b12cd17e1e1e9553f3', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '969bbfcce66b6bcee4dadabe465eaef37022d13b', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: 'c63268c11facddaa44452c58743ad9c03f492898', class: "sticky-bottom" }, h("tr", { key: '0e247f8968ad4ed7e8c001354b1c29d5bf7976aa', class: "table-light align-middle" }, h("td", { key: '51c5157453d911f5bf370ba2ac6a556dd1592f24', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3a3ba65f31099125e9c01bc9c8c001c6437ed720', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h("div", { key: 'd022a41666a6483bcb405bfe477b7eba1e5ca5dd' }, h("terminals-list-filters", { key: 'cb0d38d4b51c5cb9482c1f567dce4462bf12a055', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '82cbf05382d9ecaf0d01c4e0b5f61618b1442690', class: "table-wrapper" }, h("table", { key: '5c8bd36b6523cf56542b016e3195188781b2cb03', class: "table table-hover" }, h("thead", { key: 'f35d86ae84f673437e0fc51ad3e26b1839153590', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '7727a4e30dddd62d6dc3c405c7ca505f91a71643', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '4e0ee2053a33622037e7961ec289036e52632e3f', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '96cb647d4f5c2e4a1ecb33be46b868e1318762ca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '062aeeb69a149b2f15e49c81bb3bd16a6d5a5dfd', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '750a04c3ecb53271b3affced7e9245733c64bd57', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: '19edc599b2ccd6212c03045b754fe251335fa665', class: "sticky-bottom" }, h("tr", { key: 'dd793c33355dd6b0448e327a62b3cc08a0d09bad', class: "table-light align-middle" }, h("td", { key: '0b142d2c1b658e1bb084741fa461d7f350c3449c', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '757d9ba17e1a768aa0bcf573a2d02b455bac3df3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],

package/dist/esm/terminals-list-filters.entry.js

@@ -21,7 +21,7 @@ const TerminalsListFilters = class {
         ];
     }
     render() {
-        return (h("table-filters-menu", { key: '4bfd04cf078878811b2692ff166598deb22b7d92', params: this.params, clearParams: this.clearParams }, h("div", { key: '470d4eb34429c887d03beb0caedd8c9486d18900', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '34d34e8c90c36b7cab1fb3442cb04e58f9ebb334', class: "p-2" }, h("form-control-text", { key: '5234008261646f1a090686fc0d795a6e846c9e04', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.params.terminal_id })), h("div", { key: 'fdd089fa29bf030ed3825993ff4e50a9ecefa1dc', class: "p-2" }, h("form-control-select", { key: '0c078ec1ecffea26e0cec5633cb4748337a75643', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.status || '' })))));
+        return (h("table-filters-menu", { key: '486847f69064b497b72521312d27097690eb19b2', params: this.params, clearParams: this.clearParams }, h("div", { key: '622e3572ff1cf85a60ffa30c4fa5d39780375abb', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2cef9085c3d09e96907cdaa8330e8b8b80d8ceec', class: "p-2" }, h("form-control-text", { key: 'a3922b71cbdc93bbdddd519e44bad25379c6b5f4', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.params.terminal_id })), h("div", { key: '1027edf52dc1ceacc4779b29bda4b7d08c8a3c8c', class: "p-2" }, h("form-control-select", { key: 'e1f122b2868282a64dccc99b3e9d19fe7cc768fb', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.status || '' })))));
     }
 };
 

package/dist/esm/{terminals-table-059c473e.js → terminals-table-dc787616.js}

@@ -19,10 +19,10 @@ const terminalTableColumns = {
     status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
 };
 const terminalTableCells = {
-    nickname: (value) => (h("td", null, value)),
-    provider_id: (value) => (h("td", null, value)),
-    sub_account_name: (value) => (h("td", null, value)),
-    status: (value) => (h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
+    nickname: (value) => (h("td", { part: "table-cell" }, value)),
+    provider_id: (value) => (h("td", { part: "table-cell" }, value)),
+    sub_account_name: (value) => (h("td", { part: "table-cell" }, value)),
+    status: (value) => (h("td", { part: "table-cell", innerHTML: MapTerminalStatusToBadge(value) })),
 };
 
 export { terminalTableCells as a, defaultColumnsKeys as d, terminalTableColumns as t };

package/dist/esm/{utils-3daada24.js → utils-1df1e55a.js}

@@ -3848,6 +3848,7 @@ var Dinero = function Dinero(options) {
 
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
+// Currency Formatting
 function formatCurrency(amount, withSymbol = true, withCurrencyName = false) {
     if (!amount)
         amount = 0;
@@ -3858,13 +3859,13 @@ function formatCurrency(amount, withSymbol = true, withCurrencyName = false) {
     const formattedAmount = amount < 0 ? `(${format(-amount)})` : format(amount);
     return withCurrencyName ? `${formattedAmount} USD` : formattedAmount;
 }
+// Date Formatting and Conversion
 function formatDate(dateString) {
     if (!dateString)
         return '';
     const date = new Date(dateString);
     return format(date, 'MMM d, yyyy');
 }
-// eg. Oct 9, 2023
 function formatMediumDate(input) {
     // Check if input is a string and convert to Date object
     if (typeof input === 'string') {
@@ -3904,21 +3905,40 @@ function formatTimeSeconds(dateString) {
     const date = new Date(dateString);
     return format(date, 'h:mm:ssaaa');
 }
-function extractComputedFontsToLoad() {
-    var _a;
-    const computedStyles = getComputedStyle(document.body);
-    return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
-}
-/**
- * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
- *
- * @param snakeCaseStr - The string in snake_case format.
- * @returns The string transformed into a human-readable format.
- *
- * @example
- * const readable = toReadableString('sole_proprietorship');
- * console.log(readable); // Outputs: "Sole Proprietorship"
- */
+const convertToUTC = (dateString, options) => {
+    const { setEndOfDay, setExactTime } = options;
+    if (!dateString)
+        return '';
+    const dateObj = new Date(dateString);
+    if (setEndOfDay) {
+        // Adjust the time to be at the very end of the day
+        dateObj.setUTCHours(23, 59, 59, 999);
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+    else if (setExactTime) {
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+};
+const convertToLocal = (dateString, options) => {
+    const { showDisplayDate, showInputDate, showTime, showInputDateTime } = options;
+    if (!dateString)
+        return '';
+    const dateObj = new Date(dateString);
+    const localDate = new Date(dateObj.toLocaleString('en-US', { timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }));
+    if (showDisplayDate) {
+        return format(localDate, 'MMM d, yyyy');
+    }
+    else if (showInputDate) {
+        return format(localDate, 'yyyy-MM-dd');
+    }
+    else if (showTime) {
+        return format(localDate, 'h:mmaaa');
+    }
+    else if (showInputDateTime) {
+        return format(localDate, 'yyyy-MM-dd\'T\'HH:mm');
+    }
+};
+// String Manipulation
 function snakeCaseToHumanReadable(snakeCaseStr) {
     if (!snakeCaseStr)
         return '';
@@ -3932,17 +3952,14 @@ function snakeToCamel(str) {
         return '';
     return str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 }
-function composeQueryParams(values) {
-    const queryParams = values.map((value) => {
-        if (value === values[0]) {
-            return (value = `?${value}`);
-        }
-        else {
-            return (value = `&${value}`);
-        }
-    });
-    return queryParams.join('');
+// Object Utilities
+function isEmptyObject(obj) {
+    return Object.keys(obj).length === 0 && obj.constructor === Object;
 }
+const isInRange = (num, min, max) => {
+    return num >= min && num <= max;
+};
+// Font Loading
 async function loadFontsOnParent() {
     const parent = document.body;
     const fontsToLoad = extractComputedFontsToLoad();
@@ -3963,11 +3980,10 @@ async function loadFontsOnParent() {
     fonts.href = fontHref;
     parent.append(fonts);
 }
-function isEmptyObject(obj) {
-    return Object.keys(obj).length === 0 && obj.constructor === Object;
+function extractComputedFontsToLoad() {
+    var _a;
+    const computedStyles = getComputedStyle(document.body);
+    return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
 }
-const isInRange = (num, min, max) => {
-    return num >= min && num <= max;
-};
 
-export { formatDate as a, formatCurrency as b, formatDisplayDate as c, formatMediumDate as d, snakeToCamel as e, formatTime as f, isInRange as g, formatTimeSeconds as h, isEmptyObject as i, composeQueryParams as j, loadFontsOnParent as l, snakeCaseToHumanReadable as s };
+export { formatDate as a, formatCurrency as b, convertToLocal as c, formatDisplayDate as d, formatMediumDate as e, formatTime as f, convertToUTC as g, snakeToCamel as h, isEmptyObject as i, isInRange as j, formatTimeSeconds as k, loadFontsOnParent as l, snakeCaseToHumanReadable as s };

package/dist/esm/{utils-3a4d8f3a.js → utils-4006c425.js}

@@ -1,3 +1,14 @@
+function composeQueryParams(values) {
+    const queryParams = values.map((value) => {
+        if (value === values[0]) {
+            return (value = `?${value}`);
+        }
+        else {
+            return (value = `&${value}`);
+        }
+    });
+    return queryParams.join('');
+}
 const onFilterChange = (newFilters, params) => {
     let newParams = Object.assign({}, params);
     delete newParams.before_cursor;
@@ -19,4 +30,4 @@ const hasFilters = (params) => {
     return !!filterKeys.length;
 };
 
-export { hasFilters as h, onFilterChange as o };
+export { composeQueryParams as c, hasFilters as h, onFilterChange as o };