@vitnode/core 1.2.0-canary.21 → 1.2.0-canary.23

package/dist/src/views/auth/sign-up/email-confirmation-view.d.ts

@@ -0,0 +1,4 @@
+export declare const EmailConfirmationView: ({ email }: {
+    email: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=email-confirmation-view.d.ts.map

package/dist/src/views/auth/sign-up/email-confirmation-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-confirmation-view.d.ts","sourceRoot":"","sources":["../../../../../src/views/auth/sign-up/email-confirmation-view.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CA2BjE,CAAC"}

package/dist/src/views/auth/sign-up/email-confirmation-view.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Mail, MailboxIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../components/ui/card.js";
+export const EmailConfirmationView = ({ email })=>{
+    const t = useTranslations('core.auth.sign_up.email_confirmation');
+    return /*#__PURE__*/ _jsxs(Card, {
+        className: "w-full max-w-md p-6",
+        children: [
+            /*#__PURE__*/ _jsxs(CardHeader, {
+                className: "text-center",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-green-100 dark:bg-green-900",
+                        children: /*#__PURE__*/ _jsx(MailboxIcon, {
+                            className: "h-8 w-8 text-green-600 dark:text-green-400"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(CardTitle, {
+                        className: "text-2xl font-bold",
+                        children: t('title')
+                    }),
+                    /*#__PURE__*/ _jsx(CardDescription, {
+                        className: "text-base",
+                        children: t('desc')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardContent, {
+                className: "space-y-6",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "bg-muted rounded-lg p-4",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-3",
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "text-sm font-medium",
+                                    children: email
+                                }),
+                                /*#__PURE__*/ _jsx(Mail, {
+                                    className: "text-muted-foreground ml-auto size-5"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "text-muted-foreground text-center text-sm",
+                        children: t('check_spam')
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/src/views/auth/sign-up/form/form.js

@@ -7,7 +7,7 @@ import { AutoFormInput } from "../../../../components/form/fields/input.js";
 import { Link } from "../../../../lib/navigation.js";
 import { removeSpecialCharacters } from "../../../../lib/special-characters.js";
 import { PasswordInput } from "../../components/password-input.js";
-import { useFormSignUp } from "./hooks/use-form.js";
+import { useFormSignUp } from "./use-form.js";
 export const FormSignUp = ({ isEmail })=>{
     const t = useTranslations('core.auth.sign_up');
     const { onSubmit, formSchema } = useFormSignUp();

package/dist/src/views/auth/sign-up/form/mutation-api.d.ts

@@ -0,0 +1,14 @@
+import type { z } from 'zod';
+import type { zodSignUpSchema } from '../../../../api/modules/users/routes/sign-up.route';
+export declare const mutationApi: (input: z.infer<typeof zodSignUpSchema>) => Promise<{
+    error: string;
+    data?: undefined;
+} | {
+    data: {
+        id: number;
+        email: string;
+        emailVerified: boolean;
+    };
+    error?: undefined;
+}>;
+//# sourceMappingURL=mutation-api.d.ts.map

package/dist/src/views/auth/sign-up/form/mutation-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation-api.d.ts","sourceRoot":"","sources":["../../../../../../src/views/auth/sign-up/form/mutation-api.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAI7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAMhF,eAAO,MAAM,WAAW,GAAU,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC;;;;;;;;;;EAsBvE,CAAC"}

package/dist/src/views/auth/sign-up/form/mutation-api.js

@@ -0,0 +1,29 @@
+'use server';
+import { revalidatePath } from "next/cache";
+import { usersModule } from "../../../../api/modules/users/users.module.js";
+import { fetcher } from "../../../../lib/fetcher.js";
+import { redirect } from "../../../../lib/navigation.js";
+export const mutationApi = async (input)=>{
+    const res = await fetcher(usersModule, {
+        path: '/sign_up',
+        method: 'post',
+        module: 'users',
+        allowSaveCookies: true,
+        args: {
+            body: input
+        }
+    });
+    if (res.status !== 201) {
+        return {
+            error: await res.text()
+        };
+    }
+    const data = await res.json();
+    if (data.emailVerified) {
+        revalidatePath('/[locale]/(main)', 'layout');
+        await redirect('/');
+    }
+    return {
+        data
+    };
+};

package/dist/src/views/auth/sign-up/form/use-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["../../../../../../src/views/auth/sign-up/form/use-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,eAAO,MAAM,aAAa;uBA+Bd,CAAC,CAAC,KAAK;;;;;;;;;;;;;;;;;;OAAmB,QAC5B,aAAa,CAAC,CAAC,CAAC,KAAK;;;;;;;;;;;;;;;;;;OAAmB,CAAC;;;;;;;;;;;;;;;;;;;;CA8ClD,CAAC"}

package/dist/src/views/auth/sign-up/form/{hooks/use-form.js → use-form.js}

@@ -1,6 +1,7 @@
 import { useTranslations } from "next-intl";
 import { toast } from "sonner";
 import { z } from "zod";
+import { useWrapperSignUp } from "../wrapper.js";
 import { mutationApi } from "./mutation-api.js";
 export const useFormSignUp = ()=>{
     const t = useTranslations('core.auth.sign_up');
@@ -20,10 +21,13 @@ export const useFormSignUp = ()=>{
         terms: z.boolean().refine((value)=>value, t('terms.required')),
         newsletter: z.boolean().optional()
     });
+    const { setShowSendingEmail } = useWrapperSignUp();
     const onSubmit = async (values, form)=>{
         const mutation = await mutationApi(values);
-        if (!mutation?.message) {
-            toast('Event has been created.');
+        if (mutation.data) {
+            if (!mutation.data.emailVerified) {
+                setShowSendingEmail(mutation.data.email);
+            }
             return;
         }
         const errorMessages = {
@@ -36,7 +40,7 @@ export const useFormSignUp = ()=>{
                 message: t('username.exists')
             }
         };
-        const errorConfig = errorMessages[mutation.message];
+        const errorConfig = errorMessages[mutation.error];
         if (errorConfig) {
             form.setError(errorConfig.field, {
                 type: 'manual',

package/dist/src/views/auth/sign-up/sign-up-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-up-view.d.ts","sourceRoot":"","sources":["../../../../../src/views/auth/sign-up/sign-up-view.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,wDAsCtB,CAAC"}
+{"version":3,"file":"sign-up-view.d.ts","sourceRoot":"","sources":["../../../../../src/views/auth/sign-up/sign-up-view.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,wDAwCtB,CAAC"}

package/dist/src/views/auth/sign-up/sign-up-view.js

@@ -7,6 +7,7 @@ import { Link } from "../../../lib/navigation.js";
 import { I18nProvider } from "../../../components/i18n-provider.js";
 import { SSOButtons, SSOButtonsSkeleton } from "../sso/buttons/sso-buttons.js";
 import { FormSignUp } from "./form/form.js";
+import { WrapperSignUp } from "./wrapper.js";
 export const SignUpView = async ()=>{
     const [t, tGlobal, { isEmail }] = await Promise.all([
         getTranslations('core.auth.sign_up'),
@@ -17,44 +18,46 @@ export const SignUpView = async ()=>{
         namespaces: "core.auth.sign_up",
         children: /*#__PURE__*/ _jsx("div", {
             className: "mx-auto flex min-h-[calc(100vh-4rem)] max-w-md flex-col justify-center px-4 py-16",
-            children: /*#__PURE__*/ _jsxs(Card, {
-                className: "bg-muted gap-0 p-0",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "bg-card rounded-xl p-6",
-                        children: [
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "mb-10 space-y-2 text-center",
-                                children: [
-                                    /*#__PURE__*/ _jsx("h1", {
-                                        className: "text-2xl font-semibold leading-none tracking-tight",
-                                        children: tGlobal('register')
-                                    }),
-                                    /*#__PURE__*/ _jsx(CardDescription, {
-                                        children: t('desc')
+            children: /*#__PURE__*/ _jsx(WrapperSignUp, {
+                children: /*#__PURE__*/ _jsxs(Card, {
+                    className: "bg-muted gap-0 p-0",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "bg-card rounded-xl p-6",
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "mb-10 space-y-2 text-center",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("h1", {
+                                            className: "text-2xl font-semibold leading-none tracking-tight",
+                                            children: tGlobal('register')
+                                        }),
+                                        /*#__PURE__*/ _jsx(CardDescription, {
+                                            children: t('desc')
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(FormSignUp, {
+                                    isEmail: isEmail
+                                }),
+                                /*#__PURE__*/ _jsx(React.Suspense, {
+                                    fallback: /*#__PURE__*/ _jsx(SSOButtonsSkeleton, {}),
+                                    children: /*#__PURE__*/ _jsx(SSOButtons, {})
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "text-accent-foreground p-6 text-center text-sm",
+                            children: t.rich('already_have_account', {
+                                link: (text)=>/*#__PURE__*/ _jsx(Link, {
+                                        className: "font-semibold",
+                                        href: "/login",
+                                        children: text
                                     })
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx(FormSignUp, {
-                                isEmail: isEmail
-                            }),
-                            /*#__PURE__*/ _jsx(React.Suspense, {
-                                fallback: /*#__PURE__*/ _jsx(SSOButtonsSkeleton, {}),
-                                children: /*#__PURE__*/ _jsx(SSOButtons, {})
                             })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: "text-accent-foreground p-6 text-center text-sm",
-                        children: t.rich('already_have_account', {
-                            link: (text)=>/*#__PURE__*/ _jsx(Link, {
-                                    className: "font-semibold",
-                                    href: "/login",
-                                    children: text
-                                })
                         })
-                    })
-                ]
+                    ]
+                })
             })
         })
     });

package/dist/src/views/auth/sign-up/wrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const useWrapperSignUp: () => {
+    setShowSendingEmail: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare const WrapperSignUp: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/src/views/auth/sign-up/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/views/auth/sign-up/wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,gBAAgB;yBALN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;CAKS,CAAC;AAE7E,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAQxE,CAAC"}

package/dist/src/views/auth/sign-up/wrapper.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { EmailConfirmationView } from "./email-confirmation-view.js";
+const WrapperSignUpContext = /*#__PURE__*/ React.createContext({
+    setShowSendingEmail: ()=>{}
+});
+export const useWrapperSignUp = ()=>React.useContext(WrapperSignUpContext);
+export const WrapperSignUp = ({ children })=>{
+    const [sendingEmail, setShowSendingEmail] = React.useState('');
+    return /*#__PURE__*/ _jsx(WrapperSignUpContext.Provider, {
+        value: {
+            setShowSendingEmail
+        },
+        children: sendingEmail ? /*#__PURE__*/ _jsx(EmailConfirmationView, {
+            email: sendingEmail
+        }) : children
+    });
+};

package/dist/src/views/auth/sso/buttons/sso-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sso-buttons.d.ts","sourceRoot":"","sources":["../../../../../../src/views/auth/sso/buttons/sso-buttons.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,+CAO9B,CAAC;AAEF,eAAO,MAAM,UAAU,wDA0BtB,CAAC"}
+{"version":3,"file":"sso-buttons.d.ts","sourceRoot":"","sources":["../../../../../../src/views/auth/sso/buttons/sso-buttons.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,+CAO9B,CAAC;AAEF,eAAO,MAAM,UAAU,wDAiCtB,CAAC"}

package/dist/src/views/auth/sso/buttons/sso-buttons.js

@@ -17,8 +17,10 @@ export const SSOButtonsSkeleton = ()=>{
     });
 };
 export const SSOButtons = async ()=>{
-    const t = await getTranslations('core.auth.sso');
-    const { sso } = await getMiddlewareApi();
+    const [t, { sso }] = await Promise.all([
+        getTranslations('core.auth.sso'),
+        getMiddlewareApi()
+    ]);
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs("div", {
@@ -30,7 +32,7 @@ export const SSOButtons = async ()=>{
                             className: "w-full border-t"
                         })
                     }),
-                    /*#__PURE__*/ _jsx("div", {
+                    sso.length > 0 && /*#__PURE__*/ _jsx("div", {
                         className: "relative flex justify-center text-xs",
                         children: /*#__PURE__*/ _jsx("span", {
                             className: "bg-card text-muted-foreground px-4",

package/dist/src/views/layouts/theme/header/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/views/layouts/theme/header/header.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,+BAI1B,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAqB5D,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/views/layouts/theme/header/header.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,+BAI1B,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAuB5D,CAAC"}

package/dist/src/views/layouts/theme/header/header.js

@@ -6,27 +6,30 @@ import { Link } from "../../../../lib/navigation.js";
 import { cn } from "../../../../lib/utils.js";
 import { UserHeader } from "./user/user.js";
 export const HeaderLayout = ({ logo, className, ...props })=>{
-    return /*#__PURE__*/ _jsxs("header", {
-        className: cn('bg-background/75 container sticky top-0 z-20 mx-auto flex w-full items-center border-b px-4 py-2 backdrop-blur sm:top-2 sm:rounded-xl sm:border', className),
+    return /*#__PURE__*/ _jsx("header", {
+        className: cn('bg-card/75 sticky top-0 z-20 w-full border-b shadow-sm backdrop-blur', className),
         ...props,
-        children: [
-            /*#__PURE__*/ _jsx(Link, {
-                href: "/",
-                prefetch: true,
-                children: logo
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "ml-auto flex items-center gap-2",
-                children: [
-                    /*#__PURE__*/ _jsx(ThemeSwitcher, {}),
-                    /*#__PURE__*/ _jsx(Suspense, {
-                        fallback: /*#__PURE__*/ _jsx(Skeleton, {
-                            className: "h-9 w-32"
-                        }),
-                        children: /*#__PURE__*/ _jsx(UserHeader, {})
-                    })
-                ]
-            })
-        ]
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "container mx-auto flex h-14 items-center px-4 py-2",
+            children: [
+                /*#__PURE__*/ _jsx(Link, {
+                    href: "/",
+                    prefetch: true,
+                    children: logo
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "ml-auto flex items-center gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx(ThemeSwitcher, {}),
+                        /*#__PURE__*/ _jsx(Suspense, {
+                            fallback: /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-9 w-32"
+                            }),
+                            children: /*#__PURE__*/ _jsx(UserHeader, {})
+                        })
+                    ]
+                })
+            ]
+        })
     });
 };