@sendbird/uikit-react 3.13.3 → 3.13.5-rc.0

package/cjs/ui/Accordion.js

@@ -2,51 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_AccordionGroup = require('./AccordionGroup.js');
-var context = require('../chunks/bundle-B6FFmfTl.js');
-require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-DJqK0cd_.js');
 
-function Accordion(_a) {
+var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;
-    var _b = React.useState(false), showAccordion = _b[0], setShowAccordion = _b[1];
-    return (React.createElement(context.Consumer, null, 
-    // Function is considered like a react component
-    function (value) {
-        var opened = value.opened, setOpened = value.setOpened; // props from Provider
-        if (id === opened) {
-            setShowAccordion(true);
+    var _b = ui_AccordionGroup.useAccordionGroupContext(), openedListKeys = _b.openedListKeys, addOpenedListKey = _b.addOpenedListKey, removeOpenedListKey = _b.removeOpenedListKey;
+    var isOpened = React.useMemo(function () { return openedListKeys.includes(id); }, [openedListKeys]);
+    var handleClick = function () {
+        if (isOpened) {
+            removeOpenedListKey(id);
         }
         else {
-            setShowAccordion(false);
+            addOpenedListKey(id);
         }
-        var handleClick = function () {
-            if (showAccordion) {
-                setOpened('');
-            }
-            else {
-                setOpened(id);
-            }
-        };
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-                    'sendbird-accordion__panel-header',
-                ], false).join(' '), id: id, role: "switch", "aria-checked": false, onClick: handleClick, onKeyDown: handleClick, tabIndex: 0 },
-                renderTitle(),
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHEVRON_RIGHT, className: [
-                        'sendbird-accordion__panel-icon-right',
-                        'sendbird-accordion__panel-icon--chevron',
-                        (showAccordion ? 'sendbird-accordion__panel-icon--open' : ''),
-                    ].join(' '), height: "24px", width: "24px" })),
-            showAccordion && (React.createElement("div", { className: "sendbird-accordion" },
-                React.createElement("div", { className: "sendbird-accordion__list" }, renderContent()),
-                renderFooter && (React.createElement("div", { className: "sendbird-accordion__footer" }, renderFooter()))))));
-    }));
-}
-var AccordionGroup = ui_AccordionGroup;
+    };
+    return (React.createElement("div", { className: "sendbird-accordion ".concat(className, " ").concat(isOpened ? 'sendbird-accordion--opened' : 'sendbird-accordion--closed') },
+        React.createElement("div", { className: "sendbird-accordion__panel-header", id: id, role: "switch", "aria-checked": false, onClick: handleClick, onKeyDown: handleClick, tabIndex: 0 },
+            renderTitle(),
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHEVRON_RIGHT, className: [
+                    'sendbird-accordion__panel-icon-right',
+                    'sendbird-accordion__panel-icon--chevron',
+                    (isOpened ? 'sendbird-accordion__panel-icon--open' : ''),
+                ].join(' '), height: "24px", width: "24px" })),
+        isOpened && (React.createElement("div", { className: "sendbird-accordion-opened-list" },
+            React.createElement("div", { className: "sendbird-accordion__list" }, renderContent()),
+            renderFooter && (React.createElement("div", { className: "sendbird-accordion__footer" }, renderFooter()))))));
+};
 
+var AccordionGroup = ui_AccordionGroup.AccordionGroupProvider;
+
+exports.AccordionGroupContext = ui_AccordionGroup.AccordionGroupContext;
+exports.AccordionGroupProvider = ui_AccordionGroup.AccordionGroupProvider;
+exports.useAccordionGroupContext = ui_AccordionGroup.useAccordionGroupContext;
+exports.Accordion = Accordion;
 exports.AccordionGroup = AccordionGroup;
 exports.default = Accordion;
 //# sourceMappingURL=Accordion.js.map

package/cjs/ui/Accordion.js.map

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

package/cjs/ui/AccordionGroup.js

@@ -1,17 +1,53 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var context = require('../chunks/bundle-B6FFmfTl.js');
-require('../chunks/bundle-Bc6y_vRE.js');
+var utils = require('../chunks/bundle-DJqK0cd_.js');
 
