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

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-f2df2472.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-e4d4fb2a.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,30 +9,29 @@ import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './uuid-368c5040.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-30f09302.js';
-import './tslib.es6-5180f9d1.js';
+import { u as uuidv4 } from './uuid-e979d613.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-f3b2a046.js';
+import './tslib.es6-debac48c.js';
 import './withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './actionTypes-f6400d21.js';
-import './index-cd1a9173.js';
+import './index-f87c5aab.js';
 import './utils/message/getOutgoingMessageState.js';
 import 'css-vars-ponyfill';
-import './_rollupPluginBabelHelpers-3756a6a3.js';
-import './index-207577d6.js';
+import 'ts-pattern';
+import './index-e01f2743.js';
 import './VoiceRecorder/context.js';
-import './lame.all.js';
-import './LocalizationContext-43b10f97.js';
-import './stringSet-2d42f6ff.js';
-import './index-0f373e79.js';
-import './ChannelListProvider-b7ce527e.js';
-import './topics-6d4bf2ed.js';
-import './utils-a7563986.js';
-import './UserProfileContext-12b6fabf.js';
+import './LocalizationContext-428ea690.js';
+import './stringSet-fa7e0d83.js';
+import './index-8b3cd0b6.js';
+import './ChannelListProvider-45cf488b.js';
+import './topics-2647294d.js';
+import './utils-87be98af.js';
+import './UserProfileContext-576f1ef9.js';
+import './_rollupPluginBabelHelpers-6e60e429.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-8f0ae983.js';
+import './index-8efe881f.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -40,12 +39,12 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-d7e8a10f.js';
+import './CreateChannelProvider-8c395571.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-5c20d787.js';
+import './index-d5a761b9.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -56,48 +55,48 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-760413c9.js';
+import './utils-b568cd44.js';
 import './ui/Badge.js';
-import './index-a90edcd2.js';
-import './index-8a52a6f4.js';
+import './index-4a1325ab.js';
+import './index-8d6fa44a.js';
 import './ui/Loader.js';
-import './index-2932882f.js';
-import './index-95f0372d.js';
+import './index-b41d07df.js';
+import './index-2f83ba2a.js';
 import './ui/MentionUserLabel.js';
-import './consts-e4e1a8fc.js';
+import './consts-3fe926ac.js';
 import './ui/TextButton.js';
-import './color-e54d3ed7.js';
+import './color-2037c3b8.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-cd9afff3.js';
-import './compareIds-3e30a438.js';
-import './const-71bd6867.js';
+import './ChannelProvider-9a52ed96.js';
+import './compareIds-b858e41a.js';
+import './const-10a01327.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './useLongPress-c1a00d6e.js';
+import './useLongPress-42dc7c5d.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-10377bc5.js';
+import './index-84b28e71.js';
 import './ui/Input.js';
-import './index-ec8cbdfb.js';
+import './index-10da4b99.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-3c726d0f.js';
+import './utils-1905e84d.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-48a3200e.js';
-import './ThreadProvider-533e9025.js';
+import './const-85ec8faf.js';
+import './ThreadProvider-c33f66a4.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import 'dompurify';
-import './consts-665331c7.js';
-import './consts-4b1e008b.js';
-import './tokenize-cd9c48bb.js';
+import './consts-ef58410d.js';
+import './consts-89b1e965.js';
+import './tokenize-7bcc2072.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './types-2fb5793c.js';
+import './types-abb04b7a.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
@@ -105,7 +104,7 @@ import './ui/TooltipWrapper.js';
 import './ui/ReactionBadge.js';
 import './ui/AdminMessage.js';
 import './ui/TextMessageItemBody.js';
-import './index-cc626895.js';
+import './index-390c0bba.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
@@ -122,13 +121,14 @@ import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
+import './index-23251a75.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-c74412de.js';
+import './VoiceMessageInputWrapper-8f6bfd36.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-d75ba9c0.js';
+import './index-f0fa0260.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -136,9 +136,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-993ee0c3.js';
+import './context-8436b333.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-70806978.js';
+import './MemberList-f0614320.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -147,7 +147,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-d0a5c64c.js';
+import './RemoveMessageModal-cced59b5.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog - v3
 
+## [v3.4.6] (Apr 21 2023)
+
+Fixes:
+* Use markAsReadScheduler in MessageList.
+* Apply common scroll hook to GroupChannel MessageList.
+  * Prevent whole page from scrolling when <GroupChannel /> scrolls. This issue occurs when customer implements an <GroupChannel /> in a web page with scroll.
+  * This is a same fix that we fixed OpenChannel in `v3.4.4`.
+* Unify send btn display condition
+  * Issue: We could send the empty message which is consisted of only white spaces. Also, a sent message which contains white spaces at the beginning of it is shown like it's trimmed.
+  * Solution: Two things have been changed on displayed. message & message input each.
+    * New line, spaces only text do not show sending button
+    * No trim before sending
+* Use dynamic import to lazy load the audio converting processor(lamejs) by isVoiceMessageEnabled props
+
 ## [v3.4.5] (Apr 7 2023)
 
 Features:

package/Channel/components/ChannelHeader.js

@@ -1,38 +1,38 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-3c726d0f.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8f0ae983.js';
+import { g as getChannelTitle } from '../../utils-1905e84d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8efe881f.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-43b10f97.js';
+import { a as LocalizationContext } from '../../LocalizationContext-428ea690.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-cd9afff3.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-f2df2472.js';
-import { n as noop } from '../../utils-a7563986.js';
+import { u as useChannelContext } from '../../ChannelProvider-9a52ed96.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-e4d4fb2a.js';
+import { n as noop } from '../../utils-87be98af.js';
 import 'prop-types';
