next-auth-mfelfelani72 0.0.22 → 0.0.24

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

@@ -0,0 +1,7 @@
+import { ImageProps } from "next/image";
+export interface CustomImageProps extends ImageProps {
+    enableLoading?: boolean;
+    fallbackElement?: React.ReactNode;
+}
+declare const Image: ({ enableLoading, ...props }: CustomImageProps) => import("react").JSX.Element;
+export default Image;

package/dist/components/base/Image.js

@@ -0,0 +1,112 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-08 10:10:51
+ * @Description:
+ */
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+// Components
+import NextImage from "next/image";
+import { imageLoader } from "forma-li";
+// Functions
+import * as motion from "motion/react-client";
+import { AnimatePresence } from "motion/react";
+import { cn } from "forma-li";
+// Hooks
+import { useTranslation } from "@/hooks/useTranslation";
+// Constants
+const PHRASE_KEYS = [
+    "loading_ahead_of_market",
+    "loading_where_news_gather",
+    "loading_stay_informed",
+    "loading_realtime_intelligence",
+    "loading_never_miss",
+    "loading_your_edge",
+    "loading_all_news_one_hub",
+];
+const PHRASE_INTERVAL = 3000;
+const FALLBACK_SRC = "/images/svg/baseLogo.svg";
+const SmallSpinner = ({ size }) => {
+    const s = Math.max(12, Math.min(size * 0.4, 28));
+    return (_jsxs("span", { className: "relative flex items-center justify-center", style: { width: s, height: s }, children: [_jsx(motion.span, { className: "absolute inset-0 rounded-full border-2 border-primary-400/20 dark:border-secondary-400/20" }), _jsx(motion.span, { className: "absolute inset-0 rounded-full border-2 border-transparent border-t-primary-400/60 dark:border-t-secondary-400/60", animate: { rotate: 360 }, transition: { duration: 1, repeat: Infinity, ease: "linear" } }), _jsx(motion.span, { className: "rounded-full bg-primary-400/30 dark:bg-secondary-400/30", style: { width: s * 0.2, height: s * 0.2 }, animate: { scale: [1, 1.5, 1], opacity: [0.3, 0.7, 0.3] }, transition: { duration: 1.2, repeat: Infinity, ease: "easeInOut" } })] }));
+};
+const ImageWithLoading = (_a) => {
+    var { className, onLoad, onError, src, fallbackElement } = _a, props = __rest(_a, ["className", "onLoad", "onError", "src", "fallbackElement"]);
+    const { t } = useTranslation();
+    const [isLoading, setIsLoading] = useState(true);
+    const [hasError, setHasError] = useState(false);
+    const [phraseIndex, setPhraseIndex] = useState(() => Math.floor(Math.random() * PHRASE_KEYS.length));
+    const [containerWidth, setContainerWidth] = useState(0);
+    const ref = useRef(null);
+    const isFill = props.fill;
+    const computedSizes = isFill && !props.sizes
+        ? "(max-width:768px) 100vw, (max-width:1200px) 50vw, 33vw"
+        : props.sizes;
+    // Track container width for responsive text / spinner
+    useEffect(() => {
+        if (!isLoading || !ref.current)
+            return;
+        const observer = new ResizeObserver(([entry]) => {
+            setContainerWidth(entry.contentRect.width);
+        });
+        observer.observe(ref.current);
+        return () => observer.disconnect();
+    }, [isLoading]);
+    // Rotate phrases while loading
+    useEffect(() => {
+        if (!isLoading)
+            return;
+        const interval = setInterval(() => {
+            setPhraseIndex((prev) => (prev + 1) % PHRASE_KEYS.length);
+        }, PHRASE_INTERVAL);
+        return () => clearInterval(interval);
+    }, [isLoading]);
+    const showText = containerWidth > 80;
+    const fontSize = Math.max(14, Math.min(containerWidth * 0.08, 36));
+    const padding = Math.max(8, containerWidth * 0.06);
+    // Determine the actual src to use
+    const actualSrc = hasError ? FALLBACK_SRC : src;
+    return (_jsxs("span", { ref: ref, className: cn("relative overflow-hidden", isFill ? "absolute inset-0" : "inline-block"), children: [_jsx(AnimatePresence, { children: isLoading && (_jsxs(motion.span, { className: "absolute inset-0 z-10 flex items-center justify-center overflow-hidden rounded-[inherit] bg-gray-100 dark:bg-gray-800", initial: { opacity: 1 }, exit: { opacity: 0, scale: 1.04 }, transition: { duration: 0.4, ease: "easeOut" }, children: [_jsx(motion.span, { className: "absolute inset-0 bg-linear-to-r from-transparent via-primary-400/6 to-transparent dark:via-secondary-400/6", style: { backgroundSize: "200% 100%" }, animate: { backgroundPosition: ["200% 0", "-200% 0"] }, transition: { duration: 2, repeat: Infinity, ease: "linear" } }), showText ? (_jsxs("span", { className: "relative z-10 flex flex-col items-center justify-center text-center", style: { padding, maxWidth: "90%" }, children: [_jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.span, { className: "block font-semibold leading-snug text-primary-400 dark:text-secondary-400", style: { fontSize }, initial: { opacity: 0, y: 10, filter: "blur(6px)" }, animate: { opacity: 0.7, y: 0, filter: "blur(0px)" }, exit: { opacity: 0, y: -10, filter: "blur(6px)" }, transition: { duration: 0.5, ease: "easeInOut" }, children: t(PHRASE_KEYS[phraseIndex]) }, phraseIndex) }), _jsx(motion.span, { className: "mt-2 h-0.5 rounded-full bg-primary-400/25 dark:bg-secondary-400/25", style: { width: Math.min(containerWidth * 0.45, 120) }, animate: { scaleX: [0.6, 1, 0.6] }, transition: {
+                                        duration: 2.5,
+                                        repeat: Infinity,
+                                        ease: "easeInOut",
+                                    } })] })) : (_jsx(SmallSpinner, { size: containerWidth }))] }, "image-loader")) }), hasError && fallbackElement && (_jsx("span", { className: cn("absolute inset-0 z-20", className), children: fallbackElement })), _jsx(NextImage, Object.assign({}, props, { src: actualSrc, sizes: computedSizes, loader: imageLoader, className: cn("transition-opacity duration-500 ease-out", isLoading || (hasError && fallbackElement)
+                    ? "opacity-0"
+                    : "opacity-100", className), onLoad: (e) => {
+                    setIsLoading(false);
+                    onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
+                }, onError: (e) => {
+                    if (!hasError) {
+                        setHasError(true);
+                        if (fallbackElement)
+                            setIsLoading(false);
+                        onError === null || onError === void 0 ? void 0 : onError(e);
+                    }
+                    else {
+                        setIsLoading(false);
+                        onError === null || onError === void 0 ? void 0 : onError(e);
+                    }
+                } }))] }));
+};
+const Image = (_a) => {
+    var { enableLoading = true } = _a, props = __rest(_a, ["enableLoading"]);
+    if (!enableLoading) {
+        return _jsx(NextImage, Object.assign({}, props, { loader: imageLoader }));
+    }
+    return _jsx(ImageWithLoading, Object.assign({}, props));
+};
+export default Image;

package/dist/components/base/LanguageSwitcher.js

@@ -12,9 +12,10 @@ import { useState, useRef, useEffect } from "react";
 // Components
 import { LanguageIcon } from "forma-ui";
 // Zustand
-import { useLangStore } from "../../stores/LangStore";
+import { useLangStore } from "forma-li";
 // Interfaces
-import { languages, getNativeName, getFlag, } from "../../configs/language";
+import { languages } from "../../configs/language";
+import { getLanguage } from "forma-li";
 export default function LanguageSwitcher() {
     // Hooks
     const router = useRouter();
@@ -130,6 +131,6 @@ export default function LanguageSwitcher() {
                     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));
+                            : "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: getLanguage(currentLang).flag }), _jsx("span", { className: "font-medium", children: getLanguage(currentLang).nativeName }), 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/base/LocalizedLink.d.ts

@@ -0,0 +1,14 @@
+import { LinkProps } from "next/link";
+import { ReactNode } from "react";
+import { UrlObject } from "url";
+interface LocalizedLinkProps extends Omit<LinkProps, "href"> {
+    href: string | UrlObject;
+    prefetch?: boolean;
+    children: ReactNode;
+    locale?: string;
+    target?: string;
+    className?: string;
+    style?: any;
+}
+export default function LocalizedLink({ href, prefetch, children, locale, className, ...props }: LocalizedLinkProps): import("react").JSX.Element;
+export {};

