@questpie/admin 1.1.0 → 2.0.0

package/dist/client/utils/routes.mjs

@@ -0,0 +1,196 @@
+//#region src/client/utils/routes.ts
+/**
+* Create type-safe admin routes from admin config
+*
+* @example
+* ```tsx
+* import { createAdminRoutes } from '@questpie/admin/utils/routes'
+* import { barbershopAdmin } from './configs/admin'
+*
+* const routes = createAdminRoutes(barbershopAdmin)
+*
+* // Type-safe route generation
+* routes.dashboard()                    // "/admin"
+* routes.collections.list('posts')      // "/admin/collections/posts"
+* routes.collections.create('posts')    // "/admin/collections/posts/create"
+* routes.collections.edit('posts', '1') // "/admin/collections/posts/1"
+* routes.globals.edit('siteSettings')   // "/admin/globals/siteSettings"
+* routes.pages.byId('analytics')        // "/admin/analytics" (from page config)
+*
+* // Parse current route
+* const parsed = routes.parse('/admin/collections/posts/123')
+* // { type: 'collection', collection: 'posts', action: 'edit', id: '123' }
+* ```
+*/
+function createAdminRoutes(admin, options = {}) {
+	const basePath = options.basePath ?? "/admin";
+	const pagesConfig = admin.getPages();
+	const pagePathById = {};
+	const pageIdByPath = {};
+	const pageConfigByPath = {};
+	for (const [id, config] of Object.entries(pagesConfig)) {
+		const configPath = config.path ?? id;
+		const pagePath = configPath.startsWith("/") ? configPath.slice(1) : configPath;
+		pagePathById[id] = pagePath;
+		pageIdByPath[pagePath] = id;
+		pageConfigByPath[pagePath] = config;
+	}
+	const joinPath = (...segments) => {
+		return segments.filter(Boolean).join("/");
+	};
+	const collections = {
+		list: (collection) => joinPath(basePath, "collections", collection),
+		create: (collection) => joinPath(basePath, "collections", collection, "create"),
+		edit: (collection, id) => joinPath(basePath, "collections", collection, id),
+		view: (collection, id) => joinPath(basePath, "collections", collection, id),
+		route: (collection, action, id) => {
+			switch (action) {
+				case "list": return collections.list(collection);
+				case "create": return collections.create(collection);
+				case "edit":
+				case "view":
+					if (!id) throw new Error(`ID required for ${action} action`);
+					return collections.edit(collection, id);
+				default: return collections.list(collection);
+			}
+		}
+	};
+	const globals = { edit: (global) => joinPath(basePath, "globals", global) };
+	const pages = {
+		byId: (pageId) => {
+			const pagePath = pagePathById[pageId];
+			if (!pagePath) return null;
+			return joinPath(basePath, pagePath);
+		},
+		all: () => {
+			const result = {};
+			for (const [id, path] of Object.entries(pagePathById)) result[id] = joinPath(basePath, path);
+			return result;
+		},
+		ids: () => Object.keys(pagePathById)
+	};
+	const parse = (pathname) => {
+		const cleanPath = pathname.replace(/\/$/, "");
+		const relativePath = cleanPath.startsWith(basePath) ? cleanPath.slice(basePath.length) : cleanPath;
+		if (relativePath === "" || relativePath === "/") return { type: "dashboard" };
+		const segments = relativePath.split("/").filter(Boolean);
+		if (segments[0] === "collections" && segments[1]) {
+			const collection = segments[1];
+			if (!segments[2]) return {
+				type: "collection",
+				collection,
+				action: "list"
+			};
+			if (segments[2] === "create") return {
+				type: "collection",
+				collection,
+				action: "create"
+			};
+			return {
+				type: "collection",
+				collection,
+				action: "edit",
+				id: segments[2]
+			};
+		}
+		if (segments[0] === "globals" && segments[1]) return {
+			type: "global",
+			global: segments[1]
+		};
+		const pageRelativePath = segments.join("/");
+		if (pageIdByPath[pageRelativePath]) return {
+			type: "page",
+			pageId: pageIdByPath[pageRelativePath],
+			path: pageRelativePath,
+			config: pageConfigByPath[pageRelativePath]
+		};
+		if (pageIdByPath[segments[0]]) return {
+			type: "page",
+			pageId: pageIdByPath[segments[0]],
+			path: segments[0],
+			config: pageConfigByPath[segments[0]]
+		};
+		return {
+			type: "unknown",
+			path: relativePath
+		};
+	};
+	const matches = {
+		dashboard: (pathname) => {
+			return parse(pathname).type === "dashboard";
+		},
+		collection: (pathname, collection) => {
+			const parsed = parse(pathname);
+			if (parsed.type !== "collection") return false;
+			if (collection && parsed.collection !== collection) return false;
+			return true;
+		},
+		global: (pathname, global) => {
+			const parsed = parse(pathname);
+			if (parsed.type !== "global") return false;
+			if (global && parsed.global !== global) return false;
+			return true;
+		},
+		page: (pathname, pageId) => {
+			const parsed = parse(pathname);
+			if (parsed.type !== "page") return false;
+			if (pageId && parsed.pageId !== pageId) return false;
+			return true;
+		}
+	};
+	const withQuery = (path, params) => {
+		return path + buildQueryString(params);
+	};
+	return {
+		basePath,
+		dashboard: () => basePath,
+		collections,
+		globals,
+		pages,
+		parse,
+		matches,
+		withQuery
+	};
+}
+/**
+* Build a query string from params
+*/
+function buildQueryString(params) {
+	const entries = Object.entries(params).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`);
+	return entries.length > 0 ? `?${entries.join("&")}` : "";
+}
+/**
+* Create a navigation helper function
+*
+* @example
+* ```tsx
+* const routes = createAdminRoutes(admin)
+* const go = createNavigator(routes, navigate)
+*
+* // Navigate to routes
+* go.dashboard()
+* go.collection('posts')
+* go.collectionCreate('posts')
+* go.collectionEdit('posts', '123')
+* go.global('siteSettings')
+* go.page('analytics')
+* ```
+*/
+function createNavigator(routes, navigate) {
+	return {
+		dashboard: () => navigate(routes.dashboard()),
+		collection: (collection) => navigate(routes.collections.list(collection)),
+		collectionCreate: (collection) => navigate(routes.collections.create(collection)),
+		collectionEdit: (collection, id) => navigate(routes.collections.edit(collection, id)),
+		global: (global) => navigate(routes.globals.edit(global)),
+		page: (pageId) => {
+			const path = routes.pages.byId(pageId);
+			if (path) navigate(path);
+		},
+		to: (path) => navigate(path)
+	};
+}
+
+//#endregion
+export { createAdminRoutes, createNavigator };
+//# sourceMappingURL=routes.mjs.map

package/dist/client/utils/routes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.mjs","names":["pagePathById: Record<string, string>","pageIdByPath: Record<string, string>","pageConfigByPath: Record<string, PageDefinition<string>>","collections: AdminRoutes<TApp>[\"collections\"]","globals: AdminRoutes<TApp>[\"globals\"]","pages: AdminRoutes<TApp>[\"pages\"]","result: Record<string, string>","matches: AdminRoutes<TApp>[\"matches\"]"],"sources":["../../../src/client/utils/routes.ts"],"sourcesContent":["/**\n * Type-Safe Admin Routes\n *\n * Utilities for building type-safe routes for admin UI navigation.\n * Accepts the admin config to provide fully type-safe routing.\n */\n\nimport type { Questpie } from \"questpie\";\nimport type { Admin } from \"../builder/admin\";\nimport type { CollectionNames, GlobalNames, PageDefinition } from \"../builder\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Collection route actions\n */\nexport type CollectionAction = \"list\" | \"create\" | \"edit\" | \"view\";\n\n/**\n * Parsed route information\n */\nexport type ParsedRoute<TApp extends Questpie<any>> =\n  | { type: \"dashboard\" }\n  | {\n      type: \"collection\";\n      collection: CollectionNames<TApp>;\n      action: \"list\" | \"create\" | \"edit\";\n      id?: string;\n    }\n  | { type: \"global\"; global: GlobalNames<TApp> }\n  | {\n      type: \"page\";\n      pageId: string;\n      path: string;\n      config: PageDefinition<string>;\n    }\n  | { type: \"unknown\"; path: string };\n\n/**\n * Admin routes builder result\n */\nexport interface AdminRoutes<TApp extends Questpie<any>> {\n  /** Base path */\n  basePath: string;\n\n  /** Dashboard route */\n  dashboard: () => string;\n\n  /** Collection routes */\n  collections: {\n    /** List all items in a collection */\n    list: <K extends CollectionNames<TApp>>(collection: K) => string;\n    /** Create new item in a collection */\n    create: <K extends CollectionNames<TApp>>(collection: K) => string;\n    /** Edit/view a specific item */\n    edit: <K extends CollectionNames<TApp>>(\n      collection: K,\n      id: string,\n    ) => string;\n    /** Alias for edit */\n    view: <K extends CollectionNames<TApp>>(\n      collection: K,\n      id: string,\n    ) => string;\n    /** Get route for any action */\n    route: <K extends CollectionNames<TApp>>(\n      collection: K,\n      action: CollectionAction,\n      id?: string,\n    ) => string;\n  };\n\n  /** Global routes */\n  globals: {\n    /** Edit a global */\n    edit: <K extends GlobalNames<TApp>>(global: K) => string;\n  };\n\n  /** Custom page routes */\n  pages: {\n    /** Get route for a custom page by ID */\n    byId: (pageId: string) => string | null;\n    /** Get all page routes as record */\n    all: () => Record<string, string>;\n    /** Get list of all page IDs */\n    ids: () => string[];\n  };\n\n  /** Parse current route to determine what's being viewed */\n  parse: (pathname: string) => ParsedRoute<TApp>;\n\n  /** Check if a path matches a specific route */\n  matches: {\n    dashboard: (pathname: string) => boolean;\n    collection: <K extends CollectionNames<TApp>>(\n      pathname: string,\n      collection?: K,\n    ) => boolean;\n    global: <K extends GlobalNames<TApp>>(\n      pathname: string,\n      global?: K,\n    ) => boolean;\n    page: (pathname: string, pageId?: string) => boolean;\n  };\n\n  /** Get URL with query params */\n  withQuery: (\n    path: string,\n    params: Record<string, string | number | boolean | undefined | null>,\n  ) => string;\n}\n\n// ============================================================================\n// Route Builder\n// ============================================================================\n\n/**\n * Create type-safe admin routes from admin config\n *\n * @example\n * ```tsx\n * import { createAdminRoutes } from '@questpie/admin/utils/routes'\n * import { barbershopAdmin } from './configs/admin'\n *\n * const routes = createAdminRoutes(barbershopAdmin)\n *\n * // Type-safe route generation\n * routes.dashboard()                    // \"/admin\"\n * routes.collections.list('posts')      // \"/admin/collections/posts\"\n * routes.collections.create('posts')    // \"/admin/collections/posts/create\"\n * routes.collections.edit('posts', '1') // \"/admin/collections/posts/1\"\n * routes.globals.edit('siteSettings')   // \"/admin/globals/siteSettings\"\n * routes.pages.byId('analytics')        // \"/admin/analytics\" (from page config)\n *\n * // Parse current route\n * const parsed = routes.parse('/admin/collections/posts/123')\n * // { type: 'collection', collection: 'posts', action: 'edit', id: '123' }\n * ```\n */\nexport function createAdminRoutes<TApp extends Questpie<any>>(\n  admin: Admin,\n  options: { basePath?: string } = {},\n): AdminRoutes<TApp> {\n  const basePath = options.basePath ?? \"/admin\";\n  const pagesConfig = admin.getPages();\n\n  // Build page path lookup\n  const pagePathById: Record<string, string> = {};\n  const pageIdByPath: Record<string, string> = {};\n  const pageConfigByPath: Record<string, PageDefinition<string>> = {};\n\n  for (const [id, config] of Object.entries(pagesConfig)) {\n    const configPath = (config as any).path ?? id;\n    const pagePath = configPath.startsWith(\"/\")\n      ? configPath.slice(1)\n      : configPath;\n    pagePathById[id] = pagePath;\n    pageIdByPath[pagePath] = id;\n    pageConfigByPath[pagePath] = config as PageDefinition<string>;\n  }\n\n  // Helper to join path segments\n  const joinPath = (...segments: string[]): string => {\n    return segments.filter(Boolean).join(\"/\");\n  };\n\n  // Collection routes\n  const collections: AdminRoutes<TApp>[\"collections\"] = {\n    list: (collection) => joinPath(basePath, \"collections\", collection),\n\n    create: (collection) =>\n      joinPath(basePath, \"collections\", collection, \"create\"),\n\n    edit: (collection, id) => joinPath(basePath, \"collections\", collection, id),\n\n    view: (collection, id) => joinPath(basePath, \"collections\", collection, id),\n\n    route: (collection, action, id) => {\n      switch (action) {\n        case \"list\":\n          return collections.list(collection);\n        case \"create\":\n          return collections.create(collection);\n        case \"edit\":\n        case \"view\":\n          if (!id) throw new Error(`ID required for ${action} action`);\n          return collections.edit(collection, id);\n        default:\n          return collections.list(collection);\n      }\n    },\n  };\n\n  // Global routes\n  const globals: AdminRoutes<TApp>[\"globals\"] = {\n    edit: (global) => joinPath(basePath, \"globals\", global),\n  };\n\n  // Page routes\n  const pages: AdminRoutes<TApp>[\"pages\"] = {\n    byId: (pageId) => {\n      const pagePath = pagePathById[pageId];\n      if (!pagePath) return null;\n      return joinPath(basePath, pagePath);\n    },\n\n    all: () => {\n      const result: Record<string, string> = {};\n      for (const [id, path] of Object.entries(pagePathById)) {\n        result[id] = joinPath(basePath, path);\n      }\n      return result;\n    },\n\n    ids: () => Object.keys(pagePathById),\n  };\n\n  // Parse route\n  const parse = (pathname: string): ParsedRoute<TApp> => {\n    // Remove trailing slash and base path\n    const cleanPath = pathname.replace(/\\/$/, \"\");\n    const relativePath = cleanPath.startsWith(basePath)\n      ? cleanPath.slice(basePath.length)\n      : cleanPath;\n\n    // Dashboard\n    if (relativePath === \"\" || relativePath === \"/\") {\n      return { type: \"dashboard\" };\n    }\n\n    const segments = relativePath.split(\"/\").filter(Boolean);\n\n    // Collections: /collections/:name/:action?\n    if (segments[0] === \"collections\" && segments[1]) {\n      const collection = segments[1] as CollectionNames<TApp>;\n\n      if (!segments[2]) {\n        return { type: \"collection\", collection, action: \"list\" };\n      }\n\n      if (segments[2] === \"create\") {\n        return { type: \"collection\", collection, action: \"create\" };\n      }\n\n      return {\n        type: \"collection\",\n        collection,\n        action: \"edit\",\n        id: segments[2],\n      };\n    }\n\n    // Globals: /globals/:name\n    if (segments[0] === \"globals\" && segments[1]) {\n      return { type: \"global\", global: segments[1] as GlobalNames<TApp> };\n    }\n\n    // Custom pages - check against configured pages\n    const pageRelativePath = segments.join(\"/\");\n    if (pageIdByPath[pageRelativePath]) {\n      return {\n        type: \"page\",\n        pageId: pageIdByPath[pageRelativePath],\n        path: pageRelativePath,\n        config: pageConfigByPath[pageRelativePath],\n      };\n    }\n\n    // Also check if first segment matches a page\n    if (pageIdByPath[segments[0]]) {\n      return {\n        type: \"page\",\n        pageId: pageIdByPath[segments[0]],\n        path: segments[0],\n        config: pageConfigByPath[segments[0]],\n      };\n    }\n\n    // Unknown/custom page\n    return { type: \"unknown\", path: relativePath };\n  };\n\n  // Matchers\n  const matches: AdminRoutes<TApp>[\"matches\"] = {\n    dashboard: (pathname) => {\n      const parsed = parse(pathname);\n      return parsed.type === \"dashboard\";\n    },\n\n    collection: (pathname, collection?) => {\n      const parsed = parse(pathname);\n      if (parsed.type !== \"collection\") return false;\n      if (collection && parsed.collection !== collection) return false;\n      return true;\n    },\n\n    global: (pathname, global?) => {\n      const parsed = parse(pathname);\n      if (parsed.type !== \"global\") return false;\n      if (global && parsed.global !== global) return false;\n      return true;\n    },\n\n    page: (pathname, pageId?) => {\n      const parsed = parse(pathname);\n      if (parsed.type !== \"page\") return false;\n      if (pageId && parsed.pageId !== pageId) return false;\n      return true;\n    },\n  };\n\n  // Query string helper\n  const withQuery = (\n    path: string,\n    params: Record<string, string | number | boolean | undefined | null>,\n  ): string => {\n    return path + buildQueryString(params);\n  };\n\n  return {\n    basePath,\n    dashboard: () => basePath,\n    collections,\n    globals,\n    pages,\n    parse,\n    matches,\n    withQuery,\n  };\n}\n\n// ============================================================================\n// Standalone Route Builder (without admin config)\n// ============================================================================\n\n/**\n * Create admin routes without admin config (less type-safe, but works without context)\n *\n * @example\n * ```tsx\n * const routes = createAdminRoutesSimple({ basePath: '/admin' })\n * routes.collections.list('posts')\n * ```\n */\nexport function createAdminRoutesSimple(\n  options: { basePath?: string; pages?: Record<string, { path: string }> } = {},\n) {\n  const basePath = options.basePath ?? \"/admin\";\n  const pagesConfig = options.pages ?? {};\n\n  const joinPath = (...segments: string[]): string => {\n    return segments.filter(Boolean).join(\"/\");\n  };\n\n  return {\n    basePath,\n    dashboard: () => basePath,\n\n    collections: {\n      list: (collection: string) =>\n        joinPath(basePath, \"collections\", collection),\n      create: (collection: string) =>\n        joinPath(basePath, \"collections\", collection, \"create\"),\n      edit: (collection: string, id: string) =>\n        joinPath(basePath, \"collections\", collection, id),\n    },\n\n    globals: {\n      edit: (global: string) => joinPath(basePath, \"globals\", global),\n    },\n\n    pages: {\n      byId: (pageId: string) => {\n        const config = pagesConfig[pageId];\n        if (!config) return null;\n        const path = config.path.startsWith(\"/\")\n          ? config.path.slice(1)\n          : config.path;\n        return joinPath(basePath, path);\n      },\n    },\n  };\n}\n\n// ============================================================================\n// Route Helpers\n// ============================================================================\n\n/**\n * Build a query string from params\n */\nexport function buildQueryString(\n  params: Record<string, string | number | boolean | undefined | null>,\n): string {\n  const entries = Object.entries(params)\n    .filter(([, value]) => value !== undefined && value !== null)\n    .map(\n      ([key, value]) =>\n        `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`,\n    );\n\n  return entries.length > 0 ? `?${entries.join(\"&\")}` : \"\";\n}\n\n/**\n * Build a route with query params\n */\nexport function withQuery(\n  path: string,\n  params: Record<string, string | number | boolean | undefined | null>,\n): string {\n  return path + buildQueryString(params);\n}\n\n/**\n * Extract collection info from a route path\n */\nexport function parseCollectionRoute(\n  pathname: string,\n  basePath = \"/admin\",\n): {\n  collection: string;\n  action: \"list\" | \"create\" | \"edit\";\n  id?: string;\n} | null {\n  const cleanPath = pathname.replace(/\\/$/, \"\");\n  const relativePath = cleanPath.startsWith(basePath)\n    ? cleanPath.slice(basePath.length)\n    : cleanPath;\n\n  const match = relativePath.match(/^\\/collections\\/([^/]+)(?:\\/([^/]+))?$/);\n  if (!match) return null;\n\n  const [, collection, actionOrId] = match;\n\n  if (!actionOrId) {\n    return { collection, action: \"list\" };\n  }\n\n  if (actionOrId === \"create\") {\n    return { collection, action: \"create\" };\n  }\n\n  return { collection, action: \"edit\", id: actionOrId };\n}\n\n/**\n * Extract global info from a route path\n */\nexport function parseGlobalRoute(\n  pathname: string,\n  basePath = \"/admin\",\n): { global: string } | null {\n  const cleanPath = pathname.replace(/\\/$/, \"\");\n  const relativePath = cleanPath.startsWith(basePath)\n    ? cleanPath.slice(basePath.length)\n    : cleanPath;\n\n  const match = relativePath.match(/^\\/globals\\/([^/]+)$/);\n  if (!match) return null;\n\n  return { global: match[1] };\n}\n\n// ============================================================================\n// Navigation Helpers\n// ============================================================================\n\n/**\n * Create a navigation helper function\n *\n * @example\n * ```tsx\n * const routes = createAdminRoutes(admin)\n * const go = createNavigator(routes, navigate)\n *\n * // Navigate to routes\n * go.dashboard()\n * go.collection('posts')\n * go.collectionCreate('posts')\n * go.collectionEdit('posts', '123')\n * go.global('siteSettings')\n * go.page('analytics')\n * ```\n */\nexport function createNavigator<TApp extends Questpie<any>>(\n  routes: AdminRoutes<TApp>,\n  navigate: (path: string) => void,\n) {\n  return {\n    /** Navigate to dashboard */\n    dashboard: () => navigate(routes.dashboard()),\n\n    /** Navigate to collection list */\n    collection: <K extends CollectionNames<TApp>>(collection: K) =>\n      navigate(routes.collections.list(collection)),\n\n    /** Navigate to collection create */\n    collectionCreate: <K extends CollectionNames<TApp>>(collection: K) =>\n      navigate(routes.collections.create(collection)),\n\n    /** Navigate to collection edit */\n    collectionEdit: <K extends CollectionNames<TApp>>(\n      collection: K,\n      id: string,\n    ) => navigate(routes.collections.edit(collection, id)),\n\n    /** Navigate to global edit */\n    global: <K extends GlobalNames<TApp>>(global: K) =>\n      navigate(routes.globals.edit(global)),\n\n    /** Navigate to custom page */\n    page: (pageId: string) => {\n      const path = routes.pages.byId(pageId);\n      if (path) navigate(path);\n    },\n\n    /** Navigate to any path */\n    to: (path: string) => navigate(path),\n  };\n}\n\n// ============================================================================\n// Type Exports\n// ============================================================================\n\nexport type { CollectionNames, GlobalNames } from \"../builder\";\n"],"mappings":"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"}

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/client/views/auth/accept-invite-form.d.ts
+/**
+ * Accept Invite Form - complete registration after receiving invitation
+ */
+type AcceptInviteFormValues = {
+  name: string;
+  password: string;
+  confirmPassword: string;
+};
+type AcceptInviteFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: AcceptInviteFormValues) => Promise<void>;
+  /** Email from the invitation (display only) */
+  email?: string;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+  /** Minimum password length */
+  minPasswordLength?: number;
+};
+/**
+ * Accept invite form for new users to complete registration
+ *
+ * @example
+ * ```tsx
+ * function AcceptInvitePage({ token }: { token: string }) {
+ *   const authClient = useAuthClient()
+ *   const [error, setError] = useState<string | null>(null)
+ *   const [invitation, setInvitation] = useState<any>(null)
+ *
+ *   // Fetch invitation details on mount
+ *   useEffect(() => {
+ *     authClient.admin.getInvitation({ token })
+ *       .then(setInvitation)
+ *       .catch(() => setError('Invalid or expired invitation'))
+ *   }, [token])
+ *
+ *   const handleAccept = async (values: AcceptInviteFormValues) => {
+ *     const result = await authClient.admin.acceptInvitation({
+ *       token,
+ *       name: values.name,
+ *       password: values.password,
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     } else {
+ *       // Redirect to admin
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AcceptInviteForm
+ *       onSubmit={handleAccept}
+ *       email={invitation?.email}
+ *       error={error}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+declare function AcceptInviteForm({
+  onSubmit,
+  email,
+  className,
+  error,
+  minPasswordLength
+}: AcceptInviteFormProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { AcceptInviteForm, AcceptInviteFormProps, AcceptInviteFormValues };
+//# sourceMappingURL=accept-invite-form.d.mts.map

package/dist/client/views/auth/accept-invite-form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept-invite-form.d.mts","names":[],"sources":["../../../../src/client/views/auth/accept-invite-form.tsx"],"sourcesContent":[],"mappings":";;;;;;AAqBY,KAAA,sBAAA,GAAsB;EAMtB,IAAA,EAAA,MAAA;EAqDI,QAAA,EAAA,MAAA;EACd,eAAA,EAAA,MAAA;CACA;AACA,KAxDU,qBAAA,GAwDV;EACA;EACA,QAAA,EAAA,CAAA,MAAA,EAxDmB,sBAwDnB,EAAA,GAxD8C,OAwD9C,CAAA,IAAA,CAAA;EACC;EAAqB,KAAA,CAAA,EAAA,MAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBANR,gBAAA;;;;;;GAMb,wBAAqB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/client/views/auth/accept-invite-form.mjs

@@ -0,0 +1,180 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../../components/ui/button.mjs";
+import { Input } from "../../components/ui/input.mjs";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel } from "../../components/ui/field.mjs";
+import { Alert, AlertDescription } from "../../components/ui/alert.mjs";
+import { Icon } from "@iconify/react";
+import "react";
+import { useForm } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/auth/accept-invite-form.tsx
+/**
+* Accept Invite Form - complete registration after receiving invitation
+*/
+/**
+* Accept invite form for new users to complete registration
+*
+* @example
+* ```tsx
+* function AcceptInvitePage({ token }: { token: string }) {
+*   const authClient = useAuthClient()
+*   const [error, setError] = useState<string | null>(null)
+*   const [invitation, setInvitation] = useState<any>(null)
+*
+*   // Fetch invitation details on mount
+*   useEffect(() => {
+*     authClient.admin.getInvitation({ token })
+*       .then(setInvitation)
+*       .catch(() => setError('Invalid or expired invitation'))
+*   }, [token])
+*
+*   const handleAccept = async (values: AcceptInviteFormValues) => {
+*     const result = await authClient.admin.acceptInvitation({
+*       token,
+*       name: values.name,
+*       password: values.password,
+*     })
+*     if (result.error) {
+*       setError(result.error.message)
+*     } else {
+*       // Redirect to admin
+*     }
+*   }
+*
+*   return (
+*     <AcceptInviteForm
+*       onSubmit={handleAccept}
+*       email={invitation?.email}
+*       error={error}
+*     />
+*   )
+* }
+* ```
+*/
+function AcceptInviteForm({ onSubmit, email, className, error, minPasswordLength = 8 }) {
+	const { t } = useTranslation();
+	const { register, handleSubmit, watch, formState: { errors, isSubmitting } } = useForm({ defaultValues: {
+		name: "",
+		password: "",
+		confirmPassword: ""
+	} });
+	const password = watch("password");
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit(async (values) => {
+			await onSubmit(values);
+		}),
+		className: cn("space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsxs(FieldGroup, { children: [
+				email && /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("auth.email") }), /* @__PURE__ */ jsx(FieldContent, { children: /* @__PURE__ */ jsx(Input, {
+					type: "email",
+					value: email,
+					disabled: true,
+					className: "bg-muted"
+				}) })] }),
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.name,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "accept-name",
+						children: t("auth.name")
+					}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:user-duotone",
+							className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "accept-name",
+							type: "text",
+							placeholder: t("auth.namePlaceholder"),
+							className: "pl-8",
+							autoComplete: "name",
+							"aria-invalid": !!errors.name,
+							...register("name", {
+								required: t("auth.nameRequired"),
+								minLength: {
+									value: 2,
+									message: t("auth.nameMinLength", { min: 2 })
+								}
+							})
+						})]
+					}), /* @__PURE__ */ jsx(FieldError, { children: errors.name?.message })] })]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.password,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "accept-password",
+						children: t("auth.password")
+					}), /* @__PURE__ */ jsxs(FieldContent, { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:lock-duotone",
+								className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "accept-password",
+								type: "password",
+								placeholder: t("auth.passwordPlaceholder"),
+								className: "pl-8",
+								autoComplete: "new-password",
+								"aria-invalid": !!errors.password,
+								...register("password", {
+									required: t("auth.passwordRequired"),
+									minLength: {
+										value: minPasswordLength,
+										message: t("auth.passwordMinLength", { min: minPasswordLength })
+									}
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsx(FieldDescription, { children: t("auth.passwordMinLength", { min: minPasswordLength }) }),
+						/* @__PURE__ */ jsx(FieldError, { children: errors.password?.message })
+					] })]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.confirmPassword,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "accept-confirm-password",
+						children: t("auth.confirmPassword")
+					}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:lock-duotone",
+							className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "accept-confirm-password",
+							type: "password",
+							placeholder: t("auth.confirmPasswordPlaceholder"),
+							className: "pl-8",
+							autoComplete: "new-password",
+							"aria-invalid": !!errors.confirmPassword,
+							...register("confirmPassword", {
+								required: t("auth.passwordRequired"),
+								validate: (value) => value === password || t("auth.passwordMismatch")
+							})
+						})]
+					}), /* @__PURE__ */ jsx(FieldError, { children: errors.confirmPassword?.message })] })]
+				})
+			] }),
+			error && /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				className: "w-full",
+				size: "lg",
+				disabled: isSubmitting,
+				children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:spinner-gap-bold",
+					className: "animate-spin"
+				}), t("auth.acceptingInvite")] }) : t("auth.acceptInvite")
+			})
+		]
+	});
+}
+
+//#endregion
+export { AcceptInviteForm };
+//# sourceMappingURL=accept-invite-form.mjs.map

package/dist/client/views/auth/accept-invite-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept-invite-form.mjs","names":[],"sources":["../../../../src/client/views/auth/accept-invite-form.tsx"],"sourcesContent":["/**\n * Accept Invite Form - complete registration after receiving invitation\n */\n\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { Alert, AlertDescription } from \"../../components/ui/alert\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from \"../../components/ui/field\";\nimport { Input } from \"../../components/ui/input\";\nimport { useTranslation } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AcceptInviteFormValues = {\n  name: string;\n  password: string;\n  confirmPassword: string;\n};\n\nexport type AcceptInviteFormProps = {\n  /** Called when form is submitted with valid data */\n  onSubmit: (values: AcceptInviteFormValues) => Promise<void>;\n  /** Email from the invitation (display only) */\n  email?: string;\n  /** Additional class name */\n  className?: string;\n  /** Error message from auth */\n  error?: string | null;\n  /** Minimum password length */\n  minPasswordLength?: number;\n};\n\n/**\n * Accept invite form for new users to complete registration\n *\n * @example\n * ```tsx\n * function AcceptInvitePage({ token }: { token: string }) {\n *   const authClient = useAuthClient()\n *   const [error, setError] = useState<string | null>(null)\n *   const [invitation, setInvitation] = useState<any>(null)\n *\n *   // Fetch invitation details on mount\n *   useEffect(() => {\n *     authClient.admin.getInvitation({ token })\n *       .then(setInvitation)\n *       .catch(() => setError('Invalid or expired invitation'))\n *   }, [token])\n *\n *   const handleAccept = async (values: AcceptInviteFormValues) => {\n *     const result = await authClient.admin.acceptInvitation({\n *       token,\n *       name: values.name,\n *       password: values.password,\n *     })\n *     if (result.error) {\n *       setError(result.error.message)\n *     } else {\n *       // Redirect to admin\n *     }\n *   }\n *\n *   return (\n *     <AcceptInviteForm\n *       onSubmit={handleAccept}\n *       email={invitation?.email}\n *       error={error}\n *     />\n *   )\n * }\n * ```\n */\nexport function AcceptInviteForm({\n  onSubmit,\n  email,\n  className,\n  error,\n  minPasswordLength = 8,\n}: AcceptInviteFormProps) {\n  const { t } = useTranslation();\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors, isSubmitting },\n  } = useForm<AcceptInviteFormValues>({\n    defaultValues: {\n      name: \"\",\n      password: \"\",\n      confirmPassword: \"\",\n    },\n  });\n\n  const password = watch(\"password\");\n\n  const handleFormSubmit = handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  return (\n    <form onSubmit={handleFormSubmit} className={cn(\"space-y-4\", className)}>\n      <FieldGroup>\n        {/* Email Display (read-only) */}\n        {email && (\n          <Field>\n            <FieldLabel>{t(\"auth.email\")}</FieldLabel>\n            <FieldContent>\n              <Input type=\"email\" value={email} disabled className=\"bg-muted\" />\n            </FieldContent>\n          </Field>\n        )}\n\n        {/* Name Field */}\n        <Field data-invalid={!!errors.name}>\n          <FieldLabel htmlFor=\"accept-name\">{t(\"auth.name\")}</FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:user-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"accept-name\"\n                type=\"text\"\n                placeholder={t(\"auth.namePlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"name\"\n                aria-invalid={!!errors.name}\n                {...register(\"name\", {\n                  required: t(\"auth.nameRequired\"),\n                  minLength: {\n                    value: 2,\n                    message: t(\"auth.nameMinLength\", { min: 2 }),\n                  },\n                })}\n              />\n            </div>\n            <FieldError>{errors.name?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Password Field */}\n        <Field data-invalid={!!errors.password}>\n          <FieldLabel htmlFor=\"accept-password\">\n            {t(\"auth.password\")}\n          </FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:lock-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"accept-password\"\n                type=\"password\"\n                placeholder={t(\"auth.passwordPlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"new-password\"\n                aria-invalid={!!errors.password}\n                {...register(\"password\", {\n                  required: t(\"auth.passwordRequired\"),\n                  minLength: {\n                    value: minPasswordLength,\n                    message: t(\"auth.passwordMinLength\", {\n                      min: minPasswordLength,\n                    }),\n                  },\n                })}\n              />\n            </div>\n            <FieldDescription>\n              {t(\"auth.passwordMinLength\", { min: minPasswordLength })}\n            </FieldDescription>\n            <FieldError>{errors.password?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Confirm Password Field */}\n        <Field data-invalid={!!errors.confirmPassword}>\n          <FieldLabel htmlFor=\"accept-confirm-password\">\n            {t(\"auth.confirmPassword\")}\n          </FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:lock-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"accept-confirm-password\"\n                type=\"password\"\n                placeholder={t(\"auth.confirmPasswordPlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"new-password\"\n                aria-invalid={!!errors.confirmPassword}\n                {...register(\"confirmPassword\", {\n                  required: t(\"auth.passwordRequired\"),\n                  validate: (value) =>\n                    value === password || t(\"auth.passwordMismatch\"),\n                })}\n              />\n            </div>\n            <FieldError>{errors.confirmPassword?.message}</FieldError>\n          </FieldContent>\n        </Field>\n      </FieldGroup>\n\n      {/* Error Message */}\n      {error && (\n        <Alert variant=\"destructive\">\n          <Icon icon=\"ph:warning-circle\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* Submit Button */}\n      <Button\n        type=\"submit\"\n        className=\"w-full\"\n        size=\"lg\"\n        disabled={isSubmitting}\n      >\n        {isSubmitting ? (\n          <>\n            <Icon icon=\"ph:spinner-gap-bold\" className=\"animate-spin\" />\n            {t(\"auth.acceptingInvite\")}\n          </>\n        ) : (\n          t(\"auth.acceptInvite\")\n        )}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/client/views/auth/auth-layout.d.mts

