@tulip-systems/core 0.4.0 → 0.5.0

package/dist/modules/auth/components/auth-layout.server.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime66 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/modules/auth/components/auth-layout.server.d.ts
+declare function AuthLayout(props: PropsWithChildren<{
+  name: string;
+}>): Promise<react_jsx_runtime66.JSX.Element>;
+//#endregion
+export { AuthLayout };
+//# sourceMappingURL=auth-layout.server.d.mts.map

package/dist/modules/auth/components/auth-layout.server.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;iBAIsB,UAAA,QAAkB;;KAAmC,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/auth/components/auth-layout.server.mjs

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import Image from "next/image";
+
+//#region src/modules/auth/components/auth-layout.server.tsx
+async function AuthLayout(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "container relative mx-auto grid h-[100dvh] flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r",
+			children: [
+				/* @__PURE__ */ jsx(Image, {
+					src: "/images/auth-background.jpeg",
+					alt: "Background",
+					className: "object-cover",
+					fill: true
+				}),
+				/* @__PURE__ */ jsx(Link, {
+					href: "/",
+					className: "relative z-20 flex items-center text-lg font-bold",
+					children: props.name
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "relative z-20 mt-auto",
+					children: /* @__PURE__ */ jsx("blockquote", {
+						className: "space-y-2 text-sm",
+						children: "Developed by NewCode"
+					})
+				})
+			]
+		}), props.children]
+	});
+}
+
+//#endregion
+export { AuthLayout };
+//# sourceMappingURL=auth-layout.server.mjs.map

package/dist/modules/auth/components/auth-layout.server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":["import Image from \"next/image\";\nimport Link from \"next/link\";\nimport { PropsWithChildren } from \"react\";\n\nexport async function AuthLayout(props: PropsWithChildren<{ name: string }>) {\n  return (\n    <div className=\"container relative mx-auto grid h-[100dvh] flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0\">\n      <div className=\"bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r\">\n        <Image src=\"/images/auth-background.jpeg\" alt=\"Background\" className=\"object-cover\" fill />\n\n        <Link href=\"/\" className=\"relative z-20 flex items-center text-lg font-bold\">\n          {props.name}\n        </Link>\n\n        <div className=\"relative z-20 mt-auto\">\n          <blockquote className=\"space-y-2 text-sm\">Developed by NewCode</blockquote>\n        </div>\n      </div>\n\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,eAAsB,WAAW,OAA4C;AAC3E,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAM,KAAI;KAA+B,KAAI;KAAa,WAAU;KAAe;MAAO;IAE3F,oBAAC;KAAK,MAAK;KAAI,WAAU;eACtB,MAAM;MACF;IAEP,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAW,WAAU;gBAAoB;OAAiC;MACvE;;IACF,EAEL,MAAM;GACH"}

package/dist/modules/auth/components/auth-loading.d.mts

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

package/dist/modules/auth/components/auth-loading.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-loading.d.mts","names":[],"sources":["../../../../src/modules/auth/components/auth-loading.tsx"],"sourcesContent":[],"mappings":";;;iBAEgB,WAAA,CAAA,GAAW,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/auth/components/auth-loading.mjs

@@ -0,0 +1,18 @@
+import { Skeleton } from "../../../components/ui/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/auth/components/auth-loading.tsx
+function AuthLoading() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col gap-4 sm:w-[350px]",
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+		]
+	});
+}
+
+//#endregion
+export { AuthLoading };
+//# sourceMappingURL=auth-loading.mjs.map