-// Wraps all the accordions in an accordion set
-// keep one accordion open at a time
-function AccordionGroup(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b;
-    var _c = React.useState(''), opened = _c[0], setOpened = _c[1];
-    return (React.createElement(context.Provider, { value: { opened: opened, setOpened: setOpened } },
-        React.createElement("div", { className: className }, children)));
-}
+var AccordionGroupContext = React.createContext({
+    openedListKeys: [],
+    addOpenedListKey: utils.noop,
+    removeOpenedListKey: utils.noop,
+    clearOpenedListKeys: utils.noop,
+    allowMultipleOpen: false,
+});
+var AccordionGroupProvider = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.allowMultipleOpen, allowMultipleOpen = _b === void 0 ? false : _b;
+    var _c = React.useState([]), openedListKeys = _c[0], setOpenedListKeys = _c[1];
+    var addOpenedListKey = function (key) {
+        setOpenedListKeys(function (prevList) {
+            if (!allowMultipleOpen) {
+                return [key];
+            }
+            prevList.push(key);
+            return prevList;
+        });
+    };
+    var removeOpenedListKey = function (key) {
+        setOpenedListKeys(function (prevList) { return prevList.filter(function (k) { return k !== key; }); });
+    };
+    var clearOpenedListKeys = function () {
+        setOpenedListKeys([]);
+    };
+    return (React.createElement("div", { className: "sendbird-accordion-group-provider ".concat(className) },
+        React.createElement(AccordionGroupContext.Provider, { value: {
+                openedListKeys: openedListKeys,
+                addOpenedListKey: addOpenedListKey,
+                removeOpenedListKey: removeOpenedListKey,
+                clearOpenedListKeys: clearOpenedListKeys,
+                allowMultipleOpen: allowMultipleOpen,
+            } }, children)));
+};
+var useAccordionGroupContext = function () {
+    var context = React.useContext(AccordionGroupContext);
+    if (!context)
+        throw new Error('No accordion group context available. Make sure you are rending <AccordionGroupContext />.');
+    return context;
+};
 
-module.exports = AccordionGroup;
+exports.AccordionGroupContext = AccordionGroupContext;
+exports.AccordionGroupProvider = AccordionGroupProvider;
+exports.default = AccordionGroupProvider;
+exports.useAccordionGroupContext = useAccordionGroupContext;
 //# sourceMappingURL=AccordionGroup.js.map

package/cjs/ui/AccordionGroup.js.map

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

