@sendbird/uikit-react 3.15.4 → 3.15.5

package/ui/BottomSheet.js

@@ -1,30 +1,30 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-v3c-9N0A.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-NL8iE1lF.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-CYvEzbcv.js';
-import '../chunks/bundle-t_NHXb8k.js';
+import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-D_-9RmNe.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-S77tFmNz.js';
-import '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-B8FD5WDF.js';
-import '../chunks/bundle-BtoO5ttX.js';
-import '../chunks/bundle-DZK4rg_Y.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle--PhH_XFy.js';
+import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-R3uJ_0BB.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-xPkUUY0y.js';
+import '../chunks/bundle-ixnsp7Bg.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-DPIvYZBS.js';
+import '../chunks/bundle-Bq93DTET.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-CZxcoh5B.js';
-import '../chunks/bundle-BoeyQYjc.js';
-import '../chunks/bundle-BtnCB-7T.js';
+import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-ml-PByBw.js';
 import './SortByRow.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CYvEzbcv.js';
+import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-BPcbf_pM.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,11 +1,11 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-Cdoy9-UG.js';
+import { A as Avatar } from '../chunks/bundle-52W7LREX.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DGc-w_0Y.js';
-import '../chunks/bundle-CYvEzbcv.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-CcuSHuDt.js';
+import '../chunks/bundle-XQWyv823.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-D48t2vTo.js';
+import '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-BdwvjJsK.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/ui/ConnectionStatus.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import { L as LocalizationContext } from '../chunks/bundle-B8FD5WDF.js';
-import '../chunks/bundle-CYvEzbcv.js';
-import '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
+import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-BPcbf_pM.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,20 +1,21 @@
-import '../chunks/bundle-CYvEzbcv.js';
+import '../chunks/bundle-XQWyv823.js';
 import 'react';
-export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-BtnCB-7T.js';
-import '../chunks/bundle-D8l9-enQ.js';
+export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-ml-PByBw.js';
+import '../chunks/bundle-BHC96gO0.js';
 import '../withSendbird.js';
 import './IconButton.js';
-import '../chunks/bundle-t_NHXb8k.js';
-import '../chunks/bundle-B8FD5WDF.js';
+import '../chunks/bundle-D_-9RmNe.js';
+import '../chunks/bundle--PhH_XFy.js';
 import '@sendbird/chat';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-DPIvYZBS.js';
-import '../chunks/bundle-xPkUUY0y.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-BPcbf_pM.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-S77tFmNz.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-DABR6HKW.js';
 //# sourceMappingURL=ContextMenu.js.map

package/ui/ContextMenu.js.map

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

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-CYvEzbcv.js';
+import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-1AhxUDPU.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-BL3yUpTV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-BPcbf_pM.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -3,47 +3,47 @@ import ReactionBadge from './ReactionBadge.js';
 import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { C as ContextMenu, f as EmojiListItems } from '../chunks/bundle-BtnCB-7T.js';
-import { W as getEmojiUrl, X as isReactedBy, Y as getEmojiTooltipString, V as getEmojiListAll, Z as getEmojiMapAll, u as getEmojiListByCategoryIds, x as getClassName } from '../chunks/bundle-t_NHXb8k.js';
+import { C as ContextMenu, f as EmojiListItems } from '../chunks/bundle-ml-PByBw.js';
+import { V as getEmojiUrl, W as isReactedBy, X as getEmojiTooltipString, T as getEmojiListAll, Y as getEmojiMapAll, u as getEmojiListByCategoryIds, x as getClassName } from '../chunks/bundle-D_-9RmNe.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
 import { UserListItem } from './UserListItem.js';
