@stokr/components-library 3.0.76 → 3.1.0-alpha.1

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 (123) hide show
  1. package/README.md +177 -177
  2. package/dist/components/Input/InputPassword.js +3 -5
  3. package/dist/components/Input/OtpInput.js +1 -3
  4. package/dist/components/MenuNav/MenuNav.styles.js +1 -2
  5. package/dist/components/Modal/Modal.js +6 -3
  6. package/dist/components/Modal/Modal.styles.js +2 -3
  7. package/dist/components/Modal/SuccessModal/SuccessModal.js +6 -3
  8. package/dist/components/Newsletter/Newsletter.js +1 -3
  9. package/dist/components/NotificationCounter/NotificationCounter.styles.js +1 -2
  10. package/dist/components/SmartLink/SmartLink.js +0 -2
  11. package/dist/components/StepController/StepController.js +3 -5
  12. package/dist/components/StepController/StepController.styles.js +102 -1
  13. package/dist/components/StepController/StepControllerProgress.js +1 -1
  14. package/dist/components/Switch/Switch.js +1 -3
  15. package/dist/components/ToDoList/ToDoListTask.js +15 -3
  16. package/dist/components/taxId/register-taxid.js +7 -5
  17. package/dist/index.js +67 -141
  18. package/dist/manifest.json +25 -25
  19. package/dist/robots.txt +3 -3
  20. package/dist/runtime-config.js +5 -71
  21. package/dist/static/fonts/icomoon/icomoon.eot +0 -0
  22. package/dist/static/fonts/icomoon/icomoon.svg +52 -52
  23. package/dist/static/fonts/icomoon/icomoon.ttf +0 -0
  24. package/dist/static/fonts/icomoon/icomoon.woff +0 -0
  25. package/dist/static/fonts/icomoon/selection.json +0 -0
  26. package/dist/static/fonts/icomoon/style.css +0 -0
  27. package/dist/static/images/Glassess.svg +5 -5
  28. package/dist/static/images/add-folder-icon.svg +4 -4
  29. package/dist/static/images/arrow-down-black.svg +21 -21
  30. package/dist/static/images/check-icon.svg +3 -3
  31. package/dist/static/images/checkmark-circle-icon.svg +3 -3
  32. package/dist/static/images/close-circle-icon.svg +2 -2
  33. package/dist/static/images/copy_icon.svg +4 -4
  34. package/dist/static/images/cross-icon.svg +3 -3
  35. package/dist/static/images/currency/eth.svg +10 -10
  36. package/dist/static/images/currency/eth_logo.svg +8 -8
  37. package/dist/static/images/currency/eur.svg +4 -4
  38. package/dist/static/images/currency/eur.svg.js +1 -1
  39. package/dist/static/images/currency/usd.svg +4 -4
  40. package/dist/static/images/currency/usd.svg.js +1 -1
  41. package/dist/static/images/currency/usdc-logo.svg +5 -5
  42. package/dist/static/images/doc-icon.svg +3 -3
  43. package/dist/static/images/download_icon.svg +3 -3
  44. package/dist/static/images/external-link-icon.svg +3 -3
  45. package/dist/static/images/filter-icon.svg +6 -6
  46. package/dist/static/images/globe.svg +15 -15
  47. package/dist/static/images/mangopay.svg +20 -20
  48. package/dist/static/images/numbers/number_eight.svg +3 -3
  49. package/dist/static/images/numbers/number_five.svg +4 -4
  50. package/dist/static/images/numbers/number_four.svg +3 -3
  51. package/dist/static/images/numbers/number_nine.svg +4 -4
  52. package/dist/static/images/numbers/number_one.svg +4 -4
  53. package/dist/static/images/numbers/number_seven.svg +4 -4
  54. package/dist/static/images/numbers/number_six.svg +4 -4
  55. package/dist/static/images/numbers/number_three.svg +3 -3
  56. package/dist/static/images/numbers/number_two.svg +4 -4
  57. package/dist/static/images/numbers/number_zero.svg +3 -3
  58. package/dist/static/images/plus-icon.svg +4 -4
  59. package/dist/static/images/prof-inv.svg +3 -3
  60. package/dist/static/images/search-icon.svg +3 -3
  61. package/dist/static/images/transfer-icon.svg +10 -10
  62. package/dist/static/images/trash.svg +16 -16
  63. package/dist/static/images/upload.svg +5 -5
  64. package/dist/static/images/warning-filled.svg +3 -3
  65. package/dist/styles/global.js +1 -2
  66. package/dist/utils/check-todo-status.js +1 -2
  67. package/package.json +137 -143
  68. package/dist/api/authenticationApi.js +0 -13
  69. package/dist/auth/index.js +0 -34
  70. package/dist/components/2FA/Connect2FA.js +0 -58
  71. package/dist/components/2FA/EnterCode.js +0 -74
  72. package/dist/components/2FA/InstallAuthApp.js +0 -68
  73. package/dist/components/2FA/ResetCode.js +0 -34
  74. package/dist/components/2FA/Sucess2FA.js +0 -63
  75. package/dist/components/2FA/disable-2fa-flow.js +0 -104
  76. package/dist/components/2FA/enable-2fa-flow.js +0 -167
  77. package/dist/components/2FA/login-with-otp-flow.js +0 -262
  78. package/dist/components/2FA/main-flow.js +0 -273
  79. package/dist/components/Footer/Footer.js +0 -69
  80. package/dist/components/Footer/Footer.styles.js +0 -277
  81. package/dist/components/Footer/FooterLayout.js +0 -150
  82. package/dist/components/Footer/FooterMenu.js +0 -107
  83. package/dist/components/Footer/FooterMenu.styles.js +0 -334
  84. package/dist/components/ForgotPasswordModal/ForgotPasswordModal.js +0 -121
  85. package/dist/components/Header/Header.js +0 -441
  86. package/dist/components/Header/Header.styles.js +0 -568
  87. package/dist/components/Layout/Layout.js +0 -76
  88. package/dist/components/LoginModal/LoginModal.js +0 -165
  89. package/dist/components/MainMenu/DynamicMainMenu.js +0 -38
  90. package/dist/components/MainMenu/MainMenu.js +0 -220
  91. package/dist/components/MainMenu/MainMenu.styles.js +0 -362
  92. package/dist/components/Modal/NewVentureModal/NewVentureModal.js +0 -273
  93. package/dist/components/RegisterConfirmModal/RegisterConfirmModal.js +0 -74
  94. package/dist/components/RegisterConfirmModal/RegisterConfirmModal.styles.js +0 -20
  95. package/dist/components/RegisterModal/RegisterModal.js +0 -278
  96. package/dist/components/ResetConfirmModal/ResetConfirmModal.js +0 -40
  97. package/dist/components/ResetConfirmModal/ResetConfirmModal.styles.js +0 -41
  98. package/dist/components/ResetPasswordModal/ResetPasswordModal.js +0 -145
  99. package/dist/components/StepsProgress/StepIndicator.js +0 -40
  100. package/dist/components/StepsProgress/StepIndicator.styles.js +0 -69
  101. package/dist/components/StepsProgress/StepsProgress.js +0 -67
  102. package/dist/components/StepsProgress/StepsProgress.styles.js +0 -105
  103. package/dist/components/TermsModal/TermsModal.js +0 -145
  104. package/dist/components/TermsModal/_styles.js +0 -313
  105. package/dist/components/VerifyEmailModal/VerifyEmailModal.js +0 -122
  106. package/dist/components/headerHo/HeaderHo.js +0 -707
  107. package/dist/config.js +0 -33
  108. package/dist/context/Auth.js +0 -423
  109. package/dist/context/AuthContext.js +0 -1016
  110. package/dist/firebase-config.js +0 -56
  111. package/dist/hooks/useNewVentureForm.js +0 -235
  112. package/dist/static/images/background3.png.js +0 -4
  113. package/dist/static/images/google_auth.png.js +0 -4
  114. package/dist/static/images/iso27001-black.svg.js +0 -4
  115. package/dist/static/images/mangopay.svg.js +0 -4
  116. package/dist/static/images/social/Facebook_Logo.png.js +0 -4
  117. package/dist/static/images/social/LI-In-Bug.png.js +0 -4
  118. package/dist/static/images/social/Telegram-Logo.png.js +0 -4
  119. package/dist/static/images/social/X-logo-black.png.js +0 -4
  120. package/dist/static/images/social/youtube_social_circle_red.png.js +0 -4
  121. package/dist/utils/show-account-locked-modal.js +0 -23
  122. package/dist/utils/user-identity.js +0 -10
  123. package/dist/utils/withRouter.js +0 -26
