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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_FlatListInternal","_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","ANDROID_BUG_ALERT_SHOWED","Platform","OS","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ChatFlatList","forwardRef","CustomFlatList","_ref","ref","_props$data","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","select","useUIKitTheme","contentOffsetY","useRef","_onScroll","useFreshCallback","event","contentOffset","nativeEvent","prevOffsetY","current","currOffsetY","y","__DEV__","console","warn","createElement","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","onEndReached","onScrollToIndexFailed","NOOP","onStartReached","scrollEventThrottle","keyExtractor","getMessageUniqId","style","flex","StyleSheet","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, Platform, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from './FlatListInternal';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<RNFlatList, Props>(function CustomFlatList(\n  { onTopReached, onBottomReached, onScrolledAwayFromBottom, onScroll, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const contentOffsetY = useRef(0);\n\n  const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n    onScroll?.(event);\n\n    const { contentOffset } = event.nativeEvent;\n\n    const prevOffsetY = contentOffsetY.current;\n    const currOffsetY = contentOffset.y;\n\n    if (BOTTOM_DETECT_THRESHOLD < prevOffsetY && currOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(false);\n    } else if (BOTTOM_DETECT_THRESHOLD < currOffsetY && prevOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(true);\n    }\n\n    contentOffsetY.current = contentOffset.y;\n  });\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: The inverted FlatList has a performance issue on Android. Maybe this is a bug.\\n' +\n        'Please refer to the link: https://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatListInternal\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      ref={ref}\n      onEndReached={onTopReached}\n      onScrollToIndexFailed={NOOP}\n      onStartReached={onBottomReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n      style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n      maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}

package/lib/commonjs/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js}

@@ -10,7 +10,7 @@ var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _useContext = require("../../hooks/useContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MessageDateSeparator = _ref => {
+const GroupChannelMessageDateSeparator = _ref => {
   let {
     message,
     prevMessage
@@ -45,6 +45,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     paddingHorizontal: 10
   }
 });
-var _default = MessageDateSeparator;
+var _default = GroupChannelMessageDateSeparator;
 exports.default = _default;
-//# sourceMappingURL=MessageDateSeparator.js.map
+//# sourceMappingURL=GroupChannelMessageDateSeparator.js.map

package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_isSameDay","_interopRequireDefault","require","_react","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","GroupChannelMessageDateSeparator","_ref","message","prevMessage","STRINGS","useLocalization","colors","useUIKitTheme","sameDay","isSameDay","createdAt","createElement","View","style","styles","container","view","backgroundColor","ui","dateSeparator","none","background","Text","caption1","color","text","GROUP_CHANNEL","LIST_DATE_SEPARATOR","Date","createStyleSheet","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal","_default","exports"],"sources":["GroupChannelMessageDateSeparator.tsx"],"sourcesContent":["import isSameDay from 'date-fns/isSameDay';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst GroupChannelMessageDateSeparator = ({\n  message,\n  prevMessage,\n}: {\n  message: SendbirdMessage;\n  prevMessage?: SendbirdMessage;\n}) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const sameDay = isSameDay(message.createdAt, prevMessage?.createdAt ?? 0);\n  if (sameDay) return null;\n\n  return (\n    <View style={styles.container}>\n      <View style={[styles.view, { backgroundColor: colors.ui.dateSeparator.default.none.background }]}>\n        <Text caption1 color={colors.ui.dateSeparator.default.none.text}>\n          {STRINGS.GROUP_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt))}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    marginVertical: 16,\n  },\n  view: {\n    borderRadius: 10,\n    paddingVertical: 4,\n    paddingHorizontal: 10,\n  },\n});\n\nexport default GroupChannelMessageDateSeparator;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AAAyD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,gCAAgC,GAAGC,IAAA,IAMnC;EAAA,IANoC;IACxCC,OAAO;IACPC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAMC,OAAO,GAAG,IAAAC,kBAAS,EAACP,OAAO,CAACQ,SAAS,EAAE,CAAAP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEO,SAAS,KAAI,CAAC,CAAC;EACzE,IAAIF,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEf,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEX,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/F5B,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAChB,2BAAA,CAAA2B,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAElB,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACK;EAAK,GAC7DrB,OAAO,CAACsB,aAAa,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAAC1B,OAAO,CAACQ,SAAS,CAAC,CAAC,CAClE,CACF,CACF;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAe,4CAAgB,EAAC;EAC9Bd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJgB,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYnC,gCAAgC;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _constants = require("../../constants");
+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; }
+const GroupChannelMessageFocusAnimation = props => {
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (props.focused) {
+      setTimeout(() => {
+        _reactNative.Animated.sequence([{
+          toValue: -10,
+          duration: 500
+        }, {
+          toValue: 0,
+          duration: 100
+        }, {
+          toValue: -10,
+          duration: 200
+        }, {
+          toValue: 0,
+          duration: 100
+        }].map(value => _reactNative.Animated.timing(translateY, {
+          ...value,
+          useNativeDriver: true,
+          easing: _reactNative.Easing.inOut(_reactNative.Easing.ease)
+        }))).start();
+      }, _constants.MESSAGE_SEARCH_SAFE_SCROLL_DELAY + _constants.MESSAGE_FOCUS_ANIMATION_DELAY);
+    }
+  }, [props.focused]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: {
+      transform: [{
+        translateY
+      }]
+    }
+  }, props.children);
+};
+var _default = GroupChannelMessageFocusAnimation;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelMessageFocusAnimation.js.map

