@shware/analytics 0.1.16 → 0.1.18

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { setupAnalytics } from './setup/index';\nexport { track } from './track/index';\nexport { getVisitor, setVisitor } from './visitor/index';\nexport { createTrackEventSchema, createVisitorSchema, updateVisitorSchema } from './schema/index';\nexport { type VisitorProperties, type TrackProperties, type TrackTags } from './types/index';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,mBAAsB;AACtB,qBAAuC;AACvC,oBAAiF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { setupAnalytics } from './setup/index';\nexport { track } from './track/index';\nexport { getVisitor, setVisitor } from './visitor/index';\nexport { createTrackEventSchema, createVisitorSchema, updateVisitorSchema } from './schema/index';\nexport type { TrackProperties, TrackTags } from './track/types';\nexport type { VisitorProperties } from './visitor/types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,mBAAsB;AACtB,qBAAuC;AACvC,oBAAiF;","names":[]}

package/dist/index.d.cts

@@ -2,6 +2,8 @@ export { setupAnalytics } from './setup/index.cjs';
 export { track } from './track/index.cjs';
 export { getVisitor, setVisitor } from './visitor/index.cjs';
 export { createTrackEventSchema, createVisitorSchema, updateVisitorSchema } from './schema/index.cjs';
-export { TrackProperties, TrackTags, VisitorProperties } from './types/index.cjs';
+export { TrackProperties, TrackTags } from './track/types.cjs';
+export { VisitorProperties } from './visitor/types.cjs';
 import 'axios';
 import 'zod';
+import './track/gtag.cjs';

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export { setupAnalytics } from './setup/index.js';
 export { track } from './track/index.js';
 export { getVisitor, setVisitor } from './visitor/index.js';
 export { createTrackEventSchema, createVisitorSchema, updateVisitorSchema } from './schema/index.js';
-export { TrackProperties, TrackTags, VisitorProperties } from './types/index.js';
+export { TrackProperties, TrackTags } from './track/types.js';
+export { VisitorProperties } from './visitor/types.js';
 import 'axios';
 import 'zod';
+import './track/gtag.js';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { setupAnalytics } from './setup/index';\nexport { track } from './track/index';\nexport { getVisitor, setVisitor } from './visitor/index';\nexport { createTrackEventSchema, createVisitorSchema, updateVisitorSchema } from './schema/index';\nexport { type VisitorProperties, type TrackProperties, type TrackTags } from './types/index';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,YAAY,kBAAkB;AACvC,SAAS,wBAAwB,qBAAqB,2BAA2B;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { setupAnalytics } from './setup/index';\nexport { track } from './track/index';\nexport { getVisitor, setVisitor } from './visitor/index';\nexport { createTrackEventSchema, createVisitorSchema, updateVisitorSchema } from './schema/index';\nexport type { TrackProperties, TrackTags } from './track/types';\nexport type { VisitorProperties } from './visitor/types';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,YAAY,kBAAkB;AACvC,SAAS,wBAAwB,qBAAqB,2BAA2B;","names":[]}

package/dist/next/index.cjs

@@ -1,8 +1,10 @@
 "use strict";
 "use client";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,19 +18,46 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/next/index.tsx
 var next_exports = {};
 __export(next_exports, {
-  Analytics: () => Analytics
+  Analytics: () => Analytics,
+  sendFBEvent: () => sendFBEvent,
+  sendGAEvent: () => sendGAEvent
 });
 module.exports = __toCommonJS(next_exports);
+var import_react = require("react");
 var import_navigation = require("next/navigation");
 var import_web_vitals = require("next/web-vitals");
-var import_react = require("react");
+var import_script = __toESM(require("next/script"), 1);
 var import_track = require("../track/index.cjs");
-function Analytics() {
+var import_fbq = require("../track/fbq.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function sendGAEvent(name, properties) {
+  if (!window.gtag) {
+    console.warn("GA has not been initialized");
+    return;
+  }
+  window.gtag("event", name, properties);
+}
+function sendFBEvent(name, properties, event_id) {
+  if (typeof window === "undefined" || !window.fbq) {
+    console.warn("fbq has not been initialized");
+    return;
+  }
+  (0, import_fbq.mapAndSendFbqEvent)(window.fbq, name, properties, { eventID: event_id });
+}
+function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }) {
   const pathname = (0, import_navigation.usePathname)();
   const params = (0, import_navigation.useSearchParams)();
   (0, import_react.useEffect)(() => {
@@ -57,10 +86,78 @@ function Analytics() {
     };
     (0, import_track.track)(metric.name, properties);
   });
-  return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    facebookAppId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { property: "fb:app_id", content: facebookAppId }),
+    gaId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_script.default,
+        {
+          id: "gtag",
+          nonce,
+          src: `https://www.googletagmanager.com/gtag/js?id=${gaId}`
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_script.default,
+        {
+          nonce,
+          id: "gtag-init",
+          dangerouslySetInnerHTML: {
+            __html: `
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', '${gaId}'${debugMode ? " ,{ 'debug_mode': true }" : ""});
+            `
+          }
+        }
+      )
+    ] }),
+    pixelId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_script.default,
+        {
+          id: "pixel",
+          strategy: "afterInteractive",
+          dangerouslySetInnerHTML: {
+            __html: `
+              !(function (f, b, e, v, n, t, s) {
+                if (f.fbq) return;
+                n = f.fbq = function () {
+                  n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
+                };
+                if (!f._fbq) f._fbq = n;
+                n.push = n;
+                n.loaded = !0;
+                n.version = '2.0';
+                n.queue = [];
+                t = b.createElement(e);
+                t.async = !0;
+                t.src = v;
+                s = b.getElementsByTagName(e)[0];
+                s.parentNode.insertBefore(t, s);
+              })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
+              fbq('init', '${pixelId}');
+              fbq('track', 'PageView');`
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("noscript", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          width: "1",
+          height: "1",
+          style: { display: "none" },
+          src: `https://www.facebook.com/tr?id=${pixelId}&ev=PageView&noscript=1`
+        }
+      ) })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Analytics
+  Analytics,
+  sendFBEvent,
+  sendGAEvent
 });
 //# sourceMappingURL=index.cjs.map