package/dist/modules/auth/components/auth-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-loading.mjs","names":[],"sources":["../../../../src/modules/auth/components/auth-loading.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\n\nexport function AuthLoading() {\n  return (\n    <div className=\"mx-auto flex w-full flex-col gap-4 sm:w-[350px]\">\n      <Skeleton className=\"h-7 w-full\" />\n      <Skeleton className=\"h-48 w-full\" />\n      <Skeleton className=\"h-12 w-full\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC,YAAS,WAAU,eAAe;GACnC,oBAAC,YAAS,WAAU,gBAAgB;GACpC,oBAAC,YAAS,WAAU,gBAAgB;;GAChC"}

package/dist/modules/auth/components/create-first-user-page.client.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime70 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/create-first-user-page.client.d.ts
+declare function CreateFirstUserPage(): react_jsx_runtime70.JSX.Element;
+//#endregion
+export { CreateFirstUserPage };
+//# sourceMappingURL=create-first-user-page.client.d.mts.map

package/dist/modules/auth/components/create-first-user-page.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-first-user-page.client.d.mts","names":[],"sources":["../../../../src/modules/auth/components/create-first-user-page.client.tsx"],"sourcesContent":[],"mappings":";;;iBA0BgB,mBAAA,CAAA,GAAmB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/auth/components/create-first-user-page.client.mjs

@@ -0,0 +1,152 @@
+"use client";
+
+import { Icons } from "../../../components/common/icons.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { authClient } from "../handler/client.client.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { createUserSchema } from "../lib/validators.mjs";
+import { Eye, EyeOff } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation } from "@tanstack/react-query";
+import { useForm } from "react-hook-form";
+import { parseAsString, useQueryState } from "nuqs";
+import { toast } from "sonner";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { useRouter } from "next/navigation";
+
+//#region src/modules/auth/components/create-first-user-page.client.tsx
+function CreateFirstUserPage() {
+	const router = useRouter();
+	const [callbackURL] = useQueryState("callbackURL", parseAsString);
+	const [showPassword, setShowPassword] = useState(false);
+	const createFirstUserMutation = useMutation({
+		mutationFn: async (data) => {
+			const result = await authClient.signUp.email({
+				email: data.email,
+				password: data.password,
+				name: `${data.firstName} ${data.lastName}`,
+				firstName: data.firstName,
+				lastName: data.lastName,
+				callbackURL: callbackURL ?? "/admin"
+			});
+			if (result.error) throw result.error;
+			return result.data;
+		},
+		onError: (err) => {
+			console.error("Create First User error: ", err);
+			toast.error("Er is iets misgegaan");
+		},
+		onSuccess: () => {
+			router.replace(callbackURL ?? "/admin");
+			toast.success("Account succesvol aangemaakt!");
+		}
+	});
+	const disabled = createFirstUserMutation.isPending;
+	const form = useForm({
+		resolver: standardSchemaResolver(createUserSchema),
+		defaultValues: {
+			email: "",
+			firstName: "",
+			lastName: "",
+			password: ""
+		},
+		disabled
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col space-y-2 text-center",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-3xl font-semibold tracking-tight",
+				children: "Welkom eerste gebruiker"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Maak eerst een account aan om in te loggen"
+			})]
+		}), /* @__PURE__ */ jsx(Form$1, {
+			...form,
+			children: /* @__PURE__ */ jsxs("form", {
+				className: "space-y-6",
+				onSubmit: form.handleSubmit((data) => createFirstUserMutation.mutate(data)),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "firstName",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Voornaam" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+									placeholder: "Voornaam",
+									...field
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						}),
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "lastName",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Achternaam" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+									placeholder: "Achternaam",
+									...field
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						}),
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "email",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Email" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+									placeholder: "email@example.be",
+									...field
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						}),
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "password",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Wachtwoord" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ jsx(Input, {
+										type: showPassword ? "text" : "password",
+										placeholder: "********",
+										...field
+									}), /* @__PURE__ */ jsx(Button, {
+										type: "button",
+										variant: "ghost",
+										size: "sm",
+										className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+										onClick: () => setShowPassword(!showPassword),
+										disabled,
+										children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									})]
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "space-y-3",
+					children: /* @__PURE__ */ jsxs(Button, {
+						disabled,
+						className: "w-full",
+						children: [createFirstUserMutation.isPending && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), "Account aanmaken"]
+					})
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { CreateFirstUserPage };
+//# sourceMappingURL=create-first-user-page.client.mjs.map

