@sendbird/uikit-react 3.14.3 → 3.14.5

package/chunks/{bundle-B9sTU4LX.js → bundle-Y_WIAHds.js}

@@ -3,65 +3,65 @@ import { GroupChannelListHeader } from '../GroupChannelList/components/GroupChan
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import EditUserProfile from '../EditUserProfile.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-CMZVPZeM.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-BGTq2aZA.js';
 
-var GroupChannelListUIView = function (_a) {
-    var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
-    var _b = useState(false), showProfileEdit = _b[0], setShowProfileEdit = _b[1];
-    var stores = useSendbirdStateContext().stores;
-    var renderer = {
-        addChannel: renderAddChannel,
-        channel: renderChannel,
-        placeholder: {
-            loading: function () {
-                if (initialized)
-                    return null;
-                if (renderPlaceHolderLoading)
-                    return renderPlaceHolderLoading();
-                return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING });
-            },
-            empty: function () {
-                if (!initialized)
-                    return null;
-                if (renderPlaceHolderEmptyList)
-                    return renderPlaceHolderEmptyList();
-                return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_CHANNELS });
-            },
-            error: function () {
-                if (!initialized || !stores.sdkStore.error)
-                    return null;
-                if (renderPlaceHolderError)
-                    return renderPlaceHolderError();
-                return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG });
-            },
-        },
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React__default.createElement(GroupChannelListHeader, { onEdit: function () { return allowProfileEdit && setShowProfileEdit(true); }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return renderer.addChannel(); } }))),
-        showProfileEdit && (React__default.createElement(EditUserProfile, { onThemeChange: onChangeTheme, onCancel: function () { return setShowProfileEdit(false); }, onEditProfile: function (user) {
-                setShowProfileEdit(false);
-                onUserProfileUpdated(user);
-            } })),
-        React__default.createElement(ChannelListComponent, { data: channels, renderItem: renderer.channel, onLoadMore: onLoadMore, placeholderLoading: renderer.placeholder.loading(), placeholderEmpty: renderer.placeholder.empty(), placeholderError: renderer.placeholder.error() })));
-};
-/**
- * To do: Implement windowing
- * Implement windowing if you are dealing with large number of messages/channels
- * https://github.com/bvaughn/react-window -> recommendation
- * We hesitate to bring one more dependency to our library,
- * we are planning to implement it inside the library
- * */
-var ChannelListComponent = function (props) {
-    var data = props.data, renderItem = props.renderItem, onLoadMore = props.onLoadMore, placeholderLoading = props.placeholderLoading, placeholderError = props.placeholderError, placeholderEmpty = props.placeholderEmpty;
-    var onScroll = useOnScrollPositionChangeDetector({
-        onReachedBottom: function () { return onLoadMore(); },
-    });
-    return (React__default.createElement("div", { className: 'sendbird-channel-list__body', onScroll: onScroll },
-        placeholderError,
-        React__default.createElement("div", null, data.map(function (item, index) { return renderItem({ item: item, index: index }); })),
-        placeholderLoading,
-        data.length === 0 && placeholderEmpty));
+var GroupChannelListUIView = function (_a) {
+    var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
+    var _b = useState(false), showProfileEdit = _b[0], setShowProfileEdit = _b[1];
+    var stores = useSendbirdStateContext().stores;
+    var renderer = {
+        addChannel: renderAddChannel,
+        channel: renderChannel,
+        placeholder: {
+            loading: function () {
+                if (initialized)
+                    return null;
+                if (renderPlaceHolderLoading)
+                    return renderPlaceHolderLoading();
+                return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING });
+            },
+            empty: function () {
+                if (!initialized)
+                    return null;
+                if (renderPlaceHolderEmptyList)
+                    return renderPlaceHolderEmptyList();
+                return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_CHANNELS });
+            },
+            error: function () {
+                if (!initialized || !stores.sdkStore.error)
+                    return null;
+                if (renderPlaceHolderError)
+                    return renderPlaceHolderError();
+                return React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG });
+            },
+        },
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React__default.createElement(GroupChannelListHeader, { onEdit: function () { return allowProfileEdit && setShowProfileEdit(true); }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return renderer.addChannel(); } }))),
+        showProfileEdit && (React__default.createElement(EditUserProfile, { onThemeChange: onChangeTheme, onCancel: function () { return setShowProfileEdit(false); }, onEditProfile: function (user) {
+                setShowProfileEdit(false);
+                onUserProfileUpdated(user);
+            } })),
+        React__default.createElement(ChannelListComponent, { data: channels, renderItem: renderer.channel, onLoadMore: onLoadMore, placeholderLoading: renderer.placeholder.loading(), placeholderEmpty: renderer.placeholder.empty(), placeholderError: renderer.placeholder.error() })));
+};
+/**
+ * To do: Implement windowing
+ * Implement windowing if you are dealing with large number of messages/channels
+ * https://github.com/bvaughn/react-window -> recommendation
+ * We hesitate to bring one more dependency to our library,
+ * we are planning to implement it inside the library
+ * */
+var ChannelListComponent = function (props) {
+    var data = props.data, renderItem = props.renderItem, onLoadMore = props.onLoadMore, placeholderLoading = props.placeholderLoading, placeholderError = props.placeholderError, placeholderEmpty = props.placeholderEmpty;
+    var onScroll = useOnScrollPositionChangeDetector({
+        onReachedBottom: function () { return onLoadMore(); },
+    });
+    return (React__default.createElement("div", { className: 'sendbird-channel-list__body', onScroll: onScroll },
+        placeholderError,
+        React__default.createElement("div", null, data.map(function (item, index) { return renderItem({ item: item, index: index }); })),
+        placeholderLoading,
+        data.length === 0 && placeholderEmpty));
 };
 
 export { GroupChannelListUIView as G };
