@stokr/components-library 3.0.16 → 3.0.17

package/dist/components/landing-page/PageTitle.js

@@ -0,0 +1,259 @@
+import styled, { css } from "styled-components";
+import { Link } from "react-router-dom";
+import media from "../StokrLoader/media.js";
+import theme from "../../styles/theme.js";
+const CustomH1 = styled.h1.withConfig({
+  shouldForwardProp: (props) => !["extramargin"].includes(props)
+})`
+  font-size: 34px;
+  font-weight: 800;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: 1.18;
+  letter-spacing: 0.8px;
+  text-transform: uppercase;
+
+  ${(props) => props.extramargin && css`
+      margin-top: 2rem;
+      margin-bottom: 3rem;
+    `}
+
+  @media screen and (max-width: 767px) {
+    font-size: 22px;
+  }
+`;
+const BigH3Title = styled.h3`
+  font-size: 1.25rem;
+  font-weight: 900;
+  letter-spacing: normal;
+  line-height: 1.28571429em;
+  text-transform: uppercase;
+  margin-bottom: 1rem;
+  position: relative;
+
+  ${media.desktop`
+    top: -1px;
+  `};
+`;
+const Customh2 = styled.h3.withConfig({
+  shouldForwardProp: (props) => !["announcementcustomh2"].includes(props)
+})`
+  font-size: 1.12rem;
+  font-weight: 900;
+  letter-spacing: normal;
+  text-transform: uppercase;
+  margin-bottom: 1rem;
+
+  ${(props) => props.announcementcustomh2 && css`
+      margin-bottom: 3rem;
+    `}
+
+  ${media.desktop`
+    font-size: 2rem;
+   `};
+`;
+const LandingPageTitle = styled.h2.withConfig({
+  shouldForwardProp: (props) => !["dark", "home", "announcementheading"].includes(props)
+})`
+  display: block;
+  text-transform: uppercase;
+  font-weight: 800;
+  font-size: 2rem;
+  font-size: 34px !important;
+
+  line-height: 2.31rem;
+  letter-spacing: 0.06rem;
+  color: ${(props) => props.dark ? theme.cBlack : theme.cWhite};
+  margin: ${(props) => props.home ? "1rem 0 0" : "1rem 0 1.5rem"};
+  order: 2;
+  position: relative;
+  top: -13px;
+
+  br {
+    // display: none;
+  }
+
+  ${(props) => props.announcementheading && css`
+      font-size: 22px !important;
+    `}
+
+  ${media.tablet`
+    font-size: 3rem;
+    // line-height: 4rem;
+    line-height: 1;
+    top: -15px;
+  `};
+
+  ${media.desktop`
+    font-size: 2.6rem;
+    margin: 0 0 2rem 0;
+    letter-spacing: 0.165rem;
+    line-height: 1;
+    order: 1;
+    top: 0;
+    
+    br {
+      display: inline-block;
+    }
+  `};
+
+  ${media.large`
+    font-size: 2.68rem;
+  `};
+
+  ${media.default`
+    font-size: 3.18rem;
+  `};
+
+  ${media.widescreen`
+    font-size: 4.18rem;
+  `};
+`;
+const LandingPageTitleLink = styled(Link)`
+  color: #000;
+  display: flex;
+  order: 2;
+  transition: opacity 0.3s;
+
+  &:after {
+    display: none;
+  }
+
+  &:hover,
+  &:active {
+    color: #000;
+  }
+
+  ${media.desktop`
+    order: 1;
+
+    &:hover,
+    &:active {
+      color: #000;
+      opacity: 0.65;
+    }
+  `};
+`;
+const AnnouncementTitleMain = styled.span.withConfig({
+  shouldForwardProp: (props) => !["dark", "home", "annouvementheading"].includes(props)
+})`
+  display: block;
+  text-transform: uppercase;
+  font-weight: 800;
+  font-size: 2rem;
+  font-size: 34px !important;
+
+  line-height: 2.31rem;
+  letter-spacing: 0.06rem;
+  color: ${(props) => props.dark ? theme.cBlack : theme.cWhite};
+  margin: ${(props) => props.home ? "1rem 0 0" : "1rem 0 1.5rem"};
+  order: 2;
+  position: relative;
+  top: -13px;
+
+  br {
+    // display: none;
+  }
+
+  ${(props) => props.announcementheading && css`
+      font-size: 22px !important;
+    `}
+
+  ${media.tablet`
+    font-size: 3rem;
+    // line-height: 4rem;
+    line-height: 1;
+    top: -15px;
+  `};
+
+  ${media.desktop`
+    font-size: 2.6rem;
+    margin: 0 0 2rem 0;
+    letter-spacing: 0.165rem;
+    line-height: 1;
+    order: 1;
+    top: 0;
+    
+    br {
+      display: inline-block;
+    }
+  `};
+
+  ${media.large`
+    font-size: 2.68rem;
+  `};
+
+  ${media.default`
+    font-size: 3.18rem;
+  `};
+
+  ${media.widescreen`
+    font-size: 4.18rem;
+  `};
+`;
+const CareersTitleMain = styled.span.withConfig({
+  shouldForwardProp: (props) => !["dark", "home", "annoucementheading"].includes(props)
+})`
+  display: block;
+  text-transform: uppercase;
+  font-weight: 800;
+  font-size: 2rem;
+  font-size: 34px !important;
+
+  line-height: 2.31rem;
+  letter-spacing: 0.06rem;
+  color: ${(props) => props.dark ? theme.cBlack : theme.cWhite};
+  margin: ${(props) => props.home ? "1rem 0 0" : "1rem 0 1.5rem"};
+  order: 2;
+  position: relative;
+  top: -13px;
+
+  br {
+    // display: none;
+  }
+
+  ${(props) => props.announcementheading && css`
+      font-size: 22px !important;
+    `}
+
+  ${media.tablet`
+    font-size: 3rem;
+    // line-height: 4rem;
+    line-height: 1;
+    top: -15px;
+  `};
+
+  ${media.desktop`
+    font-size: 2.6rem;
+    margin: 0 0 2rem 0;
+    letter-spacing: 0.165rem;
+    line-height: 1;
+    order: 1;
+    top: 0;
+    
+    br {
+      display: inline-block;
+    }
+  `};
+
+  ${media.large`
+    font-size: 2.68rem;
+  `};
+
+  ${media.default`
+    font-size: 3.18rem;
+  `};
+
+  ${media.widescreen`
+    font-size: 4.18rem;
+  `};
+`;
+export {
+  AnnouncementTitleMain,
+  BigH3Title,
+  CareersTitleMain,
+  CustomH1,
+  Customh2,
+  LandingPageTitle,
+  LandingPageTitleLink
+};