package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelMessageFocusAnimation","props","translateY","useRef","Animated","Value","current","useEffect","focused","setTimeout","sequence","toValue","duration","map","value","timing","useNativeDriver","easing","Easing","inOut","ease","start","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","MESSAGE_FOCUS_ANIMATION_DELAY","createElement","View","style","transform","children","_default","exports"],"sources":["GroupChannelMessageFocusAnimation.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing } from 'react-native';\n\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../constants';\n\nconst GroupChannelMessageFocusAnimation = (props: React.PropsWithChildren<{ focused: boolean }>) => {\n  const translateY = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    if (props.focused) {\n      setTimeout(() => {\n        Animated.sequence(\n          [\n            { toValue: -10, duration: 500 },\n            { toValue: 0, duration: 100 },\n            { toValue: -10, duration: 200 },\n            { toValue: 0, duration: 100 },\n          ].map((value) =>\n            Animated.timing(translateY, { ...value, useNativeDriver: true, easing: Easing.inOut(Easing.ease) }),\n          ),\n        ).start();\n      }, MESSAGE_SEARCH_SAFE_SCROLL_DELAY + MESSAGE_FOCUS_ANIMATION_DELAY);\n    }\n  }, [props.focused]);\n\n  return <Animated.View style={{ transform: [{ translateY }] }}>{props.children}</Animated.View>;\n};\n\nexport default GroupChannelMessageFocusAnimation;\n"],"mappings":"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"}

package/lib/commonjs/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js}

@@ -10,12 +10,14 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 var _useContext = require("../../hooks/useContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SIZE = 16;
-const MessageOutgoingStatus = _ref => {
+const GroupChannelMessageOutgoingStatus = _ref => {
   let {
     channel,
-    message
+    message,
+    style
   } = _ref;
   if (!message.isUserMessage() && !message.isFileMessage()) return null;
+  if (channel.isEphemeral) return null;
   const {
     sdk
   } = (0, _useContext.useSendbirdChat)();
@@ -26,7 +28,7 @@ const MessageOutgoingStatus = _ref => {
   if (outgoingStatus === 'PENDING') {
     return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.LoadingSpinner, {
       size: SIZE,
-      style: styles.container
+      style: style
     });
   }
   if (outgoingStatus === 'FAILED') {
@@ -34,7 +36,7 @@ const MessageOutgoingStatus = _ref => {
       icon: 'error',
       size: SIZE,
       color: colors.error,
-      style: styles.container
+      style: style
     });
   }
   if (outgoingStatus === 'READ') {
@@ -42,7 +44,7 @@ const MessageOutgoingStatus = _ref => {
       icon: 'done-all',
       size: SIZE,
       color: colors.secondary,
-      style: styles.container
+      style: style
     });
   }
   if (outgoingStatus === 'UNREAD' || outgoingStatus === 'DELIVERED') {
@@ -50,7 +52,7 @@ const MessageOutgoingStatus = _ref => {
       icon: 'done-all',
       size: SIZE,
       color: colors.onBackground03,
-      style: styles.container
+      style: style
     });
   }
   if (outgoingStatus === 'UNDELIVERED') {
@@ -58,16 +60,11 @@ const MessageOutgoingStatus = _ref => {
       icon: 'done',
       size: SIZE,
       color: colors.onBackground03,
-      style: styles.container
+      style: style
     });
   }
   return null;
 };
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  container: {
-    marginRight: 4
-  }
-});
-var _default = /*#__PURE__*/_react.default.memo(MessageOutgoingStatus);
+var _default = /*#__PURE__*/_react.default.memo(GroupChannelMessageOutgoingStatus);
 exports.default = _default;
-//# sourceMappingURL=MessageOutgoingStatus.js.map
+//# sourceMappingURL=GroupChannelMessageOutgoingStatus.js.map

