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

package/NotificationChannel/components/NotificationList.js

@@ -1,111 +0,0 @@
-import React__default, { useEffect } from 'react';
-import { u as useNotficationChannelContext } from '../../NotificationChannelProvider-ad556c64.js';
-import NotificationMessageWrap from './NotificationMessageWrap.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-232388fa.js';
-import '../../useSendbirdStateContext.js';
-import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-519f674b.js';
-import '../../tslib.es6-72df3331.js';
-import '../../compareIds-ef41eb2c.js';
-import '../../index-855ef33d.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '@sendbird/chat/groupChannel';
-import '../../uuid-7e004f47.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 '../../ui/Loader.js';
-
-var OFF_SET = 50;
-
-var shouldScroll = function (clientHeight, scrollTop, scrollHeight) {
-  return clientHeight + scrollTop + OFF_SET > scrollHeight;
-};
-
-var SCROLL_DEBOUNCE = 400;
-
-var NotificationList = function (_a) {
-  var renderMessage = _a.renderMessage,
-      renderMessageHeader = _a.renderMessageHeader,
-      renderPlaceholderEmpty = _a.renderPlaceholderEmpty;
-
-  var _b = useNotficationChannelContext(),
-      allMessages = _b.allMessages,
-      scrollRef = _b.scrollRef,
-      onFetchMore = _b.onFetchMore,
-      hasMore = _b.hasMore;
-
-  useEffect(function () {
-    var timerId;
-    var scrollDiv = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-
-    var handleScroll = function () {
-      clearTimeout(timerId);
-      timerId = setTimeout(function () {
-        var scrollTop = scrollDiv.scrollTop,
-            clientHeight = scrollDiv.clientHeight,
-            scrollHeight = scrollDiv.scrollHeight;
-
-        if (shouldScroll(clientHeight, scrollTop, scrollHeight) && hasMore) {
-          var nodes = scrollRef.current.querySelectorAll('.sendbird-notification-channel__message-wrap');
-          var last_1 = nodes === null || nodes === void 0 ? void 0 : nodes[(nodes === null || nodes === void 0 ? void 0 : nodes.length) - 1];
-          onFetchMore(function (_a) {
-            var messages = _a[0];
-
-            if ((messages === null || messages === void 0 ? void 0 : messages.length) > 0) {
-              // https://github.com/scabbiaza/react-scroll-position-on-updating-dom
-              // Set block to nearest to prevent unexpected scrolling from outer components
-              try {
-                last_1.scrollIntoView({
-                  block: "start",
-                  inline: "nearest"
-                });
-              } catch (error) {//
-              }
-            }
-          });
-        }
-      }, SCROLL_DEBOUNCE);
-    };
-
-    scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.addEventListener("scroll", handleScroll);
-    return function () {
-      clearTimeout(timerId);
-      scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.removeEventListener("scroll", handleScroll);
-    };
-  }, [onFetchMore, hasMore, scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current]);
-
-  if (allMessages.length === 0) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-notification-channel__list",
-      "data-notificationuistate": "empty"
-    }, (renderPlaceholderEmpty === null || renderPlaceholderEmpty === void 0 ? void 0 : renderPlaceholderEmpty()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
-      type: PlaceHolderTypes.NO_NOTIFICATIONS,
-      className: "sendbird-notification-channel__placeholder"
-    }));
-  }
-
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification-channel__list",
-    "data-notificationuistate": "loaded",
-    ref: scrollRef
-  }, /*#__PURE__*/React__default.createElement("div", null, allMessages.map(function (message) {
-    return /*#__PURE__*/React__default.createElement(NotificationMessageWrap, {
-      key: message === null || message === void 0 ? void 0 : message.messageId,
-      message: message,
-      renderMessage: renderMessage,
-      renderMessageHeader: renderMessageHeader
-    });
-  })));
-};
-
-export { NotificationList as default };
-//# sourceMappingURL=NotificationList.js.map

