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

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -1,122 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default from "react";
-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 stdin_default$3 from "../Button/Button.styles.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";
-import stdin_default$1 from "../2FA/Sucess2FA.js";
-import { emailRegex } from "../../constants/globalVariables.js";
-import { ModalInner } from "../Modal/Modal.styles.js";
-const renderSuccessModal = (continueUrl) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-  stdin_default$1,
-  {
-    continueButtonId: "verify-email-success-continue-btn",
-    continueButtonDataCy: "verify-email-success-continue",
-    onClick: () => {
-      window.open(continueUrl, "_self");
-    },
-    titleText: "Email verified",
-    textRight: "Your email address has been verified."
-  }
-) });
-const RenderErrorModal = (props) => {
-  const { error, isActionLoading, popupError, onResend } = props;
-  const { isDisabled, secondsRemaining, startCooldown } = useCooldown(60);
-  const userEmail = error && error.email;
-  React__default.useEffect(() => {
-    if (error?.email && !isDisabled) {
-      startCooldown();
-      onResend({ email: error.email });
-    }
-  }, [error]);
-  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: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx("h3", { children: "Oops..." }),
-        /* @__PURE__ */ jsx("p", { children: error?.message || "Something went wrong." })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsx(ModalInner, { children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      Formik,
-      {
-        initialValues: {
-          email: userEmail || ""
-        },
-        validationSchema,
-        validateOnBlur: true,
-        validateOnChange: true,
-        onSubmit: (values) => {
-          startCooldown();
-          onResend(values);
-        },
-        children: ({ values, errors, touched, handleBlur, handleChange }) => {
-          const submitDisabled = !values.email || !!errors.email || isDisabled || isActionLoading === "resend";
-          return /* @__PURE__ */ jsxs(stdin_default$2, { children: [
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: "verify-email",
-                  name: "email",
-                  type: "email",
-                  label: "Your email",
-                  value: values.email,
-                  onChange: handleChange,
-                  onBlur: handleBlur,
-                  error: !!errors.email,
-                  touched: !!touched.email,
-                  "data-cy": "verify-email-modal-email-input"
-                }
-              ),
-              /* @__PURE__ */ jsx(FormError, { show: errors.email && touched.email, children: errors.email })
-            ] }) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-              stdin_default$3,
-              {
-                type: "submit",
-                id: "verify-email-submit-btn",
-                "data-cy": "verify-email-modal-resend-submit",
-                disabled: submitDisabled,
-                children: isActionLoading === "resend" ? "Resending email" : "Resend email"
-              }
-            ) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { paddingVeticalHalf: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: popupError.popup === "resend", children: popupError.message }) }),
-            isDisabled && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: isDisabled, children: `You can try again in ${secondsRemaining} seconds` }) })
-          ] });
-        }
-      }
-    ) }) }) })
-  ] });
-};
-const VerifyEmailModal = ({ id, isModalOpen, onModalClose, continueUrl, isSuccess, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      isOpen: isModalOpen,
-      onClose: onModalClose,
-      id,
-      children: isSuccess ? renderSuccessModal(continueUrl) : RenderErrorModal(props)
-    }
-  );
-};
-VerifyEmailModal.propTypes = {
-  isModalOpen: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-var stdin_default = VerifyEmailModal;
-export {
-  VerifyEmailModal,
-  stdin_default as default
-};