@sendbird/uikit-react 3.12.1 → 3.13.0

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-KIf79auh.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-5fPKUbCn.js';
-import { n as noop } from '../chunks/bundle-TovLF3ih.js';
-import { M as Modal } from '../chunks/bundle-6hgn3L9Y.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-6hgn3L9Y.js';
+import { K } from '../chunks/bundle-0QDb7-Y_.js';
+import { n as noop } from '../chunks/bundle-DHw1C5gJ.js';
+import { M as Modal } from '../chunks/bundle-22Jw6ztq.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-22Jw6ztq.js';
 import 'react-dom';
-import '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
-import '../chunks/bundle-fMkcL8C8.js';
+import '../chunks/bundle-wpc1Fted.js';
+import '../chunks/bundle-XDy3Cf54.js';
+import '../chunks/bundle-wWnN6K3w.js';
+import '../chunks/bundle-Y3ZVN9yF.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-9c5vLDe9.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,94 +3,94 @@ 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-yPhMS1LV.js';
+export { g as getStringSet } from './chunks/bundle-XDy3Cf54.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-f9AOpkiS.js';
-import './chunks/bundle-yoFO4gJM.js';
+export { T as TypingIndicatorType } from './chunks/bundle-IH2e-Hbm.js';
+import './chunks/bundle-KIf79auh.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-5fPKUbCn.js';
-import './chunks/bundle-J6qXeThU.js';
-import './chunks/bundle-6cTGHg9E.js';
+import './chunks/bundle-0QDb7-Y_.js';
+import './chunks/bundle-85rk09Bx.js';
+import './chunks/bundle-PTiTVbcu.js';
 import '@sendbird/chat';
-import './chunks/bundle-wdUAfmoS.js';
+import './chunks/bundle-hjFxrcMW.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-TYsOyvS5.js';
+import './chunks/bundle-LTiCF37t.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-TovLF3ih.js';
-import './chunks/bundle-PrsPGxuw.js';
-import './chunks/bundle-wKSIzWUl.js';
-import './chunks/bundle-S-mn30SU.js';
+import './chunks/bundle-DHw1C5gJ.js';
+import './chunks/bundle-PdtvfqJT.js';
+import './chunks/bundle-bg3dRlK7.js';
+import './chunks/bundle-xC7o7NLR.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-_xgfKjN0.js';
-import './chunks/bundle-wO0wz3br.js';
-import './chunks/bundle-6hgn3L9Y.js';
+import './chunks/bundle-wpc1Fted.js';
+import './chunks/bundle-wWnN6K3w.js';
+import './chunks/bundle-22Jw6ztq.js';
 import 'react-dom';
-import './chunks/bundle-fMkcL8C8.js';
+import './chunks/bundle-Y3ZVN9yF.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-52hs7-M-.js';
+import './chunks/bundle-9c5vLDe9.js';
 import './ui/Icon.js';
-import './chunks/bundle-taqbMkQe.js';
+import './chunks/bundle-9QigDxkR.js';
 import './hooks/useModal.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-bazn-ENb.js';
-import './chunks/bundle-Q3UquQ_i.js';
-import './chunks/bundle-a2TolYYj.js';
-import './chunks/bundle-BGFDI87G.js';
-import './chunks/bundle-pwwvkK5L.js';
-import './chunks/bundle-_o_iMme_.js';
-import './chunks/bundle--q7ObKwF.js';
+import './chunks/bundle-_hGurAcC.js';
+import './chunks/bundle-npMrmwG6.js';
+import './chunks/bundle-39Y3yv8j.js';
+import './chunks/bundle-Ueye8-sz.js';
+import './chunks/bundle-NQDEdVJA.js';
+import './chunks/bundle-X7gl5vNX.js';
+import './chunks/bundle-3E-IANjq.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-UDnO8-Dp.js';
+import './chunks/bundle-jzjtmtps.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-jHpuKuA-.js';
+import './chunks/bundle-cilkeUXQ.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-f1tjVRSh.js';
+import './chunks/bundle-b2jLXyrm.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Jun66RyD.js';
-import './chunks/bundle-SMgyl32k.js';
-import './chunks/bundle-r1f2uym4.js';
+import './chunks/bundle-Sl-oiala.js';
+import './chunks/bundle-v3VMB7al.js';
+import './chunks/bundle-7Mx2MtAL.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-yQgn6JfU.js';
-import './chunks/bundle-is3QkoNv.js';
-import './chunks/bundle-WImaBVSO.js';
+import './chunks/bundle-a73hFmUC.js';
+import './chunks/bundle-eC1SRuX3.js';
+import './chunks/bundle-yIputEl7.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-2BKREX4m.js';
+import './chunks/bundle-n2BmCgGV.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-YpfSm9dM.js';
-import './chunks/bundle-B_WSWypW.js';
+import './chunks/bundle-AaDwp4eU.js';
+import './chunks/bundle-zy69cX9t.js';
 import 'dompurify';
