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

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

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

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Checkbox = require("./Checkbox.styles");
-var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onClick"];
+var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onClick", "marginTop"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -36,8 +36,11 @@ var Checkbox = function Checkbox(_ref) {
     textStyle = _ref.textStyle,
     disabled = _ref.disabled,
     onClick = _ref.onClick,
+    marginTop = _ref.marginTop,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Checkbox.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Checkbox.Label, {
+  return /*#__PURE__*/_react.default.createElement(_Checkbox.Wrapper, {
+    marginTop: marginTop
+  }, label && /*#__PURE__*/_react.default.createElement(_Checkbox.Label, {
     error: error && touched,
     htmlFor: id
   }, label), /*#__PURE__*/_react.default.createElement(_Checkbox.Input, {

package/dist/components/Checkbox/Checkbox.styles.js

@@ -11,7 +11,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Checkboxstyles__Wrapper",
   componentId: "sc-1drozoj-0"
-})(["position:relative;display:block;"]);
+})(["position:relative;display:block;margin-top:", ";"], function (_ref) {
+  var marginTop = _ref.marginTop;
+  return marginTop && '7px';
+});
 exports.Wrapper = Wrapper;
 var Label = (0, _styledComponents.default)(_Input.Label).withConfig({
   displayName: "Checkboxstyles__Label",
@@ -21,7 +24,7 @@ exports.Label = Label;
 var Input = _styledComponents.default.div.withConfig({
   displayName: "Checkboxstyles__Input",
   componentId: "sc-1drozoj-2"
-})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.4px;cursor:pointer;p{margin:0;}", ";&:before,&:after{display:block;position:absolute;}&:before{content:'';top:0;left:0;width:16px;height:16px;border-radius:3px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;", " ", "}&:after{content:'\\f3ff';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:3px;left:3px;width:10px;height:10px;font-size:22px;line-height:10px;text-align:center;color:transparent;", ";}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{color:", ";}}}"], function (props) {
+})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.4px;cursor:pointer;p{margin:0;}", ";p{font-size:12px;}&:before,&:after{display:block;position:absolute;}&:before{content:'';top:0;left:0;width:16px;height:16px;border-radius:3px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;", " ", "}&:after{content:'\\f3ff';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:3px;left:3px;width:10px;height:10px;font-size:22px;line-height:10px;text-align:center;color:transparent;", ";}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{color:", ";}}}"], function (props) {
   return props.error && "color: ".concat(_theme.default.cWarning);
 }, function (props) {
   return props.large && "\n          width: 20px;\n          height: 20px;\n          border-radius: 4px;\n        ";

package/dist/components/ComponentScroll/ComponentScroll.js

@@ -39,7 +39,8 @@ var ComponentScroll = function ComponentScroll(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_ComponentScroll.Container, {
     className: className,
-    noMobileScroll: noMobileScroll
+    noMobileScroll: noMobileScroll,
+    isMobile: true
   }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.Outer, {
     offset: offset,
     barPadding: barPadding,
@@ -67,7 +68,8 @@ var ComponentScroll = function ComponentScroll(props) {
     autoHeight: autoHeight,
     autoHeightMax: autoHeightMax,
     autoHeightMin: autoHeightMin,
-    universal: true
+    universal: true,
+    autoHide: true
   }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.Inner, {
     offset: offset
   }, children))));

package/dist/components/ComponentScroll/ComponentScroll.stories.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ScrollAutoHeight2000 = exports.ScrollAutoHeight1000 = void 0;
+exports.default = exports.ScrollAutoHeight2000 = exports.ScrollAutoHeight1000 = exports.ModalWithScroll = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ComponentScroll = require("./ComponentScroll");
 var _SvgIcons = require("../SvgIcons");
+var _Modal = require("../Modal/Modal");
+var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/ComponentScroll',
@@ -99,4 +101,18 @@ ScrollAutoHeight2000.args = {
   autoHeight: true,
   autoHeightMax: 2000,
   autoHeightMin: 2000
-};
+};
+var ModalWithScroll = function ModalWithScroll(args) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+    thin: true,
+    fullscreen: true,
+    isOpen: true
+  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+    noPadding: true
+  }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.ComponentScroll, args, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: 350
+    }
+  }, "some text")))));
+};
+exports.ModalWithScroll = ModalWithScroll;

package/dist/components/ComponentScroll/ComponentScroll.styles.js

