@next/third-parties 14.2.17 → 14.2.18

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

@@ -9,12 +9,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 } = 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) {
                 } }), (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}` })] }));
 }
 exports.GoogleTagManager = GoogleTagManager;
-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/package.json

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