@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

package/dist/components/auth/MicrosoftActiveDirectoryAuthChecking.js

@@ -0,0 +1,112 @@
+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 } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { signInWithOAuthAccessCode } from "../../adapters/auth/index";
+import { useRouter } from "../../hooks/useRouter";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
+import { env } from "../../adapters/env";
+import { showToast } from "../../redux/features/toastSlice";
+import { SolidSpinner } from "../shad-cn-ui";
+export var MicrosoftActiveDirectoryAuthChecking = function () {
+    var searchParams = useSearchParams();
+    var accessCode = searchParams.get("accessCode");
+    var router = useRouter();
+    var _a = useState(null), error = _a[0], setError = _a[1];
+    var dispatch = useDispatch();
+    useEffect(function () {
+        var handleOAuthAuthentication = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response, redirectUrl, err_1, message;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!accessCode) {
+                            dispatch(showToast({
+                                severity: "error",
+                                summary: ERROR_MESSAGES.LOGIN_ERROR,
+                                detail: ERROR_MESSAGES.AUTHENICATION__FAILED,
+                            }));
+                            setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
+                            return [2 /*return*/];
+                        }
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, signInWithOAuthAccessCode({
+                                accessCode: accessCode,
+                                provider: "microsoft-active-directory",
+                            })];
+                    case 2:
+                        response = _b.sent();
+                        if (response === null || response === void 0 ? void 0 : response.error) {
+                            dispatch(showToast({
+                                severity: "error",
+                                summary: ERROR_MESSAGES.LOGIN_ERROR,
+                                detail: response.error,
+                            }));
+                            setError(response.error || ERROR_MESSAGES.AUTHENICATION__FAILED);
+                        }
+                        else {
+                            redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+                            router.push(redirectUrl);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _b.sent();
+                        message = ((_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _a === void 0 ? void 0 : _a.message) || ERROR_MESSAGES.AUTHENICATION__FAILED;
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.LOGIN_ERROR,
+                            detail: message,
+                        }));
+                        setError(message);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleOAuthAuthentication();
+    }, [accessCode, dispatch, router]);
+    if (error) {
+        return (_jsx("div", { className: "flex items-center justify-center min-h-screen", children: _jsx("h2", { className: "text-red-500 text-xl font-semibold", children: error }) }));
+    }
+    return _jsx(SolidSpinner, { className: "flex items-center justify-center min-h-screen" });
+};
+//# sourceMappingURL=MicrosoftActiveDirectoryAuthChecking.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MicrosoftActiveDirectoryAuthChecking.js","sourceRoot":"","sources":["../../../src/components/auth/MicrosoftActiveDirectoryAuthChecking.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,IAAM,oCAAoC,GAAG;IAClD,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAElD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IACrB,IAAA,KAAoB,QAAQ,CAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAC;IACxD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC;QACR,IAAM,yBAAyB,GAAG;;;;;;wBAChC,IAAI,CAAC,UAAU,EAAE;4BACf,QAAQ,CACN,SAAS,CAAC;gCACR,QAAQ,EAAE,OAAO;gCACjB,OAAO,EAAE,cAAc,CAAC,WAAW;gCACnC,MAAM,EAAE,cAAc,CAAC,qBAAqB;6BAC7C,CAAC,CACH,CAAC;4BACF,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC/C,sBAAO;yBACR;;;;wBAGkB,qBAAM,yBAAyB,CAAC;gCAC/C,UAAU,EAAE,UAAU;gCACtB,QAAQ,EAAE,4BAA4B;6BACvC,CAAC,EAAA;;wBAHI,QAAQ,GAAG,SAGf;wBAEF,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;4BACnB,QAAQ,CACN,SAAS,CAAC;gCACR,QAAQ,EAAE,OAAO;gCACjB,OAAO,EAAE,cAAc,CAAC,WAAW;gCACnC,MAAM,EAAE,QAAQ,CAAC,KAAK;6BACvB,CAAC,CACH,CAAC;4BACF,QAAQ,CAAC,QAAQ,CAAC,KAAK,IAAI,cAAc,CAAC,qBAAqB,CAAC,CAAC;yBAClE;6BAAM;4BACC,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,IAAI,QAAQ,CAAC;4BACtE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;yBAC1B;;;;wBAEK,OAAO,GACX,CAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,KAAI,cAAc,CAAC,qBAAqB,CAAC;wBAC7D,QAAQ,CACN,SAAS,CAAC;4BACR,QAAQ,EAAE,OAAO;4BACjB,OAAO,EAAE,cAAc,CAAC,WAAW;4BACnC,MAAM,EAAE,OAAO;yBAChB,CAAC,CACH,CAAC;wBACF,QAAQ,CAAC,OAAO,CAAC,CAAC;;;;;aAErB,CAAC;QAEF,yBAAyB,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,IAAI,KAAK,EAAE;QACT,OAAO,CACL,cAAK,SAAS,EAAC,+CAA+C,YAC5D,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,GAC3D,CACP,CAAC;KACH;IAED,OAAO,KAAC,YAAY,IAAC,SAAS,EAAC,+CAA+C,GAAG,CAAC;AACpF,CAAC,CAAC","sourcesContent":["import { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { signInWithOAuthAccessCode } from \"../../adapters/auth/index\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidSpinner } from \"../shad-cn-ui\";\n\nexport const MicrosoftActiveDirectoryAuthChecking = () => {\n  const searchParams = useSearchParams();\n  const accessCode = searchParams.get(\"accessCode\");\n\n  const router = useRouter();\n  const [error, setError] = useState<string | null>(null);\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    const handleOAuthAuthentication = async () => {\n      if (!accessCode) {\n        dispatch(\n          showToast({\n            severity: \"error\",\n            summary: ERROR_MESSAGES.LOGIN_ERROR,\n            detail: ERROR_MESSAGES.AUTHENICATION__FAILED,\n          }),\n        );\n        setError(ERROR_MESSAGES.AUTHENICATION__FAILED);\n        return;\n      }\n\n      try {\n        const response = await signInWithOAuthAccessCode({\n          accessCode: accessCode,\n          provider: \"microsoft-active-directory\",\n        });\n\n        if (response?.error) {\n          dispatch(\n            showToast({\n              severity: \"error\",\n              summary: ERROR_MESSAGES.LOGIN_ERROR,\n              detail: response.error,\n            }),\n          );\n          setError(response.error || ERROR_MESSAGES.AUTHENICATION__FAILED);\n        } else {\n          const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n          router.push(redirectUrl);\n        }\n      } catch (err: any) {\n        const message =\n          err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED;\n        dispatch(\n          showToast({\n            severity: \"error\",\n            summary: ERROR_MESSAGES.LOGIN_ERROR,\n            detail: message,\n          }),\n        );\n        setError(message);\n      }\n    };\n\n    handleOAuthAuthentication();\n  }, [accessCode, dispatch, router]);\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <h2 className=\"text-red-500 text-xl font-semibold\">{error}</h2>\n      </div>\n    );\n  }\n\n  return <SolidSpinner className=\"flex items-center justify-center min-h-screen\" />;\n};\n"]}

package/dist/components/auth/MicrosoftActiveDirectoryAuthChecking.tsx

@@ -0,0 +1,78 @@
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { signInWithOAuthAccessCode } from "../../adapters/auth/index";
+import { useRouter } from "../../hooks/useRouter";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
+import { env } from "../../adapters/env";
+import { showToast } from "../../redux/features/toastSlice";
+import { SolidSpinner } from "../shad-cn-ui";
+
+export const MicrosoftActiveDirectoryAuthChecking = () => {
+  const searchParams = useSearchParams();
+  const accessCode = searchParams.get("accessCode");
+
+  const router = useRouter();
+  const [error, setError] = useState<string | null>(null);
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    const handleOAuthAuthentication = async () => {
+      if (!accessCode) {
+        dispatch(
+          showToast({
+            severity: "error",
+            summary: ERROR_MESSAGES.LOGIN_ERROR,
+            detail: ERROR_MESSAGES.AUTHENICATION__FAILED,
+          }),
+        );
+        setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
+        return;
+      }
+
+      try {
+        const response = await signInWithOAuthAccessCode({
+          accessCode: accessCode,
+          provider: "microsoft-active-directory",
+        });
+
+        if (response?.error) {
+          dispatch(
+            showToast({
+              severity: "error",
+              summary: ERROR_MESSAGES.LOGIN_ERROR,
+              detail: response.error,
+            }),
+          );
+          setError(response.error || ERROR_MESSAGES.AUTHENICATION__FAILED);
+        } else {
+          const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+          router.push(redirectUrl);
+        }
+      } catch (err: any) {
+        const message =
+          err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED;
+        dispatch(
+          showToast({
+            severity: "error",
+            summary: ERROR_MESSAGES.LOGIN_ERROR,
+            detail: message,
+          }),
+        );
+        setError(message);
+      }
+    };
+
+    handleOAuthAuthentication();
+  }, [accessCode, dispatch, router]);
+
+  if (error) {
+    return (
+      <div className="flex items-center justify-center min-h-screen">
+        <h2 className="text-red-500 text-xl font-semibold">{error}</h2>
+      </div>
+    );
+  }
+
+  return <SolidSpinner className="flex items-center justify-center min-h-screen" />;
+};

package/dist/components/auth/SolidChangeForcePassword.js

@@ -150,9 +150,9 @@ var SolidChangeForcePassword = function () {
             policy: "One special character(!, @, #, $)"
         },
     ];
