@justifi/webcomponents 4.19.3 → 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/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/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;
+}

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;
@@ -721,6 +730,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 +753,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 +1009,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 +2197,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 +2251,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 +2332,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 +2354,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 +2383,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;
@@ -3040,6 +3104,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 +3130,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 +3209,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 +3229,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 +3436,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 +3447,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-05718341.entry.js

@@ -0,0 +1 @@
+import{r as o,c as r,h as t}from"./p-fad19d75.js";import{c as i,F as a}from"./p-2eab3c90.js";import{b as e,a as s}from"./p-277aee05.js";import{a as c,i as b}from"./p-55182a59.js";import{A as f}from"./p-7d3be485.js";import"./p-56f6ce4c.js";import"./p-df21aaad.js";import"./p-e3fab0e2.js";import{c as d}from"./p-5a62fca2.js";import{B as n,a as l}from"./p-d89bad72.js";import{B as m}from"./p-5e7c60d8.js";import{J as h}from"./p-437f9114.js";import{S as u}from"./p-44055818.js";import{c as j}from"./p-1612894d.js";import"./p-5022f21c.js";import"./p-6078a370.js";import"./p-1815a43b.js";import"./p-1ff8810b.js";import"./p-8281f09a.js";const v=i(Object.assign(Object.assign({},e().fields),{legal_address:c(),additional_questions:s(),representative:b("representative")})),p=class{constructor(t){o(this,t),this.submitted=r(this,"submitted",7),this.clickEventNew=r(this,"click-event",7),this.clickEventOld=r(this,"clickEvent",7),this.instantiateBusiness=o=>{const r=new m(o);this.formController.setInitialValues(Object.assign({},r))},this.sendData=async()=>{this.isLoading=!0;try{const o=this.formController.values.getValue(),r=this.formController.getInitialValues(),t=new m(Object.assign(Object.assign({},r),o)).payload,i=await this.api.patch(this.businessEndpoint,t);this.handleReponse(i)}catch(o){this.errorMessage=n.patchData}finally{this.isLoading=!1}},this.fetchData=async()=>{this.isLoading=!0;try{const o=await this.api.get(this.businessEndpoint);this.instantiateBusiness(o.data)}catch(o){this.errorMessage=n.fetchData}finally{this.isLoading=!1}},this.validateAndSubmit=o=>{o.preventDefault(),this.formController.validateAndSubmit(this.sendData)},this.authToken=void 0,this.businessId=void 0,this.hideErrors=!1,this.formTitle="Business Information",this.removeTitle=!1,this.isLoading=!1,this.errorMessage=void 0}componentWillLoad(){j(),this.analytics=new h(this),this.authToken||console.error("Warning: Missing auth-token. The form will not be functional without it."),this.businessId||console.error("Warning: Missing business-id. The form requires an existing business-id to function."),this.formController=new a(v),this.api=f({authToken:this.authToken,apiOrigin:d.proxyApiOrigin}),this.fetchData()}disconnectedCallback(){this.analytics.cleanup()}fireClickEvents(o){console.warn("`clickEvent` is deprecated and will be removed in the next major release. Please use `click-event` instead."),this.clickEventNew.emit(o),this.clickEventOld.emit(o)}get title(){return this.removeTitle?"":this.formTitle}get disabledState(){return this.isLoading}get businessEndpoint(){return`entities/business/${this.businessId}`}handleReponse(o){o.error&&(this.errorMessage=n.patchData),this.submitted.emit({data:o}),this.instantiateBusiness(o.data)}render(){return t(u,{key:"2f28b3e44c64d6ea1ac0d8584946927f6c9c3d05",exportparts:"label,input,input-invalid"},t("form",{key:"5e57787b7dcd649c3523dc49d0a6946138643c7c",onSubmit:this.validateAndSubmit},t("div",{key:"0ee6212aa6157ade79ab9b2ff5eb700549a8a916",class:"row gap-3"},t("h1",{key:"84824314dd924cdab149c2b62b7e01b07dbf5d28"},this.title),t("form-alert",{key:"dca6d7ef6bcddd3090f44e5ccf9199bbd441dc87",text:this.errorMessage,hideAlert:this.hideErrors}),t("div",{key:"a022912c284d63afbf9ce698b145d964d720b110",class:"col-12 mb-4"},t("justifi-business-core-info",{key:"be264b806255b790a166b8a3349d78845c6c8225",formController:this.formController})),t("div",{key:"b3a52da227a71f941941f66b758f718cdc3b7800",class:"col-12 mb-4"},t("justifi-legal-address-form",{key:"258dc5ebabc0e2dfaa8de28534238ef80a4f951d",formController:this.formController})),t("div",{key:"9dd5d30daf37d90a689333640cd1630000ee5e25",class:"col-12 mb-4"},t("justifi-additional-questions",{key:"aa1cdf3a39170fcefbd07afcce193ed36430dc5b",formController:this.formController})),t("div",{key:"a8cd6655a6408bef11c9ad442ecae7a0b5e3c50d",class:"col-12 mb-4"},t("justifi-business-representative",{key:"33db8cd22d22b694917332941b89b7535bd19201",formController:this.formController})),t("div",{key:"99d46400c8d46e5a3ca6747e5bae70bf5652a367",class:"col-12 d-flex flex-row-reverse"},t("button",{key:"8b858727a11d5ec5f855c446f34da3c1d6253563",type:"submit",class:"btn btn-primary jfi-submit-button",disabled:this.disabledState,onClick:()=>this.fireClickEvents({name:l.submit})},this.isLoading?"Loading...":"Submit")))))}};p.style=":host{display:block}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-checkbox){font-family:var(--jfi-layout-font-family);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);line-height:var(--jfi-form-control-line-height)}*::part(input-checkbox):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-checkbox-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-checkbox-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";export{p as justifi_business_form}

package/dist/webcomponents/{p-b676bca5.entry.js → p-0de026dd.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-437f9114.js";import"./p-8281f09a.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}