@next/third-parties 15.0.0-rc.0 → 15.0.0

package/dist/ThirdPartyScriptEmbed.js

@@ -1,6 +1,7 @@
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ThirdPartyScriptEmbed;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 function ThirdPartyScriptEmbed({ html, height = null, width = null, children, dataNtpc = '', }) {
@@ -21,4 +22,3 @@ function ThirdPartyScriptEmbed({ html, height = null, width = null, children, da
                     width: width != null ? `${width}px` : 'auto',
                 }, "data-ntpc": dataNtpc, dangerouslySetInnerHTML: { __html: html } })) : null] }));
 }
-exports.default = ThirdPartyScriptEmbed;

package/dist/google/ga.js

@@ -4,14 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sendGAEvent = exports.GoogleAnalytics = void 0;
+exports.GoogleAnalytics = GoogleAnalytics;
+exports.sendGAEvent = sendGAEvent;
 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;
 function GoogleAnalytics(props) {
-    const { gaId, dataLayerName = 'dataLayer' } = props;
+    const { gaId, debugMode, dataLayerName = 'dataLayer', nonce } = props;
     if (currDataLayerName === undefined) {
         currDataLayerName = dataLayerName;
     }
@@ -32,10 +33,9 @@ function GoogleAnalytics(props) {
           function gtag(){window['${dataLayerName}'].push(arguments);}
           gtag('js', new Date());
 
-          gtag('config', '${gaId}');`,
-                } }), (0, jsx_runtime_1.jsx)(script_1.default, { id: "_next-ga", src: `https://www.googletagmanager.com/gtag/js?id=${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 })] }));
 }
-exports.GoogleAnalytics = GoogleAnalytics;
 function sendGAEvent(..._args) {
     if (currDataLayerName === undefined) {
         console.warn(`@next/third-parties: GA has not been initialized`);
@@ -48,4 +48,3 @@ function sendGAEvent(..._args) {
         console.warn(`@next/third-parties: GA dataLayer ${currDataLayerName} does not exist`);
     }
 }
-exports.sendGAEvent = sendGAEvent;

package/dist/google/google-maps-embed.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GoogleMapsEmbed;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const third_party_capital_1 = require("third-party-capital");
 const ThirdPartyScriptEmbed_1 = __importDefault(require("../ThirdPartyScriptEmbed"));
@@ -12,4 +13,3 @@ function GoogleMapsEmbed(props) {
     const { html } = (0, third_party_capital_1.GoogleMapsEmbed)(formattedProps);
     return ((0, jsx_runtime_1.jsx)(ThirdPartyScriptEmbed_1.default, { height: formattedProps.height || null, width: formattedProps.width || null, html: html, dataNtpc: "GoogleMapsEmbed" }));
 }
-exports.default = GoogleMapsEmbed;

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

@@ -4,17 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sendGTMEvent = exports.GoogleTagManager = void 0;
+exports.sendGTMEvent = void 0;
+exports.GoogleTagManager = GoogleTagManager;
 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;
-    }
+    const { gtmId, gtmScriptUrl = 'https://www.googletagmanager.com/gtm.js', dataLayerName = 'dataLayer', auth, preview, dataLayer, nonce, } = props;
+    currDataLayerName = dataLayerName;
     const gtmLayer = dataLayerName !== 'dataLayer' ? `&l=${dataLayerName}` : '';
     const gtmAuth = auth ? `&gtm_auth=${auth}` : '';
     const gtmPreview = preview ? `&gtm_preview=${preview}&gtm_cookies_win=x` : '';
@@ -36,19 +35,13 @@ function GoogleTagManager(props) {
         w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
         ${dataLayer ? `w[l].push(${JSON.stringify(dataLayer)})` : ''}
       })(window,'${dataLayerName}');`,
-                } }), (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 }), (0, jsx_runtime_1.jsx)(script_1.default, { id: "_next-gtm", "data-ntpc": "GTM", src: `${gtmScriptUrl}?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/dist/google/youtube-embed.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = YouTubeEmbed;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const script_1 = __importDefault(require("next/script"));
 const third_party_capital_1 = require("third-party-capital");
@@ -17,4 +18,3 @@ function YouTubeEmbed(props) {
     const { html, scripts, stylesheets } = (0, third_party_capital_1.YouTubeEmbed)(props);
     return ((0, jsx_runtime_1.jsx)(ThirdPartyScriptEmbed_1.default, { height: props.height || null, width: props.width || null, html: html, dataNtpc: "YouTubeEmbed", children: scripts === null || scripts === void 0 ? void 0 : scripts.map((script) => ((0, jsx_runtime_1.jsx)(script_1.default, { src: script.url, strategy: scriptStrategy[script.strategy], stylesheets: stylesheets }, script.url))) }));
 }
-exports.default = YouTubeEmbed;

package/dist/types/google.d.ts

@@ -4,16 +4,25 @@ declare global {
         [key: string]: any;
     }
 }
+type JSONValue = string | number | boolean | JSONValue[] | {
+    [key: string]: JSONValue;
+};
 export type GTMParams = {
     gtmId: string;
-    dataLayer?: string[];
+    gtmScriptUrl?: string;
+    dataLayer?: {
+        [key: string]: JSONValue;
+    };
     dataLayerName?: string;
     auth?: string;
     preview?: string;
+    nonce?: string;
 };
 export type GAParams = {
     gaId: string;
     dataLayerName?: string;
+    debugMode?: boolean;
+    nonce?: string;
 };
 export type GoogleMapsEmbed = {
     height?: number | string;
@@ -39,3 +48,4 @@ export type YouTubeEmbed = {
     params?: string;
     style?: string;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/third-parties",
-  "version": "15.0.0-rc.0",
+  "version": "15.0.0",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/third-parties"
@@ -26,12 +26,13 @@
     "third-party-capital": "1.0.20"
   },
   "devDependencies": {
-    "next": "15.0.0-rc.0",
+    "next": "15.0.0",
     "outdent": "0.8.0",
-    "prettier": "2.5.1"
+    "prettier": "2.5.1",
+    "typescript": "5.5.3"
   },
   "peerDependencies": {
-    "next": "^13.0.0 || ^14.0.0",
-    "react": "^18.2.0"
+    "next": "^13.0.0 || ^14.0.0 || ^15.0.0",
+    "react": "^18.2.0 || 19.0.0-rc-cd22717c-20241013"
   }
 }