@stokr/components-library 0.7.9 → 0.8.1

package/dist/components/Checklist/UserChecklist.js

@@ -52,8 +52,9 @@ var UserChecklist = function UserChecklist(props) {
     optionalTasks = _useState10[0],
     setoptionalTasks = _useState10[1];
   (0, _react.useEffect)(function () {
+    console.log('🚀 ~ file: UserChecklist.js:30 ~ user:', user);
     generateTodos(user);
-  }, []);
+  }, [user]);
   (0, _react.useEffect)(function () {
     //calculate mandatory count from tasks
     if (mandatoryTasks.length > 0) {
@@ -97,15 +98,20 @@ var UserChecklist = function UserChecklist(props) {
   var generateTodos = function generateTodos(userData) {
     var country = user.country,
       entity_name = user.entity_name,
-      investor_eth_addresses = user.investor_eth_addresses,
-      investor_algo_addresses = user.investor_algo_addresses,
       countryObj = user.countryObj,
-      _user$liquid_network = user.liquid_network,
-      liquid_network = _user$liquid_network === void 0 ? {} : _user$liquid_network,
       is_risk_questionnaire_finished = user.is_risk_questionnaire_finished,
       kyc_status = user.kyc_status,
-      KYCDocuments = user.KYCDocuments,
-      lemonwayWallet = user.lemonwayWallet;
+      _user$wallets = user.wallets,
+      wallets = _user$wallets === void 0 ? [] : _user$wallets;
+    var liquidWallets = wallets.filter(function (wallet) {
+      return wallet.type === _globalVariables.walletTypes.LIQUID;
+    }) || [];
+    var algoWallets = wallets.filter(function (wallet) {
+      return wallet.type === _globalVariables.walletTypes.ALGORAND;
+    }) || [];
+    var ethWallets = wallets.filter(function (wallet) {
+      return wallet.type === _globalVariables.walletTypes.ETHEREUM;
+    }) || [];
     var platformURL = useRelativePath === true ? '' : "https://signup.".concat(_globalVariables.platformDomain);
     if (entity_name) {
       setmandatoryTasks([{
@@ -121,20 +127,20 @@ var UserChecklist = function UserChecklist(props) {
       }]);
       setwalletTasks([{
         title: 'Liquid Address',
-        message: liquid_network && liquid_network.GAID ? 'Your address is registered' : 'Register a Liquid address where you will receive the securities',
-        state: liquid_network && liquid_network.GAID ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+        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")
       }, {
         title: 'Ethereum Address',
-        message: investor_eth_addresses ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
-        state: investor_eth_addresses ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+        message: ethWallets.length > 0 ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
+        state: ethWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
         //link: '', //`${platformURL}/register-ethereum`,
         disabled: true,
         tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
       }, {
         title: 'Algorand Address',
-        message: investor_algo_addresses ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
-        state: investor_algo_addresses ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+        message: algoWallets.length > 0 ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
+        state: algoWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
         //: '',
         openModal: _ToDoList.ToDoModal.ALGO
       }]);
@@ -164,19 +170,19 @@ var UserChecklist = function UserChecklist(props) {
       }]);
       setwalletTasks([{
         title: 'Liquid Address',
-        message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : liquid_network && liquid_network.GAID ? 'Your address is registered' : 'Register a Liquid address where you will receive the securities',
-        state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : liquid_network && liquid_network.GAID ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+        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")
       }, {
         title: 'Ethereum Address',
-        message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : investor_eth_addresses ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
-        state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : investor_eth_addresses ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+        message: !isFromAllowedCountry ? 'Sorry, you are living in a country where this is not available' : ethWallets.length > 0 ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
+        state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : ethWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
         disabled: true,
         tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
       }, {
         title: 'Algorand Address',
-        message: investor_algo_addresses ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
-        state: investor_algo_addresses ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
+        message: algoWallets.length > 0 ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
+        state: algoWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
         openModal: _ToDoList.ToDoModal.ALGO
         //link: '',
       }]);

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

@@ -91,6 +91,37 @@ var userDev = {
     address: 'U4EIZEMPRGC77P6HJSFCLWYE4NUMNILU5DBZCKV44QMJ3TQOADRETVVAZU',
     whitelistedAssets: ['20918100', '92363258']
   }],
+  wallets: [{
+    _id: '641dd681b08b7543f433af1e',
+    userId: '61851acd5b9a890013297b12',
+    type: 'liquid',
+    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    createdAt: '2021-11-19T16:19:33.390Z',
+    isPrimary: true
+  }, {
+    _id: '641dd681b08b7543f433af1f',
+    userId: '61851acd5b9a890013297b12',
+    type: 'liquid',
+    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    assetIds: ['2812e39a-ad94-4368-9db4-9d98c1c00f38'],
+    liquidAccount: 'infinite-fleet',
+    registered_user: 6020,
+    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    createdAt: '2021-11-19T16:19:33.390Z',
+    isPrimary: true
+  }, {
+    _id: '641dd681b08b7543f433af20',
+    userId: '61851acd5b9a890013297b12',
+    type: 'liquid',
+    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    assetIds: ['35c3c8ed-59a3-4a87-9612-b48236aeab3b'],
+    liquidAccount: 'blockstream',
+    registered_user: 273,
+    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    createdAt: '2021-11-19T16:19:33.390Z',
+    isPrimary: true
+  }],
   liquid_network: {
     GAID: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
     dt: '2021-11-19T16:19:33.390Z',

package/dist/components/CryptoAddress/CryptoAddress.js

@@ -66,22 +66,7 @@ var CryptoAddress = function CryptoAddress(_ref) {
     onClick: function onClick(e) {
       return e.preventDefault();
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
-    position: "top",
-    title: copiedAddressToClipboard ? 'Copied to clipboard!' : 'Click to copy address to clipboard',
-    theme: "light",
-    arrow: true,
-    hideOnClick: false,
-    onHidden: function onHidden() {
-      return setCopiedAddressToClipboard(false);
-    },
-    duration: 200
-  }, /*#__PURE__*/_react.default.createElement(_reactCopyToClipboard.CopyToClipboard, {
-    text: address,
-    onCopy: function onCopy() {
-      return setCopiedAddressToClipboard(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_CryptoAddress.CopyToClipboardButton, null))))), src && /*#__PURE__*/_react.default.createElement("img", {
+  }, copyToClipBoard(address, copiedAddressToClipboard, setCopiedAddressToClipboard))), src && /*#__PURE__*/_react.default.createElement("img", {
     src: src,
     alt: "project logo",
     height: "50",
@@ -91,11 +76,30 @@ var CryptoAddress = function CryptoAddress(_ref) {
     }
   }))), /*#__PURE__*/_react.default.createElement(_CryptoAddress.Body, {
     noBody: noBody
-  }, /*#__PURE__*/_react.default.createElement(_CryptoAddress.DataBox, null, data.value && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Value, null, data.unit && "".concat(data.unit, " "), data.value), data.eqValue && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Equal, null, '= ', data.eqUnit && "".concat(data.eqUnit, " "), data.eqValue)), /*#__PURE__*/_react.default.createElement(_CryptoAddress.InfoBox, null, /*#__PURE__*/_react.default.createElement(_CryptoAddress.Value, null, info.unit && /*#__PURE__*/_react.default.createElement("strong", null, info.unit), info.value), info.eqValue && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Equal, null, info.noEqualsToSign ? ' ' : '= ', info.eqUnit && /*#__PURE__*/_react.default.createElement("strong", null, info.eqUnit), info.eqValue))), sideOptions && /*#__PURE__*/_react.default.createElement(_CryptoAddress.OptionsWrapper, null, sideOptions)))));
+  }, /*#__PURE__*/_react.default.createElement(_CryptoAddress.DataBox, null, data.value && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Value, null, data.unit && "".concat(data.unit, " "), data.value, data.tooltip && /*#__PURE__*/_react.default.createElement("div", null, copyToClipBoard(data.value, copiedAddressToClipboard, setCopiedAddressToClipboard))), data.eqValue && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Equal, null, '= ', data.eqUnit && "".concat(data.eqUnit, " "), data.eqValue)), /*#__PURE__*/_react.default.createElement(_CryptoAddress.InfoBox, null, /*#__PURE__*/_react.default.createElement(_CryptoAddress.Value, null, info.unit && /*#__PURE__*/_react.default.createElement("strong", null, info.unit), info.value), info.eqValue && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Equal, null, info.noEqualsToSign ? ' ' : '= ', info.eqUnit && /*#__PURE__*/_react.default.createElement("strong", null, info.eqUnit), info.eqValue))), sideOptions && /*#__PURE__*/_react.default.createElement(_CryptoAddress.OptionsWrapper, null, sideOptions)))));
 };
 exports.CryptoAddress = CryptoAddress;
