@sendbird/uikit-react 3.1.2 → 3.1.3

package/cjs/ChannelSettings/components/ChannelProfile.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ChannelSettings_context = require('../context.js');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ui_Label = require('../../index-089e0fba.js');
+var ui_Label = require('../../index-dad73aff.js');
 var ChannelSettings_components_EditDetailsModal = require('./EditDetailsModal.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('prop-types');
-require('../../uuid-49679ac2.js');
+require('../../uuid-1942f440.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-ba69891c.js');
+require('../../tslib.es6-f57d0c81.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../utils-c39eb349.js');
-require('../../color-42e34a43.js');
+require('../../utils-438c14b6.js');
+require('../../color-f0ffb253.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-32562627.js');
-require('../../index-05692021.js');
+require('../../index-98e4f7b2.js');
+require('../../index-d889bc81.js');
 require('../../ui/IconButton.js');
 require('../../ui/Input.js');
 

package/cjs/ChannelSettings/components/ChannelSettingsUI.js

@@ -3,9 +3,9 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ChannelSettings_context = require('../context.js');
-var ui_PlaceHolder = require('../../index-b440f8c6.js');
-var ui_Label = require('../../index-089e0fba.js');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
+var ui_PlaceHolder = require('../../index-2d53c0e6.js');
+var ui_Label = require('../../index-dad73aff.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ChannelSettings_components_ChannelProfile = require('./ChannelProfile.js');
@@ -13,46 +13,46 @@ var ChannelSettings_components_ModerationPanel = require('./ModerationPanel.js')
 var ChannelSettings_components_LeaveChannel = require('./LeaveChannel.js');
 var ChannelSettings_components_UserPanel = require('./UserPanel.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('prop-types');
-require('../../uuid-49679ac2.js');
-require('../../tslib.es6-ba69891c.js');
+require('../../uuid-1942f440.js');
+require('../../tslib.es6-f57d0c81.js');
 require('../../ui/Loader.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-c39eb349.js');
+require('../../utils-438c14b6.js');
 require('../../ui/TextButton.js');
-require('../../color-42e34a43.js');
+require('../../color-f0ffb253.js');
 require('./EditDetailsModal.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-32562627.js');
-require('../../index-05692021.js');
+require('../../index-98e4f7b2.js');
+require('../../index-d889bc81.js');
 require('../../ui/Input.js');
 require('../../ui/Accordion.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-82ac7edc.js');
-require('../../utils-bf57a41a.js');
+require('../../context-01248097.js');
+require('../../utils-760ac018.js');
 require('../../ui/Badge.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-06c3dca9.js');
+require('../../index-c8f7702f.js');
 require('./UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
+require('../../topics-f3fe3bf3.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
-require('../../groupChannel-11ed3837.js');
-require('../../__bundle-6316ce22-c06e03fc.js');
-require('../../__bundle-fbda47dd-1a2c2d97.js');
-require('../../__bundle-7dfccc8c-dcc1c854.js');
-require('../../MemberList-442ade8c.js');
+require('../../groupChannel-4934c435.js');
+require('../../__bundle-6316ce22-054c7ff6.js');
+require('../../__bundle-fbda47dd-4cb7267d.js');
+require('../../__bundle-7dfccc8c-826eb0ef.js');
+require('../../MemberList-e062045b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelSettings/components/EditDetailsModal.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 var ChannelSettings_context = require('../context.js');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Input = require('../../ui/Input.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Button = require('../../index-05692021.js');
-var ui_Label = require('../../index-089e0fba.js');
+var ui_Button = require('../../index-d889bc81.js');
+var ui_Label = require('../../index-dad73aff.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var uuid = require('../../uuid-49679ac2.js');
-require('../../UserProfileContext-891590a7.js');
+var uuid = require('../../uuid-1942f440.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('prop-types');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('react-dom');
-require('../../index-32562627.js');
+require('../../index-98e4f7b2.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-ba69891c.js');
+require('../../tslib.es6-f57d0c81.js');
 require('../../ui/ImageRenderer.js');
-require('../../color-42e34a43.js');
-require('../../utils-c39eb349.js');
+require('../../color-f0ffb253.js');
+require('../../utils-438c14b6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelSettings/components/LeaveChannel.js

@@ -3,21 +3,21 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ChannelSettings_context = require('../context.js');
-var utils = require('../../utils-bf57a41a.js');
+var utils = require('../../utils-760ac018.js');
 var ui_Modal = require('../../ui/Modal.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('prop-types');
-require('../../uuid-49679ac2.js');
+require('../../uuid-1942f440.js');
 require('react-dom');
-require('../../index-32562627.js');
-require('../../LocalizationContext-da62a103.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
-require('../../index-05692021.js');
-require('../../tslib.es6-ba69891c.js');
-require('../../index-089e0fba.js');
+require('../../index-98e4f7b2.js');
+require('../../LocalizationContext-c13ae9d5.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
+require('../../index-d889bc81.js');
+require('../../tslib.es6-f57d0c81.js');
+require('../../index-dad73aff.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
 

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,46 +1,46 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../index-089e0fba.js');
+var ui_Label = require('../../index-dad73aff.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var ui_Button = require('../../index-05692021.js');
+var ui_Button = require('../../index-d889bc81.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./UserListItem.js');
-var tslib_es6 = require('../../tslib.es6-ba69891c.js');
+var tslib_es6 = require('../../tslib.es6-f57d0c81.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
 var ChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var groupChannel = require('../../groupChannel-11ed3837.js');
-var MemberList = require('../../MemberList-442ade8c.js');
-var utils = require('../../utils-bf57a41a.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+var groupChannel = require('../../groupChannel-4934c435.js');
+var MemberList = require('../../MemberList-e062045b.js');
+var utils = require('../../utils-760ac018.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-82ac7edc.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
+require('../../context-01248097.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-49679ac2.js');
-require('../../index-06c3dca9.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../uuid-1942f440.js');
+require('../../index-c8f7702f.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
-require('../../index-32562627.js');
+require('../../topics-f3fe3bf3.js');
+require('../../index-98e4f7b2.js');
 require('../../ui/Checkbox.js');
-require('../../__bundle-6316ce22-c06e03fc.js');
-require('../../__bundle-fbda47dd-1a2c2d97.js');
-require('../../__bundle-7dfccc8c-dcc1c854.js');
+require('../../__bundle-6316ce22-054c7ff6.js');
+require('../../__bundle-fbda47dd-4cb7267d.js');
+require('../../__bundle-7dfccc8c-826eb0ef.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelSettings/components/UserListItem.js

@@ -1,29 +1,29 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-ba69891c.js');
+var tslib_es6 = require('../../tslib.es6-f57d0c81.js');
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
-var UserProfileContext = require('../../UserProfileContext-891590a7.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
+var UserProfileContext = require('../../UserProfileContext-f7c125ca.js');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_MutedAvatarOverlay = require('../../ui/MutedAvatarOverlay.js');
-var ui_Label = require('../../index-089e0fba.js');
+var ui_Label = require('../../index-dad73aff.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('prop-types');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../uuid-49679ac2.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../uuid-1942f440.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
-require('../../utils-bf57a41a.js');
-require('../../index-05692021.js');
+require('../../topics-f3fe3bf3.js');
+require('../../utils-760ac018.js');
+require('../../index-d889bc81.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-06c3dca9.js');
+require('../../index-c8f7702f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,7 +49,7 @@ var UserListItem = function UserListItem(_a) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: parentRef,
     className: tslib_es6.__spreadArray([COMPONENT_NAME], injectingClassNames, true).join(' ')
-  }, user.isMuted && /*#__PURE__*/React__default["default"].createElement(ui_MutedAvatarOverlay, null), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
     menuTrigger: function menuTrigger(toggleDropdown) {
       return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
         onClick: function onClick() {
@@ -86,7 +86,7 @@ var UserListItem = function UserListItem(_a) {
         onSuccess: closeDropdown
       }));
     }
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }), user.isMuted && /*#__PURE__*/React__default["default"].createElement(ui_MutedAvatarOverlay, null), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "".concat(COMPONENT_NAME, "__title"),
     type: ui_Label.LabelTypography.SUBTITLE_1,
     color: ui_Label.LabelColors.ONBACKGROUND_1

package/cjs/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","MutedAvatarOverlay","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","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","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","currentUserId","close","UserProfile","isMuted","MutedAvatarOverlay","Label","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/cjs/ChannelSettings/components/UserPanel.js

@@ -1,36 +1,36 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
-var ui_Label = require('../../index-089e0fba.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
+var ui_Label = require('../../index-dad73aff.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var MemberList = require('../../MemberList-442ade8c.js');
+var MemberList = require('../../MemberList-e062045b.js');
 var ChannelSettings_context = require('../context.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
-require('../../tslib.es6-ba69891c.js');
-require('../../index-05692021.js');
+require('../../tslib.es6-f57d0c81.js');
+require('../../index-d889bc81.js');
 require('../../ui/IconButton.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-49679ac2.js');
-require('../../index-06c3dca9.js');
+require('../../uuid-1942f440.js');
+require('../../index-c8f7702f.js');
 require('./UserListItem.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
-require('../../utils-bf57a41a.js');
+require('../../topics-f3fe3bf3.js');
+require('../../utils-760ac018.js');
 require('../../ui/Modal.js');
-require('../../index-32562627.js');
+require('../../index-98e4f7b2.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
 require('../../useSendbirdStateContext.js');

package/cjs/ChannelSettings/context.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../UserProfileContext-891590a7.js');
-var uuid = require('../uuid-49679ac2.js');
+var UserProfileContext = require('../UserProfileContext-f7c125ca.js');
+var uuid = require('../uuid-1942f440.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-4265e501.js');
+require('../_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ChannelSettings.js

@@ -5,53 +5,53 @@ var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/co
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-4265e501.js');
-require('./index-b440f8c6.js');
-require('./tslib.es6-ba69891c.js');
-require('./LocalizationContext-da62a103.js');
-require('./stringSet-857a128c.js');
-require('./index-25336220.js');
+require('./_rollupPluginBabelHelpers-09706ebf.js');
+require('./index-2d53c0e6.js');
+require('./tslib.es6-f57d0c81.js');
+require('./LocalizationContext-c13ae9d5.js');
+require('./stringSet-bd0c293d.js');
+require('./index-63b56a0e.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./index-089e0fba.js');
+require('./index-dad73aff.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-49679ac2.js');
-require('./utils-c39eb349.js');
+require('./uuid-1942f440.js');
+require('./utils-438c14b6.js');
 require('./ui/TextButton.js');
-require('./color-42e34a43.js');
+require('./color-f0ffb253.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-32562627.js');
-require('./index-05692021.js');
+require('./index-98e4f7b2.js');
+require('./index-d889bc81.js');
 require('./ui/Input.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./context-82ac7edc.js');
-require('./utils-bf57a41a.js');
+require('./context-01248097.js');
+require('./utils-760ac018.js');
 require('./ui/Badge.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-06c3dca9.js');
+require('./index-c8f7702f.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./UserProfileContext-891590a7.js');
+require('./UserProfileContext-f7c125ca.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-a755c9c6.js');
+require('./topics-f3fe3bf3.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
-require('./groupChannel-11ed3837.js');
-require('./__bundle-6316ce22-c06e03fc.js');
-require('./__bundle-fbda47dd-1a2c2d97.js');
-require('./__bundle-7dfccc8c-dcc1c854.js');
-require('./MemberList-442ade8c.js');
+require('./groupChannel-4934c435.js');
+require('./__bundle-6316ce22-054c7ff6.js');
+require('./__bundle-fbda47dd-4cb7267d.js');
+require('./__bundle-7dfccc8c-826eb0ef.js');
+require('./MemberList-e062045b.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,38 +1,38 @@
 'use strict';
 
 var React = require('react');
-var CreateChannel_context = require('../../CreateChannelProvider-71e1e6d6.js');
+var CreateChannel_context = require('../../CreateChannelProvider-cea018b0.js');
 var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
 var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
-require('../../utils-bf57a41a.js');
+require('../../topics-f3fe3bf3.js');
+require('../../utils-760ac018.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../tslib.es6-ba69891c.js');
-require('../../LocalizationContext-da62a103.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../tslib.es6-f57d0c81.js');
+require('../../LocalizationContext-c13ae9d5.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-32562627.js');
-require('../../index-05692021.js');
-require('../../index-089e0fba.js');
+require('../../index-98e4f7b2.js');
+require('../../index-d889bc81.js');
+require('../../index-dad73aff.js');
 require('prop-types');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-49679ac2.js');
+require('../../uuid-1942f440.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-06c3dca9.js');
+require('../../index-c8f7702f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/CreateChannel/components/InviteUsers.js

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-ba69891c.js');
+var tslib_es6 = require('../../tslib.es6-f57d0c81.js');
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
-var CreateChannel_context = require('../../CreateChannelProvider-71e1e6d6.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
+var CreateChannel_context = require('../../CreateChannelProvider-cea018b0.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ui_Label = require('../../index-089e0fba.js');
-var ui_Button = require('../../index-05692021.js');
+var ui_Label = require('../../index-dad73aff.js');
+var ui_Button = require('../../index-d889bc81.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../stringSet-857a128c.js');
-require('../../index-25336220.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-63b56a0e.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
-require('../../utils-bf57a41a.js');
+require('../../topics-f3fe3bf3.js');
+require('../../utils-760ac018.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
 require('react-dom');
-require('../../index-32562627.js');
+require('../../index-98e4f7b2.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/IconButton.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-49679ac2.js');
+require('../../uuid-1942f440.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-06c3dca9.js');
+require('../../index-c8f7702f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }