@frontegg/types 4.42.1 → 5.1.0

package/Common.d.ts

@@ -1,3 +1,6 @@
 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;
+};

package/ContextOptions.d.ts

@@ -1,4 +1,4 @@
-import { KeyValuePair, LogLevel } from '@frontegg/rest-api/src/interfaces';
+import { KeyValuePair, LogLevel } from '@frontegg/rest-api';
 export interface ContextOptions {
     /**
      * Backend API baseUrl, visit https://portal.frontegg.com/administration/domain to get your Frontegg baseUrl

package/FronteggAppInstance.d.ts

@@ -2,6 +2,7 @@ import { EnhancedStore } from '@frontegg/redux-store';
 import { FronteggAppOptions } from './index';
 export interface FronteggAppInstance {
     name: string;
+    iframeRendering: boolean;
     loading: boolean;
     customElementName: string;
     store: EnhancedStore;

package/FronteggAppOptions.d.ts

@@ -10,15 +10,15 @@ export interface FronteggAppOptions extends FronteggStoreOptions {
     contextOptions: ContextOptions;
     themeOptions?: FronteggThemeOptions;
     /**
-     * Authentication header logo image
-     * @deprecated, use components.authPage.headerImage
+     * Authentication background logo image
+     * @deprecated, use themeOptions.loginBox.rootStyle.background
      */
-    headerImage?: string;
+    backgroundImage?: string;
     /**
      * Authentication background logo image
-     * @deprecated, use components.authPage.backgroundImage
+     * @deprecated, use themeOptions.loginBox.logo.image from @LogoComponent
      */
-    backgroundImage?: string;
+    headerImage?: string;
     /**
      * pass true to customLoginBox to prevent loading LoginBox and implement authentication pages with @frontegg/react-hooks
      */
@@ -60,6 +60,10 @@ export interface FronteggAppOptions extends FronteggStoreOptions {
      * Option to open admin portal as Preview mode without HTTP requests for demo mode purpose
      */
     previewMode?: boolean;
+    /**
+     * 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
      */

package/FronteggMetadata.d.ts

@@ -1,4 +1,5 @@
 import { PaletteColorOptions, PaletteGreyOptions } from './ThemeOptions/Palette';
+import { FronteggThemeOptions } from './ThemeOptions';
 declare type PageMetadata = {
     visibility: 'hidden' | 'always' | 'byPermissions';
     featureFlag?: string;
@@ -24,6 +25,8 @@ interface SecurityMetadata extends PageMetadata {
 }
 interface SsoMetadata extends PageMetadata {
 }
+interface MultipleSsoMetadata extends PageMetadata {
+}
 interface AuditsMetadata extends PageMetadata {
     paginationMode?: 'virtual' | 'pages';
 }
@@ -42,6 +45,7 @@ export declare type NavigationMetadata = {
     roles?: RolesMetadata;
     security?: SecurityMetadata;
     sso?: SsoMetadata;
+    multipleSSO?: MultipleSsoMetadata;
     audits?: AuditsMetadata;
     webhooks?: WebhooksMetadata;
     apiTokens?: ApiTokensMetadata;
@@ -72,6 +76,7 @@ declare type ThemeMetadata = {
 };
 export declare type FronteggMetadata = {
     theme?: ThemeMetadata;
+    themeV2?: FronteggThemeOptions;
     navigation?: NavigationMetadata;
 };
 export declare type RolePermission = 'fe.connectivity.*' | 'fe.connectivity.delete.*' | 'fe.connectivity.delete.bellNotifications' | 'fe.connectivity.delete.emailConfig' | 'fe.connectivity.delete.slackAppRegistration' | 'fe.connectivity.delete.slackSubscriptionEvent' | 'fe.connectivity.delete.slackSubscriptions' | 'fe.connectivity.delete.smsConfig' | 'fe.connectivity.delete.webhook' | 'fe.connectivity.read.*' | 'fe.connectivity.read.emailConfig' | 'fe.connectivity.read.eventCategories' | 'fe.connectivity.read.events' | 'fe.connectivity.read.slackApp' | 'fe.connectivity.read.slackChannels' | 'fe.connectivity.read.slackSubscriptions' | 'fe.connectivity.read.slackUsers' | 'fe.connectivity.read.smsConfig' | 'fe.connectivity.read.userBellNotifications' | 'fe.connectivity.read.webhookLogs' | 'fe.connectivity.read.webhooks' | 'fe.connectivity.write.*' | 'fe.connectivity.write.emailConfig' | 'fe.connectivity.write.sendWebpushNotification' | 'fe.connectivity.write.slackAppRegistration' | 'fe.connectivity.write.slackSubscriptions' | 'fe.connectivity.write.smsConfig' | 'fe.connectivity.write.subscribeWebpush' | 'fe.connectivity.write.triggerEvent' | 'fe.connectivity.write.updateSlackSubscription' | 'fe.connectivity.write.updateUserBellNotification' | 'fe.connectivity.write.webhook' | 'fe.secure.*' | 'fe.secure.delete.*' | 'fe.secure.delete.role' | 'fe.secure.delete.samlConfiguration' | 'fe.secure.delete.securityPolicy' | 'fe.secure.delete.tenantApiTokens' | 'fe.secure.delete.userApiTokens' | 'fe.secure.delete.users' | 'fe.secure.delete.usersRoles' | 'fe.secure.read.*' | 'fe.secure.read.permissions' | 'fe.secure.read.roles' | 'fe.secure.read.samlConfiguration' | 'fe.secure.read.securityPolicy' | 'fe.secure.read.tenantApiTokens' | 'fe.secure.read.userApiTokens' | 'fe.secure.read.users' | 'fe.secure.write.*' | 'fe.secure.write.resendActivationEmail' | 'fe.secure.write.roles' | 'fe.secure.write.samlConfiguration' | 'fe.secure.write.securityPolicy' | 'fe.secure.write.tenantApiTokens' | 'fe.secure.write.updateRole' | 'fe.secure.write.updateUser' | 'fe.secure.write.userApiTokens' | 'fe.secure.write.users' | 'fe.secure.write.usersRoles' | 'fe.subscriptions.*' | 'fe.subscriptions.read.*' | 'fe.subscriptions.write.*' | 'fe.account-settings.delete.account';

package/Localizations/AdminPortalLocalizations/navigation.d.ts

@@ -48,6 +48,10 @@ export interface NavigationLocalization {
          * Sso navigation item text
          */
         sso: string;
+        /**
+         * Multiple sso navigation item text
+         */
+        multipleSSO: string;
         /**
          * Audits navigation item text
          */

package/Localizations/AdminPortalLocalizations/security.d.ts

@@ -125,6 +125,10 @@ export interface SecurityLocalization {
          * Max attempts before lockout user input placeholder
          */
         attemptsInputPlaceholder: string;
+        /**
+         * Max attempts before lockout user input error message
+         */
+        attemptsInputErrorMessage: string;
         /**
          * Cancel editing lockout policy button text
          */

package/Localizations/AdminPortalLocalizations/sso.d.ts

@@ -112,6 +112,31 @@ export interface SsoLocalization {
          * Cancel button in dialogs
          */
         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;
     };
     /**
      * Configure IDP Dialog strings
@@ -303,6 +328,7 @@ export interface SsoLocalization {
          * SSO Authorizations Enabled status
          */
         enabled: string;
+        roles: string;
         /**
          * Select roles input label
          */
@@ -327,6 +353,7 @@ export interface SsoLocalization {
          * Manage roles grouping description message
          */
         rolesGroupsMappingDescription: string;
+        ssoAddMapping: string;
         /**
          * Error displayed if group does not have any role
          */

package/Localizations/LocalizationOverrides.d.ts

@@ -16,5 +16,6 @@ export interface LocalizationOverrides {
     validation?: ValidationLocalizationOverrides;
     loginBox?: LoginBoxLocalizationOverrides;
     adminPortal?: AdminPortalLocalizationOverrides;
+    custom?: Record<string, string>;
 }
 export {};

package/Localizations/LocalizationType.d.ts

@@ -40,5 +40,6 @@ export interface Localization {
     validations: ValidationLocalization;
     loginBox: LoginBoxLocalization;
     adminPortal: AdminPortalLocalization;
+    custom: Record<string, string>;
 }
 export {};

package/Localizations/LoginBoxLocalization/acceptInvitation.d.ts

@@ -3,6 +3,10 @@ export interface AcceptInvitationLocalization {
      * strings in accept invitation account page
      */
     acceptInvitation: {
+        /**
+         * Accept invitation page title
+         */
+        title: string;
         /**
          * Title to be displayed if accept invitation succeeded
          */

package/Localizations/LoginBoxLocalization/activateAccount.d.ts

@@ -3,6 +3,10 @@ export interface ActivateAccountLocalization {
      * strings in activate account page
      */
     activateAccount: {
+        /**
+         * Activate account page title
+         */
+        title: string;
         /**
          * New password input label
          */

package/Localizations/LoginBoxLocalization/forgetPassword.d.ts

@@ -3,6 +3,14 @@ export interface ForgetPasswordLocalization {
      * strings in forget password page
      */
     forgetPassword: {
+        /**
+         * Forget password page title
+         */
+        title: string;
+        /**
+         * Text displayed in forget password form before email input
+         */
+        description: string;
         /**
          * Forget password form email input label
          */

package/Localizations/LoginBoxLocalization/index.d.ts

@@ -6,4 +6,12 @@ import { SocialLoginsLocalization } from './socialLogins';
 import { AcceptInvitationLocalization } from './acceptInvitation';
 import { ActivateAccountLocalization } from './activateAccount';
 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;

package/Localizations/LoginBoxLocalization/login.d.ts

@@ -3,6 +3,10 @@ export interface LoginLocalization {
      * strings in login page
      */
     login: {
+        /**
+         * Login page title
+         */
+        title: string;
         /**
          * Go to signup message in Login page header
          */
@@ -56,10 +60,18 @@ export interface LoginLocalization {
          * Login page submit button if passwordless, sso or magicLink is enabled
          */
         continue: string;
+        /**
+         * String displayed as separator for sign in with social login
+         */
+        signInWithSocialLogin: string;
         /**
          * Button text to return to main login page
          */
         backToLogin: string;
+        /**
+         * Login with MFA title
+         */
+        mfaTitle: string;
         /**
          * Login with MFA six digits input label If MFA is enabled
          */
@@ -72,6 +84,14 @@ export interface LoginLocalization {
          * Error displayed if MFA code length less than 6 characters
          */
         mfaCodeLengthAtLeast6: string;
+        /**
+         * Error displayed if two factor code input is empty
+         */
+        twoFactorCodeIsRequired: string;
+        /**
+         * Error displayed if two code length less than 8 characters
+         */
+        twoFactorCodeLengthAtLeast8: string;
         /**
          * text of remember device CheckBox If MFA is enabled
          * EX: "Don't ask again on this device for {{count}} day"
@@ -85,6 +105,10 @@ export interface LoginLocalization {
          * Disable MFA message in MFA section if it's enabled
          */
         disableMultiFactorMessage: string;
+        /**
+         * 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
          */

package/Localizations/LoginBoxLocalization/resetPassword.d.ts

@@ -3,6 +3,14 @@ export interface ResetPasswordLocalization {
      * strings in forget password page
      */
     resetPassword: {
+        /**
+         * Reset password page title
+         */
+        title: string;
+        /**
+         * Text displayed in reset password form before password inputs
+         */
+        description: string;
         /**
          * New password input label
          */

package/Localizations/LoginBoxLocalization/signup.d.ts

@@ -3,6 +3,10 @@ export interface SignupLocalization {
      * strings in signup page
      */
     signup: {
+        /**
+         * Sign up page title
+         */
+        title: string;
         /**
          * Signup name input label
          */
@@ -65,6 +69,10 @@ export interface SignupLocalization {
          * error message displayed if name length less than 3
          */
         companyNameMinLengthIs3: string;
+        /**
+         * String displayed as separator for sign up with social login
+         */
+        signUpWithSocialLogin: string;
         /**
          * Go to login message in signup page header
          */

package/Metadata/index.d.ts

@@ -1,11 +1,13 @@
 import { FronteggMetadata } from '../FronteggMetadata';
 export declare class Metadata {
     private _theme;
+    private _themeV2;
     private _navigation;
     static _instances: Record<string, Metadata>;
     static getInstance(name?: string): Metadata;
     static set(metadata?: FronteggMetadata, name?: string): Metadata;
     get theme(): Required<FronteggMetadata>['theme'];
+    get themeV2(): Required<FronteggMetadata>['themeV2'];
     get navigation(): Required<FronteggMetadata>['navigation'];
     set(metadata?: FronteggMetadata): void;
 }

package/ThemeOptions/AdminPortalThemeOptions.d.ts

@@ -1,8 +1,32 @@
 import { BaseTheme, BaseThemeOptions } from './index';
+import { Color, CSSProperties } from '../Common';
+export interface NavigationThemeOptionsState {
+    color?: Color;
+    background?: Color;
+    borderColor?: Color;
+    avatarColor?: Color;
+    avatarBgColor?: Color;
+}
 export interface NavigationThemeOptions extends BaseThemeOptions {
     header?: BaseThemeOptions;
     content?: BaseThemeOptions;
     footer?: BaseThemeOptions;
+    groupTitleColor?: Color;
+    groupTitleSize?: CSSProperties['fontSize'];
+    background?: Color;
+    headerColor?: Color;
+    subHeaderColor?: Color;
+    default?: Partial<Omit<NavigationThemeOptionsState, 'background'>>;
+    hover?: Partial<NavigationThemeOptionsState>;
+    selected?: Partial<NavigationThemeOptionsState>;
+}
+export interface RightPanelThemeOptions {
+    headerBackground: Color;
+    pageBackground: Color;
+    elementBackground: Color;
+    profileHeader: Color;
+    tableHeaderBackground: Color;
+    tableBodyBackground: Color;
 }
 export declare const enum AdminPortalPages {
     Profile = "profile",
@@ -44,9 +68,14 @@ export interface AdminPortalThemeOptions extends BaseThemeOptions {
     layout?: {
         fullScreenMode?: boolean;
     };
+    navigation?: NavigationThemeOptions;
+    pages?: PagesThemeOptions;
 }
 export interface AdminPortalTheme extends BaseTheme {
     layout: {
         fullScreenMode: boolean;
     };
+    navigation: NavigationThemeOptions;
+    rightPanel: RightPanelThemeOptions;
+    pages: PagesThemeOptions;
 }

package/ThemeOptions/ComponentsOptions.d.ts

@@ -1,3 +1,66 @@
+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 {
     /**
      * Refer to Material UI theming guideline.

package/ThemeOptions/LoginBoxTheme/AcceptInvitationTheme.d.ts

@@ -0,0 +1,21 @@
+import { LoginBoxCommonTheme, LoginBoxCommonThemeOptions } from '../index';
+import { ExtendedCSSProperties } from '../../Common';
+interface AcceptInvitationComponentsTheme {
+    /**
+     * Accept invitation page container style
+     */
+    containerStyle?: ExtendedCSSProperties;
+    /**
+     * Accept invitation succeeded page container style
+     */
+    successContainerStyle?: ExtendedCSSProperties;
+    /**
+     * Accept invitation failed page container style
+     */
+    failedContainerStyle?: ExtendedCSSProperties;
+}
+export interface AcceptInvitationPageThemeOptions extends LoginBoxCommonThemeOptions, AcceptInvitationComponentsTheme {
+}
+export interface AcceptInvitationPageTheme extends LoginBoxCommonTheme, AcceptInvitationComponentsTheme {
+}
+export {};

package/ThemeOptions/LoginBoxTheme/ActivateAccountPageTheme.d.ts

@@ -0,0 +1,52 @@
+import { CustomComponent, LoginBoxCommonTheme, LoginBoxCommonThemeOptions } from '../index';
+import { ExtendedCSSProperties } from '../../Common';
+import { ReactNode } from 'react';
+interface TitleProps {
+    title: string;
+}
+interface MessageProps {
+    message: ReactNode;
+}
+interface ActivateAccountComponentsTheme {
+    /**
+     * Activate account page container style
+     */
+    containerStyle?: ExtendedCSSProperties;
+    /**
+     * Activate account form container style
+     */
+    formContainerStyle?: ExtendedCSSProperties;
+    /**
+     * Activate account succeeded page container style
+     */
+    successContainerStyle?: ExtendedCSSProperties;
+    /**
+     * Activate account failed page container style
+     */
+    failedContainerStyle?: ExtendedCSSProperties;
+    /**
+     * Activate account page title default is 'Activate Account'
+     * displayed in forgot password form screen
+     * passing 'null' will hide the title
+     */
+    title?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for Forgot password Page title
+     */
+    titleStyle?: ExtendedCSSProperties;
+    /**
+     * Activate account page message default is hidden
+     * displayed in forgot password form screen
+     * passing 'null' will hide the message
+     */
+    message?: CustomComponent<MessageProps>;
+    /**
+     * Direct css style for Forgot password Page message
+     */
+    messageStyle?: ExtendedCSSProperties;
+}
+export interface ActivateAccountPageThemeOptions extends LoginBoxCommonThemeOptions, ActivateAccountComponentsTheme {
+}
+export interface ActivateAccountPageTheme extends LoginBoxCommonTheme, ActivateAccountComponentsTheme {
+}
+export {};

package/ThemeOptions/LoginBoxTheme/CustomLoginComponents.d.ts

@@ -0,0 +1,12 @@
+export interface CustomLocalizationProps {
+    t: (key: string) => string;
+}
+export interface CustomContainerProps extends CustomLocalizationProps {
+    className: string;
+}
+export interface ComponentKeyRender {
+    'pageHeader': CustomContainerProps;
+    'pageFooter': CustomContainerProps;
+    'boxHeader': CustomContainerProps;
+    'boxFooter': CustomContainerProps;
+}

package/ThemeOptions/LoginBoxTheme/ForgotPasswordTheme.d.ts

@@ -0,0 +1,46 @@
+import { CustomComponent, LoginBoxCommonTheme, LoginBoxCommonThemeOptions } from '../index';
+import { ExtendedCSSProperties } from '../../Common';
+import { ReactNode } from 'react';
+interface TitleProps {
+    title: string;
+}
+interface MessageProps {
+    message: ReactNode;
+}
+interface ForgotPasswordComponentsTheme {
+    /**
+     * Forgot password page container style
+     */
+    containerStyle?: ExtendedCSSProperties;
+    /**
+     * Forgot password page form container style
+     */
+    formContainerStyle?: ExtendedCSSProperties;
+    successContainerStyle?: ExtendedCSSProperties;
+    /**
+     * Forgot password page title default is 'Forgot your password?'
+     * displayed in forgot password form screen
+     * passing 'null' will hide the title
+     */
+    title?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for Forgot password Page title
+     */
+    titleStyle?: ExtendedCSSProperties;
+    /**
+     * Forgot password page message default:
+     * 'Enter the email address associated with your account and we'll send you a link to reset your password'
+     * displayed in forgot password form screen
+     * passing 'null' will hide the message
+     */
+    message?: CustomComponent<MessageProps>;
+    /**
+     * Direct css style for Forgot password Page message
+     */
+    messageStyle?: ExtendedCSSProperties;
+}
+export interface ForgotPasswordPageThemeOptions extends LoginBoxCommonThemeOptions, ForgotPasswordComponentsTheme {
+}
+export interface ForgotPasswordPageTheme extends LoginBoxCommonTheme, ForgotPasswordComponentsTheme {
+}
+export {};

package/ThemeOptions/LoginBoxTheme/LoaderTheme.d.ts

@@ -0,0 +1,7 @@
+import { ExtendedCSSProperties } from '../../Common';
+export interface LoaderThemeOptions {
+    containerStyle?: ExtendedCSSProperties;
+}
+export interface LoaderTheme {
+    containerStyle?: ExtendedCSSProperties;
+}