@uimkit/uikit-react
Version:
<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>
37 lines (34 loc) • 2.08 kB
JavaScript
import React__default, { useCallback } from 'react';
import '../../types/models.js';
import '../../types/events.js';
import '../../context/TranslationContext.js';
import '../../context/UIKitContext.js';
import '../../context/ComponentContext.js';
import { useChatActionContext } from '../../context/ChatActionContext.js';
import '../../context/MessageInputContext.js';
import '../../context/UIMessageContext.js';
import '../../context/ChatStateContext.js';
import { Icon } from '../Icon/Icon.js';
import { IconTypes } from '../Icon/type.js';
import { MESSAGE_OPERATE } from '../../constants.js';
import { useHandleQuoteMessage } from './hooks/useHandleQuoteMessage.js';
import { formatEmojiString } from '../UIMessage/utils/emojiMap.js';
function InputQuoteDefault(props) {
var propsMessage = props.message;
var operateMessage = useChatActionContext('MessageRevokeWithContext').operateMessage;
var _a = useHandleQuoteMessage(propsMessage), cloudCustomData = _a.cloudCustomData, message = _a.message;
var handleClose = useCallback(function () {
var _a;
operateMessage((_a = {},
_a[MESSAGE_OPERATE.QUOTE] = null,
_a));
}, [operateMessage]);
var context = cloudCustomData === null || cloudCustomData === void 0 ? void 0 : cloudCustomData.messageReply;
return context && (React__default.createElement("div", { className: "input-quote" },
React__default.createElement("div", { className: "input-quote-content" },
React__default.createElement("label", { htmlFor: "input-quote-content" }, (message === null || message === void 0 ? void 0 : message.nick) || (message === null || message === void 0 ? void 0 : message.from)),
React__default.createElement("span", null, formatEmojiString(context === null || context === void 0 ? void 0 : context.messageAbstract, 1))),
React__default.createElement(Icon, { className: "icon", width: 12, height: 12, type: IconTypes.CLOSE, onClick: handleClose })));
}
export { InputQuoteDefault };
//# sourceMappingURL=InputQuoteDefault.js.map