@contractspec/example.saas-boilerplate 1.46.1 → 1.48.0

package/dist/ui/hooks/useProjectList.d.ts

@@ -0,0 +1,34 @@
+import { Project as Project$1, Subscription as Subscription$1 } from "../../handlers/saas.handlers.js";
+
+//#region src/ui/hooks/useProjectList.d.ts
+type Project = Project$1;
+type Subscription = Subscription$1;
+interface ListProjectsOutput {
+  items: Project[];
+  total: number;
+}
+interface UseProjectListOptions {
+  status?: 'DRAFT' | 'ACTIVE' | 'ARCHIVED' | 'all';
+  search?: string;
+  limit?: number;
+}
+declare function useProjectList(options?: UseProjectListOptions): {
+  data: ListProjectsOutput | null;
+  subscription: Subscription$1 | null;
+  loading: boolean;
+  error: Error | null;
+  stats: {
+    total: number;
+    activeCount: number;
+    draftCount: number;
+    projectLimit: number;
+    usagePercent: number;
+  } | null;
+  page: number;
+  refetch: () => Promise<void>;
+  nextPage: () => void;
+  prevPage: () => false | void;
+};
+//#endregion
+export { ListProjectsOutput, Project, Subscription, UseProjectListOptions, useProjectList };
+//# sourceMappingURL=useProjectList.d.ts.map

package/dist/ui/hooks/useProjectList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectList.d.ts","names":[],"sources":["../../../src/ui/hooks/useProjectList.ts"],"sourcesContent":[],"mappings":";;;KAcY,OAAA,GAAU;KACV,YAAA,GAAe;AADf,UAGK,kBAAA,CAHK;EACV,KAAA,EAGH,OAHG,EAAY;EAEP,KAAA,EAAA,MAAA;AAKjB;AAMgB,UANC,qBAAA,CAMa;EAAU,MAAA,CAAA,EAAA,OAAA,GAAA,QAAA,GAAA,UAAA,GAAA,KAAA;;;;iBAAxB,cAAA,WAAwB"}

package/dist/ui/hooks/useProjectList.js

@@ -0,0 +1,75 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+
+//#region src/ui/hooks/useProjectList.ts
+/**
+* Hook for fetching and managing project list data
+*
+* Uses runtime-local database-backed handlers.
+*/
+function useProjectList(options = {}) {
+	const { handlers, projectId } = useTemplateRuntime();
+	const { saas } = handlers;
+	const [data, setData] = useState(null);
+	const [subscription, setSubscription] = useState(null);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState(null);
+	const [page, setPage] = useState(1);
+	const fetchData = useCallback(async () => {
+		setLoading(true);
+		setError(null);
+		try {
+			const [projectsResult, subscriptionResult] = await Promise.all([saas.listProjects({
+				projectId,
+				status: options.status === "all" ? void 0 : options.status,
+				search: options.search,
+				limit: options.limit ?? 20,
+				offset: (page - 1) * (options.limit ?? 20)
+			}), saas.getSubscription({ projectId })]);
+			setData({
+				items: projectsResult.items,
+				total: projectsResult.total
+			});
+			setSubscription(subscriptionResult);
+		} catch (err) {
+			setError(err instanceof Error ? err : /* @__PURE__ */ new Error("Unknown error"));
+		} finally {
+			setLoading(false);
+		}
+	}, [
+		saas,
+		projectId,
+		options.status,
+		options.search,
+		options.limit,
+		page
+	]);
+	useEffect(() => {
+		fetchData();
+	}, [fetchData]);
+	return {
+		data,
+		subscription,
+		loading,
+		error,
+		stats: useMemo(() => {
+			if (!data) return null;
+			const items = data.items;
+			return {
+				total: data.total,
+				activeCount: items.filter((p) => p.status === "ACTIVE").length,
+				draftCount: items.filter((p) => p.status === "DRAFT").length,
+				projectLimit: 10,
+				usagePercent: Math.min(data.total / 10 * 100, 100)
+			};
+		}, [data]),
+		page,
+		refetch: fetchData,
+		nextPage: () => setPage((p) => p + 1),
+		prevPage: () => page > 1 && setPage((p) => p - 1)
+	};
+}
+
+//#endregion
+export { useProjectList };
+//# sourceMappingURL=useProjectList.js.map