@@ -16,7 +16,10 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var Container = _styledComponents.default.div.withConfig({
   displayName: "ComponentScrollstyles__Container",
   componentId: "sc-12avd6v-0"
-})(["position:relative;height:100%;width:100%;display:flex;", ""], function (props) {
+})(["position:relative;height:364px;width:100%;display:flex;@media screen and (max-width:767px){height:", ";}", ""], function (_ref) {
+  var isMobile = _ref.isMobile;
+  return isMobile ? '100%' : '364px';
+}, function (props) {
   return props.noMobileScroll && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      & > div > div {\n        overflow: visible !important;\n\n        > div:first-child {\n          overflow: visible !important;\n        }\n      }\n\n      ", "\n    "])), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      & > div > div {\n        overflow: hidden !important;\n\n        > div:first-child {\n          overflow: scroll !important;  \n        }\n      }\n    "]))));
 });
 exports.Container = Container;

package/dist/components/Footer/Footer.js

@@ -7,13 +7,14 @@ exports.default = exports.Footer = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _Grid = require("../Grid/Grid.styles");
+var _sicosLogo = _interopRequireDefault(require("./sicos-logo.svg"));
 var _Footer = require("./Footer.styles");
-var _mangopay = _interopRequireDefault(require("./mangopay.png"));
+var _lemonway = _interopRequireDefault(require("./lemonway.png"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Footer = function Footer(_ref) {
   var color = _ref.color,
-    _ref$mangoPayLogo = _ref.mangoPayLogo,
-    mangoPayLogo = _ref$mangoPayLogo === void 0 ? _mangopay.default : _ref$mangoPayLogo,
+    _ref$lemonwayLogo = _ref.lemonwayLogo,
+    lemonwayLogo = _ref$lemonwayLogo === void 0 ? _lemonway.default : _ref$lemonwayLogo,
     _ref$hasSidebar = _ref.hasSidebar,
     hasSidebar = _ref$hasSidebar === void 0 ? false : _ref$hasSidebar,
     isSidebarExpanded = _ref.isSidebarExpanded;
@@ -32,17 +33,7 @@ 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", {
-    style: {
-      verticalAlign: 'middle',
-      minWidth: 44,
-      maxWidth: 82
-    },
-    src: _mangopay.default
-    // width={44}
-    ,
-    alt: "Mangopay logo"
-  }))))));
+  }, "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.")))));
 };
 exports.Footer = Footer;
 Footer.propTypes = {

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

@@ -50,7 +50,7 @@ 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  "]))));
+})(["margin-top:10px;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;}"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    text-align: left;\n  "]))));
 exports.PoweredWrap = PoweredWrap;
 var FooterNav = _styledComponents.default.nav.withConfig({
   displayName: "Footerstyles__FooterNav",

package/dist/components/Footer/FooterLayout.js

@@ -89,6 +89,10 @@ var footerGroups = [{
   }, {
     name: 'Cookie policy',
     url: "".concat(_globalVariables.platformURL, "/cookie-policy")
+  }, {
+    name: 'AFFILIATE PROGRAM',
+    url: 'https://stokr.tapfiliate.com',
+    external: true
   }]
 }, {
   name: 'Let’s connect',

package/dist/components/Footer/FooterMenu.stories.js

@@ -80,6 +80,10 @@ FooterMenu1.args = {
     }, {
       name: 'Cookie policy',
       url: 'https://stokr.info/cookie-policy'
+    }, {
+      name: 'AFFILIATE PROGRAM',
+      url: 'https://stokr.tapfiliate.com',
+      external: true
     }]
   }, {
     name: 'Let’s connect',

package/dist/components/ForgotPasswordModal/ForgotPasswordModal.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ForgotPasswordModal = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formik = require("formik");
@@ -46,7 +46,7 @@ var ForgotPasswordModal = /*#__PURE__*/function (_PureComponent) {
       email: ''
     });
     _defineProperty(_assertThisInitialized(_this), "validationSchema", Yup.object().shape({
-      email: Yup.string().email('Email is not valid').required('Email is required')
+      email: Yup.string().email("Oops, that's not a valid address").required('Oops, this can‘t be blank')
     }));
     return _this;
   }
@@ -57,25 +57,33 @@ var ForgotPasswordModal = /*#__PURE__*/function (_PureComponent) {
         isModalOpen = _this$props.isModalOpen,
         onModalClose = _this$props.onModalClose,
         onFormSend = _this$props.onFormSend,
-        onModalSwitch = _this$props.onModalSwitch;
+        onModalSwitch = _this$props.onModalSwitch,
+        popupError = _this$props.popupError,
+        popupSuccess = _this$props.popupSuccess,
+        isActionLoading = _this$props.isActionLoading,
+        background = _this$props.background;
       return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
         isOpen: isModalOpen,
-        onClose: onModalClose
+        onClose: onModalClose,
+        background: background
       }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
         part: 8
       }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
         modalTop: true
