@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/Channel/components/ChannelUI.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-fc111e5f.js');
+var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
@@ -10,194 +10,147 @@ var Channel_components_MessageList = require('./MessageList.js');
 var Channel_components_TypingIndicator = require('./TypingIndicator.js');
 var Channel_components_MessageInput = require('./MessageInput.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-c74b513f.js');
-require('../../UserProfileContext-c6d7abb7.js');
-require('../../const-c9e7a340.js');
-require('../../utils-9193a195.js');
-require('../../index-3448df64.js');
-require('../../index-e8928da6.js');
-require('../../index-dbe8dd84.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-ACXel153.js');
+require('../../chunks/bundle-VHUezYnn.js');
+require('../../chunks/bundle-8lUFYwiz.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-BUF_nc4Q.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-54279ec2.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
-require('../../useSendMultipleFilesMessage-d6a3d5cf.js');
-require('../../pubSub/topics.js');
-require('../../compareIds-28c6af62.js');
+require('../../chunks/bundle-bQffWPr0.js');
+require('../../chunks/bundle-a_NGo240.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-9a117e16.js');
-require('../../_rollupPluginBabelHelpers-f5b0dfb9.js');
-require('../../consts-f54b15c2.js');
-require('../../resolvedReplyType-c4564ebe.js');
-require('../../LocalizationContext-58b6ed7c.js');
-require('../../stringSet-1539ac47.js');
+require('../../chunks/bundle-Z8uBiYyS.js');
+require('../hooks/useInitialMessagesFetch.js');
+require('../../chunks/bundle-6fWeHUzf.js');
+require('../../chunks/bundle-4iro9CUN.js');
+require('../../chunks/bundle-wPu8WyIh.js');
+require('../../chunks/bundle-leALuaxJ.js');
+require('../../chunks/bundle-80bw1Z-w.js');
+require('../../chunks/bundle-5l7POen0.js');
 require('../../ui/Icon.js');
-require('prop-types');
-require('../../index-b5a9b4b7.js');
+require('../../chunks/bundle-viTxhrPr.js');
+require('../../chunks/bundle-fTDV9UxX.js');
 require('../../ui/Loader.js');
-require('../../utils-e6c4b2b0.js');
+require('../../chunks/bundle-RV4B0RCM.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
-require('../../ui/Avatar.js');
+require('../../chunks/bundle-lj7KorhP.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-98441ba6.js');
-require('../../MediaQueryContext-6141d955.js');
-require('../../utils-eb6d90e0.js');
+require('../../chunks/bundle-o5pJIgS7.js');
+require('../../chunks/bundle-kkxTVcGD.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-876980e8.js');
+require('../../chunks/bundle-YRW87MiX.js');
 require('../../Thread/context.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../color-5bf5a8f5.js');
+require('../../chunks/bundle-oISd80pA.js');
 require('../../ui/MessageInput.js');
 require('../../ui/Button.js');
-require('../../types-d0d770c3.js');
-require('../../index-cc2e05a4.js');
+require('../../chunks/bundle-LoNtsKOJ.js');
 require('dompurify');
-require('../../consts-b3c4f548.js');
-require('../../consts-61d83828.js');
-require('../../consts-b711321c.js');
-require('../../tokenize-d5286fa8.js');
+require('../../chunks/bundle-PoR4V_kd.js');
+require('../../chunks/bundle-MB8QdyyQ.js');
+require('../../chunks/bundle-DRPbz-J2.js');
+require('../../chunks/bundle-Bekm94S6.js');
 require('../../ui/MessageContent.js');
-require('../../ui/UserProfile.js');
-require('../../sendbirdSelectors.js');
-require('../../index-520e12b8.js');
-require('../../index-7627b546.js');
-require('../../index-134e9852.js');
+require('../../chunks/bundle-Y0ibVW_O.js');
+require('../../chunks/bundle-cKt6NzI1.js');
+require('../../chunks/bundle-uE1K1eGs.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../types-feda9656.js');
+require('../../chunks/bundle-M6v8bdc6.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-18b7af79.js');
+require('../../chunks/bundle-FCrfVx0P.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
-require('../../index-b8ba4548.js');
+require('../../hooks/useModal.js');
+require('../../chunks/bundle-o66lc7qg.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
-require('../../ui/TextMessageItemBody.js');
-require('../../index-ce07a2a3.js');
+require('../../ui/QuoteMessage.js');
+require('../../chunks/bundle-lkluBCYi.js');
+require('../../chunks/bundle-h48X_8mu.js');
+require('../../ui/ThreadReplies.js');
+require('../../ui/OGMessageItemBody.js');
+require('../../chunks/bundle-3qeMVUne.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
+require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../ui/ThumbnailMessageItemBody.js');
-require('../../utils-93ca9d57.js');
-require('../../ui/OGMessageItemBody.js');
-require('../../ui/UnknownMessageItemBody.js');
-require('../../ui/QuoteMessage.js');
-require('../../index-e5e6d9b0.js');
-require('../../ui/ThreadReplies.js');
+require('../../chunks/bundle-Co06yFqb.js');
+require('../../chunks/bundle-t70SIG3R.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-a95c4ab4.js');
+require('../../chunks/bundle-oiMScSG6.js');
 require('../../VoiceRecorder/context.js');
-require('../../ui/Modal.js');
 require('../../ui/PlaybackTime.js');
-require('../../useStatefulFileInfoList-c510792f.js');
-require('../../index-bc6623d7.js');
+require('../../ui/ThumbnailMessageItemBody.js');
+require('../../ui/UnknownMessageItemBody.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
-require('../../stringFormatterUtils-92dbef3c.js');
-require('../../index-692ea6aa.js');
+require('../../chunks/bundle-A9-xoiFy.js');
+require('../../chunks/bundle-TCdgqawd.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 require('../utils/getMessagePartsInfo.js');
 require('../utils/compareMessagesForGrouping.js');
 require('./UnreadCount.js');
 require('./FrozenNotification.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../useHandleUploadFiles-39e8d107.js');
+require('../../chunks/bundle-vWOLHFBL.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-4c378655.js');
-require('../../hooks/useModal.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 = Channel_context.useChannelContext(),
-    channelUrl = _h.channelUrl,
-    isInvalid = _h.isInvalid;
-  var globalStore = useSendbirdStateContext.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["default"].createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      type: ui_PlaceHolder.PlaceHolderTypes.LOADING
-    }));
-  }
-  if (!channelUrl) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
-    }));
-  }
-  if (isInvalid) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      type: ui_PlaceHolder.PlaceHolderTypes.WRONG
-    }));
-  }
-  if (sdkError) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-conversation"
-    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
-      retryToConnect: function () {
-        logger.info('Channel: reconnecting');
-        // reconnect();
-      }
-    }));
-  }
+require('../../chunks/bundle-OfmF0BBb.js');
 
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-conversation"
-  }, (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelHeader, {
-    className: "sendbird-conversation__channel-header"
-  }), /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageList, {
-    className: "sendbird-conversation__message-list",
-    renderMessage: renderMessage,
-    renderPlaceholderEmpty: renderPlaceholderEmpty,
-    renderCustomSeparator: renderCustomSeparator,
-    renderPlaceholderLoader: renderPlaceholderLoader
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-conversation__footer"
-  }, (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageInput, {
-    renderFileUploadIcon: renderFileUploadIcon,
-    renderVoiceMessageIcon: renderVoiceMessageIcon,
-    renderSendMessageIcon: renderSendMessageIcon
-  }), /*#__PURE__*/React__default["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["default"].createElement(Channel_components_TypingIndicator["default"], null), !isOnline && /*#__PURE__*/React__default["default"].createElement(ui_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 = Channel_context.useChannelContext(), channelUrl = _h.channelUrl, isInvalid = _h.isInvalid;
+    var globalStore = useSendbirdStateContext.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.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }))));
+    }
+    if (!channelUrl) {
+        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS }))));
+    }
+    if (isInvalid) {
+        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))));
+    }
+    if (sdkError) {
+        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: function () {
+                logger.info('Channel: reconnecting');
+                // reconnect();
+            } }))));
+    }
+    return (React.createElement("div", { className: 'sendbird-conversation' },
+        (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || (React.createElement(Channel_components_ChannelHeader, { className: "sendbird-conversation__channel-header" })),
+        React.createElement(Channel_components_MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderPlaceholderEmpty: renderPlaceholderEmpty, renderCustomSeparator: renderCustomSeparator, renderPlaceholderLoader: renderPlaceholderLoader }),
+        React.createElement("div", { className: "sendbird-conversation__footer" },
+            (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React.createElement(Channel_components_MessageInput, { renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon })),
+            React.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.createElement(Channel_components_TypingIndicator.default, null)),
+                !isOnline && (React.createElement(ui_ConnectionStatus, null))))));
 };
 
 module.exports = ChannelUI;

