@sendbird/uikit-react 3.5.0-rc.1 → 3.5.1

package/Channel.js

@@ -1,93 +1,114 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './ChannelProvider-289cd35f.js';
+import { C as ChannelProvider } from './ChannelProvider-33559192.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './UserProfileContext-e3530842.js';
+import './UserProfileContext-a56cc682.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-519f674b.js';
-import './index-3c013a28.js';
-import './index-4ebfc7a7.js';
-import './topics-e2963bba.js';
-import './index-855ef33d.js';
-import './tslib.es6-72df3331.js';
+import './_rollupPluginBabelHelpers-1be219c2.js';
+import './const-ec18f7f8.js';
+import './index-fea4f7d3.js';
+import './index-a4552c13.js';
+import './topics-d0dcd2f2.js';
+import './index-c589f349.js';
 import './utils/message/getOutgoingMessageState.js';
-import './compareIds-ef41eb2c.js';
-import './const-da6f3d34.js';
+import './compareIds-e75af4f9.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-7e004f47.js';
+import './uuid-8c96bee0.js';
 import '@sendbird/chat/message';
-import './ui/ContextMenu.js';
-import 'react-dom';
-import './ui/SortByRow.js';
-import './index-2784bdd8.js';
-import './stringSet-9ae71b7d.js';
-import './ui/ReactionButton.js';
-import './ui/ImageRenderer.js';
+import './consts-e6fdc559.js';
+import './resolvedReplyType-94a089b3.js';
+import './index-32a56033.js';
+import './LocalizationContext-25d6694d.js';
+import './stringSet-3649b375.js';
 import './ui/Icon.js';
-import './index-232388fa.js';
-import './LocalizationContext-289c1917.js';
+import './index-d88e3ef9.js';
 import './ui/Loader.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-2976f2c1.js';
+import './utils-1f5c8b6c.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './utils-6b69fb18.js';
-import './MediaQueryContext-273d29f6.js';
-import './utils-ea66f822.js';
+import './ui/ImageRenderer.js';
+import './utils-cbae9afc.js';
+import './MediaQueryContext-94c9086a.js';
+import './utils-a1f2aa01.js';
 import './Channel/components/MessageList.js';
-import './index-a02da5bd.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-76d87f47.js';
-import './ThreadProvider-8696ef31.js';
+import './const-8d418b81.js';
+import './ThreadProvider-6ae0b041.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
 import './ui/DateSeparator.js';
-import './color-163ba24d.js';
+import './color-04427a41.js';
 import './ui/MessageInput.js';
-import 'react-dom/server';
 import './ui/Button.js';
-import './ui/MentionUserLabel.js';
+import 'dompurify';
+import './consts-4d93ce13.js';
+import './consts-a5106683.js';
+import './consts-01a1e3c0.js';
+import './tokenize-053e921e.js';
+import './index.module-1ba8586e.js';
 import './ui/MessageContent.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './index-aea7b7d6.js';
-import './index-751f97ce.js';
-import './index-4637b0de.js';
+import './index-fe7ed4c0.js';
+import './index-dcaf3cb8.js';
+import './index-dd8e8ea1.js';
 import './ui/MessageItemMenu.js';
+import './ui/ContextMenu.js';
+import 'react-dom';
+import './ui/SortByRow.js';
+import './types-54edb45d.js';
 import './ui/MessageItemReactionMenu.js';
+import './ui/ReactionButton.js';
+import './useLongPress-5e28b292.js';
 import './ui/EmojiReactions.js';
+import './ui/ReactionBadge.js';
+import './ui/BottomSheet.js';
+import './index-5819e39d.js';
+import './ui/UserListItem.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
-import './ui/ReactionBadge.js';
+import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/TextMessageItemBody.js';
-import './ui/Word.js';
-import './ui/LinkLabel.js';
+import './index-9a62272f.js';
 import './ui/MentionLabel.js';
+import './ui/LinkLabel.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
-import './useLongPress-1a777e9e.js';
-import './ui/BottomSheet.js';
-import './index-2f346069.js';
+import './index-24f4354d.js';
 import './ui/ThreadReplies.js';
+import './ui/VoiceMessageItemBody.js';
+import './ui/ProgressBar.js';
+import './VoicePlayer/useVoicePlayer.js';
+import './index-f4374646.js';
+import './VoiceRecorder/context.js';
+import './ui/Modal.js';
+import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './ui/Modal.js';
-import './Channel/components/TypingIndicator.js';
-import './Channel/components/FrozenNotification.js';
+import './index-b3c3e1aa.js';
+import './useDirtyGetMentions-b9a9c21b.js';
 import './Channel/components/UnreadCount.js';
