@mesob/auth-react 0.4.0 → 0.4.1

package/dist/components/profile/account.js

@@ -1,156 +1,9 @@
 "use client";
-
-// src/components/profile/account.tsx
-import { Badge as Badge2, Card, CardContent, Separator } from "@mesob/ui/components";
-
-// src/provider.tsx
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { deepmerge } from "deepmerge-ts";
-import createFetchClient from "openapi-fetch";
-import createClient from "openapi-react-query";
-import { createContext, useContext, useMemo, useState } from "react";
-
-// src/utils/cookie.ts
-var isProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
-
-// src/provider.tsx
-import { jsx } from "react/jsx-runtime";
-var SessionContext = createContext(null);
-var ApiContext = createContext(null);
-var ConfigContext = createContext(null);
-var queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false
-    }
-  }
-});
-function useSession() {
-  const context = useContext(SessionContext);
-  if (!context) {
-    throw new Error("useSession must be used within MesobAuthProvider");
-  }
-  return context;
-}
-
-// src/components/profile/change-profile.tsx
 import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Badge,
-  Button
-} from "@mesob/ui/components";
-import { useState as useState2 } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ChangeProfile = ({ user }) => {
-  const [isEditing, setIsEditing] = useState2(false);
-  const initials = user.fullName?.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2) || "U";
-  return /* @__PURE__ */ jsxs("div", { className: "w-full rounded-[1.5rem] border border-border/60 bg-background/80 p-5 shadow-sm backdrop-blur", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsxs(Avatar, { className: "h-14 w-14 ring-4 ring-primary/10", children: [
-          /* @__PURE__ */ jsx2(AvatarImage, { src: user.image || "", alt: user.fullName || "" }),
-          /* @__PURE__ */ jsx2(AvatarFallback, { children: initials })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx2("div", { className: "text-base font-semibold", children: user.fullName }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx2(Badge, { variant: "outline", children: user.emailVerified ? "Email verified" : "Email unverified" }),
-            /* @__PURE__ */ jsx2(Badge, { variant: "outline", children: user.phoneVerified ? "Phone verified" : "Phone unverified" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx2(
-        Button,
-        {
-          variant: "secondary",
-          className: "rounded-full px-5 text-primary hover:text-primary/80",
-          onClick: () => setIsEditing((v) => !v),
-          children: isEditing ? "Hide editor" : "Update profile"
-        }
-      )
-    ] }),
-    isEditing && /* @__PURE__ */ jsx2("div", { className: "mt-4 rounded-2xl border border-dashed border-border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", children: "Profile editing is not wired yet. Contact and password flows below are live." })
-  ] });
-};
-
-// src/components/profile/account.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function Account() {
-  const { user, isAuthenticated } = useSession();
-  if (!(isAuthenticated && user)) {
-    return /* @__PURE__ */ jsx3("div", { className: "rounded-[1.75rem] border border-dashed border-border bg-muted/30 p-8 text-sm text-muted-foreground", children: "Sign in required." });
-  }
-  const contactItems = [
-    {
-      label: "Email",
-      value: user.email ?? "No email address",
-      status: user.emailVerified ? "Verified" : "Needs verification"
-    },
-    {
-      label: "Phone",
-      value: user.phone ?? "No phone number",
-      status: user.phoneVerified ? "Verified" : "Needs verification"
-    }
-  ];
-  return /* @__PURE__ */ jsxs2("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "relative overflow-hidden rounded-[2rem] border border-border/60 bg-gradient-to-br from-background via-background to-primary/5 p-6 shadow-sm", children: [
-      /* @__PURE__ */ jsx3("div", { className: "absolute inset-y-0 right-0 w-1/3 bg-[radial-gradient(circle_at_top,_hsl(var(--primary)/0.16),_transparent_60%)]" }),
-      /* @__PURE__ */ jsxs2("div", { className: "relative flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsx3(Badge2, { variant: "outline", children: "Profile console" }),
-          /* @__PURE__ */ jsx3(Badge2, { variant: "secondary", children: "Live session data" })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "max-w-2xl space-y-2", children: [
-          /* @__PURE__ */ jsx3("h2", { className: "text-2xl font-semibold tracking-tight", children: "Account details, contact state, and verification status." }),
-          /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: "Keep the identity surface minimal here. Contact updates and sensitive changes stay in security." })
-        ] }),
-        /* @__PURE__ */ jsx3(ChangeProfile, { user })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "grid gap-4 lg:grid-cols-[1.5fr_0.9fr]", children: [
-      /* @__PURE__ */ jsx3(Card, { className: "rounded-[1.75rem] border-border/60 shadow-sm", children: /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-5 p-6", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium text-muted-foreground", children: "Contact channels" }),
-          /* @__PURE__ */ jsx3("div", { className: "text-lg font-semibold", children: "Primary profile data" })
-        ] }),
-        /* @__PURE__ */ jsx3(Separator, {}),
-        /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: contactItems.map((item) => /* @__PURE__ */ jsxs2(
-          "div",
-          {
-            className: "flex flex-col gap-3 rounded-2xl border border-border/60 bg-muted/20 p-4 md:flex-row md:items-center md:justify-between",
-            children: [
-              /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium", children: item.label }),
-                /* @__PURE__ */ jsx3("div", { className: "text-sm text-muted-foreground", children: item.value })
-              ] }),
-              /* @__PURE__ */ jsx3(Badge2, { variant: "outline", children: item.status })
-            ]
-          },
-          item.label
-        )) })
-      ] }) }),
-      /* @__PURE__ */ jsx3(Card, { className: "rounded-[1.75rem] border-border/60 shadow-sm", children: /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-5 p-6", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium text-muted-foreground", children: "Snapshot" }),
-          /* @__PURE__ */ jsx3("div", { className: "text-lg font-semibold", children: "Session-facing identity" })
-        ] }),
-        /* @__PURE__ */ jsx3(Separator, {}),
-        /* @__PURE__ */ jsxs2("div", { className: "grid gap-3", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "rounded-2xl bg-primary/[0.06] p-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: "Full name" }),
-            /* @__PURE__ */ jsx3("div", { className: "mt-2 text-base font-semibold", children: user.fullName })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "rounded-2xl bg-muted/25 p-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: "Last sign in" }),
-            /* @__PURE__ */ jsx3("div", { className: "mt-2 text-base font-semibold", children: user.lastSignInAt ? new Date(user.lastSignInAt).toLocaleString() : "No activity recorded" })
-          ] })
-        ] })
-      ] }) })
-    ] })
-  ] });
-}
+  Account
+} from "../../chunk-G7SCXCCM.js";
+import "../../chunk-C5ZW7FD2.js";
+import "../../chunk-72YRO3A7.js";
 export {
   Account
 };

