@stokr/components-library 0.9.7 → 0.9.8

package/dist/components/Checklist/UserChecklist.js

@@ -195,6 +195,16 @@ var UserChecklist = function UserChecklist(props) {
         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."
       }];
+      if (countryObj !== null && countryObj !== void 0 && countryObj.SEPA) {
+        //add an item at first place
+        //only if the user is from a SEPA country
+        optionalTasks.splice(0, 0, {
+          title: 'Invest in Euro',
+          message: getInvestInEuroChecklist(isFromAllowedCountry, user).message,
+          state: getInvestInEuroChecklist(isFromAllowedCountry, user).state,
+          link: isFromAllowedCountry && kyc_status && kyc_status !== 'Draft' && "".concat(platformURL, "/verify-identity")
+        });
+      }
       setoptionalTasks(optionalTasks);
     }
   };
@@ -242,6 +252,40 @@ var getVerifyIdentityChecklist = function getVerifyIdentityChecklist(isFromAllow
     hasLink: hasLink
   };
 };
+var getInvestInEuroChecklist = function getInvestInEuroChecklist(isFromAllowedCountry, user) {
+  var _KYCDocuments$status, _KYCDocuments$status2, _KYCDocuments$status3;
+  var kyc_status = user.kyc_status,
+    KYCDocuments = user.KYCDocuments,
+    lemonwayWallet = user.lemonwayWallet;
+  var message;
+  var state;
+  if (!isFromAllowedCountry) {
+    message = 'Sorry, you are living in a country where this is not available';
+    state = _ToDoList.ToDoTaskState.NOT_AVAILABLE;
+  } else if ((lemonwayWallet === null || lemonwayWallet === void 0 ? void 0 : lemonwayWallet.STATUS) === '6') {
+    message = 'Your document is verified';
+    state = _ToDoList.ToDoTaskState.APPROVED;
+  } else if ((lemonwayWallet === null || lemonwayWallet === void 0 ? void 0 : lemonwayWallet.STATUS) === '3') {
+    message = 'There seems to be a problem. The compliance team will contact you';
+    state = _ToDoList.ToDoTaskState.DENIED;
+  } else if (!kyc_status || kyc_status.toUpperCase() === 'DRAFT') {
+    message = 'In order to pay in EURO you need to verify your identity and provide a second identity document';
+    state = _ToDoList.ToDoTaskState.NOT_AVAILABLE;
+  } else if (!KYCDocuments || (kyc_status === null || kyc_status === void 0 ? void 0 : kyc_status.toUpperCase()) === 'ACCEPTED') {
+    message = 'In order to pay in EURO you need to provide a second identity document';
+    state = _ToDoList.ToDoTaskState.SKIPPED;
+  } else if (((_KYCDocuments$status = KYCDocuments.status) === null || _KYCDocuments$status === void 0 ? void 0 : _KYCDocuments$status.toUpperCase()) === 'PENDING' || ((_KYCDocuments$status2 = KYCDocuments.status) === null || _KYCDocuments$status2 === void 0 ? void 0 : _KYCDocuments$status2.toUpperCase()) === 'APPROVED' && !lemonwayWallet || (lemonwayWallet === null || lemonwayWallet === void 0 ? void 0 : lemonwayWallet.STATUS) === '5') {
+    message = 'The Lemonway team is having a look. This usually takes up to 24 hours';
+    state = _ToDoList.ToDoTaskState.IN_PROGRESS;
+  } else if (((_KYCDocuments$status3 = KYCDocuments.status) === null || _KYCDocuments$status3 === void 0 ? void 0 : _KYCDocuments$status3.toUpperCase()) === 'REJECTED') {
+    message = 'It seems there was a problem with your second identity document. Please try again or contact the compliance team at compliance@stokr.io';
+    state = _ToDoList.ToDoTaskState.DENIED;
+  }
+  return {
+    message: message,
+    state: state
+  };
+};
 UserChecklist.propTypes = {
   user: _propTypes.default.object.isRequired,
   additionalTasks: _propTypes.default.any,

package/dist/components/Checklist/UserChecklist.stories.js

@@ -206,6 +206,13 @@ var userStaging = {
     address: '0x8f02dde046cdfecccf068a39a7c3844e49f5e33d'
   }],
   is_risk_questionnaire_finished: true,
