@tagadapay/plugin-sdk 2.3.2 → 2.3.3

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/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,
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",