@stokr/components-library 2.0.0-beta.33 → 2.0.0-beta.35

package/dist/components/2FA/main-flow.js

@@ -80,13 +80,14 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     alignVertically: true,
     noPaddingHorizontal: true
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h5", null, "SET UP YOUR LOG IN TWO FACTOR AUTHENTICATION"))), /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Protect your account with an additional layer of security to log in.")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h5", null, "SET UP YOUR LOG IN TWO FACTOR AUTHENTICATION"))), /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Protect your account with an additional layer of security to log in")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true
   }, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
     position: 'top',
     html: is2FAEnabled ? 'Enabled' : 'Disabled',
     noIcon: true,
-    noMarginLeft: true
+    noMarginLeft: true,
+    disabled: isFlowopen.enable2fa || isFlowopen.disable2fa
   }, /*#__PURE__*/_react.default.createElement(_Switch.default, {
     value1: "disabled",
     value2: "enabled",

package/dist/components/InfoIcon/InfoIcon.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTippy = require("react-tippy");
 var _InfoIcon = require("./InfoIcon.styles");
-var _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon"];
+var _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -20,6 +20,7 @@ var InfoIcon = function InfoIcon(_ref) {
     noMarginLeft = _ref.noMarginLeft,
     noMarginRight = _ref.noMarginRight,
     noIcon = _ref.noIcon,
+    disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InfoIcon.Container, {
     noMargin: noMargin,
@@ -32,6 +33,9 @@ var InfoIcon = function InfoIcon(_ref) {
     theme: "light",
     arrow: true,
     duration: 200
+    //  onRequestClose={() => console.log('request to close tooltip')}
+    ,
+    disabled: disabled
   }, noIcon ? props.children : /*#__PURE__*/_react.default.createElement(_InfoIcon.Icon, null)));
 };
 exports.InfoIcon = InfoIcon;

package/dist/components/Input/OtpInput.js

@@ -26,7 +26,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var inputStyle = {
   outline: 'none',
   border: 'none',
-  borderBottom: "1px solid ".concat(_theme.default.cBlack),
+  borderBottom: "1.5px solid ".concat(_theme.default.cBlack),
   padding: '10px',
   paddingBottom: '2px',
   minWidth: 30,
@@ -77,7 +77,8 @@ var OtpInput = function OtpInput(props) {
   return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
     isUp: true,
     style: {
-      lineHeight: 'inherit'
+      lineHeight: 'inherit',
+      top: '-5px'
     }
   }, label), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, null, /*#__PURE__*/_react.default.createElement(_reactOtpInput.default, _extends({
     value: value,

package/dist/components/Modal/Modal.styles.js

@@ -18,7 +18,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var ModalRoot = _styledComponents.default.div.withConfig({
   displayName: "Modalstyles__ModalRoot",
   componentId: "sc-9hc271-0"
-})(["z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;"]);
+})(["z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;"]);
 exports.ModalRoot = ModalRoot;
 var Dimmer = _styledComponents.default.div.withConfig({
   displayName: "Modalstyles__Dimmer",

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -53,7 +53,7 @@ var renderSuccessModal = function renderSuccessModal(continueUrl) {
     onClick: function onClick() {
       window.open(continueUrl, '_self');
     },
-    subTitleLeft: "We have successfully verified your email!"
+    textRight: "We have successfully verified your email!"
     //  textRight="You will not be asked for your 2FA code next time you log in."
   }));
 };

package/dist/context/AuthContext.js

@@ -347,7 +347,10 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
             _this.setState({
               firebaseUser: null,
               firebaseError: null,
-              verifyEmailError: null
+              verifyEmailError: null,
+              userMfaEnrollment: null,
+              waitingFor2fa: false,
+              isVerifyingEmail: false
             });
             if (redirect) {
               window.location.href = "https://".concat(process.env.REACT_APP_WEBSITE_DOMAIN);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.0.0-beta.33",
+  "version": "2.0.0-beta.35",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",