@sheerid/jslib-nightly/lib/EmailLoopPending-CDvXBLwm.js

SheerID JavaScript Library

/**
 *   VERSION: 2.113.0-alpha.0
 *   BUILD_TIMESTAMP: 1750184680813
 *   BUILD_DATE: Tue Jun 17 2025 18:24:40 GMT+0000 (Coordinated Universal Time)
 *   BUILD_COMMIT: 896154e79f58fffa6d52f3ed37f2db760a63df88
 */
import { i as _, H as C, J as w, j as e, r as y, A as V, l as g, V as f, q as A, K as T } from "./es6-B9qAIX4x.js";
import n from "react";
import { injectIntl as v, FormattedHTMLMessage as a } from "react-intl";
const P = 1e4, H = ({ intl: o, verificationService: s }) => {
  const t = s.verificationResponse, { programId: h } = s, { verificationId: d } = t, { canResendEmailLoop: x } = t, L = t.cancelUrl, i = s.viewModel, m = s.previousViewModel || void 0, b = s.previousVerificationResponse || void 0, [r, c] = n.useState(""), p = _(() => m.email), M = () => {
    g.info("StepEmailLoopComponent submitting form"), s.submitStep(
      f.emailLoop,
      i,
      s.verificationResponse
    );
  };
  n.useEffect(() => {
    C(s);
  }, []), n.useEffect(() => {
    i.emailToken && M();
  }, [i.emailToken]), w(() => {
    s.fetchExistingVerificationRequest(
      h,
      d,
      b,
      m,
      !1
    );
  }, P);
  const j = async (l) => {
    const u = await T.getResendNewEmailCode(l);
    if (u) {
      const k = {
        id: "step.emailLoop.successResend",
        defaultMessage: "Email re-sent successfully."
      }, R = {
        id: "step.emailLoop.errors.resend",
        defaultMessage: "Error sending email"
      }, N = u.status === 204 ? o.formatHTMLMessage(k) : o.formatHTMLMessage(R);
      c(N);
    } else
      c(
        o.formatHTMLMessage({
          id: "step.emailLoop.errors.resend",
          defaultMessage: "Error sending email"
        })
      );
  }, E = async () => {
    g.info("StepEmailLoopComponent submitting form after skipping email loop");
    const l = A(i, () => {
    });
    s.submitStep(
      f.cancelEmailLoop,
      l,
      s.verificationResponse
    );
  };
  return /* @__PURE__ */ e.jsxs("div", { className: "sid-header sid-l-horz-center", children: [
    /* @__PURE__ */ e.jsx("div", { className: "sid-email-loop-logo-container sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
      y,
      {
        verificationService: s,
        fallbackLogo: /* @__PURE__ */ e.jsx(
          "img",
          {
            className: "sid-email-loop-logo sid-l-lead-image",
            alt: "",
            src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg"
          }
        )
      }
    ) }),
    /* @__PURE__ */ e.jsx(V, { align: "center", children: /* @__PURE__ */ e.jsx(
      a,
      {
        id: "step.emailLoop.title",
        defaultMessage: "Check your email",
        tagName: "h1"
      }
    ) }),
    /* @__PURE__ */ e.jsx("div", { className: "sid-header__subtitle", children: p ? /* @__PURE__ */ e.jsx(
      a,
      {
        id: "step.emailLoop.subtitleWithEmail",
        defaultMessage: "An email has been sent to {email} with a personalized link to complete the verification process.",
        values: { email: p }
      }
    ) : /* @__PURE__ */ e.jsx(
      a,
      {
        id: "step.emailLoop.subtitleWithoutEmail",
        defaultMessage: "An email has been sent to your email account with a personalized link to complete the verification process."
      }
    ) }),
    /* @__PURE__ */ e.jsx("div", { className: "sid-l-space-top-md" }),
    /* @__PURE__ */ e.jsx("div", { className: "sid-header__subtitle-two sid-l-space-top-md", children: /* @__PURE__ */ e.jsx(
      a,
      {
        id: "step.emailLoop.subtitle2",
        defaultMessage: "Please check for an email from us (verify@sheerid.com) for all the details."
      }
    ) }),
    L && /* @__PURE__ */ e.jsxs("div", { className: "sid-skip-email sid-l-space-top-lg", children: [
      /* @__PURE__ */ e.jsx(
        a,
        {
          id: "step.emailLoop.skipEmail",
          defaultMessage: "Unable to retrieve this email? Click "
        }
      ),
      " ",
      /* @__PURE__ */ e.jsx(
        "button",
        {
          type: "button",
          onClick: () => E(),
          className: "sid-incorrect-number__refresh-link sid-h-btn-link-like",
          children: /* @__PURE__ */ e.jsx(a, { id: "step.emailLoop.skipEmailCTA", defaultMessage: "here" })
        }
      ),
      " ",
      /* @__PURE__ */ e.jsx(a, { id: "step.emailLoop.skipEmail2", defaultMessage: " to proceed." })
    ] }),
    x && /* @__PURE__ */ e.jsx("div", { className: "sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
      "button",
      {
        id: "sid-resend-email",
        onClick: () => j(d),
        type: "submit",
        className: "sid-btn sid-btn--light sid-resend-email-btn sid-submit__cancel",
        "aria-label": "re-send",
        children: /* @__PURE__ */ e.jsx(a, { id: "step.emailLoop.resendButton", defaultMessage: "Re-send" })
      }
    ) }),
    r && /* @__PURE__ */ e.jsx("div", { className: "sid-resent-email-loop-email-message", children: /* @__PURE__ */ e.jsx("p", { children: r }) }),
    /* @__PURE__ */ e.jsx("div", { className: "sid-l-space-top-xl" })
  ] });
}, F = v(H);
export {
  H as EmailLoopPending,
  F as EmailLoopPendingComponent,
  F as default
};