@productbet/tracker-react 0.1.0 → 0.1.1

package/README.md

@@ -0,0 +1,119 @@
+# @productbet/tracker-react
+
+React integration for [ProductBet](https://productbet.io) behavioral analytics. Provides a context provider and hooks for session recording, event tracking, and user identification.
+
+> For **Next.js App Router** projects, use **[@productbet/tracker-next](https://www.npmjs.com/package/@productbet/tracker-next)** instead, which adds automatic route tracking.
+
+## Install
+
+```bash
+npm install @productbet/tracker-react
+```
+
+## Quick start
+
+Wrap your app with `ProductBetProvider`:
+
+```tsx
+import { ProductBetProvider } from "@productbet/tracker-react"
+
+function App() {
+  return (
+    <ProductBetProvider apiKey="pb_live_xxxx">
+      <YourApp />
+    </ProductBetProvider>
+  )
+}
+```
+
+That's it. The SDK will automatically track clicks, form interactions, scroll depth, navigation, console errors, and network failures.
+
+## Hooks
+
+### `useIdentify`
+
+Identify the current user. Call this once the user is authenticated.
+
+```tsx
+import { useIdentify } from "@productbet/tracker-react"
+
+function Dashboard({ user }) {
+  useIdentify(user.id, { plan: user.plan, company: user.company })
+
+  return <div>...</div>
+}
+```
+
+### `useTrackEvent`
+
+Track custom events.
+
+```tsx
+import { useTrackEvent } from "@productbet/tracker-react"
+
+function ExportButton() {
+  const track = useTrackEvent()
+
+  return (
+    <button onClick={() => track("export_clicked", { format: "csv" })}>
+      Export
+    </button>
+  )
+}
+```
+
+### `usePageView`
+
+Manually track page views (useful for SPAs without Next.js).
+
+```tsx
+import { usePageView } from "@productbet/tracker-react"
+import { useLocation } from "react-router-dom"
+
+function PageTracker() {
+  const location = useLocation()
+  usePageView(location.pathname)
+
+  return null
+}
+```
+
+### `useTracker`
+
+Access the underlying tracker instance for advanced use cases.
+
+```tsx
+import { useTracker } from "@productbet/tracker-react"
+
+function Component() {
+  const tracker = useTracker()
+
+  // tracker.getSessionId()
+  // tracker.track(...)
+  // tracker.identify(...)
+}
+```
+
+## Configuration
+
+Pass any option as a prop to `ProductBetProvider`:
+
+```tsx
+<ProductBetProvider
+  apiKey="pb_live_xxxx"
+  enableSessionRecording={true}
+  enableAutoTracking={true}
+  enableConsoleTracking={true}
+  enableNetworkTracking={true}
+  debug={false}
+  redaction={{ mode: "privacy-first", unredactFields: ["search"] }}
+>
+  <App />
+</ProductBetProvider>
+```
+
+See [@productbet/tracker-core](https://www.npmjs.com/package/@productbet/tracker-core) for the full list of options.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { ProductBetProvider, ProductBetContext } from "./provider";
 export type { ProductBetProviderProps } from "./provider";
 export { useTracker, useIdentify, useTrackEvent, usePageView } from "./hooks";
-export type { TrackerOptions, AutoTrackingOptions, RedactionOptions, } from "@productbet/tracker-core";
+export { ProductBetTracker } from "@productbet/tracker-core";
+export type { TrackerOptions, AutoTrackingOptions, RedactionOptions, UserProperties, TrackedEvent, EventType, } from "@productbet/tracker-core";

package/dist/index.js

@@ -60,6 +60,10 @@ function usePageView(pathname) {
     }, [tracker, pathname]);
 }
 
+Object.defineProperty(exports, "ProductBetTracker", {
+    enumerable: true,
+    get: function () { return trackerCore.ProductBetTracker; }
+});
 exports.ProductBetContext = ProductBetContext;
 exports.ProductBetProvider = ProductBetProvider;
 exports.useIdentify = useIdentify;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/provider.tsx","../src/hooks.ts"],"sourcesContent":["import {\n    createContext,\n    useEffect,\n    useRef,\n    type ReactNode,\n} from \"react\"\nimport {\n    ProductBetTracker,\n    type TrackerOptions,\n} from \"@productbet/tracker-core\"\n\nexport const ProductBetContext = createContext<ProductBetTracker | null>(null)\n\nexport interface ProductBetProviderProps extends TrackerOptions {\n    apiKey: string\n    children: ReactNode\n}\n\nexport function ProductBetProvider({\n    apiKey,\n    children,\n    ...options\n}: ProductBetProviderProps) {\n    const trackerRef = useRef<ProductBetTracker | null>(null)\n\n    if (!trackerRef.current && typeof window !== \"undefined\") {\n        trackerRef.current = ProductBetTracker.init(apiKey, options)\n    }\n\n    useEffect(() => {\n        const tracker = trackerRef.current\n        if (!tracker) return\n\n        tracker.start()\n\n        return () => {\n            tracker.stop()\n        }\n    }, [])\n\n    return (\n        <ProductBetContext.Provider value={trackerRef.current}>\n            {children}\n        </ProductBetContext.Provider>\n    )\n}\n","import { useContext, useEffect, useRef } from \"react\"\nimport { ProductBetContext } from \"./provider\"\nimport type { ProductBetTracker } from \"@productbet/tracker-core\"\n\nexport function useTracker(): ProductBetTracker | null {\n    return useContext(ProductBetContext)\n}\n\nexport function useIdentify(\n    userId: string | null | undefined,\n    attributes?: Record<string, unknown>,\n): void {\n    const tracker = useTracker()\n    const prevUserIdRef = useRef<string | null | undefined>(null)\n\n    useEffect(() => {\n        if (!tracker || !userId) return\n        if (userId === prevUserIdRef.current) return\n\n        prevUserIdRef.current = userId\n        tracker.identify(userId, attributes)\n    }, [tracker, userId, attributes])\n}\n\nexport function useTrackEvent(): (\n    eventName: string,\n    properties?: Record<string, unknown>,\n) => void {\n    const tracker = useTracker()\n\n    return (eventName: string, properties?: Record<string, unknown>) => {\n        tracker?.track(eventName, properties)\n    }\n}\n\nexport function usePageView(pathname?: string): void {\n    const tracker = useTracker()\n    const prevPathRef = useRef<string | undefined>(undefined)\n\n    useEffect(() => {\n        if (!tracker || !pathname) return\n        if (pathname === prevPathRef.current) return\n\n        prevPathRef.current = pathname\n        tracker.track(\"$page_view\", {\n            path: pathname,\n            url: typeof window !== \"undefined\" ? window.location.href : undefined,\n            title: typeof document !== \"undefined\" ? document.title : undefined,\n        })\n    }, [tracker, pathname])\n}\n"],"names":["createContext","useRef","ProductBetTracker","useEffect","_jsx","useContext"],"mappings":";;;;;;MAWa,iBAAiB,GAAGA,mBAAa,CAA2B,IAAI;AAOvE,SAAU,kBAAkB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACY,EAAA;AACtB,IAAA,MAAM,UAAU,GAAGC,YAAM,CAA2B,IAAI,CAAC;IAEzD,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACtD,UAAU,CAAC,OAAO,GAAGC,6BAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE;IAEAC,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,OAAO,CAAC,KAAK,EAAE;AAEf,QAAA,OAAO,MAAK;YACR,OAAO,CAAC,IAAI,EAAE;AAClB,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACIC,cAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAChD,QAAQ,EAAA,CACgB;AAErC;;SCzCgB,UAAU,GAAA;AACtB,IAAA,OAAOC,gBAAU,CAAC,iBAAiB,CAAC;AACxC;AAEM,SAAU,WAAW,CACvB,MAAiC,EACjC,UAAoC,EAAA;AAEpC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,aAAa,GAAGJ,YAAM,CAA4B,IAAI,CAAC;IAE7DE,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE;AACzB,QAAA,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO;YAAE;AAEtC,QAAA,aAAa,CAAC,OAAO,GAAG,MAAM;AAC9B,QAAA,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AACrC;SAEgB,aAAa,GAAA;AAIzB,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAE5B,IAAA,OAAO,CAAC,SAAiB,EAAE,UAAoC,KAAI;AAC/D,QAAA,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC;AACzC,IAAA,CAAC;AACL;AAEM,SAAU,WAAW,CAAC,QAAiB,EAAA;AACzC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,WAAW,GAAGF,YAAM,CAAqB,SAAS,CAAC;IAEzDE,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE;AAC3B,QAAA,IAAI,QAAQ,KAAK,WAAW,CAAC,OAAO;YAAE;AAEtC,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;AAC9B,QAAA,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE;AACxB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,GAAG,EAAE,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS;AACrE,YAAA,KAAK,EAAE,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,SAAS;AACtE,SAAA,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC3B;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/provider.tsx","../src/hooks.ts"],"sourcesContent":["import {\n    createContext,\n    useEffect,\n    useRef,\n    type ReactNode,\n} from \"react\"\nimport {\n    ProductBetTracker,\n    type TrackerOptions,\n} from \"@productbet/tracker-core\"\n\nexport const ProductBetContext = createContext<ProductBetTracker | null>(null)\n\nexport interface ProductBetProviderProps extends TrackerOptions {\n    apiKey: string\n    children: ReactNode\n}\n\nexport function ProductBetProvider({\n    apiKey,\n    children,\n    ...options\n}: ProductBetProviderProps) {\n    const trackerRef = useRef<ProductBetTracker | null>(null)\n\n    if (!trackerRef.current && typeof window !== \"undefined\") {\n        trackerRef.current = ProductBetTracker.init(apiKey, options)\n    }\n\n    useEffect(() => {\n        const tracker = trackerRef.current\n        if (!tracker) return\n\n        tracker.start()\n\n        return () => {\n            tracker.stop()\n        }\n    }, [])\n\n    return (\n        <ProductBetContext.Provider value={trackerRef.current}>\n            {children}\n        </ProductBetContext.Provider>\n    )\n}\n","import { useContext, useEffect, useRef } from \"react\"\nimport { ProductBetContext } from \"./provider\"\nimport type { ProductBetTracker } from \"@productbet/tracker-core\"\n\nexport function useTracker(): ProductBetTracker | null {\n    return useContext(ProductBetContext)\n}\n\nexport function useIdentify(\n    userId: string | null | undefined,\n    attributes?: Record<string, unknown>,\n): void {\n    const tracker = useTracker()\n    const prevUserIdRef = useRef<string | null | undefined>(null)\n\n    useEffect(() => {\n        if (!tracker || !userId) return\n        if (userId === prevUserIdRef.current) return\n\n        prevUserIdRef.current = userId\n        tracker.identify(userId, attributes)\n    }, [tracker, userId, attributes])\n}\n\nexport function useTrackEvent(): (\n    eventName: string,\n    properties?: Record<string, unknown>,\n) => void {\n    const tracker = useTracker()\n\n    return (eventName: string, properties?: Record<string, unknown>) => {\n        tracker?.track(eventName, properties)\n    }\n}\n\nexport function usePageView(pathname?: string): void {\n    const tracker = useTracker()\n    const prevPathRef = useRef<string | undefined>(undefined)\n\n    useEffect(() => {\n        if (!tracker || !pathname) return\n        if (pathname === prevPathRef.current) return\n\n        prevPathRef.current = pathname\n        tracker.track(\"$page_view\", {\n            path: pathname,\n            url: typeof window !== \"undefined\" ? window.location.href : undefined,\n            title: typeof document !== \"undefined\" ? document.title : undefined,\n        })\n    }, [tracker, pathname])\n}\n"],"names":["createContext","useRef","ProductBetTracker","useEffect","_jsx","useContext"],"mappings":";;;;;;MAWa,iBAAiB,GAAGA,mBAAa,CAA2B,IAAI;AAOvE,SAAU,kBAAkB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACY,EAAA;AACtB,IAAA,MAAM,UAAU,GAAGC,YAAM,CAA2B,IAAI,CAAC;IAEzD,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACtD,UAAU,CAAC,OAAO,GAAGC,6BAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE;IAEAC,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,OAAO,CAAC,KAAK,EAAE;AAEf,QAAA,OAAO,MAAK;YACR,OAAO,CAAC,IAAI,EAAE;AAClB,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACIC,cAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAChD,QAAQ,EAAA,CACgB;AAErC;;SCzCgB,UAAU,GAAA;AACtB,IAAA,OAAOC,gBAAU,CAAC,iBAAiB,CAAC;AACxC;AAEM,SAAU,WAAW,CACvB,MAAiC,EACjC,UAAoC,EAAA;AAEpC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,aAAa,GAAGJ,YAAM,CAA4B,IAAI,CAAC;IAE7DE,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE;AACzB,QAAA,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO;YAAE;AAEtC,QAAA,aAAa,CAAC,OAAO,GAAG,MAAM;AAC9B,QAAA,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AACrC;SAEgB,aAAa,GAAA;AAIzB,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAE5B,IAAA,OAAO,CAAC,SAAiB,EAAE,UAAoC,KAAI;AAC/D,QAAA,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC;AACzC,IAAA,CAAC;AACL;AAEM,SAAU,WAAW,CAAC,QAAiB,EAAA;AACzC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,WAAW,GAAGF,YAAM,CAAqB,SAAS,CAAC;IAEzDE,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE;AAC3B,QAAA,IAAI,QAAQ,KAAK,WAAW,CAAC,OAAO;YAAE;AAEtC,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;AAC9B,QAAA,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE;AACxB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,GAAG,EAAE,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS;AACrE,YAAA,KAAK,EAAE,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,SAAS;AACtE,SAAA,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC3B;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useRef, useEffect, useContext } from 'react';
 import { ProductBetTracker } from '@productbet/tracker-core';
