Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@frontegg/types

Package Overview
Dependencies
Maintainers
1
Versions
933
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@frontegg/types - npm Package Compare versions

Comparing version 4.42.2 to 4.43.0-dashboard

ThemeOptions/helpers.d.ts

3

Common.d.ts
import * as CSS from 'csstype';
export declare type CSSProperties = CSS.Properties;
export declare type Color = CSSProperties['color'];
export declare type ExtendedCSSProperties = CSSProperties | {
[k in string]?: CSSProperties;
};

2

ContextOptions.d.ts

@@ -1,2 +0,2 @@

import { KeyValuePair, LogLevel } from '@frontegg/rest-api/src/interfaces';
import { KeyValuePair, LogLevel } from '@frontegg/rest-api';
export interface ContextOptions {

@@ -3,0 +3,0 @@ /**

@@ -5,2 +5,3 @@ import { EnhancedStore } from '@frontegg/redux-store';

name: string;
iframeRendering: boolean;
loading: boolean;

@@ -7,0 +8,0 @@ customElementName: string;

@@ -60,2 +60,6 @@ import { RedirectOptions } from '@frontegg/rest-api';

/**
* Option to display login box as Preview mode without HTTP requests for builder customization mode purpose
*/
builderMode?: boolean;
/**
* Connect AdminPortal redirects with the wrapper application router

@@ -62,0 +66,0 @@ */

import { PaletteColorOptions, PaletteGreyOptions } from './ThemeOptions/Palette';
import { FronteggThemeOptions } from './ThemeOptions';
declare type PageMetadata = {

@@ -27,2 +28,4 @@ visibility: 'hidden' | 'always' | 'byPermissions';

}
interface MultipleSsoMetadata extends PageMetadata {
}
interface AuditsMetadata extends PageMetadata {

@@ -46,2 +49,3 @@ paginationMode?: 'virtual' | 'pages';

sso?: SsoMetadata;
multipleSSO?: MultipleSsoMetadata;
audits?: AuditsMetadata;

@@ -77,2 +81,3 @@ webhooks?: WebhooksMetadata;

theme?: ThemeMetadata;
themeV2?: FronteggThemeOptions;
navigation?: NavigationMetadata;

@@ -79,0 +84,0 @@ };

@@ -330,2 +330,3 @@ var isMergeableObject = function isMergeableObject(value) {

theme: {},
themeV2: {},
navigation: {

@@ -338,3 +339,3 @@ usage: {

webhooks: {
visibility: 'byPermissions',
visibility: 'hidden',
permissions: ['fe.connectivity.read.webhooks'],

@@ -355,6 +356,6 @@ },

personalApiTokens: {
visibility: 'always',
visibility: 'hidden',
},
apiTokens: {
visibility: 'byPermissions',
visibility: 'hidden',
permissions: ['fe.secure.read.tenantApiTokens'],

@@ -376,3 +377,6 @@ },

sso: {
visibility: 'byPermissions',
visibility: 'hidden',
},
multipleSSO: {
visibility: 'hidden',
permissions: ['fe.secure.read.samlConfiguration'],

@@ -393,2 +397,3 @@ },

this._theme = defaultMetadata.theme;
this._themeV2 = defaultMetadata.themeV2;
this._navigation = defaultMetadata.navigation;

@@ -411,2 +416,6 @@ }

}
get themeV2() {
var _a;
return (_a = this._themeV2) !== null && _a !== void 0 ? _a : {};
}
get navigation() {

@@ -417,6 +426,7 @@ var _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 : {}]);
}

@@ -426,2 +436,3 @@ catch (e) {

this._theme = defaultMetadata.theme;
this._themeV2 = defaultMetadata.themeV2;
}

@@ -428,0 +439,0 @@ }

@@ -52,2 +52,6 @@ export interface NavigationLocalization {

/**
* Multiple sso navigation item text
*/
multipleSSO: string;
/**
* Audits navigation item text

@@ -54,0 +58,0 @@ */

@@ -115,3 +115,28 @@ export interface SsoLocalization {

cancel: string;
/**
* Instruction to claim domain
*/
claimDomainText: string;
};
sso_Header: {
title: string;
addNew: string;
};
sso_Table: {
editSSOConfig: string;
deleteSSOConfig: string;
areYouSureDeleteSSOConfig: string;
deleteSSOConfigTitle: string;
noSSOConfigsYet: string;
noSSOConfigsYetDescription: string;
cancel: string;
back: string;
done: string;
proceed: string;
skip: string;
rolesColumnName: string;
domainsColumnName: string;
idpColumnName: string;
statusColumnName: string;
};
/**

@@ -307,2 +332,3 @@ * Configure IDP Dialog strings

enabled: string;
roles: string;
/**

@@ -332,2 +358,3 @@ * Select roles input label

rolesGroupsMappingDescription: string;
ssoAddMapping: string;
/**

@@ -334,0 +361,0 @@ * Error displayed if group does not have any role

@@ -19,3 +19,4 @@ import { ValidationLocalization } from './LocalizationType';

adminPortal?: AdminPortalLocalizationOverrides;
custom?: Record<string, string>;
}
export {};

@@ -43,3 +43,4 @@ import { AdminPortalLocalization } from './AdminPortalLocalizations';

adminPortal: AdminPortalLocalization;
custom: Record<string, string>;
}
export {};

@@ -7,2 +7,6 @@ export interface AcceptInvitationLocalization {

/**
* Accept invitation page title
*/
title: string;
/**
* Title to be displayed if accept invitation succeeded

@@ -9,0 +13,0 @@ */

@@ -7,2 +7,6 @@ export interface ActivateAccountLocalization {

/**
* Activate account page title
*/
title: string;
/**
* New password input label

@@ -9,0 +13,0 @@ */

@@ -7,2 +7,10 @@ export interface ForgetPasswordLocalization {

/**
* Forget password page title
*/
title: string;
/**
* Text displayed in forget password form before email input
*/
description: string;
/**
* Forget password form email input label

@@ -9,0 +17,0 @@ */

@@ -9,2 +9,10 @@ import { LoginLocalization } from './login';

import { RecoveryMfaLocalization } from './recoveryMfa';
export * from './login';
export * from './signup';
export * from './forgetPassword';
export * from './resetPassword';
export * from './socialLogins';
export * from './acceptInvitation';
export * from './activateAccount';
export * from './recoveryMfa';
export declare type LoginBoxLocalization = LoginLocalization & SignupLocalization & ForgetPasswordLocalization & ResetPasswordLocalization & SocialLoginsLocalization & AcceptInvitationLocalization & ActivateAccountLocalization & RecoveryMfaLocalization;

@@ -7,2 +7,6 @@ export interface LoginLocalization {

/**
* Login page title
*/
title: string;
/**
* Go to signup message in Login page header

@@ -61,2 +65,6 @@ */

/**
* String displayed as separator for sign in with social login
*/
signInWithSocialLogin: string;
/**
* Button text to return to main login page

@@ -66,2 +74,6 @@ */

/**
* Login with MFA title
*/
mfaTitle: string;
/**
* Login with MFA six digits input label If MFA is enabled

@@ -100,2 +112,6 @@ */

/**
* Disable MFA page title after choose to recover mfa from login screen
*/
recoverMfaTitle: string;
/**
* Disable MFA button click here text in MFA section if it's enabled

@@ -102,0 +118,0 @@ */

@@ -7,2 +7,10 @@ export interface ResetPasswordLocalization {

/**
* Reset password page title
*/
title: string;
/**
* Text displayed in reset password form before password inputs
*/
description: string;
/**
* New password input label

@@ -9,0 +17,0 @@ */

@@ -7,2 +7,6 @@ export interface SignupLocalization {

/**
* Sign up page title
*/
title: string;
/**
* Signup name input label

@@ -70,2 +74,6 @@ */

/**
* String displayed as separator for sign up with social login
*/
signUpWithSocialLogin: string;
/**
* Go to login message in signup page header

@@ -72,0 +80,0 @@ */

import { FronteggMetadata } from '../FronteggMetadata';
export declare class Metadata {
private _theme;
private _themeV2;
private _navigation;

@@ -9,4 +10,5 @@ static _instances: Record<string, Metadata>;

get theme(): Required<FronteggMetadata>['theme'];
get themeV2(): Required<FronteggMetadata>['themeV2'];
get navigation(): Required<FronteggMetadata>['navigation'];
set(metadata?: FronteggMetadata): void;
}

@@ -332,2 +332,3 @@ 'use strict';

theme: {},
themeV2: {},
navigation: {

@@ -340,3 +341,3 @@ usage: {

webhooks: {
visibility: 'byPermissions',
visibility: 'hidden',
permissions: ['fe.connectivity.read.webhooks'],

@@ -357,6 +358,6 @@ },

personalApiTokens: {
visibility: 'always',
visibility: 'hidden',
},
apiTokens: {
visibility: 'byPermissions',
visibility: 'hidden',
permissions: ['fe.secure.read.tenantApiTokens'],

@@ -378,3 +379,6 @@ },

sso: {
visibility: 'byPermissions',
visibility: 'hidden',
},
multipleSSO: {
visibility: 'hidden',
permissions: ['fe.secure.read.samlConfiguration'],

@@ -395,2 +399,3 @@ },

this._theme = defaultMetadata.theme;
this._themeV2 = defaultMetadata.themeV2;
this._navigation = defaultMetadata.navigation;

@@ -413,2 +418,6 @@ }

}
get themeV2() {
var _a;
return (_a = this._themeV2) !== null && _a !== void 0 ? _a : {};
}
get navigation() {

@@ -419,6 +428,7 @@ var _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 : {}]);
}

@@ -428,2 +438,3 @@ catch (e) {

this._theme = defaultMetadata.theme;
this._themeV2 = defaultMetadata.themeV2;
}

@@ -430,0 +441,0 @@ }

{
"name": "@frontegg/types",
"version": "4.42.2",
"version": "4.43.0-dashboard",
"main": "./node/index.js",

@@ -12,2 +12,2 @@ "module": "./index.js",

}
}
}

@@ -0,1 +1,64 @@

import { CSSProperties, ExtendedCSSProperties } from '../Common';
export declare type CustomComponent<T = {}> = null | string | ((props: T) => string | any);
export interface InputThemeOptions {
/**
* Input label style
*/
label?: ExtendedCSSProperties;
/**
* Input base style for standard state
*/
base?: ExtendedCSSProperties & {
placeholderColor?: string;
};
/**
* Input style for hover state
*/
hover?: ExtendedCSSProperties;
/**
* Input style for active state
*/
active?: ExtendedCSSProperties;
/**
* Input style for focus state
*/
focus?: ExtendedCSSProperties;
/**
* Input style for disabled state
*/
disabled?: ExtendedCSSProperties;
}
export interface ButtonThemeOptions {
/**
* Button base style for standard state
*/
base?: ExtendedCSSProperties;
/**
* Button style for hover state
*/
hover?: ExtendedCSSProperties;
/**
* Button style for active state
*/
active?: ExtendedCSSProperties;
/**
* Button style for focus state
*/
focus?: ExtendedCSSProperties;
/**
* Button style for disabled state
*/
disabled?: ExtendedCSSProperties;
/**
* Icon style displayed inside the button element
*/
icon?: ExtendedCSSProperties;
}
export interface LoginBoxBackgroundTheme {
backgroundColor?: CSSProperties['backgroundColor'];
backgroundImage?: CSSProperties['backgroundImage'];
backgroundSize?: CSSProperties['backgroundSize'];
backgroundRepeat?: CSSProperties['backgroundRepeat'];
backgroundPosition?: CSSProperties['backgroundPosition'];
}
export interface ComponentsOptions {

@@ -2,0 +65,0 @@ /**

@@ -9,4 +9,6 @@ import { CSSProperties } from '../Common';

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';

@@ -25,103 +27,3 @@ export interface FronteggThemeOptions {

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 {

@@ -137,92 +39,6 @@ palette: ThemePalette;

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'>;

@@ -25,2 +25,5 @@ import { BaseThemeOptions } from './index';

export interface AuthPageThemeOptions extends BaseThemeOptions, AuthPageCustomComponents {
style?: CSSProperties & {
[k in string]: CSSProperties;
};
layout?: {

@@ -45,9 +48,1 @@ width?: CSSProperties['width'];

}
export interface LoginBoxThemeOptions extends AuthPageThemeOptions {
login?: LoginFormThemeOptions;
signup?: AuthPageThemeOptions;
acceptInvitation?: AuthPageThemeOptions;
activateAccount?: AuthPageThemeOptions;
forgetPassword?: AuthPageThemeOptions;
resetPassword?: AuthPageThemeOptions;
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc