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

package/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","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;AAC9C,sBACEC,6BAAC,mBAAD;AACE,IAAA,UAAU,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,wBAAwB,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,wBAFnC;AAGE,IAAA,OAAO,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU;AAT5B,kBAWET,6BAAC,aAAD;AACE,IAAA,aAAa,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,aADxB;AAEE,IAAA,YAAY,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,YAFvB;AAGE,IAAA,WAAW,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,WAHtB;AAIE,IAAA,0BAA0B,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,0BAJrC;AAKE,IAAA,sBAAsB,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,sBALjC;AAME,IAAA,wBAAwB,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB;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","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;EAC9C,oBACEC,6BAAC,mBAAD;IACE,UAAU,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,UADrB;IAEE,wBAAwB,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,wBAFnC;IAGE,OAAO,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,OAHlB;IAIE,YAAY,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,YAJvB;IAKE,uBAAuB,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,uBALlC;IAME,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBANlC;IAOE,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBAPlC;IAQE,kBAAkB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,kBAR7B;IASE,iBAAiB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU;kBAE1BT,6BAAC,aAAD;IACE,aAAa,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,aADxB;IAEE,YAAY,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,YAFvB;IAGE,WAAW,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,WAHtB;IAIE,0BAA0B,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,0BAJrC;IAKE,sBAAsB,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,sBALjC;IAME,wBAAwB,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB;IAjBrC,CADF;AAsBD;;;;"}

package/OpenChannelList/components/OpenChannelListUI.js

