@sendbird/uikit-react 3.13.3 → 3.13.5-rc.0

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CVDtzU3E.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-ejaEZZx2.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-4a9M9y8N.js';
-import { n as noop } from '../chunks/bundle-CT3xDvIx.js';
-import { M as Modal } from '../chunks/bundle-CCUBCV04.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-CCUBCV04.js';
+import { K } from '../chunks/bundle-u61WxT34.js';
+import { n as noop } from '../chunks/bundle-DJtmx5ZB.js';
+import { M as Modal } from '../chunks/bundle-DTJmJKI-.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-DTJmJKI-.js';
 import 'react-dom';
-import '../chunks/bundle-BX0LQWqY.js';
-import '../chunks/bundle-DaQK1Cox.js';
-import '../chunks/bundle-BxBdkxXV.js';
-import '../chunks/bundle-CLqgMCvn.js';
+import '../chunks/bundle-py7VIZyb.js';
+import '../chunks/bundle-D7MBXSdL.js';
+import '../chunks/bundle-CoRDMAPz.js';
+import '../chunks/bundle-BazICRW7.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-CWc03_e6.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,94 +3,95 @@ export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
 export { default as ChannelList } from './ChannelList.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './chunks/bundle-DaQK1Cox.js';
+export { g as getStringSet } from './chunks/bundle-D7MBXSdL.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { default as withSendBird } from './withSendbird.js';
 export { default as sendBirdSelectors, default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-export { T as TypingIndicatorType } from './chunks/bundle-DlHudqve.js';
-import './chunks/bundle-CVDtzU3E.js';
+export { T as TypingIndicatorType } from './chunks/bundle-B5yqKCqj.js';
+import './chunks/bundle-ejaEZZx2.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-4a9M9y8N.js';
-import './chunks/bundle-DuNr1Njk.js';
-import './chunks/bundle-COR7gPrO.js';
+import './chunks/bundle-u61WxT34.js';
+import './chunks/bundle-Cjx44IEO.js';
+import './chunks/bundle-Cpgaa2QN.js';
 import '@sendbird/chat';
-import './chunks/bundle-CkInAxxb.js';
+import './chunks/bundle-C429AP16.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-DI3fL4Xw.js';
+import './chunks/bundle-l3lwcum3.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CT3xDvIx.js';
-import './chunks/bundle-1ymLj4Og.js';
-import './chunks/bundle-DxdGwARh.js';
-import './chunks/bundle-BlHQV-25.js';
+import './chunks/bundle-DJtmx5ZB.js';
+import './chunks/bundle-vrEu-XlY.js';
+import './chunks/bundle-sYSBqyLA.js';
+import './chunks/bundle-DayUsjVk.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-BX0LQWqY.js';
-import './chunks/bundle-BxBdkxXV.js';
-import './chunks/bundle-CCUBCV04.js';
+import './chunks/bundle-py7VIZyb.js';
+import './chunks/bundle-CoRDMAPz.js';
+import './chunks/bundle-DTJmJKI-.js';
 import 'react-dom';
-import './chunks/bundle-CLqgMCvn.js';
+import './chunks/bundle-BazICRW7.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-DPhbbRZE.js';
+import './chunks/bundle-CWc03_e6.js';
 import './ui/Icon.js';
-import './chunks/bundle-BHOxoDJO.js';
+import './chunks/bundle-DTtxLQBf.js';
 import './hooks/useModal.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-yNfnN0a6.js';
-import './chunks/bundle-DoJNLxY9.js';
-import './chunks/bundle-IuZ6uyzU.js';
-import './chunks/bundle-D45e30Hl.js';
-import './chunks/bundle-HsrPpAtd.js';
-import './chunks/bundle-BntzGGYb.js';
-import './chunks/bundle-DEqxoG9B.js';
+import './chunks/bundle-Dy6J2FME.js';
+import './chunks/bundle-D0-N42A3.js';
+import './chunks/bundle-BIXwglsl.js';
+import './chunks/bundle-cFwxkyJc.js';
+import './chunks/bundle-Cz1RHbaK.js';
+import './chunks/bundle-D6WFbNam.js';
+import './chunks/bundle-iSRI1q4Z.js';
+import './chunks/bundle-ivF6R_pQ.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-DIEAFe_F.js';
+import './chunks/bundle-CSb883DP.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-fvRtOX6P.js';
+import './chunks/bundle-Jp0FAvez.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-BXpzbAbi.js';
+import './chunks/bundle-2CB9cbyK.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DYJilNov.js';
-import './chunks/bundle-BVGlC_pg.js';
-import './chunks/bundle-aE9efllI.js';
+import './chunks/bundle-DgTHmlAs.js';
+import './chunks/bundle-lUf6HzQ1.js';
+import './chunks/bundle-COFs5JRF.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-rl7Rvf_6.js';
-import './chunks/bundle-DBzkkIf1.js';
-import './chunks/bundle-CZYvKysu.js';
+import './chunks/bundle-DixvA1wh.js';
+import './chunks/bundle-DIm3jhUf.js';
+import './chunks/bundle-Dbuyvbkx.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-DHp0VTVS.js';
+import './chunks/bundle-BrdyFeU8.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-ts_i6oEg.js';
-import './chunks/bundle-DNq8IoOw.js';
+import './chunks/bundle-CT2oSHgF.js';
+import './chunks/bundle-CSUG2Jsp.js';
 import 'dompurify';
-import './chunks/bundle-B8HW06Fl.js';
-import './chunks/bundle-CJ9_QDKY.js';
-import './chunks/bundle-WrvoTlHQ.js';
-import './chunks/bundle-DqNfXH8L.js';
+import './chunks/bundle-DFtNvoFc.js';
+import './chunks/bundle-BEq-7pEp.js';
+import './chunks/bundle-B1Lu9lTG.js';
+import './chunks/bundle-DJomGmJW.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-jd7__XU_.js';
-import './chunks/bundle-CMKCY3ba.js';
-import './chunks/bundle-Bm_WZS3a.js';
+import './chunks/bundle-q-Um8ZaL.js';
+import './chunks/bundle-DtZFfgt5.js';
+import './chunks/bundle-Dt0QAf1h.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-CIO0N9hp.js';
+import './chunks/bundle-DotbTgK1.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-j5EP0k3D.js';
+import './chunks/bundle-BWPwzSCb.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -103,19 +104,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-GRqvZZ2N.js';
-import './chunks/bundle-DTywBX7q.js';
+import './chunks/bundle-D2cpAH7S.js';
+import './chunks/bundle-Y22L0ujf.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-C6fuKmVo.js';
+import './chunks/bundle-DCDj9cBa.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BMvaJoQA.js';
-import './chunks/bundle-Dj4HLKX0.js';
-import './chunks/bundle-CP1hwfFC.js';
+import './chunks/bundle-CjrC1nIR.js';
+import './chunks/bundle-atjHJy7O.js';
+import './chunks/bundle-BV6yG1Q1.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -123,64 +124,64 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-D47WMGAq.js';
+import './chunks/bundle-CvFR8emy.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
-import './Channel/components/MessageFeedbackModal.js';
+import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
+import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-CS4RK0T7.js';
+import './chunks/bundle-CJ9ZgW3O.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-BkM4cdOJ.js';
+import './chunks/bundle-DkipNSGW.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-SvqLmXeF.js';
-import './chunks/bundle-CIhbNReG.js';
+import './chunks/bundle-JOYu_bJA.js';
+import './chunks/bundle-DWqTnOMC.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-CmdUup8N.js';
+import './chunks/bundle-DRBA7pOF.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-5HwGq_hd.js';
-import './chunks/bundle-CfZFWZM3.js';
+import './chunks/bundle-DAFxRwZA.js';
+import './chunks/bundle-BpZHRVFG.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-CilkBcv-.js';
+import './chunks/bundle-BrPRjJ0m.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-Ds2X6Fjs.js';
+import './chunks/bundle-CeazJdXf.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-BIvhXCoF.js';
+import './chunks/bundle-CF5ILwVb.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-Di7baNGv.js';
+import './chunks/bundle-B6WHOoiH.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-CVFMpKJZ.js';
+import './chunks/bundle-BhyGIt3n.js';
 import './Thread/context/types.js';
-import './chunks/bundle-C6ZXjQ1L.js';
-import './chunks/bundle-CAki7JUf.js';
+import './chunks/bundle-HFtcdrtS.js';
+import './chunks/bundle-VAaqXBXR.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-aJhoAKLH.js';
+import './chunks/bundle-DjqTZjkj.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-Cvm8Ag45.js';
-import './chunks/bundle-DQnpJfyk.js';
+import './chunks/bundle-D6slzVtq.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -195,37 +196,36 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-DavEbLba.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-BOrV2z_R.js';
+import './chunks/bundle-B4d2T-Ji.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-VttuSapS.js';
-import './chunks/bundle-D3OeBr-9.js';
+import './chunks/bundle-B9Bm593o.js';
+import './chunks/bundle-CYgwb9VZ.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-D6kFzMhH.js';
+import './chunks/bundle-JM8paPd8.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-BpDuHeEB.js';
+import './chunks/bundle-BMwchPGm.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-CYtZF1xr.js';
+import './chunks/bundle-DKokSoOr.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './chunks/bundle-BAsn0CBE.js';
-import './chunks/bundle-Dypl_pLH.js';
+import './chunks/bundle-B8_-CU-h.js';
+import './chunks/bundle-DEXxljeg.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -236,7 +236,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-CjW6ZQ1k.js';
+import './chunks/bundle-BV3BzfO4.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/package.json

@@ -36,15 +36,15 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.13.3",
+  "version": "3.13.5-rc.0",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
     "@sendbird/chat": "^4.11.0",
-    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.65",
-    "@sendbird/uikit-tools": "0.0.1-alpha.65",
+    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.68",
+    "@sendbird/uikit-tools": "0.0.1-alpha.68",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"
@@ -410,12 +410,6 @@
       "import": "./Channel/components/RemoveMessageModal.js",
       "default": "./Channel/components/RemoveMessageModal.js"
     },