-//# sourceMappingURL=bundle-B9sTU4LX.js.map
+//# sourceMappingURL=bundle-Y_WIAHds.js.map

package/chunks/bundle-Y_WIAHds.js.map

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

package/chunks/{bundle-COLsFI7t.js → bundle-YveljAuC.js}

@@ -1,4 +1,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 export { MENTION_USER_LABEL_CLASSNAME as M };
-//# sourceMappingURL=bundle-COLsFI7t.js.map
+//# sourceMappingURL=bundle-YveljAuC.js.map

package/chunks/bundle-YveljAuC.js.map

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

package/chunks/{bundle-D4rjbjNv.js → bundle-cgNuve_E.js}

@@ -1,23 +1,23 @@
 import { useState, useEffect } from 'react';
 
-function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
-    if (reconnectOnIdle === void 0) { reconnectOnIdle = true; }
-    var _a = useState(false), isTabHidden = _a[0], setIsTabHidden = _a[1];
-    var wasOffline = !isOnline;
-    useEffect(function () {
-        var handleVisibilityChange = function () {
-            if (reconnectOnIdle) {
-                setIsTabHidden(document.hidden);
-            }
-        };
-        document.addEventListener('visibilitychange', handleVisibilityChange);
-        return function () {
-            document.removeEventListener('visibilitychange', handleVisibilityChange);
-        };
-    }, [reconnectOnIdle, document.hidden]);
-    var shouldReconnect = wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) != null && !isTabHidden;
-    return { shouldReconnect: shouldReconnect };
+function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
+    if (reconnectOnIdle === void 0) { reconnectOnIdle = true; }
+    var _a = useState(false), isTabHidden = _a[0], setIsTabHidden = _a[1];
+    var wasOffline = !isOnline;
+    useEffect(function () {
+        var handleVisibilityChange = function () {
+            if (reconnectOnIdle) {
+                setIsTabHidden(document.hidden);
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return function () {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, [reconnectOnIdle, document.hidden]);
+    var shouldReconnect = wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) != null && !isTabHidden;
+    return { shouldReconnect: shouldReconnect };
 }
 
 export { useReconnectOnIdle as u };
-//# sourceMappingURL=bundle-D4rjbjNv.js.map
+//# sourceMappingURL=bundle-cgNuve_E.js.map

package/chunks/bundle-cgNuve_E.js.map

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

package/chunks/{bundle-BzYv4x2T.js → bundle-e3NlFYfX.js}

@@ -1,28 +1,28 @@
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-CSOdmQ75.js';
-import './bundle-DZcgZWKq.js';
-import './bundle-Dk211z5R.js';
+import { M as Modal } from './bundle-DiVyB2HD.js';
+import './bundle-CDy_GVNR.js';
+import './bundle-q3jyuKU7.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-tIPAQa1P.js';
-import { g as getModalDeleteMessageTitle } from './bundle-BPbwxMIx.js';
+import { L as LocalizationContext } from './bundle-CAdxJnio.js';
+import { g as getModalDeleteMessageTitle } from './bundle-Chn4Xw78.js';
 
-var RemoveMessageModalView = function (props) {
-    var _a;
-    var _b = props.onSubmit, onSubmit = _b === void 0 ? function () {
-        /* noop */
-    } : _b, onCancel = props.onCancel, message = props.message, deleteMessage = props.deleteMessage;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement(Modal, { type: ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
-            if (message.isUserMessage() || message.isFileMessage() || message.isMultipleFilesMessage()) {
-                deleteMessage(message).then(function () {
-                    // For other status such as PENDING, SCHEDULED, and CANCELED,
-                    // invalid parameters error is thrown so nothing happens.
-                    onSubmit();
-                    onCancel();
-                });
-            }
-        }, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: getModalDeleteMessageTitle(stringSet, message) }));
+var RemoveMessageModalView = function (props) {
+    var _a;
+    var _b = props.onSubmit, onSubmit = _b === void 0 ? function () {
+        /* noop */
+    } : _b, onCancel = props.onCancel, message = props.message, deleteMessage = props.deleteMessage;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement(Modal, { type: ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
+            if (message.isUserMessage() || message.isFileMessage() || message.isMultipleFilesMessage()) {
+                deleteMessage(message).then(function () {
+                    // For other status such as PENDING, SCHEDULED, and CANCELED,
+                    // invalid parameters error is thrown so nothing happens.
+                    onSubmit();
+                    onCancel();
+                });
+            }
+        }, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: getModalDeleteMessageTitle(stringSet, message) }));
 };
 
 export { RemoveMessageModalView as R };