@@ -0,0 +1,195 @@
+import React__default, { useState, useRef, useContext, useMemo } from 'react';
+import OpenChannelPreview from './OpenChannelPreview.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a98bd600.js';
+import IconButton from '../../ui/IconButton.js';
+import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-6b896cd8.js';
+import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../OpenChannelListProvider-845a2162.js';
+import CreateOpenChannel from '../../CreateOpenChannel.js';
+import { a as LocalizationContext } from '../../LocalizationContext-4cefc770.js';
+import '../../ui/Avatar.js';
+import '../../tslib.es6-cb5d77bf.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-180d497e.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
+import 'prop-types';
+import '../../ui/Loader.js';
+import '../../stringSet-dc330bcf.js';
+import '../../topics-c5198349.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+import '../../CreateOpenChannel/components/CreateOpenChannelUI.js';
+import '../../ui/Button.js';
+import '../../ui/Modal.js';
+import 'react-dom';
+import '../../index-3249f6b5.js';
+import '../../index-176e9ad4.js';
+import '../../ui/Input.js';
+import '../../ui/TextButton.js';
+import '../../color-402a36fd.js';
+import '../../CreateOpenChannel/context.js';
+
+function OpenChannelListUI(_a) {
+  var renderHeader = _a.renderHeader,
+      renderChannelPreview = _a.renderChannelPreview,
+      renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty,
+      renderPlaceHolderError = _a.renderPlaceHolderError,
+      renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+
+  var _b = useState(false),
+      showCreateChannelModal = _b[0],
+      setShowCreateChannel = _b[1];
+
+  var scrollRef = useRef(null);
+
+  var _c = 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 = useContext(LocalizationContext).stringSet;
+
+  var handleScroll = function handleScroll(e) {
+    var element = e.target;
+    var scrollTop = element.scrollTop,
+        clientHeight = element.clientHeight,
+        scrollHeight = element.scrollHeight;
+
+    var isAboutSame = function isAboutSame(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 handleOnClickCreateChannel() {
+    setShowCreateChannel(true);
+  };
+
+  var MemoizedHeader = useMemo(function () {
+    return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
+  }, [renderHeader]);
+  var MemoizedPlaceHolder = useMemo(function () {
+    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {
+      return (renderPlaceHolderEmpty === null || renderPlaceHolderEmpty === void 0 ? void 0 : renderPlaceHolderEmpty()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
+        className: "sendbird-open-channel-list-ui__channel-list--place-holder--empty",
+        type: PlaceHolderTypes.NO_CHANNELS
+      });
+    }
+
+    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {
+      return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default.createElement("div", {
+        className: "sendbird-open-channel-list-ui__channel-list--place-holder--loading"
+      }, /*#__PURE__*/React__default.createElement(PlaceHolder, {
+        iconSize: "24px",
+        type: PlaceHolderTypes.LOADING
+      }));
+    }
+
+    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {
+      return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
+        className: "sendbird-open-channel-list-ui__channel-list--place-holder--error",
+        type: PlaceHolderTypes.WRONG
+      });
+    }
+
+    return null;
+  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
+  var MemoizedAllChannels = useMemo(function () {
+    if (fetchingStatus === 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 handleClick(e) {
+          onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(channel, e);
+          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);
+          openChannelListDispatcher({
+            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,
+            payload: channel
+          });
+        };
+
+        return renderChannelPreview ? /*#__PURE__*/React__default.createElement("div", {
+          className: "sendbird-open-channel-list-ui__channel-list__item",
+          onClick: handleClick
+        }, renderChannelPreview({
+          channel: channel,
+          isSelected: isSelected,
+          onChannelSelected: onChannelSelected
+        })) : /*#__PURE__*/React__default.createElement(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.createElement("div", {
+    className: "sendbird-open-channel-list-ui"
+  }, showCreateChannelModal && /*#__PURE__*/React__default.createElement(CreateOpenChannel, {
+    closeModal: function closeModal() {
+      return setShowCreateChannel(false);
+    },
+    onCreateChannel: function onCreateChannel(openChannel) {
+      onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
+        payload: openChannel
+      });
+    }
+  }), MemoizedHeader || /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-list-ui__header"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-open-channel-list-ui__header__title",
+    type: LabelTypography.H_2,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.OPEN_CHANNEL_LIST__TITLE), /*#__PURE__*/React__default.createElement(IconButton, {
+    className: "sendbird-open-channel-list-ui__header__button-refresh",
+    width: "32px",
+    height: "32px",
+    type: "button",
+    onClick: function onClick() {
+      return refreshOpenChannelList();
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.REFRESH,
+    fillColor: IconColors.PRIMARY,
+    width: "22px",
+    height: "22px"
+  })), /*#__PURE__*/React__default.createElement(IconButton, {
+    className: "sendbird-open-channel-list-ui__header__button-create-channel",
+    width: "32px",
+    height: "32px",
+    type: "button",
+    onClick: handleOnClickCreateChannel
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.CREATE,
+    fillColor: IconColors.PRIMARY,
+    width: "22px",
+    height: "22px"
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-list-ui__channel-list",
+    ref: scrollRef,
+    onScroll: handleScroll
+  }, MemoizedPlaceHolder, MemoizedAllChannels));
+}
+
+export { OpenChannelListUI as default };
+//# sourceMappingURL=OpenChannelListUI.js.map

package/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","PlaceHolderTypes","NO_CHANNELS","FETCHING","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","type","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","length","openChannel","CREATE_OPEN_CHANNEL","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconTypes","REFRESH","IconColors","PRIMARY","CREATE"],"mappings":"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"}

package/OpenChannelList/components/OpenChannelPreview.js

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import Avatar from '../../ui/Avatar.js';
+import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-6b896cd8.js';
+import '../../tslib.es6-cb5d77bf.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-180d497e.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
+import 'prop-types';
+import '../../stringSet-dc330bcf.js';
+
+function OpenChannelPreview(_a) {
+  var className = _a.className,
+      isSelected = _a.isSelected,
+      channel = _a.channel,
+      onClick = _a.onClick;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-preview ".concat(isSelected ? 'selected' : '', " ").concat(className),
+    onClick: onClick
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-preview__cover-image"
+  }, /*#__PURE__*/React__default.createElement(Avatar, {
+    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 customDefaultComponent() {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "sendbird-open-channel-preview__cover-image__avatar--default"
+      }, /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.CHANNELS,
+        fillColor: IconColors.CONTENT,
+        width: "24px",
+        height: "24px"
+      }));
+    }
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-preview__context"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-preview__context__title"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-open-channel-preview__context__title__channel-name ".concat((channel === null || channel === void 0 ? void 0 : channel.isFrozen) ? 'frozen' : ''),
+    type: LabelTypography.SUBTITLE_2,
+    color: isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1
+  }, channel === null || channel === void 0 ? void 0 : channel.name), (channel === null || channel === void 0 ? void 0 : channel.isFrozen) ? /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-open-channel-preview__context__title__frozen",
+    type: IconTypes.FREEZE,
+    fillColor: IconColors.PRIMARY,
+    width: "16px",
+    height: "16px"
+  }) : ''), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-open-channel-preview__context__participants"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-open-channel-preview__context__participants__icon",
+    type: IconTypes.MEMBERS,
+    fillColor: IconColors.ON_BACKGROUND_2,
+    width: "14px",
+    height: "14px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-open-channel-preview__context__participants__count",
+    type: LabelTypography.CAPTION_3,
+    color: LabelColors.ONBACKGROUND_2
+  }, (channel === null || channel === void 0 ? void 0 : channel.participantCount) || '0'))));
+}
+
+export { OpenChannelPreview as default };
+//# sourceMappingURL=OpenChannelPreview.js.map