-      }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Forgot password"), /*#__PURE__*/_react.default.createElement("p", null, 'Please log in to engage in our community & invest in exciting opportunities.'))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+      }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Reset Your password"), /*#__PURE__*/_react.default.createElement("p", null, "No hints. No nudges. Just a nice, easy reset link direct to your inbox."))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
         modalBot: true
       }, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, 'Remember your password? ', /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
+        to: "#",
         as: "button",
         onClick: onModalSwitch
-      }, "Sign up")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+      }, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
         part: 8
-      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
+      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, popupSuccess.popup !== 'forgot' ? /*#__PURE__*/_react.default.createElement(_formik.Formik, {
         initialValues: this.initialValues,
         validationSchema: this.validationSchema,
-        onSubmit: onFormSend
+        onSubmit: function onSubmit(values) {
+          onFormSend(values);
+        }
       }, function (_ref) {
         var values = _ref.values,
           errors = _ref.errors,
@@ -88,7 +96,7 @@ var ForgotPasswordModal = /*#__PURE__*/function (_PureComponent) {
           setFieldValue(field.name, field.value, false);
           setFieldTouched(field.name);
         };
-        var submitDisabled = !touched.email || !!errors.email;
+        var submitDisabled = !touched.email || !!errors.email || isActionLoading === 'forgot';
         return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
           noPadding: true
         }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
@@ -110,13 +118,24 @@ var ForgotPasswordModal = /*#__PURE__*/function (_PureComponent) {
           type: "submit",
           fluid: true,
           disabled: submitDisabled
-        }, "Remind")));
-      })))));
+        }, isActionLoading === 'forgot' ? 'Sending Reset Link' : 'Send Reset Link')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+          paddingVeticalHalf: true,
+          noPaddingHorizontal: true
+        }, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+          show: popupError.popup === 'forgot'
+        }, popupError.message)));
+      }) :
+      /*#__PURE__*/
+      // <ComponentWrapper paddingVeticalHalf noPaddingHorizontal>
+      //   <FormError show={popupSuccess.popup === 'forgot'}>
+      //     {popupSuccess.message}
+      //   </FormError>
+      // </ComponentWrapper>
+      _react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, popupSuccess.message))))));
     }
   }]);
   return ForgotPasswordModal;
 }(_react.PureComponent);
-exports.ForgotPasswordModal = ForgotPasswordModal;
 ForgotPasswordModal.propTypes = {
   isModalOpen: _propTypes.default.bool.isRequired,
   onModalClose: _propTypes.default.func.isRequired,

package/dist/components/Header/Header.js

@@ -277,8 +277,8 @@ var Header = function Header(_ref3) {
     mobile: true,
     isActive: currentActiveMenu === 'main'
   }, checkTodoStatus(user)), /*#__PURE__*/_react.default.createElement(_Header.HeaderQuickNav, {
-    isUserLogged: user._id
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, user._id ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, signupFlow ? /*#__PURE__*/_react.default.createElement(_Button.default, {
+    isUserLogged: (user === null || user === void 0 ? void 0 : user._id) || (user === null || user === void 0 ? void 0 : user.uid)
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, 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(_Button.default, {
     onClick: logoutUser
   }, "Log Out") : /*#__PURE__*/_react.default.createElement(_Header.UserAccount, null, /*#__PURE__*/_react.default.createElement(_Header.UserButton, {
     onClick: function onClick() {
@@ -319,7 +319,7 @@ var Header = function Header(_ref3) {
     }
   }), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: newPlatformUrl + '/team'
-  }, "Team")))))), user._id ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, !signupFlow && /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
+  }, "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, {
     withPadding: true,
     flexColumnt: true,
     borderTop: true

package/dist/components/Input/InputPassword.js

