@loafmarkets/ui 0.1.356 → 0.1.358

package/dist/index.mjs

@@ -6819,30 +6819,6 @@ var LoginPopup = ({
           /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 2C9.79 2 8 3.79 8 6v4H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2h-2V6c0-2.21-1.79-4-4-4zm-2 4c0-1.1.9-2 2-2s2 .9 2 2v4h-4V6zm2 9a2 2 0 100 4 2 2 0 000-4z" }) }),
           "Sign in with Passkey"
         ] })
-      ] }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(AnnotationContainer, { children: [
-        /* @__PURE__ */ jsxs(Annotation, { children: [
-          /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }) }),
-          /* @__PURE__ */ jsxs(AnnotationText, { children: [
-            /* @__PURE__ */ jsx(AnnotationLabel, { children: "\u2190 Digital Asset users" }),
-            "Connect your Web3 wallet to access your assets"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Annotation, { children: [
-          /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" }) }),
-          /* @__PURE__ */ jsxs(AnnotationText, { children: [
-            /* @__PURE__ */ jsx(AnnotationLabel, { children: "\u2190 Traditional Finance users" }),
-            "Sign in with email, no web3 experience needed"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Annotation, { children: [
-          /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" }) }),
-          /* @__PURE__ */ jsxs(AnnotationText, { children: [
-            /* @__PURE__ */ jsx(AnnotationLabel, { children: "\u2190 Self custodial" }),
-            "We never have ownership of your assets. All units are self custodial"
-          ] })
-        ] })
       ] })
     ] }) });
   }
@@ -7555,57 +7531,12 @@ var LoginButton = styled9.button`
     color: var(--color-accent, #e6c656);
   }
 `;
-var Divider = styled9.div`
-  display: flex;
-  align-items: center;
-  margin: 1.5rem 0;
-
-  &::before,
-  &::after {
-    content: "";
-    flex: 1;
-    height: 1px;
-    background-color: rgba(230, 198, 86, 0.2);
-  }
-`;
 var InfoText = styled9.p`
   color: var(--color-text-secondary, #848e9c);
   font-size: 0.875rem;
   text-align: center;
   line-height: 1.5;
 `;
