@progress/kendo-react-conversational-ui/chat/components/templates/HeroCard.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),b=require("@progress/kendo-react-buttons");function f(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const e=f(k),v=t=>{const{imageUrl:n,imageMaxWidth:a,title:c,subtitle:i,actions:o,onActionExecute:s,altText:m}=t,d=e.useCallback((r,l)=>{s==null||s({action:r,syntheticEvent:l,nativeEvent:l.nativeEvent,target:l.currentTarget})},[s]),u=m||c||"";return e.createElement("div",{className:"k-card"},e.createElement("img",{className:"k-card-image",src:n,style:{maxWidth:a},alt:u}),e.createElement("div",{className:"k-card-body"},c&&e.createElement("h5",{className:"k-card-title"},c),i&&e.createElement("h6",{className:"k-card-subtitle"},i)),e.createElement("div",{className:"k-card-actions k-card-actions-vertical"},o.map((r,l)=>e.createElement("span",{className:"k-card-action",key:`action-${l}-${r.title||r.value||l}`},e.createElement(b.Button,{fillMode:"flat",onClick:g=>d(r,g)},r.title)))))};exports.HeroCard=v;