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

package/dist/nextAuth/authProviders.tsx

@@ -0,0 +1,232 @@
+import CredentialsProvider from "next-auth/providers/credentials";
+import GoogleProvider from "next-auth/providers/google";
+import { NextRequest } from "next/server";
+import { jwtDecode } from "jwt-decode";
+import { JWT } from "next-auth/jwt";
+import axios from "axios";
+import { signOut } from "next-auth/react";
+import { refreshAccessToken } from "./refreshAccessToken";
+import { NextAuthOptions } from "next-auth";
+
+type Credentials = {
+    username: string,
+    email: string,
+    password: string,
+    identifier:string,
+    accessToken: string,
+    accessCode: string,
+};
+
+const authProviders: NextAuthOptions = {
+    session: {
+        strategy: "jwt",
+    },
+    providers: [
+        GoogleProvider({
+            clientId: process.env.GOOGLE_ID!,
+            clientSecret: process.env.GOOGLE_CLIENT_SECRET!
+        }),
+        CredentialsProvider({
+            // @ts-ignore
+            async authorize(credentials: Credentials, req: any) {
+                const userAgent = req.headers['user-agent'];
+
+                const { username, email, password, identifier, accessToken, accessCode } = credentials;
+                try {
+                    if (accessCode) {
+                        let config = {
+                            method: 'get',
+                            url: `${process.env.API_URL}/api/iam/google/authenticate?accessCode=${accessCode}`,
+                            headers: {
+                                'User-Agent': userAgent,
+                            }
+                        };
+                        const loginResponse = await axios.request(config);
+                        if (loginResponse.status == 400) {
+                            throw new Error(loginResponse.data.message);
+                        }
+                        if (loginResponse.status == 401) {
+                            throw new Error(loginResponse.data.message);
+                        }
+
+                        let base64decoded = jwtDecode(loginResponse.data.data.accessToken);
+                        // let accessTokenExpires = base64decoded.exp;
+                        let accessTokenExpires = base64decoded.exp && base64decoded.exp * 1000;
+
+                        return {
+                            accessToken: loginResponse.data.data.accessToken,
+                            refreshToken: loginResponse.data.data.refreshToken,
+                            accessTokenExpires: accessTokenExpires,
+                            ...loginResponse.data.data,
+                        };
+
+                    } else {
+                        if (accessToken) {
+                            let data = JSON.stringify({
+                                username: identifier,
+                                email: identifier.includes('@')? identifier : null,
+                                password: password
+                            });
+
+                            let config = {
+                                method: 'get',
+                                url: `${process.env.API_URL}/api/iam/me`,
+                                headers: {
+                                    'accept': '*/*',
+                                    'Content-Type': 'application/json',
+                                    'Authorization': `Bearer ${accessToken}`
+                                }
+                            };
+
+
+                            const loginResponse = await axios.request(config);
+
+                            if (loginResponse.status == 400) {
+                                throw new Error(loginResponse.data.message);
+                            }
+                            if (loginResponse.status == 401) {
+                                throw new Error(loginResponse.data.message);
+                            }
+                            
+                            let base64decoded = jwtDecode(accessToken);
+                            // let accessTokenExpires = base64decoded.exp;
+                            let accessTokenExpires = base64decoded.exp && base64decoded.exp * 1000;
+
+                            return {
+                                accessToken: accessToken,
+                                refreshToken: loginResponse.data.data.refreshToken,
+                                accessTokenExpires: accessTokenExpires,
+                                ...loginResponse.data.data,
+                            };
+
+                        } else {
+
+                            let data = JSON.stringify({
+                                username: identifier,
+                                email: identifier.includes('@')? identifier : null,
+                                password: password
+                            });
+
+                            let config = {
+                                method: 'post',
+                                maxBodyLength: Infinity,
+                                url: `${process.env.API_URL}/api/iam/authenticate`,
+                                headers: {
+                                    'accept': '*/*',
+                                    'Content-Type': 'application/json',
+                                    'User-Agent': userAgent,
+                                },
+                                data: data
+                            };
+
+
+                            const loginResponse = await axios.request(config);
+
+                            // const authenticateResponse = await fetch(
+                            //   `${process.env.API_URL}/api/iam/authenticate`,
+                            //   {
+                            //     method: "Post",
+                            //     headers: {
+                            //     'accept': '*/*', 
+                            //       "Content-Type": "application/json"
+                            //     },
+                            //     body: JSON.stringify({
+                            //       username: email,
+                            //       email: email,
+                            //       password: password
+                            //     })
+                            //   }
+                            // );
+
+                            // const loginResponse = await authenticateResponse.json();
+
+                            // const response = await fetch(
+                            //   `${process.env.API_URL}/api/iam/me`,
+                            //   {
+                            //     method: "Get",
+                            //     headers: {
+                            //       "Content-Type": "application/json",
+                            //       "Authorization": `Bearer ${loginResponse.data.accessToken}`,
+                            //     },
+                            //   }
+                            // );
+
+                            // const responseData = await response.json();
+
+                            if (loginResponse.status == 400) {
+                                throw new Error(loginResponse.data.message);
+                            }
+                            if (loginResponse.status == 401) {
+                                throw new Error(loginResponse.data.data.message);
+                            }
+                            let base64decoded = jwtDecode(loginResponse.data.data.accessToken);
+                            // let accessTokenExpires = base64decoded.exp;
+                            let accessTokenExpires = base64decoded.exp && base64decoded.exp * 1000;
+                            const returnResponse = {
+                                accessToken: loginResponse.data.data.accessToken,
+                                refreshToken: loginResponse.data.data.refreshToken,
+                                accessTokenExpires: accessTokenExpires,
+                                ...loginResponse.data.data,
+                            }
+                            return returnResponse;
+                        }
+                    }
+                } catch (error: any) {
+                    throw new Error(error?.response?.data?.message);
+                }
+            },
+        }),
+    ],
+    callbacks: {
+        // @ts-ignore
+        jwt: async ({ token, user }) => {
+            // console.log("JWT callback called");
+            const bufferTime = 60000;
+            if (Date.now() >= (token.accessTokenExpires as number - bufferTime)) {
+                // Call the refresh token function
+                return await refreshAccessToken(token);
+            }
+
+            // If there is no user (first time login or session), we return the user data
+            if (user) {
+                // const base64decoded = jwtDecode(user.accessToken);
+                // Convert from seconds to milliseconds
+                // const accessTokenExpires = base64decoded.exp && base64decoded.exp * 1000; 
+                // const accessTokenExpires = user.accessTokenExpires * 1000; 
+                return {
+                    ...token,
+                    accessToken: user.accessToken,
+                    refreshToken: user.refreshToken,
+                    accessTokenExpires: user.accessTokenExpires,
+                    user: user,  // Include the user data here
+                };
+            }
+
+            return token; // If no update needed, just return the existing token
+        },
+        // @ts-ignore
+        session: async ({ session, token }) => {
+            // console.log("Session callback called");
+
+            const user = token.user || {};  // Default to an empty object if user is undefined or null
+            session.error = token.error ? token.error : null;
+            // if (token.error) {
+            //   return null
+            // }
+            session.user = {
+                ...user, // Include the user info from the token
+                accessToken: token?.accessToken,  // Add the access token to session for client use
+                refreshToken: token?.refreshToken,  // Add refresh token to session for future use
+                accessTokenExpires: token?.accessTokenExpires && token?.accessTokenExpires,  // Store the expiry time
+            };
+            return session;
+
+        },
+    },
+    pages: {
+        signIn: "/auth/login",
+    },
+    secret: process.env.NEXTAUTH_SECRET,
+}
+
+export default authProviders