-    return (_jsx(_Fragment, { children: _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(SolidPasswordInput, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, "aria-invalid": !!formik.errors.currentPassword, className: "w-full" }), isFormFieldValid(formik, "currentPassword") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.currentPassword) === null || _f === void 0 ? void 0 : _f.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(SolidPasswordInput, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, "aria-invalid": !!formik.errors.newPassword, className: "w-full" }), isFormFieldValid(formik, "newPassword") && (_jsx(SolidMessage, { 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.newPassword) === 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: "Confirm Password" }), _jsx(SolidPasswordInput, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, "aria-invalid": !!formik.errors.confirmPassword, className: "w-full" }), isFormFieldValid(formik, "confirmPassword") && (_jsx(SolidMessage, { 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.confirmPassword) === null || _k === void 0 ? void 0 : _k.toString() }))] }), envPasswordHelperText && (_jsx("div", { className: "mt-4", children: _jsx("div", { className: "grid", children: envPasswordHelperText
+    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, className: 'flex flex-col gap-4 auth-form', children: [_jsxs("div", { className: "flex flex-col gap-2 mt-2", style: {}, children: [_jsx("label", { htmlFor: "currentPassword", className: "solid-auth-input-label", children: "Current Password" }), _jsx(SolidPasswordInput, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, "aria-invalid": !!formik.errors.currentPassword, className: "w-full" }), isFormFieldValid(formik, "currentPassword") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.currentPassword) === null || _f === void 0 ? void 0 : _f.toString() }))] }), _jsxs("div", { className: "flex flex-col 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(SolidPasswordInput, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, "aria-invalid": !!formik.errors.newPassword, className: "w-full" }), isFormFieldValid(formik, "newPassword") && (_jsx(SolidMessage, { 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.newPassword) === null || _h === void 0 ? void 0 : _h.toString() }))] }), _jsxs("div", { className: "flex flex-col 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(SolidPasswordInput, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, "aria-invalid": !!formik.errors.confirmPassword, className: "w-full" }), isFormFieldValid(formik, "confirmPassword") && (_jsx(SolidMessage, { 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.confirmPassword) === null || _k === void 0 ? void 0 : _k.toString() }))] }), envPasswordHelperText && (_jsx("div", { className: "mt-6", children: _jsx("div", { className: "flex flex-wrap -mx-2 gap-y-2", 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(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Change Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }) }));
+                            .map(function (text, idx) { return (_jsx("div", { className: "w-1/2 px-2 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx)); }) }) })), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { type: "submit", 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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","sourcesContent":["import { ERROR_MESSAGES } from '../../constants/error-messages';\nimport { useChangePasswordMutation } from '../../redux/api/authApi';\nimport { useFormik } from 'formik';\nimport { signOut } from \"../../adapters/auth/index\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from 'yup';\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidMessage, SolidPasswordInput } from \"../shad-cn-ui\";\n\nconst SolidChangeForcePassword = () => {\n    const dispatch = useDispatch();\n    const [changePassword] = useChangePasswordMutation();\n\n    const session: any = useSession();\n\n    const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n    const envPasswordHelperText = 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?.email,\n            currentPassword: \"\",\n            newPassword: \"\",\n            confirmPassword: \"\",\n            id: session?.data?.user?.id,\n        },\n        validationSchema,\n        onSubmit: async (values, { setErrors }) => {\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                // 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                    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.FORCE_PASSWORD_CHANGE, detail: ERROR_MESSAGES.PASSWORD_CHANGE }));\n                    signOut({ callbackUrl: \"/auth/login\" })\n                }\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: 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            <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                    <SolidPasswordInput\n                        id=\"currentPassword\"\n                        name=\"currentPassword\"\n                        value={formik.values.currentPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggle\n                        aria-invalid={!!formik.errors.currentPassword}\n                        className=\"w-full\"\n                    />\n                    {isFormFieldValid(formik, \"currentPassword\") && (\n                        <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.currentPassword?.toString()}\n                        />\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                    <SolidPasswordInput\n                        id=\"newPassword\"\n                        name=\"newPassword\"\n                        value={formik.values.newPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggle\n                        aria-invalid={!!formik.errors.newPassword}\n                        className=\"w-full\"\n                    />\n                    {isFormFieldValid(formik, \"newPassword\") && (\n                        <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.newPassword?.toString()}\n                        />\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                    <SolidPasswordInput\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        value={formik.values.confirmPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggle\n                        aria-invalid={!!formik.errors.confirmPassword}\n                        className=\"w-full\"\n                    />\n                    {isFormFieldValid(formik, \"confirmPassword\") && (\n                        <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.confirmPassword?.toString()}\n                        />\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                    <SolidButton\n                        type=\"submit\"\n                        className=\"w-full font-light auth-submit-button\"\n                        label=\"Change Password\"\n                        disabled={formik.isSubmitting}\n                        loading={formik.isSubmitting}\n                    />\n                </div>\n            </form>\n        </>\n    )\n}\nexport default SolidChangeForcePassword\n"]}
+{"version":3,"file":"SolidChangeForcePassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidChangeForcePassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ERROR_MESSAGES } from '../../constants/error-messages';\nimport { useChangePasswordMutation } from '../../redux/api/authApi';\nimport { useFormik } from 'formik';\nimport { signOut } from \"../../adapters/auth/index\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from 'yup';\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidMessage, SolidPasswordInput } from \"../shad-cn-ui\";\n\nconst SolidChangeForcePassword = () => {\n    const dispatch = useDispatch();\n    const [changePassword] = useChangePasswordMutation();\n\n    const session: any = useSession();\n\n    const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n    const envPasswordHelperText = 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?.email,\n            currentPassword: \"\",\n            newPassword: \"\",\n            confirmPassword: \"\",\n            id: session?.data?.user?.id,\n        },\n        validationSchema,\n        onSubmit: async (values, { setErrors }) => {\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                // 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                    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.FORCE_PASSWORD_CHANGE, detail: ERROR_MESSAGES.PASSWORD_CHANGE }));\n                    signOut({ callbackUrl: \"/auth/login\" })\n                }\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: 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            <form onSubmit={formik.handleSubmit} className='flex flex-col gap-4 auth-form'>\n                <div className=\"flex flex-col gap-2 mt-2\" style={{}}>\n                    <label htmlFor=\"currentPassword\" className=\"solid-auth-input-label\">Current Password</label>\n                    <SolidPasswordInput\n                        id=\"currentPassword\"\n                        name=\"currentPassword\"\n                        value={formik.values.currentPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggle\n                        aria-invalid={!!formik.errors.currentPassword}\n                        className=\"w-full\"\n                    />\n                    {isFormFieldValid(formik, \"currentPassword\") && (\n                        <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.currentPassword?.toString()}\n                        />\n                    )}\n                </div>\n                <div className=\"flex flex-col 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                    <SolidPasswordInput\n                        id=\"newPassword\"\n                        name=\"newPassword\"\n                        value={formik.values.newPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggle\n                        aria-invalid={!!formik.errors.newPassword}\n                        className=\"w-full\"\n                    />\n                    {isFormFieldValid(formik, \"newPassword\") && (\n                        <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.newPassword?.toString()}\n                        />\n                    )}\n                </div>\n                <div className=\"flex flex-col 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                    <SolidPasswordInput\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        value={formik.values.confirmPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggle\n                        aria-invalid={!!formik.errors.confirmPassword}\n                        className=\"w-full\"\n                    />\n                    {isFormFieldValid(formik, \"confirmPassword\") && (\n                        <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.confirmPassword?.toString()}\n                        />\n                    )}\n                </div>\n                {/* <div className='mt-6'>\n                    <div className='flex flex-wrap -mx-2 gap-y-2'>\n                        {passwordPolicies.map((policy, index) => {\n                            return (\n                                <div key={index} className='w-1/2 px-2'>\n                                    <p className=\"solid-auth-input-label flex items-center gap-2\">\n                                        <div className='flex items-center justify-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-6\">\n                        <div className=\"flex flex-wrap -mx-2 gap-y-2\">\n                            {envPasswordHelperText\n                                .split('\\\\n')\n                                .map((text, idx) => (\n                                    <div key={idx} className=\"w-1/2 px-2 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-6\">\n                    <SolidButton\n                        type=\"submit\"\n                        className=\"w-full font-light auth-submit-button\"\n                        label=\"Change Password\"\n                        disabled={formik.isSubmitting}\n                        loading={formik.isSubmitting}\n                    />\n                </div>\n            </form>\n        </>\n    )\n}\nexport default SolidChangeForcePassword\n"]}

package/dist/components/auth/SolidChangeForcePassword.tsx

@@ -109,8 +109,8 @@ const SolidChangeForcePassword = () => {
 
     return (
         <>
-            <form onSubmit={formik.handleSubmit} className='d-flex flex-column gap-3 auth-form'>
-                <div className="flex flex-column gap-2 mt-2" style={{}}>
+            <form onSubmit={formik.handleSubmit} className='flex flex-col gap-4 auth-form'>
+                <div className="flex flex-col gap-2 mt-2" style={{}}>
                     <label htmlFor="currentPassword" className="solid-auth-input-label">Current Password</label>
                     <SolidPasswordInput
                         id="currentPassword"
@@ -130,7 +130,7 @@ const SolidChangeForcePassword = () => {
                         />
                     )}
                 </div>
-                <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4" style={{}}>
+                <div className="flex flex-col 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>
                     <SolidPasswordInput
                         id="newPassword"
@@ -150,7 +150,7 @@ const SolidChangeForcePassword = () => {
                         />
                     )}
                 </div>
-                <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4" style={{}}>
+                <div className="flex flex-col 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>
                     <SolidPasswordInput
                         id="confirmPassword"
@@ -170,13 +170,13 @@ const SolidChangeForcePassword = () => {
                         />
                     )}
                 </div>
-                {/* <div className='mt-4'>
-                    <div className='grid'>
+                {/* <div className='mt-6'>
+                    <div className='flex flex-wrap -mx-2 gap-y-2'>
                         {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' }}>
+                                <div key={index} className='w-1/2 px-2'>
+                                    <p className="solid-auth-input-label flex items-center gap-2">
+                                        <div className='flex items-center justify-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>
@@ -189,19 +189,19 @@ const SolidChangeForcePassword = () => {
                     </div>
                 </div> */}
                 {envPasswordHelperText && (
-                    <div className="mt-4">
-                        <div className="grid">
+                    <div className="mt-6">
+                        <div className="flex flex-wrap -mx-2 gap-y-2">
                             {envPasswordHelperText
                                 .split('\\n')
                                 .map((text, idx) => (
-                                    <div key={idx} className="col-6 pt-0">
+                                    <div key={idx} className="w-1/2 px-2 pt-0">
                                         <div className='flex gap-2'><span>•</span><span>{text}</span></div>
                                     </div>
                                 ))}
                         </div>
                     </div>
                 )}
-                <div className="mt-4">
+                <div className="mt-6">
                     <SolidButton
                         type="submit"
                         className="w-full font-light auth-submit-button"

package/dist/components/auth/SolidForgotPassword.js

@@ -100,7 +100,7 @@ var SolidForgotPassword = function (_a) {
     var isFormFieldValid = function (formik, fieldName) {
         return formik.touched[fieldName] && formik.errors[fieldName];
     };
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "auth-container ".concat(((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h2", { className: "solid-auth-title", children: "Forgot password" }), _jsxs("p", { className: "solid-auth-helper", children: ["Enter your email. ", _jsx("br", {}), "Please note that you will receive an email with password reset instructions if an account exists for the corresponding masked email address."] }), _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: signInValidatorLabel ? signInValidatorLabel : "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email ID", value: formik.values.email, onChange: formik.handleChange, onBlur: formik.handleBlur, autoComplete: "off" }), isFormFieldValid(formik, "email") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.email) === null || _d === void 0 ? void 0 : _d.toString() }))] }), _jsxs("div", { className: "mt-4", children: [_jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Continue", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "auth-container ".concat(((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h2", { className: "solid-auth-title", children: "Forgot password" }), _jsxs("p", { className: "solid-auth-helper", children: ["Enter your email. ", _jsx("br", {}), "Please note that you will receive an email with password reset instructions if an account exists for the corresponding masked email address."] }), _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: signInValidatorLabel ? signInValidatorLabel : "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email ID", value: formik.values.email, onChange: formik.handleChange, onBlur: formik.handleBlur, autoComplete: "off" }), isFormFieldValid(formik, "email") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.email) === null || _d === void 0 ? void 0 : _d.toString() }))] }), _jsxs("div", { className: "mt-6", children: [_jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Continue", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] }) }));
 };
 export default SolidForgotPassword;
 //# sourceMappingURL=SolidForgotPassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidForgotPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidForgotPassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useInitiateChangePasswordMutation } from \"../../redux/api/authApi\";\nimport { useFormik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport * as Yup from \"yup\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { useDispatch } from \"react-redux\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {\n    const { solidSettingsData } = useAuthSettings();\n\n    const dispatch = useDispatch();\n    const router = useRouter();\n    const [initiateChangePassword] = useInitiateChangePasswordMutation();\n    const validationSchema = Yup.object({\n        email: Yup.string()\n            .email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email'))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n    });\n    function maskEmail(email: string) {\n        const [localPart, domain] = email.split('@');\n        const maskedLocal = localPart.slice(0, 3) + '*'.repeat(localPart.length - 3);\n        const maskedDomain = domain.slice(-8).padStart(domain.length, '*');\n        return `${maskedLocal}@${maskedDomain}`;\n    }\n\n    const formik = useFormik({\n        initialValues: {\n            email: \"\",\n        },\n        validationSchema,\n        onSubmit: async (values) => {\n            try {\n                const payload = {\n                    email: values.email,\n                };\n                const response = await initiateChangePassword(payload).unwrap();\n                if (response?.statusCode === 200) {\n                    const email = values?.email;\n                    const maskedEmail = maskEmail(email);\n                    router.push(`/auth/initiate-forgot-password-thank-you?email=${maskedEmail}`)\n                } else (\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: response.error }))\n                )\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n            }\n        },\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">Forgot password</h2>\n                <p className=\"solid-auth-helper\">Enter your email. <br></br>Please note that you will receive an email with password reset instructions if an account exists for the corresponding masked email address.</p>\n                {/* <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> */}\n                <form onSubmit={formik.handleSubmit}>\n                    <div className=\"flex flex-column gap-2\">\n                        <label htmlFor=\"email\" className=\"solid-auth-input-label\">{signInValidatorLabel ? signInValidatorLabel : \"Email\"}</label>\n                        <SolidInput\n                            id=\"email\"\n                            name=\"email\"\n                            placeholder={signInValidatorPlaceholder ? signInValidatorPlaceholder : \"Email ID\"}\n                            value={formik.values.email}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            autoComplete=\"off\"\n                        />\n                        {isFormFieldValid(formik, \"email\") && (\n                            <SolidMessage\n                                className=\"text-red-500 text-sm\"\n                                severity=\"error\"\n                                text={formik?.errors?.email?.toString()}\n                            />\n                        )}\n                    </div>\n                    <div className=\"mt-4\">\n                        <SolidButton\n                            type=\"submit\"\n                            className=\"w-full font-light auth-submit-button\"\n                            label=\"Continue\"\n                            disabled={formik.isSubmitting}\n                            loading={formik.isSubmitting}\n                        />\n                        <SolidButton\n                            type=\"button\"\n                            label=\"Back\"\n                            className=\"w-full auth-back-button text-center mt-1\"\n                            text\n                            onClick={() => (window.location.href = '/auth/login')}\n                        />\n                    </div>\n                </form>\n            </div>\n            {/* <div className=\"text-center mt-5\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div> */}\n        </>\n    );\n};\n\nexport default SolidForgotPassword;\n"]}
+{"version":3,"file":"SolidForgotPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidForgotPassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useInitiateChangePasswordMutation } from \"../../redux/api/authApi\";\nimport { useFormik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport * as Yup from \"yup\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { useDispatch } from \"react-redux\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {\n    const { solidSettingsData } = useAuthSettings();\n\n    const dispatch = useDispatch();\n    const router = useRouter();\n    const [initiateChangePassword] = useInitiateChangePasswordMutation();\n    const validationSchema = Yup.object({\n        email: Yup.string()\n            .email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email'))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n    });\n    function maskEmail(email: string) {\n        const [localPart, domain] = email.split('@');\n        const maskedLocal = localPart.slice(0, 3) + '*'.repeat(localPart.length - 3);\n        const maskedDomain = domain.slice(-8).padStart(domain.length, '*');\n        return `${maskedLocal}@${maskedDomain}`;\n    }\n\n    const formik = useFormik({\n        initialValues: {\n            email: \"\",\n        },\n        validationSchema,\n        onSubmit: async (values) => {\n            try {\n                const payload = {\n                    email: values.email,\n                };\n                const response = await initiateChangePassword(payload).unwrap();\n                if (response?.statusCode === 200) {\n                    const email = values?.email;\n                    const maskedEmail = maskEmail(email);\n                    router.push(`/auth/initiate-forgot-password-thank-you?email=${maskedEmail}`)\n                } else (\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: response.error }))\n                )\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n            }\n        },\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">Forgot password</h2>\n                <p className=\"solid-auth-helper\">Enter your email. <br></br>Please note that you will receive an email with password reset instructions if an account exists for the corresponding masked email address.</p>\n                {/* <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> */}\n                <form onSubmit={formik.handleSubmit}>\n                    <div className=\"flex flex-col gap-2\">\n                        <label htmlFor=\"email\" className=\"solid-auth-input-label\">{signInValidatorLabel ? signInValidatorLabel : \"Email\"}</label>\n                        <SolidInput\n                            id=\"email\"\n                            name=\"email\"\n                            placeholder={signInValidatorPlaceholder ? signInValidatorPlaceholder : \"Email ID\"}\n                            value={formik.values.email}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            autoComplete=\"off\"\n                        />\n                        {isFormFieldValid(formik, \"email\") && (\n                            <SolidMessage\n                                className=\"text-red-500 text-sm\"\n                                severity=\"error\"\n                                text={formik?.errors?.email?.toString()}\n                            />\n                        )}\n                    </div>\n                    <div className=\"mt-6\">\n                        <SolidButton\n                            type=\"submit\"\n                            className=\"w-full font-light auth-submit-button\"\n                            label=\"Continue\"\n                            disabled={formik.isSubmitting}\n                            loading={formik.isSubmitting}\n                        />\n                        <SolidButton\n                            type=\"button\"\n                            label=\"Back\"\n                            className=\"w-full auth-back-button text-center mt-1\"\n                            text\n                            onClick={() => (window.location.href = '/auth/login')}\n                        />\n                    </div>\n                </form>\n            </div>\n            {/* <div className=\"text-center mt-8\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div> */}\n        </>\n    );\n};\n\nexport default SolidForgotPassword;\n"]}

package/dist/components/auth/SolidForgotPassword.tsx

@@ -60,7 +60,7 @@ const SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder
                 <p className="solid-auth-helper">Enter your email. <br></br>Please note that you will receive an email with password reset instructions if an account exists for the corresponding masked email address.</p>
                 {/* <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> */}
                 <form onSubmit={formik.handleSubmit}>
-                    <div className="flex flex-column gap-2">
+                    <div className="flex flex-col gap-2">
                         <label htmlFor="email" className="solid-auth-input-label">{signInValidatorLabel ? signInValidatorLabel : "Email"}</label>
                         <SolidInput
                             id="email"
@@ -79,7 +79,7 @@ const SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder
                             />
                         )}
                     </div>
