@sendbird/uikit-react 3.12.1 → 3.13.1

package/ui/ReactionBadge.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import '../chunks/bundle-DpuIAEpN.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;

package/ui/ReactionButton.js

@@ -1,8 +1,8 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default from 'react';
-import { u as useLongPress } from '../chunks/bundle-rW70z6Ho.js';
-import { n as noop } from '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-fMkcL8C8.js';
+import { u as useLongPress } from '../chunks/bundle-9eXfVBSj.js';
+import { n as noop } from '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-726H1FcN.js';
 
 var ReactionButton = React__default.forwardRef(function (props, ref) {
     var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-wdUAfmoS.js';
+import { u as uuidv4 } from '../chunks/bundle-a81-P2WI.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TemplateMessageItemBody.js

@@ -0,0 +1,240 @@
+import { _ as __assign } from '../chunks/bundle-XgKdQ_N6.js';
+import React__default, { useState, useEffect } from 'react';
+import { w as getClassName } from '../chunks/bundle-aRzA6Ar7.js';
+import { M as MessageProvider, a as MessageTemplate } from '../chunks/bundle-G8aQ8ldg.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 '../chunks/bundle-ZcW4v7tz.js';
+import '../withSendbird.js';
+import '../chunks/bundle-fGp6w98-.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-vKBxT9Oa.js';
+import '../chunks/bundle-ueZaur75.js';
+import './Loader.js';
+import './Icon.js';
+import '../chunks/bundle-LN_WdItn.js';
+
+var MessageTemplateWrapper = function (_a) {
+    var message = _a.message, templateItems = _a.templateItems;
+    return React__default.createElement(MessageProvider, { message: message },
+        React__default.createElement(MessageTemplate, { templateItems: templateItems }));
+};
+
+var NumberValueKeys = [
+    'version',
+    'size',
+    'top',
+    'left',
+    'right',
+    'bottom',
+    'maxTextLines',
+    'value',
+    'pixelWidth',
+    'pixelHeight',
+    'radius',
+];
+function restoreNumbersFromMessageTemplateObject(value, key) {
+    if (Array.isArray(value)) {
+        return value.map(function (item) { return restoreNumbersFromMessageTemplateObject(item); });
+    }
+    if (typeof value === 'object') {
+        return Object.keys(value).reduce(function (acc, key) {
+            acc[key] = restoreNumbersFromMessageTemplateObject(value[key], key);
+            return acc;
+        }, {});
+    }
+    if (key != null && NumberValueKeys.includes(key)) {
+        var numberValue = Number(value);
+        return Number.isNaN(numberValue) ? value : numberValue;
+    }
+    return value;
+}
+
+var flattenObjectHelper = function (currentObject, flattenObject, parentKeyPath) {
+    if (parentKeyPath === void 0) { parentKeyPath = ''; }
+    for (var _i = 0, _a = Object.entries(currentObject); _i < _a.length; _i++) {
+        var _b = _a[_i], key = _b[0], value = _b[1];
+        var currentKeyPath = parentKeyPath ? "".concat(parentKeyPath, ".").concat(key) : key;
+        if (value && typeof value === 'object') {
+            flattenObjectHelper(value, flattenObject, currentKeyPath);
+        }
+        else {
+            flattenObject[currentKeyPath] = value;
+        }
+    }
+};
+/**
+ * Returns flattened object.
+ * ex.
+ * given { key-1: { key-1.1: 'value-1.1' }, key-2: 'value-2' }
+ * returns { key-1.key-1.1: 'value-1.1', key-2: 'value-2' }
+ */
+function flattenObject(object) {
+    var result = {};
+    flattenObjectHelper(object, result);
+    return result;
+}
+
+function mapData(_a) {
+    var template = _a.template, source = _a.source;
+    if (!['object', 'string'].includes(typeof template) || !template)
+        return template;
+    var regex = /\{([^}]+)\}/g;
+    var flattenedSource = flattenObject(source);
+    function replaceVariablePlaceholder(value) {
+        return typeof value === 'string'
+            ? value.replace(regex, function (_, placeholder) {
+                var value = flattenedSource[placeholder];
+                return value || "{".concat(placeholder, "}");
+            })
+            : mapData({ template: value, source: source });
+    }
+    if (typeof template === 'string') {
+        return replaceVariablePlaceholder(template);
+    }
+    if (Array.isArray(template)) {
+        return template.map(replaceVariablePlaceholder);
+    }
+    var result = {};
+    for (var key in template) {
+        if (Object.prototype.hasOwnProperty.call(template, key)) {
+            var value = template[key];
+            result[key] = replaceVariablePlaceholder(value);
+        }
+    }
+    return result;
+}
+
+function convertArgbToRgba(string) {
+    if (!string.startsWith('#')) {
+        return string;
+    }
+    if (string.length === 9) {
+        return "#".concat(string.slice(3)).concat(string[1]).concat(string[2]);
+    }
+    if (string.length === 5) {
+        return "#".concat(string.slice(2)).concat(string[1]);
+    }
+    return string;
+}
+var splitColorVariables = function (colorVariables) {
+    var light = {};
+    var dark = {};
+    for (var key in colorVariables) {
+        if (Object.prototype.hasOwnProperty.call(colorVariables, key)) {
+            var value = colorVariables[key];
+            if (typeof value === 'object' && value !== null) {
+                var _a = splitColorVariables(value), nestedLight = _a[0], nestedDark = _a[1];
+                light[key] = nestedLight;
+                dark[key] = nestedDark;
+            }
+            else if (typeof value === 'string') {
+                var _b = value.split(','), lightColor = _b[0], darkColor = _b[1];
+                light[key] = convertArgbToRgba(lightColor);
+                dark[key] = convertArgbToRgba(darkColor || lightColor); // when dark color is not provided, use light color
+            }
+            else {
+                light[key] = value;
+                dark[key] = value;
+            }
+        }
+    }
+    return [light, dark];
+};
+function selectColorVariablesByTheme(_a) {
+    var colorVariables = _a.colorVariables, theme = _a.theme;
+    var _b = splitColorVariables(colorVariables), light = _b[0], dark = _b[1];
+    return theme === 'light' ? light : dark;
+}
+
+var TEMPLATE_FETCH_RETRY_BUFFER_TIME_IN_MILLIES = 500; // It takes about 450ms for isError update
+/**
+ * Returns copied message template object filled with given template data and color variables.
+ */
+var getFilledMessageTemplateWithData = function (template, templateData, colorVariables, theme) {
+    var selectedThemeColorVariables = selectColorVariablesByTheme({
+        colorVariables: colorVariables,
+        theme: theme,
+    });
+    var parsedTemplate = mapData({
+        template: restoreNumbersFromMessageTemplateObject(template),
+        source: __assign(__assign({}, templateData), selectedThemeColorVariables),
+    });
+    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;
+    var templateData = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['template'];
+    if (!(templateData === null || templateData === void 0 ? void 0 : templateData.key)) {
+        return React__default.createElement(FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
+    }
+    var templateKey = templateData.key;
+    var globalState = useSendbirdStateContext();
+    if (!globalState) {
+        return React__default.createElement(FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
+    }
+    var _f = globalState.utils, getCachedTemplate = _f.getCachedTemplate, updateMessageTemplatesInfo = _f.updateMessageTemplatesInfo;
+    var waitingTemplateKeysMap = globalState.stores.appInfoStore.waitingTemplateKeysMap;
+    var _g = useState(function () {
+        var _a;
+        var cachedTemplate = getCachedTemplate(templateData.key);
+        if (cachedTemplate) {
+            return getFilledMessageTemplateWithData(JSON.parse(cachedTemplate.uiTemplate), (_a = templateData.variables) !== null && _a !== void 0 ? _a : {}, cachedTemplate.colorVariables, theme);
+        }
+        else {
+            return [];
+        }
+    }), filledMessageTemplateItems = _g[0], setFilledMessageTemplateItems = _g[1];
+    var _h = useState(false), isErrored = _h[0], setIsErrored = _h[1];
+    var waitingTemplateKeysMapString = Object.entries(waitingTemplateKeysMap)
+        .map(function (_a) {
+        var key = _a[0], value = _a[1];
+        return [key, value.requestedAt, value.isError].join('-');
+    }).join(',');
+    useEffect(function () {
+        var _a;
+        // Do not put && !isErrored here in case where errored key is fetched in the future by future message
+        if (filledMessageTemplateItems.length === 0) {
+            var cachedTemplate = getCachedTemplate(templateKey);
+            if (cachedTemplate) {
+                var filledMessageTemplateItems_1 = getFilledMessageTemplateWithData(JSON.parse(cachedTemplate.uiTemplate), (_a = templateData.variables) !== null && _a !== void 0 ? _a : {}, cachedTemplate.colorVariables, theme);
+                setFilledMessageTemplateItems(filledMessageTemplateItems_1);
+            }
+            else if (!isErrored) { // This prevents duplicate GET calls by already errored message when a new message with same key is calling GET
+                /**
+                 * Attempt GET template by key IFF one of below cases is met:
+                 * 1. This is the first GET call for the template key.
+                 * 2. Minimum buffer time has passed since the previous GET error.
+                 */
+                var waitingTemplateKeyData = waitingTemplateKeysMap[templateKey];
+                var requestedAt = Date.now();
+                if (!waitingTemplateKeyData
+                    || (requestedAt > waitingTemplateKeyData.requestedAt + TEMPLATE_FETCH_RETRY_BUFFER_TIME_IN_MILLIES)) {
+                    updateMessageTemplatesInfo(templateData.key, Date.now());
+                }
+                else if (waitingTemplateKeyData && waitingTemplateKeyData.isError) {
+                    setIsErrored(true);
+                }
+            }
+        }
+    }, [templateData.key, waitingTemplateKeysMapString]);
+    if (filledMessageTemplateItems.length === 0) {
+        if (isErrored) {
+            return React__default.createElement(FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
+        }
+        return React__default.createElement(LoadingTemplateMessageItemBody, { className: className, isByMe: isByMe });
+    }
+    return (React__default.createElement("div", { className: getClassName([
+            className,
+            isByMe ? 'outgoing' : 'incoming',
+            'sendbird-template-message-item-body',
+        ]) },
+        React__default.createElement(MessageTemplateWrapper, { message: message, templateItems: filledMessageTemplateItems })));
+}
+
+export { TemplateMessageItemBody, TemplateMessageItemBody as default };
+//# sourceMappingURL=TemplateMessageItemBody.js.map

package/ui/TemplateMessageItemBody.js.map

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

package/ui/TextButton.js

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

package/ui/TextMessageItemBody.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-TYsOyvS5.js';
-import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
-import { t as tokenizeMessage } from '../chunks/bundle-W_nWubt-.js';
-import { T as TextFragment } from '../chunks/bundle-LG3hn4TL.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-014pCrux.js';
-import '../chunks/bundle-yoFO4gJM.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-aRzA6Ar7.js';
+import { L as LocalizationContext } from '../chunks/bundle-fGp6w98-.js';
+import { t as tokenizeMessage } from '../chunks/bundle-8FWrrAa9.js';
+import { T as TextFragment } from '../chunks/bundle-26v6WTQh.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-Bq8FTiM8.js';
+import '../chunks/bundle-XgKdQ_N6.js';
+import '../chunks/bundle-DpuIAEpN.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-5fPKUbCn.js';
-import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-ZcW4v7tz.js';
+import '../chunks/bundle-vKBxT9Oa.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-wdUAfmoS.js';
+import '../chunks/bundle-a81-P2WI.js';
 import './UserProfile.js';
-import '../chunks/bundle-bazn-ENb.js';
+import '../chunks/bundle-V0xbpJPV.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle--q7ObKwF.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-f1tjVRSh.js';
+import '../chunks/bundle-kRkORTjK.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-o8w1wTMw.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-b3nJcKrD.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-f1tjVRSh.js';
+import { A as Avatar } from '../chunks/bundle-o8w1wTMw.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import { u as useLocalization } from '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yoFO4gJM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import { u as useLocalization } from '../chunks/bundle-fGp6w98-.js';
+import '../chunks/bundle-XgKdQ_N6.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-Jun66RyD.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-b3nJcKrD.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-vKBxT9Oa.js';
 
 function ThreadReplies(_a) {
     var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,15 +1,15 @@
-import { _ as __assign } from '../chunks/bundle-yoFO4gJM.js';
+import { _ as __assign } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-TYsOyvS5.js';
-import { n as noop } from '../chunks/bundle-TovLF3ih.js';
-import { u as useLongPress } from '../chunks/bundle-rW70z6Ho.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-A8dpIXKJ.js';
+import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-aRzA6Ar7.js';
+import { n as noop } from '../chunks/bundle-LN_WdItn.js';
+import { u as useLongPress } from '../chunks/bundle-9eXfVBSj.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-vqMWfuob.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-5fPKUbCn.js';
-import '../chunks/bundle-fMkcL8C8.js';
+import '../chunks/bundle-ZcW4v7tz.js';
+import '../chunks/bundle-726H1FcN.js';
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as __assign } from '../chunks/bundle-yoFO4gJM.js';
+import { _ as __assign } from '../chunks/bundle-XgKdQ_N6.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/Tooltip.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import '../chunks/bundle-DpuIAEpN.js';
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;

package/ui/TypingIndicatorBubble.js

@@ -1,9 +1,9 @@
 import React__default, { useLayoutEffect } from 'react';
-import { A as Avatar, a as AvatarDefault } from '../chunks/bundle-f1tjVRSh.js';
-import '../chunks/bundle-yoFO4gJM.js';
+import { A as Avatar, a as AvatarDefault } from '../chunks/bundle-o8w1wTMw.js';
+import '../chunks/bundle-XgKdQ_N6.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-b3nJcKrD.js';
 import './Icon.js';
 
 var TypingDots = function () {

package/ui/UnknownMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import { w as getClassName } from '../chunks/bundle-TYsOyvS5.js';
-import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yoFO4gJM.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import { w as getClassName } from '../chunks/bundle-aRzA6Ar7.js';
+import { L as LocalizationContext } from '../chunks/bundle-fGp6w98-.js';
+import '../chunks/bundle-XgKdQ_N6.js';
+import '../chunks/bundle-DpuIAEpN.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-5fPKUbCn.js';
-import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-ZcW4v7tz.js';
+import '../chunks/bundle-vKBxT9Oa.js';
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/ui/UserListItem.js

@@ -1,31 +1,31 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-XgKdQ_N6.js';
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../chunks/bundle-bazn-ENb.js';
-import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
-import { A as Avatar } from '../chunks/bundle-f1tjVRSh.js';
+import { a as UserProfileContext } from '../chunks/bundle-V0xbpJPV.js';
+import { L as LocalizationContext } from '../chunks/bundle-fGp6w98-.js';
+import { A as Avatar } from '../chunks/bundle-o8w1wTMw.js';
 import MutedAvatarOverlay from './MutedAvatarOverlay.js';
 import Checkbox from './Checkbox.js';
 import UserProfile from './UserProfile.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-vKBxT9Oa.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-b3nJcKrD.js';
 import './Icon.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle--q7ObKwF.js';
+import '../chunks/bundle-kRkORTjK.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-wdUAfmoS.js';
-import '../chunks/bundle-TYsOyvS5.js';
+import '../chunks/bundle-a81-P2WI.js';
+import '../chunks/bundle-aRzA6Ar7.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-5fPKUbCn.js';
+import '../chunks/bundle-ZcW4v7tz.js';
 
 function UserListItem(_a) {
     var user = _a.user, className = _a.className, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, currentUser = _a.currentUser, action = _a.action, onChange = _a.onChange, _b = _a.avatarSize, avatarSize = _b === void 0 ? '40px' : _b, onClick = _a.onClick;

package/ui/UserProfile.js

@@ -1,18 +1,18 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
-import { a as UserProfileContext } from '../chunks/bundle-bazn-ENb.js';
+import { L as LocalizationContext } from '../chunks/bundle-fGp6w98-.js';
+import { a as UserProfileContext } from '../chunks/bundle-V0xbpJPV.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
-import { A as Avatar } from '../chunks/bundle-f1tjVRSh.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import { A as Avatar } from '../chunks/bundle-o8w1wTMw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
 import Button, { ButtonTypes } from './Button.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
-import '../chunks/bundle--q7ObKwF.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-yoFO4gJM.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-vKBxT9Oa.js';
+import '../chunks/bundle-kRkORTjK.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-XgKdQ_N6.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-b3nJcKrD.js';
 import './Icon.js';
 import '../withSendbird.js';
 

package/ui/VoiceMessageInput.js

@@ -3,13 +3,13 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-_xgfKjN0.js';
-export { a as VoiceMessageInput } from '../chunks/bundle-BTLUIJqA.js';
-import '../chunks/bundle-S-mn30SU.js';
-import '../chunks/bundle-yoFO4gJM.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-2BKREX4m.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-ueZaur75.js';
+import '../chunks/bundle-fGp6w98-.js';
+export { a as VoiceMessageInput } from '../chunks/bundle-5j_LCcnI.js';
+import '../chunks/bundle-lQUghzL6.js';
+import '../chunks/bundle-XgKdQ_N6.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-pYQxFvty.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-vKBxT9Oa.js';
 //# sourceMappingURL=VoiceMessageInput.js.map

package/ui/VoiceMessageItemBody.js

@@ -4,18 +4,18 @@ import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { PlaybackTime } from './PlaybackTime.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-wKSIzWUl.js';
-import '../chunks/bundle-S-mn30SU.js';
+import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-ueZaur75.js';
+import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-ILthLqdx.js';
+import '../chunks/bundle-lQUghzL6.js';
 import '../VoiceRecorder/context.js';
-import '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
-import '../chunks/bundle-6hgn3L9Y.js';
-import '../chunks/bundle-yoFO4gJM.js';
+import '../chunks/bundle-fGp6w98-.js';
+import '../chunks/bundle-DpuIAEpN.js';
+import '../chunks/bundle-vKBxT9Oa.js';
+import '../chunks/bundle-ZxknBRho.js';
+import '../chunks/bundle-XgKdQ_N6.js';
 import 'react-dom';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-fMkcL8C8.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-726H1FcN.js';
 import './IconButton.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

package/ui/Word.js

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../chunks/bundle-52hs7-M-.js';
+import { a as LabelTypography } from '../chunks/bundle-ueZaur75.js';
 import LinkLabel from './LinkLabel.js';
-import { B as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-TYsOyvS5.js';
+import { B as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-aRzA6Ar7.js';
 import MentionLabel from './MentionLabel.js';
-import '../chunks/bundle-yoFO4gJM.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-XgKdQ_N6.js';
+import '../chunks/bundle-DpuIAEpN.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-5fPKUbCn.js';
+import '../chunks/bundle-ZcW4v7tz.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-wdUAfmoS.js';
+import '../chunks/bundle-a81-P2WI.js';
 import './UserProfile.js';
-import '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-wO0wz3br.js';
-import '../chunks/bundle-bazn-ENb.js';
+import '../chunks/bundle-fGp6w98-.js';
+import '../chunks/bundle-vKBxT9Oa.js';
+import '../chunks/bundle-V0xbpJPV.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle--q7ObKwF.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-f1tjVRSh.js';
+import '../chunks/bundle-kRkORTjK.js';
+import '../chunks/bundle-LN_WdItn.js';
+import '../chunks/bundle-o8w1wTMw.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-b3nJcKrD.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

package/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './chunks/bundle-yoFO4gJM.js';
+import './chunks/bundle-XgKdQ_N6.js';
 
 /**
  * Example: