@sendbird/uikit-chat-hooks 2.2.0 → 2.4.0

package/lib/commonjs/channel/useOpenChannelList/reducer.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOpenChannelListReducer = void 0;
+
+var _react = require("react");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+const defaultReducer = (_ref, action) => {
+  let { ...draft
+  } = _ref;
+
+  switch (action.type) {
+    case 'update_error':
+      {
+        draft.error = action.value.error;
+        break;
+      }
+
+    case 'update_refreshing':
+    case 'update_loading':
+      {
+        const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
+        draft[key] = action.value.status;
+        break;
+      }
+
+    case 'update_channels':
+      {
+        (0, _uikitUtils.getOpenChannels)(action.value.channels).forEach(freshChannel => {
+          const idx = draft.openChannels.findIndex(staleChannel => staleChannel.url === freshChannel.url);
+          if (idx > -1) draft.openChannels[idx] = freshChannel;
+        });
+        break;
+      }
+
+    case 'delete_channels':
+      {
+        action.value.channelUrls.forEach(url => {
+          const idx = draft.openChannels.findIndex(c => c.url === url);
+          if (idx > -1) draft.openChannels.splice(idx, 1);
+        });
+        break;
+      }
+
+    case 'append_channels':
+      {
+        const openChannels = (0, _uikitUtils.getOpenChannels)(action.value.channels);
+
+        if (action.value.clearBeforeAction) {
+          draft.openChannels = openChannels;
+        } else {
+          draft.openChannels = [...draft.openChannels, ...openChannels];
+        }
+
+        break;
+      }
+  }
+
+  return draft;
+};
+
+const useOpenChannelListReducer = () => {
+  const [{
+    error,
+    loading,
+    refreshing,
+    openChannels
+  }, dispatch] = (0, _react.useReducer)(defaultReducer, {
+    loading: true,
+    refreshing: false,
+    openChannels: [],
+    error: null
+  });
+
+  const updateChannels = channels => {
+    dispatch({
+      type: 'update_channels',
+      value: {
+        channels
+      }
+    });
+  };
+
+  const deleteChannels = channelUrls => {
+    dispatch({
+      type: 'delete_channels',
+      value: {
+        channelUrls
+      }
+    });
+  };
+
+  const appendChannels = (channels, clearBeforeAction) => {
+    dispatch({
+      type: 'append_channels',
+      value: {
+        channels,
+        clearBeforeAction
+      }
+    });
+  };
+
+  const updateLoading = status => {
+    dispatch({
+      type: 'update_loading',
+      value: {
+        status
+      }
+    });
+  };
+
+  const updateRefreshing = status => {
+    dispatch({
+      type: 'update_refreshing',
+      value: {
+        status
+      }
+    });
+  };
+
+  const updateError = error => {
+    dispatch({
+      type: 'update_error',
+      value: {
+        error
+      }
+    });
+  };
+
+  return {
+    updateError,
+    updateLoading,
+    updateRefreshing,
+    updateChannels,
+    deleteChannels,
+    appendChannels,
+    error,
+    loading,
+    refreshing,
+    openChannels
+  };
+};
+
+exports.useOpenChannelListReducer = useOpenChannelListReducer;
+//# sourceMappingURL=reducer.js.map