package/dist/ui/hooks/useProjectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectList.js","names":[],"sources":["../../../src/ui/hooks/useProjectList.ts"],"sourcesContent":["/**\n * Hook for fetching and managing project list data\n *\n * Uses runtime-local database-backed handlers.\n */\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\nimport type {\n  Project as RuntimeProject,\n  Subscription as RuntimeSubscription,\n  SaasHandlers,\n} from '../../handlers/saas.handlers';\n\n// Re-export types for convenience\nexport type Project = RuntimeProject;\nexport type Subscription = RuntimeSubscription;\n\nexport interface ListProjectsOutput {\n  items: Project[];\n  total: number;\n}\n\nexport interface UseProjectListOptions {\n  status?: 'DRAFT' | 'ACTIVE' | 'ARCHIVED' | 'all';\n  search?: string;\n  limit?: number;\n}\n\nexport function useProjectList(options: UseProjectListOptions = {}) {\n  const { handlers, projectId } = useTemplateRuntime<{ saas: SaasHandlers }>();\n  const { saas } = handlers;\n\n  const [data, setData] = useState<ListProjectsOutput | null>(null);\n  const [subscription, setSubscription] = useState<Subscription | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [page, setPage] = useState(1);\n\n  const fetchData = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [projectsResult, subscriptionResult] = await Promise.all([\n        saas.listProjects({\n          projectId,\n          status: options.status === 'all' ? undefined : options.status,\n          search: options.search,\n          limit: options.limit ?? 20,\n          offset: (page - 1) * (options.limit ?? 20),\n        }),\n        saas.getSubscription({ projectId }),\n      ]);\n      setData({\n        items: projectsResult.items,\n        total: projectsResult.total,\n      });\n      setSubscription(subscriptionResult);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Unknown error'));\n    } finally {\n      setLoading(false);\n    }\n  }, [saas, projectId, options.status, options.search, options.limit, page]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  // Calculate stats\n  const stats = useMemo(() => {\n    if (!data) return null;\n    const items = data.items;\n    return {\n      total: data.total,\n      activeCount: items.filter((p) => p.status === 'ACTIVE').length,\n      draftCount: items.filter((p) => p.status === 'DRAFT').length,\n      // Subscription stats are optional since they may not be seeded\n      projectLimit: 10, // Default limit for demo\n      usagePercent: Math.min((data.total / 10) * 100, 100),\n    };\n  }, [data]);\n\n  return {\n    data,\n    subscription,\n    loading,\n    error,\n    stats,\n    page,\n    refetch: fetchData,\n    nextPage: () => setPage((p) => p + 1),\n    prevPage: () => page > 1 && setPage((p) => p - 1),\n  };\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,eAAe,UAAiC,EAAE,EAAE;CAClE,MAAM,EAAE,UAAU,cAAc,oBAA4C;CAC5E,MAAM,EAAE,SAAS;CAEjB,MAAM,CAAC,MAAM,WAAW,SAAoC,KAAK;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAA8B,KAAK;CAC3E,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAuB,KAAK;CACtD,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CAEnC,MAAM,YAAY,YAAY,YAAY;AACxC,aAAW,KAAK;AAChB,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,CAAC,gBAAgB,sBAAsB,MAAM,QAAQ,IAAI,CAC7D,KAAK,aAAa;IAChB;IACA,QAAQ,QAAQ,WAAW,QAAQ,SAAY,QAAQ;IACvD,QAAQ,QAAQ;IAChB,OAAO,QAAQ,SAAS;IACxB,SAAS,OAAO,MAAM,QAAQ,SAAS;IACxC,CAAC,EACF,KAAK,gBAAgB,EAAE,WAAW,CAAC,CACpC,CAAC;AACF,WAAQ;IACN,OAAO,eAAe;IACtB,OAAO,eAAe;IACvB,CAAC;AACF,mBAAgB,mBAAmB;WAC5B,KAAK;AACZ,YAAS,eAAe,QAAQ,sBAAM,IAAI,MAAM,gBAAgB,CAAC;YACzD;AACR,cAAW,MAAM;;IAElB;EAAC;EAAM;EAAW,QAAQ;EAAQ,QAAQ;EAAQ,QAAQ;EAAO;EAAK,CAAC;AAE1E,iBAAgB;AACd,aAAW;IACV,CAAC,UAAU,CAAC;AAgBf,QAAO;EACL;EACA;EACA;EACA;EACA,OAlBY,cAAc;AAC1B,OAAI,CAAC,KAAM,QAAO;GAClB,MAAM,QAAQ,KAAK;AACnB,UAAO;IACL,OAAO,KAAK;IACZ,aAAa,MAAM,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC;IACxD,YAAY,MAAM,QAAQ,MAAM,EAAE,WAAW,QAAQ,CAAC;IAEtD,cAAc;IACd,cAAc,KAAK,IAAK,KAAK,QAAQ,KAAM,KAAK,IAAI;IACrD;KACA,CAAC,KAAK,CAAC;EAQR;EACA,SAAS;EACT,gBAAgB,SAAS,MAAM,IAAI,EAAE;EACrC,gBAAgB,OAAO,KAAK,SAAS,MAAM,IAAI,EAAE;EAClD"}

package/dist/ui/hooks/useProjectMutations.d.ts