package/NotificationChannel/components/NotificationList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationList.js","sources":["../../../src/smart-components/NotificationChannel/components/NotificationList/index.tsx"],"sourcesContent":["import './notification-list.scss';\n\nimport React, { useEffect } from \"react\";\n\nimport { renderMessage, renderMessageHeader } from \"../../types\";\nimport { useNotficationChannelContext } from \"../../context/NotificationChannelProvider\";\nimport NotificationMessageWrap from \"../NotificationMessageWrap\";\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nconst OFF_SET = 50;\nconst shouldScroll = (clientHeight: number, scrollTop: number, scrollHeight: number) => {\n  return (clientHeight + scrollTop + OFF_SET) > scrollHeight;\n};\nconst SCROLL_DEBOUNCE = 400;\n\ntype Props = {\n  renderMessage?: renderMessage;\n  renderMessageHeader?: renderMessageHeader;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n}\n\nconst NotificationList: React.FC<Props> = ({\n  renderMessage,\n  renderMessageHeader,\n  renderPlaceholderEmpty,\n}: Props): React.ReactElement => {\n  const {\n    allMessages,\n    scrollRef,\n    onFetchMore,\n    hasMore,\n  } = useNotficationChannelContext();\n\n  useEffect(() => {\n    let timerId;\n    const scrollDiv = scrollRef?.current;\n    const handleScroll = () => {\n      clearTimeout(timerId);\n      timerId = setTimeout(() => {\n        const { scrollTop, clientHeight, scrollHeight } = scrollDiv;\n        if (shouldScroll(clientHeight, scrollTop, scrollHeight) && hasMore) {\n          const nodes = scrollRef.current.querySelectorAll('.sendbird-notification-channel__message-wrap');\n          const last = nodes?.[nodes?.length - 1];\n          onFetchMore(([messages]) => {\n            if (messages?.length > 0) {\n              // https://github.com/scabbiaza/react-scroll-position-on-updating-dom\n              // Set block to nearest to prevent unexpected scrolling from outer components\n              try {\n                last.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n              } catch (error) {\n                //\n              }\n            }\n          });\n        }\n      }, SCROLL_DEBOUNCE);\n    };\n    scrollDiv?.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      clearTimeout(timerId);\n      scrollDiv?.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [onFetchMore, hasMore, scrollRef?.current]);\n\n  if (allMessages.length === 0) {\n    return (\n      <div className=\"sendbird-notification-channel__list\" data-notificationuistate=\"empty\">\n        {\n          renderPlaceholderEmpty?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.NO_NOTIFICATIONS}\n              className=\"sendbird-notification-channel__placeholder\"\n            />\n          )\n        }\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"sendbird-notification-channel__list\" data-notificationuistate=\"loaded\" ref={scrollRef}>\n      <div>\n        {\n          allMessages.map((message) => {\n            return (\n              <NotificationMessageWrap\n                key={message?.messageId}\n                message={message}\n                renderMessage={renderMessage}\n                renderMessageHeader={renderMessageHeader}\n              />\n            );\n          })\n        }\n      </div>\n    </div>\n  );\n}\n\nexport default NotificationList;\n"],"names":["OFF_SET","shouldScroll","clientHeight","scrollTop","scrollHeight","SCROLL_DEBOUNCE","NotificationList","_a","renderMessage","renderMessageHeader","renderPlaceholderEmpty","_b","useNotficationChannelContext","allMessages","scrollRef","onFetchMore","hasMore","useEffect","timerId","scrollDiv","current","handleScroll","clearTimeout","setTimeout","nodes","querySelectorAll","last_1","length","messages","scrollIntoView","block","inline","error","addEventListener","removeEventListener","React","PlaceHolderTypes","NO_NOTIFICATIONS","map","message","messageId"],"mappings":"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"}

package/NotificationChannel/components/NotificationMessageWrap.js

