@loafmarkets/ui 0.1.422 → 0.1.423

package/dist/index.d.mts

@@ -743,6 +743,12 @@ type LoginPopupProps = {
      * gate advances straight to sign-in.
      */
     initialCode?: string;
+    /**
+     * Seeds the "Claim your handle" input (e.g. from a linked X username). Fills
+     * only an untouched field — never clobbers typed text. Caller sanitizes;
+     * this component seeds verbatim.
+     */
+    defaultHandle?: string | null;
     /** Wallet address used for the receive funds view (bypasses Privy modal). */
     walletAddress?: string | null;
     /** Called when the user submits a referral code during onboarding. */

package/dist/index.d.ts

@@ -743,6 +743,12 @@ type LoginPopupProps = {
      * gate advances straight to sign-in.
      */
     initialCode?: string;
+    /**
+     * Seeds the "Claim your handle" input (e.g. from a linked X username). Fills
+     * only an untouched field — never clobbers typed text. Caller sanitizes;
+     * this component seeds verbatim.
+     */
+    defaultHandle?: string | null;
     /** Wallet address used for the receive funds view (bypasses Privy modal). */
     walletAddress?: string | null;
     /** Called when the user submits a referral code during onboarding. */

package/dist/index.js

@@ -7669,6 +7669,7 @@ var LoginPopup = ({
   onFundWallet,
   initialView,
   initialCode,
+  defaultHandle,
   kycStatus: kycStatusProp,
   walletAddress,
   onSubmitReferralCode,
@@ -7679,6 +7680,12 @@ var LoginPopup = ({
   const [view, setView] = React9.useState(() => initialView ?? "main");
   const [email, setEmail] = React9.useState("");
   const [handle, setHandle] = React9.useState("");
+  const seededDefaultHandleRef = React9__namespace.default.useRef(null);
+  React9.useEffect(() => {
+    if (!defaultHandle || seededDefaultHandleRef.current === defaultHandle) return;
+    seededDefaultHandleRef.current = defaultHandle;
+    setHandle((current) => current ? current : defaultHandle);
+  }, [defaultHandle]);
   const [otp, setOtp] = React9.useState(Array(OTP_INPUT_LENGTH).fill(""));
   const [error, setError] = React9.useState("");
   const [copied, setCopied] = React9.useState(false);