@authing/react-ui-components 3.0.1-alpha → 3.0.1-beta.0

package/es/AuthingGuard/types/GuardConfig.js

@@ -0,0 +1,179 @@
+export var GuardMode;
+
+(function (GuardMode) {
+  GuardMode["Modal"] = "modal";
+  GuardMode["Normal"] = "normal";
+})(GuardMode || (GuardMode = {}));
+
+export var LoginMethods;
+
+(function (LoginMethods) {
+  LoginMethods["LDAP"] = "ldap";
+  LoginMethods["AppQr"] = "app-qrcode";
+  LoginMethods["Password"] = "password";
+  LoginMethods["PhoneCode"] = "phone-code";
+  LoginMethods["WxMinQr"] = "wechat-miniprogram-qrcode";
+  LoginMethods["AD"] = "ad";
+  LoginMethods["WechatMpQrcode"] = "wechatmp-qrcode";
+})(LoginMethods || (LoginMethods = {}));
+
+export var RegisterMethods;
+
+(function (RegisterMethods) {
+  RegisterMethods["Email"] = "email";
+  RegisterMethods["Phone"] = "phone";
+})(RegisterMethods || (RegisterMethods = {}));
+
+export var GuardScenes;
+
+(function (GuardScenes) {
+  GuardScenes["Login"] = "login";
+  GuardScenes["Register"] = "register";
+  GuardScenes["MfaVerify"] = "mfaVerify";
+  GuardScenes["AppMfaVerify"] = "appMfaVerify";
+  GuardScenes["RestPassword"] = "restPassword";
+  GuardScenes["CompleteUserInfo"] = "completeUserInfo";
+})(GuardScenes || (GuardScenes = {}));
+
+export var ResetPwdMethods;
+
+(function (ResetPwdMethods) {
+  ResetPwdMethods["Email"] = "email";
+  ResetPwdMethods["Phone"] = "phone";
+})(ResetPwdMethods || (ResetPwdMethods = {}));
+
+export var SocialConnections;
+
+(function (SocialConnections) {
+  SocialConnections["Qq"] = "qq";
+  SocialConnections["Weibo"] = "weibo";
+  SocialConnections["Github"] = "github";
+  SocialConnections["Google"] = "google";
+  SocialConnections["WxPc"] = "wechat:pc";
+  SocialConnections["Dingtalk"] = "dingtalk";
+  SocialConnections["WxWCorpQr"] = "wechatwork:corp:qrconnect";
+  SocialConnections["WxWSPQr"] = "wechatwork:service-provider:qrconnect";
+  SocialConnections["WxWSPAuth"] = "wechatwork:service-provider:authorization";
+  SocialConnections["AlipayWeb"] = "alipay:web";
+  SocialConnections["AppleWeb"] = "apple:web";
+  SocialConnections["Baidu"] = "baidu";
+  SocialConnections["LarkInternalApp"] = "lark-internal";
+  SocialConnections["LarkMarketPlaceApp"] = "lark-public";
+})(SocialConnections || (SocialConnections = {}));
+
+export var Protocol; // export enum GuardEventsKebab {
+//   // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+//   Load = 'load',
+//   // 加载失败
+//   LoadError = 'load-error',
+//   // 用户登录成功
+//   Login = 'login',
+//   // 用户登录失败
+//   LoginError = 'login-error',
+//   // 注册成功
+//   Register = 'register',
+//   // 注册失败
+//   RegisterError = 'register-error',
+//   // 忘记密码邮件发送成功
+//   PwdEmailSend = 'pwd-email-send',
+//   // 忘记密码邮件发送失败
+//   PwdEmailSendError = 'pwd-email-send-error',
+//   // 忘记密码手机验证码发送成功
+//   PwdPhoneSend = 'pwd-phone-send',
+//   // 忘记密码手机验证码发送失败
+//   PwdPhoneSendError = 'pwd-phone-send-error',
+//   // 重置密码成功
+//   PwdReset = 'pwd-reset',
+//   // 重置密码失败
+//   PwdResetError = 'pwd-reset-error',
+//   // 表单关闭事件
+//   Close = 'close',
+// }
+// export interface GuardEventsCamelCase {
+//   // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+//   [GuardEvents.Load]: 'onLoad'
+//   // 加载失败
+//   [GuardEvents.LoadError]: 'onLoadError'
+//   // 用户登录成功
+//   [GuardEvents.Login]: 'onLogin'
+//   // 用户登录失败
+//   [GuardEvents.LoginError]: 'onLoginError'
+//   // 注册成功
+//   [GuardEvents.Register]: 'onRegister'
+//   // 注册失败
+//   [GuardEvents.RegisterError]: 'onRegisterError'
+//   // 忘记密码邮件发送成功
+//   [GuardEvents.PwdEmailSend]: 'onPwdEmailSend'
+//   // 忘记密码邮件发送失败
+//   [GuardEvents.PwdEmailSendError]: 'onPwdEmailSendError'
+//   // 忘记密码手机验证码发送成功
+//   [GuardEvents.PwdPhoneSend]: 'onPwdPhoneSend'
+//   // 忘记密码手机验证码发送失败
+//   [GuardEvents.PwdPhoneSendError]: 'onPwdPhoneSendError'
+//   // 重置密码成功
+//   [GuardEvents.PwdReset]: 'onPwdReset'
+//   // 重置密码失败
+//   [GuardEvents.PwdResetError]: 'onPwdResetError'
+//   // 表单关闭事件
+//   [GuardEvents.Close]: 'onClose'
+// }
+// export enum GuardEvents {
+//   // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+//   Load = 'onLoad',
+//   // 加载失败
+//   LoadError = 'onLoadError',
+//   // 用户登录成功
+//   Login = 'onLogin',
+//   // 用户登录失败
+//   LoginError = 'onLoginError',
+//   // 注册成功
+//   Register = 'onRegister',
+//   // 注册失败
+//   RegisterError = 'onRegisterError',
+//   // 忘记密码邮件发送成功
+//   PwdEmailSend = 'onPwdEmailSend',
+//   // 忘记密码邮件发送失败
+//   PwdEmailSendError = 'onPwdEmailSendError',
+//   // 忘记密码手机验证码发送成功
+//   PwdPhoneSend = 'onPwdPhoneSend',
+//   // 忘记密码手机验证码发送失败
+//   PwdPhoneSendError = 'onPwdPhoneSendError',
+//   // 重置密码成功
+//   PwdReset = 'onPwdReset',
+//   // 重置密码失败
+//   PwdResetError = 'onPwdResetError',
+//   // 表单关闭事件
+//   Close = 'onClose',
+// }
+
+(function (Protocol) {
+  Protocol["AD"] = "ad";
+  Protocol["CAS"] = "cas";
+  Protocol["LDAP"] = "ldap";
+  Protocol["OIDC"] = "oidc";
+  Protocol["SAML"] = "saml";
+  Protocol["OAUTH"] = "oauth";
+  Protocol["AZURE_AD"] = "azure-ad";
+})(Protocol || (Protocol = {}));
+
+export var GuardEventsCamelToKebabMap = {
+  onLoad: 'load',
+  onLoadError: 'load-error',
+  onLogin: 'login',
+  onBeforeLogin: 'before-login',
+  onLoginError: 'login-error',
+  onRegister: 'register',
+  onBeforeRegister: 'before-register',
+  onRegisterError: 'register-error',
+  onPwdEmailSend: 'pwd-email-send',
+  onPwdEmailSendError: 'pwd-email-send-error',
+  onPwdPhoneSend: 'pwd-phone-send',
+  onPwdPhoneSendError: 'pwd-phone-send-error',
+  onPwdReset: 'pwd-reset',
+  onPwdResetError: 'pwd-reset-error',
+  onClose: 'close',
+  onLoginTabChange: 'login-tab-change',
+  onRegisterTabChange: 'register-tab-change',
+  onRegisterInfoCompleted: 'register-info-completed',
+  onRegisterInfoCompletedError: 'register-info-completed-error'
+};

package/es/AuthingGuard/types/GuardState.d.ts

@@ -0,0 +1,6 @@
+import { LoginMethods, RegisterMethods } from './GuardConfig';
+import { GuardScenes } from './GuardConfig';
+export interface ActiveTabs {
+    [GuardScenes.Login]: LoginMethods;
+    [GuardScenes.Register]: RegisterMethods;
+}

package/es/AuthingGuard/types/GuardState.js

@@ -0,0 +1 @@
+import { GuardScenes } from './GuardConfig';

package/es/AuthingGuard/types/Locales.d.ts

@@ -0,0 +1,5 @@
+export declare type Lang = 'zh-CN' | 'en-US';
+export declare const LANG_MAP: {
+    label: string;
+    value: string;
+}[];

package/es/AuthingGuard/types/Locales.js

@@ -0,0 +1,7 @@
+export var LANG_MAP = [{
+  label: '中文',
+  value: 'zh-CN'
+}, {
+  label: 'English',
+  value: 'en-US'
+}];

package/es/AuthingGuard/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Forms';
+export * from './GuardState';
+export * from './GuardConfig';
+export * from './Locales';

package/es/AuthingGuard/types/index.js

@@ -0,0 +1,4 @@
+export * from './Forms';
+export * from './GuardState';
+export * from './GuardConfig';
+export * from './Locales';

