@sendbird/uikit-react 3.3.5 → 3.5.0-rc.1

package/NotificationChannel.js

@@ -0,0 +1,58 @@
+import { e as __rest } from './tslib.es6-72df3331.js';
+import React__default from 'react';
+import { N as NotficationChannelProvider } from './NotificationChannelProvider-ad556c64.js';
+import NotificationChannelUI from './NotificationChannel/components/NotificationChannelUI.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './_rollupPluginBabelHelpers-519f674b.js';
+import './compareIds-ef41eb2c.js';
+import './index-855ef33d.js';
+import './utils/message/getOutgoingMessageState.js';
+import '@sendbird/chat/groupChannel';
+import './uuid-7e004f47.js';
+import './NotificationChannel/components/NotificationList.js';
+import './NotificationChannel/components/NotificationMessageWrap.js';
+import './index-751f97ce.js';
+import './index-a02da5bd.js';
+import './index-3c013a28.js';
+import './index-4ebfc7a7.js';
+import './ui/UnknownMessageItemBody.js';
+import './index-2784bdd8.js';
+import 'prop-types';
+import './stringSet-9ae71b7d.js';
+import './LocalizationContext-289c1917.js';
+import './ui/Icon.js';
+import '@sendbird/react-uikit-message-template-view';
+import './index-232388fa.js';
+import './ui/Loader.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-2f346069.js';
+import './ui/Button.js';
+import './ui/IconButton.js';
+import './MediaQueryContext-273d29f6.js';
+import './sendbirdSelectors.js';
+import './topics-e2963bba.js';
+import './utils-ea66f822.js';
+
+function NotificationChannel(props) {
+  var channelUrl = props.channelUrl,
+      messageListParams = props.messageListParams,
+      lastSeen = props.lastSeen,
+      handleWebAction = props.handleWebAction,
+      handleCustomAction = props.handleCustomAction,
+      handlePredefinedAction = props.handlePredefinedAction,
+      uiProps = __rest(props, ["channelUrl", "messageListParams", "lastSeen", "handleWebAction", "handleCustomAction", "handlePredefinedAction"]);
+
+  return /*#__PURE__*/React__default.createElement(NotficationChannelProvider, {
+    channelUrl: channelUrl,
+    lastSeen: lastSeen,
+    messageListParams: messageListParams,
+    handleWebAction: handleWebAction,
+    handleCustomAction: handleCustomAction,
+    handlePredefinedAction: handlePredefinedAction
+  }, /*#__PURE__*/React__default.createElement(NotificationChannelUI, uiProps));
+}
+
+export { NotificationChannel as default };
+//# sourceMappingURL=NotificationChannel.js.map

package/NotificationChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationChannel.js","sources":["../src/smart-components/NotificationChannel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotficationChannelContextProps, NotficationChannelProvider } from \"./context/NotificationChannelProvider\";\nimport NotificationChannelUI, { NotificationChannelUIProps } from \"./components/NotificationChannelUI\";\n\nexport interface NotificationChannelProps extends NotificationChannelUIProps, NotficationChannelContextProps {}\nexport default function NotificationChannel(props: NotificationChannelProps): JSX.Element {\n  const {\n    channelUrl,\n    messageListParams,\n    lastSeen,\n    handleWebAction,\n    handleCustomAction,\n    handlePredefinedAction,\n    ...uiProps\n  } = props;\n  return (\n    <NotficationChannelProvider\n      channelUrl={channelUrl}\n      lastSeen={lastSeen}\n      messageListParams={messageListParams}\n      handleWebAction={handleWebAction}\n      handleCustomAction={handleCustomAction}\n      handlePredefinedAction={handlePredefinedAction}\n    >\n      <NotificationChannelUI\n        {...uiProps}\n      />\n    </NotficationChannelProvider>\n  )\n}\n"],"names":["NotificationChannel","props","channelUrl","messageListParams","lastSeen","handleWebAction","handleCustomAction","handlePredefinedAction","uiProps","__rest","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKwB,SAAAA,mBAAA,CAAoBC,KAApB,EAAmD;AAEvE,EAAA,IAAAC,UAAU,GAORD,KAAK,CAPGC,UAAV;AAAA,MACAC,iBAAiB,GAMfF,KAAK,CANUE,iBADjB;AAAA,MAEAC,QAAQ,GAKNH,KAAK,CALCG,QAFR;AAAA,MAGAC,eAAe,GAIbJ,KAAK,CAJQI,eAHf;AAAA,MAIAC,kBAAkB,GAGhBL,KAAK,CAHWK,kBAJlB;AAAA,MAKAC,sBAAsB,GAEpBN,KAAK,CAFeM,sBALtB;AAAA,MAMGC,OAAO,GACRC,MAAA,CAAAR,KAAA,EARE,CAAA,YAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,wBAAA,CAQF,CAPF,CAAA;;AAQF,EAAA,oBACES,6BAAC,0BAAD,EAAA;AACE,IAAA,UAAU,EAAER,UADd;AAEE,IAAA,QAAQ,EAAEE,QAFZ;AAGE,IAAA,iBAAiB,EAAED,iBAHrB;AAIE,IAAA,eAAe,EAAEE,eAJnB;AAKE,IAAA,kBAAkB,EAAEC,kBALtB;AAME,IAAA,sBAAsB,EAAEC,sBAAAA;AAN1B,GAAA,eAQEG,cAAC,CAAA,aAAA,CAAA,qBAAD,EACMF,OADN,CARF,CADF,CAAA;AAcD;;;;"}

