Release v2.3.2

CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.3.2] - 2026-05-12
+
+### Fixed
+- Fixed an issue where Ktor classes were getting stripped due to proguard rules.
+- Fixed an issue related to blank user identifier in identification calls.
+- Added a fix for masking stability during scrolls. 
+- Fixed an issue related to garbage characters in custom events.
+- Fixed an issue with empty crash types in iOS.
+- Fixed an issue with push notifications not being delivered in sandbox environments in iOS.
 
 ## [2.3.1] - 2026-04-27
 
@@ -28,7 +37,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [2.2.6] - 2026-02-16
 
 ### Fixed
-- Fixed an issue with session recordings on QR scan screens on Android. 
+- Fixed an issue with session recordings on QR scan screens on Android.
 
 ## [2.2.5] - 2026-02-02
 

sample/expo/app.json

@@ -77,12 +77,20 @@
           }
         }
       ],
-      "expo-asset"
+      [
+        "expo-asset",
+        {
+          "assets": [
+            "./assets/devrev.mp4"
+          ]
+        }
+      ],
+      "expo-video"
     ],
     "extra": {
       "eas": {
         "projectId": "501ce10b-b735-428d-8429-6616662accd7"
       }
     }
   }
-}
+}

sample/expo/navigator/Navigator.tsx

@@ -11,6 +11,9 @@ import FlatListScreen from '../screens/FlatListScreen';
 import { TouchableOpacity, StyleSheet, Text } from 'react-native';
 import CameraScreen from '../screens/CameraScreen';
 import ImageUploadScreen from '../screens/ImageUpload';
