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

package/build/static/js/runtime-main.ef138021.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:"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()}([]);
-//# sourceMappingURL=runtime-main.ef138021.js.map

package/build/static/js/runtime-main.ef138021.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.ef138021.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\":\"fd17f196\"}[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/build/static/media/loading.4a67a5f3.svg

@@ -1,29 +0,0 @@
-<svg width="100%" height="100%"
- viewBox="0 0 150 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style>
-    #path-f {
-      fill: none;
-      stroke: #eaebee;
-      stroke-width: 10;
-      stroke-dasharray: 100 220;
-      animation: dash 40s infinite linear forwards;
-    }
-    #path-b {
-      fill: none;
-      stroke: #0080ff;
-      stroke-width: 8;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-    }
-    @keyframes dash {
-      to {
-        stroke-dashoffset: 12000;
-      }
-    }
-  </style>
-  <title>Loading</title>
-  <g id="单独" transform="translate(25.000000, 16.000000)" fill-rule="nonzero"  stroke-width="2" >
-    <path d="M50,0 L0,30 C0,31 0,32 0,33 C0,69 20,100 50,116 C79,100 100,69 100,33 C100,32 99,31 99,30 L50,0 Z" id="path-b"/>
-    <path d="M50,0 L0,30 C0,31 0,32 0,33 C0,69 20,100 50,116 C79,100 100,69 100,33 C100,32 99,31 99,30 L50,0 Z" id="path-f"/>
-  </g>
-</svg>

package/components/BindTotp/core/bindSuccess.tsx

