@tagadapay/plugin-sdk 3.1.12 → 3.1.22

package/dist/v2/core/resources/payments.d.ts

@@ -3,18 +3,19 @@
  * Axios-based API client for payment endpoints
  */
 import { ApiClient } from './apiClient';
+import type { Order } from '../types';
 export interface Payment {
     id: string;
     status: string;
     subStatus: string;
-    requireAction: 'none' | 'redirect' | 'error' | 'radar';
+    requireAction: 'none' | 'redirect' | 'redirect_to_payment' | 'error' | 'radar';
     requireActionData?: {
-        type: 'redirect' | 'threeds_auth' | 'processor_auth' | 'error' | 'stripe_radar' | 'finix_radar' | 'radar';
+        type: 'redirect' | 'redirect_to_payment' | 'threeds_auth' | 'processor_auth' | 'error' | 'stripe_radar' | 'finix_radar' | 'radar' | 'kesspay_auth' | 'trustflow_auth' | 'mastercard_auth';
         url?: string;
         processed: boolean;
         processorId?: string;
         metadata?: {
-            type: 'redirect' | 'stripe_radar' | 'finix_radar';
+            type: 'redirect' | 'redirect_to_payment' | 'stripe_radar' | 'finix_radar';
             redirect?: {
                 redirectUrl: string;
                 returnUrl: string;
@@ -42,12 +43,15 @@ export interface Payment {
     order?: {
         id: string;
         checkoutSessionId: string;
+        amount?: number;
+        currency?: string;
+        [key: string]: unknown;
     };
 }
 export interface PaymentResponse {
     paymentId: string;
     payment: Payment;
-    order?: any;
+    order?: Order | null;
 }
 export interface PaymentInstrumentResponse {
     id: string;
@@ -94,6 +98,16 @@ export interface PaymentOptions {
      * If neither is set, the store's selectedPaymentFlowId will be used
      */
     paymentFlowId?: string;
+    /**
+     * For alternative payment methods (APM)
+     * Processor ID to use for the payment
+     */
+    processorId?: string;
+    /**
+     * For alternative payment methods (APM)
+     * Payment method type (e.g., 'klarna', 'afterpay', 'paypal')
+     */
+    paymentMethod?: string;
     /** @deprecated Use onPaymentSuccess instead - this will be removed in v3 */
     onSuccess?: (response: PaymentResponse) => void;
     /** @deprecated Use onPaymentFailed instead - this will be removed in v3 */
@@ -138,28 +152,83 @@ export interface ApplePayToken {
         brand: string;
     };
 }
+/** Token response from BasisTheory SDK */
+export interface BasisTheoryTokenResponse {
+    id: string;
+    type: string;
+    enrichments?: {
+        cardDetails?: {
+            bin?: string;
+            last4?: string;
+        };
+    };
+}
+/** External BasisTheory SDK instance shape (from @basis-theory/basis-theory-react) */
+export interface BasisTheoryInstance {
+    tokens: {
+        create(data: Record<string, unknown>): Promise<BasisTheoryTokenResponse>;
+    };
+}
+export interface GooglePayToken {
+    id: string;
+    type: string;
+    card: {
+        bin: string;
+        last4: string;
+        expiration_month: number;
+        expiration_year: number;
+        brand: string;
+    };
+    details?: {
+        auth_method?: string;
+        [key: string]: unknown;
+    };
+}
+export interface PaymentInstrumentInput {
+    type: string;
+    token?: string;
+    card?: {
+        maskedCardNumber?: string;
+        expirationMonth?: number;
+        expirationYear?: number;
+        bin?: string;
+        last4?: string;
+        brand?: string;
+    };
+    dpanType?: string;
+    authMethod?: string;
+    provider?: string;
+    paymentMethod?: string;
+    processorId?: string;
+    [key: string]: unknown;
+}
 export declare class PaymentsResource {
     private apiClient;
     constructor(apiClient: ApiClient);
     /**
      * Create payment instrument
      */
-    createPaymentInstrument(paymentInstrumentData: any): Promise<PaymentInstrumentResponse>;
+    createPaymentInstrument(paymentInstrumentData: PaymentInstrumentInput): Promise<PaymentInstrumentResponse>;
     /**
      * Create card payment instrument
      */
-    createCardPaymentInstrument(basisTheory: any, // BasisTheory instance from @basis-theory/basis-theory-react
-    cardData: CardPaymentMethod): Promise<PaymentInstrumentResponse>;
+    createCardPaymentInstrument(basisTheory: BasisTheoryInstance | undefined, cardData: CardPaymentMethod): Promise<PaymentInstrumentResponse>;
     /**
      * Create Apple Pay payment instrument
      */
-    createApplePayPaymentInstrument(basisTheory: any, // BasisTheory instance from @basis-theory/basis-theory-react
-    applePayToken: ApplePayToken): Promise<PaymentInstrumentResponse>;
+    createApplePayPaymentInstrument(basisTheory: BasisTheoryInstance | undefined, applePayToken: ApplePayToken): Promise<PaymentInstrumentResponse>;
     /**
      * Create Google Pay payment instrument
      */
-    createGooglePayPaymentInstrument(basisTheory: any, // BasisTheory instance from @basis-theory/basis-theory-react
-    googlePayToken: any): Promise<PaymentInstrumentResponse>;
+    createGooglePayPaymentInstrument(basisTheory: BasisTheoryInstance | undefined, googlePayToken: GooglePayToken): Promise<PaymentInstrumentResponse>;
+    /**
+     * Create APM payment instrument (Klarna, Afterpay, PayPal, etc.)
+     */
+    createApmPaymentInstrument(apmData: {
+        provider: string;
+        paymentMethod: string;
+        processorId: string;
+    }): Promise<PaymentInstrumentResponse>;
     /**
      * Helper function to format expiry date
      */
@@ -171,6 +240,8 @@ export declare class PaymentsResource {
         initiatedBy?: 'customer' | 'merchant';
         source?: 'upsell' | 'checkout' | 'offer' | 'missing_club' | 'forced';
         paymentFlowId?: string;
+        processorId?: string;
+        paymentMethod?: string;
     }): Promise<PaymentResponse>;
     /**
      * Get card payment instruments for customer
@@ -200,7 +271,7 @@ export declare class PaymentsResource {
         transactionId?: string;
         message?: string;
         success?: boolean;
-        error?: any;
+        error?: string;
     }>;
     saveRadarSession(data: {
         orderId?: string;
@@ -226,5 +297,5 @@ export declare class PaymentsResource {
         paymentId: string;
         status: 'succeeded' | 'failed' | 'pending';
         paymentIntentId: string;
-    }): Promise<any>;
+    }): Promise<Payment>;
 }

package/dist/v2/core/resources/payments.js

@@ -17,8 +17,7 @@ export class PaymentsResource {
     /**
      * Create card payment instrument
      */
-    async createCardPaymentInstrument(basisTheory, // BasisTheory instance from @basis-theory/basis-theory-react
-    cardData) {
+    async createCardPaymentInstrument(basisTheory, cardData) {
         if (!basisTheory) {
             throw new Error('Payment processor not initialized');
         }
@@ -55,8 +54,7 @@ export class PaymentsResource {
     /**
      * Create Apple Pay payment instrument
      */
-    async createApplePayPaymentInstrument(basisTheory, // BasisTheory instance from @basis-theory/basis-theory-react
-    applePayToken) {
+    async createApplePayPaymentInstrument(basisTheory, applePayToken) {
         if (!basisTheory) {
             throw new Error('Payment processor not initialized');
         }
@@ -81,9 +79,7 @@ export class PaymentsResource {
     /**
      * Create Google Pay payment instrument
      */
-    async createGooglePayPaymentInstrument(basisTheory, // BasisTheory instance from @basis-theory/basis-theory-react
-    googlePayToken // Token from Basis Theory Google Pay tokenization
-    ) {
+    async createGooglePayPaymentInstrument(basisTheory, googlePayToken) {
         if (!basisTheory) {
             throw new Error('Payment processor not initialized');
         }
@@ -106,6 +102,21 @@ export class PaymentsResource {
         const response = await this.apiClient.post('/api/v1/payment/create-payment-instrument', { paymentInstrumentData });
         return response;
     }
+    /**
+     * Create APM payment instrument (Klarna, Afterpay, PayPal, etc.)
+     */
+    async createApmPaymentInstrument(apmData) {
+        console.log('Creating APM payment instrument:', apmData);
+        const paymentInstrumentData = {
+            type: 'apm',
+            provider: apmData.provider,
+            paymentMethod: apmData.paymentMethod,
+            processorId: apmData.processorId,
+        };
+        const response = await this.apiClient.post('/api/v1/payment/create-payment-instrument', { paymentInstrumentData });
+        console.log('APM payment instrument created:', response);
+        return response;
+    }
     /**
      * Helper function to format expiry date
      */
@@ -124,15 +135,21 @@ export class PaymentsResource {
      */
     async processPaymentDirect(checkoutSessionId, paymentInstrumentId, threedsSessionId, options = {}) {
         console.log('[PaymentsResource] processPaymentDirect START', options.paymentFlowId ? `(flow: ${options.paymentFlowId})` : '');
+        console.log('[PaymentsResource] Full options object:', JSON.stringify(options, null, 2));
+        console.log('[PaymentsResource] processorId:', options.processorId, 'paymentMethod:', options.paymentMethod);
         try {
-            const response = await this.apiClient.post('/api/public/v1/checkout/pay-v2', {
+            const requestBody = {
                 checkoutSessionId,
                 paymentInstrumentId,
                 ...(threedsSessionId && { threedsSessionId }),
                 ...(options.initiatedBy && { initiatedBy: options.initiatedBy }),
                 ...(options.source && { source: options.source }),
                 ...(options.paymentFlowId && { paymentFlowId: options.paymentFlowId }),
-            });
+                ...(options.processorId && { processorId: options.processorId }),
+                ...(options.paymentMethod && { paymentMethod: options.paymentMethod }),
+            };
+            console.log('[PaymentsResource] Request body being sent:', JSON.stringify(requestBody, null, 2));
+            const response = await this.apiClient.post('/api/public/v1/checkout/pay-v2', requestBody);
             console.log('[PaymentsResource] processPaymentDirect SUCCESS:', response);
             return response;
         }

package/dist/v2/core/types.d.ts

@@ -1,6 +1,9 @@
 /**
  * Types for the Tagada Pay SDK Core
  */
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
 export type Environment = 'production' | 'development' | 'local';
 export interface ApiConfig {
     baseUrl: string;
@@ -86,6 +89,40 @@ export interface PickupPoint {
     opening_hours?: string;
     extra_info?: string;
 }
+export interface Subscription {
+    id: string;
+    status: string;
+    planName?: string;
+    interval?: string;
+    intervalCount?: number;
+    currentPeriodEnd?: string;
+    currentPeriodStart?: string;
+    cancelAtPeriodEnd?: boolean;
+    trialEnd?: string | null;
+    [key: string]: unknown;
+}
+export interface DeviceGeoData {
+    city?: string;
+    regionName?: string;
+    country?: string;
+    [key: string]: unknown;
+}
+export interface DeviceInfo {
+    userAgent?: string;
+    ip?: string;
+    country?: string;
+    browser?: string;
+    browserVersion?: string;
+    os?: string;
+    osVersion?: string;
+    geoData?: DeviceGeoData;
+    [key: string]: unknown;
+}
+export interface PromotionCode {
+    id: string;
+    code: string;
+    [key: string]: unknown;
+}
 export interface OrderItem {
     id: string;
     productId: string;
@@ -141,15 +178,16 @@ export interface Order {
     paidAmount: number;
     status: string;
     createdAt: string;
-    metadata?: Record<string, any>;
+    metadata?: Record<string, unknown>;
     items: OrderItem[];
     summaries?: OrderSummary[];
     shippingAddress?: OrderAddress;
     billingAddress?: OrderAddress;
-    pickupAddress?: PickupPoint;
+    pickupAddress?: PickupPoint | null;
+    customer?: Customer;
     checkoutSession?: {
         returnUrl?: string;
-        [key: string]: any;
+        [key: string]: unknown;
     };
     relatedOrders?: Order[];
 }
@@ -161,7 +199,7 @@ export interface PaymentSummary {
     createdAt: string;
     updatedAt?: string;
     provider?: string;
-    metadata?: Record<string, any>;
+    metadata?: Record<string, unknown>;
 }
 export interface PromotionSummary {
     id: string;
@@ -188,10 +226,10 @@ export interface OrderWithRelations extends Order {
     checkoutSession?: {
         id?: string;
         returnUrl?: string;
-        [key: string]: any;
+        [key: string]: unknown;
     };
     promotions?: PromotionSummary[];
-    subscriptions?: any[];
+    subscriptions?: Subscription[];
     adjustments: OrderAdjustmentSummary[];
 }
 export interface CustomerAddress {
@@ -225,7 +263,7 @@ export interface CustomerOrderSummary {
     externalOrderId: string | null;
     billingAddress: CustomerAddress;
     shippingAddress: Omit<CustomerAddress, 'email'>;
-    pickupAddress: any | null;
+    pickupAddress: PickupPoint | null;
     taxesIncluded: boolean;
     draft: boolean;
     checkoutSessionId: string | null;
@@ -235,7 +273,7 @@ export interface CustomerOrderSummary {
     paymentInstrumentId: string | null;
     refundedAt: string | null;
     refundedAmount: number | null;
-    metadata?: Record<string, any>;
+    metadata?: Record<string, unknown>;
 }
 export interface CustomerInfos {
     customer: {
@@ -255,12 +293,12 @@ export interface CustomerInfos {
         acceptsMarketing: boolean;
         createdAt: string;
         updatedAt: string;
-        metadata: Record<string, any>;
-        device: any | null;
+        metadata: Record<string, unknown>;
+        device: DeviceInfo | null;
         orders: CustomerOrderSummary[];
-        subscriptions: any[];
+        subscriptions: Subscription[];
     };
-    promotionCodes: any[];
+    promotionCodes: PromotionCode[];
 }
 export interface SessionInitResponse {
     store: Store;

package/dist/v2/core/types.js

@@ -1,4 +1 @@
-/**
- * Types for the Tagada Pay SDK Core
- */
 export {};

package/dist/v2/core/utils/checkout.d.ts

@@ -2,8 +2,8 @@
  * Checkout Utility Functions
  * Pure functions for checkout data manipulation
  */
-import type { CheckoutData, CheckoutSession, CheckoutLineItem, CheckoutInitParams, Promotion } from '../resources/checkout';
-export type { CheckoutData, CheckoutSession, CheckoutLineItem, CheckoutInitParams, Promotion, };
+import type { CheckoutData, CheckoutInitParams, CheckoutLineItem, CheckoutSession, Promotion } from '../resources/checkout';
+export type { CheckoutData, CheckoutInitParams, CheckoutLineItem, CheckoutSession, Promotion };
 export declare class CheckoutUtils {
     /**
      * Get checkout session ID

package/dist/v2/core/utils/checkout.js

@@ -13,13 +13,18 @@ export class CheckoutUtils {
      * Get checkout line items
      */
     static getLineItems(checkoutData) {
-        return checkoutData.checkoutSession?.lineItems || [];
+        const lineItems = checkoutData.checkoutSession?.lineItems;
+        if (!Array.isArray(lineItems)) {
+            return [];
+        }
+        return lineItems;
     }
     /**
      * Get checkout total
      */
     static getTotal(checkoutData) {
-        return checkoutData.checkoutSession?.totalPrice || 0;
+        const totalPrice = checkoutData.checkoutSession?.totalPrice;
+        return typeof totalPrice === 'number' ? totalPrice : 0;
     }
     /**
      * Check if customer is club member

package/dist/v2/core/utils/currency.d.ts

@@ -8,6 +8,20 @@ export interface Currency {
     name: string;
     decimalPlaces: number;
 }
+/**
+ * Format money amount from minor units (cents) to a formatted string
+ *
+ * @param amountMinorUnits - Amount in minor units (e.g., 12345 for $123.45)
+ * @param currencyCode - ISO 4217 currency code (e.g., "USD", "EUR")
+ * @param locale - Locale for formatting (default: "en-US")
+ * @returns Formatted money string (e.g., "$123.45")
+ *
+ * @example
+ * formatMoney(12345, 'USD') // "$123.45"
+ * formatMoney(10000, 'EUR', 'de-DE') // "100,00 €"
+ * formatMoney(1000, 'JPY') // "¥1,000"
+ */
+export declare function formatMoney(amountMinorUnits: number, currencyCode?: string, locale?: string): string;
 export declare class CurrencyUtils {
     /**
      * Get currency from context or fallback to default

package/dist/v2/core/utils/currency.js

@@ -2,6 +2,46 @@
  * Currency Utility Functions
  * Pure functions for currency management
  */
+/**
+ * Format money amount from minor units (cents) to a formatted string
+ *
+ * @param amountMinorUnits - Amount in minor units (e.g., 12345 for $123.45)
+ * @param currencyCode - ISO 4217 currency code (e.g., "USD", "EUR")
+ * @param locale - Locale for formatting (default: "en-US")
+ * @returns Formatted money string (e.g., "$123.45")
+ *
+ * @example
+ * formatMoney(12345, 'USD') // "$123.45"
+ * formatMoney(10000, 'EUR', 'de-DE') // "100,00 €"
+ * formatMoney(1000, 'JPY') // "¥1,000"
+ */
+export function formatMoney(amountMinorUnits, currencyCode = 'USD', locale = 'en-US') {
+    const decimalPlaces = CurrencyUtils.getDecimalPlaces(currencyCode);
+    // Convert minor units to major units
+    // Backend stores amounts with 2 decimal places for all currencies
+    // For currencies with 0 decimal places (JPY, KRW, etc.), divide by 100
+    let value;
+    if (decimalPlaces === 0) {
+        // For zero-decimal currencies, backend still stores with 2 decimals
+        value = amountMinorUnits / 100;
+    }
+    else {
+        value = amountMinorUnits / Math.pow(10, decimalPlaces);
+    }
+    try {
+        return new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency: currencyCode,
+            minimumFractionDigits: decimalPlaces,
+            maximumFractionDigits: decimalPlaces,
+        }).format(value);
+    }
+    catch {
+        // Fallback if Intl.NumberFormat fails
+        const symbol = CurrencyUtils.getCurrencySymbol(currencyCode);
+        return `${symbol}${value.toFixed(decimalPlaces)}`;
+    }
+}
 export class CurrencyUtils {
     /**
      * Get currency from context or fallback to default

package/dist/v2/core/utils/index.d.ts

@@ -12,3 +12,4 @@ export * from './postPurchases';
 export * from './orderBump';
 export * from './sessionStorage';
 export * from './funnelQueryKeys';
+export * from './configHotReload';

package/dist/v2/core/utils/index.js

@@ -12,3 +12,5 @@ export * from './postPurchases';
 export * from './orderBump';
 export * from './sessionStorage';
 export * from './funnelQueryKeys';
+// Config hot reload for live preview editing
+export * from './configHotReload';

package/dist/v2/core/utils/order.d.ts

@@ -2,6 +2,7 @@
  * Order Utility Functions
  * Pure functions for order data manipulation
  */
+import type { OrderSummary, PromotionSummary, PaymentSummary, Subscription, OrderAddress } from '../types';
 export interface OrderLineItem {
     id: string;
     orderId: string;
@@ -95,7 +96,7 @@ export interface Order {
     paymentInstrumentId: string;
     refundedAt?: string | null;
     refundedAmount?: number | null;
-    metadata?: any;
+    metadata?: Record<string, unknown>;
     customer?: {
         id: string;
         email: string;
@@ -105,27 +106,28 @@ export interface Order {
         lastOrderId: string;
         accountId: string;
         storeId: string;
-        billingAddress?: any;
-        shippingAddress?: any;
+        billingAddress?: OrderAddress | null;
+        shippingAddress?: OrderAddress | null;
         currency: string;
         locale: string;
         draft: boolean;
         acceptsMarketing: boolean;
         createdAt: string;
         updatedAt: string;
-        metadata?: any;
+        metadata?: Record<string, unknown>;
         device?: Record<string, unknown> | null;
     };
     items: OrderLineItem[];
-    summaries?: any[];
-    promotions?: any[];
+    summaries?: OrderSummary[];
+    promotions?: PromotionSummary[];
     checkoutSession?: {
         id: string;
         selectedPresentmentCurrency?: string;
-        [key: string]: any;
+        returnUrl?: string;
+        [key: string]: unknown;
     };
-    payments?: any[];
-    subscriptions?: any[];
+    payments?: PaymentSummary[];
+    subscriptions?: Subscription[];
     store?: {
         name: string;
         chargeCurrencies: string[];

package/dist/v2/core/utils/pluginConfig.d.ts

@@ -22,6 +22,14 @@ export type RawPluginConfig<TConfig = Record<string, any>> = {
     basePath?: string;
     config?: any;
 } & TConfig;
+/**
+ * Synchronously get plugin config from meta tags
+ * This is a lightweight sync alternative to loadPluginConfig
+ * Use this when you need immediate config access (e.g., in CDN bundles)
+ *
+ * @returns Plugin config from meta tags or defaults
+ */
+export declare function getPluginConfig(): PluginConfig;
 /**
  * Core plugin config loading function
  *

package/dist/v2/core/utils/pluginConfig.js

@@ -154,9 +154,37 @@ const loadStaticResources = async () => {
  * Helper to get content from meta tag
  */
 const getMetaContent = (name) => {
+    if (typeof document === 'undefined')
+        return undefined;
     const metaTag = document.querySelector(`meta[name="${name}"]`);
     return metaTag?.getAttribute('content') || undefined;
 };
+/**
+ * Synchronously get plugin config from meta tags
+ * This is a lightweight sync alternative to loadPluginConfig
+ * Use this when you need immediate config access (e.g., in CDN bundles)
+ *
+ * @returns Plugin config from meta tags or defaults
+ */
+export function getPluginConfig() {
+    if (typeof document === 'undefined') {
+        return { basePath: '/', config: {} };
+    }
+    const storeId = getMetaContent('x-plugin-store-id');
+    const accountId = getMetaContent('x-plugin-account-id');
+    const basePath = getMetaContent('x-plugin-base-path') || '/';
+    let config = {};
+    try {
+        const encodedConfig = getMetaContent('x-plugin-config');
+        if (encodedConfig) {
+            config = JSON.parse(decodeURIComponent(encodedConfig));
+        }
+    }
+    catch (error) {
+        console.warn('[TagadaSDK] Failed to parse plugin config from meta tag:', error);
+    }
+    return { storeId, accountId, basePath, config };
+}
 /**
  * Load production config from meta tags (HIGHEST PRIORITY)
  * Meta tags are injected by the plugin middleware during HTML serving

package/dist/v2/index.d.ts

@@ -28,7 +28,7 @@ export type { ToggleOrderBumpResponse, VipOffer, VipPreviewResponse } from './co
 export type { StoreConfig } from './core/resources/storeConfig';
 export { FunnelActionType } from './core/resources/funnel';
 export type { BackNavigationActionData, CartUpdatedActionData, DirectNavigationActionData, FormSubmitActionData, FunnelContextUpdateRequest, FunnelContextUpdateResponse, FunnelAction as FunnelEvent, FunnelInitializeRequest, FunnelInitializeResponse, FunnelNavigateRequest, FunnelNavigateResponse, FunnelNavigationAction, FunnelNavigationResult, NextAction, OfferAcceptedActionData, OfferDeclinedActionData, PaymentFailedActionData, PaymentSuccessActionData, SimpleFunnelContext } from './core/resources/funnel';
-export { ApplePayButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers } from './react';
+export { ApplePayButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers, WhopCheckout, useWhopPaymentPolling } from './react';
 export type { DebugScript } from './react';
 export type { TranslateFunction, TranslationText, UseTranslationOptions, UseTranslationResult } from './react/hooks/useTranslation';
 export type { FunnelContextValue } from './react/hooks/useFunnel';
@@ -37,6 +37,8 @@ export type { ClubOffer, ClubOfferItem, ClubOfferLineItem, ClubOfferSummary, Use
 export type { UseCreditsOptions, UseCreditsResult } from './react/hooks/useCredits';
 export type { UseGooglePayCheckoutOptions } from './react/hooks/useGooglePayCheckout';
 export type { UseLoginOptions, UseLoginResult } from './react/hooks/useLogin';
+export type { WhopCheckoutHandle, WhopCheckoutProps } from './react/components/WhopCheckout';
+export type { WhopPayment, UseWhopPaymentPollingOptions, UseWhopPaymentPollingReturn } from './react/hooks/useWhopPaymentPolling';
 export type { CustomerAddress, CustomerInfos, CustomerOrderSummary, OrderWithRelations, Subscription, SubscriptionsResponse } from './core/resources/customer';
 export type { UseCustomerResult } from './react/hooks/useCustomer';
 export type { UseCustomerInfosOptions, UseCustomerInfosResult } from './react/hooks/useCustomerInfos';

package/dist/v2/index.js

@@ -22,4 +22,4 @@ loadLocalFunnelConfig } from './core/funnelClient';
 export * from './core/pathRemapping';
 export { FunnelActionType } from './core/resources/funnel';
 // React exports (hooks and components only, types are exported above)
-export { ApplePayButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers } from './react';
+export { ApplePayButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers, WhopCheckout, useWhopPaymentPolling } from './react';

package/dist/v2/react/components/FunnelScriptInjector.js

@@ -143,6 +143,27 @@ export function FunnelScriptInjector({ context, isInitialized }) {
                     observer.disconnect();
                 }, timeout);
             },
+            waitForElements: (selector, callback, timeout = 10000) => {
+                const elements = document.querySelectorAll(selector);
+                if (elements.length > 0) {
+                    callback(elements);
+                    return;
+                }
+                const observer = new MutationObserver(() => {
+                    const elements = document.querySelectorAll(selector);
+                    if (elements.length > 0) {
+                        observer.disconnect();
+                        callback(elements);
+                    }
+                });
+                observer.observe(document.body, {
+                    childList: true,
+                    subtree: true,
+                });
+                setTimeout(() => {
+                    observer.disconnect();
+                }, timeout);
+            },
             pageType: context?.currentStepId || null,
             isInitialized: isInitialized,
             ressources: context?.resources || null,