@sendbird/uikit-react-native 3.1.2 → 3.3.0

package/lib/commonjs/contexts/SendbirdChatCtx.js

@@ -19,6 +19,7 @@ const SendbirdChatProvider = _ref => {
     emojiManager,
     mentionManager,
     imageCompressionConfig,
+    voiceMessageConfig,
     enableAutoPushTokenRegistration,
     enableUseUserIdForNickname,
     enableImageCompression
@@ -74,6 +75,7 @@ const SendbirdChatProvider = _ref => {
     emojiManager,
     mentionManager,
     imageCompressionConfig,
+    voiceMessageConfig,
     currentUser,
     setCurrentUser,
     updateCurrentUserInfo,

package/lib/commonjs/contexts/SendbirdChatCtx.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitTools","_uikitUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SendbirdChatContext","React","createContext","exports","SendbirdChatProvider","_ref","children","sdkInstance","emojiManager","mentionManager","imageCompressionConfig","enableAutoPushTokenRegistration","enableUseUserIdForNickname","enableImageCompression","currentUser","_setCurrentUser","useState","forceUpdate","useForceUpdate","appFeatures","useAppFeatures","configs","configsWithAppAttr","useUIKitConfig","setCurrentUser","useCallback","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","confirmAndMarkAsDelivered","useAppState","status","connectionState","setForegroundState","setBackgroundState","useEffect","disconnect","then","undefined","value","sdk","sbOptions","appInfo","uikit","uikitWithAppInfo","chat","autoPushTokenRegistrationEnabled","useUserIdForNicknameEnabled","imageCompressionEnabled","createElement","Provider"],"sources":["SendbirdChatCtx.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport { SBUConfig, useUIKitConfig } from '@sendbird/uikit-tools';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useAppState, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type EmojiManager from '../libs/EmojiManager';\nimport type ImageCompressionConfig from '../libs/ImageCompressionConfig';\nimport type MentionManager from '../libs/MentionManager';\nimport type { FileType } from '../platform/types';\n\nexport interface ChatRelatedFeaturesInUIKit {\n  enableAutoPushTokenRegistration: boolean;\n  enableUseUserIdForNickname: boolean;\n  enableImageCompression: boolean;\n}\n\ninterface Props extends ChatRelatedFeaturesInUIKit, React.PropsWithChildren {\n  sdkInstance: SendbirdChatSDK;\n  emojiManager: EmojiManager;\n  mentionManager: MentionManager;\n  imageCompressionConfig: ImageCompressionConfig;\n}\n\nexport type SendbirdChatContextType = {\n  sdk: SendbirdChatSDK;\n  emojiManager: EmojiManager;\n  mentionManager: MentionManager;\n  imageCompressionConfig: ImageCompressionConfig;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  sbOptions: {\n    // UIKit options\n    uikit: SBUConfig;\n    uikitWithAppInfo: {\n      groupChannel: {\n        channel: {\n          enableReactions: boolean;\n          enableOgtag: boolean;\n        };\n        setting: {\n          enableMessageSearch: boolean;\n        };\n      };\n      openChannel: {\n        channel: {\n          enableOgtag: boolean;\n        };\n      };\n    };\n\n    // Chat related options in UIKit\n    chat: {\n      imageCompressionEnabled: boolean;\n      useUserIdForNicknameEnabled: boolean;\n      autoPushTokenRegistrationEnabled: boolean; // RN only\n    };\n\n    // Sendbird application options\n    appInfo: {\n      deliveryReceiptEnabled: boolean;\n      broadcastChannelEnabled: boolean;\n      superGroupChannelEnabled: boolean;\n      reactionEnabled: boolean;\n    };\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<SendbirdChatContextType | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  emojiManager,\n  mentionManager,\n  imageCompressionConfig,\n  enableAutoPushTokenRegistration,\n  enableUseUserIdForNickname,\n  enableImageCompression,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n  const { configs, configsWithAppAttr } = useUIKitConfig();\n\n  const setCurrentUser: SendbirdChatContextType['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: SendbirdChatContextType['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = {};\n\n      if (!nickname) {\n        params.nickname = user.nickname;\n      } else {\n        params.nickname = nickname;\n      }\n\n      if (!profile) {\n        params.profileUrl = user.profileUrl;\n      } else if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: SendbirdChatContextType['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered([channel]);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useAppState('change', (status) => {\n    // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n    if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n    else if (status === 'background') sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n  });\n\n  useEffect(() => {\n    return () => {\n      sdkInstance.disconnect().then(() => _setCurrentUser(undefined));\n    };\n  }, [sdkInstance]);\n\n  const value: SendbirdChatContextType = {\n    sdk: sdkInstance,\n    emojiManager,\n    mentionManager,\n    imageCompressionConfig,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    // TODO: Options should be moved to the common area at the higher level to be passed to the context of each product.\n    //  For example, common -> chat context, common -> calls context\n    sbOptions: {\n      appInfo: appFeatures,\n      uikit: configs,\n      uikitWithAppInfo: configsWithAppAttr(sdkInstance),\n      chat: {\n        autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n        useUserIdForNicknameEnabled: enableUseUserIdForNickname,\n        imageCompressionEnabled: enableImageCompression,\n      },\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitTools","_uikitUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SendbirdChatContext","React","createContext","exports","SendbirdChatProvider","_ref","children","sdkInstance","emojiManager","mentionManager","imageCompressionConfig","voiceMessageConfig","enableAutoPushTokenRegistration","enableUseUserIdForNickname","enableImageCompression","currentUser","_setCurrentUser","useState","forceUpdate","useForceUpdate","appFeatures","useAppFeatures","configs","configsWithAppAttr","useUIKitConfig","setCurrentUser","useCallback","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","confirmAndMarkAsDelivered","useAppState","status","connectionState","setForegroundState","setBackgroundState","useEffect","disconnect","then","undefined","value","sdk","sbOptions","appInfo","uikit","uikitWithAppInfo","chat","autoPushTokenRegistrationEnabled","useUserIdForNicknameEnabled","imageCompressionEnabled","createElement","Provider"],"sources":["SendbirdChatCtx.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport { SBUConfig, useUIKitConfig } from '@sendbird/uikit-tools';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useAppState, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type EmojiManager from '../libs/EmojiManager';\nimport type ImageCompressionConfig from '../libs/ImageCompressionConfig';\nimport type MentionManager from '../libs/MentionManager';\nimport type VoiceMessageConfig from '../libs/VoiceMessageConfig';\nimport type { FileType } from '../platform/types';\n\nexport interface ChatRelatedFeaturesInUIKit {\n  enableAutoPushTokenRegistration: boolean;\n  enableUseUserIdForNickname: boolean;\n  enableImageCompression: boolean;\n}\n\ninterface Props extends ChatRelatedFeaturesInUIKit, React.PropsWithChildren {\n  sdkInstance: SendbirdChatSDK;\n\n  emojiManager: EmojiManager;\n  mentionManager: MentionManager;\n  imageCompressionConfig: ImageCompressionConfig;\n  voiceMessageConfig: VoiceMessageConfig;\n}\n\nexport type SendbirdChatContextType = {\n  sdk: SendbirdChatSDK;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // feature related instances\n  emojiManager: EmojiManager;\n  mentionManager: MentionManager;\n  imageCompressionConfig: ImageCompressionConfig;\n  voiceMessageConfig: VoiceMessageConfig;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  sbOptions: {\n    // UIKit options\n    uikit: SBUConfig;\n    uikitWithAppInfo: {\n      groupChannel: {\n        channel: {\n          enableReactions: boolean;\n          enableOgtag: boolean;\n        };\n        setting: {\n          enableMessageSearch: boolean;\n        };\n      };\n      openChannel: {\n        channel: {\n          enableOgtag: boolean;\n        };\n      };\n    };\n\n    // Chat related options in UIKit\n    chat: {\n      imageCompressionEnabled: boolean;\n      useUserIdForNicknameEnabled: boolean;\n      autoPushTokenRegistrationEnabled: boolean; // RN only\n    };\n\n    // Sendbird application options\n    appInfo: {\n      deliveryReceiptEnabled: boolean;\n      broadcastChannelEnabled: boolean;\n      superGroupChannelEnabled: boolean;\n      reactionEnabled: boolean;\n    };\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<SendbirdChatContextType | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  emojiManager,\n  mentionManager,\n  imageCompressionConfig,\n  voiceMessageConfig,\n  enableAutoPushTokenRegistration,\n  enableUseUserIdForNickname,\n  enableImageCompression,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n  const { configs, configsWithAppAttr } = useUIKitConfig();\n\n  const setCurrentUser: SendbirdChatContextType['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: SendbirdChatContextType['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = {};\n\n      if (!nickname) {\n        params.nickname = user.nickname;\n      } else {\n        params.nickname = nickname;\n      }\n\n      if (!profile) {\n        params.profileUrl = user.profileUrl;\n      } else if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: SendbirdChatContextType['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered([channel]);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useAppState('change', (status) => {\n    // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n    if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n    else if (status === 'background') sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n  });\n\n  useEffect(() => {\n    return () => {\n      sdkInstance.disconnect().then(() => _setCurrentUser(undefined));\n    };\n  }, [sdkInstance]);\n\n  const value: SendbirdChatContextType = {\n    sdk: sdkInstance,\n    emojiManager,\n    mentionManager,\n    imageCompressionConfig,\n    voiceMessageConfig,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    // TODO: Options should be moved to the common area at the higher level to be passed to the context of each product.\n    //  For example, common -> chat context, common -> calls context\n    sbOptions: {\n      appInfo: appFeatures,\n      uikit: configs,\n      uikitWithAppInfo: configsWithAppAttr(sdkInstance),\n      chat: {\n        autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n        useUserIdForNicknameEnabled: enableUseUserIdForNickname,\n        imageCompressionEnabled: enableImageCompression,\n      },\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelHeader.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _ChannelCover = _interopRequireDefault(require("../../../components/ChannelCover"));
 var _useContext = require("../../../hooks/useContext");
+var _types = require("../../../types");
 var _moduleContext = require("../module/moduleContext");
 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); }
@@ -19,6 +20,9 @@ const GroupChannelHeader = _ref => {
     onPressHeaderLeft,
     onPressHeaderRight
   } = _ref;
+  const {
+    sbOptions
+  } = (0, _useContext.useSendbirdChat)();
   const {
     headerTitle,
     channel
@@ -32,7 +36,15 @@ const GroupChannelHeader = _ref => {
   const {
     HeaderComponent
   } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
-  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);
+  const renderSubtitle = () => {
+    const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);
+    if (!subtitle) return null;
+    if (!sbOptions.uikit.groupChannel.channel.enableTypingIndicator) return null;
+    if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has(_types.TypingIndicatorType.Text)) return null;
+    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Header.Subtitle, {
+      style: styles.subtitle
+    }, subtitle);
+  };
   const isHidden = shouldHideRight();
   return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
     clearTitleMargin: true,
