@m5kdev/web-ui 0.8.2 → 0.8.4

package/dist/src/modules/auth/components/RangeNuqsDatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeNuqsDatePicker.mjs","names":[],"sources":["../../../../../src/modules/auth/components/RangeNuqsDatePicker.tsx"],"sourcesContent":["import {\r\n  DateRangePicker,\r\n  type DateValue,\r\n  type RangeValue,\r\n  Select,\r\n  SelectItem,\r\n} from \"@heroui/react\";\r\nimport { CalendarDate, getLocalTimeZone, today } from \"@internationalized/date\";\r\nimport type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport { useNuqsQueryParams } from \"@m5kdev/frontend/modules/table/hooks/useNuqsQueryParams\";\r\nimport {\r\n  calendarDateToEndOfDayUTC,\r\n  calendarDateToUTC,\r\n  dateFilterToRangeValue,\r\n} from \"@m5kdev/web-ui/modules/table/filterTransformers\";\r\nimport { DateTime } from \"luxon\";\r\nimport { startTransition, useEffect, useMemo, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\ntype QuickRangeKey =\r\n  | \"today\"\r\n  | \"yesterday\"\r\n  | \"last7\"\r\n  | \"last30\"\r\n  | \"thisWeek\"\r\n  | \"lastWeek\"\r\n  | \"thisMonth\"\r\n  | \"lastMonth\"\r\n  | \"thisYear\"\r\n  | \"lastYear\";\r\n\r\nconst toCalendarDate = (dt: DateTime): CalendarDate => new CalendarDate(dt.year, dt.month, dt.day);\r\n\r\nconst isSameCalendarDate = (a: CalendarDate, b: CalendarDate) =>\r\n  a.year === b.year && a.month === b.month && a.day === b.day;\r\n\r\nexport interface RangeNuqsDatePickerProps {\r\n  /**\r\n   * The column ID to use for the date filter (e.g., \"startedAt\")\r\n   */\r\n  columnId?: string;\r\n  /**\r\n   * The end column ID for range filters (e.g., \"endedAt\")\r\n   */\r\n  endColumnId?: string;\r\n  /**\r\n   * Label for the date range picker\r\n   */\r\n  dateRangeLabel?: string;\r\n  /**\r\n   * Label for the quick range selector\r\n   */\r\n  quickRangeLabel?: string;\r\n  /**\r\n   * Translation namespace for i18n\r\n   */\r\n  translationNamespace?: string;\r\n  /**\r\n   * Whether to show quick range selector\r\n   */\r\n  showQuickRange?: boolean;\r\n  /**\r\n   * Custom className for the container\r\n   */\r\n  className?: string;\r\n}\r\n\r\nexport const RangeNuqsDatePicker = ({\r\n  columnId = \"startedAt\",\r\n  endColumnId = \"endedAt\",\r\n  dateRangeLabel,\r\n  quickRangeLabel,\r\n  translationNamespace = \"horecaai-app\",\r\n  showQuickRange = true,\r\n  className,\r\n}: RangeNuqsDatePickerProps) => {\r\n  const { t } = useTranslation();\r\n  const { filters, setFilters } = useNuqsQueryParams();\r\n\r\n  const [quickRange, setQuickRange] = useState<QuickRangeKey | null>(null);\r\n  const [hasInitialized, setHasInitialized] = useState(false);\r\n\r\n  // Extract date range from filters using shared helper\r\n  const dateRange = useMemo(() => {\r\n    return dateFilterToRangeValue(filters, columnId);\r\n  }, [filters, columnId]);\r\n\r\n  const [localRange, setLocalRange] = useState<RangeValue<DateValue> | null | undefined>(dateRange);\r\n\r\n  useEffect(() => {\r\n    setLocalRange(dateRange);\r\n  }, [dateRange]);\r\n\r\n  const todayIso = DateTime.utc().toISODate();\r\n\r\n  const quickRangeOptions = useMemo(() => {\r\n    const now = DateTime.utc();\r\n    const todayStart = now.startOf(\"day\");\r\n    const weekStart = todayStart.startOf(\"week\");\r\n    const monthStart = todayStart.startOf(\"month\");\r\n    const lastWeekStart = weekStart.minus({ weeks: 1 });\r\n    const lastMonthStart = monthStart.minus({ months: 1 });\r\n    const yearStart = todayStart.startOf(\"year\");\r\n    const lastYearStart = yearStart.minus({ years: 1 });\r\n\r\n    const options: { key: QuickRangeKey; label: string; start: DateTime; end: DateTime }[] = [\r\n      {\r\n        key: \"today\",\r\n        label: t(`${translationNamespace}:reports.quickRange.today`, { defaultValue: \"Today\" }),\r\n        start: todayStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"yesterday\",\r\n        label: t(`${translationNamespace}:reports.quickRange.yesterday`, {\r\n          defaultValue: \"Yesterday\",\r\n        }),\r\n        start: todayStart.minus({ days: 1 }),\r\n        end: todayStart.minus({ days: 1 }),\r\n      },\r\n      {\r\n        key: \"last7\",\r\n        label: t(`${translationNamespace}:reports.quickRange.last7`, {\r\n          defaultValue: \"Last 7 days\",\r\n        }),\r\n        start: todayStart.minus({ days: 6 }),\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"last30\",\r\n        label: t(`${translationNamespace}:reports.quickRange.last30`, {\r\n          defaultValue: \"Last 30 days\",\r\n        }),\r\n        start: todayStart.minus({ days: 29 }),\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"thisWeek\",\r\n        label: t(`${translationNamespace}:reports.quickRange.thisWeek`, {\r\n          defaultValue: \"This week\",\r\n        }),\r\n        start: weekStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"lastWeek\",\r\n        label: t(`${translationNamespace}:reports.quickRange.lastWeek`, {\r\n          defaultValue: \"Last week\",\r\n        }),\r\n        start: lastWeekStart,\r\n        end: lastWeekStart.plus({ days: 6 }),\r\n      },\r\n      {\r\n        key: \"thisMonth\",\r\n        label: t(`${translationNamespace}:reports.quickRange.thisMonth`, {\r\n          defaultValue: \"This month\",\r\n        }),\r\n        start: monthStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"lastMonth\",\r\n        label: t(`${translationNamespace}:reports.quickRange.lastMonth`, {\r\n          defaultValue: \"Last month\",\r\n        }),\r\n        start: lastMonthStart,\r\n        end: lastMonthStart.endOf(\"month\"),\r\n      },\r\n      {\r\n        key: \"thisYear\",\r\n        label: t(`${translationNamespace}:reports.quickRange.thisYear`, {\r\n          defaultValue: \"This year\",\r\n        }),\r\n        start: yearStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"lastYear\",\r\n        label: t(`${translationNamespace}:reports.quickRange.lastYear`, {\r\n          defaultValue: \"Last year\",\r\n        }),\r\n        start: lastYearStart,\r\n        end: lastYearStart.endOf(\"year\"),\r\n      },\r\n    ];\r\n\r\n    return options.map((opt) => ({\r\n      key: opt.key,\r\n      label: opt.label,\r\n      range: {\r\n        start: toCalendarDate(opt.start),\r\n        end: toCalendarDate(opt.end),\r\n      },\r\n    }));\r\n  }, [t, todayIso, translationNamespace]);\r\n\r\n  // Set default to \"this month\" on initial load if no date range is set\r\n  useEffect(() => {\r\n    if (hasInitialized || !setFilters) return;\r\n\r\n    // Check if there's already a valid date range from URL\r\n    if (dateRange) {\r\n      setHasInitialized(true);\r\n      return;\r\n    }\r\n\r\n    // No date range set, initialize to \"this month\"\r\n    const thisMonthOption = quickRangeOptions.find((opt) => opt.key === \"thisMonth\");\r\n    if (thisMonthOption) {\r\n      setHasInitialized(true);\r\n      setQuickRange(\"thisMonth\");\r\n\r\n      // Set filters directly for \"this month\" range\r\n      const startDate = thisMonthOption.range.start;\r\n      const endDate = thisMonthOption.range.end;\r\n\r\n      const newFilters: QueryFilters = [\r\n        ...(filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? []),\r\n        {\r\n          columnId,\r\n          type: \"date\" as const,\r\n          method: \"intersect\" as const,\r\n          value: calendarDateToUTC(startDate),\r\n          valueTo: calendarDateToEndOfDayUTC(endDate),\r\n          endColumnId,\r\n        },\r\n      ];\r\n\r\n      setFilters(newFilters);\r\n    }\r\n  }, [dateRange, columnId, endColumnId, quickRangeOptions, hasInitialized, setFilters]);\r\n\r\n  useEffect(() => {\r\n    // Don't sync quickRange if we're still initializing\r\n    if (!hasInitialized) return;\r\n\r\n    if (!dateRange?.start || !dateRange?.end) {\r\n      setQuickRange(null);\r\n      return;\r\n    }\r\n\r\n    const start = dateRange.start as unknown as CalendarDate;\r\n    const end = dateRange.end as unknown as CalendarDate;\r\n\r\n    const matches = quickRangeOptions.filter(\r\n      (option) =>\r\n        isSameCalendarDate(option.range.start, start) && isSameCalendarDate(option.range.end, end)\r\n    );\r\n\r\n    if (matches.length === 0) {\r\n      setQuickRange(null);\r\n      return;\r\n    }\r\n\r\n    // If the current quick range still matches, keep it\r\n    const currentStillMatches = quickRange ? matches.find((m) => m.key === quickRange) : null;\r\n    if (currentStillMatches) {\r\n      return;\r\n    }\r\n\r\n    // Otherwise pick the highest-priority match to keep intent (week/month over last7 overlap)\r\n    const priority: QuickRangeKey[] = [\r\n      \"today\",\r\n      \"yesterday\",\r\n      \"thisWeek\",\r\n      \"lastWeek\",\r\n      \"thisMonth\",\r\n      \"lastMonth\",\r\n      \"last7\",\r\n      \"last30\",\r\n    ];\r\n    const preferred =\r\n      priority.map((key) => matches.find((m) => m.key === key)).find((m) => Boolean(m)) ??\r\n      matches[0];\r\n\r\n    setQuickRange(preferred?.key ?? null);\r\n  }, [dateRange, quickRangeOptions, quickRange, hasInitialized]);\r\n\r\n  // Handle date range changes\r\n  const handleDateRangeChange = (range: RangeValue<DateValue> | null) => {\r\n    if (!setFilters) return;\r\n\r\n    if (range === null) {\r\n      // Explicit clear — remove date filters\r\n      const newFilters =\r\n        filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [];\r\n      startTransition(() => setFilters(newFilters));\r\n      return;\r\n    }\r\n\r\n    // Incomplete range (e.g. only start selected mid-calendar-selection) — keep current filters\r\n    if (!range.start || !range.end) return;\r\n\r\n    // Use intersect to find records where [startedAt, endedAt] overlaps with the selected range\r\n    // This includes ongoing records (endedAt = NULL) and records that overlap the range\r\n    const startDate = range.start as unknown as CalendarDate;\r\n    const endDate = range.end as unknown as CalendarDate;\r\n\r\n    const newFilters: QueryFilters = [\r\n      ...(filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? []),\r\n      {\r\n        columnId,\r\n        type: \"date\" as const,\r\n        method: \"intersect\" as const,\r\n        value: calendarDateToUTC(startDate),\r\n        valueTo: calendarDateToEndOfDayUTC(endDate),\r\n        endColumnId,\r\n      },\r\n    ];\r\n\r\n    startTransition(() => setFilters(newFilters));\r\n  };\r\n\r\n  const handleQuickRangeChange = (key: QuickRangeKey | null) => {\r\n    if (!key) {\r\n      setQuickRange(null);\r\n      return;\r\n    }\r\n\r\n    const option = quickRangeOptions.find((opt) => opt.key === key);\r\n    if (!option) return;\r\n\r\n    setQuickRange(key);\r\n    handleDateRangeChange({\r\n      start: option.range.start as unknown as DateValue,\r\n      end: option.range.end as unknown as DateValue,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div className={`flex gap-4 flex-row ${className ?? \"\"}`}>\r\n      <div className=\"flex flex-col gap-2\">\r\n        <span className=\"text-sm text-muted-foreground\">\r\n          {dateRangeLabel ??\r\n            t(`${translationNamespace}:reports.dateRange`, { defaultValue: \"Date range\" })}\r\n        </span>\r\n        <DateRangePicker\r\n          aria-label=\"Date range\"\r\n          value={(localRange as any) ?? undefined}\r\n          onChange={setLocalRange}\r\n          onBlur={() => {\r\n            if (localRange !== undefined) {\r\n              handleDateRangeChange(localRange);\r\n            }\r\n          }}\r\n          className=\"w-[300px]\"\r\n          granularity=\"day\"\r\n          showMonthAndYearPickers\r\n          maxValue={today(getLocalTimeZone()) as unknown as DateValue}\r\n          popoverProps={{\r\n            portalContainer: document.body,\r\n            disableAnimation: true,\r\n          }}\r\n        />\r\n      </div>\r\n      {showQuickRange && (\r\n        <div className=\"flex flex-col gap-2\">\r\n          <span className=\"text-sm text-muted-foreground\">\r\n            {quickRangeLabel ??\r\n              t(`${translationNamespace}:reports.quickRange.label`, {\r\n                defaultValue: \"Quick range\",\r\n              })}\r\n          </span>\r\n          <Select\r\n            selectedKeys={quickRange ? [quickRange] : []}\r\n            onChange={(e) => handleQuickRangeChange((e.target.value as QuickRangeKey) ?? null)}\r\n            className=\"w-[300px]\"\r\n            popoverProps={{\r\n              portalContainer: document.body,\r\n            }}\r\n          >\r\n            {quickRangeOptions.map((option) => (\r\n              <SelectItem key={option.key}>{option.label}</SelectItem>\r\n            ))}\r\n          </Select>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/ResetPasswordForm.d.mts

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

