@uimkit/uikit-react/dist/cjs/components/UIMessage/MessageCustom.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 utils = require('../utils.js');
var models = require('../../types/models.js');
require('../../types/events.js');

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

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

function MessageCustomWithContext(props) {
    var context = props.context, message = props.message, children = props.children;
    var handleContext = function (data) {
        if (data.data === 'Hyperlink') {
            var extension = utils.JSONStringToParse(data === null || data === void 0 ? void 0 : data.extension);
            return extension === null || extension === void 0 ? void 0 : extension.item.map(function (item) { return React__default["default"].createElement("a", { target: "_blank", key: item.value, href: item.value, rel: "noreferrer" }, item.value); });
        }
        if (data.data === 'group_create') {
            return "".concat((message === null || message === void 0 ? void 0 : message.nick) || (message === null || message === void 0 ? void 0 : message.from), " Create a group");
        }
        return data.extension;
    };
    return (React__default["default"].createElement("div", { className: "bubble message-custom bubble-".concat(message.flow, "  ").concat((message === null || message === void 0 ? void 0 : message.conversation_type) === models.ConversationType.Group ? 'group' : '') },
        handleContext(context === null || context === void 0 ? void 0 : context.custom),
        children));
}
var MemoizedMessageCustom = React__default["default"].memo(MessageCustomWithContext);
function MessageCustom(props) {
    return (React__default["default"].createElement(MemoizedMessageCustom, tslib.__assign({}, props)));
}

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