@@ -0,0 +1,44 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/client/views/auth/auth-layout.d.ts
+type AuthLayoutProps = {
+  /** Page title */
+  title: string;
+  /** Page description */
+  description?: string;
+  /** Logo component or element */
+  logo?: React$1.ReactNode;
+  /** Footer content (e.g., links to other auth pages) */
+  footer?: React$1.ReactNode;
+  /** Form content */
+  children: React$1.ReactNode;
+  /** Additional class name for the card */
+  className?: string;
+};
+/**
+ * Centered layout for authentication pages (login, register, forgot password, etc.)
+ *
+ * @example
+ * ```tsx
+ * <AuthLayout
+ *   title="Sign in"
+ *   description="Enter your credentials to access the admin panel"
+ *   logo={<Logo />}
+ *   footer={<Link to="/forgot-password">Forgot password?</Link>}
+ * >
+ *   <LoginForm />
+ * </AuthLayout>
+ * ```
+ */
+declare function AuthLayout({
+  title,
+  description,
+  logo,
+  footer,
+  children,
+  className
+}: AuthLayoutProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { AuthLayout, AuthLayoutProps };
+//# sourceMappingURL=auth-layout.d.mts.map

package/dist/client/views/auth/auth-layout.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout.d.mts","names":[],"sources":["../../../../src/client/views/auth/auth-layout.tsx"],"sourcesContent":[],"mappings":";;;;AAcY,KAAA,eAAA,GAAe;EAMlB;EAEE,KAAM,EAAA,MAAA;EAEL;EAAe,WAAA,CAAA,EAAA,MAAA;EAoBX;EACd,IAAA,CAAA,EAzBO,OAAA,CAAM,SAyBb;EACA;EACA,MAAA,CAAA,EAzBS,OAAA,CAAM,SAyBf;EACA;EACA,QAAA,EAzBU,OAAA,CAAM,SAyBhB;EACA;EACC,SAAA,CAAA,EAAA,MAAA;CAAe;;;;;;;;;;;;;;;;iBAPF,UAAA;;;;;;;GAOb,kBAAe,kBAAA,CAAA,GAAA,CAAA"}

package/dist/client/views/auth/auth-layout.mjs

@@ -0,0 +1,53 @@
+import { cn } from "../../lib/utils.mjs";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/auth/auth-layout.tsx
+/**
+* Centered layout for authentication pages (login, register, forgot password, etc.)
+*
+* @example
+* ```tsx
+* <AuthLayout
+*   title="Sign in"
+*   description="Enter your credentials to access the admin panel"
+*   logo={<Logo />}
+*   footer={<Link to="/forgot-password">Forgot password?</Link>}
+* >
+*   <LoginForm />
+* </AuthLayout>
+* ```
+*/
+function AuthLayout({ title, description, logo, footer, children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "bg-background flex min-h-screen flex-col items-center justify-center p-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-sm space-y-6",
+			children: [
+				logo && /* @__PURE__ */ jsx("div", {
+					className: "flex justify-center",
+					children: logo
+				}),
+				/* @__PURE__ */ jsxs(Card, {
+					className: cn("w-full", className),
+					children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "text-center",
+						children: [/* @__PURE__ */ jsx(CardTitle, {
+							className: "text-lg",
+							children: title
+						}), description && /* @__PURE__ */ jsx(CardDescription, { children: description })]
+					}), /* @__PURE__ */ jsx(CardContent, { children })]
+				}),
+				footer && /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground text-center text-xs",
+					children: footer
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { AuthLayout };
+//# sourceMappingURL=auth-layout.mjs.map

package/dist/client/views/auth/auth-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout.mjs","names":[],"sources":["../../../../src/client/views/auth/auth-layout.tsx"],"sourcesContent":["/**\n * Auth Layout - centered card layout for authentication pages\n */\n\nimport * as React from \"react\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../../components/ui/card\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AuthLayoutProps = {\n  /** Page title */\n  title: string;\n  /** Page description */\n  description?: string;\n  /** Logo component or element */\n  logo?: React.ReactNode;\n  /** Footer content (e.g., links to other auth pages) */\n  footer?: React.ReactNode;\n  /** Form content */\n  children: React.ReactNode;\n  /** Additional class name for the card */\n  className?: string;\n};\n\n/**\n * Centered layout for authentication pages (login, register, forgot password, etc.)\n *\n * @example\n * ```tsx\n * <AuthLayout\n *   title=\"Sign in\"\n *   description=\"Enter your credentials to access the admin panel\"\n *   logo={<Logo />}\n *   footer={<Link to=\"/forgot-password\">Forgot password?</Link>}\n * >\n *   <LoginForm />\n * </AuthLayout>\n * ```\n */\nexport function AuthLayout({\n  title,\n  description,\n  logo,\n  footer,\n  children,\n  className,\n}: AuthLayoutProps) {\n  return (\n    <div className=\"bg-background flex min-h-screen flex-col items-center justify-center p-4\">\n      <div className=\"w-full max-w-sm space-y-6\">\n        {/* Logo */}\n        {logo && <div className=\"flex justify-center\">{logo}</div>}\n\n        {/* Main Card */}\n        <Card className={cn(\"w-full\", className)}>\n          <CardHeader className=\"text-center\">\n            <CardTitle className=\"text-lg\">{title}</CardTitle>\n            {description && <CardDescription>{description}</CardDescription>}\n          </CardHeader>\n          <CardContent>{children}</CardContent>\n        </Card>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"text-muted-foreground text-center text-xs\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,WAAW,EACzB,OACA,aACA,MACA,QACA,UACA,aACkB;AAClB,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;;IAEZ,QAAQ,oBAAC;KAAI,WAAU;eAAuB;MAAW;IAG1D,qBAAC;KAAK,WAAW,GAAG,UAAU,UAAU;gBACtC,qBAAC;MAAW,WAAU;iBACpB,oBAAC;OAAU,WAAU;iBAAW;QAAkB,EACjD,eAAe,oBAAC,6BAAiB,cAA8B;OACrD,EACb,oBAAC,eAAa,WAAuB;MAChC;IAGN,UACC,oBAAC;KAAI,WAAU;eACZ;MACG;;IAEJ;GACF"}