@@ -90,7 +90,14 @@ var InputPassword = function InputPassword(props) {
     active: hasFocus,
     error: error && touched,
     htmlFor: id
-  }, label), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, {
+  }, label), info && /*#__PURE__*/_react.default.createElement(_InputPassword.InfoIconWrapper, {
+    isPassword: true,
+    labelUp: labelUp
+  }, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
+    position: "bottom",
+    title: info,
+    noMarginLeft: true
+  })), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, {
     error: error && touched
   }, /*#__PURE__*/_react.default.createElement("input", {
     type: isPasswordVisible ? 'text' : 'password',
@@ -110,17 +117,16 @@ var InputPassword = function InputPassword(props) {
     className: "ion ion-md-eye"
   })), /*#__PURE__*/_react.default.createElement(_InputPassword.BottomWrap, null, showStrength ? /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthWrap, null, /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicators, {
     passwordStrength: passwordStrength
-  }, /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicator, null), /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicator, null), /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicator, null)), info && /*#__PURE__*/_react.default.createElement(_InputPassword.InfoIconWrapper, null, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
-    position: "bottom",
-    title: info,
-    noMarginLeft: true
-  })), /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthText, {
+  }, /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicator, null), /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicator, null), /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthIndicator, null)), /*#__PURE__*/_react.default.createElement(_InputPassword.PasswordStrengthText, {
     passwordStrength: passwordStrength
-  }, passwordStrength !== PasswordStrength.NONE && passwordStrength)) : info && /*#__PURE__*/_react.default.createElement(_InputPassword.InfoIconWrapper, null, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
-    position: "bottom",
-    title: info,
-    noMarginLeft: true
-  })), /*#__PURE__*/_react.default.createElement(_InputPassword.CapslockIndicator, null, isCapslockOn && /*#__PURE__*/_react.default.createElement(_SvgIcons.CapsLockSvg, null))));
+  }, passwordStrength !== PasswordStrength.NONE && passwordStrength)) :
+  /*#__PURE__*/
+  // info && (
+  //   <InfoIconWrapper>
+  //     <InfoIcon position="bottom" title={info} noMarginLeft />
+  //   </InfoIconWrapper>
+  // )
+  _react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_InputPassword.CapslockIndicator, null, isCapslockOn && 'SHOUT OUT! Caps lock is on')));
 };
 exports.InputPassword = InputPassword;
 InputPassword.propTypes = {

package/dist/components/Input/InputPassword.styles.js

@@ -8,7 +8,7 @@ exports.ShowPassword = exports.PasswordStrengthWrap = exports.PasswordStrengthTe
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _InputPassword = require("./InputPassword");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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; }
@@ -76,5 +76,14 @@ exports.DatePickerOverlay = DatePickerOverlay;
 var InfoIconWrapper = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__InfoIconWrapper",
   componentId: "sc-nohv3o-8"
-})(["display:inline-block;vertical-align:middle;margin:-2px 0;"]);
+})(["display:inline-block;vertical-align:middle;margin:-2px 0;left:80px;position:absolute;z-index:10;top:2px;transition:all 0.5s;", ""], function (_ref) {
+  var isPassword = _ref.isPassword;
+  return isPassword && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      opacity: ", ";\n      pointer-events: ", ";\n    "])), function (_ref2) {
+    var labelUp = _ref2.labelUp;
+    return labelUp ? 1 : 0;
+  }, function (_ref3) {
+    var labelUp = _ref3.labelUp;
+    return labelUp ? 'auto' : 'none';
+  });
+});
 exports.InfoIconWrapper = InfoIconWrapper;

package/dist/components/Layout/Layout.js

