noibu-react-native 0.0.6 → 0.0.7

package/dist/api/clientConfig.js

@@ -1,7 +1,8 @@
 import uuid from 'react-native-uuid';
 import { MAX_METROPLEX_SOCKET_INNACTIVE_TIME, SEVERITY, NOIBU_BROWSER_ID_KYWRD, PV_SEQ_NUM_RESET_TIME_MINUTES, JS_ENV, MAX_PAGEVISIT_VISITED, CLIENT_LOCK_TIME_MINUTES, GET_SCRIPT_ID, MAX_COLLECT_ERROR_LOG } from '../constants.js';
-import { stringifyJSON, getUserAgent, asString, getProperGlobalUrl, makeRequest } from '../utils/function.js';
+import { stringifyJSON, getUserAgent, asString, makeRequest } from '../utils/function.js';
 import Storage from '../storage/storage.js';
+import { AppNavigationMonitor } from '../monitors/AppNavigationMonitor.js';
 
 /** @module ClientConfig */
 /**
@@ -306,7 +307,7 @@ class ClientConfig {
                     'maximum limit of collect errors sent.';
         }
         const errorContent = {
-            url: getProperGlobalUrl(),
+            url: AppNavigationMonitor.getInstance().globalUrl,
             err_msg: errMsg,
             sev: severity,
         };

package/dist/api/metroplexSocket.js

@@ -1,5 +1,5 @@
 import uuid from 'react-native-uuid';
-import { getProperGlobalUrl, getUserAgent, stringifyJSON, getUserLanguage } from '../utils/function.js';
+import { getUserAgent, stringifyJSON, getUserLanguage } from '../utils/function.js';
 import { addSafeEventListener } from '../utils/eventlistener.js';
 import { GET_METROPLEX_BASE_SOCKET_URL, METROPLEX_FRAG_ROUTE, GET_METROPLEX_POST_URL, METROPLEX_RETRY_FREQUENCY, META_DATA_METROPLEX_TYPE, PAGE_VISIT_META_DATA_ATT_NAME, HTTP_DATA_METROPLEX_TYPE, PAGE_VISIT_HTTP_DATA_ATT_NAME, VIDEO_METROPLEX_TYPE, PAGE_VISIT_VID_FRAG_ATT_NAME, PV_METROPLEX_TYPE, PAGE_VISIT_PART_ATT_NAME, SEQ_NUM_ATT_NAME, WORK_REQUEST_ATT_NAME, PV_EVENTS_ATT_NAME, TYPE_ATT_NAME, USERSTEP_EVENT_TYPE, GET_MAX_METROPLEX_RECONNECTION_NUMBER, MAX_METROPLEX_CONNECTION_COUNT, GET_METROPLEX_CONSECUTIVE_CONNECTION_DELAY, END_AT_ATT_NAME, SEVERITY, OK_SOCKET_MESSAGE, CLOSE_CONNECTION_FORCEFULLY, BLOCK_SOCKET_MESSAGE, STOP_STORING_PV_SOCKET_MESSAGE, STOP_STORING_VID_SOCKET_MESSAGE, MAX_BEACON_PAYLOAD_SIZE, PAGE_VISIT_INFORMATION_ATT_NAME, VIDEO_PART_COUNT_ATT_NAME, IS_LAST_ATT_NAME, BROWSER_ID_ATT_NAME, PV_ID_ATT_NAME, VER_ATT_NAME, CURRENT_PV_VERSION, PV_SEQ_ATT_NAME, ON_URL_ATT_NAME, REF_URL_ATT_NAME, STARTED_AT_ATT_NAME, CONN_COUNT_ATT_NAME, COLLECT_VER_ATT_NAME, CURRENT_NOIBUJS_VERSION, SCRIPT_ID_ATT_NAME, GET_SCRIPT_ID, SCRIPT_INSTANCE_ID_ATT_NAME, METROPLEX_SOCKET_INSTANCE_ID_ATT_NAME, SOCKET_INSTANCE_ID_ATT_NAME, LANG_ATT_NAME, HELP_CODE_ATT_NAME } from '../constants.js';
 import ClientConfig from './clientConfig.js';
@@ -8,6 +8,7 @@ import StoredPageVisit from './storedPageVisit.js';
 import { safePerformanceNow } from '../utils/performance.js';
 import { isDateOverwritten } from '../utils/date.js';
 import HelpCode from './helpCode.js';
+import { AppNavigationMonitor } from '../monitors/AppNavigationMonitor.js';
 
 /** @module MetroplexSocket */
 