package/dist/next/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/index.tsx"],"sourcesContent":["'use client';\n\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { useReportWebVitals } from 'next/web-vitals';\nimport { useEffect } from 'react';\nimport { track } from '../track/index';\n\nexport function Analytics() {\n  const pathname = usePathname();\n  const params = useSearchParams();\n\n  useEffect(() => {\n    const properties = {\n      pathname,\n      referrer: document.referrer,\n      gclid: params.get('gclid'),\n      fbclid: params.get('fbclid'),\n      utm_source: params.get('utm_source'),\n      utm_medium: params.get('utm_medium'),\n      utm_campaign: params.get('utm_campaign'),\n      utm_term: params.get('utm_term'),\n      utm_content: params.get('utm_content'),\n    };\n\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname, params]);\n\n  useReportWebVitals((metric) => {\n    const properties = {\n      id: metric.id,\n      rating: metric.rating,\n      value: metric.value,\n      delta: metric.delta,\n      navigation_type: metric.navigationType,\n      non_interaction: true, // avoids affecting bounce rate.\n    };\n    track(metric.name as Lowercase<string>, properties);\n  });\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,wBAA6C;AAC7C,wBAAmC;AACnC,mBAA0B;AAC1B,mBAAsB;AAEf,SAAS,YAAY;AAC1B,QAAM,eAAW,+BAAY;AAC7B,QAAM,aAAS,mCAAgB;AAE/B,8BAAU,MAAM;AACd,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,UAAU,SAAS;AAAA,MACnB,OAAO,OAAO,IAAI,OAAO;AAAA,MACzB,QAAQ,OAAO,IAAI,QAAQ;AAAA,MAC3B,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,cAAc,OAAO,IAAI,cAAc;AAAA,MACvC,UAAU,OAAO,IAAI,UAAU;AAAA,MAC/B,aAAa,OAAO,IAAI,aAAa;AAAA,IACvC;AAEA,4BAAM,aAAa,YAAY,EAAE,0BAA0B,MAAM,CAAC;AAAA,EACpE,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,4CAAmB,CAAC,WAAW;AAC7B,UAAM,aAAa;AAAA,MACjB,IAAI,OAAO;AAAA,MACX,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,iBAAiB,OAAO;AAAA,MACxB,iBAAiB;AAAA;AAAA,IACnB;AACA,4BAAM,OAAO,MAA2B,UAAU;AAAA,EACpD,CAAC;AAED,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/next/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { useReportWebVitals } from 'next/web-vitals';\nimport Script from 'next/script';\nimport { track } from '../track/index';\nimport { mapAndSendFbqEvent } from '../track/fbq';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\nimport type { Gtag, GaId, GtmId } from '../track/gtag';\nimport type { Fbq, PixelId } from '../track/fbq';\n\ndeclare global {\n  interface Window extends Gtag, Fbq {}\n}\n\ninterface Props {\n  gaId?: GaId;\n  gtmId?: GtmId;\n  pixelId?: PixelId;\n  facebookAppId?: string;\n  nonce?: string;\n  debugMode?: boolean;\n}\n\nexport function sendGAEvent<T extends EventName>(\n  name: TrackName<T>,\n  properties?: TrackProperties<T>\n) {\n  if (!window.gtag) {\n    console.warn('GA has not been initialized');\n    return;\n  }\n  window.gtag('event', name, properties);\n}\n\nexport function sendFBEvent<T extends EventName>(\n  name: TrackName<T>,\n  properties?: TrackProperties<T>,\n  event_id?: string\n) {\n  if (typeof window === 'undefined' || !window.fbq) {\n    console.warn('fbq has not been initialized');\n    return;\n  }\n  mapAndSendFbqEvent(window.fbq, name, properties, { eventID: event_id });\n}\n\nexport function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props) {\n  const pathname = usePathname();\n  const params = useSearchParams();\n\n  useEffect(() => {\n    const properties = {\n      pathname,\n      referrer: document.referrer,\n      gclid: params.get('gclid'),\n      fbclid: params.get('fbclid'),\n      utm_source: params.get('utm_source'),\n      utm_medium: params.get('utm_medium'),\n      utm_campaign: params.get('utm_campaign'),\n      utm_term: params.get('utm_term'),\n      utm_content: params.get('utm_content'),\n    };\n\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname, params]);\n\n  useReportWebVitals((metric) => {\n    const properties = {\n      id: metric.id,\n      rating: metric.rating,\n      value: metric.value,\n      delta: metric.delta,\n      navigation_type: metric.navigationType,\n      non_interaction: true, // avoids affecting bounce rate.\n    };\n    track(metric.name, properties);\n  });\n\n  return (\n    <>\n      {facebookAppId && <meta property=\"fb:app_id\" content={facebookAppId} />}\n      {gaId && (\n        <>\n          <Script\n            id=\"gtag\"\n            nonce={nonce}\n            src={`https://www.googletagmanager.com/gtag/js?id=${gaId}`}\n          />\n          <Script\n            nonce={nonce}\n            id=\"gtag-init\"\n            dangerouslySetInnerHTML={{\n              __html: `\n              window.dataLayer = window.dataLayer || [];\n              function gtag(){dataLayer.push(arguments);}\n              gtag('js', new Date());\n              gtag('config', '${gaId}'${debugMode ? \" ,{ 'debug_mode': true }\" : ''});\n            `,\n            }}\n          />\n        </>\n      )}\n      {pixelId && (\n        <>\n          <Script\n            id=\"pixel\"\n            strategy=\"afterInteractive\"\n            dangerouslySetInnerHTML={{\n              __html: `\n              !(function (f, b, e, v, n, t, s) {\n                if (f.fbq) return;\n                n = f.fbq = function () {\n                  n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);\n                };\n                if (!f._fbq) f._fbq = n;\n                n.push = n;\n                n.loaded = !0;\n                n.version = '2.0';\n                n.queue = [];\n                t = b.createElement(e);\n                t.async = !0;\n                t.src = v;\n                s = b.getElementsByTagName(e)[0];\n                s.parentNode.insertBefore(t, s);\n              })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');\n              fbq('init', '${pixelId}');\n              fbq('track', 'PageView');`,\n            }}\n          />\n          <noscript>\n            <img\n              width=\"1\"\n              height=\"1\"\n              style={{ display: 'none' }}\n              src={`https://www.facebook.com/tr?id=${pixelId}&ev=PageView&noscript=1`}\n            />\n          </noscript>\n        </>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA0B;AAC1B,wBAA6C;AAC7C,wBAAmC;AACnC,oBAAmB;AACnB,mBAAsB;AACtB,iBAAmC;AA2EX;AAzDjB,SAAS,YACd,MACA,YACA;AACA,MAAI,CAAC,OAAO,MAAM;AAChB,YAAQ,KAAK,6BAA6B;AAC1C;AAAA,EACF;AACA,SAAO,KAAK,SAAS,MAAM,UAAU;AACvC;AAEO,SAAS,YACd,MACA,YACA,UACA;AACA,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,KAAK;AAChD,YAAQ,KAAK,8BAA8B;AAC3C;AAAA,EACF;AACA,qCAAmB,OAAO,KAAK,MAAM,YAAY,EAAE,SAAS,SAAS,CAAC;AACxE;AAEO,SAAS,UAAU,EAAE,MAAM,OAAO,WAAW,SAAS,cAAc,GAAU;AACnF,QAAM,eAAW,+BAAY;AAC7B,QAAM,aAAS,mCAAgB;AAE/B,8BAAU,MAAM;AACd,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,UAAU,SAAS;AAAA,MACnB,OAAO,OAAO,IAAI,OAAO;AAAA,MACzB,QAAQ,OAAO,IAAI,QAAQ;AAAA,MAC3B,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,cAAc,OAAO,IAAI,cAAc;AAAA,MACvC,UAAU,OAAO,IAAI,UAAU;AAAA,MAC/B,aAAa,OAAO,IAAI,aAAa;AAAA,IACvC;AAEA,4BAAM,aAAa,YAAY,EAAE,0BAA0B,MAAM,CAAC;AAAA,EACpE,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,4CAAmB,CAAC,WAAW;AAC7B,UAAM,aAAa;AAAA,MACjB,IAAI,OAAO;AAAA,MACX,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,iBAAiB,OAAO;AAAA,MACxB,iBAAiB;AAAA;AAAA,IACnB;AACA,4BAAM,OAAO,MAAM,UAAU;AAAA,EAC/B,CAAC;AAED,SACE,4EACG;AAAA,qBAAiB,4CAAC,UAAK,UAAS,aAAY,SAAS,eAAe;AAAA,IACpE,QACC,4EACE;AAAA;AAAA,QAAC,cAAAA;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,KAAK,+CAA+C,IAAI;AAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QAAC,cAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAG;AAAA,UACH,yBAAyB;AAAA,YACvB,QAAQ;AAAA;AAAA;AAAA;AAAA,gCAIU,IAAI,IAAI,YAAY,6BAA6B,EAAE;AAAA;AAAA,UAEvE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAED,WACC,4EACE;AAAA;AAAA,QAAC,cAAAA;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAS;AAAA,UACT,yBAAyB;AAAA,YACvB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAiBO,OAAO;AAAA;AAAA,UAExB;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,cACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,EAAE,SAAS,OAAO;AAAA,UACzB,KAAK,kCAAkC,OAAO;AAAA;AAAA,MAChD,GACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":["Script"]}

package/dist/next/index.d.cts

@@ -1,3 +1,22 @@
-declare function Analytics(): null;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EventName, TrackName, TrackProperties } from '../track/types.cjs';
+import { Gtag, GaId, GtmId } from '../track/gtag.cjs';
+import { Fbq, PixelId } from '../track/fbq.cjs';
 
-export { Analytics };
+declare global {
+    interface Window extends Gtag, Fbq {
+    }
+}
+interface Props {
+    gaId?: GaId;
+    gtmId?: GtmId;
+    pixelId?: PixelId;
+    facebookAppId?: string;
+    nonce?: string;
+    debugMode?: boolean;
+}
+declare function sendGAEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>): void;
+declare function sendFBEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>, event_id?: string): void;
+declare function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props): react_jsx_runtime.JSX.Element;
+
+export { Analytics, sendFBEvent, sendGAEvent };

