@tulip-systems/core 0.2.0 → 0.3.0

package/dist/config.js

@@ -1,5 +1,6 @@
 import { baseColumns } from "./modules/config/db/helpers.js";
+import { createPaths } from "./modules/config/paths/helpers.js";
 import { createRPCClient } from "./modules/config/router/client.js";
 import { bulkActionSchema } from "./modules/config/router/validators.js";
 
-export { baseColumns, bulkActionSchema, createRPCClient };
+export { baseColumns, bulkActionSchema, createPaths, createRPCClient };

package/dist/lib/client.js

@@ -1,5 +1,5 @@
 import { IndicatorContext, IndicatorContextProvider, useIndicator } from "./hooks/use-indicator.js";
-import { useIsMobile } from "./hooks/use-mobile.client.js";
 import { useAction } from "./hooks/use-action.js";
+import { useIsMobile } from "./hooks/use-mobile.client.js";
 
 export { IndicatorContext, IndicatorContextProvider, useAction, useIndicator, useIsMobile };

package/dist/lib/hooks/use-action.d.ts

@@ -1,4 +1,4 @@
-import * as _tanstack_react_query0 from "@tanstack/react-query";
+import * as _tanstack_react_query1 from "@tanstack/react-query";
 import { DefaultError, MutationFunctionContext, UseMutationOptions } from "@tanstack/react-query";
 import "client-only";
 
@@ -12,7 +12,7 @@ import "client-only";
  */
 declare function useAction<TData = unknown, TError = DefaultError, TVariables = void, TContext = MutationFunctionContext>(options?: UseMutationOptions<TData, TError, TVariables, TContext> & {
   onRedirect?: () => void;
-}): _tanstack_react_query0.UseMutationResult<TData, TError, TVariables, TContext>;
+}): _tanstack_react_query1.UseMutationResult<TData, TError, TVariables, TContext>;
 //#endregion
 export { useAction };
 //# sourceMappingURL=use-action.d.ts.map

package/dist/lib/hooks/use-indicator.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime225 from "react/jsx-runtime";
+import * as react_jsx_runtime374 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/lib/hooks/use-indicator.d.ts
@@ -26,7 +26,7 @@ declare function IndicatorContextProvider({
   children
 }: {
   children: React.ReactNode;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime374.JSX.Element;
 //#endregion
 export { IndicatorContext, IndicatorContextProvider, IndicatorStatus, useIndicator };
 //# sourceMappingURL=use-indicator.d.ts.map

package/dist/modules/auth/components/allowed.client.d.ts

@@ -1,5 +1,5 @@
 import { Permission } from "../lib/permissions.js";
-import * as react_jsx_runtime220 from "react/jsx-runtime";
+import * as react_jsx_runtime238 from "react/jsx-runtime";
 import { JSX } from "react";
 
 //#region src/modules/auth/components/allowed.client.d.ts
@@ -15,7 +15,7 @@ declare function Allowed({
   permission,
   fallback,
   children
-}: AllowedProps): react_jsx_runtime220.JSX.Element;
+}: AllowedProps): react_jsx_runtime238.JSX.Element;
 //#endregion
 export { Allowed };
 //# sourceMappingURL=allowed.client.d.ts.map

package/dist/modules/auth/components/allowed.client.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import { usePermission } from "../hooks/use-permission.client.js";
+import { usePermission } from "../hooks/use-permission.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/modules/auth/components/allowed.client.tsx