@@ -0,0 +1,28 @@
+import { CreateProjectInput, Project, UpdateProjectInput } from "../../handlers/saas.handlers.js";
+
+//#region src/ui/hooks/useProjectMutations.d.ts
+interface MutationState<T> {
+  loading: boolean;
+  error: Error | null;
+  data: T | null;
+}
+interface UseProjectMutationsOptions {
+  onSuccess?: () => void;
+  onError?: (error: Error) => void;
+}
+declare function useProjectMutations(options?: UseProjectMutationsOptions): {
+  createProject: (input: CreateProjectInput) => Promise<Project | null>;
+  updateProject: (input: UpdateProjectInput) => Promise<Project | null>;
+  deleteProject: (id: string) => Promise<boolean>;
+  archiveProject: (id: string) => Promise<Project | null>;
+  activateProject: (id: string) => Promise<Project | null>;
+  createState: MutationState<Project>;
+  updateState: MutationState<Project>;
+  deleteState: MutationState<{
+    success: boolean;
+  }>;
+  isLoading: boolean;
+};
+//#endregion
+export { MutationState, UseProjectMutationsOptions, useProjectMutations };
+//# sourceMappingURL=useProjectMutations.d.ts.map

package/dist/ui/hooks/useProjectMutations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectMutations.d.ts","names":[],"sources":["../../../src/ui/hooks/useProjectMutations.ts"],"sourcesContent":[],"mappings":";;;UAiBiB;;EAAA,KAAA,EAER,KAFQ,GAAA,IAAa;EAMb,IAAA,EAHT,CAGS,GAAA,IAAA;AAKjB;AAA6C,UAL5B,0BAAA,CAK4B;EA4B3B,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAA6B,OAAA,CAAA,EAAA,CAAA,KAAA,EA/B3B,KA+B2B,EAAA,GAAA,IAAA;;AAyB7B,iBArDF,mBAAA,CAqDE,OAAA,CAAA,EArD2B,0BAqD3B,CAAA,EAAA;EAA6B,aAAA,EAAA,CAAA,KAAA,EAzB7B,kBAyB6B,EAAA,GAzBR,OAyBQ,CAzBA,OAyBA,GAAA,IAAA,CAAA;EAAR,aAAA,EAAA,CAAA,KAAA,EAArB,kBAAqB,EAAA,GAAA,OAAA,CAAQ,OAAR,GAAA,IAAA,CAAA;EAsBf,aAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,OAAA,CAAA,OAAA,CAAA;EA0BQ,cAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAR,OAAQ,CAAA,OAAA,GAAA,IAAA,CAAA;EAAR,eAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAUA,OAVA,CAUQ,OAVR,GAAA,IAAA,CAAA;EAUQ,WAAA,eAAA,QAAA,CAAA;EAAR,WAAA,eAAA,QAAA,CAAA"}

package/dist/ui/hooks/useProjectMutations.js

