@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.
- package/dist/components/BackButton/BackButton.js +4 -2
- package/dist/components/Checklist/ChecklistCard.js +2 -1
- package/dist/components/Footer/FooterMenu.styles.js +2 -1
- package/dist/components/Header/Header.js +20 -25
- package/dist/components/Header/Header.styles.js +2 -1
- package/dist/components/icons/LinkIcon.js +2 -2
- package/dist/runtime-config.js +1 -1
- package/dist/static/country-list.json +251 -251
- package/dist/static/fonts/Ionicons/ionicons.min.css +2810 -2810
- package/dist/static/fonts/Ionicons/ionicons.min.css.js +1 -1
- package/dist/static/fonts/icomoon/selection.json +910 -910
- package/dist/static/fonts/icomoon/style.css +139 -139
- package/dist/static/images/copy_icon.svg +4 -4
- package/dist/static/images/download_icon.svg +3 -3
- package/dist/static/images/numbers/number_eight.svg +3 -3
- package/dist/static/images/numbers/number_five.svg +4 -4
- package/dist/static/images/numbers/number_four.svg +3 -3
- package/dist/static/images/numbers/number_nine.svg +4 -4
- package/dist/static/images/numbers/number_one.svg +4 -4
- package/dist/static/images/numbers/number_seven.svg +4 -4
- package/dist/static/images/numbers/number_six.svg +4 -4
- package/dist/static/images/numbers/number_three.svg +3 -3
- package/dist/static/images/numbers/number_two.svg +4 -4
- package/dist/static/images/numbers/number_zero.svg +3 -3
- package/dist/static/images/plus-icon.svg +4 -4
- package/dist/static/images/search-icon.svg +3 -3
- package/dist/static/images/transfer-icon.svg +10 -10
- package/dist/static/images/warning-filled.svg +3 -3
- 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 {
|
|
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: () =>
|
|
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(
|
|
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
|
|
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, {
|
|
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(
|
|
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
|
-
|
|
196
|
+
Link,
|
|
196
197
|
{
|
|
197
|
-
|
|
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
|
-
|
|
227
|
+
Link,
|
|
227
228
|
{
|
|
228
|
-
|
|
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, {
|
|
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, {
|
|
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(
|
|
330
|
-
|
|
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
|
-
|
|
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
|
-
|
|
343
|
+
Link,
|
|
344
344
|
{
|
|
345
|
-
|
|
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
|
-
|
|
356
|
+
Link,
|
|
362
357
|
{
|
|
363
|
-
|
|
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
|
-
|
|
364
|
+
Link,
|
|
370
365
|
{
|
|
371
|
-
|
|
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
|
-
|
|
372
|
+
Link,
|
|
378
373
|
{
|
|
379
|
-
|
|
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
|
|
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\
|
|
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\
|
|
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", {}),
|
package/dist/runtime-config.js
CHANGED
|
@@ -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",
|