@sendbird/uikit-react
Version:
Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.
140 lines (137 loc) • 7.58 kB
JavaScript
import { a as __awaiter, b as __generator } from '../../chunks/bundle-yl5d1NoZ.js';
import React__default, { useCallback } from 'react';
import { l as isImage } from '../../chunks/bundle-vmZ9LoYK.js';
import { useGlobalModalContext } from '../../hooks/useModal.js';
import '../../chunks/bundle-viBng0Kh.js';
import { ButtonTypes } from '../../ui/Button.js';
import { u as useLocalization } from '../../chunks/bundle-Del33VzI.js';
import { c as ModalFooter } from '../../chunks/bundle-CtQtfJlT.js';
import { c as compressImages } from '../../chunks/bundle-BtCCRSPc.js';
import { O as ONE_MiB } from '../../chunks/bundle-CqLLOVG5.js';
import { u as useSendbird } from '../../chunks/bundle-i_3w58Zd.js';
import '@sendbird/chat/groupChannel';
import '../../utils/message/getOutgoingMessageState.js';
import '../../chunks/bundle-DgosLQK9.js';
import '../../chunks/bundle-DEuCwnTn.js';
import '../../chunks/bundle-fdEQfX2s.js';
import '../../chunks/bundle-MlG9piGf.js';
import 'react-dom';
import '../../chunks/bundle-C1dqPUnT.js';
import '../../chunks/bundle-BZGITC2g.js';
import '../../chunks/bundle-DBhJIxHw.js';
import '../../ui/IconButton.js';
import '../../ui/Icon.js';
import '../../chunks/bundle-DGh2T5IL.js';
import '../../chunks/bundle-BUYU9H94.js';
import '@sendbird/chat';
import '@sendbird/chat/openChannel';
import '../../chunks/bundle-Dl_v8XoN.js';
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 = useSendbird().state.config;
var imageCompression = config.imageCompression;
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) { return __awaiter(void 0, void 0, void 0, function () {
var compressedFiles, sendingFiles, file, imageFiles_1, otherFiles_1;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
// Validate Parameters
if (!sendFileMessage || !sendMultipleFilesMessage) {
logger.warning('Channel|useHandleUploadFiles: required functions are undefined', { sendFileMessage: sendFileMessage, sendMultipleFilesMessage: sendMultipleFilesMessage });
return [2 /*return*/];
}
if (files.length === 0) {
logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files: files });
return [2 /*return*/];
}
if (files.length > uikitMultipleFilesMessageLimit) {
logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
openModal({
modalProps: {
titleText: stringSet.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT.replace('%d', "".concat(uikitMultipleFilesMessageLimit)),
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 [2 /*return*/];
}
/**
* Validate file sizes
* The default value of uikitUploadSizeLimit is 25MiB
*/
if (files.some(function (file) { return file.size > uikitUploadSizeLimit; })) {
logger.info("Channel|useHandleUploadFiles: Cannot upload file size exceeding ".concat(uikitUploadSizeLimit));
openModal({
modalProps: {
titleText: stringSet.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace('%d', "".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB))),
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 [2 /*return*/];
}
return [4 /*yield*/, compressImages({
files: files,
imageCompression: imageCompression,
logger: logger,
})];
case 1:
compressedFiles = (_a.sent()).compressedFiles;
sendingFiles = compressedFiles;
// Send File Message
if (sendingFiles.length === 1) {
logger.info('Channel|useHandleUploadFiles: sending one file.');
file = sendingFiles[0];
sendFileMessage(file, quoteMessage);
}
else if (sendingFiles.length > 1) {
logger.info('Channel|useHandleUploadFiles: sending multiple files.');
imageFiles_1 = [];
otherFiles_1 = [];
sendingFiles.forEach(function (file) {
if (isImage(file.type)) {
imageFiles_1.push(file);
}
else {
otherFiles_1.push(file);
}
});
return [2 /*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);
}
})())];
}
return [2 /*return*/];
}
});
}); }, [
sendFileMessage,
sendMultipleFilesMessage,
quoteMessage,
]);
return handleUploadFiles;
};
export { useHandleUploadFiles };
//# sourceMappingURL=useHandleUploadFiles.js.map