@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

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

@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _ChannelCover = _interopRequireDefault(require("../../../components/ChannelCover"));
-
 var _useContext = require("../../../hooks/useContext");
-
 var _moduleContext = require("../module/moduleContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const GroupChannelHeader = _ref => {
   let {
+    shouldHideRight,
     onPressHeaderLeft,
     onPressHeaderRight
   } = _ref;
@@ -42,6 +33,7 @@ const GroupChannelHeader = _ref => {
     HeaderComponent
   } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
   const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);
+  const isHidden = shouldHideRight();
   return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
     clearTitleMargin: true,
     title: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -63,13 +55,12 @@ const GroupChannelHeader = _ref => {
       icon: 'arrow-left'
     }),
     onPressLeft: onPressHeaderLeft,
-    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    right: isHidden ? null : /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
       icon: 'info'
     }),
-    onPressRight: onPressHeaderRight
+    onPressRight: isHidden ? undefined : onPressHeaderRight
   });
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   titleContainer: {
     maxWidth: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelHeader","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","useContext","GroupChannelContexts","Fragment","typingUsers","TypingIndicator","STRINGS","useLocalization","HeaderComponent","useHeaderStyle","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","styles","titleContainer","avatarGroup","flexShrink","Boolean","createStyleSheet","maxWidth","flexDirection","alignItems","marginRight","marginTop"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight }: GroupChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {Boolean(subtitle) && subtitle && <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={'info'} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,kBAAkB,GAAG,QAA4E;EAAA,IAA3E;IAAEC,iBAAF;IAAqBC;EAArB,CAA2E;EACrG,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2B,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CAAjC;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAH,iBAAA,EAAWC,mCAAA,CAAqBG,eAAhC,CAAxB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,MAAMC,QAAQ,GAAGJ,OAAO,CAACK,MAAR,CAAeC,wBAAf,CAAwCR,WAAxC,CAAjB;EAEA,oBACE,6BAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,6BAAC,iBAAD;MAAM,KAAK,EAAES,MAAM,CAACC;IAApB,gBACE,6BAAC,qBAAD;MAAc,OAAO,EAAEd,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAEa,MAAM,CAACE;IAAjE,EADF,eAEE,6BAAC,iBAAD;MAAM,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAb,gBACE,6BAAC,kCAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBjB,WAAlB,CADF,EAEGkB,OAAO,CAACP,QAAD,CAAP,IAAqBA,QAArB,iBAAiC,6BAAC,kCAAD,CAAQ,QAAR;MAAiB,KAAK,EAAEG,MAAM,CAACH;IAA/B,GAA0CA,QAA1C,CAFpC,CAFF,CAHJ;IAWE,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAEb,iBAZf;IAaE,KAAK,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAbT;IAcE,YAAY,EAAEC;EAdhB,EADF;AAkBD,CAzBD;;AA2BA,MAAMe,MAAM,GAAG,IAAAK,4CAAA,EAAiB;EAC9BJ,cAAc,EAAE;IACdK,QAAQ,EAAE,MADI;IAEdC,aAAa,EAAE,KAFD;IAGdC,UAAU,EAAE;EAHE,CADc;EAM9BN,WAAW,EAAE;IACXO,WAAW,EAAE;EADF,CANiB;EAS9BZ,QAAQ,EAAE;IACRa,SAAS,EAAE;EADH;AAToB,CAAjB,CAAf;eAce3B,kB"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_ChannelCover","_interopRequireDefault","_useContext","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelHeader","_ref","shouldHideRight","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","useContext","GroupChannelContexts","Fragment","typingUsers","TypingIndicator","STRINGS","useLocalization","HeaderComponent","useHeaderStyle","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","isHidden","createElement","clearTitleMargin","title","View","style","styles","titleContainer","size","containerStyle","avatarGroup","flexShrink","Header","Title","h2","Boolean","Subtitle","left","Icon","icon","onPressLeft","right","onPressRight","undefined","createStyleSheet","maxWidth","flexDirection","alignItems","marginRight","marginTop","_default","exports"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({\n  shouldHideRight,\n  onPressHeaderLeft,\n  onPressHeaderRight,\n}: GroupChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n  const isHidden = shouldHideRight();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {Boolean(subtitle) && subtitle && <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={isHidden ? null : <Icon icon={'info'} />}\n      onPressRight={isHidden ? undefined : onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"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"}

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _ChannelInput = _interopRequireDefault(require("../../../components/ChannelInput"));
-
 var _moduleContext = require("../module/moduleContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const GroupChannelInput = props => {
   const {
     channel,
@@ -47,8 +39,6 @@ const GroupChannelInput = props => {
     onUpdateUserMessage: props.onUpdateUserMessage
   });
 };
-
 var _default = /*#__PURE__*/_react.default.memo(GroupChannelInput);
-
 exports.default = _default;
 //# sourceMappingURL=GroupChannelInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelInput","props","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","useContext","GroupChannelContexts","Fragment","chatAvailableState","getGroupChannelChatAvailableState","muted","frozen","disabled","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","SuggestedMentionList","onSendFileMessage","onSendUserMessage","onUpdateFileMessage","onUpdateUserMessage","React","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 = (props: GroupChannelProps['Input']) => {\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\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      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n      SuggestedMentionList={props.SuggestedMentionList}\n      onSendFileMessage={props.onSendFileMessage}\n      onSendUserMessage={props.onSendUserMessage}\n      onUpdateFileMessage={props.onUpdateFileMessage}\n      onUpdateUserMessage={props.onUpdateUserMessage}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;;;;;;;AAGA,MAAMA,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IACJC,OADI;IAEJC,aAFI;IAGJC,gBAHI;IAIJC,mBAAmB,GAAG;EAJlB,IAKF,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CALJ;EAOA,MAAMC,kBAAkB,GAAG,IAAAC,6CAAA,EAAkCR,OAAlC,CAA3B;EAEA,oBACE,6BAAC,qBAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAa,EAAEC,aAFjB;IAGE,gBAAgB,EAAEC,gBAHpB;IAIE,UAAU,EAAEK,kBAAkB,CAACE,KAJjC;IAKE,WAAW,EAAEF,kBAAkB,CAACG,MALlC;IAME,aAAa,EAAEH,kBAAkB,CAACI,QANpC;IAOE,mBAAmB,EAAER,mBAPvB;IAQE,iBAAiB,EAAEJ,KAAK,CAACa,iBAR3B;IASE,sBAAsB,EAAEb,KAAK,CAACc,sBAThC;IAUE,sBAAsB,EAAEd,KAAK,CAACe,sBAVhC;IAWE,wBAAwB,EAAEf,KAAK,CAACgB,wBAXlC;IAYE,wBAAwB,EAAEhB,KAAK,CAACiB,wBAZlC;IAaE,oBAAoB,EAAEjB,KAAK,CAACkB,oBAb9B;IAcE,iBAAiB,EAAElB,KAAK,CAACmB,iBAd3B;IAeE,iBAAiB,EAAEnB,KAAK,CAACoB,iBAf3B;IAgBE,mBAAmB,EAAEpB,KAAK,CAACqB,mBAhB7B;IAiBE,mBAAmB,EAAErB,KAAK,CAACsB;EAjB7B,EADF;AAqBD,CA/BD;;4BAiCeC,cAAA,CAAMC,IAAN,CAAWzB,iBAAX,C"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitUtils","_ChannelInput","_interopRequireDefault","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelInput","props","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","useContext","GroupChannelContexts","Fragment","chatAvailableState","getGroupChannelChatAvailableState","createElement","inputMuted","muted","inputFrozen","frozen","inputDisabled","disabled","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","SuggestedMentionList","onSendFileMessage","onSendUserMessage","onUpdateFileMessage","onUpdateUserMessage","_default","React","memo","exports"],"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 = (props: GroupChannelProps['Input']) => {\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\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      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n      SuggestedMentionList={props.SuggestedMentionList}\n      onSendFileMessage={props.onSendFileMessage}\n      onSendUserMessage={props.onSendUserMessage}\n      onUpdateFileMessage={props.onUpdateFileMessage}\n      onUpdateUserMessage={props.onUpdateUserMessage}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":"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"}

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

@@ -4,384 +4,118 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitUtils = require("@sendbird/uikit-utils");
-
-var _ChatFlatList = _interopRequireDefault(require("../../../components/ChatFlatList"));
-
-var _ReactionAddons = require("../../../components/ReactionAddons");
-
+var _ChannelMessageList = _interopRequireDefault(require("../../../components/ChannelMessageList"));
 var _constants = require("../../../constants");
-
 var _useContext = require("../../../hooks/useContext");
-
-var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
-
 var _moduleContext = require("../module/moduleContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
-const HANDLE_NEXT_MSG_SEPARATELY = _reactNative.Platform.select({
-  default: true
-});
-
-const GroupChannelMessageList = _ref => {
-  let {
-    currentUserId,
-    channel,
-    messages,
-    renderMessage,
-    nextMessages,
-    newMessagesFromMembers,
-    onBottomReached,
-    onTopReached,
-    renderNewMessagesButton,
-    renderScrollToBottomButton,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressImageMessage,
-    onPressMediaMessage,
-    flatListProps,
-    enableMessageGrouping
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const {
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const [scrollLeaveBottom, setScrollLeaveBottom] = (0, _react.useState)(false);
-  const scrollRef = (0, _react.useRef)(null);
-  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = (0, _react.useState)(() => newMessagesFromMembers);
-  const getMessagePressActions = useGetMessagePressActions({
-    channel,
-    currentUserId,
-    onDeleteMessage,
-    onResendFailedMessage,
-    onPressImageMessage,
-    onPressMediaMessage
-  });
-  const safeAreaLayout = {
-    paddingLeft: left,
-    paddingRight: right
-  };
-  const renderItem = (0, _uikitUtils.useFreshCallback)(_ref2 => {
-    let {
-      item,
-      index
-    } = _ref2;
-    const {
-      onPress,
-      onLongPress
-    } = getMessagePressActions(item);
-    return renderMessage({
-      message: item,
-      prevMessage: messages[index + 1],
-      nextMessage: messages[index - 1],
-      onPress,
-      onLongPress,
-      enableMessageGrouping,
-      channel,
-      currentUserId
-    });
-  });
-
-  if (!HANDLE_NEXT_MSG_SEPARATELY) {
-    (0, _react.useEffect)(() => {
-      if (newMessagesInternalBuffer.length !== 0) {
-        setNewMessagesInternalBuffer(prev => prev.concat(newMessagesFromMembers));
-      }
-
-      onBottomReached();
-    }, [newMessagesFromMembers]);
-  }
-
-  const onLeaveScrollBottom = (0, _react.useCallback)(val => {
-    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);
-    setScrollLeaveBottom(val);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [{
-      flex: 1,
-      backgroundColor: colors.background
-    }, safeAreaLayout]
-  }, channel.isFrozen && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ChannelFrozenBanner, {
-    style: styles.frozenBanner,
-    text: STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN
-  }), /*#__PURE__*/_react.default.createElement(_ChatFlatList.default, _extends({
-    nextMessages: nextMessages,
-    onBottomReached: onBottomReached,
-    onTopReached: onTopReached,
-    onLeaveScrollBottom: onLeaveScrollBottom,
-    currentUserId: currentUserId
-  }, flatListProps, {
-    listKey: `group-channel-messages-${channel.url}`,
-    ref: scrollRef,
-    data: messages,
-    renderItem: renderItem,
-    keyExtractor: _uikitUtils.messageKeyExtractor,
-    contentContainerStyle: [// { minHeight: '100%', justifyContent: 'flex-end' },
-    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
-  })), renderNewMessagesButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.newMsgButton, safeAreaLayout]
-  }, renderNewMessagesButton({
-    visible: scrollLeaveBottom,
-    onPress: () => {
-      var _scrollRef$current;
-
-      return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToBottom(false);
-    },
-    newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers
-  })), renderScrollToBottomButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    pointerEvents: scrollLeaveBottom ? 'auto' : 'none',
-    style: [styles.scrollButton, safeAreaLayout]
-  }, renderScrollToBottomButton({
-    visible: scrollLeaveBottom,
-    onPress: () => {
-      var _scrollRef$current2;
-
-      return (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToBottom(false);
-    }
-  })));
-};
-
-const useGetMessagePressActions = _ref3 => {
-  let {
-    channel,
-    currentUserId,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressImageMessage,
-    onPressMediaMessage
-  } = _ref3;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const toast = (0, _uikitReactNativeFoundation.useToast)();
-  const {
-    openSheet
-  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
+const GroupChannelMessageList = props => {
   const {
-    alert
-  } = (0, _uikitReactNativeFoundation.useAlert)();
-  const {
-    clipboardService,
-    fileService
-  } = (0, _useContext.usePlatformService)();
-  const {
-    features
+    sdk
   } = (0, _useContext.useSendbirdChat)();
   const {
     setMessageToEdit
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
-
-  const handleFailedMessage = message => {
-    openSheet({
-      sheetItems: [{
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
-        onPress: () => onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'))
-      }, {
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
-        titleColor: colors.ui.dialog.default.none.destructive,
-        onPress: () => confirmDelete(message)
-      }]
-    });
-  };
-
-  const confirmDelete = 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(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'))
-      }]
-    });
+  const {
+    subscribe
+  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.PubSub);
+  const id = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMessageList');
+  const ref = (0, _react.useRef)(null);
+
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToBottom = function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    setTimeout(() => {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollToOffset({
+        offset: 0,
+        animated
+      });
+    }, timeout);
   };
 
