@sendbird/uikit-react-native 2.4.2 → 2.5.0-rc.1

package/lib/commonjs/fragments/createGroupChannelFragment.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _MessageRenderer = _interopRequireDefault(require("../components/MessageRenderer"));
 var _NewMessagesButton = _interopRequireDefault(require("../components/NewMessagesButton"));
 var _ScrollToBottomButton = _interopRequireDefault(require("../components/ScrollToBottomButton"));
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+var _constants = require("../constants");
 var _createGroupChannelModule = _interopRequireDefault(require("../domain/groupChannel/module/createGroupChannelModule"));
 var _useContext = require("../hooks/useContext");
+var _pubsub = _interopRequireDefault(require("../utils/pubsub"));
 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; }
@@ -20,6 +23,7 @@ const createGroupChannelFragment = initModule => {
   const GroupChannelModule = (0, _createGroupChannelModule.default)(initModule);
   return _ref => {
     let {
+      searchItem,
       renderNewMessagesButton = props => /*#__PURE__*/_react.default.createElement(_NewMessagesButton.default, props),
       renderScrollToBottomButton = props => /*#__PURE__*/_react.default.createElement(_ScrollToBottomButton.default, props),
       renderMessage,
@@ -45,29 +49,46 @@ const createGroupChannelFragment = initModule => {
       sdk,
       currentUser
     } = (0, _useContext.useSendbirdChat)();
+    const [internalSearchItem, setInternalSearchItem] = (0, _react.useState)(searchItem);
+    const navigateFromMessageSearch = (0, _react.useCallback)(() => Boolean(searchItem), []);
+    const [groupChannelPubSub] = (0, _react.useState)(() => (0, _pubsub.default)());
+    const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = (0, _react.useState)(false);
+    const scrolledAwayFromBottomRef = (0, _uikitUtils.useRefTracker)(scrolledAwayFromBottom);
     const {
+      loading,
       messages,
-      nextMessages,
-      newMessagesFromMembers,
+      newMessages,
+      resetNewMessages,
       next,
       prev,
+      hasNext,
       sendFileMessage,
       sendUserMessage,
       updateFileMessage,
       updateUserMessage,
       resendMessage,
       deleteMessage,
-      loading
+      resetWithStartingPoint
     } = (0, _uikitChatHooks.useGroupChannelMessages)(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
       collectionCreator,
       queryCreator,
       sortComparator,
       onChannelDeleted,
-      enableCollectionWithoutLocalCache: !queryCreator
+      enableCollectionWithoutLocalCache: !queryCreator,
+      shouldCountNewMessages: () => scrolledAwayFromBottomRef.current,
+      onMessagesReceived(messages) {
+        groupChannelPubSub.publish({
+          type: 'MESSAGES_RECEIVED',
+          data: {
+            messages
+          }
+        });
+      },
+      startingPoint: internalSearchItem === null || internalSearchItem === void 0 ? void 0 : internalSearchItem.startingPoint
     });
+    const MessageComponent = (0, _react.useCallback)(withFocusingAnimation(renderMessage ? props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderMessage(props)) : _MessageRenderer.default), [renderMessage]);
     const _renderMessage = (0, _uikitUtils.useFreshCallback)(props => {
-      if (renderMessage) return renderMessage(props);
-      return /*#__PURE__*/_react.default.createElement(_MessageRenderer.default, props);
+      return /*#__PURE__*/_react.default.createElement(MessageComponent, props);
     });
     const memoizedFlatListProps = (0, _react.useMemo)(() => ({
       ListEmptyComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusEmpty, null),
@@ -75,14 +96,36 @@ const createGroupChannelFragment = initModule => {
         flexGrow: 1
       },
       ...flatListProps
-    }), [loading, flatListProps]);
+    }), [flatListProps]);
+    const onResetMessageList = (0, _react.useCallback)(callback => {
+      resetWithStartingPoint(Number.MAX_SAFE_INTEGER, callback);
+      setInternalSearchItem(undefined);
+    }, []);
+    const onPending = message => {
+      groupChannelPubSub.publish({
+        type: 'MESSAGE_SENT_PENDING',
+        data: {
+          message
+        }
+      });
+    };
+    const onSent = message => {
+      groupChannelPubSub.publish({
+        type: 'MESSAGE_SENT_SUCCESS',
+        data: {
+          message
+        }
+      });
+    };
     const onPressSendUserMessage = (0, _uikitUtils.useFreshCallback)(async params => {
       const processedParams = await onBeforeSendUserMessage(params);
-      await sendUserMessage(processedParams);
+      const message = await sendUserMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressSendFileMessage = (0, _uikitUtils.useFreshCallback)(async params => {
       const processedParams = await onBeforeSendFileMessage(params);
-      await sendFileMessage(processedParams);
+      const message = await sendFileMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (message, params) => {
       const processedParams = await onBeforeUpdateUserMessage(params);
@@ -92,13 +135,18 @@ const createGroupChannelFragment = initModule => {
       const processedParams = await onBeforeUpdateFileMessage(params);
       await updateFileMessage(message.messageId, processedParams);
     });
+    const onScrolledAwayFromBottom = (0, _uikitUtils.useFreshCallback)(value => {
+      if (!value) resetNewMessages();
+      setScrolledAwayFromBottom(value);
+    });
 
     /** @deprecated **/
     const onSendFileMessage = (0, _uikitUtils.useFreshCallback)(async file => {
       const processedParams = await onBeforeSendFileMessage({
         file
       });
-      await sendFileMessage(processedParams);
+      const message = await sendFileMessage(processedParams, onPending);
+      onSent(message);
     });
     /** @deprecated **/
     const onSendUserMessage = (0, _uikitUtils.useFreshCallback)(async (text, mention) => {
@@ -108,7 +156,8 @@ const createGroupChannelFragment = initModule => {
         mentionedMessageTemplate: mention === null || mention === void 0 ? void 0 : mention.messageTemplate,
         mentionType: mention === null || mention === void 0 ? void 0 : mention.type
       });
-      await sendUserMessage(processedParams);
+      const message = await sendUserMessage(processedParams, onPending);
+      onSent(message);
     });
     /** @deprecated **/
     const onUpdateFileMessage = (0, _uikitUtils.useFreshCallback)(async (editedFile, message) => {
@@ -129,9 +178,11 @@ const createGroupChannelFragment = initModule => {
     });
     return /*#__PURE__*/_react.default.createElement(GroupChannelModule.Provider, {
       channel: channel,
+      groupChannelPubSub: groupChannelPubSub,
       enableTypingIndicator: enableTypingIndicator,
       keyboardAvoidOffset: keyboardAvoidOffset
     }, /*#__PURE__*/_react.default.createElement(GroupChannelModule.Header, {
+      shouldHideRight: navigateFromMessageSearch,
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: onPressHeaderRight
     }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
@@ -139,21 +190,27 @@ const createGroupChannelFragment = initModule => {
       LoadingComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusLoading, null)
     }, /*#__PURE__*/_react.default.createElement(GroupChannelModule.MessageList, {
       channel: channel,
+      searchItem: internalSearchItem,
+      onResetMessageList: onResetMessageList,
       enableMessageGrouping: enableMessageGrouping,
       currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
       renderMessage: _renderMessage,
       messages: messages,
-      nextMessages: nextMessages,
-      newMessagesFromMembers: newMessagesFromMembers,
+      newMessages: newMessages,
       onTopReached: prev,
       onBottomReached: next,
+      hasNext: hasNext,
+      scrolledAwayFromBottom: scrolledAwayFromBottom,
+      onScrolledAwayFromBottom: onScrolledAwayFromBottom,
       renderNewMessagesButton: renderNewMessagesButton,
       renderScrollToBottomButton: renderScrollToBottomButton,
       onResendFailedMessage: resendMessage,
       onDeleteMessage: deleteMessage,
-      onPressImageMessage: onPressImageMessage,
       onPressMediaMessage: onPressMediaMessage,
-      flatListProps: memoizedFlatListProps
+      flatListProps: memoizedFlatListProps,
+      nextMessages: newMessages,
+      newMessagesFromMembers: newMessages,
+      onPressImageMessage: onPressImageMessage
     }), /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
       SuggestedMentionList: GroupChannelModule.SuggestedMentionList,
       shouldRenderInput: shouldRenderInput(channel),
@@ -174,6 +231,41 @@ function shouldRenderInput(channel) {
   }
   return true;
 }
+function withFocusingAnimation(Component) {
+  return /*#__PURE__*/_react.default.memo(props => {
+    const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+    (0, _react.useEffect)(() => {
+      if (props.focused) {
+        setTimeout(() => {
+          _reactNative.Animated.sequence([{
+            toValue: -10,
+            duration: 500
+          }, {
+            toValue: 0,
+            duration: 100
+          }, {
+            toValue: -10,
+            duration: 200
+          }, {
+            toValue: 0,
+            duration: 100
+          }].map(value => _reactNative.Animated.timing(translateY, {
+            ...value,
+            useNativeDriver: true,
+            easing: _reactNative.Easing.inOut(_reactNative.Easing.ease)
+          }))).start();
+        }, _constants.MESSAGE_SEARCH_SAFE_SCROLL_DELAY + _constants.MESSAGE_FOCUS_ANIMATION_DELAY);
+      }
+    }, [props.focused]);
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      style: {
+        transform: [{
+          translateY
+        }]
+      }
+    }, /*#__PURE__*/_react.default.createElement(Component, props));
+  });
+}
 var _default = createGroupChannelFragment;
 exports.default = _default;
 //# sourceMappingURL=createGroupChannelFragment.js.map

package/lib/commonjs/fragments/createGroupChannelFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitUtils","_MessageRenderer","_interopRequireDefault","_NewMessagesButton","_ScrollToBottomButton","_StatusComposition","_createGroupChannelModule","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","_ref","renderNewMessagesButton","props","createElement","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressMediaMessage","onChannelDeleted","onBeforeSendUserMessage","PASS","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","onPressImageMessage","sdk","currentUser","useSendbirdChat","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage","onSendFileMessage","file","onSendUserMessage","text","mention","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","type","onUpdateFileMessage","editedFile","onUpdateUserMessage","editedText","Provider","Header","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","onResendFailedMessage","onDeleteMessage","Input","SuggestedMentionList","shouldRenderInput","isBroadcast","myRole","_default","exports"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, SendbirdGroupChannel, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n    onPressImageMessage,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <MessageRenderer {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPressSendUserMessage: GroupChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: GroupChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: GroupChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: GroupChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    /** @deprecated **/\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      await sendFileMessage(processedParams);\n    });\n    /** @deprecated **/\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n      async (text, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: text,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await sendUserMessage(processedParams);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: editedText,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={channel}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            channel={channel}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressImageMessage={onPressImageMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <GroupChannelModule.Input\n            SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n            shouldRenderInput={shouldRenderInput(channel)}\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n  if (channel.isBroadcast) {\n    return channel.myRole === 'operator';\n  }\n\n  return true;\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitChatHooks","_uikitUtils","_MessageRenderer","_interopRequireDefault","_NewMessagesButton","_ScrollToBottomButton","_StatusComposition","_constants","_createGroupChannelModule","_useContext","_pubsub","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","_ref","searchItem","renderNewMessagesButton","props","createElement","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressMediaMessage","onChannelDeleted","onBeforeSendUserMessage","PASS","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","onPressImageMessage","sdk","currentUser","useSendbirdChat","internalSearchItem","setInternalSearchItem","useState","navigateFromMessageSearch","useCallback","Boolean","groupChannelPubSub","pubsub","scrolledAwayFromBottom","setScrolledAwayFromBottom","scrolledAwayFromBottomRef","useRefTracker","loading","messages","newMessages","resetNewMessages","next","prev","hasNext","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","resetWithStartingPoint","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","shouldCountNewMessages","current","onMessagesReceived","publish","type","data","startingPoint","MessageComponent","withFocusingAnimation","Fragment","MessageRenderer","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onResetMessageList","callback","Number","MAX_SAFE_INTEGER","undefined","onPending","message","onSent","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","messageId","onPressUpdateFileMessage","onScrolledAwayFromBottom","value","onSendFileMessage","file","onSendUserMessage","text","mention","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","onUpdateFileMessage","editedFile","onUpdateUserMessage","editedText","Provider","Header","shouldHideRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","onResendFailedMessage","onDeleteMessage","nextMessages","newMessagesFromMembers","Input","SuggestedMentionList","shouldRenderInput","isBroadcast","myRole","Component","React","memo","translateY","useRef","Animated","Value","useEffect","focused","setTimeout","sequence","toValue","duration","map","timing","useNativeDriver","easing","Easing","inOut","ease","start","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","MESSAGE_FOCUS_ANIMATION_DELAY","View","style","transform","_default","exports"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated, Easing } from 'react-native';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  PASS,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUserMessage,\n  messageComparator,\n  useFreshCallback,\n  useRefTracker,\n} from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../constants';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type {\n  GroupChannelFragment,\n  GroupChannelModule,\n  GroupChannelProps,\n  GroupChannelPubSubContextPayload,\n} from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport pubsub from '../utils/pubsub';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    searchItem,\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n    onPressImageMessage,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const [internalSearchItem, setInternalSearchItem] = useState(searchItem);\n    const navigateFromMessageSearch = useCallback(() => Boolean(searchItem), []);\n\n    const [groupChannelPubSub] = useState(() => pubsub<GroupChannelPubSubContextPayload>());\n    const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);\n    const scrolledAwayFromBottomRef = useRefTracker(scrolledAwayFromBottom);\n\n    const {\n      loading,\n      messages,\n      newMessages,\n      resetNewMessages,\n      next,\n      prev,\n      hasNext,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      resetWithStartingPoint,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: !queryCreator,\n      shouldCountNewMessages: () => scrolledAwayFromBottomRef.current,\n      onMessagesReceived(messages) {\n        groupChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });\n      },\n      startingPoint: internalSearchItem?.startingPoint,\n    });\n\n    const MessageComponent: GroupChannelProps['MessageList']['renderMessage'] = useCallback(\n      withFocusingAnimation(renderMessage ? (props) => <>{renderMessage(props)}</> : MessageRenderer),\n      [renderMessage],\n    );\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      return <MessageComponent {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [flatListProps],\n    );\n\n    const onResetMessageList = useCallback((callback?: () => void) => {\n      resetWithStartingPoint(Number.MAX_SAFE_INTEGER, callback);\n      setInternalSearchItem(undefined);\n    }, []);\n\n    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      groupChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });\n    };\n\n    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      groupChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });\n    };\n\n    const onPressSendUserMessage: GroupChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressSendFileMessage: GroupChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        const message = await sendFileMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressUpdateUserMessage: GroupChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: GroupChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    const onScrolledAwayFromBottom = useFreshCallback((value: boolean) => {\n      if (!value) resetNewMessages();\n      setScrolledAwayFromBottom(value);\n    });\n\n    /** @deprecated **/\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      const message = await sendFileMessage(processedParams, onPending);\n      onSent(message);\n    });\n    /** @deprecated **/\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n      async (text, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: text,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: editedText,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={channel}\n        groupChannelPubSub={groupChannelPubSub}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header\n          shouldHideRight={navigateFromMessageSearch}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            channel={channel}\n            searchItem={internalSearchItem}\n            onResetMessageList={onResetMessageList}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            newMessages={newMessages}\n            onTopReached={prev}\n            onBottomReached={next}\n            hasNext={hasNext}\n            scrolledAwayFromBottom={scrolledAwayFromBottom}\n            onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n            nextMessages={newMessages}\n            newMessagesFromMembers={newMessages}\n            onPressImageMessage={onPressImageMessage}\n          />\n          <GroupChannelModule.Input\n            SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n            shouldRenderInput={shouldRenderInput(channel)}\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n  if (channel.isBroadcast) {\n    return channel.myRole === 'operator';\n  }\n\n  return true;\n}\n\nfunction withFocusingAnimation<P extends unknown & { focused: boolean }>(Component: React.ComponentType<P>) {\n  return React.memo<P>((props) => {\n    const translateY = useRef(new Animated.Value(0)).current;\n\n    useEffect(() => {\n      if (props.focused) {\n        setTimeout(() => {\n          Animated.sequence(\n            [\n              { toValue: -10, duration: 500 },\n              { toValue: 0, duration: 100 },\n              { toValue: -10, duration: 200 },\n              { toValue: 0, duration: 100 },\n            ].map((value) =>\n              Animated.timing(translateY, { ...value, useNativeDriver: true, easing: Easing.inOut(Easing.ease) }),\n            ),\n          ).start();\n        }, MESSAGE_SEARCH_SAFE_SCROLL_DELAY + MESSAGE_FOCUS_ANIMATION_DELAY);\n      }\n    }, [props.focused]);\n\n    return (\n      <Animated.View style={{ transform: [{ translateY }] }}>\n        <Component {...props} />\n      </Animated.View>\n    );\n  });\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js

@@ -19,6 +19,7 @@ const createGroupChannelSettingsFragment = initModule => {
       channel,
       onPressMenuModeration,
       onPressMenuMembers,
+      onPressMenuSearchInChannel,
       onPressMenuLeaveChannel,
       onPressMenuNotification,
       menuItemsCreator
@@ -46,6 +47,7 @@ const createGroupChannelSettingsFragment = initModule => {
       menuItemsCreator: menuItemsCreator,
       onPressMenuModeration: onPressMenuModeration,
       onPressMenuMembers: onPressMenuMembers,
+      onPressMenuSearchInChannel: onPressMenuSearchInChannel,
       onPressMenuLeaveChannel: onPressMenuLeaveChannel,
       onPressMenuNotification: onPressMenuNotification
     })));

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_createGroupChannelSettingsModule","obj","__esModule","default","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","_ref","onPressHeaderLeft","NOOP","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","createElement","Provider","Header","ScrollView","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Info","Menu","createStyleSheet","_default","exports"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,iCAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAsH,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGtH,MAAMG,kCAAkC,GACtCC,UAAgD,IACf;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAgC,EAACF,UAAU,CAAC;EAE/E,OAAOG,IAAA,IAQD;IAAA,IARE;MACNC,iBAAiB,GAAGC,gBAAI;MACxBC,OAAO;MACPC,qBAAqB;MACrBC,kBAAkB;MAClBC,uBAAuB;MACvBC,uBAAuB;MACvBC;IACF,CAAC,GAAAR,IAAA;IACC,MAAM;MAAES;IAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;IAClC,MAAM;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;IAE3C,oBACE5B,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAChB,0BAA0B,CAACiB,QAAQ;MAACZ,OAAO,EAAEA;IAAQ,gBACpDlB,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAChB,0BAA0B,CAACkB,MAAM;MAACf,iBAAiB,EAAEA;IAAkB,EAAG,eAC3EhB,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAC1B,YAAA,CAAA6B,UAAU;MACTC,KAAK,EAAE;QAAEC,eAAe,EAAEV,MAAM,CAACW;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEX,IAAI,GAAGY,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEd,KAAK,GAAGW,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEFxC,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAChB,0BAA0B,CAAC6B,IAAI,OAAG,eACnC1C,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAChB,0BAA0B,CAAC8B,IAAI;MAC9BpB,gBAAgB,EAAEA,gBAAiB;MACnCJ,qBAAqB,EAAEA,qBAAsB;MAC7CC,kBAAkB,EAAEA,kBAAmB;MACvCC,uBAAuB,EAAEA,uBAAwB;MACjDC,uBAAuB,EAAEA;IAAwB,EACjD,CACS,CACuB;EAE1C,CAAC;AACH,CAAC;AAED,MAAMgB,MAAM,GAAG,IAAAM,4CAAgB,EAAC;EAC9BL,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAK,QAAA,GAEYlC,kCAAkC;AAAAmC,OAAA,CAAApC,OAAA,GAAAmC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_createGroupChannelSettingsModule","obj","__esModule","default","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","_ref","onPressHeaderLeft","NOOP","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuSearchInChannel","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","createElement","Provider","Header","ScrollView","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Info","Menu","createStyleSheet","_default","exports"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuSearchInChannel,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuSearchInChannel={onPressMenuSearchInChannel}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,iCAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAsH,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGtH,MAAMG,kCAAkC,GACtCC,UAAgD,IACf;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAgC,EAACF,UAAU,CAAC;EAE/E,OAAOG,IAAA,IASD;IAAA,IATE;MACNC,iBAAiB,GAAGC,gBAAI;MACxBC,OAAO;MACPC,qBAAqB;MACrBC,kBAAkB;MAClBC,0BAA0B;MAC1BC,uBAAuB;MACvBC,uBAAuB;MACvBC;IACF,CAAC,GAAAT,IAAA;IACC,MAAM;MAAEU;IAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;IAClC,MAAM;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;IAE3C,oBACE7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACjB,0BAA0B,CAACkB,QAAQ;MAACb,OAAO,EAAEA;IAAQ,gBACpDlB,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACjB,0BAA0B,CAACmB,MAAM;MAAChB,iBAAiB,EAAEA;IAAkB,EAAG,eAC3EhB,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC3B,YAAA,CAAA8B,UAAU;MACTC,KAAK,EAAE;QAAEC,eAAe,EAAEV,MAAM,CAACW;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEX,IAAI,GAAGY,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEd,KAAK,GAAGW,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEFzC,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACjB,0BAA0B,CAAC8B,IAAI,OAAG,eACnC3C,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACjB,0BAA0B,CAAC+B,IAAI;MAC9BpB,gBAAgB,EAAEA,gBAAiB;MACnCL,qBAAqB,EAAEA,qBAAsB;MAC7CC,kBAAkB,EAAEA,kBAAmB;MACvCC,0BAA0B,EAAEA,0BAA2B;MACvDC,uBAAuB,EAAEA,uBAAwB;MACjDC,uBAAuB,EAAEA;IAAwB,EACjD,CACS,CACuB;EAE1C,CAAC;AACH,CAAC;AAED,MAAMgB,MAAM,GAAG,IAAAM,4CAAgB,EAAC;EAC9BL,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAK,QAAA,GAEYnC,kCAAkC;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

package/lib/commonjs/fragments/createMessageSearchFragment.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _message = require("@sendbird/chat/message");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _MessageSearchResultItem = require("../components/MessageSearchResultItem");
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+var _messageSearch = require("../domain/messageSearch");
+var _useContext = require("../hooks/useContext");
+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 getMessageSearchQuery(sdk, options) {
+  if (options.queryCreator) return options.queryCreator(options);
+  return sdk.createMessageSearchQuery(options);
+}
+const createMessageSearchFragment = initModule => {
+  const MessageSearchModule = (0, _messageSearch.createMessageSearchModule)(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      channel,
+      queryCreator,
+      renderSearchResultItem,
+      onPressSearchResultItem
+    } = _ref;
+    const padding = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right', 'bottom']);
+    const {
+      sdk
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      keyword,
+      setKeyword,
+      search,
+      searchResults,
+      loading,
+      next,
+      error,
+      query
+    } = useMessageSearch(sdk, {
+      channel,
+      queryCreator
+    });
+    const renderItem = (0, _uikitUtils.useFreshCallback)(props => {
+      if (renderSearchResultItem) return renderSearchResultItem(props);
+      return /*#__PURE__*/_react.default.createElement(_MessageSearchResultItem.MessageSearchResultItem, props);
+    });
+    return /*#__PURE__*/_react.default.createElement(MessageSearchModule.Provider, null, /*#__PURE__*/_react.default.createElement(MessageSearchModule.Header, {
+      keyword: keyword,
+      onChangeKeyword: setKeyword,
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: search
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(MessageSearchModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(MessageSearchModule.StatusError, {
+        onPressRetry: search
+      })
+    }, query && /*#__PURE__*/_react.default.createElement(MessageSearchModule.List, {
+      channel: channel,
+      onPressSearchResultItem: onPressSearchResultItem,
+      messages: searchResults,
+      renderSearchResultItem: renderItem,
+      flatListProps: {
+        keyboardDismissMode: 'on-drag',
+        keyboardShouldPersistTaps: 'handled',
+        onEndReached: next,
+        ListEmptyComponent: MessageSearchModule.StatusEmpty,
+        contentContainerStyle: {
+          flexGrow: 1,
+          ...padding
+        }
+      }
+    })));
+  };
+};
+const useMessageSearch = (sdk, _ref2) => {
+  let {
+    channel,
+    queryCreator
+  } = _ref2;
+  const [query, setQuery] = (0, _react.useState)();
+  const [keyword, setKeyword] = (0, _react.useState)('');
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const [searchResults, setSearchResults] = (0, _react.useState)([]);
+  const queryInProgress = (0, _react.useRef)(false);
+  const search = (0, _uikitUtils.useFreshCallback)(async () => {
+    if (keyword.length <= 0) return;
+    if (queryInProgress.current) return;
+    const query = getMessageSearchQuery(sdk, {
+      keyword,
+      channelUrl: channel.url,
+      messageTimestampFrom: Math.max(channel.joinedAt, channel.invitedAt),
+      order: _message.MessageSearchOrder.TIMESTAMP,
+      queryCreator
+    });
+    setQuery(query);
+    setLoading(true);
+    setError(null);
+    try {
+      queryInProgress.current = true;
+      const result = await query.next();
+      setSearchResults(result);
+    } catch (err) {
+      _uikitUtils.Logger.warn('[MessageSearchFragment] search failure', err);
+      setError(err);
+    } finally {
+      queryInProgress.current = false;
+      setLoading(false);
+    }
+  });
+  const next = (0, _uikitUtils.useFreshCallback)(async () => {
+    if (!(query !== null && query !== void 0 && query.hasNext)) return;
+    if (queryInProgress.current) return;
+    try {
+      queryInProgress.current = true;
+      const result = await query.next();
+      setSearchResults(prev => [...prev, ...result]);
+    } catch (err) {
+      _uikitUtils.Logger.warn('[MessageSearchFragment] next failure', err);
+      setError(err);
+    } finally {
+      queryInProgress.current = false;
+    }
+  });
+  return {
+    keyword,
+    setKeyword,
+    query,
+    loading,
+    error,
+    searchResults,
+    search,
+    next
+  };
+};
+var _default = createMessageSearchFragment;
+exports.default = _default;
+//# sourceMappingURL=createMessageSearchFragment.js.map

