@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/CreateChannel/components/InviteUsers.js

@@ -1,20 +1,20 @@
-import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
-import { u as useCreateChannelContext } from '../../chunks/bundle-iA2l_iD3.js';
+import { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { u as useCreateChannelContext } from '../../chunks/bundle-CEP8HgMT.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Cj-w5I5i.js';
-import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-q3jyuKU7.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-DS8lmYaF.js';
+import { M as Modal } from '../../chunks/bundle-DEcnZTr9.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-DyVURRtM.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import UserListItem from '../../ui/UserListItem.js';
-import { n as noop } from '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
+import { n as noop } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
@@ -23,15 +23,15 @@ import '../../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
-import '../../chunks/bundle-60et0yds.js';
-import '../../chunks/bundle-C1XVT5qc.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
@@ -52,15 +52,14 @@ var setChannelType = function (params, type) {
 };
 var createDefaultUserListQuery = function (_a) {
     var sdk = _a.sdk, userFilledApplicationUserListQuery = _a.userFilledApplicationUserListQuery;
-    if (sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery) {
-        var params_1 = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
-        if (userFilledApplicationUserListQuery) {
-            Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
-                params_1[key] = userFilledApplicationUserListQuery[key];
-            });
-        }
-        return params_1;
+    var params = sdk.createApplicationUserListQuery();
+    if (userFilledApplicationUserListQuery) {
+        Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
+            // @ts-ignore
+            params[key] = userFilledApplicationUserListQuery[key];
+        });
     }
+    return params;
 };
 
 var BUFFER = 50;
@@ -81,14 +80,12 @@ var InviteUsers = function (_a) {
     var submitText = stringSet.BUTTON__CREATE;
     var isMobile = useMediaQueryContext().isMobile;
     var _j = useState(window.innerHeight), scrollableAreaHeight = _j[0], setScrollableAreaHeight = _j[1];
-    var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk: sdk });
     useEffect(function () {
-        var applicationUserListQuery = userQueryCreator;
+        var applicationUserListQuery = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk: sdk });
         setUsersDataSource(applicationUserListQuery);
-        // @ts-ignore
         if (!(applicationUserListQuery === null || applicationUserListQuery === void 0 ? void 0 : applicationUserListQuery.isLoading)) {
-            applicationUserListQuery.next().then(function (users_) {
-                setUsers(users_);
+            applicationUserListQuery.next().then(function (it) {
+                setUsers(it);
             });
         }
     }, []);

package/CreateChannel/components/InviteUsers.js.map

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

package/CreateChannel/components/SelectChannelType.js

@@ -1,32 +1,32 @@
 import React__default, { useContext } from 'react';
 import { getSdk } from '../../sendbirdSelectors.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../chunks/bundle-iA2l_iD3.js';
