@solidxai/core-ui 0.0.1

package/dist/components/auth/SolidRegister.tsx

@@ -0,0 +1,442 @@
+import { useInitateRegisterMutation, useRegisterMutation } from "../../redux/api/authApi";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/query/react";
+import { Form, Formik } from "formik";
+import Link from "../common/Link";
+import { useRouter } from "../../hooks/useRouter";
+import { Button } from "primereact/button";
+import { Divider } from "primereact/divider";
+import { InputText } from "primereact/inputtext";
+import { Message } from "primereact/message";
+import { Password } from "primereact/password";
+import { TabPanel, TabView } from "primereact/tabview";
+import { Toast } from "primereact/toast";
+import { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
+import { SocialMediaLogin } from "../common/SocialMediaLogin";
+import Image from "../common/Image";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { formatTimeLeft } from "../../helpers/resendOtpHelper";
+import { ProgressSpinner } from "primereact/progressspinner";
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { env } from "../../adapters/env";
+import showToast from "../../helpers/showToast";
+
+interface AuthTabsProps {
+    passwordBasedAuth: boolean;
+    passwordLessAuth: boolean;
+    showNameFieldsForRegistration?: boolean;
+}
+
+const SolidRegister = () => {
+    const envPasswordHelperText = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC");
+    const [activeIndex, setActiveIndex] = useState(0);
+
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
+    useEffect(() => {
+        trigger("") // Fetch settings on mount
+    }, [trigger])
+
+    const [showOverlay, setShowOverlay] = useState(false);
+
+    const toast = useRef<Toast>(null);
+
+    const router = useRouter();
+
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+    const [register, { isLoading, error, isSuccess, data }] = useRegisterMutation();
+
+    const [initiateRegister] = useInitateRegisterMutation();
+
+    const showError = () => {
+        if (error) {
+            if ("data" in error) {
+                const apiError = error as FetchBaseQueryError;
+                // @ts-ignore
+                const errorMessages = Array.isArray(apiError.data?.message) ? apiError.data?.message : [apiError.data?.message];
+                toast.current?.show({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.ERROR,
+                    detail: errorMessages.join(", "),
+                    sticky: true
+                });
+            } else {
+                const serializedError = error as Error;
+                toast.current?.show({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.ERROR,
+                    detail: serializedError.message || ERROR_MESSAGES.ERROR_OCCURED,
+                    sticky: true
+                });
+            }
+        }
+    };
+
+    useEffect(() => {
+        if (error) {
+            showError();
+        }
+    }, [error]);
+
+    // useEffect(() => {
+    //     if (isSuccess) {
+    //             router.replace("/auth/login");
+    //     }
+    // }, [isSuccess])
+
+    const PasswordSignup = ({ showNameFieldsForRegistration }: { showNameFieldsForRegistration?: boolean }) => {
+        console.log("showNameFieldsForRegistration", showNameFieldsForRegistration);
+        return (
+            <Formik
+                initialValues={{
+                    username: "",
+                    email: "",
+                    password: "",
+                    firstName: "",
+                    lastName: ""
+                }}
+
+                validationSchema={Yup.object({
+                    username: showNameFieldsForRegistration
+                        ? Yup.string().notRequired()
+                        : Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),
+
+                    firstName: showNameFieldsForRegistration
+                        ? Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('First Name'))
+                        : Yup.string().notRequired(),
+
+                    lastName: showNameFieldsForRegistration
+                        ? Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Last Name '))
+                        : Yup.string().notRequired(),
+
+                    email: Yup.string()
+                        .email(ERROR_MESSAGES.FIELD_INVALID('email address'))
+                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+                    password: Yup.string()
+                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Password'))
+                        .min(8, ERROR_MESSAGES.PASSWORD_CHARACTER(8))
+                        .matches(/[a-z]/, ERROR_MESSAGES.PASSWORD_CONTAIN('lowercase'))
+                        .matches(/[A-Z]/, ERROR_MESSAGES.PASSWORD_CONTAIN('uppercase'))
+                        .matches(/\d/, ERROR_MESSAGES.PASSWORD_CONTAIN('one', 'number'))
+                        .matches(/[@$!%*?&#^(){}[\]|\\/~`+=<>:;'"_,.-]/, ERROR_MESSAGES.PASSWORD_CONTAIN('special', 'character')),
+                })}
+
+                onSubmit={async (values, { setSubmitting }) => {
+                    try {
+                        let userData: any = {
+                            email: values.email,
+                            password: values.password,
+                        };
+                        if (showNameFieldsForRegistration) {
+                            const fullName = `${values.firstName || ""} ${values.lastName || ""}`.trim();
+                            const username = `${values.firstName || ""}${values.lastName || ""}`.trim().toLowerCase();
+                            console.log("fullName, username", fullName, username);
+                            userData = {
+                                ...userData,
+                                fullName,
+                                username
+                            };
+                        } else {
+                            userData = {
+                                ...userData,
+                                username: values.username,
+                            };
+                        }
+                        const response = await register(userData).unwrap();
+
+                        if (response?.statusCode === 200) {
+                            showToast(toast, "success", ERROR_MESSAGES.USER_REGISTER, response?.data?.message);
+                            setShowOverlay(true);
+                            setTimeout(() => {
+                                router.push(`/auth/login`);
+                            }, 3000);
+                        } else {
+                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                        }
+                    } catch (err: any) {
+                        showToast(toast, "error", ERROR_MESSAGES.EMAIL_ALREADY_TAKEN, err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG);
+                    } finally {
+                        setSubmitting(false);
+                    }
+                }}
+            >
+                {(formik) => (
+                    <Form>
+                        {showNameFieldsForRegistration ? (
+                            <>
+                                {/* first + last name inline */}
+                                <div className="flex gap-2 mt-3">
+                                    <div className="flex flex-column w-full gap-2">
+                                        <label className="solid-auth-input-label">First Name</label>
+                                        <InputText
+                                            id="firstName"
+                                            name="firstName"
+                                            placeholder="First Name"
+                                            onChange={formik.handleChange}
+                                            value={formik.values.firstName}
+                                            invalid={!!formik.errors.firstName}
+                                        />
+                                        {isFormFieldValid(formik, "firstName") && (
+                                            <Message severity="error" text={formik.errors.firstName?.toString()} />
+                                        )}
+                                    </div>
+
+                                    <div className="flex flex-column w-full gap-2">
+                                        <label className="solid-auth-input-label">Last Name</label>
+                                        <InputText
+                                            id="lastName"
+                                            name="lastName"
+                                            placeholder="Last Name"
+                                            onChange={formik.handleChange}
+                                            value={formik.values.lastName}
+                                            invalid={!!formik.errors.lastName}
+                                        />
+                                        {isFormFieldValid(formik, "lastName") && (
+                                            <Message severity="error" text={formik.errors.lastName?.toString()} />
+                                        )}
+                                    </div>
+                                </div>
+                            </>
+                        ) : (
+                            <>
+                                {/* username (only if name fields not shown) */}
+                                <div>
+                                    <div className="flex flex-column gap-2 mt-3">
+                                        <label className="solid-auth-input-label">Username</label>
+                                        <InputText
+                                            id="username"
+                                            name="username"
+                                            placeholder="username"
+                                            onChange={formik.handleChange}
+                                            value={formik.values.username}
+                                            invalid={!!formik.errors.username}
+                                        />
+                                    </div>
+                                    {isFormFieldValid(formik, "username") &&
+                                        <Message severity="error" text={formik.errors.username?.toString()} />}
+                                </div>
+                            </>
+                        )}
+
+                        {/* Email */}
+                        <div>
+                            <div className="flex flex-column gap-2 mt-3">
+                                <label className="solid-auth-input-label">Email</label>
+                                <InputText
+                                    id="email"
+                                    name="email"
+                                    placeholder="Yourgmail@123.com"
+                                    onChange={formik.handleChange}
+                                    value={formik.values.email}
+                                    invalid={!!formik.errors.email}
+                                />
+                            </div>
+                            {isFormFieldValid(formik, "email") &&
+                                <Message severity="error" text={formik.errors.email?.toString()} />}
+                        </div>
+
+                        {/* Password */}
+                        <div>
+                            <div className="flex flex-column gap-2 mt-3">
+                                <label className="solid-auth-input-label">Password</label>
+                                <Password
+                                    id="password"
+                                    name="password"
+                                    value={formik.values.password}
+                                    onChange={formik.handleChange}
+                                    toggleMask
+                                    inputClassName="w-full"
+                                    feedback={false}
+                                    invalid={!!formik.errors.password}
+                                />
+                            </div>
+                            {isFormFieldValid(formik, "password") &&
+                                <Message severity="error" text={formik.errors.password?.toString()} />}
+                        </div>
+                        {/* <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} /> */}
+                        <div className="mt-4">
+                            <Button className="w-full font-light auth-submit-button" label="Sign Up" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
+                        </div>
+                    </Form>
+                )}
+            </Formik>
+        )
+    }
+
+    const PasswordLessSignup = () => {
+        return (
+            <Formik
+                initialValues={{
+                    username: "",
+                    email: "",
+                }}
+                validationSchema={Yup.object({
+                    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('"User Name')),
+                    email: Yup.string()
+                        .email(ERROR_MESSAGES.FIELD_INVALID('email address'))
+                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+                })}
+                onSubmit={async (values, { setSubmitting }) => {
+                    try {
+                        const RESEND_OTP_KEY = `resendOtpRegister_${values.email}`;
+                        const RESEND_OTP_TIMER_MIN = parseFloat(env("NEXT_PUBLIC_RESEND_OTP_TIMER") || '0.5');
+                        const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);
+                        const payload = {
+                            username: values.username,
+                            email: values.email,
+                            validationSources: ["email"]
+                        };
+                        const storedTimeStr = localStorage.getItem(RESEND_OTP_KEY);
+                        const now = Date.now();
+                        if (storedTimeStr) {
+                            const lastSent = parseInt(storedTimeStr, 10);
+                            const elapsed = Math.floor((now - lastSent) / 1000);
+                            const remaining = RESEND_OTP_TIMER - elapsed;
+
+                            if (remaining > 0) {
+                                const formatted = formatTimeLeft(remaining);
+                                showToast(toast, 
+                                    "error",
+                                    ERROR_MESSAGES.PLEASE_WAIT,
+                                    ERROR_MESSAGES.OPT_FORMAT(formatted)
+                                );
+                                setSubmitting(false);
+                                return; //  Prevent request
+                            }
+                        }
+                        const response = await initiateRegister(payload).unwrap(); // Call mutation trigger
+
+                        if (response?.statusCode === 200) {
+                            showToast(toast, "success", ERROR_MESSAGES.OPT_SEND, response?.data?.message);
+                            const email = values.email;
+                            localStorage.setItem(`resendOtpRegister_${email}`, Date.now().toString());
+                            router.push(`/auth/initiate-register?email=${email}&username=${values.username}`);
+                        } else {
+                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                        }
+                    } catch (err: any) {
+                        showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG);
+                    } finally {
+                        setSubmitting(false);
+                    }
+                }}
+            >
+                {(formik) => (
+                    <Form>
+                        <div className="flex flex-column gap-2 mt-3">
+                            <label htmlFor="email" className="solid-auth-input-label">Username</label>
+                            <InputText
+                                id="username"
+                                name="username"
+                                placeholder="username"
+                                onChange={formik.handleChange}
+                                value={formik.values.username}
+                                invalid={!!formik.errors.username}
+                            />
+                            {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-3">
+                            <label htmlFor="email" className="solid-auth-input-label">Email</label>
+                            <InputText
+                                id="email"
+                                name="email"
+                                placeholder="Yourgmail@123.com"
+                                onChange={formik.handleChange}
+                                value={formik.values.email}
+                                invalid={!!formik.errors.email}
+                            />
+                            {isFormFieldValid(formik, "email") && <Message
+                                className="text-red-500 text-sm"
+                                severity="error"
+                                text={formik?.errors?.email?.toString()}
+                            />}
+                        </div>
+                        <div className="mt-4">
+                            <Button className="w-full font-light auth-submit-button" label="Sign Up" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
+                        </div>
+                    </Form>
+                )}
+            </Formik>
+        )
+    }
+
+    const AuthTabs: React.FC<AuthTabsProps> = ({ passwordBasedAuth, passwordLessAuth, showNameFieldsForRegistration }) => {
+        if (passwordBasedAuth && passwordLessAuth) {
+            return (
+                <TabView className="solid-auth-tabview"
+                    activeIndex={activeIndex}
+                    onTabChange={(e) => setActiveIndex(e.index)}
+                >
+                    <TabPanel header="With Password">
+                        <PasswordSignup showNameFieldsForRegistration={showNameFieldsForRegistration} />
+                    </TabPanel>
+                    <TabPanel header="Without Password">
+                        <PasswordLessSignup />
+                    </TabPanel>
+                </TabView>
+            );
+        } else if (passwordBasedAuth) {
+            return <PasswordSignup showNameFieldsForRegistration={showNameFieldsForRegistration} />;
+        } else if (passwordLessAuth) {
+            return <PasswordLessSignup />;
+        } else {
+            return <p>No authentication method available</p>;
+        }
+    };
+    return (
+        <div className="">
+            <Toast ref={toast} />
+            {/* 🔹 Overlay UI */}
+            <div className={`auth-container position-relative ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
+                {showOverlay && (
+                    <div className="absolute top-0 left-0 w-full h-full flex align-items-center justify-content-center register-success-popup">
+                        <div className="inline-flex flex-column align-items-center justify-content-center text-center">
+                            <ProgressSpinner style={{ width: '50px', height: '50px' }} strokeWidth="4" />
+                            <p className="mt-3 text-lg font-medium text-700">
+                                Registration successful,<br />you will be redirected...
+                            </p>
+                        </div>
+                    </div>
+                )}
+                {solidSettingsData?.data?.authPagesLayout === 'center' &&
+                    <div className="flex justify-content-center">
+                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
+                            <Image
+                                alt="solid logo"
+                                src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                className="relative"
+                                fill
+                            />
+                        </div>
+                    </div>
+                }
+                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center mt-2 md:mt-4' : 'text-left'}`}>Sign Up</h2>
+                {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
+                <AuthTabs passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} showNameFieldsForRegistration={solidSettingsData?.data?.showNameFieldsForRegistration} />
+                {solidSettingsData?.data?.iamGoogleOAuthEnabled &&
+                    <>
+                        <Divider align="center">
+                            <div className="inline-flex align-items-center">
+                                or
+                            </div>
+                        </Divider>
+                        <SocialMediaLogin />
+                    </>
+                }
+            </div>
+            <div className="text-center mt-3 md:mt-4">
+                <div className="text-sm text-400 secondary-dark-color">
+                    Already have an account ? <Link className="font-bold" href="/auth/login">Sign In</Link>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default SolidRegister;

package/dist/components/auth/SolidResetPassword.d.ts

@@ -0,0 +1,3 @@
+declare const SolidResetPassword: () => import("react/jsx-runtime").JSX.Element;
+export default SolidResetPassword;
+//# sourceMappingURL=SolidResetPassword.d.ts.map

package/dist/components/auth/SolidResetPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidResetPassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,kBAAkB,+CAqKvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/auth/SolidResetPassword.js

@@ -0,0 +1,142 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useConfirmForgotPasswordMutation } from "../../redux/api/authApi";
+import { useFormik } from "formik";
+import Image from "../common/Image";
+import { useRouter } from "../../hooks/useRouter";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { Button } from "primereact/button";
+import { Message } from "primereact/message";
+import { Password } from "primereact/password";
+import { Toast } from "primereact/toast";
+import { classNames } from "primereact/utils";
+import { useEffect, useRef } from "react";
+import * as Yup from "yup";
+import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { env } from "../../adapters/env";
+import showToast from "../../helpers/showToast";
+var SolidResetPassword = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var searchParams = useSearchParams();
+    var verificationToken = searchParams.get('token');
+    // const decodedUsername = searchParams.get('username');
+    // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';
+    var _k = useLazyGetAuthSettingsQuery(), trigger = _k[0], solidSettingsData = _k[1].data;
+    useEffect(function () {
+        trigger(""); // Fetch settings on mount
+    }, [trigger]);
+    var toast = useRef(null);
+    var router = useRouter();
+    var confirmForgotPassword = useConfirmForgotPasswordMutation()[0];
+    var envPasswordRegex = env("NEXT_PUBLIC_PASSWORD_REGEX");
+    var envPasswordHelperText = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC");
+    var passwordRegex = null;
+    try {
+        if (envPasswordRegex) {
+            var unescaped = JSON.parse("\"".concat(envPasswordRegex, "\""));
+            passwordRegex = new RegExp(unescaped);
+        }
+    }
+    catch (error) {
+        console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);
+    }
+    var newPasswordValidation = passwordRegex
+        ? Yup.string()
+            .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))
+        : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))
+            .required('New password is required');
+    var validationSchema = Yup.object({
+        password: newPasswordValidation,
+        confirmPassword: Yup.string().oneOf([Yup.ref('password')], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),
+    });
+    var formik = useFormik({
+        initialValues: {
+            // username: username,
+            password: "",
+            confirmPassword: "",
+            verificationToken: verificationToken,
+        },
+        validationSchema: validationSchema,
+        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var payload, response, err_1;
+            var _a, _b, _c, _d, _e, _f;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        _g.trys.push([0, 2, , 3]);
+                        payload = {
+                            // username: values.username,
+                            password: values.password,
+                            verificationToken: values.verificationToken,
+                        };
+                        return [4 /*yield*/, confirmForgotPassword(payload).unwrap()];
+                    case 1:
+                        response = _g.sent();
+                        if ((response === null || response === void 0 ? void 0 : response.statusCode) === 200) {
+                            showToast(toast, "success", ERROR_MESSAGES.FIELD_UPDATE('Password'), ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY('Password'));
+                            router.push('/auth/login');
+                        }
+                        else
+                            (showToast(toast, "error", ERROR_MESSAGES.ERROR, response.error));
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _g.sent();
+                        showToast(toast, "error", (_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _a === void 0 ? void 0 : _a.message, ((_c = (_b = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message) ? (_e = (_d = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.message : (_f = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _f === void 0 ? void 0 : _f.message);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); },
+    });
+    var isFormFieldValid = function (formik, fieldName) {
+        return formik.touched[fieldName] && formik.errors[fieldName];
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "auth-container ".concat(((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authPagesLayout) === 'center' ? 'center' : 'side'), children: [((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authPagesLayout) === 'center' &&
+                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center ".concat((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), _jsx("h2", { className: "solid-auth-title ".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) === 'center' ? 'text-center' : 'text-left'), children: "Create New Password" }), _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "New Password" }), _jsx(Password, { id: "password", name: "password", placeholder: "***************", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, className: classNames("", {
+                                            "p-invalid": isFormFieldValid(formik, "password"),
+                                        }), inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "password") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.password) === null || _g === void 0 ? void 0 : _g.toString() })] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Confirm Password" }), _jsx(Password, { id: "confirmPassword", name: "confirmPassword", placeholder: "***************", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, className: classNames("", {
+                                            "p-invalid": isFormFieldValid(formik, "confirmPassword"),
+                                        }), inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "confirmPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.confirmPassword) === null || _j === void 0 ? void 0 : _j.toString() })] }), envPasswordHelperText && (_jsx("div", { className: "mt-4 text-sm", children: _jsx("div", { className: "grid", children: envPasswordHelperText
+                                        .split('\\n')
+                                        .map(function (text, idx) { return (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx)); }) }) })), _jsxs("div", { className: "mt-4", children: [_jsx(Button, { className: "w-full font-light auth-submit-button", label: "Reset Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(Button, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", link: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] })] }));
+};
+export default SolidResetPassword;
+//# sourceMappingURL=SolidResetPassword.js.map

package/dist/components/auth/SolidResetPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidResetPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"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"}