@next/third-parties 15.0.0-canary.157 → 15.0.0-canary.159

package/dist/google/ga.js

@@ -12,7 +12,7 @@ const react_1 = require("react");
 const script_1 = __importDefault(require("next/script"));
 let currDataLayerName = undefined;
 function GoogleAnalytics(props) {
-    const { gaId, dataLayerName = 'dataLayer', nonce } = props;
+    const { gaId, debugMode, dataLayerName = 'dataLayer', nonce } = props;
     if (currDataLayerName === undefined) {
         currDataLayerName = dataLayerName;
     }
@@ -33,7 +33,7 @@ function GoogleAnalytics(props) {
           function gtag(){window['${dataLayerName}'].push(arguments);}
           gtag('js', new Date());
 
-          gtag('config', '${gaId}');`,
+          gtag('config', '${gaId}' ${debugMode ? ",{ 'debug_mode': true }" : ''});`,
                 }, nonce: nonce }), (0, jsx_runtime_1.jsx)(script_1.default, { id: "_next-ga", src: `https://www.googletagmanager.com/gtag/js?id=${gaId}`, nonce: nonce })] }));
 }
 function sendGAEvent(..._args) {

package/dist/google/gtm.d.ts

@@ -1,3 +1,3 @@
 import type { GTMParams } from '../types/google';
 export declare function GoogleTagManager(props: GTMParams): import("react/jsx-runtime").JSX.Element;
-export declare const sendGTMEvent: (data: Object) => void;
+export declare const sendGTMEvent: (data: Object, dataLayerName?: string) => void;

package/dist/google/gtm.js

@@ -10,12 +10,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // TODO: Evaluate import 'client only'
 const react_1 = require("react");
 const script_1 = __importDefault(require("next/script"));
-let currDataLayerName = undefined;
+let currDataLayerName = 'dataLayer';
 function GoogleTagManager(props) {
     const { gtmId, dataLayerName = 'dataLayer', auth, preview, dataLayer, nonce, } = props;
-    if (currDataLayerName === undefined) {
-        currDataLayerName = dataLayerName;
-    }
+    currDataLayerName = dataLayerName;
     const gtmLayer = dataLayerName !== 'dataLayer' ? `&l=${dataLayerName}` : '';
     const gtmAuth = auth ? `&gtm_auth=${auth}` : '';
     const gtmPreview = preview ? `&gtm_preview=${preview}&gtm_cookies_win=x` : '';
@@ -39,16 +37,11 @@ function GoogleTagManager(props) {
       })(window,'${dataLayerName}');`,
                 }, nonce: nonce }), (0, jsx_runtime_1.jsx)(script_1.default, { id: "_next-gtm", "data-ntpc": "GTM", src: `https://www.googletagmanager.com/gtm.js?id=${gtmId}${gtmLayer}${gtmAuth}${gtmPreview}`, nonce: nonce })] }));
 }
-const sendGTMEvent = (data) => {
-    if (currDataLayerName === undefined) {
-        console.warn(`@next/third-parties: GTM has not been initialized`);
-        return;
-    }
-    if (window[currDataLayerName]) {
-        window[currDataLayerName].push(data);
-    }
-    else {
-        console.warn(`@next/third-parties: GTM dataLayer ${currDataLayerName} does not exist`);
-    }
+const sendGTMEvent = (data, dataLayerName) => {
+    // special case if we are sending events before GTM init and we have custom dataLayerName
+    const dataLayer = dataLayerName || currDataLayerName;
+    // define dataLayer so we can still queue up events before GTM init
+    window[dataLayer] = window[dataLayer] || [];
+    window[dataLayer].push(data);
 };
 exports.sendGTMEvent = sendGTMEvent;

package/dist/types/google.d.ts

@@ -20,6 +20,7 @@ export type GTMParams = {
 export type GAParams = {
     gaId: string;
     dataLayerName?: string;
+    debugMode?: boolean;
     nonce?: string;
 };
 export type GoogleMapsEmbed = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/third-parties",
-  "version": "15.0.0-canary.157",
+  "version": "15.0.0-canary.159",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/third-parties"
@@ -26,7 +26,7 @@
     "third-party-capital": "1.0.20"
   },
   "devDependencies": {
-    "next": "15.0.0-canary.157",
+    "next": "15.0.0-canary.159",
     "outdent": "0.8.0",
     "prettier": "2.5.1"
   },