@solidxai/core-ui 0.1.5-beta.8 → 0.1.6

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

@@ -0,0 +1,14 @@
+import React from "react";
+type Tab = {
+    key: string;
+    label: string;
+    content: React.ReactNode;
+};
+type AuthTabsProps = {
+    tabs: Tab[];
+    activeIndex: number;
+    onChange: (index: number) => void;
+};
+export declare const AuthTabs: ({ tabs, activeIndex, onChange }: AuthTabsProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AuthTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthTabs.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,GAAG,GAAG;IACT,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAAqC,aAAa,mDAsBtE,CAAC"}

package/dist/components/auth/AuthTabs.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidTabGroup } from "../shad-cn-ui";
+export var AuthTabs = function (_a) {
+    var _b;
+    var tabs = _a.tabs, activeIndex = _a.activeIndex, onChange = _a.onChange;
+    if (!tabs.length)
+        return null;
+    var activeValue = ((_b = tabs[activeIndex]) === null || _b === void 0 ? void 0 : _b.key) || tabs[0].key;
+    return (_jsx(SolidTabGroup, { className: "solid-auth-tabs", listClassName: "solid-auth-tabs-list", panelClassName: "solid-auth-tabs-panel", tabs: tabs.map(function (tab) { return ({
+            value: tab.key,
+            label: tab.label,
+            content: tab.content,
+        }); }), value: activeValue, onValueChange: function (value) {
+            var nextIndex = tabs.findIndex(function (tab) { return tab.key === value; });
+            if (nextIndex >= 0)
+                onChange(nextIndex);
+        } }));
+};
+//# sourceMappingURL=AuthTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthTabs.js","sourceRoot":"","sources":["../../../src/components/auth/AuthTabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAc9C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA8C;;QAA5C,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IACpD,IAAI,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE9B,IAAM,WAAW,GAAG,CAAA,MAAA,IAAI,CAAC,WAAW,CAAC,0CAAE,GAAG,KAAI,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAE1D,OAAO,CACL,KAAC,aAAa,IACZ,SAAS,EAAC,iBAAiB,EAC3B,aAAa,EAAC,sBAAsB,EACpC,cAAc,EAAC,uBAAuB,EACtC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;YACvB,KAAK,EAAE,GAAG,CAAC,GAAG;YACd,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,OAAO,EAAE,GAAG,CAAC,OAAO;SACrB,CAAC,EAJsB,CAItB,CAAC,EACH,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,UAAC,KAAK;YACnB,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,GAAG,KAAK,KAAK,EAAjB,CAAiB,CAAC,CAAC;YAC7D,IAAI,SAAS,IAAI,CAAC;gBAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC1C,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { SolidTabGroup } from \"../shad-cn-ui\";\n\ntype Tab = {\n  key: string;\n  label: string;\n  content: React.ReactNode;\n};\n\ntype AuthTabsProps = {\n  tabs: Tab[];\n  activeIndex: number;\n  onChange: (index: number) => void;\n};\n\nexport const AuthTabs = ({ tabs, activeIndex, onChange }: AuthTabsProps) => {\n  if (!tabs.length) return null;\n\n  const activeValue = tabs[activeIndex]?.key || tabs[0].key;\n\n  return (\n    <SolidTabGroup\n      className=\"solid-auth-tabs\"\n      listClassName=\"solid-auth-tabs-list\"\n      panelClassName=\"solid-auth-tabs-panel\"\n      tabs={tabs.map((tab) => ({\n        value: tab.key,\n        label: tab.label,\n        content: tab.content,\n      }))}\n      value={activeValue}\n      onValueChange={(value) => {\n        const nextIndex = tabs.findIndex((tab) => tab.key === value);\n        if (nextIndex >= 0) onChange(nextIndex);\n      }}\n    />\n  );\n};\n"]}

