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

package/dist/components/LoginModal/LoginModal.js

@@ -1,165 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React__default from "react";
-import PropTypes from "prop-types";
-import { useLocation } from "react-router-dom";
-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";
-import { Input } from "../Input/Input.js";
-import stdin_default$2 from "../Input/InputPassword.js";
-import stdin_default$3 from "../Button/Button.styles.js";
-import { TextLink } from "../TextLink/TextLink.styles.js";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-import { emailRegex } from "../../constants/globalVariables.js";
-import { ModalInner, ModalLinkWrap, ModalLink } from "../Modal/Modal.styles.js";
-import { FormField, FormError } from "../Form/Form.styles.js";
-const LoginModal = (props) => {
-  const [email, setEmail] = React__default.useState();
-  const location = useLocation();
-  React__default.useEffect(() => {
-    const { search } = location;
-    const query = new URLSearchParams(search);
-    const _email = query.get("email");
-    if (_email) {
-      setEmail(_email);
-    }
-  }, [location]);
-  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,
-    isModalOpen,
-    onModalClose,
-    onFormSend,
-    onModalSwitch,
-    onForgotPassword,
-    isActionLoading,
-    background
-  } = props;
-  return /* @__PURE__ */ jsx(Modal, { isOpen: isModalOpen, onClose: onModalClose, background, children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx("h3", { children: "Log in" }),
-        /* @__PURE__ */ jsx("p", { children: "Access your account and manage your investments." })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true, children: /* @__PURE__ */ jsxs(ModalLinkWrap, { children: [
-        "Don't have an account? ",
-        /* @__PURE__ */ jsx(
-          ModalLink,
-          {
-            type: "button",
-            to: "#",
-            as: "button",
-            "data-cy": "login-modal-switch-to-signup",
-            onClick: onModalSwitch,
-            children: "Sign up"
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsx(ModalInner, { children: /* @__PURE__ */ jsx(
-      Formik,
-      {
-        initialValues: { email: email || "", password: "" },
-        validateOnChange: true,
-        validateOnBlur: true,
-        validationSchema,
-        onSubmit: (values) => {
-          onFormSend(values);
-        },
-        children: ({ values, errors, touched, handleChange, handleBlur }) => {
-          const submitDisabled = !values.email || !values.password || !!errors.email || !!errors.password || isActionLoading === "login";
-          return /* @__PURE__ */ jsxs(stdin_default$1, { children: [
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: "sign-up-email",
-                  name: "email",
-                  type: "email",
-                  label: "Your email",
-                  value: values.email,
-                  onChange: handleChange,
-                  onBlur: handleBlur,
-                  error: !!errors.email,
-                  touched: !!touched.email,
-                  autoComplete: "email",
-                  autoFocus: true,
-                  "data-cy": "login-modal-email-input"
-                }
-              ),
-              /* @__PURE__ */ jsx(FormError, { show: errors.email && touched.email, children: errors.email })
-            ] }) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
-              /* @__PURE__ */ jsx(
-                stdin_default$2,
-                {
-                  id: "sign-up-password",
-                  name: "password",
-                  type: "password",
-                  label: "Password",
-                  value: values.password,
-                  onChange: handleChange,
-                  onBlur: handleBlur,
-                  error: !!errors.password,
-                  touched: !!touched.password,
-                  autoComplete: "current-password",
-                  "data-cy": "login-modal-password-input"
-                }
-              ),
-              /* @__PURE__ */ jsx(FormError, { show: errors.password && touched.password, children: errors.password })
-            ] }) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-              stdin_default$3,
-              {
-                type: "submit",
-                id: "login-submit-btn",
-                "data-cy": "login-modal-submit",
-                fluid: true,
-                disabled: submitDisabled,
-                children: isActionLoading === "login" ? "Logging in" : "Login"
-              }
-            ) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { paddingVeticalHalf: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: popupError.popup === "login", children: popupError.message }) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-              TextLink,
-              {
-                type: "button",
-                as: "button",
-                "data-cy": "login-modal-forgot-password",
-                onClick: (...args) => {
-                  values.password = "";
-                  onForgotPassword(...args);
-                },
-                children: "Forgot password?"
-              }
-            ) })
-          ] });
-        }
-      }
-    ) }) })
-  ] }) });
-};
-LoginModal.propTypes = {
-  isModalOpen: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired,
-  onFormSend: PropTypes.func.isRequired,
-  onModalSwitch: PropTypes.func.isRequired,
-  onForgotPassword: PropTypes.func.isRequired,
-  isActionLoading: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  popupError: PropTypes.shape({
-    popup: PropTypes.string,
-    message: PropTypes.string
-  }).isRequired,
-  background: PropTypes.string
-};
-var stdin_default = LoginModal;
-export {
-  LoginModal,
-  stdin_default as default
-};