package/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","coverUrl","IconTypes","CHANNELS","IconColors","CONTENT","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;MACEC,SAAS;MACTC,UAAU;MACVC,OAAO;MACPC,OAAO;EAEP,oBACEC;IACE,SAAS,EAAE,uCAAA,CAAiCH,UAAU,GAAG,UAAH,GAAgB,EAA3D,KAAA,QAAA,CAAiED,SAAjE,CADb;IAEE,OAAO,EAAEG;kBAETC;IAAK,SAAS,EAAC;kBACbA,6BAAC,MAAD;IACE,SAAS,EAAC,oDADZ;IAEE,GAAG,EAAEF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEG,QAFhB;IAGE,GAAG,EAAC,aAHN;IAIE,KAAK,EAAC,MAJR;IAKE,MAAM,EAAC,MALT;IAME,sBAAsB,EAAE;MAAM,oBAC5BD;QAAK,SAAS,EAAC;sBACbA,6BAAC,IAAD;QACE,IAAI,EAAEE,SAAS,CAACC,QADlB;QAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;QAGE,KAAK,EAAC,MAHR;QAIE,MAAM,EAAC;QALX,CAD4B;;IAPlC,CAJF,eAuBEL;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;kBACbA,6BAAC,KAAD;IACE,SAAS,EAAE,qEAAA,CAA+D,CAAAF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEQ,QAAT,IAAoB,QAApB,GAA+B,EAA9F,CADb;IAEE,IAAI,EAAEC,eAAe,CAACC,UAFxB;IAGE,KAAK,EAAEX,UAAU,GAAGY,WAAW,CAACC,OAAf,GAAyBD,WAAW,CAACE;KAErDb,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEc,IALZ,CADF,EASI,CAAAd,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEQ,QAAT,iBAEIN,6BAAC,IAAD;IACE,SAAS,EAAC,uDADZ;IAEE,IAAI,EAAEE,SAAS,CAACW,MAFlB;IAGE,SAAS,EAAET,UAAU,CAACM,OAHxB;IAIE,KAAK,EAAC,MAJR;IAKE,MAAM,EAAC;IAPb,GASM,EAlBV,CADF,eAsBEV;IAAK,SAAS,EAAC;kBACbA,6BAAC,IAAD;IACE,SAAS,EAAC,4DADZ;IAEE,IAAI,EAAEE,SAAS,CAACY,OAFlB;IAGE,SAAS,EAAEV,UAAU,CAACW,eAHxB;IAIE,KAAK,EAAC,MAJR;IAKE,MAAM,EAAC;IANX,eAQEf,6BAAC,KAAD;IACE,SAAS,EAAC,6DADZ;IAEE,IAAI,EAAEO,eAAe,CAACS,SAFxB;IAGE,KAAK,EAAEP,WAAW,CAACQ;KAElB,CAAAnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB,gBAAT,KAA6B,GALhC,CARF,CAtBF,CAvBF,CADF;AAiED;;;;"}

