@stokr/components-library 3.0.65 → 3.0.67

package/dist/components/2FA/login-with-otp-flow.js

@@ -1,20 +1,29 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext, useState, useEffect } from "react";
-import { AuthContext } from "../../context/AuthContext.js";
+import PropTypes from "../../_virtual/index2.js";
+import stdin_default$2 from "./EnterCode.js";
+import stdin_default$3 from "./ResetCode.js";
 import { Layout } from "../Layout/Layout.js";
+import { useNavigate } from "react-router-dom";
 import stdin_default$1 from "../LoginModal/LoginModal.js";
-import stdin_default$4 from "../ForgotPasswordModal/ForgotPasswordModal.js";
-import stdin_default$2 from "./EnterCode.js";
+import { AuthContext } from "../../context/AuthContext.js";
 import background from "../../static/images/background3.png.js";
-import stdin_default$3 from "./ResetCode.js";
+import { hasLoggedInSession } from "../../utils/user-identity.js";
 import { authenticationApi } from "../../api/authenticationApi.js";
-import { useNavigate } from "react-router-dom";
 import { getConfig, getPlatformURL } from "../../runtime-config.js";
+import { useContext, useRef, useState, useEffect } from "react";
+import stdin_default$4 from "../ForgotPasswordModal/ForgotPasswordModal.js";
 import { isAccountLockedError, showAccountLockedModal } from "../../utils/show-account-locked-modal.js";
 import { navigateToHref } from "../../routing/navigate-app.js";
-const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false }) => {
+const closedModalsState = {
+  login: false,
+  enter2fa: false,
+  forgot: false,
+  resetCode: false
+};
+const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false, onLoginSuccess }) => {
   const navigate = useNavigate();
-  const { loginUser, waitingFor2fa, firebaseError, loginUserWithTotp, reset2faFlow, logoutUser } = useContext(AuthContext);
+  const { user, loginUser, getUser, waitingFor2fa, firebaseError, loginUserWithTotp, reset2faFlow, logoutUser } = useContext(AuthContext);
+  const loginSuccessHandledRef = useRef(false);
   const [isModalOpen, setIsModalOpen] = useState({
     login: true,
     enter2fa: false,
@@ -31,17 +40,32 @@ const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false }) => {
     message: void 0
   });
   const switchOpenModal = (prevModalId, nextModalId) => {
-    setIsModalOpen({
-      ...isModalOpen,
+    setIsModalOpen((prev) => ({
+      ...prev,
       [prevModalId]: false,
       [nextModalId]: true
-    });
+    }));
   };
   useEffect(() => {
     if (waitingFor2fa) {
-      switchOpenModal("login", "enter2fa");
+      setIsModalOpen((prev) => ({
+        ...prev,
+        login: false,
+        enter2fa: true
+      }));
     }
   }, [waitingFor2fa]);
+  useEffect(() => {
+    if (!hasLoggedInSession(user) || waitingFor2fa) {
+      loginSuccessHandledRef.current = false;
+      return;
+    }
+    setIsModalOpen(closedModalsState);
+    if (onLoginSuccess && !loginSuccessHandledRef.current) {
+      loginSuccessHandledRef.current = true;
+      onLoginSuccess(user);
+    }
+  }, [user, waitingFor2fa, onLoginSuccess]);
   const handleSetPopupSuccess = (popup, message) => {
     setPopupSuccess({ popup, message });
   };
@@ -90,6 +114,8 @@ const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false }) => {
               return;
             }
             await loginUser(email, password);
+            await getUser();
+            clearPopupError();
           } catch (error) {
             const errorMessage = error?.message;
             if (error?.code === "auth/multi-factor-auth-required") {
@@ -145,6 +171,9 @@ const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false }) => {
           setIsActionLoading("enter2fa");
           try {
             await loginUserWithTotp(otpInput, firebaseError);
+            await getUser();
+            clearPopupError();
+            setIsModalOpen(closedModalsState);
           } catch (error) {
             if (error?.code === "auth/invalid-verification-code") {
               handleSetPopupError("enter2fa", "The verification code is not correct. Try again?");
@@ -220,6 +249,12 @@ const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false }) => {
     )
   ] });
 };