package/dist/components/base/LocalizedLink.js

@@ -0,0 +1,49 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-05 09:56:22
+ * @Description: LocalizedLink با TypeScript
+ */
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+export default function LocalizedLink(_a) {
+    var { href, prefetch = false, children, locale, className } = _a, props = __rest(_a, ["href", "prefetch", "children", "locale", "className"]);
+    const pathname = usePathname();
+    const currentLang = locale || pathname.split("/")[1] || "en";
+    const isExternal = typeof href === "string" && /^(https?:\/\/|mailto:|tel:|#)/.test(href);
+    if (isExternal) {
+        return (_jsx("a", Object.assign({ href: href }, props, { className: className, children: children })));
+    }
+    let normalizedHref;
+    if (typeof href === "string") {
+        const hasLangPrefix = href.startsWith(`/${currentLang}/`) || href === `/${currentLang}`;
+        normalizedHref = hasLangPrefix
+            ? href
+            : `/${currentLang}${href.startsWith("/") ? href : `/${href}`}`;
+    }
+    else {
+        normalizedHref = Object.assign(Object.assign({}, href), { pathname: href.pathname
+                ? href.pathname.startsWith(`/${currentLang}/`) ||
+                    href.pathname === `/${currentLang}`
+                    ? href.pathname
+                    : `/${currentLang}${href.pathname.startsWith("/")
+                        ? href.pathname
+                        : `/${href.pathname}`}`
+                : undefined });
+    }
+    return (_jsx(Link, Object.assign({ rel: "preload", scroll: false, prefetch: prefetch, href: normalizedHref }, props, { className: className, children: children })));
+}

package/dist/components/demo/auth/Login.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { LoginProps } from "@/types";
+export default function Login({ layout, theme, className }: LoginProps): React.JSX.Element;

package/dist/components/demo/auth/Login.js

@@ -0,0 +1,66 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useMemo, lazy } from "react";
+// Components
+const LazyTwoColumn = lazy(() => import("@/components/demo/auth/layouts/twoColumn/LoginLanding"));
+// Constants
+const LAYOUT_MAP = {
+    twoColumn: LazyTwoColumn,
+};
+// Functions
+import { cn } from "forma-li";
+export default function Login({ layout, theme, className }) {
+    // States
+    const [errors, setErrors] = useState({});
+    const [message, setMessage] = useState(null);
+    // Functions
+    const handleSubmit = async (formData) => {
+        setMessage(null);
+        setErrors({});
+        const email = formData.get("email") || "";
+        const password = formData.get("password") || "";
+        const newErrors = {};
+        if (!email.trim())
+            newErrors.email = "Email is required";
+        else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email))
+            newErrors.email = "Invalid email format";
+        if (!password)
+            newErrors.password = "Password is required";
+        else if (password.length < 6)
+            newErrors.password = "Password must be at least 6 characters";
+        if (Object.keys(newErrors).length > 0) {
+            setErrors(newErrors);
+            setMessage("Please fix the errors below.");
+            return;
+        }
+        try {
+            const res = await fetch("/api/auth/login", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ email, password }),
+            });
+            const data = await res.json();
+            if (!res.ok) {
+                setMessage((data === null || data === void 0 ? void 0 : data.message) || "Login failed");
+                return;
+            }
+            setMessage((data === null || data === void 0 ? void 0 : data.message) || "Login successful");
+        }
+        catch (err) {
+            setMessage((err === null || err === void 0 ? void 0 : err.message) || "Network error");
+        }
+    };
+    const RenderUi = useMemo(() => {
+        return LAYOUT_MAP[layout || ""] || LAYOUT_MAP.twoColumn;
+    }, [layout]);
+    return (_jsx("div", { style: {
+            backgroundImage: `url('/images/jpg/${theme || "default"}_auth.jpeg')`,
+        }, className: cn("zz-10 w-full max-w-md px-4 max-h-screen bg-cover bg-center bg-fixed overflow-hidden", className), children: _jsx(RenderUi, { onSubmit: handleSubmit, errors: errors, message: message, theme: theme }) }));
+}