package/dist/nextAuth/handleLogout.d.ts

@@ -0,0 +1,2 @@
+export declare function handleLogout({ toast }: any): Promise<void>;
+//# sourceMappingURL=handleLogout.d.ts.map

package/dist/nextAuth/handleLogout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleLogout.d.ts","sourceRoot":"./","sources":["nextAuth/handleLogout.tsx"],"names":[],"mappings":"AAIA,wBAAsB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,iBAkChD"}

package/dist/nextAuth/handleLogout.js

@@ -0,0 +1,36 @@
+import { ERROR_MESSAGES } from '../constants/error-messages';
+import axios from 'axios';
+import { getSession, signOut } from 'next-auth/react';
+export async function handleLogout({ toast }) {
+    const session = await getSession();
+    // const token = session?.user?.accessToken;
+    const refreshToken = session?.user?.refreshToken;
+    try {
+        const response = await axios.post(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/logout`, {
+            refreshToken: refreshToken, // Pass refresh token in body
+        });
+        console.log("logout response", response);
+        if (response?.data?.statusCode === 200) {
+            await signOut({ callbackUrl: '/auth/login' });
+        }
+        else {
+            toast?.current?.show({
+                severity: 'error',
+                summary: ERROR_MESSAGES.LOGOUT_FAILED,
+                detail: `${response?.data?.data?.status}`,
+                life: 3000,
+            });
+        }
+    }
+    catch (error) {
+        const err = error;
+        const message = err.response?.data?.data?.message || err.message || ERROR_MESSAGES.LOGOUT_FAILED;
+        toast?.current?.show({
+            severity: 'error',
+            summary: ERROR_MESSAGES.LOGOUT_FAILED,
+            detail: message,
+            life: 3000,
+        });
+    }
+}
+//# sourceMappingURL=handleLogout.js.map

package/dist/nextAuth/handleLogout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleLogout.js","sourceRoot":"./","sources":["nextAuth/handleLogout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,EAAE,KAAK,EAAO;IAC7C,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;IACnC,4CAA4C;IAC5C,MAAM,YAAY,GAAG,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC;IACjD,IAAI;QACA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,iBAAiB,EAC7F;YACI,YAAY,EAAE,YAAY,EAAE,6BAA6B;SAC5D,CACA,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;QAEzC,IAAI,QAAQ,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,EAAE;YACpC,MAAM,OAAO,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC;SACjD;aAAM;YACH,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;gBACjB,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,cAAc,CAAC,aAAa;gBACrC,MAAM,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;gBACzC,IAAI,EAAE,IAAI;aACb,CAAC,CAAC;SACN;KACJ;IAAC,OAAO,KAAK,EAAE;QACZ,MAAM,GAAG,GAAG,KAAY,CAAC;QACzB,MAAM,OAAO,GACT,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,IAAI,cAAc,CAAC,aAAa,CAAC;QAErF,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;YACjB,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,cAAc,CAAC,aAAa;YACrC,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,IAAI;SACb,CAAC,CAAC;KACN;AACL,CAAC","sourcesContent":["import { ERROR_MESSAGES } from '../constants/error-messages';\nimport axios, { AxiosError } from 'axios';\nimport { getSession, signOut } from 'next-auth/react';\n\nexport async function handleLogout({ toast }: any) {\n    const session = await getSession();\n    // const token = session?.user?.accessToken;\n    const refreshToken = session?.user?.refreshToken; \n    try {\n        const response = await axios.post(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/logout`, \n        {\n            refreshToken: refreshToken, // Pass refresh token in body\n        }\n        );\n        console.log(\"logout response\", response);\n\n        if (response?.data?.statusCode === 200) {\n            await signOut({ callbackUrl: '/auth/login' });\n        } else {\n            toast?.current?.show({\n                severity: 'error',\n                summary: ERROR_MESSAGES.LOGOUT_FAILED,\n                detail: `${response?.data?.data?.status}`,\n                life: 3000,\n            });\n        }\n    } catch (error) {\n        const err = error as any;\n        const message =\n            err.response?.data?.data?.message || err.message || ERROR_MESSAGES.LOGOUT_FAILED;\n\n        toast?.current?.show({\n            severity: 'error',\n            summary: ERROR_MESSAGES.LOGOUT_FAILED,\n            detail: message,\n            life: 3000,\n        });\n    }\n}"]}

package/dist/nextAuth/handleLogout.tsx

@@ -0,0 +1,39 @@
+import { ERROR_MESSAGES } from '../constants/error-messages';
+import axios, { AxiosError } from 'axios';
+import { getSession, signOut } from 'next-auth/react';
+
+export async function handleLogout({ toast }: any) {
+    const session = await getSession();
+    // const token = session?.user?.accessToken;
+    const refreshToken = session?.user?.refreshToken; 
+    try {
+        const response = await axios.post(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/logout`, 
+        {
+            refreshToken: refreshToken, // Pass refresh token in body
+        }
+        );
+        console.log("logout response", response);
+
+        if (response?.data?.statusCode === 200) {
+            await signOut({ callbackUrl: '/auth/login' });
+        } else {
+            toast?.current?.show({
+                severity: 'error',
+                summary: ERROR_MESSAGES.LOGOUT_FAILED,
+                detail: `${response?.data?.data?.status}`,
+                life: 3000,
+            });
+        }
+    } catch (error) {
+        const err = error as any;
+        const message =
+            err.response?.data?.data?.message || err.message || ERROR_MESSAGES.LOGOUT_FAILED;
+
+        toast?.current?.show({
+            severity: 'error',
+            summary: ERROR_MESSAGES.LOGOUT_FAILED,
+            detail: message,
+            life: 3000,
+        });
+    }
+}

package/dist/nextAuth/refreshAccessToken.d.ts

@@ -0,0 +1,2 @@
+export declare function refreshAccessToken(token: any): Promise<any>;
+//# sourceMappingURL=refreshAccessToken.d.ts.map

package/dist/nextAuth/refreshAccessToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refreshAccessToken.d.ts","sourceRoot":"./","sources":["nextAuth/refreshAccessToken.tsx"],"names":[],"mappings":"AAIA,wBAAsB,kBAAkB,CAAC,KAAK,EAAE,GAAG,gBAuBhD"}

package/dist/nextAuth/refreshAccessToken.js

@@ -0,0 +1,24 @@
+import { ERROR_MESSAGES } from "../constants/error-messages";
+import axios from "axios";
+import { jwtDecode } from "jwt-decode";
+export async function refreshAccessToken(token) {
+    try {
+        const response = await axios.post(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/refresh-tokens`, { refreshToken: token.refreshToken });
+        const { accessToken, refreshToken } = response.data.data;
+        const { exp: accessTokenExpires } = jwtDecode(accessToken);
+        return {
+            ...token,
+            accessToken,
+            refreshToken,
+            accessTokenExpires: accessTokenExpires * 1000, // Convert seconds to milliseconds
+        };
+    }
+    catch (error) {
+        console.error(ERROR_MESSAGES.FAILED_REFRESH_TOKEN, error.message || error.response?.data);
+        return {
+            // ...token,
+            error: "RefreshAccessTokenError",
+        };
+    }
+}
+//# sourceMappingURL=refreshAccessToken.js.map

package/dist/nextAuth/refreshAccessToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refreshAccessToken.js","sourceRoot":"./","sources":["nextAuth/refreshAccessToken.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,KAAU;IAC/C,IAAI;QACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAC/B,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,yBAAyB,EACnE,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CACrC,CAAC;QAEF,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;QACzD,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAkB,WAAW,CAAC,CAAC;QAE5E,OAAO;YACL,GAAG,KAAK;YACR,WAAW;YACX,YAAY;YACZ,kBAAkB,EAAE,kBAAkB,GAAG,IAAI,EAAE,kCAAkC;SAClF,CAAC;KACH;IAAC,OAAO,KAAU,EAAE;QACnB,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC1F,OAAO;YACL,YAAY;YACZ,KAAK,EAAE,yBAAyB;SACjC,CAAC;KACH;AACH,CAAC","sourcesContent":["import { ERROR_MESSAGES } from \"../constants/error-messages\";\nimport axios from \"axios\";\nimport { jwtDecode } from \"jwt-decode\";\n\nexport async function refreshAccessToken(token: any) {\n    try {\n      const response = await axios.post(\n        `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/refresh-tokens`,\n        { refreshToken: token.refreshToken }\n      );\n  \n      const { accessToken, refreshToken } = response.data.data;\n      const { exp: accessTokenExpires } = jwtDecode<{ exp: number }>(accessToken);\n  \n      return {\n        ...token,\n        accessToken,\n        refreshToken,\n        accessTokenExpires: accessTokenExpires * 1000, // Convert seconds to milliseconds\n      };\n    } catch (error: any) {\n      console.error(ERROR_MESSAGES.FAILED_REFRESH_TOKEN, error.message || error.response?.data);\n      return {\n        // ...token,\n        error: \"RefreshAccessTokenError\",\n      };\n    }\n  }"]}

package/dist/nextAuth/refreshAccessToken.tsx

@@ -0,0 +1,28 @@
+import { ERROR_MESSAGES } from "../constants/error-messages";
+import axios from "axios";
+import { jwtDecode } from "jwt-decode";
+
+export async function refreshAccessToken(token: any) {
+    try {
+      const response = await axios.post(
+        `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/refresh-tokens`,
+        { refreshToken: token.refreshToken }
+      );
+  
+      const { accessToken, refreshToken } = response.data.data;
+      const { exp: accessTokenExpires } = jwtDecode<{ exp: number }>(accessToken);
+  
+      return {
+        ...token,
+        accessToken,
+        refreshToken,
+        accessTokenExpires: accessTokenExpires * 1000, // Convert seconds to milliseconds
+      };
+    } catch (error: any) {
+      console.error(ERROR_MESSAGES.FAILED_REFRESH_TOKEN, error.message || error.response?.data);
+      return {
+        // ...token,
+        error: "RefreshAccessTokenError",
+      };
+    }
+  }

package/dist/redux/features/settingsSlice.d.ts

@@ -0,0 +1,20 @@
+import { PayloadAction } from "@reduxjs/toolkit";
+export interface ISettingsState {
+    authSettings: Record<string, any>;
+    solidSettings: Record<string, any>;
+}
+export declare const settingsSlice: import("@reduxjs/toolkit").Slice<ISettingsState, {
+    setSolidSettings: (state: import("immer/dist/internal.js").WritableDraft<ISettingsState>, action: PayloadAction<Record<string, any>>) => void;
+    updateSolidSetting: (state: import("immer/dist/internal.js").WritableDraft<ISettingsState>, action: PayloadAction<{
+        key: string;
+        value: any;
+    }>) => void;
+    resetSettings: () => ISettingsState;
+}, "settingsSlice">;
+declare const _default: import("@reduxjs/toolkit").Reducer<ISettingsState>;
+export default _default;
+export declare const setSolidSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "settingsSlice/setSolidSettings">, updateSolidSetting: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    key: string;
+    value: any;
+}, "settingsSlice/updateSolidSetting">, resetSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"settingsSlice/resetSettings">;
+//# sourceMappingURL=settingsSlice.d.ts.map

package/dist/redux/features/settingsSlice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsSlice.d.ts","sourceRoot":"./","sources":["redux/features/settingsSlice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AAOD,eAAO,MAAM,aAAa;sGAsBZ,cAAc,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC;wGAOlC,cAAc;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC;;mBAQtD,CAAC;;AAEH,wBAAqC;AAErC,eAAO,MAGL,gBAAgB,8GAChB,kBAAkB;SAhBe,MAAM;WAAS,GAAG;wCAiBnD,aAAa,uFACU,CAAC"}

package/dist/redux/features/settingsSlice.js

@@ -0,0 +1,39 @@
+import { createSlice } from "@reduxjs/toolkit";
+const initialState = {
+    authSettings: {},
+    solidSettings: {},
+};
+export const settingsSlice = createSlice({
+    name: "settingsSlice",
+    initialState,
+    reducers: {
+        // // -------- AUTH SETTINGS --------
+        // setAuthSettings: (
+        //   state,
+        //   action: PayloadAction<Record<string, any>>
+        // ) => {
+        //   state.authSettings = action.payload;
+        // },
+        // updateAuthSetting: (
+        //   state,
+        //   action: PayloadAction<{ key: string; value: any }>
+        // ) => {
+        //   state.authSettings[action.payload.key] = action.payload.value;
+        // },
+        // -------- SOLID SETTINGS --------
+        setSolidSettings: (state, action) => {
+            state.solidSettings = action.payload;
+        },
+        updateSolidSetting: (state, action) => {
+            state.solidSettings[action.payload.key] = action.payload.value;
+        },
+        // -------- RESET --------
+        resetSettings: () => initialState,
+    },
+});
+export default settingsSlice.reducer;
+export const { 
+// setAuthSettings,
+// updateAuthSetting,
+setSolidSettings, updateSolidSetting, resetSettings, } = settingsSlice.actions;
+//# sourceMappingURL=settingsSlice.js.map

package/dist/redux/features/settingsSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsSlice.js","sourceRoot":"./","sources":["redux/features/settingsSlice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO9D,MAAM,YAAY,GAAmB;IACnC,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,YAAY;IACZ,QAAQ,EAAE;QACR,qCAAqC;QACrC,qBAAqB;QACrB,WAAW;QACX,+CAA+C;QAC/C,SAAS;QACT,yCAAyC;QACzC,KAAK;QAEL,uBAAuB;QACvB,WAAW;QACX,uDAAuD;QACvD,SAAS;QACT,mEAAmE;QACnE,KAAK;QAEL,mCAAmC;QACnC,gBAAgB,EAAE,CAChB,KAAK,EACL,MAA0C,EAC1C,EAAE;YACF,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;QACvC,CAAC;QAED,kBAAkB,EAAE,CAClB,KAAK,EACL,MAAkD,EAClD,EAAE;YACF,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;QACjE,CAAC;QAED,0BAA0B;QAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY;KAClC;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC,OAAO,CAAC;AAErC,MAAM,CAAC,MAAM;AACX,mBAAmB;AACnB,qBAAqB;AACrB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,GACd,GAAG,aAAa,CAAC,OAAO,CAAC","sourcesContent":["import { PayloadAction, createSlice } from \"@reduxjs/toolkit\";\n\nexport interface ISettingsState {\n  authSettings: Record<string, any>;\n  solidSettings: Record<string, any>;\n}\n\nconst initialState: ISettingsState = {\n  authSettings: {},\n  solidSettings: {},\n};\n\nexport const settingsSlice = createSlice({\n  name: \"settingsSlice\",\n  initialState,\n  reducers: {\n    // // -------- AUTH SETTINGS --------\n    // setAuthSettings: (\n    //   state,\n    //   action: PayloadAction<Record<string, any>>\n    // ) => {\n    //   state.authSettings = action.payload;\n    // },\n\n    // updateAuthSetting: (\n    //   state,\n    //   action: PayloadAction<{ key: string; value: any }>\n    // ) => {\n    //   state.authSettings[action.payload.key] = action.payload.value;\n    // },\n\n    // -------- SOLID SETTINGS --------\n    setSolidSettings: (\n      state,\n      action: PayloadAction<Record<string, any>>\n    ) => {\n      state.solidSettings = action.payload;\n    },\n\n    updateSolidSetting: (\n      state,\n      action: PayloadAction<{ key: string; value: any }>\n    ) => {\n      state.solidSettings[action.payload.key] = action.payload.value;\n    },\n\n    // -------- RESET --------\n    resetSettings: () => initialState,\n  },\n});\n\nexport default settingsSlice.reducer;\n\nexport const {\n  // setAuthSettings,\n  // updateAuthSetting,\n  setSolidSettings,\n  updateSolidSetting,\n  resetSettings,\n} = settingsSlice.actions;\n"]}