-    "./Channel/components/MessageFeedbackModal": {
-      "types": "./types/modules/Channel/components/MessageFeedbackModal/index.d.ts",
-      "require": "./cjs/Channel/components/MessageFeedbackModal.js",
-      "import": "./Channel/components/MessageFeedbackModal.js",
-      "default": "./Channel/components/MessageFeedbackModal.js"
-    },
     "./Channel/components/TypingIndicator": {
       "types": "./types/modules/Channel/components/TypingIndicator.d.ts",
       "require": "./cjs/Channel/components/TypingIndicator.js",
@@ -1207,6 +1201,18 @@
       "require": "./cjs/ui/MobileFeedbackMenu.js",
       "import": "./ui/MobileFeedbackMenu.js",
       "default": "./ui/MobileFeedbackMenu.js"
+    },
+    "./ui/MessageFeedbackModal": {
+      "types": "./types/ui/MessageFeedbackModal/index.d.ts",
+      "require": "./cjs/ui/MessageFeedbackModal.js",
+      "import": "./ui/MessageFeedbackModal.js",
+      "default": "./ui/MessageFeedbackModal.js"
+    },
+    "./ui/MessageFeedbackFailedModal": {
+      "types": "./types/ui/MessageFeedbackFailedModal/index.d.ts",
+      "require": "./cjs/ui/MessageFeedbackFailedModal.js",
+      "import": "./ui/MessageFeedbackFailedModal.js",
+      "default": "./ui/MessageFeedbackFailedModal.js"
     }
   },
   "typesVersions": {
@@ -1388,9 +1394,6 @@
       "Channel/components/RemoveMessageModal": [
         "./types/modules/Channel/components/RemoveMessageModal/index.d.ts"
       ],
-      "Channel/components/MessageFeedbackModal": [
-        "./types/modules/Channel/components/MessageFeedbackModal/index.d.ts"
-      ],
       "Channel/components/TypingIndicator": [
         "./types/modules/Channel/components/TypingIndicator.d.ts"
       ],
@@ -1786,6 +1789,12 @@
       ],
       "ui/MobileFeedbackMenu": [
         "./types/ui/MobileFeedbackMenu/index.d.ts"
+      ],
+      "ui/MessageFeedbackModal": [
+        "./types/ui/MessageFeedbackModal/index.d.ts"
+      ],
+      "ui/MessageFeedbackFailedModal": [
+        "./types/ui/MessageFeedbackFailedModal/index.d.ts"
       ]
     }
   }

