@sendbird/uikit-react 3.9.1-rc-2 → 3.9.1

package/dist/ChannelList/components/ChannelPreview.js

@@ -1,131 +0,0 @@
-import { _ as __assign } from '../../chunks/bundle-qHAQziqO.js';
-import React__default, { useState } from 'react';
-import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import Badge from '../../ui/Badge.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-a2JLFpDM.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../chunks/bundle-yOmQxfc5.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../chunks/bundle--Ejuxki1.js';
-import MentionUserLabel from '../../ui/MentionUserLabel.js';
-import { M as Modal } from '../../chunks/bundle-ypBBz_XL.js';
-import TextButton from '../../ui/TextButton.js';
-import { u as useChannelListContext } from '../../chunks/bundle-Iv7qFX4X.js';
-import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { i as isVoiceMessage } from '../../chunks/bundle-gkOxTHma.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-dxJV8pSS.js';
-import { u as useLongPress } from '../../chunks/bundle-wfnnwHTT.js';
-import '../../chunks/bundle-m-DDpdq8.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-6BNmQ0LM.js';
-import '../../chunks/bundle-BYmCRR2q.js';
-import '../../chunks/bundle-OxW3t01r.js';
-import '../../chunks/bundle-lnteErrw.js';
-import '../../chunks/bundle-MF8abnx2.js';
-import '../../chunks/bundle-6KxAQ3DO.js';
-import '../../chunks/bundle-RrmxRjer.js';
-import '../../ui/Loader.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-a8y3Ewac.js';
-import '../../chunks/bundle-7sEsVYzR.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-xTeLtbXU.js';
-import 'react-dom';
-import '../../ui/IconButton.js';
-import '../../ui/Button.js';
-import '../../chunks/bundle-ybeKF-fO.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-rdL93Rxj.js';
-import '../../chunks/bundle-Vp2hvuBO.js';
-import '../../chunks/bundle-M4oxyPE-.js';
-import '../../chunks/bundle-x4ZuQz8S.js';
-import '../../chunks/bundle-UApGrG-m.js';
-import '../../chunks/bundle-e_9mGqwg.js';
-import '../../chunks/bundle-GWEiVUz_.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-K753WYIS.js';
-import '../../chunks/bundle-qufSYree.js';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-GxF20zCF.js';
-import '../../chunks/bundle-CUfPglBq.js';
-
-var ChannelPreview = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var channel = _a.channel, _l = _a.isActive, isActive = _l === void 0 ? false : _l, _m = _a.isTyping, isTyping = _m === void 0 ? false : _m, renderChannelAction = _a.renderChannelAction, onLeaveChannel = _a.onLeaveChannel, onClick = _a.onClick, tabIndex = _a.tabIndex;
-    var sbState = useSendbirdStateContext();
-    var _o = useChannelListContext(), _p = _o.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _p === void 0 ? false : _p, _q = _o.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _q === void 0 ? false : _q;
-    var _r = useLocalization(), dateLocale = _r.dateLocale, stringSet = _r.stringSet;
-    var isMobile = useMediaQueryContext().isMobile;
-    var _s = useState(false), showMobileLeave = _s[0], setShowMobileLeave = _s[1];
-    var userId = (_d = (_c = (_b = sbState === null || sbState === void 0 ? void 0 : sbState.stores) === null || _b === void 0 ? void 0 : _b.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
-    var theme = (_e = sbState === null || sbState === void 0 ? void 0 : sbState.config) === null || _e === void 0 ? void 0 : _e.theme;
-    var isMentionEnabled = (_f = sbState === null || sbState === void 0 ? void 0 : sbState.config) === null || _f === void 0 ? void 0 : _f.isMentionEnabled;
-    var isFrozen = (channel === null || channel === void 0 ? void 0 : channel.isFrozen) || false;
-    var isBroadcast = (channel === null || channel === void 0 ? void 0 : channel.isBroadcast) || false;
-    var isChannelTyping = isTypingIndicatorEnabled && isTyping;
-    var isMessageStatusEnabled = isMessageReceiptStatusEnabled
-        && (((_g = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _g === void 0 ? void 0 : _g.messageType) === 'user' || ((_h = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _h === void 0 ? void 0 : _h.messageType) === 'file')
-        && ((_k = (_j = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _j === void 0 ? void 0 : _j.sender) === null || _k === void 0 ? void 0 : _k.userId) === userId;
-    var onLongPress = useLongPress({
-        onLongPress: function () {
-            if (isMobile) {
-                setShowMobileLeave(true);
-            }
-        },
-        onClick: onClick,
-    }, {
-        delay: 1000,
-    });
-    var channelName = getChannelTitle(channel, userId, stringSet);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", __assign({ className: [
-                'sendbird-channel-preview',
-                isActive ? 'sendbird-channel-preview--active' : '',
-            ].join(' '), role: "link", tabIndex: tabIndex }, (isMobile ? __assign({}, onLongPress) : { onClick: onClick })),
-            React__default.createElement("div", { className: "sendbird-channel-preview__avatar" },
-                React__default.createElement(ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
-            React__default.createElement("div", { className: "sendbird-channel-preview__content" },
-                React__default.createElement("div", { className: "sendbird-channel-preview__content__upper" },
-                    React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
-                        isBroadcast
-                            && (React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
-                                React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.SECONDARY, height: "16px", width: "16px" }))),
-                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, channelName),
-                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, getTotalMembers(channel)),
-                        isFrozen
-                            && (React__default.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
-                                React__default.createElement(Icon, { type: IconTypes.FREEZE, fillColor: IconColors.PRIMARY, height: 12, width: 12 })))),
-                    (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isMessageStatusEnabled) && (React__default.createElement(MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel === null || channel === void 0 ? void 0 : channel.lastMessage, isDateSeparatorConsidered: false })),
-                    (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isMessageStatusEnabled) && (React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__last-message-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getLastMessageCreatedAt({
-                        channel: channel,
-                        locale: dateLocale,
-                        stringSet: stringSet,
-                    })))),
-                React__default.createElement("div", { className: "sendbird-channel-preview__content__lower" },
-                    React__default.createElement(Label, { className: "sendbird-channel-preview__content__lower__last-message", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 },
-                        isChannelTyping && (React__default.createElement(TypingIndicatorText, { members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers() })),
-                        !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && (getLastMessage(channel, stringSet)),
-                        !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && (stringSet.VOICE_MESSAGE)),
-                    /**
-                     * Do not show unread count for focused channel. This is because of the limitation where
-                     * isScrollBottom and hasNext states needs to be added globally but they are from channel context
-                     * so channel list cannot see them with the current architecture.
-                     */
-                    !isActive && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && (React__default.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
-                        (isMentionEnabled && (channel === null || channel === void 0 ? void 0 : channel.unreadMentionCount) > 0)
-                            ? (React__default.createElement(MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@'))
-                            : null,
-                        getChannelUnreadMessageCount(channel) // return number
-                            ? React__default.createElement(Badge, { count: getChannelUnreadMessageCount(channel) })
-                            : null)))),
-            !isMobile && (React__default.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
-        showMobileLeave && isMobile && (React__default.createElement(Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
-            React__default.createElement(TextButton, { onClick: function () {
-                    onLeaveChannel();
-                    setShowMobileLeave(false);
-                }, className: "sendbird-channel-preview__leave-label--mobile" },
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))))));
-};
-
-export { ChannelPreview as default };
-//# sourceMappingURL=ChannelPreview.js.map

