@solidstarters/solid-core-ui 1.1.73 → 1.1.75

package/src/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/src/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/src/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;

package/src/components/auth/Register.tsx

@@ -1,239 +0,0 @@
-"use client";
-
-import { useRegisterMutation } from "@/redux/api/authApi";
-import { FetchBaseQueryError } from "@reduxjs/toolkit/query/react";
-import { useFormik } from "formik";
-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 { ChangeEventHandler, useEffect, useRef, useState } from "react";
-import * as Yup from "yup";
-import AuthBanner from "../common/AuthBanner";
-import { SocialMediaLogin } from "../common/SocialMediaLogin";
-
-const Register = () => {
-  const toast = useRef<Toast>(null);
-  const [password, setPassword] = useState("");
-  const [checked, setChecked] = useState<boolean>(false);
-  const [showPassword, setShowPassword] = useState(false);
-  const [user, setUser] = useState({
-    name: "",
-    email: "",
-    password: "",
-  });
-
-  const validationSchema = Yup.object({
-    username: Yup.string().required("User Name is required"),
-    email: Yup.string()
-      .email("Invalid email address")
-      .required("Email is required"),
-    password: Yup.string().required("Password is required"),
-  });
-
-  const router = useRouter();
-
-  const isFormFieldValid = (formik: any, fieldName: string) =>
-    formik.touched[fieldName] && formik.errors[fieldName];
-
-  const [register, { isLoading, error, isSuccess,data }] = useRegisterMutation();
-
-  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {
-    setUser({ ...user, [e.target.name]: e.target.value });
-  };
-
-  const initialValues = {
-    username: "",
-    email: "",
-    password: "",
-  }
-
-  const formik = useFormik({
-    initialValues,
-    validationSchema,
-    enableReinitialize: true,
-    onSubmit: async (values) => {
-      try {
-      const userData = {
-        username: values.username,
-        email: values.email,
-        password: values.password,
-      };
-
-      await register(userData);
-      } catch (err) {
-        console.log('inside', err);
-      } 
-    }
-  });
-
-  const showError = () => {
-    if (error) {
-      if ("data" in error) {
-        const apiError = error as FetchBaseQueryError;
-        const errorMessages = Array.isArray(apiError.data?.message)
-          ? apiError.data?.message
-          : [apiError.data?.message];
-
-        toast.current?.show({
-          severity: "error",
-          summary: "Error",
-          detail: errorMessages.join(", "),
-          life: 3000,
-        });
-      } else {
-        const serializedError = error as Error;
-        toast.current?.show({
-          severity: "error",
-          summary: "Error",
-          detail: serializedError.message || "An error occurred",
-          life: 3000,
-        });
-      }
-    }
-  };
-
-  useEffect(() => {
-    if (error) {
-      showError();
-    }
-  }, [error]);
-
-  useEffect(() => {
-    if (isSuccess) {
-      router.replace("/auth/login");
-    }
-  }, [isSuccess])
-  
-  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 mb-0">
-                Sign up to Radix Solutions
-              </h2>
-              <p className="text-sm">Create your account</p>
-                  <form onSubmit={formik.handleSubmit}>
-                    <div className="flex flex-column gap-2">
-                      <label
-                        htmlFor="username"
-                        className="text-color-secondary"
-                      >
-                        Username
-                      </label>
-                      <InputText
-                        id="username"
-                        name="username"
-                        placeholder="username"
-                        onChange={formik.handleChange}
-                        value={formik.values.username}
-                        className={classNames("p-inputtext-sm w-full", {
-                          "p-invalid": isFormFieldValid(formik, "name"),
-                        })}
-                      />
-                      {isFormFieldValid(formik, "username") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error" 
-                        text={formik?.errors?.username?.toString()}
-                      />}
-                    </div>
-                    <div className="flex flex-column gap-2 mt-4">
-                      <label htmlFor="email" className="text-color-secondary">
-                        Email
-                      </label>
-                      {/* <img
-                                                                style={{ cursor: "pointer" }}
-                                                                src={`/images/mail-icon.png`}
-                                                                alt="Solid"
-                                                            /> */}
-                      <InputText
-                        id="email"
-                        name="email"
-                        placeholder="Yourgmail@123.com"
-                        onChange={formik.handleChange}
-                        value={formik.values.email}
-                        className={classNames("p-inputtext-sm w-full", {
-                          "p-invalid": isFormFieldValid(formik, "name"),
-                        })}
-                      />
-                      {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"
-                        name="password"
-                        value={formik.values.password}
-                        onChange={formik.handleChange}
-                        // value={formik.values.password}}
-                        toggleMask
-                        inputClassName="w-full"
-                        className={classNames("p-inputtext-sm w-full s-password-input", {
-                          "p-invalid": isFormFieldValid(formik, "password"),
-                        })}
-                      />
-                      {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="Create your account"
-                        style={{ borderColor: "currentcolor" }}
-                        type="submit"
-                      />
-                    </div>
-                  </form>
-              <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/login">Sign in</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 Register;

package/src/components/auth/SolidChangeForcePassword.tsx

@@ -1,145 +0,0 @@
-"use client"
-import { useChangePasswordMutation } from '@/redux/api/authApi';
-import { useFormik } from 'formik';
-import { signOut, useSession } from 'next-auth/react';
-import { Button } from 'primereact/button';
-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 } from 'react';
-import * as Yup from 'yup';
-const SolidChangeForcePassword = () => {
-    const toast = useRef<Toast>(null);
-    const [changePassword] = useChangePasswordMutation();
-
-    const session: any = useSession();
-    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            life: 3000,
-        });
-    };
-    const validationSchema = Yup.object({
-        email: Yup.string().email('Invalid email format').required('Email is required'),
-        currentPassword: Yup.string().min(6, 'Password must be at least 6 characters').required('Current password is required'),
-        newPassword: Yup.string().min(6, 'Password must be at least 6 characters').required('New password is required'),
-        confirmPassword: Yup.string().oneOf([Yup.ref('newPassword')], 'Passwords must match').required('Confirm password is required'),
-        id: Yup.number().required('User ID is required'),
-    });
-    const formik = useFormik({
-        initialValues: {
-            email: session?.data?.user?.user?.email,
-            currentPassword: "",
-            newPassword: "",
-            confirmPassword: "",
-            id: session?.data?.user?.user?.id,
-        },
-        validationSchema,
-        onSubmit: async (values, { setErrors }) => {
-            try {
-                const payload = {
-                    id: values.id,
-                    email: session?.data?.user?.user?.email,
-                    currentPassword: values.currentPassword,
-                    newPassword: values.newPassword,
-                };
-                console.log("Payload:", payload);
-
-                // Call the mutation and handle the response
-                const response = await changePassword(payload).unwrap(); // Await the API call and unwrap to handle errors.
-                if (response?.error) {
-                    showToast("error", "Error", response.error)
-                    setErrors({
-                        currentPassword: "Incorrect Current Password",
-                        newPassword: "Passwords must match",
-                        confirmPassword: "Passwords must match",
-                    })
-                } else {
-                    showToast("success", "Force Password Change Success", "Password Change Successfully");
-                    signOut({ callbackUrl: "/auth/login" })
-                }
-            } catch (err: any) {
-                showToast("error", "Login Failed", err?.data?.message);
-                // setErrors({
-                //     currentPassword: "Incorrect Current Password",
-                // })
-            }
-        },
-    });
-    const isFormFieldValid = (formik: any, fieldName: string) =>
-        formik.touched[fieldName] && formik.errors[fieldName];
-
-    return (
-        <>
-            <Toast ref={toast} />
-
-            <form onSubmit={formik.handleSubmit} className='d-flex flex-column gap-3 auth-form'>
-                <div className="flex flex-column gap-2 mt-2" style={{}}>
-                    <label htmlFor="currentPassword" className="solid-auth-input-label">Current Password</label>
-                    <Password
-                        id="currentPassword"
-                        name="currentPassword"
-                        value={formik.values.currentPassword}
-                        onChange={formik.handleChange}
-                        onBlur={formik.handleBlur}
-                        toggleMask
-                        invalid={!!formik.errors.currentPassword}
-                        inputClassName="w-full"
-                        feedback={false}
-                    />
-                    {isFormFieldValid(formik, "currentPassword") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error"
-                        text={formik?.errors?.currentPassword?.toString()}
-                    />}
-                </div>
-                <div className="flex flex-column gap-2 mt-4" style={{}}>
-                    <label htmlFor="password" className="solid-auth-input-label">New Password</label>
-                    <Password
-                        id="newPassword"
-                        name="newPassword"
-                        value={formik.values.newPassword}
-                        onChange={formik.handleChange}
-                        onBlur={formik.handleBlur}
-                        toggleMask
-                        invalid={!!formik.errors.newPassword}
-                        inputClassName="w-full"
-                        feedback={false}
-                    />
-                    {isFormFieldValid(formik, "newPassword") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error"
-                        text={formik?.errors?.newPassword?.toString()}
-                    />}
-                </div>
-                <div className="flex flex-column gap-2 mt-4" style={{}}>
-                    <label htmlFor="password" className="solid-auth-input-label">Confirm Password</label>
-                    <Password
-                        id="confirmPassword"
-                        name="confirmPassword"
-                        value={formik.values.confirmPassword}
-                        onChange={formik.handleChange}
-                        onBlur={formik.handleBlur}
-                        toggleMask
-                        invalid={!!formik.errors.confirmPassword}
-                        inputClassName="w-full"
-                        feedback={false}
-                    />
-                    {isFormFieldValid(formik, "confirmPassword") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error"
-                        text={formik?.errors?.confirmPassword?.toString()}
-                    />}
-                </div>
-                <div className="mt-4">
-                    <Button className="w-full font-light auth-submit-button" label="Change Password" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
-                </div>
-            </form>
-        </>
-    )
-}
-export default SolidChangeForcePassword