@loafmarkets/ui 0.1.358 → 0.1.359

package/dist/index.mjs

@@ -4565,9 +4565,14 @@ var PriceChart = React5.forwardRef(
   }
 );
 PriceChart.displayName = "PriceChart";
-var formatPrice3 = (value, currencySymbol) => {
+var formatPrice3 = (value, currencySymbol, compact) => {
   const abs = Math.abs(value);
   if (abs >= 1e6) {
+    if (!compact) {
+      return `${currencySymbol}${Math.round(value).toLocaleString(void 0, {
+        maximumFractionDigits: 0
+      })}`;
+    }
     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}`;
   }
@@ -4610,6 +4615,14 @@ var PropertyHeroHeader = React5.forwardRef(
     const tradeHoverColor = "#f5dd9a";
     const [isTradeInteracting, setIsTradeInteracting] = React5.useState(false);
     const [isOfferInteracting, setIsOfferInteracting] = React5.useState(false);
+    const [isMobile, setIsMobile] = React5.useState(
+      () => typeof window !== "undefined" && window.innerWidth <= 768
+    );
+    React5.useEffect(() => {
+      const onResize = () => setIsMobile(window.innerWidth <= 768);
+      window.addEventListener("resize", onResize);
+      return () => window.removeEventListener("resize", onResize);
+    }, []);
     const isTradeDisabled = !onTrade;
     const isMakeOfferButtonDisabled = makeOfferDisabled || !onMakeOffer;
     const showMakeOfferButton = !hideMakeOfferButton;
@@ -4657,7 +4670,7 @@ var PropertyHeroHeader = React5.forwardRef(
               isLoading ? /* @__PURE__ */ jsx(Skeleton, { width: 110, height: 24 }) : price == null ? null : /* @__PURE__ */ jsxs(PriceRow, { children: [
                 /* @__PURE__ */ jsx(CurrencyLabel, { children: "USD" }),
                 changePercent != null ? /* @__PURE__ */ jsx(PriceArrow, { $isPositive: isPositive, children: isPositive ? "\u25B2" : "\u25BC" }) : null,
-                formatPrice3(price, "")
+                formatPrice3(price, "", isMobile)
               ] }),
               changePercent != null ? /* @__PURE__ */ jsxs(PriceChangeRow, { $isPositive: isPositive, children: [
                 priceChange != null ? `${isPositive ? "+" : ""}${priceChange.toFixed(2)} ` : null,
@@ -6439,7 +6452,8 @@ var LoginPopup = ({
   initialView,
   kycStatus: kycStatusProp,
   walletAddress,
-  onSubmitReferralCode
+  onSubmitReferralCode,
+  onJoinWaitlist
 }) => {
   const [view, setView] = useState(() => initialView ?? "main");
   const [email, setEmail] = useState("");
@@ -6450,6 +6464,8 @@ var LoginPopup = ({
   const [referralCode, setReferralCode] = useState("");
   const [referralLoading, setReferralLoading] = useState(false);
   const [referralError, setReferralError] = useState("");
+  const [waitlistLoading, setWaitlistLoading] = useState(false);
+  const [waitlistMessage, setWaitlistMessage] = useState("");
   const [loading, setLoading] = useState(false);
   const [isSignUp, setIsSignUp] = useState(false);
   const [fundingAmount] = useState("");
@@ -7078,6 +7094,22 @@ var LoginPopup = ({
         setReferralLoading(false);
       }
     };
+    const handleJoinWaitlistSkip = async () => {
+      if (!onJoinWaitlist) {
+        onClose();
+        return;
+      }
+      setReferralError("");
+      setWaitlistLoading(true);
+      try {
+        const message = await onJoinWaitlist(email);
+        setWaitlistMessage(message || "You're on the waitlist.");
+        setTimeout(() => onClose(), 1400);
+      } catch (err) {
+        setReferralError(err instanceof Error ? err.message : "Couldn't join the waitlist. Please try again.");
+        setWaitlistLoading(false);
+      }
+    };
     return /* @__PURE__ */ jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
       /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
       /* @__PURE__ */ jsxs(OnboardingStepContainer, { children: [
@@ -7097,7 +7129,7 @@ var LoginPopup = ({
           /* @__PURE__ */ jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
           /* @__PURE__ */ jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
         ] }) }),
-        /* @__PURE__ */ jsx(OnboardingHeading, { children: "Do you have a referral code?" }),
+        /* @__PURE__ */ jsx(OnboardingHeading, { children: "Enter code to access Private Beta trading" }),
         /* @__PURE__ */ jsx(OnboardingSubtext, { style: { marginBottom: "1.5rem" }, children: "Enter your code to unlock $100k in testnet USD, or skip to continue." }),
         /* @__PURE__ */ jsxs(EmailFormContainer, { style: { width: "100%", marginBottom: 0 }, children: [
           /* @__PURE__ */ jsx(
@@ -7127,13 +7159,17 @@ var LoginPopup = ({
           ),
           referralError && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: referralError })
         ] }),
-        /* @__PURE__ */ jsx(
+        waitlistMessage ? /* @__PURE__ */ jsxs(StatusMessage, { style: { marginTop: "0.75rem" }, children: [
+          "\u2713 ",
+          waitlistMessage
+        ] }) : /* @__PURE__ */ jsx(
           OnboardingSkipButton,
           {
             type: "button",
-            onClick: onClose,
+            onClick: () => void handleJoinWaitlistSkip(),
+            disabled: waitlistLoading,
             style: { marginTop: "0.75rem" },
-            children: "Skip for now"
+            children: waitlistLoading ? "Joining\u2026" : "Skip for now & join Waitlist"
           }
         )
       ] })
@@ -9123,8 +9159,7 @@ function PropertyOverview({
                 propertyLocation: location,
                 videoUrl,
                 tokenName,
-                onPhotoClick: onPhotosClick,
-                hideMap: true
+                onPhotoClick: onPhotosClick
               }
             ),
             /* @__PURE__ */ jsx(FeaturesPanel, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [