@sendbird/uikit-react 3.10.1 → 3.11.0

package/chunks/bundle-J79McRkg.js.map

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

package/chunks/bundle-JbVZ1Tsw.js.map

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

package/chunks/bundle-Jp5g4YZl.js.map

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

package/chunks/bundle-KSjFhl4l.js.map

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

package/chunks/bundle-KmauOTrg.js.map

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

package/chunks/bundle-Kv4GXRTs.js.map

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

package/chunks/bundle-Lt8mReNU.js.map

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

package/chunks/bundle-MyYphU00.js.map

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

package/chunks/bundle-OZZH5fXZ.js.map

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

package/chunks/bundle-VPanFdbf.js.map

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

package/chunks/bundle-W8t7rR3H.js.map

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

package/chunks/bundle-WpHDilD_.js.map

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

package/chunks/bundle-X3h4GiLa.js.map

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

package/chunks/bundle-ZKM9Qk_j.js.map

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

package/chunks/bundle-ZcE3JzW_.js.map

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

package/chunks/bundle-_-2NCsYr.js.map

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

package/chunks/bundle-aVVX2zHR.js.map

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

package/chunks/bundle-aeQZ5WsP.js.map

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

package/chunks/bundle-cXqs96Pt.js.map

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

package/chunks/bundle-d6R6m9-9.js.map

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

package/chunks/bundle-dWJnfDPH.js.map

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

package/chunks/bundle-f9mkey82.js.map

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

package/chunks/bundle-gEwUSFTG.js

@@ -1,134 +0,0 @@
-import React__default, { useRef, useState, useEffect } from 'react';
-import { u as useLocalization } from './bundle-y_LgB6DS.js';
-import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
-import { useVoiceRecorder, VoiceRecorderStatus } from '../VoiceRecorder/useVoiceRecorder.js';
-import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from './bundle-xsV7pD8p.js';
-import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './bundle-ldRkCosA.js';
-import { M as Modal } from './bundle-VPanFdbf.js';
-import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as VOICE_RECORDER_DEFAULT_MIN } from './bundle-ZKM9Qk_j.js';
-import { V as VOICE_PLAYER_STATUS } from './bundle-J_erGfOo.js';
-import { u as uuidv4 } from './bundle-aeQZ5WsP.js';
-
-var VoiceMessageInputWrapper = function (_a) {
-    var _b;
-    var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
-    var uuid = useRef(uuidv4()).current;
-    var _c = useState(null), audioFile = _c[0], setAudioFile = _c[1];
-    var _d = useState(VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _d[0], setVoiceInputState = _d[1];
-    var _e = useState(false), isSubmitted = _e[0], setSubmit = _e[1];
-    var _f = useState(false), isDisabled = _f[0], setDisabled = _f[1];
-    var _g = useState(false), showModal = _g[0], setShowModal = _g[1];
-    var stringSet = useLocalization().stringSet;
-    var config = useSendbirdStateContext().config;
-    var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || VOICE_RECORDER_DEFAULT_MIN;
-    var _h = useVoiceRecorder({
-        onRecordingStarted: function () {
-            setVoiceInputState(VoiceMessageInputStatus.RECORDING);
-        },
-        onRecordingEnded: function (audioFile) {
-            setAudioFile(audioFile);
-        },
-    }), start = _h.start, stop = _h.stop, cancel = _h.cancel, recordingTime = _h.recordingTime, recordingStatus = _h.recordingStatus, recordingLimit = _h.recordingLimit;
-    var voicePlayer = useVoicePlayer({
-        channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
-        key: uuid,
-        audioFile: audioFile,
-    });
-    var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
-    var stopVoicePlayer = voicePlayer.stop;
-    // disabled state: muted & frozen
-    useEffect(function () {
-        if (isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel)) {
-            setDisabled(true);
-        }
-        else {
-            setDisabled(false);
-        }
-    }, [channel === null || channel === void 0 ? void 0 : channel.myRole, channel === null || channel === void 0 ? void 0 : channel.isFrozen, channel === null || channel === void 0 ? void 0 : channel.myMutedState]);
-    // call onSubmitClick when submit button is clicked and recorded audio file is created
-    useEffect(function () {
-        if (isSubmitted && audioFile) {
-            onSubmitClick(audioFile, recordingTime);
-            setSubmit(false);
-            setAudioFile(null);
-        }
-    }, [isSubmitted, audioFile, recordingTime]);
-    // operate which control button should be displayed
-    useEffect(function () {
-        if (audioFile) {
-            if (recordingTime < minRecordingTime) {
-                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                setAudioFile(null);
-            }
-            else if (playingStatus === VOICE_PLAYER_STATUS.PLAYING) {
-                setVoiceInputState(VoiceMessageInputStatus.PLAYING);
-            }
-            else {
-                setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);
-            }
-        }
-    }, [audioFile, recordingTime, playingStatus]);
-    return (React__default.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
-        React__default.createElement(VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
-                onCancelClick();
-                cancel();
-                stopVoicePlayer();
-            }, onSubmitClick: function () {
-                if (isDisabled) {
-                    setShowModal(true);
-                    setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                }
-                else {
-                    stop();
-                    pause();
-                    setSubmit(true);
-                }
-            }, onControlClick: function (type) {
-                switch (type) {
-                    case VoiceMessageInputStatus.READY_TO_RECORD: {
-                        stopVoicePlayer();
-                        start();
-                        break;
-                    }
-                    case VoiceMessageInputStatus.RECORDING: {
-                        if (recordingTime >= minRecordingTime && !isDisabled) {
-                            stop();
-                        }
-                        else if (isDisabled) {
-                            cancel();
-                            setShowModal(true);
-                            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                        }
-                        else {
-                            cancel();
-                            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                        }
-                        break;
-                    }
-                    case VoiceMessageInputStatus.READY_TO_PLAY: {
-                        play();
-                        break;
-                    }
-                    case VoiceMessageInputStatus.PLAYING: {
-                        pause();
-                        break;
-                    }
-                }
-            } }),
-        showModal && (React__default.createElement(Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: isDisabledBecauseMuted(channel)
-                ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED
-                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () {
-                setShowModal(false);
-                onCancelClick();
-            } },
-            React__default.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
-                React__default.createElement(Button, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ButtonTypes.PRIMARY, size: ButtonSizes.BIG, onClick: function () {
-                        setShowModal(false);
-                        onCancelClick();
-                    } }, stringSet.BUTTON__OK))))));
-};
-
-export { VoiceMessageInputWrapper as V };
-//# sourceMappingURL=bundle-gEwUSFTG.js.map

