@sendbird/uikit-react-native 2.2.0 → 2.4.0

package/lib/commonjs/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/SendInput.js

@@ -15,11 +15,11 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 
 var _uikitUtils = require("@sendbird/uikit-utils");
 
-var _useContext = require("../../../../hooks/useContext");
+var _useContext = require("../../hooks/useContext");
 
-var _SBUError = _interopRequireDefault(require("../../../../libs/SBUError"));
+var _SBUError = _interopRequireDefault(require("../../libs/SBUError"));
 
-var _SBUUtils = _interopRequireDefault(require("../../../../libs/SBUUtils"));
+var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -29,24 +29,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, ref) {
   let {
+    onPressSendUserMessage,
+    onPressSendFileMessage,
     onSendUserMessage,
     onSendFileMessage,
     text,
     onChangeText,
-    disabled,
-    frozen,
-    muted,
     onSelectionChange,
-    mentionedUsers
+    mentionedUsers,
+    inputDisabled,
+    inputFrozen,
+    inputMuted
   } = _ref;
   const {
-    mentionManager
+    mentionManager,
+    imageCompressionConfig,
+    features
   } = (0, _useContext.useSendbirdChat)();
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
   const {
-    fileService
+    fileService,
+    mediaService
   } = (0, _useContext.usePlatformService)();
   const {
     colors
@@ -59,29 +64,54 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
   } = (0, _uikitReactNativeFoundation.useAlert)();
   const toast = (0, _uikitReactNativeFoundation.useToast)();
 
-  const onPressSend = () => {
-    const mention = {
-      userIds: mentionedUsers.map(it => it.user.userId),
-      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
-      type: _message.MentionType.USERS
-    };
-    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+  const sendUserMessage = () => {
+    const mentionType = _message.MentionType.USERS;
+    const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
+    const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);
+
+    if (onPressSendUserMessage) {
+      onPressSendUserMessage({
+        message: text,
+        mentionType,
+        mentionedUserIds,
+        mentionedMessageTemplate
+      }).catch(onFailureToSend);
+    } else if (onSendUserMessage) {
+      onSendUserMessage(text, {
+        type: mentionType,
+        userIds: mentionedUserIds,
+        messageTemplate: mentionedMessageTemplate
+      }).catch(onFailureToSend);
+    }
+
     onChangeText('');
   };
 
+  const sendFileMessage = file => {
+    if (onPressSendFileMessage) {
+      onPressSendFileMessage({
+        file
+      }).catch(onFailureToSend);
+    } else if (onSendFileMessage) {
+      onSendFileMessage(file).catch(onFailureToSend);
+    }
+  };
+
+  const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
+
   const onPressAttachment = () => {
     openSheet({
       sheetItems: [{
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,
+        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA,
         icon: 'camera',
         onPress: async () => {
-          const photo = await fileService.openCamera({
+          const mediaFile = await fileService.openCamera({
             mediaType: 'all',
             onOpenFailure: error => {
               if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
                 alert({
                   title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
-                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),
+                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
                   buttons: [{
                     text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
                     onPress: () => _SBUUtils.default.openSettings()
@@ -93,22 +123,39 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
             }
           });
 
-          if (photo) {
-            onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+          if (mediaFile) {
+            // Image compression
+            if ((0, _uikitUtils.isImage)(mediaFile.uri, mediaFile.type) && (0, _uikitUtils.shouldCompressImage)(mediaFile.uri, features.imageCompressionEnabled)) {
+              await _SBUUtils.default.safeRun(async () => {
+                const compressed = await mediaService.compressImage({
+                  uri: mediaFile.uri,
+                  maxWidth: imageCompressionConfig.width,
+                  maxHeight: imageCompressionConfig.height,
+                  compressionRate: imageCompressionConfig.compressionRate
+                });
+
+                if (compressed) {
+                  mediaFile.uri = compressed.uri;
+                  mediaFile.size = compressed.size;
+                }
+              });
+            }
+
+            sendFileMessage(mediaFile);
           }
         }
       }, {
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,
+        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,
         icon: 'photo',
         onPress: async () => {
-          const photo = await fileService.openMediaLibrary({
+          const mediaFiles = await fileService.openMediaLibrary({
             selectionLimit: 1,
             mediaType: 'all',
             onOpenFailure: error => {
               if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
                 alert({
                   title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
-                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),
+                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
                   buttons: [{
                     text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
                     onPress: () => _SBUUtils.default.openSettings()
@@ -120,33 +167,75 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
             }
           });
 
-          if (photo && photo[0]) {
-            onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+          if (mediaFiles && mediaFiles[0]) {
+            const mediaFile = mediaFiles[0]; // Image compression
+
+            if ((0, _uikitUtils.isImage)(mediaFile.uri, mediaFile.type) && (0, _uikitUtils.shouldCompressImage)(mediaFile.uri, features.imageCompressionEnabled)) {
+              await _SBUUtils.default.safeRun(async () => {
+                const compressed = await mediaService.compressImage({
+                  uri: mediaFile.uri,
+                  maxWidth: imageCompressionConfig.width,
+                  maxHeight: imageCompressionConfig.height,
+                  compressionRate: imageCompressionConfig.compressionRate
+                });
+
+                if (compressed) {
+                  mediaFile.uri = compressed.uri;
+                  mediaFile.size = compressed.size;
+                }
+              });
+            }
+
+            sendFileMessage(mediaFile);
           }
         }
       }, {
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,
+        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,
         icon: 'document',
         onPress: async () => {
-          const file = await fileService.openDocument({
+          const documentFile = await fileService.openDocument({
             onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error')
           });
 
-          if (file) {
-            onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+          if (documentFile) {
+            // Image compression
+            if ((0, _uikitUtils.isImage)(documentFile.uri, documentFile.type) && (0, _uikitUtils.shouldCompressImage)(documentFile.uri, features.imageCompressionEnabled)) {
+              await _SBUUtils.default.safeRun(async () => {
+                const compressed = await mediaService.compressImage({
+                  uri: documentFile.uri,
+                  maxWidth: imageCompressionConfig.width,
+                  maxHeight: imageCompressionConfig.height,
+                  compressionRate: imageCompressionConfig.compressionRate
+                });
+
+                if (compressed) {
+                  documentFile.uri = compressed.uri;
+                  documentFile.size = compressed.size;
+                }
+              });
+            }
+
+            sendFileMessage(documentFile);
           }
         }
       }]
     });
   };
 
+  const getPlaceholder = () => {
+    if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
+    if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
+    if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;
+    return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
+  };
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.sendInputContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     onPress: onPressAttachment,
-    disabled: disabled
+    disabled: inputDisabled
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
+    color: inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
     icon: 'add',
     size: 24,
     containerStyle: styles.iconAttach
@@ -155,15 +244,15 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
     multiline: true,
     disableFullscreenUI: true,
     onSelectionChange: onSelectionChange,
-    editable: !disabled,
+    editable: !inputDisabled,
     onChangeText: onChangeText,
     style: styles.input,
-    placeholder: (0, _uikitUtils.conditionChaining)([frozen, muted], [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE])
+    placeholder: getPlaceholder()
   }, mentionManager.textToMentionedComponents(text, mentionedUsers)), Boolean(text.trim()) && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPressSend,
-    disabled: disabled
+    onPress: sendUserMessage,
+    disabled: inputDisabled
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
+    color: inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
     icon: 'send',
     size: 24,
     containerStyle: styles.iconSend

package/lib/commonjs/components/ChannelInput/SendInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SendInput","forwardRef","ref","onPressSendUserMessage","onPressSendFileMessage","onSendUserMessage","onSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","mentionManager","imageCompressionConfig","features","useSendbirdChat","STRINGS","useLocalization","fileService","mediaService","usePlatformService","colors","useUIKitTheme","openSheet","useBottomSheet","alert","useAlert","toast","useToast","sendUserMessage","mentionType","MentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","message","catch","onFailureToSend","type","userIds","messageTemplate","sendFileMessage","file","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","LABELS","CHANNEL_INPUT_ATTACHMENT_CAMERA","icon","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","OPEN_CAMERA_ERROR","isImage","uri","shouldCompressImage","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","size","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","getPlaceholder","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_MUTED","styles","sendInputContainer","ui","input","default","disabled","highlight","active","iconAttach","textToMentionedComponents","Boolean","trim","iconSend","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","Platform","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { isImage, shouldCompressImage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUError from '../../libs/SBUError';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface SendInputProps extends ChannelInputProps {\n  text: string;\n  onChangeText: (val: string) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  mentionedUsers: MentionedUser[];\n}\n\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n  {\n    onPressSendUserMessage,\n    onPressSendFileMessage,\n    onSendUserMessage,\n    onSendFileMessage,\n    text,\n    onChangeText,\n    onSelectionChange,\n    mentionedUsers,\n    inputDisabled,\n    inputFrozen,\n    inputMuted,\n  },\n  ref,\n) {\n  const { mentionManager, imageCompressionConfig, features } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { fileService, mediaService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const sendUserMessage = () => {\n    const mentionType = MentionType.USERS;\n    const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n    const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);\n\n    if (onPressSendUserMessage) {\n      onPressSendUserMessage({\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToSend);\n    } else if (onSendUserMessage) {\n      onSendUserMessage(text, {\n        type: mentionType,\n        userIds: mentionedUserIds,\n        messageTemplate: mentionedMessageTemplate,\n      }).catch(onFailureToSend);\n    }\n\n    onChangeText('');\n  };\n\n  const sendFileMessage = (file: FileType) => {\n    if (onPressSendFileMessage) {\n      onPressSendFileMessage({ file }).catch(onFailureToSend);\n    } else if (onSendFileMessage) {\n      onSendFileMessage(file).catch(onFailureToSend);\n    }\n  };\n\n  const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const mediaFile = await fileService.openCamera({\n              mediaType: 'all',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n\n            if (mediaFile) {\n              // Image compression\n              if (\n                isImage(mediaFile.uri, mediaFile.type) &&\n                shouldCompressImage(mediaFile.uri, features.imageCompressionEnabled)\n              ) {\n                await SBUUtils.safeRun(async () => {\n                  const compressed = await mediaService.compressImage({\n                    uri: mediaFile.uri,\n                    maxWidth: imageCompressionConfig.width,\n                    maxHeight: imageCompressionConfig.height,\n                    compressionRate: imageCompressionConfig.compressionRate,\n                  });\n\n                  if (compressed) {\n                    mediaFile.uri = compressed.uri;\n                    mediaFile.size = compressed.size;\n                  }\n                });\n              }\n\n              sendFileMessage(mediaFile);\n            }\n          },\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const mediaFiles = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n\n            if (mediaFiles && mediaFiles[0]) {\n              const mediaFile = mediaFiles[0];\n\n              // Image compression\n              if (\n                isImage(mediaFile.uri, mediaFile.type) &&\n                shouldCompressImage(mediaFile.uri, features.imageCompressionEnabled)\n              ) {\n                await SBUUtils.safeRun(async () => {\n                  const compressed = await mediaService.compressImage({\n                    uri: mediaFile.uri,\n                    maxWidth: imageCompressionConfig.width,\n                    maxHeight: imageCompressionConfig.height,\n                    compressionRate: imageCompressionConfig.compressionRate,\n                  });\n\n                  if (compressed) {\n                    mediaFile.uri = compressed.uri;\n                    mediaFile.size = compressed.size;\n                  }\n                });\n              }\n\n              sendFileMessage(mediaFile);\n            }\n          },\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const documentFile = await fileService.openDocument({\n              onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (documentFile) {\n              // Image compression\n              if (\n                isImage(documentFile.uri, documentFile.type) &&\n                shouldCompressImage(documentFile.uri, features.imageCompressionEnabled)\n              ) {\n                await SBUUtils.safeRun(async () => {\n                  const compressed = await mediaService.compressImage({\n                    uri: documentFile.uri,\n                    maxWidth: imageCompressionConfig.width,\n                    maxHeight: imageCompressionConfig.height,\n                    compressionRate: imageCompressionConfig.compressionRate,\n                  });\n\n                  if (compressed) {\n                    documentFile.uri = compressed.uri;\n                    documentFile.size = compressed.size;\n                  }\n                });\n              }\n\n              sendFileMessage(documentFile);\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  const getPlaceholder = () => {\n    if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n    if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n    if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n\n    return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={inputDisabled}>\n        <Icon\n          color={inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        ref={ref}\n        multiline\n        disableFullscreenUI\n        onSelectionChange={onSelectionChange}\n        editable={!inputDisabled}\n        onChangeText={onChangeText}\n        style={styles.input}\n        placeholder={getPlaceholder()}\n      >\n        {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n      </TextInput>\n\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={sendUserMessage} disabled={inputDisabled}>\n          <Icon\n            color={\n              inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight\n            }\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AASA;;AAEA;;AACA;;AACA;;;;;;;;AAYA,MAAMA,SAAS,gBAAG,IAAAC,iBAAA,EAAwC,SAASD,SAAT,OAcxDE,GAdwD,EAexD;EAAA,IAdA;IACEC,sBADF;IAEEC,sBAFF;IAGEC,iBAHF;IAIEC,iBAJF;IAKEC,IALF;IAMEC,YANF;IAOEC,iBAPF;IAQEC,cARF;IASEC,aATF;IAUEC,WAVF;IAWEC;EAXF,CAcA;EACA,MAAM;IAAEC,cAAF;IAAkBC,sBAAlB;IAA0CC;EAA1C,IAAuD,IAAAC,2BAAA,GAA7D;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAAgC,IAAAC,8BAAA,GAAtC;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC;EAAF,IAAgB,IAAAC,0CAAA,GAAtB;EACA,MAAM;IAAEC;EAAF,IAAY,IAAAC,oCAAA,GAAlB;EACA,MAAMC,KAAK,GAAG,IAAAC,oCAAA,GAAd;;EAEA,MAAMC,eAAe,GAAG,MAAM;IAC5B,MAAMC,WAAW,GAAGC,oBAAA,CAAYC,KAAhC;IACA,MAAMC,gBAAgB,GAAGzB,cAAc,CAAC0B,GAAf,CAAoBC,EAAD,IAAQA,EAAE,CAACC,IAAH,CAAQC,MAAnC,CAAzB;IACA,MAAMC,wBAAwB,GAAG1B,cAAc,CAAC2B,8BAAf,CAA8ClC,IAA9C,EAAoDG,cAApD,CAAjC;;IAEA,IAAIP,sBAAJ,EAA4B;MAC1BA,sBAAsB,CAAC;QACrBuC,OAAO,EAAEnC,IADY;QAErByB,WAFqB;QAGrBG,gBAHqB;QAIrBK;MAJqB,CAAD,CAAtB,CAKGG,KALH,CAKSC,eALT;IAMD,CAPD,MAOO,IAAIvC,iBAAJ,EAAuB;MAC5BA,iBAAiB,CAACE,IAAD,EAAO;QACtBsC,IAAI,EAAEb,WADgB;QAEtBc,OAAO,EAAEX,gBAFa;QAGtBY,eAAe,EAAEP;MAHK,CAAP,CAAjB,CAIGG,KAJH,CAISC,eAJT;IAKD;;IAEDpC,YAAY,CAAC,EAAD,CAAZ;EACD,CArBD;;EAuBA,MAAMwC,eAAe,GAAIC,IAAD,IAAoB;IAC1C,IAAI7C,sBAAJ,EAA4B;MAC1BA,sBAAsB,CAAC;QAAE6C;MAAF,CAAD,CAAtB,CAAiCN,KAAjC,CAAuCC,eAAvC;IACD,CAFD,MAEO,IAAItC,iBAAJ,EAAuB;MAC5BA,iBAAiB,CAAC2C,IAAD,CAAjB,CAAwBN,KAAxB,CAA8BC,eAA9B;IACD;EACF,CAND;;EAQA,MAAMA,eAAe,GAAG,MAAMf,KAAK,CAACqB,IAAN,CAAWhC,OAAO,CAACiC,KAAR,CAAcC,cAAzB,EAAyC,OAAzC,CAA9B;;EAEA,MAAMC,iBAAiB,GAAG,MAAM;IAC9B5B,SAAS,CAAC;MACR6B,UAAU,EAAE,CACV;QACEC,KAAK,EAAErC,OAAO,CAACsC,MAAR,CAAeC,+BADxB;QAEEC,IAAI,EAAE,QAFR;QAGEC,OAAO,EAAE,YAAY;UACnB,MAAMC,SAAS,GAAG,MAAMxC,WAAW,CAACyC,UAAZ,CAAuB;YAC7CC,SAAS,EAAE,KADkC;YAE7CC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAeC,iBAAA,CAASC,IAAT,CAAcC,sBAAjC,EAAyD;gBACvDzC,KAAK,CAAC;kBACJ4B,KAAK,EAAErC,OAAO,CAACmD,MAAR,CAAeC,uBADlB;kBAEJ5B,OAAO,EAAExB,OAAO,CAACmD,MAAR,CAAeE,yBAAf,CACPrD,OAAO,CAACsC,MAAR,CAAegB,iBADR,EAEPtD,OAAO,CAACsC,MAAR,CAAeiB,mBAFR,CAFL;kBAMJC,OAAO,EAAE,CAAC;oBAAEnE,IAAI,EAAEW,OAAO,CAACmD,MAAR,CAAeM,oBAAvB;oBAA6ChB,OAAO,EAAE,MAAMiB,iBAAA,CAASC,YAAT;kBAA5D,CAAD;gBANL,CAAD,CAAL;cAQD,CATD,MASO;gBACLhD,KAAK,CAACqB,IAAN,CAAWhC,OAAO,CAACiC,KAAR,CAAc2B,iBAAzB,EAA4C,OAA5C;cACD;YACF;UAf4C,CAAvB,CAAxB;;UAkBA,IAAIlB,SAAJ,EAAe;YACb;YACA,IACE,IAAAmB,mBAAA,EAAQnB,SAAS,CAACoB,GAAlB,EAAuBpB,SAAS,CAACf,IAAjC,KACA,IAAAoC,+BAAA,EAAoBrB,SAAS,CAACoB,GAA9B,EAAmChE,QAAQ,CAACkE,uBAA5C,CAFF,EAGE;cACA,MAAMN,iBAAA,CAASO,OAAT,CAAiB,YAAY;gBACjC,MAAMC,UAAU,GAAG,MAAM/D,YAAY,CAACgE,aAAb,CAA2B;kBAClDL,GAAG,EAAEpB,SAAS,CAACoB,GADmC;kBAElDM,QAAQ,EAAEvE,sBAAsB,CAACwE,KAFiB;kBAGlDC,SAAS,EAAEzE,sBAAsB,CAAC0E,MAHgB;kBAIlDC,eAAe,EAAE3E,sBAAsB,CAAC2E;gBAJU,CAA3B,CAAzB;;gBAOA,IAAIN,UAAJ,EAAgB;kBACdxB,SAAS,CAACoB,GAAV,GAAgBI,UAAU,CAACJ,GAA3B;kBACApB,SAAS,CAAC+B,IAAV,GAAiBP,UAAU,CAACO,IAA5B;gBACD;cACF,CAZK,CAAN;YAaD;;YAED3C,eAAe,CAACY,SAAD,CAAf;UACD;QACF;MA7CH,CADU,EAgDV;QACEL,KAAK,EAAErC,OAAO,CAACsC,MAAR,CAAeoC,sCADxB;QAEElC,IAAI,EAAE,OAFR;QAGEC,OAAO,EAAE,YAAY;UACnB,MAAMkC,UAAU,GAAG,MAAMzE,WAAW,CAAC0E,gBAAZ,CAA6B;YACpDC,cAAc,EAAE,CADoC;YAEpDjC,SAAS,EAAE,KAFyC;YAGpDC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAeC,iBAAA,CAASC,IAAT,CAAcC,sBAAjC,EAAyD;gBACvDzC,KAAK,CAAC;kBACJ4B,KAAK,EAAErC,OAAO,CAACmD,MAAR,CAAeC,uBADlB;kBAEJ5B,OAAO,EAAExB,OAAO,CAACmD,MAAR,CAAeE,yBAAf,CACPrD,OAAO,CAACsC,MAAR,CAAewC,yBADR,EAEP9E,OAAO,CAACsC,MAAR,CAAeiB,mBAFR,CAFL;kBAMJC,OAAO,EAAE,CAAC;oBAAEnE,IAAI,EAAEW,OAAO,CAACmD,MAAR,CAAeM,oBAAvB;oBAA6ChB,OAAO,EAAE,MAAMiB,iBAAA,CAASC,YAAT;kBAA5D,CAAD;gBANL,CAAD,CAAL;cAQD,CATD,MASO;gBACLhD,KAAK,CAACqB,IAAN,CAAWhC,OAAO,CAACiC,KAAR,CAAc8C,wBAAzB,EAAmD,OAAnD;cACD;YACF;UAhBmD,CAA7B,CAAzB;;UAmBA,IAAIJ,UAAU,IAAIA,UAAU,CAAC,CAAD,CAA5B,EAAiC;YAC/B,MAAMjC,SAAS,GAAGiC,UAAU,CAAC,CAAD,CAA5B,CAD+B,CAG/B;;YACA,IACE,IAAAd,mBAAA,EAAQnB,SAAS,CAACoB,GAAlB,EAAuBpB,SAAS,CAACf,IAAjC,KACA,IAAAoC,+BAAA,EAAoBrB,SAAS,CAACoB,GAA9B,EAAmChE,QAAQ,CAACkE,uBAA5C,CAFF,EAGE;cACA,MAAMN,iBAAA,CAASO,OAAT,CAAiB,YAAY;gBACjC,MAAMC,UAAU,GAAG,MAAM/D,YAAY,CAACgE,aAAb,CAA2B;kBAClDL,GAAG,EAAEpB,SAAS,CAACoB,GADmC;kBAElDM,QAAQ,EAAEvE,sBAAsB,CAACwE,KAFiB;kBAGlDC,SAAS,EAAEzE,sBAAsB,CAAC0E,MAHgB;kBAIlDC,eAAe,EAAE3E,sBAAsB,CAAC2E;gBAJU,CAA3B,CAAzB;;gBAOA,IAAIN,UAAJ,EAAgB;kBACdxB,SAAS,CAACoB,GAAV,GAAgBI,UAAU,CAACJ,GAA3B;kBACApB,SAAS,CAAC+B,IAAV,GAAiBP,UAAU,CAACO,IAA5B;gBACD;cACF,CAZK,CAAN;YAaD;;YAED3C,eAAe,CAACY,SAAD,CAAf;UACD;QACF;MAhDH,CAhDU,EAkGV;QACEL,KAAK,EAAErC,OAAO,CAACsC,MAAR,CAAe0C,8BADxB;QAEExC,IAAI,EAAE,UAFR;QAGEC,OAAO,EAAE,YAAY;UACnB,MAAMwC,YAAY,GAAG,MAAM/E,WAAW,CAACgF,YAAZ,CAAyB;YAClDrC,aAAa,EAAE,MAAMlC,KAAK,CAACqB,IAAN,CAAWhC,OAAO,CAACiC,KAAR,CAAckD,gBAAzB,EAA2C,OAA3C;UAD6B,CAAzB,CAA3B;;UAIA,IAAIF,YAAJ,EAAkB;YAChB;YACA,IACE,IAAApB,mBAAA,EAAQoB,YAAY,CAACnB,GAArB,EAA0BmB,YAAY,CAACtD,IAAvC,KACA,IAAAoC,+BAAA,EAAoBkB,YAAY,CAACnB,GAAjC,EAAsChE,QAAQ,CAACkE,uBAA/C,CAFF,EAGE;cACA,MAAMN,iBAAA,CAASO,OAAT,CAAiB,YAAY;gBACjC,MAAMC,UAAU,GAAG,MAAM/D,YAAY,CAACgE,aAAb,CAA2B;kBAClDL,GAAG,EAAEmB,YAAY,CAACnB,GADgC;kBAElDM,QAAQ,EAAEvE,sBAAsB,CAACwE,KAFiB;kBAGlDC,SAAS,EAAEzE,sBAAsB,CAAC0E,MAHgB;kBAIlDC,eAAe,EAAE3E,sBAAsB,CAAC2E;gBAJU,CAA3B,CAAzB;;gBAOA,IAAIN,UAAJ,EAAgB;kBACde,YAAY,CAACnB,GAAb,GAAmBI,UAAU,CAACJ,GAA9B;kBACAmB,YAAY,CAACR,IAAb,GAAoBP,UAAU,CAACO,IAA/B;gBACD;cACF,CAZK,CAAN;YAaD;;YAED3C,eAAe,CAACmD,YAAD,CAAf;UACD;QACF;MA/BH,CAlGU;IADJ,CAAD,CAAT;EAsID,CAvID;;EAyIA,MAAMG,cAAc,GAAG,MAAM;IAC3B,IAAI,CAAC3F,aAAL,EAAoB,OAAOO,OAAO,CAACsC,MAAR,CAAe+C,gCAAtB;IACpB,IAAI3F,WAAJ,EAAiB,OAAOM,OAAO,CAACsC,MAAR,CAAegD,kCAAtB;IACjB,IAAI3F,UAAJ,EAAgB,OAAOK,OAAO,CAACsC,MAAR,CAAeiD,+BAAtB;IAEhB,OAAOvF,OAAO,CAACsC,MAAR,CAAegD,kCAAtB;EACD,CAND;;EAQA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEE,MAAM,CAACC;EAApB,gBACE,6BAAC,6BAAD;IAAkB,OAAO,EAAEtD,iBAA3B;IAA8C,QAAQ,EAAE1C;EAAxD,gBACE,6BAAC,gCAAD;IACE,KAAK,EAAEA,aAAa,GAAGY,MAAM,CAACqF,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,QAAxB,CAAiCC,SAApC,GAAgDzF,MAAM,CAACqF,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBG,MAAxB,CAA+BD,SADrG;IAEE,IAAI,EAAE,KAFR;IAGE,IAAI,EAAE,EAHR;IAIE,cAAc,EAAEN,MAAM,CAACQ;EAJzB,EADF,CADF,eASE,6BAAC,qCAAD;IACE,GAAG,EAAEhH,GADP;IAEE,SAAS,MAFX;IAGE,mBAAmB,MAHrB;IAIE,iBAAiB,EAAEO,iBAJrB;IAKE,QAAQ,EAAE,CAACE,aALb;IAME,YAAY,EAAEH,YANhB;IAOE,KAAK,EAAEkG,MAAM,CAACG,KAPhB;IAQE,WAAW,EAAEP,cAAc;EAR7B,GAUGxF,cAAc,CAACqG,yBAAf,CAAyC5G,IAAzC,EAA+CG,cAA/C,CAVH,CATF,EAsBG0G,OAAO,CAAC7G,IAAI,CAAC8G,IAAL,EAAD,CAAP,iBACC,6BAAC,6BAAD;IAAkB,OAAO,EAAEtF,eAA3B;IAA4C,QAAQ,EAAEpB;EAAtD,gBACE,6BAAC,gCAAD;IACE,KAAK,EACHA,aAAa,GAAGY,MAAM,CAACqF,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,QAAxB,CAAiCC,SAApC,GAAgDzF,MAAM,CAACqF,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBG,MAAxB,CAA+BD,SAFhG;IAIE,IAAI,EAAE,MAJR;IAKE,IAAI,EAAE,EALR;IAME,cAAc,EAAEN,MAAM,CAACY;EANzB,EADF,CAvBJ,CADF;AAqCD,CA/OiB,CAAlB;AAiPA,MAAMZ,MAAM,GAAG,IAAAa,4CAAA,EAAiB;EAC9BZ,kBAAkB,EAAE;IAClBa,eAAe,EAAE,EADC;IAElBC,iBAAiB,EAAE,EAFD;IAGlBC,UAAU,EAAE,QAHM;IAIlBC,aAAa,EAAE;EAJG,CADU;EAO9Bd,KAAK,EAAE;IACLe,IAAI,EAAE,CADD;IAELC,WAAW,EAAE,CAFR;IAGLC,SAAS,EAAE,EAHN;IAILtC,SAAS,EAAE,KAAKuC,qBAAA,CAASC,MAAT,CAAgB;MAAEC,GAAG,EAAE,GAAP;MAAYnB,OAAO,EAAE;IAArB,CAAhB,CAJX;IAKLoB,YAAY,EAAE;EALT,CAPuB;EAc9BhB,UAAU,EAAE;IACVW,WAAW,EAAE,CADH;IAEVM,OAAO,EAAE;EAFC,CAdkB;EAkB9Bb,QAAQ,EAAE;IACRc,UAAU,EAAE,CADJ;IAERD,OAAO,EAAE;EAFD;AAlBoB,CAAjB,CAAf;eAwBenI,S"}

package/lib/commonjs/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/index.js

@@ -15,11 +15,9 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 
 var _uikitUtils = require("@sendbird/uikit-utils");
 
-var _useContext = require("../../../../hooks/useContext");
+var _useContext = require("../../hooks/useContext");
 
-var _useMentionTextInput = _interopRequireDefault(require("../../../../hooks/useMentionTextInput"));
-
-var _moduleContext = require("../../module/moduleContext");
+var _useMentionTextInput = _interopRequireDefault(require("../../hooks/useMentionTextInput"));
 
 var _EditInput = _interopRequireDefault(require("./EditInput"));
 
@@ -44,12 +42,19 @@ const KEYBOARD_AVOID_VIEW_BEHAVIOR = _reactNative.Platform.select({
   default: undefined
 }); // FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)
 //  To workaround temporarily, change the key for re-mount the component.
+//  -> This will affect to keyboard blur when add/remove first mentioned user.
 
 
 const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input'; // TODO: Refactor 'Edit' mode to clearly
 
 
-const GroupChannelInput = props => {
+const ChannelInput = props => {
+  const {
+    channel,
+    keyboardAvoidOffset,
+    messageToEdit,
+    setMessageToEdit
+  } = props;
   const {
     top,
     left,
@@ -63,20 +68,6 @@ const GroupChannelInput = props => {
     features,
     mentionManager
   } = (0, _useContext.useSendbirdChat)();
-  const {
-    channel,
-    messageToEdit,
-    setMessageToEdit,
-    keyboardAvoidOffset = 0
-  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
-  const chatAvailableState = (0, _uikitUtils.getGroupChannelChatAvailableState)(channel);
-  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
-  const inputMode = (0, _uikitUtils.useIIFE)(() => {
-    if (!messageToEdit) return 'send';
-    if (messageToEdit.isFileMessage()) return 'send';
-    return 'edit';
-  });
-  const [inputHeight, setInputHeight] = (0, _react.useState)(styles.inputDefault.height);
   const {
     selection,
     onSelectionChange,
@@ -85,10 +76,18 @@ const GroupChannelInput = props => {
     onChangeText,
     mentionedUsers
   } = (0, _useMentionTextInput.default)({
-    messageToEdit: messageToEdit
+    messageToEdit
   });
+  const inputMode = (0, _uikitUtils.useIIFE)(() => {
+    if (!messageToEdit) return 'send';
+    if (messageToEdit.isFileMessage()) return 'send';
+    return 'edit';
+  });
+  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
+  const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
+  const [inputHeight, setInputHeight] = (0, _react.useState)(styles.inputDefault.height);
   useTypingTrigger(text, channel);
-  useTextPersistenceOnDisabled(text, onChangeText, chatAvailableState.disabled);
+  useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);
   useAutoFocusOnEditMode(textInputRef, messageToEdit);
 
   const onPressToMention = (user, searchStringRange) => {
@@ -121,27 +120,26 @@ const GroupChannelInput = props => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     onLayout: e => setInputHeight(e.nativeEvent.layout.height),
     style: styles.inputContainer
-  }, inputMode === 'send' && /*#__PURE__*/_react.default.createElement(_SendInput.default, _extends({}, props, chatAvailableState, {
-    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+  }, inputMode === 'send' && /*#__PURE__*/_react.default.createElement(_SendInput.default, _extends({}, props, {
+    key: inputKeyToRemount,
     ref: textInputRef,
     text: text,
     onChangeText: onChangeText,
     onSelectionChange: onSelectionChange,
     mentionedUsers: mentionedUsers
   })), inputMode === 'edit' && messageToEdit && /*#__PURE__*/_react.default.createElement(_EditInput.default, _extends({}, props, {
-    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+    key: inputKeyToRemount,
     ref: textInputRef,
-    autoFocus: AUTO_FOCUS,
     text: text,
     onChangeText: onChangeText,
-    messageToEdit: messageToEdit,
-    setMessageToEdit: setMessageToEdit,
-    disabled: chatAvailableState.disabled,
+    autoFocus: AUTO_FOCUS,
     onSelectionChange: onSelectionChange,
-    mentionedUsers: mentionedUsers
+    messageToEdit: messageToEdit,
+    mentionedUsers: mentionedUsers,
+    setMessageToEdit: setMessageToEdit
   }))), /*#__PURE__*/_react.default.createElement(SafeAreaBottom, {
     height: bottom
-  }))), mentionAvailable && /*#__PURE__*/_react.default.createElement(props.SuggestedMentionList, {
+  }))), mentionAvailable && props.SuggestedMentionList && /*#__PURE__*/_react.default.createElement(props.SuggestedMentionList, {
     text: text,
     selection: selection,
     inputHeight: inputHeight,
@@ -153,9 +151,11 @@ const GroupChannelInput = props => {
 };
 
 const useTypingTrigger = (text, channel) => {
-  (0, _react.useEffect)(() => {
-    if (text.length === 0) channel.endTyping();else channel.startTyping();
-  }, [text]);
+  if (channel.isGroupChannel()) {
+    (0, _react.useEffect)(() => {
+      if (text.length === 0) channel.endTyping();else channel.startTyping();
+    }, [text]);
+  }
 };
 
 const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
@@ -203,7 +203,7 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   }
 });
 
-var _default = /*#__PURE__*/_react.default.memo(GroupChannelInput);
+var _default = /*#__PURE__*/_react.default.memo(ChannelInput);
 
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/ChannelInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AUTO_FOCUS","Platform","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","features","mentionManager","useSendbirdChat","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useMentionTextInput","inputMode","useIIFE","isFileMessage","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","useState","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","replace","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","e","nativeEvent","layout","inputContainer","SuggestedMentionList","useEffect","endTyping","startTyping","setText","chatDisabled","textTmpRef","useRef","current","isUserMessage","setTimeout","focus","SafeAreaBottom","createStyleSheet","justifyContent","width","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, TextInput, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdBaseChannel,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMember,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n  replace,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser, Range } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\ntype UserMessageMentionParams = Required<{\n  messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n  userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n  type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport type SuggestedMentionListProps = {\n  text: string;\n  selection: Range;\n  topInset: number;\n  bottomInset: number;\n  inputHeight: number;\n  onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n  mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n  // default\n  channel: SendbirdBaseChannel;\n  shouldRenderInput: boolean;\n  keyboardAvoidOffset: number;\n\n  // default actions\n  onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n  onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n  onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n  onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n  // input status\n  inputFrozen: boolean;\n  inputMuted: boolean;\n  inputDisabled: boolean;\n\n  // edit\n  messageToEdit: undefined | SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n  // mention\n  SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;\n\n  /** @deprecated Please use `onPressSendUserMessage` **/\n  onSendFileMessage?: (file: FileType) => Promise<void>;\n  /** @deprecated Please use `onPressSendFileMessage` **/\n  onSendUserMessage?: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n  /** @deprecated Please use `onPressUpdateUserMessage` **/\n  onUpdateFileMessage?: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n  /** @deprecated Please use `onPressUpdateFileMessage` **/\n  onUpdateUserMessage?: (\n    editedText: string,\n    message: SendbirdUserMessage,\n    mention?: UserMessageMentionParams,\n  ) => Promise<void>;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\n\n// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)\n//  To workaround temporarily, change the key for re-mount the component.\n//  -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n  const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n  const { top, left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { features, mentionManager } = useSendbirdChat();\n\n  const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n    messageToEdit,\n  });\n  const inputMode = useIIFE(() => {\n    if (!messageToEdit) return 'send';\n    if (messageToEdit.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;\n  const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n  useTypingTrigger(text, channel);\n  useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);\n  useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n  const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\n    const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);\n    const range = { start: searchStringRange.start, end: searchStringRange.start + mentionedMessageText.length - 1 };\n\n    onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), { user, range });\n  };\n\n  if (!props.shouldRenderInput) {\n    return <SafeAreaBottom height={bottom} />;\n  }\n\n  return (\n    <>\n      <KeyboardAvoidingView\n        keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n        behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n      >\n        <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n          <View onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)} style={styles.inputContainer}>\n            {inputMode === 'send' && (\n              <SendInput\n                {...props}\n                key={inputKeyToRemount}\n                ref={textInputRef as never}\n                text={text}\n                onChangeText={onChangeText}\n                onSelectionChange={onSelectionChange}\n                mentionedUsers={mentionedUsers}\n              />\n            )}\n            {inputMode === 'edit' && messageToEdit && (\n              <EditInput\n                {...props}\n                key={inputKeyToRemount}\n                ref={textInputRef as never}\n                text={text}\n                onChangeText={onChangeText}\n                autoFocus={AUTO_FOCUS}\n                onSelectionChange={onSelectionChange}\n                messageToEdit={messageToEdit}\n                mentionedUsers={mentionedUsers}\n                setMessageToEdit={setMessageToEdit}\n              />\n            )}\n          </View>\n          <SafeAreaBottom height={bottom} />\n        </View>\n      </KeyboardAvoidingView>\n      {mentionAvailable && props.SuggestedMentionList && (\n        <props.SuggestedMentionList\n          text={text}\n          selection={selection}\n          inputHeight={inputHeight}\n          topInset={top}\n          bottomInset={bottom}\n          onPressToMention={onPressToMention}\n          mentionedUsers={mentionedUsers}\n        />\n      )}\n    </>\n  );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n  if (channel.isGroupChannel()) {\n    useEffect(() => {\n      if (text.length === 0) channel.endTyping();\n      else channel.startTyping();\n    }, [text]);\n  }\n};\n\nconst useTextPersistenceOnDisabled = (text: string, setText: (val: string) => void, chatDisabled: boolean) => {\n  const textTmpRef = useRef('');\n\n  useEffect(() => {\n    if (chatDisabled) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n  textInputRef: MutableRefObject<TextInput | undefined>,\n  messageToEdit?: SendbirdBaseMessage,\n) => {\n  useEffect(() => {\n    if (messageToEdit?.isUserMessage()) {\n      if (!AUTO_FOCUS) setTimeout(() => textInputRef.current?.focus(), 500);\n    }\n  }, [messageToEdit]);\n};\n\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n  return <View style={{ height }} />;\n};\n\nconst styles = createStyleSheet({\n  inputContainer: {\n    justifyContent: 'center',\n    width: '100%',\n  },\n  inputDefault: {\n    height: 56,\n  },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":"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"}

package/lib/commonjs/components/FileViewer.js

@@ -61,10 +61,8 @@ const FileViewer = _ref => {
   const canDelete = (0, _uikitUtils.isMyMessage)(fileMessage, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
   const fileType = (0, _uikitUtils.getFileType)(fileMessage.type || (0, _uikitUtils.getFileExtension)(fileMessage.url));
   (0, _react.useEffect)(() => {
-    if (!(mediaService !== null && mediaService !== void 0 && mediaService.VideoComponent) || fileType === 'file') {
-      onClose();
-    }
-  }, [mediaService]);
+    if (fileType === 'file') onClose();
+  }, []);
   const fileViewer = (0, _uikitUtils.useIIFE)(() => {
     switch (fileType) {
       case 'image':
@@ -82,7 +80,6 @@ const FileViewer = _ref => {
       case 'video':
       case 'audio':
         {
-          if (!(mediaService !== null && mediaService !== void 0 && mediaService.VideoComponent)) return null;
           return /*#__PURE__*/_react.default.createElement(mediaService.VideoComponent, {
             source: {
               uri: fileMessage.url
@@ -110,11 +107,11 @@ const FileViewer = _ref => {
       onPressDelete(fileMessage);
     } else {
       alert({
-        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
         buttons: [{
-          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL
+          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
         }, {
-          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,
+          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
           style: 'destructive',
           onPress: () => {
             deleteMessage().then(() => {

package/lib/commonjs/components/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileViewer","headerShown","deleteMessage","headerTopInset","fileMessage","onPressDownload","onPressDelete","onClose","loading","setLoading","useState","bottom","useSafeAreaInsets","currentUser","useSendbirdChat","palette","useUIKitTheme","topInset","statusBarTranslucent","defaultHeight","useHeaderStyle","STRINGS","useLocalization","fileService","mediaService","usePlatformService","toast","useToast","alert","useAlert","basicTopInset","canDelete","isMyMessage","userId","fileType","getFileType","type","getFileExtension","url","useEffect","VideoComponent","fileViewer","useIIFE","uri","StyleSheet","absoluteFill","top","_onPressDelete","title","GROUP_CHANNEL","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","onPress","then","catch","show","TOAST","DELETE_MSG_ERROR","_onPressDownload","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","response","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","flex","backgroundColor","background700","alignItems","justifyContent","position","primary300","FILE_VIEWER","TITLE","SUBTITLE","FileViewerHeader","subtitle","left","right","styles","headerContainer","paddingLeft","paddingHorizontal","paddingRight","paddingTop","height","overlay01","barButton","onBackgroundDark01","barTitleContainer","headerTitle","truncate","mode","maxLen","FileViewerFooter","bottomInset","deleteShown","footerContainer","paddingBottom","createStyleSheet","flexDirection","width","marginBottom"],"sources":["FileViewer.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StatusBar, StyleSheet, TouchableOpacity, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Icon,\n  Image,\n  LoadingSpinner,\n  Text,\n  createStyleSheet,\n  useAlert,\n  useHeaderStyle,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  toMegabyte,\n  truncate,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  fileMessage: SendbirdFileMessage;\n  deleteMessage: () => Promise<void>;\n\n  onClose: () => void;\n  onPressDownload?: (message: SendbirdFileMessage) => void;\n  onPressDelete?: (message: SendbirdFileMessage) => void;\n\n  headerShown?: boolean;\n  headerTopInset?: number;\n};\nconst FileViewer = ({\n  headerShown = true,\n  deleteMessage,\n  headerTopInset,\n  fileMessage,\n  onPressDownload,\n  onPressDelete,\n  onClose,\n}: Props) => {\n  const [loading, setLoading] = useState(true);\n\n  const { bottom } = useSafeAreaInsets();\n\n  const { currentUser } = useSendbirdChat();\n  const { palette } = useUIKitTheme();\n  const { topInset, statusBarTranslucent, defaultHeight } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n  const { fileService, mediaService } = usePlatformService();\n  const toast = useToast();\n  const { alert } = useAlert();\n\n  const basicTopInset = statusBarTranslucent ? topInset : 0;\n  const canDelete = isMyMessage(fileMessage, currentUser?.userId);\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.url));\n\n  useEffect(() => {\n    if (!mediaService?.VideoComponent || fileType === 'file') {\n      onClose();\n    }\n  }, [mediaService]);\n\n  const fileViewer = useIIFE(() => {\n    switch (fileType) {\n      case 'image': {\n        return (\n          <Image\n            source={{ uri: fileMessage.url }}\n            style={StyleSheet.absoluteFill}\n            resizeMode={'contain'}\n            onLoadEnd={() => setLoading(false)}\n          />\n        );\n      }\n\n      case 'video':\n      case 'audio': {\n        if (!mediaService?.VideoComponent) return null;\n        return (\n          <mediaService.VideoComponent\n            source={{ uri: fileMessage.url }}\n            style={[StyleSheet.absoluteFill, { top: basicTopInset + defaultHeight, bottom: defaultHeight + bottom }]}\n            resizeMode={'contain'}\n            onLoad={() => setLoading(false)}\n          />\n        );\n      }\n\n      default: {\n        return null;\n      }\n    }\n  });\n\n  const _onPressDelete = () => {\n    if (!canDelete) return;\n\n    if (onPressDelete) {\n      onPressDelete(fileMessage);\n    } else {\n      alert({\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n        buttons: [\n          {\n            text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n          },\n          {\n            text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n            style: 'destructive',\n            onPress: () => {\n              deleteMessage()\n                .then(() => {\n                  onClose();\n                })\n                .catch(() => {\n                  toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n                });\n            },\n          },\n        ],\n      });\n    }\n  };\n\n  const _onPressDownload = () => {\n    if (onPressDownload) {\n      onPressDownload(fileMessage);\n    } else {\n      if (toMegabyte(fileMessage.size) > 4) {\n        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: fileMessage.url, fileName: fileMessage.name, fileType: fileMessage.type })\n        .then((response) => {\n          toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  return (\n    <View style={{ flex: 1, backgroundColor: palette.background700 }}>\n      <StatusBar barStyle={'light-content'} animated />\n      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>\n        {fileViewer}\n        {loading && <LoadingSpinner style={{ position: 'absolute' }} size={40} color={palette.primary300} />}\n      </View>\n      {headerShown && (\n        <FileViewerHeader\n          title={STRINGS.FILE_VIEWER.TITLE(fileMessage)}\n          subtitle={STRINGS.FILE_VIEWER.SUBTITLE(fileMessage)}\n          topInset={headerTopInset ?? basicTopInset}\n          onClose={onClose}\n        />\n      )}\n      <FileViewerFooter\n        bottomInset={bottom}\n        deleteShown={canDelete}\n        onPressDelete={_onPressDelete}\n        onPressDownload={_onPressDownload}\n      />\n    </View>\n  );\n};\n\ntype HeaderProps = {\n  topInset: number;\n  onClose: () => void;\n  title: string;\n  subtitle: string;\n};\nconst FileViewerHeader = ({ topInset, onClose, subtitle, title }: HeaderProps) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <View\n      style={[\n        styles.headerContainer,\n        {\n          paddingLeft: styles.headerContainer.paddingHorizontal + left,\n          paddingRight: styles.headerContainer.paddingHorizontal + right,\n        },\n        { paddingTop: topInset, height: defaultHeight + topInset, backgroundColor: palette.overlay01 },\n      ]}\n    >\n      <TouchableOpacity onPress={onClose} style={styles.barButton}>\n        <Icon icon={'close'} size={24} color={palette.onBackgroundDark01} />\n      </TouchableOpacity>\n      <View style={styles.barTitleContainer}>\n        <Text h2 color={palette.onBackgroundDark01} style={styles.headerTitle} numberOfLines={1}>\n          {truncate(title, { mode: 'mid', maxLen: 18 })}\n        </Text>\n        <Text caption2 color={palette.onBackgroundDark01} numberOfLines={1}>\n          {subtitle}\n        </Text>\n      </View>\n      <View style={styles.barButton} />\n    </View>\n  );\n};\n\ntype FooterProps = {\n  bottomInset: number;\n  deleteShown: boolean;\n  onPressDelete: () => void;\n  onPressDownload: () => void;\n};\nconst FileViewerFooter = ({ bottomInset, deleteShown, onPressDelete, onPressDownload }: FooterProps) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <View\n      style={[\n        styles.footerContainer,\n        {\n          paddingLeft: styles.headerContainer.paddingHorizontal + left,\n          paddingRight: styles.headerContainer.paddingHorizontal + right,\n        },\n        {\n          paddingBottom: bottomInset,\n          height: defaultHeight + bottomInset,\n          backgroundColor: palette.overlay01,\n        },\n      ]}\n    >\n      <TouchableOpacity onPress={onPressDownload} style={styles.barButton}>\n        <Icon icon={'download'} size={24} color={palette.onBackgroundDark01} />\n      </TouchableOpacity>\n      <View style={styles.barTitleContainer} />\n      <TouchableOpacity onPress={onPressDelete} style={styles.barButton} disabled={!deleteShown}>\n        {deleteShown && <Icon icon={'delete'} size={24} color={palette.onBackgroundDark01} />}\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  headerContainer: {\n    top: 0,\n    left: 0,\n    right: 0,\n    position: 'absolute',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n  barButton: {\n    width: 32,\n    height: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  barTitleContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  headerTitle: {\n    marginBottom: 2,\n  },\n  footerContainer: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n});\n\nexport default FileViewer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAYA;;AAUA;;;;;;AAaA,MAAMA,UAAU,GAAG,QAQN;EAAA,IARO;IAClBC,WAAW,GAAG,IADI;IAElBC,aAFkB;IAGlBC,cAHkB;IAIlBC,WAJkB;IAKlBC,eALkB;IAMlBC,aANkB;IAOlBC;EAPkB,CAQP;EACX,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,IAAT,CAA9B;EAEA,MAAM;IAAEC;EAAF,IAAa,IAAAC,6CAAA,GAAnB;EAEA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,2BAAA,GAAxB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,yCAAA,GAApB;EACA,MAAM;IAAEC,QAAF;IAAYC,oBAAZ;IAAkCC;EAAlC,IAAoD,IAAAC,0CAAA,GAA1D;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAAgC,IAAAC,8BAAA,GAAtC;EACA,MAAMC,KAAK,GAAG,IAAAC,oCAAA,GAAd;EACA,MAAM;IAAEC;EAAF,IAAY,IAAAC,oCAAA,GAAlB;EAEA,MAAMC,aAAa,GAAGZ,oBAAoB,GAAGD,QAAH,GAAc,CAAxD;EACA,MAAMc,SAAS,GAAG,IAAAC,uBAAA,EAAY5B,WAAZ,EAAyBS,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEoB,MAAtC,CAAlB;EACA,MAAMC,QAAQ,GAAG,IAAAC,uBAAA,EAAY/B,WAAW,CAACgC,IAAZ,IAAoB,IAAAC,4BAAA,EAAiBjC,WAAW,CAACkC,GAA7B,CAAhC,CAAjB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAI,EAACf,YAAD,aAACA,YAAD,eAACA,YAAY,CAAEgB,cAAf,KAAiCN,QAAQ,KAAK,MAAlD,EAA0D;MACxD3B,OAAO;IACR;EACF,CAJD,EAIG,CAACiB,YAAD,CAJH;EAMA,MAAMiB,UAAU,GAAG,IAAAC,mBAAA,EAAQ,MAAM;IAC/B,QAAQR,QAAR;MACE,KAAK,OAAL;QAAc;UACZ,oBACE,6BAAC,iCAAD;YACE,MAAM,EAAE;cAAES,GAAG,EAAEvC,WAAW,CAACkC;YAAnB,CADV;YAEE,KAAK,EAAEM,uBAAA,CAAWC,YAFpB;YAGE,UAAU,EAAE,SAHd;YAIE,SAAS,EAAE,MAAMpC,UAAU,CAAC,KAAD;UAJ7B,EADF;QAQD;;MAED,KAAK,OAAL;MACA,KAAK,OAAL;QAAc;UACZ,IAAI,EAACe,YAAD,aAACA,YAAD,eAACA,YAAY,CAAEgB,cAAf,CAAJ,EAAmC,OAAO,IAAP;UACnC,oBACE,6BAAC,YAAD,CAAc,cAAd;YACE,MAAM,EAAE;cAAEG,GAAG,EAAEvC,WAAW,CAACkC;YAAnB,CADV;YAEE,KAAK,EAAE,CAACM,uBAAA,CAAWC,YAAZ,EAA0B;cAAEC,GAAG,EAAEhB,aAAa,GAAGX,aAAvB;cAAsCR,MAAM,EAAEQ,aAAa,GAAGR;YAA9D,CAA1B,CAFT;YAGE,UAAU,EAAE,SAHd;YAIE,MAAM,EAAE,MAAMF,UAAU,CAAC,KAAD;UAJ1B,EADF;QAQD;;MAED;QAAS;UACP,OAAO,IAAP;QACD;IA3BH;EA6BD,CA9BkB,CAAnB;;EAgCA,MAAMsC,cAAc,GAAG,MAAM;IAC3B,IAAI,CAAChB,SAAL,EAAgB;;IAEhB,IAAIzB,aAAJ,EAAmB;MACjBA,aAAa,CAACF,WAAD,CAAb;IACD,CAFD,MAEO;MACLwB,KAAK,CAAC;QACJoB,KAAK,EAAE3B,OAAO,CAAC4B,aAAR,CAAsBC,mCADzB;QAEJC,OAAO,EAAE,CACP;UACEC,IAAI,EAAE/B,OAAO,CAAC4B,aAAR,CAAsBI;QAD9B,CADO,EAIP;UACED,IAAI,EAAE/B,OAAO,CAAC4B,aAAR,CAAsBK,gCAD9B;UAEEC,KAAK,EAAE,aAFT;UAGEC,OAAO,EAAE,MAAM;YACbtD,aAAa,GACVuD,IADH,CACQ,MAAM;cACVlD,OAAO;YACR,CAHH,EAIGmD,KAJH,CAIS,MAAM;cACXhC,KAAK,CAACiC,IAAN,CAAWtC,OAAO,CAACuC,KAAR,CAAcC,gBAAzB,EAA2C,OAA3C;YACD,CANH;UAOD;QAXH,CAJO;MAFL,CAAD,CAAL;IAqBD;EACF,CA5BD;;EA8BA,MAAMC,gBAAgB,GAAG,MAAM;IAC7B,IAAIzD,eAAJ,EAAqB;MACnBA,eAAe,CAACD,WAAD,CAAf;IACD,CAFD,MAEO;MACL,IAAI,IAAA2D,sBAAA,EAAW3D,WAAW,CAAC4D,IAAvB,IAA+B,CAAnC,EAAsC;QACpCtC,KAAK,CAACiC,IAAN,CAAWtC,OAAO,CAACuC,KAAR,CAAcK,cAAzB,EAAyC,SAAzC;MACD;;MAED1C,WAAW,CACR2C,IADH,CACQ;QAAEC,OAAO,EAAE/D,WAAW,CAACkC,GAAvB;QAA4B8B,QAAQ,EAAEhE,WAAW,CAACiE,IAAlD;QAAwDnC,QAAQ,EAAE9B,WAAW,CAACgC;MAA9E,CADR,EAEGqB,IAFH,CAESa,QAAD,IAAc;QAClB5C,KAAK,CAACiC,IAAN,CAAWtC,OAAO,CAACuC,KAAR,CAAcW,WAAzB,EAAsC,SAAtC;;QACAC,kBAAA,CAAOC,GAAP,CAAW,eAAX,EAA4BH,QAA5B;MACD,CALH,EAMGZ,KANH,CAMUgB,GAAD,IAAS;QACdhD,KAAK,CAACiC,IAAN,CAAWtC,OAAO,CAACuC,KAAR,CAAce,cAAzB,EAAyC,OAAzC;;QACAH,kBAAA,CAAOC,GAAP,CAAW,mBAAX,EAAgCC,GAAhC;MACD,CATH;IAUD;EACF,CAnBD;;EAqBA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEE,IAAI,EAAE,CAAR;MAAWC,eAAe,EAAE9D,OAAO,CAAC+D;IAApC;EAAb,gBACE,6BAAC,sBAAD;IAAW,QAAQ,EAAE,eAArB;IAAsC,QAAQ;EAA9C,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEF,IAAI,EAAE,CAAR;MAAWG,UAAU,EAAE,QAAvB;MAAiCC,cAAc,EAAE;IAAjD;EAAb,GACGvC,UADH,EAEGjC,OAAO,iBAAI,6BAAC,0CAAD;IAAgB,KAAK,EAAE;MAAEyE,QAAQ,EAAE;IAAZ,CAAvB;IAAiD,IAAI,EAAE,EAAvD;IAA2D,KAAK,EAAElE,OAAO,CAACmE;EAA1E,EAFd,CAFF,EAMGjF,WAAW,iBACV,6BAAC,gBAAD;IACE,KAAK,EAAEoB,OAAO,CAAC8D,WAAR,CAAoBC,KAApB,CAA0BhF,WAA1B,CADT;IAEE,QAAQ,EAAEiB,OAAO,CAAC8D,WAAR,CAAoBE,QAApB,CAA6BjF,WAA7B,CAFZ;IAGE,QAAQ,EAAED,cAAc,IAAI2B,aAH9B;IAIE,OAAO,EAAEvB;EAJX,EAPJ,eAcE,6BAAC,gBAAD;IACE,WAAW,EAAEI,MADf;IAEE,WAAW,EAAEoB,SAFf;IAGE,aAAa,EAAEgB,cAHjB;IAIE,eAAe,EAAEe;EAJnB,EAdF,CADF;AAuBD,CAzID;;AAiJA,MAAMwB,gBAAgB,GAAG,SAAyD;EAAA,IAAxD;IAAErE,QAAF;IAAYV,OAAZ;IAAqBgF,QAArB;IAA+BvC;EAA/B,CAAwD;EAChF,MAAM;IAAEjC;EAAF,IAAc,IAAAC,yCAAA,GAApB;EACA,MAAM;IAAEG;EAAF,IAAoB,IAAAC,0CAAA,GAA1B;EACA,MAAM;IAAEoE,IAAF;IAAQC;EAAR,IAAkB,IAAA7E,6CAAA,GAAxB;EAEA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACL8E,MAAM,CAACC,eADF,EAEL;MACEC,WAAW,EAAEF,MAAM,CAACC,eAAP,CAAuBE,iBAAvB,GAA2CL,IAD1D;MAEEM,YAAY,EAAEJ,MAAM,CAACC,eAAP,CAAuBE,iBAAvB,GAA2CJ;IAF3D,CAFK,EAML;MAAEM,UAAU,EAAE9E,QAAd;MAAwB+E,MAAM,EAAE7E,aAAa,GAAGF,QAAhD;MAA0D4D,eAAe,EAAE9D,OAAO,CAACkF;IAAnF,CANK;EADT,gBAUE,6BAAC,6BAAD;IAAkB,OAAO,EAAE1F,OAA3B;IAAoC,KAAK,EAAEmF,MAAM,CAACQ;EAAlD,gBACE,6BAAC,gCAAD;IAAM,IAAI,EAAE,OAAZ;IAAqB,IAAI,EAAE,EAA3B;IAA+B,KAAK,EAAEnF,OAAO,CAACoF;EAA9C,EADF,CAVF,eAaE,6BAAC,iBAAD;IAAM,KAAK,EAAET,MAAM,CAACU;EAApB,gBACE,6BAAC,gCAAD;IAAM,EAAE,MAAR;IAAS,KAAK,EAAErF,OAAO,CAACoF,kBAAxB;IAA4C,KAAK,EAAET,MAAM,CAACW,WAA1D;IAAuE,aAAa,EAAE;EAAtF,GACG,IAAAC,oBAAA,EAAStD,KAAT,EAAgB;IAAEuD,IAAI,EAAE,KAAR;IAAeC,MAAM,EAAE;EAAvB,CAAhB,CADH,CADF,eAIE,6BAAC,gCAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAEzF,OAAO,CAACoF,kBAA9B;IAAkD,aAAa,EAAE;EAAjE,GACGZ,QADH,CAJF,CAbF,eAqBE,6BAAC,iBAAD;IAAM,KAAK,EAAEG,MAAM,CAACQ;EAApB,EArBF,CADF;AAyBD,CA9BD;;AAsCA,MAAMO,gBAAgB,GAAG,SAA+E;EAAA,IAA9E;IAAEC,WAAF;IAAeC,WAAf;IAA4BrG,aAA5B;IAA2CD;EAA3C,CAA8E;EACtG,MAAM;IAAEU;EAAF,IAAc,IAAAC,yCAAA,GAApB;EACA,MAAM;IAAEG;EAAF,IAAoB,IAAAC,0CAAA,GAA1B;EACA,MAAM;IAAEoE,IAAF;IAAQC;EAAR,IAAkB,IAAA7E,6CAAA,GAAxB;EAEA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACL8E,MAAM,CAACkB,eADF,EAEL;MACEhB,WAAW,EAAEF,MAAM,CAACC,eAAP,CAAuBE,iBAAvB,GAA2CL,IAD1D;MAEEM,YAAY,EAAEJ,MAAM,CAACC,eAAP,CAAuBE,iBAAvB,GAA2CJ;IAF3D,CAFK,EAML;MACEoB,aAAa,EAAEH,WADjB;MAEEV,MAAM,EAAE7E,aAAa,GAAGuF,WAF1B;MAGE7B,eAAe,EAAE9D,OAAO,CAACkF;IAH3B,CANK;EADT,gBAcE,6BAAC,6BAAD;IAAkB,OAAO,EAAE5F,eAA3B;IAA4C,KAAK,EAAEqF,MAAM,CAACQ;EAA1D,gBACE,6BAAC,gCAAD;IAAM,IAAI,EAAE,UAAZ;IAAwB,IAAI,EAAE,EAA9B;IAAkC,KAAK,EAAEnF,OAAO,CAACoF;EAAjD,EADF,CAdF,eAiBE,6BAAC,iBAAD;IAAM,KAAK,EAAET,MAAM,CAACU;EAApB,EAjBF,eAkBE,6BAAC,6BAAD;IAAkB,OAAO,EAAE9F,aAA3B;IAA0C,KAAK,EAAEoF,MAAM,CAACQ,SAAxD;IAAmE,QAAQ,EAAE,CAACS;EAA9E,GACGA,WAAW,iBAAI,6BAAC,gCAAD;IAAM,IAAI,EAAE,QAAZ;IAAsB,IAAI,EAAE,EAA5B;IAAgC,KAAK,EAAE5F,OAAO,CAACoF;EAA/C,EADlB,CAlBF,CADF;AAwBD,CA7BD;;AA+BA,MAAMT,MAAM,GAAG,IAAAoB,4CAAA,EAAiB;EAC9BnB,eAAe,EAAE;IACf7C,GAAG,EAAE,CADU;IAEf0C,IAAI,EAAE,CAFS;IAGfC,KAAK,EAAE,CAHQ;IAIfR,QAAQ,EAAE,UAJK;IAKf8B,aAAa,EAAE,KALA;IAMfhC,UAAU,EAAE,QANG;IAOfC,cAAc,EAAE,QAPD;IAQfa,iBAAiB,EAAE;EARJ,CADa;EAW9BK,SAAS,EAAE;IACTc,KAAK,EAAE,EADE;IAEThB,MAAM,EAAE,EAFC;IAGTjB,UAAU,EAAE,QAHH;IAITC,cAAc,EAAE;EAJP,CAXmB;EAiB9BoB,iBAAiB,EAAE;IACjBxB,IAAI,EAAE,CADW;IAEjBG,UAAU,EAAE,QAFK;IAGjBC,cAAc,EAAE;EAHC,CAjBW;EAsB9BqB,WAAW,EAAE;IACXY,YAAY,EAAE;EADH,CAtBiB;EAyB9BL,eAAe,EAAE;IACf3B,QAAQ,EAAE,UADK;IAEfO,IAAI,EAAE,CAFS;IAGfC,KAAK,EAAE,CAHQ;IAIf9E,MAAM,EAAE,CAJO;IAKfoG,aAAa,EAAE,KALA;IAMfhC,UAAU,EAAE,QANG;IAOfC,cAAc,EAAE,QAPD;IAQfa,iBAAiB,EAAE;EARJ;AAzBa,CAAjB,CAAf;eAqCe7F,U"}
+{"version":3,"names":["FileViewer","headerShown","deleteMessage","headerTopInset","fileMessage","onPressDownload","onPressDelete","onClose","loading","setLoading","useState","bottom","useSafeAreaInsets","currentUser","useSendbirdChat","palette","useUIKitTheme","topInset","statusBarTranslucent","defaultHeight","useHeaderStyle","STRINGS","useLocalization","fileService","mediaService","usePlatformService","toast","useToast","alert","useAlert","basicTopInset","canDelete","isMyMessage","userId","fileType","getFileType","type","getFileExtension","url","useEffect","fileViewer","useIIFE","uri","StyleSheet","absoluteFill","top","_onPressDelete","title","LABELS","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","onPress","then","catch","show","TOAST","DELETE_MSG_ERROR","_onPressDownload","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","response","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","flex","backgroundColor","background700","alignItems","justifyContent","position","primary300","FILE_VIEWER","TITLE","SUBTITLE","FileViewerHeader","subtitle","left","right","styles","headerContainer","paddingLeft","paddingHorizontal","paddingRight","paddingTop","height","overlay01","barButton","onBackgroundDark01","barTitleContainer","headerTitle","truncate","mode","maxLen","FileViewerFooter","bottomInset","deleteShown","footerContainer","paddingBottom","createStyleSheet","flexDirection","width","marginBottom"],"sources":["FileViewer.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StatusBar, StyleSheet, TouchableOpacity, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Icon,\n  Image,\n  LoadingSpinner,\n  Text,\n  createStyleSheet,\n  useAlert,\n  useHeaderStyle,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  toMegabyte,\n  truncate,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  fileMessage: SendbirdFileMessage;\n  deleteMessage: () => Promise<void>;\n\n  onClose: () => void;\n  onPressDownload?: (message: SendbirdFileMessage) => void;\n  onPressDelete?: (message: SendbirdFileMessage) => void;\n\n  headerShown?: boolean;\n  headerTopInset?: number;\n};\nconst FileViewer = ({\n  headerShown = true,\n  deleteMessage,\n  headerTopInset,\n  fileMessage,\n  onPressDownload,\n  onPressDelete,\n  onClose,\n}: Props) => {\n  const [loading, setLoading] = useState(true);\n\n  const { bottom } = useSafeAreaInsets();\n\n  const { currentUser } = useSendbirdChat();\n  const { palette } = useUIKitTheme();\n  const { topInset, statusBarTranslucent, defaultHeight } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n  const { fileService, mediaService } = usePlatformService();\n  const toast = useToast();\n  const { alert } = useAlert();\n\n  const basicTopInset = statusBarTranslucent ? topInset : 0;\n  const canDelete = isMyMessage(fileMessage, currentUser?.userId);\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.url));\n\n  useEffect(() => {\n    if (fileType === 'file') onClose();\n  }, []);\n\n  const fileViewer = useIIFE(() => {\n    switch (fileType) {\n      case 'image': {\n        return (\n          <Image\n            source={{ uri: fileMessage.url }}\n            style={StyleSheet.absoluteFill}\n            resizeMode={'contain'}\n            onLoadEnd={() => setLoading(false)}\n          />\n        );\n      }\n\n      case 'video':\n      case 'audio': {\n        return (\n          <mediaService.VideoComponent\n            source={{ uri: fileMessage.url }}\n            style={[StyleSheet.absoluteFill, { top: basicTopInset + defaultHeight, bottom: defaultHeight + bottom }]}\n            resizeMode={'contain'}\n            onLoad={() => setLoading(false)}\n          />\n        );\n      }\n\n      default: {\n        return null;\n      }\n    }\n  });\n\n  const _onPressDelete = () => {\n    if (!canDelete) return;\n\n    if (onPressDelete) {\n      onPressDelete(fileMessage);\n    } else {\n      alert({\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n        buttons: [\n          {\n            text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n          },\n          {\n            text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n            style: 'destructive',\n            onPress: () => {\n              deleteMessage()\n                .then(() => {\n                  onClose();\n                })\n                .catch(() => {\n                  toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n                });\n            },\n          },\n        ],\n      });\n    }\n  };\n\n  const _onPressDownload = () => {\n    if (onPressDownload) {\n      onPressDownload(fileMessage);\n    } else {\n      if (toMegabyte(fileMessage.size) > 4) {\n        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: fileMessage.url, fileName: fileMessage.name, fileType: fileMessage.type })\n        .then((response) => {\n          toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  return (\n    <View style={{ flex: 1, backgroundColor: palette.background700 }}>\n      <StatusBar barStyle={'light-content'} animated />\n      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>\n        {fileViewer}\n        {loading && <LoadingSpinner style={{ position: 'absolute' }} size={40} color={palette.primary300} />}\n      </View>\n      {headerShown && (\n        <FileViewerHeader\n          title={STRINGS.FILE_VIEWER.TITLE(fileMessage)}\n          subtitle={STRINGS.FILE_VIEWER.SUBTITLE(fileMessage)}\n          topInset={headerTopInset ?? basicTopInset}\n          onClose={onClose}\n        />\n      )}\n      <FileViewerFooter\n        bottomInset={bottom}\n        deleteShown={canDelete}\n        onPressDelete={_onPressDelete}\n        onPressDownload={_onPressDownload}\n      />\n    </View>\n  );\n};\n\ntype HeaderProps = {\n  topInset: number;\n  onClose: () => void;\n  title: string;\n  subtitle: string;\n};\nconst FileViewerHeader = ({ topInset, onClose, subtitle, title }: HeaderProps) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <View\n      style={[\n        styles.headerContainer,\n        {\n          paddingLeft: styles.headerContainer.paddingHorizontal + left,\n          paddingRight: styles.headerContainer.paddingHorizontal + right,\n        },\n        { paddingTop: topInset, height: defaultHeight + topInset, backgroundColor: palette.overlay01 },\n      ]}\n    >\n      <TouchableOpacity onPress={onClose} style={styles.barButton}>\n        <Icon icon={'close'} size={24} color={palette.onBackgroundDark01} />\n      </TouchableOpacity>\n      <View style={styles.barTitleContainer}>\n        <Text h2 color={palette.onBackgroundDark01} style={styles.headerTitle} numberOfLines={1}>\n          {truncate(title, { mode: 'mid', maxLen: 18 })}\n        </Text>\n        <Text caption2 color={palette.onBackgroundDark01} numberOfLines={1}>\n          {subtitle}\n        </Text>\n      </View>\n      <View style={styles.barButton} />\n    </View>\n  );\n};\n\ntype FooterProps = {\n  bottomInset: number;\n  deleteShown: boolean;\n  onPressDelete: () => void;\n  onPressDownload: () => void;\n};\nconst FileViewerFooter = ({ bottomInset, deleteShown, onPressDelete, onPressDownload }: FooterProps) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <View\n      style={[\n        styles.footerContainer,\n        {\n          paddingLeft: styles.headerContainer.paddingHorizontal + left,\n          paddingRight: styles.headerContainer.paddingHorizontal + right,\n        },\n        {\n          paddingBottom: bottomInset,\n          height: defaultHeight + bottomInset,\n          backgroundColor: palette.overlay01,\n        },\n      ]}\n    >\n      <TouchableOpacity onPress={onPressDownload} style={styles.barButton}>\n        <Icon icon={'download'} size={24} color={palette.onBackgroundDark01} />\n      </TouchableOpacity>\n      <View style={styles.barTitleContainer} />\n      <TouchableOpacity onPress={onPressDelete} style={styles.barButton} disabled={!deleteShown}>\n        {deleteShown && <Icon icon={'delete'} size={24} color={palette.onBackgroundDark01} />}\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  headerContainer: {\n    top: 0,\n    left: 0,\n    right: 0,\n    position: 'absolute',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n  barButton: {\n    width: 32,\n    height: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  barTitleContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  headerTitle: {\n    marginBottom: 2,\n  },\n  footerContainer: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n});\n\nexport default FileViewer;\n"],"mappings":"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"}

package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js

@@ -36,7 +36,7 @@ const BaseFileMessage = _ref => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];
+  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.bubbleContainer, {
       backgroundColor: color.background