@justifi/webcomponents 6.0.0-rc.4 → 6.0.0-rc.6

package/dist/types/api/Checkout.d.ts

@@ -66,6 +66,8 @@ export interface ICheckout {
         ach_payments: boolean;
         bnpl_payments: boolean;
         credit_card_payments: boolean;
+        insurance_payments?: boolean;
+        bank_account_verification?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;
@@ -95,6 +97,8 @@ export declare class Checkout implements ICheckout {
         ach_payments: boolean;
         bnpl_payments: boolean;
         credit_card_payments: boolean;
+        insurance_payments?: boolean;
+        bank_account_verification?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;

package/dist/types/api/Payment.d.ts

@@ -1,5 +1,5 @@
-import { DisputeStatus } from "./Dispute";
-import { IRefund } from ".";
+import { DisputeStatus } from './Dispute';
+import { IRefund } from '.';
 export declare enum CaptureStrategy {
     automatic = "automatic",
     manual = "manual"
@@ -7,8 +7,7 @@ export declare enum CaptureStrategy {
 export declare enum PaymentMethodTypes {
     card = "card",
     bankAccount = "bankAccount",
-    sezzle = "sezzle",
-    saved = "saved"
+    sezzle = "sezzle"
 }
 export declare enum PaymentTypes {
     card = "Card",

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

@@ -0,0 +1,55 @@
+import { IApplePayConfig, IApplePayPaymentRequest, IApplePayError, ApplePayConfig, IMerchantSession, IApplePayService, IApplePayPaymentProcessRequest, IApplePayPaymentResponse, IApplePayToken } from '../ApplePay';
+export declare class ApplePayService implements IApplePayService {
+    private applePayConfig?;
+    private currentSession?;
+    private currentPaymentRequest?;
+    private api;
+    /**
+     * Initialize Apple Pay configuration
+     */
+    initialize(applePayConfig: IApplePayConfig): void;
+    /**
+     * Validate merchant with Apple Pay servers via API
+     */
+    validateMerchant(authToken: string, accountId: string): Promise<IMerchantSession>;
+    /**
+     * Process Apple Pay payment via API (fixed to match original logic)
+     */
+    processPayment(authToken: string, accountId: string, payload: IApplePayPaymentProcessRequest): Promise<{
+        success: boolean;
+        data: IApplePayPaymentResponse;
+    }>;
+    /**
+     * Check if Apple Pay is available on this device/browser
+     */
+    isAvailable(): boolean;
+    /**
+     * Check if the user has an active card for the merchant
+     */
+    canMakePaymentsWithActiveCard(): Promise<boolean>;
+    /**
+     * Start Apple Pay session
+     */
+    startPaymentSession(paymentRequest: IApplePayPaymentRequest, authToken: string, accountId: string): Promise<{
+        success: boolean;
+        token?: IApplePayToken;
+        paymentMethodId?: string;
+        error?: IApplePayError;
+    }>;
+    /**
+     * Abort current Apple Pay session
+     */
+    abortPaymentSession(): void;
+    /**
+     * Setup Apple Pay session event handlers
+     */
+    private setupSessionEventHandlers;
+    /**
+     * Create a basic payment request
+     */
+    static createPaymentRequest(amount: number, label: string, countryCode?: string, currencyCode?: string): IApplePayPaymentRequest;
+    /**
+     * Get current configuration
+     */
+    getApplePayConfig(): ApplePayConfig | undefined;
+}

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/checkout.d.ts

@@ -3,7 +3,6 @@ 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';
 export declare class Checkout {
     analytics: JustifiAnalytics;
     modularCheckoutRef?: HTMLJustifiModularCheckoutElement;
@@ -14,7 +13,6 @@ export declare class Checkout {
     insuranceToggled: boolean;
     isSubmitting: boolean;
     serverError: string;
-    tokenizedPaymentMethod?: PaymentMethodPayload;
     authToken: string;
     checkoutId: string;
     disableBankAccount?: boolean;
@@ -31,17 +29,13 @@ 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;
     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,23 @@
+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"
+}

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

@@ -7,7 +7,7 @@ export declare class ModularCheckout {
     private paymentMethodFormRef?;
     private billingFormRef?;
     private insuranceFormRef?;
-    private sezzlePaymentMethodRef?;
+    private applePayRef?;
     private getCheckout;
     private completeCheckout;
     authToken: string;
@@ -25,10 +25,13 @@ export declare class ModularCheckout {
     private fetchCheckout;
     private updateStore;
     private queryFormRefs;
+    private setupApplePayListeners;
+    private removeApplePayListeners;
+    private handleApplePayCompleted;
+    private handleApplePayError;
+    private handleApplePayCancelled;
     private tokenizePaymentMethod;
-    private getPaymentMethod;
     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,38 @@
+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;
+    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>;
+    onPaymentMethodOptionClick: (e: any) => 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/tokenize-payment-method/tokenize-payment-method.d.ts

@@ -3,6 +3,7 @@ import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from '../../components';
 import { PaymentMethodPayload } from '../checkout/payment-method-payload';
 import { ComponentSubmitEvent, ComponentErrorEvent } from '../../api';
+import { PAYMENT_METHODS } from '../modular-checkout/ModularCheckout';
 interface ValidationResult {
     isValid: boolean;
     errors?: Record<string, any>;
@@ -11,10 +12,11 @@ export declare class TokenizePaymentMethod {
     analytics: JustifiAnalytics;
     private billingFormRef?;
     private paymentMethodFormRef?;
+    private unsubscribeFromStore?;
     host: HTMLElement;
-    isLoading: boolean;
-    selectedPaymentMethodId: string;
     computedHideSubmitButton: boolean;
+    isLoading: boolean;
+    selectedPaymentMethod?: PAYMENT_METHODS.NEW_CARD | PAYMENT_METHODS.NEW_BANK_ACCOUNT;
     accountId?: string;
     authToken?: string;
     disableBankAccount?: boolean;
@@ -24,16 +26,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 +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();