@sendbird/uikit-react-native-foundation 3.7.5 → 3.8.0

package/lib/commonjs/ui/GroupChannelMessage/Message.user.og.js

@@ -12,8 +12,8 @@ var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme")
 var _MessageBubbleWithText = _interopRequireDefault(require("./MessageBubbleWithText"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
 var _MessageOpenGraph = _interopRequireDefault(require("./MessageOpenGraph"));
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const OpenGraphUserMessage = props => {
   const {
     variant = 'incoming'
@@ -31,22 +31,19 @@ const OpenGraphUserMessage = props => {
   return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, props, /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     onPress: props.onPress,
     onLongPress: props.onLongPress
-  }, _ref => {
-    let {
-      pressed
-    } = _ref;
-    return /*#__PURE__*/_react.default.createElement(_Box.default, {
-      backgroundColor: containerBackgroundColor,
-      style: styles.container
-    }, /*#__PURE__*/_react.default.createElement(_MessageBubbleWithText.default, _extends({
-      backgroundColor: pressed ? color.pressed.background : color.enabled.background
-    }, props)), props.message.ogMetaData && /*#__PURE__*/_react.default.createElement(_MessageOpenGraph.default, {
-      variant: variant,
-      ogMetaData: props.message.ogMetaData,
-      onLongPress: props.onLongPress,
-      onPressURL: props.onPressURL
-    }), props.children);
-  }));
+  }, ({
+    pressed
+  }) => /*#__PURE__*/_react.default.createElement(_Box.default, {
+    backgroundColor: containerBackgroundColor,
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_MessageBubbleWithText.default, _extends({
+    backgroundColor: pressed ? color.pressed.background : color.enabled.background
+  }, props)), props.message.ogMetaData && /*#__PURE__*/_react.default.createElement(_MessageOpenGraph.default, {
+    variant: variant,
+    ogMetaData: props.message.ogMetaData,
+    onLongPress: props.onLongPress,
+    onPressURL: props.onPressURL
+  }), props.children)));
 };
 const styles = (0, _createStyleSheet.default)({
   container: {
@@ -54,6 +51,5 @@ const styles = (0, _createStyleSheet.default)({
     overflow: 'hidden'
   }
 });
-var _default = OpenGraphUserMessage;
-exports.default = _default;
+var _default = exports.default = OpenGraphUserMessage;
 //# sourceMappingURL=Message.user.og.js.map

package/lib/commonjs/ui/GroupChannelMessage/Message.user.og.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_PressBox","_createStyleSheet","_useUIKitTheme","_MessageBubbleWithText","_MessageContainer","_MessageOpenGraph","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","OpenGraphUserMessage","props","variant","palette","select","colors","useUIKitTheme","color","ui","groupChannelMessage","containerBackgroundColor","dark","background400","light","background100","createElement","onPress","onLongPress","_ref","pressed","backgroundColor","style","styles","container","background","enabled","message","ogMetaData","onPressURL","children","createStyleSheet","borderRadius","overflow","_default","exports"],"sources":["Message.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport type { RegexTextPattern } from '../../components/RegexText';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageBubbleWithText from './MessageBubbleWithText';\nimport MessageContainer from './MessageContainer';\nimport MessageOpenGraph from './MessageOpenGraph';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst OpenGraphUserMessage = (props: Props) => {\n  const { variant = 'incoming' } = props;\n\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const containerBackgroundColor = select({ dark: palette.background400, light: palette.background100 });\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box backgroundColor={containerBackgroundColor} style={styles.container}>\n            <MessageBubbleWithText\n              backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n              {...props}\n            />\n            {props.message.ogMetaData && (\n              <MessageOpenGraph\n                variant={variant}\n                ogMetaData={props.message.ogMetaData}\n                onLongPress={props.onLongPress}\n                onPressURL={props.onPressURL}\n              />\n            )}\n            {props.children}\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_PressBox","_createStyleSheet","_useUIKitTheme","_MessageBubbleWithText","_MessageContainer","_MessageOpenGraph","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","OpenGraphUserMessage","props","variant","palette","select","colors","useUIKitTheme","color","ui","groupChannelMessage","containerBackgroundColor","dark","background400","light","background100","createElement","onPress","onLongPress","pressed","backgroundColor","style","styles","container","background","enabled","message","ogMetaData","onPressURL","children","createStyleSheet","borderRadius","overflow","_default","exports"],"sources":["Message.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport type { RegexTextPattern } from '../../components/RegexText';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageBubbleWithText from './MessageBubbleWithText';\nimport MessageContainer from './MessageContainer';\nimport MessageOpenGraph from './MessageOpenGraph';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst OpenGraphUserMessage = (props: Props) => {\n  const { variant = 'incoming' } = props;\n\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const containerBackgroundColor = select({ dark: palette.background400, light: palette.background100 });\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box backgroundColor={containerBackgroundColor} style={styles.container}>\n            <MessageBubbleWithText\n              backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n              {...props}\n            />\n            {props.message.ogMetaData && (\n              <MessageOpenGraph\n                variant={variant}\n                ogMetaData={props.message.ogMetaData}\n                onLongPress={props.onLongPress}\n                onPressURL={props.onPressURL}\n              />\n            )}\n            {props.children}\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/GroupChannelMessage/MessageBubbleWithText.js

@@ -11,19 +11,18 @@ var _RegexText = _interopRequireDefault(require("../../components/RegexText"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-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 MessageBubbleWithText = _ref => {
-  let {
-    backgroundColor,
-    message,
-    onPressURL,
-    onLongPress,
-    strings,
-    variant = 'incoming',
-    regexTextPatterns = [],
-    renderRegexTextChildren = msg => msg.message
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const MessageBubbleWithText = ({
+  backgroundColor,
+  message,
+  onPressURL,
+  onLongPress,
+  strings,
+  variant = 'incoming',
+  regexTextPatterns = [],
+  renderRegexTextChildren = msg => msg.message
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -34,19 +33,23 @@ const MessageBubbleWithText = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     body3: true,
     color: color.enabled.textMsg,
-    suppressHighlighting: true
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: message.message
   }, /*#__PURE__*/_react.default.createElement(_RegexText.default, {
     body3: true,
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: message.message,
     color: color.enabled.textMsg,
     patterns: [...regexTextPatterns, {
       regex: _uikitUtils.urlRegexStrict,
-      replacer(_ref2) {
-        let {
-          match,
-          parentProps,
-          keyPrefix,
-          index
-        } = _ref2;
+      replacer({
+        match,
+        parentProps,
+        keyPrefix,
+        index
+      }) {
         return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, parentProps, {
           key: `${keyPrefix}-${index}`,
           onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
@@ -57,7 +60,9 @@ const MessageBubbleWithText = _ref => {
     }]
   }, renderRegexTextChildren(message)), Boolean(message.updatedAt) && /*#__PURE__*/_react.default.createElement(_Text.default, {
     body3: true,
-    color: color.enabled.textEdited
+    color: color.enabled.textEdited,
+    supportRTLAlign: true,
+    originalText: (strings === null || strings === void 0 ? void 0 : strings.edited) ?? ' (edited)'
   }, (strings === null || strings === void 0 ? void 0 : strings.edited) ?? ' (edited)')));
 };
 const styles = (0, _createStyleSheet.default)({
@@ -69,6 +74,5 @@ const styles = (0, _createStyleSheet.default)({
     textDecorationLine: 'underline'
   }
 });
-var _default = MessageBubbleWithText;
-exports.default = _default;
+var _default = exports.default = MessageBubbleWithText;
 //# sourceMappingURL=MessageBubbleWithText.js.map

package/lib/commonjs/ui/GroupChannelMessage/MessageBubbleWithText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_RegexText","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MessageBubbleWithText","_ref","backgroundColor","message","onPressURL","onLongPress","strings","variant","regexTextPatterns","renderRegexTextChildren","msg","colors","useUIKitTheme","color","ui","groupChannelMessage","createElement","style","styles","bubble","body3","enabled","textMsg","suppressHighlighting","patterns","regex","urlRegexStrict","replacer","_ref2","match","parentProps","keyPrefix","index","onPress","urlText","Boolean","updatedAt","textEdited","edited","createStyleSheet","paddingHorizontal","paddingVertical","textDecorationLine","_default","exports"],"sources":["MessageBubbleWithText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport RegexText, { RegexTextPattern } from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    backgroundColor?: string;\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst MessageBubbleWithText = ({\n  backgroundColor,\n  message,\n  onPressURL,\n  onLongPress,\n  strings,\n  variant = 'incoming',\n  regexTextPatterns = [],\n  renderRegexTextChildren = (msg) => msg.message,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  return (\n    <Box backgroundColor={backgroundColor} style={styles.bubble}>\n      <Text body3 color={color.enabled.textMsg} suppressHighlighting>\n        <RegexText\n          body3\n          color={color.enabled.textMsg}\n          patterns={[\n            ...regexTextPatterns,\n            {\n              regex: urlRegexStrict,\n              replacer({ match, parentProps, keyPrefix, index }) {\n                return (\n                  <Text\n                    {...parentProps}\n                    key={`${keyPrefix}-${index}`}\n                    onPress={() => onPressURL?.(match)}\n                    onLongPress={onLongPress}\n                    style={[parentProps?.style, styles.urlText]}\n                  >\n                    {match}\n                  </Text>\n                );\n              },\n            },\n          ]}\n        >\n          {renderRegexTextChildren(message)}\n        </RegexText>\n        {Boolean(message.updatedAt) && (\n          <Text body3 color={color.enabled.textEdited}>\n            {strings?.edited ?? ' (edited)'}\n          </Text>\n        )}\n      </Text>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\nexport default MessageBubbleWithText;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_RegexText","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","MessageBubbleWithText","backgroundColor","message","onPressURL","onLongPress","strings","variant","regexTextPatterns","renderRegexTextChildren","msg","colors","useUIKitTheme","color","ui","groupChannelMessage","createElement","style","styles","bubble","body3","enabled","textMsg","suppressHighlighting","supportRTLAlign","originalText","patterns","regex","urlRegexStrict","replacer","match","parentProps","keyPrefix","index","key","onPress","urlText","Boolean","updatedAt","textEdited","edited","createStyleSheet","paddingHorizontal","paddingVertical","textDecorationLine","_default","exports"],"sources":["MessageBubbleWithText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport RegexText, { RegexTextPattern } from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    backgroundColor?: string;\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst MessageBubbleWithText = ({\n  backgroundColor,\n  message,\n  onPressURL,\n  onLongPress,\n  strings,\n  variant = 'incoming',\n  regexTextPatterns = [],\n  renderRegexTextChildren = (msg) => msg.message,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  return (\n    <Box backgroundColor={backgroundColor} style={styles.bubble}>\n      <Text body3 color={color.enabled.textMsg} suppressHighlighting supportRTLAlign originalText={message.message}>\n        <RegexText\n          body3\n          suppressHighlighting\n          supportRTLAlign\n          originalText={message.message}\n          color={color.enabled.textMsg}\n          patterns={[\n            ...regexTextPatterns,\n            {\n              regex: urlRegexStrict,\n              replacer({ match, parentProps, keyPrefix, index }) {\n                return (\n                  <Text\n                    {...parentProps}\n                    key={`${keyPrefix}-${index}`}\n                    onPress={() => onPressURL?.(match)}\n                    onLongPress={onLongPress}\n                    style={[parentProps?.style, styles.urlText]}\n                  >\n                    {match}\n                  </Text>\n                );\n              },\n            },\n          ]}\n        >\n          {renderRegexTextChildren(message)}\n        </RegexText>\n        {Boolean(message.updatedAt) && (\n          <Text body3 color={color.enabled.textEdited} supportRTLAlign originalText={strings?.edited ?? ' (edited)'}>\n            {strings?.edited ?? ' (edited)'}\n          </Text>\n        )}\n      </Text>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\nexport default MessageBubbleWithText;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/GroupChannelMessage/MessageContainer.js

@@ -12,7 +12,7 @@ var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MessageContainer = props => {
   if (props.variant === 'incoming') {
     return /*#__PURE__*/_react.default.createElement(MessageContainer.Incoming, props);
@@ -20,18 +20,17 @@ const MessageContainer = props => {
     return /*#__PURE__*/_react.default.createElement(MessageContainer.Outgoing, props);
   }
 };
-MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
+MessageContainer.Incoming = function MessageContainerIncoming({
+  children,
+  replyInfo,
+  groupedWithNext,
+  groupedWithPrev,
+  message,
+  onPressAvatar,
+  strings,
+  parentMessage
+}) {
   var _message$sender;
-  let {
-    children,
-    replyInfo,
-    groupedWithNext,
-    groupedWithPrev,
-    message,
-    onPressAvatar,
-    strings,
-    parentMessage
-  } = _ref;
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -46,16 +45,17 @@ MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
     alignItems: 'flex-end'
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     width: 26,
-    marginRight: 12
+    marginEnd: 12
   }, (message.isFileMessage() || message.isUserMessage()) && !groupedWithNext && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: onPressAvatar
   }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
     size: 26,
     uri: (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl
   }))), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    flexShrink: 1
+    flexShrink: 1,
+    alignItems: 'flex-start'
   }, parentMessage, !groupedWithPrev && !parentMessage && /*#__PURE__*/_react.default.createElement(_Box.default, {
-    marginLeft: 12,
+    marginStart: 12,
     marginBottom: 4
   }, (message.isFileMessage() || message.isUserMessage()) && /*#__PURE__*/_react.default.createElement(_Text.default, {
     caption1: true,
@@ -67,7 +67,7 @@ MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.bubble
   }, children), !groupedWithNext && /*#__PURE__*/_react.default.createElement(_Box.default, {
-    marginLeft: 4
+    marginStart: 4
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     caption4: true,
     color: color.enabled.textTime
@@ -76,20 +76,19 @@ MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
     marginTop: 4
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     width: 26,
-    marginRight: 12,
+    marginEnd: 12,
     justifyContent: 'flex-start'
   }), replyInfo));
 };
-MessageContainer.Outgoing = function MessageContainerOutgoing(_ref2) {
-  let {
-    children,
-    replyInfo,
-    message,
-    groupedWithNext,
-    strings,
-    sendingStatus,
-    parentMessage
-  } = _ref2;
+MessageContainer.Outgoing = function MessageContainerOutgoing({
+  children,
+  replyInfo,
+  message,
+  groupedWithNext,
+  strings,
+  sendingStatus,
+  parentMessage
+}) {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -103,9 +102,9 @@ MessageContainer.Outgoing = function MessageContainerOutgoing(_ref2) {
     alignItems: 'flex-end',
     justifyContent: 'center'
   }, sendingStatus && /*#__PURE__*/_react.default.createElement(_Box.default, {
-    marginRight: 4
+    marginEnd: 4
   }, sendingStatus), !groupedWithNext && /*#__PURE__*/_react.default.createElement(_Box.default, {
-    marginRight: 4
+    marginEnd: 4
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     caption4: true,
     color: color.enabled.textTime
@@ -124,6 +123,5 @@ const styles = (0, _createStyleSheet.default)({
     flexShrink: 1
   }
 });
-var _default = MessageContainer;
-exports.default = _default;
+var _default = exports.default = MessageContainer;
 //# sourceMappingURL=MessageContainer.js.map

package/lib/commonjs/ui/GroupChannelMessage/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Box","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","MessageContainer","props","variant","createElement","Incoming","Outgoing","MessageContainerIncoming","_ref","_message$sender","children","replyInfo","groupedWithNext","groupedWithPrev","message","onPressAvatar","strings","parentMessage","colors","useUIKitTheme","color","ui","groupChannelMessage","incoming","flexDirection","justifyContent","alignItems","width","marginRight","isFileMessage","isUserMessage","Pressable","onPress","size","uri","sender","profileUrl","flexShrink","marginLeft","marginBottom","caption1","enabled","textSenderName","numberOfLines","senderName","nickname","style","styles","bubble","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","marginTop","MessageContainerOutgoing","_ref2","sendingStatus","outgoing","createStyleSheet","maxWidth","overflow","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<SendbirdMessage>;\n\nconst MessageContainer = (props: Props) => {\n  if (props.variant === 'incoming') {\n    return <MessageContainer.Incoming {...props} />;\n  } else {\n    return <MessageContainer.Outgoing {...props} />;\n  }\n};\n\nMessageContainer.Incoming = function MessageContainerIncoming({\n  children,\n  replyInfo,\n  groupedWithNext,\n  groupedWithPrev,\n  message,\n  onPressAvatar,\n  strings,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.incoming;\n\n  return (\n    <Box flexDirection={'column'} justifyContent={'flex-start'} alignItems={'flex-start'}>\n      <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'flex-end'}>\n        <Box width={26} marginRight={12}>\n          {(message.isFileMessage() || message.isUserMessage()) && !groupedWithNext && (\n            <Pressable onPress={onPressAvatar}>\n              <Avatar size={26} uri={message.sender?.profileUrl} />\n            </Pressable>\n          )}\n        </Box>\n        <Box flexShrink={1}>\n          {parentMessage}\n          {!groupedWithPrev && !parentMessage && (\n            <Box marginLeft={12} marginBottom={4}>\n              {(message.isFileMessage() || message.isUserMessage()) && (\n                <Text caption1 color={color.enabled.textSenderName} numberOfLines={1}>\n                  {strings?.senderName ?? message.sender.nickname}\n                </Text>\n              )}\n            </Box>\n          )}\n          <Box flexDirection={'row'} alignItems={'flex-end'}>\n            <Box style={styles.bubble}>{children}</Box>\n            {!groupedWithNext && (\n              <Box marginLeft={4}>\n                <Text caption4 color={color.enabled.textTime}>\n                  {strings?.sentDate ?? getMessageTimeFormat(new Date(message.createdAt))}\n                </Text>\n              </Box>\n            )}\n          </Box>\n        </Box>\n      </Box>\n      <Box flexDirection={'row'} marginTop={4}>\n        <Box width={26} marginRight={12} justifyContent={'flex-start'} />\n        {replyInfo}\n      </Box>\n    </Box>\n  );\n};\n\nMessageContainer.Outgoing = function MessageContainerOutgoing({\n  children,\n  replyInfo,\n  message,\n  groupedWithNext,\n  strings,\n  sendingStatus,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.outgoing;\n\n  return (\n    <Box>\n      {parentMessage}\n      <Box flexDirection={'row'} justifyContent={'flex-end'} alignItems={'flex-end'}>\n        <Box flexDirection={'row'} alignItems={'flex-end'} justifyContent={'center'}>\n          {sendingStatus && <Box marginRight={4}>{sendingStatus}</Box>}\n          {!groupedWithNext && (\n            <Box marginRight={4}>\n              <Text caption4 color={color.enabled.textTime}>\n                {strings?.sentDate ?? getMessageTimeFormat(new Date(message.createdAt))}\n              </Text>\n            </Box>\n          )}\n        </Box>\n        <Box style={styles.bubble}>{children}</Box>\n      </Box>\n      <Box flexDirection={'row'} justifyContent={'flex-end'} marginTop={4}>\n        {replyInfo}\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    maxWidth: 240,\n    overflow: 'hidden',\n    flexShrink: 1,\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Box","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","e","__esModule","default","MessageContainer","props","variant","createElement","Incoming","Outgoing","MessageContainerIncoming","children","replyInfo","groupedWithNext","groupedWithPrev","message","onPressAvatar","strings","parentMessage","_message$sender","colors","useUIKitTheme","color","ui","groupChannelMessage","incoming","flexDirection","justifyContent","alignItems","width","marginEnd","isFileMessage","isUserMessage","Pressable","onPress","size","uri","sender","profileUrl","flexShrink","marginStart","marginBottom","caption1","enabled","textSenderName","numberOfLines","senderName","nickname","style","styles","bubble","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","marginTop","MessageContainerOutgoing","sendingStatus","outgoing","createStyleSheet","maxWidth","overflow","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<SendbirdMessage>;\n\nconst MessageContainer = (props: Props) => {\n  if (props.variant === 'incoming') {\n    return <MessageContainer.Incoming {...props} />;\n  } else {\n    return <MessageContainer.Outgoing {...props} />;\n  }\n};\n\nMessageContainer.Incoming = function MessageContainerIncoming({\n  children,\n  replyInfo,\n  groupedWithNext,\n  groupedWithPrev,\n  message,\n  onPressAvatar,\n  strings,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.incoming;\n\n  return (\n    <Box flexDirection={'column'} justifyContent={'flex-start'} alignItems={'flex-start'}>\n      <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'flex-end'}>\n        <Box width={26} marginEnd={12}>\n          {(message.isFileMessage() || message.isUserMessage()) && !groupedWithNext && (\n            <Pressable onPress={onPressAvatar}>\n              <Avatar size={26} uri={message.sender?.profileUrl} />\n            </Pressable>\n          )}\n        </Box>\n        <Box flexShrink={1} alignItems={'flex-start'}>\n          {parentMessage}\n          {!groupedWithPrev && !parentMessage && (\n            <Box marginStart={12} marginBottom={4}>\n              {(message.isFileMessage() || message.isUserMessage()) && (\n                <Text caption1 color={color.enabled.textSenderName} numberOfLines={1}>\n                  {strings?.senderName ?? message.sender.nickname}\n                </Text>\n              )}\n            </Box>\n          )}\n          <Box flexDirection={'row'} alignItems={'flex-end'}>\n            <Box style={styles.bubble}>{children}</Box>\n            {!groupedWithNext && (\n              <Box marginStart={4}>\n                <Text caption4 color={color.enabled.textTime}>\n                  {strings?.sentDate ?? getMessageTimeFormat(new Date(message.createdAt))}\n                </Text>\n              </Box>\n            )}\n          </Box>\n        </Box>\n      </Box>\n      <Box flexDirection={'row'} marginTop={4}>\n        <Box width={26} marginEnd={12} justifyContent={'flex-start'} />\n        {replyInfo}\n      </Box>\n    </Box>\n  );\n};\n\nMessageContainer.Outgoing = function MessageContainerOutgoing({\n  children,\n  replyInfo,\n  message,\n  groupedWithNext,\n  strings,\n  sendingStatus,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.outgoing;\n\n  return (\n    <Box>\n      {parentMessage}\n      <Box flexDirection={'row'} justifyContent={'flex-end'} alignItems={'flex-end'}>\n        <Box flexDirection={'row'} alignItems={'flex-end'} justifyContent={'center'}>\n          {sendingStatus && <Box marginEnd={4}>{sendingStatus}</Box>}\n          {!groupedWithNext && (\n            <Box marginEnd={4}>\n              <Text caption4 color={color.enabled.textTime}>\n                {strings?.sentDate ?? getMessageTimeFormat(new Date(message.createdAt))}\n              </Text>\n            </Box>\n          )}\n        </Box>\n        <Box style={styles.bubble}>{children}</Box>\n      </Box>\n      <Box flexDirection={'row'} justifyContent={'flex-end'} marginTop={4}>\n        {replyInfo}\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    maxWidth: 240,\n    overflow: 'hidden',\n    flexShrink: 1,\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/GroupChannelMessage/MessageOpenGraph.js

@@ -11,14 +11,13 @@ var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MessageOpenGraph = _ref => {
-  let {
-    onPressURL,
-    onLongPress,
-    ogMetaData,
-    variant
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MessageOpenGraph = ({
+  onPressURL,
+  onLongPress,
+  ogMetaData,
+  variant
+}) => {
   const {
     palette,
     select,
@@ -29,39 +28,36 @@ const MessageOpenGraph = _ref => {
     activeOpacity: 0.85,
     onPress: () => typeof (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url) === 'string' && (onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(ogMetaData.url)),
     onLongPress: onLongPress
-  }, _ref2 => {
-    let {
-      pressed
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_Box.default, {
-      backgroundColor: pressed ? color.pressed.background : color.enabled.background
-    }, !!ogMetaData.defaultImage && /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
-      style: styles.ogImage,
-      source: {
-        uri: ogMetaData.defaultImage.url
-      }
-    }), /*#__PURE__*/_react.default.createElement(_Box.default, {
-      style: styles.ogContainer,
-      backgroundColor: select({
-        dark: palette.background400,
-        light: palette.background100
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-      numberOfLines: 3,
-      body2: true,
-      color: colors.onBackground01,
-      style: styles.ogTitle
-    }, ogMetaData.title), !!ogMetaData.description && /*#__PURE__*/_react.default.createElement(_Text.default, {
-      numberOfLines: 1,
-      caption2: true,
-      color: colors.onBackground01,
-      style: styles.ogDesc
-    }, ogMetaData.description), /*#__PURE__*/_react.default.createElement(_Text.default, {
-      numberOfLines: 1,
-      caption2: true,
-      color: colors.onBackground02
-    }, ogMetaData.url)));
-  });
+  }, ({
+    pressed
+  }) => /*#__PURE__*/_react.default.createElement(_Box.default, {
+    backgroundColor: pressed ? color.pressed.background : color.enabled.background
+  }, !!ogMetaData.defaultImage && /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
+    style: styles.ogImage,
+    source: {
+      uri: ogMetaData.defaultImage.url
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: styles.ogContainer,
+    backgroundColor: select({
+      dark: palette.background400,
+      light: palette.background100
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 3,
+    body2: true,
+    color: colors.onBackground01,
+    style: styles.ogTitle
+  }, ogMetaData.title), !!ogMetaData.description && /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 1,
+    caption2: true,
+    color: colors.onBackground01,
+    style: styles.ogDesc
+  }, ogMetaData.description), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 1,
+    caption2: true,
+    color: colors.onBackground02
+  }, ogMetaData.url))));
 };
 const styles = (0, _createStyleSheet.default)({
   ogContainer: {
@@ -86,6 +82,5 @@ const styles = (0, _createStyleSheet.default)({
     marginBottom: 8
   }
 });
-var _default = MessageOpenGraph;
-exports.default = _default;
+var _default = exports.default = MessageOpenGraph;
 //# sourceMappingURL=MessageOpenGraph.js.map

package/lib/commonjs/ui/GroupChannelMessage/MessageOpenGraph.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_ImageWithPlaceholder","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","MessageOpenGraph","_ref","onPressURL","onLongPress","ogMetaData","variant","palette","select","colors","useUIKitTheme","color","ui","groupChannelMessage","createElement","activeOpacity","onPress","url","_ref2","pressed","backgroundColor","background","enabled","defaultImage","style","styles","ogImage","source","uri","ogContainer","dark","background400","light","background100","numberOfLines","body2","onBackground01","ogTitle","title","description","caption2","ogDesc","onBackground02","createStyleSheet","overflow","paddingHorizontal","paddingTop","paddingBottom","maxWidth","width","height","ogUrl","marginBottom","lineHeight","_default","exports"],"sources":["MessageOpenGraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nconst MessageOpenGraph = ({\n  onPressURL,\n  onLongPress,\n  ogMetaData,\n  variant,\n}: {\n  ogMetaData: NonNullable<SendbirdUserMessage['ogMetaData']>;\n  variant: 'outgoing' | 'incoming';\n  onPressURL?: (url: string) => void;\n  onLongPress?: () => void;\n}) => {\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n\n  return (\n    <PressBox\n      activeOpacity={0.85}\n      onPress={() => typeof ogMetaData?.url === 'string' && onPressURL?.(ogMetaData.url)}\n      onLongPress={onLongPress}\n    >\n      {({ pressed }) => (\n        <Box backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n          {!!ogMetaData.defaultImage && (\n            <ImageWithPlaceholder style={styles.ogImage} source={{ uri: ogMetaData.defaultImage.url }} />\n          )}\n\n          <Box\n            style={styles.ogContainer}\n            backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n          >\n            <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n              {ogMetaData.title}\n            </Text>\n            {!!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          </Box>\n        </Box>\n      )}\n    </PressBox>\n  );\n};\n\nconst styles = createStyleSheet({\n  ogContainer: {\n    overflow: 'hidden',\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImage: {\n    maxWidth: 240,\n    width: 240,\n    height: 136,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n});\n\nexport default MessageOpenGraph;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_ImageWithPlaceholder","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","MessageOpenGraph","onPressURL","onLongPress","ogMetaData","variant","palette","select","colors","useUIKitTheme","color","ui","groupChannelMessage","createElement","activeOpacity","onPress","url","pressed","backgroundColor","background","enabled","defaultImage","style","styles","ogImage","source","uri","ogContainer","dark","background400","light","background100","numberOfLines","body2","onBackground01","ogTitle","title","description","caption2","ogDesc","onBackground02","createStyleSheet","overflow","paddingHorizontal","paddingTop","paddingBottom","maxWidth","width","height","ogUrl","marginBottom","lineHeight","_default","exports"],"sources":["MessageOpenGraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nconst MessageOpenGraph = ({\n  onPressURL,\n  onLongPress,\n  ogMetaData,\n  variant,\n}: {\n  ogMetaData: NonNullable<SendbirdUserMessage['ogMetaData']>;\n  variant: 'outgoing' | 'incoming';\n  onPressURL?: (url: string) => void;\n  onLongPress?: () => void;\n}) => {\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n\n  return (\n    <PressBox\n      activeOpacity={0.85}\n      onPress={() => typeof ogMetaData?.url === 'string' && onPressURL?.(ogMetaData.url)}\n      onLongPress={onLongPress}\n    >\n      {({ pressed }) => (\n        <Box backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n          {!!ogMetaData.defaultImage && (\n            <ImageWithPlaceholder style={styles.ogImage} source={{ uri: ogMetaData.defaultImage.url }} />\n          )}\n\n          <Box\n            style={styles.ogContainer}\n            backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n          >\n            <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n              {ogMetaData.title}\n            </Text>\n            {!!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          </Box>\n        </Box>\n      )}\n    </PressBox>\n  );\n};\n\nconst styles = createStyleSheet({\n  ogContainer: {\n    overflow: 'hidden',\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImage: {\n    maxWidth: 240,\n    width: 240,\n    height: 136,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n});\n\nexport default MessageOpenGraph;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/GroupChannelMessage/index.js

@@ -12,7 +12,7 @@ var _MessageFile3 = _interopRequireDefault(require("./Message.file.voice"));
 var _Message3 = _interopRequireDefault(require("./Message.unknown"));
 var _Message4 = _interopRequireDefault(require("./Message.user"));
 var _MessageUser = _interopRequireDefault(require("./Message.user.og"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const GroupChannelMessage = {
   User: _Message4.default,
   OpenGraphUser: _MessageUser.default,
@@ -23,6 +23,5 @@ const GroupChannelMessage = {
   Admin: _Message.default,
   Unknown: _Message3.default
 };
-var _default = GroupChannelMessage;
-exports.default = _default;
+var _default = exports.default = GroupChannelMessage;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/ui/GroupChannelMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Message","_interopRequireDefault","require","_Message2","_MessageFile","_MessageFile2","_MessageFile3","_Message3","_Message4","_MessageUser","obj","__esModule","default","GroupChannelMessage","User","UserMessage","OpenGraphUser","File","FileMessage","ImageFile","ImageFileMessage","VideoFile","VideoFileMessage","VoiceFile","VoiceFileMessage","Admin","AdminMessage","Unknown","UnknownMessage","_default","exports"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport VoiceFileMessage from './Message.file.voice';\nimport type { VoiceFileMessageState } from './Message.file.voice';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUser from './Message.user.og';\n\nexport type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdGroupChannel;\n  message: T;\n  variant?: 'outgoing' | 'incoming';\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n\n  children?: React.ReactNode;\n  sendingStatus?: React.ReactNode;\n  parentMessage?: React.ReactNode;\n  replyInfo?: React.ReactNode;\n\n  groupedWithPrev: boolean;\n  groupedWithNext: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n  onToggleVoiceMessage?: (\n    state: VoiceFileMessageState,\n    setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>,\n  ) => Promise<void>;\n} & AdditionalProps;\n\nconst GroupChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUser,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  VoiceFile: VoiceFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default GroupChannelMessage;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiC9C,MAAMG,mBAAmB,GAAG;EAC1BC,IAAI,EAAEC,iBAAW;EACjBC,aAAa,EAAEA,oBAAa;EAC5BC,IAAI,EAAEC,iBAAW;EACjBC,SAAS,EAAEC,oBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,KAAK,EAAEC,gBAAY;EACnBC,OAAO,EAAEC;AACX,CAAC;AAAC,IAAAC,QAAA,GAEahB,mBAAmB;AAAAiB,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}
+{"version":3,"names":["_Message","_interopRequireDefault","require","_Message2","_MessageFile","_MessageFile2","_MessageFile3","_Message3","_Message4","_MessageUser","e","__esModule","default","GroupChannelMessage","User","UserMessage","OpenGraphUser","File","FileMessage","ImageFile","ImageFileMessage","VideoFile","VideoFileMessage","VoiceFile","VoiceFileMessage","Admin","AdminMessage","Unknown","UnknownMessage","_default","exports"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport VoiceFileMessage from './Message.file.voice';\nimport type { VoiceFileMessageState } from './Message.file.voice';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUser from './Message.user.og';\n\nexport type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdGroupChannel;\n  message: T;\n  variant?: 'outgoing' | 'incoming';\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n\n  children?: React.ReactNode;\n  sendingStatus?: React.ReactNode;\n  parentMessage?: React.ReactNode;\n  replyInfo?: React.ReactNode;\n\n  groupedWithPrev: boolean;\n  groupedWithNext: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n  onToggleVoiceMessage?: (\n    state: VoiceFileMessageState,\n    setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>,\n  ) => Promise<void>;\n} & AdditionalProps;\n\nconst GroupChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUser,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  VoiceFile: VoiceFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default GroupChannelMessage;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiC9C,MAAMG,mBAAmB,GAAG;EAC1BC,IAAI,EAAEC,iBAAW;EACjBC,aAAa,EAAEA,oBAAa;EAC5BC,IAAI,EAAEC,iBAAW;EACjBC,SAAS,EAAEC,oBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,KAAK,EAAEC,gBAAY;EACnBC,OAAO,EAAEC;AACX,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,mBAAmB","ignoreList":[]}