@sendbird/uikit-react 3.14.5 → 3.14.6

package/ui/OpenchannelUserMessage.js

@@ -1,33 +1,33 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { f as format } from '../chunks/bundle-t4qeDosj.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-60et0yds.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
-import { c as copyToClipboard } from '../chunks/bundle-DoXeGvHN.js';
-import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-BD-1uffr.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import { d as isEditedMessage } from '../chunks/bundle-BH5EGLxi.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
+import { c as copyToClipboard } from '../chunks/bundle-FfoT30Gt.js';
+import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-CYknZObK.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
+import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
+import { d as isEditedMessage } from '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-DprHnWfH.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-CriEArZn.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -39,10 +39,10 @@ function OpenchannelUserMessage(_a) {
     // hooks
     var _c = useLocalization(), stringSet = _c.stringSet, dateLocale = _c.dateLocale;
     var _d = useContext(UserProfileContext), disableUserProfile = _d.disableUserProfile, renderUserProfile = _d.renderUserProfile;
-    var messageRef = useRef(null);
-    var avatarRef = useRef(null);
-    var contextMenuRef = useRef(null);
-    var mobileMenuRef = useRef(null);
+    var messageRef = useRef();
+    var avatarRef = useRef();
+    var contextMenuRef = useRef();
+    var mobileMenuRef = useRef();
     var _e = useState({}), contextStyle = _e[0], setContextStyle = _e[1];
     var _f = useState(false), contextMenu = _f[0], setContextMenu = _f[1];
     // consts
