@loafmarkets/ui 0.1.141 → 0.1.143

package/dist/index.mjs

@@ -8336,12 +8336,15 @@ function PropertyOverview({
   const weeklyRent = overviewData?.weeklyRent ?? 0;
   const annualRent = weeklyRent * 52;
   const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
+  const monthlyCoupon = annualRent / 12;
+  const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
+  const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
   const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
   const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
   const galleryImages = images ?? [];
   const tokenDetailsItems = [
     { label: "Chain", value: chain },
-    { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true },
+    { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
     { label: "Token Ticker", value: ticker ?? "\u2014" },
     { label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
     { label: "Percentage Tokenized", value: percentageTokenized != null ? `${percentageTokenized}%` : "\u2014" },
@@ -8356,7 +8359,7 @@ function PropertyOverview({
   ];
   const propertyStats = [
     { label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
-    { label: "Weekly Rent", value: isLoading && !overviewData ? loadingSkeleton : weeklyRent > 0 ? `$${weeklyRent.toLocaleString()}/wk` : "\u2014", badge: weeklyRent > 0 ? "Rented" : void 0 },
+    { label: "Current Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
     { label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
     { label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
   ];
@@ -8378,7 +8381,7 @@ function PropertyOverview({
           /* @__PURE__ */ jsx(TokenDetailsTitle, { children: "Token Details" }),
           tokenDetailsItems.map((item) => /* @__PURE__ */ jsxs(TokenDetailRow, { children: [
             /* @__PURE__ */ jsx(TokenDetailLabel, { children: item.label }),
-            /* @__PURE__ */ jsx(TokenDetailValue, { $mono: !!item.mono, children: item.value })
+            /* @__PURE__ */ jsx(TokenDetailValue, { $mono: !!item.mono, children: item.link ? /* @__PURE__ */ jsx("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", style: { color: "#3380FF", textDecoration: "none" }, children: item.value }) : item.value })
           ] }, item.label))
         ] })
       ] })
@@ -8396,13 +8399,7 @@ function PropertyOverview({
         /* @__PURE__ */ jsxs(StatsColumn, { children: [
           /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Property Fundamentals" }),
           propertyStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { children: [
-            /* @__PURE__ */ jsxs(StatLabel, { children: [
-              item.label,
-              item.badge && /* @__PURE__ */ jsxs(StatBadge, { children: [
-                /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#4CAF50", display: "inline-block" } }),
-                item.badge
-              ] })
-            ] }),
+            /* @__PURE__ */ jsx(StatLabel, { children: item.label }),
             /* @__PURE__ */ jsx(StatValue, { children: item.value })
           ] }, item.label))
         ] })
@@ -8644,7 +8641,7 @@ var StatLabel = styled19.span`
   align-items: center;
   gap: 0.5rem;
 `;
-var StatBadge = styled19.span`
+styled19.span`
   font-size: 0.6rem;
   color: #4CAF50;
   display: inline-flex;