@tangle-network/sandbox-ui 0.24.0 → 0.24.1

package/dist/pages.d.ts

@@ -37,9 +37,15 @@ interface AuthPageProps {
     /**
      * Email/password handler. Return an error message to show, or null on success
      * (the caller handles navigation). If omitted, the email form is hidden —
-     * SSO/social only.
+     * SSO/social only. In signup mode the third arg is the entered display name
+     * (empty string when name collection is disabled).
      */
-    onEmailSubmit?: (email: string, password: string) => Promise<string | null>;
+    onEmailSubmit?: (email: string, password: string, name: string) => Promise<string | null>;
+    /**
+     * Collect a display name in the email form. Defaults to true in signup mode,
+     * false in signin. Set false to suppress it even on signup.
+     */
+    collectName?: boolean;
     /** Footer link target for the opposite mode (signup from signin, vice versa). */
     altHref?: string;
     /** Primary (Tangle) button background. Default Tangle ink `#0f172a`. */
@@ -55,7 +61,7 @@ interface AuthPageProps {
     /** Optional node rendered above the footer (legal copy, SSO notice, etc.). */
     children?: ReactNode;
 }
-declare function AuthPage({ product, tagline, mode, tangleAuthUrl, providers, socialHref, onEmailSubmit, altHref, accent, accentHover, logoSize, className, style, children, }: AuthPageProps): react_jsx_runtime.JSX.Element;
+declare function AuthPage({ product, tagline, mode, tangleAuthUrl, providers, socialHref, onEmailSubmit, collectName, altHref, accent, accentHover, logoSize, className, style, children, }: AuthPageProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant$1 = "sandbox";
 interface BillingPageData {

package/dist/pages.js

@@ -50,6 +50,7 @@ function AuthPage({
   providers = ["github", "google"],
   socialHref = (p) => `/api/auth/sign-in/social?provider=${p}&callbackURL=/app`,
   onEmailSubmit,
+  collectName,
   altHref,
   accent = "#0f172a",
   accentHover = "#1e293b",
@@ -58,11 +59,13 @@ function AuthPage({
   style,
   children
 }) {
+  const [name, setName] = useState("");
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(false);
   const isSignup = mode === "signup";
+  const showName = collectName ?? isSignup;
   const tangleLabel = isSignup ? "Sign up with Tangle" : "Continue with Tangle";
   const emailLabel = isSignup ? "Create account with email" : "Sign in with email";
   const handleSubmit = async (e) => {
@@ -71,7 +74,7 @@ function AuthPage({
     setLoading(true);
     setError("");
     try {
-      const err = await onEmailSubmit(email, password);
+      const err = await onEmailSubmit(email, password, name);
       if (err) setError(err);
     } catch {
       setError("Connection error \u2014 please try again");
@@ -181,6 +184,7 @@ function AuthPage({
                 /* @__PURE__ */ jsx("div", { style: { flex: 1, height: 1, background: C.border } })
               ] }),
               /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+                showName && /* @__PURE__ */ jsx("input", { type: "text", required: true, "aria-label": "Name", placeholder: "Name", autoComplete: "name", value: name, onChange: (e) => setName(e.target.value), style: inputStyle }),
                 /* @__PURE__ */ jsx("input", { type: "email", required: true, "aria-label": "Email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), style: inputStyle }),
                 /* @__PURE__ */ jsx("input", { type: "password", required: true, "aria-label": "Password", placeholder: "Password", value: password, onChange: (e) => setPassword(e.target.value), style: inputStyle }),
                 error && /* @__PURE__ */ jsx("p", { role: "alert", style: { fontSize: 14, color: "#b91c1c" }, children: error }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.24.0",
+  "version": "0.24.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",