+  lemonwayWallet: {
+    ID: '5e3571e222143e0016516946',
+    STATUS: '6',
+    poa_fileid: '42',
+    passport_fileid: '24',
+    dt: '2020-02-05T13:33:04.705Z'
+  },
   liquid_network: {
     GAID: 'GAvqQSMd9PpUqkPzKN2CvRzMihBYJ',
     dt: '2021-10-12T07:59:24.256Z',

package/dist/components/Footer/Footer.js

@@ -33,7 +33,24 @@ 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.")))));
+  }, "registered"), ' ', "with the Luxembourg regulator CSSF.")), /*#__PURE__*/_react.default.createElement(_Footer.PoweredWrap, null, /*#__PURE__*/_react.default.createElement(_Footer.Powered, null, /*#__PURE__*/_react.default.createElement("div", null, "Partner of", ' ', /*#__PURE__*/_react.default.createElement("a", {
+    href: "http://www.lemonway.com/",
+    title: "Lemon Way - Payment Institution for the new economy",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {
+      color: 'white',
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    style: {
+      verticalAlign: 'middle'
+    },
+    src: lemonwayLogo,
+    height: 20,
+    width: 20,
+    alt: "Lemonway logo"
+  }), ' ', "LEMONWAY"), ". A European payment institution ", /*#__PURE__*/_react.default.createElement("br", null), " accredited in France by the ACPR (CIB 16568).")), /*#__PURE__*/_react.default.createElement(_Footer.Copyright, null, "Copyright ", new Date().getFullYear(), " STOKR. All rights reserved.")))));
 };
 exports.Footer = Footer;
 Footer.propTypes = {

package/dist/components/Footer/FooterLayout.js

@@ -100,15 +100,9 @@ var footerGroups = [{
   items: [{
     name: 'linkedin',
     url: 'https://www.linkedin.com/company/stokr/'
-  }, {
-    name: 'instagram',
-    url: 'https://www.instagram.com/stokr_media'
   }, {
     name: 'twitter',
     url: 'https://twitter.com/stokr_io'
-  }, {
-    name: 'facebook',
-    url: 'https://web.facebook.com/STOKR-696540447399052/'
   }, {
     name: 'telegram',
     url: 'https://t.me/joinchat/G2o5yBCe7FiYvv1YiZhNZg'

package/dist/components/SvgIcons/SocialTwitter.js

@@ -8,18 +8,21 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var SocialTwitter = function SocialTwitter() {
   return /*#__PURE__*/_react.default.createElement("svg", {
-    version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 12 12",
-    width: "12",
-    height: "12",
-    style: {
-      width: '12px',
-      height: '12px'
-    }
+    version: "1.1",
+    width: "256",
+    height: "256",
+    viewBox: "0 0 256 256"
+  }, /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("g", {
+    // style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;"
+    transform: "translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "m10.64 5.5733a1.4695 1.4695 0 0 0 1.3104-0.72537 2.2884 2.2884 0 0 1-1.4142 0.14695c-0.020592-0.093596-0.043055-0.17783-0.065518-0.25645a2.5552 2.5552 0 0 0-2.5477-1.8588c0.093596-0.034631 0.18719-0.067389 0.28079-0.093596 0.12542-0.042118 0.86109-0.1535 0.74877-0.39591-0.093596-0.2134-0.9968 0.16099-1.1662 0.20966 0.21808-0.080493 0.58779-0.21527 0.6271-0.45488a1.842 1.842 0 0 0-0.93596 0.41463 0.58779 0.58779 0 0 0 0.17783-0.33227 5.3481 5.3481 0 0 0-1.8775 2.7049 4.4383 4.4383 0 0 0-0.91069-0.68138 24.58 24.58 0 0 0-3.0765-1.2636 1.5191 1.5191 0 0 0 1.0296 1.4039 2.6843 2.6843 0 0 0-0.73848 0.082365c0.10296 0.50168 0.4371 0.91537 1.344 1.1147a1.1391 1.1391 0 0 0-0.82271 0.30325 1.4189 1.4189 0 0 0 1.477 0.67577c-0.92099 0.37439-0.37439 1.0558 0.37439 0.95375a3.347 3.347 0 0 1-4.4543 0.11325c3.0213 3.8375 9.589 2.2716 10.568-1.4283a1.8869 1.8869 0 0 0 1.432-0.50448 3.1186 3.1186 0 0 1-1.36-0.12823z"
-  }));
+    d: "M 0.219 2.882 l 34.748 46.461 L 0 87.118 h 7.87 l 30.614 -33.073 l 24.735 33.073 H 90 L 53.297 38.043 L 85.844 2.882 h -7.87 L 49.781 33.341 L 27.001 2.882 H 0.219 z M 11.793 8.679 h 12.303 L 78.425 81.32 H 66.122 L 11.793 8.679 z"
+    //style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;"
+    ,
+    transform: " matrix(1 0 0 1 0 0) ",
+    "stroke-linecap": "round"
+  })));
 };
 var _default = SocialTwitter;
 exports.default = _default;

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

@@ -103,13 +103,17 @@ var RegisterTaxId = function RegisterTaxId(_ref) {
   var onRefreshClick = function onRefreshClick() {
     setError(false);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showBackButton && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showBackButton ? /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingVertical: true
   }, /*#__PURE__*/_react.default.createElement(_TextLink.TextButton, {
     onClick: function onClick() {
       return navigate('/verify-identity');
     }
-  }, "Back to verify identity")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement(LiquidDescription, null, /*#__PURE__*/_react.default.createElement("h1", null, "Provide your tax id"), /*#__PURE__*/_react.default.createElement("p", null, "Some offers require you to provide your Tax ID before being able to invest in.")))), taxId && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+  }, "Back to verify identity")) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: 14
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h1", null, "Provide your tax id"), /*#__PURE__*/_react.default.createElement("p", null, "Some offers require you to provide your Tax ID before being able to invest in."))), taxId && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingTop: true
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "You have successfully submitted your Tax ID information."))), !isUpdatingUser && !error && !taxId && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingVertical: true

package/package.json

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