@sendbird/uikit-react 3.14.3 → 3.14.5

package/CreateChannel/components/CreateChannelUI.js

@@ -1,50 +1,54 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../chunks/bundle-mRqHYNyY.js';
+import { u as useCreateChannelContext } from '../../chunks/bundle-iA2l_iD3.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BX_IXLSp.js';
-import '../../chunks/bundle-DZl__KhG.js';
+import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-DhJuLwLJ.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-DZcgZWKq.js';
-import '../../chunks/bundle-tIPAQa1P.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.js';
-import '../../chunks/bundle-BlK-fMQm.js';
-import '../../chunks/bundle-CSOdmQ75.js';
+import '../../chunks/bundle-CDy_GVNR.js';
+import '../../chunks/bundle-CAdxJnio.js';
+import '../../chunks/bundle-B621kS6J.js';
+import '../../chunks/bundle-9Pg6kODx.js';
+import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-DiVyB2HD.js';
+import '../../chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-Dk211z5R.js';
+import '../../chunks/bundle-q3jyuKU7.js';
 import '../../ui/Icon.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-D2MpL8t0.js';
+import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-2vhBVWLQ.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-DGnpw8up.js';
-import '../../chunks/bundle-BPvfVEd8.js';
+import '../../chunks/bundle-60et0yds.js';
+import '../../chunks/bundle-C1XVT5qc.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CUd4X5O2.js';
+import '../../chunks/bundle-BQPvwBK8.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
-import '@sendbird/chat';
-import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-BbeHRXOp.js';
-import '../../chunks/bundle-DwApARpe.js';
-import '@sendbird/chat/groupChannel';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-Bdw6eUSG.js';
 
