Fix lint issues in react package

Author: DonOmalVindula

.changeset/dirty-pugs-mate.md

@@ -0,0 +1,7 @@
+---
+'@asgardeo/browser': patch
+'@asgardeo/nextjs': patch
+'@asgardeo/react': patch
+---
+
+Fix lint errors in the packages

e2e/playwright-report-embedded/index.html

@@ -82,4 +82,4 @@
     <div id='root'></div>
   </body>
 </html>
-<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
+<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>

package.json

@@ -70,8 +70,10 @@
       "qs": "6.14.1",
       "@vitejs/plugin-vue>vite": "7.1.12",
       "prettier": "2.6.2",
-      "@typescript-eslint/eslint-plugin": "5.62.0",
-      "@typescript-eslint/parser": "5.62.0"
+      "@wso2/eslint-plugin>@typescript-eslint/eslint-plugin": "6.21.0",
+      "@wso2/eslint-plugin>@typescript-eslint/parser": "6.21.0",
+      "@wso2/eslint-plugin>@typescript-eslint/type-utils": "6.21.0",
+      "@wso2/eslint-plugin>@typescript-eslint/utils": "6.21.0"
     }
   },
   "publishConfig": {

packages/browser/.eslintignore

@@ -2,4 +2,4 @@
 /build
 /node_modules
 /coverage
-/src/__legacy__
+/src/__legacy__

packages/browser/src/__legacy__/client.ts

@@ -26,6 +26,7 @@ import {
   IdToken,
   OIDCEndpoints,
   User,
+  createPackageComponentLogger,
 } from '@asgardeo/javascript';
 import WorkerFile from '../web.worker';
 import {MainThreadClient, WebWorkerClient} from './clients';
@@ -47,6 +48,11 @@ import {
 import {BrowserStorage} from './models/storage';
 import {SPAUtils} from './utils';
 
+const logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(
+  '@asgardeo/browser',
+  'AsgardeoSPAClient',
+);
+
 /**
  * Default configurations.
  */
@@ -123,8 +129,7 @@ export class AsgardeoSPAClient {
 
     while (!this._initialized) {
       if (iterationToWait === 1e4) {
-        // eslint-disable-next-line no-console
-        console.warn('It is taking longer than usual for the object to be initialized');
+        logger.warn('It is taking longer than usual for the object to be initialized');
       }
       await sleep();
       iterationToWait++;

packages/browser/src/__legacy__/http-client/helpers/decorators.ts

@@ -17,14 +17,11 @@
  *
  */
 
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 /**
  * A decorator to supplement static interface support.
  *
  * @return {<U extends T>(constructor: U) => void}
  */
 export function staticDecorator<T>() {
-    return <U extends T>(_constructor: U): any => {};
+    return <U extends T>(constructor: U): U => constructor;
 }

packages/browser/src/theme/themeDetection.ts

@@ -16,7 +16,12 @@
  * under the License.
  */
 
-import {ThemeDetection, ThemeMode} from '@asgardeo/javascript';
+import {ThemeDetection, ThemeMode, createPackageComponentLogger} from '@asgardeo/javascript';
+
+const logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(
+  '@asgardeo/browser',
+  'ThemeDetection',
+);
 
 /**
  * Extended theme detection config that includes DOM-specific options
@@ -51,8 +56,7 @@ export const detectThemeMode = (mode: ThemeMode, config: BrowserThemeDetection =
 
   if (mode === 'class') {
     if (!targetElement) {
-      // eslint-disable-next-line no-console
-      console.warn('ThemeDetection: targetElement is required for class-based detection, falling back to light mode');
+      logger.warn('ThemeDetection: targetElement is required for class-based detection, falling back to light mode');
       return 'light';
     }
 

packages/browser/src/utils/handleWebAuthnAuthentication.ts

@@ -16,7 +16,17 @@
  * under the License.
  */
 
-import {arrayBufferToBase64url, base64urlToArrayBuffer, AsgardeoRuntimeError} from '@asgardeo/javascript';
+import {
+  arrayBufferToBase64url,
+  base64urlToArrayBuffer,
+  AsgardeoRuntimeError,
+  createPackageComponentLogger,
+} from '@asgardeo/javascript';
+
+const logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(
+  '@asgardeo/browser',
+  'WebAuthn',
+);
 
 /**
  * Handles WebAuthn/Passkey authentication flow for browser environments.
@@ -125,8 +135,7 @@ const handleWebAuthnAuthentication = async (challengeData: string): Promise<stri
     let rpIdToUse: string = challengeRpId;
 
     if (challengeRpId && !currentDomain.endsWith(challengeRpId) && challengeRpId !== currentDomain) {
-      // eslint-disable-next-line no-console
-      console.warn(`RP ID mismatch detected. Challenge RP ID: ${challengeRpId}, Current domain: ${currentDomain}`);
+      logger.warn(`RP ID mismatch detected. Challenge RP ID: ${challengeRpId}, Current domain: ${currentDomain}`);
       rpIdToUse = currentDomain;
     }
 
@@ -179,8 +188,7 @@ const handleWebAuthnAuthentication = async (challengeData: string): Promise<stri
 
     return JSON.stringify(tokenResponse);
   } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('WebAuthn authentication failed:', error);
+    logger.error('WebAuthn authentication failed:');
 
     if (error instanceof AsgardeoRuntimeError) {
       throw error;

packages/browser/src/utils/http.ts

@@ -25,8 +25,10 @@ import {AsgardeoSPAClient} from '../__legacy__/client';
  * @remarks
  * This utility provides methods to make single or multiple HTTP requests.
  */
-// eslint-disable-next-line @typescript-eslint/typedef
-const http = {
+const http: {
+  request: typeof AsgardeoSPAClient.prototype.httpRequest;
+  requestAll: typeof AsgardeoSPAClient.prototype.httpRequestAll;
+} = {
   /**
    * Makes a single HTTP request using the AsgardeoSPAClient instance.
    *

packages/nextjs/src/client/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx

@@ -143,7 +143,7 @@ export const OrganizationSwitcher: FC<OrganizationSwitcherProps> = ({
     onClick: (): void => setIsCreateOrgOpen(true),
   });
 
-  const menuItems = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;
+  const menuItems = props['menuItems'] ? [...defaultMenuItems, ...props['menuItems']] : defaultMenuItems;
 
   return (
     <>