@frontegg/types 5.19.0 → 5.22.0

package/Localizations/LoginBoxLocalization/index.d.ts

@@ -6,12 +6,14 @@ import { SocialLoginsLocalization } from './socialLogins';
 import { AcceptInvitationLocalization } from './acceptInvitation';
 import { ActivateAccountLocalization } from './activateAccount';
 import { RecoveryMfaLocalization } from './recoveryMfa';
+import { ResetPhoneNumberLocalization } from './resetPhoneNumber';
 export * from './login';
 export * from './signup';
 export * from './forgetPassword';
+export * from './resetPhoneNumber';
 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;
+export declare type LoginBoxLocalization = LoginLocalization & SignupLocalization & ForgetPasswordLocalization & ResetPhoneNumberLocalization & ResetPasswordLocalization & SocialLoginsLocalization & AcceptInvitationLocalization & ActivateAccountLocalization & RecoveryMfaLocalization;

package/Localizations/LoginBoxLocalization/login.d.ts

@@ -150,6 +150,18 @@ export interface LoginLocalization {
          * Magic link description text if invalid link
          */
         invalidMagicLinkText: string;
+        /**
+         * Oct section title
+         */
+        smsOtcTitle: string;
+        /**
+         * Oct section title
+         */
+        smsOtcMessage: string;
+        /**
+         * Oct section title
+         */
+        smsOtcChangePhoneMessage: string;
         /**
          * Oct section title
          */

package/Localizations/LoginBoxLocalization/resetPhoneNumber.d.ts

@@ -0,0 +1,34 @@
+export interface ResetPhoneNumberLocalization {
+    /**
+     * strings in reset phone number page
+     */
+    resetPhoneNumber: {
+        /**
+         * Reset phone number form email input label
+         */
+        emailInputLabel: string;
+        /**
+         * Reset phone number form email input placeholder
+         */
+        emailInputPlaceholder: string;
+        /**
+         * error message displayed if email is invalid
+         */
+        emailMustBeValid: string;
+        /**
+         * error message displayed if email is empty
+         */
+        emailIsRequired: string;
+        continue: string;
+        resetPhoneNumberTitle: string;
+        resetPhoneOtcTitle: string;
+        resetPhoneOtcMessage: string;
+        changePhoneNumberTitle: string;
+        changePhoneNumberMessage: string;
+        phoneInputLabel: string;
+        phoneInputPlaceholder: string;
+        phoneIsRequired: string;
+        phoneIsInvalid: string;
+        backToLogin: string;
+    };
+}

package/Localizations/LoginBoxLocalization/signup.d.ts

@@ -1,117 +1,138 @@
+export interface SignupLocalizationOptions {
+    /**
+     * Sign up page title
+     */
+    title: string;
+    /**
+     * Signup name input label
+     */
+    nameInputLabel: string;
+    /**
+     * Signup name input placeholder
+     */
+    nameInputPlaceholder: string;
+    /**
+     * error message displayed if name is empty
+     */
+    nameIsRequired: string;
+    /**
+     * error message displayed if name length less than 3
+     */
+    nameMinLengthIs3: string;
+    /**
+     * Signup email input label
+     */
+    emailInputLabel: string;
+    /**
+     * Signup email input placeholder
+     */
+    emailInputPlaceholder: string;
+    /**
+     * error message displayed if email is invalid
+     */
+    emailMustBeValid: string;
+    /**
+     * error message displayed if email is empty
+     */
+    emailIsRequired: string;
+    /**
+     * Signup password input label
+     */
+    passwordInputLabel: string;
+    /**
+     * Signup password input placeholder
+     */
+    passwordInputPlaceholder: string;
+    /**
+     * error message displayed if password is empty
+     */
+    passwordIsRequired: string;
+    /**
+       * Signup phone input label
+       */
+    phoneInputLabel: string;
+    /**
+    /**
+    * Signup phone input placeholder
+    */
+    phoneInputPlaceholder: string;
+    /**
+    * error message displayed if phone number is empty
+    */
+    phoneIsRequired: string;
+    /**
+    * error message displayed if phone number format is invalid
+    */
+    phoneIsInvalid: string;
+    /**
+     * Signup company name input label
+     * this input is optional
+     */
+    companyNameInputLabel: string;
+    /**
+     * Signup company name input placeholder
+     * this input is optional
+     */
+    companyNameInputPlaceholder: string;
+    /**
+     * error message displayed if name is empty
+     */
+    companyNameIsRequired: string;
+    /**
+     * 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
+     */
+    loginMessage: string;
+    /**
+     * Go to login link button text in signup page header
+     */
+    loginLink: string;
+    /**
+     * Signup page submit button
+     */
+    signupButtonText: string;
+    /**
+     * Text displayed when join tenant invitation failed
+     */
+    failedJoinTenantTitle: string;
+    /**
+     * Back to login button text join tenant invitation failed
+     */
+    failedJoinTenantBackButton: string;
+    /**
+     * Success title when signup succeeded
+     */
+    successTitle: string;
+    /**
+     * Activate description message when signup succeeded and activate required
+     */
+    successActivateMessage: string;
+    /**
+     * Redirect to login
+     */
+    backToLoginLink: string;
+    /**
+     * Go to login message in signup page header
+     */
+    successGoToLoginMessage: string;
+    /**
+     * Go to login link button text in Signup page header
+     */
+    successGoToLoginButton: string;
+}
 export interface SignupLocalization {
     /**
      * strings in signup page
      */
     signup: {
-        /**
-         * Sign up page title
-         */
-        title: string;
-        /**
-         * Signup name input label
-         */
-        nameInputLabel: string;
-        /**
-         * Signup name input placeholder
-         */
-        nameInputPlaceholder: string;
-        /**
-         * error message displayed if name is empty
-         */
-        nameIsRequired: string;
-        /**
-         * error message displayed if name length less than 3
-         */
-        nameMinLengthIs3: string;
-        /**
-         * Signup email input label
-         */
-        emailInputLabel: string;
-        /**
-         * Signup email input placeholder
-         */
-        emailInputPlaceholder: string;
-        /**
-         * error message displayed if email is invalid
-         */
-        emailMustBeValid: string;
-        /**
-         * error message displayed if email is empty
-         */
-        emailIsRequired: string;
-        /**
-         * Signup password input label
-         */
-        passwordInputLabel: string;
-        /**
-         * Signup password input placeholder
-         */
-        passwordInputPlaceholder: string;
-        /**
-         * error message displayed if password is empty
-         */
-        passwordIsRequired: string;
-        /**
-         * Signup company name input label
-         * this input is optional
-         */
-        companyNameInputLabel: string;
-        /**
-         * Signup company name input placeholder
-         * this input is optional
-         */
-        companyNameInputPlaceholder: string;
-        /**
-         * error message displayed if name is empty
-         */
-        companyNameIsRequired: string;
-        /**
-         * 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
-         */
-        loginMessage: string;
-        /**
-         * Go to login link button text in signup page header
-         */
-        loginLink: string;
-        /**
-         * Signup page submit button
-         */
-        signupButtonText: string;
-        /**
-         * Text displayed when join tenant invitation failed
-         */
-        failedJoinTenantTitle: string;
-        /**
-         * Back to login button text join tenant invitation failed
-         */
-        failedJoinTenantBackButton: string;
-        /**
-         * Success title when signup succeeded
-         */
-        successTitle: string;
-        /**
-         * Activate description message when signup succeeded and activate required
-         */
-        successActivateMessage: string;
-        /**
-         * Redirect to login
-         */
-        backToLoginLink: string;
-        /**
-         * Go to login message in signup page header
-         */
-        successGoToLoginMessage: string;
-        /**
-         * Go to login link button text in Signup page header
-         */
-        successGoToLoginButton: string;
-    };
+        account: SignupLocalizationOptions;
+        user: SignupLocalizationOptions;
+    } & SignupLocalizationOptions;
 }