@@ -53,7 +53,7 @@ function OpenchannelUserMessage(_a) {
     // place context menu top depending clientHeight of message component
     useEffect(function () {
         var _a;
-        if (((_a = messageRef === null || messageRef === void 0 ? void 0 : messageRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
+        if (((_a = messageRef === null || messageRef === void 0 ? void 0 : messageRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) && messageRef.current.clientHeight > 36) {
             setContextStyle({ top: '8px ' });
         }
         else {

package/ui/PlaceHolder.js

@@ -1,12 +1,12 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
 import Loader from './Loader.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-Dw9nwO7e.js';
 
 var PlaceHolderTypes = {
     LOADING: 'LOADING',
@@ -18,7 +18,7 @@ var PlaceHolderTypes = {
     NO_RESULTS: 'NO_RESULTS',
 };
 function PlaceHolder(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, iconSize = _a.iconSize, _c = _a.searchInString, searchInString = _c === void 0 ? '' : _c, _d = _a.retryToConnect, retryToConnect = _d === void 0 ? null : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, iconSize = _a.iconSize, _c = _a.searchInString, searchInString = _c === void 0 ? '' : _c, retryToConnect = _a.retryToConnect;
     var stringSet = useContext(LocalizationContext).stringSet;
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-place-holder',

package/ui/PlaybackTime.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-q3jyuKU7.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-B621kS6J.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 
 var PlaybackTime = function (_a) {
     var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? LabelColors.ONCONTENT_1 : _d;

package/ui/ProgressBar.js

@@ -1,4 +1,5 @@
 import React__default, { useMemo } from 'react';
+import { c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
 
 /* eslint-disable no-redeclare */
 var ProgressBarColorTypes = {
@@ -10,7 +11,7 @@ var ProgressBar = function (_a) {
     var width = useMemo(function () {
         return "".concat(currentSize / maxSize * 100, "%");
     }, [currentSize, maxSize]);
-    return (React__default.createElement("div", { className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '') },
+    return (React__default.createElement("div", { className: classnames('sendbird-progress-bar', className, colorType, disabled && 'progress-bar--disabled') },
         React__default.createElement("div", { className: "sendbird-progress-bar__fill", style: { width: width } })));
 };
 

package/ui/ProgressBar.js.map

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

package/ui/QuoteMessage.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, j as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-BH5EGLxi.js';
-import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-ARb5Lm9T.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, j as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-janisM9b.js';
+import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DYErcqMl.js';
+import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 

package/ui/QuoteMessageInput.js

@@ -1,23 +1,23 @@
 import React__default, { useContext } from 'react';
-import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-BH5EGLxi.js';
+import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-janisM9b.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
 import ImageRenderer from './ImageRenderer.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-ARb5Lm9T.js';
-import '../chunks/bundle-CDy_GVNR.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DYErcqMl.js';
+import '../chunks/bundle-DKkCwVCs.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {
     var _b;
     var message = _a.message;
     if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
-        return null;
+        return React__default.createElement(React__default.Fragment, null);
     }
     var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
     if (!thumbnailUrl) {
@@ -55,7 +55,7 @@ function QuoteMessageInput(_a) {
     var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
     var displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))
         && !isVoiceMessage(replyingMessage);
-    return (React__default.createElement("div", { className: getClassName(['sendbird-quote_message_input', className]) },
+    return (React__default.createElement("div", { className: getClassName(['sendbird-quote_message_input', className !== null && className !== void 0 ? className : '']) },
         displayFileIcon && (React__default.createElement(QuoteMessageThumbnail, { message: fileMessage })),
         React__default.createElement("div", { className: "sendbird-quote_message_input__body", style: {
                 width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
@@ -71,7 +71,7 @@ function QuoteMessageInput(_a) {
                 isMultipleFilesMessage(replyingMessage)
                     && "".concat(fileMessage.fileInfoList.length, " Photos"),
                 isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)),
-        React__default.createElement(Icon, { className: "sendbird-quote_message_input__close-button", type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose(replyingMessage); } })));
+        React__default.createElement(Icon, { className: "sendbird-quote_message_input__close-button", type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(replyingMessage); } })));
 }
 
 export { QuoteMessageInput as default };

package/ui/ReactionBadge.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 
 var ReactionBadge = React__default.forwardRef(function (props, ref) {
     var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
@@ -19,7 +19,7 @@ var ReactionBadge = React__default.forwardRef(function (props, ref) {
         ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
         React__default.createElement("div", { className: "sendbird-reaction-badge__inner" },
             React__default.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
-            React__default.createElement(Label, { className: (children && count) && 'sendbird-reaction-badge__inner__count', type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, count))));
+            React__default.createElement(Label, { className: (children && count) ? 'sendbird-reaction-badge__inner__count' : '', type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, count))));
 });
 
 export { ReactionBadge as default };

package/ui/ReactionButton.js

@@ -1,8 +1,8 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import { n as noop } from '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-Cj-w5I5i.js';
+import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
+import { n as noop } from '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-3Mubyujl.js';
 
 var ReactionButton = React__default.forwardRef(function (props, ref) {
     var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
+import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TemplateMessageItemBody.js

@@ -1,20 +1,20 @@
-import { d as __extends, _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
+import { d as __extends, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { Component, useState, useEffect } from 'react';
-import { Z as startsWithAtAndEndsWithBraces, _ as removeAtAndBraces, w as getClassName } from '../chunks/bundle-BH5EGLxi.js';
-import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-CTqXLoJ-.js';
+import { Z as startsWithAtAndEndsWithBraces, _ as removeAtAndBraces, w as getClassName } from '../chunks/bundle-janisM9b.js';
+import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-C7Vw36CA.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FallbackTemplateMessageItemBody } from './FallbackTemplateMessageItemBody.tsx.js';
 import { LoadingTemplateMessageItemBody } from './LoadingTemplateMessageItemBody.tsx.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import '../withSendbird.js';
-import '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-nfJ9J5Md.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-prXB4t_m.js';
 import './Loader.js';
 import './Icon.js';
-import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-Dw9nwO7e.js';
 
 var MessageTemplateWrapper = function (_a) {
     var message = _a.message, templateVersion = _a.templateVersion, templateItems = _a.templateItems;
@@ -39,7 +39,7 @@ function restoreNumbersFromMessageTemplateObject(value, key) {
     if (Array.isArray(value)) {
         return value.map(function (item) { return restoreNumbersFromMessageTemplateObject(item); });
     }
-    if (typeof value === 'object') {
+    if (value && typeof value === 'object') {
         return Object.keys(value).reduce(function (acc, key) {
             acc[key] = restoreNumbersFromMessageTemplateObject(value[key], key);
             return acc;
@@ -205,8 +205,8 @@ var getFilledMessageTemplateWithData = function (_a) {
     return parsedTemplate;
 };
 function TemplateMessageItemBody(_a) {
-    var _b;
-    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message, _d = _a.isByMe, isByMe = _d === void 0 ? false : _d, _e = _a.theme, theme = _e === void 0 ? 'light' : _e, _f = _a.onTemplateMessageRenderedCallback, onTemplateMessageRenderedCallback = _f === void 0 ? function () { } : _f;
+    var _b, _c;
+    var _d = _a.className, className = _d === void 0 ? '' : _d, message = _a.message, _e = _a.isByMe, isByMe = _e === void 0 ? false : _e, _f = _a.theme, theme = _f === void 0 ? 'light' : _f, _g = _a.onTemplateMessageRenderedCallback, onTemplateMessageRenderedCallback = _g === void 0 ? function () { } : _g;
     var templateData = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['template'];
     var getFailedBody = function () {
         onTemplateMessageRenderedCallback('failed');
@@ -220,7 +220,7 @@ function TemplateMessageItemBody(_a) {
     if (!globalState) {
         return getFailedBody();
     }
-    var _g = globalState.utils, getCachedTemplate = _g.getCachedTemplate, updateMessageTemplatesInfo = _g.updateMessageTemplatesInfo;
+    var _h = globalState.utils, getCachedTemplate = _h.getCachedTemplate, updateMessageTemplatesInfo = _h.updateMessageTemplatesInfo;
     var logger = globalState.config.logger;
     var waitingTemplateKeysMap = globalState.stores.appInfoStore.waitingTemplateKeysMap;
     var waitingTemplateKeysMapString = Object.entries(waitingTemplateKeysMap)
@@ -228,7 +228,7 @@ function TemplateMessageItemBody(_a) {
         var key = _a[0], value = _a[1];
         return [key, value.requestedAt, value.erroredMessageIds.join(',')].join('-');
     }).join('_');
-    var _h = useState(getFilledMessageTemplateItems()), renderData = _h[0], setRenderData = _h[1];
+    var _j = useState(getFilledMessageTemplateItems()), renderData = _j[0], setRenderData = _j[1];
     function getFilledMessageTemplateItemsForCarouselTemplateByMessagePayload(simpleTemplateDataList) {
         var cachedSimpleTemplates = [];
         var simpleTemplatesVariables = [];
@@ -240,9 +240,11 @@ function TemplateMessageItemBody(_a) {
                 throw new Error('TemplateMessageItemBody | simple template keys are not found in view_variables.');
             }
             var simpleCachedTemplate = getCachedTemplate(simpleTemplateKey);
-            cachedSimpleTemplates.push(simpleCachedTemplate);
-            simpleTemplatesVariables.push(simpleTemplateData.variables);
-            maxVersion = Math.max(maxVersion, simpleCachedTemplate.version);
+            if (simpleCachedTemplate) {
+                cachedSimpleTemplates.push(simpleCachedTemplate);
+                simpleTemplatesVariables.push(simpleTemplateData.variables);
+                maxVersion = Math.max(maxVersion, simpleCachedTemplate.version);
+            }
         });
         var filledMessageTemplateItemsList = cachedSimpleTemplates
             .map(function (cachedSimpleTemplate, index) {
@@ -295,7 +297,7 @@ function TemplateMessageItemBody(_a) {
         if (!cachedTemplate) {
             nonCachedTemplateKeys.push(templateKey);
         }
-        if (templateData.view_variables) {
+        if (templateData === null || templateData === void 0 ? void 0 : templateData.view_variables) {
             try {
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 Object.entries(templateData.view_variables).forEach(function (_a) {
@@ -320,7 +322,7 @@ function TemplateMessageItemBody(_a) {
             if (nonCachedTemplateKeys.length > 0) {
                 tryFetchTemplateByKey(nonCachedTemplateKeys);
             }
-            else {
+            else if (cachedTemplate) {
                 var parsedUiTemplate = JSON.parse(cachedTemplate.uiTemplate);
                 if (!Array.isArray(parsedUiTemplate) || parsedUiTemplate.length === 0) {
                     logger.error('TemplateMessageItemBody | parsed template is missing ui_template: ', parsedUiTemplate);
@@ -340,7 +342,7 @@ function TemplateMessageItemBody(_a) {
                             logger.error('TemplateMessageItemBody | composite template with reservation key must follow the following string format "{@your-reservation-key}": ', templateKey, carouselItem);
                             throw new Error('TemplateMessageItemBody | composite template with reservation key must follow the following string format "{@your-reservation-key}". See error log in console for details');
                         }
-                        if (!templateData.view_variables) {
+                        if (!(templateData === null || templateData === void 0 ? void 0 : templateData.view_variables)) {
                             logger.error('TemplateMessageItemBody | template key suggests composite template but template data is missing view_variables: ', templateKey, templateData);
                             throw new Error('TemplateMessageItemBody | template key suggests composite template but template data is missing view_variables. See error log in console for details');
                         }
@@ -442,7 +444,7 @@ function TemplateMessageItemBody(_a) {
             'sendbird-template-message-item-body',
         ]) },
         React__default.createElement(MessageTemplateErrorBoundary, { fallbackMessage: React__default.createElement(FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe }), onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback, isComposite: renderData.isComposite, logger: logger },
-            React__default.createElement(MessageTemplateWrapper, { message: message, templateVersion: renderData.templateVersion, templateItems: renderData.filledMessageTemplateItemsList }))));
+            React__default.createElement(MessageTemplateWrapper, { message: message, templateVersion: (_c = renderData.templateVersion) !== null && _c !== void 0 ? _c : 0, templateItems: renderData.filledMessageTemplateItemsList }))));
 }
 
 export { TemplateMessageItemBody, TemplateMessageItemBody as default };

package/ui/TemplateMessageItemBody.js.map

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

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-BCuW6lS8.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-h8I0AuUK.js';
 
 var TextButton = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color = _c === void 0 ? Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;

package/ui/TextMessageItemBody.js

@@ -1,32 +1,32 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-BH5EGLxi.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import { t as tokenizeMessage } from '../chunks/bundle-HhDUyQa4.js';
-import { T as TextFragment } from '../chunks/bundle-DEFOjZw9.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-DUVa5cu6.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-janisM9b.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { t as tokenizeMessage } from '../chunks/bundle-ZBhGb8Lc.js';
+import { T as TextFragment } from '../chunks/bundle-B-DnYw4p.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-QPuxH0uW.js';
+import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-DprHnWfH.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-uIqOEfCa.js';
 import './UserProfile.js';
-import '../chunks/bundle-60et0yds.js';
+import '../chunks/bundle-C_dNvBEo.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-C1XVT5qc.js';
+import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-BgL9QnGd.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-Bmk2FVdj.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
@@ -34,16 +34,19 @@ import '../withSendbird.js';
 import './LinkLabel.js';
 
 function TextMessageItemBody(_a) {
-    var _b, _c, _d;
-    var _e = _a.className, className = _e === void 0 ? '' : _e, message = _a.message, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, _g = _a.mouseHover, mouseHover = _g === void 0 ? false : _g, _h = _a.isMentionEnabled, isMentionEnabled = _h === void 0 ? false : _h, _j = _a.isReactionEnabled, isReactionEnabled = _j === void 0 ? false : _j;
+    var _b;
+    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message, _d = _a.isByMe, isByMe = _d === void 0 ? false : _d, _e = _a.mouseHover, mouseHover = _e === void 0 ? false : _e, _f = _a.isMentionEnabled, isMentionEnabled = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g;
     var stringSet = useContext(LocalizationContext).stringSet;
     var isMessageMentioned = isMentionEnabled
-        && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0
-        && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
+        && (message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate)
+        && message.mentionedMessageTemplate.length > 0
+        && (message === null || message === void 0 ? void 0 : message.mentionedUsers)
+        && message.mentionedUsers.length > 0;
     var tokens = useMemo(function () {
+        var _a;
         if (isMessageMentioned) {
             return tokenizeMessage({
-                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+                mentionedUsers: (_a = message === null || message === void 0 ? void 0 : message.mentionedUsers) !== null && _a !== void 0 ? _a : undefined,
                 messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
             });
         }
@@ -57,7 +60,7 @@ function TextMessageItemBody(_a) {
                 TEXT_MESSAGE_BODY_CLASSNAME,
                 isByMe ? 'outgoing' : 'incoming',
                 mouseHover ? 'mouse-hover' : '',
-                (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
+                (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
             ]) },
             React__default.createElement(TextFragment, { tokens: tokens }),
             isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-text-message-item-body__message edited", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))));

package/ui/TextMessageItemBody.js.map

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

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-CDy_GVNR.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
+import '../chunks/bundle-DKkCwVCs.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
 
 function ThreadReplies(_a, ref) {
     var _b;
@@ -16,10 +16,10 @@ function ThreadReplies(_a, ref) {
     var _c = threadInfo.mostRepliedUsers, mostRepliedUsers = _c === void 0 ? [] : _c, replyCount = threadInfo.replyCount;
     var stringSet = useLocalization().stringSet;
     return (React__default.createElement("div", { className: "sendbird-ui-thread-replies ".concat(className), role: "button", onClick: function (e) {
-            onClick(e);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
         }, onKeyDown: function (e) {
-            onClick(e);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
         }, ref: ref },
         React__default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },

package/ui/ThumbnailMessageItemBody.js

@@ -1,14 +1,14 @@
-import { _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-BH5EGLxi.js';
-import { n as noop } from '../chunks/bundle-DhJuLwLJ.js';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-ARb5Lm9T.js';
+import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-janisM9b.js';
+import { n as noop } from '../chunks/bundle-Dw9nwO7e.js';
+import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-DYErcqMl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Cj-w5I5i.js';
+import '../chunks/bundle-3Mubyujl.js';
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 
@@ -103,8 +103,8 @@ function ToggleUI(props) {
                 height: "".concat(dotSize, "px"),
                 animationDuration: animationDuration,
             } }),
-        React__default.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked, disabled: disabled, onChange: function (e) {
-                onChange(e);
+        React__default.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked !== null && checked !== void 0 ? checked : undefined, disabled: disabled, onChange: function (e) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(e);
                 setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
             }, onFocus: onFocus, onBlur: onBlur })));
 }

package/ui/Tooltip.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/ui/TooltipWrapper.js

@@ -1,18 +1,18 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;
 function TooltipWrapper(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, hoverTooltip = _a.hoverTooltip;
     var _c = useState(false), showHoverTooltip = _c[0], setShowHoverTooltip = _c[1];
-    var childrenRef = useRef(null);
+    var childrenRef = useRef();
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-tooltip-wrapper',
         ], false).join(' '), onMouseOver: function () { setShowHoverTooltip(true); }, onFocus: function () { setShowHoverTooltip(true); }, onMouseOut: function () { setShowHoverTooltip(false); }, onBlur: function () { setShowHoverTooltip(false); } },
         React__default.createElement("div", { className: "sendbird-tooltip-wrapper__children", ref: childrenRef }, children),
         showHoverTooltip && (React__default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip", style: { bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)") } },
             React__default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner" },
-                React__default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") } }, hoverTooltip))))));
+                React__default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current ? "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") : undefined } }, hoverTooltip))))));
 }
 
 export { TooltipWrapper as default };