package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","SIZE","GroupChannelMessageOutgoingStatus","_ref","channel","message","style","isUserMessage","isFileMessage","isEphemeral","sdk","useSendbirdChat","colors","useUIKitTheme","outgoingStatus","useMessageOutgoingStatus","createElement","LoadingSpinner","size","Icon","icon","color","error","secondary","onBackground03","_default","React","memo","exports"],"sources":["GroupChannelMessageOutgoingStatus.tsx"],"sourcesContent":["import React from 'react';\nimport type { ImageStyle, StyleProp } from 'react-native';\n\nimport { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport { Icon, LoadingSpinner, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel, SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\n\nconst SIZE = 16;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  message: SendbirdMessage;\n  style?: StyleProp<ImageStyle>;\n};\nconst GroupChannelMessageOutgoingStatus = ({ channel, message, style }: Props) => {\n  if (!message.isUserMessage() && !message.isFileMessage()) return null;\n  if (channel.isEphemeral) return null;\n\n  const { sdk } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, message);\n\n  if (outgoingStatus === 'PENDING') {\n    return <LoadingSpinner size={SIZE} style={style} />;\n  }\n\n  if (outgoingStatus === 'FAILED') {\n    return <Icon icon={'error'} size={SIZE} color={colors.error} style={style} />;\n  }\n\n  if (outgoingStatus === 'READ') {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.secondary} style={style} />;\n  }\n\n  if (outgoingStatus === 'UNREAD' || outgoingStatus === 'DELIVERED') {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.onBackground03} style={style} />;\n  }\n\n  if (outgoingStatus === 'UNDELIVERED') {\n    return <Icon icon={'done'} size={SIZE} color={colors.onBackground03} style={style} />;\n  }\n\n  return null;\n};\n\nexport default React.memo(GroupChannelMessageOutgoingStatus);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,IAAI,GAAG,EAAE;AAOf,MAAMC,iCAAiC,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,OAAO;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAAH,IAAA;EAC3E,IAAI,CAACE,OAAO,CAACE,aAAa,EAAE,IAAI,CAACF,OAAO,CAACG,aAAa,EAAE,EAAE,OAAO,IAAI;EACrE,IAAIJ,OAAO,CAACK,WAAW,EAAE,OAAO,IAAI;EAEpC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,cAAc,GAAG,IAAAC,wCAAwB,EAACL,GAAG,EAAEN,OAAO,EAAEC,OAAO,CAAC;EAEtE,IAAIS,cAAc,KAAK,SAAS,EAAE;IAChC,oBAAOtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAqB,cAAc;MAACC,IAAI,EAAEjB,IAAK;MAACK,KAAK,EAAEA;IAAM,EAAG;EACrD;EAEA,IAAIQ,cAAc,KAAK,QAAQ,EAAE;IAC/B,oBAAOtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,OAAQ;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAET,MAAM,CAACU,KAAM;MAAChB,KAAK,EAAEA;IAAM,EAAG;EAC/E;EAEA,IAAIQ,cAAc,KAAK,MAAM,EAAE;IAC7B,oBAAOtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAET,MAAM,CAACW,SAAU;MAACjB,KAAK,EAAEA;IAAM,EAAG;EACtF;EAEA,IAAIQ,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,WAAW,EAAE;IACjE,oBAAOtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAET,MAAM,CAACY,cAAe;MAAClB,KAAK,EAAEA;IAAM,EAAG;EAC3F;EAEA,IAAIQ,cAAc,KAAK,aAAa,EAAE;IACpC,oBAAOtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,MAAO;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAET,MAAM,CAACY,cAAe;MAAClB,KAAK,EAAEA;IAAM,EAAG;EACvF;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAmB,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAACzB,iCAAiC,CAAC;AAAA0B,OAAA,CAAA5B,OAAA,GAAAyB,QAAA"}

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

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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");
+var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
+var _ReactionAddons = require("../ReactionAddons");
+var _GroupChannelMessageDateSeparator = _interopRequireDefault(require("./GroupChannelMessageDateSeparator"));
+var _GroupChannelMessageFocusAnimation = _interopRequireDefault(require("./GroupChannelMessageFocusAnimation"));
+var _GroupChannelMessageOutgoingStatus = _interopRequireDefault(require("./GroupChannelMessageOutgoingStatus"));
+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 GroupChannelMessageRenderer = _ref => {
+  let {
+    channel,
+    message,
+    onPress,
+    onLongPress,
+    onShowUserProfile,
+    enableMessageGrouping,
+    focused,
+    prevMessage,
+    nextMessage
+  } = _ref;
+  const {
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    sbOptions,
+    currentUser,
+    mentionManager
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    mediaService
+  } = (0, _useContext.usePlatformService)();
+  const {
+    groupWithPrev,
+    groupWithNext
+  } = (0, _uikitUtils.calcMessageGrouping)(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);
+  const reactionChildren = (0, _uikitUtils.useIIFE)(() => {
+    if ((0, _uikitUtils.shouldRenderReaction)(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions) && message.reactions && message.reactions.length > 0) {
+      return /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.Message, {
+        channel: channel,
+        message: message
+      });
+    }
+    return null;
+  });
+  const messageProps = {
+    channel,
+    variant: (0, _uikitUtils.isMyMessage)(message, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? 'outgoing' : 'incoming',
+    onPress,
+    onLongPress,
+    onPressURL: url => _SBUUtils.default.openURL(url),
+    onPressAvatar: () => {
+      if ('sender' in message) onShowUserProfile === null || onShowUserProfile === void 0 ? void 0 : onShowUserProfile(message.sender);
+    },
+    onPressMentionedUser: mentionedUser => {
+      if (mentionedUser) onShowUserProfile === null || onShowUserProfile === void 0 ? void 0 : onShowUserProfile(mentionedUser);
+    },
+    groupedWithPrev: groupWithPrev,
+    groupedWithNext: groupWithNext,
+    children: reactionChildren,
+    sendingStatus: (0, _uikitUtils.isMyMessage)(message, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? /*#__PURE__*/_react.default.createElement(_GroupChannelMessageOutgoingStatus.default, {
+      channel: channel,
+      message: message
+    }) : null,
+    strings: {
+      edited: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,
+      senderName: 'sender' in message && message.sender.nickname || STRINGS.LABELS.USER_NO_NAME,
+      sentDate: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message),
+      fileName: message.isFileMessage() ? STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',
+      unknownTitle: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),
+      unknownDescription: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message)
+    }
+  };
+  const userMessageProps = {
+    renderRegexTextChildren: message => {
+      if (mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)) {
+        return message.mentionedMessageTemplate;
+      } else {
+        return message.message;
+      }
+    },
+    regexTextPatterns: [{
+      regex: mentionManager.templateRegex,
+      replacer(_ref2) {
+        var _message$mentionedUse;
+        let {
+          match,
+          groups,
+          parentProps,
+          index,
+          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) {
+          const mentionColor = !(0, _uikitUtils.isMyMessage)(message, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? palette.onBackgroundLight01 : parentProps === null || parentProps === void 0 ? void 0 : parentProps.color;
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
+            key: `${keyPrefix}-${index}`,
+            color: mentionColor,
+            onPress: () => {
+              var _messageProps$onPress;
+              return (_messageProps$onPress = messageProps.onPressMentionedUser) === null || _messageProps$onPress === void 0 ? void 0 : _messageProps$onPress.call(messageProps, user);
+            },
+            onLongPress: messageProps.onLongPress,
+            style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, {
+              fontWeight: '700'
+            }, user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && {
+              backgroundColor: palette.highlight
+            }]
+          }), `${mentionManager.asMentionedMessageText(user)}`);
+        }
+        return match;
+      }
+    }]
+  };
+  const renderMessage = () => {
+    switch ((0, _uikitUtils.getMessageType)(message)) {
+      case 'admin':
+        {
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.Admin, _extends({
+            message: message
+          }, messageProps));
+        }
+      case 'user':
+      case 'user.opengraph':
+        {
+          if (message.ogMetaData && sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag) {
+            return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.OpenGraphUser, _extends({
+              message: message
+            }, userMessageProps, messageProps));
+          } else {
+            return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.User, _extends({
+              message: message
+            }, userMessageProps, messageProps));
+          }
+        }
+      case 'file':
+      case 'file.audio':
+        {
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.File, _extends({
+            message: message
+          }, messageProps));
+        }
+      case 'file.image':
+        {
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.ImageFile, _extends({
+            message: message
+          }, messageProps));
+        }
+      case 'file.video':
+        {
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.VideoFile, _extends({
+            message: message,
+            fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
+              url: uri,
+              timeMills: 1000
+            })
+          }, messageProps));
+        }
+      case 'unknown':
+      default:
+        {
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelMessage.Unknown, _extends({
+            message: message
+          }, messageProps));
+        }
+    }
+  };
+  const messageGap = (0, _uikitUtils.useIIFE)(() => {
+    if (message.isAdminMessage()) {
+      if (nextMessage !== null && nextMessage !== void 0 && nextMessage.isAdminMessage()) {
+        return 8;
+      } else {
+        return 16;
+      }
+    } else if (groupWithNext) {
+      return 2;
+    } else {
+      return 16;
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    paddingHorizontal: 16,
+    marginBottom: messageGap
+  }, /*#__PURE__*/_react.default.createElement(_GroupChannelMessageDateSeparator.default, {
+    message: message,
+    prevMessage: prevMessage
+  }), /*#__PURE__*/_react.default.createElement(_GroupChannelMessageFocusAnimation.default, {
+    focused: focused
+  }, renderMessage()));
+};
+var _default = /*#__PURE__*/_react.default.memo(GroupChannelMessageRenderer);
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_ReactionAddons","_GroupChannelMessageDateSeparator","_GroupChannelMessageFocusAnimation","_GroupChannelMessageOutgoingStatus","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","GroupChannelMessageRenderer","_ref","channel","message","onPress","onLongPress","onShowUserProfile","enableMessageGrouping","focused","prevMessage","nextMessage","palette","useUIKitTheme","sbOptions","currentUser","mentionManager","useSendbirdChat","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","groupWithNext","calcMessageGrouping","Boolean","reactionChildren","useIIFE","shouldRenderReaction","uikitWithAppInfo","groupChannel","enableReactions","reactions","createElement","ReactionAddons","Message","messageProps","variant","isMyMessage","userId","onPressURL","url","SBUUtils","openURL","onPressAvatar","sender","onPressMentionedUser","mentionedUser","groupedWithPrev","groupedWithNext","children","sendingStatus","strings","edited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","userMessageProps","renderRegexTextChildren","shouldUseMentionedMessageTemplate","uikit","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","_ref2","_message$mentionedUse","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","mentionColor","onBackgroundLight01","color","Text","_messageProps$onPress","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","renderMessage","getMessageType","GroupChannelMessage","Admin","ogMetaData","enableOgtag","OpenGraphUser","User","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","Unknown","messageGap","isAdminMessage","Box","paddingHorizontal","marginBottom","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { GroupChannelMessageProps, RegexTextPattern } from '@sendbird/uikit-react-native-foundation';\nimport { Box, GroupChannelMessage, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n  isMyMessage,\n  shouldRenderReaction,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport { ReactionAddons } from '../ReactionAddons';\nimport GroupChannelMessageDateSeparator from './GroupChannelMessageDateSeparator';\nimport GroupChannelMessageFocusAnimation from './GroupChannelMessageFocusAnimation';\nimport GroupChannelMessageOutgoingStatus from './GroupChannelMessageOutgoingStatus';\n\nconst GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onShowUserProfile,\n  enableMessageGrouping,\n  focused,\n  prevMessage,\n  nextMessage,\n}) => {\n  const { palette } = useUIKitTheme();\n  const { sbOptions, currentUser, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n    Boolean(enableMessageGrouping),\n    message,\n    prevMessage,\n    nextMessage,\n  );\n\n  const reactionChildren = useIIFE(() => {\n    if (\n      shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions) &&\n      message.reactions &&\n      message.reactions.length > 0\n    ) {\n      return <ReactionAddons.Message channel={channel} message={message} />;\n    }\n    return null;\n  });\n\n  const messageProps: Omit<GroupChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    variant: isMyMessage(message, currentUser?.userId) ? 'outgoing' : 'incoming',\n    onPress,\n    onLongPress,\n    onPressURL: (url) => SBUUtils.openURL(url),\n    onPressAvatar: () => {\n      if ('sender' in message) onShowUserProfile?.(message.sender);\n    },\n    onPressMentionedUser: (mentionedUser) => {\n      if (mentionedUser) onShowUserProfile?.(mentionedUser);\n    },\n    groupedWithPrev: groupWithPrev,\n    groupedWithNext: groupWithNext,\n    children: reactionChildren,\n    sendingStatus: isMyMessage(message, currentUser?.userId) ? (\n      <GroupChannelMessageOutgoingStatus channel={channel} message={message} />\n    ) : null,\n    strings: {\n      edited: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n\n  const userMessageProps: {\n    renderRegexTextChildren: (message: SendbirdUserMessage) => string;\n    regexTextPatterns: RegexTextPattern[];\n  } = {\n    renderRegexTextChildren: (message) => {\n      if (\n        mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)\n      ) {\n        return message.mentionedMessageTemplate;\n      } else {\n        return message.message;\n      }\n    },\n    regexTextPatterns: [\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            const mentionColor =\n              !isMyMessage(message, currentUser?.userId) && user.userId === currentUser?.userId\n                ? palette.onBackgroundLight01\n                : parentProps?.color;\n\n            return (\n              <Text\n                {...parentProps}\n                key={`${keyPrefix}-${index}`}\n                color={mentionColor}\n                onPress={() => messageProps.onPressMentionedUser?.(user)}\n                onLongPress={messageProps.onLongPress}\n                style={[\n                  parentProps?.style,\n                  { fontWeight: '700' },\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  };\n\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <GroupChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user':\n      case 'user.opengraph': {\n        if (message.ogMetaData && sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag) {\n          return (\n            <GroupChannelMessage.OpenGraphUser\n              message={message as SendbirdUserMessage}\n              {...userMessageProps}\n              {...messageProps}\n            />\n          );\n        } else {\n          return (\n            <GroupChannelMessage.User\n              message={message as SendbirdUserMessage}\n              {...userMessageProps}\n              {...messageProps}\n            />\n          );\n        }\n      }\n      case 'file':\n      case 'file.audio': {\n        return <GroupChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <GroupChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <GroupChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <GroupChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  const messageGap = useIIFE(() => {\n    if (message.isAdminMessage()) {\n      if (nextMessage?.isAdminMessage()) {\n        return 8;\n      } else {\n        return 16;\n      }\n    } else if (groupWithNext) {\n      return 2;\n    } else {\n      return 16;\n    }\n  });\n\n  return (\n    <Box paddingHorizontal={16} marginBottom={messageGap}>\n      <GroupChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      <GroupChannelMessageFocusAnimation focused={focused}>{renderMessage()}</GroupChannelMessageFocusAnimation>\n    </Box>\n  );\n};\n\nexport default React.memo(GroupChannelMessageRenderer);\n"],"mappings":"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"}

package/lib/commonjs/components/MessageSearchResultItem.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MessageSearchResultItem = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
@@ -84,7 +84,6 @@ const MessageSearchResultItem = _ref => {
     backgroundColor: colors.onBackground04
   }))));
 };
-exports.MessageSearchResultItem = MessageSearchResultItem;
 function getSenderProfile(message) {
   if (message.isUserMessage() || message.isFileMessage()) {
     return message.sender.profileUrl;
@@ -129,4 +128,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     height: 1
   }
 });
+var _default = MessageSearchResultItem;
+exports.default = _default;
 //# sourceMappingURL=MessageSearchResultItem.js.map

package/lib/commonjs/components/MessageSearchResultItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","iconMapper","audio","image","video","file","MessageSearchResultItem","_ref","onPress","message","colors","select","palette","useUIKitTheme","STRINGS","useLocalization","fileIcon","useIIFE","isFileMessage","undefined","getFileType","type","getFileExtension","name","createElement","PressBox","Box","style","styles","container","Avatar","size","avatarSize","width","uri","getSenderProfile","containerStyle","avatar","flex","paddingRight","titleLine","marginRight","justifyContent","Text","subtitle2","color","onBackground01","numberOfLines","MESSAGE_SEARCH","SEARCH_RESULT_ITEM_TITLE","paddingTop","caption2","onBackground02","SEARCH_RESULT_ITEM_TITLE_CAPTION","alignItems","flexDirection","Icon","icon","bodyIcon","backgroundColor","light","background100","dark","background500","body3","ellipsizeMode","bodyText","onBackground03","SEARCH_RESULT_ITEM_BODY","separator","onBackground04","exports","isUserMessage","sender","profileUrl","createStyleSheet","height","marginHorizontal","marginTop","marginBottom","borderRadius","lineHeight","position","left","right","bottom"],"sources":["MessageSearchResultItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Avatar,\n  Box,\n  Icon,\n  PressBox,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdBaseMessage } from '@sendbird/uikit-utils';\nimport { getFileExtension, getFileType, useIIFE } from '@sendbird/uikit-utils';\n\nimport type { MessageSearchProps } from '../domain/messageSearch/types';\nimport { useLocalization } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\nexport const MessageSearchResultItem: MessageSearchProps['List']['renderSearchResultItem'] = ({ onPress, message }) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n\n  const fileIcon = useIIFE(() => {\n    if (!message?.isFileMessage()) return undefined;\n    return iconMapper[getFileType(message.type || getFileExtension(message.name))];\n  });\n\n  return (\n    <PressBox onPress={onPress}>\n      <Box style={styles.container}>\n        <Avatar size={styles.avatarSize.width} uri={getSenderProfile(message)} containerStyle={styles.avatar} />\n\n        <Box flex={1} paddingRight={16}>\n          <Box style={styles.titleLine}>\n            <Box flex={1} marginRight={4} justifyContent={'center'}>\n              <Text subtitle2 color={colors.onBackground01} numberOfLines={1}>\n                {STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE(message)}\n              </Text>\n            </Box>\n            <Box paddingTop={2}>\n              <Text caption2 color={colors.onBackground02}>\n                {STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE_CAPTION(message)}\n              </Text>\n            </Box>\n          </Box>\n\n          <Box flex={1}>\n            <Box alignItems={'center'} flexDirection={'row'}>\n              {fileIcon && (\n                <Icon\n                  size={18}\n                  icon={fileIcon}\n                  color={colors.onBackground02}\n                  containerStyle={[\n                    styles.bodyIcon,\n                    { backgroundColor: select({ light: palette.background100, dark: palette.background500 }) },\n                  ]}\n                />\n              )}\n\n              <Text\n                body3\n                numberOfLines={fileIcon ? 1 : 2}\n                ellipsizeMode={fileIcon ? 'middle' : 'tail'}\n                style={styles.bodyText}\n                color={colors.onBackground03}\n              >\n                {STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_BODY(message)}\n              </Text>\n            </Box>\n          </Box>\n\n          <Box style={styles.separator} backgroundColor={colors.onBackground04} />\n        </Box>\n      </Box>\n    </PressBox>\n  );\n};\n\nfunction getSenderProfile(message: SendbirdBaseMessage) {\n  if (message.isUserMessage() || message.isFileMessage()) {\n    return message.sender.profileUrl;\n  } else {\n    return undefined;\n  }\n}\n\nconst styles = createStyleSheet({\n  container: {\n    height: 76,\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  avatar: {\n    marginHorizontal: 16,\n  },\n  avatarSize: {\n    width: 56,\n  },\n  titleLine: {\n    flexDirection: 'row',\n    marginTop: 10,\n    marginBottom: 4,\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginRight: 4,\n  },\n  bodyText: {\n    flex: 1,\n    lineHeight: 16,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","iconMapper","audio","image","video","file","MessageSearchResultItem","_ref","onPress","message","colors","select","palette","useUIKitTheme","STRINGS","useLocalization","fileIcon","useIIFE","isFileMessage","undefined","getFileType","type","getFileExtension","name","createElement","PressBox","Box","style","styles","container","Avatar","size","avatarSize","width","uri","getSenderProfile","containerStyle","avatar","flex","paddingRight","titleLine","marginRight","justifyContent","Text","subtitle2","color","onBackground01","numberOfLines","MESSAGE_SEARCH","SEARCH_RESULT_ITEM_TITLE","paddingTop","caption2","onBackground02","SEARCH_RESULT_ITEM_TITLE_CAPTION","alignItems","flexDirection","Icon","icon","bodyIcon","backgroundColor","light","background100","dark","background500","body3","ellipsizeMode","bodyText","onBackground03","SEARCH_RESULT_ITEM_BODY","separator","onBackground04","isUserMessage","sender","profileUrl","createStyleSheet","height","marginHorizontal","marginTop","marginBottom","borderRadius","lineHeight","position","left","right","bottom","_default","exports"],"sources":["MessageSearchResultItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Avatar,\n  Box,\n  Icon,\n  PressBox,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdBaseMessage } from '@sendbird/uikit-utils';\nimport { getFileExtension, getFileType, useIIFE } from '@sendbird/uikit-utils';\n\nimport type { MessageSearchProps } from '../domain/messageSearch/types';\nimport { useLocalization } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\nconst MessageSearchResultItem: MessageSearchProps['List']['renderSearchResultItem'] = ({ onPress, message }) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n\n  const fileIcon = useIIFE(() => {\n    if (!message?.isFileMessage()) return undefined;\n    return iconMapper[getFileType(message.type || getFileExtension(message.name))];\n  });\n\n  return (\n    <PressBox onPress={onPress}>\n      <Box style={styles.container}>\n        <Avatar size={styles.avatarSize.width} uri={getSenderProfile(message)} containerStyle={styles.avatar} />\n\n        <Box flex={1} paddingRight={16}>\n          <Box style={styles.titleLine}>\n            <Box flex={1} marginRight={4} justifyContent={'center'}>\n              <Text subtitle2 color={colors.onBackground01} numberOfLines={1}>\n                {STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE(message)}\n              </Text>\n            </Box>\n            <Box paddingTop={2}>\n              <Text caption2 color={colors.onBackground02}>\n                {STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE_CAPTION(message)}\n              </Text>\n            </Box>\n          </Box>\n\n          <Box flex={1}>\n            <Box alignItems={'center'} flexDirection={'row'}>\n              {fileIcon && (\n                <Icon\n                  size={18}\n                  icon={fileIcon}\n                  color={colors.onBackground02}\n                  containerStyle={[\n                    styles.bodyIcon,\n                    { backgroundColor: select({ light: palette.background100, dark: palette.background500 }) },\n                  ]}\n                />\n              )}\n\n              <Text\n                body3\n                numberOfLines={fileIcon ? 1 : 2}\n                ellipsizeMode={fileIcon ? 'middle' : 'tail'}\n                style={styles.bodyText}\n                color={colors.onBackground03}\n              >\n                {STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_BODY(message)}\n              </Text>\n            </Box>\n          </Box>\n\n          <Box style={styles.separator} backgroundColor={colors.onBackground04} />\n        </Box>\n      </Box>\n    </PressBox>\n  );\n};\n\nfunction getSenderProfile(message: SendbirdBaseMessage) {\n  if (message.isUserMessage() || message.isFileMessage()) {\n    return message.sender.profileUrl;\n  } else {\n    return undefined;\n  }\n}\n\nconst styles = createStyleSheet({\n  container: {\n    height: 76,\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  avatar: {\n    marginHorizontal: 16,\n  },\n  avatarSize: {\n    width: 56,\n  },\n  titleLine: {\n    flexDirection: 'row',\n    marginTop: 10,\n    marginBottom: 4,\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginRight: 4,\n  },\n  bodyText: {\n    flex: 1,\n    lineHeight: 16,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default MessageSearchResultItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAUA,IAAAE,WAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtD,MAAMG,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE,MAAM;EAAEC,IAAI,EAAE;AAAgB,CAAU;AAEzG,MAAMC,uBAA6E,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAAF,IAAA;EACzG,MAAM;IAAEG,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,yCAAa,GAAE;EACnD,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EAErC,MAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,MAAM;IAC7B,IAAI,EAACR,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAES,aAAa,EAAE,GAAE,OAAOC,SAAS;IAC/C,OAAOlB,UAAU,CAAC,IAAAmB,uBAAW,EAACX,OAAO,CAACY,IAAI,IAAI,IAAAC,4BAAgB,EAACb,OAAO,CAACc,IAAI,CAAC,CAAC,CAAC;EAChF,CAAC,CAAC;EAEF,oBACE/B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA8B,QAAQ;IAACjB,OAAO,EAAEA;EAAQ,gBACzBhB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3BrC,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAAmC,MAAM;IAACC,IAAI,EAAEH,MAAM,CAACI,UAAU,CAACC,KAAM;IAACC,GAAG,EAAEC,gBAAgB,CAAC1B,OAAO,CAAE;IAAC2B,cAAc,EAAER,MAAM,CAACS;EAAO,EAAG,eAExG7C,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACY,IAAI,EAAE,CAAE;IAACC,YAAY,EAAE;EAAG,gBAC7B/C,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACY;EAAU,gBAC3BhD,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACY,IAAI,EAAE,CAAE;IAACG,WAAW,EAAE,CAAE;IAACC,cAAc,EAAE;EAAS,gBACrDlD,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAAgD,IAAI;IAACC,SAAS;IAACC,KAAK,EAAEnC,MAAM,CAACoC,cAAe;IAACC,aAAa,EAAE;EAAE,GAC5DjC,OAAO,CAACkC,cAAc,CAACC,wBAAwB,CAACxC,OAAO,CAAC,CACpD,CACH,eACNjB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACwB,UAAU,EAAE;EAAE,gBACjB1D,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAAgD,IAAI;IAACQ,QAAQ;IAACN,KAAK,EAAEnC,MAAM,CAAC0C;EAAe,GACzCtC,OAAO,CAACkC,cAAc,CAACK,gCAAgC,CAAC5C,OAAO,CAAC,CAC5D,CACH,CACF,eAENjB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACY,IAAI,EAAE;EAAE,gBACX9C,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAAC4B,UAAU,EAAE,QAAS;IAACC,aAAa,EAAE;EAAM,GAC7CvC,QAAQ,iBACPxB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA6D,IAAI;IACHzB,IAAI,EAAE,EAAG;IACT0B,IAAI,EAAEzC,QAAS;IACf6B,KAAK,EAAEnC,MAAM,CAAC0C,cAAe;IAC7BhB,cAAc,EAAE,CACdR,MAAM,CAAC8B,QAAQ,EACf;MAAEC,eAAe,EAAEhD,MAAM,CAAC;QAAEiD,KAAK,EAAEhD,OAAO,CAACiD,aAAa;QAAEC,IAAI,EAAElD,OAAO,CAACmD;MAAc,CAAC;IAAE,CAAC;EAC1F,EAEL,eAEDvE,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAAgD,IAAI;IACHqB,KAAK;IACLjB,aAAa,EAAE/B,QAAQ,GAAG,CAAC,GAAG,CAAE;IAChCiD,aAAa,EAAEjD,QAAQ,GAAG,QAAQ,GAAG,MAAO;IAC5CW,KAAK,EAAEC,MAAM,CAACsC,QAAS;IACvBrB,KAAK,EAAEnC,MAAM,CAACyD;EAAe,GAE5BrD,OAAO,CAACkC,cAAc,CAACoB,uBAAuB,CAAC3D,OAAO,CAAC,CACnD,CACH,CACF,eAENjB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,2BAAA,CAAA+B,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACyC,SAAU;IAACV,eAAe,EAAEjD,MAAM,CAAC4D;EAAe,EAAG,CACpE,CACF,CACG;AAEf,CAAC;AAED,SAASnC,gBAAgBA,CAAC1B,OAA4B,EAAE;EACtD,IAAIA,OAAO,CAAC8D,aAAa,EAAE,IAAI9D,OAAO,CAACS,aAAa,EAAE,EAAE;IACtD,OAAOT,OAAO,CAAC+D,MAAM,CAACC,UAAU;EAClC,CAAC,MAAM;IACL,OAAOtD,SAAS;EAClB;AACF;AAEA,MAAMS,MAAM,GAAG,IAAA8C,4CAAgB,EAAC;EAC9B7C,SAAS,EAAE;IACT8C,MAAM,EAAE,EAAE;IACV1C,KAAK,EAAE,MAAM;IACbsB,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBZ,cAAc,EAAE;EAClB,CAAC;EACDL,MAAM,EAAE;IACNuC,gBAAgB,EAAE;EACpB,CAAC;EACD5C,UAAU,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDO,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBsB,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE;EAChB,CAAC;EACDpB,QAAQ,EAAE;IACRqB,YAAY,EAAE,CAAC;IACf9C,KAAK,EAAE,EAAE;IACT0C,MAAM,EAAE,EAAE;IACVlC,WAAW,EAAE;EACf,CAAC;EACDyB,QAAQ,EAAE;IACR5B,IAAI,EAAE,CAAC;IACP0C,UAAU,EAAE;EACd,CAAC;EACDX,SAAS,EAAE;IACTY,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC,EAAE;IACVC,MAAM,EAAE,CAAC;IACTT,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAU,QAAA,GAEY/E,uBAAuB;AAAAgF,OAAA,CAAAtF,OAAA,GAAAqF,QAAA"}

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

@@ -18,11 +18,14 @@ const OpenChannelMessageRenderer = _ref => {
     message,
     onPress,
     onLongPress,
-    onPressAvatar,
+    onShowUserProfile,
     enableMessageGrouping,
     prevMessage,
     nextMessage
   } = _ref;
+  const {
+    sbOptions
+  } = (0, _useContext.useSendbirdChat)();
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
@@ -36,11 +39,8 @@ const OpenChannelMessageRenderer = _ref => {
     channel,
     onPress,
     onLongPress,
-    onPressURL: () => {
-      var _message$ogMetaData, _message$ogMetaData2;
-      return ((_message$ogMetaData = message.ogMetaData) === null || _message$ogMetaData === void 0 ? void 0 : _message$ogMetaData.url) && _SBUUtils.default.openURL((_message$ogMetaData2 = message.ogMetaData) === null || _message$ogMetaData2 === void 0 ? void 0 : _message$ogMetaData2.url);
-    },
-    onPressAvatar: () => 'sender' in message && (onPressAvatar === null || onPressAvatar === void 0 ? void 0 : onPressAvatar(message.sender, {
+    onPressURL: url => _SBUUtils.default.openURL(url),
+    onPressAvatar: () => 'sender' in message && (onShowUserProfile === null || onShowUserProfile === void 0 ? void 0 : onShowUserProfile(message.sender, {
       hideMessageButton: true
     })),
     grouped: groupWithPrev,
@@ -69,9 +69,15 @@ const OpenChannelMessageRenderer = _ref => {
         }
       case 'user.opengraph':
         {
-          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.OpenGraphUser, _extends({
-            message: message
-          }, messageProps));
+          if (sbOptions.uikitWithAppInfo.openChannel.channel.enableOgtag) {
+            return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.OpenGraphUser, _extends({
+              message: message
+            }, messageProps));
+          } else {
+            return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.User, _extends({
+              message: message
+            }, messageProps));
+          }
         }
       case 'file':
       case 'file.audio':

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_OpenChannelMessageDateSeparator","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","OpenChannelMessageRenderer","_ref","channel","message","onPress","onLongPress","onPressAvatar","enableMessageGrouping","prevMessage","nextMessage","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","calcMessageGrouping","Boolean","messageProps","onPressURL","_message$ogMetaData","_message$ogMetaData2","ogMetaData","url","SBUUtils","openURL","sender","hideMessageButton","grouped","strings","edited","OPEN_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","renderMessage","getMessageType","createElement","OpenChannelMessage","Admin","User","OpenGraphUser","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","Unknown","Box","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OpenChannelMessageProps } from '@sendbird/uikit-react-native-foundation';\nimport { Box, OpenChannelMessage } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n} from '@sendbird/uikit-utils';\n\nimport type { OpenChannelProps } from '../../domain/openChannel/types';\nimport { useLocalization, usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport OpenChannelMessageDateSeparator from './OpenChannelMessageDateSeparator';\n\nconst OpenChannelMessageRenderer: OpenChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onPressAvatar,\n  enableMessageGrouping,\n  prevMessage,\n  nextMessage,\n}) => {\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev } = calcMessageGrouping(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);\n\n  const messageProps: Omit<OpenChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    onPress,\n    onLongPress,\n    onPressURL: () => message.ogMetaData?.url && SBUUtils.openURL(message.ogMetaData?.url),\n    onPressAvatar: () => 'sender' in message && onPressAvatar?.(message.sender, { hideMessageButton: true }),\n    grouped: groupWithPrev,\n    strings: {\n      edited: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <OpenChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user': {\n        return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'user.opengraph': {\n        return <OpenChannelMessage.OpenGraphUser message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'file':\n      case 'file.audio': {\n        return <OpenChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <OpenChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <OpenChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <OpenChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  return (\n    <Box>\n      <OpenChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      {renderMessage()}\n    </Box>\n  );\n};\n\nexport default React.memo(OpenChannelMessageRenderer);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_OpenChannelMessageDateSeparator","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","OpenChannelMessageRenderer","_ref","channel","message","onPress","onLongPress","onShowUserProfile","enableMessageGrouping","prevMessage","nextMessage","sbOptions","useSendbirdChat","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","calcMessageGrouping","Boolean","messageProps","onPressURL","url","SBUUtils","openURL","onPressAvatar","sender","hideMessageButton","grouped","strings","edited","OPEN_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","renderMessage","getMessageType","createElement","OpenChannelMessage","Admin","User","uikitWithAppInfo","openChannel","enableOgtag","OpenGraphUser","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","Unknown","Box","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OpenChannelMessageProps } from '@sendbird/uikit-react-native-foundation';\nimport { Box, OpenChannelMessage } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n} from '@sendbird/uikit-utils';\n\nimport type { OpenChannelProps } from '../../domain/openChannel/types';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport OpenChannelMessageDateSeparator from './OpenChannelMessageDateSeparator';\n\nconst OpenChannelMessageRenderer: OpenChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onShowUserProfile,\n  enableMessageGrouping,\n  prevMessage,\n  nextMessage,\n}) => {\n  const { sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev } = calcMessageGrouping(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);\n\n  const messageProps: Omit<OpenChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    onPress,\n    onLongPress,\n    onPressURL: (url) => SBUUtils.openURL(url),\n    onPressAvatar: () => 'sender' in message && onShowUserProfile?.(message.sender, { hideMessageButton: true }),\n    grouped: groupWithPrev,\n    strings: {\n      edited: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <OpenChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user': {\n        return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'user.opengraph': {\n        if (sbOptions.uikitWithAppInfo.openChannel.channel.enableOgtag) {\n          return <OpenChannelMessage.OpenGraphUser message={message as SendbirdUserMessage} {...messageProps} />;\n        } else {\n          return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n        }\n      }\n      case 'file':\n      case 'file.audio': {\n        return <OpenChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <OpenChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <OpenChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <OpenChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  return (\n    <Box>\n      <OpenChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      {renderMessage()}\n    </Box>\n  );\n};\n\nexport default React.memo(OpenChannelMessageRenderer);\n"],"mappings":"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"}