package/dist/next/index.d.ts

@@ -1,3 +1,22 @@
-declare function Analytics(): null;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EventName, TrackName, TrackProperties } from '../track/types.js';
+import { Gtag, GaId, GtmId } from '../track/gtag.js';
+import { Fbq, PixelId } from '../track/fbq.js';
 
-export { Analytics };
+declare global {
+    interface Window extends Gtag, Fbq {
+    }
+}
+interface Props {
+    gaId?: GaId;
+    gtmId?: GtmId;
+    pixelId?: PixelId;
+    facebookAppId?: string;
+    nonce?: string;
+    debugMode?: boolean;
+}
+declare function sendGAEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>): void;
+declare function sendFBEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>, event_id?: string): void;
+declare function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props): react_jsx_runtime.JSX.Element;
+
+export { Analytics, sendFBEvent, sendGAEvent };

package/dist/next/index.mjs

@@ -1,11 +1,28 @@
 "use client";
 
 // src/next/index.tsx
+import { useEffect } from "react";
 import { usePathname, useSearchParams } from "next/navigation";
 import { useReportWebVitals } from "next/web-vitals";
-import { useEffect } from "react";
+import Script from "next/script";
 import { track } from "../track/index.mjs";
-function Analytics() {
+import { mapAndSendFbqEvent } from "../track/fbq.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function sendGAEvent(name, properties) {
+  if (!window.gtag) {
+    console.warn("GA has not been initialized");
+    return;
+  }
+  window.gtag("event", name, properties);
+}
+function sendFBEvent(name, properties, event_id) {
+  if (typeof window === "undefined" || !window.fbq) {
+    console.warn("fbq has not been initialized");
+    return;
+  }
+  mapAndSendFbqEvent(window.fbq, name, properties, { eventID: event_id });
+}
+function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }) {
   const pathname = usePathname();
   const params = useSearchParams();
   useEffect(() => {
@@ -34,9 +51,77 @@ function Analytics() {
     };
     track(metric.name, properties);
   });
-  return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    facebookAppId && /* @__PURE__ */ jsx("meta", { property: "fb:app_id", content: facebookAppId }),
+    gaId && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Script,
+        {
+          id: "gtag",
+          nonce,
+          src: `https://www.googletagmanager.com/gtag/js?id=${gaId}`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Script,
+        {
+          nonce,
+          id: "gtag-init",
+          dangerouslySetInnerHTML: {
+            __html: `
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', '${gaId}'${debugMode ? " ,{ 'debug_mode': true }" : ""});
+            `
+          }
+        }
+      )
+    ] }),
+    pixelId && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Script,
+        {
+          id: "pixel",
+          strategy: "afterInteractive",
+          dangerouslySetInnerHTML: {
+            __html: `
+              !(function (f, b, e, v, n, t, s) {
+                if (f.fbq) return;
+                n = f.fbq = function () {
+                  n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
+                };
+                if (!f._fbq) f._fbq = n;
+                n.push = n;
+                n.loaded = !0;
+                n.version = '2.0';
+                n.queue = [];
+                t = b.createElement(e);
+                t.async = !0;
+                t.src = v;
+                s = b.getElementsByTagName(e)[0];
+                s.parentNode.insertBefore(t, s);
+              })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
+              fbq('init', '${pixelId}');
+              fbq('track', 'PageView');`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          width: "1",
+          height: "1",
+          style: { display: "none" },
+          src: `https://www.facebook.com/tr?id=${pixelId}&ev=PageView&noscript=1`
+        }
+      ) })
+    ] })
+  ] });
 }
 export {
-  Analytics
+  Analytics,
+  sendFBEvent,
+  sendGAEvent
 };
 //# sourceMappingURL=index.mjs.map

