@stokr/components-library 2.0.8 → 2.1.0
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.
- package/dist/components/2FA/enable-2fa-flow.js +1 -1
- package/dist/components/2FA/main-flow.js +36 -7
- package/dist/components/2FA/main-flow.stories.js +3 -1
- package/dist/components/AnalyticGraphs/Analytic.js +1 -2
- package/dist/components/Header/Header.js +2 -1
- package/dist/components/Header/Header.styles.js +1 -1
- package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +10 -11
- package/dist/components/RegisterAlgorand/SelectProject.js +0 -1
- package/dist/components/headerHo/HeaderHo.js +0 -3
- package/dist/context/AuthContext.js +17 -24
- package/dist/utils/check-sale-time-left.js +0 -1
- package/package.json +1 -1
|
@@ -188,7 +188,7 @@ var Enable2FAFlow = function Enable2FAFlow(_ref) {
|
|
|
188
188
|
}), /*#__PURE__*/_react.default.createElement(_EnterCode.default, {
|
|
189
189
|
id: "enter-code",
|
|
190
190
|
changeStep: function changeStep() {
|
|
191
|
-
console.log('here')
|
|
191
|
+
// console.log('here')
|
|
192
192
|
},
|
|
193
193
|
popupError: popupError,
|
|
194
194
|
onFormSend: onSubmit
|
|
@@ -17,7 +17,9 @@ 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
19
|
var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
|
|
20
|
-
var
|
|
20
|
+
var _Modal = require("../Modal/Modal");
|
|
21
|
+
var _Sucess2FA = _interopRequireDefault(require("./Sucess2FA"));
|
|
22
|
+
var _excluded = ["onRequiresRecentLoginError", "open2faflow", "onLoginAgainClick", "openDisable2faflow"];
|
|
21
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
24
|
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); }
|
|
23
25
|
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; }
|
|
@@ -39,14 +41,18 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
39
41
|
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; }
|
|
40
42
|
var Main2FAFlow = function Main2FAFlow(_ref) {
|
|
41
43
|
var onRequiresRecentLoginError = _ref.onRequiresRecentLoginError,
|
|
44
|
+
open2faflow = _ref.open2faflow,
|
|
45
|
+
onLoginAgainClick = _ref.onLoginAgainClick,
|
|
46
|
+
openDisable2faflow = _ref.openDisable2faflow,
|
|
42
47
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
48
|
var _useContext = (0, _react.useContext)(_AuthContext.AuthContext),
|
|
44
49
|
user = _useContext.user,
|
|
45
50
|
checkMfaEnrollment = _useContext.checkMfaEnrollment,
|
|
46
51
|
userMfaEnrollment = _useContext.userMfaEnrollment;
|
|
47
52
|
var _useState = (0, _react.useState)({
|
|
48
|
-
enable2fa: false,
|
|
49
|
-
disable2fa: false
|
|
53
|
+
enable2fa: open2faflow || false,
|
|
54
|
+
disable2fa: openDisable2faflow || false,
|
|
55
|
+
requiresRecentLogin: false
|
|
50
56
|
}),
|
|
51
57
|
_useState2 = _slicedToArray(_useState, 2),
|
|
52
58
|
isFlowopen = _useState2[0],
|
|
@@ -61,7 +67,6 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
|
|
|
61
67
|
setsuccessMessage = _useState6[1];
|
|
62
68
|
(0, _react.useEffect)(function () {
|
|
63
69
|
if (userMfaEnrollment) {
|
|
64
|
-
console.log('🚀 ~ file: main-flow.js:25 ~ userMfaEnrollment:', userMfaEnrollment);
|
|
65
70
|
if (userMfaEnrollment.length > 0) setis2FAEnabled(true);
|
|
66
71
|
} else if (user) {
|
|
67
72
|
checkMfaEnrollment(user);
|
|
@@ -116,6 +121,14 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
|
|
|
116
121
|
return _ref3.apply(this, arguments);
|
|
117
122
|
};
|
|
118
123
|
}();
|
|
124
|
+
var onRequiresRecentLoginErrorHandler = function onRequiresRecentLoginErrorHandler() {
|
|
125
|
+
setIsFlowOpen({
|
|
126
|
+
requiresRecentLogin: true,
|
|
127
|
+
enable2fa: false,
|
|
128
|
+
disable2fa: false
|
|
129
|
+
});
|
|
130
|
+
onRequiresRecentLoginError && onRequiresRecentLoginError();
|
|
131
|
+
};
|
|
119
132
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
120
133
|
alignVertically: true,
|
|
121
134
|
noPaddingHorizontal: true
|
|
@@ -160,7 +173,7 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
|
|
|
160
173
|
enable2fa: value
|
|
161
174
|
}));
|
|
162
175
|
},
|
|
163
|
-
onRequiresRecentLoginError:
|
|
176
|
+
onRequiresRecentLoginError: onRequiresRecentLoginErrorHandler,
|
|
164
177
|
onSuccess: onEnable2FASuccess
|
|
165
178
|
}), isFlowopen.disable2fa && /*#__PURE__*/_react.default.createElement(_disable2faFlow.default, {
|
|
166
179
|
showFlow: isFlowopen.disable2fa,
|
|
@@ -169,9 +182,25 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
|
|
|
169
182
|
disable2fa: value
|
|
170
183
|
}));
|
|
171
184
|
},
|
|
172
|
-
onRequiresRecentLoginError:
|
|
185
|
+
onRequiresRecentLoginError: onRequiresRecentLoginErrorHandler,
|
|
173
186
|
onSuccess: onDisable2FASuccess
|
|
174
|
-
}),
|
|
187
|
+
}), isFlowopen.requiresRecentLogin && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
188
|
+
isOpen: isFlowopen.requiresRecentLogin,
|
|
189
|
+
onClose: function onClose() {
|
|
190
|
+
return setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
|
|
191
|
+
requiresRecentLogin: false
|
|
192
|
+
}));
|
|
193
|
+
}
|
|
194
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
195
|
+
noPadding: true
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement(_Sucess2FA.default, {
|
|
197
|
+
onClick: function onClick() {
|
|
198
|
+
onLoginAgainClick && onLoginAgainClick();
|
|
199
|
+
},
|
|
200
|
+
titleText: "LOG IN AGAIN",
|
|
201
|
+
subTitleLeft: "To enable your log in two factor authentication please log in again",
|
|
202
|
+
buttonText: "Log in again"
|
|
203
|
+
}))), !user && /*#__PURE__*/_react.default.createElement(_loginWithOtpFlow.default, null));
|
|
175
204
|
};
|
|
176
205
|
exports.Main2FAFlow = Main2FAFlow;
|
|
177
206
|
Main2FAFlow.propTypes = {
|
|
@@ -52,7 +52,6 @@ var Analytic = /*#__PURE__*/function () {
|
|
|
52
52
|
return matomoConnect.init(matomoConnect.GetVisitsSummary, 'month', "".concat(this.START_DATE.format('YYYY-MM-DD'), ",").concat(this.CURRENT_DATE.format('YYYY-MM-DD')));
|
|
53
53
|
case 3:
|
|
54
54
|
this.VISITS_SUMMARY = _context.sent;
|
|
55
|
-
console.log('visits summary: ', this.VISITS_SUMMARY);
|
|
56
55
|
Object.keys(this.VISITS_SUMMARY).forEach(function (key) {
|
|
57
56
|
_this.TOTAL_SUMMARY.visits += _this.VISITS_SUMMARY[key].nb_visits || 0;
|
|
58
57
|
_this.TOTAL_SUMMARY.bounce_count += _this.VISITS_SUMMARY[key].bounce_count || 0;
|
|
@@ -60,7 +59,7 @@ var Analytic = /*#__PURE__*/function () {
|
|
|
60
59
|
_this.TOTAL_SUMMARY.unique_visitors += _this.VISITS_SUMMARY[key].nb_uniq_visitors || 0;
|
|
61
60
|
_this.TOTAL_SUMMARY.avg_time_on_site += _this.VISITS_SUMMARY[key].avg_time_on_site || 0;
|
|
62
61
|
});
|
|
63
|
-
case
|
|
62
|
+
case 5:
|
|
64
63
|
case "end":
|
|
65
64
|
return _context.stop();
|
|
66
65
|
}
|
|
@@ -424,9 +424,10 @@ var Header = function Header(_ref3) {
|
|
|
424
424
|
};
|
|
425
425
|
exports.Header = Header;
|
|
426
426
|
var checkTodoStatus = function checkTodoStatus(user) {
|
|
427
|
+
var _user$countryObj;
|
|
427
428
|
var count = 0;
|
|
428
429
|
if (!user) return count;
|
|
429
|
-
var isFromAllowedCountry = user.country && user.countryObj.isAllowed;
|
|
430
|
+
var isFromAllowedCountry = user.country && ((_user$countryObj = user.countryObj) === null || _user$countryObj === void 0 ? void 0 : _user$countryObj.isAllowed);
|
|
430
431
|
|
|
431
432
|
// Country
|
|
432
433
|
if (isFromAllowedCountry && (user.user_type === 'investor' || user.user_type === 'investor-entity')) {
|
|
@@ -118,7 +118,7 @@ var MobileMenu = _styledComponents.default.nav.withConfig({
|
|
|
118
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
|
-
return props.withSidebar && "\n width:
|
|
121
|
+
return props.withSidebar && "\n width:100vw;\n left:-64px;\n ";
|
|
122
122
|
}, _rwd.default.MLarge(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n display: none;\n "]))));
|
|
123
123
|
exports.MobileMenu = MobileMenu;
|
|
124
124
|
var MobileMenuItem = _styledComponents.default.li.withConfig({
|
|
@@ -211,7 +211,7 @@ var AlgoAdressSelect = function AlgoAdressSelect(props) {
|
|
|
211
211
|
while (1) switch (_context3.prev = _context3.next) {
|
|
212
212
|
case 0:
|
|
213
213
|
if (!(0, _StokrWeb.isAlgoSignerInstalled)()) {
|
|
214
|
-
_context3.next =
|
|
214
|
+
_context3.next = 18;
|
|
215
215
|
break;
|
|
216
216
|
}
|
|
217
217
|
_context3.prev = 1;
|
|
@@ -219,31 +219,30 @@ var AlgoAdressSelect = function AlgoAdressSelect(props) {
|
|
|
219
219
|
return (0, _StokrWeb.getAlgoSignerAddress)(props.network);
|
|
220
220
|
case 4:
|
|
221
221
|
_address = _context3.sent;
|
|
222
|
-
console.log('address: ', _address);
|
|
223
222
|
if (!_address) {
|
|
224
|
-
_context3.next =
|
|
223
|
+
_context3.next = 11;
|
|
225
224
|
break;
|
|
226
225
|
}
|
|
227
|
-
_context3.next =
|
|
226
|
+
_context3.next = 8;
|
|
228
227
|
return getBalanceData(_address);
|
|
229
|
-
case
|
|
228
|
+
case 8:
|
|
230
229
|
setfailed(false);
|
|
231
230
|
setcorrect(true);
|
|
232
231
|
setaddress(_address);
|
|
233
|
-
case
|
|
234
|
-
_context3.next =
|
|
232
|
+
case 11:
|
|
233
|
+
_context3.next = 18;
|
|
235
234
|
break;
|
|
236
|
-
case
|
|
237
|
-
_context3.prev =
|
|
235
|
+
case 13:
|
|
236
|
+
_context3.prev = 13;
|
|
238
237
|
_context3.t0 = _context3["catch"](1);
|
|
239
238
|
console.log('eroor: ', _context3.t0);
|
|
240
239
|
setfailed(true);
|
|
241
240
|
setcorrect(false);
|
|
242
|
-
case
|
|
241
|
+
case 18:
|
|
243
242
|
case "end":
|
|
244
243
|
return _context3.stop();
|
|
245
244
|
}
|
|
246
|
-
}, _callee3, null, [[1,
|
|
245
|
+
}, _callee3, null, [[1, 13]]);
|
|
247
246
|
}));
|
|
248
247
|
return function initAlgoSigner() {
|
|
249
248
|
return _ref2.apply(this, arguments);
|
|
@@ -58,7 +58,6 @@ var SelectProject = function SelectProject(_ref) {
|
|
|
58
58
|
setselectedProject(project);
|
|
59
59
|
changeStep();
|
|
60
60
|
} else {
|
|
61
|
-
console.log('🚀 ~ process.env', process.env);
|
|
62
61
|
window.location.href = "https://".concat(process.env.REACT_APP_WEBSITE_DOMAIN, "/").concat(project.name);
|
|
63
62
|
}
|
|
64
63
|
}
|
|
@@ -708,9 +708,6 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
|
|
|
708
708
|
password = _ref10.password;
|
|
709
709
|
_this2.clearPopupError();
|
|
710
710
|
_this2.setIsActionLoading('resetPassword');
|
|
711
|
-
|
|
712
|
-
//localhost:3001/manage-user?mode=resetPassword&oobCode=PT_AyRFYWXwDe0Ols12TOKSiGQUSdb6mM4DKDLwHGdQAAAGMgUUaEQ&apiKey=AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c&continueUrl=https%3A%2F%2Fstokr.info&lang=en
|
|
713
|
-
//https://stokr.info/manage-user?mode=resetPassword&oobCode=TGhCFwb9uLeYiL2Hp4LFgRg5Fd9osw1Fvza4qY5Hhy0AAAGMgmuGuw&apiKey=AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c&continueUrl=https%3A%2F%2Fstokr.info&lang=en
|
|
714
711
|
_context6.prev = 3;
|
|
715
712
|
_context6.next = 6;
|
|
716
713
|
return handleResetPassword(password);
|
|
@@ -297,7 +297,6 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
|
|
|
297
297
|
})));
|
|
298
298
|
_defineProperty(_assertThisInitialized(_this), "checkMfaEnrollment", function (user) {
|
|
299
299
|
var checkMfaEnrollment = (0, _auth.multiFactor)(user).enrolledFactors;
|
|
300
|
-
console.log('🚀 ~ file: AuthContext.js:173 ~ checkMfaEnrollment:', checkMfaEnrollment);
|
|
301
300
|
_this.setState({
|
|
302
301
|
userMfaEnrollment: checkMfaEnrollment
|
|
303
302
|
});
|
|
@@ -338,9 +337,7 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
|
|
|
338
337
|
while (1) switch (_context7.prev = _context7.next) {
|
|
339
338
|
case 0:
|
|
340
339
|
redirect = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
|
|
341
|
-
(0, _auth.signOut)(_firebaseConfig.auth).then(function () {
|
|
342
|
-
console.log('logged out');
|
|
343
|
-
});
|
|
340
|
+
(0, _auth.signOut)(_firebaseConfig.auth).then(function () {});
|
|
344
341
|
_Auth.default.logout();
|
|
345
342
|
delete _axios.default.defaults.headers.common.Authorization;
|
|
346
343
|
_this.setUser(null);
|
|
@@ -400,34 +397,31 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
|
|
|
400
397
|
isFetchingUser: true
|
|
401
398
|
});
|
|
402
399
|
_axios.default.defaults.headers.common.Authorization = "Bearer ".concat(accessToken);
|
|
403
|
-
|
|
400
|
+
|
|
404
401
|
//pass this function as a prop if you need any custom logic after user/get
|
|
405
402
|
customValidateGetUser = _this.props.customValidateGetUser;
|
|
406
|
-
_context8.prev =
|
|
407
|
-
_context8.next =
|
|
403
|
+
_context8.prev = 7;
|
|
404
|
+
_context8.next = 10;
|
|
408
405
|
return _Auth.default.getUser();
|
|
409
|
-
case
|
|
406
|
+
case 10:
|
|
410
407
|
result = _context8.sent;
|
|
411
408
|
firebaseUser = _this.state.firebaseUser;
|
|
412
409
|
if (firebaseUser) {
|
|
413
|
-
_context8.next =
|
|
410
|
+
_context8.next = 20;
|
|
414
411
|
break;
|
|
415
412
|
}
|
|
416
|
-
_context8.next =
|
|
413
|
+
_context8.next = 15;
|
|
417
414
|
return (0, _fetchData.default)('auth/get-custom-token');
|
|
418
|
-
case
|
|
415
|
+
case 15:
|
|
419
416
|
_yield$fetchData = _context8.sent;
|
|
420
417
|
customToken = _yield$fetchData.customToken;
|
|
421
|
-
_context8.next =
|
|
418
|
+
_context8.next = 19;
|
|
422
419
|
return _Auth.default.signInWithToken(customToken);
|
|
423
|
-
case
|
|
420
|
+
case 19:
|
|
424
421
|
firebaseUser = _context8.sent;
|
|
425
|
-
case
|
|
422
|
+
case 20:
|
|
426
423
|
//merge firebaseUser and our user object
|
|
427
|
-
user = _this.patchUserObject(result.user, firebaseUser);
|
|
428
|
-
console.log('🚀 ~ file: AuthContext.js:259 ~ user:', user);
|
|
429
|
-
|
|
430
|
-
//if user is empty throw an error
|
|
424
|
+
user = _this.patchUserObject(result.user, firebaseUser); //if user is empty throw an error
|
|
431
425
|
//if user hasn't completed the signup process, redirect to welcome page on signup
|
|
432
426
|
_this.checkUserIsValid(user);
|
|
433
427
|
customValidateGetUser && customValidateGetUser(user);
|
|
@@ -443,19 +437,19 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
|
|
|
443
437
|
|
|
444
438
|
//if you need user info immediately after call (before setState is executed), you can use this
|
|
445
439
|
return _context8.abrupt("return", user);
|
|
446
|
-
case
|
|
447
|
-
_context8.prev =
|
|
448
|
-
_context8.t0 = _context8["catch"](
|
|
440
|
+
case 31:
|
|
441
|
+
_context8.prev = 31;
|
|
442
|
+
_context8.t0 = _context8["catch"](7);
|
|
449
443
|
_this.setState({
|
|
450
444
|
isFetchingUser: false
|
|
451
445
|
});
|
|
452
446
|
console.log("Error in getUser: ".concat(_context8.t0));
|
|
453
447
|
throw _context8.t0;
|
|
454
|
-
case
|
|
448
|
+
case 36:
|
|
455
449
|
case "end":
|
|
456
450
|
return _context8.stop();
|
|
457
451
|
}
|
|
458
|
-
}, _callee8, null, [[
|
|
452
|
+
}, _callee8, null, [[7, 31]]);
|
|
459
453
|
})));
|
|
460
454
|
_defineProperty(_assertThisInitialized(_this), "checkUserPhoto", function (avatar) {
|
|
461
455
|
try {
|
|
@@ -474,7 +468,6 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
|
|
|
474
468
|
}
|
|
475
469
|
});
|
|
476
470
|
_defineProperty(_assertThisInitialized(_this), "checkUserIsValid", function (user) {
|
|
477
|
-
console.log('🚀 ~ check user is valid:');
|
|
478
471
|
if (!user) {
|
|
479
472
|
throw new Error('User is not defined');
|
|
480
473
|
} else if (!(user !== null && user !== void 0 && user.emailVerified) && !window.location.href.includes('signup.')) {
|
|
@@ -80,7 +80,6 @@ var checkSaleTimeLeft = function checkSaleTimeLeft(project) {
|
|
|
80
80
|
hasClosed: false
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
|
-
console.log('🚀 ~ file: TrendingSlide.jsx:772 ~ timeLeftData:', timeLeftData, project.name, calculateTimeLeft(timeLeftData));
|
|
84
83
|
}
|
|
85
84
|
return calculateTimeLeft(timeLeftData);
|
|
86
85
|
};
|