package/dist/modules/auth/components/allowed.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"allowed.client.js","names":[],"sources":["../../../../src/modules/auth/components/allowed.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { JSX } from \"react\";\nimport { usePermission } from \"../hooks/use-permission.client\";\nimport { type Permission } from \"../lib/permissions\";\n\n/**\n * Allowed\n */\ntype AllowedProps = {\n  permission: Permission;\n  fallback?: JSX.Element | string;\n  children: React.ReactNode;\n};\n\nexport function Allowed({ permission, fallback, children }: AllowedProps) {\n  const { data } = usePermission(permission);\n\n  if (data?.success) return <>{children}</>;\n\n  return <>{fallback}</>;\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,QAAQ,EAAE,YAAY,UAAU,YAA0B;CACxE,MAAM,EAAE,SAAS,cAAc,WAAW;AAE1C,KAAI,MAAM,QAAS,QAAO,gCAAG,WAAY;AAEzC,QAAO,0CAAG,WAAY"}
+{"version":3,"file":"allowed.client.js","names":[],"sources":["../../../../src/modules/auth/components/allowed.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { JSX } from \"react\";\nimport { usePermission } from \"../hooks/use-permission\";\nimport { type Permission } from \"../lib/permissions\";\n\n/**\n * Allowed\n */\ntype AllowedProps = {\n  permission: Permission;\n  fallback?: JSX.Element | string;\n  children: React.ReactNode;\n};\n\nexport function Allowed({ permission, fallback, children }: AllowedProps) {\n  const { data } = usePermission(permission);\n\n  if (data?.success) return <>{children}</>;\n\n  return <>{fallback}</>;\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,QAAQ,EAAE,YAAY,UAAU,YAA0B;CACxE,MAAM,EAAE,SAAS,cAAc,WAAW;AAE1C,KAAI,MAAM,QAAS,QAAO,gCAAG,WAAY;AAEzC,QAAO,0CAAG,WAAY"}

package/dist/modules/auth/components/allowed.server.d.ts

@@ -1,7 +1,7 @@
 import { Permission } from "../lib/permissions.js";
 import { TDatabaseSchema } from "../../config/db/types.js";
 import { TulipConfig } from "../../config/lib/config.server.js";
-import * as react_jsx_runtime218 from "react/jsx-runtime";
+import * as react_jsx_runtime190 from "react/jsx-runtime";
 import { JSX } from "react";
 import "server-cli-only";
 
@@ -17,7 +17,7 @@ declare function Allowed<TSchema extends TDatabaseSchema>({
   permission,
   fallback,
   children
-}: AllowedProps<TSchema>): Promise<react_jsx_runtime218.JSX.Element>;
+}: AllowedProps<TSchema>): Promise<react_jsx_runtime190.JSX.Element>;
 //#endregion
 export { Allowed };
 //# sourceMappingURL=allowed.server.d.ts.map

package/dist/modules/auth/components/allowed.server.js

@@ -1,5 +1,5 @@
-import { getSession } from "../lib/helpers.server.js";
 import { getTulip } from "../../config/lib/resolve.server.js";
+import { getSession } from "../lib/helpers.server.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import "server-cli-only";
 

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

@@ -1,11 +1,10 @@
-import { TDatabaseSchema } from "../../config/db/types.js";
-import { GetTulipParams } from "../../config/lib/resolve.server.js";
-import * as react_jsx_runtime219 from "react/jsx-runtime";
+import * as react_jsx_runtime191 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
-import "server-cli-only";
 
 //#region src/modules/auth/components/auth-layout.server.d.ts
-declare function AuthLayout<TSchema extends TDatabaseSchema>(props: PropsWithChildren<GetTulipParams<TSchema>>): Promise<react_jsx_runtime219.JSX.Element>;
+declare function AuthLayout(props: PropsWithChildren<{
+  name: string;
+}>): Promise<react_jsx_runtime191.JSX.Element>;
 //#endregion
 export { AuthLayout };
 //# sourceMappingURL=auth-layout.server.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"auth-layout.server.d.ts","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAQsB,2BAA2B,wBACxC,kBAAkB,eAAe,YAAS,QAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"auth-layout.server.d.ts","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;iBAIsB,UAAA,QAAkB;;KAAmC,QAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,12 +1,9 @@
