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

package/ChannelSettings/components/ChannelProfile.js

@@ -1,28 +1,28 @@
 import React__default, { useContext, useState } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import TextButton from '../../ui/TextButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cc420cce.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
 import EditDetails from './EditDetailsModal.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../UserProfileContext-a2483e23.js';
 import 'prop-types';
-import '../../uuid-e8af582d.js';
+import '../../uuid-8a4db02f.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-ea4b7876.js';
+import '../../tslib.es6-72a2f141.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../utils-6195b8b0.js';
-import '../../color-c5e2ab33.js';
+import '../../utils-bc7d8f0c.js';
+import '../../color-83cfc07a.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-6bf196c4.js';
-import '../../index-fcc0e6dc.js';
+import '../../index-1086dd43.js';
+import '../../index-16e14c17.js';
 import '../../ui/IconButton.js';
 import '../../ui/Input.js';
 

package/ChannelSettings/components/ChannelSettingsUI.js

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-55ffa40a.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cc420cce.js';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-7a790c96.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelProfile from './ChannelProfile.js';
@@ -11,46 +11,46 @@ import AdminPannel from './ModerationPanel.js';
 import LeaveChannel from './LeaveChannel.js';
 import UserPanel from './UserPanel.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../UserProfileContext-a2483e23.js';
 import 'prop-types';
-import '../../uuid-e8af582d.js';
-import '../../tslib.es6-ea4b7876.js';
+import '../../uuid-8a4db02f.js';
+import '../../tslib.es6-72a2f141.js';
 import '../../ui/Loader.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-6195b8b0.js';
+import '../../utils-bc7d8f0c.js';
 import '../../ui/TextButton.js';
-import '../../color-c5e2ab33.js';
+import '../../color-83cfc07a.js';
 import './EditDetailsModal.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-6bf196c4.js';
-import '../../index-fcc0e6dc.js';
+import '../../index-1086dd43.js';
+import '../../index-16e14c17.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-57c4ac55.js';
-import '../../utils-0cadb616.js';
+import '../../context-2f6f1c17.js';
+import '../../utils-2c4d166e.js';
 import '../../ui/Badge.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-7e7eecb5.js';
+import '../../index-24a5ab49.js';
 import './UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-84946297.js';
+import '../../topics-851d221c.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
-import '../../groupChannel-333bdda8.js';
-import '../../__bundle-6316ce22-a7fd8d16.js';
-import '../../__bundle-fbda47dd-0157c82e.js';
-import '../../__bundle-7dfccc8c-85123da0.js';
-import '../../MemberList-464926f8.js';
+import '../../groupChannel-de6b26ee.js';
+import '../../__bundle-6316ce22-63d15802.js';
+import '../../__bundle-fbda47dd-b1c87af3.js';
+import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../MemberList-004dd3e6.js';
 
 var ChannelSettingsUI = function ChannelSettingsUI(props) {
   var _a, _b;

package/ChannelSettings/components/EditDetailsModal.js

@@ -1,29 +1,29 @@
 import React__default, { useRef, useState, useContext } from 'react';
 import { useChannelSettingsContext } from '../context.js';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
-import { T as Type } from '../../index-fcc0e6dc.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cc420cce.js';
+import { T as Type } from '../../index-16e14c17.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { u as uuidv4 } from '../../uuid-e8af582d.js';
-import '../../UserProfileContext-70f3b69e.js';
+import { u as uuidv4 } from '../../uuid-8a4db02f.js';
+import '../../UserProfileContext-a2483e23.js';
 import 'prop-types';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import 'react-dom';
-import '../../index-6bf196c4.js';
+import '../../index-1086dd43.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-ea4b7876.js';
+import '../../tslib.es6-72a2f141.js';
 import '../../ui/ImageRenderer.js';
-import '../../color-c5e2ab33.js';
-import '../../utils-6195b8b0.js';
+import '../../color-83cfc07a.js';
+import '../../utils-bc7d8f0c.js';
 
 var EditDetails = function EditDetails(props) {
   var _a, _b, _c;

package/ChannelSettings/components/LeaveChannel.js

@@ -1,21 +1,21 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
-import { n as noop } from '../../utils-0cadb616.js';
+import { n as noop } from '../../utils-2c4d166e.js';
 import Modal from '../../ui/Modal.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../UserProfileContext-a2483e23.js';
 import 'prop-types';
-import '../../uuid-e8af582d.js';
+import '../../uuid-8a4db02f.js';
 import 'react-dom';
-import '../../index-6bf196c4.js';
-import '../../LocalizationContext-397e33d0.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
-import '../../index-fcc0e6dc.js';
-import '../../tslib.es6-ea4b7876.js';
-import '../../index-cc420cce.js';
+import '../../index-1086dd43.js';
+import '../../LocalizationContext-5b475a64.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
+import '../../index-16e14c17.js';
+import '../../tslib.es6-72a2f141.js';
+import '../../index-e028fd23.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
 

package/ChannelSettings/components/ModerationPanel.js

@@ -1,44 +1,44 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-cc420cce.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-e028fd23.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-fcc0e6dc.js';
+import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-16e14c17.js';
 import IconButton from '../../ui/IconButton.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import UserListItem$1 from './UserListItem.js';
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-ea4b7876.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-72a2f141.js';
 import Modal from '../../ui/Modal.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { A as At } from '../../groupChannel-333bdda8.js';
-import { M as MemberList } from '../../MemberList-464926f8.js';
-import { n as noop } from '../../utils-0cadb616.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import { A as At } from '../../groupChannel-de6b26ee.js';
+import { M as MemberList } from '../../MemberList-004dd3e6.js';
+import { n as noop } from '../../utils-2c4d166e.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-57c4ac55.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
+import '../../context-2f6f1c17.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-e8af582d.js';
-import '../../index-7e7eecb5.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../uuid-8a4db02f.js';
+import '../../index-24a5ab49.js';
+import '../../UserProfileContext-a2483e23.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-84946297.js';
-import '../../index-6bf196c4.js';
+import '../../topics-851d221c.js';
+import '../../index-1086dd43.js';
 import '../../ui/Checkbox.js';
-import '../../__bundle-6316ce22-a7fd8d16.js';
-import '../../__bundle-fbda47dd-0157c82e.js';
-import '../../__bundle-7dfccc8c-85123da0.js';
+import '../../__bundle-6316ce22-63d15802.js';
+import '../../__bundle-fbda47dd-b1c87af3.js';
+import '../../__bundle-7dfccc8c-d5c3938c.js';
 
 function OperatorsModal(_a) {
   var _b;

package/ChannelSettings/components/UserListItem.js

@@ -1,27 +1,27 @@
-import { a as __spreadArray } from '../../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../../tslib.es6-72a2f141.js';
 import React__default, { useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
-import { a as UserProfileContext } from '../../UserProfileContext-70f3b69e.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { a as UserProfileContext } from '../../UserProfileContext-a2483e23.js';
 import Avatar from '../../ui/Avatar.js';
 import MutedAvatarOverlay from '../../ui/MutedAvatarOverlay.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cc420cce.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
 import ConnectedUserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import 'prop-types';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
-import '../../uuid-e8af582d.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../uuid-8a4db02f.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-84946297.js';
-import '../../utils-0cadb616.js';
-import '../../index-fcc0e6dc.js';
+import '../../topics-851d221c.js';
+import '../../utils-2c4d166e.js';
+import '../../index-16e14c17.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-7e7eecb5.js';
+import '../../index-24a5ab49.js';
 
 var COMPONENT_NAME = 'sendbird-user-list-item--small';
 
@@ -43,7 +43,7 @@ var UserListItem = function UserListItem(_a) {
   return /*#__PURE__*/React__default.createElement("div", {
     ref: parentRef,
     className: __spreadArray([COMPONENT_NAME], injectingClassNames, true).join(' ')
-  }, user.isMuted && /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, null), /*#__PURE__*/React__default.createElement(ContextMenu, {
+  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
     menuTrigger: function menuTrigger(toggleDropdown) {
       return /*#__PURE__*/React__default.createElement(Avatar, {
         onClick: function onClick() {
@@ -80,7 +80,7 @@ var UserListItem = function UserListItem(_a) {
         onSuccess: closeDropdown
       }));
     }
-  }), /*#__PURE__*/React__default.createElement(Label, {
+  }), user.isMuted && /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, null), /*#__PURE__*/React__default.createElement(Label, {
     className: "".concat(COMPONENT_NAME, "__title"),
     type: LabelTypography.SUBTITLE_1,
     color: LabelColors.ONBACKGROUND_1

package/ChannelSettings/components/UserListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.js","sources":["../../../src/smart-components/ChannelSettings/components/UserListItem/index.tsx"],"sourcesContent":["import React, { ReactElement, useRef, useContext } from 'react';\nimport { User } from '@sendbird/chat';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Avatar from '../../../../ui/Avatar/index';\nimport MutedAvatarOverlay from '../../../../ui/Avatar/MutedAvatarOverlay';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\n\nimport './user-list-item.scss';\n\nconst COMPONENT_NAME = 'sendbird-user-list-item--small';\n\ninterface ActionProps {\n  actionRef: React.RefObject<HTMLInputElement>;\n  parentRef: React.RefObject<HTMLInputElement>;\n}\n\ntype CustomUser = User & {\n  isMuted: boolean;\n  role: string;\n};\n\ninterface Props {\n  user: CustomUser;\n  currentUser?: string;\n  className?: string;\n  action?(props: ActionProps): ReactElement;\n}\n\nconst UserListItem = ({\n  user,\n  className,\n  currentUser,\n  action,\n}: Props): ReactElement => {\n  const actionRef = useRef(null);\n  const parentRef = useRef(null);\n  const avatarRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const injectingClassNames = Array.isArray(className) ? className : [className];\n  return (\n    <div\n      ref={parentRef}\n      className={[\n        COMPONENT_NAME, ...injectingClassNames,\n      ].join(' ')}\n    >\n      {\n        user.isMuted && (\n          <MutedAvatarOverlay />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n            ref={avatarRef}\n            className={`${COMPONENT_NAME}__avatar`}\n            src={user.profileUrl}\n            width={24}\n            height={24}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: 0, paddingBottom: 0 }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className={`${COMPONENT_NAME}__title`}\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            stringSet.CHANNEL_SETTING__MEMBERS__YOU\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className={`${COMPONENT_NAME}__subtitle`}\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        user.role === 'operator' && (\n          <Label\n            className={`${COMPONENT_NAME}__operator`}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR}\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div ref={actionRef} className={`${COMPONENT_NAME}__action`}>\n            { action({ actionRef, parentRef }) }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default UserListItem;\n"],"names":["COMPONENT_NAME","UserListItem","_a","user","className","currentUser","action","actionRef","useRef","parentRef","avatarRef","stringSet","useContext","LocalizationContext","_b","UserProfileContext","disableUserProfile","renderUserProfile","injectingClassNames","Array","isArray","React","__spreadArray","join","isMuted","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","currentUserId","close","UserProfile","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","userId","CHANNEL_SETTING__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","role","SUBTITLE_2","CHANNEL_SETTING__MEMBERS__OPERATOR"],"mappings":"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"}
+{"version":3,"file":"UserListItem.js","sources":["../../../src/smart-components/ChannelSettings/components/UserListItem/index.tsx"],"sourcesContent":["import React, { ReactElement, useRef, useContext } from 'react';\nimport { User } from '@sendbird/chat';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Avatar from '../../../../ui/Avatar/index';\nimport MutedAvatarOverlay from '../../../../ui/Avatar/MutedAvatarOverlay';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\n\nimport './user-list-item.scss';\n\nconst COMPONENT_NAME = 'sendbird-user-list-item--small';\n\ninterface ActionProps {\n  actionRef: React.RefObject<HTMLInputElement>;\n  parentRef: React.RefObject<HTMLInputElement>;\n}\n\ntype CustomUser = User & {\n  isMuted: boolean;\n  role: string;\n};\n\ninterface Props {\n  user: CustomUser;\n  currentUser?: string;\n  className?: string;\n  action?(props: ActionProps): ReactElement;\n}\n\nconst UserListItem = ({\n  user,\n  className,\n  currentUser,\n  action,\n}: Props): ReactElement => {\n  const actionRef = useRef(null);\n  const parentRef = useRef(null);\n  const avatarRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const injectingClassNames = Array.isArray(className) ? className : [className];\n  return (\n    <div\n      ref={parentRef}\n      className={[\n        COMPONENT_NAME, ...injectingClassNames,\n      ].join(' ')}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n            ref={avatarRef}\n            className={`${COMPONENT_NAME}__avatar`}\n            src={user.profileUrl}\n            width={24}\n            height={24}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: 0, paddingBottom: 0 }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      {\n        user.isMuted && (\n          <MutedAvatarOverlay />\n        )\n      }\n      <Label\n        className={`${COMPONENT_NAME}__title`}\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            stringSet.CHANNEL_SETTING__MEMBERS__YOU\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className={`${COMPONENT_NAME}__subtitle`}\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        user.role === 'operator' && (\n          <Label\n            className={`${COMPONENT_NAME}__operator`}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR}\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div ref={actionRef} className={`${COMPONENT_NAME}__action`}>\n            {action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default UserListItem;\n"],"names":["COMPONENT_NAME","UserListItem","_a","user","className","currentUser","action","actionRef","useRef","parentRef","avatarRef","stringSet","useContext","LocalizationContext","_b","UserProfileContext","disableUserProfile","renderUserProfile","injectingClassNames","Array","isArray","React","__spreadArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","currentUserId","close","UserProfile","isMuted","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","userId","CHANNEL_SETTING__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","role","SUBTITLE_2","CHANNEL_SETTING__MEMBERS__OPERATOR"],"mappings":"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"}

package/ChannelSettings/components/UserPanel.js

@@ -1,34 +1,34 @@
 import React__default, { useContext, useState } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cc420cce.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { M as MemberList } from '../../MemberList-464926f8.js';
+import { M as MemberList } from '../../MemberList-004dd3e6.js';
 import { useChannelSettingsContext } from '../context.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../../tslib.es6-ea4b7876.js';
-import '../../index-fcc0e6dc.js';
+import '../../tslib.es6-72a2f141.js';
+import '../../index-16e14c17.js';
 import '../../ui/IconButton.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-e8af582d.js';
-import '../../index-7e7eecb5.js';
+import '../../uuid-8a4db02f.js';
+import '../../index-24a5ab49.js';
 import './UserListItem.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../UserProfileContext-a2483e23.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-84946297.js';
-import '../../utils-0cadb616.js';
+import '../../topics-851d221c.js';
+import '../../utils-2c4d166e.js';
 import '../../ui/Modal.js';
-import '../../index-6bf196c4.js';
+import '../../index-1086dd43.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
 import '../../useSendbirdStateContext.js';

package/ChannelSettings/context.js

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-70f3b69e.js';
-import { u as uuidv4 } from '../uuid-e8af582d.js';
+import { U as UserProfileProvider } from '../UserProfileContext-a2483e23.js';
+import { u as uuidv4 } from '../uuid-8a4db02f.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 
 var ChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);

package/ChannelSettings.js

@@ -3,53 +3,53 @@ import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-67f295c6.js';
-import './index-55ffa40a.js';
-import './tslib.es6-ea4b7876.js';
-import './LocalizationContext-397e33d0.js';
-import './stringSet-232e2ec0.js';
-import './index-cd8f3035.js';
+import './_rollupPluginBabelHelpers-b2b008c2.js';
+import './index-7a790c96.js';
+import './tslib.es6-72a2f141.js';
+import './LocalizationContext-5b475a64.js';
+import './stringSet-c4a61372.js';
+import './index-25496c01.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './index-cc420cce.js';
+import './index-e028fd23.js';
 import './ui/Loader.js';
 import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-e8af582d.js';
-import './utils-6195b8b0.js';
+import './uuid-8a4db02f.js';
+import './utils-bc7d8f0c.js';
 import './ui/TextButton.js';
-import './color-c5e2ab33.js';
+import './color-83cfc07a.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-6bf196c4.js';
-import './index-fcc0e6dc.js';
+import './index-1086dd43.js';
+import './index-16e14c17.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-57c4ac55.js';
-import './utils-0cadb616.js';
+import './context-2f6f1c17.js';
+import './utils-2c4d166e.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-7e7eecb5.js';
+import './index-24a5ab49.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-70f3b69e.js';
+import './UserProfileContext-a2483e23.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-84946297.js';
+import './topics-851d221c.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './groupChannel-333bdda8.js';
-import './__bundle-6316ce22-a7fd8d16.js';
-import './__bundle-fbda47dd-0157c82e.js';
-import './__bundle-7dfccc8c-85123da0.js';
-import './MemberList-464926f8.js';
+import './groupChannel-de6b26ee.js';
+import './__bundle-6316ce22-63d15802.js';
+import './__bundle-fbda47dd-b1c87af3.js';
+import './__bundle-7dfccc8c-d5c3938c.js';
+import './MemberList-004dd3e6.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 

package/CreateChannel/components/CreateChannelUI.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-9a497a91.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-f84fd7e5.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-84946297.js';
-import '../../utils-0cadb616.js';
+import '../../topics-851d221c.js';
+import '../../utils-2c4d166e.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
-import '../../tslib.es6-ea4b7876.js';
-import '../../LocalizationContext-397e33d0.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../tslib.es6-72a2f141.js';
+import '../../LocalizationContext-5b475a64.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-6bf196c4.js';
-import '../../index-fcc0e6dc.js';
-import '../../index-cc420cce.js';
+import '../../index-1086dd43.js';
+import '../../index-16e14c17.js';
+import '../../index-e028fd23.js';
 import 'prop-types';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../UserProfileContext-a2483e23.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-e8af582d.js';
+import '../../uuid-8a4db02f.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-7e7eecb5.js';
+import '../../index-24a5ab49.js';
 
 var CreateChannel = function CreateChannel(props) {
   var _onCancel = props.onCancel,

package/CreateChannel/components/InviteUsers.js

@@ -1,34 +1,34 @@
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-ea4b7876.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-72a2f141.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-397e33d0.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-9a497a91.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-f84fd7e5.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-cc420cce.js';
-import { a as ButtonTypes } from '../../index-fcc0e6dc.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-e028fd23.js';
+import { a as ButtonTypes } from '../../index-16e14c17.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-232e2ec0.js';
-import '../../index-cd8f3035.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-25496c01.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-84946297.js';
-import '../../utils-0cadb616.js';
+import '../../topics-851d221c.js';
+import '../../utils-2c4d166e.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-67f295c6.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'react-dom';
-import '../../index-6bf196c4.js';
+import '../../index-1086dd43.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../UserProfileContext-70f3b69e.js';
+import '../../UserProfileContext-a2483e23.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-e8af582d.js';
+import '../../uuid-8a4db02f.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-7e7eecb5.js';
+import '../../index-24a5ab49.js';
 
 var filterUser = function filterUser(idsToFilter) {
   return function (currentId) {