@frontegg/types 4.43.0 → 5.1.0

package/ThemeOptions/index.d.ts

@@ -6,8 +6,10 @@ import { Transitions, TransitionsOptions } from './TransitionsOptions';
 import { Breakpoints, BreakpointsOptions } from './BreakpointsOptions';
 import { ComponentsOptions } from './ComponentsOptions';
 import { TypographyOptions, Typography } from './TypographyOptions';
-import { AdminPortalThemeOptions } from './AdminPortalThemeOptions';
-import { LoginBoxThemeOptions } from './LoginBoxThemeOptions';
+import { AdminPortalTheme, AdminPortalThemeOptions } from './AdminPortalThemeOptions';
+import { LoginBoxTheme, LoginBoxThemeOptions } from './LoginBoxTheme';
+export * from './LoginBoxTheme';
+export * from './ComponentsOptions';
 export declare type Direction = 'ltr' | 'rtl';
 export interface FronteggThemeOptions {
     palette?: ThemePaletteOptions;
@@ -21,107 +23,7 @@ export interface FronteggThemeOptions {
     typography?: TypographyOptions;
     adminPortal?: AdminPortalThemeOptions;
     loginBox?: LoginBoxThemeOptions;
-    navigation?: {
-        groupTitleColor?: CSSProperties['color'];
-        groupTitleSize?: CSSProperties['fontSize'];
-        headerColor?: CSSProperties['color'];
-        subHeaderColor?: CSSProperties['color'];
-        background?: CSSProperties['background'];
-        default: {
-            color?: CSSProperties['color'];
-            borderColor?: CSSProperties['borderColor'];
-            avatarBgColor?: CSSProperties['background'];
-            avatarColor?: CSSProperties['color'];
-        };
-        hover: {
-            color?: CSSProperties['color'];
-            background?: CSSProperties['background'];
-            borderColor?: CSSProperties['borderColor'];
-            avatarColor?: CSSProperties['color'];
-            avatarBgColor?: CSSProperties['backgroundColor'];
-        };
-        selected: {
-            color?: CSSProperties['color'];
-            background?: CSSProperties['background'];
-            borderColor?: CSSProperties['borderColor'];
-            avatarColor?: CSSProperties['color'];
-            avatarBgColor?: CSSProperties['backgroundColor'];
-        };
-    };
-    dialog?: {
-        headerBackground?: CSSProperties['background'];
-        headerTextColor?: CSSProperties['color'];
-        bodyBackground?: CSSProperties['background'];
-        footerBackground?: CSSProperties['background'];
-    };
-    socialLogins?: {
-        rowLayout?: boolean;
-        google?: socialLogin;
-        github?: socialLogin;
-        facebook?: socialLogin;
-        microsoft?: socialLogin;
-    };
-    rightPanel?: {
-        headerBackground?: CSSProperties['background'];
-        pageBackground?: CSSProperties['background'];
-        elementBackground?: CSSProperties['color'];
-        profileHeader?: CSSProperties['background'];
-        tableHeaderBackground?: CSSProperties['background'];
-        tableBodyBackground?: CSSProperties['background'];
-    };
-    authPage?: {
-        loginBox: {
-            width?: CSSProperties['width'];
-            padding?: CSSProperties['padding'];
-            border?: CSSProperties['border'];
-            borderRadius?: CSSProperties['borderRadius'];
-            boxShadow?: CSSProperties['boxShadow'];
-            backgroundCard?: CSSProperties['background'];
-        };
-        loginSignupSwitch?: {
-            color?: CSSProperties['color'];
-            fontSize?: CSSProperties['fontSize'];
-            fontFamily?: CSSProperties['fontFamily'];
-            textAlign?: CSSProperties['textAlign'];
-            padding?: CSSProperties['padding'];
-            margin?: CSSProperties['margin'];
-            link?: {
-                color?: CSSProperties['color'];
-                decoration?: CSSProperties['textDecoration'];
-                fontWeight?: CSSProperties['fontWeight'];
-            };
-        };
-        inputError?: {
-            fontFamily?: CSSProperties['fontFamily'];
-            fontSize?: CSSProperties['fontSize'];
-            fontWeight?: CSSProperties['fontWeight'];
-            padding?: CSSProperties['padding'];
-        };
-    };
-    subHeaderMsg?: {
-        color?: CSSProperties['color'];
-        fontSize?: CSSProperties['fontSize'];
-        fontFamily?: CSSProperties['fontFamily'];
-        textAlign?: CSSProperties['textAlign'];
-        padding?: CSSProperties['padding'];
-        margin?: CSSProperties['margin'];
-        textDecoration?: CSSProperties['textDecoration'];
-    };
 }
-export declare type socialLogin = {
-    background?: CSSProperties['background'];
-    default: {
-        color?: CSSProperties['color'];
-    };
-    hover: {
-        color?: CSSProperties['color'];
-        background?: CSSProperties['background'];
-    };
-    selected: {
-        color?: CSSProperties['color'];
-        background?: CSSProperties['background'];
-    };
-};
 export interface FronteggTheme {
     palette: ThemePalette;
     typographyStyleOptions: CSSProperties;
@@ -132,94 +34,8 @@ export interface FronteggTheme {
     direction: Direction;
     components: ComponentsOptions;
     typography: Typography;
-    adminPortal?: AdminPortalThemeOptions;
-    loginBox?: LoginBoxThemeOptions;
-    navigation: {
-        groupTitleColor: CSSProperties['color'];
-        groupTitleSize: CSSProperties['fontSize'];
-        headerColor: CSSProperties['color'];
-        subHeaderColor: CSSProperties['color'];
-        background: CSSProperties['background'];
-        default: {
-            color?: CSSProperties['color'];
-            borderColor?: CSSProperties['borderColor'];
-            avatarBgColor?: CSSProperties['background'];
-            avatarColor?: CSSProperties['color'];
-        };
-        hover: {
-            color?: CSSProperties['color'];
-            background?: CSSProperties['background'];
-            borderColor?: CSSProperties['borderColor'];
-            avatarColor?: CSSProperties['color'];
-            avatarBgColor?: CSSProperties['backgroundColor'];
-        };
-        selected: {
-            color?: CSSProperties['color'];
-            background?: CSSProperties['background'];
-            borderColor?: CSSProperties['borderColor'];
-            avatarColor?: CSSProperties['color'];
-            avatarBgColor?: CSSProperties['backgroundColor'];
-        };
-    };
-    dialog: {
-        headerBackground?: CSSProperties['background'];
-        headerTextColor?: CSSProperties['color'];
-        bodyBackground?: CSSProperties['background'];
-        footerBackground?: CSSProperties['background'];
-    };
-    socialLogins: {
-        rowLayout?: boolean;
-        google?: socialLogin;
-        github?: socialLogin;
-        facebook?: socialLogin;
-        microsoft?: socialLogin;
-    };
-    rightPanel: {
-        headerBackground?: CSSProperties['background'];
-        pageBackground?: CSSProperties['background'];
-        elementBackground?: CSSProperties['color'];
-        profileHeader?: CSSProperties['background'];
-        tableHeaderBackground?: CSSProperties['background'];
-        tableBodyBackground?: CSSProperties['background'];
-    };
-    authPage: {
-        loginBox: {
-            width?: CSSProperties['width'];
-            padding?: CSSProperties['padding'];
-            border?: CSSProperties['border'];
-            borderRadius?: CSSProperties['borderRadius'];
-            boxShadow?: CSSProperties['boxShadow'];
-            backgroundCard?: CSSProperties['background'];
-        };
-        loginSignupSwitch?: {
-            color?: CSSProperties['color'];
-            fontSize?: CSSProperties['fontSize'];
-            fontFamily?: CSSProperties['fontFamily'];
-            textAlign?: CSSProperties['textAlign'];
-            padding?: CSSProperties['padding'];
-            margin?: CSSProperties['margin'];
-            link?: {
-                color?: CSSProperties['color'];
-                decoration?: CSSProperties['textDecoration'];
-                fontWeight?: CSSProperties['fontWeight'];
-            };
-        };
-        inputError: {
-            fontFamily?: CSSProperties['fontFamily'];
-            fontSize?: CSSProperties['fontSize'];
-            fontWeight?: CSSProperties['fontWeight'];
-            padding?: CSSProperties['padding'];
-        };
-    };
-    subHeaderMsg: {
-        color?: CSSProperties['color'];
-        fontSize?: CSSProperties['fontSize'];
-        fontFamily?: CSSProperties['fontFamily'];
-        textAlign?: CSSProperties['textAlign'];
-        padding?: CSSProperties['padding'];
-        margin?: CSSProperties['margin'];
-        textDecoration?: CSSProperties['textDecoration'];
-    };
+    adminPortal: AdminPortalTheme;
+    loginBox: LoginBoxTheme;
 }
 export declare type BaseThemeOptions = Omit<FronteggThemeOptions, 'adminPortal' | 'loginBox'>;
 export declare type BaseTheme = Omit<FronteggTheme, 'adminPortal' | 'loginBox'>;

package/index.js

@@ -327,6 +327,7 @@ const getPalette = (theme, defaultTheme) => {
 
 const defaultMetadata = {
     theme: {},
+    themeV2: {},
     navigation: {
         usage: {
             visibility: 'hidden',
@@ -334,7 +335,7 @@ const defaultMetadata = {
             featureFlag: 'fe-usage-page',
         },
         webhooks: {
-            visibility: 'byPermissions',
+            visibility: 'hidden',
             permissions: ['fe.connectivity.read.webhooks'],
         },
         roles: {
@@ -350,10 +351,10 @@ const defaultMetadata = {
             },
         },
         personalApiTokens: {
-            visibility: 'always',
+            visibility: 'hidden',
         },
         apiTokens: {
-            visibility: 'byPermissions',
+            visibility: 'hidden',
             permissions: ['fe.secure.read.tenantApiTokens'],
         },
         profile: {
@@ -370,7 +371,10 @@ const defaultMetadata = {
             permissions: ['fe.secure.read.securityPolicy'],
         },
         sso: {
-            visibility: 'byPermissions',
+            visibility: 'hidden',
+        },
+        multipleSSO: {
+            visibility: 'hidden',
             permissions: ['fe.secure.read.samlConfiguration'],
         },
         audits: {
@@ -386,6 +390,7 @@ const defaultMetadata = {
 class Metadata {
     constructor() {
         this._theme = defaultMetadata.theme;
+        this._themeV2 = defaultMetadata.themeV2;
         this._navigation = defaultMetadata.navigation;
     }
     static getInstance(name = 'default') {
@@ -403,19 +408,25 @@ class Metadata {
         var _a;
         return (_a = this._theme) !== null && _a !== void 0 ? _a : {};
     }
+    get themeV2() {
+        var _a;
+        return (_a = this._themeV2) !== null && _a !== void 0 ? _a : {};
+    }
     get navigation() {
         var _a;
         return (_a = this._navigation) !== null && _a !== void 0 ? _a : {};
     }
     set(metadata) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         try {
             this._navigation = deepMerge.all([(_a = defaultMetadata.navigation) !== null && _a !== void 0 ? _a : {}, (_b = metadata === null || metadata === void 0 ? void 0 : metadata.navigation) !== null && _b !== void 0 ? _b : {}]);
             this._theme = deepMerge.all([(_c = defaultMetadata.theme) !== null && _c !== void 0 ? _c : {}, getPalette(metadata === null || metadata === void 0 ? void 0 : metadata.theme, defaultMetadata.theme)]);
+            this._themeV2 = deepMerge.all([(_d = defaultMetadata.themeV2) !== null && _d !== void 0 ? _d : {}, (_e = metadata === null || metadata === void 0 ? void 0 : metadata.themeV2) !== null && _e !== void 0 ? _e : {}]);
         }
         catch (e) {
             this._navigation = defaultMetadata.navigation;
             this._theme = defaultMetadata.theme;
+            this._themeV2 = defaultMetadata.themeV2;
         }
     }
 }

package/node/index.js

@@ -329,6 +329,7 @@ const getPalette = (theme, defaultTheme) => {
 
 const defaultMetadata = {
     theme: {},
+    themeV2: {},
     navigation: {
         usage: {
             visibility: 'hidden',
@@ -336,7 +337,7 @@ const defaultMetadata = {
             featureFlag: 'fe-usage-page',
         },
         webhooks: {
-            visibility: 'byPermissions',
+            visibility: 'hidden',
             permissions: ['fe.connectivity.read.webhooks'],
         },
         roles: {
@@ -352,10 +353,10 @@ const defaultMetadata = {
             },
         },
         personalApiTokens: {
-            visibility: 'always',
+            visibility: 'hidden',
         },
         apiTokens: {
-            visibility: 'byPermissions',
+            visibility: 'hidden',
             permissions: ['fe.secure.read.tenantApiTokens'],
         },
         profile: {
@@ -372,7 +373,10 @@ const defaultMetadata = {
             permissions: ['fe.secure.read.securityPolicy'],
         },
         sso: {
-            visibility: 'byPermissions',
+            visibility: 'hidden',
+        },
+        multipleSSO: {
+            visibility: 'hidden',
             permissions: ['fe.secure.read.samlConfiguration'],
         },
         audits: {
@@ -388,6 +392,7 @@ const defaultMetadata = {
 class Metadata {
     constructor() {
         this._theme = defaultMetadata.theme;
+        this._themeV2 = defaultMetadata.themeV2;
         this._navigation = defaultMetadata.navigation;
     }
     static getInstance(name = 'default') {
@@ -405,19 +410,25 @@ class Metadata {
         var _a;
         return (_a = this._theme) !== null && _a !== void 0 ? _a : {};
     }
+    get themeV2() {
+        var _a;
+        return (_a = this._themeV2) !== null && _a !== void 0 ? _a : {};
+    }
     get navigation() {
         var _a;
         return (_a = this._navigation) !== null && _a !== void 0 ? _a : {};
     }
     set(metadata) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         try {
             this._navigation = cjs.all([(_a = defaultMetadata.navigation) !== null && _a !== void 0 ? _a : {}, (_b = metadata === null || metadata === void 0 ? void 0 : metadata.navigation) !== null && _b !== void 0 ? _b : {}]);
             this._theme = cjs.all([(_c = defaultMetadata.theme) !== null && _c !== void 0 ? _c : {}, getPalette(metadata === null || metadata === void 0 ? void 0 : metadata.theme, defaultMetadata.theme)]);
+            this._themeV2 = cjs.all([(_d = defaultMetadata.themeV2) !== null && _d !== void 0 ? _d : {}, (_e = metadata === null || metadata === void 0 ? void 0 : metadata.themeV2) !== null && _e !== void 0 ? _e : {}]);
         }
         catch (e) {
             this._navigation = defaultMetadata.navigation;
             this._theme = defaultMetadata.theme;
+            this._themeV2 = defaultMetadata.themeV2;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontegg/types",
-  "version": "4.43.0",
+  "version": "5.1.0",
   "main": "./node/index.js",
   "module": "./index.js",
   "types": "./index.d.ts",