package/lib/commonjs/fragments/createMessageSearchFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_message","_uikitUtils","_MessageSearchResultItem","_StatusComposition","_interopRequireDefault","_messageSearch","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getMessageSearchQuery","sdk","options","queryCreator","createMessageSearchQuery","createMessageSearchFragment","initModule","MessageSearchModule","createMessageSearchModule","_ref","onPressHeaderLeft","NOOP","channel","renderSearchResultItem","onPressSearchResultItem","padding","useSafeAreaPadding","useSendbirdChat","keyword","setKeyword","search","searchResults","loading","next","error","query","useMessageSearch","renderItem","useFreshCallback","props","createElement","MessageSearchResultItem","Provider","Header","onChangeKeyword","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","messages","flatListProps","keyboardDismissMode","keyboardShouldPersistTaps","onEndReached","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","_ref2","setQuery","useState","setLoading","setError","setSearchResults","queryInProgress","useRef","length","current","channelUrl","url","messageTimestampFrom","Math","max","joinedAt","invitedAt","order","MessageSearchOrder","TIMESTAMP","result","err","Logger","warn","hasNext","prev","_default","exports"],"sources":["createMessageSearchFragment.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport { MessageSearchOrder } from '@sendbird/chat/message';\nimport {\n  Logger,\n  NOOP,\n  SendbirdBaseMessage,\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdMessageSearchQuery,\n  useFreshCallback,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport { MessageSearchResultItem } from '../components/MessageSearchResultItem';\nimport StatusComposition from '../components/StatusComposition';\nimport { createMessageSearchModule } from '../domain/messageSearch';\nimport type { MessageSearchFragment, MessageSearchModule, MessageSearchProps } from '../domain/messageSearch/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype DefaultMessageSearchQueryParams = {\n  keyword: string;\n  channelUrl: string;\n  messageTimestampFrom: number;\n  order: MessageSearchOrder;\n};\n\ntype SearchQueryOptions = DefaultMessageSearchQueryParams & {\n  queryCreator?: (params: DefaultMessageSearchQueryParams) => SendbirdMessageSearchQuery;\n};\n\nfunction getMessageSearchQuery(sdk: SendbirdChatSDK, options: SearchQueryOptions) {\n  if (options.queryCreator) return options.queryCreator(options);\n  return sdk.createMessageSearchQuery(options);\n}\n\nconst createMessageSearchFragment = (initModule?: Partial<MessageSearchModule>): MessageSearchFragment => {\n  const MessageSearchModule = createMessageSearchModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, queryCreator, renderSearchResultItem, onPressSearchResultItem }) => {\n    const padding = useSafeAreaPadding(['left', 'right', 'bottom']);\n\n    const { sdk } = useSendbirdChat();\n    const { keyword, setKeyword, search, searchResults, loading, next, error, query } = useMessageSearch(sdk, {\n      channel,\n      queryCreator,\n    });\n\n    const renderItem: MessageSearchProps['List']['renderSearchResultItem'] = useFreshCallback((props) => {\n      if (renderSearchResultItem) return renderSearchResultItem(props);\n      return <MessageSearchResultItem {...props} />;\n    });\n\n    return (\n      <MessageSearchModule.Provider>\n        <MessageSearchModule.Header\n          keyword={keyword}\n          onChangeKeyword={setKeyword}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={search}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<MessageSearchModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<MessageSearchModule.StatusError onPressRetry={search} />}\n        >\n          {query && (\n            <MessageSearchModule.List\n              channel={channel}\n              onPressSearchResultItem={onPressSearchResultItem}\n              messages={searchResults}\n              renderSearchResultItem={renderItem}\n              flatListProps={{\n                keyboardDismissMode: 'on-drag',\n                keyboardShouldPersistTaps: 'handled',\n                onEndReached: next,\n                ListEmptyComponent: MessageSearchModule.StatusEmpty,\n                contentContainerStyle: { flexGrow: 1, ...padding },\n              }}\n            />\n          )}\n        </StatusComposition>\n      </MessageSearchModule.Provider>\n    );\n  };\n};\n\nconst useMessageSearch = (\n  sdk: SendbirdChatSDK,\n  { channel, queryCreator }: { channel: SendbirdGroupChannel; queryCreator: SearchQueryOptions['queryCreator'] },\n) => {\n  const [query, setQuery] = useState<SendbirdMessageSearchQuery>();\n  const [keyword, setKeyword] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const [searchResults, setSearchResults] = useState<SendbirdBaseMessage[]>([]);\n  const queryInProgress = useRef(false);\n\n  const search = useFreshCallback(async () => {\n    if (keyword.length <= 0) return;\n    if (queryInProgress.current) return;\n\n    const query = getMessageSearchQuery(sdk, {\n      keyword,\n      channelUrl: channel.url,\n      messageTimestampFrom: Math.max(channel.joinedAt, channel.invitedAt),\n      order: MessageSearchOrder.TIMESTAMP,\n      queryCreator,\n    });\n\n    setQuery(query);\n    setLoading(true);\n    setError(null);\n\n    try {\n      queryInProgress.current = true;\n      const result = await query.next();\n      setSearchResults(result);\n    } catch (err) {\n      Logger.warn('[MessageSearchFragment] search failure', err);\n      setError(err);\n    } finally {\n      queryInProgress.current = false;\n      setLoading(false);\n    }\n  });\n\n  const next = useFreshCallback(async () => {\n    if (!query?.hasNext) return;\n    if (queryInProgress.current) return;\n\n    try {\n      queryInProgress.current = true;\n      const result = await query.next();\n      setSearchResults((prev) => [...prev, ...result]);\n    } catch (err) {\n      Logger.warn('[MessageSearchFragment] next failure', err);\n      setError(err);\n    } finally {\n      queryInProgress.current = false;\n    }\n  });\n\n  return {\n    keyword,\n    setKeyword,\n\n    query,\n    loading,\n    error,\n    searchResults,\n\n    search,\n    next,\n  };\n};\n\nexport default createMessageSearchFragment;\n"],"mappings":"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"}