@vitnode/core 1.2.0-canary.51 → 1.2.0-canary.52

package/dist/src/emails/default-template.js

@@ -1,12 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Body, Button, Container, Head, Heading, Html, Img, Link, Preview, Section, Tailwind, Text } from "@react-email/components";
-import { createTranslator } from "use-intl";
+/* eslint-disable @typescript-eslint/dot-notation */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Body, Container, Head, Html, Img, Link, Preview, Section, Tailwind, Text } from "@react-email/components";
 import { CONFIG } from "../lib/config.js";
-export default function DefaultTemplateEmail({ previewText, head, children, logo, metadata, messages, locale }) {
-    const t = createTranslator({
-        locale,
-        messages
-    });
+export default function DefaultTemplateEmail({ children, i18n: { locale }, templateProps: { logo, metadata, previewText, head, tailwindConfig } }) {
     return /*#__PURE__*/ _jsxs(Html, {
         lang: locale,
         children: [
@@ -18,13 +13,32 @@ export default function DefaultTemplateEmail({ previewText, head, children, logo
             }),
             /*#__PURE__*/ _jsx(Tailwind, {
                 config: {
+                    ...tailwindConfig,
                     theme: {
+                        ...tailwindConfig?.theme,
                         extend: {
+                            ...tailwindConfig?.theme?.extend,
                             colors: {
-                                background: '#ffffff',
-                                primary: '#3160c0',
-                                foreground: '#0e1216',
-                                border: '#d9dfe4'
+                                ...tailwindConfig?.theme?.extend?.colors,
+                                background: tailwindConfig?.theme?.extend?.colors?.['background'] ?? '#edf2f8',
+                                foreground: tailwindConfig?.theme?.extend?.colors?.['foreground'] ?? '#0e1216',
+                                card: tailwindConfig?.theme?.extend?.colors?.['card'] ?? '#ffffff',
+                                'card-foreground': tailwindConfig?.theme?.extend?.colors?.['card-foreground'] ?? '#171b1f',
+                                popover: tailwindConfig?.theme?.extend?.colors?.['popover'] ?? '#ffffff',
+                                'popover-foreground': tailwindConfig?.theme?.extend?.colors?.['popover-foreground'] ?? '#171b1f',
+                                primary: tailwindConfig?.theme?.extend?.colors?.['primary'] ?? '#3160c0',
+                                'primary-foreground': tailwindConfig?.theme?.extend?.colors?.['primary-foreground'] ?? '#fafafa',
+                                secondary: tailwindConfig?.theme?.extend?.colors?.['secondary'] ?? '#f4f9ff',
+                                'secondary-foreground': tailwindConfig?.theme?.extend?.colors?.['secondary-foreground'] ?? '#1e2226',
+                                muted: tailwindConfig?.theme?.extend?.colors?.['muted'] ?? '#eaeff5',
+                                'muted-foreground': tailwindConfig?.theme?.extend?.colors?.['muted-foreground'] ?? '#686c72',
+                                accent: tailwindConfig?.theme?.extend?.colors?.['accent'] ?? '#e0e5eb',
+                                'accent-foreground': tailwindConfig?.theme?.extend?.colors?.['accent-foreground'] ?? '#1e2226',
+                                destructive: tailwindConfig?.theme?.extend?.colors?.['destructive'] ?? '#de3b3f',
+                                warn: tailwindConfig?.theme?.extend?.colors?.['warn'] ?? '#906600',
+                                border: tailwindConfig?.theme?.extend?.colors?.['border'] ?? '#d9dfe4',
+                                input: tailwindConfig?.theme?.extend?.colors?.['input'] ?? '#d9dfe4',
+                                ring: tailwindConfig?.theme?.extend?.colors?.['ring'] ?? '#5aa3ec'
                             }
                         }
                     }
@@ -35,53 +49,29 @@ export default function DefaultTemplateEmail({ previewText, head, children, logo
                         className: "mx-auto max-w-[465px]",
                         children: [
                             /*#__PURE__*/ _jsx(Section, {
-                                className: "mt-[32px]",
-                                children: logo ? /*#__PURE__*/ _jsx(Img, {
-                                    alt: metadata.title,
+                                className: "my-8",
+                                children: logo?.src ? /*#__PURE__*/ _jsx(Img, {
+                                    alt: logo.text ?? metadata.title,
                                     className: "mx-auto my-0 max-w-[150px]",
-                                    src: "https://www.reactemailtemplate.com/_next/static/media/reactemailtemplate-logo.b3fb12d9.png"
+                                    src: logo.src
                                 }) : /*#__PURE__*/ _jsx(Text, {
                                     className: "m-0 text-center text-2xl",
-                                    children: metadata.title
+                                    children: logo?.text ?? metadata.title
                                 })
                             }),
-                            /*#__PURE__*/ _jsxs(Section, {
-                                className: "border-border my-[40px] rounded-md border border-solid p-[20px]",
-                                children: [
-                                    /*#__PURE__*/ _jsxs(Heading, {
-                                        className: "mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black",
-                                        children: [
-                                            "Join Us for an Exciting Event! - ",
-                                            t('core.auth.sign_in.desc')
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        className: "text-[14px] leading-[24px] text-black",
-                                        children: "Hello"
-                                    }),
-                                    /*#__PURE__*/ _jsxs(Button, {
-                                        className: "bg-primary px-3 py-2 font-medium leading-4 text-white",
-                                        href: "https://example.com",
-                                        children: [
-                                            previewText,
-                                            "Click me"
-                                        ]
-                                    }),
-                                    children,
-                                    /*#__PURE__*/ _jsx(Section, {
-                                        className: "my-8 text-center text-sm",
-                                        children: /*#__PURE__*/ _jsxs(Link, {
-                                            className: "text-muted-foreground",
-                                            href: metadata.url,
-                                            children: [
-                                                metadata.shortTitle ?? metadata.title,
-                                                " ©",
-                                                ' ',
-                                                new Date().getFullYear()
-                                            ]
-                                        })
-                                    })
-                                ]
+                            children,
+                            /*#__PURE__*/ _jsx(Section, {
+                                className: "my-8 text-center text-sm",
+                                children: /*#__PURE__*/ _jsxs(Link, {
+                                    className: "text-muted-foreground",
+                                    href: metadata.url,
+                                    children: [
+                                        metadata.shortTitle ?? metadata.title,
+                                        " ©",
+                                        ' ',
+                                        new Date().getFullYear()
+                                    ]
+                                })
                             })
                         ]
                     })
@@ -92,14 +82,18 @@ export default function DefaultTemplateEmail({ previewText, head, children, logo
 }
 DefaultTemplateEmail.PreviewProps = {
     children: 'This is a preview text for the email template.',
-    metadata: {
-        title: 'VitNode - Email Template',
-        shortTitle: 'VitNode',
-        url: CONFIG.web.href
-    },
-    logo: {
-        src: 'https://www.reactemailtemplate.com/_next/static/media/reactemailtemplate-logo.b3fb12d9.png'
+    templateProps: {
+        metadata: {
+            title: 'VitNode - Email Template',
+            shortTitle: 'VitNode',
+            url: CONFIG.web.href
+        },
+        logo: {
+            src: 'http://localhost:3000/logo_vitnode_dark.png'
+        }
     },
-    messages: {},
-    locale: 'en'
+    i18n: {
+        messages: {},
+        locale: 'en'
+    }
 };

package/dist/src/emails/reset-password.d.ts

@@ -0,0 +1,56 @@
+import { type DefaultTemplateEmailProps } from './default-template';
+interface ResetPasswordEmailTemplateProps extends DefaultTemplateEmailProps {
+    expiryDate: Date;
+    resetUrl: string;
+    userIpAddress?: string;
+}
+declare function ResetPasswordEmailTemplate({ i18n, resetUrl, expiryDate, userIpAddress, user, ...props }: ResetPasswordEmailTemplateProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ResetPasswordEmailTemplate {
+    var PreviewProps: {
+        resetUrl: string;
+        expiryDate: Date;
+        userIpAddress: string;
+        user: {
+            id: number;
+            name: string;
+            email: string;
+            language: string;
+            nameCode: string;
+        };
+        i18n: {
+            messages: {
+                core: {
+                    auth: {
+                        reset_password: {
+                            email: {
+                                subject: string;
+                                greeting: string;
+                                intro: string;
+                                button: string;
+                                instructions: string;
+                                no_action: string;
+                                security_note: string;
+                                help: string;
+                                expire_time: string;
+                            };
+                        };
+                    };
+                };
+            };
+            locale: string;
+        };
+        children: string;
+        templateProps: {
+            metadata: {
+                title: string;
+                shortTitle: string;
+                url: string;
+            };
+            logo: {
+                src: string;
+            };
+        };
+    };
+}
+export default ResetPasswordEmailTemplate;
+//# sourceMappingURL=reset-password.d.ts.map

package/dist/src/emails/reset-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password.d.ts","sourceRoot":"","sources":["../../../src/emails/reset-password.tsx"],"names":[],"mappings":"AAGA,OAA6B,EAC3B,KAAK,yBAAyB,EAC/B,MAAM,oBAAoB,CAAC;AAW5B,UAAU,+BAAgC,SAAQ,yBAAyB;IACzE,UAAU,EAAE,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAwB,0BAA0B,CAAC,EACjD,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAgFjC;kBAvFuB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAA1B,0BAA0B"}

package/dist/src/emails/reset-password.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Hr, Link, Section, Text } from "@react-email/components";
+import { createTranslator } from "use-intl";
+import DefaultTemplateEmail from "./default-template.js";
+import { EmailButton } from "./ui/button.js";
+import { EmailCard, EmailCardContent, EmailCardDescription, EmailCardFooter, EmailCardHeader, EmailCardTitle } from "./ui/card.js";
+export default function ResetPasswordEmailTemplate({ i18n, resetUrl, expiryDate, userIpAddress, user, ...props }) {
+    const t = createTranslator(i18n);
+    const userName = user?.name ?? 'there';
+    return /*#__PURE__*/ _jsxs(DefaultTemplateEmail, {
+        i18n: i18n,
+        templateProps: {
+            ...props.templateProps,
+            previewText: t('core.auth.reset_password.email.subject')
+        },
+        user: user,
+        children: [
+            /*#__PURE__*/ _jsxs(EmailCard, {
+                children: [
+                    /*#__PURE__*/ _jsxs(EmailCardHeader, {
+                        children: [
+                            /*#__PURE__*/ _jsx(EmailCardTitle, {
+                                children: t('core.auth.reset_password.email.greeting', {
+                                    name: userName
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(EmailCardDescription, {
+                                children: t('core.auth.reset_password.email.intro')
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(EmailCardContent, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Section, {
+                                className: "text-center",
+                                children: /*#__PURE__*/ _jsx(EmailButton, {
+                                    className: "min-w-[200px]",
+                                    href: resetUrl,
+                                    size: "lg",
+                                    children: t('core.auth.reset_password.email.button')
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                className: "text-muted-foreground mt-6 text-sm leading-relaxed",
+                                children: t('core.auth.reset_password.email.instructions')
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                className: "text-muted-foreground mt-4 text-sm leading-relaxed",
+                                children: t('core.auth.reset_password.email.expire_time', {
+                                    date: expiryDate.toLocaleString(i18n.locale, {
+                                        year: 'numeric',
+                                        month: 'long',
+                                        day: 'numeric',
+                                        hour: '2-digit',
+                                        minute: '2-digit',
+                                        timeZoneName: 'short'
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(EmailCardFooter, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Hr, {
+                                className: "border-border my-4 w-full border-t border-solid"
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                className: "text-muted-foreground m-0 text-sm leading-relaxed",
+                                children: t('core.auth.reset_password.email.no_action')
+                            }),
+                            userIpAddress && /*#__PURE__*/ _jsx(Text, {
+                                className: "text-muted-foreground mt-4 text-xs",
+                                children: t('core.auth.reset_password.email.security_note', {
+                                    ip: userIpAddress
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Section, {
+                className: "mt-6",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        className: "text-muted-foreground text-sm",
+                        children: t('core.auth.reset_password.email.help')
+                    }),
+                    /*#__PURE__*/ _jsx(Link, {
+                        className: "text-primary break-all text-sm underline",
+                        href: resetUrl,
+                        children: resetUrl
+                    })
+                ]
+            })
+        ]
+    });
+}
+ResetPasswordEmailTemplate.PreviewProps = {
+    ...DefaultTemplateEmail.PreviewProps,
+    resetUrl: 'https://example.com/reset-password?token=abc123',
+    expiryDate: new Date(Date.now() + 30 * 60 * 1000),
+    userIpAddress: '192.168.1.1',
+    user: {
+        id: 1,
+        name: 'John Doe',
+        email: 'john@example.com',
+        language: 'en',
+        nameCode: 'john-doe'
+    },
+    i18n: {
+        ...DefaultTemplateEmail.PreviewProps.i18n,
+        messages: {
+            core: {
+                auth: {
+                    reset_password: {
+                        email: {
+                            subject: 'Reset your password',
+                            greeting: 'Hello {name}!',
+                            intro: 'We received a request to reset your password for your account.',
+                            button: 'Reset Password',
+                            instructions: 'Click the button above to reset your password. This link will expire in 30 minutes for security reasons.',
+                            no_action: "If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.",
+                            security_note: 'For your security, this request was made from IP address: {ip}',
+                            help: "If you're having trouble with the button above, copy and paste the URL below into your web browser:",
+                            expire_time: 'This link will expire on {date}'
+                        }
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/src/emails/ui/button.d.ts

@@ -0,0 +1,9 @@
+import { Button as ButtonReactEmail } from '@react-email/components';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "secondary" | "destructive" | "default" | "destructiveGhost" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const EmailButton: ({ className, variant, size, ...props }: React.ComponentProps<typeof ButtonReactEmail> & VariantProps<typeof buttonVariants>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/src/emails/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/emails/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,wCAKzB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAC9C,YAAY,CAAC,OAAO,cAAc,CAAC,4CAOpC,CAAC"}

package/dist/src/emails/ui/button.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonReactEmail } from "@react-email/components";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const buttonVariants = cva('cursor-pointer whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow-xs',
+            destructive: 'bg-destructive text-white shadow-xs',
+            destructiveGhost: 'text-destructive',
+            outline: 'border bg-background shadow-xs',
+            secondary: 'bg-secondary text-secondary-foreground shadow-xs',
+            ghost: '',
+            link: 'text-primary underline-offset-4'
+        },
+        size: {
+            default: 'px-4 py-2',
+            sm: 'rounded-md gap-1.5 px-3 py-1.5',
+            lg: 'rounded-md px-6 py-2.5'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+export const EmailButton = ({ className, variant, size, ...props })=>{
+    return /*#__PURE__*/ _jsx(ButtonReactEmail, {
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+};

package/dist/src/emails/ui/card.d.ts

@@ -0,0 +1,8 @@
+import { Section, Text } from '@react-email/components';
+export declare const EmailCard: ({ className, ...props }: React.ComponentProps<typeof Section>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailCardHeader: ({ className, ...props }: React.ComponentProps<typeof Section>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailCardTitle: ({ className, ...props }: React.ComponentProps<typeof Text>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailCardDescription: ({ className, ...props }: React.ComponentProps<typeof Text>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailCardContent: ({ className, ...props }: React.ComponentProps<typeof Section>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailCardFooter: ({ className, ...props }: React.ComponentProps<typeof Section>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/src/emails/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/emails/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIxD,eAAO,MAAM,SAAS,GAAI,yBAGvB,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,4CAUtC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,yBAG7B,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,4CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,yBAG5B,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,4CAOnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAGlC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,4CAOnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,yBAG9B,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,4CAEtC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,yBAG7B,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,4CAEtC,CAAC"}

package/dist/src/emails/ui/card.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Section, Text } from "@react-email/components";
+import { cn } from "../../lib/utils.js";
+export const EmailCard = ({ className, ...props })=>{
+    return /*#__PURE__*/ _jsx(Section, {
+        className: cn('bg-card text-card-foreground border-border rounded-xl border border-solid py-6 shadow-sm', className),
+        ...props
+    });
+};
+export const EmailCardHeader = ({ className, ...props })=>{
+    return /*#__PURE__*/ _jsx(Section, {
+        className: cn('mb-6 px-6', className),
+        ...props
+    });
+};
+export const EmailCardTitle = ({ className, ...props })=>{
+    return /*#__PURE__*/ _jsx(Text, {
+        className: cn('text-xl font-semibold leading-[0]', className),
+        ...props
+    });
+};
+export const EmailCardDescription = ({ className, ...props })=>{
+    return /*#__PURE__*/ _jsx(Text, {
+        className: cn('text-muted-foreground m-0 text-sm', className),
+        ...props
+    });
+};
+export const EmailCardContent = ({ className, ...props })=>{
+    return /*#__PURE__*/ _jsx(Section, {
+        className: cn('px-6', className),
+        ...props
+    });
+};
+export const EmailCardFooter = ({ className, ...props })=>{
+    return /*#__PURE__*/ _jsx(Section, {
+        className: cn('mt-6 px-6', className),
+        ...props
+    });
+};

package/dist/src/hooks/use-captcha.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-captcha.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-captcha.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAO7B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,eAAO,MAAM,UAAU,GACrB,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC,SAAS,CAAC;;;oBA0E9B,OAAO,CAAC,MAAM,CAAC;CAkC3C,CAAC"}
+{"version":3,"file":"use-captcha.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-captcha.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAS7B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,eAAO,MAAM,UAAU,GACrB,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC,SAAS,CAAC;;;oBAwG9B,OAAO,CAAC,MAAM,CAAC;CA+B3C,CAAC"}

package/dist/src/hooks/use-captcha.js

@@ -1,29 +1,39 @@
-import { useLocale, useTranslations } from "next-intl";
+/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */ import { useLocale, useTranslations } from "next-intl";
 import { useTheme } from "next-themes";
 import React from "react";
 import { toast } from "sonner";
+import { usePathname } from "../lib/navigation.js";
 export const useCaptcha = (captcha)=>{
     const t = useTranslations('core.global.errors');
     const locale = useLocale();
     const { resolvedTheme } = useTheme();
     const [isReady, setIsReady] = React.useState(false);
     const [token, setToken] = React.useState('');
+    const pathname = usePathname();
     const handleLoaded = ()=>{
         if (!captcha) return;
         const elementId = 'vitnode_captcha';
         if (captcha.type === 'cloudflare_turnstile') {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
+            // @ts-expect-error
             window.turnstile.render(`#${elementId}`, {
                 sitekey: captcha.siteKey,
                 theme: resolvedTheme,
                 language: locale,
                 callback: (token)=>{
                     setToken(token);
+                    // ✅ Set isReady to true ONLY when the token is received
+                    setIsReady(true);
+                },
+                // Optional: Add more callbacks for a better user experience
+                'expired-callback': ()=>{
+                    onReset();
                 }
             });
+        } else {
+            // For reCAPTCHA, the script being loaded means it's ready.
+            setIsReady(true);
         }
-        setIsReady(true);
     };
     const handleError = ()=>{
         toast.error(t('title'), {
@@ -31,9 +41,15 @@ export const useCaptcha = (captcha)=>{
         });
     };
     React.useEffect(()=>{
-        if (!captcha) return;
+        if (!captcha) {
+            // If no captcha is required, consider it "ready"
+            setIsReady(true);
+            return;
+        }
+        // Reset state on captcha type change
+        setIsReady(false);
+        setToken('');
         const googleCaptchaDomain = `https://www.google.com/recaptcha/api.js?hl=${locale}`;
-        // Load script
         const script = document.createElement('script');
         if (captcha.type === 'cloudflare_turnstile') {
             script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
@@ -41,37 +57,53 @@ export const useCaptcha = (captcha)=>{
             script.src = `${googleCaptchaDomain}&render=${captcha.siteKey}`;
         }
         if (!script.src) return;
+        script.async = true;
+        script.defer = true;
         document.body.appendChild(script);
         script.addEventListener('load', handleLoaded);
         script.addEventListener('error', handleError);
         return ()=>{
             script.removeEventListener('load', handleLoaded);
             script.removeEventListener('error', handleError);
-            document.body.removeChild(script);
+            if (document.body.contains(script)) {
+                document.body.removeChild(script);
+            }
+            // Clean up the captcha widget if it exists
+            const widget = document.getElementById('vitnode_captcha');
+            if (widget) {
+                widget.innerHTML = '';
+            }
         };
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [
+        pathname,
+        locale,
+        captcha?.type,
+        captcha?.siteKey
+    ]);
     const onReset = ()=>{
         if (!captcha) return;
         if (captcha.type === 'cloudflare_turnstile') {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            window.turnstile.reset();
+            // @ts-expect-error
+            if (window.turnstile) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                window.turnstile.reset();
+            }
         }
         setToken('');
+        setIsReady(false);
     };
     const getToken = async ()=>{
         if (!captcha) return '';
         if (captcha.type === 'recaptcha_v3') {
-            // Captcha
             return new Promise((resolve)=>{
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
+                // @ts-expect-error
                 window.grecaptcha.ready(async ()=>{
                     try {
                         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                        // @ts-ignore
+                        // @ts-expect-error
                         const token = await window.grecaptcha.execute(captcha.siteKey, {
                             action: 'submit'
                         });
@@ -79,8 +111,8 @@ export const useCaptcha = (captcha)=>{
                     } catch (error) {
                         // eslint-disable-next-line no-console
                         console.error('Captcha error', error);
+                        resolve('');
                     }
-                    resolve('');
                 });
             });
         }

package/dist/src/lib/fetcher/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../src/lib/fetcher/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAKjB,UAAU,kBAAkB,CAC1B,CAAC,SAAS,MAAM,EAChB,MAAM,SAAS,KAAK,EAAE,EACtB,OAAO,SAAS,qBAAqB,EAAE,EACvC,UAAU,SAAS,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,EAC7C,YAAY,SAAS,sBAAsB,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAC3E,MAAM,SAAS,qBAAqB,CAClC,UAAU,EACV,YAAY,EACZ,CAAC,EACD,MAAM,EACN,OAAO,CACR,GAAG,qBAAqB,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC;IAEvE,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,CAClB,CAAC,EACD,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,MAAM,CACP,CAAC,MAAM,CAAC,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAChD,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAsB,WAAW,CAC/B,CAAC,SAAS,MAAM,EAChB,MAAM,SAAS,KAAK,EAAE,EACtB,OAAO,SAAS,qBAAqB,EAAE,EACvC,UAAU,SAAS,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,EAC7C,YAAY,SAAS,sBAAsB,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAC3E,MAAM,SAAS,qBAAqB,CAClC,UAAU,EACV,YAAY,EACZ,CAAC,EACD,MAAM,EACN,OAAO,CACR,GAAG,qBAAqB,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAEvE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAC3D,EACE,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,iBAAsB,EACtB,cAAsB,EACtB,UAAe,GAChB,EAAE,kBAAkB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,GAC1E,OAAO,CACR,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CACxE,CA+DA"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../src/lib/fetcher/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAKjB,UAAU,kBAAkB,CAC1B,CAAC,SAAS,MAAM,EAChB,MAAM,SAAS,KAAK,EAAE,EACtB,OAAO,SAAS,qBAAqB,EAAE,EACvC,UAAU,SAAS,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,EAC7C,YAAY,SAAS,sBAAsB,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAC3E,MAAM,SAAS,qBAAqB,CAClC,UAAU,EACV,YAAY,EACZ,CAAC,EACD,MAAM,EACN,OAAO,CACR,GAAG,qBAAqB,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC;IAEvE,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,CAClB,CAAC,EACD,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,MAAM,CACP,CAAC,MAAM,CAAC,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAChD,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAsB,WAAW,CAC/B,CAAC,SAAS,MAAM,EAChB,MAAM,SAAS,KAAK,EAAE,EACtB,OAAO,SAAS,qBAAqB,EAAE,EACvC,UAAU,SAAS,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,EAC7C,YAAY,SAAS,sBAAsB,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAC3E,MAAM,SAAS,qBAAqB,CAClC,UAAU,EACV,YAAY,EACZ,CAAC,EACD,MAAM,EACN,OAAO,CACR,GAAG,qBAAqB,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAEvE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAC3D,EACE,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,iBAAsB,EACtB,cAAsB,EACtB,UAAe,GAChB,EAAE,kBAAkB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,GAC1E,OAAO,CACR,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CACxE,CAuEA"}

package/dist/src/lib/fetcher/core.js

@@ -35,9 +35,14 @@ export async function coreFetcher({ pluginId }, { path, method, module, args, op
         body: args && 'body' in args ? JSON.stringify(args.body) : undefined,
         ...options
     });
-    if (!response.ok) {
+    if (response.status === 500) {
         const errorText = await response.text();
         throw new Error(`${response.status} - ${url.toString()}\n${response.statusText ?? errorText}`);
     }
+    if (response.status >= 400) {
+        const errorText = await response.text();
+        // eslint-disable-next-line no-console
+        console.error(`\x1b[34m[VitNode - API]\x1b[0m \x1b[31m${response.status}\x1b[0m - \x1b[33m${url.toString()}\x1b[0m\n\x1b[36mError: ${errorText}\x1b[0m`);
+    }
     return response;
 }

package/dist/src/views/admin/sign-in/sign-in-admin-view.js

@@ -17,7 +17,8 @@ export const SignInAdminView = ()=>{
                 /*#__PURE__*/ _jsx(Card, {
                     className: "w-full p-6",
                     children: /*#__PURE__*/ _jsx(FormSignIn, {
-                        isAdmin: true
+                        isAdmin: true,
+                        isEmail: false
                     })
                 })
             ]

package/dist/src/views/auth/password-reset/change-password-form/form.d.ts

@@ -0,0 +1,5 @@
+export declare const ChangePasswordForm: (props: {
+    token: string;
+    userId: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form.d.ts.map

package/dist/src/views/auth/password-reset/change-password-form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../../src/views/auth/password-reset/change-password-form/form.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,GAAI,OAAO;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,4CAkCA,CAAC"}