@solidstarters/solid-core-ui 1.1.73 → 1.1.75

package/dist/components/Svg/ExcelSvg.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-interface MediaProps {
-    size?: any
-}
-export const ExcelSvg = (props: MediaProps) => {
-    const { size } = props;
-    return (
-        <svg width={size ? size : 80} height={size ? size : 80} viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15 10.4147V10.4146C14.9999 5.29959 19.6888 1 25.3892 1H53.5858L77 24.4142V69.5852C77 74.7288 72.5287 78.9999 66.8806 78.9999H25.1406C19.47 78.9999 15 74.7276 15 69.5852V10.4147Z" fill="white" stroke="#DBDBDB" stroke-width="2" />
-            <path d="M54.0513 16.32V0L78 24H62.0342C54.8496 24 53.7187 18.88 54.0513 16.32Z" fill="#D4D4D8" />
-            <rect x="2" y="38" width="51" height="30" rx="6" fill="#079455" />
-            <path d="M13.7955 46.9091L16.4354 51.3707H16.5376L19.1903 46.9091H22.3161L18.321 53.4545L22.4055 60H19.2223L16.5376 55.532H16.4354L13.7507 60H10.5803L14.6776 53.4545L10.657 46.9091H13.7955ZM24.0675 60V46.9091H26.8352V57.718H32.4474V60H24.0675ZM41.3819 50.674C41.3308 50.1584 41.1113 49.7578 40.7235 49.4723C40.3358 49.1868 39.8095 49.044 39.1447 49.044C38.693 49.044 38.3116 49.108 38.0005 49.2358C37.6895 49.3594 37.4508 49.532 37.2846 49.7536C37.1227 49.9751 37.0417 50.2266 37.0417 50.5078C37.0332 50.7422 37.0822 50.9467 37.1887 51.1214C37.2995 51.2962 37.4508 51.4474 37.6426 51.5753C37.8343 51.6989 38.0559 51.8075 38.3074 51.9013C38.5588 51.9908 38.8272 52.0675 39.1127 52.1314L40.2889 52.4126C40.8599 52.5405 41.3841 52.7109 41.8613 52.924C42.3386 53.1371 42.752 53.3991 43.1014 53.7102C43.4508 54.0213 43.7214 54.3878 43.9132 54.8097C44.1092 55.2315 44.2093 55.7152 44.2136 56.2607C44.2093 57.0618 44.0048 57.7564 43.6 58.3445C43.1994 58.9283 42.6199 59.3821 41.8613 59.706C41.1071 60.0256 40.1973 60.1854 39.1319 60.1854C38.0751 60.1854 37.1547 60.0234 36.3706 59.6996C35.5907 59.3757 34.9814 58.8963 34.5424 58.2614C34.1078 57.6222 33.8798 56.8317 33.8585 55.8899H36.5368C36.5666 56.3288 36.6923 56.6953 36.9139 56.9893C37.1397 57.2791 37.4402 57.4986 37.8152 57.6477C38.1944 57.7926 38.6227 57.8651 39.1 57.8651C39.5687 57.8651 39.9757 57.7969 40.3208 57.6605C40.6703 57.5241 40.9409 57.3345 41.1326 57.0916C41.3244 56.8487 41.4203 56.5696 41.4203 56.2543C41.4203 55.9602 41.3329 55.7131 41.1582 55.5128C40.9877 55.3125 40.7363 55.142 40.4039 55.0014C40.0758 54.8608 39.6731 54.733 39.1958 54.6179L37.7704 54.2599C36.6667 53.9915 35.7953 53.5717 35.1561 53.0007C34.5169 52.4297 34.1994 51.6605 34.2037 50.6932C34.1994 49.9006 34.4103 49.2081 34.8365 48.6158C35.2669 48.0234 35.8571 47.5611 36.6071 47.2287C37.3571 46.8963 38.2093 46.7301 39.1639 46.7301C40.1355 46.7301 40.9835 46.8963 41.7079 47.2287C42.4366 47.5611 43.0034 48.0234 43.4082 48.6158C43.813 49.2081 44.0218 49.8942 44.0346 50.674H41.3819Z" fill="white" />
-        </svg>
-    )
-}