-import './chunks/bundle-9JkrMUIl.js';
-import './chunks/bundle-014pCrux.js';
-import './chunks/bundle-tPOBtJjA.js';
-import './chunks/bundle-W_nWubt-.js';
+import './chunks/bundle-9C7b_-hs.js';
+import './chunks/bundle-0Vur_TKy.js';
+import './chunks/bundle-4gcxTdvH.js';
+import './chunks/bundle-Sm0-7tTm.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-1pgLpH_4.js';
-import './chunks/bundle-6ivjnK_C.js';
-import './chunks/bundle-U7_j21Ss.js';
+import './chunks/bundle-qouYngqR.js';
+import './chunks/bundle-ubVU4exZ.js';
+import './chunks/bundle-PYv4lPO3.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-TzTFcIfJ.js';
+import './chunks/bundle-0DTNrbOf.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-rW70z6Ho.js';
+import './chunks/bundle-lZq_XDzb.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -103,80 +103,84 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-A8dpIXKJ.js';
-import './chunks/bundle-ykuyabqF.js';
+import './chunks/bundle-2AR3a1T9.js';
+import './chunks/bundle-bgVMRm8v.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-LG3hn4TL.js';
+import './chunks/bundle-BiPw1Sub.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-xLjEyoT0.js';
-import './chunks/bundle-cJYfaBvk.js';
-import './chunks/bundle-SXGL8fBv.js';
+import './chunks/bundle-y9VJsc3H.js';
+import './chunks/bundle-6_zAh1Y3.js';
+import './chunks/bundle-jqQY8n8G.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
+import './ui/TemplateMessageItemBody.js';
+import './chunks/bundle-6KFri-1A.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/Input.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-BF1Rr3vo.js';
+import './chunks/bundle-NntyZyeL.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-gSFYF-34.js';
+import './chunks/bundle-da60Z7l5.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-BLt9vn5B.js';
-import './chunks/bundle--pOSeu9W.js';
+import './chunks/bundle--WETJA_c.js';
+import './chunks/bundle-XjJUjhN1.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-OAC6aJ8X.js';
+import './chunks/bundle-DbZW44FD.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-BTLUIJqA.js';
-import './chunks/bundle-24By8B6B.js';
+import './chunks/bundle-NwEKq2eQ.js';
+import './chunks/bundle-y909vBn9.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-IFrmy9_C.js';
+import './chunks/bundle-dUPYt-qi.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-3cwcm2Rk.js';
+import './chunks/bundle-fgpwMbpA.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-DS8eBDjC.js';
+import './chunks/bundle-6zdlkf2J.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-F_qWVzaf.js';
+import './chunks/bundle-2194oWZc.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-pJmhSBAn.js';
+import './chunks/bundle--GxLwo7q.js';
 import './Thread/context/types.js';
