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

package/src/components/Connect.tsx

@@ -7,104 +7,120 @@
 * 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 type { LayoutChangeEvent } from "react-native";
+import TLTRN from "../TLTRN";
 
 interface ConnectProps {
     children: React.ReactNode;
     captureKeyboardEvents: boolean;
+    navigationRef?: React.RefObject<any>;
 }
 
-const Connect: React.FC<ConnectProps> = ({ children, captureKeyboardEvents }) => {
-    const navigation = (children as any).ref; // Type assertion for children with ref
-    const currentRoute = useRef<string | undefined>(undefined);
-    const initial = useRef<boolean>(false);
-
-    useEffect(() => {
-        // TLTRN.interceptKeyboardEvents(captureKeyboardEvents);
-    }, [captureKeyboardEvents]);
-
-    useEffect(() => {
-        if (
-            !navigation ||
-            typeof navigation.current.addListener !== "function" ||
-            typeof navigation.current.getCurrentRoute !== "function"
-        ) {
-            console.warn(
-                "Connect: The Connect component's first child must be a NavigationContainer with a ref."
-            );
-            return;
-        }
-
-        const unsubscribe = 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);
-            } else if (Platform.OS === "android") {
-                // TLTRN.setCurrentScreenName(currentRoute.current);
-                // TLTRN.logScreenLayout(currentRoute.current);
-            }
-        });
-
-        return unsubscribe;
-    }, [navigation]);
-
-    const onStartShouldSetResponderCapture = useCallback((event: any) => {
-        currentRoute.current = extractName(navigation) || navigation.current.getCurrentRoute()?.name;
-        if (currentRoute && currentRoute.current) {
-            // TLTRN.setCurrentScreenName(currentRoute.current);
-        }
-        // Log the click event
-        console.log("event - ", event.nativeEvent);
-        // TLTRN.logClickEvent(event);
-        return false; // Must be false; true means this component becomes the touch responder and events don't bubble
-    }, []);
-
-    const onLayout = useCallback((event: LayoutChangeEvent) => {
-        if (initial.current) {
-            return false;
-        }
-        initial.current = true;
-
-        console.log("event - ", event.nativeEvent);
-
-        currentRoute.current = navigation.current.getCurrentRoute()?.name;
-        if (Platform.OS === "ios" && currentRoute && currentRoute.current) {
-            // TLTRN.setCurrentScreenName(currentRoute.current);
-        } else if (Platform.OS === "android") {
-            // TLTRN.logScreenLayout(currentRoute.current);
-        }
-        return true
-    }, [navigation]);
-
-    return (
-        <View
-            style={styles.connect_main}
-            onLayout={onLayout}
-            onStartShouldSetResponderCapture={onStartShouldSetResponderCapture}
-        >
-            {children}
-        </View>
-    );
-};
+const Connect = forwardRef<any, ConnectProps>(
+    ({ children, captureKeyboardEvents, navigationRef }, ref) => {
+      const navigation = navigationRef || useRef(null);
+  
+  // Handle forwarded ref
+  useEffect(() => {
+    if (ref && typeof ref === "object" && ref !== null) {
+      navigation.current = ref.current;
+    } else if (typeof ref === "function") {
+      ref(navigation.current);
+    }
+  }, [ref]);
 
-function extractName(navigation: any): string {
-    const routeParams = navigation.current.getCurrentRoute()?.params;
-    if (routeParams) {
-        const { name } = routeParams;
-        return name || "";
+  const currentRoute = useRef<string | undefined>(undefined);
+  const initial = useRef<boolean>(false);
+
+  useEffect(() => {
+    TLTRN.interceptKeyboardEvents(captureKeyboardEvents);
+  }, [captureKeyboardEvents]);
+
+  useEffect(() => {
+    if (
+      !navigation.current ||
+      typeof navigation.current.addListener !== "function" ||
+      typeof navigation.current.getCurrentRoute !== "function"
+    ) {
+      console.warn(
+        "Connect: The Connect component's ref must be a NavigationContainer with a ref."
+      );
+      return;
     }
-    return "";
+
+    const unsubscribe = navigation.current.addListener("state", () => {
+      currentRoute.current = extractName(navigation);
+      console.log("State change - ", currentRoute.current);
+
+      if (Platform.OS === "ios" && currentRoute.current) {
+        TLTRN.logScreenViewPageName(currentRoute.current);
+      } else if (Platform.OS === "android") {
+        TLTRN.logScreenViewPageName(currentRoute.current);
+        TLTRN.logScreenLayout(currentRoute.current);
+      }
+    });
+
+    return unsubscribe;
+  }, [navigation]);
+
+  const onStartShouldSetResponderCapture = useCallback(
+    (event: any) => {
+      currentRoute.current = extractName(navigation);
+      if (currentRoute.current) {
+        TLTRN.logScreenViewPageName(currentRoute.current);
+      }
+      TLTRN.logClickEvent(event);
+      return false;
+    },
+    [navigation]
+  );
+
+  const onLayout = useCallback(
+    (event: LayoutChangeEvent) => {
+      if (initial.current) {
+        return false;
+      }
+      initial.current = true;
+
+      console.log("event - ", event.nativeEvent);
+
+      currentRoute.current = navigation.current?.getCurrentRoute()?.name;
+      if (Platform.OS === "ios" && currentRoute.current) {
+        TLTRN.logScreenViewPageName(currentRoute.current);
+      } else if (Platform.OS === "android") {
+        TLTRN.logScreenLayout(currentRoute.current);
+      }
+      return true;
+    },
+    [navigation]
+  );
+
+  return (
+    <View
+      style={styles.connect_main}
+      onLayout={onLayout}
+      onStartShouldSetResponderCapture={onStartShouldSetResponderCapture}
+    >
+      {children}
+    </View>
+  );
+});
+
+function extractName(navigation: any): string {
+  const routeParams = navigation.current?.getCurrentRoute()?.params;
+  if (routeParams) {
+    const { name } = routeParams;
+    return name || "";
+  }
+  return navigation.current?.getCurrentRoute()?.name || "";
 }
 
 export default Connect;
 
 const styles = StyleSheet.create({
-    connect_main: {
-        flex: 1,
-    },
+  connect_main: {
+    flex: 1,
+  },
 });

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;

package/jslib/utils/KeyboardListener.js

@@ -1,100 +0,0 @@
-/********************************************************************************************
-* 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";
-
-class KeyboardListener{
-    static TLTRN = null;
-    static listener = null;
-    
-    static _instance(_TLTRN){
-        if(!KeyboardListener.listener){ KeyboardListener.listener = new KeyboardListener(_TLTRN); }
-        return KeyboardListener.listener;
-    }
-    
-    constructor(_TLTRN) { 
-        KeyboardListener.TLTRN = _TLTRN;
-        
-        this.enabled = false;
-        let _x = {};
-        let _i = {};
-        
-        const sanitize = (target, text) => {
-            if(!_x[target].secureTextEntry || typeof _x[target].secureTextEntry === 'undefined'){ return text; }
-            return new Array(text.length).fill('*').join('');
-        };
-        const flushData = () => { 
-            _i = {}; 
-            _x = {}; 
-        };
-        const keyListener = (evt, bubbledEvent) => {
-            let _nativeTag = evt?.target?._nativeTag;
-
-            let valid = this.enabled && (!_i[_nativeTag] || _i[_nativeTag] === bubbledEvent);
-            if(!valid){ return false; }
-            
-            // console.log('parent keyListener evt', evt);  
-            // console.log('parent keyListener evt?._targetInst?.secureTextEntry', evt?._targetInst?.memoizedProps?.secureTextEntry);  
-            
-            _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;
-            
-            let anon = _k => {
-                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 = null;
-            switch(bubbledEvent){
-                case 'onTextInput':
-                    text = evt?.nativeEvent?.text;
-                    if(_k !== 'Backspace' && _k.length === 1){ _x[_nativeTag] = _x[_nativeTag].text += sanitize(_nativeTag, _k); }
-                    else if(_k !== 'Backspace' && _k.length > 1){ _x[_nativeTag].text = sanitize(_nativeTag, _k); }
-                    else { _x[_nativeTag].text = _x[_nativeTag].text.slice(0, -1); }
-                
-                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 () => {
-            let values = Object.values(_x);
-            for (let value of values) {
-                let {text, controlId, ariaLabel, target} = value;
-                await KeyboardListener.TLTRN.logTextChangeEvent(target, controlId, text, ariaLabel); 
-            }
-            flushData();
-        };
-        
-        TextInput.defaultProps = TextInput.defaultProps || {};
-            
-        // Shotgun approach; if any of these listeners are set on the component the event doesn't bubble up
-        // TextInput.defaultProps.onKeyPress = evt => keyListener(evt, 'onKeyPress');
-        TextInput.defaultProps.onChange = evt => keyListener(evt, 'onChange');
-        // TextInput.defaultProps.onTextInput = evt => keyListener(evt, 'onTextInput');
-        
-        Keyboard.addListener('keyboardDidHide', keyboardDidHide);
-    }
-    interceptKeyboardEvents(enable){ this.enabled = enable; }
-}
-
-export default KeyboardListener;

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

@@ -1,37 +0,0 @@
-export default TLTRN;
-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: number;
-    static myTimer: {
-        handle: number;
-        started: number;
-        time: number;
-        /**
-         * @type Class
-         */
-        startTimer: Class;
-        /**
-         * @type Class
-         */
-        stopTimer: Class;
-    };
-    static init: (initialCurrentScreen: any, showDebugConsoleMessages: any) => void;
-    static interceptKeyboardEvents: (enable: any) => void;
-    static logScreenViewPageName: (name: any) => boolean | undefined;
-    static logScreenViewContextLoad: (name: any, prevName: any) => boolean | undefined;
-    static logScreenLayout: (name: any) => boolean | undefined;
-    static logClickEvent: (event: any) => Promise<boolean | undefined>;
-    static logTextChangeEvent: (target: any, controlId: any, text: any, ariaLabel: any) => Promise<void>;
-    static logCustomEvent: (eventName: any, values: any, level: any) => Promise<boolean | undefined>;
-    static listenToBridge: (message: any) => void;
-    static checkTime: () => void;
-    static logTeal: () => Promise<void>;
-}
-//# sourceMappingURL=TLTRN.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TLTRN.d.ts","sourceRoot":"","sources":["../../../jslib/TLTRN.js"],"names":[],"mappings":";AAuBA;IACE,6BACoE;IACpE,uCAAmC;IACnC,+BAA2B;IAC3B,iCAA6B;IAC7B,yBAAqB;IACrB,8BAA0B;IAC1B,kCAA8B;IAC9B,6BAAyB;IACzB,4BAAwB;IAExB;;;;QAIE;;WAEG;;QAKH;;WAEG;;MAQH;IAEF,gFAQE;IAEF,sDAEE;IAEF,iEAME;IAEF,mFAME;IAEF,2DAOE;IAEF,mEAqBE;IAEF,qGAUE;IAEF,iGAME;IAEF,8CAiEE;IAEF,6BA6BE;IAEF,oCAsBE;CACH"}

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