package/dist/components/MainMenu/DynamicMainMenu.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import PropTypes from "prop-types";
-import { Collapse } from "react-collapse";
-import { StyledMainMenu, MainMenuContainer, MainMenuOptions, MainMenuOption } from "./MainMenu.styles.js";
-const DynamicMainMenu = (props) => {
-  const spanStyleForMenu = {
-    letterSpacing: "2px",
-    cursor: "pointer"
-  };
-  const { options = [], isMenuActive = false } = props;
-  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,
-      {
-        type: "button",
-        as: "button",
-        button: true,
-        onClick: item.onClick,
-        noBorder: true,
-        children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: item.name })
-      },
-      item.name + index.toString()
-    );
-  }) }) }) }) });
-};
-const optionsShape = PropTypes.shape({
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired
-});
-DynamicMainMenu.propTypes = {
-  isMenuActive: PropTypes.bool.isRequired,
-  options: PropTypes.arrayOf(optionsShape)
-};
-var stdin_default = DynamicMainMenu;
-export {
-  stdin_default as default
-};

package/dist/components/MainMenu/MainMenu.js

@@ -1,220 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { PureComponent } from "react";
-import PropTypes from "prop-types";
-import { Collapse } from "react-collapse";
-import { StyledMainMenu, MainMenuContainer, MainMenuOptions, MainMenuOption, ExpandArrow, Settings, SettingsOptions, SettingsOption } from "./MainMenu.styles.js";
-import stdin_default$1 from "../Button/Button.styles.js";
-import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
-import { getConfig } from "../../runtime-config.js";
-import { withRouter } from "../../utils/withRouter.js";
-import { hasLoggedInSession } from "../../utils/user-identity.js";
-import { navigateToHref } from "../../routing/navigate-app.js";
-class MainMenuClass extends PureComponent {
-  state = {
-    isSettingsActive: false,
-    isScrollDown: false,
-    lastScroll: 0,
-    overrideHeightNeeded: true
-  };
-  componentDidMount() {
-  }
-  componentWillUnmount() {
-  }
-  toggleSettings = () => {
-    this.setState((prevState) => ({
-      isSettingsActive: !prevState.isSettingsActive
-    }));
-  };
-  // onScroll = () => {
-  //   const { lastScroll, isScrollDown, overrideHeightNeeded } = this.state
-  //   const { scrollY } = window
-  //   const newScrollDown = scrollY > lastScroll
-  //   const newState = {
-  //     lastScroll: scrollY,
-  //   }
-  //   if (newScrollDown !== isScrollDown) {
-  //     newState.isScrollDown = newScrollDown
-  //   }
-  //   if (overrideHeightNeeded) {
-  //     newState.overrideHeightNeeded = false
-  //   }
-  //   this.setState(newState)
-  // }
-  setScrollUp = () => {
-    this.setState({
-      isScrollDown: false
-    });
-  };
-  checkActive = (url) => typeof window !== "undefined" ? window.location.href.split("/").indexOf(url) > 0 : false;
-  render() {
-    const { isSettingsActive, isScrollDown, overrideHeightNeeded } = this.state;
-    const {
-      isMenuActive,
-      user,
-      logoutUser,
-      admin: isAdmin = false,
-      platformUrlForUserMenu,
-      isVentureDashboard,
-      navigate
-    } = this.props;
-    const spanStyleForMenu = {
-      letterSpacing: "1.5px",
-      cursor: "pointer"
-    };
-    const isUserLogged = hasLoggedInSession(user);
-    return /* @__PURE__ */ jsxs(StyledMainMenu, { children: [
-      /* @__PURE__ */ jsx(IoniconsStyles, {}),
-      /* @__PURE__ */ jsx(Collapse, { isOpened: isMenuActive && isUserLogged, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(MainMenuContainer, { children: [
-        /* @__PURE__ */ jsxs(
-          Collapse,
-          {
-            isOpened: !isScrollDown || isVentureDashboard,
-            style: overrideHeightNeeded ? { height: "auto" } : {},
-            hasNestedCollapse: true,
-            children: [
-              /* @__PURE__ */ jsxs(MainMenuOptions, { children: [
-                !isVentureDashboard && /* @__PURE__ */ jsx(
-                  MainMenuOption,
-                  {
-                    as: "button",
-                    type: "button",
-                    button: true,
-                    nameOption: true,
-                    isVenture: isAdmin,
-                    isDashboard: true,
-                    onClick: () => {
-                      if (isAdmin) {
-                        navigateToHref(navigate, getConfig("adminUrl"));
-                      } else if (!platformUrlForUserMenu) {
-                        navigate("/overview");
-                      } else {
-                        navigateToHref(navigate, `${getConfig("dashboardUrl")}/overview`);
-                      }
-                    },
-                    children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Dashboard" })
-                  }
-                ),
-                isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard && /* @__PURE__ */ jsx(
-                  MainMenuOption,
-                  {
-                    as: "button",
-                    type: "button",
-                    button: true,
-                    onClick: () => {
-                      this.props.navigate("/settings");
-                    },
-                    children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Settings" })
-                  }
-                ) }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-                  MainMenuOption,
-                  {
-                    as: "button",
-                    type: "button",
-                    button: true,
-                    isOpened: isSettingsActive,
-                    onClick: this.toggleSettings,
-                    isSettings: true,
-                    children: [
-                      /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Settings" }),
-                      /* @__PURE__ */ jsx(ExpandArrow, { isOpened: isSettingsActive })
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(MainMenuOption, { children: /* @__PURE__ */ jsx(stdin_default$1, { negative: true, onClick: () => logoutUser(), children: "log out" }) })
-              ] }),
-              !isAdmin && /* @__PURE__ */ jsx(Settings, { children: /* @__PURE__ */ jsx(Collapse, { isOpened: isSettingsActive, children: /* @__PURE__ */ jsxs(SettingsOptions, { children: [
-                /* @__PURE__ */ jsx(
-                  SettingsOption,
-                  {
-                    isActive: this.checkActive("profile-and-privacy"),
-                    onClick: () => {
-                      window.location.replace(`${platformUrlForUserMenu}/settings/profile-and-privacy`);
-                    },
-                    children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Profile & Privacy" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  SettingsOption,
-                  {
-                    isActive: this.checkActive("liquid-address"),
-                    onClick: () => {
-                      window.location.replace(`${platformUrlForUserMenu}/settings/liquid-address`);
-                    },
-                    children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Liquid Addresses" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  SettingsOption,
-                  {
-                    isActive: this.checkActive("investment-eligibility"),
-                    onClick: () => {
-                      window.location.replace(`${platformUrlForUserMenu}/settings/investment-eligibility`);
-                    },
-                    children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Investment eligibility" })
-                  }
-                )
-              ] }) }) })
-            ]
-          }
-        ),
-        !isAdmin && /* @__PURE__ */ jsx(Collapse, { isOpened: isScrollDown, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(SettingsOptions, { children: [
-          /* @__PURE__ */ jsx(
-            SettingsOption,
-            {
-              scrollDown: true,
-              isActive: this.checkActive("profile-and-privacy"),
-              onClick: () => {
-                window.location.replace(`${platformUrlForUserMenu}/settings/profile-and-privacy`);
-              },
-              children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Profile & Privacy" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SettingsOption,
-            {
-              scrollDown: true,
-              isActive: this.checkActive("liquid-address"),
-              onClick: () => {
-                window.location.replace(`${platformUrlForUserMenu}/settings/liquid-address`);
-              },
-              children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Liquid Addresses" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SettingsOption,
-            {
-              scrollDown: true,
-              isActive: this.checkActive("investment-eligibility"),
-              onClick: () => {
-                window.location.replace(`${platformUrlForUserMenu}/settings/investment-eligibility`);
-              },
-              children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Investment eligiblity" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SettingsOption,
-            {
-              scrollDown: true,
-              onClick: () => {
-                this.setScrollUp();
-              },
-              children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "More" })
-            }
-          )
-        ] }) })
-      ] }) })
-    ] });
-  }
-}
-MainMenuClass.propTypes = {
-  isMenuActive: PropTypes.bool.isRequired,
-  admin: PropTypes.bool,
-  navigate: PropTypes.func
-};
-const MainMenu = withRouter(MainMenuClass);
-var stdin_default = MainMenu;
-export {
-  MainMenu,
-  MainMenuClass,
-  stdin_default as default
-};