-import '../../stringSet-2d42f6ff.js';
-import '../../tslib.es6-5180f9d1.js';
+import '../../stringSet-fa7e0d83.js';
+import '../../tslib.es6-debac48c.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-368c5040.js';
-import '../../utils-760413c9.js';
-import '../../index-0f373e79.js';
+import '../../uuid-e979d613.js';
+import '../../utils-b568cd44.js';
+import '../../index-8b3cd0b6.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-12b6fabf.js';
-import '../../index-8a52a6f4.js';
-import '../../topics-6d4bf2ed.js';
-import '../../index-cd1a9173.js';
+import '../../UserProfileContext-576f1ef9.js';
+import '../../index-8d6fa44a.js';
+import '../../topics-2647294d.js';
+import '../../index-f87c5aab.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-3756a6a3.js';
-import '../../compareIds-3e30a438.js';
-import '../../const-71bd6867.js';
+import '../../_rollupPluginBabelHelpers-6e60e429.js';
+import '../../compareIds-b858e41a.js';
+import '../../const-10a01327.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-30f09302.js';
+import '../../consts-f3b2a046.js';
 
 var ChannelHeader = function (_a) {
   var _b, _c, _d;
@@ -50,7 +50,7 @@ var ChannelHeader = function (_a) {
     _f = channelStore.onBackClick,
     onBackClick = _f === void 0 ? noop : _f;
   var subTitle = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) && ((_d = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) === null || _d === void 0 ? void 0 : _d.length) !== 2;
-  var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === "muted";
+  var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === 'muted';
   var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-chat-header ".concat(className)

package/Channel/components/ChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.js","sources":["../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils'\n\ninterface ChannelHeaderProps {\n  className?: string;\n}\n\nconst ChannelHeader: React.FC<ChannelHeaderProps> = ({\n  className = '',\n}) => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === \"muted\";\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-chat-header ${className}`}>\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          (showSearchIcon && !currentGroupChannel?.isEphemeral) && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["ChannelHeader","_a","_e","className","globalStore","useSendbirdStateContext","userId","_b","config","theme","_c","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","_f","onBackClick","noop","subTitle","members","_d","length","isMuted","myMutedState","stringSet","useContext","LocalizationContext","React","createElement","concat","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","ChannelAvatar","channel","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","ON_BACKGROUND_2","isEphemeral","IconButton","SEARCH","INFO"],"mappings":"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"}
+{"version":3,"file":"ChannelHeader.js","sources":["../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils'\n\ninterface ChannelHeaderProps {\n  className?: string;\n}\n\nconst ChannelHeader: React.FC<ChannelHeaderProps> = ({\n  className = '',\n}) => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === 'muted';\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-chat-header ${className}`}>\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          (showSearchIcon && !currentGroupChannel?.isEphemeral) && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["ChannelHeader","_a","_e","className","globalStore","useSendbirdStateContext","userId","_b","config","theme","_c","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","_f","onBackClick","noop","subTitle","members","_d","length","isMuted","myMutedState","stringSet","useContext","LocalizationContext","React","createElement","concat","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","ChannelAvatar","channel","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","ON_BACKGROUND_2","isEphemeral","IconButton","SEARCH","INFO"],"mappings":"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"}

package/Channel/components/ChannelUI.js

@@ -1,68 +1,68 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-cd9afff3.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ec8cbdfb.js';
+import { u as useChannelContext } from '../../ChannelProvider-9a52ed96.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-10da4b99.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../tslib.es6-5180f9d1.js';
-import '../../UserProfileContext-12b6fabf.js';
+import '../../tslib.es6-debac48c.js';
+import '../../UserProfileContext-576f1ef9.js';
 import 'prop-types';
-import '../../index-8a52a6f4.js';
-import '../../index-0f373e79.js';
-import '../../topics-6d4bf2ed.js';
-import '../../index-cd1a9173.js';
+import '../../index-8d6fa44a.js';
+import '../../index-8b3cd0b6.js';
+import '../../topics-2647294d.js';
+import '../../index-f87c5aab.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-3756a6a3.js';
-import '../../compareIds-3e30a438.js';
-import '../../const-71bd6867.js';
+import '../../_rollupPluginBabelHelpers-6e60e429.js';
+import '../../compareIds-b858e41a.js';
+import '../../const-10a01327.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-368c5040.js';
+import '../../uuid-e979d613.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-8f0ae983.js';
-import '../../stringSet-2d42f6ff.js';
+import '../../index-8efe881f.js';
+import '../../stringSet-fa7e0d83.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-30f09302.js';
-import '../../LocalizationContext-43b10f97.js';
+import '../../consts-f3b2a046.js';
+import '../../LocalizationContext-428ea690.js';
 import '../../ui/Loader.js';
-import '../../utils-3c726d0f.js';
+import '../../utils-1905e84d.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-760413c9.js';
-import '../../MediaQueryContext-f2df2472.js';
-import '../../utils-a7563986.js';
+import '../../utils-b568cd44.js';
+import '../../MediaQueryContext-e4d4fb2a.js';
+import '../../utils-87be98af.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-48a3200e.js';
-import '../../ThreadProvider-533e9025.js';
+import '../../const-85ec8faf.js';
+import '../../ThreadProvider-c33f66a4.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-e54d3ed7.js';
+import '../../color-2037c3b8.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-e4e1a8fc.js';
-import '../../consts-665331c7.js';
-import '../../consts-4b1e008b.js';
-import '../../tokenize-cd9c48bb.js';
+import '../../consts-3fe926ac.js';
+import '../../consts-ef58410d.js';
+import '../../consts-89b1e965.js';
+import '../../tokenize-7bcc2072.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-a90edcd2.js';
-import '../../index-2932882f.js';
-import '../../index-95f0372d.js';
+import '../../index-4a1325ab.js';
+import '../../index-b41d07df.js';
+import '../../index-2f83ba2a.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-2fb5793c.js';
+import '../../types-abb04b7a.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -70,7 +70,8 @@ import '../../ui/TooltipWrapper.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-cc626895.js';
+import '../../index-390c0bba.js';
+import 'ts-pattern';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
@@ -80,26 +81,26 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-c1a00d6e.js';
+import '../../useLongPress-42dc7c5d.js';
 import '../../ui/BottomSheet.js';
-import '../../index-5c20d787.js';
+import '../../index-d5a761b9.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-207577d6.js';
+import '../../index-e01f2743.js';
 import '../../VoiceRecorder/context.js';
-import '../../lame.all.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
 import '../../ui/Modal.js';
+import '../../index-23251a75.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-c74412de.js';
+import '../../VoiceMessageInputWrapper-8f6bfd36.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-d75ba9c0.js';
+import '../../index-f0fa0260.js';
 
 var ChannelUI = function (_a) {
   var _b, _c, _d, _e;

package/Channel/components/ChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelUI.js","sources":["../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ChannelUIProps) => {\n  const {\n    channelUrl,\n    isInvalid,\n  } = useChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {renderChannelHeader?.() || (\n        <ChannelHeader className=\"sendbird-conversation__channel-header\" />\n      )}\n      <MessageList\n        className=\"sendbird-conversation__message-list\"\n        renderMessage={renderMessage}\n        renderPlaceholderEmpty={renderPlaceholderEmpty}\n        renderCustomSeparator={renderCustomSeparator}\n        renderPlaceholderLoader={renderPlaceholderLoader}\n      />\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n            />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_f","useChannelContext","channelUrl","isInvalid","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","retryToConnect","info","ChannelHeader","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}
+{"version":3,"file":"ChannelUI.js","sources":["../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ChannelUIProps) => {\n  const {\n    channelUrl,\n    isInvalid,\n  } = useChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {renderChannelHeader?.() || (\n        <ChannelHeader className=\"sendbird-conversation__channel-header\" />\n      )}\n      <MessageList\n        className=\"sendbird-conversation__message-list\"\n        renderMessage={renderMessage}\n        renderPlaceholderEmpty={renderPlaceholderEmpty}\n        renderCustomSeparator={renderCustomSeparator}\n        renderPlaceholderLoader={renderPlaceholderLoader}\n      />\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n            />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_f","useChannelContext","channelUrl","isInvalid","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","retryToConnect","info","ChannelHeader","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}

package/Channel/components/FileViewer.js

@@ -1,32 +1,32 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8efe881f.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-5c20d787.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-cd1a9173.js';
+import { M as MODAL_ROOT } from '../../index-d5a761b9.js';
+import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-f87c5aab.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-cd9afff3.js';
-import '../../tslib.es6-5180f9d1.js';
+import { u as useChannelContext } from '../../ChannelProvider-9a52ed96.js';
+import '../../tslib.es6-debac48c.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-368c5040.js';
+import '../../uuid-e979d613.js';
 import 'prop-types';
-import '../../stringSet-2d42f6ff.js';
+import '../../stringSet-fa7e0d83.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-12b6fabf.js';
-import '../../index-8a52a6f4.js';
-import '../../index-0f373e79.js';
-import '../../topics-6d4bf2ed.js';
-import '../../_rollupPluginBabelHelpers-3756a6a3.js';
-import '../../compareIds-3e30a438.js';
-import '../../const-71bd6867.js';
+import '../../UserProfileContext-576f1ef9.js';
+import '../../index-8d6fa44a.js';
+import '../../index-8b3cd0b6.js';
+import '../../topics-2647294d.js';
+import '../../_rollupPluginBabelHelpers-6e60e429.js';
+import '../../compareIds-b858e41a.js';
+import '../../const-10a01327.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-30f09302.js';
+import '../../consts-f3b2a046.js';
 
 var FileViewerComponent = function (_a) {
   var

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-43b10f97.js';
-import { L as Label, a as LabelTypography } from '../../index-8f0ae983.js';
-import '../../stringSet-2d42f6ff.js';
-import '../../index-0f373e79.js';
+import { a as LocalizationContext } from '../../LocalizationContext-428ea690.js';
+import { L as Label, a as LabelTypography } from '../../index-8efe881f.js';
+import '../../stringSet-fa7e0d83.js';
+import '../../index-8b3cd0b6.js';
 import 'prop-types';
 
 var FrozenNotification = function (_a) {