@m5kdev/web-ui 0.6.0 → 0.8.0

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

@@ -1,38 +1,49 @@
-import type { ReactElement } from "react";
-import type { z } from "zod";
-export type UpdatePreferencesOptions = {
-    noOptimisticUpdate?: boolean;
-    onSuccess?: () => void;
-    onError?: (error: unknown) => void;
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/PreferencesEditor.d.ts
+type UpdatePreferencesOptions = {
+  noOptimisticUpdate?: boolean;
+  onSuccess?: () => void;
+  onError?: (error: unknown) => void;
 };
-export interface ControlDefinition {
+interface ControlDefinition {
+  label: string;
+  element: "switch" | "select" | "number";
+  options?: {
     label: string;
-    element: "switch" | "select" | "number";
-    options?: {
-        label: string;
-        value: string;
-    }[];
-    min?: number;
-    max?: number;
-    step?: number;
+    value: string;
+  }[];
+  min?: number;
+  max?: number;
+  step?: number;
 }
-export type ControlsFor<Preferences> = {
-    [K in keyof Preferences]: ControlDefinition;
+type ControlsFor<Preferences> = { [K in keyof Preferences]: ControlDefinition };
+type PreferenceEditorLabels = {
+  title: string;
+  submit: string;
+  updated: string;
+  updateError: string;
+  loading?: string;
 };
-export type PreferenceEditorLabels = {
-    title: string;
-    submit: string;
-    updated: string;
-    updateError: string;
-    loading?: string;
+type PreferenceEditorProps<S extends z.ZodObject<z.ZodRawShape>> = {
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  values: Partial<z.infer<S>>;
+  isLoading: boolean;
+  isPending: boolean;
+  labels: PreferenceEditorLabels;
+  updateValues: (partialValues: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
 };
-export type PreferenceEditorProps<S extends z.ZodObject<z.ZodRawShape>> = {
-    schema: S;
-    controls: ControlsFor<z.infer<S>>;
-    values: Partial<z.infer<S>>;
-    isLoading: boolean;
-    isPending: boolean;
-    labels: PreferenceEditorLabels;
-    updateValues: (partialValues: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
-};
-export declare function PreferencesEditor<S extends z.ZodObject<z.ZodRawShape>>({ schema, controls, values, isLoading, isPending, labels, updateValues, }: PreferenceEditorProps<S>): ReactElement;
+declare function PreferencesEditor<S extends z.ZodObject<z.ZodRawShape>>({
+  schema,
+  controls,
+  values,
+  isLoading,
+  isPending,
+  labels,
+  updateValues
+}: PreferenceEditorProps<S>): ReactElement;
+//#endregion
+export { ControlDefinition, ControlsFor, PreferenceEditorLabels, PreferenceEditorProps, PreferencesEditor, UpdatePreferencesOptions };
+//# sourceMappingURL=PreferencesEditor.d.ts.map

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

@@ -1,61 +1,85 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Form, Input, Select, SelectItem, Switch } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
-export function PreferencesEditor({ schema, controls, values, isLoading, isPending, labels, updateValues, }) {
-    function handleSubmit(event) {
-        event.preventDefault();
-        const formData = new FormData(event.currentTarget);
-        const keys = Object.keys(controls);
-        const raw = {};
-        for (const key of keys) {
-            const control = controls[key];
-            if (control.element === "switch") {
-                raw[String(key)] = formData.get(String(key)) != null;
-            }
-            if (control.element === "select") {
-                raw[String(key)] = formData.get(String(key));
-            }
-            if (control.element === "number") {
-                const value = formData.get(String(key));
-                raw[String(key)] = value == null || value === "" ? undefined : Number(value);
-            }
-        }
-        const result = schema.safeParse(raw);
-        if (result.success) {
-            updateValues(result.data, {
-                noOptimisticUpdate: true,
-                onSuccess: () => {
-                    toast.success(labels.updated);
-                },
-                onError: () => {
-                    toast.error(labels.updateError);
-                },
-            });
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.error(result.error);
-        }
-    }
-    const keys = Object.keys(controls);
-    const formKey = keys
-        .map((key) => `${String(key)}:${String(values[key])}`)
-        .join("|");
-    if (isLoading) {
-        return _jsx("div", { children: labels.loading ?? "Loading..." });
-    }
-    return (_jsxs(Form, { onSubmit: handleSubmit, className: "flex flex-col gap-4 p-6", children: [_jsx("h1", { className: "text-2xl font-bold", children: labels.title }), keys.map((key) => {
-                const control = controls[key];
-                const value = values[key];
-                switch (control.element) {
-                    case "switch":
-                        return (_jsx(Switch, { name: String(key), value: "on", defaultSelected: Boolean(value), children: control.label }, String(key)));
-                    case "select":
-                        return (_jsx(Select, { name: String(key), label: control.label, labelPlacement: "outside-top", defaultSelectedKeys: value == null || value === "" ? [] : [String(value)], children: (control.options ?? []).map((option) => (_jsx(SelectItem, { children: option.label }, option.value))) }, String(key)));
-                    case "number":
-                        return (_jsx(Input, { name: String(key), type: "number", label: control.label, labelPlacement: "outside-top", defaultValue: value == null ? "" : String(value), min: control.min, max: control.max, step: control.step }, String(key)));
-                    default:
-                        return _jsx("div", { children: "Invalid control" }, String(key));
-                }
-            }), _jsx(Button, { type: "submit", color: "success", isLoading: isPending, children: labels.submit })] }, formKey));
+//#region src/modules/auth/components/PreferencesEditor.tsx
+function PreferencesEditor({ schema, controls, values, isLoading, isPending, labels, updateValues }) {
+	function handleSubmit(event) {
+		event.preventDefault();
+		const formData = new FormData(event.currentTarget);
+		const keys = Object.keys(controls);
+		const raw = {};
+		for (const key of keys) {
+			const control = controls[key];
+			if (control.element === "switch") raw[String(key)] = formData.get(String(key)) != null;
+			if (control.element === "select") raw[String(key)] = formData.get(String(key));
+			if (control.element === "number") {
+				const value = formData.get(String(key));
+				raw[String(key)] = value == null || value === "" ? void 0 : Number(value);
+			}
+		}
+		const result = schema.safeParse(raw);
+		if (result.success) updateValues(result.data, {
+			noOptimisticUpdate: true,
+			onSuccess: () => {
+				toast.success(labels.updated);
+			},
+			onError: () => {
+				toast.error(labels.updateError);
+			}
+		});
+		else console.error(result.error);
+	}
+	const keys = Object.keys(controls);
+	const formKey = keys.map((key) => `${String(key)}:${String(values[key])}`).join("|");
+	if (isLoading) return /* @__PURE__ */ jsx("div", { children: labels.loading ?? "Loading..." });
+	return /* @__PURE__ */ jsxs(Form, {
+		onSubmit: handleSubmit,
+		className: "flex flex-col gap-4 p-6",
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold",
+				children: labels.title
+			}),
+			keys.map((key) => {
+				const control = controls[key];
+				const value = values[key];
+				switch (control.element) {
+					case "switch": return /* @__PURE__ */ jsx(Switch, {
+						name: String(key),
+						value: "on",
+						defaultSelected: Boolean(value),
+						children: control.label
+					}, String(key));
+					case "select": return /* @__PURE__ */ jsx(Select, {
+						name: String(key),
+						label: control.label,
+						labelPlacement: "outside-top",
+						defaultSelectedKeys: value == null || value === "" ? [] : [String(value)],
+						children: (control.options ?? []).map((option) => /* @__PURE__ */ jsx(SelectItem, { children: option.label }, option.value))
+					}, String(key));
+					case "number": return /* @__PURE__ */ jsx(Input, {
+						name: String(key),
+						type: "number",
+						label: control.label,
+						labelPlacement: "outside-top",
+						defaultValue: value == null ? "" : String(value),
+						min: control.min,
+						max: control.max,
+						step: control.step
+					}, String(key));
+					default: return /* @__PURE__ */ jsx("div", { children: "Invalid control" }, String(key));
+				}
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				color: "success",
+				isLoading: isPending,
+				children: labels.submit
+			})
+		]
+	}, formKey);
 }
+//#endregion
+export { PreferencesEditor };
+
+//# sourceMappingURL=PreferencesEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesEditor.js","names":[],"sources":["../../../../../src/modules/auth/components/PreferencesEditor.tsx"],"sourcesContent":["import { Button, Form, Input, Select, SelectItem, Switch } from \"@heroui/react\";\r\nimport type { FormEvent, ReactElement } from \"react\";\r\nimport { toast } from \"sonner\";\r\nimport type { z } from \"zod\";\r\n\r\nexport type UpdatePreferencesOptions = {\r\n  noOptimisticUpdate?: boolean;\r\n  onSuccess?: () => void;\r\n  onError?: (error: unknown) => void;\r\n};\r\n\r\nexport interface ControlDefinition {\r\n  label: string;\r\n  element: \"switch\" | \"select\" | \"number\";\r\n  options?: { label: string; value: string }[];\r\n  min?: number;\r\n  max?: number;\r\n  step?: number;\r\n}\r\n\r\nexport type ControlsFor<Preferences> = {\r\n  [K in keyof Preferences]: ControlDefinition;\r\n};\r\n\r\nexport type PreferenceEditorLabels = {\r\n  title: string;\r\n  submit: string;\r\n  updated: string;\r\n  updateError: string;\r\n  loading?: string;\r\n};\r\n\r\nexport type PreferenceEditorProps<S extends z.ZodObject<z.ZodRawShape>> = {\r\n  schema: S;\r\n  controls: ControlsFor<z.infer<S>>;\r\n  values: Partial<z.infer<S>>;\r\n  isLoading: boolean;\r\n  isPending: boolean;\r\n  labels: PreferenceEditorLabels;\r\n  updateValues: (partialValues: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;\r\n};\r\n\r\nexport function PreferencesEditor<S extends z.ZodObject<z.ZodRawShape>>({\r\n  schema,\r\n  controls,\r\n  values,\r\n  isLoading,\r\n  isPending,\r\n  labels,\r\n  updateValues,\r\n}: PreferenceEditorProps<S>): ReactElement {\r\n  function handleSubmit(event: FormEvent<HTMLFormElement>) {\r\n    event.preventDefault();\r\n    const formData = new FormData(event.currentTarget);\r\n\r\n    const keys = Object.keys(controls) as Array<keyof typeof controls>;\r\n    const raw: Record<string, unknown> = {};\r\n    for (const key of keys) {\r\n      const control = controls[key];\r\n      if (control.element === \"switch\") {\r\n        raw[String(key)] = formData.get(String(key)) != null;\r\n      }\r\n      if (control.element === \"select\") {\r\n        raw[String(key)] = formData.get(String(key)) as string;\r\n      }\r\n      if (control.element === \"number\") {\r\n        const value = formData.get(String(key));\r\n        raw[String(key)] = value == null || value === \"\" ? undefined : Number(value);\r\n      }\r\n    }\r\n\r\n    const result = schema.safeParse(raw);\r\n    if (result.success) {\r\n      updateValues(result.data as Partial<z.infer<S>>, {\r\n        noOptimisticUpdate: true,\r\n        onSuccess: () => {\r\n          toast.success(labels.updated);\r\n        },\r\n        onError: () => {\r\n          toast.error(labels.updateError);\r\n        },\r\n      });\r\n    } else {\r\n      // eslint-disable-next-line no-console\r\n      console.error(result.error);\r\n    }\r\n  }\r\n\r\n  const keys = Object.keys(controls) as Array<keyof typeof controls>;\r\n  const formKey = keys\r\n    .map((key) => `${String(key)}:${String(values[key as keyof typeof values])}`)\r\n    .join(\"|\");\r\n\r\n  if (isLoading) {\r\n    return <div>{labels.loading ?? \"Loading...\"}</div>;\r\n  }\r\n\r\n  return (\r\n    <Form key={formKey} onSubmit={handleSubmit} className=\"flex flex-col gap-4 p-6\">\r\n      <h1 className=\"text-2xl font-bold\">{labels.title}</h1>\r\n      {keys.map((key) => {\r\n        const control = controls[key];\r\n        const value = values[key as keyof typeof values];\r\n\r\n        switch (control.element) {\r\n          case \"switch\":\r\n            return (\r\n              <Switch\r\n                key={String(key)}\r\n                name={String(key)}\r\n                value=\"on\"\r\n                defaultSelected={Boolean(value)}\r\n              >\r\n                {control.label}\r\n              </Switch>\r\n            );\r\n          case \"select\":\r\n            return (\r\n              <Select\r\n                key={String(key)}\r\n                name={String(key)}\r\n                label={control.label}\r\n                labelPlacement=\"outside-top\"\r\n                defaultSelectedKeys={value == null || value === \"\" ? [] : [String(value)]}\r\n              >\r\n                {(control.options ?? []).map((option) => (\r\n                  <SelectItem key={option.value}>{option.label}</SelectItem>\r\n                ))}\r\n              </Select>\r\n            );\r\n          case \"number\":\r\n            return (\r\n              <Input\r\n                key={String(key)}\r\n                name={String(key)}\r\n                type=\"number\"\r\n                label={control.label}\r\n                labelPlacement=\"outside-top\"\r\n                defaultValue={value == null ? \"\" : String(value)}\r\n                min={control.min}\r\n                max={control.max}\r\n                step={control.step}\r\n              />\r\n            );\r\n          default:\r\n            return <div key={String(key)}>Invalid control</div>;\r\n        }\r\n      })}\r\n      <Button type=\"submit\" color=\"success\" isLoading={isPending}>\r\n        {labels.submit}\r\n      </Button>\r\n    </Form>\r\n  );\r\n}\r\n"],"mappings":";;;;AA0CA,SAAgB,kBAAwD,EACtE,QACA,UACA,QACA,WACA,WACA,QACA,gBACyC;CACzC,SAAS,aAAa,OAAmC;AACvD,QAAM,gBAAgB;EACtB,MAAM,WAAW,IAAI,SAAS,MAAM,cAAc;EAElD,MAAM,OAAO,OAAO,KAAK,SAAS;EAClC,MAAM,MAA+B,EAAE;AACvC,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,UAAU,SAAS;AACzB,OAAI,QAAQ,YAAY,SACtB,KAAI,OAAO,IAAI,IAAI,SAAS,IAAI,OAAO,IAAI,CAAC,IAAI;AAElD,OAAI,QAAQ,YAAY,SACtB,KAAI,OAAO,IAAI,IAAI,SAAS,IAAI,OAAO,IAAI,CAAC;AAE9C,OAAI,QAAQ,YAAY,UAAU;IAChC,MAAM,QAAQ,SAAS,IAAI,OAAO,IAAI,CAAC;AACvC,QAAI,OAAO,IAAI,IAAI,SAAS,QAAQ,UAAU,KAAK,KAAA,IAAY,OAAO,MAAM;;;EAIhF,MAAM,SAAS,OAAO,UAAU,IAAI;AACpC,MAAI,OAAO,QACT,cAAa,OAAO,MAA6B;GAC/C,oBAAoB;GACpB,iBAAiB;AACf,UAAM,QAAQ,OAAO,QAAQ;;GAE/B,eAAe;AACb,UAAM,MAAM,OAAO,YAAY;;GAElC,CAAC;MAGF,SAAQ,MAAM,OAAO,MAAM;;CAI/B,MAAM,OAAO,OAAO,KAAK,SAAS;CAClC,MAAM,UAAU,KACb,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC,GAAG,OAAO,OAAO,KAA4B,GAAG,CAC5E,KAAK,IAAI;AAEZ,KAAI,UACF,QAAO,oBAAC,OAAD,EAAA,UAAM,OAAO,WAAW,cAAmB,CAAA;AAGpD,QACE,qBAAC,MAAD;EAAoB,UAAU;EAAc,WAAU;YAAtD;GACE,oBAAC,MAAD;IAAI,WAAU;cAAsB,OAAO;IAAW,CAAA;GACrD,KAAK,KAAK,QAAQ;IACjB,MAAM,UAAU,SAAS;IACzB,MAAM,QAAQ,OAAO;AAErB,YAAQ,QAAQ,SAAhB;KACE,KAAK,SACH,QACE,oBAAC,QAAD;MAEE,MAAM,OAAO,IAAI;MACjB,OAAM;MACN,iBAAiB,QAAQ,MAAM;gBAE9B,QAAQ;MACF,EANF,OAAO,IAAI,CAMT;KAEb,KAAK,SACH,QACE,oBAAC,QAAD;MAEE,MAAM,OAAO,IAAI;MACjB,OAAO,QAAQ;MACf,gBAAe;MACf,qBAAqB,SAAS,QAAQ,UAAU,KAAK,EAAE,GAAG,CAAC,OAAO,MAAM,CAAC;iBAEvE,QAAQ,WAAW,EAAE,EAAE,KAAK,WAC5B,oBAAC,YAAD,EAAA,UAAgC,OAAO,OAAmB,EAAzC,OAAO,MAAkC,CAC1D;MACK,EATF,OAAO,IAAI,CAST;KAEb,KAAK,SACH,QACE,oBAAC,OAAD;MAEE,MAAM,OAAO,IAAI;MACjB,MAAK;MACL,OAAO,QAAQ;MACf,gBAAe;MACf,cAAc,SAAS,OAAO,KAAK,OAAO,MAAM;MAChD,KAAK,QAAQ;MACb,KAAK,QAAQ;MACb,MAAM,QAAQ;MACd,EATK,OAAO,IAAI,CAShB;KAEN,QACE,QAAO,oBAAC,OAAD,EAAA,UAAuB,mBAAqB,EAAlC,OAAO,IAAI,CAAuB;;KAEvD;GACF,oBAAC,QAAD;IAAQ,MAAK;IAAS,OAAM;IAAU,WAAW;cAC9C,OAAO;IACD,CAAA;GACJ;IArDI,QAqDJ"}

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

@@ -1 +1,7 @@
-export declare function ProfileRoute(): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/ProfileRoute.d.ts
+declare function ProfileRoute(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ProfileRoute };
+//# sourceMappingURL=ProfileRoute.d.ts.map

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

@@ -1,42 +1,85 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AvatarUpload } from "../../../components/AvatarUpload.js";
+import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.js";
 import { Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
-import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
-import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
-import { useForm } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
+import { useForm } from "react-hook-form";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
 import { z } from "zod";
-import { AvatarUpload } from "../../../components/AvatarUpload";
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from "../../../components/ui/form";
-const profileSchema = z.object({
-    name: z.string().min(2, "Name must be at least 2 characters"),
-    image: z.string().nullable(),
+//#region src/modules/auth/components/ProfileRoute.tsx
+z.object({
+	name: z.string().min(2, "Name must be at least 2 characters"),
+	image: z.string().nullable()
 });
-export function ProfileRoute() {
-    const { t } = useTranslation();
-    const { data: session } = useSession();
-    const form = useForm({
-        defaultValues: {
-            name: session?.user?.name || "",
-            image: session?.user?.image || null,
-        },
-    });
-    function onSubmit(data) {
-        authClient
-            .updateUser(data)
-            .then(() => {
-            toast.success(t("web-ui:profile.updated"), {
-                description: t("web-ui:profile.updateDescription"),
-            });
-        })
-            .catch(() => {
-            toast.error(t("web-ui:profile.error"), {
-                description: t("web-ui:profile.errorDescription"),
-            });
-        });
-    }
-    return (_jsx("div", { className: "container py-10 px-4", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xl font-semibold", children: t("web-ui:profile.settings.title") }), _jsx("p", { className: "text-sm text-default-600", children: t("web-ui:profile.settings.description") })] }), _jsx(CardBody, { children: _jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [_jsx("div", { className: "flex justify-center", children: _jsx(FormField, { control: form.control, name: "image", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormControl, { children: _jsx(AvatarUpload, { currentAvatarUrl: field.value, onUploadComplete: (url) => {
-                                                            console.log(url);
-                                                            field.onChange(url);
-                                                        } }) }), _jsx(FormMessage, {})] })) }) }), _jsx(FormField, { control: form.control, name: "name", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Name" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: t("web-ui:profile.placeholders.name"), ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Save Changes" })] }) }) })] }) }));
+function ProfileRoute() {
+	const { t } = useTranslation();
+	const { data: session } = useSession();
+	const form = useForm({ defaultValues: {
+		name: session?.user?.name || "",
+		image: session?.user?.image || null
+	} });
+	function onSubmit(data) {
+		authClient.updateUser(data).then(() => {
+			toast.success(t("web-ui:profile.updated"), { description: t("web-ui:profile.updateDescription") });
+		}).catch(() => {
+			toast.error(t("web-ui:profile.error"), { description: t("web-ui:profile.errorDescription") });
+		});
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "container py-10 px-4",
+		children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:profile.settings.title")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:profile.settings.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Form$1, {
+			...form,
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: form.handleSubmit(onSubmit),
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex justify-center",
+						children: /* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "image",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(AvatarUpload, {
+								currentAvatarUrl: field.value,
+								onUploadComplete: (url) => {
+									console.log(url);
+									field.onChange(url);
+								}
+							}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
+						})
+					}),
+					/* @__PURE__ */ jsx(FormField, {
+						control: form.control,
+						name: "name",
+						render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+							/* @__PURE__ */ jsx(FormLabel, { children: "Name" }),
+							/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+								placeholder: t("web-ui:profile.placeholders.name"),
+								...field
+							}) }),
+							/* @__PURE__ */ jsx(FormMessage, {})
+						] })
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						children: "Save Changes"
+					})
+				]
+			})
+		}) })] })
+	});
 }
