@tagadapay/plugin-sdk 3.1.12 → 3.1.24

package/dist/v2/react/hooks/usePixelTracking.js

@@ -4,18 +4,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * usePixelTracking Hook & Provider
  *
  * SDK-level pixel tracking based on runtime stepConfig.pixels injected
- * by the CRM. This mirrors the CMS pixel context pattern but uses the
- * funnel step configuration as the source of truth instead of store
- * integrations.
+ * by the CRM. Uses core/pixelMapping for event mapping and gating,
+ * keeping browser-specific init/fire logic here.
  */
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
-import { minorUnitsToMajorUnits } from '../../../react/utils/money';
+import { resolvePixelEvents, } from '../../core/pixelMapping';
 import { useStepConfig } from './useStepConfig';
 const PixelTrackingContext = createContext(null);
-/**
- * Simple per-page duplicate guard (time-window based)
- * Avoids accidental double-fires during rerenders.
- */
+// ---------------------------------------------------------------------------
+// Duplicate guard (time-window based)
+// ---------------------------------------------------------------------------
 function createDuplicateGuard(windowMs) {
     const lastEvents = new Map();
     return (eventName, parameters) => {
@@ -29,588 +27,369 @@ function createDuplicateGuard(windowMs) {
             return true;
         }
         catch {
-            // If hashing fails for any reason, just allow the event
             return true;
         }
     };
 }
 const shouldTrackEvent = createDuplicateGuard(5000);
