npm - @stokr/components-library - Versions diffs - 1.2.0 → 1.2.1 - Mend

@stokr/components-library 1.2.0 → 1.2.1

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 (8) hide show

package/dist/components/2FA/login-with-otp-flow.js +18 -13
package/dist/components/Footer/Footer.js +4 -4
package/dist/components/Footer/Footer.styles.js +18 -13
package/dist/components/TermsModal/TermsModal.js +14 -3
package/dist/components/headerHo/HeaderHo.js +67 -54
package/dist/context/Auth.js +35 -0
package/dist/context/AuthContext.js +7 -6
package/package.json +1 -1

package/dist/components/2FA/login-with-otp-flow.js CHANGED Viewed

@@ -13,6 +13,7 @@ var _ForgotPasswordModal = _interopRequireDefault(require("../ForgotPasswordModa
 var _EnterCode = _interopRequireDefault(require("./EnterCode"));
 var _background = _interopRequireDefault(require("../../static/images/background3.png"));
 var _ResetCode = _interopRequireDefault(require("./ResetCode"));
+var _auth = _interopRequireDefault(require("../../api/auth"));
 var _excluded = ["withBackground"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -261,22 +262,26 @@ var LoginWithOTP = function LoginWithOTP(_ref) {
               email = _ref6.email;
               clearPopupError();
               setIsActionLoading('forgot');
-              try {
-                /* await authAPI('forgotPass', {
-                  email,
-                }) */
-                handleSetPopupSuccess('forgot', "We sent a message to ".concat(email, " (you might need to check your junk or spam folder) \u2014 tap the link inside to create a new password."));
-                setIsActionLoading(undefined);
-              } catch (error) {
-                handleSetPopupError('forgot', 'This email is not registered.');
-                setIsActionLoading(undefined);
-              }
-            case 4:
+              _context3.prev = 3;
+              _context3.next = 6;
+              return (0, _auth.default)('forgotPass', {
+                email: email
+              });
+            case 6:
+              handleSetPopupSuccess('forgot', "We sent a message to ".concat(email, " (you might need to check your junk or spam folder) \u2014 tap the link inside to create a new password."));
+              setIsActionLoading(undefined);
+              _context3.next = 14;
+              break;
+            case 10:
+              _context3.prev = 10;
+              _context3.t0 = _context3["catch"](3);
+              handleSetPopupError('forgot', 'This email is not registered.');
+              setIsActionLoading(undefined);
+            case 14:
             case "end":
               return _context3.stop();
           }
-        }, _callee3);
+        }, _callee3, null, [[3, 10]]);
       }));
       return function (_x3) {
         return _ref7.apply(this, arguments);

package/dist/components/Footer/Footer.js CHANGED Viewed

@@ -8,7 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _Grid = require("../Grid/Grid.styles");
 var _Footer = require("./Footer.styles");
-var _mangopay = _interopRequireDefault(require("./mangopay.png"));
+var _mangopay = _interopRequireDefault(require("./mangopay.svg"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Footer = function Footer(_ref) {
   var color = _ref.color,
@@ -32,17 +32,17 @@ var Footer = function Footer(_ref) {
       textDecoration: 'underline',
       color: 'white'
     }
-  }, "registered"), ' ', "with the Luxembourg regulator CSSF.")), /*#__PURE__*/_react.default.createElement(_Footer.PoweredWrap, null, /*#__PURE__*/_react.default.createElement(_Footer.Copyright, null, "Copyright ", new Date().getFullYear(), " STOKR. All rights reserved."), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
+  }, "registered"), ' ', "with the Luxembourg regulator CSSF.")), /*#__PURE__*/_react.default.createElement(_Footer.LogoWrap, null, /*#__PURE__*/_react.default.createElement("img", {
     style: {
       verticalAlign: 'middle',
       minWidth: 44,
-      maxWidth: 82
+      maxWidth: 120
     },
     src: _mangopay.default
     // width={44}
     ,
     alt: "Mangopay logo"
-  }))))));
+  })), /*#__PURE__*/_react.default.createElement(_Footer.PoweredWrap, null, /*#__PURE__*/_react.default.createElement(_Footer.Copyright, null, "Copyright ", new Date().getFullYear(), " STOKR. All rights reserved.")))));
 };
 exports.Footer = Footer;
 Footer.propTypes = {

package/dist/components/Footer/Footer.styles.js CHANGED Viewed

@@ -4,13 +4,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFooter = exports.PoweredWrap = exports.Powered = exports.PartnerWrap = exports.Partner = exports.FooterNav = exports.FooterInner = exports.CopyrightWrap = exports.Copyright = void 0;
+exports.StyledFooter = exports.PoweredWrap = exports.Powered = exports.PartnerWrap = exports.Partner = exports.LogoWrap = exports.FooterNav = exports.FooterInner = exports.CopyrightWrap = exports.Copyright = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _grid = _interopRequireDefault(require("../../styles/grid"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -37,38 +37,43 @@ var FooterInner = _styledComponents.default.div.withConfig({
   return props.hasSidebar && "\n      padding: 20px ".concat((0, _grid.default)(1), ";\n      ");
 }));
 exports.FooterInner = FooterInner;
+var LogoWrap = _styledComponents.default.div.withConfig({
+  displayName: "Footerstyles__LogoWrap",
+  componentId: "sc-12rq6gz-2"
+})(["margin-bottom:25px;text-align:center;", ""], _rwd.default.MLarge(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\nmargin-bottom:0px;\n"]))));
+exports.LogoWrap = LogoWrap;
 var CopyrightWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__CopyrightWrap",
-  componentId: "sc-12rq6gz-2"
-})(["text-align:center;", ""], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    flex: 2;\n  "]))));
+  componentId: "sc-12rq6gz-3"
+})(["text-align:center;", ""], _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex: 2;\n  "]))));
 exports.CopyrightWrap = CopyrightWrap;
 var PartnerWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__PartnerWrap",
-  componentId: "sc-12rq6gz-3"
-})(["text-align:center;", " @media screen and (max-width:991px){text-align:center;margin-bottom:25px;}"], _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    // flex: 2;\n    text-align: left;\n  "]))));
+  componentId: "sc-12rq6gz-4"
+})(["text-align:center;", " @media screen and (max-width:991px){text-align:center;margin-bottom:25px;}"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    // flex: 2;\n    text-align: left;\n  "]))));
 exports.PartnerWrap = PartnerWrap;
 var PoweredWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__PoweredWrap",
-  componentId: "sc-12rq6gz-4"
-})(["text-align:center;text-transform:uppercase;letter-spacing:2.1px;line-height:1.8;font-weight:400;font-size:10px;", " @media screen and (max-width:991px){text-align:center;div{margin-top:10px;}}"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    text-align: left;\n    margin-top: 10px;\n  "]))));
+  componentId: "sc-12rq6gz-5"
+})(["text-align:center;text-transform:uppercase;letter-spacing:2.1px;line-height:1.8;font-weight:400;font-size:10px;", " @media screen and (max-width:991px){text-align:center;div{margin-top:10px;}}"], _rwd.default.Medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    text-align: left;\n    //margin-top: 10px;\n  "]))));
 exports.PoweredWrap = PoweredWrap;
 var FooterNav = _styledComponents.default.nav.withConfig({
   displayName: "Footerstyles__FooterNav",
-  componentId: "sc-12rq6gz-5"
-})(["display:block;font-size:0;padding-top:6px;padding-bottom:30px;", " ul{display:block;margin:0;padding:0;margin-left:-32px;}li{display:inline-block;vertical-align:middle;margin-left:32px;}a{position:relative;display:block;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;&:before{content:'';display:block;height:2px;width:100%;position:absolute;top:100%;left:0;background-color:", ";opacity:0;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;}&:hover{&:before{opacity:1;transform:translateY(0);}}", "}"], _rwd.default.Medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    padding-bottom: 0;\n  "]))), _colors.default.white, _rwd.default.Medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      font-size: 9px;\n      line-height: 16px;\n    "]))));
+  componentId: "sc-12rq6gz-6"
+})(["display:block;font-size:0;padding-top:6px;padding-bottom:30px;", " ul{display:block;margin:0;padding:0;margin-left:-32px;}li{display:inline-block;vertical-align:middle;margin-left:32px;}a{position:relative;display:block;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;&:before{content:'';display:block;height:2px;width:100%;position:absolute;top:100%;left:0;background-color:", ";opacity:0;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;}&:hover{&:before{opacity:1;transform:translateY(0);}}", "}"], _rwd.default.Medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    padding-bottom: 0;\n  "]))), _colors.default.white, _rwd.default.Medium(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      font-size: 9px;\n      line-height: 16px;\n    "]))));
 exports.FooterNav = FooterNav;
 var Partner = _styledComponents.default.span.withConfig({
   displayName: "Footerstyles__Partner",
-  componentId: "sc-12rq6gz-6"
+  componentId: "sc-12rq6gz-7"
 })(["text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.8;letter-spacing:2.1px;img{margin-bottom:4px;}@media screen and (max-width:560px){line-height:20px;}"]);
 exports.Partner = Partner;
 var Copyright = _styledComponents.default.span.withConfig({
   displayName: "Footerstyles__Copyright",
-  componentId: "sc-12rq6gz-7"
+  componentId: "sc-12rq6gz-8"
 })(["img{margin-bottom:4px;}"]);
 exports.Copyright = Copyright;
 var Powered = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__Powered",
