Fix ESLint issues

brionmario · brionmario · commit 22dd8bb232f9 · 2026-03-06T00:43:20.000+05:30
diff --git a/packages/javascript/src/models/config.ts b/packages/javascript/src/models/config.ts
@@ -302,17 +302,17 @@ export interface I18nPreferences {
    * (URL param, stored preference, browser language).
    */
   language?: string;
-  /**
-   * The storage strategy to use for persisting the user's language selection.
-   * @default 'cookie'
-   */
-  storageStrategy?: I18nStorageStrategy;
   /**
    * The key used when reading/writing the language to the chosen storage.
    * For `localStorage` this is the key name; for `cookie` this is the cookie name.
    * @default 'asgardeo-i18n-language'
    */
   storageKey?: string;
+  /**
+   * The storage strategy to use for persisting the user's language selection.
+   * @default 'cookie'
+   */
+  storageStrategy?: I18nStorageStrategy;
   /**
    * The URL query-parameter name to inspect for a language override.
    * Set to `false` to disable URL-parameter detection entirely.
diff --git a/packages/react/src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx b/packages/react/src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
@@ -59,16 +59,16 @@ export interface BaseCreateOrganizationProps {
   onSubmit?: (payload: CreateOrganizationPayload) => void | Promise<void>;
   onSuccess?: (organization: any) => void;
   open?: boolean;
-  renderAdditionalFields?: () => ReactNode;
-  style?: CSSProperties;
-  title?: string;
-
   /**
    * Component-level preferences to override global i18n and theme settings.
    * Preferences are deep-merged with global ones, with component preferences
    * taking precedence. Affects this component and all its descendants.
    */
   preferences?: Preferences;
+  renderAdditionalFields?: () => ReactNode;
+  style?: CSSProperties;
+
+  title?: string;
 }
 
 /**
diff --git a/packages/react/src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx b/packages/react/src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
@@ -33,8 +33,8 @@ import {
 import {FC, ReactElement, ReactNode, useState} from 'react';
 import useStyles from './BaseLanguageSwitcher.styles';
 import useTheme from '../../../contexts/Theme/useTheme';
-import ChevronDown from '../../primitives/Icons/ChevronDown';
 import Check from '../../primitives/Icons/Check';
+import ChevronDown from '../../primitives/Icons/ChevronDown';
 
 /**
  * A resolved language option with display name and emoji flag.
@@ -107,7 +107,7 @@ const BaseLanguageSwitcher: FC<BaseLanguageSwitcherProps> = ({
   onLanguageChange,
 }: BaseLanguageSwitcherProps): ReactElement => {
   const {theme, colorScheme} = useTheme();
-  const styles = useStyles(theme, colorScheme);
+  const styles: Record<string, string> = useStyles(theme, colorScheme);
   const [isOpen, setIsOpen] = useState(false);
 
   const {refs, floatingStyles, context} = useFloating({
@@ -117,12 +117,12 @@ const BaseLanguageSwitcher: FC<BaseLanguageSwitcherProps> = ({
     whileElementsMounted: autoUpdate,
   });
 
-  const click = useClick(context);
-  const dismiss = useDismiss(context);
-  const role = useRole(context, {role: 'listbox'});
+  const click: ReturnType<typeof useClick> = useClick(context);
+  const dismiss: ReturnType<typeof useDismiss> = useDismiss(context);
+  const role: ReturnType<typeof useRole> = useRole(context, {role: 'listbox'});
   const {getReferenceProps, getFloatingProps} = useInteractions([click, dismiss, role]);
 
-  const currentOption: LanguageOption | undefined = languages.find(l => l.code === currentLanguage);
+  const currentOption: LanguageOption | undefined = languages.find((l: LanguageOption) => l.code === currentLanguage);
 
   if (children) {
     return (
diff --git a/packages/react/src/components/presentation/OrganizationList/BaseOrganizationList.tsx b/packages/react/src/components/presentation/OrganizationList/BaseOrganizationList.tsx
@@ -88,6 +88,12 @@ export interface BaseOrganizationListProps {
    * Whether the popup is open (only used in popup mode)
    */
   open?: boolean;
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
   /**
    * Custom renderer for when no organizations are found
    */
@@ -116,17 +122,11 @@ export interface BaseOrganizationListProps {
    * Inline styles to apply to the container
    */
   style?: CSSProperties;
+
   /**
    * Title for the popup dialog (only used in popup mode)
    */
   title?: string;
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 }
 
 /**
diff --git a/packages/react/src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx b/packages/react/src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
@@ -99,6 +99,13 @@ export interface BaseOrganizationProfileProps {
    */
   organization?: OrganizationDetails | null;
 
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
+
   /**
    * Text for the save button (only used in editable mode).
    */
@@ -108,13 +115,6 @@ export interface BaseOrganizationProfileProps {
    * Custom title for the profile.
    */
   title?: string;
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 }
 
 /**
diff --git a/packages/react/src/components/presentation/OrganizationProfile/OrganizationProfile.tsx b/packages/react/src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
@@ -16,7 +16,7 @@
  * under the License.
  */
 
-import {OrganizationDetails, createPackageComponentLogger, Preferences} from '@asgardeo/browser';
+import {OrganizationDetails, createPackageComponentLogger} from '@asgardeo/browser';
 import {FC, ReactElement, useEffect, useState} from 'react';
 import BaseOrganizationProfile, {BaseOrganizationProfileProps} from './BaseOrganizationProfile';
 import getOrganization from '../../../api/getOrganization';
