New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

gtm-react-hook

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

gtm-react-hook - npm Package Compare versions

Comparing version 0.0.16 to 0.0.17

# gtm-react-hook
## 0.0.17
### Patch Changes
- 406a82b: update codestyle
## 0.0.16

@@ -4,0 +10,0 @@

@@ -17,3 +17,3 @@ type GTMConstructor = {

declare const useGTM: () => {
runGTM: ({ tagId, dataLayerName, domain, environment, nonce, script, devMode, }: GTMConstructor) => void;
runGTM: ({ tagId, nonce, domain, script, devMode, environment, dataLayerName, }: GTMConstructor) => void;
eventGTM: (eventName: string, data?: object) => void;

@@ -20,0 +20,0 @@ };

@@ -1,6 +0,6 @@

"use strict";var p=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames,l=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var _=(e,t,o)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,A=(e,t)=>{for(var o in t||(t={}))E.call(t,o)&&_(e,o,t[o]);if(l)for(var o of l(t))C.call(t,o)&&_(e,o,t[o]);return e};var R=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},b=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of $(t))!E.call(e,n)&&n!==o&&p(e,n,{get:()=>t[n],enumerable:!(i=L(t,n))||i.enumerable});return e};var x=e=>b(p({},"__esModule",{value:!0}),e);var G={};R(G,{useGTM:()=>D});module.exports=x(G);var s=require("react");var g="dataLayer",h="https://www.googletagmanager.com",w="gtm.js",f="gtm-script",T="gtm-noscript";var y=(e,t)=>e===void 0?"":t==="script"?`+ '&gtm_auth=${e.gtm_auth}&gtm_preview=${e.gtm_preview}&gtm_cookies_win=x'`:`&gtm_auth=${e.gtm_auth}&gtm_preview=${e.gtm_preview}&gtm_cookies_win=x`,M=e=>{let[t,o]=e==="script"?["Script","header"]:["Noscript","body"];console.info(`\u{1F7E2} [gtm-react-hook] GTM ${t} was added to ${o}`)},v=e=>{let{tagId:t,domain:o=h,script:i=w,dataLayerName:n=g,nonce:r,environment:c,devMode:m}=e,d=document.createElement("script");d.id=f,d.setAttribute("data-testid",f),r&&d.setAttribute("nonce",r);let u=y(c,"script");d.innerHTML=`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
"use strict";var p=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames,l=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var _=(e,t,o)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,A=(e,t)=>{for(var o in t||(t={}))E.call(t,o)&&_(e,o,t[o]);if(l)for(var o of l(t))C.call(t,o)&&_(e,o,t[o]);return e};var R=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},b=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of $(t))!E.call(e,n)&&n!==o&&p(e,n,{get:()=>t[n],enumerable:!(c=L(t,n))||c.enumerable});return e};var x=e=>b(p({},"__esModule",{value:!0}),e);var G={};R(G,{useGTM:()=>D});module.exports=x(G);var i=require("react");var g="dataLayer",h="https://www.googletagmanager.com",w="gtm.js",f="gtm-script",T="gtm-noscript";var y=(e,t)=>e===void 0?"":t==="script"?`+ '&gtm_auth=${e.gtm_auth}&gtm_preview=${e.gtm_preview}&gtm_cookies_win=x'`:`&gtm_auth=${e.gtm_auth}&gtm_preview=${e.gtm_preview}&gtm_cookies_win=x`,M=e=>{let[t,o]=e==="script"?["Script","header"]:["Noscript","body"];console.info(`\u{1F7E2} [gtm-react-hook] GTM ${t} was added to ${o}`)},v=e=>{let{tagId:t,domain:o=h,script:c=w,dataLayerName:n=g,nonce:a,environment:d,devMode:m}=e,r=document.createElement("script");r.id=f,r.setAttribute("data-testid",f),a&&r.setAttribute("nonce",a);let u=y(d,"script");r.innerHTML=`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'${o}/${i}?id='+i+dl${u};f.parentNode.insertBefore(j,f);
})(window,document,'script','${n}','${t}');`,document.head.insertBefore(d,document.head.childNodes[0]),m&&M("script");let a=document.createElement("noscript");a.id=T,a.setAttribute("data-testid",T);let I=y(c,"noscript");a.innerHTML=`<iframe
'${o}/${c}?id='+i+dl${u};f.parentNode.insertBefore(j,f);
})(window,document,'script','${n}','${t}');`,document.head.insertBefore(r,document.head.childNodes[0]),m&&M("script");let s=document.createElement("noscript");s.id=T,s.setAttribute("data-testid",T);let I=y(d,"noscript");s.innerHTML=`<iframe
src="${o}/ns.html?id=${t}${I}"

@@ -10,2 +10,2 @@ height="0"

style="display:none;visibility:hidden"
/>`,document.body.insertBefore(a,document.body.childNodes[0]),m&&M("noscript")};var D=()=>{let e=(0,s.useRef)(g),t=(0,s.useRef)(!1),o=(0,s.useCallback)(({tagId:n,dataLayerName:r,domain:c,environment:m,nonce:d,script:u,devMode:a})=>{a&&(t.current=!0),v({tagId:n,dataLayerName:r,domain:c,environment:m,nonce:d,script:u,devMode:a}),typeof r=="string"&&(e.current=r)},[]),i=(0,s.useCallback)((n,r)=>{if(e.current in window){let c=A({event:n},r);window[e.current].push(c),t.current&&console.info("\u{1F535} [gtm-react-hook] Event has sent! Payload:",c)}},[]);return(0,s.useMemo)(()=>({runGTM:o,eventGTM:i}),[o,i])};0&&(module.exports={useGTM});
/>`,document.body.insertBefore(s,document.body.childNodes[0]),m&&M("noscript")};var D=()=>{let e=(0,i.useRef)(g),t=(0,i.useRef)(!1),o=(0,i.useCallback)(({tagId:n,nonce:a,domain:d,script:m,devMode:r,environment:u,dataLayerName:s})=>{r&&(t.current=!0),v({tagId:n,nonce:a,domain:d,script:m,devMode:r,environment:u,dataLayerName:s}),typeof s=="string"&&(e.current=s)},[]),c=(0,i.useCallback)((n,a)=>{if(e.current in window){let d=A({event:n},a);window[e.current].push(d),t.current&&console.info("\u{1F535} [gtm-react-hook] Event has sent! Payload:",d)}},[]);return(0,i.useMemo)(()=>({runGTM:o,eventGTM:c}),[o,c])};0&&(module.exports={useGTM});
{
"name": "gtm-react-hook",
"description": "Easy-to-use React hooks for Google Tag Management based on TypeScript",
"version": "0.0.16",
"version": "0.0.17",
"dependencies": {

@@ -6,0 +6,0 @@ "react": "^18.2.0"

@@ -13,8 +13,8 @@ import { useRef, useMemo, useCallback } from "react";

tagId,
dataLayerName,
nonce,
domain,
environment,
nonce,
script,
devMode,
environment,
dataLayerName,
}: GTMConstructor) => {

@@ -27,8 +27,8 @@ if (devMode) {

tagId,
dataLayerName,
nonce,
domain,
environment,
nonce,
script,
devMode,
environment,
dataLayerName,
});

@@ -35,0 +35,0 @@

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet