@justifi/webcomponents 5.3.1 → 5.3.3

package/dist/module/terminal-orders-list-core2.js

@@ -0,0 +1,117 @@
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
+import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
+import './details.js';
+import './ComponentError.js';
+import './Checkout.js';
+import { p as pagingDefaults } from './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.js';
+import { d as defineCustomElement$1 } from './pagination-menu2.js';
+
+const defaultColumnsKeys = 'id,status';
+const terminalOrdersTableColumns = {
+    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal order" }, "ID")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The status of the terminal order" }, "Status")),
+};
+const terminalOrdersTableCells = {
+    id: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.id)),
+    status: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.status)),
+};
+
+const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersListCore extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+        };
+        this.rowClickHandler = (e) => {
+            const clickedOrderId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedOrderId)
+                return;
+            console.log('clickedOrderId', clickedOrderId);
+        };
+        this.getTerminalOrders = undefined;
+        this.columns = undefined;
+        this.terminalOrders = [];
+        this.terminalOrdersTable = undefined;
+        this.loading = true;
+        this.errorMessage = undefined;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+    }
+    updateOnPropChange() {
+        this.fetchData();
+    }
+    componentWillLoad() {
+        this.terminalOrdersTable = new Table(this.terminalOrders, this.columns, terminalOrdersTableColumns, terminalOrdersTableCells);
+        if (this.getTerminalOrders) {
+            this.fetchData();
+        }
+    }
+    fetchData() {
+        this.loading = true;
+        console.log('fetching terminal orders');
+        this.loading = false;
+    }
+    get entityId() {
+        return this.terminalOrders.map((terminalOrder) => terminalOrder.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.terminalOrdersTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
+    render() {
+        return (h("div", { key: '0985e60932d09dafc25f5d98415a7dc0b56d64a8' }, h("div", { key: '390633346017eaced1704ea7b5c800aae0f9df57', class: "table-wrapper" }, h("table", { key: '56959798f3fab7ff46d410908f7cf0e889940a51', class: "table table-hover", part: table }, h("thead", { key: '25fab5c7217777cd10ef8515ce5745748d8cdb22', class: "table-head sticky-top" }, h("tr", { key: '6c5606a186e0a3bacda194cd348d92798d63b9e4', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: 'cff51b485040873e6bde770269d4aa4a161c4c82', class: "table-body" }, h(TableLoadingState, { key: 'f38917eb02c8f537496b2465e5b64da302e8c19a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2f7ee4c2c1a9d37134df4a955f92a33ef2ac6ca3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c9bbb80471f1ad7ef04199949cfd0583852a5a26', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'c476e3245d5365d6facff461ea921c18c3001caf', class: "sticky-bottom" }, h("tr", { key: 'ae0d4344538d1f3ee7c2702c1475e730e1d25b8c', class: "table-light align-middle" }, h("td", { key: 'f5c8fa258bcc8d0853f9f419722d7e995f2a771b', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2e73c5c292533441692ed97ee065448426c43f85', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get watchers() { return {
+        "pagingParams": ["updateOnPropChange"],
+        "getTerminalOrders": ["updateOnPropChange"],
+        "columns": ["updateOnPropChange"]
+    }; }
+}, [0, "terminal-orders-list-core", {
+        "getTerminalOrders": [16],
+        "columns": [1],
+        "terminalOrders": [32],
+        "terminalOrdersTable": [32],
+        "loading": [32],
+        "errorMessage": [32],
+        "paging": [32],
+        "pagingParams": [32]
+    }, undefined, {
+        "pagingParams": ["updateOnPropChange"],
+        "getTerminalOrders": ["updateOnPropChange"],
+        "columns": ["updateOnPropChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["terminal-orders-list-core", "pagination-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "terminal-orders-list-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalOrdersListCore);
+            }
+            break;
+        case "pagination-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TerminalOrdersListCore as T, defaultColumnsKeys as a, defineCustomElement as d };

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

@@ -6,10 +6,11 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
 import './details.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { o as onQueryParamsChange, q as queryParams } from './terminals-list-params-state.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
+import { T as TableClickActions } from './event-types2.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const MapTerminalStatusToBadge = (status) => {
@@ -37,7 +38,7 @@ const MapTerminalStatusToBadge = (status) => {
 const defaultColumnsKeys = 'nickname,provider_id,status';
 const terminalTableColumns = {
     nickname: () => (h("th", { part: tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
+    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number / provider ID of the terminal" }, "Serial Number")),
     sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };
@@ -99,7 +100,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
     fetchData() {
         this.loading = true;
         this.getTerminals({
-            params: this.requestParams,
+            params: this.terminalParams,
             onSuccess: async ({ terminals, pagingInfo }) => {
                 this.terminals = terminals;
                 this.paging = pagingInfo;
@@ -146,9 +147,10 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get terminalParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
@@ -169,10 +171,9 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'a80b76fc1f535c9d1fea371b7655a2baa373e53c' }, h("div", { key: '3c6fb067ed034fd09c767e5f1b7ffa7ab2b0b6c2', class: "table-wrapper" }, h("table", { key: 'e24cff12e153db046b1565011bbae3db133609f9', class: "table table-hover", part: table }, h("thead", { key: 'd91e948a4b0a6da3bc67ea489bf6deb828ccb9e5', class: "table-head sticky-top" }, h("tr", { key: '7e629ab6636fceb70dd75e1163094cd44d1f525d', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '760ed57f2a669d3a6cd54953c9d5259cb6518a60', class: "table-body" }, h(TableLoadingState, { key: '4cb50cce3d9644904fffd1969de19647c6eabc11', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84ea8077a878aa6b94c1bd2eb1c9393ffc41b983', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '94cb9745f2951383625833a783d4d2bf8e88b1b2', 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 }, data)))), this.paging && (h("tfoot", { key: '0e111df52934ff81bddd77a15d720c44f53e3096', class: "sticky-bottom" }, h("tr", { key: '0abc10194bb09342ecefb62b7a981c3809542a99', class: "table-light align-middle" }, h("td", { key: '828f58c6054dd437cb597696d5bdaf33069e69cf', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'd9f4db3f7c580fda067afff8919a695776c8f502', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '074b9925b7092b69d4073b86e926bc6e627ba8cd' }, h("div", { key: '195acd38db8ecc931e86e517a5e626ced44ce66f', class: "table-wrapper" }, h("table", { key: '6534aba9b68490de5a7bd03d9760021db02e3f61', class: "table table-hover", part: table }, h("thead", { key: 'bf8dc807e1b31ed1e8040f952b5bfc3cfa77116d', class: "table-head sticky-top" }, h("tr", { key: 'b6828dbb38504d1f410f4c1199ea12d03b66292a', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '2080463e7f6ac9995b30e38e52f1650f75983dab', class: "table-body" }, h(TableLoadingState, { key: '36b61e1fb8c23dea61aa3a41b2749f80dbfb34bb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c2a11b7e3ebb37538522026854faf3f10e405271', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'a40dd753552ee8ad3fae2655a4e890e67a8c14f0', 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 }, data)))), this.paging && (h("tfoot", { key: '0af6b6aefe2160a36e773deabed1c6d006d0cde2', class: "sticky-bottom" }, h("tr", { key: '8576eee95c757c41d6b0a6838933e9c123f519d3', class: "table-light align-middle" }, h("td", { key: '87ca55905ecb734ddb059dce080256af6a7f1be1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '08f29c2415998948e4dc020487fe10215bf10c3d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getTerminals": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"],
@@ -190,7 +191,6 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         "paging": [32],
         "pagingParams": [32]
     }, undefined, {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getTerminals": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"],

package/dist/module/terminals-list-params-state.js

@@ -1,10 +1,16 @@
 import { c as createStore } from './index2.js';
 
-const initialState = {};
-const terminalsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = terminalsListQueryParams;
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
 const clearParams = () => {
-    terminalsListQueryParams.reset();
+    filterParamsStore.reset();
 };
 
-export { clearParams as c, onQueryParamsChange as o, queryParams as q };
+export { clearParams as c, filterParams as f, getRequestParams as g, onQueryParamsChange as o, propsParams as p };

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

@@ -128,14 +128,14 @@ export interface IBusiness {
     email: string;
     id: string;
     industry: string;
-    legal_address: IAddress | {};
+    legal_address?: IAddress | null;
     legal_name: string;
     metadata: any;
     owners: Identity[];
     phone: string;
     platform_account_id: string;
     product_categories: ProductCategories;
-    representative: Identity | {};
+    representative?: Identity | null;
     tax_id: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
@@ -153,13 +153,13 @@ export declare class Business implements IBusiness {
     email: string;
     id: string;
     industry: string;
-    legal_address: Address | {};
+    legal_address?: Address | null;
     legal_name: string;
     metadata: any;
     owners: Identity[];
     phone: string;
     platform_account_id: string;
-    representative: Identity | {};
+    representative?: Identity | null;
     tax_id: string;
     terms_conditions_accepted: boolean;
     updated_at: string;

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

@@ -133,11 +133,16 @@ export declare enum ICheckoutPaymentMode {
     card_present = "Card Present",
     unknown = ""
 }
+export declare enum ICheckoutStatus {
+    created = "created",
+    completed = "completed",
+    attempted = "attempted",
+    expired = "expired"
+}
 export declare enum CompletionStatuses {
     failed = "failed",
     succeeded = "succeeded"
 }
-export type ICheckoutStatus = 'created' | 'completed' | 'attempted' | 'expired';
 export type ICheckoutCompleteResponse = IApiResponse<{
     payment_mode: ICheckoutPaymentMode;
     payment_token: null;

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

@@ -63,6 +63,5 @@ export declare class Payout implements IPayout {
     updated_at: string;
     sub_account_name?: string;
     constructor(payout: IPayout);
-    get csv(): string;
     formattedPaymentAmount(amount: number): string;
 }

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

@@ -2,15 +2,14 @@ export interface TerminalsQueryParams {
     terminal_id?: string;
     status?: string;
 }
-export interface ITerminalStatus {
-    id?: string | null;
-    status: string;
-    last_date_time_connected?: string | null;
-    last_date_time_active?: string | null;
+export declare enum ITerminalStatus {
+    connected = "connected",
+    disconnected = "disconnected",
+    unknown = "unknown"
 }
 export interface ITerminal {
     id?: string | null;
-    status?: string | null;
+    status?: ITerminalStatus;
     account_id?: string | null;
     platform_account_id?: string | null;
     gateway_ref_id?: string | null;
@@ -21,17 +20,12 @@ export interface ITerminal {
     verified_at?: string | null;
     nickname?: string | null;
 }
-export declare enum TerminalStatuses {
-    connected = "connected",
-    disconnected = "disconnected",
-    unknown = "unknown"
-}
 export declare enum TerminalProviders {
     verifone = "verifone"
 }
 export declare class Terminal implements ITerminal {
     id: string;
-    status: TerminalStatuses;
+    status: ITerminalStatus;
     account_id: string;
     platform_account_id: string;
     provider: string;

package/dist/types/components/checkout/bank-account-form/bank-account-form-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+interface BankAccountFormSkeletonProps {
+    isReady: boolean;
+}
+declare const BankAccountFormSkeleton: FunctionalComponent<BankAccountFormSkeletonProps>;
+export default BankAccountFormSkeleton;

package/dist/types/components/checkout/bank-account-form/bank-account-form.d.ts

@@ -1,8 +1,10 @@
 export declare class BankAccountForm {
     iframeOrigin: string;
+    isReady: boolean;
     private accountNumberIframeElement;
     private routingNumberIframeElement;
     validate(): Promise<any>;
     tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<any>;
+    componentDidRender(): void;
     render(): any;
 }

package/dist/types/components/checkout/card-form/card-form-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+interface CardFormSkeletonProps {
+    isReady: boolean;
+}
+declare const CardFormSkeleton: FunctionalComponent<CardFormSkeletonProps>;
+export default CardFormSkeleton;

package/dist/types/components/checkout/card-form/card-form.d.ts

@@ -1,9 +1,11 @@
 export declare class CardForm {
     iframeOrigin: string;
+    isReady: boolean;
     private cardNumberIframeElement;
     private expirationMonthIframeElement;
     private expirationYearIframeElement;
     private cvvIframeElement;
+    componentDidRender(): void;
     validate(): Promise<any>;
     tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<any>;
     render(): any;

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

@@ -22,7 +22,7 @@ export declare class CheckoutsListCore {
     handleClickPrevious: (beforeCursor: string) => void;
     handleClickNext: (afterCursor: string) => void;
     rowClickHandler: (e: any) => void;
-    get requestParams(): any;
+    get checkoutParams(): any;
     get subAccountParams(): {
         sub_account_id: string;
     };

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

@@ -1,5 +1,8 @@
-import { ICheckoutStatus } from '../../api';
+import { ICheckoutPaymentMode, ICheckoutStatus } from '../../api';
 export declare class CheckoutsListFilters {
+    checkoutStatus?: ICheckoutStatus;
+    paymentMode?: ICheckoutPaymentMode;
+    componentWillLoad(): void;
     setParamsOnChange: (name: string, value: string) => void;
     get checkoutStatusOptions(): {
         label: string;
@@ -7,7 +10,7 @@ export declare class CheckoutsListFilters {
     }[];
     get checkoutPaymentModeOptions(): {
         label: string;
-        value: string;
+        value: ICheckoutPaymentMode | '';
     }[];
     render(): any;
 }

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

@@ -1,5 +1,6 @@
 import { CheckoutsQueryParams } from '../../api';
-declare const checkoutsListQueryParams: import("@stencil/store").ObservableMap<CheckoutsQueryParams>;
-declare const queryParams: CheckoutsQueryParams, onQueryParamsChange: import("@stencil/store/dist/types").OnHandler<CheckoutsQueryParams>;
+declare const filterParams: CheckoutsQueryParams, onQueryParamsChange: import("@stencil/store/dist/types").OnHandler<CheckoutsQueryParams>;
+declare const propsParams: CheckoutsQueryParams;
+declare const getRequestParams: () => CheckoutsQueryParams;
 declare const clearParams: () => void;
-export { checkoutsListQueryParams, queryParams, onQueryParamsChange, clearParams };
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

package/dist/types/components/order-terminals/order-terminals-loading.d.ts

@@ -0,0 +1 @@
+export declare const OrderTerminalsLoading: () => any;

package/dist/types/components/order-terminals/order-terminals.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import JustifiAnalytics from "../../api/Analytics";
+import { ComponentErrorEvent } from "../../api";
+import { Business } from "../../api/Business";
+export declare class OrderTerminals {
+    businessId: string;
+    authToken: string;
+    errorMessage: string;
+    isLoading: boolean;
+    business: Business;
+    analytics: JustifiAnalytics;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
+    componentWillLoad(): void;
+    private initializeGetBusiness;
+    render(): any;
+}

package/dist/types/components/payments-list/payments-list-core.d.ts

@@ -19,10 +19,10 @@ export declare class PaymentsListCore {
     handleClickPrevious: (beforeCursor: string) => void;
     handleClickNext: (afterCursor: string) => void;
     rowClickHandler: (e: any) => void;
+    get paymentParams(): any;
     get entityId(): string[];
     get showEmptyState(): boolean;
     get showErrorState(): boolean;
     get showRowData(): boolean;
-    get params(): any;
     render(): any;
 }

package/dist/types/components/payouts-list/payouts-list-core.d.ts

@@ -24,7 +24,7 @@ export declare class PayoutsListCore {
     handleClickPrevious: (beforeCursor: string) => void;
     handleClickNext: (afterCursor: string) => void;
     rowClickHandler: (e: any) => void;
-    get requestParams(): any;
+    get payoutParams(): any;
     get subAccountParams(): {
         sub_account_id: string;
     };

package/dist/types/components/payouts-list/payouts-list-filters.d.ts

@@ -1,4 +1,7 @@
 export declare class PayoutsListFilters {
+    createdAfter?: string;
+    createdBefore?: string;
+    componentWillLoad(): void;
     setParamsOnChange: (name: string, value: string) => void;
     handleDateInput: (name: string, value: string) => void;
     render(): any;

package/dist/types/components/payouts-list/payouts-list-params-state.d.ts

@@ -1,5 +1,6 @@
 import { PayoutsQueryParams } from '../../api';
-declare const payoutsListQueryParams: import("@stencil/store").ObservableMap<PayoutsQueryParams>;
-declare const queryParams: PayoutsQueryParams, onQueryParamsChange: import("@stencil/store/dist/types").OnHandler<PayoutsQueryParams>;
+declare const filterParams: PayoutsQueryParams, onQueryParamsChange: import("@stencil/store/dist/types").OnHandler<PayoutsQueryParams>;
+declare const propsParams: PayoutsQueryParams;
+declare const getRequestParams: () => PayoutsQueryParams;
 declare const clearParams: () => void;
-export { payoutsListQueryParams, queryParams, onQueryParamsChange, clearParams };
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

package/dist/types/components/terminal-orders-list/terminal-orders-list-core.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Table } from '../../utils/table';
+import { PagingInfo } from '../../api';
+export declare class TerminalOrdersListCore {
+    getTerminalOrders: Function;
+    columns: string;
+    terminalOrders: any[];
+    terminalOrdersTable: Table<any>;
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    pagingParams: any;
+    updateOnPropChange(): void;
+    errorEvent: EventEmitter<any>;
+    componentWillLoad(): void;
+    fetchData(): void;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    rowClickHandler: (e: any) => void;
+    get entityId(): any[];
+    get showEmptyState(): boolean;
+    get showErrorState(): boolean;
+    get showRowData(): boolean;
+    render(): any;
+}

package/dist/types/components/terminal-orders-list/terminal-orders-list.d.ts

@@ -0,0 +1,11 @@
+export declare class TerminalOrdersList {
+    getTerminalOrders: Function;
+    errorMessage: string;
+    businessId: string;
+    authToken: string;
+    apiOrigin?: string;
+    columns?: string;
+    componentWillLoad(): void;
+    private initializeGetTerminalOrders;
+    render(): any;
+}

package/dist/types/components/terminal-orders-list/terminal-orders-table.d.ts

@@ -0,0 +1,9 @@
+export declare const defaultColumnsKeys = "id,status";
+export declare const terminalOrdersTableColumns: {
+    id: () => any;
+    status: () => any;
+};
+export declare const terminalOrdersTableCells: {
+    id: (terminalOrder: any, index: any) => any;
+    status: (terminalOrder: any, index: any) => any;
+};

package/dist/types/components/terminals-list/terminals-list-core.d.ts

@@ -22,7 +22,7 @@ export declare class TerminalsListCore {
     handleClickPrevious: (beforeCursor: string) => void;
     handleClickNext: (afterCursor: string) => void;
     rowClickHandler: (e: any) => void;
-    get requestParams(): any;
+    get terminalParams(): any;
     get subAccountParams(): {
         sub_account_id: string;
     };

package/dist/types/components/terminals-list/terminals-list-filters.d.ts

@@ -1,10 +1,13 @@
+import { ITerminalStatus } from '../../api';
 export declare class TerminalsListFilters {
+    terminalId?: string;
+    terminalStatus?: ITerminalStatus;
     private debouncedSetParamsOnChange;
     componentWillLoad(): void;
     setParamsOnChange: (name: string, value: string) => void;
     get terminalStatusOptions(): {
         label: string;
-        value: string;
+        value: ITerminalStatus | '';
     }[];
     render(): any;
 }

package/dist/types/components/terminals-list/terminals-list-params-state.d.ts

@@ -1,5 +1,6 @@
 import { TerminalsQueryParams } from '../../api';
-declare const terminalsListQueryParams: import("@stencil/store").ObservableMap<TerminalsQueryParams>;
-declare const queryParams: TerminalsQueryParams, onQueryParamsChange: import("@stencil/store/dist/types").OnHandler<TerminalsQueryParams>;
+declare const filterParams: TerminalsQueryParams, onQueryParamsChange: import("@stencil/store/dist/types").OnHandler<TerminalsQueryParams>;
+declare const propsParams: TerminalsQueryParams;
+declare const getRequestParams: () => TerminalsQueryParams;
 declare const clearParams: () => void;
-export { terminalsListQueryParams, queryParams, onQueryParamsChange, clearParams };
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

package/dist/types/components/tokenize-payment-method/tokenize-payment-method.d.ts

@@ -1,7 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { BillingFormFields } from '../../components';
 import JustifiAnalytics from '../../api/Analytics';
-import { ComponentErrorEvent, ComponentSubmitEvent } from '../../api/ComponentEvents';
+import { BillingFormFields } from '../billing-forms/billing-form-schema';
+import { PaymentMethodPayload } from '../checkout/payment-method-payload';
+import { ComponentSubmitEvent, ComponentErrorEvent } from '../../api';
 export declare class TokenizePaymentMethod {
     authToken: string;
     accountId: string;
@@ -18,7 +19,7 @@ export declare class TokenizePaymentMethod {
     private paymentMethodOptionsRef?;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;
-    tokenizePaymentMethod(event?: CustomEvent): Promise<void>;
+    tokenizePaymentMethod(event?: CustomEvent): Promise<PaymentMethodPayload>;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     render(): any;
 }