-//# sourceMappingURL=bundle-BzYv4x2T.js.map
+//# sourceMappingURL=bundle-e3NlFYfX.js.map

package/chunks/bundle-e3NlFYfX.js.map

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

package/chunks/{bundle-BPj0X5TA.js → bundle-hF8Gurf8.js}

@@ -1,9 +1,9 @@
-// note to SDK team:
-// using enum inside .d.ts won’t work for jest, but const enum will work.
-var Role = {
-    OPERATOR: 'operator',
-    NONE: 'none',
+// note to SDK team:
+// using enum inside .d.ts won’t work for jest, but const enum will work.
+var Role = {
+    OPERATOR: 'operator',
+    NONE: 'none',
 };
 
 export { Role as R };
-//# sourceMappingURL=bundle-BPj0X5TA.js.map
+//# sourceMappingURL=bundle-hF8Gurf8.js.map

package/chunks/bundle-hF8Gurf8.js.map

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

package/chunks/{bundle-mRqHYNyY.js → bundle-iA2l_iD3.js}

@@ -2,36 +2,36 @@ import React__default, { useState } from 'react';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
-var CHANNEL_TYPE;
-(function (CHANNEL_TYPE) {
-    CHANNEL_TYPE["GROUP"] = "group";
-    CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
-    CHANNEL_TYPE["BROADCAST"] = "broadcast";
+var CHANNEL_TYPE;
+(function (CHANNEL_TYPE) {
+    CHANNEL_TYPE["GROUP"] = "group";
+    CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+    CHANNEL_TYPE["BROADCAST"] = "broadcast";
 })(CHANNEL_TYPE || (CHANNEL_TYPE = {}));
 
-var CreateChannelContext = React__default.createContext(undefined);
-var CreateChannelProvider = function (props) {
-    var _a;
-    var children = props.children, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onChannelCreated = props.onChannelCreated, userListQuery = props.userListQuery, onCreateChannel = props.onCreateChannel, overrideInviteUser = props.overrideInviteUser;
-    var store = useSendbirdStateContext();
-    var _userListQuery = userListQuery !== null && userListQuery !== void 0 ? userListQuery : (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
-    var _b = useState(0), step = _b[0], setStep = _b[1];
-    var _c = useState(CHANNEL_TYPE.GROUP), type = _c[0], setType = _c[1];
-    return (React__default.createElement(CreateChannelContext.Provider, { value: {
-            createChannel: getCreateGroupChannel(store),
-            onCreateChannelClick: onCreateChannelClick,
-            onBeforeCreateChannel: onBeforeCreateChannel,
-            onChannelCreated: onChannelCreated,
-            userListQuery: _userListQuery,
-            step: step,
-            setStep: setStep,
-            type: type,
-            setType: setType,
-            onCreateChannel: onCreateChannel,
-            overrideInviteUser: overrideInviteUser,
-        } }, children));
-};
+var CreateChannelContext = React__default.createContext(undefined);
+var CreateChannelProvider = function (props) {
+    var _a;
+    var children = props.children, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onChannelCreated = props.onChannelCreated, userListQuery = props.userListQuery, onCreateChannel = props.onCreateChannel, overrideInviteUser = props.overrideInviteUser;
+    var store = useSendbirdStateContext();
+    var _userListQuery = userListQuery !== null && userListQuery !== void 0 ? userListQuery : (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
+    var _b = useState(0), step = _b[0], setStep = _b[1];
+    var _c = useState(CHANNEL_TYPE.GROUP), type = _c[0], setType = _c[1];
+    return (React__default.createElement(CreateChannelContext.Provider, { value: {
+            createChannel: getCreateGroupChannel(store),
+            onCreateChannelClick: onCreateChannelClick,
+            onBeforeCreateChannel: onBeforeCreateChannel,
+            onChannelCreated: onChannelCreated,
+            userListQuery: _userListQuery,
+            step: step,
+            setStep: setStep,
+            type: type,
+            setType: setType,
+            onCreateChannel: onCreateChannel,
+            overrideInviteUser: overrideInviteUser,
+        } }, children));
+};
 var useCreateChannelContext = function () { return (React__default.useContext(CreateChannelContext)); };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=bundle-mRqHYNyY.js.map
+//# sourceMappingURL=bundle-iA2l_iD3.js.map

package/chunks/bundle-iA2l_iD3.js.map

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

package/chunks/{bundle-C3K7W_E-.js → bundle-klvZ-YE5.js}

@@ -1,34 +1,34 @@
-function getComponentKeyFromMessage(message) {
-    if ('sendingStatus' in message) {
-        if (message.sendingStatus === 'succeeded')
-            return String(message.messageId);
-        return message.reqId;
-    }
-    return String(message.messageId);
-}
-function isContextMenuClosed() {
-    var _a, _b;
-    return (((_a = document.getElementById('sendbird-dropdown-portal')) === null || _a === void 0 ? void 0 : _a.childElementCount) === 0
-        && ((_b = document.getElementById('sendbird-emoji-list-portal')) === null || _b === void 0 ? void 0 : _b.childElementCount) === 0);
-}
-function getMessageTopOffset(messageCreatedAt) {
-    var _a;
-    var element = (_a = document.querySelectorAll("[data-sb-created-at=\"".concat(messageCreatedAt, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
-    if (element instanceof HTMLElement) {
-        return element.offsetTop;
-    }
-    return null;
-}
-var isDisabledBecauseFrozen = function (groupChannel) {
-    if (!groupChannel)
-        return false;
-    return groupChannel.isFrozen && groupChannel.myRole !== 'operator';
-};
-var isDisabledBecauseMuted = function (groupChannel) {
-    if (!groupChannel)
-        return false;
-    return groupChannel.myMutedState === 'muted';
+function getComponentKeyFromMessage(message) {
+    if ('sendingStatus' in message) {
+        if (message.sendingStatus === 'succeeded')
+            return String(message.messageId);
+        return message.reqId;
+    }
+    return String(message.messageId);
+}
+function isContextMenuClosed() {
+    var _a, _b;
+    return (((_a = document.getElementById('sendbird-dropdown-portal')) === null || _a === void 0 ? void 0 : _a.childElementCount) === 0
+        && ((_b = document.getElementById('sendbird-emoji-list-portal')) === null || _b === void 0 ? void 0 : _b.childElementCount) === 0);
+}
+function getMessageTopOffset(messageCreatedAt) {
+    var _a;
+    var element = (_a = document.querySelectorAll("[data-sb-created-at=\"".concat(messageCreatedAt, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
+    if (element instanceof HTMLElement) {
+        return element.offsetTop;
+    }
+    return null;
+}
+var isDisabledBecauseFrozen = function (groupChannel) {
+    if (!groupChannel)
+        return false;
+    return groupChannel.isFrozen && groupChannel.myRole !== 'operator';
+};
+var isDisabledBecauseMuted = function (groupChannel) {
+    if (!groupChannel)
+        return false;
+    return groupChannel.myMutedState === 'muted';
 };
 
 export { isDisabledBecauseMuted as a, isContextMenuClosed as b, getMessageTopOffset as c, getComponentKeyFromMessage as g, isDisabledBecauseFrozen as i };
-//# sourceMappingURL=bundle-C3K7W_E-.js.map
+//# sourceMappingURL=bundle-klvZ-YE5.js.map

package/chunks/bundle-klvZ-YE5.js.map

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

package/chunks/{bundle-Dk211z5R.js → bundle-q3jyuKU7.js}

@@ -1,85 +1,84 @@
-import { c as __spreadArray } from './bundle-DZcgZWKq.js';
-import React__default from 'react';
-import { g as getStringSet } from './bundle-BLGMGsvT.js';
+import { c as __spreadArray } from './bundle-CDy_GVNR.js';
+import React__default, { forwardRef } from 'react';
+import { g as getStringSet } from './bundle-B621kS6J.js';
 
-var Typography = {
-    H_1: 'H_1',
-    H_2: 'H_2',
-    SUBTITLE_1: 'SUBTITLE_1',
-    SUBTITLE_2: 'SUBTITLE_2',
-    BODY_1: 'BODY_1',
-    BODY_2: 'BODY_2',
-    BUTTON_1: 'BUTTON_1',
-    BUTTON_2: 'BUTTON_2',
-    BUTTON_3: 'BUTTON_3',
-    CAPTION_1: 'CAPTION_1',
-    CAPTION_2: 'CAPTION_2',
-    CAPTION_3: 'CAPTION_3',
-};
-var Colors = {
-    ONBACKGROUND_1: 'ONBACKGROUND_1',
-    ONBACKGROUND_2: 'ONBACKGROUND_2',
-    ONBACKGROUND_3: 'ONBACKGROUND_3',
-    ONBACKGROUND_4: 'ONBACKGROUND_4',
-    ONCONTENT_1: 'ONCONTENT_1',
-    ONCONTENT_2: 'ONCONTENT_2',
-    ONCONTENT_INVERSE_1: 'ONCONTENT_INVERSE_1',
-    ONCONTENT_INVERSE_5: 'ONCONTENT_INVERSE_5',
-    PRIMARY: 'PRIMARY',
-    ERROR: 'ERROR',
-    SECONDARY_3: 'SECONDARY_3',
+var Typography = {
+    H_1: 'H_1',
+    H_2: 'H_2',
+    SUBTITLE_1: 'SUBTITLE_1',
+    SUBTITLE_2: 'SUBTITLE_2',
+    BODY_1: 'BODY_1',
+    BODY_2: 'BODY_2',
+    BUTTON_1: 'BUTTON_1',
+    BUTTON_2: 'BUTTON_2',
+    BUTTON_3: 'BUTTON_3',
+    CAPTION_1: 'CAPTION_1',
+    CAPTION_2: 'CAPTION_2',
+    CAPTION_3: 'CAPTION_3',
+};
+var Colors = {
+    ONBACKGROUND_1: 'ONBACKGROUND_1',
+    ONBACKGROUND_2: 'ONBACKGROUND_2',
+    ONBACKGROUND_3: 'ONBACKGROUND_3',
+    ONBACKGROUND_4: 'ONBACKGROUND_4',
+    ONCONTENT_1: 'ONCONTENT_1',
+    ONCONTENT_2: 'ONCONTENT_2',
+    ONCONTENT_INVERSE_1: 'ONCONTENT_INVERSE_1',
+    ONCONTENT_INVERSE_5: 'ONCONTENT_INVERSE_5',
+    PRIMARY: 'PRIMARY',
+    ERROR: 'ERROR',
+    SECONDARY_3: 'SECONDARY_3',
 };
 
-function changeTypographyToClassName(type) {
-    switch (type) {
-        case Typography.H_1: return 'sendbird-label--h-1';
-        case Typography.H_2: return 'sendbird-label--h-2';
-        case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';
-        case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';
-        case Typography.BODY_1: return 'sendbird-label--body-1';
-        case Typography.BODY_2: return 'sendbird-label--body-2';
-        case Typography.BUTTON_1: return 'sendbird-label--button-1';
-        case Typography.BUTTON_2: return 'sendbird-label--button-2';
-        case Typography.BUTTON_3: return 'sendbird-label--button-3';
-        case Typography.CAPTION_1: return 'sendbird-label--caption-1';
-        case Typography.CAPTION_2: return 'sendbird-label--caption-2';
-        case Typography.CAPTION_3: return 'sendbird-label--caption-3';
-        default: return '';
-    }
-}
-function changeColorToClassName(color) {
-    switch (color) {
-        case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';
-        case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';
-        case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';
-        case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';
-        case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';
-        case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';
-        case Colors.ONCONTENT_INVERSE_1: return 'sendbird-label--color-oncontent-inverse-1';
-        case Colors.ONCONTENT_INVERSE_5: return 'sendbird-label--color-oncontent-inverse-5';
-        case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me
-        case Colors.ERROR: return 'sendbird-label--color-error';
-        case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';
-        default: return '';
-    }
+function changeTypographyToClassName(type) {
+    switch (type) {
+        case Typography.H_1: return 'sendbird-label--h-1';
+        case Typography.H_2: return 'sendbird-label--h-2';
+        case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';
+        case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';
+        case Typography.BODY_1: return 'sendbird-label--body-1';
+        case Typography.BODY_2: return 'sendbird-label--body-2';
+        case Typography.BUTTON_1: return 'sendbird-label--button-1';
+        case Typography.BUTTON_2: return 'sendbird-label--button-2';
+        case Typography.BUTTON_3: return 'sendbird-label--button-3';
+        case Typography.CAPTION_1: return 'sendbird-label--caption-1';
+        case Typography.CAPTION_2: return 'sendbird-label--caption-2';
+        case Typography.CAPTION_3: return 'sendbird-label--caption-3';
+        default: return '';
+    }
+}
+function changeColorToClassName(color) {
+    switch (color) {
+        case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';
+        case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';
+        case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';
+        case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';
+        case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';
+        case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';
+        case Colors.ONCONTENT_INVERSE_1: return 'sendbird-label--color-oncontent-inverse-1';
+        case Colors.ONCONTENT_INVERSE_5: return 'sendbird-label--color-oncontent-inverse-5';
+        case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me
+        case Colors.ERROR: return 'sendbird-label--color-error';
+        case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';
+        default: return '';
+    }
 }
 
-function Label(_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
-    return (
-    // Donot make this into div
-    // Mention uses Label. If we use div, it would break the mention detection on Paste
-    // https://github.com/sendbird/sendbird-uikit-react/pull/479
-    React__default.createElement("span", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-label',
-            changeTypographyToClassName(type),
-            changeColorToClassName(color),
-        ], false).join(' '), ref: ref }, children));
-}
-var LabelTypography = Typography;
-var LabelColors = Colors;
-var LabelStringSet = getStringSet('en');
-var Label$1 = React__default.forwardRef(Label);
+var Label = forwardRef(function (_a, ref) {
+    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
+    return (
+    // Donot make this into div
+    // Mention uses Label. If we use div, it would break the mention detection on Paste
+    // https://github.com/sendbird/sendbird-uikit-react/pull/479
+    React__default.createElement("span", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-label',
+            changeTypographyToClassName(type),
+            changeColorToClassName(color),
+        ], false).join(' '), ref: ref }, children));
+});
+var LabelTypography = Typography;
+var LabelColors = Colors;
+var LabelStringSet = getStringSet('en');
 
-export { Label$1 as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d, Label as e };
-//# sourceMappingURL=bundle-Dk211z5R.js.map
+export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
+//# sourceMappingURL=bundle-q3jyuKU7.js.map

package/chunks/bundle-q3jyuKU7.js.map

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