core-outline 1.1.20 → 1.1.22

package/README.md

@@ -1,50 +1,52 @@
-# CoreOutline React Component
-
-A React component for integrating Core&Outline session recording and event tracking into your web application.
-
-## Installation
-
-Install the package using npm:
-
-```sh
-npm install core-outline
-
-
-or using yarn:
-
-```sh
-yarn install core-outline
-
-
-```sh
-import React from 'react';
-import CoreOutline from 'core-outline';
-
-function App() {
-  return (
-    <CoreOutline 
-    data_source_id={{ YOUR_DATA_SOURCE_ID }} 
-    data_source_secret={{ YOUR_DATA_SOURCE_SECRET }}>
-      {/* Your app components */}
-    </CoreOutline>
-  );
-}
-
-export default App;
-
-
-To flag items clicked or purchased:
-
-```sh
-import { flag_item_clicked, flag_item_purchased } from 'core-outline;
-
-To flag items clicked:
-
-```sh
-flag_item_clicked('ITEM_ID');
-
-To flag items purchased:
-
-```sh
-flag_item_purchased('ITEM_ID');
-
+# Core&Outline React Component
+
+A React component for integrating Core&Outline session recording and event tracking into your web application.
+
+## Installation
+
+Install the package using npm:
+
+```sh
+npm install core-outline
+```
+
+or using yarn:
+
+```sh
+yarn add core-outline
+```
+
+```sh
+import React from 'react';
+import CoreOutline from 'core-outline';
+
+function App() {
+  return (
+    <CoreOutline
+    data_source_id={{ YOUR_DATA_SOURCE_ID }}
+    data_source_secret={{ YOUR_DATA_SOURCE_SECRET }}>
+      {/* Your app components */}
+    </CoreOutline>
+  );
+}
+
+export default App;
+```
+
+To flag items clicked or purchased:
+
+```sh
+import { flag_item_clicked, flag_item_purchased } from 'core-outline;
+```
+
+To flag items clicked:
+
+```sh
+flag_item_clicked('ITEM_ID');
+```
+
+To flag items purchased:
+
+```sh
+flag_item_purchased('ITEM_ID');
+```

package/dist/index.es.js

