@authing/react-ui-components 3.0.0-rc.12 → 3.0.0-rc.16

package/es/AuthingTabs/style/index.less

@@ -1,135 +0,0 @@
-.authing-tabs {
-  display: flex;
-  margin-bottom: 36px;
-  align-items: center;
-}
-.authing-tabs-inner {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  flex: 1;
-}
-.authing-tabs-inner--more {
-  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
-}
-.authing-tab-item {
-  color: #aeb9d4;
-  font-size: 16px;
-  transition: all 0.3s ease-out;
-  white-space: nowrap;
-  cursor: pointer;
-  position: relative;
-  height: 28px;
-  margin-right: 32px;
-  &:last-child {
-    margin-right: 12px;
-  }
-  &:only-child {
-    margin-right: 0;
-  }
-  &::after {
-    content: '';
-    width: 0;
-    height: 2px;
-    display: block;
-    position: absolute;
-    left: 50%;
-    bottom: -4px;
-    transform: translateX(-50%);
-    background-color: transparent;
-    transition: all 0.3s ease-out;
-  }
-}
-.authing-tab-item__active {
-  color: #396aff;
-  font-size: 18px;
-  &::after {
-    width: 26px;
-    background-color: #396aff;
-  }
-}
-.authing-tabs-show-more {
-  position: relative;
-  z-index: 2;
-  &.ant-btn {
-    padding: 0 12px;
-  }
-  &:hover,
-  &:focus,
-  &:active {
-    background-color: #fff;
-  }
-  &:hover {
-    .authing-tabs-more-panel {
-      height: auto;
-      opacity: 1;
-      padding: 4px 0;
-    }
-  }
-
-  &:after {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 6px;
-    top: 100%;
-    left: 0;
-    position: absolute;
-  }
-}
-.authing-tabs-more-panel {
-  position: absolute;
-  box-sizing: border-box;
-  transition: all 0.3s;
-  height: 0;
-  opacity: 0;
-  right: 0;
-  top: 100%;
-  transform: translateY(6px);
-  background-color: #fff;
-  max-height: 200px;
-  margin: 0;
-  padding: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-  text-align: left;
-  list-style-type: none;
-  background-clip: padding-box;
-  border-radius: 2px;
-  outline: none;
-  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);
-}
-.authing-tabs-more-panel-item {
-  min-width: 120px;
-  margin: 0;
-  padding: 5px 12px;
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 22px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  cursor: pointer;
-  transition: all 0.3s;
-  &:hover {
-    background-color: #f5f5f5;
-  }
-}
-
-@media only screen and (max-width: 719px) {
-  .authing-tabs-inner {
-    justify-content: flex-start;
-  }
-  .authing-tab-item {
-    margin-right: 40px;
-    font-size: 14px;
-  }
-  .authing-tab-item__active {
-    font-size: 16px;
-  }
-  .authing-tab-pane {
-    padding-bottom: 70px;
-  }
-}

package/es/BindTotp/core/bindSuccess.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface BindSuccessProps {
-    onBind: any;
-    secret: string;
-}
-export declare const BindSuccess: React.FC<BindSuccessProps>;

package/es/BindTotp/core/bindSuccess.js

