react-tag-tracker 0.1.4 → 0.1.5

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var u=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var C=(r,a)=>{for(var t in a)u(r,t,{get:a[t],enumerable:!0})},x=(r,a,t,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of D(a))!P.call(r,n)&&n!==t&&u(r,n,{get:()=>a[n],enumerable:!(s=b(a,n))||s.enumerable});return r};var H=r=>x(u({},"__esModule",{value:!0}),r);var M={};C(M,{TagTrackerProvider:()=>w,useTagTracker:()=>g});module.exports=H(M);var y=require("react");var v=require("react"),f=(0,v.createContext)(null),g=()=>{let r=(0,v.useContext)(f);if(!r)throw new Error("useTagTracker must be used within a TagTrackerProvider");return r},E=f;var L=require("react/jsx-runtime"),A=r=>{let{children:a,trackingAttribute:t="data-track",enableHoverTracking:s=!1,enableVisibilityTracking:n=!1,enableCustomTracking:p=!0}=r,l=i=>{try{window.dataLayer=window.dataLayer||[],window.dataLayer.push(i)}catch(e){}},m=i=>{let e=i.target;for(;e&&!e.hasAttribute(t);)e=e.parentElement;if(e){let c=e.getAttribute(t);try{let o=JSON.parse(c||"{}");if(["hover","visibility"].includes(o.eventTracker))return;if(!o.eventTracker)throw new Error("Event property is required");l(o)}catch(o){}}},k=i=>{if(s){let e=i.target;for(;e&&!e.hasAttribute(t);)e=e.parentElement;if(e){let c=e.getAttribute(t);try{let o=JSON.parse(c||"{}");if(o.eventTracker!=="hover")return;l(o)}catch(o){}}}},d=()=>{n&&document.querySelectorAll(`[${t}]`).forEach(e=>{let c=e.getAttribute(t),o=e.getBoundingClientRect();if(o.top>=0&&o.bottom<=window.innerHeight)try{let T=JSON.parse(c||"{}");if(T.eventTracker!=="visibility")return;l(T),window.removeEventListener("scroll",d)}catch(T){}})},h=i=>{if(p){if(typeof i!="object")return;l(i)}};return(0,y.useEffect)(()=>(document.addEventListener("click",m),s&&document.addEventListener("mouseover",k),n&&window.addEventListener("scroll",d),()=>{document.removeEventListener("click",m),s&&document.removeEventListener("mouseover",k),n&&window.removeEventListener("scroll",d)}),[t,s,n,p]),(0,L.jsx)(E.Provider,{value:{trackCustomEvent:h},children:a})},w=A;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/TagTrackerProvider.tsx", "../src/TagTrackerContext.tsx"],
+  "sourcesContent": ["export { default as TagTrackerProvider } from './TagTrackerProvider';\nexport { useTagTracker } from './TagTrackerContext';\n\nexport type { DataLayerEventProps, TagTrackerProviderProps } from './types';\n", "import { useEffect } from 'react';\nimport TagTrackerContext from './TagTrackerContext';\nimport { DataLayerEventProps, TagTrackerProviderProps } from './types';\n\nconst TagTrackerProvider = (props: TagTrackerProviderProps) => {\n  const {\n    children,\n    trackingAttribute = 'data-track',\n    enableHoverTracking = false,\n    enableVisibilityTracking = false,\n    enableCustomTracking = true,\n  } = props;\n\n  const pushToDataLayer = (data: DataLayerEventProps) => {\n    try {\n      window.dataLayer = window.dataLayer || [];\n      window.dataLayer.push(data);\n    } catch (error) {\n      console.warn('Failed to push to dataLayer:', error);\n    }\n  }\n\n  const handleEvent = (event: MouseEvent): void => {\n    let element = event.target as HTMLElement;\n\n    while (element && !element.hasAttribute(trackingAttribute)) {\n      element = element.parentElement as HTMLElement;\n    }\n\n    if (element) {\n      const trackData = element.getAttribute(trackingAttribute);\n\n      try {\n        const parsedData: DataLayerEventProps = JSON.parse(trackData || '{}');\n\n        if (['hover', 'visibility'].includes(parsedData.eventTracker)) return;\n        if (!parsedData.eventTracker) throw new Error('Event property is required');\n\n        pushToDataLayer(parsedData);\n        console.log('[TagTracker] Event:', parsedData);\n      } catch (error) {\n        console.warn('Click event failed:', error);\n      }\n    }\n  };\n\n  const handleHoverTracking = (event: MouseEvent): void => {\n    if (enableHoverTracking) {\n      let element = event.target as HTMLElement;\n\n      while (element && !element.hasAttribute(trackingAttribute)) {\n        element = element.parentElement as HTMLElement;\n      }\n      if (element) {\n        const trackData = element.getAttribute(trackingAttribute);\n\n        try {\n          const parsedData: DataLayerEventProps = JSON.parse(trackData || '{}');\n\n          if (parsedData.eventTracker !== 'hover') return;\n\n          pushToDataLayer(parsedData);\n          console.log('[TagTracker] Hover Event:', parsedData);\n        } catch (error) {\n          console.warn('Hover event failed:', error);\n        }\n      }\n    }\n  };\n\n  const handleVisibilityTracking = () => {\n    if (enableVisibilityTracking) {\n      const elements = document.querySelectorAll(`[${trackingAttribute}]`);\n\n      elements.forEach((element) => {\n        const trackData = element.getAttribute(trackingAttribute);\n        const rect = element.getBoundingClientRect();\n\n        if (rect.top >= 0 && rect.bottom <= window.innerHeight) {\n          try {\n            const parsedData = JSON.parse(trackData || '{}');\n\n            if (parsedData.eventTracker !== 'visibility') return;\n\n            pushToDataLayer(parsedData);\n            console.log('[TagTracker] Visibility Event:', parsedData);\n            window.removeEventListener('scroll', handleVisibilityTracking);\n          } catch (error) {\n            console.warn('Visibility tracking failed:', error);\n          }\n        }\n      });\n    }\n  };\n\n  const trackCustomEvent = (eventData: DataLayerEventProps) => {\n    if (enableCustomTracking) {\n      if (typeof eventData !== 'object') {\n        console.warn('trackCustomEvent requires an object parameter');\n        return;\n      }\n\n      pushToDataLayer(eventData);\n      console.log('[TagTracker] Custom Event:', eventData);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleEvent);\n\n    if (enableHoverTracking) {\n      document.addEventListener('mouseover', handleHoverTracking);\n    }\n\n    if (enableVisibilityTracking) {\n      window.addEventListener('scroll', handleVisibilityTracking);\n    }\n\n    return () => {\n      document.removeEventListener('click', handleEvent);\n\n      if (enableHoverTracking) {\n        document.removeEventListener('mouseover', handleHoverTracking);\n      }\n\n      if (enableVisibilityTracking) {\n        window.removeEventListener('scroll', handleVisibilityTracking);\n      }\n    };\n  }, [trackingAttribute, enableHoverTracking, enableVisibilityTracking, enableCustomTracking]);\n\n  return (\n    <TagTrackerContext.Provider value={{ trackCustomEvent }}>{children}</TagTrackerContext.Provider>\n  );\n};\n\nexport default TagTrackerProvider;\n", "import { createContext, useContext } from 'react';\nimport { DataLayerEventProps } from './types';\n\ninterface TagTrackerContextType {\n  trackCustomEvent: (eventData: DataLayerEventProps) => void;\n}\n\nconst TagTrackerContext = createContext<TagTrackerContextType | null>(null);\n\nexport const useTagTracker = () => {\n  const context = useContext(TagTrackerContext);\n\n  if (!context) throw new Error('useTagTracker must be used within a TagTrackerProvider');\n  return context;\n};\n\nexport default TagTrackerContext;\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,kBAAAC,IAAA,eAAAC,EAAAJ,GCAA,IAAAK,EAA0B,iBCA1B,IAAAC,EAA0C,iBAOpCC,KAAoB,iBAA4C,IAAI,EAE7DC,EAAgB,IAAM,CACjC,IAAMC,KAAU,cAAWF,CAAiB,EAE5C,GAAI,CAACE,EAAS,MAAM,IAAI,MAAM,wDAAwD,EACtF,OAAOA,CACT,EAEOC,EAAQH,EDoHX,IAAAI,EAAA,6BAhIEC,EAAsBC,GAAmC,CAC7D,GAAM,CACJ,SAAAC,EACA,kBAAAC,EAAoB,aACpB,oBAAAC,EAAsB,GACtB,yBAAAC,EAA2B,GAC3B,qBAAAC,EAAuB,EACzB,EAAIL,EAEEM,EAAmBC,GAA8B,CACrD,GAAI,CACF,OAAO,UAAY,OAAO,WAAa,CAAC,EACxC,OAAO,UAAU,KAAKA,CAAI,CAC5B,OAASC,EAAO,CAEhB,CACF,EAEMC,EAAeC,GAA4B,CAC/C,IAAIC,EAAUD,EAAM,OAEpB,KAAOC,GAAW,CAACA,EAAQ,aAAaT,CAAiB,GACvDS,EAAUA,EAAQ,cAGpB,GAAIA,EAAS,CACX,IAAMC,EAAYD,EAAQ,aAAaT,CAAiB,EAExD,GAAI,CACF,IAAMW,EAAkC,KAAK,MAAMD,GAAa,IAAI,EAEpE,GAAI,CAAC,QAAS,YAAY,EAAE,SAASC,EAAW,YAAY,EAAG,OAC/D,GAAI,CAACA,EAAW,aAAc,MAAM,IAAI,MAAM,4BAA4B,EAE1EP,EAAgBO,CAAU,CAE5B,OAASL,EAAO,CAEhB,CACF,CACF,EAEMM,EAAuBJ,GAA4B,CACvD,GAAIP,EAAqB,CACvB,IAAIQ,EAAUD,EAAM,OAEpB,KAAOC,GAAW,CAACA,EAAQ,aAAaT,CAAiB,GACvDS,EAAUA,EAAQ,cAEpB,GAAIA,EAAS,CACX,IAAMC,EAAYD,EAAQ,aAAaT,CAAiB,EAExD,GAAI,CACF,IAAMW,EAAkC,KAAK,MAAMD,GAAa,IAAI,EAEpE,GAAIC,EAAW,eAAiB,QAAS,OAEzCP,EAAgBO,CAAU,CAE5B,OAASL,EAAO,CAEhB,CACF,CACF,CACF,EAEMO,EAA2B,IAAM,CACjCX,GACe,SAAS,iBAAiB,IAAIF,CAAiB,GAAG,EAE1D,QAASS,GAAY,CAC5B,IAAMC,EAAYD,EAAQ,aAAaT,CAAiB,EAClDc,EAAOL,EAAQ,sBAAsB,EAE3C,GAAIK,EAAK,KAAO,GAAKA,EAAK,QAAU,OAAO,YACzC,GAAI,CACF,IAAMH,EAAa,KAAK,MAAMD,GAAa,IAAI,EAE/C,GAAIC,EAAW,eAAiB,aAAc,OAE9CP,EAAgBO,CAAU,EAE1B,OAAO,oBAAoB,SAAUE,CAAwB,CAC/D,OAASP,EAAO,CAEhB,CAEJ,CAAC,CAEL,EAEMS,EAAoBC,GAAmC,CAC3D,GAAIb,EAAsB,CACxB,GAAI,OAAOa,GAAc,SAEvB,OAGFZ,EAAgBY,CAAS,CAE3B,CACF,EAEA,sBAAU,KACR,SAAS,iBAAiB,QAAST,CAAW,EAE1CN,GACF,SAAS,iBAAiB,YAAaW,CAAmB,EAGxDV,GACF,OAAO,iBAAiB,SAAUW,CAAwB,EAGrD,IAAM,CACX,SAAS,oBAAoB,QAASN,CAAW,EAE7CN,GACF,SAAS,oBAAoB,YAAaW,CAAmB,EAG3DV,GACF,OAAO,oBAAoB,SAAUW,CAAwB,CAEjE,GACC,CAACb,EAAmBC,EAAqBC,EAA0BC,CAAoB,CAAC,KAGzF,OAACc,EAAkB,SAAlB,CAA2B,MAAO,CAAE,iBAAAF,CAAiB,EAAI,SAAAhB,EAAS,CAEvE,EAEOmB,EAAQrB",
+  "names": ["index_exports", "__export", "TagTrackerProvider_default", "useTagTracker", "__toCommonJS", "import_react", "import_react", "TagTrackerContext", "useTagTracker", "context", "TagTrackerContext_default", "import_jsx_runtime", "TagTrackerProvider", "props", "children", "trackingAttribute", "enableHoverTracking", "enableVisibilityTracking", "enableCustomTracking", "pushToDataLayer", "data", "error", "handleEvent", "event", "element", "trackData", "parsedData", "handleHoverTracking", "handleVisibilityTracking", "rect", "trackCustomEvent", "eventData", "TagTrackerContext_default", "TagTrackerProvider_default"]
+}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { default as TagTrackerProvider } from './TagTrackerProvider';
 export { useTagTracker } from './TagTrackerContext';
-export type { DataLayerEventProps, TagTrackerProviderProps } from "./types";
+export type { DataLayerEventProps, TagTrackerProviderProps } from './types';

package/dist/index.js

@@ -1,120 +1,2 @@
-// src/TagTrackerProvider.tsx
-import { useEffect } from "react";
-
-// src/TagTrackerContext.tsx
-import { createContext, useContext } from "react";
-var TagTrackerContext = createContext(null);
-var useTagTracker = () => {
-  const context = useContext(TagTrackerContext);
-  if (!context) throw new Error("useTagTracker must be used within a TagTrackerProvider");
-  return context;
-};
-var TagTrackerContext_default = TagTrackerContext;
-
-// src/TagTrackerProvider.tsx
-import { jsx } from "react/jsx-runtime";
-var TagTrackerProvider = (props) => {
-  const {
-    children,
-    trackingAttribute = "data-track",
-    enableHoverTracking = false,
-    enableVisibilityTracking = false,
-    enableCustomTracking = true
-  } = props;
-  const handleEvent = (event) => {
-    let element = event.target;
-    while (element && !element.hasAttribute(trackingAttribute)) {
-      element = element.parentElement;
-    }
-    if (element) {
-      const trackData = element.getAttribute(trackingAttribute);
-      try {
-        const parsedData = JSON.parse(trackData || "{}");
-        if (["hover", "visibility"].includes(parsedData.event)) return;
-        if (!parsedData.event) throw new Error("Event property is required");
-        window.dataLayer = window.dataLayer || [];
-        window.dataLayer.push(parsedData);
-        console.log("[TagTracker] Event:", parsedData);
-      } catch (error) {
-        console.warn("Click event failed:", error);
-      }
-    }
-  };
-  const handleHoverTracking = (event) => {
-    if (enableHoverTracking) {
-      let element = event.target;
-      while (element && !element.hasAttribute(trackingAttribute)) {
-        element = element.parentElement;
-      }
-      if (element) {
-        const trackData = element.getAttribute(trackingAttribute);
-        try {
-          const parsedData = JSON.parse(trackData || "{}");
-          if (parsedData.event !== "hover") return;
-          window.dataLayer = window.dataLayer || [];
-          window.dataLayer.push(parsedData);
-          console.log("[TagTracker] Hover Event:", parsedData);
-        } catch (error) {
-          console.warn("Hover event failed:", error);
-        }
-      }
-    }
-  };
-  const handleVisibilityTracking = () => {
-    if (enableVisibilityTracking) {
-      const elements = document.querySelectorAll(`[${trackingAttribute}]`);
-      elements.forEach((element) => {
-        const trackData = element.getAttribute(trackingAttribute);
-        const rect = element.getBoundingClientRect();
-        if (rect.top >= 0 && rect.bottom <= window.innerHeight) {
-          try {
-            const parsedData = JSON.parse(trackData || "{}");
-            if (parsedData.event !== "visibility") return;
-            window.dataLayer = window.dataLayer || [];
-            window.dataLayer.push(parsedData);
-            console.log("[TagTracker] Visibility Event:", parsedData);
-            window.removeEventListener("scroll", handleVisibilityTracking);
-          } catch (error) {
-            console.warn("Visibility tracking failed:", error);
-          }
-        }
-      });
-    }
-  };
-  const trackCustomEvent = (eventData) => {
-    if (enableCustomTracking) {
-      if (typeof eventData !== "object") {
-        console.warn("trackCustomEvent requires an object parameter");
-        return;
-      }
-      window.dataLayer = window.dataLayer || [];
-      window.dataLayer.push(eventData);
-      console.log("[TagTracker] Custom Event:", eventData);
-    }
-  };
-  useEffect(() => {
-    document.addEventListener("click", handleEvent);
-    if (enableHoverTracking) {
-      document.addEventListener("mouseover", handleHoverTracking);
-    }
-    if (enableVisibilityTracking) {
-      window.addEventListener("scroll", handleVisibilityTracking);
-    }
-    return () => {
-      document.removeEventListener("click", handleEvent);
-      if (enableHoverTracking) {
-        document.removeEventListener("mouseover", handleHoverTracking);
-      }
-      if (enableVisibilityTracking) {
-        window.removeEventListener("scroll", handleVisibilityTracking);
-      }
-    };
-  }, [trackingAttribute, enableHoverTracking, enableVisibilityTracking, enableCustomTracking]);
-  return /* @__PURE__ */ jsx(TagTrackerContext_default.Provider, { value: { trackCustomEvent }, children });
-};
-var TagTrackerProvider_default = TagTrackerProvider;
-export {
-  TagTrackerProvider_default as TagTrackerProvider,
-  useTagTracker
-};
+import{useEffect as w}from"react";import{createContext as g,useContext as E}from"react";var p=g(null),y=()=>{let n=E(p);if(!n)throw new Error("useTagTracker must be used within a TagTrackerProvider");return n},m=p;import{jsx as b}from"react/jsx-runtime";var L=n=>{let{children:k,trackingAttribute:a="data-track",enableHoverTracking:i=!1,enableVisibilityTracking:s=!1,enableCustomTracking:d=!0}=n,c=t=>{try{window.dataLayer=window.dataLayer||[],window.dataLayer.push(t)}catch(e){}},T=t=>{let e=t.target;for(;e&&!e.hasAttribute(a);)e=e.parentElement;if(e){let o=e.getAttribute(a);try{let r=JSON.parse(o||"{}");if(["hover","visibility"].includes(r.eventTracker))return;if(!r.eventTracker)throw new Error("Event property is required");c(r)}catch(r){}}},u=t=>{if(i){let e=t.target;for(;e&&!e.hasAttribute(a);)e=e.parentElement;if(e){let o=e.getAttribute(a);try{let r=JSON.parse(o||"{}");if(r.eventTracker!=="hover")return;c(r)}catch(r){}}}},l=()=>{s&&document.querySelectorAll(`[${a}]`).forEach(e=>{let o=e.getAttribute(a),r=e.getBoundingClientRect();if(r.top>=0&&r.bottom<=window.innerHeight)try{let v=JSON.parse(o||"{}");if(v.eventTracker!=="visibility")return;c(v),window.removeEventListener("scroll",l)}catch(v){}})},f=t=>{if(d){if(typeof t!="object")return;c(t)}};return w(()=>(document.addEventListener("click",T),i&&document.addEventListener("mouseover",u),s&&window.addEventListener("scroll",l),()=>{document.removeEventListener("click",T),i&&document.removeEventListener("mouseover",u),s&&window.removeEventListener("scroll",l)}),[a,i,s,d]),b(m.Provider,{value:{trackCustomEvent:f},children:k})},h=L;export{h as TagTrackerProvider,y as useTagTracker};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/TagTrackerProvider.tsx", "../src/TagTrackerContext.tsx"],
-  "sourcesContent": ["import { useEffect } from 'react';\nimport TagTrackerContext from './TagTrackerContext';\nimport { DataLayerEventProps, TagTrackerProviderProps } from './types';\n\nconst TagTrackerProvider = (props: TagTrackerProviderProps) => {\n  const {\n    children,\n    trackingAttribute = 'data-track',\n    enableHoverTracking = false,\n    enableVisibilityTracking = false,\n    enableCustomTracking = true,\n  } = props;\n\n  const handleEvent = (event: MouseEvent): void => {\n    let element = event.target as HTMLElement;\n\n    while (element && !element.hasAttribute(trackingAttribute)) {\n      element = element.parentElement as HTMLElement;\n    }\n\n    if (element) {\n      const trackData = element.getAttribute(trackingAttribute);\n\n      try {\n        const parsedData: DataLayerEventProps = JSON.parse(trackData || '{}');\n\n        if (['hover', 'visibility'].includes(parsedData.event)) return;\n        if (!parsedData.event) throw new Error('Event property is required');\n\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push(parsedData);\n        console.log('[TagTracker] Event:', parsedData);\n      } catch (error) {\n        console.warn('Click event failed:', error);\n      }\n    }\n  };\n\n  const handleHoverTracking = (event: MouseEvent): void => {\n    if (enableHoverTracking) {\n      let element = event.target as HTMLElement;\n\n      while (element && !element.hasAttribute(trackingAttribute)) {\n        element = element.parentElement as HTMLElement;\n      }\n      if (element) {\n        const trackData = element.getAttribute(trackingAttribute);\n\n        try {\n          const parsedData: DataLayerEventProps = JSON.parse(trackData || '{}');\n\n          if (parsedData.event !== 'hover') return;\n\n          window.dataLayer = window.dataLayer || [];\n          window.dataLayer.push(parsedData);\n          console.log('[TagTracker] Hover Event:', parsedData);\n        } catch (error) {\n          console.warn('Hover event failed:', error);\n        }\n      }\n    }\n  };\n\n  const handleVisibilityTracking = () => {\n    if (enableVisibilityTracking) {\n      const elements = document.querySelectorAll(`[${trackingAttribute}]`);\n\n      elements.forEach((element) => {\n        const trackData = element.getAttribute(trackingAttribute);\n        const rect = element.getBoundingClientRect();\n\n        if (rect.top >= 0 && rect.bottom <= window.innerHeight) {\n          try {\n            const parsedData = JSON.parse(trackData || '{}');\n\n            if (parsedData.event !== 'visibility') return;\n\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push(parsedData);\n            console.log('[TagTracker] Visibility Event:', parsedData);\n            window.removeEventListener('scroll', handleVisibilityTracking);\n          } catch (error) {\n            console.warn('Visibility tracking failed:', error);\n          }\n        }\n      });\n    }\n  };\n\n  const trackCustomEvent = (eventData: DataLayerEventProps) => {\n    if (enableCustomTracking) {\n      if (typeof eventData !== 'object') {\n        console.warn('trackCustomEvent requires an object parameter');\n        return;\n      }\n\n      window.dataLayer = window.dataLayer || [];\n      window.dataLayer.push(eventData);\n      console.log('[TagTracker] Custom Event:', eventData);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleEvent);\n\n    if (enableHoverTracking) {\n      document.addEventListener('mouseover', handleHoverTracking);\n    }\n\n    if (enableVisibilityTracking) {\n      window.addEventListener('scroll', handleVisibilityTracking);\n    }\n\n    return () => {\n      document.removeEventListener('click', handleEvent);\n\n      if (enableHoverTracking) {\n        document.removeEventListener('mouseover', handleHoverTracking);\n      }\n\n      if (enableVisibilityTracking) {\n        window.removeEventListener('scroll', handleVisibilityTracking);\n      }\n    };\n  }, [trackingAttribute, enableHoverTracking, enableVisibilityTracking, enableCustomTracking]);\n\n  return (\n    <TagTrackerContext.Provider value={{ trackCustomEvent }}>\n      { children }\n    </TagTrackerContext.Provider>\n  );\n};\n\nexport default TagTrackerProvider;\n", "import { createContext, useContext } from 'react';\nimport { DataLayerEventProps } from './types';\n\ninterface TagTrackerContextType {\n  trackCustomEvent: (eventData: DataLayerEventProps) => void;\n}\n\nconst TagTrackerContext = createContext<TagTrackerContextType | null>(null);\n\nexport const useTagTracker = () => {\n  const context = useContext(TagTrackerContext);\n\n  if (!context) throw new Error('useTagTracker must be used within a TagTrackerProvider');\n  return context;\n};\n\nexport default TagTrackerContext;\n"],
-  "mappings": ";AAAA,SAAS,iBAAiB;;;ACA1B,SAAS,eAAe,kBAAkB;AAO1C,IAAM,oBAAoB,cAA4C,IAAI;AAEnE,IAAM,gBAAgB,MAAM;AACjC,QAAM,UAAU,WAAW,iBAAiB;AAE5C,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,wDAAwD;AACtF,SAAO;AACT;AAEA,IAAO,4BAAQ;;;AD+GX;AA3HJ,IAAM,qBAAqB,CAAC,UAAmC;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA,oBAAoB;AAAA,IACpB,sBAAsB;AAAA,IACtB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,EACzB,IAAI;AAEJ,QAAM,cAAc,CAAC,UAA4B;AAC/C,QAAI,UAAU,MAAM;AAEpB,WAAO,WAAW,CAAC,QAAQ,aAAa,iBAAiB,GAAG;AAC1D,gBAAU,QAAQ;AAAA,IACpB;AAEA,QAAI,SAAS;AACX,YAAM,YAAY,QAAQ,aAAa,iBAAiB;AAExD,UAAI;AACF,cAAM,aAAkC,KAAK,MAAM,aAAa,IAAI;AAEpE,YAAI,CAAC,SAAS,YAAY,EAAE,SAAS,WAAW,KAAK,EAAG;AACxD,YAAI,CAAC,WAAW,MAAO,OAAM,IAAI,MAAM,4BAA4B;AAEnE,eAAO,YAAY,OAAO,aAAa,CAAC;AACxC,eAAO,UAAU,KAAK,UAAU;AAChC,gBAAQ,IAAI,uBAAuB,UAAU;AAAA,MAC/C,SAAS,OAAO;AACd,gBAAQ,KAAK,uBAAuB,KAAK;AAAA,MAC3C;AAAA,IACF;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,UAA4B;AACvD,QAAI,qBAAqB;AACvB,UAAI,UAAU,MAAM;AAEpB,aAAO,WAAW,CAAC,QAAQ,aAAa,iBAAiB,GAAG;AAC1D,kBAAU,QAAQ;AAAA,MACpB;AACA,UAAI,SAAS;AACX,cAAM,YAAY,QAAQ,aAAa,iBAAiB;AAExD,YAAI;AACF,gBAAM,aAAkC,KAAK,MAAM,aAAa,IAAI;AAEpE,cAAI,WAAW,UAAU,QAAS;AAElC,iBAAO,YAAY,OAAO,aAAa,CAAC;AACxC,iBAAO,UAAU,KAAK,UAAU;AAChC,kBAAQ,IAAI,6BAA6B,UAAU;AAAA,QACrD,SAAS,OAAO;AACd,kBAAQ,KAAK,uBAAuB,KAAK;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,2BAA2B,MAAM;AACrC,QAAI,0BAA0B;AAC5B,YAAM,WAAW,SAAS,iBAAiB,IAAI,iBAAiB,GAAG;AAEnE,eAAS,QAAQ,CAAC,YAAY;AAC5B,cAAM,YAAY,QAAQ,aAAa,iBAAiB;AACxD,cAAM,OAAO,QAAQ,sBAAsB;AAE3C,YAAI,KAAK,OAAO,KAAK,KAAK,UAAU,OAAO,aAAa;AACtD,cAAI;AACF,kBAAM,aAAa,KAAK,MAAM,aAAa,IAAI;AAE/C,gBAAI,WAAW,UAAU,aAAc;AAEvC,mBAAO,YAAY,OAAO,aAAa,CAAC;AACxC,mBAAO,UAAU,KAAK,UAAU;AAChC,oBAAQ,IAAI,kCAAkC,UAAU;AACxD,mBAAO,oBAAoB,UAAU,wBAAwB;AAAA,UAC/D,SAAS,OAAO;AACd,oBAAQ,KAAK,+BAA+B,KAAK;AAAA,UACnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,cAAmC;AAC3D,QAAI,sBAAsB;AACxB,UAAI,OAAO,cAAc,UAAU;AACjC,gBAAQ,KAAK,+CAA+C;AAC5D;AAAA,MACF;AAEA,aAAO,YAAY,OAAO,aAAa,CAAC;AACxC,aAAO,UAAU,KAAK,SAAS;AAC/B,cAAQ,IAAI,8BAA8B,SAAS;AAAA,IACrD;AAAA,EACF;AAEA,YAAU,MAAM;AACd,aAAS,iBAAiB,SAAS,WAAW;AAE9C,QAAI,qBAAqB;AACvB,eAAS,iBAAiB,aAAa,mBAAmB;AAAA,IAC5D;AAEA,QAAI,0BAA0B;AAC5B,aAAO,iBAAiB,UAAU,wBAAwB;AAAA,IAC5D;AAEA,WAAO,MAAM;AACX,eAAS,oBAAoB,SAAS,WAAW;AAEjD,UAAI,qBAAqB;AACvB,iBAAS,oBAAoB,aAAa,mBAAmB;AAAA,MAC/D;AAEA,UAAI,0BAA0B;AAC5B,eAAO,oBAAoB,UAAU,wBAAwB;AAAA,MAC/D;AAAA,IACF;AAAA,EACF,GAAG,CAAC,mBAAmB,qBAAqB,0BAA0B,oBAAoB,CAAC;AAE3F,SACE,oBAAC,0BAAkB,UAAlB,EAA2B,OAAO,EAAE,iBAAiB,GAClD,UACJ;AAEJ;AAEA,IAAO,6BAAQ;",
-  "names": []
+  "sourcesContent": ["import { useEffect } from 'react';\nimport TagTrackerContext from './TagTrackerContext';\nimport { DataLayerEventProps, TagTrackerProviderProps } from './types';\n\nconst TagTrackerProvider = (props: TagTrackerProviderProps) => {\n  const {\n    children,\n    trackingAttribute = 'data-track',\n    enableHoverTracking = false,\n    enableVisibilityTracking = false,\n    enableCustomTracking = true,\n  } = props;\n\n  const pushToDataLayer = (data: DataLayerEventProps) => {\n    try {\n      window.dataLayer = window.dataLayer || [];\n      window.dataLayer.push(data);\n    } catch (error) {\n      console.warn('Failed to push to dataLayer:', error);\n    }\n  }\n\n  const handleEvent = (event: MouseEvent): void => {\n    let element = event.target as HTMLElement;\n\n    while (element && !element.hasAttribute(trackingAttribute)) {\n      element = element.parentElement as HTMLElement;\n    }\n\n    if (element) {\n      const trackData = element.getAttribute(trackingAttribute);\n\n      try {\n        const parsedData: DataLayerEventProps = JSON.parse(trackData || '{}');\n\n        if (['hover', 'visibility'].includes(parsedData.eventTracker)) return;\n        if (!parsedData.eventTracker) throw new Error('Event property is required');\n\n        pushToDataLayer(parsedData);\n        console.log('[TagTracker] Event:', parsedData);\n      } catch (error) {\n        console.warn('Click event failed:', error);\n      }\n    }\n  };\n\n  const handleHoverTracking = (event: MouseEvent): void => {\n    if (enableHoverTracking) {\n      let element = event.target as HTMLElement;\n\n      while (element && !element.hasAttribute(trackingAttribute)) {\n        element = element.parentElement as HTMLElement;\n      }\n      if (element) {\n        const trackData = element.getAttribute(trackingAttribute);\n\n        try {\n          const parsedData: DataLayerEventProps = JSON.parse(trackData || '{}');\n\n          if (parsedData.eventTracker !== 'hover') return;\n\n          pushToDataLayer(parsedData);\n          console.log('[TagTracker] Hover Event:', parsedData);\n        } catch (error) {\n          console.warn('Hover event failed:', error);\n        }\n      }\n    }\n  };\n\n  const handleVisibilityTracking = () => {\n    if (enableVisibilityTracking) {\n      const elements = document.querySelectorAll(`[${trackingAttribute}]`);\n\n      elements.forEach((element) => {\n        const trackData = element.getAttribute(trackingAttribute);\n        const rect = element.getBoundingClientRect();\n\n        if (rect.top >= 0 && rect.bottom <= window.innerHeight) {\n          try {\n            const parsedData = JSON.parse(trackData || '{}');\n\n            if (parsedData.eventTracker !== 'visibility') return;\n\n            pushToDataLayer(parsedData);\n            console.log('[TagTracker] Visibility Event:', parsedData);\n            window.removeEventListener('scroll', handleVisibilityTracking);\n          } catch (error) {\n            console.warn('Visibility tracking failed:', error);\n          }\n        }\n      });\n    }\n  };\n\n  const trackCustomEvent = (eventData: DataLayerEventProps) => {\n    if (enableCustomTracking) {\n      if (typeof eventData !== 'object') {\n        console.warn('trackCustomEvent requires an object parameter');\n        return;\n      }\n\n      pushToDataLayer(eventData);\n      console.log('[TagTracker] Custom Event:', eventData);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleEvent);\n\n    if (enableHoverTracking) {\n      document.addEventListener('mouseover', handleHoverTracking);\n    }\n\n    if (enableVisibilityTracking) {\n      window.addEventListener('scroll', handleVisibilityTracking);\n    }\n\n    return () => {\n      document.removeEventListener('click', handleEvent);\n\n      if (enableHoverTracking) {\n        document.removeEventListener('mouseover', handleHoverTracking);\n      }\n\n      if (enableVisibilityTracking) {\n        window.removeEventListener('scroll', handleVisibilityTracking);\n      }\n    };\n  }, [trackingAttribute, enableHoverTracking, enableVisibilityTracking, enableCustomTracking]);\n\n  return (\n    <TagTrackerContext.Provider value={{ trackCustomEvent }}>{children}</TagTrackerContext.Provider>\n  );\n};\n\nexport default TagTrackerProvider;\n", "import { createContext, useContext } from 'react';\nimport { DataLayerEventProps } from './types';\n\ninterface TagTrackerContextType {\n  trackCustomEvent: (eventData: DataLayerEventProps) => void;\n}\n\nconst TagTrackerContext = createContext<TagTrackerContextType | null>(null);\n\nexport const useTagTracker = () => {\n  const context = useContext(TagTrackerContext);\n\n  if (!context) throw new Error('useTagTracker must be used within a TagTrackerProvider');\n  return context;\n};\n\nexport default TagTrackerContext;\n"],
+  "mappings": "AAAA,OAAS,aAAAA,MAAiB,QCA1B,OAAS,iBAAAC,EAAe,cAAAC,MAAkB,QAO1C,IAAMC,EAAoBF,EAA4C,IAAI,EAE7DG,EAAgB,IAAM,CACjC,IAAMC,EAAUH,EAAWC,CAAiB,EAE5C,GAAI,CAACE,EAAS,MAAM,IAAI,MAAM,wDAAwD,EACtF,OAAOA,CACT,EAEOC,EAAQH,EDoHX,cAAAI,MAAA,oBAhIJ,IAAMC,EAAsBC,GAAmC,CAC7D,GAAM,CACJ,SAAAC,EACA,kBAAAC,EAAoB,aACpB,oBAAAC,EAAsB,GACtB,yBAAAC,EAA2B,GAC3B,qBAAAC,EAAuB,EACzB,EAAIL,EAEEM,EAAmBC,GAA8B,CACrD,GAAI,CACF,OAAO,UAAY,OAAO,WAAa,CAAC,EACxC,OAAO,UAAU,KAAKA,CAAI,CAC5B,OAASC,EAAO,CAEhB,CACF,EAEMC,EAAeC,GAA4B,CAC/C,IAAIC,EAAUD,EAAM,OAEpB,KAAOC,GAAW,CAACA,EAAQ,aAAaT,CAAiB,GACvDS,EAAUA,EAAQ,cAGpB,GAAIA,EAAS,CACX,IAAMC,EAAYD,EAAQ,aAAaT,CAAiB,EAExD,GAAI,CACF,IAAMW,EAAkC,KAAK,MAAMD,GAAa,IAAI,EAEpE,GAAI,CAAC,QAAS,YAAY,EAAE,SAASC,EAAW,YAAY,EAAG,OAC/D,GAAI,CAACA,EAAW,aAAc,MAAM,IAAI,MAAM,4BAA4B,EAE1EP,EAAgBO,CAAU,CAE5B,OAASL,EAAO,CAEhB,CACF,CACF,EAEMM,EAAuBJ,GAA4B,CACvD,GAAIP,EAAqB,CACvB,IAAIQ,EAAUD,EAAM,OAEpB,KAAOC,GAAW,CAACA,EAAQ,aAAaT,CAAiB,GACvDS,EAAUA,EAAQ,cAEpB,GAAIA,EAAS,CACX,IAAMC,EAAYD,EAAQ,aAAaT,CAAiB,EAExD,GAAI,CACF,IAAMW,EAAkC,KAAK,MAAMD,GAAa,IAAI,EAEpE,GAAIC,EAAW,eAAiB,QAAS,OAEzCP,EAAgBO,CAAU,CAE5B,OAASL,EAAO,CAEhB,CACF,CACF,CACF,EAEMO,EAA2B,IAAM,CACjCX,GACe,SAAS,iBAAiB,IAAIF,CAAiB,GAAG,EAE1D,QAASS,GAAY,CAC5B,IAAMC,EAAYD,EAAQ,aAAaT,CAAiB,EAClDc,EAAOL,EAAQ,sBAAsB,EAE3C,GAAIK,EAAK,KAAO,GAAKA,EAAK,QAAU,OAAO,YACzC,GAAI,CACF,IAAMH,EAAa,KAAK,MAAMD,GAAa,IAAI,EAE/C,GAAIC,EAAW,eAAiB,aAAc,OAE9CP,EAAgBO,CAAU,EAE1B,OAAO,oBAAoB,SAAUE,CAAwB,CAC/D,OAASP,EAAO,CAEhB,CAEJ,CAAC,CAEL,EAEMS,EAAoBC,GAAmC,CAC3D,GAAIb,EAAsB,CACxB,GAAI,OAAOa,GAAc,SAEvB,OAGFZ,EAAgBY,CAAS,CAE3B,CACF,EAEA,OAAAC,EAAU,KACR,SAAS,iBAAiB,QAASV,CAAW,EAE1CN,GACF,SAAS,iBAAiB,YAAaW,CAAmB,EAGxDV,GACF,OAAO,iBAAiB,SAAUW,CAAwB,EAGrD,IAAM,CACX,SAAS,oBAAoB,QAASN,CAAW,EAE7CN,GACF,SAAS,oBAAoB,YAAaW,CAAmB,EAG3DV,GACF,OAAO,oBAAoB,SAAUW,CAAwB,CAEjE,GACC,CAACb,EAAmBC,EAAqBC,EAA0BC,CAAoB,CAAC,EAGzFP,EAACsB,EAAkB,SAAlB,CAA2B,MAAO,CAAE,iBAAAH,CAAiB,EAAI,SAAAhB,EAAS,CAEvE,EAEOoB,EAAQtB",
+  "names": ["useEffect", "createContext", "useContext", "TagTrackerContext", "useTagTracker", "context", "TagTrackerContext_default", "jsx", "TagTrackerProvider", "props", "children", "trackingAttribute", "enableHoverTracking", "enableVisibilityTracking", "enableCustomTracking", "pushToDataLayer", "data", "error", "handleEvent", "event", "element", "trackData", "parsedData", "handleHoverTracking", "handleVisibilityTracking", "rect", "trackCustomEvent", "eventData", "useEffect", "TagTrackerContext_default", "TagTrackerProvider_default"]
 }

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 type DataPrefixedString = `data-${string}`;
 export interface DataLayerEventProps {
-    event: string;
+    eventTracker: 'click' | 'hover' | 'visibility' | string;
     [key: string]: string;
 }
 export interface TagTrackerProviderProps {

package/package.json

@@ -1,16 +1,21 @@
 {
   "name": "react-tag-tracker",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A React provider that simplifies tracking custom events and sends them to window.dataLayer, streamlining integration with GTM.",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "files": [
     "dist"
   ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
   "keywords": [
     "react",
     "gtm",
@@ -30,26 +35,26 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@eslint/js": "^9.23.0",
-    "@size-limit/preset-small-lib": "^11.2.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.14.0",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.1",
-    "esbuild": "0.25.2",
-    "eslint": "^9.23.0",
-    "eslint-plugin-react": "^7.37.4",
-    "globals": "^16.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "size-limit": "^11.2.0",
-    "ts-jest": "^29.3.1",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.29.0"
+    "@eslint/js": "^10.0.1",
+    "@size-limit/preset-small-lib": "^12.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "esbuild": "0.27.3",
+    "eslint": "^10.0.0",
+    "eslint-plugin-react": "^7.37.5",
+    "globals": "^17.3.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "size-limit": "^12.0.0",
+    "ts-jest": "^29.4.6",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.0"
   },
   "peerDependencies": {
     "react": "*",