@sendbird/uikit-react-native 2.3.0 → 2.4.1

package/src/localization/createBaseStringSet.ts

@@ -0,0 +1,369 @@
+import type { Locale } from 'date-fns';
+
+import type { PartialDeep } from '@sendbird/uikit-utils';
+import {
+  getDateSeparatorFormat,
+  getGroupChannelLastMessage,
+  getGroupChannelPreviewTime,
+  getGroupChannelTitle,
+  getMessageTimeFormat,
+  getOpenChannelParticipants,
+  getOpenChannelTitle,
+} from '@sendbird/uikit-utils';
+
+import type { StringSet } from './StringSet.type';
+
+type StringSetCreateOptions = {
+  dateLocale: Locale;
+  overrides?: PartialDeep<StringSet>;
+};
+
+/**
+ * Create string set
+ * You can create localized String set, you should provide locale for date and string as a parameters
+ *
+ * @param {StringSetCreateOptions.dateLocale} dateLocale Date locale (from date-fns)
+ * @param {StringSetCreateOptions.overrides} [overrides] Localized strings
+ * */
+export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOptions): StringSet => {
+  const USER_NO_NAME = overrides?.LABELS?.USER_NO_NAME ?? '(No name)';
+  const CHANNEL_NO_MEMBERS = overrides?.LABELS?.CHANNEL_NO_MEMBERS ?? '(No members)';
+  return {
+    OPEN_CHANNEL: {
+      HEADER_TITLE: (channel) => getOpenChannelTitle(channel),
+      HEADER_SUBTITLE: (channel) => getOpenChannelParticipants(channel),
+      LIST_BANNER_FROZEN: 'Channel is frozen',
+      LIST_DATE_SEPARATOR: (date, locale) => getDateSeparatorFormat(date, locale ?? dateLocale),
+      MESSAGE_BUBBLE_TIME: (message, locale) => getMessageTimeFormat(new Date(message.createdAt), locale ?? dateLocale),
+      MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,
+      MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',
+      MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',
+      MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
+      ...overrides?.OPEN_CHANNEL,
+    },
+    OPEN_CHANNEL_PARTICIPANTS: {
+      HEADER_TITLE: 'Participants',
+      ...overrides?.OPEN_CHANNEL_PARTICIPANTS,
+    },
+    OPEN_CHANNEL_SETTINGS: {
+      HEADER_TITLE: 'Channel information',
+      HEADER_RIGHT: 'Edit',
+      INFO_URL: 'URL',
+      MENU_MODERATION: 'Moderation',
+      MENU_PARTICIPANTS: 'Participants',
+      MENU_DELETE_CHANNEL: 'Delete channel',
+      DIALOG_CHANNEL_DELETE_CONFIRM_TITLE: 'Delete channel?',
+      DIALOG_CHANNEL_DELETE_CONFIRM_OK: 'Delete',
+      DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL: 'Cancel',
+      DIALOG_CHANGE_NAME: 'Change channel name',
+      DIALOG_CHANGE_NAME_PROMPT_TITLE: 'Change channel name',
+      DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: 'Enter name',
+      DIALOG_CHANGE_NAME_PROMPT_OK: 'Save',
+      DIALOG_CHANGE_NAME_PROMPT_CANCEL: 'Cancel',
+      DIALOG_CHANGE_IMAGE: 'Change channel image',
+      DIALOG_CHANGE_IMAGE_MENU_TITLE: 'Change channel image',
+      DIALOG_CHANGE_IMAGE_MENU_CAMERA: 'Take photo',
+      DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',
+      ...overrides?.OPEN_CHANNEL_SETTINGS,
+    },
+    OPEN_CHANNEL_LIST: {
+      HEADER_TITLE: 'Channels',
+      CHANNEL_PREVIEW_TITLE: (channel) => getOpenChannelTitle(channel),
+      ...overrides?.OPEN_CHANNEL_LIST,
+    },
+    OPEN_CHANNEL_CREATE: {
+      HEADER_TITLE: 'New channel',
+      HEADER_RIGHT: 'Create',
+      PLACEHOLDER: 'Enter channel name',
+      DIALOG_IMAGE_MENU_REMOVE: 'Remove photo',
+      DIALOG_IMAGE_MENU_CAMERA: 'Take photo',
+      DIALOG_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',
+      ...overrides?.OPEN_CHANNEL_CREATE,
+    },
+    OPEN_CHANNEL_MODERATION: {
+      HEADER_TITLE: 'Moderation',
+      MENU_OPERATORS: 'Operators',
+      MENU_MUTED_PARTICIPANTS: 'Muted participants',
+      MENU_BANNED_USERS: 'Banned users',
+      ...overrides?.OPEN_CHANNEL_MODERATION,
+    },
+    OPEN_CHANNEL_BANNED_USERS: {
+      HEADER_TITLE: 'Banned users',
+      ...overrides?.OPEN_CHANNEL_BANNED_USERS,
+    },
+    OPEN_CHANNEL_MUTED_PARTICIPANTS: {
+      HEADER_TITLE: 'Muted participants',
+      ...overrides?.OPEN_CHANNEL_MUTED_PARTICIPANTS,
+    },
+    OPEN_CHANNEL_OPERATORS: {
+      HEADER_TITLE: 'Operators',
+      ...overrides?.OPEN_CHANNEL_OPERATORS,
+    },
+    OPEN_CHANNEL_REGISTER_OPERATOR: {
+      HEADER_TITLE: 'Set as operators',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Add';
+        return `Add (${len})`;
+      },
+      ...overrides?.OPEN_CHANNEL_REGISTER_OPERATOR,
+    },
+    GROUP_CHANNEL: {
+      HEADER_TITLE: (uid, channel) => getGroupChannelTitle(uid, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
+      LIST_BANNER_FROZEN: 'Channel is frozen',
+      LIST_DATE_SEPARATOR: (date, locale) => getDateSeparatorFormat(date, locale ?? dateLocale),
+      LIST_BUTTON_NEW_MSG: (newMessages) => `${newMessages.length} new messages`,
+
+      MESSAGE_BUBBLE_TIME: (message, locale) => getMessageTimeFormat(new Date(message.createdAt), locale ?? dateLocale),
+      MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,
+      MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',
+      MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',
+      MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
+
+      MENTION_LIMITED: (mentionLimit) => `You can have up to ${mentionLimit} mentions per message.`,
+
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_COPY **/
+      DIALOG_MESSAGE_COPY: 'Copy',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_EDIT **/
+      DIALOG_MESSAGE_EDIT: 'Edit',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_SAVE **/
+      DIALOG_MESSAGE_SAVE: 'Save',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE **/
+      DIALOG_MESSAGE_DELETE: 'Delete',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE **/
+      DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: 'Delete message?',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK **/
+      DIALOG_MESSAGE_DELETE_CONFIRM_OK: 'Delete',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL **/
+      DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: 'Cancel',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_FAILED_RETRY **/
+      DIALOG_MESSAGE_FAILED_RETRY: 'Retry',
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_FAILED_REMOVE **/
+      DIALOG_MESSAGE_FAILED_REMOVE: 'Remove',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA **/
+      DIALOG_ATTACHMENT_CAMERA: 'Camera',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY **/
+      DIALOG_ATTACHMENT_PHOTO_LIBRARY: 'Photo library',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_FILES **/
+      DIALOG_ATTACHMENT_FILES: 'Files',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE **/
+      INPUT_PLACEHOLDER_ACTIVE: 'Enter message',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED **/
+      INPUT_PLACEHOLDER_DISABLED: 'Chat not available in this channel.',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED **/
+      INPUT_PLACEHOLDER_MUTED: "You're muted by the operator.",
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_EDIT_OK **/
+      INPUT_EDIT_OK: 'Save',
+      /** @deprecated Please use LABELS.CHANNEL_INPUT_EDIT_CANCEL **/
+      INPUT_EDIT_CANCEL: 'Cancel',
+      ...overrides?.GROUP_CHANNEL,
+    },
+    GROUP_CHANNEL_SETTINGS: {
+      HEADER_TITLE: 'Channel information',
+      HEADER_RIGHT: 'Edit',
+      MENU_MODERATION: 'Moderation',
+      MENU_MEMBERS: 'Members',
+      MENU_LEAVE_CHANNEL: 'Leave channel',
+      MENU_NOTIFICATION: 'Notifications',
+      MENU_NOTIFICATION_LABEL_ON: 'On',
+      MENU_NOTIFICATION_LABEL_OFF: 'Off',
+      MENU_NOTIFICATION_LABEL_MENTION_ONLY: 'Mentions only',
+      DIALOG_CHANGE_NAME: 'Change channel name',
+      DIALOG_CHANGE_NAME_PROMPT_TITLE: 'Change channel name',
+      DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: 'Enter name',
+      DIALOG_CHANGE_NAME_PROMPT_OK: 'Save',
+      DIALOG_CHANGE_NAME_PROMPT_CANCEL: 'Cancel',
+      DIALOG_CHANGE_IMAGE: 'Change channel image',
+      DIALOG_CHANGE_IMAGE_MENU_TITLE: 'Change channel image',
+      DIALOG_CHANGE_IMAGE_MENU_CAMERA: 'Take photo',
+      DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',
+      ...overrides?.GROUP_CHANNEL_SETTINGS,
+    },
+    GROUP_CHANNEL_NOTIFICATIONS: {
+      HEADER_TITLE: 'Notifications',
+      MENU_NOTIFICATIONS: 'Notifications',
+      MENU_NOTIFICATIONS_DESC:
+        'Turn on push notifications if you wish to be notified when messages are delivered to this channel.',
+      MENU_NOTIFICATIONS_OPTION_ALL: 'All new messages',
+      MENU_NOTIFICATIONS_OPTION_MENTION_ONLY: 'Mentions only',
+      ...overrides?.GROUP_CHANNEL_NOTIFICATIONS,
+    },
+    GROUP_CHANNEL_MODERATION: {
+      HEADER_TITLE: 'Moderation',
+      MENU_OPERATORS: 'Operators',
+      MENU_MUTED_MEMBERS: 'Muted members',
+      MENU_BANNED_USERS: 'Banned users',
+      MENU_FREEZE_CHANNEL: 'Freeze channel',
+      ...overrides?.GROUP_CHANNEL_MODERATION,
+    },
+    GROUP_CHANNEL_OPERATORS: {
+      HEADER_TITLE: 'Operators',
+      ...overrides?.GROUP_CHANNEL_OPERATORS,
+    },
+    GROUP_CHANNEL_REGISTER_OPERATOR: {
+      HEADER_TITLE: 'Set as operators',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Add';
+        return `Add (${len})`;
+      },
+      ...overrides?.GROUP_CHANNEL_OPERATORS,
+    },
+    GROUP_CHANNEL_MUTED_MEMBERS: {
+      HEADER_TITLE: 'Muted members',
+      ...overrides?.GROUP_CHANNEL_MUTED_MEMBERS,
+    },
+    GROUP_CHANNEL_BANNED_USERS: {
+      HEADER_TITLE: 'Banned users',
+      ...overrides?.GROUP_CHANNEL_BANNED_USERS,
+    },
+    GROUP_CHANNEL_LIST: {
+      HEADER_TITLE: 'Channels',
+      CHANNEL_PREVIEW_TITLE: (currentUserId, channel) =>
+        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
+      CHANNEL_PREVIEW_TITLE_CAPTION: (channel, locale) => getGroupChannelPreviewTime(channel, locale ?? dateLocale),
+      CHANNEL_PREVIEW_BODY: (channel) => getGroupChannelLastMessage(channel),
+      TYPE_SELECTOR_HEADER_TITLE: 'Channel type',
+      TYPE_SELECTOR_GROUP: 'Group',
+      TYPE_SELECTOR_SUPER_GROUP: 'Super group',
+      TYPE_SELECTOR_BROADCAST: 'Broadcast',
+      DIALOG_CHANNEL_TITLE: (currentUserId, channel) =>
+        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
+      DIALOG_CHANNEL_NOTIFICATION: (channel) => {
+        if (!channel) return '';
+        if (channel.myPushTriggerOption === 'off') return 'Turn on notifications';
+        return 'Turn off notifications';
+      },
+      DIALOG_CHANNEL_LEAVE: 'Leave channel',
+      ...overrides?.GROUP_CHANNEL_LIST,
+    },
+    GROUP_CHANNEL_MEMBERS: {
+      HEADER_TITLE: 'Members',
+      /** @deprecated Please use LABELS.USER_BAR_ME_POSTFIX **/
+      USER_BAR_ME_POSTFIX: ' (You)',
+      /** @deprecated Please use LABELS.USER_BAR_OPERATOR **/
+      USER_BAR_OPERATOR: 'Operator',
+      ...overrides?.GROUP_CHANNEL_MEMBERS,
+    },
+    GROUP_CHANNEL_CREATE: {
+      HEADER_TITLE: 'New channel',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Create';
+        return `Create (${len})`;
+      },
+      ...overrides?.GROUP_CHANNEL_CREATE,
+    },
+    GROUP_CHANNEL_INVITE: {
+      HEADER_TITLE: 'Invite users',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Invite';
+        return `Invite (${len})`;
+      },
+      ...overrides?.GROUP_CHANNEL_INVITE,
+    },
+    LABELS: {
+      PERMISSION_APP_NAME: 'Application',
+      PERMISSION_CAMERA: 'camera',
+      PERMISSION_DEVICE_STORAGE: 'device storage',
+      USER_NO_NAME,
+      CHANNEL_NO_MEMBERS,
+      TYPING_INDICATOR_TYPINGS: (users, NO_NAME = USER_NO_NAME) => {
+        const userNames = users.map((u) => u.nickname || NO_NAME);
+        if (userNames.length === 0) return;
+        if (userNames.length === 1) return `${userNames[0]} is typing...`;
+        if (users.length === 2) return `${userNames.join(' and ')} are typing...`;
+        return 'Several people are typing...';
+      },
+      USER_BAR_ME_POSTFIX: ' (You)',
+      USER_BAR_OPERATOR: 'Operator',
+      REGISTER_AS_OPERATOR: 'Register as operator',
+      UNREGISTER_OPERATOR: 'Unregister operator',
+      MUTE: 'Mute',
+      UNMUTE: 'Unmute',
+      BAN: 'Ban',
+      UNBAN: 'Unban',
+
+      // Deprecation backward
+      CHANNEL_MESSAGE_COPY: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_COPY ?? 'Copy',
+      CHANNEL_MESSAGE_EDIT: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_EDIT ?? 'Edit',
+      CHANNEL_MESSAGE_SAVE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_SAVE ?? 'Save',
+      CHANNEL_MESSAGE_DELETE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE ?? 'Delete',
+      CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE:
+        overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE ?? 'Delete message?',
+      CHANNEL_MESSAGE_DELETE_CONFIRM_OK: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE_CONFIRM_OK ?? 'Delete',
+      CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL ?? 'Cancel',
+      CHANNEL_MESSAGE_FAILED_RETRY: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_FAILED_RETRY ?? 'Retry',
+      CHANNEL_MESSAGE_FAILED_REMOVE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_FAILED_REMOVE ?? 'Remove',
+      CHANNEL_INPUT_ATTACHMENT_CAMERA: overrides?.GROUP_CHANNEL?.DIALOG_ATTACHMENT_CAMERA ?? 'Camera',
+      CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY:
+        overrides?.GROUP_CHANNEL?.DIALOG_ATTACHMENT_PHOTO_LIBRARY ?? 'Photo library',
+      CHANNEL_INPUT_ATTACHMENT_FILES: overrides?.GROUP_CHANNEL?.DIALOG_ATTACHMENT_FILES ?? 'Files',
+      CHANNEL_INPUT_PLACEHOLDER_ACTIVE: overrides?.GROUP_CHANNEL?.INPUT_PLACEHOLDER_ACTIVE ?? 'Enter message',
+      CHANNEL_INPUT_PLACEHOLDER_DISABLED:
+        overrides?.GROUP_CHANNEL?.INPUT_PLACEHOLDER_DISABLED ?? 'Chat not available in this channel.',
+      CHANNEL_INPUT_PLACEHOLDER_MUTED:
+        overrides?.GROUP_CHANNEL?.INPUT_PLACEHOLDER_MUTED ?? "You're muted by the operator.",
+      CHANNEL_INPUT_EDIT_OK: overrides?.GROUP_CHANNEL?.INPUT_EDIT_OK ?? 'Save',
+      CHANNEL_INPUT_EDIT_CANCEL: overrides?.GROUP_CHANNEL?.INPUT_EDIT_CANCEL ?? 'Cancel',
+      ...overrides?.LABELS,
+    },
+    FILE_VIEWER: {
+      TITLE: (message) => message.sender?.nickname || USER_NO_NAME,
+      SUBTITLE: (message) => getMessageTimeFormat(new Date(message.createdAt), dateLocale),
+    },
+    PLACEHOLDER: {
+      NO_BANNED_USERS: 'No banned users',
+      NO_USERS: 'No users',
+      NO_CHANNELS: 'No channels',
+      NO_MESSAGES: 'No messages',
+      NO_MUTED_MEMBERS: 'No muted members',
+      NO_MUTED_PARTICIPANTS: 'No muted participants',
+      NO_RESULTS_FOUND: 'No results found',
+      ...overrides?.PLACEHOLDER,
+      ERROR: {
+        MESSAGE: 'Something went wrong',
+        RETRY_LABEL: 'Retry',
+        ...overrides?.PLACEHOLDER?.ERROR,
+      },
+    },
+    DIALOG: {
+      ALERT_DEFAULT_OK: 'OK',
+      ALERT_PERMISSIONS_TITLE: 'Allow access?',
+      ALERT_PERMISSIONS_MESSAGE: (permission, appName = 'Application') => {
+        return `${appName} need permission to access your ${permission}.`;
+      },
+      ALERT_PERMISSIONS_OK: 'Go to settings',
+      PROMPT_DEFAULT_OK: 'Submit',
+      PROMPT_DEFAULT_CANCEL: 'Cancel',
+      PROMPT_DEFAULT_PLACEHOLDER: 'Enter',
+      ...overrides?.DIALOG,
+    },
+    TOAST: {
+      COPY_OK: 'Copied',
+      DOWNLOAD_START: 'Downloading...',
+      DOWNLOAD_OK: 'File saved',
+      DOWNLOAD_ERROR: "Couldn't download file.",
+      OPEN_CAMERA_ERROR: "Couldn't open camera.",
+      OPEN_FILES_ERROR: "Couldn't open files.",
+      OPEN_PHOTO_LIBRARY_ERROR: "Couldn't open photo library.",
+      DELETE_MSG_ERROR: "Couldn't delete message.",
+      RESEND_MSG_ERROR: "Couldn't send message.",
+      SEND_MSG_ERROR: "Couldn't send message.",
+      UPDATE_MSG_ERROR: "Couldn't edit message.",
+      TURN_ON_NOTIFICATIONS_ERROR: "Couldn't turn on notifications.",
+      TURN_OFF_NOTIFICATIONS_ERROR: "Couldn't turn off notifications.",
+      LEAVE_CHANNEL_ERROR: "Couldn't leave channel.",
+      UNKNOWN_ERROR: 'Something went wrong.',
+      GET_CHANNEL_ERROR: "Couldn't retrieve channel.",
+      ...overrides?.TOAST,
+    },
+    PROFILE_CARD: {
+      BUTTON_MESSAGE: 'Message',
+      BODY_LABEL: 'User ID',
+      BODY: (user) => user.userId,
+      ...overrides?.PROFILE_CARD,
+    },
+  };
+};