package/lib/commonjs/channel/useOpenChannelList/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultReducer","action","draft","type","error","value","key","status","getOpenChannels","channels","forEach","freshChannel","idx","openChannels","findIndex","staleChannel","url","channelUrls","c","splice","clearBeforeAction","useOpenChannelListReducer","loading","refreshing","dispatch","useReducer","updateChannels","deleteChannels","appendChannels","updateLoading","updateRefreshing","updateError"],"sources":["reducer.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nimport type { SendbirdChannel, SendbirdOpenChannel } from '@sendbird/uikit-utils';\nimport { getOpenChannels } from '@sendbird/uikit-utils';\n\ntype Action =\n  | {\n      type: 'update_error';\n      value: { error: unknown | null };\n    }\n  | {\n      type: 'update_loading' | 'update_refreshing';\n      value: { status: boolean };\n    }\n  | {\n      type: 'update_channels';\n      value: { channels: SendbirdChannel[] };\n    }\n  | {\n      type: 'delete_channels';\n      value: { channelUrls: string[] };\n    }\n  | {\n      type: 'append_channels';\n      value: { channels: SendbirdChannel[]; clearBeforeAction: boolean };\n    };\n\ntype State = {\n  error: unknown | null;\n  loading: boolean;\n  refreshing: boolean;\n  openChannels: SendbirdOpenChannel[];\n};\n\nconst defaultReducer = ({ ...draft }: State, action: Action) => {\n  switch (action.type) {\n    case 'update_error': {\n      draft.error = action.value.error;\n      break;\n    }\n    case 'update_refreshing':\n    case 'update_loading': {\n      const key = action.type === 'update_loading' ? 'loading' : 'refreshing';\n      draft[key] = action.value.status;\n      break;\n    }\n    case 'update_channels': {\n      getOpenChannels(action.value.channels).forEach((freshChannel) => {\n        const idx = draft.openChannels.findIndex((staleChannel) => staleChannel.url === freshChannel.url);\n        if (idx > -1) draft.openChannels[idx] = freshChannel;\n      });\n      break;\n    }\n    case 'delete_channels': {\n      action.value.channelUrls.forEach((url) => {\n        const idx = draft.openChannels.findIndex((c) => c.url === url);\n        if (idx > -1) draft.openChannels.splice(idx, 1);\n      });\n      break;\n    }\n    case 'append_channels': {\n      const openChannels = getOpenChannels(action.value.channels);\n      if (action.value.clearBeforeAction) {\n        draft.openChannels = openChannels;\n      } else {\n        draft.openChannels = [...draft.openChannels, ...openChannels];\n      }\n      break;\n    }\n  }\n  return draft;\n};\n\nexport const useOpenChannelListReducer = () => {\n  const [{ error, loading, refreshing, openChannels }, dispatch] = useReducer(defaultReducer, {\n    loading: true,\n    refreshing: false,\n    openChannels: [],\n    error: null,\n  });\n\n  const updateChannels = (channels: SendbirdChannel[]) => {\n    dispatch({ type: 'update_channels', value: { channels } });\n  };\n  const deleteChannels = (channelUrls: string[]) => {\n    dispatch({ type: 'delete_channels', value: { channelUrls } });\n  };\n  const appendChannels = (channels: SendbirdChannel[], clearBeforeAction: boolean) => {\n    dispatch({ type: 'append_channels', value: { channels, clearBeforeAction } });\n  };\n  const updateLoading = (status: boolean) => {\n    dispatch({ type: 'update_loading', value: { status } });\n  };\n  const updateRefreshing = (status: boolean) => {\n    dispatch({ type: 'update_refreshing', value: { status } });\n  };\n\n  const updateError = (error: unknown | null) => {\n    dispatch({ type: 'update_error', value: { error } });\n  };\n\n  return {\n    updateError,\n    updateLoading,\n    updateRefreshing,\n    updateChannels,\n    deleteChannels,\n    appendChannels,\n\n    error,\n    loading,\n    refreshing,\n    openChannels,\n  };\n};\n"],"mappings":"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"}

