@sendbird/uikit-react-native 3.5.4 → 3.6.0

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

@@ -0,0 +1,73 @@
+import React, { useContext } from 'react';
+import { View } from 'react-native';
+import { Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadHeader = _ref => {
+  let {
+    onPressLeft,
+    onPressSubtitle
+  } = _ref;
+  const {
+    headerTitle,
+    channel
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    select,
+    colors,
+    palette
+  } = useUIKitTheme();
+  const {
+    currentUser
+  } = useSendbirdChat();
+  const renderSubtitle = () => {
+    if (!currentUser) return null;
+    return /*#__PURE__*/React.createElement(Text, {
+      onPress: onPressSubtitle,
+      caption2: true,
+      style: styles.subtitle,
+      color: select({
+        light: palette.primary300,
+        dark: palette.primary200
+      }),
+      numberOfLines: 1
+    }, STRINGS.GROUP_CHANNEL_THREAD.HEADER_SUBTITLE(currentUser.userId, channel));
+  };
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    clearTitleMargin: true,
+    title: /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexShrink: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      h2: true,
+      color: colors.onBackground01,
+      numberOfLines: 1
+    }, headerTitle), renderSubtitle())),
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left',
+      size: 24
+    }),
+    onPressLeft: onPressLeft
+  });
+};
+const styles = createStyleSheet({
+  titleContainer: {
+    maxWidth: '100%',
+    flexDirection: 'row',
+    width: '100%'
+  },
+  subtitle: {
+    marginTop: 2
+  }
+});
+export default GroupChannelThreadHeader;
+//# sourceMappingURL=GroupChannelThreadHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","View","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadHeader","_ref","onPressLeft","onPressSubtitle","headerTitle","channel","Fragment","HeaderComponent","STRINGS","select","colors","palette","currentUser","renderSubtitle","createElement","onPress","caption2","style","styles","subtitle","color","light","primary300","dark","primary200","numberOfLines","GROUP_CHANNEL_THREAD","HEADER_SUBTITLE","userId","clearTitleMargin","title","titleContainer","flexShrink","h2","onBackground01","left","icon","size","maxWidth","flexDirection","width","marginTop"],"sources":["GroupChannelThreadHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadHeader = ({ onPressLeft, onPressSubtitle }: GroupChannelThreadProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelThreadContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n  const { select, colors, palette } = useUIKitTheme();\n  const { currentUser } = useSendbirdChat();\n\n  const renderSubtitle = () => {\n    if (!currentUser) return null;\n\n    return (\n      <Text\n        onPress={onPressSubtitle}\n        caption2\n        style={styles.subtitle}\n        color={select({ light: palette.primary300, dark: palette.primary200 })}\n        numberOfLines={1}\n      >\n        {STRINGS.GROUP_CHANNEL_THREAD.HEADER_SUBTITLE(currentUser.userId, channel)}\n      </Text>\n    );\n  };\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <View style={{ flexShrink: 1 }}>\n            <Text h2 color={colors.onBackground01} numberOfLines={1}>\n              {headerTitle}\n            </Text>\n            {renderSubtitle()}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} size={24} />}\n      onPressLeft={onPressLeft}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    width: '100%',\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelThreadHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAErH,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,wBAAwB,GAAGC,IAAA,IAAyE;EAAA,IAAxE;IAAEC,WAAW;IAAEC;EAAmD,CAAC,GAAAF,IAAA;EACnG,MAAM;IAAEG,WAAW;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACS,0BAA0B,CAACO,QAAQ,CAAC;EAChF,MAAM;IAAEC;EAAgB,CAAC,GAAGZ,cAAc,EAAE;EAC5C,MAAM;IAAEa;EAAQ,CAAC,GAAGX,eAAe,EAAE;EACrC,MAAM;IAAEY,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGf,aAAa,EAAE;EACnD,MAAM;IAAEgB;EAAY,CAAC,GAAGd,eAAe,EAAE;EAEzC,MAAMe,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;IAE7B,oBACEvB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MACHsB,OAAO,EAAEZ,eAAgB;MACzBa,QAAQ;MACRC,KAAK,EAAEC,MAAM,CAACC,QAAS;MACvBC,KAAK,EAAEX,MAAM,CAAC;QAAEY,KAAK,EAAEV,OAAO,CAACW,UAAU;QAAEC,IAAI,EAAEZ,OAAO,CAACa;MAAW,CAAC,CAAE;MACvEC,aAAa,EAAE;IAAE,GAEhBjB,OAAO,CAACkB,oBAAoB,CAACC,eAAe,CAACf,WAAW,CAACgB,MAAM,EAAEvB,OAAO,CAAC,CACrE;EAEX,CAAC;EAED,oBACEhB,KAAA,CAAAyB,aAAA,CAACP,eAAe;IACdsB,gBAAgB;IAChBC,KAAK,eACHzC,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACa;IAAe,gBACjC1C,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAE;QAAEe,UAAU,EAAE;MAAE;IAAE,gBAC7B3C,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MAACwC,EAAE;MAACb,KAAK,EAAEV,MAAM,CAACwB,cAAe;MAACT,aAAa,EAAE;IAAE,GACrDrB,WAAW,CACP,EACNS,cAAc,EAAE,CACZ,CAEV;IACDsB,IAAI,eAAE9C,KAAA,CAAAyB,aAAA,CAACtB,IAAI;MAAC4C,IAAI,EAAE,YAAa;MAACC,IAAI,EAAE;IAAG,EAAI;IAC7CnC,WAAW,EAAEA;EAAY,EACzB;AAEN,CAAC;AAED,MAAMgB,MAAM,GAAGxB,gBAAgB,CAAC;EAC9BqC,cAAc,EAAE;IACdO,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE;EACT,CAAC;EACDrB,QAAQ,EAAE;IACRsB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAezC,wBAAwB"}

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

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useContext } from 'react';
+import { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';
+import ChannelInput from '../../../components/ChannelInput';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadInput = _ref => {
+  let {
+    inputDisabled,
+    ...props
+  } = _ref;
+  const {
+    channel,
+    keyboardAvoidOffset = 0,
+    messageToEdit,
+    setMessageToEdit,
+    parentMessage
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const chatAvailableState = getGroupChannelChatAvailableState(channel);
+  return /*#__PURE__*/React.createElement(ChannelInput, _extends({
+    channel: channel,
+    messageToEdit: messageToEdit,
+    setMessageToEdit: setMessageToEdit,
+    messageForThread: parentMessage,
+    keyboardAvoidOffset: keyboardAvoidOffset,
+    inputMuted: chatAvailableState.muted,
+    inputFrozen: chatAvailableState.frozen,
+    inputDisabled: inputDisabled ?? chatAvailableState.disabled,
+    MessageToReplyPreview: () => {
+      return null;
+    }
+  }, props));
+};
+export default /*#__PURE__*/React.memo(GroupChannelThreadInput);
+//# sourceMappingURL=GroupChannelThreadInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelThreadContexts","GroupChannelThreadInput","_ref","inputDisabled","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","parentMessage","Fragment","chatAvailableState","createElement","_extends","messageForThread","inputMuted","muted","inputFrozen","frozen","disabled","MessageToReplyPreview","memo"],"sources":["GroupChannelThreadInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadInput = ({ inputDisabled, ...props }: GroupChannelThreadProps['Input']) => {\n  const {\n    channel,\n    keyboardAvoidOffset = 0,\n    messageToEdit,\n    setMessageToEdit,\n    parentMessage,\n  } = useContext(GroupChannelThreadContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      messageForThread={parentMessage}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={inputDisabled ?? chatAvailableState.disabled}\n      MessageToReplyPreview={() => {\n        return null;\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,uBAAuB,GAAGC,IAAA,IAAmE;EAAA,IAAlE;IAAEC,aAAa;IAAE,GAAGC;EAAwC,CAAC,GAAAF,IAAA;EAC5F,MAAM;IACJG,OAAO;IACPC,mBAAmB,GAAG,CAAC;IACvBC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAGZ,UAAU,CAACG,0BAA0B,CAACU,QAAQ,CAAC;EAEnD,MAAMC,kBAAkB,GAAGb,iCAAiC,CAACO,OAAO,CAAC;EAErE,oBACET,KAAA,CAAAgB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXR,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCM,gBAAgB,EAAEL,aAAc;IAChCH,mBAAmB,EAAEA,mBAAoB;IACzCS,UAAU,EAAEJ,kBAAkB,CAACK,KAAM;IACrCC,WAAW,EAAEN,kBAAkB,CAACO,MAAO;IACvCf,aAAa,EAAEA,aAAa,IAAIQ,kBAAkB,CAACQ,QAAS;IAC5DC,qBAAqB,EAAEA,CAAA,KAAM;MAC3B,OAAO,IAAI;IACb;EAAE,GACEhB,KAAK,EACT;AAEN,CAAC;AAED,4BAAeR,KAAK,CAACyB,IAAI,CAACpB,uBAAuB,CAAC"}

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

@@ -0,0 +1,117 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';
+import { useSendbirdChat } from '../../../hooks/useContext';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadMessageList = props => {
+  const {
+    sdk
+  } = useSendbirdChat();
+  const {
+    setMessageToEdit
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const {
+    subscribe
+  } = useContext(GroupChannelThreadContexts.PubSub);
+  const {
+    flatListRef,
+    lazyScrollToBottom,
+    lazyScrollToIndex
+  } = useContext(GroupChannelThreadContexts.MessageList);
+  const id = useUniqHandlerId('GroupChannelThreadMessageList');
+  const ignorePropReached = useRef(false);
+  const _onTopReached = () => {
+    if (!ignorePropReached.current) {
+      props.onTopReached();
+    }
+  };
+  const _onBottomReached = () => {
+    if (!ignorePropReached.current) {
+      props.onBottomReached();
+    }
+  };
+  const scrollToBottom = useFreshCallback(async function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (props.hasNext()) {
+      props.onScrolledAwayFromBottom(false);
+      await props.onResetMessageList();
+      props.onScrolledAwayFromBottom(false);
+      lazyScrollToBottom({
+        animated
+      });
+    } else {
+      lazyScrollToBottom({
+        animated
+      });
+    }
+  });
+  useLayoutEffect(() => {
+    if (props.startingPoint) {
+      const foundMessageIndex = props.messages.findIndex(it => it.createdAt === props.startingPoint);
+      const isIncludedInList = foundMessageIndex > -1;
+      if (isIncludedInList) {
+        ignorePropReached.current = true;
+        const timeout = 300;
+        lazyScrollToIndex({
+          index: foundMessageIndex,
+          animated: true,
+          timeout: timeout
+        });
+        setTimeout(() => {
+          ignorePropReached.current = false;
+        }, timeout + 50);
+      }
+    }
+  }, [props.startingPoint]);
+  useChannelHandler(sdk, id, {
+    onReactionUpdated(channel, event) {
+      if (isDifferentChannel(channel, props.channel)) return;
+      const recentMessage = props.messages[0];
+      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;
+      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();
+      if (isRecentMessage && scrollReachedBottomAndCanScroll) {
+        lazyScrollToBottom({
+          animated: true,
+          timeout: 250
+        });
+      }
+    }
+  });
+  useEffect(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'TYPING_BUBBLE_RENDERED':
+        case 'MESSAGES_RECEIVED':
+          {
+            if (!props.scrolledAwayFromBottom) {
+              scrollToBottom(true);
+            }
+            break;
+          }
+        case 'MESSAGE_SENT_SUCCESS':
+        case 'MESSAGE_SENT_PENDING':
+          {
+            scrollToBottom(false);
+            break;
+          }
+      }
+    });
+  }, [props.scrolledAwayFromBottom]);
+  return /*#__PURE__*/React.createElement(ChannelThreadMessageList, _extends({}, props, {
+    ref: flatListRef,
+    onTopReached: _onTopReached,
+    onBottomReached: _onBottomReached,
+    onEditMessage: setMessageToEdit,
+    onPressNewMessagesButton: scrollToBottom,
+    onPressScrollToBottomButton: scrollToBottom,
+    renderNewMessagesButton: null,
+    renderScrollToBottomButton: null
+  }));
+};
+export default /*#__PURE__*/React.memo(GroupChannelThreadMessageList);
+//# sourceMappingURL=GroupChannelThreadMessageList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEffect","useLayoutEffect","useRef","useChannelHandler","isDifferentChannel","useFreshCallback","useUniqHandlerId","ChannelThreadMessageList","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadMessageList","props","sdk","setMessageToEdit","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","MessageList","id","ignorePropReached","_onTopReached","current","onTopReached","_onBottomReached","onBottomReached","scrollToBottom","animated","arguments","length","undefined","hasNext","onScrolledAwayFromBottom","onResetMessageList","startingPoint","foundMessageIndex","messages","findIndex","it","createdAt","isIncludedInList","timeout","index","setTimeout","onReactionUpdated","channel","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","createElement","_extends","ref","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","renderNewMessagesButton","renderScrollToBottomButton","memo"],"sources":["GroupChannelThreadMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageList']) => {\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelThreadContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelThreadContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex } = useContext(GroupChannelThreadContexts.MessageList);\n\n  const id = useUniqHandlerId('GroupChannelThreadMessageList');\n  const ignorePropReached = useRef(false);\n\n  const _onTopReached = () => {\n    if (!ignorePropReached.current) {\n      props.onTopReached();\n    }\n  };\n\n  const _onBottomReached = () => {\n    if (!ignorePropReached.current) {\n      props.onBottomReached();\n    }\n  };\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList();\n      props.onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (props.startingPoint) {\n      const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === props.startingPoint);\n      const isIncludedInList = foundMessageIndex > -1;\n      if (isIncludedInList) {\n        ignorePropReached.current = true;\n        const timeout = 300;\n        lazyScrollToIndex({ index: foundMessageIndex, animated: true, timeout: timeout });\n        setTimeout(() => {\n          ignorePropReached.current = false;\n        }, timeout + 50);\n      }\n    }\n  }, [props.startingPoint]);\n\n  useChannelHandler(sdk, id, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  return (\n    <ChannelThreadMessageList\n      {...props}\n      ref={flatListRef}\n      onTopReached={_onTopReached}\n      onBottomReached={_onBottomReached}\n      onEditMessage={setMessageToEdit}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      renderNewMessagesButton={null}\n      renderScrollToBottomButton={null}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadMessageList);\n"],"mappings":"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"}

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

