@stokr/components-library 0.8.6 → 0.8.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/api/StokrWeb3.js +1 -1
  2. package/dist/components/Checklist/UserChecklist.js +12 -13
  3. package/dist/components/CryptoAddress/CryptoAddress.js +3 -1
  4. package/dist/components/Header/Header.js +12 -12
  5. package/dist/components/Header/Header.stories.js +1 -1
  6. package/dist/components/MainMenu/MainMenu.js +18 -18
  7. package/dist/components/NotificationCounter/NotificationCounter.styles.js +5 -1
  8. package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +1 -1
  9. package/package.json +1 -1
package/dist/api/StokrWeb3.js CHANGED
@@ -112,7 +112,7 @@ var makeOptInTx = /*#__PURE__*/function () {
112
112
  while (1) switch (_context3.prev = _context3.next) {
113
113
  case 0:
114
114
  _context3.next = 2;
115
- return (0, _fetchData.default)('user/createOptinTx', {
115
+ return (0, _fetchData.default)('wallet/createOptinTx', {
116
116
  account: address,
117
117
  assetId: Number(assetId)
118
118
  });
package/dist/components/Checklist/UserChecklist.js CHANGED
@@ -129,6 +129,12 @@ var UserChecklist = function UserChecklist(props) {
129
129
  message: liquidWallets.length > 0 ? 'Your address is registered' : 'Register a Liquid address where you will receive the securities',
130
130
  state: liquidWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
131
131
  link: "".concat(platformURL, "/register-liquid-securities")
132
+ }, {
133
+ title: 'Algorand Address',
134
+ message: algoWallets.length > 0 ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
135
+ state: algoWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
136
+ //: '',
137
+ openModal: _ToDoList.ToDoModal.ALGO
132
138
  }, {
133
139
  title: 'Ethereum Address',
134
140
  message: ethWallets.length > 0 ? 'Your address is registered' : 'Register an Ethereum address where you will receive the securities',
@@ -136,12 +142,6 @@ var UserChecklist = function UserChecklist(props) {
136
142
  //link: '', //`${platformURL}/register-ethereum`,
137
143
  disabled: true,
138
144
  tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
139
- }, {
140
- title: 'Algorand Address',
141
- message: algoWallets.length > 0 ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
142
- state: algoWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
143
- //: '',
144
- openModal: _ToDoList.ToDoModal.ALGO
145
145
  }]);
146
146
  setoptionalTasks([{
147
147
  title: 'Tax ID',
@@ -172,20 +172,19 @@ var UserChecklist = function UserChecklist(props) {
172
172
  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',
173
173
  state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : liquidWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
174
174
  link: isFromAllowedCountry && "".concat(platformURL, "/register-liquid-securities")
175
- }, {
176
- title: 'Ethereum Address',
177
- 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',
178
- state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : ethWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
179
- disabled: true,
180
- tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
181
175
  }, {
182
176
  title: 'Algorand Address',
183
177
  message: algoWallets.length > 0 ? 'Opt-in into more assets' : 'Register an Algorand address and opt-in into a project you want to invest in ',
184
178
  state: algoWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
185
179
  openModal: _ToDoList.ToDoModal.ALGO
186
180
  //link: '',
181
+ }, {
182
+ title: 'Ethereum Address',
183
+ 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',
184
+ state: !isFromAllowedCountry ? _ToDoList.ToDoTaskState.NOT_AVAILABLE : ethWallets.length > 0 ? _ToDoList.ToDoTaskState.APPROVED : _ToDoList.ToDoTaskState.SKIPPED,
185
+ disabled: true,
186
+ tooltip: 'Connecting your ethereum wallet is currently disabled until we have a new offer using the ethereum network.'
187
187
  }]);
188
-
189
188
  setoptionalTasks([(countryObj === null || countryObj === void 0 ? void 0 : countryObj.SEPA) && {
190
189
  title: 'Invest in Euro',
191
190
  message: getInvestInEuroChecklist(isFromAllowedCountry, user).message,
package/dist/components/CryptoAddress/CryptoAddress.js CHANGED
@@ -76,7 +76,9 @@ var CryptoAddress = function CryptoAddress(_ref) {
76
76
  }
77
77
  }))), /*#__PURE__*/_react.default.createElement(_CryptoAddress.Body, {
78
78
  noBody: noBody
79
- }, /*#__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)))));
79
+ }, /*#__PURE__*/_react.default.createElement(_CryptoAddress.DataBox, null, data.value && /*#__PURE__*/_react.default.createElement(_CryptoAddress.Value, {
80
+ fontSize: fontSize
81
+ }, 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)))));
80
82
  };
81
83
  exports.CryptoAddress = CryptoAddress;
82
84
  var copyToClipBoard = function copyToClipBoard(value, isCopied, setCopy) {
package/dist/components/Header/Header.js CHANGED
@@ -25,6 +25,7 @@ var _FooterMenu2 = require("../Footer/FooterMenu");
25
25
  var _Grid = require("../Grid/Grid.styles");
26
26
  var _FooterLayout = require("../Footer/FooterLayout");
27
27
  var _globalVariables = require("../../constants/globalVariables");
28
+ var _rwd = require("../../styles/rwd");
28
29
  var _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition"];
29
30
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
30
31
  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); }
@@ -153,7 +154,7 @@ var Header = function Header(_ref3) {
153
154
  _ref3$user = _ref3.user,
154
155
  user = _ref3$user === void 0 ? {} : _ref3$user,
155
156
  _ref3$userPhoto = _ref3.userPhoto,
156
- userPhoto = _ref3$userPhoto === void 0 ? '' : _ref3$userPhoto,
157
+ userPhoto = _ref3$userPhoto === void 0 ? _avatarPlaceholder.default : _ref3$userPhoto,
157
158
  _ref3$logoutUser = _ref3.logoutUser,
158
159
  logoutUser = _ref3$logoutUser === void 0 ? function () {} : _ref3$logoutUser,
159
160
  _ref3$onLoginClick = _ref3.onLoginClick,
@@ -188,6 +189,7 @@ var Header = function Header(_ref3) {
188
189
  var prevAmount = (0, _customHooks.usePrevious)({
189
190
  activeMenu: activeMenu
190
191
  });
192
+ var isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
191
193
  (0, _react.useEffect)(function () {
192
194
  //this is used when clicked outside the header
193
195
  if ((prevAmount === null || prevAmount === void 0 ? void 0 : prevAmount.activeMenu) !== activeMenu) {
@@ -207,7 +209,7 @@ var Header = function Header(_ref3) {
207
209
  if (activeMenu === false) {
208
210
  setcurrentActiveMenu(null);
209
211
  }
210
- if (window.innerWidth <= 767) {
212
+ if (isMobile) {
211
213
  if (currentActiveMenu) {
212
214
  document.body.style.overflowY = 'unset';
213
215
  } else {
@@ -269,9 +271,8 @@ var Header = function Header(_ref3) {
269
271
  return toggleMenu('main');
270
272
  },
271
273
  withSidebar: withSidebar
272
- }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
273
- avatar: true,
274
- MobileMenuToggler: true,
274
+ }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), isMobile && checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
275
+ mobile: true,
275
276
  isActive: currentActiveMenu === 'main'
276
277
  }, checkTodoStatus(user)), /*#__PURE__*/_react.default.createElement(_Header.HeaderQuickNav, {
277
278
  isUserLogged: user._id
@@ -335,7 +336,6 @@ var Header = function Header(_ref3) {
335
336
  return toggleMenu('main');
336
337
  }
337
338
  }, "Dashboard"), checkTodoStatus(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
338
- avatar: true,
339
339
  mobileMenu: true
340
340
  }, checkTodoStatus(user))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
341
341
  href: "".concat(newPlatformUrlForUserMenu, "/settings/profile-and-privacy"),
@@ -343,21 +343,21 @@ var Header = function Header(_ref3) {
343
343
  return toggleMenu('main');
344
344
  }
345
345
  }, "Profile and Privacy")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
346
- href: "".concat(newPlatformUrlForUserMenu, "/settings/ethereum-address"),
346
+ href: "".concat(newPlatformUrlForUserMenu, "/settings/liquid-address"),
347
347
  onClick: function onClick() {
348
348
  return toggleMenu('main');
349
349
  }
350
- }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
351
- href: "".concat(newPlatformUrlForUserMenu, "/settings/liquid-address"),
350
+ }, "Liquid Address")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
351
+ href: "".concat(newPlatformUrlForUserMenu, "/settings/algorand-address"),
352
352
  onClick: function onClick() {
353
353
  return toggleMenu('main');
354
354
  }
355
- }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
356
- href: "".concat(newPlatformUrlForUserMenu, "/settings/algorand-address"),
355
+ }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
356
+ href: "".concat(newPlatformUrlForUserMenu, "/settings/ethereum-address"),
357
357
  onClick: function onClick() {
358
358
  return toggleMenu('main');
359
359
  }
360
- }, "Algorand Addresses")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
360
+ }, "Ethereum Addresses")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
361
361
  withPadding: true,
362
362
  flexColumnt: true,
363
363
  noPaddingTop: !signupFlow,
