@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/dist/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -0,0 +1,312 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../index-f1bd9638.js');
+var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
+var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
+var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
+var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
+var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
+var ui_DateSeparator = require('../../ui/DateSeparator.js');
+var ui_Label = require('../../index-578f0575.js');
+var ui_MessageInput = require('../../ui/MessageInput.js');
+var ui_FileViewer = require('../../ui/FileViewer.js');
+var ui_Modal = require('../../ui/Modal.js');
+var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
+var tslib_es6 = require('../../tslib.es6-e8acf1b5.js');
+var OpenChannel_context = require('../../OpenChannelProvider-bf43f315.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+require('../../index-1ec959ab.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/Icon.js');
+require('prop-types');
+require('../../uuid-a94df44e.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../index-6714492f.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../stringSet-388f679a.js');
+require('../../ui/IconButton.js');
+require('../../ui/Loader.js');
+require('../../ui/UserProfile.js');
+require('../../UserProfileContext-0549101e.js');
+require('../../sendbirdSelectors.js');
+require('../../topics-839402ce.js');
+require('../../utils-c61c3737.js');
+require('../../ui/Button.js');
+require('../../utils-6e33484b.js');
+require('../../index-a79f62a3.js');
+require('../../MediaQueryContext-db5159f3.js');
+require('../../useLongPress-b75b3860.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/Word.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/TextButton.js');
+require('../../color-84bbbc0b.js');
+require('react-dom/server');
+require('../../const-86e2750e.js');
+require('../../const-3c5d5059.js');
+require('../../ui/MentionUserLabel.js');
+require('../../index-490839e3.js');
+require('../../compareIds-19a11ffa.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../withSendbird.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function RemoveMessageModal(_a) {
+  var onCloseModal = _a.onCloseModal,
+      onDeleteMessage = _a.onDeleteMessage;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    onCancel: onCloseModal,
+    onSubmit: onDeleteMessage,
+    submitText: stringSet.MESSAGE_MENU__DELETE,
+    titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
+  });
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
+var SUPPORTED_MIMES = {
+  IMAGE: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp'],
+  VIDEO: ['video/mpeg', 'video/ogg', 'video/webm', 'video/mp4']
+};
+var isImage = function (type) {
+  return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
+};
+var isVideo = function (type) {
+  return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
+};
+tslib_es6.__assign({}, SUPPORTED_MIMES);
+
+var MessageTypes = {
+  ADMIN: 'ADMIN',
+  USER: 'USER',
+  FILE: 'FILE',
+  THUMBNAIL: 'THUMBNAIL',
+  OG: 'OG',
+  UNKNOWN: 'UNKNOWN'
+};
+var SendingMessageStatus = {
+  NONE: 'none',
+  SUCCEEDED: 'succeeded',
+  FAILED: 'failed',
+  PENDING: 'pending'
+};
+var getMessageType = function (message) {
+  var _a, _b;
+
+  if (((_a = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+    return (message === null || message === void 0 ? void 0 : message.ogMetaData) ? MessageTypes.OG : MessageTypes.USER;
+  }
+
+  if ((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) {
+    return MessageTypes.ADMIN;
+  }
+
+  if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+    return isImage(message.type) || isVideo(message.type) ? MessageTypes.THUMBNAIL : MessageTypes.FILE;
+  }
+
+  return MessageTypes.UNKNOWN;
+};
+
+function MessagOpenChannelMessageeHoc(props) {
+  var _a;
+
+  var _b;
+
+  var message = props.message,
+      chainTop = props.chainTop,
+      chainBottom = props.chainBottom,
+      hasSeparator = props.hasSeparator,
+      renderMessage = props.renderMessage;
+
+  var _c = OpenChannel_context.useOpenChannelContext(),
+      currentOpenChannel = _c.currentOpenChannel,
+      deleteMessage = _c.deleteMessage,
+      updateMessage = _c.updateMessage,
+      resendMessage = _c.resendMessage;
+
+  var dateLocale = LocalizationContext.useLocalization().dateLocale;
+  var editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
+  var globalState = useSendbirdStateContext();
+  var userId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
+  var sender = null;
+
+  if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+    sender = message === null || message === void 0 ? void 0 : message.sender;
+  }
+
+  var RenderedMessage = React.useMemo(function () {
+    return function (props) {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderMessage ? renderMessage(props) : null);
+    };
+  }, [message, renderMessage]);
+
+  var _d = React.useState(false),
+      showEdit = _d[0],
+      setShowEdit = _d[1];
+
+  var _e = React.useState(false),
+      showRemove = _e[0],
+      setShowRemove = _e[1];
+
+  var _f = React.useState(false),
+      showFileViewer = _f[0],
+      setShowFileViewer = _f[1];
+
+  var editMessageInputRef = React.useRef(null);
+  var isByMe = false;
+
+  if (sender && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+    // pending and failed messages are by me
+    isByMe = userId === sender.userId || (message === null || message === void 0 ? void 0 : message.sendingStatus) === SendingMessageStatus.PENDING || (message === null || message === void 0 ? void 0 : message.sendingStatus) === SendingMessageStatus.FAILED;
+  }
+
+  if (renderMessage && RenderedMessage) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-msg-hoc sendbird-msg--scroll-ref"
+    }, /*#__PURE__*/React__default["default"].createElement(RenderedMessage, {
+      message: message,
+      chainTop: chainTop,
+      chainBottom: chainBottom
+    }));
+  }
+
+  if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && showEdit) {
+    return /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
+      isEdit: true,
+      disabled: editDisabled,
+      ref: editMessageInputRef,
+      message: message,
+      name: message === null || message === void 0 ? void 0 : message.messageId,
+      onUpdateMessage: function (_a) {
+        var messageId = _a.messageId,
+            message = _a.message;
+        updateMessage(messageId, message);
+        setShowEdit(false);
+      },
+      onCancelEdit: function () {
+        setShowEdit(false);
+      }
+    });
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-msg-hoc sendbird-msg--scroll-ref"
+  }, hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && /*#__PURE__*/React__default["default"].createElement(ui_DateSeparator, null, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.CAPTION_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_2
+  }, index.format(message === null || message === void 0 ? void 0 : message.createdAt, 'MMMM dd, yyyy', {
+    locale: dateLocale
+  }))), (_a = {}, _a[MessageTypes.ADMIN] = function () {
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
+      return /*#__PURE__*/React__default["default"].createElement(ui_OpenChannelAdminMessage, {
+        message: message
+      });
+    }
+  }(), _a[MessageTypes.FILE] = function () {
+    var _a;
+
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelFileMessage, {
+        message: message,
+        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
+        disabled: editDisabled,
+        userId: userId,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+
+    return;
+  }(), _a[MessageTypes.OG] = function () {
+    var _a;
+
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelOGMessage, {
+        message: message,
+        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
+        userId: userId,
+        showEdit: setShowEdit,
+        disabled: editDisabled,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+
+    return;
+  }(), _a[MessageTypes.THUMBNAIL] = function () {
+    var _a;
+
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelThumbnailMessage, {
+        message: message,
+        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
+        disabled: editDisabled,
+        userId: userId,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        onClick: setShowFileViewer,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+
+    return;
+  }(), _a[MessageTypes.USER] = function () {
+    var _a;
+
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelUserMessage, {
+        message: message,
+        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
+        userId: userId,
+        disabled: editDisabled,
+        showEdit: setShowEdit,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+
+    return;
+  }(), _a[MessageTypes.UNKNOWN] = function () {
+    return; // return (
+    //   <OpenChannelUnknownMessage message={message} />
+    // );
+  }(), _a)[getMessageType(message)], showRemove && /*#__PURE__*/React__default["default"].createElement(RemoveMessageModal, {
+    onCloseModal: function () {
+      return setShowRemove(false);
+    },
+    onDeleteMessage: function () {
+      if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+        deleteMessage(message);
+      }
+    }
+  }), showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer["default"], {
+    onClose: function () {
+      return setShowFileViewer(false);
+    },
+    message: message,
+    onDelete: function () {
+      return deleteMessage(message);
+    },
+    isByMe: isByMe
+  }));
+}
+
+module.exports = MessagOpenChannelMessageeHoc;
+//# sourceMappingURL=OpenChannelMessage.js.map