-import './chunks/bundle-ZlvXkXrU.js';
-import './chunks/bundle-UxyhnVkY.js';
+import './chunks/bundle-6yzuMtzi.js';
+import './chunks/bundle-C-Q3OKQW.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-6mWCjL2G.js';
+import './chunks/bundle-Aqr_4BjO.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-oLg6CIrN.js';
-import './chunks/bundle-IOegLdFC.js';
+import './chunks/bundle-Drmg8_dh.js';
+import './chunks/bundle-gQwzebOn.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -190,37 +194,37 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-ibeQnj0V.js';
+import './chunks/bundle-6ruK1Zgw.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-Y-ZHrlZJ.js';
+import './chunks/bundle-O7xTFAHP.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-VfTA9EY8.js';
-import './chunks/bundle-cIHCEDKb.js';
+import './chunks/bundle-rjBwVkDc.js';
+import './chunks/bundle-LjoHDFFW.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-rXKTCCVw.js';
+import './chunks/bundle-nXMckOlK.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-rwixBUpF.js';
+import './chunks/bundle-hAyHXo9f.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-qfOg3sUU.js';
+import './chunks/bundle-LQlIikHo.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-e1b64xud.js';
-import './chunks/bundle-qafY5nY6.js';
+import './chunks/bundle-BMZkoBS_.js';
+import './chunks/bundle-JyjLgYxl.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -231,7 +235,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-GCno1s5H.js';
+import './chunks/bundle-MSFA1dPT.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/index.js.map

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

package/package.json

@@ -36,14 +36,15 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.12.1",
+  "version": "3.13.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.10.10",
-    "@sendbird/uikit-tools": "0.0.1-alpha.62",
+    "@sendbird/chat": "^4.11.0",
+    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.65",
+    "@sendbird/uikit-tools": "0.0.1-alpha.65",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"
@@ -985,6 +986,30 @@
       "import": "./ui/MessageStatus.js",
       "default": "./ui/MessageStatus.js"
     },