@@ -61,7 +62,7 @@ class MetroplexSocket {
     // setting initial URL at the start in order to guarentee that the
     // current page visit has the real initial onURL. Fragments and SPA's
     // can change the URL without reloading the page.
-    this.initialURL = getProperGlobalUrl();
+    this._initialURL = AppNavigationMonitor.getInstance().globalUrl;
     this.initialReferingURL = '';
     this.sessionTimestamp = new Date();
 
@@ -801,7 +802,7 @@ class MetroplexSocket {
       [PV_ID_ATT_NAME]: ClientConfig.getInstance().pageVisitId,
       [VER_ATT_NAME]: CURRENT_PV_VERSION,
       [PV_SEQ_ATT_NAME]: await ClientConfig.getInstance().getPageVisitSeq(),
-      [ON_URL_ATT_NAME]: this.initialURL,
+      [ON_URL_ATT_NAME]: this._initialURL,
       [REF_URL_ATT_NAME]: this.initialReferingURL,
       [STARTED_AT_ATT_NAME]: this.sessionTimestamp.toISOString(),
       [CONN_COUNT_ATT_NAME]: this.connectionCount,

package/dist/api/storedMetrics.js

@@ -1,7 +1,8 @@
 import { BROWSER_ID_ATT_NAME, PV_ID_ATT_NAME, COLLECT_VER_ATT_NAME, CURRENT_NOIBUJS_VERSION, VER_ATT_NAME, CURRENT_METRICS_VERSION, EXP_VIDEO_LENGTH_ATT_NAME, PV_EXP_VF_SEQ_ATT_NAME, PV_EXP_PART_COUNTER_ATT_NAME, PV_EXP_HTTP_DATA_SEQ_ATT_NAME, PV_HTTP_PAYLOADS_COLLECTED_ATT_NAME, PV_HTTP_PAYLOADS_DROPPED_OVERSIZE_ATT_NAME, PV_HTTP_PAYLOADS_DROPPED_TYPE_ATT_NAME, PV_HTTP_REQUESTS_DROPPED_OVER_LIMIT, VIDEO_CLICKS_ATT_NAME, PV_CLICKS_ATT_NAME, DID_CUT_PV_ATT_NAME, DID_CUT_VID_ATT_NAME, DID_START_VID_ATT_NAME, HTTP_COUNT_EXPECTED_ATT_NAME, ERR_COUNT_EXPECTED_ATT_NAME, ON_URL_ATT_NAME, GET_METROPLEX_METRICS_URL } from '../constants.js';
 import ClientConfig from './clientConfig.js';
-import { getProperGlobalUrl, getUserAgent, stringifyJSON } from '../utils/function.js';
+import { getUserAgent, stringifyJSON } from '../utils/function.js';
 import { addSafeEventListener } from '../utils/eventlistener.js';
+import { AppNavigationMonitor } from '../monitors/AppNavigationMonitor.js';
 
 /** @module StoredMetrics */
 
@@ -179,7 +180,7 @@ class StoredMetrics {
       [DID_START_VID_ATT_NAME]: this.didStartVideo,
       [HTTP_COUNT_EXPECTED_ATT_NAME]: this.httpCount,
       [ERR_COUNT_EXPECTED_ATT_NAME]: this.errCount,
-      [ON_URL_ATT_NAME]: getProperGlobalUrl(), // todo implement navigation
+      [ON_URL_ATT_NAME]: AppNavigationMonitor.getInstance().globalUrl,
     };
     global.fetch(GET_METROPLEX_METRICS_URL(), {
       method: 'POST',

package/dist/entry/init.js

@@ -1,18 +1,18 @@
 import uuid from 'react-native-uuid';
+import { KeyboardInputMonitor } from '../monitors/keyboardInputMonitor.js';
+import { ClickMonitor } from '../monitors/clickMonitor.js';
+import { PageMonitor } from '../monitors/pageMonitor.js';
+import { HTTPDataBundler } from '../monitors/httpDataBundler.js';
 import { monitorErrors } from '../monitors/errorMonitor.js';
 import { monitorRequests } from '../monitors/requestMonitor.js';
-import { ClickMonitor } from '../monitors/clickMonitor.js';
-import { KeyboardInputMonitor } from '../monitors/keyboardInputMonitor.js';
-import { monitorLocation } from '../monitors/locationChangeMonitor.js';
-import { PageVisit } from '../pageVisit/pageVisit.js';
 import { GET_METROPLEX_BASE_SOCKET_URL, GET_METROPLEX_BASE_HTTP_URL, SEVERITY, METROPLEX_ERROR_ROUTE } from '../constants.js';
 import ClientConfig from '../api/clientConfig.js';
-import { PageMonitor } from '../monitors/pageMonitor.js';
-import { HTTPDataBundler } from '../monitors/httpDataBundler.js';
 import { isInvalidURLConfig, isNoibuJSAlreadyLoaded } from '../utils/function.js';
+import { PageVisit } from '../pageVisit/pageVisit.js';
 import MetroplexSocket from '../api/metroplexSocket.js';
 import StoredPageVisit from '../api/storedPageVisit.js';
 import HelpCode from '../api/helpCode.js';
+import { AppNavigationMonitor } from '../monitors/AppNavigationMonitor.js';
 
 /** @module Init */
 // these are set via rollup
@@ -56,12 +56,12 @@ function globalInit(customerConfig) {
         const keyboardInputMonitor = new KeyboardInputMonitor();
         const clickMonitor = ClickMonitor.getInstance();
         const pageMonitor = PageMonitor.getInstance();
+        AppNavigationMonitor.getInstance();
         HTTPDataBundler.getInstance();
         // monitoring calls
         monitorErrors();
         monitorRequests();
         clickMonitor.monitorClicks();
-        monitorLocation();
         keyboardInputMonitor.monitor();
         pageMonitor.monitor();
         // todo: disable types here until metroplex socket file moves to ts

package/dist/monitors/AppNavigationMonitor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Attaches corresponding listener to the passed navigation integration
+ */
+export declare class AppNavigationMonitor {
+    private static instance;
+    private breadcrumbs;
+    /**
+     * guesses which navigation is used in app, and registers a listener if found
+     */
+    constructor();
+    /**
+     * Gets the singleton instance
+     */
+    static getInstance(): AppNavigationMonitor;
+    /**
+     * gets current global url
+     */
+    get globalUrl(): string;
+    /**
+     * Called when the event needs to be emitted
+     */
+    private reportLocationChange;
+}

package/dist/monitors/AppNavigationMonitor.js

@@ -0,0 +1,63 @@
+import { SEVERITY, URL_ATT_NAME, LOCATION_EVENT_TYPE } from '../constants.js';
+import { getMaxSubstringAllowed } from '../utils/function.js';
+import { InputMonitor } from './inputMonitor.js';
+import { ReactNativeNavigationIntegration } from './integrations/react-native-navigation-integration.js';
+import ClientConfig from '../api/clientConfig.js';
+
+/**
+ * Attaches corresponding listener to the passed navigation integration
+ */
+class AppNavigationMonitor {
+    static instance;
+    breadcrumbs = [];
+    /**
+     * guesses which navigation is used in app, and registers a listener if found
+     */
+    constructor() {
+        try {
+            // eslint-disable-next-line global-require,@typescript-eslint/no-var-requires,import/no-extraneous-dependencies
+            const rnNavigation = require('react-native-navigation')?.Navigation;
+            if (rnNavigation) {
+                new ReactNativeNavigationIntegration().register(rnNavigation, breadcrumbs => {
+                    this.breadcrumbs = breadcrumbs;
+                    this.reportLocationChange();
+                });
+            }
+        }
+        catch (e) {
+            ClientConfig.getInstance().postNoibuErrorAndOptionallyDisableClient(`AppNavigationMonitor: ${e}`, false, SEVERITY.error);
+        }
+    }
+    /**
+     * Gets the singleton instance
+     */
+    static getInstance() {
+        if (!AppNavigationMonitor.instance) {
+            AppNavigationMonitor.instance = new AppNavigationMonitor();
+        }
+        return AppNavigationMonitor.instance;
+    }
+    /**
+     * gets current global url
+     */
+    get globalUrl() {
+        const globalUrl = new URL('https://localhost');
+        globalUrl.hostname = ClientConfig.getInstance().customerDomain;
+        if (this.breadcrumbs.length) {
+            globalUrl.pathname = this.breadcrumbs.join('/');
+        }
+        return getMaxSubstringAllowed(globalUrl.toString());
+    }
+    /**
+     * Called when the event needs to be emitted
+     */
+    reportLocationChange() {
+        const payload = {
+            [URL_ATT_NAME]: this.globalUrl,
+        };
+        // storing the location change in the page visit queue
+        InputMonitor.getInstance().addEvent(payload, LOCATION_EVENT_TYPE);
+    }
+}
+
+export { AppNavigationMonitor };

package/dist/monitors/clickMonitor.js

@@ -65,7 +65,7 @@ class ClickMonitor {
 
   /**
    * Handles a single click event
-   * @param  {} event
+   * @param  {{ _targetInst: RNNode }} event
    */
   _onClickHandle(event) {
     if (event) {

package/dist/monitors/httpDataBundler.js

@@ -1,8 +1,9 @@
 import { HUMAN_READABLE_CONTENT_TYPE_REGEX, DEFAULT_WEBSITE_SUBDOMAIN_PATTERN, SEVERITY, HTTP_BODY_NULL_STRING, HTTP_DATA_REQ_HEADERS_ATT_NAME, HTTP_DATA_PAYLOAD_ATT_NAME, HTTP_DATA_RESP_HEADERS_ATT_NAME, HTTP_DATA_RESP_PAYLOAD_ATT_NAME, HTTP_BODY_DROPPED_LENGTH_MSG, HTTP_BODY_DROPPED_TYPE_MSG, MAX_HTTP_DATA_PAYLOAD_LENGTH, CONTENT_TYPE, CONTENT_LENGTH, BLOCKED_HTTP_HEADER_KEYS, PII_REDACTION_REPLACEMENT_STRING, HTTP_PII_BLOCKING_PATTERNS } from '../constants.js';
-import { getProperGlobalUrl, checkHttpDataCollectionEnabled, getHttpPayloadAllowedURLs } from '../utils/function.js';
 import ClientConfig from '../api/clientConfig.js';
 import StoredMetrics from '../api/storedMetrics.js';
 import { safeFromEntries, iterateObjectRecursively } from '../utils/object.js';
+import { checkHttpDataCollectionEnabled, getHttpPayloadAllowedURLs } from '../utils/function.js';
+import { AppNavigationMonitor } from './AppNavigationMonitor.js';
 
 /** @module HTTPDataBundler */
 
@@ -19,7 +20,7 @@ class HTTPDataBundler {
     );
 
     // pull out the domain hostname
-    const initialURL = getProperGlobalUrl();
+    const initialURL = AppNavigationMonitor.getInstance().globalUrl;
     this.initialURLPartsReversed = [];
     if (initialURL && initialURL.length > 0) {
       try {

package/dist/monitors/integrations/react-native-navigation-integration.d.ts

@@ -0,0 +1,19 @@
+import type { NavigationDelegate } from 'react-native-navigation/lib/dist/src/NavigationDelegate';
+import { NavigationIntegration } from '../../types/NavigationIntegration';
+/**
+ * react-native-navigation adapter
+ */
+export declare class ReactNativeNavigationIntegration implements NavigationIntegration {
+    private stack;
+    private stackPointers;
+    /**
+     * attaches provided listeners to the integration
+     */
+    register(navigation: NavigationDelegate, onNavigation: (breadcrumbs: string[]) => void): void;
+    /**
+     * Listens to ComponentWillAppear events
+     * @param onNavigation
+     * @private
+     */
+    private getListener;
+}

package/dist/monitors/integrations/react-native-navigation-integration.js

@@ -0,0 +1,38 @@
+/**
+ * react-native-navigation adapter
+ */
+class ReactNativeNavigationIntegration {
+    stack = [];
+    stackPointers = {};
+    /**
+     * attaches provided listeners to the integration
+     */
+    register(navigation, onNavigation) {
+        navigation
+            .events()
+            .registerComponentWillAppearListener(this.getListener(onNavigation));
+    }
+    /**
+     * Listens to ComponentWillAppear events
+     * @param onNavigation
+     * @private
+     */
+    getListener(onNavigation) {
+        return (event) => {
+            if (this.stackPointers[event.componentName] === undefined) {
+                this.stackPointers[event.componentName] = this.stack.push(event.componentName);
+            }
+            else {
+                this.stack.forEach((id, i) => {
+                    if (i >= this.stackPointers[event.componentName]) {
+                        delete this.stackPointers[id];
+                    }
+                });
+                this.stack.length = this.stackPointers[event.componentName];
+            }
+            onNavigation(this.stack.slice(1)); // slice 1 to skip root component
+        };
+    }
+}
+
+export { ReactNativeNavigationIntegration };

package/dist/monitors/keyboardInputMonitor.js

@@ -16,7 +16,6 @@ class KeyboardInputMonitor {
    */
   monitor() {
     const handler = this._handle.bind(this);
-    // addSafeEventListener(window, 'input', handler);
 
     if (!TextInput.originalRender) {
       TextInput.originalRender = TextInput.render;

package/dist/monitors/requestMonitor.js

@@ -6,7 +6,9 @@ import 'react-native-device-info';
 import 'react-native-localize';
 import { PV_SEQ_ATT_NAME, XML_HTTP_REQUEST_ERROR_TYPE, GQL_ERROR_TYPE, SEVERITY, RESPONSE_ERROR_TYPE, HTTP_METHOD_ATT_NAME, HTTP_RESP_CODE_ATT_NAME, URL_ATT_NAME, HTTP_RESP_TIME_ATT_NAME, HTTP_RESP_LENGTH_ATT_NAME, FETCH_EXCEPTION_ERROR_TYPE } from '../constants.js';
 import ClientConfig from '../api/clientConfig.js';
+import 'react-native-uuid';
 import { addSafeEventListener } from '../utils/eventlistener.js';
+import '@react-native-async-storage/async-storage';
 import { HTTPDataBundler } from './httpDataBundler.js';
 import GqlErrorValidator from './gqlErrorValidator.js';
 

package/dist/pageVisit/pageVisitEventError/pageVisitEventError.js

@@ -1,9 +1,10 @@
-import { isValidURL, getOnURL, getProperGlobalUrl, getJSStack, stringifyJSON, getMaxSubstringAllowed } from '../../utils/function.js';
+import { isValidURL, getOnURL, getJSStack, stringifyJSON, getMaxSubstringAllowed } from '../../utils/function.js';
 import { EVENT_ERROR_TYPE, URL_ATT_NAME, ERROR_EVENT_TYPE, ERROR_EVENT_ERROR_TYPE, CUSTOM_ERROR_EVENT_TYPE, ERROR_EVENT_UNHANDLED_REJECTION_TYPE, ERROR_LOG_EVENT_ERROR_TYPE, FETCH_EXCEPTION_ERROR_TYPE, WRAPPED_EXCEPTION_ERROR_TYPE, GQL_ERROR_TYPE, RESPONSE_ERROR_TYPE, XML_HTTP_REQUEST_ERROR_TYPE, ERROR_SOURCE_ATT_NAME, TYPE_ATT_NAME, JS_EVENT_TYPE, JS_ERROR_ATT_NAME, JS_STACK_FRAMES_ATT_NAME, JS_STACK_FILE_ATT_NAME, JS_STACK_METHOD_ATT_NAME, SEVERITY, JS_STACK_MESSAGE_ATT_NAME, HTTP_EVENT_TYPE, NOIBU_INPUT_URLS, HTTP_CODE_ATT_NAME, PV_SEQ_ATT_NAME, GQL_EVENT_TYPE, GQL_ERROR_ATT_NAME } from '../../constants.js';
 import blacklisedDomains from './blacklistedDomains.js';
 import ClientConfig from '../../api/clientConfig.js';
 import { InputMonitor } from '../../monitors/inputMonitor.js';
 import StoredMetrics from '../../api/storedMetrics.js';
+import { AppNavigationMonitor } from '../../monitors/AppNavigationMonitor.js';
 
 /** @module PageVisitEventError */
 
@@ -69,7 +70,9 @@ function getPVErrorFromXMLHttpRequest(errPayload, httpDataSeqNum) {
  */
 function getPVErrorFromErrorEvent(errPayload) {
   return {
-    [URL_ATT_NAME]: getOnURL(errPayload.filename || getProperGlobalUrl()), // todo implement navigation
+    [URL_ATT_NAME]: getOnURL(
+      errPayload.filename || AppNavigationMonitor.getInstance().globalUrl,
+    ),
     [TYPE_ATT_NAME]: JS_EVENT_TYPE,
     [JS_ERROR_ATT_NAME]: getJSStack(errPayload.error),
   };
@@ -80,8 +83,7 @@ function getPVErrorFromErrorEvent(errPayload) {
  */
 function getPVErrorFromErrorLog(errPayload) {
   return {
-    // default to window url
-    [URL_ATT_NAME]: getOnURL(getProperGlobalUrl()), // todo should be current navigation
+    [URL_ATT_NAME]: getOnURL(AppNavigationMonitor.getInstance().globalUrl),
     [TYPE_ATT_NAME]: JS_EVENT_TYPE,
     [JS_ERROR_ATT_NAME]: getJSStack(errPayload),
   };

package/dist/types/NavigationIntegration.d.ts

@@ -0,0 +1,7 @@
+import type { NavigationDelegate } from 'react-native-navigation/lib/dist/src/NavigationDelegate';
+/**
+ * interface enforces constructor signature
+ */
+export interface NavigationIntegration {
+    register(navigation: NavigationDelegate, onNavigation: (breadcrumbs: string[]) => void): void;
+}

package/dist/types/ReactNative.d.ts

@@ -1,3 +1,4 @@
-export interface Node {
+export interface RNNode {
     memoizedProps: any;
+    elementType: string;
 }

package/dist/utils/function.d.ts

@@ -7,13 +7,6 @@ import { JError, JStackFrame } from '../types/PageVisit';
  * length :optional, max length that stringToVerify can be
  */
 export declare function getMaxSubstringAllowed(stringToVerify: string, length?: 1024): string;
-/**
- *
- * todo implement navigation
- * getProperGlobalUrl gets the proper global url from the window
- * @returns {string}
- */
-export declare function getProperGlobalUrl(): string;
 /**
  * Processes the raw stack frames and creates a readable stack in a safe manner
  * @param {StackFrame[]} rawFrames

package/dist/utils/function.js

@@ -1,8 +1,9 @@
 import DeviceInfo from 'react-native-device-info';
 import { getLocales } from 'react-native-localize';
 import { parseStack } from './stacktrace-parser.js';
-import { MAX_BEACON_PAYLOAD_SIZE, MAX_STRING_LENGTH, REQUIRED_DATA_PROCESSING_URLS, PII_EMAIL_PATTERN, PII_REDACTION_REPLACEMENT_STRING, PII_DIGIT_PATTERN, DEFAULT_STACK_FRAME_FIELD_VALUE } from '../constants.js';
+import { MAX_STRING_LENGTH, MAX_BEACON_PAYLOAD_SIZE, REQUIRED_DATA_PROCESSING_URLS, PII_EMAIL_PATTERN, PII_REDACTION_REPLACEMENT_STRING, PII_DIGIT_PATTERN, DEFAULT_STACK_FRAME_FIELD_VALUE } from '../constants.js';
 import ClientConfig from '../api/clientConfig.js';
+import { AppNavigationMonitor } from '../monitors/AppNavigationMonitor.js';
 
 /** @module Functions */
 /**
@@ -26,17 +27,6 @@ function getMaxSubstringAllowed(stringToVerify, length = MAX_STRING_LENGTH) {
         return stringToVerify;
     return stringToVerify.substring(0, length);
 }
-/**
- *
- * todo implement navigation
- * getProperGlobalUrl gets the proper global url from the window
- * @returns {string}
- */
-function getProperGlobalUrl() {
-    const globalUrl = new URL('https://localhost');
-    globalUrl.hostname = ClientConfig.getInstance().customerDomain;
-    return getMaxSubstringAllowed(globalUrl.toString());
-}
 /**
  * Processes the raw stack frames and creates a readable stack in a safe manner
  * @param {StackFrame[]} rawFrames
@@ -230,7 +220,12 @@ async function getUserAgent() {
     if (userAgentCache) {
         return userAgentCache;
     }
-    userAgentCache = await DeviceInfo.getUserAgent();
+    try {
+        userAgentCache = await DeviceInfo.getUserAgent();
+    }
+    catch (e) {
+        userAgentCache = '';
+    }
     return userAgentCache;
 }
 /**
@@ -286,11 +281,10 @@ function maskTextInput(text) {
  * gets the onURL of a string, defaulting to the location of the webpage
  */
 function getOnURL(realOnURL) {
-    let onURL = getProperGlobalUrl();
     if (realOnURL && realOnURL.trim() !== '' && realOnURL !== 'undefined') {
-        onURL = asString(getMaxSubstringAllowed(realOnURL));
+        return asString(getMaxSubstringAllowed(realOnURL));
     }
-    return onURL;
+    return AppNavigationMonitor.getInstance().globalUrl;
 }
 /** gets the user language from the browser */
 function getUserLanguage() {
@@ -318,4 +312,4 @@ function isInstanceOf(instance, type) {
     }
 }
 
-export { asString, checkHttpDataCollectionEnabled, getBlockedElements, getHttpPayloadAllowedURLs, getJSStack, getMaxSubstringAllowed, getOnURL, getProperGlobalUrl, getUserAgent, getUserLanguage, isInstanceOf, isInvalidURLConfig, isNoibuJSAlreadyLoaded, isStackTrace, isValidURL, makeRequest, maskTextInput, processFrames, stringifyJSON };
+export { asString, checkHttpDataCollectionEnabled, getBlockedElements, getHttpPayloadAllowedURLs, getJSStack, getMaxSubstringAllowed, getOnURL, getUserAgent, getUserLanguage, isInstanceOf, isInvalidURLConfig, isNoibuJSAlreadyLoaded, isStackTrace, isValidURL, makeRequest, maskTextInput, processFrames, stringifyJSON };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noibu-react-native",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "targetNjsVersion": "1.0.104",
   "description": "React-Native SDK for NoibuJS to collect errors in React-Native applications",
   "main": "dist/entry/index.js",
@@ -21,6 +21,9 @@
     "lint_output": "eslint src -c .eslintrc.json --ext js,ts,jsx,tsx -f json > eslint_report.json",
     "codecov": "codecov"
   },
+  "optionalDependencies": {
+    "react-native-navigation": "7"
+  },
   "dependencies": {
     "react": ">=16.11.0",
     "react-native": ">=0.63.0",

package/dist/monitors/locationChangeMonitor.js

@@ -1,18 +0,0 @@
-import 'react-native-device-info';
-import 'react-native-localize';
-import 'react-native-uuid';
-import '@react-native-async-storage/async-storage';
-
-/** @module LocationMonitor */
-
-/**
- * will poll the url on a 1 second basis to see if it has changed
- * there is currently no alternative to getting an accurate url
- * change listener
- */
-function monitorLocation() {
-  setInterval(() => {
-  }, 1000);
-}
-
-export { monitorLocation };