package/dist/src/modules/auth/components/ResetPasswordForm.mjs

@@ -0,0 +1,101 @@
+import { Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1, useSearchParams } from "react-router";
+import { toast } from "sonner";
+import { useForm } from "react-hook-form";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+//#region src/modules/auth/components/ResetPasswordForm.tsx
+function ResetPasswordForm() {
+	const { t } = useTranslation();
+	const { register, handleSubmit, setError, formState: { errors } } = useForm();
+	const [searchParams] = useSearchParams();
+	const token = searchParams.get("token");
+	const onSubmit = (data) => {
+		if (data.password !== data.confirmPassword) {
+			setError("confirmPassword", { message: t("web-ui:auth.resetPassword.passwordMismatch") });
+			return;
+		}
+		if (!token) throw new Error(t("web-ui:auth.resetPassword.tokenRequired"));
+		authClient.resetPassword({
+			newPassword: data.password,
+			token
+		}).then(() => {
+			toast.success(t("web-ui:auth.resetPassword.success"));
+		}).catch(() => {
+			toast.error(t("web-ui:auth.resetPassword.error"));
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.resetPassword.title")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.resetPassword.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, {
+			className: "gap-6",
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: handleSubmit(onSubmit),
+				className: "grid gap-6",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid gap-2",
+						children: [/* @__PURE__ */ jsx(Input, {
+							labelPlacement: "outside",
+							label: t("web-ui:auth.resetPassword.newPassword"),
+							placeholder: t("web-ui:auth.resetPassword.newPassword"),
+							type: "password",
+							variant: "bordered",
+							isRequired: true,
+							...register("password", { required: t("web-ui:auth.resetPassword.passwordRequired") })
+						}), errors.password && /* @__PURE__ */ jsx("span", {
+							className: "text-red-500 text-xs",
+							children: errors.password.message
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid gap-2",
+						children: [/* @__PURE__ */ jsx(Input, {
+							labelPlacement: "outside",
+							label: t("web-ui:auth.resetPassword.confirmPassword"),
+							placeholder: t("web-ui:auth.resetPassword.confirmPassword"),
+							type: "password",
+							variant: "bordered",
+							isRequired: true,
+							...register("confirmPassword", { required: t("web-ui:auth.resetPassword.confirmPasswordRequired") })
+						}), errors.confirmPassword && /* @__PURE__ */ jsx("span", {
+							className: "text-red-500 text-xs",
+							children: errors.confirmPassword.message
+						})]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						className: "w-full",
+						color: "primary",
+						children: t("web-ui:auth.resetPassword.button")
+					})
+				]
+			})
+		})] }), /* @__PURE__ */ jsxs("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.forgotPassword.rememberPassword"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { ResetPasswordForm };
+
+//# sourceMappingURL=ResetPasswordForm.mjs.map

package/dist/src/modules/auth/components/ResetPasswordForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordForm.mjs","names":["Link"],"sources":["../../../../../src/modules/auth/components/ResetPasswordForm.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useSearchParams } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n  password: string;\r\n  confirmPassword: string;\r\n};\r\n\r\nexport function ResetPasswordForm() {\r\n  const { t } = useTranslation();\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    setError,\r\n    formState: { errors },\r\n  } = useForm<Inputs>();\r\n  const [searchParams] = useSearchParams();\r\n  const token = searchParams.get(\"token\");\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    if (data.password !== data.confirmPassword) {\r\n      setError(\"confirmPassword\", { message: t(\"web-ui:auth.resetPassword.passwordMismatch\") });\r\n      return;\r\n    }\r\n\r\n    if (!token) {\r\n      throw new Error(t(\"web-ui:auth.resetPassword.tokenRequired\"));\r\n    }\r\n\r\n    authClient\r\n      .resetPassword({\r\n        newPassword: data.password,\r\n        token,\r\n      })\r\n      .then(() => {\r\n        toast.success(t(\"web-ui:auth.resetPassword.success\"));\r\n        // Optionally, redirect\r\n      })\r\n      .catch(() => {\r\n        toast.error(t(\"web-ui:auth.resetPassword.error\"));\r\n      });\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-center flex flex-col gap-1\">\r\n          <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody className=\"gap-6\">\r\n          <form onSubmit={handleSubmit(onSubmit)} className=\"grid gap-6\">\r\n            <div className=\"grid gap-2\">\r\n              <Input\r\n                labelPlacement=\"outside\"\r\n                label={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n                placeholder={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n                type=\"password\"\r\n                variant=\"bordered\"\r\n                isRequired\r\n                {...register(\"password\", {\r\n                  required: t(\"web-ui:auth.resetPassword.passwordRequired\"),\r\n                })}\r\n              />\r\n              {errors.password && (\r\n                <span className=\"text-red-500 text-xs\">{errors.password.message}</span>\r\n              )}\r\n            </div>\r\n            <div className=\"grid gap-2\">\r\n              <Input\r\n                labelPlacement=\"outside\"\r\n                label={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n                placeholder={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n                type=\"password\"\r\n                variant=\"bordered\"\r\n                isRequired\r\n                {...register(\"confirmPassword\", {\r\n                  required: t(\"web-ui:auth.resetPassword.confirmPasswordRequired\"),\r\n                })}\r\n              />\r\n              {errors.confirmPassword && (\r\n                <span className=\"text-red-500 text-xs\">{errors.confirmPassword.message}</span>\r\n              )}\r\n            </div>\r\n            <Button type=\"submit\" className=\"w-full\" color=\"primary\">\r\n              {t(\"web-ui:auth.resetPassword.button\")}\r\n            </Button>\r\n          </form>\r\n        </CardBody>\r\n      </Card>\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAYA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,aACX,SAAiB;CACrB,MAAM,CAAC,gBAAgB,iBAAiB;CACxC,MAAM,QAAQ,aAAa,IAAI,QAAQ;CAEvC,MAAM,YAAmC,SAAS;AAChD,MAAI,KAAK,aAAa,KAAK,iBAAiB;AAC1C,YAAS,mBAAmB,EAAE,SAAS,EAAE,6CAA6C,EAAE,CAAC;AACzF;;AAGF,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,EAAE,0CAA0C,CAAC;AAG/D,aACG,cAAc;GACb,aAAa,KAAK;GAClB;GACD,CAAC,CACD,WAAW;AACV,SAAM,QAAQ,EAAE,oCAAoC,CAAC;IAErD,CACD,YAAY;AACX,SAAM,MAAM,EAAE,kCAAkC,CAAC;IACjD;;AAGN,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,oBAAC,UAAD;GAAU,WAAU;aAClB,qBAAC,QAAD;IAAM,UAAU,aAAa,SAAS;IAAE,WAAU;cAAlD;KACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,wCAAwC;OACjD,aAAa,EAAE,wCAAwC;OACvD,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,YAAY,EACvB,UAAU,EAAE,6CAA6C,EAC1D,CAAC;OACF,CAAA,EACD,OAAO,YACN,oBAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,SAAS;OAAe,CAAA,CAErE;;KACN,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,4CAA4C;OACrD,aAAa,EAAE,4CAA4C;OAC3D,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,mBAAmB,EAC9B,UAAU,EAAE,oDAAoD,EACjE,CAAC;OACF,CAAA,EACD,OAAO,mBACN,oBAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,gBAAgB;OAAe,CAAA,CAE5E;;KACN,oBAAC,QAAD;MAAQ,MAAK;MAAS,WAAU;MAAS,OAAM;gBAC5C,EAAE,mCAAmC;MAC/B,CAAA;KACJ;;GACE,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,oBAACA,QAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/ResetPasswordRoute.d.mts

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

package/dist/src/modules/auth/components/ResetPasswordRoute.mjs

@@ -0,0 +1,37 @@
+import { ResetPasswordForm } from "./ResetPasswordForm.mjs";
+import { Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1 } from "react-router";
+//#region src/modules/auth/components/ResetPasswordRoute.tsx
+function ResetPasswordRoute() {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.resetPassword.title")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.resetPassword.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(ResetPasswordForm, {}) })] }), /* @__PURE__ */ jsxs("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.forgotPassword.rememberPassword"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { ResetPasswordRoute };
+
+//# sourceMappingURL=ResetPasswordRoute.mjs.map

package/dist/src/modules/auth/components/ResetPasswordRoute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordRoute.mjs","names":["Link"],"sources":["../../../../../src/modules/auth/components/ResetPasswordRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { ResetPasswordForm } from \"./ResetPasswordForm\";\r\n\r\nexport function ResetPasswordRoute() {\r\n  const { t } = useTranslation();\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-center flex flex-col gap-1\">\r\n          <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody>\r\n          <ResetPasswordForm />\r\n        </CardBody>\r\n      </Card>\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAKA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,oBAAC,UAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACZ,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,oBAACA,QAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/SignupFormRoute.d.mts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/SignupFormRoute.d.ts
+declare function SignupForm({
+  code,
+  email,
+  waitlist
+}: {
+  code?: string | null;
+  email?: string | null;
+  waitlist?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SignupForm };
+//# sourceMappingURL=SignupFormRoute.d.mts.map

package/dist/src/modules/auth/components/SignupFormRoute.mjs

@@ -0,0 +1,149 @@
+import { useState } from "react";
+import { Alert, Button, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router";
+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";
+//#region src/modules/auth/components/SignupFormRoute.tsx
+function getEmailProviderUrl(email) {
+	const domain = email.split("@")[1]?.toLowerCase();
+	if (!domain) return null;
+	const EMAIL_URLS = {
+		GMAIL: "https://mail.google.com/mail/u/0/#inbox",
+		OUTLOOK: "https://outlook.live.com/mail/0/inbox",
+		YAHOO: "https://mail.yahoo.com",
+		ICLOUD: "https://www.icloud.com/mail",
+		PROTON: "https://mail.proton.me"
+	};
+	return {
+		"gmail.com": EMAIL_URLS.GMAIL,
+		"googlemail.com": EMAIL_URLS.GMAIL,
+		"outlook.com": EMAIL_URLS.OUTLOOK,
+		"hotmail.com": EMAIL_URLS.OUTLOOK,
+		"live.com": EMAIL_URLS.OUTLOOK,
+		"msn.com": EMAIL_URLS.OUTLOOK,
+		"yahoo.com": EMAIL_URLS.YAHOO,
+		"yahoo.co.uk": EMAIL_URLS.YAHOO,
+		"yahoo.fr": EMAIL_URLS.YAHOO,
+		"ymail.com": EMAIL_URLS.YAHOO,
+		"icloud.com": EMAIL_URLS.ICLOUD,
+		"me.com": EMAIL_URLS.ICLOUD,
+		"mac.com": EMAIL_URLS.ICLOUD,
+		"protonmail.com": EMAIL_URLS.PROTON,
+		"proton.me": EMAIL_URLS.PROTON
+	}[domain] || null;
+}
+function SignupForm({ code, email, waitlist }) {
+	const { t } = useTranslation();
+	const [status, setStatus] = useState("start");
+	const [userEmail, setUserEmail] = useState(email || "");
+	const { registerSession } = useSession();
+	const navigate = useNavigate();
+	const { register, handleSubmit, formState: { errors } } = useForm();
+	const onSubmit = (data) => {
+		console.log(data);
+		setStatus("busy");
+		setUserEmail(data.email);
+		authClient.signUp.email({
+			name: data.email,
+			email: data.email,
+			password: data.password
+		}, { headers: { "Waitlist-Invitation-Code": code || "" } }).then((result) => {
+			console.log(result);
+			if (result.error) {
+				toast.error(t("web-ui:auth.errors.invitationCodeInvalid"));
+				setStatus("start");
+				return;
+			}
+			if (waitlist) authClient.signIn.email({
+				email: data.email,
+				password: data.password
+			}).then((res) => {
+				console.log(res);
+				if (res.data?.user) registerSession(() => {
+					navigate("/");
+				});
+				else if (res.error) toast.error(t("web-ui:auth.errors.authentication"), { description: res.error.message });
+			}).catch((error) => {
+				toast.error(t("web-ui:auth.errors.server"), { description: error.message });
+			});
+			else setStatus("done");
+		}).catch((error) => {
+			toast.error(error.message);
+			setStatus("start");
+		});
+	};
+	if (status === "done") {
+		const emailProviderUrl = userEmail ? getEmailProviderUrl(userEmail) : null;
+		return /* @__PURE__ */ jsx(Alert, {
+			color: "primary",
+			variant: "faded",
+			title: t("web-ui:auth.signup.verificationEmailSent.title"),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mt-2",
+				children: [t("web-ui:auth.signup.verificationEmailSent.description"), emailProviderUrl && /* @__PURE__ */ jsx("div", {
+					className: "mt-3",
+					children: /* @__PURE__ */ jsx("a", {
+						href: emailProviderUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "font-medium underline underline-offset-4 hover:opacity-80 transition-opacity",
+						children: t("web-ui:auth.signup.verificationEmailSent.openEmail")
+					})
+				})]
+			})
+		});
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit(onSubmit),
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					labelPlacement: "outside",
+					label: t("web-ui:auth.login.email"),
+					type: "email",
+					placeholder: t("web-ui:auth.login.placeholder.email"),
+					variant: "bordered",
+					isRequired: true,
+					isDisabled: !!email,
+					defaultValue: email ?? "",
+					...register("email", { required: true })
+				}), errors.email && /* @__PURE__ */ jsx("span", {
+					className: "text-red-500 text-xs",
+					children: t("web-ui:auth.signup.emailRequired")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					labelPlacement: "outside",
+					label: t("web-ui:auth.login.password"),
+					placeholder: t("web-ui:auth.login.password"),
+					type: "password",
+					variant: "bordered",
+					isRequired: true,
+					...register("password", { required: true })
+				}), errors.password && /* @__PURE__ */ jsx("span", {
+					className: "text-red-500 text-xs",
+					children: t("web-ui:auth.signup.passwordRequired")
+				})]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				className: "w-full",
+				color: "primary",
+				isDisabled: status === "busy",
+				children: status === "busy" ? t("web-ui:auth.signup.signingUp") : t("web-ui:auth.signup.button")
+			})
+		]
+	});
+}
+//#endregion
+export { SignupForm };
+
+//# sourceMappingURL=SignupFormRoute.mjs.map