+    "./ui/MessageTemplate": {
+      "types": "./types/ui/MessageTemplate/index.d.ts",
+      "require": "./cjs/ui/MessageTemplate.js",
+      "import": "./ui/MessageTemplate.js",
+      "default": "./ui/MessageTemplate.js"
+    },
+    "./ui/TemplateMessageItemBody": {
+      "types": "./types/ui/TemplateMessageItemBody/index.d.ts",
+      "require": "./cjs/ui/TemplateMessageItemBody.js",
+      "import": "./ui/TemplateMessageItemBody.js",
+      "default": "./ui/TemplateMessageItemBody.js"
+    },
+    "./ui/FallbackTemplateMessageItemBody.tsx": {
+      "types": "./types/ui/TemplateMessageItemBody/FallbackTemplateMessageItemBody.d.ts",
+      "require": "./cjs/ui/FallbackTemplateMessageItemBody.tsx.js",
+      "import": "./ui/FallbackTemplateMessageItemBody.tsx.js",
+      "default": "./ui/FallbackTemplateMessageItemBody.tsx.js"
+    },
+    "./ui/LoadingTemplateMessageItemBody.tsx": {
+      "types": "./types/ui/TemplateMessageItemBody/LoadingTemplateMessageItemBody.d.ts",
+      "require": "./cjs/ui/LoadingTemplateMessageItemBody.tsx.js",
+      "import": "./ui/LoadingTemplateMessageItemBody.tsx.js",
+      "default": "./ui/LoadingTemplateMessageItemBody.tsx.js"
+    },
     "./ui/Modal": {
       "types": "./types/ui/Modal/index.d.ts",
       "require": "./cjs/ui/Modal.js",
@@ -1645,6 +1670,18 @@
       "ui/MessageStatus": [
         "./types/ui/MessageStatus/index.d.ts"
       ],
+      "ui/MessageTemplate": [
+        "./types/ui/MessageTemplate/index.d.ts"
+      ],
+      "ui/TemplateMessageItemBody": [
+        "./types/ui/TemplateMessageItemBody/index.d.ts"
+      ],
+      "ui/FallbackTemplateMessageItemBody.tsx": [
+        "./types/ui/TemplateMessageItemBody/FallbackTemplateMessageItemBody.d.ts"
+      ],
+      "ui/LoadingTemplateMessageItemBody.tsx": [
+        "./types/ui/TemplateMessageItemBody/LoadingTemplateMessageItemBody.d.ts"
+      ],
       "ui/Modal": [
         "./types/ui/Modal/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--q7ObKwF.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-3E-IANjq.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle--q7ObKwF.js';
-import { n as noop } from './chunks/bundle-TovLF3ih.js';
+import { p as pubSubTopics } from './chunks/bundle-3E-IANjq.js';
+import { n as noop } from './chunks/bundle-DHw1C5gJ.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useAsyncRequest.d.ts

@@ -1,9 +1,12 @@
+import { DependencyList } from 'react';
 interface Request<Response> {
     (): Promise<Response>;
     cancel?(): void;
 }
 interface Options {
     resetResponseOnRefresh?: boolean;
+    persistLoadingIfNoResponse?: boolean;
+    deps?: DependencyList;
 }
 interface State<T, E = unknown> {
     loading: boolean;

package/types/lib/dux/appInfo/actionTypes.d.ts

@@ -0,0 +1,25 @@
+import { CreateAction } from '../../../utils/typeHelpers/reducers/createAction';
+import { MessageTemplatesInfo, ProcessedMessageTemplate } from './initialState';
+export declare const APP_INFO_ACTIONS: {
+    readonly INITIALIZE_MESSAGE_TEMPLATES_INFO: "INITIALIZE_MESSAGE_TEMPLATES_INFO";
+    readonly UPSERT_MESSAGE_TEMPLATE: "UPSERT_MESSAGE_TEMPLATE";
+    readonly UPSERT_WAITING_TEMPLATE_KEY: "UPSERT_WAITING_TEMPLATE_KEY";
+    readonly MARK_ERROR_WAITING_TEMPLATE_KEY: "MARK_ERROR_WAITING_TEMPLATE_KEY";
+};
+export type TemplatesMapData = {
+    key: string;
+    template: ProcessedMessageTemplate;
+};
+type APP_INFO_PAYLOAD_TYPES = {
+    [APP_INFO_ACTIONS.INITIALIZE_MESSAGE_TEMPLATES_INFO]: MessageTemplatesInfo;
+    [APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATE]: TemplatesMapData;
+    [APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEY]: {
+        key: string;
+        requestedAt: number;
+    };
+    [APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEY]: {
+        key: string;
+    };
+};
+export type AppInfoActionTypes = CreateAction<APP_INFO_PAYLOAD_TYPES>;
+export {};

package/types/lib/dux/appInfo/initialState.d.ts

@@ -0,0 +1,22 @@
+export type ProcessedMessageTemplate = {
+    uiTemplate: string;
+    colorVariables?: Record<string, string>;
+};
+export interface MessageTemplatesInfo {
+    token: string;
+    templatesMap: Record<string, ProcessedMessageTemplate>;
+}
+export interface WaitingTemplateKeyData {
+    requestedAt: number;
+    isError: boolean;
+}
+export interface AppInfoStateType {
+    messageTemplatesInfo?: MessageTemplatesInfo;
+    /**
+     * This represents template keys that are currently waiting for its fetch response.
+     * Whenever initialized, request succeeds or fails, it needs to be updated.
+     */
+    waitingTemplateKeysMap: Record<string, WaitingTemplateKeyData>;
+}
+declare const initialState: AppInfoStateType;
+export default initialState;

package/types/lib/dux/appInfo/reducers.d.ts

@@ -0,0 +1,3 @@
+import { AppInfoStateType } from './initialState';
+import { AppInfoActionTypes } from './actionTypes';
+export default function reducer(state: AppInfoStateType, action: AppInfoActionTypes): AppInfoStateType;

package/types/lib/dux/appInfo/utils.d.ts

@@ -0,0 +1,7 @@
+import { ProcessedMessageTemplate } from './initialState';
+import { SendbirdMessageTemplate } from '../../../ui/TemplateMessageItemBody/types';
+/**
+ * Takes JSON parsed template and then returns processed message template for storing it in global state.
+ */
+export declare const getProcessedTemplate: (parsedTemplate: SendbirdMessageTemplate) => ProcessedMessageTemplate;
+export declare const getProcessedTemplates: (parsedTemplates: SendbirdMessageTemplate[]) => Record<string, ProcessedMessageTemplate>;

package/types/lib/hooks/useConnect/__test__/data.mocks.d.ts

@@ -3,8 +3,9 @@ import { ConnectTypes, DisconnectSdkTypes, SetupConnectionTypes, StaticTypes, Tr
 export declare const mockUser: User;
 export declare const mockUser2: User;
 export declare const mockSdk: import("@sendbird/chat").default;
-export declare const mockSdkDispatcher: (value: import("../../../dux/sdk/actionTypes").SdkActionTypes) => void;
-export declare const mockUserDispatcher: (value: import("../../../dux/user/actionTypes").UserActionTypes) => void;
+export declare const mockSdkDispatcher: import("../types").SdkDispatcher;
+export declare const mockUserDispatcher: import("../types").UserDispatcher;
+export declare const mockAppInfoDispatcher: import("../types").AppInfoDispatcher;
 export declare const mockInitDashboardConfigs: (sdk: import("@sendbird/chat").default) => Promise<void>;
 export declare const defaultStaticParams: StaticTypes;
 export declare const defaultTriggerParams: TriggerTypes;

package/types/lib/hooks/useConnect/connect.d.ts

@@ -1,2 +1,2 @@
 import { ConnectTypes } from './types';
-export declare function connect({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, sdk, sdkInitParams, customExtensionParams, isMobile, eventHandlers, isUserIdUsedForNickname, }: ConnectTypes): Promise<void>;
+export declare function connect({ logger, sdkDispatcher, userDispatcher, appInfoDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, sdk, sdkInitParams, customExtensionParams, isMobile, eventHandlers, isUserIdUsedForNickname, initializeMessageTemplatesInfo, }: ConnectTypes): Promise<void>;

package/types/lib/hooks/useConnect/setupConnection.d.ts

@@ -15,4 +15,4 @@ export declare function setUpParams({ appId, customApiHost, customWebSocketHost,
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
 }): import("@sendbird/chat").SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (GroupChannelModule | OpenChannelModule)[]>;
-export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, }: SetupConnectionTypes): Promise<void>;
+export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, initializeMessageTemplatesInfo, }: SetupConnectionTypes): Promise<void>;

