@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.0

package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","OpenGraphUserMessage","_ref","_ogMetaData$defaultIm","message","variant","pressed","ogMetaData","children","onLongPressMentionedUser","onLongPressURL","mentionManager","currentUser","useSendbirdChat","STRINGS","useLocalization","show","useUserProfile","colors","select","palette","useUIKitTheme","imageNotFound","setImageNotFound","useState","color","ui","groupChannelMessage","containerBackground","dark","background400","light","background100","createElement","View","style","styles","bubbleContainer","backgroundColor","container","background","messageContainer","Text","body3","textMsg","RegexText","patterns","regex","templateRegex","replacer","_ref2","_message$mentionedUse","match","groups","parentProps","keyPrefix","index","user","mentionedUsers","find","it","userId","isCurrentUser","onPress","onLongPress","mentionedText","highlight","asMentionedMessageText","urlRegexRough","_ref3","SBUUtils","openURL","urlText","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","TouchableOpacity","background500","background200","activeOpacity","url","ogImageContainer","conditionChaining","Icon","containerStyle","ogImage","icon","size","onBackground02","Image","uri","defaultImage","resizeMode","onError","ogContainer","numberOfLines","body2","onBackground01","ogTitle","title","description","caption2","ogDesc","createStyleSheet","borderRadius","overflow","width","maxWidth","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","flex","height","marginBottom","lineHeight","fontWeight","textDecorationLine","_default","exports"],"sources":["OpenGraphUserMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { OGMetaData } from '@sendbird/chat/message';\nimport { Icon, Image, RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining, urlRegexRough } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { UserMessageProps } from './index';\n\ntype Props = UserMessageProps & {\n  ogMetaData: OGMetaData;\n};\n\nconst OpenGraphUserMessage = ({\n  message,\n  variant,\n  pressed,\n  ogMetaData,\n  children,\n  onLongPressMentionedUser,\n  onLongPressURL,\n}: Props) => {\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { show } = useUserProfile();\n  const { colors, select, palette } = useUIKitTheme();\n\n  const [imageNotFound, setImageNotFound] = useState(false);\n  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n\n  const containerBackground = select({ dark: palette.background400, light: palette.background100 });\n\n  return (\n    <View style={[styles.bubbleContainer, { backgroundColor: containerBackground }]}>\n      <View style={[styles.container, styles.bubbleContainer, { backgroundColor: color.background }]}>\n        <View style={styles.messageContainer}>\n          <Text body3 color={color.textMsg}>\n            <RegexText\n              body3\n              color={color.textMsg}\n              patterns={[\n                {\n                  regex: mentionManager.templateRegex,\n                  replacer({ match, groups, parentProps, keyPrefix, index }) {\n                    const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n                    if (user) {\n                      const isCurrentUser = user.userId === currentUser?.userId;\n                      return (\n                        <Text\n                          {...parentProps}\n                          key={`${keyPrefix}-${index}`}\n                          onPress={() => show(user)}\n                          onLongPress={onLongPressMentionedUser}\n                          style={[\n                            parentProps?.style,\n                            styles.mentionedText,\n                            isCurrentUser && { backgroundColor: palette.highlight },\n                          ]}\n                        >\n                          {`${mentionManager.asMentionedMessageText(user)}`}\n                        </Text>\n                      );\n                    }\n                    return match;\n                  },\n                },\n                {\n                  regex: urlRegexRough,\n                  replacer({ match, parentProps, keyPrefix, index }) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={() => SBUUtils.openURL(match)}\n                        onLongPress={onLongPressURL}\n                        style={[parentProps?.style, styles.urlText]}\n                      >\n                        {match}\n                      </Text>\n                    );\n                  },\n                },\n              ]}\n            >\n              {mentionManager.shouldUseMentionedMessageTemplate(message)\n                ? message.mentionedMessageTemplate\n                : message.message}\n            </RegexText>\n            {Boolean(message.updatedAt) && (\n              <Text body3 color={color.textEdited}>\n                {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n              </Text>\n            )}\n          </Text>\n        </View>\n        <TouchableOpacity\n          style={{ backgroundColor: select({ dark: palette.background500, light: palette.background200 }) }}\n          activeOpacity={0.85}\n          onPress={() => SBUUtils.openURL(ogMetaData.url)}\n        >\n          <View\n            style={[\n              styles.ogImageContainer,\n              { backgroundColor: select({ dark: palette.background500, light: palette.background200 }) },\n            ]}\n          >\n            {conditionChaining(\n              [imageNotFound],\n              [\n                <Icon\n                  containerStyle={styles.ogImage}\n                  icon={'thumbnail-none'}\n                  size={48}\n                  color={colors.onBackground02}\n                />,\n                <Image\n                  source={{ uri: ogMetaData.defaultImage?.url }}\n                  style={styles.ogImage}\n                  resizeMode={'cover'}\n                  onError={() => setImageNotFound(true)}\n                />,\n              ],\n            )}\n          </View>\n          <View style={[styles.ogContainer, { backgroundColor: containerBackground }]}>\n            <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n              {ogMetaData.title}\n            </Text>\n            {Boolean(ogMetaData.description) && (\n              <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n                {ogMetaData.description}\n              </Text>\n            )}\n            <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n              {ogMetaData.url}\n            </Text>\n          </View>\n        </TouchableOpacity>\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubbleContainer: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  container: {\n    width: 240,\n    maxWidth: 240,\n  },\n  messageContainer: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImageContainer: {\n    flex: 1,\n    height: 136,\n  },\n  ogImage: {\n    width: '100%',\n    height: '100%',\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n  mentionedText: {\n    fontWeight: 'bold',\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}

package/lib/commonjs/components/MessageRenderer/UserMessage/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BaseUserMessage = _interopRequireDefault(require("./BaseUserMessage"));
-var _OpenGraphUserMessage = _interopRequireDefault(require("./OpenGraphUserMessage"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const UserMessage = props => {
-  if (props.message.ogMetaData) {
-    return /*#__PURE__*/_react.default.createElement(_OpenGraphUserMessage.default, _extends({}, props, {
-      ogMetaData: props.message.ogMetaData
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement(_BaseUserMessage.default, props);
-};
-var _default = /*#__PURE__*/_react.default.memo(UserMessage);
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/MessageRenderer/UserMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_BaseUserMessage","_OpenGraphUserMessage","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","UserMessage","props","message","ogMetaData","createElement","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\nimport BaseUserMessage from './BaseUserMessage';\nimport OpenGraphUserMessage from './OpenGraphUserMessage';\n\nexport type UserMessageProps = MessageRendererInterface<\n  SendbirdUserMessage,\n  {\n    onLongPressMentionedUser?: () => void;\n    onLongPressURL?: () => void;\n  }\n>;\n\nconst UserMessage = (props: UserMessageProps) => {\n  if (props.message.ogMetaData) {\n    return <OpenGraphUserMessage {...props} ogMetaData={props.message.ogMetaData} />;\n  }\n  return <BaseUserMessage {...props} />;\n};\n\nexport default React.memo(UserMessage);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAU1D,MAAMQ,WAAW,GAAIC,KAAuB,IAAK;EAC/C,IAAIA,KAAK,CAACC,OAAO,CAACC,UAAU,EAAE;IAC5B,oBAAOzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,qBAAA,CAAAG,OAAoB,EAAAC,QAAA,KAAKe,KAAK;MAAEE,UAAU,EAAEF,KAAK,CAACC,OAAO,CAACC;IAAW,GAAG;EAClF;EACA,oBAAOzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,gBAAA,CAAAI,OAAe,EAAKgB,KAAK,CAAI;AACvC,CAAC;AAAC,IAAAI,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAACP,WAAW,CAAC;AAAAQ,OAAA,CAAAvB,OAAA,GAAAoB,QAAA"}

package/lib/commonjs/components/MessageRenderer/index.js

@@ -1,186 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-var _uikitUtils = require("@sendbird/uikit-utils");
-var _constants = require("../../constants");
-var _useContext = require("../../hooks/useContext");
-var _ReactionAddons = require("../ReactionAddons");
-var _AdminMessage = _interopRequireDefault(require("./AdminMessage"));
-var _FileMessage = _interopRequireDefault(require("./FileMessage"));
-var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-var _MessageDateSeparator = _interopRequireDefault(require("./MessageDateSeparator"));
-var _MessageIncomingAvatar = _interopRequireDefault(require("./MessageIncomingAvatar"));
-var _MessageIncomingSenderName = _interopRequireDefault(require("./MessageIncomingSenderName"));
-var _MessageOutgoingStatus = _interopRequireDefault(require("./MessageOutgoingStatus"));
-var _MessageTime = _interopRequireDefault(require("./MessageTime"));
-var _UnknownMessage = _interopRequireDefault(require("./UnknownMessage"));
-var _UserMessage = _interopRequireDefault(require("./UserMessage"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const MessageRenderer = _ref => {
-  let {
-    currentUserId,
-    channel,
-    message,
-    onPress,
-    onLongPress,
-    ...rest
-  } = _ref;
-  const variant = (0, _uikitUtils.isMyMessage)(message, currentUserId) ? 'outgoing' : 'incoming';
-  const isOutgoing = variant === 'outgoing';
-  const isIncoming = variant === 'incoming';
-  const variantContainerStyle = {
-    incoming: styles.chatIncoming,
-    outgoing: styles.chatOutgoing
-  }[variant];
-  const {
-    groupWithPrev,
-    groupWithNext
-  } = (0, _uikitUtils.calcMessageGrouping)(Boolean(rest.enableMessageGrouping), message, rest.prevMessage, rest.nextMessage);
-  const {
-    features
-  } = (0, _useContext.useSendbirdChat)();
-  const reactionChildren = (0, _uikitUtils.useIIFE)(() => {
-    if ((0, _uikitUtils.shouldRenderReaction)(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {
-      return /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.Message, {
-        channel: channel,
-        message: message
-      });
-    }
-    return null;
-  });
-  const messageComponent = (0, _uikitUtils.useIIFE)(() => {
-    const pressableProps = {
-      style: styles.msgContainer,
-      disabled: !onPress && !onLongPress,
-      onPress,
-      onLongPress,
-      delayLongPress: _constants.DEFAULT_LONG_PRESS_DELAY
-    };
-    const messageProps = {
-      ...rest,
-      variant,
-      groupWithNext,
-      groupWithPrev
-    };
-    if (message.isUserMessage()) {
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref2 => {
-        let {
-          pressed
-        } = _ref2;
-        return /*#__PURE__*/_react.default.createElement(_UserMessage.default, _extends({
-          message: message,
-          pressed: pressed,
-          onLongPressURL: onLongPress,
-          onLongPressMentionedUser: onLongPress
-        }, messageProps), reactionChildren);
-      });
-    }
-    if (message.isFileMessage()) {
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref3 => {
-        let {
-          pressed
-        } = _ref3;
-        return /*#__PURE__*/_react.default.createElement(_FileMessage.default, _extends({
-          message: message,
-          pressed: pressed
-        }, messageProps), reactionChildren);
-      });
-    }
-    if (message.isAdminMessage()) {
-      return /*#__PURE__*/_react.default.createElement(_AdminMessage.default, _extends({
-        message: message,
-        pressed: false
-      }, messageProps));
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref4 => {
-      let {
-        pressed
-      } = _ref4;
-      return /*#__PURE__*/_react.default.createElement(_UnknownMessage.default, _extends({
-        message: message,
-        pressed: pressed
-      }, messageProps));
-    });
-  });
-  return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, null, /*#__PURE__*/_react.default.createElement(_MessageDateSeparator.default, {
-    message: message,
-    prevMessage: rest.prevMessage
-  }), message.isAdminMessage() && messageComponent, !message.isAdminMessage() && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [variantContainerStyle, (0, _uikitUtils.conditionChaining)([groupWithNext, Boolean(rest.nextMessage)], [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage])]
-  }, isOutgoing && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.outgoingContainer
-  }, /*#__PURE__*/_react.default.createElement(_MessageOutgoingStatus.default, {
-    channel: channel,
-    message: message
-  }), /*#__PURE__*/_react.default.createElement(_MessageTime.default, {
-    message: message,
-    grouping: groupWithNext,
-    style: styles.timeOutgoing
-  })), isIncoming && /*#__PURE__*/_react.default.createElement(_MessageIncomingAvatar.default, {
-    message: message,
-    grouping: groupWithNext
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.bubbleContainer
-  }, isIncoming && /*#__PURE__*/_react.default.createElement(_MessageIncomingSenderName.default, {
-    message: message,
-    grouping: groupWithPrev
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.bubbleWrapper
-  }, messageComponent, isIncoming && /*#__PURE__*/_react.default.createElement(_MessageTime.default, {
-    message: message,
-    grouping: groupWithNext,
-    style: styles.timeIncoming
-  })))));
-};
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  chatIncoming: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'flex-end'
-  },
-  chatOutgoing: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'flex-end'
-  },
-  timeIncoming: {
-    marginLeft: 4
-  },
-  timeOutgoing: {
-    marginRight: 4
-  },
-  chatGroup: {
-    marginBottom: 2
-  },
-  chatNonGroup: {
-    marginBottom: 16
-  },
-  chatLastMessage: {
-    marginBottom: 16
-  },
-  msgContainer: {
-    maxWidth: 240
-  },
-  bubbleContainer: {
-    flexShrink: 1
-  },
-  bubbleWrapper: {
-    flexDirection: 'row',
-    alignItems: 'flex-end'
-  },
-  outgoingContainer: {
-    flexDirection: 'row',
-    alignItems: 'flex-end',
-    justifyContent: 'center'
-  }
-});
-var _default = /*#__PURE__*/_react.default.memo(MessageRenderer);
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","_ReactionAddons","_AdminMessage","_FileMessage","_MessageContainer","_MessageDateSeparator","_MessageIncomingAvatar","_MessageIncomingSenderName","_MessageOutgoingStatus","_MessageTime","_UnknownMessage","_UserMessage","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MessageRenderer","_ref","currentUserId","channel","message","onPress","onLongPress","rest","variant","isMyMessage","isOutgoing","isIncoming","variantContainerStyle","incoming","styles","chatIncoming","outgoing","chatOutgoing","groupWithPrev","groupWithNext","calcMessageGrouping","Boolean","enableMessageGrouping","prevMessage","nextMessage","features","useSendbirdChat","reactionChildren","useIIFE","shouldRenderReaction","reactionEnabled","reactions","createElement","ReactionAddons","Message","messageComponent","pressableProps","style","msgContainer","disabled","delayLongPress","DEFAULT_LONG_PRESS_DELAY","messageProps","isUserMessage","Pressable","_ref2","pressed","onLongPressURL","onLongPressMentionedUser","isFileMessage","_ref3","isAdminMessage","_ref4","View","conditionChaining","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","grouping","timeOutgoing","bubbleContainer","bubbleWrapper","timeIncoming","createStyleSheet","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","flexShrink","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, PressableProps, View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport {\n  calcMessageGrouping,\n  conditionChaining,\n  isMyMessage,\n  shouldRenderReaction,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport { ReactionAddons } from '../ReactionAddons';\nimport AdminMessage from './AdminMessage';\nimport FileMessage from './FileMessage';\nimport MessageContainer from './MessageContainer';\nimport MessageDateSeparator from './MessageDateSeparator';\nimport MessageIncomingAvatar from './MessageIncomingAvatar';\nimport MessageIncomingSenderName from './MessageIncomingSenderName';\nimport MessageOutgoingStatus from './MessageOutgoingStatus';\nimport MessageTime from './MessageTime';\nimport UnknownMessage from './UnknownMessage';\nimport UserMessage from './UserMessage';\n\ntype MessageStyleVariant = 'outgoing' | 'incoming';\nexport type MessageRendererInterface<T = SendbirdMessage, AdditionalProps = unknown> = {\n  message: T;\n  prevMessage?: SendbirdMessage;\n  nextMessage?: SendbirdMessage;\n  variant: MessageStyleVariant;\n  groupWithPrev: boolean;\n  groupWithNext: boolean;\n  pressed: boolean;\n  children?: React.ReactElement | null;\n} & AdditionalProps;\n\nconst MessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n  currentUserId,\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  ...rest\n}) => {\n  const variant: MessageStyleVariant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';\n  const isOutgoing = variant === 'outgoing';\n  const isIncoming = variant === 'incoming';\n  const variantContainerStyle = { incoming: styles.chatIncoming, outgoing: styles.chatOutgoing }[variant];\n\n  const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n    Boolean(rest.enableMessageGrouping),\n    message,\n    rest.prevMessage,\n    rest.nextMessage,\n  );\n\n  const { features } = useSendbirdChat();\n\n  const reactionChildren = useIIFE(() => {\n    if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {\n      return <ReactionAddons.Message channel={channel} message={message} />;\n    }\n    return null;\n  });\n\n  const messageComponent = useIIFE(() => {\n    const pressableProps: PressableProps = {\n      style: styles.msgContainer,\n      disabled: !onPress && !onLongPress,\n      onPress,\n      onLongPress,\n      delayLongPress: DEFAULT_LONG_PRESS_DELAY,\n    };\n    const messageProps = { ...rest, variant, groupWithNext, groupWithPrev };\n\n    if (message.isUserMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => (\n            <UserMessage\n              message={message}\n              pressed={pressed}\n              onLongPressURL={onLongPress}\n              onLongPressMentionedUser={onLongPress}\n              {...messageProps}\n            >\n              {reactionChildren}\n            </UserMessage>\n          )}\n        </Pressable>\n      );\n    }\n\n    if (message.isFileMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => (\n            <FileMessage message={message} pressed={pressed} {...messageProps}>\n              {reactionChildren}\n            </FileMessage>\n          )}\n        </Pressable>\n      );\n    }\n\n    if (message.isAdminMessage()) {\n      return <AdminMessage message={message} pressed={false} {...messageProps} />;\n    }\n\n    return (\n      <Pressable {...pressableProps}>\n        {({ pressed }) => <UnknownMessage message={message} pressed={pressed} {...messageProps} />}\n      </Pressable>\n    );\n  });\n\n  return (\n    <MessageContainer>\n      <MessageDateSeparator message={message} prevMessage={rest.prevMessage} />\n      {message.isAdminMessage() && messageComponent}\n      {!message.isAdminMessage() && (\n        <View\n          style={[\n            variantContainerStyle,\n            conditionChaining(\n              [groupWithNext, Boolean(rest.nextMessage)],\n              [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage],\n            ),\n          ]}\n        >\n          {isOutgoing && (\n            <View style={styles.outgoingContainer}>\n              <MessageOutgoingStatus channel={channel} message={message} />\n              <MessageTime message={message} grouping={groupWithNext} style={styles.timeOutgoing} />\n            </View>\n          )}\n          {isIncoming && <MessageIncomingAvatar message={message} grouping={groupWithNext} />}\n          <View style={styles.bubbleContainer}>\n            {isIncoming && <MessageIncomingSenderName message={message} grouping={groupWithPrev} />}\n            <View style={styles.bubbleWrapper}>\n              {messageComponent}\n              {isIncoming && <MessageTime message={message} grouping={groupWithNext} style={styles.timeIncoming} />}\n            </View>\n          </View>\n        </View>\n      )}\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  chatIncoming: {\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    alignItems: 'flex-end',\n  },\n  chatOutgoing: {\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n    alignItems: 'flex-end',\n  },\n  timeIncoming: {\n    marginLeft: 4,\n  },\n  timeOutgoing: {\n    marginRight: 4,\n  },\n  chatGroup: {\n    marginBottom: 2,\n  },\n  chatNonGroup: {\n    marginBottom: 16,\n  },\n  chatLastMessage: {\n    marginBottom: 16,\n  },\n  msgContainer: {\n    maxWidth: 240,\n  },\n  bubbleContainer: {\n    flexShrink: 1,\n  },\n  bubbleWrapper: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n  },\n  outgoingContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n  },\n});\n\nexport default React.memo(MessageRenderer);\n"],"mappings":"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"}

package/lib/module/components/MessageRenderer/AdminMessage/index.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-const AdminMessage = _ref => {
-  let {
-    message,
-    nextMessage
-  } = _ref;
-  const {
-    colors
-  } = useUIKitTheme();
-  const isNextAdmin = nextMessage === null || nextMessage === void 0 ? void 0 : nextMessage.isAdminMessage();
-  return /*#__PURE__*/React.createElement(View, {
-    style: StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])
-  }, /*#__PURE__*/React.createElement(Text, {
-    caption2: true,
-    color: colors.onBackground02,
-    style: styles.text
-  }, message.message));
-};
-const styles = createStyleSheet({
-  container: {
-    width: 300,
-    alignSelf: 'center',
-    alignItems: 'center'
-  },
-  nextAdminType: {
-    marginBottom: 8
-  },
-  next: {
-    marginBottom: 16
-  },
-  text: {
-    textAlign: 'center'
-  }
-});
-export default AdminMessage;
-//# sourceMappingURL=index.js.map

