@stokr/components-library 3.0.67 → 3.0.68

package/dist/components/Modal/PaymentModal.js

@@ -1,6 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { QRCodeSVG } from "../../node_modules/qrcode.react/lib/esm/index.js";
+import { QRCodeSVG } from "qrcode.react";
+import { formatInTimeZone } from "date-fns-tz";
 import { Modal } from "./Modal.js";
 import { Text } from "../Text/Text.styles.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
@@ -12,7 +13,6 @@ import theme from "../../styles/theme.js";
 import { Icon, iconsMap } from "../Icon/Icon.style.js";
 import styled from "styled-components";
 import { ModalInner } from "./Modal.styles.js";
-import { formatInTimeZone } from "../../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.js";
 const WarningBox = styled.div`
   background: ${theme.cWarning};
   border-radius: 4px;

package/dist/components/Modal/SuccessModal/SuccessModal.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { createRoot } from "react-dom/client";
-import PropTypes from "../../../_virtual/index2.js";
-import { DotLottieReact as c } from "../../../node_modules/@lottiefiles/dotlottie-react/dist/index.js";
+import PropTypes from "prop-types";
+import { DotLottieReact } from "@lottiefiles/dotlottie-react";
 import { Modal } from "../Modal.js";
 import { SuccessModalContent, AnimationContainer, Title, Subtitle, ContentWrapper } from "./SuccessModal.styles.js";
 import successAnimation from "../../../static/animations/checked.lottie.js";
@@ -65,7 +65,7 @@ const SuccessModalComponent = ({
       ...modalProps,
       children: /* @__PURE__ */ jsxs(SuccessModalContent, { children: [
         /* @__PURE__ */ jsx(AnimationContainer, { children: /* @__PURE__ */ jsx(
-          c,
+          DotLottieReact,
           {
             src: animationSource,
             loop: animationLoop,

package/dist/components/MultiProgressBar/MultiProgressBar.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 { Bar, BackBar, BarPart, FillProgress, FillBar } from "./MultiProgressBar.styles.js";
 const MultiProgressBar = ({ backParts, fillParts, fill }) => /* @__PURE__ */ jsxs(Bar, { children: [
   /* @__PURE__ */ jsx(BackBar, { children: backParts?.map((part) => /* @__PURE__ */ jsx(BarPart, { percent: part.value, color: `back-${part.label}` }, part.label)) }),

package/dist/components/Number/Number.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Container } from "./Number.styles.js";
 import SvgNumberOne from "../../static/images/numbers/number_one.svg.js";
 import SvgNumberTwo from "../../static/images/numbers/number_two.svg.js";

package/dist/components/PageTransition/PageTransition.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 { TransitionGroup, Transition } from "../../utils/transition.js";
 const timeout = 300;
 const getTransitionStyles = {

package/dist/components/Pagination/Pagination.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
 import { usePagination, DOTS } from "./usePagination.js";
 import { StyledList } from "./Pagination.styles.js";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Icon, iconsMap } from "../Icon/Icon.style.js";
 const Pagination = (props) => {
   const { onPageChange, totalCount, siblingCount = 1, currentPage, pageSize = 10 } = props;

package/dist/components/Pagination/PaginationControls.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 { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import stdin_default$1 from "./Pagination.js";
 import { Card, CardTitle } from "../Card/Card.styles.js";

package/dist/components/Payment/PaymentDisplay.js

@@ -4,8 +4,8 @@ import styled from "styled-components";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import { Text } from "../Text/Text.styles.js";
 import { colors } from "../../styles/colors.js";
-import { l as libExports } from "../../_virtual/index.js";
-import { r as reactTippyExports } from "../../_virtual/react-tippy.js";
+import { CopyToClipboard } from "react-copy-to-clipboard";
+import { Tooltip } from "react-tippy";
 import { CopyToClipboardButton } from "../CryptoAddress/CryptoAddress.styles.js";
 import stdin_default from "../QRCode/QRCode.js";
 import { SectionTitle } from "../SectionTitle/SectionTitle.styles.js";
@@ -96,7 +96,7 @@ const CopyToClipBoardTooltip = ({ value, buttonStyle, onCopy }) => {
     if (onCopy) onCopy(value);
   };
   return /* @__PURE__ */ jsx(
-    reactTippyExports.Tooltip,
+    Tooltip,
     {
       position: "top",
       title: copied ? "Copied to clipboard!" : "Click to copy to clipboard",
@@ -105,7 +105,7 @@ const CopyToClipBoardTooltip = ({ value, buttonStyle, onCopy }) => {
       hideOnClick: false,
       onHidden: () => setCopied(false),
       duration: 200,
-      children: /* @__PURE__ */ jsx(libExports.CopyToClipboard, { text: value, onCopy: handleCopy, children: /* @__PURE__ */ jsx(CopyToClipboardButton, { style: buttonStyle }) })
+      children: /* @__PURE__ */ jsx(CopyToClipboard, { text: value, onCopy: handleCopy, children: /* @__PURE__ */ jsx(CopyToClipboardButton, { style: buttonStyle }) })
     }
   );
 };

package/dist/components/Payment/TimerComponent.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { memo } from "react";
 import { useTimer } from "../../hooks/useTimer.js";
+import { format } from "date-fns-tz";
 import styled from "styled-components";
 import { colors } from "../../styles/colors.js";
 import { Text } from "../Text/Text.styles.js";
 import { Icon, iconsMap } from "../Icon/Icon.style.js";
 import { FlexContainer } from "../Grid/Grid.styles.js";
 import rwd from "../../styles/rwd.js";
-import { format } from "../../node_modules/date-fns-tz/dist/esm/format/index.js";
 const TimerBlock = styled.div.withConfig({
   shouldForwardProp: (props) => !["maxWidth", "red"].includes(props)
 })`

