@asteby/storefront-react 0.12.0 → 0.13.0

package/dist/account.cjs

@@ -0,0 +1,432 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/account/account-auth.tsx
+var ES = {
+  valueMissing: "Completa este campo.",
+  choiceMissing: "Elige una opci\xF3n.",
+  email: "Escribe un correo v\xE1lido, por ejemplo nombre@correo.com.",
+  tel: "Escribe un tel\xE9fono v\xE1lido.",
+  pattern: "Revisa el formato.",
+  tooShort: "Escribe al menos {n} caracteres.",
+  server: "Revisa este campo.",
+  summaryOne: "Revisa 1 campo para continuar",
+  summaryMany: "Revisa {n} campos para continuar",
+  optional: "(opcional)"
+};
+var EN = {
+  valueMissing: "Fill in this field.",
+  choiceMissing: "Choose an option.",
+  email: "Enter a valid email, like name@example.com.",
+  tel: "Enter a valid phone number.",
+  pattern: "Check the format.",
+  tooShort: "Enter at least {n} characters.",
+  server: "Check this field.",
+  summaryOne: "Check 1 field to continue",
+  summaryMany: "Check {n} fields to continue",
+  optional: "(optional)"
+};
+function fieldMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN : ES;
+  return overrides ? { ...base, ...overrides } : base;
+}
+var isControl = (el) => !!el && typeof el.tagName === "string" && ["INPUT", "SELECT", "TEXTAREA"].includes(el.tagName) && !!el.name;
+function validationMessage(el, m = ES) {
+  const v = el.validity;
+  if (!v || v.valid) return null;
+  const own = el.getAttribute("data-sf-error");
+  if (own) return own;
+  if (v.valueMissing) return el instanceof HTMLInputElement && (el.type === "radio" || el.type === "checkbox") ? m.choiceMissing : m.valueMissing;
+  if (v.typeMismatch && el instanceof HTMLInputElement) return el.type === "email" ? m.email : el.type === "tel" ? m.tel : m.pattern;
+  if (v.patternMismatch) return el.getAttribute("title") || (el instanceof HTMLInputElement && el.type === "tel" ? m.tel : m.pattern);
+  if (v.tooShort && el instanceof HTMLInputElement) return m.tooShort.replace("{n}", String(el.minLength));
+  return el.validationMessage || m.pattern;
+}
+function labelOf(el) {
+  if (el instanceof HTMLInputElement && el.type === "radio") {
+    const legend = el.closest("fieldset")?.querySelector("legend");
+    if (legend?.textContent) return legend.textContent.trim();
+  }
+  const text = el.labels?.[0]?.getAttribute("data-sf-label") ?? el.labels?.[0]?.textContent ?? el.getAttribute("aria-label") ?? el.name;
+  return text.trim();
+}
+function useFieldErrors(formRef, options = {}) {
+  const m = fieldMessages(options.locale, options.messages);
+  const live = react.useRef(m);
+  live.current = m;
+  const server = [...options.serverFields ?? []];
+  const serverKey = server.join("|");
+  const [errors, setErrors] = react.useState(() => Object.fromEntries(server.map((n) => [n, options.serverMessages?.[n] ?? m.server])));
+  const [summary, setSummary] = react.useState(null);
+  const [summaryKey, setSummaryKey] = react.useState(0);
+  react.useEffect(() => {
+    if (!server.length) return;
+    const form = formRef.current;
+    const items = [];
+    const next = {};
+    for (const name of server) {
+      const msg = options.serverMessages?.[name] ?? live.current.server;
+      next[name] = msg;
+      const el = form?.elements.namedItem(name);
+      const ctl = el && "length" in el && !(el instanceof HTMLSelectElement) ? el[0] : el;
+      if (ctl) items.push({ name, id: ctl.id || name, label: labelOf(ctl), message: msg });
+    }
+    setErrors((e) => ({ ...e, ...next }));
+    if (items.length) {
+      setSummary(items);
+      setSummaryKey((k) => k + 1);
+    }
+  }, [serverKey]);
+  react.useEffect(() => {
+    const form = formRef.current;
+    if (!form) return;
+    let batch = null;
+    const set = (name, msg) => setErrors((e) => {
+      if (msg === null) {
+        if (!(name in e)) return e;
+        const { [name]: _gone, ...rest } = e;
+        return rest;
+      }
+      return e[name] === msg ? e : { ...e, [name]: msg };
+    });
+    const onBlur = (ev) => {
+      const el = ev.target;
+      if (!isControl(el) || el instanceof HTMLInputElement && (el.type === "radio" || el.type === "checkbox" || el.type === "hidden")) return;
+      if (!el.value) return;
+      set(el.name, validationMessage(el, live.current));
+    };
+    const onInput = (ev) => {
+      const el = ev.target;
+      if (!isControl(el)) return;
+      setErrors((e) => {
+        if (!(el.name in e)) return e;
+        const msg = el.validity.valid ? null : validationMessage(el, live.current);
+        if (msg !== null) return e;
+        const { [el.name]: _gone, ...rest } = e;
+        return rest;
+      });
+    };
+    const onInvalid = (ev) => {
+      const el = ev.target;
+      if (!isControl(el)) return;
+      ev.preventDefault();
+      if (!batch) {
+        batch = [];
+        queueMicrotask(() => {
+          const list = batch ?? [];
+          batch = null;
+          const seen = /* @__PURE__ */ new Set();
+          const items = [];
+          const next = {};
+          for (const c of list) {
+            if (seen.has(c.name)) continue;
+            seen.add(c.name);
+            const msg = validationMessage(c, live.current) ?? live.current.valueMissing;
+            next[c.name] = msg;
+            items.push({ name: c.name, id: c.id || c.name, label: labelOf(c), message: msg });
+          }
+          setErrors((e) => ({ ...e, ...next }));
+          setSummary(items);
+          setSummaryKey((k) => k + 1);
+        });
+      }
+      batch.push(el);
+    };
+    form.addEventListener("focusout", onBlur);
+    form.addEventListener("input", onInput);
+    form.addEventListener("change", onInput);
+    form.addEventListener("invalid", onInvalid, true);
+    return () => {
+      form.removeEventListener("focusout", onBlur);
+      form.removeEventListener("input", onInput);
+      form.removeEventListener("change", onInput);
+      form.removeEventListener("invalid", onInvalid, true);
+    };
+  }, [formRef]);
+  const shown = summary ? summary.filter((s) => s.name in errors).map((s) => ({ ...s, message: errors[s.name] })) : null;
+  return {
+    errors,
+    summary: shown && shown.length ? shown : null,
+    summaryKey,
+    clear: () => {
+      setErrors({});
+      setSummary(null);
+    }
+  };
+}
+function ErrorSummary({ items, focusKey, locale, messages, title, className, classNames: cx = {} }) {
+  const ref = react.useRef(null);
+  const m = fieldMessages(locale, messages);
+  const has = !!items && items.length > 0;
+  react.useEffect(() => {
+    if (has) ref.current?.focus();
+  }, [focusKey]);
+  if (!has) return null;
+  const n = items.length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, role: "alert", tabIndex: -1, className, "data-sf-error-summary": true, "aria-labelledby": "sf-error-summary-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { id: "sf-error-summary-title", className: cx.title, "data-sf-error-summary-title": true, children: title ?? (n === 1 ? m.summaryOne : m.summaryMany.replace("{n}", String(n))) }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: `#${it.id}`,
+        className: cx.link,
+        onClick: (e) => {
+          const el = document.getElementById(it.id);
+          if (!el) return;
+          e.preventDefault();
+          el.focus();
+          el.scrollIntoView?.({ block: "center" });
+        },
+        children: [
+          it.label,
+          ": ",
+          it.message
+        ]
+      }
+    ) }, it.name)) })
+  ] });
+}
+function CheckoutField(props) {
+  const { name, label, id = name, error, hint, optional = false, classNames: cx = {}, locale, messages, ...rest } = props;
+  const m = fieldMessages(locale, messages);
+  const hintId = hint ? `${id}-hint` : void 0;
+  const errorId = `${id}-error`;
+  const describedBy = [hintId, error ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+  const common = {
+    id,
+    name,
+    required: !optional,
+    "aria-invalid": error ? true : void 0,
+    "aria-describedby": describedBy,
+    className: cx.input,
+    "data-sf-field-control": ""
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-field": true, "data-invalid": error ? "" : void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: cx.label, "data-sf-label": label, children: [
+      label,
+      optional ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.optional, "data-sf-field-optional": true, children: [
+        " ",
+        m.optional
+      ] }) : null
+    ] }),
+    hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: cx.hint, "data-sf-field-hint": true, children: hint }) : null,
+    rest.as === "select" ? (() => {
+      const { as: _as, children, ...select } = rest;
+      return /* @__PURE__ */ jsxRuntime.jsx("select", { ...select, ...common, children });
+    })() : (() => {
+      const { as: _as, ...input } = rest;
+      return /* @__PURE__ */ jsxRuntime.jsx("input", { ...input, ...common });
+    })(),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: cx.error, "data-sf-field-error": true, children: error }) : null
+  ] });
+}
+var ES2 = {
+  titles: {
+    login: "Entrar a tu cuenta",
+    register: "Crear una cuenta",
+    verify: "Confirma tu correo",
+    "otp-email": "Entrar con un c\xF3digo",
+    otp: "Escribe tu c\xF3digo",
+    forgot: "Recuperar contrase\xF1a",
+    reset: "Elige una contrase\xF1a nueva"
+  },
+  email: "Correo electr\xF3nico",
+  password: "Contrase\xF1a",
+  newPassword: "Contrase\xF1a nueva",
+  passwordHint: "Entre 10 y 128 caracteres.",
+  firstName: "Nombre",
+  lastName: "Apellido",
+  code: "C\xF3digo",
+  codeSentTo: "Enviamos un c\xF3digo a {email}. Puede tardar un minuto.",
+  submit: {
+    login: "Entrar",
+    register: "Crear cuenta",
+    verify: "Confirmar",
+    "otp-email": "Enviarme el c\xF3digo",
+    otp: "Entrar",
+    forgot: "Enviarme el c\xF3digo",
+    reset: "Guardar y entrar"
+  },
+  resend: "Reenviar c\xF3digo",
+  forgotLink: "\xBFOlvidaste tu contrase\xF1a?",
+  registerLink: "Crear una cuenta",
+  loginLink: "Ya tengo cuenta",
+  otpLink: "Entrar con un c\xF3digo por correo",
+  backToLogin: "Volver a entrar con contrase\xF1a",
+  nothingAvailable: "Esta tienda no admite iniciar sesi\xF3n por ahora.",
+  errors: {
+    invalid_credentials: "El correo o la contrase\xF1a no coinciden.",
+    invalid_code: "El c\xF3digo no es v\xE1lido o ya venci\xF3.",
+    email_taken: "Ya existe una cuenta con este correo. Entra o recupera tu contrase\xF1a.",
+    rate_limited: "Demasiados intentos. Espera unos minutos e int\xE9ntalo de nuevo.",
+    validation: "Revisa los datos e int\xE9ntalo de nuevo.",
+    unsupported: "Esta forma de entrar no est\xE1 disponible en esta tienda.",
+    unavailable: "No pudimos completar la acci\xF3n. Int\xE9ntalo de nuevo en un momento."
+  }
+};
+var EN2 = {
+  titles: {
+    login: "Sign in",
+    register: "Create an account",
+    verify: "Confirm your email",
+    "otp-email": "Sign in with a code",
+    otp: "Enter your code",
+    forgot: "Reset your password",
+    reset: "Choose a new password"
+  },
+  email: "Email",
+  password: "Password",
+  newPassword: "New password",
+  passwordHint: "Between 10 and 128 characters.",
+  firstName: "First name",
+  lastName: "Last name",
+  code: "Code",
+  codeSentTo: "We sent a code to {email}. It can take a minute.",
+  submit: {
+    login: "Sign in",
+    register: "Create account",
+    verify: "Confirm",
+    "otp-email": "Email me the code",
+    otp: "Sign in",
+    forgot: "Email me the code",
+    reset: "Save and sign in"
+  },
+  resend: "Resend code",
+  forgotLink: "Forgot your password?",
+  registerLink: "Create an account",
+  loginLink: "I already have an account",
+  otpLink: "Sign in with an emailed code",
+  backToLogin: "Back to password sign-in",
+  nothingAvailable: "This store does not support signing in right now.",
+  errors: {
+    invalid_credentials: "The email and password do not match.",
+    invalid_code: "The code is not valid or has expired.",
+    email_taken: "An account with this email already exists. Sign in or reset your password.",
+    rate_limited: "Too many attempts. Wait a few minutes and try again.",
+    validation: "Check the details and try again.",
+    unsupported: "This way of signing in is not available in this store.",
+    unavailable: "We could not complete that. Try again in a moment."
+  }
+};
+function accountAuthMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN2 : ES2;
+  if (!overrides) return base;
+  return {
+    ...base,
+    ...overrides,
+    titles: { ...base.titles, ...overrides.titles },
+    submit: { ...base.submit, ...overrides.submit },
+    errors: { ...base.errors, ...overrides.errors }
+  };
+}
+var initialOf = (caps, initialView) => initialView ?? (caps.password ? "login" : caps.otp_channels.includes("email") ? "otp-email" : "login");
+function AccountAuth({ capabilities, data, next, pending = false, initialView, form: FormTag = "form", action, locale, messages, classNames: cx = {}, header }) {
+  const m = accountAuthMessages(locale, messages);
+  const passwordOn = capabilities.password;
+  const otpOn = capabilities.otp_channels.includes("email");
+  const [view, setView] = react.useState(() => data?.step ?? initialOf(capabilities, initialView));
+  const [email, setEmail] = react.useState(data?.email ?? "");
+  const ref = react.useRef(null);
+  const serverFields = data?.error?.field ? [data.error.field] : null;
+  const errorText = data?.error ? m.errors[data.error.code] : null;
+  const v = useFieldErrors(ref, { ...locale ? { locale } : {}, serverFields, serverMessages: data?.error?.field && errorText ? { [data.error.field]: errorText } : null });
+  react.useEffect(() => {
+    if (data?.step) setView(data.step);
+    if (data?.email) setEmail(data.email);
+  }, [data]);
+  const go = (to) => {
+    v.clear();
+    setView(to);
+  };
+  const fieldProps = { classNames: cx.field, ...locale ? { locale } : {} };
+  const emailField = /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...fieldProps, name: "email", type: "email", label: m.email, autoComplete: "email", inputMode: "email", value: email, onChange: (e) => setEmail(e.currentTarget.value), error: v.errors.email ?? null });
+  const codeField = /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...fieldProps, name: "code", label: m.code, autoComplete: "one-time-code", inputMode: "numeric", pattern: "[0-9]*", error: v.errors.code ?? null });
+  const passwordField = (label, autoComplete, newPassword) => /* @__PURE__ */ jsxRuntime.jsx(
+    CheckoutField,
+    {
+      ...fieldProps,
+      name: "password",
+      type: "password",
+      label,
+      autoComplete,
+      error: v.errors.password ?? null,
+      ...newPassword ? { minLength: 10, maxLength: 128, hint: m.passwordHint } : {}
+    }
+  );
+  const link = (to, text) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.link, "data-sf-account-link": to, onClick: () => go(to), children: text });
+  let body;
+  let links = null;
+  switch (view) {
+    case "register":
+      body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...fieldProps, name: "first_name", label: m.firstName, autoComplete: "given-name", optional: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...fieldProps, name: "last_name", label: m.lastName, autoComplete: "family-name", optional: true }),
+        emailField,
+        passwordField(m.password, "new-password", true)
+      ] });
+      links = link("login", m.loginLink);
+      break;
+    case "verify":
+    case "otp":
+      body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, "data-sf-account-notice": true, children: m.codeSentTo.replace("{email}", email) }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "email", value: email }),
+        codeField
+      ] });
+      links = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        view === "otp" ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: "otp-request", formNoValidate: true, className: cx.link, "data-sf-account-link": "resend", children: m.resend }) : null,
+        link("login", m.backToLogin)
+      ] });
+      break;
+    case "otp-email":
+    case "forgot":
+      body = emailField;
+      links = link("login", m.backToLogin);
+      break;
+    case "reset":
+      body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, "data-sf-account-notice": true, children: m.codeSentTo.replace("{email}", email) }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "email", value: email }),
+        codeField,
+        passwordField(m.newPassword, "new-password", true)
+      ] });
+      links = link("login", m.backToLogin);
+      break;
+    default:
+      body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        emailField,
+        passwordField(m.password, "current-password", false)
+      ] });
+      links = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        otpOn ? link("forgot", m.forgotLink) : null,
+        link("register", m.registerLink),
+        otpOn ? link("otp-email", m.otpLink) : null
+      ] });
+  }
+  const intent = { login: "login", register: "register", verify: "verify", "otp-email": "otp-request", otp: "otp-login", forgot: "forgot", reset: "reset" }[view];
+  const available = view === "login" || view === "register" || view === "forgot" || view === "reset" || view === "verify" ? passwordOn : otpOn;
+  const showSummary = !data?.error?.field;
+  const title = m.titles[view];
+  if (!available && !passwordOn && !otpOn) {
+    return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cx.root, "data-sf-account-auth": true, "data-sf-account-view": "unavailable", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, role: "status", children: m.nothingAvailable }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "data-sf-account-auth": true, "data-sf-account-view": view, "aria-labelledby": "sf-account-title", children: [
+    header,
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { id: "sf-account-title", className: cx.title, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { ref, method: "post", ...action ? { action } : {}, className: cx.form, "data-sf-account-form": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ErrorSummary, { items: v.summary, focusKey: v.summaryKey, ...locale ? { locale } : {} }),
+      errorText && showSummary ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: cx.error, "data-sf-account-error": data.error.code, children: errorText }) : null,
+      next ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "next", value: next }) : null,
+      body,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.actions, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: intent, disabled: pending, className: cx.submit, "data-sf-account-submit": true, children: m.submit[view] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.links, "data-sf-account-links": true, children: links })
+    ] })
+  ] });
+}
+
+exports.AccountAuth = AccountAuth;
+exports.accountAuthMessages = accountAuthMessages;
+//# sourceMappingURL=account.cjs.map
+//# sourceMappingURL=account.cjs.map