+LoginWithOTP.propTypes = {
+  withBackground: PropTypes.bool,
+  useRelativePathForMenu: PropTypes.bool,
+  /** Called once when login (and optional 2FA) completes and the user session is ready. */
+  onLoginSuccess: PropTypes.func
+};
 var stdin_default = LoginWithOTP;
 export {
   LoginWithOTP,

package/dist/components/2FA/main-flow.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useState, useRef, useEffect } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { AuthContext } from "../../context/AuthContext.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import stdin_default$1 from "../Switch/Switch.js";
@@ -30,7 +30,7 @@ const Main2FAFlow = ({
   recentLoginSubtitle = "To continue please log in again and set up your two factor authentication",
   recentLoginCTA = "Log in again"
 }) => {
-  const { user, checkMfaEnrollment, userMfaEnrollment, generateTotpSecret } = useContext(AuthContext);
+  const { user, checkMfaEnrollment, userMfaEnrollment, generateTotpSecret, logoutUser } = useContext(AuthContext);
   const [isFlowopen, setIsFlowOpen] = useState({
     enable2fa: open2faflow || false,
     disable2fa: allowDisable2FA && (openDisable2faflow || false),
@@ -40,6 +40,7 @@ const Main2FAFlow = ({
   const [successMessage, setsuccessMessage] = useState();
   const [isLoginRequired, setisLoginRequired] = useState(false);
   const [totpData, settotpData] = useState();
+  const [awaitingReauthFor2fa, setAwaitingReauthFor2fa] = useState(false);
   const enable2faCompletedRef = useRef(false);
   const disable2faCompletedRef = useRef(false);
   const onRequiresRecentLoginErrorHandler = () => {
@@ -66,11 +67,23 @@ const Main2FAFlow = ({
   useEffect(() => {
     if (userMfaEnrollment?.length > 0) {
       setis2FAEnabled(true);
-    } else if (user) {
+    } else if (user && !awaitingReauthFor2fa) {
       checkMfaEnrollment();
       generateTotp();
     }
-  }, [user, userMfaEnrollment]);
+  }, [user, userMfaEnrollment, awaitingReauthFor2fa]);
+  useEffect(() => {
+    if (!user || !awaitingReauthFor2fa) return;
+    setAwaitingReauthFor2fa(false);
+    setisLoginRequired(false);
+    setIsFlowOpen((prev) => ({
+      ...prev,
+      requiresRecentLogin: false,
+      enable2fa: true
+    }));
+    checkMfaEnrollment();
+    generateTotp();
+  }, [user, awaitingReauthFor2fa]);
   useEffect(() => {
     let timeoutId;
     if (successMessage) {
@@ -113,6 +126,17 @@ const Main2FAFlow = ({
     checkMfaEnrollment();
     setsuccessMessage("Your log in 2FA authentication is removed");
   };
+  const handleLoginAgain = async () => {
+    setIsFlowOpen((prev) => ({
+      ...prev,
+      requiresRecentLogin: false,
+      enable2fa: false,
+      disable2fa: false
+    }));
+    await logoutUser();
+    setAwaitingReauthFor2fa(true);
+    onLoginAgainClick?.();
+  };
   const flowActions = {
     openEnable2FA: () => switchOpenFlow("disable2fa", "enable2fa"),
     openDisable2FA: () => {
@@ -225,7 +249,7 @@ const Main2FAFlow = ({
         continueButtonId: "2fa-requires-recent-login-btn",
         continueButtonDataCy: "2fa-requires-recent-login-submit",
         onClick: () => {
-          onLoginAgainClick?.();
+          void handleLoginAgain();
         },
         titleText: recentLoginTitle,
         subTitleLeft: recentLoginSubtitle,

package/dist/components/AccountBalance/AccountBalance.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { Container, Head, Title, Body, Value, Equal } from "./AccountBalance.styles.js";
 const AccountBalance = ({ title, value, unit, info = "", eqValue = "", eqUnit = "", right = false }) => /* @__PURE__ */ jsxs(Container, { right, children: [

package/dist/components/AdminDashboard/Table/ReactTable.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import PropTypes from "prop-types";
+import PropTypes from "../../../_virtual/index2.js";
 import React__default, { useId, useState, useCallback } from "react";
-import { useTable, useExpanded, usePagination } from "react-table";
+import { r as reactTableExports } from "../../../_virtual/index3.js";
 import stdin_default$1 from "../../Pagination/PaginationControls.js";
 import { Styles, TableWrap, StyledReactTable } from "./Table.styles.js";
 const INTERACTIVE_ELEMENTS = ["button", "a", "input", "select", "textarea", "label"];
@@ -73,7 +73,7 @@ function ReactTable(props) {
     gotoPage,
     setPageSize,
     state: { pageIndex, pageSize }
-  } = useTable(
+  } = reactTableExports.useTable(
     {
       columns,
       data,
@@ -82,8 +82,8 @@ function ReactTable(props) {
         pageSize: isSubTable ? 1e4 : 10
       }
     },
-    useExpanded,
-    usePagination
+    reactTableExports.useExpanded,
+    reactTableExports.usePagination
   );
   const [inputPageSize, setInputPageSize] = useState(isSubTable ? 1e4 : 10);
   React__default.useEffect(() => {

package/dist/components/AdminDashboard/Table/ReactTableWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import stdin_default from "./ReactTable.js";
 import { TableDropdownIcon } from "./Table.styles.js";
-import PropTypes from "prop-types";
+import PropTypes from "../../../_virtual/index2.js";
 const renderCell = ({ row }) => (
   // Use Cell to render an expander for dropdown cell.
   // We can use the getToggleRowExpandedProps prop-getter

package/dist/components/AdminDashboard/Table/Table.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { PureComponent } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../../_virtual/index2.js";
 import stdin_default from "../../ComponentScroll/ComponentScroll.js";
 import { Container, HeadWrapper, StyledTable, Head, Row, Column, TableWrapper, Body } from "./Table.styles.js";
 const OptionalScroll = ({ children, maxHeight = 500, noScroll = false, onScroll }) => {

package/dist/components/AgreementItem/AgreementItem.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { Text } from "../Text/Text.styles.js";
 import stdin_default, { CheckboxPropTypes } from "../Checkbox/Checkbox.js";

package/dist/components/BackButton/BackButton.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { useNavigate } from "react-router-dom";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
 import { StyledBackButtonExternal, BackButtonIcon, StyledBackButton, StyledWindowBackButton } from "./BackButton.styles.js";

package/dist/components/Background/Background.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Container, Wrap, Img, Caption, Content } from "./Background.styles.js";
 const Background = (props) => {
   const {

package/dist/components/BasicTable/BasicTable.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Table, Row, Label, Value, Caption, LabelWarning } from "./BasicTable.styles.js";
 const BasicTable = ({ data, filled, smallPadding }) => /* @__PURE__ */ jsx(Table, { filled, children: data.map((item, itemKey) => /* @__PURE__ */ jsxs(Row, { smallPadding, children: [
   /* @__PURE__ */ jsx(Label, { children: item.label }),

package/dist/components/BlogPost/BlogPost.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Container, ImageWrapper, LoaderWrapper, LoaderImage, Image, Content, Category, TextWrapper, BottomRow, StyledButton } from "./BlogPost.styles.js";
 import { loaderGif } from "../StokrLoader/StokrLoader.js";
 import { Breakdown } from "../breakdown/Breakdown.js";

package/dist/components/Button/Button.styles.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import theme from "../../styles/theme.js";
 const Button = styled.button.withConfig({
   shouldForwardProp: (props) => ![

package/dist/components/Button/GlareButton.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Button } from "./Button.styles.js";
 import { colors } from "../../styles/colors.js";
-import { useInView } from "react-intersection-observer";
+import { useInView } from "../../node_modules/react-intersection-observer/dist/index.js";
 import { useState, useRef, useId, useEffect } from "react";
 import styled, { css, keyframes } from "styled-components";
 const config = {

package/dist/components/ChartLegend/ChartLegend.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import PropTypes from "prop-types";
-import { Collapse } from "react-collapse";
+import PropTypes from "../../_virtual/index2.js";
+import { l as libExports } from "../../_virtual/index4.js";
 import { Items, Item, Head, ColorLabel, NameCol, LargeText, SmallText, MarketDataCol, Arrow, Body } from "./ChartLegend.styles.js";
 const ChartLegend = (props) => {
   const { data } = props;
@@ -38,7 +38,7 @@ const ChartLegend = (props) => {
       ] }),
       item.details && /* @__PURE__ */ jsx(Arrow, { isOpened: activeItems[itemKey] })
     ] }),
-    item.details && /* @__PURE__ */ jsx(Collapse, { isOpened: activeItems[itemKey], children: /* @__PURE__ */ jsx(Body, { children: item.details }) })
+    item.details && /* @__PURE__ */ jsx(libExports.Collapse, { isOpened: activeItems[itemKey], children: /* @__PURE__ */ jsx(Body, { children: item.details }) })
   ] }, item.name)) });
 };
 ChartLegend.propTypes = {

package/dist/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
 import styled from "styled-components";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Wrapper, Label, Input } from "./Checkbox.styles.js";
 const CheckBoxCaption = styled.div`
   padding-top: 12px;

package/dist/components/Checklist/ChecklistCard.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { iconsMap } from "../Icon/Icon.style.js";
 import { CardContainer, IconBlock, IconCopy, CardTitle, CardDescription } from "./ChecklistCard.styles.js";
 import { Icon } from "../ToDoList/ToDoListTask.styles.js";

package/dist/components/Chips/Chip.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { StyledChip, ChipText } from "./Chip.styles.js";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 const Chip = ({ children, isActive = false, onClick = () => {

package/dist/components/Chips/ChipWrapper.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import stdin_default from "./Chip.js";
 import { Wrapper } from "./Chip.styles.js";
 import { Scroll } from "../TabsNav/TabsNav.styles.js";

package/dist/components/ComponentScroll/ComponentScroll.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import PropTypes from "prop-types";
-import { Scrollbars } from "react-custom-scrollbars-4";
+import PropTypes from "../../_virtual/index2.js";
+import { l as libExports } from "../../_virtual/index5.js";
 import { Container, Outer, Inner, ThumbV, TrackV, ThumbH, TrackH } from "./ComponentScroll.styles.js";
 const ComponentScroll = (props) => {
   const {
@@ -31,7 +31,7 @@ const ComponentScroll = (props) => {
     }
   };
   return /* @__PURE__ */ jsx(Container, { className, noMobileScroll, isMobile: true, fullHeight, children: /* @__PURE__ */ jsx(Outer, { offset, barPadding, topPadding, children: /* @__PURE__ */ jsx(
-    Scrollbars,
+    libExports.Scrollbars,
     {
       ref: scrollRef,
       style: { height: "100%" },

package/dist/components/Country/CountrySelect.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import styled from "styled-components";
 import { useMemo } from "react";
 import { Select } from "../Input/Select.js";
-import * as Flags from "country-flag-icons/react/3x2";
+import * as index from "../../node_modules/country-flag-icons/react/3x2/index.js";
 import { SelectedChipsTitle, SelectedChipsList, SelectedChip, SelectedChipRemove } from "../Input/Select.styles.js";
 const PillChipsWrapper = styled.div`
   ${SelectedChipsTitle} {
@@ -48,7 +48,7 @@ const PillChipsWrapper = styled.div`
 `;
 const FlagFor = ({ code }) => {
   if (!code) return null;
-  const Cmp = Flags[code.toUpperCase()];
+  const Cmp = index[code.toUpperCase()];
   if (!Cmp) return null;
   return /* @__PURE__ */ jsx(Cmp, { "aria-hidden": "true", focusable: "false" });
 };
@@ -115,5 +115,5 @@ CountrySelect.propTypes = {
 export {
   CountrySelect,
   FlagFor,
-  Flags
+  index as Flags
 };

package/dist/components/CryptoAddress/ComponentWrap.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 const ComponentWrap = ({ children, wrapped = false, borderTop = false, borderBottom = false }) => wrapped ? /* @__PURE__ */ jsx(ComponentWrapper, { borderTop, borderBottom, children }) : /* @__PURE__ */ jsx(Fragment, { children });
 ComponentWrap.propTypes = {

package/dist/components/CryptoAddress/CryptoAddress.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState } from "react";
-import PropTypes from "prop-types";
-import { Tooltip } from "react-tippy";
-import { CopyToClipboard } from "react-copy-to-clipboard";
+import PropTypes from "../../_virtual/index2.js";
+import { r as reactTippyExports } from "../../_virtual/react-tippy.js";
+import { l as libExports } from "../../_virtual/index.js";
 import { Container, DataWrapper, CheckMark, Head, Title, Status, TitleSide, AddressWrap, Address, Body, DataBox, Value, Equal, InfoBox, OptionsWrapper, CopyToClipboardButton } from "./CryptoAddress.styles.js";
 import stdin_default$1 from "./RadioWrap.js";
 import stdin_default$2 from "./ComponentWrap.js";
 import getShortAddress from "../../utils/get-short-address.js";
 const copyToClipBoard = (value, isCopied, setCopy) => /* @__PURE__ */ jsx(
-  Tooltip,
+  reactTippyExports.Tooltip,
   {
     position: "top",
     title: isCopied ? "Copied to clipboard!" : "Click to copy to clipboard.",
@@ -17,7 +17,7 @@ const copyToClipBoard = (value, isCopied, setCopy) => /* @__PURE__ */ jsx(
     hideOnClick: false,
     onHidden: () => setCopy(false),
     duration: 200,
-    children: /* @__PURE__ */ jsx(CopyToClipboard, { text: value, onCopy: () => setCopy(true), children: /* @__PURE__ */ jsx(CopyToClipboardButton, {}) })
+    children: /* @__PURE__ */ jsx(libExports.CopyToClipboard, { text: value, onCopy: () => setCopy(true), children: /* @__PURE__ */ jsx(CopyToClipboardButton, {}) })
   }
 );
 const defaultData = {
@@ -67,7 +67,7 @@ const CryptoAddress = ({
       ] }),
       /* @__PURE__ */ jsxs(TitleSide, { children: [
         address && /* @__PURE__ */ jsxs(AddressWrap, { children: [
-          /* @__PURE__ */ jsx(Tooltip, { position: "top", title: address, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(Address, { children: getShortAddress(address) }) }),
+          /* @__PURE__ */ jsx(reactTippyExports.Tooltip, { position: "top", title: address, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(Address, { children: getShortAddress(address) }) }),
           /* @__PURE__ */ jsx("div", { onClick: (e) => e.preventDefault(), children: copyToClipBoard(address, copiedAddressToClipboard, setCopiedAddressToClipboard) })
         ] }),
         src && /* @__PURE__ */ jsx("img", { src, alt: "project logo", height: "50", width: 100, style: { objectFit: "contain" } })
@@ -78,7 +78,7 @@ const CryptoAddress = ({
         data.value && /* @__PURE__ */ jsxs(Value, { fontSize, style: dataValueStyle, childMarginLeft: valueChildMarginLeft, children: [
           data.unit && `${data.unit} `,
           data.shortAddress ? /* @__PURE__ */ jsx(
-            Tooltip,
+            reactTippyExports.Tooltip,
             {
               position: "top",
               title: data.value,

package/dist/components/CryptoAddress/RadioWrap.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Radio } from "./CryptoAddress.styles.js";
 const RadioWrap = ({ children, radio = null }) => {
   const handleOnClick = (e) => {

package/dist/components/CryptoAddressDetails/CryptoAddressDetails.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Button } from "../Button/Button.styles.js";
 import { Container, Row, Column, Avatar, AvatarImg, Name } from "./CryptoAddressDetails.styles.js";
 const CryptoAddressDetails = ({ data }) => /* @__PURE__ */ jsxs(Container, { children: [

package/dist/components/CryptoAddressWrapper/CryptoAddressWrapper.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Container, Address, InfoBoxWrapper, InfoBox, Loader, Text, FailedIcon } from "./CryptoAddressWrapper.styles.js";
 const CryptoAddressWrapper = ({ children, refresh = "", failed = "", relative, noFailedIcon }) => /* @__PURE__ */ jsxs(Container, { children: [
   children && /* @__PURE__ */ jsx(Address, { isHidden: refresh || failed, children }),

package/dist/components/FAQ/FAQ.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import { Text } from "../Text/Text.styles.js";
 import { useState } from "react";
 import { scrollToElement } from "../../utils/scrollUtils.js";

package/dist/components/FAQ/FAQ.styles.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { Collapse } from "react-collapse";
+import { l as libExports } from "../../_virtual/index4.js";
 import theme from "../../styles/theme.js";
 const FaqItems = styled.div`
   position: relative;
@@ -92,7 +92,7 @@ const FaqTitle = styled.button.withConfig({
     }
   `}
 `;
-const FaqContent = styled(Collapse).withConfig({
+const FaqContent = styled(libExports.Collapse).withConfig({
   shouldForwardProp: (props) => !["largeSpacing"].includes(props)
 })`
   opacity: 0;

package/dist/components/Footer/Footer.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import "react";
 import { Wrapper } from "../Grid/Grid.styles.js";
 import { StyledFooter, FooterInner, PartnerWrap, Partner, PartnerLine, PartnerLineBreak, LogoWrap, PoweredWrap, Copyright } from "./Footer.styles.js";

package/dist/components/Footer/FooterLayout.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import stdin_default$1 from "./FooterMenu.js";
 import stdin_default$2 from "../Newsletter/Newsletter.js";
 import stdin_default$3 from "./Footer.js";

package/dist/components/Footer/FooterMenu.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useEffect, Fragment as Fragment$1 } from "react";
-import PropTypes from "prop-types";
-import { Collapse } from "react-collapse";
+import PropTypes from "../../_virtual/index2.js";
+import { l as libExports } from "../../_virtual/index4.js";
 import stdin_default$2 from "../SvgIcons/SocialInstagram.js";
 import stdin_default$1 from "../SvgIcons/SocialReddit.js";
 import { Container, Groups, Group, TitleContainer, Title, ArrowDown, Items, Item, SocialLink, IsoCertificate, Link, HiringTotalNumber, Footnotes, FootnotesText, FootnotesItem } from "./FooterMenu.styles.js";
@@ -14,7 +14,7 @@ import YtLogo from "../../static/images/social/youtube_social_circle_red.png.js"
 import TelegramLogo from "../../static/images/social/Telegram-Logo.png.js";
 import IsoLogo from "../../static/images/iso27001-black.svg.js";
 import { SocialLinksContainer } from "../Header/Header.styles.js";
-const CollapseWrapper = ({ children, collapse = false, isOpened = false }) => collapse ? /* @__PURE__ */ jsx(Collapse, { isOpened, children }) : /* @__PURE__ */ jsx(Fragment$1, { children });
+const CollapseWrapper = ({ children, collapse = false, isOpened = false }) => collapse ? /* @__PURE__ */ jsx(libExports.Collapse, { isOpened, children }) : /* @__PURE__ */ jsx(Fragment$1, { children });
 CollapseWrapper.propTypes = {
   children: PropTypes.node.isRequired,
   collapse: PropTypes.bool,

package/dist/components/ForgotPasswordModal/ForgotPasswordModal.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PureComponent } from "react";
-import PropTypes from "prop-types";
-import { Formik } from "formik";
-import * as Yup from "yup";
+import PropTypes from "../../_virtual/index2.js";
+import { Formik } from "../../node_modules/formik/dist/formik.esm.js";
+import { object as create$3, string as create$6 } from "../../node_modules/yup/index.esm.js";
 import { Modal } from "../Modal/Modal.js";
 import stdin_default$1 from "../Form/Form.js";
 import { Text } from "../Text/Text.styles.js";
@@ -17,8 +17,8 @@ class ForgotPasswordModal extends PureComponent {
   initialValues = {
     email: ""
   };
-  validationSchema = Yup.object().shape({
-    email: Yup.string().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank")
+  validationSchema = create$3().shape({
+    email: create$6().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank")
   });
   render() {
     const {

package/dist/components/Form/Form.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import "yup";
-import PropTypes from "prop-types";
+import "../../node_modules/yup/index.esm.js";
+import PropTypes from "../../_virtual/index2.js";
 import { FormContainer } from "./Form.styles.js";
 import { FormError, FormField, FormInfo } from "./Form.styles.js";
 const Form = ({ children, id }) => {

package/dist/components/Form/Form.styles.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { Form } from "formik";
+import { Form } from "../../node_modules/formik/dist/formik.esm.js";
 import rwd from "../../styles/rwd.js";
 import theme from "../../styles/theme.js";
 const FormContainer = styled(Form)`

package/dist/components/Header/Header.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo, useState, useEffect } from "react";
-import PropTypes from "prop-types";
+import PropTypes from "../../_virtual/index2.js";
 import stdin_default$1 from "../SmartLink/SmartLink.js";
 import { Button } from "../Button/Button.styles.js";
 import stdin_default$2 from "../SvgIcons/LogoSvg.js";
@@ -12,7 +12,7 @@ import avatarPlaceholder from "../../static/images/avatar-placeholder.png.js";
 import { StyledHeader, SidebarToggle, HamburgerIcon, HeaderInner, MainNavWrap, Logo, HeaderMainNav, ProgressWrap, QuickNavWrap, MobileMenuToggler, HeaderQuickNav, LoginButton, UserAccount, UserButton, SignupButton, MobileMenu, MobileMenuPart, MobileMenuItem, MobileMenuLink, CTAContainer, SocialLinksContainer, UserAvatar, MobileMenuWrapper, StyledSubMenu } from "./Header.styles.js";
 import stdin_default$3 from "../MainMenu/DynamicMainMenu.js";
 import { SocialLink, ArrowDown } from "../Footer/FooterMenu.styles.js";
-import { Collapse } from "react-collapse";
+import { l as libExports } from "../../_virtual/index4.js";
 import { usePrevious, useMobileView } from "../../utils/customHooks.js";
 import { checkTodoStatus } from "../../utils/check-todo-status.js";
 import { hasLoggedInSession } from "../../utils/user-identity.js";
@@ -65,7 +65,7 @@ const RenderSubMenu = ({
       /* @__PURE__ */ jsx("a", { children: title }),
       /* @__PURE__ */ jsx(ArrowDown, { displayAlways: true, isOpened: isActive, style: { right: "-2em", position: "absolute" } })
     ] }) }),
-    /* @__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)) })
+    /* @__PURE__ */ jsx(libExports.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)) })
   ] });
 };
 function HeaderView({