@sendbird/uikit-react 3.5.0-beta.0 → 3.5.0-mobile-web-1

package/cjs/Channel.js

@@ -1,99 +1,119 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./ChannelProvider-cf5dc7e3.js');
+var Channel_context = require('./ChannelProvider-2bfafa25.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./UserProfileContext-9d60cdc4.js');
+require('./UserProfileContext-c87514d3.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-a7254c9d.js');
-require('./index-73467e1d.js');
-require('./index-de151767.js');
-require('./topics-ac9cf7ed.js');
-require('./index-21b2339d.js');
-require('./tslib.es6-43854eb1.js');
+require('./_rollupPluginBabelHelpers-3a9d1641.js');
+require('./index-849f44b0.js');
+require('./index-97005534.js');
+require('./topics-3226c6ee.js');
+require('./index-0b8a1074.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./compareIds-ca869c2e.js');
-require('./const-55d167ca.js');
+require('./compareIds-a7029d6a.js');
+require('./const-68cf2709.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-11d4efe8.js');
+require('./uuid-5ab4f88b.js');
 require('@sendbird/chat/message');
-require('./ui/ContextMenu.js');
-require('react-dom');
-require('./ui/SortByRow.js');
-require('./index-d6ef2a60.js');
-require('./stringSet-91b919f6.js');
-require('./ui/ReactionButton.js');
-require('./ui/ImageRenderer.js');
+require('./consts-f71467c8.js');
+require('./index-9d9e563e.js');
+require('./LocalizationContext-b42fa07d.js');
+require('./stringSet-4f30313f.js');
 require('./ui/Icon.js');
