
/**
 *   WARNING: This file is intended to be used within MySheerID.
 *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
 */ 
/**
 *   VERSION: 2.240.0-alpha.1
 *   BUILD_TIMESTAMP: 1780360182346
 *   BUILD_DATE: Tue Jun 02 2026 00:29:42 GMT+0000 (Coordinated Universal Time)
 *   BUILD_COMMIT: 758cedd37e00f49a728d704d9ed36884f0f12d79
 */
import { h as m, j as t, P as u, e as x, u as f, F as o, V as I, f as j, k as h } from "../_mysheerid-preview.js";
import { E, P as M } from "./PersonalInfoStepSubmitButton-BYxvA1Od.js";
const C = ({ verificationService: e }) => {
  const n = e.viewModel, { fieldValidationErrors: a } = e, l = e.verificationResponse, d = m(l), i = (s, r) => {
    const p = h(
      n,
      (c) => {
        c[s] = r;
      }
    );
    e.updateViewModel(p);
  };
  return /* @__PURE__ */ t.jsxs(
    "div",
    {
      id: "sid-step-collect-transaction-id",
      className: "sid-step-collect-transaction-id-container sid-l-container",
      children: [
        /* @__PURE__ */ t.jsxs("div", { role: "main", children: [
          /* @__PURE__ */ t.jsx(
            u,
            {
              verificationService: e,
              classNameIdentifier: "step-collect-transaction-id"
            }
          ),
          /* @__PURE__ */ t.jsx(
            E,
            {
              value: n.email,
              isErrored: !!a.email,
              explanation: /* @__PURE__ */ t.jsx(
                o,
                {
                  id: "step.collectIdentifier.inputExplanation",
                  defaultMessage: "Needed to send authentication code"
                }
              ),
              onChange: (s) => {
                i("email", s), f("email", s, e);
              },
              onKeyDown: (s) => x(s)
            }
          ),
          /* @__PURE__ */ t.jsx(
            M,
            {
              step: I.collectIdentifier,
              verificationService: e,
              viewModel: n,
              failedInstantMatch: d,
              buttonText: /* @__PURE__ */ t.jsx(
                o,
                {
                  id: "step.personalInfo.submitButtonText",
                  defaultMessage: "Verify and continue"
                }
              )
            }
          )
        ] }),
        /* @__PURE__ */ t.jsx(j, { verificationService: e })
      ]
    }
  );
}, w = C;
export {
  w as default
};
