@justifi/webcomponents 4.22.2 → 4.23.1

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

@@ -5,17 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-fb499e95.js');
 require('./Checkout-a528241d.js');
 const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-04a842f4.js');
-require('./SubAccount-cc95a4a0.js');
-const utils = require('./utils-3d84442d.js');
+require('./Payment-87b47c43.js');
+require('./SubAccount-fda5ec5b.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const tableLoadingState = require('./table-loading-state-8b406852.js');
-const payoutsStatus = require('./payouts-status-2f7be07d.js');
-
-const DownloadIcon = (props) => (index.h("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, props),
-    index.h("path", { d: 'M12 15.5l-5-5 1.41-1.41L12 12.67l3.59-3.58L17 10.5l-5 5z' }),
-    index.h("path", { d: 'M11 4h2v9h-2z' }),
-    index.h("path", { d: 'M5 18h14v2H5z' })));
+const table = require('./table-ec9ce9f7.js');
+const utils = require('./utils-ba79e868.js');
+const payoutsTable = require('./payouts-table-4858eb84.js');
+require('./utils-e88fbc94.js');
+require('./payouts-status-2f7be07d.js');
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -34,9 +31,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;
@@ -53,29 +47,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 = utils.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 = Pagination.pagingDefaults;
-        this.params = undefined;
+        this.params = {};
     }
     updateOnPropChange() {
-        this.fetchData();
+        this.fetchPayouts();
     }
     componentWillLoad() {
-        if (this.getPayouts) {
-            this.fetchData();
+        this.payoutsTable = new table.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.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 }) => {
@@ -89,61 +126,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'>${utils.formatDate(payout.created_at)}</div>
-          <div class='fw-bold'>${utils.formatTime(payout.created_at)}</div>
-        `,
-            },
-            payout.payout_type,
-            payout.account_id,
-            `${payout.bank_account.full_name} ${payout.bank_account.account_number_last4}`,
-            utils.formatCurrency(payout.payments_total),
-            utils.formatCurrency(payout.refunds_total),
-            utils.formatCurrency(payout.fees_total),
-            utils.formatCurrency(payout.other_total),
-            utils.formatCurrency(payout.amount),
-            { type: 'inner', value: payoutsStatus.MapPayoutStatusToBadge(payout.status) },
-            (index.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 (index.h("div", { key: '536d8a921bb7b6517dc65afd307507668e74e92f' }, index.h("div", { key: '5d33c651af05927db51e7d855772ff1c60f71ef0', class: "row gy-3 mb-4" }, index.h("div", { key: '53f246db4d96ef4ac445c0b57d4da3471c9fdbdb', class: "col-2" }, index.h("form-control-date", { key: 'd6e711e3e92e53cff8e2ee4a8c4a3788584c0f77', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), index.h("div", { key: '86ab746d1e7f9e11dfeca4cd185909d9d447fe85', class: "col-2" }, index.h("form-control-date", { key: '232edbf8284d14ed3659a199b144eb5596e22b88', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), index.h("div", { key: '10c720e38bd24ff9431d59a28ec46f62bd8c04a7', class: "table-wrapper" }, index.h("table", { key: 'fdbf0978c018315d5e67caf9273e59bf4e50205c', class: "table table-hover" }, index.h("thead", { key: 'f3fc1532a46f8b92eff8d385462fe8ba9448840b', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'fe552206bf026258b40031c10a030fb32f98879d', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (index.h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), index.h("tbody", { key: '1247efd4d95cfb257d052acf9dbcac84203aaaaf', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: '1107d1a965651133504db486d4d0b692fe9735e9', columnSpan: this.columnData.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: '8435806053ae9d16a05cc031f33d3b97e4d02248', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), index.h(tableLoadingState.TableErrorState, { key: '01213ac9d7f63e0eaa11c38f4aebe59aef3650d9', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (index.h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (index.h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (index.h("tfoot", { key: 'd2a1b0dd2340cf64816ad05c1c03f136b21df0a6', class: "sticky-bottom" }, index.h("tr", { key: 'abb87b7c026475da175a6bec772887bf3ac08933', class: "table-light align-middle" }, index.h("td", { key: '32070f512aebc77a42693a93e717d31ef9ed4509', part: "pagination-bar", colSpan: this.columnData.length }, index.h("pagination-menu", { key: '57ee656553f4afee96f5dbdac5866f103cde97eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (index.h("div", { key: '3768192e14155536f0fb53d2abc5f1e92b04cc01' }, index.h("payouts-list-filters", { key: '3fec8cfc6b9d68798148e9eea0725079d32e3406', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '291b7a53bb5657c87568169ebccc1dead39d10c9', class: "table-wrapper" }, index.h("table", { key: '624389fddf8b00dcaf70a75693b542b2f4af4982', class: "table table-hover" }, index.h("thead", { key: '1e28a2a6988eac106c40b8f029d9fa2118cbdb6d', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '1f05dd4c54fb350545cf6b1b3e86b80d96932585', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '3af09dc61461f31f61c2cfdf7896b7dfe9441450', class: "table-body", part: "table-body" }, index.h(table.TableLoadingState, { key: '715a3d0732e45810bdfdcbe5c7db8f29934a1a62', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '3aac2554828eac0c6b0645da5df811b5e5463235', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'cf2b312830b9f59550346085f00bc519e496b2b2', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (index.h("tfoot", { key: '3d7389fb825a7eafcd456b3ae95b115a4218fea3', class: "sticky-bottom" }, index.h("tr", { key: '4c10aa64144a281d8303b04f013bfcc2390f4d04', class: "table-light align-middle" }, index.h("td", { key: '63614e636203a5f15beb26b4d19eed393b6ea481', part: "pagination-bar", colSpan: this.payoutsTable.columnData.length }, index.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/cjs/payouts-list-filters.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+const utils = require('./utils-e88fbc94.js');
+
+const PayoutsListFilters = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.handleDateInput = (name, value) => {
+            const utcDate = utils.convertToUTC(value, { setEndOfDay: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+        this.params = undefined;
+        this.setParamsOnChange = undefined;
+        this.clearParams = undefined;
+    }
+    render() {
+        return (index.h("table-filters-menu", { key: '2f80b6ac3308af53f20f1c8c8fbc596937eeda1d', params: this.params, clearParams: this.clearParams }, index.h("div", { key: '6e0bf319268d1bcbbd81e922f0855eb1c497815f', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '8c29a63ea0c4836a0b002db9adc75ea69cdde988', class: "p-2" }, index.h("form-control-date", { key: '74399fdd150d71758f817454944ef34c9b443240', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.params.created_after, { showInputDate: true }) })), index.h("div", { key: 'e98911d5b92ed5a6642d8f59b23abbebf4f1f85b', class: "p-2" }, index.h("form-control-date", { key: '4f233e95aeae496357938c69f25336123fbf1f0f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.params.created_before, { showInputDate: true }) })))));
+    }
+};
+
+exports.payouts_list_filters = PayoutsListFilters;

package/dist/cjs/payouts-table-4858eb84.js

@@ -0,0 +1,37 @@
+'use strict';
+
+const index = require('./index-fb499e95.js');
+const utils = require('./utils-e88fbc94.js');
+const payoutsStatus = require('./payouts-status-2f7be07d.js');
+
+const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
+const payoutTableColumns = {
+    created_at: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The date the payout was deposited" }, "Created")),
+    sub_account_name: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the payout" }, "Sub Account")),
+    payments_total: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The total payments amount associated with the payout" }, "Payments")),
+    refunds_total: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The total refunds amount associated with the payout" }, "Refunds")),
+    fees_total: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The total fees amount associated with the payout" }, "Fees")),
+    other_total: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The total other amount" }, "Other")),
+    amount: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The total amount of the payout" }, "Amount")),
+    status: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The real-time status of each payout" }, "Status")),
+    csv: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "Export CSV" })),
+};
+const payoutTableCells = (downloadCSV) => ({
+    created_at: (value) => (index.h("td", { part: "table-cell" },
+        index.h("div", { class: "fw-bold" },
+            utils.convertToLocal(value, { showDisplayDate: true }),
+            " "))),
+    sub_account_name: (value) => (index.h("td", { part: "table-cell" }, value)),
+    payments_total: (value) => (index.h("td", { part: "table-cell" }, utils.formatCurrency(value))),
+    refunds_total: (value) => (index.h("td", { part: "table-cell" }, utils.formatCurrency(value))),
+    fees_total: (value) => (index.h("td", { part: "table-cell" }, utils.formatCurrency(value))),
+    other_total: (value) => (index.h("td", { part: "table-cell" }, utils.formatCurrency(value))),
+    amount: (value) => (index.h("td", { part: "table-cell" }, utils.formatCurrency(value))),
+    status: (value) => (index.h("td", { part: "table-cell", innerHTML: payoutsStatus.MapPayoutStatusToBadge(value) })),
+    csv: (value) => (index.h("td", { part: "table-cell" },
+        index.h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(value); } }, "CSV"))),
+});
+
+exports.defaultColumnsKeys = defaultColumnsKeys;
+exports.payoutTableCells = payoutTableCells;
+exports.payoutTableColumns = payoutTableColumns;

package/dist/cjs/{schema-validations-7a9afa7c.js → schema-validations-f0363047.js}

@@ -20,13 +20,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;
 
 exports.EntityDocumentType = void 0;
@@ -94,12 +91,10 @@ const phoneValidation = index_esm.create$6()
 const businessNameValidation = index_esm.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 = index_esm.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 = index_esm.create$6()
     .matches(urlRegex, 'Enter valid website url')
@@ -110,7 +105,6 @@ const businessClassificationValidation = index_esm.create$6()
 const industryValidation = index_esm.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 = index_esm.create$6()
     .matches(numbersOnlyRegex, 'Enter valid tax id, SSN, or EIN')
@@ -136,7 +130,6 @@ const identityNameValidation = index_esm.create$6()
 const identityTitleValidation = index_esm.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 (index_esm.create$6()
@@ -171,14 +164,12 @@ const ssnValidation = index_esm.create$6()
 const lineOneValidation = index_esm.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 = index_esm.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);
 })
@@ -186,7 +177,6 @@ const lineTwoValidation = index_esm.create$6()
 const cityValidation = index_esm.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 = index_esm.create$6()
     .oneOf(stateOptions.StateOptions.map((option) => option.value), 'Select state')
@@ -223,18 +213,16 @@ const otherPaymentDetailsValidation = index_esm.create$6()
 const bankNameValidation = index_esm.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 = index_esm.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 = index_esm.create$6()
     .oneOf(businessFormOptions.bankAccountTypeOptions.map((option) => option.value), 'Select account type')
     .transform(transformEmptyString);
 const accountNumberValidation = index_esm.create$6()
-    .min(8, 'Account number must be at least 8 digits')
+    .min(7, 'Account number must be at least 7 digits')
     .max(17, 'Account number must be less than 17 digits')
     .matches(numbersOnlyRegex, 'Enter valid account number')
     .test('not-repeat', 'Enter valid account number', (value) => {

package/dist/cjs/{table-loading-state-8b406852.js → table-ec9ce9f7.js}

@@ -33,6 +33,27 @@ const TableLoadingState = (props) => {
                 index.h("span", { class: "visually-hidden" }, "Loading...")))));
 };
 
+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;
+    }
+}
+
+exports.Table = Table;
 exports.TableEmptyState = TableEmptyState;
 exports.TableErrorState = TableErrorState;
 exports.TableLoadingState = TableLoadingState;

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

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-fb499e95.js');
 require('./Checkout-a528241d.js');
 const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-04a842f4.js');
-require('./SubAccount-cc95a4a0.js');
-const tableLoadingState = require('./table-loading-state-8b406852.js');
-const utils = require('./utils-f8a6962c.js');
-const terminalsTable = require('./terminals-table-99a7b87b.js');
-const table = require('./table-20e9a053.js');
+require('./Payment-87b47c43.js');
+require('./SubAccount-fda5ec5b.js');
+const table = require('./table-ec9ce9f7.js');
+const utils = require('./utils-ba79e868.js');
+const terminalsTable = require('./terminals-table-12410159.js');
 
 const TerminalsListCore = class {
     constructor(hostRef) {
@@ -130,7 +129,7 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '7f8bc3f39c1250281c2f2ad6fe081fc71bb20e79' }, index.h("terminals-list-filters", { key: 'd1184427fc74d970bd69d56a00d0ef4b7672516b', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '582e37429a153cd17bf3c7ebb16e7330c774f986', class: "table-wrapper" }, index.h("table", { key: '1c03b2ddc8ca2da6b1f2147113f7832b3f27ec1d', class: "table table-hover" }, index.h("thead", { key: '811d48219cc04256f4a37854504252ff53392bd9', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'fafa54ac3abba993dcf38ca2e47f248031226041', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '8c9072bf6ebb7f720f1fad0faa47c72c8ed84dd2', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: 'abddb3ce09e39245c0455893f09e54cc631b26bf', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: '166a461ee8aaf7405fc0a2b12cd17e1e1e9553f3', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(tableLoadingState.TableErrorState, { key: '969bbfcce66b6bcee4dadabe465eaef37022d13b', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (index.h("tfoot", { key: 'c63268c11facddaa44452c58743ad9c03f492898', class: "sticky-bottom" }, index.h("tr", { key: '0e247f8968ad4ed7e8c001354b1c29d5bf7976aa', class: "table-light align-middle" }, index.h("td", { key: '51c5157453d911f5bf370ba2ac6a556dd1592f24', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: '3a3ba65f31099125e9c01bc9c8c001c6437ed720', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (index.h("div", { key: 'd022a41666a6483bcb405bfe477b7eba1e5ca5dd' }, index.h("terminals-list-filters", { key: 'cb0d38d4b51c5cb9482c1f567dce4462bf12a055', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '82cbf05382d9ecaf0d01c4e0b5f61618b1442690', class: "table-wrapper" }, index.h("table", { key: '5c8bd36b6523cf56542b016e3195188781b2cb03', class: "table table-hover" }, index.h("thead", { key: 'f35d86ae84f673437e0fc51ad3e26b1839153590', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '7727a4e30dddd62d6dc3c405c7ca505f91a71643', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '4e0ee2053a33622037e7961ec289036e52632e3f', class: "table-body", part: "table-body" }, index.h(table.TableLoadingState, { key: '96cb647d4f5c2e4a1ecb33be46b868e1318762ca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '062aeeb69a149b2f15e49c81bb3bd16a6d5a5dfd', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '750a04c3ecb53271b3affced7e9245733c64bd57', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (index.h("tfoot", { key: '19edc599b2ccd6212c03045b754fe251335fa665', class: "sticky-bottom" }, index.h("tr", { key: 'dd793c33355dd6b0448e327a62b3cc08a0d09bad', class: "table-light align-middle" }, index.h("td", { key: '0b142d2c1b658e1bb084741fa461d7f350c3449c', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, index.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/cjs/terminals-list-filters.cjs.entry.js

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

package/dist/cjs/{terminals-table-99a7b87b.js → terminals-table-12410159.js}

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

package/dist/cjs/{utils-f8a6962c.js → utils-ba79e868.js}

@@ -1,5 +1,16 @@
 'use strict';
 
+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;
@@ -21,5 +32,6 @@ const hasFilters = (params) => {
     return !!filterKeys.length;
 };
 
+exports.composeQueryParams = composeQueryParams;
 exports.hasFilters = hasFilters;
 exports.onFilterChange = onFilterChange;

package/dist/cjs/{utils-3d84442d.js → utils-e88fbc94.js}

@@ -3850,6 +3850,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;
@@ -3860,13 +3861,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') {
@@ -3906,21 +3907,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 '';
@@ -3934,17 +3954,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();
@@ -3965,14 +3982,14 @@ 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;
-};
 
-exports.composeQueryParams = composeQueryParams;
+exports.convertToLocal = convertToLocal;
+exports.convertToUTC = convertToUTC;
 exports.formatCurrency = formatCurrency;
 exports.formatDate = formatDate;
 exports.formatDisplayDate = formatDisplayDate;