package/cjs/ui/AdminMessage.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 function AdminMessage(_a) {
     var _b;

package/cjs/ui/Avatar.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('react');
 require('./ImageRenderer.js');
-var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-HXyGAP9T.js');
+var ui_Avatar = require('../chunks/bundle-BKgpGWUf.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./Icon.js');
 
 

package/cjs/ui/Badge.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.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/cjs/ui/BottomSheet.js

@@ -3,17 +3,17 @@
 var React = require('react');
 var reactDom = require('react-dom');
 require('../hooks/useModal.js');
-var ui_Modal = require('../chunks/bundle-BJD09510.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-HOuE7syZ.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-1FXPxsfD.js');
+var ui_Modal = require('../chunks/bundle-DgnoCWfd.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-2xKFe-Ve.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-Dpz7XwYt.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-VgJs6iNk.js');
 require('./Icon.js');
 
 var BottomSheet = function (props) {

package/cjs/ui/Button.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 exports.ButtonTypes = void 0;
 (function (ButtonTypes) {

package/cjs/ui/ChannelAvatar.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
+var ui_Avatar = require('../chunks/bundle-BKgpGWUf.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../chunks/bundle-d3t3a2vc.js');
-require('../chunks/bundle-B3Lu20wG.js');
+var utils = require('../chunks/bundle-C2xspb1o.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BSCAuA6F.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/cjs/ui/ConnectionStatus.js

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
 
 function ConnectionStatus() {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/ui/ContextMenu.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var reactDom = require('react-dom');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
 var ui_SortByRow = require('./SortByRow.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-S09sS9Ub.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-B8pX7K7r.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
-require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-2xKFe-Ve.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var color = require('../chunks/bundle-BpwSTA3F.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
+var color = require('../chunks/bundle-Cx8ZK18S.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.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 ? color.Colors.ONBACKGROUND_4 : _d;

package/cjs/ui/EmojiReactions.js

@@ -6,41 +6,42 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
 var ui_UserListItem = require('./UserListItem.js');
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
-var useLongPress = require('../chunks/bundle-BNCNRHux.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var MediaQueryContext = require('../chunks/bundle-Dpz7XwYt.js');
+var useLongPress = require('../chunks/bundle-aBhNLFP5.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-Bc6y_vRE.js');
+var getIsReactionEnabled = require('../chunks/bundle-DKlmHmNQ.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-DJqK0cd_.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-B8pX7K7r.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-2xKFe-Ve.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-BJD09510.js');
+require('../chunks/bundle-DgnoCWfd.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-tbYf0yOX.js');
-require('../chunks/bundle-DkGYX29W.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-DVkhqKSm.js');
+require('../chunks/bundle-BKgpGWUf.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DcVYwXP-.js');
+require('../chunks/bundle-B-nDgVPB.js');
 require('../withSendbird.js');
 
 var ReactedMembersBottomSheet = function (_a) {
@@ -144,6 +145,17 @@ var MobileEmojisBottomSheet = function (_a) {
 var EmojiReactions = function (_a) {
     var _b, _c, _d, _e, _f;
     var _g = _a.className, className = _g === void 0 ? '' : _g, userId = _a.userId, message = _a.message, channel = _a.channel, emojiContainer = _a.emojiContainer, memberNicknamesMap = _a.memberNicknamesMap, _h = _a.spaceFromTrigger, spaceFromTrigger = _h === void 0 ? { x: 0, y: 0 } : _h, _j = _a.isByMe, isByMe = _j === void 0 ? false : _j, toggleReaction = _a.toggleReaction, onPressUserProfile = _a.onPressUserProfile;
+    var showTheReactedMembers = false;
+    try {
+        var config = useSendbirdStateContext.useSendbirdStateContext().config;
+        showTheReactedMembers = getIsReactionEnabled.getIsReactionEnabled({
+            channel: channel,
+            config: config,
+        });
+    }
+    catch (err) {
+        // TODO: Handle error
+    }
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var addReactionRef = React.useRef(null);
     var _k = React.useState(false), showEmojiList = _k[0], setShowEmojiList = _k[1];
@@ -182,7 +194,7 @@ var EmojiReactions = function (_a) {
         (isMobile && showEmojiList) && (React.createElement(MobileEmojisBottomSheet, { userId: userId, message: message, emojiContainer: emojiContainer, hideMenu: function () {
                 setShowEmojiList(false);
             }, toggleReaction: toggleReaction })),
-        (isMobile && selectedEmojiKey && channel !== null) && (React.createElement(ReactedMembersBottomSheet, { message: message, channel: channel, emojiKey: selectedEmojiKey, hideMenu: function () {
+        (isMobile && selectedEmojiKey && channel !== null && showTheReactedMembers) && (React.createElement(ReactedMembersBottomSheet, { message: message, channel: channel, emojiKey: selectedEmojiKey, hideMenu: function () {
                 setSelectedEmojiKey('');
             }, emojiContainer: emojiContainer, onPressUserProfileHandler: onPressUserProfile }))));
 };

package/cjs/ui/EmojiReactions.js.map

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

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-B3Lu20wG.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-2xKFe-Ve.js');
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/cjs/ui/FileMessageItemBody.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
-var color = require('../chunks/bundle-BpwSTA3F.js');
-var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
+var color = require('../chunks/bundle-Cx8ZK18S.js');
+var MediaQueryContext = require('../chunks/bundle-Dpz7XwYt.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-DJqK0cd_.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-2xKFe-Ve.js');
 require('../withSendbird.js');
 
 function FileMessageItemBody(_a) {

package/cjs/ui/FileViewer.js

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-DvduWWQk.js');
+require('../chunks/bundle-DFkMChBA.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-Tx6vw4BY.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-DkGYX29W.js');
-require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-DOGq2iE2.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BKgpGWUf.js');
+require('../chunks/bundle-VgJs6iNk.js');
 require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-DuHJq3hs.js');
-require('../chunks/bundle-CfRX00vQ.js');
-require('../chunks/bundle-BJD09510.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-HOuE7syZ.js');
-require('../chunks/bundle-1FXPxsfD.js');
+var ui_FileViewer = require('../chunks/bundle-DVbl1hzb.js');
+require('../chunks/bundle-CdhGI7aS.js');
+require('../chunks/bundle-DgnoCWfd.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-2xKFe-Ve.js');
+require('../chunks/bundle-Dpz7XwYt.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-HXyGAP9T.js');
-require('../chunks/bundle-BBS4PSSm.js');
+require('../chunks/bundle-BSCAuA6F.js');
+require('../chunks/bundle-D1zKgsap.js');
 require('@sendbird/uikit-tools');
 
 

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var utils = require('../chunks/bundle-Bc6y_vRE.js');
+var utils = require('../chunks/bundle-DJqK0cd_.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
 
 var IconButton = React.forwardRef(function (props, ref) {

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var utils = require('../chunks/bundle-Bc6y_vRE.js');
+var utils = require('../chunks/bundle-DJqK0cd_.js');
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-DJqK0cd_.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;