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

package/cjs/NotificationChannel/components/NotificationMessageWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationMessageWrap.js","sources":["../../../../src/smart-components/NotificationChannel/components/NotificationMessageWrap/index.tsx"],"sourcesContent":["import '@sendbird/react-uikit-message-template-view/dist/index.css';\nimport './notification-message-wrap.scss';\n\nimport React, { useMemo } from \"react\";\nimport { BaseMessage, UserMessage } from \"@sendbird/chat/message\";\nimport isToday from \"date-fns/isToday\";\nimport format from \"date-fns/format\";\nimport isYesterday from \"date-fns/isYesterday\";\n\nimport { renderMessage, renderMessageHeader } from \"../../types\";\nimport UnknownMessageItemBody from \"../../../../ui/UnknownMessageItemBody\";\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useNotficationChannelContext } from '../../context/NotificationChannelProvider';\n\nimport { MessageTemplate, MessageProvider } from '@sendbird/react-uikit-message-template-view';\n\nconst NotificationIcon = (): React.ReactElement => (\n  <div className=\"sendbird-notification-channel__channel-icon-wrap\">\n    <div className=\"sendbird-notification-channel__channel-icon\">\n      <Icon\n        className=\"sendbird-notification-channel__channel-icon-hash\"\n        fillColor={IconColors.CONTENT}\n        width=\"12px\"\n        height=\"12px\"\n        type={IconTypes.CHANNELS}\n      />\n    </div>\n  </div>\n);\n\ntype Props = {\n  renderMessage?: renderMessage;\n  renderMessageHeader?: renderMessageHeader;\n  message: BaseMessage;\n}\n\nexport default function NotificationMessageWrap({\n  renderMessage,\n  renderMessageHeader,\n  message,\n}: Props): JSX.Element {\n  const { dateLocale, stringSet } = useLocalization();\n  const {\n    lastSeen,\n    handleWebAction,\n    handleCustomAction,\n    handlePredefinedAction,\n  } = useNotficationChannelContext();\n  // Typecasting to UserMessage to pass custom error message to UnknownMessage\n  const _message = message as UserMessage;\n  const customErrorLabel = _message?.message ||  stringSet?.NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE;\n\n  let messageTemplate;\n  try {\n    // todo: typecaste properly after moving to seperate package\n    // @ts-ignore\n    messageTemplate = JSON.parse(message?.extendedMessage?.sub_data);\n  } catch (error) {\n    //\n  }\n  const memoizedCustomMessage = useMemo(() => {\n    if (typeof renderMessage === 'function') {\n      return renderMessage?.({ message });\n    }\n    return null;\n  }, [message, renderMessage]);\n\n  const memoizedCustomHeader = useMemo(() => {\n    if (typeof renderMessageHeader === 'function') {\n      return renderMessageHeader?.({ message });\n    }\n    return null;\n  }, [message, renderMessageHeader]);\n\n  const formatDate = (createdAt: number) => {\n    const optionalParam = dateLocale ? { locale: dateLocale } : null;\n    if (!createdAt) {\n      return '';\n    }\n    if (isToday(createdAt)) {\n      return format(createdAt, 'p', optionalParam);\n    }\n    if (isYesterday(createdAt)) {\n      return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;\n    }\n    return format(createdAt, 'MMM dd', optionalParam);\n  };\n\n  return (\n    <MessageProvider\n      message={message}\n      handleWebAction={handleWebAction}\n      handleCustomAction={handleCustomAction}\n      handlePredefinedAction={handlePredefinedAction}\n    >\n      <div className=\"sendbird-notification-channel__message-wrap\" data-messageid={message?.messageId}>\n        <div className=\"sendbird-notification-channel__message-wrap-header\">\n          {\n            memoizedCustomHeader || (\n              <>\n                <NotificationIcon />\n                <Label\n                  className=\"sendbird-notification-channel__message-caption\"\n                  type={LabelTypography.CAPTION_2}\n                >\n                  {message?.customType}\n                </Label>\n                <div className='sendbird-notification-channel__message-date-wrap'>\n                  {\n                    message?.createdAt > lastSeen && (\n                      <span className=\"sendbird-notification-channel__unread\" />\n                    )\n                  }\n                  <Label\n                    className=\"sendbird-notification-channel__message-date\"\n                    type={LabelTypography.CAPTION_3}\n                    color={LabelColors.ONBACKGROUND_3}\n                  >\n                    {formatDate(message?.createdAt || 0)}\n                  </Label>\n                </div>\n              </>\n            )\n          }\n        </div>\n        {/* render custom message or unknown message or message template */}\n        { memoizedCustomMessage || (\n          messageTemplate?.body?.items === undefined ? (\n            <UnknownMessageItemBody\n              message={message}\n              customText={customErrorLabel}\n            />\n          ) : (\n            <MessageTemplate templateItems={messageTemplate?.body?.items} />\n          )\n        )}\n      </div>\n\n    </MessageProvider>\n  );\n}\n"],"names":["NotificationIcon","React","Icon","IconColors","CONTENT","IconTypes","CHANNELS","NotificationMessageWrap","_a","renderMessage","renderMessageHeader","message","_e","useLocalization","dateLocale","stringSet","_f","useNotficationChannelContext","lastSeen","handleWebAction","handleCustomAction","handlePredefinedAction","_message","customErrorLabel","NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE","messageTemplate","JSON","parse","extendedMessage","_b","sub_data","error","memoizedCustomMessage","useMemo","memoizedCustomHeader","formatDate","createdAt","optionalParam","locale","isToday","format","isYesterday","NOTIFICATION_CHANNEL__YESTERDAY","MessageProvider","messageId","Label","LabelTypography","CAPTION_2","customType","CAPTION_3","LabelColors","ONBACKGROUND_3","_c","body","items","undefined","UnknownMessageItemBody","MessageTemplate","_d"],"mappings":"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"}