package/dist/ChannelList/components/ChannelPreviewAction.js

@@ -1,71 +0,0 @@
-import React__default, { useRef, useState, useContext } from 'react';
-import { u as useLocalization, L as LocalizationContext } from '../../chunks/bundle--Ejuxki1.js';
-import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
-import IconButton from '../../ui/IconButton.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { n as noop } from '../../chunks/bundle-lnteErrw.js';
-import { M as Modal } from '../../chunks/bundle-ypBBz_XL.js';
-import { u as useChannelListContext } from '../../chunks/bundle-Iv7qFX4X.js';
-import '../../chunks/bundle-MF8abnx2.js';
-import '../../chunks/bundle-RrmxRjer.js';
-import '../../chunks/bundle-qHAQziqO.js';
-import 'react-dom';
-import '../../ui/SortByRow.js';
-import '../../chunks/bundle-6BNmQ0LM.js';
-import '../../chunks/bundle-gkOxTHma.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-x4ZuQz8S.js';
-import '../../chunks/bundle-a2JLFpDM.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-dxJV8pSS.js';
-import '../../ui/Button.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-rdL93Rxj.js';
-import '../../chunks/bundle-Vp2hvuBO.js';
-import '../../chunks/bundle-M4oxyPE-.js';
-
-var LeaveChannel = function (props) {
-    var _a, _b, _c;
-    var _d = props.channel, channel = _d === void 0 ? null : _d, _e = props.onSubmit, onSubmit = _e === void 0 ? noop : _e, _f = props.onCancel, onCancel = _f === void 0 ? noop : _f;
-    var channelFromContext = (_a = useChannelListContext()) === null || _a === void 0 ? void 0 : _a.currentChannel;
-    var leavingChannel = channel || channelFromContext;
-    var state = useSendbirdStateContext();
-    var stringSet = useLocalization().stringSet;
-    var logger = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.logger;
-    var isOnline = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.isOnline;
-    if (leavingChannel) {
-        return (React__default.createElement(Modal, { disabled: !isOnline, onCancel: onCancel, onSubmit: function () {
-                logger.info('ChannelSettings: Leaving channel', leavingChannel);
-                leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(function () {
-                    logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
-                    onSubmit();
-                });
-            }, submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER, titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE }));
-    }
-};
-
-function ChannelPreviewAction(_a) {
-    var channel = _a.channel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onLeaveChannel = _a.onLeaveChannel;
-    var parentRef = useRef(null);
-    var parentContainerRef = useRef(null);
-    var _c = useState(false), showModal = _c[0], setShowModal = _c[1];
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { ref: parentContainerRef, tabIndex: 0, role: "button", style: { display: 'inline-block' }, onKeyDown: function (e) { return e.stopPropagation(); }, onClick: function (e) { return e.stopPropagation(); } },
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { ref: parentRef, onClick: toggleDropdown, height: "32px", width: "32px" },
-                React__default.createElement(Icon, { type: IconTypes.MORE, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: parentRef, parentContainRef: parentContainerRef, closeDropdown: closeDropdown },
-                React__default.createElement(MenuItem, { onClick: function () {
-                        if (disabled) {
-                            return;
-                        }
-                        setShowModal(true);
-                        closeDropdown();
-                    }, dataSbId: "channel_list_item_context_menu_leave_channel" }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))); } }),
-        showModal && (React__default.createElement(LeaveChannel, { channel: channel, onSubmit: function () {
-                setShowModal(false);
-                onLeaveChannel();
-            }, onCancel: function () { return setShowModal(false); } }))));
-}
-
-export { ChannelPreviewAction as default };
-//# sourceMappingURL=ChannelPreviewAction.js.map

