@loafmarkets/ui 0.1.358 → 0.1.360

package/dist/index.d.mts

@@ -584,6 +584,8 @@ type LoginPopupProps = {
     walletAddress?: string | null;
     /** Called when the user submits a referral code during onboarding. */
     onSubmitReferralCode?: (code: string) => Promise<void> | void;
+    /** Called when the user skips the referral code and joins the waitlist. Receives their signup email. Resolves to a success message. */
+    onJoinWaitlist?: (email: string) => Promise<string> | void;
     /** Handler invoked when the user selects "Sign in with Wallet". */
     onWalletLogin?: () => Promise<void> | void;
     /** Handler invoked when the user selects "Sign in with Passkey". When omitted, the button is hidden. */

package/dist/index.d.ts

@@ -584,6 +584,8 @@ type LoginPopupProps = {
     walletAddress?: string | null;
     /** Called when the user submits a referral code during onboarding. */
     onSubmitReferralCode?: (code: string) => Promise<void> | void;
+    /** Called when the user skips the referral code and joins the waitlist. Receives their signup email. Resolves to a success message. */
+    onJoinWaitlist?: (email: string) => Promise<string> | void;
     /** Handler invoked when the user selects "Sign in with Wallet". */
     onWalletLogin?: () => Promise<void> | void;
     /** Handler invoked when the user selects "Sign in with Passkey". When omitted, the button is hidden. */

package/dist/index.js

@@ -4591,9 +4591,14 @@ var PriceChart = React5__namespace.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}`;
   }
@@ -4636,6 +4641,14 @@ var PropertyHeroHeader = React5__namespace.forwardRef(
     const tradeHoverColor = "#f5dd9a";
     const [isTradeInteracting, setIsTradeInteracting] = React5__namespace.useState(false);
     const [isOfferInteracting, setIsOfferInteracting] = React5__namespace.useState(false);
+    const [isMobile, setIsMobile] = React5__namespace.useState(
+      () => typeof window !== "undefined" && window.innerWidth <= 768
+    );
+    React5__namespace.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;
@@ -4683,7 +4696,7 @@ var PropertyHeroHeader = React5__namespace.forwardRef(
               isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 110, height: 24 }) : price == null ? null : /* @__PURE__ */ jsxRuntime.jsxs(PriceRow, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(CurrencyLabel, { children: "USD" }),
                 changePercent != null ? /* @__PURE__ */ jsxRuntime.jsx(PriceArrow, { $isPositive: isPositive, children: isPositive ? "\u25B2" : "\u25BC" }) : null,
-                formatPrice3(price, "")
+                formatPrice3(price, "", isMobile)
               ] }),
               changePercent != null ? /* @__PURE__ */ jsxRuntime.jsxs(PriceChangeRow, { $isPositive: isPositive, children: [
                 priceChange != null ? `${isPositive ? "+" : ""}${priceChange.toFixed(2)} ` : null,
@@ -6465,7 +6478,8 @@ var LoginPopup = ({
   initialView,
   kycStatus: kycStatusProp,
   walletAddress,
-  onSubmitReferralCode
+  onSubmitReferralCode,
+  onJoinWaitlist
 }) => {
   const [view, setView] = React5.useState(() => initialView ?? "main");
   const [email, setEmail] = React5.useState("");
@@ -6476,6 +6490,8 @@ var LoginPopup = ({
   const [referralCode, setReferralCode] = React5.useState("");
   const [referralLoading, setReferralLoading] = React5.useState(false);
   const [referralError, setReferralError] = React5.useState("");
+  const [waitlistLoading, setWaitlistLoading] = React5.useState(false);
+  const [waitlistMessage, setWaitlistMessage] = React5.useState("");
   const [loading, setLoading] = React5.useState(false);
   const [isSignUp, setIsSignUp] = React5.useState(false);
   const [fundingAmount] = React5.useState("");
@@ -7104,6 +7120,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__ */ jsxRuntime.jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
       /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(OnboardingStepContainer, { children: [
@@ -7123,7 +7155,7 @@ var LoginPopup = ({
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { children: "Do you have a referral code?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { children: "Enter code to access Private Beta trading" }),
         /* @__PURE__ */ jsxRuntime.jsx(OnboardingSubtext, { style: { marginBottom: "1.5rem" }, children: "Enter your code to unlock $100k in testnet USD, or skip to continue." }),
         /* @__PURE__ */ jsxRuntime.jsxs(EmailFormContainer, { style: { width: "100%", marginBottom: 0 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -7153,13 +7185,17 @@ var LoginPopup = ({
           ),
           referralError && /* @__PURE__ */ jsxRuntime.jsx(StatusMessage, { $error: true, children: referralError })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        waitlistMessage ? /* @__PURE__ */ jsxRuntime.jsxs(StatusMessage, { style: { marginTop: "0.75rem" }, children: [
+          "\u2713 ",
+          waitlistMessage
+        ] }) : /* @__PURE__ */ jsxRuntime.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"
           }
         )
       ] })
@@ -9150,7 +9186,7 @@ function PropertyOverview({
                 videoUrl,
                 tokenName,
                 onPhotoClick: onPhotosClick,
-                hideMap: true
+                hideSuburb: true
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(FeaturesPanel, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [