@sendbird/uikit-react 3.14.3 → 3.14.5

package/CreateChannel.js

@@ -1,45 +1,49 @@
-import { _ as __assign } from './chunks/bundle-DZcgZWKq.js';
+import { _ as __assign } from './chunks/bundle-CDy_GVNR.js';
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './chunks/bundle-mRqHYNyY.js';
+import { C as CreateChannelProvider } from './chunks/bundle-iA2l_iD3.js';
 import './CreateChannel/components/InviteUsers.js';
-import './chunks/bundle-tIPAQa1P.js';
-import './chunks/bundle-BLGMGsvT.js';
-import './chunks/bundle-Danvz0zD.js';
+import './chunks/bundle-CAdxJnio.js';
+import './chunks/bundle-B621kS6J.js';
+import './chunks/bundle-9Pg6kODx.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-BlK-fMQm.js';
-import './chunks/bundle-CSOdmQ75.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 './chunks/bundle-DhJuLwLJ.js';
 import 'react-dom';
-import './chunks/bundle-DZl__KhG.js';
 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 './sendbirdSelectors.js';
-import './chunks/bundle-BX_IXLSp.js';
+import './chunks/bundle-CtgXJZJt.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';
 import './CreateChannel/components/SelectChannelType.js';
 
-var CreateChannel = function (props) {
-    return (React__default.createElement(CreateChannelProvider, __assign({}, props),
-        React__default.createElement(CreateChannel$1, __assign({}, props))));
+var CreateChannel = function (props) {
+    return (React__default.createElement(CreateChannelProvider, __assign({}, props),
+        React__default.createElement(CreateChannel$1, __assign({}, props))));
 };
 
 export { CreateChannel as default };

package/CreateChannel.js.map

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

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,66 +1,77 @@
 import React__default, { useState, useRef, useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-tIPAQa1P.js';
-import { A as Avatar } from '../../chunks/bundle-BPvfVEd8.js';
-import '../../chunks/bundle-DZcgZWKq.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-Dk211z5R.js';
+import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
+import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
+import '../../chunks/bundle-CDy_GVNR.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { M as Modal } from '../../chunks/bundle-CSOdmQ75.js';
+import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import TextButton from '../../ui/TextButton.js';
 import { useCreateOpenChannelContext } from '../context.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.js';
+import '../../chunks/bundle-B621kS6J.js';
+import '../../chunks/bundle-9Pg6kODx.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DZl__KhG.js';
-import '../../chunks/bundle-CUd4X5O2.js';
+import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-BQPvwBK8.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 '../../chunks/bundle-BMPm6lKq.js';
-import '../../useSendbirdStateContext.js';
+import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-D2MpL8t0.js';
+import '../../chunks/bundle-thdxvFU8.js';
+import '../../useSendbirdStateContext.js';
+import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-BCuW6lS8.js';
 
-function CreateOpenChannelUI(_a) {
-    var closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;
-    var _b = useState(null), newFile = _b[0], setNewFile = _b[1];
-    var _c = useState(null), currentImage = _c[0], setCurrentImg = _c[1];
-    var inputFormRef = useRef(null);
-    var inputFileRef = useRef(null);
-    var inputTextRef = useRef(null);
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _d = useCreateOpenChannelContext(), logger = _d.logger, createNewOpenChannel = _d.createNewOpenChannel;
-    return (React__default.createElement("div", { className: "sendbird-create-open-channel-ui" },
-        React__default.createElement(Modal, { isFullScreenOnMobile: true, titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE, submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT, type: 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__default.createElement(React__default.Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || (React__default.createElement("form", { className: "sendbird-create-open-channel-ui__profile-input", ref: inputFormRef, onSubmit: function (e) { e.preventDefault(); } },
-                React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION),
-                React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section" },
-                    React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar" }, currentImage
-                        ? (React__default.createElement(Avatar, { width: "80px", height: "80px", src: currentImage })) : (React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default" },
-                        React__default.createElement(Icon, { type: IconTypes.CHANNELS, fillColor: IconColors.CONTENT, width: "46px", height: "46px" })))),
-                    React__default.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__default.createElement(TextButton, { className: "sendbird-create-open-channel-ui__profile-input__img-section__button", onClick: function () { return inputFileRef.current.click(); }, disableUnderline: true },
-                        React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))),
-                React__default.createElement("div", { style: { marginTop: '20px' } },
-                    React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)),
-                React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__name-section" },
-                    React__default.createElement(Input, { name: "sendbird-create-open-channel-ui__profile-input__name-section__input", ref: inputTextRef, placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER }))))))));
+function CreateOpenChannelUI(_a) {
+    var closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;
+    var _b = useState(null), newFile = _b[0], setNewFile = _b[1];
+    var _c = useState(null), currentImage = _c[0], setCurrentImg = _c[1];
+    var inputFormRef = useRef(null);
+    var inputFileRef = useRef(null);
+    var inputTextRef = useRef(null);
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _d = useCreateOpenChannelContext(), logger = _d.logger, createNewOpenChannel = _d.createNewOpenChannel;
+    return (React__default.createElement("div", { className: "sendbird-create-open-channel-ui" },
+        React__default.createElement(Modal, { isFullScreenOnMobile: true, titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE, submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT, type: 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__default.createElement(React__default.Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || (React__default.createElement("form", { className: "sendbird-create-open-channel-ui__profile-input", ref: inputFormRef, onSubmit: function (e) { e.preventDefault(); } },
+                React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION),
+                React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section" },
+                    React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar" }, currentImage
+                        ? (React__default.createElement(Avatar, { width: "80px", height: "80px", src: currentImage })) : (React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default" },
+                        React__default.createElement(Icon, { type: IconTypes.CHANNELS, fillColor: IconColors.CONTENT, width: "46px", height: "46px" })))),
+                    React__default.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__default.createElement(TextButton, { className: "sendbird-create-open-channel-ui__profile-input__img-section__button", onClick: function () { return inputFileRef.current.click(); }, disableUnderline: true },
+                        React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))),
+                React__default.createElement("div", { style: { marginTop: '20px' } },
+                    React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)),
+                React__default.createElement("div", { className: "sendbird-create-open-channel-ui__profile-input__name-section" },
+                    React__default.createElement(Input, { name: "sendbird-create-open-channel-ui__profile-input__name-section__input", ref: inputTextRef, placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER }))))))));
 }
 
 export { CreateOpenChannelUI as default };

