@landtrustinc/design-system 1.2.11 → 1.2.12

package/dist/index.d.ts

@@ -1863,6 +1863,10 @@ type LandownerProfileProps = {
      * Link to reviews (optional)
      */
     reviewsLink?: string;
+    /**
+     * Whether the reviews are loading
+     */
+    isReviewsLoading?: boolean;
     /**
      * Whether the landowner is verified
      */
@@ -1874,11 +1878,11 @@ type LandownerProfileProps = {
     /**
      * Response rate percentage (e.g., "100%")
      */
-    responseRate: string;
+    responseRate?: string;
     /**
      * Response time text (e.g., "Within 6 Hours")
      */
-    responseTime: string;
+    responseTime?: string;
     /**
      * Message button text
      */

package/dist/index.js

@@ -6918,25 +6918,23 @@ var ProfileSubtitle = ({
   rating,
   reviewCount,
   reviewsLink,
+  isReviewsLoading = false,
   onReviewsClick
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-    yearsHosting && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
-      yearsHosting,
-      " Years Hosting"
-    ] }),
-    rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
-        Icon_default,
-        {
-          variant: "StarSolid",
-          size: "medium",
-          fill: "var(--color-yellow-500)"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: rating.toFixed(1) }),
-      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(import_jsx_runtime232.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", children: "\u2022" }),
+  let reviewFeatureItem;
+  if (isReviewsLoading) {
+    reviewFeatureItem = {
+      iconVariant: "StarSolid",
+      label: "",
+      isLoading: true
+    };
+  } else if (rating && reviewCount) {
+    reviewFeatureItem = {
+      iconVariant: "StarSolid",
+      iconColor: "var(--icon-warning)",
+      label: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: rating == null ? void 0 : rating.toFixed(1) }),
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "\u2022" }),
         reviewsLink ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
           "a",
           {
@@ -6949,7 +6947,7 @@ var ProfileSubtitle = ({
               }
             },
             onClick: onReviewsClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "md", fontWeight: "bold", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "sm", fontWeight: "bold", children: [
               reviewCount,
               " ",
               reviewCount === 1 ? "Review" : "Reviews"
@@ -6961,7 +6959,16 @@ var ProfileSubtitle = ({
           reviewCount === 1 ? "Review" : "Reviews"
         ] })
       ] })
-    ] })
+    };
+  } else {
+    reviewFeatureItem = void 0;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+    yearsHosting && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+      yearsHosting,
+      " Years Hosting"
+    ] }),
+    reviewFeatureItem && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(FeatureListItem_default, { ...reviewFeatureItem })
   ] });
 };
 var ProfileSubtitle_default = ProfileSubtitle;
@@ -6976,6 +6983,7 @@ var LandownerProfile = ({
   rating,
   reviewCount,
   reviewsLink,
+  isReviewsLoading = false,
   isVerified = false,
   bio,
   responseRate,
@@ -6984,14 +6992,14 @@ var LandownerProfile = ({
   onMessageClick,
   className
 }) => {
-  const responseRateFeature = {
+  const responseRateFeature = responseRate ? {
     iconVariant: "IconComment",
     label: `Response Rate: ${responseRate}`
-  };
-  const responseTimeFeature = {
+  } : void 0;
+  const responseTimeFeature = responseTime ? {
     iconVariant: "Bolt",
     label: `Response Time: ${responseTime}`
-  };
+  } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
     Box_default,
     {
@@ -7023,7 +7031,8 @@ var LandownerProfile = ({
                       yearsHosting,
                       rating,
                       reviewCount,
-                      reviewsLink
+                      reviewsLink,
+                      isReviewsLoading
                     }
                   ),
                   showRating: false,
@@ -7034,11 +7043,11 @@ var LandownerProfile = ({
                 /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
                 /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { children: bio })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
                 /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...responseRateFeature }),
-                  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...responseTimeFeature })
+                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...responseRateFeature }),
+                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...responseTimeFeature })
                 ] })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Button_default, { variant: "secondary", onClick: onMessageClick, children: messageButtonText }) })
@@ -7049,7 +7058,6 @@ var LandownerProfile = ({
     }
   );
 };
-LandownerProfile.displayName = "LandownerProfile";
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx