@justifi/webcomponents 5.7.6-rc-03 → 5.7.6-rc-05

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

@@ -0,0 +1,195 @@
+export declare enum ApplePaySessionStatus {
+    STATUS_SUCCESS = "STATUS_SUCCESS",
+    STATUS_FAILURE = "STATUS_FAILURE"
+}
+export declare enum ApplePayButtonType {
+    PLAIN = "plain",
+    BUY = "buy",
+    SET_UP = "set-up",
+    DONATE = "donate",
+    CHECK_OUT = "check-out",
+    BOOK = "book",
+    SUBSCRIBE = "subscribe"
+}
+export declare enum ApplePayButtonStyle {
+    BLACK = "black",
+    WHITE = "white",
+    WHITE_OUTLINE = "white-outline"
+}
+export declare enum ApplePayMerchantCapability {
+    SUPPORTS_3DS = "supports3DS",
+    SUPPORTS_EMV = "supportsEMV",
+    SUPPORTS_CREDIT = "supportsCredit",
+    SUPPORTS_DEBIT = "supportsDebit"
+}
+export interface IApplePayLineItem {
+    label: string;
+    amount: string;
+    type?: 'final' | 'pending';
+}
+export interface IApplePayShippingMethod {
+    label: string;
+    amount: string;
+    identifier: string;
+    detail?: string;
+}
+export interface IApplePayPaymentRequest {
+    countryCode: string;
+    currencyCode: string;
+    merchantCapabilities: ApplePayMerchantCapability[];
+    supportedNetworks: string[];
+    total: IApplePayLineItem;
+    lineItems?: IApplePayLineItem[];
+    shippingMethods?: IApplePayShippingMethod[];
+    applicationData?: string;
+    supportedCountries?: string[];
+}
+export interface IApplePaySession {
+    canMakePayments(): boolean;
+    canMakePaymentsWithActiveCard(merchantIdentifier: string): Promise<boolean>;
+    supportsVersion(version: number): boolean;
+    begin(): void;
+    abort(): void;
+    completeMerchantValidation(merchantSession: IMerchantSession): void;
+    completePayment(result: {
+        status: ApplePaySessionStatus;
+    }): void;
+    completeShippingMethodSelection(update: any): void;
+    completePaymentMethodSelection(update: any): void;
+    onvalidatemerchant?: (event: IApplePayValidateEvent) => void;
+    onpaymentmethodselected?: (event: IApplePayMethodSelectedEvent) => void;
+    onshippingmethodselected?: () => void;
+    onpaymentauthorized?: (event: any) => void;
+    oncancel?: (event: IApplePayCancelEvent) => void;
+}
+export interface IApplePayConfig {
+    merchantIdentifier: string;
+    displayName: string;
+    initiative: string;
+    initiativeContext: string;
+    buttonType?: ApplePayButtonType;
+    buttonStyle?: ApplePayButtonStyle;
+    buttonLocale?: string;
+}
+export interface IApplePayError {
+    code: string;
+    message: string;
+}
+export interface IMerchantSession {
+    displayName: string;
+    domainName: string;
+    epochTimestamp: number;
+    expiresAt: number;
+    merchantIdentifier: string;
+    merchantSessionIdentifier: string;
+    nonce: string;
+    operationalAnalyticsIdentifier: string;
+    pspId: string;
+    retries: number;
+    signature: string;
+}
+export interface IApplePayTokenData {
+    data: string;
+    header: {
+        publicKeyHash: string;
+        ephemeralPublicKey: string;
+        transactionId: string;
+    };
+    signature: string;
+    version: string;
+}
+export interface IApplePayTokenPaymentMethod {
+    displayName: string;
+    network: string;
+    type: string;
+}
+export interface IApplePayToken {
+    paymentData: IApplePayTokenData;
+    paymentMethod: IApplePayTokenPaymentMethod;
+    transactionIdentifier: string;
+}
+export interface IApplePayValidateEvent {
+    validationURL: string;
+}
+export interface IApplePayCancelEvent {
+    sessionError?: {
+        code: 'unknown' | 'invalidMerchantSession' | 'userCancel' | string;
+        info?: string;
+    };
+}
+export interface IApplePayMethodSelectedEvent {
+    paymentMethod: IApplePayTokenPaymentMethod;
+}
+export interface IApplePayMerchantValidationRequest {
+    validation_url: string;
+}
+export interface IApplePayPaymentProcessRequest {
+    paymentData: IApplePayTokenData;
+    paymentMethod: IApplePayTokenPaymentMethod;
+    transactionIdentifier: string;
+    product_details?: {
+        name: string;
+        price: number;
+        description: string;
+    };
+    description?: string;
+}
+export interface IApplePayPaymentResponse {
+    transaction_id: string;
+    status: string;
+    amount: number;
+    currency: string;
+}
+export interface IApplePayService {
+    validateMerchant(payload: IApplePayMerchantValidationRequest): Promise<IMerchantSession>;
+    processPayment(payload: IApplePayPaymentProcessRequest): Promise<{
+        success: boolean;
+        data: IApplePayPaymentResponse;
+    }>;
+}
+export declare class ApplePayConfig implements IApplePayConfig {
+    merchantIdentifier: string;
+    displayName: string;
+    initiative: string;
+    initiativeContext: string;
+    buttonType?: ApplePayButtonType;
+    buttonStyle?: ApplePayButtonStyle;
+    buttonLocale?: string;
+    constructor(data: IApplePayConfig);
+    get isValid(): boolean;
+}
+export declare class ApplePayPaymentRequest implements IApplePayPaymentRequest {
+    countryCode: string;
+    currencyCode: string;
+    merchantCapabilities: ApplePayMerchantCapability[];
+    supportedNetworks: string[];
+    total: IApplePayLineItem;
+    lineItems?: IApplePayLineItem[];
+    shippingMethods?: IApplePayShippingMethod[];
+    applicationData?: string;
+    supportedCountries?: string[];
+    constructor(data: IApplePayPaymentRequest);
+    get isValid(): boolean;
+}
+export declare class ApplePayHelpers {
+    static isApplePaySupported(): boolean;
+    static canMakePayments(): boolean;
+    static canMakePaymentsWithActiveCard(merchantIdentifier: string): Promise<boolean>;
+    static formatAmount(amount: number): string;
+    static parseAmount(amount: string): number;
+    static createLineItem(label: string, amount: number, type?: 'final' | 'pending'): IApplePayLineItem;
+    static getDefaultSupportedNetworks(): string[];
+    static getDefaultMerchantCapabilities(): ApplePayMerchantCapability[];
+}
+declare global {
+    interface Window {
+        ApplePaySession?: {
+            new (version: number, paymentRequest: IApplePayPaymentRequest): IApplePaySession;
+            canMakePayments(): boolean;
+            canMakePaymentsWithActiveCard(merchantIdentifier: string): Promise<boolean>;
+            supportsVersion(version: number): boolean;
+            STATUS_SUCCESS: number;
+            STATUS_FAILURE: number;
+        };
+    }
+}

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

