@stokr/components-library 2.0.0-beta.31 → 2.0.0-beta.32

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 (16) hide show
  1. package/dist/components/2FA/Connect2FA.js +4 -12
  2. package/dist/components/2FA/EnterCode.js +2 -2
  3. package/dist/components/2FA/ResetCode.js +2 -2
  4. package/dist/components/2FA/Sucess2FA.js +17 -11
  5. package/dist/components/2FA/disable-2fa-flow.js +43 -14
  6. package/dist/components/2FA/enable-2fa-flow.js +3 -1
  7. package/dist/components/2FA/login-with-otp-flow.js +10 -2
  8. package/dist/components/2FA/main-flow.js +5 -3
  9. package/dist/components/Header/Header.js +7 -6
  10. package/dist/components/Header/Header.styles.js +1 -1
  11. package/dist/components/Modal/Modal.styles.js +1 -1
  12. package/dist/components/RegisterModal/RegisterModal.js +4 -5
  13. package/dist/components/VerifyEmailModal/VerifyEmailModal.js +7 -11
  14. package/dist/components/headerHo/HeaderHo.stories.js +2 -1
  15. package/dist/context/AuthContext.js +0 -1
  16. package/package.json +1 -1
package/dist/components/2FA/Connect2FA.js CHANGED
@@ -15,12 +15,11 @@ var _reactQrCode = _interopRequireDefault(require("react-qr-code"));
15
15
  var _Grid = require("../Grid/Grid.styles");
16
16
  var _CryptoAddress = _interopRequireDefault(require("../CryptoAddress/CryptoAddress"));
17
17
  var _reactDeviceDetect = require("react-device-detect");
18
- var _TextLink = _interopRequireDefault(require("../TextLink/TextLink.styles"));
19
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
19
  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); }
21
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
21
  var Connect2FA = function Connect2FA(props) {
23
- var _totpData$totpSecret, _totpData$totpSecret2;
22
+ var _totpData$totpSecret;
24
23
  var changeStep = props.changeStep,
25
24
  totpData = props.totpData,
26
25
  user = props.user;
@@ -28,21 +27,14 @@ var Connect2FA = function Connect2FA(props) {
28
27
  part: 8
29
28
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
30
29
  modalTop: true
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, {
30
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Activate log 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, {
32
31
  modalBot: true
33
32
  })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
34
33
  part: 8
35
34
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, totpData && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
36
35
  center: true,
37
36
  noPaddingHorizontal: true
38
- }, _reactDeviceDetect.isMobile ? /*#__PURE__*/_react.default.createElement(_TextLink.default, {
39
- to: "otpauth://totp/".concat(user.email, "?secret=").concat((_totpData$totpSecret = totpData.totpSecret) === null || _totpData$totpSecret === void 0 ? void 0 : _totpData$totpSecret.secretKey, "&issuer=STOKR")
40
- // onClick={() => {
41
- // console.log(
42
- // `otpauth://totp/${user.email}?secret=${totpData.totpSecret?.secretKey}&issuer=STOKR`,
43
- // )
44
- // }}
45
- }, ' ', "Open authenticator app with this secret key") : /*#__PURE__*/_react.default.createElement(_reactQrCode.default, {
37
+ }, !_reactDeviceDetect.isMobile && /*#__PURE__*/_react.default.createElement(_reactQrCode.default, {
46
38
  size: 180
47
39
  //style={{ height: 'auto', maxWidth: '100%', width: '100%' }}
48
40
  ,
@@ -50,7 +42,7 @@ var Connect2FA = function Connect2FA(props) {
50
42
  viewBox: "0 0 256 256"
51
43
  }), /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
52
44
  data: {
53
- value: (_totpData$totpSecret2 = totpData.totpSecret) === null || _totpData$totpSecret2 === void 0 ? void 0 : _totpData$totpSecret2.secretKey,
45
+ value: (_totpData$totpSecret = totpData.totpSecret) === null || _totpData$totpSecret === void 0 ? void 0 : _totpData$totpSecret.secretKey,
54
46
  tooltip: true
55
47
  },
56
48
  fontSize: 11,
package/dist/components/2FA/EnterCode.js CHANGED
@@ -34,12 +34,12 @@ 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("p", null, "Enter the sign-in 2FA code from your authenticator app"))), /*#__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 log 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
- }, "Lost your device")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
42
+ }, "Lost your device?")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
43
43
  part: 8
44
44
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
45
45
  initialValues: {
package/dist/components/2FA/ResetCode.js CHANGED
@@ -40,14 +40,14 @@ var ResetCode = function ResetCode(props) {
40
40
  onClick: onModalSwitch
41
41
  }, "Enter 2FA code")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
42
42
  part: 8
43
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Contact us to reset your 2FA", ' ', /*#__PURE__*/_react.default.createElement("a", {
43
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("a", {
44
44
  href: "https://stokr.zendesk.com/hc/en-us/requests/new",
45
45
  target: "_blank",
46
46
  rel: "noreferrer",
47
47
  style: {
48
48
  textDecoration: 'underline'
49
49
  }
50
- }, ' ', "https://stokr.zendesk.com/hc/en-us/requests/new")))))));
50
+ }, "Contact us to reset your 2FA.")))))));
51
51
  };