package/dist/redux/features/settingsSlice.ts

@@ -0,0 +1,60 @@
+import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+
+export interface ISettingsState {
+  authSettings: Record<string, any>;
+  solidSettings: Record<string, any>;
+}
+
+const initialState: ISettingsState = {
+  authSettings: {},
+  solidSettings: {},
+};
+
+export const settingsSlice = createSlice({
+  name: "settingsSlice",
+  initialState,
+  reducers: {
+    // // -------- AUTH SETTINGS --------
+    // setAuthSettings: (
+    //   state,
+    //   action: PayloadAction<Record<string, any>>
+    // ) => {
+    //   state.authSettings = action.payload;
+    // },
+
+    // updateAuthSetting: (
+    //   state,
+    //   action: PayloadAction<{ key: string; value: any }>
+    // ) => {
+    //   state.authSettings[action.payload.key] = action.payload.value;
+    // },
+
+    // -------- SOLID SETTINGS --------
+    setSolidSettings: (
+      state,
+      action: PayloadAction<Record<string, any>>
+    ) => {
+      state.solidSettings = action.payload;
+    },
+
+    updateSolidSetting: (
+      state,
+      action: PayloadAction<{ key: string; value: any }>
+    ) => {
+      state.solidSettings[action.payload.key] = action.payload.value;
+    },
+
+    // -------- RESET --------
+    resetSettings: () => initialState,
+  },
+});
+
+export default settingsSlice.reducer;
+
+export const {
+  // setAuthSettings,
+  // updateAuthSetting,
+  setSolidSettings,
+  updateSolidSetting,
+  resetSettings,
+} = settingsSlice.actions;