package/dist/components/logo/Logo.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PureComponent } from "react";
+import PropTypes from "prop-types";
+const _Logo = class _Logo extends PureComponent {
+  render() {
+    const { width, height } = this.props;
+    return /* @__PURE__ */ jsx("svg", { width, height, viewBox: "0 0 70 17", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("g", { id: "Symbols", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Top-Nav-1024", transform: "translate(-32 -39)", fill: "#000", children: /* @__PURE__ */ jsx("g", { id: "Top-Nav", children: /* @__PURE__ */ jsx("g", { id: "Logo", transform: "translate(32 39)", children: /* @__PURE__ */ jsxs("g", { id: "Group", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M66.555242,6.16782412 L66.555103,6.16782412 C66.5514882,8.76665019 63.0238681,8.50517947 62.2490512,8.50617204 L62.2490512,6.16782412 L62.2490512,6.16399565 L62.2490512,3.82564773 C63.0238681,3.8264985 66.5514882,3.56516958 66.555103,6.16399565 L66.555242,6.16399565 L66.555242,6.16583899 L66.555242,6.16782412 Z M66.8324688,10.6725221 C68.2988232,9.97857546 69.4256651,8.66257236 69.4256651,6.16640617 C69.4256651,1.35231059 65.2390406,0.921110786 62.4986109,0.896296591 C62.4767832,0.896013001 62.4546773,0.89572941 62.4329886,0.895587614 C62.3800179,0.895162228 62.3284376,0.895020433 62.2765793,0.895020433 C62.2468268,0.894878638 62.2162401,0.894736842 62.1867656,0.894736842 C62.1767554,0.894736842 62.1674404,0.894736842 62.1575692,0.894736842 C62.0823537,0.894736842 62.0092237,0.895162228 61.9367888,0.895445819 C61.9152391,0.895587614 61.8922991,0.895587614 61.8708884,0.89572941 C61.7910849,0.895162228 61.7125327,0.895020433 61.6353707,0.895020433 L61.6291144,0.895020433 C61.6168797,0.895020433 61.6054792,0.895162228 61.5933835,0.895162228 C61.5101043,0.895162228 61.4289105,0.895445819 61.349246,0.895871205 C61.2239796,0.896438387 61.1020499,0.897289159 60.9870717,0.897856341 L59.3784891,0.897856341 L59.3670886,0.897856341 L59.3670886,6.16640617 L59.3670886,11.434956 L59.3784891,11.434956 L59.3784891,17 L62.2490512,17 L62.2490512,11.4379337 C62.3834937,11.4377919 62.52169,11.4366575 62.6637791,11.4343888 C62.667533,11.4343888 62.6711478,11.4343888 62.6749016,11.434247 C62.8087879,11.4321201 62.9457329,11.4285752 63.0850415,11.4237542 C63.1061741,11.4229034 63.1273067,11.4220526 63.1485784,11.4212018 C63.420522,11.4109926 63.7008074,11.3941189 63.9856809,11.3681704 C64.0075086,11.366327 64.0287803,11.3653345 64.0506081,11.3632075 L66.8618042,17 L70,17 L66.8324688,10.6725221 Z",
+          id: "Fill-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M33.2278481,0 L33.2278481,3.25720306 C36.0908776,3.25720306 38.4199231,5.60917812 38.4199231,8.50007222 C38.4199231,11.3908219 36.0908776,13.7429414 33.2278481,13.7429414 C30.3649617,13.7429414 28.0357731,11.3908219 28.0357731,8.50007222 C28.0357731,8.49935 28.0359161,8.49877223 28.0359161,8.49805001 L24.8102696,8.49805001 C24.8102696,8.49877223 24.8101266,8.49935 24.8101266,8.50007222 C24.8101266,13.1944891 28.5789119,17 33.2278481,17 C37.8767843,17 41.6455696,13.1944891 41.6455696,8.50007222 C41.6455696,3.80551095 37.8767843,0 33.2278481,0",
+          id: "Fill-3"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.9484999,4.62134099 C7.11165312,3.50634299 6.25994933,2.94877176 5.39265303,2.94877176 C4.97033151,2.94877176 4.62494282,3.05710814 4.35633987,3.27334755 C4.08773691,3.48987586 3.95343543,3.73384938 3.95343543,4.00512367 C3.95343543,4.27668686 4.04919694,4.53337185 4.24130837,4.7753231 C4.50211507,5.09830995 5.28880107,5.79151832 6.60121924,6.85494821 C7.82905543,7.83806473 8.57352398,8.45789326 8.83462489,8.71457825 C9.4868623,9.34552932 9.94919477,9.94860182 10.2217694,10.5246625 C10.4941969,11.1004342 10.6305578,11.729363 10.6305578,12.4115933 C10.6305578,13.7395084 10.1510147,14.836017 9.1923699,15.7016968 C8.23343086,16.5672323 6.9833827,17 5.44193123,17 C4.23763089,17 3.1888143,16.7174587 2.29518727,16.1528095 C1.40170733,15.5878714 0.636497809,14.7003798 0,13.4899014 L2.70485826,11.9275463 C3.51831629,13.3578754 4.45445497,14.07304 5.51342139,14.07304 C6.06563142,14.07304 6.53002328,13.9192023 6.90600858,13.6109492 C7.28214098,13.302985 7.47013363,12.9472083 7.47013363,12.5436192 C7.47013363,12.1770089 7.3280359,11.8102541 7.04413463,11.4433549 C6.76008627,11.0766002 6.13476799,10.5154178 5.16773851,9.75980763 C3.32561647,8.32211167 2.13587894,7.21245826 1.59867303,6.43128075 C1.06146711,5.65010324 0.793011252,4.87065911 0.793011252,4.09323726 C0.793011252,2.97087238 1.23989832,2.00797866 2.13352536,1.20484497 C3.02700529,0.401566841 4.12980725,0 5.44148993,0 C6.28539747,0 7.08885276,0.186916364 7.85200289,0.561182438 C8.61530013,0.935159616 9.44170288,1.61753435 10.3316524,2.60787329 L10.6329114,2.91785978 L8.20930661,4.96541733 L7.9484999,4.62134099 Z",
+          id: "Fill-6"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "polygon",
+        {
+          id: "Fill-9",
+          points: "55.2467797 0.894736842 51.7892146 0.894736842 47.8456016 6.2929407 47.1836838 7.18500654 47.1836838 0.894736842 44.3037975 0.894736842 44.3037975 17 47.1836838 17 47.1836838 8.95835969 47.8456016 9.97083315 52.4080366 17 55.8227848 17 50.0632911 8.21563333"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "polygon",
+        {
+          id: "Fill-11",
+          points: "13.2911392 3.82295361 16.2447257 3.82295361 16.2447257 17 19.1983122 17 19.1983122 3.82295361 22.1518987 3.82295361 22.1518987 0.894736842 13.2911392 0.894736842"
+        }
+      )
+    ] }) }) }) }) }) });
+  }
+};
+_Logo.propTypes = {
+  width: PropTypes.number,
+  height: PropTypes.number
+};
+_Logo.defaultProps = {
+  width: 70,
+  height: 17
+};
+let Logo = _Logo;
+export {
+  Logo
+};

