@landtrustinc/design-system 1.2.29-beta.4 → 1.2.30-beta.0

package/dist/index.d.ts

@@ -1113,6 +1113,21 @@ type TopMatchingFieldNoteProps = {
      * Children content (used when rendering from markdown)
      */
     children?: React__default.ReactNode;
+    /**
+     * Whether to use Bytescale image optimization
+     * @default true
+     */
+    isBytescaleImage?: boolean;
+    /**
+     * Image width for Bytescale optimization
+     * @default 376
+     */
+    width?: number;
+    /**
+     * Image height for Bytescale optimization
+     * @default 275
+     */
+    height?: number;
 };
 declare const TopMatchingFieldNote: FC<TopMatchingFieldNoteProps>;
 

package/dist/index.js

@@ -5230,6 +5230,13 @@ var imageStyles = import_react17.css`
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
 var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var BYTESCALE_ACCOUNT_ID = "12a1yC2";
+var getImageUrl = (path, width2, height, useBytescale) => {
+  if (useBytescale) {
+    return `https://upcdn.io/${BYTESCALE_ACCOUNT_ID}/image${path}?w=${width2}&h=${height}&f=auto&cache_perm=auto&cache_ttl=31536000`;
+  }
+  return path;
+};
 var TopMatchingFieldNote = ({
   author,
   datePosted,
@@ -5237,7 +5244,10 @@ var TopMatchingFieldNote = ({
   images,
   title = "Top matching field note",
   className,
-  children
+  children,
+  isBytescaleImage = true,
+  width: width2 = 376,
+  height = 275
 }) => {
   let parsedImages = [];
   try {
@@ -5271,12 +5281,12 @@ var TopMatchingFieldNote = ({
         className,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
-          parsedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+          parsedImages.length > 0 && parsedImages[0] && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
             "div",
             {
               css: imageStyles,
               style: {
-                backgroundImage: `url('${parsedImages[0]}')`
+                backgroundImage: `url('${getImageUrl(parsedImages[0], width2, height, isBytescaleImage)}')`
               }
             }
           ),