@loafmarkets/ui 0.1.355 → 0.1.357

package/dist/index.d.mts

@@ -772,8 +772,6 @@ type PropertyOverviewProps = {
     chain?: string;
     percentageTokenized?: number | null;
     volume24h?: number | null;
-    openOrdersValue?: number | null;
-    holderCount?: number | null;
     priceHistory?: {
         time: number;
         close: number;
@@ -788,7 +786,7 @@ type PropertyOverviewProps = {
         marketClosedDays: readonly string[];
     } | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, 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, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, 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, volume24h, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {

package/dist/index.d.ts

@@ -772,8 +772,6 @@ type PropertyOverviewProps = {
     chain?: string;
     percentageTokenized?: number | null;
     volume24h?: number | null;
-    openOrdersValue?: number | null;
-    holderCount?: number | null;
     priceHistory?: {
         time: number;
         close: number;
@@ -788,7 +786,7 @@ type PropertyOverviewProps = {
         marketClosedDays: readonly string[];
     } | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, 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, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, 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, volume24h, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {

package/dist/index.js

@@ -4592,6 +4592,11 @@ var PriceChart = React5__namespace.forwardRef(
 );
 PriceChart.displayName = "PriceChart";
 var formatPrice3 = (value, currencySymbol) => {
+  const abs = Math.abs(value);
+  if (abs >= 1e6) {
+    const unit = abs >= 1e12 ? { v: 1e12, s: "T" } : abs >= 1e9 ? { v: 1e9, s: "B" } : { v: 1e6, s: "M" };
+    return `${currencySymbol}${(value / unit.v).toFixed(1)}${unit.s}`;
+  }
   return `${currencySymbol}${value.toLocaleString(void 0, {
     minimumFractionDigits: 0,
     maximumFractionDigits: 2
@@ -9033,15 +9038,12 @@ function PropertyOverview({
   contractAddress,
   chain = "Base (Ethereum L2)",
   volume24h,
-  openOrdersValue,
-  holderCount,
   priceHistory: priceHistoryProp,
   beta = false,
   marketHours
 }) {
   const [isDescExpanded, setDescExpanded] = React5.useState(false);
   const [showDividendHistory, setShowDividendHistory] = React5.useState(false);
-  const [showHolders, setShowHolders] = React5.useState(false);
   const [copiedAddress, setCopiedAddress] = React5.useState(false);
   const [statsTab, setStatsTab] = React5.useState("token");
   const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
@@ -9079,7 +9081,7 @@ function PropertyOverview({
   ] });
   const tokenDetailsItems = [
     { label: "Chain", value: chainValue },
-    { label: "On-Chain Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0, copyValue: contractAddress },
+    { label: "On-Chain Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://sepolia.basescan.org/address/${contractAddress}` : void 0, copyValue: contractAddress },
     { label: "Token Ticker", value: ticker ?? "\u2014" },
     { label: "Total Circulating Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
     { label: "Legal Structuring", value: "See Documents", docLink: true },
@@ -9095,9 +9097,7 @@ function PropertyOverview({
   const tokenStats = [
     { label: "Token Price", value: isLoading && tokenPriceValue == null ? loadingSkeleton : tokenPriceValue ? `$${tokenPriceValue.toFixed(2)}` : "\u2014", gold: true },
     { label: "24h Volume", value: isLoading && vol24hDollar == null ? loadingSkeleton : vol24hDollar != null && vol24hDollar > 0 ? fmtDollar(vol24hDollar) : "\u2014" },
-    { label: "Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
-    { label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? fmtDollar(openOrdersValue) : "\u2014" },
-    { label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
+    { label: "Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" }
   ];
   const growthPct = overviewData?.growth5Yr;
   const propertyStats = [
@@ -9164,7 +9164,7 @@ function PropertyOverview({
           /* @__PURE__ */ jsxRuntime.jsx(StatsRowLabel, { children: "Token Performance" }),
           /* @__PURE__ */ jsxRuntime.jsx(StatsHRow, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatsHCell, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatsHCellLabel, { children: item.label }),
-            item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
+            /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
           ] }, item.label)) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(StatsRowSection, { children: [
@@ -9183,7 +9183,7 @@ function PropertyOverview({
         ] }),
         statsTab === "token" && /* @__PURE__ */ jsxRuntime.jsx(StatsTabContent, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { $gold: !!item.gold, children: [
           /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
-          item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
+          /* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
         ] }, item.label)) }),
         statsTab === "property" && /* @__PURE__ */ jsxRuntime.jsxs(StatsTabContent, { children: [
           propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
@@ -9205,14 +9205,6 @@ function PropertyOverview({
         onClose: () => setShowDividendHistory(false)
       }
     ),
-    showHolders && /* @__PURE__ */ jsxRuntime.jsx(
-      HoldersPopup,
-      {
-        contractAddress,
-        ticker,
-        onClose: () => setShowHolders(false)
-      }
-    ),
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
       galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -9269,14 +9261,6 @@ function PropertyOverview({
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median" }),
               /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.suburbMedian != null ? fmtDollar(overviewData.suburbMedian) : "\u2014" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: growthPct != null && growthPct > 0 ? { color: "#4ade80" } : void 0, children: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Current Dividend" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)} / share / mo` : "\u2014" })
-            ] }),
             propertyHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
               /* @__PURE__ */ jsxRuntime.jsx(TimelineWrap, { children: propertyHistory.map((h, i) => {
@@ -9501,65 +9485,6 @@ function DividendHistoryPopup({
     ] }) })
   ] }) });
 }
-var MOCK_HOLDERS = [
-  { rank: 1, address: "0xA1b2...9F3e", label: "Loaf Treasury", tokens: 12500, pct: 25 },
-  { rank: 2, address: "0xC4d5...1A7b", label: null, tokens: 6200, pct: 12.4 },
-  { rank: 3, address: "0xE8f9...3C2d", label: null, tokens: 4800, pct: 9.6 },
-  { rank: 4, address: "0x2B3c...7D4e", label: "Market Maker", tokens: 3500, pct: 7 },
-  { rank: 5, address: "0x5F6a...8E1c", label: null, tokens: 2900, pct: 5.8 },
-  { rank: 6, address: "0x7A8b...0F2d", label: null, tokens: 2400, pct: 4.8 },
-  { rank: 7, address: "0x9C0d...4A3e", label: null, tokens: 1800, pct: 3.6 },
-  { rank: 8, address: "0xB1e2...6C5f", label: null, tokens: 1500, pct: 3 },
-  { rank: 9, address: "0xD3f4...8E7a", label: null, tokens: 1200, pct: 2.4 },
-  { rank: 10, address: "0xF5a6...2B9c", label: null, tokens: 950, pct: 1.9 }
-];
-function HoldersPopup({
-  contractAddress,
-  ticker,
-  onClose
-}) {
-  React5.useEffect(() => {
-    const handleEsc = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", handleEsc);
-    return () => window.removeEventListener("keydown", handleEsc);
-  }, [onClose]);
-  const basescanUrl = contractAddress ? `https://basescan.org/token/${contractAddress}#balances` : "https://basescan.org";
-  return /* @__PURE__ */ jsxRuntime.jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(HoldersPanel, { onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DivPopupHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(DivPopupTitle, { children: [
-        "Top Holders",
-        ticker ? ` (${ticker})` : ""
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(HoldersHeaderRight, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersBasescanLink, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "View on BaseScan\xA0\u2197" }),
-        /* @__PURE__ */ jsxRuntime.jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close holders", children: "\u2715" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableWrap, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersColRank, { children: "#" }),
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersColAddr, { children: "Address" }),
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersColTokens, { children: "Tokens" }),
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersColPct, { children: "%" })
-      ] }),
-      MOCK_HOLDERS.map((h) => /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableRow, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersColRank, { children: h.rank }),
-        /* @__PURE__ */ jsxRuntime.jsxs(HoldersColAddr, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(HolderAddrLink, { href: `https://basescan.org/address/${h.address.replace("...", "")}`, target: "_blank", rel: "noopener noreferrer", children: h.address }),
-          h.label && /* @__PURE__ */ jsxRuntime.jsx(HolderLabel, { children: h.label })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(HoldersColTokens, { children: h.tokens.toLocaleString() }),
-        /* @__PURE__ */ jsxRuntime.jsxs(HoldersColPct, { children: [
-          h.pct.toFixed(1),
-          "%"
-        ] })
-      ] }, h.rank))
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(HoldersFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(HoldersFullListBtn, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "See Full List of Holders\xA0\u2197" }) })
-  ] }) });
-}
 var Wrapper = styled9__default.default.div`
   display: flex;
   flex-direction: column;
@@ -10169,133 +10094,6 @@ var DivTableTD = styled9__default.default.td`
   font-size: 0.82rem;
   color: rgba(255,255,255,0.75);
 `;
-var HoldersPanel = styled9__default.default.div`
-  background: #111;
-  border: 1px solid rgba(255,255,255,0.08);
-  border-radius: 14px;
-  width: 90%;
-  max-width: 520px;
-  max-height: 85vh;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-`;
-var HoldersHeaderRight = styled9__default.default.div`
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-`;
-var HoldersBasescanLink = styled9__default.default.a`
-  font-size: 0.75rem;
-  color: rgba(255,255,255,0.4);
-  text-decoration: none;
-  transition: color 0.15s;
-  &:hover { color: rgba(212,175,55,0.9); }
-`;
-var HoldersTableWrap = styled9__default.default.div`
-  padding: 0 1.5rem;
-`;
-var HoldersTableHeader = styled9__default.default.div`
-  display: flex;
-  align-items: center;
-  padding: 0.6rem 0;
-  border-bottom: 1px solid rgba(255,255,255,0.08);
-  font-size: 0.65rem;
-  font-weight: 500;
-  color: rgba(255,255,255,0.4);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-`;
-var HoldersTableRow = styled9__default.default.div`
-  display: flex;
-  align-items: center;
-  padding: 0.6rem 0;
-  border-bottom: 1px solid rgba(255,255,255,0.03);
-  font-size: 0.82rem;
-  color: rgba(255,255,255,0.75);
-  border-radius: 6px;
-  transition: background 0.15s;
-  &:hover { background: rgba(255,255,255,0.03); }
-  &:last-child { border-bottom: none; }
-`;
-var HoldersColRank = styled9__default.default.span`
-  width: 32px;
-  flex-shrink: 0;
-  color: rgba(255,255,255,0.35);
-  font-size: 0.75rem;
-`;
-var HoldersColAddr = styled9__default.default.span`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-`;
-var HolderAddrLink = styled9__default.default.a`
-  font-family: monospace;
-  font-size: 0.8rem;
-  color: rgba(255,255,255,0.7);
-  text-decoration: none;
-  &:hover { color: rgba(212,175,55,0.9); }
-`;
-var HolderLabel = styled9__default.default.span`
-  font-size: 0.68rem;
-  color: rgba(212,175,55,0.7);
-  background: rgba(212,175,55,0.08);
-  padding: 1px 6px;
-  border-radius: 4px;
-  white-space: nowrap;
-`;
-var HoldersColTokens = styled9__default.default.span`
-  width: 90px;
-  text-align: right;
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-`;
-var HoldersColPct = styled9__default.default.span`
-  width: 55px;
-  text-align: right;
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-  color: rgba(255,255,255,0.5);
-`;
-var HoldersFooter = styled9__default.default.div`
-  padding: 1rem 1.5rem 1.25rem;
-  display: flex;
-  justify-content: center;
-`;
-var HoldersFullListBtn = styled9__default.default.a`
-  display: inline-flex;
-  align-items: center;
-  padding: 0.55rem 1.5rem;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 8px;
-  background: rgba(255,255,255,0.03);
-  color: rgba(255,255,255,0.6);
-  font-size: 0.78rem;
-  font-weight: 500;
-  text-decoration: none;
-  transition: border-color 0.15s, color 0.15s, background 0.15s;
-  &:hover {
-    border-color: rgba(212,175,55,0.4);
-    color: rgba(212,175,55,0.9);
-    background: rgba(212,175,55,0.05);
-  }
-`;
-var StatValueClickable = styled9__default.default.span`
-  font-size: 0.88rem;
-  font-weight: 500;
-  color: #fff;
-  cursor: pointer;
-  text-decoration: underline;
-  text-underline-offset: 3px;
-  text-decoration-color: rgba(255,255,255,0.15);
-  transition: color 0.15s, text-decoration-color 0.15s;
-  &:hover {
-    color: rgba(212,175,55,0.9);
-    text-decoration-color: rgba(212,175,55,0.5);
-  }
-`;
 var STATUS_BG = {
   active: "rgba(14,203,129,0.18)",
   rejected: "rgba(246,70,93,0.18)",