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

package/Examples/SampleUI/src/Examples/Dialogs/DialogTrackingTest.tsx

@@ -0,0 +1,307 @@
+import * as React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Alert, ScrollView } from 'react-native';
+
+interface DialogTrackingTestProps {
+  visible: boolean;
+  close: () => void;
+}
+
+const DialogTrackingTest: React.FC<DialogTrackingTestProps> = ({ visible, close }) => {
+  // Test Alert.alert tracking (this should work automatically)
+  const testAlertTracking = () => {
+    console.log('🧪 Testing Alert.alert tracking...');
+    Alert.alert(
+      'Test Alert',
+      'This is a test alert for dialog tracking',
+      [
+        { text: 'Cancel', style: 'cancel' },
+        { text: 'OK', onPress: () => console.log('✅ OK pressed') }
+      ]
+    );
+  };
+
+  // Test direct native API call
+  const testNativeDialogAPI = async () => {
+    console.log('🧪 Testing direct native dialog API...');
+    try {
+      const AcousticConnectRN = require('react-native-acoustic-connect-beta').default;
+      console.log('🔍 AcousticConnectRN methods available:', Object.keys(AcousticConnectRN));
+      
+      if (typeof AcousticConnectRN.logDialogShowEvent === 'function') {
+        const result = await AcousticConnectRN.logDialogShowEvent('test-dialog', 'Test Dialog', 'test');
+        console.log('Native dialog API result:', result);
+        if (result) {
+          console.log('✅ Native dialog API call successful');
+        } else {
+          console.log('❌ Native dialog API call returned false - method may not be implemented on native side');
+        }
+      } else {
+        console.log('❌ logDialogShowEvent method not found on AcousticConnectRN');
+      }
+    } catch (error) {
+      console.error('❌ Native dialog API error:', error);
+    }
+  };
+
+  // Test TLTRN dialog tracking
+  const testTLTRNDialogTracking = async () => {
+    console.log('🧪 Testing TLTRN dialog tracking...');
+    try {
+      const { TLTRN } = require('react-native-acoustic-connect-beta');
+      console.log('🔍 TLTRN methods available:', Object.keys(TLTRN));
+      
+      if (typeof TLTRN.logDialogShowEvent === 'function') {
+        const result = await TLTRN.logDialogShowEvent('tltrn-test', 'TLTRN Test Dialog', 'test');
+        console.log('TLTRN dialog tracking result:', result);
+        if (result) {
+          console.log('✅ TLTRN dialog tracking successful');
+        } else {
+          console.log('❌ TLTRN dialog tracking returned false - native method may not be implemented');
+        }
+      } else {
+        console.log('❌ TLTRN.logDialogShowEvent method not found');
+      }
+    } catch (error) {
+      console.error('❌ TLTRN dialog tracking error:', error);
+    }
+  };
+
+  // Test DialogListener functionality
+  const testDialogListener = () => {
+    console.log('🧪 Testing DialogListener...');
+    try {
+      const { DialogListener } = require('react-native-acoustic-connect-beta');
+      const dialogListener = DialogListener.getInstance();
+      console.log('✅ DialogListener instance:', dialogListener);
+      console.log('🔍 DialogListener isIntercepting:', (dialogListener as any).isIntercepting);
+      console.log('🔍 DialogListener active dialogs:', dialogListener.getActiveDialogs());
+    } catch (error) {
+      console.error('❌ DialogListener test error:', error);
+    }
+  };
+
+  // Test useDialogTracking hook
+  const testUseDialogTracking = () => {
+    console.log('🧪 Testing useDialogTracking hook...');
+    try {
+      const { useDialogTracking } = require('react-native-acoustic-connect-beta');
+      console.log('✅ useDialogTracking hook available');
+      
+      // Note: This can only be tested within a React component
+      console.log('ℹ️ useDialogTracking hook can only be used within React components');
+    } catch (error) {
+      console.error('❌ useDialogTracking test error:', error);
+    }
+  };
+
+  // Test dialog dismiss event
+  const testDialogDismiss = async () => {
+    console.log('🧪 Testing dialog dismiss event...');
+    try {
+      const { TLTRN } = require('react-native-acoustic-connect-beta');
+      const result = await TLTRN.logDialogDismissEvent('test-dialog', 'user_action');
+      console.log('Dialog dismiss result:', result);
+      if (result) {
+        console.log('✅ Dialog dismiss event successful');
+      } else {
+        console.log('❌ Dialog dismiss event returned false');
+      }
+    } catch (error) {
+      console.error('❌ Dialog dismiss error:', error);
+    }
+  };
+
+  // Test dialog button click event
+  const testDialogButtonClick = async () => {
+    console.log('🧪 Testing dialog button click event...');
+    try {
+      const { TLTRN } = require('react-native-acoustic-connect-beta');
+      const result = await TLTRN.logDialogButtonClickEvent('test-dialog', 'Test Button', 0);
+      console.log('Dialog button click result:', result);
+      if (result) {
+        console.log('✅ Dialog button click event successful');
+      } else {
+        console.log('❌ Dialog button click event returned false');
+      }
+    } catch (error) {
+      console.error('❌ Dialog button click error:', error);
+    }
+  };
+
+  // Test dialog custom event
+  const testDialogCustomEvent = async () => {
+    console.log('🧪 Testing dialog custom event...');
+    try {
+      const { TLTRN } = require('react-native-acoustic-connect-beta');
+      const result = await TLTRN.logDialogCustomEvent('test-dialog', 'custom_action', { action: 'test' });
+      console.log('Dialog custom event result:', result);
+      if (result) {
+        console.log('✅ Dialog custom event successful');
+      } else {
+        console.log('❌ Dialog custom event returned false');
+      }
+    } catch (error) {
+      console.error('❌ Dialog custom event error:', error);
+    }
+  };
+
+  // Test manual dialog tracking
+  const testManualDialogTracking = () => {
+    console.log('🧪 Testing manual dialog tracking...');
+    try {
+      const { useDialogTracking } = require('react-native-acoustic-connect-beta');
+      console.log('✅ Manual dialog tracking available via useDialogTracking hook');
+      console.log('ℹ️ This is the recommended approach for custom dialogs');
+    } catch (error) {
+      console.error('❌ Manual dialog tracking error:', error);
+    }
+  };
+
+  if (!visible) return null;
+
+  return (
+    <View style={styles.overlay}>
+      <View style={styles.container}>
+        <Text style={styles.title}>Dialog Tracking Test</Text>
+        
+        <ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
+          <TouchableOpacity style={styles.button} onPress={testAlertTracking}>
+            <Text style={styles.buttonText}>✅ Test Alert.alert (Auto)</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testDialogListener}>
+            <Text style={styles.buttonText}>🔍 Test DialogListener</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testUseDialogTracking}>
+            <Text style={styles.buttonText}>🔧 Test useDialogTracking Hook</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testManualDialogTracking}>
+            <Text style={styles.buttonText}>📝 Test Manual Tracking</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testNativeDialogAPI}>
+            <Text style={styles.buttonText}>🔌 Test Native Dialog API</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testTLTRNDialogTracking}>
+            <Text style={styles.buttonText}>🔌 Test TLTRN Dialog Tracking</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testDialogDismiss}>
+            <Text style={styles.buttonText}>🔌 Test Dialog Dismiss</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testDialogButtonClick}>
+            <Text style={styles.buttonText}>🔌 Test Dialog Button Click</Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={styles.button} onPress={testDialogCustomEvent}>
+            <Text style={styles.buttonText}>🔌 Test Dialog Custom Event</Text>
+          </TouchableOpacity>
+        </ScrollView>
+        
+        <TouchableOpacity style={styles.closeButton} onPress={close}>
+          <Text style={styles.closeButtonText}>Close</Text>
+        </TouchableOpacity>
+        
+        <Text style={styles.info}>
+          Check console for tracking logs. Look for 🔍, 🧪, ✅, and ❌ emojis.
+        </Text>
+        
+        <Text style={styles.warning}>
+          ⚠️ Native API tests may fail if methods aren't implemented on native side.
+        </Text>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 1000,
+  },
+  container: {
+    backgroundColor: 'white',
+    borderRadius: 12,
+    padding: 20,
+    margin: 20,
+    maxWidth: 400,
+    maxHeight: '80%',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginBottom: 15,
+    textAlign: 'center',
+    color: '#333',
+  },
+  scrollView: {
+    maxHeight: 400,
+  },
+  button: {
+    backgroundColor: '#007AFF',
+    padding: 12,
+    borderRadius: 8,
+    marginBottom: 8,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3,
+  },
+  buttonText: {
+    color: 'white',
+    textAlign: 'center',
+    fontWeight: '600',
+    fontSize: 14,
+  },
+  closeButton: {
+    backgroundColor: '#FF3B30',
+    padding: 12,
+    borderRadius: 8,
+    marginTop: 10,
+    marginBottom: 10,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3,
+  },
+  closeButtonText: {
+    color: 'white',
+    textAlign: 'center',
+    fontWeight: '600',
+    fontSize: 14,
+  },
+  info: {
+    fontSize: 12,
+    color: '#666',
+    textAlign: 'center',
+    fontStyle: 'italic',
+    marginTop: 5,
+  },
+  warning: {
+    fontSize: 11,
+    color: '#FF9500',
+    textAlign: 'center',
+    marginTop: 5,
+    fontWeight: '500',
+  },
+});
+
+export default DialogTrackingTest; 

package/Examples/SampleUI/src/Examples/Dialogs/index.tsx

@@ -5,3 +5,40 @@ export { default as DialogWithRadioBtns } from './DialogWithRadioBtns';
 export { default as UndismissableDialog } from './UndismissableDialog';
 export { default as DialogWithIcon } from './DialogWithIcon';
 export { default as DialogWithDismissableBackButton } from './DialogWithDismissableBackButton';
+export { default as DialogTrackingTest } from './DialogTrackingTest';
+
+
+/**
+ * This is for future reference.  Acoustic Dialog Wrapper/HOC, needs more work to be used in the app.
+ * It is commented out because it is not needed and is not used in the app.
+ * It is kept here for reference and to be used in the future if needed.
+ */
+// import { withAcousticAutoDialog } from 'react-native-acoustic-connect-beta';
+// import DialogWithCustomColors from './DialogWithCustomColors';
+// import DialogWithLoadingIndicator from './DialogWithLoadingIndicator';
+// import DialogWithLongText from './DialogWithLongText';
+// import DialogWithRadioBtns from './DialogWithRadioBtns';
+// import UndismissableDialog from './UndismissableDialog';
+// import DialogWithIcon from './DialogWithIcon';
+// import DialogWithDismissableBackButton from './DialogWithDismissableBackButton';
+// import DialogTrackingTest from './DialogTrackingTest';
+
+// // Create tracked versions of all dialog components
+// const TrackedDialogWithCustomColors = withAcousticAutoDialog(DialogWithCustomColors);
+// const TrackedDialogWithLoadingIndicator = withAcousticAutoDialog(DialogWithLoadingIndicator);
+// const TrackedDialogWithLongText = withAcousticAutoDialog(DialogWithLongText);
+// const TrackedDialogWithRadioBtns = withAcousticAutoDialog(DialogWithRadioBtns);
+// const TrackedUndismissableDialog = withAcousticAutoDialog(UndismissableDialog);
+// const TrackedDialogWithIcon = withAcousticAutoDialog(DialogWithIcon);
+// const TrackedDialogWithDismissableBackButton = withAcousticAutoDialog(DialogWithDismissableBackButton);
+// const TrackedDialogTrackingTest = withAcousticAutoDialog(DialogTrackingTest);
+
+// // Export the tracked versions
+// export { TrackedDialogWithCustomColors as DialogWithCustomColors };
+// export { TrackedDialogWithLoadingIndicator as DialogWithLoadingIndicator };
+// export { TrackedDialogWithLongText as DialogWithLongText };
+// export { TrackedDialogWithRadioBtns as DialogWithRadioBtns };
+// export { TrackedUndismissableDialog as UndismissableDialog };
+// export { TrackedDialogWithIcon as DialogWithIcon };
+// export { TrackedDialogWithDismissableBackButton as DialogWithDismissableBackButton };
+// export { TrackedDialogTrackingTest as DialogTrackingTest };