package/CreateOpenChannel/components/CreateOpenChannelUI.js.map

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

package/CreateOpenChannel/context.js

@@ -1,48 +1,48 @@
 import React__default, { useCallback } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import '../chunks/bundle-CDy_GVNR.js';
 
-var CreateOpenChannelContext = React__default.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(), 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 = 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__default.createElement(CreateOpenChannelContext.Provider, { value: {
-            // interface
-            sdk: sdk,
-            sdkInitialized: sdkInitialized,
-            logger: logger,
-            createNewOpenChannel: createNewOpenChannel,
-        } },
-        React__default.createElement("div", { className: "sendbird-create-open-channel ".concat(className) }, children)));
-};
+var CreateOpenChannelContext = React__default.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(), 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 = 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__default.createElement(CreateOpenChannelContext.Provider, { value: {
+            // interface
+            sdk: sdk,
+            sdkInitialized: sdkInitialized,
+            logger: logger,
+            createNewOpenChannel: createNewOpenChannel,
+        } },
+        React__default.createElement("div", { className: "sendbird-create-open-channel ".concat(className), style: { height: 0 } }, children)));
+};
 var useCreateOpenChannelContext = function () { return (React__default.useContext(CreateOpenChannelContext)); };
 
 export { CreateOpenChannelProvider, useCreateOpenChannelContext };

package/CreateOpenChannel.js

@@ -1,31 +1,42 @@
 import React__default from 'react';
 import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
-import './chunks/bundle-tIPAQa1P.js';
-import './chunks/bundle-BLGMGsvT.js';
-import './chunks/bundle-Danvz0zD.js';
-import './chunks/bundle-BPvfVEd8.js';
-import './chunks/bundle-DZcgZWKq.js';
+import './chunks/bundle-CAdxJnio.js';
+import './chunks/bundle-B621kS6J.js';
+import './chunks/bundle-9Pg6kODx.js';
+import './chunks/bundle-C1XVT5qc.js';
+import './chunks/bundle-CDy_GVNR.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DZl__KhG.js';
-import './chunks/bundle-CUd4X5O2.js';
+import './chunks/bundle-DhJuLwLJ.js';
+import './chunks/bundle-BQPvwBK8.js';
 import './ui/Icon.js';
-import './chunks/bundle-Dk211z5R.js';
+import './chunks/bundle-q3jyuKU7.js';
 import './ui/Button.js';
-import './chunks/bundle-CSOdmQ75.js';
+import './chunks/bundle-DiVyB2HD.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 '@sendbird/uikit-tools';
+import './withSendbird.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import './chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import './chunks/bundle-D2MpL8t0.js';
+import './chunks/bundle-thdxvFU8.js';
+import './useSendbirdStateContext.js';
+import './chunks/bundle-2vhBVWLQ.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BMPm6lKq.js';
-import './useSendbirdStateContext.js';
-import './withSendbird.js';
+import './chunks/bundle-BCuW6lS8.js';
 
-function CreateOpenChannel(_a) {
-    var className = _a.className, onCreateChannel = _a.onCreateChannel, onBeforeCreateChannel = _a.onBeforeCreateChannel, closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;
-    return (React__default.createElement(CreateOpenChannelProvider, { className: className, onCreateChannel: onCreateChannel, onBeforeCreateChannel: onBeforeCreateChannel },
-        React__default.createElement(CreateOpenChannelUI, { closeModal: closeModal, renderHeader: renderHeader, renderProfileInput: renderProfileInput })));
+function CreateOpenChannel(_a) {
+    var className = _a.className, onCreateChannel = _a.onCreateChannel, onBeforeCreateChannel = _a.onBeforeCreateChannel, closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;
+    return (React__default.createElement(CreateOpenChannelProvider, { className: className, onCreateChannel: onCreateChannel, onBeforeCreateChannel: onBeforeCreateChannel },
+        React__default.createElement(CreateOpenChannelUI, { closeModal: closeModal, renderHeader: renderHeader, renderProfileInput: renderProfileInput })));
 }
 
 export { CreateOpenChannel as default };

package/CreateOpenChannel.js.map

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

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,116 +1,127 @@
 import React__default, { useState, useRef, useContext } from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useEditUserProfileContext } from '../context.js';