package/pubSub/topics.js

@@ -1,2 +1,2 @@
-export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-DEqxoG9B.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-iSRI1q4Z.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DEqxoG9B.js';
-import { n as noop } from './chunks/bundle-CT3xDvIx.js';
+import { p as pubSubTopics } from './chunks/bundle-iSRI1q4Z.js';
+import { n as noop } from './chunks/bundle-DJtmx5ZB.js';
 
 /**
  * 1. UIKit Instances

package/types/lib/types.d.ts

@@ -79,6 +79,7 @@ export interface SendBirdStateConfig {
         enableTypingIndicator: SBUConfig['groupChannel']['channel']['enableTypingIndicator'];
         enableDocument: SBUConfig['groupChannel']['channel']['input']['enableDocument'];
         enableReactions: SBUConfig['groupChannel']['channel']['enableReactions'];
+        enableReactionsSupergroup: SBUConfig['groupChannel']['channel']['enableReactionsSupergroup'];
         replyType: SBUConfig['groupChannel']['channel']['replyType'];
         threadReplySelectType: SBUConfig['groupChannel']['channel']['threadReplySelectType'];
         typingIndicatorTypes: SBUConfig['groupChannel']['channel']['typingIndicatorTypes'];

package/types/modules/ChannelSettings/components/ModerationPanel/index.d.ts

@@ -1,3 +1,3 @@
 import './admin-panel.scss';
 import { ReactElement } from 'react';
-export default function AdminPannel(): ReactElement;
+export default function ModerationPanel(): ReactElement;

package/types/ui/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactElement } from 'react';
+import './index.scss';
+export interface AccordionProps {
+    className?: string;
+    id: string;
+    renderTitle?: () => ReactElement;
+    renderContent?: () => ReactElement;
+    renderFooter?: () => ReactElement;
+}
+export declare const Accordion: ({ className, id, renderTitle, renderContent, renderFooter, }: AccordionProps) => React.JSX.Element;

package/types/ui/Accordion/AccordionGroup.d.ts

@@ -1,7 +1,17 @@
-import { ReactElement } from 'react';
-interface Props {
-    children: Array<ReactElement> | ReactElement;
+import React, { type ReactElement } from 'react';
+export interface AccordionGroupContextType {
+    openedListKeys: Array<string>;
+    addOpenedListKey: (key: string) => void;
+    removeOpenedListKey: (key: string) => void;
+    clearOpenedListKeys: () => void;
+    allowMultipleOpen: boolean;
+}
+export declare const AccordionGroupContext: React.Context<AccordionGroupContextType>;
+export interface AccordionGroupProps {
     className?: string;
+    children: ReactElement | Array<ReactElement>;
+    allowMultipleOpen?: boolean;
 }
-export default function AccordionGroup({ children, className, }: Props): ReactElement;
-export {};
+export declare const AccordionGroupProvider: ({ className, children, allowMultipleOpen, }: AccordionGroupProps) => React.JSX.Element;
+export declare const useAccordionGroupContext: () => AccordionGroupContextType;
+export default AccordionGroupProvider;

package/types/ui/Accordion/index.d.ts

@@ -1,13 +1,7 @@
-import { ReactElement } from 'react';
+/// <reference types="react" />
 import './index.scss';
-import AccordionGroup_ from './AccordionGroup';
-interface Props {
-    className?: string | Array<string>;
-    id: string;
-    renderTitle(): ReactElement;
-    renderContent(): ReactElement;
-    renderFooter?(): ReactElement;
-}
-export default function Accordion({ className, id, renderTitle, renderContent, renderFooter, }: Props): ReactElement;
-export declare const AccordionGroup: typeof AccordionGroup_;
-export {};
+import { Accordion } from './Accordion';
+export default Accordion;
+export declare const AccordionGroup: ({ className, children, allowMultipleOpen, }: import("./AccordionGroup").AccordionGroupProps) => import("react").JSX.Element;
+export * from './Accordion';
+export * from './AccordionGroup';

package/types/ui/EmojiReactions/index.d.ts

@@ -1,10 +1,9 @@
 import './index.scss';
 import { ReactElement } from 'react';
-import type { EmojiContainer } from '@sendbird/chat';
+import type { EmojiContainer, User } from '@sendbird/chat';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { Nullable, SpaceFromTriggerType } from '../../types';
 import { SendableMessageType } from '../../utils';
-import { User } from '@sendbird/chat';
 export interface EmojiReactionsProps {
     className?: string | Array<string>;
     userId: string;

package/types/{modules/Channel/components → ui}/MessageFeedbackModal/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import './index.scss';
-import { CoreMessageType } from '../../../../utils';
+import { CoreMessageType } from '../../utils';
 import { FeedbackRating } from '@sendbird/chat/message';
 export interface MessageFeedbackModalProps {
     selectedFeedback: FeedbackRating | undefined;

package/types/utils/getIsReactionEnabled.d.ts

@@ -2,10 +2,11 @@
  * This function helps consider the every condition
  * related to enabling emoji reaction feature.
  */
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { SendBirdStateConfig } from '../lib/types';
 export interface IsReactionEnabledProps {
-    isBroadcast?: boolean;
-    isSuper?: boolean;
-    globalLevel?: boolean;
+    channel: GroupChannel;
+    config: SendBirdStateConfig;
     moduleLevel?: boolean;
 }
