@tagadapay/plugin-sdk 2.3.2 → 2.3.4

package/dist/react/hooks/useCheckout.js

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useCurrency } from '../hooks/useCurrency';
 import { useTagadaContext } from '../providers/TagadaProvider';
+import { collectTrackingData } from '../utils/trackingUtils';
 import { usePluginConfig } from './usePluginConfig';
 export function useCheckout(options = {}) {
     const { apiService, updateCheckoutDebugData, refreshCoordinator, currency, isSessionInitialized } = useTagadaContext();
@@ -77,9 +78,13 @@ export function useCheckout(options = {}) {
         setIsLoading(true);
         setError(null);
         try {
-            // Enhanced customerMetadata without tracking data
+            // Collect tracking data
+            const trackingData = await collectTrackingData();
+            // Enhanced customerMetadata with tracking data
             const enhancedCustomerMetadata = {
                 ...params.customerMetadata,
+                localStorage: trackingData.localStorageData,
+                cookies: trackingData.trackingCookiesData,
             };
             const requestBody = {
                 ...params,

package/dist/react/hooks/useDiscounts.d.ts

@@ -0,0 +1,47 @@
+export interface Discount {
+    id: string;
+    promotionId: string;
+    promotionCodeId: string | null;
+    appliedAt: string;
+    appliedManually: boolean;
+    promotion: {
+        id: string;
+        name: string;
+    };
+}
+export interface DiscountCodeValidation {
+    isValid: boolean;
+    code: string;
+    error?: string;
+    discount?: {
+        id: string;
+        name: string;
+        type: string;
+        value: number;
+        currency: string;
+    };
+}
+export interface UseDiscountsOptions {
+    checkoutSessionId?: string;
+    autoRefresh?: boolean;
+}
+export interface UseDiscountsResult {
+    appliedDiscounts: Discount[];
+    isLoading: boolean;
+    isApplying: boolean;
+    isRemoving: boolean;
+    error: Error | null;
+    applyDiscountCode: (code: string) => Promise<{
+        success: boolean;
+        error?: string;
+        discount?: Discount;
+    }>;
+    removeDiscountCode: (discountId: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    getAppliedDiscounts: () => Promise<Discount[]>;
+    refresh: () => Promise<void>;
+    clearError: () => void;
+}
+export declare function useDiscounts(options?: UseDiscountsOptions): UseDiscountsResult;

package/dist/react/hooks/useDiscounts.js

@@ -0,0 +1,163 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useTagadaContext } from '../providers/TagadaProvider';
+export function useDiscounts(options = {}) {
+    const { apiService, refreshCoordinator } = useTagadaContext();
+    const { checkoutSessionId, autoRefresh = true } = options;
+    const [appliedDiscounts, setAppliedDiscounts] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isApplying, setIsApplying] = useState(false);
+    const [isRemoving, setIsRemoving] = useState(false);
+    const [error, setError] = useState(null);
+    const clearError = useCallback(() => {
+        setError(null);
+    }, []);
+    const getAppliedDiscounts = useCallback(async () => {
+        if (!checkoutSessionId) {
+            throw new Error('No checkout session available');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const response = await apiService.fetch(`/api/v1/checkout-sessions/${checkoutSessionId}/promotions`, {
+                method: 'GET',
+            });
+            setAppliedDiscounts(response);
+            return response;
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to fetch applied discounts');
+            setError(error);
+            console.error('Failed to fetch applied discounts:', error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [checkoutSessionId, apiService]);
+    const applyDiscountCode = useCallback(async (code) => {
+        if (!checkoutSessionId) {
+            return { success: false, error: 'No checkout session available' };
+        }
+        if (!code || code.trim() === '') {
+            return { success: false, error: 'Discount code is required' };
+        }
+        setIsApplying(true);
+        setError(null);
+        try {
+            const response = await apiService.fetch(`/api/v1/checkout-sessions/${checkoutSessionId}/promotions/apply`, {
+                method: 'POST',
+                body: { code: code.trim() },
+            });
+            if (response.success) {
+                // Refresh the applied discounts list
+                await getAppliedDiscounts();
+                // Trigger a refresh of the checkout session
+                refreshCoordinator?.notifyCheckoutChanged();
+                return { success: true, discount: response.promotion };
+            }
+            else {
+                return { success: false, error: response.error?.message || 'Failed to apply discount code' };
+            }
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to apply discount code');
+            setError(error);
+            console.error('Failed to apply discount code:', error);
+            // Try to extract error message from API response
+            let errorMessage = 'Failed to apply discount code';
+            if (err && typeof err === 'object' && 'response' in err) {
+                const apiError = err;
+                if (apiError.response?.data?.error?.message) {
+                    errorMessage = apiError.response.data.error.message;
+                }
+                else if (apiError.response?.data?.message) {
+                    errorMessage = apiError.response.data.message;
+                }
+            }
+            return { success: false, error: errorMessage };
+        }
+        finally {
+            setIsApplying(false);
+        }
+    }, [checkoutSessionId, apiService, getAppliedDiscounts, refreshCoordinator]);
+    const removeDiscountCode = useCallback(async (discountId) => {
+        if (!checkoutSessionId) {
+            return { success: false, error: 'No checkout session available' };
+        }
+        if (!discountId) {
+            return { success: false, error: 'Discount ID is required' };
+        }
+        setIsRemoving(true);
+        setError(null);
+        try {
+            const response = await apiService.fetch(`/api/v1/checkout-sessions/${checkoutSessionId}/promotions/${discountId}`, {
+                method: 'DELETE',
+            });
+            if (response.success) {
+                // Refresh the applied discounts list
+                await getAppliedDiscounts();
+                // Trigger a refresh of the checkout session
+                refreshCoordinator?.notifyCheckoutChanged();
+                return { success: true };
+            }
+            else {
+                return { success: false, error: response.error?.message || 'Failed to remove discount' };
+            }
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to remove discount');
+            setError(error);
+            console.error('Failed to remove discount:', error);
+            // Try to extract error message from API response
+            let errorMessage = 'Failed to remove discount';
+            if (err && typeof err === 'object' && 'response' in err) {
+                const apiError = err;
+                if (apiError.response?.data?.error?.message) {
+                    errorMessage = apiError.response.data.error.message;
+                }
+                else if (apiError.response?.data?.message) {
+                    errorMessage = apiError.response.data.message;
+                }
+            }
+            return { success: false, error: errorMessage };
+        }
+        finally {
+            setIsRemoving(false);
+        }
+    }, [checkoutSessionId, apiService, getAppliedDiscounts, refreshCoordinator]);
+    const refresh = useCallback(async () => {
+        if (checkoutSessionId) {
+            await getAppliedDiscounts();
+        }
+    }, [checkoutSessionId, getAppliedDiscounts]);
+    // Auto-refresh when checkout session changes
+    useEffect(() => {
+        if (autoRefresh && checkoutSessionId) {
+            getAppliedDiscounts();
+        }
+    }, [checkoutSessionId, autoRefresh, getAppliedDiscounts]);
+    // Listen for checkout session refreshes
+    useEffect(() => {
+        if (!autoRefresh || !checkoutSessionId)
+            return;
+        const handleRefresh = async () => {
+            await getAppliedDiscounts();
+        };
+        refreshCoordinator?.registerCheckoutRefresh(handleRefresh);
+        return () => refreshCoordinator?.unregisterCheckoutRefresh();
+    }, [checkoutSessionId, autoRefresh, getAppliedDiscounts, refreshCoordinator]);
+    return {
+        // State
+        appliedDiscounts,
+        isLoading,
+        isApplying,
+        isRemoving,
+        error,
+        // Actions
+        applyDiscountCode,
+        removeDiscountCode,
+        getAppliedDiscounts,
+        refresh,
+        clearError,
+    };
+}

package/dist/react/hooks/useProducts.d.ts

@@ -14,6 +14,7 @@ export interface ProductPrice {
 export interface ProductVariant {
     id: string;
     name: string;
+    description: string;
     sku?: string;
     weight?: number;
     imageUrl?: string;

package/dist/react/index.d.ts

@@ -6,6 +6,7 @@ export { useAuth } from './hooks/useAuth';
 export { useCheckout } from './hooks/useCheckout';
 export { useCurrency } from './hooks/useCurrency';
 export { useCustomer } from './hooks/useCustomer';
+export { useDiscounts } from './hooks/useDiscounts';
 export { useEnvironment } from './hooks/useEnvironment';
 export { useGoogleAutocomplete } from './hooks/useGoogleAutocomplete';
 export { useLocale } from './hooks/useLocale';
@@ -16,22 +17,23 @@ export { usePostPurchases } from './hooks/usePostPurchases';
 export { useProducts } from './hooks/useProducts';
 export { useSession } from './hooks/useSession';
 export { useTagadaContext } from './providers/TagadaProvider';
-export { usePluginConfig, useBasePath, getPluginConfig, clearPluginConfigCache, debugPluginConfig } from './hooks/usePluginConfig';
+export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 export type { PluginConfig } from './hooks/usePluginConfig';
-export { useISOData, useCountryOptions, useRegionOptions, getAvailableLanguages } from './hooks/useISOData';
+export { getAvailableLanguages, useCountryOptions, useISOData, useRegionOptions } from './hooks/useISOData';
 export type { ISOCountry, ISORegion, UseISODataResult } from './hooks/useISOData';
-export type { GooglePrediction, GoogleAddressComponent, GooglePlaceDetails, ExtractedAddress, UseGoogleAutocompleteOptions, UseGoogleAutocompleteResult } from './hooks/useGoogleAutocomplete';
+export type { ExtractedAddress, GoogleAddressComponent, GooglePlaceDetails, GooglePrediction, UseGoogleAutocompleteOptions, UseGoogleAutocompleteResult } from './hooks/useGoogleAutocomplete';
 export { useOrder } from './hooks/useOrder';
 export type { UseOrderOptions, UseOrderResult } from './hooks/useOrder';
 export { usePayment } from './hooks/usePayment';
 export { usePaymentPolling } from './hooks/usePaymentPolling';
 export { useThreeds } from './hooks/useThreeds';
 export { useThreedsModal } from './hooks/useThreedsModal';
-export type { AuthState, Currency, Customer, Environment, EnvironmentConfig, Locale, Order, OrderAddress, OrderItem, OrderSummary, PickupPoint, Session, Store, } from './types';
-export type { CheckoutSessionPreview, CheckoutData, CheckoutInitParams, CheckoutLineItem, CheckoutSession, Promotion, UseCheckoutOptions, UseCheckoutResult, } from './hooks/useCheckout';
+export type { AuthState, Currency, Customer, Environment, EnvironmentConfig, Locale, Order, OrderAddress, OrderItem, OrderSummary, PickupPoint, Session, Store } from './types';
+export type { CheckoutData, CheckoutInitParams, CheckoutLineItem, CheckoutSession, CheckoutSessionPreview, Promotion, UseCheckoutOptions, UseCheckoutResult } from './hooks/useCheckout';
+export type { Discount, DiscountCodeValidation, UseDiscountsOptions, UseDiscountsResult } from './hooks/useDiscounts';
 export type { OrderBumpPreview, UseOrderBumpOptions, UseOrderBumpResult } from './hooks/useOrderBump';
-export type { PostPurchaseOffer, PostPurchaseOfferItem, PostPurchaseOfferLineItem, PostPurchaseOfferSummary, UsePostPurchasesOptions, UsePostPurchasesResult, } from './hooks/usePostPurchases';
+export type { PostPurchaseOffer, PostPurchaseOfferItem, PostPurchaseOfferLineItem, PostPurchaseOfferSummary, UsePostPurchasesOptions, UsePostPurchasesResult } from './hooks/usePostPurchases';
 export type { Payment, PaymentPollingHook, PollingOptions } from './hooks/usePaymentPolling';
-export type { PaymentInstrument, ThreedsChallenge, ThreedsHook, ThreedsOptions, ThreedsProvider, ThreedsSession, } from './hooks/useThreeds';
-export type { ApplePayToken, CardPaymentMethod, PaymentHook, PaymentInstrumentResponse, PaymentOptions, PaymentResponse, } from './hooks/usePayment';
-export { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits, } from './utils/money';
+export type { PaymentInstrument, ThreedsChallenge, ThreedsHook, ThreedsOptions, ThreedsProvider, ThreedsSession } from './hooks/useThreeds';
+export type { ApplePayToken, CardPaymentMethod, PaymentHook, PaymentInstrumentResponse, PaymentOptions, PaymentResponse } from './hooks/usePayment';
+export { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits } from './utils/money';

package/dist/react/index.js

@@ -9,6 +9,7 @@ export { useAuth } from './hooks/useAuth';
 export { useCheckout } from './hooks/useCheckout';
 export { useCurrency } from './hooks/useCurrency';
 export { useCustomer } from './hooks/useCustomer';
+export { useDiscounts } from './hooks/useDiscounts';
 export { useEnvironment } from './hooks/useEnvironment';
 export { useGoogleAutocomplete } from './hooks/useGoogleAutocomplete';
 export { useLocale } from './hooks/useLocale';
@@ -20,9 +21,9 @@ export { useProducts } from './hooks/useProducts';
 export { useSession } from './hooks/useSession';
 export { useTagadaContext } from './providers/TagadaProvider';
 // Plugin configuration hooks
-export { usePluginConfig, useBasePath, getPluginConfig, clearPluginConfigCache, debugPluginConfig } from './hooks/usePluginConfig';
+export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 // ISO Data hooks
-export { useISOData, useCountryOptions, useRegionOptions, getAvailableLanguages } from './hooks/useISOData';
+export { getAvailableLanguages, useCountryOptions, useISOData, useRegionOptions } from './hooks/useISOData';
 // Order hook exports
 export { useOrder } from './hooks/useOrder';
 // Payment hooks exports
@@ -33,4 +34,4 @@ export { useThreedsModal } from './hooks/useThreedsModal';
 // Component exports (if any)
 // export { SomeComponent } from './components/SomeComponent';
 // Utility exports
-export { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits, } from './utils/money';
+export { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits } from './utils/money';

package/dist/react/providers/TagadaProvider.js

@@ -38,11 +38,11 @@ const InitializationLoader = () => (_jsxs("div", { style: {
                 borderTop: '1.5px solid #9ca3af',
                 borderRadius: '50%',
                 animation: 'tagada-spin 1s linear infinite',
-            } }), _jsx("span", { children: "Loading..." }), _jsx("style", { children: `
-        @keyframes tagada-spin {
-          0% { transform: rotate(0deg); }
-          100% { transform: rotate(360deg); }
-        }
+            } }), _jsx("span", { children: "Loading..." }), _jsx("style", { children: `
+        @keyframes tagada-spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
       ` })] }));
 const TagadaContext = createContext(null);
 export function TagadaProvider({ children, environment, customApiConfig, debugMode, // Remove default, will be set based on environment

package/dist/react/utils/trackingUtils.d.ts

@@ -0,0 +1,24 @@
+export interface TrackingData {
+    trackingCookiesData: Record<string, string>;
+    localStorageData: Record<string, string>;
+}
+/**
+ * Define pixel tracking cookie patterns for various platforms
+ */
+export declare const trackingCookiePatterns: RegExp[];
+/**
+ * Function to get cookies with retry logic
+ */
+export declare const getCookiesWithRetry: (maxRetries?: number, delay?: number) => Promise<string[]>;
+/**
+ * Collect localStorage data as dictionary
+ */
+export declare const getLocalStorageData: () => Record<string, string>;
+/**
+ * Collect tracking cookies data based on defined patterns
+ */
+export declare const getTrackingCookiesData: () => Promise<Record<string, string>>;
+/**
+ * Collect all tracking data (localStorage and cookies)
+ */
+export declare const collectTrackingData: () => Promise<TrackingData>;

package/dist/react/utils/trackingUtils.js

@@ -0,0 +1,172 @@
+/**
+ * Define pixel tracking cookie patterns for various platforms
+ */
+export const trackingCookiePatterns = [
+    // Meta/Facebook pixels
+    /^_fbp/,
+    /^_fbc/,
+    /^fr$/,
+    /^_fbq/,
+    /^fbq/,
+    /^sb$/,
+    // Google Analytics & Ads
+    /^_ga/,
+    /^_gid/,
+    /^_gcl_au/,
+    /^_gac_/,
+    /^_gtag/,
+    /^_gat/,
+    /^_dc_gtm_/,
+    /^_gtm/,
+    // Google Ads
+    /^_gcl_/,
+    /^_gclid/,
+    /^_gclsrc/,
+    // Snapchat
+    /^_scid/,
+    /^_sctr/,
+    /^_schn/,
+    /^_scpx/,
+    // TikTok
+    /^_ttp/,
+    /^_tt_enable_cookie/,
+    /^_ttclid/,
+    /^_tta/,
+    // Pinterest
+    /^_pin/,
+    /^_pinterest_/,
+    /^_pinid/,
+    // Twitter/X
+    /^_twitter/,
+    /^_twid/,
+    /^muc_ads/,
+    // LinkedIn
+    /^_li/,
+    /^AnalyticsSyncHistory/,
+    /^bcookie/,
+    /^bscookie/,
+    // Microsoft/Bing
+    /^_uetsid/,
+    /^_uetvid/,
+    /^MUID/,
+    /^_msdcs/,
+    // Amazon
+    /^ad-id/,
+    /^ad-privacy/,
+    // CVG tracking
+    /^__cvg_uid/,
+    /^__cvg_sid/,
+    /^__cvg_session/,
+    // Shopify tracking
+    /^_shopify_y/,
+    /^_shopify_s/,
+    /^_shopify_ga/,
+    /^_shopify_ga_/,
+    /^_shopify_sa_p/,
+    /^_shopify_sa_t/,
+    // General tracking
+    /^_awc/,
+    /^_aw_/,
+    /^utm_/,
+    /^_clck/,
+    /^_clsk/,
+];
+/**
+ * Function to get cookies with retry logic
+ */
+export const getCookiesWithRetry = async (maxRetries = 3, delay = 100) => {
+    for (let attempt = 1; attempt <= maxRetries; attempt++) {
+        try {
+            const cookies = document.cookie.split('; ');
+            if (cookies.length > 0 && cookies[0] !== '') {
+                return cookies;
+            }
+            // If no cookies found, wait and retry
+            if (attempt < maxRetries) {
+                console.log(`Cookie collection attempt ${attempt} failed, retrying in ${delay}ms...`);
+                await new Promise((resolve) => setTimeout(resolve, delay));
+            }
+        }
+        catch (error) {
+            console.warn(`Cookie collection attempt ${attempt} failed:`, error);
+            if (attempt < maxRetries) {
+                await new Promise((resolve) => setTimeout(resolve, delay));
+            }
+        }
+    }
+    return [];
+};
+/**
+ * Collect localStorage data as dictionary
+ */
+export const getLocalStorageData = () => {
+    const localStorageData = {};
+    try {
+        for (let i = 0; i < localStorage.length; i++) {
+            const key = localStorage.key(i);
+            if (key) {
+                localStorageData[key] = localStorage.getItem(key) || '';
+            }
+        }
+    }
+    catch (error) {
+        console.warn('Failed to read localStorage:', error);
+    }
+    return localStorageData;
+};
+/**
+ * Collect tracking cookies data based on defined patterns
+ */
+export const getTrackingCookiesData = async () => {
+    const trackingCookiesData = {};
+    try {
+        // Get cookies with retry logic
+        const cookies = await getCookiesWithRetry();
+        if (cookies.length === 0) {
+            console.warn('No cookies found after retry attempts');
+        }
+        else {
+            console.log(`Successfully collected ${cookies.length} cookies`);
+        }
+        cookies.forEach((cookie) => {
+            const [key, ...valueParts] = cookie.split('=');
+            const value = valueParts.join('='); // Handle values that might contain =
+            if (key && trackingCookiePatterns.some((pattern) => pattern.test(key))) {
+                try {
+                    trackingCookiesData[key] = decodeURIComponent(value || '');
+                }
+                catch (error) {
+                    // If decoding fails, use raw value
+                    trackingCookiesData[key] = value || '';
+                }
+            }
+        });
+        // Log specific cookies we're looking for
+        const importantCookies = ['_shopify_y', '__cvg_uid', '_fbp', '_ga'];
+        importantCookies.forEach((cookieName) => {
+            if (trackingCookiesData[cookieName]) {
+                console.log(`Found ${cookieName}:`, trackingCookiesData[cookieName]);
+            }
+            else {
+                console.log(`Missing ${cookieName} cookie`);
+            }
+        });
+    }
+    catch (error) {
+        console.warn('Failed to read tracking cookies:', error);
+    }
+    return trackingCookiesData;
+};
+/**
+ * Collect all tracking data (localStorage and cookies)
+ */
+export const collectTrackingData = async () => {
+    const [localStorageData, trackingCookiesData] = await Promise.all([
+        Promise.resolve(getLocalStorageData()),
+        getTrackingCookiesData(),
+    ]);
+    return {
+        localStorageData,
+        trackingCookiesData,
+    };
+};