-/**
- * Provider that initializes pixels based on stepConfig.pixels
- * and exposes a simple track(event, params) API.
- */
+// ---------------------------------------------------------------------------
+// Provider
+// ---------------------------------------------------------------------------
 export function PixelTrackingProvider({ children }) {
     const { pixels } = useStepConfig();
     const [pixelsInitialized, setPixelsInitialized] = useState(false);
     const isMountedRef = useRef(true);
     useEffect(() => {
         isMountedRef.current = true;
-        return () => {
-            isMountedRef.current = false;
-        };
+        return () => { isMountedRef.current = false; };
     }, []);
-    // Initialize pixels once when configuration is available
+    // ---- Initialize pixel scripts once ----
+    // Wait for all external scripts to actually load before marking initialized,
+    // so that pixel helpers (TikTok, etc.) can intercept events properly.
     useEffect(() => {
         if (!pixels || pixelsInitialized || !isMountedRef.current)
             return;
+        const loadPromises = [];
         try {
-            // Facebook / Meta - support multiple pixels
-            const facebookPixels = pixels.facebook; // Support both 'facebook' and legacy 'meta'
-            if (facebookPixels) {
-                if (Array.isArray(facebookPixels)) {
-                    facebookPixels.forEach((pixel) => {
-                        if (pixel.enabled && pixel.pixelId) {
-                            initMetaPixel(pixel.pixelId);
-                        }
-                    });
-                }
-            }
-            // TikTok - support multiple pixels
-            const tiktokPixels = pixels.tiktok;
-            if (tiktokPixels) {
-                if (Array.isArray(tiktokPixels)) {
-                    tiktokPixels.forEach((pixel) => {
-                        if (pixel.enabled && pixel.pixelId) {
-                            initTikTokPixel(pixel.pixelId);
-                        }
-                    });
-                }
-            }
-            // Snapchat - support multiple pixels
-            const snapchatPixels = pixels.snapchat;
-            if (snapchatPixels) {
-                if (Array.isArray(snapchatPixels)) {
-                    snapchatPixels.forEach((pixel) => {
-                        if (pixel.enabled && pixel.pixelId) {
-                            initSnapchatPixel(pixel.pixelId);
-                        }
-                    });
-                }
-            }
-            // Pinterest - support multiple pixels
-            const pinterestPixels = pixels.pinterest;
-            if (pinterestPixels) {
-                if (Array.isArray(pinterestPixels)) {
-                    pinterestPixels.forEach((pixel) => {
-                        if (pixel.enabled && pixel.pixelId) {
-                            initPinterestPixel(pixel.pixelId);
-                        }
-                    });
-                }
-            }
-            // GTM - support multiple containers
-            const gtmPixels = pixels.gtm;
-            if (gtmPixels) {
-                if (Array.isArray(gtmPixels)) {
-                    gtmPixels.forEach((pixel) => {
-                        if (pixel.enabled && pixel.containerId) {
-                            initGTM(pixel.containerId);
-                        }
-                    });
-                }
-            }
-            if (isMountedRef.current) {
-                setPixelsInitialized(true);
-            }
+            pixels.facebook?.forEach((px) => { if (px.enabled && px.pixelId)
+                loadPromises.push(initMetaPixel(px.pixelId)); });
+            pixels.tiktok?.forEach((px) => { if (px.enabled && px.pixelId)
+                loadPromises.push(initTikTokPixel(px.pixelId)); });
+            pixels.snapchat?.forEach((px) => { if (px.enabled && px.pixelId)
+                loadPromises.push(initSnapchatPixel(px.pixelId)); });
+            pixels.pinterest?.forEach((px) => { if (px.enabled && px.pixelId)
+                loadPromises.push(initPinterestPixel(px.pixelId)); });
+            pixels.gtm?.forEach((px) => { if (px.enabled && px.containerId)
+                loadPromises.push(initGTM(px.containerId)); });
+            Promise.all(loadPromises).then(() => {
+                if (isMountedRef.current)
+                    setPixelsInitialized(true);
+            });
         }
         catch (error) {
-            // Fail-safe: never break the host page because of pixel issues
-            if (typeof console !== 'undefined') {
-                console.error('[SDK Pixels] Error during pixel initialization:', error);
-            }
+            console.error('[SDK Pixels] Initialization error:', error);
         }
     }, [pixels, pixelsInitialized]);
+    // ---- Track function ----
     const track = useCallback((eventName, parameters = {}) => {
-        if (!pixels || !pixelsInitialized || !isMountedRef.current) {
+        if (!pixels || !pixelsInitialized || !isMountedRef.current)
             return;
-        }
-        // Duplicate guard
-        if (!shouldTrackEvent(eventName, parameters)) {
+        if (!shouldTrackEvent(eventName, parameters))
             return;
-        }
         try {
-            // Facebook / Meta - track to all enabled pixels
-            const facebookPixels = pixels.facebook; // Support both 'facebook' and legacy 'meta'
-            if (facebookPixels) {
-                const pixelArray = Array.isArray(facebookPixels)
-                    ? facebookPixels
-                    : [facebookPixels];
-                const enabledPixels = pixelArray.filter((p) => p.enabled);
-                if (enabledPixels.length > 0) {
-                    const { name, params } = mapMetaEvent(eventName, parameters);
-                    // Track to all enabled Facebook pixels
-                    enabledPixels.forEach(() => {
-                        trackMetaEvent(name, params);
-                    });
-                }
-            }
-            // TikTok - track to all enabled pixels
-            const tiktokPixels = pixels.tiktok;
-            if (tiktokPixels) {
-                const pixelArray = Array.isArray(tiktokPixels)
-                    ? tiktokPixels
-                    : [tiktokPixels];
-                const enabledPixels = pixelArray.filter((p) => p.enabled);
-                if (enabledPixels.length > 0) {
-                    const { name, params } = mapTikTokEvent(eventName, parameters);
-                    // Track to all enabled TikTok pixels
-                    enabledPixels.forEach(() => {
-                        trackTikTokEvent(name, params);
-                    });
-                }
-            }
-            // Snapchat - track to all enabled pixels
-            const snapchatPixels = pixels.snapchat;
-            if (snapchatPixels) {
-                const pixelArray = Array.isArray(snapchatPixels)
-                    ? snapchatPixels
-                    : [snapchatPixels];
-                const enabledPixels = pixelArray.filter((p) => p.enabled);
-                if (enabledPixels.length > 0) {
-                    const { name, params } = mapSnapchatEvent(eventName, parameters);
-                    // Track to all enabled Snapchat pixels
-                    enabledPixels.forEach(() => {
-                        trackSnapchatEvent(name, params);
-                    });
-                }
-            }
-            // Pinterest - track to all enabled pixels
-            const pinterestPixels = pixels.pinterest;
-            if (pinterestPixels) {
-                const pixelArray = Array.isArray(pinterestPixels)
-                    ? pinterestPixels
-                    : [pinterestPixels];
-                const enabledPixels = pixelArray.filter((p) => p.enabled);
-                if (enabledPixels.length > 0) {
-                    const { name, params } = mapPinterestEvent(eventName, parameters);
-                    // Track to all enabled Pinterest pixels
-                    enabledPixels.forEach(() => {
-                        trackPinterestEvent(name, params);
-                    });
+            const events = resolvePixelEvents(pixels, eventName, parameters);
+            // Deduplicate by provider: Meta/Snapchat/Pinterest SDKs broadcast
+            // to all registered pixel IDs internally, so we only need to fire once per
+            // provider. GTM and TikTok need per-pixel firing (GTM for Google Ads
+            // send_to targeting, TikTok because ttq.instance() targets a specific pixel).
+            const firedProviders = new Set();
+            for (const { provider, mapped, pixel } of events) {
+                if (provider === 'gtm' || provider === 'tiktok') {
+                    fire(provider, mapped.name, mapped.params, pixel);
                 }
-            }
-            // GTM - track to all enabled containers
-            const gtmPixels = pixels.gtm;
-            if (gtmPixels) {
-                const pixelArray = Array.isArray(gtmPixels)
-                    ? gtmPixels
-                    : [gtmPixels];
-                const enabledPixels = pixelArray.filter((p) => p.enabled);
-                if (enabledPixels.length > 0) {
-                    const { name, params } = mapGTMEvent(eventName, parameters);
-                    // Track to all enabled GTM containers
-                    enabledPixels.forEach(() => {
-                        console.log('trackGTMEvent', name, params);
-                        trackGTMEvent(name, params);
-                    });
+                else {
+                    if (!firedProviders.has(provider)) {
+                        fire(provider, mapped.name, mapped.params);
+                        firedProviders.add(provider);
+                    }
                 }
             }
         }
         catch (error) {
-            if (typeof console !== 'undefined') {
-                console.error('[SDK Pixels] Error tracking pixel event:', error);
-            }
+            console.error('[SDK Pixels] Tracking error:', error);
         }
     }, [pixels, pixelsInitialized]);
-    // Track page views automatically when pixels are initialized
+    // ---- Auto page-view ----
     useEffect(() => {
         if (!pixelsInitialized || !isMountedRef.current)
             return;
-        // Small delay to ensure we don't double fire during strict mode remounts
-        const pageViewTimeoutId = setTimeout(() => {
+        const id = setTimeout(() => {
             if (isMountedRef.current) {
-                track('PageView', {
-                    path: typeof window !== 'undefined' ? window.location.pathname : '',
-                });
+                track('PageView', { path: typeof window !== 'undefined' ? window.location.pathname : '' });
             }
         }, 0);
-        return () => {
-            if (pageViewTimeoutId) {
-                clearTimeout(pageViewTimeoutId);
-            }
-        };
+        return () => clearTimeout(id);
     }, [pixelsInitialized, track]);
-    const value = useMemo(() => ({
-        track,
-        pixelsInitialized,
-    }), [track, pixelsInitialized]);
+    const value = useMemo(() => ({ track, pixelsInitialized }), [track, pixelsInitialized]);
     return _jsx(PixelTrackingContext.Provider, { value: value, children: children });
 }
-/**
- * Hook to access SDK pixel tracking.
- * Must be used within TagadaProvider (which wraps PixelTrackingProvider).
- */
 export function usePixelTracking() {
     const context = useContext(PixelTrackingContext);
-    if (!context) {
+    if (!context)
         throw new Error('usePixelTracking must be used within a PixelTrackingProvider');
-    }
     return context;
 }
-function initMetaPixel(pixelId) {
+// ---------------------------------------------------------------------------
+// Browser-specific: fire an event to the correct global pixel function
+// ---------------------------------------------------------------------------
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function fire(provider, name, params, pixel) {
     if (typeof window === 'undefined')
         return;
-    if (window.fbq)
-        return;
-    // Standard Facebook Pixel bootstrap
-    (function (f, b, e) {
-        if (f.fbq)
-            return;
-        const n = function (...args) {
-            if (n.callMethod) {
-                n.callMethod(...args);
+    const w = window;
+    switch (provider) {
+        case 'facebook':
+            w.fbq?.('track', name, params);
+            break;
+        case 'tiktok': {
+            // Use ttq.instance(pixelId) to target each pixel individually,
+            // since the global ttq.track() only fires for the sdkid pixel.
+            const pixelId = pixel && 'pixelId' in pixel ? pixel.pixelId : null;
+            const target = pixelId && w.ttq?.instance ? w.ttq.instance(pixelId) : w.ttq;
+            if (name === 'Pageview') {
+                target?.page?.();
             }
             else {
-                n.queue.push(args);
+                target?.track?.(name, params);
+            }
+            break;
+        }
+        case 'snapchat':
+            w.snaptr?.('track', name, params);
+            break;
+        case 'pinterest':
+            // Pinterest handles page views via pintrk('page'), not pintrk('track', 'pagevisit')
+            if (name === 'pagevisit') {
+                w.pintrk?.('page');
             }
+            else {
+                w.pintrk?.('track', name, params);
+            }
+            break;
+        case 'gtm':
+            fireGTM(name, params);
+            break;
+    }
+}
+function fireGTM(event, params) {
+    try {
+        const w = window;
+        if (w.gtag) {
+            w.gtag('event', event, params);
+        }
+        else if (w.dataLayer) {
+            w.dataLayer.push({ event, ...params });
+        }
+    }
+    catch (error) {
+        console.error('[SDK GTM] Error:', error);
+    }
+}
+/* eslint-enable @typescript-eslint/no-explicit-any */
+// ===========================================================================
+// Pixel initialization (browser-only)
+// All pixel globals are accessed via `win` typed as `any` to avoid
+// `declare global` augmentation issues across tsconfig scopes.
+// ===========================================================================
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const win = (typeof window !== 'undefined' ? window : undefined);
+const SCRIPT_LOAD_TIMEOUT_MS = 5000;
+function waitForScriptLoad(script) {
+    // If the script has already loaded, resolve immediately
+    if (script.dataset.loaded)
+        return Promise.resolve();
+    return new Promise((resolve) => {
+        const done = () => { script.dataset.loaded = '1'; clearTimeout(timer); resolve(); };
+        const timer = setTimeout(done, SCRIPT_LOAD_TIMEOUT_MS);
+        script.addEventListener('load', done, { once: true });
+        script.addEventListener('error', done, { once: true });
+    });
+}
+let _metaScriptEl = null;
+function initMetaPixel(pixelId) {
+    if (!win)
+        return Promise.resolve();
+    // Initialize Meta base code once
+    if (!win.fbq) {
+        const n = function (...args) {
+            if (n.callMethod)
+                n.callMethod(...args);
+            else
+                n.queue.push(args);
         };
-        f.fbq = n;
-        if (!f._fbq)
-            f._fbq = n;
-        n.queue = n.queue ?? [];
+        n.queue = [];
         n.loaded = true;
         n.version = '2.0';
-        n.queue = [];
-        const t = b.createElement(e);
+        win.fbq = n;
+        if (!win._fbq)
+            win._fbq = n;
+        const t = document.createElement('script');
         t.async = true;
         t.src = 'https://connect.facebook.net/en_US/fbevents.js';
-        const s = b.getElementsByTagName(e)[0];
-        s.parentNode?.insertBefore(t, s);
-    })(window, document, 'script');
-    const fbq = window.fbq;
-    if (fbq) {
-        fbq('init', pixelId);
+        const s = document.getElementsByTagName('script')[0];
+        s?.parentNode?.insertBefore(t, s);
+        _metaScriptEl = t;
     }
+    // Register each pixel ID (fbq supports multiple pixels via multiple init calls)
+    win.fbq('init', pixelId);
+    return _metaScriptEl ? waitForScriptLoad(_metaScriptEl) : Promise.resolve();
 }
-function trackMetaEvent(name, params) {
-    if (typeof window === 'undefined' || !window.fbq)
-        return;
-    const fbq = window.fbq;
-    fbq?.('track', name, params);
-}
+let _tiktokBaseInitialized = false;
 function initTikTokPixel(pixelId) {
-    if (typeof window === 'undefined')
-        return;
-    if (window.ttq)
-        return;
-    (function (w, d, t) {
-        const ttq = w.ttq ||
-            function (...args) {
-                ttq.queue.push(args);
-            };
-        if (!ttq.queue) {
-            ttq.queue = [];
-        }
-        w.ttq = ttq;
+    if (!win)
+        return Promise.resolve();
+    // Initialize TikTok base code once
+    if (!_tiktokBaseInitialized) {
+        _tiktokBaseInitialized = true;
+        win.TiktokAnalyticsObject = 'ttq';
+        const ttq = (win.ttq = win.ttq || []);
         ttq.methods = [
-            'page',
-            'track',
-            'identify',
-            'instances',
-            'debug',
-            'on',
-            'off',
-            'once',
-            'ready',
-            'alias',
-            'group',
-            'enableCookie',
-            'disableCookie',
+            'page', 'track', 'identify', 'instances', 'debug', 'on', 'off',
+            'once', 'ready', 'alias', 'group', 'enableCookie', 'disableCookie',
+            'holdConsent', 'revokeConsent', 'grantConsent',
         ];
-        ttq.setAndDefer = function (target, method) {
-            target[method] = function (...args) {
-                target.queue.push([method, ...args]);
-            };
+        ttq.setAndDefer = function (t, e) {
+            t[e] = function (...args) { t.push([e, ...args]); };
         };
         for (const method of ttq.methods) {
             ttq.setAndDefer(ttq, method);
         }
-        ttq.load = function (e) {
-            const n = 'https://analytics.tiktok.com/i18n/pixel/events.js';
-            const a = d.createElement(t);
-            a.type = 'text/javascript';
-            a.async = true;
-            a.src = n + '?sdkid=' + e + '&lib=ttq';
-            const s = d.getElementsByTagName(t)[0];
-            s.parentNode.insertBefore(a, s);
+        ttq.instance = function (t) {
+            const e = ttq._i[t] || [];
+            for (const method of ttq.methods) {
+                ttq.setAndDefer(e, method);
+            }
+            return e;
         };
-    })(window, document, 'script');
-    const ttqInstance = window.ttq;
-    if (!ttqInstance)
-        return;
-    ttqInstance.load?.(pixelId);
-    ttqInstance.page?.();
-}
-function trackTikTokEvent(name, params) {
-    if (typeof window === 'undefined' || !window.ttq)
-        return;
-    const ttq = window.ttq;
-    ttq?.track?.(name, params);
+        ttq.load = function (e, n) {
+            const r = 'https://analytics.tiktok.com/i18n/pixel/events.js';
+            ttq._i = ttq._i || {};
+            ttq._i[e] = [];
+            ttq._i[e]._u = r;
+            ttq._t = ttq._t || {};
+            ttq._t[e] = +new Date();
+            ttq._o = ttq._o || {};
+            ttq._o[e] = n || {};
+            const s = document.createElement('script');
+            s.type = 'text/javascript';
+            s.async = true;
+            s.src = r + '?sdkid=' + e + '&lib=ttq';
+            const p = document.getElementsByTagName('script')[0];
+            p?.parentNode?.insertBefore(s, p);
+        };
+    }
+    // Skip if this specific pixel ID is already registered
+    if (win.ttq._i?.[pixelId])
+        return Promise.resolve();
+    // Register pixel and load its script
+    win.ttq.load(pixelId);
+    // Find the script we just created and wait for it
+    const scripts = document.querySelectorAll('script[src*="analytics.tiktok.com/i18n/pixel/events.js"]');
+    const lastScript = scripts[scripts.length - 1];
+    return lastScript ? waitForScriptLoad(lastScript) : Promise.resolve();
 }
+let _snapchatScriptEl = null;
 function initSnapchatPixel(pixelId) {
-    if (typeof window === 'undefined')
-        return;
-    if (window.snaptr)
-        return;
-    (function (w, d, tagName) {
-        if (w.snaptr)
-            return;
-        const a = (function (...args) {
-            if (a.handleRequest) {
+    if (!win)
+        return Promise.resolve();
+    // Initialize Snapchat base code once
+    if (!win.snaptr) {
+        const a = function (...args) {
+            if (a.handleRequest)
                 a.handleRequest(...args);
-            }
-            else {
+            else
                 a.queue.push(args);
-            }
-        });
+        };
         a.queue = [];
-        w.snaptr = a;
-        const s = 'script';
-        const r = d.createElement(s);
+        win.snaptr = a;
+        const r = document.createElement('script');
         r.async = true;
         r.src = 'https://sc-static.net/scevent.min.js';
-        const u = d.getElementsByTagName(tagName)[0];
-        u.parentNode?.insertBefore(r, u);
-    })(window, document, 'script');
-    const snaptr = window.snaptr;
-    snaptr?.('init', pixelId);
-}
-function trackSnapchatEvent(name, params) {
-    if (typeof window === 'undefined' || !window.snaptr)
-        return;
-    const snaptr = window.snaptr;
-    snaptr?.('track', name, params);
+        const u = document.getElementsByTagName('script')[0];
+        u?.parentNode?.insertBefore(r, u);
+        _snapchatScriptEl = r;
+    }
+    // Register each pixel ID (snaptr supports multiple pixels via multiple init calls)
+    win.snaptr('init', pixelId);
+    return _snapchatScriptEl ? waitForScriptLoad(_snapchatScriptEl) : Promise.resolve();
 }
+let _pinterestScriptEl = null;
 function initPinterestPixel(pixelId) {
-    if (typeof window === 'undefined')
-        return;
-    if (window.pintrk)
-        return;
-    (function (w, d, tagName) {
-        if (w.pintrk)
-            return;
-        const a = (function (...args) {
-            a.queue.push(args);
-        });
+    if (!win)
+        return Promise.resolve();
+    // Initialize Pinterest base code once
+    if (!win.pintrk) {
+        const a = function (...args) { a.queue.push(args); };
         a.queue = [];
-        w.pintrk = a;
-        const s = d.createElement(tagName);
+        win.pintrk = a;
+        const s = document.createElement('script');
         s.async = true;
         s.src = 'https://s.pinimg.com/ct/core.js';
-        const u = d.getElementsByTagName(tagName)[0];
-        u.parentNode?.insertBefore(s, u);
-    })(window, document, 'script');
-    const pintrk = window.pintrk;
-    pintrk?.('load', pixelId);
-    pintrk?.('page');
-}
-function trackPinterestEvent(name, params) {
-    if (typeof window === 'undefined' || !window.pintrk)
-        return;
-    const pintrk = window.pintrk;
-    pintrk?.('track', name, params);
-}
-function initGTM(containerId) {
-    if (typeof window === 'undefined' || typeof document === 'undefined')
-        return;
-    if (!containerId)
-        return;
-    // Check if GTM script is already loaded for this container
-    const existingScript = document.querySelector(`script[src*="googletagmanager.com/gtm.js?id=${containerId}"]`);
-    if (existingScript) {
-        return; // GTM already initialized for this container
-    }
-    // Initialize dataLayer before GTM script (Google's official pattern)
-    window.dataLayer = window.dataLayer || [];
-    // Push gtm.start event (must be done before script loads)
-    window.dataLayer.push({
-        'gtm.start': new Date().getTime(),
-        event: 'gtm.js',
-    });
-    // Create and inject GTM script (Google's official pattern)
-    // This matches Google's exact implementation from their documentation
-    (function (w, d, s, l, i) {
-        const f = d.getElementsByTagName(s)[0];
-        const j = d.createElement(s);
-        const dl = l != 'dataLayer' ? '&l=' + l : '';
-        j.async = true;
-        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
-        // Insert before first script tag (typically in head)
-        if (f && f.parentNode) {
-            f.parentNode.insertBefore(j, f);
-        }
-        else {
-            // Fallback: append to head if no script tags found
-            const head = d.head || d.getElementsByTagName('head')[0];
-            if (head) {
-                head.appendChild(j);
-            }
-        }
-    })(window, document, 'script', 'dataLayer', containerId);
-    // Also add noscript fallback in body (Google's official pattern)
-    // This ensures GTM works even if JavaScript is disabled
-    const noscript = document.createElement('noscript');
-    const iframe = document.createElement('iframe');
-    iframe.src = `https://www.googletagmanager.com/ns.html?id=${containerId}`;
-    iframe.height = '0';
-    iframe.width = '0';
-    iframe.style.display = 'none';
-    iframe.style.visibility = 'hidden';
-    noscript.appendChild(iframe);
-    // Insert noscript at the beginning of body
-    const body = document.body || document.getElementsByTagName('body')[0];
-    if (body) {
-        body.insertBefore(noscript, body.firstChild);
+        const u = document.getElementsByTagName('script')[0];
+        u?.parentNode?.insertBefore(s, u);
+        _pinterestScriptEl = s;
     }
+    // Register each pixel ID (pintrk supports multiple pixels via multiple load calls)
+    win.pintrk('load', pixelId);
+    // Note: pintrk('page') is NOT called here — the Provider's auto page-view
+    // effect handles it via fire(). Calling both would double-count page views.
+    return _pinterestScriptEl ? waitForScriptLoad(_pinterestScriptEl) : Promise.resolve();
 }
-function trackGTMEvent(event, params = {}) {
-    if (typeof window === 'undefined') {
-        console.warn('[SDK GTM] Window not available, event not tracked:', event);
-        return;
-    }
-    // Ensure dataLayer exists (should be initialized by initGTM, but double-check)
-    if (!window.dataLayer) {
-        console.warn('[SDK GTM] dataLayer not initialized, initializing now...');
-        window.dataLayer = [];
-    }
+function initGTM(containerId) {
+    if (!win || !containerId)
+        return Promise.resolve();
+    const isGtmContainer = containerId.startsWith('GTM-');
+    const scriptUrlPart = isGtmContainer
+        ? `googletagmanager.com/gtm.js?id=${containerId}`
+        : `googletagmanager.com/gtag/js?id=${containerId}`;
+    if (document.querySelector(`script[src*="${scriptUrlPart}"]`))
+        return Promise.resolve();
+    win.dataLayer = win.dataLayer || [];
+    // Push referrer domain context into dataLayer before GTM loads, so tags
+    // inside the container can use it for cross-domain tracking configuration.
     try {
-        const eventData = {
-            event,
-            ...params,
-        };
-        console.log('[SDK GTM] Pushing event to dataLayer:', eventData);
-        window.dataLayer.push(eventData);
-        console.log('[SDK GTM] Event pushed successfully. Current dataLayer length:', window.dataLayer.length);
-    }
-    catch (error) {
-        if (typeof console !== 'undefined') {
-            console.error('[SDK GTM] Error tracking event:', error);
+        const ref = document.referrer && new URL(document.referrer).hostname;
+        if (ref && ref !== window.location.hostname) {
+            win.dataLayer.push({ tagada_referrer_domain: ref });
         }
     }
-}
-// --- Basic event mapping (can be extended later if needed) ---
-function mapMetaEvent(eventName, parameters) {
-    return { name: eventName, params: parameters };
-}
-function mapTikTokEvent(eventName, parameters) {
-    // TikTok naming is usually aligned; adjust here if needed later
-    return { name: eventName, params: parameters };
-}
-function mapSnapchatEvent(eventName, parameters) {
-    return { name: eventName, params: parameters };
-}
-function mapPinterestEvent(eventName, parameters) {
-    // Pinterest uses lowercase event names
-    const pinterestEventMap = {
-        PageView: 'pagevisit',
-        ViewContent: 'viewcontent',
-        AddToCart: 'addtocart',
-        InitiateCheckout: 'initiatecheckout',
-        AddPaymentInfo: 'addpaymentinfo',
-        Purchase: 'checkout',
-        Lead: 'lead',
-        CompleteRegistration: 'signup',
-    };
-    const pinterestEventName = pinterestEventMap[eventName] ?? eventName.toLowerCase();
-    // Transform parameters for Pinterest
-    const pinterestParams = transformPinterestParameters(eventName, parameters);
-    return { name: pinterestEventName, params: pinterestParams };
-}
-function transformPinterestParameters(eventName, parameters) {
-    const pinParams = { ...parameters };
-    // Pinterest uses 'value' and 'order_quantity' as primary event data
-    // Ensure currency is uppercase
-    if (pinParams.currency) {
-        pinParams.currency = String(pinParams.currency).toUpperCase();
+    catch { /* ignore invalid referrer */ }
+    if (isGtmContainer) {
+        win.dataLayer.push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
+        const f = document.getElementsByTagName('script')[0];
+        const j = document.createElement('script');
+        j.async = true;
+        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + containerId;
+        if (f?.parentNode)
+            f.parentNode.insertBefore(j, f);
+        else
+            (document.head || document.getElementsByTagName('head')[0])?.appendChild(j);
+        const noscript = document.createElement('noscript');
+        const iframe = document.createElement('iframe');
+        iframe.src = `https://www.googletagmanager.com/ns.html?id=${containerId}`;
+        iframe.height = '0';
+        iframe.width = '0';
+        iframe.style.display = 'none';
+        iframe.style.visibility = 'hidden';
+        noscript.appendChild(iframe);
+        (document.body || document.getElementsByTagName('body')[0])?.insertBefore(noscript, document.body?.firstChild ?? null);
+        return waitForScriptLoad(j);
     }
-    // Convert to major units if currency is present
-    if (pinParams.currency && pinParams.value) {
-        try {
-            pinParams.value = minorUnitsToMajorUnits(Number(pinParams.value), String(pinParams.currency));
-        }
-        catch {
-            // Fallback to simple division by 100
-            pinParams.value = Number(pinParams.value) / 100;
+    else {
+        if (!win.gtag) {
+            win.gtag = function (..._args) { win.dataLayer.push(arguments); };
         }
-    }
-    // Ensure numeric values
-    if (pinParams.value !== undefined) {
-        pinParams.value = Number(pinParams.value);
-    }
-    if (pinParams.order_quantity !== undefined) {
-        pinParams.order_quantity = Number(pinParams.order_quantity);
-    }
-    // Transform contents to Pinterest format (product_id array)
-    if (pinParams.contents && Array.isArray(pinParams.contents)) {
-        pinParams.line_items = pinParams.contents.map((item) => ({
-            product_id: item.content_id,
-            product_name: item.content_name,
-            product_category: item.content_category,
-            product_price: item.price ? Number(item.price) : undefined,
-            product_quantity: item.quantity ? Number(item.quantity) : undefined,
-        }));
-    }
-    return pinParams;
-}
-function mapGTMEvent(eventName, parameters) {
-    // Map standard event names to GTM event names
-    const gtmEventMap = {
-        PageView: 'page_view',
-        AddPaymentInfo: 'add_payment_info',
-        AddToCart: 'add_to_cart',
-        InitiateCheckout: 'begin_checkout',
-        Purchase: 'purchase',
-        ViewContent: 'view_item',
-        CompleteRegistration: 'sign_up',
-    };
-    const gtmEventName = gtmEventMap[eventName] ?? eventName.toLowerCase();
-    // Transform parameters for GTM
-    const gtmParams = transformGTMParameters(eventName, parameters);
-    return { name: gtmEventName, params: gtmParams };
-}
-function transformGTMParameters(eventName, parameters) {
-    const gtmParameters = { ...parameters };
-    // Ensure currency is uppercase
-    if (gtmParameters.currency) {
-        gtmParameters.currency = String(gtmParameters.currency).toUpperCase();
-    }
-    // Transform currency values to major units if needed
-    if (gtmParameters.currency && gtmParameters.value) {
+        win.gtag('js', new Date());
+        // Enable cross-domain tracking: accept incoming _gl parameter from referring
+        // domains (e.g. Shopify store → TagadaPay checkout) so Google preserves the
+        // client-id/session across the redirect.
+        const linkerConfig = { accept_incoming: true };
         try {
-            gtmParameters.value = minorUnitsToMajorUnits(Number(gtmParameters.value), String(gtmParameters.currency));
-        }
-        catch (error) {
-            // If conversion fails, try simple division by 100 as fallback
-            if (typeof console !== 'undefined') {
-                console.warn('[SDK GTM] Currency conversion failed, using fallback:', error);
+            const ref = document.referrer && new URL(document.referrer).hostname;
+            if (ref && ref !== window.location.hostname) {
+                linkerConfig.domains = [ref, window.location.hostname];
             }
-            gtmParameters.value = Number(gtmParameters.value) / 100;
         }
+        catch { /* ignore invalid referrer */ }
+        win.gtag('config', containerId, { linker: linkerConfig });
+        const script = document.createElement('script');
+        script.async = true;
+        script.src = 'https://www.googletagmanager.com/gtag/js?id=' + containerId;
+        const firstScript = document.getElementsByTagName('script')[0];
+        if (firstScript?.parentNode)
+            firstScript.parentNode.insertBefore(script, firstScript);
+        else
+            (document.head || document.getElementsByTagName('head')[0])?.appendChild(script);
+        return waitForScriptLoad(script);
     }
-    // Ensure numeric values
-    if (gtmParameters.value !== undefined) {
-        gtmParameters.value = Number(gtmParameters.value);
-    }
-    if (gtmParameters.num_items !== undefined) {
-        gtmParameters.num_items = Number(gtmParameters.num_items);
-    }
-    // Transform contents to a format better suited for GTM
-    if (gtmParameters.contents && Array.isArray(gtmParameters.contents)) {
-        gtmParameters.items = gtmParameters.contents.map((item) => ({
-            item_id: item.content_id,
-            item_name: item.content_name,
-            item_category: item.content_category,
-            price: item.price ? Number(item.price) : undefined,
-            quantity: item.quantity ? Number(item.quantity) : undefined,
-        }));
-        // Keep original contents for compatibility
-        gtmParameters.contents = gtmParameters.contents.map((item) => ({
-            id: item.content_id,
-            name: item.content_name,
-            category: item.content_category,
-            price: item.price ? Number(item.price) : undefined,
-            quantity: item.quantity ? Number(item.quantity) : undefined,
-        }));
-    }
-    return gtmParameters;
 }