package/dist/components/auth/AuthTabs.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import { SolidTabGroup } from "../shad-cn-ui";
+
+type Tab = {
+  key: string;
+  label: string;
+  content: React.ReactNode;
+};
+
+type AuthTabsProps = {
+  tabs: Tab[];
+  activeIndex: number;
+  onChange: (index: number) => void;
+};
+
+export const AuthTabs = ({ tabs, activeIndex, onChange }: AuthTabsProps) => {
+  if (!tabs.length) return null;
+
+  const activeValue = tabs[activeIndex]?.key || tabs[0].key;
+
+  return (
+    <SolidTabGroup
+      className="solid-auth-tabs"
+      listClassName="solid-auth-tabs-list"
+      panelClassName="solid-auth-tabs-panel"
+      tabs={tabs.map((tab) => ({
+        value: tab.key,
+        label: tab.label,
+        content: tab.content,
+      }))}
+      value={activeValue}
+      onValueChange={(value) => {
+        const nextIndex = tabs.findIndex((tab) => tab.key === value);
+        if (nextIndex >= 0) onChange(nextIndex);
+      }}
+    />
+  );
+};

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

@@ -1 +1 @@
-{"version":3,"file":"GoogleAuthChecking.d.ts","sourceRoot":"","sources":["../../../src/components/auth/GoogleAuthChecking.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,+CAiD9B,CAAA"}
+{"version":3,"file":"GoogleAuthChecking.d.ts","sourceRoot":"","sources":["../../../src/components/auth/GoogleAuthChecking.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,+CAgD9B,CAAA"}

package/dist/components/auth/GoogleAuthChecking.js

@@ -34,22 +34,22 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { ProgressSpinner } from 'primereact/progressspinner';
-import { Toast } from 'primereact/toast';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
 import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
+import { showToast } from "../../redux/features/toastSlice";
 export var GoogleAuthChecking = function () {
     var searchParams = useSearchParams();
     var accessCode = searchParams.get("accessCode");
     var router = useRouter();
     var _a = useState(null), error = _a[0], setError = _a[1];
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     useEffect(function () {
         var handleOAuthAuthentication = function () { return __awaiter(void 0, void 0, void 0, function () {
             var response, redirectUrl, err_1;
@@ -58,7 +58,7 @@ export var GoogleAuthChecking = function () {
                 switch (_b.label) {
                     case 0:
                         if (!accessCode) {
-                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ERROR_MESSAGES.AUTHENICATION__FAILED);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: ERROR_MESSAGES.AUTHENICATION__FAILED }));
                             setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
                             return [2 /*return*/];
                         }
@@ -71,18 +71,18 @@ export var GoogleAuthChecking = function () {
                     case 2:
                         response = _b.sent();
                         if (response === null || response === void 0 ? void 0 : response.error) {
-                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));
                             setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
                         }
                         else {
-                            showToast(toast, "success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LOGIN_SUCCESS, detail: ERROR_MESSAGES.DASHBOARD_REDIRECTING }));
                             redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
                             router.push(redirectUrl);
                         }
                         return [3 /*break*/, 4];
                     case 3:
                         err_1 = _b.sent();
-                        showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ((_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: ((_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 }));
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -93,6 +93,6 @@ export var GoogleAuthChecking = function () {
     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 (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx(ProgressSpinner, {})] }));
+    return (_jsx("div", { children: _jsx(ProgressSpinner, {}) }));
 };
 //# sourceMappingURL=GoogleAuthChecking.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GoogleAuthChecking.js","sourceRoot":"","sources":["../../../src/components/auth/GoogleAuthChecking.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,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,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,KAAK,GAAG,MAAM,CAAQ,IAAI,CAAC,CAAC;IAClC,SAAS,CAAC;QACN,IAAM,yBAAyB,GAAG;;;;;;wBAC9B,IAAI,CAAC,UAAU,EAAE;4BACb,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC5F,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC/C,sBAAO;yBACV;;;;wBAGoB,qBAAM,yBAAyB,CAAC;gCAC7C,UAAU,EAAE,UAAU;6BACzB,CAAC,EAAA;;wBAFI,QAAQ,GAAG,SAEf;wBAEF,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;4BACjB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;4BACtE,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;yBACjD;6BAAM;4BACH,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC1F,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,IAAI,QAAQ,CAAC;4BACtE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;yBAC5B;;;;wBAED,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,CAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,KAAI,cAAc,CAAC,qBAAqB,CAAC,CAAC;;;;;aAEzH,CAAC;QAEF,yBAAyB,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,IAAI,KAAK,EAAE;QACP,OAAO,CACH,cAAK,SAAS,EAAC,+CAA+C,YAC1D,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,GAC7D,CACT,CAAC;KACL;IACD,OAAO,CACH,0BACI,KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,GAAI,EACrB,KAAC,eAAe,KAAG,IACjB,CACT,CAAA;AACL,CAAC,CAAA","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 { ProgressSpinner } from 'primereact/progressspinner';\nimport { Toast } from 'primereact/toast';\nimport { useEffect, useRef, useState } from 'react'\nimport { env } from \"../../adapters/env\";\nimport showToast from \"../../helpers/showToast\";\n\nexport const GoogleAuthChecking = () => {\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 toast = useRef<Toast>(null);\n    useEffect(() => {\n        const handleOAuthAuthentication = async () => {\n            if (!accessCode) {\n                showToast(toast, \"error\", ERROR_MESSAGES.LOGIN_ERROR, ERROR_MESSAGES.AUTHENICATION__FAILED);\n                setError(ERROR_MESSAGES.AUTHENICATION__FAILED);\n                return;\n            }\n\n            try {\n                const response = await signInWithOAuthAccessCode({\n                    accessCode: accessCode,\n                });\n\n                if (response?.error) {\n                    showToast(toast, \"error\", ERROR_MESSAGES.LOGIN_ERROR, response.error);\n                    setError(ERROR_MESSAGES.AUTHENICATION__FAILED)\n                } else {\n                    showToast(toast, \"success\", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);\n                    const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n                    router.push(redirectUrl);\n                }\n            } catch (err: any) {\n                showToast(toast, \"error\", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED);\n            }\n        };\n\n        handleOAuthAuthentication();\n    }, [accessCode, 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    return (\n        <div>\n            <Toast ref={toast} />\n            <ProgressSpinner />\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"GoogleAuthChecking.js","sourceRoot":"","sources":["../../../src/components/auth/GoogleAuthChecking.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,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,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;IAC/B,SAAS,CAAC;QACN,IAAM,yBAAyB,GAAG;;;;;;wBAC9B,IAAI,CAAC,UAAU,EAAE;4BACb,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;4BAC9H,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;4BAC/C,sBAAO;yBACV;;;;wBAGoB,qBAAM,yBAAyB,CAAC;gCAC7C,UAAU,EAAE,UAAU;6BACzB,CAAC,EAAA;;wBAFI,QAAQ,GAAG,SAEf;wBAEF,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;4BACjB,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;4BACxG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;yBACjD;6BAAM;4BACH,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;4BAC5H,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,IAAI,QAAQ,CAAC;4BACtE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;yBAC5B;;;;wBAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,CAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,KAAI,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;;;;;aAE3J,CAAC;QAEF,yBAAyB,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,IAAI,KAAK,EAAE;QACP,OAAO,CACH,cAAK,SAAS,EAAC,+CAA+C,YAC1D,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,GAC7D,CACT,CAAC;KACL;IACD,OAAO,CACH,wBACI,KAAC,eAAe,KAAG,GACjB,CACT,CAAA;AACL,CAAC,CAAA","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 { ProgressSpinner } from 'primereact/progressspinner';\nimport { useEffect, useState } from 'react'\nimport { useDispatch } from 'react-redux';\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\n\nexport const GoogleAuthChecking = () => {\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    useEffect(() => {\n        const handleOAuthAuthentication = async () => {\n            if (!accessCode) {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: ERROR_MESSAGES.AUTHENICATION__FAILED }));\n                setError(ERROR_MESSAGES.AUTHENICATION__FAILED);\n                return;\n            }\n\n            try {\n                const response = await signInWithOAuthAccessCode({\n                    accessCode: accessCode,\n                });\n\n                if (response?.error) {\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                    setError(ERROR_MESSAGES.AUTHENICATION__FAILED)\n                } else {\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?.message || ERROR_MESSAGES.AUTHENICATION__FAILED }));\n            }\n        };\n\n        handleOAuthAuthentication();\n    }, [accessCode, 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    return (\n        <div>\n            <ProgressSpinner />\n        </div>\n    )\n}\n"]}

package/dist/components/auth/GoogleAuthChecking.tsx

@@ -3,10 +3,10 @@ import { signInWithOAuthAccessCode } from "../../adapters/auth/index";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
 import { ProgressSpinner } from 'primereact/progressspinner';
-import { Toast } from 'primereact/toast';
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useState } from 'react'
+import { useDispatch } from 'react-redux';
 import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
+import { showToast } from "../../redux/features/toastSlice";
 
 export const GoogleAuthChecking = () => {
     const searchParams = useSearchParams();
@@ -14,11 +14,11 @@ export const GoogleAuthChecking = () => {
 
     const router = useRouter();
     const [error, setError] = useState<string | null>(null);
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     useEffect(() => {
         const handleOAuthAuthentication = async () => {
             if (!accessCode) {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ERROR_MESSAGES.AUTHENICATION__FAILED);
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: ERROR_MESSAGES.AUTHENICATION__FAILED }));
                 setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
                 return;
             }
@@ -29,15 +29,15 @@ export const GoogleAuthChecking = () => {
                 });
 
                 if (response?.error) {
-                    showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));
                     setError(ERROR_MESSAGES.AUTHENICATION__FAILED)
                 } else {
-                    showToast(toast, "success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                    dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LOGIN_SUCCESS, detail: ERROR_MESSAGES.DASHBOARD_REDIRECTING }));
                     const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
                     router.push(redirectUrl);
                 }
             } catch (err: any) {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED);
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED }));
             }
         };
 