-  componentId: "sc-12rq6gz-8"
+  componentId: "sc-12rq6gz-9"
 })(["display:flex;flex-direction:column;align-items:self-start;span{vertical-align:middle;text-transform:uppercase;-webkit-letter-spacing:2.1px;-moz-letter-spacing:2.1px;-ms-letter-spacing:2.1px;letter-spacing:2.1px;line-height:10x;white-space:nowrap;color:inherit;}a{display:inline-block;vertical-align:middle;margin-left:4px;transition:opacity 0.2s;&:hover{opacity:0.5;}}img{position:relative;}@media screen and (max-width:991px){align-items:center;}"]);
 exports.Powered = Powered;

package/dist/components/TermsModal/TermsModal.js CHANGED Viewed

@@ -7,12 +7,14 @@ exports.default = exports.TermsModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _formik = require("formik");
 var Yup = _interopRequireWildcard(require("yup"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
 var _Modal = require("../Modal/Modal");
 var _Grid = require("../Grid/Grid.styles");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _styles = require("./_styles");
-var _PrivacyText = _interopRequireDefault(require("./PrivacyText"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _theme = _interopRequireDefault(require("../../styles/theme"));
 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); }
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -30,6 +32,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var StyledPrivacyText = _styledComponents.default.div.withConfig({
+  displayName: "TermsModal__StyledPrivacyText",
+  componentId: "sc-1x5p4y6-0"
+})(["width:100%;p{color:", ";font-size:16px;line-height:1.5;font-weight:300;margin:0;padding-bottom:10px;font-style:normal;font-stretch:normal;letter-spacing:0.6px;}a{text-decoration:none;color:", ";font-weight:300;}}h4{font-size:17.2px;font-weight:700;line-height:1.28571em;letter-spacing:normal;position:relative;margin-top:29px;margin-bottom:16px;}table{border-collapse:collapse;margin:32px 0;font-size:16px;tr{td:first-child{width:", ";text-align:center;}td:last-child{width:", ";}}td,th{border:1px solid #2e2e2e;padding:10px;li{margin-bottom:0;}}}ul{list-style-type:disclosure-closed;list-style:none;margin:0;padding:0;}li{padding:0 0 0 2rem;color:", ";font-size:0.75rem;letter-spacing:normal;line-height:1.31rem;font-weight:200;margin-bottom:1rem;position:relative;font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}&:before{content:'';position:absolute;width:10px;height:10px;background:#0050ca;border-radius:100px;left:0;top:0px;margin-top:0.4rem;@media screen and (min-width:1440px){top:-1px;}}}"], _theme.default.cBlack, _theme.default.cBlack, function (props) {
+  return props.thirdParties ? '30%' : '40%';
+}, function (props) {
+  return props.thirdParties ? '70%' : '60%';
+}, _theme.default.cBlack);
 var TermsModal = /*#__PURE__*/function (_React$Component) {
   _inherits(TermsModal, _React$Component);
   var _super = _createSuper(TermsModal);
@@ -63,7 +73,8 @@ var TermsModal = /*#__PURE__*/function (_React$Component) {
         isModalOpen = _this$props.isModalOpen,
         onModalClose = _this$props.onModalClose,
         onFormSend = _this$props.onFormSend,
-        onModalSwitch = _this$props.onModalSwitch;
+        onModalSwitch = _this$props.onModalSwitch,
+        termsData = _this$props.termsData;
       // const { popupOpen } = this.state
       return /*#__PURE__*/_react.default.createElement(_formik.Formik, {
@@ -85,7 +96,7 @@ var TermsModal = /*#__PURE__*/function (_React$Component) {
             noHorizontalPadding: true
           }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
             noPaddingVertical: true
-          }, /*#__PURE__*/_react.default.createElement(_PrivacyText.default, null)))))))));
+          }, /*#__PURE__*/_react.default.createElement(StyledPrivacyText, null, termsData && (0, _htmlReactParser.default)(termsData.text))))))))));
         }
       });
     }

