@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/auth/SolidChangeForcePassword.js

@@ -1,51 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 { ERROR_MESSAGES } from '../../constants/error-messages';
 import { useChangePasswordMutation } from '../../redux/api/authApi';
@@ -57,36 +10,39 @@ import { Password } from 'primereact/password';
 import { Toast } from 'primereact/toast';
 import { useRef } from 'react';
 import * as Yup from 'yup';
-var SolidChangeForcePassword = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var toast = useRef(null);
-    var changePassword = useChangePasswordMutation()[0];
-    var session = useSession();
-    var showToast = function (severity, summary, detail) {
-        var _a;
-        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show(__assign({ severity: severity, summary: summary, detail: detail }, (severity === "error"
-            ? { sticky: true } // stays until user closes
-            : { life: 3000 })));
+const SolidChangeForcePassword = () => {
+    const toast = useRef(null);
+    const [changePassword] = useChangePasswordMutation();
+    const session = useSession();
+    const showToast = (severity, summary, detail) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true } // stays until user closes
+                : { life: 3000 }),
+        });
     };
-    var envPasswordRegex = process.env.NEXT_PUBLIC_PASSWORD_REGEX;
-    var envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC;
-    var passwordRegex = null;
+    const envPasswordRegex = process.env.NEXT_PUBLIC_PASSWORD_REGEX;
+    const envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC;
+    let passwordRegex = null;
     try {
         if (envPasswordRegex) {
-            var unescaped = JSON.parse("\"".concat(envPasswordRegex, "\""));
+            const unescaped = JSON.parse(`"${envPasswordRegex}"`);
             passwordRegex = new RegExp(unescaped);
         }
     }
     catch (error) {
         console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);
     }
-    var newPasswordValidation = passwordRegex
+    const 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(ERROR_MESSAGES.FIELD_REUQIRED('New password'));
-    var validationSchema = Yup.object({
+    const validationSchema = Yup.object({
         email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email')).required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
         currentPassword: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED('Current password')),
         newPassword: newPasswordValidation,
@@ -95,60 +51,48 @@ var SolidChangeForcePassword = function () {
             .required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),
         id: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('User ID')),
     });
