@sendbird/uikit-react 3.9.1-rc-0 → 3.9.1-rc-3

package/dist/EditUserProfile/components/EditUserProfileUI.js

@@ -1,118 +0,0 @@
-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-YVb8yq4r.js';
-import { U as USER_ACTIONS } from '../../chunks/bundle-EqiEY2Nn.js';
-import { M as Modal } from '../../chunks/bundle-qyl9VDFm.js';
-import '../../chunks/bundle-GJNoquF6.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-r4JH75Z9.js';
-import { ButtonTypes } from '../../ui/Button.js';
-import Input, { InputLabel } from '../../ui/Input.js';
-import { A as Avatar } from '../../chunks/bundle-iBVztNIJ.js';
-import TextButton from '../../ui/TextButton.js';
-import Icon, { IconTypes } from '../../ui/Icon.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-57J_rNKG.js';
-import '../../chunks/bundle-AVPtRzYX.js';
-import 'react-dom';
-import '../../chunks/bundle-2B6mR7lS.js';
-import '../../chunks/bundle-ZqXMPrmp.js';
-import '../../ui/IconButton.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-SKHpSe-O.js';
-import '../../chunks/bundle-ByTzgRFn.js';
-import '../../chunks/bundle-8X1nAYfO.js';
-
-var EditUserProfileUIView = function (_a) {
-    var _b;
-    var formRef = _a.formRef, inputRef = _a.inputRef, onThemeChange = _a.onThemeChange, setProfileImage = _a.setProfileImage;
-    var _c = useSendbirdStateContext(), stores = _c.stores, config = _c.config;
-    var theme = config.theme, setCurrentTheme = config.setCurrentTheme;
-    var user = (_b = stores.userStore) === null || _b === void 0 ? void 0 : _b.user;
-    var stringSet = useLocalization().stringSet;
-    var _d = useState(null), currentImg = _d[0], setCurrentImg = _d[1];
-    var hiddenInputRef = useRef(null);
-    return (React__default.createElement("form", { className: "sendbird-edit-user-profile", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__img" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL),
-            React__default.createElement("div", { className: "sendbird-edit-user-profile__img__avatar" },
-                React__default.createElement(Avatar, { width: "80px", height: "80px", src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl) })),
-            React__default.createElement("input", { ref: hiddenInputRef, type: "file", accept: "image/gif, image/jpeg, image/png", style: { display: 'none' }, onChange: function (e) {
-                    setCurrentImg(URL.createObjectURL(e.target.files[0]));
-                    setProfileImage(e.target.files[0]);
-                    hiddenInputRef.current.value = '';
-                } }),
-            React__default.createElement(TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { return hiddenInputRef.current.click(); } },
-                React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))),
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__name" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL),
-            React__default.createElement(Input, { required: (user === null || user === void 0 ? void 0 : user.nickname) !== '', name: "sendbird-edit-user-profile__name__input", ref: inputRef, value: user === null || user === void 0 ? void 0 : user.nickname, placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER })),
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__userid" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL),
-            React__default.createElement(Input, { disabled: true, name: "sendbird-edit-user-profile__userid__input", value: user === null || user === void 0 ? void 0 : user.userId })),
-        React__default.createElement("section", { className: "sendbird-edit-user-profile__theme" },
-            React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL),
-            React__default.createElement("div", { className: "sendbird-edit-user-profile__theme__theme-icon" }, theme === 'dark'
-                ? (React__default.createElement(Icon, { onClick: function () {
-                        setCurrentTheme('light');
-                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
-                    }, type: IconTypes.TOGGLE_ON, width: 44, height: 24 }))
-                : (React__default.createElement(Icon, { onClick: function () {
-                        setCurrentTheme('dark');
-                        onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
-                    }, type: IconTypes.TOGGLE_OFF, width: 44, height: 24 }))))));
-};
-
-var handleUpdateUserInfo = function (_a) {
-    var _b, _c, _d;
-    var globalContext = _a.globalContext, formRef = _a.formRef, inputRef = _a.inputRef, profileImage = _a.profileImage, onEditProfile = _a.onEditProfile;
-    var stores = globalContext.stores, dispatchers = globalContext.dispatchers;
-    var sdk = stores.sdkStore.sdk;
-    var user = stores.userStore.user;
-    var userDispatcher = dispatchers.userDispatcher;
-    if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
-        (_c = (_b = formRef.current).reportValidity) === null || _c === void 0 ? void 0 : _c.call(_b); // might not work in explorer
-        return;
-    }
-    sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
-        nickname: (_d = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _d === void 0 ? void 0 : _d.value,
-        profileImage: profileImage,
-    }).then(function (updatedUser) {
-        userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });
-        onEditProfile === null || onEditProfile === void 0 ? void 0 : onEditProfile(updatedUser);
-    });
-};
-var useEditUserProfileUISates = function (_a) {
-    var onEditProfile = _a.onEditProfile;
-    var globalContext = useSendbirdStateContext();
-    var inputRef = useRef(null);
-    var formRef = useRef(null);
-    var _b = useState(null), profileImage = _b[0], setProfileImage = _b[1];
-    var updateUserInfo = function () {
-        handleUpdateUserInfo({
-            globalContext: globalContext,
-            formRef: formRef,
-            inputRef: inputRef,
-            profileImage: profileImage,
-            onEditProfile: onEditProfile,
-        });
-    };
-    return {
-        formRef: formRef,
-        inputRef: inputRef,
-        updateUserInfo: updateUserInfo,
-        profileImage: profileImage,
-        setProfileImage: setProfileImage,
-    };
-};
-var EditUserProfileUI = function () {
-    var editProfileContext = useEditUserProfileContext();
-    var onEditProfile = editProfileContext.onEditProfile, onCancel = editProfileContext.onCancel, onThemeChange = editProfileContext.onThemeChange;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _a = useEditUserProfileUISates({ onEditProfile: onEditProfile }), formRef = _a.formRef, inputRef = _a.inputRef, updateUserInfo = _a.updateUserInfo, setProfileImage = _a.setProfileImage;
-    return (React__default.createElement(Modal, { titleText: stringSet.EDIT_PROFILE__TITLE, submitText: stringSet.BUTTON__SAVE, type: ButtonTypes.PRIMARY, onCancel: onCancel, isFullScreenOnMobile: true, onSubmit: updateUserInfo },
-        React__default.createElement(EditUserProfileUIView, { formRef: formRef, inputRef: inputRef, setProfileImage: setProfileImage, onThemeChange: onThemeChange })));
-};
-
-export { EditUserProfileUI, EditUserProfileUIView, EditUserProfileUI as default, useEditUserProfileUISates };
-//# sourceMappingURL=EditUserProfileUI.js.map

package/dist/EditUserProfile.js

@@ -1,34 +0,0 @@
-import React__default from 'react';
-import { EditUserProfileProvider } from './EditUserProfile/context.js';
-import { EditUserProfileUI } from './EditUserProfile/components/EditUserProfileUI.js';
-import './useSendbirdStateContext.js';
-import './withSendbird.js';
-import './chunks/bundle-GJNoquF6.js';
-import './chunks/bundle-YVb8yq4r.js';
-import './chunks/bundle-57J_rNKG.js';
-import './chunks/bundle-AVPtRzYX.js';
-import './chunks/bundle-EqiEY2Nn.js';
-import './chunks/bundle-qyl9VDFm.js';
-import 'react-dom';
-import './chunks/bundle-2B6mR7lS.js';
-import './chunks/bundle-ZqXMPrmp.js';
-import './ui/IconButton.js';
-import './ui/Button.js';
-import './chunks/bundle-r4JH75Z9.js';
-import './ui/Icon.js';
-import './ui/Input.js';
-import './chunks/bundle-iBVztNIJ.js';
-import './ui/ImageRenderer.js';
-import './chunks/bundle-SKHpSe-O.js';
-import './chunks/bundle-ByTzgRFn.js';
-import './ui/TextButton.js';
-import './chunks/bundle-8X1nAYfO.js';
-
-var EditUserProfile = function (props) {
-    var onEditProfile = props.onEditProfile, onCancel = props.onCancel, onThemeChange = props.onThemeChange;
-    return (React__default.createElement(EditUserProfileProvider, { onEditProfile: onEditProfile, onCancel: onCancel, onThemeChange: onThemeChange },
-        React__default.createElement(EditUserProfileUI, null)));
-};
-
-export { EditUserProfile as default };
-//# sourceMappingURL=EditUserProfile.js.map

package/dist/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Sendbird
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/MessageSearch/components/MessageSearchUI.js

