@authing/react-ui-components 3.0.2-beta.5 → 3.1.1-rc.1

package/{components → src}/context/global/reducer.tsx

@@ -6,10 +6,10 @@ import {
   GuardEventsHandler,
   LocalesConfig,
   Lang,
-} from '../../AuthingGuard/types'
+} from '../../components/AuthingGuard/types'
 import { AuthenticationClient } from 'authing-js-sdk'
 import { IBaseAction } from '../base'
-import { ApplicationMfaType } from '../../AuthingGuard/api/appConfig'
+import { ApplicationMfaType } from '../../components/AuthingGuard/api/appConfig'
 
 export type IState = {
   config: GuardConfig // 处理后的 Guard 配置

package/src/index.tsx

@@ -0,0 +1,142 @@
+import { Button } from 'antd'
+import React, { useState } from 'react'
+import ReactDOM from 'react-dom'
+import { Lang } from './components'
+import { AuthingGuard } from './components/AuthingGuard'
+
+import { SocialConnectionProvider } from 'authing-js-sdk'
+
+import {
+  GuardMode,
+  // LoginMethods,
+  UserConfig,
+  // LoginMethods,
+  // RegisterMethods,
+  // GuardScenes,
+  // SocialConnections,
+} from './components/AuthingGuard/types/GuardConfig'
+import reportWebVitals from './reportWebVitals'
+
+const App = () => {
+  const [lang, setLang] = useState<Lang>('zh-CN')
+  const [title, setTitle] = useState('标题')
+
+  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',
+    // apiHost: 'http://192.168.50.57:3000',
+    // loginMethods: Object.values(LoginMethods),
+    // logo:
+    //   'https://files.authing.co/user-contents/photos/0a4c99ff-b8ce-4030-aaaf-584c807cb21c.png',
+    // title: 'Authing',
+    // defaultLoginMethod: LoginMethods.LDAP,
+    // registerMethods: Object.values(RegisterMethods),
+    // defaultRegisterMethod: RegisterMethods.Email,
+    // defaultScenes: GuardScenes.Login,
+    // socialConnections: Object.values(SocialConnections),
+    // enterpriseConnections: ["oidc1"],
+    // appDomain: 'oidc1.authing.cn',
+    // appId: '5f17a529f64fb009b794a2ff',
+    // isSSO: true,
+    // zIndex: 300,
+    // text: {
+    //   loginTabs: {
+    //     [LoginMethods.Password]: '密码登录一下',
+    //   },
+    //   loginBtn: {
+    //     loading: 'fuck',
+    //   },
+    // },
+    // mode: GuardMode.Modal,
+    // contentCss: `
+    //   html, body {
+    //     background-color: #fff;
+    //   }
+    // `,
+    // // autoRegister: true,
+    socialConnections: [SocialConnectionProvider.WECHATPC],
+  }
+
+  const [visible, setVisible] = useState(false)
+
+  // useEffect(() => {
+  //   setTimeout(() => setVisible(true), 3000)
+  // }, [])
+
+  // initAuthClient({
+  //   appId: '60c02a89a9e0431e271d9ff0',
+  //   // appHost: 'http://console.authing.localhost:3000',
+  // })
+
+  return (
+    // eslint-disable-next-line react/jsx-no-undef
+    <>
+      <Button
+        type="primary"
+        onClick={() => {
+          //
+        }}
+      >
+        add socialConnections
+      </Button>
+      <Button
+        type="primary"
+        onClick={() => {
+          setVisible(!visible)
+        }}
+      >
+        开关
+      </Button>
+      <Button
+        type="primary"
+        onClick={() => {
+          setLang('zh-CN')
+        }}
+      >
+        中文
+      </Button>
+      <Button
+        type="primary"
+        onClick={() => {
+          setLang('en-US')
+        }}
+      >
+        English
+      </Button>
+      <input
+        value={title}
+        onChange={(evt) => setTitle(evt.target.value)}
+      ></input>
+      <AuthingGuard
+        onLoad={(v) => console.log(v)}
+        visible={visible}
+        // onLoginTabChange={(v) => console.log(v)}
+        // onRegisterTabChange={(v) => console.log(v)}
+        // onClose={() => {
+        //   setVisible(false)
+        //   setTimeout(() => {
+        //     setVisible(true)
+        //   }, 2000)
+        // }}
+        onClose={() => {
+          setVisible(false)
+        }}
+        // onLoad={(a) => console.log(a, '加载完成')}
+        // onPwdResetError={(e) => console.log(e)}
+        appId="61ada57aef5ed526528ed5b6"
+        // tenantId="61a5ed126cddae656cce9007"
+        // appId="5fd877fb0ba0421962eced94"
+        config={config}
+      />
+    </>
+  )
+}
+
+ReactDOM.render(<App />, document.getElementById('root'))
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals()

package/{components/_utils → src/utils}/clipboard.ts

@@ -1,4 +1,4 @@
-import { i18n } from './locales'
+import { i18n } from 'src/components/AuthingGuard/locales'
 
 // https://juejin.im/post/6844903857290477582
 export const copyToClipboard = (str: string) => {

package/{components/_utils → src/utils}/index.ts

@@ -1,8 +1,7 @@
 import { useEffect } from 'react'
 import { Rule } from 'antd/lib/form'
-import qs from 'qs'
 import { useGuardContext } from '../context/global/context'
-import { i18n } from './locales'
+import qs from 'qs'
 
 export * from './popupCenter'
 export * from './clipboard'
@@ -30,17 +29,6 @@ export const getRequiredRules = (msg: string): Rule[] => {
   ]
 }
 
-export const fieldRequiredRule = (fieldRequiredRule: string): Rule[] => {
-  return [
-    {
-      required: true,
-      message: i18n.t('common.isMissing', {
-        name: fieldRequiredRule,
-      }),
-    },
-  ]
-}
-
 export function getDeviceName() {
   if (typeof window === 'undefined') {
     return null
@@ -81,7 +69,7 @@ const insertedRecord: Record<STYLE_RECORD_KEY, any> = {
 }
 export const insertStyles = (
   styles: string | any,
-  recordKey?: STYLE_RECORD_KEY
+  recordKey: STYLE_RECORD_KEY
 ) => {
   let styleElt, styleSheet
   if ((document as any).createStyleSheet) {
@@ -108,9 +96,7 @@ export const insertStyles = (
     }
   }
 
-  if (recordKey) {
-    insertedRecord[recordKey] = styleElt
-  }
+  insertedRecord[recordKey] = styleElt
 }
 
 export const removeStyles = (recordKey: STYLE_RECORD_KEY) => {
@@ -192,135 +178,3 @@ export const getUserRegisterParams = () => {
 
 export const isWechatBrowser = () =>
   /MicroMessenger/i.test(navigator?.userAgent)
-
-export const assembledAppHost = (identifier: string, host: string) => {
-  const hostUrl = new URL(host)
-
-  const splitHost = hostUrl.hostname.split('.')
-
-  const port = hostUrl.port
-
-  splitHost.shift()
-
-  return `${hostUrl.protocol}//${identifier}.${splitHost.join('.')}${
-    port && `:${port}`
-  }`
-}
-
-export enum PasswordStrength {
-  NoCheck,
-  Low,
-  Middle,
-  High,
-  AUTO,
-}
-
-export const PASSWORD_STRENGTH_TEXT_MAP: Record<
-  PasswordStrength,
-  {
-    placeholder: () => string
-    validateMessage: () => string
-  }
-> = {
-  [PasswordStrength.NoCheck]: {
-    placeholder: () => i18n.t('login.inputPwd'),
-    validateMessage: () => i18n.t('login.inputPwd'),
-  },
-  [PasswordStrength.Low]: {
-    placeholder: () => i18n.t('login.setPwdLimit1'),
-    validateMessage: () => i18n.t('login.setPwdLimitMsg1'),
-  },
-  [PasswordStrength.Middle]: {
-    placeholder: () => i18n.t('login.login.setPwdLimit2'),
-    validateMessage: () => i18n.t('login.setPwdLimitMsg2'),
-  },
-  [PasswordStrength.High]: {
-    placeholder: () => i18n.t('login.login.setPwdLimit3'),
-    validateMessage: () => i18n.t('login.setPwdLimitMsg3'),
-  },
-  [PasswordStrength.AUTO]: {
-    placeholder: () => i18n.t('login.inputPwd'),
-    validateMessage: () => i18n.t('login.inputPwd'),
-  },
-}
-
-const SYMBOL_TYPE_PATTERNS = [
-  /\d+/,
-  /[a-zA-Z]/,
-  /[-!$%^&*()_+|~=`{}[\]:";'<>?,@./]/,
-]
-
-export const getSymbolTypeLength = (pwd: string) => {
-  return SYMBOL_TYPE_PATTERNS.map((pattern) => pattern.test(pwd)).filter(
-    (item) => item
-  ).length
-}
-
-export const getPasswordValidate = (
-  strength: PasswordStrength = PasswordStrength.NoCheck,
-  customPasswordStrength: any = {}
-): Rule[] => {
-  const required = fieldRequiredRule(i18n.t('common.password'))[0]
-
-  const validateMap: Record<PasswordStrength, Rule[]> = {
-    [PasswordStrength.NoCheck]: [required],
-    [PasswordStrength.Low]: [
-      required,
-      {
-        validator(r, v) {
-          if (v && v.length < 6) {
-            return Promise.reject(
-              PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.Low].validateMessage()
-            )
-          }
-          return Promise.resolve()
-        },
-      },
-    ],
-    [PasswordStrength.Middle]: [
-      required,
-      {
-        validator(r, v) {
-          if (v && (v.length < 6 || getSymbolTypeLength(v) < 2)) {
-            return Promise.reject(
-              PASSWORD_STRENGTH_TEXT_MAP[
-                PasswordStrength.Middle
-              ].validateMessage()
-            )
-          }
-          return Promise.resolve()
-        },
-      },
-    ],
-    [PasswordStrength.High]: [
-      required,
-      {
-        validator(r, v) {
-          if (v && (v.length < 6 || getSymbolTypeLength(v) < 3)) {
-            console.log(
-              PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.High].validateMessage
-            )
-            return Promise.reject(
-              PASSWORD_STRENGTH_TEXT_MAP[
-                PasswordStrength.High
-              ].validateMessage()
-            )
-          }
-          return Promise.resolve(true)
-        },
-      },
-    ],
-    [PasswordStrength.AUTO]: [
-      required,
-      {
-        pattern: customPasswordStrength?.regex,
-        message: customPasswordStrength?.message,
-      },
-    ],
-  }
-
-  return validateMap[strength]
-}
-
-export const sleep = (delay: number) =>
-  new Promise((resolve) => setTimeout(resolve, delay))

package/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "outDir": "lib/",
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
@@ -18,13 +19,6 @@
     "noEmit": false,
     "jsx": "react"
   },
-  "include": [
-    "components/**/*.ts",
-    "components/**/*.tsx",
-    "components/**/*.json",
-    "react-app-env.d.ts",
-    "reportWebVitals.ts",
-    "setupTests.ts"
-  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.json"],
   "exclude": ["node_modules", "lib", "build"]
 }

package/build/asset-manifest.json

@@ -1,26 +0,0 @@
-{
-  "files": {
-    "main.css": "/static/css/main.779f221a.chunk.css",
-    "main.js": "/static/js/main.5f341531.chunk.js",
-    "main.js.map": "/static/js/main.5f341531.chunk.js.map",
-    "runtime-main.js": "/static/js/runtime-main.ef138021.js",
-    "runtime-main.js.map": "/static/js/runtime-main.ef138021.js.map",
-    "static/css/2.51c07e65.chunk.css": "/static/css/2.51c07e65.chunk.css",
-    "static/js/2.bbae9fdb.chunk.js": "/static/js/2.bbae9fdb.chunk.js",
-    "static/js/2.bbae9fdb.chunk.js.map": "/static/js/2.bbae9fdb.chunk.js.map",
-    "static/js/3.fd17f196.chunk.js": "/static/js/3.fd17f196.chunk.js",
-    "static/js/3.fd17f196.chunk.js.map": "/static/js/3.fd17f196.chunk.js.map",
-    "index.html": "/index.html",
-    "static/css/2.51c07e65.chunk.css.map": "/static/css/2.51c07e65.chunk.css.map",
-    "static/css/main.779f221a.chunk.css.map": "/static/css/main.779f221a.chunk.css.map",
-    "static/js/2.bbae9fdb.chunk.js.LICENSE.txt": "/static/js/2.bbae9fdb.chunk.js.LICENSE.txt",
-    "static/media/loading.4a67a5f3.svg": "/static/media/loading.4a67a5f3.svg"
-  },
-  "entrypoints": [
-    "static/js/runtime-main.ef138021.js",
-    "static/css/2.51c07e65.chunk.css",
-    "static/js/2.bbae9fdb.chunk.js",
-    "static/css/main.779f221a.chunk.css",
-    "static/js/main.5f341531.chunk.js"
-  ]
-}

package/build/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><link href="/static/css/2.51c07e65.chunk.css" rel="stylesheet"><link href="/static/css/main.779f221a.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,i,a=t[0],c=t[1],l=t[2],s=0,p=[];s<a.length;s++)i=a[s],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&p.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(t);p.length;)p.shift()();return u.push.apply(u,l||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,a=1;a<r.length;a++){var c=r[a];0!==o[c]&&(n=!1)}n&&(u.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},o={1:0},u=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.e=function(e){var t=[],r=o[e];if(0!==r)if(r)t.push(r[2]);else{var n=new Promise((function(t,n){r=o[e]=[t,n]}));t.push(r[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"fd17f196"}[e]+".chunk.js"}(e);var c=new Error;u=function(t){a.onerror=a.onload=null,clearTimeout(l);var r=o[e];if(0!==r){if(r){var n=t&&("load"===t.type?"missing":t.type),u=t&&t.target&&t.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,r[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(t)},i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonp@authing/react-ui-components"]=this["webpackJsonp@authing/react-ui-components"]||[],c=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;l<a.length;l++)t(a[l]);var f=c;r()}([])</script><script src="/static/js/2.bbae9fdb.chunk.js"></script><script src="/static/js/main.5f341531.chunk.js"></script></body></html>

package/build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: