@uimkit/uikit-react/dist/cjs/components/UIMessage/MessageContext.js

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

'use strict';

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

var tslib = require('tslib');
var React = require('react');
var models = require('../../types/models.js');
require('../../types/events.js');
var MessageAudio = require('./MessageAudio.js');
var MessageCustom = require('./MessageCustom.js');
var MessageFace = require('./MessageFace.js');
var MessageFile = require('./MessageFile.js');
var MessageImage = require('./MessageImage.js');
var MessageLocation = require('./MessageLocation.js');
var MessageMerger = require('./MessageMerger.js');
var MessageText = require('./MessageText.js');
var MessageVideo = require('./MessageVideo.js');
require('../../constants.js');
require('../../context/TranslationContext.js');
require('../../context/UIKitContext.js');
require('../../context/ComponentContext.js');
require('../../context/ChatActionContext.js');
require('../../context/MessageInputContext.js');
var UIMessageContext = require('../../context/UIMessageContext.js');
require('../../context/ChatStateContext.js');
var useMessageContextHandler = require('./hooks/useMessageContextHandler.js');
require('../Icon/type.js');
require('../Icon/config.js');
require('i18next');
var MessageStatus = require('./MessageStatus.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var _a;
var components = (_a = {},
    _a[models.MessageType.Text] = MessageText.MessageText,
    _a[models.MessageType.Face] = MessageFace.MessageFace,
    _a[models.MessageType.Image] = MessageImage.MessageImage,
    _a[models.MessageType.Audio] = MessageAudio.MessageAudio,
    _a[models.MessageType.Video] = MessageVideo.MessageVideo,
    _a[models.MessageType.File] = MessageFile.MessageFile,
    _a[models.MessageType.Custom] = MessageCustom.MessageCustom,
    _a[models.MessageType.Merger] = MessageMerger.MessageMerger,
    _a[models.MessageType.Location] = MessageLocation.MessageLocation,
    _a);
function MessageContextWithContext(props) {
    var _a;
    var _b;
    var message = props.message;
    var context = useMessageContextHandler.useMessageContextHandler({ message: message }).context;
    var _c = UIMessageContext.useUIMessageContext('MessageCustom'), CustemElement = _c.CustemElement, TextElement = _c.TextElement, FaceElement = _c.FaceElement, ImageElement = _c.ImageElement, AudioElement = _c.AudioElement, VideoElement = _c.VideoElement, FileElement = _c.FileElement, MergerElement = _c.MergerElement, LocationElement = _c.LocationElement;
    var CustemComponents = (_a = {},
        _a[models.MessageType.Text] = TextElement,
        _a[models.MessageType.Face] = FaceElement,
        _a[models.MessageType.Image] = ImageElement,
        _a[models.MessageType.Audio] = AudioElement,
        _a[models.MessageType.Video] = VideoElement,
        _a[models.MessageType.File] = FileElement,
        _a[models.MessageType.Custom] = CustemElement,
        _a[models.MessageType.Merger] = MergerElement,
        _a[models.MessageType.Location] = LocationElement,
        _a);
    var Component = (_b = CustemComponents[message === null || message === void 0 ? void 0 : message.type]) !== null && _b !== void 0 ? _b : components[message === null || message === void 0 ? void 0 : message.type];
    return Component && (React__default["default"].createElement(Component, { context: context, message: message },
        React__default["default"].createElement(MessageStatus.MessageStatus, { message: message })));
}
var MemoizedMessageContext = React__default["default"].memo(MessageContextWithContext);
function MessageContext(props) {
    return (React__default["default"].createElement(MemoizedMessageContext, tslib.__assign({}, props)));
}

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