@sendbird/uikit-react 3.14.3 → 3.14.5

package/ui/AccordionGroup.js

@@ -1,45 +1,45 @@
 import React__default, { createContext, useState, useContext } from 'react';
-import { n as noop } from '../chunks/bundle-DZl__KhG.js';
+import { n as noop } from '../chunks/bundle-DhJuLwLJ.js';
 
-var AccordionGroupContext = createContext({
-    openedListKeys: [],
-    addOpenedListKey: noop,
-    removeOpenedListKey: noop,
-    clearOpenedListKeys: 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 = 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__default.createElement("div", { className: "sendbird-accordion-group-provider ".concat(className) },
-        React__default.createElement(AccordionGroupContext.Provider, { value: {
-                openedListKeys: openedListKeys,
-                addOpenedListKey: addOpenedListKey,
-                removeOpenedListKey: removeOpenedListKey,
-                clearOpenedListKeys: clearOpenedListKeys,
-                allowMultipleOpen: allowMultipleOpen,
-            } }, children)));
-};
-var useAccordionGroupContext = function () {
-    var context = useContext(AccordionGroupContext);
-    if (!context)
-        throw new Error('No accordion group context available. Make sure you are rending <AccordionGroupContext />.');
-    return context;
+var AccordionGroupContext = createContext({
+    openedListKeys: [],
+    addOpenedListKey: noop,
+    removeOpenedListKey: noop,
+    clearOpenedListKeys: 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 = 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__default.createElement("div", { className: "sendbird-accordion-group-provider ".concat(className) },
+        React__default.createElement(AccordionGroupContext.Provider, { value: {
+                openedListKeys: openedListKeys,
+                addOpenedListKey: addOpenedListKey,
+                removeOpenedListKey: removeOpenedListKey,
+                clearOpenedListKeys: clearOpenedListKeys,
+                allowMultipleOpen: allowMultipleOpen,
+            } }, children)));
+};
+var useAccordionGroupContext = function () {
+    var context = useContext(AccordionGroupContext);
+    if (!context)
+        throw new Error('No accordion group context available. Make sure you are rending <AccordionGroupContext />.');
+    return context;
 };
 
 export { AccordionGroupContext, AccordionGroupProvider, AccordionGroupProvider as default, useAccordionGroupContext };

package/ui/AdminMessage.js

@@ -1,18 +1,18 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-BLGMGsvT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-B621kS6J.js';
 
-function AdminMessage(_a) {
-    var _b;
-    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message;
-    if (!((message === null || message === void 0 ? void 0 : message.isAdminMessage) || (message === null || message === void 0 ? void 0 : message.messageType)) || !((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-        return null;
-    }
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-admin-message',
-        ], false).join(' ') },
-        React__default.createElement(Label, { className: "sendbird-admin-message__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, message === null || message === void 0 ? void 0 : message.message)));
+function AdminMessage(_a) {
+    var _b;
+    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message;
+    if (!((message === null || message === void 0 ? void 0 : message.isAdminMessage) || (message === null || message === void 0 ? void 0 : message.messageType)) || !((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+        return null;
+    }
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-admin-message',
+        ], false).join(' ') },
+        React__default.createElement(Label, { className: "sendbird-admin-message__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, message === null || message === void 0 ? void 0 : message.message)));
 }
 
 export { AdminMessage as default };

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-DZcgZWKq.js';
+import '../chunks/bundle-CDy_GVNR.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-BPvfVEd8.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-CUd4X5O2.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-C1XVT5qc.js';
+import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-BQPvwBK8.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,23 +1,23 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import { L as LocalizationContext } from '../chunks/bundle-tIPAQa1P.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-9Pg6kODx.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;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-badge',
-        ], false).join(' ') },
-        React__default.createElement("div", { className: "sendbird-badge__text" },
-            React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONCONTENT_1 }, typeof count === 'string'
-                ? count
-                : count > maximumNumber
-                    ? "".concat(maximumNumber).concat(stringSet.BADGE__OVER)
-                    : count))));
+function Badge(_a) {
+    var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-badge',
+        ], false).join(' ') },
+        React__default.createElement("div", { className: "sendbird-badge__text" },
+            React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONCONTENT_1 }, typeof count === 'string'
+                ? count
+                : count > maximumNumber
+                    ? "".concat(maximumNumber).concat(stringSet.BADGE__OVER)
+                    : count))));
 }
 
 export { Badge as default };

