npm - @tulip-systems/core - Versions diffs - 0.5.13 → 0.5.15 - Mend

@tulip-systems/core 0.5.13 → 0.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (229) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"login-page.client.mjs","names":["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 { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff, FingerprintIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } 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\ntype LoginPageProps = {\n options?: {\n enablePasskey?: boolean;\n };\n};\n\nexport function LoginPage(props: LoginPageProps) {\n const router = useRouter();\n const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n const [showPassword, setShowPassword] = useState(false);\n\n const loginWithEmailMutation = useMutation({\n mutationFn: async (data: z.infer<typeof loginSchema>) => {\n const result = await authClient.signIn.email({\n ...data,\n callbackURL: callbackURL ?? \"/admin\",\n });\n if (result.error) throw result.error;\n\n return result.data;\n },\n onError: (err) => {\n console.error(\"Login error: \", err);\n\n if (\"status\" in err) {\n if (err.status === 401) {\n toast.error(\"Ongeldige email of wachtwoord\");\n return;\n }\n\n if (err.status === 403) {\n toast.error(\"Account is geblokkeerd\");\n return;\n }\n\n if (err.status === 429) {\n toast.error(\"Te veel login pogingen\");\n return;\n }\n }\n\n toast.error(\"Er is iets misgegaan\");\n },\n });\n\n const loginWithPasskeyMutation = useMutation({\n mutationFn: async () => {\n const result = await authClient.signIn.passkey();\n if (result.error) throw result.error;\n\n return result.data;\n },\n onSuccess: () => {\n router.replace(callbackURL ?? \"/admin\");\n toast.success(\"Succesvol ingelogd\");\n },\n onError: (err) => {\n console.error(\"Login error: \", err);\n toast.error(\"Er is iets misgegaan\");\n },\n });\n\n const disabled = loginWithEmailMutation.isPending \|\| loginWithPasskeyMutation.isPending;\n\n const form = useForm<z.infer<typeof loginSchema>>({\n resolver: standardSchemaResolver(loginSchema),\n defaultValues: { email: \"\", 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\">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) => loginWithEmailMutation.mutate(data))}\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 <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 {loginWithEmailMutation.isPending && (\n <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n )}\n Inloggen\n </Button>\n\n {props.options?.enablePasskey && (\n <Button\n className=\"w-full\"\n type=\"button\"\n variant=\"outline\"\n disabled={disabled}\n onClick={() => loginWithPasskeyMutation.mutate()}\n >\n {loginWithPasskeyMutation.isPending ? (\n <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n ) : (\n <FingerprintIcon className=\"mr-2 h-4 w-4\" />\n )}\n Inloggen met passkey\n </Button>\n )}\n </div>\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":"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"}
1	+ {"version":3,"file":"login-page.client.mjs","names":["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 { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff, FingerprintIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { loginSchema } from \"../lib/validators\";\n\ntype LoginPageProps = {\n options?: {\n enablePasskey?: boolean;\n };\n};\n\nexport function LoginPage(props: LoginPageProps) {\n const router = useRouter();\n const authClient = useAuthClient();\n const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n const [showPassword, setShowPassword] = useState(false);\n\n const loginWithEmailMutation = useMutation({\n mutationFn: async (data: z.infer<typeof loginSchema>) => {\n const result = await authClient.signIn.email({\n ...data,\n callbackURL: callbackURL ?? \"/admin\",\n });\n if (result.error) throw result.error;\n\n return result.data;\n },\n onError: (err) => {\n console.error(\"Login error: \", err);\n\n if (\"status\" in err) {\n if (err.status === 401) {\n toast.error(\"Ongeldige email of wachtwoord\");\n return;\n }\n\n if (err.status === 403) {\n toast.error(\"Account is geblokkeerd\");\n return;\n }\n\n if (err.status === 429) {\n toast.error(\"Te veel login pogingen\");\n return;\n }\n }\n\n toast.error(\"Er is iets misgegaan\");\n },\n });\n\n const loginWithPasskeyMutation = useMutation({\n mutationFn: async () => {\n const result = await authClient.signIn.passkey();\n if (result.error) throw result.error;\n\n return result.data;\n },\n onSuccess: () => {\n router.replace(callbackURL ?? \"/admin\");\n toast.success(\"Succesvol ingelogd\");\n },\n onError: (err) => {\n console.error(\"Login error: \", err);\n toast.error(\"Er is iets misgegaan\");\n },\n });\n\n const disabled = loginWithEmailMutation.isPending \|\| loginWithPasskeyMutation.isPending;\n\n const form = useForm<z.infer<typeof loginSchema>>({\n resolver: standardSchemaResolver(loginSchema),\n defaultValues: { email: \"\", 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\">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) => loginWithEmailMutation.mutate(data))}\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 <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 {loginWithEmailMutation.isPending && (\n <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n )}\n Inloggen\n </Button>\n\n {props.options?.enablePasskey && (\n <Button\n className=\"w-full\"\n type=\"button\"\n variant=\"outline\"\n disabled={disabled}\n onClick={() => loginWithPasskeyMutation.mutate()}\n >\n {loginWithPasskeyMutation.isPending ? (\n <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n ) : (\n <FingerprintIcon className=\"mr-2 h-4 w-4\" />\n )}\n Inloggen met passkey\n </Button>\n )}\n </div>\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":"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"}

package/dist/modules/auth/components/reset-password-page.client.d.mts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime64 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_runtime93.JSX.Element;
+}): react_jsx_runtime64.JSX.Element;
 //#endregion
 export { ResetPasswordPage };
 //# sourceMappingURL=reset-password-page.client.d.mts.map