package/dist/ChannelList/context.js

@@ -1,15 +0,0 @@
-import '../chunks/bundle-qHAQziqO.js';
-import 'react';
-import '@sendbird/chat/groupChannel';
-export { C as ChannelListProvider, u as useChannelListContext } from '../chunks/bundle-Iv7qFX4X.js';
-import '../chunks/bundle-6BNmQ0LM.js';
-import '../chunks/bundle-lnteErrw.js';
-import '../chunks/bundle-Vp2hvuBO.js';
-import '../chunks/bundle-M4oxyPE-.js';
-import '../useSendbirdStateContext.js';
-import '../chunks/bundle-rdL93Rxj.js';
-import '../chunks/bundle-x4ZuQz8S.js';
-import '../chunks/bundle-gkOxTHma.js';
-import '../utils/message/getOutgoingMessageState.js';
-import '../withSendbird.js';
-//# sourceMappingURL=context.js.map

package/dist/ChannelList.js

@@ -1,81 +0,0 @@
-import React__default from 'react';
-import { C as ChannelListProvider } from './chunks/bundle-Iv7qFX4X.js';
-import ChannelListUI from './ChannelList/components/ChannelListUI.js';
-import './chunks/bundle-qHAQziqO.js';
-import '@sendbird/chat/groupChannel';
-import './chunks/bundle-rdL93Rxj.js';
-import './chunks/bundle-6BNmQ0LM.js';
-import './chunks/bundle-lnteErrw.js';
-import './chunks/bundle-Vp2hvuBO.js';
-import './chunks/bundle-M4oxyPE-.js';
-import './useSendbirdStateContext.js';
-import './withSendbird.js';
-import './chunks/bundle-x4ZuQz8S.js';
-import './chunks/bundle-gkOxTHma.js';
-import './utils/message/getOutgoingMessageState.js';
-import './ChannelList/components/ChannelListHeader.js';
-import './chunks/bundle--Ejuxki1.js';
-import './chunks/bundle-MF8abnx2.js';
-import './chunks/bundle-RrmxRjer.js';
-import './chunks/bundle-a2JLFpDM.js';
-import './chunks/bundle-m-DDpdq8.js';
-import './ui/ImageRenderer.js';
-import './chunks/bundle-BYmCRR2q.js';
-import './ui/Icon.js';
-import './ChannelList/components/AddChannel.js';
-import './ui/IconButton.js';
-import './CreateChannel.js';
-import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-NjIn5xfq.js';
-import './sendbirdSelectors.js';
-import './CreateChannel/components/InviteUsers.js';
-import './chunks/bundle-ypBBz_XL.js';
-import 'react-dom';
-import './chunks/bundle-dxJV8pSS.js';
-import './ui/Button.js';
-import './ui/UserListItem.js';
-import './ui/MutedAvatarOverlay.js';
-import './ui/Checkbox.js';
-import './ui/UserProfile.js';
-import './ui/ContextMenu.js';
-import './ui/SortByRow.js';
-import './CreateChannel/components/SelectChannelType.js';
-import './ChannelList/components/ChannelPreview.js';
-import './ui/ChannelAvatar.js';
-import './chunks/bundle-OxW3t01r.js';
-import './ui/Badge.js';
-import './chunks/bundle-yOmQxfc5.js';
-import './chunks/bundle-6KxAQ3DO.js';
-import './ui/Loader.js';
-import './chunks/bundle-a8y3Ewac.js';
-import './chunks/bundle-7sEsVYzR.js';
-import './ui/MentionUserLabel.js';
-import './chunks/bundle-xTeLtbXU.js';
-import './ui/TextButton.js';
-import './chunks/bundle-ybeKF-fO.js';
-import './Channel/components/TypingIndicator.js';
-import './chunks/bundle-UApGrG-m.js';
-import './chunks/bundle-e_9mGqwg.js';
-import './chunks/bundle-GWEiVUz_.js';
-import '@sendbird/chat/message';
-import './chunks/bundle-K753WYIS.js';
-import './chunks/bundle-qufSYree.js';
-import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-GxF20zCF.js';
-import './chunks/bundle-CUfPglBq.js';
-import './chunks/bundle-wfnnwHTT.js';
-import './ChannelList/components/ChannelPreviewAction.js';
-import './EditUserProfile.js';
-import './EditUserProfile/context.js';
-import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-6Jgiyczc.js';
-import './ui/Input.js';
-import './ui/PlaceHolder.js';
-
-var ChannelList = function (props) {
-    return (React__default.createElement(ChannelListProvider, { className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, allowProfileEdit: props === null || props === void 0 ? void 0 : props.allowProfileEdit, onBeforeCreateChannel: props === null || props === void 0 ? void 0 : props.onBeforeCreateChannel, onThemeChange: props === null || props === void 0 ? void 0 : props.onThemeChange, overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, onProfileEditSuccess: props === null || props === void 0 ? void 0 : props.onProfileEditSuccess, onChannelSelect: props === null || props === void 0 ? void 0 : props.onChannelSelect, sortChannelList: props === null || props === void 0 ? void 0 : props.sortChannelList, queries: props === null || props === void 0 ? void 0 : props.queries, disableAutoSelect: props === null || props === void 0 ? void 0 : props.disableAutoSelect, activeChannelUrl: props === null || props === void 0 ? void 0 : props.activeChannelUrl, isTypingIndicatorEnabled: props === null || props === void 0 ? void 0 : props.isTypingIndicatorEnabled, isMessageReceiptStatusEnabled: props === null || props === void 0 ? void 0 : props.isMessageReceiptStatusEnabled },
-        React__default.createElement(ChannelListUI, { renderChannelPreview: props === null || props === void 0 ? void 0 : props.renderChannelPreview, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader, renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList, renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError, renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading })));
-};
-
-export { ChannelList as default };
-//# sourceMappingURL=ChannelList.js.map