@@ -1,89 +0,0 @@
-import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-YVb8yq4r.js';
-import { useMessageSearchContext } from '../context.js';
-import MessageSearchItem from '../../ui/MessageSearchItem.js';
-import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
-import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
-import '../../chunks/bundle-57J_rNKG.js';
-import '../../chunks/bundle-AVPtRzYX.js';
-import '../../useSendbirdStateContext.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-GJNoquF6.js';
-import '../../chunks/bundle-c2TdIUS1.js';
-import '../../chunks/bundle-c43jZuGE.js';
-import '../../chunks/bundle-UZkghioh.js';
-import '../../chunks/bundle-iBVztNIJ.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-SKHpSe-O.js';
-import '../../chunks/bundle-ByTzgRFn.js';
-import '../../ui/Icon.js';
-import '../../chunks/bundle-2B6mR7lS.js';
-import '../../chunks/bundle-r4JH75Z9.js';
-import '../../ui/Loader.js';
-import '../../chunks/bundle-wTMK19qT.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-oliby3QR.js';
-import '../../chunks/bundle-JK2Q6D_x.js';
-
-var COMPONENT_CLASS_NAME = 'sendbird-message-search';
-var MessageSearchUI = function (_a) {
-    var renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderNoString = _a.renderPlaceHolderNoString, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, renderSearchItem = _a.renderSearchItem;
-    var _b = useMessageSearchContext(), isInvalid = _b.isInvalid, searchString = _b.searchString, requestString = _b.requestString, currentChannel = _b.currentChannel, retryCount = _b.retryCount, setRetryCount = _b.setRetryCount, loading = _b.loading, scrollRef = _b.scrollRef, hasMoreResult = _b.hasMoreResult, onScroll = _b.onScroll, allMessages = _b.allMessages, onResultClick = _b.onResultClick, selectedMessageId = _b.selectedMessageId, setSelectedMessageId = _b.setSelectedMessageId;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var handleRetryToConnect = function () {
-        setRetryCount(retryCount + 1);
-    };
-    var handleOnScroll = function (e) {
-        var scrollElement = e.target;
-        var scrollTop = scrollElement.scrollTop, scrollHeight = scrollElement.scrollHeight, clientHeight = scrollElement.clientHeight;
-        if (!hasMoreResult) {
-            return;
-        }
-        if (scrollTop + clientHeight >= scrollHeight - 1) {
-            onScroll(function () {
-                // after load more searched messages
-            });
-        }
-    };
-    var getChannelName = function () {
-        if (currentChannel && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) !== 'Group Channel') {
-            return currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name;
-        }
-        if (currentChannel && ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) === 'Group Channel' || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name))) {
-            return currentChannel.members.map(function (member) { return member.nickname || stringSet.NO_NAME; }).join(', ');
-        }
-        return stringSet.NO_TITLE;
-    };
-    if (isInvalid && searchString && requestString) {
-        return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-            React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG, retryToConnect: handleRetryToConnect })));
-    }
-    if (loading && searchString && requestString) {
-        return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-            React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.SEARCHING })));
-    }
-    if (!searchString) {
-        return (renderPlaceHolderNoString === null || renderPlaceHolderNoString === void 0 ? void 0 : renderPlaceHolderNoString()) || (React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-            React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.SEARCH_IN, searchInString: getChannelName() })));
-    }
-    return (React__default.createElement("div", { className: COMPONENT_CLASS_NAME, onScroll: handleOnScroll, ref: scrollRef }, (allMessages.length > 0)
-        ? (allMessages.map(function (message) {
-            if (renderSearchItem) {
-                return renderSearchItem({ message: message, onResultClick: onResultClick });
-            }
-            if (message.messageType === 'file') {
-                return (React__default.createElement(MessageSearchFileItem, { className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"), message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
-                        onResultClick(message);
-                        setSelectedMessageId(message.messageId);
-                    } }));
-            }
-            return (React__default.createElement(MessageSearchItem, { className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"), message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
-                    onResultClick(message);
-                    setSelectedMessageId(message.messageId);
-                } }));
-        }))
-        : (renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_RESULTS }))));
-};
-
-export { MessageSearchUI, MessageSearchUI as default };
-//# sourceMappingURL=MessageSearchUI.js.map

package/dist/MessageSearch/context.js

@@ -1,258 +0,0 @@
-import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from '../chunks/bundle-GJNoquF6.js';
-import '../withSendbird.js';
-
-var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
-var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
-var START_MESSAGE_SEARCH = 'START_MESSAGE_SEARCH';
-var START_GETTING_SEARCHED_MESSAGES = 'START_GETTING_SEARCHED_MESSAGES';
-var SET_QUERY_INVALID = 'SET_QUERY_INVALID';
-var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
-var CHANNEL_INVALID = 'CHANNEL_INVALID';
-var RESET_SEARCH_STRING = 'RESET_SEARCH_STRING';
-
-function reducer(state, action) {
-    switch (action.type) {
-        case SET_CURRENT_CHANNEL: {
-            var currentChannel = action.payload;
-            return __assign(__assign({}, state), { currentChannel: currentChannel, initialized: true });
-        }
-        case CHANNEL_INVALID: {
-            return __assign(__assign({}, state), { currentChannel: null, initialized: false });
-        }
-        case GET_SEARCHED_MESSAGES: {
-            var _a = action.payload, messages = _a.messages, createdQuery = _a.createdQuery;
-            if (createdQuery
-                && createdQuery.channelUrl === (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).channelUrl
-                && createdQuery.key === (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).key) {
-                return __assign(__assign({}, state), { loading: false, isInvalid: false, allMessages: __spreadArray([], messages, true), hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext });
-            }
-            return __assign({}, state);
-        }
-        case SET_QUERY_INVALID: {
-            return __assign(__assign({}, state), { isInvalid: true });
-        }
-        case START_MESSAGE_SEARCH: {
-            return __assign(__assign({}, state), { isInvalid: false, loading: false });
-        }
-        case START_GETTING_SEARCHED_MESSAGES: {
-            var currentMessageSearchQuery = action.payload;
-            return __assign(__assign({}, state), { loading: true, currentMessageSearchQuery: currentMessageSearchQuery });
-        }
-        case GET_NEXT_SEARCHED_MESSAGES: {
-            var messages = action.payload;
-            return __assign(__assign({}, state), { allMessages: __spreadArray(__spreadArray([], state.allMessages, true), messages, true), hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext });
-        }
-        case RESET_SEARCH_STRING: {
-            return __assign(__assign({}, state), { allMessages: [] });
-        }
-        default: {
-            return state;
-        }
-    }
-}
-
-var initialState = {
-    allMessages: [],
-    loading: false,
-    isInvalid: false,
-    initialized: false,
-    currentChannel: null,
-    currentMessageSearchQuery: null,
-    hasMoreResult: false,
-};
-
-function useSetChannel(_a, _b) {
-    var channelUrl = _a.channelUrl, sdkInit = _a.sdkInit;
-    var sdk = _b.sdk, logger = _b.logger, messageSearchDispatcher = _b.messageSearchDispatcher;
-    useEffect(function () {
-        if (channelUrl && sdkInit && (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel)) {
-            sdk.groupChannel.getChannel(channelUrl).then(function (groupChannel) {
-                logger.info('MessageSearch | useSetChannel group channel', groupChannel);
-                messageSearchDispatcher({
-                    type: SET_CURRENT_CHANNEL,
-                    payload: groupChannel,
-                });
-            }).catch(function () {
-                messageSearchDispatcher({
-                    type: CHANNEL_INVALID,
-                    payload: null,
-                });
-            });
-        }
-    }, [channelUrl, sdkInit]);
-}
-
-var MessageSearchOrder;
-(function (MessageSearchOrder) {
-    MessageSearchOrder["SCORE"] = "score";
-    MessageSearchOrder["TIMESTAMP"] = "ts";
-})(MessageSearchOrder || (MessageSearchOrder = {}));
-function useGetSearchedMessages(_a, _b) {
-    var currentChannel = _a.currentChannel, channelUrl = _a.channelUrl, requestString = _a.requestString, messageSearchQuery = _a.messageSearchQuery, onResultLoaded = _a.onResultLoaded, retryCount = _a.retryCount;
-    var sdk = _b.sdk, logger = _b.logger, messageSearchDispatcher = _b.messageSearchDispatcher;
-    useEffect(function () {
-        messageSearchDispatcher({
-            type: START_MESSAGE_SEARCH,
-            payload: null,
-        });
-        if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {
-            if (requestString) {
-                currentChannel.refresh().then(function (channel) {
-                    var inputSearchMessageQueryObject = __assign({ order: MessageSearchOrder.TIMESTAMP, channelUrl: channelUrl, messageTimestampFrom: channel.invitedAt, keyword: requestString }, messageSearchQuery);
-                    var createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);
-                    createdQuery.next().then(function (messages) {
-                        logger.info('MessageSearch | useGetSearchedMessages: succeeded getting messages', messages);
-                        messageSearchDispatcher({
-                            type: GET_SEARCHED_MESSAGES,
-                            payload: {
-                                messages: messages,
-                                createdQuery: createdQuery,
-                            },
-                        });
-                        if (onResultLoaded && typeof onResultLoaded === 'function') {
-                            onResultLoaded(messages, null);
-                        }
-                    }).catch(function (error) {
-                        logger.warning('MessageSearch | useGetSearchedMessages: getting failed', error);
-                        messageSearchDispatcher({
-                            type: SET_QUERY_INVALID,
-                            payload: null,
-                        });
-                        if (onResultLoaded && typeof onResultLoaded === 'function') {
-                            onResultLoaded(null, error);
-                        }
-                    });
-                    messageSearchDispatcher({
-                        type: START_GETTING_SEARCHED_MESSAGES,
-                        payload: createdQuery,
-                    });
-                });
-            }
-            else {
-                logger.info('MessageSearch | useGetSeasrchedMessages: search string is empty');
-            }
-        }
-    }, [channelUrl, messageSearchQuery, requestString, currentChannel, retryCount]);
-}
-
-function useScrollCallback(_a, _b) {
-    var currentMessageSearchQuery = _a.currentMessageSearchQuery, hasMoreResult = _a.hasMoreResult, onResultLoaded = _a.onResultLoaded;
-    var logger = _b.logger, messageSearchDispatcher = _b.messageSearchDispatcher;
-    return useCallback(function (cb) {
-        if (!hasMoreResult) {
-            logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);
-        }
-        if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {
-            currentMessageSearchQuery.next().then(function (messages) {
-                logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);
-                messageSearchDispatcher({
-                    type: GET_NEXT_SEARCHED_MESSAGES,
-                    payload: messages,
-                });
-                cb(messages, null);
-                if (onResultLoaded && typeof onResultLoaded === 'function') {
-                    onResultLoaded(messages, null);
-                }
-            }).catch(function (error) {
-                logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);
-                cb(null, error);
-                if (onResultLoaded && typeof onResultLoaded === 'function') {
-                    onResultLoaded(null, error);
-                }
-            });
-        }
-        else {
-            logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery');
-        }
-    }, [currentMessageSearchQuery, hasMoreResult]);
-}
-
-var DEBOUNCING_TIME = 500;
-function useSearchStringEffect(_a, _b) {
-    var searchString = _a.searchString;
-    var messageSearchDispatcher = _b.messageSearchDispatcher;
-    var _c = useState(''), requestString = _c[0], setRequestString = _c[1];
-    var _d = useState(null), debouncingTimer = _d[0], setDebouncingTimer = _d[1];
-    useEffect(function () {
-        clearTimeout(debouncingTimer);
-        if (searchString) {
-            setDebouncingTimer(setTimeout(function () {
-                setRequestString(searchString);
-            }, DEBOUNCING_TIME));
-        }
-        else {
-            setRequestString('');
-            messageSearchDispatcher({
-                type: RESET_SEARCH_STRING,
-                payload: '',
-            });
-        }
-    }, [searchString]);
-    return requestString;
-}
-
-var MessageSearchContext = React__default.createContext(undefined);
-var MessageSearchProvider = function (props) {
-    var _a, _b, _c, _d, _e;
-    var 
-    // message search props
-    channelUrl = props.channelUrl, searchString = props.searchString, messageSearchQuery = props.messageSearchQuery, onResultLoaded = props.onResultLoaded, onResultClick = props.onResultClick;
-    var globalState = useSendbirdStateContext();
-    // hook variables
-    var _f = useState(0), retryCount = _f[0], setRetryCount = _f[1]; // this is a trigger flag for activating useGetSearchMessages
-    var _g = useState(0), selectedMessageId = _g[0], setSelectedMessageId = _g[1];
-    var _h = useReducer(reducer, initialState), messageSearchStore = _h[0], messageSearchDispatcher = _h[1];
-    var allMessages = messageSearchStore.allMessages, loading = messageSearchStore.loading, isInvalid = messageSearchStore.isInvalid, currentChannel = messageSearchStore.currentChannel, currentMessageSearchQuery = messageSearchStore.currentMessageSearchQuery, hasMoreResult = messageSearchStore.hasMoreResult;
-    var logger = (_a = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _a === void 0 ? void 0 : _a.logger;
-    var sdk = (_c = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
-    var sdkInit = (_e = (_d = globalState === null || globalState === void 0 ? void 0 : globalState.stores) === null || _d === void 0 ? void 0 : _d.sdkStore) === null || _e === void 0 ? void 0 : _e.initialized;
-    var scrollRef = useRef(null);
-    var handleOnScroll = function (e) {
-        var scrollElement = e.target;
-        var scrollTop = scrollElement.scrollTop, scrollHeight = scrollElement.scrollHeight, clientHeight = scrollElement.clientHeight;
-        if (!hasMoreResult) {
-            return;
-        }
-        if (scrollTop + clientHeight >= scrollHeight) {
-            onScroll(function () {
-                // after load more searched messages
-            });
-        }
-    };
-    useSetChannel({ channelUrl: channelUrl, sdkInit: sdkInit }, { sdk: sdk, logger: logger, messageSearchDispatcher: messageSearchDispatcher });
-    var requestString = useSearchStringEffect({ searchString: searchString }, { messageSearchDispatcher: messageSearchDispatcher });
-    useGetSearchedMessages({ currentChannel: currentChannel, channelUrl: channelUrl, requestString: requestString, messageSearchQuery: messageSearchQuery, onResultLoaded: onResultLoaded, retryCount: retryCount }, { sdk: sdk, logger: logger, messageSearchDispatcher: messageSearchDispatcher });
-    var onScroll = useScrollCallback({ currentMessageSearchQuery: currentMessageSearchQuery, hasMoreResult: hasMoreResult, onResultLoaded: onResultLoaded }, { logger: logger, messageSearchDispatcher: messageSearchDispatcher });
-    var handleRetryToConnect = function () {
-        setRetryCount(retryCount + 1);
-    };
-    return (React__default.createElement(MessageSearchContext.Provider, { value: {
-            channelUrl: channelUrl,
-            searchString: searchString,
-            requestString: requestString,
-            messageSearchQuery: messageSearchQuery,
-            onResultLoaded: onResultLoaded,
-            onResultClick: onResultClick,
-            retryCount: retryCount,
-            setRetryCount: setRetryCount,
-            selectedMessageId: selectedMessageId,
-            setSelectedMessageId: setSelectedMessageId,
-            messageSearchDispatcher: messageSearchDispatcher,
-            allMessages: allMessages,
-            loading: loading,
-            isInvalid: isInvalid,
-            currentChannel: currentChannel,
-            currentMessageSearchQuery: currentMessageSearchQuery,
-            hasMoreResult: hasMoreResult,
-            onScroll: onScroll,
-            scrollRef: scrollRef,
-            handleRetryToConnect: handleRetryToConnect,
-            handleOnScroll: handleOnScroll,
-        } }, props === null || props === void 0 ? void 0 : props.children));
-};
-var useMessageSearchContext = function () { return React__default.useContext(MessageSearchContext); };
-
-export { MessageSearchProvider, useMessageSearchContext };
-//# sourceMappingURL=context.js.map

package/dist/MessageSearch.js

@@ -1,77 +0,0 @@
-import React__default, { useState, useContext, useEffect } from 'react';
-import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
-import { L as LocalizationContext } from './chunks/bundle-YVb8yq4r.js';
-import Icon, { IconTypes, IconColors } from './ui/Icon.js';
-import IconButton from './ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './chunks/bundle-r4JH75Z9.js';
-import Loader from './ui/Loader.js';
-import { MessageSearchProvider } from './MessageSearch/context.js';
-import './ui/MessageSearchItem.js';
-import './chunks/bundle-GJNoquF6.js';
-import './chunks/bundle-c2TdIUS1.js';
-import './chunks/bundle-AVPtRzYX.js';
-import './chunks/bundle-c43jZuGE.js';
-import './chunks/bundle-UZkghioh.js';
-import './chunks/bundle-iBVztNIJ.js';
-import './ui/ImageRenderer.js';
-import './chunks/bundle-SKHpSe-O.js';
-import './chunks/bundle-ByTzgRFn.js';
-import './ui/PlaceHolder.js';
-import './ui/MessageSearchFileItem.js';
-import './chunks/bundle-wTMK19qT.js';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-oliby3QR.js';
-import './chunks/bundle-JK2Q6D_x.js';
-import './chunks/bundle-57J_rNKG.js';
-import './chunks/bundle-2B6mR7lS.js';
-import './useSendbirdStateContext.js';
-import './withSendbird.js';
-
-var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
-function MessageSearchPannel(props) {
-    var channelUrl = props.channelUrl, onResultClick = props.onResultClick, onCloseClick = props.onCloseClick, messageSearchQuery = props.messageSearchQuery, renderPlaceHolderError = props.renderPlaceHolderError, renderPlaceHolderLoading = props.renderPlaceHolderLoading, renderPlaceHolderNoString = props.renderPlaceHolderNoString, renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList, renderSearchItem = props.renderSearchItem;
-    var _a = useState(''), searchString = _a[0], setSearchString = _a[1];
-    var _b = useState(''), inputString = _b[0], setInputString = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var timeout = null;
-    useEffect(function () {
-        if (timeout) {
-            clearTimeout(timeout);
-        }
-        timeout = setTimeout(function () {
-            setSearchString(inputString);
-            setLoading(true);
-            timeout = null;
-        }, 500);
-    }, [inputString]);
-    var handleOnChangeInputString = function (e) {
-        setInputString(e.target.value);
-    };
-    var handleOnResultLoaded = function () {
-        setLoading(false);
-    };
-    var handleOnClickResetStringButton = function (e) {
-        e.stopPropagation();
-        setInputString('');
-        setSearchString('');
-    };
-    return (React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-        React__default.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__header") },
-            React__default.createElement(Label, { className: "".concat(COMPONENT_CLASS_NAME, "__header__title"), type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.SEARCH_IN_CHANNEL),
-            React__default.createElement(IconButton, { className: "".concat(COMPONENT_CLASS_NAME, "__header__close-button"), width: "32px", height: "32px", onClick: onCloseClick },
-                React__default.createElement(Icon, { type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_1, width: "22px", height: "22px" }))),
-        React__default.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__input") },
-            React__default.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__input__container") },
-                React__default.createElement(Icon, { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__search-icon"), type: IconTypes.SEARCH, fillColor: IconColors.ON_BACKGROUND_3, width: "24px", height: "24px" }),
-                React__default.createElement("input", { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__input-area"), placeholder: stringSet.SEARCH, value: inputString, onChange: handleOnChangeInputString }),
-                inputString && loading && (React__default.createElement(Loader, { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__spinner"), width: "20px", height: "20px" },
-                    React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.PRIMARY, width: "20px", height: "20px" }))),
-                !loading && inputString && (React__default.createElement(Icon, { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__reset-input-button"), type: IconTypes.REMOVE, fillColor: IconColors.ON_BACKGROUND_3, width: "20px", height: "20px", onClick: handleOnClickResetStringButton })))),
-        React__default.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__message-search") },
-            React__default.createElement(MessageSearchProvider, { channelUrl: channelUrl, searchString: searchString, onResultClick: onResultClick, onResultLoaded: handleOnResultLoaded, messageSearchQuery: messageSearchQuery },
-                React__default.createElement(MessageSearchUI, { renderPlaceHolderError: renderPlaceHolderError, renderPlaceHolderLoading: renderPlaceHolderLoading, renderPlaceHolderNoString: renderPlaceHolderNoString, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList, renderSearchItem: renderSearchItem })))));
-}
-
-export { MessageSearchPannel as default };
-//# sourceMappingURL=MessageSearch.js.map

package/dist/OpenChannel/components/FrozenChannelNotification.js

@@ -1,15 +0,0 @@
-import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-YVb8yq4r.js';
-import { L as Label, a as LabelTypography } from '../../chunks/bundle-r4JH75Z9.js';
-import '../../chunks/bundle-57J_rNKG.js';
-import '../../chunks/bundle-AVPtRzYX.js';
-import '../../chunks/bundle-GJNoquF6.js';
-
-var FrozenNotification = function () {
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-frozen-channel-notification" },
-        React__default.createElement(Label, { className: "sendbird-frozen-channel-notification__text", type: LabelTypography.CAPTION_2 }, stringSet.CHANNEL_FROZEN)));
-};
-
-export { FrozenNotification as default };
-//# sourceMappingURL=FrozenChannelNotification.js.map