@justifi/webcomponents 4.22.2 → 4.23.0

package/dist/module/payouts-list-filters2.js

@@ -0,0 +1,69 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { k as convertToUTC, j as convertToLocal } from './utils2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-date2.js';
+import { d as defineCustomElement$3 } from './form-control-error-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$1 } from './table-filters-menu2.js';
+
+const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFilters extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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 }) })))));
+    }
+}, [0, "payouts-list-filters", {
+        "params": [16],
+        "setParamsOnChange": [16],
+        "clearParams": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["payouts-list-filters", "custom-popper", "form-control-date", "form-control-error-text", "form-control-tooltip", "table-filters-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "payouts-list-filters":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PayoutsListFilters);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "table-filters-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PayoutsListFilters as P, defineCustomElement as d };

package/dist/module/saved-payment-method.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { c as config } from './config.js';
-import { j as snakeToCamel } from './utils2.js';
+import { h as snakeToCamel } from './utils2.js';
 
 class PaymentMethodOption {
     constructor(paymentMethod) {

package/dist/module/schema-validations.js

@@ -19,13 +19,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;
 
 // Common Validations
@@ -39,12 +36,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')
@@ -55,7 +50,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')
@@ -81,7 +75,6 @@ const identityNameValidation = create$6()
 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()
@@ -116,14 +109,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);
 })
@@ -131,7 +122,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')
@@ -168,12 +158,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/module/table-filters-menu2.js

@@ -1,28 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
+import { h as hasFilters } from './utils3.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
-const onFilterChange = (newFilters, params) => {
-    let newParams = Object.assign({}, params);
-    delete newParams.before_cursor;
-    delete newParams.after_cursor;
-    Object.keys(newFilters).forEach((key) => {
-        if (newFilters[key].length) {
-            newParams[key] = newFilters[key];
-        }
-        else {
-            delete newParams[key];
-        }
-    });
-    return newParams;
-};
-const hasFilters = (params) => {
-    const paginationKeys = ['after_cursor', 'before_cursor'];
-    const paramKeys = Object.keys(params);
-    const filterKeys = paramKeys.filter((paramKey) => !paginationKeys.includes(paramKey));
-    return !!filterKeys.length;
-};
-
 const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu extends HTMLElement {
     constructor() {
         super();
@@ -77,4 +57,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { TableFiltersMenu as T, defineCustomElement as d, onFilterChange as o };
+export { TableFiltersMenu as T, defineCustomElement as d };

package/dist/module/table.js

@@ -1,10 +1,43 @@
+import { h } from '@stencil/core/internal/client';
+
+const TableEmptyState = (props) => {
+    const { columnSpan, isEmpty } = props;
+    if (!columnSpan || !isEmpty) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
+};
+
+const TableErrorState = (props) => {
+    const { columnSpan, errorMessage } = props;
+    if (!columnSpan || !errorMessage) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
+            "An unexpected error occurred: ",
+            errorMessage)));
+};
+
+const TableLoadingState = (props) => {
+    const { columnSpan, isLoading } = props;
+    if (!columnSpan || !isLoading) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
+            h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
+                h("span", { class: "visually-hidden" }, "Loading...")))));
+};
+
 class Table {
     get columnData() {
         return this.columnKeys.map((key) => this.tableColumns[key]());
     }
     get rowData() {
-        return this.collection.map((checkout) => {
-            return this.columnKeys.map((key) => this.tableCells[key](checkout[key]));
+        return this.collection.map((dataEntry) => {
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key]));
         });
     }
     set collectionData(collection) {
@@ -18,4 +51,4 @@ class Table {
     }
 }
 
-export { Table as T };
+export { Table as T, TableLoadingState as a, TableEmptyState as b, TableErrorState as c };

package/dist/module/terminals-list-core2.js

@@ -3,15 +3,15 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state.js';
-import { d as defineCustomElement$2, o as onFilterChange } from './table-filters-menu2.js';
-import { T as Table } from './table.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
+import { o as onFilterChange } from './utils3.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-control-error-text2.js';
 import { d as defineCustomElement$6 } from './form-control-select2.js';
 import { d as defineCustomElement$5 } from './form-control-text2.js';
 import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
