@justifi/webcomponents 6.0.0-rc.2 → 6.0.0-rc.20

package/dist/types/api/services/apple-pay.service.d.ts

@@ -3,18 +3,7 @@ export declare class ApplePayService implements IApplePayService {
     private applePayConfig?;
     private currentSession?;
     private currentPaymentRequest?;
-    private apiBaseUrl;
-    private authToken?;
-    private accountId?;
-    /**
-     * Set custom API base URL
-     */
-    setApiBaseUrl(url: string): void;
-    /**
-     * Set authentication token
-     */
-    setAuthToken(authToken: string): void;
-    setAccountId(accountId: string): void;
+    private api;
     /**
      * Initialize Apple Pay configuration
      */
@@ -22,11 +11,11 @@ export declare class ApplePayService implements IApplePayService {
     /**
      * Validate merchant with Apple Pay servers via API
      */
-    validateMerchant(authToken: string): Promise<IMerchantSession>;
+    validateMerchant(authToken: string, accountId: string): Promise<IMerchantSession>;
     /**
      * Process Apple Pay payment via API (fixed to match original logic)
      */
-    processPayment(authToken: string, payload: IApplePayPaymentProcessRequest): Promise<{
+    processPayment(authToken: string, accountId: string, payload: IApplePayPaymentProcessRequest): Promise<{
         success: boolean;
         data: IApplePayPaymentResponse;
     }>;
@@ -41,9 +30,10 @@ export declare class ApplePayService implements IApplePayService {
     /**
      * Start Apple Pay session
      */
-    startPaymentSession(paymentRequest: IApplePayPaymentRequest): Promise<{
+    startPaymentSession(paymentRequest: IApplePayPaymentRequest, authToken: string, accountId: string): Promise<{
         success: boolean;
         token?: IApplePayToken;
+        paymentMethodId?: string;
         error?: IApplePayError;
     }>;
     /**

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/checkout/save-new-payment-method.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SaveNewPaymentMethod {
+    label?: string;
     isChecked: boolean;
     checkboxChanged: EventEmitter<boolean>;
     private handleCheckboxChange;

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,42 +1,42 @@
 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;
-    private applePayToken?;
+    private plaidService;
     authToken: string;
     checkoutId: string;
-    savePaymentMethod?: boolean;
     hostEl: HTMLElement;
     errorEvent: EventEmitter;
     submitEvent: EventEmitter;
-    paymentMethodChangedEvent: EventEmitter<string>;
-    savePaymentMethodChanged(newValue: boolean): void;
+    checkoutChangedEvent: EventEmitter<CheckoutChangedEventDetail>;
     connectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private fetchCheckout;
     private updateStore;
+    private emitCheckoutChanged;
     private queryFormRefs;
     private setupApplePayListeners;
     private removeApplePayListeners;
     private handleApplePayCompleted;
     private handleApplePayError;
     private handleApplePayCancelled;
-    private submitCheckoutWithApplePay;
     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.d.ts

@@ -6,7 +6,6 @@ export declare class ApplePay {
     merchantIdentifier: string;
     merchantDisplayName: string;
     initiativeContext: string;
-    apiBaseUrl: string;
     buttonType: ApplePayButtonType;
     buttonStyle: ApplePayButtonStyle;
     disabled: boolean;
@@ -15,20 +14,19 @@ export declare class ApplePay {
     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>;

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

@@ -0,0 +1,79 @@
+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;
+    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,18 @@ export declare class TokenizePaymentMethod {
     hideSubmitButton?: boolean;
     paymentMethodGroupId?: string;
     submitButtonText?: string;
+    savePaymentMethodLabel?: 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 +47,6 @@ export declare class TokenizePaymentMethod {
     private createErrorResponse;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     private performTokenization;
-    private tokenize;
     private buildPaymentMethodMetadata;
     private get paymentMethodGroupID();
     private get shouldSavePaymentMethod();