npm - @sendbird/uikit-react-native - Versions diffs - 2.0.3 → 2.2.0 - Mend

@sendbird/uikit-react-native 2.0.3 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (677) hide show

package/lib/commonjs/platform/createFileService.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["getAndroidStoragePermissionsByAPILevel","permissionModule","Platform","OS","Version","PERMISSIONS","ANDROID","READ_MEDIA_AUDIO","READ_MEDIA_IMAGES","READ_MEDIA_VIDEO","READ_EXTERNAL_STORAGE","WRITE_EXTERNAL_STORAGE","createNativeFileService","imagePickerModule","documentPickerModule","mediaLibraryModule","fsModule","cameraPermissions","select","ios","IOS","CAMERA","MICROPHONE","android","default","mediaLibraryPermissions","MEDIA_LIBRARY","PHOTO_LIBRARY","NativeFileService","hasCameraPermission","status","checkMultiple","nativePermissionGranted","requestCameraPermission","requestMultiple","hasMediaLibraryPermission","requestMediaLibraryPermission","openCamera","options","hasPermission","granted","onOpenFailure","SBUError","PERMISSIONS_DENIED","response","launchCamera","presentationStyle","cameraType","mediaType","didCancel","errorCode","DEVICE_UNAVAILABLE","Error","errorMessage","fileName","name","fileSize","size","type","uri","assets","fileTypeGuard","openMediaLibrary","selectionLimit","launchImageLibrary","slice","map","openDocument","pickSingle","e","isCancel","isInProgress","UNKNOWN","save","basePath","Dirs","CacheDir","DocumentDir","downloadPath","getFileExtension","extensionFromUrl","fileUrl","getFileType","match","FileSystem","fetch","path","fileType","dirType","cpExternal","normalizeFileName"],"sources":["createFileService.native.ts"],"sourcesContent":["import type CameraRoll from '@react-native-community/cameraroll';\nimport { Platform } from 'react-native';\nimport type * as DocumentPicker from 'react-native-document-picker';\nimport type * as FileAccess from 'react-native-file-access';\nimport type * as ImagePicker from 'react-native-image-picker';\nimport type * as Permissions from 'react-native-permissions';\nimport type { Permission } from 'react-native-permissions';\n\nimport { getFileExtension, getFileType, normalizeFileName } from '@sendbird/uikit-utils';\n\nimport SBUError from '../libs/SBUError';\nimport fileTypeGuard from '../utils/fileTypeGuard';\nimport nativePermissionGranted from '../utils/nativePermissionGranted';\nimport type {\n FilePickerResponse,\n FileServiceInterface,\n OpenCameraOptions,\n OpenDocumentOptions,\n OpenMediaLibraryOptions,\n SaveOptions,\n} from './types';\n\nfunction getAndroidStoragePermissionsByAPILevel(permissionModule: typeof Permissions): Permission[] {\n if (Platform.OS !== 'android') return [];\n\n if (Platform.Version > 32) {\n return [\n permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_AUDIO,\n permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_IMAGES,\n permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_VIDEO,\n ];\n }\n\n if (Platform.Version > 28) {\n return [permissionModule.PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE];\n }\n\n return [\n permissionModule.PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE,\n permissionModule.PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE,\n ];\n}\n\nconst createNativeFileService = ({\n imagePickerModule,\n documentPickerModule,\n permissionModule,\n mediaLibraryModule,\n fsModule,\n}: {\n imagePickerModule: typeof ImagePicker;\n documentPickerModule: typeof DocumentPicker;\n permissionModule: typeof Permissions;\n mediaLibraryModule: typeof CameraRoll;\n fsModule: typeof FileAccess;\n}): FileServiceInterface => {\n const cameraPermissions: Permission[] = Platform.select({\n ios: [permissionModule.PERMISSIONS.IOS.CAMERA, permissionModule.PERMISSIONS.IOS.MICROPHONE],\n android: [permissionModule.PERMISSIONS.ANDROID.CAMERA],\n default: [],\n });\n const mediaLibraryPermissions: Permission[] = Platform.select({\n ios: [permissionModule.PERMISSIONS.IOS.MEDIA_LIBRARY, permissionModule.PERMISSIONS.IOS.PHOTO_LIBRARY],\n android: getAndroidStoragePermissionsByAPILevel(permissionModule),\n default: [],\n });\n\n class NativeFileService implements FileServiceInterface {\n async hasCameraPermission(): Promise<boolean> {\n const status = await permissionModule.checkMultiple(cameraPermissions);\n return nativePermissionGranted(status);\n }\n async requestCameraPermission(): Promise<boolean> {\n const status = await permissionModule.requestMultiple(cameraPermissions);\n return nativePermissionGranted(status);\n }\n async hasMediaLibraryPermission(): Promise<boolean> {\n const status = await permissionModule.checkMultiple(mediaLibraryPermissions);\n return nativePermissionGranted(status);\n }\n async requestMediaLibraryPermission(): Promise<boolean> {\n const status = await permissionModule.requestMultiple(mediaLibraryPermissions);\n return nativePermissionGranted(status);\n }\n\n async openCamera(options?: OpenCameraOptions): Promise<FilePickerResponse> {\n const hasPermission = await this.hasCameraPermission();\n if (!hasPermission) {\n const granted = await this.requestCameraPermission();\n if (!granted) {\n options?.onOpenFailure?.(SBUError.PERMISSIONS_DENIED);\n return null;\n }\n }\n\n const response = await imagePickerModule.launchCamera({\n presentationStyle: 'fullScreen',\n cameraType: options?.cameraType ?? 'back',\n mediaType: (() => {\n switch (options?.mediaType) {\n case 'photo':\n return 'photo';\n case 'video':\n return 'video';\n case 'all':\n return 'mixed';\n default:\n return 'photo';\n }\n })(),\n });\n if (response.didCancel) return null;\n if (response.errorCode === 'camera_unavailable') {\n options?.onOpenFailure?.(SBUError.DEVICE_UNAVAILABLE, new Error(response.errorMessage));\n return null;\n }\n\n const { fileName: name, fileSize: size, type, uri } = response.assets?.[0] ?? {};\n return fileTypeGuard({ uri, size, name, type });\n }\n async openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<FilePickerResponse[] \| null> {\n /*\n NOTE: options.selectionLimit {@link https://github.com/react-native-image-picker/react-native-image-picker#options}\n * We do not support 0 (any number of files)\n **/\n const selectionLimit = options?.selectionLimit \|\| 1;\n const hasPermission = await this.hasMediaLibraryPermission();\n if (!hasPermission) {\n const granted = await this.requestMediaLibraryPermission();\n if (!granted) {\n options?.onOpenFailure?.(SBUError.PERMISSIONS_DENIED);\n return null;\n }\n }\n\n const response = await imagePickerModule.launchImageLibrary({\n presentationStyle: 'fullScreen',\n selectionLimit,\n mediaType: (() => {\n switch (options?.mediaType) {\n case 'photo':\n return 'photo';\n case 'video':\n return 'video';\n case 'all':\n return 'mixed';\n default:\n return 'photo';\n }\n })(),\n });\n if (response.didCancel) return null;\n if (response.errorCode === 'camera_unavailable') {\n options?.onOpenFailure?.(SBUError.DEVICE_UNAVAILABLE, new Error(response.errorMessage));\n return null;\n }\n\n return (response.assets \|\| [])\n .slice(0, selectionLimit)\n .map(({ fileName: name, fileSize: size, type, uri }) => fileTypeGuard({ uri, size, name, type }));\n }\n async openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse> {\n try {\n const { uri, size, name, type } = await documentPickerModule.pickSingle();\n return fileTypeGuard({ uri, size, name, type });\n } catch (e) {\n if (!documentPickerModule.isCancel(e) && documentPickerModule.isInProgress(e)) {\n options?.onOpenFailure?.(SBUError.UNKNOWN, e);\n }\n return null;\n }\n }\n async save(options: SaveOptions): Promise<string> {\n const hasPermission = await this.hasMediaLibraryPermission();\n if (!hasPermission) {\n const granted = await this.requestMediaLibraryPermission();\n if (!granted) throw new Error('Permission not granted');\n }\n\n const basePath = Platform.select({ android: fsModule.Dirs.CacheDir, default: fsModule.Dirs.DocumentDir });\n let downloadPath = `${basePath}/${options.fileName}`;\n if (!getFileExtension(options.fileName)) {\n const extensionFromUrl = getFileExtension(options.fileUrl);\n if (getFileType(extensionFromUrl).match(/image\|video/)) {\n downloadPath += extensionFromUrl;\n }\n }\n\n await fsModule.FileSystem.fetch(options.fileUrl, { path: downloadPath });\n const fileType = getFileType(getFileExtension(options.fileUrl));\n\n if (Platform.OS === 'ios' && (fileType === 'image' \|\| fileType === 'video')) {\n const type = ({ 'image': 'photo', 'video': 'video' } as const)[fileType];\n await mediaLibraryModule.save(downloadPath, { type });\n }\n\n if (Platform.OS === 'android') {\n const dirType = { 'file': 'downloads', 'audio': 'audio', 'image': 'images', 'video': 'video' } as const;\n await fsModule.FileSystem.cpExternal(\n downloadPath,\n normalizeFileName(options.fileName, getFileExtension(options.fileUrl)),\n dirType[fileType],\n );\n }\n return downloadPath;\n }\n }\n\n return new NativeFileService();\n};\n\nexport default createNativeFileService;\n"],"mappings":"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"}
1	+ {"version":3,"names":["getAndroidStoragePermissionsByAPILevel","permissionModule","Platform","OS","Version","PERMISSIONS","ANDROID","READ_MEDIA_AUDIO","READ_MEDIA_IMAGES","READ_MEDIA_VIDEO","READ_EXTERNAL_STORAGE","WRITE_EXTERNAL_STORAGE","createNativeFileService","imagePickerModule","documentPickerModule","mediaLibraryModule","fsModule","cameraPermissions","select","ios","IOS","CAMERA","MICROPHONE","android","default","mediaLibraryPermissions","MEDIA_LIBRARY","PHOTO_LIBRARY","NativeFileService","hasCameraPermission","status","checkMultiple","nativePermissionGranted","requestCameraPermission","requestMultiple","hasMediaLibraryPermission","requestMediaLibraryPermission","openCamera","options","hasPermission","granted","onOpenFailure","SBUError","PERMISSIONS_DENIED","response","launchCamera","presentationStyle","cameraType","mediaType","didCancel","errorCode","DEVICE_UNAVAILABLE","Error","errorMessage","fileName","name","fileSize","size","type","uri","assets","fileTypeGuard","openMediaLibrary","selectionLimit","launchImageLibrary","slice","map","openDocument","pickSingle","e","isCancel","isInProgress","UNKNOWN","save","basePath","Dirs","CacheDir","DocumentDir","downloadPath","getFileExtension","extensionFromUrl","fileUrl","getFileType","match","FileSystem","fetch","path","fileType","dirType","cpExternal","normalizeFileName"],"sources":["createFileService.native.ts"],"sourcesContent":["import type { CameraRoll } from '@react-native-camera-roll/camera-roll';\nimport { Platform } from 'react-native';\nimport type * as DocumentPicker from 'react-native-document-picker';\nimport type * as FileAccess from 'react-native-file-access';\nimport type * as ImagePicker from 'react-native-image-picker';\nimport type * as Permissions from 'react-native-permissions';\nimport type { Permission } from 'react-native-permissions';\n\nimport { getFileExtension, getFileType, normalizeFileName } from '@sendbird/uikit-utils';\n\nimport SBUError from '../libs/SBUError';\nimport fileTypeGuard from '../utils/fileTypeGuard';\nimport nativePermissionGranted from '../utils/nativePermissionGranted';\nimport type {\n FilePickerResponse,\n FileServiceInterface,\n OpenCameraOptions,\n OpenDocumentOptions,\n OpenMediaLibraryOptions,\n SaveOptions,\n} from './types';\n\nfunction getAndroidStoragePermissionsByAPILevel(permissionModule: typeof Permissions): Permission[] {\n if (Platform.OS !== 'android') return [];\n\n if (Platform.Version > 32) {\n return [\n permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_AUDIO,\n permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_IMAGES,\n permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_VIDEO,\n ];\n }\n\n if (Platform.Version > 28) {\n return [permissionModule.PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE];\n }\n\n return [\n permissionModule.PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE,\n permissionModule.PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE,\n ];\n}\n\nconst createNativeFileService = ({\n imagePickerModule,\n documentPickerModule,\n permissionModule,\n mediaLibraryModule,\n fsModule,\n}: {\n imagePickerModule: typeof ImagePicker;\n documentPickerModule: typeof DocumentPicker;\n permissionModule: typeof Permissions;\n mediaLibraryModule: typeof CameraRoll;\n fsModule: typeof FileAccess;\n}): FileServiceInterface => {\n const cameraPermissions: Permission[] = Platform.select({\n ios: [permissionModule.PERMISSIONS.IOS.CAMERA, permissionModule.PERMISSIONS.IOS.MICROPHONE],\n android: [permissionModule.PERMISSIONS.ANDROID.CAMERA],\n default: [],\n });\n const mediaLibraryPermissions: Permission[] = Platform.select({\n ios: [permissionModule.PERMISSIONS.IOS.MEDIA_LIBRARY, permissionModule.PERMISSIONS.IOS.PHOTO_LIBRARY],\n android: getAndroidStoragePermissionsByAPILevel(permissionModule),\n default: [],\n });\n\n class NativeFileService implements FileServiceInterface {\n async hasCameraPermission(): Promise<boolean> {\n const status = await permissionModule.checkMultiple(cameraPermissions);\n return nativePermissionGranted(status);\n }\n async requestCameraPermission(): Promise<boolean> {\n const status = await permissionModule.requestMultiple(cameraPermissions);\n return nativePermissionGranted(status);\n }\n async hasMediaLibraryPermission(): Promise<boolean> {\n const status = await permissionModule.checkMultiple(mediaLibraryPermissions);\n return nativePermissionGranted(status);\n }\n async requestMediaLibraryPermission(): Promise<boolean> {\n const status = await permissionModule.requestMultiple(mediaLibraryPermissions);\n return nativePermissionGranted(status);\n }\n\n async openCamera(options?: OpenCameraOptions): Promise<FilePickerResponse> {\n const hasPermission = await this.hasCameraPermission();\n if (!hasPermission) {\n const granted = await this.requestCameraPermission();\n if (!granted) {\n options?.onOpenFailure?.(SBUError.PERMISSIONS_DENIED);\n return null;\n }\n }\n\n const response = await imagePickerModule.launchCamera({\n presentationStyle: 'fullScreen',\n cameraType: options?.cameraType ?? 'back',\n mediaType: (() => {\n switch (options?.mediaType) {\n case 'photo':\n return 'photo';\n case 'video':\n return 'video';\n case 'all':\n return 'mixed';\n default:\n return 'photo';\n }\n })(),\n });\n if (response.didCancel) return null;\n if (response.errorCode === 'camera_unavailable') {\n options?.onOpenFailure?.(SBUError.DEVICE_UNAVAILABLE, new Error(response.errorMessage));\n return null;\n }\n\n const { fileName: name, fileSize: size, type, uri } = response.assets?.[0] ?? {};\n return fileTypeGuard({ uri, size, name, type });\n }\n async openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<FilePickerResponse[] \| null> {\n /*\n NOTE: options.selectionLimit {@link https://github.com/react-native-image-picker/react-native-image-picker#options}\n * We do not support 0 (any number of files)\n **/\n const selectionLimit = options?.selectionLimit \|\| 1;\n const hasPermission = await this.hasMediaLibraryPermission();\n if (!hasPermission) {\n const granted = await this.requestMediaLibraryPermission();\n if (!granted) {\n options?.onOpenFailure?.(SBUError.PERMISSIONS_DENIED);\n return null;\n }\n }\n\n const response = await imagePickerModule.launchImageLibrary({\n presentationStyle: 'fullScreen',\n selectionLimit,\n mediaType: (() => {\n switch (options?.mediaType) {\n case 'photo':\n return 'photo';\n case 'video':\n return 'video';\n case 'all':\n return 'mixed';\n default:\n return 'photo';\n }\n })(),\n });\n if (response.didCancel) return null;\n if (response.errorCode === 'camera_unavailable') {\n options?.onOpenFailure?.(SBUError.DEVICE_UNAVAILABLE, new Error(response.errorMessage));\n return null;\n }\n\n return (response.assets \|\| [])\n .slice(0, selectionLimit)\n .map(({ fileName: name, fileSize: size, type, uri }) => fileTypeGuard({ uri, size, name, type }));\n }\n async openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse> {\n try {\n const { uri, size, name, type } = await documentPickerModule.pickSingle();\n return fileTypeGuard({ uri, size, name, type });\n } catch (e) {\n if (!documentPickerModule.isCancel(e) && documentPickerModule.isInProgress(e)) {\n options?.onOpenFailure?.(SBUError.UNKNOWN, e);\n }\n return null;\n }\n }\n async save(options: SaveOptions): Promise<string> {\n const hasPermission = await this.hasMediaLibraryPermission();\n if (!hasPermission) {\n const granted = await this.requestMediaLibraryPermission();\n if (!granted) throw new Error('Permission not granted');\n }\n\n const basePath = Platform.select({ android: fsModule.Dirs.CacheDir, default: fsModule.Dirs.DocumentDir });\n let downloadPath = `${basePath}/${options.fileName}`;\n if (!getFileExtension(options.fileName)) {\n const extensionFromUrl = getFileExtension(options.fileUrl);\n if (getFileType(extensionFromUrl).match(/image\|video/)) {\n downloadPath += extensionFromUrl;\n }\n }\n\n await fsModule.FileSystem.fetch(options.fileUrl, { path: downloadPath });\n const fileType = getFileType(getFileExtension(options.fileUrl));\n\n if (Platform.OS === 'ios' && (fileType === 'image' \|\| fileType === 'video')) {\n const type = ({ 'image': 'photo', 'video': 'video' } as const)[fileType];\n await mediaLibraryModule.save(downloadPath, { type });\n }\n\n if (Platform.OS === 'android') {\n const dirType = { 'file': 'downloads', 'audio': 'audio', 'image': 'images', 'video': 'video' } as const;\n await fsModule.FileSystem.cpExternal(\n downloadPath,\n normalizeFileName(options.fileName, getFileExtension(options.fileUrl)),\n dirType[fileType],\n );\n }\n return downloadPath;\n }\n }\n\n return new NativeFileService();\n};\n\nexport default createNativeFileService;\n"],"mappings":";;;;;;;AACA;;AAOA;;AAEA;;AACA;;AACA;;;;AAUA,SAASA,sCAAT,CAAgDC,gBAAhD,EAAoG;EAClG,IAAIC,qBAAA,CAASC,EAAT,KAAgB,SAApB,EAA+B,OAAO,EAAP;;EAE/B,IAAID,qBAAA,CAASE,OAAT,GAAmB,EAAvB,EAA2B;IACzB,OAAO,CACLH,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCC,gBADhC,EAELN,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCE,iBAFhC,EAGLP,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCG,gBAHhC,CAAP;EAKD;;EAED,IAAIP,qBAAA,CAASE,OAAT,GAAmB,EAAvB,EAA2B;IACzB,OAAO,CAACH,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCI,qBAAtC,CAAP;EACD;;EAED,OAAO,CACLT,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCK,sBADhC,EAELV,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCI,qBAFhC,CAAP;AAID;;AAED,MAAME,uBAAuB,GAAG,QAYJ;EAAA,IAZK;IAC/BC,iBAD+B;IAE/BC,oBAF+B;IAG/Bb,gBAH+B;IAI/Bc,kBAJ+B;IAK/BC;EAL+B,CAYL;;EAC1B,MAAMC,iBAA+B,GAAGf,qBAAA,CAASgB,MAAT,CAAgB;IACtDC,GAAG,EAAE,CAAClB,gBAAgB,CAACI,WAAjB,CAA6Be,GAA7B,CAAiCC,MAAlC,EAA0CpB,gBAAgB,CAACI,WAAjB,CAA6Be,GAA7B,CAAiCE,UAA3E,CADiD;IAEtDC,OAAO,EAAE,CAACtB,gBAAgB,CAACI,WAAjB,CAA6BC,OAA7B,CAAqCe,MAAtC,CAF6C;IAGtDG,OAAO,EAAE;EAH6C,CAAhB,CAAxC;;EAKA,MAAMC,uBAAqC,GAAGvB,qBAAA,CAASgB,MAAT,CAAgB;IAC5DC,GAAG,EAAE,CAAClB,gBAAgB,CAACI,WAAjB,CAA6Be,GAA7B,CAAiCM,aAAlC,EAAiDzB,gBAAgB,CAACI,WAAjB,CAA6Be,GAA7B,CAAiCO,aAAlF,CADuD;IAE5DJ,OAAO,EAAEvB,sCAAsC,CAACC,gBAAD,CAFa;IAG5DuB,OAAO,EAAE;EAHmD,CAAhB,CAA9C;;EAMA,MAAMI,iBAAN,CAAwD;IAC7B,MAAnBC,mBAAmB,GAAqB;MAC5C,MAAMC,MAAM,GAAG,MAAM7B,gBAAgB,CAAC8B,aAAjB,CAA+Bd,iBAA/B,CAArB;MACA,OAAO,IAAAe,gCAAA,EAAwBF,MAAxB,CAAP;IACD;;IAC4B,MAAvBG,uBAAuB,GAAqB;MAChD,MAAMH,MAAM,GAAG,MAAM7B,gBAAgB,CAACiC,eAAjB,CAAiCjB,iBAAjC,CAArB;MACA,OAAO,IAAAe,gCAAA,EAAwBF,MAAxB,CAAP;IACD;;IAC8B,MAAzBK,yBAAyB,GAAqB;MAClD,MAAML,MAAM,GAAG,MAAM7B,gBAAgB,CAAC8B,aAAjB,CAA+BN,uBAA/B,CAArB;MACA,OAAO,IAAAO,gCAAA,EAAwBF,MAAxB,CAAP;IACD;;IACkC,MAA7BM,6BAA6B,GAAqB;MACtD,MAAMN,MAAM,GAAG,MAAM7B,gBAAgB,CAACiC,eAAjB,CAAiCT,uBAAjC,CAArB;MACA,OAAO,IAAAO,gCAAA,EAAwBF,MAAxB,CAAP;IACD;;IAEe,MAAVO,UAAU,CAACC,OAAD,EAA2D;MAAA;;MACzE,MAAMC,aAAa,GAAG,MAAM,KAAKV,mBAAL,EAA5B;;MACA,IAAI,CAACU,aAAL,EAAoB;QAClB,MAAMC,OAAO,GAAG,MAAM,KAAKP,uBAAL,EAAtB;;QACA,IAAI,CAACO,OAAL,EAAc;UAAA;;UACZF,OAAO,SAAP,IAAAA,OAAO,WAAP,qCAAAA,OAAO,CAAEG,aAAT,qFAAAH,OAAO,EAAkBI,iBAAA,CAASC,kBAA3B,CAAP;UACA,OAAO,IAAP;QACD;MACF;;MAED,MAAMC,QAAQ,GAAG,MAAM/B,iBAAiB,CAACgC,YAAlB,CAA+B;QACpDC,iBAAiB,EAAE,YADiC;QAEpDC,UAAU,EAAE,CAAAT,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAES,UAAT,KAAuB,MAFiB;QAGpDC,SAAS,EAAE,CAAC,MAAM;UAChB,QAAQV,OAAR,aAAQA,OAAR,uBAAQA,OAAO,CAAEU,SAAjB;YACE,KAAK,OAAL;cACE,OAAO,OAAP;;YACF,KAAK,OAAL;cACE,OAAO,OAAP;;YACF,KAAK,KAAL;cACE,OAAO,OAAP;;YACF;cACE,OAAO,OAAP;UARJ;QAUD,CAXU;MAHyC,CAA/B,CAAvB;MAgBA,IAAIJ,QAAQ,CAACK,SAAb,EAAwB,OAAO,IAAP;;MACxB,IAAIL,QAAQ,CAACM,SAAT,KAAuB,oBAA3B,EAAiD;QAAA;;QAC/CZ,OAAO,SAAP,IAAAA,OAAO,WAAP,sCAAAA,OAAO,CAAEG,aAAT,uFAAAH,OAAO,EAAkBI,iBAAA,CAASS,kBAA3B,EAA+C,IAAIC,KAAJ,CAAUR,QAAQ,CAACS,YAAnB,CAA/C,CAAP;QACA,OAAO,IAAP;MACD;;MAED,MAAM;QAAEC,QAAQ,EAAEC,IAAZ;QAAkBC,QAAQ,EAAEC,IAA5B;QAAkCC,IAAlC;QAAwCC;MAAxC,IAAgD,qBAAAf,QAAQ,CAACgB,MAAT,sEAAkB,CAAlB,MAAwB,EAA9E;MACA,OAAO,IAAAC,sBAAA,EAAc;QAAEF,GAAF;QAAOF,IAAP;QAAaF,IAAb;QAAmBG;MAAnB,CAAd,CAAP;IACD;;IACqB,MAAhBI,gBAAgB,CAACxB,OAAD,EAA0E;MAC9F;AACN;AACA;AACA;MACM,MAAMyB,cAAc,GAAG,CAAAzB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEyB,cAAT,KAA2B,CAAlD;MACA,MAAMxB,aAAa,GAAG,MAAM,KAAKJ,yBAAL,EAA5B;;MACA,IAAI,CAACI,aAAL,EAAoB;QAClB,MAAMC,OAAO,GAAG,MAAM,KAAKJ,6BAAL,EAAtB;;QACA,IAAI,CAACI,OAAL,EAAc;UAAA;;UACZF,OAAO,SAAP,IAAAA,OAAO,WAAP,sCAAAA,OAAO,CAAEG,aAAT,uFAAAH,OAAO,EAAkBI,iBAAA,CAASC,kBAA3B,CAAP;UACA,OAAO,IAAP;QACD;MACF;;MAED,MAAMC,QAAQ,GAAG,MAAM/B,iBAAiB,CAACmD,kBAAlB,CAAqC;QAC1DlB,iBAAiB,EAAE,YADuC;QAE1DiB,cAF0D;QAG1Df,SAAS,EAAE,CAAC,MAAM;UAChB,QAAQV,OAAR,aAAQA,OAAR,uBAAQA,OAAO,CAAEU,SAAjB;YACE,KAAK,OAAL;cACE,OAAO,OAAP;;YACF,KAAK,OAAL;cACE,OAAO,OAAP;;YACF,KAAK,KAAL;cACE,OAAO,OAAP;;YACF;cACE,OAAO,OAAP;UARJ;QAUD,CAXU;MAH+C,CAArC,CAAvB;MAgBA,IAAIJ,QAAQ,CAACK,SAAb,EAAwB,OAAO,IAAP;;MACxB,IAAIL,QAAQ,CAACM,SAAT,KAAuB,oBAA3B,EAAiD;QAAA;;QAC/CZ,OAAO,SAAP,IAAAA,OAAO,WAAP,sCAAAA,OAAO,CAAEG,aAAT,uFAAAH,OAAO,EAAkBI,iBAAA,CAASS,kBAA3B,EAA+C,IAAIC,KAAJ,CAAUR,QAAQ,CAACS,YAAnB,CAA/C,CAAP;QACA,OAAO,IAAP;MACD;;MAED,OAAO,CAACT,QAAQ,CAACgB,MAAT,IAAmB,EAApB,EACJK,KADI,CACE,CADF,EACKF,cADL,EAEJG,GAFI,CAEA;QAAA,IAAC;UAAEZ,QAAQ,EAAEC,IAAZ;UAAkBC,QAAQ,EAAEC,IAA5B;UAAkCC,IAAlC;UAAwCC;QAAxC,CAAD;QAAA,OAAmD,IAAAE,sBAAA,EAAc;UAAEF,GAAF;UAAOF,IAAP;UAAaF,IAAb;UAAmBG;QAAnB,CAAd,CAAnD;MAAA,CAFA,CAAP;IAGD;;IACiB,MAAZS,YAAY,CAAC7B,OAAD,EAA6D;MAC7E,IAAI;QACF,MAAM;UAAEqB,GAAF;UAAOF,IAAP;UAAaF,IAAb;UAAmBG;QAAnB,IAA4B,MAAM5C,oBAAoB,CAACsD,UAArB,EAAxC;QACA,OAAO,IAAAP,sBAAA,EAAc;UAAEF,GAAF;UAAOF,IAAP;UAAaF,IAAb;UAAmBG;QAAnB,CAAd,CAAP;MACD,CAHD,CAGE,OAAOW,CAAP,EAAU;QACV,IAAI,CAACvD,oBAAoB,CAACwD,QAArB,CAA8BD,CAA9B,CAAD,IAAqCvD,oBAAoB,CAACyD,YAArB,CAAkCF,CAAlC,CAAzC,EAA+E;UAAA;;UAC7E/B,OAAO,SAAP,IAAAA,OAAO,WAAP,sCAAAA,OAAO,CAAEG,aAAT,uFAAAH,OAAO,EAAkBI,iBAAA,CAAS8B,OAA3B,EAAoCH,CAApC,CAAP;QACD;;QACD,OAAO,IAAP;MACD;IACF;;IACS,MAAJI,IAAI,CAACnC,OAAD,EAAwC;MAChD,MAAMC,aAAa,GAAG,MAAM,KAAKJ,yBAAL,EAA5B;;MACA,IAAI,CAACI,aAAL,EAAoB;QAClB,MAAMC,OAAO,GAAG,MAAM,KAAKJ,6BAAL,EAAtB;QACA,IAAI,CAACI,OAAL,EAAc,MAAM,IAAIY,KAAJ,CAAU,wBAAV,CAAN;MACf;;MAED,MAAMsB,QAAQ,GAAGxE,qBAAA,CAASgB,MAAT,CAAgB;QAAEK,OAAO,EAAEP,QAAQ,CAAC2D,IAAT,CAAcC,QAAzB;QAAmCpD,OAAO,EAAER,QAAQ,CAAC2D,IAAT,CAAcE;MAA1D,CAAhB,CAAjB;;MACA,IAAIC,YAAY,GAAI,GAAEJ,QAAS,IAAGpC,OAAO,CAACgB,QAAS,EAAnD;;MACA,IAAI,CAAC,IAAAyB,4BAAA,EAAiBzC,OAAO,CAACgB,QAAzB,CAAL,EAAyC;QACvC,MAAM0B,gBAAgB,GAAG,IAAAD,4BAAA,EAAiBzC,OAAO,CAAC2C,OAAzB,CAAzB;;QACA,IAAI,IAAAC,uBAAA,EAAYF,gBAAZ,EAA8BG,KAA9B,CAAoC,aAApC,CAAJ,EAAwD;UACtDL,YAAY,IAAIE,gBAAhB;QACD;MACF;;MAED,MAAMhE,QAAQ,CAACoE,UAAT,CAAoBC,KAApB,CAA0B/C,OAAO,CAAC2C,OAAlC,EAA2C;QAAEK,IAAI,EAAER;MAAR,CAA3C,CAAN;MACA,MAAMS,QAAQ,GAAG,IAAAL,uBAAA,EAAY,IAAAH,4BAAA,EAAiBzC,OAAO,CAAC2C,OAAzB,CAAZ,CAAjB;;MAEA,IAAI/E,qBAAA,CAASC,EAAT,KAAgB,KAAhB,KAA0BoF,QAAQ,KAAK,OAAb,IAAwBA,QAAQ,KAAK,OAA/D,CAAJ,EAA6E;QAC3E,MAAM7B,IAAI,GAAI;UAAE,SAAS,OAAX;UAAoB,SAAS;QAA7B,CAAD,CAAkD6B,QAAlD,CAAb;QACA,MAAMxE,kBAAkB,CAAC0D,IAAnB,CAAwBK,YAAxB,EAAsC;UAAEpB;QAAF,CAAtC,CAAN;MACD;;MAED,IAAIxD,qBAAA,CAASC,EAAT,KAAgB,SAApB,EAA+B;QAC7B,MAAMqF,OAAO,GAAG;UAAE,QAAQ,WAAV;UAAuB,SAAS,OAAhC;UAAyC,SAAS,QAAlD;UAA4D,SAAS;QAArE,CAAhB;QACA,MAAMxE,QAAQ,CAACoE,UAAT,CAAoBK,UAApB,CACJX,YADI,EAEJ,IAAAY,6BAAA,EAAkBpD,OAAO,CAACgB,QAA1B,EAAoC,IAAAyB,4BAAA,EAAiBzC,OAAO,CAAC2C,OAAzB,CAApC,CAFI,EAGJO,OAAO,CAACD,QAAD,CAHH,CAAN;MAKD;;MACD,OAAOT,YAAP;IACD;;EA1IqD;;EA6IxD,OAAO,IAAIlD,iBAAJ,EAAP;AACD,CAtKD;;eAwKehB,uB"}

package/lib/commonjs/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ErrorInfo, ReactNode } from 'react';\n\nexport type KeyValuePairGet = [string, string \| null];\nexport type KeyValuePairSet = [string, string];\nexport interface LocalCacheStorage {\n getAllKeys(): Promise<readonly string[] \| string[]>;\n getItem(key: string): Promise<string \| null>;\n setItem(key: string, value: string): Promise<void>;\n removeItem(key: string): Promise<void>;\n\n multiSet?(keyValuePairs: Array<KeyValuePairSet>): Promise<void>;\n multiGet?(keys: string[]): Promise<readonly KeyValuePairGet[] \| KeyValuePairGet[]>;\n multiRemove?(keys: string[]): Promise<void>;\n}\n\nexport type ErrorBoundaryProps = { error: Error; errorInfo: ErrorInfo; reset: () => void };\n\nexport type CommonComponent<P = {}> = (props: P & { children?: ReactNode }) => null \| JSX.Element; //ReactNode;\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ErrorInfo, ReactNode } from 'react';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\n\nexport type KeyValuePairGet = [string, string \| null];\nexport type KeyValuePairSet = [string, string];\nexport interface LocalCacheStorage {\n getAllKeys(): Promise<readonly string[] \| string[]>;\n getItem(key: string): Promise<string \| null>;\n setItem(key: string, value: string): Promise<void>;\n removeItem(key: string): Promise<void>;\n\n multiSet?(keyValuePairs: Array<KeyValuePairSet>): Promise<void>;\n multiGet?(keys: string[]): Promise<readonly KeyValuePairGet[] \| KeyValuePairGet[]>;\n multiRemove?(keys: string[]): Promise<void>;\n}\n\nexport type ErrorBoundaryProps = { error: Error; errorInfo: ErrorInfo; reset: () => void };\n\nexport type CommonComponent<P = {}> = (props: P & { children?: ReactNode }) => null \| JSX.Element; //ReactNode;\n\nexport type MentionedUser = {\n range: Range;\n user: SendbirdUser;\n};\n\nexport type Range = {\n start: number;\n end: number;\n};\n"],"mappings":""}

package/lib/commonjs/utils/common.js ADDED Viewed

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openUrl = void 0;
+var _reactNative = require("react-native");
+var _uikitUtils = require("@sendbird/uikit-utils");
+const openUrl = url => {
+  const targetUrl = url.startsWith('http') ? url : 'https://' + url;
+  _reactNative.Linking.openURL(targetUrl).catch(err => _uikitUtils.Logger.warn('Cannot open url', err));
+};
+exports.openUrl = openUrl;
+//# sourceMappingURL=common.js.map

package/lib/commonjs/utils/common.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["openUrl","url","targetUrl","startsWith","Linking","openURL","catch","err","Logger","warn"],"sources":["common.ts"],"sourcesContent":["import { Linking } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport const openUrl = (url: string) => {\n const targetUrl = url.startsWith('http') ? url : 'https://' + url;\n Linking.openURL(targetUrl).catch((err) => Logger.warn('Cannot open url', err));\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEO,MAAMA,OAAO,GAAIC,GAAD,IAAiB;EACtC,MAAMC,SAAS,GAAGD,GAAG,CAACE,UAAJ,CAAe,MAAf,IAAyBF,GAAzB,GAA+B,aAAaA,GAA9D;;EACAG,oBAAA,CAAQC,OAAR,CAAgBH,SAAhB,EAA2BI,KAA3B,CAAkCC,GAAD,IAASC,kBAAA,CAAOC,IAAP,CAAY,iBAAZ,EAA+BF,GAA/B,CAA1C;AACD,CAHM"}

package/lib/commonjs/version.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const VERSION = '2.0.3';
+const VERSION = '2.2.0';
 var _default = VERSION;
 exports.default = _default;
 //# sourceMappingURL=version.js.map

package/lib/commonjs/version.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '2.0.3';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAhB;eACeA,O"}
1	+ {"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '2.2.0';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAhB;eACeA,O"}

package/lib/module/components/ChannelCover.js CHANGED Viewed

@@ -1,7 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-import { Avatar } from '@sendbird/uikit-react-native-foundation';
+import { View } from 'react-native';
+import { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';
 import { useSendbirdChat } from '../hooks/useContext';
@@ -12,12 +13,31 @@ const ChannelCover = _ref => {
   } = _ref;
   const {
     currentUser
-  } = useSendbirdChat(); // channel cover
+  } = useSendbirdChat();
+  const {
+    colors
+  } = useUIKitTheme(); // custom channel cover
   if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
     return /*#__PURE__*/React.createElement(Avatar, _extends({
       uri: channel.coverUrl
     }, avatarProps));
+  } // broadcast channel cover
+  if (channel.isBroadcast) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: avatarProps.containerStyle
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: 'broadcast',
+      size: avatarProps.size * (4 / 7),
+      color: colors.onBackgroundReverse01,
+      containerStyle: {
+        backgroundColor: colors.secondary,
+        borderRadius: avatarProps.size * 0.5,
+        padding: avatarProps.size * (3 / 7) * 0.5
+      }
+    }));
   } // no members, use anonymous profile

package/lib/module/components/ChannelCover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Avatar","getMembersExcludeMe","isDefaultCoverImage","useSendbirdChat","ChannelCover","channel","avatarProps","currentUser","coverUrl","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","map"],"sources":["ChannelCover.tsx"],"sourcesContent":["import React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nimport { Avatar } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdGroupChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n channel: SendbirdGroupChannel;\n size?: number;\n containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ChannelCover = ({ channel, ...avatarProps }: Props) => {\n const { currentUser } = useSendbirdChat();\n\n // channel cover\n if (!isDefaultCoverImage(channel.coverUrl) \|\| !currentUser) {\n return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n }\n\n // no members, use anonymous profile\n if (channel.memberCount <= 1) {\n return <Avatar {...avatarProps} />;\n }\n\n // 1:1, use member profile\n if (channel.memberCount === 2) {\n const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;\n return <Avatar uri={otherUserProfile} {...avatarProps} />;\n }\n\n // group, use members profile\n return (\n <Avatar.Group {...avatarProps}>\n {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (\n <Avatar key={m.userId} uri={m.profileUrl} />\n ))}\n </Avatar.Group>\n );\n};\n\nexport default ChannelCover;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;~~AAGA~~,SAASC,MAAT,~~QAAuB~~,~~yCAAvB~~;AACA,SAA+BC,mBAA/B,EAAoDC,mBAApD,QAA+E,uBAA/E;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAQA,MAAMC,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkBJ,eAAe,EAAvC,~~CAD2D~~,~~CAG3D~~;;EACA,IAAI,~~CAACD~~,mBAAmB,CAACG,OAAO,~~CAACG~~,QAAT,CAApB,IAA0C,~~CAACD~~,WAA/C,EAA4D;IAC1D,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEF,OAAO,~~CAACG~~;IAArB,~~GAAmCF~~,WAAnC,EAAP;EACD,~~CAN0D~~,~~CAQ3D~~;;;EACA,IAAID,OAAO,~~CAACI~~,WAAR,IAAuB,CAA3B,EAA8B;IAC5B,oBAAO,oBAAC,MAAD,~~EAAYH~~,WAAZ,CAAP;EACD,~~CAX0D~~,~~CAa3D~~;;;EACA,IAAID,OAAO,~~CAACI~~,WAAR,KAAwB,CAA5B,EAA+B;IAAA;;IAC7B,MAAMC,gBAAgB,~~4BAAGL~~,OAAO,~~CAACM~~,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,~~KAAaP~~,WAAW,~~CAACO~~,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;IACA,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEL;IAAb,~~GAAmCJ~~,WAAnC,EAAP;EACD,~~CAjB0D~~,~~CAmB3D~~;;;EACA,oBACE,oBAAC,MAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACGL,mBAAmB,CAACI,OAAD,EAAUE,WAAV,aAAUA,WAAV,uBAAUA,WAAW,~~CAAEO~~,MAAvB,CAAnB,CAAkDE,GAAlD,CAAuDH,CAAD,iBACrD,oBAAC,MAAD;IAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;IAAuB,GAAG,EAAED,CAAC,CAACE;EAA9B,EADD,CADH,CADF;AAOD,~~CA3BD~~;;~~AA6BA~~,~~eAAeX~~,YAAf"}
1	+ {"version":3,"names":["React","View","Avatar","Icon","useUIKitTheme","getMembersExcludeMe","isDefaultCoverImage","useSendbirdChat","ChannelCover","channel","avatarProps","currentUser","colors","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","map"],"sources":["ChannelCover.tsx"],"sourcesContent":["import React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdGroupChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n channel: SendbirdGroupChannel;\n size: number;\n containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ChannelCover = ({ channel, ...avatarProps }: Props) => {\n const { currentUser } = useSendbirdChat();\n const { colors } = useUIKitTheme();\n\n // custom channel cover\n if (!isDefaultCoverImage(channel.coverUrl) \|\| !currentUser) {\n return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n }\n\n // broadcast channel cover\n if (channel.isBroadcast) {\n return (\n <View style={avatarProps.containerStyle}>\n <Icon\n icon={'broadcast'}\n size={avatarProps.size * (4 / 7)}\n color={colors.onBackgroundReverse01}\n containerStyle={{\n backgroundColor: colors.secondary,\n borderRadius: avatarProps.size * 0.5,\n padding: avatarProps.size * (3 / 7) * 0.5,\n }}\n />\n </View>\n );\n }\n\n // no members, use anonymous profile\n if (channel.memberCount <= 1) {\n return <Avatar {...avatarProps} />;\n }\n\n // 1:1, use member profile\n if (channel.memberCount === 2) {\n const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;\n return <Avatar uri={otherUserProfile} {...avatarProps} />;\n }\n\n // group, use members profile\n return (\n <Avatar.Group {...avatarProps}>\n {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (\n <Avatar key={m.userId} uri={m.profileUrl} />\n ))}\n </Avatar.Group>\n );\n};\n\nexport default ChannelCover;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,aAAvB,QAA4C,yCAA5C;AACA,SAA+BC,mBAA/B,EAAoDC,mBAApD,QAA+E,uBAA/E;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAQA,MAAMC,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkBJ,eAAe,EAAvC;EACA,MAAM;IAAEK;EAAF,IAAaR,aAAa,EAAhC,CAF2D,CAI3D;;EACA,IAAI,CAACE,mBAAmB,CAACG,OAAO,CAACI,QAAT,CAApB,IAA0C,CAACF,WAA/C,EAA4D;IAC1D,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEF,OAAO,CAACI;IAArB,GAAmCH,WAAnC,EAAP;EACD,CAP0D,CAS3D;;;EACA,IAAID,OAAO,CAACK,WAAZ,EAAyB;IACvB,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAEJ,WAAW,CAACK;IAAzB,gBACE,oBAAC,IAAD;MACE,IAAI,EAAE,WADR;MAEE,IAAI,EAAEL,WAAW,CAACM,IAAZ,IAAoB,IAAI,CAAxB,CAFR;MAGE,KAAK,EAAEJ,MAAM,CAACK,qBAHhB;MAIE,cAAc,EAAE;QACdC,eAAe,EAAEN,MAAM,CAACO,SADV;QAEdC,YAAY,EAAEV,WAAW,CAACM,IAAZ,GAAmB,GAFnB;QAGdK,OAAO,EAAEX,WAAW,CAACM,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;MAHxB;IAJlB,EADF,CADF;EAcD,CAzB0D,CA2B3D;;;EACA,IAAIP,OAAO,CAACa,WAAR,IAAuB,CAA3B,EAA8B;IAC5B,oBAAO,oBAAC,MAAD,EAAYZ,WAAZ,CAAP;EACD,CA9B0D,CAgC3D;;;EACA,IAAID,OAAO,CAACa,WAAR,KAAwB,CAA5B,EAA+B;IAAA;;IAC7B,MAAMC,gBAAgB,4BAAGd,OAAO,CAACe,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAahB,WAAW,CAACgB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;IACA,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEL;IAAb,GAAmCb,WAAnC,EAAP;EACD,CApC0D,CAsC3D;;;EACA,oBACE,oBAAC,MAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACGL,mBAAmB,CAACI,OAAD,EAAUE,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEgB,MAAvB,CAAnB,CAAkDE,GAAlD,CAAuDH,CAAD,iBACrD,oBAAC,MAAD;IAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;IAAuB,GAAG,EAAED,CAAC,CAACE;EAA9B,EADD,CADH,CADF;AAOD,CA9CD;;AAgDA,eAAepB,YAAf"}

package/lib/module/components/ChatFlatList.js CHANGED Viewed

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import { FlatList, Platform } from 'react-native';
 import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { isMyMessage } from '@sendbird/uikit-utils';
+import { getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';
 let ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';
 const BOTTOM_DETECT_THRESHOLD = 25; // const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;
@@ -97,7 +97,8 @@ const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref)
     onEndReachedThreshold: 0.5,
     onEndReached: onTopReached,
     scrollEventThrottle: 16,
-    onScroll: _onScroll
+    onScroll: _onScroll,
+    keyExtractor: getMessageUniqId
   }));
 });
 export default ChatFlatList;

package/lib/module/components/ChatFlatList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","animated","current","scrollToOffset","offset","latestMessage","length","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","light","dark","Boolean","data"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n currentUserId?: string;\n onBottomReached: () => void;\n onTopReached: () => void;\n nextMessages: SendbirdMessage[];\n onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n ref,\n) {\n const { select } = useUIKitTheme();\n const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n const yPos = useRef(0);\n\n useImperativeHandle(\n ref,\n () => ({\n scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n }),\n [],\n );\n\n useEffect(() => {\n const latestMessage = nextMessages[nextMessages.length - 1];\n if (!latestMessage) return;\n\n if (hasReachedToBottom(yPos.current)) {\n onBottomReached();\n } else if (isMyMessage(latestMessage, currentUserId)) {\n scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n }\n }, [onBottomReached, nextMessages, currentUserId]);\n\n const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n (event) => {\n const { contentOffset } = event.nativeEvent;\n if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(false);\n } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(true);\n }\n\n yPos.current = contentOffset.y;\n\n onScroll?.(event);\n if (hasReachedToBottom(yPos.current)) onBottomReached();\n },\n [onScroll, onBottomReached],\n );\n\n if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n ANDROID_BUG_ALERT_SHOWED = true;\n // eslint-disable-next-line no-console\n console.warn(\n 'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n );\n }\n\n return (\n <FlatList\n bounces={false}\n removeClippedSubviews\n keyboardDismissMode={'on-drag'}\n keyboardShouldPersistTaps={'handled'}\n indicatorStyle={select({ light: 'black', dark: 'white' })}\n {...props}\n // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n inverted={Boolean(props.data?.length)}\n // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n ref={scrollRef}\n onEndReachedThreshold={0.5}\n onEndReached={onTopReached}\n scrollEventThrottle={16}\n onScroll={_onScroll}\n />\n );\n});\n\nexport default ChatFlatList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,WAA5B,EAAyCC,SAAzC,EAAoDC,mBAApD,EAAyEC,MAAzE,QAAuF,OAAvF;AACA,SAASC,QAAT,EAAkCC,QAAlC,QAAkD,cAAlD;AAEA,SAASC,aAAT,QAA8B,yCAA9B;AACA,SAA0BC,~~WAA1B~~,~~QAA6C~~,~~uBAA7C~~;AAEA,IAAIC,wBAAwB,~~GAAGH~~,QAAQ,~~CAACI~~,EAAT,KAAgB,SAA/C;AACA,MAAMC,uBAAuB,GAAG,EAAhC,C,CACA;;AAEA,SAASC,kBAAT,CAA4BC,IAA5B,EAA2D;EAAA,IAAjBC,WAAiB,uEAAH,CAAG;EACzD,OAAOA,WAAW,IAAID,IAAtB;AACD;;AAUD;AACA,MAAME,YAAY,~~gBAAGf~~,UAAU,CAAyB,~~SAASgB~~,cAAT,OAEtDC,GAFsD,EAGtD;EAAA;;EAAA,IAFA;IAAEC,YAAF;IAAgBC,YAAhB;IAA8BC,eAA9B;IAA+CC,mBAA/C;IAAoEC,QAApE;IAA8EC,aAA9E;IAA6F,GAAGC;EAAhG,CAEA;EACA,MAAM;IAAEC;EAAF,~~IAAalB~~,aAAa,EAAhC;EACA,~~MAAMmB~~,SAAS,~~GAAGtB~~,MAAM,CAA4B,IAA5B,CAAxB;EACA,~~MAAMS~~,IAAI,~~GAAGT~~,MAAM,CAAC,CAAD,CAAnB;EAEAD,mBAAmB,~~CACjBc~~,GADiB,EAEjB,OAAO;IACLU,cAAc,EAAE;MAAA;;MAAA,IAACC,QAAD,uEAAY,IAAZ;MAAA,6BAAqBF,SAAS,CAACG,OAA/B,uDAAqB,mBAAmBC,cAAnB,CAAkC;QAAEF,QAAF;QAAYG,MAAM,EAAE;MAApB,CAAlC,CAArB;IAAA;EADX,CAAP,CAFiB,EAKjB,EALiB,CAAnB;~~EAQA7B~~,SAAS,CAAC,MAAM;IACd,~~MAAM8B~~,aAAa,GAAGb,YAAY,CAACA,YAAY,CAACc,MAAb,GAAsB,CAAvB,CAAlC;IACA,IAAI,CAACD,aAAL,EAAoB;;IAEpB,IAAIpB,kBAAkB,CAACC,IAAI,CAACgB,OAAN,CAAtB,EAAsC;MACpCT,eAAe;IAChB,CAFD,MAEO,IAAIZ,WAAW,CAACwB,aAAD,EAAgBT,aAAhB,CAAf,EAA+C;MAAA;;MACpD,uBAAAG,SAAS,CAACG,OAAV,4EAAmBC,cAAnB,CAAkC;QAAEF,QAAQ,EAAE,KAAZ;QAAmBG,MAAM,EAAE;MAA3B,CAAlC;IACD;EACF,CATQ,EASN,CAACX,eAAD,EAAkBD,YAAlB,EAAgCI,aAAhC,CATM,CAAT;;EAWA,MAAMW,SAAS,~~GAAGjC~~,WAAW,~~CAC1BkC~~,KAAD,IAAW;IACT,MAAM;MAAEC;IAAF,IAAoBD,KAAK,CAACE,WAAhC;;IACA,IAAI1B,uBAAuB,GAAGE,IAAI,CAACgB,OAA/B,IAA0CO,aAAa,CAACE,CAAd,IAAmB3B,uBAAjE,EAA0F;MACxFU,mBAAmB,CAAC,KAAD,CAAnB;IACD,CAFD,MAEO,IAAIV,uBAAuB,GAAGyB,aAAa,CAACE,CAAxC,IAA6CzB,IAAI,CAACgB,OAAL,IAAgBlB,uBAAjE,EAA0F;MAC/FU,mBAAmB,CAAC,IAAD,CAAnB;IACD;;IAEDR,IAAI,CAACgB,OAAL,GAAeO,aAAa,CAACE,CAA7B;IAEAhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,KAAH,CAAR;IACA,IAAIvB,kBAAkB,CAACC,IAAI,CAACgB,OAAN,CAAtB,EAAsCT,eAAe;EACtD,CAb0B,EAc3B,CAACE,QAAD,EAAWF,eAAX,CAd2B,CAA7B;;EAiBA,IAAImB,OAAO,IAAI,CAAC9B,wBAAhB,EAA0C;IACxCA,wBAAwB,GAAG,IAA3B,CADwC,CAExC;;IACA+B,OAAO,CAACC,IAAR,CACE,mKADF;EAGD;;EAED,oBACE,oBAAC,QAAD;IACE,OAAO,EAAE,KADX;IAEE,qBAAqB,MAFvB;IAGE,mBAAmB,EAAE,SAHvB;IAIE,yBAAyB,EAAE,SAJ7B;IAKE,cAAc,EAAEhB,MAAM,CAAC;MAAEiB,KAAK,EAAE,OAAT;MAAkBC,IAAI,EAAE;IAAxB,CAAD;EALxB,GAMMnB,KANN;IAOE;IACA,QAAQ,EAAEoB,OAAO,gBAACpB,KAAK,CAACqB,IAAP,gDAAC,YAAYZ,MAAb,CARnB,CASE;IACA;IAVF;IAWE,GAAG,EAAEP,SAXP;IAYE,qBAAqB,EAAE,GAZzB;IAaE,YAAY,EAAER,YAbhB;IAcE,mBAAmB,EAAE,EAdvB;IAeE,QAAQ,EAAEgB;~~EAfZ~~,GADF;~~AAmBD~~,~~CAvE8B~~,CAA/B;~~AAyEA~~,~~eAAenB~~,YAAf"}
1	+ {"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","getMessageUniqId","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","animated","current","scrollToOffset","offset","latestMessage","length","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","light","dark","Boolean","data"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n currentUserId?: string;\n onBottomReached: () => void;\n onTopReached: () => void;\n nextMessages: SendbirdMessage[];\n onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n ref,\n) {\n const { select } = useUIKitTheme();\n const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n const yPos = useRef(0);\n\n useImperativeHandle(\n ref,\n () => ({\n scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n }),\n [],\n );\n\n useEffect(() => {\n const latestMessage = nextMessages[nextMessages.length - 1];\n if (!latestMessage) return;\n\n if (hasReachedToBottom(yPos.current)) {\n onBottomReached();\n } else if (isMyMessage(latestMessage, currentUserId)) {\n scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n }\n }, [onBottomReached, nextMessages, currentUserId]);\n\n const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n (event) => {\n const { contentOffset } = event.nativeEvent;\n if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(false);\n } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(true);\n }\n\n yPos.current = contentOffset.y;\n\n onScroll?.(event);\n if (hasReachedToBottom(yPos.current)) onBottomReached();\n },\n [onScroll, onBottomReached],\n );\n\n if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n ANDROID_BUG_ALERT_SHOWED = true;\n // eslint-disable-next-line no-console\n console.warn(\n 'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n );\n }\n\n return (\n <FlatList\n bounces={false}\n removeClippedSubviews\n keyboardDismissMode={'on-drag'}\n keyboardShouldPersistTaps={'handled'}\n indicatorStyle={select({ light: 'black', dark: 'white' })}\n {...props}\n // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n inverted={Boolean(props.data?.length)}\n // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n ref={scrollRef}\n onEndReachedThreshold={0.5}\n onEndReached={onTopReached}\n scrollEventThrottle={16}\n onScroll={_onScroll}\n keyExtractor={getMessageUniqId}\n />\n );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}

package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js CHANGED Viewed

