@sendbird/uikit-react 3.10.1 → 3.10.2-alpha.0

package/ui/FileMessageItemBody.js

@@ -1,16 +1,16 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-uk2Y0AQu.js';
-import { C as Colors } from '../chunks/bundle-OZZH5fXZ.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-KmauOTrg.js';
-import '../chunks/bundle-GKopZh-T.js';
-import '../chunks/bundle-YmIrZYPF.js';
-import '../chunks/bundle-WpHDilD_.js';
+import { q as getClassName, j as getUIKitFileType, t as truncateString } from '../chunks/bundle-N9hMnIRl.js';
+import { C as Colors } from '../chunks/bundle-LWD0OLz8.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-r9j_eCHc.js';
+import '../chunks/bundle-BA7tv0JB.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-cA_r9HRx.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-kfNTRju0.js';
+import '../chunks/bundle-aKXnhi3A.js';
 
 function FileMessageItemBody(_a) {
     var _b;

package/ui/FileViewer.js

@@ -1,27 +1,26 @@
-import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-y_LgB6DS.js';
+import '../chunks/bundle-BBjosDA0.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-uk2Y0AQu.js';
-import '../chunks/bundle-WpHDilD_.js';
-import '../chunks/bundle-X3h4GiLa.js';
-import '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-N9hMnIRl.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-Qufz6_i_.js';
+import '../chunks/bundle-I8JFwttJ.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-DeRyZP32.js';
-import '../chunks/bundle-xgiw36M5.js';
-import '../chunks/bundle-VPanFdbf.js';
-import '../chunks/bundle-YmIrZYPF.js';
-import '../chunks/bundle-TV4-nyqN.js';
-import '../chunks/bundle-kfNTRju0.js';
-import '../chunks/bundle-KmauOTrg.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-wMP1pqZM.js';
+import '../chunks/bundle-fQ1V_U8F.js';
+import '../chunks/bundle-cvTUkQV_.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-aKXnhi3A.js';
+import '../chunks/bundle-r9j_eCHc.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-aeQZ5WsP.js';
-import '../chunks/bundle-Kv4GXRTs.js';
-import '../chunks/bundle-ZKM9Qk_j.js';
+import '../chunks/bundle-jDjj3eHU.js';
+import '../chunks/bundle-MBrlu_LK.js';
 import '@sendbird/uikit-tools';
 //# sourceMappingURL=FileViewer.js.map

package/ui/FileViewer.js.map

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

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-WpHDilD_.js';
+import { n as noop } from '../chunks/bundle-cA_r9HRx.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

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

package/ui/ImageRenderer.js

@@ -1,5 +1,6 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-GKopZh-T.js';
-import React__default, { useMemo, useState, useEffect, useRef } from 'react';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-BA7tv0JB.js';
+import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
+import { n as noop } from '../chunks/bundle-cA_r9HRx.js';
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;
@@ -23,38 +24,27 @@ function useDynamicSideLength(_a) {
 
 var useIsElementInViewport = function (elementRef) {
     var _a = useState(false), isVisible = _a[0], setIsVisible = _a[1];
-    var callback = function (entries) {
-        var entry = entries[0];
-        setIsVisible(entry.isIntersecting);
-    };
-    useEffect(function () {
-        var observer = new IntersectionObserver(callback);
-        if (elementRef.current) {
+    useLayoutEffect(function () {
+        var observer = new IntersectionObserver(function (entries) {
+            var entry = entries[0];
+            if (entry)
+                setIsVisible(entry.isIntersecting);
+        });
+        if (elementRef.current)
             observer.observe(elementRef.current);
-        }
         return function () { return observer.disconnect(); };
-    }, [elementRef]);
+    }, [elementRef.current]);
     return isVisible;
 };
 
 var useLazyImageLoader = function (elementRef) {
+    var isLoaded = useRef(false);
     var isVisible = useIsElementInViewport(elementRef);
-    var _a = useState(false), isLoaded = _a[0], setIsLoaded = _a[1];
-    useEffect(function () {
-        if (isLoaded || !isVisible) {
-            return;
-        }
-        setIsLoaded(true);
-    }, [isVisible]);
-    return isLoaded;
+    if (isVisible)
+        isLoaded.current = true;
+    return isLoaded.current;
 };
 
-/*
-  ImageRenderer displays image with url or source
-  it checks if the source exist with img tag first
-  if it exists onLoad is called, if not onError is called
-  and those properties switch img tag to real purposing element
-*/
 function getBorderRadiusForImageRenderer(circle, borderRadius) {
     if (circle === void 0) { circle = false; }
     if (borderRadius === void 0) { borderRadius = null; }
@@ -69,27 +59,28 @@ function getBorderRadiusForMultipleImageRenderer(borderRadius, index, totalCount
     var bottomLeft = index === lastIndex - 1 ? value * 2 : value;
     return "".concat(topLeft, "px ").concat(topRight, "px ").concat(bottomRight, "px ").concat(bottomLeft, "px");
 }
+/*
+  ImageRenderer displays image with url or source
+  it checks if the source exist with img tag first
+  if it exists onLoad is called, if not onError is called
+  and those properties switch img tag to real purposing element
+*/
 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 ? function () { } : _m, _o = _a.onError, onError = _o === void 0 ? function () { } : _o, shadeOnHover = _a.shadeOnHover, _p = _a.isUploaded, isUploaded = _p === void 0 ? true : _p;
+    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), showDefaultComponent = _q[0], setShowDefaultComponent = _q[1];
-    var _r = useState(true), showPlaceHolder = _r[0], setShowPlaceHolder = _r[1];
+    var _q = useState(false), defaultComponentVisible = _q[0], setDefaultComponentVisible = _q[1];
+    var _r = useState(true), placeholderVisible = _r[0], setPlaceholderVisible = _r[1];
     var _s = useDynamicSideLength({
         width: width,
         height: height,
         maxSideLength: maxSideLength,
         defaultMinLength: '400px',
     }), dynamicMinWidth = _s[0], dynamicMinHeight = _s[1];
-    var DefaultComponent = useMemo(function () {
-        return typeof defaultComponent === 'function'
-            ? defaultComponent()
-            : defaultComponent;
-    }, [defaultComponent]);
-    var PlaceHolder = useMemo(function () {
-        return (placeHolder && typeof placeHolder === 'function')
-            ? placeHolder({
+    var renderPlaceholder = function () {
+        if (typeof placeHolder === 'function') {
+            return placeHolder({
                 style: {
                     width: '100%',
                     minWidth: dynamicMinWidth,
@@ -100,45 +91,81 @@ var ImageRenderer = function (_a) {
                     justifyContent: 'center',
                     alignItems: 'center',
                 },
-            })
-            : null;
-    }, [placeHolder]);
-    var HiddenImageLoader = useMemo(function () {
-        setShowDefaultComponent(false);
-        // reset the state when url is changed
-        return (React__default.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: internalUrl, alt: alt, onLoad: function () {
-                setShowPlaceHolder(false);
-                onLoad();
-            }, onError: function () {
-                setShowDefaultComponent(true);
-                onError();
+            });
+        }
+        return placeHolder;
+    };
+    var renderDefault = function () {
+        if (typeof defaultComponent === 'function')
+            return defaultComponent();
+        return defaultComponent;
+    };
+    var renderImage = function () {
+        return (React__default.createElement("div", { className: "sendbird-image-renderer__image", style: {
+                width: '100%',
+                minWidth: dynamicMinWidth,
+                maxWidth: fixedSize ? dynamicMinWidth : '400px',
+                height: dynamicMinHeight,
+                position: 'absolute',
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+                backgroundSize: 'cover',
+                backgroundImage: "url(".concat(internalUrl, ")"),
+                borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius),
             } }));
-    }, [internalUrl]);
-    return dynamicMinWidth && dynamicMinHeight && (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-image-renderer',
-        ], false).join(' '), style: {
+    };
+    return (dynamicMinWidth
+        && dynamicMinHeight && (React__default.createElement("div", { ref: ref, className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), ['sendbird-image-renderer'], false).join(' '), style: {
             width: '100%',
             minWidth: dynamicMinWidth,
             maxWidth: fixedSize ? dynamicMinWidth : '400px',
             height: dynamicMinHeight,
-        }, ref: ref },
-        showPlaceHolder && PlaceHolder,
-        showDefaultComponent
-            ? DefaultComponent
-            : (React__default.createElement("div", { className: "sendbird-image-renderer__image", style: {
-                    width: '100%',
-                    minWidth: dynamicMinWidth,
-                    maxWidth: fixedSize ? dynamicMinWidth : '400px',
-                    height: dynamicMinHeight,
-                    position: 'absolute',
-                    backgroundRepeat: 'no-repeat',
-                    backgroundPosition: 'center',
-                    backgroundSize: 'cover',
-                    backgroundImage: "url(".concat(internalUrl, ")"),
-                    borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius),
-                } })),
-        HiddenImageLoader,
-        shadeOnHover && React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: __assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })));
+        } },
+        placeholderVisible && renderPlaceholder(),
+        defaultComponentVisible ? renderDefault() : renderImage(),
+        shadeOnHover && (React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: __assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
+        React__default.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
+                setPlaceholderVisible(true);
+                setDefaultComponentVisible(false);
+            }, onLoad: function () {
+                setPlaceholderVisible(false);
+                setDefaultComponentVisible(false);
+                onLoad();
+            }, onError: function () {
+                setPlaceholderVisible(false);
+                setDefaultComponentVisible(true);
+                onError();
+            } }))));
+};
+// Image is loaded as a background-image, but this component serves as a hidden component to receive events indicating whether the image has actually been loaded.
+var HiddenImageLoader = function (props) {
+    var src = props.src, alt = props.alt, _a = props.onLoadStart, onLoadStart = _a === void 0 ? noop : _a, _b = props.onLoad, onLoad = _b === void 0 ? noop : _b, _c = props.onError, onError = _c === void 0 ? noop : _c;
+    var reloadCtx = useRef({
+        currSrc: src,
+        prevSrc: src,
+        loadFailure: false,
+    });
+    if (reloadCtx.current.currSrc !== src) {
+        reloadCtx.current.prevSrc = reloadCtx.current.currSrc;
+        reloadCtx.current.currSrc = src;
+    }
+    // SideEffect: If the image URL has changed or loading has failed, please try again
+    useLayoutEffect(function () {
+        if (src) {
+            var sourceChanged = reloadCtx.current.prevSrc !== reloadCtx.current.currSrc;
+            var loadFailure = reloadCtx.current.loadFailure;
+            if (sourceChanged || loadFailure) {
+                onLoadStart();
+            }
+        }
+    }, [src, navigator.onLine]);
+    return (React__default.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: src, alt: alt, onLoad: function () {
+            reloadCtx.current.loadFailure = false;
+            onLoad();
+        }, onError: function () {
+            reloadCtx.current.loadFailure = true;
+            onError();
+        } }));
 };
 
 export { ImageRenderer as default, getBorderRadiusForImageRenderer, getBorderRadiusForMultipleImageRenderer };

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-dWJnfDPH.js';
-import '../chunks/bundle-GKopZh-T.js';
-import '../chunks/bundle-YmIrZYPF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-BA7tv0JB.js';
+import '../chunks/bundle-jy6_UG14.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-dWJnfDPH.js';
-import '../chunks/bundle-YmIrZYPF.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-jy6_UG14.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
-import '../chunks/bundle-YmIrZYPF.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-jy6_UG14.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-WpHDilD_.js';
+import '../chunks/bundle-cA_r9HRx.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;