package/NotificationChannelProvider-ad556c64.js

@@ -0,0 +1,535 @@
+import React__default, { useEffect, useCallback, useReducer, useRef } from 'react';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+import { _ as __assign, a as __spreadArray } from './tslib.es6-72df3331.js';
+import { c as compareIds } from './compareIds-ef41eb2c.js';
+import { c as filterMessageListParams } from './index-855ef33d.js';
+import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
+import { u as uuidv4 } from './uuid-7e004f47.js';
+
+var initialState = {
+  uiState: 'loading',
+  allMessages: [],
+  currentNotificationChannel: null,
+  hasMore: false,
+  messageListParams: null,
+  lastSeen: 0,
+  showDeleteModal: false,
+  messageToDelete: null
+};
+
+var actionTypes = {
+  FETCH_CHANNEL_START: 'FETCH_CHANNEL_START',
+  FETCH_CHANNEL_SUCCESS: 'FETCH_CHANNEL_SUCCESS',
+  FETCH_CHANNEL_FAILURE: 'FETCH_CHANNEL_FAILURE',
+  RESET_MESSAGES: 'RESET_MESSAGES',
+  FETCH_INITIAL_MESSAGES_START: 'FETCH_INITIAL_MESSAGES_START',
+  FETCH_INITIAL_MESSAGES_SUCCESS: 'FETCH_INITIAL_MESSAGES_SUCCESS',
+  FETCH_INITIAL_MESSAGES_FAILURE: 'FETCH_INITIAL_MESSAGES_FAILURE',
+  FETCH_PREV_MESSAGES_SUCCESS: 'FETCH_PREV_MESSAGES_SUCCESS',
+  FETCH_PREV_MESSAGES_FAILURE: 'FETCH_PREV_MESSAGES_FAILURE',
+
+  /**
+   * Being able to notice which notification messages are newly arrived by the (unread) badge UI
+   * last seen at == groupChannel.myLastRead; should not updated when the channel is on entered(use it only once) and receives a new notification.
+   * Needs to call markAsRead internally (but not provide as public interfaces) when:
+   *    Enters the channel
+   *    Receives a new message (when the channel is visible due to the channel unread message count will be reset)
+   *    Whenever the channel is visible.
+   *    (iOS, AOS) tab bar case, because the notification channel view keeps alive, should update last seen value manually → updateLastSeen(timestamp: LONG)
+   */
+  SET_LAST_SEEN: 'SET_LAST_SEEN',
+  SHOW_DELETE_MODAL: 'SHOW_DELETE_MODAL',
+  ON_MESSAGE_RECEIVED: 'ON_MESSAGE_RECEIVED',
+  ON_MESSAGE_UPDATED: 'ON_MESSAGE_UPDATED',
+  ON_MESSAGE_DELETED: 'ON_MESSAGE_DELETED',
+  ON_CHANNEL_DELETED: 'ON_CHANNEL_DELETED'
+};
+
+var MAX_MESSAGE_COUNT = 15;
+
+function useInitialize(_a, _b) {
+  var channelUrl = _a.channelUrl,
+      sdkInit = _a.sdkInit,
+      messageListParams = _a.messageListParams;
+  var notificationsDispatcher = _b.notificationsDispatcher,
+      sdk = _b.sdk,
+      logger = _b.logger;
+  useEffect(function () {
+    if (sdkInit) {
+      var messageListParams_1 = __assign({
+        nextResultSize: 0,
+        prevResultSize: MAX_MESSAGE_COUNT,
+        reverse: true,
+        isInclusive: false,
+        includeReactions: false
+      }, messageListParams);
+
+      logger.info('NotificationChannel: Fetching channel start', {
+        channelUrl: channelUrl,
+        messageListParams_: messageListParams_1
+      });
+      notificationsDispatcher({
+        type: actionTypes.FETCH_CHANNEL_START,
+        payload: {
+          channelUrl: channelUrl,
+          messageListParams: messageListParams_1
+        }
+      });
+      sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel.getChannel(channelUrl).then(function (channel) {
+        logger.info('NotificationChannel: Fetching channel success', {
+          channel: channel
+        });
+        notificationsDispatcher({
+          type: actionTypes.FETCH_CHANNEL_SUCCESS,
+          payload: {
+            channel: channel
+          }
+        });
+        notificationsDispatcher({
+          type: actionTypes.SET_LAST_SEEN,
+          payload: {
+            lastSeen: channel === null || channel === void 0 ? void 0 : channel.myLastRead
+          }
+        }); // start fetching messages
+
+        logger.info('NotificationChannel: Fetching messages start', {
+          channel: channel
+        });
+        notificationsDispatcher({
+          type: actionTypes.FETCH_INITIAL_MESSAGES_START
+        });
+        logger.info('NotificationChannel: Fetching messages', {
+          channel: channel
+        });
+        channel.getMessagesByTimestamp(new Date().getTime(), messageListParams_1).then(function (messages) {
+          notificationsDispatcher({
+            type: actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS,
+            payload: {
+              channel: channel,
+              messages: messages
+            }
+          });
+          channel === null || channel === void 0 ? void 0 : channel.markAsRead();
+        }).catch(function (error) {
+          logger.error('NotificationChannel: Fetching messages failed', error);
+          notificationsDispatcher({
+            type: actionTypes.FETCH_INITIAL_MESSAGES_FAILURE,
+            payload: {
+              error: error,
+              channel: channel
+            }
+          });
+        });
+      }).catch(function (error) {
+        logger.error('NotificationChannel: Fetching channel fail', {
+          error: error
+        });
+        notificationsDispatcher({
+          type: actionTypes.FETCH_CHANNEL_FAILURE
+        });
+      });
+    }
+  }, [channelUrl, sdkInit, messageListParams]);
+}
+
+function reducer(state, action) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+
+  switch (action === null || action === void 0 ? void 0 : action.type) {
+    case actionTypes.SET_LAST_SEEN:
+      {
+        return __assign(__assign({}, state), {
+          lastSeen: (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.lastSeen
+        });
+      }
+
+    case actionTypes.SHOW_DELETE_MODAL:
+      {
+        return __assign(__assign({}, state), {
+          showDeleteModal: (_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.showDeleteModal,
+          messageToDelete: (_c = action === null || action === void 0 ? void 0 : action.payload) === null || _c === void 0 ? void 0 : _c.message
+        });
+      }
+
+    case actionTypes.FETCH_CHANNEL_START:
+      {
+        return __assign(__assign({}, initialState), {
+          messageListParams: (_d = action === null || action === void 0 ? void 0 : action.payload) === null || _d === void 0 ? void 0 : _d.messageListParams
+        });
+      }
+
+    case actionTypes.FETCH_CHANNEL_SUCCESS:
+      {
+        return __assign(__assign({}, state), {
+          currentNotificationChannel: (_e = action === null || action === void 0 ? void 0 : action.payload) === null || _e === void 0 ? void 0 : _e.channel
+        });
+      }
+
+    case actionTypes.FETCH_CHANNEL_FAILURE:
+      {
+        return __assign(__assign({}, state), {
+          uiState: 'invalid'
+        });
+      }
+
+    case actionTypes.RESET_MESSAGES:
+      {
+        return __assign(__assign({}, state), {
+          allMessages: []
+        });
+      }
+
+    case actionTypes.FETCH_INITIAL_MESSAGES_START:
+      {
+        return __assign(__assign({}, state), {
+          uiState: 'loading'
+        });
+      }
+
+    case actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS:
+      {
+        var messages = action.payload.messages || [];
+        return __assign(__assign({}, state), {
+          allMessages: messages,
+          uiState: 'initialized',
+          hasMore: (messages === null || messages === void 0 ? void 0 : messages.length) === MAX_MESSAGE_COUNT
+        });
+      }
+
+    case actionTypes.FETCH_INITIAL_MESSAGES_FAILURE:
+      {
+        return __assign(__assign({}, state), {
+          uiState: 'invalid'
+        });
+      }
+
+    case actionTypes.FETCH_PREV_MESSAGES_SUCCESS:
+      {
+        var channel = action.payload.channel;
+        var messages_1 = action.payload.messages || [];
+
+        if ((channel === null || channel === void 0 ? void 0 : channel.url) !== ((_f = state === null || state === void 0 ? void 0 : state.currentNotificationChannel) === null || _f === void 0 ? void 0 : _f.url)) {
+          return state;
+        }
+
+        var deDuplucateAllMessages = state.allMessages.filter(function (m) {
+          return !messages_1.find(function (m2) {
+            return compareIds(m.messageId, m2.messageId);
+          });
+        });
+        return __assign(__assign({}, state), {
+          hasMore: (messages_1 === null || messages_1 === void 0 ? void 0 : messages_1.length) === MAX_MESSAGE_COUNT,
+          allMessages: __spreadArray(__spreadArray([], deDuplucateAllMessages, true), messages_1, true)
+        });
+      }
+
+    case actionTypes.FETCH_PREV_MESSAGES_FAILURE:
+      {
+        return state;
+      }
+
+    case actionTypes.ON_MESSAGE_RECEIVED:
+      {
+        var channel = action.payload.channel;
+        var message = action.payload.message;
+
+        if ((channel === null || channel === void 0 ? void 0 : channel.url) !== ((_g = state === null || state === void 0 ? void 0 : state.currentNotificationChannel) === null || _g === void 0 ? void 0 : _g.url)) {
+          return state;
+        } // filter out messaegs using MessageListQuery
+
+
+        if ((state === null || state === void 0 ? void 0 : state.messageListParams) && !filterMessageListParams(state === null || state === void 0 ? void 0 : state.messageListParams, message)) {
+          return state;
+        }
+
+        return __assign(__assign({}, state), {
+          allMessages: __spreadArray([message], state === null || state === void 0 ? void 0 : state.allMessages, true)
+        });
+      }
+
+    case actionTypes.ON_MESSAGE_UPDATED:
+      {
+        var channel = action.payload.channel;
+        var message_1 = action.payload.message;
+
+        if ((channel === null || channel === void 0 ? void 0 : channel.url) !== ((_h = state === null || state === void 0 ? void 0 : state.currentNotificationChannel) === null || _h === void 0 ? void 0 : _h.url)) {
+          return state;
+        }
+
+        return __assign(__assign({}, state), {
+          allMessages: (_j = state === null || state === void 0 ? void 0 : state.allMessages) === null || _j === void 0 ? void 0 : _j.map(function (m) {
+            if ((m === null || m === void 0 ? void 0 : m.messageId) === (message_1 === null || message_1 === void 0 ? void 0 : message_1.messageId)) {
+              return message_1;
+            }
+
+            return m;
+          })
+        });
+      }
+
+    case actionTypes.ON_MESSAGE_DELETED:
+      {
+        var channel = action.payload.channel;
+        var message_2 = action.payload.message;
+
+        if ((channel === null || channel === void 0 ? void 0 : channel.url) !== ((_k = state === null || state === void 0 ? void 0 : state.currentNotificationChannel) === null || _k === void 0 ? void 0 : _k.url)) {
+          return state;
+        }
+
+        return __assign(__assign({}, state), {
+          allMessages: state.allMessages.filter(function (m) {
+            return !compareIds(m.messageId, message_2 === null || message_2 === void 0 ? void 0 : message_2.messageId);
+          })
+        });
+      }
+
+    case actionTypes.ON_CHANNEL_DELETED:
+      {
+        var channelUrl = action.payload.channelUrl;
+
+        if (channelUrl !== ((_l = state === null || state === void 0 ? void 0 : state.currentNotificationChannel) === null || _l === void 0 ? void 0 : _l.url)) {
+          return state;
+        }
+
+        return __assign(__assign({}, state), {
+          currentNotificationChannel: null,
+          uiState: 'invalid'
+        });
+      }
+
+    default:
+      {
+        return state;
+      }
+  }
+}
+
+function useEventListener(_a, _b) {
+  var currentChannel = _a.currentChannel,
+      sdkInit = _a.sdkInit;
+  var notificationsDispatcher = _b.notificationsDispatcher,
+      sdk = _b.sdk,
+      logger = _b.logger;
+  useEffect(function () {
+    var _a;
+
+    var channelUrl = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url;
+    var channelHandlerId = uuidv4();
+
+    if (channelUrl && sdkInit) {
+      var channelHandler = {
+        onMessageReceived: function (channel, message) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('NotificationChannel | useHandleChannelEvents: onMessageReceived', message);
+            notificationsDispatcher({
+              type: actionTypes.ON_MESSAGE_RECEIVED,
+              payload: {
+                channel: channel,
+                message: message
+              }
+            });
+            var _channel = channel;
+            _channel === null || _channel === void 0 ? void 0 : _channel.markAsRead();
+          }
+        },
+        onMessageUpdated: function (channel, message) {
+          logger.info('NotificationChannel | useHandleChannelEvents: onMessageUpdated', message);
+          notificationsDispatcher({
+            type: actionTypes.ON_MESSAGE_UPDATED,
+            payload: {
+              channel: channel,
+              message: message
+            }
+          });
+        },
+        onMessageDeleted: function (channel, messageId) {
+          logger.info('NotificationChannel | useHandleChannelEvents: onMessageDeleted', {
+            channel: channel,
+            messageId: messageId
+          });
+          notificationsDispatcher({
+            type: actionTypes.ON_MESSAGE_DELETED,
+            payload: {
+              channel: channel,
+              messageId: messageId
+            }
+          });
+        },
+        onChannelDeleted: function (channelUrl) {
+          logger.info('NotificationChannel | useHandleChannelEvents: onChannelDeleted', {
+            channelUrl: channelUrl
+          });
+        }
+      };
+      logger.info('NotificationChannel | useHandleChannelEvents: Setup event handler', {
+        channelHandlerId: channelHandlerId,
+        channelHandler: channelHandler
+      }); // Add this group channel handler to the Sendbird chat instance
+
+      (_a = sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler(channelHandlerId, new GroupChannelHandler(channelHandler));
+    }
+
+    return function () {
+      var _a;
+
+      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+        logger.info('NotificationChannel | useHandleChannelEvents: Removing message reciver handler', channelHandlerId);
+        sdk.groupChannel.removeGroupChannelHandler(channelHandlerId);
+      } else if (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) {
+        logger.error('Channel | useHandleChannelEvents: Not found the removeGroupChannelHandler');
+      }
+    };
+  }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, sdkInit]);
+}
+
+function useFetchMore(_a, _b) {
+  var channel = _a.channel,
+      sdkInit = _a.sdkInit,
+      oldestMessageTimeStamp = _a.oldestMessageTimeStamp;
+  var logger = _b.logger,
+      notificationsDispatcher = _b.notificationsDispatcher,
+      messageListParams = _b.messageListParams;
+  return useCallback(function (cb) {
+    logger.info('NotificationChannel: Fetching messages', {
+      channel: channel,
+      messageListParams: messageListParams
+    });
+    channel.getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
+      logger.info('NotificationChannel: Fetching messages success', messages);
+      notificationsDispatcher({
+        type: actionTypes.FETCH_PREV_MESSAGES_SUCCESS,
+        payload: {
+          channel: channel,
+          messages: messages
+        }
+      });
+      cb([messages, null]);
+    }).catch(function (error) {
+      logger.error('NotificationChannel: Fetching messages failed', error);
+      notificationsDispatcher({
+        type: actionTypes.FETCH_PREV_MESSAGES_FAILURE,
+        payload: {
+          channel: channel
+        }
+      });
+      cb([null, error]);
+    });
+  }, [channel, oldestMessageTimeStamp, sdkInit]);
+}
+
+var NotficationChannelContext = /*#__PURE__*/React__default.createContext(undefined);
+
+var NotficationChannelProvider = function (props) {
+  var _a, _b, _c, _d, _e, _f;
+
+  var channelUrl = props.channelUrl,
+      children = props.children,
+      messageListParams = props.messageListParams,
+      lastSeen = props.lastSeen,
+      handleWebAction = props.handleWebAction,
+      handleCustomAction = props.handleCustomAction,
+      handlePredefinedAction = props.handlePredefinedAction;
+  var globalStore = useSendbirdStateContext();
+  var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
+  var logger = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _c === void 0 ? void 0 : _c.logger;
+  var sdkInit = (_e = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _d === void 0 ? void 0 : _d.sdkStore) === null || _e === void 0 ? void 0 : _e.initialized;
+
+  var _g = useReducer(reducer, initialState),
+      notificationsStore = _g[0],
+      notificationsDispatcher = _g[1];
+
+  var uiState = notificationsStore.uiState,
+      allMessages = notificationsStore.allMessages,
+      currentNotificationChannel = notificationsStore.currentNotificationChannel,
+      hasMore = notificationsStore.hasMore,
+      showDeleteModal = notificationsStore.showDeleteModal,
+      messageToDelete = notificationsStore.messageToDelete;
+  var oldestMessageTimeStamp = ((_f = allMessages === null || allMessages === void 0 ? void 0 : allMessages[(allMessages === null || allMessages === void 0 ? void 0 : allMessages.length) - 1]) === null || _f === void 0 ? void 0 : _f.createdAt) || 0; // intialize
+
+  useInitialize({
+    channelUrl: channelUrl,
+    sdkInit: sdkInit,
+    messageListParams: messageListParams
+  }, {
+    notificationsDispatcher: notificationsDispatcher,
+    sdk: sdk,
+    logger: logger
+  }); // event listener
+
+  useEventListener({
+    currentChannel: currentNotificationChannel,
+    sdkInit: sdkInit
+  }, {
+    notificationsDispatcher: notificationsDispatcher,
+    sdk: sdk,
+    logger: logger
+  });
+  var onFetchMore = useFetchMore({
+    channel: currentNotificationChannel,
+    sdkInit: sdkInit,
+    oldestMessageTimeStamp: oldestMessageTimeStamp
+  }, {
+    notificationsDispatcher: notificationsDispatcher,
+    messageListParams: notificationsStore.messageListParams,
+    logger: logger
+  });
+  useEffect(function () {
+    notificationsDispatcher({
+      type: actionTypes.SET_LAST_SEEN,
+      payload: {
+        lastSeen: lastSeen
+      }
+    });
+  }, [lastSeen]);
+  var scrollRef = useRef(null);
+
+  var defaulthandlePredefinedAction = function (event, action, message) {
+    logger.info('NotficationChannel: handlePredefinedAction', {
+      event: event,
+      action: action,
+      message: message
+    });
+
+    if ((action === null || action === void 0 ? void 0 : action.type) === 'uikit' && (action === null || action === void 0 ? void 0 : action.data) === 'sendbirduikit://delete') {
+      notificationsDispatcher({
+        type: actionTypes.SHOW_DELETE_MODAL,
+        payload: {
+          message: message,
+          showDeleteModal: true
+        }
+      });
+    }
+  };
+
+  return /*#__PURE__*/React__default.createElement(NotficationChannelContext.Provider, {
+    value: {
+      // props
+      channelUrl: channelUrl,
+      handleWebAction: handleWebAction,
+      handleCustomAction: handleCustomAction,
+      handlePredefinedAction: handlePredefinedAction || defaulthandlePredefinedAction,
+      // store
+      uiState: uiState,
+      messageListParams: notificationsStore.messageListParams,
+      lastSeen: notificationsStore === null || notificationsStore === void 0 ? void 0 : notificationsStore.lastSeen,
+      allMessages: allMessages,
+      showDeleteModal: showDeleteModal,
+      currentNotificationChannel: currentNotificationChannel,
+      hasMore: hasMore,
+      messageToDelete: messageToDelete,
+      // dispatcher
+      notificationsDispatcher: notificationsDispatcher,
+      // derived info
+      oldestMessageTimeStamp: oldestMessageTimeStamp,
+      scrollRef: scrollRef,
+      onFetchMore: onFetchMore
+    }
+  }, children);
+};
+
+var useNotficationChannelContext = function () {
+  return React__default.useContext(NotficationChannelContext);
+};
+
+export { NotficationChannelProvider as N, actionTypes as a, useNotficationChannelContext as u };
+//# sourceMappingURL=NotificationChannelProvider-ad556c64.js.map