@@ -1,111 +0,0 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import "antd/lib/form/style";
-import _Form from "antd/lib/form";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import "antd/lib/typography/style";
-import _Typography from "antd/lib/typography";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import SubmitButton from '../../SubmitButton';
-var Paragraph = _Typography.Paragraph;
-export var BindSuccess = function BindSuccess(_ref) {
-  var secret = _ref.secret,
-      onBind = _ref.onBind;
-  // const [isSaved, setIsSaved] = useState(false)
-  var submitButtonRef = useRef(null);
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var bindSuccess = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _submitButtonRef$curr;
-
-      var _submitButtonRef$curr2, _submitButtonRef$curr3;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(true);
-              _context.prev = 1;
-              _context.next = 4;
-              return form.validateFields();
-
-            case 4:
-              onBind();
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](1);
-              (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onError();
-
-            case 10:
-              _context.prev = 10;
-              (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onSpin(false);
-              return _context.finish(10);
-
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 7, 10, 13]]);
-    }));
-
-    return function bindSuccess() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: "authing-g2-mfa-title"
-  }, t('common.totpText1')), /*#__PURE__*/React.createElement("p", {
-    className: "authing-g2-mfa-tips"
-  }, t('common.totpText2')), /*#__PURE__*/React.createElement("div", {
-    className: "g2-mfa-bindTotp-copySecret"
-  }, /*#__PURE__*/React.createElement(Paragraph, {
-    copyable: true
-  }, secret)), /*#__PURE__*/React.createElement(_Form, {
-    form: form,
-    onFinish: bindSuccess,
-    style: {
-      width: '100%'
-    },
-    onFinishFailed: function onFinishFailed() {
-      var _submitButtonRef$curr4;
-
-      return (_submitButtonRef$curr4 = submitButtonRef.current) === null || _submitButtonRef$curr4 === void 0 ? void 0 : _submitButtonRef$curr4.onError();
-    }
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    className: "authing-g2-input-form g2-mfa-totp-verify-input",
-    name: "remember",
-    rules: [{
-      validator: function validator(_, value) {
-        console.log(value);
-
-        if (!value) {
-          return _Promise.reject(t('common.pleaseRecordKey'));
-        }
-
-        return _Promise.resolve();
-      }
-    }],
-    valuePropName: "checked"
-  }, /*#__PURE__*/React.createElement(_Checkbox, {
-    className: "g2-mfa-bindTotp-secretSave"
-  }, t('login.rememberedSecret'))), /*#__PURE__*/React.createElement(SubmitButton, {
-    text: t('common.bindSuccess'),
-    ref: submitButtonRef
-  })));
-};

package/es/BindTotp/core/securityCode.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface SecurityCodeProps {
-    mfaToken: string;
-    qrcode: string;
-    onNext: any;
-    changeModule: any;
-}
-export declare const SecurityCode: React.FC<SecurityCodeProps>;

package/es/BindTotp/core/securityCode.js

