@ninetailed/experience.js-next 7.5.3 → 7.6.0-beta.2

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/{index.cjs → index.cjs.js}

@@ -38,13 +38,11 @@ function __rest(s, e) {
 }
 
 const Tracker = ({
-  isFirstPageviewAlreadyTracked
+  onRouteChange
 }) => {
   const router$1 = router.useRouter();
-  const {
-    page
-  } = experience_jsReact.useNinetailed();
-  const lastFiredPageRef = react.useRef(isFirstPageviewAlreadyTracked ? 'tracked' : 'none');
+  const ninetailed = experience_jsReact.useNinetailed();
+  const lastFiredPageRef = react.useRef('none');
   react.useEffect(() => {
     experience_jsShared.logger.debug('Ninetailed Next.js Tracker', 'The useEffect hook to listen for route changes got called. On instantiation the last fired page is:', lastFiredPageRef.current);
     const handleRouteChange = url => {
@@ -56,7 +54,13 @@ const Tracker = ({
       });
       if (!isPageAlreadyTracked) {
         experience_jsShared.logger.debug('Ninetailed Next.js Tracker', 'Page is not tracked yet, calling the ninetailed.page function.');
-        page();
+        if (typeof onRouteChange === 'function') {
+          onRouteChange({
+            isInitialRoute: lastFiredPageRef.current === 'none'
+          }, ninetailed);
+        } else {
+          ninetailed.page();
+        }
         experience_jsShared.logger.debug('Ninetailed Next.js Tracker', 'Page got tracked, setting the last fired page to the current url.', url);
         lastFiredPageRef.current = url;
       }
@@ -76,9 +80,13 @@ const NinetailedProvider = _a => {
       children
     } = _a,
     props = __rest(_a, ["children"]);
-  return jsxRuntime.jsxs(experience_jsReact.NinetailedProvider, Object.assign({}, props, {
+  const {
+      onRouteChange
+    } = props,
+    providerProps = __rest(props, ["onRouteChange"]);
+  return jsxRuntime.jsxs(experience_jsReact.NinetailedProvider, Object.assign({}, providerProps, {
     children: [jsxRuntime.jsx(Tracker, {
-      isFirstPageviewAlreadyTracked: false
+      onRouteChange: onRouteChange
     }), children]
   }));
 };

package/{index.js → index.esm.js}

@@ -2,46 +2,30 @@ import { useNinetailed, NinetailedProvider as NinetailedProvider$1 } from '@nine
 export * from '@ninetailed/experience.js-react';
 export * from '@ninetailed/experience.js-plugin-ssr';
 export { decodeExperienceVariantsMap } from '@ninetailed/experience.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import { logger } from '@ninetailed/experience.js-shared';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
 }
 
 const Tracker = ({
-  isFirstPageviewAlreadyTracked
+  onRouteChange
 }) => {
   const router = useRouter();
-  const {
-    page
-  } = useNinetailed();
-  const lastFiredPageRef = useRef(isFirstPageviewAlreadyTracked ? 'tracked' : 'none');
+  const ninetailed = useNinetailed();
+  const lastFiredPageRef = useRef('none');
   useEffect(() => {
     logger.debug('Ninetailed Next.js Tracker', 'The useEffect hook to listen for route changes got called. On instantiation the last fired page is:', lastFiredPageRef.current);
     const handleRouteChange = url => {
@@ -53,7 +37,13 @@ const Tracker = ({
       });
       if (!isPageAlreadyTracked) {
         logger.debug('Ninetailed Next.js Tracker', 'Page is not tracked yet, calling the ninetailed.page function.');
-        page();
+        if (typeof onRouteChange === 'function') {
+          onRouteChange({
+            isInitialRoute: lastFiredPageRef.current === 'none'
+          }, ninetailed);
+        } else {
+          ninetailed.page();
+        }
         logger.debug('Ninetailed Next.js Tracker', 'Page got tracked, setting the last fired page to the current url.', url);
         lastFiredPageRef.current = url;
       }
@@ -68,14 +58,20 @@ const Tracker = ({
   return null;
 };
 
-const NinetailedProvider = _a => {
-  var {
+const _excluded = ["children"],
+  _excluded2 = ["onRouteChange"];
+const NinetailedProvider = _ref => {
+  let {
       children
-    } = _a,
-    props = __rest(_a, ["children"]);
-  return jsxs(NinetailedProvider$1, Object.assign({}, props, {
-    children: [jsx(Tracker, {
-      isFirstPageviewAlreadyTracked: false
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const {
+      onRouteChange
+    } = props,
+    providerProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  return /*#__PURE__*/jsxs(NinetailedProvider$1, Object.assign({}, providerProps, {
+    children: [/*#__PURE__*/jsx(Tracker, {
+      onRouteChange: onRouteChange
     }), children]
   }));
 };

package/package.json

@@ -1,25 +1,29 @@
 {
   "name": "@ninetailed/experience.js-next",
-  "version": "7.5.3",
+  "version": "7.6.0-beta.2",
   "description": "Ninetailed SDK for Next.js",
   "peerDependencies": {
     "next": ">=9.0.0",
     "react": ">=16.8.0"
   },
+  "dependencies": {
+    "@ninetailed/experience.js-react": "*",
+    "@ninetailed/experience.js-plugin-ssr": "*",
+    "@ninetailed/experience.js": "*",
+    "@ninetailed/experience.js-shared": "*"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/ninetailed-inc/experience.js.git",
     "directory": "packages/sdks/nextjs"
   },
-  "module": "./index.js",
-  "main": "./index.cjs",
-  "type": "module",
-  "types": "./src/index.d.ts",
-  "dependencies": {
-    "@ninetailed/experience.js": "7.5.3",
-    "@ninetailed/experience.js-plugin-ssr": "7.5.1",
-    "@ninetailed/experience.js-react": "7.5.3",
-    "@ninetailed/experience.js-shared": "7.5.3"
-  }
+  "keywords": [
+    "nextjs",
+    "ninetailed",
+    "personalization",
+    "a/b testing"
+  ],
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
 }

package/src/lib/NinetailedProvider.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 import { NinetailedProviderProps } from '@ninetailed/experience.js-react';
-export declare const NinetailedProvider: React.FC<React.PropsWithChildren<NinetailedProviderProps>>;
+import { OnRouteChange } from './Tracker';
+export declare const NinetailedProvider: React.FC<React.PropsWithChildren<NinetailedProviderProps & {
+    onRouteChange?: OnRouteChange;
+}>>;

package/src/lib/Tracker.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
+import { NinetailedInstance } from '@ninetailed/experience.js';
+export type OnRouteChange = (routeInfo: {
+    isInitialRoute: boolean;
+}, ninetailed: NinetailedInstance) => void;
 type TrackerProps = {
-    isFirstPageviewAlreadyTracked: boolean;
+    onRouteChange?: OnRouteChange;
 };
 export declare const Tracker: React.FC<React.PropsWithChildren<TrackerProps>>;
 export {};