feat: Audio recorder (#889)

Author: muhsin-k

app.config.ts

@@ -4,7 +4,7 @@ export default ({ config }: ConfigContext): ExpoConfig => {
   return {
     name: 'Chatwoot',
     slug: process.env.EXPO_PUBLIC_APP_SLUG || 'chatwoot-mobile',
-    version: '4.0.0',
+    version: '4.0.6',
     orientation: 'portrait',
     icon: './assets/icon.png',
     userInterfaceStyle: 'light',
@@ -93,15 +93,26 @@ export default ({ config }: ConfigContext): ExpoConfig => {
         {
           // https://github.com/invertase/notifee/issues/808#issuecomment-2175934609
           android: {
+            minSdkVersion: 24,
             compileSdkVersion: 34,
             targetSdkVersion: 34,
             extraMavenRepos: ['$rootDir/../../../node_modules/@notifee/react-native/android/libs'],
+            enableProguardInReleaseBuilds: true,
           },
           ios: {
             useFrameworks: 'static',
           },
         },
       ],
+      [
+        '@config-plugins/ffmpeg-kit-react-native',
+        {
+          package: 'min',
+          ios: {
+            package: 'audio',
+          },
+        },
+      ],
     ],
     androidNavigationBar: {
       backgroundColor: '#ffffff',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chatwoot/mobile-app",
-  "version": "4.0.0",
+  "version": "4.0.6",
   "main": "expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
@@ -32,6 +32,7 @@
     "@chatwoot/markdown-to-txt": "^2.0.4",
     "@chatwoot/react-native-widget": "^0.0.21",
     "@chatwoot/utils": "^0.0.25",
+    "@config-plugins/ffmpeg-kit-react-native": "^9.0.0",
     "@gorhom/bottom-sheet": "^4.6.3",
     "@kesha-antonov/react-native-action-cable": "^1.1.4",
     "@notifee/react-native": "^9.1.1",
@@ -66,6 +67,7 @@
     "expo-status-bar": "~1.12.1",
     "expo-system-ui": "~3.0.7",
     "expo-web-browser": "~13.0.3",
+    "ffmpeg-kit-react-native": "^6.0.2",
     "i18n-js": "^3.8.0",
     "lodash": "^4.17.21",
     "react": "18.2.0",
@@ -77,6 +79,7 @@
     "react-native-device-info": "^11.1.0",
     "react-native-document-picker": "^9.3.1",
     "react-native-file-viewer": "^2.1.5",
+    "react-native-fs": "^2.20.0",
     "react-native-gesture-handler": "^2.17.1",
     "react-native-image-picker": "^7.1.2",
     "react-native-ios-context-menu": "^3.1.0",

pnpm-lock.yaml

@@ -1,15 +1,12 @@
 import React, { useEffect } from 'react';
 import { Provider } from 'react-redux';
-import { Alert, BackHandler, LogBox } from 'react-native';
+import { Alert, BackHandler } from 'react-native';
 import { PersistGate } from 'redux-persist/integration/react';
 import { store, persistor } from './store';
 import { AppNavigator } from '@/navigation';
 
 import i18n from '@/i18n';
 
-// TODO: Please fix this
-LogBox.ignoreLogs(['Require cycle:']);
-
 const Chatwoot = () => {
   useEffect(() => {
     BackHandler.addEventListener('hardwareBackPress', handleBackButtonClick);

src/app.tsx

@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
 import { Platform, Pressable, StyleSheet } from 'react-native';
 import Animated from 'react-native-reanimated';
 import Clipboard from '@react-native-clipboard/clipboard';
+import * as Sentry from '@sentry/react-native';
 
 import { CaretRight } from '@/svg-icons';
 import { tailwind } from '@/theme';
@@ -20,8 +21,12 @@ const AttributeItem = (props: AttributeItemProps) => {
 
   const handlePress = () => {
     if (formattedValue) {
-      Clipboard.setString(formattedValue);
-      showToast({ message: `${listItem.title} copied to clipboard` });
+      try {
+        Clipboard.setString(formattedValue);
+        showToast({ message: `${listItem.title} copied to clipboard` });
+      } catch (error) {
+        Sentry.captureException(error);
+      }
     }
   };
 

src/components-next/list-components/AttributeList.tsx

@@ -23,7 +23,7 @@ export const AVAILABILITY_STATUS_LIST = [
   { statusColor: 'bg-gray-800', status: 'offline' },
 ];
 
-export const MAXIMUM_FILE_UPLOAD_SIZE = 10;
+export const MAXIMUM_FILE_UPLOAD_SIZE = 20;
 
 export const CONVERSATION_STATUSES = [
   {

src/constants/index.ts

@@ -19,7 +19,6 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { RefsProvider } from '@/context';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { transformNotification } from '@/utils/camelCaseKeys';
-// import { NoNetworkBar } from '@/components-next';
 
 messaging().setBackgroundMessageHandler(async remoteMessage => {
   // console.log('Message handled in the background!', remoteMessage);
@@ -156,10 +155,7 @@ export const AppNavigationContainer = () => {
       }}
       onStateChange={async () => {
         routeNameRef.current = navigationRef.current?.getCurrentRoute()?.name;
-      }}
-      // theme={theme}
-    >
-      {/* <NoNetworkBar /> */}
+      }}>
       <BottomSheetModalProvider>
         <View style={styles.navigationLayout} onLayout={onLayoutRootView}>
           <AppTabs />

src/navigation/index.tsx

@@ -97,7 +97,9 @@ const Tabs = () => {
   }, []);
 
   const initAnalytics = useCallback(async () => {
-    AnalyticsHelper.identify(user);
+    if (user) {
+      AnalyticsHelper.identify(user);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);