package/dist/src/modules/auth/components/SignupFormRoute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupFormRoute.mjs","names":[],"sources":["../../../../../src/modules/auth/components/SignupFormRoute.tsx"],"sourcesContent":["import { Alert, Button, Input } 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 { useState } from \"react\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useNavigate } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n  email: string;\r\n  password: string;\r\n};\r\n\r\nfunction getEmailProviderUrl(email: string): string | null {\r\n  const domain = email.split(\"@\")[1]?.toLowerCase();\r\n  if (!domain) return null;\r\n\r\n  const EMAIL_URLS = {\r\n    GMAIL: \"https://mail.google.com/mail/u/0/#inbox\",\r\n    OUTLOOK: \"https://outlook.live.com/mail/0/inbox\",\r\n    YAHOO: \"https://mail.yahoo.com\",\r\n    ICLOUD: \"https://www.icloud.com/mail\",\r\n    PROTON: \"https://mail.proton.me\",\r\n  } as const;\r\n\r\n  const domainMap: Record<string, string> = {\r\n    \"gmail.com\": EMAIL_URLS.GMAIL,\r\n    \"googlemail.com\": EMAIL_URLS.GMAIL,\r\n    \"outlook.com\": EMAIL_URLS.OUTLOOK,\r\n    \"hotmail.com\": EMAIL_URLS.OUTLOOK,\r\n    \"live.com\": EMAIL_URLS.OUTLOOK,\r\n    \"msn.com\": EMAIL_URLS.OUTLOOK,\r\n    \"yahoo.com\": EMAIL_URLS.YAHOO,\r\n    \"yahoo.co.uk\": EMAIL_URLS.YAHOO,\r\n    \"yahoo.fr\": EMAIL_URLS.YAHOO,\r\n    \"ymail.com\": EMAIL_URLS.YAHOO,\r\n    \"icloud.com\": EMAIL_URLS.ICLOUD,\r\n    \"me.com\": EMAIL_URLS.ICLOUD,\r\n    \"mac.com\": EMAIL_URLS.ICLOUD,\r\n    \"protonmail.com\": EMAIL_URLS.PROTON,\r\n    \"proton.me\": EMAIL_URLS.PROTON,\r\n  };\r\n\r\n  return domainMap[domain] || null;\r\n}\r\n\r\nexport function SignupForm({\r\n  code,\r\n  email,\r\n  waitlist,\r\n}: {\r\n  code?: string | null;\r\n  email?: string | null;\r\n  waitlist?: boolean;\r\n}) {\r\n  const { t } = useTranslation();\r\n  const [status, setStatus] = useState(\"start\");\r\n  const [userEmail, setUserEmail] = useState<string>(email || \"\");\r\n  const { registerSession } = useSession();\r\n  const navigate = useNavigate();\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm<Inputs>();\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    console.log(data);\r\n    setStatus(\"busy\");\r\n    setUserEmail(data.email);\r\n\r\n    authClient.signUp\r\n      .email(\r\n        {\r\n          name: data.email,\r\n          email: data.email,\r\n          password: data.password,\r\n        },\r\n        {\r\n          headers: {\r\n            \"Waitlist-Invitation-Code\": code || \"\",\r\n          },\r\n        }\r\n      )\r\n      .then((result) => {\r\n        console.log(result);\r\n        if (result.error) {\r\n          toast.error(t(\"web-ui:auth.errors.invitationCodeInvalid\"));\r\n          setStatus(\"start\");\r\n          return;\r\n        }\r\n        if (waitlist) {\r\n          authClient.signIn\r\n            .email({\r\n              email: data.email,\r\n              password: data.password,\r\n            })\r\n            .then((res) => {\r\n              console.log(res);\r\n              if (res.data?.user) {\r\n                registerSession(() => {\r\n                  navigate(\"/\");\r\n                });\r\n              } else if (res.error) {\r\n                toast.error(t(\"web-ui:auth.errors.authentication\"), {\r\n                  description: res.error.message,\r\n                });\r\n              }\r\n            })\r\n            .catch((error) => {\r\n              toast.error(t(\"web-ui:auth.errors.server\"), {\r\n                description: error.message,\r\n              });\r\n            });\r\n        } else setStatus(\"done\");\r\n      })\r\n      .catch((error) => {\r\n        toast.error(error.message);\r\n        setStatus(\"start\");\r\n      });\r\n  };\r\n\r\n  if (status === \"done\") {\r\n    const emailProviderUrl = userEmail ? getEmailProviderUrl(userEmail) : null;\r\n\r\n    return (\r\n      <Alert\r\n        color=\"primary\"\r\n        variant=\"faded\"\r\n        title={t(\"web-ui:auth.signup.verificationEmailSent.title\")}\r\n      >\r\n        <div className=\"mt-2\">\r\n          {t(\"web-ui:auth.signup.verificationEmailSent.description\")}\r\n          {emailProviderUrl && (\r\n            <div className=\"mt-3\">\r\n              <a\r\n                href={emailProviderUrl}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                className=\"font-medium underline underline-offset-4 hover:opacity-80 transition-opacity\"\r\n              >\r\n                {t(\"web-ui:auth.signup.verificationEmailSent.openEmail\")}\r\n              </a>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Alert>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <form onSubmit={handleSubmit(onSubmit)} className=\"grid gap-6\">\r\n      <div className=\"grid gap-2\">\r\n        <Input\r\n          labelPlacement=\"outside\"\r\n          label={t(\"web-ui:auth.login.email\")}\r\n          type=\"email\"\r\n          placeholder={t(\"web-ui:auth.login.placeholder.email\")}\r\n          variant=\"bordered\"\r\n          isRequired\r\n          isDisabled={!!email}\r\n          defaultValue={email ?? \"\"}\r\n          {...register(\"email\", { required: true })}\r\n        />\r\n        {errors.email && (\r\n          <span className=\"text-red-500 text-xs\">{t(\"web-ui:auth.signup.emailRequired\")}</span>\r\n        )}\r\n      </div>\r\n      <div className=\"grid gap-2\">\r\n        <Input\r\n          labelPlacement=\"outside\"\r\n          label={t(\"web-ui:auth.login.password\")}\r\n          placeholder={t(\"web-ui:auth.login.password\")}\r\n          type=\"password\"\r\n          variant=\"bordered\"\r\n          isRequired\r\n          {...register(\"password\", { required: true })}\r\n        />\r\n        {errors.password && (\r\n          <span className=\"text-red-500 text-xs\">{t(\"web-ui:auth.signup.passwordRequired\")}</span>\r\n        )}\r\n      </div>\r\n      <Button type=\"submit\" className=\"w-full\" color=\"primary\" isDisabled={status === \"busy\"}>\r\n        {status === \"busy\" ? t(\"web-ui:auth.signup.signingUp\") : t(\"web-ui:auth.signup.button\")}\r\n      </Button>\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/SignupRoute.d.mts

