@sendbird/uikit-react 3.9.1-rc-2 → 3.9.1

package/dist/chunks/bundle-2Op65qKC.js

@@ -1,277 +0,0 @@
-import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import IconButton from '../ui/IconButton.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
-import UserListItem$1 from '../ChannelSettings/components/UserListItem.js';
-import { a as __spreadArray, _ as __assign } from './bundle-qHAQziqO.js';
-import { M as Modal } from './bundle-ypBBz_XL.js';
-import UserListItem from '../ui/UserListItem.js';
-import { n as noop } from './bundle-lnteErrw.js';
-import { useChannelSettingsContext } from '../ChannelSettings/context.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle--Ejuxki1.js';
-import './bundle-a2JLFpDM.js';
-import { u as uuidv4 } from './bundle-6BNmQ0LM.js';
-
-function MembersModal(_a) {
-    var _b;
-    var onCancel = _a.onCancel;
-    var _c = useState([]), members = _c[0], setMembers = _c[1];
-    var _d = useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
-    var channel = useChannelSettingsContext().channel;
-    var state = useSendbirdStateContext();
-    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    useEffect(function () {
-        var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
-            limit: 20,
-        });
-        memberListQuery.next().then(function (members) {
-            setMembers(members);
-        });
-        setMemberQuery(memberListQuery);
-    }, []);
-    return (React__default.createElement("div", null,
-        React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS },
-            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = memberQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        memberQuery.next().then(function (o) {
-                            setMembers(__spreadArray(__spreadArray([], members, true), o, true));
-                        });
-                    }
-                } }, members.map(function (member) { return (React__default.createElement(UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
-                    var parentRef = _a.parentRef, actionRef = _a.actionRef;
-                    return (React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
-                                toggleDropdown();
-                            } },
-                            React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React__default.createElement(MenuItem, { disable: currentUser === member.userId, onClick: function () {
-                                    if ((member.role !== 'operator')) {
-                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return __assign(__assign({}, member), { role: 'operator' });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return __assign(__assign({}, member), { role: '' });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(MenuItem, { onClick: function () {
-                                    if (member.isMuted) {
-                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return __assign(__assign({}, member), { isMuted: false });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return __assign(__assign({}, member), { isMuted: true });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React__default.createElement(MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        setMembers(members.filter(function (_a) {
-                                            var userId = _a.userId;
-                                            return userId !== member.userId;
-                                        }));
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
-                } })); })))));
-}
-
-var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
-function InviteUsers(_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel, onSubmit = _a.onSubmit;
-    var _e = useState([]), members = _e[0], setMembers = _e[1];
-    var _f = useState({}), selectedMembers = _f[0], setSelectedMembers = _f[1];
-    var _g = useState(null), userQuery = _g[0], setUserQuery = _g[1];
-    var state = useSendbirdStateContext();
-    var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
-    var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
-    var _h = useChannelSettingsContext(), channel = _h.channel, overrideInviteUser = _h.overrideInviteUser, queries = _h.queries;
-    var userFilledQuery = __assign({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
-    var stringSet = useLocalization().stringSet;
-    useEffect(function () {
-        var userListQuery = globalUserListQuery
-            ? globalUserListQuery()
-            : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery(userFilledQuery);
-        if (userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.next) {
-            userListQuery.next().then(function (members) {
-                setMembers(members);
-            });
-            setUserQuery(userListQuery);
-        }
-    }, [sdk]);
-    return (React__default.createElement("div", null,
-        React__default.createElement(Modal, { isFullScreenOnMobile: true, disabled: Object.keys(selectedMembers).length === 0, submitText: stringSet.BUTTON__INVITE, type: ButtonTypes.PRIMARY, onCancel: function () { return onCancel(); }, onSubmit: function () {
-                var members = Object.keys(selectedMembers).filter(function (m) { return selectedMembers[m]; });
-                if (typeof overrideInviteUser === 'function') {
-                    overrideInviteUser({
-                        users: members,
-                        onClose: onCancel,
-                        channel: channel,
-                    });
-                    return;
-                }
-                channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
-                    onSubmit(members);
-                });
-            }, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
-            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = userQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);
-                    if (hasNext && fetchMore) {
-                        userQuery.next().then(function (users) {
-                            setMembers(__spreadArray(__spreadArray([], members, true), users, true));
-                        });
-                    }
-                } },
-                React__default.createElement("div", { className: "sendbird-more-members__popup-scroll__inner" }, members.map(function (member) {
-                    var _a;
-                    var isJoinedMember = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.some(function (_a) {
-                        var userId = _a.userId;
-                        return userId === (member === null || member === void 0 ? void 0 : member.userId);
-                    });
-                    return (React__default.createElement(UserListItem, { checkBox: true, checked: isJoinedMember || selectedMembers[member.userId], disabled: isJoinedMember, onChange: function (event) {
-                            var _a;
-                            var modifiedSelectedMembers = __assign(__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-                            if (!event.target.checked) {
-                                delete modifiedSelectedMembers[event.target.id];
-                            }
-                            setSelectedMembers(modifiedSelectedMembers);
-                        }, user: member, key: member.userId }));
-                }))))));
-}
-
-var MemberList = function () {
-    var _a, _b, _c;
-    var _d = useState([]), members = _d[0], setMembers = _d[1];
-    var _e = useState(false), hasNext = _e[0], setHasNext = _e[1];
-    var _f = useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
-    var _g = useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
-    var state = useSendbirdStateContext();
-    var _h = useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-    var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
-    useEffect(function () {
-        if (!channel) {
-            setMembers([]);
-            return;
-        }
-        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({ limit: 10 });
-        memberUserListQuery.next().then(function (members) {
-            setMembers(members);
-            setHasNext(memberUserListQuery.hasNext);
-        });
-    }, [channel]);
-    var refreshList = useCallback(function () {
-        if (!channel) {
-            setMembers([]);
-            return;
-        }
-        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({ limit: 10 });
-        memberUserListQuery.next().then(function (members) {
-            setMembers(members);
-            setHasNext(memberUserListQuery.hasNext);
-            setChannelUpdateId(uuidv4());
-        });
-    }, [channel]);
-    return (React__default.createElement("div", { className: "sendbird-channel-settings-member-list sendbird-accordion" },
-        members.map(function (member) { return (React__default.createElement(UserListItem$1, { key: member.userId, user: member, currentUser: sdk.currentUser.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
-                ? function (_a) {
-                    var actionRef = _a.actionRef, parentRef = _a.parentRef;
-                    return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                            React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React__default.createElement(MenuItem, { onClick: function () {
-                                    if ((member.role !== 'operator')) {
-                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(MenuItem, { onClick: function () {
-                                    if (member.isMuted) {
-                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React__default.createElement(MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        refreshList();
-                                        closeDropdown();
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }));
-                }
-                : null })); }),
-        React__default.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
-            hasNext && (React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowAllMembers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS)),
-            React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowInviteUsers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)),
-        showAllMembers && (React__default.createElement(MembersModal, { onCancel: function () {
-                setShowAllMembers(false);
-                refreshList();
-            } })),
-        showInviteUsers && (React__default.createElement(InviteUsers, { onSubmit: function () {
-                setShowInviteUsers(false);
-                refreshList();
-            }, onCancel: function () { return setShowInviteUsers(false); } }))));
-};
-
-export { MemberList as M };
-//# sourceMappingURL=bundle-2Op65qKC.js.map

package/dist/chunks/bundle-2Op65qKC.js.map

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

package/dist/chunks/bundle-3n2XFetI.js

@@ -1,16 +0,0 @@
-import { b as isMultipleFilesMessage } from './bundle-gkOxTHma.js';
-import { K } from './bundle-x4ZuQz8S.js';
-
-function getModalDeleteMessageTitle(stringSet, message) {
-    return K(message)
-        .when(isMultipleFilesMessage, function () {
-        var filesCount = message.fileInfoList.length;
-        return "Do you want to delete all ".concat(filesCount, " photos?");
-    })
-        .otherwise(function () {
-        return stringSet.MODAL__DELETE_MESSAGE__TITLE;
-    });
-}
-
-export { getModalDeleteMessageTitle as g };
-//# sourceMappingURL=bundle-3n2XFetI.js.map

package/dist/chunks/bundle-3n2XFetI.js.map

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

package/dist/chunks/bundle-4F9sKnDa.js

@@ -1,176 +0,0 @@
-import { _ as __assign } from './bundle-qHAQziqO.js';
-import React__default, { useLayoutEffect, useCallback, useRef, useContext } from 'react';
-import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from './bundle--Ejuxki1.js';
-import '../hooks/useModal.js';
-import { b as isMultipleFilesMessage, d as isFileMessage, e as isSupportedFileView, f as isVideo$1, c as isImage$1 } from './bundle-gkOxTHma.js';
-import { n as noop } from './bundle-lnteErrw.js';
-import { A as Avatar } from './bundle-m-DDpdq8.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-a2JLFpDM.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { h as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-Vp2hvuBO.js';
-import { a as MODAL_ROOT } from './bundle-ypBBz_XL.js';
-
-// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
-var SUPPORTED_MIMES = {
-    IMAGE: [
-        'image/jpeg',
-        'image/jpg',
-        'image/png',
-        'image/gif',
-        'image/svg+xml',
-        'image/webp',
-    ],
-    VIDEO: [
-        'video/mpeg',
-        'video/ogg',
-        'video/webm',
-        'video/mp4',
-    ],
-};
-var isImage = function (type) { return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0; };
-var isVideo = function (type) { return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0; };
-__assign({}, SUPPORTED_MIMES);
-var ViewerTypes = {
-    SINGLE: 'SINGLE',
-    MULTI: 'MULTI',
-};
-
-function useKeyDown(_a) {
-    var props = _a.props, ref = _a.ref;
-    var onClose = props.onClose;
-    var onClickLeft = noop;
-    var onClickRight = noop;
-    if (props.viewerType === ViewerTypes.MULTI) {
-        onClickLeft = props.onClickLeft;
-        onClickRight = props.onClickRight;
-    }
-    useLayoutEffect(function () {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [ref.current]);
-    // this usecallback is not super necessary
-    // discuss with others and remove it if it's not needed
-    var onKeyDown = useCallback(function (event) {
-        switch (event.key) {
-            case 'Escape':
-                // @ts-ignore
-                onClose(event);
-                break;
-            case 'ArrowLeft':
-                onClickLeft();
-                break;
-            case 'ArrowRight':
-                onClickRight();
-                break;
-        }
-        event.stopPropagation();
-    }, [onClose, onClickLeft, onClickRight]);
-    return {
-        onKeyDown: onKeyDown,
-    };
-}
-
-function mapFileViewerComponentProps(_a) {
-    var props = _a.props;
-    if (props.viewerType === ViewerTypes.MULTI) {
-        var _b = props, fileInfoList = _b.fileInfoList, currentIndex = _b.currentIndex;
-        return fileInfoList[currentIndex];
-    }
-    var fileInfo = props;
-    return {
-        name: fileInfo.name,
-        type: fileInfo.type,
-        url: fileInfo.url,
-    };
-}
-
-function DeleteButton(props) {
-    if (props.viewerType !== ViewerTypes.MULTI) {
-        var onDelete_1 = props.onDelete, isByMe = props.isByMe, disableDelete_1 = props.disableDelete, className = props.className;
-        return (isByMe)
-            ? (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete ".concat(className) },
-                React__default.createElement(Icon, { className: disableDelete_1 ? 'disabled' : '', type: IconTypes.DELETE, fillColor: disableDelete_1 ? IconColors.GRAY : IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { if (!disableDelete_1) {
-                        onDelete_1 === null || onDelete_1 === void 0 ? void 0 : onDelete_1(e);
-                    } } })))
-            : React__default.createElement(React__default.Fragment, null);
-    }
-    return React__default.createElement(React__default.Fragment, null);
-}
-
-// this is a slider component that is used to navigate between images
-function Slider(props) {
-    if (props.viewerType === ViewerTypes.MULTI) {
-        var onClickLeft_1 = props.onClickLeft, onClickRight_1 = props.onClickRight;
-        return (React__default.createElement("div", { className: "sendbird-file-viewer-slider" },
-            React__default.createElement("div", { className: "sendbird-file-viewer-arrow--left" },
-                React__default.createElement(Icon, { type: IconTypes.SLIDE_LEFT, fillColor: IconColors.ON_BACKGROUND_1, height: SLIDER_BUTTON_ICON_SIDE_LENGTH, width: SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
-                        onClickLeft_1 === null || onClickLeft_1 === void 0 ? void 0 : onClickLeft_1();
-                        e.stopPropagation();
-                    } })),
-            React__default.createElement("div", { className: "sendbird-file-viewer-arrow--right" },
-                React__default.createElement(Icon, { type: IconTypes.SLIDE_LEFT, fillColor: IconColors.ON_BACKGROUND_1, height: SLIDER_BUTTON_ICON_SIDE_LENGTH, width: SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
-                        e.stopPropagation();
-                        onClickRight_1 === null || onClickRight_1 === void 0 ? void 0 : onClickRight_1();
-                    } }))));
-    }
-    // return empty fragment if viewerType is not ViewerTypes.MULTI
-    return React__default.createElement(React__default.Fragment, null);
-}
-
-var FileViewerComponent = function (props) {
-    var ref = useRef(null);
-    var profileUrl = props.profileUrl, nickname = props.nickname, onClose = props.onClose;
-    var onKeyDown = useKeyDown({ props: props, ref: ref }).onKeyDown;
-    var _a = mapFileViewerComponentProps({ props: props }), name = _a.name, type = _a.type, url = _a.url;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-fileviewer", onKeyDown: onKeyDown, 
-        // to focus
-        tabIndex: 1, ref: ref },
-        React__default.createElement("div", { className: "sendbird-fileviewer__header" },
-            React__default.createElement("div", { className: "sendbird-fileviewer__header__left" },
-                React__default.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
-                    React__default.createElement(Avatar, { height: "32px", width: "32px", src: profileUrl })),
-                React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__filename", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, name),
-                React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__sender-name", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, nickname)),
-            React__default.createElement("div", { className: "sendbird-fileviewer__header__right" },
-                isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
-                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
-                        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
-                    React__default.createElement(DeleteButton, __assign({ className: 'sendbird-fileviewer__header__right__actions__delete' }, props)))),
-                React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
-                    React__default.createElement(Icon, { type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); } })))),
-        React__default.createElement("div", { className: "sendbird-fileviewer__content" },
-            isVideo$1(type) && (React__default.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
-                React__default.createElement("source", { src: url, type: type }))),
-            isImage$1(type) && (React__default.createElement("img", { src: url, alt: name, className: props.viewerType === ViewerTypes.MULTI
-                    ? 'sendbird-fileviewer__content__img__multi'
-                    : 'sendbird-fileviewer__content__img' })),
-            !isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
-                React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1 }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))),
-            React__default.createElement(Slider, __assign({}, props)))));
-};
-function FileViewer(_a) {
-    var _b, _c, _d;
-    var message = _a.message, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, onClose = _a.onClose, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, onDelete = _a.onDelete, currentIndex = _a.currentIndex, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight;
-    if (isMultipleFilesMessage(message)) {
-        var castedMessage = message;
-        return (React__default.createElement(FileViewerComponent, { profileUrl: castedMessage.sender.profileUrl, nickname: castedMessage.sender.nickname, viewerType: ViewerTypes.MULTI, fileInfoList: statefulFileInfoList.filter(function (fileInfo) {
-                return fileInfo.url; // Caution: This assumes that defined url means file upload has completed.
-            }).map(function (fileInfo) {
-                return {
-                    name: fileInfo.fileName || '',
-                    type: fileInfo.mimeType || '',
-                    url: fileInfo.url,
-                };
-            }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || noop, onClickRight: onClickRight || noop, onClose: onClose }));
-    }
-    else if (isFileMessage(message)) {
-        var castedMessage = message;
-        return createPortal((React__default.createElement(FileViewerComponent, { profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl, nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname, name: castedMessage.name, type: castedMessage.type, url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url, isByMe: isByMe, disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0, onClose: onClose, onDelete: onDelete || noop })), document.getElementById(MODAL_ROOT));
-    }
-    return React__default.createElement(React__default.Fragment, null);
-}
-
-export { FileViewer as F, isVideo as a, FileViewerComponent as b, isImage as i };
-//# sourceMappingURL=bundle-4F9sKnDa.js.map

package/dist/chunks/bundle-4F9sKnDa.js.map

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