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

package/cjs/ChannelSettings/context.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-gM8i5lGF.js');
-var uuid = require('../chunks/bundle-NYFm08XH.js');
-require('../withSendbird.js');
-require('../chunks/bundle-QH7iLrPR.js');
-
-var ChannelSettingsContext = React.createContext(undefined);
-var ChannelSettingsProvider = function (props) {
-    var _a;
-    var children = props.children, className = props.className, channelUrl = props.channelUrl, onCloseClick = props.onCloseClick, onLeaveChannel = props.onLeaveChannel, onChannelModified = props.onChannelModified, overrideInviteUser = props.overrideInviteUser, onBeforeUpdateChannel = props.onBeforeUpdateChannel, queries = props.queries;
-    // fetch store from <SendbirdProvider />
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var config = globalStore.config, stores = globalStore.stores;
-    var sdkStore = stores.sdkStore;
-    var logger = config.logger, onUserProfileMessage = config.onUserProfileMessage;
-    var initialized = sdkStore.initialized;
-    var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
-    // hack to keep track of channel updates by triggering useEffect
-    var _b = React.useState(uuid.uuidv4()), channelUpdateId = _b[0], setChannelUpdateId = _b[1];
-    var _c = React.useState(null), channel = _c[0], setChannel = _c[1];
-    var _d = React.useState(false), invalidChannel = _d[0], setInvalidChannel = _d[1];
-    var forceUpdateUI = function () {
-        setChannelUpdateId(uuid.uuidv4());
-    };
-    React.useEffect(function () {
-        logger.info('ChannelSettings: Setting up');
-        if (!channelUrl || !initialized || !sdk) {
-            logger.warning('ChannelSettings: Setting up failed', 'No channelUrl or sdk uninitialized');
-            setInvalidChannel(false);
-        }
-        else {
-            if (!sdk || !sdk.groupChannel) {
-                logger.warning('ChannelSettings: No GroupChannel');
-                return;
-            }
-            sdk.groupChannel.getChannel(channelUrl).then(function (groupChannel) {
-                if (!groupChannel) {
-                    logger.warning('ChannelSettings: Channel not found');
-                    setInvalidChannel(true);
-                }
-                else {
-                    logger.info('ChannelSettings: Fetched group channel', groupChannel);
-                    setInvalidChannel(false);
-                    setChannel(groupChannel);
-                }
-            });
-        }
-    }, [channelUrl, initialized, channelUpdateId]);
-    return (React.createElement(ChannelSettingsContext.Provider, { value: {
-            channelUrl: channelUrl,
-            onCloseClick: onCloseClick,
-            onLeaveChannel: onLeaveChannel,
-            onChannelModified: onChannelModified,
-            onBeforeUpdateChannel: onBeforeUpdateChannel,
-            queries: queries,
-            overrideInviteUser: overrideInviteUser,
-            setChannelUpdateId: setChannelUpdateId,
-            forceUpdateUI: forceUpdateUI,
-            channel: channel,
-            invalidChannel: invalidChannel,
-        } },
-        React.createElement(UserProfileContext.UserProfileProvider, { renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, disableUserProfile: (_a = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _a !== void 0 ? _a : config === null || config === void 0 ? void 0 : config.disableUserProfile, onUserProfileMessage: onUserProfileMessage },
-            React.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
-};
-var useChannelSettingsContext = function () { return React.useContext(ChannelSettingsContext); };
-
-exports.ChannelSettingsProvider = ChannelSettingsProvider;
-exports.useChannelSettingsContext = useChannelSettingsContext;
-//# sourceMappingURL=context.js.map

package/cjs/ChannelSettings.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/components/ChannelSettingsUI.js');
-var ChannelSettings_context = require('./ChannelSettings/context.js');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
-require('./chunks/bundle-QH7iLrPR.js');
-require('./ui/PlaceHolder.js');
-require('./chunks/bundle-ZurhBjw4.js');
-require('./chunks/bundle-v8bBiJ_c.js');
-require('./chunks/bundle-cV7uGK08.js');
-require('./ui/Icon.js');
-require('./chunks/bundle-Pe-j2f1D.js');
-require('./chunks/bundle-0MHADZvF.js');
-require('./ui/Loader.js');
-require('./ui/IconButton.js');
-require('./ChannelSettings/components/ChannelProfile.js');
-require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-vSdu8rrq.js');
-require('./ui/ImageRenderer.js');
-require('./chunks/bundle-NYFm08XH.js');
-require('./chunks/bundle-MeuNh9Q9.js');
-require('./chunks/bundle-A4ywDIVT.js');
-require('./ui/TextButton.js');
-require('./chunks/bundle-yTYZiuXi.js');
-require('./ChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-JragPpHy.js');
-require('react-dom');
-require('./chunks/bundle-vWUmeH2R.js');
-require('./ui/Button.js');
-require('./ui/Input.js');
-require('./ChannelSettings/components/ModerationPanel.js');
-require('./ui/Accordion.js');
-require('./ui/AccordionGroup.js');
-require('./chunks/bundle-pOTnhSyt.js');
-require('./ui/Badge.js');
-require('./ui/Toggle.js');
-require('./ui/ContextMenu.js');
-require('./ui/SortByRow.js');
-require('./chunks/bundle-F--qTOLe.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-AQhLE-Ci.js');
-require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-gM8i5lGF.js');
-require('./ui/MutedAvatarOverlay.js');
-require('./ui/UserProfile.js');
-require('./sendbirdSelectors.js');
-require('./chunks/bundle-0wbO-LdY.js');
-require('./ui/UserListItem.js');
-require('./ui/Checkbox.js');
-require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-YkzD-qec.js');
-require('./ChannelSettings/components/LeaveChannel.js');
-require('./ChannelSettings/components/UserPanel.js');
-
-var ChannelSettings = function (props) {
-    return (React.createElement(ChannelSettings_context.ChannelSettingsProvider, { overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, channelUrl: props.channelUrl, onCloseClick: props === null || props === void 0 ? void 0 : props.onCloseClick, onLeaveChannel: props === null || props === void 0 ? void 0 : props.onLeaveChannel, onChannelModified: props === null || props === void 0 ? void 0 : props.onChannelModified, onBeforeUpdateChannel: props === null || props === void 0 ? void 0 : props.onBeforeUpdateChannel, queries: props === null || props === void 0 ? void 0 : props.queries, className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile },
-        React.createElement(ChannelSettings_components_ChannelSettingsUI, { renderPlaceholderError: props === null || props === void 0 ? void 0 : props.renderPlaceholderError, renderChannelProfile: props === null || props === void 0 ? void 0 : props.renderChannelProfile, renderModerationPanel: props === null || props === void 0 ? void 0 : props.renderModerationPanel, renderLeaveChannel: props === null || props === void 0 ? void 0 : props.renderLeaveChannel })));
-};
-
-module.exports = ChannelSettings;
-//# sourceMappingURL=ChannelSettings.js.map

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var React = require('react');
-var CreateChannel_context = require('../../chunks/bundle-igY82TbB.js');
-var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
-var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
-require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-QH7iLrPR.js');
-require('../../chunks/bundle-ZurhBjw4.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('../../chunks/bundle-JragPpHy.js');
-require('react-dom');
-require('../../chunks/bundle-vWUmeH2R.js');
-require('../../ui/IconButton.js');
-require('../../ui/Button.js');
-require('../../chunks/bundle-0MHADZvF.js');
-require('../../ui/Icon.js');
-require('../../ui/UserListItem.js');
-require('../../chunks/bundle-gM8i5lGF.js');
-require('../../chunks/bundle-vSdu8rrq.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-NYFm08XH.js');
-require('../../chunks/bundle-MeuNh9Q9.js');
-require('../../ui/MutedAvatarOverlay.js');
-require('../../ui/Checkbox.js');
-require('../../ui/UserProfile.js');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../chunks/bundle-F--qTOLe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-AQhLE-Ci.js');
-
-var CreateChannel = function (props) {
-    var onCancel = props.onCancel, renderStepOne = props.renderStepOne;
-    var _a = CreateChannel_context.useCreateChannelContext(), step = _a.step, setStep = _a.setStep, userListQuery = _a.userListQuery;
-    return (React.createElement(React.Fragment, null,
-        step === 0 && ((renderStepOne === null || renderStepOne === void 0 ? void 0 : renderStepOne()) || (React.createElement(CreateChannel_components_SelectChannelType, { onCancel: onCancel }))),
-        step === 1 && (React.createElement(CreateChannel_components_InviteUsers, { userListQuery: userListQuery, onCancel: function () {
-                setStep(0);
-                onCancel();
-            } }))));
-};
-
-module.exports = CreateChannel;
-//# sourceMappingURL=CreateChannelUI.js.map

package/cjs/CreateChannel/components/InviteUsers.js

@@ -1,169 +0,0 @@
-'use strict';
-
-var _tslib = require('../../chunks/bundle-QH7iLrPR.js');
-var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
-var CreateChannel_context = require('../../chunks/bundle-igY82TbB.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Modal = require('../../chunks/bundle-JragPpHy.js');
-var ui_Label = require('../../chunks/bundle-0MHADZvF.js');
-var ui_Button = require('../../ui/Button.js');
-var ui_UserListItem = require('../../ui/UserListItem.js');
-var utils = require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../withSendbird.js');
-require('react-dom');
-require('../../chunks/bundle-vWUmeH2R.js');
-require('../../ui/IconButton.js');
-require('../../ui/Icon.js');
-require('../../chunks/bundle-gM8i5lGF.js');
-require('../../chunks/bundle-vSdu8rrq.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-NYFm08XH.js');
-require('../../chunks/bundle-MeuNh9Q9.js');
-require('../../ui/MutedAvatarOverlay.js');
-require('../../ui/Checkbox.js');
-require('../../ui/UserProfile.js');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../chunks/bundle-F--qTOLe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-AQhLE-Ci.js');
-
-var filterUser = function (idsToFilter) { return function (currentId) { return idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId); }; };
-var setChannelType = function (params, type) {
-    if (type === 'broadcast') {
-        // eslint-disable-next-line no-param-reassign
-        params.isBroadcast = true;
-    }
-    if (type === 'supergroup') {
-        // eslint-disable-next-line no-param-reassign
-        params.isSuper = true;
-    }
-    return params;
-};
-var createDefaultUserListQuery = function (_a) {
-    var sdk = _a.sdk, userFilledApplicationUserListQuery = _a.userFilledApplicationUserListQuery;
-    if (sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery) {
-        var params_1 = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
-        if (userFilledApplicationUserListQuery) {
-            Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
-                params_1[key] = userFilledApplicationUserListQuery[key];
-            });
-        }
-        return params_1;
-    }
-};
-
-var appHeight = function () {
-    try {
-        var doc = document.documentElement;
-        doc.style.setProperty('--sendbird-vh', (window.innerHeight * 0.01) + 'px');
-    }
-    catch (_a) {
-        //
-    }
-};
-var BUFFER = 50;
-var InviteUsers = function (_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel, userListQuery = _a.userListQuery;
-    var _e = CreateChannel_context.useCreateChannelContext(), onBeforeCreateChannel = _e.onBeforeCreateChannel, onCreateChannel = _e.onCreateChannel, overrideInviteUser = _e.overrideInviteUser, createChannel = _e.createChannel, type = _e.type;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var sdk = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
-    var idsToFilter = [userId];
-    var _f = React.useState([]), users = _f[0], setUsers = _f[1];
-    var _g = React.useState({}), selectedUsers = _g[0], setSelectedUsers = _g[1];
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _h = React.useState(null), usersDataSource = _h[0], setUsersDataSource = _h[1];
-    var selectedCount = Object.keys(selectedUsers).length;
-    var titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
-    var submitText = stringSet.BUTTON__CREATE;
-    var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk: sdk });
-    React.useEffect(function () {
-        var applicationUserListQuery = userQueryCreator;
-        setUsersDataSource(applicationUserListQuery);
-        // @ts-ignore
-        if (!(applicationUserListQuery === null || applicationUserListQuery === void 0 ? void 0 : applicationUserListQuery.isLoading)) {
-            applicationUserListQuery.next().then(function (users_) {
-                setUsers(users_);
-            });
-        }
-    }, []);
-    // https://stackoverflow.com/a/70302463
-    // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing
-    // to fix navbar break in mobile
-    React.useEffect(function () {
-        appHeight();
-        window.addEventListener('resize', appHeight);
-        return function () {
-            window.removeEventListener('resize', appHeight);
-        };
-    }, []);
-    return (React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, titleText: titleText, submitText: submitText, type: ui_Button.ButtonTypes.PRIMARY, 
-        // Disable the create button if no users are selected,
-        // but if there's only the logged-in user in the user list,
-        // then the create button should be enabled
-        disabled: users.length > 1 && Object.keys(selectedUsers).length === 0, onCancel: onCancel, onSubmit: function () {
-            var selectedUserList = Object.keys(selectedUsers).length > 0
-                ? Object.keys(selectedUsers)
-                : [userId];
-            if (typeof overrideInviteUser === 'function') {
-                overrideInviteUser({
-                    users: selectedUserList,
-                    onClose: onCancel !== null && onCancel !== void 0 ? onCancel : utils.noop,
-                    channelType: type,
-                });
-                return;
-            }
-            if (onBeforeCreateChannel) {
-                var params = onBeforeCreateChannel(selectedUserList);
-                setChannelType(params, type);
-                createChannel(params).then(function (channel) {
-                    onCreateChannel === null || onCreateChannel === void 0 ? void 0 : onCreateChannel(channel);
-                });
-            }
-            else {
-                var params = {};
-                params.invitedUserIds = selectedUserList;
-                params.isDistinct = false;
-                if (userId) {
-                    params.operatorUserIds = [userId];
-                }
-                setChannelType(params, type);
-                // do not have custom params
-                createChannel(params).then(function (channel) {
-                    onCreateChannel === null || onCreateChannel === void 0 ? void 0 : onCreateChannel(channel);
-                });
-            }
-            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        } },
-        React.createElement("div", null,
-            React.createElement(ui_Label.Label, { color: (selectedCount > 0) ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3, type: ui_Label.LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
-            React.createElement("div", { className: "sendbird-create-channel--scroll", onScroll: function (e) {
-                    if (!usersDataSource)
-                        return;
-                    var eventTarget = e.target;
-                    var hasNext = usersDataSource.hasNext, isLoading = usersDataSource.isLoading;
-                    var fetchMore = ((eventTarget.clientHeight + eventTarget.scrollTop + BUFFER) > eventTarget.scrollHeight);
-                    if (hasNext && fetchMore && !isLoading) {
-                        usersDataSource.next().then(function (usersBatch) {
-                            setUsers(_tslib.__spreadArray(_tslib.__spreadArray([], users, true), usersBatch, true));
-                        });
-                    }
-                } }, users.map(function (user) { return (!filterUser(idsToFilter)(user.userId)) && (React.createElement(ui_UserListItem, { key: user.userId, user: user, checkBox: true, checked: selectedUsers[user.userId], onChange: function (event) {
-                    var _a;
-                    var modifiedSelectedUsers = _tslib.__assign(_tslib.__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-                    if (!event.target.checked) {
-                        delete modifiedSelectedUsers[event.target.id];
-                    }
-                    setSelectedUsers(modifiedSelectedUsers);
-                } })); })))));
-};
-
-module.exports = InviteUsers;
-//# sourceMappingURL=InviteUsers.js.map

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var React = require('react');
-var sendbirdSelectors = require('../../sendbirdSelectors.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../chunks/bundle-igY82TbB.js');
-var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
-var ui_Label = require('../../chunks/bundle-0MHADZvF.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Modal = require('../../chunks/bundle-JragPpHy.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-QH7iLrPR.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('react-dom');
-require('../../chunks/bundle-vWUmeH2R.js');
-require('../../ui/IconButton.js');
-require('../../ui/Button.js');
-
-var isBroadcastChannelEnabled = function (sdk) {
-    var _a;
-    var ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
-    var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
-    if (Array.isArray(applicationAttributes)) {
-        return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);
-    }
-    return false;
-};
-var isSuperGroupChannelEnabled = function (sdk) {
-    var _a;
-    var ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
-    var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
-    if (Array.isArray(applicationAttributes)) {
-        return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
-    }
-    return false;
-};
-
-var SelectChannelType = function (props) {
-    var onCancel = props.onCancel;
-    var store = useSendbirdStateContext.useSendbirdStateContext();
-    var sdk = sendbirdSelectors.getSdk(store);
-    var createChannelProps = CreateChannel_context.useCreateChannelContext();
-    var setStep = createChannelProps.setStep, setType = createChannelProps.setType;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
-    var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
-    return (React.createElement(ui_Modal.Modal, { titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE, hideFooter: true, onCancel: function () { onCancel(); }, className: "sendbird-add-channel__modal" },
-        React.createElement("div", { className: "sendbird-add-channel__rectangle-wrap" },
-            React.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
-                    setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
-                    setStep(1);
-                }, role: "button", tabIndex: 0, onKeyDown: function () {
-                    setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
-                    setStep(1);
-                } },
-                React.createElement(ui_Icon.default, { className: "sendbird-add-channel__rectangle__chat-icon", type: ui_Icon.IconTypes.CHAT, fillColor: ui_Icon.IconColors.PRIMARY, width: "28px", height: "28px" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__GROUP)),
-            isSupergroupAvailable && (React.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
-                    setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
-                    setStep(1);
-                }, role: "button", tabIndex: 0, onKeyDown: function () {
-                    setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
-                    setStep(1);
-                } },
-                React.createElement(ui_Icon.default, { className: "sendbird-add-channel__rectangle__supergroup-icon", type: ui_Icon.IconTypes.SUPERGROUP, fillColor: ui_Icon.IconColors.PRIMARY, width: "28px", height: "28px" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__SUPER))),
-            isBroadcastAvailable && (React.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
-                    setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
-                    setStep(1);
-                }, role: "button", tabIndex: 0, onKeyDown: function () {
-                    setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
-                    setStep(1);
-                } },
-                React.createElement(ui_Icon.default, { className: "sendbird-add-channel__rectangle__broadcast-icon", type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.PRIMARY, width: "28px", height: "28px" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))))));
-};
-
-module.exports = SelectChannelType;
-//# sourceMappingURL=SelectChannelType.js.map