package/dist/components/headerHo/HeaderHo.js CHANGED Viewed

@@ -88,7 +88,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         popup: undefined,
         message: undefined
       },
-      isActionLoading: undefined
+      isActionLoading: undefined,
+      termsData: undefined
     });
     _defineProperty(_assertThisInitialized(_this), "checkForModals", function () {
       var _this$props = _this.props,
@@ -253,7 +254,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         isModalOpen = _this$state.isModalOpen,
         userInfo = _this$state.userInfo,
-        isActionLoading = _this$state.isActionLoading;
+        isActionLoading = _this$state.isActionLoading,
+        termsData = _this$state.termsData;
       var _this$props3 = this.props,
         fixed = _this$props3.fixed,
         activateMenu = _this$props3.activateMenu,
@@ -271,7 +273,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         loginUser = _this$context2.loginUser,
         waitingFor2fa = _this$context2.waitingFor2fa,
         firebaseError = _this$context2.firebaseError,
-        loginUserWithTotp = _this$context2.loginUserWithTotp;
+        loginUserWithTotp = _this$context2.loginUserWithTotp,
+        createUser = _this$context2.createUser;
       return /*#__PURE__*/_react.default.createElement(Outer, {
         fixed: fixed
       }, /*#__PURE__*/_react.default.createElement(_Header.default, {
@@ -442,6 +445,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         setPopupError: this.setPopupError,
         isModalOpen: isModalOpen.signUp,
         onModalClose: function onModalClose() {
+          var _location$state;
           var _this2$props = _this2.props,
             location = _this2$props.location,
             navigate = _this2$props.navigate,
@@ -452,11 +456,16 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
           _this2.clearPopupError();
           _this2.setIsActionLoading(undefined);
           onSignupModalClose && onSignupModalClose();
-          if (location && location.state && location.state.isHowStokrWorksRedirect) {
+          if (location !== null && location !== void 0 && (_location$state = location.state) !== null && _location$state !== void 0 && _location$state.isHowStokrWorksRedirect) {
             navigate('/how-stokr-works/for-investors');
           }
         },
-        onTermsClicked: function onTermsClicked() {
+        onTermsClicked: function onTermsClicked(termsData) {
+          _this2.setState(function (prevState) {
+            return _objectSpread(_objectSpread({}, prevState), {}, {
+              termsData: termsData
+            });
+          });
           _this2.switchOpenModal('signUp', 'terms');
           _this2.clearPopupError();
           _this2.setIsActionLoading(undefined);
@@ -470,81 +479,84 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         },
         onFormSend: /*#__PURE__*/function () {
           var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(userInfo) {
-            var referralCode, result, checkedCheckboxes;
+            var referralCode, checkedCheckboxes;
             return _regeneratorRuntime().wrap(function _callee3$(_context3) {
               while (1) switch (_context3.prev = _context3.next) {
                 case 0:
                   _this2.clearPopupError();
                   _this2.setIsActionLoading('signUp');
                   referralCode = _jsCookie.default.get('STOKR_REFERRAL_CODE'); //check username
+                  // try {
+                  //   const result = await fetchDataPublic('user/checkUsernameExists', {
+                  //     username: userInfo.username,
+                  //   })
+                  //   if (result.usernameExists) {
+                  //     this.setPopupError(
+                  //       'register',
+                  //       'This username is already taken',
+                  //       'username',
+                  //     )
+                  //     this.setIsActionLoading(undefined)
+                  //     return
+                  //   }
+                  // } catch (error) {
+                  //   console.log(error)
+                  //   this.setPopupError('register', 'Oops, something went wrong')
+                  //   this.setIsActionLoading(undefined)
+                  //   return
+                  // }
+                  //check password
                   _context3.prev = 3;
-                  _context3.next = 6;
-                  return (0, _fetchDataPublic.default)('user/checkUsernameExists', {
-                    username: userInfo.username
-                  });
-                case 6:
-                  result = _context3.sent;
-                  if (!result.usernameExists) {
-                    _context3.next = 11;
-                    break;
-                  }
-                  _this2.setPopupError('register', 'This username is already taken', 'username');
-                  _this2.setIsActionLoading(undefined);
-                  return _context3.abrupt("return");
-                case 11:
-                  _context3.next = 19;
-                  break;
-                case 13:
-                  _context3.prev = 13;
-                  _context3.t0 = _context3["catch"](3);
-                  console.log(_context3.t0);
-                  _this2.setPopupError('register', 'Oops, something went wrong');
-                  _this2.setIsActionLoading(undefined);
-                  return _context3.abrupt("return");
-                case 19:
-                  _context3.prev = 19;
                   if (!(userInfo.password.length > 128)) {
-                    _context3.next = 24;
+                    _context3.next = 8;
                     break;
                   }
                   _this2.setPopupError('register', 'Your password cannot exceed 128 characters', 'password');
                   _this2.setIsActionLoading(undefined);
                   return _context3.abrupt("return");
-                case 24:
+                case 8:
                   //we add the checked checkboxes at the end because sometimes the checkboxes are already checked in persist storage
                   //so we want to make sure that the EP receives checkedCheckboxes
                   checkedCheckboxes = [];
                   if (userInfo.newsletter) checkedCheckboxes.push('newsletter');
                   if (userInfo.terms) checkedCheckboxes.push('privacyTerms');
-                  _context3.next = 29;
-                  return (0, _auth.default)('signup', {
-                    email: userInfo.email,
-                    password: userInfo.password,
-                    userType: 'investor',
-                    // fa2: false,
-                    newsletter: userInfo.newsletter,
-                    terms: userInfo.terms,
-                    username: userInfo.username,
-                    tapfiliateReferralCode: referralCode,
-                    checkedCheckboxes: checkedCheckboxes
-                  });
-                case 29:
+                  // await authAPI('signup', {
+                  //   email: userInfo.email,
+                  //   password: userInfo.password,
+                  //   userType: 'investor',
+                  //   // fa2: false,
+                  //   newsletter: userInfo.newsletter,
+                  //   terms: userInfo.terms,
+                  //   username: userInfo.username,
+                  //   tapfiliateReferralCode: referralCode,
+                  //   checkedCheckboxes,
+                  // })
+                  _context3.next = 13;
+                  return createUser(userInfo.email, userInfo.password);
+                case 13:
                   _this2.setUserInfo(userInfo);
                   _this2.switchOpenModal('signUp', 'confirm');
                   _this2.setIsActionLoading(undefined);
-                  _context3.next = 39;
+                  _context3.next = 23;
                   break;
-                case 34:
-                  _context3.prev = 34;
-                  _context3.t1 = _context3["catch"](19);
-                  console.log(_context3.t1);
-                  _this2.setPopupError('register', 'This email address is already taken', 'email');
+                case 18:
+                  _context3.prev = 18;
+                  _context3.t0 = _context3["catch"](3);
+                  console.log(_context3.t0);
                   _this2.setIsActionLoading(undefined);
-                case 39:
+                  if ((_context3.t0 === null || _context3.t0 === void 0 ? void 0 : _context3.t0.code) === 'auth/email-already-in-use') {
+                    _this2.setPopupError('register', 'This email address is already taken', 'email');
+                  } else if ((_context3.t0 === null || _context3.t0 === void 0 ? void 0 : _context3.t0.code) === 'auth/weak-password') {
+                    _this2.setPopupError('register', 'The password is too weak. Please try again.', 'password');
+                  } else {
+                    _this2.setPopupError('register', 'Oops, something went wrong');
+                  }
+                case 23:
                 case "end":
                   return _context3.stop();
               }
-            }, _callee3, null, [[3, 13], [19, 34]]);
+            }, _callee3, null, [[3, 18]]);
           }));
           return function (_x3) {
             return _ref6.apply(this, arguments);
@@ -552,6 +564,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         }()
       }), /*#__PURE__*/_react.default.createElement(_TermsModal.default, {
         isModalOpen: isModalOpen.terms,
+        termsData: termsData,
         onModalClose: function onModalClose() {
           _this2.setOpenModalStatus('terms', false);
         },

package/dist/context/Auth.js CHANGED Viewed

@@ -56,6 +56,19 @@ var Auth = /*#__PURE__*/function () {
         });
       });
     }