package/ui/MentionLabel.js

@@ -1,26 +1,26 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-aeQZ5WsP.js';
-import '../chunks/bundle-uk2Y0AQu.js';
+import '../chunks/bundle-YoWLsJ0C.js';
+import '../chunks/bundle-N9hMnIRl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-kfNTRju0.js';
-import '../chunks/bundle-YmIrZYPF.js';
-import '../chunks/bundle-y_LgB6DS.js';
-import '../chunks/bundle-TV4-nyqN.js';
-import '../chunks/bundle-cXqs96Pt.js';
+import '../chunks/bundle-aKXnhi3A.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-BBjosDA0.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-vOT5acXc.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-ku6CEjGk.js';
-import '../chunks/bundle-WpHDilD_.js';
-import '../chunks/bundle-X3h4GiLa.js';
+import '../chunks/bundle-nlOgiAcu.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-Qufz6_i_.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Kv4GXRTs.js';
+import '../chunks/bundle-jDjj3eHU.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';

package/ui/MentionUserLabel.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-_-2NCsYr.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-zV8TJWvL.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;

package/ui/MessageContent.js

@@ -1,64 +1,54 @@
-import { _ as __assign, b as __awaiter, c as __generator } from '../chunks/bundle-GKopZh-T.js';
+import { _ as __assign, b as __awaiter, c as __generator } from '../chunks/bundle-BA7tv0JB.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-WDOQg3ty.js';
-import { M as MessageStatus } from '../chunks/bundle-MyYphU00.js';
+import { f as format } from '../chunks/bundle-hDx2-CRe.js';
+import { M as MessageStatus } from '../chunks/bundle-J3DrW9X2.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { R as isSendableMessage, w as getUIKitMessageTypes, I as isOGMessage, J as isTextMessage, t as getUIKitMessageType, b as isMultipleFilesMessage, i as isVoiceMessage, r as isThumbnailMessage, h as getSenderName, n as getClassName } from '../chunks/bundle-uk2Y0AQu.js';
-import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-y_LgB6DS.js';
+import { Q as isSendableMessage, h as getUIKitMessageTypes, I as isOGMessage, J as isTextMessage, f as getUIKitMessageType, a as isMultipleFilesMessage, i as isVoiceMessage, k as isThumbnailMessage, g as getSenderName, q as getClassName } from '../chunks/bundle-N9hMnIRl.js';
+import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-BBjosDA0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-W8t7rR3H.js';
-import { M as MobileMenu } from '../chunks/bundle-d6R6m9-9.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-KmauOTrg.js';
+import { u as useLongPress } from '../chunks/bundle-0jbuC1o3.js';
+import { M as MobileMenu } from '../chunks/bundle-ctAjRHDW.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-r9j_eCHc.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-f9mkey82.js';
-import { n as noop } from '../chunks/bundle-WpHDilD_.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-poK2Vr1v.js';
+import { n as noop } from '../chunks/bundle-cA_r9HRx.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-X3h4GiLa.js';
+import { A as Avatar } from '../chunks/bundle-Qufz6_i_.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-cXqs96Pt.js';
+import { a as UserProfileContext } from '../chunks/bundle-vOT5acXc.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody } from '../chunks/bundle-ucXG1Py7.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-cBbT3DlY.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
-import { K } from '../chunks/bundle-kfNTRju0.js';
+import { K } from '../chunks/bundle-aKXnhi3A.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from '../Channel/components/MessageFeedbackModal.js';
-import { M as Modal } from '../chunks/bundle-VPanFdbf.js';
+import { M as Modal } from '../chunks/bundle-cvTUkQV_.js';
 import Button, { ButtonTypes } from './Button.js';
-import { u as useKeyDown } from '../chunks/bundle-xgiw36M5.js';
-import '../chunks/bundle-TV4-nyqN.js';
+import { u as useKeyDown } from '../chunks/bundle-fQ1V_U8F.js';
+import '../chunks/bundle-ULVw0l0r.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-PZta2LmS.js';
-import '../chunks/bundle-VCZsMdpB.js';
+import '../chunks/bundle-lUrIOx9p.js';
+import '../chunks/bundle-nD2ZWBq4.js';
 import './IconButton.js';
-import '../chunks/bundle-iYCB6XN2.js';
-import '../chunks/bundle-J79McRkg.js';
-import '../chunks/bundle-xsV7pD8p.js';
-import '../chunks/bundle-pWIkt9Ng.js';
-import '../chunks/bundle-yur9nm4N.js';
-import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-aeQZ5WsP.js';
-import '../Channel/hooks/useInitialMessagesFetch.js';
-import '../chunks/bundle-ku6CEjGk.js';
-import '../chunks/bundle-ZKM9Qk_j.js';
-import '../chunks/bundle-zpSxKsxM.js';
-import '../chunks/bundle-cHbX4Rxo.js';
+import '../chunks/bundle-4Ib7FkR6.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-YmIrZYPF.js';
-import '../withSendbird.js';
+import '../chunks/bundle-YoWLsJ0C.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import './ReactionBadge.js';
@@ -67,24 +57,27 @@ import '../hooks/useModal.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-Kv4GXRTs.js';
+import '../chunks/bundle-jDjj3eHU.js';
 import '../sendbirdSelectors.js';