package/dist/components/Svg/FileSvg.tsx

@@ -1,19 +0,0 @@
-import * as React from "react"
-import { SVGProps } from "react"
-const FileSvg = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={64}
-    height={64}
-    fill="none"
-    {...props}
-    className="solid-file-reader"
-  >
-    <path
-      fill="#F9F0FF"
-      d="M36.03 25.291a2 2 0 0 1-2-2V6.271H16a6 6 0 0 0-6 6v40.08a6 6 0 0 0 6 6h31.06a6.01 6.01 0 0 0 6-6v-27.06H36.03Z"
-    />
-    <path fill="#722ED1" d="M51.88 21.291 38.03 7.441v13.85h13.85Z" />
-  </svg>
-)
-export default FileSvg

package/dist/components/Svg/PDFSvg.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-interface MediaProps {
-    size?: any
-}
-export const PDFSvg = (props: MediaProps) => {
-    const { size } = props;
-    return (
-        <svg width={size ? size : 80} height={size ? size : 80} viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15 10.4147V10.4146C14.9999 5.29959 19.6888 1 25.3892 1H53.5858L77 24.4142V69.5852C77 74.7288 72.5287 78.9999 66.8806 78.9999H25.1406C19.47 78.9999 15 74.7276 15 69.5852V10.4147Z" fill="white" stroke="#DBDBDB" stroke-width="2" />
-            <path d="M54.0513 16.32V0L78 24H62.0342C54.8496 24 53.7187 18.88 54.0513 16.32Z" fill="#D4D4D8" />
-            <rect x="2" y="38" width="52" height="30" rx="6" fill="#E62E05" />
-            <path d="M11.4718 60V46.9091H16.6365C17.6294 46.9091 18.4753 47.0987 19.1742 47.478C19.873 47.853 20.4057 48.375 20.7722 49.044C21.1429 49.7088 21.3283 50.4759 21.3283 51.3452C21.3283 52.2145 21.1408 52.9815 20.7658 53.6463C20.3908 54.3111 19.8475 54.8288 19.1358 55.1996C18.4284 55.5703 17.5719 55.7557 16.5662 55.7557H13.2743V53.5376H16.1188C16.6515 53.5376 17.0904 53.446 17.4355 53.2628C17.785 53.0753 18.0449 52.8175 18.2154 52.4893C18.3901 52.157 18.4775 51.7756 18.4775 51.3452C18.4775 50.9105 18.3901 50.5312 18.2154 50.2074C18.0449 49.8793 17.785 49.6257 17.4355 49.4467C17.0861 49.2635 16.6429 49.1719 16.106 49.1719H14.2395V60H11.4718ZM23.1261 60V46.9091H28.2908C29.2837 46.9091 30.1296 47.0987 30.8285 47.478C31.5273 47.853 32.06 48.375 32.4265 49.044C32.7972 49.7088 32.9826 50.4759 32.9826 51.3452C32.9826 52.2145 32.7951 52.9815 32.4201 53.6463C32.0451 54.3111 31.5018 54.8288 30.7901 55.1996C30.0827 55.5703 29.2262 55.7557 28.2205 55.7557H24.9286V53.5376H27.7731C28.3058 53.5376 28.7447 53.446 29.0898 53.2628C29.4393 53.0753 29.6992 52.8175 29.8697 52.4893C30.0444 52.157 30.1317 51.7756 30.1317 51.3452C30.1317 50.9105 30.0444 50.5312 29.8697 50.2074C29.6992 49.8793 29.4393 49.6257 29.0898 49.4467C28.7404 49.2635 28.2972 49.1719 27.7603 49.1719H25.8938V60H23.1261ZM34.2818 49.1911V46.9091H45.0332V49.1911H41.0254V60H38.2896V49.1911H34.2818Z" fill="white" />
-        </svg>
-    )
-}

package/dist/components/Svg/RightArrowSvg.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const RightArrowSvg = () => {
-    return (
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <path d="M11.6667 11L10.7167 10.0667L12.1167 8.66667H2V7.33333H12.1167L10.7333 5.93333L11.6833 5L14.6667 8L11.6667 11Z" fill="black" fill-opacity="0.45" />
-        </svg>
-    )
-}