package/ui/BottomSheet.js

@@ -1,35 +1,49 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-CSOdmQ75.js';
-import '../chunks/bundle-DZcgZWKq.js';
-import '../chunks/bundle-Bdw6eUSG.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-tIPAQa1P.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
-import '../chunks/bundle-BlK-fMQm.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-DiVyB2HD.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-CAdxJnio.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-Cj-w5I5i.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-Dk211z5R.js';
+import '../chunks/bundle-q3jyuKU7.js';
 import './Icon.js';
+import '@sendbird/uikit-tools';
+import '../withSendbird.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../chunks/bundle-D2MpL8t0.js';
+import '../chunks/bundle-thdxvFU8.js';
+import '../chunks/bundle-2vhBVWLQ.js';
 
-var BottomSheet = function (props) {
-    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, onBackdropClick = props.onBackdropClick;
-    // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
-    var portalRoot = useRef();
-    portalRoot.current = document.getElementById(MODAL_ROOT);
-    if (!portalRoot.current) {
-        portalRoot.current = document.createElement('div');
-        portalRoot.current.setAttribute('id', MODAL_ROOT);
-        document.body.appendChild(portalRoot.current);
-    }
-    return createPortal(React__default.createElement("div", { className: "".concat(className, " sendbird-bottomsheet") },
-        React__default.createElement("div", { className: 'sendbird-bottomsheet__content', role: 'dialog', "aria-modal": 'true', "aria-expanded": 'true' }, children),
-        React__default.createElement("div", { className: "\n          sendbird-bottomsheet__backdrop\n        ", onClick: function (e) {
-                e === null || e === void 0 ? void 0 : e.stopPropagation();
-                onBackdropClick();
-            } })), portalRoot.current);
+var BottomSheet = function (props) {
+    var _a, _b, _c;
+    var _d = props.className, className = _d === void 0 ? '' : _d, children = props.children, onBackdropClick = props.onBackdropClick;
+    var logger = (_b = (_a = useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.logger;
+    // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
+    var portalRoot = useRef();
+    portalRoot.current = document.getElementById(MODAL_ROOT);
+    if (!portalRoot.current) {
+        portalRoot.current = document.createElement('div');
+        portalRoot.current.setAttribute('id', MODAL_ROOT);
+        document.body.appendChild(portalRoot.current);
+        (_c = logger === null || logger === void 0 ? void 0 : logger.warning) === null || _c === void 0 ? void 0 : _c.call(logger, '@sendbird/uikit-react/ui/BottomSheet | Should put a ModalRoot to use the BottomSheet.');
+    }
+    return createPortal(React__default.createElement("div", { className: "".concat(className, " sendbird-bottomsheet") },
+        React__default.createElement("div", { className: 'sendbird-bottomsheet__content', role: 'dialog', "aria-modal": 'true', "aria-expanded": 'true' }, children),
+        React__default.createElement("div", { className: "\n          sendbird-bottomsheet__backdrop\n        ", onClick: function (e) {
+                e === null || e === void 0 ? void 0 : e.stopPropagation();
+                onBackdropClick();
+            } })), portalRoot.current);
 };
 
 export { BottomSheet as default };

package/ui/BottomSheet.js.map

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

package/ui/Button.js

@@ -1,50 +1,50 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-BLGMGsvT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-B621kS6J.js';
 
-var ButtonTypes;
-(function (ButtonTypes) {
-    ButtonTypes["PRIMARY"] = "PRIMARY";
-    ButtonTypes["SECONDARY"] = "SECONDARY";
-    ButtonTypes["DANGER"] = "DANGER";
-    ButtonTypes["DISABLED"] = "DISABLED";
-    ButtonTypes["WARNING"] = "WARNING";
-})(ButtonTypes || (ButtonTypes = {}));
-var ButtonSizes;
-(function (ButtonSizes) {
-    ButtonSizes["BIG"] = "BIG";
-    ButtonSizes["SMALL"] = "SMALL";
+var ButtonTypes;
+(function (ButtonTypes) {
+    ButtonTypes["PRIMARY"] = "PRIMARY";
+    ButtonTypes["SECONDARY"] = "SECONDARY";
+    ButtonTypes["DANGER"] = "DANGER";
+    ButtonTypes["DISABLED"] = "DISABLED";
+    ButtonTypes["WARNING"] = "WARNING";
+})(ButtonTypes || (ButtonTypes = {}));
+var ButtonSizes;
+(function (ButtonSizes) {
+    ButtonSizes["BIG"] = "BIG";
+    ButtonSizes["SMALL"] = "SMALL";
 })(ButtonSizes || (ButtonSizes = {}));
 
-function changeTypeToClassName(type) {
-    switch (type) {
-        case ButtonTypes.PRIMARY: return 'sendbird-button--primary';
-        case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';
-        case ButtonTypes.DANGER: return 'sendbird-button--danger';
-        case ButtonTypes.DISABLED: return 'sendbird-button--disabled';
-        case ButtonTypes.WARNING: return 'sendbird-button--warning';
-        default: return null;
-    }
-}
-function changeSizeToClassName(size) {
-    switch (size) {
-        case ButtonSizes.BIG: return 'sendbird-button--big';
-        case ButtonSizes.SMALL: return 'sendbird-button--small';
-        default: return null;
-    }
+function changeTypeToClassName(type) {
+    switch (type) {
+        case ButtonTypes.PRIMARY: return 'sendbird-button--primary';
+        case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';
+        case ButtonTypes.DANGER: return 'sendbird-button--danger';
+        case ButtonTypes.DISABLED: return 'sendbird-button--disabled';
+        case ButtonTypes.WARNING: return 'sendbird-button--warning';
+        default: return null;
+    }
+}
+function changeSizeToClassName(size) {
+    switch (size) {
+        case ButtonSizes.BIG: return 'sendbird-button--big';
+        case ButtonSizes.SMALL: return 'sendbird-button--small';
+        default: return null;
+    }
 }
 
-function Button(_a) {
-    var className = _a.className, _b = _a.type, type = _b === void 0 ? ButtonTypes.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? ButtonSizes.BIG : _c, _d = _a.children, children = _d === void 0 ? 'Button' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.labelType, labelType = _g === void 0 ? LabelTypography.BUTTON_1 : _g, _h = _a.labelColor, labelColor = _h === void 0 ? LabelColors.ONCONTENT_1 : _h;
-    var injectingClassNames = __spreadArray(__spreadArray([], ((Array.isArray(className)) ? className : [className]), true), [
-        'sendbird-button',
-        (disabled ? 'sendbird-button__disabled' : ''),
-        changeTypeToClassName(type),
-        changeSizeToClassName(size),
-    ], false).join(' ');
-    return (React__default.createElement("button", { className: injectingClassNames, type: "button", onClick: onClick, disabled: disabled },
-        React__default.createElement(Label, { className: "sendbird-button__text", type: labelType, color: labelColor }, children)));
+function Button(_a) {
+    var className = _a.className, _b = _a.type, type = _b === void 0 ? ButtonTypes.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? ButtonSizes.BIG : _c, _d = _a.children, children = _d === void 0 ? 'Button' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.labelType, labelType = _g === void 0 ? LabelTypography.BUTTON_1 : _g, _h = _a.labelColor, labelColor = _h === void 0 ? LabelColors.ONCONTENT_1 : _h;
+    var injectingClassNames = __spreadArray(__spreadArray([], ((Array.isArray(className)) ? className : [className]), true), [
+        'sendbird-button',
+        (disabled ? 'sendbird-button__disabled' : ''),
+        changeTypeToClassName(type),
+        changeSizeToClassName(size),
+    ], false).join(' ');
+    return (React__default.createElement("button", { className: injectingClassNames, type: "button", onClick: onClick, disabled: disabled },
+        React__default.createElement(Label, { className: "sendbird-button__text", type: labelType, color: labelColor }, children)));
 }
 
 export { ButtonSizes, ButtonTypes, Button as default };

package/ui/ChannelAvatar.js

@@ -1,28 +1,28 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-BPvfVEd8.js';
+import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-BKCDSKx6.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DHrYAkRt.js';
+import '../chunks/bundle-CDy_GVNR.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-CUd4X5O2.js';
+import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-BQPvwBK8.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;
-    var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
-    var memoizedAvatar = useMemo(function () { return (isBroadcast
-        ? (generateDefaultAvatar(channel)
-            ? (React__default.createElement("div", { className: "sendbird-chat-header--default-avatar", style: {
-                    width: width,
-                    height: height,
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                } },
-                React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.CONTENT, width: width * 0.575, height: height * 0.575 })))
-            : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--broadcast-channel", src: getChannelAvatarSource(channel, userId), width: width, height: height, alt: channel === null || channel === void 0 ? void 0 : channel.name })))
-        : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--group-channel", src: getChannelAvatarSource(channel, userId), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: channel === null || channel === void 0 ? void 0 : channel.name }))); }, [getChannelAvatarSource(channel, userId), theme]);
-    return (React__default.createElement(React__default.Fragment, null, memoizedAvatar));
+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;
+    var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
+    var memoizedAvatar = useMemo(function () { return (isBroadcast
+        ? (generateDefaultAvatar(channel)
+            ? (React__default.createElement("div", { className: "sendbird-chat-header--default-avatar", style: {
+                    width: width,
+                    height: height,
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                } },
+                React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.CONTENT, width: width * 0.575, height: height * 0.575 })))
+            : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--broadcast-channel", src: getChannelAvatarSource(channel, userId), width: width, height: height, alt: channel === null || channel === void 0 ? void 0 : channel.name })))
+        : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--group-channel", src: getChannelAvatarSource(channel, userId), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: channel === null || channel === void 0 ? void 0 : channel.name }))); }, [getChannelAvatarSource(channel, userId), theme]);
+    return (React__default.createElement(React__default.Fragment, null, memoizedAvatar));
 }
 
 export { ChannelAvatar as default };

package/ui/Checkbox.js

@@ -1,20 +1,20 @@
 import React__default, { useState } from 'react';
 
-function Checkbox(_a) {
-    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, disabled = _a.disabled, onChange = _a.onChange;
-    var _c = useState(checked), isChecked = _c[0], setIsCheck = _c[1];
-    return (React__default.createElement("label", { className: [
-            'sendbird-checkbox',
-            disabled ? 'disabled' : '',
-        ].join(' '), htmlFor: id },
-        React__default.createElement("input", { disabled: disabled, id: id, type: "checkbox", checked: isChecked, onClick: function () {
-                if (!disabled)
-                    setIsCheck(!isChecked);
-            }, onChange: onChange }),
-        React__default.createElement("span", { className: [
-                'sendbird-checkbox--checkmark',
-                disabled ? 'disabled' : '',
-            ].join(' ') })));
+function Checkbox(_a) {
+    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, disabled = _a.disabled, onChange = _a.onChange;
+    var _c = useState(checked), isChecked = _c[0], setIsCheck = _c[1];
+    return (React__default.createElement("label", { className: [
+            'sendbird-checkbox',
+            disabled ? 'disabled' : '',
+        ].join(' '), htmlFor: id },
+        React__default.createElement("input", { disabled: disabled, id: id, type: "checkbox", checked: isChecked, onClick: function () {
+                if (!disabled)
+                    setIsCheck(!isChecked);
+            }, onChange: onChange }),
+        React__default.createElement("span", { className: [
+                'sendbird-checkbox--checkmark',
+                disabled ? 'disabled' : '',
+            ].join(' ') })));
 }
 
 export { Checkbox as default };

package/ui/ConnectionStatus.js

@@ -1,17 +1,17 @@
 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-Dk211z5R.js';
-import { L as LocalizationContext } from '../chunks/bundle-tIPAQa1P.js';
-import '../chunks/bundle-DZcgZWKq.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-9Pg6kODx.js';
 
-function ConnectionStatus() {
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-connection-status" },
-        React__default.createElement(Label, { type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.TRYING_TO_CONNECT),
-        React__default.createElement(Icon, { type: IconTypes.DISCONNECTED, fillColor: IconColors.SENT, width: "14px", height: "14px" })));
+function ConnectionStatus() {
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: "sendbird-connection-status" },
+        React__default.createElement(Label, { type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.TRYING_TO_CONNECT),
+        React__default.createElement(Icon, { type: IconTypes.DISCONNECTED, fillColor: IconColors.SENT, width: "14px", height: "14px" })));
 }
 
 export { ConnectionStatus as default };