New source found from dndbeyond.com

ddb_main/tools/js/smartComponents/CharacterTidbits/CharacterTidbits.tsx

@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import * as React from "react";
 
 import {
@@ -12,9 +13,9 @@ import {
 } from "@dndbeyond/character-rules-engine/es";
 
 import { DefaultCharacterName as DefaultName } from "~/constants";
+import { CharacterName } from "~/subApps/sheet/components/CharacterName";
 
 import CharacterAvatar from "../CharacterAvatar";
-import CharacterName from "../CharacterName";
 import CharacterProgressionSummary from "../CharacterProgressionSummary";
 import CharacterSummary from "../CharacterSummary";
 
@@ -31,6 +32,7 @@ interface Props {
   isInteractive: boolean;
   defaultCharacterName: string;
   className: string;
+  isVttView?: boolean;
   calloutNode?: React.ReactNode;
 }
 export default class CharacterTidbits extends React.PureComponent<Props, {}> {
@@ -39,6 +41,7 @@ export default class CharacterTidbits extends React.PureComponent<Props, {}> {
     isInteractive: true,
     className: "",
     defaultCharacterName: DefaultName,
+    isVttView: false,
   };
 
   render() {
@@ -48,13 +51,12 @@ export default class CharacterTidbits extends React.PureComponent<Props, {}> {
       gender,
       species,
       decorationInfo,
-      deathCause,
       preferences,
       ruleData,
       xpInfo,
-      defaultCharacterName,
       isInteractive,
       className,
+      isVttView,
       calloutNode,
     } = this.props;
 
@@ -73,11 +75,7 @@ export default class CharacterTidbits extends React.PureComponent<Props, {}> {
         </div>
         <div className="ddbc-character-tidbits__body">
           <div className="ddbc-character-tidbits__heading">
-            <CharacterName
-              name={name}
-              isDead={deathCause !== Constants.DeathCauseEnum.NONE}
-              defaultCharacterName={defaultCharacterName}
-            />
+            {!isVttView && <CharacterName />}
             {isInteractive && calloutNode && (
               <div className="ddbc-character-tidbits__menu-callout">
                 {calloutNode}
@@ -92,7 +90,12 @@ export default class CharacterTidbits extends React.PureComponent<Props, {}> {
             />
           </div>
           {xpInfo && ruleData && (
-            <div className="ddbc-character-tidbits__progression">
+            <div
+              className={clsx([
+                "ddbc-character-tidbits__progression",
+                isVttView && "ddbc-character-tidbits__progression--vttView",
+              ])}
+            >
               <CharacterProgressionSummary
                 ruleData={ruleData}
                 progressionType={preferences.progressionType}