@@ -0,0 +1,146 @@
+import { useCallback, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+
+//#region src/ui/hooks/useProjectMutations.ts
+/**
+* Hook for SaaS project mutations (commands)
+*
+* Uses runtime-local database-backed handlers for:
+* - CreateProjectContract
+* - UpdateProjectContract
+* - DeleteProjectContract
+*/
+function useProjectMutations(options = {}) {
+	const { handlers, projectId } = useTemplateRuntime();
+	const { saas } = handlers;
+	const [createState, setCreateState] = useState({
+		loading: false,
+		error: null,
+		data: null
+	});
+	const [updateState, setUpdateState] = useState({
+		loading: false,
+		error: null,
+		data: null
+	});
+	const [deleteState, setDeleteState] = useState({
+		loading: false,
+		error: null,
+		data: null
+	});
+	/**
+	* Create a new project
+	*/
+	const createProject = useCallback(async (input) => {
+		setCreateState({
+			loading: true,
+			error: null,
+			data: null
+		});
+		try {
+			const result = await saas.createProject(input, {
+				projectId,
+				organizationId: "demo-org"
+			});
+			setCreateState({
+				loading: false,
+				error: null,
+				data: result
+			});
+			options.onSuccess?.();
+			return result;
+		} catch (err) {
+			const error = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to create project");
+			setCreateState({
+				loading: false,
+				error,
+				data: null
+			});
+			options.onError?.(error);
+			return null;
+		}
+	}, [
+		saas,
+		projectId,
+		options
+	]);
+	/**
+	* Update a project
+	*/
+	const updateProject = useCallback(async (input) => {
+		setUpdateState({
+			loading: true,
+			error: null,
+			data: null
+		});
+		try {
+			const result = await saas.updateProject(input);
+			setUpdateState({
+				loading: false,
+				error: null,
+				data: result
+			});
+			options.onSuccess?.();
+			return result;
+		} catch (err) {
+			const error = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to update project");
+			setUpdateState({
+				loading: false,
+				error,
+				data: null
+			});
+			options.onError?.(error);
+			return null;
+		}
+	}, [saas, options]);
+	return {
+		createProject,
+		updateProject,
+		deleteProject: useCallback(async (id) => {
+			setDeleteState({
+				loading: true,
+				error: null,
+				data: null
+			});
+			try {
+				await saas.deleteProject(id);
+				setDeleteState({
+					loading: false,
+					error: null,
+					data: { success: true }
+				});
+				options.onSuccess?.();
+				return true;
+			} catch (err) {
+				const error = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to delete project");
+				setDeleteState({
+					loading: false,
+					error,
+					data: null
+				});
+				options.onError?.(error);
+				return false;
+			}
+		}, [saas, options]),
+		archiveProject: useCallback(async (id) => {
+			return updateProject({
+				id,
+				status: "ARCHIVED"
+			});
+		}, [updateProject]),
+		activateProject: useCallback(async (id) => {
+			return updateProject({
+				id,
+				status: "ACTIVE"
+			});
+		}, [updateProject]),
+		createState,
+		updateState,
+		deleteState,
+		isLoading: createState.loading || updateState.loading || deleteState.loading
+	};
+}
+
+//#endregion
+export { useProjectMutations };
+//# sourceMappingURL=useProjectMutations.js.map

package/dist/ui/hooks/useProjectMutations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectMutations.js","names":[],"sources":["../../../src/ui/hooks/useProjectMutations.ts"],"sourcesContent":["/**\n * Hook for SaaS project mutations (commands)\n *\n * Uses runtime-local database-backed handlers for:\n * - CreateProjectContract\n * - UpdateProjectContract\n * - DeleteProjectContract\n */\nimport { useCallback, useState } from 'react';\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\nimport type {\n  CreateProjectInput,\n  Project,\n  UpdateProjectInput,\n  SaasHandlers,\n} from '../../handlers/saas.handlers';\n\nexport interface MutationState<T> {\n  loading: boolean;\n  error: Error | null;\n  data: T | null;\n}\n\nexport interface UseProjectMutationsOptions {\n  onSuccess?: () => void;\n  onError?: (error: Error) => void;\n}\n\nexport function useProjectMutations(options: UseProjectMutationsOptions = {}) {\n  const { handlers, projectId } = useTemplateRuntime<{ saas: SaasHandlers }>();\n  const { saas } = handlers;\n\n  const [createState, setCreateState] = useState<MutationState<Project>>({\n    loading: false,\n    error: null,\n    data: null,\n  });\n\n  const [updateState, setUpdateState] = useState<MutationState<Project>>({\n    loading: false,\n    error: null,\n    data: null,\n  });\n\n  const [deleteState, setDeleteState] = useState<\n    MutationState<{ success: boolean }>\n  >({\n    loading: false,\n    error: null,\n    data: null,\n  });\n\n  /**\n   * Create a new project\n   */\n  const createProject = useCallback(\n    async (input: CreateProjectInput): Promise<Project | null> => {\n      setCreateState({ loading: true, error: null, data: null });\n      try {\n        const result = await saas.createProject(input, {\n          projectId,\n          organizationId: 'demo-org',\n        });\n        setCreateState({ loading: false, error: null, data: result });\n        options.onSuccess?.();\n        return result;\n      } catch (err) {\n        const error =\n          err instanceof Error ? err : new Error('Failed to create project');\n        setCreateState({ loading: false, error, data: null });\n        options.onError?.(error);\n        return null;\n      }\n    },\n    [saas, projectId, options]\n  );\n\n  /**\n   * Update a project\n   */\n  const updateProject = useCallback(\n    async (input: UpdateProjectInput): Promise<Project | null> => {\n      setUpdateState({ loading: true, error: null, data: null });\n      try {\n        const result = await saas.updateProject(input);\n        setUpdateState({ loading: false, error: null, data: result });\n        options.onSuccess?.();\n        return result;\n      } catch (err) {\n        const error =\n          err instanceof Error ? err : new Error('Failed to update project');\n        setUpdateState({ loading: false, error, data: null });\n        options.onError?.(error);\n        return null;\n      }\n    },\n    [saas, options]\n  );\n\n  /**\n   * Delete a project (soft delete)\n   */\n  const deleteProject = useCallback(\n    async (id: string): Promise<boolean> => {\n      setDeleteState({ loading: true, error: null, data: null });\n      try {\n        await saas.deleteProject(id);\n        setDeleteState({\n          loading: false,\n          error: null,\n          data: { success: true },\n        });\n        options.onSuccess?.();\n        return true;\n      } catch (err) {\n        const error =\n          err instanceof Error ? err : new Error('Failed to delete project');\n        setDeleteState({ loading: false, error, data: null });\n        options.onError?.(error);\n        return false;\n      }\n    },\n    [saas, options]\n  );\n\n  /**\n   * Archive a project (status change)\n   */\n  const archiveProject = useCallback(\n    async (id: string): Promise<Project | null> => {\n      return updateProject({ id, status: 'ARCHIVED' });\n    },\n    [updateProject]\n  );\n\n  /**\n   * Activate a project (status change)\n   */\n  const activateProject = useCallback(\n    async (id: string): Promise<Project | null> => {\n      return updateProject({ id, status: 'ACTIVE' });\n    },\n    [updateProject]\n  );\n\n  return {\n    // Mutations\n    createProject,\n    updateProject,\n    deleteProject,\n    archiveProject,\n    activateProject,\n\n    // State\n    createState,\n    updateState,\n    deleteState,\n\n    // Convenience\n    isLoading:\n      createState.loading || updateState.loading || deleteState.loading,\n  };\n}\n\n// Note: Types are re-exported from the handlers package\n// Consumers should import types directly from '@contractspec/example.saas-boilerplate/handlers'\n"],"mappings":";;;;;;;;;;;;AA4BA,SAAgB,oBAAoB,UAAsC,EAAE,EAAE;CAC5E,MAAM,EAAE,UAAU,cAAc,oBAA4C;CAC5E,MAAM,EAAE,SAAS;CAEjB,MAAM,CAAC,aAAa,kBAAkB,SAAiC;EACrE,SAAS;EACT,OAAO;EACP,MAAM;EACP,CAAC;CAEF,MAAM,CAAC,aAAa,kBAAkB,SAAiC;EACrE,SAAS;EACT,OAAO;EACP,MAAM;EACP,CAAC;CAEF,MAAM,CAAC,aAAa,kBAAkB,SAEpC;EACA,SAAS;EACT,OAAO;EACP,MAAM;EACP,CAAC;;;;CAKF,MAAM,gBAAgB,YACpB,OAAO,UAAuD;AAC5D,iBAAe;GAAE,SAAS;GAAM,OAAO;GAAM,MAAM;GAAM,CAAC;AAC1D,MAAI;GACF,MAAM,SAAS,MAAM,KAAK,cAAc,OAAO;IAC7C;IACA,gBAAgB;IACjB,CAAC;AACF,kBAAe;IAAE,SAAS;IAAO,OAAO;IAAM,MAAM;IAAQ,CAAC;AAC7D,WAAQ,aAAa;AACrB,UAAO;WACA,KAAK;GACZ,MAAM,QACJ,eAAe,QAAQ,sBAAM,IAAI,MAAM,2BAA2B;AACpE,kBAAe;IAAE,SAAS;IAAO;IAAO,MAAM;IAAM,CAAC;AACrD,WAAQ,UAAU,MAAM;AACxB,UAAO;;IAGX;EAAC;EAAM;EAAW;EAAQ,CAC3B;;;;CAKD,MAAM,gBAAgB,YACpB,OAAO,UAAuD;AAC5D,iBAAe;GAAE,SAAS;GAAM,OAAO;GAAM,MAAM;GAAM,CAAC;AAC1D,MAAI;GACF,MAAM,SAAS,MAAM,KAAK,cAAc,MAAM;AAC9C,kBAAe;IAAE,SAAS;IAAO,OAAO;IAAM,MAAM;IAAQ,CAAC;AAC7D,WAAQ,aAAa;AACrB,UAAO;WACA,KAAK;GACZ,MAAM,QACJ,eAAe,QAAQ,sBAAM,IAAI,MAAM,2BAA2B;AACpE,kBAAe;IAAE,SAAS;IAAO;IAAO,MAAM;IAAM,CAAC;AACrD,WAAQ,UAAU,MAAM;AACxB,UAAO;;IAGX,CAAC,MAAM,QAAQ,CAChB;AAgDD,QAAO;EAEL;EACA;EACA,eA/CoB,YACpB,OAAO,OAAiC;AACtC,kBAAe;IAAE,SAAS;IAAM,OAAO;IAAM,MAAM;IAAM,CAAC;AAC1D,OAAI;AACF,UAAM,KAAK,cAAc,GAAG;AAC5B,mBAAe;KACb,SAAS;KACT,OAAO;KACP,MAAM,EAAE,SAAS,MAAM;KACxB,CAAC;AACF,YAAQ,aAAa;AACrB,WAAO;YACA,KAAK;IACZ,MAAM,QACJ,eAAe,QAAQ,sBAAM,IAAI,MAAM,2BAA2B;AACpE,mBAAe;KAAE,SAAS;KAAO;KAAO,MAAM;KAAM,CAAC;AACrD,YAAQ,UAAU,MAAM;AACxB,WAAO;;KAGX,CAAC,MAAM,QAAQ,CAChB;EA2BC,gBAtBqB,YACrB,OAAO,OAAwC;AAC7C,UAAO,cAAc;IAAE;IAAI,QAAQ;IAAY,CAAC;KAElD,CAAC,cAAc,CAChB;EAkBC,iBAbsB,YACtB,OAAO,OAAwC;AAC7C,UAAO,cAAc;IAAE;IAAI,QAAQ;IAAU,CAAC;KAEhD,CAAC,cAAc,CAChB;EAWC;EACA;EACA;EAGA,WACE,YAAY,WAAW,YAAY,WAAW,YAAY;EAC7D"}

package/dist/ui/index.d.ts

@@ -0,0 +1,14 @@
+import { SaasDashboard } from "./SaasDashboard.js";
+import { SaasProjectList } from "./SaasProjectList.js";
+import { SaasSettingsPanel } from "./SaasSettingsPanel.js";
+import { CreateProjectModal } from "./modals/CreateProjectModal.js";
+import { ProjectActionsModal } from "./modals/ProjectActionsModal.js";
+import "./modals/index.js";
+import { UseProjectListOptions, useProjectList } from "./hooks/useProjectList.js";
+import { UseProjectMutationsOptions, useProjectMutations } from "./hooks/useProjectMutations.js";
+import "./hooks/index.js";
+import { projectListReactRenderer } from "./renderers/project-list.renderer.js";
+import { projectListMarkdownRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer } from "./renderers/project-list.markdown.js";
+import "./renderers/index.js";
+import { saasDemoOverlay, saasFreeUserOverlay, saasOverlays } from "./overlays/demo-overlays.js";
+export { CreateProjectModal, ProjectActionsModal, SaasDashboard, SaasProjectList, SaasSettingsPanel, UseProjectListOptions, UseProjectMutationsOptions, projectListMarkdownRenderer, projectListReactRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer, saasDemoOverlay, saasFreeUserOverlay, saasOverlays, useProjectList, useProjectMutations };

package/dist/ui/index.js

@@ -0,0 +1,15 @@
+import { useProjectList } from "./hooks/useProjectList.js";
+import { useProjectMutations } from "./hooks/useProjectMutations.js";
+import { CreateProjectModal } from "./modals/CreateProjectModal.js";
+import { ProjectActionsModal } from "./modals/ProjectActionsModal.js";
+import { SaasDashboard } from "./SaasDashboard.js";
+import { SaasProjectList } from "./SaasProjectList.js";
+import { SaasSettingsPanel } from "./SaasSettingsPanel.js";
+import "./modals/index.js";
+import "./hooks/index.js";
+import { projectListReactRenderer } from "./renderers/project-list.renderer.js";
+import { projectListMarkdownRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer } from "./renderers/project-list.markdown.js";
+import "./renderers/index.js";
+import { saasDemoOverlay, saasFreeUserOverlay, saasOverlays } from "./overlays/demo-overlays.js";
+
+export { CreateProjectModal, ProjectActionsModal, SaasDashboard, SaasProjectList, SaasSettingsPanel, projectListMarkdownRenderer, projectListReactRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer, saasDemoOverlay, saasFreeUserOverlay, saasOverlays, useProjectList, useProjectMutations };

package/dist/ui/modals/CreateProjectModal.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/ui/modals/CreateProjectModal.d.ts
+interface CreateProjectInput {
+  name: string;
+  description?: string;
+  tier: 'FREE' | 'PRO' | 'ENTERPRISE';
+}
+interface CreateProjectModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSubmit: (input: CreateProjectInput) => Promise<void>;
+  isLoading?: boolean;
+}
+declare function CreateProjectModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  isLoading
+}: CreateProjectModalProps): react_jsx_runtime2.JSX.Element | null;
+//#endregion
+export { CreateProjectInput, CreateProjectModal };
+//# sourceMappingURL=CreateProjectModal.d.ts.map

