@sendbird/uikit-react 3.9.0-rc.0 → 3.9.1-rc-0

package/cjs/chunks/bundle-XCa9rYnV.js

@@ -1,236 +0,0 @@
-'use strict';
-
-var _tslib = require('./bundle-4Ep0zw5t.js');
-var React = require('react');
-var ui_Button = require('../ui/Button.js');
-var ui_ContextMenu = require('../ui/ContextMenu.js');
-var ui_Icon = require('../ui/Icon.js');
-var ui_IconButton = require('../ui/IconButton.js');
-var ui_Label = require('./bundle-4F7y-CF9.js');
-var LocalizationContext = require('./bundle-Pnz_sqaN.js');
-var UserProfileContext = require('./bundle-ahsqlfk0.js');
-require('./bundle-Txu61Was.js');
-var ui_Avatar = require('./bundle-sXdSdEH6.js');
-require('react-dom');
-require('./bundle--C4OQHXx.js');
-var ui_MutedAvatarOverlay = require('../ui/MutedAvatarOverlay.js');
-var ui_UserProfile = require('../ui/UserProfile.js');
-var OpenChannelSettings_context = require('../OpenChannelSettings/context.js');
-require('../withSendbird.js');
-var ui_Modal = require('./bundle-efOp7vtv.js');
-var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-gZ94G4-S.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-
-function ParticipantsModal(_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel;
-    var state = useSendbirdStateContext.useSendbirdStateContext();
-    var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _e = React.useState([]), participants = _e[0], setParticipants = _e[1];
-    var _f = React.useState(null), participantListQuery = _f[0], setParticipantListQuery = _f[1];
-    var userId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var sdk = (_d = (_c = state === null || state === void 0 ? void 0 : state.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
-    var isOperatorView = channel === null || channel === void 0 ? void 0 : channel.isOperator(userId);
-    React.useEffect(function () {
-        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
-            return;
-        }
-        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({});
-        setParticipantListQuery(participantListQuery);
-        participantListQuery.next().then(function (participantList) {
-            setParticipants(participantList);
-        });
-    }, []);
-    return (React.createElement("div", null,
-        React.createElement(ui_Modal.Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE },
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = participantListQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        participantListQuery.next().then(function (fetchedParticipants) {
-                            setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], participants, true), fetchedParticipants, true));
-                        });
-                    }
-                } }, participants.map(function (p) {
-                var _a;
-                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
-                return (React.createElement(ui_UserListItem, { user: p, key: p.userId, currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId, action: (userId !== p.userId && isOperatorView)
-                        ? function (_a) {
-                            var actionRef = _a.actionRef, parentRef = _a.parentRef;
-                            return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                                    React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                                    React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                            if (isOperator) {
-                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
-                                    React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                            if (p.isMuted) {
-                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
-                                    React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
-                                                closeDropdown();
-                                            });
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
-                        }
-                        : null }));
-            })))));
-}
-
-var UserListItem = function (_a) {
-    var user = _a.user, currentUser = _a.currentUser, isOperator = _a.isOperator, action = _a.action;
-    var avatarRef = React.useRef(null);
-    var actionRef = React.useRef(null);
-    var _b = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: "sendbird-participants-accordion__member" },
-        React.createElement("div", { className: "sendbird-participants-accordion__member-avatar" },
-            React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(React.Fragment, null,
-                    React.createElement(ui_Avatar.Avatar, { className: "sendbird-participants-accordion__member-avatar__avatar", onClick: function () {
-                            if (!disableUserProfile) {
-                                toggleDropdown();
-                            }
-                        }, ref: avatarRef, src: user.profileUrl, width: 24, height: 24 }),
-                    (user === null || user === void 0 ? void 0 : user.isMuted) ? (React.createElement(ui_MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { openLeft: true, parentRef: avatarRef, 
-                    // for catching location(x, y) of MenuItems
-                    parentContainRef: avatarRef, 
-                    // for toggling more options(menus & reactions)
-                    closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } }, renderUserProfile
-                    ? renderUserProfile({
-                        user: user,
-                        currentUserId: currentUser,
-                        close: closeDropdown,
-                    })
-                    : (React.createElement(ui_UserProfile, { disableMessaging: true, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } })),
-        React.createElement(ui_Label.Label, { className: "sendbird-participants-accordion__member__title", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 },
-            user.nickname || stringSet.NO_NAME,
-            (currentUser === user.userId) && (stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU)),
-        !user.nickname && (React.createElement(ui_Label.Label, { className: "sendbird-participants-accordion__member__title user-id", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
-        isOperator && (React.createElement(ui_Label.Label, { className: "sendbird-participants-accordion__member__title\n                ".concat((user === null || user === void 0 ? void 0 : user.userId) !== currentUser ? 'operator' : '', "\n                ").concat((user === null || user === void 0 ? void 0 : user.userId) === currentUser ? 'self-operator' : '', "\n              "), type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR)),
-        action && (React.createElement("div", { className: "sendbird-participants-accordion__member__action", ref: actionRef }, action({ actionRef: actionRef })))));
-};
-
-function ParticipantList(_a) {
-    var _b;
-    var _c = _a.isOperatorView, isOperatorView = _c === void 0 ? false : _c;
-    var globalState = useSendbirdStateContext.useSendbirdStateContext();
-    var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _d = React.useState(null), participants = _d[0], setParticipants = _d[1];
-    var _e = React.useState(null), participantListQuery = _e[0], setParticipantListQuery = _e[1];
-    var _f = React.useState(false), showParticipantsModal = _f[0], setShowParticipantsModal = _f[1];
-    React.useEffect(function () {
-        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
-            return;
-        }
-        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
-        setParticipantListQuery(participantListQuery);
-        participantListQuery.next().then(function (participants) {
-            setParticipants(participants);
-        });
-    }, [channel]);
-    var refreshList = React.useCallback(function () {
-        if (!channel) {
-            setParticipants([]);
-            return;
-        }
-        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
-        participantListQuery.next().then(function (participants) {
-            setParticipants(participants);
-        });
-    }, [channel]);
-    return (React.createElement("div", { className: "sendbird-openchannel-settings__participant-list", onScroll: function (e) {
-            var hasNext = participantListQuery.hasNext;
-            var target = e.target;
-            var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-            if (hasNext && fetchMore) {
-                participantListQuery.next().then(function (fetchedParticipants) {
-                    setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], participants, true), fetchedParticipants, true));
-                });
-            }
-        } },
-        React.createElement("div", null, participants === null || participants === void 0 ? void 0 :
-            participants.map(function (p) {
-                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
-                return (React.createElement(UserListItem, { user: p, currentUser: currentUserId, key: p.userId, isOperator: isOperator, action: function (_a) {
-                        var actionRef = _a.actionRef;
-                        return ((isOperatorView && currentUserId !== (p === null || p === void 0 ? void 0 : p.userId))
-                            ? (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-openchannel-participant-list__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                                    React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                                    React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                            if (isOperator) {
-                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
-                                    React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                            if (p.isMuted) {
-                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
-                                    React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
-                                                closeDropdown();
-                                                refreshList();
-                                            });
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }))
-                            : null);
-                    } }));
-            }),
-            (participants && participants.length === 0)
-                ? (React.createElement(ui_Label.Label, { className: "sendbird-channel-settings__empty-list", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST)) : null,
-            React.createElement("div", { className: "sendbird-openchannel-participant-list__footer" }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowParticipantsModal(true); } }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE))),
-            showParticipantsModal && (React.createElement(ParticipantsModal, { onCancel: function () {
-                    setShowParticipantsModal(false);
-                    refreshList();
-                } })))));
-}
-
-exports.ParticipantList = ParticipantList;
-exports.UserListItem = UserListItem;
-//# sourceMappingURL=bundle-XCa9rYnV.js.map

