@pushwoosh/kit-helpers 4.8.7 → 4.8.9

package/analytics/identifyMixpanel.d.ts

@@ -1 +1,2 @@
-export declare const identifyMixpanel: (email: string) => void;
+import { type MixpanelProperties } from './utils';
+export declare const identifyMixpanel: (properties: MixpanelProperties) => void;

package/analytics/identifyMixpanel.js

@@ -1,16 +1,17 @@
-import { isProductionMode, isUserActionsTrackingOff } from './utils';
-export const identifyMixpanel = email => {
-  if (!isProductionMode() || isUserActionsTrackingOff()) {
+import { isProductionMode, isUserActionsTrackingOff, getMixpanelDistinctId } from './utils';
+export const identifyMixpanel = properties => {
+  const distinctId = getMixpanelDistinctId();
+  const wasPushwooshUser = distinctId?.endsWith('@pushwoosh.com');
+  const isCurrentPushwooshUser = properties.$email.endsWith('@pushwoosh.com');
+  if (!isProductionMode() || isUserActionsTrackingOff() || wasPushwooshUser || isCurrentPushwooshUser) {
     return;
   }
   if (!window.mixpanel) {
     const store = window.pwMixpanelIdentifyStore || [];
-    store.push(email);
+    store.push(properties);
     window.pwMixpanelIdentifyStore = store;
   } else {
-    window.mixpanel?.identify(email);
-    window.mixpanel?.people?.set({
-      $email: email
-    });
+    window.mixpanel?.identify(properties?.$email);
+    window.mixpanel?.people?.set(properties);
   }
 };

package/analytics/identifyOpenReplay.d.ts

@@ -1 +1,2 @@
-export declare const identifyOpenReplaySession: (email: string) => void;
+import { type OpenReplayProperties } from './utils';
+export declare const identifyOpenReplaySession: (properties: OpenReplayProperties) => void;

package/analytics/identifyOpenReplay.js

@@ -1,13 +1,16 @@
 import { isProductionMode, isUserActionsTrackingOff } from './utils';
-export const identifyOpenReplaySession = email => {
+export const identifyOpenReplaySession = properties => {
   if (!isProductionMode() || isUserActionsTrackingOff()) {
     return;
   }
   if (!window.OpenReplay) {
     const store = window.pwOpenReplayIdentifyStore || [];
-    store.push(email);
+    store.push(properties);
     window.pwOpenReplayIdentifyStore = store;
   } else {
-    window.OpenReplay?.setUserID(email);
+    window.OpenReplay?.setUserID(properties.email);
+    if (properties.accountID) {
+      window.OpenReplay?.setMetadata('AccountID', `${properties.accountID}`);
+    }
   }
 };

package/analytics/utils.d.ts

@@ -1,20 +1,32 @@
 import { type Mixpanel } from 'mixpanel-browser';
 interface IOpenReplay {
     setUserID(id: string): void;
+    setMetadata(key: string, value: string): void;
 }
 export type Event = {
     readonly name: string;
     readonly properties?: Record<string, unknown>;
 };
+export type MixpanelProperties = {
+    $email: string;
+    $name?: string;
+    AccountID?: string;
+    Restriction?: string;
+};
+export type OpenReplayProperties = {
+    email: string;
+    accountID?: string;
+};
 declare global {
     interface Window {
         mixpanel?: Mixpanel;
         OpenReplay?: IOpenReplay;
-        pwMixpanelIdentifyStore?: string[];
-        pwOpenReplayIdentifyStore?: string[];
+        pwMixpanelIdentifyStore?: MixpanelProperties[];
+        pwOpenReplayIdentifyStore?: OpenReplayProperties[];
         pwMixpanelTrackingEventsStore?: Event[];
     }
 }
 export declare const isProductionMode: () => boolean;
 export declare const isUserActionsTrackingOff: () => boolean;
+export declare const getMixpanelDistinctId: () => string | null;
 export {};

package/analytics/utils.js

@@ -1,7 +1,21 @@
+import Cookies from 'js-cookie';
 export const isProductionMode = () => process.env.NODE_ENV === 'production';
 export const isUserActionsTrackingOff = () => {
   const turnOffTracking = localStorage.getItem('pw_off_user_actions_tracking');
   // Any value other than these specific "falsey" ones means tracking is off.
   const trackingOnValues = [null, '', '0', 'false'];
   return !trackingOnValues.includes(turnOffTracking);
+};
+const projectToken = '4169a4e38679ed49785b430a1049238e';
+export const getMixpanelDistinctId = () => {
+  const mixpanelCookie = Cookies.get(`mp_${projectToken}_mixpanel`);
+  if (mixpanelCookie) {
+    try {
+      const mixpanelData = JSON.parse(mixpanelCookie);
+      return mixpanelData.distinct_id;
+    } catch (error) {
+      console.error('Error parsing Mixpanel cookie:', error);
+    }
+  }
+  return null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.8.7",
+  "version": "4.8.9",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -16,12 +16,14 @@
   },
   "pre-commit": "check",
   "dependencies": {
+    "js-cookie": "^3.0.5",
     "mixpanel-browser": "^2.71.0",
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
     "@pushwoosh/frontend-builder-engine": "^0.1.5",
     "@pushwoosh/kit-constants": "^1.6.0",
+    "@types/js-cookie": "^3.0.6",
     "@types/react": "^16.14.20",
     "@types/react-dom": "^16.9.14",
     "@types/react-transition-group": "^4.4.10",