package/lib/commonjs/channel/useOpenChannelList/useOpenChannelListWithQuery.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOpenChannelListWithQuery = void 0;
+
+var _react = require("react");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useChannelHandler = require("../../handler/useChannelHandler");
+
+var _reducer = require("./reducer");
+
+const createOpenChannelListQuery = (sdk, queryCreator) => {
+  const passedQuery = queryCreator === null || queryCreator === void 0 ? void 0 : queryCreator();
+  if (passedQuery) return passedQuery;
+  return sdk.openChannel.createOpenChannelListQuery({});
+};
+
+const useOpenChannelListWithQuery = (sdk, userId, options) => {
+  const queryRef = (0, _react.useRef)();
+  const handlerId = (0, _uikitUtils.useUniqHandlerId)('useOpenChannelListWithQuery');
+  const {
+    error,
+    loading,
+    openChannels,
+    refreshing,
+    updateChannels,
+    appendChannels,
+    deleteChannels,
+    updateRefreshing,
+    updateLoading,
+    updateError
+  } = (0, _reducer.useOpenChannelListReducer)();
+  const init = (0, _uikitUtils.useFreshCallback)(async uid => {
+    if (uid) {
+      var _queryRef$current;
+
+      queryRef.current = createOpenChannelListQuery(sdk, options === null || options === void 0 ? void 0 : options.queryCreator);
+
+      if ((_queryRef$current = queryRef.current) !== null && _queryRef$current !== void 0 && _queryRef$current.hasNext) {
+        const channels = await queryRef.current.next();
+        appendChannels(channels, true);
+      }
+    }
+  });
+
+  const updateChannel = channel => {
+    if (channel.isOpenChannel()) updateChannels([channel]);
+  };
+
+  (0, _useChannelHandler.useChannelHandler)(sdk, handlerId, {
+    onChannelChanged: updateChannel,
+    onChannelFrozen: updateChannel,
+    onChannelUnfrozen: updateChannel,
+    onChannelDeleted: url => deleteChannels([url]),
+
+    onUserBanned(channel, user) {
+      const isMe = user.userId === userId;
+      if (isMe && channel.isOpenChannel()) deleteChannels([channel.url]);
+    },
+
+    onUserEntered: (channel, user) => {
+      const isMe = user.userId === userId;
+
+      if (isMe && channel.isOpenChannel() && !openChannels.find(it => it.url === channel.url)) {
+        appendChannels([], true);
+        refresh();
+      }
+    }
+  }, 'open');
+  (0, _uikitUtils.useAsyncEffect)(async () => {
+    updateLoading(true);
+    updateError(null);
+
+    try {
+      await init(userId);
+    } catch (e) {
+      updateError(e);
+      appendChannels([], true);
+    } finally {
+      updateLoading(false);
+    }
+  }, [init, userId]);
+  const refresh = (0, _uikitUtils.useFreshCallback)(async () => {
+    updateRefreshing(true);
+    updateError(null);
+
+    try {
+      await init(userId);
+    } catch (e) {
+      updateError(e);
+      appendChannels([], true);
+    } finally {
+      updateRefreshing(false);
+    }
+  });
+  const next = (0, _uikitUtils.useFreshCallback)(async () => {
+    var _queryRef$current2;
+
+    if ((_queryRef$current2 = queryRef.current) !== null && _queryRef$current2 !== void 0 && _queryRef$current2.hasNext) {
+      const channels = await queryRef.current.next();
+      appendChannels(channels, false);
+    }
+  });
+  return {
+    error,
+    loading,
+    openChannels,
+    refresh,
+    refreshing,
+    next
+  };
+};
+
+exports.useOpenChannelListWithQuery = useOpenChannelListWithQuery;
+//# sourceMappingURL=useOpenChannelListWithQuery.js.map

package/lib/commonjs/channel/useOpenChannelList/useOpenChannelListWithQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOpenChannelListQuery","sdk","queryCreator","passedQuery","openChannel","useOpenChannelListWithQuery","userId","options","queryRef","useRef","handlerId","useUniqHandlerId","error","loading","openChannels","refreshing","updateChannels","appendChannels","deleteChannels","updateRefreshing","updateLoading","updateError","useOpenChannelListReducer","init","useFreshCallback","uid","current","hasNext","channels","next","updateChannel","channel","isOpenChannel","useChannelHandler","onChannelChanged","onChannelFrozen","onChannelUnfrozen","onChannelDeleted","url","onUserBanned","user","isMe","onUserEntered","find","it","refresh","useAsyncEffect","e"],"sources":["useOpenChannelListWithQuery.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { SendbirdBaseChannel, SendbirdChatSDK, SendbirdOpenChannelListQuery } from '@sendbird/uikit-utils';\nimport { useAsyncEffect, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useChannelHandler } from '../../handler/useChannelHandler';\nimport type { UseOpenChannelList, UseOpenChannelListOptions } from '../../types';\nimport { useOpenChannelListReducer } from './reducer';\n\nconst createOpenChannelListQuery = (sdk: SendbirdChatSDK, queryCreator: UseOpenChannelListOptions['queryCreator']) => {\n  const passedQuery = queryCreator?.();\n  if (passedQuery) return passedQuery;\n  return sdk.openChannel.createOpenChannelListQuery({});\n};\n\nexport const useOpenChannelListWithQuery: UseOpenChannelList = (sdk, userId, options) => {\n  const queryRef = useRef<SendbirdOpenChannelListQuery>();\n  const handlerId = useUniqHandlerId('useOpenChannelListWithQuery');\n\n  const {\n    error,\n    loading,\n    openChannels,\n    refreshing,\n    updateChannels,\n    appendChannels,\n    deleteChannels,\n    updateRefreshing,\n    updateLoading,\n    updateError,\n  } = useOpenChannelListReducer();\n\n  const init = useFreshCallback(async (uid?: string) => {\n    if (uid) {\n      queryRef.current = createOpenChannelListQuery(sdk, options?.queryCreator);\n\n      if (queryRef.current?.hasNext) {\n        const channels = await queryRef.current.next();\n        appendChannels(channels, true);\n      }\n    }\n  });\n\n  const updateChannel = (channel: SendbirdBaseChannel) => {\n    if (channel.isOpenChannel()) updateChannels([channel]);\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelChanged: updateChannel,\n      onChannelFrozen: updateChannel,\n      onChannelUnfrozen: updateChannel,\n      onChannelDeleted: (url) => deleteChannels([url]),\n      onUserBanned(channel, user) {\n        const isMe = user.userId === userId;\n        if (isMe && channel.isOpenChannel()) deleteChannels([channel.url]);\n      },\n      onUserEntered: (channel, user) => {\n        const isMe = user.userId === userId;\n        if (isMe && channel.isOpenChannel() && !openChannels.find((it) => it.url === channel.url)) {\n          appendChannels([], true);\n          refresh();\n        }\n      },\n    },\n    'open',\n  );\n\n  useAsyncEffect(async () => {\n    updateLoading(true);\n    updateError(null);\n    try {\n      await init(userId);\n    } catch (e) {\n      updateError(e);\n      appendChannels([], true);\n    } finally {\n      updateLoading(false);\n    }\n  }, [init, userId]);\n\n  const refresh = useFreshCallback(async () => {\n    updateRefreshing(true);\n    updateError(null);\n    try {\n      await init(userId);\n    } catch (e) {\n      updateError(e);\n      appendChannels([], true);\n    } finally {\n      updateRefreshing(false);\n    }\n  });\n\n  const next = useFreshCallback(async () => {\n    if (queryRef.current?.hasNext) {\n      const channels = await queryRef.current.next();\n      appendChannels(channels, false);\n    }\n  });\n\n  return {\n    error,\n    loading,\n    openChannels,\n    refresh,\n    refreshing,\n    next,\n  };\n};\n"],"mappings":"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"}