@@ -1,10 +0,0 @@
-export default ConnectProfiler;
-declare class ConnectProfiler extends React.Component<any, any, any> {
-    constructor(props: any);
-    startTime: number;
-    endTime: number;
-    componentDidMount(): void;
-    render(): any;
-}
-import React from "react";
-//# sourceMappingURL=ConnectProfiler.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectProfiler.d.ts","sourceRoot":"","sources":["../../../../jslib/components/ConnectProfiler.js"],"names":[],"mappings":";AAcA;IAIE,wBAIC;IAPD,kBAAa;IACb,gBAAW;IAQX,0BAQC;IAED,cAEC;CACF;kBA3B8B,OAAO"}

package/lib/typescript/jslib/utils/KeyboardListener.d.ts

@@ -1,10 +0,0 @@
-export default KeyboardListener;
-declare class KeyboardListener {
-    static TLTRN: null;
-    static listener: null;
-    static _instance(_TLTRN: any): null;
-    constructor(_TLTRN: any);
-    enabled: boolean;
-    interceptKeyboardEvents(enable: any): void;
-}
-//# sourceMappingURL=KeyboardListener.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyboardListener.d.ts","sourceRoot":"","sources":["../../../../jslib/utils/KeyboardListener.js"],"names":[],"mappings":";AAYA;IACI,mBAAoB;IACpB,sBAAuB;IAEvB,oCAGC;IAED,yBA0EC;IAvEG,iBAAoB;IAwExB,2CAAyD;CAC5D"}