@justifi/webcomponents 6.0.0-rc.1 → 6.0.0-rc.10

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

@@ -0,0 +1,12 @@
+import { IApiResponse } from '..';
+export interface ILinkTokenResponse {
+    link_token: string;
+}
+export interface IPlaidService {
+    getLinkToken(authToken: string, accountId: string, checkoutId: string, signal?: AbortSignal): Promise<IApiResponse<ILinkTokenResponse>>;
+    tokenizeBankAccount(authToken: string, accountId: string, publicToken: string, linkTokenId?: string, paymentMethodGroupId?: string, signal?: AbortSignal): Promise<IApiResponse<any>>;
+}
+export declare class PlaidService implements IPlaidService {
+    getLinkToken(authToken: string, accountId: string, checkoutId: string, signal?: AbortSignal): Promise<IApiResponse<ILinkTokenResponse>>;
+    tokenizeBankAccount(authToken: string, accountId: string, publicToken: string, linkTokenId?: string, paymentMethodGroupId?: string, signal?: AbortSignal): Promise<IApiResponse<any>>;
+}

package/dist/types/components/checkout/bank-account-form/bank-account-form.d.ts

@@ -1,6 +1,7 @@
 export declare class BankAccountForm {
     isReady: boolean;
     iframeOrigin: string;
+    tabId: string;
     private accountNumberIframeElement;
     private routingNumberIframeElement;
     componentWillLoad(): Promise<void>;

package/dist/types/components/checkout/card-form/card-form.d.ts

@@ -1,6 +1,7 @@
 export declare class CardForm {
     isReady: boolean;
     iframeOrigin: string;
+    tabId: string;
     private cardNumberIframeElement;
     private expirationMonthIframeElement;
     private expirationYearIframeElement;

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

@@ -3,18 +3,20 @@ import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from './billing-form/billing-form-schema';
 import { ICheckout, ILoadedEventResponse } from '../../api';
 import { ComponentErrorEvent, ComponentSubmitEvent } from '../../api/ComponentEvents';
-import { PaymentMethodPayload } from './payment-method-payload';
+import { CheckoutChangedEventDetail, PAYMENT_METHODS } from '../modular-checkout/ModularCheckout';
 export declare class Checkout {
     analytics: JustifiAnalytics;
     modularCheckoutRef?: HTMLJustifiModularCheckoutElement;
     tokenizePaymentMethodRef?: HTMLJustifiTokenizePaymentMethodElement;
+    plaidPaymentMethodRef?: HTMLJustifiPlaidPaymentMethodElement;
+    sezzlePaymentMethodRef?: HTMLJustifiSezzlePaymentMethodElement;
+    availablePaymentMethods: PAYMENT_METHODS[];
     checkout: ICheckout;
     complete: Function;
     errorMessage: string;
     insuranceToggled: boolean;
     isSubmitting: boolean;
     serverError: string;
-    tokenizedPaymentMethod?: PaymentMethodPayload;
     authToken: string;
     checkoutId: string;
     disableBankAccount?: boolean;
@@ -31,17 +33,14 @@ export declare class Checkout {
     componentWillLoad(): void;
     disconnectedCallback(): void;
     checkoutComplete(_event: CustomEvent<any>): void;
-    checkoutError(event: CustomEvent<any>): void;
-    handleTokenizeSubmit(event: CustomEvent<{
-        response: PaymentMethodPayload;
-    }>): Promise<void>;
+    checkoutError(_event: CustomEvent<any>): void;
+    checkoutChanged(event: CustomEvent<CheckoutChangedEventDetail>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
     }>;
     private updateStore;
     private submit;
-    private submitCheckoutWithToken;
     private get showPaymentTypeHeader();
     render(): any;
 }

package/dist/types/components/modular-checkout/ModularCheckout.d.ts

@@ -0,0 +1,31 @@
+import { ICheckoutPaymentMethod, PaymentMethodTypes } from '../../api';
+export declare enum PAYMENT_MODE {
+    ECOM = "ecom",
+    BNPL = "bnpl",
+    APPLE_PAY = "apple_pay"
+}
+export declare enum PAYMENT_METHOD_TYPES {
+    CARD = "card",
+    BANK_ACCOUNT = "bank_account",
+    APPLE_PAY = "apple_pay",
+    GOOGLE_PAY = "google_pay",
+    SEZZLE = "sezzle",
+    PLAID = "plaid"
+}
+export declare enum PAYMENT_METHODS {
+    SAVED_CARD = "saved_card",
+    NEW_CARD = "new_card",
+    SAVED_BANK_ACCOUNT = "saved_bank_account",
+    NEW_BANK_ACCOUNT = "new_bank_account",
+    APPLE_PAY = "apple_pay",
+    GOOGLE_PAY = "google_pay",
+    SEZZLE = "sezzle",
+    PLAID = "plaid"
+}
+export interface CheckoutChangedEventDetail {
+    availablePaymentMethodTypes: PAYMENT_METHODS[];
+    selectedPaymentMethod: ICheckoutPaymentMethod | {
+        type: PaymentMethodTypes;
+    };
+    savedPaymentMethods: ICheckoutPaymentMethod[];
+}

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

@@ -1,13 +1,15 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import JustifiAnalytics from "../../api/Analytics";
+import { ICheckoutPaymentMethod, PaymentMethodTypes } from "../../api";
 import { BillingFormFields } from "../../components";
+import { CheckoutChangedEventDetail } from "./ModularCheckout";
 export declare class ModularCheckout {
     analytics: JustifiAnalytics;
     private observer?;
     private paymentMethodFormRef?;
     private billingFormRef?;
     private insuranceFormRef?;
-    private sezzlePaymentMethodRef?;
+    private applePayRef?;
     private getCheckout;
     private completeCheckout;
     authToken: string;
@@ -16,7 +18,7 @@ export declare class ModularCheckout {
     hostEl: HTMLElement;
     errorEvent: EventEmitter;
     submitEvent: EventEmitter;
-    paymentMethodChangedEvent: EventEmitter<string>;
+    checkoutChangedEvent: EventEmitter<CheckoutChangedEventDetail>;
     savePaymentMethodChanged(newValue: boolean): void;
     connectedCallback(): void;
     componentWillLoad(): void;
@@ -24,11 +26,18 @@ export declare class ModularCheckout {
     disconnectedCallback(): void;
     private fetchCheckout;
     private updateStore;
+    private emitCheckoutChanged;
     private queryFormRefs;
+    private setupApplePayListeners;
+    private removeApplePayListeners;
+    private handleApplePayCompleted;
+    private handleApplePayError;
+    private handleApplePayCancelled;
     private tokenizePaymentMethod;
-    private getPaymentMethod;
+    setSelectedPaymentMethod(paymentMethod: ICheckoutPaymentMethod | {
+        type: PaymentMethodTypes;
+    }): Promise<void>;
     validate(): Promise<boolean>;
     submitCheckout(submitCheckoutArgs?: BillingFormFields): Promise<void>;
-    setSelectedPaymentMethod(paymentMethodId: string): Promise<void>;
     render(): any;
 }

package/dist/types/components/modular-checkout/sub-components/apple-pay-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+interface ApplePaySkeletonProps {
+    isReady: boolean;
+}
+declare const ApplePaySkeleton: FunctionalComponent<ApplePaySkeletonProps>;
+export default ApplePaySkeleton;

package/dist/types/components/modular-checkout/sub-components/apple-pay.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ApplePayButtonType, ApplePayButtonStyle, IApplePayToken } from "../../../api/ApplePay";
+export declare class ApplePay {
+    private applePayService;
+    countryCode: string;
+    merchantIdentifier: string;
+    merchantDisplayName: string;
+    initiativeContext: string;
+    buttonType: ApplePayButtonType;
+    buttonStyle: ApplePayButtonStyle;
+    disabled: boolean;
+    showSkeleton: boolean;
+    isLoading: boolean;
+    isProcessing: boolean;
+    isAvailable: boolean;
+    canMakePayments: boolean;
+    isConfigValid: boolean;
+    error: string | null;
+    applePayStarted: EventEmitter<void>;
+    applePayCompleted: EventEmitter<{
+        success: boolean;
+        token?: IApplePayToken;
+        paymentMethodId?: string;
+        error?: any;
+    }>;
+    applePayCancelled: EventEmitter<void>;
+    applePayError: EventEmitter<{
+        error: string;
+    }>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    watchPropsChange(): void;
+    private initializeApplePay;
+    private handleApplePayClick;
+    isSupported(): Promise<boolean>;
+    getPaymentMethods(): Promise<string[]>;
+    abort(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/modular-checkout/sub-components/plaid-payment-method.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { PaymentMethodPayload } from '../../checkout/payment-method-payload';
+import { ComponentErrorSeverity } from '../../../api/ComponentError';
+export declare enum PlaidErrorCodes {
+    PLAID_SDK_LOAD_FAILED = "plaid-sdk-load-failed",
+    PLAID_LINK_INIT_FAILED = "plaid-link-init-failed",
+    PLAID_LINK_TOKEN_FAILED = "plaid-link-token-failed",
+    PLAID_AUTHENTICATION_FAILED = "plaid-authentication-failed",
+    PLAID_BANK_NOT_SUPPORTED = "plaid-bank-not-supported",
+    PLAID_TOKEN_EXPIRED = "plaid-token-expired",
+    PLAID_NETWORK_ERROR = "plaid-network-error",
+    PLAID_USER_CANCELLED = "plaid-user-cancelled",
+    PLAID_TIMEOUT = "plaid-timeout",
+    PLAID_INVALID_CREDENTIALS = "plaid-invalid-credentials",
+    PLAID_ACCOUNT_LOCKED = "plaid-account-locked",
+    PLAID_MAINTENANCE = "plaid-maintenance",
+    PLAID_RATE_LIMITED = "plaid-rate-limited"
+}
+interface PlaidError {
+    code: PlaidErrorCodes;
+    message: string;
+    severity: ComponentErrorSeverity;
+    originalError?: any;
+    retryable: boolean;
+    userAction?: string;
+}
+export declare class PlaidPaymentMethod {
+    isAuthenticating: boolean;
+    publicToken: string | null;
+    linkToken: string | null;
+    linkTokenId: string | null;
+    error: PlaidError | null;
+    plaidLink: any;
+    isSelected: boolean;
+    retryCount: number;
+    isRetrying: boolean;
+    private scriptRef;
+    private plaidService;
+    private unsubscribeFromStore;
+    private maxRetries;
+    private retryDelay;
+    private timeoutId;
+    private abortController;
+    private hasLoggedDisabledWarning;
+    paymentMethodOptionSelected: EventEmitter;
+    plaidError: EventEmitter;
+    plaidErrorRecovered: EventEmitter;
+    onSelectionChange(newValue: boolean): void;
+    componentDidRender(): void;
+    componentWillLoad(): void;
+    waitForStoreAndInitialize: () => void;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    getPaymentToken(): Promise<string | undefined>;
+    handleSelectionClick(): Promise<void>;
+    initializePlaidLink: () => Promise<void>;
+    getLinkToken: () => Promise<void>;
+    mapApiErrorToPlaidError: (apiError: any) => PlaidErrorCodes;
+    openPlaidLink: () => void;
+    handlePlaidSuccess: (publicToken: string, _metadata: any) => void;
+    private exchangePublicTokenForPaymentMethod;
+    handlePlaidExit: (err: any, _metadata: any) => void;
+    handlePlaidEvent: (eventName: string, metadata: any) => void;
+    handlePlaidLoad: () => void;
+    handlePlaidError: (error: any) => void;
+    handleError: (plaidError: PlaidError) => void;
+    scheduleRetry: () => void;
+    clearError: () => void;
+    setSelected(selected: boolean): Promise<void>;
+    isCurrentlySelected(): Promise<boolean>;
+    deselect(): Promise<void>;
+    reset(): Promise<void>;
+    isReadyForAuthentication(): Promise<boolean>;
+    retry(): Promise<void>;
+    getErrorInfo(): Promise<PlaidError | null>;
+    private syncWithStore;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}
+export {};

package/dist/types/components/modular-checkout/sub-components/plaid-payment-method.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/modular-checkout/sub-components/saved-payment-methods.d.ts

@@ -1,7 +1,7 @@
 import { ICheckoutPaymentMethod } from '../../../api';
 export declare class SavedPaymentMethods {
     componentWillLoad(): void;
-    onPaymentMethodOptionClick: (paymentMethodId: string) => (e: Event) => void;
+    onPaymentMethodOptionClick: (paymentMethod: ICheckoutPaymentMethod) => (e: Event) => void;
     isAllowedPaymentMethod: (paymentMethod: ICheckoutPaymentMethod) => boolean;
     render(): any;
 }

package/dist/types/components/modular-checkout/sub-components/sezzle-payment-method.d.ts

@@ -10,7 +10,7 @@ export declare class SezzlePaymentMethod {
     paymentMethodOptionSelected: EventEmitter;
     componentDidRender(): void;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
-    onPaymentMethodOptionClick: (e: any) => void;
+    handleSelectionClick(): Promise<void>;
     initializeSezzleCheckout: () => void;
     render(): any;
 }

package/dist/types/components/tokenize-payment-method/tokenize-payment-method.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from '../../components';
 import { PaymentMethodPayload } from '../checkout/payment-method-payload';
-import { ComponentSubmitEvent, ComponentErrorEvent } from '../../api';
+import { ComponentSubmitEvent, ComponentErrorEvent, PaymentMethodTypes } from '../../api';
 interface ValidationResult {
     isValid: boolean;
     errors?: Record<string, any>;
@@ -11,10 +11,11 @@ export declare class TokenizePaymentMethod {
     analytics: JustifiAnalytics;
     private billingFormRef?;
     private paymentMethodFormRef?;
+    private unsubscribeFromStore?;
     host: HTMLElement;
-    isLoading: boolean;
-    selectedPaymentMethodId: string;
     computedHideSubmitButton: boolean;
+    isLoading: boolean;
+    selectedPaymentMethod?: PaymentMethodTypes;
     accountId?: string;
     authToken?: string;
     disableBankAccount?: boolean;
@@ -24,16 +25,17 @@ export declare class TokenizePaymentMethod {
     hideSubmitButton?: boolean;
     paymentMethodGroupId?: string;
     submitButtonText?: string;
+    paymentMethodsChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     submitEvent: EventEmitter<ComponentSubmitEvent>;
-    componentWillLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    paymentMethodsChanged(): void;
+    componentWillLoad(): void;
     handleRadioClick(event: CustomEvent<string>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     tokenizePaymentMethod(event?: MouseEvent): Promise<PaymentMethodPayload>;
     validate(): Promise<ValidationResult>;
+    tokenize(): Promise<any>;
     private validateRequiredProps;
     private setDefaultSelectedPaymentMethod;
     private setComputedHideSubmitButton;
@@ -44,7 +46,6 @@ export declare class TokenizePaymentMethod {
     private createErrorResponse;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     private performTokenization;
-    private tokenize;
     private buildPaymentMethodMetadata;
     private get paymentMethodGroupID();
     private get shouldSavePaymentMethod();