+import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 import { d as defineCustomElement$1 } from './terminals-list-filters2.js';
 
 const MapTerminalStatusToBadge = (status) => {
@@ -33,10 +33,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) })),
 };
 
 const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCore extends HTMLElement {
@@ -158,7 +158,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         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/module/terminals-list-filters2.js

@@ -28,7 +28,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         ];
     }
     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 || '' })))));
     }
 }, [0, "terminals-list-filters", {
         "params": [16],

package/dist/module/utils2.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, formatTime as b, formatCurrency as c, formatDisplayDate as d, composeQueryParams as e, formatMediumDate as f, isInRange as g, formatTimeSeconds as h, isEmptyObject as i, snakeToCamel as j, loadFontsOnParent as l, snakeCaseToHumanReadable as s };
+export { formatDate as a, formatTime as b, formatCurrency as c, formatDisplayDate as d, isInRange as e, formatMediumDate as f, formatTimeSeconds as g, snakeToCamel as h, isEmptyObject as i, convertToLocal as j, convertToUTC as k, loadFontsOnParent as l, snakeCaseToHumanReadable as s };

package/dist/module/utils3.js

@@ -1,28 +1,33 @@
-import { C as ComponentErrorCodes } from './ComponentError.js';
-
-// Errors on [capital]/config/locales/en.yml
-// Add more errors as needed
-const API_ERRORS = {
-    NOT_AUTHENTICATED: 'not_authenticated',
-    INVALID_PARAMETER: 'invalid_parameter',
-};
-
-const getErrorMessage = (error) => {
-    if (typeof error === 'string') {
-        return error;
-    }
-    return error.message;
+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;
+    delete newParams.after_cursor;
+    Object.keys(newFilters).forEach((key) => {
+        if (newFilters[key].length) {
+            newParams[key] = newFilters[key];
+        }
+        else {
+            delete newParams[key];
+        }
+    });
+    return newParams;
 };
-const getErrorCode = (code) => {
-    switch (code) {
-        case API_ERRORS.NOT_AUTHENTICATED:
-            return ComponentErrorCodes.NOT_AUTHENTICATED;
-        case API_ERRORS.INVALID_PARAMETER:
-            return ComponentErrorCodes.INVALID_PARAMETER;
-        // add more cases as needed
-        default:
-            return ComponentErrorCodes.FETCH_ERROR;
-    }
+const hasFilters = (params) => {
+    const paginationKeys = ['after_cursor', 'before_cursor'];
+    const paramKeys = Object.keys(params);
+    const filterKeys = paramKeys.filter((paramKey) => !paginationKeys.includes(paramKey));
+    return !!filterKeys.length;
 };
 
-export { getErrorCode as a, getErrorMessage as g };
+export { composeQueryParams as c, hasFilters as h, onFilterChange as o };

package/dist/module/utils4.js

@@ -1,27 +1,28 @@
-const numberOnlyHandler = (e) => {
-    var _a;
-    const specialKeys = ['Backspace', 'Tab', 'Enter', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Delete'];
-    // Check if the key is a special key
-    if (e instanceof KeyboardEvent && specialKeys.includes(e.key)) {
-        return;
-    }
-    // Allow Ctrl+V / Command+V for pasting
-    const isPaste = e instanceof KeyboardEvent && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v';
-    if (isPaste) {
-        return;
-    }
-    // Handle paste event
-    if (e instanceof ClipboardEvent) {
-        const clipboardData = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');
-        if (clipboardData && !/^\d+$/.test(clipboardData)) {
-            e.preventDefault();
-        }
-        return;
+import { C as ComponentErrorCodes } from './ComponentError.js';
+
+// Errors on [capital]/config/locales/en.yml
+// Add more errors as needed
+const API_ERRORS = {
+    NOT_AUTHENTICATED: 'not_authenticated',
+    INVALID_PARAMETER: 'invalid_parameter',
+};
+
+const getErrorMessage = (error) => {
+    if (typeof error === 'string') {
+        return error;
     }
-    // Prevent default action if the key is not a digit
-    if (e instanceof KeyboardEvent && !/^\d$/.test(e.key)) {
-        e.preventDefault();
+    return error.message;
+};
+const getErrorCode = (code) => {
+    switch (code) {
+        case API_ERRORS.NOT_AUTHENTICATED:
+            return ComponentErrorCodes.NOT_AUTHENTICATED;
+        case API_ERRORS.INVALID_PARAMETER:
+            return ComponentErrorCodes.INVALID_PARAMETER;
+        // add more cases as needed
+        default:
+            return ComponentErrorCodes.FETCH_ERROR;
     }
 };
 
-export { numberOnlyHandler as n };
+export { getErrorCode as a, getErrorMessage as g };

package/dist/module/utils5.js

@@ -0,0 +1,27 @@
+const numberOnlyHandler = (e) => {
+    var _a;
+    const specialKeys = ['Backspace', 'Tab', 'Enter', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Delete'];
+    // Check if the key is a special key
+    if (e instanceof KeyboardEvent && specialKeys.includes(e.key)) {
+        return;
+    }
+    // Allow Ctrl+V / Command+V for pasting
+    const isPaste = e instanceof KeyboardEvent && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v';
+    if (isPaste) {
+        return;
+    }
+    // Handle paste event
+    if (e instanceof ClipboardEvent) {
+        const clipboardData = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');
+        if (clipboardData && !/^\d+$/.test(clipboardData)) {
+            e.preventDefault();
+        }
+        return;
+    }
+    // Prevent default action if the key is not a digit
+    if (e instanceof KeyboardEvent && !/^\d$/.test(e.key)) {
+        e.preventDefault();
+    }
+};
+
+export { numberOnlyHandler as n };

package/dist/types/api/Payment.d.ts

@@ -156,7 +156,9 @@ export declare class Payment implements IPayment {
     transaction_hold: null;
     constructor(payment: IPayment);
     get disputedStatus(): PaymentDisputedStatuses | null;
-    get paymentType(): PaymentTypes;
+    get payment_type(): PaymentTypes;
+    get payers_name(): string | null;
+    get last_four_digits(): string | null;
 }
 export interface IRefund {
     id: string;

package/dist/types/api/Payout.d.ts

@@ -1,4 +1,10 @@
 import { IBankAccount } from './BankAccount';
+export interface PayoutsTableFilterParams {
+    created_after?: string;
+    created_before?: string;
+    before_cursor?: string;
+    after_cursor?: string;
+}
 export declare enum PayoutStatuses {
     paid = "paid",
     failed = "failed",
@@ -56,5 +62,7 @@ export declare class Payout implements IPayout {
     metadata: Object | null;
     created_at: string;
     updated_at: string;
+    sub_account_name?: string;
     constructor(payout: IPayout);
+    get csv(): string;
 }

package/dist/types/api/services/payout.service.d.ts

@@ -1,11 +1,11 @@
 import { IApiResponse, IApiResponseCollection, IPayout } from '..';
 export interface IPayoutService {
-    fetchPayouts(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayout[]>>;
-    fetchPayout(payoutId: string, authToken: string): Promise<IApiResponse<IPayout>>;
+    fetchPayouts(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayout[]>>;
+    fetchPayout(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<IPayout>>;
     fetchCSV(payoutId: string, authToken: string): Promise<IApiResponse<any>>;
 }
 export declare class PayoutService implements IPayoutService {
-    fetchPayouts(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayout[]>>;
-    fetchPayout(payoutId: string, authToken: string): Promise<IApiResponse<IPayout>>;
-    fetchCSV(payoutId: string, authToken: string): Promise<IApiResponse<any>>;
+    fetchPayouts(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayout[]>>;
+    fetchPayout(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<IPayout>>;
+    fetchCSV(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<any>>;
 }

package/dist/types/components/checkouts-list/checkouts-list.d.ts

@@ -30,7 +30,7 @@ export declare class CheckoutsList {
     accountId: string;
     authToken: string;
     apiOrigin?: string;
-    columns: string;
+    columns?: string;
     errorEvent: EventEmitter<ComponentError>;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;

package/dist/types/components/dispute-management/counter-dispute/counter-dispute.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class CounterDispute {
-    submit: EventEmitter;
+    submitted: EventEmitter;
     clickEvent: EventEmitter;
     currentStep: number;
     refs: any[];