@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,43 +1,42 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-341f9a01.js');
+var OpenChannel_context = require('../../OpenChannelProvider-e4f3a05c.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-2d53c0e6.js');
+var ui_PlaceHolder = require('../../index-78d342b2.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-701d44c1.js');
-require('../../index-63b56a0e.js');
-require('../../UserProfileContext-f7c125ca.js');
+require('../../index-c4369117.js');
+require('../../index-53015903.js');
+require('../../UserProfileContext-fa684629.js');
 require('prop-types');
-require('../../tslib.es6-f57d0c81.js');
-require('../../compareIds-10371145.js');
-require('../../topics-f3fe3bf3.js');
-require('../../sendbird-e3e5c8ae.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-fbda47dd-4cb7267d.js');
-require('../../openChannel-e95532d8.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
-require('../../uuid-1942f440.js');
+require('../../tslib.es6-9b1c82d5.js');
+require('../../compareIds-a7236494.js');
+require('../../topics-ac8d2b51.js');
+require('@sendbird/chat');
+require('../../openChannel-4789903c.js');
+require('../../__bundle-c41dd401-1f364afe.js');
+require('../../uuid-c32d01d6.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
-require('../../LocalizationContext-c13ae9d5.js');
-require('../../stringSet-bd0c293d.js');
+require('../../_rollupPluginBabelHelpers-c7da8657.js');
+require('../../LocalizationContext-b051aa28.js');
+require('../../stringSet-9d251780.js');
 require('../../ui/MessageInput.js');
-require('../../const-84c58686.js');
-require('../../const-459420a0.js');
+require('react-dom/server');
+require('../../const-baa5e08a.js');
+require('../../const-de0fa0d4.js');
 require('../../ui/IconButton.js');
-require('../../index-d889bc81.js');
-require('../../index-dad73aff.js');
+require('../../ui/Button.js');
+require('../../index-62c9ad2d.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-c8f7702f.js');
+require('../../index-907bf834.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Loader.js');
-require('../../index-243538a2.js');
+require('../../index-6d02996a.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -45,19 +44,21 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-760ac018.js');
-require('../../utils-959685f6.js');
-require('../../openChannelUtils-7a336d09.js');
+require('../../utils-8e6fef1c.js');
+require('../../utils-8c634fd2.js');
+require('../../openChannelUtils-fc2ec8df.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-f0ffb253.js');
+require('../../color-8c864d64.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/FileViewer.js');
-require('../../index-98e4f7b2.js');
+require('../../index-d31051df.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -66,7 +67,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
 
-var OpenChannelUI = function OpenChannelUI(_a) {
+var OpenChannelUI = function (_a) {
   var renderMessage = _a.renderMessage,
       renderHeader = _a.renderHeader,
       renderInput = _a.renderInput,

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n  } = useOpenChannelContext();\n\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,oBAAoB,GAAG,mCAA7B;;IAEMC,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,EAAD;MAClDC,aAAa;MACbC,YAAY;MACZC,WAAW;MACXC,0BAA0B;MAC1BC,sBAAsB;MACtBC,wBAAwB;;AAElB,MAAAC,KAMFC,yCAAqB,EANnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,SAAS,eAFL;AAAA,MAGJC,OAAO,aAHH;AAAA,MAIJC,SAAS,eAJL;AAAA,MAKJC,eAAe,qBALX;;AAQN,MACE,CAACJ,kBAAD,IACG,EAACA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEK,GAArB,CADH,IAEGJ,SAHL,EAIE;AACA,WAAQ,CAAAL,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,wCAACC,0BAAD;AAAa,MAAA,IAAI,EAAEC,+BAAgB,CAACC;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIP,OAAJ,EAAa;AACX,WAAQ,CAAAL,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACNS;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,wCAACC,0BAAD;AAAa,MAAA,IAAI,EAAEC,+BAAgB,CAACE;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIP,SAAJ,EAAe;AACb,WAAQ,CAAAP,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,wCAACC,0BAAD;AAAa,MAAA,IAAI,EAAEC,+BAAgB,CAACG;AAApC,MAAtC,CADF;AAGD;;AAED,sBACEL;AAAK,IAAA,SAAS,EAAEjB;AAAhB,KAEI,CAAAI,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACEa,wCAACM,wCAAD,OAHN,EAOI,CAAAZ,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEa,QAApB,kBACEP,wCAACQ,gDAAD,OARN,eAWER,wCAACS,6CAAD;AACE,IAAA,aAAa,EAAEvB,aADjB;AAEE,IAAA,0BAA0B,EAAEG;AAF9B,IAXF,EAgBI,CAAAD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,EAAX,kBACEY,wCAACU,uCAAD;AAAkB,IAAA,GAAG,EAAEZ;AAAvB,IAjBN,CADF;AAuBD;;;;"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n  } = useOpenChannelContext();\n\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":"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"}

package/cjs/OpenChannel/context.js

@@ -3,23 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-341f9a01.js');
-require('../UserProfileContext-f7c125ca.js');
-require('../topics-f3fe3bf3.js');
+var OpenChannel_context = require('../OpenChannelProvider-e4f3a05c.js');
+require('../UserProfileContext-fa684629.js');
+require('../topics-ac8d2b51.js');
 require('../useSendbirdStateContext.js');
-require('../index-701d44c1.js');
-require('../index-63b56a0e.js');
-require('../tslib.es6-f57d0c81.js');
-require('../compareIds-10371145.js');
-require('../sendbird-e3e5c8ae.js');
-require('../__bundle-6316ce22-054c7ff6.js');
-require('../__bundle-fbda47dd-4cb7267d.js');
-require('../openChannel-e95532d8.js');
-require('../__bundle-7dfccc8c-826eb0ef.js');
-require('../uuid-1942f440.js');
+require('../index-c4369117.js');
+require('../index-53015903.js');
+require('../tslib.es6-9b1c82d5.js');
+require('../compareIds-a7236494.js');
+require('@sendbird/chat');
+require('../openChannel-4789903c.js');
+require('../__bundle-c41dd401-1f364afe.js');
+require('../uuid-c32d01d6.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-09706ebf.js');
+require('../_rollupPluginBabelHelpers-c7da8657.js');
 
 
 

package/cjs/OpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/OpenChannel.js

@@ -2,33 +2,34 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-341f9a01.js');
+var OpenChannel_context = require('./OpenChannelProvider-e4f3a05c.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-c13ae9d5.js');
-require('./stringSet-bd0c293d.js');
-require('./index-63b56a0e.js');
+require('./LocalizationContext-b051aa28.js');
+require('./stringSet-9d251780.js');
+require('./index-53015903.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-09706ebf.js');
+require('./_rollupPluginBabelHelpers-c7da8657.js');
+require('react-dom/server');
 require('prop-types');
-require('./const-84c58686.js');
-require('./const-459420a0.js');
+require('./const-baa5e08a.js');
+require('./const-de0fa0d4.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-f57d0c81.js');
-require('./index-d889bc81.js');
-require('./index-dad73aff.js');
+require('./tslib.es6-9b1c82d5.js');
+require('./ui/Button.js');
+require('./index-62c9ad2d.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/Icon.js');
-require('./index-c8f7702f.js');
+require('./index-907bf834.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-1942f440.js');
-require('./index-2d53c0e6.js');
+require('./uuid-c32d01d6.js');
+require('./index-78d342b2.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-243538a2.js');
-require('./index-701d44c1.js');
+require('./index-6d02996a.js');
+require('./index-c4369117.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
@@ -37,35 +38,35 @@ require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./withSendbird.js');
 require('./sendbirdSelectors.js');
-require('./topics-f3fe3bf3.js');
-require('./utils-760ac018.js');
-require('./UserProfileContext-f7c125ca.js');
-require('./utils-959685f6.js');
-require('./openChannelUtils-7a336d09.js');
+require('./topics-ac8d2b51.js');
+require('./utils-8e6fef1c.js');
+require('./UserProfileContext-fa684629.js');
+require('./utils-8c634fd2.js');
+require('./openChannelUtils-fc2ec8df.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
+require('./ui/Word.js');
+require('./ui/MentionLabel.js');
+require('./useSendbirdStateContext.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-f0ffb253.js');
+require('./color-8c864d64.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-98e4f7b2.js');
+require('./index-d31051df.js');
 require('./ui/Modal.js');
-require('./useSendbirdStateContext.js');
-require('./compareIds-10371145.js');
-require('./sendbird-e3e5c8ae.js');
-require('./__bundle-6316ce22-054c7ff6.js');
-require('./__bundle-fbda47dd-4cb7267d.js');
-require('./openChannel-e95532d8.js');
-require('./__bundle-7dfccc8c-826eb0ef.js');
+require('./compareIds-a7236494.js');
+require('@sendbird/chat');
+require('./openChannel-4789903c.js');
+require('./__bundle-c41dd401-1f364afe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var OpenChannel = function OpenChannel(props) {
+var OpenChannel = function (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    >\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","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;AAC9C,sBACEC,wCAACC,uCAAD;AACE,IAAA,UAAU,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,UADrB;AAEE,IAAA,wBAAwB,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,wBAFnC;AAGE,IAAA,OAAO,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,OAHlB;AAIE,IAAA,YAAY,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,YAJvB;AAKE,IAAA,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBALlC;AAME,IAAA,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBANlC;AAOE,IAAA,uBAAuB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,uBAPlC;AAQE,IAAA,kBAAkB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,kBAR7B;AASE,IAAA,iBAAiB,EAAEV,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW;AAT5B,kBAWEV,wCAACW,oCAAD;AACE,IAAA,aAAa,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,aADxB;AAEE,IAAA,YAAY,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,YAFvB;AAGE,IAAA,WAAW,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,WAHtB;AAIE,IAAA,0BAA0B,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,0BAJrC;AAKE,IAAA,sBAAsB,EAAEhB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEiB,sBALjC;AAME,IAAA,wBAAwB,EAAEjB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEkB;AANnC,IAXF,CADF;AAsBD;;;;"}
+{"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    >\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","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;AACtE,EAAA,oBACEC,wCAACC,uCAAD,EAAA;AACE,IAAA,UAAU,EAAEF,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEG,UADrB;AAEE,IAAA,wBAAwB,EAAEH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,wBAFnC;AAGE,IAAA,OAAO,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEK,OAHlB;AAIE,IAAA,YAAY,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEM,YAJvB;AAKE,IAAA,uBAAuB,EAAEN,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEO,uBALlC;AAME,IAAA,uBAAuB,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,uBANlC;AAOE,IAAA,uBAAuB,EAAER,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAES,uBAPlC;AAQE,IAAA,kBAAkB,EAAET,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEU,kBAR7B;AASE,IAAA,iBAAiB,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,iBAAAA;AAT5B,GAAA,eAWEV,wCAACW,oCAAD,EAAA;AACE,IAAA,aAAa,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEa,aADxB;AAEE,IAAA,YAAY,EAAEb,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,YAFvB;AAGE,IAAA,WAAW,EAAEd,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,WAHtB;AAIE,IAAA,0BAA0B,EAAEf,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,0BAJrC;AAKE,IAAA,sBAAsB,EAAEhB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEiB,sBALjC;AAME,IAAA,wBAAwB,EAAEjB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEkB,wBAAAA;AANnC,GAAA,CAXF,CADF,CAAA;AAsBD;;;;"}

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -0,0 +1,201 @@
+'use strict';
+
+var React = require('react');
+var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPreview.js');
+var ui_PlaceHolder = require('../../index-78d342b2.js');
+var ui_IconButton = require('../../ui/IconButton.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_Label = require('../../index-62c9ad2d.js');
+var OpenChannelList_context = require('../../OpenChannelListProvider-3eed20f7.js');
+var CreateOpenChannel = require('../../CreateOpenChannel.js');
+var LocalizationContext = require('../../LocalizationContext-b051aa28.js');
+require('../../ui/Avatar.js');
+require('../../tslib.es6-9b1c82d5.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-c32d01d6.js');
+require('prop-types');
+require('../../ui/Loader.js');
+require('../../stringSet-9d251780.js');
+require('../../topics-ac8d2b51.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-c7da8657.js');
+require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
+require('../../ui/Button.js');
+require('../../ui/Modal.js');
+require('react-dom');
+require('../../index-d31051df.js');
+require('../../index-53015903.js');
+require('../../ui/Input.js');
+require('../../ui/TextButton.js');
+require('../../color-8c864d64.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;
+    };
+
+    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {
+      fetchNextChannels(function (messages) {
+        if (messages) {
+          try {
+            element.scrollTop = scrollHeight - clientHeight;
+          } catch (error) {//
+          }
+        }
+      });
+    }
+  };
+
+  var handleOnClickCreateChannel = function () {
+    setShowCreateChannel(true);
+  };
+
+  var MemoizedHeader = React.useMemo(function () {
+    return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
+  }, [renderHeader]);
+  var MemoizedPlaceHolder = React.useMemo(function () {
+    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",
+        type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
+      });
+    }
+
+    if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.FETCHING) {
+      return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "sendbird-open-channel-list-ui__channel-list--place-holder--loading"
+      }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+        iconSize: "24px",
+        type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+      }));
+    }
+
+    if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.ERROR) {
+      return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+        className: "sendbird-open-channel-list-ui__channel-list--place-holder--error",
+        type: ui_PlaceHolder.PlaceHolderTypes.WRONG
+      });
+    }
+
+    return null;
+  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
+  var MemoizedAllChannels = React.useMemo(function () {
+    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) {
+          onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(channel, e);
+          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);
+          openChannelListDispatcher({
+            type: OpenChannelList_context.OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,
+            payload: channel
+          });
+        };
+
+        return renderChannelPreview ? /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "sendbird-open-channel-list-ui__channel-list__item",
+          onClick: handleClick
+        }, renderChannelPreview({
+          channel: channel,
+          isSelected: isSelected,
+          onChannelSelected: onChannelSelected
+        })) : /*#__PURE__*/React__default["default"].createElement(OpenChannelList_components_OpenChannelPreview, {
+          className: "sendbird-open-channel-list-ui__channel-list__item",
+          channel: channel,
+          isSelected: isSelected,
+          onClick: handleClick
+        });
+      });
+    }
+
+    return null;
+  }, [allChannels, allChannels.length, currentChannel]);
+  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) {
+      onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
+      openChannelListDispatcher({
+        type: OpenChannelList_context.OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
+        payload: openChannel
+      });
+    }
+  }), MemoizedHeader || /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-open-channel-list-ui__header"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-open-channel-list-ui__header__title",
+    type: ui_Label.LabelTypography.H_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.OPEN_CHANNEL_LIST__TITLE), /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+    className: "sendbird-open-channel-list-ui__header__button-refresh",
+    width: "32px",
+    height: "32px",
+    type: "button",
+    onClick: function () {
+      return refreshOpenChannelList();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.REFRESH,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "22px",
+    height: "22px"
+  })), /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+    className: "sendbird-open-channel-list-ui__header__button-create-channel",
+    width: "32px",
+    height: "32px",
+    type: "button",
+    onClick: handleOnClickCreateChannel
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.CREATE,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "22px",
+    height: "22px"
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-open-channel-list-ui__channel-list",
+    ref: scrollRef,
+    onScroll: handleScroll
+  }, MemoizedPlaceHolder, MemoizedAllChannels));
+}
+
+module.exports = OpenChannelListUI;
+//# sourceMappingURL=OpenChannelListUI.js.map

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

