@justifi/webcomponents 4.10.0 → 4.12.0

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

@@ -1,3 +1,4 @@
+import { BusinessType } from "../../../api/Business";
 export interface BusinessFormSubmitEvent {
     data: any;
     metadata?: BusinessFormEventMetaData;
@@ -27,6 +28,10 @@ export interface OwnerFormSubmitEvent {
     data: any;
     metadata?: any;
 }
+export interface OwnerFormClickEvent {
+    data?: any;
+    name: OwnerFormClickActions;
+}
 export interface OwnerFormServerErrorEvent {
     data?: any;
     message: OwnerFormServerErrors;
@@ -36,4 +41,14 @@ export declare enum OwnerFormServerErrors {
     patchData = "Error updating owner data",
     postData = "Error adding owner data"
 }
+export declare enum OwnerFormClickActions {
+    removeOwner = "removeOwner",
+    addOwner = "addOwner",
+    addOwnerForm = "addOwnerForm",
+    updateOwner = "updateOwner"
+}
+export declare const BusinessTypeOptions: {
+    label: string;
+    value: BusinessType | string;
+}[];
 export {};

package/dist/types/components/business-forms/utils/helpers.d.ts

@@ -0,0 +1,8 @@
+export declare function getStateAbbreviation(stateName: string): string | undefined;
+export declare function filterNumber(num: string): string;
+export declare function constructDate(year: string, month: string, day: string): string | void;
+export declare function deconstructDate(date: string): {
+    dob_year: string;
+    dob_month: string;
+    dob_day: string;
+};

package/dist/types/components/checkout/checkout-actions.d.ts

@@ -6,12 +6,12 @@ export declare const makeGetCheckout: ({ authToken, checkoutId, service }: {
     onSuccess: any;
     onError: any;
 }) => Promise<any>;
-export declare const makePay: ({ authToken, checkoutId, service }: {
+export declare const makeCheckoutComplete: ({ authToken, checkoutId, service }: {
     authToken: any;
     checkoutId: any;
     service: any;
-}) => ({ paymentMethodToken, onSuccess, onError }: {
-    paymentMethodToken: any;
+}) => ({ payment, onSuccess, onError }: {
+    payment: any;
     onSuccess: any;
     onError: any;
 }) => Promise<any>;

package/dist/types/components/checkout/checkout-core.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
+import { ICheckout, ICheckoutCompleteResponse } from '../../api/Checkout';
 export declare class CheckoutCore {
     /**
    * URL for the rendered iFrame. End-users need not use this.
@@ -7,22 +7,23 @@ export declare class CheckoutCore {
     iframeOrigin?: string;
     authToken: string;
     getCheckout: Function;
-    pay: Function;
+    complete: Function;
     checkoutId: string;
     hasLoadedFonts: boolean;
     isLoading: boolean;
-    checkout: any;
+    checkout: ICheckout;
     serverError: boolean;
     errorMessage: string;
     creatingNewPaymentMethod: boolean;
     selectedPaymentMethodToken: string;
-    submitted: EventEmitter<CreatePaymentMethodResponse>;
+    submitted: EventEmitter<ICheckoutCompleteResponse>;
     private paymentMethodOptionsRef?;
     componentWillLoad(): void;
     connectedCallback(): void;
     fetchData(): void;
     loadFontsOnParent(): Promise<any>;
     submit(event: any): Promise<void>;
+    onSubmitted: (data: any) => void;
     private loadingSpinner;
     render(): any;
 }

package/dist/types/components/checkout/checkout.d.ts

@@ -3,7 +3,7 @@ export declare class Checkout {
     authToken: string;
     checkoutId: string;
     getCheckout: Function;
-    pay: Function;
+    complete: Function;
     errorMessage: string;
     componentWillLoad(): void;
     private initializeGetCheckout;

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
 export declare class NewPaymentMethod {
     iframeOrigin?: string;
     clientId: string;
@@ -9,7 +10,7 @@ export declare class NewPaymentMethod {
     paymentMethodOptionSelected: EventEmitter;
     private billingFormRef?;
     private paymentMethodFormRef?;
-    getPaymentMethodToken(): Promise<string>;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     tokenize(): Promise<any>;
     onPaymentMethodOptionClick: () => void;
     showNewPaymentMethodForm(): any;

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

@@ -1,18 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
+import { IBnpl } from '../../api';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
+    bnpl: IBnpl;
     clientId: string;
     accountId: string;
     iframeOrigin?: string;
     savedPaymentMethods: any[];
     selectedPaymentMethodId: string;
+    paymentAmount: string;
     paymentMethodOptions: PaymentMethodOption[];
     toggleCreatingNewPaymentMethod: EventEmitter;
     private selectedPaymentMethodOptionRef?;
     paymentMethodsChanged(): void;
     paymentMethodOptionSelected(event: CustomEvent<PaymentMethodOption>): void;
-    getPaymentMethodToken(): Promise<string>;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     render(): any;
 }

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

@@ -0,0 +1,8 @@
+export interface PaymentMethodPayload {
+    token?: string;
+    bnpl?: {
+        order_uuid: string;
+        status: string;
+        session_uuid: string;
+    };
+}

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

@@ -1,11 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
 export declare class SavedPaymentMethod {
     iframeOrigin?: string;
     paymentMethodOption: PaymentMethodOption;
     isSelected: boolean;
     paymentMethodOptionSelected: EventEmitter;
-    getPaymentMethodToken(): Promise<string>;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     onPaymentMethodOptionClick: () => void;
     render(): any;
 }

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
+export declare class SezzelPaymentMethod {
+    iframeOrigin?: string;
+    bnpl: any;
+    clientId: string;
+    accountId: string;
+    paymentMethodOption: PaymentMethodOption;
+    isSelected: boolean;
+    paymentAmount: string;
+    installmentPlan: any;
+    sezzleCheckout: any;
+    sezzlePromise: Promise<PaymentMethodPayload>;
+    private scriptRef;
+    private sezzleButtonRef;
+    paymentMethodOptionSelected: EventEmitter;
+    componentDidRender(): void;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    onPaymentMethodOptionClick: () => void;
+    initializeSezzleCheckout: () => void;
+    render(): any;
+}

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DateInput {
+    label: string;
+    name: string;
+    error: string;
+    defaultValue: string;
+    inputHandler: any;
+    disabled: boolean;
+    date: string;
+    formControlInput: EventEmitter<any>;
+    formControlBlur: EventEmitter<any>;
+    dateInput: HTMLInputElement;
+    private updateInput;
+    componentDidLoad(): void;
+    handleDefaultValueChange(newValue: string): void;
+    handleFormControlInput: (event: any) => void;
+    render(): any;
+}

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

@@ -5,6 +5,8 @@ export declare class TextInput {
     name: any;
     error: string;
     defaultValue: string;
+    keyDownHandler?: (event: any) => void;
+    maxLength?: number;
     disabled: boolean;
     inputHandler: (name: string, value: string) => void;
     input: string;

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

@@ -1,2 +1,3 @@
 export declare const FormAlert: (message: string) => any;
 export declare const LoadingSpinner: () => any;
+export declare const filterPostalInput: (e: KeyboardEvent) => void;

package/dist/types/components/gross-payment-chart/get-gross-payment-chart-data.d.ts

@@ -1,11 +1,8 @@
-import { ReportsService } from '../../api/services/reports.service';
-interface MakeGetGrossPaymentChartDataProps {
-    id: string;
-    authToken: string;
-    service: ReportsService;
-}
-export declare const makeGetGrossPaymentChartData: ({ id, authToken, service }: MakeGetGrossPaymentChartDataProps) => ({ onSuccess, onError }: {
+export declare const makeGetGrossPaymentChartData: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ onSuccess, onError }: {
     onSuccess: any;
     onError: any;
 }) => Promise<void>;
-export {};

package/dist/types/components/gross-payment-chart/gross-payment-chart-core.d.ts

@@ -1,5 +1,7 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Chart } from 'chart.js';
 import { GrossVolumeReport } from '../../api/GrossVolume';
+import { ComponentError } from '../../api/ComponentError';
 export declare class GrossPaymentChartCore {
     chart: Chart;
     chartRef: HTMLCanvasElement;
@@ -7,6 +9,7 @@ export declare class GrossPaymentChartCore {
     grossVolumeReport: GrossVolumeReport;
     loading: boolean;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentDidLoad(): void;
     propChanged(): void;
     grossVolumeReportChanged(grossVolumeReport: GrossVolumeReport): void;

package/dist/types/components/gross-payment-chart/gross-payment-chart.d.ts

@@ -1,10 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 export declare class GrossPaymentChart {
     accountId: string;
     authToken: string;
     getGrossPayment: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetGrossPayment;
+    handleErrorEvent: (event: CustomEvent<ComponentError>) => void;
     render(): any;
 }

package/dist/types/components/payment-details/payment-details-core.d.ts

@@ -1,9 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payment } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentDetailsCore {
     getPaymentDetails: Function;
     payment: Payment;
     loading: boolean;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     updateOnPropChange(): void;
     fetchData(): void;

package/dist/types/components/payment-details/payment-details.d.ts

@@ -1,4 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentService } from '../../api/services/payment.service';
+import { ComponentError } from '../../api/ComponentError';
 /**
   * @exportedPart detail-loading-spinner
   * @exportedPart detail-loading-state
@@ -27,9 +29,11 @@ export declare class PaymentDetails {
     authToken: string;
     getPaymentDetails: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetPaymentDetails;
     paymentService: PaymentService;
+    handleErrorEvent: (event: any) => void;
     render(): any;
 }

package/dist/types/components/payment-form/payment-form.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodTypes } from '../../api';
 import { BillingFormFields } from '../billing-form/billing-form-schema';
 import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentForm {
     bankAccount?: boolean;
     card?: boolean;
@@ -9,15 +10,17 @@ export declare class PaymentForm {
     clientId: string;
     accountId?: string;
     submitButtonText?: string;
-    submitted: EventEmitter<CreatePaymentMethodResponse>;
     submitButtonEnabled: boolean;
     isLoading: boolean;
     selectedPaymentMethodType: PaymentMethodTypes;
+    submitted: EventEmitter<CreatePaymentMethodResponse>;
+    errorEvent: EventEmitter<ComponentError>;
     private paymentMethodFormRef?;
     private billingFormRef?;
     connectedCallback(): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     enableSubmitButton(): Promise<void>;
+    disableSubmitButton(): Promise<void>;
     paymentMethodSelectedHandler(event: CustomEvent): void;
     submit(event: any): Promise<void>;
     render(): any;

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PagingInfo, Payment } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentsListCore {
     getPayments: Function;
     payments: Payment[];
@@ -8,6 +9,7 @@ export declare class PaymentsListCore {
     paging: PagingInfo;
     params: any;
     rowClicked: EventEmitter<Payment>;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     updateOnPropChange(): void;
     handleClickPrevious: (beforeCursor: string) => void;

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

@@ -1,3 +1,5 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -22,8 +24,10 @@ export declare class PaymentsList {
     authToken: string;
     getPayments: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetPayments;
+    handleErrorEvent: (event: any) => void;
     render(): any;
 }

package/dist/types/components/payout-details/payout-details-core.d.ts

@@ -1,9 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payout } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PayoutDetailsCore {
     getPayout: Function;
     payout: Payout;
     loading: boolean;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     getPayoutWatcher(): void;
     fetchData(): void;

package/dist/types/components/payout-details/payout-details.d.ts

@@ -1,10 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PayoutDetails {
     payoutId: string;
     authToken: string;
     getPayout: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     initializeGetPayout(): void;
+    handleErrorEvent: (event: CustomEvent<ComponentError>) => void;
     render(): any;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PagingInfo, Payout, PayoutStatuses } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PayoutsListCore {
     getPayouts: Function;
     payouts: Payout[];
@@ -8,6 +9,7 @@ export declare class PayoutsListCore {
     paging: PagingInfo;
     params: any;
     rowClicked: EventEmitter<Payout>;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     updateOnPropChange(): void;
     mapStatusToBadge: (status: PayoutStatuses) => string;

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

@@ -1,3 +1,5 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -22,8 +24,10 @@ export declare class PayoutsList {
     authToken: string;
     getPayouts: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetPayouts;
+    handleOnError: (event: any) => void;
     render(): any;
 }