-var CreateChannel = function (props) {
-    var onCancel = props.onCancel, renderStepOne = props.renderStepOne;
-    var _a = useCreateChannelContext(), step = _a.step, setStep = _a.setStep, userListQuery = _a.userListQuery;
-    return (React__default.createElement(React__default.Fragment, null,
-        step === 0 && ((renderStepOne === null || renderStepOne === void 0 ? void 0 : renderStepOne()) || (React__default.createElement(SelectChannelType, { onCancel: onCancel }))),
-        step === 1 && (React__default.createElement(InviteUsers, { userListQuery: userListQuery, onCancel: function () {
-                setStep(0);
-                onCancel();
-            } }))));
+var CreateChannel = function (props) {
+    var onCancel = props.onCancel, renderStepOne = props.renderStepOne;
+    var _a = useCreateChannelContext(), step = _a.step, setStep = _a.setStep, userListQuery = _a.userListQuery;
+    return (React__default.createElement(React__default.Fragment, null,
+        step === 0 && ((renderStepOne === null || renderStepOne === void 0 ? void 0 : renderStepOne()) || (React__default.createElement(SelectChannelType, { onCancel: onCancel }))),
+        step === 1 && (React__default.createElement(InviteUsers, { userListQuery: userListQuery, onCancel: function () {
+                setStep(0);
+                onCancel();
+            } }))));
 };
 
 export { CreateChannel as default };

package/CreateChannel/components/CreateChannelUI.js.map

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

package/CreateChannel/components/InviteUsers.js

@@ -1,160 +1,164 @@
-import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-CDy_GVNR.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-tIPAQa1P.js';
-import { u as useCreateChannelContext } from '../../chunks/bundle-mRqHYNyY.js';
+import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
+import { u as useCreateChannelContext } from '../../chunks/bundle-iA2l_iD3.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-BlK-fMQm.js';
-import { M as Modal } from '../../chunks/bundle-CSOdmQ75.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-Dk211z5R.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-Cj-w5I5i.js';
+import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-q3jyuKU7.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import UserListItem from '../../ui/UserListItem.js';
-import { n as noop } from '../../chunks/bundle-DZl__KhG.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.js';
+import { n as noop } from '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-B621kS6J.js';
+import '../../chunks/bundle-9Pg6kODx.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BX_IXLSp.js';
+import '../../chunks/bundle-CtgXJZJt.js';
 import '../../withSendbird.js';
+import '../../chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DGnpw8up.js';
-import '../../chunks/bundle-BPvfVEd8.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-D2MpL8t0.js';
+import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-60et0yds.js';
+import '../../chunks/bundle-C1XVT5qc.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CUd4X5O2.js';
+import '../../chunks/bundle-BQPvwBK8.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
-import '@sendbird/chat';
-import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-BbeHRXOp.js';
-import '../../chunks/bundle-DwApARpe.js';
-import '@sendbird/chat/groupChannel';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-Bdw6eUSG.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 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 BUFFER = 50;
-var InviteUsers = function (_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel, userListQuery = _a.userListQuery;
-    var _e = useCreateChannelContext(), onCreateChannelClick = _e.onCreateChannelClick, onBeforeCreateChannel = _e.onBeforeCreateChannel, onChannelCreated = _e.onChannelCreated, createChannel = _e.createChannel, onCreateChannel = _e.onCreateChannel, overrideInviteUser = _e.overrideInviteUser, type = _e.type;
-    var globalStore = 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 = useState([]), users = _f[0], setUsers = _f[1];
-    var _g = useState({}), selectedUsers = _g[0], setSelectedUsers = _g[1];
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _h = 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 isMobile = useMediaQueryContext().isMobile;
-    var _j = useState(window.innerHeight), scrollableAreaHeight = _j[0], setScrollableAreaHeight = _j[1];
-    var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk: sdk });
-    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_);
-            });
-        }
-    }, []);
-    // To fix navbar break in mobile we set dynamic height to the scrollable area
-    useEffect(function () {
-        var scrollableAreaHeight = function () {
-            setScrollableAreaHeight(window.innerHeight);
-        };
-        window.addEventListener('resize', scrollableAreaHeight);
-        return function () {
-            window.removeEventListener('resize', scrollableAreaHeight);
-        };
-    }, []);
-    return (React__default.createElement(Modal, { isFullScreenOnMobile: true, titleText: titleText, submitText: submitText, type: 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];
-            var _onChannelCreated = onChannelCreated !== null && onChannelCreated !== void 0 ? onChannelCreated : onCreateChannel;
-            var _onCreateChannelClick = onCreateChannelClick !== null && onCreateChannelClick !== void 0 ? onCreateChannelClick : overrideInviteUser;
-            if (typeof _onCreateChannelClick === 'function') {
-                _onCreateChannelClick({
-                    users: selectedUserList,
-                    onClose: onCancel !== null && onCancel !== void 0 ? onCancel : noop,
-                    channelType: type,
-                });
-                return;
-            }
-            if (onBeforeCreateChannel) {
-                var params = onBeforeCreateChannel(selectedUserList);
-                setChannelType(params, type);
-                createChannel(params).then(function (channel) { return _onChannelCreated === null || _onChannelCreated === void 0 ? void 0 : _onChannelCreated(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) { return _onChannelCreated === null || _onChannelCreated === void 0 ? void 0 : _onChannelCreated(channel); });
-            }
-            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        } },
-        React__default.createElement("div", null,
-            React__default.createElement(Label, { color: (selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3, type: LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
-            React__default.createElement("div", { className: "sendbird-create-channel--scroll", style: isMobile ? { height: "calc(".concat(scrollableAreaHeight, "px - 200px)") } : {}, 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(__spreadArray(__spreadArray([], users, true), usersBatch, true));
-                        });
-                    }
-                } }, users.map(function (user) { return (!filterUser(idsToFilter)(user.userId)) && (React__default.createElement(UserListItem, { key: user.userId, user: user, checkBox: true, checked: selectedUsers[user.userId], onChange: function (event) {
-                    var _a;
-                    var modifiedSelectedUsers = __assign(__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-                    if (!event.target.checked) {
-                        delete modifiedSelectedUsers[event.target.id];
-                    }
-                    setSelectedUsers(modifiedSelectedUsers);
-                } })); })))));
+var BUFFER = 50;
+var InviteUsers = function (_a) {
+    var _b, _c, _d;
+    var onCancel = _a.onCancel, userListQuery = _a.userListQuery;
+    var _e = useCreateChannelContext(), onCreateChannelClick = _e.onCreateChannelClick, onBeforeCreateChannel = _e.onBeforeCreateChannel, onChannelCreated = _e.onChannelCreated, createChannel = _e.createChannel, onCreateChannel = _e.onCreateChannel, overrideInviteUser = _e.overrideInviteUser, type = _e.type;
+    var globalStore = 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 = useState([]), users = _f[0], setUsers = _f[1];
+    var _g = useState({}), selectedUsers = _g[0], setSelectedUsers = _g[1];
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _h = 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 isMobile = useMediaQueryContext().isMobile;
+    var _j = useState(window.innerHeight), scrollableAreaHeight = _j[0], setScrollableAreaHeight = _j[1];
+    var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk: sdk });
+    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_);
+            });
+        }
+    }, []);
+    // To fix navbar break in mobile we set dynamic height to the scrollable area
+    useEffect(function () {
+        var scrollableAreaHeight = function () {
+            setScrollableAreaHeight(window.innerHeight);
+        };
+        window.addEventListener('resize', scrollableAreaHeight);
+        return function () {
+            window.removeEventListener('resize', scrollableAreaHeight);
+        };
+    }, []);
+    return (React__default.createElement(Modal, { isFullScreenOnMobile: true, titleText: titleText, submitText: submitText, type: 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];
+            var _onChannelCreated = onChannelCreated !== null && onChannelCreated !== void 0 ? onChannelCreated : onCreateChannel;
+            var _onCreateChannelClick = onCreateChannelClick !== null && onCreateChannelClick !== void 0 ? onCreateChannelClick : overrideInviteUser;
+            if (typeof _onCreateChannelClick === 'function') {
+                _onCreateChannelClick({
+                    users: selectedUserList,
+                    onClose: onCancel !== null && onCancel !== void 0 ? onCancel : noop,
+                    channelType: type,
+                });
+                return;
+            }
+            if (onBeforeCreateChannel) {
+                var params = onBeforeCreateChannel(selectedUserList);
+                setChannelType(params, type);
+                createChannel(params).then(function (channel) { return _onChannelCreated === null || _onChannelCreated === void 0 ? void 0 : _onChannelCreated(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) { return _onChannelCreated === null || _onChannelCreated === void 0 ? void 0 : _onChannelCreated(channel); });
+            }
+            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        } },
+        React__default.createElement("div", null,
+            React__default.createElement(Label, { color: (selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3, type: LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
+            React__default.createElement("div", { className: "sendbird-create-channel--scroll", style: isMobile ? { height: "calc(".concat(scrollableAreaHeight, "px - 200px)") } : {}, 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(__spreadArray(__spreadArray([], users, true), usersBatch, true));
+                        });
+                    }
+                } }, users.map(function (user) { return (!filterUser(idsToFilter)(user.userId)) && (React__default.createElement(UserListItem, { key: user.userId, user: user, checkBox: true, checked: selectedUsers[user.userId], onChange: function (event) {
+                    var _a;
+                    var modifiedSelectedUsers = __assign(__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
+                    if (!event.target.checked) {
+                        delete modifiedSelectedUsers[event.target.id];
+                    }
+                    setSelectedUsers(modifiedSelectedUsers);
+                } })); })))));
 };
 
 export { InviteUsers as default };

