@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/ChannelList/components/AddChannel.js

@@ -7,60 +7,58 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../ChannelListProvider-b0a363e0.js');
-require('../../tslib.es6-8f4b0cfe.js');
+var ChannelList_context = require('../../ChannelListProvider-61d644da.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('prop-types');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-f82d812f.js');
+require('../../CreateChannelProvider-88b316a6.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c8adbede.js');
-require('../../utils-1038446c.js');
+require('../../topics-825e5d42.js');
+require('../../utils-d5176360.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../LocalizationContext-498cb747.js');
-require('../../stringSet-061fe0c1.js');
-require('../../index-8b6bb1ee.js');
+require('../../LocalizationContext-af96cf5f.js');
+require('../../stringSet-68748705.js');
+require('../../index-83d1d15e.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-67f813a3.js');
+require('../../index-68c57136.js');
 require('../../ui/Button.js');
-require('../../index-b8a20afd.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
+require('../../index-73643285.js');
+require('../../MediaQueryContext-8ec3f647.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-617420c9.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-2ac1f908.js');
+require('../../index-f2146bae.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');
 require('@sendbird/chat/groupChannel');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var AddChannel = function () {
-  var _a;
-  var _b = React.useState(false),
-    showModal = _b[0],
-    setShowModal = _b[1];
-  var state = useSendbirdStateContext();
-  var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
-  var disabled = !isOnline;
-  var _c = ChannelList_context.useChannelListContext(),
-    overrideInviteUser = _c.overrideInviteUser,
-    onBeforeCreateChannel = _c.onBeforeCreateChannel;
+const AddChannel = () => {
+  var _state$config;
+  const [showModal, setShowModal] = React.useState(false);
+  const state = useSendbirdStateContext();
+  const isOnline = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.isOnline;
+  const disabled = !isOnline;
+  const {
+    overrideInviteUser,
+    onBeforeCreateChannel
+  } = ChannelList_context.useChannelListContext();
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
     height: "32px",
     width: "32px",
-    onClick: function () {
+    onClick: () => {
       setShowModal(true);
     },
     disabled: disabled
@@ -70,11 +68,11 @@ var AddChannel = function () {
     width: "24px",
     height: "24px"
   })), showModal && /*#__PURE__*/React__default["default"].createElement(CreateChannel, {
-    onCancel: function () {
+    onCancel: () => {
       setShowModal(false);
     },
     overrideInviteUser: overrideInviteUser,
-    onCreateChannel: function () {
+    onCreateChannel: () => {
       setShowModal(false);
     },
     onBeforeCreateChannel: onBeforeCreateChannel

package/cjs/ChannelList/components/AddChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../../src/smart-components/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const {\n    overrideInviteUser,\n    onBeforeCreateChannel,\n  } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n            onBeforeCreateChannel={onBeforeCreateChannel}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_b","useState","showModal","setShowModal","state","useSendbirdStateContext","isOnline","_a","config","disabled","_c","useChannelListContext","overrideInviteUser","onBeforeCreateChannel","React","createElement","Fragment","IconButton","height","width","onClick","Icon","type","IconTypes","CREATE","fillColor","IconColors","PRIMARY","CreateChannel","onCancel","onCreateChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASaA,IAAAA,UAAU,GAAgC,YAAA;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAC,KAAK,CAAC;AAA1CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EACjD,IAAMI,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,IAAMC,QAAQ,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAM,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,QAAQ,CAAA;EACxC,IAAMG,QAAQ,GAAG,CAACH,QAAQ,CAAA;EACpB,IAAAI,EAAA,GAGFC,yCAAqB,EAAE;IAFzBC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;IAClBC,qBAAqB,GAAAH,EAAA,CAAAG,qBACI,CAAA;AAE3B,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAACE,aAAU,EAAA;AACTC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;IACZC,OAAO,EAAE,YAAA;MACPjB,YAAY,CAAC,IAAI,CAAC,CAAA;KAClB;AACFM,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBK,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAA,CACA,EACEhB,SAAS,iBACPY,yBAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;IACZC,QAAQ,EAAE,YAAA;MACR1B,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFS,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCkB,eAAe,EAAE,YAAA;MACf3B,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFU,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,CAEhD,CAEF,CAAA;AAEP;;;;;"}
+{"version":3,"file":"AddChannel.js","sources":["../../../../src/modules/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const {\n    overrideInviteUser,\n    onBeforeCreateChannel,\n  } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n            onBeforeCreateChannel={onBeforeCreateChannel}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_state$config","showModal","setShowModal","useState","state","useSendbirdStateContext","isOnline","config","disabled","overrideInviteUser","onBeforeCreateChannel","useChannelListContext","React","createElement","Fragment","IconButton","height","width","onClick","Icon","type","IconTypes","CREATE","fillColor","IconColors","PRIMARY","CreateChannel","onCancel","onCreateChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,UAAuC,GAAGA,MAAM;AAAA,EAAA,IAAAC,aAAA,CAAA;EAC3D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AACjD,EAAA,MAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,QAAQ,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAJ,aAAA,GAALI,KAAK,CAAEG,MAAM,MAAAP,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeM,QAAQ,CAAA;EACxC,MAAME,QAAQ,GAAG,CAACF,QAAQ,CAAA;EAC1B,MAAM;IACJG,kBAAkB;AAClBC,IAAAA,qBAAAA;GACD,GAAGC,yCAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAACE,aAAU,EAAA;AACTC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,MAAM;MACbhB,YAAY,CAAC,IAAI,CAAC,CAAA;KAClB;AACFM,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBI,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACR,CACS,CAAC,EAEXf,SAAS,iBACPW,yBAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;IACZC,QAAQ,EAAEA,MAAM;MACdzB,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFO,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCmB,eAAe,EAAEA,MAAM;MACrB1B,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFQ,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAC9C,CAGL,CAAC,CAAA;AAEP;;;;;"}

package/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,49 +1,58 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../index-b8a20afd.js');
+var ui_Label = require('../../index-73643285.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-require('../../stringSet-061fe0c1.js');
-require('../../index-8b6bb1ee.js');
+require('../../stringSet-68748705.js');
+require('../../index-83d1d15e.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-8f4b0cfe.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('prop-types');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ChannelListHeader = function (_a) {
-  var renderHeader = _a.renderHeader,
-    renderTitle = _a.renderTitle,
-    renderIconButton = _a.renderIconButton,
-    onEdit = _a.onEdit,
-    allowProfileEdit = _a.allowProfileEdit;
-  var _b = useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext(),
-    stores = _b.stores,
-    config = _b.config;
-  var user = (stores === null || stores === void 0 ? void 0 : stores.userStore).user;
-  var logger = config.logger;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+const ChannelListHeader = _ref => {
+  let {
+    renderHeader,
+    renderTitle,
+    renderIconButton,
+    onEdit,
+    allowProfileEdit
+  } = _ref;
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext();
+  const {
+    user
+  } = stores === null || stores === void 0 ? void 0 : stores.userStore;
+  const {
+    logger
+  } = config;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
   if (renderHeader) {
     logger === null || logger === void 0 ? void 0 : logger.warning('Recomend to use "renderTitle" instead of "renderHeader". It will be deprecated.');
   }
   // renderTitle should have higher priority
-  var titleRenderer = renderHeader || renderTitle;
+  const titleRenderer = renderHeader || renderTitle;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: ['sendbird-channel-header', allowProfileEdit ? 'sendbird-channel-header--allow-edit' : ''].join(' ')
   }, (titleRenderer === null || titleRenderer === void 0 ? void 0 : titleRenderer()) || /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-header__title",
     role: "button",
-    onClick: function () {
+    onClick: () => {
       onEdit === null || onEdit === void 0 ? void 0 : onEdit();
     },
-    onKeyDown: function () {
+    onKeyDown: () => {
       onEdit === null || onEdit === void 0 ? void 0 : onEdit();
     },
     tabIndex: 0

package/cjs/ChannelList/components/ChannelListHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListHeader.js","sources":["../../../../src/smart-components/ChannelList/components/ChannelListHeader/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport './index.scss';\nimport Avatar from '../../../../ui/Avatar';\n\ninterface ChannelListHeaderInterface {\n  renderHeader?: (props: void) => React.ReactElement;\n  renderTitle?: () => React.ReactElement;\n  renderIconButton?: (props: void) => React.ReactElement;\n  onEdit?: (props: void) => void;\n  allowProfileEdit?: boolean;\n}\n\nconst ChannelListHeader: React.FC<ChannelListHeaderInterface> = ({\n  renderHeader,\n  renderTitle,\n  renderIconButton,\n  onEdit,\n  allowProfileEdit,\n}: ChannelListHeaderInterface) => {\n  const { stores, config } = useSendbirdStateContext?.();\n  const { user } = stores?.userStore;\n  const { logger } = config;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  if (renderHeader) {\n    logger?.warning('Recomend to use \"renderTitle\" instead of \"renderHeader\". It will be deprecated.');\n  }\n  // renderTitle should have higher priority\n  const titleRenderer = renderHeader || renderTitle;\n\n  return (\n    <div\n      className={[\n        'sendbird-channel-header',\n        allowProfileEdit ? 'sendbird-channel-header--allow-edit' : '',\n      ].join(' ')}\n    >\n      {\n        titleRenderer?.() || (\n          <div\n            className=\"sendbird-channel-header__title\"\n            role=\"button\"\n            onClick={() => { onEdit?.() }}\n            onKeyDown={() => { onEdit?.() }}\n            tabIndex={0}\n          >\n            <div className=\"sendbird-channel-header__title__left\">\n              <Avatar\n                width=\"32px\"\n                height=\"32px\"\n                src={user.profileUrl}\n                alt={user.nickname}\n              />\n            </div>\n            <div className=\"sendbird-channel-header__title__right\">\n              <Label\n                className=\"sendbird-channel-header__title__right__name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {user.nickname || stringSet.NO_NAME}\n              </Label>\n              <Label\n                className=\"sendbird-channel-header__title__right__user-id\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {user.userId}\n              </Label>\n            </div>\n          </div>\n        )\n      }\n      <div className=\"sendbird-channel-header__right-icon\">\n        {renderIconButton?.()}\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelListHeader;\n"],"names":["ChannelListHeader","_a","renderHeader","renderTitle","renderIconButton","onEdit","allowProfileEdit","_b","useSendbirdStateContext","stores","config","user","userStore","logger","stringSet","useContext","LocalizationContext","warning","titleRenderer","React","createElement","className","join","role","onClick","onKeyDown","tabIndex","Avatar","width","height","src","profileUrl","alt","nickname","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_2","userId"],"mappings":"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"}
+{"version":3,"file":"ChannelListHeader.js","sources":["../../../../src/modules/ChannelList/components/ChannelListHeader/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport './index.scss';\nimport Avatar from '../../../../ui/Avatar';\n\ninterface ChannelListHeaderInterface {\n  renderHeader?: (props: void) => React.ReactElement;\n  renderTitle?: () => React.ReactElement;\n  renderIconButton?: (props: void) => React.ReactElement;\n  onEdit?: (props: void) => void;\n  allowProfileEdit?: boolean;\n}\n\nconst ChannelListHeader: React.FC<ChannelListHeaderInterface> = ({\n  renderHeader,\n  renderTitle,\n  renderIconButton,\n  onEdit,\n  allowProfileEdit,\n}: ChannelListHeaderInterface) => {\n  const { stores, config } = useSendbirdStateContext?.();\n  const { user } = stores?.userStore;\n  const { logger } = config;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  if (renderHeader) {\n    logger?.warning('Recomend to use \"renderTitle\" instead of \"renderHeader\". It will be deprecated.');\n  }\n  // renderTitle should have higher priority\n  const titleRenderer = renderHeader || renderTitle;\n\n  return (\n    <div\n      className={[\n        'sendbird-channel-header',\n        allowProfileEdit ? 'sendbird-channel-header--allow-edit' : '',\n      ].join(' ')}\n    >\n      {\n        titleRenderer?.() || (\n          <div\n            className=\"sendbird-channel-header__title\"\n            role=\"button\"\n            onClick={() => { onEdit?.() }}\n            onKeyDown={() => { onEdit?.() }}\n            tabIndex={0}\n          >\n            <div className=\"sendbird-channel-header__title__left\">\n              <Avatar\n                width=\"32px\"\n                height=\"32px\"\n                src={user.profileUrl}\n                alt={user.nickname}\n              />\n            </div>\n            <div className=\"sendbird-channel-header__title__right\">\n              <Label\n                className=\"sendbird-channel-header__title__right__name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {user.nickname || stringSet.NO_NAME}\n              </Label>\n              <Label\n                className=\"sendbird-channel-header__title__right__user-id\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {user.userId}\n              </Label>\n            </div>\n          </div>\n        )\n      }\n      <div className=\"sendbird-channel-header__right-icon\">\n        {renderIconButton?.()}\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelListHeader;\n"],"names":["ChannelListHeader","_ref","renderHeader","renderTitle","renderIconButton","onEdit","allowProfileEdit","stores","config","useSendbirdStateContext","user","userStore","logger","stringSet","useContext","LocalizationContext","warning","titleRenderer","React","createElement","className","join","role","onClick","onKeyDown","tabIndex","Avatar","width","height","src","profileUrl","alt","nickname","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_2","userId"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelListUI.js

@@ -5,69 +5,68 @@ var ChannelList_components_ChannelListHeader = require('./ChannelListHeader.js')
 var ChannelList_components_AddChannel = require('./AddChannel.js');
 var ChannelList_components_ChannelPreview = require('./ChannelPreview.js');
 var ChannelList_components_ChannelPreviewAction = require('./ChannelPreviewAction.js');
-var ChannelList_context = require('../../ChannelListProvider-b0a363e0.js');
+var ChannelList_context = require('../../ChannelListProvider-61d644da.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../index-983f9d7a.js');
-require('../../LocalizationContext-498cb747.js');
-require('../../stringSet-061fe0c1.js');
-require('../../index-8b6bb1ee.js');
-require('../../index-b8a20afd.js');
+var ui_PlaceHolder = require('../../index-ff8ea47f.js');
+require('../../LocalizationContext-af96cf5f.js');
+require('../../stringSet-68748705.js');
+require('../../index-83d1d15e.js');
+require('../../index-73643285.js');
 require('prop-types');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-8f4b0cfe.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('../../ui/IconButton.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-f82d812f.js');
+require('../../CreateChannelProvider-88b316a6.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c8adbede.js');
-require('../../utils-1038446c.js');
+require('../../topics-825e5d42.js');
+require('../../utils-d5176360.js');
 require('../../CreateChannel/components/InviteUsers.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-67f813a3.js');
+require('../../index-68c57136.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
+require('../../MediaQueryContext-8ec3f647.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-617420c9.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-2ac1f908.js');
+require('../../index-f2146bae.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
 require('../../ui/ChannelAvatar.js');
-require('../../utils-6a97ff3a.js');
+require('../../utils-7f75ad97.js');
 require('../../ui/Badge.js');
-require('../../index-0dff9958.js');
-require('../../index-71173fef.js');
+require('../../index-900dd19f.js');
+require('../../index-f65677b1.js');
 require('../../ui/Loader.js');
-require('../../index-a4887600.js');
-require('../../index-ac1b0ab9.js');
+require('../../index-6cb4a530.js');
+require('../../index-4ee95667.js');
 require('../../ui/MentionUserLabel.js');
-require('../../consts-3764bd68.js');
+require('../../consts-6ec77e9a.js');
 require('../../ui/TextButton.js');
-require('../../color-7f7508e6.js');
+require('../../color-afeb8dc2.js');
 require('../../Channel/components/TypingIndicator.js');
 require('@sendbird/chat/groupChannel');
-require('../../ChannelProvider-cf5867c2.js');
-require('../../compareIds-27f7912f.js');
-require('../../const-e22c9d25.js');
+require('../../ChannelProvider-620bb354.js');
+require('../../compareIds-18b3b1d6.js');
+require('../../const-6691e574.js');
 require('@sendbird/chat/message');
 require('../../ui/ReactionButton.js');
-require('../../consts-8605e767.js');
-require('../../useLongPress-f3ee01a0.js');
+require('../../consts-a5382bc1.js');
+require('../../useLongPress-d9deb354.js');
 require('../../withSendbird.js');
-require('../../index-8b5a13fe.js');
+require('../../index-a50b2339.js');
 require('../../ui/Input.js');
-require('../../actionTypes-0e0d2d59.js');
+require('../../actionTypes-f2efbb7c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -75,87 +74,85 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
 
-var DELIVERY_RECIPT = 'delivery_receipt';
-var ChannelListUI = function (props) {
-  var _a;
-  var renderHeader = props.renderHeader,
-    renderChannelPreview = props.renderChannelPreview,
-    renderPlaceHolderError = props.renderPlaceHolderError,
-    renderPlaceHolderLoading = props.renderPlaceHolderLoading,
-    renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList;
-  var _b = React.useState(false),
-    showProfileEdit = _b[0],
-    setShowProfileEdit = _b[1];
-  var _c = ChannelList_context.useChannelListContext(),
-    onThemeChange = _c.onThemeChange,
-    allowProfileEdit = _c.allowProfileEdit,
-    allChannels = _c.allChannels,
-    loading = _c.loading,
-    currentChannel = _c.currentChannel,
-    channelListDispatcher = _c.channelListDispatcher,
-    channelSource = _c.channelSource,
-    typingChannels = _c.typingChannels,
-    initialized = _c.initialized;
-  var state = useSendbirdStateContext();
-  var sdkStore = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore;
-  var config = state === null || state === void 0 ? void 0 : state.config;
-  var logger = config.logger,
-    _d = config.isOnline,
-    isOnline = _d === void 0 ? false : _d,
-    markAsReadScheduler = config.markAsReadScheduler;
-  var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
-  var sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
+const DELIVERY_RECIPT = 'delivery_receipt';
+const ChannelListUI = props => {
+  var _state$stores;
+  const {
+    renderHeader,
+    renderChannelPreview,
+    renderPlaceHolderError,
+    renderPlaceHolderLoading,
+    renderPlaceHolderEmptyList
+  } = props;
+  const [showProfileEdit, setShowProfileEdit] = React.useState(false);
+  const {
+    onThemeChange,
+    allowProfileEdit,
+    allChannels,
+    loading,
+    currentChannel,
+    channelListDispatcher,
+    channelSource,
+    typingChannels,
+    initialized
+  } = ChannelList_context.useChannelListContext();
+  const state = useSendbirdStateContext();
+  const sdkStore = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : _state$stores.sdkStore;
+  const config = state === null || state === void 0 ? void 0 : state.config;
+  const {
+    logger,
+    isOnline = false,
+    markAsReadScheduler
+  } = config;
+  const sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
+  const sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-list__header"
   }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelListHeader, {
-    onEdit: function () {
+    onEdit: () => {
       if (allowProfileEdit) {
         setShowProfileEdit(true);
       }
     },
     allowProfileEdit: allowProfileEdit,
-    renderIconButton: function () {
-      return /*#__PURE__*/React__default["default"].createElement(ChannelList_components_AddChannel.AddChannel, null);
-    }
+    renderIconButton: () => /*#__PURE__*/React__default["default"].createElement(ChannelList_components_AddChannel.AddChannel, null)
   })), showProfileEdit && /*#__PURE__*/React__default["default"].createElement(EditUserProfile, {
     onThemeChange: onThemeChange,
-    onCancel: function () {
+    onCancel: () => {
       setShowProfileEdit(false);
     },
-    onEditProfile: function () {
+    onEditProfile: () => {
       setShowProfileEdit(false);
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-list__body",
-    onScroll: function (e) {
-      var target = e === null || e === void 0 ? void 0 : e.target;
-      var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);
-      if (fetchMore && (channelSource === null || channelSource === void 0 ? void 0 : channelSource.hasNext)) {
+    onScroll: e => {
+      const target = e === null || e === void 0 ? void 0 : e.target;
+      const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);
+      if (fetchMore && channelSource !== null && channelSource !== void 0 && channelSource.hasNext) {
         logger.info('ChannelList: Fetching more channels');
         channelListDispatcher({
           type: ChannelList_context.FETCH_CHANNELS_START,
           payload: null
         });
-        channelSource.next().then(function (channelList) {
-          var _a, _b;
+        channelSource.next().then(channelList => {
+          var _sdk$appInfo, _sdk$appInfo$premiumF;
           logger.info('ChannelList: Fetching channels successful', channelList);
           channelListDispatcher({
             type: ChannelList_context.FETCH_CHANNELS_SUCCESS,
             payload: channelList
           });
-          var canSetMarkAsDelivered = (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.premiumFeatureList) === null || _b === void 0 ? void 0 : _b.find(function (feature) {
-            return feature === DELIVERY_RECIPT;
-          });
+          const canSetMarkAsDelivered = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : (_sdk$appInfo$premiumF = _sdk$appInfo.premiumFeatureList) === null || _sdk$appInfo$premiumF === void 0 ? void 0 : _sdk$appInfo$premiumF.find(feature => feature === DELIVERY_RECIPT);
           if (canSetMarkAsDelivered) {
             logger.info('ChannelList: Marking all channels as read');
             // eslint-disable-next-line no-unused-expressions
-            channelList === null || channelList === void 0 ? void 0 : channelList.forEach(function (channel) {
+            channelList === null || channelList === void 0 ? void 0 : channelList.forEach(channel => {
               if ((channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) > 0) {
                 markAsReadScheduler.push(channel);
               }
             });
           }
-        }).catch(function (err) {
+        }).catch(err => {
           logger.info('ChannelList: Fetching channels failed', err);
           channelListDispatcher({
             type: ChannelList_context.FETCH_CHANNELS_FAILURE,
@@ -166,11 +163,11 @@ var ChannelListUI = function (props) {
     }
   }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
     type: ui_PlaceHolder.PlaceHolderTypes.WRONG
-  })), /*#__PURE__*/React__default["default"].createElement("div", null, allChannels && allChannels.map(function (channel, idx) {
+  })), /*#__PURE__*/React__default["default"].createElement("div", null, allChannels && allChannels.map((channel, idx) => {
     // todo: Refactor and move this inside channel - preview
-    var onLeaveChannel = function (c, cb) {
+    const onLeaveChannel = (c, cb) => {
       logger.info('ChannelList: Leaving channel', c);
-      c.leave().then(function (res) {
+      c.leave().then(res => {
         logger.info('ChannelList: Leaving channel success', res);
         if (cb && typeof cb === 'function') {
           cb(res, null);
@@ -179,14 +176,14 @@ var ChannelListUI = function (props) {
           type: ChannelList_context.LEAVE_CHANNEL_SUCCESS,
           payload: channel === null || channel === void 0 ? void 0 : channel.url
         });
-      }).catch(function (err) {
+      }).catch(err => {
         logger.error('ChannelList: Leaving channel failed', err);
         if (cb && typeof cb === 'function') {
           cb(null, err);
         }
       });
     };
-    var onClick = function () {
+    const onClick = () => {
       if (!isOnline) {
         return;
       }
@@ -203,30 +200,26 @@ var ChannelListUI = function (props) {
       key: channel === null || channel === void 0 ? void 0 : channel.url,
       onClick: onClick
     }, renderChannelPreview({
-      channel: channel,
-      onLeaveChannel: onLeaveChannel
+      channel,
+      onLeaveChannel
     })) : /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelPreview, {
       key: channel === null || channel === void 0 ? void 0 : channel.url,
       tabIndex: idx,
       onClick: onClick,
       channel: channel,
-      onLeaveChannel: function () {
-        return onLeaveChannel(channel, null);
-      },
+      onLeaveChannel: () => onLeaveChannel(channel, null),
       isActive: (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url),
-      isTyping: typingChannels === null || typingChannels === void 0 ? void 0 : typingChannels.some(function (_a) {
-        var url = _a.url;
+      isTyping: typingChannels === null || typingChannels === void 0 ? void 0 : typingChannels.some(_ref => {
+        let {
+          url
+        } = _ref;
         return url === (channel === null || channel === void 0 ? void 0 : channel.url);
       }),
-      renderChannelAction: function () {
-        return /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelPreviewAction, {
-          channel: channel,
-          disabled: !isOnline,
-          onLeaveChannel: function () {
-            return onLeaveChannel(channel, null);
-          }
-        });
-      }
+      renderChannelAction: () => /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelPreviewAction, {
+        channel: channel,
+        disabled: !isOnline,
+        onLeaveChannel: () => onLeaveChannel(channel, null)
+      })
     });
   })), !initialized && loading && (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function' ? renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
     type: ui_PlaceHolder.PlaceHolderTypes.LOADING