package/dist/next/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/index.tsx"],"sourcesContent":["'use client';\n\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { useReportWebVitals } from 'next/web-vitals';\nimport { useEffect } from 'react';\nimport { track } from '../track/index';\n\nexport function Analytics() {\n  const pathname = usePathname();\n  const params = useSearchParams();\n\n  useEffect(() => {\n    const properties = {\n      pathname,\n      referrer: document.referrer,\n      gclid: params.get('gclid'),\n      fbclid: params.get('fbclid'),\n      utm_source: params.get('utm_source'),\n      utm_medium: params.get('utm_medium'),\n      utm_campaign: params.get('utm_campaign'),\n      utm_term: params.get('utm_term'),\n      utm_content: params.get('utm_content'),\n    };\n\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname, params]);\n\n  useReportWebVitals((metric) => {\n    const properties = {\n      id: metric.id,\n      rating: metric.rating,\n      value: metric.value,\n      delta: metric.delta,\n      navigation_type: metric.navigationType,\n      non_interaction: true, // avoids affecting bounce rate.\n    };\n    track(metric.name as Lowercase<string>, properties);\n  });\n\n  return null;\n}\n"],"mappings":";;;AAEA,SAAS,aAAa,uBAAuB;AAC7C,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,gBAAgB;AAE/B,YAAU,MAAM;AACd,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,UAAU,SAAS;AAAA,MACnB,OAAO,OAAO,IAAI,OAAO;AAAA,MACzB,QAAQ,OAAO,IAAI,QAAQ;AAAA,MAC3B,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,cAAc,OAAO,IAAI,cAAc;AAAA,MACvC,UAAU,OAAO,IAAI,UAAU;AAAA,MAC/B,aAAa,OAAO,IAAI,aAAa;AAAA,IACvC;AAEA,UAAM,aAAa,YAAY,EAAE,0BAA0B,MAAM,CAAC;AAAA,EACpE,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,qBAAmB,CAAC,WAAW;AAC7B,UAAM,aAAa;AAAA,MACjB,IAAI,OAAO;AAAA,MACX,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,iBAAiB,OAAO;AAAA,MACxB,iBAAiB;AAAA;AAAA,IACnB;AACA,UAAM,OAAO,MAA2B,UAAU;AAAA,EACpD,CAAC;AAED,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/next/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { useReportWebVitals } from 'next/web-vitals';\nimport Script from 'next/script';\nimport { track } from '../track/index';\nimport { mapAndSendFbqEvent } from '../track/fbq';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\nimport type { Gtag, GaId, GtmId } from '../track/gtag';\nimport type { Fbq, PixelId } from '../track/fbq';\n\ndeclare global {\n  interface Window extends Gtag, Fbq {}\n}\n\ninterface Props {\n  gaId?: GaId;\n  gtmId?: GtmId;\n  pixelId?: PixelId;\n  facebookAppId?: string;\n  nonce?: string;\n  debugMode?: boolean;\n}\n\nexport function sendGAEvent<T extends EventName>(\n  name: TrackName<T>,\n  properties?: TrackProperties<T>\n) {\n  if (!window.gtag) {\n    console.warn('GA has not been initialized');\n    return;\n  }\n  window.gtag('event', name, properties);\n}\n\nexport function sendFBEvent<T extends EventName>(\n  name: TrackName<T>,\n  properties?: TrackProperties<T>,\n  event_id?: string\n) {\n  if (typeof window === 'undefined' || !window.fbq) {\n    console.warn('fbq has not been initialized');\n    return;\n  }\n  mapAndSendFbqEvent(window.fbq, name, properties, { eventID: event_id });\n}\n\nexport function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props) {\n  const pathname = usePathname();\n  const params = useSearchParams();\n\n  useEffect(() => {\n    const properties = {\n      pathname,\n      referrer: document.referrer,\n      gclid: params.get('gclid'),\n      fbclid: params.get('fbclid'),\n      utm_source: params.get('utm_source'),\n      utm_medium: params.get('utm_medium'),\n      utm_campaign: params.get('utm_campaign'),\n      utm_term: params.get('utm_term'),\n      utm_content: params.get('utm_content'),\n    };\n\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname, params]);\n\n  useReportWebVitals((metric) => {\n    const properties = {\n      id: metric.id,\n      rating: metric.rating,\n      value: metric.value,\n      delta: metric.delta,\n      navigation_type: metric.navigationType,\n      non_interaction: true, // avoids affecting bounce rate.\n    };\n    track(metric.name, properties);\n  });\n\n  return (\n    <>\n      {facebookAppId && <meta property=\"fb:app_id\" content={facebookAppId} />}\n      {gaId && (\n        <>\n          <Script\n            id=\"gtag\"\n            nonce={nonce}\n            src={`https://www.googletagmanager.com/gtag/js?id=${gaId}`}\n          />\n          <Script\n            nonce={nonce}\n            id=\"gtag-init\"\n            dangerouslySetInnerHTML={{\n              __html: `\n              window.dataLayer = window.dataLayer || [];\n              function gtag(){dataLayer.push(arguments);}\n              gtag('js', new Date());\n              gtag('config', '${gaId}'${debugMode ? \" ,{ 'debug_mode': true }\" : ''});\n            `,\n            }}\n          />\n        </>\n      )}\n      {pixelId && (\n        <>\n          <Script\n            id=\"pixel\"\n            strategy=\"afterInteractive\"\n            dangerouslySetInnerHTML={{\n              __html: `\n              !(function (f, b, e, v, n, t, s) {\n                if (f.fbq) return;\n                n = f.fbq = function () {\n                  n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);\n                };\n                if (!f._fbq) f._fbq = n;\n                n.push = n;\n                n.loaded = !0;\n                n.version = '2.0';\n                n.queue = [];\n                t = b.createElement(e);\n                t.async = !0;\n                t.src = v;\n                s = b.getElementsByTagName(e)[0];\n                s.parentNode.insertBefore(t, s);\n              })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');\n              fbq('init', '${pixelId}');\n              fbq('track', 'PageView');`,\n            }}\n          />\n          <noscript>\n            <img\n              width=\"1\"\n              height=\"1\"\n              style={{ display: 'none' }}\n              src={`https://www.facebook.com/tr?id=${pixelId}&ev=PageView&noscript=1`}\n            />\n          </noscript>\n        </>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;AAEA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,uBAAuB;AAC7C,SAAS,0BAA0B;AACnC,OAAO,YAAY;AACnB,SAAS,aAAa;AACtB,SAAS,0BAA0B;AA2EX,SAEhB,UAFgB,KAEhB,YAFgB;AAzDjB,SAAS,YACd,MACA,YACA;AACA,MAAI,CAAC,OAAO,MAAM;AAChB,YAAQ,KAAK,6BAA6B;AAC1C;AAAA,EACF;AACA,SAAO,KAAK,SAAS,MAAM,UAAU;AACvC;AAEO,SAAS,YACd,MACA,YACA,UACA;AACA,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,KAAK;AAChD,YAAQ,KAAK,8BAA8B;AAC3C;AAAA,EACF;AACA,qBAAmB,OAAO,KAAK,MAAM,YAAY,EAAE,SAAS,SAAS,CAAC;AACxE;AAEO,SAAS,UAAU,EAAE,MAAM,OAAO,WAAW,SAAS,cAAc,GAAU;AACnF,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,gBAAgB;AAE/B,YAAU,MAAM;AACd,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,UAAU,SAAS;AAAA,MACnB,OAAO,OAAO,IAAI,OAAO;AAAA,MACzB,QAAQ,OAAO,IAAI,QAAQ;AAAA,MAC3B,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,cAAc,OAAO,IAAI,cAAc;AAAA,MACvC,UAAU,OAAO,IAAI,UAAU;AAAA,MAC/B,aAAa,OAAO,IAAI,aAAa;AAAA,IACvC;AAEA,UAAM,aAAa,YAAY,EAAE,0BAA0B,MAAM,CAAC;AAAA,EACpE,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,qBAAmB,CAAC,WAAW;AAC7B,UAAM,aAAa;AAAA,MACjB,IAAI,OAAO;AAAA,MACX,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,iBAAiB,OAAO;AAAA,MACxB,iBAAiB;AAAA;AAAA,IACnB;AACA,UAAM,OAAO,MAAM,UAAU;AAAA,EAC/B,CAAC;AAED,SACE,iCACG;AAAA,qBAAiB,oBAAC,UAAK,UAAS,aAAY,SAAS,eAAe;AAAA,IACpE,QACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,KAAK,+CAA+C,IAAI;AAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,IAAG;AAAA,UACH,yBAAyB;AAAA,YACvB,QAAQ;AAAA;AAAA;AAAA;AAAA,gCAIU,IAAI,IAAI,YAAY,6BAA6B,EAAE;AAAA;AAAA,UAEvE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAED,WACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAS;AAAA,UACT,yBAAyB;AAAA,YACvB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAiBO,OAAO;AAAA;AAAA,UAExB;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,cACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,EAAE,SAAS,OAAO;AAAA,UACzB,KAAK,kCAAkC,OAAO;AAAA;AAAA,MAChD,GACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/react-router/index.cjs

@@ -20,13 +20,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/react-router/index.tsx
 var react_router_exports = {};
 __export(react_router_exports, {
-  Analytics: () => Analytics
+  Analytics: () => Analytics,
+  sendFBEvent: () => sendFBEvent,
+  sendGAEvent: () => sendGAEvent
 });
 module.exports = __toCommonJS(react_router_exports);
 var import_react = require("react");
 var import_react_router = require("react-router");
 var import_web_vitals = require("web-vitals");
 var import_track = require("../track/index.cjs");
+var import_fbq = require("../track/fbq.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function useReportWebVitals(reportWebVitalsFn) {
   (0, import_react.useEffect)(() => {
     (0, import_web_vitals.onCLS)(reportWebVitalsFn);
@@ -37,7 +41,21 @@ function useReportWebVitals(reportWebVitalsFn) {
     (0, import_web_vitals.onTTFB)(reportWebVitalsFn);
   }, [reportWebVitalsFn]);
 }
-function Analytics() {
+function sendGAEvent(name, properties) {
+  if (typeof window === "undefined" || !window.gtag) {
+    console.warn("gtag has not been initialized");
+    return;
+  }
+  window.gtag("event", name, properties);
+}
+function sendFBEvent(name, properties, event_id) {
+  if (typeof window === "undefined" || !window.fbq) {
+    console.warn("fbq has not been initialized");
+    return;
+  }
+  (0, import_fbq.mapAndSendFbqEvent)(window.fbq, name, properties, { eventID: event_id });
+}
+function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }) {
   const { pathname } = (0, import_react_router.useLocation)();
   const [params] = (0, import_react_router.useSearchParams)();
   (0, import_react.useEffect)(() => {
@@ -66,10 +84,79 @@ function Analytics() {
     };
     (0, import_track.track)(metric.name, properties);
   });
-  return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    facebookAppId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { property: "fb:app_id", content: facebookAppId }),
+    gaId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "script",
+        {
+          async: true,
+          id: "gtag",
+          nonce,
+          src: `https://www.googletagmanager.com/gtag/js?id=${gaId}`
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "script",
+        {
+          async: true,
+          nonce,
+          id: "gtag-init",
+          dangerouslySetInnerHTML: {
+            __html: `
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', '${gaId}'${debugMode ? " ,{ 'debug_mode': true }" : ""});
+            `
+          }
+        }
+      )
+    ] }),
+    pixelId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "script",
+        {
+          id: "pixel",
+          dangerouslySetInnerHTML: {
+            __html: `
+              !(function (f, b, e, v, n, t, s) {
+                if (f.fbq) return;
+                n = f.fbq = function () {
+                  n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
+                };
+                if (!f._fbq) f._fbq = n;
+                n.push = n;
+                n.loaded = !0;
+                n.version = '2.0';
+                n.queue = [];
+                t = b.createElement(e);
+                t.async = !0;
+                t.src = v;
+                s = b.getElementsByTagName(e)[0];
+                s.parentNode.insertBefore(t, s);
+              })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
+              fbq('init', '${pixelId}');
+              fbq('track', 'PageView');`
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("noscript", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          width: "1",
+          height: "1",
+          style: { display: "none" },
+          src: `https://www.facebook.com/tr?id=${pixelId}&ev=PageView&noscript=1`
+        }
+      ) })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Analytics
+  Analytics,
+  sendFBEvent,
+  sendGAEvent
 });
 //# sourceMappingURL=index.cjs.map

