@next/third-parties 14.0.3-canary.0 → 14.0.3-canary.10

package/dist/ThirdPartyScriptEmbed.js

@@ -1,10 +1,43 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 function ThirdPartyScriptEmbed({ html, height = null, width = null, children, dataNtpc = '', }) {
+    (0, react_1.useEffect)(() => {
+        if (dataNtpc) {
+            // performance.mark is being used as a feature use signal. While it is traditionally used for performance
+            // benchmarking it is low overhead and thus considered safe to use in production and it is a widely available
+            // existing API.
+            performance.mark('mark_feature_usage', {
+                detail: {
+                    feature: `next-third-parties-${dataNtpc}`,
+                },
+            });
+        }
+    }, [dataNtpc]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         children,
         html ? (react_1.default.createElement("div", { style: {

package/dist/google/gtm.d.ts

@@ -1,17 +1,4 @@
 import React from 'react';
-declare global {
-    interface Window {
-        dataLayer?: Object[];
-        [key: string]: any;
-    }
-}
-type GTMParams = {
-    gtmId: string;
-    dataLayer?: string[];
-    dataLayerName?: string;
-    auth?: string;
-    preview?: string;
-};
+import type { GTMParams } from '../types/google';
 export declare function GoogleTagManager(props: GTMParams): React.JSX.Element;
 export declare const sendGTMEvent: (data: Object) => void;
-export {};

package/dist/google/gtm.js

@@ -1,12 +1,35 @@
 "use strict";
 'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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;
 // TODO: Evaluate import 'client only'
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const script_1 = __importDefault(require("next/script"));
 let currDataLayerName = undefined;
 function GoogleTagManager(props) {
@@ -17,6 +40,16 @@ function GoogleTagManager(props) {
     const gtmLayer = dataLayerName !== 'dataLayer' ? `$l=${dataLayerName}` : '';
     const gtmAuth = auth ? `&gtm_auth=${auth}` : '';
     const gtmPreview = preview ? `&gtm_preview=${preview}&gtm_cookies_win=x` : '';
+    (0, react_1.useEffect)(() => {
+        // performance.mark is being used as a feature use signal. While it is traditionally used for performance
+        // benchmarking it is low overhead and thus considered safe to use in production and it is a widely available
+        // existing API.
+        performance.mark('mark_feature_usage', {
+            detail: {
+                feature: 'next-third-parties-gtm',
+            },
+        });
+    }, []);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(script_1.default, { id: "_next-gtm-init", dangerouslySetInnerHTML: {
                 __html: `
@@ -26,7 +59,7 @@ function GoogleTagManager(props) {
         ${dataLayer ? `w[l].push(${JSON.stringify(dataLayer)})` : ''}
       })(window,'${dataLayerName}');`,
             } }),
-        react_1.default.createElement(script_1.default, { id: "_next-gtm", src: `https://www.googletagmanager.com/gtm.js?id=${gtmId}${gtmLayer}${gtmAuth}${gtmPreview}` })));
+        react_1.default.createElement(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) => {

package/dist/types/google.d.ts

@@ -1,3 +1,16 @@
+declare global {
+    interface Window {
+        dataLayer?: Object[];
+        [key: string]: any;
+    }
+}
+export type GTMParams = {
+    gtmId: string;
+    dataLayer?: string[];
+    dataLayerName?: string;
+    auth?: string;
+    preview?: string;
+};
 export type GoogleMapsEmbed = {
     height?: number;
     width?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/third-parties",
-  "version": "14.0.3-canary.0",
+  "version": "14.0.3-canary.10",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/third-parties"
@@ -8,6 +8,7 @@
   "exports": {
     "./google": "./dist/google/index.js"
   },
+  "types": "dist/types/google.d.ts",
   "files": [
     "dist"
   ],
@@ -22,7 +23,7 @@
     "third-party-capital": "1.0.20"
   },
   "devDependencies": {
-    "next": "14.0.3-canary.0",
+    "next": "14.0.3-canary.10",
     "outdent": "0.8.0",
     "prettier": "2.5.1"
   },