package/lib/commonjs/channel/useOpenChannelMessages/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOpenChannelMessages = void 0;
+
+var _useOpenChannelMessagesWithQuery = require("./useOpenChannelMessagesWithQuery");
+
+const useOpenChannelMessages = (sdk, channel, userId, options) => {
+  return (0, _useOpenChannelMessagesWithQuery.useOpenChannelMessagesWithQuery)(sdk, channel, userId, options);
+};
+
+exports.useOpenChannelMessages = useOpenChannelMessages;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/channel/useOpenChannelMessages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useOpenChannelMessages","sdk","channel","userId","options","useOpenChannelMessagesWithQuery"],"sources":["index.ts"],"sourcesContent":["import type { UseOpenChannelMessages } from '../../types';\nimport { useOpenChannelMessagesWithQuery } from './useOpenChannelMessagesWithQuery';\n\nexport const useOpenChannelMessages: UseOpenChannelMessages = (sdk, channel, userId, options) => {\n  return useOpenChannelMessagesWithQuery(sdk, channel, userId, options);\n};\n"],"mappings":";;;;;;;AACA;;AAEO,MAAMA,sBAA8C,GAAG,CAACC,GAAD,EAAMC,OAAN,EAAeC,MAAf,EAAuBC,OAAvB,KAAmC;EAC/F,OAAO,IAAAC,gEAAA,EAAgCJ,GAAhC,EAAqCC,OAArC,EAA8CC,MAA9C,EAAsDC,OAAtD,CAAP;AACD,CAFM"}