package/dist/components/demo/auth/Register.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { RegisterProps } from "@/types";
+export default function Register({ layout, theme, className, }: RegisterProps): React.JSX.Element;

package/dist/components/demo/auth/Register.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useMemo, lazy } from "react";
+import { cn } from "forma-li";
+const LazyTwoColumn = lazy(() => import("@/components/demo/auth/layouts/twoColumn/RegisterLanding"));
+const LAYOUT_MAP = {
+    twoColumn: LazyTwoColumn,
+};
+export default function Register({ layout = "twoColumn", theme, className, }) {
+    const [errors, setErrors] = useState({});
+    const [message, setMessage] = useState(null);
+    const validate = (formData) => {
+        var _a, _b, _c;
+        const newErrors = {};
+        // const name = formData.get("name")?.toString().trim();
+        const email = (_a = formData.get("email")) === null || _a === void 0 ? void 0 : _a.toString().trim();
+        const password = (_b = formData.get("password")) === null || _b === void 0 ? void 0 : _b.toString();
+        const confirmPassword = (_c = formData.get("confirmPassword")) === null || _c === void 0 ? void 0 : _c.toString();
+        // if (!name) newErrors.name = "Name is required";
+        if (!email)
+            newErrors.email = "Email is required";
+        else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email))
+            newErrors.email = "Invalid email format";
+        if (!password)
+            newErrors.password = "Password is required";
+        else if (password.length < 6)
+            newErrors.password = "Password must be at least 6 characters";
+        if (!confirmPassword)
+            newErrors.confirmPassword = "Confirm your password";
+        else if (password !== confirmPassword)
+            newErrors.confirmPassword = "Passwords do not match";
+        return newErrors;
+    };
+    const handleSubmit = async (formData) => {
+        var _a, _b, _c;
+        setMessage(null);
+        setErrors({});
+        const validationErrors = validate(formData);
+        if (Object.keys(validationErrors).length > 0) {
+            setErrors(validationErrors);
+            setMessage("Please fix the errors below.");
+            return;
+        }
+        try {
+            // const name = formData.get("name")?.toString().trim();
+            const name = "sky";
+            const email = (_a = formData.get("email")) === null || _a === void 0 ? void 0 : _a.toString().trim();
+            const password = (_b = formData.get("password")) === null || _b === void 0 ? void 0 : _b.toString();
+            const confirmPassword = (_c = formData.get("confirmPassword")) === null || _c === void 0 ? void 0 : _c.toString();
+            console.log(formData);
+            const res = await fetch("/api/auth/register", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ name, email, password, confirmPassword }),
+            });
+            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");
+        }
+    };
+    const RenderUi = useMemo(() => {
+        return LAYOUT_MAP[layout] || LAYOUT_MAP.twoColumn;
+    }, [layout]);
+    return (_jsx("div", { style: {
+            backgroundImage: `url('/images/jpg/${theme || "default"}_auth.jpeg')`,
+        }, className: cn("z-10 w-full max-w-md px-4 max-h-screen bg-cover bg-center bg-fixed overflow-hidden", className), children: _jsx(RenderUi, { onSubmit: handleSubmit, errors: errors, message: message, theme: theme }) }));
+}

package/dist/components/demo/auth/layouts/twoColumn/LoginLanding.d.ts

@@ -0,0 +1,2 @@
+import type { LoginComponentProps } from "@/types";
+export default function TwoColumnLayout(props: LoginComponentProps): import("react").JSX.Element | null;

package/dist/components/demo/auth/layouts/twoColumn/LoginLanding.js

@@ -0,0 +1,31 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Date: 2025-10-04 11:48:20
+ * @Description: TwoColumnLayout with client-side cookie detection
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import dynamic from "next/dynamic";
+import { getCookie } from "forma-li";
+// Components
+const LoginDesktop = dynamic(() => import("./desktop/Login"));
+const LoginMobile = dynamic(() => import("./mobile/Login"));
+const LoginIpad = dynamic(() => import("./ipad/Login"));
+// Functions
+import { detectComponentsResponsive } from "forma-li";
+export default function TwoColumnLayout(props) {
+    const [deviceType, setDeviceType] = useState();
+    useEffect(() => {
+        const device = getCookie("device-type");
+        if (device) {
+            setDeviceType(device);
+        }
+    });
+    const LoginComponent = detectComponentsResponsive(deviceType, LoginMobile, LoginIpad, LoginDesktop);
+    if (typeof LoginComponent === "string") {
+        return null;
+    }
+    return _jsx(LoginComponent, Object.assign({}, props));
+}

