@authing/react-ui-components 3.0.2-beta.7 → 3.0.3-rc.4

package/build/static/js/runtime-main.9a428724.js

@@ -1,2 +0,0 @@
-!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:"ed27e06b"}[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()}([]);
-//# sourceMappingURL=runtime-main.9a428724.js.map

package/build/static/js/runtime-main.9a428724.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","1","exports","module","l","e","promises","installedChunkData","promise","Promise","resolve","reject","onScriptComplete","script","document","createElement","charset","timeout","nc","setAttribute","src","p","jsonpScriptSrc","error","Error","event","onerror","onload","clearTimeout","chunk","errorType","type","realSrc","target","message","name","request","undefined","setTimeout","head","appendChild","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","err","console","jsonpArray","this","oldJsonpFunction","slice"],"mappings":"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","file":"static/js/runtime-main.9a428724.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t1: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"static/js/\" + ({}[chunkId]||chunkId) + \".\" + {\"3\":\"ed27e06b\"}[chunkId] + \".chunk.js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = this[\"webpackJsonp@authing/react-ui-components\"] = this[\"webpackJsonp@authing/react-ui-components\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// run deferred modules from other chunks\n \tcheckDeferredModules();\n"],"sourceRoot":""}

package/components/AuthingDropdown/index.tsx

@@ -1,52 +0,0 @@
-import { DownOutlined } from '@ant-design/icons'
-import React, { FC, useState } from 'react'
-import { getClassnames } from '../_utils'
-
-import './style.less'
-
-/**
- * 不使用 antd 的 dropdown，因为里面会用 tooltip，体积过大
- */
-export const AuthingDropdown: FC<{
-  className?: string
-  menus: {
-    label: React.ReactNode
-    key: string | number
-    onClick?: (
-      key: string | number,
-      evt: React.MouseEvent<HTMLDivElement, MouseEvent>
-    ) => void
-  }[]
-}> = ({ menus, children, className }) => {
-  const [visible, setVisible] = useState(false)
-
-  return (
-    <div
-      className={getClassnames(['authing-dropdown', className])}
-      onMouseEnter={() => setVisible(true)}
-      onMouseLeave={() => setVisible(false)}
-    >
-      <div className="authing-dropdown-trigger">{children}</div>
-      <div
-        className={getClassnames([
-          'authing-dropdown-menu-container',
-          visible && 'authing-dropdown-menu-container__visible',
-        ])}
-      >
-        {menus.map((item) => (
-          <div
-            className="authing-dropdown-menu-item"
-            onClick={(evt) => {
-              setVisible(false)
-              item.onClick?.(item.key, evt)
-            }}
-            key={item.key}
-          >
-            {item.label}
-          </div>
-        ))}
-      </div>
-      <DownOutlined className="authing-dropdown-icon" />
-    </div>
-  )
-}

package/components/AuthingDropdown/style.less

@@ -1,43 +0,0 @@
-.authing-dropdown {
-  display: inline-flex;
-  position: relative;
-  align-items: center;
-}
-
-.authing-dropdown-trigger {
-  cursor: pointer;
-}
-
-.authing-dropdown-menu-container {
-  height: 0;
-  opacity: 0;
-  position: absolute;
-  top: 100%;
-  left: 0;
-  transition: all 0.3s;
-  cursor: pointer;
-  background-color: #fff;
-  padding: 4px 0;
-  border-radius: 2px;
-  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-  pointer-events: none;
-}
-
-.authing-dropdown-menu-container__visible {
-  height: auto;
-  opacity: 1;
-  pointer-events: unset;
-}
-
-.authing-dropdown-menu-item {
-  padding: 5px 12px;
-  transition: all 0.3s;
-  &:hover {
-    background-color: #f5f5f5;
-  }
-}
-
-.authing-dropdown-icon {
-  margin-left: 8px;
-}

package/components/AuthingGuard/AppMFALayout/index.tsx