package/types/lib/hooks/useConnect/types.d.ts

@@ -6,8 +6,10 @@ import { SdkActionTypes } from '../../dux/sdk/actionTypes';
 import { UserActionTypes } from '../../dux/user/actionTypes';
 import { Logger } from '../../SendbirdState';
 import { SendbirdChatInitParams, CustomExtensionParams, SBUEventHandlers } from '../../types';
-type SdkDispatcher = React.Dispatch<SdkActionTypes>;
-type UserDispatcher = React.Dispatch<UserActionTypes>;
+import { AppInfoActionTypes } from '../../dux/appInfo/actionTypes';
+export type SdkDispatcher = React.Dispatch<SdkActionTypes>;
+export type UserDispatcher = React.Dispatch<UserActionTypes>;
+export type AppInfoDispatcher = React.Dispatch<AppInfoActionTypes>;
 export type TriggerTypes = {
     userId: string;
     appId: string;
@@ -26,10 +28,12 @@ export type StaticTypes = {
     logger: Logger;
     sdkDispatcher: SdkDispatcher;
     userDispatcher: UserDispatcher;
+    appInfoDispatcher: AppInfoDispatcher;
     initDashboardConfigs: (sdk: SendbirdChat) => Promise<void>;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
     eventHandlers?: SBUEventHandlers;
+    initializeMessageTemplatesInfo: (sdk: SendbirdChat) => Promise<void>;
 };
 export type ConnectTypes = TriggerTypes & StaticTypes;
 export type SetupConnectionTypes = Omit<ConnectTypes, 'sdk'>;
@@ -40,4 +44,3 @@ export type DisconnectSdkTypes = {
     logger: Logger;
 };
 export type ReconnectType = () => void;
-export {};

package/types/lib/hooks/useMessageTemplateUtils.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AppInfoStateType, ProcessedMessageTemplate } from '../dux/appInfo/initialState';
+import SendbirdChat from '@sendbird/chat';
+import { AppInfoActionTypes } from '../dux/appInfo/actionTypes';
+import { LoggerInterface } from '../Logger';
+interface UseMessageTemplateUtilsProps {
+    sdk: SendbirdChat;
+    logger: LoggerInterface;
+    appInfoStore: AppInfoStateType;
+    appInfoDispatcher: React.Dispatch<AppInfoActionTypes>;
+}
+export interface UseMessageTemplateUtilsWrapper {
+    getCachedTemplate: (key: string) => ProcessedMessageTemplate | null;
+    updateMessageTemplatesInfo: (templateKey: string, requestedAt: number) => Promise<void>;
+    initializeMessageTemplatesInfo: (readySdk: SendbirdChat) => Promise<void>;
+}
+export default function useMessageTemplateUtils({ sdk, logger, appInfoStore, appInfoDispatcher, }: UseMessageTemplateUtilsProps): UseMessageTemplateUtilsWrapper;
+export {};

package/types/lib/types.d.ts

@@ -18,6 +18,8 @@ import { SdkActionTypes } from './dux/sdk/actionTypes';
 import { ReconnectType } from './hooks/useConnect/types';
 import { SBUGlobalPubSub } from './pubSub/topics';
 import { EmojiManager } from './emojiManager';
+import { MessageTemplatesInfo, ProcessedMessageTemplate, WaitingTemplateKeyData } from './dux/appInfo/initialState';
+import { AppInfoActionTypes } from './dux/appInfo/actionTypes';
 export declare const Role: {
     readonly OPERATOR: "operator";
     readonly NONE: "none";
@@ -82,6 +84,7 @@ export interface SendBirdStateConfig {
         typingIndicatorTypes: SBUConfig['groupChannel']['channel']['typingIndicatorTypes'];
         enableFeedback: SBUConfig['groupChannel']['channel']['enableFeedback'];
         enableSuggestedReplies: SBUConfig['groupChannel']['channel']['enableSuggestedReplies'];
+        showSuggestedRepliesFor: SBUConfig['groupChannel']['channel']['showSuggestedRepliesFor'];
     };
     openChannel: {
         enableOgtag: SBUConfig['openChannel']['channel']['enableOgtag'];
@@ -100,9 +103,14 @@ export interface UserStore {
     loading: boolean;
     user: User;
 }
+export interface AppInfoStore {
+    messageTemplatesInfo?: MessageTemplatesInfo;
+    waitingTemplateKeysMap: Record<string, WaitingTemplateKeyData>;
+}
 export interface SendBirdStateStore {
     sdkStore: SdkStore;
     userStore: UserStore;
+    appInfoStore: AppInfoStore;
 }
 export type SendBirdState = {
     config: SendBirdStateConfig;
@@ -110,10 +118,12 @@ export type SendBirdState = {
     dispatchers: {
         sdkDispatcher: React.Dispatch<SdkActionTypes>;
         userDispatcher: React.Dispatch<UserActionTypes>;
+        appInfoDispatcher: React.Dispatch<AppInfoActionTypes>;
         reconnect: ReconnectType;
     };
     eventHandlers?: SBUEventHandlers;
     emojiManager?: EmojiManager;
+    utils: SendbirdProviderUtils;
 };
 type GetSdk = SendbirdChat | undefined;
 type GetConnect = (userId: string, accessToken?: string) => Promise<User>;
@@ -174,4 +184,8 @@ export type UIKitOptions = PartialDeep<{
 }>;
 export type SendbirdChatInitParams = Omit<SendbirdChatParams<Module[]>, 'appId'>;
 export type CustomExtensionParams = Record<string, string>;
+export type SendbirdProviderUtils = {
+    updateMessageTemplatesInfo: (templateKey: string, createdAt: number) => Promise<void>;
+    getCachedTemplate: (key: string) => ProcessedMessageTemplate | null;
+};
 export {};