-                    <div className="mt-4">
+                    <div className="mt-6">
                         <SolidButton
                             type="submit"
                             className="w-full font-light auth-submit-button"
@@ -97,7 +97,7 @@ const SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder
                     </div>
                 </form>
             </div>
-            {/* <div className="text-center mt-5">
+            {/* <div className="text-center mt-8">
                 <div className="text-sm text-400 secondary-dark-color">
                     {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
                 </div>

package/dist/components/auth/SolidInitialLoginOtp.js

@@ -199,7 +199,7 @@ var SolidInitialLoginOtp = function () {
                                                     ? "You can resend now."
                                                     : "Time left: ".concat(Math.floor(timeLeft / 60)
                                                         .toString()
-                                                        .padStart(2, "0"), ":").concat((timeLeft % 60).toString().padStart(2, "0")) })] }), _jsxs("div", { className: "mt-4", children: [_jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] }));
+                                                        .padStart(2, "0"), ":").concat((timeLeft % 60).toString().padStart(2, "0")) })] }), _jsxs("div", { className: "mt-6", children: [_jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] }));
                         } }) })] }) }));
 };
 export default SolidInitialLoginOtp;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidInitialLoginOtp.js","sourceRoot":"","sources":["../../../src/components/auth/SolidInitialLoginOtp.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useInitateLoginMutation } from \"../../redux/api/authApi\";\nimport { Form, Formik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from \"yup\";\nimport { signInWithOtp } from \"../../adapters/auth/index\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidIcon, SolidMessage, SolidOtpInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\n\nconst SolidInitialLoginOtp = () => {\n    const searchParams = useSearchParams();\n    const tempIdentifier = searchParams.get('identifier');\n    const type = searchParams.get('type') || 'email';\n    const identifier = tempIdentifier ? decodeURIComponent(tempIdentifier) : '';\n\n    const RESEND_OTP_KEY = `resendOtpLogin_${identifier}`;\n    const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n    const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n    const { solidSettingsData } = useAuthSettings();\n\n    const [initiateResendOTP] = useInitateLoginMutation();\n    const dispatch = useDispatch();\n    const router = useRouter();\n    const [timeLeft, setTimeLeft] = useState(RESEND_OTP_TIMER);\n    const [resendEnabled, setResendEnabled] = useState(false);\n\n    const getDisplayText = () => {\n        switch (type) {\n            case \"mobile\":\n                return {\n                    title: \"OTP Verification\",\n                    subtitle: \"Please enter the OTP sent to your mobile number to complete verification\"\n                };\n            case \"email\":\n            default:\n                return {\n                    title: \"OTP Verification\",\n                    subtitle: \"Please enter the OTP sent to your email to complete verification\"\n                };\n        }\n    };\n\n    const displayText = getDisplayText();\n\n    useEffect(() => {\n\n        // Set timer if not already set (e.g., after login)\n        const storedTime = localStorage.getItem(RESEND_OTP_KEY);\n        if (!storedTime) {\n            localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n        }\n\n        const lastSent = storedTime ? parseInt(storedTime, 10) : Date.now();\n        const elapsed = Math.floor((Date.now() - lastSent) / 1000);\n        const remaining = RESEND_OTP_TIMER - elapsed;\n\n        if (remaining > 0) {\n            setTimeLeft(remaining);\n            setResendEnabled(false);\n        } else {\n            setTimeLeft(0);\n            setResendEnabled(true);\n        }\n    }, [identifier]);\n\n    useEffect(() => {\n        if (resendEnabled || timeLeft <= 0) return;\n\n        const interval = setInterval(() => {\n            setTimeLeft((prev) => {\n                if (prev <= 1) {\n                    clearInterval(interval);\n                    setResendEnabled(true);\n                    return 0;\n                }\n                return prev - 1;\n            });\n        }, 1000);\n\n        return () => clearInterval(interval);\n    }, [resendEnabled, timeLeft]);\n\n    const validationSchema = Yup.object({\n        otp: Yup.string()\n            .matches(/^\\d{6}$/, ERROR_MESSAGES.OTP_CHARACTER(6))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('OTP')),\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n\n    const handleResendOtp = async () => {\n        try {\n            const payload = {\n                type: type,\n                identifier: identifier,\n            };\n\n            const response = await initiateResendOTP(payload).unwrap();\n\n            if (response?.statusCode === 200) {\n                // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_RESEND, detail: response?.data?.message }));\n                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n                setTimeLeft(RESEND_OTP_TIMER);\n                setResendEnabled(false);\n            } else {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n            }\n        } catch (err: any) {\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG }));\n        }\n    };\n\n    return (\n        <>\n\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">{displayText.title}</h2>\n                <p className=\"solid-auth-helper\">\n                    {displayText.subtitle}{\" \"}\n                    <span className=\"solid-auth-helper-emphasis\">{identifier}</span>\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            otp: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values, { setSubmitting, setErrors }) => {\n                            try {\n                                const response = await signInWithOtp({\n                                    type: type,\n                                    identifier: identifier,\n                                    otp: values.otp,\n                                });\n\n                                if (response?.error) {\n                                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.INAVLID_OTP, detail: response.error }));\n                                    setErrors({\n                                        otp: ERROR_MESSAGES.INAVLID_OTP,\n                                    });\n                                } else {\n                                    localStorage.removeItem(`resendOtpLogin_${identifier}`);\n                                    // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LOGIN_SUCCESS, detail: ERROR_MESSAGES.DASHBOARD_REDIRECTING }));\n                                    const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n                                    router.push(redirectUrl);\n                                }\n                            } catch (err: any) {\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                            } finally {\n                                setSubmitting(false);\n                            }\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"solid-auth-otp-field\">\n                                    <div className=\"solid-auth-otp-top\">\n                                        <label htmlFor=\"otp\" className=\"solid-auth-input-label\">Verification code</label>\n                                        <SolidButton\n                                            type=\"button\"\n                                            variant=\"outline\"\n                                            size=\"sm\"\n                                            className=\"solid-auth-otp-resend\"\n                                            onClick={handleResendOtp}\n                                            disabled={!resendEnabled}\n                                            leftIcon={<SolidIcon name=\"si-refresh\" aria-hidden />}\n                                        >\n                                            Resend code\n                                        </SolidButton>\n                                    </div>\n                                    <SolidOtpInput\n                                        id=\"otp\"\n                                        className=\"solid-auth-otp-input\"\n                                        value={formik.values.otp}\n                                        onChange={(nextValue) => formik.setFieldValue(\"otp\", nextValue)}\n                                        length={6}\n                                        integerOnly\n                                        invalid={!!formik.errors.otp}\n                                    />\n                                    {isFormFieldValid(formik, \"otp\") && (\n                                        <SolidMessage className=\"text-red-500 text-sm\" severity=\"error\" text={formik.errors.otp?.toString()} />\n                                    )}\n                                    <p className=\"solid-auth-otp-time\">\n                                        {resendEnabled\n                                            ? \"You can resend now.\"\n                                            : `Time left: ${Math.floor(timeLeft / 60)\n                                                .toString()\n                                                .padStart(2, \"0\")}:${(timeLeft % 60).toString().padStart(2, \"0\")}`}\n                                    </p>\n                                </div>\n                                <div className=\"mt-4\">\n                                    <SolidButton\n                                        type=\"submit\"\n                                        className=\"w-full font-light auth-submit-button\"\n                                        label=\"Verify\"\n                                        disabled={formik.isSubmitting}\n                                        loading={formik.isSubmitting}\n                                    />\n                                    <SolidButton\n                                        type=\"button\"\n                                        label=\"Back\"\n                                        className=\"w-full auth-back-button text-center mt-1\"\n                                        text\n                                        onClick={() => (window.location.href = '/auth/login')}\n                                    />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\n            </div>\n            {/* <div className=\"text-center mt-5\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Back</Link>\n                </div>\n            </div> */}\n        </>\n    );\n};\n\nexport default SolidInitialLoginOtp;\n"]}