@@ -0,0 +1,15 @@
+import { UseBackendTRPC } from "../../../types.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/SignupRoute.d.ts
+interface SignupRouteProps {
+  providers?: string[];
+  useTRPC?: UseBackendTRPC;
+}
+declare function SignupRoute({
+  providers,
+  useTRPC
+}: SignupRouteProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SignupRoute };
+//# sourceMappingURL=SignupRoute.d.mts.map

package/dist/src/modules/auth/components/SignupRoute.mjs

@@ -0,0 +1,62 @@
+import { AuthProviders } from "./AuthProviders.mjs";
+import { SignupForm } from "./SignupFormRoute.mjs";
+import { WaitlistCard } from "./WaitlistCard.mjs";
+import { WaitlistCodeValidation } from "./WaitlistCodeValidation.mjs";
+import { Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1 } from "react-router";
+import { useQueryState } from "nuqs";
+//#region src/modules/auth/components/SignupRoute.tsx
+function SignupRoute({ providers, useTRPC }) {
+	const { t } = useTranslation();
+	const [code] = useQueryState("code");
+	const [email] = useQueryState("email");
+	const hasWaitlist = !!useTRPC;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [hasWaitlist && !code ? /* @__PURE__ */ jsx(WaitlistCard, { useTRPC }) : /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.signup.createAccount")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.signup.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-6",
+			children: [
+				hasWaitlist && code && useTRPC && /* @__PURE__ */ jsx(WaitlistCodeValidation, {
+					code,
+					useTRPC
+				}),
+				/* @__PURE__ */ jsx(AuthProviders, {
+					providers,
+					code,
+					requestSignUp: true
+				}),
+				/* @__PURE__ */ jsx(SignupForm, {
+					code,
+					email,
+					waitlist: hasWaitlist
+				})
+			]
+		}) })] }), /* @__PURE__ */ jsxs("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.signup.alreadyHaveAccount"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { SignupRoute };
+
+//# sourceMappingURL=SignupRoute.mjs.map

package/dist/src/modules/auth/components/SignupRoute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupRoute.mjs","names":["Link"],"sources":["../../../../../src/modules/auth/components/SignupRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { SignupForm } from \"./SignupFormRoute\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport { AuthProviders } from \"./AuthProviders\";\r\nimport { WaitlistCard } from \"./WaitlistCard\";\r\nimport { WaitlistCodeValidation } from \"./WaitlistCodeValidation\";\r\n\r\ninterface SignupRouteProps {\r\n  providers?: string[];\r\n  useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function SignupRoute({ providers, useTRPC }: SignupRouteProps) {\r\n  const { t } = useTranslation();\r\n\r\n  const [code] = useQueryState(\"code\");\r\n  const [email] = useQueryState(\"email\");\r\n\r\n  const hasWaitlist = !!useTRPC;\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      {hasWaitlist && !code ? (\r\n        <WaitlistCard useTRPC={useTRPC} />\r\n      ) : (\r\n        <Card>\r\n          <CardHeader className=\"text-center flex flex-col gap-1\">\r\n            <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.signup.createAccount\")}</p>\r\n            <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.signup.description\")}</p>\r\n          </CardHeader>\r\n          <CardBody>\r\n            <div className=\"grid gap-6\">\r\n              {hasWaitlist && code && useTRPC && (\r\n                <WaitlistCodeValidation code={code} useTRPC={useTRPC} />\r\n              )}\r\n              <AuthProviders providers={providers} code={code} requestSignUp />\r\n              <SignupForm code={code} email={email} waitlist={hasWaitlist} />\r\n            </div>\r\n          </CardBody>\r\n        </Card>\r\n      )}\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.signup.alreadyHaveAccount\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,YAAY,EAAE,WAAW,WAA6B;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,QAAQ,cAAc,OAAO;CACpC,MAAM,CAAC,SAAS,cAAc,QAAQ;CAEtC,MAAM,cAAc,CAAC,CAAC;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,eAAe,CAAC,OACf,oBAAC,cAAD,EAAuB,SAAW,CAAA,GAElC,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,iCAAiC;IAAK,CAAA,CACtE;MACb,oBAAC,UAAD,EAAA,UACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,eAAe,QAAQ,WACtB,oBAAC,wBAAD;KAA8B;KAAe;KAAW,CAAA;IAE1D,oBAAC,eAAD;KAA0B;KAAiB;KAAM,eAAA;KAAgB,CAAA;IACjE,oBAAC,YAAD;KAAkB;KAAa;KAAO,UAAU;KAAe,CAAA;IAC3D;MACG,CAAA,CACN,EAAA,CAAA,EAET,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,wCAAwC;IAAE;IAC7C,oBAACA,QAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/UserPreferences.d.mts

@@ -0,0 +1,23 @@
+import { ControlDefinition, ControlsFor, PreferenceEditorLabels, UpdatePreferencesOptions } from "./PreferencesEditor.mjs";
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/UserPreferences.d.ts
+declare function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({
+  schema,
+  controls,
+  preferences,
+  isLoading,
+  isPending,
+  updatePreferences
+}: {
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  preferences: z.infer<S>;
+  isLoading: boolean;
+  isPending: boolean;
+  updatePreferences: (partialPreferences: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
+}): ReactElement;
+//#endregion
+export { type ControlDefinition, type ControlsFor, type PreferenceEditorLabels, type UpdatePreferencesOptions, UserPreferences };
+//# sourceMappingURL=UserPreferences.d.mts.map

package/dist/src/modules/auth/components/UserPreferences.mjs

@@ -0,0 +1,26 @@
+import { PreferencesEditor } from "./PreferencesEditor.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/modules/auth/components/UserPreferences.tsx
+function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
+	const { t } = useTranslation("web-ui");
+	return /* @__PURE__ */ jsx(PreferencesEditor, {
+		schema,
+		controls,
+		values: preferences,
+		isLoading,
+		isPending,
+		labels: {
+			title: t("web-ui:preferences.title"),
+			submit: t("web-ui:preferences.submit"),
+			updated: t("web-ui:preferences.updated"),
+			updateError: t("web-ui:preferences.updateError"),
+			loading: t("web-ui:preferences.loading")
+		},
+		updateValues: updatePreferences
+	});
+}
+//#endregion
+export { UserPreferences };
+
+//# sourceMappingURL=UserPreferences.mjs.map

package/dist/src/modules/auth/components/UserPreferences.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferences.mjs","names":[],"sources":["../../../../../src/modules/auth/components/UserPreferences.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { z } from \"zod\";\r\nimport {\r\n  type ControlsFor,\r\n  type PreferenceEditorLabels,\r\n  PreferencesEditor,\r\n  type UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\nexport type {\r\n  ControlDefinition,\r\n  ControlsFor,\r\n  PreferenceEditorLabels,\r\n  UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\nexport function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({\r\n  schema,\r\n  controls,\r\n  preferences,\r\n  isLoading,\r\n  isPending,\r\n  updatePreferences,\r\n}: {\r\n  schema: S;\r\n  controls: ControlsFor<z.infer<S>>;\r\n  preferences: z.infer<S>;\r\n  isLoading: boolean;\r\n  isPending: boolean;\r\n  updatePreferences: (\r\n    partialPreferences: Partial<z.infer<S>>,\r\n    options: UpdatePreferencesOptions\r\n  ) => void;\r\n}): ReactElement {\r\n  const { t } = useTranslation(\"web-ui\");\r\n\r\n  const labels: PreferenceEditorLabels = {\r\n    title: t(\"web-ui:preferences.title\"),\r\n    submit: t(\"web-ui:preferences.submit\"),\r\n    updated: t(\"web-ui:preferences.updated\"),\r\n    updateError: t(\"web-ui:preferences.updateError\"),\r\n    loading: t(\"web-ui:preferences.loading\"),\r\n  };\r\n\r\n  return (\r\n    <PreferencesEditor\r\n      schema={schema}\r\n      controls={controls}\r\n      values={preferences}\r\n      isLoading={isLoading}\r\n      isPending={isPending}\r\n      labels={labels}\r\n      updateValues={updatePreferences}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;AAiBA,SAAgB,gBAAsD,EACpE,QACA,UACA,aACA,WACA,WACA,qBAWe;CACf,MAAM,EAAE,MAAM,eAAe,SAAS;AAUtC,QACE,oBAAC,mBAAD;EACU;EACE;EACV,QAAQ;EACG;EACA;EACX,QAfmC;GACrC,OAAO,EAAE,2BAA2B;GACpC,QAAQ,EAAE,4BAA4B;GACtC,SAAS,EAAE,6BAA6B;GACxC,aAAa,EAAE,iCAAiC;GAChD,SAAS,EAAE,6BAA6B;GACzC;EAUG,cAAc;EACd,CAAA"}