package/dist/components/demo/auth/layouts/twoColumn/RegisterLanding.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterComponentProps } from "@/types";
+export default function TwoColumnLayout(props: RegisterComponentProps): import("react").JSX.Element | null;

package/dist/components/demo/auth/layouts/twoColumn/RegisterLanding.js

@@ -0,0 +1,31 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Date: 2025-10-04 11:48:20
+ * @Description: TwoColumnLayout with client-side cookie detection
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import dynamic from "next/dynamic";
+import { getCookie } from "forma-li";
+// Components
+const RegisterDesktop = dynamic(() => import("./desktop/Register"));
+const RegisterMobile = dynamic(() => import("./mobile/Register"));
+const RegisterIpad = dynamic(() => import("./ipad/Register"));
+// Functions
+import { detectComponentsResponsive } from "forma-li";
+export default function TwoColumnLayout(props) {
+    const [deviceType, setDeviceType] = useState();
+    useEffect(() => {
+        const device = getCookie("device-type");
+        if (device) {
+            setDeviceType(device);
+        }
+    });
+    const RegisterComponent = detectComponentsResponsive(deviceType, RegisterMobile, RegisterIpad, RegisterDesktop);
+    if (typeof RegisterComponent === "string") {
+        return null;
+    }
+    return _jsx(RegisterComponent, Object.assign({}, props));
+}

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/login/LoginForm.d.ts

@@ -0,0 +1,2 @@
+import type { LoginComponentProps } from "@/types";
+export default function LoginForm({ onSubmit, errors, message, }: LoginComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/login/LoginForm.js

@@ -0,0 +1,29 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+// Components
+import LocalizedLink from "@/components/base/LocalizedLink";
+import { InputPassword, InputEmail } from "forma-ui";
+const GoogleIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [_jsx("path", { fill: "#4285F4", d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" }), _jsx("path", { fill: "#34A853", d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" }), _jsx("path", { fill: "#FBBC05", d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" }), _jsx("path", { fill: "#EA4335", d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z" })] }) }));
+// Hooks
+import { useTranslation } from "@/hooks/useTranslation";
+export default function LoginForm({ onSubmit, errors, message, }) {
+    // Hooks
+    const { t } = useTranslation();
+    // States
+    const [isLoading, setIsLoading] = useState(false);
+    // Functions
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        onSubmit(formData);
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col h-full w-full animate-in fade-in slide-in-from-bottom-4 duration-500 justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-7", children: [_jsxs("div", { children: [_jsx("label", { className: "xs:text-[16px] text-Neutral-100 mb-1", children: t("email") }), _jsx(InputEmail, { id: "email", name: "email", label: "", validate: t("invalid_email"), placeholder: t("enter_your_email"), className: "flex justify-between h-10 rounded-lg xl:placeholder:text-sm xs:placeholder:text-xs shadow-inner bg-white/20 border-Neutral-200 text-white placeholder:text-Neutral-100" }), (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", { className: "xs:text-[16px] text-Neutral-100 mb-1", children: t("password") }), _jsx(InputPassword, { id: "password", name: "password", validate: t("invalid_password"), placeholder: t("enter_your_password"), className: "flex justify-between h-10 rounded-lg xl:placeholder:text-sm xs:placeholder:text-xs shadow-inner bg-white/20 border-Neutral-200 text-white placeholder:text-Neutral-100" }), (errors === null || errors === void 0 ? void 0 : errors.password) && (_jsx("p", { className: "mt-1 text-sm text-red-300", children: errors.password }))] })] }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(LocalizedLink, { href: "/auth/forgot-password", className: "text-xs text-Neutral-100 hover:text-primary-400 transition-colors", children: t("forgot_password") }) }), message && (_jsx("div", { className: "mt-4 text-center text-sm text-red-300", children: message }))] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-4 mt-6", children: [_jsx("div", { className: "flex-1 h-px bg-Neutral-100" }), _jsx("span", { className: "text-xs text-Neutral-100", children: t("or_continue_with") }), _jsx("div", { className: "flex-1 h-px bg-Neutral-100" })] }), _jsx("div", { className: "flex gap-3 mt-2", children: _jsxs("button", { type: "button", className: "flex-1 flex items-center justify-center gap-2 py-2 rounded-lg border border-Neutral-200 bg-white/20 hover:bg-white/30 transition-all duration-300 text-Neutral-100 cursor-pointer", children: [_jsx(GoogleIcon, {}), _jsx("span", { className: "text-sm", children: t("google") })] }) }), _jsxs("p", { className: "text-center mt-2 text-sm text-Neutral-100", children: [t("dont_have_account"), " ", _jsx(LocalizedLink, { href: "/auth/register", className: "text-primary-400 hover:text-primary-300 font-medium transition-colors", children: t("create_account") })] }), _jsx("button", { type: "submit", disabled: isLoading, className: "w-full mt-2 py-3 rounded-lg bg-linear-to-r from-primary-400 to-primary-500 text-white font-semibold text-sm hover:shadow-lg hover:shadow-primary-400/30 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed", children: isLoading ? (_jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsxs("svg", { className: "animate-spin h-4 w-4", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", fill: "none" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), t("loading")] })) : (t("login")) })] })] }));
+}

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/register/RegisterForm.d.ts

