@m5kdev/web-ui 0.7.0 → 0.8.2

package/dist/src/modules/auth/components/OrganizationSettingsRoute.js

@@ -1,153 +1,193 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, CardBody, CardHeader, Chip, Input, Spinner, Textarea } from "@heroui/react";
-import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
-import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { Button, Card, CardBody, CardHeader, Chip, Input, Spinner, Textarea } from "@heroui/react";
 import { toast } from "sonner";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+//#region src/modules/auth/components/OrganizationSettingsRoute.tsx
 function OrganizationStateCard({ title, message }) {
-    return (_jsx("div", { className: "p-6", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "text-lg font-semibold", children: title }), _jsx(CardBody, { children: message })] }) }));
+	return /* @__PURE__ */ jsx("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+			className: "text-lg font-semibold",
+			children: title
+		}), /* @__PURE__ */ jsx(CardBody, { children: message })] })
+	});
 }
-function useOrganizationAccess({ managerRoles, onInvalidateScopedQueries, }) {
-    const { data: session, registerSession } = useSession();
-    const queryClient = useQueryClient();
-    const activeOrganizationId = session?.session.activeOrganizationId ?? "";
-    const activeOrganizationRole = session?.session?.activeOrganizationRole ??
-        "";
-    const managerRoleSet = useMemo(() => new Set(managerRoles ?? ["admin", "owner"]), [managerRoles]);
-    const canManageOrganization = managerRoleSet.has(activeOrganizationRole);
-    const refreshOrganizationQueries = useCallback(async () => {
-        await Promise.allSettled([
-            queryClient.invalidateQueries({ queryKey: ["auth-organization-list"] }),
-            queryClient.invalidateQueries({
-                queryKey: ["auth-organization-details", activeOrganizationId],
-            }),
-            queryClient.invalidateQueries({
-                queryKey: ["auth-organization-members", activeOrganizationId],
-            }),
-            queryClient.invalidateQueries({
-                queryKey: ["auth-organization-invitations", activeOrganizationId],
-            }),
-        ]);
-        registerSession(() => {
-            void onInvalidateScopedQueries?.();
-        });
-    }, [activeOrganizationId, onInvalidateScopedQueries, queryClient, registerSession]);
-    return {
-        activeOrganizationId,
-        activeOrganizationRole,
-        canManageOrganization,
-        refreshOrganizationQueries,
-    };
+function useOrganizationAccess({ managerRoles, onInvalidateScopedQueries }) {
+	const { data: session, registerSession } = useSession();
+	const queryClient = useQueryClient();
+	const activeOrganizationId = session?.session.activeOrganizationId ?? "";
+	const activeOrganizationRole = (session?.session)?.activeOrganizationRole ?? "";
+	return {
+		activeOrganizationId,
+		activeOrganizationRole,
+		canManageOrganization: useMemo(() => new Set(managerRoles ?? ["admin", "owner"]), [managerRoles]).has(activeOrganizationRole),
+		refreshOrganizationQueries: useCallback(async () => {
+			await Promise.allSettled([
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-list"] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-members", activeOrganizationId] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-invitations", activeOrganizationId] })
+			]);
+			registerSession(() => {
+				onInvalidateScopedQueries?.();
+			});
+		}, [
+			activeOrganizationId,
+			onInvalidateScopedQueries,
+			queryClient,
+			registerSession
+		])
+	};
 }
 function useOrganizationConfig() {
-    const { t } = useTranslation();
-    const translatedLabels = useMemo(() => ({
-        settingsTitle: t("web-ui:organization.settings.title"),
-        settingsDescription: t("web-ui:organization.settings.description"),
-        settingsNoActive: t("web-ui:organization.settings.noActive"),
-        settingsManageOnly: t("web-ui:organization.settings.manageOnly"),
-        formName: t("web-ui:organization.settings.form.name"),
-        formSlug: t("web-ui:organization.settings.form.slug"),
-        formMetadata: t("web-ui:organization.settings.form.metadata"),
-        formMetadataInvalidJson: t("web-ui:organization.settings.form.metadataInvalidJson"),
-        formMetadataInvalid: t("web-ui:organization.settings.form.metadataInvalid"),
-        saveButton: t("web-ui:organization.settings.button.save"),
-        updateSuccess: t("web-ui:organization.settings.updateSuccess"),
-        updateError: t("web-ui:organization.settings.updateError"),
-        loadError: t("web-ui:organization.settings.loadError"),
-    }), [t]);
-    const translatedRoleLabels = useMemo(() => ({
-        member: t("web-ui:organization.roles.member"),
-        admin: t("web-ui:organization.roles.admin"),
-        owner: t("web-ui:organization.roles.owner"),
-    }), [t]);
-    return { resolvedLabels: translatedLabels, resolvedRoleLabels: translatedRoleLabels };
+	const { t } = useTranslation();
+	return {
+		resolvedLabels: useMemo(() => ({
+			settingsTitle: t("web-ui:organization.settings.title"),
+			settingsDescription: t("web-ui:organization.settings.description"),
+			settingsNoActive: t("web-ui:organization.settings.noActive"),
+			settingsManageOnly: t("web-ui:organization.settings.manageOnly"),
+			formName: t("web-ui:organization.settings.form.name"),
+			formSlug: t("web-ui:organization.settings.form.slug"),
+			formMetadata: t("web-ui:organization.settings.form.metadata"),
+			formMetadataInvalidJson: t("web-ui:organization.settings.form.metadataInvalidJson"),
+			formMetadataInvalid: t("web-ui:organization.settings.form.metadataInvalid"),
+			saveButton: t("web-ui:organization.settings.button.save"),
+			updateSuccess: t("web-ui:organization.settings.updateSuccess"),
+			updateError: t("web-ui:organization.settings.updateError"),
+			loadError: t("web-ui:organization.settings.loadError")
+		}), [t]),
+		resolvedRoleLabels: useMemo(() => ({
+			member: t("web-ui:organization.roles.member"),
+			admin: t("web-ui:organization.roles.admin"),
+			owner: t("web-ui:organization.roles.owner")
+		}), [t])
+	};
 }
-export function OrganizationSettingsRoute({ managerRoles, onInvalidateScopedQueries, }) {
-    const { resolvedLabels, resolvedRoleLabels } = useOrganizationConfig();
-    const { activeOrganizationId, activeOrganizationRole, canManageOrganization, refreshOrganizationQueries, } = useOrganizationAccess({ managerRoles, onInvalidateScopedQueries });
-    const [organizationName, setOrganizationName] = useState("");
-    const [organizationSlug, setOrganizationSlug] = useState("");
-    const [organizationMetadata, setOrganizationMetadata] = useState("{}");
-    const [isSavingOrganization, setIsSavingOrganization] = useState(false);
-    const organizationQuery = useQuery({
-        queryKey: ["auth-organization-details", activeOrganizationId],
-        enabled: Boolean(activeOrganizationId && canManageOrganization),
-        queryFn: async () => {
-            const { data, error } = await authClient.organization.getFullOrganization({
-                query: {
-                    organizationId: activeOrganizationId,
-                    membersLimit: 200,
-                },
-            });
-            if (error) {
-                throw new Error(error.message ?? resolvedLabels.loadError);
-            }
-            return data;
-        },
-    });
-    useEffect(() => {
-        const organization = organizationQuery.data;
-        if (!organization) {
-            return;
-        }
-        setOrganizationName(organization.name ?? "");
-        setOrganizationSlug(organization.slug ?? "");
-        setOrganizationMetadata(JSON.stringify(organization.metadata ?? {}, null, 2));
-    }, [organizationQuery.data]);
-    const onUpdateOrganization = async () => {
-        if (!canManageOrganization || !activeOrganizationId) {
-            return;
-        }
-        try {
-            setIsSavingOrganization(true);
-            let parsedMetadata;
-            try {
-                parsedMetadata = organizationMetadata.trim()
-                    ? JSON.parse(organizationMetadata)
-                    : {};
-            }
-            catch (parseError) {
-                const message = parseError instanceof SyntaxError
-                    ? resolvedLabels.formMetadataInvalidJson
-                    : parseError instanceof Error
-                        ? parseError.message
-                        : resolvedLabels.formMetadataInvalid;
-                throw new Error(message);
-            }
-            const { error } = await authClient.organization.update({
-                organizationId: activeOrganizationId,
-                data: {
-                    name: organizationName.trim(),
-                    slug: organizationSlug.trim(),
-                    metadata: parsedMetadata,
-                },
-            });
-            if (error) {
-                throw new Error(error.message ?? resolvedLabels.updateError);
-            }
-            await refreshOrganizationQueries();
-            toast.success(resolvedLabels.updateSuccess);
-        }
-        catch (error) {
-            toast.error(error instanceof Error ? error.message : resolvedLabels.updateError);
-        }
-        finally {
-            setIsSavingOrganization(false);
-        }
-    };
-    if (!activeOrganizationId) {
-        return (_jsx(OrganizationStateCard, { title: resolvedLabels.settingsTitle, message: resolvedLabels.settingsNoActive }));
-    }
-    if (!canManageOrganization) {
-        return (_jsx(OrganizationStateCard, { title: resolvedLabels.settingsTitle, message: resolvedLabels.settingsManageOnly }));
-    }
-    if (organizationQuery.isLoading) {
-        return (_jsx("div", { className: "p-6 flex justify-center", children: _jsx(Spinner, {}) }));
-    }
-    return (_jsx("div", { className: "p-6", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("h2", { className: "text-xl font-semibold", children: resolvedLabels.settingsTitle }), _jsx("p", { className: "text-sm text-default-500", children: resolvedLabels.settingsDescription })] }), _jsx(Chip, { variant: "flat", color: "primary", children: resolvedRoleLabels[activeOrganizationRole] ??
-                                activeOrganizationRole ??
-                                resolvedRoleLabels.member })] }), _jsxs(CardBody, { className: "grid gap-3", children: [_jsx(Input, { label: resolvedLabels.formName, value: organizationName, onValueChange: setOrganizationName }), _jsx(Input, { label: resolvedLabels.formSlug, value: organizationSlug, onValueChange: setOrganizationSlug }), _jsx(Textarea, { label: resolvedLabels.formMetadata, value: organizationMetadata, onValueChange: setOrganizationMetadata, minRows: 4 }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { color: "primary", isLoading: isSavingOrganization, onPress: onUpdateOrganization, children: resolvedLabels.saveButton }) })] })] }) }));
+function OrganizationSettingsRoute({ managerRoles, onInvalidateScopedQueries }) {
+	const { resolvedLabels, resolvedRoleLabels } = useOrganizationConfig();
+	const { activeOrganizationId, activeOrganizationRole, canManageOrganization, refreshOrganizationQueries } = useOrganizationAccess({
+		managerRoles,
+		onInvalidateScopedQueries
+	});
+	const [organizationName, setOrganizationName] = useState("");
+	const [organizationSlug, setOrganizationSlug] = useState("");
+	const [organizationMetadata, setOrganizationMetadata] = useState("{}");
+	const [isSavingOrganization, setIsSavingOrganization] = useState(false);
+	const organizationQuery = useQuery({
+		queryKey: ["auth-organization-details", activeOrganizationId],
+		enabled: Boolean(activeOrganizationId && canManageOrganization),
+		queryFn: async () => {
+			const { data, error } = await authClient.organization.getFullOrganization({ query: {
+				organizationId: activeOrganizationId,
+				membersLimit: 200
+			} });
+			if (error) throw new Error(error.message ?? resolvedLabels.loadError);
+			return data;
+		}
+	});
+	useEffect(() => {
+		const organization = organizationQuery.data;
+		if (!organization) return;
+		setOrganizationName(organization.name ?? "");
+		setOrganizationSlug(organization.slug ?? "");
+		setOrganizationMetadata(JSON.stringify(organization.metadata ?? {}, null, 2));
+	}, [organizationQuery.data]);
+	const onUpdateOrganization = async () => {
+		if (!canManageOrganization || !activeOrganizationId) return;
+		try {
+			setIsSavingOrganization(true);
+			let parsedMetadata;
+			try {
+				parsedMetadata = organizationMetadata.trim() ? JSON.parse(organizationMetadata) : {};
+			} catch (parseError) {
+				const message = parseError instanceof SyntaxError ? resolvedLabels.formMetadataInvalidJson : parseError instanceof Error ? parseError.message : resolvedLabels.formMetadataInvalid;
+				throw new Error(message);
+			}
+			const { error } = await authClient.organization.update({
+				organizationId: activeOrganizationId,
+				data: {
+					name: organizationName.trim(),
+					slug: organizationSlug.trim(),
+					metadata: parsedMetadata
+				}
+			});
+			if (error) throw new Error(error.message ?? resolvedLabels.updateError);
+			await refreshOrganizationQueries();
+			toast.success(resolvedLabels.updateSuccess);
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : resolvedLabels.updateError);
+		} finally {
+			setIsSavingOrganization(false);
+		}
+	};
+	if (!activeOrganizationId) return /* @__PURE__ */ jsx(OrganizationStateCard, {
+		title: resolvedLabels.settingsTitle,
+		message: resolvedLabels.settingsNoActive
+	});
+	if (!canManageOrganization) return /* @__PURE__ */ jsx(OrganizationStateCard, {
+		title: resolvedLabels.settingsTitle,
+		message: resolvedLabels.settingsManageOnly
+	});
+	if (organizationQuery.isLoading) return /* @__PURE__ */ jsx("div", {
+		className: "p-6 flex justify-center",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: resolvedLabels.settingsTitle
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-default-500",
+					children: resolvedLabels.settingsDescription
+				})]
+			}), /* @__PURE__ */ jsx(Chip, {
+				variant: "flat",
+				color: "primary",
+				children: resolvedRoleLabels[activeOrganizationRole] ?? activeOrganizationRole ?? resolvedRoleLabels.member
+			})]
+		}), /* @__PURE__ */ jsxs(CardBody, {
+			className: "grid gap-3",
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					label: resolvedLabels.formName,
+					value: organizationName,
+					onValueChange: setOrganizationName
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					label: resolvedLabels.formSlug,
+					value: organizationSlug,
+					onValueChange: setOrganizationSlug
+				}),
+				/* @__PURE__ */ jsx(Textarea, {
+					label: resolvedLabels.formMetadata,
+					value: organizationMetadata,
+					onValueChange: setOrganizationMetadata,
+					minRows: 4
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ jsx(Button, {
+						color: "primary",
+						isLoading: isSavingOrganization,
+						onPress: onUpdateOrganization,
+						children: resolvedLabels.saveButton
+					})
+				})
+			]
+		})] })
+	});
 }