package/src/platform/createFileService.expo.ts

@@ -3,12 +3,12 @@ import type * as ExpoFs from 'expo-file-system';
 import type * as ExpoImagePicker from 'expo-image-picker';
 import type * as ExpoMediaLibrary from 'expo-media-library';
 
-import { getFileExtension, getFileType } from '@sendbird/uikit-utils';
+import { getFileType } from '@sendbird/uikit-utils';
 
 import SBUError from '../libs/SBUError';
 import type { ExpoMediaLibraryPermissionResponse, ExpoPermissionResponse } from '../utils/expoPermissionGranted';
 import expoPermissionGranted from '../utils/expoPermissionGranted';
-import fileTypeGuard from '../utils/fileTypeGuard';
+import normalizeFile from '../utils/normalizeFile';
 import type {
   FilePickerResponse,
   FileServiceInterface,
@@ -80,10 +80,8 @@ const createExpoFileService = ({
 
       const { uri } = response;
       const { size } = await fsModule.getInfoAsync(response.uri);
-      const ext = getFileExtension(uri);
-      const type = getFileType(ext);
 
-      return fileTypeGuard({ uri, size, type: `${type}/${ext.slice(1)}`, name: Date.now() + ext });
+      return normalizeFile({ uri, size });
     }
     async openMediaLibrary(options: OpenMediaLibraryOptions) {
       const hasPermission = await this.hasMediaLibraryPermission('read');
@@ -111,11 +109,8 @@ const createExpoFileService = ({
       });
       if (response.cancelled) return null;
       const { uri } = response;
-
       const { size } = await fsModule.getInfoAsync(uri);
-      const ext = getFileExtension(uri);
-      const type = getFileType(ext);
-      return [fileTypeGuard({ uri, size, type: `${type}/${ext.slice(1)}`, name: Date.now() + ext })];
+      return [await normalizeFile({ uri, size })];
     }
 
     async openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse> {
@@ -123,7 +118,7 @@ const createExpoFileService = ({
         const response = await documentPickerModule.getDocumentAsync({ type: '*/*' });
         if (response.type === 'cancel') return null;
         const { mimeType, uri, size, name } = response;
-        return fileTypeGuard({ uri, size, name, type: mimeType });
+        return normalizeFile({ uri, size, name, type: mimeType });
       } catch (e) {
         options?.onOpenFailure?.(SBUError.UNKNOWN, e);
         return null;

package/src/platform/createFileService.native.ts

@@ -6,11 +6,17 @@ import type * as ImagePicker from 'react-native-image-picker';
 import type * as Permissions from 'react-native-permissions';
 import type { Permission } from 'react-native-permissions';
 
-import { getFileExtension, getFileType, normalizeFileName } from '@sendbird/uikit-utils';
+import {
+  getFileExtension,
+  getFileExtensionFromMime,
+  getFileExtensionFromUri,
+  getFileType,
+  normalizeFileName,
+} from '@sendbird/uikit-utils';
 
 import SBUError from '../libs/SBUError';
-import fileTypeGuard from '../utils/fileTypeGuard';
 import nativePermissionGranted from '../utils/nativePermissionGranted';
+import normalizeFile from '../utils/normalizeFile';
 import type {
   FilePickerResponse,
   FileServiceInterface,
@@ -76,6 +82,14 @@ const createNativeFileService = ({
     }
     async hasMediaLibraryPermission(): Promise<boolean> {
       const status = await permissionModule.checkMultiple(mediaLibraryPermissions);
+      if (
+        __DEV__ &&
+        Platform.OS === 'ios' &&
+        status['ios.permission.MEDIA_LIBRARY'] === 'unavailable' &&
+        status['ios.permission.PHOTO_LIBRARY'] === 'granted'
+      ) {
+        return true;
+      }
       return nativePermissionGranted(status);
     }
     async requestMediaLibraryPermission(): Promise<boolean> {
@@ -116,7 +130,7 @@ const createNativeFileService = ({
       }
 
       const { fileName: name, fileSize: size, type, uri } = response.assets?.[0] ?? {};
-      return fileTypeGuard({ uri, size, name, type });
+      return normalizeFile({ uri, size, name, type });
     }
     async openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<FilePickerResponse[] | null> {
       /**
@@ -155,14 +169,16 @@ const createNativeFileService = ({
         return null;
       }
 
-      return (response.assets || [])
-        .slice(0, selectionLimit)
-        .map(({ fileName: name, fileSize: size, type, uri }) => fileTypeGuard({ uri, size, name, type }));
+      return Promise.all(
+        (response.assets || [])
+          .slice(0, selectionLimit)
+          .map(({ fileName: name, fileSize: size, type, uri }) => normalizeFile({ uri, size, name, type })),
+      );
     }
     async openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse> {
       try {
         const { uri, size, name, type } = await documentPickerModule.pickSingle();
-        return fileTypeGuard({ uri, size, name, type });
+        return normalizeFile({ uri, size, name, type });
       } catch (e) {
         if (!documentPickerModule.isCancel(e) && documentPickerModule.isInProgress(e)) {
           options?.onOpenFailure?.(SBUError.UNKNOWN, e);
@@ -177,33 +193,50 @@ const createNativeFileService = ({
         if (!granted) throw new Error('Permission not granted');
       }
 
-      const basePath = Platform.select({ android: fsModule.Dirs.CacheDir, default: fsModule.Dirs.DocumentDir });
-      let downloadPath = `${basePath}/${options.fileName}`;
-      if (!getFileExtension(options.fileName)) {
-        const extensionFromUrl = getFileExtension(options.fileUrl);
-        if (getFileType(extensionFromUrl).match(/image|video/)) {
-          downloadPath += extensionFromUrl;
-        }
-      }
-
-      await fsModule.FileSystem.fetch(options.fileUrl, { path: downloadPath });
-      const fileType = getFileType(getFileExtension(options.fileUrl));
+      const { downloadedPath, file } = await this.downloadFile(options);
 
-      if (Platform.OS === 'ios' && (fileType === 'image' || fileType === 'video')) {
-        const type = ({ 'image': 'photo', 'video': 'video' } as const)[fileType];
-        await mediaLibraryModule.save(downloadPath, { type });
+      if (Platform.OS === 'ios') {
+        if (file.type === 'image' || file.type === 'video') {
+          const mediaTypeMap = { 'image': 'photo', 'video': 'video' } as const;
+          const mediaType = mediaTypeMap[file.type];
+          await mediaLibraryModule.save(downloadedPath, { type: mediaType });
+        }
       }
 
       if (Platform.OS === 'android') {
-        const dirType = { 'file': 'downloads', 'audio': 'audio', 'image': 'images', 'video': 'video' } as const;
-        await fsModule.FileSystem.cpExternal(
-          downloadPath,
-          normalizeFileName(options.fileName, getFileExtension(options.fileUrl)),
-          dirType[fileType],
-        );
+        const externalDirMap = { 'file': 'downloads', 'audio': 'audio', 'image': 'images', 'video': 'video' } as const;
+        const externalDir = externalDirMap[file.type];
+        await fsModule.FileSystem.cpExternal(downloadedPath, file.name, externalDir);
       }
-      return downloadPath;
+
+      return downloadedPath;
     }
+
+    private buildDownloadPath = async (options: SaveOptions) => {
+      const dirname = Platform.select({ android: fsModule.Dirs.CacheDir, default: fsModule.Dirs.DocumentDir });
+      const context = { dirname, filename: options.fileName };
+      const extension =
+        getFileExtension(options.fileName) ||
+        getFileExtensionFromMime(options.fileType) ||
+        getFileExtension(options.fileUrl) ||
+        (await getFileExtensionFromUri(options.fileUrl));
+
+      if (extension) context.filename = normalizeFileName(context.filename, extension);
+
+      return { path: `${context.dirname}/${context.filename}`, ...context };
+    };
+
+    private downloadFile = async (options: SaveOptions) => {
+      const { path, filename } = await this.buildDownloadPath(options);
+      await fsModule.FileSystem.fetch(options.fileUrl, { path });
+      return {
+        downloadedPath: path,
+        file: {
+          name: filename,
+          type: getFileType(getFileExtension(path)),
+        } as const,
+      };
+    };
   }
 
   return new NativeFileService();

package/src/utils/normalizeFile.ts

@@ -0,0 +1,32 @@
+import type { PartialNullable } from '@sendbird/uikit-utils';
+import {
+  getFileExtension,
+  getFileExtensionFromMime,
+  getFileExtensionFromUri,
+  getMimeFromFileExtension,
+  normalizeFileName,
+} from '@sendbird/uikit-utils';
+
+import type { FilePickerResponse, FileType } from '../platform/types';
+
+const normalizeFile = async ({ uri, size, name, type }: PartialNullable<FileType>): Promise<FilePickerResponse> => {
+  // URI is required property
+  if (!uri) return null;
+
+  let filename = name || String(Date.now());
+  let filetype = type || '';
+
+  const extension =
+    getFileExtension(filename) || getFileExtensionFromMime(filetype) || (await getFileExtensionFromUri(uri));
+
+  if (extension) {
+    filename = normalizeFileName(filename, extension);
+    if (!filetype) {
+      filetype = getMimeFromFileExtension(extension);
+    }
+  }
+
+  return { uri, name: filename, type: filetype, size: size ?? 0 };
+};
+
+export default normalizeFile;

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '2.3.0';
+const VERSION = '2.4.1';
 export default VERSION;

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/EditInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["EditInput","forwardRef","ref","text","onChangeText","messageToEdit","setMessageToEdit","onUpdateUserMessage","onSelectionChange","disabled","autoFocus","mentionedUsers","mentionManager","useSendbirdChat","STRINGS","useLocalization","toast","useToast","onPressCancel","onPressSave","isUserMessage","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","MentionType","USERS","catch","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","GROUP_CHANNEL","INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","INPUT_EDIT_CANCEL","space","INPUT_EDIT_OK","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","Platform","select","ios","default","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../../hooks/useContext';\nimport type { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype EditInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  messageToEdit: SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  disabled: boolean;\n  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n};\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onUpdateUserMessage,\n    onSelectionChange,\n    disabled,\n    autoFocus,\n    mentionedUsers,\n  },\n  ref,\n) {\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n\n  const onPressCancel = () => {\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onPressSave = () => {\n    if (messageToEdit.isUserMessage()) {\n      const mention = {\n        userIds: mentionedUsers.map((it) => it.user.userId),\n        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n        type: MentionType.USERS,\n      };\n\n      onUpdateUserMessage(text, messageToEdit, mention).catch(() =>\n        toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'),\n      );\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!disabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n        </TextInput>\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/SendInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SendInput","forwardRef","ref","onSendUserMessage","onSendFileMessage","text","onChangeText","disabled","frozen","muted","onSelectionChange","mentionedUsers","mentionManager","imageCompressionConfig","features","useSendbirdChat","STRINGS","useLocalization","fileService","mediaService","usePlatformService","colors","useUIKitTheme","openSheet","useBottomSheet","alert","useAlert","toast","useToast","onPressSend","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","MentionType","USERS","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","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","DIALOG_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","conditionChaining","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_PLACEHOLDER_ACTIVE","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 { conditionChaining, 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 { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  frozen: boolean;\n  muted: boolean;\n  disabled: boolean;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  mentionedUsers: MentionedUser[];\n};\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n  {\n    onSendUserMessage,\n    onSendFileMessage,\n    text,\n    onChangeText,\n    disabled,\n    frozen,\n    muted,\n    onSelectionChange,\n    mentionedUsers,\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 onPressSend = () => {\n    const mention = {\n      userIds: mentionedUsers.map((it) => it.user.userId),\n      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n      type: MentionType.USERS,\n    };\n\n    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    onChangeText('');\n  };\n\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_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              onSendFileMessage(mediaFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_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              onSendFileMessage(mediaFiles[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_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              onSendFileMessage(documentFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? 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={!disabled}\n        onChangeText={onChangeText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [frozen, muted],\n          [\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,\n          ],\n        )}\n      >\n        {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n      </TextInput>\n\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\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":"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"}