package/OpenChannelList/context.js

@@ -0,0 +1,8 @@
+import 'react';
+import '../topics-c5198349.js';
+import '../useSendbirdStateContext.js';
+export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../OpenChannelListProvider-845a2162.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
+import '../tslib.es6-cb5d77bf.js';
+//# sourceMappingURL=context.js.map

package/OpenChannelList/context.js.map

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

package/OpenChannelList.js

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import OpenChannelListUI from './OpenChannelList/components/OpenChannelListUI.js';
+import { O as OpenChannelListProvider } from './OpenChannelListProvider-845a2162.js';
+import './OpenChannelList/components/OpenChannelPreview.js';
+import './ui/Avatar.js';
+import './tslib.es6-cb5d77bf.js';
+import './ui/ImageRenderer.js';
+import './ui/Icon.js';
+import './_rollupPluginBabelHelpers-4527872e.js';
+import 'prop-types';
+import './uuid-180d497e.js';
+import './index-6b896cd8.js';
+import './stringSet-dc330bcf.js';
+import './index-a98bd600.js';
+import './LocalizationContext-4cefc770.js';
+import './index-176e9ad4.js';
+import './ui/Loader.js';
+import './ui/IconButton.js';
+import './CreateOpenChannel.js';
+import './CreateOpenChannel/components/CreateOpenChannelUI.js';
+import './ui/Button.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-3249f6b5.js';
+import './ui/Input.js';
+import './ui/TextButton.js';
+import './color-402a36fd.js';
+import './CreateOpenChannel/context.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './topics-c5198349.js';
+
+function OpenChannelList(_a) {
+  var // provider
+  className = _a.className,
+      queries = _a.queries,
+      onChannelSelected = _a.onChannelSelected,
+      // ui
+  renderHeader = _a.renderHeader,
+      renderChannelPreview = _a.renderChannelPreview,
+      renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty,
+      renderPlaceHolderError = _a.renderPlaceHolderError,
+      renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+  return /*#__PURE__*/React__default.createElement(OpenChannelListProvider, {
+    className: className,
+    queries: queries,
+    onChannelSelected: onChannelSelected
+  }, /*#__PURE__*/React__default.createElement(OpenChannelListUI, {
+    renderHeader: renderHeader,
+    renderChannelPreview: renderChannelPreview,
+    renderPlaceHolderEmpty: renderPlaceHolderEmpty,
+    renderPlaceHolderError: renderPlaceHolderError,
+    renderPlaceHolderLoading: renderPlaceHolderLoading
+  }));
+}
+
+export { OpenChannelList as default };
+//# sourceMappingURL=OpenChannelList.js.map

package/OpenChannelList.js.map

@@ -0,0 +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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAT,CAAyBC,EAAzB;;EAEEC,SAAS;MACTC,OAAO;MACPC,iBAAiB;;EAEjBC,YAAY;MACZC,oBAAoB;MACpBC,sBAAsB;MACtBC,sBAAsB;MACtBC,wBAAwB;EAExB,oBACEC,6BAAC,uBAAD;IACE,SAAS,EAAER,SADb;IAEE,OAAO,EAAEC,OAFX;IAGE,iBAAiB,EAAEC;kBAEnBM,6BAAC,iBAAD;IACE,YAAY,EAAEL,YADhB;IAEE,oBAAoB,EAAEC,oBAFxB;IAGE,sBAAsB,EAAEC,sBAH1B;IAIE,sBAAsB,EAAEC,sBAJ1B;IAKE,wBAAwB,EAAEC;IAV9B,CADF;AAeD;;;;"}