package/dist/account.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkout/fields.tsx","../src/account/account-auth.tsx"],"names":["useRef","useState","useEffect","jsxs","jsx","ES","EN","Fragment"],"mappings":"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","file":"account.cjs","sourcesContent":["/**\n * Form fields of a checkout with inline validation: a labelled field that shows its own error under it, a focusable\n * error summary for the submit, and one hook that reads the browser's own constraint validation (`required`, `type`,\n * `pattern`, `minLength`...) so the rules stay in the HTML and the page keeps working without JavaScript (then the\n * browser explains the errors itself).\n *\n * WCAG 2.2: errors are identified in text next to the field (3.3.1), linked with `aria-describedby` and `aria-invalid`,\n * and the summary takes focus and links to every field (3.3.1 / 2.4.3). Validation runs when the buyer leaves a field\n * that has a value, and clears as soon as it is fixed: it never nags while typing.\n */\nimport { useEffect, useRef, useState, type InputHTMLAttributes, type ReactNode, type RefObject, type SelectHTMLAttributes } from 'react'\n\nexport type FieldMessages = {\n  valueMissing: string\n  /** Required radio group (delivery, payment). */\n  choiceMissing: string\n  email: string\n  tel: string\n  pattern: string\n  /** `{n}` = minimum length. */\n  tooShort: string\n  /** A field the server rejected. */\n  server: string\n  /** Error summary title, `{n}` = number of fields. */\n  summaryOne: string\n  summaryMany: string\n  optional: string\n}\n\nconst ES: FieldMessages = {\n  valueMissing: 'Completa este campo.',\n  choiceMissing: 'Elige una opción.',\n  email: 'Escribe un correo válido, por ejemplo nombre@correo.com.',\n  tel: 'Escribe un teléfono válido.',\n  pattern: 'Revisa el formato.',\n  tooShort: 'Escribe al menos {n} caracteres.',\n  server: 'Revisa este campo.',\n  summaryOne: 'Revisa 1 campo para continuar',\n  summaryMany: 'Revisa {n} campos para continuar',\n  optional: '(opcional)',\n}\n\nconst EN: FieldMessages = {\n  valueMissing: 'Fill in this field.',\n  choiceMissing: 'Choose an option.',\n  email: 'Enter a valid email, like name@example.com.',\n  tel: 'Enter a valid phone number.',\n  pattern: 'Check the format.',\n  tooShort: 'Enter at least {n} characters.',\n  server: 'Check this field.',\n  summaryOne: 'Check 1 field to continue',\n  summaryMany: 'Check {n} fields to continue',\n  optional: '(optional)',\n}\n\n/** Messages for a locale (`es*` default, `en*`), with optional overrides. */\nexport function fieldMessages(locale?: string | null, overrides?: Partial<FieldMessages> | null): FieldMessages {\n  const base = (locale ?? 'es-MX').toLowerCase().startsWith('en') ? EN : ES\n  return overrides ? { ...base, ...overrides } : base\n}\n\n/** Field name -> error text. */\nexport type FieldErrors = Record<string, string>\n\nexport type ErrorSummaryItem = { name: string; id: string; label: string; message: string }\n\ntype Control = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n\nconst isControl = (el: EventTarget | null): el is Control =>\n  !!el && typeof (el as Element).tagName === 'string' && ['INPUT', 'SELECT', 'TEXTAREA'].includes((el as Element).tagName) && !!(el as Control).name\n\n/**\n * The error text for a control, from its validity. A control can bring its own text with `data-sf-error` (any\n * failure) or `title` (pattern mismatch, the HTML convention).\n */\nexport function validationMessage(el: Control, m: FieldMessages = ES): string | null {\n  const v = el.validity\n  if (!v || v.valid) return null\n  const own = el.getAttribute('data-sf-error')\n  if (own) return own\n  if (v.valueMissing) return el instanceof HTMLInputElement && (el.type === 'radio' || el.type === 'checkbox') ? m.choiceMissing : m.valueMissing\n  if (v.typeMismatch && el instanceof HTMLInputElement) return el.type === 'email' ? m.email : el.type === 'tel' ? m.tel : m.pattern\n  if (v.patternMismatch) return el.getAttribute('title') || (el instanceof HTMLInputElement && el.type === 'tel' ? m.tel : m.pattern)\n  if (v.tooShort && el instanceof HTMLInputElement) return m.tooShort.replace('{n}', String(el.minLength))\n  return el.validationMessage || m.pattern\n}\n\n/** Visible name of a control: its `<label>`, `aria-label`, or the legend of its group (radios). */\nfunction labelOf(el: Control): string {\n  if (el instanceof HTMLInputElement && el.type === 'radio') {\n    const legend = el.closest('fieldset')?.querySelector('legend')\n    if (legend?.textContent) return legend.textContent.trim()\n  }\n  const text = el.labels?.[0]?.getAttribute('data-sf-label') ?? el.labels?.[0]?.textContent ?? el.getAttribute('aria-label') ?? el.name\n  return text.trim()\n}\n\nexport type UseFieldErrorsOptions = {\n  locale?: string\n  messages?: Partial<FieldMessages>\n  /** Fields the server rejected (e.g. from the action), shown with `serverMessages[name]` or the generic text. */\n  serverFields?: Iterable<string> | null\n  serverMessages?: Record<string, string> | null\n}\n\nexport type FieldErrorsState = {\n  errors: FieldErrors\n  /** Non-null after a submit with problems (or with server errors): render it in `<ErrorSummary>`. */\n  summary: ErrorSummaryItem[] | null\n  /** Changes every time a new summary appears, so `<ErrorSummary>` focuses it again. */\n  summaryKey: number\n  clear: () => void\n}\n\n/**\n * Inline validation for the page `<form>`. Listens to the form (no wrapping component): leaving a field with a value\n * checks it; typing in a field with an error clears it when fixed; a submit or `reportValidity()` with problems\n * collects them (the browser's bubbles are replaced by the inline texts) for the summary.\n */\nexport function useFieldErrors(formRef: RefObject<HTMLFormElement | null>, options: UseFieldErrorsOptions = {}): FieldErrorsState {\n  const m = fieldMessages(options.locale, options.messages)\n  const live = useRef(m)\n  live.current = m\n  const server = [...(options.serverFields ?? [])]\n  const serverKey = server.join('|')\n  const [errors, setErrors] = useState<FieldErrors>(() => Object.fromEntries(server.map((n) => [n, options.serverMessages?.[n] ?? m.server])))\n  const [summary, setSummary] = useState<ErrorSummaryItem[] | null>(null)\n  const [summaryKey, setSummaryKey] = useState(0)\n\n  // Server errors (a new action result): inline texts plus a summary.\n  useEffect(() => {\n    if (!server.length) return\n    const form = formRef.current\n    const items: ErrorSummaryItem[] = []\n    const next: FieldErrors = {}\n    for (const name of server) {\n      const msg = options.serverMessages?.[name] ?? live.current.server\n      next[name] = msg\n      const el = form?.elements.namedItem(name)\n      const ctl = el && 'length' in el && !(el instanceof HTMLSelectElement) ? ((el as RadioNodeList)[0] as Control | undefined) : (el as Control | null)\n      if (ctl) items.push({ name, id: ctl.id || name, label: labelOf(ctl), message: msg })\n    }\n    setErrors((e) => ({ ...e, ...next }))\n    if (items.length) {\n      setSummary(items)\n      setSummaryKey((k) => k + 1)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [serverKey])\n\n  useEffect(() => {\n    const form = formRef.current\n    if (!form) return\n    let batch: Control[] | null = null\n    const set = (name: string, msg: string | null) =>\n      setErrors((e) => {\n        if (msg === null) {\n          if (!(name in e)) return e\n          const { [name]: _gone, ...rest } = e\n          return rest\n        }\n        return e[name] === msg ? e : { ...e, [name]: msg }\n      })\n    const onBlur = (ev: FocusEvent) => {\n      const el = ev.target\n      if (!isControl(el) || (el instanceof HTMLInputElement && (el.type === 'radio' || el.type === 'checkbox' || el.type === 'hidden'))) return\n      // Leaving an empty field you only tabbed through is not an error yet; it is at submit.\n      if (!el.value) return\n      set(el.name, validationMessage(el, live.current))\n    }\n    const onInput = (ev: Event) => {\n      const el = ev.target\n      if (!isControl(el)) return\n      setErrors((e) => {\n        if (!(el.name in e)) return e\n        const msg = el.validity.valid ? null : validationMessage(el, live.current)\n        if (msg !== null) return e // keep the text until the field is fixed (no flicker while typing)\n        const { [el.name]: _gone, ...rest } = e\n        return rest\n      })\n    }\n    const onInvalid = (ev: Event) => {\n      const el = ev.target\n      if (!isControl(el)) return\n      ev.preventDefault() // the inline text replaces the browser bubble\n      if (!batch) {\n        batch = []\n        queueMicrotask(() => {\n          const list = batch ?? []\n          batch = null\n          const seen = new Set<string>()\n          const items: ErrorSummaryItem[] = []\n          const next: FieldErrors = {}\n          for (const c of list) {\n            if (seen.has(c.name)) continue\n            seen.add(c.name)\n            const msg = validationMessage(c, live.current) ?? live.current.valueMissing\n            next[c.name] = msg\n            items.push({ name: c.name, id: c.id || c.name, label: labelOf(c), message: msg })\n          }\n          setErrors((e) => ({ ...e, ...next }))\n          setSummary(items)\n          setSummaryKey((k) => k + 1)\n        })\n      }\n      batch.push(el)\n    }\n    form.addEventListener('focusout', onBlur)\n    form.addEventListener('input', onInput)\n    form.addEventListener('change', onInput)\n    form.addEventListener('invalid', onInvalid, true)\n    return () => {\n      form.removeEventListener('focusout', onBlur)\n      form.removeEventListener('input', onInput)\n      form.removeEventListener('change', onInput)\n      form.removeEventListener('invalid', onInvalid, true)\n    }\n  }, [formRef])\n\n  // The summary follows the fixes: a field fixed after the submit leaves the list.\n  const shown = summary ? summary.filter((s) => s.name in errors).map((s) => ({ ...s, message: errors[s.name]! })) : null\n  return {\n    errors,\n    summary: shown && shown.length ? shown : null,\n    summaryKey,\n    clear: () => {\n      setErrors({})\n      setSummary(null)\n    },\n  }\n}\n\nexport type ErrorSummaryProps = {\n  items: readonly ErrorSummaryItem[] | null\n  /** Changes when a new summary must take focus (`useFieldErrors().summaryKey`). */\n  focusKey?: number\n  locale?: string\n  messages?: Partial<FieldMessages>\n  title?: ReactNode\n  className?: string\n  classNames?: Partial<Record<'title' | 'list' | 'link', string>>\n}\n\n/**\n * The list of problems after a submit, above the form: `role=\"alert\"`, takes focus, one link per field (moves the\n * focus to it). Renders nothing without items.\n */\nexport function ErrorSummary({ items, focusKey, locale, messages, title, className, classNames: cx = {} }: ErrorSummaryProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const m = fieldMessages(locale, messages)\n  const has = !!items && items.length > 0\n  useEffect(() => {\n    if (has) ref.current?.focus()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focusKey])\n  if (!has) return null\n  const n = items!.length\n  return (\n    <div ref={ref} role=\"alert\" tabIndex={-1} className={className} data-sf-error-summary aria-labelledby=\"sf-error-summary-title\">\n      <p id=\"sf-error-summary-title\" className={cx.title} data-sf-error-summary-title>\n        {title ?? (n === 1 ? m.summaryOne : m.summaryMany.replace('{n}', String(n)))}\n      </p>\n      <ul className={cx.list}>\n        {items!.map((it) => (\n          <li key={it.name}>\n            <a\n              href={`#${it.id}`}\n              className={cx.link}\n              onClick={(e) => {\n                const el = document.getElementById(it.id)\n                if (!el) return\n                e.preventDefault()\n                el.focus()\n                el.scrollIntoView?.({ block: 'center' })\n              }}\n            >\n              {it.label}: {it.message}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nexport type CheckoutFieldClassNames = Partial<Record<'root' | 'label' | 'optional' | 'input' | 'hint' | 'error', string>>\n\ntype BaseFieldProps = {\n  name: string\n  label: string\n  /** Field id. Default: the name. */\n  id?: string\n  /** Error text (from `useFieldErrors().errors[name]` or the server). */\n  error?: string | null\n  /** Help under the label (\"we only use it for the delivery\"). */\n  hint?: ReactNode\n  /** Marks the label \"(optional)\" and drops `required`. */\n  optional?: boolean\n  classNames?: CheckoutFieldClassNames\n  locale?: string\n  messages?: Partial<FieldMessages>\n}\n\nexport type CheckoutFieldProps = BaseFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> & { as?: 'input' }\nexport type CheckoutSelectProps = BaseFieldProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'name' | 'id'> & { as: 'select'; children: ReactNode }\n\n/**\n * One labelled field: label (with \"(optional)\"), hint, the control and its error text, wired with `aria-describedby`\n * and `aria-invalid`. Required unless `optional`. `as=\"select\"` renders a `<select>` with the given options.\n */\nexport function CheckoutField(props: CheckoutFieldProps | CheckoutSelectProps) {\n  const { name, label, id = name, error, hint, optional = false, classNames: cx = {}, locale, messages, ...rest } = props\n  const m = fieldMessages(locale, messages)\n  const hintId = hint ? `${id}-hint` : undefined\n  const errorId = `${id}-error`\n  const describedBy = [hintId, error ? errorId : undefined].filter(Boolean).join(' ') || undefined\n  const common = {\n    id,\n    name,\n    required: !optional,\n    'aria-invalid': error ? true : undefined,\n    'aria-describedby': describedBy,\n    className: cx.input,\n    'data-sf-field-control': '',\n  } as const\n  return (\n    <div className={cx.root} data-sf-field data-invalid={error ? '' : undefined}>\n      <label htmlFor={id} className={cx.label} data-sf-label={label}>\n        {label}\n        {optional ? (\n          <span className={cx.optional} data-sf-field-optional>\n            {' '}\n            {m.optional}\n          </span>\n        ) : null}\n      </label>\n      {hint ? (\n        <p id={hintId} className={cx.hint} data-sf-field-hint>\n          {hint}\n        </p>\n      ) : null}\n      {rest.as === 'select' ? (\n        (() => {\n          const { as: _as, children, ...select } = rest\n          return (\n            <select {...select} {...common}>\n              {children}\n            </select>\n          )\n        })()\n      ) : (\n        (() => {\n          const { as: _as, ...input } = rest as CheckoutFieldProps\n          return <input {...input} {...common} />\n        })()\n      )}\n      {/* Reserved only when there is an error: the text sits right under its field. */}\n      {error ? (\n        <p id={errorId} className={cx.error} data-sf-field-error>\n          {error}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n","/**\n * The account screen: sign in with password, create an account, verify the emailed code, sign in with a code and\n * recover a forgotten password, in one `<form method=\"post\">` driven by `createAuthAction` (`./server`). What the store\n * offers comes from `loadAuthCapabilities`; the form shows only that. Plain HTML: it works without JavaScript for the\n * password sign-in and the steps the action sends back; the view switches (links) need JavaScript.\n *\n * Styling: `data-sf-account-*` attributes and `classNames` slots, fields reuse `CheckoutField` (and `checkout.css`);\n * `account.css` is an optional neutral sheet. Texts are Spanish by default, English with `locale=\"en\"`, any with `messages`.\n */\nimport { useEffect, useRef, useState, type ComponentType, type FormHTMLAttributes, type ReactNode, type Ref } from 'react'\nimport type { CustomerCapabilities } from '@asteby/storefront'\nimport { CheckoutField, ErrorSummary, useFieldErrors, type CheckoutFieldClassNames } from '../checkout/fields.js'\nimport type { AuthActionData, AuthErrorCode, AuthStep } from './types.js'\n\nexport type AccountAuthView = 'login' | 'register' | 'otp-email' | 'forgot' | AuthStep\n\nexport type AccountAuthMessages = {\n  titles: Record<AccountAuthView, string>\n  email: string\n  password: string\n  newPassword: string\n  passwordHint: string\n  firstName: string\n  lastName: string\n  code: string\n  codeSentTo: string\n  submit: Record<AccountAuthView, string>\n  resend: string\n  forgotLink: string\n  registerLink: string\n  loginLink: string\n  otpLink: string\n  backToLogin: string\n  nothingAvailable: string\n  errors: Record<AuthErrorCode, string>\n}\n\nconst ES: AccountAuthMessages = {\n  titles: {\n    login: 'Entrar a tu cuenta',\n    register: 'Crear una cuenta',\n    verify: 'Confirma tu correo',\n    'otp-email': 'Entrar con un código',\n    otp: 'Escribe tu código',\n    forgot: 'Recuperar contraseña',\n    reset: 'Elige una contraseña nueva',\n  },\n  email: 'Correo electrónico',\n  password: 'Contraseña',\n  newPassword: 'Contraseña nueva',\n  passwordHint: 'Entre 10 y 128 caracteres.',\n  firstName: 'Nombre',\n  lastName: 'Apellido',\n  code: 'Código',\n  codeSentTo: 'Enviamos un código a {email}. Puede tardar un minuto.',\n  submit: {\n    login: 'Entrar',\n    register: 'Crear cuenta',\n    verify: 'Confirmar',\n    'otp-email': 'Enviarme el código',\n    otp: 'Entrar',\n    forgot: 'Enviarme el código',\n    reset: 'Guardar y entrar',\n  },\n  resend: 'Reenviar código',\n  forgotLink: '¿Olvidaste tu contraseña?',\n  registerLink: 'Crear una cuenta',\n  loginLink: 'Ya tengo cuenta',\n  otpLink: 'Entrar con un código por correo',\n  backToLogin: 'Volver a entrar con contraseña',\n  nothingAvailable: 'Esta tienda no admite iniciar sesión por ahora.',\n  errors: {\n    invalid_credentials: 'El correo o la contraseña no coinciden.',\n    invalid_code: 'El código no es válido o ya venció.',\n    email_taken: 'Ya existe una cuenta con este correo. Entra o recupera tu contraseña.',\n    rate_limited: 'Demasiados intentos. Espera unos minutos e inténtalo de nuevo.',\n    validation: 'Revisa los datos e inténtalo de nuevo.',\n    unsupported: 'Esta forma de entrar no está disponible en esta tienda.',\n    unavailable: 'No pudimos completar la acción. Inténtalo de nuevo en un momento.',\n  },\n}\n\nconst EN: AccountAuthMessages = {\n  titles: {\n    login: 'Sign in',\n    register: 'Create an account',\n    verify: 'Confirm your email',\n    'otp-email': 'Sign in with a code',\n    otp: 'Enter your code',\n    forgot: 'Reset your password',\n    reset: 'Choose a new password',\n  },\n  email: 'Email',\n  password: 'Password',\n  newPassword: 'New password',\n  passwordHint: 'Between 10 and 128 characters.',\n  firstName: 'First name',\n  lastName: 'Last name',\n  code: 'Code',\n  codeSentTo: 'We sent a code to {email}. It can take a minute.',\n  submit: {\n    login: 'Sign in',\n    register: 'Create account',\n    verify: 'Confirm',\n    'otp-email': 'Email me the code',\n    otp: 'Sign in',\n    forgot: 'Email me the code',\n    reset: 'Save and sign in',\n  },\n  resend: 'Resend code',\n  forgotLink: 'Forgot your password?',\n  registerLink: 'Create an account',\n  loginLink: 'I already have an account',\n  otpLink: 'Sign in with an emailed code',\n  backToLogin: 'Back to password sign-in',\n  nothingAvailable: 'This store does not support signing in right now.',\n  errors: {\n    invalid_credentials: 'The email and password do not match.',\n    invalid_code: 'The code is not valid or has expired.',\n    email_taken: 'An account with this email already exists. Sign in or reset your password.',\n    rate_limited: 'Too many attempts. Wait a few minutes and try again.',\n    validation: 'Check the details and try again.',\n    unsupported: 'This way of signing in is not available in this store.',\n    unavailable: 'We could not complete that. Try again in a moment.',\n  },\n}\n\n/** Messages for a locale (`es*` default, `en*`), with optional overrides (nested `titles`/`submit`/`errors` merge). */\nexport function accountAuthMessages(locale?: string | null, overrides?: DeepPartial<AccountAuthMessages> | null): AccountAuthMessages {\n  const base = (locale ?? 'es-MX').toLowerCase().startsWith('en') ? EN : ES\n  if (!overrides) return base\n  return {\n    ...base,\n    ...(overrides as Partial<AccountAuthMessages>),\n    titles: { ...base.titles, ...overrides.titles },\n    submit: { ...base.submit, ...overrides.submit },\n    errors: { ...base.errors, ...overrides.errors },\n  }\n}\n\ntype DeepPartial<T> = { [K in keyof T]?: T[K] extends Record<string, string> ? Partial<T[K]> : T[K] }\n\nexport type AccountAuthClassNames = Partial<Record<'root' | 'title' | 'form' | 'notice' | 'error' | 'actions' | 'submit' | 'links' | 'link', string>> & {\n  field?: CheckoutFieldClassNames\n}\n\nexport type AccountAuthProps = {\n  /** From `loadAuthCapabilities` (the loader). */\n  capabilities: CustomerCapabilities\n  /** What the action returned (`useActionData()`); drives the next screen and the errors. */\n  data?: AuthActionData | null\n  /** Where to go after signing in (sent as `next`; the server validates it). */\n  next?: string | null\n  /** A submit is in flight (`navigation.state !== 'idle'`): disables the buttons. */\n  pending?: boolean\n  /** First screen. Default `login`, or `otp-email` when the store has no password sign-in. */\n  initialView?: AccountAuthView\n  /** Form component, e.g. React Router's `Form`, to submit without a reload. It must forward `ref` to the `<form>` (React 19: a prop). Default: the HTML `<form>`. */\n  form?: 'form' | ComponentType<FormHTMLAttributes<HTMLFormElement> & { ref?: Ref<HTMLFormElement> }>\n  /** `action` of the form (default: the current URL). */\n  action?: string\n  locale?: string\n  messages?: DeepPartial<AccountAuthMessages>\n  classNames?: AccountAuthClassNames\n  /** Shown above the form (a logo, a welcome text). */\n  header?: ReactNode\n}\n\nconst initialOf = (caps: CustomerCapabilities, initialView?: AccountAuthView): AccountAuthView =>\n  initialView ?? (caps.password ? 'login' : caps.otp_channels.includes('email') ? 'otp-email' : 'login')\n\n/**\n * The whole account screen. Headless enough to restyle, complete enough to drop in:\n * `export default function Account() { return <AccountAuth capabilities={useLoaderData()} data={useActionData()} form={Form} /> }`.\n */\nexport function AccountAuth({ capabilities, data, next, pending = false, initialView, form: FormTag = 'form', action, locale, messages, classNames: cx = {}, header }: AccountAuthProps) {\n  const m = accountAuthMessages(locale, messages)\n  const passwordOn = capabilities.password\n  const otpOn = capabilities.otp_channels.includes('email')\n  const [view, setView] = useState<AccountAuthView>(() => data?.step ?? initialOf(capabilities, initialView))\n  const [email, setEmail] = useState(data?.email ?? '')\n  const ref = useRef<HTMLFormElement>(null)\n  const serverFields = data?.error?.field ? [data.error.field] : null\n  const errorText = data?.error ? m.errors[data.error.code] : null\n  const v = useFieldErrors(ref, { ...(locale ? { locale } : {}), serverFields, serverMessages: data?.error?.field && errorText ? { [data.error.field]: errorText } : null })\n\n  // The action decides the next screen; the email it carries survives it.\n  useEffect(() => {\n    if (data?.step) setView(data.step)\n    if (data?.email) setEmail(data.email)\n  }, [data])\n\n  const go = (to: AccountAuthView) => {\n    v.clear()\n    setView(to)\n  }\n  const fieldProps = { classNames: cx.field, ...(locale ? { locale } : {}) }\n  const emailField = (\n    <CheckoutField {...fieldProps} name=\"email\" type=\"email\" label={m.email} autoComplete=\"email\" inputMode=\"email\" value={email} onChange={(e) => setEmail(e.currentTarget.value)} error={v.errors.email ?? null} />\n  )\n  const codeField = (\n    <CheckoutField {...fieldProps} name=\"code\" label={m.code} autoComplete=\"one-time-code\" inputMode=\"numeric\" pattern=\"[0-9]*\" error={v.errors.code ?? null} />\n  )\n  const passwordField = (label: string, autoComplete: string, newPassword: boolean) => (\n    <CheckoutField\n      {...fieldProps}\n      name=\"password\"\n      type=\"password\"\n      label={label}\n      autoComplete={autoComplete}\n      error={v.errors.password ?? null}\n      {...(newPassword ? { minLength: 10, maxLength: 128, hint: m.passwordHint } : {})}\n    />\n  )\n  const link = (to: AccountAuthView, text: string) => (\n    <button type=\"button\" className={cx.link} data-sf-account-link={to} onClick={() => go(to)}>\n      {text}\n    </button>\n  )\n\n  let body: ReactNode\n  let links: ReactNode = null\n  switch (view) {\n    case 'register':\n      body = (\n        <>\n          <CheckoutField {...fieldProps} name=\"first_name\" label={m.firstName} autoComplete=\"given-name\" optional />\n          <CheckoutField {...fieldProps} name=\"last_name\" label={m.lastName} autoComplete=\"family-name\" optional />\n          {emailField}\n          {passwordField(m.password, 'new-password', true)}\n        </>\n      )\n      links = link('login', m.loginLink)\n      break\n    case 'verify':\n    case 'otp':\n      body = (\n        <>\n          <p className={cx.notice} data-sf-account-notice>\n            {m.codeSentTo.replace('{email}', email)}\n          </p>\n          <input type=\"hidden\" name=\"email\" value={email} />\n          {codeField}\n        </>\n      )\n      links = (\n        <>\n          {view === 'otp' ? (\n            <button type=\"submit\" name=\"intent\" value=\"otp-request\" formNoValidate className={cx.link} data-sf-account-link=\"resend\">\n              {m.resend}\n            </button>\n          ) : null}\n          {link('login', m.backToLogin)}\n        </>\n      )\n      break\n    case 'otp-email':\n    case 'forgot':\n      body = emailField\n      links = link('login', m.backToLogin)\n      break\n    case 'reset':\n      body = (\n        <>\n          <p className={cx.notice} data-sf-account-notice>\n            {m.codeSentTo.replace('{email}', email)}\n          </p>\n          <input type=\"hidden\" name=\"email\" value={email} />\n          {codeField}\n          {passwordField(m.newPassword, 'new-password', true)}\n        </>\n      )\n      links = link('login', m.backToLogin)\n      break\n    default:\n      body = (\n        <>\n          {emailField}\n          {passwordField(m.password, 'current-password', false)}\n        </>\n      )\n      links = (\n        <>\n          {otpOn ? link('forgot', m.forgotLink) : null}\n          {link('register', m.registerLink)}\n          {otpOn ? link('otp-email', m.otpLink) : null}\n        </>\n      )\n  }\n\n  const intent = { login: 'login', register: 'register', verify: 'verify', 'otp-email': 'otp-request', otp: 'otp-login', forgot: 'forgot', reset: 'reset' }[view]\n  // Without password accounts the password views do not exist; only the code sign-in does.\n  const available = view === 'login' || view === 'register' || view === 'forgot' || view === 'reset' || view === 'verify' ? passwordOn : otpOn\n  const showSummary = !data?.error?.field\n  const title = m.titles[view]\n  if (!available && !passwordOn && !otpOn) {\n    return (\n      <section className={cx.root} data-sf-account-auth data-sf-account-view=\"unavailable\">\n        <p className={cx.notice} role=\"status\">\n          {m.nothingAvailable}\n        </p>\n      </section>\n    )\n  }\n  return (\n    <section className={cx.root} data-sf-account-auth data-sf-account-view={view} aria-labelledby=\"sf-account-title\">\n      {header}\n      <h1 id=\"sf-account-title\" className={cx.title}>\n        {title}\n      </h1>\n      <FormTag ref={ref as never} method=\"post\" {...(action ? { action } : {})} className={cx.form} data-sf-account-form>\n        <ErrorSummary items={v.summary} focusKey={v.summaryKey} {...(locale ? { locale } : {})} />\n        {errorText && showSummary ? (\n          <p role=\"alert\" className={cx.error} data-sf-account-error={data!.error!.code}>\n            {errorText}\n          </p>\n        ) : null}\n        {next ? <input type=\"hidden\" name=\"next\" value={next} /> : null}\n        {body}\n        <div className={cx.actions}>\n          <button type=\"submit\" name=\"intent\" value={intent} disabled={pending} className={cx.submit} data-sf-account-submit>\n            {m.submit[view]}\n          </button>\n        </div>\n        <div className={cx.links} data-sf-account-links>\n          {links}\n        </div>\n      </FormTag>\n    </section>\n  )\n}\n"]}

package/dist/account.css

@@ -0,0 +1,40 @@
+/*
+ * Default sheet for <AccountAuth> (`@asteby/storefront-react/account.css`). Optional and neutral; the fields come from
+ * `checkout.css`. Variables: --sf-account-max (form width, default 26rem), --sf-account-gap, --sf-account-muted,
+ * --sf-field-error (error color, shared with the checkout fields).
+ */
+[data-sf-account-auth] {
+  max-width: var(--sf-account-max, 26rem);
+  margin-inline: auto;
+}
+[data-sf-account-form] {
+  display: grid;
+  gap: var(--sf-account-gap, 1rem);
+}
+[data-sf-account-error] {
+  margin: 0;
+  color: var(--sf-field-error, #b42318);
+}
+[data-sf-account-notice] {
+  margin: 0;
+  color: var(--sf-account-muted, color-mix(in srgb, currentColor 72%, transparent));
+}
+[data-sf-account-submit] {
+  min-height: 44px;
+  width: 100%;
+}
+[data-sf-account-links] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+}
+[data-sf-account-link] {
+  min-height: 44px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+  font: inherit;
+}

package/dist/account.d.cts

@@ -0,0 +1,66 @@
+import * as react from 'react';
+import { ComponentType, FormHTMLAttributes, Ref, ReactNode } from 'react';
+import { CustomerCapabilities } from '@asteby/storefront';
+import { a as CheckoutFieldClassNames } from './fields-vnMUi2HB.cjs';
+import { A as AuthActionData, c as AuthStep, a as AuthErrorCode } from './types-HcEUd9hW.cjs';
+export { b as AuthIntent } from './types-HcEUd9hW.cjs';
+
+type AccountAuthView = 'login' | 'register' | 'otp-email' | 'forgot' | AuthStep;
+type AccountAuthMessages = {
+    titles: Record<AccountAuthView, string>;
+    email: string;
+    password: string;
+    newPassword: string;
+    passwordHint: string;
+    firstName: string;
+    lastName: string;
+    code: string;
+    codeSentTo: string;
+    submit: Record<AccountAuthView, string>;
+    resend: string;
+    forgotLink: string;
+    registerLink: string;
+    loginLink: string;
+    otpLink: string;
+    backToLogin: string;
+    nothingAvailable: string;
+    errors: Record<AuthErrorCode, string>;
+};
+/** Messages for a locale (`es*` default, `en*`), with optional overrides (nested `titles`/`submit`/`errors` merge). */
+declare function accountAuthMessages(locale?: string | null, overrides?: DeepPartial<AccountAuthMessages> | null): AccountAuthMessages;
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends Record<string, string> ? Partial<T[K]> : T[K];
+};
+type AccountAuthClassNames = Partial<Record<'root' | 'title' | 'form' | 'notice' | 'error' | 'actions' | 'submit' | 'links' | 'link', string>> & {
+    field?: CheckoutFieldClassNames;
+};
+type AccountAuthProps = {
+    /** From `loadAuthCapabilities` (the loader). */
+    capabilities: CustomerCapabilities;
+    /** What the action returned (`useActionData()`); drives the next screen and the errors. */
+    data?: AuthActionData | null;
+    /** Where to go after signing in (sent as `next`; the server validates it). */
+    next?: string | null;
+    /** A submit is in flight (`navigation.state !== 'idle'`): disables the buttons. */
+    pending?: boolean;
+    /** First screen. Default `login`, or `otp-email` when the store has no password sign-in. */
+    initialView?: AccountAuthView;
+    /** Form component, e.g. React Router's `Form`, to submit without a reload. It must forward `ref` to the `<form>` (React 19: a prop). Default: the HTML `<form>`. */
+    form?: 'form' | ComponentType<FormHTMLAttributes<HTMLFormElement> & {
+        ref?: Ref<HTMLFormElement>;
+    }>;
+    /** `action` of the form (default: the current URL). */
+    action?: string;
+    locale?: string;
+    messages?: DeepPartial<AccountAuthMessages>;
+    classNames?: AccountAuthClassNames;
+    /** Shown above the form (a logo, a welcome text). */
+    header?: ReactNode;
+};
+/**
+ * The whole account screen. Headless enough to restyle, complete enough to drop in:
+ * `export default function Account() { return <AccountAuth capabilities={useLoaderData()} data={useActionData()} form={Form} /> }`.
+ */
+declare function AccountAuth({ capabilities, data, next, pending, initialView, form: FormTag, action, locale, messages, classNames: cx, header }: AccountAuthProps): react.JSX.Element;
+
+export { AccountAuth, type AccountAuthClassNames, type AccountAuthMessages, type AccountAuthProps, type AccountAuthView, AuthActionData, AuthErrorCode, AuthStep, accountAuthMessages };