@stokr/components-library 2.0.0-beta.23 → 2.0.0-beta.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/2FA/Connect2FA.js +2 -8
  2. package/dist/components/2FA/EnterCode.js +2 -7
  3. package/dist/components/2FA/InstallAuthApp.js +2 -2
  4. package/dist/components/2FA/Sucess2FA.js +1 -3
  5. package/dist/components/2FA/disable-2fa-flow.js +0 -1
  6. package/dist/components/2FA/enable-2fa-flow.js +1 -1
  7. package/dist/components/2FA/main-flow.js +6 -6
  8. package/dist/components/headerHo/HeaderHo.js +1 -1
  9. package/dist/context/Auth.js +3 -0
  10. package/dist/context/AuthContext.js +5 -0
  11. package/package.json +1 -1
package/dist/components/2FA/Connect2FA.js CHANGED
@@ -24,21 +24,15 @@ var Connect2FA = function Connect2FA(props) {
24
24
  var changeStep = props.changeStep,
25
25
  totpData = props.totpData,
26
26
  user = props.user;
27
- // otpauth://totp/dev@it.com?secret=123abc&issuer=StackOverflow
28
27
  return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
29
28
  part: 8
30
29
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
31
30
  modalTop: true
32
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Activate sign-in 2FA"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
31
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Activate sign-in 2FA"), /*#__PURE__*/_react.default.createElement("p", null, "1. Open your authenticator app"), /*#__PURE__*/_react.default.createElement("p", null, "2. Scan the QR code or copy the set up key"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
33
32
  modalBot: true
34
33
  })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
35
34
  part: 8
36
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
37
- noPaddingTop: true,
38
- noPaddingHorizontal: true
39
- }, /*#__PURE__*/_react.default.createElement(_Text.default, {
40
- small: true
41
- }, /*#__PURE__*/_react.default.createElement("p", null, "1. Open your authenticator app"), /*#__PURE__*/_react.default.createElement("p", null, "2. Scan the QR code or copy the set up key"))), totpData && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
35
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, totpData && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
42
36
  center: true,
43
37
  noPaddingHorizontal: true
44
38
  }, _reactDeviceDetect.isMobile ? /*#__PURE__*/_react.default.createElement(_TextLink.default, {
package/dist/components/2FA/EnterCode.js CHANGED
@@ -34,19 +34,14 @@ var EnterCode = function EnterCode(props) {
34
34
  part: 8
35
35
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
36
36
  modalTop: true
37
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Enter 2FA code"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
37
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Enter 2FA code"), /*#__PURE__*/_react.default.createElement("p", null, "Enter the sign-in 2FA code from your authenticator app"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
38
38
  modalBot: true
39
39
  }, onModalSwitch && /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
40
40
  as: "button",
41
41
  onClick: onModalSwitch
42
42
  }, "Lost your device")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
43
43
  part: 8
44
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
45
- noPaddingTop: true,
46
- noPaddingHorizontal: true
47
- }, /*#__PURE__*/_react.default.createElement(_Text.default, {
48
- small: true
49
- }, /*#__PURE__*/_react.default.createElement("p", null, "Enter the sign-in 2FA code from your authenticator app"))), /*#__PURE__*/_react.default.createElement(_formik.Formik, {
44
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
50
45
  initialValues: {
51
46
  otpInput: ''
52
47
  },
package/dist/components/2FA/InstallAuthApp.js CHANGED
@@ -27,7 +27,7 @@ var InstallAuthApp = function InstallAuthApp(props) {
27
27
  part: 8
28
28
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
29
29
  modalTop: true
30
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Install 2FA APP"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
30
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Install 2FA APP"), /*#__PURE__*/_react.default.createElement("p", null, "Download and install a 2FA app on your device. We recommend using Google Authenticator"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
31
31
  modalBot: true
32
32
  })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
33
33
  part: 8
@@ -36,7 +36,7 @@ var InstallAuthApp = function InstallAuthApp(props) {
36
36
  noPaddingHorizontal: true
37
37
  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
38
38
  small: true
39
- }, /*#__PURE__*/_react.default.createElement("p", null, "Download and install a 2FA app on your device. We recommend Google Authenticator."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
39
+ }, /*#__PURE__*/_react.default.createElement("p", null, "Click 'Continue' if you already have an app installed."))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
40
40
  noPaddingHorizontal: true,
41
41
  center: true
42
42
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
package/dist/components/2FA/Sucess2FA.js CHANGED
@@ -9,9 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _Text = _interopRequireDefault(require("../Text/Text.styles"));
11
11
  var _Button = _interopRequireDefault(require("../Button/Button.styles"));
12
- var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
13
12
  var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
14
- var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
15
13
  var _Grid = require("../Grid/Grid.styles");
16
14
  var _Modal = require("../Modal/Modal.styles");