package/dist/modules/auth/components/create-first-user-page.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-first-user-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/create-first-user-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { createUserSchema } from \"../lib/validators\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { authClient } from \"../handler/client.client\";\n\nexport function CreateFirstUserPage() {\n  const router = useRouter();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const createFirstUserMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof createUserSchema>) => {\n      const result = await authClient.signUp.email({\n        email: data.email,\n        password: data.password,\n        name: `${data.firstName} ${data.lastName}`,\n        firstName: data.firstName,\n        lastName: data.lastName,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err: Error) => {\n      console.error(\"Create First User error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Account succesvol aangemaakt!\");\n    },\n  });\n\n  const disabled = createFirstUserMutation.isPending;\n\n  const form = useForm<z.infer<typeof createUserSchema>>({\n    resolver: standardSchemaResolver(createUserSchema),\n    defaultValues: { email: \"\", firstName: \"\", lastName: \"\", password: \"\" },\n    disabled,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Welkom eerste gebruiker</h1>\n        <p className=\"text-muted-foreground text-sm\">Maak eerst een account aan om in te loggen</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => createFirstUserMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"firstName\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Voornaam</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Voornaam\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"lastName\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Achternaam</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Achternaam\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Email</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {createFirstUserMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Account aanmaken\n            </Button>\n          </div>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,sBAAsB;CACpC,MAAM,SAAS,WAAW;CAC1B,MAAM,CAAC,eAAe,cAAc,eAAe,cAAc;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,0BAA0B,YAAY;EAC1C,YAAY,OAAO,SAA2C;GAC5D,MAAM,SAAS,MAAM,WAAW,OAAO,MAAM;IAC3C,OAAO,KAAK;IACZ,UAAU,KAAK;IACf,MAAM,GAAG,KAAK,UAAU,GAAG,KAAK;IAChC,WAAW,KAAK;IAChB,UAAU,KAAK;IACf,aAAa,eAAe;IAC7B,CAAC;AAEF,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,UAAU,QAAe;AACvB,WAAQ,MAAM,6BAA6B,IAAI;AAC/C,SAAM,MAAM,uBAAuB;;EAErC,iBAAiB;AACf,UAAO,QAAQ,eAAe,SAAS;AACvC,SAAM,QAAQ,gCAAgC;;EAEjD,CAAC;CAEF,MAAM,WAAW,wBAAwB;CAEzC,MAAM,OAAO,QAA0C;EACrD,UAAU,uBAAuB,iBAAiB;EAClD,eAAe;GAAE,OAAO;GAAI,WAAW;GAAI,UAAU;GAAI,UAAU;GAAI;EACvE;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA4B,EAClF,oBAAC;IAAE,WAAU;cAAgC;KAA8C;IACvF,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,WAAU;IACV,UAAU,KAAK,cAAc,SAAS,wBAAwB,OAAO,KAAK,CAAC;eAE3E,qBAAC;KAAI,WAAU;;MACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,aAAoB;QAC/B,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAW,GAAI;UAAS,GAC/B;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,eAAsB;QACjC,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAa,GAAI;UAAS,GACjC;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,UAAiB;QAC5B,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAmB,GAAI;UAAS,GACvC;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,eAAsB;QACjC,oBAAC,yBACC,qBAAC;SAAI,WAAU;oBACb,oBAAC;UACC,MAAM,eAAe,SAAS;UAC9B,aAAY;UACZ,GAAI;WACJ,EACF,oBAAC;UACC,MAAK;UACL,SAAQ;UACR,MAAK;UACL,WAAU;UACV,eAAe,gBAAgB,CAAC,aAAa;UACnC;oBAET,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;WAE5C;UACL,GACM;QACd,oBAAC,gBAAc;WACN;QAEb;;MACE,EAEN,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAiB;MAAU,WAAU;iBACnC,wBAAwB,aACvB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EACvD;OAEK;MACL;KACD;IACF;GACH"}

package/dist/modules/auth/components/forget-password-page.client.d.mts

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

package/dist/modules/auth/components/forget-password-page.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forget-password-page.client.d.mts","names":[],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":[],"mappings":";;;iBAcgB,kBAAA,CAAA,GAAkB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/auth/components/forget-password-page.client.mjs

@@ -0,0 +1,72 @@
+"use client";
+
+import { Icons } from "../../../components/common/icons.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { authClient } from "../handler/client.client.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { forgotPasswordSchema } from "../lib/validators.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+
+//#region src/modules/auth/components/forget-password-page.client.tsx
+function ForgetPasswordPage() {
+	const [isPending, startTransition$1] = React.useTransition();
+	const form = useForm({
+		resolver: standardSchemaResolver(forgotPasswordSchema),
+		defaultValues: { email: "" },
+		disabled: isPending
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col space-y-2 text-center",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-3xl font-semibold tracking-tight",
+				children: "Wachtwoord vergeten"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen."
+			})]
+		}), /* @__PURE__ */ jsx(Form$1, {
+			...form,
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: form.handleSubmit(({ email }) => startTransition$1(async () => {
+					await authClient.emailOtp.sendVerificationOtp({
+						type: "forget-password",
+						email,
+						fetchOptions: {
+							onSuccess: () => {
+								toast.success("Succesvol verzonden", { description: "We hebben je een email verzonden om je wachtwoord te herstellen." });
+							},
+							onError: ({ error }) => {
+								console.error("Error: ", error);
+								toast.error("Er is iets misgegaan");
+							}
+						}
+					});
+				})),
+				className: "space-y-6",
+				children: [/* @__PURE__ */ jsx(FormField, {
+					control: form.control,
+					name: "email",
+					render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+						placeholder: "email@example.be",
+						...field
+					}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
+				}), /* @__PURE__ */ jsxs(Button, {
+					disabled: form.formState.disabled,
+					className: "w-full",
+					children: [isPending && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), "Verzenden"]
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ForgetPasswordPage };
+//# sourceMappingURL=forget-password-page.client.mjs.map

package/dist/modules/auth/components/forget-password-page.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forget-password-page.client.mjs","names":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { authClient } from \"../handler/client.client\";\nimport { forgotPasswordSchema } from \"../lib/validators\";\n\nexport function ForgetPasswordPage() {\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof forgotPasswordSchema>>({\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n    defaultValues: { email: \"\" },\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Wachtwoord vergeten</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ email }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.sendVerificationOtp({\n                type: \"forget-password\",\n                email,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Succesvol verzonden\", {\n                      description:\n                        \"We hebben je een email verzonden om je wachtwoord te herstellen.\",\n                    });\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <FormField\n            control={form.control}\n            name=\"email\"\n            render={({ field }) => (\n              <FormItem>\n                <FormControl>\n                  <Input placeholder=\"email@example.be\" {...field} />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,qBAAqB;CACnC,MAAM,CAAC,WAAWA,qBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA8C;EACzD,UAAU,uBAAuB,qBAAqB;EACtD,eAAe,EAAE,OAAO,IAAI;EAC5B,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAAwB,EAC9E,oBAAC;IAAE,WAAU;cAAgC;KAEzC;IACA,EAEN,oBAACC;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7BD,kBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,oBAAoB;MAC5C,MAAM;MACN;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,uBAAuB,EACnC,aACE,oEACH,CAAC;;OAEJ,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;MAAM,aAAY;MAAmB,GAAI;OAAS,GACvC,EACd,oBAAC,gBAAc,IACN;MAEb,EAEF,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}

package/dist/modules/auth/components/guard-first-user.server.d.mts

@@ -0,0 +1,18 @@
+import { TDatabaseSchema } from "../../config/db/types.mjs";
+import { TulipContext } from "../../config/lib/context.mjs";
+import "../../../config.mjs";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/modules/auth/components/guard-first-user.server.d.ts
+type AuthGuardFirstUserProps<TSchema extends TDatabaseSchema> = PropsWithChildren<Pick<TulipContext<TSchema>, "db"> & {
+  login?: boolean;
+}>;
+declare function AuthGuardFirstUser<TSchema extends TDatabaseSchema>({
+  children,
+  db,
+  login
+}: AuthGuardFirstUserProps<TSchema>): Promise<react_jsx_runtime67.JSX.Element>;
+//#endregion
+export { AuthGuardFirstUser };
+//# sourceMappingURL=guard-first-user.server.d.mts.map

package/dist/modules/auth/components/guard-first-user.server.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard-first-user.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/guard-first-user.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAMK,wCAAwC,mBAAmB,kBAC9D,KAAK,aAAa;;;iBAGE,mCAAmC;;;;GAItD,wBAAwB,WAAQ,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/auth/components/guard-first-user.server.mjs

@@ -0,0 +1,16 @@
+import { users } from "../db/schema.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { redirect } from "next/navigation";
+
+//#region src/modules/auth/components/guard-first-user.server.tsx
+async function AuthGuardFirstUser({ children, db, login = false }) {
+	const usersExist = (await db.select().from(users).limit(1)).length > 0;
+	if (login) {
+		if (!usersExist) redirect("/auth/create-first-user");
+	} else if (usersExist) redirect("/auth/login");
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { AuthGuardFirstUser };
+//# sourceMappingURL=guard-first-user.server.mjs.map

package/dist/modules/auth/components/guard-first-user.server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard-first-user.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/guard-first-user.server.tsx"],"sourcesContent":["import { TDatabaseSchema, TulipContext } from \"@/modules/config/entry\";\n\nimport { redirect } from \"next/navigation\";\nimport { PropsWithChildren } from \"react\";\nimport { users } from \"../db/schema\";\n\ntype AuthGuardFirstUserProps<TSchema extends TDatabaseSchema> = PropsWithChildren<\n  Pick<TulipContext<TSchema>, \"db\"> & { login?: boolean }\n>;\n\nexport async function AuthGuardFirstUser<TSchema extends TDatabaseSchema>({\n  children,\n  db,\n  login = false,\n}: AuthGuardFirstUserProps<TSchema>) {\n  const allUsers = await db.select().from(users).limit(1);\n  const usersExist = allUsers.length > 0;\n\n  if (login) {\n    if (!usersExist) redirect(\"/auth/create-first-user\");\n  } else {\n    if (usersExist) redirect(\"/auth/login\");\n  }\n\n  \n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;AAUA,eAAsB,mBAAoD,EACxE,UACA,IACA,QAAQ,SAC2B;CAEnC,MAAM,cADW,MAAM,GAAG,QAAQ,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,EAC3B,SAAS;AAErC,KAAI,OACF;MAAI,CAAC,WAAY,UAAS,0BAA0B;YAEhD,WAAY,UAAS,cAAc;AAKzC,QAAO,gCAAG,WAAY"}

package/dist/modules/auth/components/guard.server.d.mts

@@ -0,0 +1,14 @@
+import { TDatabaseSchema } from "../../config/db/types.mjs";
+import { TulipContext } from "../../config/lib/context.mjs";
+import "../../../config.mjs";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/modules/auth/components/guard.server.d.ts
+declare function AuthGuard<TSchema extends TDatabaseSchema>({
+  children,
+  auth
+}: PropsWithChildren<Pick<TulipContext<TSchema>, "auth">>): Promise<react_jsx_runtime68.JSX.Element>;
+//#endregion
+export { AuthGuard };
+//# sourceMappingURL=guard.server.d.mts.map

package/dist/modules/auth/components/guard.server.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/guard.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAOsB,0BAA0B;;;GAG7C,kBAAkB,KAAK,aAAa,qBAAkB,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/auth/components/guard.server.mjs

@@ -0,0 +1,20 @@
+import { getQueryClient } from "../../router/lib/query-client.mjs";
+import { HydrateClient } from "../../router/lib/query-client.server.mjs";
+import { getSession } from "../lib/helpers.server.mjs";
+import { jsx } from "react/jsx-runtime";
+import { redirect } from "next/navigation";
+
+//#region src/modules/auth/components/guard.server.tsx
+async function AuthGuard({ children, auth }) {
+	const session = await getSession({ auth });
+	if (!session) redirect("/auth/login");
+	getQueryClient().prefetchQuery({
+		queryKey: ["session"],
+		queryFn: async () => session
+	});
+	return /* @__PURE__ */ jsx(HydrateClient, { children });
+}
+
+//#endregion
+export { AuthGuard };
+//# sourceMappingURL=guard.server.mjs.map

package/dist/modules/auth/components/guard.server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/guard.server.tsx"],"sourcesContent":["import { TDatabaseSchema, TulipContext } from \"@/modules/config/entry\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\nimport { HydrateClient } from \"@/modules/router/lib/query-client.server\";\nimport { redirect } from \"next/navigation\";\nimport { PropsWithChildren } from \"react\";\nimport { getSession } from \"../lib/helpers.server\";\n\nexport async function AuthGuard<TSchema extends TDatabaseSchema>({\n  children,\n  auth,\n}: PropsWithChildren<Pick<TulipContext<TSchema>, \"auth\">>) {\n  const session = await getSession({ auth });\n  if (!session) redirect(\"/auth/login\");\n\n  const queryClient = getQueryClient();\n  queryClient.prefetchQuery({\n    queryKey: [\"session\"],\n    queryFn: async () => session,\n  });\n\n  return <HydrateClient>{children}</HydrateClient>;\n}\n"],"mappings":";;;;;;;AAOA,eAAsB,UAA2C,EAC/D,UACA,QACyD;CACzD,MAAM,UAAU,MAAM,WAAW,EAAE,MAAM,CAAC;AAC1C,KAAI,CAAC,QAAS,UAAS,cAAc;AAGrC,CADoB,gBAAgB,CACxB,cAAc;EACxB,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;EACtB,CAAC;AAEF,QAAO,oBAAC,iBAAe,WAAyB"}

