Fix lint issues

Author: brionmario

packages/javascript/src/__legacy__/client.ts

@@ -32,11 +32,11 @@ import {Storage, TemporaryStore} from '../models/store';
 import {TokenResponse, IdToken, TokenExchangeRequestConfig} from '../models/token';
 import {User} from '../models/user';
 import StorageManager from '../StorageManager';
+import deepMerge from '../utils/deepMerge';
 import extractPkceStorageKeyFromState from '../utils/extractPkceStorageKeyFromState';
 import generatePkceStorageKey from '../utils/generatePkceStorageKey';
 import getAuthorizeRequestUrlParams from '../utils/getAuthorizeRequestUrlParams';
 import processOpenIDScopes from '../utils/processOpenIDScopes';
-import deepMerge from '../utils/deepMerge';
 
 /**
  * Default configurations.
@@ -1139,8 +1139,9 @@ export class AsgardeoAuthClient<T> {
    * @preserve
    */
   public async reInitialize(config: Partial<AuthClientConfig<T>>): Promise<void> {
-    const currentConfig = this.storageManager.getConfigData();
-    const newConfig = deepMerge(currentConfig as unknown as AuthClientConfig<T>, config);
+    const currentConfig: AuthClientConfig<T> = this.storageManager.getConfigData() as unknown as AuthClientConfig<T>;
+    const newConfig: AuthClientConfig<T> = deepMerge(currentConfig, config);
+
     await this.storageManager.setConfigData(newConfig);
     await this.loadOpenIDProviderConfiguration(true);
   }

packages/javascript/src/models/v2/embedded-flow-v2.ts

