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

package/ChannelList/components/ChannelPreviewAction.js

@@ -1,38 +1,37 @@
-import { a as _slicedToArray } from '../../_rollupPluginBabelHelpers-4527872e.js';
 import React__default, { useRef, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-4cefc770.js';
+import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { n as noop } from '../../utils-629876b9.js';
+import { n as noop } from '../../utils-32938255.js';
 import Modal from '../../ui/Modal.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-6e3b8f43.js';
-import '../../stringSet-dc330bcf.js';
-import '../../index-176e9ad4.js';
-import '../../tslib.es6-cb5d77bf.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-368bd7f1.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-940576d8.js';
+import '../../tslib.es6-4faaa58d.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-180d497e.js';
-import '../../index-f59cf800.js';
-import '../../index-6b896cd8.js';
+import '../../uuid-4521c466.js';
+import '../../index-46beca69.js';
+import '../../index-7b043ab9.js';
 import '../../withSendbird.js';
-import '../../index-3249f6b5.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
+import '../../index-5e788130.js';
 import '../../ui/Button.js';
-import '../../groupChannel-e2a071e1.js';
-import '../../__bundle-bd072f34-95f6bf17.js';
-import '../../topics-c5198349.js';
-import '../../UserProfileContext-2e53d03a.js';
+import '../../groupChannel-3301a732.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
+import '../../topics-24c0f724.js';
+import '../../UserProfileContext-beacab28.js';
 
-var LeaveChannel = function LeaveChannel(props) {
+var LeaveChannel = function (props) {
   var _a, _b, _c;
 
   var _d = props.onSubmit,
-      _onSubmit = _d === void 0 ? noop : _d,
+      onSubmit = _d === void 0 ? noop : _d,
       _e = props.onCancel,
       onCancel = _e === void 0 ? noop : _e;
-
   var channel = (_a = useChannelListContext()) === null || _a === void 0 ? void 0 : _a.currentChannel;
   var state = useSendbirdStateContext();
   var stringSet = useLocalization().stringSet;
@@ -43,12 +42,11 @@ var LeaveChannel = function LeaveChannel(props) {
     return /*#__PURE__*/React__default.createElement(Modal, {
       disabled: !isOnline,
       onCancel: onCancel,
-      onSubmit: function onSubmit() {
+      onSubmit: function () {
         logger.info('ChannelSettings: Leaving channel', channel);
         channel === null || channel === void 0 ? void 0 : channel.leave().then(function () {
           logger.info('ChannelSettings: Leaving channel successful!', channel);
-
-          _onSubmit();
+          onSubmit();
         });
       },
       submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER,
@@ -58,70 +56,61 @@ var LeaveChannel = function LeaveChannel(props) {
 };
 
 function ChannelPreviewAction(_ref) {
-  var disabled = _ref.disabled,
-      onLeaveChannel = _ref.onLeaveChannel;
-  var parentRef = useRef(null);
-  var parentContainerRef = useRef(null);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showModal = _useState2[0],
-      setShowModal = _useState2[1];
-
-  var _useContext = useContext(LocalizationContext),
-      stringSet = _useContext.stringSet;
-
+  let {
+    disabled,
+    onLeaveChannel
+  } = _ref;
+  const parentRef = useRef(null);
+  const parentContainerRef = useRef(null);
+  const [showModal, setShowModal] = useState(false);
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
   return /*#__PURE__*/React__default.createElement("div", {
     role: "button",
     style: {
       display: 'inline-block'
     },
-    onKeyDown: function onKeyDown(e) {
+    onKeyDown: e => {
       e.stopPropagation();
     },
     tabIndex: 0,
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
     },
     ref: parentContainerRef
   }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function menuTrigger(toggleDropdown) {
-      return /*#__PURE__*/React__default.createElement(IconButton, {
-        ref: parentRef,
-        onClick: toggleDropdown,
-        height: "32px",
-        width: "32px"
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        type: IconTypes.MORE,
-        fillColor: IconColors.PRIMARY,
-        width: "24px",
-        height: "24px"
-      }));
-    },
-    menuItems: function menuItems(closeDropdown) {
-      return /*#__PURE__*/React__default.createElement(MenuItems, {
-        parentRef: parentRef,
-        parentContainRef: parentContainerRef,
-        closeDropdown: closeDropdown
-      }, /*#__PURE__*/React__default.createElement(MenuItem, {
-        onClick: function onClick() {
-          if (disabled) {
-            return;
-          }
-
-          setShowModal(true);
-          closeDropdown();
+    menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(IconButton, {
+      ref: parentRef,
+      onClick: toggleDropdown,
+      height: "32px",
+      width: "32px"
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      type: IconTypes.MORE,
+      fillColor: IconColors.PRIMARY,
+      width: "24px",
+      height: "24px"
+    })),
+    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
+      parentRef: parentRef,
+      parentContainRef: parentContainerRef,
+      closeDropdown: closeDropdown
+    }, /*#__PURE__*/React__default.createElement(MenuItem, {
+      onClick: () => {
+        if (disabled) {
+          return;
         }
-      }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE));
-    }
+
+        setShowModal(true);
+        closeDropdown();
+      }
+    }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))
   }), showModal && /*#__PURE__*/React__default.createElement(LeaveChannel, {
-    onSubmit: function onSubmit() {
+    onSubmit: () => {
       setShowModal(false);
       onLeaveChannel();
     },
-    onCancel: function onCancel() {
-      return setShowModal(false);
-    }
+    onCancel: () => setShowModal(false)
   }));
 }
 ChannelPreviewAction.propTypes = {

package/ChannelList/components/ChannelPreviewAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreviewAction.js","sources":["../../../src/smart-components/ChannelList/components/LeaveChannel/index.tsx","../../../src/smart-components/ChannelList/components/ChannelPreviewAction.jsx"],"sourcesContent":["import React from 'react';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type LeaveChannelProps = {\n  onSubmit: () => void;\n  onCancel: () => void;\n}\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const channel = useChannelListContext()?.currentChannel;\n  const state = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  if (channel) {\n    return (\n      <Modal\n        disabled={!isOnline}\n        onCancel={onCancel}\n        onSubmit={() => {\n          logger.info('ChannelSettings: Leaving channel', channel);\n          channel?.leave()\n            .then(() => {\n              logger.info('ChannelSettings: Leaving channel successful!', channel);\n              onSubmit();\n            });\n        }}\n        submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n        titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n      />\n    );\n  }\n};\n\nexport default LeaveChannel;\n","import React, {\n  useState,\n  useRef,\n  useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../ui/ContextMenu';\nimport IconButton from '../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\nimport LeaveChannelModal from './LeaveChannel';\n\nexport default function ChannelPreviewAction({ disabled, onLeaveChannel }) {\n  const parentRef = useRef(null);\n  const parentContainerRef = useRef(null);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      role=\"button\"\n      style={{ display: 'inline-block' }}\n      onKeyDown={(e) => { e.stopPropagation(); }}\n      tabIndex={0}\n      onClick={(e) => { e.stopPropagation(); }}\n      ref={parentContainerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <IconButton\n            ref={parentRef}\n            onClick={toggleDropdown}\n            height=\"32px\"\n            width=\"32px\"\n          >\n            <Icon\n              type={IconTypes.MORE}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={parentRef}\n            parentContainRef={parentContainerRef}\n            closeDropdown={closeDropdown}\n          >\n            <MenuItem\n              onClick={() => {\n                if (disabled) { return; }\n                setShowModal(true);\n                closeDropdown();\n              }}\n            >\n              {stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE}\n            </MenuItem>\n          </MenuItems>\n        )}\n      />\n      {\n        showModal && (\n          <LeaveChannelModal\n            onSubmit={() => {\n              setShowModal(false);\n              onLeaveChannel();\n            }}\n            onCancel={() => setShowModal(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nChannelPreviewAction.propTypes = {\n  disabled: PropTypes.bool,\n  onLeaveChannel: PropTypes.func.isRequired,\n};\n\nChannelPreviewAction.defaultProps = {\n  disabled: false,\n};\n"],"names":["LeaveChannel","props","_d","onSubmit","noop","_e","onCancel","channel","useChannelListContext","currentChannel","state","useSendbirdStateContext","stringSet","useLocalization","logger","config","isOnline","React","info","leave","then","MODAL__LEAVE_CHANNEL__FOOTER","MODAL__LEAVE_CHANNEL__TITLE","ChannelPreviewAction","disabled","onLeaveChannel","parentRef","useRef","parentContainerRef","useState","showModal","setShowModal","useContext","LocalizationContext","display","e","stopPropagation","toggleDropdown","IconTypes","MORE","IconColors","PRIMARY","closeDropdown","CHANNEL_SETTING__LEAVE_CHANNEL__TITLE","LeaveChannelModal","propTypes","PropTypes","bool","func","isRequired","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ChannelPreviewAction.js","sources":["../../../src/smart-components/ChannelList/components/LeaveChannel/index.tsx","../../../src/smart-components/ChannelList/components/ChannelPreviewAction.jsx"],"sourcesContent":["import React from 'react';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type LeaveChannelProps = {\n  onSubmit: () => void;\n  onCancel: () => void;\n}\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const channel = useChannelListContext()?.currentChannel;\n  const state = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  if (channel) {\n    return (\n      <Modal\n        disabled={!isOnline}\n        onCancel={onCancel}\n        onSubmit={() => {\n          logger.info('ChannelSettings: Leaving channel', channel);\n          channel?.leave()\n            .then(() => {\n              logger.info('ChannelSettings: Leaving channel successful!', channel);\n              onSubmit();\n            });\n        }}\n        submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n        titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n      />\n    );\n  }\n};\n\nexport default LeaveChannel;\n","import React, {\n  useState,\n  useRef,\n  useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../ui/ContextMenu';\nimport IconButton from '../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\nimport LeaveChannelModal from './LeaveChannel';\n\nexport default function ChannelPreviewAction({ disabled, onLeaveChannel }) {\n  const parentRef = useRef(null);\n  const parentContainerRef = useRef(null);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      role=\"button\"\n      style={{ display: 'inline-block' }}\n      onKeyDown={(e) => { e.stopPropagation(); }}\n      tabIndex={0}\n      onClick={(e) => { e.stopPropagation(); }}\n      ref={parentContainerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <IconButton\n            ref={parentRef}\n            onClick={toggleDropdown}\n            height=\"32px\"\n            width=\"32px\"\n          >\n            <Icon\n              type={IconTypes.MORE}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={parentRef}\n            parentContainRef={parentContainerRef}\n            closeDropdown={closeDropdown}\n          >\n            <MenuItem\n              onClick={() => {\n                if (disabled) { return; }\n                setShowModal(true);\n                closeDropdown();\n              }}\n            >\n              {stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE}\n            </MenuItem>\n          </MenuItems>\n        )}\n      />\n      {\n        showModal && (\n          <LeaveChannelModal\n            onSubmit={() => {\n              setShowModal(false);\n              onLeaveChannel();\n            }}\n            onCancel={() => setShowModal(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nChannelPreviewAction.propTypes = {\n  disabled: PropTypes.bool,\n  onLeaveChannel: PropTypes.func.isRequired,\n};\n\nChannelPreviewAction.defaultProps = {\n  disabled: false,\n};\n"],"names":["LeaveChannel","props","_d","onSubmit","noop","_e","onCancel","channel","_a","useChannelListContext","currentChannel","state","useSendbirdStateContext","stringSet","useLocalization","logger","_b","config","isOnline","_c","React","info","leave","then","MODAL__LEAVE_CHANNEL__FOOTER","MODAL__LEAVE_CHANNEL__TITLE","ChannelPreviewAction","disabled","onLeaveChannel","parentRef","useRef","parentContainerRef","showModal","setShowModal","useState","useContext","LocalizationContext","display","e","stopPropagation","toggleDropdown","IconTypes","MORE","IconColors","PRIMARY","closeDropdown","CHANNEL_SETTING__LEAVE_CHANNEL__TITLE","LeaveChannelModal","propTypes","PropTypes","bool","func","isRequired","defaultProps"],"mappings":"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"}

package/ChannelList/context.js

@@ -1,15 +1,15 @@
-import '../tslib.es6-cb5d77bf.js';
+import '../tslib.es6-4faaa58d.js';
 import 'react';
-import '../groupChannel-e2a071e1.js';
-export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-6e3b8f43.js';
-import '../uuid-180d497e.js';
-import '../utils-629876b9.js';
-import '../UserProfileContext-2e53d03a.js';
+import '../groupChannel-3301a732.js';
+export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-368bd7f1.js';
+import '../uuid-4521c466.js';
+import '../utils-32938255.js';
+import '../UserProfileContext-beacab28.js';
 import '../useSendbirdStateContext.js';
-import '../__bundle-bd072f34-95f6bf17.js';
-import '../topics-c5198349.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
-import '../index-f59cf800.js';
+import '../__bundle-c41dd401-d4ab6c10.js';
+import '../topics-24c0f724.js';
+import '../_rollupPluginBabelHelpers-22c28a74.js';
+import '../index-46beca69.js';
 import 'prop-types';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/ChannelList.js

@@ -1,23 +1,23 @@
 import React__default from 'react';
-import { C as ChannelListProvider } from './ChannelListProvider-6e3b8f43.js';
+import { C as ChannelListProvider } from './ChannelListProvider-368bd7f1.js';
 import ChannelListUI from './ChannelList/components/ChannelListUI.js';
-import './tslib.es6-cb5d77bf.js';
-import './groupChannel-e2a071e1.js';
-import './__bundle-bd072f34-95f6bf17.js';
-import './topics-c5198349.js';
-import './uuid-180d497e.js';
-import './utils-629876b9.js';
-import './UserProfileContext-2e53d03a.js';
+import './tslib.es6-4faaa58d.js';
+import './groupChannel-3301a732.js';
+import './__bundle-c41dd401-d4ab6c10.js';
+import './topics-24c0f724.js';
+import './uuid-4521c466.js';
+import './utils-32938255.js';
+import './UserProfileContext-beacab28.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-4527872e.js';
-import './index-f59cf800.js';
+import './_rollupPluginBabelHelpers-22c28a74.js';
+import './index-46beca69.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './LocalizationContext-4cefc770.js';
-import './stringSet-dc330bcf.js';
-import './index-176e9ad4.js';
-import './index-6b896cd8.js';
+import './LocalizationContext-10829cf3.js';
+import './stringSet-804c49f3.js';
+import './index-940576d8.js';
+import './index-7b043ab9.js';
 import './ui/IconButton.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
@@ -25,12 +25,12 @@ import './ui/Icon.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-712526fd.js';
+import './CreateChannelProvider-9c2113ca.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-3249f6b5.js';
+import './index-5e788130.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -41,29 +41,29 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-8fb72715.js';
+import './utils-47a3394f.js';
 import './ui/Badge.js';
-import './index-3699f160.js';
-import './index-598898d3.js';
-import './index-7fa0a721.js';
+import './index-00b281a3.js';
+import './index-8bd6c997.js';
+import './index-3ddec9e9.js';
 import './ui/MentionUserLabel.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-b8c6427f.js';
-import './compareIds-31e2f55c.js';
-import './const-6b428cb8.js';
+import './ChannelProvider-59559ed8.js';
+import './compareIds-332d261c.js';
+import './const-78e336dd.js';
 import './ui/ReactionButton.js';
 import './ui/MessageStatus.js';
 import './ui/Loader.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-b79c5b07.js';
+import './index-e5aab3b4.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-402a36fd.js';
-import './actionTypes-517789b8.js';
-import './index-a98bd600.js';
+import './color-fff21001.js';
+import './actionTypes-fd0f0a6c.js';
+import './index-ed8e5d48.js';
 
-var ChannelList = function ChannelList(props) {
+var ChannelList = function (props) {
   return /*#__PURE__*/React__default.createElement(ChannelListProvider, {
     className: props === null || props === void 0 ? void 0 : props.className,
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,

package/ChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelList.js","sources":["../src/smart-components/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n}\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;EAC9C,oBACEC,6BAAC,mBAAD;IACE,SAAS,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,SADpB;IAEE,kBAAkB,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,kBAF7B;IAGE,gBAAgB,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,gBAH3B;IAIE,qBAAqB,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,qBAJhC;IAKE,aAAa,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,aALxB;IAME,oBAAoB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,oBAN/B;IAOE,eAAe,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,eAP1B;IAQE,eAAe,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,eAR1B;IASE,OAAO,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,OATlB;IAUE,iBAAiB,EAAEV,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,iBAV5B;IAWE,wBAAwB,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,wBAXnC;IAYE,6BAA6B,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa;kBAEtCZ,6BAAC,aAAD;IACE,oBAAoB,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,oBAD/B;IAEE,iBAAiB,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,iBAF5B;IAGE,YAAY,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,YAHvB;IAIE,0BAA0B,EAAEhB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEiB,0BAJrC;IAKE,sBAAsB,EAAEjB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEkB,sBALjC;IAME,wBAAwB,EAAElB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEmB;IApBrC,CADF;AAyBD;;;;"}
+{"version":3,"file":"ChannelList.js","sources":["../src/smart-components/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n}\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;AACtE,EAAA,oBACEC,6BAAC,mBAAD,EAAA;AACE,IAAA,SAAS,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEE,SADpB;AAEE,IAAA,kBAAkB,EAAEF,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,kBAF7B;AAGE,IAAA,gBAAgB,EAAEH,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,gBAH3B;AAIE,IAAA,qBAAqB,EAAEJ,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,qBAJhC;AAKE,IAAA,aAAa,EAAEL,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEM,aALxB;AAME,IAAA,oBAAoB,EAAEN,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,oBAN/B;AAOE,IAAA,eAAe,EAAEP,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,eAP1B;AAQE,IAAA,eAAe,EAAER,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAES,eAR1B;AASE,IAAA,OAAO,EAAET,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEU,OATlB;AAUE,IAAA,iBAAiB,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEW,iBAV5B;AAWE,IAAA,wBAAwB,EAAEX,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEY,wBAXnC;AAYE,IAAA,6BAA6B,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEa,6BAAAA;AAZxC,GAAA,eAcEZ,6BAAC,aAAD,EAAA;AACE,IAAA,oBAAoB,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,oBAD/B;AAEE,IAAA,iBAAiB,EAAEd,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,iBAF5B;AAGE,IAAA,YAAY,EAAEf,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,YAHvB;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,CAdF,CADF,CAAA;AAyBD;;;;"}