@hifilabs/pixel 0.1.0 → 0.1.2

package/dist/index.esm.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 };
 
 // src/react/BalanceAnalytics.tsx
-import React2, { useEffect, useRef, Suspense } from "react";
+import React, { useEffect, useRef, Suspense } from "react";
 import { usePathname, useSearchParams } from "next/navigation";
 function BalanceAnalyticsInner() {
   const pathname = usePathname();
@@ -37,7 +37,7 @@ function BalanceAnalyticsInner() {
   return null;
 }
 function BalanceAnalytics() {
-  return /* @__PURE__ */ React2.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React2.createElement(BalanceAnalyticsInner, null));
+  return /* @__PURE__ */ React.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React.createElement(BalanceAnalyticsInner, null));
 }
 
 // src/react/useBalanceIdentify.ts
@@ -371,7 +371,7 @@ function useBalanceIdentify() {
 }
 
 // src/react/GTMProvider.tsx
-import { useEffect as useEffect4 } from "react";
+import React3 from "react";
 import Script from "next/script";
 
 // src/react/useGTMConsent.ts
@@ -471,27 +471,29 @@ var DEFAULT_GTM_CONSENT = {
 function GTMProvider({ gtmId, children, debug = false }) {
   const resolvedGtmId = gtmId || process.env.NEXT_PUBLIC_GTM_ID;
   useGTMConsent({ debug });
-  useEffect4(() => {
-    if (typeof window === "undefined" || !resolvedGtmId)
-      return;
-    window.dataLayer = window.dataLayer || [];
-    if (typeof window.gtag !== "function") {
-      window.gtag = function gtag(...args) {
-        window.dataLayer.push(args);
-      };
-    }
-    window.gtag("consent", "default", DEFAULT_GTM_CONSENT);
-    if (debug) {
-      console.log("[GTMProvider] Initialized with default consent:", DEFAULT_GTM_CONSENT);
-    }
-  }, [resolvedGtmId, debug]);
   if (!resolvedGtmId) {
     if (debug) {
       console.log("[GTMProvider] No GTM ID configured, skipping GTM initialization");
     }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  const consentJson = JSON.stringify(DEFAULT_GTM_CONSENT);
+  const consentScript = `
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    window.gtag = gtag;
+    gtag('consent', 'default', ${consentJson});
+    gtag('set', 'wait_for_update', 500);
+    ${debug ? "console.log('[GTM] Default consent initialized (denied)');" : ""}
+  `;
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+    Script,
+    {
+      id: "gtm-consent-default",
+      strategy: "beforeInteractive",
+      dangerouslySetInnerHTML: { __html: consentScript }
+    }
+  ), /* @__PURE__ */ React3.createElement(
     Script,
     {
       id: "gtm-script",
@@ -506,7 +508,7 @@ function GTMProvider({ gtmId, children, debug = false }) {
           `
       }
     }
-  ), /* @__PURE__ */ React.createElement("noscript", null, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React3.createElement("noscript", null, /* @__PURE__ */ React3.createElement(
     "iframe",
     {
       src: `https://www.googletagmanager.com/ns.html?id=${resolvedGtmId}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hifilabs/pixel",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "BALANCE Pixel - Lightweight browser tracking script for artist fan analytics",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",