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

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

@@ -4,23 +4,14 @@ 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 _useContext = require("../../../hooks/useContext");
-
 var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
-
 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 BaseUserMessage = _ref => {
   let {
     message,
@@ -59,10 +50,8 @@ const BaseUserMessage = _ref => {
     color: color.textMsg,
     patterns: [{
       regex: mentionManager.templateRegex,
-
       replacer(_ref2) {
         var _message$mentionedUse;
-
         let {
           match,
           groups,
@@ -71,7 +60,6 @@ const BaseUserMessage = _ref => {
           keyPrefix
         } = _ref2;
         const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
-
         if (user) {
           return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
             key: `${keyPrefix}-${index}`,
@@ -84,13 +72,10 @@ const BaseUserMessage = _ref => {
             }]
           }), `${mentionManager.asMentionedMessageText(user)}`);
         }
-
         return match;
       }
-
     }, {
       regex: _uikitUtils.urlRegexStrict,
-
       replacer(_ref3) {
         let {
           match,
@@ -107,14 +92,12 @@ const BaseUserMessage = _ref => {
           }]
         }), match);
       }
-
     }]
   }, mentionManager.shouldUseMentionedMessageTemplate(message) ? message.mentionedMessageTemplate : message.message), Boolean(message.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     body3: true,
     color: color.textEdited
   }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX))), children);
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     borderRadius: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["BaseUserMessage","message","variant","pressed","children","onLongPressMentionedUser","onLongPressURL","mentionManager","currentUser","useSendbirdChat","show","useUserProfile","STRINGS","useLocalization","colors","palette","useUIKitTheme","color","ui","groupChannelMessage","styles","container","backgroundColor","background","wrapper","textMsg","regex","templateRegex","replacer","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","userId","style","fontWeight","highlight","asMentionedMessageText","urlRegexStrict","SBUUtils","openURL","textDecorationLine","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","createStyleSheet","borderRadius","overflow","paddingHorizontal","paddingVertical"],"sources":["BaseUserMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { UserMessageProps } from './index';\n\nconst BaseUserMessage = ({\n  message,\n  variant,\n  pressed,\n  children,\n  onLongPressMentionedUser,\n  onLongPressURL,\n}: UserMessageProps) => {\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const { show } = useUserProfile();\n  const { STRINGS } = useLocalization();\n  const { colors, palette } = useUIKitTheme();\n\n  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <View style={styles.wrapper}>\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, index, keyPrefix }) {\n                  const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n                  if (user) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={() => show(user)}\n                        onLongPress={onLongPressMentionedUser}\n                        style={[\n                          parentProps?.style,\n                          { fontWeight: 'bold' },\n                          user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                        ]}\n                      >\n                        {`${mentionManager.asMentionedMessageText(user)}`}\n                      </Text>\n                    );\n                  }\n                  return match;\n                },\n              },\n              {\n                regex: urlRegexStrict,\n                replacer({ match, parentProps, index, keyPrefix }) {\n                  return (\n                    <Text\n                      {...parentProps}\n                      key={`${keyPrefix}-${index}`}\n                      onPress={() => SBUUtils.openURL(match)}\n                      onLongPress={onLongPressURL}\n                      style={[parentProps?.style, { textDecorationLine: 'underline' }]}\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      {children}\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  wrapper: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n});\n\nexport default BaseUserMessage;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BaseUserMessage","_ref","message","variant","pressed","children","onLongPressMentionedUser","onLongPressURL","mentionManager","currentUser","useSendbirdChat","show","useUserProfile","STRINGS","useLocalization","colors","palette","useUIKitTheme","color","ui","groupChannelMessage","createElement","View","style","styles","container","backgroundColor","background","wrapper","Text","body3","textMsg","RegexText","patterns","regex","templateRegex","replacer","_ref2","_message$mentionedUse","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","userId","onPress","onLongPress","fontWeight","highlight","asMentionedMessageText","urlRegexStrict","_ref3","SBUUtils","openURL","textDecorationLine","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","createStyleSheet","borderRadius","overflow","paddingHorizontal","paddingVertical","_default","exports"],"sources":["BaseUserMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { UserMessageProps } from './index';\n\nconst BaseUserMessage = ({\n  message,\n  variant,\n  pressed,\n  children,\n  onLongPressMentionedUser,\n  onLongPressURL,\n}: UserMessageProps) => {\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const { show } = useUserProfile();\n  const { STRINGS } = useLocalization();\n  const { colors, palette } = useUIKitTheme();\n\n  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <View style={styles.wrapper}>\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, index, keyPrefix }) {\n                  const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n                  if (user) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={() => show(user)}\n                        onLongPress={onLongPressMentionedUser}\n                        style={[\n                          parentProps?.style,\n                          { fontWeight: 'bold' },\n                          user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                        ]}\n                      >\n                        {`${mentionManager.asMentionedMessageText(user)}`}\n                      </Text>\n                    );\n                  }\n                  return match;\n                },\n              },\n              {\n                regex: urlRegexStrict,\n                replacer({ match, parentProps, index, keyPrefix }) {\n                  return (\n                    <Text\n                      {...parentProps}\n                      key={`${keyPrefix}-${index}`}\n                      onPress={() => SBUUtils.openURL(match)}\n                      onLongPress={onLongPressURL}\n                      style={[parentProps?.style, { textDecorationLine: 'underline' }]}\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      {children}\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  wrapper: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n});\n\nexport default BaseUserMessage;\n"],"mappings":"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"}

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

@@ -4,30 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useContext = require("../../../hooks/useContext");
-
 var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 OpenGraphUserMessage = _ref => {
   var _ogMetaData$defaultIm;
-
   let {
     message,
     variant,
@@ -76,10 +64,8 @@ const OpenGraphUserMessage = _ref => {
     color: color.textMsg,
     patterns: [{
       regex: mentionManager.templateRegex,
-
       replacer(_ref2) {
         var _message$mentionedUse;
-
         let {
           match,
           groups,
@@ -88,7 +74,6 @@ const OpenGraphUserMessage = _ref => {
           index
         } = _ref2;
         const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
-
         if (user) {
           const isCurrentUser = user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
           return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
@@ -100,13 +85,10 @@ const OpenGraphUserMessage = _ref => {
             }]
           }), `${mentionManager.asMentionedMessageText(user)}`);
         }
-
         return match;
       }
-
     }, {
       regex: _uikitUtils.urlRegexRough,
-
       replacer(_ref3) {
         let {
           match,
@@ -121,7 +103,6 @@ const OpenGraphUserMessage = _ref => {
           style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.urlText]
         }), match);
       }
-
     }]
   }, mentionManager.shouldUseMentionedMessageTemplate(message) ? message.mentionedMessageTemplate : message.message), Boolean(message.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     body3: true,
@@ -174,7 +155,6 @@ const OpenGraphUserMessage = _ref => {
     color: colors.onBackground02
   }, ogMetaData.url)))), children);
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   bubbleContainer: {
     borderRadius: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["OpenGraphUserMessage","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","styles","bubbleContainer","backgroundColor","container","background","messageContainer","textMsg","regex","templateRegex","replacer","match","groups","parentProps","keyPrefix","index","user","mentionedUsers","find","it","userId","isCurrentUser","style","mentionedText","highlight","asMentionedMessageText","urlRegexRough","SBUUtils","openURL","urlText","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","background500","background200","url","ogImageContainer","conditionChaining","ogImage","onBackground02","uri","defaultImage","ogContainer","onBackground01","ogTitle","title","description","ogDesc","createStyleSheet","borderRadius","overflow","width","maxWidth","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","flex","height","marginBottom","lineHeight","fontWeight","textDecorationLine"],"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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"}
+{"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

@@ -4,28 +4,19 @@ 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 +1 @@
-{"version":3,"names":["UserMessage","props","message","ogMetaData","React","memo"],"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;;AAKA;;AACA;;;;;;AAUA,MAAMA,WAAW,GAAIC,KAAD,IAA6B;EAC/C,IAAIA,KAAK,CAACC,OAAN,CAAcC,UAAlB,EAA8B;IAC5B,oBAAO,6BAAC,6BAAD,eAA0BF,KAA1B;MAAiC,UAAU,EAAEA,KAAK,CAACC,OAAN,CAAcC;IAA3D,GAAP;EACD;;EACD,oBAAO,6BAAC,wBAAD,EAAqBF,KAArB,CAAP;AACD,CALD;;4BAOeG,cAAA,CAAMC,IAAN,CAAWL,WAAX,C"}
+{"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

@@ -4,45 +4,25 @@ 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,
@@ -73,7 +53,6 @@ const MessageRenderer = _ref => {
         message: message
       });
     }
-
     return null;
   });
   const messageComponent = (0, _uikitUtils.useIIFE)(() => {
@@ -84,12 +63,12 @@ const MessageRenderer = _ref => {
       onLongPress,
       delayLongPress: _constants.DEFAULT_LONG_PRESS_DELAY
     };
-    const messageProps = { ...rest,
+    const messageProps = {
+      ...rest,
       variant,
       groupWithNext,
       groupWithPrev
     };
-
     if (message.isUserMessage()) {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref2 => {
         let {
@@ -103,7 +82,6 @@ const MessageRenderer = _ref => {
         }, messageProps), reactionChildren);
       });
     }
-
     if (message.isFileMessage()) {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref3 => {
         let {
@@ -115,14 +93,12 @@ const MessageRenderer = _ref => {
         }, 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
@@ -163,7 +139,6 @@ const MessageRenderer = _ref => {
     style: styles.timeIncoming
   })))));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   chatIncoming: {
     flexDirection: 'row',
@@ -206,8 +181,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     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 +1 @@
-{"version":3,"names":["MessageRenderer","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","length","messageComponent","pressableProps","style","msgContainer","disabled","delayLongPress","DEFAULT_LONG_PRESS_DELAY","messageProps","isUserMessage","pressed","isFileMessage","isAdminMessage","conditionChaining","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","timeOutgoing","bubbleContainer","bubbleWrapper","timeIncoming","createStyleSheet","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","flexShrink","React","memo"],"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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"}
+{"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/commonjs/components/MessageSearchResultItem.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageSearchResultItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _useContext = require("../hooks/useContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const iconMapper = {
+  audio: 'file-audio',
+  image: 'photo',
+  video: 'play',
+  file: 'file-document'
+};
+const MessageSearchResultItem = _ref => {
+  let {
+    onPress,
+    message
+  } = _ref;
+  const {
+    colors,
+    select,
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const fileIcon = (0, _uikitUtils.useIIFE)(() => {
+    if (!(message !== null && message !== void 0 && message.isFileMessage())) return undefined;
+    return iconMapper[(0, _uikitUtils.getFileType)(message.type || (0, _uikitUtils.getFileExtension)(message.name))];
+  });
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+    size: styles.avatarSize.width,
+    uri: getSenderProfile(message),
+    containerStyle: styles.avatar
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    paddingRight: 16
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.titleLine
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    marginRight: 4,
+    justifyContent: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    subtitle2: true,
+    color: colors.onBackground01,
+    numberOfLines: 1
+  }, STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE(message))), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    paddingTop: 2
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    caption2: true,
+    color: colors.onBackground02
+  }, STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE_CAPTION(message)))), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    alignItems: 'center',
+    flexDirection: 'row'
+  }, fileIcon && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    size: 18,
+    icon: fileIcon,
+    color: colors.onBackground02,
+    containerStyle: [styles.bodyIcon, {
+      backgroundColor: select({
+        light: palette.background100,
+        dark: palette.background500
+      })
+    }]
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    numberOfLines: fileIcon ? 1 : 2,
+    ellipsizeMode: fileIcon ? 'middle' : 'tail',
+    style: styles.bodyText,
+    color: colors.onBackground03
+  }, STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_BODY(message)))), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.separator,
+    backgroundColor: colors.onBackground04
+  }))));
+};
+exports.MessageSearchResultItem = MessageSearchResultItem;
+function getSenderProfile(message) {
+  if (message.isUserMessage() || message.isFileMessage()) {
+    return message.sender.profileUrl;
+  } else {
+    return undefined;
+  }
+}
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    height: 76,
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  avatar: {
+    marginHorizontal: 16
+  },
+  avatarSize: {
+    width: 56
+  },
+  titleLine: {
+    flexDirection: 'row',
+    marginTop: 10,
+    marginBottom: 4
+  },
+  bodyIcon: {
+    borderRadius: 8,
+    width: 26,
+    height: 26,
+    marginRight: 4
+  },
+  bodyText: {
+    flex: 1,
+    lineHeight: 16
+  },
+  separator: {
+    position: 'absolute',
+    left: 0,
+    right: -16,
+    bottom: 0,
+    height: 1
+  }
+});
+//# sourceMappingURL=MessageSearchResultItem.js.map