@sendbird/uikit-react-native 2.1.0 → 2.2.0

package/lib/commonjs/localization/StringSet.type.js.map

@@ -1 +1 @@
-{"version":3,"names":["createBaseStringSet","dateLocale","overrides","USER_NO_NAME","LABELS","CHANNEL_NO_MEMBERS","GROUP_CHANNEL","HEADER_TITLE","currentUserId","channel","getGroupChannelTitle","LIST_BANNER_FROZEN","LIST_DATE_SEPARATOR","date","locale","dateSeparator","LIST_BUTTON_NEW_MSG","newMessages","length","MESSAGE_BUBBLE_TIME","message","messageTime","Date","createdAt","MESSAGE_BUBBLE_FILE_TITLE","name","MESSAGE_BUBBLE_EDITED_POSTFIX","MESSAGE_BUBBLE_UNKNOWN_TITLE","MESSAGE_BUBBLE_UNKNOWN_DESC","INPUT_PLACEHOLDER_ACTIVE","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_EDIT_OK","INPUT_EDIT_CANCEL","DIALOG_MESSAGE_COPY","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_SAVE","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","DIALOG_MESSAGE_DELETE_CONFIRM_OK","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_FAILED_RETRY","DIALOG_MESSAGE_FAILED_REMOVE","DIALOG_ATTACHMENT_CAMERA","DIALOG_ATTACHMENT_PHOTO_LIBRARY","DIALOG_ATTACHMENT_FILES","GROUP_CHANNEL_SETTINGS","HEADER_RIGHT","MENU_MODERATION","MENU_NOTIFICATION","MENU_MEMBERS","MENU_LEAVE_CHANNEL","DIALOG_CHANGE_NAME","DIALOG_CHANGE_NAME_PROMPT_TITLE","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","DIALOG_CHANGE_NAME_PROMPT_OK","DIALOG_CHANGE_NAME_PROMPT_CANCEL","DIALOG_CHANGE_IMAGE","DIALOG_CHANGE_IMAGE_MENU_TITLE","DIALOG_CHANGE_IMAGE_MENU_CAMERA","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","GROUP_CHANNEL_MODERATION","MENU_OPERATORS","MENU_MUTED_MEMBERS","MENU_BANNED_USERS","MENU_FREEZE_CHANNEL","GROUP_CHANNEL_OPERATORS","GROUP_CHANNEL_REGISTER_OPERATOR","selectedUsers","len","GROUP_CHANNEL_MUTED_MEMBERS","GROUP_CHANNEL_BANNED_USERS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","getGroupChannelPreviewTime","CHANNEL_PREVIEW_BODY","getGroupChannelLastMessage","TYPE_SELECTOR_HEADER_TITLE","TYPE_SELECTOR_GROUP","TYPE_SELECTOR_SUPER_GROUP","TYPE_SELECTOR_BROADCAST","DIALOG_CHANNEL_TITLE","DIALOG_CHANNEL_NOTIFICATION","myPushTriggerOption","DIALOG_CHANNEL_LEAVE","GROUP_CHANNEL_MEMBERS","USER_BAR_ME_POSTFIX","USER_BAR_OPERATOR","GROUP_CHANNEL_CREATE","GROUP_CHANNEL_INVITE","TYPING_INDICATOR_TYPINGS","users","NO_NAME","userNames","map","u","nickname","join","REGISTER_AS_OPERATOR","UNREGISTER_OPERATOR","MUTE","UNMUTE","BAN","UNBAN","FILE_VIEWER","TITLE","sender","SUBTITLE","PLACEHOLDER","NO_BANNED_USERS","NO_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_RESULTS_FOUND","ERROR","MESSAGE","RETRY_LABEL","DIALOG","ALERT_DEFAULT_OK","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","permission","appName","ALERT_PERMISSIONS_OK","PROMPT_DEFAULT_OK","PROMPT_DEFAULT_CANCEL","PROMPT_DEFAULT_PLACEHOLDER","TOAST","COPY_OK","DOWNLOAD_START","DOWNLOAD_OK","DOWNLOAD_ERROR","OPEN_CAMERA_ERROR","OPEN_FILES_ERROR","OPEN_PHOTO_LIBRARY_ERROR","DELETE_MSG_ERROR","RESEND_MSG_ERROR","SEND_MSG_ERROR","UPDATE_MSG_ERROR","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","LEAVE_CHANNEL_ERROR","PROFILE_CARD","BUTTON_MESSAGE","BODY_LABEL","BODY","user","userId"],"sources":["StringSet.type.ts"],"sourcesContent":["import type { Locale } from 'date-fns';\n\nimport type {\n  PartialDeep,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMember,\n  SendbirdMessage,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport {\n  dateSeparator,\n  getGroupChannelLastMessage,\n  getGroupChannelPreviewTime,\n  getGroupChannelTitle,\n  messageTime,\n} from '@sendbird/uikit-utils';\n\n/**\n * StringSet interface\n * Do not configure over 3 depths (for overrides easy)\n * */\nexport interface StringSet {\n  GROUP_CHANNEL: {\n    /** GroupChannel > Header */\n    HEADER_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;\n\n    /** GroupChannel > List */\n    LIST_BANNER_FROZEN: string;\n    LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;\n    LIST_BUTTON_NEW_MSG: (newMessages: SendbirdMessage[]) => string;\n\n    /** GroupChannel > Message bubble */\n    MESSAGE_BUBBLE_TIME: (message: SendbirdMessage, locale?: Locale) => string;\n    MESSAGE_BUBBLE_FILE_TITLE: (message: SendbirdFileMessage) => string;\n    MESSAGE_BUBBLE_EDITED_POSTFIX: string;\n    MESSAGE_BUBBLE_UNKNOWN_TITLE: (message: SendbirdMessage) => string;\n    MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;\n\n    /** GroupChannel > Input */\n    INPUT_PLACEHOLDER_ACTIVE: string;\n    INPUT_PLACEHOLDER_DISABLED: string;\n    INPUT_PLACEHOLDER_MUTED: string;\n    INPUT_EDIT_OK: string;\n    INPUT_EDIT_CANCEL: string;\n\n    /** GroupChannel > Dialog > Message */\n    DIALOG_MESSAGE_COPY: string;\n    DIALOG_MESSAGE_EDIT: string;\n    DIALOG_MESSAGE_SAVE: string;\n    DIALOG_MESSAGE_DELETE: string;\n    /** GroupChannel > Dialog > Message > Delete confirm */\n    DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: string;\n    DIALOG_MESSAGE_DELETE_CONFIRM_OK: string;\n    DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: string;\n    /** GroupChannel > Dialog > Message > Failed */\n    DIALOG_MESSAGE_FAILED_RETRY: string;\n    DIALOG_MESSAGE_FAILED_REMOVE: string;\n\n    /** GroupChannel > Dialog > Attachments */\n    DIALOG_ATTACHMENT_CAMERA: string;\n    DIALOG_ATTACHMENT_PHOTO_LIBRARY: string;\n    DIALOG_ATTACHMENT_FILES: string;\n  };\n  GROUP_CHANNEL_SETTINGS: {\n    /** GroupChannelSettings > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: string;\n\n    /** GroupChannelSettings > Menu */\n    MENU_MODERATION: string;\n    MENU_NOTIFICATION: string;\n    MENU_MEMBERS: string;\n    MENU_LEAVE_CHANNEL: string;\n\n    /** GroupChannelSettings > Dialog */\n    DIALOG_CHANGE_NAME: string;\n    DIALOG_CHANGE_IMAGE: string;\n    DIALOG_CHANGE_NAME_PROMPT_TITLE: string;\n    DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: string;\n    DIALOG_CHANGE_NAME_PROMPT_CANCEL: string;\n    DIALOG_CHANGE_NAME_PROMPT_OK: string;\n    DIALOG_CHANGE_IMAGE_MENU_TITLE: string;\n    DIALOG_CHANGE_IMAGE_MENU_CAMERA: string;\n    DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: string;\n  };\n  GROUP_CHANNEL_MODERATION: {\n    /** GroupChannelModeration > Header */\n    HEADER_TITLE: string;\n\n    /** GroupChannelModeration > Menu */\n    MENU_OPERATORS: string;\n    MENU_MUTED_MEMBERS: string;\n    MENU_BANNED_USERS: string;\n    MENU_FREEZE_CHANNEL: string;\n  };\n  GROUP_CHANNEL_OPERATORS: {\n    /** GroupChannelOperators > Header */\n    HEADER_TITLE: string;\n  };\n  GROUP_CHANNEL_REGISTER_OPERATOR: {\n    /** GroupChannelRegisterOperator > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: (params: { selectedUsers: Array<SendbirdMember> }) => string;\n  };\n  GROUP_CHANNEL_MUTED_MEMBERS: {\n    /** GroupChannelMutedMembers > Header */\n    HEADER_TITLE: string;\n  };\n  GROUP_CHANNEL_BANNED_USERS: {\n    /** GroupChannelBannedUsers > Header */\n    HEADER_TITLE: string;\n  };\n  GROUP_CHANNEL_LIST: {\n    /** GroupChannelList > Header */\n    HEADER_TITLE: string;\n\n    /** GroupChannelList > Channel preview */\n    CHANNEL_PREVIEW_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;\n    CHANNEL_PREVIEW_TITLE_CAPTION: (channel: SendbirdGroupChannel, locale?: Locale) => string;\n    CHANNEL_PREVIEW_BODY: (channel: SendbirdGroupChannel) => string;\n\n    /** GroupChannelList > TypeSelector > Header */\n    TYPE_SELECTOR_HEADER_TITLE: string;\n    /** GroupChannelList > TypeSelector > Type string */\n    TYPE_SELECTOR_GROUP: string;\n    TYPE_SELECTOR_SUPER_GROUP: string;\n    TYPE_SELECTOR_BROADCAST: string;\n\n    /** GroupChannelList > Dialog > Channel */\n    DIALOG_CHANNEL_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;\n    DIALOG_CHANNEL_NOTIFICATION: (channel?: SendbirdGroupChannel) => string;\n    DIALOG_CHANNEL_LEAVE: string;\n  };\n  GROUP_CHANNEL_MEMBERS: {\n    /** GroupChannelMembers > Header */\n    HEADER_TITLE: string;\n\n    /** @deprecated Please use in LABELS **/\n    USER_BAR_ME_POSTFIX: string;\n    /** @deprecated Please use in LABELS **/\n    USER_BAR_OPERATOR: string;\n  };\n  GROUP_CHANNEL_INVITE: {\n    /** GroupChannelInvite > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: <T>(params: { selectedUsers: Array<T> }) => string;\n  };\n  GROUP_CHANNEL_CREATE: {\n    /** GroupChannelCreate > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: <T>(params: { selectedUsers: Array<T> }) => string;\n  };\n  // UI\n  LABELS: {\n    USER_NO_NAME: string;\n    CHANNEL_NO_MEMBERS: string;\n    TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;\n\n    USER_BAR_ME_POSTFIX: string;\n    USER_BAR_OPERATOR: string;\n\n    REGISTER_AS_OPERATOR: string;\n    UNREGISTER_OPERATOR: string;\n    MUTE: string;\n    UNMUTE: string;\n    BAN: string;\n    UNBAN: string;\n  };\n  FILE_VIEWER: {\n    TITLE: (message: SendbirdFileMessage) => string;\n    SUBTITLE: (message: SendbirdFileMessage) => string;\n  };\n  PLACEHOLDER: {\n    NO_BANNED_USERS: string;\n    NO_USERS: string;\n    NO_CHANNELS: string;\n    NO_MESSAGES: string;\n    NO_MUTED_MEMBERS: string;\n    NO_RESULTS_FOUND: string;\n    ERROR: {\n      MESSAGE: string;\n      RETRY_LABEL: string;\n    };\n  };\n  DIALOG: {\n    ALERT_DEFAULT_OK: string;\n\n    ALERT_PERMISSIONS_TITLE: string;\n    ALERT_PERMISSIONS_MESSAGE: (permission: string, appName: string) => string;\n    ALERT_PERMISSIONS_OK: string;\n\n    PROMPT_DEFAULT_OK: string;\n    PROMPT_DEFAULT_CANCEL: string;\n    PROMPT_DEFAULT_PLACEHOLDER: string;\n  };\n  TOAST: {\n    COPY_OK: string;\n    DOWNLOAD_START: string;\n    DOWNLOAD_OK: string;\n    DOWNLOAD_ERROR: string;\n    OPEN_CAMERA_ERROR: string;\n    OPEN_PHOTO_LIBRARY_ERROR: string;\n    OPEN_FILES_ERROR: string;\n    RESEND_MSG_ERROR: string;\n    DELETE_MSG_ERROR: string;\n    SEND_MSG_ERROR: string;\n    UPDATE_MSG_ERROR: string;\n    TURN_ON_NOTIFICATIONS_ERROR: string;\n    TURN_OFF_NOTIFICATIONS_ERROR: string;\n    LEAVE_CHANNEL_ERROR: string;\n  };\n  PROFILE_CARD: {\n    BUTTON_MESSAGE: string;\n    BODY_LABEL: string;\n    BODY: (user: SendbirdUser | SendbirdMember) => string;\n  };\n}\n\ntype StringSetCreateOptions = {\n  dateLocale: Locale;\n  overrides?: PartialDeep<StringSet>;\n};\n\n/**\n * Create string set\n * You can create localized String set, you should provide locale for date and string as a parameters\n *\n * @param {StringSetCreateOptions.dateLocale} dateLocale Date locale (from date-fns)\n * @param {StringSetCreateOptions.overrides} [overrides] Localized strings\n * */\nexport const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOptions): StringSet => {\n  const USER_NO_NAME = overrides?.LABELS?.USER_NO_NAME ?? '(No name)';\n  const CHANNEL_NO_MEMBERS = overrides?.LABELS?.CHANNEL_NO_MEMBERS ?? '(No members)';\n  return {\n    GROUP_CHANNEL: {\n      HEADER_TITLE: (currentUserId, channel) =>\n        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),\n      LIST_BANNER_FROZEN: 'Channel is frozen',\n      LIST_DATE_SEPARATOR: (date, locale) => dateSeparator(date, locale ?? dateLocale),\n      LIST_BUTTON_NEW_MSG: (newMessages) => `${newMessages.length} new messages`,\n\n      MESSAGE_BUBBLE_TIME: (message, locale) => messageTime(new Date(message.createdAt), locale ?? dateLocale),\n      MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,\n      MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',\n      MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',\n      MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',\n\n      INPUT_PLACEHOLDER_ACTIVE: 'Enter message',\n      INPUT_PLACEHOLDER_DISABLED: 'Chat not available in this channel.',\n      INPUT_PLACEHOLDER_MUTED: \"You're muted by the operator.\",\n      INPUT_EDIT_OK: 'Save',\n      INPUT_EDIT_CANCEL: 'Cancel',\n\n      DIALOG_MESSAGE_COPY: 'Copy',\n      DIALOG_MESSAGE_EDIT: 'Edit',\n      DIALOG_MESSAGE_SAVE: 'Save',\n      DIALOG_MESSAGE_DELETE: 'Delete',\n      DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: 'Delete message?',\n      DIALOG_MESSAGE_DELETE_CONFIRM_OK: 'Delete',\n      DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: 'Cancel',\n      DIALOG_MESSAGE_FAILED_RETRY: 'Retry',\n      DIALOG_MESSAGE_FAILED_REMOVE: 'Remove',\n\n      DIALOG_ATTACHMENT_CAMERA: 'Camera',\n      DIALOG_ATTACHMENT_PHOTO_LIBRARY: 'Photo library',\n      DIALOG_ATTACHMENT_FILES: 'Files',\n      ...overrides?.GROUP_CHANNEL,\n    },\n    GROUP_CHANNEL_SETTINGS: {\n      HEADER_TITLE: 'Channel information',\n      HEADER_RIGHT: 'Edit',\n      MENU_MODERATION: 'Moderation',\n      MENU_NOTIFICATION: 'Notifications',\n      MENU_MEMBERS: 'Members',\n      MENU_LEAVE_CHANNEL: 'Leave channel',\n      DIALOG_CHANGE_NAME: 'Change channel name',\n      DIALOG_CHANGE_NAME_PROMPT_TITLE: 'Change channel name',\n      DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: 'Enter name',\n      DIALOG_CHANGE_NAME_PROMPT_OK: 'Save',\n      DIALOG_CHANGE_NAME_PROMPT_CANCEL: 'Cancel',\n      DIALOG_CHANGE_IMAGE: 'Change channel image',\n      DIALOG_CHANGE_IMAGE_MENU_TITLE: 'Change channel image',\n      DIALOG_CHANGE_IMAGE_MENU_CAMERA: 'Take photo',\n      DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',\n      ...overrides?.GROUP_CHANNEL_SETTINGS,\n    },\n    GROUP_CHANNEL_MODERATION: {\n      HEADER_TITLE: 'Moderation',\n      MENU_OPERATORS: 'Operators',\n      MENU_MUTED_MEMBERS: 'Muted members',\n      MENU_BANNED_USERS: 'Banned users',\n      MENU_FREEZE_CHANNEL: 'Freeze channel',\n      ...overrides?.GROUP_CHANNEL_MODERATION,\n    },\n    GROUP_CHANNEL_OPERATORS: {\n      HEADER_TITLE: 'Operators',\n      ...overrides?.GROUP_CHANNEL_OPERATORS,\n    },\n    GROUP_CHANNEL_REGISTER_OPERATOR: {\n      HEADER_TITLE: 'Set as operators',\n      HEADER_RIGHT: ({ selectedUsers }) => {\n        const len = selectedUsers.length;\n        if (len === 0) return 'Add';\n        return `Add (${len})`;\n      },\n      ...overrides?.GROUP_CHANNEL_OPERATORS,\n    },\n    GROUP_CHANNEL_MUTED_MEMBERS: {\n      HEADER_TITLE: 'Muted members',\n      ...overrides?.GROUP_CHANNEL_MUTED_MEMBERS,\n    },\n    GROUP_CHANNEL_BANNED_USERS: {\n      HEADER_TITLE: 'Banned users',\n      ...overrides?.GROUP_CHANNEL_BANNED_USERS,\n    },\n    GROUP_CHANNEL_LIST: {\n      HEADER_TITLE: 'Channels',\n      CHANNEL_PREVIEW_TITLE: (currentUserId, channel) =>\n        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),\n      CHANNEL_PREVIEW_TITLE_CAPTION: (channel, locale) => getGroupChannelPreviewTime(channel, locale ?? dateLocale),\n      CHANNEL_PREVIEW_BODY: (channel) => getGroupChannelLastMessage(channel),\n      TYPE_SELECTOR_HEADER_TITLE: 'Channel type',\n      TYPE_SELECTOR_GROUP: 'Group',\n      TYPE_SELECTOR_SUPER_GROUP: 'Super group',\n      TYPE_SELECTOR_BROADCAST: 'Broadcast',\n      DIALOG_CHANNEL_TITLE: (currentUserId, channel) =>\n        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),\n      DIALOG_CHANNEL_NOTIFICATION: (channel) => {\n        if (!channel) return '';\n        if (channel.myPushTriggerOption === 'off') return 'Turn on notifications';\n        return 'Turn off notifications';\n      },\n      DIALOG_CHANNEL_LEAVE: 'Leave channel',\n      ...overrides?.GROUP_CHANNEL_LIST,\n    },\n    GROUP_CHANNEL_MEMBERS: {\n      HEADER_TITLE: 'Members',\n      /** @deprecated Please use in LABELS **/\n      USER_BAR_ME_POSTFIX: ' (You)',\n      /** @deprecated Please use in LABELS **/\n      USER_BAR_OPERATOR: 'Operator',\n      ...overrides?.GROUP_CHANNEL_MEMBERS,\n    },\n    GROUP_CHANNEL_CREATE: {\n      HEADER_TITLE: 'New channel',\n      HEADER_RIGHT: ({ selectedUsers }) => {\n        const len = selectedUsers.length;\n        if (len === 0) return 'Create';\n        return `Create (${len})`;\n      },\n      ...overrides?.GROUP_CHANNEL_CREATE,\n    },\n    GROUP_CHANNEL_INVITE: {\n      HEADER_TITLE: 'Invite users',\n      HEADER_RIGHT: ({ selectedUsers }) => {\n        const len = selectedUsers.length;\n        if (len === 0) return 'Invite';\n        return `Invite (${len})`;\n      },\n      ...overrides?.GROUP_CHANNEL_INVITE,\n    },\n    LABELS: {\n      USER_NO_NAME,\n      CHANNEL_NO_MEMBERS,\n      TYPING_INDICATOR_TYPINGS: (users, NO_NAME = USER_NO_NAME) => {\n        const userNames = users.map((u) => u.nickname || NO_NAME);\n        if (userNames.length === 0) return;\n        if (userNames.length === 1) return `${userNames[0]} is typing...`;\n        if (users.length === 2) return `${userNames.join(' and ')} are typing...`;\n        return 'Several people are typing...';\n      },\n      USER_BAR_ME_POSTFIX: ' (You)',\n      USER_BAR_OPERATOR: 'Operator',\n      REGISTER_AS_OPERATOR: 'Register as operator',\n      UNREGISTER_OPERATOR: 'Unregister operator',\n      MUTE: 'Mute',\n      UNMUTE: 'Unmute',\n      BAN: 'Ban',\n      UNBAN: 'Unban',\n      ...overrides?.LABELS,\n    },\n    FILE_VIEWER: {\n      TITLE: (message) => message.sender?.nickname || USER_NO_NAME,\n      SUBTITLE: (message) => messageTime(new Date(message.createdAt), dateLocale),\n    },\n    PLACEHOLDER: {\n      NO_BANNED_USERS: 'No banned users',\n      NO_USERS: 'No users',\n      NO_CHANNELS: 'No channels',\n      NO_MESSAGES: 'No messages',\n      NO_MUTED_MEMBERS: 'No muted members',\n      NO_RESULTS_FOUND: 'No results found',\n      ...overrides?.PLACEHOLDER,\n      ERROR: {\n        MESSAGE: 'Something went wrong',\n        RETRY_LABEL: 'Retry',\n        ...overrides?.PLACEHOLDER?.ERROR,\n      },\n    },\n    DIALOG: {\n      ALERT_DEFAULT_OK: 'OK',\n      ALERT_PERMISSIONS_TITLE: 'Allow access?',\n      ALERT_PERMISSIONS_MESSAGE: (permission, appName = 'Application') => {\n        return `${appName} need permission to access your ${permission}. Go to Settings to allow access`;\n      },\n      ALERT_PERMISSIONS_OK: 'Go to settings',\n      PROMPT_DEFAULT_OK: 'Submit',\n      PROMPT_DEFAULT_CANCEL: 'Cancel',\n      PROMPT_DEFAULT_PLACEHOLDER: 'Enter',\n      ...overrides?.DIALOG,\n    },\n    TOAST: {\n      COPY_OK: 'Copied',\n      DOWNLOAD_START: 'Downloading...',\n      DOWNLOAD_OK: 'File saved',\n      DOWNLOAD_ERROR: \"Couldn't download file.\",\n      OPEN_CAMERA_ERROR: \"Couldn't open camera.\",\n      OPEN_FILES_ERROR: \"Couldn't open files.\",\n      OPEN_PHOTO_LIBRARY_ERROR: \"Couldn't open photo library.\",\n      DELETE_MSG_ERROR: \"Couldn't delete message.\",\n      RESEND_MSG_ERROR: \"Couldn't send message.\",\n      SEND_MSG_ERROR: \"Couldn't send message.\",\n      UPDATE_MSG_ERROR: \"Couldn't edit message.\",\n      TURN_ON_NOTIFICATIONS_ERROR: \"Couldn't turn on notifications.\",\n      TURN_OFF_NOTIFICATIONS_ERROR: \"Couldn't turn off notifications.\",\n      LEAVE_CHANNEL_ERROR: \"Couldn't leave channel.\",\n      ...overrides?.TOAST,\n    },\n    PROFILE_CARD: {\n      BUTTON_MESSAGE: 'Message',\n      BODY_LABEL: 'User ID',\n      BODY: (user) => user.userId,\n      ...overrides?.PROFILE_CARD,\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"names":["createBaseStringSet","dateLocale","overrides","USER_NO_NAME","LABELS","CHANNEL_NO_MEMBERS","GROUP_CHANNEL","HEADER_TITLE","currentUserId","channel","getGroupChannelTitle","LIST_BANNER_FROZEN","LIST_DATE_SEPARATOR","date","locale","getDateSeparatorFormat","LIST_BUTTON_NEW_MSG","newMessages","length","MESSAGE_BUBBLE_TIME","message","getMessageTimeFormat","Date","createdAt","MESSAGE_BUBBLE_FILE_TITLE","name","MESSAGE_BUBBLE_EDITED_POSTFIX","MESSAGE_BUBBLE_UNKNOWN_TITLE","MESSAGE_BUBBLE_UNKNOWN_DESC","INPUT_PLACEHOLDER_ACTIVE","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_EDIT_OK","INPUT_EDIT_CANCEL","MENTION_LIMITED","mentionLimit","DIALOG_MESSAGE_COPY","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_SAVE","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","DIALOG_MESSAGE_DELETE_CONFIRM_OK","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_FAILED_RETRY","DIALOG_MESSAGE_FAILED_REMOVE","DIALOG_ATTACHMENT_CAMERA","DIALOG_ATTACHMENT_PHOTO_LIBRARY","DIALOG_ATTACHMENT_FILES","GROUP_CHANNEL_SETTINGS","HEADER_RIGHT","MENU_MODERATION","MENU_MEMBERS","MENU_LEAVE_CHANNEL","MENU_NOTIFICATION","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENU_NOTIFICATION_LABEL_MENTION_ONLY","DIALOG_CHANGE_NAME","DIALOG_CHANGE_NAME_PROMPT_TITLE","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","DIALOG_CHANGE_NAME_PROMPT_OK","DIALOG_CHANGE_NAME_PROMPT_CANCEL","DIALOG_CHANGE_IMAGE","DIALOG_CHANGE_IMAGE_MENU_TITLE","DIALOG_CHANGE_IMAGE_MENU_CAMERA","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","GROUP_CHANNEL_NOTIFICATIONS","MENU_NOTIFICATIONS","MENU_NOTIFICATIONS_DESC","MENU_NOTIFICATIONS_OPTION_ALL","MENU_NOTIFICATIONS_OPTION_MENTION_ONLY","GROUP_CHANNEL_MODERATION","MENU_OPERATORS","MENU_MUTED_MEMBERS","MENU_BANNED_USERS","MENU_FREEZE_CHANNEL","GROUP_CHANNEL_OPERATORS","GROUP_CHANNEL_REGISTER_OPERATOR","selectedUsers","len","GROUP_CHANNEL_MUTED_MEMBERS","GROUP_CHANNEL_BANNED_USERS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","getGroupChannelPreviewTime","CHANNEL_PREVIEW_BODY","getGroupChannelLastMessage","TYPE_SELECTOR_HEADER_TITLE","TYPE_SELECTOR_GROUP","TYPE_SELECTOR_SUPER_GROUP","TYPE_SELECTOR_BROADCAST","DIALOG_CHANNEL_TITLE","DIALOG_CHANNEL_NOTIFICATION","myPushTriggerOption","DIALOG_CHANNEL_LEAVE","GROUP_CHANNEL_MEMBERS","USER_BAR_ME_POSTFIX","USER_BAR_OPERATOR","GROUP_CHANNEL_CREATE","GROUP_CHANNEL_INVITE","TYPING_INDICATOR_TYPINGS","users","NO_NAME","userNames","map","u","nickname","join","REGISTER_AS_OPERATOR","UNREGISTER_OPERATOR","MUTE","UNMUTE","BAN","UNBAN","FILE_VIEWER","TITLE","sender","SUBTITLE","PLACEHOLDER","NO_BANNED_USERS","NO_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_RESULTS_FOUND","ERROR","MESSAGE","RETRY_LABEL","DIALOG","ALERT_DEFAULT_OK","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","permission","appName","ALERT_PERMISSIONS_OK","PROMPT_DEFAULT_OK","PROMPT_DEFAULT_CANCEL","PROMPT_DEFAULT_PLACEHOLDER","TOAST","COPY_OK","DOWNLOAD_START","DOWNLOAD_OK","DOWNLOAD_ERROR","OPEN_CAMERA_ERROR","OPEN_FILES_ERROR","OPEN_PHOTO_LIBRARY_ERROR","DELETE_MSG_ERROR","RESEND_MSG_ERROR","SEND_MSG_ERROR","UPDATE_MSG_ERROR","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","LEAVE_CHANNEL_ERROR","PROFILE_CARD","BUTTON_MESSAGE","BODY_LABEL","BODY","user","userId"],"sources":["StringSet.type.ts"],"sourcesContent":["import type { Locale } from 'date-fns';\n\nimport type {\n  PartialDeep,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMember,\n  SendbirdMessage,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport {\n  getDateSeparatorFormat,\n  getGroupChannelLastMessage,\n  getGroupChannelPreviewTime,\n  getGroupChannelTitle,\n  getMessageTimeFormat,\n} from '@sendbird/uikit-utils';\n\n/**\n * StringSet interface\n * Do not configure over 3 depths (for overrides easy)\n * */\nexport interface StringSet {\n  GROUP_CHANNEL: {\n    /** GroupChannel > Header */\n    HEADER_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;\n\n    /** GroupChannel > List */\n    LIST_BANNER_FROZEN: string;\n    LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;\n    LIST_BUTTON_NEW_MSG: (newMessages: SendbirdMessage[]) => string;\n\n    /** GroupChannel > Message bubble */\n    MESSAGE_BUBBLE_TIME: (message: SendbirdMessage, locale?: Locale) => string;\n    MESSAGE_BUBBLE_FILE_TITLE: (message: SendbirdFileMessage) => string;\n    MESSAGE_BUBBLE_EDITED_POSTFIX: string;\n    MESSAGE_BUBBLE_UNKNOWN_TITLE: (message: SendbirdMessage) => string;\n    MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;\n\n    /** GroupChannel > Input */\n    INPUT_PLACEHOLDER_ACTIVE: string;\n    INPUT_PLACEHOLDER_DISABLED: string;\n    INPUT_PLACEHOLDER_MUTED: string;\n    INPUT_EDIT_OK: string;\n    INPUT_EDIT_CANCEL: string;\n\n    /** GroupChannel > Suggested mention list */\n    MENTION_LIMITED: (mentionLimit: number) => string;\n\n    /** GroupChannel > Dialog > Message */\n    DIALOG_MESSAGE_COPY: string;\n    DIALOG_MESSAGE_EDIT: string;\n    DIALOG_MESSAGE_SAVE: string;\n    DIALOG_MESSAGE_DELETE: string;\n    /** GroupChannel > Dialog > Message > Delete confirm */\n    DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: string;\n    DIALOG_MESSAGE_DELETE_CONFIRM_OK: string;\n    DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: string;\n    /** GroupChannel > Dialog > Message > Failed */\n    DIALOG_MESSAGE_FAILED_RETRY: string;\n    DIALOG_MESSAGE_FAILED_REMOVE: string;\n\n    /** GroupChannel > Dialog > Attachments */\n    DIALOG_ATTACHMENT_CAMERA: string;\n    DIALOG_ATTACHMENT_PHOTO_LIBRARY: string;\n    DIALOG_ATTACHMENT_FILES: string;\n  };\n  GROUP_CHANNEL_SETTINGS: {\n    /** GroupChannelSettings > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: string;\n\n    /** GroupChannelSettings > Menu */\n    MENU_MODERATION: string;\n    MENU_MEMBERS: string;\n    MENU_LEAVE_CHANNEL: string;\n    MENU_NOTIFICATION: string;\n    MENU_NOTIFICATION_LABEL_ON: string;\n    MENU_NOTIFICATION_LABEL_OFF: string;\n    MENU_NOTIFICATION_LABEL_MENTION_ONLY: string;\n\n    /** GroupChannelSettings > Dialog */\n    DIALOG_CHANGE_NAME: string;\n    DIALOG_CHANGE_IMAGE: string;\n    DIALOG_CHANGE_NAME_PROMPT_TITLE: string;\n    DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: string;\n    DIALOG_CHANGE_NAME_PROMPT_CANCEL: string;\n    DIALOG_CHANGE_NAME_PROMPT_OK: string;\n    DIALOG_CHANGE_IMAGE_MENU_TITLE: string;\n    DIALOG_CHANGE_IMAGE_MENU_CAMERA: string;\n    DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: string;\n  };\n  GROUP_CHANNEL_NOTIFICATIONS: {\n    /** GroupChannelNotifications > Header */\n    HEADER_TITLE: string;\n\n    /** GroupChannelNotifications > Menu */\n    MENU_NOTIFICATIONS: string;\n    MENU_NOTIFICATIONS_DESC: string;\n    MENU_NOTIFICATIONS_OPTION_ALL: string;\n    MENU_NOTIFICATIONS_OPTION_MENTION_ONLY: string;\n  };\n  GROUP_CHANNEL_MODERATION: {\n    /** GroupChannelModeration > Header */\n    HEADER_TITLE: string;\n\n    /** GroupChannelModeration > Menu */\n    MENU_OPERATORS: string;\n    MENU_MUTED_MEMBERS: string;\n    MENU_BANNED_USERS: string;\n    MENU_FREEZE_CHANNEL: string;\n  };\n  GROUP_CHANNEL_OPERATORS: {\n    /** GroupChannelOperators > Header */\n    HEADER_TITLE: string;\n  };\n  GROUP_CHANNEL_REGISTER_OPERATOR: {\n    /** GroupChannelRegisterOperator > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: (params: { selectedUsers: Array<SendbirdMember> }) => string;\n  };\n  GROUP_CHANNEL_MUTED_MEMBERS: {\n    /** GroupChannelMutedMembers > Header */\n    HEADER_TITLE: string;\n  };\n  GROUP_CHANNEL_BANNED_USERS: {\n    /** GroupChannelBannedUsers > Header */\n    HEADER_TITLE: string;\n  };\n  GROUP_CHANNEL_LIST: {\n    /** GroupChannelList > Header */\n    HEADER_TITLE: string;\n\n    /** GroupChannelList > Channel preview */\n    CHANNEL_PREVIEW_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;\n    CHANNEL_PREVIEW_TITLE_CAPTION: (channel: SendbirdGroupChannel, locale?: Locale) => string;\n    CHANNEL_PREVIEW_BODY: (channel: SendbirdGroupChannel) => string;\n\n    /** GroupChannelList > TypeSelector > Header */\n    TYPE_SELECTOR_HEADER_TITLE: string;\n    /** GroupChannelList > TypeSelector > Type string */\n    TYPE_SELECTOR_GROUP: string;\n    TYPE_SELECTOR_SUPER_GROUP: string;\n    TYPE_SELECTOR_BROADCAST: string;\n\n    /** GroupChannelList > Dialog > Channel */\n    DIALOG_CHANNEL_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;\n    DIALOG_CHANNEL_NOTIFICATION: (channel?: SendbirdGroupChannel) => string;\n    DIALOG_CHANNEL_LEAVE: string;\n  };\n  GROUP_CHANNEL_MEMBERS: {\n    /** GroupChannelMembers > Header */\n    HEADER_TITLE: string;\n\n    /** @deprecated Please use in LABELS **/\n    USER_BAR_ME_POSTFIX: string;\n    /** @deprecated Please use in LABELS **/\n    USER_BAR_OPERATOR: string;\n  };\n  GROUP_CHANNEL_INVITE: {\n    /** GroupChannelInvite > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: <T>(params: { selectedUsers: Array<T> }) => string;\n  };\n  GROUP_CHANNEL_CREATE: {\n    /** GroupChannelCreate > Header */\n    HEADER_TITLE: string;\n    HEADER_RIGHT: <T>(params: { selectedUsers: Array<T> }) => string;\n  };\n  // UI\n  LABELS: {\n    USER_NO_NAME: string;\n    CHANNEL_NO_MEMBERS: string;\n    TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;\n\n    USER_BAR_ME_POSTFIX: string;\n    USER_BAR_OPERATOR: string;\n\n    REGISTER_AS_OPERATOR: string;\n    UNREGISTER_OPERATOR: string;\n    MUTE: string;\n    UNMUTE: string;\n    BAN: string;\n    UNBAN: string;\n  };\n  FILE_VIEWER: {\n    TITLE: (message: SendbirdFileMessage) => string;\n    SUBTITLE: (message: SendbirdFileMessage) => string;\n  };\n  PLACEHOLDER: {\n    NO_BANNED_USERS: string;\n    NO_USERS: string;\n    NO_CHANNELS: string;\n    NO_MESSAGES: string;\n    NO_MUTED_MEMBERS: string;\n    NO_RESULTS_FOUND: string;\n    ERROR: {\n      MESSAGE: string;\n      RETRY_LABEL: string;\n    };\n  };\n  DIALOG: {\n    ALERT_DEFAULT_OK: string;\n\n    ALERT_PERMISSIONS_TITLE: string;\n    ALERT_PERMISSIONS_MESSAGE: (permission: string, appName: string) => string;\n    ALERT_PERMISSIONS_OK: string;\n\n    PROMPT_DEFAULT_OK: string;\n    PROMPT_DEFAULT_CANCEL: string;\n    PROMPT_DEFAULT_PLACEHOLDER: string;\n  };\n  TOAST: {\n    COPY_OK: string;\n    DOWNLOAD_START: string;\n    DOWNLOAD_OK: string;\n    DOWNLOAD_ERROR: string;\n    OPEN_CAMERA_ERROR: string;\n    OPEN_PHOTO_LIBRARY_ERROR: string;\n    OPEN_FILES_ERROR: string;\n    RESEND_MSG_ERROR: string;\n    DELETE_MSG_ERROR: string;\n    SEND_MSG_ERROR: string;\n    UPDATE_MSG_ERROR: string;\n    TURN_ON_NOTIFICATIONS_ERROR: string;\n    TURN_OFF_NOTIFICATIONS_ERROR: string;\n    LEAVE_CHANNEL_ERROR: string;\n  };\n  PROFILE_CARD: {\n    BUTTON_MESSAGE: string;\n    BODY_LABEL: string;\n    BODY: (user: SendbirdUser | SendbirdMember) => string;\n  };\n}\n\ntype StringSetCreateOptions = {\n  dateLocale: Locale;\n  overrides?: PartialDeep<StringSet>;\n};\n\n/**\n * Create string set\n * You can create localized String set, you should provide locale for date and string as a parameters\n *\n * @param {StringSetCreateOptions.dateLocale} dateLocale Date locale (from date-fns)\n * @param {StringSetCreateOptions.overrides} [overrides] Localized strings\n * */\nexport const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOptions): StringSet => {\n  const USER_NO_NAME = overrides?.LABELS?.USER_NO_NAME ?? '(No name)';\n  const CHANNEL_NO_MEMBERS = overrides?.LABELS?.CHANNEL_NO_MEMBERS ?? '(No members)';\n  return {\n    GROUP_CHANNEL: {\n      HEADER_TITLE: (currentUserId, channel) =>\n        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),\n      LIST_BANNER_FROZEN: 'Channel is frozen',\n      LIST_DATE_SEPARATOR: (date, locale) => getDateSeparatorFormat(date, locale ?? dateLocale),\n      LIST_BUTTON_NEW_MSG: (newMessages) => `${newMessages.length} new messages`,\n\n      MESSAGE_BUBBLE_TIME: (message, locale) => getMessageTimeFormat(new Date(message.createdAt), locale ?? dateLocale),\n      MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,\n      MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',\n      MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',\n      MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',\n\n      INPUT_PLACEHOLDER_ACTIVE: 'Enter message',\n      INPUT_PLACEHOLDER_DISABLED: 'Chat not available in this channel.',\n      INPUT_PLACEHOLDER_MUTED: \"You're muted by the operator.\",\n      INPUT_EDIT_OK: 'Save',\n      INPUT_EDIT_CANCEL: 'Cancel',\n\n      MENTION_LIMITED: (mentionLimit) => `You can have up to ${mentionLimit} mentions per message.`,\n\n      DIALOG_MESSAGE_COPY: 'Copy',\n      DIALOG_MESSAGE_EDIT: 'Edit',\n      DIALOG_MESSAGE_SAVE: 'Save',\n      DIALOG_MESSAGE_DELETE: 'Delete',\n      DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: 'Delete message?',\n      DIALOG_MESSAGE_DELETE_CONFIRM_OK: 'Delete',\n      DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: 'Cancel',\n      DIALOG_MESSAGE_FAILED_RETRY: 'Retry',\n      DIALOG_MESSAGE_FAILED_REMOVE: 'Remove',\n\n      DIALOG_ATTACHMENT_CAMERA: 'Camera',\n      DIALOG_ATTACHMENT_PHOTO_LIBRARY: 'Photo library',\n      DIALOG_ATTACHMENT_FILES: 'Files',\n      ...overrides?.GROUP_CHANNEL,\n    },\n    GROUP_CHANNEL_SETTINGS: {\n      HEADER_TITLE: 'Channel information',\n      HEADER_RIGHT: 'Edit',\n      MENU_MODERATION: 'Moderation',\n      MENU_MEMBERS: 'Members',\n      MENU_LEAVE_CHANNEL: 'Leave channel',\n      MENU_NOTIFICATION: 'Notifications',\n      MENU_NOTIFICATION_LABEL_ON: 'On',\n      MENU_NOTIFICATION_LABEL_OFF: 'Off',\n      MENU_NOTIFICATION_LABEL_MENTION_ONLY: 'Mentions only',\n      DIALOG_CHANGE_NAME: 'Change channel name',\n      DIALOG_CHANGE_NAME_PROMPT_TITLE: 'Change channel name',\n      DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: 'Enter name',\n      DIALOG_CHANGE_NAME_PROMPT_OK: 'Save',\n      DIALOG_CHANGE_NAME_PROMPT_CANCEL: 'Cancel',\n      DIALOG_CHANGE_IMAGE: 'Change channel image',\n      DIALOG_CHANGE_IMAGE_MENU_TITLE: 'Change channel image',\n      DIALOG_CHANGE_IMAGE_MENU_CAMERA: 'Take photo',\n      DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',\n      ...overrides?.GROUP_CHANNEL_SETTINGS,\n    },\n    GROUP_CHANNEL_NOTIFICATIONS: {\n      HEADER_TITLE: 'Notifications',\n      MENU_NOTIFICATIONS: 'Notifications',\n      MENU_NOTIFICATIONS_DESC:\n        'Turn on push notifications if you wish to be notified when messages are delivered to this channel.',\n      MENU_NOTIFICATIONS_OPTION_ALL: 'All new messages',\n      MENU_NOTIFICATIONS_OPTION_MENTION_ONLY: 'Mentions only',\n      ...overrides?.GROUP_CHANNEL_NOTIFICATIONS,\n    },\n    GROUP_CHANNEL_MODERATION: {\n      HEADER_TITLE: 'Moderation',\n      MENU_OPERATORS: 'Operators',\n      MENU_MUTED_MEMBERS: 'Muted members',\n      MENU_BANNED_USERS: 'Banned users',\n      MENU_FREEZE_CHANNEL: 'Freeze channel',\n      ...overrides?.GROUP_CHANNEL_MODERATION,\n    },\n    GROUP_CHANNEL_OPERATORS: {\n      HEADER_TITLE: 'Operators',\n      ...overrides?.GROUP_CHANNEL_OPERATORS,\n    },\n    GROUP_CHANNEL_REGISTER_OPERATOR: {\n      HEADER_TITLE: 'Set as operators',\n      HEADER_RIGHT: ({ selectedUsers }) => {\n        const len = selectedUsers.length;\n        if (len === 0) return 'Add';\n        return `Add (${len})`;\n      },\n      ...overrides?.GROUP_CHANNEL_OPERATORS,\n    },\n    GROUP_CHANNEL_MUTED_MEMBERS: {\n      HEADER_TITLE: 'Muted members',\n      ...overrides?.GROUP_CHANNEL_MUTED_MEMBERS,\n    },\n    GROUP_CHANNEL_BANNED_USERS: {\n      HEADER_TITLE: 'Banned users',\n      ...overrides?.GROUP_CHANNEL_BANNED_USERS,\n    },\n    GROUP_CHANNEL_LIST: {\n      HEADER_TITLE: 'Channels',\n      CHANNEL_PREVIEW_TITLE: (currentUserId, channel) =>\n        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),\n      CHANNEL_PREVIEW_TITLE_CAPTION: (channel, locale) => getGroupChannelPreviewTime(channel, locale ?? dateLocale),\n      CHANNEL_PREVIEW_BODY: (channel) => getGroupChannelLastMessage(channel),\n      TYPE_SELECTOR_HEADER_TITLE: 'Channel type',\n      TYPE_SELECTOR_GROUP: 'Group',\n      TYPE_SELECTOR_SUPER_GROUP: 'Super group',\n      TYPE_SELECTOR_BROADCAST: 'Broadcast',\n      DIALOG_CHANNEL_TITLE: (currentUserId, channel) =>\n        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),\n      DIALOG_CHANNEL_NOTIFICATION: (channel) => {\n        if (!channel) return '';\n        if (channel.myPushTriggerOption === 'off') return 'Turn on notifications';\n        return 'Turn off notifications';\n      },\n      DIALOG_CHANNEL_LEAVE: 'Leave channel',\n      ...overrides?.GROUP_CHANNEL_LIST,\n    },\n    GROUP_CHANNEL_MEMBERS: {\n      HEADER_TITLE: 'Members',\n      /** @deprecated Please use in LABELS **/\n      USER_BAR_ME_POSTFIX: ' (You)',\n      /** @deprecated Please use in LABELS **/\n      USER_BAR_OPERATOR: 'Operator',\n      ...overrides?.GROUP_CHANNEL_MEMBERS,\n    },\n    GROUP_CHANNEL_CREATE: {\n      HEADER_TITLE: 'New channel',\n      HEADER_RIGHT: ({ selectedUsers }) => {\n        const len = selectedUsers.length;\n        if (len === 0) return 'Create';\n        return `Create (${len})`;\n      },\n      ...overrides?.GROUP_CHANNEL_CREATE,\n    },\n    GROUP_CHANNEL_INVITE: {\n      HEADER_TITLE: 'Invite users',\n      HEADER_RIGHT: ({ selectedUsers }) => {\n        const len = selectedUsers.length;\n        if (len === 0) return 'Invite';\n        return `Invite (${len})`;\n      },\n      ...overrides?.GROUP_CHANNEL_INVITE,\n    },\n    LABELS: {\n      USER_NO_NAME,\n      CHANNEL_NO_MEMBERS,\n      TYPING_INDICATOR_TYPINGS: (users, NO_NAME = USER_NO_NAME) => {\n        const userNames = users.map((u) => u.nickname || NO_NAME);\n        if (userNames.length === 0) return;\n        if (userNames.length === 1) return `${userNames[0]} is typing...`;\n        if (users.length === 2) return `${userNames.join(' and ')} are typing...`;\n        return 'Several people are typing...';\n      },\n      USER_BAR_ME_POSTFIX: ' (You)',\n      USER_BAR_OPERATOR: 'Operator',\n      REGISTER_AS_OPERATOR: 'Register as operator',\n      UNREGISTER_OPERATOR: 'Unregister operator',\n      MUTE: 'Mute',\n      UNMUTE: 'Unmute',\n      BAN: 'Ban',\n      UNBAN: 'Unban',\n      ...overrides?.LABELS,\n    },\n    FILE_VIEWER: {\n      TITLE: (message) => message.sender?.nickname || USER_NO_NAME,\n      SUBTITLE: (message) => getMessageTimeFormat(new Date(message.createdAt), dateLocale),\n    },\n    PLACEHOLDER: {\n      NO_BANNED_USERS: 'No banned users',\n      NO_USERS: 'No users',\n      NO_CHANNELS: 'No channels',\n      NO_MESSAGES: 'No messages',\n      NO_MUTED_MEMBERS: 'No muted members',\n      NO_RESULTS_FOUND: 'No results found',\n      ...overrides?.PLACEHOLDER,\n      ERROR: {\n        MESSAGE: 'Something went wrong',\n        RETRY_LABEL: 'Retry',\n        ...overrides?.PLACEHOLDER?.ERROR,\n      },\n    },\n    DIALOG: {\n      ALERT_DEFAULT_OK: 'OK',\n      ALERT_PERMISSIONS_TITLE: 'Allow access?',\n      ALERT_PERMISSIONS_MESSAGE: (permission, appName = 'Application') => {\n        return `${appName} need permission to access your ${permission}.`;\n      },\n      ALERT_PERMISSIONS_OK: 'Go to settings',\n      PROMPT_DEFAULT_OK: 'Submit',\n      PROMPT_DEFAULT_CANCEL: 'Cancel',\n      PROMPT_DEFAULT_PLACEHOLDER: 'Enter',\n      ...overrides?.DIALOG,\n    },\n    TOAST: {\n      COPY_OK: 'Copied',\n      DOWNLOAD_START: 'Downloading...',\n      DOWNLOAD_OK: 'File saved',\n      DOWNLOAD_ERROR: \"Couldn't download file.\",\n      OPEN_CAMERA_ERROR: \"Couldn't open camera.\",\n      OPEN_FILES_ERROR: \"Couldn't open files.\",\n      OPEN_PHOTO_LIBRARY_ERROR: \"Couldn't open photo library.\",\n      DELETE_MSG_ERROR: \"Couldn't delete message.\",\n      RESEND_MSG_ERROR: \"Couldn't send message.\",\n      SEND_MSG_ERROR: \"Couldn't send message.\",\n      UPDATE_MSG_ERROR: \"Couldn't edit message.\",\n      TURN_ON_NOTIFICATIONS_ERROR: \"Couldn't turn on notifications.\",\n      TURN_OFF_NOTIFICATIONS_ERROR: \"Couldn't turn off notifications.\",\n      LEAVE_CHANNEL_ERROR: \"Couldn't leave channel.\",\n      ...overrides?.TOAST,\n    },\n    PROFILE_CARD: {\n      BUTTON_MESSAGE: 'Message',\n      BODY_LABEL: 'User ID',\n      BODY: (user) => user.userId,\n      ...overrides?.PROFILE_CARD,\n    },\n  };\n};\n"],"mappings":"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"}

package/lib/commonjs/types.js.map

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

package/lib/commonjs/utils/common.js

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

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

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

package/lib/commonjs/version.js

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

package/lib/commonjs/version.js.map

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

package/lib/module/components/ChatFlatList.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","animated","current","scrollToOffset","offset","latestMessage","length","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","light","dark","Boolean","data"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n  return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  currentUserId?: string;\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  nextMessages: SendbirdMessage[];\n  onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n  { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n  const yPos = useRef(0);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const latestMessage = nextMessages[nextMessages.length - 1];\n    if (!latestMessage) return;\n\n    if (hasReachedToBottom(yPos.current)) {\n      onBottomReached();\n    } else if (isMyMessage(latestMessage, currentUserId)) {\n      scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n    }\n  }, [onBottomReached, nextMessages, currentUserId]);\n\n  const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n    (event) => {\n      const { contentOffset } = event.nativeEvent;\n      if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(false);\n      } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(true);\n      }\n\n      yPos.current = contentOffset.y;\n\n      onScroll?.(event);\n      if (hasReachedToBottom(yPos.current)) onBottomReached();\n    },\n    [onScroll, onBottomReached],\n  );\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatList\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n      // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n      ref={scrollRef}\n      onEndReachedThreshold={0.5}\n      onEndReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","getMessageUniqId","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","animated","current","scrollToOffset","offset","latestMessage","length","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","light","dark","Boolean","data"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n  return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  currentUserId?: string;\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  nextMessages: SendbirdMessage[];\n  onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n  { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n  const yPos = useRef(0);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const latestMessage = nextMessages[nextMessages.length - 1];\n    if (!latestMessage) return;\n\n    if (hasReachedToBottom(yPos.current)) {\n      onBottomReached();\n    } else if (isMyMessage(latestMessage, currentUserId)) {\n      scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n    }\n  }, [onBottomReached, nextMessages, currentUserId]);\n\n  const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n    (event) => {\n      const { contentOffset } = event.nativeEvent;\n      if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(false);\n      } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(true);\n      }\n\n      yPos.current = contentOffset.y;\n\n      onScroll?.(event);\n      if (hasReachedToBottom(yPos.current)) onBottomReached();\n    },\n    [onScroll, onBottomReached],\n  );\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatList\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n      // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n      ref={scrollRef}\n      onEndReachedThreshold={0.5}\n      onEndReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","usePlatformService","useRetry","videoFileUrl","retryCount","state","setState","thumbnail","loading","retryCountRef","retryTimeoutRef","mediaService","fetchThumbnail","getVideoThumbnail","url","timeMills","then","result","path","reloadReservation","current","setTimeout","clearTimeout","VideoFileMessage","message","colors","fileUrl","style","styles","image","backgroundColor","onBackground04","container","uri","PlayIcon","onBackground02","playIcon","onBackgroundReverse01","alignItems","justifyContent","width","maxWidth","height","borderRadius","position","padding"],"sources":["VideoFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (videoFileUrl: string, retryCount = 5) => {\n  const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n  const retryCountRef = useRef(0);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n  const { mediaService } = usePlatformService();\n\n  const fetchThumbnail = () => {\n    return mediaService?.getVideoThumbnail({ url: videoFileUrl, timeMills: 1000 }).then((result) => {\n      setState({ loading: false, thumbnail: result?.path ?? null });\n    });\n  };\n\n  useEffect(() => {\n    if (!state.thumbnail) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            fetchThumbnail();\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [state.thumbnail]);\n\n  return state;\n};\n\nconst VideoFileMessage = ({ message }: FileMessageProps) => {\n  const { colors } = useUIKitTheme();\n\n  const fileUrl = getAvailableUriFromFileMessage(message);\n  const style = [styles.image, { backgroundColor: colors.onBackground04 }];\n\n  const { loading, thumbnail } = useRetry(fileUrl);\n\n  if (loading) {\n    return (\n      <View style={[style, styles.container]}>\n        <PlayIcon />\n      </View>\n    );\n  }\n\n  return (\n    <View style={styles.container}>\n      <Image source={{ uri: thumbnail || fileUrl }} style={style} resizeMode={'cover'} resizeMethod={'resize'} />\n      <PlayIcon />\n    </View>\n  );\n};\n\nconst PlayIcon = () => {\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Icon\n      icon={'play'}\n      size={28}\n      color={colors.onBackground02}\n      containerStyle={[styles.playIcon, { backgroundColor: colors.onBackgroundReverse01 }]}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  image: {\n    width: 240,\n    maxWidth: 240,\n    height: 160,\n    borderRadius: 16,\n  },\n  playIcon: {\n    position: 'absolute',\n    padding: 10,\n    borderRadius: 50,\n  },\n});\n\nexport default VideoFileMessage;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useRef","useState","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","usePlatformService","useRetry","videoFileUrl","retryCount","state","setState","thumbnail","loading","retryCountRef","retryTimeoutRef","mediaService","fetchThumbnail","getVideoThumbnail","url","timeMills","then","result","path","reloadReservation","current","setTimeout","clearTimeout","VideoFileMessage","message","variant","children","colors","fileUrl","style","styles","video","backgroundColor","onBackground04","bubbleContainer","ui","enabled","background","bubbleInnerContainer","uri","PlayIcon","onBackground02","playIcon","onBackgroundReverse01","borderRadius","overflow","alignItems","justifyContent","width","maxWidth","height","position","padding"],"sources":["VideoFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (videoFileUrl: string, retryCount = 5) => {\n  const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n  const retryCountRef = useRef(0);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n  const { mediaService } = usePlatformService();\n\n  const fetchThumbnail = () => {\n    return mediaService?.getVideoThumbnail({ url: videoFileUrl, timeMills: 1000 }).then((result) => {\n      setState({ loading: false, thumbnail: result?.path ?? null });\n    });\n  };\n\n  useEffect(() => {\n    if (!state.thumbnail) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            fetchThumbnail();\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [state.thumbnail]);\n\n  return state;\n};\n\nconst VideoFileMessage = ({ message, variant, children }: FileMessageProps) => {\n  const { colors } = useUIKitTheme();\n\n  const fileUrl = getAvailableUriFromFileMessage(message);\n  const style = [styles.video, { backgroundColor: colors.onBackground04 }];\n\n  const { loading, thumbnail } = useRetry(fileUrl);\n\n  if (loading) {\n    return (\n      <View style={[styles.bubbleContainer, { backgroundColor: colors.ui.message[variant].enabled.background }]}>\n        <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>\n          <View style={style} />\n          <PlayIcon />\n        </View>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View style={[styles.bubbleContainer, { backgroundColor: colors.ui.message[variant].enabled.background }]}>\n      <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>\n        <Image source={{ uri: thumbnail || fileUrl }} style={style} resizeMode={'cover'} resizeMethod={'resize'} />\n        <PlayIcon />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst PlayIcon = () => {\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Icon\n      icon={'play'}\n      size={28}\n      color={colors.onBackground02}\n      containerStyle={[styles.playIcon, { backgroundColor: colors.onBackgroundReverse01 }]}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  bubbleContainer: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  bubbleInnerContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  video: {\n    width: 240,\n    maxWidth: 240,\n    height: 160,\n  },\n  playIcon: {\n    position: 'absolute',\n    padding: 10,\n    borderRadius: 50,\n  },\n});\n\nexport default VideoFileMessage;\n"],"mappings":"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"}