package/chunks/bundle-gEwUSFTG.js.map

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

package/chunks/bundle-iYCB6XN2.js.map

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

package/chunks/bundle-ku6CEjGk.js.map

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

package/chunks/bundle-lmXvuxOb.js.map

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

package/chunks/bundle-mTQPBbmZ.js.map

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

package/chunks/bundle-niN5G0Bo.js.map

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

package/chunks/bundle-pWIkt9Ng.js.map

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

package/chunks/bundle-tca5p7Pl.js.map

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

package/chunks/bundle-ucXG1Py7.js

@@ -1,174 +0,0 @@
-import React__default, { useState, useMemo, useEffect } from 'react';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { SendingStatus } from '@sendbird/chat/message';
-import ImageRenderer, { getBorderRadiusForMultipleImageRenderer } from '../ui/ImageRenderer.js';
-import { n as getClassName, s as isGif, b as isMultipleFilesMessage } from './bundle-uk2Y0AQu.js';
-import { F as FileViewer } from './bundle-DeRyZP32.js';
-import { K } from './bundle-kfNTRju0.js';
-
-function ImageGrid(_a) {
-    var _b;
-    var children = _a.children, className = _a.className, message = _a.message, isReactionEnabled = _a.isReactionEnabled;
-    return (React__default.createElement("div", { className: 'sendbird-image-grid-wrap' },
-        React__default.createElement("div", { className: getClassName([
-                className,
-                'sendbird-image-grid',
-                (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
-            ]) }, children)));
-}
-
-var GRID_WIDTH_CHAT_WEB = 400;
-var GRID_SIDE_PADDING = 8;
-var GRID_GAP = 4;
-var TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 54;
-var PROFILE_IMAGE_WIDTH = 40;
-var CHAT_MOBILE_SIDE_PADDING = 48;
-var THREAD_PARENT_WIDTH = 320;
-var THREAD_PARENT_SIDE_PADDING = 28;
-var THREAD_PARENT_GRID_MARGIN_LEFT = 12;
-var THREAD_CHILD_WIDTH = 200;
-var THREAD_CHILD_SIDE_PADDING = 8;
-var THREAD_CHILD_MOBILE_SIDE_PADDING = 32;
-var THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 60;
-var MULTIPLE_FILES_IMAGE_SIDE_LENGTH = {
-    CHAT_WEB: "calc(".concat(GRID_WIDTH_CHAT_WEB / 2, "px - ").concat((GRID_SIDE_PADDING + GRID_GAP) / 2, "px)"),
-    CHAT_MOBILE: "calc(50vw - ".concat((CHAT_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2, "px)"),
-    THREAD_PARENT_WEB: "calc(".concat((THREAD_PARENT_WIDTH - (THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP)) / 2, "px)"),
-    THREAD_PARENT_MOBILE: "calc(50vw - ".concat((THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP) / 2, "px)"),
-    THREAD_CHILD_WEB: "calc(".concat((THREAD_CHILD_WIDTH - THREAD_CHILD_SIDE_PADDING - GRID_GAP) / 2, "px)"),
-    THREAD_CHILD_MOBILE: "calc(50vw - ".concat((THREAD_CHILD_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2, "px)"),
-};
-var MULTIPLE_FILES_IMAGE_BORDER_RADIUS = {
-    CHAT_WEB: '6px',
-    CHAT_MOBILE: '6px',
-    THREAD_PARENT_WEB: '6px',
-    THREAD_PARENT_MOBILE: '6px',
-    THREAD_CHILD_WEB: '6px',
-    THREAD_CHILD_MOBILE: '6px',
-};
-var MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH = '34px';
-
-var ThreadMessageKind = {
-    PARENT: 'parent',
-    CHILD: 'child',
-};
-function MultipleFilesMessageItemBody(_a) {
-    var className = _a.className, message = _a.message, _b = _a.isReactionEnabled, isReactionEnabled = _b === void 0 ? false : _b, threadMessageKindKey = _a.threadMessageKindKey, _c = _a.statefulFileInfoList, statefulFileInfoList = _c === void 0 ? [] : _c;
-    var _d = useState(-1), currentFileViewerIndex = _d[0], setCurrentFileViewerIndex = _d[1];
-    function onClose() {
-        setCurrentFileViewerIndex(-1);
-    }
-    function onClickLeft() {
-        setCurrentFileViewerIndex(currentFileViewerIndex === 0
-            ? statefulFileInfoList.length - 1
-            : currentFileViewerIndex - 1);
-    }
-    function onClickRight() {
-        setCurrentFileViewerIndex(currentFileViewerIndex === statefulFileInfoList.length - 1
-            ? 0
-            : currentFileViewerIndex + 1);
-    }
-    return threadMessageKindKey && (React__default.createElement(React__default.Fragment, null,
-        currentFileViewerIndex > -1 && (React__default.createElement(FileViewer, { message: message, statefulFileInfoList: statefulFileInfoList, currentIndex: currentFileViewerIndex, onClickLeft: onClickLeft, onClickRight: onClickRight, onClose: onClose })),
-        React__default.createElement(ImageGrid, { className: className, message: message, isReactionEnabled: isReactionEnabled }, statefulFileInfoList.map(function (fileInfo, index) {
-            var _a, _b, _c;
-            var isGifValue = isGif(fileInfo.mimeType);
-            return React__default.createElement("div", { className: 'sendbird-multiple-files-image-renderer-wrapper', onClick: message.sendingStatus === SendingStatus.SUCCEEDED
-                    ? function () { return setCurrentFileViewerIndex(index); }
-                    : undefined, key: "sendbird-multiple-files-image-renderer-".concat(index, "-").concat(fileInfo.url) },
-                React__default.createElement(ImageRenderer, { url: (_c = (_b = (_a = fileInfo.thumbnails) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : fileInfo.url, fixedSize: false, width: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], maxSideLength: MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB, height: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], borderRadius: getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index, statefulFileInfoList.length), shadeOnHover: true, isUploaded: !!fileInfo.isUploaded, placeHolder: function (style_) { return (React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder", style: style_ }, isGifValue
-                        ? React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon" },
-                            React__default.createElement(Icon, { type: IconTypes.GIF, fillColor: IconColors.THUMBNAIL_ICON, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH }))
-                        : React__default.createElement(Icon, { type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH }))); }, defaultComponent: React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder" }, React__default.createElement(Icon, { type: IconTypes.THUMBNAIL_NONE, fillColor: IconColors.ON_BACKGROUND_2, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH })) }));
-        }))));
-}
-
-function useThreadMessageKindKeySelector(_a) {
-    var threadMessageKind = _a.threadMessageKind, isMobile = _a.isMobile;
-    var threadMessageKindKey = useMemo(function () {
-        return K(threadMessageKind)
-            .with(ThreadMessageKind.PARENT, function () { return (isMobile
-            ? 'THREAD_PARENT_MOBILE'
-            : 'THREAD_PARENT_WEB'); })
-            .with(ThreadMessageKind.CHILD, function () { return (isMobile
-            ? 'THREAD_CHILD_MOBILE'
-            : 'THREAD_CHILD_WEB'); })
-            .otherwise(function () { return (isMobile
-            ? 'CHAT_MOBILE'
-            : 'CHAT_WEB'); });
-    }, [isMobile, threadMessageKind]);
-    return threadMessageKindKey;
-}
-
-function createStatefulFileInfoList(message, oldStatefulFileInfoList) {
-    var _a;
-    if (!message)
-        return null;
-    // Handle sent messages.
-    if (message.sendingStatus === SendingStatus.SUCCEEDED) {
-        return message.fileInfoList.map(function (fileInfo) {
-            return {
-                fileName: fileInfo.fileName,
-                fileSize: fileInfo.fileSize,
-                mimeType: fileInfo.mimeType,
-                thumbnails: fileInfo.thumbnails,
-                url: fileInfo.url,
-                isUploaded: true,
-            };
-        });
-    }
-    // Handle unsent message.
-    if (!Array.isArray((_a = message.messageParams) === null || _a === void 0 ? void 0 : _a.fileInfoList))
-        return null;
-    return message.messageParams.fileInfoList
-        .map(function (fileInfo, index) {
-        var _a, _b, _c;
-        return ({
-            fileName: fileInfo.fileName,
-            fileSize: fileInfo.fileSize,
-            mimeType: fileInfo.mimeType,
-            /**
-             * Note here, we prioritize using fileUrl (implying uploaded state) over file.
-             * This is necessary because cache loaded pending/failed mfms is mixed with
-             * files (not yet uploaded ones) and fileUrls (uploaded).
-             *
-             * Notice that if file is used in the old state, it will not be replace with the new fileUrl
-             * because doing so will rerender the ImageRenderer component which makes rendering process awkward and slow.
-             * */
-            url: (_c = (_b = (_a = oldStatefulFileInfoList[index]) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : fileInfo.fileUrl) !== null && _c !== void 0 ? _c : (fileInfo.file instanceof Blob
-                ? URL.createObjectURL(fileInfo.file)
-                : undefined),
-            /**
-             * Side note: It was a bad design to not include this property by SDK.
-             * Because if original object has fileUrl set and no file, then uploaded result remains
-             * the same so customer cannot know whether it has been uploaded or not.
-             */
-            isUploaded: !fileInfo.file && typeof fileInfo.fileUrl === 'string' && fileInfo.fileUrl.length > 0,
-        });
-    });
-}
-
-var useStatefulFileInfoList = function (message) {
-    var _a, _b, _c;
-    var _d = useState([]), statefulFileInfoList = _d[0], setStatefulFileInfoList = _d[1];
-    useEffect(function () {
-        if (isMultipleFilesMessage(message)) {
-            var newStatefulFileInfoList = createStatefulFileInfoList(message, statefulFileInfoList);
-            setStatefulFileInfoList(newStatefulFileInfoList);
-        }
-    }, [
-        // Sent message dependency.
-        (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a.length,
-        // Unsent message dependency.
-        /**
-         * Side note: It was a bad design to not include 'isUploaded' property by SDK.
-         * Because if original object has fileUrl set and no file, then uploaded result remains
-         * the same so customer cannot know whether it has been uploaded or not.
-         */
-        (_c = (_b = message.messageParams) === null || _b === void 0 ? void 0 : _b.fileInfoList) === null || _c === void 0 ? void 0 : _c.map(function (fileInfo) { return fileInfo.fileUrl; }).join(','),
-    ]);
-    return statefulFileInfoList;
-};
-
-export { MultipleFilesMessageItemBody as M, ThreadMessageKind as T, useStatefulFileInfoList as a, useThreadMessageKindKeySelector as u };
-//# sourceMappingURL=bundle-ucXG1Py7.js.map

package/chunks/bundle-xgiw36M5.js.map

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

package/chunks/bundle-xsV7pD8p.js.map

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

package/chunks/bundle-y_LgB6DS.js.map

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

package/chunks/bundle-yur9nm4N.js.map

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

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

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

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

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

package/cjs/chunks/bundle-135pRm7i.js.map

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

package/cjs/chunks/bundle-1dUHK2qC.js.map

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

package/cjs/chunks/bundle-5Nd6zn0d.js.map

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

package/cjs/chunks/bundle-68NdNRjR.js.map

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

package/cjs/chunks/bundle-7AS0Rcch.js.map

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

package/cjs/chunks/bundle-7J-qpEzM.js.map

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

package/cjs/chunks/bundle-7J3nX_hP.js.map

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

package/cjs/chunks/bundle-7QMU-JU1.js.map

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

package/cjs/chunks/bundle-7VJjqIPJ.js.map

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

package/cjs/chunks/bundle-9iE0HY96.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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