diff --git a/packages/react/src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx b/packages/react/src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
@@ -132,6 +132,12 @@ export interface BaseOrganizationSwitcherProps {
    * The HTML element ID where the portal should be mounted
    */
   portalId?: string;
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
   /**
    * Custom render function for the error state.
    */
@@ -156,17 +162,11 @@ export interface BaseOrganizationSwitcherProps {
    * Show organization name next to avatar in the trigger button
    */
   showTriggerLabel?: boolean;
+
   /**
    * Custom styles for the component.
    */
   style?: CSSProperties;
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 }
 
 /**
diff --git a/packages/react/src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx b/packages/react/src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
@@ -16,7 +16,6 @@
  * under the License.
  */
 
-import {Preferences} from '@asgardeo/browser';
 import {FC, ReactElement, useState} from 'react';
 
 import {
diff --git a/packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx b/packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx
@@ -78,17 +78,17 @@ export interface BaseUserProfileProps {
   onOpenChange?: (open: boolean) => void;
   onUpdate?: (payload: any) => Promise<void>;
   open?: boolean;
-  profile?: User;
-  schemas?: Schema[];
-  showFields?: string[];
-  title?: string;
-
   /**
    * Component-level preferences to override global i18n and theme settings.
    * Preferences are deep-merged with global ones, with component preferences
    * taking precedence. Affects this component and all its descendants.
    */
   preferences?: Preferences;
+  profile?: User;
+  schemas?: Schema[];
+  showFields?: string[];
+
+  title?: string;
 }
 
 // Fields to skip based on schema.name
diff --git a/packages/react/src/components/presentation/UserProfile/UserProfile.tsx b/packages/react/src/components/presentation/UserProfile/UserProfile.tsx
@@ -16,7 +16,7 @@
  * under the License.
  */
 
-import {AsgardeoError, User, Preferences} from '@asgardeo/browser';
+import {AsgardeoError, User} from '@asgardeo/browser';
 import {FC, ReactElement, useState} from 'react';
 // eslint-disable-next-line import/no-named-as-default
 import BaseUserProfile, {BaseUserProfileProps} from './BaseUserProfile';
diff --git a/packages/react/src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx b/packages/react/src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
@@ -208,6 +208,13 @@ export interface BaseAcceptInviteProps {
    */
   onSubmit: (payload: Record<string, any>) => Promise<AcceptInviteFlowResponse>;
 
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
+
   /**
    * Whether to show the subtitle.
    */
@@ -227,13 +234,6 @@ export interface BaseAcceptInviteProps {
    * Theme variant for the component.
    */
   variant?: CardProps['variant'];
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 }
 
 /**
diff --git a/packages/react/src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx b/packages/react/src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
@@ -196,6 +196,13 @@ export interface BaseInviteUserProps {
    */
   onSubmit: (payload: Record<string, any>) => Promise<InviteUserFlowResponse>;
 
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
+
   /**
    * Whether to show the subtitle.
    */
@@ -215,13 +222,6 @@ export interface BaseInviteUserProps {
    * Theme variant for the component.
    */
   variant?: CardProps['variant'];
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 }
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
@@ -30,7 +30,6 @@ import {
   EmbeddedFlowExecuteRequestConfig,
   handleWebAuthnAuthentication,
   createPackageComponentLogger,
-  Preferences,
 } from '@asgardeo/browser';
 import {cx} from '@emotion/css';
 import {FC, FormEvent, RefObject, useEffect, useState, useCallback, useRef, ReactElement} from 'react';
diff --git a/packages/react/src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
@@ -27,9 +27,9 @@ import {
 import {cx} from '@emotion/css';
 import {FC, useState, useCallback, ReactElement, ReactNode} from 'react';
 import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
-import ComponentPreferencesContext from '../../../../../contexts/I18n/ComponentPreferencesContext';
 import FlowProvider from '../../../../../contexts/Flow/FlowProvider';
 import useFlow from '../../../../../contexts/Flow/useFlow';
+import ComponentPreferencesContext from '../../../../../contexts/I18n/ComponentPreferencesContext';
 import useTheme from '../../../../../contexts/Theme/useTheme';
 import {FormField, useForm} from '../../../../../hooks/useForm';
 import useTranslation from '../../../../../hooks/useTranslation';
@@ -659,11 +659,7 @@ const BaseSignIn: FC<BaseSignInProps> = ({preferences, showLogo = true, ...rest}
 
   if (!preferences) return content;
 
-  return (
-    <ComponentPreferencesContext.Provider value={preferences}>
-      {content}
-    </ComponentPreferencesContext.Provider>
-  );
+  return <ComponentPreferencesContext.Provider value={preferences}>{content}</ComponentPreferencesContext.Provider>;
 };
 
 export default BaseSignIn;
diff --git a/packages/react/src/components/presentation/auth/SignIn/v2/SignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/v2/SignIn.tsx
@@ -104,6 +104,13 @@ export type SignInProps = {
    */
   onSuccess?: (authData: Record<string, any>) => void;
 
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
+
   /**
    * Size variant for the component.
    */
@@ -113,13 +120,6 @@ export type SignInProps = {
    * Theme variant for the component.
    */
   variant?: BaseSignInProps['variant'];
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 };
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
@@ -29,9 +29,9 @@ import {
 import {cx} from '@emotion/css';
 import {FC, ReactElement, ReactNode, useEffect, useState, useCallback, useRef} from 'react';
 import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
-import ComponentPreferencesContext from '../../../../../contexts/I18n/ComponentPreferencesContext';
 import FlowProvider from '../../../../../contexts/Flow/FlowProvider';
 import useFlow from '../../../../../contexts/Flow/useFlow';
+import ComponentPreferencesContext from '../../../../../contexts/I18n/ComponentPreferencesContext';
 import useTheme from '../../../../../contexts/Theme/useTheme';
 import {useForm, FormField} from '../../../../../hooks/useForm';
 import useTranslation from '../../../../../hooks/useTranslation';
@@ -210,6 +210,13 @@ export interface BaseSignUpProps {
    * @returns Promise resolving to the sign-up response.
    */
   onSubmit?: (payload: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
+  /**
+   * Component-level preferences to override global i18n and theme settings.
+   * Preferences are deep-merged with global ones, with component preferences
+   * taking precedence. Affects this component and all its descendants.
+   */
+  preferences?: Preferences;
+
   /**
    *  Whether to redirect after sign-up.
    */
@@ -239,13 +246,6 @@ export interface BaseSignUpProps {
    * Theme variant for the component.
    */
   variant?: CardProps['variant'];
-
-  /**
-   * Component-level preferences to override global i18n and theme settings.
-   * Preferences are deep-merged with global ones, with component preferences
-   * taking precedence. Affects this component and all its descendants.
-   */
-  preferences?: Preferences;
 }
 
 /**
@@ -1044,11 +1044,7 @@ const BaseSignUp: FC<BaseSignUpProps> = ({preferences, showLogo = true, ...rest}
 
   if (!preferences) return content;
 
-  return (
-    <ComponentPreferencesContext.Provider value={preferences}>
-      {content}
-    </ComponentPreferencesContext.Provider>
-  );
+  return <ComponentPreferencesContext.Provider value={preferences}>{content}</ComponentPreferencesContext.Provider>;
 };
 
 export default BaseSignUp;
diff --git a/packages/react/src/contexts/I18n/ComponentPreferencesContext.ts b/packages/react/src/contexts/I18n/ComponentPreferencesContext.ts
diff --git a/packages/react/src/contexts/I18n/I18nProvider.tsx b/packages/react/src/contexts/I18n/I18nProvider.tsx