package/dist/components/Header/Header.stories.js CHANGED
@@ -69,7 +69,7 @@ var userDev = {
69
69
  entity_name: '',
70
70
  active: true,
71
71
  country: 'Germany',
72
- is_risk_questionnaire_finished: true,
72
+ is_risk_questionnaire_finished: false,
73
73
  kyc_status: 'Accepted',
74
74
  investor_algo_addresses: [{
75
75
  name: 'another test',
package/dist/components/MainMenu/MainMenu.js CHANGED
@@ -181,27 +181,27 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
181
181
  }, /*#__PURE__*/_react.default.createElement("span", {
182
182
  style: spanStyleForMenu
183
183
  }, "Profile & Privacy")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
184
- isActive: this.checkActive('ethereum-address'),
185
- onClick: function onClick() {
186
- window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
187
- }
188
- }, /*#__PURE__*/_react.default.createElement("span", {
189
- style: spanStyleForMenu
190
- }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
191
184
  isActive: this.checkActive('liquid-address'),
192
185
  onClick: function onClick() {
193
186
  window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
194
187
  }
195
188
  }, /*#__PURE__*/_react.default.createElement("span", {
196
189
  style: spanStyleForMenu
197
- }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
190
+ }, "Liquid Address")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
198
191
  isActive: this.checkActive('algorand-address'),
199
192
  onClick: function onClick() {
200
193
  window.location.replace("".concat(platformUrlForUserMenu, "/settings/algorand-address"));
201
194
  }
202
195
  }, /*#__PURE__*/_react.default.createElement("span", {
203
196
  style: spanStyleForMenu
204
- }, "Algorand Addresses")))))), !isAdmin && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
197
+ }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
198
+ isActive: this.checkActive('ethereum-address'),
199
+ onClick: function onClick() {
200
+ window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
201
+ }
202
+ }, /*#__PURE__*/_react.default.createElement("span", {
203
+ style: spanStyleForMenu
204
+ }, "Ethereum Addresses")))))), !isAdmin && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
205
205
  isOpened: isScrollDown,
206
206
  hasNestedCollapse: true
207
207
  }, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOptions, null, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
@@ -213,14 +213,6 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
213
213
  }, /*#__PURE__*/_react.default.createElement("span", {
214
214
  style: spanStyleForMenu
215
215
  }, "Profile & Privacy")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
216
- scrollDown: true,
217
- isActive: this.checkActive('ethereum-address'),
218
- onClick: function onClick() {
219
- window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
220
- }
221
- }, /*#__PURE__*/_react.default.createElement("span", {
222
- style: spanStyleForMenu
223
- }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
224
216
  scrollDown: true,
225
217
  isActive: this.checkActive('liquid-address'),
226
218
  onClick: function onClick() {
@@ -228,7 +220,7 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
228
220
  }
229
221
  }, /*#__PURE__*/_react.default.createElement("span", {
230
222
  style: spanStyleForMenu
231
- }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
223
+ }, "Liquid Address")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
232
224
  scrollDown: true,
233
225
  isActive: this.checkActive('algorand-address'),
234
226
  onClick: function onClick() {
@@ -237,6 +229,14 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
237
229
  }, /*#__PURE__*/_react.default.createElement("span", {
238
230
  style: spanStyleForMenu
239
231
  }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
232
+ scrollDown: true,
233
+ isActive: this.checkActive('ethereum-address'),
234
+ onClick: function onClick() {
235
+ window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
236
+ }
237
+ }, /*#__PURE__*/_react.default.createElement("span", {
238
+ style: spanStyleForMenu
239
+ }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
240
240
  scrollDown: true,
241
241
  onClick: function onClick() {
242
242
  _this2.setScrollUp();
package/dist/components/NotificationCounter/NotificationCounter.styles.js CHANGED
@@ -10,12 +10,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
10
10
  var NotificationCounter = _styledComponents.default.span.withConfig({
11
11
  displayName: "NotificationCounterstyles__NotificationCounter",
12
12
  componentId: "sc-1pf66l9-0"
13
- })(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:8px;min-width:16px;height:16px;font-size:9px;line-height:11px;padding:2px;text-align:center;", ""], function (props) {
13
+ })(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:50%;min-width:16px;height:16px;font-size:11px;font-weight:600;line-height:16px;text-align:center;", " ", " ", ""], function (props) {
14
14
  return _theme.default.cWhite;
15
15
  }, function (props) {
16
16
  return _theme.default.cWarning;
17
17
  }, function (props) {
18
18
  return props.avatar && "\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n ";
19
+ }, function (props) {
20
+ return props.mobile && "\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 1;\n ";
21
+ }, function (props) {
22
+ return props.mobileMenu && "\n margin:0 5px;\n ";
19
23
  });
20
24
  exports.NotificationCounter = NotificationCounter;
21
25
  var _default = NotificationCounter;
package/dist/components/RegisterAlgorand/AlgoAdressSelect.js CHANGED
@@ -134,7 +134,7 @@ var AlgoAdressSelect = function AlgoAdressSelect(props) {
134
134
  data = null;
135
135
  _context2.prev = 3;
136
136
  _context2.next = 6;
137
- return (0, _fetchData.default)('user/algoBalances', {
137
+ return (0, _fetchData.default)('wallet/algoBalances', {
138
138
  accounts: addressArr
139
139
  });
140
140
  case 6:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokr/components-library",
3
- "version": "0.8.6",
3
+ "version": "0.8.8",
4
4
  "description": "STOKR - Components Library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",