@sendbird/uikit-react 3.14.5 → 3.14.6

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -5,40 +5,40 @@ var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPrevie
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
-var OpenChannelList_context = require('../../chunks/bundle-BEtlTF8Q.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
+var OpenChannelList_context = require('../../chunks/bundle-CliI7H5v.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var consts = require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var consts = require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-C_8UQBXr.js');
+require('../../chunks/bundle-eTYC1RPT.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-DcQeRT4T.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-7CEyuoln.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-DW8u-n3u.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-CA69fSDI.js');
 require('../../CreateOpenChannel/context.js');
 
 function OpenChannelListUI(_a) {

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../../chunks/bundle-C0ZNrrcl.js');
+var ui_Avatar = require('../../chunks/bundle-C_8UQBXr.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
+var utils = require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-eTYC1RPT.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-BNMoxGCr.js');
 
 function OpenChannelPreview(_a) {
     var className = _a.className, isSelected = _a.isSelected, channel = _a.channel, onClick = _a.onClick;
-    return (React.createElement("div", { className: "sendbird-open-channel-preview ".concat(isSelected ? 'selected' : '', " ").concat(className), onClick: onClick },
+    return (React.createElement("div", { className: utils.classnames('sendbird-open-channel-preview', isSelected && 'selected', className), onClick: onClick },
         React.createElement("div", { className: "sendbird-open-channel-preview__cover-image" },
             React.createElement(ui_Avatar.Avatar, { className: "sendbird-open-channel-preview__cover-image__avatar", src: channel === null || channel === void 0 ? void 0 : channel.coverUrl, alt: "cover-image", width: "42px", height: "42px", customDefaultComponent: function () { return (React.createElement("div", { className: "sendbird-open-channel-preview__cover-image__avatar--default" },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHANNELS, fillColor: ui_Icon.IconColors.CONTENT, width: "24px", height: "24px" }))); } })),
         React.createElement("div", { className: "sendbird-open-channel-preview__context" },
             React.createElement("div", { className: "sendbird-open-channel-preview__context__title" },
-                React.createElement(ui_Label.Label, { className: "sendbird-open-channel-preview__context__title__channel-name ".concat((channel === null || channel === void 0 ? void 0 : channel.isFrozen) ? 'frozen' : ''), type: ui_Label.LabelTypography.SUBTITLE_2, color: isSelected ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_1 }, channel === null || channel === void 0 ? void 0 : channel.name),
+                React.createElement(ui_Label.Label, { className: utils.classnames('sendbird-open-channel-preview__context__title__channel-name', (channel === null || channel === void 0 ? void 0 : channel.isFrozen) && 'frozen'), type: ui_Label.LabelTypography.SUBTITLE_2, color: isSelected ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_1 }, channel === null || channel === void 0 ? void 0 : channel.name),
                 (channel === null || channel === void 0 ? void 0 : channel.isFrozen)
                     ? (React.createElement(ui_Icon.default, { className: "sendbird-open-channel-preview__context__title__frozen", type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" })) : ''),
             React.createElement("div", { className: "sendbird-open-channel-preview__context__participants" },

package/cjs/OpenChannelList/context.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../chunks/bundle-DpK1fr1j.js');
+require('../chunks/bundle-7CEyuoln.js');
 require('../useSendbirdStateContext.js');
-var OpenChannelList_context = require('../chunks/bundle-BEtlTF8Q.js');
+var OpenChannelList_context = require('../chunks/bundle-CliI7H5v.js');
 require('../withSendbird.js');
-require('../chunks/bundle-C-r9vRgc.js');
+require('../chunks/bundle-eTYC1RPT.js');
 
 
 

package/cjs/OpenChannelList.js

@@ -2,45 +2,45 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelListUI = require('./OpenChannelList/components/OpenChannelListUI.js');
-var OpenChannelList_context = require('./chunks/bundle-BEtlTF8Q.js');
+var OpenChannelList_context = require('./chunks/bundle-CliI7H5v.js');
 require('./OpenChannelList/components/OpenChannelPreview.js');
-require('./chunks/bundle-C0ZNrrcl.js');
-require('./chunks/bundle-C-r9vRgc.js');
+require('./chunks/bundle-C_8UQBXr.js');
+require('./chunks/bundle-eTYC1RPT.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-CLte647H.js');
-require('./chunks/bundle-CxNGVWIy.js');
+require('./chunks/bundle-DOoshvnj.js');
+require('./chunks/bundle-DcQeRT4T.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-Deao1Upp.js');
-require('./chunks/bundle-DWBc-Yv7.js');
+require('./chunks/bundle-DY5rfl6W.js');
+require('./chunks/bundle-BNMoxGCr.js');
 require('./ui/PlaceHolder.js');
-require('./chunks/bundle-B7wJ4Hqk.js');
-require('./chunks/bundle-CDJXrIVC.js');
+require('./chunks/bundle-OWb8eJt-.js');
+require('./chunks/bundle-1A4pOyri.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./CreateOpenChannel.js');
 require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('./ui/Button.js');
-require('./chunks/bundle-DJ9gapN2.js');
-require('./chunks/bundle-Cw7xe6J1.js');
+require('./chunks/bundle-DW8u-n3u.js');
+require('./chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('./chunks/bundle-CLNUkVC8.js');
+require('./chunks/bundle-OIKGVRus.js');
 require('@sendbird/uikit-tools');
 require('./withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('./chunks/bundle-Ub33KGva.js');
+require('./chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-BAqFIbKr.js');
-require('./chunks/bundle-Ca7xeBTO.js');
+require('./chunks/bundle-CW2oMonb.js');
+require('./chunks/bundle-BNzVVkzd.js');
 require('./useSendbirdStateContext.js');
-require('./chunks/bundle-Bpy7IQta.js');
+require('./chunks/bundle-Dymg5zVO.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DWGp201o.js');
+require('./chunks/bundle-CA69fSDI.js');
 require('./CreateOpenChannel/context.js');
-require('./chunks/bundle-DpK1fr1j.js');
+require('./chunks/bundle-7CEyuoln.js');
 
 function OpenChannelList(_a) {
     var 

package/cjs/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,42 +1,42 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var pubSub_topics = require('../../chunks/bundle-DpK1fr1j.js');
-var ui_Modal = require('../../chunks/bundle-DJ9gapN2.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var pubSub_topics = require('../../chunks/bundle-7CEyuoln.js');
+var ui_Modal = require('../../chunks/bundle-DW8u-n3u.js');
 var ui_Input = require('../../ui/Input.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_Avatar = require('../../chunks/bundle-C_8UQBXr.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_OpenChannelAvatar = require('../../ui/OpenChannelAvatar.js');
 var OpenChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-DOoshvnj.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-B4EdciCR.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-CA69fSDI.js');
+require('../../chunks/bundle-BimsU_nb.js');
+require('../../chunks/bundle-DTzydpqA.js');
 
 var EditDetails = function (props) {
     var onCancel = props.onCancel;
@@ -51,31 +51,32 @@ var EditDetails = function (props) {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var title = channel === null || channel === void 0 ? void 0 : channel.name;
     return (React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, titleText: stringSet.MODAL__CHANNEL_INFORMATION__TITLE, submitText: stringSet.BUTTON__SAVE, onCancel: onCancel, onSubmit: function () {
-            if (title !== '' && !inputRef.current.value) {
-                if (formRef.current.reportValidity) { // might not work in explorer
+            var _a, _b, _c, _d, _e;
+            if (title !== '' && !((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)) {
+                if ((_b = formRef.current) === null || _b === void 0 ? void 0 : _b.reportValidity) { // might not work in explorer
                     formRef.current.reportValidity();
                 }
                 return;
             }
-            var currentTitle = inputRef.current.value;
+            var currentTitle = (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '';
             var currentImg = newFile;
             logger.info('ChannelSettings: Channel information being updated');
             var params = onBeforeUpdateChannel
-                ? onBeforeUpdateChannel(currentTitle, currentImg, channel === null || channel === void 0 ? void 0 : channel.data)
+                ? onBeforeUpdateChannel(currentTitle, currentImg, (_e = channel === null || channel === void 0 ? void 0 : channel.data) !== null && _e !== void 0 ? _e : '')
                 : {
                     name: currentTitle,
-                    coverUrlOrImage: currentImg,
+                    coverUrlOrImage: currentImg !== null && currentImg !== void 0 ? currentImg : undefined,
                     data: channel === null || channel === void 0 ? void 0 : channel.data,
                 };
             logger.info('ChannelSettings: Updating channel information', params);
             channel === null || channel === void 0 ? void 0 : channel.updateChannel(params).then(function (updatedChannel) {
                 logger.info('ChannelSettings: Channel information update succeeded', updatedChannel);
                 onChannelModified === null || onChannelModified === void 0 ? void 0 : onChannelModified(updatedChannel);
-                setChannel(updatedChannel);
+                setChannel === null || setChannel === void 0 ? void 0 : setChannel(updatedChannel);
                 pubSub === null || pubSub === void 0 ? void 0 : pubSub.publish(pubSub_topics.pubSubTopics.UPDATE_OPEN_CHANNEL, updatedChannel);
             }).catch(function (error) {
                 logger.error('ChannelSettings: Channel infomation update failed', error);
-                setChannel(null);
+                setChannel === null || setChannel === void 0 ? void 0 : setChannel(null);
             });
             onCancel();
         }, type: ui_Button.ButtonTypes.PRIMARY },
@@ -85,11 +86,14 @@ var EditDetails = function (props) {
                 React.createElement("div", { className: "channel-profile-form__avatar" }, currentImg
                     ? (React.createElement(ui_Avatar.Avatar, { height: "80px", width: "80px", src: currentImg })) : (React.createElement(ui_OpenChannelAvatar, { height: 80, width: 80, channel: channel, theme: theme }))),
                 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]));
-                        setNewFile(e.target.files[0]);
-                        hiddenInputRef.current.value = '';
+                        if (e.target.files) {
+                            setCurrentImg(URL.createObjectURL(e.target.files[0]));
+                            setNewFile(e.target.files[0]);
+                        }
+                        if (hiddenInputRef.current)
+                            hiddenInputRef.current.value = '';
                     } }),
-                React.createElement(ui_TextButton, { className: "channel-profile-form__avatar-button", onClick: function () { return hiddenInputRef.current.click(); }, disableUnderline: true },
+                React.createElement(ui_TextButton, { className: "channel-profile-form__avatar-button", onClick: function () { var _a; return (_a = hiddenInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disableUnderline: true },
                     React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.MODAL__CHANNEL_INFORMATION__UPLOAD))),
             React.createElement("div", { className: "channel-profile-form__name-section" },
                 React.createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_NAME),

package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map

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

package/cjs/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,43 +1,43 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_OpenChannelAvatar = require('../../ui/OpenChannelAvatar.js');
 var OpenChannelSettings_components_EditDetailsModal = require('./EditDetailsModal.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-CA69fSDI.js');
+require('../../chunks/bundle-C_8UQBXr.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-DcQeRT4T.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-B4EdciCR.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-BimsU_nb.js');
+require('../../chunks/bundle-7CEyuoln.js');
+require('../../chunks/bundle-DW8u-n3u.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 require('../../ui/Input.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-DTzydpqA.js');
 
 function ChannelProfile() {
     var _a, _b;

package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -3,45 +3,45 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var OpenChannelSettings_components_OperatorUI = require('./OperatorUI.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-DFsKxEv-.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-C4Gs08vJ.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+require('../../chunks/bundle-eTYC1RPT.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-DTzydpqA.js');
+require('../../chunks/bundle-YRiE_c63.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DOoshvnj.js');
 require('../../ui/Loader.js');
 require('./OpenChannelProfile.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-CA69fSDI.js');
 require('../../ui/OpenChannelAvatar.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-C_8UQBXr.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-B4EdciCR.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-BimsU_nb.js');
 require('./EditDetailsModal.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-7CEyuoln.js');
+require('../../chunks/bundle-DW8u-n3u.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 require('../../ui/Input.js');
 require('../../ui/Accordion.js');
 require('../../ui/AccordionGroup.js');
@@ -60,7 +60,7 @@ function InvalidChannel(_a) {
         React.createElement("div", { className: "sendbird-openchannel-settings__header" },
             React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
             React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, className: "sendbird-openchannel-settings__close-icon", height: "24px", width: "24px", onClick: function () {
-                    onCloseClick();
+                    onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
                 } })),
         React.createElement("div", { className: "sendbird-openchannel-settings__placeholder" },
             React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))));
@@ -88,7 +88,7 @@ var OpenChannelUI = function (_a) {
             React.createElement("div", { className: "sendbird-openchannel-settings__header" },
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE),
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, className: "sendbird-openchannel-settings__close-icon", height: "24px", width: "24px", onClick: function () {
-                        onCloseClick();
+                        onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
                     } })),
             (renderParticipantList === null || renderParticipantList === void 0 ? void 0 : renderParticipantList()) || (React.createElement(OpenChannelSettings_components_ParticipantUI.ParticipantList, null))))));
 };