@loafmarkets/ui 0.1.349 → 0.1.350

package/dist/index.d.mts

@@ -586,6 +586,8 @@ type LoginPopupProps = {
     onSubmitReferralCode?: (code: string) => Promise<void> | 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. */
+    onPasskeyLogin?: () => Promise<void> | void;
     /** Current KYC status — used to show "Resume Verification" when previously started. */
     kycStatus?: 'NOT_STARTED' | 'PENDING' | 'ON_HOLD' | 'VERIFIED' | 'REJECTED';
 };

package/dist/index.d.ts

@@ -586,6 +586,8 @@ type LoginPopupProps = {
     onSubmitReferralCode?: (code: string) => Promise<void> | 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. */
+    onPasskeyLogin?: () => Promise<void> | void;
     /** Current KYC status — used to show "Resume Verification" when previously started. */
     kycStatus?: 'NOT_STARTED' | 'PENDING' | 'ON_HOLD' | 'VERIFIED' | 'REJECTED';
 };

package/dist/index.js

@@ -6445,6 +6445,7 @@ var LoginPopup = ({
   onClose,
   onOpenEarlyAccess,
   onWalletLogin,
+  onPasskeyLogin,
   isAuthenticated,
   currentUser,
   onSendEmailCode,
@@ -6555,6 +6556,20 @@ var LoginPopup = ({
       onOpenEarlyAccess();
     }
   };
+  const handlePasskeyLogin = async () => {
+    if (!onPasskeyLogin) return;
+    setError("");
+    setLoading(true);
+    try {
+      await onPasskeyLogin();
+      onClose();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Passkey sign-in failed";
+      setError(message);
+    } finally {
+      setLoading(false);
+    }
+  };
   const handleEmailClick = (signUp = false) => {
     setIsSignUp(signUp);
     setView("email");
@@ -6812,6 +6827,10 @@ var LoginPopup = ({
         /* @__PURE__ */ jsxRuntime.jsxs(LoginButton, { onClick: handleWalletLogin, 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: "M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }) }),
           "Sign in with Wallet"
+        ] }),
+        onPasskeyLogin && /* @__PURE__ */ jsxRuntime.jsxs(LoginButton, { onClick: handlePasskeyLogin, disabled: loading, 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: "M12 2C9.79 2 8 3.79 8 6v4H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2h-2V6c0-2.21-1.79-4-4-4zm-2 4c0-1.1.9-2 2-2s2 .9 2 2v4h-4V6zm2 9a2 2 0 100 4 2 2 0 000-4z" }) }),
+          "Sign in with Passkey"
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", marginTop: "0.5rem", marginBottom: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(