+import './Channel/components/FrozenNotification.js';
+import './Channel/components/TypingIndicator.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
+import './VoiceMessageInputWrapper-69ac1f5a.js';
+import './VoiceRecorder/useVoiceRecorder.js';
+import './index-36d49e08.js';
 
-var Channel = function (props) {
+const Channel = props => {
   return /*#__PURE__*/React__default.createElement(ChannelProvider, {
     channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
     isReactionEnabled: props === null || props === void 0 ? void 0 : props.isReactionEnabled,
@@ -106,6 +127,7 @@ var Channel = function (props) {
     threadReplySelectType: props === null || props === void 0 ? void 0 : props.threadReplySelectType,
     queries: props === null || props === void 0 ? void 0 : props.queries,
     renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
+    filterMessageList: props === null || props === void 0 ? void 0 : props.filterMessageList,
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
     disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead,
     onReplyInThread: props === null || props === void 0 ? void 0 : props.onReplyInThread,
@@ -121,7 +143,10 @@ var Channel = function (props) {
     renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage,
     renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput,
     renderTypingIndicator: props === null || props === void 0 ? void 0 : props.renderTypingIndicator,
-    renderCustomSeparator: props === null || props === void 0 ? void 0 : props.renderCustomSeparator
+    renderCustomSeparator: props === null || props === void 0 ? void 0 : props.renderCustomSeparator,
+    renderFileUploadIcon: props === null || props === void 0 ? void 0 : props.renderFileUploadIcon,
+    renderVoiceMessageIcon: props === null || props === void 0 ? void 0 : props.renderVoiceMessageIcon,
+    renderSendMessageIcon: props === null || props === void 0 ? void 0 : props.renderSendMessageIcon
   }));
 };
 

package/Channel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.js","sources":["../src/smart-components/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps { }\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      animatedMessage={props?.animatedMessage}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      onBackClick={props?.onBackClick}\n      replyType={props?.replyType}\n      threadReplySelectType={props?.threadReplySelectType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n      onReplyInThread={props?.onReplyInThread}\n      onQuoteMessageClick={props?.onQuoteMessageClick}\n      onMessageAnimated={props?.onMessageAnimated}\n      onMessageHighlighted={props?.onMessageHighlighted}\n    >\n      <ChannelUI\n        isLoading={props?.isLoading}\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","animatedMessage","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","onBackClick","replyType","threadReplySelectType","queries","renderUserProfile","disableUserProfile","disableMarkAsRead","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator"],"mappings":"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"}
+{"version":3,"file":"Channel.js","sources":["../src/modules/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\n\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps { }\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      animatedMessage={props?.animatedMessage}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      onBackClick={props?.onBackClick}\n      replyType={props?.replyType}\n      threadReplySelectType={props?.threadReplySelectType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      filterMessageList={props?.filterMessageList}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n      onReplyInThread={props?.onReplyInThread}\n      onQuoteMessageClick={props?.onQuoteMessageClick}\n      onMessageAnimated={props?.onMessageAnimated}\n      onMessageHighlighted={props?.onMessageHighlighted}\n    >\n      <ChannelUI\n        isLoading={props?.isLoading}\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n        renderFileUploadIcon={props?.renderFileUploadIcon}\n        renderVoiceMessageIcon={props?.renderVoiceMessageIcon}\n        renderSendMessageIcon={props?.renderSendMessageIcon}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","createElement","ChannelProvider","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","animatedMessage","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","onBackClick","replyType","threadReplySelectType","queries","renderUserProfile","filterMessageList","disableUserProfile","disableMarkAsRead","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","ChannelUI","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon"],"mappings":"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"}

package/ChannelList/components/AddChannel.js

@@ -3,56 +3,54 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-1d36e2e9.js';
-import '../../tslib.es6-72df3331.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-643a2b47.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
 import 'prop-types';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-72b655e9.js';
+import '../../CreateChannelProvider-5b006b58.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-e2963bba.js';
-import '../../utils-ea66f822.js';
+import '../../topics-d0dcd2f2.js';
+import '../../utils-a1f2aa01.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../LocalizationContext-289c1917.js';
-import '../../stringSet-9ae71b7d.js';
-import '../../index-4ebfc7a7.js';
+import '../../LocalizationContext-25d6694d.js';
+import '../../stringSet-3649b375.js';
+import '../../index-a4552c13.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-2f346069.js';
+import '../../index-5819e39d.js';
 import '../../ui/Button.js';
-import '../../index-2784bdd8.js';
-import '../../MediaQueryContext-273d29f6.js';
+import '../../index-d88e3ef9.js';
+import '../../MediaQueryContext-94c9086a.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-e3530842.js';
+import '../../UserProfileContext-a56cc682.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7e004f47.js';
+import '../../uuid-8c96bee0.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-855ef33d.js';
+import '../../index-c589f349.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-519f674b.js';
 import '@sendbird/chat/groupChannel';
 
-var AddChannel = function () {
-  var _a;
-
-  var _b = 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 overrideInviteUser = useChannelListContext().overrideInviteUser;
+const AddChannel = () => {
+  var _state$config;
+  const [showModal, setShowModal] = 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
+  } = useChannelListContext();
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
     height: "32px",
     width: "32px",
-    onClick: function () {
+    onClick: () => {
       setShowModal(true);
     },
     disabled: disabled
@@ -62,13 +60,14 @@ var AddChannel = function () {
     width: "24px",
     height: "24px"
   })), showModal && /*#__PURE__*/React__default.createElement(CreateChannel, {
-    onCancel: function () {
+    onCancel: () => {
       setShowModal(false);
     },
     overrideInviteUser: overrideInviteUser,
-    onCreateChannel: function () {
+    onCreateChannel: () => {
       setShowModal(false);
-    }
+    },
+    onBeforeCreateChannel: onBeforeCreateChannel
   }));
 };
 

package/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 { overrideInviteUser } = 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          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_b","useState","showModal","setShowModal","state","useSendbirdStateContext","isOnline","_a","config","disabled","overrideInviteUser","useChannelListContext","React","IconTypes","CREATE","IconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,GAAgC,YAAA;;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAC,KAAD,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACN,IAAMI,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAD,QAAhC,CAAA;EACA,IAAMG,QAAQ,GAAG,CAACH,QAAlB,CAAA;AACQ,EAAA,IAAAI,kBAAkB,GAAKC,qBAAqB,EAAA,mBAA5C,CAAA;EAER,oBACEC,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,eACEA,6BAAC,UAAD,EAAA;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,OAAO,EAAE,YAAA;MACPT,YAAY,CAAC,IAAD,CAAZ,CAAA;KAJJ;AAME,IAAA,QAAQ,EAAEM,QAAAA;AANZ,GAAA,eAQEG,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEC,SAAS,CAACC,MADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CARF,CADF,EAiBId,SAAS,iBACPU,6BAAC,aAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRT,YAAY,CAAC,KAAD,CAAZ,CAAA;KAFJ;AAIE,IAAA,kBAAkB,EAAEO,kBAJtB;AAKE,IAAA,eAAe,EAAE,YAAA;MACfP,YAAY,CAAC,KAAD,CAAZ,CAAA;AACD,KAAA;AAPH,GAAA,CAlBN,CADF,CAAA;AAgCD;;;;"}
+{"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,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,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,qBAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,cAAA,CAAAC,aAAA,CAACE,UAAU,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,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,UAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,EAEXf,SAAS,iBACPW,cAAA,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,GAAA,CAEhD,CAEF,CAAA;AAEP;;;;"}

package/ChannelList/components/ChannelListHeader.js

@@ -1,48 +1,52 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-289c1917.js';
+import { a as LocalizationContext } from '../../LocalizationContext-25d6694d.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2784bdd8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d88e3ef9.js';
 import Avatar from '../../ui/Avatar.js';
-import '../../stringSet-9ae71b7d.js';
-import '../../index-4ebfc7a7.js';
+import '../../stringSet-3649b375.js';
+import '../../index-a4552c13.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-519f674b.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
 import 'prop-types';
-import '../../tslib.es6-72df3331.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-7e004f47.js';
-
-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 = useContext(LocalizationContext).stringSet;
+import '../../uuid-8c96bee0.js';
 
+const ChannelListHeader = _ref => {
+  let {
+    renderHeader,
+    renderTitle,
+    renderIconButton,
+    onEdit,
+    allowProfileEdit
+  } = _ref;
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext();
+  const {
+    user
+  } = stores.userStore;
+  const {
+    logger
+  } = config;
+  const {
+    stringSet
+  } = useContext(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;
+  }
+  // renderTitle should have higher priority
+  const titleRenderer = renderHeader || renderTitle;
   return /*#__PURE__*/React__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.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/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","join","profileUrl","nickname","LabelTypography","SUBTITLE_2","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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"}