@stokr/components-library 2.3.13 → 2.3.15

package/dist/components/Checklist/UserChecklist.js

@@ -106,63 +106,36 @@ var UserChecklist = function UserChecklist(props) {
       return wallet.type === _globalVariables.walletTypes.LIQUID;
     }) || [];
     var platformURL = useRelativePath === true ? '' : "https://signup.".concat(_globalVariables.platformDomain);
-    if (entity_name) {
-      setmandatoryTasks([{
-        title: 'Verify Identity',
-        message: 'You will be contacted by our compliance team dedicated to legal entities.',
-        state: _ToDoList.ToDoTaskState.APPROVED
-        // link: '',
-      }, {
-        title: 'Risk Questionnaire',
-        message: is_risk_questionnaire_finished ? 'You have read and understood the risks' : 'Read the risks, tick the boxes, ta-da!',
-        state: is_risk_questionnaire_finished ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
-        link: "".concat(platformURL, "/risk-questionnaire")
-      }]);
-      setwalletTasks([{
-        title: 'Liquid Address',
-        message: liquidWallets.length > 0 ? 'Your address is registered' : 'Register a Liquid address where you will receive the securities',
-        state: liquidWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
-        link: "".concat(platformURL, "/register-liquid-securities")
-      }]);
-      setoptionalTasks([{
-        title: 'Tax ID',
-        message: !userData.taxId ? 'To invest in certain offerings, you need to provide your tax ID' : userData.taxId && 'You tax ID is submitted',
-        state: !userData.taxId ? _ToDoList.ToDoTaskState.SKIPPED : userData.taxId && _ToDoList.ToDoTaskState.APPROVED,
-        openModal: _ToDoList.ToDoModal.TAX_ID,
-        tooltip: "Some offers require you to provide your Tax ID before being able to invest.\n\nYour tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation."
-      }]);
-    } else {
-      setmandatoryTasks([{
-        title: 'Country of Residence',
-        message: !country ? 'Please select your country of residence' : !isFromAllowedCountry ? 'STOKR is not yet available where you live' : 'Your country of residence has been registered',
-        state: !country ? _ToDoList.ToDoTaskState.SKIPPED : !isFromAllowedCountry ? _ToDoList.ToDoTaskState.DENIED : _ToDoList.ToDoTaskState.APPROVED,
-        link: "".concat(platformURL, "/country-of-residence")
-      }, {
-        title: 'Verify Identity',
-        message: getVerifyIdentityChecklist(isFromAllowedCountry, user).message,
-        state: getVerifyIdentityChecklist(isFromAllowedCountry, user).state,
-        link: getVerifyIdentityChecklist(isFromAllowedCountry, user).hasLink && "".concat(platformURL, "/verify-identity")
-      }, {
-        title: 'Risk Questionnaire',
-        message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : is_risk_questionnaire_finished ? 'You have read and understood the risks' : 'Read the risks, tick the boxes, ta-da!',
-        state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : is_risk_questionnaire_finished ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
-        link: isFromAllowedCountry && "".concat(platformURL, "/risk-questionnaire")
-      }]);
-      setwalletTasks([{
-        title: 'Liquid Address',
-        message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : liquidWallets.length > 0 ? 'Your address is registered' : 'Register a Liquid address where you will receive the securities',
-        state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : liquidWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
-        link: isFromAllowedCountry && "".concat(platformURL, "/register-liquid-securities")
-      }]);
-      var optionalTasks = [{
-        title: 'Tax ID',
-        message: !userData.taxId ? 'To invest in certain offerings, you need to provide your tax ID' : userData.taxId && 'You tax ID is submitted',
-        state: !userData.taxId ? _ToDoList.ToDoTaskState.SKIPPED : userData.taxId && _ToDoList.ToDoTaskState.APPROVED,
-        openModal: _ToDoList.ToDoModal.TAX_ID,
-        tooltip: "Some offers require you to provide your Tax ID before being able to invest.\n\nYour tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation."
-      }];
-      setoptionalTasks(optionalTasks);
-    }
+    setmandatoryTasks([{
+      title: 'Country of Residence',
+      message: !country ? 'Please select your country of residence' : !isFromAllowedCountry ? 'STOKR is not yet available where you live' : 'Your country of residence has been registered',
+      state: !country ? _ToDoList.ToDoTaskState.SKIPPED : !isFromAllowedCountry ? _ToDoList.ToDoTaskState.DENIED : _ToDoList.ToDoTaskState.APPROVED,
+      link: "".concat(platformURL, "/country-of-residence")
+    }, {
+      title: 'Verify Identity',
+      message: getVerifyIdentityChecklist(isFromAllowedCountry, user).message,
+      state: getVerifyIdentityChecklist(isFromAllowedCountry, user).state,
+      link: getVerifyIdentityChecklist(isFromAllowedCountry, user).hasLink && "".concat(platformURL, "/verify-identity")
+    }, {
+      title: 'Risk Questionnaire',
+      message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : is_risk_questionnaire_finished ? 'You have read and understood the risks' : 'Read the risks, tick the boxes, ta-da!',
+      state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : is_risk_questionnaire_finished ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+      link: isFromAllowedCountry && "".concat(platformURL, "/risk-questionnaire")
+    }]);
+    setwalletTasks([{
+      title: 'Liquid Address',
+      message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : liquidWallets.length > 0 ? 'Your address is registered' : 'Register a Liquid address where you will receive the securities',
+      state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : liquidWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+      link: isFromAllowedCountry && "".concat(platformURL, "/register-liquid-securities")
+    }]);
+    var optionalTasks = [{
+      title: 'Tax ID',
+      message: !userData.taxId ? 'To invest in certain offerings, you need to provide your tax ID' : userData.taxId && 'You tax ID is submitted',
+      state: !userData.taxId ? _ToDoList.ToDoTaskState.SKIPPED : userData.taxId && _ToDoList.ToDoTaskState.APPROVED,
+      openModal: _ToDoList.ToDoModal.TAX_ID,
+      tooltip: "Some offers require you to provide your Tax ID before being able to invest.\n\nYour tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation."
+    }];
+    setoptionalTasks(optionalTasks);
   };
   return /*#__PURE__*/_react.default.createElement(_ToDoList.default, _extends({}, props, {
     mandatoryTasks: mandatoryTasks,

package/dist/components/Newsletter/Newsletter.js

@@ -136,7 +136,10 @@ var Newsletter = /*#__PURE__*/function (_React$Component) {
         compact: true
       }, /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeTitle, {
         as: "h3"
-      }, "SIGN UP FOR THE STOKR NEWSLETTER"), /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeForm, null, /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeInputBox, null, /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeInput, {
+      }, "SIGN UP FOR THE STOKR NEWSLETTER"), /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeForm, {
+        onSubmit: this.handleSubmit,
+        id: "newsletter-form"
+      }, /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeInputBox, null, /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeInput, {
         name: "name",
         type: "text",
         placeholder: "Your Name",
@@ -151,7 +154,8 @@ var Newsletter = /*#__PURE__*/function (_React$Component) {
       }), errorEmail && /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeInputError, null, errorEmail)), /*#__PURE__*/_react.default.createElement(_Newsletter.SubscribeSubmit, {
         submitSuccess: submitSuccess,
         transparent: true,
-        onClick: this.handleSubmit
+        id: "newsletter-button-submit",
+        type: "submit"
       }, submitSuccess ? 'Success!' : 'Submit'))))));
     }
   }]);

package/dist/components/RegisterLiquidSteps/register-liquid.js

@@ -51,8 +51,7 @@ var RegisterLiquid = function RegisterLiquid(_ref) {
     setShowComplete = _ref.setShowComplete;
   var _useContext = (0, _react.useContext)(_AuthContext.AuthContext),
     user = _useContext.user;
-  var entity_name = user.entity_name,
-    _user$liquid_network = user.liquid_network,
+  var _user$liquid_network = user.liquid_network,
     liquid_network = _user$liquid_network === void 0 ? {} : _user$liquid_network;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/components/RegisterModal/RegisterModal.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RegisterModal = void 0;
+exports.emailRegex = exports.default = exports.RegisterModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRouterDom = require("react-router-dom");
@@ -45,6 +45,8 @@ var TermsStyled = _styledComponents.styled.span.withConfig({
   displayName: "RegisterModal__TermsStyled",
   componentId: "sc-18f337m-0"
 })(["cursor:pointer;font-size:12px;text-decoration:underline;&:hover{opacity:0.7;}"]);
+var emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i;
+exports.emailRegex = emailRegex;
 var RegisterModal = function RegisterModal(props) {
   var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/components/RegisterModal/RegisterModal.stories.js

@@ -44,7 +44,9 @@ var Template = function Template(args) {
 var RegisterModalDefault = Template.bind({});
 exports.RegisterModalDefault = RegisterModalDefault;
 RegisterModalDefault.args = {
-  popupError: {}
+  popupError: {},
+  clearPopupError: function clearPopupError() {},
+  isModalOpen: true
 };
 
 //doublecheck:

package/dist/components/StepsProgress/StepsProgress.js

@@ -16,7 +16,6 @@ var StepsProgressSignup = function StepsProgressSignup(props) {
   var user = props.user;
   var country = user.country,
     kyc_status = user.kyc_status,
-    entity_name = user.entity_name,
     is_risk_questionnaire_finished = user.is_risk_questionnaire_finished,
     taxId = user.taxId,
     _user$wallets = user.wallets,
@@ -28,28 +27,7 @@ var StepsProgressSignup = function StepsProgressSignup(props) {
   var isActiveStep = function isActiveStep(path) {
     return window.location.pathname.includes(path);
   };
-  var items = entity_name ? [{
-    id: 'taxId',
-    handleClick: function handleClick() {
-      return navigate('/taxid');
-    },
-    isDone: !!taxId,
-    isActive: isActiveStep('/taxid')
-  }, {
-    id: 'ampID',
-    handleClick: function handleClick() {
-      return navigate('/register-liquid-securities');
-    },
-    isDone: hasLiquidWallet,
-    isActive: isActiveStep('/register-liquid-securities')
-  }, {
-    id: 'risk',
-    handleClick: function handleClick() {
-      return navigate('/risk-questionnaire');
-    },
-    isDone: !!is_risk_questionnaire_finished,
-    isActive: isActiveStep('/risk-questionnaire')
-  }] : [{
+  var items = [{
     id: 'country',
     handleClick: function handleClick() {
       return navigate('/country-of-residence');

package/dist/styles/colors.js

@@ -49,7 +49,8 @@ var colors = {
   progressBlueStop: '#66A3FE',
   grey2: '#9b9b9b',
   grey3: '#f8f8f8',
-  midRed: '#e3210d'
+  midRed: '#e3210d',
+  warningYellow: '#facc33'
 };
 exports.colors = colors;
 var _default = colors;

package/dist/styles/theme.js

@@ -29,6 +29,7 @@ var theme = _objectSpread({
   cProgressDone: _colors.default.progressGreen,
   cYellow: _colors.default.yellow,
   cYellowLight: _colors.default.yellowLight,
+  cYellowWarning: _colors.default.warningYellow,
   cLighterGreen: _colors.default.lighterGreen,
   cSuccess: _colors.default.freshGreen,
   cDarkGreen: _colors.default.pine,

package/package.json

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