@@ -0,0 +1,3 @@
+import type { RegisterComponentProps } from "@/types";
+declare const RegisterForm: ({ onSubmit, errors, message, }: RegisterComponentProps) => import("react").JSX.Element;
+export default RegisterForm;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/register/RegisterForm.js

@@ -0,0 +1,31 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-12-31 07:59:15
+ * @Description: Register Form with social login & login link
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+// Hooks
+import { useTranslation } from "@/hooks/useTranslation";
+// Components
+import { InputPassword, InputEmail, InputRePassword } from "forma-ui";
+import LocalizedLink from "@/components/base/LocalizedLink";
+// Google SVG Icon Component
+// Interface
+const RegisterForm = ({ onSubmit, errors, message, }) => {
+    // Hooks
+    const { t } = useTranslation();
+    // States
+    const [isLoading, setIsLoading] = useState(false);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        console.log(formData);
+        onSubmit(formData); // ✅ اینجا onSubmit رو صدا بزن
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col h-full w-full animate-in fade-in slide-in-from-bottom-4 duration-500 justify-between", children: [_jsx("div", { children: _jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("label", { className: "xs:text-[16px] text-Neutral-100 mb-1", children: t("email") }), _jsx(InputEmail, { id: "email", name: "email", validate: t("invalid_email"), placeholder: t("enter_your_email"), className: "flex justify-between h-10 rounded-lg xl:placeholder:text-sm xs:placeholder:text-xs shadow-inner bg-white/20 border-Neutral-200 text-white placeholder:text-Neutral-100" })] }), _jsxs("div", { children: [_jsx("label", { className: "xs:text-[16px] text-Neutral-100 mb-1", children: t("password") }), _jsx(InputPassword, { id: "password", name: "password", validate: t("invalid_password"), placeholder: t("enter_your_password"), className: "flex justify-between h-10 rounded-lg xl:placeholder:text-sm xs:placeholder:text-xs shadow-inner bg-white/20 border-Neutral-200 text-white placeholder:text-Neutral-100" })] }), _jsx("div", { children: _jsx("label", { className: "xs:text-[16px] text-Neutral-100 mb-1", children: t("confirm_password") }) }), _jsx(InputRePassword, { id: "confirmPassword", name: "confirmPassword", validate: t("mismatch_password"), placeholder: t("confirm_your_password"), className: "flex justify-between px-10 h-10 w-full rounded-lg xl:placeholder:text-sm xs:placeholder:text-xs shadow-inner bg-white/20 border-Neutral-200 text-white placeholder:text-Neutral-100" })] }) }), _jsxs("div", { children: [_jsxs("p", { className: "text-center mt-2 text-sm text-Neutral-100", children: [t("already_have_account?"), " ", _jsx(LocalizedLink, { href: "/auth/login", className: "text-primary-400 hover:text-primary-300 font-medium transition-colors", children: t("login") })] }), _jsx("button", { type: "submit", disabled: isLoading, className: "w-full mt-2 py-3 rounded-lg bg-linear-to-r from-primary-400 to-primary-500 text-white font-semibold text-sm hover:shadow-lg hover:shadow-primary-400/30 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed", children: isLoading ? (_jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsxs("svg", { className: "animate-spin h-4 w-4", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", fill: "none" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), t("loading")] })) : (t("register")) })] })] }));
+};
+export default RegisterForm;