package/cjs/CreateChannel/context.js

@@ -1,16 +0,0 @@
-'use strict';
-
-require('react');
-require('../sendbirdSelectors.js');
-require('../useSendbirdStateContext.js');
-var CreateChannel_context = require('../chunks/bundle-igY82TbB.js');
-require('../chunks/bundle-0wbO-LdY.js');
-require('../chunks/bundle-Pe-j2f1D.js');
-require('../withSendbird.js');
-require('../chunks/bundle-QH7iLrPR.js');
-
-
-
-exports.CreateChannelProvider = CreateChannel_context.CreateChannelProvider;
-exports.useCreateChannelContext = CreateChannel_context.useCreateChannelContext;
-//# sourceMappingURL=context.js.map

package/cjs/CreateChannel.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var React = require('react');
-var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./chunks/bundle-igY82TbB.js');
-require('./CreateChannel/components/InviteUsers.js');
-require('./chunks/bundle-QH7iLrPR.js');
-require('./chunks/bundle-ZurhBjw4.js');
-require('./chunks/bundle-v8bBiJ_c.js');
-require('./chunks/bundle-cV7uGK08.js');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
-require('./chunks/bundle-JragPpHy.js');
-require('react-dom');
-require('./chunks/bundle-Pe-j2f1D.js');
-require('./chunks/bundle-vWUmeH2R.js');
-require('./ui/IconButton.js');
-require('./ui/Button.js');
-require('./chunks/bundle-0MHADZvF.js');
-require('./ui/Icon.js');
-require('./ui/UserListItem.js');
-require('./chunks/bundle-gM8i5lGF.js');
-require('./chunks/bundle-vSdu8rrq.js');
-require('./ui/ImageRenderer.js');
-require('./chunks/bundle-NYFm08XH.js');
-require('./chunks/bundle-MeuNh9Q9.js');
-require('./ui/MutedAvatarOverlay.js');
-require('./ui/Checkbox.js');
-require('./ui/UserProfile.js');
-require('./sendbirdSelectors.js');
-require('./chunks/bundle-0wbO-LdY.js');
-require('./ui/ContextMenu.js');
-require('./ui/SortByRow.js');
-require('./chunks/bundle-F--qTOLe.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-AQhLE-Ci.js');
-require('./CreateChannel/components/SelectChannelType.js');
-
-var CreateChannel = function (props) {
-    var onBeforeCreateChannel = props.onBeforeCreateChannel, userListQuery = props.userListQuery, onCreateChannel = props.onCreateChannel, overrideInviteUser = props.overrideInviteUser, onCancel = props.onCancel, renderStepOne = props.renderStepOne;
-    return (React.createElement(CreateChannel_context.CreateChannelProvider, { onBeforeCreateChannel: onBeforeCreateChannel, userListQuery: userListQuery, onCreateChannel: onCreateChannel, overrideInviteUser: overrideInviteUser },
-        React.createElement(CreateChannel_components_CreateChannelUI, { renderStepOne: renderStepOne, onCancel: onCancel })));
-};
-
-module.exports = CreateChannel;
-//# sourceMappingURL=CreateChannel.js.map

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,70 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
-var ui_Avatar = require('../../chunks/bundle-vSdu8rrq.js');
-require('../../chunks/bundle-QH7iLrPR.js');
-var ui_Label = require('../../chunks/bundle-0MHADZvF.js');
-var ui_Button = require('../../ui/Button.js');
-var ui_Modal = require('../../chunks/bundle-JragPpHy.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Input = require('../../ui/Input.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var CreateOpenChannel_context = require('../context.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-NYFm08XH.js');
-require('../../chunks/bundle-MeuNh9Q9.js');
-require('react-dom');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../chunks/bundle-vWUmeH2R.js');
-require('../../ui/IconButton.js');
-require('../../chunks/bundle-yTYZiuXi.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-
-function CreateOpenChannelUI(_a) {
-    var closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;
-    var _b = React.useState(null), newFile = _b[0], setNewFile = _b[1];
-    var _c = React.useState(null), currentImage = _c[0], setCurrentImg = _c[1];
-    var inputFormRef = React.useRef(null);
-    var inputFileRef = React.useRef(null);
-    var inputTextRef = React.useRef(null);
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _d = CreateOpenChannel_context.useCreateOpenChannelContext(), logger = _d.logger, createNewOpenChannel = _d.createNewOpenChannel;
-    return (React.createElement("div", { className: "sendbird-create-open-channel-ui" },
-        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE, submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT, type: ui_Button.ButtonTypes.PRIMARY, onCancel: closeModal, renderHeader: renderHeader, onSubmit: function () {
-                var _a;
-                var channelName = (_a = inputTextRef === null || inputTextRef === void 0 ? void 0 : inputTextRef.current) === null || _a === void 0 ? void 0 : _a.value;
-                if (!channelName) {
-                    logger.warning('CreateOpenChannelUI: You should fill the channel name');
-                    return;
-                }
-                createNewOpenChannel({
-                    name: channelName,
-                    coverUrlOrImage: newFile,
-                });
-                closeModal();
-            } },
-            React.createElement(React.Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || (React.createElement("form", { className: "sendbird-create-open-channel-ui__profile-input", ref: inputFormRef, onSubmit: function (e) { e.preventDefault(); } },
-                React.createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION),
-                React.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section" },
-                    React.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar" }, currentImage
-                        ? (React.createElement(ui_Avatar.Avatar, { width: "80px", height: "80px", src: currentImage })) : (React.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default" },
-                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHANNELS, fillColor: ui_Icon.IconColors.CONTENT, width: "46px", height: "46px" })))),
-                    React.createElement("input", { className: "sendbird-create-open-channel-ui__profile-input__img-section__input", ref: inputFileRef, 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]);
-                            inputFileRef.current.value = '';
-                        } }),
-                    React.createElement(ui_TextButton, { className: "sendbird-create-open-channel-ui__profile-input__img-section__button", onClick: function () { return inputFileRef.current.click(); }, disableUnderline: true },
-                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))),
-                React.createElement("div", { style: { marginTop: '20px' } },
-                    React.createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)),
-                React.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__name-section" },
-                    React.createElement(ui_Input.default, { name: "sendbird-create-open-channel-ui__profile-input__name-section__input", ref: inputTextRef, placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER }))))))));
-}
-
-module.exports = CreateOpenChannelUI;
-//# sourceMappingURL=CreateOpenChannelUI.js.map

package/cjs/CreateOpenChannel/context.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
-require('../chunks/bundle-QH7iLrPR.js');
-
-var CreateOpenChannelContext = React.createContext({
-    sdk: null,
-    sdkInitialized: false,
-    logger: null,
-    createNewOpenChannel: null,
-});
-var CreateOpenChannelProvider = function (_a) {
-    var _b, _c;
-    var className = _a.className, children = _a.children, onCreateChannel = _a.onCreateChannel, onBeforeCreateChannel = _a.onBeforeCreateChannel;
-    var _d = useSendbirdStateContext.useSendbirdStateContext(), stores = _d.stores, config = _d.config;
-    var logger = config.logger;
-    var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
-    var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
-    var createNewOpenChannel = React.useCallback(function (params) {
-        var _a;
-        var name = params.name, coverUrlOrImage = params.coverUrlOrImage;
-        if (sdkInitialized) {
-            var params_1 = {};
-            params_1.operatorUserIds = [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId];
-            params_1.name = name;
-            params_1.coverUrlOrImage = coverUrlOrImage;
-            sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params_1)) || params_1)
-                .then(function (openChannel) {
-                logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);
-                onCreateChannel(openChannel);
-            })
-                .catch(function (err) {
-                logger.warning('CreateOpenChannel: Failed creating openChannel', err);
-            });
-        }
-    }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);
-    return (React.createElement(CreateOpenChannelContext.Provider, { value: {
-            // interface
-            sdk: sdk,
-            sdkInitialized: sdkInitialized,
-            logger: logger,
-            createNewOpenChannel: createNewOpenChannel,
-        } },
-        React.createElement("div", { className: "sendbird-create-open-channel ".concat(className) }, children)));
-};
-var useCreateOpenChannelContext = function () { return (React.useContext(CreateOpenChannelContext)); };
-
-exports.CreateOpenChannelProvider = CreateOpenChannelProvider;
-exports.useCreateOpenChannelContext = useCreateOpenChannelContext;
-//# sourceMappingURL=context.js.map