@stokr/components-library 3.0.30 → 3.0.31

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 (29) hide show
  1. package/dist/components/BackButton/BackButton.js +4 -2
  2. package/dist/components/Checklist/ChecklistCard.js +2 -1
  3. package/dist/components/Footer/FooterMenu.styles.js +2 -1
  4. package/dist/components/Header/Header.js +20 -25
  5. package/dist/components/Header/Header.styles.js +2 -1
  6. package/dist/components/icons/LinkIcon.js +2 -2
  7. package/dist/runtime-config.js +1 -1
  8. package/dist/static/country-list.json +251 -251
  9. package/dist/static/fonts/Ionicons/ionicons.min.css +2810 -2810
  10. package/dist/static/fonts/Ionicons/ionicons.min.css.js +1 -1
  11. package/dist/static/fonts/icomoon/selection.json +910 -910
  12. package/dist/static/fonts/icomoon/style.css +139 -139
  13. package/dist/static/images/copy_icon.svg +4 -4
  14. package/dist/static/images/download_icon.svg +3 -3
  15. package/dist/static/images/numbers/number_eight.svg +3 -3
  16. package/dist/static/images/numbers/number_five.svg +4 -4
  17. package/dist/static/images/numbers/number_four.svg +3 -3
  18. package/dist/static/images/numbers/number_nine.svg +4 -4
  19. package/dist/static/images/numbers/number_one.svg +4 -4
  20. package/dist/static/images/numbers/number_seven.svg +4 -4
  21. package/dist/static/images/numbers/number_six.svg +4 -4
  22. package/dist/static/images/numbers/number_three.svg +3 -3
  23. package/dist/static/images/numbers/number_two.svg +4 -4
  24. package/dist/static/images/numbers/number_zero.svg +3 -3
  25. package/dist/static/images/plus-icon.svg +4 -4
  26. package/dist/static/images/search-icon.svg +3 -3
  27. package/dist/static/images/transfer-icon.svg +10 -10
  28. package/dist/static/images/warning-filled.svg +3 -3
  29. package/package.json +1 -1
@@ -1,9 +1,11 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import PropTypes from "prop-types";
4
- import { StyledBackButtonExternal, BackButtonIcon, StyledBackButton, StyledWindowBackButton } from "./BackButton.styles.js";
4
+ import { useNavigate } from "react-router-dom";
5
5
  import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