package/dist/components/demo/auth/layouts/twoColumn/desktop/Login.d.ts

@@ -0,0 +1,2 @@
+import type { LoginComponentProps } from "@/types";
+export default function LoginDesktop(props: LoginComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/desktop/Login.js

@@ -0,0 +1,31 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import dynamic from "next/dynamic";
+// Hooks
+import { useTranslation } from "@/hooks/useTranslation";
+export default function LoginDesktop(props) {
+    // Hooks
+    const { t } = useTranslation();
+    // Functions
+    const Components = useMemo(() => {
+        const createDynamicComponent = (name) => {
+            return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/${name}`).catch(() => import(`../common/theme/default/${name}`)), { ssr: false });
+        };
+        return {
+            LeftSidebar: createDynamicComponent("LeftSidebar"),
+            RightSidebar: createDynamicComponent("RightSidebar"),
+            LoginForm: createDynamicComponent("login/LoginForm"),
+            LoginDetails: createDynamicComponent("login/LoginDetails"),
+        };
+    }, [props === null || props === void 0 ? void 0 : props.theme]);
+    const { LeftSidebar, RightSidebar, LoginForm, LoginDetails } = Components;
+    return (_jsx("div", { className: "flex flex-row h-screen w-full items-center justify-center", children: _jsxs("div", { className: "relative inline-flex flex-row z-120 max-w-[60dvw] h-[77dvh]", children: [_jsx(LeftSidebar, { title: t("login_title"), description: t("login_description"), children: _jsx(LoginForm, Object.assign({}, props)) }), _jsx(RightSidebar, { children: _jsx(LoginDetails, {}) })] }) }));
+}

package/dist/components/demo/auth/layouts/twoColumn/desktop/Register.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterComponentProps } from "@/types";
+export default function RegisterDesktop(props: RegisterComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/desktop/Register.js

@@ -0,0 +1,31 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import dynamic from "next/dynamic";
+// Hooks
+import { useTranslation } from "@/hooks/useTranslation";
+export default function RegisterDesktop(props) {
+    // Hooks
+    const { t } = useTranslation();
+    // Functions
+    const Components = useMemo(() => {
+        const createDynamicComponent = (name) => {
+            return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/${name}`).catch(() => import(`../common/theme/default/${name}`)), { ssr: false });
+        };
+        return {
+            LeftSidebar: createDynamicComponent("LeftSidebar"),
+            RightSidebar: createDynamicComponent("RightSidebar"),
+            RegisterForm: createDynamicComponent("register/RegisterForm"),
+            RegisterDetails: createDynamicComponent("register/RegisterDetails"),
+        };
+    }, [props === null || props === void 0 ? void 0 : props.theme]);
+    const { LeftSidebar, RightSidebar, RegisterForm, RegisterDetails } = Components;
+    return (_jsx("div", { className: "flex flex-row h-screen w-full items-center justify-center", children: _jsxs("div", { className: "relative inline-flex flex-row z-120 max-w-[60dvw] h-[77dvh]", children: [_jsx(LeftSidebar, { title: t("register_title"), description: t("register_description"), children: _jsx(RegisterForm, Object.assign({}, props)) }), _jsx(RightSidebar, { children: _jsx(RegisterDetails, {}) })] }) }));
+}

package/dist/components/demo/auth/layouts/twoColumn/ipad/Login.d.ts

@@ -0,0 +1,2 @@
+import type { LoginComponentProps } from "@/types";
+export default function LoginIpad(props: LoginComponentProps): import("react").JSX.Element;