-import { c as classnames } from '../chunks/bundle-D8l9-enQ.js';
-import { _ as __assign } from '../chunks/bundle-CYvEzbcv.js';
+import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
+import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-DZK4rg_Y.js';
-import { u as useLongPress } from '../chunks/bundle-CM8k_MAe.js';
-import { L as LocalizationContext } from '../chunks/bundle-B8FD5WDF.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
+import { u as useLongPress } from '../chunks/bundle-CruP9bVM.js';
+import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { b as useGlobalModalContext, c as ModalFooter } from '../chunks/bundle-v3c-9N0A.js';
+import { b as useGlobalModalContext, c as ModalFooter } from '../chunks/bundle-NL8iE1lF.js';
 import { ButtonTypes } from './Button.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-C3oeRQke.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-B2NeDUAs.js';
+import '../chunks/bundle-BPcbf_pM.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-DPIvYZBS.js';
+import '../chunks/bundle-Bq93DTET.js';
 import '../withSendbird.js';
 import './IconButton.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-S77tFmNz.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-DABR6HKW.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-CZxcoh5B.js';
-import '../chunks/bundle-BoeyQYjc.js';
-import '../chunks/bundle-fSCONSew.js';
-import '../chunks/bundle-Cdoy9-UG.js';
-import '../chunks/bundle-D48t2vTo.js';
+import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-Bv8KtnvF.js';
+import '../chunks/bundle-52W7LREX.js';
+import '../chunks/bundle-BdwvjJsK.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Dw-CkW5p.js';
+import '../chunks/bundle-DRlnZqdp.js';
 
 var ReactedMembersBottomSheet = function (_a) {
     var _b, _c, _d;

package/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -1,13 +1,14 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-B8FD5WDF.js';
-import { x as getClassName } from '../chunks/bundle-t_NHXb8k.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import '../chunks/bundle-CYvEzbcv.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
+import { x as getClassName } from '../chunks/bundle-D_-9RmNe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-BPcbf_pM.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-S77tFmNz.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-DABR6HKW.js';
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/ui/FallbackTemplateMessageItemBody.tsx.js.map

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

package/ui/FileMessageItemBody.js

@@ -1,18 +1,19 @@
-import { a as __awaiter, b as __generator } from '../chunks/bundle-CYvEzbcv.js';
+import { a as __awaiter, b as __generator } from '../chunks/bundle-XQWyv823.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { x as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-t_NHXb8k.js';
-import { C as Colors } from '../chunks/bundle-1AhxUDPU.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-DZK4rg_Y.js';
+import { x as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-D_-9RmNe.js';
+import { C as Colors } from '../chunks/bundle-BL3yUpTV.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { o as openURL } from '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { o as openURL } from '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-BPcbf_pM.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-S77tFmNz.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-DABR6HKW.js';
 import '../withSendbird.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileMessageItemBody.js.map

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

package/ui/FileViewer.js

@@ -1,35 +1,35 @@
-import { _ as __assign } from '../chunks/bundle-CYvEzbcv.js';
+import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from '../chunks/bundle-B8FD5WDF.js';
-import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-v3c-9N0A.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-t_NHXb8k.js';
-import { n as noop } from '../chunks/bundle-D8l9-enQ.js';
-import { A as Avatar } from '../chunks/bundle-Cdoy9-UG.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
+import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
+import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-NL8iE1lF.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-D_-9RmNe.js';
+import { n as noop } from '../chunks/bundle-BHC96gO0.js';
+import { A as Avatar } from '../chunks/bundle-52W7LREX.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { m as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-BoeyQYjc.js';
-import { u as useKeyDown } from '../chunks/bundle-DzFqlsbR.js';
-import '../chunks/bundle-BtoO5ttX.js';
-import '../chunks/bundle-DZK4rg_Y.js';
+import { n as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-DABR6HKW.js';
+import { u as useKeyDown } from '../chunks/bundle-vS1u8K1w.js';
+import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-R3uJ_0BB.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-DPIvYZBS.js';
+import '../chunks/bundle-Bq93DTET.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-CZxcoh5B.js';
+import '../chunks/bundle-BMJP8SSM.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-BtnCB-7T.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-ml-PByBw.js';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-S77tFmNz.js';
+import '../chunks/bundle-DnujA9kt.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-D48t2vTo.js';
+import '../chunks/bundle-BdwvjJsK.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var ViewerTypes = {

package/ui/Header.js

@@ -1,13 +1,13 @@
-import { _ as __assign } from '../chunks/bundle-CYvEzbcv.js';
+import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-DZK4rg_Y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
 import TextButton from './TextButton.js';
 import Icon$1 from './Icon.js';
 import IconButton$1 from './IconButton.js';
-import { c as classnames, n as noop } from '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-BtoO5ttX.js';
-import '../chunks/bundle-1AhxUDPU.js';
+import { c as classnames, n as noop } from '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-BL3yUpTV.js';
 
 var Header = function (_a) {
     var _b;

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CYvEzbcv.js';
+import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-D8l9-enQ.js';
+import { n as noop } from '../chunks/bundle-BHC96gO0.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CYvEzbcv.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-XQWyv823.js';
 import React__default, { useState } from 'react';
 
 var IconButton = React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CYvEzbcv.js';
-import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-D8l9-enQ.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-XQWyv823.js';
+import React__default, { useMemo, useState, useCallback, useEffect, useRef, useLayoutEffect } from 'react';
+import { n as noop } from '../chunks/bundle-BHC96gO0.js';
 
 var numberToPx = (function (value) {
     if (value === null)
@@ -24,27 +24,34 @@ function useDynamicSideLength(_a) {
     return [dynamicMinWidth, dynamicMinHeight];
 }
 
-var useIsElementInViewport = function (elementRef) {
+var useIsElementInViewport = function () {
     var _a = useState(false), isVisible = _a[0], setIsVisible = _a[1];
-    useLayoutEffect(function () {
+    var _b = useState(null), element = _b[0], setElement = _b[1];
+    var ref = useCallback(function (node) {
+        if (node !== null)
+            setElement(node);
+    }, []);
+    useEffect(function () {
+        if (!element)
+            return;
         var observer = new IntersectionObserver(function (entries) {
             var entry = entries[0];
-            if (entry)
-                setIsVisible(entry.isIntersecting);
+            setIsVisible(entry.isIntersecting);
         });
-        if (elementRef.current)
-            observer.observe(elementRef.current);
-        return function () { return observer.disconnect(); };
-    }, [elementRef.current]);
-    return isVisible;
+        observer.observe(element);
+        return function () {
+            observer.disconnect();
+        };
+    }, [element]);
+    return [ref, isVisible];
 };
 
-var useLazyImageLoader = function (elementRef) {
+var useLazyImageLoader = function () {
     var isLoaded = useRef(false);
-    var isVisible = useIsElementInViewport(elementRef);
+    var _a = useIsElementInViewport(), ref = _a[0], isVisible = _a[1];
     if (isVisible)
         isLoaded.current = true;
-    return isLoaded.current;
+    return [ref, isLoaded.current];
 };
 
 function getBorderRadiusForImageRenderer(circle, borderRadius) {
@@ -69,17 +76,16 @@ function getBorderRadiusForMultipleImageRenderer(borderRadius, index, totalCount
 */
 var ImageRenderer = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, url = _a.url, _c = _a.alt, alt = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? null : _d, _e = _a.maxSideLength, maxSideLength = _e === void 0 ? null : _e, _f = _a.height, height = _f === void 0 ? null : _f, _g = _a.circle, circle = _g === void 0 ? false : _g, _h = _a.fixedSize, fixedSize = _h === void 0 ? false : _h, _j = _a.placeHolder, placeHolder = _j === void 0 ? null : _j, _k = _a.defaultComponent, defaultComponent = _k === void 0 ? null : _k, _l = _a.borderRadius, borderRadius = _l === void 0 ? null : _l, _m = _a.onLoad, onLoad = _m === void 0 ? noop : _m, _o = _a.onError, onError = _o === void 0 ? noop : _o, shadeOnHover = _a.shadeOnHover, _p = _a.isUploaded, isUploaded = _p === void 0 ? true : _p;
-    var ref = useRef(null);
-    var isLoaded = useLazyImageLoader(ref);
-    var internalUrl = isLoaded ? url : null;
-    var _q = useState(false), defaultComponentVisible = _q[0], setDefaultComponentVisible = _q[1];
-    var _r = useState(true), placeholderVisible = _r[0], setPlaceholderVisible = _r[1];
-    var _s = useDynamicSideLength({
+    var _q = useLazyImageLoader(), ref = _q[0], isVisible = _q[1];
+    var internalUrl = isVisible ? url : null;
+    var _r = useState(false), defaultComponentVisible = _r[0], setDefaultComponentVisible = _r[1];
+    var _s = useState(true), placeholderVisible = _s[0], setPlaceholderVisible = _s[1];
+    var _t = useDynamicSideLength({
         width: width,
         height: height,
         maxSideLength: maxSideLength,
         defaultMinLength: '400px',
-    }), dynamicMinWidth = _s[0], dynamicMinHeight = _s[1];
+    }), dynamicMinWidth = _t[0], dynamicMinHeight = _t[1];
     var renderPlaceholder = function () {
         if (typeof placeHolder === 'function') {
             return placeHolder({

package/ui/ImageRenderer.js.map

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

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import '../chunks/bundle-CYvEzbcv.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-BPcbf_pM.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-CYvEzbcv.js';
+import '../chunks/bundle-XQWyv823.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-xPkUUY0y.js';
-import '../chunks/bundle-BtoO5ttX.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-BPcbf_pM.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-CYvEzbcv.js';
+import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
-import { o as openURL } from '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-BtoO5ttX.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { o as openURL } from '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-BPcbf_pM.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CYvEzbcv.js';
+import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-D8l9-enQ.js';
+import '../chunks/bundle-BHC96gO0.js';
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { c as classnames } from '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-CYvEzbcv.js';
+import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-XQWyv823.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/ui/MentionLabel.js

@@ -1,38 +1,38 @@
 import React__default, { useRef, useState, useCallback } from 'react';
-import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-BtnCB-7T.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-xPkUUY0y.js';
+import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-ml-PByBw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-D8l9-enQ.js';
-import '../chunks/bundle-CYvEzbcv.js';
+import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-XQWyv823.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-DPIvYZBS.js';
+import '../chunks/bundle-Bq93DTET.js';
 import '../withSendbird.js';
 import './IconButton.js';
-import '../chunks/bundle-t_NHXb8k.js';
+import '../chunks/bundle-D_-9RmNe.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-g4f6DqPZ.js';
-import '../chunks/bundle-S77tFmNz.js';
-import '../chunks/bundle-B8FD5WDF.js';
-import '../chunks/bundle-BtoO5ttX.js';
-import '../chunks/bundle-fSCONSew.js';
+import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle--PhH_XFy.js';
+import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-Bv8KtnvF.js';
 import '@sendbird/uikit-tools';
-import '../chunks/bundle-v3c-9N0A.js';
-import '../chunks/bundle-DZK4rg_Y.js';
+import '../chunks/bundle-NL8iE1lF.js';
+import '../chunks/bundle-R3uJ_0BB.js';
 import './Button.js';
 import './Icon.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-CZxcoh5B.js';
-import '../chunks/bundle-BoeyQYjc.js';
+import '../chunks/bundle-BMJP8SSM.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Dw-CkW5p.js';
-import '../chunks/bundle-Cdoy9-UG.js';
+import '../chunks/bundle-DRlnZqdp.js';
+import '../chunks/bundle-52W7LREX.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-D48t2vTo.js';
+import '../chunks/bundle-BdwvjJsK.js';
 
 function MentionLabel(props) {
     var _a, _b, _c;

package/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-BAce4maL.js';
-import { c as classnames } from '../chunks/bundle-D8l9-enQ.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle--FsN6ZvY.js';
+import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;