package/cjs/NotificationChannel/context.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../useSendbirdStateContext.js');
+var NotificationChannel_context = require('../NotificationChannelProvider-4cc9575f.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../tslib.es6-5a7eb30d.js');
+require('../compareIds-d0c02eca.js');
+require('../index-b3371ef2.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('@sendbird/chat/groupChannel');
+require('../uuid-a9006ea2.js');
+
+
+
+exports.NotficationChannelProvider = NotificationChannel_context.NotficationChannelProvider;
+exports.useNotficationChannelContext = NotificationChannel_context.useNotficationChannelContext;
+//# sourceMappingURL=context.js.map

package/cjs/NotificationChannel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/cjs/NotificationChannel.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5a7eb30d.js');
+var React = require('react');
+var NotificationChannel_context = require('./NotificationChannelProvider-4cc9575f.js');
+var NotificationChannel_components_NotificationChannelUI = require('./NotificationChannel/components/NotificationChannelUI.js');
+require('./useSendbirdStateContext.js');
+require('./withSendbird.js');
+require('./_rollupPluginBabelHelpers-bd6baf0a.js');
+require('./compareIds-d0c02eca.js');
+require('./index-b3371ef2.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('@sendbird/chat/groupChannel');
+require('./uuid-a9006ea2.js');
+require('./NotificationChannel/components/NotificationList.js');
+require('./NotificationChannel/components/NotificationMessageWrap.js');
+require('./index-c13771a7.js');
+require('./index-abe135e6.js');
+require('./index-5ea12b7a.js');
+require('./index-48d85d8f.js');
+require('./ui/UnknownMessageItemBody.js');
+require('./index-bdd889a2.js');
+require('prop-types');
+require('./stringSet-60660a99.js');
+require('./LocalizationContext-8780a64e.js');
+require('./ui/Icon.js');
+require('@sendbird/react-uikit-message-template-view');
+require('./index-e8544e24.js');
+require('./ui/Loader.js');
+require('./ui/Modal.js');
+require('react-dom');
+require('./index-08d232f8.js');
+require('./ui/Button.js');
+require('./ui/IconButton.js');
+require('./MediaQueryContext-e455934a.js');
+require('./sendbirdSelectors.js');
+require('./topics-f3f74edc.js');
+require('./utils-708aa730.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NotificationChannel(props) {
+  var channelUrl = props.channelUrl,
+      messageListParams = props.messageListParams,
+      lastSeen = props.lastSeen,
+      handleWebAction = props.handleWebAction,
+      handleCustomAction = props.handleCustomAction,
+      handlePredefinedAction = props.handlePredefinedAction,
+      uiProps = tslib_es6.__rest(props, ["channelUrl", "messageListParams", "lastSeen", "handleWebAction", "handleCustomAction", "handlePredefinedAction"]);
+
+  return /*#__PURE__*/React__default["default"].createElement(NotificationChannel_context.NotficationChannelProvider, {
+    channelUrl: channelUrl,
+    lastSeen: lastSeen,
+    messageListParams: messageListParams,
+    handleWebAction: handleWebAction,
+    handleCustomAction: handleCustomAction,
+    handlePredefinedAction: handlePredefinedAction
+  }, /*#__PURE__*/React__default["default"].createElement(NotificationChannel_components_NotificationChannelUI, uiProps));
+}
+
+module.exports = NotificationChannel;
+//# sourceMappingURL=NotificationChannel.js.map

package/cjs/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","NotficationChannelProvider","NotificationChannelUI"],"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,gBAAA,CAAAR,KAAA,EARE,CAAA,YAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,wBAAA,CAQF,CAPF,CAAA;;AAQF,EAAA,oBACES,wCAACC,sDAAD,EAAA;AACE,IAAA,UAAU,EAAET,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,yBAAC,CAAA,aAAA,CAAAE,oDAAD,EACMJ,OADN,CARF,CADF,CAAA;AAcD;;;;"}

package/cjs/NotificationChannelProvider-4cc9575f.js

@@ -0,0 +1,543 @@
+'use strict';
+
+var React = require('react');
+var useSendbirdStateContext = require('./useSendbirdStateContext.js');
+var tslib_es6 = require('./tslib.es6-5a7eb30d.js');
+var compareIds = require('./compareIds-d0c02eca.js');
+var index = require('./index-b3371ef2.js');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var uuid = require('./uuid-a9006ea2.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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;
+  React.useEffect(function () {
+    if (sdkInit) {
+      var messageListParams_1 = tslib_es6.__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 tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          uiState: 'invalid'
+        });
+      }
+
+    case actionTypes.RESET_MESSAGES:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allMessages: []
+        });
+      }
+
+    case actionTypes.FETCH_INITIAL_MESSAGES_START:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          uiState: 'loading'
+        });
+      }
+
+    case actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS:
+      {
+        var messages = action.payload.messages || [];
+        return tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__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.compareIds(m.messageId, m2.messageId);
+          });
+        });
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          hasMore: (messages_1 === null || messages_1 === void 0 ? void 0 : messages_1.length) === MAX_MESSAGE_COUNT,
+          allMessages: tslib_es6.__spreadArray(tslib_es6.__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) && !index.filterMessageListParams(state === null || state === void 0 ? void 0 : state.messageListParams, message)) {
+          return state;
+        }
+
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allMessages: tslib_es6.__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 tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allMessages: state.allMessages.filter(function (m) {
+            return !compareIds.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 tslib_es6.__assign(tslib_es6.__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;
+  React.useEffect(function () {
+    var _a;
+
+    var channelUrl = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url;
+    var channelHandlerId = uuid.uuidv4();
+
+    if (channelUrl && sdkInit) {
+      var channelHandler = {
+        onMessageReceived: function (channel, message) {
+          if (compareIds.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 groupChannel.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 React.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["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 = React.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
+  });
+  React.useEffect(function () {
+    notificationsDispatcher({
+      type: actionTypes.SET_LAST_SEEN,
+      payload: {
+        lastSeen: lastSeen
+      }
+    });
+  }, [lastSeen]);
+  var scrollRef = React.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["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["default"].useContext(NotficationChannelContext);
+};
+
+exports.NotficationChannelProvider = NotficationChannelProvider;
+exports.actionTypes = actionTypes;
+exports.useNotficationChannelContext = useNotficationChannelContext;
+//# sourceMappingURL=NotificationChannelProvider-4cc9575f.js.map