+import QRScannerScreen from '../screens/QRScannerScreen';
+import LiveChartScreen from '../screens/LiveChartScreen';
+import HeavyUIScreen from '../screens/HeavyUIScreen';
 
 export type RootStackParamList = {
   Home: undefined;
@@ -23,6 +26,9 @@ export type RootStackParamList = {
   FlatListScreen: undefined;
   ImageUploadScreen: undefined;
   CameraScreen: undefined;
+  QRScannerScreen: undefined;
+  LiveChartScreen: undefined;
+  HeavyUIScreen: undefined;
 };
 
 const Stack = createStackNavigator<RootStackParamList>();
@@ -74,6 +80,21 @@ const screens = [
     component: ImageUploadScreen,
     title: 'Gallery Upload',
   },
+  {
+    name: 'QRScannerScreen',
+    component: QRScannerScreen,
+    title: 'QR Scanner',
+  },
+  {
+    name: 'LiveChartScreen',
+    component: LiveChartScreen,
+    title: 'Real Time UI',
+  },
+  {
+    name: 'HeavyUIScreen',
+    component: HeavyUIScreen,
+    title: 'Complex UI with Animations',
+  },
 ] as const;
 
 const createScreen = (

sample/expo/package.json

@@ -19,22 +19,29 @@
     "@react-navigation/native": "^7.0.15",
     "@react-navigation/native-stack": "^7.3.14",
     "@react-navigation/stack": "^7.1.2",
+    "@shopify/react-native-skia": "^2.4.21",
     "expo": "^53.0.0",
     "expo-asset": "~11.1.7",
     "expo-build-properties": "~0.14.8",
     "expo-camera": "~16.1.11",
     "expo-file-system": "~18.1.11",
     "expo-firebase-messaging": "^2.0.0",
+    "expo-image": "~2.4.1",
     "expo-image-picker": "~16.1.4",
     "expo-notifications": "~0.31.4",
     "expo-system-ui": "~5.0.11",
+    "expo-video": "^3.0.16",
+    "lottie-react-native": "5.1.6",
     "react": "19.0.0",
     "react-native": "0.79.5",
     "react-native-device-info": "^14.0.2",
     "react-native-gesture-handler": "~2.24.0",
+    "react-native-reanimated": "~4.1.0",
     "react-native-safe-area-context": "^5.6.2",
     "react-native-screens": "~4.11.1",
-    "react-native-webview": "13.13.5"
+    "react-native-webview": "13.13.5",
+    "react-native-worklets": "~0.5.0",
+    "victory-native": "^41.20.2"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

sample/expo/screens/HeavyUIScreen.tsx

@@ -0,0 +1,220 @@
+import React from 'react';
+import {
+  View,
+  StyleSheet,
+  StatusBar,
+  Platform,
+  ScrollView,
+  Text,
+} from 'react-native';
+import { Image } from 'expo-image';
+import LottieView from 'lottie-react-native';
+import { VideoView, useVideoPlayer } from 'expo-video';
+
+const LottieAnimationURLs = [
+  [
+    'https://assets9.lottiefiles.com/packages/lf20_jbrw3hcz.json',
+    'https://assets1.lottiefiles.com/packages/lf20_touohxv0.json',
+    'https://assets4.lottiefiles.com/packages/lf20_lk80fpsm.json',
+  ],
+  [
+    'https://assets4.lottiefiles.com/packages/lf20_p8bfn5to.json',
+    'https://assets8.lottiefiles.com/packages/lf20_j3UXNf.json',
+    'https://assets2.lottiefiles.com/packages/lf20_rwq6ciql.json',
+  ],
+  [
+    'https://assets2.lottiefiles.com/packages/lf20_uu0x8lqv.json',
+    'https://assets1.lottiefiles.com/packages/lf20_V9t630.json',
+    'https://assets8.lottiefiles.com/packages/lf20_atippmse.json',
+  ],
+  [
+    'https://assets5.lottiefiles.com/packages/lf20_w98qte06.json',
+    'https://assets3.lottiefiles.com/packages/lf20_w51pcehl.json',
+    'https://assets6.lottiefiles.com/packages/lf20_ydo1amjm.json',
+  ],
+] as const;
+
+const ImageUrls = [
+  'https://images.unsplash.com/photo-1555066931-4365d14bab8c',
+  'https://images.unsplash.com/photo-1521737604893-d14cc237f11d',
+  'https://images.unsplash.com/photo-1677442136019-21780ecad995',
+  'https://images.unsplash.com/photo-1498050108023-c5249f4df085',
+] as const;
+
+function Video() {
+  const videoPlayer = useVideoPlayer(
+    require('../assets/devrev.mp4'),
+    (player) => {
+      player.loop = true;
+      player.play();
+      player.muted = true;
+    }
+  );
+
+  return (
+    <VideoView
+      player={videoPlayer}
+      style={styles.media}
+      contentFit="cover"
+      allowsFullscreen
+      allowsPictureInPicture
+    />
+  );
+}
+
+export default function HeavyUIScreen() {
+  return (
+    <View style={styles.screen}>
+      <StatusBar barStyle="dark-content" />
+
+      <ScrollView
+        style={styles.container}
+        contentContainerStyle={styles.contentContainer}
+        showsVerticalScrollIndicator={true}
+        indicatorStyle="black"
+        nestedScrollEnabled
+      >
+        <View style={styles.section}>
+          <Text style={styles.title}>Video</Text>
+
+          <View style={styles.card}>
+            <View style={styles.mediaWrapper}>
+              <Video />
+            </View>
+          </View>
+        </View>
+
+        <View style={styles.section}>
+          <Text style={styles.title}>Lottie Animations</Text>
+
+          <ScrollView
+            horizontal
+            showsHorizontalScrollIndicator={true}
+            indicatorStyle="black"
+            nestedScrollEnabled
+            contentContainerStyle={styles.horizontalScrollContainer}
+          >
+            {LottieAnimationURLs.map((urls, index) => (
+              <ScrollView
+                key={index}
+                showsVerticalScrollIndicator={true}
+                indicatorStyle="black"
+                nestedScrollEnabled
+                contentContainerStyle={styles.verticalScrollContainer}
+                style={styles.verticalScroll}
+              >
+                {urls.map((url, idx) => (
+                  <View key={idx} style={styles.horizontalCard}>
+                    <LottieView
+                      source={{ uri: url }}
+                      autoPlay
+                      loop
+                      style={styles.lottie}
+                    />
+                  </View>
+                ))}
+              </ScrollView>
+            ))}
+          </ScrollView>
+        </View>
+
+        <View style={styles.section}>
+          <Text style={styles.title}>Images</Text>
+
+          <ScrollView
+            horizontal
+            showsHorizontalScrollIndicator={true}
+            indicatorStyle="black"
+            nestedScrollEnabled
+            contentContainerStyle={styles.horizontalScrollContainer}
+          >
+            {ImageUrls.map((url, index) => (
+              <View key={index} style={styles.horizontalCard}>
+                <Image source={{ uri: url }} style={styles.image} />
+              </View>
+            ))}
+          </ScrollView>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  screen: {
+    flex: 1,
+    backgroundColor: '#F4F6F8',
+  },
+  container: {
+    flex: 1,
+  },
+  contentContainer: {
+    padding: 16,
+    paddingBottom: 40,
+  },
+  section: {
+    marginBottom: 28,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: '700',
+    color: '#111',
+    marginBottom: 12,
+    paddingHorizontal: 4,
+  },
+  card: {
+    borderRadius: 16,
+    backgroundColor: '#fff',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 6 },
+    shadowOpacity: 0.12,
+    shadowRadius: 10,
+    elevation: 6,
+    overflow: Platform.OS === 'android' ? 'hidden' : 'visible',
+  },
+  mediaWrapper: {
+    borderRadius: 16,
+    overflow: 'hidden',
+  },
+  horizontalScrollContainer: {
+    paddingHorizontal: 4,
+    gap: 14,
+  },
+  verticalScroll: {
+    marginRight: 16,
+    maxHeight: 320,
+  },
+  verticalScrollContainer: {
+    paddingVertical: 4,
+  },
+  horizontalCard: {
+    width: 150,
+    height: 150,
+    marginBottom: 14,
+    borderRadius: 16,
+    backgroundColor: '#fff',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.12,
+    shadowRadius: 8,
+    elevation: 5,
+    overflow: 'hidden',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  lottie: {
+    width: 120,
+    height: 120,
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 16,
+  },
+  media: {
+    flex: 1,
+    width: '100%',
+    aspectRatio: 16 / 9,
+    backgroundColor: '#E5E7EB',
+  },
+});