6
+ import { StyledBackButtonExternal, BackButtonIcon, StyledBackButton, StyledWindowBackButton } from "./BackButton.styles.js";
6
7
  const BackButton = ({ children, to, href }) => {
8
+ const navigate = useNavigate();
7
9
  return /* @__PURE__ */ jsxs(Fragment, { children: [
8
10
  /* @__PURE__ */ jsx(IoniconsStyles, {}),
9
11
  href ? /* @__PURE__ */ jsxs(StyledBackButtonExternal, { href, children: [
@@ -12,7 +14,7 @@ const BackButton = ({ children, to, href }) => {
12
14
  ] }) : to ? /* @__PURE__ */ jsxs(StyledBackButton, { to, children: [
13
15
  /* @__PURE__ */ jsx(BackButtonIcon, {}),
14
16
  children
15
- ] }) : /* @__PURE__ */ jsxs(StyledWindowBackButton, { onClick: () => window.history.back(), children: [
17
+ ] }) : /* @__PURE__ */ jsxs(StyledWindowBackButton, { onClick: () => navigate(-1), children: [
16
18
  /* @__PURE__ */ jsx(BackButtonIcon, {}),
17
19
  children
18
20
  ] })
@@ -6,6 +6,7 @@ import { CardContainer, IconBlock, IconCopy, CardTitle, CardDescription } from "
6
6
  import { Icon } from "../ToDoList/ToDoListTask.styles.js";
7
7
  import { colors } from "../../styles/colors.js";
8
8
  import SvgWarningFilled from "../../static/images/warning-filled.svg.js";
9
+ import { Link } from "react-router-dom";
9
10
  const ICON_MAP = {
10
11
  done: {
11
12
  icon: iconsMap.check,
@@ -52,7 +53,7 @@ const ChecklistCard = ({
52
53
  }
53
54
  );
54
55
  if (link && !onClick && !disabled) {
55
- return /* @__PURE__ */ jsx("a", { href: link, tabIndex: 0, "aria-disabled": disabled, style: { textDecoration: "none", color: "inherit" }, children: content });
56
+ return /* @__PURE__ */ jsx(Link, { to: link, tabIndex: 0, "aria-disabled": disabled, style: { textDecoration: "none", color: "inherit" }, children: content });
56
57
  }
57
58
  return content;
58
59
  };
@@ -1,6 +1,7 @@
1
1
  import styled from "styled-components";
2
2
  import { colors } from "../../styles/colors.js";
3
3
  import theme from "../../styles/theme.js";
4
+ import { Link as Link$1 } from "react-router-dom";
4
5
  const Container = styled.div`
5
6
  z-index: 2;
6
7
  position: relative;
@@ -185,7 +186,7 @@ const Item = styled.li.withConfig({
185
186
  padding-right: 16px;
186
187
  }
187
188
  `;
188
- const Link = styled.a`
189
+ const Link = styled(Link$1)`
189
190
  display: inline-block;
190
191
  font-family: 'Open Sans';
191
192
  font-weight: bold;
@@ -1,6 +1,7 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { useMemo, useState, useEffect } from "react";
3
3
  import PropTypes from "prop-types";
4
+ import { Link } from "react-router-dom";
4
5
  import { Button } from "../Button/Button.styles.js";
5
6
  import stdin_default$1 from "../SvgIcons/LogoSvg.js";
6
7
  import "../SvgIcons/SocialInstagram.js";
@@ -65,7 +66,7 @@ const RenderSubMenu = ({
65
66
  /* @__PURE__ */ jsx("a", { children: title }),
66
67
  /* @__PURE__ */ jsx(ArrowDown, { displayAlways: true, isOpened: isActive, style: { right: "-2em", position: "absolute" } })
67
68
  ] }) }),
68
- /* @__PURE__ */ jsx(Collapse, { isOpened: isActive, children: subMenuItems.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { red: true, children: /* @__PURE__ */ jsx(MobileMenuLink, { href: basePlatformUrl + item.link, children: item.name }) }, item.name)) })
69
+ /* @__PURE__ */ jsx(Collapse, { isOpened: isActive, children: subMenuItems.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { red: true, children: /* @__PURE__ */ jsx(MobileMenuLink, { to: basePlatformUrl + item.link, children: item.name }) }, item.name)) })
69
70
  ] });
70
71
  };