+  }, {
+    key: "createUser",
+    value: function createUser(email, password) {
+      return new Promise(function (resolve, reject) {
+        (0, _auth.createUserWithEmailAndPassword)(_firebaseConfig.auth, email, password).then(function (userCredential) {
+          // Signed in
+          var user = userCredential.user;
+          resolve(user);
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    }
   }, {
     key: "twoFactor",
     value: function twoFactor(data) {
@@ -111,6 +124,17 @@ var Auth = /*#__PURE__*/function () {
         });
       });
     }
+  }, {
+    key: "updateUserPassword",
+    value: function updateUserPassword(user, newPassword) {
+      return new Promise(function (resolve, reject) {
+        (0, _auth.updatePassword)(user, newPassword).then(function () {
+          resolve();
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    }
   }, {
     key: "requestUpdateEmail",
     value: function requestUpdateEmail(data) {
@@ -166,6 +190,17 @@ var Auth = /*#__PURE__*/function () {
         });
       });
     }
+  }, {
+    key: "updateFirebaseUser",
+    value: function updateFirebaseUser(user, data) {
+      return new Promise(function (resolve, reject) {
+        (0, _auth.updateProfile)(user, data).then(function () {
+          resolve();
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    }
   }, {
     key: "sendWelcomeEmail",
     value: function sendWelcomeEmail() {

package/dist/context/AuthContext.js CHANGED Viewed

@@ -385,8 +385,6 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
           case 14:
             firebaseUser = _context7.sent;
           case 15:
-            console.log('🚀 ~ file: AuthContext.js:252 ~ firebaseUser:', firebaseUser);
             //merge firebaseUser and our user object
             user = _this.patchUserObject(result.user, firebaseUser);
             console.log('🚀 ~ file: AuthContext.js:259 ~ user:', user);
@@ -407,19 +405,19 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
             //if you need user info immediately after call (before setState is executed), you can use this
             return _context7.abrupt("return", user);
-          case 28:
-            _context7.prev = 28;
+          case 27:
+            _context7.prev = 27;
             _context7.t0 = _context7["catch"](6);
             _this.setState({
               isFetchingUser: false
             });
             console.log("Error in getUser: ".concat(_context7.t0));
             throw _context7.t0;
-          case 33:
+          case 32:
           case "end":
             return _context7.stop();
         }
-      }, _callee7, null, [[6, 28]]);
+      }, _callee7, null, [[6, 27]]);
     })));
     _defineProperty(_assertThisInitialized(_this), "checkUserPhoto", function (avatar) {
       try {
@@ -878,6 +876,9 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
           fetchLastTime: this.fetchLastTime,
           createWallet: this.createWallet,
           requestUpdateEmail: _Auth.default.requestUpdateEmail,
+          updatePassword: _Auth.default.updateUserPassword,
+          createUser: _Auth.default.createUser,
+          updateFirebaseUser: _Auth.default.updateFirebaseUser,
           setUser: this.setUser
         })
       }, children);

package/package.json CHANGED Viewed

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