@progress/kendo-react-conversational-ui/chat/components/elements/PinnedMessage.js

React Chat component allows the user to participate in chat sessions with users or chat bots. KendoReact Conversational UI components

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";const g=require("react"),p=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-buttons"),i=require("@progress/kendo-svg-icons"),f=require("@progress/kendo-react-intl"),a=require("../../utils.js"),k=require("../ChatContext.js");function C(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const c=C(g),v=n=>{const{message:e,onUnpin:t,user:o}=n,l=f.useLocalization(),{internalScrollContainerRef:r}=k.useChatContext(),u=c.useCallback(s=>{s.preventDefault(),s.stopPropagation();const d=r==null?void 0:r.current;a.scrollToMessageById(e.id,d)},[e.id,r]);return c.createElement("div",{className:"k-message-reference k-message-reference-receiver k-message-pinned",onClick:u},c.createElement(p.IconWrap,{size:"xlarge",icon:i.pinIcon}),c.createElement("div",{className:"k-message-reference-content"},e!=null&&e.isDeleted?o&&a.getDeletedMessageText(a.isAuthor(o,e),l):e==null?void 0:e.text),c.createElement("span",{className:"k-spacer"}),c.createElement(m.Button,{fillMode:"flat",svgIcon:i.xIcon,onClick:s=>{s.stopPropagation(),t==null||t(e)}}))};module.exports=v;