@authing/react-ui-components 3.0.2-beta.3 → 3.0.2-beta.7

package/components/MFA/core/totp.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { useAsyncFn } from 'react-use'
 import { GuardModuleType } from '../../Guard/module'
 import { useGuardHttp } from '../../_utils/guradHttp'
-import { GuardMFAInitData, MFAConfig } from '../props'
+import { GuardMFAInitData, MFAConfig } from '../interface'
 import { message as Message } from 'antd'
 import SubmitButton from '../../SubmitButton'
 import { VerifyCodeFormItem } from '../VerifyCodeInput/VerifyCodeFormItem'

package/components/MFA/index.tsx

@@ -7,7 +7,7 @@ import { MFASms } from './core/sms'
 import { MFAFace } from './core/face'
 import { MFATotp } from './core/totp'
 import { MFAMethods } from './mfaMethods'
-import { GuardMFAViewProps, MFAType } from './props'
+import { GuardMFAViewProps, MFAType } from './interface'
 import { useAuthClient } from '../Guard/authClient'
 import { codeMap } from './codemap'
 import './styles.less'

package/components/MFA/mfaMethods/index.tsx

@@ -2,7 +2,7 @@ import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Button } from 'antd'
 import { IconFont } from '../../IconFont'
-import { GuardMFAInitData, MFAType } from '../props'
+import { GuardMFAInitData, MFAType } from '../interface'
 import { i18n } from '../../_utils/locales'
 import './style.less'
 

package/components/Register/index.tsx

@@ -7,7 +7,7 @@ import { useAuthClient } from '../Guard/authClient'
 import { GuardModuleType } from '../Guard/module'
 import { RegisterWithEmail } from './core/WithEmail'
 import { RegisterWithPhone } from './core/WithPhone'
