@loafmarkets/ui 0.1.364 → 0.1.366

package/dist/index.mjs

@@ -6439,6 +6439,7 @@ var LoginPopup = ({
   onClose,
   onOpenEarlyAccess,
   onWalletLogin,
+  onWalletSignup,
   onPasskeyLogin,
   isAuthenticated,
   currentUser,
@@ -6524,7 +6525,7 @@ var LoginPopup = ({
     if (suppressAutoCloseRef.current) {
       return;
     }
-    if (view === "kyc" || view === "kyc-success" || view === "kyc-failed" || view === "funding" || view === "receive" || view === "referral") {
+    if (view === "kyc" || view === "kyc-success" || view === "kyc-failed" || view === "funding" || view === "receive" || view === "referral" || view === "wallet-handle") {
       return;
     }
     if (isAuthenticated || currentUser) {
@@ -6540,12 +6541,21 @@ var LoginPopup = ({
   }, [onClose]);
   const handleWalletLogin = async () => {
     if (onWalletLogin) {
+      suppressAutoCloseRef.current = true;
       try {
-        await onWalletLogin();
+        const result = await onWalletLogin();
+        if (result && result.needsHandle && onWalletSignup) {
+          setHandle("");
+          setError("");
+          setView("wallet-handle");
+          return;
+        }
+        suppressAutoCloseRef.current = false;
         onClose();
         return;
       } catch (err) {
         console.error("[LoginTrace][Popup] Wallet login failed", err);
+        suppressAutoCloseRef.current = false;
       }
     }
     onClose();
@@ -6553,6 +6563,31 @@ var LoginPopup = ({
       onOpenEarlyAccess();
     }
   };
+  const handleWalletSignupSubmit = async (event) => {
+    event?.preventDefault();
+    if (!handle.trim()) {
+      setError("Please claim a handle to continue");
+      return;
+    }
+    if (!onWalletSignup) {
+      onClose();
+      return;
+    }
+    setLoading(true);
+    setError("");
+    try {
+      await onWalletSignup(handle.trim());
+      if (onSubmitReferralCode) {
+        setView("referral");
+      } else {
+        onClose();
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Couldn't complete sign up. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  };
   const handlePasskeyLogin = async () => {
     if (!onPasskeyLogin) return;
     setError("");
@@ -6879,6 +6914,31 @@ var LoginPopup = ({
       isSignUp && /* @__PURE__ */ jsx(MiniLiveFeed, {})
     ] }) });
   }
+  if (view === "wallet-handle") {
+    return /* @__PURE__ */ jsx(Overlay2, { onClick: loading ? void 0 : onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
+      !loading && /* @__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(Title, { children: [
+        /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
+        "Claim your handle"
+      ] }),
+      /* @__PURE__ */ jsx("form", { onSubmit: handleWalletSignupSubmit, children: /* @__PURE__ */ jsxs(EmailFormContainer, { children: [
+        /* @__PURE__ */ jsx(
+          EmailInput,
+          {
+            type: "text",
+            placeholder: "Claim your handle (e.g. Landlord)",
+            value: handle,
+            onChange: (event) => setHandle(event.target.value),
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsx(SubmitButton, { type: "submit", disabled: loading || !handle.trim(), children: loading ? "Setting up your account\u2026" : "Continue" }),
+        error && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: error })
+      ] }) }),
+      /* @__PURE__ */ jsx(InfoText, { children: "Pick a public handle for your Loaf profile." }),
+      /* @__PURE__ */ jsx(MiniLiveFeed, {})
+    ] }) });
+  }
   if (view === "otp") {
     return /* @__PURE__ */ jsx(Overlay2, { onClick: loading ? void 0 : onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
       !loading && /* @__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" }) }) }),
@@ -7097,7 +7157,7 @@ var LoginPopup = ({
       }
     };
     const handleJoinWaitlistSkip = async () => {
-      if (!onJoinWaitlist) {
+      if (!onJoinWaitlist || !email) {
         onClose();
         return;
       }
@@ -7171,7 +7231,7 @@ var LoginPopup = ({
             onClick: () => void handleJoinWaitlistSkip(),
             disabled: waitlistLoading,
             style: { marginTop: "0.75rem" },
-            children: waitlistLoading ? "Joining\u2026" : "Skip for now & join Waitlist"
+            children: waitlistLoading ? "Joining\u2026" : email ? "Skip for now & join Waitlist" : "Skip for now"
           }
         )
       ] })
@@ -13557,9 +13617,9 @@ function PortfolioActivityPanel({
         case "asset":
           return dir * a.tokenName.localeCompare(b.tokenName);
         case "units":
-          return dir * (a.quantity - b.quantity);
+          return dir * (a.totalQuantity - b.totalQuantity);
         case "value":
-          return dir * (a.quantity * a.marketPrice - b.quantity * b.marketPrice);
+          return dir * (a.totalQuantity * a.marketPrice - b.totalQuantity * b.marketPrice);
         case "avgPrice":
           return dir * (a.averageEntryPrice - b.averageEntryPrice);
         case "currentPrice":
@@ -13728,8 +13788,8 @@ function PortfolioActivityPanel({
             ] })
           ] }),
           sortedPositions.map((pos) => {
-            const currentValue = pos.quantity * pos.marketPrice;
-            const costBasis = pos.quantity * pos.averageEntryPrice;
+            const currentValue = pos.totalQuantity * pos.marketPrice;
+            const costBasis = pos.totalQuantity * pos.averageEntryPrice;
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
             const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
             const isPositive = pnl >= 0;
@@ -13746,7 +13806,7 @@ function PortfolioActivityPanel({
                 ] }),
                 /* @__PURE__ */ jsxs(CUnitsCell, { children: [
                   /* @__PURE__ */ jsx(CCellLabel, { children: "Units" }),
-                  formatNumber2(pos.quantity, pos.quantity >= 100 ? 0 : 2),
+                  formatNumber2(pos.totalQuantity, pos.totalQuantity >= 100 ? 0 : 2),
                   " ",
                   ticker
                 ] }),
@@ -13819,15 +13879,15 @@ function PortfolioActivityPanel({
             onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Sell All" }) })
           ] }),
           sortedPositions.map((pos) => {
-            const currentValue = pos.quantity * pos.marketPrice;
-            const costBasis = pos.quantity * pos.averageEntryPrice;
+            const currentValue = pos.totalQuantity * pos.marketPrice;
+            const costBasis = pos.totalQuantity * pos.averageEntryPrice;
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
             const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
             const isPositive = pnl >= 0;
             return /* @__PURE__ */ jsxs(PositionsRow, { $hasClose: !!onClosePosition, children: [
               /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx(HoldingsPropertyLink, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: pos.tokenName }) }),
               /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: [
-                formatNumber2(pos.quantity),
+                formatNumber2(pos.totalQuantity),
                 " ",
                 /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.4)", fontSize: "0.7rem" }, children: pos.tokenName.toUpperCase() })
               ] }) }),