@@ -221,14 +221,14 @@ export interface EmbeddedFlowComponent {
   alt?: string;
 
   /**
-   * Nested child components for container components like Block and Stack.
+   * Icon color, CSS color value (for Icon components).
    */
-  components?: EmbeddedFlowComponent[];
+  color?: string;
 
   /**
-   * Icon color, CSS color value (for Icon components).
+   * Nested child components for container components like Block and Stack.
    */
-  color?: string;
+  components?: EmbeddedFlowComponent[];
 
   /**
    * Layout direction for Stack components ('row' | 'column').
@@ -251,6 +251,12 @@ export interface EmbeddedFlowComponent {
    */
   gap?: number;
 
+  /**
+   * Height of the component (for Image components, can be string with units or number for pixels).
+   * The value depends on the component type (e.g., for Image components).
+   */
+  height?: string | number;
+
   /**
    * Unique identifier for the component
    */
@@ -331,12 +337,6 @@ export interface EmbeddedFlowComponent {
    * The value depends on the component type (e.g., for Image components).
    */
   width?: string | number;
-
-  /**
-   * Height of the component (for Image components, can be string with units or number for pixels).
-   * The value depends on the component type (e.g., for Image components).
-   */
-  height?: string | number;
 }
 
 /**

packages/javascript/src/models/v2/vars.ts

@@ -16,8 +16,8 @@
  * under the License.
  */
 
-import {TranslationFn} from './translation';
 import {FlowMetadataResponse} from './flow-meta-v2';
+import {TranslationFn} from './translation';
 
 /**
  * Options for the resolveVars function.

packages/javascript/src/utils/v2/resolveMeta.ts

@@ -34,18 +34,16 @@ import {FlowMetadataResponse} from '../../models/v2/flow-meta-v2';
  * @returns The resolved string value, or empty string if not found
  */
 export default function resolveMeta(path: string, meta: FlowMetadataResponse): string {
-  const parts: string[] = path.split('.');
-  let value: any = meta;
-
-  for (const part of parts) {
-    if (value == null || typeof value !== 'object') {
-      return '';
+  const value: unknown = path.split('.').reduce<unknown>((current: unknown, part: string) => {
+    if (current == null || typeof current !== 'object') {
+      return undefined;
     }
 
+    const obj: Record<string, unknown> = current as Record<string, unknown>;
     const snakePart: string = part.replace(/[A-Z]/g, (c: string) => `_${c.toLowerCase()}`);
 
-    value = part in value ? value[part] : value[snakePart];
-  }
+    return part in obj ? obj[part] : obj[snakePart];
+  }, meta);
 
   return value != null ? String(value) : '';
 }

packages/javascript/src/utils/v2/resolveVars.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 
+import resolveMeta from './resolveMeta';
 import {TranslationFn} from '../../models/v2/translation';
 import {ResolveVarsOptions} from '../../models/v2/vars';
-import resolveMeta from './resolveMeta';
 
 /**
  * Resolves all template expressions in a string.

packages/react/src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx

@@ -22,8 +22,8 @@ import {FC, ReactElement, ReactNode, useCallback, useEffect, useRef, useState} f
 import useStyles from './BaseAcceptInvite.styles';
 import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
 import useTheme from '../../../../../contexts/Theme/useTheme';
-import {useOAuthCallback} from '../../../../../hooks/v2/useOAuthCallback';
 import useTranslation from '../../../../../hooks/useTranslation';
+import {useOAuthCallback} from '../../../../../hooks/v2/useOAuthCallback';
 import {initiateOAuthRedirect} from '../../../../../utils/oauth';
 import {normalizeFlowResponse, extractErrorMessage} from '../../../../../utils/v2/flowTransformer';
 import AlertPrimitive from '../../../../primitives/Alert/Alert';
@@ -307,10 +307,15 @@ const BaseAcceptInvite: FC<BaseAcceptInviteProps> = ({
       }
 
       try {
-        const {components} = normalizeFlowResponse(response, t, {
-          defaultErrorKey: 'components.acceptInvite.errors.generic',
-          resolveTranslations: false,
-        }, meta);
+        const {components} = normalizeFlowResponse(
+          response,
+          t,
+          {
+            defaultErrorKey: 'components.acceptInvite.errors.generic',
+            resolveTranslations: false,
+          },
+          meta,
+        );
 
         return {
           ...response,

packages/react/src/components/presentation/auth/AuthOptionFactory.tsx

@@ -30,22 +30,22 @@ import {
 import {css} from '@emotion/css';
 import DOMPurify from 'dompurify';
 import {cloneElement, CSSProperties, ReactElement} from 'react';
-import flowIconRegistry from '../../primitives/Icons/flowIconRegistry';
 import {UseTranslation} from '../../../hooks/useTranslation';
 import FacebookButton from '../../adapters/FacebookButton';
 import GitHubButton from '../../adapters/GitHubButton';
 import GoogleButton from '../../adapters/GoogleButton';
+import ImageComponent from '../../adapters/ImageComponent';
 import LinkedInButton from '../../adapters/LinkedInButton';
 import MicrosoftButton from '../../adapters/MicrosoftButton';
 import SignInWithEthereumButton from '../../adapters/SignInWithEthereumButton';
 import SmsOtpButton from '../../adapters/SmsOtpButton';
 import {createField} from '../../factories/FieldFactory';
 import Button from '../../primitives/Button/Button';
 import Divider from '../../primitives/Divider/Divider';
+import flowIconRegistry from '../../primitives/Icons/flowIconRegistry';
 import Select from '../../primitives/Select/Select';
 import Typography from '../../primitives/Typography/Typography';
 import {TypographyVariant} from '../../primitives/Typography/Typography.styles';
-import ImageComponent from '../../adapters/ImageComponent';
 
 const logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(
   '@asgardeo/react',
@@ -161,7 +161,7 @@ const createAuthComponentFromFlow = (
     if (!text || (!options.t && !options.meta)) {
       return text || '';
     }
-    return resolveVars(text, {meta: options.meta, t: options.t || ((k: string) => k)});
+    return resolveVars(text, {meta: options.meta, t: options.t || ((k: string): string => k)});
   };
 
   switch (component.type) {
@@ -348,7 +348,7 @@ const createAuthComponentFromFlow = (
           key={key}
           className={richTextClass}
           // Manually sanitizes with `DOMPurify`.
-          // eslint-disable-next-line react/no-danger
+          // IMPORTANT: DO NOT REMOVE OR MODIFY THIS SANITIZATION STEP.
           dangerouslySetInnerHTML={{__html: DOMPurify.sanitize(resolve(component.label))}}
         />
       );
@@ -361,18 +361,18 @@ const createAuthComponentFromFlow = (
           component={
             {
               config: {
-                src: resolve(component.src),
                 alt: resolve(component.alt) || resolve(component.label) || 'Image',
-                width: resolve(component.width.toString()) || '100%',
                 height: resolve(component.height.toString()) || 'auto',
+                src: resolve(component.src),
+                width: resolve(component.width.toString()) || '100%',
               },
             } as any
           }
           formErrors={undefined}
           formValues={undefined}
           isFormValid={false}
           isLoading={false}
-          onInputChange={function (name: string, value: string): void {
+          onInputChange={(): void => {
             throw new Error('Function not implemented.');
           }}
           touchedFields={undefined}

packages/react/src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx

@@ -293,10 +293,15 @@ const BaseInviteUser: FC<BaseInviteUserProps> = ({
       }
 
       try {
-        const {components} = normalizeFlowResponse(response, t, {
-          defaultErrorKey: 'components.inviteUser.errors.generic',
-          resolveTranslations: false,
-        }, meta);
+        const {components} = normalizeFlowResponse(
+          response,
+          t,
+          {
+            defaultErrorKey: 'components.inviteUser.errors.generic',
+            resolveTranslations: false,
+          },
+          meta,
+        );
 
         return {
           ...response,

packages/react/src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx

@@ -21,7 +21,7 @@ import {
   EmbeddedSignInFlowRequestV2 as EmbeddedSignInFlowRequest,
   EmbeddedFlowComponentV2 as EmbeddedFlowComponent,
   FlowMetadataResponse,
-  resolveVars
+  resolveVars,
 } from '@asgardeo/browser';
 import {cx} from '@emotion/css';
 import {FC, useState, useCallback, ReactElement, ReactNode} from 'react';
@@ -528,13 +528,11 @@ const BaseSignInContent: FC<BaseSignInProps> = ({
   }
 
   // Extract heading and subheading components and filter them from the main components
-  const {title: rawTitle, subtitle: rawSubtitle, componentsWithoutHeadings} = getAuthComponentHeadings(
-    components as any,
-    flowTitle,
-    flowSubtitle,
-    undefined,
-    undefined,
-  );
+  const {
+    title: rawTitle,
+    subtitle: rawSubtitle,
+    componentsWithoutHeadings,
+  } = getAuthComponentHeadings(components as any, flowTitle, flowSubtitle, undefined, undefined);
   // Resolve any remaining {{meta()}} or {{t()}} expressions in the title/subtitle at render time
   const title: string = resolveVars(rawTitle, {meta, t});
   const subtitle: string = resolveVars(rawSubtitle, {meta, t});

packages/react/src/components/presentation/auth/SignIn/v2/SignIn.tsx

@@ -30,8 +30,8 @@ import {FC, ReactElement, useState, useEffect, useRef, ReactNode} from 'react';
 // eslint-disable-next-line import/no-named-as-default
 import BaseSignIn, {BaseSignInProps} from './BaseSignIn';
 import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
-import {useOAuthCallback} from '../../../../../hooks/v2/useOAuthCallback';
 import useTranslation from '../../../../../hooks/useTranslation';
+import {useOAuthCallback} from '../../../../../hooks/v2/useOAuthCallback';
 import {initiateOAuthRedirect} from '../../../../../utils/oauth';
 import {normalizeFlowResponse} from '../../../../../utils/v2/flowTransformer';
 import {handlePasskeyAuthentication, handlePasskeyRegistration} from '../../../../../utils/v2/passkey';