@sendbird/uikit-react-native 3.7.5 → 3.8.0

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

@@ -1,16 +1,14 @@
 import React, { useContext } from 'react';
-import { View } from 'react-native';
-import { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
 import ChannelCover from '../../../components/ChannelCover';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { TypingIndicatorType } from '../../../types';
 import { GroupChannelContexts } from '../module/moduleContext';
-const GroupChannelHeader = _ref => {
-  let {
-    shouldHideRight,
-    onPressHeaderLeft,
-    onPressHeaderRight
-  } = _ref;
+const GroupChannelHeader = ({
+  shouldHideRight,
+  onPressHeaderLeft,
+  onPressHeaderRight
+}) => {
   const {
     sbOptions
   } = useSendbirdChat();
@@ -39,16 +37,15 @@ const GroupChannelHeader = _ref => {
   const isHidden = shouldHideRight();
   return /*#__PURE__*/React.createElement(HeaderComponent, {
     clearTitleMargin: true,
-    title: /*#__PURE__*/React.createElement(View, {
+    title: /*#__PURE__*/React.createElement(Box, {
       style: styles.titleContainer
     }, /*#__PURE__*/React.createElement(ChannelCover, {
       channel: channel,
       size: 34,
       containerStyle: styles.avatarGroup
-    }), /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexShrink: 1
-      }
+    }), /*#__PURE__*/React.createElement(Box, {
+      flexShrink: 1,
+      alignItems: 'flex-start'
     }, /*#__PURE__*/React.createElement(Header.Title, {
       h2: true
     }, headerTitle), renderSubtitle())),
@@ -69,7 +66,7 @@ const styles = createStyleSheet({
     alignItems: 'center'
   },
   avatarGroup: {
-    marginRight: 8
+    marginEnd: 8
   },
   subtitle: {
     marginTop: 2

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","useContext","Box","Header","Icon","createStyleSheet","useHeaderStyle","ChannelCover","useLocalization","useSendbirdChat","TypingIndicatorType","GroupChannelContexts","GroupChannelHeader","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","alignItems","Title","h2","left","icon","onPressLeft","right","onPressRight","undefined","maxWidth","flexDirection","marginEnd","marginTop"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, 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        <Box style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <Box flexShrink={1} alignItems={'flex-start'}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {renderSubtitle()}\n          </Box>\n        </Box>\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    marginEnd: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,cAAc,QAAQ,yCAAyC;AAE7G,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,SAASC,mBAAmB,QAAQ,gBAAgB;AACpD,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,eAAe;EACfC,iBAAiB;EACjBC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC;EAAU,CAAC,GAAGP,eAAe,CAAC,CAAC;EACvC,MAAM;IAAEQ,WAAW;IAAEC;EAAQ,CAAC,GAAGjB,UAAU,CAACU,oBAAoB,CAACQ,QAAQ,CAAC;EAC1E,MAAM;IAAEC;EAAY,CAAC,GAAGnB,UAAU,CAACU,oBAAoB,CAACU,eAAe,CAAC;EACxE,MAAM;IAAEC;EAAQ,CAAC,GAAGd,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEe;EAAgB,CAAC,GAAGjB,cAAc,CAAC,CAAC;EAE5C,MAAMkB,cAAc,GAAGA,CAAA,KAAM;IAC3B,MAAMC,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,wBAAwB,CAACP,WAAW,CAAC;IAErE,IAAI,CAACK,QAAQ,EAAE,OAAO,IAAI;IAC1B,IAAI,CAACT,SAAS,CAACY,KAAK,CAACC,YAAY,CAACX,OAAO,CAACY,qBAAqB,EAAE,OAAO,IAAI;IAC5E,IAAI,CAACd,SAAS,CAACY,KAAK,CAACC,YAAY,CAACX,OAAO,CAACa,oBAAoB,CAACC,GAAG,CAACtB,mBAAmB,CAACuB,IAAI,CAAC,EAAE,OAAO,IAAI;IAEzG,oBAAOjC,KAAA,CAAAkC,aAAA,CAAC/B,MAAM,CAACgC,QAAQ;MAACC,KAAK,EAAEC,MAAM,CAACZ;IAAS,GAAEA,QAA0B,CAAC;EAC9E,CAAC;EAED,MAAMa,QAAQ,GAAGzB,eAAe,CAAC,CAAC;EAElC,oBACEb,KAAA,CAAAkC,aAAA,CAACX,eAAe;IACdgB,gBAAgB;IAChBC,KAAK,eACHxC,KAAA,CAAAkC,aAAA,CAAChC,GAAG;MAACkC,KAAK,EAAEC,MAAM,CAACI;IAAe,gBAChCzC,KAAA,CAAAkC,aAAA,CAAC3B,YAAY;MAACW,OAAO,EAAEA,OAAQ;MAACwB,IAAI,EAAE,EAAG;MAACC,cAAc,EAAEN,MAAM,CAACO;IAAY,CAAE,CAAC,eAChF5C,KAAA,CAAAkC,aAAA,CAAChC,GAAG;MAAC2C,UAAU,EAAE,CAAE;MAACC,UAAU,EAAE;IAAa,gBAC3C9C,KAAA,CAAAkC,aAAA,CAAC/B,MAAM,CAAC4C,KAAK;MAACC,EAAE;IAAA,GAAE/B,WAA0B,CAAC,EAC5CO,cAAc,CAAC,CACb,CACF,CACN;IACDyB,IAAI,eAAEjD,KAAA,CAAAkC,aAAA,CAAC9B,IAAI;MAAC8C,IAAI,EAAE;IAAa,CAAE,CAAE;IACnCC,WAAW,EAAErC,iBAAkB;IAC/BsC,KAAK,EAAEd,QAAQ,GAAG,IAAI,gBAAGtC,KAAA,CAAAkC,aAAA,CAAC9B,IAAI;MAAC8C,IAAI,EAAE;IAAO,CAAE,CAAE;IAChDG,YAAY,EAAEf,QAAQ,GAAGgB,SAAS,GAAGvC;EAAmB,CACzD,CAAC;AAEN,CAAC;AAED,MAAMsB,MAAM,GAAGhC,gBAAgB,CAAC;EAC9BoC,cAAc,EAAE;IACdc,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBV,UAAU,EAAE;EACd,CAAC;EACDF,WAAW,EAAE;IACXa,SAAS,EAAE;EACb,CAAC;EACDhC,QAAQ,EAAE;IACRiC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAe9C,kBAAkB","ignoreList":[]}

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

@@ -1,13 +1,12 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext } from 'react';
 import { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';
 import ChannelInput from '../../../components/ChannelInput';
 import { GroupChannelContexts } from '../module/moduleContext';
-const GroupChannelInput = _ref => {
-  let {
-    inputDisabled = false,
-    ...props
-  } = _ref;
+const GroupChannelInput = ({
+  inputDisabled = false,
+  ...props
+}) => {
   const {
     channel,
     keyboardAvoidOffset = 0,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelContexts","GroupChannelInput","_ref","inputDisabled","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","messageToReply","setMessageToReply","Fragment","chatAvailableState","createElement","_extends","inputMuted","muted","inputFrozen","frozen","disabled","memo"],"sources":["GroupChannelInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelInput = ({ inputDisabled = false, ...props }: GroupChannelProps['Input']) => {\n  const {\n    channel,\n    keyboardAvoidOffset = 0,\n    messageToEdit,\n    setMessageToEdit,\n    messageToReply,\n    setMessageToReply,\n  } = useContext(GroupChannelContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      messageToReply={messageToReply}\n      setMessageToReply={setMessageToReply}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={chatAvailableState.disabled ? true : inputDisabled}\n      {...props}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,iBAAiB,GAAGC,IAAA,IAAqE;EAAA,IAApE;IAAEC,aAAa,GAAG,KAAK;IAAE,GAAGC;EAAkC,CAAC,GAAAF,IAAA;EACxF,MAAM;IACJG,OAAO;IACPC,mBAAmB,GAAG,CAAC;IACvBC,aAAa;IACbC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGb,UAAU,CAACG,oBAAoB,CAACW,QAAQ,CAAC;EAE7C,MAAMC,kBAAkB,GAAGd,iCAAiC,CAACO,OAAO,CAAC;EAErE,oBACET,KAAA,CAAAiB,aAAA,CAACd,YAAY,EAAAe,QAAA;IACXT,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,cAAc,EAAEA,cAAe;IAC/BC,iBAAiB,EAAEA,iBAAkB;IACrCJ,mBAAmB,EAAEA,mBAAoB;IACzCS,UAAU,EAAEH,kBAAkB,CAACI,KAAM;IACrCC,WAAW,EAAEL,kBAAkB,CAACM,MAAO;IACvCf,aAAa,EAAES,kBAAkB,CAACO,QAAQ,GAAG,IAAI,GAAGhB;EAAc,GAC9DC,KAAK,EACT;AAEN,CAAC;AAED,4BAAeR,KAAK,CAACwB,IAAI,CAACnB,iBAAiB,CAAC"}
+{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelContexts","GroupChannelInput","inputDisabled","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","messageToReply","setMessageToReply","Fragment","chatAvailableState","createElement","_extends","inputMuted","muted","inputFrozen","frozen","disabled","memo"],"sources":["GroupChannelInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelInput = ({ inputDisabled = false, ...props }: GroupChannelProps['Input']) => {\n  const {\n    channel,\n    keyboardAvoidOffset = 0,\n    messageToEdit,\n    setMessageToEdit,\n    messageToReply,\n    setMessageToReply,\n  } = useContext(GroupChannelContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      messageToReply={messageToReply}\n      setMessageToReply={setMessageToReply}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={chatAvailableState.disabled ? true : inputDisabled}\n      {...props}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,aAAa,GAAG,KAAK;EAAE,GAAGC;AAAkC,CAAC,KAAK;EAC7F,MAAM;IACJC,OAAO;IACPC,mBAAmB,GAAG,CAAC;IACvBC,aAAa;IACbC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGZ,UAAU,CAACG,oBAAoB,CAACU,QAAQ,CAAC;EAE7C,MAAMC,kBAAkB,GAAGb,iCAAiC,CAACM,OAAO,CAAC;EAErE,oBACER,KAAA,CAAAgB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXT,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,cAAc,EAAEA,cAAe;IAC/BC,iBAAiB,EAAEA,iBAAkB;IACrCJ,mBAAmB,EAAEA,mBAAoB;IACzCS,UAAU,EAAEH,kBAAkB,CAACI,KAAM;IACrCC,WAAW,EAAEL,kBAAkB,CAACM,MAAO;IACvCf,aAAa,EAAES,kBAAkB,CAACO,QAAQ,GAAG,IAAI,GAAGhB;EAAc,GAC9DC,KAAK,CACV,CAAC;AAEN,CAAC;AAED,4BAAeP,KAAK,CAACuB,IAAI,CAAClB,iBAAiB,CAAC","ignoreList":[]}

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

@@ -1,9 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext, useEffect } from 'react';
-import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
 import { useToast } from '@sendbird/uikit-react-native-foundation';
-import { useIsFirstMount } from '@sendbird/uikit-utils';
-import { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { isDifferentChannel, useFreshCallback, useIsFirstMount } from '@sendbird/uikit-utils';
 import ChannelMessageList from '../../../components/ChannelMessageList';
 import { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
@@ -31,7 +30,6 @@ const GroupChannelMessageList = props => {
     lazyScrollToIndex,
     onPressReplyMessageInThread
   } = useContext(GroupChannelContexts.MessageList);
-  const id = useUniqHandlerId('GroupChannelMessageList');
   const isFirstMount = useIsFirstMount();
   const scrollToMessageWithCreatedAt = useFreshCallback((createdAt, focusAnimated, timeout) => {
     const foundMessageIndex = props.messages.findIndex(it => it.createdAt === createdAt);
@@ -61,8 +59,7 @@ const GroupChannelMessageList = props => {
     }
     return true;
   });
-  const scrollToBottom = useFreshCallback(async function () {
-    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const scrollToBottom = useFreshCallback(async (animated = false) => {
     if (props.hasNext()) {
       props.onUpdateSearchItem(undefined);
       props.onScrolledAwayFromBottom(false);
@@ -77,7 +74,7 @@ const GroupChannelMessageList = props => {
       });
     }
   });
-  useChannelHandler(sdk, id, {
+  useGroupChannelHandler(sdk, {
     onReactionUpdated(channel, event) {
       if (isDifferentChannel(channel, props.channel)) return;
       const recentMessage = props.messages[0];
@@ -92,11 +89,10 @@ const GroupChannelMessageList = props => {
     }
   });
   useEffect(() => {
-    return subscribe(_ref => {
-      let {
-        type,
-        data
-      } = _ref;
+    return subscribe(({
+      type,
+      data
+    }) => {
       switch (type) {
         case 'TYPING_BUBBLE_RENDERED':
         case 'MESSAGES_RECEIVED':

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useChannelHandler","useToast","useIsFirstMount","isDifferentChannel","useFreshCallback","useUniqHandlerId","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","sbOptions","groupChannelFragmentOptions","setMessageToEdit","setMessageToReply","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","onPressReplyMessageInThread","MessageList","id","isFirstMount","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessageIndex","messages","findIndex","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","index","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","catch","_","scrollToBottom","arguments","length","undefined","hasNext","onScrolledAwayFromBottom","onResetMessageList","onReactionUpdated","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","pubsub","payload","searchItem","onPressParentMessage","parentMessage","childMessage","uikit","groupChannel","replyType","threadReplySelectType","show","TOAST","FIND_PARENT_MSG_ERROR","canScrollToParent","createElement","_extends","ref","onReplyMessage","onReplyInThreadMessage","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 { SendbirdMessage, SendbirdSendableMessage, useIsFirstMount } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { GroupChannelFragmentOptionsPubSubContextPayload } from '../../../contexts/SendbirdChatCtx';\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, sbOptions, groupChannelFragmentOptions } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex, onPressReplyMessageInThread } = useContext(\n    GroupChannelContexts.MessageList,\n  );\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) {\n            props.onUpdateSearchItem({ startingPoint: createdAt });\n          }\n          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      props.onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      props.onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\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, data }) => {\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 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\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    return groupChannelFragmentOptions.pubsub.subscribe((payload: GroupChannelFragmentOptionsPubSubContextPayload) => {\n      switch (payload.type) {\n        case 'OVERRIDE_SEARCH_ITEM_STARTING_POINT': {\n          scrollToMessageWithCreatedAt(payload.data.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n          break;\n        }\n      }\n    });\n  }, []);\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(\n    (parentMessage: SendbirdMessage, childMessage: SendbirdSendableMessage) => {\n      if (\n        onPressReplyMessageInThread &&\n        sbOptions.uikit.groupChannel.channel.replyType === 'thread' &&\n        sbOptions.uikit.groupChannel.channel.threadReplySelectType === 'thread'\n      ) {\n        if (parentMessage.createdAt >= props.channel.messageOffsetTimestamp) {\n          onPressReplyMessageInThread(parentMessage as SendbirdSendableMessage, childMessage.createdAt);\n        } else {\n          toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n        }\n      } else {\n        const canScrollToParent = scrollToMessageWithCreatedAt(parentMessage.createdAt, true, 0);\n        if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n      }\n    },\n  );\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onReplyMessage={setMessageToReply}\n      onReplyInThreadMessage={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","useToast","useGroupChannelHandler","isDifferentChannel","useFreshCallback","useIsFirstMount","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","sbOptions","groupChannelFragmentOptions","setMessageToEdit","setMessageToReply","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","onPressReplyMessageInThread","MessageList","isFirstMount","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessageIndex","messages","findIndex","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","index","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","catch","_","scrollToBottom","hasNext","undefined","onScrolledAwayFromBottom","onResetMessageList","onReactionUpdated","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","pubsub","payload","searchItem","onPressParentMessage","parentMessage","childMessage","uikit","groupChannel","replyType","threadReplySelectType","show","TOAST","FIND_PARENT_MSG_ERROR","canScrollToParent","createElement","_extends","ref","onReplyMessage","onReplyInThreadMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n  SendbirdMessage,\n  SendbirdSendableMessage,\n  isDifferentChannel,\n  useFreshCallback,\n  useIsFirstMount,\n} from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { GroupChannelFragmentOptionsPubSubContextPayload } from '../../../contexts/SendbirdChatCtx';\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, sbOptions, groupChannelFragmentOptions } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex, onPressReplyMessageInThread } = useContext(\n    GroupChannelContexts.MessageList,\n  );\n\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) {\n            props.onUpdateSearchItem({ startingPoint: createdAt });\n          }\n          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      props.onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      props.onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  useGroupChannelHandler(sdk, {\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, data }) => {\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 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\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    return groupChannelFragmentOptions.pubsub.subscribe((payload: GroupChannelFragmentOptionsPubSubContextPayload) => {\n      switch (payload.type) {\n        case 'OVERRIDE_SEARCH_ITEM_STARTING_POINT': {\n          scrollToMessageWithCreatedAt(payload.data.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n          break;\n        }\n      }\n    });\n  }, []);\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(\n    (parentMessage: SendbirdMessage, childMessage: SendbirdSendableMessage) => {\n      if (\n        onPressReplyMessageInThread &&\n        sbOptions.uikit.groupChannel.channel.replyType === 'thread' &&\n        sbOptions.uikit.groupChannel.channel.threadReplySelectType === 'thread'\n      ) {\n        if (parentMessage.createdAt >= props.channel.messageOffsetTimestamp) {\n          onPressReplyMessageInThread(parentMessage as SendbirdSendableMessage, childMessage.createdAt);\n        } else {\n          toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n        }\n      } else {\n        const canScrollToParent = scrollToMessageWithCreatedAt(parentMessage.createdAt, true, 0);\n        if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n      }\n    },\n  );\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onReplyMessage={setMessageToReply}\n      onReplyInThreadMessage={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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusEmpty","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACpC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAc,EAAG,CACpC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,uBAAuB"}
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusEmpty","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACpC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAc,CAAE,CACpC,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,uBAAuB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusLoading","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EACtC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAU,EAAG,CAChC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,yBAAyB"}
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusLoading","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EACtC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAU,CAAE,CAChC,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,yBAAyB","ignoreList":[]}

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

@@ -1,21 +1,19 @@
 import React, { useContext } from 'react';
 import { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Avatar, Divider, Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { conditionChaining } from '@sendbird/uikit-utils';
+import { Avatar, Box, Divider, Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { conditionChaining, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import useKeyboardStatus from '../../../hooks/useKeyboardStatus';
 import useMentionSuggestion from '../../../hooks/useMentionSuggestion';
 import { GroupChannelContexts } from '../module/moduleContext';
-const GroupChannelSuggestedMentionList = _ref => {
-  let {
-    text,
-    selection,
-    inputHeight,
-    bottomInset,
-    onPressToMention,
-    mentionedUsers
-  } = _ref;
+const GroupChannelSuggestedMentionList = ({
+  text,
+  selection,
+  inputHeight,
+  bottomInset,
+  onPressToMention,
+  mentionedUsers
+}) => {
   const {
     width: screenWidth,
     height: screenHeight
@@ -36,10 +34,7 @@ const GroupChannelSuggestedMentionList = _ref => {
   const {
     topInset
   } = useHeaderStyle();
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+  const safeArea = useSafeAreaPadding(['left', 'right']);
   const keyboard = useKeyboardStatus();
   const {
     members,
@@ -66,7 +61,7 @@ const GroupChannelSuggestedMentionList = _ref => {
       icon: 'info',
       size: 20,
       containerStyle: {
-        marginRight: 4
+        marginEnd: 4
       },
       color: colors.onBackground02
     }), /*#__PURE__*/React.createElement(Text, {
@@ -87,7 +82,7 @@ const GroupChannelSuggestedMentionList = _ref => {
         size: 28,
         uri: member.profileUrl,
         containerStyle: styles.userAvatar
-      }), /*#__PURE__*/React.createElement(View, {
+      }), /*#__PURE__*/React.createElement(Box, {
         style: styles.userInfo
       }, /*#__PURE__*/React.createElement(Text, {
         body2: true,
@@ -125,10 +120,7 @@ const GroupChannelSuggestedMentionList = _ref => {
       borderTopWidth: 1,
       borderTopColor: colors.onBackground04
     }],
-    contentContainerStyle: {
-      paddingLeft: left,
-      paddingRight: right
-    }
+    contentContainerStyle: safeArea
   }, conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])));
 };
 const styles = createStyleSheet({
@@ -138,23 +130,23 @@ const styles = createStyleSheet({
   container: {
     position: 'absolute',
     top: 0,
-    right: 0,
-    left: 0
+    start: 0,
+    end: 0
   },
   scrollView: {
     position: 'absolute',
-    left: 0,
-    right: 0
+    start: 0,
+    end: 0
   },
   userContainer: {
-    paddingLeft: 16,
+    paddingStart: 16,
     flexDirection: 'row',
     height: 44,
     alignItems: 'center',
     justifyContent: 'center'
   },
   userAvatar: {
-    marginRight: 16
+    marginEnd: 16
   },
   userInfo: {
     flexDirection: 'row',
@@ -164,14 +156,14 @@ const styles = createStyleSheet({
     flexShrink: 1,
     lineHeight: 44,
     textAlignVertical: 'center',
-    marginRight: 6
+    marginEnd: 6
   },
   userId: {
     lineHeight: 44,
     textAlignVertical: 'center',
     minWidth: 32,
     flexShrink: 1,
-    marginRight: 16
+    marginEnd: 16
   },
   searchLimited: {
     borderTopWidth: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Pressable","ScrollView","View","useWindowDimensions","useSafeAreaInsets","Avatar","Divider","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","conditionChaining","useLocalization","useSendbirdChat","useKeyboardStatus","useMentionSuggestion","GroupChannelContexts","GroupChannelSuggestedMentionList","_ref","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","channel","Fragment","sdk","mentionManager","STRINGS","colors","topInset","left","right","keyboard","members","reset","searchStringRange","searchLimited","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","createElement","style","borderTopColor","onBackground04","icon","size","containerStyle","marginRight","color","onBackground02","body3","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","onPress","key","userId","userContainer","uri","profileUrl","userAvatar","userInfo","body2","onBackground01","numberOfLines","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","position","bottom","pointerEvents","container","bounces","keyboardDismissMode","keyboardShouldPersistTaps","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","contentContainerStyle","paddingLeft","paddingRight","top","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal"],"sources":["GroupChannelSuggestedMentionList.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Avatar,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport useKeyboardStatus from '../../../hooks/useKeyboardStatus';\nimport useMentionSuggestion from '../../../hooks/useMentionSuggestion';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelSuggestedMentionList = ({\n  text,\n  selection,\n  inputHeight,\n  bottomInset,\n  onPressToMention,\n  mentionedUsers,\n}: GroupChannelProps['SuggestedMentionList']) => {\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n  const { channel } = useContext(GroupChannelContexts.Fragment);\n  const { sdk, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { topInset } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  const keyboard = useKeyboardStatus();\n\n  const { members, reset, searchStringRange, searchLimited } = useMentionSuggestion({\n    sdk,\n    text,\n    selection,\n    channel,\n    mentionedUsers,\n  });\n\n  const isLandscape = screenWidth > screenHeight;\n  const isShortened = isLandscape && keyboard.visible;\n  const canRenderMembers = members.length > 0;\n  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;\n\n  const renderLimitGuide = () => {\n    return (\n      <View style={[styles.searchLimited, { borderTopColor: colors.onBackground04 }]}>\n        <Icon icon={'info'} size={20} containerStyle={{ marginRight: 4 }} color={colors.onBackground02} />\n        <Text body3 color={colors.onBackground02}>\n          {STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)}\n        </Text>\n      </View>\n    );\n  };\n\n  const renderMembers = () => {\n    return (\n      <View>\n        {members.map((member) => {\n          return (\n            <Pressable\n              onPress={() => {\n                onPressToMention(member, searchStringRange);\n                reset();\n              }}\n              key={member.userId}\n              style={styles.userContainer}\n            >\n              <Avatar size={28} uri={member.profileUrl} containerStyle={styles.userAvatar} />\n              <View style={styles.userInfo}>\n                <Text body2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n                  {member.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n                <Text body3 color={colors.onBackground03} numberOfLines={1} style={styles.userId}>\n                  {member.userId}\n                </Text>\n                <Divider style={{ position: 'absolute', bottom: 0 }} />\n              </View>\n            </Pressable>\n          );\n        })}\n      </View>\n    );\n  };\n\n  return (\n    <Pressable\n      onPress={reset}\n      pointerEvents={canRenderMembers ? 'auto' : 'none'}\n      style={[styles.container, { bottom: inputHeight + bottomInset }]}\n    >\n      <ScrollView\n        bounces={false}\n        keyboardDismissMode={'none'}\n        keyboardShouldPersistTaps={'always'}\n        style={[\n          styles.scrollView,\n          {\n            maxHeight,\n            backgroundColor: colors.background,\n            bottom: keyboard.bottomSpace,\n          },\n          canRenderMembers && {\n            borderTopWidth: 1,\n            borderTopColor: colors.onBackground04,\n          },\n        ]}\n        contentContainerStyle={{ paddingLeft: left, paddingRight: right }}\n      >\n        {conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])}\n      </ScrollView>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  suggestion: {\n    height: 196,\n  },\n  container: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n  },\n  scrollView: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n  },\n  userContainer: {\n    paddingLeft: 16,\n    flexDirection: 'row',\n    height: 44,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  userAvatar: {\n    marginRight: 16,\n  },\n  userInfo: {\n    flexDirection: 'row',\n    flex: 1,\n  },\n  userNickname: {\n    flexShrink: 1,\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    marginRight: 6,\n  },\n  userId: {\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    minWidth: 32,\n    flexShrink: 1,\n    marginRight: 16,\n  },\n  searchLimited: {\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n    height: 44,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\nexport default GroupChannelSuggestedMentionList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AAC/E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SACEC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAChD,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,OAAOC,iBAAiB,MAAM,kCAAkC;AAChE,OAAOC,oBAAoB,MAAM,qCAAqC;AACtE,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,gCAAgC,GAAGC,IAAA,IAOQ;EAAA,IAPP;IACxCC,IAAI;IACJC,SAAS;IACTC,WAAW;IACXC,WAAW;IACXC,gBAAgB;IAChBC;EACyC,CAAC,GAAAN,IAAA;EAC1C,MAAM;IAAEO,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAG1B,mBAAmB,EAAE;EAC1E,MAAM;IAAE2B;EAAQ,CAAC,GAAG/B,UAAU,CAACkB,oBAAoB,CAACc,QAAQ,CAAC;EAC7D,MAAM;IAAEC,GAAG;IAAEC;EAAe,CAAC,GAAGnB,eAAe,EAAE;EACjD,MAAM;IAAEoB;EAAQ,CAAC,GAAGrB,eAAe,EAAE;EACrC,MAAM;IAAEsB;EAAO,CAAC,GAAGxB,aAAa,EAAE;EAClC,MAAM;IAAEyB;EAAS,CAAC,GAAG1B,cAAc,EAAE;EACrC,MAAM;IAAE2B,IAAI;IAAEC;EAAM,CAAC,GAAGlC,iBAAiB,EAAE;EAE3C,MAAMmC,QAAQ,GAAGxB,iBAAiB,EAAE;EAEpC,MAAM;IAAEyB,OAAO;IAAEC,KAAK;IAAEC,iBAAiB;IAAEC;EAAc,CAAC,GAAG3B,oBAAoB,CAAC;IAChFgB,GAAG;IACHZ,IAAI;IACJC,SAAS;IACTS,OAAO;IACPL;EACF,CAAC,CAAC;EAEF,MAAMmB,WAAW,GAAGjB,WAAW,GAAGE,YAAY;EAC9C,MAAMgB,WAAW,GAAGD,WAAW,IAAIL,QAAQ,CAACO,OAAO;EACnD,MAAMC,gBAAgB,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC;EAC3C,MAAMC,SAAS,GAAGJ,WAAW,GAAGhB,YAAY,IAAIO,QAAQ,GAAGd,WAAW,GAAGiB,QAAQ,CAACX,MAAM,CAAC,GAAGsB,MAAM,CAACC,UAAU,CAACvB,MAAM;EAEpH,MAAMwB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,oBACEtD,KAAA,CAAAuD,aAAA,CAACnD,IAAI;MAACoD,KAAK,EAAE,CAACJ,MAAM,CAACP,aAAa,EAAE;QAAEY,cAAc,EAAEpB,MAAM,CAACqB;MAAe,CAAC;IAAE,gBAC7E1D,KAAA,CAAAuD,aAAA,CAAC9C,IAAI;MAACkD,IAAI,EAAE,MAAO;MAACC,IAAI,EAAE,EAAG;MAACC,cAAc,EAAE;QAAEC,WAAW,EAAE;MAAE,CAAE;MAACC,KAAK,EAAE1B,MAAM,CAAC2B;IAAe,EAAG,eAClGhE,KAAA,CAAAuD,aAAA,CAAC7C,IAAI;MAACuD,KAAK;MAACF,KAAK,EAAE1B,MAAM,CAAC2B;IAAe,GACtC5B,OAAO,CAAC8B,aAAa,CAACC,eAAe,CAAChC,cAAc,CAACiC,MAAM,CAACC,YAAY,CAAC,CACrE,CACF;EAEX,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACEtE,KAAA,CAAAuD,aAAA,CAACnD,IAAI,QACFsC,OAAO,CAAC6B,GAAG,CAAEC,MAAM,IAAK;MACvB,oBACExE,KAAA,CAAAuD,aAAA,CAACrD,SAAS;QACRuE,OAAO,EAAEA,CAAA,KAAM;UACb/C,gBAAgB,CAAC8C,MAAM,EAAE5B,iBAAiB,CAAC;UAC3CD,KAAK,EAAE;QACT,CAAE;QACF+B,GAAG,EAAEF,MAAM,CAACG,MAAO;QACnBnB,KAAK,EAAEJ,MAAM,CAACwB;MAAc,gBAE5B5E,KAAA,CAAAuD,aAAA,CAAChD,MAAM;QAACqD,IAAI,EAAE,EAAG;QAACiB,GAAG,EAAEL,MAAM,CAACM,UAAW;QAACjB,cAAc,EAAET,MAAM,CAAC2B;MAAW,EAAG,eAC/E/E,KAAA,CAAAuD,aAAA,CAACnD,IAAI;QAACoD,KAAK,EAAEJ,MAAM,CAAC4B;MAAS,gBAC3BhF,KAAA,CAAAuD,aAAA,CAAC7C,IAAI;QAACuE,KAAK;QAAClB,KAAK,EAAE1B,MAAM,CAAC6C,cAAe;QAACC,aAAa,EAAE,CAAE;QAAC3B,KAAK,EAAEJ,MAAM,CAACgC;MAAa,GACpFZ,MAAM,CAACa,QAAQ,IAAIjD,OAAO,CAACkD,MAAM,CAACC,YAAY,CAC1C,eACPvF,KAAA,CAAAuD,aAAA,CAAC7C,IAAI;QAACuD,KAAK;QAACF,KAAK,EAAE1B,MAAM,CAACmD,cAAe;QAACL,aAAa,EAAE,CAAE;QAAC3B,KAAK,EAAEJ,MAAM,CAACuB;MAAO,GAC9EH,MAAM,CAACG,MAAM,CACT,eACP3E,KAAA,CAAAuD,aAAA,CAAC/C,OAAO;QAACgD,KAAK,EAAE;UAAEiC,QAAQ,EAAE,UAAU;UAAEC,MAAM,EAAE;QAAE;MAAE,EAAG,CAClD,CACG;IAEhB,CAAC,CAAC,CACG;EAEX,CAAC;EAED,oBACE1F,KAAA,CAAAuD,aAAA,CAACrD,SAAS;IACRuE,OAAO,EAAE9B,KAAM;IACfgD,aAAa,EAAE1C,gBAAgB,GAAG,MAAM,GAAG,MAAO;IAClDO,KAAK,EAAE,CAACJ,MAAM,CAACwC,SAAS,EAAE;MAAEF,MAAM,EAAElE,WAAW,GAAGC;IAAY,CAAC;EAAE,gBAEjEzB,KAAA,CAAAuD,aAAA,CAACpD,UAAU;IACT0F,OAAO,EAAE,KAAM;IACfC,mBAAmB,EAAE,MAAO;IAC5BC,yBAAyB,EAAE,QAAS;IACpCvC,KAAK,EAAE,CACLJ,MAAM,CAAC4C,UAAU,EACjB;MACE7C,SAAS;MACT8C,eAAe,EAAE5D,MAAM,CAAC6D,UAAU;MAClCR,MAAM,EAAEjD,QAAQ,CAAC0D;IACnB,CAAC,EACDlD,gBAAgB,IAAI;MAClBmD,cAAc,EAAE,CAAC;MACjB3C,cAAc,EAAEpB,MAAM,CAACqB;IACzB,CAAC,CACD;IACF2C,qBAAqB,EAAE;MAAEC,WAAW,EAAE/D,IAAI;MAAEgE,YAAY,EAAE/D;IAAM;EAAE,GAEjE1B,iBAAiB,CAAC,CAAC+B,aAAa,EAAEI,gBAAgB,CAAC,EAAE,CAACK,gBAAgB,EAAE,EAAEgB,aAAa,EAAE,EAAE,IAAI,CAAC,CAAC,CACvF,CACH;AAEhB,CAAC;AAED,MAAMlB,MAAM,GAAGzC,gBAAgB,CAAC;EAC9B0C,UAAU,EAAE;IACVvB,MAAM,EAAE;EACV,CAAC;EACD8D,SAAS,EAAE;IACTH,QAAQ,EAAE,UAAU;IACpBe,GAAG,EAAE,CAAC;IACNhE,KAAK,EAAE,CAAC;IACRD,IAAI,EAAE;EACR,CAAC;EACDyD,UAAU,EAAE;IACVP,QAAQ,EAAE,UAAU;IACpBlD,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EACDoC,aAAa,EAAE;IACb0B,WAAW,EAAE,EAAE;IACfG,aAAa,EAAE,KAAK;IACpB3E,MAAM,EAAE,EAAE;IACV4E,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD5B,UAAU,EAAE;IACVjB,WAAW,EAAE;EACf,CAAC;EACDkB,QAAQ,EAAE;IACRyB,aAAa,EAAE,KAAK;IACpBG,IAAI,EAAE;EACR,CAAC;EACDxB,YAAY,EAAE;IACZyB,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,QAAQ;IAC3BjD,WAAW,EAAE;EACf,CAAC;EACDa,MAAM,EAAE;IACNmC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,QAAQ;IAC3BC,QAAQ,EAAE,EAAE;IACZH,UAAU,EAAE,CAAC;IACb/C,WAAW,EAAE;EACf,CAAC;EACDjB,aAAa,EAAE;IACbuD,cAAc,EAAE,CAAC;IACjBa,iBAAiB,EAAE,EAAE;IACrBnF,MAAM,EAAE,EAAE;IACV2E,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AACF,eAAetF,gCAAgC"}
+{"version":3,"names":["React","useContext","Pressable","ScrollView","View","useWindowDimensions","Avatar","Box","Divider","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","conditionChaining","useSafeAreaPadding","useLocalization","useSendbirdChat","useKeyboardStatus","useMentionSuggestion","GroupChannelContexts","GroupChannelSuggestedMentionList","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","channel","Fragment","sdk","mentionManager","STRINGS","colors","topInset","safeArea","keyboard","members","reset","searchStringRange","searchLimited","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","createElement","style","borderTopColor","onBackground04","icon","size","containerStyle","marginEnd","color","onBackground02","body3","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","onPress","key","userId","userContainer","uri","profileUrl","userAvatar","userInfo","body2","onBackground01","numberOfLines","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","position","bottom","pointerEvents","container","bounces","keyboardDismissMode","keyboardShouldPersistTaps","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","contentContainerStyle","top","start","end","paddingStart","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal"],"sources":["GroupChannelSuggestedMentionList.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\n\nimport {\n  Avatar,\n  Box,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport useKeyboardStatus from '../../../hooks/useKeyboardStatus';\nimport useMentionSuggestion from '../../../hooks/useMentionSuggestion';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelSuggestedMentionList = ({\n  text,\n  selection,\n  inputHeight,\n  bottomInset,\n  onPressToMention,\n  mentionedUsers,\n}: GroupChannelProps['SuggestedMentionList']) => {\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n  const { channel } = useContext(GroupChannelContexts.Fragment);\n  const { sdk, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { topInset } = useHeaderStyle();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  const keyboard = useKeyboardStatus();\n\n  const { members, reset, searchStringRange, searchLimited } = useMentionSuggestion({\n    sdk,\n    text,\n    selection,\n    channel,\n    mentionedUsers,\n  });\n\n  const isLandscape = screenWidth > screenHeight;\n  const isShortened = isLandscape && keyboard.visible;\n  const canRenderMembers = members.length > 0;\n  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;\n\n  const renderLimitGuide = () => {\n    return (\n      <View style={[styles.searchLimited, { borderTopColor: colors.onBackground04 }]}>\n        <Icon icon={'info'} size={20} containerStyle={{ marginEnd: 4 }} color={colors.onBackground02} />\n        <Text body3 color={colors.onBackground02}>\n          {STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)}\n        </Text>\n      </View>\n    );\n  };\n\n  const renderMembers = () => {\n    return (\n      <View>\n        {members.map((member) => {\n          return (\n            <Pressable\n              onPress={() => {\n                onPressToMention(member, searchStringRange);\n                reset();\n              }}\n              key={member.userId}\n              style={styles.userContainer}\n            >\n              <Avatar size={28} uri={member.profileUrl} containerStyle={styles.userAvatar} />\n              <Box style={styles.userInfo}>\n                <Text body2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n                  {member.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n                <Text body3 color={colors.onBackground03} numberOfLines={1} style={styles.userId}>\n                  {member.userId}\n                </Text>\n                <Divider style={{ position: 'absolute', bottom: 0 }} />\n              </Box>\n            </Pressable>\n          );\n        })}\n      </View>\n    );\n  };\n\n  return (\n    <Pressable\n      onPress={reset}\n      pointerEvents={canRenderMembers ? 'auto' : 'none'}\n      style={[styles.container, { bottom: inputHeight + bottomInset }]}\n    >\n      <ScrollView\n        bounces={false}\n        keyboardDismissMode={'none'}\n        keyboardShouldPersistTaps={'always'}\n        style={[\n          styles.scrollView,\n          {\n            maxHeight,\n            backgroundColor: colors.background,\n            bottom: keyboard.bottomSpace,\n          },\n          canRenderMembers && {\n            borderTopWidth: 1,\n            borderTopColor: colors.onBackground04,\n          },\n        ]}\n        contentContainerStyle={safeArea}\n      >\n        {conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])}\n      </ScrollView>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  suggestion: {\n    height: 196,\n  },\n  container: {\n    position: 'absolute',\n    top: 0,\n    start: 0,\n    end: 0,\n  },\n  scrollView: {\n    position: 'absolute',\n    start: 0,\n    end: 0,\n  },\n  userContainer: {\n    paddingStart: 16,\n    flexDirection: 'row',\n    height: 44,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  userAvatar: {\n    marginEnd: 16,\n  },\n  userInfo: {\n    flexDirection: 'row',\n    flex: 1,\n  },\n  userNickname: {\n    flexShrink: 1,\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    marginEnd: 6,\n  },\n  userId: {\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    minWidth: 32,\n    flexShrink: 1,\n    marginEnd: 16,\n  },\n  searchLimited: {\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n    height: 44,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\nexport default GroupChannelSuggestedMentionList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AAE/E,SACEC,MAAM,EACNC,GAAG,EACHC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAChD,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAE7E,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,OAAOC,iBAAiB,MAAM,kCAAkC;AAChE,OAAOC,oBAAoB,MAAM,qCAAqC;AACtE,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,gCAAgC,GAAGA,CAAC;EACxCC,IAAI;EACJC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,gBAAgB;EAChBC;AACyC,CAAC,KAAK;EAC/C,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAG1B,mBAAmB,CAAC,CAAC;EAC1E,MAAM;IAAE2B;EAAQ,CAAC,GAAG/B,UAAU,CAACmB,oBAAoB,CAACa,QAAQ,CAAC;EAC7D,MAAM;IAAEC,GAAG;IAAEC;EAAe,CAAC,GAAGlB,eAAe,CAAC,CAAC;EACjD,MAAM;IAAEmB;EAAQ,CAAC,GAAGpB,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEqB;EAAO,CAAC,GAAGxB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEyB;EAAS,CAAC,GAAG1B,cAAc,CAAC,CAAC;EACrC,MAAM2B,QAAQ,GAAGxB,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEtD,MAAMyB,QAAQ,GAAGtB,iBAAiB,CAAC,CAAC;EAEpC,MAAM;IAAEuB,OAAO;IAAEC,KAAK;IAAEC,iBAAiB;IAAEC;EAAc,CAAC,GAAGzB,oBAAoB,CAAC;IAChFe,GAAG;IACHZ,IAAI;IACJC,SAAS;IACTS,OAAO;IACPL;EACF,CAAC,CAAC;EAEF,MAAMkB,WAAW,GAAGhB,WAAW,GAAGE,YAAY;EAC9C,MAAMe,WAAW,GAAGD,WAAW,IAAIL,QAAQ,CAACO,OAAO;EACnD,MAAMC,gBAAgB,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC;EAC3C,MAAMC,SAAS,GAAGJ,WAAW,GAAGf,YAAY,IAAIO,QAAQ,GAAGd,WAAW,GAAGgB,QAAQ,CAACV,MAAM,CAAC,GAAGqB,MAAM,CAACC,UAAU,CAACtB,MAAM;EAEpH,MAAMuB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,oBACErD,KAAA,CAAAsD,aAAA,CAAClD,IAAI;MAACmD,KAAK,EAAE,CAACJ,MAAM,CAACP,aAAa,EAAE;QAAEY,cAAc,EAAEnB,MAAM,CAACoB;MAAe,CAAC;IAAE,gBAC7EzD,KAAA,CAAAsD,aAAA,CAAC7C,IAAI;MAACiD,IAAI,EAAE,MAAO;MAACC,IAAI,EAAE,EAAG;MAACC,cAAc,EAAE;QAAEC,SAAS,EAAE;MAAE,CAAE;MAACC,KAAK,EAAEzB,MAAM,CAAC0B;IAAe,CAAE,CAAC,eAChG/D,KAAA,CAAAsD,aAAA,CAAC5C,IAAI;MAACsD,KAAK;MAACF,KAAK,EAAEzB,MAAM,CAAC0B;IAAe,GACtC3B,OAAO,CAAC6B,aAAa,CAACC,eAAe,CAAC/B,cAAc,CAACgC,MAAM,CAACC,YAAY,CACrE,CACF,CAAC;EAEX,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACErE,KAAA,CAAAsD,aAAA,CAAClD,IAAI,QACFqC,OAAO,CAAC6B,GAAG,CAAEC,MAAM,IAAK;MACvB,oBACEvE,KAAA,CAAAsD,aAAA,CAACpD,SAAS;QACRsE,OAAO,EAAEA,CAAA,KAAM;UACb9C,gBAAgB,CAAC6C,MAAM,EAAE5B,iBAAiB,CAAC;UAC3CD,KAAK,CAAC,CAAC;QACT,CAAE;QACF+B,GAAG,EAAEF,MAAM,CAACG,MAAO;QACnBnB,KAAK,EAAEJ,MAAM,CAACwB;MAAc,gBAE5B3E,KAAA,CAAAsD,aAAA,CAAChD,MAAM;QAACqD,IAAI,EAAE,EAAG;QAACiB,GAAG,EAAEL,MAAM,CAACM,UAAW;QAACjB,cAAc,EAAET,MAAM,CAAC2B;MAAW,CAAE,CAAC,eAC/E9E,KAAA,CAAAsD,aAAA,CAAC/C,GAAG;QAACgD,KAAK,EAAEJ,MAAM,CAAC4B;MAAS,gBAC1B/E,KAAA,CAAAsD,aAAA,CAAC5C,IAAI;QAACsE,KAAK;QAAClB,KAAK,EAAEzB,MAAM,CAAC4C,cAAe;QAACC,aAAa,EAAE,CAAE;QAAC3B,KAAK,EAAEJ,MAAM,CAACgC;MAAa,GACpFZ,MAAM,CAACa,QAAQ,IAAIhD,OAAO,CAACiD,MAAM,CAACC,YAC/B,CAAC,eACPtF,KAAA,CAAAsD,aAAA,CAAC5C,IAAI;QAACsD,KAAK;QAACF,KAAK,EAAEzB,MAAM,CAACkD,cAAe;QAACL,aAAa,EAAE,CAAE;QAAC3B,KAAK,EAAEJ,MAAM,CAACuB;MAAO,GAC9EH,MAAM,CAACG,MACJ,CAAC,eACP1E,KAAA,CAAAsD,aAAA,CAAC9C,OAAO;QAAC+C,KAAK,EAAE;UAAEiC,QAAQ,EAAE,UAAU;UAAEC,MAAM,EAAE;QAAE;MAAE,CAAE,CACnD,CACI,CAAC;IAEhB,CAAC,CACG,CAAC;EAEX,CAAC;EAED,oBACEzF,KAAA,CAAAsD,aAAA,CAACpD,SAAS;IACRsE,OAAO,EAAE9B,KAAM;IACfgD,aAAa,EAAE1C,gBAAgB,GAAG,MAAM,GAAG,MAAO;IAClDO,KAAK,EAAE,CAACJ,MAAM,CAACwC,SAAS,EAAE;MAAEF,MAAM,EAAEjE,WAAW,GAAGC;IAAY,CAAC;EAAE,gBAEjEzB,KAAA,CAAAsD,aAAA,CAACnD,UAAU;IACTyF,OAAO,EAAE,KAAM;IACfC,mBAAmB,EAAE,MAAO;IAC5BC,yBAAyB,EAAE,QAAS;IACpCvC,KAAK,EAAE,CACLJ,MAAM,CAAC4C,UAAU,EACjB;MACE7C,SAAS;MACT8C,eAAe,EAAE3D,MAAM,CAAC4D,UAAU;MAClCR,MAAM,EAAEjD,QAAQ,CAAC0D;IACnB,CAAC,EACDlD,gBAAgB,IAAI;MAClBmD,cAAc,EAAE,CAAC;MACjB3C,cAAc,EAAEnB,MAAM,CAACoB;IACzB,CAAC,CACD;IACF2C,qBAAqB,EAAE7D;EAAS,GAE/BzB,iBAAiB,CAAC,CAAC8B,aAAa,EAAEI,gBAAgB,CAAC,EAAE,CAACK,gBAAgB,CAAC,CAAC,EAAEgB,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,CACvF,CACH,CAAC;AAEhB,CAAC;AAED,MAAMlB,MAAM,GAAGxC,gBAAgB,CAAC;EAC9ByC,UAAU,EAAE;IACVtB,MAAM,EAAE;EACV,CAAC;EACD6D,SAAS,EAAE;IACTH,QAAQ,EAAE,UAAU;IACpBa,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE;EACP,CAAC;EACDR,UAAU,EAAE;IACVP,QAAQ,EAAE,UAAU;IACpBc,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE;EACP,CAAC;EACD5B,aAAa,EAAE;IACb6B,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE,KAAK;IACpB3E,MAAM,EAAE,EAAE;IACV4E,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD7B,UAAU,EAAE;IACVjB,SAAS,EAAE;EACb,CAAC;EACDkB,QAAQ,EAAE;IACR0B,aAAa,EAAE,KAAK;IACpBG,IAAI,EAAE;EACR,CAAC;EACDzB,YAAY,EAAE;IACZ0B,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,QAAQ;IAC3BlD,SAAS,EAAE;EACb,CAAC;EACDa,MAAM,EAAE;IACNoC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,QAAQ;IAC3BC,QAAQ,EAAE,EAAE;IACZH,UAAU,EAAE,CAAC;IACbhD,SAAS,EAAE;EACb,CAAC;EACDjB,aAAa,EAAE;IACbuD,cAAc,EAAE,CAAC;IACjBc,iBAAiB,EAAE,EAAE;IACrBnF,MAAM,EAAE,EAAE;IACV2E,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AACF,eAAerF,gCAAgC","ignoreList":[]}

package/lib/module/domain/groupChannel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","GroupChannelHeader","GroupChannelMessageList","GroupChannelInput","GroupChannelSuggestedMentionList","GroupChannelStatusEmpty","GroupChannelStatusLoading","createGroupChannelModule","GroupChannelContextsProvider","GroupChannelContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelSuggestedMentionList } from './component/GroupChannelSuggestedMentionList';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,gCAAgC;AAC9E,SAASD,OAAO,IAAIE,uBAAuB,QAAQ,qCAAqC;AACxF,SAASF,OAAO,IAAIG,iBAAiB,QAAQ,+BAA+B;AAC5E,SAASH,OAAO,IAAII,gCAAgC,QAAQ,8CAA8C;AAC1G,SAASJ,OAAO,IAAIK,uBAAuB,QAAQ,qCAAqC;AACxF,SAASL,OAAO,IAAIM,yBAAyB,QAAQ,uCAAuC;AAC5F,SAASN,OAAO,IAAIO,wBAAwB,QAAQ,mCAAmC;AACvF,SAASC,4BAA4B,EAAEC,oBAAoB,QAAQ,wBAAwB"}
+{"version":3,"names":["default","GroupChannelHeader","GroupChannelMessageList","GroupChannelInput","GroupChannelSuggestedMentionList","GroupChannelStatusEmpty","GroupChannelStatusLoading","createGroupChannelModule","GroupChannelContextsProvider","GroupChannelContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelSuggestedMentionList } from './component/GroupChannelSuggestedMentionList';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,gCAAgC;AAC9E,SAASD,OAAO,IAAIE,uBAAuB,QAAQ,qCAAqC;AACxF,SAASF,OAAO,IAAIG,iBAAiB,QAAQ,+BAA+B;AAC5E,SAASH,OAAO,IAAII,gCAAgC,QAAQ,8CAA8C;AAC1G,SAASJ,OAAO,IAAIK,uBAAuB,QAAQ,qCAAqC;AACxF,SAASL,OAAO,IAAIM,yBAAyB,QAAQ,uCAAuC;AAC5F,SAASN,OAAO,IAAIO,wBAAwB,QAAQ,mCAAmC;AACvF,SAASC,4BAA4B,EAAEC,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/domain/groupChannel/module/createGroupChannelModule.js

@@ -5,17 +5,16 @@ import GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';
 import GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';
 import GroupChannelSuggestedMentionList from '../component/GroupChannelSuggestedMentionList';
 import { GroupChannelContextsProvider } from './moduleContext';
-const createGroupChannelModule = function () {
-  let {
-    Header = GroupChannelHeader,
-    MessageList = GroupChannelMessageList,
-    Input = GroupChannelInput,
-    SuggestedMentionList = GroupChannelSuggestedMentionList,
-    StatusLoading = GroupChannelStatusLoading,
-    StatusEmpty = GroupChannelStatusEmpty,
-    Provider = GroupChannelContextsProvider,
-    ...module
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createGroupChannelModule = ({
+  Header = GroupChannelHeader,
+  MessageList = GroupChannelMessageList,
+  Input = GroupChannelInput,
+  SuggestedMentionList = GroupChannelSuggestedMentionList,
+  StatusLoading = GroupChannelStatusLoading,
+  StatusEmpty = GroupChannelStatusEmpty,
+  Provider = GroupChannelContextsProvider,
+  ...module
+} = {}) => {
   return {
     Header,
     MessageList,

package/lib/module/domain/groupChannel/module/createGroupChannelModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelHeader","GroupChannelInput","GroupChannelMessageList","GroupChannelStatusEmpty","GroupChannelStatusLoading","GroupChannelSuggestedMentionList","GroupChannelContextsProvider","createGroupChannelModule","Header","MessageList","Input","SuggestedMentionList","StatusLoading","StatusEmpty","Provider","module","arguments","length","undefined"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport GroupChannelSuggestedMentionList from '../component/GroupChannelSuggestedMentionList';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  SuggestedMentionList = GroupChannelSuggestedMentionList,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return {\n    Header,\n    MessageList,\n    Input,\n    SuggestedMentionList,\n    StatusEmpty,\n    StatusLoading,\n    Provider,\n    ...module,\n  };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,yBAAyB,MAAM,wCAAwC;AAC9E,OAAOC,gCAAgC,MAAM,+CAA+C;AAE5F,SAASC,4BAA4B,QAAQ,iBAAiB;AAE9D,MAAMC,wBAAwB,GAAG,SAAAA,CAAA,EAS2B;EAAA,IAT1B;IAChCC,MAAM,GAAGR,kBAAkB;IAC3BS,WAAW,GAAGP,uBAAuB;IACrCQ,KAAK,GAAGT,iBAAiB;IACzBU,oBAAoB,GAAGN,gCAAgC;IACvDO,aAAa,GAAGR,yBAAyB;IACzCS,WAAW,GAAGV,uBAAuB;IACrCW,QAAQ,GAAGR,4BAA4B;IACvC,GAAGS;EACwB,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACjC,OAAO;IACLR,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,oBAAoB;IACpBE,WAAW;IACXD,aAAa;IACbE,QAAQ;IACR,GAAGC;EACL,CAAC;AACH,CAAC;AAED,eAAeR,wBAAwB"}
+{"version":3,"names":["GroupChannelHeader","GroupChannelInput","GroupChannelMessageList","GroupChannelStatusEmpty","GroupChannelStatusLoading","GroupChannelSuggestedMentionList","GroupChannelContextsProvider","createGroupChannelModule","Header","MessageList","Input","SuggestedMentionList","StatusLoading","StatusEmpty","Provider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport GroupChannelSuggestedMentionList from '../component/GroupChannelSuggestedMentionList';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  SuggestedMentionList = GroupChannelSuggestedMentionList,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return {\n    Header,\n    MessageList,\n    Input,\n    SuggestedMentionList,\n    StatusEmpty,\n    StatusLoading,\n    Provider,\n    ...module,\n  };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,yBAAyB,MAAM,wCAAwC;AAC9E,OAAOC,gCAAgC,MAAM,+CAA+C;AAE5F,SAASC,4BAA4B,QAAQ,iBAAiB;AAE9D,MAAMC,wBAAwB,GAAGA,CAAC;EAChCC,MAAM,GAAGR,kBAAkB;EAC3BS,WAAW,GAAGP,uBAAuB;EACrCQ,KAAK,GAAGT,iBAAiB;EACzBU,oBAAoB,GAAGN,gCAAgC;EACvDO,aAAa,GAAGR,yBAAyB;EACzCS,WAAW,GAAGV,uBAAuB;EACrCW,QAAQ,GAAGR,4BAA4B;EACvC,GAAGS;AACwB,CAAC,GAAG,CAAC,CAAC,KAAyB;EAC1D,OAAO;IACLP,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,oBAAoB;IACpBE,WAAW;IACXD,aAAa;IACbE,QAAQ;IACR,GAAGC;EACL,CAAC;AACH,CAAC;AAED,eAAeR,wBAAwB","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React, { createContext, useCallback, useRef, useState } from 'react';
-import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
-import { Logger, NOOP, getGroupChannelChatAvailableState, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { Logger, NOOP, getGroupChannelChatAvailableState, isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';
 import ProviderLayout from '../../../components/ProviderLayout';
 import { MESSAGE_FOCUS_ANIMATION_DELAY } from '../../../constants';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
@@ -31,19 +31,17 @@ export const GroupChannelContexts = {
     }
   })
 };
-export const GroupChannelContextsProvider = _ref => {
-  let {
-    children,
-    channel,
-    enableTypingIndicator,
-    keyboardAvoidOffset = 0,
-    groupChannelPubSub,
-    messages,
-    onUpdateSearchItem,
-    onPressReplyMessageInThread
-  } = _ref;
+export const GroupChannelContextsProvider = ({
+  children,
+  channel,
+  enableTypingIndicator,
+  keyboardAvoidOffset = 0,
+  groupChannelPubSub,
+  messages,
+  onUpdateSearchItem,
+  onPressReplyMessageInThread
+}) => {
   if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');
-  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');
   const {
     STRINGS
   } = useLocalization();
@@ -81,12 +79,12 @@ export const GroupChannelContextsProvider = _ref => {
   };
   const onPressMessageToReply = parentMessage => {
     if (sbOptions.uikit.groupChannel.channel.replyType === 'thread' && parentMessage) {
-      onPressReplyMessageInThread === null || onPressReplyMessageInThread === void 0 ? void 0 : onPressReplyMessageInThread(parentMessage, Number.MAX_SAFE_INTEGER);
+      onPressReplyMessageInThread === null || onPressReplyMessageInThread === void 0 || onPressReplyMessageInThread(parentMessage, Number.MAX_SAFE_INTEGER);
     } else if (sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {
       updateInputMode('reply', parentMessage);
     }
   };
-  useChannelHandler(sdk, handlerId, {
+  useGroupChannelHandler(sdk, {
     onMessageDeleted(_, messageId) {
       if ((messageToReply === null || messageToReply === void 0 ? void 0 : messageToReply.messageId) === messageId) {
         setMessageToReply(undefined);
@@ -152,7 +150,7 @@ const useScrollActions = params => {
     }
     setTimeout(() => {
       var _flatListRef$current;
-      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 ? void 0 : _flatListRef$current.scrollToOffset({
+      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToOffset({
         offset: 0,
         animated: (params === null || params === void 0 ? void 0 : params.animated) ?? false
       });
@@ -167,7 +165,7 @@ const useScrollActions = params => {
     }
     setTimeout(() => {
       var _flatListRef$current2;
-      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 ? void 0 : _flatListRef$current2.scrollToIndex({
+      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === 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