@uimkit/uikit-react
Version:
<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>
42 lines (35 loc) • 2.06 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var tslib = require('tslib');
var React = require('react');
var models = require('../../types/models.js');
require('../../types/events.js');
require('../../context/TranslationContext.js');
require('../../context/UIKitContext.js');
require('../../context/ComponentContext.js');
require('../../context/ChatActionContext.js');
require('../../context/MessageInputContext.js');
require('../../context/UIMessageContext.js');
require('../../context/ChatStateContext.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
function MessageTextWithContext(props) {
var _a;
var context = props.context, message = props.message, children = props.children;
return (React__default["default"].createElement("div", { className: "bubble message-text bubble-".concat((_a = message.flow) !== null && _a !== void 0 ? _a : 'in', " ").concat((message === null || message === void 0 ? void 0 : message.conversation_type) === models.ConversationType.Group ? 'group' : '') },
React__default["default"].createElement("div", { className: "message-text-content" },
context.text.map(function (item, index) {
var key = message.id + index;
if (item.name === 'text') {
return React__default["default"].createElement("p", { className: "message-text-content-p", key: item.src + key }, item.text);
}
return React__default["default"].createElement("img", { className: "text-img", key: item.src + key, src: item.src, alt: "" });
}),
children)));
}
var MemoizedMessageText = React__default["default"].memo(MessageTextWithContext);
function MessageText(props) {
return (React__default["default"].createElement(MemoizedMessageText, tslib.__assign({}, props)));
}
exports.MessageText = MessageText;
//# sourceMappingURL=MessageText.js.map