@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/ui/OpenchannelThumbnailMessage.js

@@ -1,34 +1,34 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { f as format } from '../chunks/bundle-BWOr3gdK.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.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-DyVURRtM.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-60et0yds.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, 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 '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import { a as UserProfileContext } from '../chunks/bundle-CPH6jPCe.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-BFv53Dhg.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DS8lmYaF.js';
+import { u as useLongPress } from '../chunks/bundle-BNZI6WLw.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-BEDpWEUq.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-8J9SSfIS.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-sq0c8UmG.js';
+import '../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DhJuLwLJ.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-Dub0HHFi.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -143,7 +143,7 @@ function OpenchannelThumbnailMessage(_a) {
                                     React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon", type: IconTypes.PLAY, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" })))
                                 : (React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon", type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" }))),
                             _b[SUPPORTING_TYPES.IMAGE] = ((url || localUrl)
-                                ? (React__default.createElement(ImageRenderer, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__image", url: thumbnailUrl || url || localUrl, alt: "image", width: messageWidth, height: "270px", placeHolder: memorizedThumbnailPlaceHolder(IconTypes.PHOTO) }))
+                                ? (React__default.createElement(ImageRenderer, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__image", url: thumbnailUrl || url || localUrl || '', alt: "image", width: messageWidth, height: "270px", placeHolder: memorizedThumbnailPlaceHolder(IconTypes.PHOTO) }))
                                 : (React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon", type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" }))),
                             _b[SUPPORTING_TYPES.UNSUPPORTED] = (React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__unknown", type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" })),
                             _b)[getSupportingFileType(type)])),
@@ -156,14 +156,14 @@ function OpenchannelThumbnailMessage(_a) {
                     isFineResend({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { onClick: function () {
                             resendMessage(message);
                             closeDropdown();
-                        }, dataSbId: "open_channel_thumbnail_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
+                        }, testID: "open_channel_thumbnail_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
                     (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { onClick: function () {
                             if (disabled) {
                                 return;
                             }
                             showRemove(true);
                             closeDropdown();
-                        }, dataSbId: "open_channel_thumbnail_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
+                        }, testID: "open_channel_thumbnail_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
         contextMenu && (React__default.createElement(OpenChannelMobileMenu, { message: message, parentRef: mobileMenuRef, hideMenu: function () {
                 setContextMenu(false);
             }, showRemove: function () {

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-zAvvLMA9.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-BWOr3gdK.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.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-DyVURRtM.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-CPH6jPCe.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
+import { c as copyToClipboard } from '../chunks/bundle-B4AVFdIy.js';
+import { u as uuidv4 } from '../chunks/bundle-sq0c8UmG.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-BFv53Dhg.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DS8lmYaF.js';
+import { u as useLongPress } from '../chunks/bundle-BNZI6WLw.js';
+import { d as isEditedMessage } from '../chunks/bundle-CMOqM33u.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.js';
+import '../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-BvFSwy4a.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-Dub0HHFi.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 {
@@ -110,25 +110,25 @@ function OpenchannelUserMessage(_a) {
                         isFineCopy({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__copy", onClick: function () {
                                 copyToClipboard(message.message);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
+                            }, testID: "open_channel_user_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
                         (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__edit", onClick: function () {
                                 if (disabled) {
                                     return;
                                 }
                                 showEdit(true);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
+                            }, testID: "open_channel_user_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
                         isFineResend({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__resend", onClick: function () {
                                 resendMessage(message);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
+                            }, testID: "open_channel_user_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
                         (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__delete", onClick: function () {
                                 if (disabled) {
                                     return;
                                 }
                                 showRemove(true);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
+                            }, testID: "open_channel_user_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
         contextMenu && (React__default.createElement(OpenChannelMobileMenu, { message: message, parentRef: mobileMenuRef, hideMenu: function () {
                 setContextMenu(false);
             }, showRemove: function () {

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-zAvvLMA9.js';
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.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-DyVURRtM.js';
 import Loader from './Loader.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-Dl6p5CcR.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-DyVURRtM.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-BvFSwy4a.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-Dl6p5CcR.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-DyVURRtM.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-4r7ZPzcx.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-CMOqM33u.js';
+import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-D_lTgUdV.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 
@@ -37,17 +37,17 @@ function QuoteMessage(_a) {
         } },
         React__default.createElement("div", { className: "sendbird-quote-message__replied-to" },
             React__default.createElement(Icon, { className: "sendbird-quote-message__replied-to__icon", type: IconTypes.REPLY, fillColor: IconColors.ON_BACKGROUND_3, width: "12px", height: "12px" }),
-            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
+            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", testID: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
                 React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, currentMessageSenderNickname),
                 React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__text" }, stringSet.QUOTED_MESSAGE__REPLIED_TO),
                 React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, parentMessageSenderNickname))),
         React__default.createElement("div", { className: "sendbird-quote-message__replied-message" },
             isUnavailable && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", testID: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
             ((isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0) && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", testID: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
             (isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", testID: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
             ((isThumbnailMessage(parentMessage)
                 || isMultipleFilesMessage(parentMessage))
                 && parentMessageUrl

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-CMOqM33u.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-DyVURRtM.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.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-D_lTgUdV.js';
+import '../chunks/bundle-zAvvLMA9.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-Dl6p5CcR.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.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,10 +1,10 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.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-DyVURRtM.js';
+import '../chunks/bundle-BvFSwy4a.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;
+    var _a = props.className, className = _a === void 0 ? '' : _a, testID = props.testID, 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;
     var getClassNameTail = function () {
         if (selected && !isAdd) {
             return '--selected';
@@ -16,10 +16,10 @@ var ReactionBadge = React__default.forwardRef(function (props, ref) {
     };
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             "sendbird-reaction-badge".concat(getClassNameTail()),
-        ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
+        ], false).join(' '), "data-testid": testID, 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,11 +1,11 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-zAvvLMA9.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-BNZI6WLw.js';
+import { n as noop } from '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-DS8lmYaF.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;
+    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, testID = props.testID, onClick = props.onClick, children = props.children;
     var onClickHandler = useLongPress({
         onLongPress: noop,
         onClick: onClick,
@@ -15,7 +15,7 @@ var ReactionButton = React__default.forwardRef(function (props, ref) {
     });
     return (React__default.createElement("div", __assign({ className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             "sendbird-reaction-button".concat(selected ? '--selected' : ''),
-        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": dataSbId }),
+        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": testID !== null && testID !== void 0 ? testID : dataSbId, "data-testid": testID !== null && testID !== void 0 ? testID : dataSbId }),
         React__default.createElement("div", { className: "sendbird-reaction-button__inner" }, 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-zAvvLMA9.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
+import { u as uuidv4 } from '../chunks/bundle-sq0c8UmG.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-zAvvLMA9.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-CMOqM33u.js';
+import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-C3ERcgVV.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-4r7ZPzcx.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-DyVURRtM.js';
 import './Loader.js';
 import './Icon.js';
-import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-Dl6p5CcR.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-zAvvLMA9.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-BgxEVQoU.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;