+var copyToClipBoard = function copyToClipBoard(value, isCopied, setCopy) {
+  return /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
+    position: "top",
+    title: isCopied ? 'Copied to clipboard!' : 'Click to copy address to clipboard',
+    theme: "light",
+    arrow: true,
+    hideOnClick: false,
+    onHidden: function onHidden() {
+      return setCopy(false);
+    },
+    duration: 200
+  }, /*#__PURE__*/_react.default.createElement(_reactCopyToClipboard.CopyToClipboard, {
+    text: value,
+    onCopy: function onCopy() {
+      return setCopy(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CryptoAddress.CopyToClipboardButton, null)));
+};
 var dataShape = _propTypes.default.shape({
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  tooltip: _propTypes.default.bool,
   unit: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   eqValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   eqUnit: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])

package/dist/components/CryptoAddress/CryptoAddress.stories.js

@@ -7,6 +7,7 @@ exports.default = exports.CryptoAddressRadioWrap = exports.CryptoAddressOverview
 var _react = _interopRequireDefault(require("react"));
 var _CryptoAddress = _interopRequireDefault(require("./CryptoAddress"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
+var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/Crypto Address',
@@ -79,7 +80,7 @@ var _default = {
 // }
 exports.default = _default;
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, args));
+  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, args));
 };
 var CryptoAddressOverview = Template.bind({});
 exports.CryptoAddressOverview = CryptoAddressOverview;
