@stokr/components-library 3.0.67 → 3.0.68

package/dist/components/Country/CountrySelect.js

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

package/dist/components/CryptoAddress/ComponentWrap.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 "../../_virtual/index2.js";
-import { r as reactTippyExports } from "../../_virtual/react-tippy.js";
-import { l as libExports } from "../../_virtual/index.js";
+import PropTypes from "prop-types";
+import { Tooltip } from "react-tippy";
+import { CopyToClipboard } from "react-copy-to-clipboard";
 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(
-  reactTippyExports.Tooltip,
+  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(libExports.CopyToClipboard, { text: value, onCopy: () => setCopy(true), children: /* @__PURE__ */ jsx(CopyToClipboardButton, {}) })
+    children: /* @__PURE__ */ jsx(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(reactTippyExports.Tooltip, { position: "top", title: address, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(Address, { children: getShortAddress(address) }) }),
+          /* @__PURE__ */ jsx(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(
-            reactTippyExports.Tooltip,
+            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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 { l as libExports } from "../../_virtual/index4.js";
+import { Collapse } from "react-collapse";
 import theme from "../../styles/theme.js";
 const FaqItems = styled.div`
   position: relative;
@@ -92,7 +92,7 @@ const FaqTitle = styled.button.withConfig({
     }
   `}
 `;
-const FaqContent = styled(libExports.Collapse).withConfig({
+const FaqContent = styled(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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 "../../_virtual/index2.js";
-import { l as libExports } from "../../_virtual/index4.js";
+import PropTypes from "prop-types";
+import { Collapse } from "react-collapse";
 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(libExports.Collapse, { isOpened, children }) : /* @__PURE__ */ jsx(Fragment$1, { children });
+const CollapseWrapper = ({ children, collapse = false, isOpened = false }) => collapse ? /* @__PURE__ */ jsx(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 "../../_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 PropTypes from "prop-types";
+import { Formik } from "formik";
+import * as Yup from "yup";
 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 = create$3().shape({
-    email: create$6().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank")
+  validationSchema = Yup.object().shape({
+    email: Yup.string().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 "../../node_modules/yup/index.esm.js";
-import PropTypes from "../../_virtual/index2.js";
+import "yup";
+import PropTypes from "prop-types";
 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 "../../node_modules/formik/dist/formik.esm.js";
+import { Form } from "formik";
 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 "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 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 { l as libExports } from "../../_virtual/index4.js";
+import { Collapse } from "react-collapse";
 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(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)) })
+    /* @__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)) })
   ] });
 };
 function HeaderView({

package/dist/components/HeroBlock/HeroVideoBlock.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import styled from "styled-components";
 import { useRef, useState, useCallback, useEffect } from "react";
-import { useInView } from "../../node_modules/react-intersection-observer/dist/index.js";
+import { useInView } from "react-intersection-observer";
 const ViewportWrapper = styled.div`
   width: 100%;
   height: 100%;

package/dist/components/IdentityInfo/IdentityInfo.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { FlagFor } from "../Country/CountrySelect.js";
 import { CountryRowRoot, FlagSlot, CountryCode, ResidencyItemRoot, FieldLabel, FieldValue, SectionHeaderRoot, SectionHeaderIconWrap } from "./IdentityInfo.styles.js";
 const IdentitySectionHeader = ({ icon, count, children, style, className }) => /* @__PURE__ */ jsxs(SectionHeaderRoot, { style, className, children: [

package/dist/components/InfoIcon/InfoIcon.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import purify from "../../node_modules/dompurify/dist/purify.es.js";
-import PropTypes from "../../_virtual/index2.js";
+import DOMPurify from "dompurify";
+import PropTypes from "prop-types";
 import { useId } from "react";
-import parse from "../../node_modules/html-react-parser/esm/index.js";
-import { r as reactTippyExports } from "../../_virtual/react-tippy.js";
+import parse from "html-react-parser";
+import { Tooltip } from "react-tippy";
 import { colors } from "../../styles/colors.js";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
 import { Container, ArrowColorGlobalStyle, Icon } from "./InfoIcon.styles.js";
@@ -25,7 +25,7 @@ const InfoIcon = ({
   containerStyle,
   ...props
 }) => {
-  const htmlContent = typeof html === "string" ? parse(purify.sanitize(html)) : html;
+  const htmlContent = typeof html === "string" ? parse(DOMPurify.sanitize(html)) : html;
   const instanceToken = `info-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
   const tippyTheme = arrowColor ? `${theme} ${instanceToken}` : theme;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -41,7 +41,7 @@ const InfoIcon = ({
         children: [
           arrowColor && /* @__PURE__ */ jsx(ArrowColorGlobalStyle, { themeName: instanceToken, color: arrowColor }),
           /* @__PURE__ */ jsx(
-            reactTippyExports.Tooltip,
+            Tooltip,
             {
               ...props,
               position,

package/dist/components/Input/DatePickerInput.js

@@ -1,13 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
+import { isValid, format, parse } from "date-fns";
+import { DayPicker } from "react-day-picker";
 import { Wrapper, Label } from "./Input.styles.js";
 import { DatePickerOverlay, InputWrapper, DateInput, ClearButton } from "./DatePickerInput.styles.js";
 import { useComponentVisible } from "../../utils/customHooks.js";
-import { isValid } from "../../node_modules/date-fns/isValid.js";
-import { DayPicker } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
-import { parse } from "../../node_modules/date-fns/parse.js";
-import { format } from "../../node_modules/date-fns/format.js";
 const DATE_FORMAT = "MMM dd, yyyy";
 const now = /* @__PURE__ */ new Date();
 const DatePickerInput = (props) => {

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Wrapper, Label, InputWrap } from "./Input.styles.js";
 const Input = (props) => {
   const {

package/dist/components/Input/InputPassword.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import stdin_default$1 from "../SvgIcons/CapsLockSvg.js";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { Wrapper, Label, InputWrap } from "./Input.styles.js";

package/dist/components/Input/InputUsername.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { PureComponent } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Wrapper, Label, InputWrap } from "./Input.styles.js";
 class InputUsername extends PureComponent {
   state = {

package/dist/components/Input/InputWithButton.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Container, InputWrap, Input, ButtonWrap } from "./InputWithButton.styles.js";
 const InputWithButton = ({
   children,

package/dist/components/Input/MultiSelect.js

@@ -1,13 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
-import StateManagedSelect$1 from "../../node_modules/react-select/dist/react-select.esm.js";
+import PropTypes from "prop-types";
+import ReactSelect, { components } from "react-select";
 import styled from "styled-components";
 import { Wrapper, Label } from "./Input.styles.js";
 import { colors } from "../../styles/colors.js";
 import SvgCheckIcon from "../../static/images/check-icon.svg.js";
 import { SelectMenuList, SelectIcon } from "./Select.styles.js";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.js";
 const CountBadge = styled.span`
   display: inline-flex;
   align-items: center;
@@ -161,7 +160,7 @@ const MultiSelect = (props) => {
   return /* @__PURE__ */ jsxs(Wrapper, { style: { width: width || "auto" }, children: [
     label && /* @__PURE__ */ jsx(Label, { isUp: labelUp, active: hasFocus, error: error && touched, htmlFor: id, children: label }),
     /* @__PURE__ */ jsx(
-      StateManagedSelect$1,
+      ReactSelect,
       {
         ...otherProps,
         id,

package/dist/components/Input/OtpInput.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import OTPInput from "../../node_modules/react-otp-input/lib/index.esm.js";
+import Input from "react-otp-input";
 import { styled } from "styled-components";
 import { Wrapper, Label, InputWrap } from "./Input.styles.js";
 import theme from "../../styles/theme.js";
@@ -56,7 +56,7 @@ const OtpInput = (props) => {
   return /* @__PURE__ */ jsxs(Wrapper, { ...dataCyPrefix ? { "data-cy": `${dataCyPrefix}-wrapper` } : {}, children: [
     label && /* @__PURE__ */ jsx(Label, { isUp: true, style: { lineHeight: "inherit", top: "-5px" }, children: label }),
     /* @__PURE__ */ jsx(InputWrap, { children: /* @__PURE__ */ jsx(
-      OTPInput,
+      Input,
       {
         value,
         onChange: handleChange,

package/dist/components/Input/RangeInput.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import RangeWrapper from "./RangeInput.styles.js";
-import { l as libExports } from "../../_virtual/index6.js";
+import { Range, getTrackBackground } from "react-range";
 import { colors } from "../../styles/colors.js";
 const RangeInput = ({
   disabled = false,
@@ -17,7 +17,7 @@ const RangeInput = ({
 }) => {
   const valuePercent = ((value - min) / (max - min) * 100).toFixed(2);
   return /* @__PURE__ */ jsx(RangeWrapper, { valuePercent, children: /* @__PURE__ */ jsx(
-    libExports.Range,
+    Range,
     {
       id,
       name,
@@ -37,7 +37,7 @@ const RangeInput = ({
             width: "100%",
             borderRadius: "10px",
             backgroundColor: colors.lightGrey,
-            background: libExports.getTrackBackground({
+            background: getTrackBackground({
               values: [value],
               colors: [colors.blue, colors.lightGrey],
               min,

package/dist/components/Input/Select.js

@@ -1,13 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Wrapper, Label } from "./Input.styles.js";
 import { useState, useMemo } from "react";
-import CreatableSelect$1 from "../../node_modules/react-select/creatable/dist/react-select-creatable.esm.js";
-import StateManagedSelect$1 from "../../node_modules/react-select/dist/react-select.esm.js";
+import CreatableSelect from "react-select/creatable";
+import ReactSelect, { components } from "react-select";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
 import { SelectContainer, SelectMenu, SelectControl, SelectedChipsWrapper, SelectedChipsTitle, SelectedChipsList, SelectedChip, SelectedChipLabel, SelectedChipRemove, SelectOption, OptionRow, OptionLabel, OptionCheckbox, SelectMenuList, SelectIcon, OptionIcon } from "./Select.styles.js";
 import { SelectValueContainer, SelectWrapper } from "./Select.styles.js";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.js";
 const renderIcon = (icon) => {
   if (!icon) return null;
   if (typeof icon === "string") {
@@ -132,7 +131,7 @@ const Select = (props) => {
     const arr = Array.isArray(value) ? value.filter((v) => v !== val) : [];
     onChange?.({ name, value: arr });
   };
-  const SelectComponent = creatable ? CreatableSelect$1 : StateManagedSelect$1;
+  const SelectComponent = creatable ? CreatableSelect : ReactSelect;
   const selectStyles = useMemo(
     () => ({
       control: () => SelectControl,

package/dist/components/Input/TableFilterDropdown.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { createPortal } from "react-dom";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import styled from "styled-components";
 import { colors } from "../../styles/colors.js";
 import SvgCheckIcon from "../../static/images/check-icon.svg.js";

package/dist/components/InvestmentStat/InvestmentStat.js

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

package/dist/components/LatestUpdate/LatestUpdate.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Container, ItemLink, ImageWrap, Image, Tag, Title, Text, ReadMore } from "./LatestUpdate.styles.js";
 import { LatestUpdateWrapper } from "./LatestUpdate.styles.js";
 const LatestUpdate = ({ image = "", tag = "", title, text, url, horizontalPadding = false }) => /* @__PURE__ */ jsx(Container, { to: url, horizontalPadding, children: /* @__PURE__ */ jsxs(ItemLink, { to: url, children: [

package/dist/components/Layout/Layout.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { ThemeProvider } from "styled-components";
 import { GlobalStyle } from "../../styles/global.js";
 import theme from "../../styles/theme.js";

package/dist/components/LoginModal/LoginModal.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { useLocation } from "react-router-dom";
-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 { Formik } from "formik";
+import * as Yup from "yup";
 import { Modal } from "../Modal/Modal.js";
 import stdin_default$1 from "../Form/Form.js";
 import { Text } from "../Text/Text.styles.js";
@@ -27,9 +27,9 @@ const LoginModal = (props) => {
       setEmail(_email);
     }
   }, [location]);
-  const validationSchema = create$3().shape({
-    email: create$6().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can't be blank"),
-    password: create$6().min(6, "Password must be at least 6 characters").required("Password is required")
+  const validationSchema = Yup.object().shape({
+    email: Yup.string().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can't be blank"),
+    password: Yup.string().min(6, "Password must be at least 6 characters").required("Password is required")
   });
   const {
     popupError,

package/dist/components/MainMenu/DynamicMainMenu.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
-import { l as libExports } from "../../_virtual/index4.js";
+import PropTypes from "prop-types";
+import { Collapse } from "react-collapse";
 import { StyledMainMenu, MainMenuContainer, MainMenuOptions, MainMenuOption } from "./MainMenu.styles.js";
 const DynamicMainMenu = (props) => {
   const spanStyleForMenu = {
@@ -9,7 +9,7 @@ const DynamicMainMenu = (props) => {
     cursor: "pointer"
   };
   const { options = [], isMenuActive = false } = props;
-  return /* @__PURE__ */ jsx(StyledMainMenu, { children: /* @__PURE__ */ jsx(libExports.Collapse, { isOpened: isMenuActive, children: /* @__PURE__ */ jsx(MainMenuContainer, { children: /* @__PURE__ */ jsx(MainMenuOptions, { children: options?.map((item, index) => {
+  return /* @__PURE__ */ jsx(StyledMainMenu, { children: /* @__PURE__ */ jsx(Collapse, { isOpened: isMenuActive, children: /* @__PURE__ */ jsx(MainMenuContainer, { children: /* @__PURE__ */ jsx(MainMenuOptions, { children: options?.map((item, index) => {
     return /* @__PURE__ */ jsx(
       MainMenuOption,
       {

package/dist/components/MainMenu/MainMenu.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { PureComponent } from "react";
-import PropTypes from "../../_virtual/index2.js";
-import { l as libExports } from "../../_virtual/index4.js";
+import PropTypes from "prop-types";
+import { Collapse } from "react-collapse";
 import { StyledMainMenu, MainMenuContainer, MainMenuOptions, MainMenuOption, ExpandArrow, Settings, SettingsOptions, SettingsOption } from "./MainMenu.styles.js";
 import { Button } from "../Button/Button.styles.js";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
@@ -64,9 +64,9 @@ class MainMenuClass extends PureComponent {
     const isUserLogged = hasLoggedInSession(user);
     return /* @__PURE__ */ jsxs(StyledMainMenu, { children: [
       /* @__PURE__ */ jsx(IoniconsStyles, {}),
-      /* @__PURE__ */ jsx(libExports.Collapse, { isOpened: isMenuActive && isUserLogged, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(MainMenuContainer, { children: [
+      /* @__PURE__ */ jsx(Collapse, { isOpened: isMenuActive && isUserLogged, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(MainMenuContainer, { children: [
         /* @__PURE__ */ jsxs(
-          libExports.Collapse,
+          Collapse,
           {
             isOpened: !isScrollDown || isVentureDashboard,
             style: overrideHeightNeeded ? { height: "auto" } : {},
@@ -122,7 +122,7 @@ class MainMenuClass extends PureComponent {
                 ) }),
                 /* @__PURE__ */ jsx(MainMenuOption, { children: /* @__PURE__ */ jsx(Button, { negative: true, onClick: () => logoutUser(), children: "log out" }) })
               ] }),
-              !isAdmin && /* @__PURE__ */ jsx(Settings, { children: /* @__PURE__ */ jsx(libExports.Collapse, { isOpened: isSettingsActive, children: /* @__PURE__ */ jsxs(SettingsOptions, { children: [
+              !isAdmin && /* @__PURE__ */ jsx(Settings, { children: /* @__PURE__ */ jsx(Collapse, { isOpened: isSettingsActive, children: /* @__PURE__ */ jsxs(SettingsOptions, { children: [
                 /* @__PURE__ */ jsx(
                   SettingsOption,
                   {
@@ -157,7 +157,7 @@ class MainMenuClass extends PureComponent {
             ]
           }
         ),
-        !isAdmin && /* @__PURE__ */ jsx(libExports.Collapse, { isOpened: isScrollDown, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(SettingsOptions, { children: [
+        !isAdmin && /* @__PURE__ */ jsx(Collapse, { isOpened: isScrollDown, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(SettingsOptions, { children: [
           /* @__PURE__ */ jsx(
             SettingsOption,
             {

package/dist/components/Modal/Modal.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PropTypes from "../../_virtual/index2.js";
-import Portal from "../../node_modules/react-portal/es/PortalCompat.js";
+import PropTypes from "prop-types";
+import { Portal } from "react-portal";
 import { useState, useEffect } from "react";
 import { ModalRoot, Dimmer, Box, ModalClose } from "./Modal.styles.js";
 import { ModalBack, ModalInner, ModalInnerSmartContractAddress, ModalInnerWithBorder, ModalLink, ModalLinkWrap, ModalScroll } from "./Modal.styles.js";

package/dist/components/Modal/NewVentureModal/NewVentureModal.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useContext } from "react";
 import { useNavigate } from "react-router-dom";
-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 PropTypes from "prop-types";
+import { Formik } from "formik";
+import * as Yup from "yup";
 import { AuthContext } from "../../../context/AuthContext.js";
 import { emailRegex, ProjectTypes } from "../../../constants/globalVariables.js";
 import { Modal } from "../Modal.js";
@@ -67,12 +67,12 @@ const NewVentureModal = (props) => {
     salesChannel,
     customSuccessMessage
   });
-  const validationSchema = isLoggedIn ? create$3().shape({
-    email: create$6().nullable(),
-    name: create$6().nullable()
-  }) : create$3().shape({
-    email: create$6().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can't be blank"),
-    name: create$6().required("Oops, this can't be blank")
+  const validationSchema = isLoggedIn ? Yup.object().shape({
+    email: Yup.string().nullable(),
+    name: Yup.string().nullable()
+  }) : Yup.object().shape({
+    email: Yup.string().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can't be blank"),
+    name: Yup.string().required("Oops, this can't be blank")
   });
   return /* @__PURE__ */ jsx(
     Modal,