52
52
  exports.ResetCode = ResetCode;
53
53
  var _default = ResetCode;
package/dist/components/2FA/Sucess2FA.js CHANGED
@@ -1,11 +1,10 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.default = exports.Sucess2FA = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
7
+ var _react = _interopRequireDefault(require("react"));
9
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
9
  var _Text = _interopRequireDefault(require("../Text/Text.styles"));
11
10
  var _Button = _interopRequireDefault(require("../Button/Button.styles"));
@@ -13,34 +12,41 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
13
12
  var _Grid = require("../Grid/Grid.styles");
14
13
  var _Modal = require("../Modal/Modal.styles");
15
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- 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); }
17
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
15
  var Sucess2FA = function Sucess2FA(_ref) {
19
- var _onClick = _ref.onClick;
16
+ var _ref$onClick = _ref.onClick,
17
+ _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
18
+ _ref$titleText = _ref.titleText,
19
+ titleText = _ref$titleText === void 0 ? 'Success!' : _ref$titleText,
20
+ _ref$subTitleLeft = _ref.subTitleLeft,
21
+ subTitleLeft = _ref$subTitleLeft === void 0 ? '' : _ref$subTitleLeft,
22
+ _ref$textRight = _ref.textRight,
23
+ textRight = _ref$textRight === void 0 ? '' : _ref$textRight,
24
+ _ref$buttonText = _ref.buttonText,
25
+ buttonText = _ref$buttonText === void 0 ? 'Continue' : _ref$buttonText;
20
26
  return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
21
27
  part: 8
22
28
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
23
29
  modalTop: true
24
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Success! "))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
30
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, titleText, " "), /*#__PURE__*/_react.default.createElement("p", null, subTitleLeft))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
25
31
  modalBot: true
26
32
  })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
27
33
  part: 8
28
34
  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
29
35
  noPaddingVertical: true,
30
36
  noPaddingHorizontal: true
31
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Your sign-in 2FA authentication is now set"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
37
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, textRight))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
32
38
  noPaddingHorizontal: true
33
39
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
34
40
  minWidth: "240px",
35
41
  onClick: function onClick() {
36
- // deleteRedirectCookieAndNavigate()
37
42
  _onClick();
38
- }
39
- }, "Continue"))))));
43
+ },
44
+ fluid: true
45
+ }, buttonText))))));
40
46
  };
41
47
  exports.Sucess2FA = Sucess2FA;
42
48
  Sucess2FA.propTypes = {
43
- changeStep: _propTypes.default.func.isRequired
49
+ onClick: _propTypes.default.func.isRequired
44
50
  };
45
51
  var _default = Sucess2FA;
46
52
  exports.default = _default;
package/dist/components/2FA/disable-2fa-flow.js CHANGED
@@ -9,8 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
9
9
  var _AuthContext = require("../../context/AuthContext");
10
10
  var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
11
11
  var _Modal = require("../Modal/Modal");
12
+ var _Modal2 = require("../Modal/Modal.styles");
12
13
  var _Text = _interopRequireDefault(require("../Text/Text.styles"));
13
14
  var _Button = _interopRequireDefault(require("../Button/Button.styles"));
15
+ var _Grid = require("../Grid/Grid.styles");
16
+ var _Sucess2FA = _interopRequireDefault(require("./Sucess2FA"));
14
17
  var _excluded = ["showFlow", "setShowFlow", "onSuccess", "onRequiresRecentLoginError"];
15
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
19
  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); }
@@ -40,7 +43,8 @@ var Disable2FA = function Disable2FA(_ref) {
40
43
  var _useContext = (0, _react.useContext)(_AuthContext.AuthContext),
41
44
  unenrollUser2FA = _useContext.unenrollUser2FA;
42
45
  var _useState = (0, _react.useState)({
43
- confirmDisable: false
46
+ confirmDisable: false,
47
+ sucess: false
44
48
  }),
45
49
  _useState2 = _slicedToArray(_useState, 2),
46
50
  isModalOpen = _useState2[0],
@@ -61,22 +65,23 @@ var Disable2FA = function Disable2FA(_ref) {
61
65
  _context.next = 3;
62
66
  return unenrollUser2FA();
63
67
  case 3:
64
- setShowFlow(false);
65
- onSuccess && onSuccess();
66
- _context.next = 11;
68
+ setIsModalOpen(_objectSpread(_objectSpread({}, isModalOpen), {}, {
69
+ sucess: true
70
+ }));
71
+ _context.next = 10;
67
72
  break;
68
- case 7:
69
- _context.prev = 7;
73
+ case 6:
74
+ _context.prev = 6;
70
75
  _context.t0 = _context["catch"](0);
71
76
  console.log('🚀 ~ file: disable-2fa-flow.js ~ error:', _context.t0);
72
77
  if (_context.t0.code === 'auth/requires-recent-login') {
73
78
  onRequiresRecentLoginError && onRequiresRecentLoginError();
74
79
  }
75
- case 11:
80
+ case 10:
76
81
  case "end":
77
82
  return _context.stop();
78
83
  }
79
- }, _callee, null, [[0, 7]]);
84
+ }, _callee, null, [[0, 6]]);
80
85
  }));
81
86
  return function handleDisableClick() {
82
87
  return _ref2.apply(this, arguments);
@@ -88,8 +93,27 @@ var Disable2FA = function Disable2FA(_ref) {
88
93
  //setIsModalOpen({ ...isModalOpen, confirmDisable: false })
89
94
  setShowFlow(false);
90
95
  }
91
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h5", null, "Do you want to remove your sign-in 2FA authentication? ")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
92
- alignVertically: true,
96
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
97
+ noPadding: true
98
+ }, isModalOpen.sucess ? /*#__PURE__*/_react.default.createElement(_Sucess2FA.default, {
99
+ onClick: function onClick() {
100
+ setShowFlow(false);
101
+ onSuccess && onSuccess();
102
+ },
103
+ subTitleLeft: "Your log in 2FA authentication is removed",
104
+ textRight: "You will not be asked for your 2FA code next time you log in."
105
+ }) : /*#__PURE__*/_react.default.createElement(_Modal2.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
106
+ part: 8
107
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
108
+ modalTop: true
109
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Remove your log in 2FA authentication? "), /*#__PURE__*/_react.default.createElement("p", null, "We recommend you to keep 2FA authentication and protect your account with an additional layer of security"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
110
+ modalBot: true
111
+ })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
112
+ part: 8
113
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
114
+ noPaddingVertical: true,
115
+ noPaddingHorizontal: true
116
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Do you want to remove your log in 2FA authentication?"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
93
117
  noPaddingHorizontal: true