+{"version":3,"file":"SolidInitialLoginOtp.js","sourceRoot":"","sources":["../../../src/components/auth/SolidInitialLoginOtp.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useInitateLoginMutation } from \"../../redux/api/authApi\";\nimport { Form, Formik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from \"yup\";\nimport { signInWithOtp } from \"../../adapters/auth/index\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidIcon, SolidMessage, SolidOtpInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\n\nconst SolidInitialLoginOtp = () => {\n    const searchParams = useSearchParams();\n    const tempIdentifier = searchParams.get('identifier');\n    const type = searchParams.get('type') || 'email';\n    const identifier = tempIdentifier ? decodeURIComponent(tempIdentifier) : '';\n\n    const RESEND_OTP_KEY = `resendOtpLogin_${identifier}`;\n    const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n    const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n    const { solidSettingsData } = useAuthSettings();\n\n    const [initiateResendOTP] = useInitateLoginMutation();\n    const dispatch = useDispatch();\n    const router = useRouter();\n    const [timeLeft, setTimeLeft] = useState(RESEND_OTP_TIMER);\n    const [resendEnabled, setResendEnabled] = useState(false);\n\n    const getDisplayText = () => {\n        switch (type) {\n            case \"mobile\":\n                return {\n                    title: \"OTP Verification\",\n                    subtitle: \"Please enter the OTP sent to your mobile number to complete verification\"\n                };\n            case \"email\":\n            default:\n                return {\n                    title: \"OTP Verification\",\n                    subtitle: \"Please enter the OTP sent to your email to complete verification\"\n                };\n        }\n    };\n\n    const displayText = getDisplayText();\n\n    useEffect(() => {\n\n        // Set timer if not already set (e.g., after login)\n        const storedTime = localStorage.getItem(RESEND_OTP_KEY);\n        if (!storedTime) {\n            localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n        }\n\n        const lastSent = storedTime ? parseInt(storedTime, 10) : Date.now();\n        const elapsed = Math.floor((Date.now() - lastSent) / 1000);\n        const remaining = RESEND_OTP_TIMER - elapsed;\n\n        if (remaining > 0) {\n            setTimeLeft(remaining);\n            setResendEnabled(false);\n        } else {\n            setTimeLeft(0);\n            setResendEnabled(true);\n        }\n    }, [identifier]);\n\n    useEffect(() => {\n        if (resendEnabled || timeLeft <= 0) return;\n\n        const interval = setInterval(() => {\n            setTimeLeft((prev) => {\n                if (prev <= 1) {\n                    clearInterval(interval);\n                    setResendEnabled(true);\n                    return 0;\n                }\n                return prev - 1;\n            });\n        }, 1000);\n\n        return () => clearInterval(interval);\n    }, [resendEnabled, timeLeft]);\n\n    const validationSchema = Yup.object({\n        otp: Yup.string()\n            .matches(/^\\d{6}$/, ERROR_MESSAGES.OTP_CHARACTER(6))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('OTP')),\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n\n    const handleResendOtp = async () => {\n        try {\n            const payload = {\n                type: type,\n                identifier: identifier,\n            };\n\n            const response = await initiateResendOTP(payload).unwrap();\n\n            if (response?.statusCode === 200) {\n                // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_RESEND, detail: response?.data?.message }));\n                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n                setTimeLeft(RESEND_OTP_TIMER);\n                setResendEnabled(false);\n            } else {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n            }\n        } catch (err: any) {\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG }));\n        }\n    };\n\n    return (\n        <>\n\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">{displayText.title}</h2>\n                <p className=\"solid-auth-helper\">\n                    {displayText.subtitle}{\" \"}\n                    <span className=\"solid-auth-helper-emphasis\">{identifier}</span>\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            otp: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values, { setSubmitting, setErrors }) => {\n                            try {\n                                const response = await signInWithOtp({\n                                    type: type,\n                                    identifier: identifier,\n                                    otp: values.otp,\n                                });\n\n                                if (response?.error) {\n                                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.INAVLID_OTP, detail: response.error }));\n                                    setErrors({\n                                        otp: ERROR_MESSAGES.INAVLID_OTP,\n                                    });\n                                } else {\n                                    localStorage.removeItem(`resendOtpLogin_${identifier}`);\n                                    // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LOGIN_SUCCESS, detail: ERROR_MESSAGES.DASHBOARD_REDIRECTING }));\n                                    const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n                                    router.push(redirectUrl);\n                                }\n                            } catch (err: any) {\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                            } finally {\n                                setSubmitting(false);\n                            }\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"solid-auth-otp-field\">\n                                    <div className=\"solid-auth-otp-top\">\n                                        <label htmlFor=\"otp\" className=\"solid-auth-input-label\">Verification code</label>\n                                        <SolidButton\n                                            type=\"button\"\n                                            variant=\"outline\"\n                                            size=\"sm\"\n                                            className=\"solid-auth-otp-resend\"\n                                            onClick={handleResendOtp}\n                                            disabled={!resendEnabled}\n                                            leftIcon={<SolidIcon name=\"si-refresh\" aria-hidden />}\n                                        >\n                                            Resend code\n                                        </SolidButton>\n                                    </div>\n                                    <SolidOtpInput\n                                        id=\"otp\"\n                                        className=\"solid-auth-otp-input\"\n                                        value={formik.values.otp}\n                                        onChange={(nextValue) => formik.setFieldValue(\"otp\", nextValue)}\n                                        length={6}\n                                        integerOnly\n                                        invalid={!!formik.errors.otp}\n                                    />\n                                    {isFormFieldValid(formik, \"otp\") && (\n                                        <SolidMessage className=\"text-red-500 text-sm\" severity=\"error\" text={formik.errors.otp?.toString()} />\n                                    )}\n                                    <p className=\"solid-auth-otp-time\">\n                                        {resendEnabled\n                                            ? \"You can resend now.\"\n                                            : `Time left: ${Math.floor(timeLeft / 60)\n                                                .toString()\n                                                .padStart(2, \"0\")}:${(timeLeft % 60).toString().padStart(2, \"0\")}`}\n                                    </p>\n                                </div>\n                                <div className=\"mt-6\">\n                                    <SolidButton\n                                        type=\"submit\"\n                                        className=\"w-full font-light auth-submit-button\"\n                                        label=\"Verify\"\n                                        disabled={formik.isSubmitting}\n                                        loading={formik.isSubmitting}\n                                    />\n                                    <SolidButton\n                                        type=\"button\"\n                                        label=\"Back\"\n                                        className=\"w-full auth-back-button text-center mt-1\"\n                                        text\n                                        onClick={() => (window.location.href = '/auth/login')}\n                                    />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\n            </div>\n            {/* <div className=\"text-center mt-8\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Back</Link>\n                </div>\n            </div> */}\n        </>\n    );\n};\n\nexport default SolidInitialLoginOtp;\n"]}

package/dist/components/auth/SolidInitialLoginOtp.tsx

@@ -196,7 +196,7 @@ const SolidInitialLoginOtp = () => {
                                                 .padStart(2, "0")}:${(timeLeft % 60).toString().padStart(2, "0")}`}
                                     </p>
                                 </div>
-                                <div className="mt-4">
+                                <div className="mt-6">
                                     <SolidButton
                                         type="submit"
                                         className="w-full font-light auth-submit-button"
@@ -217,7 +217,7 @@ const SolidInitialLoginOtp = () => {
                     </Formik>
                 </>
             </div>
-            {/* <div className="text-center mt-5">
+            {/* <div className="text-center mt-8">
                 <div className="text-sm text-400 secondary-dark-color">
                     {'<'} Back to <Link className="font-bold" href="/auth/login">Back</Link>
                 </div>