+import '../chunks/bundle-nlOgiAcu.js';
+import '../withSendbird.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-aVVX2zHR.js';
-import '../chunks/bundle-GbC4a59M.js';
-import '../chunks/bundle-Gkl7Q1IK.js';
+import '../chunks/bundle-w1C-Xmf3.js';
+import '../chunks/bundle-agW9Hw66.js';
+import '../chunks/bundle-IRlSmJVg.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-KSjFhl4l.js';
-import '../chunks/bundle-Jp5g4YZl.js';
+import '../chunks/bundle-iwZaUd9o.js';
+import '../chunks/bundle-4GPpeoNf.js';
 import './TextButton.js';
-import '../chunks/bundle-OZZH5fXZ.js';
-import '../chunks/bundle-DeRyZP32.js';
+import '../chunks/bundle-LWD0OLz8.js';
+import '../chunks/bundle-wMP1pqZM.js';
+import '../chunks/bundle-MBrlu_LK.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-J_erGfOo.js';
+import '../chunks/bundle-drww6xht.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
 import './Input.js';
@@ -132,7 +125,7 @@ function MessageBody(props) {
     var threadMessageKindKey = useThreadMessageKindKeySelector({
         isMobile: isMobile,
     });
-    var statefulFileInfoList = useStatefulFileInfoList(message); // For MultipleFilesMessage.
+    var statefulFileInfoList = useFileInfoListWithUploaded(message); // For MultipleFilesMessage.
     var messageTypes = getUIKitMessageTypes();
     var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     return K(message)
@@ -289,6 +282,7 @@ function MessageContent(props) {
                             scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                         }
                     },
+                    deleteMessage: deleteMessage,
                 }),
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     message: message,
@@ -444,6 +438,7 @@ function MessageContent(props) {
                         scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                     }
                 },
+                deleteMessage: deleteMessage,
             })))),
         showMenu && (((_m = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _m === void 0 ? void 0 : _m.call(message)) || ((_o = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _o === void 0 ? void 0 : _o.call(message)) || ((_p = message === null || message === void 0 ? void 0 : message.isMultipleFilesMessage) === null || _p === void 0 ? void 0 : _p.call(message))) && (React__default.createElement(MobileMenu, { parentRef: contentRef, channel: channel, hideMenu: function () { setShowMenu(false); }, message: message, isReactionEnabled: isReactionEnabledInChannel, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, emojiContainer: emojiContainer, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, toggleReaction: toggleReaction, showEdit: showEdit, onReplyInThread: function (_a) {
                 var _b;

package/ui/MessageContent.js.map

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

package/ui/MessageInput/hooks/usePaste.js

@@ -1,8 +1,8 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-ETZY-eQc.js';
-import '../../../chunks/bundle-GKopZh-T.js';
-import '../../../chunks/bundle-_-2NCsYr.js';
-import '../../../chunks/bundle-Jp5g4YZl.js';
-import '../../../chunks/bundle-KSjFhl4l.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-62ej9afV.js';
+import '../../../chunks/bundle-BA7tv0JB.js';
+import '../../../chunks/bundle-zV8TJWvL.js';
+import '../../../chunks/bundle-4GPpeoNf.js';
+import '../../../chunks/bundle-iwZaUd9o.js';
 //# sourceMappingURL=usePaste.js.map