@loafmarkets/ui 0.1.364 → 0.1.365

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"
           }
         )
       ] })