71
72
  function HeaderView({
@@ -189,12 +190,12 @@ function HeaderView({
189
190
  withSidebar && /* @__PURE__ */ jsx(SidebarToggle, { isSidebarExpanded, onClick: sidebarHandler, children: /* @__PURE__ */ jsx(HamburgerIcon, {}) }),
190
191
  /* @__PURE__ */ jsxs(HeaderInner, { withSidebar, children: [
191
192
  /* @__PURE__ */ jsxs(MainNavWrap, { hasProgress: progress, children: [
192
- /* @__PURE__ */ jsx(Logo, { isHighlight: currentActiveMenu === "main", children: /* @__PURE__ */ jsx("a", { href: platformURL, "data-cy": "logo-nav-link", children: /* @__PURE__ */ jsx(stdin_default$1, {}) }) }),
193
+ /* @__PURE__ */ jsx(Logo, { isHighlight: currentActiveMenu === "main", children: /* @__PURE__ */ jsx(Link, { to: newPlatformUrl || "/", "data-cy": "logo-nav-link", children: /* @__PURE__ */ jsx(stdin_default$1, {}) }) }),
193
194
  !progress && /* @__PURE__ */ jsx(HeaderMainNav, { children: /* @__PURE__ */ jsx(MenuNav, { children: /* @__PURE__ */ jsxs("ul", { children: [
194
195
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
195
- "a",
196
+ Link,
196
197
  {
197
- href: newPlatformUrl + "/featured-assets",
198
+ to: newPlatformUrl + "/featured-assets",
198
199
  "data-cy": "invest-nav-link",
199
200
  onClick: () => track("header_link_clicked", { link: "invest" }),
200
201
  children: "Invest"
@@ -223,9 +224,9 @@ function HeaderView({
223
224
  }
224
225
  ) }),
225
226
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
226
- "a",
227
+ Link,
227
228
  {
228
- href: newPlatformUrl + "/team",
229
+ to: newPlatformUrl + "/team",
229
230
  "data-cy": "team-nav-link",
230
231
  onClick: () => track("header_link_clicked", { link: "team" }),
231
232
  children: "Team"
@@ -298,7 +299,7 @@ function HeaderView({
298
299
  ] }),
299
300
  /* @__PURE__ */ jsxs(MobileMenu, { isActive: currentActiveMenu === "main", withSidebar, children: [
300
301
  /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsxs("ul", { children: [
301
- /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { href: newPlatformUrl + "/featured-assets", "data-cy": "invest-nav-link", children: "Invest" }) }),
302
+ /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { to: newPlatformUrl + "/featured-assets", "data-cy": "invest-nav-link", children: "Invest" }) }),
302
303
  /* @__PURE__ */ jsx(
303
304
  RenderSubMenu,
304
305
  {
@@ -323,16 +324,15 @@ function HeaderView({
323
324
  }
324
325
  }
325
326
  ),
326
- /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { href: newPlatformUrl + "/team", children: "Team" }) })
327
+ /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { to: newPlatformUrl + "/team", children: "Team" }) })
327
328
  ] }) }) }) }),
328
329
  hasLoggedInSession(user) ? /* @__PURE__ */ jsxs(Fragment, { children: [
329
- !signupFlow && /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, borderTop: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsx("ul", { children: isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard ? /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx("a", { href: "/settings", children: "Settings" }) }) : /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
330
- "a",
330
+ !signupFlow && /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, borderTop: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsx("ul", { children: isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard ? /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(Link, { to: "/settings", children: "Settings" }) }) : /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
331
+ Link,
331
332
  {
332
- href: getConfig("adminUrl"),
333
+ to: getConfig("adminUrl"),
333
334
  onClick: (e) => {
334
335
  e.preventDefault();
335
- navigateToHref(navigate, getConfig("adminUrl"));
336
336
  toggleMenu("main");
337
337
  },
338
338
  children: "Dashboard"
@@ -340,16 +340,11 @@ function HeaderView({
340
340
  ) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
341
341
  /* @__PURE__ */ jsxs(MobileMenuItem, { children: [
342
342
  /* @__PURE__ */ jsx(
343
- "a",
343
+ Link,
344
344
  {
345
- href: newPlatformUrlForUserMenu ? `${newPlatformUrlForUserMenu}/overview` : "/overview",
345
+ to: newPlatformUrlForUserMenu ? `${newPlatformUrlForUserMenu}/overview` : "/overview",
346
346
  onClick: (e) => {
347
347
  e.preventDefault();
348
- if (newPlatformUrlForUserMenu) {
349
- navigateToHref(navigate, getConfig("dashboardUrl") + "/overview");
350
- } else {
351
- navigate("/overview");
352
- }
353
348
  toggleMenu("main");
354
349
  },
355
350
  children: "Dashboard"
@@ -358,25 +353,25 @@ function HeaderView({
358
353
  checkTodoStatus(user) > 0 && /* @__PURE__ */ jsx(NotificationCounter, { mobileMenu: true, children: checkTodoStatus(user) })
359
354
  ] }),
360
355
  /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
361
- "a",
356
+ Link,
362
357
  {
363
- href: `${newPlatformUrlForUserMenu}/settings/profile-and-privacy`,
358
+ to: `${newPlatformUrlForUserMenu}/settings/profile-and-privacy`,
364
359
  onClick: () => toggleMenu("main"),
365
360
  children: "Profile and Privacy"
366
361
  }
367
362
  ) }),
368
363
  /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
369
- "a",
364
+ Link,
370
365
  {
371
- href: `${newPlatformUrlForUserMenu}/settings/liquid-address`,
366
+ to: `${newPlatformUrlForUserMenu}/settings/liquid-address`,
372
367
  onClick: () => toggleMenu("main"),
373
368
  children: "Liquid Addresses"
374
369
  }
375
370
  ) }),
376
371
  /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
377
- "a",
372
+ Link,
378
373
  {
379
- href: `${newPlatformUrlForUserMenu}/settings/investment-eligibility`,
374
+ to: `${newPlatformUrlForUserMenu}/settings/investment-eligibility`,
380
375
  onClick: () => toggleMenu("main"),
381
376
  children: "Investment eligibility"
382
377
  }
@@ -1,4 +1,5 @@
1
1
  import styled from "styled-components";
2
+ import { Link } from "react-router-dom";
2
3
  import rwd, { rwdMax } from "../../styles/rwd.js";
3
4
  import { colors } from "../../styles/colors.js";
4
5
  import spacing from "../../styles/spacing.js";
@@ -363,7 +364,7 @@ const MobileMenuItem = styled.li.withConfig({
363
364
  const MobileMenuWrapper = styled.div`
364
365
  cursor: pointer;
365
366
  `;
366
- const MobileMenuLink = styled.a`
367
+ const MobileMenuLink = styled(Link)`
367
368
  width: 100%;
368
369
  `;
369
370
  const MobileMenuPart = styled.div.withConfig({
@@ -17,13 +17,13 @@ const LinkIcon = () => /* @__PURE__ */ jsxs(
17
17
  /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
18
18
  "path",
19
19
  {
20
- d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\r\n c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\r\n c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\r\n c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\r\n c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\r\n c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\r\n c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
20
+ d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\n c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\n c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\n c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\n c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\n c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\n c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
21
21
  }
22
22
  ) }) }),
23
23
  /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
24
24
  "path",
25
25
  {
26
- d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\r\n c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\r\n l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\r\n l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\r\n c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\r\n c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\r\n c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\r\n c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\r\n l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
26
+ d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\n c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\n l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\n l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\n c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\n c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\n c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\n c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\n l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
27
27
  }
28
28
  ) }) }),
29
29
  /* @__PURE__ */ jsx("g", {}),
@@ -1,4 +1,4 @@
1
- const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
1
+ const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_ADMIN_URL": "https://admin.stokr.info", "VITE_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_BASE_URL_PUBLIC": "https://platform-api-no-auth.stokr.info/api/v1", "VITE_COOKIE_DOMAIN": "localhost", "VITE_DASHBOARD_URL": "https://dashboard.stokr.info", "VITE_FIREBASE_API_KEY": "AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c", "VITE_FIREBASE_APP_ID": "1:568229412804:web:2391857e3e2a0b02346e91", "VITE_FIREBASE_AUTH_DOMAIN": "stokr-development-env.firebaseapp.com", "VITE_FIREBASE_MEASUREMENT_ID": "G-CP53SZVSMN", "VITE_FIREBASE_MESSAGING_SENDER_ID": "568229412804", "VITE_FIREBASE_PROJECT_ID": "stokr-development-env", "VITE_FIREBASE_STORAGE_BUCKET": "stokr-development-env.appspot.com", "VITE_MIXPANEL_TOKEN": "a7bb1e881f9b2600762fded84d8ce0ea", "VITE_ONBOARDING_URL": "https://signup.stokr.info", "VITE_PHOTO_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_REGISTER_URL": "https://stokr.info/signup", "VITE_WEBSITE_DOMAIN": "stokr.info" };
2
2
  const _overrides = {};
3
3
  const ENV_KEY_BY_CONFIG = {
4
4
  apiUrl: "VITE_API_URL",