package/es/AuthingTabs/index.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+export interface AuthingTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    activeKey?: string;
+    onTabClick: (key: string) => void;
+    showLen?: number;
+    tabs: {
+        key: string;
+        label: string;
+        component: JSX.Element;
+    }[];
+}
+export declare const AuthingTabs: FC<AuthingTabsProps>;

package/es/AuthingTabs/index.js

@@ -0,0 +1,81 @@
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import React, { useMemo } from 'react';
+import { EllipsisOutlined } from '@ant-design/icons';
+import { getClassnames } from '../_utils';
+export var AuthingTabs = function AuthingTabs(_ref) {
+  var _tabs$find;
+
+  var tabs = _ref.tabs,
+      _ref$showLen = _ref.showLen,
+      showLen = _ref$showLen === void 0 ? 3 : _ref$showLen,
+      className = _ref.className,
+      activeKey = _ref.activeKey,
+      onTabClick = _ref.onTabClick;
+  var activeIndex = useMemo(function () {
+    return _findIndexInstanceProperty(tabs).call(tabs, function (item) {
+      return item.key === activeKey;
+    });
+  }, [tabs, activeKey]);
+  var showTabs = useMemo(function () {
+    if (tabs.length <= showLen) {
+      return _toConsumableArray(tabs);
+    }
+
+    var startIndex = Math.max(activeIndex - 1, 0);
+
+    if (startIndex + showLen > tabs.length - 1) {
+      startIndex = tabs.length - showLen;
+    }
+
+    return _sliceInstanceProperty(tabs).call(tabs, startIndex, startIndex + showLen);
+  }, [showLen, activeIndex, tabs]);
+  var hideTabs = useMemo(function () {
+    var showKeys = _mapInstanceProperty(showTabs).call(showTabs, function (item) {
+      return item.key;
+    });
+
+    return _filterInstanceProperty(tabs).call(tabs, function (item) {
+      return !_findInstanceProperty(showKeys).call(showKeys, function (key) {
+        return item.key === key;
+      });
+    });
+  }, [tabs, showTabs]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: getClassnames(['authing-tabs', className])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: getClassnames(['authing-tabs-inner', Boolean(hideTabs.length) && 'authing-tabs-inner--more'])
+  }, _mapInstanceProperty(showTabs).call(showTabs, function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick() {
+        return onTabClick(item.key);
+      },
+      className: getClassnames(['authing-tab-item', activeKey === item.key && 'authing-tab-item__active']),
+      key: item.key
+    }, item.label);
+  })), Boolean(hideTabs.length) && /*#__PURE__*/React.createElement(_Button, {
+    className: "authing-tabs-show-more",
+    type: "text",
+    icon: /*#__PURE__*/React.createElement(EllipsisOutlined, null)
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "authing-tabs-more-panel"
+  }, _mapInstanceProperty(hideTabs).call(hideTabs, function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.key,
+      onClick: function onClick() {
+        return onTabClick(item.key);
+      },
+      className: "authing-tabs-more-panel-item"
+    }, item.label);
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "authing-tab-pane"
+  }, (_tabs$find = _findInstanceProperty(tabs).call(tabs, function (item) {
+    return item.key === activeKey;
+  })) === null || _tabs$find === void 0 ? void 0 : _tabs$find.component));
+};

package/es/AuthingTabs/style/css.js

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

package/es/AuthingTabs/style/index.css

@@ -0,0 +1 @@
+.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,.08)}.authing-tab-item{color:#aeb9d4;font-size:16px;transition:all .3s ease-out;white-space:nowrap;cursor:pointer;position:relative;height:28px;margin-right:32px}.authing-tab-item:last-child{margin-right:12px}.authing-tab-item:only-child{margin-right:0}.authing-tab-item:after{content:"";width:0;height:2px;display:block;position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);background-color:transparent;transition:all .3s ease-out}.authing-tab-item__active{color:#396aff;font-size:18px}.authing-tab-item__active:after{width:26px;background-color:#396aff}.authing-tabs-show-more{position:relative;z-index:2}.authing-tabs-show-more.ant-btn{padding:0 12px}.authing-tabs-show-more:active,.authing-tabs-show-more:focus,.authing-tabs-show-more:hover{background-color:#fff}.authing-tabs-show-more:hover .authing-tabs-more-panel{height:auto;opacity:1;padding:4px 0}.authing-tabs-show-more: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 .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,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.authing-tabs-more-panel-item{min-width:120px;margin:0;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.authing-tabs-more-panel-item: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/AuthingTabs/style/index.d.ts

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

package/es/AuthingTabs/style/index.js

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

package/es/AuthingTabs/style/index.less

@@ -0,0 +1,135 @@
+.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

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

package/es/BindTotp/core/bindSuccess.js

@@ -0,0 +1,111 @@
+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

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