package/lib/module/components/MessageRenderer/AdminMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","Text","createStyleSheet","useUIKitTheme","AdminMessage","_ref","message","nextMessage","colors","isNextAdmin","isAdminMessage","createElement","style","flatten","styles","container","nextAdminType","next","caption2","color","onBackground02","text","width","alignSelf","alignItems","marginBottom","textAlign"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdAdminMessage } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\n\nexport type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;\nconst AdminMessage = ({ message, nextMessage }: AdminMessageProps) => {\n  const { colors } = useUIKitTheme();\n\n  const isNextAdmin = nextMessage?.isAdminMessage();\n  return (\n    <View style={StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])}>\n      <Text caption2 color={colors.onBackground02} style={styles.text}>\n        {message.message}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 300,\n    alignSelf: 'center',\n    alignItems: 'center',\n  },\n  nextAdminType: {\n    marginBottom: 8,\n  },\n  next: {\n    marginBottom: 16,\n  },\n  text: {\n    textAlign: 'center',\n  },\n});\n\nexport default AdminMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAM/F,MAAMC,YAAY,GAAGC,IAAA,IAAiD;EAAA,IAAhD;IAAEC,OAAO;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/D,MAAM;IAAEG;EAAO,CAAC,GAAGL,aAAa,EAAE;EAElC,MAAMM,WAAW,GAAGF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,cAAc,EAAE;EACjD,oBACEZ,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEb,UAAU,CAACc,OAAO,CAAC,CAACC,MAAM,CAACC,SAAS,EAAEN,WAAW,GAAGK,MAAM,CAACE,aAAa,GAAGF,MAAM,CAACG,IAAI,CAAC;EAAE,gBACpGnB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACiB,QAAQ;IAACC,KAAK,EAAEX,MAAM,CAACY,cAAe;IAACR,KAAK,EAAEE,MAAM,CAACO;EAAK,GAC7Df,OAAO,CAACA,OAAO,CACX,CACF;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGZ,gBAAgB,CAAC;EAC9Ba,SAAS,EAAE;IACTO,KAAK,EAAE,GAAG;IACVC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbS,YAAY,EAAE;EAChB,CAAC;EACDR,IAAI,EAAE;IACJQ,YAAY,EAAE;EAChB,CAAC;EACDJ,IAAI,EAAE;IACJK,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAetB,YAAY"}

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

@@ -1,65 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../../hooks/useContext';
-const iconMapper = {
-  audio: 'file-audio',
-  image: 'photo',
-  video: 'play',
-  file: 'file-document'
-};
-const BaseFileMessage = _ref => {
-  let {
-    message,
-    variant,
-    pressed,
-    type,
-    children
-  } = _ref;
-  const {
-    STRINGS
-  } = useLocalization();
-  const {
-    colors
-  } = useUIKitTheme();
-  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.bubbleContainer, {
-      backgroundColor: color.background
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: iconMapper[type],
-    size: 24,
-    containerStyle: {
-      backgroundColor: colors.background,
-      padding: 2,
-      borderRadius: 8,
-      marginRight: 8
-    }
-  }), /*#__PURE__*/React.createElement(Text, {
-    body3: true,
-    ellipsizeMode: 'middle',
-    numberOfLines: 1,
-    color: color.textMsg,
-    style: styles.name
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message))), children);
-};
-const styles = createStyleSheet({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 12,
-    paddingVertical: 6
-  },
-  name: {
-    flexShrink: 1
-  }
-});
-export default BaseFileMessage;
-//# sourceMappingURL=BaseFileMessage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","useLocalization","iconMapper","audio","image","video","file","BaseFileMessage","_ref","message","variant","pressed","type","children","STRINGS","colors","color","ui","groupChannelMessage","createElement","style","styles","bubbleContainer","backgroundColor","background","container","icon","size","containerStyle","padding","borderRadius","marginRight","body3","ellipsizeMode","numberOfLines","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.groupChannelMessage[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,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAErG,SAASC,eAAe,QAAQ,2BAA2B;AAG3D,MAAMC,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE,MAAM;EAAEC,IAAI,EAAE;AAAgB,CAAU;AAKzG,MAAMC,eAAe,GAAGC,IAAA,IAA0D;EAAA,IAAzD;IAAEC,OAAO;IAAEC,OAAO;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAgB,CAAC,GAAAL,IAAA;EAC3E,MAAM;IAAEM;EAAQ,CAAC,GAAGb,eAAe,EAAE;EACrC,MAAM;IAAEc;EAAO,CAAC,GAAGf,aAAa,EAAE;EAClC,MAAMgB,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACR,OAAO,CAAC,CAACC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;EACrF,oBACEhB,KAAA,CAAAwB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACC,eAAe,EAAE;MAAEC,eAAe,EAAEP,KAAK,CAACQ;IAAW,CAAC;EAAE,gBAC3E7B,KAAA,CAAAwB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAEC,MAAM,CAACI;EAAU,gBAC5B9B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACH6B,IAAI,EAAExB,UAAU,CAACU,IAAI,CAAE;IACvBe,IAAI,EAAE,EAAG;IACTC,cAAc,EAAE;MAAEL,eAAe,EAAER,MAAM,CAACS,UAAU;MAAEK,OAAO,EAAE,CAAC;MAAEC,YAAY,EAAE,CAAC;MAAEC,WAAW,EAAE;IAAE;EAAE,EACpG,eACFpC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACkC,KAAK;IAACC,aAAa,EAAE,QAAS;IAACC,aAAa,EAAE,CAAE;IAAClB,KAAK,EAAEA,KAAK,CAACmB,OAAQ;IAACf,KAAK,EAAEC,MAAM,CAACe;EAAK,GAC7FtB,OAAO,CAACuB,aAAa,CAACC,yBAAyB,CAAC7B,OAAO,CAAC,CACpD,CACF,EACNI,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGtB,gBAAgB,CAAC;EAC9BuB,eAAe,EAAE;IACfQ,YAAY,EAAE,EAAE;IAChBS,QAAQ,EAAE;EACZ,CAAC;EACDd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDP,IAAI,EAAE;IACJQ,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAerC,eAAe"}

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

