react-native-acoustic-connect-beta 18.0.12 → 18.0.14

package/lib/typescript/src/TLTRN.d.ts

@@ -0,0 +1,47 @@
+/********************************************************************************************
+* Copyright (C) 2025 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+/// <reference types="node" />
+declare class TLTRN {
+    static currentScreen: string;
+    static lastJSBridgeMessageTime: number;
+    static totalRenderTime: number;
+    static messageRenderTime: number;
+    static countMsgs: number;
+    static messageConsole: number;
+    static lastMessageConsole: number;
+    static isLoggingData: number;
+    static displayDebug: boolean;
+    static myTimer: {
+        handle: NodeJS.Timeout | null;
+        started: number;
+        time: number;
+        /**
+         * @type Class
+         */
+        startTimer: () => void;
+        /**
+         * @type Class
+         */
+        stopTimer: () => void;
+    };
+    static init: (initialCurrentScreen: String, showDebugConsoleMessages: boolean) => void;
+    static interceptKeyboardEvents: (enable: boolean) => void;
+    static logScreenViewPageName: (name: string | undefined) => boolean;
+    static logScreenViewContextLoad: (name: string, prevName: string) => boolean;
+    static logScreenLayout: (name: string | undefined) => boolean;
+    static logClickEvent: (event: any) => Promise<boolean>;
+    static logTextChangeEvent: (target: number, controlId: string, text: string, _ariaLabel: string) => Promise<boolean>;
+    static logCustomEvent: (eventName: string, values: Record<string, string | number | boolean>, level: number) => Promise<boolean>;
+    static listenToBridge: (message: any) => void;
+    static checkTime: () => void;
+    static logTeal: () => Promise<void>;
+}
+export default TLTRN;
+//# sourceMappingURL=TLTRN.d.ts.map

package/lib/typescript/src/TLTRN.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLTRN.d.ts","sourceRoot":"","sources":["../../../src/TLTRN.ts"],"names":[],"mappings":"AAAA;;;;;;;;6FAQ6F;;AAiB7F,cAAM,KAAK;IACT,MAAM,CAAC,aAAa,SACgD;IACpE,MAAM,CAAC,uBAAuB,SAAK;IACnC,MAAM,CAAC,eAAe,SAAK;IAC3B,MAAM,CAAC,iBAAiB,SAAK;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,MAAM,CAAC,cAAc,SAAK;IAC1B,MAAM,CAAC,kBAAkB,SAAK;IAC9B,MAAM,CAAC,aAAa,SAAK;IACzB,MAAM,CAAC,YAAY,UAAS;IAE5B,MAAM,CAAC,OAAO;;;;QAIZ;;WAEG;;QAKH;;WAEG;;MAQH;IAEF,MAAM,CAAC,IAAI,yBAA0B,MAAM,4BAA4B,OAAO,UAQ5E;IAEF,MAAM,CAAC,uBAAuB,WAAY,OAAO,UAE/C;IAEF,MAAM,CAAC,qBAAqB,SAAU,MAAM,GAAG,SAAS,aAQtD;IAEF,MAAM,CAAC,wBAAwB,SAAU,MAAM,YAAY,MAAM,aAQ/D;IAEF,MAAM,CAAC,eAAe,SAAU,MAAM,GAAG,SAAS,aAShD;IAEF,MAAM,CAAC,aAAa,UAAiB,GAAG,sBAwBtC;IAEF,MAAM,CAAC,kBAAkB,WAAkB,MAAM,aAAa,MAAM,QAAQ,MAAM,cAAc,MAAM,sBAYpG;IAEF,MAAM,CAAC,cAAc,cAAqB,MAAM,UAAU,OAAO,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,SAAS,MAAM,sBAQhH;IAEF,MAAM,CAAC,cAAc,YAAa,GAAG,UAiEnC;IAEF,MAAM,CAAC,SAAS,aA6Bd;IAEF,MAAM,CAAC,OAAO,sBAsBZ;CACH;AAGD,eAAe,KAAK,CAAC"}

package/lib/typescript/src/components/Connect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Connect.d.ts","sourceRoot":"","sources":["../../../../src/components/Connect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;6FAQ6F;AAC7F,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,UAAU,YAAY;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,EAAE,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyEnC,CAAC;AAWF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Connect.d.ts","sourceRoot":"","sources":["../../../../src/components/Connect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;6FAQ6F;AAC7F,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,UAAU,YAAY;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,EAAE,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2EnC,CAAC;AAWF,eAAe,OAAO,CAAC"}

