@aranova/tracking-react 0.12.2 → 0.13.0

package/dist/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AdPlatformTracking: () => AdPlatformTracking,
   AranovaApiError: () => AranovaApiError,
   ConsentBanner: () => ConsentBanner,
   DEFAULT_PHONE_COUNTRY: () => DEFAULT_PHONE_COUNTRY,
@@ -81,21 +82,32 @@ function buildConsentPayload(state) {
 }
 function getConsentState() {
   if (typeof window === "undefined") return "pending";
-  const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);
-  if (storedState === "granted" || storedState === "denied") return storedState;
+  try {
+    const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);
+    if (storedState === "granted" || storedState === "denied") return storedState;
+  } catch {
+  }
   return "pending";
 }
 function setConsentState(state) {
   if (typeof window === "undefined") return;
-  window.localStorage.setItem(CONSENT_STATE_KEY, state);
-  window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, (/* @__PURE__ */ new Date()).toISOString());
+  try {
+    window.localStorage.setItem(CONSENT_STATE_KEY, state);
+    window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, (/* @__PURE__ */ new Date()).toISOString());
+  } catch {
+  }
   if (typeof window.gtag === "function")
     window.gtag("consent", "update", buildConsentPayload(state));
+  if (typeof window.fbq === "function")
+    window.fbq("consent", state === "granted" ? "grant" : "revoke");
 }
 function resetConsent() {
   if (typeof window === "undefined") return;
-  window.localStorage.removeItem(CONSENT_STATE_KEY);
-  window.localStorage.removeItem(CONSENT_TIMESTAMP_KEY);
+  try {
+    window.localStorage.removeItem(CONSENT_STATE_KEY);
+    window.localStorage.removeItem(CONSENT_TIMESTAMP_KEY);
+  } catch {
+  }
 }
 function restoreStoredConsent() {
   const consentState = getConsentState();
@@ -103,45 +115,106 @@ function restoreStoredConsent() {
   return consentState;
 }
 
-// ../tracking-core/src/payloads.ts
-function createTrackingClientContext(surface, input = {}) {
+// ../tracking-core/src/tracking.ts
+var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
+var TRACKING_PARAM_KEYS = [
+  "gclid",
+  "fbclid",
+  "utm_source",
+  "utm_medium",
+  "utm_campaign",
+  "utm_term",
+  "utm_content"
+];
+function createEmptyTrackingParams() {
   return {
-    surface,
-    sdk_version: input.sdkVersion ?? null,
-    package_name: input.packageName ?? null,
-    site_origin: input.siteOrigin ?? (typeof window === "undefined" ? null : window.location.origin),
-    page_title: input.pageTitle ?? (typeof document === "undefined" ? null : document.title || null),
-    referrer: input.referrer ?? (typeof document === "undefined" ? null : document.referrer || null),
-    environment: input.environment ?? "production",
-    active_gtag_ids: input.activeGtagIds ?? null
+    gclid: null,
+    fbclid: null,
+    utm_source: null,
+    utm_medium: null,
+    utm_campaign: null,
+    utm_term: null,
+    utm_content: null
   };
 }
-function createTrackingSessionUpsertPayload(trackingParams, input, context) {
-  return {
-    session_id: input.sessionId,
-    visitor_id: input.visitorId ?? null,
-    gclid: trackingParams.gclid,
-    fbclid: trackingParams.fbclid,
-    utm_source: trackingParams.utm_source,
-    utm_medium: trackingParams.utm_medium,
-    utm_campaign: trackingParams.utm_campaign,
-    utm_term: trackingParams.utm_term,
-    utm_content: trackingParams.utm_content,
-    first_page: input.firstPage ?? null,
-    consent_state: input.consentState ?? null,
-    context
-  };
+function normalizeTrackingCookieValue(value) {
+  return typeof value === "string" && value.length > 0 ? value : null;
 }
-function createTrackingEventCreatePayload(trackingParams, input, context) {
-  return {
-    session_id: input.sessionId,
-    event_type: input.eventType,
-    gclid: trackingParams.gclid,
-    fbclid: trackingParams.fbclid,
-    page_url: input.pageUrl ?? (typeof window === "undefined" ? null : window.location.href),
-    metadata: input.metadata ?? null,
-    context
-  };
+function getTrackingParamsFromCookieReader(readCookie) {
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    params[key] = normalizeTrackingCookieValue(readCookie(key));
+    return params;
+  }, createEmptyTrackingParams());
+}
+function getTrackingQueryValues(searchParams) {
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    const value = searchParams.get(key);
+    if (typeof value === "string" && value.trim().length > 0) {
+      params[key] = value;
+    }
+    return params;
+  }, {});
+}
+var FALLBACK_STORAGE_PREFIX = "_aranova_track_";
+function fallbackKey(name) {
+  return `${FALLBACK_STORAGE_PREFIX}${name}`;
+}
+function persistCookieValue(name, value, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const encoded = encodeURIComponent(value);
+  if (typeof document !== "undefined") {
+    try {
+      document.cookie = `${name}=${encoded}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;
+    } catch {
+    }
+  }
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage.setItem(fallbackKey(name), encoded);
+    } catch {
+    }
+  }
+}
+function readCookieValue(name) {
+  if (typeof document !== "undefined") {
+    const cookies = document.cookie ? document.cookie.split("; ") : [];
+    const match = cookies.find((cookie) => cookie.startsWith(`${name}=`));
+    if (match) {
+      const [, rawValue = ""] = match.split("=");
+      return normalizeTrackingCookieValue(decodeURIComponent(rawValue));
+    }
+  }
+  if (typeof window !== "undefined") {
+    try {
+      const stored = window.localStorage.getItem(fallbackKey(name));
+      if (stored) return normalizeTrackingCookieValue(decodeURIComponent(stored));
+    } catch {
+    }
+  }
+  return null;
+}
+function getCookieValueFromDocument(key) {
+  return readCookieValue(key);
+}
+function setTrackingCookie(key, value, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  persistCookieValue(key, value, maxAgeSeconds);
+}
+function mergeTrackingParams(primary, fallback) {
+  return TRACKING_PARAM_KEYS.reduce((merged, key) => {
+    merged[key] = primary[key] ?? fallback[key];
+    return merged;
+  }, createEmptyTrackingParams());
+}
+function persistTrackingParamsFromSearchParams(searchParams, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const trackingValues = getTrackingQueryValues(searchParams);
+  Object.entries(trackingValues).forEach(([key, value]) => {
+    setTrackingCookie(key, value, maxAgeSeconds);
+  });
+  return trackingValues;
+}
+function captureTrackingParamsFromLocation(url = typeof window === "undefined" ? "" : window.location.href, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const resolvedUrl = typeof window === "undefined" ? new URL(url || "https://example.invalid") : new URL(url, window.location.origin);
+  persistTrackingParamsFromSearchParams(resolvedUrl.searchParams, maxAgeSeconds);
+  return getTrackingParamsFromCookieReader(getCookieValueFromDocument);
 }
 
 // ../tracking-core/src/gtag.ts
@@ -214,70 +287,158 @@ function bootstrapMultipleGtags(gtagIds) {
   restoreStoredConsent();
 }
 
-// ../tracking-core/src/tracking.ts
-var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
-var TRACKING_PARAM_KEYS = [
-  "gclid",
-  "fbclid",
-  "utm_source",
-  "utm_medium",
-  "utm_campaign",
-  "utm_term",
-  "utm_content"
-];
-function createEmptyTrackingParams() {
-  return {
-    gclid: null,
-    fbclid: null,
-    utm_source: null,
-    utm_medium: null,
-    utm_campaign: null,
-    utm_term: null,
-    utm_content: null
-  };
+// ../tracking-core/src/fbq.ts
+var FB_EVENTS_SCRIPT_HOST = "https://connect.facebook.net/en_US/fbevents.js";
+var FBC_COOKIE = "_fbc";
+var FBP_COOKIE = "_fbp";
+var META_PIXEL_ID_PATTERN = /^\d{15,16}$/;
+function isValidMetaPixelId(id) {
+  return META_PIXEL_ID_PATTERN.test(id);
+}
+function computeFbSubdomainIndex(hostname) {
+  const labels = hostname.split(".").filter(Boolean);
+  return Math.max(0, labels.length - 1);
+}
+function buildFbc(fbclid, now, hostname) {
+  const host = hostname ?? (typeof window === "undefined" ? "" : window.location.hostname);
+  return `fb.${computeFbSubdomainIndex(host)}.${now}.${fbclid}`;
+}
+function getFbcCookie() {
+  return readCookieValue(FBC_COOKIE);
+}
+function getFbpCookie() {
+  return readCookieValue(FBP_COOKIE);
+}
+function readFbclidFromUrl() {
+  if (typeof window === "undefined") return null;
+  try {
+    const value = new URL(window.location.href).searchParams.get("fbclid");
+    return value && value.trim().length > 0 ? value : null;
+  } catch {
+    return null;
+  }
 }
-function normalizeTrackingCookieValue(value) {
-  return typeof value === "string" && value.length > 0 ? value : null;
+function captureFbc(now = typeof Date === "undefined" ? 0 : Date.now()) {
+  if (typeof window === "undefined") return;
+  if (getFbcCookie()) return;
+  const fbclid = readFbclidFromUrl() ?? readCookieValue("fbclid");
+  if (!fbclid) return;
+  persistCookieValue(FBC_COOKIE, buildFbc(fbclid, now), TRACKING_COOKIE_MAX_AGE_SECONDS);
 }
-function getTrackingParamsFromCookieReader(readCookie) {
-  return TRACKING_PARAM_KEYS.reduce((params, key) => {
-    params[key] = normalizeTrackingCookieValue(readCookie(key));
-    return params;
-  }, createEmptyTrackingParams());
+function getScriptMarker2(id) {
+  return `aranova-${id}`;
 }
-function getTrackingQueryValues(searchParams) {
-  return TRACKING_PARAM_KEYS.reduce((params, key) => {
-    const value = searchParams.get(key);
-    if (typeof value === "string" && value.trim().length > 0) {
-      params[key] = value;
-    }
-    return params;
-  }, {});
+function ensureFbqFunction() {
+  const w = window;
+  if (typeof w.fbq === "function") return w.fbq;
+  const fbq = function(...args) {
+    if (fbq.callMethod) fbq.callMethod.apply(fbq, args);
+    else fbq.queue.push(args);
+  };
+  fbq.push = fbq;
+  fbq.loaded = true;
+  fbq.version = "2.0";
+  fbq.queue = [];
+  w.fbq = fbq;
+  if (!w._fbq) w._fbq = fbq;
+  return fbq;
+}
+function applyDefaultMetaConsentState() {
+  ensureFbqFunction()("consent", "revoke");
+}
+function loadFbeventsScript() {
+  if (typeof document === "undefined") return;
+  const marker = getScriptMarker2("fbq-loader");
+  const existing = document.querySelector(
+    `script[${TRACKING_SCRIPT_ATTRIBUTE}="${marker}"]`
+  );
+  if (existing) return;
+  const script = document.createElement("script");
+  script.async = true;
+  script.src = FB_EVENTS_SCRIPT_HOST;
+  script.setAttribute(TRACKING_SCRIPT_ATTRIBUTE, marker);
+  document.head.append(script);
 }
-function getCookieValueFromDocument(key) {
-  if (typeof document === "undefined") return null;
-  const cookies = document.cookie ? document.cookie.split("; ") : [];
-  const match = cookies.find((cookie) => cookie.startsWith(`${key}=`));
-  if (!match) return null;
-  const [, rawValue = ""] = match.split("=");
-  return normalizeTrackingCookieValue(decodeURIComponent(rawValue));
+function initializeMetaPixel(pixelId) {
+  const fbq = ensureFbqFunction();
+  fbq("init", pixelId);
+  fbq("track", "PageView");
 }
-function setTrackingCookie(key, value, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
-  if (typeof document === "undefined") return;
-  const encodedValue = encodeURIComponent(value);
-  document.cookie = `${key}=${encodedValue}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;
+function restoreMetaConsentState() {
+  if (typeof window === "undefined") return;
+  const state = getConsentState();
+  if (state === "granted") window.fbq?.("consent", "grant");
+  else if (state === "denied") window.fbq?.("consent", "revoke");
 }
-function persistTrackingParamsFromSearchParams(searchParams, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
-  const trackingValues = getTrackingQueryValues(searchParams);
-  Object.entries(trackingValues).forEach(([key, value]) => {
-    setTrackingCookie(key, value, maxAgeSeconds);
-  });
-  return trackingValues;
+function bootstrapMetaPixel(pixelId) {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  if (!isValidMetaPixelId(pixelId)) return;
+  applyDefaultMetaConsentState();
+  loadFbeventsScript();
+  initializeMetaPixel(pixelId);
+  restoreMetaConsentState();
+  captureFbc();
+}
+function bootstrapMultiplePixels(pixelIds) {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  const ids = Object.values(pixelIds).filter(
+    (id) => typeof id === "string" && isValidMetaPixelId(id)
+  );
+  if (ids.length === 0) return;
+  applyDefaultMetaConsentState();
+  loadFbeventsScript();
+  const fbq = ensureFbqFunction();
+  for (const id of ids) {
+    fbq("init", id);
+  }
+  fbq("track", "PageView");
+  restoreMetaConsentState();
+  captureFbc();
 }
-function captureTrackingParamsFromLocation(url = typeof window === "undefined" ? "" : window.location.href, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
-  const resolvedUrl = typeof window === "undefined" ? new URL(url || "https://example.invalid") : new URL(url, window.location.origin);
-  persistTrackingParamsFromSearchParams(resolvedUrl.searchParams, maxAgeSeconds);
-  return getTrackingParamsFromCookieReader(getCookieValueFromDocument);
+
+// ../tracking-core/src/payloads.ts
+function createTrackingClientContext(surface, input = {}) {
+  return {
+    surface,
+    sdk_version: input.sdkVersion ?? null,
+    package_name: input.packageName ?? null,
+    site_origin: input.siteOrigin ?? (typeof window === "undefined" ? null : window.location.origin),
+    page_title: input.pageTitle ?? (typeof document === "undefined" ? null : document.title || null),
+    referrer: input.referrer ?? (typeof document === "undefined" ? null : document.referrer || null),
+    environment: input.environment ?? "production",
+    active_gtag_ids: input.activeGtagIds ?? null
+  };
+}
+function createTrackingSessionUpsertPayload(trackingParams, input, context) {
+  return {
+    session_id: input.sessionId,
+    visitor_id: input.visitorId ?? null,
+    gclid: trackingParams.gclid,
+    fbclid: trackingParams.fbclid,
+    fbc: getFbcCookie(),
+    fbp: getFbpCookie(),
+    utm_source: trackingParams.utm_source,
+    utm_medium: trackingParams.utm_medium,
+    utm_campaign: trackingParams.utm_campaign,
+    utm_term: trackingParams.utm_term,
+    utm_content: trackingParams.utm_content,
+    first_page: input.firstPage ?? null,
+    consent_state: input.consentState ?? null,
+    context
+  };
+}
+function createTrackingEventCreatePayload(trackingParams, input, context) {
+  return {
+    session_id: input.sessionId,
+    event_type: input.eventType,
+    gclid: trackingParams.gclid,
+    fbclid: trackingParams.fbclid,
+    fbc: getFbcCookie(),
+    fbp: getFbpCookie(),
+    page_url: input.pageUrl ?? (typeof window === "undefined" ? null : window.location.href),
+    metadata: input.metadata ?? null,
+    context
+  };
 }
 
 // ../tracking-core/src/session.ts
@@ -608,11 +769,22 @@ function createTrackingClient(config) {
   let queue = [];
   let flushTimer = null;
   let firstPage = null;
+  let initialParams = createEmptyTrackingParams();
   let destroyed = false;
   const visitorId = getVisitorId();
   const initialSession = getOrRotateSessionId();
   let sessionId = initialSession.id;
-  if (typeof window !== "undefined") firstPage = window.location.href;
+  if (typeof window !== "undefined") {
+    firstPage = window.location.href;
+    try {
+      initialParams = captureTrackingParamsFromLocation();
+    } catch {
+    }
+    try {
+      captureFbc();
+    } catch {
+    }
+  }
   function enqueueHeartbeat() {
     const metadata = buildHeartbeatMetadata(
       config.surface,
@@ -637,7 +809,7 @@ function createTrackingClient(config) {
       enqueueHeartbeat();
     }
     sessionId = rotated.id;
-    const params = readTrackingParams();
+    const params = mergeTrackingParams(readTrackingParams(), initialParams);
     const context = buildContext(
       config.surface,
       sdkVersion,
@@ -650,6 +822,8 @@ function createTrackingClient(config) {
       visitor_id: visitorId,
       gclid: params.gclid,
       fbclid: params.fbclid,
+      fbc: getFbcCookie(),
+      fbp: getFbpCookie(),
       utm_source: params.utm_source,
       utm_medium: params.utm_medium,
       utm_campaign: params.utm_campaign,
@@ -1899,12 +2073,42 @@ var ANIMATION_KEYFRAMES = `
 }
 `;
 
-// src/GoogleAdsTracking.tsx
+// src/AdPlatformTracking.tsx
 var import_react3 = require("react");
-function GoogleAdsTracking(props) {
-  const { gtagId, gtagIds } = props;
+function AdPlatformTracking({
+  gtagId,
+  gtagIds,
+  metaPixelId,
+  metaPixelIds
+}) {
   const gtagIdsKey = (0, import_react3.useMemo)(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
+  const metaPixelIdsKey = (0, import_react3.useMemo)(
+    () => metaPixelIds ? JSON.stringify(metaPixelIds) : "",
+    [metaPixelIds]
+  );
+  (0, import_react3.useEffect)(() => {
+    if (gtagIds && Object.keys(gtagIds).length > 0) {
+      bootstrapMultipleGtags(gtagIds);
+    } else if (gtagId) {
+      bootstrapGoogleAdsTracking(gtagId);
+    }
+  }, [gtagId, gtagIdsKey]);
   (0, import_react3.useEffect)(() => {
+    if (metaPixelIds && Object.keys(metaPixelIds).length > 0) {
+      bootstrapMultiplePixels(metaPixelIds);
+    } else if (metaPixelId) {
+      bootstrapMetaPixel(metaPixelId);
+    }
+  }, [metaPixelId, metaPixelIdsKey]);
+  return null;
+}
+
+// src/GoogleAdsTracking.tsx
+var import_react4 = require("react");
+function GoogleAdsTracking(props) {
+  const { gtagId, gtagIds } = props;
+  const gtagIdsKey = (0, import_react4.useMemo)(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
+  (0, import_react4.useEffect)(() => {
     if (gtagIds && Object.keys(gtagIds).length > 0) {
       bootstrapMultipleGtags(gtagIds);
     } else if (gtagId) {
@@ -1915,17 +2119,17 @@ function GoogleAdsTracking(props) {
 }
 
 // src/factory.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // package.json
-var version = "0.12.2";
+var version = "0.13.0";
 
 // ../tracking-core/src/phone-react.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var _phoneConfigContext;
 function phoneConfigContext() {
-  return _phoneConfigContext ?? (_phoneConfigContext = (0, import_react4.createContext)(null));
+  return _phoneConfigContext ?? (_phoneConfigContext = (0, import_react5.createContext)(null));
 }
 function PhoneConfigProvider({
   value,
@@ -1935,7 +2139,7 @@ function PhoneConfigProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Ctx.Provider, { value, children });
 }
 function usePhoneConfig() {
-  const ctx = (0, import_react4.useContext)(phoneConfigContext());
+  const ctx = (0, import_react5.useContext)(phoneConfigContext());
   return {
     defaultCountry: ctx?.defaultCountry ?? DEFAULT_PHONE_COUNTRY,
     display: ctx?.display ?? "national"
@@ -1946,10 +2150,10 @@ function usePhoneField(opts = {}) {
   const country = opts.country ?? cfg.defaultCountry;
   const display = opts.display ?? cfg.display;
   const { onValueChange } = opts;
-  const [value, setValue] = (0, import_react4.useState)(() => formatPhoneAsTyped(opts.defaultValue ?? "", country));
-  const [touched, setTouched] = (0, import_react4.useState)(false);
-  const parsed = (0, import_react4.useMemo)(() => parsePhone(value, country), [value, country]);
-  const onChange = (0, import_react4.useCallback)(
+  const [value, setValue] = (0, import_react5.useState)(() => formatPhoneAsTyped(opts.defaultValue ?? "", country));
+  const [touched, setTouched] = (0, import_react5.useState)(false);
+  const parsed = (0, import_react5.useMemo)(() => parsePhone(value, country), [value, country]);
+  const onChange = (0, import_react5.useCallback)(
     (event) => {
       const next = formatPhoneAsTyped(event.target.value, country);
       setValue(next);
@@ -1957,7 +2161,7 @@ function usePhoneField(opts = {}) {
     },
     [country, onValueChange]
   );
-  const onBlur = (0, import_react4.useCallback)(
+  const onBlur = (0, import_react5.useCallback)(
     (_event) => {
       setTouched(true);
       setValue((current) => {
@@ -1977,11 +2181,11 @@ function usePhoneField(opts = {}) {
     inputProps: { value, onChange, onBlur, type: "tel", inputMode: "tel", autoComplete: "tel" }
   };
 }
-var PhoneField = (0, import_react4.forwardRef)(function PhoneField2({ country, value, defaultValue, onChange, onE164Change, ...rest }, ref) {
+var PhoneField = (0, import_react5.forwardRef)(function PhoneField2({ country, value, defaultValue, onChange, onE164Change, ...rest }, ref) {
   const cfg = usePhoneConfig();
   const resolvedCountry = country ?? cfg.defaultCountry;
   const isControlled = value !== void 0;
-  const [internal, setInternal] = (0, import_react4.useState)(
+  const [internal, setInternal] = (0, import_react5.useState)(
     () => formatPhoneAsTyped(defaultValue ?? "", resolvedCountry)
   );
   const handleChange = (event) => {
@@ -2032,12 +2236,18 @@ function createTracking(options) {
       useTracking: () => noopTyped
     };
   }
-  const TrackingContext = (0, import_react5.createContext)(null);
-  function TrackingProvider({ gtagId, gtagIds, children }) {
+  const TrackingContext = (0, import_react6.createContext)(null);
+  function TrackingProvider({
+    gtagId,
+    gtagIds,
+    metaPixelId,
+    metaPixelIds,
+    children
+  }) {
     const resolvedGtagIds = gtagIds ? Object.fromEntries(
       Object.entries(gtagIds).filter((e) => e[1] != null)
     ) : gtagId ? { default: gtagId } : void 0;
-    const client = (0, import_react5.useMemo)(
+    const client = (0, import_react6.useMemo)(
       () => createTypedClient(
         getOrCreateTrackingClient({
           apiKey,
@@ -2055,15 +2265,26 @@ function createTracking(options) {
       ),
       []
     );
-    const gtagIdsKey = (0, import_react5.useMemo)(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
-    (0, import_react5.useEffect)(() => {
+    const gtagIdsKey = (0, import_react6.useMemo)(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
+    (0, import_react6.useEffect)(() => {
       if (gtagIds && Object.keys(gtagIds).length > 0) {
         bootstrapMultipleGtags(gtagIds);
       } else if (gtagId) {
         bootstrapGoogleAdsTracking(gtagId);
       }
     }, [gtagId, gtagIdsKey]);
-    (0, import_react5.useEffect)(() => {
+    const metaPixelIdsKey = (0, import_react6.useMemo)(
+      () => metaPixelIds ? JSON.stringify(metaPixelIds) : "",
+      [metaPixelIds]
+    );
+    (0, import_react6.useEffect)(() => {
+      if (metaPixelIds && Object.keys(metaPixelIds).length > 0) {
+        bootstrapMultiplePixels(metaPixelIds);
+      } else if (metaPixelId) {
+        bootstrapMetaPixel(metaPixelId);
+      }
+    }, [metaPixelId, metaPixelIdsKey]);
+    (0, import_react6.useEffect)(() => {
       const detachers = [];
       const rawClient = getOrCreateTrackingClient({
         apiKey,
@@ -2106,7 +2327,7 @@ function createTracking(options) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TrackingContext.Provider, { value: client, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PhoneConfigProvider, { value: phone ?? null, children }) });
   }
   function useTracking() {
-    const client = (0, import_react5.useContext)(TrackingContext);
+    const client = (0, import_react6.useContext)(TrackingContext);
     if (client === null) {
       throw new Error(
         "useTracking must be called inside a <TrackingProvider> returned by createTracking()"
@@ -2118,6 +2339,7 @@ function createTracking(options) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AdPlatformTracking,
   AranovaApiError,
   ConsentBanner,
   DEFAULT_PHONE_COUNTRY,