@@ -53,7 +53,6 @@ export const GoogleAuthChecking = () => {
     }
     return (
         <div>
-            <Toast ref={toast} />
             <ProgressSpinner />
         </div>
     )

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChangeForcePassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidChangeForcePassword.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,wBAAwB,+CAqM7B,CAAA;AACD,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"SolidChangeForcePassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidChangeForcePassword.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,wBAAwB,+CAmM7B,CAAA;AACD,eAAe,wBAAwB,CAAA"}

package/dist/components/auth/SolidChangeForcePassword.js

@@ -43,14 +43,13 @@ import { useSession } from "../../hooks/useSession";
 import { Button } from 'primereact/button';
 import { Message } from 'primereact/message';
 import { Password } from 'primereact/password';
-import { Toast } from 'primereact/toast';
-import { useRef } from 'react';
+import { useDispatch } from 'react-redux';
 import * as Yup from 'yup';
 import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
+import { showToast } from "../../redux/features/toastSlice";
 var SolidChangeForcePassword = function () {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var changePassword = useChangePasswordMutation()[0];
     var session = useSession();
     var envPasswordRegex = env("NEXT_PUBLIC_PASSWORD_REGEX");
@@ -108,7 +107,7 @@ var SolidChangeForcePassword = function () {
                         case 1:
                             response = _e.sent();
                             if (response === null || response === void 0 ? void 0 : response.error) {
-                                showToast(toast, "error", ERROR_MESSAGES.ERROR, response.error);
+                                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: response.error }));
                                 setErrors({
                                     currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
                                     newPassword: ERROR_MESSAGES.MUST_MATCH,
@@ -116,13 +115,13 @@ var SolidChangeForcePassword = function () {
                                 });
                             }
                             else {
-                                showToast(toast, "success", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
+                                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, detail: ERROR_MESSAGES.PASSWORD_CHANGE }));
                                 signOut({ callbackUrl: "/auth/login" });
                             }
                             return [3 /*break*/, 3];
                         case 2:
                             err_1 = _e.sent();