package/dist/components/taxId/complete.js

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Text } from "../Text/Text.styles.js";
+import { useNavigate } from "react-router-dom";
+import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
+import { TextButton } from "../TextLink/TextLink.styles.js";
+import { Button } from "../Button/Button.styles.js";
+const noop = () => {
+};
+const RegisterTaxIdComplete = ({ showBackButton, onClick = noop }) => {
+  let navigate = useNavigate();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showBackButton && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(TextButton, { onClick: () => navigate("/verify-identity"), children: "Back to verify identity" }) }),
+    /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx("h1", { children: "Your Tax Id has been submitted" }),
+      /* @__PURE__ */ jsx("p", { children: "You have successfully submitted your Tax ID information. You will be ready to invest once you have completed all required steps on your checklist. Please continue!" })
+    ] }) }),
+    /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingTop: true, children: /* @__PURE__ */ jsx(Button, { onClick, children: "Continue" }) })
+  ] });
+};
+var stdin_default = RegisterTaxIdComplete;
+export {
+  stdin_default as default
+};

package/dist/components/taxId/flow.js

@@ -0,0 +1,53 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Modal } from "../Modal/Modal.js";
+import stdin_default$3 from "./register-taxid.js";
+import stdin_default$1 from "../ComponentScroll/ComponentScroll.js";
+import stdin_default$2 from "./complete.js";
+import { ModalInner } from "../Modal/Modal.styles.js";
+const RegisterTaxIdFlow = ({
+  showFlow,
+  setShowFlow,
+  showBackButton,
+  showSkipButton,
+  redirectUrl,
+  onComplete,
+  ...props
+}) => {
+  const [showComplete, setShowComplete] = useState(false);
+  useEffect(() => {
+    if (showComplete && onComplete) {
+      onComplete();
+    }
+  }, [showComplete]);
+  const scrollRef = useRef();
+  const handleScroll = (values, ref) => {
+    if (ref) {
+      scrollRef.current = ref;
+    }
+  };
+  return /* @__PURE__ */ jsx(Modal, { fullscreen: true, isOpen: showFlow, onClose: () => setShowFlow(false), children: /* @__PURE__ */ jsx(ModalInner, { noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(stdin_default$1, { handleScroll, fullHeight: true, children: showComplete ? /* @__PURE__ */ jsx(
+    stdin_default$2,
+    {
+      showBackButton,
+      onClick: () => {
+        setShowComplete(false);
+        setShowFlow(false);
+      }
+    }
+  ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    stdin_default$3,
+    {
+      setShowComplete,
+      showBackButton,
+      showSkipButton,
+      scrollRef,
+      redirectUrl,
+      ...props
+    }
+  ) }) }) }) });
+};
+var stdin_default = RegisterTaxIdFlow;
+export {
+  stdin_default as default
+};

