@sendbird/uikit-react 3.14.3 → 3.14.5

package/cjs/CreateChannel.js

@@ -1,47 +1,51 @@
 'use strict';
 
-var _tslib = require('./chunks/bundle-CY1bUkfG.js');
+var _tslib = require('./chunks/bundle-C-r9vRgc.js');
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./chunks/bundle-IVTygAtE.js');
+var CreateChannel_context = require('./chunks/bundle-B-0_xv9u.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./chunks/bundle-E9H8fQL4.js');
-require('./chunks/bundle-DvWHV-PM.js');
-require('./chunks/bundle-BwvM-P29.js');
+require('./chunks/bundle-B7wJ4Hqk.js');
+require('./chunks/bundle-DWBc-Yv7.js');
+require('./chunks/bundle-CDJXrIVC.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-BwEcnJDm.js');
-require('./chunks/bundle-fG1bRzYE.js');
+require('./chunks/bundle-CLNUkVC8.js');
+require('./chunks/bundle-DJ9gapN2.js');
+require('./chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-CLte647H.js');
 require('react-dom');
-require('./chunks/bundle-BDbnsPGF.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-BuYf2Pa8.js');
+require('./chunks/bundle-Deao1Upp.js');
 require('./ui/Icon.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('./chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('./chunks/bundle-BAqFIbKr.js');
+require('./chunks/bundle-Ca7xeBTO.js');
+require('./chunks/bundle-Bpy7IQta.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-C7_tieEZ.js');
-require('./chunks/bundle-oUs61pbv.js');
+require('./chunks/bundle-D7v4i_Ae.js');
+require('./chunks/bundle-C0ZNrrcl.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-C-zGGOpz.js');
+require('./chunks/bundle-CxNGVWIy.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./chunks/bundle-0W_w8lRK.js');
+require('./chunks/bundle-DpK1fr1j.js');
 require('./ui/ContextMenu.js');
-require('@sendbird/chat');
-require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-BRjBigtB.js');
-require('./chunks/bundle-D3Gxy8S0.js');
-require('@sendbird/chat/groupChannel');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-Bka-H9ks.js');
 require('./CreateChannel/components/SelectChannelType.js');
 
-var CreateChannel = function (props) {
-    return (React.createElement(CreateChannel_context.CreateChannelProvider, _tslib.__assign({}, props),
-        React.createElement(CreateChannel_components_CreateChannelUI, _tslib.__assign({}, props))));
+var CreateChannel = function (props) {
+    return (React.createElement(CreateChannel_context.CreateChannelProvider, _tslib.__assign({}, props),
+        React.createElement(CreateChannel_components_CreateChannelUI, _tslib.__assign({}, props))));
 };
 
 module.exports = CreateChannel;

package/cjs/CreateChannel.js.map

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

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,68 +1,79 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-E9H8fQL4.js');
-var ui_Avatar = require('../../chunks/bundle-oUs61pbv.js');
-require('../../chunks/bundle-CY1bUkfG.js');
-var ui_Label = require('../../chunks/bundle-BuYf2Pa8.js');
+var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var ui_Avatar = require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-C-r9vRgc.js');
+var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
 var ui_Button = require('../../ui/Button.js');
-var ui_Modal = require('../../chunks/bundle-fG1bRzYE.js');
+var ui_Modal = require('../../chunks/bundle-DJ9gapN2.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-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
+require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-CDJXrIVC.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-BDbnsPGF.js');
-require('../../chunks/bundle-C-zGGOpz.js');
+require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-BwEcnJDm.js');
+require('../../chunks/bundle-CLNUkVC8.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-DI-qrtXL.js');
-require('../../useSendbirdStateContext.js');
+require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../../chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-BAqFIbKr.js');
+require('../../chunks/bundle-Ca7xeBTO.js');
+require('../../useSendbirdStateContext.js');
+require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-DWGp201o.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 }))))))));
+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;

package/cjs/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/cjs/CreateOpenChannel/context.js

@@ -3,48 +3,48 @@
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CY1bUkfG.js');
+require('../chunks/bundle-C-r9vRgc.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 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), style: { height: 0 } }, children)));
+};
 var useCreateOpenChannelContext = function () { return (React.useContext(CreateOpenChannelContext)); };
 
 exports.CreateOpenChannelProvider = CreateOpenChannelProvider;

package/cjs/CreateOpenChannel.js