-                            showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, (_d = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _d === void 0 ? void 0 : _d.message);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: (_d = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _d === void 0 ? void 0 : _d.message }));
                             return [3 /*break*/, 3];
                         case 3: return [2 /*return*/];
                     }
@@ -153,9 +152,9 @@ var SolidChangeForcePassword = function () {
             policy: "One special character(!, @, #, $)"
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("form", { onSubmit: formik.handleSubmit, className: 'd-flex flex-column gap-3 auth-form', children: [_jsxs("div", { className: "flex flex-column gap-2 mt-2", style: {}, children: [_jsx("label", { htmlFor: "currentPassword", className: "solid-auth-input-label", children: "Current Password" }), _jsx(Password, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: !!formik.errors.currentPassword, inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "currentPassword") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_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(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: (_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(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: (_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
-                                .split('\\n')
-                                .map(function (text, idx) { return (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx)); }) }) })), _jsx("div", { className: "mt-4", children: _jsx(Button, { className: "w-full font-light auth-submit-button", label: "Change Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] })] }));
+    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(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: (_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(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: (_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(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: (_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
+                            .split('\\n')
+                            .map(function (text, idx) { return (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx)); }) }) })), _jsx("div", { className: "mt-4", children: _jsx(Button, { className: "w-full font-light auth-submit-button", label: "Change Password", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }) }));
 };
 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 { Button } from 'primereact/button';\nimport { Message } from 'primereact/message';\nimport { Password } from 'primereact/password';\nimport { Toast } from 'primereact/toast';\nimport { useRef } from 'react';\nimport * as Yup from 'yup';\nimport { env } from \"../../adapters/env\";\nimport showToast from \"../../helpers/showToast\";\n\nconst SolidChangeForcePassword = () => {\n    const toast = useRef<Toast>(null);\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                    showToast(toast, \"error\", ERROR_MESSAGES.ERROR, response.error)\n                    setErrors({\n                        currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,\n                        newPassword: ERROR_MESSAGES.MUST_MATCH,\n                        confirmPassword: ERROR_MESSAGES.MUST_MATCH,\n                    })\n                } else {\n                    showToast(toast, \"success\", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);\n                    signOut({ callbackUrl: \"/auth/login\" })\n                }\n            } catch (err: any) {\n                showToast(toast, \"error\", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message);\n                // setErrors({\n                //     currentPassword: \"Incorrect Current Password\",\n                // })\n            }\n        },\n    });\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const passwordPolicies = [\n        {\n            policy: \"8 characters minimum\"\n        },\n        {\n            policy: \"No Spaces Allowed\"\n        },\n        {\n            policy: \"One uppercase letter\"\n        },\n        {\n            policy: \"One lowercase letter\"\n        },\n        {\n            policy: \"One numeric digit\"\n        },\n        {\n            policy: \"One special character(!, @, #, $)\"\n        },\n    ]\n\n    return (\n        <>\n            <Toast ref={toast} />\n\n            <form onSubmit={formik.handleSubmit} className='d-flex flex-column gap-3 auth-form'>\n                <div className=\"flex flex-column gap-2 mt-2\" style={{}}>\n                    <label htmlFor=\"currentPassword\" className=\"solid-auth-input-label\">Current Password</label>\n                    <Password\n                        id=\"currentPassword\"\n                        name=\"currentPassword\"\n                        value={formik.values.currentPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.currentPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"currentPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.currentPassword?.toString()}\n                    />}\n                </div>\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\" style={{}}>\n                    <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n                    <Password\n                        id=\"newPassword\"\n                        name=\"newPassword\"\n                        value={formik.values.newPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.newPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"newPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.newPassword?.toString()}\n                    />}\n                </div>\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\" style={{}}>\n                    <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n                    <Password\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        value={formik.values.confirmPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.confirmPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"confirmPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.confirmPassword?.toString()}\n                    />}\n                </div>\n                {/* <div className='mt-4'>\n                    <div className='grid'>\n                        {passwordPolicies.map((policy, index) => {\n                            return (\n                                <div key={index} className='col-6'>\n                                    <p className=\"solid-auth-input-label flex align-items-center gap-2\">\n                                        <div className='flex align-items-center justify-content-center' style={{ height: 14, width: 14, borderRadius: '50%', backgroundColor: '#A4A4A4' }}>\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                                                <path d=\"M4.86813 8.72999L2.28979 6.15166L2.91396 5.52749L4.86813 7.48166L9.08563 3.26416L9.7098 3.88833L4.86813 8.72999Z\" fill=\"#E8EAED\" />\n                                            </svg>\n                                        </div>\n                                        {policy.policy}\n                                    </p>\n                                </div>\n                            )\n                        })}\n                    </div>\n                </div> */}\n                {envPasswordHelperText && (\n                    <div className=\"mt-4\">\n                        <div className=\"grid\">\n                            {envPasswordHelperText\n                                .split('\\\\n')\n                                .map((text, idx) => (\n                                    <div key={idx} className=\"col-6 pt-0\">\n                                        <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n                                    </div>\n                                ))}\n                        </div>\n                    </div>\n                )}\n                <div className=\"mt-4\">\n                    <Button className=\"w-full font-light auth-submit-button\" label=\"Change Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                </div>\n            </form>\n        </>\n    )\n}\nexport default SolidChangeForcePassword\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 { Button } from 'primereact/button';\nimport { Message } from 'primereact/message';\nimport { Password } from 'primereact/password';\nimport { useDispatch } from 'react-redux';\nimport * as Yup from 'yup';\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\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                    <Password\n                        id=\"currentPassword\"\n                        name=\"currentPassword\"\n                        value={formik.values.currentPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.currentPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"currentPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.currentPassword?.toString()}\n                    />}\n                </div>\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\" style={{}}>\n                    <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n                    <Password\n                        id=\"newPassword\"\n                        name=\"newPassword\"\n                        value={formik.values.newPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.newPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"newPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.newPassword?.toString()}\n                    />}\n                </div>\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\" style={{}}>\n                    <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n                    <Password\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        value={formik.values.confirmPassword}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        toggleMask\n                        invalid={!!formik.errors.confirmPassword}\n                        inputClassName=\"w-full\"\n                        feedback={false}\n                    />\n                    {isFormFieldValid(formik, \"confirmPassword\") && <Message\n                        className=\"text-red-500 text-sm\"\n                        severity=\"error\"\n                        text={formik?.errors?.confirmPassword?.toString()}\n                    />}\n                </div>\n                {/* <div className='mt-4'>\n                    <div className='grid'>\n                        {passwordPolicies.map((policy, index) => {\n                            return (\n                                <div key={index} className='col-6'>\n                                    <p className=\"solid-auth-input-label flex align-items-center gap-2\">\n                                        <div className='flex align-items-center justify-content-center' style={{ height: 14, width: 14, borderRadius: '50%', backgroundColor: '#A4A4A4' }}>\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                                                <path d=\"M4.86813 8.72999L2.28979 6.15166L2.91396 5.52749L4.86813 7.48166L9.08563 3.26416L9.7098 3.88833L4.86813 8.72999Z\" fill=\"#E8EAED\" />\n                                            </svg>\n                                        </div>\n                                        {policy.policy}\n                                    </p>\n                                </div>\n                            )\n                        })}\n                    </div>\n                </div> */}\n                {envPasswordHelperText && (\n                    <div className=\"mt-4\">\n                        <div className=\"grid\">\n                            {envPasswordHelperText\n                                .split('\\\\n')\n                                .map((text, idx) => (\n                                    <div key={idx} className=\"col-6 pt-0\">\n                                        <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n                                    </div>\n                                ))}\n                        </div>\n                    </div>\n                )}\n                <div className=\"mt-4\">\n                    <Button className=\"w-full font-light auth-submit-button\" label=\"Change Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                </div>\n            </form>\n        </>\n    )\n}\nexport default SolidChangeForcePassword\n"]}

package/dist/components/auth/SolidChangeForcePassword.tsx

@@ -6,14 +6,13 @@ import { useSession } from "../../hooks/useSession";
 import { Button } from 'primereact/button';
 import { Message } from 'primereact/message';
 import { Password } from 'primereact/password';
-import { Toast } from 'primereact/toast';
-import { useRef } from 'react';
+import { useDispatch } from 'react-redux';
 import * as Yup from 'yup';
 import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
+import { showToast } from "../../redux/features/toastSlice";
 
 const SolidChangeForcePassword = () => {
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [changePassword] = useChangePasswordMutation();
 
     const session: any = useSession();
@@ -68,18 +67,18 @@ const SolidChangeForcePassword = () => {
                 // Call the mutation and handle the response
                 const response = await changePassword(payload).unwrap(); // Await the API call and unwrap to handle errors.
                 if (response?.error) {
-                    showToast(toast, "error", ERROR_MESSAGES.ERROR, response.error)
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: response.error }))
                     setErrors({
                         currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
                         newPassword: ERROR_MESSAGES.MUST_MATCH,
                         confirmPassword: ERROR_MESSAGES.MUST_MATCH,
                     })
                 } else {
-                    showToast(toast, "success", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
+                    dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, detail: ERROR_MESSAGES.PASSWORD_CHANGE }));
                     signOut({ callbackUrl: "/auth/login" })
                 }
             } catch (err: any) {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message);
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data?.message }));
                 // setErrors({
                 //     currentPassword: "Incorrect Current Password",
                 // })
