@reblu/site-blocks 0.30.0 → 0.32.0

package/dist/client.js

@@ -1550,13 +1550,642 @@ function WithdrawalRequestForm({
     }
   );
 }
+
+// src/components/course-guest-checkout-form.tsx
+import { useId as useId5, useState as useState9 } from "react";
+import { cn as cn14 } from "@reblu/site-ui/utils";
+
+// src/lib/course-guest-checkout.ts
+function toAcademyCheckoutInvoiceFields(value, overCap, issuesInvoices = true) {
+  if (!issuesInvoices) return {};
+  if (!value.wantsFullInvoice && !overCap) return {};
+  const billing = {
+    billingName: value.billingName.trim(),
+    billingNif: value.billingNif.trim(),
+    billingIdType: value.billingIdType,
+    ...value.billingIdType === "NIF" ? {} : { billingIdCountry: value.billingIdCountry },
+    billingAddress: {
+      street: value.street.trim(),
+      postalCode: value.postalCode.trim(),
+      city: value.city.trim(),
+      country: value.country
+    }
+  };
+  return { ...value.wantsFullInvoice ? { wantsFullInvoice: true } : {}, billing };
+}
+
+// src/components/checkout-pay-action.tsx
+import { cn as cn11 } from "@reblu/site-ui/utils";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function CheckoutPayAction({
+  label,
+  notice,
+  submitting = false,
+  submittingLabel = "Procesando\u2026",
+  disabled = false,
+  id = "checkout-pay",
+  className,
+  buttonClassName,
+  noticeClassName
+}) {
+  const noticeId = `${id}-notice`;
+  const isDisabled = submitting || disabled;
+  return /* @__PURE__ */ jsxs9("div", { "data-slot": "checkout-pay-action", className: cn11("space-y-3", className), children: [
+    /* @__PURE__ */ jsx11(
+      "button",
+      {
+        type: "submit",
+        disabled: isDisabled,
+        "aria-busy": submitting || void 0,
+        "aria-describedby": notice ? noticeId : void 0,
+        className: buttonClassName ?? cn11(
+          "flex w-full items-center justify-center gap-2 rounded-xl px-4 py-3 text-base font-semibold transition-all",
+          isDisabled ? "cursor-not-allowed bg-muted text-muted-foreground" : "cursor-pointer bg-primary text-primary-foreground hover:bg-primary/90"
+        ),
+        children: submitting ? submittingLabel : label
+      }
+    ),
+    notice ? /* @__PURE__ */ jsx11("p", { id: noticeId, "data-slot": "checkout-pay-notice", className: noticeClassName ?? "text-sm text-muted-foreground", children: notice }) : null
+  ] });
+}
+
+// src/components/checkout-terms-acceptance.tsx
+import { cn as cn12 } from "@reblu/site-ui/utils";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function splitTermsLabel(label) {
+  const at = label.indexOf("{terms}");
+  return at === -1 ? [`${label} `, ""] : [label.slice(0, at), label.slice(at + "{terms}".length)];
+}
+function CheckoutTermsAcceptance({
+  copy,
+  termsHref,
+  checked,
+  onCheckedChange,
+  error,
+  newTabHint = "(se abre en una pesta\xF1a nueva)",
+  id,
+  className
+}) {
+  if (!copy.termsVersion) return null;
+  const boxId = id ?? "checkout-terms";
+  const errorId = `${boxId}-error`;
+  const [before, after] = splitTermsLabel(copy.termsCheckboxLabel).map(
+    (part) => part.replaceAll("{tenant}", copy.tenantName)
+  );
+  const newTab = copy.isTermsLinkNewTab;
+  return /* @__PURE__ */ jsxs10("div", { "data-slot": "checkout-terms", className: cn12("space-y-1", className), children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          id: boxId,
+          type: "checkbox",
+          required: true,
+          checked,
+          onChange: (e) => onCheckedChange(e.target.checked),
+          "aria-invalid": error ? true : void 0,
+          "aria-describedby": error ? errorId : void 0,
+          className: "mt-0.5 size-5 shrink-0 cursor-pointer accent-primary"
+        }
+      ),
+      /* @__PURE__ */ jsxs10("label", { htmlFor: boxId, className: "text-sm leading-relaxed", children: [
+        before,
+        /* @__PURE__ */ jsxs10(
+          "a",
+          {
+            href: copy.termsLinkUrl ?? termsHref,
+            ...newTab ? { target: "_blank", rel: "noopener noreferrer" } : {},
+            className: "font-medium underline underline-offset-2 hover:text-primary",
+            children: [
+              copy.termsLinkText,
+              newTab ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+                " ",
+                /* @__PURE__ */ jsx12("span", { className: "sr-only", children: newTabHint })
+              ] }) : null
+            ]
+          }
+        ),
+        after
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx12("p", { id: errorId, className: "pl-8 text-sm text-destructive", children: error }) : null
+  ] });
+}
+function toCheckoutTermsFields(copy, accepted) {
+  const version = copy?.termsVersion;
+  return version ? { acceptsTerms: accepted, termsVersionId: version.id } : {};
+}
+
+// src/components/full-invoice-fields.tsx
+import { cn as cn13 } from "@reblu/site-ui/utils";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var EMPTY_FULL_INVOICE_VALUE = {
+  wantsFullInvoice: false,
+  billingIdType: "NIF",
+  billingIdCountry: "",
+  billingNif: "",
+  billingName: "",
+  street: "",
+  postalCode: "",
+  city: "",
+  country: "ES"
+};
+var DEFAULT_LABELS5 = {
+  toggle: "\xBFQuieres factura completa?",
+  underCapNotice: "Para una factura completa necesitas tu NIF/NIE o un documento de identificaci\xF3n. Si no, recibir\xE1s una factura simplificada.",
+  overCapNotice: "El importe del pedido supera el m\xE1ximo de la factura simplificada: para completar la compra, indica tu NIF/NIE o un documento de identificaci\xF3n, tu nombre y tu direcci\xF3n de facturaci\xF3n.",
+  idType: "Tipo de documento",
+  idCountry: "Pa\xEDs que expidi\xF3 el documento",
+  chooseCountry: "Elige un pa\xEDs",
+  spanishNif: "NIF / NIE / CIF",
+  documentNumber: "N\xFAmero de documento",
+  name: "Nombre o raz\xF3n social",
+  street: "Direcci\xF3n",
+  postalCode: "C\xF3digo postal",
+  city: "Ciudad",
+  country: "Pa\xEDs",
+  idTypeOptions: {
+    NIF: "NIF / NIE / CIF (Espa\xF1a)",
+    "02": "NIF-IVA intracomunitario (otro pa\xEDs de la UE)",
+    "03": "Pasaporte",
+    "04": "Documento oficial de identidad de tu pa\xEDs de residencia",
+    "05": "Certificado de residencia",
+    "06": "Otro documento acreditativo"
+  }
+};
+var ID_TYPES = ["NIF", "02", "03", "04", "05", "06"];
+var DEFAULT_INVOICE_COUNTRIES = [
+  { code: "ES", name: "Espa\xF1a" },
+  { code: "DE", name: "Alemania" },
+  { code: "AD", name: "Andorra" },
+  { code: "AR", name: "Argentina" },
+  { code: "AT", name: "Austria" },
+  { code: "BE", name: "B\xE9lgica" },
+  { code: "BG", name: "Bulgaria" },
+  { code: "CY", name: "Chipre" },
+  { code: "CO", name: "Colombia" },
+  { code: "HR", name: "Croacia" },
+  { code: "DK", name: "Dinamarca" },
+  { code: "SK", name: "Eslovaquia" },
+  { code: "SI", name: "Eslovenia" },
+  { code: "US", name: "Estados Unidos" },
+  { code: "EE", name: "Estonia" },
+  { code: "FI", name: "Finlandia" },
+  { code: "FR", name: "Francia" },
+  { code: "GR", name: "Grecia" },
+  { code: "HU", name: "Hungr\xEDa" },
+  { code: "IE", name: "Irlanda" },
+  { code: "IT", name: "Italia" },
+  { code: "LV", name: "Letonia" },
+  { code: "LT", name: "Lituania" },
+  { code: "LU", name: "Luxemburgo" },
+  { code: "MT", name: "Malta" },
+  { code: "MA", name: "Marruecos" },
+  { code: "MX", name: "M\xE9xico" },
+  { code: "NL", name: "Pa\xEDses Bajos" },
+  { code: "PL", name: "Polonia" },
+  { code: "PT", name: "Portugal" },
+  { code: "GB", name: "Reino Unido" },
+  { code: "CZ", name: "Rep\xFAblica Checa" },
+  { code: "RO", name: "Ruman\xEDa" },
+  { code: "SE", name: "Suecia" },
+  { code: "CH", name: "Suiza" },
+  { code: "VE", name: "Venezuela" }
+];
+function isOverSimplifiedInvoiceCap(totalCents, capCents) {
+  return capCents != null && totalCents > capCents;
+}
+var FIELD_CLASS3 = "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20";
+function FullInvoiceFields({
+  value,
+  onChange,
+  overCap,
+  issuesInvoices = true,
+  errors = {},
+  countries = DEFAULT_INVOICE_COUNTRIES,
+  labels,
+  className
+}) {
+  if (!issuesInvoices) return null;
+  const t = { ...DEFAULT_LABELS5, ...labels };
+  const showFields = value.wantsFullInvoice || overCap;
+  const isSpanishNif = value.billingIdType === "NIF";
+  const set = (key, next) => onChange({ ...value, [key]: next });
+  const error = (key) => errors[key] ? /* @__PURE__ */ jsx13("p", { id: `full-invoice-${key}-error`, className: "text-sm text-destructive", children: errors[key] }) : null;
+  const invalid = (key) => errors[key] ? { "aria-invalid": true, "aria-describedby": `full-invoice-${key}-error` } : {};
+  return /* @__PURE__ */ jsxs11("section", { className: cn13("space-y-4", className), "data-slot": "full-invoice-fields", children: [
+    overCap ? /* @__PURE__ */ jsx13("p", { role: "note", className: "rounded-lg border border-border p-4 text-sm", children: t.overCapNotice }) : /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs11("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            type: "checkbox",
+            checked: value.wantsFullInvoice,
+            onChange: (e) => set("wantsFullInvoice", e.target.checked)
+          }
+        ),
+        t.toggle
+      ] }),
+      /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: t.underCapNotice })
+    ] }),
+    showFields && /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-id-type", className: "text-sm font-medium", children: t.idType }),
+        /* @__PURE__ */ jsx13(
+          "select",
+          {
+            id: "full-invoice-id-type",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.billingIdType,
+            onChange: (e) => set("billingIdType", e.target.value),
+            ...invalid("billingIdType"),
+            children: ID_TYPES.map((type) => /* @__PURE__ */ jsx13("option", { value: type, children: t.idTypeOptions[type] }, type))
+          }
+        ),
+        error("billingIdType")
+      ] }),
+      !isSpanishNif && /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-id-country", className: "text-sm font-medium", children: t.idCountry }),
+        /* @__PURE__ */ jsxs11(
+          "select",
+          {
+            id: "full-invoice-id-country",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.billingIdCountry,
+            onChange: (e) => set("billingIdCountry", e.target.value),
+            ...invalid("billingIdCountry"),
+            children: [
+              /* @__PURE__ */ jsx13("option", { value: "", disabled: true, children: t.chooseCountry }),
+              countries.map((c) => /* @__PURE__ */ jsx13("option", { value: c.code, children: c.name }, c.code))
+            ]
+          }
+        ),
+        error("billingIdCountry")
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-nif", className: "text-sm font-medium", children: isSpanishNif ? t.spanishNif : t.documentNumber }),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            id: "full-invoice-nif",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.billingNif,
+            onChange: (e) => set("billingNif", e.target.value),
+            ...invalid("billingNif")
+          }
+        ),
+        error("billingNif")
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-name", className: "text-sm font-medium", children: t.name }),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            id: "full-invoice-name",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.billingName,
+            onChange: (e) => set("billingName", e.target.value),
+            ...invalid("billingName")
+          }
+        ),
+        error("billingName")
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1 sm:col-span-2", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-street", className: "text-sm font-medium", children: t.street }),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            id: "full-invoice-street",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.street,
+            onChange: (e) => set("street", e.target.value),
+            ...invalid("address")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-postal-code", className: "text-sm font-medium", children: t.postalCode }),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            id: "full-invoice-postal-code",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.postalCode,
+            onChange: (e) => set("postalCode", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-city", className: "text-sm font-medium", children: t.city }),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            id: "full-invoice-city",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.city,
+            onChange: (e) => set("city", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("label", { htmlFor: "full-invoice-country", className: "text-sm font-medium", children: t.country }),
+        /* @__PURE__ */ jsx13(
+          "select",
+          {
+            id: "full-invoice-country",
+            className: FIELD_CLASS3,
+            required: true,
+            value: value.country,
+            onChange: (e) => set("country", e.target.value),
+            children: countries.map((c) => /* @__PURE__ */ jsx13("option", { value: c.code, children: c.name }, c.code))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx13("div", { className: "sm:col-span-2", children: error("address") })
+    ] })
+  ] });
+}
+
+// src/components/course-guest-checkout-form.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var DEFAULT_COURSE_GUEST_CHECKOUT_FORM_LABELS = {
+  firstNameLabel: "Nombre",
+  lastNameLabel: "Apellidos",
+  emailLabel: "Email",
+  total: (total) => `Total (impuestos incluidos): ${total}`,
+  submit: "Continuar al pago",
+  submitting: "Procesando\u2026",
+  firstNameRequired: "Indica tu nombre.",
+  lastNameRequired: "Indica tus apellidos.",
+  emailInvalid: "Introduce un email v\xE1lido.",
+  termsRequired: "Para continuar, acepta las condiciones.",
+  consentRequired: "Para continuar, marca esta casilla.",
+  requestRequiredNotice: "Este curso se solicita antes de pagar. Completa la solicitud.",
+  genericError: "No hemos podido iniciar el pago. Int\xE9ntalo de nuevo."
+};
+var DEFAULT_COURSE_GUEST_CHECKOUT_ERROR_MESSAGES = {
+  INVALID_INPUT: "Revisa los datos introducidos.",
+  RATE_LIMITED: "Demasiados intentos. Espera unos minutos e int\xE9ntalo de nuevo.",
+  COURSE_NOT_FOUND: "Este curso ya no est\xE1 disponible.",
+  SALES_CLOSED: "Este curso no est\xE1 a la venta en este momento.",
+  ENROLLMENT_REQUEST_REQUIRED: "Este curso se solicita antes de pagar.",
+  INVOICING_NOT_READY: "No se puede completar la compra en este momento. Int\xE9ntalo m\xE1s tarde.",
+  TERMS_NOT_ACCEPTED: "Para continuar, acepta las condiciones.",
+  TERMS_VERSION_CHANGED: "Las condiciones se han actualizado. Recarga la p\xE1gina y vuelve a aceptarlas.",
+  CONSENT_REQUIRED: "Para continuar, marca la casilla del curso.",
+  CONSENT_VERSION_CHANGED: "El texto de la casilla ha cambiado. Recarga la p\xE1gina y vuelve a marcarla.",
+  INVALID_BILLING: "Revisa los datos de facturaci\xF3n."
+};
+var EMAIL_PATTERN3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var FIELD_CLASS4 = "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20";
+async function postToRoute3(endpoint, input) {
+  try {
+    const res = await fetch(endpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(input)
+    });
+    const json = await res.json().catch(() => null);
+    if (res.ok && json?.data) return { ok: true, data: json.data };
+    return {
+      ok: false,
+      status: res.status,
+      ...typeof json?.code === "string" ? { code: json.code } : {},
+      ...json?.details !== void 0 ? { details: json.details } : {}
+    };
+  } catch {
+    return { ok: false, status: 0 };
+  }
+}
+function fieldErrorsOf(details) {
+  const errors = details?.fieldErrors;
+  if (typeof errors !== "object" || errors === null) return {};
+  return Object.fromEntries(
+    Object.entries(errors).filter(
+      (entry) => typeof entry[1] === "string"
+    )
+  );
+}
+function toInvoiceErrors(fieldErrors) {
+  const out = {};
+  for (const key of ["billingIdType", "billingIdCountry", "billingNif", "billingName"]) {
+    if (fieldErrors[key]) out[key] = fieldErrors[key];
+  }
+  if (fieldErrors.billingAddress) out.address = fieldErrors.billingAddress;
+  return out;
+}
+function CourseGuestCheckoutForm({
+  course,
+  copy,
+  termsHref,
+  requestForm,
+  issuesInvoices = true,
+  simplifiedInvoiceCapCents = null,
+  submit,
+  endpoint = "/api/academy/checkout",
+  onRedirect,
+  onError,
+  labels,
+  errorMessages,
+  invoiceLabels,
+  invoiceCountries,
+  currencyCode,
+  locale,
+  className
+}) {
+  const t = {
+    ...DEFAULT_COURSE_GUEST_CHECKOUT_FORM_LABELS,
+    ...labels
+  };
+  const messages = { ...DEFAULT_COURSE_GUEST_CHECKOUT_ERROR_MESSAGES, ...errorMessages };
+  const id = useId5();
+  const [firstName, setFirstName] = useState9("");
+  const [lastName, setLastName] = useState9("");
+  const [email, setEmail] = useState9("");
+  const [acceptsTerms, setAcceptsTerms] = useState9(false);
+  const [acceptsConsent, setAcceptsConsent] = useState9(false);
+  const [invoice, setInvoice] = useState9(EMPTY_FULL_INVOICE_VALUE);
+  const [errors, setErrors] = useState9({});
+  const [invoiceErrors, setInvoiceErrors] = useState9({});
+  const [formError, setFormError] = useState9(null);
+  const [submitting, setSubmitting] = useState9(false);
+  const [needsRequest, setNeedsRequest] = useState9(false);
+  const consent = course.withdrawalConsent;
+  const hasTerms = Boolean(copy.termsVersion);
+  const overCap = isOverSimplifiedInvoiceCap(course.priceCents, simplifiedInvoiceCapCents);
+  const formattedTotal = formatPrice(course.priceCents, currencyCode, locale);
+  const notice = copy.payNotice ? copy.payNotice.replaceAll("{total}", formattedTotal).replaceAll("{tenant}", copy.tenantName) : null;
+  if (needsRequest) {
+    return /* @__PURE__ */ jsxs12("div", { "data-slot": "course-guest-checkout-request", className: cn14("space-y-4", className), children: [
+      t.requestRequiredNotice ? /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: t.requestRequiredNotice }) : null,
+      requestForm
+    ] });
+  }
+  async function handleSubmit(event) {
+    event.preventDefault();
+    if (submitting) return;
+    setFormError(null);
+    setInvoiceErrors({});
+    const next = {};
+    if (!firstName.trim()) next.firstName = t.firstNameRequired;
+    if (!lastName.trim()) next.lastName = t.lastNameRequired;
+    if (!EMAIL_PATTERN3.test(email.trim())) next.email = t.emailInvalid;
+    if (hasTerms && !acceptsTerms) next.terms = t.termsRequired;
+    if (consent && !acceptsConsent) next.consent = t.consentRequired;
+    setErrors(next);
+    if (Object.keys(next).length > 0) return;
+    const input = {
+      courseSlug: course.slug,
+      firstName: firstName.trim(),
+      lastName: lastName.trim(),
+      email: email.trim(),
+      ...toCheckoutTermsFields(copy, acceptsTerms),
+      ...consent ? { acceptsWithdrawalWaiver: acceptsConsent, withdrawalWaiverVersion: consent.version } : {},
+      ...toAcademyCheckoutInvoiceFields(invoice, overCap, issuesInvoices)
+    };
+    setSubmitting(true);
+    try {
+      const result = await (submit ?? ((body) => postToRoute3(endpoint, body)))(input).catch(
+        () => ({ ok: false, status: 0 })
+      );
+      if (result.ok) {
+        ;
+        (onRedirect ?? ((url) => window.location.assign(url)))(result.data.url);
+        return;
+      }
+      onError?.(result);
+      if (result.code === "ENROLLMENT_REQUEST_REQUIRED") {
+        setNeedsRequest(true);
+        return;
+      }
+      if (result.code === "INVALID_BILLING")
+        setInvoiceErrors(toInvoiceErrors(fieldErrorsOf(result.details)));
+      const code = result.code;
+      setFormError(code && messages[code] || t.genericError);
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  const fieldError = (field) => errors[field] ? /* @__PURE__ */ jsx14("p", { id: `${id}-${field}-error`, className: "text-xs text-destructive", children: errors[field] }) : null;
+  const invalid = (field) => errors[field] ? { "aria-invalid": true, "aria-describedby": `${id}-${field}-error` } : {};
+  const border = (field) => errors[field] ? "border-destructive" : "border-border";
+  const textField = (field, label, value, onChange, autoComplete) => /* @__PURE__ */ jsxs12("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx14("label", { htmlFor: `${id}-${field}`, className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ jsx14(
+      "input",
+      {
+        id: `${id}-${field}`,
+        type: field === "email" ? "email" : "text",
+        autoComplete,
+        maxLength: field === "email" ? 254 : 200,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        ...invalid(field),
+        className: cn14(FIELD_CLASS4, border(field))
+      }
+    ),
+    fieldError(field)
+  ] });
+  return /* @__PURE__ */ jsxs12(
+    "form",
+    {
+      noValidate: true,
+      onSubmit: handleSubmit,
+      "data-slot": "course-guest-checkout-form",
+      className: cn14("space-y-6", className),
+      children: [
+        /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+          textField("firstName", t.firstNameLabel, firstName, setFirstName, "given-name"),
+          textField("lastName", t.lastNameLabel, lastName, setLastName, "family-name"),
+          /* @__PURE__ */ jsx14("div", { className: "sm:col-span-2", children: textField("email", t.emailLabel, email, setEmail, "email") })
+        ] }),
+        /* @__PURE__ */ jsx14(
+          FullInvoiceFields,
+          {
+            value: invoice,
+            onChange: setInvoice,
+            overCap,
+            issuesInvoices,
+            errors: invoiceErrors,
+            countries: invoiceCountries,
+            labels: {
+              ...copy.fullInvoiceCheckboxLabel ? { toggle: copy.fullInvoiceCheckboxLabel } : {},
+              ...copy.fullInvoiceHelpText ? { underCapNotice: copy.fullInvoiceHelpText } : {},
+              ...invoiceLabels
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs12("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx14(
+            CheckoutTermsAcceptance,
+            {
+              copy,
+              termsHref,
+              checked: acceptsTerms,
+              onCheckedChange: setAcceptsTerms,
+              error: errors.terms,
+              id: `${id}-terms`
+            }
+          ),
+          consent ? /* @__PURE__ */ jsxs12(
+            "div",
+            {
+              "data-slot": "course-guest-checkout-consent",
+              "data-kind": consent.kind,
+              className: "space-y-1",
+              children: [
+                /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
+                  /* @__PURE__ */ jsx14(
+                    "input",
+                    {
+                      id: `${id}-consent`,
+                      type: "checkbox",
+                      checked: acceptsConsent,
+                      onChange: (e) => setAcceptsConsent(e.target.checked),
+                      ...invalid("consent"),
+                      className: "mt-0.5 size-5 shrink-0 cursor-pointer accent-primary"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx14("label", { htmlFor: `${id}-consent`, className: "text-sm leading-relaxed", children: consent.text })
+                ] }),
+                errors.consent ? /* @__PURE__ */ jsx14("p", { id: `${id}-consent-error`, className: "pl-8 text-sm text-destructive", children: errors.consent }) : null
+              ]
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx14("p", { "data-slot": "course-guest-checkout-total", className: "text-base font-semibold", children: t.total(formattedTotal) }),
+        formError ? /* @__PURE__ */ jsx14("p", { role: "alert", className: "text-sm text-destructive", children: formError }) : null,
+        /* @__PURE__ */ jsx14(
+          CheckoutPayAction,
+          {
+            label: copy.continueToPaymentLabel ?? t.submit,
+            notice,
+            submitting,
+            submittingLabel: t.submitting,
+            id: `${id}-pay`
+          }
+        )
+      ]
+    }
+  );
+}
 export {
   AddToCartButton,
   CartIcon,
   Collection,
+  CourseGuestCheckoutForm,
   CourseSyllabus,
   DATA_REQUEST_FIELD_LIMITS,
   DATA_REQUEST_TYPES,
+  DEFAULT_COURSE_GUEST_CHECKOUT_ERROR_MESSAGES,
+  DEFAULT_COURSE_GUEST_CHECKOUT_FORM_LABELS,
   DEFAULT_COURSE_SYLLABUS_LABELS,
   DEFAULT_DATA_REQUEST_FORM_LABELS,
   DEFAULT_PRODUCT_CAROUSEL_LABELS,