+export { ProductBetTracker } from '@productbet/tracker-core';
 
 const ProductBetContext = createContext(null);
 function ProductBetProvider({ apiKey, children, ...options }) {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/provider.tsx","../src/hooks.ts"],"sourcesContent":["import {\n    createContext,\n    useEffect,\n    useRef,\n    type ReactNode,\n} from \"react\"\nimport {\n    ProductBetTracker,\n    type TrackerOptions,\n} from \"@productbet/tracker-core\"\n\nexport const ProductBetContext = createContext<ProductBetTracker | null>(null)\n\nexport interface ProductBetProviderProps extends TrackerOptions {\n    apiKey: string\n    children: ReactNode\n}\n\nexport function ProductBetProvider({\n    apiKey,\n    children,\n    ...options\n}: ProductBetProviderProps) {\n    const trackerRef = useRef<ProductBetTracker | null>(null)\n\n    if (!trackerRef.current && typeof window !== \"undefined\") {\n        trackerRef.current = ProductBetTracker.init(apiKey, options)\n    }\n\n    useEffect(() => {\n        const tracker = trackerRef.current\n        if (!tracker) return\n\n        tracker.start()\n\n        return () => {\n            tracker.stop()\n        }\n    }, [])\n\n    return (\n        <ProductBetContext.Provider value={trackerRef.current}>\n            {children}\n        </ProductBetContext.Provider>\n    )\n}\n","import { useContext, useEffect, useRef } from \"react\"\nimport { ProductBetContext } from \"./provider\"\nimport type { ProductBetTracker } from \"@productbet/tracker-core\"\n\nexport function useTracker(): ProductBetTracker | null {\n    return useContext(ProductBetContext)\n}\n\nexport function useIdentify(\n    userId: string | null | undefined,\n    attributes?: Record<string, unknown>,\n): void {\n    const tracker = useTracker()\n    const prevUserIdRef = useRef<string | null | undefined>(null)\n\n    useEffect(() => {\n        if (!tracker || !userId) return\n        if (userId === prevUserIdRef.current) return\n\n        prevUserIdRef.current = userId\n        tracker.identify(userId, attributes)\n    }, [tracker, userId, attributes])\n}\n\nexport function useTrackEvent(): (\n    eventName: string,\n    properties?: Record<string, unknown>,\n) => void {\n    const tracker = useTracker()\n\n    return (eventName: string, properties?: Record<string, unknown>) => {\n        tracker?.track(eventName, properties)\n    }\n}\n\nexport function usePageView(pathname?: string): void {\n    const tracker = useTracker()\n    const prevPathRef = useRef<string | undefined>(undefined)\n\n    useEffect(() => {\n        if (!tracker || !pathname) return\n        if (pathname === prevPathRef.current) return\n\n        prevPathRef.current = pathname\n        tracker.track(\"$page_view\", {\n            path: pathname,\n            url: typeof window !== \"undefined\" ? window.location.href : undefined,\n            title: typeof document !== \"undefined\" ? document.title : undefined,\n        })\n    }, [tracker, pathname])\n}\n"],"names":["_jsx"],"mappings":";;;;MAWa,iBAAiB,GAAG,aAAa,CAA2B,IAAI;AAOvE,SAAU,kBAAkB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACY,EAAA;AACtB,IAAA,MAAM,UAAU,GAAG,MAAM,CAA2B,IAAI,CAAC;IAEzD,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACtD,UAAU,CAAC,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE;IAEA,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,OAAO,CAAC,KAAK,EAAE;AAEf,QAAA,OAAO,MAAK;YACR,OAAO,CAAC,IAAI,EAAE;AAClB,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACIA,GAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAChD,QAAQ,EAAA,CACgB;AAErC;;SCzCgB,UAAU,GAAA;AACtB,IAAA,OAAO,UAAU,CAAC,iBAAiB,CAAC;AACxC;AAEM,SAAU,WAAW,CACvB,MAAiC,EACjC,UAAoC,EAAA;AAEpC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,aAAa,GAAG,MAAM,CAA4B,IAAI,CAAC;IAE7D,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE;AACzB,QAAA,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO;YAAE;AAEtC,QAAA,aAAa,CAAC,OAAO,GAAG,MAAM;AAC9B,QAAA,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AACrC;SAEgB,aAAa,GAAA;AAIzB,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAE5B,IAAA,OAAO,CAAC,SAAiB,EAAE,UAAoC,KAAI;AAC/D,QAAA,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC;AACzC,IAAA,CAAC;AACL;AAEM,SAAU,WAAW,CAAC,QAAiB,EAAA;AACzC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAqB,SAAS,CAAC;IAEzD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE;AAC3B,QAAA,IAAI,QAAQ,KAAK,WAAW,CAAC,OAAO;YAAE;AAEtC,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;AAC9B,QAAA,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE;AACxB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,GAAG,EAAE,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS;AACrE,YAAA,KAAK,EAAE,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,SAAS;AACtE,SAAA,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC3B;;;;"}