-import { getTulip } from "../../config/lib/resolve.server.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import "server-cli-only";
 import Image from "next/image";
 
 //#region src/modules/auth/components/auth-layout.server.tsx
 async function AuthLayout(props) {
-	const { general } = await getTulip(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", {
@@ -21,7 +18,7 @@ async function AuthLayout(props) {
 				/* @__PURE__ */ jsx(Link, {
 					href: "/",
 					className: "relative z-20 flex items-center text-lg font-bold",
-					children: general.name
+					children: props.name
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "relative z-20 mt-auto",

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

@@ -1 +1 @@
-{"version":3,"file":"auth-layout.server.js","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":["import \"server-cli-only\";\n\nimport { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { getTulip, GetTulipParams } from \"@/modules/config/lib/resolve.server\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { PropsWithChildren } from \"react\";\n\nexport async function AuthLayout<TSchema extends TDatabaseSchema>(\n  props: PropsWithChildren<GetTulipParams<TSchema>>,\n) {\n  const { general } = await getTulip(props);\n\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          {general.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":";;;;;;;AAQA,eAAsB,WACpB,OACA;CACA,MAAM,EAAE,YAAY,MAAM,SAAS,MAAM;AAEzC,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,QAAQ;MACJ;IAEP,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAW,WAAU;gBAAoB;OAAiC;MACvE;;IACF,EAEL,MAAM;GACH"}
+{"version":3,"file":"auth-layout.server.js","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.ts

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

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

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

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

@@ -0,0 +1,18 @@
+import { Skeleton } from "../../../components/ui/skeleton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/auth/components/auth-loading.tsx
+function AuthLoading() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4",
+		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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auth-loading.js","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=\"flex flex-col gap-4\">\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/forget-password-page.client.d.ts

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

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

@@ -4,14 +4,14 @@
 import { Icons } from "../../../components/common/icons.js";
 import { Button } from "../../../components/ui/button.js";
 import { authClient } from "../handler/client.client.js";
-import { Input } from "../../../components/ui/input.js";
 import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.js";
+import { Input } from "../../../components/ui/input.js";
 import { forgotPasswordSchema } from "../lib/validators.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { toast } from "sonner";
 
 //#region src/modules/auth/components/forget-password-page.client.tsx
 function ForgetPasswordPage() {

package/dist/modules/auth/components/guard.js

@@ -0,0 +1,16 @@
+"use client";
+
+
+import { useSession } from "../hooks/use-session.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { redirect } from "next/navigation";
+
+//#region src/modules/auth/components/guard.tsx
+function AuthGuard({ children }) {
+	if (!useSession().data) redirect("/auth/login");
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { AuthGuard };
+//# sourceMappingURL=guard.js.map

package/dist/modules/auth/components/guard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard.js","names":[],"sources":["../../../../src/modules/auth/components/guard.tsx"],"sourcesContent":["\"use client\";\n\nimport { redirect } from \"next/navigation\";\nimport { PropsWithChildren } from \"react\";\nimport { useSession } from \"../hooks/use-session\";\n\nexport function AuthGuard({ children }: PropsWithChildren) {\n  const session = useSession();\n  if (!session.data) redirect(\"/auth/login\");\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,UAAU,EAAE,YAA+B;AAEzD,KAAI,CADY,YAAY,CACf,KAAM,UAAS,cAAc;AAE1C,QAAO,gCAAG,WAAY"}

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

@@ -1,11 +1,7 @@
-import * as react_jsx_runtime222 from "react/jsx-runtime";
+import * as react_jsx_runtime240 from "react/jsx-runtime";
 
 //#region src/modules/auth/components/login-page.client.d.ts
-declare function LoginPage(props: {
-  searchParams: Promise<{
-    callbackURL?: string;
-  }>;
-}): react_jsx_runtime222.JSX.Element;
+declare function LoginPage(): react_jsx_runtime240.JSX.Element;
 //#endregion
 export { LoginPage };
 //# sourceMappingURL=login-page.client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"login-page.client.d.ts","names":[],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":[],"mappings":";;;iBAgBgB,SAAA;gBAAiC;;EAAjC,CAAA,CAAA;CAAS,CAAA,EAA2D,oBAAA,CAAA,GAAA,CAAA,OAA3D"}
+{"version":3,"file":"login-page.client.d.ts","names":[],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":[],"mappings":";;;iBAiBgB,SAAA,CAAA,GAAS,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -4,20 +4,21 @@
 import { Icons } from "../../../components/common/icons.js";
 import { Button } from "../../../components/ui/button.js";
 import { authClient } from "../handler/client.client.js";
-import { Input } from "../../../components/ui/input.js";
 import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.js";
+import { Input } from "../../../components/ui/input.js";
 import { loginSchema } from "../lib/validators.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { use } from "react";
+import React from "react";
 import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+import { parseAsString, useQueryState } from "nuqs";
 
 //#region src/modules/auth/components/login-page.client.tsx
-function LoginPage(props) {
-	const { callbackURL } = use(props.searchParams);
+function LoginPage() {
+	const [callbackURL] = useQueryState("callbackURL", parseAsString);
 	const router = useRouter();
 	const [isPending, startTransition$1] = React.useTransition();
 	const form = useForm({

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

@@ -1 +1 @@
-{"version":3,"file":"login-page.client.js","names":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/login-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 Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { authClient } from \"../handler/client.client\";\nimport { loginSchema } from \"../lib/validators\";\n\nexport function LoginPage(props: { searchParams: Promise<{ callbackURL?: string }> }) {\n  const { callbackURL } = use(props.searchParams);\n\n  const router = useRouter();\n\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: standardSchemaResolver(loginSchema),\n    defaultValues: { email: \"\", password: \"\" },\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\">Login</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email en wachtwoord in om in te loggen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) =>\n            startTransition(async () => {\n              await authClient.signIn.email(data, {\n                onSuccess: () => {\n                  router.replace(callbackURL ?? \"/\");\n                  toast.success(\"Succesvol ingelogd\");\n                },\n                onError: ({ error }) => {\n                  console.error(\"Login error: \", error);\n\n                  if (error.status === 401) {\n                    toast.error(\"Ongeldige email of wachtwoord\");\n                    return;\n                  }\n\n                  if (error.status === 403) {\n                    toast.error(\"Account is geblokkeerd\");\n                    return;\n                  }\n\n                  if (error.status === 429) {\n                    toast.error(\"Te veel login pogingen\");\n                    return;\n                  }\n\n                  toast.error(\"Er is iets misgegaan\");\n                },\n              });\n            }),\n          )}\n        >\n          <div className=\"flex flex-col gap-3\">\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            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <Input type=\"password\" placeholder=\"********\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Inloggen\n          </Button>\n        </form>\n      </Form>\n\n      <p className=\"text-muted-foreground px-8 text-center text-sm\">\n        <Link\n          href=\"/auth/forget-password\"\n          className=\"hover:text-primary underline underline-offset-4\"\n        >\n          Wachtwoord vergeten\n        </Link>\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,SAAgB,UAAU,OAA4D;CACpF,MAAM,EAAE,gBAAgB,IAAI,MAAM,aAAa;CAE/C,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,WAAWA,qBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAAqC;EAChD,UAAU,uBAAuB,YAAY;EAC7C,eAAe;GAAE,OAAO;GAAI,UAAU;GAAI;EAC1C,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAwC;MAAU,EAChE,oBAAC;KAAE,WAAU;eAAgC;MAEzC;KACA;GAEN,oBAACC;IAAK,GAAI;cACR,qBAAC;KACC,WAAU;KACV,UAAU,KAAK,cAAc,SAC3BD,kBAAgB,YAAY;AAC1B,YAAM,WAAW,OAAO,MAAM,MAAM;OAClC,iBAAiB;AACf,eAAO,QAAQ,eAAe,IAAI;AAClC,cAAM,QAAQ,qBAAqB;;OAErC,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,iBAAiB,MAAM;AAErC,YAAI,MAAM,WAAW,KAAK;AACxB,eAAM,MAAM,gCAAgC;AAC5C;;AAGF,YAAI,MAAM,WAAW,KAAK;AACxB,eAAM,MAAM,yBAAyB;AACrC;;AAGF,YAAI,MAAM,WAAW,KAAK;AACxB,eAAM,MAAM,yBAAyB;AACrC;;AAGF,cAAM,MAAM,uBAAuB;;OAEtC,CAAC;OACF,CACH;gBAED,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;QAAM,aAAY;QAAmB,GAAI;SAAS,GACvC,EACd,oBAAC,gBAAc,IACN;QAEb,EAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;QAAM,MAAK;QAAW,aAAY;QAAW,GAAI;SAAS,GAC/C,EACd,oBAAC,gBAAc,IACN;QAEb;OACE,EAEN,qBAAC;MAAO,UAAU,KAAK,UAAU;MAAU,WAAU;iBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;OAE/D;MACJ;KACF;GAEP,oBAAC;IAAE,WAAU;cACX,oBAAC;KACC,MAAK;KACL,WAAU;eACX;MAEM;KACL;;GACA"}
+{"version":3,"file":"login-page.client.js","names":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/login-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 Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\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 { loginSchema } from \"../lib/validators\";\n\nexport function LoginPage() {\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n\n  const router = useRouter();\n\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: standardSchemaResolver(loginSchema),\n    defaultValues: { email: \"\", password: \"\" },\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\">Login</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email en wachtwoord in om in te loggen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) =>\n            startTransition(async () => {\n              await authClient.signIn.email(data, {\n                onSuccess: () => {\n                  router.replace(callbackURL ?? \"/\");\n                  toast.success(\"Succesvol ingelogd\");\n                },\n                onError: ({ error }) => {\n                  console.error(\"Login error: \", error);\n\n                  if (error.status === 401) {\n                    toast.error(\"Ongeldige email of wachtwoord\");\n                    return;\n                  }\n\n                  if (error.status === 403) {\n                    toast.error(\"Account is geblokkeerd\");\n                    return;\n                  }\n\n                  if (error.status === 429) {\n                    toast.error(\"Te veel login pogingen\");\n                    return;\n                  }\n\n                  toast.error(\"Er is iets misgegaan\");\n                },\n              });\n            }),\n          )}\n        >\n          <div className=\"flex flex-col gap-3\">\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            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <Input type=\"password\" placeholder=\"********\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Inloggen\n          </Button>\n        </form>\n      </Form>\n\n      <p className=\"text-muted-foreground px-8 text-center text-sm\">\n        <Link\n          href=\"/auth/forget-password\"\n          className=\"hover:text-primary underline underline-offset-4\"\n        >\n          Wachtwoord vergeten\n        </Link>\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,SAAgB,YAAY;CAC1B,MAAM,CAAC,eAAe,cAAc,eAAe,cAAc;CAEjE,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,WAAWA,qBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAAqC;EAChD,UAAU,uBAAuB,YAAY;EAC7C,eAAe;GAAE,OAAO;GAAI,UAAU;GAAI;EAC1C,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAwC;MAAU,EAChE,oBAAC;KAAE,WAAU;eAAgC;MAEzC;KACA;GAEN,oBAACC;IAAK,GAAI;cACR,qBAAC;KACC,WAAU;KACV,UAAU,KAAK,cAAc,SAC3BD,kBAAgB,YAAY;AAC1B,YAAM,WAAW,OAAO,MAAM,MAAM;OAClC,iBAAiB;AACf,eAAO,QAAQ,eAAe,IAAI;AAClC,cAAM,QAAQ,qBAAqB;;OAErC,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,iBAAiB,MAAM;AAErC,YAAI,MAAM,WAAW,KAAK;AACxB,eAAM,MAAM,gCAAgC;AAC5C;;AAGF,YAAI,MAAM,WAAW,KAAK;AACxB,eAAM,MAAM,yBAAyB;AACrC;;AAGF,YAAI,MAAM,WAAW,KAAK;AACxB,eAAM,MAAM,yBAAyB;AACrC;;AAGF,cAAM,MAAM,uBAAuB;;OAEtC,CAAC;OACF,CACH;gBAED,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;QAAM,aAAY;QAAmB,GAAI;SAAS,GACvC,EACd,oBAAC,gBAAc,IACN;QAEb,EAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;QAAM,MAAK;QAAW,aAAY;QAAW,GAAI;SAAS,GAC/C,EACd,oBAAC,gBAAc,IACN;QAEb;OACE,EAEN,qBAAC;MAAO,UAAU,KAAK,UAAU;MAAU,WAAU;iBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;OAE/D;MACJ;KACF;GAEP,oBAAC;IAAE,WAAU;cACX,oBAAC;KACC,MAAK;KACL,WAAU;eACX;MAEM;KACL;;GACA"}

package/dist/modules/auth/components/reset-password-page.client.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime223 from "react/jsx-runtime";
+import * as react_jsx_runtime241 from "react/jsx-runtime";
 
 //#region src/modules/auth/components/reset-password-page.client.d.ts
 declare function ResetPasswordPage(params: {
@@ -6,7 +6,7 @@ declare function ResetPasswordPage(params: {
     email: string;
     otp: string;
   }>;
-}): react_jsx_runtime223.JSX.Element;
+}): react_jsx_runtime241.JSX.Element;
 //#endregion
 export { ResetPasswordPage };
 //# sourceMappingURL=reset-password-page.client.d.ts.map

package/dist/modules/auth/components/reset-password-page.client.js

@@ -4,15 +4,15 @@
 import { Icons } from "../../../components/common/icons.js";
 import { Button } from "../../../components/ui/button.js";
 import { authClient } from "../handler/client.client.js";
-import { Input } from "../../../components/ui/input.js";
 import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.js";
+import { Input } from "../../../components/ui/input.js";
 import { resetPasswordSchema } from "../lib/validators.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { use } from "react";
-import { useRouter } from "next/navigation";
-import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
 
 //#region src/modules/auth/components/reset-password-page.client.tsx
 function ResetPasswordPage(params) {

package/dist/modules/auth/components/update-password-command.d.ts

@@ -1,6 +1,6 @@
-import { CommandFormDialogTrigger } from "../../commands/components/form-dialog-command.client.js";
 import { UpdatePasswordSchema } from "../lib/validators.js";
-import * as react_jsx_runtime224 from "react/jsx-runtime";
+import { CommandFormDialogTrigger } from "../../commands/components/form-dialog-command.client.js";
+import * as react_jsx_runtime242 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/auth/components/update-password-command.d.ts
@@ -13,7 +13,7 @@ declare function UpdatePasswordCommand({
   action,
   defaultValues,
   children
-}: UpdatePasswordCommandProps): react_jsx_runtime224.JSX.Element;
+}: UpdatePasswordCommandProps): react_jsx_runtime242.JSX.Element;
 declare const UpdatePasswordCommandTrigger: typeof CommandFormDialogTrigger;
 //#endregion
 export { UpdatePasswordCommand, UpdatePasswordCommandProps, UpdatePasswordCommandTrigger };

package/dist/modules/auth/components/update-password-command.js

@@ -1,8 +1,8 @@
 "use client";
 
 
-import { Input } from "../../../components/ui/input.js";
 import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.js";
+import { Input } from "../../../components/ui/input.js";
 import { updatePasswordSchema } from "../lib/validators.js";
 import { CommandFormDialog, CommandFormDialogCancel, CommandFormDialogContent, CommandFormDialogFooter, CommandFormDialogHeader, CommandFormDialogSubmit, CommandFormDialogTitle, CommandFormDialogTrigger } from "../../commands/components/form-dialog-command.client.js";
 import { jsx, jsxs } from "react/jsx-runtime";