@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx

@@ -1,97 +1,82 @@
-
-
-import { Dialog } from "primereact/dialog";
 import { useEffect, useMemo, useState } from "react";
 import { SolidPersonalInfo } from "./SolidPersonalInfo";
 import { SolidChangePassword } from "./SolidChangePassword";
 import { SolidVersionInfo } from "./SolidVersionInfo";
-import styles from './SolidAccountSettings.module.css'
-import { useSelector } from "react-redux";
+import styles from "./SolidAccountSettings.module.css";
 import { useLazyGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
 
 export const SolidAccountSettings = ({ showProfileSettingsDialog, setShowProfileSettingsDialog }: any) => {
-    const [setting, setSetting] = useState({ key: "personal_info", label: "Persnoal Info" });
+  const [settingKey, setSettingKey] = useState("personal_info");
+
+  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();
+  useEffect(() => {
+    trigger("");
+  }, [trigger]);
+
+  const settings = [
+    { label: "Personal Info", key: "personal_info" },
+    { label: "Change Password", key: "change_password" },
+    { label: "About", key: "about" },
+  ];
+
+  const renderSettingComponent = useMemo(() => {
+    switch (settingKey) {
+      case "personal_info":
+        return <SolidPersonalInfo />;
+      case "change_password":
+        return <SolidChangePassword solidSettingsData={solidSettingsData} />;
+      case "about":
+        return <SolidVersionInfo />;
+      default:
+        return null;
+    }
+  }, [settingKey, solidSettingsData]);
 
-    const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();
-    useEffect(() => {
-        trigger("") // Fetch settings on mount
-    }, [])
+  if (!showProfileSettingsDialog) return null;
 
-    const settings = [
-        {
-            label: "Persnoal Info",
-            key: "personal_info",
-            icon: "pi pi-user-edit"
-        },
-        // {
-        //     label: "Notification",
-        //     key: "notifications",
-        //     icon: "pi pi-bell"
-        // },
-        {
-            label: "Change Password",
-            key: "change_password",
-            icon: "pi pi-key"
-        },
-        {
-            label: "About",
-            key: "about",
-            icon: "pi pi-info-circle"
-        },
-    ]
+  return (
+    <div className={styles.backdrop} role="presentation" onClick={() => setShowProfileSettingsDialog(false)}>
+      <section
+        className={styles.modal}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="solid-account-settings-title"
+        onClick={(event) => event.stopPropagation()}
+      >
+        <header className={styles.header}>
+          <div>
+            <h2 id="solid-account-settings-title" className={styles.title}>
+              Account Settings
+            </h2>
+            <p className={styles.subtitle}>Manage your profile and security settings.</p>
+          </div>
+          <button
+            type="button"
+            className={styles.closeButton}
+            onClick={() => setShowProfileSettingsDialog(false)}
+            aria-label="Close account settings"
+          >
+            ×
+          </button>
+        </header>
 
-    const renderSettingComponent = useMemo(() => {
-        switch (setting.key) {
-            case "personal_info":
-                return <SolidPersonalInfo />;
-            case "change_password":
-                return <SolidChangePassword solidSettingsData={solidSettingsData} />;
-            case "about":
-                return <SolidVersionInfo />;
-            default:
-                return null;
-        }
-    }, [setting.key, solidSettingsData]);
+        <div className={styles.tabsLine} role="tablist" aria-label="Account setting sections">
+          {settings.map((option) => (
+            <button
+              key={option.key}
+              type="button"
+              role="tab"
+              aria-selected={option.key === settingKey}
+              className={`${styles.tabTrigger} ${option.key === settingKey ? styles.tabActive : ""}`}
+              onClick={() => setSettingKey(option.key)}
+            >
+              {option.label}
+            </button>
+          ))}
+        </div>
 
-    return (
-        <Dialog
-            header={<h5 className='m-0 font-bold'>Account Settings</h5>}
-            headerClassName="px-4 py-3 secondary-border-bottom"
-            contentClassName="p-0"
-            visible={showProfileSettingsDialog}
-            className="solid-account-setting-main"
-            style={{ width: '60vw' }}
-            onHide={() => {
-                if (!showProfileSettingsDialog) return;
-                setShowProfileSettingsDialog(false);
-            }}
-            draggable={false}
-        >
-            <div className="grid m-0">
-                <div className={`col-2 md:col-3 p-3 ${styles.SolidSettingTabWrapper}`}>
-                    <div className="flex flex-column gap-1">
-                        {settings.map((option) => (
-                            <div
-                                key={option.key}
-                                className={`w-full flex align-items-center gap-2 text-start ${styles.SolidSettingTab} ${option.key === setting.key ? styles.SolidActiveSetting : styles.SolidDeActiveSetting}`}
-                                onClick={() => setSetting(option)}
-                            >
-                                <span className={option.icon}></span>
-                                <span className="hidden sm:inline">{option.label}</span>
-                            </div>
-                        ))}
-                    </div>
-                </div>
-                <div className={`col-9 py-3 px-4 ${styles.SolidAccountSettingFormWrapper}`}>
-                    {renderSettingComponent}
-                    {/* <div className="p-3 secondary-border-bottom">
-                        <h5 className="m-0"></h5>
-                    </div>
-                    <div className="py-3 px-4 h-full">
-                        {renderSettingComponent()}
-                    </div> */}
-                </div>
-            </div>
-        </Dialog>
-    )
-}
+        <div className={styles.formWrapper}>{renderSettingComponent}</div>
+      </section>
+    </div>
+  );
+};

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChangePassword.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,mBAAmB,0BAA2B,GAAG,4CAkK7D,CAAA"}
+{"version":3,"file":"SolidChangePassword.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":"AAqFA,eAAO,MAAM,mBAAmB,0BAA2B,GAAG,4CAkK7D,CAAC"}

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.js

@@ -35,36 +35,59 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
 import { handleLogout } from "../../../../adapters/auth/handleLogout";
-import { useChangePasswordMutation } from '../../../../redux/api/authApi';
-import { useFormik } from 'formik';
-import { useSession } from "../../../../hooks/useSession";
-import { Button } from 'primereact/button';
-import { Message } from 'primereact/message';
-import { Password } from 'primereact/password';
-import { useMemo } from 'react';
-import { useDispatch } from 'react-redux';
-import { showToast } from '../../../../redux/features/toastSlice';
-import * as Yup from 'yup';
-import { SolidPasswordHelperText } from '../SolidPasswordHelperText';
-import { ERROR_MESSAGES } from '../../../../constants/error-messages';
 import { env } from "../../../../adapters/env";
+import { ERROR_MESSAGES } from "../../../../constants/error-messages";
+import { useSession } from "../../../../hooks/useSession";
+import { useChangePasswordMutation } from "../../../../redux/api/authApi";
+import { SolidPasswordHelperText } from "../SolidPasswordHelperText";
+import { SolidButton } from "../../../shad-cn-ui/SolidButton";
+import styles from "./SolidAccountSettings.module.css";
+var ToastMessage = function (_a) {
+    var toast = _a.toast, onClose = _a.onClose;
+    if (!toast)
+        return null;
+    var severityClass = toast.severity === "error"
+        ? styles.toastError
+        : toast.severity === "success"
+            ? styles.toastSuccess
+            : toast.severity === "warn"
+                ? styles.toastWarn
+                : styles.toastInfo;
+    return (_jsxs("div", { className: "".concat(styles.toast, " ").concat(severityClass), role: "status", "aria-live": "polite", children: [_jsxs("div", { children: [_jsx("div", { className: styles.toastTitle, children: toast.summary }), _jsx("div", { className: styles.toastBody, children: toast.detail })] }), _jsx("button", { type: "button", className: styles.toastClose, onClick: onClose, "aria-label": "Close notification", children: "\u00D7" })] }));
+};
+var PasswordInput = function (_a) {
+    var id = _a.id, name = _a.name, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, placeholder = _a.placeholder;
+    var _b = useState(false), visible = _b[0], setVisible = _b[1];
+    return (_jsxs("div", { className: styles.passwordWrap, children: [_jsx("input", { id: id, name: name, type: visible ? "text" : "password", className: styles.input, value: value, onChange: onChange, onBlur: onBlur, placeholder: placeholder }), _jsx("button", { type: "button", className: styles.passwordToggle, onClick: function () { return setVisible(function (prev) { return !prev; }); }, "aria-label": visible ? "Hide password" : "Show password", children: visible ? "Hide" : "Show" })] }));
+};
 export var SolidChangePassword = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _b, _c, _d, _e, _f;
     var solidSettingsData = _a.solidSettingsData;
-    var dispatch = useDispatch();
+    var _g = useState(null), toast = _g[0], setToast = _g[1];
     var changePassword = useChangePasswordMutation()[0];
     var session = useSession();
+    var notify = function (severity, summary, detail, opts) {
+        var _a;
+        setToast({
+            id: Date.now(),
+            severity: severity,
+            summary: summary,
+            detail: detail,
+            sticky: opts === null || opts === void 0 ? void 0 : opts.sticky,
+            life: (_a = opts === null || opts === void 0 ? void 0 : opts.life) !== null && _a !== void 0 ? _a : 3000,
+        });
+    };
     var envPasswordRegex = env("NEXT_PUBLIC_PASSWORD_REGEX");
-    // Try backend regex first, then env, then fallback
     var effectiveRegex = useMemo(function () {
         var _a;
         try {
             var backendRegex = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authenticationPasswordRegex;
-            if (backendRegex) {
-                // const unescaped = JSON.parse(`"${backendRegex}"`);
+            if (backendRegex)
                 return new RegExp(backendRegex);
-            }
             if (envPasswordRegex) {
                 var unescaped = JSON.parse("\"".concat(envPasswordRegex, "\""));
                 return new RegExp(unescaped);
@@ -79,22 +102,15 @@ export var SolidChangePassword = function (_a) {
         var _a;
         var newPasswordValidation = effectiveRegex
             ? Yup.string()
-                .matches(effectiveRegex, ((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authenticationPasswordRegexErrorMessage) ||
-                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'));
+                .matches(effectiveRegex, ((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authenticationPasswordRegexErrorMessage) || 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"));
         return 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')),
+            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_INAVLID_FORMAT('User ID')),
+            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_INAVLID_FORMAT("User ID")),
         });
     }, [effectiveRegex, solidSettingsData]);
     var formik = useFormik({
@@ -110,11 +126,11 @@ export var SolidChangePassword = function (_a) {
             var setErrors = _a.setErrors, resetForm = _a.resetForm;
             return __awaiter(void 0, void 0, void 0, function () {
                 var payload, response, err_1;
-                var _b, _c, _d, _e, _f, _g, _h, _j;
-                return __generator(this, function (_k) {
-                    switch (_k.label) {
+                var _b, _c, _d, _e, _f, _g;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
                         case 0:
-                            _k.trys.push([0, 2, , 3]);
+                            _h.trys.push([0, 2, , 3]);
                             payload = {
                                 id: values.id,
                                 email: (_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.email,
@@ -123,24 +139,32 @@ export var SolidChangePassword = function (_a) {
                             };
                             return [4 /*yield*/, changePassword(payload).unwrap()];
                         case 1:
-                            response = _k.sent();
+                            response = _h.sent();
                             if (response === null || response === void 0 ? void 0 : response.error) {
-                                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: response.error }));
+                                notify("error", ERROR_MESSAGES.ERROR, response.error);
                                 setErrors({
                                     currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
                                     newPassword: ERROR_MESSAGES.MUST_MATCH,
                                     confirmPassword: ERROR_MESSAGES.MUST_MATCH,
                                 });
+                                return [2 /*return*/];
                             }
-                            else {
-                                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.PASSWORD_CHANGE, detail: ERROR_MESSAGES.PASSWORD_CHANGE }));
-                                handleLogout(null);
-                                resetForm();
-                            }
+                            notify("success", ERROR_MESSAGES.PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
+                            resetForm();
+                            handleLogout({
+                                toast: {
+                                    current: {
+                                        show: function (_a) {
+                                            var severity = _a.severity, summary = _a.summary, detail = _a.detail, sticky = _a.sticky, life = _a.life;
+                                            return notify(severity || "info", summary || "", detail || "", { sticky: sticky, life: life });
+                                        },
+                                    },
+                                },
+                            });
                             return [3 /*break*/, 3];
                         case 2:
-                            err_1 = _k.sent();
-                            dispatch(showToast({ severity: "error", summary: (_d = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _d === void 0 ? void 0 : _d.message, detail: ((_f = (_e = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.message) ? (_h = (_g = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.message : (_j = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _j === void 0 ? void 0 : _j.message }));
+                            err_1 = _h.sent();
+                            notify("error", ((_d = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _d === void 0 ? void 0 : _d.message) || ERROR_MESSAGES.ERROR, ((_f = (_e = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.message) || ((_g = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _g === void 0 ? void 0 : _g.message) || ERROR_MESSAGES.SOMETHING_WRONG);
                             return [3 /*break*/, 3];
                         case 3: return [2 /*return*/];
                     }
@@ -148,9 +172,12 @@ export var SolidChangePassword = function (_a) {
             });
         },
     });
-    var isFormFieldValid = function (formik, fieldName) {
-        return formik.touched[fieldName] && formik.errors[fieldName];
+    var fieldError = function (field) {
+        if (!formik.touched[field])
+            return null;
+        var error = formik.errors[field];
+        return typeof error === "string" ? error : null;
     };
-    return (_jsxs("form", { onSubmit: formik.handleSubmit, className: "h-full flex flex-column justify-content-between", children: [_jsxs("div", { children: [_jsx("div", { className: 'grid', children: _jsxs("div", { className: 'col-12 md-col-8 lg:col-5', children: [_jsxs("div", { className: "flex flex-column gap-2", 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: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.currentPassword) === null || _g === void 0 ? void 0 : _g.toString() })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", 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: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.newPassword) === null || _j === void 0 ? void 0 : _j.toString() })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Confirm New 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: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.confirmPassword) === null || _l === void 0 ? void 0 : _l.toString() })] })] }) }), _jsx(SolidPasswordHelperText, { text: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.authenticationPasswordComplexityDescription })] }), _jsx("div", { children: _jsx(Button, { type: 'submit', size: 'small', label: "Change Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }));
+    return (_jsxs("form", { onSubmit: formik.handleSubmit, className: styles.accountForm, children: [_jsx(ToastMessage, { toast: toast, onClose: function () { return setToast(null); } }), _jsxs("div", { className: styles.accountScroll, children: [_jsxs("div", { className: styles.formStack, children: [_jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "currentPassword", children: "Current Password" }), _jsx(PasswordInput, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("currentPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("currentPassword") }) : null] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "newPassword", children: "New Password" }), _jsx(PasswordInput, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("newPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("newPassword") }) : null] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "confirmPassword", children: "Confirm New Password" }), _jsx(PasswordInput, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("confirmPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("confirmPassword") }) : null] })] }), _jsx("div", { className: styles.passwordHintWrap, children: _jsx(SolidPasswordHelperText, { text: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authenticationPasswordComplexityDescription }) })] }), _jsx("div", { className: styles.footerActions, children: _jsx(SolidButton, { type: "submit", size: "sm", loading: formik.isSubmitting, children: "Change Password" }) })] }));
 };
 //# sourceMappingURL=SolidChangePassword.js.map

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChangePassword.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAA0B;;QAAxB,iBAAiB,uBAAA;IACnD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACxB,IAAA,cAAc,GAAI,yBAAyB,EAAE,GAA/B,CAAgC;IAErD,IAAM,OAAO,GAAQ,UAAU,EAAE,CAAC;IAElC,IAAM,gBAAgB,GAAG,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAE3D,mDAAmD;IACnD,IAAM,cAAc,GAAG,OAAO,CAAC;;QAC3B,IAAI;YACA,IAAM,YAAY,GAAG,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,2BAA2B,CAAC;YAC1E,IAAI,YAAY,EAAE;gBACd,qDAAqD;gBACrD,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;aACnC;YACD,IAAI,gBAAgB,EAAE;gBAClB,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,YAAI,gBAAgB,OAAG,CAAC,CAAC;gBACtD,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;aAChC;SACJ;QAAC,OAAO,KAAK,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;SAC9D;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE1C,IAAM,gBAAgB,GAAG,OAAO,CAAC;;QAC7B,IAAM,qBAAqB,GAAG,cAAc;YACxC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;iBACT,OAAO,CACJ,cAAc,EACd,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,uCAAuC;gBAChE,cAAc,CAAC,oBAAoB,CACtC;iBACA,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC5D,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;iBACT,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;iBAC5C,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;QAEjE,OAAO,GAAG,CAAC,MAAM,CAAC;YACd,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACxH,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE;iBACxB,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;iBAC5C,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YAChE,WAAW,EAAE,qBAAqB;YAClC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE;iBACxB,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC;iBAC1D,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YAChE,EAAE,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;SAC5E,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExC,IAAM,MAAM,GAAG,SAAS,CAAC;QACrB,aAAa,EAAE;YACX,KAAK,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,KAAK;YACjC,eAAe,EAAE,EAAE;YACnB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,EAAE;YACnB,EAAE,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,EAAE;SAC9B;QACD,gBAAgB,kBAAA;QAChB,QAAQ,EAAE,UAAO,MAAM,EAAE,EAAwB;gBAAtB,SAAS,eAAA,EAAE,SAAS,eAAA;;;;;;;;4BAEjC,OAAO,GAAG;gCACZ,EAAE,EAAE,MAAM,CAAC,EAAE;gCACb,KAAK,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,KAAK;gCACjC,eAAe,EAAE,MAAM,CAAC,eAAe;gCACvC,WAAW,EAAE,MAAM,CAAC,WAAW;6BAClC,CAAC;4BAEe,qBAAM,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAA;;4BAAjD,QAAQ,GAAG,SAAsC;4BACvD,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;gCACjB,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gCACjG,SAAS,CAAC;oCACN,eAAe,EAAE,cAAc,CAAC,iBAAiB;oCACjD,WAAW,EAAE,cAAc,CAAC,UAAU;oCACtC,eAAe,EAAE,cAAc,CAAC,UAAU;iCAC7C,CAAC,CAAA;6BACL;iCAAM;gCACH,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;gCAC9H,YAAY,CAAC,IAAI,CAAC,CAAA;gCAClB,SAAS,EAAE,CAAC;6BACf;;;;4BAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,EAAE,MAAM,EAAE,CAAA,MAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,EAAC,CAAC,CAAC,MAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,EAAE,CAAC,CAAC,CAAC;;;;;;SAEjK;KACJ,CAAC,CAAC;IACH,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB;QACpD,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAArD,CAAqD,CAAC;IAE1D,OAAO,CACH,gBAAM,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,EAAC,iDAAiD,aAC5F,0BACI,cAAK,SAAS,EAAC,MAAM,YACjB,eAAK,SAAS,EAAC,0BAA0B,aACrC,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,iBAAiB,EAAC,SAAS,EAAC,wBAAwB,iCAAyB,EAC5F,KAAC,QAAQ,IACL,EAAE,EAAC,iBAAiB,EACpB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EACpC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,EACzB,UAAU,QACV,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,EACxC,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAE,KAAK,GACjB,EACD,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,IAAI,KAAC,OAAO,IACpD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,eAAe,0CAAE,QAAQ,EAAE,GACnD,IACA,EACN,eAAK,SAAS,EAAC,qDAAqD,aAChE,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,wBAAwB,6BAAqB,EACjF,KAAC,QAAQ,IACL,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,EAChC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,EACzB,UAAU,QACV,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EACpC,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAE,KAAK,GACjB,EACD,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,KAAC,OAAO,IAChD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,WAAW,0CAAE,QAAQ,EAAE,GAC/C,IACA,EACN,eAAK,SAAS,EAAC,qDAAqD,aAChE,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,wBAAwB,qCAA6B,EACzF,KAAC,QAAQ,IACL,EAAE,EAAC,iBAAiB,EACpB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EACpC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,EACzB,UAAU,QACV,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,EACxC,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAE,KAAK,GACjB,EACD,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,IAAI,KAAC,OAAO,IACpD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,eAAe,0CAAE,QAAQ,EAAE,GACnD,IACA,IACJ,GACJ,EACN,KAAC,uBAAuB,IAAC,IAAI,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,2CAA2C,GAAI,IACrG,EACN,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,GAAI,GACxH,IACH,CACV,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { handleLogout } from \"../../../../adapters/auth/handleLogout\";\nimport { useChangePasswordMutation } from '../../../../redux/api/authApi';\nimport { useFormik } from 'formik';\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { Button } from 'primereact/button';\nimport { Message } from 'primereact/message';\nimport { Password } from 'primereact/password';\nimport { useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport * as Yup from 'yup';\nimport { SolidPasswordHelperText } from '../SolidPasswordHelperText';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { env } from \"../../../../adapters/env\";\n\nexport const SolidChangePassword = ({ solidSettingsData }: any) => {\n    const dispatch = useDispatch();\n    const [changePassword] = useChangePasswordMutation();\n\n    const session: any = useSession();\n\n    const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n\n    // Try backend regex first, then env, then fallback\n    const effectiveRegex = useMemo(() => {\n        try {\n            const backendRegex = solidSettingsData?.data?.authenticationPasswordRegex;\n            if (backendRegex) {\n                // const unescaped = JSON.parse(`\"${backendRegex}\"`);\n                return new RegExp(backendRegex);\n            }\n            if (envPasswordRegex) {\n                const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n                return new RegExp(unescaped);\n            }\n        } catch (error) {\n            console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n        }\n        return null;\n    }, [solidSettingsData, envPasswordRegex]);\n\n    const validationSchema = useMemo(() => {\n        const newPasswordValidation = effectiveRegex\n            ? Yup.string()\n                .matches(\n                    effectiveRegex,\n                    solidSettingsData?.data?.authenticationPasswordRegexErrorMessage ||\n                    ERROR_MESSAGES.PASSWORD_DO_NOT_MEET\n                )\n                .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))\n            : Yup.string()\n                .min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n                .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'));\n\n        return Yup.object({\n            email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email')).required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n            currentPassword: Yup.string()\n                .min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n                .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_INAVLID_FORMAT('User ID')),\n        });\n    }, [effectiveRegex, solidSettingsData]);\n\n    const formik = useFormik({\n        initialValues: {\n            email: session?.data?.user?.email,\n            currentPassword: \"\",\n            newPassword: \"\",\n            confirmPassword: \"\",\n            id: session?.data?.user?.id,\n        },\n        validationSchema,\n        onSubmit: async (values, { setErrors, resetForm }) => {\n            try {\n                const payload = {\n                    id: values.id,\n                    email: session?.data?.user?.email,\n                    currentPassword: values.currentPassword,\n                    newPassword: values.newPassword,\n                };\n\n                const response = await changePassword(payload).unwrap();\n                if (response?.error) {\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: 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                    dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.PASSWORD_CHANGE, detail: ERROR_MESSAGES.PASSWORD_CHANGE }));\n                    handleLogout(null)\n                    resetForm();\n                }\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: err?.data?.message, detail: err?.data?.data?.message ? err?.data?.data?.message : err?.data?.message }));\n            }\n        },\n    });\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <form onSubmit={formik.handleSubmit} className=\"h-full flex flex-column justify-content-between\">\n            <div>\n                <div className='grid'>\n                    <div className='col-12 md-col-8 lg:col-5'>\n                        <div className=\"flex flex-column gap-2\">\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\">\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\">\n                            <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm New 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>\n                </div>\n                <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} />\n            </div>\n            <div>\n                <Button type='submit' size='small' label=\"Change Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n            </div>\n        </form>\n    )\n}\n"]}
+{"version":3,"file":"SolidChangePassword.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEventHandler, FocusEventHandler, useMemo, useState } from \"react\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport { handleLogout } from \"../../../../adapters/auth/handleLogout\";\nimport { env } from \"../../../../adapters/env\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { useChangePasswordMutation } from \"../../../../redux/api/authApi\";\nimport { SolidPasswordHelperText } from \"../SolidPasswordHelperText\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ntype ToastState = {\n  id: number;\n  severity: \"success\" | \"error\" | \"info\" | \"warn\";\n  summary: string;\n  detail: string;\n  sticky?: boolean;\n  life?: number;\n} | null;\n\nconst ToastMessage = ({ toast, onClose }: { toast: ToastState; onClose: () => void }) => {\n  if (!toast) return null;\n  const severityClass =\n    toast.severity === \"error\"\n      ? styles.toastError\n      : toast.severity === \"success\"\n        ? styles.toastSuccess\n        : toast.severity === \"warn\"\n          ? styles.toastWarn\n          : styles.toastInfo;\n\n  return (\n    <div className={`${styles.toast} ${severityClass}`} role=\"status\" aria-live=\"polite\">\n      <div>\n        <div className={styles.toastTitle}>{toast.summary}</div>\n        <div className={styles.toastBody}>{toast.detail}</div>\n      </div>\n      <button type=\"button\" className={styles.toastClose} onClick={onClose} aria-label=\"Close notification\">\n        ×\n      </button>\n    </div>\n  );\n};\n\nconst PasswordInput = ({\n  id,\n  name,\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n}: {\n  id: string;\n  name: string;\n  value: string;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n  onBlur: FocusEventHandler<HTMLInputElement>;\n  placeholder?: string;\n}) => {\n  const [visible, setVisible] = useState(false);\n  return (\n    <div className={styles.passwordWrap}>\n      <input\n        id={id}\n        name={name}\n        type={visible ? \"text\" : \"password\"}\n        className={styles.input}\n        value={value}\n        onChange={onChange}\n        onBlur={onBlur}\n        placeholder={placeholder}\n      />\n      <button\n        type=\"button\"\n        className={styles.passwordToggle}\n        onClick={() => setVisible((prev) => !prev)}\n        aria-label={visible ? \"Hide password\" : \"Show password\"}\n      >\n        {visible ? \"Hide\" : \"Show\"}\n      </button>\n    </div>\n  );\n};\n\nexport const SolidChangePassword = ({ solidSettingsData }: any) => {\n  const [toast, setToast] = useState<ToastState>(null);\n  const [changePassword] = useChangePasswordMutation();\n  const session: any = useSession();\n\n  const notify = (\n    severity: \"success\" | \"error\" | \"info\" | \"warn\",\n    summary: string,\n    detail: string,\n    opts?: { sticky?: boolean; life?: number }\n  ) => {\n    setToast({\n      id: Date.now(),\n      severity,\n      summary,\n      detail,\n      sticky: opts?.sticky,\n      life: opts?.life ?? 3000,\n    });\n  };\n\n  const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n\n  const effectiveRegex = useMemo(() => {\n    try {\n      const backendRegex = solidSettingsData?.data?.authenticationPasswordRegex;\n      if (backendRegex) return new RegExp(backendRegex);\n      if (envPasswordRegex) {\n        const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n        return new RegExp(unescaped);\n      }\n    } catch (error) {\n      console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n    }\n    return null;\n  }, [solidSettingsData, envPasswordRegex]);\n\n  const validationSchema = useMemo(() => {\n    const newPasswordValidation = effectiveRegex\n      ? Yup.string()\n        .matches(\n          effectiveRegex,\n          solidSettingsData?.data?.authenticationPasswordRegexErrorMessage || ERROR_MESSAGES.PASSWORD_DO_NOT_MEET\n        )\n        .required(ERROR_MESSAGES.FIELD_REUQIRED(\"New password\"))\n      : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED(\"New password\"));\n\n    return 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().oneOf([Yup.ref(\"newPassword\")], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Confirm password\")),\n      id: Yup.number().required(ERROR_MESSAGES.FIELD_INAVLID_FORMAT(\"User ID\")),\n    });\n  }, [effectiveRegex, solidSettingsData]);\n\n  const formik = useFormik({\n    initialValues: {\n      email: session?.data?.user?.email,\n      currentPassword: \"\",\n      newPassword: \"\",\n      confirmPassword: \"\",\n      id: session?.data?.user?.id,\n    },\n    validationSchema,\n    onSubmit: async (values, { setErrors, resetForm }) => {\n      try {\n        const payload = {\n          id: values.id,\n          email: session?.data?.user?.email,\n          currentPassword: values.currentPassword,\n          newPassword: values.newPassword,\n        };\n\n        const response = await changePassword(payload).unwrap();\n        if (response?.error) {\n          notify(\"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          return;\n        }\n\n        notify(\"success\", ERROR_MESSAGES.PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);\n        resetForm();\n        handleLogout({\n          toast: {\n            current: {\n              show: ({ severity, summary, detail, sticky, life }: any) =>\n                notify(severity || \"info\", summary || \"\", detail || \"\", { sticky, life }),\n            },\n          },\n        });\n      } catch (err: any) {\n        notify(\"error\", err?.data?.message || ERROR_MESSAGES.ERROR, err?.data?.data?.message || err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG);\n      }\n    },\n  });\n\n  const fieldError = (field: string) => {\n    if (!formik.touched[field as keyof typeof formik.touched]) return null;\n    const error = formik.errors[field as keyof typeof formik.errors];\n    return typeof error === \"string\" ? error : null;\n  };\n\n  return (\n    <form onSubmit={formik.handleSubmit} className={styles.accountForm}>\n      <ToastMessage toast={toast} onClose={() => setToast(null)} />\n\n      <div className={styles.accountScroll}>\n        <div className={styles.formStack}>\n          <div className={styles.field}>\n            <label htmlFor=\"currentPassword\">Current Password</label>\n            <PasswordInput\n              id=\"currentPassword\"\n              name=\"currentPassword\"\n              value={formik.values.currentPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"currentPassword\") ? <p className={styles.errorText}>{fieldError(\"currentPassword\")}</p> : null}\n          </div>\n\n          <div className={styles.field}>\n            <label htmlFor=\"newPassword\">New Password</label>\n            <PasswordInput\n              id=\"newPassword\"\n              name=\"newPassword\"\n              value={formik.values.newPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"newPassword\") ? <p className={styles.errorText}>{fieldError(\"newPassword\")}</p> : null}\n          </div>\n\n          <div className={styles.field}>\n            <label htmlFor=\"confirmPassword\">Confirm New Password</label>\n            <PasswordInput\n              id=\"confirmPassword\"\n              name=\"confirmPassword\"\n              value={formik.values.confirmPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"confirmPassword\") ? <p className={styles.errorText}>{fieldError(\"confirmPassword\")}</p> : null}\n          </div>\n        </div>\n\n        <div className={styles.passwordHintWrap}>\n          <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} />\n        </div>\n      </div>\n\n      <div className={styles.footerActions}>\n        <SolidButton type=\"submit\" size=\"sm\" loading={formik.isSubmitting}>\n          Change Password\n        </SolidButton>\n      </div>\n    </form>\n  );\n};\n"]}