@@ -1,139 +0,0 @@
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import "antd/lib/form/style";
-import _Form from "antd/lib/form";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-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 var SecurityCode = function SecurityCode(_ref) {
-  var mfaToken = _ref.mfaToken,
-      qrcode = _ref.qrcode,
-      onNext = _ref.onNext,
-      changeModule = _ref.changeModule;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var submitButtonRef = useRef(null);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useGuardHttp = useGuardHttp(),
-      post = _useGuardHttp.post;
-
-  var onJump = function onJump() {
-    changeModule === null || changeModule === void 0 ? void 0 : changeModule(GuardModuleType.DOWNLOAD_AT);
-  };
-
-  var _useAsyncFn = useAsyncFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var saftyCode, _yield$post, code, data, resMessage, _submitButtonRef$curr;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            submitButtonRef.current.onSpin(true);
-            _context.prev = 1;
-            _context.next = 4;
-            return form.validateFields();
-
-          case 4:
-            saftyCode = form.getFieldValue('saftyCode');
-            _context.next = 7;
-            return post('/api/v2/mfa/totp/associate/confirm', {
-              authenticator_type: 'totp',
-              totp: saftyCode.join(''),
-              source: 'APPLICATION'
-            }, {
-              headers: {
-                authorization: mfaToken
-              }
-            });
-
-          case 7:
-            _yield$post = _context.sent;
-            code = _yield$post.code;
-            data = _yield$post.data;
-            resMessage = _yield$post.message;
-
-            if (code !== 200) {
-              submitButtonRef.current.onError();
-
-              _message.error(resMessage);
-            } else {
-              onNext(data);
-            }
-
-            _context.next = 17;
-            break;
-
-          case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](1);
-            submitButtonRef.current.onError();
-
-          case 17:
-            _context.prev = 17;
-            (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(false);
-            return _context.finish(17);
-
-          case 20:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[1, 14, 17, 20]]);
-  })), [mfaToken]),
-      _useAsyncFn2 = _slicedToArray(_useAsyncFn, 2),
-      bindTotp = _useAsyncFn2[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: "authing-g2-mfa-title"
-  }, t('user.mfaBind')), /*#__PURE__*/React.createElement("p", {
-    className: "authing-g2-mfa-tips",
-    style: {
-      textAlign: 'left'
-    }
-  }, t('common.usePhoneOpen'), "\uFF08", t('common.noValidator'), ' ', /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: '#396AFF',
-      cursor: 'pointer'
-    },
-    onClick: onJump
-  }, t('common.clickTodownload')), "\uFF09 ", t('common.mfaText1')), /*#__PURE__*/React.createElement(ImagePro, {
-    className: "g2-mfa-bindTotp-qrcode",
-    src: qrcode,
-    alt: "qrcode"
-  }), /*#__PURE__*/React.createElement(_Form, {
-    className: "g2-mfa-bindTotp-securityCode-form",
-    form: form,
-    onSubmitCapture: function onSubmitCapture() {},
-    onFinish: bindTotp,
-    onFinishFailed: function onFinishFailed(e) {
-      submitButtonRef.current.onError();
-    }
-  }, /*#__PURE__*/React.createElement(VerifyCodeFormItem, {
-    codeLength: 6,
-    name: "saftyCode",
-    ruleKeyword: t('user.numberSafteyCode')
-  }, /*#__PURE__*/React.createElement(VerifyCodeInput, {
-    length: 6,
-    showDivider: true,
-    gutter: '10px',
-    onFinish: bindTotp
-  })), /*#__PURE__*/React.createElement(SubmitButton, {
-    text: t('user.nextStep'),
-    ref: submitButtonRef
-  })));
-};

package/es/BindTotp/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { GuardBindTotpViewProps } from './interface';
-export declare const GuardBindTotpView: React.FC<GuardBindTotpViewProps>;

package/es/BindTotp/index.js