package/cjs/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/cjs/Channel/components/FileViewer.js

@@ -4,162 +4,89 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-b5a9b4b7.js');
+var ui_Avatar = require('../../chunks/bundle-lj7KorhP.js');
+var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
 var ui_Icon = require('../../ui/Icon.js');
-require('../../tslib.es6-c74b513f.js');
-require('../../index-54279ec2.js');
-require('../../types-d0d770c3.js');
-var index$1 = require('../../index-b8ba4548.js');
-var index = require('../../index-dbe8dd84.js');
+require('../../hooks/useModal.js');
+var index = require('../../chunks/bundle-BUF_nc4Q.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-fc111e5f.js');
+var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
+var ui_Modal = require('../../chunks/bundle-o66lc7qg.js');
+require('../../chunks/bundle-mc8PQfi_.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-9a117e16.js');
-require('prop-types');
-require('../../stringSet-1539ac47.js');
+require('../../chunks/bundle-Z8uBiYyS.js');
+require('../../chunks/bundle-5l7POen0.js');
+require('../../chunks/bundle-viTxhrPr.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
+require('../../chunks/bundle-80bw1Z-w.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-kkxTVcGD.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-c6d7abb7.js');
-require('../../const-c9e7a340.js');
-require('../../utils-9193a195.js');
-require('../../index-3448df64.js');
-require('../../index-e8928da6.js');
+require('../../chunks/bundle-ACXel153.js');
+require('../../chunks/bundle-VHUezYnn.js');
+require('../../chunks/bundle-8lUFYwiz.js');
+require('../../chunks/bundle-pLajF9mf.js');
 require('@sendbird/chat/message');
-require('../../useSendMultipleFilesMessage-d6a3d5cf.js');
-require('../../pubSub/topics.js');
-require('../../compareIds-28c6af62.js');
+require('../../chunks/bundle-bQffWPr0.js');
+require('../../chunks/bundle-a_NGo240.js');
 require('@sendbird/chat/groupChannel');
-require('../../_rollupPluginBabelHelpers-f5b0dfb9.js');
-require('../../consts-f54b15c2.js');
-require('../../resolvedReplyType-c4564ebe.js');
+require('../hooks/useInitialMessagesFetch.js');
+require('../../chunks/bundle-6fWeHUzf.js');
+require('../../chunks/bundle-4iro9CUN.js');
+require('../../chunks/bundle-wPu8WyIh.js');
+require('../../chunks/bundle-leALuaxJ.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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["default"].createElement("div", {
-    className: "sendbird-fileviewer"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__left"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__left__avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    height: "32px",
-    width: "32px",
-    src: profileUrl
-  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-fileviewer__header__left__filename",
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, name), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-fileviewer__header__left__sender-name",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, nickname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right"
-  }, index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions"
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    className: "sendbird-fileviewer__header__right__actions__download",
-    rel: "noopener noreferrer",
-    href: url,
-    target: "_blank"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.DOWNLOAD,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px"
-  })), onDelete && isByMe && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__delete"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: disableDelete ? 'disabled' : '',
-    type: ui_Icon.IconTypes.DELETE,
-    fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: function () {
-      if (!disableDelete) {
-        onDelete();
-      }
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__close"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: onCancel
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__content"
-  }, index.isVideo(type) && /*#__PURE__*/React__default["default"].createElement("video", {
-    controls: true,
-    className: "sendbird-fileviewer__content__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: url,
-    type: type
-  })), index.isImage(type) && /*#__PURE__*/React__default["default"].createElement("img", {
-    src: url,
-    alt: name,
-    className: "sendbird-fileviewer__content__img"
-  }), !index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__content__unsupported"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.H_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, "Unsupoprted message"))));
-};
-var FileViewer = function (_a) {
-  var _b, _c, _d;
-  var onCancel = _a.onCancel,
-    message = _a.message;
-  var deleteMessage = Channel_context.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.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__*/reactDom.createPortal( /*#__PURE__*/React__default["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(index$1.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.createElement("div", { className: "sendbird-fileviewer" },
+        React.createElement("div", { className: "sendbird-fileviewer__header" },
+            React.createElement("div", { className: "sendbird-fileviewer__header__left" },
+                React.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
+                    React.createElement(ui_Avatar.Avatar, { height: "32px", width: "32px", src: profileUrl })),
+                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__filename", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, name),
+                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__sender-name", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, nickname)),
+            React.createElement("div", { className: "sendbird-fileviewer__header__right" },
+                index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
+                    React.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
+                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
+                    onDelete && isByMe && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete" },
+                        React.createElement(ui_Icon.default, { className: disableDelete ? 'disabled' : '', type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function () { if (!disableDelete) {
+                                onDelete();
+                            } } }))))),
+                React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
+                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: onCancel })))),
+        React.createElement("div", { className: "sendbird-fileviewer__content" },
+            index.isVideo(type) && (React.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
+                React.createElement("source", { src: url, type: type }))),
+            index.isImage(type) && (React.createElement("img", { src: url, alt: name, className: "sendbird-fileviewer__content__img" })),
+            !index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, "Unsupoprted message"))))));
+};
+var FileViewer = function (_a) {
+    var _b, _c, _d;
+    var onCancel = _a.onCancel, message = _a.message;
+    var deleteMessage = Channel_context.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.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 reactDom.createPortal((React.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(ui_Modal.MODAL_ROOT));
 };
 
 exports.FileViewerComponent = FileViewerComponent;
-exports["default"] = FileViewer;
+exports.default = FileViewer;
 //# sourceMappingURL=FileViewer.js.map

package/cjs/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":"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"}
+{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}