UNPKG

@uimkit/uikit-react

Version:

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

42 lines (35 loc) 2.06 kB
'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'); 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