-import { u as useLocalization, L as LocalizationContext } from '../../chunks/bundle-tIPAQa1P.js';
-import { U as USER_ACTIONS } from '../../chunks/bundle-DS5ljghe.js';
-import { M as Modal } from '../../chunks/bundle-CSOdmQ75.js';
-import '../../chunks/bundle-DZcgZWKq.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-Dk211z5R.js';
+import { u as useLocalization, L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
+import { U as USER_ACTIONS } from '../../chunks/bundle-u9Zl-7Je.js';
+import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
+import '../../chunks/bundle-CDy_GVNR.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import Input, { InputLabel } from '../../ui/Input.js';
-import { A as Avatar } from '../../chunks/bundle-BPvfVEd8.js';
+import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
 import TextButton from '../../ui/TextButton.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.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 '../../chunks/bundle-DhJuLwLJ.js';
 import 'react-dom';
-import '../../chunks/bundle-DZl__KhG.js';
-import '../../chunks/bundle-BlK-fMQm.js';
+import '../../chunks/bundle-Cj-w5I5i.js';
 import '../../ui/IconButton.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/ImageRenderer.js';
-import '../../chunks/bundle-CUd4X5O2.js';
-import '../../chunks/bundle-BMPm6lKq.js';
+import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BCuW6lS8.js';
 
-var EditUserProfileUIView = function (_a) {
-    var _b;
-    var formRef = _a.formRef, inputRef = _a.inputRef, onThemeChange = _a.onThemeChange, setProfileImage = _a.setProfileImage;
-    var _c = useSendbirdStateContext(), stores = _c.stores, config = _c.config;
-    var theme = config.theme, setCurrentTheme = config.setCurrentTheme;
-    var user = (_b = stores.userStore) === null || _b === void 0 ? void 0 : _b.user;
-    var stringSet = useLocalization().stringSet;
-    var _d = useState(null), currentImg = _d[0], setCurrentImg = _d[1];
-    var hiddenInputRef = useRef(null);
-    return (React__default.createElement("form", { className: "sendbird-edit-user-profile", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__img" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL),
-            React__default.createElement("div", { className: "sendbird-edit-user-profile__img__avatar" },
-                React__default.createElement(Avatar, { width: "80px", height: "80px", src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl) })),
-            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]));
-                    setProfileImage(e.target.files[0]);
-                    hiddenInputRef.current.value = '';
-                } }),
-            React__default.createElement(TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { return hiddenInputRef.current.click(); } },
-                React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))),
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__name" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL),
-            React__default.createElement(Input, { required: (user === null || user === void 0 ? void 0 : user.nickname) !== '', name: "sendbird-edit-user-profile__name__input", ref: inputRef, value: user === null || user === void 0 ? void 0 : user.nickname, placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER })),
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__userid" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL),
-            React__default.createElement(Input, { disabled: true, name: "sendbird-edit-user-profile__userid__input", value: user === null || user === void 0 ? void 0 : user.userId })),
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__theme" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL),
-            React__default.createElement("div", { className: "sendbird-edit-user-profile__theme__theme-icon" }, theme === 'dark'
-                ? (React__default.createElement(Icon, { onClick: function () {
-                        setCurrentTheme('light');
-                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
-                    }, type: IconTypes.TOGGLE_ON, width: 44, height: 24 }))
-                : (React__default.createElement(Icon, { onClick: function () {
-                        setCurrentTheme('dark');
-                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
-                    }, type: IconTypes.TOGGLE_OFF, width: 44, height: 24 }))))));
+var EditUserProfileUIView = function (_a) {
+    var _b;
+    var formRef = _a.formRef, inputRef = _a.inputRef, onThemeChange = _a.onThemeChange, setProfileImage = _a.setProfileImage;
+    var _c = useSendbirdStateContext(), stores = _c.stores, config = _c.config;
+    var theme = config.theme, setCurrentTheme = config.setCurrentTheme;
+    var user = (_b = stores.userStore) === null || _b === void 0 ? void 0 : _b.user;
+    var stringSet = useLocalization().stringSet;
+    var _d = useState(null), currentImg = _d[0], setCurrentImg = _d[1];
+    var hiddenInputRef = useRef(null);
+    return (React__default.createElement("form", { className: "sendbird-edit-user-profile", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
+        React__default.createElement("section", { className: "sendbird-edit-user-profile__img" },
+            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL),
+            React__default.createElement("div", { className: "sendbird-edit-user-profile__img__avatar" },
+                React__default.createElement(Avatar, { width: "80px", height: "80px", src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl) })),
+            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]));
+                    setProfileImage(e.target.files[0]);
+                    hiddenInputRef.current.value = '';
+                } }),
+            React__default.createElement(TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { return hiddenInputRef.current.click(); } },
+                React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))),
+        React__default.createElement("section", { className: "sendbird-edit-user-profile__name" },
+            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL),
+            React__default.createElement(Input, { required: (user === null || user === void 0 ? void 0 : user.nickname) !== '', name: "sendbird-edit-user-profile__name__input", ref: inputRef, value: user === null || user === void 0 ? void 0 : user.nickname, placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER })),
+        React__default.createElement("section", { className: "sendbird-edit-user-profile__userid" },
+            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL),
+            React__default.createElement(Input, { disabled: true, name: "sendbird-edit-user-profile__userid__input", value: user === null || user === void 0 ? void 0 : user.userId })),
+        React__default.createElement("section", { className: "sendbird-edit-user-profile__theme" },
+            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL),
+            React__default.createElement("div", { className: "sendbird-edit-user-profile__theme__theme-icon" }, theme === 'dark'
+                ? (React__default.createElement(Icon, { onClick: function () {
+                        setCurrentTheme('light');
+                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
+                    }, type: IconTypes.TOGGLE_ON, width: 44, height: 24 }))
+                : (React__default.createElement(Icon, { onClick: function () {
+                        setCurrentTheme('dark');
+                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
+                    }, type: IconTypes.TOGGLE_OFF, width: 44, height: 24 }))))));
 };
 