@@ -14,7 +14,8 @@ const BaseFileMessage = _ref => {
     message,
     variant,
     pressed,
-    type
+    type,
+    children
   } = _ref;
   const {
     STRINGS
@@ -24,9 +25,11 @@ const BaseFileMessage = _ref => {
   } = useUIKitTheme();
   const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
+    style: [styles.bubbleContainer, {
       backgroundColor: color.background
     }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: iconMapper[type],
     size: 24,
@@ -42,17 +45,19 @@ const BaseFileMessage = _ref => {
     numberOfLines: 1,
     color: color.textMsg,
     style: styles.name
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message)));
+  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message))), children);
 };
 const styles = createStyleSheet({
+  bubbleContainer: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
   container: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'center',
     paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 16
+    paddingVertical: 6
   },
   name: {
     flexShrink: 1

package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","useLocalization","iconMapper","audio","image","video","file","BaseFileMessage","message","variant","pressed","type","STRINGS","colors","color","ui","styles","~~container~~","backgroundColor","background","padding","borderRadius","marginRight","textMsg","name","GROUP_CHANNEL","MESSAGE_BUBBLE_FILE_TITLE","~~flexDirection~~","~~alignItems~~","~~justifyContent~~","paddingHorizontal","paddingVertical","flexShrink"],"sources":["BaseFileMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = FileMessageProps & {\n type: 'image' \| 'audio' \| 'video' \| 'file';\n};\nconst BaseFileMessage = ({ message, variant, pressed, type }: Props) => {\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n return (\n <View style={[styles.~~container~~, { backgroundColor: color.background }]}>\n <Icon\n icon={iconMapper[type]}\n size={24}\n containerStyle={{ backgroundColor: colors.background, padding: 2, borderRadius: 8, marginRight: 8 }}\n />\n <Text body3 ellipsizeMode={'middle'} numberOfLines={1} color={color.textMsg} style={styles.name}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message)}\n </Text>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n ~~container~~: {\n ~~flexDirection~~: '~~row~~',\n ~~alignItems~~: '~~center~~',\n ~~justifyContent~~: 'center',\n paddingHorizontal: 12,\n paddingVertical: 6,\n ~~borderRadius: 16,\n~~ },\n name: {\n flexShrink: 1,\n },\n});\n\nexport default BaseFileMessage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,gBAArB,EAAuCC,aAAvC,QAA4D,yCAA5D;AAEA,SAASC,eAAT,QAAgC,2BAAhC;AAGA,MAAMC,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAT;EAAuBC,KAAK,EAAE,OAA9B;EAAuCC,KAAK,EAAE,MAA9C;EAAsDC,IAAI,EAAE;AAA5D,CAAnB;;AAKA,MAAMC,eAAe,GAAG,~~QAAgD~~;EAAA,~~IAA/C~~;IAAEC,OAAF;IAAWC,OAAX;IAAoBC,OAApB;IAA6BC;~~EAA7B~~,~~CAA+C~~;~~EACtE~~,MAAM;IAAEC;EAAF,~~IAAcX~~,eAAe,EAAnC;EACA,MAAM;~~IAAEY~~;EAAF,~~IAAab~~,aAAa,EAAhC;EACA,~~MAAMc~~,KAAK,GAAGD,MAAM,CAACE,EAAP,~~CAAUP~~,OAAV,CAAkBC,OAAlB,EAA2BC,OAAO,GAAG,SAAH,GAAe,SAAjD,CAAd;EACA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,~~CAACM~~,MAAM,CAACC,~~SAAR~~,~~EAAmB~~;MAAEC,eAAe,EAAEJ,KAAK,CAACK;IAAzB,~~CAAnB~~;EAAb,gBACE,oBAAC,IAAD;IACE,IAAI,~~EAAEjB~~,UAAU,CAACS,IAAD,CADlB;IAEE,IAAI,EAAE,EAFR;IAGE,cAAc,EAAE;~~MAAEO~~,eAAe,EAAEL,MAAM,CAACM,UAA1B;~~MAAsCC~~,OAAO,EAAE,CAA/C;MAAkDC,YAAY,EAAE,CAAhE;MAAmEC,WAAW,EAAE;IAAhF;EAHlB,EADF,eAME,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,aAAa,EAAE,QAA3B;IAAqC,aAAa,EAAE,CAApD;IAAuD,KAAK,~~EAAER~~,KAAK,~~CAACS~~,OAApE;IAA6E,KAAK,~~EAAEP~~,MAAM,~~CAACQ~~;EAA3F,~~GACGZ~~,OAAO,~~CAACa~~,aAAR,CAAsBC,yBAAtB,~~CAAgDlB~~,OAAhD,CADH,CANF,CADF;~~AAYD~~,~~CAhBD~~;;~~AAkBA~~,~~MAAMQ~~,MAAM,~~GAAGjB~~,gBAAgB,CAAC;~~EAC9BkB~~,~~SAAS~~,EAAE;~~IACTU~~,~~aAAa~~,EAAE,~~KADN~~;~~IAETC~~,~~UAAU~~,EAAE,~~QAFH~~;~~IAGTC~~,~~cAAc~~,EAAE,~~QAHP~~;~~IAITC~~,~~iBAAiB~~,EAAE,~~EAJV~~;~~IAKTC~~,~~eAAe~~,EAAE,~~CALR~~;~~IAMTV~~,~~YAAY~~,EAAE;~~EANL~~,~~CADmB~~;~~EAS9BG~~,IAAI,EAAE;IACJQ,UAAU,EAAE;EADR;~~AATwB~~,CAAD,CAA/B;~~AAcA~~,~~eAAezB~~,eAAf"}
1	+ {"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","useLocalization","iconMapper","audio","image","video","file","BaseFileMessage","message","variant","pressed","type","children","STRINGS","colors","color","ui","styles","bubbleContainer","backgroundColor","background","container","padding","borderRadius","marginRight","textMsg","name","GROUP_CHANNEL","MESSAGE_BUBBLE_FILE_TITLE","overflow","flexDirection","alignItems","paddingHorizontal","paddingVertical","flexShrink"],"sources":["BaseFileMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = FileMessageProps & {\n type: 'image' \| 'audio' \| 'video' \| 'file';\n};\nconst BaseFileMessage = ({ message, variant, pressed, type, children }: Props) => {\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n return (\n <View style={[styles.bubbleContainer, { backgroundColor: color.background }]}>\n <View style={styles.container}>\n <Icon\n icon={iconMapper[type]}\n size={24}\n containerStyle={{ backgroundColor: colors.background, padding: 2, borderRadius: 8, marginRight: 8 }}\n />\n <Text body3 ellipsizeMode={'middle'} numberOfLines={1} color={color.textMsg} style={styles.name}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message)}\n </Text>\n </View>\n {children}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n bubbleContainer: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingHorizontal: 12,\n paddingVertical: 6,\n },\n name: {\n flexShrink: 1,\n },\n});\n\nexport default BaseFileMessage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,gBAArB,EAAuCC,aAAvC,QAA4D,yCAA5D;AAEA,SAASC,eAAT,QAAgC,2BAAhC;AAGA,MAAMC,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAT;EAAuBC,KAAK,EAAE,OAA9B;EAAuCC,KAAK,EAAE,MAA9C;EAAsDC,IAAI,EAAE;AAA5D,CAAnB;;AAKA,MAAMC,eAAe,GAAG,QAA0D;EAAA,IAAzD;IAAEC,OAAF;IAAWC,OAAX;IAAoBC,OAApB;IAA6BC,IAA7B;IAAmCC;EAAnC,CAAyD;EAChF,MAAM;IAAEC;EAAF,IAAcZ,eAAe,EAAnC;EACA,MAAM;IAAEa;EAAF,IAAad,aAAa,EAAhC;EACA,MAAMe,KAAK,GAAGD,MAAM,CAACE,EAAP,CAAUR,OAAV,CAAkBC,OAAlB,EAA2BC,OAAO,GAAG,SAAH,GAAe,SAAjD,CAAd;EACA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACO,MAAM,CAACC,eAAR,EAAyB;MAAEC,eAAe,EAAEJ,KAAK,CAACK;IAAzB,CAAzB;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEH,MAAM,CAACI;EAApB,gBACE,oBAAC,IAAD;IACE,IAAI,EAAEnB,UAAU,CAACS,IAAD,CADlB;IAEE,IAAI,EAAE,EAFR;IAGE,cAAc,EAAE;MAAEQ,eAAe,EAAEL,MAAM,CAACM,UAA1B;MAAsCE,OAAO,EAAE,CAA/C;MAAkDC,YAAY,EAAE,CAAhE;MAAmEC,WAAW,EAAE;IAAhF;EAHlB,EADF,eAME,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,aAAa,EAAE,QAA3B;IAAqC,aAAa,EAAE,CAApD;IAAuD,KAAK,EAAET,KAAK,CAACU,OAApE;IAA6E,KAAK,EAAER,MAAM,CAACS;EAA3F,GACGb,OAAO,CAACc,aAAR,CAAsBC,yBAAtB,CAAgDpB,OAAhD,CADH,CANF,CADF,EAWGI,QAXH,CADF;AAeD,CAnBD;;AAqBA,MAAMK,MAAM,GAAGlB,gBAAgB,CAAC;EAC9BmB,eAAe,EAAE;IACfK,YAAY,EAAE,EADC;IAEfM,QAAQ,EAAE;EAFK,CADa;EAK9BR,SAAS,EAAE;IACTS,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,iBAAiB,EAAE,EAHV;IAITC,eAAe,EAAE;EAJR,CALmB;EAW9BP,IAAI,EAAE;IACJQ,UAAU,EAAE;EADR;AAXwB,CAAD,CAA/B;AAgBA,eAAe3B,eAAf"}

package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js CHANGED Viewed

