@loafmarkets/ui 0.1.32 → 0.1.34

package/dist/index.mjs

@@ -7558,13 +7558,18 @@ function PropertyOverview({
     if (bedrooms != null) f[0] = { ...f[0], value: String(bedrooms) };
     if (bathrooms != null) f[1] = { ...f[1], value: String(bathrooms) };
     if (carSpaces != null) f[2] = { ...f[2], value: String(carSpaces) };
+    if (overviewData) {
+      if (!overviewData.swimmingPool) f[3] = { ...f[3], label: overviewData.tennisCourt ? "Tennis" : "Pool" };
+      if (!overviewData.garden) f[4] = { ...f[4], label: "Garden" };
+      if (!overviewData.gym) f[5] = { ...f[5], label: "Gym" };
+    }
     return f;
   })();
   const propertyInfo = propertyInfoProp ?? (() => {
     const info = [...DEFAULT_PROPERTY_INFO];
-    if (propertyTypeLabel) info[0] = { label: "Property Type", value: propertyTypeLabel };
+    if (propertyTypeLabel && !overviewData) info[0] = { label: "Property Type", value: propertyTypeLabel };
     if (overviewData) {
-      info[0] = { label: "Property Type", value: overviewData.propertyType ?? "N/A" };
+      info[0] = { label: "Property Type", value: overviewData.propertyType ?? propertyTypeLabel ?? "N/A" };
       info[1] = { label: "Built", value: String(overviewData.yearBuilt) };
       info[2] = { label: "Ownership", value: overviewData.ownership };
       info[3] = { label: "Zoning", value: overviewData.zoning };
@@ -7573,13 +7578,19 @@ function PropertyOverview({
     }
     return info;
   })();
+  const resolvedTokensIssued = tokensIssued ?? overviewData?.tokensIssued ?? null;
+  const resolvedValuation = overviewData?.offeringValuation ?? (midPrice && resolvedTokensIssued ? midPrice * resolvedTokensIssued : null);
+  const tokenPriceValue = midPrice > 0 ? midPrice : null;
+  const weeklyRent = overviewData?.weeklyRent ?? 0;
+  const annualRent = weeklyRent * 52;
+  const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
   const financialItems = financialItemsProp ?? [
-    { label: "Token Price", value: `$${midPrice.toFixed(3)}`, gold: true },
-    { label: "Property Value", value: `$${(midPrice * (tokensIssued ?? 5e4) / 1e6).toFixed(2)}M` },
-    { label: "Weekly Rent", value: overviewData?.weeklyRent ? `$${overviewData.weeklyRent.toLocaleString()}/wk` : "$4,500/wk", badge: "Rented" },
-    { label: "Dividend Yield", value: "2.5%" },
-    { label: "Total Tokens", value: (tokensIssued ?? 5e4).toLocaleString() },
-    { label: "Indicative Listing", value: overviewData?.indicativeListing ?? "LISTED" }
+    { label: "Token Price", value: tokenPriceValue ? `$${tokenPriceValue.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : "N/A", gold: true },
+    { label: "Property Value", value: resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "N/A" },
+    { label: "Weekly Rent", value: weeklyRent > 0 ? `$${weeklyRent.toLocaleString()}/wk` : "N/A", badge: weeklyRent > 0 ? "Rented" : void 0 },
+    { label: "Dividend Yield", value: dividendYield ? `${dividendYield}%` : "N/A" },
+    { label: "Total Tokens", value: resolvedTokensIssued ? resolvedTokensIssued.toLocaleString() : "N/A" },
+    { label: "Indicative Listing", value: overviewData?.indicativeListing ?? "N/A" }
   ];
   const galleryImages = images ?? [];
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -10332,8 +10343,12 @@ var formatCurrency5 = (value, opts) => {
 var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
 var formatTimestamp = (unix) => {
   if (!unix) return "\u2014";
-  const ts = unix > 1e15 ? Math.floor(unix / 1e6) : unix > 1e12 ? Math.floor(unix / 1e3) : unix;
-  return new Date(ts * 1e3).toLocaleString("en-AU", {
+  let sec;
+  if (unix > 1e18) sec = Math.floor(unix / 1e9);
+  else if (unix > 1e14) sec = Math.floor(unix / 1e6);
+  else if (unix > 1e12) sec = Math.floor(unix / 1e3);
+  else sec = unix;
+  return new Date(sec * 1e3).toLocaleString("en-AU", {
     day: "2-digit",
     month: "short",
     hour: "2-digit",