Fix all warnings thrown by the security audit scanner

.changeset/red-pigs-flash.md

@@ -0,0 +1,6 @@
+---
+'@asgardeo/nextjs': patch
+'@asgardeo/react': patch
+---
+
+Bump dependency versions

CONTRIBUTING.md

@@ -39,8 +39,8 @@ This guide walks you through setting up the development environment and other im
 To build and write code, make sure you have the following set of tools on your local environment:
 
 - [Git](https://git-scm.com/downloads) - Open source distributed version control system. For install instructions, refer [this](https://www.atlassian.com/git/tutorials/install-git).
-- [Node.js](https://nodejs.org/en/download/) - JavaScript runtime. (`v18 or higher`)
-- [pnpm](https://pnpm.io/) - Alternate npm client for faster package installs. (`v9 or higher`)
+- [Node.js](https://nodejs.org/en/download/) - JavaScript runtime. (`v20.12 or higher` — Node 20 LTS or 22 LTS recommended; see [`.nvmrc`](./.nvmrc))
+- [pnpm](https://pnpm.io/) - Alternate npm client for faster package installs. (`v10 or higher`)
 
 ## Development Tools
 

package.json

@@ -48,7 +48,7 @@
     "prettier": "2.6.2",
     "tsx": "^4.21.0",
     "typescript": "5.7.2",
-    "undici": "^7.21.0"
+    "undici": "^7.24.0"
   },
   "publishConfig": {
     "access": "restricted"

packages/nextjs/package.json

@@ -68,7 +68,7 @@
     "esbuild": "0.25.9",
     "esbuild-plugin-preserve-directives": "0.0.11",
     "eslint": "8.57.0",
-    "next": "15.5.12",
+    "next": "15.5.18",
     "prettier": "2.6.2",
     "react": "catalog:",
     "rimraf": "6.1.0",

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

@@ -162,7 +162,7 @@ export const OrganizationSwitcher: FC<OrganizationSwitcherProps> = ({
         mode="popup"
         open={isCreateOrgOpen}
         onOpenChange={setIsCreateOrgOpen}
-        onSuccess={(org: Organization) => {
+        onSuccess={(org: Organization): void => {
           if (org && onOrganizationSwitch) {
             onOrganizationSwitch(org);
           }
@@ -185,7 +185,7 @@ export const OrganizationSwitcher: FC<OrganizationSwitcherProps> = ({
         open={isOrganizationListOpen}
         onOpenChange={setIsOrganizationListOpen}
         title={t('organization.switcher.manage.organizations')}
-        onOrganizationSelect={(organization: Organization) => {
+        onOrganizationSelect={(organization: Organization): void => {
           if (onOrganizationSwitch) {
             onOrganizationSwitch(organization);
           }

packages/react/src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx

@@ -177,7 +177,7 @@ const BaseLanguageSwitcher: FC<BaseLanguageSwitcherProps> = ({
                   role="option"
                   aria-selected={lang.code === currentLanguage}
                   className={cx(styles['option'], lang.code === currentLanguage && styles['optionActive'])}
-                  onClick={() => {
+                  onClick={(): void => {
                     onLanguageChange(lang.code);
                     setIsOpen(false);
                   }}

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

@@ -482,7 +482,7 @@ const createAuthComponentFromFlow = (
           key={key}
           rootOuId={rootOuId}
           selectedOuId={formValues[identifier] || null}
-          onSelect={(ouId: string) => onInputChange(identifier, ouId)}
+          onSelect={(ouId: string): void => onInputChange(identifier, ouId)}
           fetchChildren={options.fetchOrganizationUnitChildren}
         />
       );

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

@@ -173,8 +173,8 @@ const OrganizationUnitPicker = ({
           role="treeitem"
           aria-selected={isSelected}
           aria-expanded={hasChildren ? isExpanded : undefined}
-          onClick={() => onSelect(ou.id)}
-          onKeyDown={(e: React.KeyboardEvent) => {
+          onClick={(): void => onSelect(ou.id)}
+          onKeyDown={(e: React.KeyboardEvent): void => {
             if (e.key === 'Enter' || e.key === ' ') {
               e.preventDefault();
               onSelect(ou.id);
@@ -185,7 +185,7 @@ const OrganizationUnitPicker = ({
           {hasChildren ? (
             <button
               className={styles['toggleButton']}
-              onClick={(e: React.MouseEvent) => {
+              onClick={(e: React.MouseEvent): void => {
                 e.stopPropagation();
                 handleToggle(ou.id);
               }}
@@ -208,7 +208,7 @@ const OrganizationUnitPicker = ({
           <button
             className={styles['loadMoreButton']}
             style={{paddingLeft: `${(depth + 1) * 20 + 12}px`}}
-            onClick={() => handleLoadMore(ou.id)}
+            onClick={(): void => handleLoadMore(ou.id)}
             disabled={isLoading}
             type="button"
           >
@@ -231,7 +231,7 @@ const OrganizationUnitPicker = ({
       {rootState?.hasMore && (
         <button
           className={styles['loadMoreButton']}
-          onClick={() => handleLoadMore(rootOuId)}
+          onClick={(): void => handleLoadMore(rootOuId)}
           disabled={rootState?.loading}
           type="button"
         >

packages/react/src/components/primitives/CopyableText/CopyableText.tsx

@@ -69,8 +69,8 @@ const CopyableText: FC<CopyableTextProps> = ({label, value}: CopyableTextProps):
           variant="outline"
           size="small"
           className={styles['copyButton']}
-          onClick={() => {
-            handleCopy().catch(() => undefined);
+          onClick={(): void => {
+            handleCopy().catch((): undefined => undefined);
           }}
         >
           {copied ? t('elements.display.copyable_text.copied') : t('elements.display.copyable_text.copy')}