-export declare function getIsReactionEnabled({ isBroadcast, isSuper, globalLevel, moduleLevel, }: IsReactionEnabledProps): boolean;
+export declare function getIsReactionEnabled({ channel, config, moduleLevel, }: IsReactionEnabledProps): boolean;

package/ui/Accordion.js

@@ -1,47 +1,36 @@
-import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
-import React__default, { useState } from 'react';
+import React__default, { useMemo } from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-DavEbLba.js';
-import '../chunks/bundle-CT3xDvIx.js';
+import { useAccordionGroupContext, AccordionGroupProvider } from './AccordionGroup.js';
+export { AccordionGroupContext } from './AccordionGroup.js';
+import '../chunks/bundle-ejaEZZx2.js';
+import '../chunks/bundle-DJtmx5ZB.js';
 
-function Accordion(_a) {
+var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;
-    var _b = useState(false), showAccordion = _b[0], setShowAccordion = _b[1];
-    return (React__default.createElement(Consumer, null, 
-    // Function is considered like a react component
-    function (value) {
-        var opened = value.opened, setOpened = value.setOpened; // props from Provider
-        if (id === opened) {
-            setShowAccordion(true);
+    var _b = useAccordionGroupContext(), openedListKeys = _b.openedListKeys, addOpenedListKey = _b.addOpenedListKey, removeOpenedListKey = _b.removeOpenedListKey;
+    var isOpened = useMemo(function () { return openedListKeys.includes(id); }, [openedListKeys]);
+    var handleClick = function () {
+        if (isOpened) {
+            removeOpenedListKey(id);
         }
         else {
-            setShowAccordion(false);
+            addOpenedListKey(id);
         }
-        var handleClick = function () {
-            if (showAccordion) {
-                setOpened('');
-            }
-            else {
-                setOpened(id);
-            }
-        };
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-                    'sendbird-accordion__panel-header',
-                ], false).join(' '), id: id, role: "switch", "aria-checked": false, onClick: handleClick, onKeyDown: handleClick, tabIndex: 0 },
-                renderTitle(),
-                React__default.createElement(Icon, { type: IconTypes.CHEVRON_RIGHT, className: [
-                        'sendbird-accordion__panel-icon-right',
-                        'sendbird-accordion__panel-icon--chevron',
-                        (showAccordion ? 'sendbird-accordion__panel-icon--open' : ''),
-                    ].join(' '), height: "24px", width: "24px" })),
-            showAccordion && (React__default.createElement("div", { className: "sendbird-accordion" },
-                React__default.createElement("div", { className: "sendbird-accordion__list" }, renderContent()),
-                renderFooter && (React__default.createElement("div", { className: "sendbird-accordion__footer" }, renderFooter()))))));
-    }));
-}
-var AccordionGroup = AccordionGroup$1;
+    };
+    return (React__default.createElement("div", { className: "sendbird-accordion ".concat(className, " ").concat(isOpened ? 'sendbird-accordion--opened' : 'sendbird-accordion--closed') },
+        React__default.createElement("div", { className: "sendbird-accordion__panel-header", id: id, role: "switch", "aria-checked": false, onClick: handleClick, onKeyDown: handleClick, tabIndex: 0 },
+            renderTitle(),
+            React__default.createElement(Icon, { type: IconTypes.CHEVRON_RIGHT, className: [
+                    'sendbird-accordion__panel-icon-right',
+                    'sendbird-accordion__panel-icon--chevron',
+                    (isOpened ? 'sendbird-accordion__panel-icon--open' : ''),
+                ].join(' '), height: "24px", width: "24px" })),
+        isOpened && (React__default.createElement("div", { className: "sendbird-accordion-opened-list" },
+            React__default.createElement("div", { className: "sendbird-accordion__list" }, renderContent()),
+            renderFooter && (React__default.createElement("div", { className: "sendbird-accordion__footer" }, renderFooter()))))));
+};
 
-export { AccordionGroup, Accordion as default };
+var AccordionGroup = AccordionGroupProvider;
+
+export { Accordion, AccordionGroup, AccordionGroupProvider, Accordion as default, useAccordionGroupContext };
 //# sourceMappingURL=Accordion.js.map

package/ui/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}