package/lib/commonjs/channel/useOpenChannelMessages/reducer.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOpenChannelMessagesReducer = void 0;
+
+var _react = require("react");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+const defaultReducer = (_ref, action) => {
+  let { ...draft
+  } = _ref;
+
+  switch (action.type) {
+    case 'update_refreshing':
+    case 'update_loading':
+      {
+        const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
+        draft[key] = action.value.status;
+        return draft;
+      }
+
+    case 'update_messages':
+    case 'update_next_messages':
+      {
+        const key = action.type === 'update_messages' ? 'messageMap' : 'nextMessageMap';
+        const receivedMessagesAsMap = (0, _uikitUtils.arrayToMapWithGetter)(action.value.messages, _uikitUtils.getMessageUniqId);
+
+        if (action.value.clearPrev) {
+          draft[key] = receivedMessagesAsMap;
+        } else {
+          draft[key] = { ...draft[key],
+            ...receivedMessagesAsMap
+          }; // NOTE: Replace pending message to succeeded message
+
+          action.value.messages.filter(m => {
+            return (m.isFileMessage() || m.isUserMessage()) && Boolean(draft[key][m.reqId]) && m.sendingStatus === 'succeeded' && (0, _uikitUtils.isMyMessage)(m, action.value.currentUserId);
+          }).forEach(m => delete draft[key][m.reqId]);
+        }
+
+        return draft;
+      }
+
+    case 'delete_messages':
+    case 'delete_next_messages':
+      {
+        const key = action.type === 'delete_messages' ? 'messageMap' : 'nextMessageMap';
+        draft[key] = { ...draft[key]
+        };
+        action.value.messageIds.forEach(msgId => delete draft[key][msgId]);
+        action.value.reqIds.forEach(reqId => delete draft[key][reqId]);
+        return draft;
+      }
+  }
+};
+
+const useOpenChannelMessagesReducer = (userId, sortComparator) => {
+  const [{
+    loading,
+    refreshing,
+    messageMap,
+    nextMessageMap
+  }, dispatch] = (0, _react.useReducer)(defaultReducer, {
+    loading: true,
+    refreshing: false,
+    messageMap: {},
+    nextMessageMap: {}
+  });
+
+  const updateMessages = (messages, clearPrev, currentUserId) => {
+    dispatch({
+      type: 'update_messages',
+      value: {
+        messages,
+        clearPrev,
+        currentUserId
+      }
+    });
+  };
+
+  const deleteMessages = (messageIds, reqIds) => {
+    dispatch({
+      type: 'delete_messages',
+      value: {
+        messageIds,
+        reqIds
+      }
+    });
+  };
+
+  const updateNextMessages = (messages, clearPrev, currentUserId) => {
+    dispatch({
+      type: 'update_next_messages',
+      value: {
+        messages,
+        clearPrev,
+        currentUserId
+      }
+    });
+  };
+
+  const deleteNextMessages = (messageIds, reqIds) => {
+    dispatch({
+      type: 'delete_next_messages',
+      value: {
+        messageIds,
+        reqIds
+      }
+    });
+  };
+
+  const updateLoading = status => {
+    dispatch({
+      type: 'update_loading',
+      value: {
+        status
+      }
+    });
+  };
+
+  const updateRefreshing = status => {
+    dispatch({
+      type: 'update_refreshing',
+      value: {
+        status
+      }
+    });
+  };
+
+  const messages = (0, _uikitUtils.useIIFE)(() => {
+    if (sortComparator) return Object.values(messageMap).sort(sortComparator);
+    return Object.values(messageMap);
+  });
+  const nextMessages = Object.values(nextMessageMap);
+  const newMessagesFromMembers = nextMessages.filter(msg => (0, _uikitUtils.isNewMessage)(msg, userId));
+  return {
+    updateLoading,
+    updateRefreshing,
+    updateMessages,
+    updateNextMessages,
+    deleteMessages,
+    deleteNextMessages,
+    loading,
+    refreshing,
+    messages,
+    nextMessages,
+    newMessagesFromMembers
+  };
+};
+
+exports.useOpenChannelMessagesReducer = useOpenChannelMessagesReducer;
+//# sourceMappingURL=reducer.js.map