@@ -1,72 +0,0 @@
-import { Form, Checkbox, Typography } from 'antd'
-import React, { useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import SubmitButton from '../../SubmitButton'
-
-const { Paragraph } = Typography
-
-export interface BindSuccessProps {
-  onBind: any
-  secret: string
-}
-
-export const BindSuccess: React.FC<BindSuccessProps> = ({ secret, onBind }) => {
-  // const [isSaved, setIsSaved] = useState(false)
-  const submitButtonRef = useRef<any>(null)
-  const [form] = Form.useForm()
-
-  const { t } = useTranslation()
-
-  const bindSuccess = async () => {
-    submitButtonRef.current?.onSpin(true)
-    try {
-      await form.validateFields()
-      onBind()
-    } catch (e: any) {
-      submitButtonRef.current?.onError()
-    } finally {
-      submitButtonRef.current?.onSpin(false)
-    }
-  }
-
-  return (
-    <>
-      <p className="authing-g2-mfa-title">{t('common.totpText1')}</p>
-      <p className="authing-g2-mfa-tips">{t('common.totpText2')}</p>
-
-      <div className="g2-mfa-bindTotp-copySecret">
-        <Paragraph copyable>{secret}</Paragraph>
-      </div>
-
-      <Form
-        form={form}
-        onFinish={bindSuccess}
-        style={{ width: '100%' }}
-        onFinishFailed={() => submitButtonRef.current?.onError()}
-      >
-        <Form.Item
-          className="authing-g2-input-form g2-mfa-totp-verify-input"
-          name="remember"
-          rules={[
-            {
-              validator: (_, value) => {
-                console.log(value)
-                if (!value) {
-                  return Promise.reject(t('common.pleaseRecordKey'))
-                }
-                return Promise.resolve()
-              },
-            },
-          ]}
-          valuePropName="checked"
-        >
-          <Checkbox className="g2-mfa-bindTotp-secretSave">
-            {t('login.rememberedSecret')}
-          </Checkbox>
-        </Form.Item>
-
-        <SubmitButton text={t('common.bindSuccess')} ref={submitButtonRef} />
-      </Form>
-    </>
-  )
-}

package/components/BindTotp/core/securityCode.tsx

@@ -1,108 +0,0 @@
-import { Form, message } from 'antd'
-import React, { useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useAsyncFn } from 'react-use'
-
-import { GuardModuleType } from '../../Guard/module'
-import { useGuardHttp } from '../../_utils/guradHttp'
-import SubmitButton from '../../SubmitButton'
-import { ImagePro } from '../../ImagePro'
-import { VerifyCodeFormItem } from '../../MFA/VerifyCodeInput/VerifyCodeFormItem'
-import { VerifyCodeInput } from '../../MFA/VerifyCodeInput'
-export interface SecurityCodeProps {
-  mfaToken: string
-  qrcode: string
-  onNext: any
-  changeModule: any
-}
-
-export const SecurityCode: React.FC<SecurityCodeProps> = ({
-  mfaToken,
-  qrcode,
-  onNext,
-  changeModule,
-}) => {
-  const [form] = Form.useForm()
-  const submitButtonRef = useRef<any>(null)
-
-  const { t } = useTranslation()
-
-  const { post } = useGuardHttp()
-
-  const onJump = () => {
-    changeModule?.(GuardModuleType.DOWNLOAD_AT)
-  }
-
-  const [, bindTotp] = useAsyncFn(async () => {
-    submitButtonRef.current.onSpin(true)
-
-    try {
-      await form.validateFields()
-      const saftyCode = form.getFieldValue('saftyCode')
-
-      const { code, data, message: resMessage } = await post(
-        '/api/v2/mfa/totp/associate/confirm',
-        {
-          authenticator_type: 'totp',
-          totp: saftyCode.join(''),
-          source: 'APPLICATION',
-        },
-        {
-          headers: {
-            authorization: mfaToken,
-          },
-        }
-      )
-
-      if (code !== 200) {
-        submitButtonRef.current.onError()
-        message.error(resMessage)
-      } else {
-        onNext(data)
-      }
-    } catch (e: any) {
-      submitButtonRef.current.onError()
-    } finally {
-      submitButtonRef.current?.onSpin(false)
-    }
-  }, [mfaToken])
-
-  return (
-    <>
-      <p className="authing-g2-mfa-title">{t('user.mfaBind')}</p>
-      <p
-        className="authing-g2-mfa-tips"
-        style={{
-          textAlign: 'left',
-        }}
-      >
-        {t('common.usePhoneOpen')} Google Authenticator or Microsoft
-        Authenticator（{t('common.noValidator')}{' '}
-        <span
-          style={{
-            color: '#396AFF',
-            cursor: 'pointer',
-          }}
-          onClick={onJump}
-        >
-          {t('common.clickTodownload')}
-        </span>
-        ） {t('common.mfaText1')}
-      </p>
-      <ImagePro className="g2-mfa-bindTotp-qrcode" src={qrcode} alt="qrcode" />
-      <Form
-        className="g2-mfa-bindTotp-securityCode-form"
-        form={form}
-        onSubmitCapture={() => {}}
-        onFinish={bindTotp}
-        onFinishFailed={() => submitButtonRef.current.onError()}
-      >
-        <VerifyCodeFormItem codeLength={6} name="saftyCode">
-          <VerifyCodeInput length={6} showDivider={true} gutter={'10px'} />
-        </VerifyCodeFormItem>
-        <p>{t('user.numberSafteyCode')}</p>
-        <SubmitButton text={t('user.nextStep')} ref={submitButtonRef} />
-      </Form>
-    </>
-  )
-}

package/components/BindTotp/index.tsx

@@ -1,134 +0,0 @@
-import { message } from 'antd'
-import { User } from 'authing-js-sdk'
-import React, { useEffect, useMemo, useState } from 'react'
-import { useAsyncFn } from 'react-use'
-import { ErrorCode } from '../_utils/GuardErrorCode'
-import { useGuardHttp } from '../_utils/guradHttp'
-import { useAuthClient } from '../Guard/authClient'
-import { GuardModuleType } from '../Guard/module'
-import { IconFont } from '../IconFont'
-import { ShieldSpin, Spin } from '../ShieldSpin'
-import { BindSuccess } from './core/bindSuccess'
-import { SecurityCode } from './core/securityCode'
-import { GuardBindTotpViewProps } from './interface'
-import { useTranslation } from 'react-i18next'
-import './styles.less'
-const window: Window = require('global/window')
-
-enum BindTotpType {
-  SECURITY_CODE = 'securityCode',
-  BIND_SUCCESS = 'bindSuccess',
-}
-
-export const GuardBindTotpView: React.FC<GuardBindTotpViewProps> = ({
-  config: GuardLocalConfig,
-  initData,
-  onLogin,
-  __changeModule,
-}) => {
-  const { get, post } = useGuardHttp()
-  const { t } = useTranslation()
-  const [secret, setSecret] = useState('')
-  const [qrcode, setQrcode] = useState('')
-  const [user, setUser] = useState<User>()
-  const [bindTotpType, setBindTotpType] = useState<BindTotpType>(
-    BindTotpType.SECURITY_CODE
-  )
-
-  const authClient = useAuthClient()
-
-  const [bindInfo, fetchBindInfo] = useAsyncFn(async () => {
-    const query = {
-      type: 'totp',
-      source: 'APPLICATION',
-    }
-    const config = {
-      headers: {
-        authorization: initData.mfaToken,
-      },
-    }
-
-    try {
-      const { data } = await get<any>(
-        `/api/v2/mfa/authenticator`,
-        query,
-        config
-      )
-
-      if (data.code === ErrorCode.LOGIN_INVALID) {
-        message.error(data.message)
-        __changeModule?.(GuardModuleType.LOGIN, {})
-        return
-      }
-    } catch (error: any) {
-      message.error(error?.message)
-    }
-
-    const { data } = await post<any>(
-      '/api/v2/mfa/totp/associate',
-      query,
-      config
-    )
-
-    setSecret(data.recovery_code)
-    setQrcode(data.qrcode_data_url)
-  }, [initData.mfaToken])
-
-  const onBind = () => {
-    if (user) onLogin?.(user, authClient)
-  }
-
-  const onNext = (user: User) => {
-    setUser(user)
-    setBindTotpType(BindTotpType.BIND_SUCCESS)
-  }
-
-  useEffect(() => {
-    fetchBindInfo()
-  }, [fetchBindInfo])
-
-  const renderContent = useMemo<
-    Record<BindTotpType, (props: any) => React.ReactNode>
-  >(
-    () => ({
-      [BindTotpType.SECURITY_CODE]: (props) => <SecurityCode {...props} />,
-      [BindTotpType.BIND_SUCCESS]: (props) => <BindSuccess {...props} />,
-    }),
-    []
-  )
-
-  const onBack = () => {
-    window.history.back()
-  }
-
-  return (
-    <>
-      {bindInfo.loading ? (
-        <Spin />
-      ) : (
-        <div className="g2-view-container">
-          <div className="g2-view-back">
-            <span onClick={onBack}>
-              <IconFont type="authing-back" />
-              <span>{t('common.backToVerify')}</span>
-            </span>
-          </div>
-          <div className="g2-mfa-content g2-mfa-bindTotp">
-            {bindInfo.loading ? (
-              <ShieldSpin />
-            ) : (
-              renderContent[bindTotpType]({
-                mfaToken: initData.mfaToken,
-                qrcode,
-                secret,
-                onBind,
-                onNext,
-                changeModule: __changeModule,
-              })
-            )}
-          </div>
-        </div>
-      )}
-    </>
-  )
-}

package/components/BindTotp/interface.ts

@@ -1,30 +0,0 @@
-import { getDefaultG2Config, IG2Config, IG2Events, IG2FCProps } from '../Type'
-import { AuthenticationClient, User } from '..'
-import { GuardMFAInitData } from '../MFA/props'
-
-export interface BindTotpConfig extends IG2Config {}
-
-const defaultConfig: BindTotpConfig = {
-  ...getDefaultG2Config(),
-}
-
-export const getDefaultMFAConfig = (): BindTotpConfig => ({
-  ...getDefaultG2Config(),
-  ...defaultConfig,
-})
-
-export interface BindTotpEvents extends IG2Events {
-  onLogin?: (user: User, authClient: AuthenticationClient) => void
-}
-
-export interface GuardBindTotpInitData extends GuardMFAInitData {}
-
-export interface GuardBindTotpProps extends IG2FCProps, BindTotpEvents {
-  config: Partial<BindTotpConfig>
-  initData: GuardBindTotpInitData
-}
-
-export interface GuardBindTotpViewProps extends GuardBindTotpProps {
-  config: BindTotpConfig
-  initData: GuardBindTotpInitData
-}

package/components/BindTotp/styles.less

@@ -1,57 +0,0 @@
-.g2-mfa-bindTotp {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100%;
-
-  .g2-mfa-bindTotp-copySecret {
-    width: 100%;
-    height: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: #f5f6f7;
-    border-radius: 4px;
-
-    .authing-ant-typography {
-      margin: 0;
-
-      svg {
-        color: #878a95 !important;
-        margin-left: 30px;
-      }
-    }
-  }
-  .g2-mfa-bindTotp-secretSave {
-    margin-top: 16px;
-  }
-
-  .g2-mfa-submit-button {
-    margin-top: 80px !important;
-  }
-
-  .g2-mfa-bindTotp-qrcode {
-    box-shadow: 0px 0px 30px rgba(84, 89, 104, 0.15);
-    border-radius: 4px;
-  }
-
-  .g2-mfa-bindTotp-securityCode-form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .g2-mfa-submit-button {
-      margin-top: 64px !important;
-    }
-
-    .g2-mfa-totp-verify-input {
-      text-align: center;
-      margin-bottom: 8px !important;
-      margin-top: 40px !important;
-    }
-
-    p {
-      color: #878a95;
-    }
-  }
-}