@@ -1,150 +0,0 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import "react";
3
- import PropTypes from "prop-types";
4
- import stdin_default$1 from "./FooterMenu.js";
5
- import stdin_default$2 from "../Newsletter/Newsletter.js";
6
- import stdin_default$3 from "./Footer.js";
7
- import { getPlatformURL } from "../../runtime-config.js";
8
- function getFooterGroups() {
9
- const platformURL = getPlatformURL();
10
- return [
11
- {
12
- name: "New to STOKR",
13
- collapse: true,
14
- items: [
15
- {
16
- name: "Solutions",
17
- url: `${platformURL}/solutions`
18
- },
19
- {
20
- name: "101s",
21
- url: `${platformURL}/101`
22
- },
23
- {
24
- name: "Support",
25
- url: "https://support.stokr.io/",
26
- external: true
27
- },
28
- {
29
- name: "STOKE POST",
30
- url: `${platformURL}/stoke-post`
31
- }
32
- ]
33
- },
34
- {
35
- name: "About us",
36
- collapse: true,
37
- items: [
38
- {
39
- name: "Team",
40
- url: `${platformURL}/team`
41
- },
42
- {
43
- name: "Careers",
44
- url: `${platformURL}/careers`,
45
- showNumber: true
46
- },
47
- {
48
- name: "Memberships",
49
- url: `${platformURL}/memberships`
50
- },
51
- {
52
- name: "Press Releases",
53
- url: `${platformURL}/press-releases`
54
- }
55
- ]
56
- },
57
- {
58
- name: "General",
59
- collapse: true,
60
- items: [
61
- {
62
- name: "Legal",
63
- url: `${platformURL}/legal`
64
- },
65
- {
66
- name: "Privacy Terms",
67
- url: `${platformURL}/privacy`
68
- },
69
- {
70
- name: "Cookie policy",
71
- url: `${platformURL}/cookie-policy`
72
- },
73
- { name: "Complaints", url: `${platformURL}/complaints` },
74
- { name: "Conflicts of Interest", url: `${platformURL}/conflicts-of-interest` }
75
- ]
76
- },
77
- {
78
- name: "Let’s connect",
79
- social: true,
80
- items: [
81
- {
82
- name: "linkedin",
83
- url: "https://www.linkedin.com/company/stokr/"
84
- },
85
- {
86
- name: "twitter",
87
- url: "https://twitter.com/stokr_io"
88
- },
89
- {
90
- name: "telegram",
91
- url: "https://t.me/joinchat/G2o5yBCe7FiYvv1YiZhNZg"
92
- },
93
- // {
94
- // name: 'medium',
95
- // url: 'https://medium.com/sicos-publication',
96
- // },
97
- {
98
- name: "youtube",
99
- url: "https://www.youtube.com/channel/UCUuQtRhbcFcU4xeTrDl3iQQ"
100
- }
101
- ]
102
- }
103
- ];
104
- }
105
- function FooterLayout({
106
- withNewsLetter = true,
107
- withFooterMenu = true,
108
- color = "red",
109
- jobOpeningsNumber = 0,
110
- lemonWayLogo,
111
- dropdownCollapsed,
112
- footnotes,
113
- footnotesTitle,
114
- ...props
115
- }) {
116
- return /* @__PURE__ */ jsxs(Fragment, { children: [
117
- withFooterMenu && /* @__PURE__ */ jsx(
118
- stdin_default$1,
119
- {
120
- groups: getFooterGroups(),
121
- jobOpeningsNumber,
122
- dropdownCollapsed,
123
- footnotes,
124
- footnotesTitle
125
- }
126
- ),
127
- withNewsLetter && /* @__PURE__ */ jsx(stdin_default$2, {}),
128
- /* @__PURE__ */ jsx(stdin_default$3, { color, lemonwayLogo: lemonWayLogo, ...props })
129
- ] });
130
- }
131
- FooterLayout.propTypes = {
132
- withNewsLetter: PropTypes.bool,
133
- withFooterMenu: PropTypes.bool,
134
- color: PropTypes.oneOf(["primary", "red"]),
135
- jobOpeningsNumber: PropTypes.number,
136
- lemonwayLogo: PropTypes.string,
137
- dropdownCollapsed: PropTypes.bool,
138
- footnotesTitle: PropTypes.string,
139
- footnotes: PropTypes.arrayOf(
140
- PropTypes.shape({
141
- number: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
142
- description: PropTypes.string
143
- })
144
- )
145
- };
146
- var stdin_default = FooterLayout;
147
- export {
148
- stdin_default as default,
149
- getFooterGroups
150
- };
@@ -1,107 +0,0 @@
1
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import React__default, { useEffect, Fragment as Fragment$1 } from "react";
3
- import PropTypes from "prop-types";
4
- import { Collapse } from "react-collapse";
5
- import stdin_default$2 from "../SvgIcons/SocialInstagram.js";
6
- import stdin_default$1 from "../SvgIcons/SocialReddit.js";
7
- import { Container, Groups, Group, TitleContainer, Title, ArrowDown, Items, Item, SocialLink, IsoCertificate, Link, HiringTotalNumber, Footnotes, FootnotesText, FootnotesItem } from "./FooterMenu.styles.js";
8
- import { useMobileView } from "../../utils/customHooks.js";
9
- import { sizes } from "../../styles/rwd.js";
10
- import FbLogo from "../../static/images/social/Facebook_Logo.png.js";
11
- import LILogo from "../../static/images/social/LI-In-Bug.png.js";
12
- import XLogo from "../../static/images/social/X-logo-black.png.js";
13
- import YtLogo from "../../static/images/social/youtube_social_circle_red.png.js";
14
- import TelegramLogo from "../../static/images/social/Telegram-Logo.png.js";
15
- import IsoLogo from "../../static/images/iso27001-black.svg.js";
16
- import { SocialLinksContainer } from "../Header/Header.styles.js";
17
- const CollapseWrapper = ({ children, collapse = false, isOpened = false }) => collapse ? (
18
- // inert while collapsed so the hidden links leave the tab order / a11y tree.
19
- /* @__PURE__ */ jsx(Collapse, { isOpened, children: /* @__PURE__ */ jsx("div", { ...isOpened ? {} : { inert: true }, children }) })
20
- ) : /* @__PURE__ */ jsx(Fragment$1, { children });
21
- CollapseWrapper.propTypes = {
22
- children: PropTypes.node.isRequired,
23
- collapse: PropTypes.bool,
24
- isOpened: PropTypes.bool
25
- };
26
- const socialSvg = {
27
- linkedin: /* @__PURE__ */ jsx("img", { src: LILogo, alt: "Linkedin Logo", loading: "lazy", style: { padding: 1 } }),
28
- instagram: /* @__PURE__ */ jsx(stdin_default$2, {}),
29
- twitter: /* @__PURE__ */ jsx("img", { src: XLogo, alt: "X Logo", loading: "lazy", style: { padding: 4 } }),
30
- facebook: /* @__PURE__ */ jsx("img", { src: FbLogo, alt: "Facebook Logo", loading: "lazy" }),
31
- telegram: /* @__PURE__ */ jsx("img", { src: TelegramLogo, alt: "Telegram Logo", loading: "lazy" }),
32
- //medium: <SocialMedium />,
33
- youtube: /* @__PURE__ */ jsx("img", { src: YtLogo, alt: "Youtube Logo", loading: "lazy" }),
34
- reddit: /* @__PURE__ */ jsx(stdin_default$1, {})
35
- };
36
- const FooterMenu = ({
37
- groups,
38
- jobOpeningsNumber = 0,
39
- dropdownCollapsed,
40
- footnotes,
41
- footnotesTitle = "Disclosures"
42
- }) => {
43
- const isMobile = useMobileView(sizes.MLarge);
44
- const hasFootnotes = Array.isArray(footnotes) && footnotes.length > 0;
45
- const [activeGroups, setactiveGroups] = React__default.useState(() => {
46
- return groups.map((group, _index) => {
47
- if (isMobile) {
48
- return group.name === "New to STOKR";
49
- }
50
- return !dropdownCollapsed;
51
- });
52
- });
53
- const toggleGroup = (key) => {
54
- const activeGroupsCopy = [...activeGroups];
55
- activeGroupsCopy[key] = !activeGroupsCopy[key];
56
- setactiveGroups(activeGroupsCopy);
57
- };
58
- useEffect(() => {
59
- setactiveGroups(
60
- groups.map((group, _index) => {
61
- if (isMobile) {
62
- return group.name === "New to STOKR";
63
- }
64
- return !dropdownCollapsed;
65
- })
66
- );
67
- }, [isMobile, groups, dropdownCollapsed]);
68
- return /* @__PURE__ */ jsxs(Container, { children: [
69
- /* @__PURE__ */ jsx(Groups, { children: groups.map((group, groupKey) => /* @__PURE__ */ jsxs(Group, { onClick: () => toggleGroup(groupKey), children: [
70
- /* @__PURE__ */ jsxs(TitleContainer, { children: [
71
- /* @__PURE__ */ jsx(Title, { collapse: group.collapse, children: group.name }),
72
- isMobile && !group.social && /* @__PURE__ */ jsx(ArrowDown, { isOpened: activeGroups[groupKey] })
73
- ] }),
74
- /* @__PURE__ */ jsx(CollapseWrapper, { collapse: isMobile && group.collapse, isOpened: activeGroups[groupKey], children: /* @__PURE__ */ jsx(Items, { social: group.social, children: group.social ? /* @__PURE__ */ jsxs(Fragment, { children: [
75
- /* @__PURE__ */ jsx(SocialLinksContainer, { children: group.items.map((item) => /* @__PURE__ */ jsx(Item, { social: true, children: /* @__PURE__ */ jsx(SocialLink, { href: item.url, alt: item.name, target: "_blank", rel: "noopener noreferrer", children: socialSvg[item.name] }) }, item.name)) }),
76
- /* @__PURE__ */ jsx(IsoCertificate, { src: IsoLogo, alt: "ISO/IEC 27001 certified", loading: "lazy" })
77
- ] }) : group.items.map((item) => /* @__PURE__ */ jsx(Item, { children: /* @__PURE__ */ jsxs(Link, { target: item.external ? "_blank" : "", to: item.url, rel: "noopener noreferrer", children: [
78
- item.name,
79
- item.showNumber && jobOpeningsNumber > 0 && /* @__PURE__ */ jsx(HiringTotalNumber, { style: { marginLeft: "4px" }, children: jobOpeningsNumber })
80
- ] }) }, item.name)) }) })
81
- ] }, group.name)) }),
82
- hasFootnotes && /* @__PURE__ */ jsxs(Footnotes, { children: [
83
- /* @__PURE__ */ jsx(FootnotesText, { children: footnotesTitle }),
84
- footnotes.map((note, index) => /* @__PURE__ */ jsxs(FootnotesItem, { children: [
85
- /* @__PURE__ */ jsx(FootnotesText, { isNumber: true, children: note.number ?? index + 1 }),
86
- /* @__PURE__ */ jsx(FootnotesText, { children: note.description })
87
- ] }, `${note.number || index}-${note.description || "note"}`))
88
- ] })
89
- ] });
90
- };
91
- FooterMenu.propTypes = {
92
- groups: PropTypes.arrayOf(Object).isRequired,
93
- jobOpeningsNumber: PropTypes.number,
94
- dropdownCollapsed: PropTypes.bool,
95
- footnotesTitle: PropTypes.string,
96
- footnotes: PropTypes.arrayOf(
97
- PropTypes.shape({
98
- number: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
99
- description: PropTypes.string
100
- })
101
- )
102
- };
103
- var stdin_default = FooterMenu;
104
- export {
105
- stdin_default as default,
106
- socialSvg
107
- };
@@ -1,334 +0,0 @@
1
- import styled from "styled-components";
2
- import { colors } from "../../styles/colors.js";
3
- import theme from "../../styles/theme.js";
4
- import stdin_default from "../SmartLink/SmartLink.js";
5
- const Container = styled.div`
6
- z-index: 2;
7
- position: relative;
8
- display: block;
9
- width: 100%;
10
- padding: 0;
11
- `;
12
- const Groups = styled.ul`
13
- display: block;
14
- list-style: none;
15
- margin: 0;
16
- padding: 0;
17
-
18
- @media screen and (min-width: 992px) {
19
- display: flex;
20
- }
21
- `;
22
- const Group = styled.li`
23
- display: block;
24
- border-top: 1px solid ${colors.lightGrey};
25
-
26
- @media screen and (min-width: 992px) {
27
- display: inline-block;
28
- // padding: 12px;
29
- padding: 64px 65px 68px;
30
- flex-grow: 1;
31
- // flex-basis: 25%;
32
- /* border-top: 0; */
33
- width: 25%;
34
- }
35
-
36
- @media screen and (max-width: 1270px) {
37
- padding: 64px 3% 68px;
38
-
39
- &:first-child {
40
- padding-left: 65px;
41
- }
42
-
43
- &:last-child {
44
- padding-right: 45px;
45
- padding-top: 59px;
46
- }
47
- }
48
-
49
- @media screen and (max-width: 992px) {
50
- padding: 32px 48px;
51
- &:first-child {
52
- padding-left: 48px;
53
- }
54
- &:last-child {
55
- padding: 32px 48px;
56
- margin-bottom: 6px;
57
- }
58
- }
59
-
60
- &:last-child {
61
- @media screen and (min-width: 980px) {
62
- // flex-basis: 30%;
63
- }
64
-
65
- @media screen and (min-width: 1150px) {
66
- // flex-basis: 30%;
67
- padding: 59px 65px 68px;
68
- }
69
-
70
- @media screen and (min-width: 1360px) {
71
- // flex-basis: 25%;
72
- }
73
- }
74
-
75
- @media screen and (min-width: 992px) and (max-width: 1270px) {
76
- &:first-child {
77
- width: 25%;
78
- }
79
-
80
- &:nth-child(2) {
81
- width: 20%;
82
- }
83
-
84
- &:nth-child(3) {
85
- width: 25%;
86
- }
87
-
88
- &:last-child {
89
- width: 30%;
90
- }
91
- }
92
- `;
93
- const Title = styled.button.withConfig({
94
- shouldForwardProp: (props) => !["collapse", "social"].includes(props)
95
- })`
96
- position: relative;
97
- display: block;
98
- width: 100%;
99
- font-family: 'Open Sans';
100
- font-weight: normal;
101
- font-size: 11px;
102
- line-height: 2.18;
103
- letter-spacing: 2.1px;
104
- text-transform: uppercase;
105
- border: 0;
106
- margin: 0;
107
- margin-bottom: 20px;
108
- padding: 24px 32px;
109
- outline: 0;
110
- text-align: left;
111
- color: ${theme.cBlack};
112
- transition: color 0.2s;
113
- cursor: default;
114
- background-color: inherit;
115
-
116
- ${(props) => props.collapse && `
117
- padding-right: 48px;
118
- cursor: pointer;
119
-
120
- &:focus ,
121
- &:hover {
122
- // color: ${theme.cPrimary};
123
- color: initial;
124
- }
125
- `}
126
-
127
- ${(props) => props.social && `
128
- margin-top: 14px;
129
- `}
130
-
131
- @media screen and (min-width: 992px) {
132
- padding: 0;
133
- cursor: default;
134
-
135
- &:focus,
136
- &:hover {
137
- color: ${theme.cBlack};
138
- }
139
- }
140
-
141
- @media screen and (max-width: 992px) {
142
- padding: 0;
143
- margin: 0;
144
- }
145
- `;
146
- const Items = styled.ul.withConfig({
147
- shouldForwardProp: (props) => !["social"].includes(props)
148
- })`
149
- display: block;
150
- list-style: none;
151
- padding: 0 24px;
152
- padding-bottom: 24px;
153
-
154
- @media screen and (min-width: 992px) {
155
- display: block;
156
- padding: 0;
157
- margin-top: 22px;
158
- margin: 0 -8px;
159
- width: 224px;
160
-
161
- ${(props) => props.social && `
162
- margin-top: 14px;
163
- `}
164
- }
165
-
166
- @media screen and (max-width: 992px) {
167
- padding-top: 15px;
168
- padding-left: 0;
169
- padding-bottom: 0;
170
- }
171
- `;
172
- const IsoCertificate = styled.img`
173
- display: block;
174
- width: 60px;
175
- height: auto;
176
- margin-top: 24px;
177
-
178
- @media screen and (max-width: 992px) {
179
- margin-top: 20px;
180
- width: 50px;
181
- }
182
- `;
183
- const Item = styled.li.withConfig({
184
- shouldForwardProp: (props) => !["social"].includes(props)
185
- })`
186
- display: block;
187
- padding: 7px 8px;
188
-
189
- ${(props) => props.social && `
190
- display: inline-block;
191
- `};
192
-
193
- @media screen and (max-width: 992px) {
194
- &:first-of-type {
195
- }
196
- padding-left: 0;
197
- padding-right: 16px;
198
- }
199
- `;
200
- const Link = styled(stdin_default)`
201
- display: inline-block;
202
- font-family: 'Open Sans';
203
- font-weight: bold;
204
- font-size: 11px;
205
- line-height: 2.18;
206
- letter-spacing: 2.1px;
207
- text-transform: uppercase;
208
- color: ${theme.cBlack};
209
- transition: color 0.2s;
210
- width: 100%;
211
-
212
- &:focus,
213
- &:hover {
214
- //color: ${theme.cPrimary};
215
- opacity: 0.6;
216
- }
217
- `;
218
- const SocialLink = styled.a`
219
- position: relative;
220
- display: inline-block;
221
- width: 40px;
222
- height: 40px;
223
- border-radius: 20px;
224
- //background-color: ${theme.cPrimary};
225
- transition: background-color 0.2s;
226
-
227
- & > svg,
228
- img {
229
- height: 40px;
230
- width: 40px;
231
- }
232
-
233
- &:focus,
234
- &:hover {
235
- //background-color: ${theme.cLightGrey};
236
- opacity: 0.8;
237
- }
238
- `;
239
- const HiringTotalNumber = styled.span`
240
- background: #88fa51;
241
- color: #000;
242
- border-radius: 100px;
243
- display: inline-flex;
244
- width: 15px;
245
- height: 15px;
246
- margin-left: 0px;
247
- text-align: center;
248
- font-weight: 600;
249
- align-items: center;
250
- justify-content: center;
251
- padding: 8px 0;
252
- font-size: 11px;
253
- font-weight: 700;
254
- padding-right: 0;
255
- padding-top: 6px;
256
- `;
257
- const TitleContainer = styled.div`
258
- @media screen and (max-width: 990px) {
259
- align-items: center;
260
- display: flex;
261
- justify-content: space-between;
262
- }
263
- `;
264
- const ArrowDown = styled.i.withConfig({
265
- shouldForwardProp: (props) => !["isOpened", "displayAlways"].includes(props)
266
- }).attrs({
267
- className: "ion ion-ios-arrow-down"
268
- })`
269
- &&& {
270
- top: 50%;
271
- right: 0;
272
- transition: 0.3s transform;
273
- transform: rotate(0);
274
- text-align: center;
275
- font-size: 16px;
276
- line-height: 16px;
277
- height: 16px;
278
- margin-top: -8px;
279
-
280
- ${(props) => props.isOpened && `
281
- transform: rotate(180deg);
282
- `}
283
- }
284
- ${(props) => !props.displayAlways && `
285
- @media screen and (min-width: 992px) {
286
- display: none;
287
- }
288
- `}
289
- `;
290
- const Footnotes = styled.div`
291
- padding: 0px 48px 40px;
292
- display: flex;
293
- flex-direction: column;
294
- gap: 6px;
295
-
296
- @media screen and (min-width: 992px) {
297
- padding: 0px 65px 48px;
298
- }
299
- `;
300
- const FootnotesText = styled.div.withConfig({
301
- shouldForwardProp: (props) => !["isNumber"].includes(props)
302
- })`
303
- font-family: 'Open Sans';
304
- font-weight: 300;
305
- font-size: 11px;
306
- line-height: 16px;
307
- letter-spacing: 0.4px;
308
- color: ${theme.cBlack};
309
-
310
- ${(props) => props.isNumber && `
311
- font-size: 9px;
312
- `}
313
- `;
314
- const FootnotesItem = styled.div`
315
- display: flex;
316
- gap: 6px;
317
- `;
318
- export {
319
- ArrowDown,
320
- Container,
321
- Footnotes,
322
- FootnotesItem,
323
- FootnotesText,
324
- Group,
325
- Groups,
326
- HiringTotalNumber,
327
- IsoCertificate,
328
- Item,
329
- Items,
330
- Link,
331
- SocialLink,
332
- Title,
333
- TitleContainer
334
- };
@@ -1,121 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { PureComponent } from "react";
3
- import PropTypes from "prop-types";
4
- import { Formik } from "formik";
5
- import * as Yup from "yup";
6
- import { Modal } from "../Modal/Modal.js";
7
- import stdin_default$1 from "../Form/Form.js";
8
- import { Text } from "../Text/Text.styles.js";
9
- import { Input } from "../Input/Input.js";
10
- import stdin_default$2 from "../Button/Button.styles.js";
11
- import { Row, Column } from "../Grid/Grid.styles.js";
12
- import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
13
- import { emailRegex } from "../../constants/globalVariables.js";
14
- import { ModalInner, ModalLinkWrap, ModalLink } from "../Modal/Modal.styles.js";
15
- import { FormField, FormError } from "../Form/Form.styles.js";
16
- class ForgotPasswordModal extends PureComponent {
17
- initialValues = {
18
- email: ""
19
- };
20
- validationSchema = Yup.object().shape({
21
- email: Yup.string().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank")
22
- });
23
- render() {
24
- const {
25
- isModalOpen,
26
- onModalClose,
27
- onFormSend,
28
- onModalSwitch,
29
- popupError,
30
- popupSuccess,
31
- isActionLoading,
32
- background,
33
- isResettingExpiredToken
34
- } = this.props;
35
- const headerTextContent = isResettingExpiredToken ? "This Invite Link Has Expired" : "Reset Your password";
36
- const mainTextContent = isResettingExpiredToken ? "To continue, request a new one using your email, and access will be sent shortly." : "Enter your email address and we will send you a link to reset your password.";
37
- const footerTextContent = isResettingExpiredToken ? "Already registered? " : "Remember your password? ";
38
- return /* @__PURE__ */ jsx(Modal, { isOpen: isModalOpen, onClose: onModalClose, background, children: /* @__PURE__ */ jsxs(Row, { children: [
39
- /* @__PURE__ */ jsxs(Column, { part: 8, children: [
40
- /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
41
- /* @__PURE__ */ jsx("h3", { children: headerTextContent }),
42
- /* @__PURE__ */ jsx("p", { children: mainTextContent })
43
- ] }) }),
44
- /* @__PURE__ */ jsx(ModalInner, { modalBot: true, children: /* @__PURE__ */ jsxs(ModalLinkWrap, { children: [
45
- footerTextContent,
46
- /* @__PURE__ */ jsx(
47
- ModalLink,
48
- {
49
- type: "button",
50
- to: "#",
51
- as: "button",
52
- "data-cy": "forgot-password-modal-switch-to-login",
53
- onClick: onModalSwitch,
54
- children: "Log in"
55
- }
56
- )
57
- ] }) })
58
- ] }),
59
- /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsx(ModalInner, { children: popupSuccess.popup !== "forgot" ? /* @__PURE__ */ jsx(
60
- Formik,
61
- {
62
- initialValues: this.initialValues,
63
- validationSchema: this.validationSchema,
64
- onSubmit: (values) => {
65
- onFormSend(values);
66
- },
67
- children: ({ values, errors, touched, handleChange, handleBlur }) => {
68
- const submitDisabled = !values.email || !!errors.email || isActionLoading === "forgot";
69
- return /* @__PURE__ */ jsxs(stdin_default$1, { children: [
70
- /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
71
- /* @__PURE__ */ jsx(
72
- Input,
73
- {
74
- id: "forgot-email",
75
- name: "email",
76
- type: "email",
77
- label: "Your email",
78
- value: values.email,
79
- error: !!errors.email,
80
- touched: !!touched.email,
81
- onChange: handleChange,
82
- onBlur: handleBlur,
83
- "data-cy": "forgot-password-modal-email-input"
84
- }
85
- ),
86
- /* @__PURE__ */ jsx(FormError, { show: errors.email && touched.email, children: errors.email })
87
- ] }) }),
88
- /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
89
- stdin_default$2,
90
- {
91
- type: "submit",
92
- id: "forgot-password-submit-btn",
93
- "data-cy": "forgot-password-modal-submit",
94
- fluid: true,
95
- disabled: submitDisabled,
96
- children: isActionLoading === "forgot" ? "Sending Reset Link" : "Send Reset Link"
97
- }
98
- ) }),
99
- /* @__PURE__ */ jsx(ComponentWrapper, { paddingVeticalHalf: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: popupError.popup === "forgot", children: popupError.message }) })
100
- ] });
101
- }
102
- }
103
- ) : /* @__PURE__ */ jsxs(Text, { children: [
104
- /* @__PURE__ */ jsx("br", {}),
105
- /* @__PURE__ */ jsx("br", {}),
106
- /* @__PURE__ */ jsx("p", { children: popupSuccess.message })
107
- ] }) }) })
108
- ] }) });
109
- }
110
- }
111
- ForgotPasswordModal.propTypes = {
112
- isModalOpen: PropTypes.bool.isRequired,
113
- onModalClose: PropTypes.func.isRequired,
114
- onFormSend: PropTypes.func.isRequired,
115
- onModalSwitch: PropTypes.func.isRequired
116
- };
117
- var stdin_default = ForgotPasswordModal;
118
- export {
119
- ForgotPasswordModal,
120
- stdin_default as default
121
- };