package/lib/commonjs/channel/useOpenChannelMessages/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultReducer","action","draft","type","key","value","status","receivedMessagesAsMap","arrayToMapWithGetter","messages","getMessageUniqId","clearPrev","filter","m","isFileMessage","isUserMessage","Boolean","reqId","sendingStatus","isMyMessage","currentUserId","forEach","messageIds","msgId","reqIds","useOpenChannelMessagesReducer","userId","sortComparator","loading","refreshing","messageMap","nextMessageMap","dispatch","useReducer","updateMessages","deleteMessages","updateNextMessages","deleteNextMessages","updateLoading","updateRefreshing","useIIFE","Object","values","sort","nextMessages","newMessagesFromMembers","msg","isNewMessage"],"sources":["reducer.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nimport type { SendbirdBaseMessage, SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { arrayToMapWithGetter, getMessageUniqId, isMyMessage, isNewMessage, useIIFE } from '@sendbird/uikit-utils';\n\nimport type { UseOpenChannelMessagesOptions } from '../../types';\n\ntype Action =\n  | {\n      type: 'update_loading' | 'update_refreshing';\n      value: { status: boolean };\n    }\n  | {\n      type: 'update_messages' | 'update_next_messages';\n      value: { messages: SendbirdBaseMessage[]; clearPrev: boolean; currentUserId?: string };\n    }\n  | {\n      type: 'delete_messages' | 'delete_next_messages';\n      value: { messageIds: number[]; reqIds: string[] };\n    };\n\ntype State = {\n  loading: boolean;\n  refreshing: boolean;\n  messageMap: Record<string, SendbirdBaseMessage>;\n  nextMessageMap: Record<string, SendbirdBaseMessage>;\n};\n\nconst defaultReducer = ({ ...draft }: State, action: Action) => {\n  switch (action.type) {\n    case 'update_refreshing':\n    case 'update_loading': {\n      const key = action.type === 'update_loading' ? 'loading' : 'refreshing';\n      draft[key] = action.value.status;\n\n      return draft;\n    }\n    case 'update_messages':\n    case 'update_next_messages': {\n      const key = action.type === 'update_messages' ? 'messageMap' : 'nextMessageMap';\n      const receivedMessagesAsMap = arrayToMapWithGetter(action.value.messages, getMessageUniqId);\n      if (action.value.clearPrev) {\n        draft[key] = receivedMessagesAsMap;\n      } else {\n        draft[key] = { ...draft[key], ...receivedMessagesAsMap };\n\n        // NOTE: Replace pending message to succeeded message\n        action.value.messages\n          .filter((m): m is SendbirdUserMessage | SendbirdFileMessage => {\n            return (\n              (m.isFileMessage() || m.isUserMessage()) &&\n              Boolean(draft[key][m.reqId]) &&\n              m.sendingStatus === 'succeeded' &&\n              isMyMessage(m, action.value.currentUserId)\n            );\n          })\n          .forEach((m) => delete draft[key][m.reqId]);\n      }\n\n      return draft;\n    }\n    case 'delete_messages':\n    case 'delete_next_messages': {\n      const key = action.type === 'delete_messages' ? 'messageMap' : 'nextMessageMap';\n      draft[key] = { ...draft[key] };\n      action.value.messageIds.forEach((msgId) => delete draft[key][msgId]);\n      action.value.reqIds.forEach((reqId) => delete draft[key][reqId]);\n\n      return draft;\n    }\n  }\n};\n\nexport const useOpenChannelMessagesReducer = (\n  userId?: string,\n  sortComparator?: UseOpenChannelMessagesOptions['sortComparator'],\n) => {\n  const [{ loading, refreshing, messageMap, nextMessageMap }, dispatch] = useReducer(defaultReducer, {\n    loading: true,\n    refreshing: false,\n    messageMap: {},\n    nextMessageMap: {},\n  });\n\n  const updateMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {\n    dispatch({ type: 'update_messages', value: { messages, clearPrev, currentUserId } });\n  };\n  const deleteMessages = (messageIds: number[], reqIds: string[]) => {\n    dispatch({ type: 'delete_messages', value: { messageIds, reqIds } });\n  };\n  const updateNextMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {\n    dispatch({ type: 'update_next_messages', value: { messages, clearPrev, currentUserId } });\n  };\n  const deleteNextMessages = (messageIds: number[], reqIds: string[]) => {\n    dispatch({ type: 'delete_next_messages', value: { messageIds, reqIds } });\n  };\n  const updateLoading = (status: boolean) => {\n    dispatch({ type: 'update_loading', value: { status } });\n  };\n  const updateRefreshing = (status: boolean) => {\n    dispatch({ type: 'update_refreshing', value: { status } });\n  };\n\n  const messages = useIIFE(() => {\n    if (sortComparator) return Object.values(messageMap).sort(sortComparator);\n    return Object.values(messageMap);\n  });\n  const nextMessages = Object.values(nextMessageMap);\n  const newMessagesFromMembers = nextMessages.filter((msg) => isNewMessage(msg, userId));\n\n  return {\n    updateLoading,\n    updateRefreshing,\n    updateMessages,\n    updateNextMessages,\n    deleteMessages,\n    deleteNextMessages,\n\n    loading,\n    refreshing,\n    messages,\n    nextMessages,\n    newMessagesFromMembers,\n  };\n};\n"],"mappings":"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"}