package/dist/ui/modals/CreateProjectModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateProjectModal.d.ts","names":[],"sources":["../../../src/ui/modals/CreateProjectModal.tsx"],"sourcesContent":[],"mappings":";;;UAWiB,kBAAA;;;EAAA,IAAA,EAAA,MAAA,GAAA,KAAA,GAAkB,YAAA;AAIlC;AAeD,UAbU,uBAAA,CAawB;EAChC,MAAA,EAAA,OAAA;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAbkB,kBAalB,EAAA,GAbyC,OAazC,CAAA,IAAA,CAAA;EACA,SAAA,CAAA,EAAA,OAAA;;AACwB,iBALV,kBAAA,CAKU;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAvB,uBAAuB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,IAAA"}

package/dist/ui/modals/CreateProjectModal.js

@@ -0,0 +1,139 @@
+'use client';
+
+import { useState } from "react";
+import { Button, Input } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/CreateProjectModal.tsx
+/**
+* CreateProjectModal - Form for creating a new project
+*
+* Wires to CreateProjectContract via useProjectMutations hook.
+*/
+const TIERS = [
+	{
+		value: "FREE",
+		label: "Free"
+	},
+	{
+		value: "PRO",
+		label: "Pro"
+	},
+	{
+		value: "ENTERPRISE",
+		label: "Enterprise"
+	}
+];
+function CreateProjectModal({ isOpen, onClose, onSubmit, isLoading = false }) {
+	const [name, setName] = useState("");
+	const [description, setDescription] = useState("");
+	const [tier, setTier] = useState("FREE");
+	const [error, setError] = useState(null);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setError(null);
+		if (!name.trim()) {
+			setError("Project name is required");
+			return;
+		}
+		try {
+			await onSubmit({
+				name: name.trim(),
+				description: description.trim() || void 0,
+				tier
+			});
+			setName("");
+			setDescription("");
+			setTier("FREE");
+			onClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to create project");
+		}
+	};
+	if (!isOpen) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+			onClick: onClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") onClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "mb-4 text-xl font-semibold",
+				children: "Create New Project"
+			}), /* @__PURE__ */ jsxs("form", {
+				onSubmit: handleSubmit,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "project-name",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Project Name *"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "project-name",
+						value: name,
+						onChange: (e) => setName(e.target.value),
+						placeholder: "e.g., My Awesome Project",
+						disabled: isLoading
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "project-description",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ jsx("textarea", {
+						id: "project-description",
+						value: description,
+						onChange: (e) => setDescription(e.target.value),
+						placeholder: "Describe what this project is about...",
+						rows: 3,
+						disabled: isLoading,
+						className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50"
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "project-tier",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Tier"
+					}), /* @__PURE__ */ jsx("select", {
+						id: "project-tier",
+						value: tier,
+						onChange: (e) => setTier(e.target.value),
+						disabled: isLoading,
+						className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
+						children: TIERS.map((t) => /* @__PURE__ */ jsx("option", {
+							value: t.value,
+							children: t.label
+						}, t.value))
+					})] }),
+					error && /* @__PURE__ */ jsx("div", {
+						className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+						children: error
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-end gap-3 pt-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							onPress: onClose,
+							disabled: isLoading,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							disabled: isLoading,
+							children: isLoading ? "Creating..." : "Create Project"
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CreateProjectModal };
+//# sourceMappingURL=CreateProjectModal.js.map

package/dist/ui/modals/CreateProjectModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateProjectModal.js","names":[],"sources":["../../../src/ui/modals/CreateProjectModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * CreateProjectModal - Form for creating a new project\n *\n * Wires to CreateProjectContract via useProjectMutations hook.\n */\nimport { useState } from 'react';\nimport { Button, Input } from '@contractspec/lib.design-system';\n\n// Local type definition for modal props\nexport interface CreateProjectInput {\n  name: string;\n  description?: string;\n  tier: 'FREE' | 'PRO' | 'ENTERPRISE';\n}\n\ninterface CreateProjectModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (input: CreateProjectInput) => Promise<void>;\n  isLoading?: boolean;\n}\n\nconst TIERS: { value: CreateProjectInput['tier']; label: string }[] = [\n  { value: 'FREE', label: 'Free' },\n  { value: 'PRO', label: 'Pro' },\n  { value: 'ENTERPRISE', label: 'Enterprise' },\n];\n\nexport function CreateProjectModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  isLoading = false,\n}: CreateProjectModalProps) {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [tier, setTier] = useState<CreateProjectInput['tier']>('FREE');\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    // Validation\n    if (!name.trim()) {\n      setError('Project name is required');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        name: name.trim(),\n        description: description.trim() || undefined,\n        tier,\n      });\n\n      // Reset form\n      setName('');\n      setDescription('');\n      setTier('FREE');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create project');\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"bg-background/80 absolute inset-0 backdrop-blur-sm\"\n        onClick={onClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') onClose();\n        }}\n        aria-label=\"Close modal\"\n      />\n\n      {/* Modal */}\n      <div className=\"bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl\">\n        <h2 className=\"mb-4 text-xl font-semibold\">Create New Project</h2>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          {/* Project Name */}\n          <div>\n            <label\n              htmlFor=\"project-name\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Project Name *\n            </label>\n            <Input\n              id=\"project-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g., My Awesome Project\"\n              disabled={isLoading}\n            />\n          </div>\n\n          {/* Description */}\n          <div>\n            <label\n              htmlFor=\"project-description\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Description\n            </label>\n            <textarea\n              id=\"project-description\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"Describe what this project is about...\"\n              rows={3}\n              disabled={isLoading}\n              className=\"border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50\"\n            />\n          </div>\n\n          {/* Tier */}\n          <div>\n            <label\n              htmlFor=\"project-tier\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Tier\n            </label>\n            <select\n              id=\"project-tier\"\n              value={tier}\n              onChange={(e) =>\n                setTier(e.target.value as CreateProjectInput['tier'])\n              }\n              disabled={isLoading}\n              className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50\"\n            >\n              {TIERS.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Error Message */}\n          {error && (\n            <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n              {error}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex justify-end gap-3 pt-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onPress={onClose}\n              disabled={isLoading}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={isLoading}>\n              {isLoading ? 'Creating...' : 'Create Project'}\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,QAAgE;CACpE;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAc,OAAO;EAAc;CAC7C;AAED,SAAgB,mBAAmB,EACjC,QACA,SACA,UACA,YAAY,SACc;CAC1B,MAAM,CAAC,MAAM,WAAW,SAAS,GAAG;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,MAAM,WAAW,SAAqC,OAAO;CACpE,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,eAAe,OAAO,MAAuB;AACjD,IAAE,gBAAgB;AAClB,WAAS,KAAK;AAGd,MAAI,CAAC,KAAK,MAAM,EAAE;AAChB,YAAS,2BAA2B;AACpC;;AAGF,MAAI;AACF,SAAM,SAAS;IACb,MAAM,KAAK,MAAM;IACjB,aAAa,YAAY,MAAM,IAAI;IACnC;IACD,CAAC;AAGF,WAAQ,GAAG;AACX,kBAAe,GAAG;AAClB,WAAQ,OAAO;AACf,YAAS;WACF,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,2BAA2B;;;AAI7E,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,qBAAC;EAAI,WAAU;aAEb,oBAAC;GACC,WAAU;GACV,SAAS;GACT,MAAK;GACL,UAAU;GACV,YAAY,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,UAAS;;GAEnD,cAAW;IACX,EAGF,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAA6B;KAAuB,EAElE,qBAAC;IAAK,UAAU;IAAc,WAAU;;KAEtC,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MAAM,QAAQ,EAAE,OAAO,MAAM;MACxC,aAAY;MACZ,UAAU;OACV,IACE;KAGN,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;MAC/C,aAAY;MACZ,MAAM;MACN,UAAU;MACV,WAAU;OACV,IACE;KAGN,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MACT,QAAQ,EAAE,OAAO,MAAoC;MAEvD,UAAU;MACV,WAAU;gBAET,MAAM,KAAK,MACV,oBAAC;OAAqB,OAAO,EAAE;iBAC5B,EAAE;SADQ,EAAE,MAEN,CACT;OACK,IACL;KAGL,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;KAIR,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,SAAS;OACT,UAAU;iBACX;QAEQ,EACT,oBAAC;OAAO,MAAK;OAAS,UAAU;iBAC7B,YAAY,gBAAgB;QACtB;OACL;;KACD;IACH;GACF"}

package/dist/ui/modals/ProjectActionsModal.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/ui/modals/ProjectActionsModal.d.ts
+interface Project {
+  id: string;
+  name: string;
+  description?: string;
+  status: 'DRAFT' | 'ACTIVE' | 'ARCHIVED';
+  tier: 'FREE' | 'PRO' | 'ENTERPRISE';
+}
+interface UpdateProjectInput {
+  id: string;
+  name?: string;
+  description?: string;
+}
+interface ProjectActionsModalProps {
+  isOpen: boolean;
+  project: Project | null;
+  onClose: () => void;
+  onUpdate: (input: UpdateProjectInput) => Promise<void>;
+  onArchive: (projectId: string) => Promise<void>;
+  onActivate: (projectId: string) => Promise<void>;
+  onDelete: (projectId: string) => Promise<void>;
+  isLoading?: boolean;
+}
+declare function ProjectActionsModal({
+  isOpen,
+  project,
+  onClose,
+  onUpdate,
+  onArchive,
+  onActivate,
+  onDelete,
+  isLoading
+}: ProjectActionsModalProps): react_jsx_runtime3.JSX.Element | null;
+//#endregion
+export { Project, ProjectActionsModal, UpdateProjectInput };
+//# sourceMappingURL=ProjectActionsModal.d.ts.map

package/dist/ui/modals/ProjectActionsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectActionsModal.d.ts","names":[],"sources":["../../../src/ui/modals/ProjectActionsModal.tsx"],"sourcesContent":[],"mappings":";;;UAYiB,OAAA;;;EAAA,WAAO,CAAA,EAAA,MAAA;EAQP,MAAA,EAAA,OAAA,GAAA,QAAkB,GAAA,UAAA;EAQzB,IAAA,EAAA,MAAA,GAAA,KAAA,GAAA,YAAwB;;AAId,UAZH,kBAAA,CAYG;EAAuB,EAAA,EAAA,MAAA;EACP,IAAA,CAAA,EAAA,MAAA;EACC,WAAA,CAAA,EAAA,MAAA;;UAN3B,wBAAA,CAOgC;EAI1B,MAAA,EAAA,OAAA;EACd,OAAA,EAVS,OAUT,GAAA,IAAA;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAVkB,kBAUlB,EAAA,GAVyC,OAUzC,CAAA,IAAA,CAAA;EACA,SAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,GAVkC,OAUlC,CAAA,IAAA,CAAA;EACA,UAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,GAVmC,OAUnC,CAAA,IAAA,CAAA;EACA,QAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,GAViC,OAUjC,CAAA,IAAA,CAAA;EACA,SAAA,CAAA,EAAA,OAAA;;AAEC,iBATa,mBAAA,CASb;EAAA,MAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,wBAAA,CAAA,EAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAxB,IAAA"}