package/dist/modules/auth/components/reset-password-page.client.mjs CHANGED Viewed

@@ -2,22 +2,23 @@
 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 { useAuthClient } from "../hooks/use-auth-client.mjs";
 import { Input } from "../../../components/ui/input.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.mjs";
 import { resetPasswordSchema } from "../lib/validators.mjs";
 import { Eye, EyeOff } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { use, useState } from "react";
 import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
 import { toast } from "sonner";
+import { useForm } from "react-hook-form";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 //#region src/modules/auth/components/reset-password-page.client.tsx
 function ResetPasswordPage(params) {
 	const { email, otp } = use(params.searchParams);
 	const router = useRouter();
+	const authClient = useAuthClient();
 	const [showPassword, setShowPassword] = useState(false);
 	const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);
 	const [isPending, startTransition$1] = React.useTransition();

package/dist/modules/auth/components/reset-password-page.client.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"reset-password-page.client.mjs","names":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/reset-password-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 { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { ~~authClient~~ } from \"../~~handler~~/client~~.client~~\";\nimport { resetPasswordSchema } from \"../lib/validators\";\n\nexport function ResetPasswordPage(params: {\n searchParams: Promise<{ email: string; otp: string }>;\n}) {\n const { email, otp } = use(params.searchParams);\n\n const router = useRouter();\n const [showPassword, setShowPassword] = useState(false);\n const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);\n\n const [isPending, startTransition] = React.useTransition();\n\n const form = useForm<z.infer<typeof resetPasswordSchema>>({\n resolver: standardSchemaResolver(resetPasswordSchema),\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 herstellen</h1>\n <p className=\"text-muted-foreground text-sm\">Vul je nieuwe wachtwoord in</p>\n </div>\n\n <Form {...form}>\n <form\n onSubmit={form.handleSubmit(({ password }) =>\n startTransition(async () => {\n await authClient.emailOtp.resetPassword({\n email,\n otp,\n password,\n fetchOptions: {\n onSuccess: () => {\n toast.success(\"Wachtwoord succesvol gewijzigd\", {\n description: \"Log nu in met je nieuw wachtwoord.\",\n });\n router.replace(\"/auth/login\");\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 <div className=\"flex flex-col gap-3\">\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={form.formState.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\n <FormField\n control={form.control}\n name=\"passwordConfirmation\"\n render={({ field }) => (\n <FormItem>\n <FormLabel>Herhaal Wachtwoord</FormLabel>\n <FormControl>\n <div className=\"relative\">\n <Input\n type={showPasswordConfirm ? \"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={() => setShowPasswordConfirm(!showPasswordConfirm)}\n disabled={form.formState.disabled}\n >\n {showPasswordConfirm ? (\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 <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":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,kBAAkB,QAE/B;CACD,MAAM,EAAE,OAAO,QAAQ,IAAI,OAAO,aAAa;CAE/C,MAAM,SAAS,WAAW;CAC1B,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CAErE,MAAM,CAAC,WAAWA,qBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA6C;EACxD,UAAU,uBAAuB,oBAAoB;EACrD,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA0B,EAChF,oBAAC;IAAE,WAAU;cAAgC;KAA+B;IACxE,EAEN,oBAACC;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,eAC7BD,kBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,cAAc;MACtC;MACA;MACA;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,kCAAkC,EAC9C,aAAa,sCACd,CAAC;AACF,eAAO,QAAQ,cAAc;;OAE/B,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,eAAsB;OACjC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SAC7C,UAAU,KAAK,UAAU;mBAExB,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb,EAEF,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,uBAA8B;OACzC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,sBAAsB,SAAS;SACrC,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,uBAAuB,CAAC,oBAAoB;SAC3D,UAAU,KAAK,UAAU;mBAExB,sBACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb;MACE,EAEN,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}
1	+ {"version":3,"file":"reset-password-page.client.mjs","names":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/reset-password-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 { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { resetPasswordSchema } from \"../lib/validators\";\n\nexport function ResetPasswordPage(params: {\n searchParams: Promise<{ email: string; otp: string }>;\n}) {\n const { email, otp } = use(params.searchParams);\n\n const router = useRouter();\n const authClient = useAuthClient();\n\n const [showPassword, setShowPassword] = useState(false);\n const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);\n\n const [isPending, startTransition] = React.useTransition();\n\n const form = useForm<z.infer<typeof resetPasswordSchema>>({\n resolver: standardSchemaResolver(resetPasswordSchema),\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 herstellen</h1>\n <p className=\"text-muted-foreground text-sm\">Vul je nieuwe wachtwoord in</p>\n </div>\n\n <Form {...form}>\n <form\n onSubmit={form.handleSubmit(({ password }) =>\n startTransition(async () => {\n await authClient.emailOtp.resetPassword({\n email,\n otp,\n password,\n fetchOptions: {\n onSuccess: () => {\n toast.success(\"Wachtwoord succesvol gewijzigd\", {\n description: \"Log nu in met je nieuw wachtwoord.\",\n });\n router.replace(\"/auth/login\");\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 <div className=\"flex flex-col gap-3\">\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={form.formState.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\n <FormField\n control={form.control}\n name=\"passwordConfirmation\"\n render={({ field }) => (\n <FormItem>\n <FormLabel>Herhaal Wachtwoord</FormLabel>\n <FormControl>\n <div className=\"relative\">\n <Input\n type={showPasswordConfirm ? \"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={() => setShowPasswordConfirm(!showPasswordConfirm)}\n disabled={form.formState.disabled}\n >\n {showPasswordConfirm ? (\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 <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":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,kBAAkB,QAE/B;CACD,MAAM,EAAE,OAAO,QAAQ,IAAI,OAAO,aAAa;CAE/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAElC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CAErE,MAAM,CAAC,WAAWA,qBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA6C;EACxD,UAAU,uBAAuB,oBAAoB;EACrD,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA0B,EAChF,oBAAC;IAAE,WAAU;cAAgC;KAA+B;IACxE,EAEN,oBAACC;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,eAC7BD,kBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,cAAc;MACtC;MACA;MACA;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,kCAAkC,EAC9C,aAAa,sCACd,CAAC;AACF,eAAO,QAAQ,cAAc;;OAE/B,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,eAAsB;OACjC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SAC7C,UAAU,KAAK,UAAU;mBAExB,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb,EAEF,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,uBAA8B;OACzC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,sBAAsB,SAAS;SACrC,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,uBAAuB,CAAC,oBAAoB;SAC3D,UAAU,KAAK,UAAU;mBAExB,sBACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb;MACE,EAEN,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/update-password-command.d.mts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { UpdatePasswordSchema } from "../lib/validators.mjs";
 import { CommandFormDialogTrigger } from "../../commands/components/form-dialog-command.client.mjs";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 import React from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
@@ -16,7 +16,7 @@ declare function UpdatePasswordCommand<TData = unknown, TError = DefaultError, T
   mutation,
   defaultValues,
   children
-}: UpdatePasswordCommandProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime94.JSX.Element;
+}: UpdatePasswordCommandProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime65.JSX.Element;
 declare const UpdatePasswordCommandTrigger: typeof CommandFormDialogTrigger;
 //#endregion
 export { UpdatePasswordCommand, UpdatePasswordCommandProps, UpdatePasswordCommandTrigger };

package/dist/modules/auth/components/update-password-command.mjs CHANGED Viewed

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