@loafmarkets/ui 0.1.142 → 0.1.143

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -8362,6 +8362,9 @@ function PropertyOverview({
8362
8362
  const weeklyRent = overviewData?.weeklyRent ?? 0;
8363
8363
  const annualRent = weeklyRent * 52;
8364
8364
  const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
8365
+ const monthlyCoupon = annualRent / 12;
8366
+ const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
8367
+ const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
8365
8368
  const loadingSkeleton = /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 90, height: 18 });
8366
8369
  const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
8367
8370
  const galleryImages = images ?? [];
@@ -8382,7 +8385,7 @@ function PropertyOverview({
8382
8385
  ];
8383
8386
  const propertyStats = [
8384
8387
  { label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
8385
- { label: "Weekly Rent", value: isLoading && !overviewData ? loadingSkeleton : weeklyRent > 0 ? `$${weeklyRent.toLocaleString()}/wk` : "\u2014", badge: weeklyRent > 0 ? "Rented" : void 0 },
8388
+ { label: "Current Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
8386
8389
  { label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
8387
8390
  { label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
8388
8391
  ];
@@ -8422,13 +8425,7 @@ function PropertyOverview({
8422
8425
  /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8423
8426
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Property Fundamentals" }),
8424
8427
  propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8425
- /* @__PURE__ */ jsxRuntime.jsxs(StatLabel, { children: [
8426
- item.label,
8427
- item.badge && /* @__PURE__ */ jsxRuntime.jsxs(StatBadge, { children: [
8428
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#4CAF50", display: "inline-block" } }),
8429
- item.badge
8430
- ] })
8431
- ] }),
8428
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
8432
8429
  /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: item.value })
8433
8430
  ] }, item.label))
8434
8431
  ] })
@@ -8670,7 +8667,7 @@ var StatLabel = styled19__default.default.span`
8670
8667
  align-items: center;
8671
8668
  gap: 0.5rem;
8672
8669
  `;
8673
- var StatBadge = styled19__default.default.span`
8670
+ styled19__default.default.span`
8674
8671
  font-size: 0.6rem;
8675
8672
  color: #4CAF50;
8676
8673
  display: inline-flex;