@@ -1,74 +0,0 @@
-import { message } from 'antd'
-import { User } from 'authing-js-sdk'
-import React, { FC, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { AuthingDropdown } from '../../AuthingDropdown'
-
-import {
-  EmailMfaVerifyForm,
-  SmsMfaVerifyForm,
-} from '../../../components/AuthingGuard/Forms'
-import { useGuardContext } from '../../context/global/context'
-import { ApplicationMfaType, ApplicationMfaTypeLabel } from '../api'
-
-import './style.less'
-
-export interface MfaLayoutProps {}
-
-export const AppMfaLayout: FC<MfaLayoutProps> = () => {
-  const { t } = useTranslation()
-  const {
-    state: { guardEvents, authClient, mfaData },
-  } = useGuardContext()
-
-  const [type, setType] = useState(ApplicationMfaType.SMS)
-
-  const onSuccess = (user: User) => {
-    message.success(t('common.LoginSuccess'))
-    guardEvents.onLogin?.(user, authClient)
-  }
-
-  const onFail = (error: any) => {
-    guardEvents.onLoginError?.(error, authClient)
-  }
-
-  const formProps = {
-    onSuccess,
-    onFail,
-  }
-
-  const formMap = {
-    [ApplicationMfaType.EMAIL]: <EmailMfaVerifyForm {...formProps} />,
-    [ApplicationMfaType.SMS]: <SmsMfaVerifyForm {...formProps} />,
-  }
-
-  const availableMfaType = mfaData.applicationMfa
-    ?.filter(
-      (item) =>
-        item.status && Object.keys(ApplicationMfaType).includes(item.mfaPolicy)
-    )
-    ?.sort((a, b) => a.sort - b.sort)
-    ?.map((item) => ({
-      label: ApplicationMfaTypeLabel()[item.mfaPolicy],
-      key: item.mfaPolicy,
-      onClick() {
-        setType(item.mfaPolicy)
-      },
-    }))
-
-  return (
-    <div className="authing-text-center">
-      {formMap[type]}
-      {(availableMfaType?.length || 0 > 1) && (
-        <AuthingDropdown
-          className="toggle-mfa-dropdown"
-          menus={availableMfaType!}
-        >
-          <span className="authing-toggle-mfa">
-            {t('login.otherVerifyWay')}
-          </span>
-        </AuthingDropdown>
-      )}
-    </div>
-  )
-}

package/components/AuthingGuard/AppMFALayout/style.less

@@ -1,12 +0,0 @@
-.authing-toggle-mfa,
-.toggle-mfa-dropdown .authing-dropdown-icon {
-  color: #999;
-}
-
-.toggle-mfa-dropdown {
-  margin-top: 30px;
-  align-self: center;
-  .authing-dropdown-menu-item {
-    white-space: nowrap;
-  }
-}

package/components/AuthingGuard/CompleteUserInfoLayout/index.tsx

@@ -1,29 +0,0 @@
-import React, { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useGuardContext } from '../../context/global/context'
-import { CompleteUserInfoForm } from '../Forms/CompleteUserInfoForm'
-
-import './style.less'
-
-export const CompleteUserInfoLayout: FC = () => {
-  const {
-    state: { guardTitle },
-  } = useGuardContext()
-
-  const { t } = useTranslation()
-  return (
-    <div>
-      <h2 className="authing-guard-complete-info-title">
-        {t('common.perfectUserInfo')}
-      </h2>
-
-      <p className="authing-guard-complete-info-msg">
-        {t('common.welcomeDoc', {
-          name: guardTitle,
-        })}
-      </p>
-
-      <CompleteUserInfoForm />
-    </div>
-  )
-}

package/components/AuthingGuard/CompleteUserInfoLayout/style.less

@@ -1,8 +0,0 @@
-.authing-guard-complete-info-title {
-  font-size: 20px;
-  text-align: center;
-  color: #333;
-}
-.authing-guard-complete-info-msg {
-  color: #b2b2b2;
-}

package/components/AuthingGuard/Forms/ADLoginForm/index.tsx

@@ -1,117 +0,0 @@
-import { Input, Form, message } from 'antd'
-import { FormInstance } from 'antd/lib/form'
-import { UserOutlined, LockOutlined } from '@ant-design/icons'
-import React, { forwardRef, useImperativeHandle, useState } from 'react'
-
-import { useGuardContext } from '../../../context/global/context'
-import {
-  ADLoginFormProps,
-  LoginMethods,
-} from '../../../../components/AuthingGuard/types'
-import { LoginFormFooter } from '../../../../components/AuthingGuard/Forms/LoginFormFooter'
-import { useTranslation } from 'react-i18next'
-import { getRequiredRules } from '../../../_utils'
-
-export const ADLoginForm = forwardRef<FormInstance, ADLoginFormProps>(
-  ({ onSuccess, onValidateFail, onFail }, ref) => {
-    const { t } = useTranslation()
-    const { state } = useGuardContext()
-    const { authClient, guardEvents } = state
-
-    const [loading, setLoading] = useState(false)
-
-    const onFinishFailed = (errorInfo: any) => {
-      setLoading(false)
-      onValidateFail && onValidateFail(errorInfo)
-    }
-
-    const [rawForm] = Form.useForm()
-
-    const onFinish = async (values: any) => {
-      if (guardEvents.onBeforeLogin) {
-        try {
-          const canLogin = await guardEvents.onBeforeLogin(
-            {
-              type: LoginMethods.AD,
-              data: {
-                identity: values.identity,
-                password: values.password,
-              },
-            },
-            authClient
-          )
-
-          if (!canLogin) {
-            setLoading(false)
-            return
-          }
-        } catch (e) {
-          if (typeof e === 'string') {
-            message.error(e)
-          } else {
-            message.error(e.message)
-          }
-          setLoading(false)
-          return
-        }
-      }
-
-      try {
-        const identity = values.identity && values.identity.trim()
-        const password = values.password && values.password.trim()
-        const user = await authClient.loginByAd(identity, password)
-        onSuccess && onSuccess(user)
-      } catch (error) {
-        if (typeof error.message === 'string') {
-          // js sdk httpclient 的报错，这里只有一种情况就是用户开启了 mfa 的报错
-          try {
-            const errorData = JSON.parse(error.message)
-            onFail && onFail(errorData)
-            return
-          } catch (_) {
-            // do nothing
-          }
-        }
-        onFail && onFail(error)
-      } finally {
-        setLoading(false)
-      }
-    }
-
-    useImperativeHandle(ref, () => rawForm)
-
-    return (
-      <Form
-        form={rawForm}
-        onSubmitCapture={() => setLoading(true)}
-        onFinishFailed={onFinishFailed}
-        onFinish={onFinish}
-      >
-        <Form.Item
-          name="identity"
-          rules={getRequiredRules(t('login.inputAdUsername'))}
-        >
-          <Input
-            autoComplete="email,username,tel"
-            size="large"
-            placeholder={t('login.inputAdUsername')}
-            prefix={<UserOutlined style={{ color: '#ddd' }} />}
-          />
-        </Form.Item>
-        <Form.Item
-          name="password"
-          rules={getRequiredRules(t('login.inputAdPwd'))}
-        >
-          <Input.Password
-            autoComplete="current-password"
-            size="large"
-            visibilityToggle={false}
-            placeholder={t('login.inputAdPwd')}
-            prefix={<LockOutlined style={{ color: '#ddd' }} />}
-          />
-        </Form.Item>
-        <LoginFormFooter loading={loading}></LoginFormFooter>
-      </Form>
-    )
-  }
-)

package/components/AuthingGuard/Forms/Agreements/index.tsx

@@ -1,81 +0,0 @@
-import React, { FC, useState, useMemo, useEffect } from 'react'
-import { Space, Checkbox } from 'antd'
-import { Agreement } from '../../api'
-import './style.less'
-import { getClassnames } from '../../../_utils'
-
-export interface AgreementsProps {
-  value?: boolean
-  onChange?: (value: boolean) => void
-  style?: React.CSSProperties
-  agreements: Agreement[]
-  showError?: boolean
-}
-
-export const Agreements: FC<AgreementsProps> = ({
-  showError,
-  onChange = () => {},
-  style,
-  agreements,
-}) => {
-  const [acceptList, setAcceptList] = useState<(string | number)[]>([])
-
-  const toggleItemCheck = (id: string | number) => {
-    setAcceptList((prev) => {
-      if (prev.includes(id)) {
-        return prev.filter((item) => item !== id)
-      }
-      return [...prev, id]
-    })
-  }
-
-  /** 是否可以注册 */
-  const isAccept = useMemo(() => {
-    /** 所有必须勾选的都勾了就可以通过 */
-    return agreements
-      .filter((item) => item.required)
-      .every((item) => acceptList.includes(item.id))
-  }, [acceptList, agreements])
-
-  useEffect(() => {
-    onChange(isAccept)
-  }, [isAccept, onChange])
-
-  return (
-    <div
-      className={getClassnames([
-        'authing-agreements',
-        showError && 'authing-agreements-error',
-      ])}
-    >
-      {agreements.map((item) => {
-        return (
-          <div
-            key={item.id}
-            style={{ ...style }}
-            className={getClassnames([
-              'authing-agreements-item',
-              item.required &&
-                !acceptList.includes(item.id) &&
-                'authing-agreements-item-invalid',
-            ])}
-            onClick={() => toggleItemCheck(item.id)}
-          >
-            <Space align="start" size={5}>
-              <Checkbox
-                className="authing-agreements-checkbox"
-                checked={acceptList.includes(item.id)}
-              />
-              <div
-                className="authing-agreements-item-content"
-                dangerouslySetInnerHTML={{
-                  __html: item.title,
-                }}
-              ></div>
-            </Space>
-          </div>
-        )
-      })}
-    </div>
-  )
-}

package/components/AuthingGuard/Forms/Agreements/style.less

@@ -1,44 +0,0 @@
-.authing-agreements {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  &.authing-agreements-error {
-    .authing-agreements-item-invalid {
-      color: #ff4d4f;
-      a {
-        color: #ff4d4f;
-      }
-      :global(.ant-checkbox-inner) {
-        border-color: #ff4d4f;
-      }
-    }
-  }
-}
-
-.authing-agreements-item {
-  color: #999999;
-  user-select: none;
-  cursor: pointer;
-  font-size: 12px;
-  &:not(:first-child) {
-    margin-top: 4px;
-  }
-  p {
-    margin-bottom: 0;
-    display: inline-block;
-  }
-}
-
-.authing-agreements-checkbox {
-  margin-bottom: 2px;
-  :global(.ant-checkbox-inner) {
-    width: 14px;
-    height: 14px;
-    &::after {
-      left: 20%;
-    }
-  }
-}
-
-.authing-agreements-item-content {
-  line-height: 23px;
-}

package/components/AuthingGuard/Forms/CompleteUserInfoForm/index.tsx

@@ -1,139 +0,0 @@
-import { Button, Form, Input, message, Spin } from 'antd'
-import { useForm } from 'antd/lib/form/Form'
-import React, { FC, useEffect, useState } from 'react'
-import { useGuardContext } from '../../../context/global/context'
-import { User } from 'authing-js-sdk'
-import { UploadImage } from '../UploadImage'
-import { requestClient } from '../../../_utils/http'
-import { CompleteUserInfoFormProps } from '../../types'
-import { useTranslation } from 'react-i18next'
-import { i18n } from '../../../_utils/locales'
-
-export const CompleteUserInfoForm: FC<CompleteUserInfoFormProps> = ({
-  onSuccess,
-}) => {
-  const { t } = useTranslation()
-  const [rawForm] = useForm()
-  const [submitting, setSubmitting] = useState(false)
-
-  const [loading, setLoading] = useState(false)
-
-  const {
-    state: { config, authClient, guardEvents, userPoolId },
-  } = useGuardContext()
-
-  const { extendsFields } = config
-
-  const [, setUser] = useState<User | null>()
-  const [definitions, setDefinitions] = useState<any[]>([])
-
-  const onFinish = async (values: any) => {
-    const internalFields: any = {}
-    const userFields: any[] = []
-    Object.entries(values).forEach(([key, value]) => {
-      const [type, nameOrId] = key.split(' ')
-      if (type === 'internal') {
-        internalFields[nameOrId] = value
-      } else if (type === 'user') {
-        userFields.push({ nameOrId, value })
-      }
-    })
-
-    const udfs = userFields.map(({ nameOrId, value }) => ({
-      definition: definitions.find((def) => def.id === nameOrId),
-      value,
-    }))
-
-    try {
-      const user = await authClient.updateProfile(internalFields)
-
-      setUser(user)
-
-      await requestClient.post(
-        `/api/v2/udfs/values`,
-        {
-          udfs,
-        },
-        {
-          headers: {
-            authorization: user?.token,
-            'x-authing-userpool-id': userPoolId,
-          },
-        }
-      )
-
-      message.success(t('common.saveSuccess'))
-      guardEvents.onRegisterInfoCompleted?.(user, udfs, authClient)
-      onSuccess?.(user)
-    } catch (e) {
-      guardEvents.onRegisterInfoCompletedError?.(e, udfs, authClient)
-      setSubmitting(false)
-    } finally {
-      setSubmitting(false)
-    }
-  }
-
-  useEffect(() => {
-    setLoading(true)
-    ;(async () => {
-      const user = await authClient.getCurrentUser()
-      setUser(user)
-      const { data } = await requestClient.get<any>(
-        '/api/v2/udfs/definitions',
-        undefined,
-        {
-          headers: {
-            authorization: user?.token!,
-            'x-authing-userpool-id': userPoolId,
-          },
-        }
-      )
-      setDefinitions(data)
-      setLoading(false)
-    })()
-  }, [authClient, userPoolId])
-
-  const onFinishFailed = () => {}
-
-  const INPUT_MAP: Record<string, React.ReactNode | undefined> = {
-    image: <UploadImage />,
-  }
-
-  const formFields = extendsFields.map((def) => {
-    const key = `${def.type} ${def.type === 'internal' ? def.name : def.id}`
-
-    const label = i18n.language === 'zh-CN' ? def.label : def.name
-
-    return (
-      <Form.Item key={key} name={key} label={label} style={{ marginBottom: 8 }}>
-        {INPUT_MAP[def.inputType] || (
-          <Input type={def.inputType} size="large" />
-        )}
-      </Form.Item>
-    )
-  })
-
-  return (
-    <Spin spinning={loading}>
-      <Form
-        layout="vertical"
-        form={rawForm}
-        onSubmitCapture={() => setSubmitting(true)}
-        onFinishFailed={onFinishFailed}
-        onFinish={onFinish}
-      >
-        {formFields}
-
-        <Button
-          size="large"
-          loading={submitting}
-          type="primary"
-          block
-          htmlType="submit"
-        >
-          {t('common.problem.form.submit')}
-        </Button>
-      </Form>
-    </Spin>
-  )
-}