17
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23,7 +21,7 @@ var Sucess2FA = function Sucess2FA(_ref) {
23
21
  part: 8
24
22
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
25
23
  modalTop: true
26
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Success"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
24
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Success! "))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
27
25
  modalBot: true
28
26
  })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
29
27
  part: 8
package/dist/components/2FA/disable-2fa-flow.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.Disable2FA = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _AuthContext = require("../../context/AuthContext");
10
- var _LoginModal = _interopRequireDefault(require("../LoginModal/LoginModal"));
11
10
  var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
12
11
  var _Modal = require("../Modal/Modal");
13
12
  var _Text = _interopRequireDefault(require("../Text/Text.styles"));
package/dist/components/2FA/enable-2fa-flow.js CHANGED
@@ -95,7 +95,7 @@ var Enable2FAFlow = function Enable2FAFlow(_ref) {
95
95
  }
96
96
  setpopupError({
97
97
  popup: 'enter2fa',
98
- message: 'The verification code is not correct. Try again?'
98
+ message: 'That’s not the right 2FA code. Try again'
99
99
  });
100
100
  return _context.abrupt("return", {
101
101
  otpInput: 'Invalid code'
package/dist/components/2FA/main-flow.js CHANGED
@@ -16,7 +16,7 @@ var _loginWithOtpFlow = _interopRequireDefault(require("./login-with-otp-flow"))
16
16
  var _enable2faFlow = _interopRequireDefault(require("./enable-2fa-flow"));
17
17
  var _disable2faFlow = _interopRequireDefault(require("./disable-2fa-flow"));
18
18
  var _colors = _interopRequireDefault(require("../../styles/colors"));
19
- var _InfoIcon = _interopRequireDefault(require("components/InfoIcon/InfoIcon"));
19
+ var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
20
20
  var _excluded = ["onRequiresRecentLoginError"];
21
21
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -80,7 +80,7 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
80
80
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
81
81
  alignVertically: true,
82
82
  noPaddingHorizontal: true
83
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h5", null, "SET UP YOUR 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 sign in")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
83
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h5", null, "SET UP YOUR SIGN-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 sign in")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
84
84
  noPaddingHorizontal: true
85
85
  }, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
86
86
  position: 'top',
@@ -88,10 +88,10 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
88
88
  noIcon: true,
89
89
  noMarginLeft: true
90
90
  }, /*#__PURE__*/_react.default.createElement(_Switch.default, {
91
- value1: "enabled",
92
- value2: "disabled",
93
- value2Color: _colors.default.orangishRed,
94
- value1Color: _colors.default.freshGreen,
91
+ value1: "disabled",
92
+ value2: "enabled",
93
+ value1Color: _colors.default.orangishRed,
94
+ value2Color: _colors.default.freshGreen,
95
95
  value: is2FAEnabled ? 'enabled' : 'disabled',
96
96
  revertToPrevious: true,
97
97
  hideValues: true,
package/dist/components/headerHo/HeaderHo.js CHANGED
@@ -448,7 +448,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
448
448
  _context2.t0 = _context2["catch"](2);
449
449
  console.log('🚀 ~ file: HeaderHo.jsx:364 ~ error:', _context2.t0);
450
450
  if ((_context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.code) === 'auth/invalid-verification-code') {
451
- _this2.setPopupError('enter2fa', 'The verification code is not correct. Try again?');
451
+ _this2.setPopupError('enter2fa', 'That’s not the right 2FA code. Try again');
452
452
  } else {
453
453
  _this2.setPopupError('enter2fa', _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message);
454
454
  }
package/dist/context/Auth.js CHANGED
@@ -42,6 +42,9 @@ var Auth = /*#__PURE__*/function () {
42
42
  value: function logout() {
43
43
  var cookieDomain = (0, _getCookieDomain.default)();
44
44
  _jsCookie.default.remove('STOKR_ACCESS_TOKEN', cookieDomain);
45
+ (0, _auth.signOut)(_firebaseConfig.auth).then(function () {
46
+ console.log('logged out');
47
+ });
45
48
  }
46
49
  }, {
47
50
  key: "login",
package/dist/context/AuthContext.js CHANGED
@@ -331,6 +331,11 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
331
331
  _Auth.default.logout();
332
332
  delete _axios.default.defaults.headers.common.Authorization;
333
333
  _this.setUser(null);
334
+ _this.setState({
335
+ firebaseUser: null,
336
+ firebaseError: null,
337
+ verifyEmailError: null
338
+ });
334
339
  if (redirect) {
335
340
  window.location.href = "https://".concat(process.env.REACT_APP_WEBSITE_DOMAIN);
336
341
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokr/components-library",
3
- "version": "2.0.0-beta.23",
3
+ "version": "2.0.0-beta.25",
4
4
  "description": "STOKR - Components Library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",