package/dist/components/ProfileBadge/ProfileBadge.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
 import styled from "styled-components";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import earlyadopter from "../../static/images/early-adopter.png.js";
 import graduation from "../../static/images/graduation.png.js";
 import { Wrapper, Title } from "./ProfileBadge.styles.js";

package/dist/components/ProfileBox/ProfileBox.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 stdin_default from "../Background/Background.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import { Container, ImageWrapper, EditButton, Name, EditIcon } from "./ProfileBox.styles.js";

package/dist/components/ProfileStat/ProfileStat.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 { Wrapper, Label, Value, Equal } from "./ProfileStat.styles.js";
 const lineBreaker = {
   wordBreak: "break-all"

package/dist/components/QRCode/QRCode.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
-import { QRCodeSVG } from "../../node_modules/qrcode.react/lib/esm/index.js";
+import PropTypes from "prop-types";
+import { QRCodeSVG } from "qrcode.react";
 import styled from "styled-components";
 const QRCodeWrapper = styled.div.withConfig({
   shouldForwardProp: (props) => !["padding", "backgroundColor", "withShadow"].includes(props)

package/dist/components/Radio/Radio.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 { Wrapper, Label, Input } from "./Radio.styles.js";
 const Radio = ({
   id,

package/dist/components/RefreshButton/RefreshButton.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 stdin_default$1 from "../SvgIcons/RefreshSvg.js";
 import { StyledButton, IconWrap, Content } from "./RefreshButton.styles.js";
 const RefreshButton = (props) => {

package/dist/components/RegisterConfirmModal/RegisterConfirmModal.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 styled from "styled-components";
 import { RED_BASE_HEX } from "../../constants/style.js";
 import { Modal } from "../Modal/Modal.js";

package/dist/components/RegisterModal/RegisterModal.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import parse from "../../node_modules/html-react-parser/esm/index.js";
+import parse from "html-react-parser";
 import { styled } from "styled-components";
-import { Formik } from "../../node_modules/formik/dist/formik.esm.js";
-import { object as create$3, bool as create$7, 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";
@@ -77,15 +77,15 @@ const RegisterModal = (props) => {
       });
     }
   }, [props.popupError]);
-  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().test("password-full", function(val) {
+  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().test("password-full", function(val) {
       if (!val) return this.createError({ message: "Oops, this can’t be blank" });
       if (!isPasswordValid(val)) return this.createError({ message: PASSWORD_REQUIREMENTS_MESSAGE });
       return true;
     }),
-    terms: create$7().oneOf([true], "Please agree to continue"),
-    newsletter: create$7()
+    terms: Yup.bool().oneOf([true], "Please agree to continue"),
+    newsletter: Yup.bool()
     // .oneOf([true], 'Newsletter accept is required'),
   });
   const { isModalOpen, onModalClose, onFormSend, onModalSwitch, onTermsClicked, popupError, isActionLoading } = props;

package/dist/components/RequestDataBox/RequestDataBox.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 { Box, Title, Subtitle } from "./RequestDataBox.styles.js";
 const RequestDataBox = ({ title, subtitle, onClick = () => {

package/dist/components/ResetConfirmModal/ResetConfirmModal.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 styled from "styled-components";
 import { RED_BASE_HEX } from "../../constants/style.js";
 import { Modal } from "../Modal/Modal.js";

package/dist/components/ResetPasswordModal/ResetPasswordModal.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } 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";
@@ -26,13 +26,13 @@ const ResetPasswordModal = ({
     password: "",
     confirmPassword: ""
   };
-  const validationSchema = create$3().shape({
-    password: create$6().test("password-full", function(val) {
+  const validationSchema = Yup.object().shape({
+    password: Yup.string().test("password-full", function(val) {
       if (!val) return this.createError({ message: "Oops, this can’t be blank" });
       if (!isPasswordValid(val)) return this.createError({ message: PASSWORD_REQUIREMENTS_MESSAGE });
       return true;
     }),
-    confirmPassword: create$6().required("Oops, this can‘t be blank")
+    confirmPassword: Yup.string().required("Oops, this can‘t be blank")
   });
   useEffect(() => {
     onLoad?.();

package/dist/components/SEO/SEO.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
-import { Helmet as HelmetExport } from "../../node_modules/react-helmet/es/Helmet.js";
+import PropTypes from "prop-types";
+import Helmet from "react-helmet";
 function SEO({ description = "", lang = "en", meta = [], keywords = [], title, author = "" }) {
   return /* @__PURE__ */ jsx(
-    HelmetExport,
+    Helmet,
     {
       htmlAttributes: {
         lang

package/dist/components/Slider/Slider.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
-import Slick from "../../_virtual/index7.js";
-/* empty css                                                */
-/* empty css                                                      */
+import PropTypes from "prop-types";
+import Slick from "react-slick";
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
 import { WrapperSlider } from "./Slider.styles.js";
 const Slider = ({ children, autoplay = 0, dots = false, arrows = false, infinite = true, rtl = false }) => {
   const settings = {

package/dist/components/SmartLink/SmartLink.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Link } from "react-router-dom";
 const isExternalUrl = (to) => {
   if (typeof to !== "string" || to === "") return false;

package/dist/components/Snackbar/Snackbar.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { createPortal } from "react-dom";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { SnackbarContainer, SnackbarWrapper, IconWrapper, Message, CloseButton } from "./Snackbar.styles.js";
 import SvgCrossIcon from "../../static/images/cross-icon.svg.js";
 import SvgWarningFilled from "../../static/images/warning-filled.svg.js";

package/dist/components/Snackbar/SnackbarProvider.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createContext, useState, useCallback, useMemo } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Snackbar } from "./Snackbar.js";
 const SnackbarContext = createContext(null);
 let snackbarId = 0;

package/dist/components/StepController/StepController.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Transition } from "../../utils/transition.js";
 import React__default, { PureComponent, Fragment } from "react";
 import stdin_default$1 from "./StepControllerProgress.js";

package/dist/components/StepController/StepControllerContext.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { Component } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 const StepControllerContext = React__default.createContext();
 class StepControllerProvider extends Component {
   constructor(props) {

package/dist/components/StepController/StepControllerProgress.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Container, Wrap, Items, Item } from "../StepsProgress/StepsProgress.styles.js";
 const StepControllerProgress = ({
   touchedStepsIndexes,

package/dist/components/StepsProgress/StepIndicator.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 { StepIndicatorContainer, StepItem, StepCircle, StepLabel, StepConnector } from "./StepIndicator.styles.js";
 import SvgCheckIcon from "../../static/images/check-icon.svg.js";
 const StepIndicator = ({ steps, currentStep, onStepClick = null, showLabels = true, marginBottom = "32px" }) => {

package/dist/components/Switch/Switch.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 { Container, Value, Indicator } from "./Switch.styles.js";
 const Switch = (props) => {
   const {

package/dist/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { TransitionGroup, Transition } from "../../utils/transition.js";
 import { StyledTabs } from "./Tabs.styles.js";
 import { Tab } from "./Tabs.styles.js";

package/dist/components/TabsNav/TabNav.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { StyledTab, LinkText } from "./TabsNav.styles.js";
 const TabNav = ({ children, isActive = false, onClick = () => {
 }, customStyles, ...props }) => /* @__PURE__ */ jsx(StyledTab, { onClick, isActive, customStyles, ...props, children: /* @__PURE__ */ jsx(LinkText, { children }) });

package/dist/components/TabsNav/TabsNav.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { StyledTabs, Scroll, TabsWrapper } from "./TabsNav.styles.js";
 import { LinkText, StyledTab } from "./TabsNav.styles.js";
 const TabsNav = ({ children, activeTab = 0, noBorderBottom, noWrapperPadding }) => /* @__PURE__ */ jsx(StyledTabs, { noBorderBottom, children: /* @__PURE__ */ jsx(Scroll, { children: /* @__PURE__ */ jsx(TabsWrapper, { noWrapperPadding, children: React__default.Children.map(children, (child) => {

package/dist/components/TaxResidenceCard/TaxResidenceCard.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo, useCallback } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Input } from "../Input/Input.js";
 import { Checkbox } from "../Checkbox/Checkbox.js";
 import SvgTrash from "../../static/images/trash.svg.js";

package/dist/components/TaxResidenceCard/TaxResidenceCard.styles.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import { l as libExports } from "../../_virtual/index4.js";
+import { Collapse } from "react-collapse";
 import theme from "../../styles/theme.js";
 const CardWrapper = styled.div.withConfig({
   shouldForwardProp: (prop) => !["isOpen"].includes(prop)
@@ -142,7 +142,7 @@ const ChevronIcon = styled.i.withConfig({
       transform: rotate(180deg);
     `}
 `;
-const CardBodyCollapse = styled(libExports.Collapse)`
+const CardBodyCollapse = styled(Collapse)`
   border-top: 1px solid ${theme.cLightGrey};
 `;
 const CardBody = styled.div`

package/dist/components/TeamOverview/TeamOverview.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 stdin_default from "../SvgIcons/AdminBadgeSvg.js";
 import { Container, ImageWrapper, Avatar, ContentWrapper, ContentGroup, SmallHeader, Name, PersonPosition, PersonEmail, ProjectStats, ProjectStat, StatLabel, StatValue } from "./TeamOverview.styles.js";
 import avatarPlaceholder from "../../static/images/avatar-placeholder.png.js";

package/dist/components/TermsModal/TermsModal.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { Formik } from "../../node_modules/formik/dist/formik.esm.js";
-import { object as create$3, bool as create$7 } from "../../node_modules/yup/index.esm.js";
-import parse from "../../node_modules/html-react-parser/esm/index.js";
+import { Formik } from "formik";
+import * as Yup from "yup";
+import parse from "html-react-parser";
 import stdin_default$1 from "../ComponentScroll/ComponentScroll.js";
 import { Modal } from "../Modal/Modal.js";
 import { Row, Column } from "../Grid/Grid.styles.js";
@@ -116,8 +116,8 @@ const StyledPrivacyText = styled.div.withConfig({
 `;
 class TermsModal extends React__default.Component {
   // state = { popupOpen: false }
-  validationSchema = create$3().shape({
-    termsAccepted: create$7().test("termsAccepted", "Agreement is required", (value) => value === true).required("Agreement is required")
+  validationSchema = Yup.object().shape({
+    termsAccepted: Yup.bool().test("termsAccepted", "Agreement is required", (value) => value === true).required("Agreement is required")
   });
   // handlePopup = (isOpen, values) => {
   //   const buttonDisabled = !values.termsAccepted

package/dist/components/Timeline/TimelineStep.js

@@ -5,7 +5,7 @@ import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { TimelineStepWrapper, IconContainer, StepIcon, ConnectingLine, StepContent, StepDate, StepHeader, StepTitle, StepCaption } from "./Timeline.styles.js";
 import SvgCrossIcon from "../../static/images/cross-icon.svg.js";
 import SvgCheckIcon from "../../static/images/check-icon.svg.js";
-import { format } from "../../node_modules/date-fns/format.js";
+import { format } from "date-fns";
 const TimelineStep = ({
   state = "inactive",
   date,

package/dist/components/ToDoList/ToDoList.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { iconsMap, TooltipIcon } from "../Icon/Icon.style.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import { Container, TitleContainer, PendingCounter, Title, Subtitle } from "./ToDoList.styles.js";
 import stdin_default from "./ToDoListTask.js";
 import { Icon } from "./ToDoListTask.styles.js";
-import { r as reactTippyExports } from "../../_virtual/react-tippy.js";
+import { Tooltip } from "react-tippy";
 const ToDoTaskState = {
   REJECTED: "rejected",
   DENIED: "rejected",
@@ -96,7 +96,7 @@ const ToDoList = ({
         ),
         /* @__PURE__ */ jsx(Subtitle, { children: "Register Wallets" }),
         /* @__PURE__ */ jsx(
-          reactTippyExports.Tooltip,
+          Tooltip,
           {
             position: "right",
             title: "Before you invest you must have registered the wallet that can hold your purchased securities. Click below and register it to proceed with your investment.",

package/dist/components/ToDoList/ToDoListTask.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import PropTypes from "../../_virtual/index2.js";
-import { r as reactTippyExports } from "../../_virtual/react-tippy.js";
+import PropTypes from "prop-types";
+import { Tooltip } from "react-tippy";
 import { Container, IconContainer, Icon, Content, TitleContainer, Title, State } from "./ToDoListTask.styles.js";
 import { TooltipIcon } from "../Icon/Icon.style.js";
 import setRedirectCookie from "../../utils/set-redirect-cookie.js";
@@ -42,7 +42,7 @@ const ToDoTask = ({
           /* @__PURE__ */ jsxs(Content, { children: [
             /* @__PURE__ */ jsxs(TitleContainer, { children: [
               /* @__PURE__ */ jsx(Title, { link: link || openModal, state, children: title }),
-              tooltip && /* @__PURE__ */ jsx(reactTippyExports.Tooltip, { position: "right", title: tooltip, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(TooltipIcon, { onClick: (e) => e.preventDefault() }) })
+              tooltip && /* @__PURE__ */ jsx(Tooltip, { position: "right", title: tooltip, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(TooltipIcon, { onClick: (e) => e.preventDefault() }) })
             ] }),
             message ? /* @__PURE__ */ jsx(State, { children: message }) : ""
           ] })
@@ -53,7 +53,7 @@ const ToDoTask = ({
       /* @__PURE__ */ jsxs(Content, { children: [
         /* @__PURE__ */ jsxs(TitleContainer, { children: [
           /* @__PURE__ */ jsx(Title, { state, children: title }),
-          tooltip && /* @__PURE__ */ jsx(reactTippyExports.Tooltip, { position: "right", title: tooltip, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(TooltipIcon, { onClick: (e) => e.preventDefault() }) })
+          tooltip && /* @__PURE__ */ jsx(Tooltip, { position: "right", title: tooltip, theme: "light", arrow: true, duration: 200, children: /* @__PURE__ */ jsx(TooltipIcon, { onClick: (e) => e.preventDefault() }) })
         ] }),
         message ? /* @__PURE__ */ jsx(State, { children: message }) : ""
       ] })

package/dist/components/TransactionDetails/TransactionDetails.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import stdin_default from "../BasicTable/BasicTable.js";
 import { Container, Toggle, DetailsCollapse } from "./TransactionDetails.styles.js";
 const TransactionDetails = (props) => {

package/dist/components/TransactionDetails/TransactionDetails.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 Container = styled.div`
   display: block;
@@ -19,7 +19,7 @@ const Toggle = styled.button`
     color: ${() => theme.cPrimary};
   }
 `;
-const DetailsCollapse = styled(libExports.Collapse).withConfig({
+const DetailsCollapse = styled(Collapse).withConfig({
   shouldForwardProp: (props) => !["isOpened"].includes(props)
 })`
   opacity: 0;

package/dist/components/TransactionInfo/TransactionInfo.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, Account, Name, Value, TransferIcon } from "./TransactionInfo.styles.js";
 const TransactionInfo = ({
   value1 = "",

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -1,14 +1,14 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Modal } from "../Modal/Modal.js";
 import { Text } from "../Text/Text.styles.js";
 import { Row, Column } from "../Grid/Grid.styles.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import { FormField, FormError } from "../Form/Form.styles.js";
 import { Button } from "../Button/Button.styles.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 { Formik } from "formik";
+import * as Yup from "yup";
 import stdin_default$2 from "../Form/Form.js";
 import { Input } from "../Input/Input.js";
 import { useCooldown } from "../../utils/customHooks.js";
@@ -37,8 +37,8 @@ const RenderErrorModal = (props) => {
       onResend({ email: error.email });
     }
   }, [error]);
-  const validationSchema = create$3().shape({
-    email: create$6().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank")
+  const validationSchema = Yup.object().shape({
+    email: Yup.string().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank")
   });
   return /* @__PURE__ */ jsxs(Row, { children: [
     /* @__PURE__ */ jsxs(Column, { part: 8, children: [