package/lib/typescript/src/components/ConnectProfiler.d.ts

@@ -0,0 +1,23 @@
+/********************************************************************************************
+* Copyright (C) 2025 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+import React, { Component } from "react";
+interface ConnectProfilerProps {
+    profileName?: string;
+    children?: React.ReactNode;
+}
+declare class ConnectProfiler extends Component<ConnectProfilerProps> {
+    startTime: number;
+    endTime: number;
+    constructor(props: ConnectProfilerProps);
+    componentDidMount(): void;
+    render(): React.ReactNode;
+}
+export default ConnectProfiler;
+//# sourceMappingURL=ConnectProfiler.d.ts.map

package/lib/typescript/src/components/ConnectProfiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectProfiler.d.ts","sourceRoot":"","sources":["../../../../src/components/ConnectProfiler.ts"],"names":[],"mappings":"AAAA;;;;;;;;6FAQ6F;AAE7F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,cAAM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,SAAS,SAAK;IACd,OAAO,SAAK;gBAEA,KAAK,EAAE,oBAAoB;IAKvC,iBAAiB;IAUjB,MAAM;CAGP;AAED,eAAe,eAAe,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -12,7 +12,9 @@
 ********************************************************************************************/
 import type { AcousticConnectRN as AcousticConnectRNSpec } from './specs/react-native-acoustic-connect.nitro';
 import Connect from './components/Connect';
+import KeyboardListener from './utils/KeyboardListener';
+import TLTRN from './TLTRN';
 declare const AcousticConnectRN: AcousticConnectRNSpec;
-export { Connect };
+export { Connect, TLTRN, KeyboardListener };
 export default AcousticConnectRN;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;6FAW6F;AAG7F,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAC7G,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAE1C,QAAA,MAAM,iBAAiB,uBAA8E,CAAA;AAErG,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;6FAW6F;AAG7F,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAC7G,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AACvD,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,QAAA,MAAM,iBAAiB,uBAA8E,CAAA;AAErG,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAC,CAAA;AAC1C,eAAe,iBAAiB,CAAA"}

package/{jslib/components/ConnectProfiler.js → lib/typescript/src/utils/KeyboardListener.d.ts}

@@ -7,34 +7,14 @@
 * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
 * prohibited.
 ********************************************************************************************/
-
-import React, {Component} from "react";
 import TLTRN from '../TLTRN';
-
-
-class ConnectProfiler extends Component {
-  startTime = 0
-  endTime = 0
-
-  constructor(props){
-    super(props)
-    this.startTime = (new Date()).getTime();
-
-  }
-
-  componentDidMount(){
-    this.endTime = (new Date()).getTime();
-    const pageLoadTime  = this.endTime - this.startTime
-    const {profileName} = this.props
-
-    if(profileName){
-      TLTRN.logCustomEvent("Load Time",{profileName, pageLoadTime},1)
-    }
-  }
-
-  render(){
-   return this.props.children
-  }
+declare class KeyboardListener {
+    static TLTRN: TLTRN | null;
+    static listener: KeyboardListener | null;
+    static _instance(_TLTRN: TLTRN): KeyboardListener;
+    enabled: boolean;
+    constructor(_TLTRN: TLTRN);
+    interceptKeyboardEvents(enable: boolean): void;
 }
-
-export default ConnectProfiler;
+export default KeyboardListener;
+//# sourceMappingURL=KeyboardListener.d.ts.map

package/lib/typescript/src/utils/KeyboardListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardListener.d.ts","sourceRoot":"","sources":["../../../../src/utils/KeyboardListener.ts"],"names":[],"mappings":"AAAA;;;;;;;;6FAQ6F;AAG7F,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,cAAM,gBAAgB;IAClB,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAClC,MAAM,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEhD,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,GAAG,gBAAgB;IAOjD,OAAO,EAAE,OAAO,CAAC;gBAEL,MAAM,EAAE,KAAK;IAiFzB,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAGjD;AAED,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -53,7 +53,6 @@
         "src",
         "react-native.config.js",
         "lib",
-        "jslib",
         "nitrogen",
         "cpp",
         "android/build.gradle",
@@ -193,7 +192,7 @@
     "source": "src/index",
     "summary": "react-native ios android tealeaf connect cxa wxca er enhanced-replay",
     "types": "./lib/typescript/src/index.d.ts",
-    "version": "18.0.12",
+    "version": "18.0.14",
     "workspaces": [
         "example"
     ]

package/scripts/ConnectConfig.json

@@ -1,6 +1,6 @@
 {
     "Connect": {
-        "AndroidVersion": "10.4.37",
+        "AndroidVersion": "10.4.59",
         "AppKey": "b6c3709b7a4c479bb4b5a9fb8fec324c",
         "KillSwitchUrl": "https://lib-us-2.brilliantcollector.com/collector/switch/b6c3709b7a4c479bb4b5a9fb8fec324c",
         "PostMessageUrl": "https://lib-us-2.brilliantcollector.com/collector/collectorPost",

package/{jslib/TLTRN.js → src/TLTRN.ts}

@@ -8,18 +8,20 @@
 * prohibited.
 ********************************************************************************************/
 
+// @ts-ignore
 import MessageQueue from "react-native/Libraries/BatchedBridge/MessageQueue.js";
+import { Platform } from "react-native";
 import KeyboardListener from "./utils/KeyboardListener";
-import AcousticConnectRN from 'react-native-acoustic-connect-beta';
-
-global.ErrorUtils.setGlobalHandler( (e, isFatal) => {
+import AcousticConnectRN from './index'; 
 
+// @ts-ignore
+global.ErrorUtils.setGlobalHandler((e: any, _isFatal: boolean) => {
   AcousticConnectRN.logExceptionEvent(
       JSON.stringify(e),
       JSON.stringify(e),
       true
-    );
-})
+  );
+});
 
 class TLTRN {
   static currentScreen =
@@ -31,10 +33,10 @@ class TLTRN {
   static messageConsole = 0;
   static lastMessageConsole = 0;
   static isLoggingData = 0;
-  static displayDebug = 0;
+  static displayDebug = false;
 
   static myTimer = {
-    handle: 0,
+    handle: null as NodeJS.Timeout | null,
     started: 0,
     time: 1000,
     /**
@@ -50,57 +52,65 @@ class TLTRN {
     stopTimer: function () {
       if (this.handle) {
         clearInterval(this.handle);
-        this.handle = 0;
+        this.handle = null;
         this.started = 0;
       }
     },
   };
   
-  static init = (initialCurrentScreen, showDebugConsoleMessages) => {
+  static init = (initialCurrentScreen: String, showDebugConsoleMessages: boolean) => {
     TLTRN.currentScreen =
       initialCurrentScreen === undefined
+        // @ts-ignore:
         ? currentScreenMsg
         : initialCurrentScreen;
     MessageQueue.spy(TLTRN.listenToBridge);
-    TLTRN.displayDebug =
-      showDebugConsoleMessages === undefined ? 0 : showDebugConsoleMessages;
+    TLTRN.displayDebug = showDebugConsoleMessages === undefined ? false : showDebugConsoleMessages;
   };
 
-  static interceptKeyboardEvents = (enable) => {
+  static interceptKeyboardEvents = (enable: boolean) => {
     keyListener.interceptKeyboardEvents(enable);
   };
 
-  static logScreenViewPageName = (name) => {
+  static logScreenViewPageName = (name: string | undefined) => {
+    let result = false
     try {
-      return AcousticConnectRN.setCurrentScreenName(name);
-    } catch (error) {
+      result = AcousticConnectRN.setCurrentScreenName(name || '');
+    } catch (error: Error | any) {  
       console.log('LogScreenViewPageName error: ', error.message);
     }
+    return result;
   };
 
-  static logScreenViewContextLoad = (name, prevName) => {
+  static logScreenViewContextLoad = (name: string, prevName: string) => {
+    let result = false
     try {
-      return AcousticConnectRN.logScreenViewContextLoad(name, prevName);
-    } catch (error) {
+      result = AcousticConnectRN.logScreenViewContextLoad(name, prevName);
+    } catch (error: Error | any) {
       console.log('LogScreenViewContextLoad error: ', error.message);
     }
+    return result;
   };
 
-  static logScreenLayout = (name) => {
-    TLTRN.currentScreen = name;
+  static logScreenLayout = (name: string | undefined) => {
+    TLTRN.currentScreen = name || '';
+    let result = false
     try {
-      return AcousticConnectRN.logScreenLayout(name, 0);
-    } catch (error) {
+      result = AcousticConnectRN.logScreenLayout(TLTRN.currentScreen, 0);
+    } catch (error: Error | any) {
       console.log('LogScreenLayout error: ', error.message);
     }
+    return result;
   };
 
-  static logClickEvent = async (event) => {    
-    if(!event.target._nativeTag || typeof event.target._nativeTag === 'undefined'){ return false; }
+  static logClickEvent = async (event: any) => {    
+    let result = false
+
+    if(!event.target || !event.target._nativeTag || typeof event.target._nativeTag === 'undefined'){ return result; }
 
-    const events = event._dispatchInstances.filter(node => {
-      return (node.memoizedProps &&  node.memoizedProps.id) 
-    })
+    const events = event._dispatchInstances.filter((node: any) => {
+      return node.memoizedProps && node.memoizedProps.id;
+    });
     const id = (events.length) ? events[0].memoizedProps.id : '';
 
     let target = event.target._nativeTag;
@@ -109,36 +119,41 @@ class TLTRN {
 
     try {
         if (Platform.OS === 'ios') {
-          return AcousticConnectRN.logClickEvent(target, controlId);
+          result = AcousticConnectRN.logClickEvent(target, controlId);
         } else if (Platform.OS === 'android') {
-          return AcousticConnectRN.logClickEvent(target, controlId);
+          result = AcousticConnectRN.logClickEvent(target, controlId);
         }
-    } catch(error){
+    } catch(error: Error | any){
       console.log('LogClickEvent error: ', error.message);
     }
+    return result;
   };
 
-  static logTextChangeEvent = async (target, controlId, text, ariaLabel) => {
+  static logTextChangeEvent = async (target: number, controlId: string, text: string, _ariaLabel: string) => {
+    let result = false
     try {
         if (Platform.OS === 'ios') {
-          await AcousticConnectRN.logTextChangeEvent(target, controlId, text);
+          result = AcousticConnectRN.logTextChangeEvent(target, controlId, text);
         } else if (Platform.OS === 'android') {
           AcousticConnectRN.logTextChangeEvent(target, controlId, text);
         }
-    } catch (error) {
+    } catch (error: Error | any) {
       console.log('LogTextChangeEvent error: ', error.message);
     }
+    return result;
   };
   
-  static logCustomEvent = async (eventName, values, level) => {
+  static logCustomEvent = async (eventName: string, values: Record<string, string | number | boolean>, level: number) => {
+    let result = false
     try {
-      return await AcousticConnectRN.logCustomEvent(eventName, values, level);
-    } catch (error) {
+      result = AcousticConnectRN.logCustomEvent(eventName, values, level);
+    } catch (error: Error | any) {
       console.log('LogCustomEvent error: ', error.message);
     }
+    return result;
   };
 
-  static listenToBridge = (message) => {
+  static listenToBridge = (message: any) => {
     if (TLTRN.displayDebug) {
       console.log(
         "&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&:isLoggingData:" +
@@ -232,14 +247,14 @@ class TLTRN {
       TLTRN.messageConsole = 0;
       TLTRN.lastMessageConsole = 0;
       TLTRN.myTimer.stopTimer();
-      logTeal();
+      this.logTeal();
     }
   };
 
   static logTeal = async () => {
     try {
       TLTRN.isLoggingData = 1;
-      var res = await AcousticConnectRN.logScreenLayout(TLTRN.currentScreen);
+      var res = await AcousticConnectRN.logScreenLayout(TLTRN.currentScreen, -1);
       var dict = { ReactLayoutTime: TLTRN.totalRenderTime };
       var result = await AcousticConnectRN.logCustomEvent("ReactPlugin", dict, 1);
       if (TLTRN.displayDebug) {

package/src/components/Connect.tsx

@@ -7,10 +7,10 @@
 * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
 * prohibited.
 ********************************************************************************************/
-import React, { useCallback, useEffect, useRef } from "react";
+import React, { useCallback, useEffect, useRef, forwardRef } from "react";
 import { View, StyleSheet, Platform, NativeModules, findNodeHandle } from "react-native";
 import type { LayoutChangeEvent } from "react-native"; // Use type-only import for LayoutChangeEvent
-// import TLTRN from '../TLTRN';
+import TLTRN from '../TLTRN';
 
 interface ConnectProps {
     children: React.ReactNode;
@@ -23,7 +23,7 @@ const Connect: React.FC<ConnectProps> = ({ children, captureKeyboardEvents }) =>
     const initial = useRef<boolean>(false);
 
     useEffect(() => {
-        // TLTRN.interceptKeyboardEvents(captureKeyboardEvents);
+        TLTRN.interceptKeyboardEvents(captureKeyboardEvents);
     }, [captureKeyboardEvents]);
 
     useEffect(() => {
@@ -38,29 +38,31 @@ const Connect: React.FC<ConnectProps> = ({ children, captureKeyboardEvents }) =>
             return;
         }
 
-        const unsubscribe = navigation.current.addListener("state", () => {
+        // Listen for the 'state' event to track navigation state changes
+        const unsubscribeState = navigation.current.addListener("state", () => {
             currentRoute.current = extractName(navigation) || navigation.current.getCurrentRoute()?.name;
             console.log("State change - ", currentRoute.current);
-
+            
             if (Platform.OS === "ios" && currentRoute && currentRoute.current) {
-                // TLTRN.setCurrentScreenName(currentRoute.current);
+                TLTRN.logScreenViewPageName(currentRoute.current);
             } else if (Platform.OS === "android") {
-                // TLTRN.setCurrentScreenName(currentRoute.current);
-                // TLTRN.logScreenLayout(currentRoute.current);
+                TLTRN.logScreenViewPageName(currentRoute.current);
+                TLTRN.logScreenLayout(currentRoute.current);
             }
         });
 
-        return unsubscribe;
+        // Cleanup listeners when the component unmounts or dependencies change
+        return () => {
+            unsubscribeState();
+        };
     }, [navigation]);
 
     const onStartShouldSetResponderCapture = useCallback((event: any) => {
         currentRoute.current = extractName(navigation) || navigation.current.getCurrentRoute()?.name;
         if (currentRoute && currentRoute.current) {
-            // TLTRN.setCurrentScreenName(currentRoute.current);
+            TLTRN.logScreenViewPageName(currentRoute.current);
         }
-        // Log the click event
-        console.log("event - ", event.nativeEvent);
-        // TLTRN.logClickEvent(event);
+        TLTRN.logClickEvent(event);
         return false; // Must be false; true means this component becomes the touch responder and events don't bubble
     }, []);
 
@@ -74,9 +76,9 @@ const Connect: React.FC<ConnectProps> = ({ children, captureKeyboardEvents }) =>
 
         currentRoute.current = navigation.current.getCurrentRoute()?.name;
         if (Platform.OS === "ios" && currentRoute && currentRoute.current) {
-            // TLTRN.setCurrentScreenName(currentRoute.current);
+            TLTRN.logScreenViewPageName(currentRoute.current);
         } else if (Platform.OS === "android") {
-            // TLTRN.logScreenLayout(currentRoute.current);
+            TLTRN.logScreenLayout(currentRoute.current);
         }
         return true
     }, [navigation]);
@@ -96,7 +98,7 @@ function extractName(navigation: any): string {
     const routeParams = navigation.current.getCurrentRoute()?.params;
     if (routeParams) {
         const { name } = routeParams;
-        return name || "";
+        return name ? name : navigation.current?.getCurrentRoute()?.name || "";
     }
     return "";
 }

package/src/components/ConnectProfiler.ts

@@ -0,0 +1,43 @@
+/********************************************************************************************
+* Copyright (C) 2025 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+
+import React, { Component } from "react";
+import TLTRN from "../TLTRN";
+
+interface ConnectProfilerProps {
+  profileName?: string; // Optional property
+  children?: React.ReactNode; // For rendering child components
+}
+
+class ConnectProfiler extends Component<ConnectProfilerProps> {
+  startTime = 0;
+  endTime = 0;
+
+  constructor(props: ConnectProfilerProps) {
+    super(props);
+    this.startTime = new Date().getTime();
+  }
+
+  componentDidMount() {
+    this.endTime = new Date().getTime();
+    const pageLoadTime = this.endTime - this.startTime;
+    const { profileName } = this.props;
+
+    if (profileName) {
+      TLTRN.logCustomEvent("Load Time", { profileName, pageLoadTime }, 1);
+    }
+  }
+
+  render() {
+    return this.props.children;
+  }
+}
+
+export default ConnectProfiler;

package/src/index.ts

@@ -13,9 +13,11 @@
 
 import { NitroModules } from 'react-native-nitro-modules'
 import type { AcousticConnectRN as AcousticConnectRNSpec } from './specs/react-native-acoustic-connect.nitro'
-import Connect from './components/Connect' // Import Connect.tsx
+import Connect from './components/Connect'
+import KeyboardListener from './utils/KeyboardListener'
+import TLTRN from './TLTRN'
 
 const AcousticConnectRN = NitroModules.createHybridObject<AcousticConnectRNSpec>('AcousticConnectRN')
 
-export { Connect } // Export Connect.tsx
+export { Connect, TLTRN, KeyboardListener} 
 export default AcousticConnectRN

package/src/utils/KeyboardListener.ts

@@ -0,0 +1,113 @@
+/********************************************************************************************
+* Copyright (C) 2025 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+
+import { Keyboard, Platform, TextInput } from "react-native";
+import TLTRN from '../TLTRN';
+
+class KeyboardListener {
+    static TLTRN: TLTRN | null = null;
+    static listener: KeyboardListener | null = null;
+
+    static _instance(_TLTRN: TLTRN): KeyboardListener {
+        if (!KeyboardListener.listener) {
+            KeyboardListener.listener = new KeyboardListener(_TLTRN);
+        }
+        return KeyboardListener.listener;
+    }
+
+    enabled: boolean;
+
+    constructor(_TLTRN: TLTRN) {
+        KeyboardListener.TLTRN = _TLTRN;
+
+        this.enabled = false;
+        let _x: Record<string, any> = {};
+        let _i: Record<string, any> = {};
+
+        const sanitize = (target: string, text: string): string => {
+            if (!_x[target].secureTextEntry || typeof _x[target].secureTextEntry === "undefined") {
+                return text;
+            }
+            return new Array(text.length).fill("*").join("");
+        };
+
+        const flushData = (): void => {
+            _i = {};
+            _x = {};
+        };
+
+        const keyListener = (evt: any, bubbledEvent: string): void => {
+            let _nativeTag = evt?.target?._nativeTag;
+
+            let valid = this.enabled && (!_i[_nativeTag] || _i[_nativeTag] === bubbledEvent);
+            if (!valid) {
+                return;
+            }
+
+            _i[_nativeTag] = bubbledEvent;
+            if (!_x[_nativeTag]) {
+                _x[_nativeTag] = { text: "" };
+            }
+
+            _x[_nativeTag].target = evt?.target?._nativeTag;
+            _x[_nativeTag].controlId = evt?._targetInst?.memoizedProps?.id;
+            _x[_nativeTag].ariaLabel = evt?._targetInst?.memoizedProps?.accessible?.accessibilityLabel;
+            _x[_nativeTag].secureTextEntry = evt?._targetInst?.memoizedProps?.secureTextEntry;
+
+            const anon = (_k: string): string => {
+                if (_k !== "Backspace" && _k.length === 1) {
+                    return (_x[_nativeTag].text += sanitize(_nativeTag, _k));
+                } else if (_k !== "Backspace" && _k.length > 1) {
+                    return sanitize(_nativeTag, _k);
+                } else {
+                    return _x[_nativeTag].text.slice(0, -1);
+                }
+            };
+
+            let text: string | null = null;
+            switch (bubbledEvent) {
+                case "onTextInput":
+                    text = evt?.nativeEvent?.text;
+                    _x[_nativeTag].text = sanitize(_nativeTag, text || "");
+                    break;
+                case "onKeyPress":
+                    text = evt?.nativeEvent?.key;
+                    _x[_nativeTag].text = anon(text || "");
+                    break;
+                case "onChange":
+                    text = evt?.nativeEvent?.text;
+                    _x[_nativeTag].text = sanitize(_nativeTag, text || "");
+                    break;
+            }
+        };
+
+        const keyboardDidHide = async (): Promise<void> => {
+            let values = Object.values(_x);
+            for (let value of values) {
+                let { text, controlId, ariaLabel, target } = value;
+                TLTRN.logTextChangeEvent(target, controlId, text, ariaLabel);
+            }
+            flushData();
+        };
+
+        // @ts-ignore: Ignore TypeScript error for defaultProps
+        TextInput.defaultProps = TextInput.defaultProps || {};
+        // @ts-ignore: Ignore TypeScript error for defaultProps
+        TextInput.defaultProps.onChange = (evt: any) => keyListener(evt, "onChange");
+
+        Keyboard.addListener("keyboardDidHide", keyboardDidHide);
+    }
+
+    interceptKeyboardEvents(enable: boolean): void {
+        this.enabled = enable;
+    }
+}
+
+export default KeyboardListener;