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

package/build/static/js/runtime-main.1b4b9135.js

@@ -1,2 +0,0 @@
-!function(e){function t(t){for(var n,a,i=t[0],c=t[1],l=t[2],s=0,p=[];s<i.length;s++)a=i[s],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&p.push(o[a][0]),o[a]=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,i=1;i<r.length;i++){var c=r[i];0!==o[c]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={1:0},u=[];function a(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,a),r.l=!0,r.exports}a.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,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+"static/js/"+({}[e]||e)+"."+{3:"edcab7cd"}[e]+".chunk.js"}(e);var c=new Error;u=function(t){i.onerror=i.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:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(t)},a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/",a.oe=function(e){throw console.error(e),e};var i=this["webpackJsonp@authing/react-ui-components"]=this["webpackJsonp@authing/react-ui-components"]||[],c=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;l<i.length;l++)t(i[l]);var f=c;r()}([]);
-//# sourceMappingURL=runtime-main.1b4b9135.js.map

package/build/static/js/runtime-main.1b4b9135.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.1b4b9135.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\":\"edcab7cd\"}[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/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/AppDownload.tsx

@@ -1,198 +0,0 @@
-import React, { FC } from 'react'
-import { Button } from 'antd'
-import { useTranslation } from 'react-i18next'
-import { IconFont } from '../../../IconFont'
-import './styles.less'
-import { getOS } from '../../../../../utils'
-
-export interface AppDownloadProps {}
-
-export const download_authenticator_config = {
-  Android: {
-    google:
-      'https://authing-public-cn.oss-cn-beijing.aliyuncs.com/public/Google%20Authenticator.apk',
-    microsoft: 'https://mobile.baidu.com/item?docid=27175919',
-    googleQRcode:
-      'https://files.authing.co/authing-user-portal/GoogleAuthenticator-Authing.png',
-    microsoftQRcode:
-      'https://files.authing.co/authing-user-portal/MicrosoftAuthenticator-Baidu.png',
-  },
-  iOS: {
-    google: 'https://apps.apple.com/us/app/google-authenticator/id388497605',
-    microsoft:
-      'https://apps.apple.com/us/app/microsoft-authenticator/id983156458',
-    googleQRcode:
-      'https://files.authing.co/authing-user-portal/GoogleAuthenticator-Apple.png',
-    microsoftQRcode:
-      'https://files.authing.co/authing-user-portal/MicrosoftAuthenticator-Apple.png',
-  },
-}
-
-const GoogleApple = download_authenticator_config.iOS.googleQRcode
-const MicrosoftApple = download_authenticator_config.iOS.microsoftQRcode
-const GoogleAuthing = download_authenticator_config.Android.googleQRcode
-const MicrosoftBaidu = download_authenticator_config.Android.microsoftQRcode
-
-export const AppDownload: FC<AppDownloadProps> = () => {
-  const { t } = useTranslation()
-
-  return (
-    <div className="appDownload">
-      <div className="item">
-        <div
-          className="logo"
-          style={{
-            background: '#EFF2F6',
-          }}
-        >
-          <IconFont
-            type="authing-apple-web"
-            style={{
-              fontSize: 30,
-              color: '#293350',
-            }}
-          />
-        </div>
-        <span className="title">{t('common.downloadTotpAppIOS')}</span>
-        <span className="subtitle">{t('common.downloadTotpAppDocs')}</span>
-        <div className="QRCode">
-          <div className="QRCodeItem">
-            <div
-              className="image"
-              style={{
-                backgroundSize: 'contain',
-                backgroundRepeat: 'no-repeat',
-                backgroundPosition: 'center',
-                backgroundImage: `url('${GoogleApple}')`,
-              }}
-            />
-            <span className="QRCodeText">Google Authenticator</span>
-          </div>
-          <div className="QRCodeItem">
-            <div
-              className="image"
-              style={{
-                backgroundSize: 'contain',
-                backgroundRepeat: 'no-repeat',
-                backgroundPosition: 'center',
-                backgroundImage: `url('${MicrosoftApple}')`,
-              }}
-            />
-            <span className="QRCodeText">Microsoft Authenticator</span>
-          </div>
-        </div>
-      </div>
-      <div className="item">
-        <div
-          className="logo"
-          style={{
-            background: '#28B1B0',
-          }}
-        >
-          <IconFont
-            type="authing-anzhuo"
-            style={{
-              fontSize: 30,
-              color: '#FFF',
-            }}
-          />
-        </div>
-        <span className="title">{t('common.downloadTotpAppAndroid')}</span>
-        <span className="subtitle">{t('common.downloadTotpAppDocs')}</span>
-        <div className="QRCode">
-          <div className="QRCodeItem">
-            <div
-              className="image"
-              style={{
-                backgroundSize: 'contain',
-                backgroundRepeat: 'no-repeat',
-                backgroundPosition: 'center',
-                backgroundImage: `url('${GoogleAuthing}')`,
-              }}
-            />
-            <span className="QRCodeText">Google Authenticator</span>
-          </div>
-          <div className="QRCodeItem">
-            <div
-              className="image"
-              style={{
-                backgroundSize: 'contain',
-                backgroundRepeat: 'no-repeat',
-                backgroundPosition: 'center',
-                backgroundImage: `url('${MicrosoftBaidu}')`,
-              }}
-            />
-            <span className="QRCodeText">Microsoft Authenticator</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export const DOWNLOAD_AUTHENTICATOR_CONFIG = {
-  Android: {
-    google:
-      'https://authing-public-cn.oss-cn-beijing.aliyuncs.com/public/Google%20Authenticator.apk',
-    microsoft: 'https://mobile.baidu.com/item?docid=27175919',
-  },
-  iOS: {
-    google: 'https://apps.apple.com/us/app/google-authenticator/id388497605',
-    microsoft:
-      'https://apps.apple.com/us/app/microsoft-authenticator/id983156458',
-  },
-}
-
-export const MediaAppDownload: FC = () => {
-  const { t } = useTranslation()
-  const os = getOS()
-
-  const appDownloadConfig = [
-    {
-      name: 'Google Authenticator',
-      imageUrl:
-        'https://files.authing.co/authing-user-portal/logo-google%402x.png',
-      download: () => {
-        if (os && Object.keys(DOWNLOAD_AUTHENTICATOR_CONFIG).includes(os)) {
-          // @ts-ignore
-          window.open(`${DOWNLOAD_AUTHENTICATOR_CONFIG?.[os as never].google}`)
-        }
-      },
-    },
-    {
-      name: 'Microsoft Authenticator',
-      imageUrl:
-        'https://files.authing.co/authing-user-portal/logo-microsoft%402x.png',
-      download: () => {
-        if (os && Object.keys(DOWNLOAD_AUTHENTICATOR_CONFIG).includes(os)) {
-          window.open(
-            // @ts-ignore
-            `${DOWNLOAD_AUTHENTICATOR_CONFIG?.[os as never].microsoft}`
-          )
-        }
-      },
-    },
-  ]
-
-  return (
-    <div className={'mediaAppDownload'}>
-      {appDownloadConfig.map((item, index) => (
-        <div className={'mediaAppDownloadItem'} key={index}>
-          <div className={'itemHeader'}>
-            <img src={item.imageUrl} alt="app logo" />
-            <span className="authing-mfa-dowload-item-title">{item.name}</span>
-            <span className=""></span>
-          </div>
-          <Button
-            className={'btnItem'}
-            size="large"
-            type="primary"
-            onClick={item.download}
-          >
-            {t('common.download')}
-          </Button>
-        </div>
-      ))}
-    </div>
-  )
-}

package/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/BindSuccess.tsx

@@ -1,48 +0,0 @@
-import React, { FC, useEffect } from 'react'
-import { Space } from 'antd'
-import { TotpSource } from '../UserMfa'
-import { User } from 'authing-js-sdk'
-import { useTranslation } from 'react-i18next'
-import { useGuardContext } from '../../../../../context/global/context'
-
-export const BindSuccess: FC<{
-  totpSource?: TotpSource
-  user?: User
-}> = ({ totpSource = TotpSource.SELF, user }) => {
-  const { t } = useTranslation()
-
-  const {
-    state: { guardEvents, authClient },
-  } = useGuardContext()
-
-  useEffect(() => {
-    if (user && totpSource === TotpSource.APPLICATION) {
-      setTimeout(() => {
-        guardEvents.onLogin?.(user as any, authClient)
-      }, 1000)
-    }
-  }, [guardEvents, user, totpSource, authClient])
-
-  return (
-    <Space size={16} direction="vertical">
-      <img
-        width="148"
-        height="148"
-        style={{
-          marginBottom: '34px',
-        }}
-        src={
-          'https://files.authing.co/authing-user-portal/mfa-bind-success.png'
-        }
-        alt="bind success"
-      />
-      <h4 className={'subtitle'}>{t('user.bindSuccess')}</h4>
-      {/* {totpSource === TotpSource.APPLICATION ? (
-        <p className={'desc'}>{t('common.bindAppTotp')}</p>
-      ) : (
-        <p className={'desc'}>{t('user.bindedMfa')}</p>
-		  )} */}
-      <p className={'desc'}>{t('user.bindedMfa')}</p>
-    </Space>
-  )
-}

package/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/CopyIcon.tsx

@@ -1,52 +0,0 @@
-import React, { FC, useState } from 'react'
-import { CheckOutlined, CopyOutlined } from '@ant-design/icons'
-import { Tooltip } from 'antd'
-import { useTranslation } from 'react-i18next'
-
-export interface CopyIconProps {
-  copyValue: string
-  style?: React.CSSProperties
-  className?: string
-}
-const CopyIcon: FC<CopyIconProps> = ({ copyValue, className, style }) => {
-  const { t } = useTranslation()
-
-  const [isCopy, setIsCopy] = useState(false)
-
-  const onCopy = () => {
-    setIsCopy(true)
-
-    copyFunction(copyValue)
-
-    setTimeout(() => {
-      setIsCopy(false)
-    }, 1000)
-  }
-
-  return !isCopy ? (
-    <div className={className} style={style}>
-      <CopyOutlined onClick={onCopy} />
-    </div>
-  ) : (
-    <div className={className} style={style}>
-      <Tooltip title={t('common.copyed')} visible={true}>
-        <CheckOutlined style={{ color: '#52c41a' }} />
-      </Tooltip>
-    </div>
-  )
-}
-
-export const copyFunction = (copyValue: string) => {
-  let transfer = document.createElement('input')
-  document.body.appendChild(transfer)
-  transfer.value = copyValue
-  transfer.focus()
-  transfer.select()
-  if (document.execCommand('copy')) {
-    document.execCommand('copy')
-  }
-  transfer.blur()
-  document.body.removeChild(transfer)
-}
-
-export default CopyIcon

package/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/InputSaftyCode.tsx

@@ -1,25 +0,0 @@
-import React, { FC } from 'react'
-import { Space } from 'antd'
-import { useTranslation } from 'react-i18next'
-import { VerifyCodeInput } from '../../../../../common/VerifyCodeInput'
-
-export const InputSaftyCode: FC<{
-  saftyCode: string[]
-  isPhoneMedia: boolean
-  setSaftyCode: (code: string[]) => void
-}> = ({ saftyCode, setSaftyCode, isPhoneMedia }) => {
-  const { t } = useTranslation()
-
-  return (
-    <Space size={14} direction="vertical">
-      <h4 className={'subtitle'}>{t('user.inputSafteyCode')}</h4>
-      <p className={'desc'}>{t('user.viewInputSixCode')}</p>
-      <VerifyCodeInput
-        className={'saftyCodeInput'}
-        verifyCode={saftyCode}
-        setVerifyCode={setSaftyCode}
-      />
-      <p className={'saftyCodeTip'}>{t('user.numberSafteyCode')}</p>
-    </Space>
-  )
-}

package/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/SaveSecretKey.tsx

@@ -1,34 +0,0 @@
-import React, { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { Checkbox, Typography, Space } from 'antd'
-
-const { Paragraph } = Typography
-
-export const SaveSecretKey: FC<{
-  setIsSaved: Function
-  isSaved: boolean
-  secret: string
-}> = ({ secret, isSaved, setIsSaved }) => {
-  const { t } = useTranslation()
-
-  const handleChange = (val: boolean) => {
-    setIsSaved(val)
-  }
-  return (
-    <Space size={16} direction="vertical">
-      <h4 className="subtitle">{t('user.saveSecret')}</h4>
-      <p className={'desc'}>{t('user.resetCodeDoWhat')}</p>
-
-      <Paragraph className={'secretParagraph'} copyable>
-        {secret}
-      </Paragraph>
-
-      <Checkbox
-        onChange={(evt: any) => handleChange(evt.target.checked)}
-        checked={isSaved}
-      >
-        {t('login.rememberedSecret')}
-      </Checkbox>
-    </Space>
-  )
-}

package/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/ScanQrcode.tsx

@@ -1,44 +0,0 @@
-import React, { FC, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { IconFont } from '../../../IconFont'
-import CopyIcon from './CopyIcon'
-
-export const ScanQrcode: FC<{
-  qrcode: string
-  secret: string
-  isPhoneMedia: boolean
-  userpoolName: string
-}> = ({ qrcode, secret, isPhoneMedia, userpoolName }) => {
-  const { t } = useTranslation()
-
-  const desc = useMemo(
-    () =>
-      isPhoneMedia
-        ? t('user.pleaseDownloadAuthenticatorMedia')
-        : t('user.pleaseDownloadAuthenticator'),
-    [t, isPhoneMedia]
-  )
-
-  return (
-    <div className="ScanQrcode">
-      {!isPhoneMedia ? (
-        <>
-          <h4 className="subtitle">{t('user.scanQrcode')}</h4>
-          <p className="desc">{desc}</p>
-          <img className="qrcode" src={qrcode} alt="qrcode" />
-        </>
-      ) : (
-        <>
-          <h4 className="subtitle">{t('user.saveSecret')}</h4>
-          <div className="secretInput">
-            <div className="iconBox">
-              <IconFont type="authing-key-2-line" />
-            </div>
-            {t('common.secret')}: {secret}
-            <CopyIcon copyValue={secret} style={{ marginLeft: 'auto' }} />
-          </div>
-        </>
-      )}
-    </div>
-  )
-}

package/src/components/AuthingGuard/Forms/TotpMfaVerifyForm/BindTotpForm/index.tsx

@@ -1,40 +0,0 @@
-import React, { FC, useEffect } from 'react'
-import { useGuardContext } from 'src/context/global/context'
-import { UserMfa, TotpSource } from '../UserMfa/'
-
-export const BindTotpForm: FC<any> = (props) => {
-  const { onSuccess, onFail } = props
-  const {
-    state: { mfaData, userPoolId, appId },
-    setValue,
-  } = useGuardContext()
-
-  const { state } = useGuardContext()
-
-  console.log(state)
-
-  // 略微调整一下 Layout
-  useEffect(() => {
-    setValue('guardSize', 'large')
-    setValue('showHeader', false)
-    setValue('showBottom', false)
-
-    return () => {
-      setValue('guardSize', 'middle')
-      setValue('showHeader', true)
-      setValue('showBottom', true)
-    }
-  }, [setValue])
-
-  return (
-    <UserMfa
-      userpoolName={''}
-      userPoolId={userPoolId}
-      appId={appId}
-      totpSource={TotpSource.APPLICATION}
-      MFAToken={mfaData.mfaToken as string}
-      onSuccess={onSuccess}
-      onFail={onFail}
-    />
-  )
-}