-    var formik = useFormik({
+    const formik = useFormik({
         initialValues: {
-            email: (_c = (_b = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.email,
+            email: session?.data?.user?.user?.email,
             currentPassword: "",
             newPassword: "",
             confirmPassword: "",
-            id: (_f = (_e = (_d = session === null || session === void 0 ? void 0 : session.data) === null || _d === void 0 ? void 0 : _d.user) === null || _e === void 0 ? void 0 : _e.user) === null || _f === void 0 ? void 0 : _f.id,
+            id: session?.data?.user?.user?.id,
         },
-        validationSchema: validationSchema,
-        onSubmit: function (values, _a) {
-            var setErrors = _a.setErrors;
-            return __awaiter(void 0, void 0, void 0, function () {
-                var payload, response, err_1;
-                var _b, _c, _d, _e;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
-                        case 0:
-                            _f.trys.push([0, 2, , 3]);
-                            payload = {
-                                id: values.id,
-                                email: (_d = (_c = (_b = session === null || session === void 0 ? void 0 : session.data) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.email,
-                                currentPassword: values.currentPassword,
-                                newPassword: values.newPassword,
-                            };
-                            return [4 /*yield*/, changePassword(payload).unwrap()];
-                        case 1:
-                            response = _f.sent();
-                            if (response === null || response === void 0 ? void 0 : response.error) {
-                                showToast("error", ERROR_MESSAGES.ERROR, response.error);
-                                setErrors({
-                                    currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
-                                    newPassword: ERROR_MESSAGES.MUST_MATCH,
-                                    confirmPassword: ERROR_MESSAGES.MUST_MATCH,
-                                });
-                            }
-                            else {
-                                showToast("success", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
-                                signOut({ callbackUrl: "/auth/login" });
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            err_1 = _f.sent();
-                            showToast("error", ERROR_MESSAGES.LOGIN_ERROR, (_e = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _e === void 0 ? void 0 : _e.message);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
+        validationSchema,
+        onSubmit: async (values, { setErrors }) => {
+            try {
+                const payload = {
+                    id: values.id,
+                    email: session?.data?.user?.user?.email,
+                    currentPassword: values.currentPassword,
+                    newPassword: values.newPassword,
+                };
+                // 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_MESSAGES.ERROR, response.error);
+                    setErrors({
+                        currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
+                        newPassword: ERROR_MESSAGES.MUST_MATCH,
+                        confirmPassword: ERROR_MESSAGES.MUST_MATCH,
+                    });
+                }
+                else {
+                    showToast("success", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
+                    signOut({ callbackUrl: "/auth/login" });
+                }
+            }
+            catch (err) {
+                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message);
+                // setErrors({
+                //     currentPassword: "Incorrect Current Password",
+                // })
+            }
         },
     });
-    var isFormFieldValid = function (formik, fieldName) {
-        return formik.touched[fieldName] && formik.errors[fieldName];
-    };
-    var passwordPolicies = [
+    const isFormFieldValid = (formik, fieldName) => formik.touched[fieldName] && formik.errors[fieldName];
+    const passwordPolicies = [
         {
             policy: "8 characters minimum."
         },
@@ -168,9 +112,9 @@ var SolidChangeForcePassword = function () {
             policy: "One special character(!, @, #, $)"
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("form", { onSubmit: formik.handleSubmit, className: 'd-flex flex-column gap-3 auth-form', children: [_jsxs("div", { className: "flex flex-column gap-2 mt-2", style: {}, children: [_jsx("label", { htmlFor: "currentPassword", className: "solid-auth-input-label", children: "Current Password" }), _jsx(Password, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.currentPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "currentPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.currentPassword) === null || _h === void 0 ? void 0 : _h.toString() })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "New Password" }), _jsx(Password, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.newPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "newPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_k = (_j = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _j === void 0 ? void 0 : _j.newPassword) === null || _k === void 0 ? void 0 : _k.toString() })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Confirm Password" }), _jsx(Password, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.confirmPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "confirmPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_m = (_l = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _l === void 0 ? void 0 : _l.confirmPassword) === null || _m === void 0 ? void 0 : _m.toString() })] }), envPasswordHelperText && (_jsx("div", { className: "mt-4", children: _jsx("div", { className: "grid", children: envPasswordHelperText
+    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("form", { onSubmit: formik.handleSubmit, className: 'd-flex flex-column gap-3 auth-form', children: [_jsxs("div", { className: "flex flex-column gap-2 mt-2", style: {}, children: [_jsx("label", { htmlFor: "currentPassword", className: "solid-auth-input-label", children: "Current Password" }), _jsx(Password, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.currentPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "currentPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: formik?.errors?.currentPassword?.toString() })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "New Password" }), _jsx(Password, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.newPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "newPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: formik?.errors?.newPassword?.toString() })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Confirm Password" }), _jsx(Password, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.confirmPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "confirmPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: formik?.errors?.confirmPassword?.toString() })] }), envPasswordHelperText && (_jsx("div", { className: "mt-4", 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)); }) }) })), _jsx("div", { className: "mt-4", children: _jsx(Button, { className: "w-full font-light auth-submit-button", label: "Change Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] })] }));
+                                .map((text, idx) => (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx))) }) })), _jsx("div", { className: "mt-4", children: _jsx(Button, { className: "w-full font-light auth-submit-button", label: "Change Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] })] }));
 };
 export default SolidChangeForcePassword;
 //# sourceMappingURL=SolidChangeForcePassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChangeForcePassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidChangeForcePassword.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidChangeForcePassword.js","sourceRoot":"./","sources":["components/auth/SolidChangeForcePassword.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { ERROR_MESSAGES } from '../../constants/error-messages';\nimport { useChangePasswordMutation } from '../../redux/api/authApi';\nimport { useFormik } from 'formik';\nimport { signOut, useSession } from 'next-auth/react';\nimport { Button } from 'primereact/button';\nimport { InputText } from 'primereact/inputtext';\nimport { Message } from 'primereact/message';\nimport { Password } from 'primereact/password';\nimport { Toast } from 'primereact/toast';\nimport { classNames } from 'primereact/utils';\nimport { useRef } from 'react';\nimport * as Yup from 'yup';\nconst SolidChangeForcePassword = () => {\n    const toast = useRef<Toast>(null);\n    const [changePassword] = useChangePasswordMutation();\n\n    const session: any = useSession();\n    const showToast = (severity: \"success\" | \"error\", summary: string, detail: string) => {\n        toast.current?.show({\n            severity,\n            summary,\n            detail,\n            ...(severity === \"error\"\n            ? { sticky: true }            // stays until user closes\n            : { life: 3000 }),\n        });\n    };\n\n    const envPasswordRegex = process.env.NEXT_PUBLIC_PASSWORD_REGEX;\n    const envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC;\n    let passwordRegex: RegExp | null = null;\n    try {\n        if (envPasswordRegex) {\n            const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n            passwordRegex = new RegExp(unescaped);\n        }\n    } catch (error) {\n        console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n    }\n\n    const newPasswordValidation = passwordRegex\n        ? Yup.string()\n            .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))        \n        : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'));\n\n    const validationSchema = Yup.object({\n        email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email')).required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n        currentPassword: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED('Current password')),\n        newPassword: newPasswordValidation,\n        confirmPassword: Yup.string()\n            .oneOf([Yup.ref('newPassword')], ERROR_MESSAGES.MUST_MATCH)\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),\n        id: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('User ID')),\n    });\n\n    const formik = useFormik({\n        initialValues: {\n            email: session?.data?.user?.user?.email,\n            currentPassword: \"\",\n            newPassword: \"\",\n            confirmPassword: \"\",\n            id: session?.data?.user?.user?.id,\n        },\n        validationSchema,\n        onSubmit: async (values, { setErrors }) => {\n            try {\n                const payload = {\n                    id: values.id,\n                    email: session?.data?.user?.user?.email,\n                    currentPassword: values.currentPassword,\n                    newPassword: values.newPassword,\n                };\n\n                // Call the mutation and handle the response\n                const response = await changePassword(payload).unwrap(); // Await the API call and unwrap to handle errors.\n                if (response?.error) {\n                    showToast(\"error\", ERROR_MESSAGES.ERROR, response.error)\n                    setErrors({\n                        currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,\n                        newPassword: ERROR_MESSAGES.MUST_MATCH,\n                        confirmPassword: ERROR_MESSAGES.MUST_MATCH,\n                    })\n                } else {\n                    showToast(\"success\", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);\n                    signOut({ callbackUrl: \"/auth/login\" })\n                }\n            } catch (err: any) {\n                showToast(\"error\",ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message);\n                // setErrors({\n                //     currentPassword: \"Incorrect Current Password\",\n                // })\n            }\n        },\n    });\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const passwordPolicies = [\n        {\n            policy: \"8 characters minimum.\"\n        },\n        {\n            policy: \"No Spaces Allowed\"\n        },\n        {\n            policy: \"One uppercase letter\"\n        },\n        {\n            policy: \"One lowercase letter\"\n        },\n        {\n            policy: \"One numeric digit\"\n        },\n        {\n            policy: \"One special character(!, @, #, $)\"\n        },\n    ]\n\n    return (\n        <>\n            <Toast ref={toast} />\n\n            <form onSubmit={formik.handleSubmit} className='d-flex flex-column gap-3 auth-form'>\n                <div className=\"flex flex-column gap-2 mt-2\" style={{}}>\n                    <label htmlFor=\"currentPassword\" className=\"solid-auth-input-label\">Current Password</label>\n                    <Password\n                        id=\"currentPassword\"\n                        name=\"currentPassword\"\n                        value={formik.values.currentPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.currentPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"currentPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.currentPassword?.toString()}\n                    />}\n                </div>\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\" style={{}}>\n                    <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n                    <Password\n                        id=\"newPassword\"\n                        name=\"newPassword\"\n                        value={formik.values.newPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.newPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"newPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.newPassword?.toString()}\n                    />}\n                </div>\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\" style={{}}>\n                    <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n                    <Password\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        value={formik.values.confirmPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.confirmPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"confirmPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.confirmPassword?.toString()}\n                    />}\n                </div>\n                {/* <div className='mt-4'>\n                    <div className='grid'>\n                        {passwordPolicies.map((policy, index) => {\n                            return (\n                                <div key={index} className='col-6'>\n                                    <p className=\"solid-auth-input-label flex align-items-center gap-2\">\n                                        <div className='flex align-items-center justify-content-center' style={{ height: 14, width: 14, borderRadius: '50%', backgroundColor: '#A4A4A4' }}>\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                                                <path d=\"M4.86813 8.72999L2.28979 6.15166L2.91396 5.52749L4.86813 7.48166L9.08563 3.26416L9.7098 3.88833L4.86813 8.72999Z\" fill=\"#E8EAED\" />\n                                            </svg>\n                                        </div>\n                                        {policy.policy}\n                                    </p>\n                                </div>\n                            )\n                        })}\n                    </div>\n                </div> */}\n                {envPasswordHelperText && (\n                    <div className=\"mt-4\">\n                        <div className=\"grid\">\n                            {envPasswordHelperText\n                                .split('\\\\n')\n                                .map((text, idx) => (\n                                    <div key={idx} className=\"col-6 pt-0\">\n                                        <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n                                    </div>\n                                ))}\n                        </div>\n                    </div>\n                )}\n                <div className=\"mt-4\">\n                    <Button className=\"w-full font-light auth-submit-button\" label=\"Change Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                </div>\n            </form>\n        </>\n    )\n}\nexport default SolidChangeForcePassword"]}

package/dist/components/auth/SolidChangeForcePassword.tsx

@@ -0,0 +1,222 @@
+"use client"
+import { ERROR_MESSAGES } from '../../constants/error-messages';
+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,
+            ...(severity === "error"
+            ? { sticky: true }            // stays until user closes
+            : { life: 3000 }),
+        });
+    };
+
+    const envPasswordRegex = process.env.NEXT_PUBLIC_PASSWORD_REGEX;
+    const envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC;
+    let passwordRegex: RegExp | null = null;
+    try {
+        if (envPasswordRegex) {
+            const unescaped = JSON.parse(`"${envPasswordRegex}"`);
+            passwordRegex = new RegExp(unescaped);
+        }
+    } catch (error) {
+        console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);
+    }
+
+    const 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(ERROR_MESSAGES.FIELD_REUQIRED('New password'));
+
+    const validationSchema = Yup.object({
+        email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email')).required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+        currentPassword: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED('Current password')),
+        newPassword: newPasswordValidation,
+        confirmPassword: Yup.string()
+            .oneOf([Yup.ref('newPassword')], ERROR_MESSAGES.MUST_MATCH)
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),
+        id: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('User ID')),
+    });
+
+    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,
+                };
+
+                // 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_MESSAGES.ERROR, response.error)
+                    setErrors({
+                        currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
+                        newPassword: ERROR_MESSAGES.MUST_MATCH,
+                        confirmPassword: ERROR_MESSAGES.MUST_MATCH,
+                    })
+                } else {
+                    showToast("success", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
+                    signOut({ callbackUrl: "/auth/login" })
+                }
+            } catch (err: any) {
+                showToast("error",ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message);
+                // setErrors({
+                //     currentPassword: "Incorrect Current Password",
+                // })
+            }
+        },
+    });
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+    const passwordPolicies = [
+        {
+            policy: "8 characters minimum."
+        },
+        {
+            policy: "No Spaces Allowed"
+        },
+        {
+            policy: "One uppercase letter"
+        },
+        {
+            policy: "One lowercase letter"
+        },
+        {
+            policy: "One numeric digit"
+        },
+        {
+            policy: "One special character(!, @, #, $)"
+        },
+    ]
+
+    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-1 sm:mt-2 md:mt-3 lg: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-1 sm:mt-2 md:mt-3 lg: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'>
+                    <div className='grid'>
+                        {passwordPolicies.map((policy, index) => {
+                            return (
+                                <div key={index} className='col-6'>
+                                    <p className="solid-auth-input-label flex align-items-center gap-2">
+                                        <div className='flex align-items-center justify-content-center' style={{ height: 14, width: 14, borderRadius: '50%', backgroundColor: '#A4A4A4' }}>
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+                                                <path d="M4.86813 8.72999L2.28979 6.15166L2.91396 5.52749L4.86813 7.48166L9.08563 3.26416L9.7098 3.88833L4.86813 8.72999Z" fill="#E8EAED" />
+                                            </svg>
+                                        </div>
+                                        {policy.policy}
+                                    </p>
+                                </div>
+                            )
+                        })}
+                    </div>
+                </div> */}
+                {envPasswordHelperText && (
+                    <div className="mt-4">
+                        <div className="grid">
+                            {envPasswordHelperText
+                                .split('\\n')
+                                .map((text, idx) => (
+                                    <div key={idx} className="col-6 pt-0">
+                                        <div className='flex gap-2'><span>•</span><span>{text}</span></div>
+                                    </div>
+                                ))}
+                        </div>
+                    </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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidForgotPassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidForgotPassword.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,mBAAmB,yDAA0D,GAAG,4CAyGrF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SolidForgotPassword.d.ts","sourceRoot":"./","sources":["components/auth/SolidForgotPassword.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,mBAAmB,yDAA0D,GAAG,4CA4GrF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}