-import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../chunks/bundle-CEP8HgMT.js';
+import { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-CtgXJZJt.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import { M as Modal } from '../../chunks/bundle-DEcnZTr9.js';
+import '../../chunks/bundle-Dub0HHFi.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CDy_GVNR.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
 
 var isBroadcastChannelEnabled = function (sdk) {
     var _a;
@@ -56,7 +56,7 @@ var SelectChannelType = function (props) {
     var stringSet = useContext(LocalizationContext).stringSet;
     var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
     var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
-    return (React__default.createElement(Modal, { titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE, hideFooter: true, onCancel: function () { onCancel(); }, className: "sendbird-add-channel__modal" },
+    return (React__default.createElement(Modal, { titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE, hideFooter: true, onCancel: function () { onCancel === null || onCancel === void 0 ? void 0 : onCancel(); }, className: "sendbird-add-channel__modal" },
         React__default.createElement("div", { className: "sendbird-add-channel__rectangle-wrap" },
             React__default.createElement("div", { className: "sendbird-add-channel__rectangle", onClick: function () {
                     setType(CHANNEL_TYPE.GROUP);

package/CreateChannel/context.js

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

package/CreateChannel.js

@@ -1,42 +1,42 @@
-import { _ as __assign } from './chunks/bundle-CDy_GVNR.js';
+import { _ as __assign } from './chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './chunks/bundle-iA2l_iD3.js';
+import { C as CreateChannelProvider } from './chunks/bundle-CEP8HgMT.js';
 import './CreateChannel/components/InviteUsers.js';
-import './chunks/bundle-CAdxJnio.js';
-import './chunks/bundle-B621kS6J.js';
-import './chunks/bundle-9Pg6kODx.js';
+import './chunks/bundle-4r7ZPzcx.js';
+import './chunks/bundle-BvFSwy4a.js';
+import './chunks/bundle-D2RTt6tN.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-Cj-w5I5i.js';
-import './chunks/bundle-DiVyB2HD.js';
-import './chunks/bundle-BH5EGLxi.js';
+import './chunks/bundle-DS8lmYaF.js';
+import './chunks/bundle-DEcnZTr9.js';
+import './chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DhJuLwLJ.js';
+import './chunks/bundle-Dl6p5CcR.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-q3jyuKU7.js';
+import './chunks/bundle-DyVURRtM.js';
 import './ui/Icon.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import './chunks/bundle-8J9SSfIS.js';
+import './chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-D2MpL8t0.js';
-import './chunks/bundle-thdxvFU8.js';
-import './chunks/bundle-2vhBVWLQ.js';
+import './chunks/bundle-CflUdLjG.js';
+import './chunks/bundle-DaqQkuav.js';
+import './chunks/bundle-HbS5lB90.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-60et0yds.js';
-import './chunks/bundle-C1XVT5qc.js';
+import './chunks/bundle-CPH6jPCe.js';
+import './chunks/bundle-lS9BV-1I.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BQPvwBK8.js';
+import './chunks/bundle-BEDpWEUq.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './chunks/bundle-CtgXJZJt.js';
+import './chunks/bundle-Dub0HHFi.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,36 +1,36 @@
 import React__default, { useState, useRef, useContext } from 'react';
-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 { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { A as Avatar } from '../../chunks/bundle-lS9BV-1I.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
+import { M as Modal } from '../../chunks/bundle-DEcnZTr9.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-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-BQPvwBK8.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BEDpWEUq.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-DS8lmYaF.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 '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
 import '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
-import '../../chunks/bundle-BCuW6lS8.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 
 function CreateOpenChannelUI(_a) {
     var closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;
@@ -51,9 +51,9 @@ function CreateOpenChannelUI(_a) {
                 }
                 createNewOpenChannel({
                     name: channelName,
-                    coverUrlOrImage: newFile,
+                    coverUrlOrImage: newFile !== null && newFile !== void 0 ? newFile : undefined,
                 });
-                closeModal();
+                closeModal === null || closeModal === void 0 ? void 0 : 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),
@@ -62,11 +62,15 @@ function CreateOpenChannelUI(_a) {
                         ? (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 = '';
+                            if (e.target.files) {
+                                setCurrentImg(URL.createObjectURL(e.target.files[0]));
+                                setNewFile(e.target.files[0]);
+                            }
+                            if (inputFileRef.current) {
+                                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(TextButton, { className: "sendbird-create-open-channel-ui__profile-input__img-section__button", onClick: function () { var _a; return (_a = inputFileRef.current) === null || _a === void 0 ? void 0 : _a.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)),

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,14 +1,9 @@
 import React__default, { useCallback } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-zAvvLMA9.js';
 
-var CreateOpenChannelContext = React__default.createContext({
-    sdk: null,
-    sdkInitialized: false,
-    logger: null,
-    createNewOpenChannel: null,
-});
+var CreateOpenChannelContext = React__default.createContext(null);
 var CreateOpenChannelProvider = function (_a) {
     var _b, _c;
     var className = _a.className, children = _a.children, onCreateChannel = _a.onCreateChannel, onBeforeCreateChannel = _a.onBeforeCreateChannel;
@@ -21,13 +16,13 @@ var CreateOpenChannelProvider = function (_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.operatorUserIds = ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId) ? [sdk.currentUser.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);
+                onCreateChannel === null || onCreateChannel === void 0 ? void 0 : onCreateChannel(openChannel);
             })
                 .catch(function (err) {
                 logger.warning('CreateOpenChannel: Failed creating openChannel', err);
@@ -43,7 +38,12 @@ var CreateOpenChannelProvider = function (_a) {
         } },
         React__default.createElement("div", { className: "sendbird-create-open-channel ".concat(className), style: { height: 0 } }, children)));
 };
-var useCreateOpenChannelContext = function () { return (React__default.useContext(CreateOpenChannelContext)); };
+var useCreateOpenChannelContext = function () {
+    var context = React__default.useContext(CreateOpenChannelContext);
+    if (!context)
+        throw new Error('CreateOpenChannelContext not found. Use within the CreateOpenChannel module.');
+    return context;
+};
 
 export { CreateOpenChannelProvider, useCreateOpenChannelContext };
 //# sourceMappingURL=context.js.map

package/CreateOpenChannel.js

@@ -1,37 +1,37 @@
 import React__default from 'react';
 import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import { CreateOpenChannelProvider } from './CreateOpenChannel/context.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 './chunks/bundle-4r7ZPzcx.js';
+import './chunks/bundle-zAvvLMA9.js';
+import './chunks/bundle-BvFSwy4a.js';
+import './chunks/bundle-D2RTt6tN.js';
+import './chunks/bundle-lS9BV-1I.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DhJuLwLJ.js';
-import './chunks/bundle-BQPvwBK8.js';
+import './chunks/bundle-Dl6p5CcR.js';
+import './chunks/bundle-BEDpWEUq.js';
 import './ui/Icon.js';
-import './chunks/bundle-q3jyuKU7.js';
+import './chunks/bundle-DyVURRtM.js';
 import './ui/Button.js';
-import './chunks/bundle-DiVyB2HD.js';
-import './chunks/bundle-BH5EGLxi.js';
+import './chunks/bundle-DEcnZTr9.js';
+import './chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import './chunks/bundle-Cj-w5I5i.js';
+import './chunks/bundle-DS8lmYaF.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 './chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-D2MpL8t0.js';
-import './chunks/bundle-thdxvFU8.js';
+import './chunks/bundle-CflUdLjG.js';
+import './chunks/bundle-DaqQkuav.js';
 import './useSendbirdStateContext.js';
-import './chunks/bundle-2vhBVWLQ.js';
+import './chunks/bundle-HbS5lB90.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BCuW6lS8.js';
+import './chunks/bundle-BgxEVQoU.js';
 
 function CreateOpenChannel(_a) {
     var className = _a.className, onCreateChannel = _a.onCreateChannel, onBeforeCreateChannel = _a.onBeforeCreateChannel, closeModal = _a.closeModal, renderHeader = _a.renderHeader, renderProfileInput = _a.renderProfileInput;

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,37 +1,37 @@
 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-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 { u as useLocalization, L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { U as USER_ACTIONS } from '../../chunks/bundle-1hNoUBra.js';
+import { M as Modal } from '../../chunks/bundle-DEcnZTr9.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import Input, { InputLabel } from '../../ui/Input.js';
-import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
+import { A as Avatar } from '../../chunks/bundle-lS9BV-1I.js';
 import TextButton from '../../ui/TextButton.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
 import 'react-dom';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/IconButton.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
-import '../../chunks/bundle-BCuW6lS8.js';
+import '../../chunks/bundle-BEDpWEUq.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 
 var EditUserProfileUIView = function (_a) {
     var _b;
@@ -48,11 +48,15 @@ var EditUserProfileUIView = function (_a) {
             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 = '';
+                    if (e.target.files) {
+                        setCurrentImg(URL.createObjectURL(e.target.files[0]));
+                        setProfileImage(e.target.files[0]);
+                    }
+                    if (hiddenInputRef.current) {
+                        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(TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { var _a; return (_a = hiddenInputRef.current) === null || _a === void 0 ? void 0 : _a.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),
@@ -86,7 +90,7 @@ var handleUpdateUserInfo = function (_a) {
     }
     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,
+        profileImage: profileImage !== null && profileImage !== void 0 ? profileImage : undefined,
     }).then(function (updatedUser) {
         userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });
         onEditProfile === null || onEditProfile === void 0 ? void 0 : onEditProfile(updatedUser);

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

package/EditUserProfile/context.js

@@ -1,18 +1,17 @@
-import React__default, { useMemo } from 'react';
+import { e as __rest } from '../chunks/bundle-zAvvLMA9.js';
+import React__default from 'react';
 
-var EditUserProfileProviderContext = React__default.createContext(undefined);
-var EditUserProfileProvider = function (props) {
-    var children = props.children, onEditProfile = props.onEditProfile, onCancel = props.onCancel, onThemeChange = props.onThemeChange;
-    var value = useMemo(function () {
-        return {
-            onEditProfile: onEditProfile,
-            onCancel: onCancel,
-            onThemeChange: onThemeChange,
-        };
-    }, []);
-    return (React__default.createElement(EditUserProfileProviderContext.Provider, { value: value }, children));
+var EditUserProfileProviderContext = React__default.createContext(null);
+var EditUserProfileProvider = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React__default.createElement(EditUserProfileProviderContext.Provider, { value: props }, children);
+};
+var useEditUserProfileContext = function () {
+    var context = React__default.useContext(EditUserProfileProviderContext);
+    if (!context)
+        throw new Error('EditUserProfileContext not found. Use within the EditUserProfile module.');
+    return context;
 };
-var useEditUserProfileContext = function () { return (React__default.useContext(EditUserProfileProviderContext)); };
 
 export { EditUserProfileProvider, useEditUserProfileContext };
 //# sourceMappingURL=context.js.map

package/EditUserProfile/context.js.map

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

package/EditUserProfile.js

@@ -1,38 +1,38 @@
 import React__default from 'react';
 import { EditUserProfileProvider } from './EditUserProfile/context.js';
 import { EditUserProfileUI } from './EditUserProfile/components/EditUserProfileUI.js';
+import './chunks/bundle-zAvvLMA9.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-CDy_GVNR.js';
-import './chunks/bundle-CAdxJnio.js';
-import './chunks/bundle-B621kS6J.js';
-import './chunks/bundle-9Pg6kODx.js';
-import './chunks/bundle-u9Zl-7Je.js';
-import './chunks/bundle-DiVyB2HD.js';
-import './chunks/bundle-BH5EGLxi.js';
+import './chunks/bundle-4r7ZPzcx.js';
+import './chunks/bundle-BvFSwy4a.js';
+import './chunks/bundle-D2RTt6tN.js';
+import './chunks/bundle-1hNoUBra.js';
+import './chunks/bundle-DEcnZTr9.js';
+import './chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DhJuLwLJ.js';
+import './chunks/bundle-Dl6p5CcR.js';
 import 'react-dom';
-import './chunks/bundle-Cj-w5I5i.js';
+import './chunks/bundle-DS8lmYaF.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-q3jyuKU7.js';
+import './chunks/bundle-DyVURRtM.js';
 import './ui/Icon.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import './chunks/bundle-8J9SSfIS.js';
+import './chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-D2MpL8t0.js';
-import './chunks/bundle-thdxvFU8.js';
-import './chunks/bundle-2vhBVWLQ.js';
+import './chunks/bundle-CflUdLjG.js';
+import './chunks/bundle-DaqQkuav.js';
+import './chunks/bundle-HbS5lB90.js';
 import './ui/Input.js';
-import './chunks/bundle-C1XVT5qc.js';
+import './chunks/bundle-lS9BV-1I.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BQPvwBK8.js';
+import './chunks/bundle-BEDpWEUq.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BCuW6lS8.js';
+import './chunks/bundle-BgxEVQoU.js';
 
 var EditUserProfile = function (props) {
     var onEditProfile = props.onEditProfile, onCancel = props.onCancel, onThemeChange = props.onThemeChange;