next-auth-mfelfelani72 0.0.17 → 0.0.18

package/dist/components/Login.d.ts

@@ -1,5 +1,14 @@
 import React from "react";
-import type { LoginInterface, ClientLoginInterface } from "../Interfaces";
-export default function Login({ loginRoute, onGoogleLogin, UiComponent, dict, lang, }: LoginInterface & {
-    UiComponent?: React.ComponentType<ClientLoginInterface>;
-}): import("react/jsx-runtime").JSX.Element;
+import type { LoginProps } from "../types";
+interface LoginComponentProps {
+    onSubmit: (formData: FormData) => void;
+    errors?: {
+        username?: string;
+        password?: string;
+    };
+    message?: string | null;
+}
+export default function Login({ loginRoute, UiComponent, }: LoginProps & {
+    UiComponent?: React.ComponentType<LoginComponentProps>;
+}): React.JSX.Element;
+export {};

package/dist/components/Login.js

@@ -2,15 +2,15 @@
  * @Author: Mohammad Felfelani
  * @Email: mfelfelani72@gmail.com
  * @Team:
- * @Date: 2025-10-02 08:02:55
+ * @Date: 2025-12-31 06:00:17
  * @Description:
  */
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
 // Components
 import UiLogin from "./demo/UiLogin";
-export default function Login({ loginRoute, onGoogleLogin, UiComponent, dict, lang, }) {
+export default function Login({ loginRoute, UiComponent, }) {
     // States
     const [errors, setErrors] = useState({});
     const [message, setMessage] = useState(null);
@@ -19,12 +19,12 @@ export default function Login({ loginRoute, onGoogleLogin, UiComponent, dict, la
     const handleSubmit = async (formData) => {
         setMessage(null);
         setErrors({});
-        const username = formData.get("username") || "";
+        const email = formData.get("username") || "";
         const password = formData.get("password") || "";
         const newErrors = {};
-        if (!username.trim())
+        if (!email.trim())
             newErrors.username = "Username is required";
-        else if (username.length < 3)
+        else if (email.length < 3)
             newErrors.username = "Username must be at least 3 characters";
         if (!password)
             newErrors.password = "Password is required";
@@ -40,7 +40,7 @@ export default function Login({ loginRoute, onGoogleLogin, UiComponent, dict, la
             const res = await fetch(loginRoute, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ email: username, password }),
+                body: JSON.stringify({ email, password }),
             });
             const data = await res.json();
             if (!res.ok) {
@@ -57,5 +57,5 @@ export default function Login({ loginRoute, onGoogleLogin, UiComponent, dict, la
         }
     };
     const RenderUi = UiComponent || UiLogin;
-    return (_jsxs(_Fragment, { children: [_jsx(RenderUi, { onSubmit: handleSubmit, errors: errors, message: message }), loading && (_jsx("p", { className: "text-center text-gray-200 mt-2", children: "Logging in..." })), onGoogleLogin && (_jsx("div", { className: "flex justify-center mt-4", children: _jsx("button", { onClick: onGoogleLogin, className: "px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition", children: "Sign in with Google" }) }))] }));
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "relative z-10 w-full max-w-md px-4", children: _jsx(RenderUi, { onSubmit: handleSubmit, errors: errors, message: message }) }) }));
 }

package/dist/components/Register.d.ts

@@ -1,5 +1 @@
-import React from "react";
-import type { RegisterInterface, ClientRegisterInterface } from "../Interfaces";
-export default function Register({ registerRoute, onGoogleRegister, UiComponent, dict, lang, }: RegisterInterface & {
-    UiComponent?: React.ComponentType<ClientRegisterInterface>;
-}): import("react/jsx-runtime").JSX.Element;
+export default function Register(): import("react").JSX.Element;

package/dist/components/Register.js

@@ -1,76 +1,41 @@
-/*
- * @Author: Mohammad Felfelani
- * @Email: mfelfelani72@gmail.com
- * @Team:
- * @Date: 2025-10-02 06:57:46
- * @Description:
- */
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
-// Components
 import UiRegister from "./demo/UiRegister";