94
118
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
95
119
  secondary: true,
@@ -98,10 +122,15 @@ var Disable2FA = function Disable2FA(_ref) {
98
122
  },
99
123
  onClick: function onClick() {
100
124
  return setShowFlow(false);
101
- }
102
- }, "NO"), /*#__PURE__*/_react.default.createElement(_Button.default, {
103
- onClick: handleDisableClick
104
- }, "Yes")))));
125
+ },
126
+ fluid: true
127
+ }, "NO")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
128
+ noPaddingHorizontal: true,
129
+ noPaddingTop: true
130
+ }, /*#__PURE__*/_react.default.createElement(_Button.default, {
131
+ onClick: handleDisableClick,
132
+ fluid: true
133
+ }, "Yes")))))))));
105
134
  };
106
135
  exports.Disable2FA = Disable2FA;
107
136
  var _default = Disable2FA;
package/dist/components/2FA/enable-2fa-flow.js CHANGED
@@ -134,7 +134,9 @@ var Enable2FAFlow = function Enable2FAFlow(_ref) {
134
134
  setshowSuccess(false);
135
135
  setShowFlow(false);
136
136
  onSuccess && onSuccess();
137
- }
137
+ },
138
+ subTitleLeft: "Your log in 2FA authentication is now set",
139
+ textRight: "You will now be asked for your 2FA code next time you log in."
138
140
  }) : /*#__PURE__*/_react.default.createElement(_StepControllerContext.StepControllerProvider, null, /*#__PURE__*/_react.default.createElement(_StepControllerContext.StepControllerConsumer, null, function (stepController) {
139
141
  var prevStepIndex = stepController.activeStepIndex - 1;
140
142
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Modal.ModalBack, {
package/dist/components/2FA/login-with-otp-flow.js CHANGED
@@ -148,19 +148,27 @@ var LoginWithOTP = function LoginWithOTP(_ref) {
148
148
  _context.next = 12;
149
149
  return getUser();
150
150
  case 12:
151
- _context.next = 19;
151
+ _context.next = 23;
152
152
  break;
153
153
  case 14:
154
154
  _context.prev = 14;
155
155
  _context.t0 = _context["catch"](3);
156
156
  errorMessage = _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message;
157
+ if (!((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.code) === 'auth/multi-factor-auth-required')) {
158
+ _context.next = 21;
159
+ break;
160
+ }
161
+ clearPopupError();
162
+ setIsActionLoading(undefined);
163
+ return _context.abrupt("return");
164
+ case 21:
157
165
  if (errorMessage) {
158
166
  handleSetPopupError('login', errorMessage);
159
167
  } else {
160
168
  handleSetPopupError('login', "Oops. Something's not right there. Try again?");
161
169
  }
162
170
  setIsActionLoading(undefined);
163
- case 19:
171
+ case 23:
164
172
  case "end":
165
173
  return _context.stop();
166
174
  }
package/dist/components/2FA/main-flow.js CHANGED
@@ -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 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, {
83
+ }, /*#__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, {
84
84
  noPaddingHorizontal: true
85
85
  }, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
86
86
  position: 'top',
@@ -122,7 +122,8 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
122
122
  onRequiresRecentLoginError: onRequiresRecentLoginError,
123
123
  onSuccess: function onSuccess() {
124
124
  setis2FAEnabled(true);
125
- setsuccessMessage('Your sign-in 2FA authentication is now set');
125
+ checkMfaEnrollment(user);
126
+ setsuccessMessage('Your log in 2FA authentication is now set');
126
127
  }
127
128
  }), isFlowopen.disable2fa && /*#__PURE__*/_react.default.createElement(_disable2faFlow.default, {
128
129
  showFlow: isFlowopen.disable2fa,
@@ -134,7 +135,8 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
134
135
  onRequiresRecentLoginError: onRequiresRecentLoginError,
135
136
  onSuccess: function onSuccess() {
136
137
  setis2FAEnabled(false);
137
- setsuccessMessage('Your sign-in 2FA authentication is now disabled');
138
+ checkMfaEnrollment(user);
139
+ setsuccessMessage('Your log in 2FA authentication is removed');
138
140
  }
139
141
  }), !user && /*#__PURE__*/_react.default.createElement(_loginWithOtpFlow.default, null));
140
142
  };
package/dist/components/Header/Header.js CHANGED
@@ -211,17 +211,18 @@ var Header = function Header(_ref3) {
211
211
  if (activeMenu === false) {
212
212
  setcurrentActiveMenu(null);
213
213
  }
214
+ var newActiveMenu = currentActiveMenu === type ? null : type;
214
215
  if (isMobile) {
215
- if (currentActiveMenu) {
216
- document.body.style.overflowY = 'unset';
217
- } else {
216
+ if (newActiveMenu) {
218
217
  document.body.style.overflowY = 'hidden';
218
+ } else {
219
+ document.body.style.overflowY = 'unset';
219
220
  }
220
221
  }
221
222
  if (mobile && type !== 'main') {
222
223
  setcurrentActiveSubMenu(currentActiveSubMenu === type ? null : type);
223
224
  } else {
224
- setcurrentActiveMenu(currentActiveMenu === type ? null : type);
225
+ setcurrentActiveMenu(newActiveMenu);
225
226
  }
226
227
  activateMenu();
227
228
  };
@@ -301,7 +302,7 @@ var Header = function Header(_ref3) {
301
302
  }, "Sign Up")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenu, {
302
303
  isActive: currentActiveMenu === 'main',
303
304
  withSidebar: withSidebar
304
- }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
305
+ }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
305
306
  withPadding: true
306
307
  }, /*#__PURE__*/_react.default.createElement(_MenuNav.default, {
307
308
  mobile: true
@@ -325,7 +326,7 @@ var Header = function Header(_ref3) {
325
326
  }
326
327
  }), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
327
328
  href: newPlatformUrl + '/team'
328
- }, "Team")))))), user !== null && user !== void 0 && user._id || user !== null && user !== void 0 && user.uid ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, !signupFlow && /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
329
+ }, "Team")))))), user !== null && user !== void 0 && user._id || user !== null && user !== void 0 && user.uid ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !signupFlow && /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
329
330
  withPadding: true,
330
331
  flexColumnt: true,
331
332
  borderTop: true
package/dist/components/Header/Header.styles.js CHANGED
@@ -115,7 +115,7 @@ exports.MobileMenuToggler = MobileMenuToggler;
115
115
  var MobileMenu = _styledComponents.default.nav.withConfig({
116
116
  displayName: "Headerstyles__MobileMenu",
117
117
  componentId: "sc-hifrdy-12"
118
- })(["z-index:1;position:absolute;top:65px;left:0;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 65px);background-color:", ";padding:0;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.4s,visibility 0.4s;height:calc(100vh - 65px);overflow:scroll;", " ", " ", " button{text-transform:uppercase;}"], _colors.default.white, function (props) {
118
+ })(["z-index:100;position:absolute;top:65px;left:0;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 65px);background-color:", ";padding:0;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.4s,visibility 0.4s;height:100%;overflow:auto;", " ", " ", " button{text-transform:uppercase;}"], _colors.default.white, function (props) {
119
119
  return props.isActive && "\n opacity: 1;\n visibility: visible;\n ";
120
120
  }, function (props) {
121
121
  return props.withSidebar && "\n width:180%;\n left:-64px;\n ";
package/dist/components/Modal/Modal.styles.js CHANGED
@@ -18,7 +18,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
18
18
  var ModalRoot = _styledComponents.default.div.withConfig({
19
19
  displayName: "Modalstyles__ModalRoot",
20
20
  componentId: "sc-9hc271-0"
21
- })(["z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;"]);
21
+ })(["z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;"]);
22
22
  exports.ModalRoot = ModalRoot;
