@sendbird/uikit-react 3.8.0 → 3.8.2

package/types/utils/compressImages.d.ts

@@ -0,0 +1,11 @@
+import { ImageCompressionOptions } from '../lib/Sendbird';
+import { Logger } from '../lib/SendbirdState';
+export interface CompressImagesParams {
+    files: File[];
+    imageCompression: ImageCompressionOptions;
+    logger?: Logger;
+}
+export declare const compressImages: ({ files, logger, imageCompression, }: CompressImagesParams) => Promise<{
+    failedIndexes: number[];
+    compressedFiles: File[];
+}>;

package/types/utils/pxToNumber.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (px: string | number) => number;
-export default _default;
+export declare const pxToNumber: (px: string | number) => number;
+export default pxToNumber;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-H2I60B2B.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import { C as Consumer } from '../chunks/bundle-2zaLibl-.js';
+import '../chunks/bundle-fBRojj0w.js';
 
 function Accordion(_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../chunks/bundle-H2I60B2B.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import { P as Provider } from '../chunks/bundle-2zaLibl-.js';
+import '../chunks/bundle-fBRojj0w.js';
 
 // Wraps all the accordions in an accordion set
 // keep one accordion open at a time

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-JGL7ecyE.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,78 +1,8 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
-import React__default from 'react';
-import ImageRenderer from './ImageRenderer.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-v9a1_z0P.js';
-
-var pxToNumber = (function (px) {
-    if (typeof px === 'number') {
-        return px;
-    }
-    if (typeof px === 'string') {
-        var parsed = Number.parseFloat(px);
-        if (!Number.isNaN(parsed)) {
-            return parsed;
-        }
-    }
-    return NaN;
-});
-
-var imageRendererClassName = 'sendbird-avatar-img';
-var DefaultComponent = function (_a) {
-    var width = _a.width, height = _a.height;
-    var iconWidth = pxToNumber(width);
-    var iconHeight = pxToNumber(height);
-    if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
-        iconWidth *= 0.575;
-    }
-    if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
-        iconHeight *= 0.575;
-    }
-    return (React__default.createElement("div", { className: "sendbird-avatar-img--default", style: { width: width, height: height } },
-        React__default.createElement(Icon, { type: IconTypes.USER, fillColor: IconColors.CONTENT, width: iconWidth, height: iconHeight })));
-};
-var _defaultComponent = function (_a) {
-    var width = _a.width, height = _a.height;
-    return (React__default.createElement(DefaultComponent, { width: width, height: height }));
-};
-var AvatarInner = function (_a) {
-    var _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.alt, alt = _c === void 0 ? '' : _c, height = _a.height, width = _a.width, customDefaultComponent = _a.customDefaultComponent;
-    var defaultComponent = function () { return customDefaultComponent ? customDefaultComponent({ width: width, height: height }) : _defaultComponent({ width: width, height: height }); };
-    if (typeof src === 'string') {
-        return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-    }
-    if (src && src.length) {
-        if (src.length === 1) {
-            return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-        }
-        if (src.length === 2) {
-            return (React__default.createElement("div", { className: "sendbird-avatar--inner__two-child" },
-                React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
-                React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent })));
-        }
-        if (src.length === 3) {
-            return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("div", { className: "sendbird-avatar--inner__three-child--upper" },
-                    React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent })),
-                React__default.createElement("div", { className: "sendbird-avatar--inner__three-child--lower" },
-                    React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
-                    React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src[2], height: height, width: width, alt: alt, defaultComponent: defaultComponent }))));
-        }
-        return (React__default.createElement("div", { className: "sendbird-avatar--inner__four-child" }, src.slice(0, 4)
-            .map(function (i) { return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: i, height: height, width: width, alt: alt, key: uuidv4(), defaultComponent: defaultComponent })); })));
-    }
-    // default img
-    return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-};
-function Avatar(_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-avatar',
-        ], false).join(' '), role: "button", ref: ref, style: { height: height, width: width }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
-        React__default.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
-}
-var Avatar$1 = React__default.forwardRef(Avatar);
-
-export { AvatarInner, Avatar$1 as default };
+import '../chunks/bundle-HUCZoqot.js';
+import 'react';
+import './ImageRenderer.js';
+import './Icon.js';
+import '../chunks/bundle-LutukB6f.js';
+export { a as AvatarInner, A as default } from '../chunks/bundle-cTKDcBXH.js';
+import '../chunks/bundle-fBRojj0w.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Avatar.js.map

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

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
 
 function Badge(_a) {
     var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;

package/ui/BottomSheet.js

@@ -1,17 +1,17 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-rLxuFUa1.js';
-import '../chunks/bundle-hKtwSqbO.js';
-import '../chunks/bundle-9KsbryQI.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-x-4ukZm_.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-mg_7Exot.js';
+import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-nB9Rk0Vg.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-qJVzRD5Y.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-JGL7ecyE.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,11 +1,11 @@
 import React__default, { useMemo } from 'react';
-import Avatar from './Avatar.js';
+import { A as Avatar } from '../chunks/bundle-cTKDcBXH.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-7FyFbzI4.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-ybonwZPt.js';
+import '../chunks/bundle-HUCZoqot.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-LutukB6f.js';
+import '../chunks/bundle-fBRojj0w.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,11 +1,11 @@
 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-wMgBBDf9.js';
-import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-hKtwSqbO.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../chunks/bundle-hKtwSqbO.js';
+import { b as __extends, _ as __assign } from '../chunks/bundle-HUCZoqot.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { d as getClassName } from '../chunks/bundle-EHReigfD.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-bofQNMJb.js';
+import { n as getClassName } from '../chunks/bundle-UW-TqfsF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-LutukB6f.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-JGL7ecyE.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-YEttY5xG.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-8Ct4JuXG.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-JGL7ecyE.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -4,37 +4,37 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, v as getEmojiListAll, R as getEmojiMapAll, d as getClassName } from '../chunks/bundle-EHReigfD.js';
+import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, p as getEmojiListAll, R as getEmojiMapAll, n as getClassName } from '../chunks/bundle-UW-TqfsF.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-hKtwSqbO.js';
+import { _ as __assign } from '../chunks/bundle-HUCZoqot.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-x-4ukZm_.js';
-import { u as useLongPress } from '../chunks/bundle-btDN-R-c.js';
-import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-nB9Rk0Vg.js';
+import { u as useLongPress } from '../chunks/bundle-HTP_W562.js';
+import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-fBRojj0w.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-LutukB6f.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-qReOreYH.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-rLxuFUa1.js';
+import '../chunks/bundle-mg_7Exot.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-ubky9D9H.js';
-import './Avatar.js';
+import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-5WxplyP9.js';
+import '../chunks/bundle-cTKDcBXH.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../pubSub/topics.js';
+import '../chunks/bundle-Ey2KFn-R.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {

package/ui/FileMessageItemBody.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { d as getClassName, w as getUIKitFileType, x as truncateString } from '../chunks/bundle-EHReigfD.js';
-import { C as Colors } from '../chunks/bundle-YEttY5xG.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-x-4ukZm_.js';
-import '../chunks/bundle-hKtwSqbO.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-UW-TqfsF.js';
+import { C as Colors } from '../chunks/bundle-8Ct4JuXG.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-nB9Rk0Vg.js';
+import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-fBRojj0w.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-qReOreYH.js';
 
 function FileMessageItemBody(_a) {
     var _b;

package/ui/FileViewer.js

@@ -1,23 +1,23 @@
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-v0OWADVv.js';
+import '../chunks/bundle-1O7rPYFy.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-EHReigfD.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import './Avatar.js';
-import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-UW-TqfsF.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-cTKDcBXH.js';
+import '../chunks/bundle-qJVzRD5Y.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-w9T6A0ez.js';
-import '../chunks/bundle-rLxuFUa1.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-9KsbryQI.js';
-import '../chunks/bundle-x-4ukZm_.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-u_gMIDNK.js';
+import '../chunks/bundle-mg_7Exot.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-nB9Rk0Vg.js';
 import './IconButton.js';
 import './Button.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-WCTKBopn.js';
+import '../chunks/bundle-LutukB6f.js';
+import '../chunks/bundle-fRhlDZge.js';
 //# sourceMappingURL=FileViewer.js.map

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-v9a1_z0P.js';
+import { n as noop } from '../chunks/bundle-fBRojj0w.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

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

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-HUCZoqot.js';
 import React__default, { useMemo, useState } from 'react';
 
 var numberToPx = (function (value) {

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-wMgBBDf9.js';
-import '../chunks/bundle-hKtwSqbO.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-JGL7ecyE.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.js';
 import 'react';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-JGL7ecyE.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-JGL7ecyE.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-fBRojj0w.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,23 +1,23 @@
 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-wMgBBDf9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-EHReigfD.js';
+import '../chunks/bundle-LutukB6f.js';
+import '../chunks/bundle-UW-TqfsF.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-ubky9D9H.js';
+import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-5WxplyP9.js';
 import '../sendbirdSelectors.js';
-import '../pubSub/topics.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import './Avatar.js';
+import '../chunks/bundle-Ey2KFn-R.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-cTKDcBXH.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';

package/ui/MentionUserLabel.js

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