feat: fix bug that needUpdatePassword is not respected (#3979)

idp/lark.go

@@ -27,16 +27,22 @@ import (
 )
 
 type LarkIdProvider struct {
-	Client *http.Client
-	Config *oauth2.Config
+	Client     *http.Client
+	Config     *oauth2.Config
+	LarkDomain string
 }
 
-func NewLarkIdProvider(clientId string, clientSecret string, redirectUrl string) *LarkIdProvider {
+func NewLarkIdProvider(clientId string, clientSecret string, redirectUrl string, useGlobalEndpoint bool) *LarkIdProvider {
 	idp := &LarkIdProvider{}
 
+	if useGlobalEndpoint {
+		idp.LarkDomain = "https://open.larksuite.com"
+	} else {
+		idp.LarkDomain = "https://open.feishu.cn"
+	}
+
 	config := idp.getConfig(clientId, clientSecret, redirectUrl)
 	idp.Config = config
-
 	return idp
 }
 
@@ -47,7 +53,7 @@ func (idp *LarkIdProvider) SetHttpClient(client *http.Client) {
 // getConfig return a point of Config, which describes a typical 3-legged OAuth2 flow
 func (idp *LarkIdProvider) getConfig(clientId string, clientSecret string, redirectUrl string) *oauth2.Config {
 	endpoint := oauth2.Endpoint{
-		TokenURL: "https://open.feishu.cn/open-apis/auth/v3/tenant_access_token/internal",
+		TokenURL: idp.LarkDomain + "/open-apis/auth/v3/tenant_access_token/internal",
 	}
 
 	config := &oauth2.Config{
@@ -162,6 +168,7 @@ type LarkUserInfo struct {
 	} `json:"data"`
 }
 
+// GetUserInfo use LarkAccessToken gotten before return LinkedInUserInf
 // GetUserInfo use LarkAccessToken gotten before return LinkedInUserInfo
 // get more detail via: https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/sign-in-with-linkedin?context=linkedin/consumer/context
 func (idp *LarkIdProvider) GetUserInfo(token *oauth2.Token) (*UserInfo, error) {
@@ -175,7 +182,7 @@ func (idp *LarkIdProvider) GetUserInfo(token *oauth2.Token) (*UserInfo, error) {
 		return nil, err
 	}
 
-	req, err := http.NewRequest("POST", "https://open.feishu.cn/open-apis/authen/v1/access_token", strings.NewReader(string(data)))
+	req, err := http.NewRequest("POST", idp.LarkDomain+"/open-apis/authen/v1/access_token", strings.NewReader(string(data)))
 	if err != nil {
 		return nil, err
 	}

idp/provider.go

@@ -87,7 +87,7 @@ func GetIdProvider(idpInfo *ProviderInfo, redirectUrl string) (IdProvider, error
 			return nil, fmt.Errorf("WeCom provider subType: %s is not supported", idpInfo.SubType)
 		}
 	case "Lark":
-		return NewLarkIdProvider(idpInfo.ClientId, idpInfo.ClientSecret, redirectUrl), nil
+		return NewLarkIdProvider(idpInfo.ClientId, idpInfo.ClientSecret, redirectUrl, idpInfo.DisableSsl), nil
 	case "GitLab":
 		return NewGitlabIdProvider(idpInfo.ClientId, idpInfo.ClientSecret, redirectUrl), nil
 	case "ADFS":

object/oidc_discovery.go

@@ -124,7 +124,7 @@ func GetOidcDiscovery(host string) OidcDiscovery {
 		JwksUri:                                fmt.Sprintf("%s/.well-known/jwks", originBackend),
 		IntrospectionEndpoint:                  fmt.Sprintf("%s/api/login/oauth/introspect", originBackend),
 		ResponseTypesSupported:                 []string{"code", "token", "id_token", "code token", "code id_token", "token id_token", "code token id_token", "none"},
-		ResponseModesSupported:                 []string{"query", "fragment", "login", "code", "link"},
+		ResponseModesSupported:                 []string{"query", "fragment"},
 		GrantTypesSupported:                    []string{"password", "authorization_code"},
 		SubjectTypesSupported:                  []string{"public"},
 		IdTokenSigningAlgValuesSupported:       []string{"RS256", "RS512", "ES256", "ES384", "ES512"},

web/src/App.js

@@ -247,7 +247,9 @@ class App extends Component {
           account.organization = res.data2;
           accessToken = res.data.accessToken;
 
-          this.setLanguage(account);
+          if (!localStorage.getItem("language")) {
+            this.setLanguage(account);
+          }
           this.setTheme(Setting.getThemeData(account.organization), Conf.InitThemeAlgorithm);
           setTourLogo(account.organization.logo);
           setOrgIsTourVisible(account.organization.enableTour);

web/src/ApplicationEditPage.js

@@ -1237,7 +1237,7 @@ class ApplicationEditPage extends React.Component {
   submitApplicationEdit(exitAfterSave) {
     const application = Setting.deepCopy(this.state.application);
     application.providers = application.providers?.filter(provider => this.state.providers.map(provider => provider.name).includes(provider.name));
-    application.signinMethods = application.signinMethods?.filter(signinMethod => ["Password", "Verification code", "WebAuthn", "LDAP", "Face ID"].includes(signinMethod.name));
+    application.signinMethods = application.signinMethods?.filter(signinMethod => ["Password", "Verification code", "WebAuthn", "LDAP", "Face ID", "WeChat"].includes(signinMethod.name));
 
     ApplicationBackend.updateApplication("admin", this.state.applicationName, application)
       .then((res) => {

web/src/PlanEditPage.js

@@ -241,6 +241,21 @@ class PlanEditPage extends React.Component {
                   {id: "HKD", name: "HKD"},
                   {id: "SGD", name: "SGD"},
                   {id: "BRL", name: "BRL"},
+                  {id: "PLN", name: "PLN"},
+                  {id: "KRW", name: "KRW"},
+                  {id: "INR", name: "INR"},
+                  {id: "RUB", name: "RUB"},
+                  {id: "MXN", name: "MXN"},
+                  {id: "ZAR", name: "ZAR"},
+                  {id: "TRY", name: "TRY"},
+                  {id: "SEK", name: "SEK"},
+                  {id: "NOK", name: "NOK"},
+                  {id: "DKK", name: "DKK"},
+                  {id: "THB", name: "THB"},
+                  {id: "MYR", name: "MYR"},
+                  {id: "TWD", name: "TWD"},
+                  {id: "CZK", name: "CZK"},
+                  {id: "HUF", name: "HUF"},
                 ].map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)
               }
             </Select>

web/src/ProductBuyPage.js

@@ -141,6 +141,36 @@ class ProductBuyPage extends React.Component {
       return "S$";
     } else if (product?.currency === "BRL") {
       return "R$";
+    } else if (product?.currency === "PLN") {
+      return "zł";
+    } else if (product?.currency === "KRW") {
+      return "₩";
+    } else if (product?.currency === "INR") {
+      return "₹";
+    } else if (product?.currency === "RUB") {
+      return "₽";
+    } else if (product?.currency === "MXN") {
+      return "$";
+    } else if (product?.currency === "ZAR") {
+      return "R";
+    } else if (product?.currency === "TRY") {
+      return "₺";
+    } else if (product?.currency === "SEK") {
+      return "kr";
+    } else if (product?.currency === "NOK") {
+      return "kr";
+    } else if (product?.currency === "DKK") {
+      return "kr";
+    } else if (product?.currency === "THB") {
+      return "฿";
+    } else if (product?.currency === "MYR") {
+      return "RM";
+    } else if (product?.currency === "TWD") {
+      return "NT$";
+    } else if (product?.currency === "CZK") {
+      return "Kč";
+    } else if (product?.currency === "HUF") {
+      return "Ft";
     } else {
       return "(Unknown currency)";
     }

web/src/ProductEditPage.js

@@ -218,6 +218,21 @@ class ProductEditPage extends React.Component {
                   {id: "HKD", name: "HKD"},
                   {id: "SGD", name: "SGD"},
                   {id: "BRL", name: "BRL"},
+                  {id: "PLN", name: "PLN"},
+                  {id: "KRW", name: "KRW"},
+                  {id: "INR", name: "INR"},
+                  {id: "RUB", name: "RUB"},
+                  {id: "MXN", name: "MXN"},
+                  {id: "ZAR", name: "ZAR"},
+                  {id: "TRY", name: "TRY"},
+                  {id: "SEK", name: "SEK"},
+                  {id: "NOK", name: "NOK"},
+                  {id: "DKK", name: "DKK"},
+                  {id: "THB", name: "THB"},
+                  {id: "MYR", name: "MYR"},
+                  {id: "TWD", name: "TWD"},
+                  {id: "CZK", name: "CZK"},
+                  {id: "HUF", name: "HUF"},
                 ].map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)
               }
             </Select>

web/src/ProviderEditPage.js

@@ -931,10 +931,12 @@ class ProviderEditPage extends React.Component {
           )
         }
         {
-          this.state.provider.type !== "Google" ? null : (
+          this.state.provider.type !== "Google" && this.state.provider.type !== "Lark" ? null : (
             <Row style={{marginTop: "20px"}} >
               <Col style={{marginTop: "5px"}} span={(Setting.isMobile()) ? 22 : 2}>
-                {Setting.getLabel(i18next.t("provider:Get phone number"), i18next.t("provider:Get phone number - Tooltip"))} :
+                {this.state.provider.type === "Google" ?
+                  Setting.getLabel(i18next.t("provider:Get phone number"), i18next.t("provider:Get phone number - Tooltip"))
+                  : Setting.getLabel(i18next.t("provider:Use global endpoint"), i18next.t("provider:Use global endpoint - Tooltip"))} :
               </Col>
               <Col span={1} >
                 <Switch disabled={!this.state.provider.clientId} checked={this.state.provider.disableSsl} onChange={checked => {

web/src/Setting.js

@@ -1516,6 +1516,54 @@ export function getCurrencySymbol(currency) {
     return "$";
   } else if (currency === "CNY" || currency === "cny") {
     return "¥";
+  } else if (currency === "EUR" || currency === "eur") {
+    return "€";
+  } else if (currency === "JPY" || currency === "jpy") {
+    return "¥";
+  } else if (currency === "GBP" || currency === "gbp") {
+    return "£";
+  } else if (currency === "AUD" || currency === "aud") {
+    return "A$";
+  } else if (currency === "CAD" || currency === "cad") {
+    return "C$";
+  } else if (currency === "CHF" || currency === "chf") {
+    return "CHF";
+  } else if (currency === "HKD" || currency === "hkd") {
+    return "HK$";
+  } else if (currency === "SGD" || currency === "sgd") {
+    return "S$";
+  } else if (currency === "BRL" || currency === "brl") {
+    return "R$";
+  } else if (currency === "PLN" || currency === "pln") {
+    return "zł";
+  } else if (currency === "KRW" || currency === "krw") {
+    return "₩";
+  } else if (currency === "INR" || currency === "inr") {
+    return "₹";
+  } else if (currency === "RUB" || currency === "rub") {
+    return "₽";
+  } else if (currency === "MXN" || currency === "mxn") {
+    return "$";
+  } else if (currency === "ZAR" || currency === "zar") {
+    return "R";
+  } else if (currency === "TRY" || currency === "try") {
+    return "₺";
+  } else if (currency === "SEK" || currency === "sek") {
+    return "kr";
+  } else if (currency === "NOK" || currency === "nok") {
+    return "kr";
+  } else if (currency === "DKK" || currency === "dkk") {
+    return "kr";
+  } else if (currency === "THB" || currency === "thb") {
+    return "฿";
+  } else if (currency === "MYR" || currency === "myr") {
+    return "RM";
+  } else if (currency === "TWD" || currency === "twd") {
+    return "NT$";
+  } else if (currency === "CZK" || currency === "czk") {
+    return "Kč";
+  } else if (currency === "HUF" || currency === "huf") {
+    return "Ft";
   } else {
     return currency;
   }
@@ -1619,6 +1667,36 @@ export function getCurrencyText(product) {
     return i18next.t("currency:SGD");
   } else if (product?.currency === "BRL") {
     return i18next.t("currency:BRL");
+  } else if (product?.currency === "PLN") {
+    return i18next.t("currency:PLN");
+  } else if (product?.currency === "KRW") {
+    return i18next.t("currency:KRW");
+  } else if (product?.currency === "INR") {
+    return i18next.t("currency:INR");
+  } else if (product?.currency === "RUB") {
+    return i18next.t("currency:RUB");
+  } else if (product?.currency === "MXN") {
+    return i18next.t("currency:MXN");
+  } else if (product?.currency === "ZAR") {
+    return i18next.t("currency:ZAR");
+  } else if (product?.currency === "TRY") {
+    return i18next.t("currency:TRY");
+  } else if (product?.currency === "SEK") {
+    return i18next.t("currency:SEK");
+  } else if (product?.currency === "NOK") {
+    return i18next.t("currency:NOK");
+  } else if (product?.currency === "DKK") {
+    return i18next.t("currency:DKK");
+  } else if (product?.currency === "THB") {
+    return i18next.t("currency:THB");
+  } else if (product?.currency === "MYR") {
+    return i18next.t("currency:MYR");
+  } else if (product?.currency === "TWD") {
+    return i18next.t("currency:TWD");
+  } else if (product?.currency === "CZK") {
+    return i18next.t("currency:CZK");
+  } else if (product?.currency === "HUF") {
+    return i18next.t("currency:HUF");
   } else {
     return "(Unknown currency)";
   }

web/src/TourConfig.js

@@ -208,10 +208,14 @@ let orgIsTourVisible = true;
 
 export function setOrgIsTourVisible(visible) {
   orgIsTourVisible = visible;
+  if (orgIsTourVisible === false) {
+    setIsTourVisible(false);
+  }
 }
 
 export function setIsTourVisible(visible) {
   localStorage.setItem("isTourVisible", visible);
+  window.dispatchEvent(new Event("storageTourChanged"));
 }
 
 export function setTourLogo(tourLogoSrc) {
@@ -221,7 +225,7 @@ export function setTourLogo(tourLogoSrc) {
 }
 
 export function getTourVisible() {
-  return localStorage.getItem("isTourVisible") !== "false" && orgIsTourVisible;
+  return localStorage.getItem("isTourVisible") !== "false";
 }
 
 export function getNextButtonChild(nextPathName) {

web/src/auth/LoginPage.js

@@ -38,6 +38,7 @@ import {RequiredMfa} from "./mfa/MfaAuthVerifyForm";
 import {GoogleOneTapLoginVirtualButton} from "./GoogleLoginButton";
 import * as ProviderButton from "./ProviderButton";
 import {goToLink} from "../Setting";
+import WeChatLoginPanel from "./WeChatLoginPanel";
 const FaceRecognitionCommonModal = lazy(() => import("../common/modal/FaceRecognitionCommonModal"));
 const FaceRecognitionModal = lazy(() => import("../common/modal/FaceRecognitionModal"));
 
@@ -346,7 +347,7 @@ class LoginPage extends React.Component {
       return;
     }
 
-    if (resp.data2) {
+    if (resp.data3) {
       sessionStorage.setItem("signinUrl", window.location.pathname + window.location.search);
       Setting.goToLinkSoft(ths, `/forget/${application.name}`);
       return;
@@ -436,18 +437,26 @@ class LoginPage extends React.Component {
         values["password"] = passwordCipher;
       }
       const captchaRule = this.getCaptchaRule(this.getApplicationObj());
-      if (captchaRule === CaptchaRule.Always) {
-        this.setState({
-          openCaptchaModal: true,
-          values: values,
-        });
-        return;
-      } else if (captchaRule === CaptchaRule.Dynamic) {
-        this.checkCaptchaStatus(values);
-        return;
-      } else if (captchaRule === CaptchaRule.InternetOnly) {
-        this.checkCaptchaStatus(values);
-        return;
+      const application = this.getApplicationObj();
+      const noModal = application?.signinItems.map(signinItem => signinItem.name === "Captcha" && signinItem.rule === "inline").includes(true);
+      if (!noModal) {
+        if (captchaRule === CaptchaRule.Always) {
+          this.setState({
+            openCaptchaModal: true,
+            values: values,
+          });
+          return;
+        } else if (captchaRule === CaptchaRule.Dynamic) {
+          this.checkCaptchaStatus(values);
+          return;
+        } else if (captchaRule === CaptchaRule.InternetOnly) {
+          this.checkCaptchaStatus(values);
+          return;
+        }
+      } else {
+        values["captchaType"] = this.state?.captchaValues?.captchaType;
+        values["captchaToken"] = this.state?.captchaValues?.captchaToken;
+        values["clientSecret"] = this.state?.captchaValues?.clientSecret;
       }
     }
     this.login(values);
@@ -774,7 +783,7 @@ class LoginPage extends React.Component {
               </>
           }
           {
-            this.renderCaptchaModal(application)
+            application?.signinItems.map(signinItem => signinItem.name === "Captcha" && signinItem.rule === "inline").includes(true) ? null : this.renderCaptchaModal(application, false)
           }
         </Form.Item>
       );
@@ -818,6 +827,8 @@ class LoginPage extends React.Component {
           </Form.Item>
         </div>
       );
+    } else if (signinItem.name === "Captcha" && signinItem.rule === "inline") {
+      return this.renderCaptchaModal(application, true);
     } else if (signinItem.name.startsWith("Text ") || signinItem?.isCustom) {
       return (
         <div key={resultItemKey} dangerouslySetInnerHTML={{__html: signinItem.customCss}} />
@@ -877,6 +888,10 @@ class LoginPage extends React.Component {
         loginWidth += 10;
       }
 
+      if (this.state.loginMethod === "wechat") {
+        return (<WeChatLoginPanel application={application} renderFormItem={this.renderFormItem.bind(this)} loginMethod={this.state.loginMethod} loginWidth={loginWidth} renderMethodChoiceBox={this.renderMethodChoiceBox.bind(this)} />);
+      }
+
       return (
         <Form
           name="normal_login"
@@ -959,7 +974,7 @@ class LoginPage extends React.Component {
     });
   }
 
-  renderCaptchaModal(application) {
+  renderCaptchaModal(application, noModal) {
     if (this.getCaptchaRule(this.getApplicationObj()) === CaptchaRule.Never) {
       return null;
     }
@@ -988,6 +1003,12 @@ class LoginPage extends React.Component {
       owner={provider.owner}
       name={provider.name}
       visible={this.state.openCaptchaModal}
+      noModal={noModal}
+      onUpdateToken={(captchaType, captchaToken, clientSecret) => {
+        this.setState({captchaValues: {
+          captchaType, captchaToken, clientSecret,
+        }});
+      }}
       onOk={(captchaType, captchaToken, clientSecret) => {
         const values = this.state.values;
         values["captchaType"] = captchaType;
@@ -1204,6 +1225,7 @@ class LoginPage extends React.Component {
       [generateItemKey("WebAuthn", "None"), {label: i18next.t("login:WebAuthn"), key: "webAuthn"}],
       [generateItemKey("LDAP", "None"), {label: i18next.t("login:LDAP"), key: "ldap"}],
       [generateItemKey("Face ID", "None"), {label: i18next.t("login:Face ID"), key: "faceId"}],
+      [generateItemKey("WeChat", "None"), {label: i18next.t("login:WeChat"), key: "wechat"}],
     ]);
 
     application?.signinMethods?.forEach((signinMethod) => {
@@ -1225,7 +1247,7 @@ class LoginPage extends React.Component {
     if (items.length > 1) {
       return (
         <div>
-          <Tabs className="signin-methods" items={items} size={"small"} defaultActiveKey={this.getDefaultLoginMethod(application)} onChange={(key) => {
+          <Tabs className="signin-methods" items={items} size={"small"} activeKey={this.state.loginMethod} onChange={(key) => {
             this.setState({loginMethod: key});
           }} centered>
           </Tabs>

web/src/auth/Provider.js

@@ -68,6 +68,7 @@ const authInfo = {
   Lark: {
     // scope: "email",
     endpoint: "https://open.feishu.cn/open-apis/authen/v1/index",
+    endpoint2: "https://accounts.larksuite.com/open-apis/authen/v1/authorize",
   },
   GitLab: {
     scope: "read_user+profile",
@@ -406,6 +407,8 @@ export function getAuthUrl(application, provider, method, code) {
     if (provider.domain) {
       endpoint = `${provider.domain}/apps/oauth2/authorize`;
     }
+  } else if (provider.type === "Lark" && provider.disableSsl) {
+    endpoint = authInfo[provider.type].endpoint2;
   }
 
   if (provider.type === "Google" || provider.type === "GitHub" || provider.type === "Facebook"
@@ -460,6 +463,9 @@ export function getAuthUrl(application, provider, method, code) {
       return `https://error:not-supported-provider-sub-type:${provider.subType}`;
     }
   } else if (provider.type === "Lark") {
+    if (provider.disableSsl) {
+      redirectUri = encodeURIComponent(redirectUri);
+    }
     return `${endpoint}?app_id=${provider.clientId}&redirect_uri=${redirectUri}&state=${state}`;
   } else if (provider.type === "ADFS") {
     return `${provider.domain}/adfs/oauth2/authorize?client_id=${provider.clientId}&redirect_uri=${redirectUri}&state=${state}&response_type=code&nonce=casdoor&scope=openid`;

web/src/auth/WeChatLoginPanel.js

@@ -0,0 +1,106 @@
+// Copyright 2025 The Casdoor Authors. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React from "react";
+import * as AuthBackend from "./AuthBackend";
+import i18next from "i18next";
+import * as Util from "./Util";
+
+class WeChatLoginPanel extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      qrCode: null,
+      loading: false,
+      ticket: null,
+    };
+    this.pollingTimer = null;
+  }
+
+  UNSAFE_componentWillMount() {
+    this.fetchQrCode();
+  }
+
+  componentDidUpdate(prevProps) {
+    if (this.props.loginMethod === "wechat" && prevProps.loginMethod !== "wechat") {
+      this.fetchQrCode();
+    }
+    if (prevProps.loginMethod === "wechat" && this.props.loginMethod !== "wechat") {
+      this.setState({qrCode: null, loading: false, ticket: null});
+      this.clearPolling();
+    }
+  }
+
+  componentWillUnmount() {
+    this.clearPolling();
+  }
+
+  clearPolling() {
+    if (this.pollingTimer) {
+      clearInterval(this.pollingTimer);
+      this.pollingTimer = null;
+    }
+  }
+
+  fetchQrCode() {
+    const {application} = this.props;
+    const wechatProviderItem = application?.providers?.find(p => p.provider?.type === "WeChat");
+    if (wechatProviderItem) {
+      this.setState({loading: true, qrCode: null, ticket: null});
+      AuthBackend.getWechatQRCode(`${wechatProviderItem.provider.owner}/${wechatProviderItem.provider.name}`).then(res => {
+        if (res.status === "ok" && res.data) {
+          this.setState({qrCode: res.data, loading: false, ticket: res.data2});
+          this.clearPolling();
+          this.pollingTimer = setInterval(() => {
+            Util.getEvent(application, wechatProviderItem.provider, res.data2, "signup");
+          }, 1000);
+        } else {
+          this.setState({qrCode: null, loading: false, ticket: null});
+          this.clearPolling();
+        }
+      }).catch(() => {
+        this.setState({qrCode: null, loading: false, ticket: null});
+        this.clearPolling();
+      });
+    }
+  }
+
+  render() {
+    const {application, loginWidth = 320} = this.props;
+    const {loading, qrCode} = this.state;
+    return (
+      <div style={{width: loginWidth, margin: "0 auto", textAlign: "center", marginTop: 16}}>
+        {application.signinItems?.filter(item => item.name === "Logo").map(signinItem => this.props.renderFormItem(application, signinItem))}
+        {this.props.renderMethodChoiceBox()}
+        {application.signinItems?.filter(item => item.name === "Languages").map(signinItem => this.props.renderFormItem(application, signinItem))}
+        {loading ? (
+          <div style={{marginTop: 16}}>
+            <span>{i18next.t("login:Loading...")}</span>
+          </div>
+        ) : qrCode ? (
+          <div style={{marginTop: 2}}>
+            <img src={`data:image/png;base64,${qrCode}`} alt="WeChat QR code" style={{width: 250, height: 250}} />
+            <div style={{marginTop: 8}}>
+              <a onClick={e => {e.preventDefault(); this.fetchQrCode();}}>
+                {i18next.t("login:Refresh")}
+              </a>
+            </div>
+          </div>
+        ) : null}
+      </div>
+    );
+  }
+}
+
+export default WeChatLoginPanel;

web/src/common/PasswordChecker.js

@@ -82,7 +82,7 @@ export function renderPasswordPopover(options, password) {
 }
 
 export function checkPasswordComplexity(password, options) {
-  if (password.length === 0) {
+  if (!password?.length) {
     return i18next.t("login:Please input your password!");
   }
 

web/src/common/modal/CaptchaModal.js

@@ -20,7 +20,7 @@ import {CaptchaWidget} from "../CaptchaWidget";
 import {SafetyOutlined} from "@ant-design/icons";
 
 export const CaptchaModal = (props) => {
-  const {owner, name, visible, onOk, onCancel, isCurrentProvider} = props;
+  const {owner, name, visible, onOk, onUpdateToken, onCancel, isCurrentProvider, noModal} = props;
 
   const [captchaType, setCaptchaType] = React.useState("none");
   const [clientId, setClientId] = React.useState("");
@@ -36,16 +36,16 @@ export const CaptchaModal = (props) => {
   const defaultInputRef = React.useRef(null);
 
   useEffect(() => {
-    if (visible) {
+    if (visible || noModal) {
       loadCaptcha();
     } else {
       handleCancel();
       setOpen(false);
     }
-  }, [visible]);
+  }, [visible, noModal]);
 
   useEffect(() => {
-    if (captchaToken !== "" && captchaType !== "Default") {
+    if (captchaToken !== "" && captchaType !== "Default" && !noModal) {
       handleOk();
     }
   }, [captchaToken]);
@@ -81,6 +81,36 @@ export const CaptchaModal = (props) => {
   };
 
   const renderDefaultCaptcha = () => {
+    if (noModal) {
+      return (
+        <Row style={{textAlign: "center"}}>
+          <Col
+            style={{flex: noModal ? "70%" : "100%"}}>
+            <Input
+              ref={defaultInputRef}
+              value={captchaToken}
+              prefix={<SafetyOutlined />}
+              placeholder={i18next.t("general:Captcha")}
+              onChange={(e) => onChange(e.target.value)}
+            />
+          </Col>
+          <Col
+            style={{
+              flex: noModal ? "30%" : "100%",
+            }}
+          >
+            <img src={`data:image/png;base64,${captchaImg}`}
+              onClick={loadCaptcha}
+              style={{
+                borderRadius: "5px",
+                border: "1px solid #ccc",
+                marginBottom: "20px",
+                width: "100%",
+              }} alt="captcha" />
+          </Col>
+        </Row>
+      );
+    }
     return (
       <Col style={{textAlign: "center"}}>
         <div style={{display: "inline-block"}}>
@@ -113,6 +143,9 @@ export const CaptchaModal = (props) => {
 
   const onChange = (token) => {
     setCaptchaToken(token);
+    if (noModal) {
+      onUpdateToken?.(captchaType, token, clientSecret);
+    }
   };
 
   const renderCaptcha = () => {
@@ -153,28 +186,33 @@ export const CaptchaModal = (props) => {
     return null;
   };
 
-  return (
-    <Modal
-      closable={true}
-      maskClosable={false}
-      destroyOnClose={true}
-      title={i18next.t("general:Captcha")}
-      open={open}
-      okText={i18next.t("general:OK")}
-      cancelText={i18next.t("general:Cancel")}
-      width={350}
-      footer={renderFooter()}
-      onCancel={handleCancel}
-      afterClose={handleCancel}
-      onOk={handleOk}
-    >
-      <div style={{marginTop: "20px", marginBottom: "50px"}}>
-        {
-          renderCaptcha()
-        }
-      </div>
-    </Modal>
-  );
+  if (noModal) {
+    return renderCaptcha();
+
+  } else {
+    return (
+      <Modal
+        closable={true}
+        maskClosable={false}
+        destroyOnClose={true}
+        title={i18next.t("general:Captcha")}
+        open={open}
+        okText={i18next.t("general:OK")}
+        cancelText={i18next.t("general:Cancel")}
+        width={350}
+        footer={renderFooter()}
+        onCancel={handleCancel}
+        afterClose={handleCancel}
+        onOk={handleOk}
+      >
+        <div style={{marginTop: "20px", marginBottom: "50px"}}>
+          {
+            renderCaptcha()
+          }
+        </div>
+      </Modal>
+    );
+  }
 };
 
 export const CaptchaRule = {

web/src/locales/ar/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/cs/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Upravit Enforcer",

web/src/locales/de/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/en/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/es/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/fa/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "ویرایش Enforcer",

web/src/locales/fi/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/fr/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Éditer l'exécuteur",

web/src/locales/he/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/id/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/it/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/ja/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/kk/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/ko/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/ms/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/nl/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/pl/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/pt/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Editar Executor",

web/src/locales/ru/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Редактировать контролёра доступа",

web/src/locales/sk/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Upraviť vynútiteľa",

web/src/locales/sv/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/tr/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/uk/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Редагувати Enforcer",

web/src/locales/vi/data.json

@@ -177,12 +177,27 @@
     "CAD": "CAD",
     "CHF": "CHF",
     "CNY": "CNY",
+    "CZK": "CZK",
+    "DKK": "DKK",
     "EUR": "EUR",
     "GBP": "GBP",
     "HKD": "HKD",
+    "HUF": "HUF",
+    "INR": "INR",
     "JPY": "JPY",
+    "KRW": "KRW",
+    "MXN": "MXN",
+    "MYR": "MYR",
+    "NOK": "NOK",
+    "PLN": "PLN",
+    "RUB": "RUB",
+    "SEK": "SEK",
     "SGD": "SGD",
-    "USD": "USD"
+    "THB": "THB",
+    "TRY": "TRY",
+    "TWD": "TWD",
+    "USD": "USD",
+    "ZAR": "ZAR"
   },
   "enforcer": {
     "Edit Enforcer": "Edit Enforcer",

web/src/locales/zh/data.json

@@ -177,12 +177,27 @@
     "CAD": "加拿大元",
     "CHF": "瑞士法郎",
     "CNY": "人民币",
+    "CZK": "捷克克朗",
+    "DKK": "丹麦克朗",
     "EUR": "欧元",
     "GBP": "英镑",
     "HKD": "港币",
+    "HUF": "匈牙利福林",
+    "INR": "印度卢比",
     "JPY": "日元",
+    "KRW": "韩元",
+    "MXN": "墨西哥比索",
+    "MYR": "马来西亚林吉特",
+    "NOK": "挪威克朗",
+    "PLN": "波兰兹罗提",
+    "RUB": "俄罗斯卢布",
+    "SEK": "瑞典克朗",
     "SGD": "新加坡元",
-    "USD": "美元"
+    "THB": "泰铢",
+    "TRY": "土耳其里拉",
+    "TWD": "新台币",
+    "USD": "美元",
+    "ZAR": "南非兰特"
   },
   "enforcer": {
     "Edit Enforcer": "编辑Casbin执行器",

web/src/table/SigninMethodTable.js

@@ -72,6 +72,7 @@ class SigninMethodTable extends React.Component {
       {name: "WebAuthn", displayName: i18next.t("login:WebAuthn")},
       {name: "LDAP", displayName: i18next.t("login:LDAP")},
       {name: "Face ID", displayName: i18next.t("login:Face ID")},
+      {name: "WeChat", displayName: i18next.t("login:WeChat")},
     ];
     const columns = [
       {

web/src/table/SigninTable.js

@@ -49,6 +49,9 @@ class SigninTable extends React.Component {
 
   updateField(table, index, key, value) {
     table[index][key] = value;
+    if (key === "name" && value === "Captcha") {
+      table[index]["rule"] = "pop up";
+    }
     this.updateTable(table);
   }
 
@@ -114,6 +117,7 @@ class SigninTable extends React.Component {
             {name: "Forgot password?", displayName: i18next.t("login:Forgot password?")},
             {name: "Login button", displayName: i18next.t("login:Signin button")},
             {name: "Signup link", displayName: i18next.t("general:Signup link")},
+            {name: "Captcha", displayName: i18next.t("general:Captcha")},
           ];
 
           const getItemDisplayName = (text) => {
@@ -249,6 +253,12 @@ class SigninTable extends React.Component {
               {id: "small", name: i18next.t("application:Small icon")},
             ];
           }
+          if (record.name === "Captcha") {
+            options = [
+              {id: "pop up", name: i18next.t("application:Pop up")},
+              {id: "inline", name: i18next.t("application:Inline")},
+            ];
+          }
           if (options.length === 0) {
             return null;
           }