package/dist/components/taxId/register-taxid.js

@@ -0,0 +1,166 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { AuthContext } from "../../context/AuthContext.js";
+import { Text } from "../Text/Text.styles.js";
+import * as Yup from "yup";
+import { Formik } from "formik";
+import { Input } from "../Input/Input.js";
+import stdin_default$1 from "../Form/Form.js";
+import stdin_default$4 from "../ToDoList/ToDoListTask.js";
+import { ToDoTaskState } from "../ToDoList/ToDoList.js";
+import { iconsMap } from "../Icon/Icon.style.js";
+import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
+import { TextButton } from "../TextLink/TextLink.styles.js";
+import { Button } from "../Button/Button.styles.js";
+import stdin_default$2 from "../CryptoAddressWrapper/CryptoAddressWrapper.js";
+import stdin_default$3 from "../RefreshButton/RefreshButton.js";
+import { SectionTitle } from "../SectionTitle/SectionTitle.styles.js";
+import stdin_default$5 from "../FAQ/FAQ.js";
+import deleteRedirectCookieAndNavigate from "../../utils/delete-redirect-cookie-and-navigate.js";
+import { FormField, FormError } from "../Form/Form.styles.js";
+const noop = () => {
+};
+const defaultAdditionalTextHeader = /* @__PURE__ */ jsx(Fragment, {});
+const defaultTextHeader = /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("h1", { children: "Provide your tax id" }),
+  /* @__PURE__ */ jsx("p", { children: "Some offers require you to provide your Tax ID before being able to invest in." })
+] });
+const defaultShowComplete = noop;
+const defaultFaqItems = [
+  {
+    title: "Why do I need to provide my Tax ID?",
+    content: `We ask for the Tax ID when an offering may fall under speciific reporting requirements. For example the Common Reporting Standard requires investors to provide more information on their tax status.`
+  },
+  {
+    title: "How will my information be used?",
+    content: `Your tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation.`
+  },
+  {
+    title: "What if I'd like to do this later?",
+    content: "You can always skip this step and complete it at a later point in time. However, you will not be able to invest before doing so and being verified."
+  }
+];
+const RegisterTaxId = ({
+  setShowComplete = defaultShowComplete,
+  showBackButton,
+  showSkipButton,
+  scrollRef,
+  redirectUrl,
+  onContinueClick,
+  additionalTextHeader = defaultAdditionalTextHeader,
+  backButtonText = "Back to verify identity",
+  textHeader = defaultTextHeader,
+  textFieldLabel = "enter your tax id",
+  faqItems = defaultFaqItems
+}) => {
+  let navigate = useNavigate();
+  const { user = {}, updateUser } = useContext(AuthContext);
+  const { taxId } = user;
+  const [isUpdatingUser, setIsUpdatingUser] = useState(false);
+  const [error, setError] = useState("");
+  const initialValues = {
+    taxId: ""
+  };
+  const validationSchema = Yup.object().shape({
+    taxId: Yup.string().required("Oops, this can‘t be blank")
+  });
+  const handleOnSubmit = async (e) => {
+    setIsUpdatingUser(true);
+    try {
+      await updateUser({
+        taxId: e.taxId
+      });
+      setShowComplete(true);
+    } catch (_error) {
+      setError("Something went wrong. Try again.");
+      setIsUpdatingUser(false);
+    }
+  };
+  const onRefreshClick = () => {
+    setError(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showBackButton ? /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(TextButton, { onClick: () => navigate("/verify-identity"), children: backButtonText }) }) : /* @__PURE__ */ jsx("div", { style: { height: 14 } }),
+    /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsxs(Text, { children: [
+      textHeader && textHeader,
+      additionalTextHeader && additionalTextHeader
+    ] }) }),
+    taxId && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingTop: true, children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("p", { children: "You have successfully submitted your Tax ID information." }) }) }),
+    !isUpdatingUser && !error && !taxId && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(Formik, { initialValues, validationSchema, onSubmit: handleOnSubmit, children: ({ values, errors, touched, handleChange, handleBlur }) => {
+      const submitDisabled = !values.taxId;
+      return /* @__PURE__ */ jsxs(stdin_default$1, { children: [
+        /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "tax-id",
+              name: "taxId",
+              type: "input",
+              label: textFieldLabel,
+              value: values.taxId,
+              onChange: handleChange,
+              onBlur: handleBlur,
+              error: !!errors.taxId,
+              touched: !!touched.taxId
+            }
+          ),
+          /* @__PURE__ */ jsx(FormError, { show: errors.taxId && touched.taxId, children: errors.taxId })
+        ] }) }),
+        /* @__PURE__ */ jsx("br", {}),
+        !taxId && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            minWidth: "230px",
+            type: "submit",
+            id: "tax-id-submit-btn",
+            disabled: submitDisabled || isUpdatingUser || taxId,
+            children: "Submit"
+          }
+        ) })
+      ] });
+    } }) }),
+    (isUpdatingUser || error) && /* @__PURE__ */ jsx(ComponentWrapper, { borderTop: true, borderBottom: true, center: true, children: /* @__PURE__ */ jsx(
+      stdin_default$2,
+      {
+        noFailedIcon: true,
+        relative: true,
+        refresh: isUpdatingUser && "Please wait while we submit your Tax ID.",
+        failed: error
+      }
+    ) }),
+    error && /* @__PURE__ */ jsx(ComponentWrapper, { center: true, noPaddingBottom: true, children: /* @__PURE__ */ jsx(stdin_default$3, { onClick: onRefreshClick, children: "TRY AGAIN" }) }),
+    taxId && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(
+      stdin_default$4,
+      {
+        title: "Tax ID",
+        message: "You tax ID is submitted",
+        state: ToDoTaskState.APPROVED,
+        icon: iconsMap.check
+      }
+    ) }),
+    showSkipButton && /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsx(
+      TextButton,
+      {
+        onClick: () => {
+          if (redirectUrl) {
+            if (onContinueClick) {
+              onContinueClick();
+            } else {
+              deleteRedirectCookieAndNavigate();
+            }
+          } else {
+            navigate("/register-liquid-securities");
+          }
+        },
+        children: taxId ? "Continue" : "I'll do this later"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, children: /* @__PURE__ */ jsx(SectionTitle, { children: "Frequently Asked Questions" }) }),
+    /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsx(stdin_default$5, { scrollRef, items: faqItems }) })
+  ] });
+};
+var stdin_default = RegisterTaxId;
+export {
+  stdin_default as default
+};