@@ -31,7 +31,9 @@ const useRetry = function (hasError) {
 const ImageFileMessage = _ref => {
   let {
-    message
+    message,
+    children,
+    variant
   } = _ref;
   const {
     colors
@@ -43,6 +45,10 @@ const ImageFileMessage = _ref => {
   }];
   const key = useRetry(imageNotFound);
   return /*#__PURE__*/React.createElement(View, {
+    style: [styles.bubbleContainer, {
+      backgroundColor: colors.ui.message[variant].enabled.background
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
     style: style
   }, /*#__PURE__*/React.createElement(Image, {
     key: key,
@@ -59,10 +65,14 @@ const ImageFileMessage = _ref => {
     icon: 'thumbnail-none',
     size: 48,
     color: colors.onBackground02
-  }));
+  })), children);
 };
 const styles = createStyleSheet({
+  bubbleContainer: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
   image: {
     width: 240,
     maxWidth: 240,

package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","Platform","StyleSheet","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","useForceUpdate","useRetry","hasError","retryCount","OS","forceUpdate","retryCountRef","retryTimeoutRef","reloadReservation","current","setTimeout","clearTimeout","ImageFileMessage","message","colors","imageNotFound","setImageNotFound","fileUrl","style","styles","image","backgroundColor","onBackground04","key","uri","absoluteFill","hide","onBackground02","~~width~~","~~maxWidth~~","~~height~~","~~borderRadius~~","~~overflow~~","display"],"sources":["ImageFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform, StyleSheet, View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (hasError: boolean, retryCount = 5) => {\n if (Platform.OS === 'android') return '';\n\n const forceUpdate = useForceUpdate();\n const retryCountRef = useRef(1);\n const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n useEffect(() => {\n if (hasError) {\n const reloadReservation = () => {\n if (retryCountRef.current < retryCount) {\n retryTimeoutRef.current = setTimeout(() => {\n retryCountRef.current++;\n reloadReservation();\n forceUpdate();\n }, retryCountRef.current * 5000);\n }\n };\n\n return reloadReservation();\n } else {\n return clearTimeout(retryTimeoutRef.current);\n }\n }, [hasError]);\n\n return retryCountRef.current;\n};\n\nconst ImageFileMessage = ({ message }: FileMessageProps) => {\n const { colors } = useUIKitTheme();\n const [imageNotFound, setImageNotFound] = useState(false);\n\n const fileUrl = getAvailableUriFromFileMessage(message);\n const style = [styles.image, { backgroundColor: colors.onBackground04 }];\n\n const key = useRetry(imageNotFound);\n\n return (\n <View style={~~style~~}>\n <Image\n key={key}\n source={{ uri: fileUrl }}\n style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}\n resizeMode={'cover'}\n resizeMethod={'resize'}\n onError={() => setImageNotFound(true)}\n onLoad={() => setImageNotFound(false)}\n />\n {imageNotFound && (\n <Icon\n containerStyle={StyleSheet.absoluteFill}\n icon={'thumbnail-none'}\n size={48}\n color={colors.onBackground02}\n />\n )}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n image: {\n width: 240,\n maxWidth: 240,\n height: 160,\n borderRadius: 16,\n overflow: 'hidden',\n },\n hide: {\n display: 'none',\n },\n});\n\nexport default ImageFileMessage;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,IAA/B,QAA2C,cAA3C;AAEA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,gBAAtB,EAAwCC,aAAxC,QAA6D,yCAA7D;AACA,SAASC,8BAAT,EAAyCC,cAAzC,QAA+D,uBAA/D;;AAIA,MAAMC,QAAQ,GAAG,UAACC,QAAD,EAAuC;EAAA,IAAnBC,UAAmB,uEAAN,CAAM;EACtD,IAAIX,QAAQ,CAACY,EAAT,KAAgB,SAApB,EAA+B,OAAO,EAAP;EAE/B,MAAMC,WAAW,GAAGL,cAAc,EAAlC;EACA,MAAMM,aAAa,GAAGhB,MAAM,CAAC,CAAD,CAA5B;EACA,MAAMiB,eAAe,GAAGjB,MAAM,EAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIa,QAAJ,EAAc;MACZ,MAAMM,iBAAiB,GAAG,MAAM;QAC9B,IAAIF,aAAa,CAACG,OAAd,GAAwBN,UAA5B,EAAwC;UACtCI,eAAe,CAACE,OAAhB,GAA0BC,UAAU,CAAC,MAAM;YACzCJ,aAAa,CAACG,OAAd;YACAD,iBAAiB;YACjBH,WAAW;UACZ,CAJmC,EAIjCC,aAAa,CAACG,OAAd,GAAwB,IAJS,CAApC;QAKD;MACF,CARD;;MAUA,OAAOD,iBAAiB,EAAxB;IACD,CAZD,MAYO;MACL,OAAOG,YAAY,CAACJ,eAAe,CAACE,OAAjB,CAAnB;IACD;EACF,CAhBQ,EAgBN,CAACP,QAAD,CAhBM,CAAT;EAkBA,OAAOI,aAAa,CAACG,OAArB;AACD,CA1BD;;AA4BA,MAAMG,gBAAgB,GAAG,~~QAAmC~~;EAAA,~~IAAlC~~;IAAEC;~~EAAF~~,~~CAAkC~~;~~EAC1D~~,MAAM;IAAEC;EAAF,~~IAAahB~~,aAAa,EAAhC;EACA,MAAM,~~CAACiB~~,aAAD,EAAgBC,gBAAhB,~~IAAoCzB~~,QAAQ,CAAC,KAAD,CAAlD;EAEA,~~MAAM0B~~,OAAO,~~GAAGlB~~,8BAA8B,CAACc,OAAD,CAA9C;EACA,~~MAAMK~~,KAAK,GAAG,CAACC,MAAM,CAACC,KAAR,EAAe;IAAEC,eAAe,EAAEP,MAAM,CAACQ;EAA1B,CAAf,CAAd;EAEA,MAAMC,GAAG,~~GAAGtB~~,QAAQ,~~CAACc~~,aAAD,CAApB;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,~~EAAEG~~;EAAb,gBACE,oBAAC,KAAD;IACE,GAAG,EAAEK,GADP;IAEE,MAAM,EAAE;~~MAAEC~~,GAAG,~~EAAEP~~;IAAP,CAFV;IAGE,KAAK,EAAE,~~CAACxB~~,UAAU,~~CAACgC~~,YAAZ,~~EAA0BV~~,aAAa,IAAII,MAAM,~~CAACO~~,IAAlD,CAHT;IAIE,UAAU,EAAE,OAJd;IAKE,YAAY,EAAE,QALhB;IAME,OAAO,EAAE,~~MAAMV~~,gBAAgB,CAAC,IAAD,CANjC;IAOE,MAAM,EAAE,MAAMA,gBAAgB,CAAC,KAAD;EAPhC,EADF,EAUGD,aAAa,iBACZ,oBAAC,IAAD;IACE,cAAc,~~EAAEtB~~,UAAU,~~CAACgC~~,YAD7B;IAEE,IAAI,EAAE,gBAFR;IAGE,IAAI,EAAE,EAHR;IAIE,KAAK,~~EAAEX~~,MAAM,~~CAACa~~;EAJhB,EAXJ,CADF;~~AAqBD~~,~~CA9BD~~;;~~AAgCA~~,~~MAAMR~~,MAAM,~~GAAGtB~~,gBAAgB,CAAC;~~EAC9BuB~~,KAAK,EAAE;~~IACLQ~~,KAAK,EAAE,GADF;IAELC,QAAQ,EAAE,GAFL;IAGLC,MAAM,EAAE,GAHH;~~IAILC~~,YAAY,EAAE,EAJT;IAKLC,QAAQ,EAAE;EALL,~~CADuB~~;~~EAQ9BN~~,IAAI,EAAE;IACJO,OAAO,EAAE;EADL;~~AARwB~~,CAAD,CAA/B;~~AAaA~~,~~eAAerB~~,gBAAf"}
1	+ {"version":3,"names":["React","useEffect","useRef","useState","Platform","StyleSheet","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","useForceUpdate","useRetry","hasError","retryCount","OS","forceUpdate","retryCountRef","retryTimeoutRef","reloadReservation","current","setTimeout","clearTimeout","ImageFileMessage","message","children","variant","colors","imageNotFound","setImageNotFound","fileUrl","style","styles","image","backgroundColor","onBackground04","key","bubbleContainer","ui","enabled","background","uri","absoluteFill","hide","onBackground02","borderRadius","overflow","width","maxWidth","height","display"],"sources":["ImageFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform, StyleSheet, View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (hasError: boolean, retryCount = 5) => {\n if (Platform.OS === 'android') return '';\n\n const forceUpdate = useForceUpdate();\n const retryCountRef = useRef(1);\n const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n useEffect(() => {\n if (hasError) {\n const reloadReservation = () => {\n if (retryCountRef.current < retryCount) {\n retryTimeoutRef.current = setTimeout(() => {\n retryCountRef.current++;\n reloadReservation();\n forceUpdate();\n }, retryCountRef.current * 5000);\n }\n };\n\n return reloadReservation();\n } else {\n return clearTimeout(retryTimeoutRef.current);\n }\n }, [hasError]);\n\n return retryCountRef.current;\n};\n\nconst ImageFileMessage = ({ message, children, variant }: FileMessageProps) => {\n const { colors } = useUIKitTheme();\n const [imageNotFound, setImageNotFound] = useState(false);\n\n const fileUrl = getAvailableUriFromFileMessage(message);\n const style = [styles.image, { backgroundColor: colors.onBackground04 }];\n\n const key = useRetry(imageNotFound);\n\n return (\n <View style={[styles.bubbleContainer, { backgroundColor: colors.ui.message[variant].enabled.background }]}>\n <View style={style}>\n <Image\n key={key}\n source={{ uri: fileUrl }}\n style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}\n resizeMode={'cover'}\n resizeMethod={'resize'}\n onError={() => setImageNotFound(true)}\n onLoad={() => setImageNotFound(false)}\n />\n {imageNotFound && (\n <Icon\n containerStyle={StyleSheet.absoluteFill}\n icon={'thumbnail-none'}\n size={48}\n color={colors.onBackground02}\n />\n )}\n </View>\n {children}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n bubbleContainer: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n image: {\n width: 240,\n maxWidth: 240,\n height: 160,\n borderRadius: 16,\n overflow: 'hidden',\n },\n hide: {\n display: 'none',\n },\n});\n\nexport default ImageFileMessage;\n"],"mappings":"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"}

package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js CHANGED Viewed

@@ -50,13 +50,15 @@ const useRetry = function (videoFileUrl) {
 const VideoFileMessage = _ref => {
   let {
-    message
+    message,
+    variant,
+    children
   } = _ref;
   const {
     colors
   } = useUIKitTheme();
   const fileUrl = getAvailableUriFromFileMessage(message);
-  const style = [styles.image, {
+  const style = [styles.video, {
     backgroundColor: colors.onBackground04
   }];
   const {
@@ -66,12 +68,22 @@ const VideoFileMessage = _ref => {
   if (loading) {
     return /*#__PURE__*/React.createElement(View, {
-      style: [style, styles.container]
-    }, /*#__PURE__*/React.createElement(PlayIcon, null));
+      style: [styles.bubbleContainer, {
+        backgroundColor: colors.ui.message[variant].enabled.background
+      }]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.bubbleContainer, styles.bubbleInnerContainer]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: style
+    }), /*#__PURE__*/React.createElement(PlayIcon, null)), children);
   }
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.bubbleContainer, {
+      backgroundColor: colors.ui.message[variant].enabled.background
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.bubbleContainer, styles.bubbleInnerContainer]
   }, /*#__PURE__*/React.createElement(Image, {
     source: {
       uri: thumbnail || fileUrl
@@ -79,7 +91,7 @@ const VideoFileMessage = _ref => {
     style: style,
     resizeMode: 'cover',
     resizeMethod: 'resize'
-  }), /*#__PURE__*/React.createElement(PlayIcon, null));
+  }), /*#__PURE__*/React.createElement(PlayIcon, null)), children);
 };
 const PlayIcon = () => {
@@ -97,15 +109,18 @@ const PlayIcon = () => {
 };
 const styles = createStyleSheet({
-  container: {
+  bubbleContainer: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
+  bubbleInnerContainer: {
     alignItems: 'center',
     justifyContent: 'center'
   },
-  image: {
+  video: {
     width: 240,
     maxWidth: 240,
-    height: 160,
-    borderRadius: 16
+    height: 160
   },
   playIcon: {
     position: 'absolute',

package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","usePlatformService","useRetry","videoFileUrl","retryCount","state","setState","thumbnail","loading","retryCountRef","retryTimeoutRef","mediaService","fetchThumbnail","getVideoThumbnail","url","timeMills","then","result","path","reloadReservation","current","setTimeout","clearTimeout","VideoFileMessage","message","colors","fileUrl","style","styles","~~image~~","backgroundColor","onBackground04","~~container~~","uri","PlayIcon","onBackground02","playIcon","onBackgroundReverse01","alignItems","justifyContent","width","maxWidth","height","~~borderRadius","~~position","padding"],"sources":["VideoFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (videoFileUrl: string, retryCount = 5) => {\n const [state, setState] = useState({ thumbnail: null as null \| string, loading: true });\n const retryCountRef = useRef(0);\n const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n const { mediaService } = usePlatformService();\n\n const fetchThumbnail = () => {\n return mediaService?.getVideoThumbnail({ url: videoFileUrl, timeMills: 1000 }).then((result) => {\n setState({ loading: false, thumbnail: result?.path ?? null });\n });\n };\n\n useEffect(() => {\n if (!state.thumbnail) {\n const reloadReservation = () => {\n if (retryCountRef.current < retryCount) {\n retryTimeoutRef.current = setTimeout(() => {\n retryCountRef.current++;\n reloadReservation();\n fetchThumbnail();\n }, retryCountRef.current * 5000);\n }\n };\n\n return reloadReservation();\n } else {\n return clearTimeout(retryTimeoutRef.current);\n }\n }, [state.thumbnail]);\n\n return state;\n};\n\nconst VideoFileMessage = ({ message }: FileMessageProps) => {\n const { colors } = useUIKitTheme();\n\n const fileUrl = getAvailableUriFromFileMessage(message);\n const style = [styles.~~image~~, { backgroundColor: colors.onBackground04 }];\n\n const { loading, thumbnail } = useRetry(fileUrl);\n\n if (loading) {\n return (\n <View style={[style, styles.~~container~~]}>\n <PlayIcon />\n </View>\n );\n }\n\n return (\n <View style={styles.~~container~~}>\n <Image source={{ uri: thumbnail \|\| fileUrl }} style={style} resizeMode={'cover'} resizeMethod={'resize'} />\n <PlayIcon />\n </View>\n );\n};\n\nconst PlayIcon = () => {\n const { colors } = useUIKitTheme();\n\n return (\n <Icon\n icon={'play'}\n size={28}\n color={colors.onBackground02}\n containerStyle={[styles.playIcon, { backgroundColor: colors.onBackgroundReverse01 }]}\n />\n );\n};\n\nconst styles = createStyleSheet({\n ~~container~~: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n ~~image~~: {\n width: 240,\n maxWidth: 240,\n height: 160,\n ~~borderRadius: 16,\n~~ },\n playIcon: {\n position: 'absolute',\n padding: 10,\n borderRadius: 50,\n },\n});\n\nexport default VideoFileMessage;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,gBAAtB,EAAwCC,aAAxC,QAA6D,yCAA7D;AACA,SAASC,8BAAT,QAA+C,uBAA/C;AAEA,SAASC,kBAAT,QAAmC,2BAAnC;;AAGA,MAAMC,QAAQ,GAAG,UAACC,YAAD,EAA0C;EAAA,IAAnBC,UAAmB,uEAAN,CAAM;EACzD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBZ,QAAQ,CAAC;IAAEa,SAAS,EAAE,IAAb;IAAoCC,OAAO,EAAE;EAA7C,CAAD,CAAlC;EACA,MAAMC,aAAa,GAAGhB,MAAM,CAAC,CAAD,CAA5B;EACA,MAAMiB,eAAe,GAAGjB,MAAM,EAA9B;EAEA,MAAM;IAAEkB;EAAF,IAAmBV,kBAAkB,EAA3C;;EAEA,MAAMW,cAAc,GAAG,MAAM;IAC3B,OAAOD,YAAP,aAAOA,YAAP,uBAAOA,YAAY,CAAEE,iBAAd,CAAgC;MAAEC,GAAG,EAAEX,YAAP;MAAqBY,SAAS,EAAE;IAAhC,CAAhC,EAAwEC,IAAxE,CAA8EC,MAAD,IAAY;MAC9FX,QAAQ,CAAC;QAAEE,OAAO,EAAE,KAAX;QAAkBD,SAAS,EAAE,CAAAU,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEC,IAAR,KAAgB;MAA7C,CAAD,CAAR;IACD,CAFM,CAAP;EAGD,CAJD;;EAMA1B,SAAS,CAAC,MAAM;IACd,IAAI,CAACa,KAAK,CAACE,SAAX,EAAsB;MACpB,MAAMY,iBAAiB,GAAG,MAAM;QAC9B,IAAIV,aAAa,CAACW,OAAd,GAAwBhB,UAA5B,EAAwC;UACtCM,eAAe,CAACU,OAAhB,GAA0BC,UAAU,CAAC,MAAM;YACzCZ,aAAa,CAACW,OAAd;YACAD,iBAAiB;YACjBP,cAAc;UACf,CAJmC,EAIjCH,aAAa,CAACW,OAAd,GAAwB,IAJS,CAApC;QAKD;MACF,CARD;;MAUA,OAAOD,iBAAiB,EAAxB;IACD,CAZD,MAYO;MACL,OAAOG,YAAY,CAACZ,eAAe,CAACU,OAAjB,CAAnB;IACD;EACF,CAhBQ,EAgBN,CAACf,KAAK,CAACE,SAAP,CAhBM,CAAT;EAkBA,OAAOF,KAAP;AACD,CAhCD;;AAkCA,MAAMkB,gBAAgB,GAAG,~~QAAmC~~;EAAA,~~IAAlC~~;IAAEC;~~EAAF~~,~~CAAkC~~;~~EAC1D~~,MAAM;IAAEC;EAAF,~~IAAa1B~~,aAAa,EAAhC;EAEA,~~MAAM2B~~,OAAO,~~GAAG1B~~,8BAA8B,CAACwB,OAAD,CAA9C;EACA,~~MAAMG~~,KAAK,GAAG,CAACC,MAAM,CAACC,KAAR,EAAe;IAAEC,eAAe,EAAEL,MAAM,CAACM;EAA1B,CAAf,CAAd;EAEA,MAAM;~~IAAEvB~~,OAAF;IAAWD;EAAX,IAAyBL,QAAQ,~~CAACwB~~,OAAD,CAAvC;;EAEA,~~IAAIlB~~,OAAJ,EAAa;IACX,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAE,~~CAACmB~~,~~KAAD~~,~~EAAQC~~,MAAM,CAACI,~~SAAf~~;IAAb,gBACE,oBAAC,QAAD,~~OADF~~,CADF;~~EAKD~~;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,~~EAAEJ~~,MAAM,CAACI;~~EAApB~~,gBACE,oBAAC,KAAD;IAAO,MAAM,EAAE;MAAEC,GAAG,~~EAAE1B~~,SAAS,~~IAAImB~~;IAApB,CAAf;IAA8C,KAAK,EAAEC,KAArD;IAA4D,UAAU,EAAE,OAAxE;IAAiF,YAAY,EAAE;EAA/F,EADF,eAEE,oBAAC,QAAD,OAFF,CADF;~~AAMD~~,~~CAtBD~~;;~~AAwBA~~,~~MAAMO~~,QAAQ,GAAG,MAAM;EACrB,MAAM;~~IAAET~~;EAAF,~~IAAa1B~~,aAAa,EAAhC;EAEA,oBACE,oBAAC,IAAD;IACE,IAAI,EAAE,MADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,~~EAAE0B~~,MAAM,~~CAACU~~,cAHhB;IAIE,cAAc,EAAE,~~CAACP~~,MAAM,~~CAACQ~~,QAAR,EAAkB;~~MAAEN~~,eAAe,EAAEL,MAAM,~~CAACY~~;IAA1B,CAAlB;EAJlB,EADF;AAQD,CAXD;;AAaA,~~MAAMT~~,MAAM,~~GAAG9B~~,gBAAgB,CAAC;~~EAC9BkC~~,~~SAAS~~,EAAE;~~IACTM~~,UAAU,EAAE,~~QADH~~;~~IAETC~~,cAAc,EAAE;~~EAFP~~,~~CADmB~~;~~EAK9BV~~,KAAK,EAAE;~~IACLW~~,KAAK,EAAE,GADF;IAELC,QAAQ,EAAE,GAFL;IAGLC,MAAM,EAAE~~,GAHH~~;~~IAILC~~,~~YAAY,EAAE~~;~~EAJT~~,~~CALuB;EAW9BP,~~QAAQ,EAAE;~~IACRQ~~,QAAQ,EAAE,UADF;IAERC,OAAO,EAAE,EAFD;~~IAGRF~~,YAAY,EAAE;EAHN;~~AAXoB~~,CAAD,CAA/B;~~AAkBA~~,~~eAAepB~~,gBAAf"}
1	+ {"version":3,"names":["React","useEffect","useRef","useState","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","usePlatformService","useRetry","videoFileUrl","retryCount","state","setState","thumbnail","loading","retryCountRef","retryTimeoutRef","mediaService","fetchThumbnail","getVideoThumbnail","url","timeMills","then","result","path","reloadReservation","current","setTimeout","clearTimeout","VideoFileMessage","message","variant","children","colors","fileUrl","style","styles","video","backgroundColor","onBackground04","bubbleContainer","ui","enabled","background","bubbleInnerContainer","uri","PlayIcon","onBackground02","playIcon","onBackgroundReverse01","borderRadius","overflow","alignItems","justifyContent","width","maxWidth","height","position","padding"],"sources":["VideoFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (videoFileUrl: string, retryCount = 5) => {\n const [state, setState] = useState({ thumbnail: null as null \| string, loading: true });\n const retryCountRef = useRef(0);\n const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n const { mediaService } = usePlatformService();\n\n const fetchThumbnail = () => {\n return mediaService?.getVideoThumbnail({ url: videoFileUrl, timeMills: 1000 }).then((result) => {\n setState({ loading: false, thumbnail: result?.path ?? null });\n });\n };\n\n useEffect(() => {\n if (!state.thumbnail) {\n const reloadReservation = () => {\n if (retryCountRef.current < retryCount) {\n retryTimeoutRef.current = setTimeout(() => {\n retryCountRef.current++;\n reloadReservation();\n fetchThumbnail();\n }, retryCountRef.current * 5000);\n }\n };\n\n return reloadReservation();\n } else {\n return clearTimeout(retryTimeoutRef.current);\n }\n }, [state.thumbnail]);\n\n return state;\n};\n\nconst VideoFileMessage = ({ message, variant, children }: FileMessageProps) => {\n const { colors } = useUIKitTheme();\n\n const fileUrl = getAvailableUriFromFileMessage(message);\n const style = [styles.video, { backgroundColor: colors.onBackground04 }];\n\n const { loading, thumbnail } = useRetry(fileUrl);\n\n if (loading) {\n return (\n <View style={[styles.bubbleContainer, { backgroundColor: colors.ui.message[variant].enabled.background }]}>\n <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>\n <View style={style} />\n <PlayIcon />\n </View>\n {children}\n </View>\n );\n }\n\n return (\n <View style={[styles.bubbleContainer, { backgroundColor: colors.ui.message[variant].enabled.background }]}>\n <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>\n <Image source={{ uri: thumbnail \|\| fileUrl }} style={style} resizeMode={'cover'} resizeMethod={'resize'} />\n <PlayIcon />\n </View>\n {children}\n </View>\n );\n};\n\nconst PlayIcon = () => {\n const { colors } = useUIKitTheme();\n\n return (\n <Icon\n icon={'play'}\n size={28}\n color={colors.onBackground02}\n containerStyle={[styles.playIcon, { backgroundColor: colors.onBackgroundReverse01 }]}\n />\n );\n};\n\nconst styles = createStyleSheet({\n bubbleContainer: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n bubbleInnerContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n video: {\n width: 240,\n maxWidth: 240,\n height: 160,\n },\n playIcon: {\n position: 'absolute',\n padding: 10,\n borderRadius: 50,\n },\n});\n\nexport default VideoFileMessage;\n"],"mappings":"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"}

package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from 'react';
-import { View } from 'react-native';
+import { Pressable, View } from 'react-native';
 import { Avatar, createStyleSheet } from '@sendbird/uikit-react-native-foundation';
+import { useUserProfile } from '../../hooks/useContext';
 const MessageIncomingAvatar = _ref => {
   var _message$sender;
@@ -9,15 +10,20 @@ const MessageIncomingAvatar = _ref => {
     message,
     grouping
   } = _ref;
+  const {
+    show
+  } = useUserProfile();
   if (grouping) return /*#__PURE__*/React.createElement(View, {
     style: styles.avatar
   });
   return /*#__PURE__*/React.createElement(View, {
     style: styles.avatar
-  }, (message.isFileMessage() || message.isUserMessage()) && /*#__PURE__*/React.createElement(Avatar, {
+  }, (message.isFileMessage() || message.isUserMessage()) && /*#__PURE__*/React.createElement(Pressable, {
+    onPress: () => show(message.sender)
+  }, /*#__PURE__*/React.createElement(Avatar, {
     size: 26,
     uri: (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl
-  }));
+  })));
 };
 const styles = createStyleSheet({

package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Avatar","createStyleSheet","MessageIncomingAvatar","message","grouping","styles","avatar","isFileMessage","isUserMessage","sender","profileUrl","width","marginRight"],"sources":["MessageIncomingAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\ntype Props = {\n message: SendbirdMessage;\n grouping: boolean;\n};\nconst MessageIncomingAvatar = ({ message, grouping }: Props) => {\n if (grouping) return <View style={styles.avatar} />;\n return (\n <View style={styles.avatar}>\n {(message.isFileMessage() \|\| message.isUserMessage()) && <Avatar size={26} uri={message.sender?.profileUrl} />}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n avatar: {\n width: 26,\n marginRight: 12,\n },\n});\n\nexport default MessageIncomingAvatar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,~~IAAT~~,~~QAAqB~~,~~cAArB~~;AAEA,SAASC,MAAT,EAAiBC,gBAAjB,QAAyC,yCAAzC;;~~AAOA~~,MAAMC,qBAAqB,GAAG,QAAkC;EAAA;;EAAA,IAAjC;IAAEC,OAAF;IAAWC;EAAX,CAAiC;EAC9D,~~IAAIA~~,QAAJ,EAAc,oBAAO,oBAAC,IAAD;IAAM,KAAK,~~EAAEC~~,MAAM,CAACC;EAApB,EAAP;EACd,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAED,MAAM,CAACC;EAApB,GACG,~~CAACH~~,OAAO,~~CAACI~~,aAAR,~~MAA2BJ~~,OAAO,~~CAACK~~,aAAR,EAA5B,~~kBAAwD~~,oBAAC,MAAD;IAAQ,IAAI,EAAE,EAAd;IAAkB,GAAG,~~qBAAEL~~,OAAO,~~CAACM~~,MAAV,oDAAE,gBAAgBC;EAAvC,~~EAD3D~~,CADF;~~AAKD~~,~~CAPD~~;;~~AASA~~,MAAML,MAAM,~~GAAGJ~~,gBAAgB,CAAC;~~EAC9BK~~,MAAM,EAAE;IACNK,KAAK,EAAE,EADD;IAENC,WAAW,EAAE;EAFP;AADsB,CAAD,CAA/B;AAOA,~~eAAeV~~,qBAAf"}
1	+ {"version":3,"names":["React","Pressable","View","Avatar","createStyleSheet","useUserProfile","MessageIncomingAvatar","message","grouping","show","styles","avatar","isFileMessage","isUserMessage","sender","profileUrl","width","marginRight"],"sources":["MessageIncomingAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { Avatar, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useUserProfile } from '../../hooks/useContext';\n\ntype Props = {\n message: SendbirdMessage;\n grouping: boolean;\n};\nconst MessageIncomingAvatar = ({ message, grouping }: Props) => {\n const { show } = useUserProfile();\n if (grouping) return <View style={styles.avatar} />;\n return (\n <View style={styles.avatar}>\n {(message.isFileMessage() \|\| message.isUserMessage()) && (\n <Pressable onPress={() => show(message.sender)}>\n <Avatar size={26} uri={message.sender?.profileUrl} />\n </Pressable>\n )}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n avatar: {\n width: 26,\n marginRight: 12,\n },\n});\n\nexport default MessageIncomingAvatar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,cAAhC;AAEA,SAASC,MAAT,EAAiBC,gBAAjB,QAAyC,yCAAzC;AAGA,SAASC,cAAT,QAA+B,wBAA/B;;AAMA,MAAMC,qBAAqB,GAAG,QAAkC;EAAA;;EAAA,IAAjC;IAAEC,OAAF;IAAWC;EAAX,CAAiC;EAC9D,MAAM;IAAEC;EAAF,IAAWJ,cAAc,EAA/B;EACA,IAAIG,QAAJ,EAAc,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEE,MAAM,CAACC;EAApB,EAAP;EACd,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAED,MAAM,CAACC;EAApB,GACG,CAACJ,OAAO,CAACK,aAAR,MAA2BL,OAAO,CAACM,aAAR,EAA5B,kBACC,oBAAC,SAAD;IAAW,OAAO,EAAE,MAAMJ,IAAI,CAACF,OAAO,CAACO,MAAT;EAA9B,gBACE,oBAAC,MAAD;IAAQ,IAAI,EAAE,EAAd;IAAkB,GAAG,qBAAEP,OAAO,CAACO,MAAV,oDAAE,gBAAgBC;EAAvC,EADF,CAFJ,CADF;AASD,CAZD;;AAcA,MAAML,MAAM,GAAGN,gBAAgB,CAAC;EAC9BO,MAAM,EAAE;IACNK,KAAK,EAAE,EADD;IAENC,WAAW,EAAE;EAFP;AADsB,CAAD,CAA/B;AAOA,eAAeX,qBAAf"}