package/dist/ChannelSettings/components/ChannelProfile.js

@@ -1,65 +0,0 @@
-import React__default, { useContext, useState } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle--Ejuxki1.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { useChannelSettingsContext } from '../context.js';
-import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import TextButton from '../../ui/TextButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-a2JLFpDM.js';
-import EditDetails from './EditDetailsModal.js';
-import '../../chunks/bundle-MF8abnx2.js';
-import '../../chunks/bundle-RrmxRjer.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-qHAQziqO.js';
-import '../../chunks/bundle-M4oxyPE-.js';
-import '../../chunks/bundle-6BNmQ0LM.js';
-import '../../chunks/bundle-m-DDpdq8.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BYmCRR2q.js';
-import '../../ui/Icon.js';
-import '../../chunks/bundle-lnteErrw.js';
-import '../../chunks/bundle-OxW3t01r.js';
-import '../../chunks/bundle-ybeKF-fO.js';
-import '../../chunks/bundle-ypBBz_XL.js';
-import 'react-dom';
-import '../../chunks/bundle-dxJV8pSS.js';
-import '../../ui/IconButton.js';
-import '../../ui/Button.js';
-import '../../ui/Input.js';
-
-var ChannelProfile = function () {
-    var _a, _b, _c;
-    var state = useSendbirdStateContext();
-    var channelSettingStore = useChannelSettingsContext();
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _d = useState(false), showModal = _d[0], setShowModal = _d[1];
-    var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
-    var theme = ((_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.theme) || 'light';
-    var isOnline = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.isOnline;
-    var disabled = !isOnline;
-    var channel = channelSettingStore.channel;
-    var getChannelName = function () {
-        if ((channel === null || channel === void 0 ? void 0 : channel.name) && (channel === null || channel === void 0 ? void 0 : channel.name) !== 'Group Channel') {
-            return channel.name;
-        }
-        if ((channel === null || channel === void 0 ? void 0 : channel.name) === 'Group Channel' || !(channel === null || channel === void 0 ? void 0 : channel.name)) {
-            return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).map(function (member) { return member.nickname || stringSet.NO_NAME; }).join(', ');
-        }
-        return stringSet.NO_TITLE;
-    };
-    return (React__default.createElement("div", { className: "sendbird-channel-profile" },
-        React__default.createElement("div", { className: "sendbird-channel-profile--inner" },
-            React__default.createElement("div", { className: "sendbird-channel-profile__avatar" },
-                React__default.createElement(ChannelAvatar, { channel: channel, userId: userId, theme: theme, width: 80, height: 80 })),
-            React__default.createElement(Label, { className: "sendbird-channel-profile__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, getChannelName()),
-            React__default.createElement(TextButton, { disabled: disabled, className: "sendbird-channel-profile__edit", onClick: function () {
-                    if (disabled) {
-                        return;
-                    }
-                    setShowModal(true);
-                }, disableUnderline: true },
-                React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: disabled ? LabelColors.ONBACKGROUND_2 : LabelColors.PRIMARY }, stringSet.CHANNEL_SETTING__PROFILE__EDIT)),
-            showModal && (React__default.createElement(EditDetails, { onCancel: function () { return setShowModal(false); }, onSubmit: function () { return setShowModal(false); } })))));
-};
-
-export { ChannelProfile as default };
-//# sourceMappingURL=ChannelProfile.js.map

package/dist/ChannelSettings/components/ChannelSettingsUI.js

@@ -1,119 +0,0 @@
-import React__default, { useContext, useState } from 'react';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { useChannelSettingsContext } from '../context.js';
-import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-a2JLFpDM.js';
-import { L as LocalizationContext } from '../../chunks/bundle--Ejuxki1.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import IconButton from '../../ui/IconButton.js';
-import ChannelProfile from './ChannelProfile.js';
-import AdminPannel from './ModerationPanel.js';
-import LeaveChannel from './LeaveChannel.js';
-import UserPanel from './UserPanel.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-qHAQziqO.js';
-import '../../chunks/bundle-M4oxyPE-.js';
-import '../../chunks/bundle-6BNmQ0LM.js';
-import '../../ui/Loader.js';
-import '../../chunks/bundle-MF8abnx2.js';
-import '../../chunks/bundle-RrmxRjer.js';
-import '../../chunks/bundle-lnteErrw.js';
-import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-m-DDpdq8.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BYmCRR2q.js';
-import '../../chunks/bundle-OxW3t01r.js';
-import '../../ui/TextButton.js';
-import '../../chunks/bundle-ybeKF-fO.js';
-import './EditDetailsModal.js';
-import '../../chunks/bundle-ypBBz_XL.js';
-import 'react-dom';
-import '../../chunks/bundle-dxJV8pSS.js';
-import '../../ui/Button.js';
-import '../../ui/Input.js';
-import '../../ui/Accordion.js';
-import '../../ui/AccordionGroup.js';
-import '../../chunks/bundle-14ncl99m.js';
-import '../../ui/Badge.js';
-import '../../ui/Toggle.js';
-import '../../ui/ContextMenu.js';
-import '../../ui/SortByRow.js';
-import '../../chunks/bundle-gkOxTHma.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-x4ZuQz8S.js';
-import './UserListItem.js';
-import '../../ui/MutedAvatarOverlay.js';
-import '../../ui/UserProfile.js';
-import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-rdL93Rxj.js';
-import '../../ui/UserListItem.js';
-import '../../ui/Checkbox.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-2Op65qKC.js';
-
-var ChannelSettingsUI = function (props) {
-    var _a, _b;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var state = useSendbirdStateContext();
-    var channelSettingStore = useChannelSettingsContext();
-    var _c = useState(false), showLeaveChannelModal = _c[0], setShowLeaveChannelModal = _c[1];
-    var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
-    var logger = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.logger;
-    var channel = channelSettingStore.channel, invalidChannel = channelSettingStore.invalidChannel, onCloseClick = channelSettingStore.onCloseClick;
-    var renderPlaceholderError = props.renderPlaceholderError, renderChannelProfile = props.renderChannelProfile, renderModerationPanel = props.renderModerationPanel, renderLeaveChannel = props.renderLeaveChannel;
-    if (!channel || invalidChannel) {
-        return (React__default.createElement("div", null,
-            React__default.createElement("div", { className: "sendbird-channel-settings__header" },
-                React__default.createElement(Label, { type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
-                React__default.createElement(Icon, { className: "sendbird-channel-settings__close-icon", type: IconTypes.CLOSE, height: "24px", width: "24px", onClick: function () {
-                        logger.info('ChannelSettings: Click close');
-                        onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-                    } })),
-            React__default.createElement("div", null, renderPlaceholderError
-                ? renderPlaceholderError()
-                : (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG })))));
-    }
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: "sendbird-channel-settings__header" },
-            React__default.createElement(Label, { type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
-            React__default.createElement("div", { className: "sendbird-channel-settings__header-icon" },
-                React__default.createElement(IconButton, { width: "32px", height: "32px", onClick: function () {
-                        logger.info('ChannelSettings: Click close');
-                        onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-                    } },
-                    React__default.createElement(Icon, { className: "sendbird-channel-settings__close-icon", type: IconTypes.CLOSE, height: "22px", width: "22px" })))),
-        React__default.createElement("div", { className: "sendbird-channel-settings__scroll-area" },
-            (renderChannelProfile === null || renderChannelProfile === void 0 ? void 0 : renderChannelProfile()) || (React__default.createElement(ChannelProfile, null)),
-            (renderModerationPanel === null || renderModerationPanel === void 0 ? void 0 : renderModerationPanel()) || ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator'
-                ? (React__default.createElement(AdminPannel, null))
-                : (React__default.createElement(UserPanel, null))),
-            (renderLeaveChannel === null || renderLeaveChannel === void 0 ? void 0 : renderLeaveChannel()) || (React__default.createElement("div", { className: [
-                    'sendbird-channel-settings__panel-item',
-                    'sendbird-channel-settings__leave-channel',
-                    !isOnline ? 'sendbird-channel-settings__panel-item__disabled' : '',
-                ].join(' '), role: "button", onKeyDown: function () {
-                    if (!isOnline) {
-                        return;
-                    }
-                    setShowLeaveChannelModal(true);
-                }, onClick: function () {
-                    if (!isOnline) {
-                        return;
-                    }
-                    setShowLeaveChannelModal(true);
-                }, tabIndex: 0 },
-                React__default.createElement(Icon, { className: [
-                        'sendbird-channel-settings__panel-icon-left',
-                        'sendbird-channel-settings__panel-icon__leave',
-                    ].join(' '), type: IconTypes.LEAVE, fillColor: IconColors.ERROR, height: "24px", width: "24px" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))),
-            showLeaveChannelModal && (React__default.createElement(LeaveChannel, { onCancel: function () {
-                    setShowLeaveChannelModal(false);
-                }, onSubmit: function () {
-                    setShowLeaveChannelModal(false);
-                    onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-                } })))));
-};
-
-export { ChannelSettingsUI as default };
-//# sourceMappingURL=ChannelSettingsUI.js.map