-var handleUpdateUserInfo = function (_a) {
-    var _b, _c, _d;
-    var globalContext = _a.globalContext, formRef = _a.formRef, inputRef = _a.inputRef, profileImage = _a.profileImage, onEditProfile = _a.onEditProfile;
-    var stores = globalContext.stores, dispatchers = globalContext.dispatchers;
-    var sdk = stores.sdkStore.sdk;
-    var user = stores.userStore.user;
-    var userDispatcher = dispatchers.userDispatcher;
-    if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
-        (_c = (_b = formRef.current).reportValidity) === null || _c === void 0 ? void 0 : _c.call(_b); // might not work in explorer
-        return;
-    }
-    sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
-        nickname: (_d = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _d === void 0 ? void 0 : _d.value,
-        profileImage: profileImage,
-    }).then(function (updatedUser) {
-        userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });
-        onEditProfile === null || onEditProfile === void 0 ? void 0 : onEditProfile(updatedUser);
-    });
-};
-var useEditUserProfileUISates = function (_a) {
-    var onEditProfile = _a.onEditProfile;
-    var globalContext = useSendbirdStateContext();
-    var inputRef = useRef(null);
-    var formRef = useRef(null);
-    var _b = useState(null), profileImage = _b[0], setProfileImage = _b[1];
-    var updateUserInfo = function () {
-        handleUpdateUserInfo({
-            globalContext: globalContext,
-            formRef: formRef,
-            inputRef: inputRef,
-            profileImage: profileImage,
-            onEditProfile: onEditProfile,
-        });
-    };
-    return {
-        formRef: formRef,
-        inputRef: inputRef,
-        updateUserInfo: updateUserInfo,
-        profileImage: profileImage,
-        setProfileImage: setProfileImage,
-    };
-};
-var EditUserProfileUI = function () {
-    var editProfileContext = useEditUserProfileContext();
-    var onEditProfile = editProfileContext.onEditProfile, onCancel = editProfileContext.onCancel, onThemeChange = editProfileContext.onThemeChange;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _a = useEditUserProfileUISates({ onEditProfile: onEditProfile }), formRef = _a.formRef, inputRef = _a.inputRef, updateUserInfo = _a.updateUserInfo, setProfileImage = _a.setProfileImage;
-    return (React__default.createElement(Modal, { titleText: stringSet.EDIT_PROFILE__TITLE, submitText: stringSet.BUTTON__SAVE, type: ButtonTypes.PRIMARY, onCancel: onCancel, isFullScreenOnMobile: true, onSubmit: updateUserInfo },
-        React__default.createElement(EditUserProfileUIView, { formRef: formRef, inputRef: inputRef, setProfileImage: setProfileImage, onThemeChange: onThemeChange })));
+var handleUpdateUserInfo = function (_a) {
+    var _b, _c, _d;
+    var globalContext = _a.globalContext, formRef = _a.formRef, inputRef = _a.inputRef, profileImage = _a.profileImage, onEditProfile = _a.onEditProfile;
+    var stores = globalContext.stores, dispatchers = globalContext.dispatchers;
+    var sdk = stores.sdkStore.sdk;
+    var user = stores.userStore.user;
+    var userDispatcher = dispatchers.userDispatcher;
+    if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
+        (_c = (_b = formRef.current).reportValidity) === null || _c === void 0 ? void 0 : _c.call(_b); // might not work in explorer
+        return;
+    }
+    sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
+        nickname: (_d = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _d === void 0 ? void 0 : _d.value,
+        profileImage: profileImage,
+    }).then(function (updatedUser) {
+        userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });
+        onEditProfile === null || onEditProfile === void 0 ? void 0 : onEditProfile(updatedUser);
+    });
+};
+var useEditUserProfileUISates = function (_a) {
+    var onEditProfile = _a.onEditProfile;
+    var globalContext = useSendbirdStateContext();
+    var inputRef = useRef(null);
+    var formRef = useRef(null);
+    var _b = useState(null), profileImage = _b[0], setProfileImage = _b[1];
+    var updateUserInfo = function () {
+        handleUpdateUserInfo({
+            globalContext: globalContext,
+            formRef: formRef,
+            inputRef: inputRef,
+            profileImage: profileImage,
+            onEditProfile: onEditProfile,
+        });
+    };
+    return {
+        formRef: formRef,
+        inputRef: inputRef,
+        updateUserInfo: updateUserInfo,
+        profileImage: profileImage,
+        setProfileImage: setProfileImage,
+    };
+};
+var EditUserProfileUI = function () {
+    var editProfileContext = useEditUserProfileContext();
+    var onEditProfile = editProfileContext.onEditProfile, onCancel = editProfileContext.onCancel, onThemeChange = editProfileContext.onThemeChange;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _a = useEditUserProfileUISates({ onEditProfile: onEditProfile }), formRef = _a.formRef, inputRef = _a.inputRef, updateUserInfo = _a.updateUserInfo, setProfileImage = _a.setProfileImage;
+    return (React__default.createElement(Modal, { titleText: stringSet.EDIT_PROFILE__TITLE, submitText: stringSet.BUTTON__SAVE, type: ButtonTypes.PRIMARY, onCancel: onCancel, isFullScreenOnMobile: true, onSubmit: updateUserInfo },
+        React__default.createElement(EditUserProfileUIView, { formRef: formRef, inputRef: inputRef, setProfileImage: setProfileImage, onThemeChange: onThemeChange })));
 };
 
 export { EditUserProfileUI, EditUserProfileUIView, EditUserProfileUI as default, useEditUserProfileUISates };

package/EditUserProfile/components/EditUserProfileUI.js.map

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