package/dist/src/modules/auth/components/WaitlistCard.d.mts

@@ -0,0 +1,13 @@
+import { UseBackendTRPC } from "../../../types.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/WaitlistCard.d.ts
+interface WaitlistCardProps {
+  useTRPC: UseBackendTRPC;
+}
+declare function WaitlistCard({
+  useTRPC
+}: WaitlistCardProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WaitlistCard };
+//# sourceMappingURL=WaitlistCard.d.mts.map

package/dist/src/modules/auth/components/WaitlistCard.mjs

@@ -0,0 +1,67 @@
+import { useState } from "react";
+import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { useMutation } from "@tanstack/react-query";
+//#region src/modules/auth/components/WaitlistCard.tsx
+function WaitlistCard({ useTRPC }) {
+	const { t } = useTranslation();
+	const trpc = useTRPC();
+	const [email, setEmail] = useState("");
+	const [joined, setJoined] = useState(false);
+	const { mutate } = useMutation(trpc.auth.joinWaitlist.mutationOptions());
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		mutate({ email }, {
+			onSuccess: () => {
+				setJoined(true);
+			},
+			onError: (error) => {
+				toast.error(error instanceof Error ? error.message : t("web-ui:auth.waitlist.error", { defaultValue: "Failed to join waitlist. Please try again." }));
+			}
+		});
+	};
+	if (joined) return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, {
+		className: "pt-6",
+		children: /* @__PURE__ */ jsx(Alert, {
+			color: "success",
+			variant: "faded",
+			title: t("web-ui:auth.waitlist.success")
+		})
+	}) });
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+		className: "text-center flex flex-col gap-1",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-xl font-semibold",
+			children: t("web-ui:auth.waitlist.title")
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-default-600",
+			children: t("web-ui:auth.waitlist.description")
+		})]
+	}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit,
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "grid gap-2",
+			children: /* @__PURE__ */ jsx(Input, {
+				type: "email",
+				label: t("web-ui:auth.waitlist.email"),
+				labelPlacement: "outside",
+				placeholder: t("web-ui:auth.waitlist.placeholder.email"),
+				isRequired: true,
+				variant: "bordered",
+				value: email,
+				onChange: (e) => setEmail(e.target.value)
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			color: "primary",
+			children: t("web-ui:auth.waitlist.button")
+		})]
+	}) })] });
+}
+//#endregion
+export { WaitlistCard };
+
+//# sourceMappingURL=WaitlistCard.mjs.map