@sendbird/uikit-react 3.7.0 → 3.8.0

package/Channel/components/ChannelUI.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-9ba5893a.js';
+import { u as useChannelContext } from '../../chunks/bundle-LUte5Kb5.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
@@ -8,73 +8,73 @@ import MessageList from './MessageList.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../tslib.es6-c2fb729e.js';
-import '../../UserProfileContext-2001a468.js';
-import '../../const-73db0277.js';
-import '../../utils-aa4086dc.js';
-import '../../index-2d27aeef.js';
-import '../../index-e4277f9c.js';
-import '../../index-776554c0.js';
+import '../../chunks/bundle-hKtwSqbO.js';
+import '../../chunks/bundle-ubky9D9H.js';
+import '../../chunks/bundle-AI8e02c3.js';
+import '../../chunks/bundle-ZmvX8uZ5.js';
+import '../../chunks/bundle-h3JIYRTG.js';
+import '../../chunks/bundle-FTgSGiKe.js';
+import '../../chunks/bundle-EHReigfD.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-09847c0f.js';
+import '../../chunks/bundle-9KsbryQI.js';
 import '@sendbird/chat/message';
-import '../../useSendMultipleFilesMessage-b8256698.js';
-import '../../pubSub/topics.js';
-import '../../compareIds-7e517404.js';
+import '../../chunks/bundle-qst5L6aH.js';
+import '../../chunks/bundle-_qiqf8_l.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-c15b8b3b.js';
-import '../../_rollupPluginBabelHelpers-e92eb032.js';
-import '../../consts-d9c5f25a.js';
-import '../../resolvedReplyType-fb987595.js';
-import '../../LocalizationContext-287ee149.js';
-import '../../stringSet-6422c6b9.js';
+import '../../chunks/bundle-bofQNMJb.js';
+import '../hooks/useInitialMessagesFetch.js';
+import '../../pubSub/topics.js';
+import '../../chunks/bundle-TZXZa-F1.js';
+import '../../chunks/bundle-WCTKBopn.js';
+import '../../chunks/bundle-5iuNyt5M.js';
+import '../../chunks/bundle-v0OWADVv.js';
+import '../../chunks/bundle-5yKxJk_M.js';
 import '../../ui/Icon.js';
-import 'prop-types';
-import '../../index-92741c7e.js';
+import '../../chunks/bundle-v9a1_z0P.js';
+import '../../chunks/bundle-wMgBBDf9.js';
 import '../../ui/Loader.js';
-import '../../utils-fc1f5aa0.js';
+import '../../chunks/bundle-hjECCUV3.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-2c1f072b.js';
-import '../../MediaQueryContext-114ca049.js';
-import '../../utils-6c50a6d1.js';
+import '../../chunks/bundle-7FyFbzI4.js';
+import '../../chunks/bundle-x-4ukZm_.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-93731a4c.js';
+import '../../chunks/bundle-sOjc_nNQ.js';
 import '../../Thread/context.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-57373b4c.js';
+import '../../chunks/bundle-YEttY5xG.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
-import '../../types-9d43ac6e.js';
-import '../../index-6b3b1eca.js';
+import '../../chunks/bundle-qunsoajv.js';
 import 'dompurify';
-import '../../consts-57c888b9.js';
-import '../../consts-4ec7d640.js';
-import '../../consts-be37687e.js';
-import '../../tokenize-eae44765.js';
+import '../../chunks/bundle--F_1NyoU.js';
+import '../../chunks/bundle-kp1MMNMf.js';
+import '../../chunks/bundle-khKXutc3.js';
+import '../../chunks/bundle-cviP1IM2.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-4b4e9682.js';
-import '../../index-f8a9cb51.js';
-import '../../index-682a192c.js';
+import '../../chunks/bundle-zLBuOeRY.js';
+import '../../chunks/bundle-dLuEa16_.js';
+import '../../chunks/bundle-3mdR5HDw.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-781e0bab.js';
+import '../../chunks/bundle-mpeh7m6z.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-f8655a14.js';
+import '../../chunks/bundle-btDN-R-c.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-04bd1a59.js';
+import '../../hooks/useModal.js';
+import '../../chunks/bundle-rLxuFUa1.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -83,115 +83,72 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-a0638563.js';
+import '../../chunks/bundle-Zl1hrCWc.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../utils-bfc0ab3b.js';
+import '../../chunks/bundle-M2ljBW6p.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-c22e4772.js';
+import '../../chunks/bundle-vnmGzWMt.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-e04159fe.js';
+import '../../chunks/bundle-53PRRrlp.js';
 import '../../VoiceRecorder/context.js';
-import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';
-import '../../useStatefulFileInfoList-5e68b93f.js';
-import '../../index-0f017704.js';
+import '../../chunks/bundle-ANPmLOz8.js';
+import '../../chunks/bundle-w9T6A0ez.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../stringFormatterUtils-abbe70ba.js';
-import '../../index-494f9e79.js';
+import '../../chunks/bundle-zoxfINxQ.js';
+import '../../chunks/bundle-w2v7oZ9G.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import '../utils/getMessagePartsInfo.js';
 import '../utils/compareMessagesForGrouping.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../useHandleUploadFiles-5ede1bfe.js';
+import '../../chunks/bundle-Ael7hqI7.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-493689bd.js';
-import '../../hooks/useModal.js';
-
-var ChannelUI = function (_a) {
-  var _b, _c, _d, _e, _f, _g;
-  var isLoading = _a.isLoading,
-    renderPlaceholderLoader = _a.renderPlaceholderLoader,
-    renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
-    renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
-    renderChannelHeader = _a.renderChannelHeader,
-    renderMessage = _a.renderMessage,
-    renderMessageInput = _a.renderMessageInput,
-    renderTypingIndicator = _a.renderTypingIndicator,
-    renderCustomSeparator = _a.renderCustomSeparator,
-    renderFileUploadIcon = _a.renderFileUploadIcon,
-    renderVoiceMessageIcon = _a.renderVoiceMessageIcon,
-    renderSendMessageIcon = _a.renderSendMessageIcon;
-  var _h = useChannelContext(),
-    channelUrl = _h.channelUrl,
-    isInvalid = _h.isInvalid;
-  var globalStore = useSendbirdStateContext();
-  var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
-  var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
-  var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
-  if (isLoading) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
-      type: PlaceHolderTypes.LOADING
-    }));
-  }
-  if (!channelUrl) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
-      type: PlaceHolderTypes.NO_CHANNELS
-    }));
-  }
-  if (isInvalid) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
-      type: PlaceHolderTypes.WRONG
-    }));
-  }
-  if (sdkError) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
-      type: PlaceHolderTypes.WRONG,
-      retryToConnect: function () {
-        logger.info('Channel: reconnecting');
-        // reconnect();
-      }
-    }));
-  }
+import '../../chunks/bundle-ftY5T58h.js';
 
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-conversation"
-  }, (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || /*#__PURE__*/React__default.createElement(ChannelHeader, {
-    className: "sendbird-conversation__channel-header"
-  }), /*#__PURE__*/React__default.createElement(MessageList, {
-    className: "sendbird-conversation__message-list",
-    renderMessage: renderMessage,
-    renderPlaceholderEmpty: renderPlaceholderEmpty,
-    renderCustomSeparator: renderCustomSeparator,
-    renderPlaceholderLoader: renderPlaceholderLoader
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-conversation__footer"
-  }, (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default.createElement(MessageInputWrapper, {
-    renderFileUploadIcon: renderFileUploadIcon,
-    renderVoiceMessageIcon: renderVoiceMessageIcon,
-    renderSendMessageIcon: renderSendMessageIcon
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-conversation__footer__typing-indicator"
-  }, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || ((_g = (_f = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _f === void 0 ? void 0 : _f.groupChannel) === null || _g === void 0 ? void 0 : _g.enableTypingIndicator) && /*#__PURE__*/React__default.createElement(TypingIndicator, null), !isOnline && /*#__PURE__*/React__default.createElement(ConnectionStatus, null))));
+var ChannelUI = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var isLoading = _a.isLoading, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderPlaceholderInvalid = _a.renderPlaceholderInvalid, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderChannelHeader = _a.renderChannelHeader, renderMessage = _a.renderMessage, renderMessageInput = _a.renderMessageInput, renderTypingIndicator = _a.renderTypingIndicator, renderCustomSeparator = _a.renderCustomSeparator, renderFileUploadIcon = _a.renderFileUploadIcon, renderVoiceMessageIcon = _a.renderVoiceMessageIcon, renderSendMessageIcon = _a.renderSendMessageIcon;
+    var _h = useChannelContext(), channelUrl = _h.channelUrl, isInvalid = _h.isInvalid;
+    var globalStore = useSendbirdStateContext();
+    var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
+    var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
+    var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
+    if (isLoading) {
+        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING }))));
+    }
+    if (!channelUrl) {
+        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_CHANNELS }))));
+    }
+    if (isInvalid) {
+        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG }))));
+    }
+    if (sdkError) {
+        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG, retryToConnect: function () {
+                logger.info('Channel: reconnecting');
+                // reconnect();
+            } }))));
+    }
+    return (React__default.createElement("div", { className: 'sendbird-conversation' },
+        (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || (React__default.createElement(ChannelHeader, { className: "sendbird-conversation__channel-header" })),
+        React__default.createElement(MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderPlaceholderEmpty: renderPlaceholderEmpty, renderCustomSeparator: renderCustomSeparator, renderPlaceholderLoader: renderPlaceholderLoader }),
+        React__default.createElement("div", { className: "sendbird-conversation__footer" },
+            (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React__default.createElement(MessageInputWrapper, { renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon })),
+            React__default.createElement("div", { className: "sendbird-conversation__footer__typing-indicator" },
+                (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator())
+                    || ((_g = (_f = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _f === void 0 ? void 0 : _f.groupChannel) === null || _g === void 0 ? void 0 : _g.enableTypingIndicator) && (React__default.createElement(TypingIndicator, null)),
+                !isOnline && (React__default.createElement(ConnectionStatus, null))))));
 };
 
 export { ChannelUI as default };