package/components/ChangeLanguage/index.tsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { IconFont } from '../IconFont'
-import { changeLang } from '../_utils/locales'
-
-export const ChangeLanguage = (props: any) => {
-  const { i18n } = useTranslation()
-  if (props.langRange.length <= 1) {
-    return <></>
-  }
-
-  let switchText = '简体中文'
-  if (i18n.language === 'en-US') {
-    switchText = 'English'
-  }
-  return (
-    <div className="g2-change-language-container">
-      <span
-        className="g2-change-language-button"
-        onClick={() => {
-          if (i18n.language === 'zh-CN') {
-            changeLang('en-US')
-            props.onLangChange?.('en-US')
-          } else if (i18n.language === 'en-US') {
-            changeLang('zh-CN')
-            props.onLangChange?.('zh-CN')
-          }
-        }}
-      >
-        <IconFont type="authing-global-line" />
-        <span className="g2-change-language-text">{switchText}</span>
-      </span>
-    </div>
-  )
-}

package/components/ChangePassword/core/firstLoginReset.tsx

@@ -1,111 +0,0 @@
-import React, { useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import { Form, Input, message } from 'antd'
-
-import { LockOutlined } from '@ant-design/icons'
-
-import { useAuthClient } from '../../Guard/authClient'
-import { getPasswordValidate } from '../../_utils'
-import SubmitButton from '../../SubmitButton'
-
-interface FirstLoginResetProps {
-  onReset: any
-  publicConfig: any
-  initData: any
-}
-export const FirstLoginReset = (props: FirstLoginResetProps) => {
-  const { t } = useTranslation()
-  let [form] = Form.useForm()
-  let client = useAuthClient()
-  let submitButtonRef = useRef<any>(null)
-
-  const onFinish = async (values: any) => {
-    let newPassword = values.password
-    submitButtonRef.current?.onSpin(false)
-    try {
-      let res = await client.resetPasswordByFirstLoginToken({
-        token: props.initData.token,
-        password: newPassword,
-      })
-      props.onReset(res)
-    } catch (error) {
-      message.error(error.message)
-      submitButtonRef?.current?.onError()
-    } finally {
-      submitButtonRef.current?.onSpin(false)
-    }
-  }
-
-  return (
-    <div className="authing-g2-login-phone-code">
-      <Form
-        name="resetPassword"
-        form={form}
-        onFinish={onFinish}
-        onFinishFailed={() => {
-          submitButtonRef?.current?.onError()
-        }}
-        autoComplete="off"
-      >
-        <Form.Item
-          className="authing-g2-input-form"
-          name="password"
-          rules={[
-            {
-              validator(_, value) {
-                if (value && value.indexOf(' ') !== -1) {
-                  return Promise.reject(t('common.checkPasswordHasSpace'))
-                }
-                return Promise.resolve()
-              },
-            },
-            ...getPasswordValidate(
-              props.publicConfig?.passwordStrength,
-              props.publicConfig?.customPasswordStrength
-            ),
-          ]}
-        >
-          <Input.Password
-            className="authing-g2-input"
-            size="large"
-            placeholder={t('login.inputPwd')}
-            prefix={<LockOutlined style={{ color: '#878A95' }} />}
-          />
-        </Form.Item>
-        <Form.Item
-          className="authing-g2-input-form"
-          name="password2"
-          rules={[
-            {
-              validator(_, value) {
-                let pwd = form.getFieldValue('password')
-                if (!value) {
-                  return Promise.reject(t('login.inputPwd'))
-                }
-                if (value !== pwd) {
-                  return Promise.reject(t('common.repeatPasswordDoc'))
-                }
-                return Promise.resolve()
-              },
-            },
-          ]}
-        >
-          <Input.Password
-            className="authing-g2-input"
-            size="large"
-            placeholder={t('login.inputPwdAgain')}
-            prefix={<LockOutlined style={{ color: '#878A95' }} />}
-          />
-        </Form.Item>
-
-        <Form.Item className="authing-g2-input-form submit-form">
-          <SubmitButton
-            className="forget-password"
-            text={t('common.confirm')}
-            ref={submitButtonRef}
-          />
-        </Form.Item>
-      </Form>
-    </div>
-  )
-}