package/dist/components/profile/account.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/profile/account.tsx","../../../src/provider.tsx","../../../src/utils/cookie.ts","../../../src/components/profile/change-profile.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Card, CardContent, Separator } from '@mesob/ui/components';\nimport { useSession } from '../../provider';\nimport { ChangeProfile } from './change-profile';\n\nexport function Account() {\n  const { user, isAuthenticated } = useSession();\n\n  if (!(isAuthenticated && user)) {\n    return (\n      <div className=\"rounded-[1.75rem] border border-dashed border-border bg-muted/30 p-8 text-sm text-muted-foreground\">\n        Sign in required.\n      </div>\n    );\n  }\n\n  const contactItems = [\n    {\n      label: 'Email',\n      value: user.email ?? 'No email address',\n      status: user.emailVerified ? 'Verified' : 'Needs verification',\n    },\n    {\n      label: 'Phone',\n      value: user.phone ?? 'No phone number',\n      status: user.phoneVerified ? 'Verified' : 'Needs verification',\n    },\n  ];\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-6xl flex-col gap-6\">\n      <div className=\"relative overflow-hidden rounded-[2rem] border border-border/60 bg-gradient-to-br from-background via-background to-primary/5 p-6 shadow-sm\">\n        <div className=\"absolute inset-y-0 right-0 w-1/3 bg-[radial-gradient(circle_at_top,_hsl(var(--primary)/0.16),_transparent_60%)]\" />\n        <div className=\"relative flex flex-col gap-5\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <Badge variant=\"outline\">Profile console</Badge>\n            <Badge variant=\"secondary\">Live session data</Badge>\n          </div>\n          <div className=\"max-w-2xl space-y-2\">\n            <h2 className=\"text-2xl font-semibold tracking-tight\">\n              Account details, contact state, and verification status.\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              Keep the identity surface minimal here. Contact updates and\n              sensitive changes stay in security.\n            </p>\n          </div>\n          <ChangeProfile user={user} />\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 lg:grid-cols-[1.5fr_0.9fr]\">\n        <Card className=\"rounded-[1.75rem] border-border/60 shadow-sm\">\n          <CardContent className=\"space-y-5 p-6\">\n            <div className=\"space-y-1\">\n              <div className=\"text-sm font-medium text-muted-foreground\">\n                Contact channels\n              </div>\n              <div className=\"text-lg font-semibold\">Primary profile data</div>\n            </div>\n            <Separator />\n            <div className=\"space-y-4\">\n              {contactItems.map((item) => (\n                <div\n                  key={item.label}\n                  className=\"flex flex-col gap-3 rounded-2xl border border-border/60 bg-muted/20 p-4 md:flex-row md:items-center md:justify-between\"\n                >\n                  <div className=\"space-y-1\">\n                    <div className=\"text-sm font-medium\">{item.label}</div>\n                    <div className=\"text-sm text-muted-foreground\">\n                      {item.value}\n                    </div>\n                  </div>\n                  <Badge variant=\"outline\">{item.status}</Badge>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card className=\"rounded-[1.75rem] border-border/60 shadow-sm\">\n          <CardContent className=\"space-y-5 p-6\">\n            <div className=\"space-y-1\">\n              <div className=\"text-sm font-medium text-muted-foreground\">\n                Snapshot\n              </div>\n              <div className=\"text-lg font-semibold\">\n                Session-facing identity\n              </div>\n            </div>\n            <Separator />\n            <div className=\"grid gap-3\">\n              <div className=\"rounded-2xl bg-primary/[0.06] p-4\">\n                <div className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n                  Full name\n                </div>\n                <div className=\"mt-2 text-base font-semibold\">\n                  {user.fullName}\n                </div>\n              </div>\n              <div className=\"rounded-2xl bg-muted/25 p-4\">\n                <div className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n                  Last sign in\n                </div>\n                <div className=\"mt-2 text-base font-semibold\">\n                  {user.lastSignInAt\n                    ? new Date(user.lastSignInAt).toLocaleString()\n                    : 'No activity recorded'}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n","'use client';\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { deepmerge } from 'deepmerge-ts';\nimport createFetchClient from 'openapi-fetch';\nimport createClient from 'openapi-react-query';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo, useState } from 'react';\nimport type { paths } from './data/openapi';\nimport { createTranslator } from './lib/translations';\nimport {\n  type AuthClientConfig,\n  type AuthResponse,\n  defaultAuthClientConfig,\n  type Session,\n  type User,\n} from './types';\nimport { getSessionCookieName } from './utils/cookie';\nimport { createCustomFetch } from './utils/custom-fetch';\n\n// biome-ignore lint/suspicious/noExplicitAny: OpenAPI hooks type\ntype OpenApiHooks = any;\n\n// --- Utility: Check if running on server ---\nfunction isServer(): boolean {\n  return typeof document === 'undefined';\n}\n\n/**\n * @deprecated Cookie is httpOnly and cannot be read client-side.\n * Use `useSession().isAuthenticated` instead.\n * This function always returns false on client.\n */\nexport function hasAuthCookie(_cookieName: string): boolean {\n  // Cookie is httpOnly, can't check client-side\n  // Always return false - use useSession() for auth status\n  return false;\n}\n\n// --- Types ---\nexport type AuthStatus = 'loading' | 'authenticated' | 'unauthenticated';\n\ntype AuthState = {\n  user: User | null;\n  session: Session | null;\n  status: AuthStatus;\n  error: Error | null;\n};\n\ntype SessionContextValue = AuthState & {\n  isLoading: boolean;\n  isAuthenticated: boolean;\n  refresh: () => Promise<void>;\n  signOut: () => Promise<void>;\n};\n\ntype ApiContextValue = {\n  hooks: OpenApiHooks;\n  setAuth: (auth: AuthResponse) => void;\n  clearAuth: () => void;\n  refresh: () => Promise<void>;\n};\n\ntype ConfigContextValue = {\n  config: AuthClientConfig;\n  cookieName: string;\n  t: (key: string, params?: Record<string, string | number>) => string;\n};\n\nconst SessionContext = createContext<SessionContextValue | null>(null);\nconst ApiContext = createContext<ApiContextValue | null>(null);\nconst ConfigContext = createContext<ConfigContextValue | null>(null);\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\n// --- Hooks ---\n\n/**\n * Get session state including user, session, and auth status.\n * - `status`: 'loading' | 'authenticated' | 'unauthenticated'\n * - `isLoading`: true while fetching session\n * - `isAuthenticated`: true if user and session exist\n */\nexport function useSession(): SessionContextValue {\n  const context = useContext(SessionContext);\n  if (!context) {\n    throw new Error('useSession must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\nexport function useApi(): ApiContextValue {\n  const context = useContext(ApiContext);\n  if (!context) {\n    throw new Error('useApi must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\nexport function useConfig(): ConfigContextValue {\n  const context = useContext(ConfigContext);\n  if (!context) {\n    throw new Error('useConfig must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\n/**\n * @deprecated Cookie is httpOnly, can't be checked client-side.\n * Use `useSession().isAuthenticated` instead.\n */\nexport function useHasAuthCookie(): boolean {\n  const { status } = useSession();\n  return status === 'authenticated' || status === 'loading';\n}\n\n// --- Provider ---\n\ntype MesobAuthProviderProps = {\n  config: AuthClientConfig;\n  children: ReactNode;\n};\n\nexport function MesobAuthProvider({\n  config,\n  children,\n}: MesobAuthProviderProps) {\n  const mergedConfig = useMemo(\n    () =>\n      deepmerge(\n        { ...defaultAuthClientConfig } as Partial<AuthClientConfig>,\n        config,\n      ) as AuthClientConfig,\n    [config],\n  );\n\n  const api = useMemo(\n    () =>\n      createFetchClient<paths>({\n        baseUrl: mergedConfig.baseURL,\n        fetch: createCustomFetch(mergedConfig),\n      }),\n    [mergedConfig],\n  );\n\n  const hooks = useMemo(() => createClient(api), [api]);\n  const cookieName = useMemo(\n    () => getSessionCookieName(mergedConfig),\n    [mergedConfig],\n  );\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AuthStateProvider\n        config={mergedConfig}\n        hooks={hooks}\n        cookieName={cookieName}\n      >\n        {children}\n      </AuthStateProvider>\n    </QueryClientProvider>\n  );\n}\n\ntype AuthStateProviderProps = {\n  config: AuthClientConfig;\n  hooks: OpenApiHooks;\n  cookieName: string;\n  children: ReactNode;\n};\n\nfunction AuthStateProvider({\n  config,\n  hooks,\n  cookieName,\n  children,\n}: AuthStateProviderProps) {\n  // Manual override for sign-out / sign-in\n  const [override, setOverride] = useState<AuthState | null>(null);\n\n  // Always fetch session - cookie is httpOnly, can't check client-side\n  // Server will read the cookie and return user/session if valid\n  const {\n    data: sessionData,\n    isLoading,\n    isFetched,\n    error: sessionError,\n    refetch,\n  } = hooks.useQuery(\n    'get',\n    '/session',\n    {},\n    {\n      enabled: !(override || isServer()),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      retry: false,\n      gcTime: 0,\n      staleTime: 0,\n    },\n  );\n\n  // Derive state directly - no useEffect\n  const user = override?.user ?? sessionData?.user ?? null;\n  const session = override?.session ?? sessionData?.session ?? null;\n  const error = override?.error ?? (sessionError as Error | null);\n\n  // Check error status code\n  const errorStatus = (() => {\n    if (!sessionError) {\n      return null;\n    }\n    const err = sessionError as { status?: number };\n    return err.status ?? null;\n  })();\n\n  // Check if error is a network/connection error\n  const isNetworkError = (() => {\n    if (!sessionError) {\n      return false;\n    }\n    const error = sessionError as Error & { cause?: unknown; data?: unknown };\n    const errorMessage =\n      error.message || String(error) || JSON.stringify(error);\n    // Network errors: TypeError, DOMException, or fetch failures\n    if (\n      error instanceof TypeError ||\n      error instanceof DOMException ||\n      error.name === 'TypeError' ||\n      errorMessage.includes('Failed to fetch') ||\n      errorMessage.includes('ERR_CONNECTION_REFUSED') ||\n      errorMessage.includes('NetworkError') ||\n      errorMessage.includes('Network request failed') ||\n      errorMessage.includes('fetch failed')\n    ) {\n      return true;\n    }\n    // Check error cause\n    if (error.cause) {\n      const causeStr = String(error.cause);\n      if (\n        causeStr.includes('Failed to fetch') ||\n        causeStr.includes('ERR_CONNECTION_REFUSED') ||\n        causeStr.includes('NetworkError')\n      ) {\n        return true;\n      }\n    }\n    return false;\n  })();\n\n  // Compute status\n  // biome-ignore lint: Status determination requires multiple checks\n  const status: AuthStatus = (() => {\n    if (override) {\n      return override.status;\n    }\n    if (isServer()) {\n      return 'loading';\n    }\n    if (user && session) {\n      return 'authenticated';\n    }\n    // Check for network errors or auth errors first - allow auth page to show\n    if (isNetworkError || errorStatus === 401) {\n      return 'unauthenticated';\n    }\n    // If we have an error but it's not a network error, still check loading state\n    if (sessionError && !isNetworkError && errorStatus !== 401) {\n      if (errorStatus && errorStatus >= 500) {\n        return 'authenticated';\n      }\n      // Other errors mean unauthenticated\n      if (isFetched) {\n        return 'unauthenticated';\n      }\n    }\n    if (isLoading || !isFetched) {\n      return 'loading';\n    }\n    if (isFetched && !user && !session) {\n      return 'unauthenticated';\n    }\n    return 'unauthenticated';\n  })();\n\n  const signOutMutation = hooks.useMutation('post', '/sign-out');\n  const t = createTranslator(config.messages || {});\n\n  const setAuth = (auth: AuthResponse) => {\n    setOverride({\n      user: auth.user,\n      session: auth.session,\n      status: 'authenticated',\n      error: null,\n    });\n  };\n\n  const clearAuth = () => {\n    setOverride({\n      user: null,\n      session: null,\n      status: 'unauthenticated',\n      error: null,\n    });\n  };\n\n  const refresh = async () => {\n    setOverride(null);\n    await refetch();\n  };\n\n  const signOut = async () => {\n    try {\n      await signOutMutation.mutateAsync({});\n    } finally {\n      clearAuth();\n    }\n  };\n\n  return (\n    <ConfigContext.Provider value={{ config, cookieName, t }}>\n      <ApiContext.Provider value={{ hooks, setAuth, clearAuth, refresh }}>\n        <SessionContext.Provider\n          value={{\n            user,\n            session,\n            status,\n            error,\n            isLoading: status === 'loading',\n            isAuthenticated: status === 'authenticated',\n            refresh,\n            signOut,\n          }}\n        >\n          {children}\n        </SessionContext.Provider>\n      </ApiContext.Provider>\n    </ConfigContext.Provider>\n  );\n}\n","import type { AuthClientConfig } from '../types';\n\nconst isProduction =\n  typeof process !== 'undefined' && process.env.NODE_ENV === 'production';\n\nexport const getSessionCookieName = (config: AuthClientConfig): string => {\n  const prefix = config.cookiePrefix || '';\n  const baseName = 'session_token';\n  if (prefix) {\n    return `${prefix}_${baseName}`;\n  }\n  return isProduction ? '__Host-session_token' : baseName;\n};\n","import {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Badge,\n  Button,\n} from '@mesob/ui/components';\nimport { useState } from 'react';\nimport type { User } from '../../types';\n\ntype Props = {\n  user: User;\n};\n\nexport const ChangeProfile = ({ user }: Props) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const initials =\n    user.fullName\n      ?.split(' ')\n      .map((part) => part[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) || 'U';\n\n  return (\n    <div className=\"w-full rounded-[1.5rem] border border-border/60 bg-background/80 p-5 shadow-sm backdrop-blur\">\n      <div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Avatar className=\"h-14 w-14 ring-4 ring-primary/10\">\n            <AvatarImage src={user.image || ''} alt={user.fullName || ''} />\n            <AvatarFallback>{initials}</AvatarFallback>\n          </Avatar>\n          <div className=\"space-y-1\">\n            <div className=\"text-base font-semibold\">{user.fullName}</div>\n            <div className=\"flex flex-wrap gap-2 text-xs text-muted-foreground\">\n              <Badge variant=\"outline\">\n                {user.emailVerified ? 'Email verified' : 'Email unverified'}\n              </Badge>\n              <Badge variant=\"outline\">\n                {user.phoneVerified ? 'Phone verified' : 'Phone unverified'}\n              </Badge>\n            </div>\n          </div>\n        </div>\n        <Button\n          variant=\"secondary\"\n          className=\"rounded-full px-5 text-primary hover:text-primary/80\"\n          onClick={() => setIsEditing((v) => !v)}\n        >\n          {isEditing ? 'Hide editor' : 'Update profile'}\n        </Button>\n      </div>\n      {isEditing && (\n        <div className=\"mt-4 rounded-2xl border border-dashed border-border bg-muted/30 px-4 py-3 text-sm text-muted-foreground\">\n          Profile editing is not wired yet. Contact and password flows below are\n          live.\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["Badge","useState","jsx","jsx","jsxs","Badge"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/profile/change-email-form.d.ts

@@ -1,5 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function ChangeEmailForm(): react_jsx_runtime.JSX.Element;
-
-export { ChangeEmailForm };
+export declare function ChangeEmailForm(): import("react/jsx-runtime").JSX.Element;