@@ -1,136 +0,0 @@
-import React__default, { useMemo } from 'react';
-import { i as isToday, a as isYesterday } from '../../index-751f97ce.js';
-import { f as format } from '../../index-3c013a28.js';
-import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
-import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2784bdd8.js';
-import { u as useLocalization } from '../../LocalizationContext-289c1917.js';
-import { u as useNotficationChannelContext } from '../../NotificationChannelProvider-ad556c64.js';
-import { MessageProvider, MessageTemplate } from '@sendbird/react-uikit-message-template-view';
-import '../../index-a02da5bd.js';
-import '../../index-4ebfc7a7.js';
-import '../../index-855ef33d.js';
-import '../../tslib.es6-72df3331.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import 'prop-types';
-import '../../stringSet-9ae71b7d.js';
-import '../../useSendbirdStateContext.js';
-import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-519f674b.js';
-import '../../compareIds-ef41eb2c.js';
-import '@sendbird/chat/groupChannel';
-import '../../uuid-7e004f47.js';
-
-var NotificationIcon = function () {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification-channel__channel-icon-wrap"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification-channel__channel-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-notification-channel__channel-icon-hash",
-    fillColor: IconColors.CONTENT,
-    width: "12px",
-    height: "12px",
-    type: IconTypes.CHANNELS
-  })));
-};
-
-function NotificationMessageWrap(_a) {
-  var _b, _c, _d;
-
-  var renderMessage = _a.renderMessage,
-      renderMessageHeader = _a.renderMessageHeader,
-      message = _a.message;
-
-  var _e = useLocalization(),
-      dateLocale = _e.dateLocale,
-      stringSet = _e.stringSet;
-
-  var _f = useNotficationChannelContext(),
-      lastSeen = _f.lastSeen,
-      handleWebAction = _f.handleWebAction,
-      handleCustomAction = _f.handleCustomAction,
-      handlePredefinedAction = _f.handlePredefinedAction; // Typecasting to UserMessage to pass custom error message to UnknownMessage
-
-
-  var _message = message;
-  var customErrorLabel = (_message === null || _message === void 0 ? void 0 : _message.message) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE);
-  var messageTemplate;
-
-  try {
-    // todo: typecaste properly after moving to seperate package
-    // @ts-ignore
-    messageTemplate = JSON.parse((_b = message === null || message === void 0 ? void 0 : message.extendedMessage) === null || _b === void 0 ? void 0 : _b.sub_data);
-  } catch (error) {//
-  }
-
-  var memoizedCustomMessage = useMemo(function () {
-    if (typeof renderMessage === 'function') {
-      return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage({
-        message: message
-      });
-    }
-
-    return null;
-  }, [message, renderMessage]);
-  var memoizedCustomHeader = useMemo(function () {
-    if (typeof renderMessageHeader === 'function') {
-      return renderMessageHeader === null || renderMessageHeader === void 0 ? void 0 : renderMessageHeader({
-        message: message
-      });
-    }
-
-    return null;
-  }, [message, renderMessageHeader]);
-
-  var formatDate = function (createdAt) {
-    var optionalParam = dateLocale ? {
-      locale: dateLocale
-    } : null;
-
-    if (!createdAt) {
-      return '';
-    }
-
-    if (isToday(createdAt)) {
-      return format(createdAt, 'p', optionalParam);
-    }
-
-    if (isYesterday(createdAt)) {
-      return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;
-    }
-
-    return format(createdAt, 'MMM dd', optionalParam);
-  };
-
-  return /*#__PURE__*/React__default.createElement(MessageProvider, {
-    message: message,
-    handleWebAction: handleWebAction,
-    handleCustomAction: handleCustomAction,
-    handlePredefinedAction: handlePredefinedAction
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification-channel__message-wrap",
-    "data-messageid": message === null || message === void 0 ? void 0 : message.messageId
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification-channel__message-wrap-header"
-  }, memoizedCustomHeader || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(NotificationIcon, null), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-notification-channel__message-caption",
-    type: LabelTypography.CAPTION_2
-  }, message === null || message === void 0 ? void 0 : message.customType), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification-channel__message-date-wrap"
-  }, (message === null || message === void 0 ? void 0 : message.createdAt) > lastSeen && /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-notification-channel__unread"
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-notification-channel__message-date",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_3
-  }, formatDate((message === null || message === void 0 ? void 0 : message.createdAt) || 0))))), memoizedCustomMessage || (((_c = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _c === void 0 ? void 0 : _c.items) === undefined ? /*#__PURE__*/React__default.createElement(UnknownMessageItemBody, {
-    message: message,
-    customText: customErrorLabel
-  }) : /*#__PURE__*/React__default.createElement(MessageTemplate, {
-    templateItems: (_d = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _d === void 0 ? void 0 : _d.items
-  }))));
-}
-
-export { NotificationMessageWrap as default };
-//# sourceMappingURL=NotificationMessageWrap.js.map

package/NotificationChannel/components/NotificationMessageWrap.js.map

@@ -1 +0,0 @@
-{"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","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","messageId","LabelTypography","CAPTION_2","customType","CAPTION_3","LabelColors","ONBACKGROUND_3","_c","body","items","undefined","_d"],"mappings":"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"}

package/NotificationChannel/context.js

@@ -1,12 +0,0 @@
-import 'react';
-import '../useSendbirdStateContext.js';
-export { N as NotficationChannelProvider, u as useNotficationChannelContext } from '../NotificationChannelProvider-ad556c64.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-519f674b.js';
-import '../tslib.es6-72df3331.js';
-import '../compareIds-ef41eb2c.js';
-import '../index-855ef33d.js';
-import '../utils/message/getOutgoingMessageState.js';
-import '@sendbird/chat/groupChannel';
-import '../uuid-7e004f47.js';
-//# sourceMappingURL=context.js.map

package/NotificationChannel.js

@@ -1,58 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}