@@ -0,0 +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';\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, 10)) {\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            />\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","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","FETCHING","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","type","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","OpenChannelPreview","length","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","Icon","IconTypes","REFRESH","IconColors","PRIMARY","CREATE"],"mappings":"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"}

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var React = require('react');
+var ui_Avatar = require('../../ui/Avatar.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_Label = require('../../index-62c9ad2d.js');
+require('../../tslib.es6-9b1c82d5.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-c32d01d6.js');
+require('prop-types');
+require('../../stringSet-9d251780.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;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-open-channel-preview ".concat(isSelected ? 'selected' : '', " ").concat(className),
+    onClick: onClick
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-open-channel-preview__cover-image"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
+    className: "sendbird-open-channel-preview__cover-image__avatar",
+    src: channel === null || channel === void 0 ? void 0 : channel.coverUrl,
+    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"
+      }));
+    }
+  })), /*#__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' : ''),
+    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"], {
+    className: "sendbird-open-channel-preview__context__title__frozen",
+    type: ui_Icon.IconTypes.FREEZE,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "16px",
+    height: "16px"
+  }) : ''), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-open-channel-preview__context__participants"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-open-channel-preview__context__participants__icon",
+    type: ui_Icon.IconTypes.MEMBERS,
+    fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
+    width: "14px",
+    height: "14px"
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-open-channel-preview__context__participants__count",
+    type: ui_Label.LabelTypography.CAPTION_3,
+    color: ui_Label.LabelColors.ONBACKGROUND_2
+  }, (channel === null || channel === void 0 ? void 0 : channel.participantCount) || '0'))));
+}
+
+module.exports = OpenChannelPreview;
+//# sourceMappingURL=OpenChannelPreview.js.map

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

@@ -0,0 +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","concat","Avatar","coverUrl","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","isFrozen","LabelTypography","SUBTITLE_2","LabelColors","PRIMARY","ONBACKGROUND_1","name","FREEZE","MEMBERS","ON_BACKGROUND_2","CAPTION_3","ONBACKGROUND_2","participantCount"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAASA,kBAAT,CAA4BC,EAA5B,EAK0B;MAJxBC,SAAS,GAAAD,EAAA,CAAAC;MACTC,UAAU,GAAAF,EAAA,CAAAE;MACVC,OAAO,GAAAH,EAAA,CAAAG;MACPC,OAAO,GAAAJ,EAAA,CAAAI;EAEP,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,gCAAA,CAAiCC,MAAjC,CAAiCJ,UAAU,GAAG,UAAH,GAAgB,EAA3D,EAAiE,GAAjE,CAAA,CAAiEI,MAAjE,CAAiEL,SAAjE,CADb;AAEE,IAAA,OAAO,EAAEG,OAAAA;GAET,eAAAC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,4CAAA;AAAf,GAAA,eACEA,wCAACE,oBAAD,EAAA;AACE,IAAA,SAAS,EAAC,oDADZ;AAEE,IAAA,GAAG,EAAEJ,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEK,QAFhB;AAGE,IAAA,GAAG,EAAC,aAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,sBAAsB,EAAE,YAAM;MAAA,oBAC5BH,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC,6DAAA;AAAf,OAAA,eACEA,wCAACI,kBAAD,EAAA;QACE,IAAI,EAAEC,iBAAS,CAACC,QADlB;QAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC,MAAA;AAJT,OAAA,CADF,CAD4B,CAAA;AAS7B,KAAA;AAfH,GAAA,CADF,CAJF,eAuBER,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,wCAAA;GACb,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,+CAAA;AAAf,GAAA,eACEA,wCAACS,cAAD,EAAA;IACE,SAAS,EAAE,8DAA+DR,CAAAA,MAA/D,CAA+D,CAAAH,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEY,QAAT,IAAoB,QAApB,GAA+B,EAA9F,CADb;IAEE,IAAI,EAAEC,wBAAe,CAACC,UAFxB;IAGE,KAAK,EAAEf,UAAU,GAAGgB,oBAAW,CAACC,OAAf,GAAyBD,oBAAW,CAACE,cAAAA;AAHxD,GAAA,EAKGjB,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkB,IALZ,CADF,EASI,CAAAlB,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEY,QAAT,iBAEIV,wCAACI,kBAAD,EAAA;AACE,IAAA,SAAS,EAAC,uDADZ;IAEE,IAAI,EAAEC,iBAAS,CAACY,MAFlB;IAGE,SAAS,EAAEV,kBAAU,CAACO,OAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;GAPb,CAAA,GASM,EAlBV,CADF,eAsBEd,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sDAAA;AAAf,GAAA,eACEA,wCAACI,kBAAD,EAAA;AACE,IAAA,SAAS,EAAC,4DADZ;IAEE,IAAI,EAAEC,iBAAS,CAACa,OAFlB;IAGE,SAAS,EAAEX,kBAAU,CAACY,eAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;GANX,CAAA,eAQEnB,wCAACS,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,6DADZ;IAEE,IAAI,EAAEE,wBAAe,CAACS,SAFxB;IAGE,KAAK,EAAEP,oBAAW,CAACQ,cAAAA;GAElB,EAAA,CAAAvB,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEwB,gBAAT,KAA6B,GALhC,CARF,CAtBF,CAvBF,CADF,CAAA;AAiED;;;;"}