+//#endregion
+export { OrganizationSettingsRoute };
+
+//# sourceMappingURL=OrganizationSettingsRoute.js.map

package/dist/src/modules/auth/components/OrganizationSettingsRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSettingsRoute.js","names":[],"sources":["../../../../../src/modules/auth/components/OrganizationSettingsRoute.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Chip, Input, Spinner, Textarea } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype OrganizationDetails = {\r\n  id: string;\r\n  name: string;\r\n  slug: string;\r\n  logo?: string | null;\r\n  metadata?: Record<string, unknown> | null;\r\n};\r\n\r\nexport type OrganizationSettingsRouteLabels = {\r\n  settingsTitle: string;\r\n  settingsDescription: string;\r\n  settingsNoActive: string;\r\n  settingsManageOnly: string;\r\n  formName: string;\r\n  formSlug: string;\r\n  formMetadata: string;\r\n  formMetadataInvalidJson: string;\r\n  formMetadataInvalid: string;\r\n  saveButton: string;\r\n  updateSuccess: string;\r\n  updateError: string;\r\n  loadError: string;\r\n};\r\n\r\nexport type OrganizationSettingsRouteProps = {\r\n  managerRoles?: string[];\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n};\r\n\r\nfunction OrganizationStateCard({ title, message }: { title: string; message: string }) {\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-lg font-semibold\">{title}</CardHeader>\r\n        <CardBody>{message}</CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction useOrganizationAccess({\r\n  managerRoles,\r\n  onInvalidateScopedQueries,\r\n}: Pick<OrganizationSettingsRouteProps, \"managerRoles\" | \"onInvalidateScopedQueries\">) {\r\n  const { data: session, registerSession } = useSession();\r\n  const queryClient = useQueryClient();\r\n\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? \"\";\r\n  const activeOrganizationRole =\r\n    (session?.session as { activeOrganizationRole?: string } | undefined)?.activeOrganizationRole ??\r\n    \"\";\r\n  const managerRoleSet = useMemo(() => new Set(managerRoles ?? [\"admin\", \"owner\"]), [managerRoles]);\r\n  const canManageOrganization = managerRoleSet.has(activeOrganizationRole);\r\n\r\n  const refreshOrganizationQueries = useCallback(async () => {\r\n    await Promise.allSettled([\r\n      queryClient.invalidateQueries({ queryKey: [\"auth-organization-list\"] }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-members\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-invitations\", activeOrganizationId],\r\n      }),\r\n    ]);\r\n\r\n    registerSession(() => {\r\n      void onInvalidateScopedQueries?.();\r\n    });\r\n  }, [activeOrganizationId, onInvalidateScopedQueries, queryClient, registerSession]);\r\n\r\n  return {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  };\r\n}\r\n\r\nfunction useOrganizationConfig() {\r\n  const { t } = useTranslation();\r\n\r\n  const translatedLabels = useMemo<OrganizationSettingsRouteLabels>(\r\n    () => ({\r\n      settingsTitle: t(\"web-ui:organization.settings.title\"),\r\n      settingsDescription: t(\"web-ui:organization.settings.description\"),\r\n      settingsNoActive: t(\"web-ui:organization.settings.noActive\"),\r\n      settingsManageOnly: t(\"web-ui:organization.settings.manageOnly\"),\r\n      formName: t(\"web-ui:organization.settings.form.name\"),\r\n      formSlug: t(\"web-ui:organization.settings.form.slug\"),\r\n      formMetadata: t(\"web-ui:organization.settings.form.metadata\"),\r\n      formMetadataInvalidJson: t(\"web-ui:organization.settings.form.metadataInvalidJson\"),\r\n      formMetadataInvalid: t(\"web-ui:organization.settings.form.metadataInvalid\"),\r\n      saveButton: t(\"web-ui:organization.settings.button.save\"),\r\n      updateSuccess: t(\"web-ui:organization.settings.updateSuccess\"),\r\n      updateError: t(\"web-ui:organization.settings.updateError\"),\r\n      loadError: t(\"web-ui:organization.settings.loadError\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const translatedRoleLabels = useMemo<Record<string, string>>(\r\n    () => ({\r\n      member: t(\"web-ui:organization.roles.member\"),\r\n      admin: t(\"web-ui:organization.roles.admin\"),\r\n      owner: t(\"web-ui:organization.roles.owner\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  return { resolvedLabels: translatedLabels, resolvedRoleLabels: translatedRoleLabels };\r\n}\r\n\r\nexport function OrganizationSettingsRoute({\r\n  managerRoles,\r\n  onInvalidateScopedQueries,\r\n}: OrganizationSettingsRouteProps) {\r\n  const { resolvedLabels, resolvedRoleLabels } = useOrganizationConfig();\r\n\r\n  const {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  } = useOrganizationAccess({ managerRoles, onInvalidateScopedQueries });\r\n\r\n  const [organizationName, setOrganizationName] = useState(\"\");\r\n  const [organizationSlug, setOrganizationSlug] = useState(\"\");\r\n  const [organizationMetadata, setOrganizationMetadata] = useState(\"{}\");\r\n  const [isSavingOrganization, setIsSavingOrganization] = useState(false);\r\n\r\n  const organizationQuery = useQuery({\r\n    queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.getFullOrganization({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n          membersLimit: 200,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadError);\r\n      }\r\n      return data as OrganizationDetails | null;\r\n    },\r\n  });\r\n\r\n  useEffect(() => {\r\n    const organization = organizationQuery.data;\r\n    if (!organization) {\r\n      return;\r\n    }\r\n\r\n    setOrganizationName(organization.name ?? \"\");\r\n    setOrganizationSlug(organization.slug ?? \"\");\r\n    setOrganizationMetadata(JSON.stringify(organization.metadata ?? {}, null, 2));\r\n  }, [organizationQuery.data]);\r\n\r\n  const onUpdateOrganization = async () => {\r\n    if (!canManageOrganization || !activeOrganizationId) {\r\n      return;\r\n    }\r\n\r\n    try {\r\n      setIsSavingOrganization(true);\r\n      let parsedMetadata: Record<string, unknown>;\r\n      try {\r\n        parsedMetadata = organizationMetadata.trim()\r\n          ? (JSON.parse(organizationMetadata) as Record<string, unknown>)\r\n          : {};\r\n      } catch (parseError) {\r\n        const message =\r\n          parseError instanceof SyntaxError\r\n            ? resolvedLabels.formMetadataInvalidJson\r\n            : parseError instanceof Error\r\n              ? parseError.message\r\n              : resolvedLabels.formMetadataInvalid;\r\n        throw new Error(message);\r\n      }\r\n\r\n      const { error } = await authClient.organization.update({\r\n        organizationId: activeOrganizationId,\r\n        data: {\r\n          name: organizationName.trim(),\r\n          slug: organizationSlug.trim(),\r\n          metadata: parsedMetadata,\r\n        },\r\n      });\r\n\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.updateError);\r\n      }\r\n\r\n      await refreshOrganizationQueries();\r\n      toast.success(resolvedLabels.updateSuccess);\r\n    } catch (error) {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.updateError);\r\n    } finally {\r\n      setIsSavingOrganization(false);\r\n    }\r\n  };\r\n\r\n  if (!activeOrganizationId) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.settingsTitle}\r\n        message={resolvedLabels.settingsNoActive}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!canManageOrganization) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.settingsTitle}\r\n        message={resolvedLabels.settingsManageOnly}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (organizationQuery.isLoading) {\r\n    return (\r\n      <div className=\"p-6 flex justify-center\">\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"flex items-center justify-between\">\r\n          <div className=\"flex flex-col\">\r\n            <h2 className=\"text-xl font-semibold\">{resolvedLabels.settingsTitle}</h2>\r\n            <p className=\"text-sm text-default-500\">{resolvedLabels.settingsDescription}</p>\r\n          </div>\r\n          <Chip variant=\"flat\" color=\"primary\">\r\n            {resolvedRoleLabels[activeOrganizationRole] ??\r\n              activeOrganizationRole ??\r\n              resolvedRoleLabels.member}\r\n          </Chip>\r\n        </CardHeader>\r\n        <CardBody className=\"grid gap-3\">\r\n          <Input\r\n            label={resolvedLabels.formName}\r\n            value={organizationName}\r\n            onValueChange={setOrganizationName}\r\n          />\r\n          <Input\r\n            label={resolvedLabels.formSlug}\r\n            value={organizationSlug}\r\n            onValueChange={setOrganizationSlug}\r\n          />\r\n          <Textarea\r\n            label={resolvedLabels.formMetadata}\r\n            value={organizationMetadata}\r\n            onValueChange={setOrganizationMetadata}\r\n            minRows={4}\r\n          />\r\n          <div className=\"flex justify-end\">\r\n            <Button color=\"primary\" isLoading={isSavingOrganization} onPress={onUpdateOrganization}>\r\n              {resolvedLabels.saveButton}\r\n            </Button>\r\n          </div>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationSwitcher.d.ts

@@ -1,7 +1,18 @@
-export type OrganizationSwitcherProps = {
-    onInvalidateScopedQueries?: () => void | Promise<void>;
-    managerRoles?: string[];
-    managerPath?: string;
-    fallbackPath?: string;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/OrganizationSwitcher.d.ts
+type OrganizationSwitcherProps = {
+  onInvalidateScopedQueries?: () => void | Promise<void>;
+  managerRoles?: string[];
+  managerPath?: string;
+  fallbackPath?: string;
 };
-export declare function OrganizationSwitcher({ onInvalidateScopedQueries, managerRoles, managerPath, fallbackPath, }: OrganizationSwitcherProps): import("react/jsx-runtime").JSX.Element;
+declare function OrganizationSwitcher({
+  onInvalidateScopedQueries,
+  managerRoles,
+  managerPath,
+  fallbackPath
+}: OrganizationSwitcherProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrganizationSwitcher, OrganizationSwitcherProps };
+//# sourceMappingURL=OrganizationSwitcher.d.ts.map

package/dist/src/modules/auth/components/OrganizationSwitcher.js

@@ -1,74 +1,96 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Select, SelectItem } from "@heroui/react";
-import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
-import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
-import { useQuery } from "@tanstack/react-query";
+import { cn } from "../../../lib/utils.js";
+import { useSidebar } from "../../../components/ui/sidebar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Building2 } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
+import { Button, Select, SelectItem } from "@heroui/react";
 import { toast } from "sonner";
-import { useSidebar } from "../../../components/ui/sidebar";
-import { cn } from "../../../lib/utils";
-export function OrganizationSwitcher({ onInvalidateScopedQueries, managerRoles = ["admin", "owner"], managerPath = "/organization/members", fallbackPath = "/", }) {
-    const { t } = useTranslation();
-    const { data: session, registerSession } = useSession();
-    const { open } = useSidebar();
-    const [isSwitching, setIsSwitching] = useState(false);
-    const activeOrganizationId = session?.session.activeOrganizationId ?? null;
-    const activeOrganizationRole = session?.session?.activeOrganizationRole ??
-        "";
-    const managerRoleSet = useMemo(() => new Set(managerRoles), [managerRoles]);
-    const canManageOrganization = managerRoleSet.has(activeOrganizationRole);
-    const { data: organizations = [], isError, error, refetch, } = useQuery({
-        queryKey: ["auth-organization-list"],
-        queryFn: async () => {
-            const { data, error } = await authClient.organization.list();
-            if (error) {
-                throw new Error(error.message ?? t("web-ui:organization.switcher.failedToLoadOrganizations"));
-            }
-            return (data ?? []);
-        },
-    });
-    const handleSwitchOrganization = useCallback(async (organizationId) => {
-        if (!organizationId || organizationId === activeOrganizationId || isSwitching) {
-            return;
-        }
-        try {
-            setIsSwitching(true);
-            const { error } = await authClient.organization.setActive({ organizationId });
-            if (error) {
-                throw new Error(error.message ?? t("web-ui:organization.switcher.failedToSwitchOrganization"));
-            }
-            registerSession(() => {
-                void onInvalidateScopedQueries?.();
-            });
-            toast.success(t("web-ui:organization.switcher.organizationSwitched"));
-        }
-        catch (error) {
-            toast.error(error instanceof Error
-                ? error.message
-                : t("web-ui:organization.switcher.failedToSwitchOrganization"));
-        }
-        finally {
-            setIsSwitching(false);
-        }
-    }, [activeOrganizationId, isSwitching, onInvalidateScopedQueries, registerSession, t]);
-    if (!open) {
-        return (_jsx(Button, { as: Link, to: canManageOrganization ? managerPath : fallbackPath, variant: "light", size: "sm", isIconOnly: true, "aria-label": t("web-ui:organization.switcher.label"), children: _jsx(Building2, { className: "h-4 w-4" }) }));
-    }
-    if (isError) {
-        return (_jsxs("div", { className: "mb-4 flex flex-col gap-2", children: [_jsx("p", { className: "text-sm text-destructive", children: error instanceof Error
-                        ? error.message
-                        : t("web-ui:organization.switcher.failedToLoadOrganizations") }), _jsx(Button, { size: "sm", variant: "flat", onPress: () => void refetch(), children: t("web-ui:organization.switcher.retry") })] }));
-    }
-    return (_jsx("div", { className: "mb-4", children: _jsx(Select, { size: "sm", label: t("web-ui:organization.switcher.label"), selectedKeys: activeOrganizationId ? [activeOrganizationId] : [], disallowEmptySelection: true, isDisabled: isSwitching || organizations.length === 0, onSelectionChange: (keys) => {
-                const selectedOrganizationId = Array.from(keys)[0];
-                if (selectedOrganizationId) {
-                    void handleSwitchOrganization(selectedOrganizationId);
-                }
-            }, classNames: {
-                trigger: cn("min-h-10"),
-                value: cn("text-sm"),
-            }, children: organizations.map((organization) => (_jsx(SelectItem, { children: organization.name }, organization.id))) }) }));
+import { useQuery } from "@tanstack/react-query";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+//#region src/modules/auth/components/OrganizationSwitcher.tsx
+function OrganizationSwitcher({ onInvalidateScopedQueries, managerRoles = ["admin", "owner"], managerPath = "/organization/members", fallbackPath = "/" }) {
+	const { t } = useTranslation();
+	const { data: session, registerSession } = useSession();
+	const { open } = useSidebar();
+	const [isSwitching, setIsSwitching] = useState(false);
+	const activeOrganizationId = session?.session.activeOrganizationId ?? null;
+	const activeOrganizationRole = (session?.session)?.activeOrganizationRole ?? "";
+	const canManageOrganization = useMemo(() => new Set(managerRoles), [managerRoles]).has(activeOrganizationRole);
+	const { data: organizations = [], isError, error, refetch } = useQuery({
+		queryKey: ["auth-organization-list"],
+		queryFn: async () => {
+			const { data, error } = await authClient.organization.list();
+			if (error) throw new Error(error.message ?? t("web-ui:organization.switcher.failedToLoadOrganizations"));
+			return data ?? [];
+		}
+	});
+	const handleSwitchOrganization = useCallback(async (organizationId) => {
+		if (!organizationId || organizationId === activeOrganizationId || isSwitching) return;
+		try {
+			setIsSwitching(true);
+			const { error } = await authClient.organization.setActive({ organizationId });
+			if (error) throw new Error(error.message ?? t("web-ui:organization.switcher.failedToSwitchOrganization"));
+			registerSession(() => {
+				onInvalidateScopedQueries?.();
+			});
+			toast.success(t("web-ui:organization.switcher.organizationSwitched"));
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : t("web-ui:organization.switcher.failedToSwitchOrganization"));
+		} finally {
+			setIsSwitching(false);
+		}
+	}, [
+		activeOrganizationId,
+		isSwitching,
+		onInvalidateScopedQueries,
+		registerSession,
+		t
+	]);
+	if (!open) return /* @__PURE__ */ jsx(Button, {
+		as: Link,
+		to: canManageOrganization ? managerPath : fallbackPath,
+		variant: "light",
+		size: "sm",
+		isIconOnly: true,
+		"aria-label": t("web-ui:organization.switcher.label"),
+		children: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4" })
+	});
+	if (isError) return /* @__PURE__ */ jsxs("div", {
+		className: "mb-4 flex flex-col gap-2",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-sm text-destructive",
+			children: error instanceof Error ? error.message : t("web-ui:organization.switcher.failedToLoadOrganizations")
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			variant: "flat",
+			onPress: () => void refetch(),
+			children: t("web-ui:organization.switcher.retry")
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "mb-4",
+		children: /* @__PURE__ */ jsx(Select, {
+			size: "sm",
+			label: t("web-ui:organization.switcher.label"),
+			selectedKeys: activeOrganizationId ? [activeOrganizationId] : [],
+			disallowEmptySelection: true,
+			isDisabled: isSwitching || organizations.length === 0,
+			onSelectionChange: (keys) => {
+				const selectedOrganizationId = Array.from(keys)[0];
+				if (selectedOrganizationId) handleSwitchOrganization(selectedOrganizationId);
+			},
+			classNames: {
+				trigger: cn("min-h-10"),
+				value: cn("text-sm")
+			},
+			children: organizations.map((organization) => /* @__PURE__ */ jsx(SelectItem, { children: organization.name }, organization.id))
+		})
+	});
 }
+//#endregion
+export { OrganizationSwitcher };
+
+//# sourceMappingURL=OrganizationSwitcher.js.map

package/dist/src/modules/auth/components/OrganizationSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSwitcher.js","names":[],"sources":["../../../../../src/modules/auth/components/OrganizationSwitcher.tsx"],"sourcesContent":["import { Button, Select, SelectItem } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useQuery } from \"@tanstack/react-query\";\r\nimport { Building2 } from \"lucide-react\";\r\nimport { useCallback, useMemo, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\nimport { useSidebar } from \"../../../components/ui/sidebar\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\ntype OrganizationOption = {\r\n  id: string;\r\n  name: string;\r\n  slug: string;\r\n};\r\n\r\nexport type OrganizationSwitcherProps = {\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n  managerRoles?: string[];\r\n  managerPath?: string;\r\n  fallbackPath?: string;\r\n};\r\n\r\nexport function OrganizationSwitcher({\r\n  onInvalidateScopedQueries,\r\n  managerRoles = [\"admin\", \"owner\"],\r\n  managerPath = \"/organization/members\",\r\n  fallbackPath = \"/\",\r\n}: OrganizationSwitcherProps) {\r\n  const { t } = useTranslation();\r\n  const { data: session, registerSession } = useSession();\r\n  const { open } = useSidebar();\r\n  const [isSwitching, setIsSwitching] = useState(false);\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? null;\r\n  const activeOrganizationRole =\r\n    (session?.session as { activeOrganizationRole?: string } | undefined)?.activeOrganizationRole ??\r\n    \"\";\r\n  const managerRoleSet = useMemo(() => new Set(managerRoles), [managerRoles]);\r\n  const canManageOrganization = managerRoleSet.has(activeOrganizationRole);\r\n\r\n  const {\r\n    data: organizations = [],\r\n    isError,\r\n    error,\r\n    refetch,\r\n  } = useQuery({\r\n    queryKey: [\"auth-organization-list\"],\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.list();\r\n      if (error) {\r\n        throw new Error(\r\n          error.message ?? t(\"web-ui:organization.switcher.failedToLoadOrganizations\")\r\n        );\r\n      }\r\n      return (data ?? []) as OrganizationOption[];\r\n    },\r\n  });\r\n\r\n  const handleSwitchOrganization = useCallback(\r\n    async (organizationId: string) => {\r\n      if (!organizationId || organizationId === activeOrganizationId || isSwitching) {\r\n        return;\r\n      }\r\n\r\n      try {\r\n        setIsSwitching(true);\r\n        const { error } = await authClient.organization.setActive({ organizationId });\r\n        if (error) {\r\n          throw new Error(\r\n            error.message ?? t(\"web-ui:organization.switcher.failedToSwitchOrganization\")\r\n          );\r\n        }\r\n\r\n        registerSession(() => {\r\n          void onInvalidateScopedQueries?.();\r\n        });\r\n        toast.success(t(\"web-ui:organization.switcher.organizationSwitched\"));\r\n      } catch (error) {\r\n        toast.error(\r\n          error instanceof Error\r\n            ? error.message\r\n            : t(\"web-ui:organization.switcher.failedToSwitchOrganization\")\r\n        );\r\n      } finally {\r\n        setIsSwitching(false);\r\n      }\r\n    },\r\n    [activeOrganizationId, isSwitching, onInvalidateScopedQueries, registerSession, t]\r\n  );\r\n\r\n  if (!open) {\r\n    return (\r\n      <Button\r\n        as={Link}\r\n        to={canManageOrganization ? managerPath : fallbackPath}\r\n        variant=\"light\"\r\n        size=\"sm\"\r\n        isIconOnly\r\n        aria-label={t(\"web-ui:organization.switcher.label\")}\r\n      >\r\n        <Building2 className=\"h-4 w-4\" />\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  if (isError) {\r\n    return (\r\n      <div className=\"mb-4 flex flex-col gap-2\">\r\n        <p className=\"text-sm text-destructive\">\r\n          {error instanceof Error\r\n            ? error.message\r\n            : t(\"web-ui:organization.switcher.failedToLoadOrganizations\")}\r\n        </p>\r\n        <Button size=\"sm\" variant=\"flat\" onPress={() => void refetch()}>\r\n          {t(\"web-ui:organization.switcher.retry\")}\r\n        </Button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"mb-4\">\r\n      <Select\r\n        size=\"sm\"\r\n        label={t(\"web-ui:organization.switcher.label\")}\r\n        selectedKeys={activeOrganizationId ? [activeOrganizationId] : []}\r\n        disallowEmptySelection\r\n        isDisabled={isSwitching || organizations.length === 0}\r\n        onSelectionChange={(keys) => {\r\n          const selectedOrganizationId = Array.from(keys as Set<string>)[0];\r\n          if (selectedOrganizationId) {\r\n            void handleSwitchOrganization(selectedOrganizationId);\r\n          }\r\n        }}\r\n        classNames={{\r\n          trigger: cn(\"min-h-10\"),\r\n          value: cn(\"text-sm\"),\r\n        }}\r\n      >\r\n        {organizations.map((organization) => (\r\n          <SelectItem key={organization.id}>{organization.name}</SelectItem>\r\n        ))}\r\n      </Select>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;;AAyBA,SAAgB,qBAAqB,EACnC,2BACA,eAAe,CAAC,SAAS,QAAQ,EACjC,cAAc,yBACd,eAAe,OACa;CAC5B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,SAAS,oBAAoB,YAAY;CACvD,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,uBAAuB,SAAS,QAAQ,wBAAwB;CACtE,MAAM,0BACH,SAAS,UAA6D,0BACvE;CAEF,MAAM,wBADiB,cAAc,IAAI,IAAI,aAAa,EAAE,CAAC,aAAa,CAAC,CAC9B,IAAI,uBAAuB;CAExE,MAAM,EACJ,MAAM,gBAAgB,EAAE,EACxB,SACA,OACA,YACE,SAAS;EACX,UAAU,CAAC,yBAAyB;EACpC,SAAS,YAAY;GACnB,MAAM,EAAE,MAAM,UAAU,MAAM,WAAW,aAAa,MAAM;AAC5D,OAAI,MACF,OAAM,IAAI,MACR,MAAM,WAAW,EAAE,yDAAyD,CAC7E;AAEH,UAAQ,QAAQ,EAAE;;EAErB,CAAC;CAEF,MAAM,2BAA2B,YAC/B,OAAO,mBAA2B;AAChC,MAAI,CAAC,kBAAkB,mBAAmB,wBAAwB,YAChE;AAGF,MAAI;AACF,kBAAe,KAAK;GACpB,MAAM,EAAE,UAAU,MAAM,WAAW,aAAa,UAAU,EAAE,gBAAgB,CAAC;AAC7E,OAAI,MACF,OAAM,IAAI,MACR,MAAM,WAAW,EAAE,0DAA0D,CAC9E;AAGH,yBAAsB;AACf,iCAA6B;KAClC;AACF,SAAM,QAAQ,EAAE,oDAAoD,CAAC;WAC9D,OAAO;AACd,SAAM,MACJ,iBAAiB,QACb,MAAM,UACN,EAAE,0DAA0D,CACjE;YACO;AACR,kBAAe,MAAM;;IAGzB;EAAC;EAAsB;EAAa;EAA2B;EAAiB;EAAE,CACnF;AAED,KAAI,CAAC,KACH,QACE,oBAAC,QAAD;EACE,IAAI;EACJ,IAAI,wBAAwB,cAAc;EAC1C,SAAQ;EACR,MAAK;EACL,YAAA;EACA,cAAY,EAAE,qCAAqC;YAEnD,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA;EAC1B,CAAA;AAIb,KAAI,QACF,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,KAAD;GAAG,WAAU;aACV,iBAAiB,QACd,MAAM,UACN,EAAE,yDAAyD;GAC7D,CAAA,EACJ,oBAAC,QAAD;GAAQ,MAAK;GAAK,SAAQ;GAAO,eAAe,KAAK,SAAS;aAC3D,EAAE,qCAAqC;GACjC,CAAA,CACL;;AAIV,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,QAAD;GACE,MAAK;GACL,OAAO,EAAE,qCAAqC;GAC9C,cAAc,uBAAuB,CAAC,qBAAqB,GAAG,EAAE;GAChE,wBAAA;GACA,YAAY,eAAe,cAAc,WAAW;GACpD,oBAAoB,SAAS;IAC3B,MAAM,yBAAyB,MAAM,KAAK,KAAoB,CAAC;AAC/D,QAAI,uBACG,0BAAyB,uBAAuB;;GAGzD,YAAY;IACV,SAAS,GAAG,WAAW;IACvB,OAAO,GAAG,UAAU;IACrB;aAEA,cAAc,KAAK,iBAClB,oBAAC,YAAD,EAAA,UAAmC,aAAa,MAAkB,EAAjD,aAAa,GAAoC,CAClE;GACK,CAAA;EACL,CAAA"}