@loafmarkets/ui 0.1.349 → 0.1.351

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';
 };
@@ -982,8 +984,9 @@ type ToastContextValue = {
     update: (id: string, patch: Partial<Omit<ToastData, 'id'>>) => void;
     dismiss: (id: string) => void;
 };
-declare function ToastProvider({ children }: {
+declare function ToastProvider({ children, maxVisible }: {
     children: React__default.ReactNode;
+    maxVisible?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 

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';
 };
@@ -982,8 +984,9 @@ type ToastContextValue = {
     update: (id: string, patch: Partial<Omit<ToastData, 'id'>>) => void;
     dismiss: (id: string) => void;
 };
-declare function ToastProvider({ children }: {
+declare function ToastProvider({ children, maxVisible }: {
     children: React__default.ReactNode;
+    maxVisible?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 

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");
@@ -6689,7 +6704,11 @@ var LoginPopup = ({
     try {
       await onVerifyEmailCode({ code, email });
       if (isSignUp) {
-        setView(onSubmitReferralCode ? "referral" : "funding");
+        if (onSubmitReferralCode) {
+          setView("referral");
+        } else {
+          onClose();
+        }
         setLoading(false);
         return;
       }
@@ -6812,6 +6831,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(
@@ -6898,7 +6921,8 @@ var LoginPopup = ({
       loading ? /* @__PURE__ */ jsxRuntime.jsxs(AccountCreationLoader, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(SpinnerRing, {}),
         /* @__PURE__ */ jsxRuntime.jsx(AccountCreationText, { children: isSignUp ? "Preparing your account\u2026" : "Signing you in\u2026" }),
-        /* @__PURE__ */ jsxRuntime.jsx(AccountCreationSubtext, { children: "This may take a few seconds" })
+        /* @__PURE__ */ jsxRuntime.jsx(AccountCreationSubtext, { children: "This may take a few seconds" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PreparingFacts, {})
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(BackButton, { onClick: () => setView("email"), children: [
           /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }) }),
@@ -7101,7 +7125,7 @@ var LoginPopup = ({
       setReferralLoading(true);
       try {
         await onSubmitReferralCode?.(trimmed);
-        setView("funding");
+        onClose();
       } catch (err) {
         setReferralError(err instanceof Error ? err.message : "Invalid referral code. Please try again.");
       } finally {
@@ -7128,7 +7152,7 @@ var LoginPopup = ({
           /* @__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(OnboardingSubtext, { style: { marginBottom: "1.5rem" }, children: "Enter your code to unlock full access, or skip to continue." }),
+        /* @__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(
             EmailInput,
@@ -7161,7 +7185,7 @@ var LoginPopup = ({
           OnboardingSkipButton,
           {
             type: "button",
-            onClick: () => setView("funding"),
+            onClick: onClose,
             style: { marginTop: "0.75rem" },
             children: "Skip for now"
           }
@@ -8003,6 +8027,59 @@ var SpinnerRing = styled9__default.default.div`
     to { transform: rotate(360deg); }
   }
 `;
+var PREPARING_FACTS = [
+  "Property is the world's largest asset class \u2014 worth over US$300 trillion.",
+  "Loaf settles trades in about 1 second. Traditional property takes ~90 days.",
+  "Our matching engine processes orders in 30 microseconds.",
+  "Every token is backed 1:1 by land-title-registered property.",
+  "Own a slice of premium real estate \u2014 no mortgage, no paperwork.",
+  "Buy and sell property as easily as a stock, on a live orderbook.",
+  "Earn rental yield on the exact fraction of property you own.",
+  "Title-backed by the NSW Land Registry \u2014 real ownership, on-chain.",
+  "Loaf ran the world's first property IPO."
+];
+var FactCard = styled9__default.default.div`
+  margin-top: 1.5rem;
+  max-width: 340px;
+  padding: 0.85rem 1.1rem;
+  border: 1px solid rgba(230, 198, 86, 0.18);
+  border-radius: 12px;
+  background: rgba(230, 198, 86, 0.05);
+  text-align: center;
+`;
+var FactLabel = styled9__default.default.div`
+  font-size: 0.6rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-weight: 700;
+  color: var(--color-accent, #e6c656);
+  margin-bottom: 0.4rem;
+`;
+var FactText = styled9__default.default.p`
+  margin: 0;
+  font-size: 0.85rem;
+  line-height: 1.5;
+  color: var(--color-text, #eaecef);
+  animation: factFade 0.5s ease;
+
+  @keyframes factFade {
+    from { opacity: 0; transform: translateY(4px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+`;
+var PreparingFacts = () => {
+  const [index, setIndex] = React5.useState(() => Math.floor(Math.random() * PREPARING_FACTS.length));
+  React5.useEffect(() => {
+    const id = setInterval(() => {
+      setIndex((i) => (i + 1) % PREPARING_FACTS.length);
+    }, 4e3);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(FactCard, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FactLabel, { children: "Did you know?" }),
+    /* @__PURE__ */ jsxRuntime.jsx(FactText, { children: PREPARING_FACTS[index] }, index)
+  ] });
+};
 LoginPopup.displayName = "LoginPopup";
 var PropertyCompareBar = React5__namespace.forwardRef(
   ({
@@ -18080,13 +18157,16 @@ function ToastItem({ toast, onDismiss }) {
   ] });
 }
 var ToastContext = React5.createContext(null);
-function ToastProvider({ children }) {
+function ToastProvider({ children, maxVisible }) {
   const [toasts, setToasts] = React5.useState([]);
   const addToast = React5.useCallback((data) => {
     const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
-    setToasts((prev) => [...prev, { ...data, id }]);
+    setToasts((prev) => {
+      const next = [...prev, { ...data, id }];
+      return maxVisible && next.length > maxVisible ? next.slice(next.length - maxVisible) : next;
+    });
     return id;
-  }, []);
+  }, [maxVisible]);
   const update = React5.useCallback((id, patch) => {
     setToasts((prev) => prev.map((t) => t.id === id ? { ...t, ...patch } : t));
   }, []);