@sendbird/uikit-react 3.12.1 → 3.13.1

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-XgKdQ_N6.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-ZcW4v7tz.js';
+import { n as noop } from '../chunks/bundle-LN_WdItn.js';
+import { M as Modal } from '../chunks/bundle-ZxknBRho.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-ZxknBRho.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-fGp6w98-.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-vKBxT9Oa.js';
+import '../chunks/bundle-726H1FcN.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-ueZaur75.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-DpuIAEpN.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-Q0DCPBLF.js';
+import './chunks/bundle-XgKdQ_N6.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-ZcW4v7tz.js';
+import './chunks/bundle-v0F6T-gl.js';
+import './chunks/bundle-Q-LEE_gW.js';
 import '@sendbird/chat';
-import './chunks/bundle-wdUAfmoS.js';
+import './chunks/bundle-a81-P2WI.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-TYsOyvS5.js';
+import './chunks/bundle-aRzA6Ar7.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-LN_WdItn.js';
+import './chunks/bundle-1gwAtv3_.js';
+import './chunks/bundle-ILthLqdx.js';
+import './chunks/bundle-lQUghzL6.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-_xgfKjN0.js';
-import './chunks/bundle-wO0wz3br.js';
-import './chunks/bundle-6hgn3L9Y.js';
+import './chunks/bundle-fGp6w98-.js';
+import './chunks/bundle-vKBxT9Oa.js';
+import './chunks/bundle-ZxknBRho.js';
 import 'react-dom';
-import './chunks/bundle-fMkcL8C8.js';
+import './chunks/bundle-726H1FcN.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-52hs7-M-.js';
+import './chunks/bundle-ueZaur75.js';
 import './ui/Icon.js';
-import './chunks/bundle-taqbMkQe.js';
+import './chunks/bundle-iNwXYg8t.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-V0xbpJPV.js';
+import './chunks/bundle-M-mPRQVf.js';
+import './chunks/bundle-Ij2ogskR.js';
+import './chunks/bundle-9DSYjtTH.js';
+import './chunks/bundle-9JcU7WF6.js';
+import './chunks/bundle--bY8mmDR.js';
+import './chunks/bundle-kRkORTjK.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-UDnO8-Dp.js';
+import './chunks/bundle-N-PDD2Cl.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-7DsbNj8s.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-f1tjVRSh.js';
+import './chunks/bundle-o8w1wTMw.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Jun66RyD.js';
-import './chunks/bundle-SMgyl32k.js';
-import './chunks/bundle-r1f2uym4.js';
+import './chunks/bundle-b3nJcKrD.js';
+import './chunks/bundle-4OgQJ7X4.js';
+import './chunks/bundle-xJvVI8rO.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-3uSBAMCx.js';
+import './chunks/bundle-IaU6YF_5.js';
+import './chunks/bundle-jH1LTiaZ.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-2BKREX4m.js';
+import './chunks/bundle-pYQxFvty.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-YpfSm9dM.js';
-import './chunks/bundle-B_WSWypW.js';
+import './chunks/bundle-YTNRflOw.js';
+import './chunks/bundle-wAW5sK6g.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-rYMayCT3.js';
+import './chunks/bundle-Bq8FTiM8.js';
+import './chunks/bundle-lYHZR3jb.js';
+import './chunks/bundle-8FWrrAa9.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-XBlUtykQ.js';
+import './chunks/bundle-C8lBzFe4.js';
+import './chunks/bundle-YQzd7GID.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-TzTFcIfJ.js';
+import './chunks/bundle-OaODZhZ_.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-rW70z6Ho.js';
+import './chunks/bundle-9eXfVBSj.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-vqMWfuob.js';
+import './chunks/bundle-m49aWDUM.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-LG3hn4TL.js';
+import './chunks/bundle-26v6WTQh.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-8bj34OZZ.js';
+import './chunks/bundle-ZA3vOSBy.js';
+import './chunks/bundle-4PIMbALe.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-G8aQ8ldg.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-EPOzCaN-.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-gSFYF-34.js';
+import './chunks/bundle-QzQ0Z1lc.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-BLt9vn5B.js';
-import './chunks/bundle--pOSeu9W.js';
+import './chunks/bundle-CChs9z4I.js';
+import './chunks/bundle-I3SOpmVR.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-tpQ4ZoL7.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-5j_LCcnI.js';
+import './chunks/bundle-yVnIU7yv.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-IFrmy9_C.js';
+import './chunks/bundle-A92jjX29.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-t_Zp4HcK.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-DS8eBDjC.js';
+import './chunks/bundle-Yfu3khe4.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-F_qWVzaf.js';
+import './chunks/bundle-qGz9DwGC.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-FlHetJ-i.js';
 import './Thread/context/types.js';
-import './chunks/bundle-ZlvXkXrU.js';
-import './chunks/bundle-UxyhnVkY.js';
+import './chunks/bundle--Lhu0g1K.js';
+import './chunks/bundle-SQ9QacmP.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-6mWCjL2G.js';
+import './chunks/bundle-NKz1R5aS.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-oLg6CIrN.js';
-import './chunks/bundle-IOegLdFC.js';
+import './chunks/bundle-ni6pTUHE.js';
+import './chunks/bundle-ORNtuGAK.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-1YZ1lMFm.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-Y-ZHrlZJ.js';
+import './chunks/bundle-_g4Ln2k-.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-VfTA9EY8.js';
-import './chunks/bundle-cIHCEDKb.js';
+import './chunks/bundle-5azogY3V.js';
+import './chunks/bundle-9N8rxcU_.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-Eyf4eJYC.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-qp8qrwgO.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-qfOg3sUU.js';
+import './chunks/bundle-b0LXFwC-.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-3te2klPE.js';
+import './chunks/bundle-dznvzWdZ.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-sj91Fb-2.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.1",
   "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-kRkORTjK.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-kRkORTjK.js';
+import { n as noop } from './chunks/bundle-LN_WdItn.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 {};