package/cjs/chunks/bundle-XCa9rYnV.js.map

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

package/cjs/chunks/bundle-Y-U2PjW2.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_PlaybackTime = require('../ui/PlaybackTime.js');
-var ui_ProgressBar = require('../ui/ProgressBar.js');
-var ui_TextButton = require('../ui/TextButton.js');
-var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-4F7y-CF9.js');
-var LocalizationContext = require('./bundle-Pnz_sqaN.js');
-var consts = require('./bundle-3_V46-kD.js');
-
-/* eslint-disable no-redeclare */
-var VoiceMessageInputStatus = {
-    READY_TO_RECORD: 'READY_TO_RECORD',
-    RECORDING: 'RECORDING',
-    READY_TO_PLAY: 'READY_TO_PLAY',
-    PLAYING: 'PLAYING',
-};
-
-var ControlerIcon = function (_a) {
-    var inputState = _a.inputState;
-    switch (inputState) {
-        case VoiceMessageInputStatus.READY_TO_RECORD: {
-            return (React.createElement("div", { className: "sendbird-controler-icon record-icon" }));
-        }
-        case VoiceMessageInputStatus.RECORDING: {
-            return (React.createElement("div", { className: "sendbird-controler-icon stop-icon" }));
-        }
-        case VoiceMessageInputStatus.READY_TO_PLAY: {
-            return (React.createElement(ui_Icon.default, { className: "sendbird-controler-icon play-icon", width: "20px", height: "20px", type: ui_Icon.IconTypes.PLAY, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1 }));
-        }
-        case VoiceMessageInputStatus.PLAYING: {
-            return (React.createElement("div", { className: "sendbird-controler-icon pause-icon" },
-                React.createElement("div", { className: "sendbird-controler-icon pause-icon-inner" }),
-                React.createElement("div", { className: "sendbird-controler-icon pause-icon-inner" })));
-        }
-        default:
-            return null;
-    }
-};
-
-var VoiceMessageInput = function (_a) {
-    var _b = _a.minRecordTime, minRecordTime = _b === void 0 ? consts.VOICE_RECORDER_DEFAULT_MIN : _b, maximumValue = _a.maximumValue, _c = _a.currentValue, currentValue = _c === void 0 ? 0 : _c, currentType = _a.currentType, onCancelClick = _a.onCancelClick, onControlClick = _a.onControlClick, onSubmitClick = _a.onSubmitClick, renderCancelButton = _a.renderCancelButton, renderControlButton = _a.renderControlButton, renderSubmitButton = _a.renderSubmitButton;
-    var _d = React.useState(0), lastClickTime = _d[0], setLastClickTime = _d[1];
-    var isReadyToRecord = React.useMemo(function () { return currentType === VoiceMessageInputStatus.READY_TO_RECORD; }, [currentType]);
-    var isRecording = React.useMemo(function () { return currentType === VoiceMessageInputStatus.RECORDING; }, [currentType]);
-    var isSendButtonDisabled = React.useMemo(function () {
-        if (currentType === VoiceMessageInputStatus.READY_TO_RECORD
-            || currentType === VoiceMessageInputStatus.RECORDING) {
-            return minRecordTime > currentValue;
-        }
-        return false;
-    }, [currentType, minRecordTime, currentValue]);
-    var isPlayMode = React.useMemo(function () {
-        return (currentType === VoiceMessageInputStatus.READY_TO_PLAY
-            || currentType === VoiceMessageInputStatus.PLAYING);
-    }, [currentType]);
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var handleOnCancelClick = function () {
-        var currentTime = Date.now();
-        if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-            onCancelClick();
-            setLastClickTime(currentTime);
-        }
-    };
-    var handleOnControlClick = React.useCallback(function () {
-        var currentTime = Date.now();
-        if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-            onControlClick(currentType);
-            setLastClickTime(currentTime);
-        }
-    }, [currentType]);
-    var handleOnSubmitClick = function () {
-        var currentTime = Date.now();
-        if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-            if (!isSendButtonDisabled) {
-                onSubmitClick();
-            }
-            setLastClickTime(currentTime);
-        }
-    };
-    return (React.createElement("div", { className: "sendbird-voice-message-input" },
-        React.createElement("div", { className: "sendbird-voice-message-input__indicator" },
-            React.createElement("div", { className: "sendbird-voice-message-input__indicator__progress-bar" },
-                React.createElement(ui_ProgressBar.ProgressBar, { className: "sendbird-voice-message-input__indicator__progress-bar__bar", disabled: isReadyToRecord, maxSize: maximumValue, currentSize: currentValue })),
-            (isRecording) ? (React.createElement("div", { className: "sendbird-voice-message-input__indicator__on-rec" })) : null,
-            React.createElement(ui_PlaybackTime.PlaybackTime, { className: "sendbird-voice-message-input__indicator__playback-time", time: isPlayMode ? maximumValue - currentValue : currentValue, labelColor: isReadyToRecord ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONCONTENT_1 })),
-        React.createElement("div", { className: "sendbird-voice-message-input__controler" },
-            (renderCancelButton === null || renderCancelButton === void 0 ? void 0 : renderCancelButton()) || (React.createElement(ui_TextButton, { className: "sendbird-voice-message-input__controler__cancel", onClick: handleOnCancelClick, disableUnderline: true },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.BUTTON__CANCEL))),
-            (renderControlButton === null || renderControlButton === void 0 ? void 0 : renderControlButton(currentType)) || (React.createElement("div", { className: "sendbird-voice-message-input__controler__main", onClick: handleOnControlClick },
-                React.createElement(ControlerIcon, { inputState: currentType }))),
-            (renderSubmitButton === null || renderSubmitButton === void 0 ? void 0 : renderSubmitButton()) || (React.createElement("div", { className: "sendbird-voice-message-input__controler__submit ".concat(isSendButtonDisabled ? 'voice-message--disabled' : ''), onClick: handleOnSubmitClick },
-                React.createElement(ui_Icon.default, { width: "19px", height: "19px", type: ui_Icon.IconTypes.SEND, fillColor: isSendButtonDisabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT }))))));
-};
-
-exports.VoiceMessageInput = VoiceMessageInput;
-exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
-//# sourceMappingURL=bundle-Y-U2PjW2.js.map

