Support token parsed result

web/package.json

@@ -32,6 +32,7 @@
     "file-saver": "^2.0.5",
     "i18n-iso-countries": "^7.0.0",
     "i18next": "^19.8.9",
+    "jwt-decode": "^4.0.0",
     "libphonenumber-js": "^1.10.19",
     "moment": "^2.29.1",
     "qrcode.react": "^3.1.0",

web/src/TokenEditPage.js

@@ -18,6 +18,7 @@ import * as TokenBackend from "./backend/TokenBackend";
 import * as Setting from "./Setting";
 import i18next from "i18next";
 import copy from "copy-to-clipboard";
+import {jwtDecode} from "jwt-decode";
 
 const {TextArea} = Input;
 
@@ -72,8 +73,20 @@ class TokenEditPage extends React.Component {
     });
   }
 
+  parseAccessToken(accessToken) {
+    try {
+      const parsedHeader = JSON.stringify(jwtDecode(accessToken, {header: true}), null, 2);
+      const parsedPayload = JSON.stringify(jwtDecode(accessToken), null, 2);
+      const res = parsedHeader + "." + parsedPayload;
+      return res;
+    } catch (error) {
+      return error.message;
+    }
+  }
+
   renderToken() {
     const editorWidth = Setting.isMobile() ? 22 : 9;
+    const parsedResult = this.parseAccessToken(this.state.token.accessToken);
     return (
       <Card size="small" title={
         <div>
@@ -175,23 +188,23 @@ class TokenEditPage extends React.Component {
             >
               {i18next.t("token:Copy access token")}
             </Button>
-            <TextArea autoSize={{minRows: 30, maxRows: 30}} value={this.state.token.accessToken} onChange={e => {
+            <TextArea autoSize={{minRows: 10, maxRows: 200}} value={this.state.token.accessToken} onChange={e => {
               this.updateTokenField("accessToken", e.target.value);
             }} />
           </Col>
           <Col span={1} />
           <Col style={{marginTop: "5px"}} span={(Setting.isMobile()) ? 22 : 2}>
-            {Setting.getLabel(i18next.t("token:Parsing result"), i18next.t("token:Parsing result - Tooltip"))} :
+            {Setting.getLabel(i18next.t("token:Parsed result"), i18next.t("token:Parsed result - Tooltip"))} :
           </Col>
           <Col span={editorWidth} >
-            <Button type="primary" style={{marginRight: "10px", marginBottom: "10px"}} disabled={this.state.token.accessToken === ""} onClick={() => {
+            <Button type="primary" style={{marginRight: "10px", marginBottom: "10px"}} disabled={!parsedResult.includes("\"alg\":")} onClick={() => {
-              copy(this.state.token.accessToken);
+              copy(parsedResult);
               Setting.showMessage("success", i18next.t("general:Copied to clipboard successfully"));
             }}
             >
-              {i18next.t("token:Copy parsing result")}
+              {i18next.t("token:Copy parsed result")}
             </Button>
-            <TextArea autoSize={{minRows: 30, maxRows: 30}} value={this.state.token.accessToken} onChange={e => {}} />
+            <TextArea autoSize={{minRows: 10, maxRows: 200}} value={parsedResult} />
           </Col>
         </Row>
       </Card>

web/src/locales/ar/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/de/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access-Token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorisierungscode",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit-Token bearbeiten",
     "Expires in": "läuft ab in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Neuer Token",
-    "Token type": "Token-Typ"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token-Typ",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Drittanbieter-Logins",

web/src/locales/en/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/es/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Token de acceso",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Código de autorización",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Editar Token",
     "Expires in": "Caduca en",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Nuevo token",
-    "Token type": "Tipo de token"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Tipo de token",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Inicio de sesión de terceros",

web/src/locales/fa/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/fi/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/fr/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Token d'accès",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Code d'autorisation",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Modifier le jeton",
     "Expires in": "Expire dans",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Nouveau jeton",
-    "Token type": "Type de jeton"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Type de jeton",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Services de connexions tiers",

web/src/locales/he/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/id/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Token akses",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Kode otorisasi",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Mengedit Token",
     "Expires in": "Berakhir pada",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Token baru",
-    "Token type": "Jenis token"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Jenis token",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Masuk pihak ketiga",

web/src/locales/it/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/ja/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "アクセストークン",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "承認コード",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "編集トークン",
     "Expires in": "期限切れ",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "新しいトークン",
-    "Token type": "トークンタイプ"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "トークンタイプ",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "サードパーティログイン",

web/src/locales/kk/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/ko/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "액세스 토큰",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "승인 코드",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "편집 토큰",
     "Expires in": "만료일",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "새로운 토큰",
-    "Token type": "토큰 유형"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "토큰 유형",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "제3자 로그인",

web/src/locales/ms/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/nl/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/pl/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/pt/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Token de acesso",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Código de autorização",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Editar Token",
     "Expires in": "Expira em",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Novo Token",
-    "Token type": "Tipo de Token"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Tipo de Token",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Logins de terceiros",

web/src/locales/ru/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Маркер доступа",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Код авторизации",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Изменить маркер",
     "Expires in": "Истекает в",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Новый токен",
-    "Token type": "Тип токена"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Тип токена",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Авторизация сторонних участников",

web/src/locales/sv/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/tr/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/uk/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Access token",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Authorization code",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Edit Token",
     "Expires in": "Expires in",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "New Token",
-    "Token type": "Token type"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Token type",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "3rd-party logins",

web/src/locales/vi/data.json

@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "Mã thông báo truy cập",
+    "Access token - Tooltip": "Access token - Tooltip",
     "Authorization code": "Mã xác thực",
+    "Authorization code - Tooltip": "Authorization code - Tooltip",
+    "Copy access token": "Copy access token",
+    "Copy parsed result": "Copy parsed result",
     "Edit Token": "Chỉnh sửa mã thông báo",
     "Expires in": "Hết hạn sau",
+    "Expires in - Tooltip": "Expires in - Tooltip",
     "New Token": "Tạo mã thông báo",
-    "Token type": "Loại mã thông báo"
+    "Parsed result": "Parsed result",
+    "Parsed result - Tooltip": "Parsed result - Tooltip",
+    "Token type": "Loại mã thông báo",
+    "Token type - Tooltip": "Token type - Tooltip"
   },
   "user": {
     "3rd-party logins": "Đăng nhập bên thứ ba",

web/src/locales/zh/data.json

@@ -760,9 +760,9 @@
     "SP ACS URL - Tooltip": "SP ACS URL - 工具提示",
     "SP Entity ID": "SP 实体 ID",
     "Scene": "场景",
-    "Scene - Tooltip": "Scene - Tooltip",
+    "Scene - Tooltip": "场景",
-    "Scope": "Scope",
+    "Scope": "范围",
-    "Scope - Tooltip": "Scope - 工具提示",
+    "Scope - Tooltip": "范围",
     "Secret access key": "秘密访问密钥",
     "Secret access key - Tooltip": "秘密访问密钥",
     "Secret key": "Secret key",
@@ -959,11 +959,19 @@
   },
   "token": {
     "Access token": "访问令牌",
+    "Access token - Tooltip": "访问令牌",
     "Authorization code": "授权码",
+    "Authorization code - Tooltip": "授权码",
+    "Copy access token": "复制Access token",
+    "Copy parsed result": "复制解析结果",
     "Edit Token": "编辑令牌",
     "Expires in": "有效期",
+    "Expires in - Tooltip": "有效期",
     "New Token": "添加令牌",
-    "Token type": "令牌类型"
+    "Parsed result": "解析结果",
+    "Parsed result - Tooltip": "Access token的JWT解析结果",
+    "Token type": "令牌类型",
+    "Token type - Tooltip": "令牌类型"
   },
   "user": {
     "3rd-party logins": "第三方登录",

web/yarn.lock

@@ -9818,6 +9818,11 @@ jsprim@^2.0.2:
     array-includes "^3.1.5"
     object.assign "^4.1.3"
 
+jwt-decode@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-4.0.0.tgz#2270352425fd413785b2faf11f6e755c5151bd4b"
+  integrity sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==
+
 keccak@^3.0.1:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/keccak/-/keccak-3.0.3.tgz#4bc35ad917be1ef54ff246f904c2bbbf9ac61276"