@sendbird/uikit-react-native 3.1.2 → 3.3.0

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

@@ -2,7 +2,8 @@ import React, { useContext } from 'react';
 import { View } from 'react-native';
 import { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
 import ChannelCover from '../../../components/ChannelCover';
-import { useLocalization } from '../../../hooks/useContext';
+import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+import { TypingIndicatorType } from '../../../types';
 import { GroupChannelContexts } from '../module/moduleContext';
 const GroupChannelHeader = _ref => {
   let {
@@ -10,6 +11,9 @@ const GroupChannelHeader = _ref => {
     onPressHeaderLeft,
     onPressHeaderRight
   } = _ref;
+  const {
+    sbOptions
+  } = useSendbirdChat();
   const {
     headerTitle,
     channel
@@ -23,7 +27,15 @@ const GroupChannelHeader = _ref => {
   const {
     HeaderComponent
   } = 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(TypingIndicatorType.Text)) return null;
+    return /*#__PURE__*/React.createElement(Header.Subtitle, {
+      style: styles.subtitle
+    }, subtitle);
+  };
   const isHidden = shouldHideRight();
   return /*#__PURE__*/React.createElement(HeaderComponent, {
     clearTitleMargin: true,
@@ -39,9 +51,7 @@ const GroupChannelHeader = _ref => {
       }
     }, /*#__PURE__*/React.createElement(Header.Title, {
       h2: true
-    }, headerTitle), Boolean(subtitle) && subtitle && /*#__PURE__*/React.createElement(Header.Subtitle, {
-      style: styles.subtitle
-    }, subtitle))),
+    }, headerTitle), renderSubtitle())),
     left: /*#__PURE__*/React.createElement(Icon, {
       icon: 'arrow-left'
     }),

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","Header","Icon","createStyleSheet","useHeaderStyle","ChannelCover","useLocalization","GroupChannelContexts","GroupChannelHeader","_ref","shouldHideRight","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","Fragment","typingUsers","TypingIndicator","STRINGS","HeaderComponent","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","isHidden","createElement","clearTitleMargin","title","style","styles","titleContainer","size","containerStyle","avatarGroup","flexShrink","Title","h2","Boolean","Subtitle","left","icon","onPressLeft","right","onPressRight","undefined","maxWidth","flexDirection","alignItems","marginRight","marginTop"],"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":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,cAAc,QAAQ,yCAAyC;AAExG,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,kBAAkB,GAAGC,IAAA,IAIQ;EAAA,IAJP;IAC1BC,eAAe;IACfC,iBAAiB;IACjBC;EAC2B,CAAC,GAAAH,IAAA;EAC5B,MAAM;IAAEI,WAAW;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACQ,oBAAoB,CAACQ,QAAQ,CAAC;EAC1E,MAAM;IAAEC;EAAY,CAAC,GAAGjB,UAAU,CAACQ,oBAAoB,CAACU,eAAe,CAAC;EACxE,MAAM;IAAEC;EAAQ,CAAC,GAAGZ,eAAe,EAAE;EACrC,MAAM;IAAEa;EAAgB,CAAC,GAAGf,cAAc,EAAE;EAC5C,MAAMgB,QAAQ,GAAGF,OAAO,CAACG,MAAM,CAACC,wBAAwB,CAACN,WAAW,CAAC;EAErE,MAAMO,QAAQ,GAAGb,eAAe,EAAE;EAElC,oBACEZ,KAAA,CAAA0B,aAAA,CAACL,eAAe;IACdM,gBAAgB;IAChBC,KAAK,eACH5B,KAAA,CAAA0B,aAAA,CAACxB,IAAI;MAAC2B,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjC/B,KAAA,CAAA0B,aAAA,CAACnB,YAAY;MAACS,OAAO,EAAEA,OAAQ;MAACgB,IAAI,EAAE,EAAG;MAACC,cAAc,EAAEH,MAAM,CAACI;IAAY,EAAG,eAChFlC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;MAAC2B,KAAK,EAAE;QAAEM,UAAU,EAAE;MAAE;IAAE,gBAC7BnC,KAAA,CAAA0B,aAAA,CAACvB,MAAM,CAACiC,KAAK;MAACC,EAAE;IAAA,GAAEtB,WAAW,CAAgB,EAC5CuB,OAAO,CAAChB,QAAQ,CAAC,IAAIA,QAAQ,iBAAItB,KAAA,CAAA0B,aAAA,CAACvB,MAAM,CAACoC,QAAQ;MAACV,KAAK,EAAEC,MAAM,CAACR;IAAS,GAAEA,QAAQ,CAAmB,CAClG,CAEV;IACDkB,IAAI,eAAExC,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAACqC,IAAI,EAAE;IAAa,EAAI;IACnCC,WAAW,EAAE7B,iBAAkB;IAC/B8B,KAAK,EAAElB,QAAQ,GAAG,IAAI,gBAAGzB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAACqC,IAAI,EAAE;IAAO,EAAI;IAChDG,YAAY,EAAEnB,QAAQ,GAAGoB,SAAS,GAAG/B;EAAmB,EACxD;AAEN,CAAC;AAED,MAAMgB,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,cAAc,EAAE;IACde,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDd,WAAW,EAAE;IACXe,WAAW,EAAE;EACf,CAAC;EACD3B,QAAQ,EAAE;IACR4B,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAexC,kBAAkB"}
+{"version":3,"names":["React","useContext","View","Header","Icon","createStyleSheet","useHeaderStyle","ChannelCover","useLocalization","useSendbirdChat","TypingIndicatorType","GroupChannelContexts","GroupChannelHeader","_ref","shouldHideRight","onPressHeaderLeft","onPressHeaderRight","sbOptions","headerTitle","channel","Fragment","typingUsers","TypingIndicator","STRINGS","HeaderComponent","renderSubtitle","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","uikit","groupChannel","enableTypingIndicator","typingIndicatorTypes","has","Text","createElement","Subtitle","style","styles","isHidden","clearTitleMargin","title","titleContainer","size","containerStyle","avatarGroup","flexShrink","Title","h2","left","icon","onPressLeft","right","onPressRight","undefined","maxWidth","flexDirection","alignItems","marginRight","marginTop"],"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/module/domain/groupChannel/component/GroupChannelMessageList.js

@@ -1,5 +1,5 @@
 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); }
-import React, { useContext, useEffect, useRef } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
 import { useToast } from '@sendbird/uikit-react-native-foundation';
 import { isDifferentChannel, useFreshCallback, useIsFirstMount, useUniqHandlerId } from '@sendbird/uikit-utils';
@@ -22,39 +22,14 @@ const GroupChannelMessageList = props => {
   const {
     subscribe
   } = useContext(GroupChannelContexts.PubSub);
+  const {
+    flatListRef,
+    lazyScrollToBottom,
+    lazyScrollToIndex
+  } = useContext(GroupChannelContexts.MessageList);
   const id = useUniqHandlerId('GroupChannelMessageList');
-  const ref = useRef(null);
   const isFirstMount = 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 = useFreshCallback(function (createdAt) {
-    let focusAnimated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const scrollToMessageWithCreatedAt = useFreshCallback((createdAt, focusAnimated, timeout) => {
     const foundMessageIndex = props.messages.findIndex(it => it.createdAt === createdAt);
     const isIncludedInList = foundMessageIndex > -1;
     if (isIncludedInList) {
@@ -63,7 +38,11 @@ const GroupChannelMessageList = props => {
           startingPoint: createdAt
         }), MESSAGE_FOCUS_ANIMATION_DELAY);
       }
-      lazyScrollToIndex(foundMessageIndex, true, isFirstMount ? MESSAGE_SEARCH_SAFE_SCROLL_DELAY : 0);
+      lazyScrollToIndex({
+        index: foundMessageIndex,
+        animated: true,
+        timeout
+      });
     } else {
       if (props.channel.messageOffsetTimestamp <= createdAt) {
         if (focusAnimated) props.onUpdateSearchItem({
@@ -83,10 +62,14 @@ const GroupChannelMessageList = props => {
       props.onScrolledAwayFromBottom(false);
       props.onResetMessageList(() => {
         props.onScrolledAwayFromBottom(false);
-        lazyScrollToBottom(animated);
+        lazyScrollToBottom({
+          animated
+        });
       });
     } else {
-      lazyScrollToBottom(animated);
+      lazyScrollToBottom({
+        animated
+      });
     }
   });
   useChannelHandler(sdk, id, {
@@ -96,7 +79,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
+        });
       }
     }
   });
