@sendbird/uikit-react 3.2.5 → 3.2.6-rc.0

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":"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"}
+{"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  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,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-4895f5f6.js');
-require('../UserProfileContext-d1596965.js');
-require('../topics-c4ffdf98.js');
+var OpenChannel_context = require('../OpenChannelProvider-8b0e26a5.js');
+require('../UserProfileContext-157c5174.js');
+require('../topics-14e5ee9f.js');
 require('../useSendbirdStateContext.js');
-require('../index-09d50472.js');
-require('../index-491f2403.js');
-require('../tslib.es6-712ab026.js');
-require('../compareIds-20b6caa8.js');
+require('../index-7f18a16f.js');
+require('../index-5ce5b5ef.js');
+require('../tslib.es6-ce6b9cf9.js');
+require('../compareIds-eb7c82dc.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../uuid-4fb21145.js');
+require('../uuid-e0efb18c.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-93d42928.js');
+require('../_rollupPluginBabelHelpers-c8ddc77e.js');
 
 
 

package/cjs/OpenChannel.js

@@ -2,35 +2,36 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-4895f5f6.js');
+var OpenChannel_context = require('./OpenChannelProvider-8b0e26a5.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-0349dfbd.js');
-require('./stringSet-9eadd9a2.js');
-require('./index-491f2403.js');
+require('./LocalizationContext-2a1cb44b.js');
+require('./stringSet-b531455a.js');
+require('./index-5ce5b5ef.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-93d42928.js');
+require('./_rollupPluginBabelHelpers-c8ddc77e.js');
 require('react-dom/server');
 require('prop-types');
-require('./const-ed017cc9.js');
-require('./const-0ce11db5.js');
+require('./const-3ceaca5c.js');
+require('./const-8b0c6ef1.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-712ab026.js');
+require('./tslib.es6-ce6b9cf9.js');
 require('./ui/Button.js');
-require('./index-e59510d3.js');
+require('./index-6c759d44.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/Icon.js');
-require('./index-558d367a.js');
+require('./index-f42aafcc.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-4fb21145.js');
-require('./index-1ce4efa3.js');
+require('./uuid-e0efb18c.js');
+require('./MediaQueryContext-623586af.js');
+require('./index-8d7bc2cf.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-c7bba14f.js');
-require('./index-09d50472.js');
+require('./index-5513787c.js');
+require('./index-7f18a16f.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
@@ -38,27 +39,28 @@ require('react-dom');
 require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./withSendbird.js');
+require('./UserProfileContext-157c5174.js');
 require('./sendbirdSelectors.js');
-require('./topics-c4ffdf98.js');
-require('./utils-03670a4b.js');
-require('./UserProfileContext-d1596965.js');
-require('./utils-db03a3ee.js');
-require('./openChannelUtils-5a371d5c.js');
+require('./topics-14e5ee9f.js');
+require('./utils-54962329.js');
+require('./utils-b076caa2.js');
+require('./index-6f03baa8.js');
+require('./useSendbirdStateContext.js');
+require('./useLongPress-ca8f8cd9.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-8da1967d.js');
+require('./color-fcbb3426.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-200b85a3.js');
+require('./index-f1ad3c0d.js');
 require('./ui/Modal.js');
-require('./compareIds-20b6caa8.js');
+require('./compareIds-eb7c82dc.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 
@@ -76,7 +78,8 @@ var OpenChannel = function (props) {
     onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage,
     onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick,
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
-    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile
+    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
+    onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick
   }, /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelUI, {
     renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage,
     renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader,

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;"}
+{"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","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,KAAD,EAAwB;AACtE,EAAA,oBACEC,wCAACC,uCAAD,EAAA;AACE,IAAA,UAAU,EAAEF,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEG,UADrB;AAEE,IAAA,wBAAwB,EAAEH,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,wBAFnC;AAGE,IAAA,OAAO,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,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,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEO,uBALlC;AAME,IAAA,uBAAuB,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,uBANlC;AAOE,IAAA,uBAAuB,EAAER,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAES,uBAPlC;AAQE,IAAA,kBAAkB,EAAET,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEU,kBAR7B;AASE,IAAA,iBAAiB,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,iBAT5B;AAUE,IAAA,WAAW,EAAEX,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEY,WAAAA;AAVtB,GAAA,eAYEX,wCAACY,oCAAD,EAAA;AACE,IAAA,aAAa,EAAEb,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,aADxB;AAEE,IAAA,YAAY,EAAEd,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,YAFvB;AAGE,IAAA,WAAW,EAAEf,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,WAHtB;AAIE,IAAA,0BAA0B,EAAEhB,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEiB,0BAJrC;AAKE,IAAA,sBAAsB,EAAEjB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEkB,sBALjC;AAME,IAAA,wBAAwB,EAAElB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEmB,wBAAAA;AANnC,GAAA,CAZF,CADF,CAAA;AAuBD;;;;"}

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -2,33 +2,34 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPreview.js');
-var ui_PlaceHolder = require('../../index-1ce4efa3.js');
+var ui_PlaceHolder = require('../../index-8d7bc2cf.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-e59510d3.js');
-var OpenChannelList_context = require('../../OpenChannelListProvider-df27c36c.js');
+var ui_Label = require('../../index-6c759d44.js');
+var OpenChannelList_context = require('../../OpenChannelListProvider-ee1df405.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
+var LocalizationContext = require('../../LocalizationContext-2a1cb44b.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-712ab026.js');
+require('../../tslib.es6-ce6b9cf9.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-e0efb18c.js');
 require('prop-types');
 require('../../ui/Loader.js');
-require('../../stringSet-9eadd9a2.js');
-require('../../topics-c4ffdf98.js');
+require('../../stringSet-b531455a.js');
+require('../../topics-14e5ee9f.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
+require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
 require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('../../ui/Button.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-200b85a3.js');
-require('../../index-491f2403.js');
+require('../../index-f1ad3c0d.js');
+require('../../MediaQueryContext-623586af.js');
+require('../../index-5ce5b5ef.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../color-8da1967d.js');
+require('../../color-fcbb3426.js');
 require('../../CreateOpenChannel/context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -140,7 +141,8 @@ function OpenChannelListUI(_a) {
           className: "sendbird-open-channel-list-ui__channel-list__item",
           channel: channel,
           isSelected: isSelected,
-          onClick: handleClick
+          onClick: handleClick,
+          key: channel === null || channel === void 0 ? void 0 : channel.url
         });
       });
     }

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';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAASA,iBAAT,CAA2BC,EAA3B,EAMyB;AALvB,EAAA,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAZ;AAAA,MACAC,oBAAoB,GAAAF,EAAA,CAAAE,oBADpB;AAAA,MAEAC,sBAAsB,GAAAH,EAAA,CAAAG,sBAFtB;AAAA,MAGAC,sBAAsB,GAAAJ,EAAA,CAAAI,sBAHtB;AAAA,MAIAC,wBAAwB,GAAAL,EAAA,CAAAK,wBAJxB,CAAA;;AAMM,EAAA,IAAAC,EAAA,GAAiDC,cAAQ,CAAC,KAAD,CAAzD;AAAA,MAACC,sBAAsB,GAAAF,EAAA,CAAA,CAAA,CAAvB;AAAA,MAAyBG,oBAAoB,GAAAH,EAAA,CAAA,CAAA,CAA7C,CAAA;;AACN,EAAA,IAAMI,SAAS,GAAGC,YAAM,CAAC,IAAD,CAAxB,CAAA;;EACM,IAAAC,EAAA,GASFC,iDAAyB,EATvB;AAAA,MACJC,MAAM,GAAAF,EAAA,CAAAE,MADF;AAAA,MAEJC,cAAc,GAAAH,EAAA,CAAAG,cAFV;AAAA,MAGJC,WAAW,GAAAJ,EAAA,CAAAI,WAHP;AAAA,MAIJC,cAAc,GAAAL,EAAA,CAAAK,cAJV;AAAA,MAKJC,iBAAiB,GAAAN,EAAA,CAAAM,iBALb;AAAA,MAMJC,iBAAiB,GAAAP,EAAA,CAAAO,iBANb;AAAA,MAOJC,sBAAsB,GAAAR,EAAA,CAAAQ,sBAPlB;AAAA,MAQJC,yBAAyB,GAAAT,EAAA,CAAAS,yBARrB,CAAA;;AAUE,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;;AAER,EAAA,IAAMC,YAAY,GAAG,UAACC,CAAD,EAAE;AACrB,IAAA,IAAMC,OAAO,GAAGD,CAAC,CAACE,MAAlB,CAAA;AAEE,IAAA,IAAAC,SAAS,GAGPF,OAAO,CAAAE,SAHT;AAAA,QACAC,YAAY,GAEVH,OAAO,CAAAG,YAHT;AAAA,QAEAC,YAAY,GACVJ,OAAO,aAHT,CAAA;;IAIF,IAAMK,WAAW,GAAG,UAACC,CAAD,EAAIC,CAAJ,EAAOC,EAAP,EAAc;MAAA,OAACC,IAAI,CAACC,GAAL,CAASJ,CAAC,GAAGC,CAAb,KAAmBC,EAApB,CAAA;KAAlC,CAAA;;IACA,IAAIH,WAAW,CAACF,YAAY,GAAGD,SAAhB,EAA2BE,YAA3B,EAAyC,EAAzC,CAAf,EAA6D;MAC3DZ,iBAAiB,CAAC,UAACmB,QAAD,EAAS;AACzB,QAAA,IAAIA,QAAJ,EAAc;UACZ,IAAI;AACFX,YAAAA,OAAO,CAACE,SAAR,GAAoBE,YAAY,GAAGD,YAAnC,CAAA;AACD,WAFD,CAEE,OAAOS,KAAP,EAAc;AAEf,WAAA;AACF,SAAA;AACF,OARgB,CAAjB,CAAA;AASD,KAAA;GAlBH,CAAA;;EAoBA,IAAMC,0BAA0B,GAAG,YAAA;IACjC/B,oBAAoB,CAAC,IAAD,CAApB,CAAA;GADF,CAAA;;AAIA,EAAA,IAAMgC,cAAc,GAAuBC,aAAO,CAAC,YAAA;AACjD,IAAA,OAAO,CAAAzC,YAAY,KAAZ,IAAA,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,KAAoB,IAA3B,CAAA;AACD,GAFiD,EAE/C,CAACA,YAAD,CAF+C,CAAlD,CAAA;AAGA,EAAA,IAAM0C,mBAAmB,GAAuBD,aAAO,CAAC,YAAA;AACtD,IAAA,IAAIzB,cAAc,KAAK2B,qDAA6B,CAACC,KAArD,EAA4D;AAC1D,MAAA,OAAO,CAAA1C,sBAAsB,KAAA,IAAtB,IAAAA,sBAAsB,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAAA,sBAAsB,EAAtB,kBACL2C,wCAACC,0BAAD,EAAA;AACE,QAAA,SAAS,EAAC,kEADZ;QAEE,IAAI,EAAEC,+BAAgB,CAACC,WAAAA;OAH3B,CAAA,CAAA;AAMD,KAAA;;AACD,IAAA,IAAIhC,cAAc,KAAK2B,qDAA6B,CAACM,QAArD,EAA+D;AAC7D,MAAA,OAAO,CAAA7C,wBAAwB,KAAxB,IAAA,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACLyC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC,oEAAA;AAAf,OAAA,eACEA,wCAACC,0BAAD,EAAA;AACE,QAAA,QAAQ,EAAC,MADX;QAEE,IAAI,EAAEC,+BAAgB,CAACG,OAAAA;AAFzB,OAAA,CADF,CADF,CAAA;AAQD,KAAA;;AACD,IAAA,IAAIlC,cAAc,KAAK2B,qDAA6B,CAACQ,KAArD,EAA4D;AAC1D,MAAA,OAAO,CAAAhD,sBAAsB,KAAA,IAAtB,IAAAA,sBAAsB,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAAA,sBAAsB,EAAtB,kBACL0C,wCAACC,0BAAD,EAAA;AACE,QAAA,SAAS,EAAC,kEADZ;QAEE,IAAI,EAAEC,+BAAgB,CAACK,KAAAA;OAH3B,CAAA,CAAA;AAMD,KAAA;;AACD,IAAA,OAAO,IAAP,CAAA;GA3BqD,EA4BpD,CAACpC,cAAD,EAAiBd,sBAAjB,EAAyCE,wBAAzC,EAAmED,sBAAnE,CA5BoD,CAAvD,CAAA;AA6BA,EAAA,IAAMkD,mBAAmB,GAAGZ,aAAO,CAAC,YAAA;AAClC,IAAA,IAAIzB,cAAc,KAAK2B,qDAA6B,CAACW,IAArD,EAA2D;AACzD,MAAA,OAAOvC,WAAW,CAACwC,GAAZ,CAAgB,UAACC,OAAD,EAAQ;AAC7B,QAAA,IAAMC,UAAU,GAAG,CAAAD,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEE,GAAT,OAAiB5C,cAAc,SAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAE4C,GAAjC,CAAnB,CAAA;;AACA,QAAA,IAAMC,WAAW,GAAG,UAAClC,CAAD,EAAE;AACpBR,UAAAA,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAGuC,OAAH,EAAY/B,CAAZ,CAAjB,CAAA;AACAZ,UAAAA,MAAM,CAAC+C,IAAP,CAAY,uDAAZ,EAAqEJ,OAArE,CAAA,CAAA;AACApC,UAAAA,yBAAyB,CAAC;YACxByC,IAAI,EAAEC,kDAA0B,CAACC,wBADT;AAExBC,YAAAA,OAAO,EAAER,OAAAA;AAFe,WAAD,CAAzB,CAAA;SAHF,CAAA;;AAQA,QAAA,OAAOvD,oBAAoB,gBAEvB4C,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,UAAA,SAAS,EAAC,mDADZ;AAEE,UAAA,OAAO,EAAEc,WAAAA;AAFX,SAAA,EAIG1D,oBAAoB,CAAC;AAAEuD,UAAAA,OAAO,EAAAA,OAAT;AAAWC,UAAAA,UAAU,EAAAA,UAArB;AAAuBxC,UAAAA,iBAAiB,EAAAA,iBAAAA;AAAxC,SAAD,CAJvB,CAFuB,gBAUvB4B,yBAAA,CAAA,aAAA,CAACoB,6CAAD,EAAA;AACE,UAAA,SAAS,EAAC,mDADZ;AAEE,UAAA,OAAO,EAAET,OAFX;AAGE,UAAA,UAAU,EAAEC,UAHd;AAIE,UAAA,OAAO,EAAEE,WAAAA;SAdf,CAAA,CAAA;AAiBD,OA3BM,CAAP,CAAA;AA4BD,KAAA;;AACD,IAAA,OAAO,IAAP,CAAA;GA/BiC,EAgChC,CAAC5C,WAAD,EAAcA,WAAW,CAACmD,MAA1B,EAAkCpD,cAAlC,CAhCgC,CAAnC,CAAA;EAkCA,oBACE+B,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,+BAAA;GAEXtC,EAAAA,sBAAsB,iBACpBsC,yBAAA,CAAA,aAAA,CAAC,iBAAD,EAAA;AACE,IAAA,UAAU,EAAE,YAAM;MAAA,OAAArC,oBAAoB,CAAC,KAAD,CAApB,CAAA;KADpB;IAEE,eAAe,EAAE,UAAC2D,WAAD,EAAY;AAC3BlD,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,GAAiB,KAAA,CAAjB,GAAAA,iBAAiB,CAAGkD,WAAH,CAAjB,CAAA;AACA/C,MAAAA,yBAAyB,CAAC;QACxByC,IAAI,EAAEC,kDAA0B,CAACM,mBADT;AAExBJ,QAAAA,OAAO,EAAEG,WAAAA;AAFe,OAAD,CAAzB,CAAA;AAID,KAAA;GAXT,CAAA,EAgBI3B,cAAc,iBACZK,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,uCAAA;AAAf,GAAA,eACEA,wCAACwB,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,8CADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGpD,SAAS,CAACqD,wBALb,CADF,eAQE7B,wCAAC8B,aAAD,EAAA;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,OAAO,EAAE,YAAA;AAAM,MAAA,OAAAxD,sBAAsB,EAAtB,CAAA;AAAwB,KAAA;AALzC,GAAA,eAOE0B,wCAAC+B,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,OADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GAXX,CAAA,CARF,eAsBEnC,yBAAA,CAAA,aAAA,CAAC8B,aAAD,EAAA;AACE,IAAA,SAAS,EAAC,8DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,OAAO,EAAEpC,0BAAAA;AALX,GAAA,eAOEM,wCAAC+B,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACI,MADlB;IAEE,SAAS,EAAEF,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GAXX,CAAA,CAtBF,CAjBN,eAwDEnC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,6CADZ;AAEE,IAAA,GAAG,EAAEpC,SAFP;AAGE,IAAA,QAAQ,EAAEe,YAAAA;AAHZ,GAAA,EAKGkB,mBALH,EAMGW,mBANH,CAxDF,CADF,CAAA;AAmED;;;;"}
+{"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              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","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

@@ -3,12 +3,12 @@
 var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-e59510d3.js');
-require('../../tslib.es6-712ab026.js');
+var ui_Label = require('../../index-6c759d44.js');
+require('../../tslib.es6-ce6b9cf9.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-e0efb18c.js');
 require('prop-types');
-require('../../stringSet-9eadd9a2.js');
+require('../../stringSet-b531455a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannelList/context.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../topics-c4ffdf98.js');
+require('../topics-14e5ee9f.js');
 require('../useSendbirdStateContext.js');
-var OpenChannelList_context = require('../OpenChannelListProvider-df27c36c.js');
+var OpenChannelList_context = require('../OpenChannelListProvider-ee1df405.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-93d42928.js');
-require('../tslib.es6-712ab026.js');
+require('../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../tslib.es6-ce6b9cf9.js');
 
 
 

package/cjs/OpenChannelList.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelListUI = require('./OpenChannelList/components/OpenChannelListUI.js');
-var OpenChannelList_context = require('./OpenChannelListProvider-df27c36c.js');
+var OpenChannelList_context = require('./OpenChannelListProvider-ee1df405.js');
 require('./OpenChannelList/components/OpenChannelPreview.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-712ab026.js');
+require('./tslib.es6-ce6b9cf9.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-4fb21145.js');
-require('./index-e59510d3.js');
-require('./stringSet-9eadd9a2.js');
-require('./index-1ce4efa3.js');
-require('./LocalizationContext-0349dfbd.js');
-require('./index-491f2403.js');
+require('./uuid-e0efb18c.js');
+require('./index-6c759d44.js');
+require('./stringSet-b531455a.js');
+require('./index-8d7bc2cf.js');
+require('./LocalizationContext-2a1cb44b.js');
+require('./index-5ce5b5ef.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./CreateOpenChannel.js');
@@ -22,15 +22,16 @@ require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('./ui/Button.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-200b85a3.js');
+require('./index-f1ad3c0d.js');
+require('./MediaQueryContext-623586af.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-8da1967d.js');
+require('./color-fcbb3426.js');
 require('./CreateOpenChannel/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-93d42928.js');
-require('./topics-c4ffdf98.js');
+require('./_rollupPluginBabelHelpers-c8ddc77e.js');
+require('./topics-14e5ee9f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelList.js","sources":["../../src/smart-components/OpenChannelList/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport OpenChannelListUI, { OpenChannelListUIProps } from './components/OpenChannelListUI';\nimport { OpenChannelListProvider } from './context/OpenChannelListProvider';\nimport { OpenChannelListProviderProps }  from './context/OpenChannelListInterfaces';\n\nexport interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }\n\nfunction OpenChannelList({\n  // provider\n  className,\n  queries,\n  onChannelSelected,\n  // ui\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListProps): ReactElement {\n  return (\n    <OpenChannelListProvider\n      className={className}\n      queries={queries}\n      onChannelSelected={onChannelSelected}\n    >\n      <OpenChannelListUI\n        renderHeader={renderHeader}\n        renderChannelPreview={renderChannelPreview}\n        renderPlaceHolderEmpty={renderPlaceHolderEmpty}\n        renderPlaceHolderError={renderPlaceHolderError}\n        renderPlaceHolderLoading={renderPlaceHolderLoading}\n      />\n    </OpenChannelListProvider>\n  );\n}\n\nexport default OpenChannelList;\n"],"names":["OpenChannelList","_a","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAT,CAAyBC,EAAzB,EAWuB;;EATrBC,SAAS;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC,iBAAiB,GAAAH,EAAA,CAAAG;;EAEjBC,YAAY,GAAAJ,EAAA,CAAAI;MACZC,oBAAoB,GAAAL,EAAA,CAAAK;MACpBC,sBAAsB,GAAAN,EAAA,CAAAM;MACtBC,sBAAsB,GAAAP,EAAA,CAAAO;MACtBC,wBAAwB,GAAAR,EAAA,CAAAQ;AAExB,EAAA,oBACEC,wCAACC,+CAAD,EAAA;AACE,IAAA,SAAS,EAAET,SADb;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,iBAAiB,EAAEC,iBAAAA;AAHrB,GAAA,eAKEM,wCAACE,4CAAD,EAAA;AACE,IAAA,YAAY,EAAEP,YADhB;AAEE,IAAA,oBAAoB,EAAEC,oBAFxB;AAGE,IAAA,sBAAsB,EAAEC,sBAH1B;AAIE,IAAA,sBAAsB,EAAEC,sBAJ1B;AAKE,IAAA,wBAAwB,EAAEC,wBAAAA;AAL5B,GAAA,CALF,CADF,CAAA;AAeD;;;;"}
+{"version":3,"file":"OpenChannelList.js","sources":["../../src/smart-components/OpenChannelList/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport OpenChannelListUI, { OpenChannelListUIProps } from './components/OpenChannelListUI';\nimport { OpenChannelListProvider } from './context/OpenChannelListProvider';\nimport { OpenChannelListProviderProps }  from './context/OpenChannelListInterfaces';\n\nexport interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }\n\nfunction OpenChannelList({\n  // provider\n  className,\n  queries,\n  onChannelSelected,\n  // ui\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListProps): ReactElement {\n  return (\n    <OpenChannelListProvider\n      className={className}\n      queries={queries}\n      onChannelSelected={onChannelSelected}\n    >\n      <OpenChannelListUI\n        renderHeader={renderHeader}\n        renderChannelPreview={renderChannelPreview}\n        renderPlaceHolderEmpty={renderPlaceHolderEmpty}\n        renderPlaceHolderError={renderPlaceHolderError}\n        renderPlaceHolderLoading={renderPlaceHolderLoading}\n      />\n    </OpenChannelListProvider>\n  );\n}\n\nexport default OpenChannelList;\n"],"names":["OpenChannelList","_a","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAT,CAAyBC,EAAzB,EAWuB;;EATrBC,SAAS;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC,iBAAiB,GAAAH,EAAA,CAAAG;;EAEjBC,YAAY,GAAAJ,EAAA,CAAAI;MACZC,oBAAoB,GAAAL,EAAA,CAAAK;MACpBC,sBAAsB,GAAAN,EAAA,CAAAM;MACtBC,sBAAsB,GAAAP,EAAA,CAAAO;MACtBC,wBAAwB,GAAAR,EAAA,CAAAQ;AAExB,EAAA,oBACEC,wCAACC,+CAAD,EAAA;AACE,IAAA,SAAS,EAAET,SADb;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,iBAAiB,EAAEC,iBAAAA;AAHrB,GAAA,eAKEM,wCAACE,4CAAD,EAAA;AACE,IAAA,YAAY,EAAEP,YADhB;AAEE,IAAA,oBAAoB,EAAEC,oBAFxB;AAGE,IAAA,sBAAsB,EAAEC,sBAH1B;AAIE,IAAA,sBAAsB,EAAEC,sBAJ1B;AAKE,IAAA,wBAAwB,EAAEC,wBAAAA;AAL5B,GAAA,CALF,CADF,CAAA;AAeD;;;;"}

package/cjs/{OpenChannelListProvider-df27c36c.js → OpenChannelListProvider-ee1df405.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var topics = require('./topics-c4ffdf98.js');
+var topics = require('./topics-14e5ee9f.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var tslib_es6 = require('./tslib.es6-712ab026.js');
+var tslib_es6 = require('./tslib.es6-ce6b9cf9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -440,4 +440,4 @@ exports.OpenChannelListActionTypes = OpenChannelListActionTypes$1;
 exports.OpenChannelListProvider = OpenChannelListProvider;
 exports.OpenChannelListProvider$1 = OpenChannelListProvider$1;
 exports.useOpenChannelListContext = useOpenChannelListContext;
-//# sourceMappingURL=OpenChannelListProvider-df27c36c.js.map
+//# sourceMappingURL=OpenChannelListProvider-ee1df405.js.map