
/**
 *   VERSION: 2.239.0-alpha.0
 *   BUILD_TIMESTAMP: 1780012993002
 *   BUILD_DATE: Fri May 29 2026 00:03:13 GMT+0000 (Coordinated Universal Time)
 *   BUILD_COMMIT: 3344b6c0fd9fa858907db310cfb1ef5e0d224da2
 */
import { k as m, j as e, P as u, m as x, u as f, F as o, V as I, b as j, n as E } from "../sheerid.js";
import { E as M, P as h } from "./PersonalInfoStepSubmitButton-BNyfPfz1.js";
const C = ({ verificationService: t }) => {
  const n = t.viewModel, { fieldValidationErrors: a } = t, l = t.verificationResponse, d = m(l), i = (s, r) => {
    const p = E(
      n,
      (c) => {
        c[s] = r;
      }
    );
    t.updateViewModel(p);
  };
  return /* @__PURE__ */ e.jsxs(
    "div",
    {
      id: "sid-step-collect-transaction-id",
      className: "sid-step-collect-transaction-id-container sid-l-container",
      children: [
        /* @__PURE__ */ e.jsxs("div", { role: "main", children: [
          /* @__PURE__ */ e.jsx(
            u,
            {
              verificationService: t,
              classNameIdentifier: "step-collect-transaction-id"
            }
          ),
          /* @__PURE__ */ e.jsx(
            M,
            {
              value: n.email,
              isErrored: !!a.email,
              explanation: /* @__PURE__ */ e.jsx(
                o,
                {
                  id: "step.collectIdentifier.inputExplanation",
                  defaultMessage: "Needed to send authentication code"
                }
              ),
              onChange: (s) => {
                i("email", s), f("email", s, t);
              },
              onKeyDown: (s) => x(s)
            }
          ),
          /* @__PURE__ */ e.jsx(
            h,
            {
              step: I.collectIdentifier,
              verificationService: t,
              viewModel: n,
              failedInstantMatch: d,
              buttonText: /* @__PURE__ */ e.jsx(
                o,
                {
                  id: "step.personalInfo.submitButtonText",
                  defaultMessage: "Verify and continue"
                }
              )
            }
          )
        ] }),
        /* @__PURE__ */ e.jsx(j, { verificationService: t })
      ]
    }
  );
}, w = C;
export {
  w as default
};