package/dist/modules/auth/components/login-page.client.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/login-page.client.d.ts
+type LoginPageProps = {
+  options?: {
+    enablePasskey?: boolean;
+  };
+};
+declare function LoginPage(props: LoginPageProps): react_jsx_runtime72.JSX.Element;
+//#endregion
+export { LoginPage };
+//# sourceMappingURL=login-page.client.d.mts.map

package/dist/modules/auth/components/login-page.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-page.client.d.mts","names":[],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":[],"mappings":";;;KAmBK,cAAA;;;EAAA,CAAA;AAML,CAAA;iBAAgB,SAAA,QAAiB,iBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/auth/components/login-page.client.mjs

@@ -0,0 +1,155 @@
+"use client";
+
+import { Icons } from "../../../components/common/icons.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { authClient } from "../handler/client.client.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { loginSchema } from "../lib/validators.mjs";
+import { Eye, EyeOff, FingerprintIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { useMutation } from "@tanstack/react-query";
+import { useForm } from "react-hook-form";
+import { parseAsString, useQueryState } from "nuqs";
+import { toast } from "sonner";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { useRouter } from "next/navigation";
+
+//#region src/modules/auth/components/login-page.client.tsx
+function LoginPage(props) {
+	const router = useRouter();
+	const [callbackURL] = useQueryState("callbackURL", parseAsString);
+	const [showPassword, setShowPassword] = useState(false);
+	const loginWithEmailMutation = useMutation({
+		mutationFn: async (data) => {
+			const result = await authClient.signIn.email({
+				...data,
+				callbackURL: callbackURL ?? "/admin"
+			});
+			if (result.error) throw result.error;
+			return result.data;
+		},
+		onError: (err) => {
+			console.error("Login error: ", err);
+			if ("status" in err) {
+				if (err.status === 401) {
+					toast.error("Ongeldige email of wachtwoord");
+					return;
+				}
+				if (err.status === 403) {
+					toast.error("Account is geblokkeerd");
+					return;
+				}
+				if (err.status === 429) {
+					toast.error("Te veel login pogingen");
+					return;
+				}
+			}
+			toast.error("Er is iets misgegaan");
+		}
+	});
+	const loginWithPasskeyMutation = useMutation({
+		mutationFn: async () => {
+			const result = await authClient.signIn.passkey();
+			if (result.error) throw result.error;
+			return result.data;
+		},
+		onSuccess: () => {
+			router.replace(callbackURL ?? "/admin");
+			toast.success("Succesvol ingelogd");
+		},
+		onError: (err) => {
+			console.error("Login error: ", err);
+			toast.error("Er is iets misgegaan");
+		}
+	});
+	const disabled = loginWithEmailMutation.isPending || loginWithPasskeyMutation.isPending;
+	const form = useForm({
+		resolver: standardSchemaResolver(loginSchema),
+		defaultValues: {
+			email: "",
+			password: ""
+		},
+		disabled
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col space-y-2 text-center",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-3xl font-semibold tracking-tight",
+					children: "Login"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-sm",
+					children: "Schrijf je email en wachtwoord in om in te loggen."
+				})]
+			}),
+			/* @__PURE__ */ jsx(Form$1, {
+				...form,
+				children: /* @__PURE__ */ jsxs("form", {
+					className: "space-y-6",
+					onSubmit: form.handleSubmit((data) => loginWithEmailMutation.mutate(data)),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-3",
+						children: [/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "email",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+								placeholder: "email@example.be",
+								...field
+							}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
+						}), /* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "password",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ jsx(Input, {
+									type: showPassword ? "text" : "password",
+									placeholder: "********",
+									...field
+								}), /* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									onClick: () => setShowPassword(!showPassword),
+									disabled,
+									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+								})]
+							}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ jsxs(Button, {
+							disabled,
+							className: "w-full",
+							children: [loginWithEmailMutation.isPending && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), "Inloggen"]
+						}), props.options?.enablePasskey && /* @__PURE__ */ jsxs(Button, {
+							className: "w-full",
+							type: "button",
+							variant: "outline",
+							disabled,
+							onClick: () => loginWithPasskeyMutation.mutate(),
+							children: [loginWithPasskeyMutation.isPending ? /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(FingerprintIcon, { className: "mr-2 h-4 w-4" }), "Inloggen met passkey"]
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground px-8 text-center text-sm",
+				children: /* @__PURE__ */ jsx(Link, {
+					href: "/auth/forget-password",
+					className: "hover:text-primary underline underline-offset-4",
+					children: "Wachtwoord vergeten"
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { LoginPage };
+//# sourceMappingURL=login-page.client.mjs.map