@justifi/webcomponents 4.22.2 → 4.23.0

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class DisputeManagementCore {
-    submit: EventEmitter;
+    submitted: EventEmitter;
     showCounterDispute: boolean;
     counterDisputeHandler(event: CustomEvent): void;
     render(): any;

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class DisputeNotification {
-    submit: EventEmitter;
+    submitted: EventEmitter;
     clickEvent: EventEmitter;
     acceptDispute(): void;
     initiateCounterDispute(): void;

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

@@ -1,13 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PagingInfo, Payment, PaymentsParams } from '../../api';
 import { ComponentError } from '../../api/ComponentError';
+import { Table } from '../../utils/table';
 export declare class PaymentsListCore {
+    getPayments: Function;
+    columns: string;
     payments: Payment[];
+    paymentsTable: Table;
     loading: boolean;
     errorMessage: string;
     paging: PagingInfo;
     params: PaymentsParams;
-    getPayments: Function;
     updateOnPropChange(): void;
     rowClicked: EventEmitter<Payment>;
     errorEvent: EventEmitter<ComponentError>;
@@ -19,11 +22,6 @@ export declare class PaymentsListCore {
     setParamsOnChange: (name: string, value: string) => void;
     clearParams: () => void;
     get entityId(): string[];
-    get columnData(): string[][];
-    get rowData(): (string | {
-        type: string;
-        value: string;
-    })[][];
     get showEmptyState(): boolean;
     get showErrorState(): boolean;
     get showRowData(): boolean;

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

@@ -5,6 +5,7 @@ export declare class PaymentsListFilters {
     clearParams: () => void;
     private debouncedSetParamsOnChange;
     componentWillLoad(): void;
+    handleDateInput: (name: string, value: string) => void;
     get paymentStatusOptions(): {
         label: string;
         value: string;

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

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

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

@@ -1 +1 @@
-export declare const MapPaymentStatusToBadge: (status: string) => "<span class='badge bg-success' title='This payment was successfully captured'>Succeeded</span>" | "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>" | "<span class='badge bg-primary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>" | "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This payment was canceled'>Canceled</span>" | "<span class='badge bg-secondary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>" | "<span class='badge bg-secondary' title='The full amount of this payment has been refunded'>Fully Refunded</span>" | "<span class='badge bg-secondary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
+export declare const MapPaymentStatusToBadge: (status: string) => "<span class='badge bg-success' title='This payment was successfully captured'>Succeeded</span>" | "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>" | "<span class='badge bg-primary' title='This ACH payment was processed, but the funds have not settled. It could still succeed or fail.'>Pending</span>" | "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This card payment did not go through (it will not appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This payment was canceled'>Canceled</span>" | "<span class='badge bg-secondary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>" | "<span class='badge bg-secondary' title='The full amount of this payment has been refunded'>Fully Refunded</span>" | "<span class='badge bg-secondary' title='A portion of this payment has been refunded'>Partially Refunded</span>";

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

@@ -0,0 +1,19 @@
+export declare const defaultColumnsKeys = "created_at,amount,status,payment_type,description,payers_name,last_four_digits";
+export declare const paymentTableColumns: {
+    created_at: () => any;
+    amount: () => any;
+    status: () => any;
+    payment_type: () => any;
+    description: () => any;
+    payers_name: () => any;
+    last_four_digits: () => any;
+};
+export declare const paymentTableCells: {
+    created_at: (value: any) => any;
+    amount: (value: any) => any;
+    status: (value: any) => any;
+    payment_type: (value: any) => any;
+    description: (value: any) => any;
+    payers_name: (value: any) => any;
+    last_four_digits: (value: any) => any;
+};

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

@@ -1,7 +1,8 @@
-export declare const makeGetPayouts: ({ id, authToken, service }: {
+export declare const makeGetPayouts: ({ id, authToken, service, apiOrigin }: {
     id: any;
     authToken: any;
     service: any;
+    apiOrigin: any;
 }) => ({ params, onSuccess, onError }: {
     params: any;
     onSuccess: any;

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

@@ -1,27 +1,35 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { PagingInfo, Payout } from '../../api';
+import { PagingInfo, Payout, PayoutsTableFilterParams, SubAccount } from '../../api';
 import { ComponentError } from '../../api/ComponentError';
+import { Table } from '../../utils/table';
 export declare class PayoutsListCore {
     getPayouts: Function;
+    getSubAccounts: Function;
     getPayoutCSV: Function;
+    columns: string;
     payouts: Payout[];
+    payoutsTable: Table;
+    subAccounts: SubAccount[];
     loading: boolean;
     errorMessage: string;
     paging: PagingInfo;
-    params: any;
+    params: PayoutsTableFilterParams;
+    updateOnPropChange(): void;
     rowClicked: EventEmitter<Payout>;
     errorEvent: EventEmitter<ComponentError>;
-    updateOnPropChange(): void;
     componentWillLoad(): void;
-    fetchData(): void;
+    fetchPayouts(): void;
+    fetchSubAccounts(): Promise<void>;
     downloadCSV: (payoutId: string) => void;
-    handleDateChange: (name: string, value: string) => void;
     handleClickPrevious: (beforeCursor: string) => void;
     handleClickNext: (afterCursor: string) => void;
     rowClickHandler: (e: any) => void;
+    setParamsOnChange: (name: string, value: string) => void;
+    clearParams: () => void;
+    get subAccountParams(): {
+        sub_account_id: string;
+    };
     get entityId(): string[];
-    get columnData(): string[][];
-    get rowData(): any[][];
     get showEmptyState(): boolean;
     get showErrorState(): boolean;
     get showRowData(): boolean;

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

@@ -0,0 +1,8 @@
+import { PayoutsTableFilterParams } from '../../api';
+export declare class PayoutsListFilters {
+    params: PayoutsTableFilterParams;
+    setParamsOnChange: (name: string, value: string) => void;
+    clearParams: () => void;
+    handleDateInput: (name: string, value: string) => void;
+    render(): any;
+}

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

@@ -24,17 +24,22 @@ import JustifiAnalytics from '../../api/Analytics';
   * @exportedPart next-button-text: Text for Next button
 */
 export declare class PayoutsList {
-    accountId: string;
-    authToken: string;
     getPayouts: Function;
     getPayoutCSV: Function;
+    getSubAccounts: Function;
     errorMessage: string;
+    accountId: string;
+    authToken: string;
+    apiOrigin?: string;
+    columns?: string;
     errorEvent: EventEmitter<ComponentError>;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;
     disconnectedCallback(): void;
     propChanged(): void;
-    private initializeServices;
+    private initializeGetData;
+    private initializePayoutsServices;
+    private initializeGetSubAccounts;
     handleOnError: (event: any) => void;
     render(): any;
 }

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

@@ -0,0 +1,23 @@
+export declare const defaultColumnsKeys = "created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv";
+export declare const payoutTableColumns: {
+    created_at: () => any;
+    sub_account_name: () => any;
+    payments_total: () => any;
+    refunds_total: () => any;
+    fees_total: () => any;
+    other_total: () => any;
+    amount: () => any;
+    status: () => any;
+    csv: () => any;
+};
+export declare const payoutTableCells: (downloadCSV: any) => {
+    created_at: (value: any) => any;
+    sub_account_name: (value: any) => any;
+    payments_total: (value: any) => any;
+    refunds_total: (value: any) => any;
+    fees_total: (value: any) => any;
+    other_total: (value: any) => any;
+    amount: (value: any) => any;
+    status: (value: any) => any;
+    csv: (value: any) => any;
+};

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

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

package/dist/types/components.d.ts

@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 import { ComponentError, ComponentErrorCodes } from "./api/ComponentError";
-import { Checkout, IBnpl, ICheckoutsParams, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout, Terminal, TerminalsTableFilterParams } from "./api";
+import { Checkout, IBnpl, ICheckoutsParams, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout, PayoutsTableFilterParams, Terminal, TerminalsTableFilterParams } from "./api";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent } from "./api/Document";
 import { BillingFormFields as BillingFormFields1, ComponentError as ComponentError1, FormController } from "./components";
@@ -23,7 +23,7 @@ import { Identity } from "./api/Identity";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
 export { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 export { ComponentError, ComponentErrorCodes } from "./api/ComponentError";
-export { Checkout, IBnpl, ICheckoutsParams, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout, Terminal, TerminalsTableFilterParams } from "./api";
+export { Checkout, IBnpl, ICheckoutsParams, ILoadedEventResponse, Payment, PaymentMethodTypes, PaymentsParams, Payout, PayoutsTableFilterParams, Terminal, TerminalsTableFilterParams } from "./api";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent } from "./api/Document";
 export { BillingFormFields as BillingFormFields1, ComponentError as ComponentError1, FormController } from "./components";
@@ -85,7 +85,6 @@ export namespace Components {
         "defaultValue"?: string;
         "disabled"?: boolean;
         "errorText"?: string;
-        "filterTimeZone"?: boolean;
         "helpText"?: string;
         "inputHandler": (name: string, value: string) => void;
         "label": string;
@@ -463,7 +462,7 @@ export namespace Components {
         "accountId": string;
         "apiOrigin"?: string;
         "authToken": string;
-        "columns": string;
+        "columns"?: string;
     }
     interface JustifiCounterDispute {
     }
@@ -672,6 +671,7 @@ export namespace Components {
         "accountId": string;
         "apiOrigin"?: string;
         "authToken": string;
+        "columns"?: string;
     }
     interface JustifiPayoutDetails {
         "authToken": string;
@@ -701,7 +701,9 @@ export namespace Components {
      */
     interface JustifiPayoutsList {
         "accountId": string;
+        "apiOrigin"?: string;
         "authToken": string;
+        "columns"?: string;
     }
     interface JustifiProductOrService {
     }
@@ -812,7 +814,7 @@ export namespace Components {
         "accountId": string;
         "apiOrigin"?: string;
         "authToken": string;
-        "columns": string;
+        "columns"?: string;
     }
     interface JustifiTokenizePaymentMethod {
         "accountId": string;
@@ -859,6 +861,7 @@ export namespace Components {
         "getPaymentDetails": Function;
     }
     interface PaymentsListCore {
+        "columns": string;
         "getPayments": Function;
     }
     interface PaymentsListFilters {
@@ -871,8 +874,15 @@ export namespace Components {
         "getPayoutCSV": Function;
     }
     interface PayoutsListCore {
+        "columns": string;
         "getPayoutCSV": Function;
         "getPayouts": Function;
+        "getSubAccounts": Function;
+    }
+    interface PayoutsListFilters {
+        "clearParams": () => void;
+        "params": PayoutsTableFilterParams;
+        "setParamsOnChange": (name: string, value: string) => void;
     }
     /**
      * @exportedPart detail-section
@@ -1935,7 +1945,7 @@ declare global {
         new (): HTMLJustifiCheckoutsListElement;
     };
     interface HTMLJustifiCounterDisputeElementEventMap {
-        "submit": any;
+        "submitted": any;
         "clickEvent": any;
     }
     interface HTMLJustifiCounterDisputeElement extends Components.JustifiCounterDispute, HTMLStencilElement {
@@ -1971,7 +1981,7 @@ declare global {
         new (): HTMLJustifiDisputeManagementElement;
     };
     interface HTMLJustifiDisputeManagementCoreElementEventMap {
-        "submit": any;
+        "submitted": any;
     }
     interface HTMLJustifiDisputeManagementCoreElement extends Components.JustifiDisputeManagementCore, HTMLStencilElement {
         addEventListener<K extends keyof HTMLJustifiDisputeManagementCoreElementEventMap>(type: K, listener: (this: HTMLJustifiDisputeManagementCoreElement, ev: JustifiDisputeManagementCoreCustomEvent<HTMLJustifiDisputeManagementCoreElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1988,7 +1998,7 @@ declare global {
         new (): HTMLJustifiDisputeManagementCoreElement;
     };
     interface HTMLJustifiDisputeNotificationElementEventMap {
-        "submit": any;
+        "submitted": any;
         "clickEvent": any;
     }
     interface HTMLJustifiDisputeNotificationElement extends Components.JustifiDisputeNotification, HTMLStencilElement {
@@ -2702,6 +2712,12 @@ declare global {
         prototype: HTMLPayoutsListCoreElement;
         new (): HTMLPayoutsListCoreElement;
     };
+    interface HTMLPayoutsListFiltersElement extends Components.PayoutsListFilters, HTMLStencilElement {
+    }
+    var HTMLPayoutsListFiltersElement: {
+        prototype: HTMLPayoutsListFiltersElement;
+        new (): HTMLPayoutsListFiltersElement;
+    };
     /**
      * @exportedPart detail-section
      * @exportedPart detail-section-title
@@ -2844,6 +2860,7 @@ declare global {
         "payments-list-filters": HTMLPaymentsListFiltersElement;
         "payout-details-core": HTMLPayoutDetailsCoreElement;
         "payouts-list-core": HTMLPayoutsListCoreElement;
+        "payouts-list-filters": HTMLPayoutsListFiltersElement;
         "representative-details": HTMLRepresentativeDetailsElement;
         "table-filters-menu": HTMLTableFiltersMenuElement;
         "terminals-list-core": HTMLTerminalsListCoreElement;
@@ -2905,7 +2922,6 @@ declare namespace LocalJSX {
         "defaultValue"?: string;
         "disabled"?: boolean;
         "errorText"?: string;
-        "filterTimeZone"?: boolean;
         "helpText"?: string;
         "inputHandler"?: (name: string, value: string) => void;
         "label"?: string;
@@ -3348,7 +3364,7 @@ declare namespace LocalJSX {
     }
     interface JustifiCounterDispute {
         "onClickEvent"?: (event: JustifiCounterDisputeCustomEvent<any>) => void;
-        "onSubmit"?: (event: JustifiCounterDisputeCustomEvent<any>) => void;
+        "onSubmitted"?: (event: JustifiCounterDisputeCustomEvent<any>) => void;
     }
     interface JustifiCustomerDetails {
     }
@@ -3358,11 +3374,11 @@ declare namespace LocalJSX {
     interface JustifiDisputeManagement {
     }
     interface JustifiDisputeManagementCore {
-        "onSubmit"?: (event: JustifiDisputeManagementCoreCustomEvent<any>) => void;
+        "onSubmitted"?: (event: JustifiDisputeManagementCoreCustomEvent<any>) => void;
     }
     interface JustifiDisputeNotification {
         "onClickEvent"?: (event: JustifiDisputeNotificationCustomEvent<any>) => void;
-        "onSubmit"?: (event: JustifiDisputeNotificationCustomEvent<any>) => void;
+        "onSubmitted"?: (event: JustifiDisputeNotificationCustomEvent<any>) => void;
     }
     interface JustifiDisputeReason {
     }
@@ -3564,6 +3580,7 @@ declare namespace LocalJSX {
         "accountId"?: string;
         "apiOrigin"?: string;
         "authToken"?: string;
+        "columns"?: string;
         "onError-event"?: (event: JustifiPaymentsListCustomEvent<ComponentError>) => void;
     }
     interface JustifiPayoutDetails {
@@ -3595,7 +3612,9 @@ declare namespace LocalJSX {
      */
     interface JustifiPayoutsList {
         "accountId"?: string;
+        "apiOrigin"?: string;
         "authToken"?: string;
+        "columns"?: string;
         "onError-event"?: (event: JustifiPayoutsListCustomEvent<ComponentError>) => void;
     }
     interface JustifiProductOrService {
@@ -3763,6 +3782,7 @@ declare namespace LocalJSX {
         "onError-event"?: (event: PaymentDetailsCoreCustomEvent<ComponentError>) => void;
     }
     interface PaymentsListCore {
+        "columns"?: string;
         "getPayments"?: Function;
         "onError-event"?: (event: PaymentsListCoreCustomEvent<ComponentError>) => void;
         "onPayment-row-clicked"?: (event: PaymentsListCoreCustomEvent<Payment>) => void;
@@ -3778,11 +3798,18 @@ declare namespace LocalJSX {
         "onError-event"?: (event: PayoutDetailsCoreCustomEvent<ComponentError>) => void;
     }
     interface PayoutsListCore {
+        "columns"?: string;
         "getPayoutCSV"?: Function;
         "getPayouts"?: Function;
+        "getSubAccounts"?: Function;
         "onError-event"?: (event: PayoutsListCoreCustomEvent<ComponentError>) => void;
         "onPayout-row-clicked"?: (event: PayoutsListCoreCustomEvent<Payout>) => void;
     }
+    interface PayoutsListFilters {
+        "clearParams"?: () => void;
+        "params"?: PayoutsTableFilterParams;
+        "setParamsOnChange"?: (name: string, value: string) => void;
+    }
     /**
      * @exportedPart detail-section
      * @exportedPart detail-section-title
@@ -3908,6 +3935,7 @@ declare namespace LocalJSX {
         "payments-list-filters": PaymentsListFilters;
         "payout-details-core": PayoutDetailsCore;
         "payouts-list-core": PayoutsListCore;
+        "payouts-list-filters": PayoutsListFilters;
         "representative-details": RepresentativeDetails;
         "table-filters-menu": TableFiltersMenu;
         "terminals-list-core": TerminalsListCore;
@@ -4202,6 +4230,7 @@ declare module "@stencil/core" {
             "payments-list-filters": LocalJSX.PaymentsListFilters & JSXBase.HTMLAttributes<HTMLPaymentsListFiltersElement>;
             "payout-details-core": LocalJSX.PayoutDetailsCore & JSXBase.HTMLAttributes<HTMLPayoutDetailsCoreElement>;
             "payouts-list-core": LocalJSX.PayoutsListCore & JSXBase.HTMLAttributes<HTMLPayoutsListCoreElement>;
+            "payouts-list-filters": LocalJSX.PayoutsListFilters & JSXBase.HTMLAttributes<HTMLPayoutsListFiltersElement>;
             /**
              * @exportedPart detail-section
              * @exportedPart detail-section-title

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

@@ -1,2 +1,3 @@
+export declare function composeQueryParams(values: string[]): string;
 export declare const onFilterChange: (newFilters: any, params: any) => any;
 export declare const hasFilters: (params: any) => boolean;

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

@@ -8,7 +8,6 @@ export declare class DateInput {
     helpText?: string;
     errorText?: string;
     disabled?: boolean;
-    filterTimeZone?: boolean;
     showTime?: boolean;
     maxDate?: string;
     handleDefaultValueChange(newValue: string): void;
@@ -18,7 +17,5 @@ export declare class DateInput {
     componentDidLoad(): void;
     handleFormControlInput: (event: any) => void;
     updateInput(value: any): void;
-    convertToUTC(value: string): string;
-    convertToLocal(value: string): string;
     render(): any;
 }

package/dist/types/utils/utils.d.ts

@@ -1,5 +1,4 @@
 import { Address } from '../api/Business';
-export declare const RegExZip: RegExp;
 export declare function formatCurrency(amount: number, withSymbol?: boolean, withCurrencyName?: boolean): string;
 export declare function formatPercentage(amount: number): string;
 export declare function formatDate(dateString: string | Date): string;
@@ -7,23 +6,23 @@ export declare function formatMediumDate(input: string | Date): string;
 export declare function formatDisplayDate(value: any, endDate: string): string;
 export declare function formatTime(dateString: string): string;
 export declare function formatTimeSeconds(dateString: string): string;
+interface UTCConversionOptions {
+    setEndOfDay?: boolean;
+    setExactTime?: boolean;
+}
+export declare const convertToUTC: (dateString: string, options: UTCConversionOptions) => string;
+interface localConversionOptions {
+    showDisplayDate?: boolean;
+    showInputDate?: boolean;
+    showTime?: boolean;
+    showInputDateTime?: boolean;
+}
+export declare const convertToLocal: (dateString: string, options: localConversionOptions) => string;
 export declare function formatAddress(address: Address): string;
-export declare function extractComputedFontsToLoad(): string;
-/**
- * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
- *
- * @param snakeCaseStr - The string in snake_case format.
- * @returns The string transformed into a human-readable format.
- *
- * @example
- * const readable = toReadableString('sole_proprietorship');
- * console.log(readable); // Outputs: "Sole Proprietorship"
- */
 export declare function snakeCaseToHumanReadable(snakeCaseStr: string): string;
-export declare function camelToKebab(str: string): string;
 export declare function snakeToCamel(str: string): string;
-export declare function flattenNestedObject(obj: any): {};
-export declare function composeQueryParams(values: string[]): string;
-export declare function loadFontsOnParent(): Promise<any>;
 export declare function isEmptyObject(obj: any): boolean;
 export declare const isInRange: (num: any, min: any, max: any) => boolean;
+export declare function loadFontsOnParent(): Promise<any>;
+export declare function extractComputedFontsToLoad(): string;
+export {};

package/dist/webcomponents/p-0a963f7e.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e}from"./p-fad19d75.js";import"./p-16d2932d.js";import{p as a}from"./p-56f6ce4c.js";import"./p-d1f75fa6.js";import"./p-3db8b3c7.js";import{o as i}from"./p-e2ce097c.js";import{T as c,a as h,b as r,c as o}from"./p-91de21cc.js";import{c as d,a as b}from"./p-673cf8c4.js";import"./p-c13a7d10.js";const n=class{constructor(e){t(this,e),this.rowClicked=s(this,"checkout-row-clicked",7),this.errorEvent=s(this,"error-event",7),this.handleClickPrevious=t=>{const s=Object.assign({},this.params);delete s.after_cursor,this.params=Object.assign(Object.assign({},s),{before_cursor:t})},this.handleClickNext=t=>{const s=Object.assign({},this.params);delete s.before_cursor,this.params=Object.assign(Object.assign({},s),{after_cursor:t})},this.rowClickHandler=t=>{const s=t.target.closest("tr").dataset.rowEntityId;s&&this.rowClicked.emit(this.checkouts.find((t=>t.id===s)))},this.setParamsOnChange=(t,s)=>{this.params=i({[t]:s},this.params)},this.clearParams=()=>{this.errorMessage="",this.params={}},this.getCheckouts=void 0,this.getSubAccounts=void 0,this.columns=void 0,this.checkouts=[],this.checkoutsTable=void 0,this.subAccounts=[],this.loading=!0,this.errorMessage=void 0,this.paging=a,this.params={}}updateOnPropChange(){this.fetchCheckouts()}componentWillLoad(){this.checkoutsTable=new c(this.checkouts,this.columns,d,b),this.getCheckouts&&this.getSubAccounts&&this.fetchCheckouts()}fetchCheckouts(){this.loading=!0,this.getCheckouts({params:this.params,onSuccess:async({checkouts:t,pagingInfo:s})=>{this.checkouts=t,this.paging=s,this.checkoutsTable.collectionData=this.checkouts,this.checkoutsTable.columnKeys.includes("sub_account_name")?await this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.checkouts=this.checkouts.map((t=>{var s;return t.sub_account_name=null===(s=this.subAccounts.find((s=>s.id===t.account_id)))||void 0===s?void 0:s.name,t})),this.loading=!1},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e}),this.loading=!1}})}get subAccountParams(){let t=this.checkouts.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.checkouts.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.checkoutsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return e("div",{key:"8d2c1fd960b2b3a66f3a1bf648b75576ad2e8857"},e("checkouts-list-filters",{key:"18ba9bf560499112f71a690da751c8e3c4d345a7",params:this.params,setParamsOnChange:this.setParamsOnChange,clearParams:this.clearParams}),e("div",{key:"12cf6ee2912ac6a9518634ebd470dac5f7623aff",class:"table-wrapper"},e("table",{key:"1ea2c118d7efb620dc1f39db55a510a8a473cb31",class:"table table-hover"},e("thead",{key:"5e334a090be56c82b11ae7584bdf4014cc8743c7",class:"table-head sticky-top",part:"table-head"},e("tr",{key:"233137a8b4e30bac28ded78010199bfecd0ac4e7",class:"table-light text-nowrap",part:"table-head-row"},this.checkoutsTable.columnData.map((t=>t)))),e("tbody",{key:"d4ed9d4bf3ac17d4dc7294b875734e02996c7444",class:"table-body",part:"table-body"},e(h,{key:"a7afbb627c768139af4244da5c12fae493dceafb",columnSpan:this.checkoutsTable.columnKeys.length,isLoading:this.loading}),e(r,{key:"802c43c8da770bca9a249a88d115901e9b14e102",isEmpty:this.showEmptyState,columnSpan:this.checkoutsTable.columnKeys.length}),e(o,{key:"f1cd197cf7d1d5d81868a5abfafa40df762ca3c8",columnSpan:this.checkoutsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.checkoutsTable.rowData.map(((t,s)=>e("tr",{"data-test-id":"table-row","data-row-entity-id":this.entityId[s],onClick:this.rowClickHandler,part:"table-row "+(s%2?"table-row-even":"table-row-odd")},t)))),this.paging&&e("tfoot",{key:"f0c367854322c341515bc481159101e9659117c7",class:"sticky-bottom"},e("tr",{key:"88bc665c23665eddc4c88d27acc8c8f1cb39e277",class:"table-light align-middle"},e("td",{key:"8be265c9b43033cfd3e2c4b3f12ac6d6c104e53d",part:"pagination-bar",colSpan:this.checkoutsTable.columnData.length},e("pagination-menu",{key:"6abdb6091b78e58ec71ac6bf66f278ed9b6542fb",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext}),params:this.params})))))))}static get watchers(){return{params:["updateOnPropChange"],getCheckouts:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{n as checkouts_list_core}

package/dist/webcomponents/{p-8e228e5a.js → p-0d6ddff2.js}

@@ -1 +1 @@
-import{h as e}from"./p-fad19d75.js";const t=e=>{switch(e){case"connected":return"<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";case"disconnected":return"<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";case"unknown":return"<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>"}},a="nickname,provider_id,status",n={nickname:()=>e("th",{part:"table-head-cell",scope:"col",title:"The nickname associated with the terminal"},"Nickname"),provider_id:()=>e("th",{part:"table-head-cell",scope:"col",title:"The provider ID of the terminal"},"Provider ID"),sub_account_name:()=>e("th",{part:"table-head-cell",scope:"col",title:"The sub account associated with the terminal"},"Sub Account"),status:()=>e("th",{part:"table-head-cell",scope:"col",title:"The current status of each terminal"},"Status")},s={nickname:t=>e("td",null,t),provider_id:t=>e("td",null,t),sub_account_name:t=>e("td",null,t),status:a=>e("td",{innerHTML:t(a)})};export{s as a,a as d,n as t}
+import{h as e}from"./p-fad19d75.js";const t=e=>{switch(e){case"connected":return"<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";case"disconnected":return"<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";case"unknown":return"<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>"}},a="nickname,provider_id,status",n={nickname:()=>e("th",{part:"table-head-cell",scope:"col",title:"The nickname associated with the terminal"},"Nickname"),provider_id:()=>e("th",{part:"table-head-cell",scope:"col",title:"The provider ID of the terminal"},"Provider ID"),sub_account_name:()=>e("th",{part:"table-head-cell",scope:"col",title:"The sub account associated with the terminal"},"Sub Account"),status:()=>e("th",{part:"table-head-cell",scope:"col",title:"The current status of each terminal"},"Status")},s={nickname:t=>e("td",{part:"table-cell"},t),provider_id:t=>e("td",{part:"table-cell"},t),sub_account_name:t=>e("td",{part:"table-cell"},t),status:a=>e("td",{part:"table-cell",innerHTML:t(a)})};export{s as a,a as d,n as t}

package/dist/webcomponents/p-0fbab710.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-fad19d75.js";import{l as t}from"./p-c6be72b0.js";const l=class{constructor(a){e(this,a),this.params={},this.setParamsOnChange=void 0,this.clearParams=void 0}componentWillLoad(){this.debouncedSetParamsOnChange=t.exports.debounce(this.setParamsOnChange,300)}get terminalStatusOptions(){return[{label:"All",value:""},{label:"Connected",value:"connected"},{label:"Disconnected",value:"disconnected"},{label:"Unknown",value:"unknown"}]}render(){return a("table-filters-menu",{key:"486847f69064b497b72521312d27097690eb19b2",params:this.params,clearParams:this.clearParams},a("div",{key:"622e3572ff1cf85a60ffa30c4fa5d39780375abb",class:"grid-cols-2 gap-3 p-1"},a("div",{key:"2cef9085c3d09e96907cdaa8330e8b8b80d8ceec",class:"p-2"},a("form-control-text",{key:"a3922b71cbdc93bbdddd519e44bad25379c6b5f4",name:"terminal_id",label:"Terminal ID",inputHandler:this.debouncedSetParamsOnChange,defaultValue:this.params.terminal_id})),a("div",{key:"1027edf52dc1ceacc4779b29bda4b7d08c8a3c8c",class:"p-2"},a("form-control-select",{key:"e1f122b2868282a64dccc99b3e9d19fe7cc768fb",name:"status",label:"Status",options:this.terminalStatusOptions,inputHandler:this.setParamsOnChange,defaultValue:this.params.status||""}))))}};export{l as terminals_list_filters}