@progress/kendo-react-conversational-ui
Version:
React Chat component allows the user to participate in chat sessions with users or chat bots. KendoReact Conversational UI components
48 lines (47 loc) • 1.82 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import * as t from "react";
import { IconWrap as m } from "@progress/kendo-react-common";
import { Button as p } from "@progress/kendo-react-buttons";
import { pinIcon as d, xIcon as f } from "@progress/kendo-svg-icons";
import { useLocalization as g } from "@progress/kendo-react-intl";
import { scrollToMessageById as u, getDeletedMessageText as k, isAuthor as v } from "../../utils.mjs";
import { useChatContext as x } from "../ChatContext.mjs";
const z = (n) => {
const { message: e, onUnpin: a, user: s } = n, c = g(), { internalScrollContainerRef: o } = x(), i = t.useCallback(
(r) => {
r.preventDefault(), r.stopPropagation();
const l = o == null ? void 0 : o.current;
u(e.id, l);
},
[e.id, o]
);
return /* @__PURE__ */ t.createElement(
"div",
{
className: "k-message-reference k-message-reference-receiver k-message-pinned",
onClick: i
},
/* @__PURE__ */ t.createElement(m, { size: "xlarge", icon: d }),
/* @__PURE__ */ t.createElement("div", { className: "k-message-reference-content" }, e != null && e.isDeleted ? s && k(v(s, e), c) : e == null ? void 0 : e.text),
/* @__PURE__ */ t.createElement("span", { className: "k-spacer" }),
/* @__PURE__ */ t.createElement(
p,
{
fillMode: "flat",
svgIcon: f,
onClick: (r) => {
r.stopPropagation(), a == null || a(e);
}
}
)
);
};
export {
z as default
};