package/cjs/chunks/bundle-Y-U2PjW2.js.map

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

package/cjs/chunks/bundle-YT87djGy.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var isEmpty = function (val) { return (val === null || val === undefined); };
-// Some Ids return string and number inconsistently
-// only use to compare IDs
-function compareIds(a, b) {
-    if (isEmpty(a) || isEmpty(b)) {
-        return false;
-    }
-    var aString = a.toString();
-    var bString = b.toString();
-    return aString === bString;
-}
-
-exports.compareIds = compareIds;
-//# sourceMappingURL=bundle-YT87djGy.js.map

package/cjs/chunks/bundle-YT87djGy.js.map

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

package/cjs/chunks/bundle-_F-LWSS7.js

@@ -1,264 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Channel_context = require('./bundle-BbFRsJzL.js');
-var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var ui_Icon = require('../ui/Icon.js');
-var Channel_components_Message = require('../Channel/components/Message.js');
-var utils = require('./bundle-lmsd3CBz.js');
-var Channel_utils_getMessagePartsInfo = require('../Channel/utils/getMessagePartsInfo.js');
-var Channel_components_UnreadCount = require('../Channel/components/UnreadCount.js');
-var Channel_components_FrozenNotification = require('../Channel/components/FrozenNotification.js');
-var consts = require('./bundle-3_V46-kD.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var Message_context = require('../Message/context.js');
-var index = require('./bundle-KcD4tGcH.js');
-var ui_TypingIndicatorBubble = require('../ui/TypingIndicatorBubble.js');
-var uikitTools = require('@sendbird/uikit-tools');
-
-exports.TypingIndicatorType = void 0;
-(function (TypingIndicatorType) {
-    TypingIndicatorType["Text"] = "text";
-    TypingIndicatorType["Bubble"] = "bubble";
-})(exports.TypingIndicatorType || (exports.TypingIndicatorType = {}));
-
-var DELAY = 500;
-function useSetScrollToBottom(_a) {
-    var loading = _a.loading;
-    var _b = React.useState(0), scrollBottom = _b[0], setScrollBottom = _b[1];
-    React.useEffect(function () {
-        if (loading) {
-            setScrollBottom(0);
-        }
-    }, [loading]);
-    var scrollCb = function (e) {
-        var element = e.target;
-        try {
-            setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);
-        }
-        catch (_a) {
-            //
-        }
-    };
-    return {
-        scrollBottom: scrollBottom,
-        scrollToBottomHandler: index.useDebounce(scrollCb, DELAY),
-    };
-}
-
-function useScrollBehavior() {
-    var _a = Channel_context.useChannelContext(), scrollRef = _a.scrollRef, _b = _a.scrollBehavior, scrollBehavior = _b === void 0 ? 'auto' : _b;
-    React.useEffect(function () {
-        if (scrollRef.current) {
-            scrollRef.current.style.scrollBehavior = scrollBehavior;
-        }
-    }, [scrollRef.current]);
-    return null;
-}
-
-var BUFFER_DELAY = 500;
-function useOnScrollPositionChangeDetector(props) {
-    var onReachedTop = props.onReachedTop, onReachedBottom = props.onReachedBottom, onInBetween = props.onInBetween;
-    var cb = uikitTools.usePreservedCallback(function (event) {
-        if (event === null || event === void 0 ? void 0 : event.target) {
-            var _a = event.target, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-            if (utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
-                onReachedTop();
-            }
-            else if (utils.isAboutSame(scrollHeight, clientHeight + scrollTop, consts.SCROLL_BUFFER)) {
-                onReachedBottom();
-            }
-            else {
-                onInBetween();
-            }
-        }
-    });
-    return index.useDebounce(cb, BUFFER_DELAY);
-}
-
-var SCROLL_BOTTOM_PADDING = 50;
-var MessageList = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var _g = _a.className, className = _g === void 0 ? '' : _g, renderMessage = _a.renderMessage, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderCustomSeparator = _a.renderCustomSeparator, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderFrozenNotification = _a.renderFrozenNotification;
-    var _h = Channel_context.useChannelContext(), allMessages = _h.allMessages, localMessages = _h.localMessages, hasMorePrev = _h.hasMorePrev, hasMoreNext = _h.hasMoreNext, setInitialTimeStamp = _h.setInitialTimeStamp, setAnimatedMessageId = _h.setAnimatedMessageId, setHighLightedMessageId = _h.setHighLightedMessageId, isMessageGroupingEnabled = _h.isMessageGroupingEnabled, scrollRef = _h.scrollRef, onScrollCallback = _h.onScrollCallback, onScrollDownCallback = _h.onScrollDownCallback, messagesDispatcher = _h.messagesDispatcher, messageActionTypes = _h.messageActionTypes, currentGroupChannel = _h.currentGroupChannel, disableMarkAsRead = _h.disableMarkAsRead, filterMessageList = _h.filterMessageList, replyType = _h.replyType, loading = _h.loading, isScrolled = _h.isScrolled, unreadSince = _h.unreadSince, unreadSinceDate = _h.unreadSinceDate, typingMembers = _h.typingMembers;
-    var store = useSendbirdStateContext.useSendbirdStateContext();
-    var allMessagesFiltered = (typeof filterMessageList === 'function')
-        ? allMessages.filter(filterMessageList)
-        : allMessages;
-    var markAsReadScheduler = store.config.markAsReadScheduler;
-    var _j = React.useState(false), isScrollBottom = _j[0], setIsScrollBottom = _j[1];
-    useScrollBehavior();
-    var onScroll = function () {
-        var element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-        if (element == null) {
-            return;
-        }
-        var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
-        if (utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
-            onScrollCallback();
-        }
-        if (utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER) && hasMoreNext) {
-            onScrollDownCallback(function (_a) {
-                var messages = _a[0];
-                if (messages) {
-                    try {
-                        setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 
-                        /**
-                         * Rendering MFM takes long time so we need this.
-                         * But later we should find better solution.
-                         */
-                        1000);
-                        // element.scrollTop = scrollHeight - clientHeight;
-                        // scrollRef.current.scrollTop = scrollHeight - clientHeight;
-                    }
-                    catch (error) {
-                        //
-                    }
-                }
-            });
-        }
-        if (!disableMarkAsRead
-            && utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)
-            && !!currentGroupChannel) {
-            messagesDispatcher({
-                type: messageActionTypes.MARK_AS_READ,
-                payload: { channel: currentGroupChannel },
-            });
-            markAsReadScheduler.push(currentGroupChannel);
-        }
-    };
-    var onClickScrollBot = function () {
-        var _a, _b, _c, _d, _e;
-        setInitialTimeStamp === null || setInitialTimeStamp === void 0 ? void 0 : setInitialTimeStamp(null);
-        setAnimatedMessageId === null || setAnimatedMessageId === void 0 ? void 0 : setAnimatedMessageId(null);
-        setHighLightedMessageId === null || setHighLightedMessageId === void 0 ? void 0 : setHighLightedMessageId(null);
-        if (((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) > -1) {
-            scrollRef.current.scrollTop = ((_c = (_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0) - ((_e = (_d = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 0);
-        }
-    };
-    /**
-     * 1. Move the messsage list scroll
-     *    when each message's height is changed by `reactions` OR `showEdit`
-     * 2. Keep the scrollBottom value after fetching new message list
-     */
-    var moveScroll = function (isBottomMessageAffected) {
-        if (isBottomMessageAffected === void 0) { isBottomMessageAffected = false; }
-        var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-        if (current) {
-            var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-            if (scrollBottom < bottom
-                && (!isBottomMessageAffected || scrollBottom < consts.SCROLL_BUFFER)) {
-                // Move the scroll as much as the height of the message has changed
-                current.scrollTop += bottom - scrollBottom;
-            }
-        }
-    };
-    var handleOnScroll = index.useHandleOnScrollCallback({
-        hasMore: hasMorePrev,
-        hasNext: hasMoreNext,
-        onScroll: onScroll,
-        scrollRef: scrollRef,
-    });
-    var onScrollReachedEndDetector = useOnScrollPositionChangeDetector({
-        onReachedBottom: function () {
-            /**
-             * Note that this event is already being called in onScroll() above. However, it is only being called when
-             * hasMoreNext is true but it needs to be called when hasNext is false when reached bottom as well.
-             */
-            if (!hasMoreNext && !disableMarkAsRead && !!currentGroupChannel) {
-                messagesDispatcher({
-                    type: messageActionTypes.MARK_AS_READ,
-                    payload: { channel: currentGroupChannel },
-                });
-                markAsReadScheduler.push(currentGroupChannel);
-            }
-            setIsScrollBottom(true);
-        },
-        onReachedTop: function () {
-            setIsScrollBottom(false);
-        },
-        onInBetween: function () {
-            setIsScrollBottom(false);
-        },
-    });
-    var _k = useSetScrollToBottom({ loading: loading }), scrollToBottomHandler = _k.scrollToBottomHandler, scrollBottom = _k.scrollBottom;
-    if (loading) {
-        return (typeof renderPlaceholderLoader === 'function')
-            ? renderPlaceholderLoader()
-            : React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
-    }
-    if (allMessagesFiltered.length < 1) {
-        if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {
-            return renderPlaceholderEmpty();
-        }
-        return React.createElement(ui_PlaceHolder.default, { className: "sendbird-conversation__no-messages", type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES });
-    }
-    return (React.createElement(React.Fragment, null,
-        !isScrolled && React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }),
-        React.createElement("div", { className: "sendbird-conversation__messages ".concat(className) },
-            React.createElement("div", { className: "sendbird-conversation__scroll-container" },
-                React.createElement("div", { className: "sendbird-conversation__padding" }),
-                React.createElement("div", { className: "sendbird-conversation__messages-padding", ref: scrollRef, onScroll: function (e) {
-                        handleOnScroll();
-                        scrollToBottomHandler(e);
-                        onScrollReachedEndDetector(e);
-                    } },
-                    allMessagesFiltered.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
-                            allMessages: allMessagesFiltered,
-                            replyType: replyType,
-                            isMessageGroupingEnabled: isMessageGroupingEnabled,
-                            currentIndex: idx,
-                            currentMessage: m,
-                            currentChannel: currentGroupChannel,
-                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom, hasSeparator = _c.hasSeparator;
-                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
-                        return (React.createElement(Message_context.MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React.createElement(Channel_components_Message, { handleScroll: moveScroll, renderMessage: renderMessage, message: m, hasSeparator: hasSeparator, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    localMessages.map(function (m, idx) {
-                        var _a, _b;
-                        var _c = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
-                            allMessages: allMessagesFiltered,
-                            replyType: replyType,
-                            isMessageGroupingEnabled: isMessageGroupingEnabled,
-                            currentIndex: idx,
-                            currentMessage: m,
-                            currentChannel: currentGroupChannel,
-                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom;
-                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
-                        return (React.createElement(Message_context.MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
-                            React.createElement(Channel_components_Message, { handleScroll: moveScroll, renderMessage: renderMessage, message: m, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
-                    }),
-                    !hasMoreNext
-                        && ((_c = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.groupChannel) === null || _c === void 0 ? void 0 : _c.enableTypingIndicator)
-                        && ((_f = (_e = (_d = store === null || store === void 0 ? void 0 : store.config) === null || _d === void 0 ? void 0 : _d.groupChannel) === null || _e === void 0 ? void 0 : _e.typingIndicatorTypes) === null || _f === void 0 ? void 0 : _f.has(exports.TypingIndicatorType.Bubble))
-                        && React.createElement(ui_TypingIndicatorBubble, { typingMembers: typingMembers, handleScroll: moveScroll }))),
-            (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && (renderFrozenNotification
-                ? renderFrozenNotification()
-                : React.createElement(Channel_components_FrozenNotification, { className: "sendbird-conversation__messages__notification" })),
-            /**
-             * Show unread count IFF scroll is not bottom or is bottom but hasNext is true.
-             */
-            (!isScrollBottom || hasMoreNext) && (unreadSince || unreadSinceDate) && (React.createElement(Channel_components_UnreadCount, { className: "sendbird-conversation__messages__notification", count: currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount, time: unreadSince, lastReadAt: unreadSinceDate, onClick: function () {
-                    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)
-                        scrollRef.current.scrollTop = Number.MAX_SAFE_INTEGER;
-                    if (!disableMarkAsRead && !!currentGroupChannel) {
-                        markAsReadScheduler.push(currentGroupChannel);
-                        messagesDispatcher({
-                            type: messageActionTypes.MARK_AS_READ,
-                            payload: { channel: currentGroupChannel },
-                        });
-                    }
-                    setInitialTimeStamp(null);
-                    setAnimatedMessageId(null);
-                    setHighLightedMessageId(null);
-                } })),
-            // This flag is an unmatched variable
-            scrollBottom > SCROLL_BOTTOM_PADDING && (React.createElement("div", { className: "sendbird-conversation__scroll-bottom-button", onClick: onClickScrollBot, onKeyDown: onClickScrollBot, tabIndex: 0, role: "button" },
-                React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.CHEVRON_DOWN, fillColor: ui_Icon.IconColors.PRIMARY }))))));
-};
-
-exports.MessageList = MessageList;
-//# sourceMappingURL=bundle-_F-LWSS7.js.map

package/cjs/chunks/bundle-_F-LWSS7.js.map

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