-var AnnotationContainer = styled9.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  margin-top: 1.5rem;
-  padding-top: 1.5rem;
-  border-top: 1px solid rgba(230, 198, 86, 0.2);
-`;
-var Annotation = styled9.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 1rem;
-  color: var(--color-text-secondary, #848e9c);
-  font-size: 0.8rem;
-
-  svg {
-    width: 16px;
-    height: 16px;
-    flex-shrink: 0;
-    margin-top: 2px;
-    color: var(--color-accent, #e6c656);
-  }
-`;
-var AnnotationText = styled9.span`
-  flex: 1;
-  line-height: 1.4;
-`;
-var AnnotationLabel = styled9.span`
-  color: var(--color-text, #eaecef);
-  font-weight: 500;
-  margin-right: 0.25rem;
-`;
 var EmailFormContainer = styled9.div`
   display: flex;
   flex-direction: column;
@@ -9012,15 +8943,12 @@ function PropertyOverview({
   contractAddress,
   chain = "Base (Ethereum L2)",
   volume24h,
-  openOrdersValue,
-  holderCount,
   priceHistory: priceHistoryProp,
   beta = false,
   marketHours
 }) {
   const [isDescExpanded, setDescExpanded] = useState(false);
   const [showDividendHistory, setShowDividendHistory] = useState(false);
-  const [showHolders, setShowHolders] = useState(false);
   const [copiedAddress, setCopiedAddress] = useState(false);
   const [statsTab, setStatsTab] = useState("token");
   const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
@@ -9074,9 +9002,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 = [
@@ -9143,7 +9069,7 @@ function PropertyOverview({
           /* @__PURE__ */ jsx(StatsRowLabel, { children: "Token Performance" }),
           /* @__PURE__ */ jsx(StatsHRow, { children: tokenStats.map((item) => /* @__PURE__ */ jsxs(StatsHCell, { children: [
             /* @__PURE__ */ jsx(StatsHCellLabel, { children: item.label }),
-            item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
+            /* @__PURE__ */ jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
           ] }, item.label)) })
         ] }),
         /* @__PURE__ */ jsxs(StatsRowSection, { children: [
@@ -9162,7 +9088,7 @@ function PropertyOverview({
         ] }),
         statsTab === "token" && /* @__PURE__ */ jsx(StatsTabContent, { children: tokenStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { $gold: !!item.gold, children: [
           /* @__PURE__ */ jsx(StatLabel, { children: item.label }),
-          item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsx(StatValue, { $gold: !!item.gold, children: item.value })
+          /* @__PURE__ */ jsx(StatValue, { $gold: !!item.gold, children: item.value })
         ] }, item.label)) }),
         statsTab === "property" && /* @__PURE__ */ jsxs(StatsTabContent, { children: [
           propertyStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { children: [
@@ -9184,14 +9110,6 @@ function PropertyOverview({
         onClose: () => setShowDividendHistory(false)
       }
     ),
-    showHolders && /* @__PURE__ */ jsx(
-      HoldersPopup,
-      {
-        contractAddress,
-        ticker,
-        onClose: () => setShowHolders(false)
-      }
-    ),
     /* @__PURE__ */ jsxs(Section, { children: [
       /* @__PURE__ */ jsx(SectionHeader, { children: "The Asset" }),
       galleryImages.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -9248,14 +9166,6 @@ function PropertyOverview({
               /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median" }),
               /* @__PURE__ */ jsx(StatValue, { children: overviewData?.suburbMedian != null ? fmtDollar(overviewData.suburbMedian) : "\u2014" })
             ] }),
-            /* @__PURE__ */ jsxs(StatRow, { children: [
-              /* @__PURE__ */ jsx(StatLabel, { children: "5yr Property Growth" }),
-              /* @__PURE__ */ jsx(StatValue, { style: growthPct != null && growthPct > 0 ? { color: "#4ade80" } : void 0, children: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" })
-            ] }),
-            /* @__PURE__ */ jsxs(StatRow, { children: [
-              /* @__PURE__ */ jsx(StatLabel, { children: "Current Dividend" }),
-              /* @__PURE__ */ jsx(StatValue, { children: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)} / share / mo` : "\u2014" })
-            ] }),
             propertyHistory.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
               /* @__PURE__ */ jsx(TimelineWrap, { children: propertyHistory.map((h, i) => {
@@ -9480,65 +9390,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
-}) {
-  useEffect(() => {
-    const handleEsc = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", handleEsc);
-    return () => window.removeEventListener("keydown", handleEsc);
-  }, [onClose]);
-  const basescanUrl = contractAddress ? `https://sepolia.basescan.org/token/${contractAddress}#balances` : "https://sepolia.basescan.org";
-  return /* @__PURE__ */ jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(HoldersPanel, { onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxs(DivPopupHeader, { children: [
-      /* @__PURE__ */ jsxs(DivPopupTitle, { children: [
-        "Top Holders",
-        ticker ? ` (${ticker})` : ""
-      ] }),
-      /* @__PURE__ */ jsxs(HoldersHeaderRight, { children: [
-        /* @__PURE__ */ jsx(HoldersBasescanLink, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "View on BaseScan\xA0\u2197" }),
-        /* @__PURE__ */ jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close holders", children: "\u2715" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(HoldersTableWrap, { children: [
-      /* @__PURE__ */ jsxs(HoldersTableHeader, { children: [
-        /* @__PURE__ */ jsx(HoldersColRank, { children: "#" }),
-        /* @__PURE__ */ jsx(HoldersColAddr, { children: "Address" }),
-        /* @__PURE__ */ jsx(HoldersColTokens, { children: "Tokens" }),
-        /* @__PURE__ */ jsx(HoldersColPct, { children: "%" })
-      ] }),
-      MOCK_HOLDERS.map((h) => /* @__PURE__ */ jsxs(HoldersTableRow, { children: [
-        /* @__PURE__ */ jsx(HoldersColRank, { children: h.rank }),
-        /* @__PURE__ */ jsxs(HoldersColAddr, { children: [
-          /* @__PURE__ */ jsx(HolderAddrLink, { href: `https://sepolia.basescan.org/address/${h.address.replace("...", "")}`, target: "_blank", rel: "noopener noreferrer", children: h.address }),
-          h.label && /* @__PURE__ */ jsx(HolderLabel, { children: h.label })
-        ] }),
-        /* @__PURE__ */ jsx(HoldersColTokens, { children: h.tokens.toLocaleString() }),
-        /* @__PURE__ */ jsxs(HoldersColPct, { children: [
-          h.pct.toFixed(1),
-          "%"
-        ] })
-      ] }, h.rank))
-    ] }),
-    /* @__PURE__ */ jsx(HoldersFooter, { children: /* @__PURE__ */ jsx(HoldersFullListBtn, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "See Full List of Holders\xA0\u2197" }) })
-  ] }) });
-}
 var Wrapper = styled9.div`
   display: flex;
   flex-direction: column;
@@ -10148,133 +9999,6 @@ var DivTableTD = styled9.td`
   font-size: 0.82rem;
   color: rgba(255,255,255,0.75);
 `;
-var HoldersPanel = styled9.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.div`
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-`;
-var HoldersBasescanLink = styled9.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.div`
-  padding: 0 1.5rem;
-`;
-var HoldersTableHeader = styled9.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.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.span`
-  width: 32px;
-  flex-shrink: 0;
-  color: rgba(255,255,255,0.35);
-  font-size: 0.75rem;
-`;
-var HoldersColAddr = styled9.span`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-`;
-var HolderAddrLink = styled9.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.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.span`
-  width: 90px;
-  text-align: right;
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-`;
-var HoldersColPct = styled9.span`
-  width: 55px;
-  text-align: right;
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-  color: rgba(255,255,255,0.5);
-`;
-var HoldersFooter = styled9.div`
-  padding: 1rem 1.5rem 1.25rem;
-  display: flex;
-  justify-content: center;
-`;
-var HoldersFullListBtn = styled9.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.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)",
@@ -12379,7 +12103,7 @@ function OrderPanel({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Divider2, { children: "\u2193" }),
+      /* @__PURE__ */ jsx(Divider, { children: "\u2193" }),
       /* @__PURE__ */ jsxs(ReadyChecklist, { children: [
         /* @__PURE__ */ jsx(ChecklistTitle, { children: "Get ready to invest" }),
         /* @__PURE__ */ jsx(ChecklistSub, { children: "Complete these steps to be first in line" }),
@@ -12553,7 +12277,7 @@ function OrderPanel({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Divider2, { children: "\u2193" }),
+      /* @__PURE__ */ jsx(Divider, { children: "\u2193" }),
       /* @__PURE__ */ jsxs(Card2, { children: [
         /* @__PURE__ */ jsxs(CardTopRow, { children: [
           /* @__PURE__ */ jsx(CardLabel, { children: ipoStarted ? "You Receive" : "You'll Receive" }),
@@ -12852,7 +12576,7 @@ var DepositButton2 = styled9.button`
   cursor: pointer;
   font-weight: 500;
 `;
-var Divider2 = styled9.div`
+var Divider = styled9.div`
   text-align: center;
   margin: 0.25rem 0;
   color: var(--color-text-secondary);