package/dist/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -0,0 +1,173 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../index-4e46a153.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
+var OpenChannel_context = require('../../OpenChannelProvider-bf43f315.js');
+var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
+require('../../index-f1bd9638.js');
+require('../../index-1ec959ab.js');
+require('prop-types');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../LocalizationContext-2fb0be1f.js');
+require('../../stringSet-388f679a.js');
+require('../../index-578f0575.js');
+require('../../ui/Loader.js');
+require('../../UserProfileContext-0549101e.js');
+require('../../compareIds-19a11ffa.js');
+require('../../topics-839402ce.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../uuid-a94df44e.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../ui/OpenchannelUserMessage.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../index-6714492f.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../ui/IconButton.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../utils-c61c3737.js');
+require('../../ui/Button.js');
+require('../../utils-6e33484b.js');
+require('../../index-a79f62a3.js');
+require('../../MediaQueryContext-db5159f3.js');
+require('../../useLongPress-b75b3860.js');
+require('../../ui/OpenChannelAdminMessage.js');
+require('../../ui/OpenchannelOGMessage.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/Word.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/OpenchannelThumbnailMessage.js');
+require('../../ui/OpenchannelFileMessage.js');
+require('../../ui/TextButton.js');
+require('../../color-84bbbc0b.js');
+require('../../ui/DateSeparator.js');
+require('../../ui/MessageInput.js');
+require('react-dom/server');
+require('../../const-86e2750e.js');
+require('../../const-3c5d5059.js');
+require('../../ui/MentionUserLabel.js');
+require('../../ui/FileViewer.js');
+require('../../index-490839e3.js');
+require('../../ui/Modal.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function OpenchannelMessageList(props, ref) {
+  var _a = OpenChannel_context.useOpenChannelContext(),
+      _b = _a.isMessageGroupingEnabled,
+      isMessageGroupingEnabled = _b === void 0 ? true : _b,
+      allMessages = _a.allMessages,
+      hasMore = _a.hasMore,
+      onScroll = _a.onScroll;
+
+  var scrollRef = ref || React.useRef(null);
+
+  var _c = React.useState(false),
+      showScrollDownButton = _c[0],
+      setShowScrollDownButton = _c[1];
+
+  var handleOnScroll = function (e) {
+    var element = e.target;
+    var scrollTop = element.scrollTop,
+        scrollHeight = element.scrollHeight,
+        clientHeight = element.clientHeight;
+
+    if (scrollHeight > scrollTop + clientHeight + 1) {
+      setShowScrollDownButton(true);
+    } else {
+      setShowScrollDownButton(false);
+    }
+
+    if (!hasMore) {
+      return;
+    }
+
+    if (scrollTop === 0) {
+      var nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');
+      var first_1 = nodes && nodes[0];
+      onScroll(function () {
+        try {
+          first_1.scrollIntoView();
+        } catch (error) {}
+      });
+    }
+  };
+
+  var scrollToBottom = function () {
+    if (scrollRef && scrollRef.current) {
+      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
+      setShowScrollDownButton(false);
+    }
+  };
+
+  var memoizedMessageList = React.useMemo(function () {
+    var _a;
+
+    if (allMessages.length > 0) {
+      return allMessages.map(function (message, index$1) {
+        var previousMessage = allMessages[index$1 - 1];
+        var nextMessage = allMessages[index$1 - 1];
+        var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
+        var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt; // https://stackoverflow.com/a/41855608
+
+        var hasSeparator = !(previousMessageCreatedAt && index.isSameDay(currentCreatedAt, previousMessageCreatedAt));
+
+        var _a = isMessageGroupingEnabled ? OpenChannel_context.compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false],
+            chainTop = _a[0],
+            chainBottom = _a[1];
+
+        return /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelMessage, {
+          key: (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId),
+          message: message,
+          chainTop: chainTop,
+          chainBottom: chainBottom,
+          hasSeparator: hasSeparator,
+          renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage
+        });
+      });
+    }
+
+    return ((_a = props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList) === null || _a === void 0 ? void 0 : _a.call(props)) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      className: "sendbird-openchannel-conversation-scroll__container__place-holder",
+      type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES
+    });
+  }, [allMessages]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-openchannel-conversation-scroll"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-openchannel-conversation-scroll__container"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-openchannel-conversation-scroll__container__padding"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ['sendbird-openchannel-conversation-scroll__container__item-container', allMessages.length > 0 ? '' : 'no-messages'].join(' '),
+    onScroll: handleOnScroll,
+    ref: scrollRef
+  }, memoizedMessageList)), showScrollDownButton && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-openchannel-conversation-scroll__container__scroll-bottom-button",
+    onClick: scrollToBottom,
+    onKeyDown: scrollToBottom,
+    tabIndex: 0,
+    role: "button"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    width: "24px",
+    height: "24px",
+    type: ui_Icon.IconTypes.CHEVRON_DOWN,
+    fillColor: ui_Icon.IconColors.CONTENT
+  })));
+}
+
+var OpenChannelMessageList = /*#__PURE__*/React__default["default"].forwardRef(OpenchannelMessageList);
+
+module.exports = OpenChannelMessageList;
+//# sourceMappingURL=OpenChannelMessageList.js.map

