@sendbird/uikit-react-native 3.5.3 → 3.6.0

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadStatusLoading.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+const GroupChannelThreadStatusLoading = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'loading'
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelThreadStatusLoading;
+//# sourceMappingURL=GroupChannelThreadStatusLoading.js.map

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelThreadStatusLoading","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelThreadStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelThreadStatusLoading = () => {\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 GroupChannelThreadStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EAC5C,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,+BAA+B"}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.js

@@ -0,0 +1,185 @@
+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 { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+import useKeyboardStatus from '../../../hooks/useKeyboardStatus';
+import useMentionSuggestion from '../../../hooks/useMentionSuggestion';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadSuggestedMentionList = _ref => {
+  let {
+    text,
+    selection,
+    inputHeight,
+    bottomInset,
+    onPressToMention,
+    mentionedUsers
+  } = _ref;
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = useWindowDimensions();
+  const {
+    channel
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const {
+    sdk,
+    mentionManager
+  } = useSendbirdChat();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    topInset
+  } = useHeaderStyle();
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  const keyboard = useKeyboardStatus();
+  const {
+    members,
+    reset,
+    searchStringRange,
+    searchLimited
+  } = useMentionSuggestion({
+    sdk,
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  });
+  const isLandscape = screenWidth > screenHeight;
+  const isShortened = isLandscape && keyboard.visible;
+  const canRenderMembers = members.length > 0;
+  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;
+  const renderLimitGuide = () => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.searchLimited, {
+        borderTopColor: colors.onBackground04
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: 'info',
+      size: 20,
+      containerStyle: {
+        marginRight: 4
+      },
+      color: colors.onBackground02
+    }), /*#__PURE__*/React.createElement(Text, {
+      body3: true,
+      color: colors.onBackground02
+    }, STRINGS.GROUP_CHANNEL_THREAD.MENTION_LIMITED(mentionManager.config.mentionLimit)));
+  };
+  const renderMembers = () => {
+    return /*#__PURE__*/React.createElement(View, null, members.map(member => {
+      return /*#__PURE__*/React.createElement(Pressable, {
+        onPress: () => {
+          onPressToMention(member, searchStringRange);
+          reset();
+        },
+        key: member.userId,
+        style: styles.userContainer
+      }, /*#__PURE__*/React.createElement(Avatar, {
+        size: 28,
+        uri: member.profileUrl,
+        containerStyle: styles.userAvatar
+      }), /*#__PURE__*/React.createElement(View, {
+        style: styles.userInfo
+      }, /*#__PURE__*/React.createElement(Text, {
+        body2: true,
+        color: colors.onBackground01,
+        numberOfLines: 1,
+        style: styles.userNickname
+      }, member.nickname || STRINGS.LABELS.USER_NO_NAME), /*#__PURE__*/React.createElement(Text, {
+        body3: true,
+        color: colors.onBackground03,
+        numberOfLines: 1,
+        style: styles.userId
+      }, member.userId), /*#__PURE__*/React.createElement(Divider, {
+        style: {
+          position: 'absolute',
+          bottom: 0
+        }
+      })));
+    }));
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: reset,
+    pointerEvents: canRenderMembers ? 'auto' : 'none',
+    style: [styles.container, {
+      bottom: inputHeight + bottomInset
+    }]
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    keyboardDismissMode: 'none',
+    keyboardShouldPersistTaps: 'always',
+    style: [styles.scrollView, {
+      maxHeight,
+      backgroundColor: colors.background,
+      bottom: keyboard.bottomSpace
+    }, canRenderMembers && {
+      borderTopWidth: 1,
+      borderTopColor: colors.onBackground04
+    }],
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right
+    }
+  }, conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])));
+};
+const styles = createStyleSheet({
+  suggestion: {
+    height: 196
+  },
+  container: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    left: 0
+  },
+  scrollView: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  userContainer: {
+    paddingLeft: 16,
+    flexDirection: 'row',
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  userAvatar: {
+    marginRight: 16
+  },
+  userInfo: {
+    flexDirection: 'row',
+    flex: 1
+  },
+  userNickname: {
+    flexShrink: 1,
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    marginRight: 6
+  },
+  userId: {
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    minWidth: 32,
+    flexShrink: 1,
+    marginRight: 16
+  },
+  searchLimited: {
+    borderTopWidth: 1,
+    paddingHorizontal: 16,
+    height: 44,
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelThreadSuggestedMentionList;
+//# sourceMappingURL=GroupChannelThreadSuggestedMentionList.js.map

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Pressable","ScrollView","View","useWindowDimensions","useSafeAreaInsets","Avatar","Divider","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","conditionChaining","useLocalization","useSendbirdChat","useKeyboardStatus","useMentionSuggestion","GroupChannelThreadContexts","GroupChannelThreadSuggestedMentionList","_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_THREAD","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":["GroupChannelThreadSuggestedMentionList.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 { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadSuggestedMentionList = ({\n  text,\n  selection,\n  inputHeight,\n  bottomInset,\n  onPressToMention,\n  mentionedUsers,\n}: GroupChannelThreadProps['SuggestedMentionList']) => {\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n  const { channel } = useContext(GroupChannelThreadContexts.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_THREAD.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 GroupChannelThreadSuggestedMentionList;\n"],"mappings":"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"}

package/lib/module/domain/groupChannelThread/index.js

@@ -0,0 +1,9 @@
+export { default as GroupChannelThreadHeader } from './component/GroupChannelThreadHeader';
+export { default as GroupChannelThreadMessageList } from './component/GroupChannelThreadMessageList';
+export { default as GroupChannelThreadInput } from './component/GroupChannelThreadInput';
+export { default as GroupChannelThreadSuggestedMentionList } from './component/GroupChannelThreadSuggestedMentionList';
+export { default as GroupChannelThreadStatusEmpty } from './component/GroupChannelThreadStatusEmpty';
+export { default as GroupChannelThreadStatusLoading } from './component/GroupChannelThreadStatusLoading';
+export { default as createGroupChannelThreadModule } from './module/createGroupChannelThreadModule';
+export { GroupChannelThreadContextsProvider, GroupChannelThreadContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelThreadHeader","GroupChannelThreadMessageList","GroupChannelThreadInput","GroupChannelThreadSuggestedMentionList","GroupChannelThreadStatusEmpty","GroupChannelThreadStatusLoading","createGroupChannelThreadModule","GroupChannelThreadContextsProvider","GroupChannelThreadContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelThreadHeader } from './component/GroupChannelThreadHeader';\nexport { default as GroupChannelThreadMessageList } from './component/GroupChannelThreadMessageList';\nexport { default as GroupChannelThreadInput } from './component/GroupChannelThreadInput';\nexport { default as GroupChannelThreadSuggestedMentionList } from './component/GroupChannelThreadSuggestedMentionList';\nexport { default as GroupChannelThreadStatusEmpty } from './component/GroupChannelThreadStatusEmpty';\nexport { default as GroupChannelThreadStatusLoading } from './component/GroupChannelThreadStatusLoading';\nexport { default as createGroupChannelThreadModule } from './module/createGroupChannelThreadModule';\nexport { GroupChannelThreadContextsProvider, GroupChannelThreadContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,2CAA2C;AACpG,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,qCAAqC;AACxF,SAASH,OAAO,IAAII,sCAAsC,QAAQ,oDAAoD;AACtH,SAASJ,OAAO,IAAIK,6BAA6B,QAAQ,2CAA2C;AACpG,SAASL,OAAO,IAAIM,+BAA+B,QAAQ,6CAA6C;AACxG,SAASN,OAAO,IAAIO,8BAA8B,QAAQ,yCAAyC;AACnG,SAASC,kCAAkC,EAAEC,0BAA0B,QAAQ,wBAAwB"}

package/lib/module/domain/groupChannelThread/module/createGroupChannelThreadModule.js

@@ -0,0 +1,34 @@
+import GroupChannelThreadHeader from '../component/GroupChannelThreadHeader';
+import GroupChannelThreadInput from '../component/GroupChannelThreadInput';
+import GroupChannelThreadMessageList from '../component/GroupChannelThreadMessageList';
+import GroupChannelThreadParentMessageInfo from '../component/GroupChannelThreadParentMessageInfo';
+import GroupChannelThreadStatusEmpty from '../component/GroupChannelThreadStatusEmpty';
+import GroupChannelThreadStatusLoading from '../component/GroupChannelThreadStatusLoading';
+import GroupChannelThreadSuggestedMentionList from '../component/GroupChannelThreadSuggestedMentionList';
+import { GroupChannelThreadContextsProvider } from './moduleContext';
+const createGroupChannelThreadModule = function () {
+  let {
+    Header = GroupChannelThreadHeader,
+    ParentMessageInfo = GroupChannelThreadParentMessageInfo,
+    MessageList = GroupChannelThreadMessageList,
+    Input = GroupChannelThreadInput,
+    SuggestedMentionList = GroupChannelThreadSuggestedMentionList,
+    StatusLoading = GroupChannelThreadStatusLoading,
+    StatusEmpty = GroupChannelThreadStatusEmpty,
+    Provider = GroupChannelThreadContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    ParentMessageInfo,
+    MessageList,
+    Input,
+    SuggestedMentionList,
+    StatusEmpty,
+    StatusLoading,
+    Provider,
+    ...module
+  };
+};
+export default createGroupChannelThreadModule;
+//# sourceMappingURL=createGroupChannelThreadModule.js.map

package/lib/module/domain/groupChannelThread/module/createGroupChannelThreadModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelThreadHeader","GroupChannelThreadInput","GroupChannelThreadMessageList","GroupChannelThreadParentMessageInfo","GroupChannelThreadStatusEmpty","GroupChannelThreadStatusLoading","GroupChannelThreadSuggestedMentionList","GroupChannelThreadContextsProvider","createGroupChannelThreadModule","Header","ParentMessageInfo","MessageList","Input","SuggestedMentionList","StatusLoading","StatusEmpty","Provider","module","arguments","length","undefined"],"sources":["createGroupChannelThreadModule.tsx"],"sourcesContent":["import GroupChannelThreadHeader from '../component/GroupChannelThreadHeader';\nimport GroupChannelThreadInput from '../component/GroupChannelThreadInput';\nimport GroupChannelThreadMessageList from '../component/GroupChannelThreadMessageList';\nimport GroupChannelThreadParentMessageInfo from '../component/GroupChannelThreadParentMessageInfo';\nimport GroupChannelThreadStatusEmpty from '../component/GroupChannelThreadStatusEmpty';\nimport GroupChannelThreadStatusLoading from '../component/GroupChannelThreadStatusLoading';\nimport GroupChannelThreadSuggestedMentionList from '../component/GroupChannelThreadSuggestedMentionList';\nimport type { GroupChannelThreadModule } from '../types';\nimport { GroupChannelThreadContextsProvider } from './moduleContext';\n\nconst createGroupChannelThreadModule = ({\n  Header = GroupChannelThreadHeader,\n  ParentMessageInfo = GroupChannelThreadParentMessageInfo,\n  MessageList = GroupChannelThreadMessageList,\n  Input = GroupChannelThreadInput,\n  SuggestedMentionList = GroupChannelThreadSuggestedMentionList,\n  StatusLoading = GroupChannelThreadStatusLoading,\n  StatusEmpty = GroupChannelThreadStatusEmpty,\n  Provider = GroupChannelThreadContextsProvider,\n  ...module\n}: Partial<GroupChannelThreadModule> = {}): GroupChannelThreadModule => {\n  return {\n    Header,\n    ParentMessageInfo,\n    MessageList,\n    Input,\n    SuggestedMentionList,\n    StatusEmpty,\n    StatusLoading,\n    Provider,\n    ...module,\n  };\n};\n\nexport default createGroupChannelThreadModule;\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,uCAAuC;AAC5E,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,6BAA6B,MAAM,4CAA4C;AACtF,OAAOC,mCAAmC,MAAM,kDAAkD;AAClG,OAAOC,6BAA6B,MAAM,4CAA4C;AACtF,OAAOC,+BAA+B,MAAM,8CAA8C;AAC1F,OAAOC,sCAAsC,MAAM,qDAAqD;AAExG,SAASC,kCAAkC,QAAQ,iBAAiB;AAEpE,MAAMC,8BAA8B,GAAG,SAAAA,CAAA,EAUiC;EAAA,IAVhC;IACtCC,MAAM,GAAGT,wBAAwB;IACjCU,iBAAiB,GAAGP,mCAAmC;IACvDQ,WAAW,GAAGT,6BAA6B;IAC3CU,KAAK,GAAGX,uBAAuB;IAC/BY,oBAAoB,GAAGP,sCAAsC;IAC7DQ,aAAa,GAAGT,+BAA+B;IAC/CU,WAAW,GAAGX,6BAA6B;IAC3CY,QAAQ,GAAGT,kCAAkC;IAC7C,GAAGU;EAC8B,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACvC,OAAO;IACLT,MAAM;IACNC,iBAAiB;IACjBC,WAAW;IACXC,KAAK;IACLC,oBAAoB;IACpBE,WAAW;IACXD,aAAa;IACbE,QAAQ;IACR,GAAGC;EACL,CAAC;AACH,CAAC;AAED,eAAeT,8BAA8B"}

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

@@ -0,0 +1,137 @@
+import React, { createContext, useRef, useState } from 'react';
+import { Logger, NOOP, useFreshCallback } from '@sendbird/uikit-utils';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization } from '../../../hooks/useContext';
+export const GroupChannelThreadContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {},
+    parentMessage: {},
+    setMessageToEdit: NOOP
+  }),
+  PubSub: /*#__PURE__*/createContext({
+    publish: NOOP,
+    subscribe: () => NOOP
+  }),
+  MessageList: /*#__PURE__*/createContext({
+    flatListRef: {
+      current: null
+    },
+    scrollToMessage: () => false,
+    lazyScrollToBottom: () => {
+      // noop
+    },
+    lazyScrollToIndex: () => {
+      // noop
+    }
+  })
+};
+export const GroupChannelThreadContextsProvider = _ref => {
+  let {
+    children,
+    channel,
+    parentMessage,
+    keyboardAvoidOffset = 0,
+    groupChannelThreadPubSub,
+    threadedMessages
+  } = _ref;
+  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelThreadModule');
+  const {
+    STRINGS
+  } = useLocalization();
+  const [messageToEdit, setMessageToEdit] = useState();
+  const {
+    flatListRef,
+    lazyScrollToIndex,
+    lazyScrollToBottom,
+    scrollToMessage
+  } = useScrollActions({
+    threadedMessages: threadedMessages
+  });
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(GroupChannelThreadContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL_THREAD.HEADER_TITLE,
+      channel,
+      parentMessage,
+      keyboardAvoidOffset,
+      messageToEdit: messageToEdit,
+      setMessageToEdit
+    }
+  }, /*#__PURE__*/React.createElement(GroupChannelThreadContexts.PubSub.Provider, {
+    value: groupChannelThreadPubSub
+  }, /*#__PURE__*/React.createElement(GroupChannelThreadContexts.MessageList.Provider, {
+    value: {
+      flatListRef,
+      scrollToMessage,
+      lazyScrollToIndex,
+      lazyScrollToBottom
+    }
+  }, children))));
+};
+const useScrollActions = params => {
+  const {
+    threadedMessages
+  } = 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(() => {
+      if (flatListRef.current) {
+        flatListRef.current.scrollToEnd({
+          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(() => {
+      if (flatListRef.current) {
+        flatListRef.current.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 = threadedMessages.findIndex(it => it.messageId === messageId);
+    const isIncludedInList = foundMessageIndex > -1;
+    if (isIncludedInList) {
+      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/groupChannelThread/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useRef","useState","Logger","NOOP","useFreshCallback","ProviderLayout","useLocalization","GroupChannelThreadContexts","Fragment","headerTitle","channel","parentMessage","setMessageToEdit","PubSub","publish","subscribe","MessageList","flatListRef","current","scrollToMessage","lazyScrollToBottom","lazyScrollToIndex","GroupChannelThreadContextsProvider","_ref","children","keyboardAvoidOffset","groupChannelThreadPubSub","threadedMessages","Error","STRINGS","messageToEdit","useScrollActions","createElement","Provider","value","GROUP_CHANNEL_THREAD","HEADER_TITLE","params","logFlatListRefWarning","setTimeout","scrollToEnd","animated","timeout","scrollToIndex","index","viewPosition","messageId","options","foundMessageIndex","findIndex","it","isIncludedInList","warn"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useRef, useState } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport {\n  ContextValue,\n  Logger,\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type {\n  GroupChannelThreadContextsType,\n  GroupChannelThreadModule,\n  GroupChannelThreadPubSubContextPayload,\n} from '../types';\nimport { GroupChannelThreadProps } from '../types';\n\nexport const GroupChannelThreadContexts: GroupChannelThreadContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    parentMessage: {} as SendbirdUserMessage | SendbirdFileMessage,\n    setMessageToEdit: NOOP,\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<GroupChannelThreadPubSubContextPayload>),\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 GroupChannelThreadContextsProvider: GroupChannelThreadModule['Provider'] = ({\n  children,\n  channel,\n  parentMessage,\n  keyboardAvoidOffset = 0,\n  groupChannelThreadPubSub,\n  threadedMessages,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelThreadModule');\n\n  const { STRINGS } = useLocalization();\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n  const { flatListRef, lazyScrollToIndex, lazyScrollToBottom, scrollToMessage } = useScrollActions({\n    threadedMessages: threadedMessages,\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelThreadContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL_THREAD.HEADER_TITLE,\n          channel,\n          parentMessage,\n          keyboardAvoidOffset,\n          messageToEdit: messageToEdit,\n          setMessageToEdit,\n        }}\n      >\n        <GroupChannelThreadContexts.PubSub.Provider value={groupChannelThreadPubSub}>\n          <GroupChannelThreadContexts.MessageList.Provider\n            value={{\n              flatListRef,\n              scrollToMessage,\n              lazyScrollToIndex,\n              lazyScrollToBottom,\n            }}\n          >\n            {children}\n          </GroupChannelThreadContexts.MessageList.Provider>\n        </GroupChannelThreadContexts.PubSub.Provider>\n      </GroupChannelThreadContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n\ntype MessageListContextValue = ContextValue<GroupChannelThreadContextsType['MessageList']>;\nconst useScrollActions = (params: Pick<GroupChannelThreadProps['Provider'], 'threadedMessages'>) => {\n  const { threadedMessages } = 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      if (flatListRef.current) {\n        flatListRef.current.scrollToEnd({ animated: params?.animated ?? false });\n      }\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      if (flatListRef.current) {\n        flatListRef.current.scrollToIndex({\n          index: params?.index ?? 0,\n          animated: params?.animated ?? false,\n          viewPosition: params?.viewPosition ?? 0.5,\n        });\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 = threadedMessages.findIndex((it) => it.messageId === messageId);\n    const isIncludedInList = foundMessageIndex > -1;\n\n    if (isIncludedInList) {\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/groupChannelThread/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"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  PickPartial,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';\nimport type { ChannelThreadMessageListProps } from '../../components/ChannelThreadMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\n\nexport interface GroupChannelThreadProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    parentMessage: SendbirdUserMessage | SendbirdFileMessage;\n    startingPoint?: number;\n    onParentMessageDeleted: () => void;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelThreadProps['Header']['onPressLeft'];\n    onPressHeaderSubtitle?: GroupChannelThreadProps['Header']['onPressSubtitle'];\n    onPressMediaMessage?: GroupChannelThreadProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: GroupChannelThreadProps['MessageList']['renderMessage'];\n\n    enableMessageGrouping?: GroupChannelThreadProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelThreadProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelThreadProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n  };\n  Header: {\n    onPressLeft: () => void;\n    onPressSubtitle: () => void;\n  };\n  ParentMessageInfo: {\n    channel: SendbirdGroupChannel;\n    currentUserId?: string;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n  };\n  MessageList: Pick<\n    ChannelThreadMessageListProps<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    | 'flatListProps'\n    | 'hasNext'\n    | 'searchItem'\n  > & {\n    onResetMessageList: () => Promise<void>;\n    onResetMessageListWithStartingPoint: (startingPoint: number) => Promise<void>;\n    startingPoint?: number;\n  };\n  Input: PickPartial<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n    | 'SuggestedMentionList'\n    | 'AttachmentsButton',\n    'inputDisabled'\n  >;\n\n  SuggestedMentionList: SuggestedMentionListProps;\n  Provider: {\n    channel: SendbirdGroupChannel;\n    keyboardAvoidOffset?: number;\n    groupChannelThreadPubSub: PubSub<GroupChannelThreadPubSubContextPayload>;\n    parentMessage: SendbirdUserMessage | SendbirdFileMessage;\n    threadedMessages: SendbirdMessage[];\n  };\n}\n\n/**\n * Internal context for GroupChannelThread\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelThreadContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    keyboardAvoidOffset?: number;\n    channel: SendbirdGroupChannel;\n    parentMessage: SendbirdUserMessage | SendbirdFileMessage;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  }>;\n  PubSub: React.Context<PubSub<GroupChannelThreadPubSubContextPayload>>;\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(GroupChannelThreadContexts.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}\n\nexport interface GroupChannelThreadModule {\n  Provider: CommonComponent<GroupChannelThreadProps['Provider']>;\n  Header: CommonComponent<GroupChannelThreadProps['Header']>;\n  ParentMessageInfo: CommonComponent<GroupChannelThreadProps['ParentMessageInfo']>;\n  MessageList: CommonComponent<GroupChannelThreadProps['MessageList']>;\n  Input: CommonComponent<GroupChannelThreadProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelThreadProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelThreadFragment = React.FC<GroupChannelThreadProps['Fragment']>;\n\nexport type GroupChannelThreadPubSubContextPayload =\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/fragments/createGroupChannelFragment.js

@@ -1,15 +1,16 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { MessageFilter } from '@sendbird/chat/groupChannel';
 import { ReplyType } from '@sendbird/chat/message';
-import { Box } from '@sendbird/uikit-react-native-foundation';
+import { Box, useToast } from '@sendbird/uikit-react-native-foundation';
 import { useGroupChannelMessages } from '@sendbird/uikit-tools';
+import { getReadableFileSize } from '@sendbird/uikit-utils';
 import { NOOP, PASS, confirmAndMarkAsRead, messageComparator, useFreshCallback, useIIFE, useRefTracker } from '@sendbird/uikit-utils';
 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 { usePlatformService, useSendbirdChat } from '../hooks/useContext';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../hooks/useContext';
 import pubsub from '../utils/pubsub';
 const createGroupChannelFragment = initModule => {
   const GroupChannelModule = createGroupChannelModule(initModule);
@@ -25,6 +26,7 @@ const createGroupChannelFragment = initModule => {
       onPressHeaderRight = NOOP,
       onPressMediaMessage = NOOP,
       onChannelDeleted = NOOP,
+      onPressReplyMessageInThread = NOOP,
       onBeforeSendUserMessage = PASS,
       onBeforeSendFileMessage = PASS,
       onBeforeUpdateUserMessage = PASS,
@@ -43,15 +45,24 @@ const createGroupChannelFragment = initModule => {
     const {
       sdk,
       currentUser,
-      sbOptions
+      sbOptions,
+      voiceMessageStatusManager
     } = useSendbirdChat();
+    const toast = useToast();
+    const {
+      STRINGS
+    } = useLocalization();
     const [internalSearchItem, setInternalSearchItem] = useState(searchItem);
     const navigateFromMessageSearch = useCallback(() => Boolean(searchItem), []);
     const [groupChannelPubSub] = useState(() => pubsub());
     const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);
     const scrolledAwayFromBottomRef = useRefTracker(scrolledAwayFromBottom);
     const replyType = useIIFE(() => {
-      if (sbOptions.uikit.groupChannel.channel.replyType === 'none') return ReplyType.NONE;else return ReplyType.ONLY_REPLY_TO_CHANNEL;
+      if (sbOptions.uikit.groupChannel.channel.replyType === 'none') {
+        return ReplyType.NONE;
+      } else {
+        return ReplyType.ONLY_REPLY_TO_CHANNEL;
+      }
     });
     const {
       loading,
@@ -98,6 +109,7 @@ const createGroupChannelFragment = initModule => {
       return Promise.allSettled([playerService.reset(), recorderService.reset()]);
     };
     const _onPressHeaderLeft = useFreshCallback(async () => {
+      voiceMessageStatusManager.clear();
       await onBlurFragment();
       onPressHeaderLeft();
     });
@@ -109,6 +121,10 @@ const createGroupChannelFragment = initModule => {
       await onBlurFragment();
       onPressMediaMessage(message, deleteMessage, uri);
     });
+    const _onPressReplyMessageInThread = useFreshCallback(async (message, startingPoint) => {
+      await onBlurFragment();
+      onPressReplyMessageInThread(message, startingPoint);
+    });
     useEffect(() => {
       return () => {
         onBlurFragment();
@@ -160,9 +176,18 @@ const createGroupChannelFragment = initModule => {
       onSent(message);
     });
     const onPressSendFileMessage = useFreshCallback(async params => {
+      var _processedParams$file;
       const processedParams = await onBeforeSendFileMessage(params);
-      const message = await sendFileMessage(processedParams, onPending);
-      onSent(message);
+      const fileSize = ((_processedParams$file = processedParams.file) === null || _processedParams$file === void 0 ? void 0 : _processedParams$file.size) ?? processedParams.fileSize;
+      const uploadSizeLimit = sbOptions.appInfo.uploadSizeLimit;
+      if (fileSize && uploadSizeLimit && fileSize > uploadSizeLimit) {
+        const sizeLimitString = `${getReadableFileSize(uploadSizeLimit)} MB`;
+        toast.show(STRINGS.TOAST.FILE_UPLOAD_SIZE_LIMIT_EXCEEDED_ERROR(sizeLimitString), 'error');
+        return;
+      } else {
+        const message = await sendFileMessage(processedParams, onPending);
+        onSent(message);
+      }
     });
     const onPressUpdateUserMessage = useFreshCallback(async (message, params) => {
       const processedParams = await onBeforeUpdateUserMessage(params);
@@ -182,7 +207,8 @@ const createGroupChannelFragment = initModule => {
       enableTypingIndicator: enableTypingIndicator ?? sbOptions.uikit.groupChannel.channel.enableTypingIndicator,
       keyboardAvoidOffset: keyboardAvoidOffset,
       messages: messages,
-      onUpdateSearchItem: onUpdateSearchItem
+      onUpdateSearchItem: onUpdateSearchItem,
+      onPressReplyMessageInThread: _onPressReplyMessageInThread
     }, /*#__PURE__*/React.createElement(GroupChannelModule.Header, {
       shouldHideRight: navigateFromMessageSearch,
       onPressHeaderLeft: _onPressHeaderLeft,