-  return msg => {
-    if (!msg.isUserMessage() && !msg.isFileMessage()) {
-      return {
-        onPress: undefined,
-        onLongPress: undefined
-      };
-    }
-
-    const sheetItems = [];
-    const response = {
-      onPress: undefined,
-      onLongPress: undefined
-    };
-
-    if (msg.isUserMessage()) {
-      sheetItems.push({
-        icon: 'copy',
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
-        onPress: () => {
-          clipboardService.setString(msg.message || '');
-          toast.show(STRINGS.TOAST.COPY_OK, 'success');
-        }
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToIndex = function () {
+    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    setTimeout(() => {
+      var _ref$current2;
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollToIndex({
+        index,
+        animated,
+        viewPosition: 0.5
       });
-
-      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'edit',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
-          onPress: () => setMessageToEdit(msg)
-        }, {
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
+    }, timeout);
+  };
+  (0, _react.useEffect)(() => {
+    if (props.searchItem) {
+      const createdAt = props.searchItem.startingPoint;
+      const foundMessageIndex = props.messages.findIndex(it => it.createdAt === createdAt);
+      const isIncludedInList = foundMessageIndex > -1;
+      if (isIncludedInList) {
+        lazyScrollToIndex(foundMessageIndex, true, _constants.MESSAGE_SEARCH_SAFE_SCROLL_DELAY);
       }
     }
-
-    if (msg.isFileMessage()) {
-      sheetItems.push({
-        icon: 'download',
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
-        onPress: async () => {
-          if ((0, _uikitUtils.toMegabyte)(msg.size) > 4) {
-            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
-          }
-
-          fileService.save({
-            fileUrl: msg.url,
-            fileName: msg.name,
-            fileType: msg.type
-          }).then(response => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
-
-            _uikitUtils.Logger.log('File saved to', response);
-          }).catch(err => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
-
-            _uikitUtils.Logger.log('File save failure', err);
-          });
-        }
+  }, [props.searchItem]);
+  const scrollToBottom = (0, _uikitUtils.useFreshCallback)(function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (props.hasNext()) {
+      props.onResetMessageList(() => {
+        lazyScrollToBottom(animated);
+        props.onScrolledAwayFromBottom(false);
       });
-
-      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
+    } else {
+      lazyScrollToBottom(animated);
+    }
+  });
+  (0, _uikitChatHooks.useChannelHandler)(sdk, id, {
+    onReactionUpdated(channel, event) {
+      if ((0, _uikitUtils.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(true, 250);
       }
-
-      const fileType = (0, _uikitUtils.getFileType)(msg.type || (0, _uikitUtils.getFileExtension)(msg.name));
-
-      switch (fileType) {
-        case 'image':
-        case 'video':
-        case 'audio':
+    }
+  });
+  (0, _react.useEffect)(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'MESSAGES_RECEIVED':
           {
-            response.onPress = () => {
-              if (onPressImageMessage && fileType === 'image') {
-                _uikitUtils.Logger.warn(_constants.DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);
-
-                onPressImageMessage(msg, (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
-              }
-
-              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
-            };
-
+            if (!props.scrolledAwayFromBottom) {
+              scrollToBottom(true);
+            }
             break;
           }
-
-        default:
+        case 'MESSAGE_SENT_SUCCESS':
+        case 'MESSAGE_SENT_PENDING':
           {
-            response.onPress = () => _SBUUtils.default.openURL(msg.url);
-
+            scrollToBottom(false);
             break;
           }
       }
-    }
-
-    if (sheetItems.length > 0) {
-      response.onLongPress = () => {
-        openSheet({
-          sheetItems,
-          HeaderComponent: (0, _uikitUtils.shouldRenderReaction)(channel, features.reactionEnabled) ? _ref4 => {
-            let {
-              onClose
-            } = _ref4;
-            return /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.BottomSheet, {
-              message: msg,
-              channel: channel,
-              onClose: onClose
-            });
-          } : undefined
-        });
-      };
-    }
-
-    if (msg.sendingStatus === 'failed') {
-      response.onLongPress = () => handleFailedMessage(msg);
-
-      response.onPress = () => {
-        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
-      };
-    }
-
-    if (msg.sendingStatus === 'pending') {
-      response.onLongPress = undefined;
-      response.onPress = undefined;
-    }
-
-    return response;
-  };
+    });
+  }, [props.scrolledAwayFromBottom]);
+  return /*#__PURE__*/_react.default.createElement(_ChannelMessageList.default, _extends({}, props, {
+    ref: ref,
+    onEditMessage: setMessageToEdit,
+    onPressNewMessagesButton: scrollToBottom,
+    onPressScrollToBottomButton: scrollToBottom
+  }));
 };
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  frozenBanner: {
-    position: 'absolute',
-    zIndex: 999,
-    top: 8,
-    left: 8,
-    right: 8
-  },
-  frozenListPadding: {
-    paddingBottom: 32
-  },
-  newMsgButton: {
-    position: 'absolute',
-    zIndex: 999,
-    bottom: 10,
-    alignSelf: 'center'
-  },
-  scrollButton: {
-    position: 'absolute',
-    zIndex: 998,
-    bottom: 10,
-    right: 16
-  }
-});
-
 var _default = /*#__PURE__*/_react.default.memo(GroupChannelMessageList);
-
 exports.default = _default;
 //# sourceMappingURL=GroupChannelMessageList.js.map