Patch 2.2.4 (#169)

* Bump @types/react from 18.0.32 to 18.0.33 (#160)

Bumps [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) from 18.0.32 to 18.0.33.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)

---
updated-dependencies:
- dependency-name: "@types/react"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* CodeQL URL sanitization fix (#162)

* Redone feedback link determination (CodeQL#7, CodeQL#8)

* Removed unused import to fix CI pipeline

* Changed RNG method for password generator (CodeQL#1, CodeQL#2) (#163)

* Bump @fluentui/react-components from 9.18.6 to 9.19.1 (#168)

Bumps [@fluentui/react-components](https://github.com/microsoft/fluentui) from 9.18.6 to 9.19.1.
- [Release notes](https://github.com/microsoft/fluentui/releases)
- [Changelog](https://github.com/microsoft/fluentui/blob/master/azure-pipelines.release-fluentui.yml)
- [Commits](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.6...@fluentui/react-components_v9.19.1)

---
updated-dependencies:
- dependency-name: "@fluentui/react-components"
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump typescript from 5.0.3 to 5.0.4 (#167)

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 5.0.3 to 5.0.4.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Commits](https://github.com/Microsoft/TypeScript/compare/v5.0.3...v5.0.4)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump webpack from 5.77.0 to 5.81.0 (#166)

Bumps [webpack](https://github.com/webpack/webpack) from 5.77.0 to 5.81.0.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.77.0...v5.81.0)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @types/react from 18.0.33 to 18.2.0 (#165)

Bumps [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) from 18.0.33 to 18.2.0.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)

---
updated-dependencies:
- dependency-name: "@types/react"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @types/react-dom from 18.0.11 to 18.2.1 (#164)

Bumps [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-dom) from 18.0.11 to 18.2.1.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react-dom)

---
updated-dependencies:
- dependency-name: "@types/react-dom"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Eugene Fox <eugene.xfox@outlook.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

package.json

@@ -1,15 +1,16 @@
 {
 	"name": "password-generator",
-	"version": "2.2.3",
+	"version": "2.2.4",
 	"private": true,
 	"dependencies": {
 		"@craco/craco": "^7.1.0",
-		"@fluentui/react-components": "^9.18.6",
+		"@fluentui/react-components": "^9.19.1",
 		"@fluentui/react-icons": "^2.0.199",
 		"react": "^18.2.0",
+		"react-device-detect": "^2.2.3",
 		"react-dom": "^18.2.0",
 		"sass": "^1.60.0",
-		"typescript": "^5.0.3",
+		"typescript": "^5.0.4",
 		"webextension-polyfill": "^0.10.0"
 	},
 	"devDependencies": {
@@ -19,12 +20,12 @@
 		"@testing-library/user-event": "^14.4.3",
 		"@types/jest": "^29.5.0",
 		"@types/node": "^18.15.11",
-		"@types/react": "^18.0.32",
-		"@types/react-dom": "^18.0.11",
+		"@types/react": "^18.2.0",
+		"@types/react-dom": "^18.2.1",
 		"@types/webextension-polyfill": "^0.10.0",
 		"html-webpack-plugin": "^5.5.0",
 		"react-scripts": "5.0.1",
-		"webpack": "^5.77.0"
+		"webpack": "^5.81.0"
 	},
 	"scripts": {
 		"start": "craco start",

src/Components/AboutSection.tsx

@@ -3,7 +3,7 @@ import { InfoRegular, PersonFeedbackRegular } from "@fluentui/react-icons";
 import { ReactComponent as BuyMeACoffee } from "../Assets/BuyMeACoffee.svg";
 import React from "react";
 import { loc } from "../Utils/Localization";
-import browser from "../Utils/Browser";
+import * as Platform from "react-device-detect";
 
 export default class AboutSection extends React.Component
 {
@@ -55,25 +55,13 @@ export default class AboutSection extends React.Component
 
 	private GetFeedbackLink(): string
 	{
-		let manifest: { [key: string]: string | any } = browser?.runtime?.getManifest();
-
-		if (!manifest)
-			return "mailto:feedback@xfox111.net";
+		if (Platform.isEdgeChromium)
+			return "https://microsoftedge.microsoft.com/addons/detail/password-generator/manimdhobjbkfpeeehlhhneookiokpbj";
+		else if (Platform.isChrome)
+			return "https://chrome.google.com/webstore/detail/password-generator/jnjobgjobffgmgfnkpkjfjkkfhfikmfl";
+		else if (Platform.isFirefox)
+			return "https://addons.mozilla.org/en-US/firefox/addon/easy-password-generator";
 		else
-		{
-			if (manifest.update_url)
-			{
-				let host: string = new URL(manifest.update_url).host;
-
-				if (host.endsWith("edge.microsoft.com"))
-					return "https://microsoftedge.microsoft.com/addons/detail/password-generator/manimdhobjbkfpeeehlhhneookiokpbj";
-				else if (host.endsWith("google.com"))
-					return "https://chrome.google.com/webstore/detail/password-generator/jnjobgjobffgmgfnkpkjfjkkfhfikmfl";
-				else
-					return "mailto:feedback@xfox111.net";
-			}
-			else
-				return "mailto:feedback@xfox111.net";
-		}
+			return "mailto:feedback@xfox111.net";
 	}
 }

src/Utils/Generator.ts

@@ -108,7 +108,9 @@ export default class Generator
 	// min is inclusive, max is exclusive
 	private static GetRandomInt(min: number, max: number): number
 	{
-		return Math.floor(Math.random() * (max - min)) + min;
+		let arr = new Uint8Array(1);
+		crypto.getRandomValues(arr);
+		return Math.floor((arr[0] / 255) * (max - min)) + min;
 	}
 
 	private static PickRandomFromArray(array: string): string