@sendbird/uikit-react 3.7.0 → 3.8.0

package/{const-73db0277.js → chunks/bundle-AI8e02c3.js}

@@ -1,13 +1,13 @@
-var PREV_RESULT_SIZE = 30;
-var NEXT_RESULT_SIZE = 15;
-var MAX_USER_MENTION_COUNT = 10;
-var MAX_USER_SUGGESTION_COUNT = 15;
-var USER_MENTION_TEMP_CHAR = '@';
-var ThreadReplySelectType;
-(function (ThreadReplySelectType) {
-  ThreadReplySelectType["PARENT"] = "PARENT";
-  ThreadReplySelectType["THREAD"] = "THREAD";
+var PREV_RESULT_SIZE = 30;
+var NEXT_RESULT_SIZE = 15;
+var MAX_USER_MENTION_COUNT = 10;
+var MAX_USER_SUGGESTION_COUNT = 15;
+var USER_MENTION_TEMP_CHAR = '@';
+var ThreadReplySelectType;
+(function (ThreadReplySelectType) {
+    ThreadReplySelectType["PARENT"] = "PARENT";
+    ThreadReplySelectType["THREAD"] = "THREAD";
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=const-73db0277.js.map
+//# sourceMappingURL=bundle-AI8e02c3.js.map

package/chunks/bundle-AI8e02c3.js.map

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

package/chunks/bundle-ANPmLOz8.js

@@ -0,0 +1,173 @@
+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 { d as getClassName, B as isGif, b as isMultipleFilesMessage } from './bundle-EHReigfD.js';
+import { F as FileViewer } from './bundle-w9T6A0ez.js';
+import { K } from './bundle-9KsbryQI.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 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: 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-ANPmLOz8.js.map

package/chunks/bundle-ANPmLOz8.js.map

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

package/chunks/bundle-Ael7hqI7.js

@@ -0,0 +1,227 @@
+import React__default, { useRef, useState, useEffect, useCallback } from 'react';
+import { u as useLocalization } from './bundle-v0OWADVv.js';
+import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
+import { useVoiceRecorder, VoiceRecorderStatus } from '../VoiceRecorder/useVoiceRecorder.js';
+import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from './bundle-ZmvX8uZ5.js';
+import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './bundle-ftY5T58h.js';
+import { M as Modal, c as ModalFooter } from './bundle-rLxuFUa1.js';
+import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { d as VOICE_RECORDER_DEFAULT_MIN } from './bundle-WCTKBopn.js';
+import { V as VOICE_PLAYER_STATUS } from './bundle-53PRRrlp.js';
+import { u as uuidv4 } from './bundle-bofQNMJb.js';
+import { o as isImage } from './bundle-EHReigfD.js';
+import { useGlobalModalContext } from '../hooks/useModal.js';
+import './bundle-hKtwSqbO.js';
+import './bundle-wMgBBDf9.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))))));
+};
+
+var useHandleUploadFiles = function (_a, _b) {
+    var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;
+    var logger = _b.logger;
+    var stringSet = useLocalization().stringSet;
+    var config = useSendbirdStateContext().config;
+    var uikitUploadSizeLimit = config === null || config === void 0 ? void 0 : config.uikitUploadSizeLimit;
+    var uikitMultipleFilesMessageLimit = config === null || config === void 0 ? void 0 : config.uikitMultipleFilesMessageLimit;
+    var openModal = useGlobalModalContext().openModal;
+    var handleUploadFiles = useCallback(function (files) {
+        // Validate Paremeters
+        if (!sendFileMessage || !sendMultipleFilesMessage) {
+            logger.warning('Channel|useHandleUploadFiles: required functions are undefined', { sendFileMessage: sendFileMessage, sendMultipleFilesMessage: sendMultipleFilesMessage });
+            return;
+        }
+        if (files.length === 0) {
+            logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files: files });
+            return;
+        }
+        if (files.length > uikitMultipleFilesMessageLimit) {
+            logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
+            openModal({
+                modalProps: {
+                    titleText: "Up to ".concat(uikitMultipleFilesMessageLimit, " files can be attached."),
+                    hideFooter: true,
+                },
+                childElement: function (_a) {
+                    var closeModal = _a.closeModal;
+                    return (React__default.createElement(ModalFooter, { type: ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                },
+            });
+            return;
+        }
+        if (files.some(function (file) { return file.size > uikitUploadSizeLimit; })) {
+            // The default value of uikitUploadSizeLimit is 26MB
+            logger.info("Channel|useHandleUploadFiles: Cannot upload file size exceeding ".concat(uikitUploadSizeLimit));
+            var ONE_MiB = 1024 * 1024;
+            openModal({
+                modalProps: {
+                    titleText: "The maximum size per file is ".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB), " MB."),
+                    hideFooter: true,
+                },
+                childElement: function (_a) {
+                    var closeModal = _a.closeModal;
+                    return (React__default.createElement(ModalFooter, { type: ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                },
+            });
+            return;
+        }
+        if (files.length === 1) {
+            logger.info('Channel|useHandleUploadFiles: sending one file.');
+            var file = files[0];
+            sendFileMessage(file, quoteMessage);
+        }
+        else if (files.length > 1) {
+            logger.info('Channel|useHandleUploadFiles: sending multiple files.');
+            var imageFiles_1 = [];
+            var otherFiles_1 = [];
+            files.forEach(function (file) {
+                if (isImage(file.type)) {
+                    imageFiles_1.push(file);
+                }
+                else {
+                    otherFiles_1.push(file);
+                }
+            });
+            return otherFiles_1.reduce(function (previousPromise, item) {
+                return previousPromise.then(function () {
+                    return sendFileMessage(item, quoteMessage);
+                });
+            }, (function () {
+                if (imageFiles_1.length === 0) {
+                    return Promise.resolve();
+                }
+                else if (imageFiles_1.length === 1) {
+                    return sendFileMessage(imageFiles_1[0], quoteMessage);
+                }
+                else {
+                    return sendMultipleFilesMessage(imageFiles_1, quoteMessage);
+                }
+            })());
+        }
+    }, [
+        sendFileMessage,
+        sendMultipleFilesMessage,
+        quoteMessage,
+    ]);
+    return [handleUploadFiles];
+};
+
+export { VoiceMessageInputWrapper as V, useHandleUploadFiles as u };
+//# sourceMappingURL=bundle-Ael7hqI7.js.map

package/chunks/bundle-Ael7hqI7.js.map

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