package/CreateChannel/components/InviteUsers.js.map

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

package/CreateChannel/components/SelectChannelType.js

@@ -1,79 +1,90 @@
 import React__default, { useContext } from 'react';
 import { getSdk } from '../../sendbirdSelectors.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../chunks/bundle-mRqHYNyY.js';
-import { L as LocalizationContext } from '../../chunks/bundle-tIPAQa1P.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-Dk211z5R.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../chunks/bundle-iA2l_iD3.js';
+import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as Modal } from '../../chunks/bundle-CSOdmQ75.js';
-import '../../chunks/bundle-BX_IXLSp.js';
-import '../../chunks/bundle-DZl__KhG.js';
+import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
+import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-DhJuLwLJ.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-DZcgZWKq.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.js';
+import '../../chunks/bundle-CDy_GVNR.js';
+import '../../chunks/bundle-B621kS6J.js';
+import '../../chunks/bundle-9Pg6kODx.js';
+import '../../chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-BlK-fMQm.js';
+import '../../chunks/bundle-Cj-w5I5i.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-D2MpL8t0.js';
+import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-2vhBVWLQ.js';
 
-var 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 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();
-    var sdk = getSdk(store);
-    var createChannelProps = useCreateChannelContext();
-    var setStep = createChannelProps.setStep, setType = createChannelProps.setType;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
-    var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
-    return (React__default.createElement(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__default.createElement("div", { className: "sendbird-add-channel__rectangle-wrap" },
-            React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
-                    setType(CHANNEL_TYPE.GROUP);
-                    setStep(1);
-                }, role: "button", tabIndex: 0, onKeyDown: function () {
-                    setType(CHANNEL_TYPE.GROUP);
-                    setStep(1);
-                } },
-                React__default.createElement(Icon, { className: "sendbird-add-channel__rectangle__chat-icon", type: IconTypes.CHAT, fillColor: IconColors.PRIMARY, width: "28px", height: "28px" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__GROUP)),
-            isSupergroupAvailable && (React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
-                    setType(CHANNEL_TYPE.SUPERGROUP);
-                    setStep(1);
-                }, role: "button", tabIndex: 0, onKeyDown: function () {
-                    setType(CHANNEL_TYPE.SUPERGROUP);
-                    setStep(1);
-                } },
-                React__default.createElement(Icon, { className: "sendbird-add-channel__rectangle__supergroup-icon", type: IconTypes.SUPERGROUP, fillColor: IconColors.PRIMARY, width: "28px", height: "28px" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__SUPER))),
-            isBroadcastAvailable && (React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
-                    setType(CHANNEL_TYPE.BROADCAST);
-                    setStep(1);
-                }, role: "button", tabIndex: 0, onKeyDown: function () {
-                    setType(CHANNEL_TYPE.BROADCAST);
-                    setStep(1);
-                } },
-                React__default.createElement(Icon, { className: "sendbird-add-channel__rectangle__broadcast-icon", type: IconTypes.BROADCAST, fillColor: IconColors.PRIMARY, width: "28px", height: "28px" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))))));
+var SelectChannelType = function (props) {
+    var onCancel = props.onCancel;
+    var store = useSendbirdStateContext();
+    var sdk = getSdk(store);
+    var createChannelProps = useCreateChannelContext();
+    var setStep = createChannelProps.setStep, setType = createChannelProps.setType;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
+    var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
+    return (React__default.createElement(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__default.createElement("div", { className: "sendbird-add-channel__rectangle-wrap" },
+            React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
+                    setType(CHANNEL_TYPE.GROUP);
+                    setStep(1);
+                }, role: "button", tabIndex: 0, onKeyDown: function () {
+                    setType(CHANNEL_TYPE.GROUP);
+                    setStep(1);
+                } },
+                React__default.createElement(Icon, { className: "sendbird-add-channel__rectangle__chat-icon", type: IconTypes.CHAT, fillColor: IconColors.PRIMARY, width: "28px", height: "28px" }),
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__GROUP)),
+            isSupergroupAvailable && (React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
+                    setType(CHANNEL_TYPE.SUPERGROUP);
+                    setStep(1);
+                }, role: "button", tabIndex: 0, onKeyDown: function () {
+                    setType(CHANNEL_TYPE.SUPERGROUP);
+                    setStep(1);
+                } },
+                React__default.createElement(Icon, { className: "sendbird-add-channel__rectangle__supergroup-icon", type: IconTypes.SUPERGROUP, fillColor: IconColors.PRIMARY, width: "28px", height: "28px" }),
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__SUPER))),
+            isBroadcastAvailable && (React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
+                    setType(CHANNEL_TYPE.BROADCAST);
+                    setStep(1);
+                }, role: "button", tabIndex: 0, onKeyDown: function () {
+                    setType(CHANNEL_TYPE.BROADCAST);
+                    setStep(1);
+                } },
+                React__default.createElement(Icon, { className: "sendbird-add-channel__rectangle__broadcast-icon", type: IconTypes.BROADCAST, fillColor: IconColors.PRIMARY, width: "28px", height: "28px" }),
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))))));
 };
 
 export { SelectChannelType as default };

package/CreateChannel/components/SelectChannelType.js.map

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

package/CreateChannel/context.js

@@ -1,9 +1,9 @@
 import 'react';
 import '../sendbirdSelectors.js';
 import '../useSendbirdStateContext.js';
-export { C as CreateChannelProvider, u as useCreateChannelContext } from '../chunks/bundle-mRqHYNyY.js';
-import '../chunks/bundle-BX_IXLSp.js';
-import '../chunks/bundle-DZl__KhG.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../chunks/bundle-iA2l_iD3.js';
+import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-DhJuLwLJ.js';
 import '../withSendbird.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import '../chunks/bundle-CDy_GVNR.js';
 //# sourceMappingURL=context.js.map