@@ -0,0 +1,305 @@
+import React, { useContext } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import { Avatar, Divider, Icon, Text, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, isVoiceMessage, shouldRenderReaction, toMegabyte } from '@sendbird/uikit-utils';
+import ThreadParentMessageRenderer from '../../../components/ThreadParentMessageRenderer';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
+import SBUUtils from '../../../libs/SBUUtils';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+import { ReactionAddons } from './../../../components/ReactionAddons';
+const GroupChannelThreadParentMessageInfo = props => {
+  var _parentMessage$sender, _parentMessage$thread;
+  const {
+    channel,
+    parentMessage,
+    setMessageToEdit
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    sbOptions
+  } = useSendbirdChat();
+  const nickName = ((_parentMessage$sender = parentMessage.sender) === null || _parentMessage$sender === void 0 ? void 0 : _parentMessage$sender.nickname) || STRINGS.LABELS.USER_NO_NAME;
+  const messageTimestamp = STRINGS.GROUP_CHANNEL_THREAD.PARENT_MESSAGE_TIME(parentMessage);
+  const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(((_parentMessage$thread = parentMessage.threadInfo) === null || _parentMessage$thread === void 0 ? void 0 : _parentMessage$thread.replyCount) || 0);
+  const createMessagePressActions = useCreateMessagePressActions({
+    channel: props.channel,
+    currentUserId: props.currentUserId,
+    onDeleteMessage: props.onDeleteMessage,
+    onPressMediaMessage: props.onPressMediaMessage,
+    onEditMessage: setMessageToEdit
+  });
+  const {
+    onPress,
+    onLongPress,
+    bottomSheetItem
+  } = createMessagePressActions({
+    message: parentMessage
+  });
+  const renderMessageInfoAndMenu = () => {
+    var _parentMessage$sender2;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.infoAndMenuContainer
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      size: 34,
+      uri: (_parentMessage$sender2 = parentMessage.sender) === null || _parentMessage$sender2 === void 0 ? void 0 : _parentMessage$sender2.profileUrl
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.userNickAndTimeContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      h2: true,
+      color: colors.onBackground01,
+      numberOfLines: 1,
+      style: styles.userNickname
+    }, nickName), /*#__PURE__*/React.createElement(Text, {
+      caption2: true,
+      color: colors.onBackground03,
+      style: styles.messageTime
+    }, messageTimestamp)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.7,
+      onPress: bottomSheetItem ? onLongPress : undefined
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: 'more',
+      color: colors.onBackground02
+    })));
+  };
+  const renderReplyCount = replyCountText => {
+    if (replyCountText) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.replyContainer
+      }, /*#__PURE__*/React.createElement(Text, {
+        caption3: true,
+        color: colors.onBackground03,
+        style: styles.replyText
+      }, replyCountText), /*#__PURE__*/React.createElement(Divider, null));
+    } else {
+      return null;
+    }
+  };
+  const renderReactionAddons = () => {
+    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
+    if (shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.reactionButtonContainer
+      }, /*#__PURE__*/React.createElement(ReactionAddons.Message, {
+        channel: props.channel,
+        message: parentMessage,
+        reactionAddonType: 'thread_parent_message'
+      }));
+    } else {
+      return null;
+    }
+  };
+  const messageProps = {
+    parentMessage,
+    onPress,
+    onLongPress
+  };
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, renderMessageInfoAndMenu()), /*#__PURE__*/React.createElement(View, {
+    style: styles.messageContainer
+  }, /*#__PURE__*/React.createElement(ThreadParentMessageRenderer, messageProps)), renderReactionAddons(), /*#__PURE__*/React.createElement(Divider, null), renderReplyCount(replyCountText));
+};
+const styles = createStyleSheet({
+  container: {
+    flexDirection: 'column'
+  },
+  infoAndMenuContainer: {
+    flexDirection: 'row',
+    height: 50,
+    padding: 16,
+    paddingBottom: 0
+  },
+  userNickAndTimeContainer: {
+    flexDirection: 'column',
+    flex: 1,
+    marginLeft: 8
+  },
+  userNickname: {
+    marginBottom: 2
+  },
+  messageTime: {
+    marginTop: 2
+  },
+  contextMenuButton: {
+    width: 34,
+    height: 34,
+    justifyContent: 'flex-end'
+  },
+  messageContainer: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  reactionButtonContainer: {
+    paddingLeft: 16,
+    marginBottom: 16
+  },
+  replyContainer: {
+    flexDirection: 'column'
+  },
+  replyText: {
+    justifyContent: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  }
+});
+const useCreateMessagePressActions = _ref => {
+  let {
+    channel,
+    currentUserId,
+    onDeleteMessage,
+    onPressMediaMessage,
+    onEditMessage
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  const toast = useToast();
+  const {
+    openSheet
+  } = useBottomSheet();
+  const {
+    alert
+  } = useAlert();
+  const {
+    clipboardService,
+    fileService
+  } = usePlatformService();
+  const {
+    sbOptions
+  } = useSendbirdChat();
+  const onDeleteFailure = error => {
+    toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');
+    Logger.error(STRINGS.TOAST.DELETE_MSG_ERROR, error);
+  };
+  const onCopyText = message => {
+    if (message.isUserMessage()) {
+      clipboardService.setString(message.message || '');
+      toast.show(STRINGS.TOAST.COPY_OK, 'success');
+    }
+  };
+  const onDownloadFile = message => {
+    if (message.isFileMessage()) {
+      if (toMegabyte(message.size) > 4) {
+        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
+      }
+      fileService.save({
+        fileUrl: message.url,
+        fileName: message.name,
+        fileType: message.type
+      }).then(response => {
+        toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
+        Logger.log('File saved to', response);
+      }).catch(err => {
+        toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
+        Logger.log('File save failure', err);
+      });
+    }
+  };
+  const onOpenFile = message => {
+    if (message.isFileMessage()) {
+      const fileType = getFileType(message.type || getFileExtension(message.name));
+      if (['image', 'video', 'audio'].includes(fileType)) {
+        onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(message, () => onDeleteMessage === null || onDeleteMessage === void 0 ? void 0 : onDeleteMessage(message), getAvailableUriFromFileMessage(message));
+      } else {
+        SBUUtils.openURL(message.url);
+      }
+    }
+  };
+  const alertForMessageDelete = message => {
+    alert({
+      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
+      buttons: [{
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
+      }, {
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
+        style: 'destructive',
+        onPress: () => {
+          onDeleteMessage === null || onDeleteMessage === void 0 ? void 0 : onDeleteMessage(message).catch(onDeleteFailure);
+        }
+      }]
+    });
+  };
+  return _ref2 => {
+    let {
+      message
+    } = _ref2;
+    if (!message.isUserMessage() && !message.isFileMessage()) return {};
+    const sheetItems = [];
+    const menu = {
+      copy: message => ({
+        icon: 'copy',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
+        onPress: () => onCopyText(message)
+      }),
+      edit: message => ({
+        icon: 'edit',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
+        onPress: () => onEditMessage === null || onEditMessage === void 0 ? void 0 : onEditMessage(message)
+      }),
+      delete: message => ({
+        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,
+        icon: 'delete',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+        onPress: () => alertForMessageDelete(message)
+      }),
+      download: message => ({
+        icon: 'download',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
+        onPress: () => onDownloadFile(message)
+      })
+    };
+    if (message.isUserMessage()) {
+      sheetItems.push(menu.copy(message));
+      if (!channel.isEphemeral) {
+        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {
+          sheetItems.push(menu.edit(message));
+          sheetItems.push(menu.delete(message));
+        }
+      }
+    }
+    if (message.isFileMessage()) {
+      if (!isVoiceMessage(message)) {
+        sheetItems.push(menu.download(message));
+      }
+      if (!channel.isEphemeral) {
+        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {
+          sheetItems.push(menu.delete(message));
+        }
+      }
+    }
+    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
+    const bottomSheetItem = {
+      sheetItems,
+      HeaderComponent: shouldRenderReaction(channel, channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) ? _ref3 => {
+        let {
+          onClose
+        } = _ref3;
+        return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
+          message: message,
+          channel: channel,
+          onClose: onClose
+        });
+      } : undefined
+    };
+    if (message.isFileMessage()) {
+      return {
+        onPress: () => onOpenFile(message),
+        onLongPress: () => openSheet(bottomSheetItem),
+        bottomSheetItem
+      };
+    } else {
+      return {
+        onPress: undefined,
+        onLongPress: () => openSheet(bottomSheetItem),
+        bottomSheetItem
+      };
+    }
+  };
+};
+export default /*#__PURE__*/React.memo(GroupChannelThreadParentMessageInfo);
+//# sourceMappingURL=GroupChannelThreadParentMessageInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","TouchableOpacity","View","Avatar","Divider","Icon","Text","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","isVoiceMessage","shouldRenderReaction","toMegabyte","ThreadParentMessageRenderer","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","GroupChannelThreadContexts","ReactionAddons","GroupChannelThreadParentMessageInfo","props","_parentMessage$sender","_parentMessage$thread","channel","parentMessage","setMessageToEdit","Fragment","STRINGS","colors","sbOptions","nickName","sender","nickname","LABELS","USER_NO_NAME","messageTimestamp","GROUP_CHANNEL_THREAD","PARENT_MESSAGE_TIME","replyCountText","REPLY_COUNT","threadInfo","replyCount","createMessagePressActions","useCreateMessagePressActions","currentUserId","onDeleteMessage","onPressMediaMessage","onEditMessage","onPress","onLongPress","bottomSheetItem","message","renderMessageInfoAndMenu","_parentMessage$sender2","createElement","style","styles","infoAndMenuContainer","size","uri","profileUrl","userNickAndTimeContainer","h2","color","onBackground01","numberOfLines","userNickname","caption2","onBackground03","messageTime","activeOpacity","undefined","icon","onBackground02","renderReplyCount","replyContainer","caption3","replyText","renderReactionAddons","configs","uikitWithAppInfo","groupChannel","isSuper","enableReactionsSupergroup","enableReactions","reactionButtonContainer","Message","reactionAddonType","messageProps","container","messageContainer","flexDirection","height","padding","paddingBottom","flex","marginLeft","marginBottom","marginTop","contextMenuButton","width","justifyContent","paddingHorizontal","paddingVertical","paddingLeft","_ref","toast","openSheet","alert","clipboardService","fileService","onDeleteFailure","error","show","TOAST","DELETE_MSG_ERROR","onCopyText","isUserMessage","setString","COPY_OK","onDownloadFile","isFileMessage","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","response","DOWNLOAD_OK","log","catch","err","DOWNLOAD_ERROR","onOpenFile","includes","openURL","alertForMessageDelete","title","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","_ref2","sheetItems","menu","copy","CHANNEL_MESSAGE_COPY","edit","CHANNEL_MESSAGE_EDIT","delete","disabled","CHANNEL_MESSAGE_DELETE","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","sendingStatus","HeaderComponent","isGroupChannel","_ref3","onClose","BottomSheet","memo"],"sources":["GroupChannelThreadParentMessageInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport {\n  Avatar,\n  BottomSheetItem,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  isVoiceMessage,\n  shouldRenderReaction,\n  toMegabyte,\n} from '@sendbird/uikit-utils';\n\nimport ThreadParentMessageRenderer, {\n  ThreadParentMessageRendererProps,\n} from '../../../components/ThreadParentMessageRenderer';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\nimport { ReactionAddons } from './../../../components/ReactionAddons';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void; bottomSheetItem?: BottomSheetItem };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\ntype CreateMessagePressActions = (params: { message: SendbirdMessage }) => PressActions;\n\nconst GroupChannelThreadParentMessageInfo = (props: GroupChannelThreadProps['ParentMessageInfo']) => {\n  const { channel, parentMessage, setMessageToEdit } = useContext(GroupChannelThreadContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { sbOptions } = useSendbirdChat();\n\n  const nickName = parentMessage.sender?.nickname || STRINGS.LABELS.USER_NO_NAME;\n  const messageTimestamp = STRINGS.GROUP_CHANNEL_THREAD.PARENT_MESSAGE_TIME(parentMessage);\n  const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(parentMessage.threadInfo?.replyCount || 0);\n  const createMessagePressActions = useCreateMessagePressActions({\n    channel: props.channel,\n    currentUserId: props.currentUserId,\n    onDeleteMessage: props.onDeleteMessage,\n    onPressMediaMessage: props.onPressMediaMessage,\n    onEditMessage: setMessageToEdit,\n  });\n  const { onPress, onLongPress, bottomSheetItem } = createMessagePressActions({ message: parentMessage });\n\n  const renderMessageInfoAndMenu = () => {\n    return (\n      <View style={styles.infoAndMenuContainer}>\n        <Avatar size={34} uri={parentMessage.sender?.profileUrl} />\n        <View style={styles.userNickAndTimeContainer}>\n          <Text h2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n            {nickName}\n          </Text>\n          <Text caption2 color={colors.onBackground03} style={styles.messageTime}>\n            {messageTimestamp}\n          </Text>\n        </View>\n        <TouchableOpacity activeOpacity={0.7} onPress={bottomSheetItem ? onLongPress : undefined}>\n          <Icon icon={'more'} color={colors.onBackground02} />\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\n  const renderReplyCount = (replyCountText: string) => {\n    if (replyCountText) {\n      return (\n        <View style={styles.replyContainer}>\n          <Text caption3 color={colors.onBackground03} style={styles.replyText}>\n            {replyCountText}\n          </Text>\n          <Divider />\n        </View>\n      );\n    } else {\n      return null;\n    }\n  };\n\n  const renderReactionAddons = () => {\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    if (shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) {\n      return (\n        <View style={styles.reactionButtonContainer}>\n          <ReactionAddons.Message\n            channel={props.channel}\n            message={parentMessage}\n            reactionAddonType={'thread_parent_message'}\n          />\n        </View>\n      );\n    } else {\n      return null;\n    }\n  };\n\n  const messageProps: ThreadParentMessageRendererProps = {\n    parentMessage,\n    onPress,\n    onLongPress,\n  };\n\n  return (\n    <View>\n      <View style={styles.container}>{renderMessageInfoAndMenu()}</View>\n      <View style={styles.messageContainer}>\n        <ThreadParentMessageRenderer {...messageProps}></ThreadParentMessageRenderer>\n      </View>\n      {renderReactionAddons()}\n      <Divider />\n      {renderReplyCount(replyCountText)}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'column',\n  },\n  infoAndMenuContainer: {\n    flexDirection: 'row',\n    height: 50,\n    padding: 16,\n    paddingBottom: 0,\n  },\n  userNickAndTimeContainer: {\n    flexDirection: 'column',\n    flex: 1,\n    marginLeft: 8,\n  },\n  userNickname: {\n    marginBottom: 2,\n  },\n  messageTime: {\n    marginTop: 2,\n  },\n  contextMenuButton: {\n    width: 34,\n    height: 34,\n    justifyContent: 'flex-end',\n  },\n  messageContainer: {\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  reactionButtonContainer: {\n    paddingLeft: 16,\n    marginBottom: 16,\n  },\n  replyContainer: {\n    flexDirection: 'column',\n  },\n  replyText: {\n    justifyContent: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n  },\n});\n\nconst useCreateMessagePressActions = ({\n  channel,\n  currentUserId,\n  onDeleteMessage,\n  onPressMediaMessage,\n  onEditMessage,\n}: Pick<\n  GroupChannelThreadProps['ParentMessageInfo'],\n  'channel' | 'currentUserId' | 'onDeleteMessage' | 'onPressMediaMessage'\n> & { onEditMessage: (message: HandleableMessage) => void }): CreateMessagePressActions => {\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { sbOptions } = useSendbirdChat();\n\n  const onDeleteFailure = (error: Error) => {\n    toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.DELETE_MSG_ERROR, error);\n  };\n\n  const onCopyText = (message: HandleableMessage) => {\n    if (message.isUserMessage()) {\n      clipboardService.setString(message.message || '');\n      toast.show(STRINGS.TOAST.COPY_OK, 'success');\n    }\n  };\n\n  const onDownloadFile = (message: HandleableMessage) => {\n    if (message.isFileMessage()) {\n      if (toMegabyte(message.size) > 4) {\n        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: message.url, fileName: message.name, fileType: message.type })\n        .then((response) => {\n          toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  const onOpenFile = (message: HandleableMessage) => {\n    if (message.isFileMessage()) {\n      const fileType = getFileType(message.type || getFileExtension(message.name));\n      if (['image', 'video', 'audio'].includes(fileType)) {\n        onPressMediaMessage?.(message, () => onDeleteMessage?.(message), getAvailableUriFromFileMessage(message));\n      } else {\n        SBUUtils.openURL(message.url);\n      }\n    }\n  };\n\n  const alertForMessageDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        { text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => {\n            onDeleteMessage?.(message).catch(onDeleteFailure);\n          },\n        },\n      ],\n    });\n  };\n\n  return ({ message }) => {\n    if (!message.isUserMessage() && !message.isFileMessage()) return {};\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const menu = {\n      copy: (message: HandleableMessage) => ({\n        icon: 'copy' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => onCopyText(message),\n      }),\n      edit: (message: HandleableMessage) => ({\n        icon: 'edit' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n        onPress: () => onEditMessage?.(message),\n      }),\n      delete: (message: HandleableMessage) => ({\n        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,\n        icon: 'delete' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n        onPress: () => alertForMessageDelete(message),\n      }),\n      download: (message: HandleableMessage) => ({\n        icon: 'download' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: () => onDownloadFile(message),\n      }),\n    };\n\n    if (message.isUserMessage()) {\n      sheetItems.push(menu.copy(message));\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.edit(message));\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    if (message.isFileMessage()) {\n      if (!isVoiceMessage(message)) {\n        sheetItems.push(menu.download(message));\n      }\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    const bottomSheetItem: BottomSheetItem = {\n      sheetItems,\n      HeaderComponent: shouldRenderReaction(\n        channel,\n        channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions),\n      )\n        ? ({ onClose }) => <ReactionAddons.BottomSheet message={message} channel={channel} onClose={onClose} />\n        : undefined,\n    };\n\n    if (message.isFileMessage()) {\n      return {\n        onPress: () => onOpenFile(message),\n        onLongPress: () => openSheet(bottomSheetItem),\n        bottomSheetItem,\n      };\n    } else {\n      return {\n        onPress: undefined,\n        onLongPress: () => openSheet(bottomSheetItem),\n        bottomSheetItem,\n      };\n    }\n  };\n};\n\nexport default React.memo(GroupChannelThreadParentMessageInfo);\n"],"mappings":"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"}

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

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

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

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