@usermaven/nextjs 1.4.4 → 1.5.1

package/lib/middlewareEnv.d.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from "next/server";
-import { ClientProperties } from "@usermaven/sdk-js/src/interface";
+import { ClientProperties } from "@usermaven/sdk-js";
 declare function middlewareEnv(req: NextRequest, res: NextResponse, opts?: {
     disableCookies?: boolean;
 }): {

package/lib/usePageView.js

@@ -1,22 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const router_1 = require("next/router");
-function usePageView(usermaven, opts = {}) {
-    const router = (0, router_1.useRouter)();
+function useUrlChange() {
+    const [url, setUrl] = (0, react_1.useState)('');
     (0, react_1.useEffect)(() => {
-        const handleRouteChange = () => {
-            if (opts.before) {
-                opts.before(usermaven);
-            }
-            usermaven.track((opts === null || opts === void 0 ? void 0 : opts.typeName) || 'pageview', opts.payload);
+        setUrl(window.location.href);
+        const handleUrlChange = () => {
+            setUrl(window.location.href);
+        };
+        window.addEventListener('popstate', handleUrlChange);
+        const originalPushState = window.history.pushState;
+        const originalReplaceState = window.history.replaceState;
+        window.history.pushState = function () {
+            originalPushState.apply(this, arguments);
+            handleUrlChange();
+        };
+        window.history.replaceState = function () {
+            originalReplaceState.apply(this, arguments);
+            handleUrlChange();
         };
-        handleRouteChange();
-        router.events.on('routeChangeComplete', handleRouteChange);
         return () => {
-            router.events.off('routeChangeComplete', handleRouteChange);
+            window.removeEventListener('popstate', handleUrlChange);
+            window.history.pushState = originalPushState;
+            window.history.replaceState = originalReplaceState;
         };
-    }, [router.events, usermaven.track, opts.payload, opts.before]);
+    }, []);
+    return url;
+}
+function usePageView(usermaven, opts = {}) {
+    const url = useUrlChange();
+    const trackPageView = (0, react_1.useCallback)(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        if (opts.before) {
+            opts.before(usermaven);
+        }
+        usermaven.track((opts === null || opts === void 0 ? void 0 : opts.typeName) || 'pageview', Object.assign(Object.assign({}, opts.payload), { url: window.location.href, path: window.location.pathname, referrer: document.referrer, title: document.title }));
+    }, [usermaven, opts.before, opts.typeName, opts.payload]);
+    (0, react_1.useEffect)(() => {
+        if (url) {
+            trackPageView();
+        }
+    }, [url, trackPageView]);
     return usermaven;
 }
 exports.default = usePageView;

package/lib/useUsermaven.d.ts

@@ -1,5 +1,17 @@
-import { UsermavenClient } from "@usermaven/sdk-js";
-declare function useUsermaven(): UsermavenClient & {
-    trackPageView: () => Promise<void>;
+import { EventPayload, UserProps } from "@usermaven/sdk-js";
+export type UsermavenClient = {
+    trackPageView: () => void;
+    id: (userData: UserProps, doNotSendEvent?: boolean) => Promise<void>;
+    track: (typeName: string, payload?: EventPayload) => void;
+    rawTrack: (payload: any) => void;
+    set: (properties: Record<string, any>, opts?: {
+        eventType?: string;
+        persist?: boolean;
+    }) => void;
+    unset: (propertyName: string, opts?: {
+        eventType?: string;
+        persist?: boolean;
+    }) => void;
 };
+declare function useUsermaven(): UsermavenClient;
 export default useUsermaven;

package/lib/useUsermaven.js

@@ -5,17 +5,19 @@ const UsermavenContext_1 = require("./UsermavenContext");
 function useUsermaven() {
     const client = (0, react_1.useContext)(UsermavenContext_1.default);
     if (!client) {
-        throw new Error("Before calling useUsermaven() hook, please wrap your component into <JitsuProvider />. Read more in https://usermaven.com/docs/integrations/next");
+        throw new Error("Before calling useUsermaven() hook, please wrap your component into <UsermavenProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
     }
     const id = (0, react_1.useCallback)((userData, doNotSendEvent) => client === null || client === void 0 ? void 0 : client.id(userData, doNotSendEvent), [client]);
     const trackPageView = (0, react_1.useCallback)(() => client === null || client === void 0 ? void 0 : client.track('pageview'), [client]);
     const track = (0, react_1.useCallback)((typeName, payload) => client === null || client === void 0 ? void 0 : client.track(typeName, payload), [client]);
     const rawTrack = (0, react_1.useCallback)((payload) => client === null || client === void 0 ? void 0 : client.rawTrack(payload), [client]);
-    const interceptAnalytics = (0, react_1.useCallback)((analytics) => client === null || client === void 0 ? void 0 : client.interceptAnalytics(analytics), [client]);
+    const set = (0, react_1.useCallback)((properties, opts) => client === null || client === void 0 ? void 0 : client.set(properties, opts), [client]);
+    const unset = (0, react_1.useCallback)((propertyName, opts) => client === null || client === void 0 ? void 0 : client.unset(propertyName, opts), [client]);
     return Object.assign(Object.assign({}, client), { id,
         track,
         trackPageView,
         rawTrack,
-        interceptAnalytics });
+        set,
+        unset });
 }
 exports.default = useUsermaven;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usermaven/nextjs",
-  "version": "1.4.4",
+  "version": "1.5.1",
   "description": "Usermaven JavaScript SDK for NextJS",
   "author": "Usermaven <hello@usermaven.com>",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@usermaven/sdk-js": "^1.2.5",
+    "@usermaven/sdk-js": "1.5.1",
     "cookie": "^0.5.0"
   },
   "peerDependencies": {
@@ -35,13 +35,13 @@
     "rollup": "^2.70.1",
     "rollup-plugin-peer-deps-external": "^2.2.4"
   },
-  "scripts": {
-    "build": "rollup -c && tsc",
-    "test": "echo \"Error: run tests from root\" && exit 1"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/usermaven/usermaven-js",
     "directory": "packages/nextjs"
+  },
+  "scripts": {
+    "build": "rollup -c && tsc",
+    "test": "echo \"Error: run tests from root\" && exit 1"
   }
-}
+}