@@ -92,7 +93,8 @@ CryptoAddressOverview.args = {
     value: '1',
     unit: '€',
     eqValue: '2',
-    eqUnit: '$'
+    eqUnit: '$',
+    tooltip: true
   },
   info: {
     value: '3',

package/dist/components/CryptoAddress/CryptoAddress.styles.js

@@ -108,7 +108,7 @@ exports.InfoBox = InfoBox;
 var Value = _styledComponents.default.div.withConfig({
   displayName: "CryptoAddressstyles__Value",
   componentId: "sc-1wjvdgu-12"
-})(["position:relative;font-weight:300;font-size:22px;font-size:", "px;line-height:28px;letter-spacing:0.4px;strong{font-weight:normal;&:after{content:' ';}}"], function (props) {
+})(["position:relative;font-weight:300;font-size:22px;font-size:", "px;line-height:28px;letter-spacing:0.4px;strong{font-weight:normal;&:after{content:' ';}}& > div{display:inline-block;margin-left:30px;& svg{max-width:16px;max-height:16px;}}"], function (props) {
   return props.fontSize;
 });
 exports.Value = Value;
@@ -176,7 +176,7 @@ exports.CryptoAddressOptionIcon = CryptoAddressOptionIcon;
 var CryptoAddressToggle = _styledComponents.default.button.withConfig({
   displayName: "CryptoAddressstyles__CryptoAddressToggle",
   componentId: "sc-1wjvdgu-20"
-})(["display:inline-block;position:relative;width:40px;height:40px;outline:none;margin-left:10px;border-radius:20px;color:", ";transition:color .2s;transform:translateZ(0);&:focus,&:hover{color:", ";}&:before{content:'", "';position:absolute;top:50%;left:50%;width:16px;height:16px;font-size:16px;line-height:16px;margin-top:-8px;margin-left:-8px;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;transition:transform .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}", ""], function (props) {
+})(["display:inline-block;position:relative;width:40px;height:40px;outline:none;margin-left:10px;border-radius:20px;color:", ";transition:color 0.2s;transform:translateZ(0);&:focus,&:hover{color:", ";}&:before{content:'", "';position:absolute;top:50%;left:50%;width:16px;height:16px;font-size:16px;line-height:16px;margin-top:-8px;margin-left:-8px;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;transition:transform 0.2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}", ""], function (props) {
   return _theme.default.cBlack;
 }, function (props) {
   return _theme.default.cPrimary;

package/dist/components/Header/Header.js

@@ -414,8 +414,11 @@ var checkTodoStatus = function checkTodoStatus(user) {
 
   // Country
   if (isFromAllowedCountry && (user.user_type === 'investor' || user.user_type === 'investor-entity')) {
-    //wallet
-    !user.investor_algo_addresses && !user.liquid_network && count++;
+    var _user$wallets;
+    //wallet (we only check for liquid wallet)
+    !(user !== null && user !== void 0 && (_user$wallets = user.wallets) !== null && _user$wallets !== void 0 && _user$wallets.some(function (wallet) {
+      return wallet.type === _globalVariables.walletTypes.LIQUID;
+    })) && count++;
     // Risk Questionnaire
     !user.is_risk_questionnaire_finished && count++
     // KYC

package/dist/components/Header/Header.stories.js

@@ -97,6 +97,37 @@ var userDev = {
     address: 'U4EIZEMPRGC77P6HJSFCLWYE4NUMNILU5DBZCKV44QMJ3TQOADRETVVAZU',
     whitelistedAssets: ['20918100', '92363258']
   }],
+  wallets: [{
+    _id: '641dd681b08b7543f433af1e',
+    userId: '61851acd5b9a890013297b12',
+    type: 'liquid',
+    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    createdAt: '2021-11-19T16:19:33.390Z',
+    isPrimary: true
+  }, {
+    _id: '641dd681b08b7543f433af1f',
+    userId: '61851acd5b9a890013297b12',
+    type: 'liquid',
+    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    assetIds: ['2812e39a-ad94-4368-9db4-9d98c1c00f38'],
+    liquidAccount: 'infinite-fleet',
+    registered_user: 6020,
+    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    createdAt: '2021-11-19T16:19:33.390Z',
+    isPrimary: true
+  }, {
+    _id: '641dd681b08b7543f433af20',
+    userId: '61851acd5b9a890013297b12',
+    type: 'liquid',
+    address: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    assetIds: ['35c3c8ed-59a3-4a87-9612-b48236aeab3b'],
+    liquidAccount: 'blockstream',
+    registered_user: 273,
+    name: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
+    createdAt: '2021-11-19T16:19:33.390Z',
+    isPrimary: true
+  }],
   liquid_network: {
     GAID: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
     dt: '2021-11-19T16:19:33.390Z',

package/dist/constants/globalVariables.js

@@ -3,8 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.platformURL = exports.platformDomain = void 0;
+exports.walletTypes = exports.platformURL = exports.platformDomain = void 0;
 var platformDomain = process.env.REACT_APP_WEBSITE_DOMAIN || 'stokr.info';
 exports.platformDomain = platformDomain;
 var platformURL = 'https://' + platformDomain;
-exports.platformURL = platformURL;
+exports.platformURL = platformURL;
+var walletTypes = {
+  LIQUID: 'liquid',
+  ALGORAND: 'algo',
+  ETHEREUM: 'eth'
+};
+exports.walletTypes = walletTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "0.7.9",
+  "version": "0.8.1",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -72,6 +72,8 @@
     "slick-carousel": "^1.8.1",
     "styled-breakpoints": "^11.1.1",
     "styled-components": "^5.3.6",
+    "support-color": "^7.1.0",
+    "supports-color": "^9.3.1",
     "yup": "^1.0.0"
   },
   "devDependencies": {