package/Examples/SampleUI/src/index.native.tsx

@@ -13,7 +13,6 @@ import {
 import { useFonts } from 'expo-font';
 import { useKeepAwake } from 'expo-keep-awake';
 import { StatusBar } from 'expo-status-bar';
-// import * as Updates from 'expo-updates';
 import {
   Provider as PaperProvider,
   MD3DarkTheme,
@@ -65,7 +64,7 @@ export default function PaperExample() {
   useKeepAwake();
 
   // Add for  Acoustic Connect SDK
-  const navigationRef = useRef<NavigationContainerRef>(null);
+  const navigationRef = useRef<NavigationContainerRef<any>>(null);
 
   const [fontsLoaded] = useFonts({
     Abel: require('../assets/fonts/Abel-Regular.ttf'),
@@ -158,7 +157,7 @@ export default function PaperExample() {
 
       if (I18nManager.getConstants().isRTL !== rtl) {
         I18nManager.forceRTL(rtl);
-        Updates.reloadAsync();
+        // Updates.reloadAsync(); // Removed as expo-updates is not available
       }
     };
 
@@ -243,10 +242,10 @@ export default function PaperExample() {
         <React.Fragment>
           <AcousticConnectBeta.Connect
             captureKeyboardEvents={true}
-            navigationRef={navigationRef} // Pass the ref to Connect
+            captureDialogEvents={true}
   >
             <NavigationContainer
-              ref={navigationRef} // Pass the same ref to NavigationContainer
+              ref={navigationRef} // Pass the ref to NavigationContainer
               theme={combinedTheme}
               initialState={initialState}
               onStateChange={(state) =>

package/android/build.gradle

@@ -144,7 +144,7 @@ allprojects {
         google()
         mavenCentral()
         maven { url="https://s01.oss.sonatype.org/content/groups/staging" }
-        
+
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
             url="$rootDir/../node_modules/react-native/android"
@@ -162,7 +162,7 @@ dependencies {
   implementation project(":react-native-nitro-modules")
 
   // Connect SDK libraries
-  implementation 'io.github.go-acoustic:connect:10.4.29'
+  implementation 'io.github.go-acoustic:connect:10.4.48'
   // implementation 'io.github.go-acoustic:connect:+'
   // Connect SDK libraries
   // api 'io.github.go-acoustic:connect:+'

package/android/src/main/assets/ConnectAdvancedConfig.json

@@ -24,7 +24,7 @@
     "IpPlaceholder": "N/A",
     "KillSwitchAsync": true,
     "KillSwitchDelay": 300,
-    "LibraryVersion": "10.4.59",
+    "LibraryVersion": "10.4.61",
     "LogFullRequestResponsePayloads": true,
     "MessageTypeHeader": "WorklightHit",
     "MessageTypes": "4,5",