@@ -60,10 +60,11 @@ var Layout = /*#__PURE__*/function (_React$PureComponent) {
         children = _this$props.children,
         footerColor = _this$props.footerColor,
         noFooter = _this$props.noFooter,
+        noHeader = _this$props.noHeader,
         noLogout = _this$props.noLogout;
       return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
         theme: _objectSpread({}, _theme.default)
-      }, /*#__PURE__*/_react.default.createElement(_Grid.PageWrapper, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Header.default, {
+      }, /*#__PURE__*/_react.default.createElement(_Grid.PageWrapper, null, /*#__PURE__*/_react.default.createElement(_global.default, null), !noHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {
         progress: progress,
         signupFlow: signupFlow,
         loginHandler: loginHandler,

package/dist/components/MainMenu/MainMenu.js

@@ -111,7 +111,7 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
         letterSpacing: '1.5px',
         cursor: 'pointer'
       };
-      var isUserLogged = !!user._id;
+      var isUserLogged = !!(user !== null && user !== void 0 && user._id) || (user === null || user === void 0 ? void 0 : user.uid);
       return /*#__PURE__*/_react.default.createElement(_MainMenu.StyledMainMenu, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
         isOpened: isMenuActive && isUserLogged,
         hasNestedCollapse: true
@@ -129,7 +129,7 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
         onClick: function onClick() {
           return isAdmin ? window.location.href = "https://admin.".concat(_globalVariables.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/settings/profile-and-privacy");
         }
-      }, user.username ? user.username : user.email)), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard ? /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+      }, user !== null && user !== void 0 && user.username ? user === null || user === void 0 ? void 0 : user.username : user === null || user === void 0 ? void 0 : user.email)), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard ? /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
         as: "button",
         button: true,
         onClick: function onClick() {

package/dist/components/MenuNav/MenuNav.styles.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var MenuNav = _styledComponents.default.nav.withConfig({
   displayName: "MenuNavstyles__MenuNav",
   componentId: "sc-1v9gc1o-0"
-})(["display:inline-block;vertical-align:middle;ul{display:block;list-style:none;font-size:0;padding:0;margin:0;margin:0 -18px;}li{display:inline-block;padding:0;margin:0 18px;}button,a{position:relative;display:block;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;border:0;margin:0;cursor:pointer;font-weight:500;&:hover{opacity:0.68;}}", ""], function (props) {
+})(["display:inline-block;vertical-align:middle;ul{display:block;list-style:none;font-size:0;padding:0;margin:0;margin:0 -18px;}li{display:inline-block;padding:0;margin:0 18px;}button,a{position:relative;display:block;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;border:0;margin:0;cursor:pointer;font-weight:500;text-decoration:none;&:hover{opacity:0.68;}}", ""], function (props) {
   return props.mobile && "\n    display: block;\n\n    ul {\n      margin: 0;\n      padding: 0;\n    }\n\n    li {\n      display: block;\n      text-align: center;\n      margin: 0;\n      padding: 18px 16px;\n    }\n\n    a {\n      display: inline-block;\n    }\n  ";
 });
 exports.MenuNav = MenuNav;

package/dist/components/Modal/Modal.js

@@ -52,6 +52,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _reactPortal = require("react-portal");
 var _Modal = require("./Modal.styles");
+var _global = _interopRequireDefault(require("../../styles/global"));
 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; }
@@ -104,7 +105,7 @@ var Modal = function Modal(_ref) {
     return /*#__PURE__*/_react.default.createElement(_Modal.ModalRoot, {
       className: className,
       style: getTransitionStyles[status]
-    }, /*#__PURE__*/_react.default.createElement(_Modal.Dimmer, {
+    }, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Modal.Dimmer, {
       background: background,
       open: isOpen,
       kyc: kyc,

package/dist/components/RegisterAlgorand/Algorand.stories.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.algoFlowWithoutProject = exports.AlgoFlowWithMemo = exports.AlgoFlowWallet = exports.AlgoFlowProject = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _flow = _interopRequireDefault(require("./flow"));
-var _flowWithMemo = _interopRequireDefault(require("./flowWithMemo"));
-var _AuthContext = require("../context/AuthContext");
 var _reactRouterDom = require("react-router-dom");
+var _AuthContext = require("../../context/AuthContext");
 var _global = _interopRequireDefault(require("../../styles/global"));
+var _flow = _interopRequireDefault(require("./flow"));
+var _flowWithMemo = _interopRequireDefault(require("./flowWithMemo"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // import { AlgoAdressSelect } from 'index'
 var _default = {
@@ -35,7 +35,7 @@ var Template = function Template(args) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flow.default, args))));
 };
 var algoFlowWithoutProject = function algoFlowWithoutProject() {
-  return /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flow.default, {
+  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_flow.default, {
     showFlow: {
       type: 'boolean',
       defaultValue: true
@@ -43,7 +43,7 @@ var algoFlowWithoutProject = function algoFlowWithoutProject() {
     setShowFlow: function setShowFlow() {},
     withSuccessPage: true
     //  project={{ title: 'Algorand Test', primaryAssetId: '20918100' }}
-  }));
+  })));
 };
 exports.algoFlowWithoutProject = algoFlowWithoutProject;
 var AlgoFlowWithMemo = function AlgoFlowWithMemo() {

package/dist/components/RegisterAlgorand/flow.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _AuthContext = require("../context/AuthContext");
+var _AuthContext = require("../../context/AuthContext");
 var _Modal = require("../Modal/Modal");
 var _rwd = require("../../styles/rwd");
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));

package/dist/components/RegisterAlgorand/flowWithMemo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _AuthContext = require("../context/AuthContext");
+var _AuthContext = require("../../context/AuthContext");
 var _Modal = require("../Modal/Modal");
 var _rwd = require("../../styles/rwd");
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));