@@ -6380,11 +6380,34 @@ var CoreOutline = function CoreOutline(_ref) {
   var _useState11 = useState(''),
     _useState12 = _slicedToArray(_useState11, 2);
     _useState12[0];
-    var setAppToken = _useState12[1];
+    _useState12[1];
   var _useState13 = useState(v4()),
     _useState14 = _slicedToArray(_useState13, 2),
     sessionId = _useState14[0];
     _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    trackingAuthorized = _useState16[0],
+    setTrackingAuthorized = _useState16[1];
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    organizationId = _useState18[0],
+    setOrganizationId = _useState18[1];
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray(_useState19, 2);
+    _useState20[0];
+    var setDataSourceId = _useState20[1];
+  var _useState21 = useState(document.referrer || 'direct'),
+    _useState22 = _slicedToArray(_useState21, 2),
+    referrer = _useState22[0];
+    _useState22[1];
+  // Helper to only send via socket when tracking is authorized
+  var sendSocketIfAuthorized = function sendSocketIfAuthorized(payload) {
+    var isAuthorized = trackingAuthorized || localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
+    if (isAuthorized && socket && typeof socket.send === 'function') {
+      socket.send(payload);
+    }
+  };
   function authorizeApp(_x, _x2) {
     return _authorizeApp.apply(this, arguments);
   }
@@ -6407,10 +6430,20 @@ var CoreOutline = function CoreOutline(_ref) {
             response = fetch("http://api.coreoutline.com/data-source/authorize", requestOptions).then(function (response) {
               return response.json();
             }).then(function (data) {
-              setAppToken(data.app_token);
+              if ((data === null || data === void 0 ? void 0 : data.status) === 'authorized') {
+                setTrackingAuthorized(true);
+                localStorage.setItem('coreOutlineTrackingAuthorized', 'true');
+                setOrganizationId(data.ORGANIZATION_ID);
+                setDataSourceId(data.DATA_SOURCE_ID);
+              } else {
+                setTrackingAuthorized(false);
+                localStorage.setItem('coreOutlineTrackingAuthorized', 'false');
+              }
               return data;
             })["catch"](function (error) {
               console.error('Error:', error);
+              // ensure localStorage reflects no authorization on error
+              localStorage.setItem('coreOutlineTrackingAuthorized', 'false');
               return error;
             });
             return _context2.abrupt("return", response);
@@ -6431,15 +6464,19 @@ var CoreOutline = function CoreOutline(_ref) {
       formatted_events: formattedEvents,
       raw_events: rawEvents
     });
-    socket.send({
+
+    // only send session end via socket if tracking is authorized
+    sendSocketIfAuthorized({
       topic: 'session-data',
       data_source_id: data_source_id,
+      organization_id: organizationId,
       session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
-      event_id: 'SESSION_END'
+      event_id: 'SESSION_END',
+      referrer: referrer
     });
     if (navigator.sendBeacon) {
       navigator.sendBeacon("http://data.coreoutline.com/upload-events", data);
@@ -6475,35 +6512,42 @@ var CoreOutline = function CoreOutline(_ref) {
           _context.next = 6;
           return authorizeApp(data_source_id, data_source_secret);
         case 6:
+          _context.sent;
           localStorage.setItem('coreOutlineSessionId', sessionId);
           localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
           console.log('Session', sessionId);
-          socket.send({
+
+          // use helper that checks authorization (authorizeApp already wrote to localStorage)
+          sendSocketIfAuthorized({
             topic: 'session-data',
             data_source_id: data_source_id,
+            organization_id: organizationId,
             session_id: localStorage.getItem('coreOutlineSessionId'),
             start_date: new Date().toLocaleString(),
             latitude: location.latitude,
             longitude: location.longitude,
             browser: browser,
-            event_id: 'SESSION_START'
+            event_id: 'SESSION_START',
+            referrer: referrer
           });
           return _context.abrupt("return", function () {
             offLoadFunctionality();
             window.removeEventListener('beforeunload', handleBeforeUnload);
             document.removeEventListener('visibilitychange', handleVisibilityChange);
-            socket.send({
+            sendSocketIfAuthorized({
               topic: 'session-data',
               data_source_id: data_source_id,
+              organization_id: organizationId,
               session_id: localStorage.getItem('coreOutlineSessionId'),
               start_date: new Date().toLocaleString(),
               latitude: location.latitude,
               longitude: location.longitude,
               browser: browser,
-              event_id: 'SESSION_END'
+              event_id: 'SESSION_END',
+              referrer: referrer
             });
           });
-        case 11:
+        case 12:
         case "end":
           return _context.stop();
       }
@@ -6542,16 +6586,18 @@ var CoreOutline = function CoreOutline(_ref) {
     }));
     var handleNavigation = function handleNavigation() {
       setCurrentPage(window.location.href);
-      socket.send({
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         page_name: window.location.href,
-        event_id: 'PAGE_NAVIGATION'
+        event_id: 'PAGE_NAVIGATION',
+        referrer: referrer
       });
     };
     window.addEventListener('popstate', handleNavigation);
@@ -6669,16 +6715,18 @@ var CoreOutline = function CoreOutline(_ref) {
       localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
         return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
       }));
-      socket.send({
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: 'ITEM_CLICKED'
+        event_id: 'ITEM_CLICKED',
         // item_clicked: event.target,
+        referrer: referrer
       });
     };
     document.addEventListener('click', handleClick);
@@ -6745,16 +6793,19 @@ var CoreOutline = function CoreOutline(_ref) {
 var flag_item_clicked = function flag_item_clicked(item_id) {
   var sessionId = localStorage.getItem('coreOutlineSessionId');
   var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  var isAuthorized = localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
   console.log('Session', sessionId);
   console.log('Data Source', dataSourceId);
-  socket.send({
-    topic: 'session-data',
-    data_source_id: dataSourceId,
-    session_id: localStorage.getItem('coreOutlineSessionId'),
-    start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_CLICKED',
-    item_clicked: item_id
-  });
+  if (isAuthorized && socket && typeof socket.send === 'function') {
+    socket.send({
+      topic: 'session-data',
+      data_source_id: dataSourceId,
+      session_id: localStorage.getItem('coreOutlineSessionId'),
+      start_date: new Date().toLocaleString(),
+      event_id: 'PRODUCT_CLICKED',
+      item_clicked: item_id
+    });
+  }
   return {
     status: 'success',
     message: 'Item click flagged successfully.'
@@ -6763,16 +6814,19 @@ var flag_item_clicked = function flag_item_clicked(item_id) {
 var flag_item_purchased = function flag_item_purchased(item_id) {
   var sessionId = localStorage.getItem('coreOutlineSessionId');
   var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  var isAuthorized = localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
   console.log('Session', sessionId);
   console.log('Data Source', dataSourceId);
-  socket.send({
-    topic: 'session-data',
-    data_source_id: dataSourceId,
-    session_id: localStorage.getItem('coreOutlineSessionId'),
-    start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_PURCHASED',
-    item_clicked: item_id
-  });
+  if (isAuthorized && socket && typeof socket.send === 'function') {
+    socket.send({
+      topic: 'session-data',
+      data_source_id: dataSourceId,
+      session_id: localStorage.getItem('coreOutlineSessionId'),
+      start_date: new Date().toLocaleString(),
+      event_id: 'PRODUCT_PURCHASED',
+      item_clicked: item_id
+    });
+  }
   return {
     status: 'success',
     message: 'Item purchase flagged successfully.'

package/dist/index.js

@@ -6388,11 +6388,34 @@ var CoreOutline = function CoreOutline(_ref) {
   var _useState11 = React.useState(''),
     _useState12 = _slicedToArray(_useState11, 2);
     _useState12[0];
-    var setAppToken = _useState12[1];
+    _useState12[1];
   var _useState13 = React.useState(uuid.v4()),
     _useState14 = _slicedToArray(_useState13, 2),
     sessionId = _useState14[0];
     _useState14[1];
+  var _useState15 = React.useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    trackingAuthorized = _useState16[0],
+    setTrackingAuthorized = _useState16[1];
+  var _useState17 = React.useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    organizationId = _useState18[0],
+    setOrganizationId = _useState18[1];
+  var _useState19 = React.useState(null),
+    _useState20 = _slicedToArray(_useState19, 2);
+    _useState20[0];
+    var setDataSourceId = _useState20[1];
+  var _useState21 = React.useState(document.referrer || 'direct'),
+    _useState22 = _slicedToArray(_useState21, 2),
+    referrer = _useState22[0];
+    _useState22[1];
+  // Helper to only send via socket when tracking is authorized
+  var sendSocketIfAuthorized = function sendSocketIfAuthorized(payload) {
+    var isAuthorized = trackingAuthorized || localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
+    if (isAuthorized && socket && typeof socket.send === 'function') {
+      socket.send(payload);
+    }
+  };
   function authorizeApp(_x, _x2) {
     return _authorizeApp.apply(this, arguments);
   }
@@ -6415,10 +6438,20 @@ var CoreOutline = function CoreOutline(_ref) {
             response = fetch("http://api.coreoutline.com/data-source/authorize", requestOptions).then(function (response) {
               return response.json();
             }).then(function (data) {
-              setAppToken(data.app_token);
+              if ((data === null || data === void 0 ? void 0 : data.status) === 'authorized') {
+                setTrackingAuthorized(true);
+                localStorage.setItem('coreOutlineTrackingAuthorized', 'true');
+                setOrganizationId(data.ORGANIZATION_ID);
+                setDataSourceId(data.DATA_SOURCE_ID);
+              } else {
+                setTrackingAuthorized(false);
+                localStorage.setItem('coreOutlineTrackingAuthorized', 'false');
+              }
               return data;
             })["catch"](function (error) {
               console.error('Error:', error);
+              // ensure localStorage reflects no authorization on error
+              localStorage.setItem('coreOutlineTrackingAuthorized', 'false');
               return error;
             });
             return _context2.abrupt("return", response);
@@ -6439,15 +6472,19 @@ var CoreOutline = function CoreOutline(_ref) {
       formatted_events: formattedEvents,
       raw_events: rawEvents
     });
-    socket.send({
+
+    // only send session end via socket if tracking is authorized
+    sendSocketIfAuthorized({
       topic: 'session-data',
       data_source_id: data_source_id,
+      organization_id: organizationId,
       session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
-      event_id: 'SESSION_END'
+      event_id: 'SESSION_END',
+      referrer: referrer
     });
     if (navigator.sendBeacon) {
       navigator.sendBeacon("http://data.coreoutline.com/upload-events", data);
@@ -6483,35 +6520,42 @@ var CoreOutline = function CoreOutline(_ref) {
           _context.next = 6;
           return authorizeApp(data_source_id, data_source_secret);
         case 6:
+          _context.sent;
           localStorage.setItem('coreOutlineSessionId', sessionId);
           localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
           console.log('Session', sessionId);
-          socket.send({
+
+          // use helper that checks authorization (authorizeApp already wrote to localStorage)
+          sendSocketIfAuthorized({
             topic: 'session-data',
             data_source_id: data_source_id,
+            organization_id: organizationId,
             session_id: localStorage.getItem('coreOutlineSessionId'),
             start_date: new Date().toLocaleString(),
             latitude: location.latitude,
             longitude: location.longitude,
             browser: browser,
-            event_id: 'SESSION_START'
+            event_id: 'SESSION_START',
+            referrer: referrer
           });
           return _context.abrupt("return", function () {
             offLoadFunctionality();
             window.removeEventListener('beforeunload', handleBeforeUnload);
             document.removeEventListener('visibilitychange', handleVisibilityChange);
-            socket.send({
+            sendSocketIfAuthorized({
               topic: 'session-data',
               data_source_id: data_source_id,
+              organization_id: organizationId,
               session_id: localStorage.getItem('coreOutlineSessionId'),
               start_date: new Date().toLocaleString(),
               latitude: location.latitude,
               longitude: location.longitude,
               browser: browser,
-              event_id: 'SESSION_END'
+              event_id: 'SESSION_END',
+              referrer: referrer
             });
           });
-        case 11:
+        case 12:
         case "end":
           return _context.stop();
       }
@@ -6550,16 +6594,18 @@ var CoreOutline = function CoreOutline(_ref) {
     }));
     var handleNavigation = function handleNavigation() {
       setCurrentPage(window.location.href);
-      socket.send({
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         page_name: window.location.href,
-        event_id: 'PAGE_NAVIGATION'
+        event_id: 'PAGE_NAVIGATION',
+        referrer: referrer
       });
     };
     window.addEventListener('popstate', handleNavigation);
@@ -6677,16 +6723,18 @@ var CoreOutline = function CoreOutline(_ref) {
       localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
         return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
       }));
-      socket.send({
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: 'ITEM_CLICKED'
+        event_id: 'ITEM_CLICKED',
         // item_clicked: event.target,
+        referrer: referrer
       });
     };
     document.addEventListener('click', handleClick);
@@ -6753,16 +6801,19 @@ var CoreOutline = function CoreOutline(_ref) {
 var flag_item_clicked = function flag_item_clicked(item_id) {
   var sessionId = localStorage.getItem('coreOutlineSessionId');
   var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  var isAuthorized = localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
   console.log('Session', sessionId);
   console.log('Data Source', dataSourceId);
-  socket.send({
-    topic: 'session-data',
-    data_source_id: dataSourceId,
-    session_id: localStorage.getItem('coreOutlineSessionId'),
-    start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_CLICKED',
-    item_clicked: item_id
-  });
+  if (isAuthorized && socket && typeof socket.send === 'function') {
+    socket.send({
+      topic: 'session-data',
+      data_source_id: dataSourceId,
+      session_id: localStorage.getItem('coreOutlineSessionId'),
+      start_date: new Date().toLocaleString(),
+      event_id: 'PRODUCT_CLICKED',
+      item_clicked: item_id
+    });
+  }
   return {
     status: 'success',
     message: 'Item click flagged successfully.'
@@ -6771,16 +6822,19 @@ var flag_item_clicked = function flag_item_clicked(item_id) {
 var flag_item_purchased = function flag_item_purchased(item_id) {
   var sessionId = localStorage.getItem('coreOutlineSessionId');
   var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  var isAuthorized = localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
   console.log('Session', sessionId);
   console.log('Data Source', dataSourceId);
-  socket.send({
-    topic: 'session-data',
-    data_source_id: dataSourceId,
-    session_id: localStorage.getItem('coreOutlineSessionId'),
-    start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_PURCHASED',
-    item_clicked: item_id
-  });
+  if (isAuthorized && socket && typeof socket.send === 'function') {
+    socket.send({
+      topic: 'session-data',
+      data_source_id: dataSourceId,
+      session_id: localStorage.getItem('coreOutlineSessionId'),
+      start_date: new Date().toLocaleString(),
+      event_id: 'PRODUCT_PURCHASED',
+      item_clicked: item_id
+    });
+  }
   return {
     status: 'success',
     message: 'Item purchase flagged successfully.'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "core-outline",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "A React component for Core&Outline",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/CoreOutline/CoreOutline.js

@@ -1,4 +1,4 @@
-import React, { use, useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { record } from 'rrweb';
 import { v4 } from 'uuid';
 import socket from './socket';
@@ -19,6 +19,19 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
   const [browser, setBrowser] = useState(getBrowserInfo());
   const [appToken, setAppToken] = useState('');
   const [sessionId, setSessionId] = useState(v4());
+  const [trackingAuthorized, setTrackingAuthorized] = useState(false);
+  const [organizationId, setOrganizationId] = useState(null);
+  const [dataSourceId, setDataSourceId] = useState(null);
+  const [referrer, setReferrer] = useState(document.referrer || 'direct');
+  // Helper to only send via socket when tracking is authorized
+  const sendSocketIfAuthorized = (payload) => {
+    const isAuthorized =
+      trackingAuthorized ||
+      localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
+    if (isAuthorized && socket && typeof socket.send === 'function') {
+      socket.send(payload);
+    }
+  };
 
   async function authorizeApp(data_source_id, data_source_secret) {
     const requestOptions = {
@@ -37,11 +50,21 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     )
       .then((response) => response.json())
       .then((data) => {
-        setAppToken(data.app_token);
+        if (data?.status === 'authorized') {
+          setTrackingAuthorized(true);
+          localStorage.setItem('coreOutlineTrackingAuthorized', 'true');
+          setOrganizationId(data.ORGANIZATION_ID);
+          setDataSourceId(data.DATA_SOURCE_ID);
+        } else {
+          setTrackingAuthorized(false);
+          localStorage.setItem('coreOutlineTrackingAuthorized', 'false');
+        }
         return data;
       })
       .catch((error) => {
         console.error('Error:', error);
+        // ensure localStorage reflects no authorization on error
+        localStorage.setItem('coreOutlineTrackingAuthorized', 'false');
         return error;
       });
     return response;
@@ -57,15 +80,18 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
       raw_events: rawEvents,
     });
 
-    socket.send({
+    // only send session end via socket if tracking is authorized
+    sendSocketIfAuthorized({
       topic: 'session-data',
       data_source_id: data_source_id,
+      organization_id: organizationId,
       session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
       event_id: 'SESSION_END',
+      referrer: referrer,
     });
 
     if (navigator.sendBeacon) {
@@ -95,34 +121,40 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     };
     window.addEventListener('beforeunload', handleBeforeUnload);
     document.addEventListener('visibilitychange', handleVisibilityChange);
-    await authorizeApp(data_source_id, data_source_secret);
+    const authResponse = await authorizeApp(data_source_id, data_source_secret);
     localStorage.setItem('coreOutlineSessionId', sessionId);
     localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
     console.log('Session', sessionId);
-    socket.send({
+
+    // use helper that checks authorization (authorizeApp already wrote to localStorage)
+    sendSocketIfAuthorized({
       topic: 'session-data',
       data_source_id: data_source_id,
+      organization_id: organizationId,
       session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
       event_id: 'SESSION_START',
+      referrer: referrer,
     });
 
     return () => {
       offLoadFunctionality();
       window.removeEventListener('beforeunload', handleBeforeUnload);
       document.removeEventListener('visibilitychange', handleVisibilityChange);
-      socket.send({
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         event_id: 'SESSION_END',
+        referrer: referrer,
       });
     };
   }, []);
@@ -156,9 +188,10 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     );
     const handleNavigation = () => {
       setCurrentPage(window.location.href);
-      socket.send({
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
@@ -166,6 +199,7 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
         browser: browser,
         page_name: window.location.href,
         event_id: 'PAGE_NAVIGATION',
+        referrer: referrer,
       });
     };
 
@@ -308,9 +342,11 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
         'coreoutlineFormattedEvents',
         JSON.stringify((prevEvents) => [...prevEvents, clickEvent])
       );
-      socket.send({
+
+      sendSocketIfAuthorized({
         topic: 'session-data',
         data_source_id: data_source_id,
+        organization_id: organizationId,
         session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
@@ -318,6 +354,7 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
         browser: browser,
         event_id: 'ITEM_CLICKED',
         // item_clicked: event.target,
+        referrer: referrer,
       });
     };
 
@@ -408,32 +445,40 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
 export const flag_item_clicked = (item_id) => {
   const sessionId = localStorage.getItem('coreOutlineSessionId');
   const dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  const isAuthorized =
+    localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
   console.log('Session', sessionId);
   console.log('Data Source', dataSourceId);
-  socket.send({
-    topic: 'session-data',
-    data_source_id: dataSourceId,
-    session_id: localStorage.getItem('coreOutlineSessionId'),
-    start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_CLICKED',
-    item_clicked: item_id,
-  });
+  if (isAuthorized && socket && typeof socket.send === 'function') {
+    socket.send({
+      topic: 'session-data',
+      data_source_id: dataSourceId,
+      session_id: localStorage.getItem('coreOutlineSessionId'),
+      start_date: new Date().toLocaleString(),
+      event_id: 'PRODUCT_CLICKED',
+      item_clicked: item_id,
+    });
+  }
   return { status: 'success', message: 'Item click flagged successfully.' };
 };
 
 export const flag_item_purchased = (item_id) => {
   const sessionId = localStorage.getItem('coreOutlineSessionId');
   const dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  const isAuthorized =
+    localStorage.getItem('coreOutlineTrackingAuthorized') === 'true';
   console.log('Session', sessionId);
   console.log('Data Source', dataSourceId);
-  socket.send({
-    topic: 'session-data',
-    data_source_id: dataSourceId,
-    session_id: localStorage.getItem('coreOutlineSessionId'),
-    start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_PURCHASED',
-    item_clicked: item_id,
-  });
+  if (isAuthorized && socket && typeof socket.send === 'function') {
+    socket.send({
+      topic: 'session-data',
+      data_source_id: dataSourceId,
+      session_id: localStorage.getItem('coreOutlineSessionId'),
+      start_date: new Date().toLocaleString(),
+      event_id: 'PRODUCT_PURCHASED',
+      item_clicked: item_id,
+    });
+  }
   return { status: 'success', message: 'Item purchase flagged successfully.' };
 };