@uimkit/uikit-react/dist/cjs/components/UIMessage/MessageImage.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 index$1 = require('../Modal/index.js');
var models = require('../../types/models.js');
require('../../types/events.js');
var index = require('../../node_modules/.pnpm/lodash.first@3.0.0/node_modules/lodash.first/index.js');

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

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

function MessageImageWithContext(props) {
    var _a;
    var context = props.context, message = props.message, children = props.children;
    var _b = React.useState(false), show = _b[0], setShow = _b[1];
    var bigImageInfo = index((_a = message === null || message === void 0 ? void 0 : message.image) === null || _a === void 0 ? void 0 : _a.infos);
    return (React__default["default"].createElement("div", { className: "message-image" },
        React__default["default"].createElement("div", { role: "button", tabIndex: 0, onClick: function () { setShow(true); } },
            React__default["default"].createElement("img", { className: "img bubble-".concat(message.flow, " ").concat((message === null || message === void 0 ? void 0 : message.conversation_type) === models.ConversationType.Group ? 'group' : ''), src: context.url, alt: "" })),
        children,
        show && (React__default["default"].createElement(index$1.Modal, { onClick: function () { setShow(false); } },
            React__default["default"].createElement("img", { className: "big-image", src: bigImageInfo === null || bigImageInfo === void 0 ? void 0 : bigImageInfo.url, alt: "" })))));
}
var MemoizedMessageImage = React__default["default"].memo(MessageImageWithContext);
function MessageImage(props) {
    return (React__default["default"].createElement(MemoizedMessageImage, tslib.__assign({}, props)));
}

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