package/dist/components/Tag/CustomTag.tsx

@@ -1,50 +0,0 @@
-"use client";
-interface Props {
-    className?: string,
-    value: string,
-    severity: string,
-}
-
-const getSeverityColor = (severity: string): { textColor: string; backgroundColor: string } => {
-    let textColor;
-    let backgroundColor;
-
-    switch (severity) {
-        case 'Delivered':
-            textColor = '#148C00';
-            backgroundColor = '#E8FFEA';
-            break;
-        case 'Returned':
-            textColor = '#D89100';
-            backgroundColor = '#FFF7E5';
-            break;
-        case 'Cancelled':
-            textColor = '#B50000';
-            backgroundColor = '#FFEAEA';
-            break;
-        case 'On The Way':
-            textColor = '#12415D';
-            backgroundColor = '#E3F5FF';
-            break;
-        default:
-            textColor = '#808080';
-            backgroundColor = '#FFF7E5';
-    }
-    return { textColor, backgroundColor };
-};
-
-export const CustomTag = (props: Props) => {
-    const { className, value, severity } = props;
-    const severityColor = getSeverityColor(severity);
-
-    return (
-        <div className='flex'>
-            <div
-                className={`border-round text-xs font-semibold ${className}`}
-                style={{ backgroundColor: severityColor.backgroundColor, color: severityColor.textColor, padding: '0.5rem 0.75rem' }}
-            >
-                {value}
-            </div>
-        </div>
-    )
-}

package/dist/components/auth/AuthLayout.tsx