@@ -1,84 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
-import { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getAvailableUriFromFileMessage, useForceUpdate } from '@sendbird/uikit-utils';
-const useRetry = function (hasError) {
-  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
-  if (Platform.OS === 'android') return '';
-  const forceUpdate = useForceUpdate();
-  const retryCountRef = useRef(1);
-  const retryTimeoutRef = useRef();
-  useEffect(() => {
-    if (hasError) {
-      const reloadReservation = () => {
-        if (retryCountRef.current < retryCount) {
-          retryTimeoutRef.current = setTimeout(() => {
-            retryCountRef.current++;
-            reloadReservation();
-            forceUpdate();
-          }, retryCountRef.current * 5000);
-        }
-      };
-      return reloadReservation();
-    } else {
-      return clearTimeout(retryTimeoutRef.current);
-    }
-  }, [hasError]);
-  return retryCountRef.current;
-};
-const ImageFileMessage = _ref => {
-  let {
-    message,
-    children,
-    variant
-  } = _ref;
-  const {
-    colors
-  } = useUIKitTheme();
-  const [imageNotFound, setImageNotFound] = useState(false);
-  const fileUrl = getAvailableUriFromFileMessage(message);
-  const style = [styles.image, {
-    backgroundColor: colors.onBackground04
-  }];
-  const key = useRetry(imageNotFound);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.bubbleContainer, {
-      backgroundColor: imageNotFound ? colors.onBackground04 : colors.ui.groupChannelMessage[variant].enabled.background
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: style
-  }, /*#__PURE__*/React.createElement(Image, {
-    key: key,
-    source: {
-      uri: fileUrl
-    },
-    style: [StyleSheet.absoluteFill, imageNotFound && styles.hide],
-    resizeMode: 'cover',
-    resizeMethod: 'resize',
-    onError: () => setImageNotFound(true),
-    onLoad: () => setImageNotFound(false)
-  }), imageNotFound && /*#__PURE__*/React.createElement(Icon, {
-    containerStyle: StyleSheet.absoluteFill,
-    icon: 'thumbnail-none',
-    size: 48,
-    color: colors.onBackground02
-  })), children);
-};
-const styles = createStyleSheet({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  image: {
-    width: 240,
-    maxWidth: 240,
-    height: 160,
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  hide: {
-    display: 'none'
-  }
-});
-export default ImageFileMessage;
-//# sourceMappingURL=ImageFileMessage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Platform","StyleSheet","View","Icon","Image","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","useForceUpdate","useRetry","hasError","retryCount","arguments","length","undefined","OS","forceUpdate","retryCountRef","retryTimeoutRef","reloadReservation","current","setTimeout","clearTimeout","ImageFileMessage","_ref","message","children","variant","colors","imageNotFound","setImageNotFound","fileUrl","style","styles","image","backgroundColor","onBackground04","key","createElement","bubbleContainer","ui","groupChannelMessage","enabled","background","source","uri","absoluteFill","hide","resizeMode","resizeMethod","onError","onLoad","containerStyle","icon","size","color","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\n      style={[\n        styles.bubbleContainer,\n        {\n          backgroundColor: imageNotFound\n            ? colors.onBackground04\n            : colors.ui.groupChannelMessage[variant].enabled.background,\n        },\n      ]}\n    >\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

@@ -1,123 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { View } from 'react-native';
-import { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';
-import { usePlatformService } from '../../../hooks/useContext';
-const useRetry = function (videoFileUrl) {
-  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
-  const [state, setState] = useState({
-    thumbnail: null,
-    loading: true
-  });
-  const retryCountRef = useRef(0);
-  const retryTimeoutRef = useRef();
-  const {
-    mediaService
-  } = usePlatformService();
-  const fetchThumbnail = () => {
-    return mediaService.getVideoThumbnail({
-      url: videoFileUrl,
-      timeMills: 1000
-    }).then(result => {
-      setState({
-        loading: false,
-        thumbnail: (result === null || result === void 0 ? void 0 : result.path) ?? null
-      });
-    });
-  };
-  useEffect(() => {
-    if (!state.thumbnail) {
-      const reloadReservation = () => {
-        if (retryCountRef.current < retryCount) {
-          retryTimeoutRef.current = setTimeout(() => {
-            retryCountRef.current++;
-            reloadReservation();
-            fetchThumbnail();
-          }, retryCountRef.current * 5000);
-        }
-      };
-      return reloadReservation();
-    } else {
-      return clearTimeout(retryTimeoutRef.current);
-    }
-  }, [state.thumbnail]);
-  return state;
-};
-const VideoFileMessage = _ref => {
-  let {
-    message,
-    variant,
-    children
-  } = _ref;
-  const {
-    colors
-  } = useUIKitTheme();
-  const fileUrl = getAvailableUriFromFileMessage(message);
-  const style = [styles.video, {
-    backgroundColor: colors.onBackground04
-  }];
-  const {
-    loading,
-    thumbnail
-  } = useRetry(fileUrl);
-  if (loading) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.bubbleContainer, {
-        backgroundColor: colors.ui.groupChannelMessage[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.bubbleContainer, {
-      backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.bubbleContainer, styles.bubbleInnerContainer]
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: {
-      uri: thumbnail || fileUrl
-    },
-    style: style,
-    resizeMode: 'cover',
-    resizeMethod: 'resize'
-  }), /*#__PURE__*/React.createElement(PlayIcon, null)), children);
-};
-const PlayIcon = () => {
-  const {
-    colors
-  } = useUIKitTheme();
-  return /*#__PURE__*/React.createElement(Icon, {
-    icon: 'play',
-    size: 28,
-    color: colors.onBackground02,
-    containerStyle: [styles.playIcon, {
-      backgroundColor: colors.onBackgroundReverse01
-    }]
-  });
-};
-const styles = createStyleSheet({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  bubbleInnerContainer: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  video: {
-    width: 240,
-    maxWidth: 240,
-    height: 160
-  },
-  playIcon: {
-    position: 'absolute',
-    padding: 10,
-    borderRadius: 50
-  }
-});
-export default VideoFileMessage;
-//# sourceMappingURL=VideoFileMessage.js.map