package/ThemeOptions/LoginBoxTheme/ResetPhoneNumberTheme.d.ts

@@ -0,0 +1,71 @@
+import { CustomComponent, LoginBoxCommonTheme, LoginBoxCommonThemeOptions } from '../index';
+import { ExtendedCSSProperties } from '../../Common';
+interface TitleProps {
+    title: string;
+}
+interface MessageProps {
+    message: string;
+}
+interface ResetPhoneNumberComponentsTheme {
+    /**
+     * Reset phone number page container style
+     */
+    containerStyle?: ExtendedCSSProperties;
+    /**
+     * Reset phone number page title default is 'Change phone number'
+     * displayed in reset phone number form screen
+     * passing 'null' will hide the title
+     */
+    resetPhoneNumberTitle?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for Reset phone number page title
+     */
+    resetPhoneNumberTitleStyle?: ExtendedCSSProperties;
+    /**
+     * Reset phone number page title default is 'Verify that it’s you'
+     * displayed in verify reset phone number form screen
+     * passing 'null' will hide the title
+     */
+    verifyResetPhoneNumberTitle?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for verify reset phone number page title
+     */
+    verifyResetPhoneNumberTitleStyle?: ExtendedCSSProperties;
+    /**
+     * Verify reset phone number page message default:
+     * 'Please enter the six-digit code we have sent to your email'
+     * displayed in verify reset phone number form screen
+     * passing 'null' will hide the message
+     */
+    verifyResetPhoneNumberMessage?: CustomComponent<MessageProps>;
+    /**
+     * Direct css style for verify reset phone number page message
+     */
+    verifyResetPhoneNumberMessageStyle?: ExtendedCSSProperties;
+    /**
+     * Change phone number page title default is 'Enter your phone number'
+     * displayed in change phone number form screen
+     * passing 'null' will hide the title
+     */
+    changePhoneNumberTitle?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for change phone number page title
+     */
+    changePhoneNumberTitleStyle?: ExtendedCSSProperties;
+    /**
+     * Verify reset phone number page message default:
+     * 'Please enter your phone number below'
+     * displayed in change phone number form screen
+     * passing 'null' will hide the message
+     */
+    changePhoneNumberMessage?: CustomComponent<MessageProps>;
+    /**
+     * Direct css style for verify reset phone number page message
+     */
+    changePhoneNumberMessageStyle?: ExtendedCSSProperties;
+}
+export interface ResetPhoneNumberPageThemeOptions extends LoginBoxCommonThemeOptions, ResetPhoneNumberComponentsTheme {
+}
+export interface ResetPhoneNumberPageTheme extends LoginBoxCommonTheme, ResetPhoneNumberComponentsTheme {
+}
+export {};

package/ThemeOptions/LoginBoxTheme/SignupPageTheme.d.ts

@@ -10,6 +10,26 @@ export interface GoToLoginMessageProps {
     goToLoginButtonText: string;
 }
 export interface SignupPageComponentsTheme {
+    /**
+     * Signup page title default is 'Account Sign Up'
+     * displayed in sign up screen when no tenant invitation token is active
+     * passing 'null' will hide the title
+     */
+    accountTitle?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for Account Sign Up title
+     */
+    accountTitleStyle?: ExtendedCSSProperties;
+    /**
+     * Signup page title default is 'User Sign Up'
+     * displayed in sign up screen when tenant invitation token is active
+     * passing 'null' will hide the title
+     */
+    userTitle?: CustomComponent<TitleProps>;
+    /**
+     * Direct css style for User Sign Up title
+     */
+    userTitleStyle?: ExtendedCSSProperties;
     /**
      * Login page container style
      */

package/ThemeOptions/LoginBoxTheme/index.d.ts

@@ -9,12 +9,14 @@ import { LoginPageTheme, LoginPageThemeOptions } from './LoginPageTheme';
 import { SocialLoginsTheme, SocialLoginsThemeOptions } from './SocialLoginsTheme';
 import { LoaderTheme, LoaderThemeOptions } from './LoaderTheme';
 import { SignupPageTheme } from './SignupPageTheme';
+import { ResetPhoneNumberPageTheme, ResetPhoneNumberPageThemeOptions } from './ResetPhoneNumberTheme';
 export * from './LoginBoxCommon';
 export * from './LoginPageTheme';
 export * from './SignupPageTheme';
 export * from './CustomLoginComponents';
 export * from './SocialLoginsTheme';
 export * from './ForgotPasswordTheme';
+export * from './ResetPhoneNumberTheme';
 export * from './ResetPasswordTheme';
 export * from './ActivateAccountPageTheme';
 export * from './AcceptInvitationTheme';
@@ -32,6 +34,7 @@ export interface LoginBoxThemeOptions extends LoginBoxCommonThemeOptions {
     acceptInvitation?: AcceptInvitationPageThemeOptions;
     activateAccount?: ActivateAccountPageThemeOptions;
     forgotPassword?: ForgotPasswordPageThemeOptions;
+    resetPhoneNumber?: ResetPhoneNumberPageThemeOptions;
     resetPassword?: ResetPasswordPageThemeOptions;
     login?: LoginPageThemeOptions;
     signup?: SignupPageThemeOptions;
@@ -43,6 +46,7 @@ export interface LoginBoxTheme extends LoginBoxCommonTheme {
     acceptInvitation: AcceptInvitationPageTheme;
     activateAccount: ActivateAccountPageTheme;
     forgotPassword: ForgotPasswordPageTheme;
+    resetPhoneNumber: ResetPhoneNumberPageTheme;
     resetPassword: ResetPasswordPageTheme;
     login: LoginPageTheme;
     signup: SignupPageTheme;

package/package.json

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