@@ -1,140 +0,0 @@
-"use client"
-import { AppTitle } from "@/helpers/AppTitle";
-import { useLazyGetAuthSettingsQuery } from "@/redux/api/solidSettingsApi";
-import { toggleTheme } from "@/redux/features/themeSlice";
-import { LayoutConfig } from "@/types";
-import Link from "next/link";
-import { usePathname, useRouter } from "next/navigation";
-import { PrimeReactContext } from "primereact/api";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { useContext, useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
-import { LayoutContext } from "../layout/context/layoutcontext";
-import Image from "next/image";
-import SolidLogo from '../../resources/images/SS-Logo.png'
-import { Divider } from "primereact/divider";
-
-export const AuthLayout = ({ children }: { children: React.ReactNode }) => {
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
-    const [allowRegistration, setAllowRegistration] = useState<boolean | null>(null);
-    const [isRestricted, setIsRestricted] = useState(false);
-    const pathname = usePathname();
-    const router = useRouter();
-
-    const { changeTheme } = useContext(PrimeReactContext);
-    const { layoutConfig, setLayoutConfig } = useContext(LayoutContext);
-    const dispatch = useDispatch();
-    const _changeTheme = (theme: string, colorScheme: string) => {
-        changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {
-            setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, theme, colorScheme }));
-        });
-    };
-    useEffect(() => {
-        const theme = solidSettingsData?.data?.authPagesTheme; // 'dark' or 'light'
-        if (theme) {
-            dispatch(toggleTheme()); // Dispatch Redux action
-            _changeTheme(
-                theme === "dark" ? "solid-dark-purple" : "solid-light-purple",
-                theme
-            );
-        }
-    }, [solidSettingsData]);
-    useEffect(() => {
-        // Fetch settings if not already available
-        trigger("");
-
-        const allowPublicRegistration = solidSettingsData?.data?.allowPublicRegistration;
-
-        if (allowPublicRegistration === false) {
-            setAllowRegistration(false);
-            if (pathname === "/auth/register") {
-                setIsRestricted(true);
-            } else {
-                setIsRestricted(false);
-            }
-        } else if (allowPublicRegistration === true) {
-            setAllowRegistration(true);
-            setIsRestricted(false);
-        }
-    }, [solidSettingsData, pathname, trigger]);
-
-
-    if (allowRegistration === null) return null;
-
-    const authChildren = allowRegistration || pathname !== "/auth/register" ? children : null;
-    const handleRegistration = () => {
-        router.push("/auth/login");
-        setIsRestricted(false);
-    }
-    return (
-        <div className={`solid-auth-theme-wrapper ${solidSettingsData?.data?.authPagesLayout || 'center'}`}>
-            <div className={`${solidSettingsData?.data?.authPagesLayout !== 'center' ? 'grid w-full h-full m-0' : ''}`}>
-                {solidSettingsData?.data?.authPagesLayout === 'left' &&
-                    <div className='col-6 flex align-items-center justify-content-center solid-login-dark-bg'>
-                        <div className="w-full">
-                            {authChildren}
-                        </div>
-                    </div>
-                }
-
-                <div
-                    className={`${solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-6 position-relative' : ''} 
-                                ${solidSettingsData?.data?.authPagesLayout === 'left' ? 'solid-left-layout' : ''} 
-                                ${solidSettingsData?.data?.authPagesLayout === 'right' ? 'solid-right-layout' : ''}`.trim()}
-                >
-                    {solidSettingsData?.data?.authPagesLayout !== 'center' &&
-                        <div className="solid-logo flex align-items-center gap-3">
-                            <Image
-                                alt="solid logo"
-                                src={SolidLogo}
-                                className="relative"
-                                fill
-                            />
-                            <AppTitle title={solidSettingsData} />
-                        </div>
-                    }
-                </div>
-
-                {solidSettingsData?.data?.authPagesLayout === 'center' && <div className="solid-center-layout">
-                    {authChildren}
-                </div>}
-                {solidSettingsData?.data?.authPagesLayout === 'right' &&
-                    <div className='col-6 flex align-items-center justify-content-center solid-login-dark-bg'>
-                        <div className="w-full">
-                            {authChildren}
-                        </div>
-                    </div>
-                }
-            </div>
-            <div className={`absolute  ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'solid-auth-footer flex align-items-center justify-content-between' : 'solid-auth-footer-2 grid'}`}>
-                <div className={solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-6 flex justify-content-center' : ''}>
-                    <p className={`solid-auth-input-label text-sm m-0 ${solidSettingsData?.data?.authPagesLayout === 'right' ? 'right' : ''}`}>Made with <svg className="mx-1" width="12px" height="12px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" fill="#ff0000"></path> </g></svg> in Mumbai</p>
-                </div>
-                <div className={solidSettingsData?.data?.authPagesLayout !== 'center' ? 'col-6 flex justify-content-center' : ''}>
-                    <div className={`flex align-items-center gap-5 solid-auth-subtitle ${solidSettingsData?.data?.authPagesLayout === 'left' ? 'left' : ''}`}>
-                        <p className="m-0 "> <Link className="text-sm no-underline font-normal" href={solidSettingsData ? solidSettingsData?.data?.appTnc : "#"}>Terms of Service</Link></p>
-                        <p className="m-0 "> <Link className="text-sm no-underline font-normal" href={solidSettingsData ? solidSettingsData?.data?.appPrivacyPolicy : "#"}>Privacy Policy.</Link></p>
-                    </div>
-                </div>
-            </div>
-            <Dialog
-                visible={isRestricted}
-                onHide={handleRegistration}
-                header="Access Restricted"
-                headerClassName="py-2" contentClassName="px-0 pb-0"
-                footer={
-                    <div className="flex align-items-center justify-content-start">
-                        <Button label="Close" onClick={handleRegistration} size="small" />
-                    </div>
-                }
-                draggable={false}
-            >
-                <Divider className="m-0" />
-                <div className="p-4">
-                    <p>Sign-up is not available. Please contact the admin.</p>
-                </div>
-            </Dialog>
-        </div>
-    )
-}

package/dist/components/auth/ForgotPasswordThankYou.tsx

@@ -1,48 +0,0 @@
-"use client"
-
-import Link from "next/link";
-import { useSearchParams } from "next/navigation";
-import { useContext } from "react";
-import { LayoutContext } from "../layout/context/layoutcontext";
-import Image from "next/image";
-import SolidLogo from '../../resources/images/SS-Logo.png'
-
-
-export const ForgotPasswordThankYou = () => {
-    const { layoutConfig } = useContext(LayoutContext);
-    const { authLayout } = layoutConfig;
-    const searchParams = useSearchParams();
-    const email = searchParams.get('email');
-    const decodedEmail = email ? decodeURIComponent(email) : '';
-    return (
-        <div>
-            <div className={`auth-container ${authLayout === 'Center' ? 'center' : 'side'}`}>
-                {authLayout === 'Center' &&
-                    <div className="flex justify-content-center">
-                        <div className="solid-logo flex align-items-center gap-3">
-                            <Image
-                                alt="solid logo"
-                                src={SolidLogo}
-                                className="relative"
-                                fill
-                            />
-                            <div>
-                                <p className="solid-logo-title">
-                                    Solid<br />Starters
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                }
-                <h5 className='text-center font-bold'>We have sent an email to yourregistered email address</h5>
-                <p className='font-bold text-center'>{decodedEmail}</p>
-                <p className='text-center'>
-                    Please follow the instructions in the email
-                </p>
-                <div className='text-center'>
-                    <Link href={"/"} className='btn'>Back to Home</Link>
-                </div>
-            </div>
-        </div>
-    )
-}

package/dist/components/auth/GoogleAuthChecking.tsx

@@ -1,60 +0,0 @@
-"use client"
-import { signIn } from 'next-auth/react';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { ProgressSpinner } from 'primereact/progressspinner';
-import { Toast } from 'primereact/toast';
-import React, { useEffect, useRef, useState } from 'react'
-export const GoogleAuthChecking = () => {
-    const searchParams = useSearchParams();
-    const accessCode = searchParams.get("accessCode");
-
-    const router = useRouter();
-    const [error, setError] = useState<string | null>(null);
-    const toast = useRef<Toast>(null);
-    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            life: 3000,
-        });
-    };
-    useEffect(() => {
-        const handleOAuthAuthentication = async () => {
-            try {
-                const response = await signIn("credentials", {
-                    redirect: false,
-                    accessCode: accessCode
-                    // accessToken: accessToken?.accessToken,
-                    // refreshToken: accessToken?.refreshToken
-                });
-
-                if (response?.error) {
-                    showToast("error", "Login Error", response.error);
-                    setError("Authentication failed.")
-                } else {
-                    showToast("success", "Login Success", "Redirecting to dashboard...");
-                    router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
-                }
-            } catch (err: any) {
-                showToast("error", "Login Error", err?.data?.message || "Authentication failed.");
-            }
-        };
-
-        handleOAuthAuthentication();
-    }, [router]);
-
-    if (error) {
-        return (
-            <div className="flex items-center justify-center min-h-screen">
-                <h2 className="text-red-500 text-xl font-semibold">{error}</h2>
-            </div>
-        );
-    }
-    return (
-        <div>
-            <Toast ref={toast} />
-            <ProgressSpinner />
-        </div>
-    )
-}

package/dist/components/auth/Login.tsx