@@ -6,6 +6,8 @@ export declare enum ComponentErrorCodes {
     UNKNOWN_ERROR = "unknown-error",
     TOKENIZE_ERROR = "tokenize-error",
     COMPLETE_CHECKOUT_ERROR = "complete-checkout-error",
+    CHECKOUT_ALREADY_COMPLETED = "checkout-already-completed",
+    CHECKOUT_EXPIRED = "checkout-expired",
     NOT_AUTHENTICATED = "not-authenticated",
     INVALID_PARAMETER = "invalid-parameter",
     PROVISIONING_REQUESTED = "provisioning-already-requested",
@@ -17,3 +19,8 @@ export declare enum ComponentErrorSeverity {
     WARNING = "warning",
     ERROR = "error"
 }
+export declare enum ComponentErrorMessages {
+    NOT_AUTHENTICATED = "Not authenticated. Please provide a valid auth token, checkout id, and account id.",
+    CHECKOUT_ALREADY_COMPLETED = "Checkout already completed. Please create a new checkout.",
+    CHECKOUT_EXPIRED = "Checkout expired. Please create a new checkout."
+}

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

@@ -0,0 +1,58 @@
+import { IApplePayConfig, IApplePayPaymentRequest, IApplePayError, ApplePayConfig, IMerchantSession, IApplePayService, IApplePayMerchantValidationRequest, IApplePayPaymentProcessRequest, IApplePayPaymentResponse, IApplePayToken } from '../ApplePay';
+export declare class ApplePayService implements IApplePayService {
+    private applePayConfig?;
+    private currentSession?;
+    private currentPaymentRequest?;
+    private apiBaseUrl;
+    /**
+     * Set custom API base URL
+     */
+    setApiBaseUrl(url: string): void;
+    /**
+     * Initialize Apple Pay configuration
+     */
+    initialize(applePayConfig: IApplePayConfig): void;
+    /**
+     * Validate merchant with Apple Pay servers via API (fixed to match original logic)
+     */
+    validateMerchant(payload: IApplePayMerchantValidationRequest): Promise<IMerchantSession>;
+    /**
+     * Process Apple Pay payment via API (fixed to match original logic)
+     */
+    processPayment(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): Promise<{
+        success: boolean;
+        token?: IApplePayToken;
+        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/components/checkout/billing-form/billing-form.d.ts

@@ -1,14 +1,20 @@
-import { BillingFormFields } from '../../../components';
+import { BillingFormFields } from './billing-form-schema';
+import { FormController } from '../../../ui-components/form/form';
 export declare class BillingForm {
-    private formRef;
+    formController: FormController;
+    billingInfo: {};
+    errors: any;
     legend?: string;
     hideCardBillingForm?: boolean;
     hideBankAccountBillingForm?: boolean;
     paymentMethodType?: string;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
     private get isPostalOnlyMode();
     private get hideAllBillingFields();
     getValues(): Promise<BillingFormFields>;
-    fill(fields: BillingFormFields): Promise<any>;
+    fill(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
         errors: any;

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

@@ -7,7 +7,7 @@ import { PaymentMethodOption } from './payment-method-option-utils';
 export declare class Checkout {
     analytics: JustifiAnalytics;
     modularCheckoutRef?: HTMLJustifiModularCheckoutElement;
-    selectedPaymentMethodOptionRef?: HTMLJustifiSavedPaymentMethodElement | HTMLJustifiSezzlePaymentMethodElement;
+    selectedPaymentMethodOptionRef?: HTMLJustifiNewPaymentMethodElement | HTMLJustifiSavedPaymentMethodElement | HTMLJustifiSezzlePaymentMethodElement;
     checkout: ICheckout;
     complete: Function;
     errorMessage: string;

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
+import { BillingFormFields } from './billing-form/billing-form-schema';
+export declare class NewPaymentMethod {
+    private billingFormRef?;
+    private paymentMethodFormRef?;
+    authToken: string;
+    accountId: string;
+    paymentMethodOption: PaymentMethodOption;
+    paymentMethodGroupId?: string;
+    isSelected: boolean;
+    showCard?: boolean;
+    showAch?: boolean;
+    hideCardBillingForm?: boolean;
+    hideBankAccountBillingForm?: boolean;
+    saveNewPaymentMethodChecked: boolean;
+    paymentMethodOptionSelected: EventEmitter;
+    handleCheckboxChanged(event: CustomEvent<boolean>): void;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
+    validate(): Promise<{
+        isValid: boolean;
+        errors: any;
+    }>;
+    tokenize(): Promise<any>;
+    onPaymentMethodOptionClick: (e: any) => void;
+    showNewPaymentMethodForm(): any;
+    private get hiddenRadioInput();
+    render(): any;
+}

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

@@ -0,0 +1,32 @@
+import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
+import { IBnpl } from '../../api';
+import { BillingFormFields } from './billing-form/billing-form-schema';
+export declare class PaymentMethodOptions {
+    showCard: boolean;
+    showAch: boolean;
+    showSavedPaymentMethods: boolean;
+    showBnpl: boolean;
+    paymentMethodGroupId?: string;
+    bnpl: IBnpl;
+    insuranceToggled: boolean;
+    authToken: string;
+    accountId: string;
+    savedPaymentMethods: any[];
+    paymentAmount: number;
+    hideCardBillingForm?: boolean;
+    hideBankAccountBillingForm?: boolean;
+    paymentMethodOptions: PaymentMethodOption[];
+    private selectedPaymentMethodOptionRef?;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
+    connectedCallback(): void;
+    paymentMethodsChanged(): void;
+    paymentMethodOptionSelected(event: CustomEvent<PaymentMethodOption>): void;
+    private get hiddenRadioInput();
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
+    validate(): Promise<{
+        isValid: boolean;
+        errors?: any;
+    }>;
+    render(): any;
+}

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

@@ -1,16 +1,17 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import JustifiAnalytics from "../../api/Analytics";
 import { BillingFormFields } from "../../components";
-export declare class CheckoutWrapper {
+export declare class ModularCheckout {
     analytics: JustifiAnalytics;
     private observer?;
     private paymentMethodFormRef?;
-    private tokenizeComponentRef?;
     private billingInformationFormRef?;
     private insuranceFormRef?;
     private sezzlePaymentMethodRef?;
+    private applePayRef?;
     private getCheckout;
     private completeCheckout;
+    private applePayToken?;
     authToken: string;
     checkoutId: string;
     savePaymentMethod?: boolean;
@@ -25,6 +26,12 @@ export declare class CheckoutWrapper {
     private fetchCheckout;
     private updateStore;
     private queryFormRefs;
+    private setupApplePayListeners;
+    private removeApplePayListeners;
+    private handleApplePayCompleted;
+    private handleApplePayError;
+    private handleApplePayCancelled;
+    private submitCheckoutWithApplePay;
     private tokenizePaymentMethod;
     private getPaymentMethod;
     validate(): Promise<boolean>;

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;
+    apiBaseUrl: 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;
+        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/billing-information-form.d.ts

@@ -10,11 +10,9 @@ export declare class BillingInformationForm {
     componentWillLoad(): void;
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
-    fill(values: BillingFormFields): Promise<any>;
     getValues(): Promise<BillingFormFields>;
     validate(): Promise<{
         isValid: boolean;
-        errors: any;
     }>;
     render(): any;
 }

package/dist/types/components/modular-checkout/sub-components/postal-code-form.d.ts

@@ -14,7 +14,6 @@ export declare class PostalCodeForm {
     fill(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
-        errors: any;
     }>;
     render(): any;
 }

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

@@ -3,51 +3,28 @@ import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from '../../components';
 import { PaymentMethodPayload } from '../checkout/payment-method-payload';
 import { ComponentSubmitEvent, ComponentErrorEvent } from '../../api';
-interface ValidationResult {
-    isValid: boolean;
-    errors?: Record<string, any>;
-}
 export declare class TokenizePaymentMethod {
-    analytics: JustifiAnalytics;
-    private billingFormRef?;
-    private paymentMethodFormRef?;
-    isLoading: boolean;
-    selectedPaymentMethodId: string;
-    saveNewPaymentMethodChecked: boolean;
-    accountId?: string;
     authToken?: string;
-    disableBankAccount?: boolean;
-    disableCreditCard?: boolean;
-    hideBankAccountBillingForm?: boolean;
-    hideCardBillingForm?: boolean;
-    hideSubmitButton?: boolean;
+    accountId?: string;
     paymentMethodGroupId: string;
     submitButtonText: string;
+    disableCreditCard?: boolean;
+    disableBankAccount?: boolean;
+    hideSubmitButton?: boolean;
+    hideCardBillingForm?: boolean;
+    hideBankAccountBillingForm?: boolean;
+    isLoading: boolean;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     submitEvent: EventEmitter<ComponentSubmitEvent>;
+    private paymentMethodOptionsRef?;
+    analytics: JustifiAnalytics;
     componentWillLoad(): void;
-    connectedCallback(): void;
     disconnectedCallback(): void;
-    paymentMethodsChanged(): void;
-    handleRadioClick(event: CustomEvent<string>): void;
-    handleCheckboxChanged(event: CustomEvent<boolean>): void;
+    tokenizePaymentMethod(event?: CustomEvent): Promise<PaymentMethodPayload>;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
-    tokenizePaymentMethod(event?: MouseEvent): Promise<PaymentMethodPayload>;
-    validate(): Promise<ValidationResult>;
-    private validateRequiredProps;
-    private setDefaultSelectedPaymentMethod;
-    private get availablePaymentMethods();
-    private areFormsReady;
-    private emitError;
-    private createErrorResponse;
-    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
-    private performTokenization;
-    private tokenize;
-    private buildPaymentMethodMetadata;
-    private get shouldHideRadioInput();
-    private renderPaymentMethodOption;
-    private renderSelectedPaymentMethodForm;
-    private renderPaymentMethodForm;
+    validate(): Promise<{
+        isValid: boolean;
+        errors?: any;
+    }>;
     render(): any;
 }
-export {};