@@ -112,8 +111,6 @@ const SolidChangeForcePassword = () => {
 
     return (
         <>
-            <Toast ref={toast} />
-
             <form onSubmit={formik.handleSubmit} className='d-flex flex-column gap-3 auth-form'>
                 <div className="flex flex-column gap-2 mt-2" style={{}}>
                     <label htmlFor="currentPassword" className="solid-auth-input-label">Current Password</label>

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

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

package/dist/components/auth/SolidForgotPassword.js

@@ -41,14 +41,14 @@ import { useRouter } from "../../hooks/useRouter";
 import { Button } from "primereact/button";
 import { InputText } from "primereact/inputtext";
 import { Message } from "primereact/message";
-import { Toast } from "primereact/toast";
-import { useEffect, useRef } from "react";
+import { useEffect } from "react";
 import * as Yup from "yup";
+import { useDispatch } from "react-redux";
 import Image from "../common/Image";
 import SolidLogo from '../../resources/images/SolidXLogo.svg';
 import { ERROR_MESSAGES } from "../../constants/error-messages";
 import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
-import showToast from "../../helpers/showToast";
+import { showToast } from "../../redux/features/toastSlice";
 var SolidForgotPassword = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
     var signInValidatorLabel = _a.signInValidatorLabel, signInValidatorPlaceholder = _a.signInValidatorPlaceholder;
@@ -56,7 +56,7 @@ var SolidForgotPassword = function (_a) {
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, [trigger]);
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var router = useRouter();
     var initiateChangePassword = useInitiateChangePasswordMutation()[0];
     var validationSchema = Yup.object({
@@ -94,11 +94,11 @@ var SolidForgotPassword = function (_a) {
                             router.push("/auth/initiate-forgot-password-thank-you?email=".concat(maskedEmail));
                         }
                         else
-                            (showToast(toast, "error", ERROR_MESSAGES.ERROR, response.error));
+                            (dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: response.error })));
                         return [3 /*break*/, 3];
                     case 2:
                         err_1 = _b.sent();
-                        showToast(toast, "error", ERROR_MESSAGES.ERROR, (err_1 === null || err_1 === void 0 ? void 0 : err_1.data) ? (_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _a === void 0 ? void 0 : _a.message : ERROR_MESSAGES.SOMETHING_WRONG);
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: (err_1 === null || err_1 === void 0 ? void 0 : err_1.data) ? (_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _a === void 0 ? void 0 : _a.message : ERROR_MESSAGES.SOMETHING_WRONG }));
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -108,8 +108,8 @@ var SolidForgotPassword = function (_a) {
     var isFormFieldValid = function (formik, fieldName) {
         return formik.touched[fieldName] && formik.errors[fieldName];
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "auth-container ".concat(((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authPagesLayout) === 'center' ? 'center' : 'side'), children: [((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authPagesLayout) === 'center' &&
-                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center ".concat((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), _jsx("h2", { className: "solid-auth-title ".concat(((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authPagesLayout) === 'center' ? 'text-center' : 'text-left'), children: "Forgot Password" }), _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 : "Username or Email" }), _jsx(InputText, { id: "email", name: "email", placeholder: signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email ID", value: formik.values.email, onChange: formik.handleChange, onBlur: formik.handleBlur }), isFormFieldValid(formik, "email") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.email) === null || _h === void 0 ? void 0 : _h.toString() })] }), _jsxs("div", { className: "mt-4", children: [_jsx(Button, { className: "w-full font-light auth-submit-button", label: "Continue", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(Button, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", link: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] })] }));
+    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: [((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authPagesLayout) === 'center' &&
+                    _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center ".concat((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), _jsx("h2", { className: "solid-auth-title ".concat(((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authPagesLayout) === 'center' ? 'text-center' : 'text-left'), children: "Forgot Password" }), _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 : "Username or Email" }), _jsx(InputText, { id: "email", name: "email", placeholder: signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email ID", value: formik.values.email, onChange: formik.handleChange, onBlur: formik.handleBlur }), isFormFieldValid(formik, "email") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.email) === null || _h === void 0 ? void 0 : _h.toString() })] }), _jsxs("div", { className: "mt-4", children: [_jsx(Button, { className: "w-full font-light auth-submit-button", label: "Continue", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(Button, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", link: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] }) }));
 };
 export default 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 { Button } from \"primereact/button\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Message } from \"primereact/message\";\nimport { Toast } from \"primereact/toast\";\nimport { useEffect, useRef } from \"react\";\nimport * as Yup from \"yup\";\nimport { useSelector } from \"react-redux\";\nimport Image from \"../common/Image\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { useLazyGetAuthSettingsQuery } from \"../../redux/api/solidSettingsApi\";\nimport showToast from \"../../helpers/showToast\";\n\nconst SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {\n    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()\n\n    useEffect(() => {\n        trigger(\"\") // Fetch settings on mount\n    }, [trigger])\n\n    const toast = useRef<Toast>(null);\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                    showToast(toast, \"error\", ERROR_MESSAGES.ERROR, response.error)\n                )\n            } catch (err: any) {\n                showToast(toast, \"error\", ERROR_MESSAGES.ERROR, 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            <Toast ref={toast} />\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                {solidSettingsData?.data?.authPagesLayout === 'center' &&\n                    <div className=\"flex justify-content-center\">\n                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>\n                            <Image\n                                alt=\"solid logo\"\n                                src={solidSettingsData?.data?.appLogo || SolidLogo}\n                                className=\"relative\"\n                                fill\n                            />\n                        </div>\n                    </div>\n                }\n                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>Forgot Password</h2>\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 : \"Username or Email\"}</label>\n                        <InputText\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                        />\n                        {isFormFieldValid(formik, \"email\") && <Message\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.email?.toString()}\n                        />}\n                    </div>\n                    <div className=\"mt-4\">\n                        <Button className=\"w-full font-light auth-submit-button\" label=\"Continue\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                        <Button type=\"button\" label=\"Back\" className=\"w-full auth-back-button text-center mt-1\" link onClick={() => (window.location.href = '/auth/login')} />\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 { Button } from \"primereact/button\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Message } from \"primereact/message\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport Image from \"../common/Image\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { useLazyGetAuthSettingsQuery } from \"../../redux/api/solidSettingsApi\";\nimport { showToast } from \"../../redux/features/toastSlice\";\n\nconst SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {\n    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()\n\n    useEffect(() => {\n        trigger(\"\") // Fetch settings on mount\n    }, [trigger])\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                {solidSettingsData?.data?.authPagesLayout === 'center' &&\n                    <div className=\"flex justify-content-center\">\n                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>\n                            <Image\n                                alt=\"solid logo\"\n                                src={solidSettingsData?.data?.appLogo || SolidLogo}\n                                className=\"relative\"\n                                fill\n                            />\n                        </div>\n                    </div>\n                }\n                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>Forgot Password</h2>\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 : \"Username or Email\"}</label>\n                        <InputText\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                        />\n                        {isFormFieldValid(formik, \"email\") && <Message\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.email?.toString()}\n                        />}\n                    </div>\n                    <div className=\"mt-4\">\n                        <Button className=\"w-full font-light auth-submit-button\" label=\"Continue\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                        <Button type=\"button\" label=\"Back\" className=\"w-full auth-back-button text-center mt-1\" link onClick={() => (window.location.href = '/auth/login')} />\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"]}