@@ -48,9 +60,7 @@ const GroupChannelHeader = _ref => {
       }
     }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Header.Title, {
       h2: true
-    }, headerTitle), Boolean(subtitle) && subtitle && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Header.Subtitle, {
-      style: styles.subtitle
-    }, subtitle))),
+    }, headerTitle), renderSubtitle())),
     left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
       icon: 'arrow-left'
     }),

package/lib/commonjs/domain/groupChannel/component/GroupChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_ChannelCover","_interopRequireDefault","_useContext","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelHeader","_ref","shouldHideRight","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","useContext","GroupChannelContexts","Fragment","typingUsers","TypingIndicator","STRINGS","useLocalization","HeaderComponent","useHeaderStyle","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","isHidden","createElement","clearTitleMargin","title","View","style","styles","titleContainer","size","containerStyle","avatarGroup","flexShrink","Header","Title","h2","Boolean","Subtitle","left","Icon","icon","onPressLeft","right","onPressRight","undefined","createStyleSheet","maxWidth","flexDirection","alignItems","marginRight","marginTop","_default","exports"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({\n  shouldHideRight,\n  onPressHeaderLeft,\n  onPressHeaderRight,\n}: GroupChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n  const isHidden = shouldHideRight();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {Boolean(subtitle) && subtitle && <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={isHidden ? null : <Icon icon={'info'} />}\n      onPressRight={isHidden ? undefined : onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_ChannelCover","_interopRequireDefault","_useContext","_types","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelHeader","_ref","shouldHideRight","onPressHeaderLeft","onPressHeaderRight","sbOptions","useSendbirdChat","headerTitle","channel","useContext","GroupChannelContexts","Fragment","typingUsers","TypingIndicator","STRINGS","useLocalization","HeaderComponent","useHeaderStyle","renderSubtitle","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","uikit","groupChannel","enableTypingIndicator","typingIndicatorTypes","TypingIndicatorType","Text","createElement","Header","Subtitle","style","styles","isHidden","clearTitleMargin","title","View","titleContainer","size","containerStyle","avatarGroup","flexShrink","Title","h2","left","Icon","icon","onPressLeft","right","onPressRight","undefined","createStyleSheet","maxWidth","flexDirection","alignItems","marginRight","marginTop","_default","exports"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { TypingIndicatorType } from '../../../types';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({\n  shouldHideRight,\n  onPressHeaderLeft,\n  onPressHeaderRight,\n}: GroupChannelProps['Header']) => {\n  const { sbOptions } = useSendbirdChat();\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n\n  const renderSubtitle = () => {\n    const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n    if (!subtitle) return null;\n    if (!sbOptions.uikit.groupChannel.channel.enableTypingIndicator) return null;\n    if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has(TypingIndicatorType.Text)) return null;\n\n    return <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>;\n  };\n\n  const isHidden = shouldHideRight();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {renderSubtitle()}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={isHidden ? null : <Icon icon={'info'} />}\n      onPressRight={isHidden ? undefined : onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js

@@ -31,39 +31,14 @@ const GroupChannelMessageList = props => {
   const {
     subscribe
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.PubSub);
+  const {
+    flatListRef,
+    lazyScrollToBottom,
+    lazyScrollToIndex
+  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.MessageList);
   const id = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMessageList');
-  const ref = (0, _react.useRef)(null);
   const isFirstMount = (0, _uikitUtils.useIsFirstMount)();
-
-  // FIXME: Workaround, should run after data has been applied to UI.
-  const lazyScrollToBottom = function () {
-    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    setTimeout(() => {
-      var _ref$current;
-      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollToOffset({
-        offset: 0,
-        animated
-      });
-    }, timeout);
-  };
-
-  // FIXME: Workaround, should run after data has been applied to UI.
-  const lazyScrollToIndex = function () {
-    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    setTimeout(() => {
-      var _ref$current2;
-      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollToIndex({
-        index,
-        animated,
-        viewPosition: 0.5
-      });
-    }, timeout);
-  };
-  const scrollToMessage = (0, _uikitUtils.useFreshCallback)(function (createdAt) {
-    let focusAnimated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const scrollToMessageWithCreatedAt = (0, _uikitUtils.useFreshCallback)((createdAt, focusAnimated, timeout) => {
     const foundMessageIndex = props.messages.findIndex(it => it.createdAt === createdAt);
     const isIncludedInList = foundMessageIndex > -1;
     if (isIncludedInList) {
@@ -72,7 +47,11 @@ const GroupChannelMessageList = props => {
           startingPoint: createdAt
         }), _constants.MESSAGE_FOCUS_ANIMATION_DELAY);
       }
-      lazyScrollToIndex(foundMessageIndex, true, isFirstMount ? _constants.MESSAGE_SEARCH_SAFE_SCROLL_DELAY : 0);
+      lazyScrollToIndex({
+        index: foundMessageIndex,
+        animated: true,
+        timeout
+      });
     } else {
       if (props.channel.messageOffsetTimestamp <= createdAt) {
         if (focusAnimated) props.onUpdateSearchItem({
@@ -92,10 +71,14 @@ const GroupChannelMessageList = props => {
       props.onScrolledAwayFromBottom(false);
       props.onResetMessageList(() => {
         props.onScrolledAwayFromBottom(false);
-        lazyScrollToBottom(animated);
+        lazyScrollToBottom({
+          animated
+        });
       });
     } else {
-      lazyScrollToBottom(animated);
+      lazyScrollToBottom({
+        animated
+      });
     }
   });
   (0, _uikitChatHooks.useChannelHandler)(sdk, id, {
@@ -105,7 +88,10 @@ const GroupChannelMessageList = props => {
       const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;
       const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();
       if (isRecentMessage && scrollReachedBottomAndCanScroll) {
-        lazyScrollToBottom(true, 250);
+        lazyScrollToBottom({
+          animated: true,
+          timeout: 250
+        });
       }
     }
   });
@@ -115,6 +101,7 @@ const GroupChannelMessageList = props => {
         type
       } = _ref;
       switch (type) {
+        case 'TYPING_BUBBLE_RENDERED':
         case 'MESSAGES_RECEIVED':
           {
             if (!props.scrolledAwayFromBottom) {
@@ -131,21 +118,20 @@ const GroupChannelMessageList = props => {
       }
     });
   }, [props.scrolledAwayFromBottom]);
-
-  // Only trigger once when message list mount with initial props.searchItem
-  // - Search screen + searchItem > mount message list
-  // - Reset message list + searchItem > re-mount message list
   (0, _react.useEffect)(() => {
+    // Only trigger once when message list mount with initial props.searchItem
+    // - Search screen + searchItem > mount message list
+    // - Reset message list + searchItem > re-mount message list
     if (isFirstMount && props.searchItem) {
-      scrollToMessage(props.searchItem.startingPoint);
+      scrollToMessageWithCreatedAt(props.searchItem.startingPoint, false, _constants.MESSAGE_SEARCH_SAFE_SCROLL_DELAY);
     }
   }, [isFirstMount]);
   const onPressParentMessage = (0, _uikitUtils.useFreshCallback)(message => {
-    const canScrollToParent = scrollToMessage(message.createdAt, true);
+    const canScrollToParent = scrollToMessageWithCreatedAt(message.createdAt, true, 0);
     if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');
   });
   return /*#__PURE__*/_react.default.createElement(_ChannelMessageList.default, _extends({}, props, {
-    ref: ref,
+    ref: flatListRef,
     onReplyMessage: setMessageToReply,
     onEditMessage: setMessageToEdit,
     onPressParentMessage: onPressParentMessage,

package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_ChannelMessageList","_interopRequireDefault","_constants","_useContext","_moduleContext","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","GroupChannelMessageList","props","toast","useToast","STRINGS","useLocalization","sdk","useSendbirdChat","setMessageToEdit","setMessageToReply","useContext","GroupChannelContexts","Fragment","subscribe","PubSub","id","useUniqHandlerId","ref","useRef","isFirstMount","useIsFirstMount","lazyScrollToBottom","animated","undefined","timeout","setTimeout","_ref$current","current","scrollToOffset","offset","lazyScrollToIndex","index","_ref$current2","scrollToIndex","viewPosition","scrollToMessage","useFreshCallback","createdAt","focusAnimated","foundMessageIndex","messages","findIndex","it","isIncludedInList","onUpdateSearchItem","startingPoint","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","scrollToBottom","hasNext","onScrolledAwayFromBottom","onResetMessageList","useChannelHandler","onReactionUpdated","event","isDifferentChannel","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","useEffect","_ref","type","searchItem","onPressParentMessage","message","canScrollToParent","show","TOAST","FIND_PARENT_MSG_ERROR","createElement","onReplyMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","_default","React","memo","exports"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useFreshCallback, useIsFirstMount, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const toast = useToast();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelContexts.PubSub);\n\n  const id = useUniqHandlerId('GroupChannelMessageList');\n  const ref = useRef<FlatList<SendbirdMessage>>(null);\n  const isFirstMount = useIsFirstMount();\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToBottom = (animated = false, timeout = 0) => {\n    setTimeout(() => {\n      ref.current?.scrollToOffset({ offset: 0, animated });\n    }, timeout);\n  };\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToIndex = (index = 0, animated = false, timeout = 0) => {\n    setTimeout(() => {\n      ref.current?.scrollToIndex({ index, animated, viewPosition: 0.5 });\n    }, timeout);\n  };\n\n  const scrollToMessage = useFreshCallback((createdAt: number, focusAnimated = false): boolean => {\n    const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === createdAt);\n    const isIncludedInList = foundMessageIndex > -1;\n\n    if (isIncludedInList) {\n      if (focusAnimated) {\n        setTimeout(() => props.onUpdateSearchItem({ startingPoint: createdAt }), MESSAGE_FOCUS_ANIMATION_DELAY);\n      }\n      lazyScrollToIndex(foundMessageIndex, true, isFirstMount ? MESSAGE_SEARCH_SAFE_SCROLL_DELAY : 0);\n    } else {\n      if (props.channel.messageOffsetTimestamp <= createdAt) {\n        if (focusAnimated) props.onUpdateSearchItem({ startingPoint: createdAt });\n        props.onResetMessageListWithStartingPoint(createdAt);\n      } else {\n        return false;\n      }\n    }\n\n    return true;\n  });\n\n  const scrollToBottom = useFreshCallback((animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      props.onScrolledAwayFromBottom(false);\n\n      props.onResetMessageList(() => {\n        props.onScrolledAwayFromBottom(false);\n        lazyScrollToBottom(animated);\n      });\n    } else {\n      lazyScrollToBottom(animated);\n    }\n  });\n\n  useChannelHandler(sdk, id, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom(true, 250);\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  // Only trigger once when message list mount with initial props.searchItem\n  // - Search screen + searchItem > mount message list\n  // - Reset message list + searchItem > re-mount message list\n  useEffect(() => {\n    if (isFirstMount && props.searchItem) {\n      scrollToMessage(props.searchItem.startingPoint);\n    }\n  }, [isFirstMount]);\n\n  const onPressParentMessage = useFreshCallback((message: SendbirdMessage) => {\n    const canScrollToParent = scrollToMessage(message.createdAt, true);\n    if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n  });\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={ref}\n      onReplyMessage={setMessageToReply}\n      onEditMessage={setMessageToEdit}\n      onPressParentMessage={onPressParentMessage}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAA+D,SAAAK,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAG/D,MAAMI,uBAAuB,GAAIC,KAAuC,IAAK;EAC3E,MAAMC,KAAK,GAAG,IAAAC,oCAAQ,GAAE;EACxB,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACjC,MAAM;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GAAG,IAAAC,iBAAU,EAACC,mCAAoB,CAACC,QAAQ,CAAC;EACzF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAH,iBAAU,EAACC,mCAAoB,CAACG,MAAM,CAAC;EAE7D,MAAMC,EAAE,GAAG,IAAAC,4BAAgB,EAAC,yBAAyB,CAAC;EACtD,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAA4B,IAAI,CAAC;EACnD,MAAMC,YAAY,GAAG,IAAAC,2BAAe,GAAE;;EAEtC;EACA,MAAMC,kBAAkB,GAAG,SAAAA,CAAA,EAAmC;IAAA,IAAlCC,QAAQ,GAAA1B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,KAAK;IAAA,IAAE4B,OAAO,GAAA5B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,CAAC;IACvD6B,UAAU,CAAC,MAAM;MAAA,IAAAC,YAAA;MACf,CAAAA,YAAA,GAAAT,GAAG,CAACU,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEP;MAAS,CAAC,CAAC;IACtD,CAAC,EAAEE,OAAO,CAAC;EACb,CAAC;;EAED;EACA,MAAMM,iBAAiB,GAAG,SAAAA,CAAA,EAA8C;IAAA,IAA7CC,KAAK,GAAAnC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,CAAC;IAAA,IAAE0B,QAAQ,GAAA1B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,KAAK;IAAA,IAAE4B,OAAO,GAAA5B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,CAAC;IACjE6B,UAAU,CAAC,MAAM;MAAA,IAAAO,aAAA;MACf,CAAAA,aAAA,GAAAf,GAAG,CAACU,OAAO,cAAAK,aAAA,uBAAXA,aAAA,CAAaC,aAAa,CAAC;QAAEF,KAAK;QAAET,QAAQ;QAAEY,YAAY,EAAE;MAAI,CAAC,CAAC;IACpE,CAAC,EAAEV,OAAO,CAAC;EACb,CAAC;EAED,MAAMW,eAAe,GAAG,IAAAC,4BAAgB,EAAC,UAACC,SAAiB,EAAqC;IAAA,IAAnCC,aAAa,GAAA1C,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,KAAK;IAChF,MAAM2C,iBAAiB,GAAGtC,KAAK,CAACuC,QAAQ,CAACC,SAAS,CAAEC,EAAE,IAAKA,EAAE,CAACL,SAAS,KAAKA,SAAS,CAAC;IACtF,MAAMM,gBAAgB,GAAGJ,iBAAiB,GAAG,CAAC,CAAC;IAE/C,IAAII,gBAAgB,EAAE;MACpB,IAAIL,aAAa,EAAE;QACjBb,UAAU,CAAC,MAAMxB,KAAK,CAAC2C,kBAAkB,CAAC;UAAEC,aAAa,EAAER;QAAU,CAAC,CAAC,EAAES,wCAA6B,CAAC;MACzG;MACAhB,iBAAiB,CAACS,iBAAiB,EAAE,IAAI,EAAEpB,YAAY,GAAG4B,2CAAgC,GAAG,CAAC,CAAC;IACjG,CAAC,MAAM;MACL,IAAI9C,KAAK,CAAC+C,OAAO,CAACC,sBAAsB,IAAIZ,SAAS,EAAE;QACrD,IAAIC,aAAa,EAAErC,KAAK,CAAC2C,kBAAkB,CAAC;UAAEC,aAAa,EAAER;QAAU,CAAC,CAAC;QACzEpC,KAAK,CAACiD,mCAAmC,CAACb,SAAS,CAAC;MACtD,CAAC,MAAM;QACL,OAAO,KAAK;MACd;IACF;IAEA,OAAO,IAAI;EACb,CAAC,CAAC;EAEF,MAAMc,cAAc,GAAG,IAAAf,4BAAgB,EAAC,YAAsB;IAAA,IAArBd,QAAQ,GAAA1B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,KAAK;IACvD,IAAIK,KAAK,CAACmD,OAAO,EAAE,EAAE;MACnBnD,KAAK,CAAC2C,kBAAkB,CAACrB,SAAS,CAAC;MACnCtB,KAAK,CAACoD,wBAAwB,CAAC,KAAK,CAAC;MAErCpD,KAAK,CAACqD,kBAAkB,CAAC,MAAM;QAC7BrD,KAAK,CAACoD,wBAAwB,CAAC,KAAK,CAAC;QACrChC,kBAAkB,CAACC,QAAQ,CAAC;MAC9B,CAAC,CAAC;IACJ,CAAC,MAAM;MACLD,kBAAkB,CAACC,QAAQ,CAAC;IAC9B;EACF,CAAC,CAAC;EAEF,IAAAiC,iCAAiB,EAACjD,GAAG,EAAES,EAAE,EAAE;IACzByC,iBAAiBA,CAACR,OAAO,EAAES,KAAK,EAAE;MAChC,IAAI,IAAAC,8BAAkB,EAACV,OAAO,EAAE/C,KAAK,CAAC+C,OAAO,CAAC,EAAE;MAChD,MAAMW,aAAa,GAAG1D,KAAK,CAACuC,QAAQ,CAAC,CAAC,CAAC;MACvC,MAAMoB,eAAe,GAAGD,aAAa,IAAIA,aAAa,CAACE,SAAS,KAAKJ,KAAK,CAACI,SAAS;MACpF,MAAMC,+BAA+B,GAAG,CAAC7D,KAAK,CAAC8D,sBAAsB,IAAI,CAAC9D,KAAK,CAACmD,OAAO,EAAE;MACzF,IAAIQ,eAAe,IAAIE,+BAA+B,EAAE;QACtDzC,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC;MAC/B;IACF;EACF,CAAC,CAAC;EAEF,IAAA2C,gBAAS,EAAC,MAAM;IACd,OAAOnD,SAAS,CAACoD,IAAA,IAAc;MAAA,IAAb;QAAEC;MAAK,CAAC,GAAAD,IAAA;MACxB,QAAQC,IAAI;QACV,KAAK,mBAAmB;UAAE;YACxB,IAAI,CAACjE,KAAK,CAAC8D,sBAAsB,EAAE;cACjCZ,cAAc,CAAC,IAAI,CAAC;YACtB;YACA;UACF;QACA,KAAK,sBAAsB;QAC3B,KAAK,sBAAsB;UAAE;YAC3BA,cAAc,CAAC,KAAK,CAAC;YACrB;UACF;MAAC;IAEL,CAAC,CAAC;EACJ,CAAC,EAAE,CAAClD,KAAK,CAAC8D,sBAAsB,CAAC,CAAC;;EAElC;EACA;EACA;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI7C,YAAY,IAAIlB,KAAK,CAACkE,UAAU,EAAE;MACpChC,eAAe,CAAClC,KAAK,CAACkE,UAAU,CAACtB,aAAa,CAAC;IACjD;EACF,CAAC,EAAE,CAAC1B,YAAY,CAAC,CAAC;EAElB,MAAMiD,oBAAoB,GAAG,IAAAhC,4BAAgB,EAAEiC,OAAwB,IAAK;IAC1E,MAAMC,iBAAiB,GAAGnC,eAAe,CAACkC,OAAO,CAAChC,SAAS,EAAE,IAAI,CAAC;IAClE,IAAI,CAACiC,iBAAiB,EAAEpE,KAAK,CAACqE,IAAI,CAACnE,OAAO,CAACoE,KAAK,CAACC,qBAAqB,EAAE,OAAO,CAAC;EAClF,CAAC,CAAC;EAEF,oBACEnH,MAAA,CAAAa,OAAA,CAAAuG,aAAA,CAAC9G,mBAAA,CAAAO,OAAkB,EAAAoB,QAAA,KACbU,KAAK;IACTgB,GAAG,EAAEA,GAAI;IACT0D,cAAc,EAAElE,iBAAkB;IAClCmE,aAAa,EAAEpE,gBAAiB;IAChC4D,oBAAoB,EAAEA,oBAAqB;IAC3CS,wBAAwB,EAAE1B,cAAe;IACzC2B,2BAA2B,EAAE3B;EAAe,GAC5C;AAEN,CAAC;AAAC,IAAA4B,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAACjF,uBAAuB,CAAC;AAAAkF,OAAA,CAAA/G,OAAA,GAAA4G,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_ChannelMessageList","_interopRequireDefault","_constants","_useContext","_moduleContext","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","GroupChannelMessageList","props","toast","useToast","STRINGS","useLocalization","sdk","useSendbirdChat","setMessageToEdit","setMessageToReply","useContext","GroupChannelContexts","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","MessageList","id","useUniqHandlerId","isFirstMount","useIsFirstMount","scrollToMessageWithCreatedAt","useFreshCallback","createdAt","focusAnimated","timeout","foundMessageIndex","messages","findIndex","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","MESSAGE_FOCUS_ANIMATION_DELAY","index","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","scrollToBottom","undefined","hasNext","onScrolledAwayFromBottom","onResetMessageList","useChannelHandler","onReactionUpdated","event","isDifferentChannel","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","useEffect","_ref","type","searchItem","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","onPressParentMessage","message","canScrollToParent","show","TOAST","FIND_PARENT_MSG_ERROR","createElement","ref","onReplyMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","_default","React","memo","exports"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useFreshCallback, useIsFirstMount, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const toast = useToast();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex } = useContext(GroupChannelContexts.MessageList);\n\n  const id = useUniqHandlerId('GroupChannelMessageList');\n  const isFirstMount = useIsFirstMount();\n\n  const scrollToMessageWithCreatedAt = useFreshCallback(\n    (createdAt: number, focusAnimated: boolean, timeout: number): boolean => {\n      const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === createdAt);\n      const isIncludedInList = foundMessageIndex > -1;\n\n      if (isIncludedInList) {\n        if (focusAnimated) {\n          setTimeout(() => props.onUpdateSearchItem({ startingPoint: createdAt }), MESSAGE_FOCUS_ANIMATION_DELAY);\n        }\n        lazyScrollToIndex({ index: foundMessageIndex, animated: true, timeout });\n      } else {\n        if (props.channel.messageOffsetTimestamp <= createdAt) {\n          if (focusAnimated) props.onUpdateSearchItem({ startingPoint: createdAt });\n          props.onResetMessageListWithStartingPoint(createdAt);\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const scrollToBottom = useFreshCallback((animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      props.onScrolledAwayFromBottom(false);\n\n      props.onResetMessageList(() => {\n        props.onScrolledAwayFromBottom(false);\n        lazyScrollToBottom({ animated });\n      });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  useChannelHandler(sdk, id, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  useEffect(() => {\n    // Only trigger once when message list mount with initial props.searchItem\n    // - Search screen + searchItem > mount message list\n    // - Reset message list + searchItem > re-mount message list\n    if (isFirstMount && props.searchItem) {\n      scrollToMessageWithCreatedAt(props.searchItem.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n    }\n  }, [isFirstMount]);\n\n  const onPressParentMessage = useFreshCallback((message: SendbirdMessage) => {\n    const canScrollToParent = scrollToMessageWithCreatedAt(message.createdAt, true, 0);\n    if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n  });\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onReplyMessage={setMessageToReply}\n      onEditMessage={setMessageToEdit}\n      onPressParentMessage={onPressParentMessage}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannel/module/moduleContext.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+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); }
@@ -25,6 +26,18 @@ const GroupChannelContexts = {
   PubSub: /*#__PURE__*/(0, _react.createContext)({
     publish: _uikitUtils.NOOP,
     subscribe: () => _uikitUtils.NOOP
+  }),
+  MessageList: /*#__PURE__*/(0, _react.createContext)({
+    flatListRef: {
+      current: null
+    },
+    scrollToMessage: () => false,
+    lazyScrollToBottom: () => {
+      // noop
+    },
+    lazyScrollToIndex: () => {
+      // noop
+    }
   })
 };
 exports.GroupChannelContexts = GroupChannelContexts;
@@ -34,7 +47,9 @@ const GroupChannelContextsProvider = _ref => {
     channel,
     enableTypingIndicator,
     keyboardAvoidOffset = 0,
-    groupChannelPubSub
+    groupChannelPubSub,
+    messages,
+    onUpdateSearchItem
   } = _ref;
   if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');
   const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelContextsProvider');
@@ -48,6 +63,15 @@ const GroupChannelContextsProvider = _ref => {
   const [typingUsers, setTypingUsers] = (0, _react.useState)([]);
   const [messageToEdit, setMessageToEdit] = (0, _react.useState)();
   const [messageToReply, setMessageToReply] = (0, _react.useState)();
+  const {
+    flatListRef,
+    lazyScrollToIndex,
+    lazyScrollToBottom,
+    scrollToMessage
+  } = useScrollActions({
+    messages,
+    onUpdateSearchItem
+  });
   const updateInputMode = (mode, message) => {
     if (mode === 'send' || !message) {
       setMessageToEdit(undefined);
@@ -71,7 +95,9 @@ const GroupChannelContextsProvider = _ref => {
     },
     onChannelFrozen(frozenChannel) {
       if (frozenChannel.url === channel.url) {
-        setMessageToReply(undefined);
+        if (frozenChannel.isGroupChannel() && (0, _uikitUtils.getGroupChannelChatAvailableState)(channel).frozen) {
+          setMessageToReply(undefined);
+        }
       }
     },
     onUserMuted(mutedChannel, user) {
@@ -96,13 +122,91 @@ const GroupChannelContextsProvider = _ref => {
       messageToReply,
       setMessageToReply: (0, _react.useCallback)(message => updateInputMode('reply', message), [])
     }
+  }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.PubSub.Provider, {
+    value: groupChannelPubSub
   }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.TypingIndicator.Provider, {
     value: {
       typingUsers
     }
-  }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.PubSub.Provider, {
-    value: groupChannelPubSub
-  }, children))));
+  }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.MessageList.Provider, {
+    value: {
+      flatListRef,
+      scrollToMessage,
+      lazyScrollToIndex,
+      lazyScrollToBottom
+    }
+  }, children)))));
 };
 exports.GroupChannelContextsProvider = GroupChannelContextsProvider;
+const useScrollActions = params => {
+  const {
+    messages,
+    onUpdateSearchItem
+  } = params;
+  const flatListRef = (0, _react.useRef)(null);
+
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToBottom = (0, _uikitUtils.useFreshCallback)(params => {
+    if (!flatListRef.current) {
+      logFlatListRefWarning();
+      return;
+    }
+    setTimeout(() => {
+      var _flatListRef$current;
+      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 ? void 0 : _flatListRef$current.scrollToOffset({
+        offset: 0,
+        animated: (params === null || params === void 0 ? void 0 : params.animated) ?? false
+      });
+    }, (params === null || params === void 0 ? void 0 : params.timeout) ?? 0);
+  });
+
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToIndex = (0, _uikitUtils.useFreshCallback)(params => {
+    if (!flatListRef.current) {
+      logFlatListRefWarning();
+      return;
+    }
+    setTimeout(() => {
+      var _flatListRef$current2;
+      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 ? void 0 : _flatListRef$current2.scrollToIndex({
+        index: (params === null || params === void 0 ? void 0 : params.index) ?? 0,
+        animated: (params === null || params === void 0 ? void 0 : params.animated) ?? false,
+        viewPosition: (params === null || params === void 0 ? void 0 : params.viewPosition) ?? 0.5
+      });
+    }, (params === null || params === void 0 ? void 0 : params.timeout) ?? 0);
+  });
+  const scrollToMessage = (0, _uikitUtils.useFreshCallback)((messageId, options) => {
+    if (!flatListRef.current) {
+      logFlatListRefWarning();
+      return false;
+    }
+    const foundMessageIndex = messages.findIndex(it => it.messageId === messageId);
+    const isIncludedInList = foundMessageIndex > -1;
+    if (isIncludedInList) {
+      if (options !== null && options !== void 0 && options.focusAnimated) {
+        setTimeout(() => onUpdateSearchItem({
+          startingPoint: messages[foundMessageIndex].createdAt
+        }), _constants.MESSAGE_FOCUS_ANIMATION_DELAY);
+      }
+      lazyScrollToIndex({
+        index: foundMessageIndex,
+        animated: true,
+        timeout: 0,
+        viewPosition: options === null || options === void 0 ? void 0 : options.viewPosition
+      });
+      return true;
+    } else {
+      return false;
+    }
+  });
+  return {
+    flatListRef,
+    lazyScrollToIndex,
+    lazyScrollToBottom,
+    scrollToMessage
+  };
+};
+const logFlatListRefWarning = () => {
+  _uikitUtils.Logger.warn('Cannot find flatListRef.current, please render FlatList and pass the flatListRef' + 'or please try again after FlatList has been rendered.');
+};
 //# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/groupChannel/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitUtils","_ProviderLayout","_interopRequireDefault","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelContexts","Fragment","createContext","headerTitle","channel","setMessageToEdit","NOOP","setMessageToReply","TypingIndicator","typingUsers","PubSub","publish","subscribe","exports","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","Error","handlerId","useUniqHandlerId","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","setTypingUsers","useState","messageToEdit","messageToReply","updateInputMode","mode","message","undefined","useChannelHandler","onMessageDeleted","_","messageId","onChannelFrozen","frozenChannel","url","onUserMuted","mutedChannel","user","_sdk$currentUser","userId","onTypingStatusUpdated","eventChannel","isDifferentChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","useCallback"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type { GroupChannelContextsType, GroupChannelModule, GroupChannelPubSubContextPayload } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n    setMessageToReply: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<GroupChannelPubSubContextPayload>),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n  groupChannelPubSub,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n  const [messageToReply, setMessageToReply] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  const updateInputMode = (mode: 'send' | 'edit' | 'reply', message?: SendbirdUserMessage | SendbirdFileMessage) => {\n    if (mode === 'send' || !message) {\n      setMessageToEdit(undefined);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'edit') {\n      setMessageToEdit(message);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'reply') {\n      setMessageToEdit(undefined);\n      setMessageToReply(message);\n      return;\n    }\n  };\n\n  useChannelHandler(sdk, handlerId, {\n    onMessageDeleted(_, messageId) {\n      if (messageToReply?.messageId === messageId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onChannelFrozen(frozenChannel) {\n      if (frozenChannel.url === channel.url) {\n        setMessageToReply(undefined);\n      }\n    },\n    onUserMuted(mutedChannel, user) {\n      if (mutedChannel.url === channel.url && user.userId === sdk.currentUser?.userId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          keyboardAvoidOffset,\n          messageToEdit,\n          setMessageToEdit: useCallback((message) => updateInputMode('edit', message), []),\n          messageToReply,\n          setMessageToReply: useCallback((message) => updateInputMode('reply', message), []),\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          <GroupChannelContexts.PubSub.Provider value={groupChannelPubSub}>\n            {children}\n          </GroupChannelContexts.PubSub.Provider>\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitUtils","_ProviderLayout","_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","GroupChannelContexts","Fragment","createContext","headerTitle","channel","setMessageToEdit","NOOP","setMessageToReply","TypingIndicator","typingUsers","PubSub","publish","subscribe","MessageList","flatListRef","current","scrollToMessage","lazyScrollToBottom","lazyScrollToIndex","exports","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","messages","onUpdateSearchItem","Error","handlerId","useUniqHandlerId","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","setTypingUsers","useState","messageToEdit","messageToReply","useScrollActions","updateInputMode","mode","message","undefined","useChannelHandler","onMessageDeleted","_","messageId","onChannelFrozen","frozenChannel","url","isGroupChannel","getGroupChannelChatAvailableState","frozen","onUserMuted","mutedChannel","user","_sdk$currentUser","userId","onTypingStatusUpdated","eventChannel","isDifferentChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","useCallback","params","useRef","useFreshCallback","logFlatListRefWarning","setTimeout","_flatListRef$current","scrollToOffset","offset","animated","timeout","_flatListRef$current2","scrollToIndex","index","viewPosition","options","foundMessageIndex","findIndex","it","isIncludedInList","focusAnimated","startingPoint","createdAt","MESSAGE_FOCUS_ANIMATION_DELAY","Logger","warn"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useRef, useState } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  ContextValue,\n  Logger,\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  getGroupChannelChatAvailableState,\n  isDifferentChannel,\n  useFreshCallback,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type { GroupChannelContextsType, GroupChannelModule, GroupChannelPubSubContextPayload } from '../types';\nimport { GroupChannelProps } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n    setMessageToReply: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<GroupChannelPubSubContextPayload>),\n  MessageList: createContext({\n    flatListRef: { current: null },\n    scrollToMessage: () => false,\n    lazyScrollToBottom: () => {\n      // noop\n    },\n    lazyScrollToIndex: () => {\n      // noop\n    },\n  } as MessageListContextValue),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n  groupChannelPubSub,\n  messages,\n  onUpdateSearchItem,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n  const [messageToReply, setMessageToReply] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  const { flatListRef, lazyScrollToIndex, lazyScrollToBottom, scrollToMessage } = useScrollActions({\n    messages,\n    onUpdateSearchItem,\n  });\n\n  const updateInputMode = (mode: 'send' | 'edit' | 'reply', message?: SendbirdUserMessage | SendbirdFileMessage) => {\n    if (mode === 'send' || !message) {\n      setMessageToEdit(undefined);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'edit') {\n      setMessageToEdit(message);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'reply') {\n      setMessageToEdit(undefined);\n      setMessageToReply(message);\n      return;\n    }\n  };\n\n  useChannelHandler(sdk, handlerId, {\n    onMessageDeleted(_, messageId) {\n      if (messageToReply?.messageId === messageId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onChannelFrozen(frozenChannel) {\n      if (frozenChannel.url === channel.url) {\n        if (frozenChannel.isGroupChannel() && getGroupChannelChatAvailableState(channel).frozen) {\n          setMessageToReply(undefined);\n        }\n      }\n    },\n    onUserMuted(mutedChannel, user) {\n      if (mutedChannel.url === channel.url && user.userId === sdk.currentUser?.userId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          keyboardAvoidOffset,\n          messageToEdit,\n          setMessageToEdit: useCallback((message) => updateInputMode('edit', message), []),\n          messageToReply,\n          setMessageToReply: useCallback((message) => updateInputMode('reply', message), []),\n        }}\n      >\n        <GroupChannelContexts.PubSub.Provider value={groupChannelPubSub}>\n          <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n            <GroupChannelContexts.MessageList.Provider\n              value={{\n                flatListRef,\n                scrollToMessage,\n                lazyScrollToIndex,\n                lazyScrollToBottom,\n              }}\n            >\n              {children}\n            </GroupChannelContexts.MessageList.Provider>\n          </GroupChannelContexts.TypingIndicator.Provider>\n        </GroupChannelContexts.PubSub.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n\ntype MessageListContextValue = ContextValue<GroupChannelContextsType['MessageList']>;\nconst useScrollActions = (params: Pick<GroupChannelProps['Provider'], 'messages' | 'onUpdateSearchItem'>) => {\n  const { messages, onUpdateSearchItem } = params;\n  const flatListRef = useRef<FlatList<SendbirdMessage>>(null);\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToBottom = useFreshCallback<MessageListContextValue['lazyScrollToIndex']>((params) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return;\n    }\n\n    setTimeout(() => {\n      flatListRef.current?.scrollToOffset({ offset: 0, animated: params?.animated ?? false });\n    }, params?.timeout ?? 0);\n  });\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToIndex = useFreshCallback<MessageListContextValue['lazyScrollToIndex']>((params) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return;\n    }\n\n    setTimeout(() => {\n      flatListRef.current?.scrollToIndex({\n        index: params?.index ?? 0,\n        animated: params?.animated ?? false,\n        viewPosition: params?.viewPosition ?? 0.5,\n      });\n    }, params?.timeout ?? 0);\n  });\n\n  const scrollToMessage = useFreshCallback<MessageListContextValue['scrollToMessage']>((messageId, options) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return false;\n    }\n\n    const foundMessageIndex = messages.findIndex((it) => it.messageId === messageId);\n    const isIncludedInList = foundMessageIndex > -1;\n\n    if (isIncludedInList) {\n      if (options?.focusAnimated) {\n        setTimeout(\n          () => onUpdateSearchItem({ startingPoint: messages[foundMessageIndex].createdAt }),\n          MESSAGE_FOCUS_ANIMATION_DELAY,\n        );\n      }\n      lazyScrollToIndex({\n        index: foundMessageIndex,\n        animated: true,\n        timeout: 0,\n        viewPosition: options?.viewPosition,\n      });\n      return true;\n    } else {\n      return false;\n    }\n  });\n\n  return {\n    flatListRef,\n    lazyScrollToIndex,\n    lazyScrollToBottom,\n    scrollToMessage,\n  };\n};\n\nconst logFlatListRefWarning = () => {\n  Logger.warn(\n    'Cannot find flatListRef.current, please render FlatList and pass the flatListRef' +\n      'or please try again after FlatList has been rendered.',\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAeA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA6E,SAAAI,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAKtE,MAAMW,oBAA8C,GAAG;EAC5DC,QAAQ,eAAE,IAAAC,oBAAa,EAAC;IACtBC,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC,CAAyB;IACnCC,gBAAgB,EAAEC,gBAAI;IACtBC,iBAAiB,EAAED;EACrB,CAAC,CAAC;EACFE,eAAe,eAAE,IAAAN,oBAAa,EAAC;IAC7BO,WAAW,EAAE;EACf,CAAC,CAAC;EACFC,MAAM,eAAE,IAAAR,oBAAa,EAAC;IACpBS,OAAO,EAAEL,gBAAI;IACbM,SAAS,EAAEA,CAAA,KAAMN;EACnB,CAAC,CAA6C;EAC9CO,WAAW,eAAE,IAAAX,oBAAa,EAAC;IACzBY,WAAW,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;IAC9BC,eAAe,EAAEA,CAAA,KAAM,KAAK;IAC5BC,kBAAkB,EAAEA,CAAA,KAAM;MACxB;IAAA,CACD;IACDC,iBAAiB,EAAEA,CAAA,KAAM;MACvB;IAAA;EAEJ,CAAC;AACH,CAAC;AAACC,OAAA,CAAAnB,oBAAA,GAAAA,oBAAA;AAEK,MAAMoB,4BAA4D,GAAGC,IAAA,IAQtE;EAAA,IARuE;IAC3EC,QAAQ;IACRlB,OAAO;IACPmB,qBAAqB;IACrBC,mBAAmB,GAAG,CAAC;IACvBC,kBAAkB;IAClBC,QAAQ;IACRC;EACF,CAAC,GAAAN,IAAA;EACC,IAAI,CAACjB,OAAO,EAAE,MAAM,IAAIwB,KAAK,CAAC,oDAAoD,CAAC;EAEnF,MAAMC,SAAS,GAAG,IAAAC,4BAAgB,EAAC,8BAA8B,CAAC;EAClE,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC,WAAW;IAAEC;EAAI,CAAC,GAAG,IAAAC,2BAAe,GAAE;EAE9C,MAAM,CAAC1B,WAAW,EAAE2B,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAiB,EAAE,CAAC;EAClE,MAAM,CAACC,aAAa,EAAEjC,gBAAgB,CAAC,GAAG,IAAAgC,eAAQ,GAA6C;EAC/F,MAAM,CAACE,cAAc,EAAEhC,iBAAiB,CAAC,GAAG,IAAA8B,eAAQ,GAA6C;EAEjG,MAAM;IAAEvB,WAAW;IAAEI,iBAAiB;IAAED,kBAAkB;IAAED;EAAgB,CAAC,GAAGwB,gBAAgB,CAAC;IAC/Fd,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAMc,eAAe,GAAGA,CAACC,IAA+B,EAAEC,OAAmD,KAAK;IAChH,IAAID,IAAI,KAAK,MAAM,IAAI,CAACC,OAAO,EAAE;MAC/BtC,gBAAgB,CAACuC,SAAS,CAAC;MAC3BrC,iBAAiB,CAACqC,SAAS,CAAC;MAC5B;IACF,CAAC,MAAM,IAAIF,IAAI,KAAK,MAAM,EAAE;MAC1BrC,gBAAgB,CAACsC,OAAO,CAAC;MACzBpC,iBAAiB,CAACqC,SAAS,CAAC;MAC5B;IACF,CAAC,MAAM,IAAIF,IAAI,KAAK,OAAO,EAAE;MAC3BrC,gBAAgB,CAACuC,SAAS,CAAC;MAC3BrC,iBAAiB,CAACoC,OAAO,CAAC;MAC1B;IACF;EACF,CAAC;EAED,IAAAE,iCAAiB,EAACX,GAAG,EAAEL,SAAS,EAAE;IAChCiB,gBAAgBA,CAACC,CAAC,EAAEC,SAAS,EAAE;MAC7B,IAAI,CAAAT,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAES,SAAS,MAAKA,SAAS,EAAE;QAC3CzC,iBAAiB,CAACqC,SAAS,CAAC;MAC9B;IACF,CAAC;IACDK,eAAeA,CAACC,aAAa,EAAE;MAC7B,IAAIA,aAAa,CAACC,GAAG,KAAK/C,OAAO,CAAC+C,GAAG,EAAE;QACrC,IAAID,aAAa,CAACE,cAAc,EAAE,IAAI,IAAAC,6CAAiC,EAACjD,OAAO,CAAC,CAACkD,MAAM,EAAE;UACvF/C,iBAAiB,CAACqC,SAAS,CAAC;QAC9B;MACF;IACF,CAAC;IACDW,WAAWA,CAACC,YAAY,EAAEC,IAAI,EAAE;MAAA,IAAAC,gBAAA;MAC9B,IAAIF,YAAY,CAACL,GAAG,KAAK/C,OAAO,CAAC+C,GAAG,IAAIM,IAAI,CAACE,MAAM,OAAAD,gBAAA,GAAKxB,GAAG,CAACD,WAAW,cAAAyB,gBAAA,uBAAfA,gBAAA,CAAiBC,MAAM,GAAE;QAC/EpD,iBAAiB,CAACqC,SAAS,CAAC;MAC9B;IACF,CAAC;IACDgB,qBAAqBA,CAACC,YAAY,EAAE;MAClC,IAAI,IAAAC,8BAAkB,EAAC1D,OAAO,EAAEyD,YAAY,CAAC,EAAE;MAC/C,IAAI,CAACtC,qBAAqB,EAAE;MAC5Ba,cAAc,CAACyB,YAAY,CAACE,cAAc,EAAE,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,oBACE9F,MAAA,CAAAW,OAAA,CAAAoF,aAAA,CAAC1F,eAAA,CAAAM,OAAc,qBACbX,MAAA,CAAAW,OAAA,CAAAoF,aAAA,CAAChE,oBAAoB,CAACC,QAAQ,CAACgE,QAAQ;IACrCC,KAAK,EAAE;MACL/D,WAAW,EAAE4B,OAAO,CAACoC,aAAa,CAACC,YAAY,CAAC,CAAAnC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE0B,MAAM,KAAI,EAAE,EAAEvD,OAAO,CAAC;MACnFA,OAAO;MACPoB,mBAAmB;MACnBc,aAAa;MACbjC,gBAAgB,EAAE,IAAAgE,kBAAW,EAAE1B,OAAO,IAAKF,eAAe,CAAC,MAAM,EAAEE,OAAO,CAAC,EAAE,EAAE,CAAC;MAChFJ,cAAc;MACdhC,iBAAiB,EAAE,IAAA8D,kBAAW,EAAE1B,OAAO,IAAKF,eAAe,CAAC,OAAO,EAAEE,OAAO,CAAC,EAAE,EAAE;IACnF;EAAE,gBAEF1E,MAAA,CAAAW,OAAA,CAAAoF,aAAA,CAAChE,oBAAoB,CAACU,MAAM,CAACuD,QAAQ;IAACC,KAAK,EAAEzC;EAAmB,gBAC9DxD,MAAA,CAAAW,OAAA,CAAAoF,aAAA,CAAChE,oBAAoB,CAACQ,eAAe,CAACyD,QAAQ;IAACC,KAAK,EAAE;MAAEzD;IAAY;EAAE,gBACpExC,MAAA,CAAAW,OAAA,CAAAoF,aAAA,CAAChE,oBAAoB,CAACa,WAAW,CAACoD,QAAQ;IACxCC,KAAK,EAAE;MACLpD,WAAW;MACXE,eAAe;MACfE,iBAAiB;MACjBD;IACF;EAAE,GAEDK,QAAQ,CACiC,CACE,CACX,CACA,CAC1B;AAErB,CAAC;AAACH,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAGF,MAAMoB,gBAAgB,GAAI8B,MAA8E,IAAK;EAC3G,MAAM;IAAE5C,QAAQ;IAAEC;EAAmB,CAAC,GAAG2C,MAAM;EAC/C,MAAMxD,WAAW,GAAG,IAAAyD,aAAM,EAA4B,IAAI,CAAC;;EAE3D;EACA,MAAMtD,kBAAkB,GAAG,IAAAuD,4BAAgB,EAAgDF,MAAM,IAAK;IACpG,IAAI,CAACxD,WAAW,CAACC,OAAO,EAAE;MACxB0D,qBAAqB,EAAE;MACvB;IACF;IAEAC,UAAU,CAAC,MAAM;MAAA,IAAAC,oBAAA;MACf,CAAAA,oBAAA,GAAA7D,WAAW,CAACC,OAAO,cAAA4D,oBAAA,uBAAnBA,oBAAA,CAAqBC,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAAR,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,QAAQ,KAAI;MAAM,CAAC,CAAC;IACzF,CAAC,EAAE,CAAAR,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAES,OAAO,KAAI,CAAC,CAAC;EAC1B,CAAC,CAAC;;EAEF;EACA,MAAM7D,iBAAiB,GAAG,IAAAsD,4BAAgB,EAAgDF,MAAM,IAAK;IACnG,IAAI,CAACxD,WAAW,CAACC,OAAO,EAAE;MACxB0D,qBAAqB,EAAE;MACvB;IACF;IAEAC,UAAU,CAAC,MAAM;MAAA,IAAAM,qBAAA;MACf,CAAAA,qBAAA,GAAAlE,WAAW,CAACC,OAAO,cAAAiE,qBAAA,uBAAnBA,qBAAA,CAAqBC,aAAa,CAAC;QACjCC,KAAK,EAAE,CAAAZ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEY,KAAK,KAAI,CAAC;QACzBJ,QAAQ,EAAE,CAAAR,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,QAAQ,KAAI,KAAK;QACnCK,YAAY,EAAE,CAAAb,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEa,YAAY,KAAI;MACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAAb,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAES,OAAO,KAAI,CAAC,CAAC;EAC1B,CAAC,CAAC;EAEF,MAAM/D,eAAe,GAAG,IAAAwD,4BAAgB,EAA6C,CAACxB,SAAS,EAAEoC,OAAO,KAAK;IAC3G,IAAI,CAACtE,WAAW,CAACC,OAAO,EAAE;MACxB0D,qBAAqB,EAAE;MACvB,OAAO,KAAK;IACd;IAEA,MAAMY,iBAAiB,GAAG3D,QAAQ,CAAC4D,SAAS,CAAEC,EAAE,IAAKA,EAAE,CAACvC,SAAS,KAAKA,SAAS,CAAC;IAChF,MAAMwC,gBAAgB,GAAGH,iBAAiB,GAAG,CAAC,CAAC;IAE/C,IAAIG,gBAAgB,EAAE;MACpB,IAAIJ,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEK,aAAa,EAAE;QAC1Bf,UAAU,CACR,MAAM/C,kBAAkB,CAAC;UAAE+D,aAAa,EAAEhE,QAAQ,CAAC2D,iBAAiB,CAAC,CAACM;QAAU,CAAC,CAAC,EAClFC,wCAA6B,CAC9B;MACH;MACA1E,iBAAiB,CAAC;QAChBgE,KAAK,EAAEG,iBAAiB;QACxBP,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE,CAAC;QACVI,YAAY,EAAEC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAED;MACzB,CAAC,CAAC;MACF,OAAO,IAAI;IACb,CAAC,MAAM;MACL,OAAO,KAAK;IACd;EACF,CAAC,CAAC;EAEF,OAAO;IACLrE,WAAW;IACXI,iBAAiB;IACjBD,kBAAkB;IAClBD;EACF,CAAC;AACH,CAAC;AAED,MAAMyD,qBAAqB,GAAGA,CAAA,KAAM;EAClCoB,kBAAM,CAACC,IAAI,CACT,kFAAkF,GAChF,uDAAuD,CAC1D;AACH,CAAC"}

package/lib/commonjs/domain/groupChannel/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  OnBeforeHandler,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n\n    searchItem?: GroupChannelProps['MessageList']['searchItem'];\n  };\n  Header: {\n    shouldHideRight: () => boolean;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: Pick<\n    ChannelMessageListProps<SendbirdGroupChannel>,\n    | 'enableMessageGrouping'\n    | 'currentUserId'\n    | 'channel'\n    | 'messages'\n    | 'newMessages'\n    | 'scrolledAwayFromBottom'\n    | 'onScrolledAwayFromBottom'\n    | 'onTopReached'\n    | 'onBottomReached'\n    | 'onResendFailedMessage'\n    | 'onDeleteMessage'\n    | 'onPressMediaMessage'\n    | 'renderMessage'\n    | 'renderNewMessagesButton'\n    | 'renderScrollToBottomButton'\n    | 'flatListProps'\n    | 'hasNext'\n    | 'searchItem'\n  > & {\n    onResetMessageList: (callback?: () => void) => void;\n    onResetMessageListWithStartingPoint: (startingPoint: number, callback?: () => void) => void;\n\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n  };\n  Input: Pick<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n    | 'SuggestedMentionList'\n    | 'AttachmentsButton'\n  >;\n\n  SuggestedMentionList: SuggestedMentionListProps;\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n    groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    keyboardAvoidOffset?: number;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    messageToReply?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToReply: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n  PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n\nexport type GroupChannelPubSubContextPayload =\n  | {\n      type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';\n      data: {\n        message: SendbirdUserMessage | SendbirdFileMessage;\n      };\n    }\n  | {\n      type: 'MESSAGES_RECEIVED' | 'MESSAGES_UPDATED';\n      data: {\n        messages: SendbirdMessage[];\n      };\n    };\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatList } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  OnBeforeHandler,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n\n    searchItem?: GroupChannelProps['MessageList']['searchItem'];\n  };\n  Header: {\n    shouldHideRight: () => boolean;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: Pick<\n    ChannelMessageListProps<SendbirdGroupChannel>,\n    | 'enableMessageGrouping'\n    | 'currentUserId'\n    | 'channel'\n    | 'messages'\n    | 'newMessages'\n    | 'scrolledAwayFromBottom'\n    | 'onScrolledAwayFromBottom'\n    | 'onTopReached'\n    | 'onBottomReached'\n    | 'onResendFailedMessage'\n    | 'onDeleteMessage'\n    | 'onPressMediaMessage'\n    | 'renderMessage'\n    | 'renderNewMessagesButton'\n    | 'renderScrollToBottomButton'\n    | 'flatListProps'\n    | 'hasNext'\n    | 'searchItem'\n  > & {\n    onResetMessageList: (callback?: () => void) => void;\n    onResetMessageListWithStartingPoint: (startingPoint: number, callback?: () => void) => void;\n\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n  };\n  Input: Pick<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n    | 'SuggestedMentionList'\n    | 'AttachmentsButton'\n  >;\n\n  SuggestedMentionList: SuggestedMentionListProps;\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n    groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;\n\n    messages: SendbirdMessage[];\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    keyboardAvoidOffset?: number;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    messageToReply?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToReply: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n  PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;\n  MessageList: React.Context<{\n    /**\n     * ref object for FlatList of MessageList\n     * */\n    flatListRef: React.MutableRefObject<FlatList | null>;\n    /**\n     * Function that scrolls to a message within a group channel.\n     * @param messageId {number} - The id of the message to scroll.\n     * @param options {object} - Scroll options (optional).\n     * @param options.focusAnimated {boolean} - Enable a shake animation on the message component upon completion of scrolling.\n     * @param options.viewPosition {number} - Position information to adjust the visible area during scrolling. bottom(0) ~ top(1.0)\n     *\n     * @example\n     * ```\n     *   const { scrollToMessage } = useContext(GroupChannelContexts.MessageList);\n     *   const messageIncludedInMessageList = scrollToMessage(lastMessage.messageId, { focusAnimated: true, viewPosition: 1 });\n     *   if (!messageIncludedInMessageList) console.warn('Message not found in the message list.');\n     * ```\n     * */\n    scrollToMessage: (messageId: number, options?: { focusAnimated?: boolean; viewPosition?: number }) => boolean;\n    /**\n     * Call the FlatList function asynchronously to scroll to bottom lazily\n     * to avoid scrolling before data rendering has been committed.\n     * */\n    lazyScrollToBottom: (params?: { animated?: boolean; timeout?: number }) => void;\n    /**\n     * Call the FlatList function asynchronously to scroll to index lazily.\n     * to avoid scrolling before data rendering has been committed.\n     * */\n    lazyScrollToIndex: (params?: {\n      index?: number;\n      animated?: boolean;\n      timeout?: number;\n      viewPosition?: number;\n    }) => void;\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n\nexport type GroupChannelPubSubContextPayload =\n  | {\n      type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';\n      data: {\n        message: SendbirdUserMessage | SendbirdFileMessage;\n      };\n    }\n  | {\n      type: 'MESSAGES_RECEIVED' | 'MESSAGES_UPDATED';\n      data: {\n        messages: SendbirdMessage[];\n      };\n    }\n  | {\n      type: 'TYPING_BUBBLE_RENDERED';\n      data?: undefined;\n    };\n"],"mappings":""}