@sendbird/uikit-react 3.14.4 → 3.14.6

package/OpenChannelList/components/OpenChannelPreview.js

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { A as Avatar } from '../../chunks/bundle-CNJMLyGJ.js';
+import { A as Avatar } from '../../chunks/bundle-BgL9QnGd.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
-import '../../chunks/bundle-7oF7KbGv.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
+import { c as classnames } from '../../chunks/bundle-Dw9nwO7e.js';
+import '../../chunks/bundle-DKkCwVCs.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ByvmbZD0.js';
-import '../../chunks/bundle-CT8ZXUi2.js';
-import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-Ce-B4ROs.js';
 
 function OpenChannelPreview(_a) {
     var className = _a.className, isSelected = _a.isSelected, channel = _a.channel, onClick = _a.onClick;
-    return (React__default.createElement("div", { className: "sendbird-open-channel-preview ".concat(isSelected ? 'selected' : '', " ").concat(className), onClick: onClick },
+    return (React__default.createElement("div", { className: classnames('sendbird-open-channel-preview', isSelected && 'selected', className), onClick: onClick },
         React__default.createElement("div", { className: "sendbird-open-channel-preview__cover-image" },
             React__default.createElement(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__default.createElement("div", { className: "sendbird-open-channel-preview__cover-image__avatar--default" },
                     React__default.createElement(Icon, { type: IconTypes.CHANNELS, fillColor: IconColors.CONTENT, width: "24px", height: "24px" }))); } })),
         React__default.createElement("div", { className: "sendbird-open-channel-preview__context" },
             React__default.createElement("div", { className: "sendbird-open-channel-preview__context__title" },
-                React__default.createElement(Label, { className: "sendbird-open-channel-preview__context__title__channel-name ".concat((channel === null || channel === void 0 ? void 0 : channel.isFrozen) ? 'frozen' : ''), type: LabelTypography.SUBTITLE_2, color: isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1 }, channel === null || channel === void 0 ? void 0 : channel.name),
+                React__default.createElement(Label, { className: classnames('sendbird-open-channel-preview__context__title__channel-name', (channel === null || channel === void 0 ? void 0 : channel.isFrozen) && 'frozen'), type: LabelTypography.SUBTITLE_2, color: isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1 }, channel === null || channel === void 0 ? void 0 : channel.name),
                 (channel === null || channel === void 0 ? void 0 : channel.isFrozen)
                     ? (React__default.createElement(Icon, { className: "sendbird-open-channel-preview__context__title__frozen", type: IconTypes.FREEZE, fillColor: IconColors.PRIMARY, width: "16px", height: "16px" })) : ''),
             React__default.createElement("div", { className: "sendbird-open-channel-preview__context__participants" },

package/OpenChannelList/context.js

@@ -1,7 +1,7 @@
 import 'react';
-import '../chunks/bundle-BWuyd0AD.js';
+import '../chunks/bundle-CriEArZn.js';
 import '../useSendbirdStateContext.js';
-export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../chunks/bundle-k3XccyCm.js';
+export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../chunks/bundle-DKs8lowG.js';
 import '../withSendbird.js';
-import '../chunks/bundle-7oF7KbGv.js';
+import '../chunks/bundle-DKkCwVCs.js';
 //# sourceMappingURL=context.js.map

package/OpenChannelList.js

@@ -1,44 +1,44 @@
 import React__default from 'react';
 import OpenChannelListUI from './OpenChannelList/components/OpenChannelListUI.js';
-import { O as OpenChannelListProvider } from './chunks/bundle-k3XccyCm.js';
+import { O as OpenChannelListProvider } from './chunks/bundle-DKs8lowG.js';
 import './OpenChannelList/components/OpenChannelPreview.js';
-import './chunks/bundle-CNJMLyGJ.js';
-import './chunks/bundle-7oF7KbGv.js';
+import './chunks/bundle-BgL9QnGd.js';
+import './chunks/bundle-DKkCwVCs.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-ByvmbZD0.js';
-import './chunks/bundle-CT8ZXUi2.js';
+import './chunks/bundle-Dw9nwO7e.js';
+import './chunks/bundle-Bmk2FVdj.js';
 import './ui/Icon.js';
-import './chunks/bundle-LYAWKk4n.js';
-import './chunks/bundle-C8im5l9B.js';
+import './chunks/bundle-prXB4t_m.js';
+import './chunks/bundle-Ce-B4ROs.js';
 import './ui/PlaceHolder.js';
-import './chunks/bundle-Bx5vhTbU.js';
-import './chunks/bundle-C1ds4cil.js';
+import './chunks/bundle-nfJ9J5Md.js';
+import './chunks/bundle-DprHnWfH.js';
 import './ui/Loader.js';
 import './ui/IconButton.js';
 import './CreateOpenChannel.js';
 import './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import './ui/Button.js';
-import './chunks/bundle-C4Z-NWqF.js';
-import './chunks/bundle-BWCGFXhj.js';
+import './chunks/bundle-CGmq3qGM.js';
+import './chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import './chunks/bundle-Diqj6For.js';
+import './chunks/bundle-3Mubyujl.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import './chunks/bundle-BJ46V6XQ.js';
+import './chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-CIwVkd-E.js';
-import './chunks/bundle-CD9AzC6s.js';
+import './chunks/bundle-BMQLJ23N.js';
+import './chunks/bundle-DhBuJR0w.js';
 import './useSendbirdStateContext.js';
-import './chunks/bundle-BbWD2VuS.js';
+import './chunks/bundle-DwJ8HgZK.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './chunks/bundle-HoQqraNc.js';
+import './chunks/bundle-h8I0AuUK.js';
 import './CreateOpenChannel/context.js';
-import './chunks/bundle-BWuyd0AD.js';
+import './chunks/bundle-CriEArZn.js';
 
 function OpenChannelList(_a) {
     var 

package/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,40 +1,40 @@
 import React__default, { useRef, useState, useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-Bx5vhTbU.js';
-import { p as pubSubTopics } from '../../chunks/bundle-BWuyd0AD.js';
-import { M as Modal } from '../../chunks/bundle-C4Z-NWqF.js';
+import { L as LocalizationContext } from '../../chunks/bundle-nfJ9J5Md.js';
+import { p as pubSubTopics } from '../../chunks/bundle-CriEArZn.js';
+import { M as Modal } from '../../chunks/bundle-CGmq3qGM.js';
 import Input, { InputLabel } from '../../ui/Input.js';
-import { A as Avatar } from '../../chunks/bundle-CNJMLyGJ.js';
-import '../../chunks/bundle-7oF7KbGv.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
+import { A as Avatar } from '../../chunks/bundle-BgL9QnGd.js';
+import '../../chunks/bundle-DKkCwVCs.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-C8im5l9B.js';
-import '../../chunks/bundle-C1ds4cil.js';
-import '../../chunks/bundle-BWCGFXhj.js';
+import '../../chunks/bundle-Ce-B4ROs.js';
+import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-Dw9nwO7e.js';
 import 'react-dom';
-import '../../chunks/bundle-Diqj6For.js';
+import '../../chunks/bundle-3Mubyujl.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-CIwVkd-E.js';
-import '../../chunks/bundle-CD9AzC6s.js';
-import '../../chunks/bundle-BbWD2VuS.js';
+import '../../chunks/bundle-BMQLJ23N.js';
+import '../../chunks/bundle-DhBuJR0w.js';
+import '../../chunks/bundle-DwJ8HgZK.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CT8ZXUi2.js';
-import '../../chunks/bundle-HoQqraNc.js';
-import '../../chunks/bundle-_-vntp1z.js';
-import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-h8I0AuUK.js';
+import '../../chunks/bundle-COoyrRF6.js';
+import '../../chunks/bundle-C_dNvBEo.js';
 
 var EditDetails = function (props) {
     var onCancel = props.onCancel;
@@ -49,31 +49,32 @@ var EditDetails = function (props) {
     var stringSet = useContext(LocalizationContext).stringSet;
     var title = channel === null || channel === void 0 ? void 0 : channel.name;
     return (React__default.createElement(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(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: ButtonTypes.PRIMARY },
@@ -83,11 +84,14 @@ var EditDetails = function (props) {
                 React__default.createElement("div", { className: "channel-profile-form__avatar" }, currentImg
                     ? (React__default.createElement(Avatar, { height: "80px", width: "80px", src: currentImg })) : (React__default.createElement(ChannelAvatar, { height: 80, width: 80, channel: channel, theme: theme }))),
                 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]));
-                        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__default.createElement(TextButton, { className: "channel-profile-form__avatar-button", onClick: function () { return hiddenInputRef.current.click(); }, disableUnderline: true },
+                React__default.createElement(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__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.MODAL__CHANNEL_INFORMATION__UPLOAD))),
             React__default.createElement("div", { className: "channel-profile-form__name-section" },
                 React__default.createElement(InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_NAME),

package/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/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,41 +1,41 @@
 import React__default, { useState, useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-Bx5vhTbU.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
+import { L as LocalizationContext } from '../../chunks/bundle-nfJ9J5Md.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import EditDetails from './EditDetailsModal.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettingsContext } from '../context.js';
-import '../../chunks/bundle-C8im5l9B.js';
-import '../../chunks/bundle-C1ds4cil.js';
-import '../../chunks/bundle-7oF7KbGv.js';
-import '../../chunks/bundle-HoQqraNc.js';
-import '../../chunks/bundle-CNJMLyGJ.js';
+import '../../chunks/bundle-DKkCwVCs.js';
+import '../../chunks/bundle-Ce-B4ROs.js';
+import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-h8I0AuUK.js';
+import '../../chunks/bundle-BgL9QnGd.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ByvmbZD0.js';
-import '../../chunks/bundle-CT8ZXUi2.js';
+import '../../chunks/bundle-Dw9nwO7e.js';
+import '../../chunks/bundle-Bmk2FVdj.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-_-vntp1z.js';
-import '../../chunks/bundle-BWuyd0AD.js';
-import '../../chunks/bundle-C4Z-NWqF.js';
-import '../../chunks/bundle-BWCGFXhj.js';
+import '../../chunks/bundle-COoyrRF6.js';
+import '../../chunks/bundle-CriEArZn.js';
+import '../../chunks/bundle-CGmq3qGM.js';
+import '../../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-Diqj6For.js';
+import '../../chunks/bundle-3Mubyujl.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-CIwVkd-E.js';
-import '../../chunks/bundle-CD9AzC6s.js';
-import '../../chunks/bundle-BbWD2VuS.js';
+import '../../chunks/bundle-BMQLJ23N.js';
+import '../../chunks/bundle-DhBuJR0w.js';
+import '../../chunks/bundle-DwJ8HgZK.js';
 import '../../ui/Input.js';
-import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-C_dNvBEo.js';
 
 function ChannelProfile() {
     var _a, _b;

package/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -1,45 +1,45 @@
 import React__default, { useContext } from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettingsContext } from '../context.js';
-import { L as LocalizationContext } from '../../chunks/bundle-Bx5vhTbU.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
+import { L as LocalizationContext } from '../../chunks/bundle-nfJ9J5Md.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import { OperatorUI } from './OperatorUI.js';
-import { P as ParticipantList } from '../../chunks/bundle-ZsYMd8JA.js';
+import { P as ParticipantList } from '../../chunks/bundle-COd0N3nE.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-DKkCwVCs.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-B7barEsR.js';
-import '../../chunks/bundle-BJ46V6XQ.js';
-import '../../chunks/bundle-C8im5l9B.js';
-import '../../chunks/bundle-C1ds4cil.js';
-import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-C_dNvBEo.js';
+import '../../chunks/bundle-uIqOEfCa.js';
+import '../../chunks/bundle-Ce-B4ROs.js';
+import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-Dw9nwO7e.js';
 import '../../ui/Loader.js';
 import './OpenChannelProfile.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-HoQqraNc.js';
+import '../../chunks/bundle-h8I0AuUK.js';
 import '../../ui/OpenChannelAvatar.js';
-import '../../chunks/bundle-CNJMLyGJ.js';
+import '../../chunks/bundle-BgL9QnGd.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CT8ZXUi2.js';
-import '../../chunks/bundle-_-vntp1z.js';
+import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-COoyrRF6.js';
 import './EditDetailsModal.js';
-import '../../chunks/bundle-BWuyd0AD.js';
-import '../../chunks/bundle-C4Z-NWqF.js';
-import '../../chunks/bundle-BWCGFXhj.js';
+import '../../chunks/bundle-CriEArZn.js';
+import '../../chunks/bundle-CGmq3qGM.js';
+import '../../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-Diqj6For.js';
+import '../../chunks/bundle-3Mubyujl.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-CIwVkd-E.js';
-import '../../chunks/bundle-CD9AzC6s.js';
-import '../../chunks/bundle-BbWD2VuS.js';
+import '../../chunks/bundle-BMQLJ23N.js';
+import '../../chunks/bundle-DhBuJR0w.js';
+import '../../chunks/bundle-DwJ8HgZK.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
@@ -58,7 +58,7 @@ function InvalidChannel(_a) {
         React__default.createElement("div", { className: "sendbird-openchannel-settings__header" },
             React__default.createElement(Label, { type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
             React__default.createElement(Icon, { type: IconTypes.CLOSE, className: "sendbird-openchannel-settings__close-icon", height: "24px", width: "24px", onClick: function () {
-                    onCloseClick();
+                    onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
                 } })),
         React__default.createElement("div", { className: "sendbird-openchannel-settings__placeholder" },
             React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG }))));
@@ -86,7 +86,7 @@ var OpenChannelUI = function (_a) {
             React__default.createElement("div", { className: "sendbird-openchannel-settings__header" },
                 React__default.createElement(Label, { type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE),
                 React__default.createElement(Icon, { type: 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__default.createElement(ParticipantList, null))))));
 };