feat: [FC-14] custom audio message

Author: HuyDo

example/android/app/src/main/AndroidManifest.xml

@@ -1,8 +1,14 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
 
+    <!-- optionally, if you want to record audio: -->
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
     <application
+      android:requestLegacyExternalStorage="true"
       android:name=".MainApplication"
       android:label="@string/app_name"
       android:icon="@mipmap/ic_launcher"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-firebase-chat",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "test",
   "main": "src/index.ts",
   "types": "lib/typescript/index.d.ts",
@@ -15,6 +15,7 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "prepack": "bob build",
+    "prepare": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
     "bootstrap": "yarn example && yarn install && yarn example pods"
@@ -143,11 +144,25 @@
     ]
   },
   "dependencies": {
-    "@react-native-firebase/app": "^18.6.1",
-    "@react-native-firebase/firestore": "^18.6.1",
-    "@react-native-firebase/storage": "^18.6.1",
+    "@react-native-community/slider": "^4.5.2",
+    "@react-native-firebase/app": "^20.1.0",
+    "@react-native-firebase/firestore": "^20.1.0",
+    "@react-native-firebase/storage": "^20.1.0",
+    "@types/react-native-doc-viewer": "^2.7.6",
+    "@types/uuid": "^9.0.8",
     "randomcolor": "^0.6.2",
     "react-native-aes-crypto": "^2.1.1",
-    "react-native-gifted-chat": "^2.4.0"
+    "react-native-audio-recorder-player": "3.6.4",
+    "react-native-doc-viewer": "^2.7.8",
+    "react-native-document-picker": "^9.3.0",
+    "react-native-fast-image": "^8.6.3",
+    "react-native-fs": "^2.20.0",
+    "react-native-gifted-chat": "^2.4.0",
+    "react-native-image-picker": "^7.1.2",
+    "react-native-svg": "^15.3.0",
+    "react-native-uuid": "^2.0.2",
+    "react-native-video": "^6.2.0",
+    "react-native-vision-camera": "^4.1.0",
+    "uuid": "^10.0.0"
   }
 }

src/Chat/ChatProvider.tsx

@@ -9,7 +9,7 @@ import {
 import { GiftedChat, GiftedChatProps } from 'react-native-gifted-chat';
 import { FirestoreServices } from '../Services/Firestore';
 // import CustomMessageView from './Component/CustomMessageView';
-import { formatEncryptedMessageData, formatMessageData } from '../Utilities';
+import { formatEncryptedMessageData, formatMessageData } from '../utilities';
 import TypingIndicator from 'react-native-gifted-chat/lib/TypingIndicator';
 // import { PhotoGalleryView } from './Component/PhotoGalleryView';
 import { TYPING_TIMEOUT_SECONDS } from './constanst';

src/Chat/components/bubble/index.ts

@@ -0,0 +1,5 @@
+export * from './CustomBubble';
+export * from './CustomImageVideoBubble';
+export * from './CustomDocumentBubble';
+export * from './CustomBubbleVoice';
+export * from './DoubleTap';

src/Services/Firestore/chat.ts

@@ -9,7 +9,7 @@ import {
   formatEncryptedMessageData,
   formatMessageData,
   generateKey,
-} from '../../Utilities';
+} from '../../utilities';
 import type {
   ConversationProps,
   MemberProps,

src/Services/Firestore/firestore.ts

@@ -7,7 +7,7 @@ import {
   formatEncryptedMessageData,
   formatMessageData,
   generateKey,
-} from '../../Utilities';
+} from '../../utilities';
 import {
   ConversationProps,
   FireStoreCollection,