@canva/cli 1.0.0 → 1.1.0

package/templates/dam/package.json

@@ -33,23 +33,23 @@
     "react-intl": "6.8.7"
   },
   "devDependencies": {
-    "@canva/app-eslint-plugin": "^1.0.0-beta.3",
+    "@canva/app-eslint-plugin": "^1.0.0-beta.5",
     "@canva/cli": ">= 0.0.1-beta.13",
     "@formatjs/cli": "6.7.2",
     "@formatjs/ts-transformer": "3.14.0",
-    "@ngrok/ngrok": "1.5.1",
+    "@ngrok/ngrok": "1.5.2",
     "@pmmmwh/react-refresh-webpack-plugin": "0.6.1",
     "@svgr/webpack": "8.1.0",
     "@testing-library/react": "16.3.0",
     "@types/cors": "2.8.19",
     "@types/debug": "4.1.12",
     "@types/express": "4.17.21",
-    "@types/express-serve-static-core": "5.0.6",
+    "@types/express-serve-static-core": "5.0.7",
     "@types/jest": "29.5.14",
     "@types/jsonwebtoken": "9.0.10",
     "@types/node": "20.19.2",
-    "@types/node-fetch": "2.6.12",
-    "@types/node-forge": "1.3.11",
+    "@types/node-fetch": "2.6.13",
+    "@types/node-forge": "1.3.14",
     "@types/nodemon": "1.19.6",
     "@types/prompts": "2.4.9",
     "@types/react": "18.3.12",
@@ -59,7 +59,7 @@
     "cli-table3": "0.6.5",
     "css-loader": "7.1.2",
     "css-modules-typescript-loader": "4.0.1",
-    "cssnano": "7.0.7",
+    "cssnano": "7.1.1",
     "debug": "4.4.1",
     "dotenv": "16.6.0",
     "exponential-backoff": "3.1.2",
@@ -70,7 +70,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jsonwebtoken": "9.0.2",
     "jwks-rsa": "3.2.0",
-    "mini-css-extract-plugin": "2.9.2",
+    "mini-css-extract-plugin": "2.9.4",
     "node-fetch": "3.3.2",
     "node-forge": "1.3.1",
     "nodemon": "3.0.1",
@@ -82,10 +82,10 @@
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.14",
     "tree-kill": "1.2.2",
-    "ts-jest": "29.4.0",
-    "ts-loader": "9.5.2",
+    "ts-jest": "29.4.1",
+    "ts-loader": "9.5.4",
     "ts-node": "10.9.2",
-    "typescript": "5.8.2",
+    "typescript": "5.9.2",
     "url-loader": "4.1.1",
     "webpack": "5.99.9",
     "webpack-cli": "6.0.1",

package/templates/dam/scripts/start/app_runner.ts

@@ -4,7 +4,7 @@ import * as ngrok from "@ngrok/ngrok";
 import * as chalk from "chalk";
 import * as Table from "cli-table3";
 import * as nodemon from "nodemon";
-import * as open from "open";
+import open from "open";
 import * as webpack from "webpack";
 import * as WebpackDevServer from "webpack-dev-server";
 import { buildConfig } from "../../webpack.config";

package/templates/data_connector/README.md

@@ -45,7 +45,7 @@ To run it and authenticate with the Canva Connect API via OAuth you must first c
 
 - If not already handled by the Canva CLI, you need to create an app.
   Go to [Your Apps](https://www.canva.com/developers/apps) and create an app.
-- On the **Configuration** page, enable the `Data Connector` intent.
+- On the **Compatibility** page, enable the `Data Connector` intent.
 
 ### 1. Set up a Connect API Integration
 

package/templates/data_connector/package.json

@@ -31,24 +31,24 @@
     "react-dom": "18.3.1",
     "react-error-boundary": "6.0.0",
     "react-intl": "6.8.7",
-    "react-router-dom": "7.6.3"
+    "react-router-dom": "7.8.2"
   },
   "devDependencies": {
-    "@canva/app-eslint-plugin": "^1.0.0-beta.3",
+    "@canva/app-eslint-plugin": "^1.0.0-beta.5",
     "@canva/cli": ">= 0.0.1-beta.13",
     "@formatjs/cli": "6.7.2",
     "@formatjs/ts-transformer": "3.14.0",
-    "@ngrok/ngrok": "1.5.1",
+    "@ngrok/ngrok": "1.5.2",
     "@pmmmwh/react-refresh-webpack-plugin": "0.6.1",
     "@svgr/webpack": "8.1.0",
     "@testing-library/react": "16.3.0",
     "@types/express": "4.17.21",
-    "@types/express-serve-static-core": "5.0.6",
+    "@types/express-serve-static-core": "5.0.7",
     "@types/jest": "29.5.14",
     "@types/jsonwebtoken": "9.0.10",
     "@types/node": "20.19.2",
-    "@types/node-fetch": "2.6.12",
-    "@types/node-forge": "1.3.11",
+    "@types/node-fetch": "2.6.13",
+    "@types/node-forge": "1.3.14",
     "@types/nodemon": "1.19.6",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -57,7 +57,7 @@
     "cli-table3": "0.6.5",
     "css-loader": "7.1.2",
     "css-modules-typescript-loader": "4.0.1",
-    "cssnano": "7.0.7",
+    "cssnano": "7.1.1",
     "debug": "4.4.1",
     "dotenv": "16.6.0",
     "express": "4.21.2",
@@ -67,7 +67,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jsonwebtoken": "9.0.2",
     "jwks-rsa": "3.2.0",
-    "mini-css-extract-plugin": "2.9.2",
+    "mini-css-extract-plugin": "2.9.4",
     "node-fetch": "3.3.2",
     "node-forge": "1.3.1",
     "nodemon": "3.0.1",
@@ -78,10 +78,10 @@
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.14",
     "tree-kill": "1.2.2",
-    "ts-jest": "29.4.0",
-    "ts-loader": "9.5.2",
+    "ts-jest": "29.4.1",
+    "ts-loader": "9.5.4",
     "ts-node": "10.9.2",
-    "typescript": "5.8.2",
+    "typescript": "5.9.2",
     "url-loader": "4.1.1",
     "webpack": "5.99.9",
     "webpack-cli": "6.0.1",

package/templates/data_connector/scripts/start/app_runner.ts

@@ -4,7 +4,7 @@ import * as ngrok from "@ngrok/ngrok";
 import * as chalk from "chalk";
 import * as Table from "cli-table3";
 import * as nodemon from "nodemon";
-import * as open from "open";
+import open from "open";
 import * as webpack from "webpack";
 import * as WebpackDevServer from "webpack-dev-server";
 import { buildConfig } from "../../webpack.config";

package/templates/data_connector/src/api/data_sources/designs.tsx

@@ -13,7 +13,7 @@ import {
 import { SearchFilter } from "src/components/inputs/search_filter";
 import { SelectField } from "src/components/inputs/select_field";
 import { useAppContext } from "src/context";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 import { dateCell, numberCell, stringCell } from "src/utils";
 import type { CanvaItemResponse } from "../connect_client";
 import { DataAPIError, DataSourceHandler } from "../data_source";

package/templates/data_connector/src/api/data_sources/templates.tsx

@@ -18,7 +18,7 @@ import {
 import { SearchFilter } from "src/components/inputs/search_filter";
 import { SelectField } from "src/components/inputs/select_field";
 import { useAppContext } from "src/context";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 import { dateCell, stringCell } from "src/utils";
 import type { CanvaItemResponse } from "../connect_client";
 import { DataAPIError, DataSourceHandler } from "../data_source";

package/templates/data_connector/src/components/header.tsx

@@ -7,7 +7,7 @@ import {
   Title,
 } from "@canva/app-ui-kit";
 import { useNavigate } from "react-router-dom";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 
 export const Header = ({
   title,

package/templates/data_connector/src/context/use_app_context.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import type { AppContextType } from ".";
-import { AppContext } from ".";
+import type { AppContextType } from "./app_context";
+import { AppContext } from "./app_context";
 
 /**
  * A custom React hook to access the application-wide state and methods provided by the ContextProvider using React Context.

package/templates/data_connector/src/entrypoint.tsx

@@ -8,7 +8,7 @@ import type {
 } from "./api";
 import { DATA_SOURCES } from "./api/data_sources";
 import { useAppContext } from "./context";
-import { Paths } from "./routes";
+import { Paths } from "./paths";
 import {
   isDataRefEmpty,
   isLaunchedWithError,

package/templates/data_connector/src/pages/error.tsx

@@ -1,7 +1,7 @@
 import { Button, Rows, Text } from "@canva/app-ui-kit";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router-dom";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 import * as styles from "styles/components.css";
 
 /**

package/templates/data_connector/src/pages/login.tsx

@@ -11,9 +11,9 @@ import { defineMessages, FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router-dom";
 import { scope } from "src/api";
 import { Header } from "src/components";
+import { Paths } from "src/paths";
 import * as styles from "styles/components.css";
 import { useAppContext } from "../context";
-import { Paths } from "../routes";
 
 export const Login = () => {
   const intl = useIntl();

package/templates/data_connector/src/paths.ts

@@ -0,0 +1,7 @@
+export enum Paths {
+  ENTRYPOINT = "/",
+  LOGIN = "/login",
+  DATA_SOURCE_SELECTION = "/data-source-selection",
+  DATA_SOURCE_CONFIG = "/data-source-config",
+  ERRORS = "/errors/:retry",
+}

package/templates/data_connector/src/routes/protected_route.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
+import { Paths } from "src/paths";
 import { useAppContext } from "../context";
-import { Paths } from "../routes";
 
 interface ProtectedRouteProps {
   children: React.ReactNode;

package/templates/data_connector/src/routes/routes.tsx

@@ -1,16 +1,12 @@
 import { Entrypoint } from "src/entrypoint";
 import { Home } from "src/home";
-import { DataSourceConfig, ErrorPage, Login, SelectSource } from "src/pages";
+import { DataSourceConfig } from "src/pages/data_source_config";
+import { ErrorPage } from "src/pages/error";
+import { Login } from "src/pages/login";
+import { SelectSource } from "src/pages/select_source";
+import { Paths } from "src/paths";
 import { ProtectedRoute } from "./protected_route";
 
-export enum Paths {
-  ENTRYPOINT = "/",
-  LOGIN = "/login",
-  DATA_SOURCE_SELECTION = "/data-source-selection",
-  DATA_SOURCE_CONFIG = "/data-source-config",
-  ERRORS = "/errors/:retry",
-}
-
 export const routes = [
   {
     path: Paths.ENTRYPOINT,

package/templates/gen_ai/package.json

@@ -27,31 +27,31 @@
     "@canva/user": "^2.1.1",
     "cookie-parser": "1.4.7",
     "cors": "2.8.5",
-    "html-react-parser": "5.2.5",
+    "html-react-parser": "5.2.6",
     "obscenity": "0.4.4",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-error-boundary": "6.0.0",
     "react-intl": "6.8.7",
-    "react-router-dom": "7.6.3"
+    "react-router-dom": "7.8.2"
   },
   "devDependencies": {
-    "@canva/app-eslint-plugin": "^1.0.0-beta.3",
+    "@canva/app-eslint-plugin": "^1.0.0-beta.5",
     "@canva/cli": ">= 0.0.1-beta.13",
     "@formatjs/cli": "6.7.2",
     "@formatjs/ts-transformer": "3.14.0",
-    "@ngrok/ngrok": "1.5.1",
+    "@ngrok/ngrok": "1.5.2",
     "@pmmmwh/react-refresh-webpack-plugin": "0.6.1",
     "@svgr/webpack": "8.1.0",
     "@testing-library/react": "16.3.0",
     "@types/debug": "4.1.12",
     "@types/express": "4.17.21",
-    "@types/express-serve-static-core": "5.0.6",
+    "@types/express-serve-static-core": "5.0.7",
     "@types/jest": "29.5.14",
     "@types/jsonwebtoken": "9.0.10",
     "@types/node": "20.19.2",
-    "@types/node-fetch": "2.6.12",
-    "@types/node-forge": "1.3.11",
+    "@types/node-fetch": "2.6.13",
+    "@types/node-forge": "1.3.14",
     "@types/nodemon": "1.19.6",
     "@types/prompts": "2.4.9",
     "@types/react": "18.3.12",
@@ -63,7 +63,7 @@
     "cli-table3": "0.6.5",
     "css-loader": "7.1.2",
     "css-modules-typescript-loader": "4.0.1",
-    "cssnano": "7.0.7",
+    "cssnano": "7.1.1",
     "debug": "4.4.1",
     "dotenv": "16.6.0",
     "exponential-backoff": "3.1.2",
@@ -74,7 +74,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jsonwebtoken": "9.0.2",
     "jwks-rsa": "3.2.0",
-    "mini-css-extract-plugin": "2.9.2",
+    "mini-css-extract-plugin": "2.9.4",
     "node-fetch": "3.3.2",
     "node-forge": "1.3.1",
     "nodemon": "3.0.1",
@@ -86,10 +86,10 @@
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.14",
     "tree-kill": "1.2.2",
-    "ts-jest": "29.4.0",
-    "ts-loader": "9.5.2",
+    "ts-jest": "29.4.1",
+    "ts-loader": "9.5.4",
     "ts-node": "10.9.2",
-    "typescript": "5.8.2",
+    "typescript": "5.9.2",
     "url-loader": "4.1.1",
     "webpack": "5.99.9",
     "webpack-cli": "6.0.1",

package/templates/gen_ai/scripts/start/app_runner.ts

@@ -4,7 +4,7 @@ import * as ngrok from "@ngrok/ngrok";
 import * as chalk from "chalk";
 import * as Table from "cli-table3";
 import * as nodemon from "nodemon";
-import * as open from "open";
+import open from "open";
 import * as webpack from "webpack";
 import * as WebpackDevServer from "webpack-dev-server";
 import { buildConfig } from "../../webpack.config";

package/templates/gen_ai/src/components/footer.tsx

@@ -1,11 +1,12 @@
 import { Button, Rows } from "@canva/app-ui-kit";
+import { getPlatformInfo } from "@canva/platform";
 import { useIntl } from "react-intl";
 import { useLocation, useNavigate } from "react-router-dom";
 import { purchaseCredits, queueImageGeneration } from "src/api";
 import { RemainingCredits } from "src/components";
 import { NUMBER_OF_IMAGES_TO_GENERATE } from "src/config";
 import { useAppContext } from "src/context";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 import { getObsceneWords } from "src/utils";
 import { FooterMessages as Messages } from "./footer.messages";
 
@@ -13,6 +14,7 @@ export const Footer = () => {
   const navigate = useNavigate();
   const { pathname } = useLocation();
   const isRootRoute = pathname === Paths.HOME;
+  const platformInfo = getPlatformInfo();
   const {
     setAppError,
     promptInput,
@@ -84,8 +86,11 @@ export const Footer = () => {
   };
 
   const onPurchaseMoreCredits = async () => {
-    const { credits } = await purchaseCredits();
+    if (!platformInfo.canAcceptPayments) {
+      return;
+    }
 
+    const { credits } = await purchaseCredits();
     setRemainingCredits(credits);
   };
 
@@ -108,6 +113,12 @@ export const Footer = () => {
       onClick: onPurchaseMoreCredits,
       value: intl.formatMessage(Messages.purchaseMoreCredits),
       visible: !hasRemainingCredits,
+      disabled: !platformInfo.canAcceptPayments,
+      tooltip: intl.formatMessage({
+        defaultMessage: "Payment not available on this platform.",
+        description:
+          "Tooltip text when payment functionality is not available on the current platform. ",
+      }),
     },
     {
       variant: "secondary" as const,
@@ -124,7 +135,7 @@ export const Footer = () => {
   return (
     <Rows spacing="1u">
       {footerButtons.map(
-        ({ visible, variant, onClick, value }) =>
+        ({ visible, variant, onClick, value, disabled, tooltip }) =>
           visible && (
             <Button
               key={value}
@@ -132,6 +143,8 @@ export const Footer = () => {
               onClick={onClick}
               loading={loadingApp}
               stretch={true}
+              disabled={disabled}
+              tooltipLabel={tooltip}
             >
               {value}
             </Button>

package/templates/gen_ai/src/components/loading_results.tsx

@@ -12,7 +12,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router-dom";
 import { cancelImageGenerationJob, getImageGenerationJobStatus } from "src/api";
 import { useAppContext } from "src/context";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 
 const INTERVAL_DURATION_IN_MS = 100;
 const TOTAL_PROGRESS_PERCENTAGE = 100;

package/templates/gen_ai/src/components/prompt_input.tsx

@@ -9,7 +9,7 @@ import { useState } from "react";
 import { useIntl } from "react-intl";
 import { useLocation } from "react-router-dom";
 import { useAppContext } from "src/context";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 import { PromptInputMessages as Messages } from "./prompt_input.messages";
 
 // @TODO: Adjust according to your specific requirements.

package/templates/gen_ai/src/components/remaining_credits.tsx

@@ -1,5 +1,5 @@
 import { Link, Rows, Text, TextPlaceholder } from "@canva/app-ui-kit";
-import { requestOpenExternalUrl } from "@canva/platform";
+import { getPlatformInfo, requestOpenExternalUrl } from "@canva/platform";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useAppContext } from "src/context";
 
@@ -8,6 +8,7 @@ const PURCHASE_URL = "https://example.com";
 
 export const RemainingCredits = (): JSX.Element | undefined => {
   const { remainingCredits, loadingApp } = useAppContext();
+  const platformInfo = getPlatformInfo();
 
   const RemainingCreditsText = () => {
     if (loadingApp) {
@@ -50,25 +51,32 @@ export const RemainingCredits = (): JSX.Element | undefined => {
     <Rows spacing="0">
       <RemainingCreditsText />
       <Text alignment="center" size="small">
-        <FormattedMessage
-          defaultMessage="Purchase more credits at <link>example.com</link>."
-          description="A message to prompt the user to purchase more credits. Do not translate <link>example.com</link>."
-          values={{
-            link: (chunks) => (
-              <Link
-                href={PURCHASE_URL}
-                requestOpenExternalUrl={() => openExternalUrl(PURCHASE_URL)}
-                title={intl.formatMessage({
-                  defaultMessage: "Example Co. website",
-                  description:
-                    "A title for a link to the website of Example Co.",
-                })}
-              >
-                {chunks}
-              </Link>
-            ),
-          }}
-        />
+        {platformInfo.canAcceptPayments ? (
+          <FormattedMessage
+            defaultMessage="Purchase more credits at <link>example.com</link>."
+            description="A message to prompt the user to purchase more credits. Do not translate <link>example.com</link>."
+            values={{
+              link: (chunks) => (
+                <Link
+                  href={PURCHASE_URL}
+                  requestOpenExternalUrl={() => openExternalUrl(PURCHASE_URL)}
+                  tooltipLabel={intl.formatMessage({
+                    defaultMessage: "Example Co. website",
+                    description:
+                      "A title for a link to the website of Example Co.",
+                  })}
+                >
+                  {chunks}
+                </Link>
+              ),
+            }}
+          />
+        ) : (
+          <FormattedMessage
+            defaultMessage="Open this app in a web browser to learn how to purchase more credits."
+            description="A message shown when platform doesn't allow external payment links"
+          />
+        )}
       </Text>
     </Rows>
   );

package/templates/gen_ai/src/components/report_box.tsx

@@ -34,7 +34,7 @@ export const ReportBox = (): JSX.Element => {
                   <Link
                     href={REPORT_URL}
                     requestOpenExternalUrl={() => openExternalUrl(REPORT_URL)}
-                    title={intl.formatMessage({
+                    tooltipLabel={intl.formatMessage({
                       defaultMessage: "Report content",
                       description:
                         "A title for a link to report AI generated content that is problematic",

package/templates/gen_ai/src/components/tests/remaining_credit.tests.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable formatjs/no-literal-string-in-jsx */
 import { TestAppI18nProvider } from "@canva/app-i18n-kit";
 import { TestAppUiProvider } from "@canva/app-ui-kit";
-import { requestOpenExternalUrl } from "@canva/platform";
+import { getPlatformInfo, requestOpenExternalUrl } from "@canva/platform";
 import type { RenderResult } from "@testing-library/react";
 import { fireEvent, render } from "@testing-library/react";
 import React from "react";
@@ -20,9 +20,13 @@ function renderInTestProvider(node: React.ReactNode): RenderResult {
 // For more information on testing with the Canva Apps SDK, see https://www.canva.dev/docs/apps/testing/
 describe("Remaining Credit Tests", () => {
   const mockRequestOpenExternalUrl = jest.mocked(requestOpenExternalUrl);
+  const mockGetPlatformInfo = jest.mocked(getPlatformInfo);
 
   beforeEach(() => {
     jest.resetAllMocks();
+    mockGetPlatformInfo.mockReturnValue({
+      canAcceptPayments: true,
+    });
   });
 
   it("should call requestOpenExternalUrl when the link is clicked", () => {

package/templates/gen_ai/src/context/use_app_context.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import type { AppContextType } from ".";
-import { AppContext } from ".";
+import type { AppContextType } from "./app_context";
+import { AppContext } from "./app_context";
 
 /**
  * A custom React hook to access the application-wide state and methods provided by the ContextProvider using React Context.

package/templates/gen_ai/src/pages/error.tsx

@@ -2,7 +2,7 @@ import { Button, Rows, Text } from "@canva/app-ui-kit";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router-dom";
 import { useAppContext } from "src/context";
-import { Paths } from "src/routes";
+import { Paths } from "src/paths";
 import * as styles from "styles/components.css";
 
 /**

package/templates/gen_ai/src/paths.ts

@@ -0,0 +1,4 @@
+export enum Paths {
+  HOME = "/",
+  RESULTS = "/results",
+}

package/templates/gen_ai/src/routes/routes.tsx

@@ -1,10 +1,8 @@
 import { Home } from "src/home";
-import { ErrorPage, GeneratePage, ResultsPage } from "src/pages";
-
-export enum Paths {
-  HOME = "/",
-  RESULTS = "/results",
-}
+import { ErrorPage } from "src/pages/error";
+import { GeneratePage } from "src/pages/generate";
+import { ResultsPage } from "src/pages/results";
+import { Paths } from "src/paths";
 
 export const routes = [
   {

package/templates/hello_world/package.json

@@ -31,21 +31,21 @@
     "react-intl": "6.8.7"
   },
   "devDependencies": {
-    "@canva/app-eslint-plugin": "^1.0.0-beta.3",
+    "@canva/app-eslint-plugin": "^1.0.0-beta.5",
     "@canva/cli": ">= 0.0.1-beta.13",
     "@formatjs/cli": "6.7.2",
     "@formatjs/ts-transformer": "3.14.0",
-    "@ngrok/ngrok": "1.5.1",
+    "@ngrok/ngrok": "1.5.2",
     "@pmmmwh/react-refresh-webpack-plugin": "0.6.1",
     "@svgr/webpack": "8.1.0",
     "@testing-library/react": "16.3.0",
     "@types/express": "4.17.21",
-    "@types/express-serve-static-core": "5.0.6",
+    "@types/express-serve-static-core": "5.0.7",
     "@types/jest": "29.5.14",
     "@types/jsonwebtoken": "9.0.10",
     "@types/node": "20.19.2",
-    "@types/node-fetch": "2.6.12",
-    "@types/node-forge": "1.3.11",
+    "@types/node-fetch": "2.6.13",
+    "@types/node-forge": "1.3.14",
     "@types/nodemon": "1.19.6",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -54,7 +54,7 @@
     "cli-table3": "0.6.5",
     "css-loader": "7.1.2",
     "css-modules-typescript-loader": "4.0.1",
-    "cssnano": "7.0.7",
+    "cssnano": "7.1.1",
     "debug": "4.4.1",
     "dotenv": "16.6.0",
     "express": "4.21.2",
@@ -64,7 +64,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jsonwebtoken": "9.0.2",
     "jwks-rsa": "3.2.0",
-    "mini-css-extract-plugin": "2.9.2",
+    "mini-css-extract-plugin": "2.9.4",
     "node-fetch": "3.3.2",
     "node-forge": "1.3.1",
     "nodemon": "3.0.1",
@@ -75,10 +75,10 @@
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.14",
     "tree-kill": "1.2.2",
-    "ts-jest": "29.4.0",
-    "ts-loader": "9.5.2",
+    "ts-jest": "29.4.1",
+    "ts-loader": "9.5.4",
     "ts-node": "10.9.2",
-    "typescript": "5.8.2",
+    "typescript": "5.9.2",
     "url-loader": "4.1.1",
     "webpack": "5.99.9",
     "webpack-cli": "6.0.1",