package/dist/resources/globals.css

@@ -2753,6 +2753,10 @@ li.header-li-px {
   height: auto;
 }
 
+.solid-custom-filter-wrapper {
+  z-index: 85;
+}
+
 .custom-filter-button {
   border-right: 0;
   border-top: 0;
@@ -2897,6 +2901,7 @@ li.header-li-px {
 .solid-chip-manager-panel {
   top: calc(100% + 6px);
   left: 0;
+  z-index: 90 !important;
   width: min(360px, 100%);
   background: var(--card);
   border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
@@ -3880,7 +3885,8 @@ li.header-li-px {
 
 .solid-search-overlay-pannel {
   top: calc(100% + 4px) !important;
-  z-index: 20;
+  /* Keep above datatable sticky headers/columns and other elevated surfaces. */
+  z-index: 1004 !important;
   background: var(--card);
   border: 1px solid color-mix(in srgb, var(--border) 86%, transparent) !important;
   border-radius: 10px;

package/dist/resources/shadcn-base.css

@@ -846,13 +846,16 @@ body {
 
 .solid-toast-viewport {
   position: fixed;
-  top: 18px;
-  right: 18px;
+  top: 10px;
+  left: 50%;
+  transform: translateX(-50%);
   z-index: calc(var(--z-overlay) + 6);
   display: flex;
   flex-direction: column;
+  align-items: center;
   gap: 10px;
-  width: min(360px, calc(100vw - 24px));
+  width: calc(100vw - 24px);
+  max-width: 100%;
   pointer-events: none;
 }
 
@@ -860,7 +863,7 @@ body {
   display: flex;
   align-items: flex-start;
   gap: 10px;
-  width: 100%;
+  width: min(420px, 100%);
   padding: 12px;
   border-radius: 14px;
   border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
@@ -1351,6 +1354,7 @@ body {
 .solid-autocomplete {
   position: relative;
   width: 100%;
+  min-width: 0;
 }
 
 .solid-autocomplete-control {
@@ -1358,6 +1362,7 @@ body {
   display: flex;
   align-items: center;
   width: 100%;
+  min-width: 0;
 }
 
 .solid-autocomplete-chip-control {
@@ -1385,6 +1390,8 @@ body {
   min-height: 24px;
   height: 24px;
   flex: 1 1 110px;
+  min-width: 0;
+  max-width: 100%;
   padding: 0 4px;
 }
 
@@ -1458,6 +1465,8 @@ body {
   align-items: center;
   gap: 4px;
   min-height: 22px;
+  min-width: 0;
+  max-width: 100%;
   border-radius: 999px;
   border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent);
   background: color-mix(in srgb, var(--primary) 10%, transparent);
@@ -1467,6 +1476,8 @@ body {
 }
 
 .solid-autocomplete-chip-label {
+  min-width: 0;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1860,15 +1871,20 @@ body {
 }
 
 .solid-auth-social-grid {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
   gap: 8px;
+  width: 100%;
+  margin-inline: auto;
 }
 
 .solid-auth-social-btn.solid-btn {
-  width: 100%;
+  width: 88px;
   height: 36px;
   min-height: 36px;
+  flex: 0 0 88px;
   border-radius: 8px;
   padding: 0;
   display: inline-flex;
@@ -2826,7 +2842,7 @@ body {
   opacity: 0.34;
 }
 
-.solid-auth-theme-wrapper > * {
+.solid-auth-theme-wrapper > *:not(.solid-toast-viewport) {
   position: relative;
   z-index: 1;
 }
@@ -4141,7 +4157,7 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
 
 .solid-popover-content[data-side="bottom"][data-align="end"] {
   right: 0;
-  left: 0;
+  left: auto;
 }
 
 .solid-popover-content[data-side="top"] {