Calculate isTrackingCookieAllowed && update analytics Context

Author: yuriyyakym

packages/analytics-nextjs/src/AnalyticsProvider.tsx

@@ -9,7 +9,7 @@ import Script from 'next/script';
 import type { PropsWithChildren } from 'react';
 import { createContext, useContext, useEffect, useState } from 'react';
 
-import { isTrackingCookieAllowed } from './lib';
+import { isNavigatorTrackingAllowed } from './lib';
 import { logToConsole, normalizePrezlyMetaPlugin, sendEventToPrezlyPlugin } from './plugins';
 import { TrackingPolicy } from './types';
 import type {
@@ -22,15 +22,13 @@ interface Context {
     analytics: Analytics | undefined;
     consent: boolean | null;
     gallery?: PickedGalleryProperties;
-    isEnabled: boolean;
     /**
      * - TRUE  - tracking allowed (i.e. user clicked "Allow")
      * - FALSE - tracking disallowed (i.e. user clicked "Disallow" or browser "Do Not Track" mode is ON)
      * - NULL  - unknown (i.e. user didn't click anything yet, and no browser preference set)
      */
     isTrackingCookieAllowed: boolean | null;
     newsroom?: PickedNewsroomProperties;
-    setConsent(consent: boolean): void;
     story?: PickedStoryProperties;
     trackingPolicy: TrackingPolicy;
 }
@@ -73,14 +71,25 @@ export function AnalyticsProvider({
     user,
 }: PropsWithChildren<Props>) {
     const {
-        tracking_policy: trackingPolicy = TrackingPolicy.DEFAULT,
+        tracking_policy: trackingPolicy = TrackingPolicy.DEFAULT as TrackingPolicy,
         segment_analytics_id: segmentWriteKey = customSegmentWriteKey,
         uuid,
     } = newsroom || {};
 
-    const [consent, setConsent] = useState<boolean | null>(null);
+    const [isTrackingCookieAllowed, setIsTrackingCookieAllowed] = useState(
+        trackingPolicy === TrackingPolicy.WILD_WEST,
+    );
+
     const [analytics, setAnalytics] = useState<Analytics | undefined>(undefined);
 
+    useEffect(() => {
+        setIsTrackingCookieAllowed(
+            isEnabled &&
+                (isNavigatorTrackingAllowed() ?? false) &&
+                trackingPolicy === TrackingPolicy.WILD_WEST,
+        );
+    }, [isEnabled, trackingPolicy]);
+
     useEffect(() => {
         async function loadAnalytics(writeKey: string) {
             try {
@@ -155,13 +164,11 @@ export function AnalyticsProvider({
         <AnalyticsContext.Provider
             value={{
                 analytics,
-                consent,
+                consent: null,
                 gallery,
-                isEnabled,
-                isTrackingCookieAllowed: isTrackingCookieAllowed(consent, newsroom),
+                isTrackingCookieAllowed,
                 newsroom,
                 story,
-                setConsent,
                 trackingPolicy,
             }}
         >

packages/analytics-nextjs/src/lib/index.ts

@@ -1,5 +1,6 @@
 export * from './getApiUrl';
 export * from './getRecipientInfo';
+export * from './isNavigatorTrackingAllowed';
 export * from './isTrackingCookieAllowed';
 export * from './stringify';
 export * from './urlParameters';