@stokr/components-library 1.1.9 → 2.0.0-beta.0

package/dist/components/TermsModal/TermsModal.js

@@ -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/Text/Text.styles.js

@@ -13,14 +13,20 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var Text = _styledComponents.default.div.withConfig({
   displayName: "Textstyles__Text",
   componentId: "sc-xkpyal-0"
-})(["display:block;", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", "}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}a{text-decoration:underline;}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], function (props) {
+})(["display:block;", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", "}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " ", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}", "}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}a{text-decoration:underline;}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], function (props) {
   return props.fullWidth && 'width: 100%;';
 }, function (props) {
   return props.center && "\n    text-align: center;\n  ";
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 34px;\n      letter-spacing: 1.5px;\n      margin-bottom: 45px;\n    "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 42px;\n    "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 50px;\n    "]))), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: 34px;\n    "]))), _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: 34px;\n    "]))), _rwd.default.XLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-size: 20px;\n    "]))), function (props) {
+}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 34px;\n      letter-spacing: 1.5px;\n      margin-bottom: 45px;\n    "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 42px;\n    "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 50px;\n    "]))), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: 34px;\n    "]))), _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: 34px;\n    "]))), function (props) {
+  return props.small && "\n    font-size:12px;\n    ";
+}, _rwd.default.XLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-size: 20px;\n\n      ", "\n\n    "])), function (props) {
+  return props.small && "\n        font-size:16px;\n      ";
+}), function (props) {
   return _theme.default.cPrimary;
 }, function (props) {
   return _theme.default.cText;
+}, function (props) {
+  return props.success && "\n      color: ".concat(_theme.default.cProgressDone, ";\n    ");
 });
 exports.Text = Text;
 var Caption = _styledComponents.default.p.withConfig({

package/dist/components/ToDoList/ToDoListTask.js

@@ -12,7 +12,7 @@ var _ToDoListTask = require("./ToDoListTask.styles");
 var _Icon = require("../Icon/Icon.style");
 var _RegisterAlgorand = require("../RegisterAlgorand");
 var _setRedirectCookie = _interopRequireDefault(require("../../utils/set-redirect-cookie"));
-var _AuthContext = require("../context/AuthContext");
+var _AuthContext = require("../../context/AuthContext");
 var _ToDoList = require("./ToDoList");
 var _taxId = require("../taxId");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/breakdown/Breakdown.js

@@ -17,7 +17,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var Breakdown = _styledComponents.default.div.withConfig({
   displayName: "Breakdown",
   componentId: "sc-1i2d0ys-0"
-})(["text-transform:uppercase;letter-spacing:2.1px;font-size:", ";white-space:", ";line-height:2.18;color:inherit;font-weight:bolder;strong&{font-weight:bold;}", " ", " ", " ", " ", " ", " @media screen and (max-width:991px){", "}", " ", " ", " ", ""], function (_ref) {
+})(["text-transform:uppercase;letter-spacing:2.1px;font-size:", ";white-space:", ";line-height:2.18;color:inherit;font-weight:bolder;strong{font-weight:bold;}", " ", " ", " ", " ", " ", " @media screen and (max-width:991px){", "}", " ", " ", " ", ""], function (_ref) {
   var fontSize = _ref.fontSize;
   return fontSize ? "".concat(fontSize, "px") : '11px';
 }, function (_ref2) {

package/dist/components/headerHo/HeaderHo.js

@@ -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/components/taxId/TaxId.stories.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TaxIdModalFlow = exports.TaxIdFlowWithBackButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _flow = _interopRequireDefault(require("./flow"));
-var _AuthContext = require("../context/AuthContext");
+var _AuthContext = require("../../context/AuthContext");
 var _reactRouterDom = require("react-router-dom");
 var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/taxId/register-taxid.js

@@ -23,7 +23,7 @@ var _CryptoAddressWrapper = _interopRequireDefault(require("../CryptoAddressWrap
 var _RefreshButton = _interopRequireDefault(require("../RefreshButton/RefreshButton"));
 var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
-var _AuthContext = require("../context/AuthContext");
+var _AuthContext = require("../../context/AuthContext");
 var _deleteRedirectCookieAndNavigate = _interopRequireDefault(require("../../utils/delete-redirect-cookie-and-navigate"));
 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; }

package/dist/context/Auth.js

@@ -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

@@ -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/dist/index.js

@@ -377,6 +377,28 @@ Object.keys(_Select).forEach(function (key) {
     }
   });
 });
+var _OtpInput = require("./components/Input/OtpInput");
+Object.keys(_OtpInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _OtpInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _OtpInput[key];
+    }
+  });
+});
+var _InputUsername = require("./components/Input/InputUsername");
+Object.keys(_InputUsername).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputUsername[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputUsername[key];
+    }
+  });
+});
 var _InvestCalculator = require("./components/InvestCalculator/InvestCalculator");
 Object.keys(_InvestCalculator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -894,7 +916,7 @@ Object.keys(_StokrLoader).forEach(function (key) {
     }
   });
 });
-var _AuthContext = require("./components/context/AuthContext");
+var _AuthContext = require("./context/AuthContext");
 Object.keys(_AuthContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _AuthContext[key]) return;
@@ -905,6 +927,17 @@ Object.keys(_AuthContext).forEach(function (key) {
     }
   });
 });
+var _Auth = require("./context/Auth");
+Object.keys(_Auth).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Auth[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Auth[key];
+    }
+  });
+});
 var _SvgIcons = require("./components/SvgIcons");
 Object.keys(_SvgIcons).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1047,4 +1080,103 @@ Object.keys(_km_ify).forEach(function (key) {
       return _km_ify[key];
     }
   });
+});
+var _FA = require("./components/2FA");
+Object.keys(_FA).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FA[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FA[key];
+    }
+  });
+});
+var _headerHo = require("./components/headerHo");
+Object.keys(_headerHo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _headerHo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _headerHo[key];
+    }
+  });
+});
+var _List = require("./components/landing-page/List");
+Object.keys(_List).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _List[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _List[key];
+    }
+  });
+});
+var _PageContent = require("./components/landing-page/PageContent");
+Object.keys(_PageContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PageContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageContent[key];
+    }
+  });
+});
+var _PageText = require("./components/landing-page/PageText");
+Object.keys(_PageText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PageText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageText[key];
+    }
+  });
+});
+var _PageTitle = require("./components/landing-page/PageTitle");
+Object.keys(_PageTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PageTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageTitle[key];
+    }
+  });
+});
+var _ResetConfirmModal = require("./components/ResetConfirmModal/ResetConfirmModal");
+Object.keys(_ResetConfirmModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ResetConfirmModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ResetConfirmModal[key];
+    }
+  });
+});
+var _ResetPasswordModal = require("./components/ResetPasswordModal/ResetPasswordModal");
+Object.keys(_ResetPasswordModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ResetPasswordModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ResetPasswordModal[key];
+    }
+  });
+});
+var _TermsModal = require("./components/TermsModal/TermsModal");
+Object.keys(_TermsModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TermsModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TermsModal[key];
+    }
+  });
 });

package/dist/utils/delete-redirect-cookie-and-navigate.js

@@ -9,10 +9,7 @@ var _getCookieDomain = _interopRequireDefault(require("./get-cookie-domain"));
 var _redirectUrl = _interopRequireDefault(require("./redirect-url"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = function _default() {
-  var cookieDomain = {};
-  if (process.env.NODE_ENV === 'production') {
-    cookieDomain.domain = (0, _getCookieDomain.default)();
-  }
+  var cookieDomain = (0, _getCookieDomain.default)();
   _jsCookie.default.remove('STOKR_INVESTOR_DASHBOARD_REDIRECT', cookieDomain);
   _jsCookie.default.remove('STOKR_INVEST_IN_STO_REDIRECT', cookieDomain);
   window.location.href = _redirectUrl.default;

package/dist/utils/get-cookie-domain.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _default = function _default() {
+exports.getCookieDomain = exports.default = void 0;
+var getCookieDomain = function getCookieDomain() {
   var cookieDomain = {};
 
   // Cookie for deployed app
@@ -13,4 +13,6 @@ var _default = function _default() {
   }
   return cookieDomain;
 };
+exports.getCookieDomain = getCookieDomain;
+var _default = getCookieDomain;
 exports.default = _default;

package/dist/utils/withRouter.js

@@ -11,8 +11,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var withRouter = function withRouter(Component) {
   var Wrapper = function Wrapper(props) {
     var navigate = (0, _reactRouterDom.useNavigate)();
+    var location = (0, _reactRouterDom.useLocation)();
     return /*#__PURE__*/_react.default.createElement(Component, _extends({
-      navigate: navigate
+      navigate: navigate,
+      location: location
     }, props));
   };
   return Wrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "1.1.9",
+  "version": "2.0.0-beta.0",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -40,8 +40,10 @@
     "cross-env": "^7.0.3",
     "d3": "^7.8.3",
     "date-fns": "^2.29.3",
+    "firebase": "^10.5.0",
     "formik": "^2.2.9",
     "formik-persist": "^1.1.0",
+    "html-react-parser": "^5.0.6",
     "http-server": "^14.1.1",
     "js-cookie": "^3.0.5",
     "mobile-detect": "^1.4.5",
@@ -56,7 +58,9 @@
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
+    "react-otp-input": "^3.1.0",
     "react-portal": "^4.2.2",
+    "react-qr-code": "^2.0.12",
     "react-range": "^1.8.14",
     "react-router": "^6.8.1",
     "react-router-dom": "^6.8.1",