-import { GuardRegisterViewProps } from './props'
+import { GuardRegisterViewProps } from './interface'
 import { codeMap } from './codemap'
 
 export const GuardRegisterView: React.FC<GuardRegisterViewProps> = ({

package/components/_utils/config.ts

@@ -18,8 +18,7 @@ export const initConfig = async (
   config: Partial<IG2Config>,
   defaultConfig: IG2Config
 ): Promise<{ config: GuardLocalConfig; publicConfig: ApplicationConfig }> => {
-  if (!getPublicConfig(appId))
-    await requestPublicConfig(appId, config.host ?? defaultConfig.host)
+  if (!getPublicConfig(appId)) await requestPublicConfig(appId)
   const mergedConfig = mergeConfig(
     config,
     defaultConfig,
@@ -93,8 +92,7 @@ const mergeConfig = (
 }
 
 const requestPublicConfig = async (
-  appId: string,
-  host: string
+  appId: string
 ): Promise<ApplicationConfig> => {
   let res: AuthingResponse<ApplicationConfig>
 

package/components/_utils/guradHttp.ts

@@ -36,6 +36,10 @@ export class GuardHttp {
     this.headers['x-authing-app-tenant-id'] = tenantId
   }
 
+  setBaseUrl(baseUrl: string) {
+    this.getRequestClient().setBaseUrl(baseUrl)
+  }
+
   public getHeaders = () => this.headers
 
   public get = async <T>(

package/components/_utils/index.ts

@@ -198,9 +198,13 @@ export const assembledAppHost = (identifier: string, host: string) => {
 
   const splitHost = hostUrl.hostname.split('.')
 
+  const port = hostUrl.port
+
   splitHost.shift()
 
-  return `${hostUrl.protocol}//${identifier}.${splitHost.join('.')}`
+  return `${hostUrl.protocol}//${identifier}.${splitHost.join('.')}${
+    port && `:${port}`
+  }`
 }
 
 export enum PasswordStrength {

package/components/_utils/locales/en/common.json

@@ -223,5 +223,7 @@
   "pToLogin": "seconds later back",
   "resetSuccess": "Reset successfully",
   "resetSuccessMessage": "The password is reset successfully, you can continue to log in with the new password",
-  "totpCode": "Security code"
+  "totpCode": "Security code",
+  "welcome": "Welcome",
+  "initPasswordText": "To ensure account security, please set your initial password."
 }

package/components/_utils/locales/zh/common.json

@@ -223,5 +223,7 @@
   "pToLogin": "秒后返回登录",
   "resetSuccess": "重置成功",
   "resetSuccessMessage": "密码重置成功，您可以使用新密码继续登录",
-  "totpCode": "安全码"
+  "totpCode": "安全码",
+  "welcome": "欢迎访问",
+  "initPasswordText": "为了保障账号安全，请设置你的初始密码。"
 }

package/components/_utils/locales/zh/user.json

@@ -27,6 +27,7 @@
   "needSameWithNewPwd": "需要与新密码一致",
   "confirmModify": "确认修改",
   "modifyPwd": "修改密码",
+  "modifyPwdText": "你的密码连续使用超过 {{number}} 个月，可能存在风险。请重新设置密码。",
   "personalInfo": "个人信息",
   "accPwd": "账号密码",
   "authenticationInfo": "认证信息",

package/components/index.ts

@@ -1,12 +1,9 @@
+export * from './_utils/config'
+export type { AuthenticationClientOptions } from 'authing-js-sdk'
+
 export * from './AuthingGuard/types'
 export * from './AuthingGuard/hooks'
-export type { AuthenticationClientOptions } from 'authing-js-sdk'
+export * from './AuthingGuard'
 
 export * from './Guard'
 export * from './Type'
-export * from './BindTotp/interface'
-export * from './CompleteInfo/interface'
-export * from './DownloadAuthenticator/interface'
-export * from './Error/interface'
-export * from './ForgetPassword/interface'
-export * from './_utils/config'

package/examples.tsx

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 
 import reportWebVitals from './reportWebVitals'
 import { message } from 'antd'
-import { Guard } from './components/Guard'
+import { Guard } from './components'
 
 const App = () => {
   return (
@@ -15,8 +15,9 @@ const App = () => {
       }}
     >
       <Guard
-        appId="618e093c3a9138c729fe7d0b"
-        // tenantId="6194a41abf23c1d5268b362a"
+        appId="619747787da1b9eb2e9ee7d5"
+        // appId="6191cf610f772aa56dc70637"
+        // tenantId="6194a41abf23c1d5268b362a1"
         onLogin={(u) => {
           message.info('🏁 用户业务层终点，登录完成。')
           console.log(u)
@@ -42,38 +43,37 @@ const App = () => {
         onRegisterTabChange={(registerMethod) => {
           console.log('📁 onRegisterTabChange 触发', registerMethod)
         }}
-        config={
-          {
-            // host: 'https://core.dev2.authing-inc.co/',
-            // registerMethods: [RegisterMethods.Email],
-            // autoRegister: true,
-            // defaultRegisterMethod: RegisterMethods.Phone,
-            // disableRegister: false,
-            // disableResetPwd: false,
-            // defaultLoginMethod: LoginMethods.WxMinQr, // 指定默认登录方式，如果这个方式不存在于 LoginMethods，那么就当作没有传入
-            // loginMethods: [],
-            // LoginMethods.Password,
-            //   LoginMethods.PhoneCode,
-            // LoginMethods.WxMinQr,
-            // ],
-            // socialConnections: [
-            //   SocialConnectionProvider.ALIPAY,
-            //   SocialConnectionProvider.APPLE_WEB,
-            // ], // 指定可选的社会化登录方式
-            // qrCodeScanOptions?: Parameters<QrCodeAuthenticationClient['startScanning']>[1]
-            // passwordLoginMethods?: PasswordLoginMethods[]
-            // enterpriseConnections: [] // 这个有啥用？
-            // publicKey?: string
-            // lang: 'en-US',
-            // lang: 'zh-CN',
-            // mode: GuardMode.Modal,
-            // logo: '',
-            // clickCloseable: false, // clickCloseable	Modal 模式时是否隐藏登录框右上角的关闭按钮
-            // escCloseable: true, //
-            // target: '#c1',
-            // socialConnectionsBtnShape: 'rectangle',
-          }
-        }
+        config={{
+          // host: 'https://core.dev2.authing-inc.co/',
+          host: 'http://core.authing.localhost:3000/',
+          // registerMethods: [RegisterMethods.Email],
+          // autoRegister: true,
+          // defaultRegisterMethod: RegisterMethods.Phone,
+          // disableRegister: false,
+          // disableResetPwd: false,
+          // defaultLoginMethod: LoginMethods.WxMinQr, // 指定默认登录方式，如果这个方式不存在于 LoginMethods，那么就当作没有传入
+          // loginMethods: [],
+          // LoginMethods.Password,
+          //   LoginMethods.PhoneCode,
+          // LoginMethods.WxMinQr,
+          // ],
+          // socialConnections: [
+          //   SocialConnectionProvider.ALIPAY,
+          //   SocialConnectionProvider.APPLE_WEB,
+          // ], // 指定可选的社会化登录方式
+          // qrCodeScanOptions?: Parameters<QrCodeAuthenticationClient['startScanning']>[1]
+          // passwordLoginMethods?: PasswordLoginMethods[]
+          // enterpriseConnections: [] // 这个有啥用？
+          // publicKey?: string
+          // lang: 'en-US',
+          // lang: 'zh-CN',
+          // mode: GuardMode.Modal,
+          // logo: '',
+          // clickCloseable: false, // clickCloseable	Modal 模式时是否隐藏登录框右上角的关闭按钮
+          // escCloseable: true, //
+          // target: '#c1',
+          // socialConnectionsBtnShape: 'rectangle',
+        }}
       />
     </div>
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "3.0.2-beta.3",
+  "version": "3.0.2-beta.7",
   "framework": "React",
   "private": false,
   "main": "lib/index.min.js",

package/.vscode/settings.json

@@ -1,31 +0,0 @@
-{
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact"
-  ],
-  "files.associations": {
-    "*.mw.json": "jsonc",
-    "*.icon": "xml"
-  },
-  "cssModules.camelCase": true,
-  "editor.snippetSuggestions": "top",
-  "emmet.showSuggestionsAsSnippets": true,
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.codeActionsOnSave": {
-    "source.fixAll": true
-  },
-  "prettier.printWidth": 120,
-  "prettier.singleQuote": false,
-  "prettier.semi": true,
-  "i18n-ally.localesPaths": "components/_utils/locales",
-  "i18n-ally.displayLanguage": "zh",
-  "i18n-ally.keystyle": "nested",
-  "i18n-ally.annotations": true,
-  "i18n-ally.extract.targetPickingStrategy": "file-previous",
-  "i18n-ally.namespace": true,
-  "i18n-ally.sourceLanguage": "zh"
-}