@justifi/webcomponents 4.19.3 → 4.20.1

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: 'dd6aae6e43579e8f833b1f3f6a6227d2522d79ec', class: "d-flex gap-2" }, h("div", { key: '6decd268cf11d67c3f9e3c2b22e60cbdf328763a', class: "dropdown pb-3" }, h(Button, { key: 'af22247916f55da650da95006e3317316a4122f5', 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: '0516d664adf8feccb9dd9cb74023241867285bd6', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd42f891b0b30fa152e03bfe3fbcb12da4707974b', class: "dropdown-menu", part: "dropdown-menu", "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '77eb00715458275e6df23da973103046364f50aa' })))), h("div", { key: 'c9070c2d5ee453cf3a97908514877975c55813b8' }, h(Button, { key: '99b38ff5ac51ee21227832b2200f2dcdec40a70c', 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/types/api/Payment.d.ts

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

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

@@ -1,9 +1,9 @@
 import { IApiResponseCollection, IApiResponse, IPayment } from '..';
 export interface IPaymentService {
-    fetchPayments(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayment[]>>;
+    fetchPayments(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayment[]>>;
     fetchPayment(paymentId: string, authToken: string): Promise<IApiResponse<IPayment>>;
 }
 export declare class PaymentService implements IPaymentService {
-    fetchPayments(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayment[]>>;
+    fetchPayments(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayment[]>>;
     fetchPayment(paymentId: string, authToken: string): Promise<IApiResponse<IPayment>>;
 }

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/get-payments.d.ts

@@ -1,7 +1,8 @@
-export declare const makeGetPayments: ({ id, authToken, service }: {
+export declare const makeGetPayments: ({ id, authToken, service, apiOrigin }: {
     id: any;
     authToken: any;
     service: any;
+    apiOrigin: any;
 }) => ({ params, onSuccess, onError }: {
     params: any;
     onSuccess: 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;
+}

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

@@ -24,10 +24,11 @@ import JustifiAnalytics from '../../api/Analytics';
   * @exportedPart next-button-text: Text for Next button
 */
 export declare class PaymentsList {
-    accountId: string;
-    authToken: string;
     getPayments: Function;
     errorMessage: string;
+    accountId: string;
+    authToken: string;
+    apiOrigin?: string;
     errorEvent: EventEmitter<ComponentError>;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;

package/dist/types/components.d.ts

@@ -7,13 +7,14 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 import { ComponentError } from "./api/ComponentError";
+import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent } from "./api/Document";
 import { FormController } from "./components/form/form";
 import { BusinessFormClickEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 import { ComponentError as ComponentError1 } from "./components";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
-import { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, Payout } from "./api";
+import { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout } from "./api";
 import { ICheckoutCompleteResponse, ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
 import { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 import { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -22,13 +23,14 @@ import { Identity } from "./api/Identity";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
 export { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 export { ComponentError } from "./api/ComponentError";
+export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent } from "./api/Document";
 export { FormController } from "./components/form/form";
 export { BusinessFormClickEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 export { ComponentError as ComponentError1 } from "./components";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
-export { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, Payout } from "./api";
+export { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout } from "./api";
 export { ICheckoutCompleteResponse, ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
 export { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 export { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -49,6 +51,13 @@ export namespace Components {
     interface BusinessDetailsCore {
         "getBusiness": Function;
     }
+    interface CustomPopper {
+        "anchorRef": HTMLElement;
+        "offset": [number, number];
+        "placement": Placement;
+        "strategy": PositioningStrategy;
+        "trigger": string;
+    }
     interface FormAlert {
         "hideAlert": boolean;
         "text": string;
@@ -63,11 +72,11 @@ export namespace Components {
         "name": any;
     }
     interface FormControlDate {
-        "defaultValue": string;
-        "disabled": boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
-        "inputHandler": any;
+        "inputHandler": (name: string, value: string) => void;
         "label": string;
         "name": string;
     }
@@ -119,8 +128,8 @@ export namespace Components {
         "name": any;
     }
     interface FormControlSelect {
-        "defaultValue": string;
-        "disabled": boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
         "inputHandler": (name: string, value: string) => void;
@@ -129,8 +138,8 @@ export namespace Components {
         "options": { label: string; value: string }[];
     }
     interface FormControlText {
-        "defaultValue": string;
-        "disabled": boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
         "inputHandler": (name: string, value: string) => void;
@@ -576,6 +585,7 @@ export namespace Components {
      */
     interface JustifiPaymentsList {
         "accountId": string;
+        "apiOrigin"?: string;
         "authToken": string;
     }
     interface JustifiPayoutDetails {
@@ -721,6 +731,11 @@ export namespace Components {
     interface PaymentsListCore {
         "getPayments": Function;
     }
+    interface PaymentsListFilters {
+        "clearParams": () => void;
+        "params": PaymentsParams;
+        "setParamsOnChange": (name: string, value: string) => void;
+    }
     interface PayoutDetailsCore {
         "getPayout": Function;
         "getPayoutCSV": Function;
@@ -739,11 +754,19 @@ export namespace Components {
     interface RepresentativeDetails {
         "representative": Identity;
     }
+    interface TableFiltersMenu {
+        "clearParams": () => void;
+        "params": any;
+    }
 }
 export interface BusinessDetailsCoreCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBusinessDetailsCoreElement;
 }
+export interface CustomPopperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCustomPopperElement;
+}
 export interface FormControlCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFormControlCheckboxElement;
@@ -987,6 +1010,24 @@ declare global {
         prototype: HTMLBusinessDetailsCoreElement;
         new (): HTMLBusinessDetailsCoreElement;
     };
+    interface HTMLCustomPopperElementEventMap {
+        "showEvent": any;
+        "hideEvent": any;
+    }
+    interface HTMLCustomPopperElement extends Components.CustomPopper, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCustomPopperElementEventMap>(type: K, listener: (this: HTMLCustomPopperElement, ev: CustomPopperCustomEvent<HTMLCustomPopperElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCustomPopperElementEventMap>(type: K, listener: (this: HTMLCustomPopperElement, ev: CustomPopperCustomEvent<HTMLCustomPopperElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCustomPopperElement: {
+        prototype: HTMLCustomPopperElement;
+        new (): HTMLCustomPopperElement;
+    };
     interface HTMLFormAlertElement extends Components.FormAlert, HTMLStencilElement {
     }
     var HTMLFormAlertElement: {
@@ -2157,6 +2198,12 @@ declare global {
         prototype: HTMLPaymentsListCoreElement;
         new (): HTMLPaymentsListCoreElement;
     };
+    interface HTMLPaymentsListFiltersElement extends Components.PaymentsListFilters, HTMLStencilElement {
+    }
+    var HTMLPaymentsListFiltersElement: {
+        prototype: HTMLPaymentsListFiltersElement;
+        new (): HTMLPaymentsListFiltersElement;
+    };
     interface HTMLPayoutDetailsCoreElementEventMap {
         "error-event": ComponentError;
     }
@@ -2205,9 +2252,16 @@ declare global {
         prototype: HTMLRepresentativeDetailsElement;
         new (): HTMLRepresentativeDetailsElement;
     };
+    interface HTMLTableFiltersMenuElement extends Components.TableFiltersMenu, HTMLStencilElement {
+    }
+    var HTMLTableFiltersMenuElement: {
+        prototype: HTMLTableFiltersMenuElement;
+        new (): HTMLTableFiltersMenuElement;
+    };
     interface HTMLElementTagNameMap {
         "additional-questions-details": HTMLAdditionalQuestionsDetailsElement;
         "business-details-core": HTMLBusinessDetailsCoreElement;
+        "custom-popper": HTMLCustomPopperElement;
         "form-alert": HTMLFormAlertElement;
         "form-control-checkbox": HTMLFormControlCheckboxElement;
         "form-control-date": HTMLFormControlDateElement;
@@ -2279,9 +2333,11 @@ declare global {
         "pagination-menu": HTMLPaginationMenuElement;
         "payment-details-core": HTMLPaymentDetailsCoreElement;
         "payments-list-core": HTMLPaymentsListCoreElement;
+        "payments-list-filters": HTMLPaymentsListFiltersElement;
         "payout-details-core": HTMLPayoutDetailsCoreElement;
         "payouts-list-core": HTMLPayoutsListCoreElement;
         "representative-details": HTMLRepresentativeDetailsElement;
+        "table-filters-menu": HTMLTableFiltersMenuElement;
     }
 }
 declare namespace LocalJSX {
@@ -2299,6 +2355,15 @@ declare namespace LocalJSX {
         "getBusiness"?: Function;
         "onError-event"?: (event: BusinessDetailsCoreCustomEvent<ComponentError>) => void;
     }
+    interface CustomPopper {
+        "anchorRef"?: HTMLElement;
+        "offset"?: [number, number];
+        "onHideEvent"?: (event: CustomPopperCustomEvent<any>) => void;
+        "onShowEvent"?: (event: CustomPopperCustomEvent<any>) => void;
+        "placement"?: Placement;
+        "strategy"?: PositioningStrategy;
+        "trigger"?: string;
+    }
     interface FormAlert {
         "hideAlert"?: boolean;
         "text"?: string;
@@ -2319,7 +2384,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "errorText"?: string;
         "helpText"?: string;
-        "inputHandler"?: any;
+        "inputHandler"?: (name: string, value: string) => void;
         "label"?: string;
         "name"?: string;
         "onFormControlBlur"?: (event: FormControlDateCustomEvent<any>) => void;
@@ -2882,6 +2947,7 @@ declare namespace LocalJSX {
      */
     interface JustifiPaymentsList {
         "accountId"?: string;
+        "apiOrigin"?: string;
         "authToken"?: string;
         "onError-event"?: (event: JustifiPaymentsListCustomEvent<ComponentError>) => void;
     }
@@ -3040,6 +3106,11 @@ declare namespace LocalJSX {
         "onError-event"?: (event: PaymentsListCoreCustomEvent<ComponentError>) => void;
         "onPayment-row-clicked"?: (event: PaymentsListCoreCustomEvent<Payment>) => void;
     }
+    interface PaymentsListFilters {
+        "clearParams"?: () => void;
+        "params"?: PaymentsParams;
+        "setParamsOnChange"?: (name: string, value: string) => void;
+    }
     interface PayoutDetailsCore {
         "getPayout"?: Function;
         "getPayoutCSV"?: Function;
@@ -3061,9 +3132,14 @@ declare namespace LocalJSX {
     interface RepresentativeDetails {
         "representative"?: Identity;
     }
+    interface TableFiltersMenu {
+        "clearParams"?: () => void;
+        "params"?: any;
+    }
     interface IntrinsicElements {
         "additional-questions-details": AdditionalQuestionsDetails;
         "business-details-core": BusinessDetailsCore;
+        "custom-popper": CustomPopper;
         "form-alert": FormAlert;
         "form-control-checkbox": FormControlCheckbox;
         "form-control-date": FormControlDate;
@@ -3135,9 +3211,11 @@ declare namespace LocalJSX {
         "pagination-menu": PaginationMenu;
         "payment-details-core": PaymentDetailsCore;
         "payments-list-core": PaymentsListCore;
+        "payments-list-filters": PaymentsListFilters;
         "payout-details-core": PayoutDetailsCore;
         "payouts-list-core": PayoutsListCore;
         "representative-details": RepresentativeDetails;
+        "table-filters-menu": TableFiltersMenu;
     }
 }
 export { LocalJSX as JSX };
@@ -3153,6 +3231,7 @@ declare module "@stencil/core" {
              */
             "additional-questions-details": LocalJSX.AdditionalQuestionsDetails & JSXBase.HTMLAttributes<HTMLAdditionalQuestionsDetailsElement>;
             "business-details-core": LocalJSX.BusinessDetailsCore & JSXBase.HTMLAttributes<HTMLBusinessDetailsCoreElement>;
+            "custom-popper": LocalJSX.CustomPopper & JSXBase.HTMLAttributes<HTMLCustomPopperElement>;
             "form-alert": LocalJSX.FormAlert & JSXBase.HTMLAttributes<HTMLFormAlertElement>;
             "form-control-checkbox": LocalJSX.FormControlCheckbox & JSXBase.HTMLAttributes<HTMLFormControlCheckboxElement>;
             "form-control-date": LocalJSX.FormControlDate & JSXBase.HTMLAttributes<HTMLFormControlDateElement>;
@@ -3359,6 +3438,7 @@ declare module "@stencil/core" {
             "pagination-menu": LocalJSX.PaginationMenu & JSXBase.HTMLAttributes<HTMLPaginationMenuElement>;
             "payment-details-core": LocalJSX.PaymentDetailsCore & JSXBase.HTMLAttributes<HTMLPaymentDetailsCoreElement>;
             "payments-list-core": LocalJSX.PaymentsListCore & JSXBase.HTMLAttributes<HTMLPaymentsListCoreElement>;
+            "payments-list-filters": LocalJSX.PaymentsListFilters & JSXBase.HTMLAttributes<HTMLPaymentsListFiltersElement>;
             "payout-details-core": LocalJSX.PayoutDetailsCore & JSXBase.HTMLAttributes<HTMLPayoutDetailsCoreElement>;
             "payouts-list-core": LocalJSX.PayoutsListCore & JSXBase.HTMLAttributes<HTMLPayoutsListCoreElement>;
             /**
@@ -3369,6 +3449,7 @@ declare module "@stencil/core" {
              * @exportedPart detail-empty-state
              */
             "representative-details": LocalJSX.RepresentativeDetails & JSXBase.HTMLAttributes<HTMLRepresentativeDetailsElement>;
+            "table-filters-menu": LocalJSX.TableFiltersMenu & JSXBase.HTMLAttributes<HTMLTableFiltersMenuElement>;
         }
     }
 }

package/dist/types/ui-components/custom-popper/custom-popper.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Placement, PositioningStrategy } from '@popperjs/core';
+export declare class CustomPopper {
+    placement: Placement;
+    offset: [number, number];
+    strategy: PositioningStrategy;
+    trigger: string;
+    anchorRef: HTMLElement;
+    isOpen: boolean;
+    showEvent: EventEmitter;
+    hideEvent: EventEmitter;
+    private popperInstance;
+    private popperContentRef;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleClick(event: MouseEvent): void;
+    private get popperOptions();
+    show(): void;
+    hide(): void;
+    render(): any;
+}

package/dist/types/ui-components/filters/table-filters-menu.d.ts

@@ -0,0 +1,11 @@
+export declare class TableFiltersMenu {
+    anchorButton: HTMLElement;
+    menu: HTMLElement;
+    showClearButton: boolean;
+    params: any;
+    clearParams: () => void;
+    watchParamsHandler(newValue: any): void;
+    show(): void;
+    hide(): void;
+    render(): any;
+}

package/dist/types/ui-components/filters/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const onFilterChange: (newFilters: any, params: any) => any;
+export declare const hasFilters: (params: any) => boolean;

package/dist/types/utils/check-pkg-version.d.ts

@@ -0,0 +1 @@
+export declare const checkPkgVersion: () => Promise<void>;

package/dist/webcomponents/p-034fc302.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t}from"./p-fad19d75.js";import{J as o}from"./p-707bdf68.js";import{a as e,C as r}from"./p-14c91ffd.js";import{m as n,a}from"./p-5968ff8a.js";import{B as p}from"./p-401d6607.js";import{c as h}from"./p-5a62fca2.js";import{A as d}from"./p-7d3be485.js";import{c}from"./p-b91bcbfc.js";import"./p-35846553.js";import"./p-8115b2f4.js";class m{async postProvisioning(s,i,t){const o={business_id:i,product_category:t};return d({authToken:s,apiOrigin:h.proxyApiOrigin}).post("entities/provisioning",o)}}const u=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event",7),this.postProvisioning=void 0,this.getBusiness=void 0,this.businessId=void 0,this.authToken=void 0,this.allowOptionalFields=!1,this.formTitle="Business Information"}propChanged(){this.initializeApi()}componentWillLoad(){c(),this.analytics=new o(this),this.initializeApi()}disconnectedCallback(){this.analytics.cleanup()}initializeApi(){this.authToken&&this.businessId?(this.getBusiness=n({authToken:this.authToken,businessId:this.businessId,service:new p}),this.postProvisioning=a({authToken:this.authToken,businessId:this.businessId,product:"payment",service:new m})):this.errorEvent.emit({message:"auth-token and business-id are required",errorCode:e.MISSING_PROPS,severity:r.ERROR})}render(){return t("justifi-payment-provisioning-core",{key:"82b3601d3349a92bed1aa93e2a847039d7493c04",businessId:this.businessId,authToken:this.authToken,allowOptionalFields:this.allowOptionalFields,formTitle:this.formTitle,getBusiness:this.getBusiness,postProvisioning:this.postProvisioning})}static get watchers(){return{authToken:["propChanged"],businessId:["propChanged"]}}};export{u as justifi_payment_provisioning}

package/dist/webcomponents/{p-f5ebca3e.entry.js → p-1c04aacd.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a}from"./p-fad19d75.js";import{c as o}from"./p-5a62fca2.js";import{J as r}from"./p-4e017b58.js";import"./p-d78eb6ce.js";import"./p-7d3be485.js";const i=class{constructor(a){e(this,a),this.bankAccountFormReady=t(this,"bankAccountFormReady",7),this.ready=t(this,"ready",7),this.bankAccountFormTokenized=t(this,"bankAccountFormTokenize",7),this.bankAccountFormValidated=t(this,"bankAccountFormValidate",7),this.validationMode=void 0,this.iframeOrigin=o.iframeOrigin,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.bankAccountFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormTokenized.emit(e)}validateHandler(e){console.warn("The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormValidated.emit(e)}componentWillLoad(){this.analytics=new r(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return a("justifi-payment-method-form",{key:"e2fa64d199a6c550329c9797a6951335e7c12bc6",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"bankAccount","payment-method-form-ready":this.bankAccountFormReady,"payment-method-form-validated":this.bankAccountFormValidated,"payment-method-form-tokenize":this.bankAccountFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{i as justifi_bank_account_form}
+import{r as e,c as t,h as a}from"./p-fad19d75.js";import{c as o}from"./p-5a62fca2.js";import{J as r}from"./p-707bdf68.js";import"./p-35846553.js";import"./p-7d3be485.js";const i=class{constructor(a){e(this,a),this.bankAccountFormReady=t(this,"bankAccountFormReady",7),this.ready=t(this,"ready",7),this.bankAccountFormTokenized=t(this,"bankAccountFormTokenize",7),this.bankAccountFormValidated=t(this,"bankAccountFormValidate",7),this.validationMode=void 0,this.iframeOrigin=o.iframeOrigin,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.bankAccountFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormTokenized.emit(e)}validateHandler(e){console.warn("The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormValidated.emit(e)}componentWillLoad(){this.analytics=new r(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return a("justifi-payment-method-form",{key:"e2fa64d199a6c550329c9797a6951335e7c12bc6",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"bankAccount","payment-method-form-ready":this.bankAccountFormReady,"payment-method-form-validated":this.bankAccountFormValidated,"payment-method-form-tokenize":this.bankAccountFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{i as justifi_bank_account_form}

package/dist/webcomponents/{p-b676bca5.entry.js → p-232016ba.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as r}from"./p-fad19d75.js";import{c as a}from"./p-5a62fca2.js";import{J as i}from"./p-4e017b58.js";import"./p-d78eb6ce.js";import"./p-7d3be485.js";const o=class{constructor(r){e(this,r),this.cardFormReady=t(this,"cardFormReady",7),this.ready=t(this,"ready",7),this.cardFormTokenized=t(this,"cardFormTokenize",7),this.cardFormValidated=t(this,"cardFormValidate",7),this.validationMode=void 0,this.iframeOrigin=a.iframeOrigin,this.singleLine=!1,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.cardFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormTokenized.emit(e)}validateHandler(e){console.warn("The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormValidated.emit(e)}componentWillLoad(){this.analytics=new i(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return r("justifi-payment-method-form",{key:"58843b8a47f35d716845de11f6a66d8960bc0776",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"card","single-line":this.singleLine,"payment-method-form-ready":this.cardFormReady,"payment-method-form-validate":this.cardFormValidated,"payment-method-form-tokenize":this.cardFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{o as justifi_card_form}
+import{r as e,c as t,h as r}from"./p-fad19d75.js";import{c as a}from"./p-5a62fca2.js";import{J as i}from"./p-707bdf68.js";import"./p-35846553.js";import"./p-7d3be485.js";const o=class{constructor(r){e(this,r),this.cardFormReady=t(this,"cardFormReady",7),this.ready=t(this,"ready",7),this.cardFormTokenized=t(this,"cardFormTokenize",7),this.cardFormValidated=t(this,"cardFormValidate",7),this.validationMode=void 0,this.iframeOrigin=a.iframeOrigin,this.singleLine=!1,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.cardFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormTokenized.emit(e)}validateHandler(e){console.warn("The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormValidated.emit(e)}componentWillLoad(){this.analytics=new i(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return r("justifi-payment-method-form",{key:"58843b8a47f35d716845de11f6a66d8960bc0776",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"card","single-line":this.singleLine,"payment-method-form-ready":this.cardFormReady,"payment-method-form-validate":this.cardFormValidated,"payment-method-form-tokenize":this.cardFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{o as justifi_card_form}

package/dist/webcomponents/p-2c51d29f.js

@@ -0,0 +1 @@
+const e=(e,t)=>{let r=Object.assign({},t);return delete r.before_cursor,delete r.after_cursor,Object.keys(e).forEach((t=>{e[t].length?r[t]=e[t]:delete r[t]})),r},t=e=>{const t=["after_cursor","before_cursor"];return!!Object.keys(e).filter((e=>!t.includes(e))).length};export{t as h,e as o}

package/dist/webcomponents/p-35846553.js

@@ -0,0 +1 @@
+const e={name:"@justifi/webcomponents",version:"4.20.1",description:"JustiFi Web Components",collection:"dist/collection/collection-manifest.json",main:"dist/index.cjs.js",module:"dist/module/index.js",types:"dist/module/index.d.ts",repository:{type:"git",url:"git+https://github.com/justifi-tech/web-component-library.git"},homepage:"https://storybook.justifi.ai/?path=/docs/introduction--docs",publishConfig:{registry:"https://registry.npmjs.org"},files:["dist/"],scripts:{build:"stencil build --docs",dev:"stencil build --watch",lint:"eslint . --max-warnings 0",clean:"rm -rf .turbo && rm -rf node_modules && rm -rf dist",generate:"stencil generate",test:"TZ=utc stencil test --spec","test:watch":"TZ=utc stencil test --spec --watchAll","test:file":"stencil test --spec --watch --"},dependencies:{"@popperjs/core":"^2.11.8","@stencil/core":"^4.0.5","@stencil/store":"^2.0.8",bootstrap:"^5.2.3","chart.js":"^4.4.1","date-fns":"^2.29.3","dinero.js":"^1.9.1","iframe-resizer":"^4.3.7",imask:"^7.6.0",lodash:"^4.17.21",rxjs:"^7.8.1","ts-dedent":"^2.2.0",uuid:"^9.0.0",yup:"^1.0.0"},devDependencies:{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-replace":"^6.0.1","@stencil/sass":"^3.0.1","@types/jest":"27.0.3","@types/react":"^18.0.37","@types/react-dom":"^18.0.11",dotenv:"^16.3.1",jest:"^29.7.0","jest-cli":"^29.7.0","jest-environment-node":"^29.7.0","ts-jest":"^29.1.2"},license:"MIT",gitHead:"507bac1d941eae6e1f56e185ecd9bc9d22637783"};export{e as p}