package/dist/react-router/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react-router/index.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useLocation, useSearchParams } from 'react-router';\nimport { onLCP, onFID, onCLS, onINP, onFCP, onTTFB, type Metric } from 'web-vitals';\nimport { track } from '../track/index';\n\nfunction useReportWebVitals(reportWebVitalsFn: (metric: Metric) => void) {\n  useEffect(() => {\n    onCLS(reportWebVitalsFn);\n    onFID(reportWebVitalsFn);\n    onLCP(reportWebVitalsFn);\n    onINP(reportWebVitalsFn);\n    onFCP(reportWebVitalsFn);\n    onTTFB(reportWebVitalsFn);\n  }, [reportWebVitalsFn]);\n}\n\nexport function Analytics() {\n  const { pathname } = useLocation();\n  const [params] = useSearchParams();\n\n  useEffect(() => {\n    const properties = {\n      pathname,\n      referrer: document.referrer,\n      gclid: params.get('gclid'),\n      fbclid: params.get('fbclid'),\n      utm_source: params.get('utm_source'),\n      utm_medium: params.get('utm_medium'),\n      utm_campaign: params.get('utm_campaign'),\n      utm_term: params.get('utm_term'),\n      utm_content: params.get('utm_content'),\n    };\n\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname, params]);\n\n  useReportWebVitals((metric) => {\n    const properties = {\n      id: metric.id,\n      rating: metric.rating,\n      value: metric.value,\n      delta: metric.delta,\n      navigation_type: metric.navigationType,\n      non_interaction: true, // avoids affecting bounce rate.\n    };\n    track(metric.name as Lowercase<string>, properties);\n  });\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,0BAA6C;AAC7C,wBAAuE;AACvE,mBAAsB;AAEtB,SAAS,mBAAmB,mBAA6C;AACvE,8BAAU,MAAM;AACd,iCAAM,iBAAiB;AACvB,iCAAM,iBAAiB;AACvB,iCAAM,iBAAiB;AACvB,iCAAM,iBAAiB;AACvB,iCAAM,iBAAiB;AACvB,kCAAO,iBAAiB;AAAA,EAC1B,GAAG,CAAC,iBAAiB,CAAC;AACxB;AAEO,SAAS,YAAY;AAC1B,QAAM,EAAE,SAAS,QAAI,iCAAY;AACjC,QAAM,CAAC,MAAM,QAAI,qCAAgB;AAEjC,8BAAU,MAAM;AACd,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,UAAU,SAAS;AAAA,MACnB,OAAO,OAAO,IAAI,OAAO;AAAA,MACzB,QAAQ,OAAO,IAAI,QAAQ;AAAA,MAC3B,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,YAAY,OAAO,IAAI,YAAY;AAAA,MACnC,cAAc,OAAO,IAAI,cAAc;AAAA,MACvC,UAAU,OAAO,IAAI,UAAU;AAAA,MAC/B,aAAa,OAAO,IAAI,aAAa;AAAA,IACvC;AAEA,4BAAM,aAAa,YAAY,EAAE,0BAA0B,MAAM,CAAC;AAAA,EACpE,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,qBAAmB,CAAC,WAAW;AAC7B,UAAM,aAAa;AAAA,MACjB,IAAI,OAAO;AAAA,MACX,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,iBAAiB,OAAO;AAAA,MACxB,iBAAiB;AAAA;AAAA,IACnB;AACA,4BAAM,OAAO,MAA2B,UAAU;AAAA,EACpD,CAAC;AAED,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/react-router/index.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useLocation, useSearchParams } from 'react-router';\nimport { onLCP, onFID, onCLS, onINP, onFCP, onTTFB, type Metric } from 'web-vitals';\nimport { track } from '../track/index';\nimport { mapAndSendFbqEvent } from '../track/fbq';\nimport type { Gtag, GaId, GtmId } from '../track/gtag';\nimport type { Fbq, PixelId } from '../track/fbq';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\n\nfunction useReportWebVitals(reportWebVitalsFn: (metric: Metric) => void) {\n  useEffect(() => {\n    onCLS(reportWebVitalsFn);\n    onFID(reportWebVitalsFn);\n    onLCP(reportWebVitalsFn);\n    onINP(reportWebVitalsFn);\n    onFCP(reportWebVitalsFn);\n    onTTFB(reportWebVitalsFn);\n  }, [reportWebVitalsFn]);\n}\n\ndeclare global {\n  interface Window extends Gtag, Fbq {}\n}\n\ninterface Props {\n  gaId?: GaId;\n  gtmId?: GtmId;\n  pixelId?: PixelId;\n  facebookAppId?: string;\n  nonce?: string;\n  debugMode?: boolean;\n}\n\nexport function sendGAEvent<T extends EventName>(\n  name: TrackName<T>,\n  properties?: TrackProperties<T>\n) {\n  if (typeof window === 'undefined' || !window.gtag) {\n    console.warn('gtag has not been initialized');\n    return;\n  }\n  window.gtag('event', name, properties);\n}\n\nexport function sendFBEvent<T extends EventName>(\n  name: TrackName<T>,\n  properties?: TrackProperties<T>,\n  event_id?: string\n) {\n  if (typeof window === 'undefined' || !window.fbq) {\n    console.warn('fbq has not been initialized');\n    return;\n  }\n  mapAndSendFbqEvent(window.fbq, name, properties, { eventID: event_id });\n}\n\nexport function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props) {\n  const { pathname } = useLocation();\n  const [params] = useSearchParams();\n\n  useEffect(() => {\n    const properties = {\n      pathname,\n      referrer: document.referrer,\n      gclid: params.get('gclid'),\n      fbclid: params.get('fbclid'),\n      utm_source: params.get('utm_source'),\n      utm_medium: params.get('utm_medium'),\n      utm_campaign: params.get('utm_campaign'),\n      utm_term: params.get('utm_term'),\n      utm_content: params.get('utm_content'),\n    };\n\n    /**\n     * Pixel:\n     * Each time the Pixel loads, it automatically calls fbq('track', 'PageView') to track a\n     * PageView standard event.\n     */\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname, params]);\n\n  useReportWebVitals((metric) => {\n    const properties = {\n      id: metric.id,\n      rating: metric.rating,\n      value: metric.value,\n      delta: metric.delta,\n      navigation_type: metric.navigationType,\n      non_interaction: true, // avoids affecting bounce rate.\n    };\n    track(metric.name, properties);\n  });\n\n  return (\n    <>\n      {facebookAppId && <meta property=\"fb:app_id\" content={facebookAppId} />}\n      {gaId && (\n        <>\n          <script\n            async\n            id=\"gtag\"\n            nonce={nonce}\n            src={`https://www.googletagmanager.com/gtag/js?id=${gaId}`}\n          />\n          <script\n            async\n            nonce={nonce}\n            id=\"gtag-init\"\n            dangerouslySetInnerHTML={{\n              __html: `\n              window.dataLayer = window.dataLayer || [];\n              function gtag(){dataLayer.push(arguments);}\n              gtag('js', new Date());\n              gtag('config', '${gaId}'${debugMode ? \" ,{ 'debug_mode': true }\" : ''});\n            `,\n            }}\n          />\n        </>\n      )}\n      {pixelId && (\n        <>\n          <script\n            id=\"pixel\"\n            dangerouslySetInnerHTML={{\n              __html: `\n              !(function (f, b, e, v, n, t, s) {\n                if (f.fbq) return;\n                n = f.fbq = function () {\n                  n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);\n                };\n                if (!f._fbq) f._fbq = n;\n                n.push = n;\n                n.loaded = !0;\n                n.version = '2.0';\n                n.queue = [];\n                t = b.createElement(e);\n                t.async = !0;\n                t.src = v;\n                s = b.getElementsByTagName(e)[0];\n                s.parentNode.insertBefore(t, s);\n              })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');\n              fbq('init', '${pixelId}');\n              fbq('track', 'PageView');`,\n            }}\n          />\n          <noscript>\n            <img\n              width=\"1\"\n              height=\"1\"\n              style={{ display: 'none' }}\n              src={`https://www.facebook.com/tr?id=${pixelId}&ev=PageView&noscript=1`}\n            />\n          </noscript>\n        </>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/react-router/index.d.cts

@@ -1,3 +1,22 @@
-declare function Analytics(): null;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Gtag, GaId, GtmId } from '../track/gtag.cjs';
+import { Fbq, PixelId } from '../track/fbq.cjs';
+import { EventName, TrackName, TrackProperties } from '../track/types.cjs';
 
-export { Analytics };
+declare global {
+    interface Window extends Gtag, Fbq {
+    }
+}
+interface Props {
+    gaId?: GaId;
+    gtmId?: GtmId;
+    pixelId?: PixelId;
+    facebookAppId?: string;
+    nonce?: string;
+    debugMode?: boolean;
+}
+declare function sendGAEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>): void;
+declare function sendFBEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>, event_id?: string): void;
+declare function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props): react_jsx_runtime.JSX.Element;
+
+export { Analytics, sendFBEvent, sendGAEvent };

package/dist/react-router/index.d.ts

@@ -1,3 +1,22 @@
-declare function Analytics(): null;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Gtag, GaId, GtmId } from '../track/gtag.js';
+import { Fbq, PixelId } from '../track/fbq.js';
+import { EventName, TrackName, TrackProperties } from '../track/types.js';
 
-export { Analytics };
+declare global {
+    interface Window extends Gtag, Fbq {
+    }
+}
+interface Props {
+    gaId?: GaId;
+    gtmId?: GtmId;
+    pixelId?: PixelId;
+    facebookAppId?: string;
+    nonce?: string;
+    debugMode?: boolean;
+}
+declare function sendGAEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>): void;
+declare function sendFBEvent<T extends EventName>(name: TrackName<T>, properties?: TrackProperties<T>, event_id?: string): void;
+declare function Analytics({ gaId, nonce, debugMode, pixelId, facebookAppId }: Props): react_jsx_runtime.JSX.Element;
+
+export { Analytics, sendFBEvent, sendGAEvent };