@uimkit/uikit-react/dist/cjs/components/UIMessage/MessageVideo.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 constants = require('../../constants.js');
var index = require('../Modal/index.js');

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

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

function MessageVideoWithContext(props) {
    var context = props.context, message = props.message, children = props.children;
    var _a = React.useState(false), show = _a[0], setShow = _a[1];
    return (React__default["default"].createElement("div", { className: "message-video" },
        React__default["default"].createElement("div", { className: "".concat((message === null || message === void 0 ? void 0 : message.status) === constants.MESSAGE_STATUS.SUCCESS ? 'snap-video' : ''), role: "button", tabIndex: 0, onClick: function () { setShow(true); } },
            React__default["default"].createElement("video", { muted: true, controls: false, src: context.url })),
        children,
        show && (React__default["default"].createElement(index.Modal, { onClick: function () { setShow(false); } },
            React__default["default"].createElement("video", { className: "play-video", muted: true, controls: true, src: context.url, autoPlay: true })))));
}
var MemoizedMessageVideo = React__default["default"].memo(MessageVideoWithContext);
function MessageVideo(props) {
    return (React__default["default"].createElement(MemoizedMessageVideo, tslib.__assign({}, props)));
}

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