23
23
  var Dimmer = _styledComponents.default.div.withConfig({
24
24
  displayName: "Modalstyles__Dimmer",
package/dist/components/RegisterModal/RegisterModal.js CHANGED
@@ -79,11 +79,10 @@ var RegisterModal = function RegisterModal(props) {
79
79
 
80
80
  //the URL will look like this: /signup?email=some.email@email.com
81
81
  var search = location.search;
82
- if (search.includes('email=')) {
83
- var emailFromURL = search.slice(search.indexOf('=') + 1);
84
- if (emailFromURL) {
85
- setemail(emailFromURL);
86
- }
82
+ var query = new URLSearchParams(search);
83
+ var email = query.get('email');
84
+ if (email) {
85
+ setemail(email);
87
86
  }
88
87
  fetchCheckbox();
89
88
  }, []);
package/dist/components/VerifyEmailModal/VerifyEmailModal.js CHANGED
@@ -21,6 +21,7 @@ var Yup = _interopRequireWildcard(require("yup"));
21
21
  var _Form2 = _interopRequireDefault(require("../Form/Form"));
22
22
  var _Input = _interopRequireDefault(require("../Input/Input"));
23
23
  var _customHooks = require("../../utils/customHooks");
24
+ var _FA = require("../2FA");
24
25
  var _excluded = ["id", "isModalOpen", "onModalClose", "continueUrl", "isSuccess"];
25
26
  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); }
26
27
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -48,20 +49,15 @@ var VerifyEmailModal = function VerifyEmailModal(_ref) {
48
49
  };
49
50
  exports.VerifyEmailModal = VerifyEmailModal;
50
51
  var renderSuccessModal = function renderSuccessModal(continueUrl) {
51
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
52
- relative: true,
53
- part: 10
54
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_RegisterConfirmModal.ContainerWithLine, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
55
- withBorder: true,
56
- isConfirm: true
57
- }, /*#__PURE__*/_react.default.createElement("h3", null, "Success! "), /*#__PURE__*/_react.default.createElement("p", null, "You have successfully activated your account")), continueUrl && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
58
- noPaddingHorizontal: true
59
- }, /*#__PURE__*/_react.default.createElement(_Button.default, {
52
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FA.Sucess2FA, {
60
53
  onClick: function onClick() {
61
54
  window.open(continueUrl, '_self');
62
- }
63
- }, "Continue")))))), /*#__PURE__*/_react.default.createElement(RedBar, null));
55
+ },
56
+ subTitleLeft: "We have successfully verified your email!"
57
+ // textRight="You will not be asked for your 2FA code next time you log in."
58
+ }));
64
59
  };
60
+
65
61
  var RenderErrorModal = function RenderErrorModal(props) {
66
62
  var error = props.error,
67
63
  isActionLoading = props.isActionLoading,
package/dist/components/headerHo/HeaderHo.stories.js CHANGED
@@ -29,7 +29,8 @@ exports.default = _default;
29
29
  var Template = function Template(args) {
30
30
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_HeaderHo.default, args), /*#__PURE__*/_react.default.createElement("div", {
31
31
  style: {
32
- height: '100vh'
32
+ height: '1700px',
33
+ background: 'orange'
33
34
  }
34
35
  }))));
35
36
  };
package/dist/context/AuthContext.js CHANGED
@@ -105,7 +105,6 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
105
105
  _context.next = _context.t1 === 'auth/multi-factor-auth-required' ? 21 : _context.t1 === 'auth/requires-recent-login' ? 23 : _context.t1 === 'auth/invalid-login-credentials' ? 25 : 27;
106
106
  break;
107
107
  case 21:
108
- // Initiate your second factor sign-in flow. (See next step.)
109
108
  _this.setState({
110
109
  waitingFor2fa: true,
111
110
  firebaseError: _context.t0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokr/components-library",
3
- "version": "2.0.0-beta.31",
3
+ "version": "2.0.0-beta.32",
4
4
  "description": "STOKR - Components Library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",