@sendbird/uikit-react 3.4.6 → 3.4.7-rc.0

package/cjs/OpenChannel.js

@@ -2,72 +2,71 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-850b9cd0.js');
+var OpenChannel_context = require('./OpenChannelProvider-76871cb6.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-498cb747.js');
-require('./stringSet-061fe0c1.js');
-require('./index-8b6bb1ee.js');
+require('./LocalizationContext-08499fd8.js');
+require('./stringSet-43ba803e.js');
+require('./index-d817af55.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-c2313dcd.js');
+require('./_rollupPluginBabelHelpers-c04a5857.js');
 require('prop-types');
-require('./const-61fc7be6.js');
-require('./const-e22c9d25.js');
+require('./const-df48e9ae.js');
+require('./const-04d1e702.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-8f4b0cfe.js');
 require('./ui/Button.js');
-require('./index-b8a20afd.js');
+require('./index-9c5f3445.js');
 require('dompurify');
-require('./consts-3764bd68.js');
+require('./consts-e3066f66.js');
 require('./ui/Icon.js');
-require('./index-2ac1f908.js');
+require('./index-99e85757.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./consts-ad849467.js');
-require('./consts-46fa3a3a.js');
-require('./tokenize-7e34a56e.js');
+require('./consts-b1c40dd7.js');
+require('./consts-37ac8b76.js');
+require('./tokenize-c466a4e9.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-1ffa3b79.js');
-require('./MediaQueryContext-b9c2ec1f.js');
-require('./index-983f9d7a.js');
+require('./uuid-b0cd103f.js');
+require('./MediaQueryContext-8a0d2426.js');
+require('./index-e18a9a18.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-ac1b0ab9.js');
-require('./index-71173fef.js');
+require('./index-0adf371c.js');
+require('./index-5fe8ddbd.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
-require('./UserProfileContext-617420c9.js');
+require('./UserProfileContext-0c0de7c0.js');
 require('./sendbirdSelectors.js');
-require('./topics-c8adbede.js');
-require('./utils-1038446c.js');
+require('./topics-ab421aa9.js');
+require('./utils-3a1f644a.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./utils-98ac09d1.js');
-require('./index-a415176f.js');
-require('./useLongPress-f3ee01a0.js');
+require('./utils-790cba92.js');
+require('./index-71e1cad7.js');
+require('./useLongPress-f2bbf03b.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
-require('./index-ddcf90b1.js');
-require('./index.module-cf39e3b9.js');
+require('./index-8a8e9dec.js');
+require('./index.module-984504c9.js');
 require('./Message/context.js');
 require('./ui/MentionLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-7f7508e6.js');
+require('./color-73cf0755.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-67f813a3.js');
+require('./index-3522ce47.js');
 require('./ui/Modal.js');
-require('./index-3626dfeb.js');
-require('./consts-8605e767.js');
-require('./compareIds-27f7912f.js');
+require('./index-6d27f25a.js');
+require('./consts-d8eecba2.js');
+require('./compareIds-9741d79f.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 
@@ -75,7 +74,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var OpenChannel = function (props) {
+const OpenChannel = props => {
   return /*#__PURE__*/React__default["default"].createElement(OpenChannel_context.OpenChannelProvider, {
     channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
     isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled,

package/cjs/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","createElement","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAuB,EAAA;AACtE,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,uCAAmB,EAAA;AAClBC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,wBAAwB,EAAEL,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEK,wBAAyB;AAC1DC,IAAAA,OAAO,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEM,OAAQ;AACxBC,IAAAA,YAAY,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEO,YAAa;AAClCC,IAAAA,uBAAuB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEQ,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEU,uBAAwB;AACxDC,IAAAA,kBAAkB,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEW,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEY,iBAAkB;AAC5CC,IAAAA,WAAW,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,WAAAA;AAAY,GAAA,eAEhCZ,yBAAA,CAAAC,aAAA,CAACY,oCAAa,EAAA;AACZC,IAAAA,aAAa,EAAEf,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEe,aAAc;AACpCC,IAAAA,YAAY,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEgB,YAAa;AAClCC,IAAAA,WAAW,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEiB,WAAY;AAChCC,IAAAA,0BAA0B,EAAElB,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEkB,0BAA2B;AAC9DC,IAAAA,sBAAsB,EAAEnB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEmB,sBAAuB;AACtDC,IAAAA,wBAAwB,EAAEpB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEoB,wBAAAA;AAAyB,GAAA,CAE9D,CAAsB,CAAA;AAE1B;;;;"}
+{"version":3,"file":"OpenChannel.js","sources":["../../src/modules/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","createElement","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -2,70 +2,73 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPreview.js');
-var ui_PlaceHolder = require('../../index-983f9d7a.js');
+var ui_PlaceHolder = require('../../index-e18a9a18.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-b8a20afd.js');
-var OpenChannelList_context = require('../../OpenChannelListProvider-02d6d44b.js');
+var ui_Label = require('../../index-9c5f3445.js');
+var OpenChannelList_context = require('../../OpenChannelListProvider-522d97e6.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
-var consts = require('../../consts-8605e767.js');
+var LocalizationContext = require('../../LocalizationContext-08499fd8.js');
+var consts = require('../../consts-d8eecba2.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-8f4b0cfe.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-b0cd103f.js');
 require('prop-types');
 require('../../ui/Loader.js');
-require('../../stringSet-061fe0c1.js');
-require('../../topics-c8adbede.js');
+require('../../_rollupPluginBabelHelpers-c04a5857.js');
+require('../../stringSet-43ba803e.js');
+require('../../topics-ab421aa9.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('../../ui/Button.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-67f813a3.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
-require('../../index-8b6bb1ee.js');
+require('../../index-3522ce47.js');
+require('../../MediaQueryContext-8a0d2426.js');
+require('../../index-d817af55.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../color-7f7508e6.js');
+require('../../color-73cf0755.js');
 require('../../CreateOpenChannel/context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function OpenChannelListUI(_a) {
-  var renderHeader = _a.renderHeader,
-    renderChannelPreview = _a.renderChannelPreview,
-    renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty,
-    renderPlaceHolderError = _a.renderPlaceHolderError,
-    renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
-  var _b = React.useState(false),
-    showCreateChannelModal = _b[0],
-    setShowCreateChannel = _b[1];
-  var scrollRef = React.useRef(null);
-  var _c = OpenChannelList_context.useOpenChannelListContext(),
-    logger = _c.logger,
-    currentChannel = _c.currentChannel,
-    allChannels = _c.allChannels,
-    fetchingStatus = _c.fetchingStatus,
-    onChannelSelected = _c.onChannelSelected,
-    fetchNextChannels = _c.fetchNextChannels,
-    refreshOpenChannelList = _c.refreshOpenChannelList,
-    openChannelListDispatcher = _c.openChannelListDispatcher;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var handleScroll = function (e) {
-    var element = e.target;
-    var scrollTop = element.scrollTop,
-      clientHeight = element.clientHeight,
-      scrollHeight = element.scrollHeight;
-    var isAboutSame = function (a, b, px) {
-      return Math.abs(a - b) <= px;
-    };
+function OpenChannelListUI(_ref) {
+  let {
+    renderHeader,
+    renderChannelPreview,
+    renderPlaceHolderEmpty,
+    renderPlaceHolderError,
+    renderPlaceHolderLoading
+  } = _ref;
+  const [showCreateChannelModal, setShowCreateChannel] = React.useState(false);
+  const scrollRef = React.useRef(null);
+  const {
+    logger,
+    currentChannel,
+    allChannels,
+    fetchingStatus,
+    onChannelSelected,
+    fetchNextChannels,
+    refreshOpenChannelList,
+    openChannelListDispatcher
+  } = OpenChannelList_context.useOpenChannelListContext();
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const handleScroll = e => {
+    const element = e.target;
+    const {
+      scrollTop,
+      clientHeight,
+      scrollHeight
+    } = element;
+    const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
     if (isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)) {
-      fetchNextChannels(function (messages) {
+      fetchNextChannels(messages => {
         if (messages) {
           try {
             element.scrollTop = scrollHeight - clientHeight;
@@ -76,13 +79,13 @@ function OpenChannelListUI(_a) {
       });
     }
   };
-  var handleOnClickCreateChannel = function () {
+  const handleOnClickCreateChannel = () => {
     setShowCreateChannel(true);
   };
-  var MemoizedHeader = React.useMemo(function () {
+  const MemoizedHeader = React.useMemo(() => {
     return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
   }, [renderHeader]);
-  var MemoizedPlaceHolder = React.useMemo(function () {
+  const MemoizedPlaceHolder = React.useMemo(() => {
     if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.EMPTY) {
       return (renderPlaceHolderEmpty === null || renderPlaceHolderEmpty === void 0 ? void 0 : renderPlaceHolderEmpty()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
         className: "sendbird-open-channel-list-ui__channel-list--place-holder--empty",
@@ -105,11 +108,11 @@ function OpenChannelListUI(_a) {
     }
     return null;
   }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
-  var MemoizedAllChannels = React.useMemo(function () {
+  const MemoizedAllChannels = React.useMemo(() => {
     if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.DONE) {
-      return allChannels.map(function (channel) {
-        var isSelected = (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url);
-        var handleClick = function (e) {
+      return allChannels.map(channel => {
+        const isSelected = (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url);
+        const handleClick = e => {
           onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(channel, e);
           logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);
           openChannelListDispatcher({
@@ -121,9 +124,9 @@ function OpenChannelListUI(_a) {
           className: "sendbird-open-channel-list-ui__channel-list__item",
           onClick: handleClick
         }, renderChannelPreview({
-          channel: channel,
-          isSelected: isSelected,
-          onChannelSelected: onChannelSelected
+          channel,
+          isSelected,
+          onChannelSelected
         })) : /*#__PURE__*/React__default["default"].createElement(OpenChannelList_components_OpenChannelPreview, {
           className: "sendbird-open-channel-list-ui__channel-list__item",
           channel: channel,
@@ -138,10 +141,8 @@ function OpenChannelListUI(_a) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-open-channel-list-ui"
   }, showCreateChannelModal && /*#__PURE__*/React__default["default"].createElement(CreateOpenChannel, {
-    closeModal: function () {
-      return setShowCreateChannel(false);
-    },
-    onCreateChannel: function (openChannel) {
+    closeModal: () => setShowCreateChannel(false),
+    onCreateChannel: openChannel => {
       onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
       openChannelListDispatcher({
         type: OpenChannelList_context.OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
@@ -159,9 +160,7 @@ function OpenChannelListUI(_a) {
     width: "32px",
     height: "32px",
     type: "button",
-    onClick: function () {
-      return refreshOpenChannelList();
-    }
+    onClick: () => refreshOpenChannelList()
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     type: ui_Icon.IconTypes.REFRESH,
     fillColor: ui_Icon.IconColors.PRIMARY,

package/cjs/OpenChannelList/components/OpenChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelListUI.js","sources":["../../../../src/smart-components/OpenChannelList/components/OpenChannelListUI/index.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport './index.scss';\n\nimport OpenChannelPreview from '../OpenChannelPreview';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { OnOpenChannelSelected, OpenChannelListFetchingStatus } from '../../context/OpenChannelListInterfaces';\nimport { useOpenChannelListContext } from '../../context/OpenChannelListProvider';\nimport OpenChannelListActionTypes from '../../context/dux/actionTypes';\nimport CreateOpenChannel from '../../../CreateOpenChannel';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\n\ninterface RenderOpenChannelPreviewProps {\n  channel: OpenChannel;\n  isSelected: boolean;\n  onChannelSelected: OnOpenChannelSelected;\n}\n\nexport interface OpenChannelListUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;\n  renderPlaceHolderEmpty?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nfunction OpenChannelListUI({\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListUIProps): React.ReactElement {\n  const [showCreateChannelModal, setShowCreateChannel] = useState(false);\n  const scrollRef = useRef(null);\n  const {\n    logger,\n    currentChannel,\n    allChannels,\n    fetchingStatus,\n    onChannelSelected,\n    fetchNextChannels,\n    refreshOpenChannelList,\n    openChannelListDispatcher,\n  } = useOpenChannelListContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n    const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {\n      fetchNextChannels((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n  };\n  const handleOnClickCreateChannel = () => {\n    setShowCreateChannel(true);\n  };\n\n  const MemoizedHeader: React.ReactElement = useMemo(() => {\n    return renderHeader?.() || null;\n  }, [renderHeader]);\n  const MemoizedPlaceHolder: React.ReactElement = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {\n      return renderPlaceHolderEmpty?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--empty\"\n          type={PlaceHolderTypes.NO_CHANNELS}\n        />\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {\n      return renderPlaceHolderLoading?.() || (\n        <div className=\"sendbird-open-channel-list-ui__channel-list--place-holder--loading\">\n          <PlaceHolder\n            iconSize=\"24px\"\n            type={PlaceHolderTypes.LOADING}\n          />\n        </div>\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {\n      return renderPlaceHolderError?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--error\"\n          type={PlaceHolderTypes.WRONG}\n        />\n      );\n    }\n    return null;\n  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);\n  const MemoizedAllChannels = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.DONE) {\n      return allChannels.map((channel) => {\n        const isSelected = channel?.url === currentChannel?.url;\n        const handleClick = (e) => {\n          onChannelSelected?.(channel, e);\n          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);\n          openChannelListDispatcher({\n            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,\n            payload: channel,\n          });\n        };\n        return renderChannelPreview\n          ? (\n            <div\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              onClick={handleClick}\n            >\n              {renderChannelPreview({ channel, isSelected, onChannelSelected })}\n            </div>\n          )\n          : (\n            <OpenChannelPreview\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              channel={channel}\n              isSelected={isSelected}\n              onClick={handleClick}\n              key={channel?.url}\n            />\n          );\n      })\n    }\n    return null;\n  }, [allChannels, allChannels.length, currentChannel]);\n\n  return (\n    <div className=\"sendbird-open-channel-list-ui\">\n      {\n        showCreateChannelModal && (\n          <CreateOpenChannel\n            closeModal={() => setShowCreateChannel(false)}\n            onCreateChannel={(openChannel) => {\n              onChannelSelected?.(openChannel);\n              openChannelListDispatcher({\n                type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,\n                payload: openChannel,\n              });\n            }}\n          />\n        )\n      }\n      {\n        MemoizedHeader || (\n          <div className=\"sendbird-open-channel-list-ui__header\">\n            <Label\n              className=\"sendbird-open-channel-list-ui__header__title\"\n              type={LabelTypography.H_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.OPEN_CHANNEL_LIST__TITLE}\n            </Label>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-refresh\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={() => refreshOpenChannelList()}\n            >\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-create-channel\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={handleOnClickCreateChannel}\n            >\n              <Icon\n                type={IconTypes.CREATE}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n      <div\n        className=\"sendbird-open-channel-list-ui__channel-list\"\n        ref={scrollRef}\n        onScroll={handleScroll}\n        >\n        {MemoizedPlaceHolder}\n        {MemoizedAllChannels}\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelListUI;\n"],"names":["OpenChannelListUI","_a","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","_b","useState","showCreateChannelModal","setShowCreateChannel","scrollRef","useRef","_c","useOpenChannelListContext","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","SCROLL_BUFFER","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_CHANNELS","FETCHING","iconSize","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","onClick","OpenChannelPreview","key","length","CreateOpenChannel","closeModal","onCreateChannel","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","width","height","Icon","IconTypes","REFRESH","fillColor","IconColors","PRIMARY","CREATE","ref","onScroll"],"mappings":"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"}
+{"version":3,"file":"OpenChannelListUI.js","sources":["../../../../src/modules/OpenChannelList/components/OpenChannelListUI/index.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport './index.scss';\n\nimport OpenChannelPreview from '../OpenChannelPreview';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { OnOpenChannelSelected, OpenChannelListFetchingStatus } from '../../context/OpenChannelListInterfaces';\nimport { useOpenChannelListContext } from '../../context/OpenChannelListProvider';\nimport OpenChannelListActionTypes from '../../context/dux/actionTypes';\nimport CreateOpenChannel from '../../../CreateOpenChannel';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\n\ninterface RenderOpenChannelPreviewProps {\n  channel: OpenChannel;\n  isSelected: boolean;\n  onChannelSelected: OnOpenChannelSelected;\n}\n\nexport interface OpenChannelListUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;\n  renderPlaceHolderEmpty?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nfunction OpenChannelListUI({\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListUIProps): React.ReactElement {\n  const [showCreateChannelModal, setShowCreateChannel] = useState(false);\n  const scrollRef = useRef(null);\n  const {\n    logger,\n    currentChannel,\n    allChannels,\n    fetchingStatus,\n    onChannelSelected,\n    fetchNextChannels,\n    refreshOpenChannelList,\n    openChannelListDispatcher,\n  } = useOpenChannelListContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n    const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {\n      fetchNextChannels((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n  };\n  const handleOnClickCreateChannel = () => {\n    setShowCreateChannel(true);\n  };\n\n  const MemoizedHeader: React.ReactElement = useMemo(() => {\n    return renderHeader?.() || null;\n  }, [renderHeader]);\n  const MemoizedPlaceHolder: React.ReactElement = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {\n      return renderPlaceHolderEmpty?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--empty\"\n          type={PlaceHolderTypes.NO_CHANNELS}\n        />\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {\n      return renderPlaceHolderLoading?.() || (\n        <div className=\"sendbird-open-channel-list-ui__channel-list--place-holder--loading\">\n          <PlaceHolder\n            iconSize=\"24px\"\n            type={PlaceHolderTypes.LOADING}\n          />\n        </div>\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {\n      return renderPlaceHolderError?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--error\"\n          type={PlaceHolderTypes.WRONG}\n        />\n      );\n    }\n    return null;\n  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);\n  const MemoizedAllChannels = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.DONE) {\n      return allChannels.map((channel) => {\n        const isSelected = channel?.url === currentChannel?.url;\n        const handleClick = (e) => {\n          onChannelSelected?.(channel, e);\n          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);\n          openChannelListDispatcher({\n            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,\n            payload: channel,\n          });\n        };\n        return renderChannelPreview\n          ? (\n            <div\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              onClick={handleClick}\n            >\n              {renderChannelPreview({ channel, isSelected, onChannelSelected })}\n            </div>\n          )\n          : (\n            <OpenChannelPreview\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              channel={channel}\n              isSelected={isSelected}\n              onClick={handleClick}\n              key={channel?.url}\n            />\n          );\n      })\n    }\n    return null;\n  }, [allChannels, allChannels.length, currentChannel]);\n\n  return (\n    <div className=\"sendbird-open-channel-list-ui\">\n      {\n        showCreateChannelModal && (\n          <CreateOpenChannel\n            closeModal={() => setShowCreateChannel(false)}\n            onCreateChannel={(openChannel) => {\n              onChannelSelected?.(openChannel);\n              openChannelListDispatcher({\n                type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,\n                payload: openChannel,\n              });\n            }}\n          />\n        )\n      }\n      {\n        MemoizedHeader || (\n          <div className=\"sendbird-open-channel-list-ui__header\">\n            <Label\n              className=\"sendbird-open-channel-list-ui__header__title\"\n              type={LabelTypography.H_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.OPEN_CHANNEL_LIST__TITLE}\n            </Label>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-refresh\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={() => refreshOpenChannelList()}\n            >\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-create-channel\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={handleOnClickCreateChannel}\n            >\n              <Icon\n                type={IconTypes.CREATE}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n      <div\n        className=\"sendbird-open-channel-list-ui__channel-list\"\n        ref={scrollRef}\n        onScroll={handleScroll}\n        >\n        {MemoizedPlaceHolder}\n        {MemoizedAllChannels}\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelListUI;\n"],"names":["OpenChannelListUI","_ref","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","showCreateChannelModal","setShowCreateChannel","useState","scrollRef","useRef","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","useOpenChannelListContext","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","SCROLL_BUFFER","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_CHANNELS","FETCHING","iconSize","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","onClick","OpenChannelPreview","key","length","CreateOpenChannel","closeModal","onCreateChannel","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","width","height","Icon","IconTypes","REFRESH","fillColor","IconColors","PRIMARY","CREATE","ref","onScroll"],"mappings":"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"}

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -3,24 +3,25 @@
 var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-b8a20afd.js');
-require('../../tslib.es6-8f4b0cfe.js');
+var ui_Label = require('../../index-9c5f3445.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-b0cd103f.js');
 require('prop-types');
-require('../../stringSet-061fe0c1.js');
+require('../../stringSet-43ba803e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function OpenChannelPreview(_a) {
-  var className = _a.className,
-    isSelected = _a.isSelected,
-    channel = _a.channel,
-    onClick = _a.onClick;
+function OpenChannelPreview(_ref) {
+  let {
+    className,
+    isSelected,
+    channel,
+    onClick
+  } = _ref;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-open-channel-preview ".concat(isSelected ? 'selected' : '', " ").concat(className),
+    className: `sendbird-open-channel-preview ${isSelected ? 'selected' : ''} ${className}`,
     onClick: onClick
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-open-channel-preview__cover-image"
@@ -30,25 +31,23 @@ function OpenChannelPreview(_a) {
     alt: "cover-image",
     width: "42px",
     height: "42px",
-    customDefaultComponent: function () {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-open-channel-preview__cover-image__avatar--default"
-      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-        type: ui_Icon.IconTypes.CHANNELS,
-        fillColor: ui_Icon.IconColors.CONTENT,
-        width: "24px",
-        height: "24px"
-      }));
-    }
+    customDefaultComponent: () => /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-open-channel-preview__cover-image__avatar--default"
+    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+      type: ui_Icon.IconTypes.CHANNELS,
+      fillColor: ui_Icon.IconColors.CONTENT,
+      width: "24px",
+      height: "24px"
+    }))
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-open-channel-preview__context"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-open-channel-preview__context__title"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-open-channel-preview__context__title__channel-name ".concat((channel === null || channel === void 0 ? void 0 : channel.isFrozen) ? 'frozen' : ''),
+    className: `sendbird-open-channel-preview__context__title__channel-name ${channel !== null && channel !== void 0 && channel.isFrozen ? 'frozen' : ''}`,
     type: ui_Label.LabelTypography.SUBTITLE_2,
     color: isSelected ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_1
-  }, channel === null || channel === void 0 ? void 0 : channel.name), (channel === null || channel === void 0 ? void 0 : channel.isFrozen) ? /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+  }, channel === null || channel === void 0 ? void 0 : channel.name), channel !== null && channel !== void 0 && channel.isFrozen ? /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     className: "sendbird-open-channel-preview__context__title__frozen",
     type: ui_Icon.IconTypes.FREEZE,
     fillColor: ui_Icon.IconColors.PRIMARY,

package/cjs/OpenChannelList/components/OpenChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelPreview.js","sources":["../../../../src/smart-components/OpenChannelList/components/OpenChannelPreview/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\ninterface OpenChannelPreviewProps {\n  className?: string;\n  isSelected?: boolean;\n  channel: OpenChannel;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nfunction OpenChannelPreview({\n  className,\n  isSelected,\n  channel,\n  onClick,\n}: OpenChannelPreviewProps): React.ReactElement {\n  return (\n    <div\n      className={`sendbird-open-channel-preview ${isSelected ? 'selected' : ''} ${className}`}\n      onClick={onClick}\n    >\n      <div className=\"sendbird-open-channel-preview__cover-image\">\n        <Avatar\n          className=\"sendbird-open-channel-preview__cover-image__avatar\"\n          src={channel?.coverUrl}\n          alt=\"cover-image\"\n          width=\"42px\"\n          height=\"42px\"\n          customDefaultComponent={() => (\n            <div className=\"sendbird-open-channel-preview__cover-image__avatar--default\">\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div className=\"sendbird-open-channel-preview__context\">\n        <div className=\"sendbird-open-channel-preview__context__title\">\n          <Label\n            className={`sendbird-open-channel-preview__context__title__channel-name ${channel?.isFrozen ? 'frozen' : ''}`}\n            type={LabelTypography.SUBTITLE_2}\n            color={isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1}\n          >\n            {channel?.name}\n          </Label>\n          {\n            channel?.isFrozen\n              ? (\n                <Icon\n                  className=\"sendbird-open-channel-preview__context__title__frozen\"\n                  type={IconTypes.FREEZE}\n                  fillColor={IconColors.PRIMARY}\n                  width=\"16px\"\n                  height=\"16px\"\n                />\n              ) : ''\n          }\n        </div>\n        <div className=\"sendbird-open-channel-preview__context__participants\">\n          <Icon\n            className=\"sendbird-open-channel-preview__context__participants__icon\"\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.ON_BACKGROUND_2}\n            width=\"14px\"\n            height=\"14px\"\n          />\n          <Label\n            className=\"sendbird-open-channel-preview__context__participants__count\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {channel?.participantCount || '0'}\n          </Label>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelPreview;\n"],"names":["OpenChannelPreview","_a","className","isSelected","channel","onClick","React","createElement","concat","Avatar","src","coverUrl","alt","width","height","customDefaultComponent","Icon","type","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","Label","isFrozen","LabelTypography","SUBTITLE_2","color","LabelColors","PRIMARY","ONBACKGROUND_1","name","FREEZE","MEMBERS","ON_BACKGROUND_2","CAPTION_3","ONBACKGROUND_2","participantCount"],"mappings":"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"}
+{"version":3,"file":"OpenChannelPreview.js","sources":["../../../../src/modules/OpenChannelList/components/OpenChannelPreview/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\ninterface OpenChannelPreviewProps {\n  className?: string;\n  isSelected?: boolean;\n  channel: OpenChannel;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nfunction OpenChannelPreview({\n  className,\n  isSelected,\n  channel,\n  onClick,\n}: OpenChannelPreviewProps): React.ReactElement {\n  return (\n    <div\n      className={`sendbird-open-channel-preview ${isSelected ? 'selected' : ''} ${className}`}\n      onClick={onClick}\n    >\n      <div className=\"sendbird-open-channel-preview__cover-image\">\n        <Avatar\n          className=\"sendbird-open-channel-preview__cover-image__avatar\"\n          src={channel?.coverUrl}\n          alt=\"cover-image\"\n          width=\"42px\"\n          height=\"42px\"\n          customDefaultComponent={() => (\n            <div className=\"sendbird-open-channel-preview__cover-image__avatar--default\">\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div className=\"sendbird-open-channel-preview__context\">\n        <div className=\"sendbird-open-channel-preview__context__title\">\n          <Label\n            className={`sendbird-open-channel-preview__context__title__channel-name ${channel?.isFrozen ? 'frozen' : ''}`}\n            type={LabelTypography.SUBTITLE_2}\n            color={isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1}\n          >\n            {channel?.name}\n          </Label>\n          {\n            channel?.isFrozen\n              ? (\n                <Icon\n                  className=\"sendbird-open-channel-preview__context__title__frozen\"\n                  type={IconTypes.FREEZE}\n                  fillColor={IconColors.PRIMARY}\n                  width=\"16px\"\n                  height=\"16px\"\n                />\n              ) : ''\n          }\n        </div>\n        <div className=\"sendbird-open-channel-preview__context__participants\">\n          <Icon\n            className=\"sendbird-open-channel-preview__context__participants__icon\"\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.ON_BACKGROUND_2}\n            width=\"14px\"\n            height=\"14px\"\n          />\n          <Label\n            className=\"sendbird-open-channel-preview__context__participants__count\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {channel?.participantCount || '0'}\n          </Label>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelPreview;\n"],"names":["OpenChannelPreview","_ref","className","isSelected","channel","onClick","React","createElement","Avatar","src","coverUrl","alt","width","height","customDefaultComponent","Icon","type","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","Label","isFrozen","LabelTypography","SUBTITLE_2","color","LabelColors","PRIMARY","ONBACKGROUND_1","name","FREEZE","MEMBERS","ON_BACKGROUND_2","CAPTION_3","ONBACKGROUND_2","participantCount"],"mappings":"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"}

package/cjs/OpenChannelList/context.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../topics-c8adbede.js');
+require('../topics-ab421aa9.js');
 require('../useSendbirdStateContext.js');
-var OpenChannelList_context = require('../OpenChannelListProvider-02d6d44b.js');
+var OpenChannelList_context = require('../OpenChannelListProvider-522d97e6.js');
 require('../withSendbird.js');
-require('../tslib.es6-8f4b0cfe.js');
+require('../_rollupPluginBabelHelpers-c04a5857.js');
 
 
 

package/cjs/OpenChannelList.js

@@ -2,53 +2,54 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelListUI = require('./OpenChannelList/components/OpenChannelListUI.js');
-var OpenChannelList_context = require('./OpenChannelListProvider-02d6d44b.js');
+var OpenChannelList_context = require('./OpenChannelListProvider-522d97e6.js');
 require('./OpenChannelList/components/OpenChannelPreview.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-8f4b0cfe.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-1ffa3b79.js');
-require('./index-b8a20afd.js');
-require('./stringSet-061fe0c1.js');
-require('./index-983f9d7a.js');
-require('./LocalizationContext-498cb747.js');
-require('./index-8b6bb1ee.js');
+require('./uuid-b0cd103f.js');
+require('./index-9c5f3445.js');
+require('./stringSet-43ba803e.js');
+require('./index-e18a9a18.js');
+require('./LocalizationContext-08499fd8.js');
+require('./index-d817af55.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
+require('./_rollupPluginBabelHelpers-c04a5857.js');
 require('./CreateOpenChannel.js');
 require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('./ui/Button.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-67f813a3.js');
-require('./MediaQueryContext-b9c2ec1f.js');
+require('./index-3522ce47.js');
+require('./MediaQueryContext-8a0d2426.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-7f7508e6.js');
+require('./color-73cf0755.js');
 require('./CreateOpenChannel/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./consts-8605e767.js');
-require('./topics-c8adbede.js');
+require('./consts-d8eecba2.js');
+require('./topics-ab421aa9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function OpenChannelList(_a) {
-  var
+function OpenChannelList(_ref) {
+  let {
     // provider
-    className = _a.className,
-    queries = _a.queries,
-    onChannelSelected = _a.onChannelSelected,
+    className,
+    queries,
+    onChannelSelected,
     // ui
-    renderHeader = _a.renderHeader,
-    renderChannelPreview = _a.renderChannelPreview,
-    renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty,
-    renderPlaceHolderError = _a.renderPlaceHolderError,
-    renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+    renderHeader,
+    renderChannelPreview,
+    renderPlaceHolderEmpty,
+    renderPlaceHolderError,
+    renderPlaceHolderLoading
+  } = _ref;
   return /*#__PURE__*/React__default["default"].createElement(OpenChannelList_context.OpenChannelListProvider, {
     className: className,
     queries: queries,