@authing/react-ui-components 2.4.56-alpha.0 → 2.4.58

package/lib/index.min.js.LICENSE.txt

@@ -4,15 +4,6 @@
   http://jedwatson.github.io/classnames
 */
 
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "2.4.56-alpha.0",
+  "version": "2.4.58",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "lib/index.d.ts",
   "dependencies": {
     "antd": "^4.8.0",
-    "authing-js-sdk": "4.22.26-alpha.9",
+    "authing-js-sdk": "4.22.24-alpha",
     "qs": "^6.9.4"
   },
   "peerDependencies": {
@@ -185,5 +185,5 @@
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "5.1.4"
   },
-  "gitHead": "7bb7b153c3c4836b084f4cb08fe8124af5d8e5fd"
+  "gitHead": "48a69edc8fd200848c6ffc28e0c8da74ab7c16f7"
 }

package/src/components/AuthingGuard/Forms/QrCodeLoginForm/index.tsx

@@ -14,7 +14,6 @@ export const QrCodeLoginForm: FC<QrLoginFormProps> = ({
   onFail,
   onSuccess,
   type,
-  idpId,
 }) => {
   const {
     state: { authClient, config },
@@ -32,7 +31,6 @@ export const QrCodeLoginForm: FC<QrLoginFormProps> = ({
 
   useEffect(() => {
     client.startScanning('authingGuardQrcode', {
-      extIdpConnId: idpId,
       autoExchangeUserInfo: true,
       ...config.qrCodeScanOptions,
       onStart(timer) {
@@ -48,7 +46,7 @@ export const QrCodeLoginForm: FC<QrLoginFormProps> = ({
       },
     })
     return () => clearInterval(timerRef.current)
-  }, [client, config.qrCodeScanOptions, idpId, onFail, onSuccess])
+  }, [client, config.qrCodeScanOptions, onFail, onSuccess])
 
   return (
     <div className="authing-guard-qr-form">

package/src/components/AuthingGuard/Forms/SocialAndIdpLogin/index.tsx

@@ -218,7 +218,7 @@ export const SocialAndIdpLogin: FC<SocialAndIdpLoginProps> = ({
       }
 
       const onLogin = () => {
-        authClient.social.authorize(item.identifier, {
+        authClient.social.authorize(item.provider, {
           onSuccess(user) {
             onSuccess(user)
           },
@@ -254,12 +254,12 @@ export const SocialAndIdpLogin: FC<SocialAndIdpLoginProps> = ({
           }
           onClick={onLogin}
         >
-          {item.tooltip?.[i18n.language as Lang] || item.displayName}
+          {item.tooltip?.[i18n.language as Lang] || item.name}
         </Button>
       ) : (
         <Tooltip
           key={item.provider}
-          title={item.tooltip?.[i18n.language as Lang] || item.displayName}
+          title={item.tooltip?.[i18n.language as Lang] || item.name}
         >
           <div className="authing-social-login-item" onClick={onLogin}>
             <IconFont type={iconType} />

package/src/components/AuthingGuard/GuardLayout/index.tsx

@@ -157,7 +157,7 @@ const useGuardConfig = () => {
       defaultGuardConfig.loginMethods
 
     // 扫码多源配置
-    const qrcodeTabsSettings = appConfig.qrcodeTabsSettings ?? {}
+    const qrcodeTabsSettings = appConfig.qrcodeTabsSettings
 
     // 账密登录的登录拆分
     const passwordLoginMethods =
@@ -171,8 +171,6 @@ const useGuardConfig = () => {
       appConfig.loginTabs?.default ||
       defaultGuardConfig.defaultLoginMethod
 
-    const loginMethodTitleMapping = appConfig.loginTabs?.title
-
     // 注册方式
     const registerMethods =
       userConfig.registerMethods ||
@@ -241,15 +239,12 @@ const useGuardConfig = () => {
         qrcodeTabsSettings,
         agreementEnabled: appConfig.agreementEnabled,
         agreements: appConfig.agreements,
-        loginMethodTitleMapping: loginMethodTitleMapping,
       }
     )
   }, [
     userConfig,
     appConfig.loginTabs?.list,
-    appConfig.loginTabs?.defaultV2,
     appConfig.loginTabs?.default,
-    appConfig.loginTabs?.title,
     appConfig.qrcodeTabsSettings,
     appConfig.passwordTabConfig?.enabledLoginMethods,
     appConfig.registerTabs?.list,

package/src/components/AuthingGuard/LoginLayout/index.tsx

@@ -1,7 +1,7 @@
 import { message } from 'antd'
 import { User } from 'authing-js-sdk'
 import { FormInstance } from 'antd/lib/form'
-import React, { useCallback, useMemo, useRef } from 'react'
+import React, { useCallback, useRef } from 'react'
 
 import { useGuardContext } from '../../../context/global/context'
 import {
@@ -75,36 +75,36 @@ const useNormalLoginTabs = ({ onSuccess, onFail }: BaseFormProps) => {
   }
 
   const LOGIN_FORM_MAP = {
-    [LoginMethods.Password]: (props: any) => (
+    [LoginMethods.Password]: (
       <PasswordLoginForm
-        {...props}
+        {...formProps}
         ref={(v) => (formRef.current[LoginMethods.Password] = v!)}
       />
     ),
-    [LoginMethods.PhoneCode]: (props: any) => (
+    [LoginMethods.PhoneCode]: (
       <PhoneCodeLoginForm
-        {...props}
+        {...formProps}
         ref={(v) => (formRef.current[LoginMethods.PhoneCode] = v!)}
       />
     ),
-    [LoginMethods.AppQr]: (props: any) => (
-      <QrCodeLoginForm type={LoginMethods.AppQr} {...props} />
+    [LoginMethods.AppQr]: (
+      <QrCodeLoginForm type={LoginMethods.AppQr} {...formProps} />
     ),
-    [LoginMethods.WxMinQr]: (props: any) => (
-      <QrCodeLoginForm type={LoginMethods.WxMinQr} {...props} />
+    [LoginMethods.WxMinQr]: (
+      <QrCodeLoginForm type={LoginMethods.WxMinQr} {...formProps} />
     ),
-    [LoginMethods.LDAP]: (props: any) => (
+    [LoginMethods.LDAP]: (
       <LdapLoginForm
-        {...props}
+        {...formProps}
         ref={(v) => (formRef.current[LoginMethods.LDAP] = v!)}
       />
     ),
-    [LoginMethods.WechatMpQrcode]: (props: any) => (
-      <QrCodeLoginForm type={LoginMethods.WechatMpQrcode} {...props} />
+    [LoginMethods.WechatMpQrcode]: (
+      <QrCodeLoginForm type={LoginMethods.WechatMpQrcode} {...formProps} />
     ),
-    [LoginMethods.AD]: (props: any) => (
+    [LoginMethods.AD]: (
       <ADLoginForm
-        {...props}
+        {...formProps}
         ref={(v) => (formRef.current[LoginMethods.AD] = v!)}
       />
     ),
@@ -113,46 +113,14 @@ const useNormalLoginTabs = ({ onSuccess, onFail }: BaseFormProps) => {
   const {
     state: { config },
   } = useGuardContext()
-  const {
-    loginMethods = [],
-    loginMethodTitleMapping,
-    qrcodeTabsSettings,
-  } = config
+  const { loginMethods = [] } = config
 
-  let tabs: any[] = []
+  const tabs = loginMethods.map((item) => ({
+    key: item,
+    label: LOGIN_METHODS_MAP()?.[item]!,
+    component: LOGIN_FORM_MAP[item],
+  }))
 
-  // 兼容 密码登陆 donglyc
-  let filterLoginMethods = loginMethods.filter(
-    (d) => d.indexOf('password') === -1
-  )
-  const hasPassword = loginMethods.some((d) => d.indexOf('password') !== -1)
-  if (hasPassword) filterLoginMethods.push(LoginMethods.Password)
-
-  filterLoginMethods.forEach((method: LoginMethods) => {
-    if (
-      [LoginMethods.WechatMpQrcode, LoginMethods.WxMinQr].includes(method) &&
-      qrcodeTabsSettings[method]
-    ) {
-      tabs.push(
-        ...qrcodeTabsSettings[method].map((idp) => {
-          return {
-            key: idp.id,
-            label: idp.title || loginMethodTitleMapping[method],
-            component: LOGIN_FORM_MAP[method]({
-              ...formProps,
-              idp,
-            }),
-          }
-        })
-      )
-    } else {
-      tabs.push({
-        key: method,
-        label: LOGIN_METHODS_MAP()[method],
-        component: LOGIN_FORM_MAP[method](formProps),
-      })
-    }
-  })
   return {
     tabs,
   }
@@ -165,25 +133,13 @@ const SHOW_SOCIAL_LOGIN_TAB = [
 ]
 export const LoginLayout = () => {
   const {
-    state: { activeTabs, config },
+    state: { activeTabs },
     setValue,
   } = useGuardContext()
-  const { qrcodeTabsSettings } = config
 
   const { onFail, onSuccess } = useFormActions()
   const { tabs } = useNormalLoginTabs({ onSuccess, onFail })
 
-  const activeKey = useMemo(() => {
-    const activeTab = activeTabs[GuardScenes.Login]
-    if (
-      [LoginMethods.WechatMpQrcode, LoginMethods.WxMinQr].includes(activeTab) &&
-      qrcodeTabsSettings[activeTab]
-    ) {
-      return qrcodeTabsSettings[activeTab].find((item) => item.isDefault)?.id
-    }
-    return activeTab
-  }, [activeTabs, qrcodeTabsSettings])
-
   return (
     <>
       <AuthingTabs
@@ -194,7 +150,7 @@ export const LoginLayout = () => {
             [GuardScenes.Login]: t,
           })
         }
-        activeKey={activeKey}
+        activeKey={activeTabs[GuardScenes.Login]}
       />
 
       {SHOW_SOCIAL_LOGIN_TAB.includes(activeTabs[GuardScenes.Login]) && (

package/src/components/AuthingGuard/api/appConfig.ts

@@ -31,11 +31,11 @@ export const ApplicationMfaTypeLabel: () => Record<
 
 export type QrcodeTabsSettings = Record<
   LoginMethods,
-  Array<{
+  {
     id: string
     title: string
     isDefault?: boolean
-  }>
+  }
 >
 
 export interface OidcClientMetadata {
@@ -102,7 +102,6 @@ export interface ApplicationConfig {
   loginTabs: {
     list: string[]
     default: string
-    defaultV2?: string
     title: { [x: string]: string }
   }
   socialConnections: SocialConnectionItem[]

package/src/components/AuthingGuard/api/userPoolConfig.ts

@@ -72,10 +72,8 @@ export interface ICasConnectionConfig {
 }
 export interface SocialConnectionItem {
   name: string
-  displayName: string
   logo: string
   description: string
-  identifier: string
   provider: SocialConnectionProvider
   authorizationUrl: string
   tooltip: Record<Lang, string>

package/src/components/AuthingGuard/types/Forms.ts

@@ -27,7 +27,6 @@ export interface LdapLoginFormProps extends BaseFormProps {
 
 export interface QrLoginFormProps extends BaseFormProps {
   type: LoginMethods.AppQr | LoginMethods.WxMinQr | LoginMethods.WechatMpQrcode
-  idpId?: string
 }
 
 export interface EmailRegisterFormProps extends BaseFormProps {

package/src/components/AuthingGuard/types/GuardConfig.ts

@@ -413,7 +413,6 @@ export interface GuardConfig extends UserConfig {
   publicKey: ApplicationConfig['publicKey']
   agreementEnabled: boolean
   agreements: Agreement[]
-  loginMethodTitleMapping: Record<string, string>
   qrcodeTabsSettings: QrcodeTabsSettings
 }
 

package/src/index.tsx

@@ -4,8 +4,6 @@ import ReactDOM from 'react-dom'
 import { Lang } from './components'
 import { AuthingGuard } from './components/AuthingGuard'
 
-import { SocialConnectionProvider } from 'authing-js-sdk'
-
 import {
   GuardMode,
   // LoginMethods,
@@ -23,9 +21,8 @@ const App = () => {
 
   const config: UserConfig = {
     mode: GuardMode.Modal,
-    // appHost: 'https://core.dev2.authing-inc.co',
-    apiHost: 'http://console.authing.localhost:3000',
-    // appHost: 'http://0w9ugz.authing.localhost:3000',
+    appHost: 'https://core.dev2.authing-inc.co/',
+    // apiHost: 'http://console.authing.localhost:3000',
     // apiHost: 'http://192.168.50.57:3000',
     // loginMethods: Object.values(LoginMethods),
     // logo:
@@ -56,7 +53,7 @@ const App = () => {
     //   }
     // `,
     // // autoRegister: true,
-    socialConnections: [SocialConnectionProvider.WECHATPC],
+    // socialConnections: [SocialConnections.AppleWeb],
   }
 
   const [visible, setVisible] = useState(false)
@@ -73,14 +70,6 @@ const App = () => {
   return (
     // eslint-disable-next-line react/jsx-no-undef
     <>
-      <Button
-        type="primary"
-        onClick={() => {
-          //
-        }}
-      >
-        add socialConnections
-      </Button>
       <Button
         type="primary"
         onClick={() => {
@@ -125,8 +114,8 @@ const App = () => {
         }}
         // onLoad={(a) => console.log(a, '加载完成')}
         // onPwdResetError={(e) => console.log(e)}
-        appId="61ada57aef5ed526528ed5b6"
-        // tenantId="61a5ed126cddae656cce9007"
+        appId="6191cf610f772aa56dc70637"
+        tenantId="6194a41abf23c1d5268b362a"
         // appId="5fd877fb0ba0421962eced94"
         config={config}
       />