@@ -3,31 +3,42 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./chunks/bundle-E9H8fQL4.js');
-require('./chunks/bundle-DvWHV-PM.js');
-require('./chunks/bundle-BwvM-P29.js');
-require('./chunks/bundle-oUs61pbv.js');
-require('./chunks/bundle-CY1bUkfG.js');
+require('./chunks/bundle-B7wJ4Hqk.js');
+require('./chunks/bundle-DWBc-Yv7.js');
+require('./chunks/bundle-CDJXrIVC.js');
+require('./chunks/bundle-C0ZNrrcl.js');
+require('./chunks/bundle-C-r9vRgc.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-BDbnsPGF.js');
-require('./chunks/bundle-C-zGGOpz.js');
+require('./chunks/bundle-CLte647H.js');
+require('./chunks/bundle-CxNGVWIy.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-BuYf2Pa8.js');
+require('./chunks/bundle-Deao1Upp.js');
 require('./ui/Button.js');
-require('./chunks/bundle-fG1bRzYE.js');
+require('./chunks/bundle-DJ9gapN2.js');
+require('./chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('./utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('./chunks/bundle-BwEcnJDm.js');
+require('./chunks/bundle-CLNUkVC8.js');
 require('./ui/IconButton.js');
+require('@sendbird/uikit-tools');
+require('./withSendbird.js');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('./chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('./chunks/bundle-BAqFIbKr.js');
+require('./chunks/bundle-Ca7xeBTO.js');
+require('./useSendbirdStateContext.js');
+require('./chunks/bundle-Bpy7IQta.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DI-qrtXL.js');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
+require('./chunks/bundle-DWGp201o.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.createElement(CreateOpenChannel_context.CreateOpenChannelProvider, { className: className, onCreateChannel: onCreateChannel, onBeforeCreateChannel: onBeforeCreateChannel },
-        React.createElement(CreateOpenChannel_components_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.createElement(CreateOpenChannel_context.CreateOpenChannelProvider, { className: className, onCreateChannel: onCreateChannel, onBeforeCreateChannel: onBeforeCreateChannel },
+        React.createElement(CreateOpenChannel_components_CreateOpenChannelUI, { closeModal: closeModal, renderHeader: renderHeader, renderProfileInput: renderProfileInput })));
 }
 
 module.exports = CreateOpenChannel;

package/cjs/CreateOpenChannel.js.map

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

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -5,116 +5,127 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-E9H8fQL4.js');
-var actionTypes = require('../../chunks/bundle-BufWOg42.js');
-var ui_Modal = require('../../chunks/bundle-fG1bRzYE.js');
-require('../../chunks/bundle-CY1bUkfG.js');
-var ui_Label = require('../../chunks/bundle-BuYf2Pa8.js');
+var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var actionTypes = require('../../chunks/bundle-CPIzT1cf.js');
+var ui_Modal = require('../../chunks/bundle-DJ9gapN2.js');
+require('../../chunks/bundle-C-r9vRgc.js');
+var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_Input = require('../../ui/Input.js');
-var ui_Avatar = require('../../chunks/bundle-oUs61pbv.js');
+var ui_Avatar = require('../../chunks/bundle-C0ZNrrcl.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
+require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-CLte647H.js');
 require('react-dom');
-require('../../chunks/bundle-BDbnsPGF.js');
-require('../../chunks/bundle-BwEcnJDm.js');
+require('../../chunks/bundle-CLNUkVC8.js');
 require('../../ui/IconButton.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../../chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-BAqFIbKr.js');
+require('../../chunks/bundle-Ca7xeBTO.js');
+require('../../chunks/bundle-Bpy7IQta.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-C-zGGOpz.js');
-require('../../chunks/bundle-DI-qrtXL.js');
+require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-DWGp201o.js');
 
-var EditUserProfileUIView = function (_a) {
-    var _b;
-    var formRef = _a.formRef, inputRef = _a.inputRef, onThemeChange = _a.onThemeChange, setProfileImage = _a.setProfileImage;
-    var _c = useSendbirdStateContext.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 = LocalizationContext.useLocalization().stringSet;
-    var _d = React.useState(null), currentImg = _d[0], setCurrentImg = _d[1];
-    var hiddenInputRef = React.useRef(null);
-    return (React.createElement("form", { className: "sendbird-edit-user-profile", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
-        React.createElement("section", { className: "sendbird-edit-user-profile__img" },
-            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL),
-            React.createElement("div", { className: "sendbird-edit-user-profile__img__avatar" },
-                React.createElement(ui_Avatar.Avatar, { width: "80px", height: "80px", src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl) })),
-            React.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.createElement(ui_TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { return hiddenInputRef.current.click(); } },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))),
-        React.createElement("section", { className: "sendbird-edit-user-profile__name" },
-            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL),
-            React.createElement(ui_Input.default, { 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.createElement("section", { className: "sendbird-edit-user-profile__userid" },
-            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL),
-            React.createElement(ui_Input.default, { disabled: true, name: "sendbird-edit-user-profile__userid__input", value: user === null || user === void 0 ? void 0 : user.userId })),
-        React.createElement("section", { className: "sendbird-edit-user-profile__theme" },
-            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL),
-            React.createElement("div", { className: "sendbird-edit-user-profile__theme__theme-icon" }, theme === 'dark'
-                ? (React.createElement(ui_Icon.default, { onClick: function () {
-                        setCurrentTheme('light');
-                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
-                    }, type: ui_Icon.IconTypes.TOGGLE_ON, width: 44, height: 24 }))
-                : (React.createElement(ui_Icon.default, { onClick: function () {
-                        setCurrentTheme('dark');
-                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
-                    }, type: ui_Icon.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.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 = LocalizationContext.useLocalization().stringSet;
+    var _d = React.useState(null), currentImg = _d[0], setCurrentImg = _d[1];
+    var hiddenInputRef = React.useRef(null);
+    return (React.createElement("form", { className: "sendbird-edit-user-profile", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
+        React.createElement("section", { className: "sendbird-edit-user-profile__img" },
+            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL),
+            React.createElement("div", { className: "sendbird-edit-user-profile__img__avatar" },
+                React.createElement(ui_Avatar.Avatar, { width: "80px", height: "80px", src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl) })),
+            React.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.createElement(ui_TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { return hiddenInputRef.current.click(); } },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))),
+        React.createElement("section", { className: "sendbird-edit-user-profile__name" },
+            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL),
+            React.createElement(ui_Input.default, { 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.createElement("section", { className: "sendbird-edit-user-profile__userid" },
+            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL),
+            React.createElement(ui_Input.default, { disabled: true, name: "sendbird-edit-user-profile__userid__input", value: user === null || user === void 0 ? void 0 : user.userId })),
+        React.createElement("section", { className: "sendbird-edit-user-profile__theme" },
+            React.createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL),
+            React.createElement("div", { className: "sendbird-edit-user-profile__theme__theme-icon" }, theme === 'dark'
+                ? (React.createElement(ui_Icon.default, { onClick: function () {
+                        setCurrentTheme('light');
+                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
+                    }, type: ui_Icon.IconTypes.TOGGLE_ON, width: 44, height: 24 }))
+                : (React.createElement(ui_Icon.default, { onClick: function () {
+                        setCurrentTheme('dark');
+                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
+                    }, type: ui_Icon.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: actionTypes.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.useSendbirdStateContext();
-    var inputRef = React.useRef(null);
-    var formRef = React.useRef(null);
-    var _b = React.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 = EditUserProfile_context.useEditUserProfileContext();
-    var onEditProfile = editProfileContext.onEditProfile, onCancel = editProfileContext.onCancel, onThemeChange = editProfileContext.onThemeChange;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _a = useEditUserProfileUISates({ onEditProfile: onEditProfile }), formRef = _a.formRef, inputRef = _a.inputRef, updateUserInfo = _a.updateUserInfo, setProfileImage = _a.setProfileImage;
-    return (React.createElement(ui_Modal.Modal, { titleText: stringSet.EDIT_PROFILE__TITLE, submitText: stringSet.BUTTON__SAVE, type: ui_Button.ButtonTypes.PRIMARY, onCancel: onCancel, isFullScreenOnMobile: true, onSubmit: updateUserInfo },
-        React.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: actionTypes.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.useSendbirdStateContext();
+    var inputRef = React.useRef(null);
+    var formRef = React.useRef(null);
+    var _b = React.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 = EditUserProfile_context.useEditUserProfileContext();
+    var onEditProfile = editProfileContext.onEditProfile, onCancel = editProfileContext.onCancel, onThemeChange = editProfileContext.onThemeChange;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var _a = useEditUserProfileUISates({ onEditProfile: onEditProfile }), formRef = _a.formRef, inputRef = _a.inputRef, updateUserInfo = _a.updateUserInfo, setProfileImage = _a.setProfileImage;
+    return (React.createElement(ui_Modal.Modal, { titleText: stringSet.EDIT_PROFILE__TITLE, submitText: stringSet.BUTTON__SAVE, type: ui_Button.ButtonTypes.PRIMARY, onCancel: onCancel, isFullScreenOnMobile: true, onSubmit: updateUserInfo },
+        React.createElement(EditUserProfileUIView, { formRef: formRef, inputRef: inputRef, setProfileImage: setProfileImage, onThemeChange: onThemeChange })));
 };
 
 exports.EditUserProfileUI = EditUserProfileUI;

package/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}