package/dist/ChannelSettings/components/EditDetailsModal.js

@@ -1,97 +0,0 @@
-import React__default, { useRef, useState, useContext } from 'react';
-import { useChannelSettingsContext } from '../context.js';
-import { L as LocalizationContext } from '../../chunks/bundle--Ejuxki1.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { M as Modal } from '../../chunks/bundle-ypBBz_XL.js';
-import Input, { InputLabel } from '../../ui/Input.js';
-import { A as Avatar } from '../../chunks/bundle-m-DDpdq8.js';
-import '../../chunks/bundle-qHAQziqO.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-a2JLFpDM.js';
-import { ButtonTypes } from '../../ui/Button.js';
-import TextButton from '../../ui/TextButton.js';
-import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { u as uuidv4 } from '../../chunks/bundle-6BNmQ0LM.js';
-import '../../chunks/bundle-M4oxyPE-.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-MF8abnx2.js';
-import '../../chunks/bundle-RrmxRjer.js';
-import 'react-dom';
-import '../../chunks/bundle-lnteErrw.js';
-import '../../chunks/bundle-dxJV8pSS.js';
-import '../../ui/IconButton.js';
-import '../../ui/Icon.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BYmCRR2q.js';
-import '../../chunks/bundle-ybeKF-fO.js';
-import '../../chunks/bundle-OxW3t01r.js';
-
-var EditDetails = function (props) {
-    var _a, _b, _c;
-    var onSubmit = props.onSubmit, onCancel = props.onCancel;
-    var _d = useChannelSettingsContext(), channel = _d.channel, onChannelModified = _d.onChannelModified, onBeforeUpdateChannel = _d.onBeforeUpdateChannel, setChannelUpdateId = _d.setChannelUpdateId;
-    var title = channel === null || channel === void 0 ? void 0 : channel.name;
-    var state = useSendbirdStateContext();
-    var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
-    var theme = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.theme;
-    var logger = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.logger;
-    var inputRef = useRef(null);
-    var formRef = useRef(null);
-    var hiddenInputRef = useRef(null);
-    var _e = useState(null), currentImg = _e[0], setCurrentImg = _e[1];
-    var _f = useState(null), newFile = _f[0], setNewFile = _f[1];
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement(Modal, { isFullScreenOnMobile: true, titleText: stringSet.MODAL__CHANNEL_INFORMATION__TITLE, submitText: stringSet.BUTTON__SAVE, onCancel: onCancel, onSubmit: function () {
-            if (title !== '' && !inputRef.current.value) {
-                if (formRef.current.reportValidity) { // might not work in explorer
-                    formRef.current.reportValidity();
-                }
-                return;
-            }
-            var currentTitle = inputRef.current.value;
-            var currentImg = newFile;
-            logger.info('ChannelSettings: Channel information being updated', {
-                currentTitle: currentTitle,
-                currentImg: currentImg,
-            });
-            if (onBeforeUpdateChannel) {
-                logger.info('ChannelSettings: onBeforeUpdateChannel');
-                var params = onBeforeUpdateChannel(currentTitle, currentImg, channel === null || channel === void 0 ? void 0 : channel.data);
-                channel === null || channel === void 0 ? void 0 : channel.updateChannel(params).then(function (groupChannel) {
-                    onChannelModified === null || onChannelModified === void 0 ? void 0 : onChannelModified(groupChannel);
-                    setChannelUpdateId(uuidv4());
-                    onSubmit();
-                });
-            }
-            else {
-                logger.info('ChannelSettings: normal');
-                channel === null || channel === void 0 ? void 0 : channel.updateChannel({
-                    coverImage: currentImg,
-                    name: currentTitle,
-                    data: (channel === null || channel === void 0 ? void 0 : channel.data) || '',
-                }).then(function (groupChannel) {
-                    logger.info('ChannelSettings: Channel information updated', groupChannel);
-                    onChannelModified === null || onChannelModified === void 0 ? void 0 : onChannelModified(groupChannel);
-                    setChannelUpdateId(uuidv4());
-                    onSubmit();
-                });
-            }
-        }, type: ButtonTypes.PRIMARY },
-        React__default.createElement("form", { className: "channel-profile-form", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
-            React__default.createElement("div", { className: "channel-profile-form__img-section" },
-                React__default.createElement(InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_IMAGE),
-                React__default.createElement("div", { className: "channel-profile-form__avatar" }, currentImg
-                    ? (React__default.createElement(Avatar, { height: "80px", width: "80px", src: currentImg })) : (React__default.createElement(ChannelAvatar, { height: 80, width: 80, channel: channel, userId: userId, theme: theme }))),
-                React__default.createElement("input", { ref: hiddenInputRef, type: "file", accept: "image/gif, image/jpeg, image/png", style: { display: 'none' }, onChange: function (e) {
-                        setCurrentImg(URL.createObjectURL(e.target.files[0]));
-                        setNewFile(e.target.files[0]);
-                        hiddenInputRef.current.value = '';
-                    } }),
-                React__default.createElement(TextButton, { className: "channel-profile-form__avatar-button", onClick: function () { return hiddenInputRef.current.click(); }, disableUnderline: true },
-                    React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.MODAL__CHANNEL_INFORMATION__UPLOAD))),
-            React__default.createElement("div", { className: "channel-profile-form__name-section" },
-                React__default.createElement(InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_NAME),
-                React__default.createElement(Input, { required: title !== '', name: "channel-profile-form__name", ref: inputRef, value: title, placeHolder: stringSet.MODAL__CHANNEL_INFORMATION__INPUT__PLACE_HOLDER })))));
-};
-
-export { EditDetails as default };
-//# sourceMappingURL=EditDetailsModal.js.map