@loafmarkets/ui 0.1.163 → 0.1.165

package/dist/index.d.mts

@@ -758,8 +758,12 @@ type PropertyOverviewProps = {
     volume24h?: number | null;
     openOrdersValue?: number | null;
     holderCount?: number | null;
+    priceHistory?: {
+        time: number;
+        close: number;
+    }[] | null;
 };
-declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, volume24h, openOrdersValue, holderCount, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {

package/dist/index.d.ts

@@ -758,8 +758,12 @@ type PropertyOverviewProps = {
     volume24h?: number | null;
     openOrdersValue?: number | null;
     holderCount?: number | null;
+    priceHistory?: {
+        time: number;
+        close: number;
+    }[] | null;
 };
-declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, volume24h, openOrdersValue, holderCount, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {

package/dist/index.js

@@ -8454,32 +8454,36 @@ function truncateAddress(addr) {
   if (addr.length <= 12) return addr;
   return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
 }
-function generateDividendHistory(valuation, totalTokens, tokenPrice) {
+function generateDividendHistory(valuation, totalTokens, tokenPrice, realPriceHistory) {
   if (valuation <= 0 || !totalTokens || !tokenPrice) return { records: [], priceHistory: [] };
   const annualDiv = valuation * 0.02;
   const monthlyDivPerShare = annualDiv / 12 / totalTokens;
   const records = [];
-  const priceHistory = [];
+  const priceHistory = realPriceHistory?.length ? realPriceHistory.map((c) => ({ time: typeof c.time === "number" && c.time < 1e12 ? c.time * 1e3 : c.time, price: c.close })) : (() => {
+    const pts = [];
+    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);
+      pts.push({ time: t, price: Math.round(price * 100) / 100 });
+    }
+    return pts;
+  })();
   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 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;
+    const annualisedYield = priceAtEx > 0 ? monthlyDivPerShare * 12 / priceAtEx * 100 : 2;
     records.push({
       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
+      yieldPct: annualisedYield
     });
   }
   return { records, priceHistory };
@@ -8513,7 +8517,8 @@ function PropertyOverview({
   percentageTokenized,
   volume24h,
   openOrdersValue,
-  holderCount
+  holderCount,
+  priceHistory: priceHistoryProp
 }) {
   const [isDescExpanded, setDescExpanded] = React5.useState(false);
   const [showDividendHistory, setShowDividendHistory] = React5.useState(false);
@@ -8592,7 +8597,7 @@ function PropertyOverview({
     { label: "Last Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
     { label: "Number of Offers", value: "3" },
     { label: "Growth (Past 5 Years)", value: "+90%" },
-    { label: "Last Dividend", value: isLoading && monthlyDivPerShare == null ? loadingSkeleton : monthlyDivPerShare != null ? `${(monthlyDivPerShare * 100).toFixed(1)} cents` : "\u2014" },
+    { label: "Last Dividend", value: isLoading && monthlyDivPerShare == null ? loadingSkeleton : monthlyDivPerShare != null ? `${(monthlyDivPerShare * 100).toFixed(1)}c per Share` : "\u2014" },
     { label: "Upcoming Dividend", value: (() => {
       const now = /* @__PURE__ */ new Date();
       const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
@@ -8673,6 +8678,7 @@ function PropertyOverview({
         totalTokens: resolvedTokensIssued,
         tokenPrice: tokenPriceValue,
         ticker,
+        priceHistory: priceHistoryProp,
         onClose: () => setShowDividendHistory(false)
       }
     ),
@@ -8805,9 +8811,10 @@ function DividendHistoryPopup({
   totalTokens,
   tokenPrice,
   ticker,
+  priceHistory: realPriceHistory,
   onClose
 }) {
-  const { records, priceHistory } = generateDividendHistory(valuation ?? 0, totalTokens ?? 0, tokenPrice ?? 0);
+  const { records, priceHistory } = generateDividendHistory(valuation ?? 0, totalTokens ?? 0, tokenPrice ?? 0, realPriceHistory);
   React5.useEffect(() => {
     const handleEsc = (e) => {
       if (e.key === "Escape") onClose();