noibu-react-native 0.1.3 → 0.2.1

package/android/.gitignore

@@ -0,0 +1,13 @@
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+gradle
+gradle*
+!gradle.properties
+settings.gradle

package/android/build.gradle

@@ -0,0 +1,79 @@
+buildscript {
+  // Buildscript is evaluated before everything else so we can't use getExtOrDefault
+  def kotlin_version = rootProject.ext.has("kotlinVersion") ? rootProject.ext.get("kotlinVersion") : project.properties["Noibu_kotlinVersion"]
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.5.1"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+  }
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: "com.facebook.react"
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties["Noibu_" + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["Noibu_" + name]).toInteger()
+}
+
+android {
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+  }
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  implementation "com.facebook.react:react-native:+"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation "com.noibu:sessionreplay-recorder:0.1.0"
+}
+
+if (isNewArchitectureEnabled()) {
+  react {
+    jsRootDir = file("../src/")
+    libraryName = "noibusessionreplay"
+    codegenJavaPackageName = "com.noibu.sessionreplay.reactnative"
+  }
+}

package/android/gradle.properties

@@ -0,0 +1,7 @@
+#make sure these are acutally used
+Noibu_kotlinVersion=1.7.22
+Noibu_minSdkVersion=21
+Noibu_targetSdkVersion=34
+Noibu_compileSdkVersion=34
+Noibu_ndkversion=21.4.7075529
+android.useAndroidX=true

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,5 @@
+<manifest
+        xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.noibu.sessionreplay.reactnative">
+
+</manifest>

package/android/src/main/java/com/noibu/sessionreplay/reactnative/NoibuSessionReplayModule.kt

@@ -0,0 +1,107 @@
+package com.noibu.sessionreplay.reactnative
+
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import com.facebook.react.bridge.*
+import com.facebook.react.modules.core.DeviceEventManagerModule
+
+import com.noibu.sessionreplay.SessionReplayConfig
+import com.noibu.sessionreplay.models.ApplicationFramework
+import com.noibu.sessionreplay.models.LogLevel
+
+import com.noibu.sessionreplay.SessionReplay
+
+class NoibuSessionReplayModule(reactContext: ReactApplicationContext) :
+    ReactContextBaseJavaModule(reactContext) {
+
+    init {
+        NoibuSessionReplayModule.reactContext = reactContext
+    }
+
+    override fun getName(): String {
+        return NAME
+    }
+
+    private fun sendEvent(eventName: String, params: WritableMap?) {
+        Log.d("SessionReplayModule", "will send event: ${params}")
+        reactContext?.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)?.emit(eventName, params)
+    }
+
+    @ReactMethod
+    fun initialize(
+        projectId: String,
+        userId: String?,
+        logLevel: String,
+        allowMeteredNetworkUsage: Boolean,
+        enableWebViewCapture: Boolean,
+        allowedDomains: ReadableArray,
+        disableOnLowEndDevices: Boolean,
+        enableDailyNetworkUsageLimit: Boolean,
+        maximumDailyNetworkUsageInMB: Double,
+        promise: Promise
+    ) {
+        val allowedActivities = listOf<String>(); // not supported
+        val disallowedActivities = listOf<String>(); // not supported
+
+        // We use two parameters because the react method parameters do not accept nullable primitive types.
+        // Moreover, the Long data type is not supported. Js numbers are translated into doubles.
+        val maximumDailyNetworkUsageInMBLong =
+            if (enableDailyNetworkUsageLimit) maximumDailyNetworkUsageInMB.toLong() else null
+
+        val config = SessionReplayConfig(
+            projectId,
+            userId,
+            LogLevel.valueOf(logLevel),
+            allowMeteredNetworkUsage,
+            enableWebViewCapture,
+            readableArrayToList(allowedDomains),
+            ApplicationFramework.ReactNative,
+            allowedActivities,
+            disallowedActivities,
+            disableOnLowEndDevices,
+            maximumDailyNetworkUsageInMBLong
+        )
+
+        Handler(Looper.getMainLooper()).post {
+            promise.resolve(
+                SessionReplay.initialize(
+                    currentActivity!!.getApplicationContext(),
+                    config,
+                    currentActivity
+                ) { param ->
+                    Handler(Looper.getMainLooper()).post {
+                        val params = Arguments.createMap()
+                        params.putString("message", param)
+                        sendEvent("noibuRecordingEvent", params)
+                    }
+                }
+            )
+        }
+    }
+
+    @ReactMethod
+    fun setCustomUserId(customUserId: String, promise: Promise) {
+        promise.resolve(SessionReplay.setCustomUserId(customUserId))
+    }
+
+    @ReactMethod
+    fun setCustomSessionId(customSessionId: String, promise: Promise) {
+        promise.resolve(SessionReplay.setCustomSessionId(customSessionId))
+    }
+
+    private fun readableArrayToList(arr: ReadableArray): List<String> {
+        val ret = mutableListOf<String>()
+
+        for (i in 0 until arr.size()) {
+            ret.add(arr.getString(i))
+        }
+
+        return ret
+    }
+
+    companion object {
+        const val NAME = "NativeSessionRecorder"
+        private var reactContext: ReactApplicationContext? = null
+    }
+}

package/android/src/main/java/com/noibu/sessionreplay/reactnative/NoibuSessionReplayPackage.kt

@@ -0,0 +1,17 @@
+package com.noibu.sessionreplay.reactnative
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.JavaScriptModule
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class NoibuSessionReplayPackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(NoibuSessionReplayModule(reactContext))
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return emptyList()
+  }
+}

package/dist/api/clientConfig.d.ts

@@ -10,7 +10,7 @@ export default class ClientConfig {
     readonly pageVisitId: string;
     browserId: StoredConfig['BrowserId'];
     private pageVisitSeq;
-    private lastActiveTime;
+    lastActiveTime: Date;
     private readonly noibuErrorURL;
     private cltErrorPostCounter;
     private readonly maxSocketInactiveTime;
@@ -97,7 +97,7 @@ export default class ClientConfig {
      * and disable the client if required
      * severity expects one of the SEVERITY_x level constants, or else error will be used
      */
-    postNoibuErrorAndOptionallyDisableClient(errorMsg: string, disableClient: boolean, severity: (typeof SEVERITY)[keyof typeof SEVERITY], keepAlive?: boolean): Promise<void>;
+    postNoibuErrorAndOptionallyDisableClient(errorMsg: any, disableClient: boolean, severity: (typeof SEVERITY)[keyof typeof SEVERITY], keepAlive?: boolean): Promise<void>;
     /**
      * Returns true if the page visit is considered to be inactive
      */

package/dist/api/clientConfig.js

@@ -313,7 +313,7 @@ class ClientConfig {
             scriptId: GET_SCRIPT_ID(),
             ua: await getUserAgent(),
             deviceEnv: GET_DEVICE_ENV(),
-            error: errorMsg,
+            error: stringifyJSON(errorMsg),
         };
         // if the page visits sends more errors than the
         // allowed threshold we disable the client

package/dist/api/helpCode.d.ts

@@ -0,0 +1,29 @@
+/**
+ * HelpCode class is responsible for help code feature related functionality
+ */
+export default class HelpCode {
+    /**
+     * Singleton instance
+     * @returns {HelpCode}
+     */
+    static getInstance(): HelpCode;
+    requestContext: {
+        resolve: null;
+        reject: null;
+        promise: null;
+    } | null;
+    /**
+     * Handles the received help code event.
+     * @param {CustomEvent<string>} event - The event object with string detail property.
+     * @returns {void}
+     */
+    receiveHelpCode(event: CustomEvent<string>): void;
+    /**
+     * Requests a help code and returns a Promise that resolves when the help code is obtained
+     * or rejects if the noibu connection is unavailable.
+  
+     * @returns {Promise<string>} Promise object representing the help code request.
+     * @throws {string} Throws an error if the noibu connection is unavailable.
+     */
+    requestHelpCode(): Promise<string>;
+}

package/dist/api/inputManager.d.ts

@@ -0,0 +1,87 @@
+/** this class controls the input that customers can inject into
+ * our script via the NoibuJS SDK
+ */
+export default class InputManager {
+    /** gets the singleton instance */
+    static getInstance(): InputManager;
+    customIDs: {};
+    customErrorsCount: number;
+    TOO_MANY_IDS_ADDED_MSG: string;
+    ID_NAME_ALREADY_ADDED_MSG: string;
+    NAME_TOO_LONG_MSG: string;
+    VALUE_TOO_LONG_MSG: string;
+    INVALID_NAME_TYPE_MSG: string;
+    INVALID_VALUE_TYPE_MSG: string;
+    NAME_HAS_NO_LENGTH_MSG: string;
+    VALUE_HAS_NO_LENGTH_MSG: string;
+    SUCCESS_MSG: string;
+    ERROR_HAS_NO_MSG_MSG: string;
+    ERROR_HAS_NO_STACK_MSG: string;
+    NULL_CUSTOM_ERR_MSG: string;
+    ERROR_ALREADY_RECEIVED_MSG: string;
+    INVALID_ERROR_SOURCE_MSG: string;
+    TOO_MANY_ERRORS_RECEIVED_PER_PAGEVISIT_MSG: string;
+    /** exposes functions to the window of the browser for the clients
+     * to interact with on their end
+     */
+    exposeFunctions(): {
+        requestHelpCode: (alert?: boolean) => Promise<string>;
+        addCustomAttribute: (name: string, value: string) => Promise<string>;
+        addError: (customError: Error) => string;
+        addJsSdkError: (customError: string, errorSource: string) => string;
+    };
+    /**
+     * gets the sdk object that will be assigned to a window variable
+     * @returns {{
+     *    requestHelpCode: (alert?: boolean) => Promise<string>,
+     *    addCustomAttribute: (name: string, value: string) => Promise<string>,
+     *    addError: (customError: Error) => string,
+     *    addJsSdkError: (customError: string, errorSource: string) => string
+     * }}
+     */
+    _getSDKWindowObject(): {
+        requestHelpCode: (alert?: boolean) => Promise<string>;
+        addCustomAttribute: (name: string, value: string) => Promise<string>;
+        addError: (customError: Error) => string;
+        addJsSdkError: (customError: string, errorSource: string) => string;
+    };
+    /**
+     * validates the custom error that was passed
+     * @param  {} customError
+     */
+    _validateCustomError(customError: any): string;
+    /**
+     * Validates and sets the custom error to our internal trackers
+     * @param  {} customError
+     */
+    _validateAndSetCustomError(customError: any): string;
+    /**
+     * adds an error from a JS Sdk to the session
+     * @param  {} customError
+     * @param {string} errorSource
+     */
+    _addErrorFromJSSdk(customError: any, errorSource: string): string;
+    /**
+     * adds a custom Error to the session
+     * @param  {} customError
+     */
+    _addCustomError(customError: any): string;
+    /**
+     * adds a custom id to the session
+     * @param  {} name
+     * @param  {} value
+     */
+    _addCustomAttribute(name: any, value: any): Promise<string>;
+    /**
+     * validation function for customer input
+     * @param  {} name
+     * @param  {} value
+     */
+    _validateCustomIDInput(name: any, value: any): string;
+    /**
+     * Requests a help code from the HelpCode instance.
+     * @param {boolean} [alertUser=true] - Whether to alert the user about the help code request.
+     * @returns {Promise<string>} A promise that resolves with the requested help code.
+     */
+    _requestHelpCode(): Promise<string>;
+}

package/dist/api/metroplexSocket.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react-native" />
+import { END_AT_ATT_NAME } from '../constants';
 /** Manages the socket to Metroplex */
 export default class MetroplexSocket {
     _initialURL: string;
     ackedOnce: boolean;
     connectionCount: number;
-    connectionPromise: Promise<any> | null;
+    connectionPromise: Promise<any>;
     connectionURL: string;
     currentConnectionAttempts: number;
     forceClosed: boolean;
@@ -41,8 +41,6 @@ export default class MetroplexSocket {
      * @returns {MetroplexSocket}
      */
     static getInstance(scriptInstanceId?: string | number[]): MetroplexSocket;
-    /** Starts off the socket connection */
-    start(): void;
     /**
      * Adds the seq num field to the given payload depending on whether its
      * a page visit part or video frag
@@ -77,12 +75,14 @@ export default class MetroplexSocket {
      * connectSocket will establish a websocket connection to the metroplex
      * service
      */
-    connectSocket(): Promise<any> | null;
+    connectSocket(): Promise<any>;
     /** Calculates and sets the end_at field of the payload
      * @param  {} payload
      * @param  {} isPageVisit
      */
-    addEndTimeToPayload(payload: any, isPageVisit: boolean): void;
+    addEndTimeToPayload(payload: any, isPageVisit: boolean): typeof payload & {
+        [END_AT_ATT_NAME]: string;
+    };
     /** open handler for socket */
     _onSocketOpen(): Promise<void>;
     /** message handler for socket
@@ -146,6 +146,7 @@ export default class MetroplexSocket {
         script_inst_id: string | number[] | undefined;
         mp_sock_inst_id: string | number[];
         sock_inst_id: string | number[] | null;
+        video_recorder: string;
     }>;
     /**
      * Try to parse help code response and fire custom event

package/dist/api/metroplexSocket.js

@@ -1,7 +1,7 @@
 import uuid from 'react-native-uuid';
-import { getUserAgent, stringifyJSON } from '../utils/function.js';
+import { getUserAgent, stringifyJSON, getVideoRecorderType } 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, HELP_CODE_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 } from '../constants.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, HELP_CODE_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, VIDEO_RECORDER_ATT_NAME } from '../constants.js';
 import ClientConfig from './clientConfig.js';
 import StoredMetrics from './storedMetrics.js';
 import StoredPageVisit from './storedPageVisit.js';
@@ -16,7 +16,8 @@ class MetroplexSocket {
     _initialURL;
     ackedOnce;
     connectionCount;
-    connectionPromise = null;
+    // promise that will resolve once the socket is connected and metroplex has acknowledged
+    connectionPromise;
     connectionURL;
     currentConnectionAttempts;
     forceClosed;
@@ -65,8 +66,6 @@ class MetroplexSocket {
         this.connectionCount = 0;
         // sessiont start time, used to calculate accurate end time
         this.sessionStartTime = safePerformanceNow();
-        // promise that will resolve once the socket is connected and metroplex has acknowledged
-        this.connectionPromise = null;
         // Whether or not we have sent the page visit information after connecting the socket
         this.pageVisitInfoSent = false;
         // socket connection url
@@ -110,6 +109,10 @@ class MetroplexSocket {
         this.metroRetryFrequencyMS = METROPLEX_RETRY_FREQUENCY;
         this.helpCodeCb = null;
         this.retryMetroplexInterval = null;
+        // Connect the WS
+        this.connectionPromise = this.connectSocket();
+        // Set up the offload events immediately
+        this._setupOffloadEvents();
     }
     /**
      * gets the singleton instance
@@ -118,17 +121,9 @@ class MetroplexSocket {
     static getInstance(scriptInstanceId) {
         if (!this.instance) {
             this.instance = new MetroplexSocket(scriptInstanceId);
-            this.instance.start();
         }
         return this.instance;
     }
-    /** Starts off the socket connection */
-    start() {
-        // Connect the WS
-        this.connectSocket();
-        // Set up the offload events immediately
-        this._setupOffloadEvents();
-    }
     /**
      * Adds the seq num field to the given payload depending on whether its
      * a page visit part or video frag
@@ -321,8 +316,7 @@ class MetroplexSocket {
         }
         // we return a promisified socket resolver to be able to chain the
         // opening of the socket
-        this.connectionPromise = this.handleConnect(false);
-        return this.connectionPromise;
+        return this.handleConnect(false);
     }
     /** Calculates and sets the end_at field of the payload
      * @param  {} payload
@@ -334,9 +328,10 @@ class MetroplexSocket {
         if (isPageVisit) {
             this.sessionLength = delta;
         }
-        // Assigning this value here is much better than copying the whole object.
-        // eslint-disable-next-line no-param-reassign
-        payload[END_AT_ATT_NAME] = new Date(this.sessionTimestamp.getTime() + delta).toISOString();
+        return {
+            ...payload,
+            [END_AT_ATT_NAME]: new Date(this.sessionTimestamp.getTime() + delta).toISOString(),
+        };
     }
     /** open handler for socket */
     async _onSocketOpen() {
@@ -686,6 +681,7 @@ class MetroplexSocket {
             [SCRIPT_INSTANCE_ID_ATT_NAME]: this.scriptInstanceId,
             [METROPLEX_SOCKET_INSTANCE_ID_ATT_NAME]: this.instanceId,
             [SOCKET_INSTANCE_ID_ATT_NAME]: this.socketInstanceId,
+            [VIDEO_RECORDER_ATT_NAME]: await getVideoRecorderType(),
         };
     }
     /**

package/dist/api/storedMetrics.d.ts

@@ -0,0 +1,73 @@
+/**
+ * This class holds the final page visit and video frag metrics. It flushes
+ * them to storage and then finally sends them to Metroplex via the post
+ * route when the next page is loaded
+ */
+export default class StoredMetrics {
+    /**
+     * gets the singleton instance
+     * @returns {StoredMetrics}
+     */
+    static getInstance(): StoredMetrics;
+    expectedVideoLength: number;
+    expectedVfSeq: number;
+    httpSequenceNumber: number;
+    httpOverLimitCount: number;
+    httpDroppedPayloadByTypeCount: number;
+    httpDroppedPayloadByLengthCount: number;
+    httpPayloadCount: number;
+    expectedPvPart: number;
+    videoClicks: number;
+    pvClicks: number;
+    errCount: number;
+    httpCount: number;
+    didCutPv: boolean;
+    didCutVideo: boolean;
+    writeTimeout: any;
+    didStartVideo: boolean;
+    /** Add video frag payload data to the stored metrics
+     * @param  {} expectedVfSeq
+     * @param  {} expectedVideoLength
+     */
+    addVideoFragData(expectedVfSeq: any, expectedVideoLength: any): void;
+    /** Set the amount of page visit parts
+     * @param  {} expectedPvPart
+     */
+    setPvPart(expectedPvPart: any): void;
+    /** Increase the amount of video clicks seen in the session */
+    addVideoClick(): void;
+    /** Increase the amount of page visit clicks */
+    addPvClick(): void;
+    /** Increments the error count by 1 */
+    addError(): void;
+    /** Increments the http count by 1 */
+    addHttpEvent(): void;
+    /** Increments the http data sequence count by 1 */
+    addHttpData(): void;
+    /** Increments the http data over limit count by 1 */
+    addHttpDataOverLimit(): void;
+    /** Increments the http data drop count by content type */
+    addHttpDataDropByType(): void;
+    /** Increments the http data drop count by content length */
+    addHttpDataDropByLength(): void;
+    /** Increments the http data payload collected count */
+    addHttpDataPayloadCount(): void;
+    /** Set that the video was cut/blocked due to size constraints */
+    setDidCutVideo(): void;
+    /** Set that the video was started */
+    setDidStartVideo(): void;
+    /** Set that the page visit was cut/blocked due to size constraints */
+    setDidCutPv(): void;
+    /**
+     * Sets up all the listeners that noibujs should listen to before storing
+     * our metrics to localstorage
+     */
+    _setupListeners(): void;
+    /** posts the metrics to metroplex if client is active
+     * @param  {} eventName
+     */
+    _postMetricsIfActive(eventName: any): void;
+    /** posts the metrics to metroplex using the beacon API
+     */
+    postMetrics(): Promise<void>;
+}

package/dist/api/storedPageVisit.d.ts

@@ -0,0 +1,49 @@
+/**
+ * This class holds the final page visit. It flushes it to storage and then
+ * finally sends it to Metroplex via the post route when the next page is loaded
+ */
+export default class StoredPageVisit {
+    /** gets the singleton instance */
+    static getInstance(): StoredPageVisit;
+    latestPageVisitFrag: any;
+    writeTimeout: any;
+    flushedStorage: boolean;
+    /**
+     * Check if the events contain a click or location change. If they do then write the retry
+     * queue (which contains the metroplex msg sent above) to storage
+     * @param  {} retryMessageQueue
+     * @param  {} pvInfo
+     */
+    checkAndStoreRetryQueue(retryMessageQueue: any, pvInfo: any): void;
+    /** Writes the page visit frags in the retry queue to storage
+     * @param  {} retryMessageQueue
+     * @param  {} pvInfo
+     */
+    writePageVisitsFromRetryQueue(retryMessageQueue: any, pvInfo: any): void;
+    /** Write the given page visit frags to storage
+     * @param  {} pageVisitFrags
+     * @param  {} pvInfo
+     */
+    _writePageVisitFrags(pageVisitFrags: any, pvInfo: any): Promise<void>;
+    /**
+     * Read the stored page visit from storage, create a complete page visit object
+     * and then post that to Metroplex
+     */
+    _getPostData(): Promise<{
+        pvi: any;
+        pvp: never[];
+        pvvf: never[];
+    } | null>;
+    /**
+     * Creates and tries to resolve a promise that posts the previous page visit
+     * to Metroplex from storage
+     */
+    _postPreviousPageVisit(): void;
+    /**
+     * Remove the storage item and set flushed to true after they have
+     * been posted to metroplex
+     */
+    _updateStorageFlushed(): void;
+    /** Returns a promise that resolves to post the page visit in storage to Metroplex */
+    _getPostPageVisitPromise(): Promise<any>;
+}

package/dist/const_matchers.d.ts

@@ -0,0 +1 @@
+export function WHITELIST_TEXT_REGEX_STRING(): string;

package/dist/constants.d.ts

@@ -33,7 +33,6 @@ export declare const SEVERITY: {
     readonly info: "info";
     readonly debug: "debug";
 };
-export declare const UNFREEZE_TAG: "unfreeze";
 export declare const MAX_METROPLEX_SOCKET_INNACTIVE_TIME: number;
 export declare const MAX_PAGEVISIT_VISITED: 300;
 export declare const IMG_EXTENSIONS: readonly ["jpg", "jpeg", "bmp", "gif", "png"];
@@ -59,7 +58,10 @@ export declare const BROWSER_ID_ATT_NAME: "br_id";
 export declare const PV_ID_ATT_NAME: "pv_id";
 export declare const VER_ATT_NAME: "v";
 export declare const PV_SEQ_ATT_NAME: "seq";
+export declare const VIDEO_RECORDER_ATT_NAME: "video_recorder";
 export declare const ON_URL_ATT_NAME: "on_url";
+export declare const PAGE_GROUPS_ATT_NAME = "page_groups";
+export declare const PAGE_TITLE_ATT_NAME = "page_title";
 export declare const URL_ATT_NAME: "url";
 export declare const REF_URL_ATT_NAME: "ref_url";
 export declare const STARTED_AT_ATT_NAME: "start_at";
@@ -238,3 +240,6 @@ export declare const BLOCKLISTED_DOMAINS: {
     'vf.staging.noibu.com': boolean;
     'cdn.noibu.com': boolean;
 };
+export declare const MAX_RECORDER_EVENT_BUFFER = 10;
+export declare const MAX_TIME_FOR_RECORDER_USER_EVENTS = 2000;
+export declare const POST_METRICS_EVENT_NAME = "noibuPostMetrics";