@progress/kendo-react-conversational-ui/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 a=require("react"),c=require("@progress/kendo-react-buttons"),n=require("@progress/kendo-react-common");function l(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>s[r]})}}return e.default=s,Object.freeze(e)}const t=l(a);class o extends t.Component{constructor(){super(...arguments),this.onBtnClick=(e,r)=>{n.dispatchEvent(this.props.onActionExecute,r,this,{action:e})}}render(){return t.createElement("div",{className:"k-card"},t.createElement("img",{className:"k-card-image",src:this.props.imageUrl,style:{maxWidth:this.props.imageMaxWidth}}),t.createElement("div",{className:"k-card-body"},this.getTitleView(),this.getSubtitleView()),t.createElement("div",{className:"k-card-actions k-card-actions-vertical"},this.getActionsView()))}getActionsView(){return this.props.actions.map((e,r)=>t.createElement("span",{className:"k-card-action",key:r},t.createElement(c.Button,{fillMode:"flat",onClick:i=>this.onBtnClick(e,i)},e.title)))}getTitleView(){let e=null;return this.props.title&&(e=t.createElement("h5",{className:"k-card-title"},this.props.title)),e}getSubtitleView(){let e=null;return this.props.subtitle&&(e=t.createElement("h6",{className:"k-card-subtitle"},this.props.subtitle)),e}}exports.HeroCard=o;