@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

package/dist/module/table-filters-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TableFiltersMenu extends Components.TableFiltersMenu, HTMLElement {}
+export const TableFiltersMenu: {
+    prototype: TableFiltersMenu;
+    new (): TableFiltersMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/table-filters-menu.js

@@ -0,0 +1,6 @@
+import { T as TableFiltersMenu$1, d as defineCustomElement$1 } from './table-filters-menu2.js';
+
+const TableFiltersMenu = TableFiltersMenu$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TableFiltersMenu, defineCustomElement };

package/dist/module/table-filters-menu2.js

@@ -0,0 +1,80 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { B as Button } from './button.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();
+        this.__registerHost();
+        this.anchorButton = undefined;
+        this.menu = undefined;
+        this.showClearButton = false;
+        this.params = undefined;
+        this.clearParams = undefined;
+    }
+    watchParamsHandler(newValue) {
+        this.showClearButton = hasFilters(newValue);
+    }
+    show() {
+        this.menu.classList.add('show');
+    }
+    hide() {
+        this.menu.classList.remove('show');
+    }
+    render() {
+        return (h("div", { key: '26c76e4989db63505bbb6d4ecfed10f964839c73', class: "d-flex gap-2" }, h("div", { key: '5b9b28d3c1daeb5c38fd5f2fb2529e8251f6d193', class: "dropdown pb-3" }, h(Button, { key: '45adcccffe23b4d357f0870f961eecfa0a8b3199', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '8f381f3db3956a642107bba64f2a2a4370bae2cf', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '8e5cb0a64848e0720732fc95206deaf56ca338c9', class: "dropdown-menu", part: "dropdown-menu", "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a102749963913d0a58e0210ea9c3bf3d4a14c1f3' })))), h("div", { key: 'ac38e6b46ce79967e66da4d40c0778df0b07e1a6' }, h(Button, { key: '2c8ef6ff571121b8cab1b17f2ac7035792f1d7f4', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+    }
+    static get watchers() { return {
+        "params": ["watchParamsHandler"]
+    }; }
+}, [4, "table-filters-menu", {
+        "params": [8],
+        "clearParams": [16],
+        "anchorButton": [32],
+        "menu": [32],
+        "showClearButton": [32]
+    }, [[0, "showEvent", "show"], [0, "hideEvent", "hide"]], {
+        "params": ["watchParamsHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["table-filters-menu", "custom-popper"];
+    components.forEach(tagName => { switch (tagName) {
+        case "table-filters-menu":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableFiltersMenu);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TableFiltersMenu as T, defineCustomElement as d, onFilterChange as o };

package/dist/module/utils2.js

@@ -3971,21 +3971,6 @@ function snakeToCamel(str) {
         return '';
     return str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 }
-function flattenNestedObject(obj) {
-    const result = {};
-    for (const key in obj) {
-        if (typeof obj[key] === 'object' && obj[key] !== null) {
-            const nestedObj = flattenNestedObject(obj[key]);
-            for (const nestedKey in nestedObj) {
-                result[nestedKey] = nestedObj[nestedKey];
-            }
-        }
-        else {
-            result[key] = obj[key];
-        }
-    }
-    return result;
-}
 function composeQueryParams(values) {
     const queryParams = values.map((value) => {
         if (value === values[0]) {
@@ -4024,4 +4009,4 @@ const isInRange = (num, min, max) => {
     return num >= min && num <= max;
 };
 
-export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, flattenNestedObject as d, isInRange as e, formatMediumDate as f, formatDate as g, formatTimeSeconds as h, isEmptyObject as i, snakeToCamel as j, formatTime as k, loadFontsOnParent as l, MapPayoutStatusToBadge as m, snakeCaseToHumanReadable as s };
+export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, isInRange as d, formatDate as e, formatMediumDate as f, formatTimeSeconds as g, snakeToCamel as h, isEmptyObject as i, formatTime as j, MapPayoutStatusToBadge as k, loadFontsOnParent as l, snakeCaseToHumanReadable as s };

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

@@ -34,6 +34,15 @@ export declare class Address implements IAddress {
     created_at?: string;
     updated_at?: string;
     constructor(address: IAddress);
+    get payload(): {
+        platform_account_id: string;
+        line1: string;
+        line2: string;
+        postal_code: string;
+        city: string;
+        state: string;
+        country: string;
+    };
 }
 export interface ProductCategories {
     credit: boolean;
@@ -49,6 +58,7 @@ export interface IAdditionalQuestions {
     business_recurring_payments_percentage?: string;
     business_seasonal?: string;
     business_other_payment_details?: string;
+    payload?: any;
 }
 export declare class AdditionalQuestions implements IAdditionalQuestions {
     business_revenue?: string;
@@ -59,6 +69,15 @@ export declare class AdditionalQuestions implements IAdditionalQuestions {
     business_seasonal?: string;
     business_other_payment_details?: string;
     constructor(additionalQuestions: IAdditionalQuestions);
+    get payload(): {
+        business_revenue: string;
+        business_payment_volume: string;
+        business_when_service_received: string;
+        business_recurring_payments: string;
+        business_recurring_payments_percentage: string;
+        business_seasonal: string;
+        business_other_payment_details: string;
+    };
 }
 export interface ICoreBusinessInfo {
     classification?: BusinessClassification;
@@ -82,6 +101,17 @@ export declare class CoreBusinessInfo implements ICoreBusinessInfo {
     phone: string;
     date_of_incorporation: string;
     constructor(coreBusinessInfo: ICoreBusinessInfo);
+    get payload(): {
+        classification: string;
+        legal_name: string;
+        doing_business_as: string;
+        industry: string;
+        tax_id: string;
+        website_url: string;
+        email: string;
+        phone: string;
+        date_of_incorporation: string;
+    };
 }
 export interface IBusiness {
     additional_questions: IAdditionalQuestions;
@@ -109,7 +139,7 @@ export interface IBusiness {
     date_of_incorporation?: string;
 }
 export declare class Business implements IBusiness {
-    additional_questions: AdditionalQuestions;
+    additional_questions: IAdditionalQuestions;
     associated_accounts: any[];
     classification: BusinessClassification;
     bank_accounts: IBankAccount[];
@@ -133,6 +163,62 @@ export declare class Business implements IBusiness {
     date_of_incorporation?: string;
     product_categories: ProductCategories;
     constructor(business: IBusiness);
+    get payload(): {
+        additional_questions: {
+            business_revenue: string;
+            business_payment_volume: string;
+            business_when_service_received: string;
+            business_recurring_payments: string;
+            business_recurring_payments_percentage: string;
+            business_seasonal: string;
+            business_other_payment_details: string;
+        };
+        classification: string;
+        doing_business_as: string;
+        email: string;
+        industry: string;
+        legal_address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        legal_name: string;
+        metadata: any;
+        owners: {
+            id: string;
+        }[];
+        phone: string;
+        platform_account_id: string;
+        representative: {
+            address: {
+                platform_account_id: string;
+                line1: string;
+                line2: string;
+                postal_code: string;
+                city: string;
+                state: string;
+                country: string;
+            };
+            dob_day: string;
+            dob_month: string;
+            dob_year: string;
+            email: string;
+            is_owner: boolean;
+            identification_number: string;
+            metadata: any;
+            name: string;
+            phone: string;
+            platform_account_id: string;
+            title: string;
+        };
+        tax_id: string;
+        website_url: string;
+        date_of_incorporation: string;
+    };
 }
 export interface IProductReadiness {
     business_id: string;

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

@@ -1,4 +1,4 @@
-import { Address, IAddress } from "./Business";
+import { Address, IAddress } from './Business';
 export interface Identity {
     address?: IAddress;
     created_at?: string;
@@ -40,6 +40,28 @@ export declare class Owner implements Identity {
     title?: string;
     updated_at?: string;
     constructor(owner: Identity);
+    get payload(): {
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        identification_number: string;
+        is_owner: boolean;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    };
 }
 export declare class Representative implements Identity {
     address?: Address;
@@ -62,4 +84,26 @@ export declare class Representative implements Identity {
     title?: string;
     updated_at?: string;
     constructor(representative: Identity);
+    get payload(): {
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        is_owner: boolean;
+        identification_number: string;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    };
 }

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

@@ -169,3 +169,11 @@ export interface IApplicationFee {
     created_at: string;
     updated_at: string;
 }
+export interface PaymentsParams {
+    terminal_id?: string;
+    payment_status?: PaymentStatuses;
+    created_after?: string;
+    created_before?: string;
+    after_cursor?: string;
+    before_cursor?: string;
+}

package/dist/types/components/business-forms/owner-form/owner-form-core.d.ts

@@ -28,7 +28,50 @@ export declare class BusinessOwnerFormCore {
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;
     validateAndSubmit(event: any): Promise<void>;
-    get payload(): string;
+    get payload(): {
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        identification_number: string;
+        is_owner: boolean;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    } | {
+        business_id: string;
+        address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+        dob_day: string;
+        dob_month: string;
+        dob_year: string;
+        email: string;
+        identification_number: string;
+        is_owner: boolean;
+        metadata: any;
+        name: string;
+        phone: string;
+        platform_account_id: string;
+        title: string;
+    };
     get formTitle(): "Edit Business Owner" | "Add Business Owner";
     get submitButtonText(): "Update" | "Add";
     get showRemoveButton(): boolean;

package/dist/types/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.d.ts

@@ -16,7 +16,17 @@ export declare class AdditionalQuestionsFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        additional_questions: {
+            business_revenue: string;
+            business_payment_volume: string;
+            business_when_service_received: string;
+            business_recurring_payments: string;
+            business_recurring_payments_percentage: string;
+            business_seasonal: string;
+            business_other_payment_details: string;
+        };
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.d.ts

@@ -17,7 +17,17 @@ export declare class BusinessCoreInfoFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        classification: string;
+        legal_name: string;
+        doing_business_as: string;
+        industry: string;
+        tax_id: string;
+        website_url: string;
+        email: string;
+        phone: string;
+        date_of_incorporation: string;
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.d.ts

@@ -16,7 +16,30 @@ export declare class BusinessRepresentativeFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        representative: {
+            address: {
+                platform_account_id: string;
+                line1: string;
+                line2: string;
+                postal_code: string;
+                city: string;
+                state: string;
+                country: string;
+            };
+            dob_day: string;
+            dob_month: string;
+            dob_year: string;
+            email: string;
+            is_owner: boolean;
+            identification_number: string;
+            metadata: any;
+            name: string;
+            phone: string;
+            platform_account_id: string;
+            title: string;
+        };
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.d.ts

@@ -16,7 +16,17 @@ export declare class LegalAddressFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
-    get patchPayload(): string;
+    get patchPayload(): {
+        legal_address: {
+            platform_account_id: string;
+            line1: string;
+            line2: string;
+            postal_code: string;
+            city: string;
+            state: string;
+            country: string;
+        };
+    };
     componentWillLoad(): void;
     componentDidLoad(): void;
     private getData;

package/dist/types/components/checkout/new-payment-method.d.ts

@@ -13,7 +13,6 @@ export declare class NewPaymentMethod {
     paymentMethodOptionSelected: EventEmitter;
     private billingFormRef?;
     private paymentMethodFormRef?;
-    componentWillLoad(): void;
     handleCheckboxChanged(event: CustomEvent<boolean>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;

package/dist/types/components/form/form-control-date.d.ts

@@ -1,13 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DateInput {
     dateInput: HTMLInputElement;
-    label: string;
     name: string;
+    label: string;
+    inputHandler: (name: string, value: string) => void;
+    defaultValue?: string;
     helpText?: string;
     errorText?: string;
-    defaultValue: string;
-    inputHandler: any;
-    disabled: boolean;
+    disabled?: boolean;
     handleDefaultValueChange(newValue: string): void;
     formControlInput: EventEmitter<any>;
     formControlBlur: EventEmitter<any>;

package/dist/types/components/form/form-control-select.d.ts

@@ -1,17 +1,17 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SelectInput {
     selectElement: HTMLSelectElement;
-    label: string;
     name: any;
-    helpText?: string;
-    errorText?: string;
-    defaultValue: string;
-    inputHandler: (name: string, value: string) => void;
+    label: string;
     options: {
         label: string;
         value: string;
     }[];
-    disabled: boolean;
+    inputHandler: (name: string, value: string) => void;
+    defaultValue?: string;
+    helpText?: string;
+    errorText?: string;
+    disabled?: boolean;
     handleDefaultValueChange(newValue: string): void;
     formControlInput: EventEmitter<any>;
     formControlBlur: EventEmitter<any>;

package/dist/types/components/form/form-control-text.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TextInput {
     el: HTMLElement;
-    label: string;
     name: any;
+    label: string;
+    inputHandler: (name: string, value: string) => void;
+    defaultValue?: string;
     helpText?: string;
     errorText?: string;
-    defaultValue: string;
     maxLength?: number;
-    inputHandler: (name: string, value: string) => void;
     keyDownHandler?: (event: any) => void;
-    disabled: boolean;
+    disabled?: boolean;
     handleDefaultValueChange(newValue: string): void;
     formControlInput: EventEmitter<any>;
     formControlBlur: EventEmitter<any>;

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

@@ -1,21 +1,23 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { PagingInfo, Payment } from '../../api';
+import { PagingInfo, Payment, PaymentsParams } from '../../api';
 import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentsListCore {
-    getPayments: Function;
     payments: Payment[];
     loading: boolean;
     errorMessage: string;
     paging: PagingInfo;
-    params: any;
+    params: PaymentsParams;
+    getPayments: Function;
+    updateOnPropChange(): void;
     rowClicked: EventEmitter<Payment>;
     errorEvent: EventEmitter<ComponentError>;
-    updateOnPropChange(): void;
     componentWillLoad(): void;
     fetchData(): void;
     handleClickPrevious: (beforeCursor: string) => void;
     handleClickNext: (afterCursor: string) => void;
     rowClickHandler: (e: any) => void;
+    setParamsOnChange: (name: string, value: string) => void;
+    clearParams: () => void;
     get entityId(): string[];
     get columnData(): string[][];
     get rowData(): (string | {
@@ -25,6 +27,5 @@ export declare class PaymentsListCore {
     get showEmptyState(): boolean;
     get showErrorState(): boolean;
     get showRowData(): boolean;
-    handleDateChange: (name: string, value: string) => void;
     render(): any;
 }

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

@@ -0,0 +1,13 @@
+import { PaymentsParams } from '../../api';
+export declare class PaymentsListFilters {
+    params: PaymentsParams;
+    setParamsOnChange: (name: string, value: string) => void;
+    clearParams: () => void;
+    private debouncedSetParamsOnChange;
+    componentWillLoad(): void;
+    get paymentStatusOptions(): {
+        label: string;
+        value: string;
+    }[];
+    render(): any;
+}