package/dist/cjs/OpenChannel/components/OpenChannelUI.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var React = require('react');
+var OpenChannel_context = require('../../OpenChannelProvider-bf43f315.js');
+var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
+var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
+var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
+var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
+var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
+require('../../index-f1bd9638.js');
+require('../../index-1ec959ab.js');
+require('../../UserProfileContext-0549101e.js');
+require('prop-types');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../compareIds-19a11ffa.js');
+require('../../topics-839402ce.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../uuid-a94df44e.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../LocalizationContext-2fb0be1f.js');
+require('../../stringSet-388f679a.js');
+require('../../ui/MessageInput.js');
+require('react-dom/server');
+require('../../const-86e2750e.js');
+require('../../const-3c5d5059.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../index-578f0575.js');
+require('../../ui/MentionUserLabel.js');
+require('../../ui/Icon.js');
+require('../../index-6714492f.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../MediaQueryContext-db5159f3.js');
+require('../../ui/Loader.js');
+require('../../index-4e46a153.js');
+require('./OpenChannelMessage.js');
+require('../../ui/OpenchannelUserMessage.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../utils-c61c3737.js');
+require('../../utils-6e33484b.js');
+require('../../index-a79f62a3.js');
+require('../../useLongPress-b75b3860.js');
+require('../../ui/OpenChannelAdminMessage.js');
+require('../../ui/OpenchannelOGMessage.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/Word.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/OpenchannelThumbnailMessage.js');
+require('../../ui/OpenchannelFileMessage.js');
+require('../../ui/TextButton.js');
+require('../../color-84bbbc0b.js');
+require('../../ui/DateSeparator.js');
+require('../../ui/FileViewer.js');
+require('../../index-490839e3.js');
+require('../../ui/Modal.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
+
+var OpenChannelUI = function (_a) {
+  var renderMessage = _a.renderMessage,
+      renderHeader = _a.renderHeader,
+      renderInput = _a.renderInput,
+      renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList,
+      renderPlaceHolderError = _a.renderPlaceHolderError,
+      renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+
+  var _b = OpenChannel_context.useOpenChannelContext(),
+      currentOpenChannel = _b.currentOpenChannel,
+      amIBanned = _b.amIBanned,
+      loading = _b.loading,
+      isInvalid = _b.isInvalid,
+      messageInputRef = _b.messageInputRef,
+      conversationScrollRef = _b.conversationScrollRef;
+
+  if (!currentOpenChannel || !(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url) || amIBanned) {
+    return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
+      className: COMPONENT_CLASS_NAME
+    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
+    }));
+  }
+
+  if (loading) {
+    return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default["default"].createElement("div", {
+      className: COMPONENT_CLASS_NAME
+    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+    }));
+  }
+
+  if (isInvalid) {
+    return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
+      className: COMPONENT_CLASS_NAME
+    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.WRONG
+    }));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: COMPONENT_CLASS_NAME
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelHeader, null), (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_FrozenChannelNotification, null), /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelMessageList, {
+    ref: conversationScrollRef,
+    renderMessage: renderMessage,
+    renderPlaceHolderEmptyList: renderPlaceHolderEmptyList
+  }), (renderInput === null || renderInput === void 0 ? void 0 : renderInput()) || /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelInput, {
+    ref: messageInputRef
+  }));
+};
+
+module.exports = OpenChannelUI;
+//# sourceMappingURL=OpenChannelUI.js.map

package/dist/cjs/OpenChannel/context.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+var OpenChannel_context = require('../OpenChannelProvider-bf43f315.js');
+require('../UserProfileContext-0549101e.js');
+require('../topics-839402ce.js');
+require('../useSendbirdStateContext.js');
+require('../index-f1bd9638.js');
+require('../index-1ec959ab.js');
+require('../tslib.es6-e8acf1b5.js');
+require('../compareIds-19a11ffa.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../uuid-a94df44e.js');
+require('prop-types');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-e7c78521.js');
+
+
+
+exports.OpenChannelProvider = OpenChannel_context.OpenChannelProvider;
+exports.useOpenChannelContext = OpenChannel_context.useOpenChannelContext;
+//# sourceMappingURL=context.js.map