-require('./index-621e74bd.js');
-require('./LocalizationContext-2b3f310d.js');
+require('./index-72e412f7.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./utils-65a380e8.js');
+require('./utils-411a893e.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
-require('./utils-4b529d96.js');
-require('./MediaQueryContext-71862be1.js');
-require('./utils-1f6c6626.js');
+require('./ui/ImageRenderer.js');
+require('./utils-de654d3c.js');
+require('./MediaQueryContext-372b55a6.js');
+require('./utils-146517a9.js');
 require('./Channel/components/MessageList.js');
-require('./index-2c5dd48c.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-db71e993.js');
-require('./ThreadProvider-d3c0c877.js');
+require('./const-3ab3e45c.js');
+require('./ThreadProvider-3ff0ff63.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
 require('./ui/DateSeparator.js');
-require('./color-89f33656.js');
+require('./color-a4e73e6f.js');
 require('./ui/MessageInput.js');
-require('react-dom/server');
 require('./ui/Button.js');
-require('./ui/MentionUserLabel.js');
+require('dompurify');
+require('./consts-bb2a67c7.js');
+require('./consts-ad8ba629.js');
+require('./consts-26d4668c.js');
+require('./tokenize-e944d548.js');
 require('./ui/MessageContent.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./index-e240e852.js');
-require('./index-0988ab25.js');
-require('./index-8de59744.js');
+require('./index-e1d69370.js');
+require('./index-7ec4fe06.js');
+require('./index-afada680.js');
 require('./ui/MessageItemMenu.js');
+require('./ui/ContextMenu.js');
+require('react-dom');
+require('./ui/SortByRow.js');
+require('./types-31174fcc.js');
 require('./ui/MessageItemReactionMenu.js');
+require('./ui/ReactionButton.js');
+require('./useLongPress-bf1e8eee.js');
 require('./ui/EmojiReactions.js');
+require('./ui/ReactionBadge.js');
+require('./ui/BottomSheet.js');
+require('./index-e8b83547.js');
+require('./ui/UserListItem.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
-require('./ui/ReactionBadge.js');
+require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/TextMessageItemBody.js');
-require('./ui/Word.js');
-require('./ui/LinkLabel.js');
+require('./index-1c18afa8.js');
+require('./index.module-d2876b1c.js');
 require('./ui/MentionLabel.js');
+require('./ui/LinkLabel.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/TextButton.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/QuoteMessage.js');
-require('./useLongPress-c7bf12b1.js');
-require('./ui/BottomSheet.js');
-require('./index-c4d4ef49.js');
+require('./index-a401f2b6.js');
 require('./ui/ThreadReplies.js');
+require('./ui/VoiceMessageItemBody.js');
+require('./ui/ProgressBar.js');
+require('./VoicePlayer/useVoicePlayer.js');
+require('./index-cb1d7ac4.js');
+require('./VoiceRecorder/context.js');
+require('./ui/PlaybackTime.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
 require('./ui/Modal.js');
-require('./Channel/components/TypingIndicator.js');
-require('./Channel/components/FrozenNotification.js');
+require('./index-c38404d2.js');
+require('./useDirtyGetMentions-97c6e05a.js');
 require('./Channel/components/UnreadCount.js');
+require('./Channel/components/FrozenNotification.js');
+require('./Channel/components/TypingIndicator.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
+require('./VoiceMessageInputWrapper-6e1d03d7.js');
+require('./VoiceRecorder/useVoiceRecorder.js');
+require('./index-9b23b5c2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Channel = function (props) {
+const Channel = props => {
   return /*#__PURE__*/React__default["default"].createElement(Channel_context.ChannelProvider, {
     channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
     isReactionEnabled: props === null || props === void 0 ? void 0 : props.isReactionEnabled,
@@ -112,6 +132,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,
@@ -127,7 +148,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/cjs/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","ChannelProvider","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","animatedMessage","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","onBackClick","replyType","threadReplySelectType","queries","renderUserProfile","disableUserProfile","disableMarkAsRead","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","ChannelUI","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/cjs/ChannelList/components/AddChannel.js

@@ -7,60 +7,58 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../ChannelListProvider-c2148b43.js');
-require('../../tslib.es6-43854eb1.js');
+var ChannelList_context = require('../../ChannelListProvider-46e379c7.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
 require('prop-types');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-c98de398.js');
+require('../../CreateChannelProvider-ef7e4c91.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-ac9cf7ed.js');
-require('../../utils-1f6c6626.js');
+require('../../topics-3226c6ee.js');
+require('../../utils-146517a9.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../LocalizationContext-2b3f310d.js');
-require('../../stringSet-91b919f6.js');
-require('../../index-de151767.js');
+require('../../LocalizationContext-b42fa07d.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-c4d4ef49.js');
+require('../../index-e8b83547.js');
 require('../../ui/Button.js');
-require('../../index-d6ef2a60.js');
-require('../../MediaQueryContext-71862be1.js');
+require('../../index-72e412f7.js');
+require('../../MediaQueryContext-372b55a6.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-9d60cdc4.js');
+require('../../UserProfileContext-c87514d3.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-11d4efe8.js');
+require('../../uuid-5ab4f88b.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-21b2339d.js');
+require('../../index-0b8a1074.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-a7254c9d.js');
 require('@sendbird/chat/groupChannel');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var AddChannel = function () {
-  var _a;
-
-  var _b = React.useState(false),
-      showModal = _b[0],
-      setShowModal = _b[1];
-
-  var state = useSendbirdStateContext();
-  var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
-  var disabled = !isOnline;
-  var overrideInviteUser = ChannelList_context.useChannelListContext().overrideInviteUser;
+const AddChannel = () => {
+  var _state$config;
+  const [showModal, setShowModal] = React.useState(false);
+  const state = useSendbirdStateContext();
+  const isOnline = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.isOnline;
+  const disabled = !isOnline;
+  const {
+    overrideInviteUser,
+    onBeforeCreateChannel
+  } = ChannelList_context.useChannelListContext();
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
     height: "32px",
     width: "32px",
-    onClick: function () {
+    onClick: () => {
       setShowModal(true);
     },
     disabled: disabled
@@ -70,13 +68,14 @@ var AddChannel = function () {
     width: "24px",
     height: "24px"
   })), showModal && /*#__PURE__*/React__default["default"].createElement(CreateChannel, {
-    onCancel: function () {
+    onCancel: () => {
       setShowModal(false);
     },
     overrideInviteUser: overrideInviteUser,
-    onCreateChannel: function () {
+    onCreateChannel: () => {
       setShowModal(false);
-    }
+    },
+    onBeforeCreateChannel: onBeforeCreateChannel
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../../src/smart-components/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const { 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","IconButton","Icon","IconTypes","CREATE","IconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,GAAgC,YAAA;;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,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,yCAAqB,EAAA,mBAA5C,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,eACEA,wCAACC,aAAD,EAAA;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,OAAO,EAAE,YAAA;MACPV,YAAY,CAAC,IAAD,CAAZ,CAAA;KAJJ;AAME,IAAA,QAAQ,EAAEM,QAAAA;AANZ,GAAA,eAQEG,wCAACE,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,MADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CARF,CADF,EAiBIhB,SAAS,iBACPU,wCAAC,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,cAAQ,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,yCAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAACE,aAAU,EAAA;AACTC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,MAAM;MACbhB,YAAY,CAAC,IAAI,CAAC,CAAA;KAClB;AACFM,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBI,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,EAEXf,SAAS,iBACPW,yBAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;IACZC,QAAQ,EAAEA,MAAM;MACdzB,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFO,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCmB,eAAe,EAAEA,MAAM;MACrB1B,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFQ,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,CAEhD,CAEF,CAAA;AAEP;;;;;"}

package/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,54 +1,58 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-2b3f310d.js');
+var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../index-d6ef2a60.js');
+var ui_Label = require('../../index-72e412f7.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-require('../../stringSet-91b919f6.js');
-require('../../index-de151767.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-a7254c9d.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
 require('prop-types');
-require('../../tslib.es6-43854eb1.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-11d4efe8.js');
+require('../../uuid-5ab4f88b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ChannelListHeader = function (_a) {
-  var renderHeader = _a.renderHeader,
-      renderTitle = _a.renderTitle,
-      renderIconButton = _a.renderIconButton,
-      onEdit = _a.onEdit,
-      allowProfileEdit = _a.allowProfileEdit;
-
-  var _b = useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext(),
-      stores = _b.stores,
-      config = _b.config;
-
-  var user = (stores === null || stores === void 0 ? void 0 : stores.userStore).user;
-  var logger = config.logger;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
+const ChannelListHeader = _ref => {
+  let {
+    renderHeader,
+    renderTitle,
+    renderIconButton,
+    onEdit,
+    allowProfileEdit
+  } = _ref;
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext();
+  const {
+    user
+  } = stores.userStore;
+  const {
+    logger
+  } = config;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
   if (renderHeader) {
     logger === null || logger === void 0 ? void 0 : logger.warning('Recomend to use "renderTitle" instead of "renderHeader". It will be deprecated.');
-  } // renderTitle should have higher priority
-
-
-  var titleRenderer = renderHeader || renderTitle;
+  }
+  // renderTitle should have higher priority
+  const titleRenderer = renderHeader || renderTitle;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: ['sendbird-channel-header', allowProfileEdit ? 'sendbird-channel-header--allow-edit' : ''].join(' ')
   }, (titleRenderer === null || titleRenderer === void 0 ? void 0 : titleRenderer()) || /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-header__title",
     role: "button",
-    onClick: function () {
+    onClick: () => {
       onEdit === null || onEdit === void 0 ? void 0 : onEdit();
     },
-    onKeyDown: function () {
+    onKeyDown: () => {
       onEdit === null || onEdit === void 0 ? void 0 : onEdit();
     },
     tabIndex: 0

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

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