package/dist/config.js

@@ -0,0 +1,44 @@
+import { initFirebase } from "./firebase-config.js";
+import axiosInstance from "./model/axios.js";
+import axiosInstance$1 from "./model/axiosPublic.js";
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "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": "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_PHOTO_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_WEBSITE_DOMAIN": "stokr.info" };
+const _overrides = {};
+let _lastFirebaseConfig = null;
+function configure(config = {}) {
+  Object.assign(_overrides, config);
+  if (config.apiUrl != null) {
+    axiosInstance.defaults.baseURL = config.apiUrl;
+  }
+  if (config.baseUrlPublic != null) {
+    axiosInstance$1.defaults.baseURL = config.baseUrlPublic;
+  }
+  if (config.firebase) {
+    _lastFirebaseConfig = config.firebase;
+    initFirebase(config.firebase);
+  }
+}
+function getLastFirebaseConfig() {
+  return _lastFirebaseConfig;
+}
+function env(name) {
+  try {
+    return __vite_import_meta_env__?.[name];
+  } catch {
+    return void 0;
+  }
+}
+function getConfig(key) {
+  const envMap = {
+    apiUrl: "VITE_API_URL",
+    baseUrlPublic: "VITE_BASE_URL_PUBLIC",
+    cookieDomain: "VITE_COOKIE_DOMAIN",
+    websiteDomain: "VITE_WEBSITE_DOMAIN",
+    photoApiUrl: "VITE_PHOTO_API_URL"
+  };
+  return _overrides[key] ?? env(envMap[key]);
+}
+export {
+  configure,
+  getConfig,
+  getLastFirebaseConfig
+};