@landtrustinc/design-system 1.2.27-beta.6 → 1.2.27

package/dist/index.d.ts

@@ -589,13 +589,9 @@ declare const AIResponse: ({ title, showTitle, showDisclaimer, showHelpfulQuesti
 
 type ContactLandownerButtonProps = {
     /**
-     * Listing ID for the property
+     * URL to navigate to when the button is clicked
      */
-    listingId: string;
-    /**
-     * Slug for the property (e.g., "delore-place")
-     */
-    slug: string;
+    url: string;
     /**
      * Custom button text
      * @default "Contact Landowner"

package/dist/index.js

@@ -4319,6 +4319,7 @@ var markdownContentStyles = import_react10.css`
       font-size: 0.75rem;
       border-radius: var(--radius-md);
       min-width: 100%;
+      margin: var(--spacing-2) 0;
     }
   }
 
@@ -4328,6 +4329,7 @@ var markdownContentStyles = import_react10.css`
     border-bottom: 1px solid var(--border-primary);
     padding: var(--spacing-3);
     text-align: left;
+    min-width: var(--spacing-24);
 
     &:last-child {
       border-right: none;
@@ -4335,7 +4337,6 @@ var markdownContentStyles = import_react10.css`
 
     @media (max-width: 768px) {
       padding: var(--spacing-2);
-      min-width: 120px;
     }
   }
 
@@ -4380,7 +4381,12 @@ var markdownContentStyles = import_react10.css`
     font-weight: 600;
   }
 
-  a {
+  /* Scope link styles to prose content only, excluding component-based links */
+  p a,
+  li a,
+  blockquote a,
+  td a,
+  th a {
     color: var(--color-primary-500);
     text-decoration: none;
 
@@ -4462,9 +4468,10 @@ var inlineCodeStyles = import_react10.css`
   font-size: 0.9em;
 `;
 var tableWrapperStyles = import_react10.css`
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+
   @media (max-width: 768px) {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
     margin: var(--spacing-4) calc(-1 * var(--spacing-3));
     padding: 0 var(--spacing-3);
   }
@@ -4538,8 +4545,9 @@ var MarkdownContent = ({
             component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
               Heading_default,
               {
-                size: "lg",
+                size: "sm",
                 as: "h1",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-6)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4552,8 +4560,9 @@ var MarkdownContent = ({
             component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
               Heading_default,
               {
-                size: "md",
+                size: "xs",
                 as: "h2",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-6)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4566,8 +4575,9 @@ var MarkdownContent = ({
             component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
               Heading_default,
               {
-                size: "sm",
+                size: "2xs",
                 as: "h3",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4580,8 +4590,9 @@ var MarkdownContent = ({
             component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
               Heading_default,
               {
-                size: "xs",
+                size: "2xs",
                 as: "h4",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4596,6 +4607,7 @@ var MarkdownContent = ({
               {
                 size: "2xs",
                 as: "h5",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4610,6 +4622,7 @@ var MarkdownContent = ({
               {
                 size: "2xs",
                 as: "h6",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4704,13 +4717,11 @@ var errorRetryStyles = import_react12.css`
 // src/AIResponse/components/ContactLandownerButton/ContactLandownerButton.tsx
 var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
 var ContactLandownerButton = ({
-  listingId,
-  slug,
+  url,
   buttonText = "Contact Landowner",
   className
 }) => {
-  const url = `/l/${slug}/${listingId}/inquiry/activity`;
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { marginTop: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
     Button_default,
     {
       variant: "primary",
@@ -4718,15 +4729,9 @@ var ContactLandownerButton = ({
       as: "a",
       href: url,
       className,
-      style: {
-        alignSelf: "flex-start",
-        marginTop: "var(--spacing-4)",
-        textDecoration: "none",
-        color: "var(--text-on-action)"
-      },
       children: buttonText
     }
-  );
+  ) });
 };
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
@@ -5937,7 +5942,6 @@ var ChatWidget = ({
   const scrollRef = (0, import_react30.useRef)(null);
   const savedScrollPosition = (0, import_react30.useRef)(0);
   const previousMessagesLength = (0, import_react30.useRef)(messages.length);
-  const lastUserMessageRef = (0, import_react30.useRef)(null);
   const isControlled = typeof expanded === "boolean";
   const [internalExpanded, setInternalExpanded] = (0, import_react30.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
@@ -5963,61 +5967,32 @@ var ChatWidget = ({
     });
   }, [isExpanded]);
   (0, import_react30.useEffect)(() => {
-    if (!isExpanded)
+    const el = scrollRef.current;
+    if (!el || !isExpanded)
       return;
     const messagesChanged = messages.length !== previousMessagesLength.current;
     previousMessagesLength.current = messages.length;
-    if (messagesChanged && messages.length > 0) {
-      const lastMessage = messages[messages.length - 1];
-      const lastMessageElement = lastMessage;
-      const isUserMessage = lastMessageElement.type === MessageBubble_default;
-      if (isUserMessage && lastUserMessageRef.current) {
-        requestAnimationFrame(() => {
-          var _a;
-          (_a = lastUserMessageRef.current) == null ? void 0 : _a.scrollIntoView({
-            behavior: "smooth",
-            block: "start"
-          });
-        });
-      }
+    if (messagesChanged || isThinking) {
+      requestAnimationFrame(() => {
+        el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+        savedScrollPosition.current = el.scrollHeight;
+      });
     }
-  }, [messages, isExpanded]);
+  }, [messages, isThinking, isExpanded]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const lastUserMessageIndex = (0, import_react30.useMemo)(() => {
-    for (let i = messagesToRender.length - 1; i >= 0; i--) {
-      const message = messagesToRender[i];
-      if (message && message.type === MessageBubble_default) {
-        return i;
-      }
-    }
-    return -1;
-  }, [messagesToRender]);
   const renderedMessages = (0, import_react30.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
-      const isLastUserMessage = index === lastUserMessageIndex;
       if (element.type === AIResponse_default) {
         return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
       }
       if (element.type === MessageBubble_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
-          Box_default,
-          {
-            css: sentWrapperStyles,
-            ref: isLastUserMessage ? lastUserMessageRef : null,
-            style: {
-              scrollMarginTop: "16px"
-              // Add padding above when scrolled to
-            },
-            children: element
-          },
-          key
-        );
+        return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
       return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(import_react30.default.Fragment, { children: element }, key);
     }),
-    [messagesToRender, lastUserMessageIndex]
+    [messagesToRender]
   );
   const handleSubmit = () => {
     const trimmed = value.trim();