@@ -106,6 +92,7 @@ const GroupChannelMessageList = props => {
         type
       } = _ref;
       switch (type) {
+        case 'TYPING_BUBBLE_RENDERED':
         case 'MESSAGES_RECEIVED':
           {
             if (!props.scrolledAwayFromBottom) {
@@ -122,21 +109,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
   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, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);
     }
   }, [isFirstMount]);
   const onPressParentMessage = 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.createElement(ChannelMessageList, _extends({}, props, {
-    ref: ref,
+    ref: flatListRef,
     onReplyMessage: setMessageToReply,
     onEditMessage: setMessageToEdit,
     onPressParentMessage: onPressParentMessage,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useRef","useChannelHandler","useToast","isDifferentChannel","useFreshCallback","useIsFirstMount","useUniqHandlerId","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","setMessageToEdit","setMessageToReply","Fragment","subscribe","PubSub","id","ref","isFirstMount","lazyScrollToBottom","animated","arguments","length","undefined","timeout","setTimeout","_ref$current","current","scrollToOffset","offset","lazyScrollToIndex","index","_ref$current2","scrollToIndex","viewPosition","scrollToMessage","createdAt","focusAnimated","foundMessageIndex","messages","findIndex","it","isIncludedInList","onUpdateSearchItem","startingPoint","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","scrollToBottom","hasNext","onScrolledAwayFromBottom","onResetMessageList","onReactionUpdated","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","searchItem","onPressParentMessage","message","canScrollToParent","show","TOAST","FIND_PARENT_MSG_ERROR","createElement","_extends","onReplyMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","memo"],"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":"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"}
+{"version":3,"names":["React","useContext","useEffect","useChannelHandler","useToast","isDifferentChannel","useFreshCallback","useIsFirstMount","useUniqHandlerId","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","setMessageToEdit","setMessageToReply","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","MessageList","id","isFirstMount","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessageIndex","messages","findIndex","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","index","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","scrollToBottom","arguments","length","undefined","hasNext","onScrolledAwayFromBottom","onResetMessageList","onReactionUpdated","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","searchItem","onPressParentMessage","message","canScrollToParent","show","TOAST","FIND_PARENT_MSG_ERROR","createElement","_extends","ref","onReplyMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","memo"],"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/module/domain/groupChannel/module/moduleContext.js

@@ -1,7 +1,8 @@
-import React, { createContext, useCallback, useState } from 'react';
+import React, { createContext, useCallback, useRef, useState } from 'react';
 import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
-import { NOOP, isDifferentChannel, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { Logger, NOOP, getGroupChannelChatAvailableState, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import ProviderLayout from '../../../components/ProviderLayout';
+import { MESSAGE_FOCUS_ANIMATION_DELAY } from '../../../constants';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 export const GroupChannelContexts = {
   Fragment: /*#__PURE__*/createContext({
@@ -16,6 +17,18 @@ export const GroupChannelContexts = {
   PubSub: /*#__PURE__*/createContext({
     publish: NOOP,
     subscribe: () => NOOP
+  }),
+  MessageList: /*#__PURE__*/createContext({
+    flatListRef: {
+      current: null
+    },
+    scrollToMessage: () => false,
+    lazyScrollToBottom: () => {
+      // noop
+    },
+    lazyScrollToIndex: () => {
+      // noop
+    }
   })
 };
 export const GroupChannelContextsProvider = _ref => {
@@ -24,7 +37,9 @@ export 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 = useUniqHandlerId('GroupChannelContextsProvider');
@@ -38,6 +53,15 @@ export const GroupChannelContextsProvider = _ref => {
   const [typingUsers, setTypingUsers] = useState([]);
   const [messageToEdit, setMessageToEdit] = useState();
   const [messageToReply, setMessageToReply] = useState();
+  const {
+    flatListRef,
+    lazyScrollToIndex,
+    lazyScrollToBottom,
+    scrollToMessage
+  } = useScrollActions({
+    messages,
+    onUpdateSearchItem
+  });
   const updateInputMode = (mode, message) => {
     if (mode === 'send' || !message) {
       setMessageToEdit(undefined);
@@ -61,7 +85,9 @@ export const GroupChannelContextsProvider = _ref => {
     },
     onChannelFrozen(frozenChannel) {
       if (frozenChannel.url === channel.url) {
-        setMessageToReply(undefined);
+        if (frozenChannel.isGroupChannel() && getGroupChannelChatAvailableState(channel).frozen) {
+          setMessageToReply(undefined);
+        }
       }
     },
     onUserMuted(mutedChannel, user) {
@@ -86,12 +112,90 @@ export const GroupChannelContextsProvider = _ref => {
       messageToReply,
       setMessageToReply: useCallback(message => updateInputMode('reply', message), [])
     }
+  }, /*#__PURE__*/React.createElement(GroupChannelContexts.PubSub.Provider, {
+    value: groupChannelPubSub
   }, /*#__PURE__*/React.createElement(GroupChannelContexts.TypingIndicator.Provider, {
     value: {
       typingUsers
     }
-  }, /*#__PURE__*/React.createElement(GroupChannelContexts.PubSub.Provider, {
-    value: groupChannelPubSub
-  }, children))));
+  }, /*#__PURE__*/React.createElement(GroupChannelContexts.MessageList.Provider, {
+    value: {
+      flatListRef,
+      scrollToMessage,
+      lazyScrollToIndex,
+      lazyScrollToBottom
+    }
+  }, children)))));
+};
+const useScrollActions = params => {
+  const {
+    messages,
+    onUpdateSearchItem
+  } = params;
+  const flatListRef = useRef(null);
+
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToBottom = 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 = 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 = 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
+        }), 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 = () => {
+  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/module/domain/groupChannel/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqHandlerId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","setMessageToReply","TypingIndicator","typingUsers","PubSub","publish","subscribe","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","Error","handlerId","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","messageToReply","updateInputMode","mode","message","undefined","onMessageDeleted","_","messageId","onChannelFrozen","frozenChannel","url","onUserMuted","mutedChannel","user","_sdk$currentUser","userId","onTypingStatusUpdated","eventChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE"],"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","createContext","useCallback","useRef","useState","useChannelHandler","Logger","NOOP","getGroupChannelChatAvailableState","isDifferentChannel","useFreshCallback","useUniqHandlerId","ProviderLayout","MESSAGE_FOCUS_ANIMATION_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","setMessageToReply","TypingIndicator","typingUsers","PubSub","publish","subscribe","MessageList","flatListRef","current","scrollToMessage","lazyScrollToBottom","lazyScrollToIndex","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","messages","onUpdateSearchItem","Error","handlerId","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","messageToReply","useScrollActions","updateInputMode","mode","message","undefined","onMessageDeleted","_","messageId","onChannelFrozen","frozenChannel","url","isGroupChannel","frozen","onUserMuted","mutedChannel","user","_sdk$currentUser","userId","onTypingStatusUpdated","eventChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","params","logFlatListRefWarning","setTimeout","_flatListRef$current","scrollToOffset","offset","animated","timeout","_flatListRef$current2","scrollToIndex","index","viewPosition","options","foundMessageIndex","findIndex","it","isIncludedInList","focusAnimated","startingPoint","createdAt","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":"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"}

package/lib/module/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":""}

package/lib/module/domain/userList/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface UserListProps<User> {\n  /** Props for `UserListModule.Header` **/\n  Header: {\n    right?: React.ReactElement;\n    left?: React.ReactElement;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (selectedUsers: User[]) => Promise<void>;\n    shouldActivateHeaderRight?: (selectedUsers: User[]) => boolean;\n  };\n  /** Props for `UserListModule.List` **/\n  List: {\n    /** User list from SendbirdChat SDK or Custom query {@link Fragment.queryCreator} **/\n    users: User[];\n    /** Render user component **/\n    renderUser: (\n      user: User,\n      selectedUsers: ContextValue<UserListContextsType<User>['List']>['selectedUsers'],\n      setSelectedUsers: ContextValue<UserListContextsType<User>['List']>['setSelectedUsers'],\n    ) => React.ReactElement | null;\n    /** Load next user list **/\n    onLoadNext: () => Promise<void>;\n    /** Refresh user list **/\n    onRefresh?: () => Promise<void>;\n    /** Refreshing state **/\n    refreshing?: boolean;\n    /** List empty component **/\n    ListEmptyComponent?: React.ReactElement;\n  };\n  /** Props for `UserListModule.Provider` **/\n  Provider: {\n    headerTitle: string;\n    headerRight: (selectedUsers: Array<User>) => string;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n}\n\n/**\n * Internal context for UserList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface UserListContextsType<User> {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n  List: React.Context<{\n    selectedUsers: User[];\n    setSelectedUsers: React.Dispatch<React.SetStateAction<User[]>>;\n  }>;\n}\n\nexport interface UserListModule<User> {\n  Provider: CommonComponent<UserListProps<User>['Provider']>;\n  Header: CommonComponent<UserListProps<User>['Header']>;\n  List: CommonComponent<UserListProps<User>['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<UserListProps<User>['StatusError']>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface UserListProps<User> {\n  /** Props for `UserListModule.Header` **/\n  Header: {\n    right?: React.ReactNode;\n    left?: React.ReactNode;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (selectedUsers: User[]) => Promise<void>;\n    shouldActivateHeaderRight?: (selectedUsers: User[]) => boolean;\n  };\n  /** Props for `UserListModule.List` **/\n  List: {\n    /** User list from SendbirdChat SDK or Custom query {@link Fragment.queryCreator} **/\n    users: User[];\n    /** Render user component **/\n    renderUser: (\n      user: User,\n      selectedUsers: ContextValue<UserListContextsType<User>['List']>['selectedUsers'],\n      setSelectedUsers: ContextValue<UserListContextsType<User>['List']>['setSelectedUsers'],\n    ) => React.ReactElement | null;\n    /** Load next user list **/\n    onLoadNext: () => Promise<void>;\n    /** Refresh user list **/\n    onRefresh?: () => Promise<void>;\n    /** Refreshing state **/\n    refreshing?: boolean;\n    /** List empty component **/\n    ListEmptyComponent?: React.ReactElement;\n  };\n  /** Props for `UserListModule.Provider` **/\n  Provider: {\n    headerTitle: string;\n    headerRight: (selectedUsers: Array<User>) => string;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n}\n\n/**\n * Internal context for UserList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface UserListContextsType<User> {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n  List: React.Context<{\n    selectedUsers: User[];\n    setSelectedUsers: React.Dispatch<React.SetStateAction<User[]>>;\n  }>;\n}\n\nexport interface UserListModule<User> {\n  Provider: CommonComponent<UserListProps<User>['Provider']>;\n  Header: CommonComponent<UserListProps<User>['Header']>;\n  List: CommonComponent<UserListProps<User>['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<UserListProps<User>['StatusError']>;\n}\n"],"mappings":""}

package/lib/module/fragments/createGroupChannelFragment.js

@@ -1,13 +1,14 @@
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { ReplyType } from '@sendbird/chat/message';
 import { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';
+import { Box } from '@sendbird/uikit-react-native-foundation';
 import { NOOP, PASS, messageComparator, useFreshCallback, useIIFE, useRefTracker } from '@sendbird/uikit-utils';
-import GroupChannelMessageRenderer from '../components/GroupChannelMessageRenderer';
+import GroupChannelMessageRenderer, { GroupChannelTypingIndicatorBubble } from '../components/GroupChannelMessageRenderer';
 import NewMessagesButton from '../components/NewMessagesButton';
 import ScrollToBottomButton from '../components/ScrollToBottomButton';
 import StatusComposition from '../components/StatusComposition';
 import createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';
-import { useSendbirdChat } from '../hooks/useContext';
+import { usePlatformService, useSendbirdChat } from '../hooks/useContext';
 import pubsub from '../utils/pubsub';
 const createGroupChannelFragment = initModule => {
   const GroupChannelModule = createGroupChannelModule(initModule);
@@ -33,6 +34,10 @@ const createGroupChannelFragment = initModule => {
       sortComparator = messageComparator,
       flatListProps
     } = _ref;
+    const {
+      playerService,
+      recorderService
+    } = usePlatformService();
     const {
       sdk,
       currentUser,
@@ -86,9 +91,29 @@ const createGroupChannelFragment = initModule => {
       startingPoint: internalSearchItem === null || internalSearchItem === void 0 ? void 0 : internalSearchItem.startingPoint,
       enableCollectionWithoutLocalCache: true
     });
+    const onBlurFragment = () => {
+      return Promise.allSettled([playerService.reset(), recorderService.reset()]);
+    };
+    const _onPressHeaderLeft = useFreshCallback(async () => {
+      await onBlurFragment();
+      onPressHeaderLeft();
+    });
+    const _onPressHeaderRight = useFreshCallback(async () => {
+      await onBlurFragment();
+      onPressHeaderRight();
+    });
+    const _onPressMediaMessage = useFreshCallback(async (message, deleteMessage, uri) => {
+      await onBlurFragment();
+      onPressMediaMessage(message, deleteMessage, uri);
+    });
+    useEffect(() => {
+      return () => {
+        onBlurFragment();
+      };
+    }, []);
     const renderItem = useFreshCallback(props => {
-      if (renderMessage) return renderMessage(props);
-      return /*#__PURE__*/React.createElement(GroupChannelMessageRenderer, props);
+      const content = renderMessage ? renderMessage(props) : /*#__PURE__*/React.createElement(GroupChannelMessageRenderer, props);
+      return /*#__PURE__*/React.createElement(Box, null, content, props.isFirstItem && !hasNext() && /*#__PURE__*/React.createElement(GroupChannelTypingIndicatorBubble, null));
     });
     const memoizedFlatListProps = useMemo(() => ({
       ListEmptyComponent: /*#__PURE__*/React.createElement(GroupChannelModule.StatusEmpty, null),
@@ -152,11 +177,13 @@ const createGroupChannelFragment = initModule => {
       channel: channel,
       groupChannelPubSub: groupChannelPubSub,
       enableTypingIndicator: enableTypingIndicator ?? sbOptions.uikit.groupChannel.channel.enableTypingIndicator,
-      keyboardAvoidOffset: keyboardAvoidOffset
+      keyboardAvoidOffset: keyboardAvoidOffset,
+      messages: messages,
+      onUpdateSearchItem: onUpdateSearchItem
     }, /*#__PURE__*/React.createElement(GroupChannelModule.Header, {
       shouldHideRight: navigateFromMessageSearch,
-      onPressHeaderLeft: onPressHeaderLeft,
-      onPressHeaderRight: onPressHeaderRight
+      onPressHeaderLeft: _onPressHeaderLeft,
+      onPressHeaderRight: _onPressHeaderRight
     }), /*#__PURE__*/React.createElement(StatusComposition, {
       loading: loading,
       LoadingComponent: /*#__PURE__*/React.createElement(GroupChannelModule.StatusLoading, null)
@@ -180,7 +207,7 @@ const createGroupChannelFragment = initModule => {
       renderScrollToBottomButton: renderScrollToBottomButton,
       onResendFailedMessage: resendMessage,
       onDeleteMessage: deleteMessage,
-      onPressMediaMessage: onPressMediaMessage,
+      onPressMediaMessage: _onPressMediaMessage,
       flatListProps: memoizedFlatListProps
     }), /*#__PURE__*/React.createElement(GroupChannelModule.Input, {
       SuggestedMentionList: GroupChannelModule.SuggestedMentionList,