@uimkit/uikit-react/dist/cjs/components/UIMessageInput/hooks/useUploadPicker.js

<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
require('../../../context/TranslationContext.js');
require('../../../context/UIKitContext.js');
require('../../../context/ComponentContext.js');
var ChatActionContext = require('../../../context/ChatActionContext.js');
require('../../../context/MessageInputContext.js');
require('../../../context/UIMessageContext.js');
require('../../../context/ChatStateContext.js');
var models = require('../../../types/models.js');
require('../../../types/events.js');

function useUploadPicker(props) {
    var _a;
    var _b = ChatActionContext.useChatActionContext(), sendMessage = _b.sendMessage, createImageMessage = _b.createImageMessage, createVideoMessage = _b.createVideoMessage, createFileMessage = _b.createFileMessage, editLocalMessage = _b.editLocalMessage;
    var createUploadMessage = (_a = {},
        _a[models.MessageType.Image] = createImageMessage,
        _a[models.MessageType.Video] = createVideoMessage,
        _a[models.MessageType.File] = createFileMessage,
        _a);
    var sendUploadMessage = React.useCallback(function (data, type) {
        var file = data.file;
        var message = createUploadMessage[type]({
            file: file,
            onProgress: function (num) {
                console.log('onProgress: ', num);
                message.progress = num;
                editLocalMessage(message);
            },
        });
        console.log('message: ', message);
        sendMessage(message);
    }, [sendMessage]);
    return {
        sendUploadMessage: sendUploadMessage,
    };
}

exports.useUploadPicker = useUploadPicker;
//# sourceMappingURL=useUploadPicker.js.map