npm - @sendbird/uikit-react-native - Versions diffs - 3.7.6 → 3.8.1 - Mend

@sendbird/uikit-react-native 3.7.6 → 3.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1104) hide show

package/lib/commonjs/components/ThreadParentMessageRenderer/index.js CHANGED Viewed

@@ -15,17 +15,18 @@ var _ThreadParentMessageFile2 = _interopRequireDefault(require("./ThreadParentMe
 var _ThreadParentMessageFile3 = _interopRequireDefault(require("./ThreadParentMessage.file.voice"));
 var _ThreadParentMessage2 = _interopRequireDefault(require("./ThreadParentMessage.user"));
 var _ThreadParentMessageUser = _interopRequireDefault(require("./ThreadParentMessage.user.og"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 ThreadParentMessageRenderer = props => {
   const handlers = (0, _useContext.useSBUHandlers)();
   const playerUnsubscribes = (0, _react.useRef)([]);
   const {
     sbOptions,
     currentUser,
-    mentionManager
+    mentionManager,
+    voiceMessageStatusManager
   } = (0, _useContext.useSendbirdChat)();
   const {
     palette
@@ -60,12 +61,12 @@ const ThreadParentMessageRenderer = props => {
           }
           const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;
           let seekFinished = !shouldSeekToTime;
-          const forPlayback = playerService.addPlaybackListener(_ref => {
-            let {
-              stopped,
-              currentTime,
-              duration
-            } = _ref;
+          const forPlayback = playerService.addPlaybackListener(({
+            stopped,
+            currentTime,
+            duration
+          }) => {
+            voiceMessageStatusManager.setCurrentTime(parentMessage.channelUrl, parentMessage.messageId, stopped ? 0 : currentTime);
             if (seekFinished) {
               setState(prevState => ({
                 ...prevState,
@@ -119,22 +120,21 @@ const ThreadParentMessageRenderer = props => {
   const userMessageProps = {
     renderRegexTextChildren: message => {
       if (mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)) {
-        return message.mentionedMessageTemplate;
+        return message.mentionedMessageTemplate ?? '';
       } else {
         return message.message;
       }
     },
     regexTextPatterns: [{
       regex: mentionManager.templateRegex,
-      replacer(_ref2) {
+      replacer({
+        match,
+        groups,
+        parentProps,
+        index,
+        keyPrefix
+      }) {
         var _parentMessage$mentio;
-        let {
-          match,
-          groups,
-          parentProps,
-          index,
-          keyPrefix
-        } = _ref2;
         const user = (_parentMessage$mentio = parentMessage.mentionedUsers) === null || _parentMessage$mentio === void 0 ? void 0 : _parentMessage$mentio.find(it => it.userId === groups[2]);
         if (user) {
           const mentionColor = !(0, _uikitUtils.isMyMessage)(parentMessage, 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;
@@ -146,6 +146,7 @@ const ThreadParentMessageRenderer = props => {
               return (_messageProps$onPress = messageProps.onPressMentionedUser) === null || _messageProps$onPress === void 0 ? void 0 : _messageProps$onPress.call(messageProps, user);
             },
             onLongPress: messageProps.onLongPress,
+            suppressHighlighting: true,
             style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, {
               fontWeight: '700'
             }, user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && {
@@ -188,6 +189,7 @@ const ThreadParentMessageRenderer = props => {
       {
         return /*#__PURE__*/_react.default.createElement(_ThreadParentMessageFile3.default, _extends({
           durationMetaArrayKey: _constants.VOICE_MESSAGE_META_ARRAY_DURATION_KEY,
+          initialCurrentTime: voiceMessageStatusManager.getCurrentTime(parentMessage.channelUrl, parentMessage.messageId),
           onUnmount: () => {
             if ((0, _uikitUtils.isVoiceMessage)(parentMessage) && playerService.uri === parentMessage.url) {
               resetPlayer().catch(_ => {});
@@ -201,6 +203,5 @@ const ThreadParentMessageRenderer = props => {
       }
   }
 };
-var _default = /*#__PURE__*/_react.default.memo(ThreadParentMessageRenderer);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(ThreadParentMessageRenderer);
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","_ThreadParentMessage","_interopRequireDefault","_ThreadParentMessageFile","_ThreadParentMessageFile2","_ThreadParentMessageFile3","_ThreadParentMessage2","_ThreadParentMessageUser","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","ThreadParentMessageRenderer","props","handlers","useSBUHandlers","playerUnsubscribes","useRef","sbOptions","currentUser","mentionManager","useSendbirdChat","palette","useUIKitTheme","mediaService","playerService","usePlatformService","parentMessage","resetPlayer","current","forEach","unsubscribe","reset","messageProps","onPressURL","url","onOpenURL","onToggleVoiceMessage","state","setState","isVoiceMessage","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","_ref","stopped","prevState","forState","addStateListener","status","push","seek","userMessageProps","renderRegexTextChildren","message","shouldUseMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","_ref2","_parentMessage$mentio","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","userId","mentionColor","isMyMessage","onBackgroundLight01","color","createElement","Text","onPress","_messageProps$onPress","onPressMentionedUser","onLongPress","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","getMessageType","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","durationMetaArrayKey","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","onUnmount","catch","_","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdFileMessage,\n type SendbirdUser,\n SendbirdUserMessage,\n getMessageType,\n isMyMessage,\n isVoiceMessage,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport { usePlatformService, useSBUHandlers, useSendbirdChat } from './../../hooks/useContext';\nimport ThreadParentMessageFile from './ThreadParentMessage.file';\nimport ThreadParentMessageFileImage from './ThreadParentMessage.file.image';\nimport ThreadParentMessageFileVideo from './ThreadParentMessage.file.video';\nimport ThreadParentMessageFileVoice, { VoiceFileMessageState } from './ThreadParentMessage.file.voice';\nimport ThreadParentMessageUser from './ThreadParentMessage.user';\nimport ThreadParentMessageUserOg from './ThreadParentMessage.user.og';\n\nexport type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {\n parentMessage: SendbirdUserMessage \| SendbirdFileMessage;\n onPress?: () => void;\n onLongPress?: () => 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 ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) => {\n const handlers = useSBUHandlers();\n const playerUnsubscribes = useRef<(() => void)[]>([]);\n const { sbOptions, currentUser, mentionManager } = useSendbirdChat();\n const { palette } = useUIKitTheme();\n const { mediaService, playerService } = usePlatformService();\n const parentMessage = props.parentMessage;\n\n const resetPlayer = async () => {\n playerUnsubscribes.current.forEach((unsubscribe) => {\n try {\n unsubscribe();\n } catch {}\n });\n playerUnsubscribes.current.length = 0;\n await playerService.reset();\n };\n\n const messageProps: ThreadParentMessageRendererProps = {\n onPressURL: (url) => handlers.onOpenURL(url),\n onToggleVoiceMessage: async (state, setState) => {\n if (isVoiceMessage(parentMessage) && parentMessage.sendingStatus === 'succeeded') {\n if (playerService.uri === parentMessage.url) {\n if (playerService.state === 'playing') {\n await playerService.pause();\n } else {\n await playerService.play(parentMessage.url);\n }\n } else {\n if (playerService.state !== 'idle') {\n await resetPlayer();\n }\n\n const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n let seekFinished = !shouldSeekToTime;\n\n const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n if (seekFinished) {\n setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n }\n });\n const forState = playerService.addStateListener((state) => {\n switch (state) {\n case 'preparing':\n setState((prevState) => ({ ...prevState, status: 'preparing' }));\n break;\n case 'playing':\n setState((prevState) => ({ ...prevState, status: 'playing' }));\n break;\n case 'idle':\n case 'paused': {\n setState((prevState) => ({ ...prevState, status: 'paused' }));\n break;\n }\n case 'stopped':\n setState((prevState) => ({ ...prevState, status: 'paused' }));\n break;\n }\n });\n playerUnsubscribes.current.push(forPlayback, forState);\n\n await playerService.play(parentMessage.url);\n if (shouldSeekToTime) {\n await playerService.seek(state.currentTime);\n seekFinished = true;\n }\n }\n }\n },\n ...props,\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 = parentMessage.mentionedUsers?.find((it) => it.userId === groups[2]);\n if (user) {\n const mentionColor =\n !isMyMessage(parentMessage, 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 switch (getMessageType(props.parentMessage)) {\n case 'user': {\n return <ThreadParentMessageUser {...userMessageProps} {...messageProps} />;\n }\n case 'user.opengraph': {\n return <ThreadParentMessageUserOg {...userMessageProps} {...messageProps} />;\n }\n case 'file':\n case 'file.audio': {\n return <ThreadParentMessageFile {...messageProps} />;\n }\n case 'file.video': {\n return (\n <ThreadParentMessageFileVideo\n fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n {...messageProps}\n />\n );\n }\n case 'file.image': {\n return <ThreadParentMessageFileImage {...messageProps} />;\n }\n case 'file.voice': {\n return (\n <ThreadParentMessageFileVoice\n durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n onUnmount={() => {\n if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {\n resetPlayer().catch((_) => {});\n }\n }}\n {...messageProps}\n />\n );\n }\n default: {\n return null;\n }\n }\n};\n\nexport default React.memo(ThreadParentMessageRenderer);\n"],"mappings":"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"}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","_ThreadParentMessage","_interopRequireDefault","_ThreadParentMessageFile","_ThreadParentMessageFile2","_ThreadParentMessageFile3","_ThreadParentMessage2","_ThreadParentMessageUser","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ThreadParentMessageRenderer","props","handlers","useSBUHandlers","playerUnsubscribes","useRef","sbOptions","currentUser","mentionManager","voiceMessageStatusManager","useSendbirdChat","palette","useUIKitTheme","mediaService","playerService","usePlatformService","parentMessage","resetPlayer","current","forEach","unsubscribe","reset","messageProps","onPressURL","url","onOpenURL","onToggleVoiceMessage","state","setState","isVoiceMessage","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","stopped","setCurrentTime","channelUrl","messageId","prevState","forState","addStateListener","status","push","seek","userMessageProps","renderRegexTextChildren","message","shouldUseMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","match","groups","parentProps","index","keyPrefix","_parentMessage$mentio","user","mentionedUsers","find","it","userId","mentionColor","isMyMessage","onBackgroundLight01","color","createElement","Text","key","onPress","_messageProps$onPress","onPressMentionedUser","onLongPress","suppressHighlighting","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","getMessageType","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","durationMetaArrayKey","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","initialCurrentTime","getCurrentTime","onUnmount","catch","_","_default","exports","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdFileMessage,\n type SendbirdUser,\n SendbirdUserMessage,\n getMessageType,\n isMyMessage,\n isVoiceMessage,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport { usePlatformService, useSBUHandlers, useSendbirdChat } from './../../hooks/useContext';\nimport ThreadParentMessageFile from './ThreadParentMessage.file';\nimport ThreadParentMessageFileImage from './ThreadParentMessage.file.image';\nimport ThreadParentMessageFileVideo from './ThreadParentMessage.file.video';\nimport ThreadParentMessageFileVoice, { VoiceFileMessageState } from './ThreadParentMessage.file.voice';\nimport ThreadParentMessageUser from './ThreadParentMessage.user';\nimport ThreadParentMessageUserOg from './ThreadParentMessage.user.og';\n\nexport type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {\n parentMessage: SendbirdUserMessage \| SendbirdFileMessage;\n onPress?: () => void;\n onLongPress?: () => 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 ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) => {\n const handlers = useSBUHandlers();\n const playerUnsubscribes = useRef<(() => void)[]>([]);\n const { sbOptions, currentUser, mentionManager, voiceMessageStatusManager } = useSendbirdChat();\n const { palette } = useUIKitTheme();\n const { mediaService, playerService } = usePlatformService();\n const parentMessage = props.parentMessage;\n\n const resetPlayer = async () => {\n playerUnsubscribes.current.forEach((unsubscribe) => {\n try {\n unsubscribe();\n } catch {}\n });\n playerUnsubscribes.current.length = 0;\n await playerService.reset();\n };\n\n const messageProps: ThreadParentMessageRendererProps = {\n onPressURL: (url) => handlers.onOpenURL(url),\n onToggleVoiceMessage: async (state, setState) => {\n if (isVoiceMessage(parentMessage) && parentMessage.sendingStatus === 'succeeded') {\n if (playerService.uri === parentMessage.url) {\n if (playerService.state === 'playing') {\n await playerService.pause();\n } else {\n await playerService.play(parentMessage.url);\n }\n } else {\n if (playerService.state !== 'idle') {\n await resetPlayer();\n }\n\n const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n let seekFinished = !shouldSeekToTime;\n\n const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n voiceMessageStatusManager.setCurrentTime(\n parentMessage.channelUrl,\n parentMessage.messageId,\n stopped ? 0 : currentTime,\n );\n if (seekFinished) {\n setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n }\n });\n const forState = playerService.addStateListener((state) => {\n switch (state) {\n case 'preparing':\n setState((prevState) => ({ ...prevState, status: 'preparing' }));\n break;\n case 'playing':\n setState((prevState) => ({ ...prevState, status: 'playing' }));\n break;\n case 'idle':\n case 'paused': {\n setState((prevState) => ({ ...prevState, status: 'paused' }));\n break;\n }\n case 'stopped':\n setState((prevState) => ({ ...prevState, status: 'paused' }));\n break;\n }\n });\n playerUnsubscribes.current.push(forPlayback, forState);\n\n await playerService.play(parentMessage.url);\n if (shouldSeekToTime) {\n await playerService.seek(state.currentTime);\n seekFinished = true;\n }\n }\n }\n },\n ...props,\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 = parentMessage.mentionedUsers?.find((it) => it.userId === groups[2]);\n if (user) {\n const mentionColor =\n !isMyMessage(parentMessage, 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 suppressHighlighting\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 switch (getMessageType(props.parentMessage)) {\n case 'user': {\n return <ThreadParentMessageUser {...userMessageProps} {...messageProps} />;\n }\n case 'user.opengraph': {\n return <ThreadParentMessageUserOg {...userMessageProps} {...messageProps} />;\n }\n case 'file':\n case 'file.audio': {\n return <ThreadParentMessageFile {...messageProps} />;\n }\n case 'file.video': {\n return (\n <ThreadParentMessageFileVideo\n fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n {...messageProps}\n />\n );\n }\n case 'file.image': {\n return <ThreadParentMessageFileImage {...messageProps} />;\n }\n case 'file.voice': {\n return (\n <ThreadParentMessageFileVoice\n durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n initialCurrentTime={voiceMessageStatusManager.getCurrentTime(\n parentMessage.channelUrl,\n parentMessage.messageId,\n )}\n onUnmount={() => {\n if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {\n resetPlayer().catch((_) => {});\n }\n }}\n {...messageProps}\n />\n );\n }\n default: {\n return null;\n }\n }\n};\n\nexport default React.memo(ThreadParentMessageRenderer);\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TypedPlaceholder.js CHANGED Viewed

@@ -7,12 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _useContext = require("../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TypedPlaceholder = _ref => {
-  let {
-    type,
-    onPressRetry
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TypedPlaceholder = ({
+  type,
+  onPressRetry
+}) => {
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
@@ -66,6 +65,5 @@ const TypedPlaceholder = _ref => {
       });
   }
 };
-var _default = TypedPlaceholder;
-exports.default = _default;
+var _default = exports.default = TypedPlaceholder;
 //# sourceMappingURL=TypedPlaceholder.js.map

package/lib/commonjs/components/TypedPlaceholder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_useContext","~~obj~~","__esModule","default","TypedPlaceholder","~~_ref","~~type","onPressRetry","STRINGS","useLocalization","createElement","Placeholder","icon","message","PLACEHOLDER","NO_BANNED_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_MUTED_PARTICIPANTS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","errorRetryLabel","RETRY_LABEL","loading","_default","exports"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n type:\n \| 'no-muted-members'\n \| 'no-muted-participants'\n \| 'no-banned-users'\n \| 'no-channels'\n \| 'no-messages'\n \| 'no-users'\n \| 'no-results-found'\n \| 'error-wrong'\n \| 'loading';\n onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n const { STRINGS } = useLocalization();\n switch (type) {\n case 'no-banned-users':\n return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_USERS} />;\n case 'no-channels':\n return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n case 'no-messages':\n return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n case 'no-muted-members':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n case 'no-muted-participants':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS} />;\n case 'no-results-found':\n return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n case 'no-users':\n return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n case 'error-wrong':\n return (\n <Placeholder\n icon={'error'}\n message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n onPressRetry={onPressRetry}\n />\n );\n case 'loading':\n return <Placeholder loading icon={'spinner'} />;\n }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,~~GAAA~~,WAAAA,~~GAAA~~,IAAAA,~~GAAA~~,CAAAC,UAAA,GAAAD,~~GAAA~~,KAAAE,OAAA,EAAAF,~~GAAA~~;AAetD,MAAMG,gBAAgB,~~GAAGC~~,~~IAAA,IAAmC~~;~~EAAA~~,~~IAAlC;IAAEC,~~IAAI;~~IAAEC~~;~~EAAoB~~,CAAC,~~GAAAF,IAAA~~;~~EACrD~~,MAAM;~~IAAEG~~;EAAQ,CAAC,GAAG,IAAAC,2BAAe,~~GAAE~~;EACrC,QAAQH,IAAI;IACV,KAAK,iBAAiB;MACpB,~~oBAAOV~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,KAAM;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACC;MAAgB,~~EAAG~~;IACnF,KAAK,aAAa;MAChB,~~oBAAOnB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACE;MAAY,~~EAAG~~;IAChF,KAAK,aAAa;MAChB,~~oBAAOpB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACG;MAAY,~~EAAG~~;IACnF,KAAK,kBAAkB;MACrB,~~oBAAOrB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACI;MAAiB,~~EAAG~~;IACrF,KAAK,uBAAuB;MAC1B,~~oBAAOtB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACK;MAAsB,~~EAAG~~;IAC1F,KAAK,kBAAkB;MACrB,~~oBAAOvB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,QAAS;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACM;MAAiB,~~EAAG~~;IACvF,KAAK,UAAU;MACb,~~oBAAOxB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACC,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACO;MAAS,~~EAAG~~;IAChF,KAAK,aAAa;MAChB,~~oBACEzB~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QACVC,IAAI,EAAE,OAAQ;QACdC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACQ,KAAK,CAACC,OAAQ;QAC3CC,eAAe,EAAEhB,OAAO,CAACM,WAAW,CAACQ,KAAK,CAACG,WAAY;QACvDlB,YAAY,EAAEA;MAAa,~~EAC3B~~;IAEN,KAAK,SAAS;MACZ,~~oBAAOX~~,MAAA,CAAAO,OAAA,~~CAAAO~~,aAAA,~~CAACX~~,2BAAA,~~CAAAY~~,WAAW;QAACe,OAAO;QAACd,IAAI,EAAE;MAAU,~~EAAG~~;~~EAAC~~;~~AAEtD~~,CAAC;AAAC,IAAAe,QAAA,~~GAEavB~~,~~gBAAgB;AAAAwB,~~OAAA,~~CAAAzB~~,OAAA,~~GAAAwB~~,~~QAAA~~"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_useContext","e","__esModule","default","TypedPlaceholder","type","onPressRetry","STRINGS","useLocalization","createElement","Placeholder","icon","message","PLACEHOLDER","NO_BANNED_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_MUTED_PARTICIPANTS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","errorRetryLabel","RETRY_LABEL","loading","_default","exports"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n type:\n \| 'no-muted-members'\n \| 'no-muted-participants'\n \| 'no-banned-users'\n \| 'no-channels'\n \| 'no-messages'\n \| 'no-users'\n \| 'no-results-found'\n \| 'error-wrong'\n \| 'loading';\n onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n const { STRINGS } = useLocalization();\n switch (type) {\n case 'no-banned-users':\n return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_USERS} />;\n case 'no-channels':\n return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n case 'no-messages':\n return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n case 'no-muted-members':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n case 'no-muted-participants':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS} />;\n case 'no-results-found':\n return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n case 'no-users':\n return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n case 'error-wrong':\n return (\n <Placeholder\n icon={'error'}\n message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n onPressRetry={onPressRetry}\n />\n );\n case 'loading':\n return <Placeholder loading icon={'spinner'} />;\n }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAetD,MAAMG,gBAAgB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EAC1D,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACrC,QAAQH,IAAI;IACV,KAAK,iBAAiB;MACpB,oBAAOT,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,KAAM;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACC;MAAgB,CAAE,CAAC;IACnF,KAAK,aAAa;MAChB,oBAAOlB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACE;MAAY,CAAE,CAAC;IAChF,KAAK,aAAa;MAChB,oBAAOnB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACG;MAAY,CAAE,CAAC;IACnF,KAAK,kBAAkB;MACrB,oBAAOpB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACI;MAAiB,CAAE,CAAC;IACrF,KAAK,uBAAuB;MAC1B,oBAAOrB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACK;MAAsB,CAAE,CAAC;IAC1F,KAAK,kBAAkB;MACrB,oBAAOtB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,QAAS;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACM;MAAiB,CAAE,CAAC;IACvF,KAAK,UAAU;MACb,oBAAOvB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACC,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACO;MAAS,CAAE,CAAC;IAChF,KAAK,aAAa;MAChB,oBACExB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QACVC,IAAI,EAAE,OAAQ;QACdC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACQ,KAAK,CAACC,OAAQ;QAC3CC,eAAe,EAAEhB,OAAO,CAACM,WAAW,CAACQ,KAAK,CAACG,WAAY;QACvDlB,YAAY,EAAEA;MAAa,CAC5B,CAAC;IAEN,KAAK,SAAS;MACZ,oBAAOV,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,2BAAA,CAAAW,WAAW;QAACe,OAAO;QAACd,IAAI,EAAE;MAAU,CAAE,CAAC;EACnD;AACF,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEaC,gBAAgB","ignoreList":[]}

package/lib/commonjs/components/UserActionBar.js CHANGED Viewed

@@ -8,17 +8,16 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const UserActionBar = _ref => {
-  let {
-    muted,
-    uri,
-    name,
-    disabled,
-    label,
-    onPressActionMenu,
-    onPressAvatar
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const UserActionBar = ({
+  muted,
+  uri,
+  name,
+  disabled,
+  label,
+  onPressActionMenu,
+  onPressAvatar
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -36,12 +35,15 @@ const UserActionBar = _ref => {
     style: [styles.infoContainer, {
       borderBottomColor: colors.onBackground04
     }]
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    alignItems: 'flex-start'
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     subtitle2: true,
     numberOfLines: 1,
     style: styles.name,
     color: colors.onBackground01
-  }, name), Boolean(label) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+  }, name)), Boolean(label) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     body2: true,
     color: colors.onBackground02,
     style: styles.label
@@ -63,28 +65,26 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     height: 56
   },
   avatar: {
-    marginLeft: 16,
-    marginRight: 16
+    marginStart: 16,
+    marginEnd: 16
   },
   label: {
-    marginRight: 4
+    marginEnd: 4
   },
   infoContainer: {
     height: '100%',
     flex: 1,
     alignItems: 'center',
     flexDirection: 'row',
-    paddingRight: 12,
+    paddingEnd: 12,
     borderBottomWidth: 1
   },
   iconContainer: {
     padding: 4
   },
   name: {
-    flex: 1,
-    marginRight: 8
+    marginEnd: 8
   }
 });
-var _default = UserActionBar;
-exports.default = _default;
+var _default = exports.default = UserActionBar;
 //# sourceMappingURL=UserActionBar.js.map

package/lib/commonjs/components/UserActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","~~obj~~","__esModule","default","UserActionBar","~~_ref","~~muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","onBackground01","createElement","View","style","styles","container","Pressable","onPress","avatar","Avatar","size","infoContainer","borderBottomColor","Text","subtitle2","numberOfLines","color","Boolean","body2","onBackground02","TouchableOpacity","Icon","icon","containerStyle","iconContainer","createStyleSheet","flexDirection","~~alignItems","~~width","height","~~marginLeft~~","~~marginRight~~","~~flex~~","~~paddingRight","~~borderBottomWidth","padding","_default","exports"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n label?: string;\n\n muted: boolean;\n disabled: boolean;\n\n onPressActionMenu?: (ev: GestureResponderEvent) => void;\n onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n return (\n <View style={styles.container}>\n <Pressable onPress={onPressAvatar} style={styles.avatar}>\n <Avatar muted={muted} size={36} uri={uri} />\n </Pressable>\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n {Boolean(label) && (\n <Text body2 color={colors.onBackground02} style={styles.label}>\n {label}\n </Text>\n )}\n {Boolean(onPressActionMenu) && (\n <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n </TouchableOpacity>\n )}\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n },\n avatar: {\n ~~marginLeft~~: 16,\n ~~marginRight~~: 16,\n },\n label: {\n ~~marginRight~~: 4,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n ~~paddingRight~~: 12,\n borderBottomWidth: 1,\n },\n iconContainer: {\n padding: 4,\n },\n name: {\n ~~flex~~: ~~1,\n marginRight:~~ 8,\n },\n});\n\nexport default UserActionBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA0D,SAAAD,uBAAAK,~~GAAA~~,WAAAA,~~GAAA~~,IAAAA,~~GAAA~~,CAAAC,UAAA,GAAAD,~~GAAA~~,KAAAE,OAAA,EAAAF,~~GAAA~~;AAa1D,MAAMG,aAAa,~~GAAGC~~,~~IAAA,IAAoF~~;~~EAAA~~,~~IAAnF;IAAEC,~~KAAK;~~IAAEC~~,GAAG;~~IAAEC~~,IAAI;~~IAAEC~~,QAAQ;~~IAAEC~~,KAAK;~~IAAEC~~,iBAAiB;~~IAAEC~~;~~EAAqB~~,CAAC,~~GAAAP,IAAA~~;~~EACnG~~,MAAM;~~IAAEQ~~;EAAO,CAAC,GAAG,IAAAC,yCAAa,~~GAAE~~;EAElC,MAAMC,SAAS,GAAG,IAAAC,6BAAiB,EAAC,CAACP,QAAQ,CAAC,EAAE,CAACI,MAAM,CAACI,cAAc,EAAEJ,MAAM,CAACK,cAAc,CAAC,CAAC;EAE/F,~~oBACEvB~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACrB~~,YAAA,~~CAAAsB~~,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,~~gBAC5B5B~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACrB~~,YAAA,~~CAAA0B~~,SAAS;IAACC,OAAO,EAAEb,aAAc;IAACS,KAAK,EAAEC,MAAM,CAACI;EAAO,~~gBACtD/B~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACpB~~,2BAAA,~~CAAA4B~~,MAAM;IAACrB,KAAK,EAAEA,KAAM;IAACsB,IAAI,EAAE,EAAG;IAACrB,GAAG,EAAEA;EAAI,~~EAAG~~,CAClC,~~eACZZ~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACrB~~,YAAA,~~CAAAsB~~,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACO,aAAa,EAAE;MAAEC,iBAAiB,EAAEjB,MAAM,CAACI;IAAe,CAAC;EAAE,~~gBAChFtB~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACpB~~,2BAAA,~~CAAAgC~~,IAAI;IAACC,SAAS;IAACC,aAAa,EAAE,CAAE;~~IAACZ~~,KAAK,EAAEC,MAAM,CAACd,IAAK;~~IAAC0B~~,KAAK,~~EAAErB~~,MAAM,CAACK;EAAe,GAChFV,~~IAAI~~,~~CACA~~,~~EACN2B~~,OAAO,~~CAACzB~~,KAAK,CAAC,~~iBACbf~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACpB~~,2BAAA,~~CAAAgC~~,IAAI;IAACK,KAAK;IAACF,KAAK,~~EAAErB~~,MAAM,~~CAACwB~~,cAAe;~~IAAChB~~,KAAK,EAAEC,MAAM,CAACZ;EAAM,GAC3DA,~~KAAK~~,~~CAET~~,~~EACAyB~~,OAAO,~~CAACxB~~,iBAAiB,CAAC,~~iBACzBhB~~,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACrB~~,YAAA,~~CAAAwC~~,gBAAgB;~~IAACb~~,OAAO,EAAEd,iBAAkB;IAACF,QAAQ,EAAEA;EAAS,gBAC/Dd,MAAA,CAAAQ,OAAA,~~CAAAgB~~,aAAA,~~CAACpB~~,2BAAA,~~CAAAwC~~,IAAI;IAACL,KAAK,~~EAAEnB~~,SAAU;IAACa,IAAI,EAAE,EAAG;~~IAACY~~,IAAI,EAAE,MAAO;IAACC,cAAc,~~EAAEnB~~,MAAM,~~CAACoB~~;EAAc,~~EAAG~~,~~CAE3F~~,~~CACI~~,CACF;AAEX,CAAC;AAED,~~MAAMpB~~,MAAM,GAAG,~~IAAAqB~~,4CAAgB,EAAC;~~EAC9BpB~~,SAAS,EAAE;~~IACTqB~~,aAAa,EAAE,KAAK;~~IACpBC~~,UAAU,EAAE,QAAQ;~~IACpBC~~,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;~~EACDrB~~,MAAM,EAAE;~~IACNsB~~,~~UAAU~~,EAAE,EAAE;~~IACdC~~,~~WAAW~~,EAAE;~~EACf~~,CAAC;~~EACDvC~~,KAAK,EAAE;~~IACLuC~~,~~WAAW~~,EAAE;~~EACf~~,CAAC;~~EACDpB~~,aAAa,EAAE;~~IACbkB~~,MAAM,EAAE,MAAM;~~IACdG~~,IAAI,EAAE,CAAC;~~IACPL~~,UAAU,EAAE,QAAQ;~~IACpBD~~,aAAa,EAAE,KAAK;~~IACpBO~~,~~YAAY~~,EAAE,EAAE;~~IAChBC~~,iBAAiB,EAAE;EACrB,CAAC;~~EACDV~~,aAAa,EAAE;~~IACbW~~,OAAO,EAAE;EACX,CAAC;~~EACD7C~~,IAAI,EAAE;~~IACJ0C~~,~~IAAI~~,EAAE~~,CAAC~~;~~IACPD,WAAW,EAAE~~;~~EACf;~~AACF,CAAC,CAAC;AAAC,~~IAAAK~~,QAAA,~~GAEYlD~~,~~aAAa;AAAAmD,~~OAAA,CAAApD,OAAA,~~GAAAmD~~,~~QAAA~~"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","e","__esModule","default","UserActionBar","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","onBackground01","createElement","View","style","styles","container","Pressable","onPress","avatar","Avatar","size","infoContainer","borderBottomColor","Box","flex","alignItems","Text","subtitle2","numberOfLines","color","Boolean","body2","onBackground02","TouchableOpacity","Icon","icon","containerStyle","iconContainer","createStyleSheet","flexDirection","width","height","marginStart","marginEnd","paddingEnd","borderBottomWidth","padding","_default","exports"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Box, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n label?: string;\n\n muted: boolean;\n disabled: boolean;\n\n onPressActionMenu?: (ev: GestureResponderEvent) => void;\n onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n return (\n <View style={styles.container}>\n <Pressable onPress={onPressAvatar} style={styles.avatar}>\n <Avatar muted={muted} size={36} uri={uri} />\n </Pressable>\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Box flex={1} alignItems={'flex-start'}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n </Box>\n {Boolean(label) && (\n <Text body2 color={colors.onBackground02} style={styles.label}>\n {label}\n </Text>\n )}\n {Boolean(onPressActionMenu) && (\n <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n </TouchableOpacity>\n )}\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n },\n avatar: {\n marginStart: 16,\n marginEnd: 16,\n },\n label: {\n marginEnd: 4,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n paddingEnd: 12,\n borderBottomWidth: 1,\n },\n iconContainer: {\n padding: 4,\n },\n name: {\n marginEnd: 8,\n },\n});\n\nexport default UserActionBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/UserSelectableBar.js CHANGED Viewed

@@ -8,14 +8,13 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const UserSelectableBar = _ref => {
-  let {
-    uri,
-    name,
-    selected,
-    disabled
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const UserSelectableBar = ({
+  uri,
+  name,
+  selected,
+  disabled
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -30,12 +29,15 @@ const UserSelectableBar = _ref => {
     style: [styles.infoContainer, {
       borderBottomColor: colors.onBackground04
     }]
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    alignItems: 'flex-start'
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     subtitle2: true,
     numberOfLines: 1,
     style: styles.name,
     color: colors.onBackground01
-  }, name), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+  }, name)), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
     color: iconColor,
     size: 24,
     icon: selected ? 'checkbox-on' : 'checkbox-off'
@@ -50,7 +52,7 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     paddingHorizontal: 16
   },
   avatar: {
-    marginRight: 16
+    marginEnd: 16
   },
   infoContainer: {
     height: '100%',
@@ -60,10 +62,8 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     borderBottomWidth: 1
   },
   name: {
-    flex: 1,
-    marginRight: 8
+    marginEnd: 8
   }
 });
-var _default = UserSelectableBar;
-exports.default = _default;
+var _default = exports.default = UserSelectableBar;
 //# sourceMappingURL=UserSelectableBar.js.map

package/lib/commonjs/components/UserSelectableBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","~~obj~~","__esModule","default","UserSelectableBar","~~_ref","~~uri","name","selected","disabled","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","primary","onBackground03","createElement","View","style","styles","container","Avatar","size","containerStyle","avatar","infoContainer","borderBottomColor","Text","subtitle2","numberOfLines","color","onBackground01","Icon","icon","createStyleSheet","flexDirection","~~alignItems","~~width","height","paddingHorizontal","~~marginRight~~","~~flex","~~borderBottomWidth","_default","exports"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n selected: boolean;\n disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining(\n [disabled, selected],\n [colors.onBackground04, colors.primary, colors.onBackground03],\n );\n\n return (\n <View style={styles.container}>\n <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n paddingHorizontal: 16,\n },\n avatar: {\n ~~marginRight~~: 16,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n borderBottomWidth: 1,\n },\n name: {\n ~~flex~~: ~~1,\n marginRight:~~ 8,\n },\n});\n\nexport default UserSelectableBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA0D,SAAAD,uBAAAK,~~GAAA~~,WAAAA,~~GAAA~~,IAAAA,~~GAAA~~,CAAAC,UAAA,GAAAD,~~GAAA~~,KAAAE,OAAA,EAAAF,~~GAAA~~;AAQ1D,MAAMG,iBAAiB,~~GAAGC~~,~~IAAA,IAA8C~~;~~EAAA~~,~~IAA7C;IAAEC,~~GAAG;~~IAAEC~~,IAAI;~~IAAEC~~,QAAQ;~~IAAEC~~;~~EAAgB~~,CAAC,~~GAAAJ,IAAA~~;~~EACjE~~,MAAM;~~IAAEK~~;EAAO,CAAC,GAAG,IAAAC,yCAAa,~~GAAE~~;EAElC,MAAMC,SAAS,GAAG,IAAAC,6BAAiB,EACjC,CAACJ,QAAQ,EAAED,QAAQ,CAAC,EACpB,CAACE,MAAM,CAACI,cAAc,EAAEJ,MAAM,CAACK,OAAO,EAAEL,MAAM,CAACM,cAAc,~~CAAC,~~CAC/D;EAED,~~oBACErB~~,MAAA,CAAAQ,OAAA,~~CAAAc~~,aAAA,~~CAACnB~~,YAAA,~~CAAAoB~~,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,~~gBAC5B1B~~,MAAA,CAAAQ,OAAA,~~CAAAc~~,aAAA,~~CAAClB~~,2BAAA,~~CAAAuB~~,MAAM;IAACC,IAAI,EAAE,EAAG;IAACjB,GAAG,EAAEA,GAAI;IAACkB,cAAc,EAAEJ,MAAM,CAACK;EAAO,~~EAAG~~,~~eAC7D9B~~,MAAA,CAAAQ,OAAA,~~CAAAc~~,aAAA,~~CAACnB~~,YAAA,~~CAAAoB~~,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACM,aAAa,EAAE;MAAEC,iBAAiB,EAAEjB,MAAM,CAACI;IAAe,CAAC;EAAE,~~gBAChFnB~~,MAAA,CAAAQ,OAAA,~~CAAAc~~,aAAA,~~CAAClB~~,2BAAA,~~CAAA6B~~,IAAI;IAACC,SAAS;IAACC,aAAa,EAAE,CAAE;~~IAACX~~,KAAK,EAAEC,MAAM,CAACb,IAAK;~~IAACwB~~,KAAK,~~EAAErB~~,MAAM,~~CAACsB~~;EAAe,~~GAChFzB~~,~~IAAI~~,~~CACA~~,~~eACPZ~~,MAAA,CAAAQ,OAAA,~~CAAAc~~,aAAA,~~CAAClB~~,2BAAA,~~CAAAkC~~,IAAI;IAACF,KAAK,~~EAAEnB~~,SAAU;IAACW,IAAI,EAAE,EAAG;~~IAACW~~,IAAI,~~EAAE1B~~,QAAQ,GAAG,aAAa,GAAG;EAAe,~~EAAG~~,CAChF,CACF;AAEX,CAAC;AAED,MAAMY,MAAM,GAAG,~~IAAAe~~,4CAAgB,EAAC;~~EAC9Bd~~,SAAS,EAAE;~~IACTe~~,aAAa,EAAE,KAAK;~~IACpBC~~,UAAU,EAAE,QAAQ;~~IACpBC~~,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;~~EACDf~~,MAAM,EAAE;~~IACNgB~~,~~WAAW~~,EAAE;~~EACf~~,CAAC;~~EACDf~~,aAAa,EAAE;~~IACba~~,MAAM,EAAE,MAAM;~~IACdG~~,IAAI,EAAE,CAAC;~~IACPL~~,UAAU,EAAE,QAAQ;~~IACpBD~~,aAAa,EAAE,KAAK;~~IACpBO~~,iBAAiB,EAAE;EACrB,CAAC;~~EACDpC~~,IAAI,EAAE;~~IACJmC~~,~~IAAI~~,EAAE~~,CAAC~~;~~IACPD,WAAW,EAAE~~;~~EACf;~~AACF,CAAC,CAAC;AAAC,~~IAAAG~~,QAAA,~~GAEYxC~~,~~iBAAiB;AAAAyC,~~OAAA,CAAA1C,OAAA,~~GAAAyC~~,~~QAAA~~"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","e","__esModule","default","UserSelectableBar","uri","name","selected","disabled","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","primary","onBackground03","createElement","View","style","styles","container","Avatar","size","containerStyle","avatar","infoContainer","borderBottomColor","Box","flex","alignItems","Text","subtitle2","numberOfLines","color","onBackground01","Icon","icon","createStyleSheet","flexDirection","width","height","paddingHorizontal","marginEnd","borderBottomWidth","_default","exports"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Box, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n selected: boolean;\n disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining(\n [disabled, selected],\n [colors.onBackground04, colors.primary, colors.onBackground03],\n );\n\n return (\n <View style={styles.container}>\n <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Box flex={1} alignItems={'flex-start'}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n </Box>\n <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n paddingHorizontal: 16,\n },\n avatar: {\n marginEnd: 16,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n borderBottomWidth: 1,\n },\n name: {\n marginEnd: 8,\n },\n});\n\nexport default UserSelectableBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA0D,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ1D,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAElC,MAAMC,SAAS,GAAG,IAAAC,6BAAiB,EACjC,CAACJ,QAAQ,EAAED,QAAQ,CAAC,EACpB,CAACE,MAAM,CAACI,cAAc,EAAEJ,MAAM,CAACK,OAAO,EAAEL,MAAM,CAACM,cAAc,CAC/D,CAAC;EAED,oBACEpB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAAsB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACjB,GAAG,EAAEA,GAAI;IAACkB,cAAc,EAAEJ,MAAM,CAACK;EAAO,CAAE,CAAC,eAC7D7B,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACM,aAAa,EAAE;MAAEC,iBAAiB,EAAEjB,MAAM,CAACI;IAAe,CAAC;EAAE,gBAChFlB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAA4B,GAAG;IAACC,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE;EAAa,gBACrClC,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAA+B,IAAI;IAACC,SAAS;IAACC,aAAa,EAAE,CAAE;IAACd,KAAK,EAAEC,MAAM,CAACb,IAAK;IAAC2B,KAAK,EAAExB,MAAM,CAACyB;EAAe,GAChF5B,IACG,CACH,CAAC,eACNX,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAAoC,IAAI;IAACF,KAAK,EAAEtB,SAAU;IAACW,IAAI,EAAE,EAAG;IAACc,IAAI,EAAE7B,QAAQ,GAAG,aAAa,GAAG;EAAe,CAAE,CAChF,CACF,CAAC;AAEX,CAAC;AAED,MAAMY,MAAM,GAAG,IAAAkB,4CAAgB,EAAC;EAC9BjB,SAAS,EAAE;IACTkB,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE,QAAQ;IACpBU,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACDjB,MAAM,EAAE;IACNkB,SAAS,EAAE;EACb,CAAC;EACDjB,aAAa,EAAE;IACbe,MAAM,EAAE,MAAM;IACdZ,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBS,aAAa,EAAE,KAAK;IACpBK,iBAAiB,EAAE;EACrB,CAAC;EACDrC,IAAI,EAAE;IACJoC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEYC,iBAAiB","ignoreList":[]}

package/lib/commonjs/constants.js CHANGED Viewed

@@ -4,16 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = exports.VOICE_MESSAGE_META_ARRAY_DURATION_KEY = exports.UNKNOWN_USER_ID = exports.MESSAGE_SEARCH_SAFE_SCROLL_DELAY = exports.MESSAGE_FOCUS_ANIMATION_DELAY = exports.DEFAULT_LONG_PRESS_DELAY = void 0;
-const DEFAULT_LONG_PRESS_DELAY = 350;
-exports.DEFAULT_LONG_PRESS_DELAY = DEFAULT_LONG_PRESS_DELAY;
-const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;
-exports.MESSAGE_SEARCH_SAFE_SCROLL_DELAY = MESSAGE_SEARCH_SAFE_SCROLL_DELAY;
-const MESSAGE_FOCUS_ANIMATION_DELAY = 250;
-exports.MESSAGE_FOCUS_ANIMATION_DELAY = MESSAGE_FOCUS_ANIMATION_DELAY;
-const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';
-exports.UNKNOWN_USER_ID = UNKNOWN_USER_ID;
-const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
-exports.VOICE_MESSAGE_META_ARRAY_DURATION_KEY = VOICE_MESSAGE_META_ARRAY_DURATION_KEY;
-const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
-exports.VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY;
+const DEFAULT_LONG_PRESS_DELAY = exports.DEFAULT_LONG_PRESS_DELAY = 350;
+const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = exports.MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;
+const MESSAGE_FOCUS_ANIMATION_DELAY = exports.MESSAGE_FOCUS_ANIMATION_DELAY = 250;
+const UNKNOWN_USER_ID = exports.UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';
+const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = exports.VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
+const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = exports.VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
 //# sourceMappingURL=constants.js.map

package/lib/commonjs/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","exports","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","MESSAGE_FOCUS_ANIMATION_DELAY","UNKNOWN_USER_ID","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;\nexport const MESSAGE_FOCUS_ANIMATION_DELAY = 250;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\nexport const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\n"],"mappings":";;;;;;AAAO,MAAMA,wBAAwB,~~GAAG~~,~~GAAG;AAACC,~~OAAA,CAAAD,wBAAA,~~GAAAA~~,~~wBAAA~~;~~AACrC~~,MAAME,gCAAgC,~~GAAG~~,~~GAAG;AAACD,~~OAAA,CAAAC,gCAAA,~~GAAAA~~,~~gCAAA~~;~~AAC7C~~,MAAMC,6BAA6B,~~GAAG~~,~~GAAG;AAACF,~~OAAA,CAAAE,6BAAA,~~GAAAA~~,~~6BAAA~~;~~AAE1C~~,MAAMC,eAAe,~~GAAG~~,~~iCAAiC;AAACH,~~OAAA,CAAAG,eAAA,~~GAAAA~~,~~eAAA~~;~~AAC1D~~,MAAMC,qCAAqC,~~GAAG~~,~~4BAA4B;AAACJ,~~OAAA,CAAAI,qCAAA,~~GAAAA~~,~~qCAAA~~;~~AAC3E~~,MAAMC,yCAAyC,~~GAAG~~,~~2BAA2B;AAACL,~~OAAA,CAAAK,yCAAA,~~GAAAA~~,~~yCAAA~~"}
1	+ {"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","exports","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","MESSAGE_FOCUS_ANIMATION_DELAY","UNKNOWN_USER_ID","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;\nexport const MESSAGE_FOCUS_ANIMATION_DELAY = 250;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\nexport const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\n"],"mappings":";;;;;;AAAO,MAAMA,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,GAAG;AACpC,MAAME,gCAAgC,GAAAD,OAAA,CAAAC,gCAAA,GAAG,GAAG;AAC5C,MAAMC,6BAA6B,GAAAF,OAAA,CAAAE,6BAAA,GAAG,GAAG;AAEzC,MAAMC,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAG,iCAAiC;AACzD,MAAMC,qCAAqC,GAAAJ,OAAA,CAAAI,qCAAA,GAAG,4BAA4B;AAC1E,MAAMC,yCAAyC,GAAAL,OAAA,CAAAK,yCAAA,GAAG,2BAA2B","ignoreList":[]}

package/lib/commonjs/containers/GroupChannelPreviewContainer.js CHANGED Viewed

@@ -8,19 +8,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitTools = require("@sendbird/uikit-tools");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _ChannelCover = _interopRequireDefault(require("../components/ChannelCover"));
 var _constants = require("../constants");
 var _useContext = require("../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GroupChannelPreviewContainer = _ref => {
-  let {
-    onPress,
-    onLongPress,
-    channel
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const GroupChannelPreviewContainer = ({
+  onPress,
+  onLongPress,
+  channel
+}) => {
   const {
     currentUser,
     sdk,
@@ -34,8 +34,7 @@ const GroupChannelPreviewContainer = _ref => {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
   const [typingUsers, setTypingUsers] = (0, _react.useState)([]);
-  const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelPreviewContainer_TypingIndicator');
-  (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+  (0, _uikitTools.useGroupChannelHandler)(sdk, {
     onTypingStatusUpdated(eventChannel) {
       if ((0, _uikitUtils.isDifferentChannel)(channel, eventChannel)) return;
       if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;
@@ -124,13 +123,12 @@ const GroupChannelPreviewContainer = _ref => {
 };
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   titleCaptionIcon: {
-    marginRight: 4
+    marginEnd: 4
   },
   broadcastCover: {
     padding: 12,
     borderRadius: 28
   }
 });
-var _default = GroupChannelPreviewContainer;
-exports.default = _default;
+var _default = exports.default = GroupChannelPreviewContainer;
 //# sourceMappingURL=GroupChannelPreviewContainer.js.map

package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_ChannelCover","_interopRequireDefault","_constants","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelPreviewContainer","_ref","onPress","onLongPress","channel","currentUser","sdk","sbOptions","mentionManager","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","typingUsers","setTypingUsers","useState","handlerId","useUniqHandlerId","useChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","uikit","groupChannel","channelList","enableTypingIndicator","getTypingUsers","outgoingStatus","useMessageOutgoingStatus","lastMessage","bodyText","useIIFE","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","fileType","_channel$lastMessage","isFileMessage","undefined","isVoiceMessage","getFileTypeFromMessage","titleCaptionIcon","isEphemeral","enableMessageReceiptStatus","isMyMessage","userId","createElement","LoadingSpinner","size","style","styles","Icon","icon","color","error","onBackground03","containerStyle","secondary","unreadMessageCount","Pressable","delayLongPress","DEFAULT_LONG_PRESS_DELAY","GroupChannelPreview","customCover","coverUrl","title","CHANNEL_PREVIEW_TITLE","titleCaptionLeft","titleCaption","CHANNEL_PREVIEW_TITLE_CAPTION","body","bodyIcon","getFileIconFromMessageType","convertFileTypeToMessageType","badgeCount","mentioned","unreadMentionCount","mentionTrigger","config","trigger","memberCount","frozen","isFrozen","broadcast","isBroadcast","notificationOff","myPushTriggerOption","createStyleSheet","marginRight","broadcastCover","padding","borderRadius","_default","exports"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n GroupChannelPreview,\n Icon,\n LoadingSpinner,\n createStyleSheet,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdGroupChannel,\n SendbirdUser,\n convertFileTypeToMessageType,\n getFileIconFromMessageType,\n getFileTypeFromMessage,\n isDifferentChannel,\n isMyMessage,\n isVoiceMessage,\n useIIFE,\n useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n channel: SendbirdGroupChannel;\n onPress: () => void;\n onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n const { currentUser, sdk, sbOptions, mentionManager } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n\n const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');\n useChannelHandler(sdk, handlerId, {\n onTypingStatusUpdated(eventChannel) {\n if (isDifferentChannel(channel, eventChannel)) return;\n if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;\n setTypingUsers(eventChannel.getTypingUsers());\n },\n });\n\n const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n const bodyText = useIIFE(() => {\n if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) \|\| '';\n else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n });\n\n const fileType = useIIFE(() => {\n if (!channel.lastMessage?.isFileMessage()) return undefined;\n if (typingUsers.length > 0) return undefined;\n if (isVoiceMessage(channel.lastMessage)) return undefined;\n return getFileTypeFromMessage(channel.lastMessage);\n });\n\n const titleCaptionIcon = useIIFE(() => {\n if (!channel.lastMessage \|\| channel.isEphemeral) return undefined;\n if (!sbOptions.uikit.groupChannel.channelList.enableMessageReceiptStatus) return undefined;\n if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n if (outgoingStatus === 'PENDING') {\n return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'FAILED') {\n return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'UNDELIVERED') {\n return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'DELIVERED' \|\| outgoingStatus === 'UNREAD') {\n return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'READ') {\n return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n }\n\n return undefined;\n });\n\n const unreadMessageCount = useIIFE(() => (channel.isEphemeral ? 0 : channel.unreadMessageCount));\n\n return (\n <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n <GroupChannelPreview\n customCover={<ChannelCover channel={channel} size={56} />}\n coverUrl={channel.coverUrl}\n title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n titleCaptionLeft={titleCaptionIcon}\n titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n body={bodyText}\n bodyIcon={fileType && getFileIconFromMessageType(convertFileTypeToMessageType(fileType))}\n badgeCount={unreadMessageCount}\n mentioned={channel.unreadMentionCount > 0}\n mentionTrigger={mentionManager.config.trigger}\n memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n frozen={channel.isFrozen}\n broadcast={channel.isBroadcast}\n notificationOff={channel.myPushTriggerOption === 'off'}\n />\n </Pressable>\n );\n};\n\nconst styles = createStyleSheet({\n titleCaptionIcon: {\n marginRight: 4,\n },\n broadcastCover: {\n padding: 12,\n borderRadius: 28,\n },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitChatHooks","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_ChannelCover","_interopRequireDefault","_constants","_useContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GroupChannelPreviewContainer","onPress","onLongPress","channel","currentUser","sdk","sbOptions","mentionManager","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","typingUsers","setTypingUsers","useState","useGroupChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","uikit","groupChannel","channelList","enableTypingIndicator","getTypingUsers","outgoingStatus","useMessageOutgoingStatus","lastMessage","bodyText","useIIFE","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","fileType","_channel$lastMessage","isFileMessage","undefined","isVoiceMessage","getFileTypeFromMessage","titleCaptionIcon","isEphemeral","enableMessageReceiptStatus","isMyMessage","userId","createElement","LoadingSpinner","size","style","styles","Icon","icon","color","error","onBackground03","containerStyle","secondary","unreadMessageCount","Pressable","delayLongPress","DEFAULT_LONG_PRESS_DELAY","GroupChannelPreview","customCover","coverUrl","title","CHANNEL_PREVIEW_TITLE","titleCaptionLeft","titleCaption","CHANNEL_PREVIEW_TITLE_CAPTION","body","bodyIcon","getFileIconFromMessageType","convertFileTypeToMessageType","badgeCount","mentioned","unreadMentionCount","mentionTrigger","config","trigger","memberCount","frozen","isFrozen","broadcast","isBroadcast","notificationOff","myPushTriggerOption","createStyleSheet","marginEnd","broadcastCover","padding","borderRadius","_default","exports"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n GroupChannelPreview,\n Icon,\n LoadingSpinner,\n createStyleSheet,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n SendbirdGroupChannel,\n SendbirdUser,\n convertFileTypeToMessageType,\n getFileIconFromMessageType,\n getFileTypeFromMessage,\n isDifferentChannel,\n isMyMessage,\n isVoiceMessage,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n channel: SendbirdGroupChannel;\n onPress: () => void;\n onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n const { currentUser, sdk, sbOptions, mentionManager } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n\n const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n useGroupChannelHandler(sdk, {\n onTypingStatusUpdated(eventChannel) {\n if (isDifferentChannel(channel, eventChannel)) return;\n if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;\n setTypingUsers(eventChannel.getTypingUsers());\n },\n });\n\n const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n const bodyText = useIIFE(() => {\n if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) \|\| '';\n else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n });\n\n const fileType = useIIFE(() => {\n if (!channel.lastMessage?.isFileMessage()) return undefined;\n if (typingUsers.length > 0) return undefined;\n if (isVoiceMessage(channel.lastMessage)) return undefined;\n return getFileTypeFromMessage(channel.lastMessage);\n });\n\n const titleCaptionIcon = useIIFE(() => {\n if (!channel.lastMessage \|\| channel.isEphemeral) return undefined;\n if (!sbOptions.uikit.groupChannel.channelList.enableMessageReceiptStatus) return undefined;\n if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n if (outgoingStatus === 'PENDING') {\n return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'FAILED') {\n return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'UNDELIVERED') {\n return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'DELIVERED' \|\| outgoingStatus === 'UNREAD') {\n return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n }\n\n if (outgoingStatus === 'READ') {\n return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n }\n\n return undefined;\n });\n\n const unreadMessageCount = useIIFE(() => (channel.isEphemeral ? 0 : channel.unreadMessageCount));\n\n return (\n <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n <GroupChannelPreview\n customCover={<ChannelCover channel={channel} size={56} />}\n coverUrl={channel.coverUrl}\n title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n titleCaptionLeft={titleCaptionIcon}\n titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n body={bodyText}\n bodyIcon={fileType && getFileIconFromMessageType(convertFileTypeToMessageType(fileType))}\n badgeCount={unreadMessageCount}\n mentioned={channel.unreadMentionCount > 0}\n mentionTrigger={mentionManager.config.trigger}\n memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n frozen={channel.isFrozen}\n broadcast={channel.isBroadcast}\n notificationOff={channel.myPushTriggerOption === 'off'}\n />\n </Pressable>\n );\n};\n\nconst styles = createStyleSheet({\n titleCaptionIcon: {\n marginEnd: 4,\n },\n broadcastCover: {\n padding: 12,\n borderRadius: 28,\n },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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","ignoreList":[]}