@loafmarkets/ui 0.1.148 → 0.1.150

package/dist/index.js

@@ -8297,34 +8297,35 @@ function truncateAddress(addr) {
   if (addr.length <= 12) return addr;
   return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
 }
-function generateMockDividendHistory(annualRent, totalTokens, tokenPrice) {
-  if (annualRent <= 0 || !totalTokens || !tokenPrice) return [];
-  const monthlyDiv = annualRent / 12 / totalTokens;
+function generateDividendHistory(valuation, totalTokens, tokenPrice) {
+  if (valuation <= 0 || !totalTokens || !tokenPrice) return { records: [], priceHistory: [] };
+  const annualDiv = valuation * 0.02;
+  const monthlyDivPerShare = annualDiv / 12 / totalTokens;
   const records = [];
+  const priceHistory = [];
   const now = /* @__PURE__ */ new Date();
+  let price = tokenPrice * 0.84;
+  for (let i = 365; i >= 0; i--) {
+    const t = Date.now() - i * 864e5;
+    const progress = (365 - i) / 365;
+    const target = tokenPrice * (0.84 + progress * 0.16);
+    price += (target - price) * 0.03 + (Math.random() - 0.5) * 0.8;
+    price = Math.max(tokenPrice * 0.75, price);
+    priceHistory.push({ time: t, price: Math.round(price * 100) / 100 });
+  }
   for (let i = 11; i >= 0; i--) {
-    const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
-    const priceAtTime = tokenPrice * (0.85 + Math.random() * 0.3);
+    const exDate = new Date(now.getFullYear(), now.getMonth() - i, 1);
+    const exTime = exDate.getTime();
+    const closest = priceHistory.reduce((best, p) => Math.abs(p.time - exTime) < Math.abs(best.time - exTime) ? p : best);
+    const priceAtEx = closest.price;
     records.push({
-      exDate: d.toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
-      payDate: new Date(d.getFullYear(), d.getMonth(), 15).toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
-      perShare: monthlyDiv,
-      yieldPct: monthlyDiv * 12 / priceAtTime * 100
+      exDate: exDate.toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
+      payDate: new Date(exDate.getFullYear(), exDate.getMonth(), 15).toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
+      perShare: monthlyDivPerShare,
+      yieldPct: monthlyDivPerShare * 12 / priceAtEx * 100
     });
   }
-  return records;
-}
-function generateMockPriceHistory() {
-  const points = [];
-  const now = Date.now();
-  let price = 210;
-  for (let i = 365; i >= 0; i--) {
-    const t = now - i * 864e5;
-    price += (Math.random() - 0.47) * 1.2;
-    price = Math.max(180, price);
-    points.push({ time: t, price: Math.round(price * 100) / 100 });
-  }
-  return points;
+  return { records, priceHistory };
 }
 function PropertyOverview({
   propertyName,
@@ -8421,15 +8422,16 @@ function PropertyOverview({
     { label: "24h Volume", value: isLoading && vol24hDollar == null ? loadingSkeleton : vol24hDollar != null && vol24hDollar > 0 ? `$${vol24hDollar.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : "\u2014" },
     { label: "Current Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
     { label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? `$${openOrdersValue.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : "\u2014" },
-    { label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
+    { label: "Token Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
   ];
-  const cashFlowPerShare = annualRent > 0 && resolvedTokensIssued ? annualRent / resolvedTokensIssued : null;
+  const annualDividend = resolvedValuation ? resolvedValuation * 0.02 : null;
+  const monthlyDivPerShare = annualDividend && resolvedTokensIssued ? annualDividend / 12 / resolvedTokensIssued : null;
   const propertyStats = [
     { label: "Last Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
     { label: "Number of Offers", value: "\u2014" },
     { label: "Growth (Past 5 Years)", value: "\u2014" },
     { label: "Security Interest in Asset", value: "Yes, secured to Land Registry" },
-    { label: "Cash Flow Per Share", value: isLoading && cashFlowPerShare == null ? loadingSkeleton : cashFlowPerShare != null ? `$${cashFlowPerShare.toFixed(4)}/yr` : "\u2014" }
+    { label: "Dividend Per Share", value: isLoading && monthlyDivPerShare == null ? loadingSkeleton : monthlyDivPerShare != null ? `$${monthlyDivPerShare.toFixed(4)}/mo` : "\u2014" }
   ];
   return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
@@ -8500,7 +8502,7 @@ function PropertyOverview({
     showDividendHistory && /* @__PURE__ */ jsxRuntime.jsx(
       DividendHistoryPopup,
       {
-        annualRent,
+        valuation: resolvedValuation,
         totalTokens: resolvedTokensIssued,
         tokenPrice: tokenPriceValue,
         ticker,
@@ -8595,14 +8597,13 @@ function PropertyOverview({
   ] });
 }
 function DividendHistoryPopup({
-  annualRent,
+  valuation,
   totalTokens,
   tokenPrice,
   ticker,
   onClose
 }) {
-  const records = generateMockDividendHistory(annualRent, totalTokens ?? 0, tokenPrice ?? 0);
-  const priceHistory = generateMockPriceHistory();
+  const { records, priceHistory } = generateDividendHistory(valuation ?? 0, totalTokens ?? 0, tokenPrice ?? 0);
   React5.useEffect(() => {
     const handleEsc = (e) => {
       if (e.key === "Escape") onClose();