-export default function Register({ registerRoute, onGoogleRegister, UiComponent, dict, lang, }) {
-    // States
+export default function Register() {
     const [errors, setErrors] = useState({});
     const [message, setMessage] = useState(null);
-    const [loading, setLoading] = useState(false);
-    // Functions
-    const handleSubmit = async (formData) => {
-        setMessage(null);
-        setErrors({});
-        const name = formData.get("name") || "";
-        const email = formData.get("email") || "";
-        const password = formData.get("password") || "";
-        const password_confirmation = formData.get("password_confirmation") || "";
+    const validate = (formData) => {
+        var _a, _b, _c, _d;
         const newErrors = {};
-        if (!name.trim())
+        const name = (_a = formData.get("name")) === null || _a === void 0 ? void 0 : _a.toString().trim();
+        const email = (_b = formData.get("email")) === null || _b === void 0 ? void 0 : _b.toString().trim();
+        const password = (_c = formData.get("password")) === null || _c === void 0 ? void 0 : _c.toString();
+        const confirmPassword = (_d = formData.get("confirmPassword")) === null || _d === void 0 ? void 0 : _d.toString();
+        if (!name)
             newErrors.name = "Name is required";
-        else if (name.length < 2)
-            newErrors.name = "Name must be at least 2 characters";
-        if (!email.trim())
+        if (!email)
             newErrors.email = "Email is required";
-        else if (!/\S+@\S+\.\S+/.test(email))
-            newErrors.email = "Email is invalid";
         if (!password)
             newErrors.password = "Password is required";
         else if (password.length < 6)
             newErrors.password = "Password must be at least 6 characters";
-        if (!password_confirmation)
-            newErrors.password_confirmation = "Please confirm your password";
-        else if (password !== password_confirmation)
-            newErrors.password_confirmation = "Passwords do not match";
-        if (Object.keys(newErrors).length > 0) {
-            setErrors(newErrors);
-            setMessage("Please fix the errors below.");
-            return;
-        }
-        setLoading(true);
-        try {
-            const res = await fetch(registerRoute, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    name,
-                    email,
-                    password,
-                    password_confirmation,
-                }),
-            });
-            const data = await res.json();
-            if (!res.ok) {
-                setMessage((data === null || data === void 0 ? void 0 : data.message) || "Registration failed");
-                return;
-            }
-            setMessage((data === null || data === void 0 ? void 0 : data.message) || "Registration successful");
-        }
-        catch (err) {
-            setMessage((err === null || err === void 0 ? void 0 : err.message) || "Network error");
+        if (!confirmPassword)
+            newErrors.confirmPassword = "Confirm your password";
+        else if (password !== confirmPassword)
+            newErrors.confirmPassword = "Passwords do not match";
+        return newErrors;
+    };
+    const handleSubmit = (formData) => {
+        const validationErrors = validate(formData);
+        setErrors(validationErrors);
+        if (Object.keys(validationErrors).length === 0) {
+            setMessage(null);
+            //   onSubmitServer(formData);
         }
-        finally {
-            setLoading(false);
+        else {
+            setMessage("Please fix the errors below.");
         }
     };
-    const RenderUi = UiComponent || UiRegister;
-    return (_jsxs(_Fragment, { children: [_jsx(RenderUi, { onSubmit: handleSubmit, errors: errors, message: message, dict: dict, lang: lang }), loading && (_jsx("p", { className: "text-center text-gray-200 mt-2", children: "Registering..." })), onGoogleRegister && (_jsx("div", { className: "flex justify-center mt-4", children: _jsx("button", { onClick: onGoogleRegister, className: "px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition", children: "Sign up with Google" }) }))] }));
+    return (_jsx(UiRegister, { onSubmit: handleSubmit, errors: errors, message: message }));
 }

package/dist/components/base/LanguageSwitcher.d.ts

@@ -0,0 +1 @@
+export default function LanguageSwitcher(): import("react").JSX.Element;

package/dist/components/base/LanguageSwitcher.js

@@ -0,0 +1,135 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-08 10:10:51
+ * @Description: Language Switcher with Glassmorphism Style
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname } from "next/navigation";
+import { useState, useRef, useEffect } from "react";
+// Components
+import { LanguageIcon } from "forma-ui";
+// Zustand
+import { useLangStore } from "@/stores/LangStore";
+// Interfaces
+import { languages, getNativeName, getFlag, } from "@/configs/language";
+export default function LanguageSwitcher() {
+    // Hooks
+    const router = useRouter();
+    const pathname = usePathname();
+    // States
+    const { lang, setLang } = useLangStore();
+    const [pendingLang, setPendingLang] = useState(null);
+    // States and Refs
+    const [isOpen, setIsOpen] = useState(false);
+    const [menuPos, setMenuPos] = useState({
+        top: 0,
+        left: 0,
+        width: 0,
+        position: "bottom",
+    });
+    const btnRef = useRef(null);
+    const menuRef = useRef(null);
+    // Functions
+    const getNewPath = (newLang) => {
+        const segments = pathname.split("/").filter(Boolean);
+        if (segments.length > 0 && segments[0] in languages) {
+            segments[0] = newLang;
+        }
+        else {
+            segments.unshift(newLang);
+        }
+        return "/" + segments.join("/");
+    };
+    const handleChange = (newLang) => {
+        if (newLang === lang)
+            return;
+        const newPath = getNewPath(newLang);
+        setPendingLang(newLang);
+        setIsOpen(false);
+        router.replace(newPath);
+    };
+    useEffect(() => {
+        if (pendingLang && pathname) {
+            const currentLangFromUrl = pathname.split("/").filter(Boolean)[0];
+            if (currentLangFromUrl === pendingLang) {
+                setLang(pendingLang);
+                setPendingLang(null);
+            }
+        }
+    }, [pathname, pendingLang, setLang]);
+    useEffect(() => {
+        if (isOpen && btnRef.current) {
+            const rect = btnRef.current.getBoundingClientRect();
+            const menuWidth = rect.width + 50;
+            const menuHeight = Object.keys(languages).length * 48 + 16;
+            let left = rect.left - 25;
+            let horizontalPosition = "left";
+            if (left + menuWidth > window.innerWidth) {
+                left = window.innerWidth - menuWidth - 10;
+                horizontalPosition = "right";
+            }
+            if (left < 10) {
+                left = 10;
+            }
+            let top = rect.bottom + 8;
+            let verticalPosition = "bottom";
+            if (top + menuHeight > window.innerHeight - 10) {
+                top = rect.top - menuHeight - 16;
+                verticalPosition = "top";
+            }
+            if (top < 10) {
+                top = 10;
+            }
+            setMenuPos({
+                top,
+                left,
+                width: menuWidth,
+                position: verticalPosition === "top" ? "top" : "bottom",
+            });
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (btnRef.current &&
+                !btnRef.current.contains(event.target) &&
+                menuRef.current &&
+                !menuRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    const getMenuAnimationClass = () => {
+        switch (menuPos.position) {
+            case "top":
+                return "origin-bottom scale-95";
+            case "bottom":
+            default:
+                return "origin-top scale-95";
+        }
+    };
+    return (_jsxs("div", { className: "relative inline-block", children: [_jsxs("button", { ref: btnRef, onClick: () => setIsOpen((prev) => !prev), className: "flex items-center gap-2 px-3 py-1.5 rounded-lg transition-all duration-300 cursor-pointer\n                   bg-white/10 dark:bg-Neutral-700/40\n                   backdrop-blur-md backdrop-saturate-150\n                   border border-white/40 dark:border-Neutral-600/30\n                   shadow-[0_8px_32px_rgba(0,0,0,0.08)] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]\n                   hover:bg-white/50 dark:hover:bg-Neutral-600/50\n                   hover:shadow-[0_8px_32px_rgba(0,0,0,0.12)] dark:hover:shadow-[0_8px_32px_rgba(0,0,0,0.4)]\n                   hover:border-white/60 dark:hover:border-Neutral-500/40", children: [_jsx("span", { className: "text-md", children: _jsx(LanguageIcon, { className: "text-Neutral-100" }) }), _jsx("svg", { className: `w-4 h-4 text-Neutral-100 transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), isOpen && (_jsx("div", { ref: menuRef, className: `fixed py-2 rounded-xl transition-all duration-200 transform ${getMenuAnimationClass()}
+                     bg-white/70 dark:bg-Neutral-800/50
+                     backdrop-blur-xl backdrop-saturate-150
+                     border border-white/50 dark:border-Neutral-600/30
+                     shadow-[0_20px_60px_rgba(0,0,0,0.15)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.4)]
+                     before:absolute before:inset-0 before:rounded-xl before:pointer-events-none
+                     before:bg-linear-to-br before:from-white/20 before:to-transparent before:opacity-50`, style: {
+                    top: menuPos.top,
+                    left: menuPos.left,
+                    width: menuPos.width,
+                }, children: Object.keys(languages).map((l) => {
+                    const currentLang = l;
+                    const isActive = currentLang === lang;
+                    return (_jsxs("button", { onClick: () => handleChange(currentLang), disabled: isActive, className: `w-full flex items-center gap-3 px-4 py-3 text-left transition-all duration-200
+                           ${isActive
+                            ? "text-primary-600 dark:text-primary-400 cursor-default bg-white/20 dark:bg-white/10"
+                            : "text-Neutral-400 hover:text-primary-600 dark:hover:text-primary-400 hover:bg-white/30 dark:hover:bg-Neutral-700/40 cursor-pointer"}`, children: [_jsx("span", { className: "text-lg", children: getFlag(currentLang) }), _jsx("span", { className: "font-medium", children: getNativeName(currentLang) }), isActive && (_jsx("div", { className: "w-2 h-2 bg-primary-500 dark:bg-primary-400 rounded-full ml-auto shadow-[0_0_12px_rgba(99,102,241,0.4)]" }))] }, currentLang));
+                }) }))] }));
+}

package/dist/components/demo/UiLogin.d.ts

@@ -1,2 +1,10 @@
-import { ClientLoginInterface } from "@/Interfaces";
-export default function UiLogin({ onSubmit, errors, message, }: ClientLoginInterface): import("react/jsx-runtime").JSX.Element;
+interface ClientLoginProps {
+    onSubmit: (formData: FormData) => void;
+    errors?: {
+        username?: string;
+        password?: string;
+    };
+    message?: string | null;
+}
+export default function UiLogin({ onSubmit, errors, message, }: ClientLoginProps): import("react").JSX.Element;
+export {};

package/dist/components/demo/UiLogin.js

@@ -1,26 +1,20 @@
-/*
- * @Author: Mohammad Felfelani
- * @Email: mfelfelani72@gmail.com
- * @Team:
- * @Date: 2025-10-02 08:04:22
- * @Description:
- */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import Image from "next/image";
 import Link from "next/link";
+import { useTranslation } from "@/hooks/useTranslation";
 export default function UiLogin({ onSubmit, errors, message, }) {
-    // States
+    const { t } = useTranslation();
     const [visible, setVisible] = useState(false);
-    // Functions
     useEffect(() => {
+        // trigger the animation on mount
         setVisible(true);
     }, []);
     return (_jsx("div", { className: "fixed inset-0 overflow-hidden flex items-center justify-center bg-gradient-to-br from-purple-900 via-purple-800 to-black p-4", children: _jsxs("div", { className: `w-full max-w-md bg-white/20 backdrop-blur-md rounded-2xl shadow-xl p-8 border border-white/30
           transform transition-all duration-700 ease-out
           ${visible ? "opacity-100 scale-100" : "opacity-0 scale-95"}
-        `, children: [_jsx("div", { className: "flex justify-center mb-6", children: _jsx(Image, { src: "/logo.png", alt: "Logo", width: 80, height: 80, className: "rounded-full shadow" }) }), _jsx("h1", { className: "text-2xl font-bold text-center text-white mb-2", children: "Welcome Back" }), _jsx("p", { className: "text-center text-gray-200 mb-6 text-sm", children: "Login with your credentials to continue" }), message && (_jsx("div", { role: "alert", className: "mb-4 text-center text-red-300 font-medium", children: message })), _jsxs("form", { onSubmit: (e) => {
+        `, children: [_jsx("div", { className: "relative w-40 h-20 mx-auto mb-8", children: _jsx(Image, { src: "/images/png/logo.png", alt: "Logo", fill: true, sizes: "auto", className: "object-contain", priority: true }) }), _jsx("h1", { className: "text-2xl font-bold text-center text-white mb-2", children: t("login") }), _jsx("p", { className: "text-center text-gray-200 mb-6 text-sm", children: "Login with your credentials to continue" }), message && (_jsx("div", { role: "alert", className: "mb-4 text-center text-red-300 font-medium", children: message })), _jsxs("form", { onSubmit: (e) => {
                         e.preventDefault();
                         const formData = new FormData(e.currentTarget);
                         onSubmit(formData);
@@ -28,5 +22,5 @@ export default function UiLogin({ onSubmit, errors, message, }) {
                                         ? "border-red-500"
                                         : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.username) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.username }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "password", className: "block text-sm font-medium text-white mb-1", children: "Password" }), _jsx("input", { id: "password", name: "password", type: "password", placeholder: "Enter your password", required: true, className: `w-full px-4 py-2 rounded-lg bg-white/20 focus:bg-white/30 border focus:outline-none focus:ring-2 text-white placeholder-gray-200 ${(errors === null || errors === void 0 ? void 0 : errors.password)
                                         ? "border-red-500"
-                                        : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.password) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.password }))] }), _jsx("button", { type: "submit", className: "w-full py-2 bg-purple-700/80 text-white rounded-lg hover:bg-purple-800 transition", children: "Log In" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-red-500 hover:bg-red-600 text-white transition font-bold text-lg", children: "G" }), _jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 hover:bg-blue-700 text-white transition font-bold text-lg", children: "F" }), _jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-400 hover:bg-blue-500 text-white transition font-bold text-lg", children: "T" })] }), _jsxs("p", { className: "text-center text-sm text-gray-200 mt-4", children: ["Don\u2019t have an account?", " ", _jsx(Link, { href: "/en/register", className: "underline hover:text-white", scroll: false, children: "Register" })] })] })] }) }));
+                                        : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.password) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.password }))] }), _jsx("button", { type: "submit", className: "w-full py-2 bg-purple-700/80 text-white rounded-lg hover:bg-purple-800 transition", children: "Log In" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-red-500 hover:bg-red-600 text-white transition font-bold text-lg", children: "G" }), _jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 hover:bg-blue-700 text-white transition font-bold text-lg", children: "F" }), _jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-400 hover:bg-blue-500 text-white transition font-bold text-lg", children: "T" })] }), _jsxs("p", { className: "text-center text-sm text-gray-200 mt-4", children: ["Don\u2019t have an account?", " ", _jsx(Link, { href: "/en/register", className: "underline hover:text-white", children: "Register" })] })] })] }) }));
 }

package/dist/components/demo/UiRegister.d.ts

@@ -1,2 +1,12 @@
-import { ClientRegisterInterface } from "@/Interfaces";
-export default function UiRegister({ onSubmit, errors, message, dict, lang, }: ClientRegisterInterface): import("react/jsx-runtime").JSX.Element;
+interface UiRegisterProps {
+    onSubmit: (formData: FormData) => void;
+    errors?: {
+        name?: string;
+        email?: string;
+        password?: string;
+        confirmPassword?: string;
+    };
+    message?: string | null;
+}
+export default function UiRegister({ onSubmit, errors, message, }: UiRegisterProps): import("react").JSX.Element;
+export {};

package/dist/components/demo/UiRegister.js

@@ -1,36 +1,15 @@
-/*
- * @Author: Mohammad Felfelani
- * @Email: mfelfelani72@gmail.com
- * @Team:
- * @Date: 2025-10-02 08:04:22
- * @Description:
- */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import Image from "next/image";
 import Link from "next/link";
-export default function UiRegister({ onSubmit, errors, message, dict, lang, }) {
-    // States
+export default function UiRegister({ onSubmit, errors, message, }) {
     const [visible, setVisible] = useState(false);
-    // Functions
     useEffect(() => {
-        setVisible(true);
+        setVisible(true); // simple fade+scale animation
     }, []);
-    return (_jsx("div", { className: "fixed inset-0 overflow-hidden flex items-center justify-center bg-gradient-to-br from-purple-900 via-purple-800 to-black p-4", children: _jsxs("div", { className: `w-full max-w-md bg-white/20 backdrop-blur-md rounded-2xl shadow-xl p-8 border border-white/30
-          transform transition-all duration-700 ease-out
-          ${visible ? "opacity-100 scale-100" : "opacity-0 scale-95"}
-        `, children: [_jsx("div", { className: "flex justify-center mb-6", children: _jsx(Image, { src: "/logo.png", alt: "Logo", width: 80, height: 80, className: "rounded-full shadow" }) }), _jsx("h1", { className: "text-2xl font-bold text-center text-white mb-2", children: "Create Account" }), _jsx("p", { className: "text-center text-gray-200 mb-6 text-sm", children: "Sign up to get started" }), message && (_jsx("div", { role: "alert", className: "mb-4 text-center text-red-300 font-medium", children: message })), _jsxs("form", { onSubmit: (e) => {
+    return (_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-gradient-to-br from-purple-900 via-purple-800 to-black p-4", children: _jsxs("div", { className: `w-full max-w-md bg-white/20 backdrop-blur-md rounded-2xl shadow-xl p-8 border border-white/30 transform transition-all duration-700 ease-out ${visible ? "opacity-100 scale-100" : "opacity-0 scale-95"}`, children: [_jsx("div", { className: "flex justify-center mb-6", children: _jsx(Image, { src: "/logo.png", alt: "Logo", width: 80, height: 80, className: "rounded-full shadow" }) }), _jsx("h1", { className: "text-2xl font-bold text-center text-white mb-2", children: "Create Account" }), _jsx("p", { className: "text-center text-gray-200 mb-6 text-sm", children: "Sign up to get started" }), message && (_jsx("div", { role: "alert", className: "mb-4 text-center text-red-300 font-medium", children: message })), _jsxs("form", { onSubmit: (e) => {
                         e.preventDefault();
-                        const formData = new FormData(e.currentTarget);
-                        onSubmit(formData);
-                    }, noValidate: true, className: "space-y-5", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "name", className: "block text-sm font-medium text-white mb-1", children: "Full Name" }), _jsx("input", { id: "name", name: "name", type: "text", placeholder: "Enter your full name", required: true, className: `w-full px-4 py-2 rounded-lg bg-white/20 focus:bg-white/30 border focus:outline-none focus:ring-2 text-white placeholder-gray-200 ${(errors === null || errors === void 0 ? void 0 : errors.name)
-                                        ? "border-red-500"
-                                        : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.name) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.name }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-white mb-1", children: "Email" }), _jsx("input", { id: "email", name: "email", type: "email", placeholder: "Enter your email", required: true, className: `w-full px-4 py-2 rounded-lg bg-white/20 focus:bg-white/30 border focus:outline-none focus:ring-2 text-white placeholder-gray-200 ${(errors === null || errors === void 0 ? void 0 : errors.email)
-                                        ? "border-red-500"
-                                        : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.email) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.email }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "password", className: "block text-sm font-medium text-white mb-1", children: "Password" }), _jsx("input", { id: "password", name: "password", type: "password", placeholder: "Enter your password", required: true, className: `w-full px-4 py-2 rounded-lg bg-white/20 focus:bg-white/30 border focus:outline-none focus:ring-2 text-white placeholder-gray-200 ${(errors === null || errors === void 0 ? void 0 : errors.password)
-                                        ? "border-red-500"
-                                        : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.password) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.password }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "password_confirmation", className: "block text-sm font-medium text-white mb-1", children: "Confirm Password" }), _jsx("input", { id: "password_confirmation", name: "password_confirmation", type: "password", placeholder: "Confirm your password", required: true, className: `w-full px-4 py-2 rounded-lg bg-white/20 focus:bg-white/30 border focus:outline-none focus:ring-2 text-white placeholder-gray-200 ${(errors === null || errors === void 0 ? void 0 : errors.password_confirmation)
-                                        ? "border-red-500"
-                                        : "border-gray-300 focus:ring-purple-400"}` }), (errors === null || errors === void 0 ? void 0 : errors.password_confirmation) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.password_confirmation }))] }), _jsx("button", { type: "submit", className: "w-full py-2 bg-purple-700/80 text-white rounded-lg hover:bg-purple-800 transition", children: "Sign Up" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-red-500 hover:bg-red-600 text-white transition font-bold text-lg", children: "G" }), _jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 hover:bg-blue-700 text-white transition font-bold text-lg", children: "F" }), _jsx("button", { type: "button", className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-400 hover:bg-blue-500 text-white transition font-bold text-lg", children: "T" })] }), _jsxs("p", { className: "text-center text-sm text-gray-200 mt-4", children: ["Already have an account?", " ", _jsx(Link, { href: `/${lang}/login`, className: "underline hover:text-white", scroll: false, children: "Login" })] })] })] }) }));
+                        onSubmit(new FormData(e.currentTarget));
+                    }, className: "space-y-5", children: [_jsx("input", { name: "name", placeholder: "Full Name", className: "w-full px-4 py-2 rounded-lg bg-white/20 text-white placeholder-gray-200" }), _jsx("input", { name: "email", type: "email", placeholder: "Email", className: "w-full px-4 py-2 rounded-lg bg-white/20 text-white placeholder-gray-200" }), _jsx("input", { name: "password", type: "password", placeholder: "Password", className: "w-full px-4 py-2 rounded-lg bg-white/20 text-white placeholder-gray-200" }), _jsx("input", { name: "confirmPassword", type: "password", placeholder: "Confirm Password", className: "w-full px-4 py-2 rounded-lg bg-white/20 text-white placeholder-gray-200" }), _jsx("button", { type: "submit", className: "w-full py-2 bg-purple-700/80 text-white rounded-lg hover:bg-purple-800 transition", children: "Sign Up" })] }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx("button", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-red-500 hover:bg-red-600 text-white font-bold text-lg transition", children: "G" }), _jsx("button", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 hover:bg-blue-700 text-white font-bold text-lg transition", children: "F" }), _jsx("button", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-blue-400 hover:bg-blue-500 text-white font-bold text-lg transition", children: "T" })] }), _jsxs("p", { className: "text-center text-sm text-gray-200 mt-4", children: ["Already have an account?", " ", _jsx(Link, { href: "/en/login", className: "underline hover:text-white", children: "Log in" })] })] }) }));
 }

package/dist/configs/env.d.ts

@@ -0,0 +1,30 @@
+import { z } from "zod";
+declare const serverSchema: z.ZodObject<{
+    AUTH_SECRET: z.ZodString;
+    DATABASE_URL: z.ZodString;
+    NEXTAUTH_URL: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+declare const clientSchema: z.ZodObject<{
+    NEXT_PUBLIC_APP_URL: z.ZodString;
+    NEXT_PUBLIC_API_URL: z.ZodString;
+}, z.core.$strip>;
+export type ServerEnv = z.infer<typeof serverSchema>;
+export type ClientEnv = z.infer<typeof clientSchema>;
+declare class EnvManager {
+    private _server;
+    private _client;
+    private _serverValidationErrors;
+    private _clientValidationErrors;
+    private _initialized;
+    private validate;
+    get server(): ServerEnv;
+    get client(): ClientEnv;
+    isServerValid(): boolean;
+    isClientValid(): boolean;
+    getServerErrors(): z.ZodError | null;
+    getClientErrors(): z.ZodError | null;
+    reset(): void;
+}
+export declare const env: EnvManager;
+export declare function checkEnv(): boolean;
+export {};

package/dist/configs/env.js

@@ -0,0 +1,129 @@
+// src/config/env.ts
+import { z } from "zod";
+// Define schemas
+const serverSchema = z.object({
+    AUTH_SECRET: z.string().min(32, "AUTH_SECRET must be at least 32 characters"),
+    DATABASE_URL: z.string().url("DATABASE_URL must be a valid URL"),
+    NEXTAUTH_URL: z.string().url().optional(),
+});
+const clientSchema = z.object({
+    NEXT_PUBLIC_APP_URL: z.string().url("NEXT_PUBLIC_APP_URL must be a valid URL"),
+    NEXT_PUBLIC_API_URL: z.string().url("NEXT_PUBLIC_API_URL must be a valid URL"),
+});
+// Helper to safely validate
+function validateEnv(schema, env) {
+    const result = schema.safeParse(env);
+    if (result.success) {
+        return { success: true, data: result.data };
+    }
+    return { success: false, errors: result.error };
+}
+// Lazy validation - only runs when accessed
+class EnvManager {
+    constructor() {
+        this._server = null;
+        this._client = null;
+        this._serverValidationErrors = null;
+        this._clientValidationErrors = null;
+        this._initialized = false;
+    }
+    validate() {
+        if (this._initialized)
+            return;
+        // Validate server env
+        const serverResult = validateEnv(serverSchema, process.env);
+        if (serverResult.success) {
+            this._server = serverResult.data;
+        }
+        else {
+            this._serverValidationErrors = serverResult.errors;
+        }
+        // Validate client env
+        const clientResult = validateEnv(clientSchema, process.env);
+        if (clientResult.success) {
+            this._client = clientResult.data;
+        }
+        else {
+            this._clientValidationErrors = clientResult.errors;
+        }
+        this._initialized = true;
+    }
+    get server() {
+        var _a;
+        this.validate();
+        if (this._server) {
+            return this._server;
+        }
+        throw new Error(`Missing or invalid server environment variables:\n` +
+            ((_a = this._serverValidationErrors) === null || _a === void 0 ? void 0 : _a.issues.map(i => `  - ${i.path.join('.')}: ${i.message}`).join('\n')) +
+            `\n\nPlease add these to your .env.local file.`);
+    }
+    get client() {
+        var _a;
+        this.validate();
+        if (this._client) {
+            return this._client;
+        }
+        throw new Error(`Missing or invalid client environment variables:\n` +
+            ((_a = this._clientValidationErrors) === null || _a === void 0 ? void 0 : _a.issues.map(i => `  - ${i.path.join('.')}: ${i.message}`).join('\n')) +
+            `\n\nPlease add these to your .env.local file.`);
+    }
+    // Check if all env vars are valid without throwing
+    isServerValid() {
+        this.validate();
+        return this._server !== null;
+    }
+    isClientValid() {
+        this.validate();
+        return this._client !== null;
+    }
+    // Get validation errors without throwing
+    getServerErrors() {
+        this.validate();
+        return this._serverValidationErrors;
+    }
+    getClientErrors() {
+        this.validate();
+        return this._clientValidationErrors;
+    }
+    // Reset validation (useful for testing)
+    reset() {
+        this._initialized = false;
+        this._server = null;
+        this._client = null;
+        this._serverValidationErrors = null;
+        this._clientValidationErrors = null;
+    }
+}
+// Singleton instance
+export const env = new EnvManager();
+// Helper for package consumers to check their env
+export function checkEnv() {
+    const errors = [];
+    if (!env.isServerValid()) {
+        const serverErrors = env.getServerErrors();
+        if (serverErrors) {
+            errors.push('Server environment variables:');
+            serverErrors.issues.forEach(issue => {
+                errors.push(`  - ${issue.path.join('.')}: ${issue.message}`);
+            });
+        }
+    }
+    if (!env.isClientValid()) {
+        const clientErrors = env.getClientErrors();
+        if (clientErrors) {
+            errors.push('Client environment variables:');
+            clientErrors.issues.forEach(issue => {
+                errors.push(`  - ${issue.path.join('.')}: ${issue.message}`);
+            });
+        }
+    }
+    if (errors.length > 0) {
+        console.warn('⚠️  Environment variable validation issues found:');
+        console.warn(errors.join('\n'));
+        console.warn('\nPlease add the required variables to your .env.local file');
+        return false;
+    }
+    console.log('✅ All environment variables are valid!');
+    return true;
+}

package/dist/configs/language.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 07:17:02
+ * @Description:
+ */
+export declare const languages: {
+    readonly en: {
+        readonly dir: "ltr";
+        readonly locale: "en_US";
+        readonly schemaLocale: "en-US";
+        readonly name: "English";
+        readonly flag: "🇺🇸";
+        readonly nativeName: "English";
+    };
+    readonly fa: {
+        readonly dir: "rtl";
+        readonly locale: "fa_IR";
+        readonly schemaLocale: "fa-IR";
+        readonly name: "Persian";
+        readonly flag: "🇮🇷";
+        readonly nativeName: "فارسی";
+    };
+};
+export type Lang = keyof typeof languages;
+export declare function getLocale(lang: Lang): string;
+export declare function getSchemaLocale(lang: Lang): string;
+export declare function getDirection(lang: Lang): "ltr" | "rtl";
+export declare function getName(lang: Lang): string;
+export declare function getNativeName(lang: Lang): string;
+export declare function getFlag(lang: Lang): string;