+{"version":3,"file":"index.mjs","sources":["../src/provider.tsx","../src/hooks.ts"],"sourcesContent":["import {\n    createContext,\n    useEffect,\n    useRef,\n    type ReactNode,\n} from \"react\"\nimport {\n    ProductBetTracker,\n    type TrackerOptions,\n} from \"@productbet/tracker-core\"\n\nexport const ProductBetContext = createContext<ProductBetTracker | null>(null)\n\nexport interface ProductBetProviderProps extends TrackerOptions {\n    apiKey: string\n    children: ReactNode\n}\n\nexport function ProductBetProvider({\n    apiKey,\n    children,\n    ...options\n}: ProductBetProviderProps) {\n    const trackerRef = useRef<ProductBetTracker | null>(null)\n\n    if (!trackerRef.current && typeof window !== \"undefined\") {\n        trackerRef.current = ProductBetTracker.init(apiKey, options)\n    }\n\n    useEffect(() => {\n        const tracker = trackerRef.current\n        if (!tracker) return\n\n        tracker.start()\n\n        return () => {\n            tracker.stop()\n        }\n    }, [])\n\n    return (\n        <ProductBetContext.Provider value={trackerRef.current}>\n            {children}\n        </ProductBetContext.Provider>\n    )\n}\n","import { useContext, useEffect, useRef } from \"react\"\nimport { ProductBetContext } from \"./provider\"\nimport type { ProductBetTracker } from \"@productbet/tracker-core\"\n\nexport function useTracker(): ProductBetTracker | null {\n    return useContext(ProductBetContext)\n}\n\nexport function useIdentify(\n    userId: string | null | undefined,\n    attributes?: Record<string, unknown>,\n): void {\n    const tracker = useTracker()\n    const prevUserIdRef = useRef<string | null | undefined>(null)\n\n    useEffect(() => {\n        if (!tracker || !userId) return\n        if (userId === prevUserIdRef.current) return\n\n        prevUserIdRef.current = userId\n        tracker.identify(userId, attributes)\n    }, [tracker, userId, attributes])\n}\n\nexport function useTrackEvent(): (\n    eventName: string,\n    properties?: Record<string, unknown>,\n) => void {\n    const tracker = useTracker()\n\n    return (eventName: string, properties?: Record<string, unknown>) => {\n        tracker?.track(eventName, properties)\n    }\n}\n\nexport function usePageView(pathname?: string): void {\n    const tracker = useTracker()\n    const prevPathRef = useRef<string | undefined>(undefined)\n\n    useEffect(() => {\n        if (!tracker || !pathname) return\n        if (pathname === prevPathRef.current) return\n\n        prevPathRef.current = pathname\n        tracker.track(\"$page_view\", {\n            path: pathname,\n            url: typeof window !== \"undefined\" ? window.location.href : undefined,\n            title: typeof document !== \"undefined\" ? document.title : undefined,\n        })\n    }, [tracker, pathname])\n}\n"],"names":["_jsx"],"mappings":";;;;;MAWa,iBAAiB,GAAG,aAAa,CAA2B,IAAI;AAOvE,SAAU,kBAAkB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACY,EAAA;AACtB,IAAA,MAAM,UAAU,GAAG,MAAM,CAA2B,IAAI,CAAC;IAEzD,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACtD,UAAU,CAAC,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE;IAEA,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,OAAO,CAAC,KAAK,EAAE;AAEf,QAAA,OAAO,MAAK;YACR,OAAO,CAAC,IAAI,EAAE;AAClB,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACIA,GAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAChD,QAAQ,EAAA,CACgB;AAErC;;SCzCgB,UAAU,GAAA;AACtB,IAAA,OAAO,UAAU,CAAC,iBAAiB,CAAC;AACxC;AAEM,SAAU,WAAW,CACvB,MAAiC,EACjC,UAAoC,EAAA;AAEpC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,aAAa,GAAG,MAAM,CAA4B,IAAI,CAAC;IAE7D,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE;AACzB,QAAA,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO;YAAE;AAEtC,QAAA,aAAa,CAAC,OAAO,GAAG,MAAM;AAC9B,QAAA,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AACrC;SAEgB,aAAa,GAAA;AAIzB,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAE5B,IAAA,OAAO,CAAC,SAAiB,EAAE,UAAoC,KAAI;AAC/D,QAAA,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC;AACzC,IAAA,CAAC;AACL;AAEM,SAAU,WAAW,CAAC,QAAiB,EAAA;AACzC,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAC5B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAqB,SAAS,CAAC;IAEzD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE;AAC3B,QAAA,IAAI,QAAQ,KAAK,WAAW,CAAC,OAAO;YAAE;AAEtC,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;AAC9B,QAAA,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE;AACxB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,GAAG,EAAE,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS;AACrE,YAAA,KAAK,EAAE,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,SAAS;AACtE,SAAA,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC3B;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@productbet/tracker-react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React integration for ProductBet behavioral analytics SDK",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,7 +16,7 @@
     "dist"
   ],
   "dependencies": {
-    "@productbet/tracker-core": "0.1.0"
+    "@productbet/tracker-core": "0.1.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0",