package/Channel/components/ChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelUI.js","sources":["../../../src/modules/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ChannelUIProps) => {\n  const {\n    channelUrl,\n    isInvalid,\n  } = useChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {renderChannelHeader?.() || (\n        <ChannelHeader className=\"sendbird-conversation__channel-header\" />\n      )}\n      <MessageList\n        className=\"sendbird-conversation__message-list\"\n        renderMessage={renderMessage}\n        renderPlaceholderEmpty={renderPlaceholderEmpty}\n        renderCustomSeparator={renderCustomSeparator}\n        renderPlaceholderLoader={renderPlaceholderLoader}\n      />\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n            />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.()\n              || globalStore?.config?.groupChannel?.enableTypingIndicator && (\n                <TypingIndicator />\n              )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_h","useChannelContext","channelUrl","isInvalid","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","retryToConnect","info","ChannelHeader","MessageList","MessageInputWrapper","_g","_f","groupChannel","enableTypingIndicator","TypingIndicator","ConnectionStatus"],"mappings":"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"}
+{"version":3,"file":"ChannelUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Channel/components/FileViewer.js

@@ -1,155 +1,86 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-92741c7e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-wMgBBDf9.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../tslib.es6-c2fb729e.js';
-import '../../index-09847c0f.js';
-import '../../types-9d43ac6e.js';
-import { M as MODAL_ROOT } from '../../index-04bd1a59.js';
-import { E as isSupportedFileView, k as isVideo, h as isImage } from '../../index-776554c0.js';
+import '../../hooks/useModal.js';
+import { m as isSupportedFileView, n as isVideo, o as isImage } from '../../chunks/bundle-EHReigfD.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-9ba5893a.js';
+import { u as useChannelContext } from '../../chunks/bundle-LUte5Kb5.js';
+import { a as MODAL_ROOT } from '../../chunks/bundle-rLxuFUa1.js';
+import '../../chunks/bundle-hKtwSqbO.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c15b8b3b.js';
-import 'prop-types';
-import '../../stringSet-6422c6b9.js';
+import '../../chunks/bundle-bofQNMJb.js';
+import '../../chunks/bundle-5yKxJk_M.js';
+import '../../chunks/bundle-v9a1_z0P.js';
+import '../../chunks/bundle-9KsbryQI.js';
+import '../../chunks/bundle-v0OWADVv.js';
+import '../../chunks/bundle-FTgSGiKe.js';
+import '../../chunks/bundle-x-4ukZm_.js';
+import '../../ui/IconButton.js';
+import '../../ui/Button.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-2001a468.js';
-import '../../const-73db0277.js';
-import '../../utils-aa4086dc.js';
-import '../../index-2d27aeef.js';
-import '../../index-e4277f9c.js';
+import '../../chunks/bundle-ubky9D9H.js';
+import '../../chunks/bundle-AI8e02c3.js';
+import '../../chunks/bundle-ZmvX8uZ5.js';
+import '../../chunks/bundle-h3JIYRTG.js';
 import '@sendbird/chat/message';
-import '../../useSendMultipleFilesMessage-b8256698.js';
-import '../../pubSub/topics.js';
-import '../../compareIds-7e517404.js';
+import '../../chunks/bundle-qst5L6aH.js';
+import '../../chunks/bundle-_qiqf8_l.js';
 import '@sendbird/chat/groupChannel';
-import '../../_rollupPluginBabelHelpers-e92eb032.js';
-import '../../consts-d9c5f25a.js';
-import '../../resolvedReplyType-fb987595.js';
+import '../hooks/useInitialMessagesFetch.js';
+import '../../pubSub/topics.js';
+import '../../chunks/bundle-TZXZa-F1.js';
+import '../../chunks/bundle-WCTKBopn.js';
+import '../../chunks/bundle-5iuNyt5M.js';
 
-var FileViewerComponent = function (_a) {
-  var
-    // sender
-    profileUrl = _a.profileUrl,
-    nickname = _a.nickname,
-    // file
-    name = _a.name,
-    type = _a.type,
-    url = _a.url,
-    // others
-    isByMe = _a.isByMe,
-    onCancel = _a.onCancel,
-    onDelete = _a.onDelete,
-    disableDelete = _a.disableDelete;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header__left"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header__left__avatar"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    height: "32px",
-    width: "32px",
-    src: profileUrl
-  })), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-fileviewer__header__left__filename",
-    type: LabelTypography.H_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, name), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-fileviewer__header__left__sender-name",
-    type: LabelTypography.BODY_1,
-    color: LabelColors.ONBACKGROUND_2
-  }, nickname)), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header__right"
-  }, isSupportedFileView(type) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions"
-  }, /*#__PURE__*/React__default.createElement("a", {
-    className: "sendbird-fileviewer__header__right__actions__download",
-    rel: "noopener noreferrer",
-    href: url,
-    target: "_blank"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.DOWNLOAD,
-    fillColor: IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px"
-  })), onDelete && isByMe && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__delete"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: disableDelete ? 'disabled' : '',
-    type: IconTypes.DELETE,
-    fillColor: disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: function () {
-      if (!disableDelete) {
-        onDelete();
-      }
-    }
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__close"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.CLOSE,
-    fillColor: IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: onCancel
-  })))), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__content"
-  }, isVideo(type) && /*#__PURE__*/React__default.createElement("video", {
-    controls: true,
-    className: "sendbird-fileviewer__content__video"
-  }, /*#__PURE__*/React__default.createElement("source", {
-    src: url,
-    type: type
-  })), isImage(type) && /*#__PURE__*/React__default.createElement("img", {
-    src: url,
-    alt: name,
-    className: "sendbird-fileviewer__content__img"
-  }), !isSupportedFileView(type) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-fileviewer__content__unsupported"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.H_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, "Unsupoprted message"))));
-};
-var FileViewer = function (_a) {
-  var _b, _c, _d;
-  var onCancel = _a.onCancel,
-    message = _a.message;
-  var deleteMessage = useChannelContext().deleteMessage;
-  var sender = message.sender,
-    type = message.type,
-    url = message.url,
-    _e = message.name,
-    name = _e === void 0 ? '' : _e,
-    threadInfo = message.threadInfo;
-  var user = (_c = (_b = useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.userId;
-  var isByMe = user === ((_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.userId);
-  var disableDelete = (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0;
-  var profileUrl = sender.profileUrl,
-    _f = sender.nickname,
-    nickname = _f === void 0 ? '' : _f;
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(FileViewerComponent, {
-    profileUrl: profileUrl,
-    nickname: nickname,
-    type: type,
-    url: url,
-    name: name,
-    onCancel: onCancel,
-    onDelete: function () {
-      deleteMessage(message).then(function () {
-        onCancel();
-      });
-    },
-    isByMe: isByMe,
-    disableDelete: disableDelete
-  }), document.getElementById(MODAL_ROOT));
+var FileViewerComponent = function (_a) {
+    var 
+    // sender
+    profileUrl = _a.profileUrl, nickname = _a.nickname, 
+    // file
+    name = _a.name, type = _a.type, url = _a.url, 
+    // others
+    isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete;
+    return (React__default.createElement("div", { className: "sendbird-fileviewer" },
+        React__default.createElement("div", { className: "sendbird-fileviewer__header" },
+            React__default.createElement("div", { className: "sendbird-fileviewer__header__left" },
+                React__default.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
+                    React__default.createElement(Avatar, { height: "32px", width: "32px", src: profileUrl })),
+                React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__filename", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, name),
+                React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__sender-name", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, nickname)),
+            React__default.createElement("div", { className: "sendbird-fileviewer__header__right" },
+                isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
+                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
+                        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
+                    onDelete && isByMe && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete" },
+                        React__default.createElement(Icon, { className: disableDelete ? 'disabled' : '', type: IconTypes.DELETE, fillColor: disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function () { if (!disableDelete) {
+                                onDelete();
+                            } } }))))),
+                React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
+                    React__default.createElement(Icon, { type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: onCancel })))),
+        React__default.createElement("div", { className: "sendbird-fileviewer__content" },
+            isVideo(type) && (React__default.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
+                React__default.createElement("source", { src: url, type: type }))),
+            isImage(type) && (React__default.createElement("img", { src: url, alt: name, className: "sendbird-fileviewer__content__img" })),
+            !isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
+                React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1 }, "Unsupoprted message"))))));
+};
+var FileViewer = function (_a) {
+    var _b, _c, _d;
+    var onCancel = _a.onCancel, message = _a.message;
+    var deleteMessage = useChannelContext().deleteMessage;
+    var sender = message.sender, type = message.type, url = message.url, _e = message.name, name = _e === void 0 ? '' : _e, threadInfo = message.threadInfo;
+    var user = (_c = (_b = useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.userId;
+    var isByMe = user === ((_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.userId);
+    var disableDelete = (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0;
+    var profileUrl = sender.profileUrl, _f = sender.nickname, nickname = _f === void 0 ? '' : _f;
+    return createPortal((React__default.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () {
+            deleteMessage(message).then(function () {
+                onCancel();
+            });
+        }, isByMe: isByMe, disableDelete: disableDelete })), document.getElementById(MODAL_ROOT));
 };
 
 export { FileViewerComponent, FileViewer as default };

package/Channel/components/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":["../../../src/modules/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { EveryMessage } from '../../../../types';\n\ntype FileViewerUIProps = {\n  profileUrl: string;\n  nickname: string;\n  // file\n  name: string;\n  type: string;\n  url: string;\n  // others\n  isByMe: boolean;\n  onCancel: () => void;\n  onDelete: () => void;\n  disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n  // sender\n  profileUrl,\n  nickname,\n  // file\n  name,\n  type,\n  url,\n  // others\n  isByMe,\n  onCancel,\n  onDelete,\n  disableDelete,\n}: FileViewerUIProps) => (\n  <div className=\"sendbird-fileviewer\">\n    <div className=\"sendbird-fileviewer__header\">\n      <div className=\"sendbird-fileviewer__header__left\">\n        <div className=\"sendbird-fileviewer__header__left__avatar\">\n          <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n        </div>\n        <Label\n          className=\"sendbird-fileviewer__header__left__filename\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {name}\n        </Label>\n        <Label\n          className=\"sendbird-fileviewer__header__left__sender-name\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {nickname}\n        </Label>\n      </div>\n      <div className=\"sendbird-fileviewer__header__right\">\n        {\n          isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__header__right__actions\">\n              <a\n                className=\"sendbird-fileviewer__header__right__actions__download\"\n                rel=\"noopener noreferrer\"\n                href={url}\n                target=\"_blank\"\n              >\n                <Icon\n                  type={IconTypes.DOWNLOAD}\n                  fillColor={IconColors.ON_BACKGROUND_1}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </a>\n              {\n                onDelete && isByMe && (\n                  <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                    <Icon\n                      className={disableDelete ? 'disabled' : ''}\n                      type={IconTypes.DELETE}\n                      fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                      height=\"24px\"\n                      width=\"24px\"\n                      onClick={() => { if (!disableDelete) { onDelete(); } }}\n                    />\n                  </div>\n                )\n              }\n            </div>\n          )\n        }\n        <div className=\"sendbird-fileviewer__header__right__actions__close\">\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height=\"24px\"\n            width=\"24px\"\n            onClick={onCancel}\n          />\n        </div>\n      </div>\n    </div>\n    <div className=\"sendbird-fileviewer__content\">\n      {isVideo(type) && (\n        <video controls className=\"sendbird-fileviewer__content__video\">\n          <source src={url} type={type} />\n        </video>\n      )}\n      {\n        isImage(type) && (\n          <img\n            src={url}\n            alt={name}\n            className=\"sendbird-fileviewer__content__img\"\n          />\n        )\n      }\n      {\n        !isSupportedFileView(type) && (\n          <div className=\"sendbird-fileviewer__content__unsupported\">\n            <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n              Unsupoprted message\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  </div>\n);\n\ntype FileViewerProps = {\n  onCancel:() => void;\n  message: FileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n  const { deleteMessage } = useChannelContext();\n  const {\n    sender,\n    type,\n    url,\n    name = '',\n    threadInfo,\n  } = message;\n  const user = useSendbirdStateContext()?.config?.userId;\n  const isByMe = user === message?.sender?.userId;\n  const disableDelete = threadInfo?.replyCount > 0;\n  const { profileUrl, nickname = '' } = sender;\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={profileUrl}\n        nickname={nickname}\n        type={type}\n        url={url}\n        name={name}\n        onCancel={onCancel}\n        onDelete={() => {\n          deleteMessage(message as EveryMessage).then(() => {\n            onCancel();\n          });\n        }}\n        isByMe={isByMe}\n        disableDelete={disableDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n};\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","CLOSE","isVideo","controls","isImage","alt","H_1","FileViewer","message","deleteMessage","useChannelContext","sender","_e","threadInfo","user","_c","_b","useSendbirdStateContext","config","userId","_d","replyCount","_f","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BaA,mBAAmB,GAAgC,UAACC,EAa7C,EAAA;;AAZlB;IACAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;IACVC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;AACR;IACAC,IAAI,UAAA;IACJC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;IACJC,GAAG,GAAAL,EAAA,CAAAK,GAAA;AACH;IACAC,MAAM,GAAAN,EAAA,CAAAM,MAAA;IACNC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;IACRC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;IACRC,aAAa,GAAAT,EAAA,CAAAS,aAAA,CAAA;EACU,oBACvBC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qBAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,mCAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,2CAAA;AAA2C,GAAA,eACxDF,cAAA,CAAAC,aAAA,CAACE,MAAM,EAAA;AAACC,IAAAA,MAAM,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEf,UAAAA;AAAW,GACrD,CAAK,CACL,eAAAS,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAA;AACJL,IAAAA,SAAS,EAAC,6CAA6C;IACvDR,IAAI,EAAEc,eAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCnB,IACI,CACP,eAAAO,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAA;AACJL,IAAAA,SAAS,EAAC,gDAAgD;IAC1DR,IAAI,EAAEc,eAAe,CAACK,MAAO;IAC7BH,KAAK,EAAEC,WAAW,CAACG,cAAAA;AAAe,GAAA,EAEjCtB,QACI,CACJ,CACL,eAAAQ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,EAE/Ca,mBAAmB,CAACrB,IAAI,CAAC,iBACvBM,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6CAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,uDAAuD;AACjEc,IAAAA,GAAG,EAAC,qBAAqB;AACzBC,IAAAA,IAAI,EAAEtB,GAAI;AACVuB,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,eAEflB,cAAA,CAAAC,aAAA,CAACkB,IAAI,EAAA;IACHzB,IAAI,EAAE0B,SAAS,CAACC,QAAS;IACzBC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCpB,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAA;GAEV,CAAG,CACH,EACEP,QAAQ,IAAIF,MAAM,iBAChBI,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qDAAA;AAAqD,GAAA,eAClEF,cAAA,CAAAC,aAAA,CAACkB,IAAI,EAAA;AACHjB,IAAAA,SAAS,EAAEH,aAAa,GAAG,UAAU,GAAG,EAAG;IAC3CL,IAAI,EAAE0B,SAAS,CAACK,MAAO;IACvBH,SAAS,EAAEvB,aAAa,GAAGwB,UAAU,CAACG,IAAI,GAAGH,UAAU,CAACC,eAAgB;AACxEpB,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;IACZsB,OAAO,EAAE,YAAQ;MAAA,IAAI,CAAC5B,aAAa,EAAE;AAAED,QAAAA,QAAQ,EAAE,CAAA;;AAAI,KAAA;AAAE,GAE3D,CAAK,CAGN,CACN,eAEHE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,oDAAA;AAAoD,GAAA,eACjEF,cAAA,CAAAC,aAAA,CAACkB,IAAI,EAAA;IACHzB,IAAI,EAAE0B,SAAS,CAACQ,KAAM;IACtBN,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCpB,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;AACZsB,IAAAA,OAAO,EAAE9B,QAAAA;AAAS,GAEtB,CAAK,CACF,CACF,CACL,eAAAG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,EAC1C2B,OAAO,CAACnC,IAAI,CAAC,iBACZM,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IAAO6B,QAAQ,EAAA,IAAA;AAAC5B,IAAAA,SAAS,EAAC,qCAAA;GACxBF,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,IAAAA,GAAG,EAAEX,GAAI;AAACD,IAAAA,IAAI,EAAEA,IAAAA;GAC1B,CAAO,CACR,EAECqC,OAAO,CAACrC,IAAI,CAAC,iBACXM,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,GAAG,EAAEX,GAAI;AACTqC,IAAAA,GAAG,EAAEvC,IAAK;AACVS,IAAAA,SAAS,EAAC,mCAAA;GACV,CACH,EAGD,CAACa,mBAAmB,CAACrB,IAAI,CAAC,iBACxBM,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,2CAAA;AAA2C,GAAA,eACxDF,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAA;IAACb,IAAI,EAAEc,eAAe,CAACyB,GAAI;IAACvB,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAClE,qBACK,CACJ,CAGN,CACF,CAAC,CAAA;AA5FiB,EA6FxB;AAOD,IAAMsB,UAAU,GAA8B,UAAC5C,EAAsC,EAAA;;MAApCO,QAAQ,GAAAP,EAAA,CAAAO,QAAA;IAAEsC,OAAO,GAAA7C,EAAA,CAAA6C,OAAA,CAAA;AACxD,EAAA,IAAAC,aAAa,GAAKC,iBAAiB,EAAE,cAAxB,CAAA;AAEnB,EAAA,IAAAC,MAAM,GAKJH,OAAO,CAAAG,MALH;IACN5C,IAAI,GAIFyC,OAAO,CAJLzC,IAAA;IACJC,GAAG,GAGDwC,OAAO,CAAAxC,GAHN;IACH4C,EAAA,GAEEJ,OAAO,CAAA1C,IAFA;IAATA,IAAI,GAAG8C,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACTC,UAAU,GACRL,OAAO,CAAAK,UADC,CAAA;AAEZ,EAAA,IAAMC,IAAI,GAAG,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAC,uBAAuB,EAAE,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,MAAM,MAAE,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAI,MAAM,CAAA;AACtD,EAAA,IAAMlD,MAAM,GAAG6C,IAAI,MAAK,MAAAN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEG,MAAM,MAAE,IAAA,IAAAS,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,MAAM,CAAA,CAAA;AAC/C,EAAA,IAAM/C,aAAa,GAAG,CAAAyC,UAAU,KAAV,IAAA,IAAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEQ,UAAU,IAAG,CAAC,CAAA;AACxC,EAAA,IAAAzD,UAAU,GAAoB+C,MAAM,CAAA/C,UAA1B;IAAE0D,EAAA,GAAkBX,MAAM,CAAA9C,QAAX;IAAbA,QAAQ,GAAGyD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,CAAA;AACjC,EAAA,oBAAOC,YAAY,eAEflD,cAAA,CAAAC,aAAA,CAACZ,mBAAmB,EAAA;AAClBE,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAE,YAAA;AACRsC,MAAAA,aAAa,CAACD,OAAuB,CAAC,CAACgB,IAAI,CAAC,YAAA;AAC1CtD,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAC,CAAC,CAAA;KACF;AACFD,IAAAA,MAAM,EAAEA,MAAO;AACfG,IAAAA,aAAa,EAAEA,aAAAA;GAAc,CAC7B,EAEJqD,QAAQ,CAACC,cAAc,CAACC,UAAU,CAAC,CACpC,CAAA;AACH;;;;"}
+{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Channel/components/FrozenNotification.js

@@ -1,20 +1,15 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-287ee149.js';
-import { L as Label, a as LabelTypography } from '../../index-92741c7e.js';
-import '../../stringSet-6422c6b9.js';
-import '../../index-e4277f9c.js';
-import 'prop-types';
+import { L as LocalizationContext } from '../../chunks/bundle-v0OWADVv.js';
+import { L as Label, a as LabelTypography } from '../../chunks/bundle-wMgBBDf9.js';
+import '../../chunks/bundle-5yKxJk_M.js';
+import '../../chunks/bundle-FTgSGiKe.js';
+import '../../chunks/bundle-hKtwSqbO.js';
 
-var FrozenNotification = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification sendbird-notification--frozen ".concat(className)
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-notification__text",
-    type: LabelTypography.CAPTION_2
-  }, stringSet.CHANNEL_FROZEN));
+var FrozenNotification = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: "sendbird-notification sendbird-notification--frozen ".concat(className) },
+        React__default.createElement(Label, { className: "sendbird-notification__text", type: LabelTypography.CAPTION_2 }, stringSet.CHANNEL_FROZEN)));
 };
 
 export { FrozenNotification as default };

package/Channel/components/FrozenNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrozenNotification.js","sources":["../../../src/modules/Channel/components/FrozenNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\ninterface FrozenNotificationProps {\n  className?: string;\n}\n\nconst FrozenNotification = ({\n  className = '',\n}: FrozenNotificationProps): React.ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-notification sendbird-notification--frozen ${className}`}>\n      <Label\n        className=\"sendbird-notification__text\"\n        type={LabelTypography.CAPTION_2}\n      >\n        {stringSet.CHANNEL_FROZEN}\n      </Label>\n    </div>\n  );\n};\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","_a","_b","className","stringSet","useContext","LocalizationContext","React","createElement","concat","Label","type","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;AAWA,IAAMA,kBAAkB,GAAG,UAACC,EAEF,EAAA;AADxB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA,CAAA;AAEN,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;EACjB,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAE,sDAAuD,CAAAM,MAAA,CAAAN,SAAS,CAAA;AAAG,GAAA,eACjFI,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AACJP,IAAAA,SAAS,EAAC,6BAA6B;IACvCQ,IAAI,EAAEC,eAAe,CAACC,SAAAA;AAAU,GAAA,EAE/BT,SAAS,CAACU,cACN,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"FrozenNotification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}