@@ -1,155 +0,0 @@
-"use client";
-
-import { Form, Formik } from "formik";
-import { signIn, useSession } from "next-auth/react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { Button } from "primereact/button";
-import { Checkbox } from "primereact/checkbox";
-import { Divider } from "primereact/divider";
-import { InputText } from "primereact/inputtext";
-import { Message } from "primereact/message";
-import { Password } from "primereact/password";
-import { Toast } from "primereact/toast";
-import { classNames } from "primereact/utils";
-import { useRef, useState } from "react";
-import * as Yup from "yup";
-import AuthBanner from "../common/AuthBanner";
-import { SocialMediaLogin } from "../common/SocialMediaLogin";
-
-
-const Login = () => {
-    const toast = useRef<Toast>(null);
-    const router = useRouter();
-
-    const [password, setPassword] = useState('');
-    const [checked, setChecked] = useState<boolean>(false);
-    const session = useSession();
-
-    const validationSchema = Yup.object({
-        email: Yup.string()
-            .email("Invalid email address")
-            .required("Email is required"),
-        password: Yup.string().required("Password is required"),
-    });
-
-    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            life: 3000,
-        });
-    };
-
-    const isFormFieldValid = (formik: any, fieldName: string) =>
-        formik.touched[fieldName] && formik.errors[fieldName];
-
-    return (
-        <div className="h-screen">
-            <Toast ref={toast} />
-            <div className="grid m-0 h-full">
-                <div className="col-12 md:col-12 lg:col-6">
-                    <div className="flex justify-content-center align-items-center h-full">
-                        <div className="col-12 sm:col-8">
-                            <h2 className="text-4xl text-semibold text-start secondary-color">Sign in to {process.env.SOLID_APP_TITLE}</h2>
-                            {/* <p className="signup-desc text-center">Create your account</p> */}
-                            <>
-                                <Formik
-                                    initialValues={{
-                                        email: "",
-                                        password: "",
-                                    }}
-                                    validationSchema={validationSchema}
-                                    onSubmit={async (values) => {
-                                        // Handle form submission
-                                        const email = values.email;
-                                        const password = values.password;
-
-                                        const response = await signIn("credentials", {
-                                            redirect: false,
-                                            email,
-                                            password,
-                                        });
-                                        if (response?.error) {
-                                            showToast("error", "Login Error", response.error);
-                                        } else {
-                                            showToast("success", "Login Success", "Redirecting to dashboard...");
-                                            router.push("/admin/core/solid-core/user/list");
-                                        }
-
-                                    }}
-                                >
-                                    {(formik) => (
-                                        <Form>
-                                            <div className="flex flex-column gap-2">
-                                                <label htmlFor="email" className="text-color-secondary">Email</label>
-                                                <InputText
-                                                    id="email"
-                                                    name="email"
-                                                    placeholder="Your Email"
-                                                    onChange={formik.handleChange}
-                                                    value={formik.values.email}
-                                                />
-                                                {isFormFieldValid(formik, "email") && <Message
-                                                    className="text-red-500 text-sm"
-                                                    severity="error"
-                                                    text={formik?.errors?.email?.toString()}
-                                                />}
-                                            </div>
-                                            <div className="flex flex-column gap-2 mt-4" style={{}}>
-                                                <label htmlFor="password" className="text-color-secondary">Password</label>
-                                                <Password
-                                                    id="password"
-                                                    value={password}
-                                                    onChange={(e) => {
-                                                        setPassword(e.target.value);
-                                                        formik.setFieldValue("password", e.target.value);
-                                                    }}
-                                                    toggleMask
-                                                    className={classNames("p-inputtext-sm w-full s-password-input", {
-                                                        "p-invalid": isFormFieldValid(formik, "password"),
-                                                    })}
-                                                    inputClassName="w-full"
-                                                    feedback={false}
-                                                />
-                                                {isFormFieldValid(formik, "password") && <Message
-                                                    className="text-red-500 text-sm"
-                                                    severity="error"
-                                                    text={formik?.errors?.password?.toString()}
-                                                />}
-                                            </div>
-                                            <div className="flex align-items-center mt-4">
-                                                <Checkbox inputId="remember" onChange={(e: any) => setChecked(e.checked)} checked={checked} />
-                                                <label htmlFor="remember" className="ml-2">Remember me</label>
-                                            </div>
-                                            <div className="mt-4">
-                                                <Button className="w-full secondary-bg-color" label="Sign in" style={{ borderColor: 'currentcolor' }} />
-                                            </div>
-                                        </Form>
-                                    )}
-                                </Formik>
-                                <Divider align="center">
-                                    <div className="inline-flex align-items-center text-400">
-                                        or continue with
-                                    </div>
-                                </Divider>
-                                <div className="text-center">
-                                    <div className="text-sm text-400">
-                                        Don’t have an account ? <Link href="/auth/register">Sign up</Link>
-                                    </div>
-                                </div>
-                                <SocialMediaLogin />
-                            </>
-                        </div>
-                    </div>
-                </div>
-                <div className="col-12 md:col-12 lg:col-6 hidden lg:block p-0">
-                    <AuthBanner></AuthBanner>
-                </div>
-            </div>
-        </div>
-    );
-};
-
-export default Login;