@@ -1,169 +0,0 @@
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useEffect, useMemo, useState } from 'react';
-import { useAsyncFn } from 'react-use';
-import { ErrorCode } from '../_utils/GuardErrorCode';
-import { useGuardHttp } from '../_utils/guradHttp';
-import { useGuardAuthClient } 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 { useTranslation } from 'react-i18next';
-var BindTotpType;
-
-(function (BindTotpType) {
-  BindTotpType["SECURITY_CODE"] = "securityCode";
-  BindTotpType["BIND_SUCCESS"] = "bindSuccess";
-})(BindTotpType || (BindTotpType = {}));
-
-export var GuardBindTotpView = function GuardBindTotpView(_ref) {
-  var GuardLocalConfig = _ref.config,
-      initData = _ref.initData,
-      onLogin = _ref.onLogin,
-      __changeModule = _ref.__changeModule;
-
-  var _useGuardHttp = useGuardHttp(),
-      get = _useGuardHttp.get,
-      post = _useGuardHttp.post;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      secret = _useState2[0],
-      setSecret = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      qrcode = _useState4[0],
-      setQrcode = _useState4[1];
-
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      user = _useState6[0],
-      setUser = _useState6[1];
-
-  var _useState7 = useState(BindTotpType.SECURITY_CODE),
-      _useState8 = _slicedToArray(_useState7, 2),
-      bindTotpType = _useState8[0],
-      setBindTotpType = _useState8[1];
-
-  var authClient = useGuardAuthClient();
-
-  var _useAsyncFn = useAsyncFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var query, config, _yield$get, _data, _yield$post, data;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            query = {
-              type: 'totp',
-              source: 'APPLICATION'
-            };
-            config = {
-              headers: {
-                authorization: initData.mfaToken
-              }
-            };
-            _context.prev = 2;
-            _context.next = 5;
-            return get("/api/v2/mfa/authenticator", query, config);
-
-          case 5:
-            _yield$get = _context.sent;
-            _data = _yield$get.data;
-
-            if (!(_data.code === ErrorCode.LOGIN_INVALID)) {
-              _context.next = 11;
-              break;
-            }
-
-            _message.error(_data.message);
-
-            __changeModule === null || __changeModule === void 0 ? void 0 : __changeModule(GuardModuleType.LOGIN, {});
-            return _context.abrupt("return");
-
-          case 11:
-            _context.next = 16;
-            break;
-
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](2);
-
-            _message.error(_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message);
-
-          case 16:
-            _context.next = 18;
-            return post('/api/v2/mfa/totp/associate', query, config);
-
-          case 18:
-            _yield$post = _context.sent;
-            data = _yield$post.data;
-            setSecret(data.recovery_code);
-            setQrcode(data.qrcode_data_url);
-
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[2, 13]]);
-  })), [initData.mfaToken]),
-      _useAsyncFn2 = _slicedToArray(_useAsyncFn, 2),
-      bindInfo = _useAsyncFn2[0],
-      fetchBindInfo = _useAsyncFn2[1];
-
-  var onBind = function onBind() {
-    if (user) onLogin === null || onLogin === void 0 ? void 0 : onLogin(user, authClient);
-  };
-
-  var onNext = function onNext(user) {
-    setUser(user);
-    setBindTotpType(BindTotpType.BIND_SUCCESS);
-  };
-
-  useEffect(function () {
-    fetchBindInfo();
-  }, [fetchBindInfo]);
-  var renderContent = useMemo(function () {
-    var _ref3;
-
-    return _ref3 = {}, _defineProperty(_ref3, BindTotpType.SECURITY_CODE, function (props) {
-      return /*#__PURE__*/React.createElement(SecurityCode, props);
-    }), _defineProperty(_ref3, BindTotpType.BIND_SUCCESS, function (props) {
-      return /*#__PURE__*/React.createElement(BindSuccess, props);
-    }), _ref3;
-  }, []);
-
-  var onBack = function onBack() {
-    window.history.back();
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, bindInfo.loading ? /*#__PURE__*/React.createElement(Spin, null) : /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-back"
-  }, /*#__PURE__*/React.createElement("span", {
-    onClick: onBack
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "authing-back"
-  }), /*#__PURE__*/React.createElement("span", null, t('common.backToVerify')))), /*#__PURE__*/React.createElement("div", {
-    className: "g2-mfa-content g2-mfa-bindTotp"
-  }, bindInfo.loading ? /*#__PURE__*/React.createElement(ShieldSpin, null) : renderContent[bindTotpType]({
-    mfaToken: initData.mfaToken,
-    qrcode: qrcode,
-    secret: secret,
-    onBind: onBind,
-    onNext: onNext,
-    changeModule: __changeModule
-  }))));
-};

package/es/BindTotp/interface.d.ts

@@ -1,19 +0,0 @@
-import { IG2Config, IG2Events, IG2FCProps } from '../Type';
-import { AuthenticationClient, User } from '..';
-import { GuardMFAInitData } from '../MFA/interface';
-export interface BindTotpConfig extends IG2Config {
-}
-export declare const getDefaultMFAConfig: () => BindTotpConfig;
-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/es/BindTotp/interface.js

@@ -1,21 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { getDefaultG2Config } from '../Type';
-
-var defaultConfig = _objectSpread({}, getDefaultG2Config());
-
-export var getDefaultMFAConfig = function getDefaultMFAConfig() {
-  return _objectSpread(_objectSpread({}, getDefaultG2Config()), defaultConfig);
-};

package/es/BindTotp/style/css.js

@@ -1 +0,0 @@
-import './index.css';

package/es/BindTotp/style/index.css

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

package/es/BindTotp/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/BindTotp/style/index.js

@@ -1 +0,0 @@
-import './index.less';

package/es/BindTotp/style/index.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;
-    }
-  }
-}