+//#endregion
+export { ProfileRoute };
+
+//# sourceMappingURL=ProfileRoute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileRoute.js","names":["Form"],"sources":["../../../../../src/modules/auth/components/ProfileRoute.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\n\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport { z } from \"zod\";\r\nimport { AvatarUpload } from \"../../../components/AvatarUpload\";\r\nimport {\r\n  Form,\r\n  FormControl,\r\n  FormField,\r\n  FormItem,\r\n  FormLabel,\r\n  FormMessage,\r\n} from \"../../../components/ui/form\";\r\n\r\nconst profileSchema = z.object({\r\n  name: z.string().min(2, \"Name must be at least 2 characters\"),\r\n  image: z.string().nullable(),\r\n});\r\n\r\ntype ProfileFormValues = z.infer<typeof profileSchema>;\r\n\r\nexport function ProfileRoute() {\r\n  const { t } = useTranslation();\r\n  const { data: session } = useSession();\r\n\r\n  const form = useForm<ProfileFormValues>({\r\n    defaultValues: {\r\n      name: session?.user?.name || \"\",\r\n      image: session?.user?.image || null,\r\n    },\r\n  });\r\n\r\n  function onSubmit(data: ProfileFormValues) {\r\n    authClient\r\n      .updateUser(data)\r\n      .then(() => {\r\n        toast.success(t(\"web-ui:profile.updated\"), {\r\n          description: t(\"web-ui:profile.updateDescription\"),\r\n        });\r\n      })\r\n      .catch(() => {\r\n        toast.error(t(\"web-ui:profile.error\"), {\r\n          description: t(\"web-ui:profile.errorDescription\"),\r\n        });\r\n      });\r\n  }\r\n\r\n  return (\r\n    <div className=\"container py-10 px-4\">\r\n      <Card>\r\n        <CardHeader className=\"flex flex-col gap-1\">\r\n          <p className=\"text-xl font-semibold\">{t(\"web-ui:profile.settings.title\")}</p>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:profile.settings.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody>\r\n          <Form {...form}>\r\n            <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-6\">\r\n              <div className=\"flex justify-center\">\r\n                <FormField\r\n                  control={form.control}\r\n                  name=\"image\"\r\n                  render={({ field }) => (\r\n                    <FormItem>\r\n                      <FormControl>\r\n                        <AvatarUpload\r\n                          currentAvatarUrl={field.value}\r\n                          onUploadComplete={(url) => {\r\n                            console.log(url);\r\n                            field.onChange(url);\r\n                          }}\r\n                        />\r\n                      </FormControl>\r\n                      <FormMessage />\r\n                    </FormItem>\r\n                  )}\r\n                />\r\n              </div>\r\n\r\n              <FormField\r\n                control={form.control}\r\n                name=\"name\"\r\n                render={({ field }) => (\r\n                  <FormItem>\r\n                    <FormLabel>Name</FormLabel>\r\n                    <FormControl>\r\n                      <Input placeholder={t(\"web-ui:profile.placeholders.name\")} {...field} />\r\n                    </FormControl>\r\n                    <FormMessage />\r\n                  </FormItem>\r\n                )}\r\n              />\r\n\r\n              <Button type=\"submit\">Save Changes</Button>\r\n            </form>\r\n          </Form>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;AAkBsB,EAAE,OAAO;CAC7B,MAAM,EAAE,QAAQ,CAAC,IAAI,GAAG,qCAAqC;CAC7D,OAAO,EAAE,QAAQ,CAAC,UAAU;CAC7B,CAAC;AAIF,SAAgB,eAAe;CAC7B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,YAAY,YAAY;CAEtC,MAAM,OAAO,QAA2B,EACtC,eAAe;EACb,MAAM,SAAS,MAAM,QAAQ;EAC7B,OAAO,SAAS,MAAM,SAAS;EAChC,EACF,CAAC;CAEF,SAAS,SAAS,MAAyB;AACzC,aACG,WAAW,KAAK,CAChB,WAAW;AACV,SAAM,QAAQ,EAAE,yBAAyB,EAAE,EACzC,aAAa,EAAE,mCAAmC,EACnD,CAAC;IACF,CACD,YAAY;AACX,SAAM,MAAM,EAAE,uBAAuB,EAAE,EACrC,aAAa,EAAE,kCAAkC,EAClD,CAAC;IACF;;AAGN,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,gCAAgC;IAAK,CAAA,EAC7E,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,sCAAsC;IAAK,CAAA,CAC3E;MACb,oBAAC,UAAD,EAAA,UACE,oBAACA,QAAD;GAAM,GAAI;aACR,qBAAC,QAAD;IAAM,UAAU,KAAK,aAAa,SAAS;IAAE,WAAU;cAAvD;KACE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,WAAD;OACE,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,cAAD;QACE,kBAAkB,MAAM;QACxB,mBAAmB,QAAQ;AACzB,iBAAQ,IAAI,IAAI;AAChB,eAAM,SAAS,IAAI;;QAErB,CAAA,EACU,CAAA,EACd,oBAAC,aAAD,EAAe,CAAA,CACN,EAAA,CAAA;OAEb,CAAA;MACE,CAAA;KAEN,oBAAC,WAAD;MACE,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC,UAAD,EAAA,UAAA;OACE,oBAAC,WAAD,EAAA,UAAW,QAAgB,CAAA;OAC3B,oBAAC,aAAD,EAAA,UACE,oBAAC,OAAD;QAAO,aAAa,EAAE,mCAAmC;QAAE,GAAI;QAAS,CAAA,EAC5D,CAAA;OACd,oBAAC,aAAD,EAAe,CAAA;OACN,EAAA,CAAA;MAEb,CAAA;KAEF,oBAAC,QAAD;MAAQ,MAAK;gBAAS;MAAqB,CAAA;KACtC;;GACF,CAAA,EACE,CAAA,CACN,EAAA,CAAA;EACH,CAAA"}

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

@@ -1,31 +1,45 @@
-export interface RangeNuqsDatePickerProps {
-    /**
-     * The column ID to use for the date filter (e.g., "startedAt")
-     */
-    columnId?: string;
-    /**
-     * The end column ID for range filters (e.g., "endedAt")
-     */
-    endColumnId?: string;
-    /**
-     * Label for the date range picker
-     */
-    dateRangeLabel?: string;
-    /**
-     * Label for the quick range selector
-     */
-    quickRangeLabel?: string;
-    /**
-     * Translation namespace for i18n
-     */
-    translationNamespace?: string;
-    /**
-     * Whether to show quick range selector
-     */
-    showQuickRange?: boolean;
-    /**
-     * Custom className for the container
-     */
-    className?: string;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/RangeNuqsDatePicker.d.ts
+interface RangeNuqsDatePickerProps {
+  /**
+   * The column ID to use for the date filter (e.g., "startedAt")
+   */
+  columnId?: string;
+  /**
+   * The end column ID for range filters (e.g., "endedAt")
+   */
+  endColumnId?: string;
+  /**
+   * Label for the date range picker
+   */
+  dateRangeLabel?: string;
+  /**
+   * Label for the quick range selector
+   */
+  quickRangeLabel?: string;
+  /**
+   * Translation namespace for i18n
+   */
+  translationNamespace?: string;
+  /**
+   * Whether to show quick range selector
+   */
+  showQuickRange?: boolean;
+  /**
+   * Custom className for the container
+   */
+  className?: string;
 }
-export declare const RangeNuqsDatePicker: ({ columnId, endColumnId, dateRangeLabel, quickRangeLabel, translationNamespace, showQuickRange, className, }: RangeNuqsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const RangeNuqsDatePicker: ({
+  columnId,
+  endColumnId,
+  dateRangeLabel,
+  quickRangeLabel,
+  translationNamespace,
+  showQuickRange,
+  className
+}: RangeNuqsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RangeNuqsDatePicker, RangeNuqsDatePickerProps };
+//# sourceMappingURL=RangeNuqsDatePicker.d.ts.map