@asteby/storefront-react 0.15.0 → 0.16.1

package/dist/fiscal.js

@@ -0,0 +1,1106 @@
+import { validateFiscalValues, regimesFor, usesFor, normalizeTaxId, entryLabel, summarizeExtraction, toInvoiceRequest, maskTaxId } from './chunk-Q7UTJIKY.js';
+export { entryLabel, maskTaxId, normalizeTaxId, personTypeByLength, postalCodeProblem, regimesFor, summarizeExtraction, taxIdProblem, toInvoiceRequest, usesFor, validateFiscalValues } from './chunk-Q7UTJIKY.js';
+import { useResolvedLocale } from './chunk-T52H5HL3.js';
+import './chunk-DQBL2DFJ.js';
+import { CheckoutField, ErrorSummary } from './chunk-DFGLCIEG.js';
+import { useId, useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/fiscal/messages.ts
+var ES = {
+  fields: {
+    legend: "Datos fiscales",
+    taxId: "RFC",
+    taxIdHint: "Se escribe en may\xFAsculas y sin espacios.",
+    legalName: "Nombre o raz\xF3n social",
+    legalNameHint: "Escr\xEDbelo tal como aparece en tu registro fiscal.",
+    postalCode: "C\xF3digo postal fiscal",
+    postalCodeHint: "El de tu domicilio fiscal, que puede ser distinto al de entrega.",
+    regime: "R\xE9gimen fiscal",
+    regimeHint: "Solo mostramos los que aplican a tu tipo de persona.",
+    regimeChoose: "Elige tu r\xE9gimen",
+    regimeFromDocument: "Tu documento menciona m\xE1s de un r\xE9gimen. Elige el que usar\xE1s para esta factura.",
+    use: "Uso de la factura",
+    useHint: "Solo mostramos los usos que admite tu r\xE9gimen.",
+    useChoose: "Elige el uso",
+    fromDocument: "De tu {document}",
+    errors: {
+      required: "Completa este campo.",
+      taxIdFormat: "Revisa el formato: {kind} no v\xE1lido.",
+      postalFormat: "Escribe un c\xF3digo postal v\xE1lido, por ejemplo {example}.",
+      unknown: "Elige una opci\xF3n de la lista.",
+      personType: "Este r\xE9gimen no corresponde a tu tipo de persona.",
+      useNotAllowed: "Este uso no est\xE1 disponible con el r\xE9gimen elegido."
+    }
+  },
+  reader: {
+    title: "Sube tu {document}",
+    dropHint: "Arrastra el PDF aqu\xED o toca para elegirlo",
+    dropActive: "Suelta el archivo para leerlo",
+    choose: "Elegir archivo",
+    obtain: "Desc\xE1rgala aqu\xED",
+    privacyBrowser: "La leemos en tu dispositivo. No guardamos el archivo, solo los datos que confirmes.",
+    privacyServer: "La procesamos y la descartamos al terminar. Solo guardamos los datos que confirmes.",
+    uploadServer: "Leer mi archivo",
+    manual: "Captura tus datos a mano",
+    reading: "Leyendo tu {document}\u2026",
+    cancel: "Cancelar",
+    done: "Listo. Revisa tus datos.",
+    reviewTitle: "Revisa tus datos",
+    reviewHint: "Puedes corregir cualquier campo antes de continuar.",
+    confirm: "Usar estos datos",
+    changeFile: "Subir otro archivo",
+    saveToAccount: "Guardar en mi cuenta para la pr\xF3xima",
+    saveConsent: "Guardaremos estos datos en tu cuenta para facturar m\xE1s r\xE1pido. Puedes borrarlos cuando quieras.",
+    warnings: {
+      qrMismatch: "El c\xF3digo QR de tu documento no coincide con los datos le\xEDdos. Revisa con calma tu RFC y tu nombre.",
+      stale: "Tu documento tiene {days} d\xEDas de emitido. Si algo cambi\xF3 en tu registro, descarga uno nuevo.",
+      regimeMissing: "No pudimos detectar tu r\xE9gimen. El\xEDgelo de la lista.",
+      fieldsMissing: "No encontramos algunos datos en el documento. Compl\xE9talos para continuar."
+    },
+    errors: {
+      not_pdf: "Ese archivo no es un PDF. Sube el PDF que descargaste o captura tus datos a mano.",
+      too_large: "El archivo pesa m\xE1s de {size}. Sube el PDF original o captura tus datos a mano.",
+      no_text: "Este PDF parece una imagen escaneada y no podemos leerlo. Captura tus datos a mano.",
+      password: "Este PDF tiene contrase\xF1a y no podemos abrirlo. Desc\xE1rgalo de nuevo sin contrase\xF1a o captura tus datos a mano.",
+      unreadable: "No pudimos leer este archivo. Int\xE9ntalo con otro o captura tus datos a mano."
+    },
+    summaryTitleOne: "Revisa 1 campo para continuar",
+    summaryTitleMany: "Revisa {n} campos para continuar"
+  },
+  toggle: {
+    label: "Necesito factura (CFDI)",
+    payDefault: "Pagar",
+    payAndInvoice: "Pagar y facturar",
+    profileTitle: "Facturaremos con estos datos",
+    change: "Cambiar",
+    useOther: "Usar otros datos",
+    useSaved: "Usar mis datos guardados",
+    manualTitle: "Datos de facturaci\xF3n",
+    unavailable: "Esta tienda todav\xEDa no factura en l\xEDnea.",
+    privacy: "Usamos estos datos solo para emitir tu factura.",
+    fieldsOf: { taxId: "RFC", legalName: "Nombre o raz\xF3n social", postalCode: "C\xF3digo postal fiscal", regime: "R\xE9gimen", use: "Uso" }
+  },
+  status: {
+    title: "Factura",
+    request: "Solicitar factura",
+    requestHelp: "\xBFNecesitas factura de este pedido?",
+    awaitingTitle: "Esperando tu pago",
+    awaitingBody: "Cuando se acredite tu pago emitimos la factura. Con OXXO o transferencia puede tardar un poco.",
+    processingTitle: "Estamos generando tu factura",
+    processingBody: "Suele tardar menos de un minuto. Esta p\xE1gina se actualiza sola.",
+    processingSlow: "Sigue en proceso. Puedes cerrar esta p\xE1gina: tu factura aparecer\xE1 aqu\xED cuando est\xE9 lista.",
+    refresh: "Actualizar",
+    issuedTitle: "Tu factura est\xE1 lista",
+    issuedBody: "Desc\xE1rgala cuando la necesites. Los enlaces vencen en 15 minutos; vuelve a abrir esta p\xE1gina para generar nuevos.",
+    folio: "Folio fiscal",
+    pdf: "Descargar PDF",
+    xml: "Descargar XML",
+    needsDataTitle: "Faltan datos para tu factura",
+    needsDataBody: "No pudimos emitirla con los datos que nos diste.",
+    correct: "Corregir y reintentar",
+    reviewTitle: "La tienda est\xE1 revisando tu factura",
+    reviewBody: "Necesita una revisi\xF3n del negocio. No tienes que hacer nada m\xE1s; si tarda, escr\xEDbenos.",
+    contact: "Contactar a la tienda",
+    contactBy: "Escr\xEDbenos a {contact} con tu n\xFAmero de pedido.",
+    windowTitle: "Ya pas\xF3 el plazo para facturar",
+    windowBody: "Este pedido est\xE1 fuera del plazo para pedir factura. Si necesitas ayuda, contacta a la tienda.",
+    unavailableTitle: "Factura no disponible",
+    unavailableBody: "Esta tienda no emite factura de este pedido. Si la necesitas, cont\xE1ctala.",
+    cancelledTitle: "Factura cancelada",
+    cancelledBody: "Esta factura fue cancelada. Si necesitas una nueva, contacta a la tienda.",
+    reasons: {
+      "invoice.tax_id": "El RFC no es v\xE1lido.",
+      "invoice.legal_name": "El nombre o la raz\xF3n social no coincide con tu registro.",
+      "invoice.tax_regime": "El r\xE9gimen fiscal no es v\xE1lido para tus datos.",
+      "invoice.postal_code": "El c\xF3digo postal fiscal no es v\xE1lido.",
+      "invoice.use": "El uso de la factura no es v\xE1lido con tu r\xE9gimen.",
+      default: "Revisa tus datos fiscales y vuelve a intentarlo."
+    }
+  },
+  server: {
+    errors: {
+      validation: "Revisa este campo.",
+      required: "Completa este campo.",
+      invalid: "El valor no es v\xE1lido."
+    }
+  }
+};
+var EN = {
+  fields: {
+    legend: "Tax details",
+    taxId: "Tax ID",
+    taxIdHint: "Uppercase, without spaces.",
+    legalName: "Legal name",
+    legalNameHint: "Write it as it appears in your tax registration.",
+    postalCode: "Tax postal code",
+    postalCodeHint: "The one of your tax address, which can differ from the delivery address.",
+    regime: "Tax regime",
+    regimeHint: "We only list the ones that apply to your kind of taxpayer.",
+    regimeChoose: "Choose your regime",
+    regimeFromDocument: "Your document lists more than one regime. Choose the one for this invoice.",
+    use: "Invoice use",
+    useHint: "We only list the uses your regime admits.",
+    useChoose: "Choose the use",
+    fromDocument: "From your {document}",
+    errors: {
+      required: "Fill in this field.",
+      taxIdFormat: "Check the format: not a valid {kind}.",
+      postalFormat: "Enter a valid postal code, like {example}.",
+      unknown: "Choose an option from the list.",
+      personType: "This regime does not match your kind of taxpayer.",
+      useNotAllowed: "This use is not available with the chosen regime."
+    }
+  },
+  reader: {
+    title: "Upload your {document}",
+    dropHint: "Drag the PDF here or tap to choose it",
+    dropActive: "Drop the file to read it",
+    choose: "Choose file",
+    obtain: "Get it here",
+    privacyBrowser: "We read it on your device. We do not keep the file, only the details you confirm.",
+    privacyServer: "We process it and discard it when done. We only keep the details you confirm.",
+    uploadServer: "Read my file",
+    manual: "Enter your details by hand",
+    reading: "Reading your {document}\u2026",
+    cancel: "Cancel",
+    done: "Done. Review your details.",
+    reviewTitle: "Review your details",
+    reviewHint: "You can fix any field before continuing.",
+    confirm: "Use these details",
+    changeFile: "Upload another file",
+    saveToAccount: "Save to my account for next time",
+    saveConsent: "We will save these details to your account to invoice faster. You can delete them any time.",
+    warnings: {
+      qrMismatch: "The QR code of your document does not match what we read. Check your tax ID and name carefully.",
+      stale: "Your document was issued {days} days ago. If something changed in your registration, download a new one.",
+      regimeMissing: "We could not detect your regime. Choose it from the list.",
+      fieldsMissing: "We did not find some details in the document. Fill them in to continue."
+    },
+    errors: {
+      not_pdf: "That file is not a PDF. Upload the PDF you downloaded or enter your details by hand.",
+      too_large: "The file is larger than {size}. Upload the original PDF or enter your details by hand.",
+      no_text: "This PDF looks like a scanned image and we cannot read it. Enter your details by hand.",
+      password: "This PDF is password protected and we cannot open it. Download it again without a password or enter your details by hand.",
+      unreadable: "We could not read this file. Try another one or enter your details by hand."
+    },
+    summaryTitleOne: "Check 1 field to continue",
+    summaryTitleMany: "Check {n} fields to continue"
+  },
+  toggle: {
+    label: "I need an invoice",
+    payDefault: "Pay",
+    payAndInvoice: "Pay and invoice",
+    profileTitle: "We will invoice with these details",
+    change: "Change",
+    useOther: "Use other details",
+    useSaved: "Use my saved details",
+    manualTitle: "Invoice details",
+    unavailable: "This store does not invoice online yet.",
+    privacy: "We only use these details to issue your invoice.",
+    fieldsOf: { taxId: "Tax ID", legalName: "Legal name", postalCode: "Tax postal code", regime: "Regime", use: "Use" }
+  },
+  status: {
+    title: "Invoice",
+    request: "Request invoice",
+    requestHelp: "Do you need an invoice for this order?",
+    awaitingTitle: "Waiting for your payment",
+    awaitingBody: "We issue the invoice once your payment clears. Cash and bank transfers can take a while.",
+    processingTitle: "We are generating your invoice",
+    processingBody: "It usually takes under a minute. This page updates by itself.",
+    processingSlow: "Still in progress. You can close this page: your invoice will show up here when it is ready.",
+    refresh: "Refresh",
+    issuedTitle: "Your invoice is ready",
+    issuedBody: "Download it whenever you need. The links expire in 15 minutes; reopen this page for new ones.",
+    folio: "Tax folio",
+    pdf: "Download PDF",
+    xml: "Download XML",
+    needsDataTitle: "Your invoice needs more details",
+    needsDataBody: "We could not issue it with the details you gave us.",
+    correct: "Fix and retry",
+    reviewTitle: "The store is reviewing your invoice",
+    reviewBody: "It needs a review by the business. You do not need to do anything else; if it takes long, write to us.",
+    contact: "Contact the store",
+    contactBy: "Write to {contact} with your order number.",
+    windowTitle: "The invoicing period has ended",
+    windowBody: "This order is outside the period to request an invoice. If you need help, contact the store.",
+    unavailableTitle: "Invoice not available",
+    unavailableBody: "This store does not issue an invoice for this order. If you need one, contact them.",
+    cancelledTitle: "Invoice cancelled",
+    cancelledBody: "This invoice was cancelled. If you need a new one, contact the store.",
+    reasons: {
+      "invoice.tax_id": "The tax ID is not valid.",
+      "invoice.legal_name": "The legal name does not match your registration.",
+      "invoice.tax_regime": "The tax regime is not valid for your details.",
+      "invoice.postal_code": "The tax postal code is not valid.",
+      "invoice.use": "The invoice use is not valid with your regime.",
+      default: "Check your tax details and try again."
+    }
+  },
+  server: {
+    errors: {
+      validation: "Check this field.",
+      required: "Fill in this field.",
+      invalid: "The value is not valid."
+    }
+  }
+};
+var merge = (base, over) => {
+  if (!over) return base;
+  const out = { ...base };
+  for (const [k, v] of Object.entries(over)) {
+    if (v === void 0) continue;
+    const b = base[k];
+    out[k] = typeof v === "object" && v !== null && !Array.isArray(v) && typeof b === "object" && b !== null ? merge(b, v) : v;
+  }
+  return out;
+};
+function fiscalMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN : ES;
+  return overrides ? merge(base, overrides) : base;
+}
+function fill(template, vars) {
+  return template.replace(/\{(\w+)\}/g, (m, k) => k in vars ? String(vars[k]) : m);
+}
+var FIELDS = ["tax_id", "legal_name", "postal_code", "tax_regime", "use"];
+var EMPTY = { tax_id: "", legal_name: "", postal_code: "", tax_regime: "", use: "" };
+function problemText(m, region, field, p) {
+  const e = m.errors;
+  switch (p) {
+    case "required":
+      return e.required;
+    case "format":
+      return field === "tax_id" ? fill(e.taxIdFormat, { kind: region.fiscal_id?.label ?? "" }) : fill(e.postalFormat, { example: region.address?.postal_code?.example ?? "" });
+    case "person_type":
+      return e.personType;
+    case "use_not_allowed":
+      return e.useNotAllowed;
+    default:
+      return e.unknown;
+  }
+}
+function FiscalIdentityFields({
+  region,
+  values,
+  onChange,
+  fromDocument = [],
+  documentName,
+  regimeCandidates,
+  errors = {},
+  namePrefix = "invoice",
+  idPrefix,
+  personTypeOf,
+  disabled,
+  locale: localeProp,
+  messages,
+  classNames: cx = {},
+  hideLegend
+}) {
+  const locale = useResolvedLocale(localeProp);
+  const all = fiscalMessages(locale, messages);
+  const m = all.fields;
+  const fid = region.fiscal_id;
+  const reactId = useId();
+  const base = idPrefix ?? `sf-fiscal-${reactId.replace(/:/g, "")}`;
+  const [v, setV] = useState({ ...EMPTY, ...values });
+  const [shown, setShown] = useState(/* @__PURE__ */ new Set());
+  const root = useRef(null);
+  const valuesKey = JSON.stringify(values ?? null);
+  const first = useRef(true);
+  useEffect(() => {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    setV({ ...EMPTY, ...values });
+    setShown(/* @__PURE__ */ new Set());
+  }, [valuesKey]);
+  const set = (patch) => {
+    const next = { ...v, ...patch };
+    if (patch.tax_regime !== void 0 && next.use && !usesFor(fid, next.tax_regime).some((u) => u.code === next.use)) next.use = "";
+    setV(next);
+    onChange?.(next);
+  };
+  const person = personTypeOf?.(v.tax_id) ?? null;
+  const taxIdOk = !validateFiscalValues(region, { tax_id: v.tax_id }, personTypeOf).tax_id;
+  const problems = useMemo(() => validateFiscalValues(region, v, personTypeOf), [region, v, personTypeOf]);
+  const candidates = regimeCandidates?.length ? regimeCandidates : null;
+  const regimes = useMemo(() => {
+    const list = regimesFor(fid, taxIdOk ? person : null);
+    if (candidates) return (fid?.regimes ?? []).filter((r) => candidates.includes(r.code));
+    return v.tax_regime && !list.some((r) => r.code === v.tax_regime) ? [...list, ...(fid?.regimes ?? []).filter((r) => r.code === v.tax_regime)] : list;
+  }, [fid, person, taxIdOk, candidates, v.tax_regime]);
+  const uses = useMemo(() => usesFor(fid, v.tax_regime), [fid, v.tax_regime]);
+  useEffect(() => {
+    const el = root.current;
+    if (!el) return;
+    for (const f of FIELDS) {
+      const ctl = el.querySelector(`[name="${namePrefix}.${f}"]`);
+      const p = problems[f];
+      ctl?.setCustomValidity?.(p && p !== "required" ? problemText(m, region, f, p) : "");
+    }
+  });
+  const name = (f) => `${namePrefix}.${f}`;
+  const err = (f) => {
+    const external = errors[name(f)];
+    if (external) return external;
+    const p = problems[f];
+    return shown.has(f) && p && p !== "required" ? problemText(m, region, f, p) : null;
+  };
+  const touch = (f) => {
+    if (v[f] && !shown.has(f)) setShown((s) => new Set(s).add(f));
+  };
+  const doc = documentName ?? "";
+  const mark = (f) => fromDocument.includes(f) && (v[f] || f === "tax_regime" && candidates) ? /* @__PURE__ */ jsxs("span", { className: cx.mark, "data-sf-from-document": true, children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2713 " }),
+    fill(m.fromDocument, { document: doc || (locale.toLowerCase().startsWith("en") ? "document" : "documento") })
+  ] }) : null;
+  const hint = (f, text) => {
+    const mk = mark(f);
+    if (!mk) return text;
+    return text ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      mk,
+      " \xB7 ",
+      text
+    ] }) : mk;
+  };
+  const postalExample = region.address?.postal_code?.example;
+  const numericPostal = !!postalExample && /^\d+$/.test(postalExample);
+  return /* @__PURE__ */ jsxs("fieldset", { ref: root, className: cx.fieldset, disabled, "data-sf-fiscal-fields": true, style: { border: 0, padding: 0, margin: 0, minInlineSize: 0 }, children: [
+    /* @__PURE__ */ jsx("legend", { className: cx.legend, hidden: hideLegend ? true : void 0, style: hideLegend ? void 0 : { padding: 0 }, children: m.legend }),
+    /* @__PURE__ */ jsx(
+      CheckoutField,
+      {
+        name: name("tax_id"),
+        id: `${base}-tax_id`,
+        label: fid?.label || m.taxId,
+        hint: hint("tax_id", m.taxIdHint),
+        value: v.tax_id,
+        onChange: (e) => set({ tax_id: normalizeTaxId(e.target.value) }),
+        onBlur: () => touch("tax_id"),
+        error: err("tax_id"),
+        classNames: cx,
+        autoComplete: "off",
+        autoCapitalize: "characters",
+        spellCheck: false,
+        inputMode: "text",
+        enterKeyHint: "next",
+        maxLength: 20,
+        locale
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CheckoutField,
+      {
+        name: name("legal_name"),
+        id: `${base}-legal_name`,
+        label: m.legalName,
+        hint: hint("legal_name", m.legalNameHint),
+        value: v.legal_name,
+        onChange: (e) => set({ legal_name: e.target.value }),
+        onBlur: () => touch("legal_name"),
+        error: err("legal_name"),
+        classNames: cx,
+        autoComplete: "organization",
+        enterKeyHint: "next",
+        maxLength: 254,
+        locale
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CheckoutField,
+      {
+        name: name("postal_code"),
+        id: `${base}-postal_code`,
+        label: m.postalCode,
+        hint: hint("postal_code", m.postalCodeHint),
+        value: v.postal_code,
+        onChange: (e) => set({ postal_code: e.target.value.trim() }),
+        onBlur: () => touch("postal_code"),
+        error: err("postal_code"),
+        classNames: cx,
+        autoComplete: "postal-code",
+        inputMode: numericPostal ? "numeric" : "text",
+        placeholder: postalExample,
+        enterKeyHint: "next",
+        maxLength: 12,
+        locale
+      }
+    ),
+    candidates ? /* @__PURE__ */ jsxs("fieldset", { className: cx.radios, "data-sf-fiscal-regimes": true, "aria-describedby": err("tax_regime") ? `${base}-regime-error` : void 0, style: { border: 0, padding: 0, margin: 0, minInlineSize: 0 }, children: [
+      /* @__PURE__ */ jsx("legend", { className: cx.label, "data-sf-label": m.regime, children: m.regime }),
+      /* @__PURE__ */ jsxs("p", { className: cx.hint, "data-sf-field-hint": true, children: [
+        mark("tax_regime"),
+        " \xB7 ",
+        m.regimeFromDocument
+      ] }),
+      regimes.map((r, i) => /* @__PURE__ */ jsxs("label", { className: cx.radio, "data-sf-fiscal-radio": true, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            id: i === 0 ? `${base}-tax_regime` : void 0,
+            name: name("tax_regime"),
+            value: r.code,
+            checked: v.tax_regime === r.code,
+            required: true,
+            onChange: () => set({ tax_regime: r.code })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          entryLabel(r, locale),
+          " ",
+          /* @__PURE__ */ jsxs("span", { "data-sf-fiscal-code": true, children: [
+            "(",
+            r.code,
+            ")"
+          ] })
+        ] })
+      ] }, r.code)),
+      err("tax_regime") ? /* @__PURE__ */ jsx("p", { id: `${base}-regime-error`, className: cx.error, "data-sf-field-error": true, children: err("tax_regime") }) : null
+    ] }) : /* @__PURE__ */ jsxs(
+      CheckoutField,
+      {
+        as: "select",
+        name: name("tax_regime"),
+        id: `${base}-tax_regime`,
+        label: m.regime,
+        hint: hint("tax_regime", m.regimeHint),
+        value: v.tax_regime,
+        onChange: (e) => set({ tax_regime: e.target.value }),
+        onBlur: () => touch("tax_regime"),
+        error: err("tax_regime"),
+        classNames: cx,
+        locale,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: m.regimeChoose }),
+          regimes.map((r) => /* @__PURE__ */ jsxs("option", { value: r.code, children: [
+            r.code,
+            " \xB7 ",
+            entryLabel(r, locale)
+          ] }, r.code))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      CheckoutField,
+      {
+        as: "select",
+        name: name("use"),
+        id: `${base}-use`,
+        label: m.use,
+        hint: m.useHint,
+        value: v.use,
+        onChange: (e) => set({ use: e.target.value }),
+        onBlur: () => touch("use"),
+        error: err("use"),
+        classNames: cx,
+        locale,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: m.useChoose }),
+          uses.map((u) => /* @__PURE__ */ jsxs("option", { value: u.code, children: [
+            u.code,
+            " \xB7 ",
+            entryLabel(u, locale)
+          ] }, u.code))
+        ]
+      }
+    )
+  ] });
+}
+var isPdf = (f, accept) => {
+  const okType = f.type ? accept.some((a) => a === f.type) || f.type === "application/pdf" : false;
+  return okType || /\.pdf$/i.test(f.name);
+};
+var mib = (bytes) => `${Math.round(bytes / (1024 * 1024) * 10) / 10} MB`;
+function IdentityDocumentReader(props) {
+  const { region, workerSrc, onConfirm, onManual, initialValues, data, canSave, serverUpload, personTypeOf, now, namePrefix = "invoice", messages, classNames: cx = {}, confirmLabel } = props;
+  const locale = useResolvedLocale(props.locale);
+  const all = fiscalMessages(locale, messages);
+  const m = all.reader;
+  const spec = props.document ?? region.fiscal_id?.documents?.[0];
+  const reactId = useId().replace(/:/g, "");
+  const inputId = `sf-reader-${reactId}-file`;
+  const helpId = `sf-reader-${reactId}-help`;
+  const documentName = props.documentName ?? (spec?.label ?? "document").toLowerCase();
+  const fromServer = data?.extraction ?? null;
+  const serverError = data && !data.ok && data.error && ["not_pdf", "too_large", "no_text", "password", "unreadable"].includes(data.error.code) ? data.error.code : null;
+  const [phase, setPhase] = useState(
+    () => fromServer ? { kind: "review", extraction: fromServer, revision: 0 } : serverError ? { kind: "error", code: serverError, sizeLimit: spec?.max_bytes } : { kind: "idle" }
+  );
+  const [dragging, setDragging] = useState(false);
+  const [live, setLive] = useState("");
+  const [values, setValues] = useState({ tax_id: "", legal_name: "", postal_code: "", tax_regime: "", use: "", ...initialValues, ...fromServer?.values ?? {} });
+  const [save, setSave] = useState(false);
+  const [summary, setSummary] = useState(null);
+  const [summaryKey, setSummaryKey] = useState(0);
+  const [hydrated, setHydrated] = useState(false);
+  const abort = useRef(null);
+  const fileInput = useRef(null);
+  const errorRef = useRef(null);
+  const reviewRef = useRef(null);
+  useEffect(() => setHydrated(true), []);
+  useEffect(() => () => abort.current?.abort(), []);
+  useEffect(() => {
+    if (!fromServer) return;
+    setValues((cur) => ({ ...cur, ...fromServer.values }));
+    setPhase({ kind: "review", extraction: fromServer, revision: 1 });
+  }, [fromServer]);
+  useEffect(() => {
+    if (phase.kind === "error") errorRef.current?.focus();
+    if (phase.kind === "review" && phase.revision > 0) reviewRef.current?.focus();
+  }, [phase]);
+  const accept = useMemo(() => spec?.accept?.length ? spec.accept.join(",") : "application/pdf", [spec]);
+  const fieldErrors = useMemo(() => {
+    const out = {};
+    for (const [k, v] of Object.entries(data?.fieldErrors ?? {})) out[k] = all.server.errors[v] ?? v;
+    return out;
+  }, [data, all.server.errors]);
+  const cancel = useCallback(() => {
+    abort.current?.abort();
+    abort.current = null;
+    setPhase({ kind: "idle" });
+    setLive("");
+  }, []);
+  const openManual = useCallback(() => {
+    onManual?.();
+    setPhase({ kind: "review", extraction: null, revision: 1 });
+    setLive("");
+  }, [onManual]);
+  const read = useCallback(
+    async (file) => {
+      if (!spec) return;
+      if (!isPdf(file, spec.accept ?? [])) return setPhase({ kind: "error", code: "not_pdf" });
+      if (file.size > spec.max_bytes) return setPhase({ kind: "error", code: "too_large", sizeLimit: spec.max_bytes });
+      const ctl = new AbortController();
+      abort.current = ctl;
+      setPhase({ kind: "reading", fileName: file.name });
+      setLive(fill(m.reading, { document: documentName }));
+      try {
+        const eng = await import('@asteby/storefront/fiscal-document');
+        const { text, sha256 } = await eng.readPdfText(file, {
+          maxBytes: spec.max_bytes,
+          ...spec.max_pages ? { maxPages: spec.max_pages } : {},
+          ...workerSrc ? { workerSrc } : {},
+          signal: ctl.signal
+        });
+        if (ctl.signal.aborted) return;
+        const qr = await eng.decodePdfQr(file, { ...workerSrc ? { workerSrc } : {}, signal: ctl.signal }).catch(() => null);
+        if (ctl.signal.aborted) return;
+        const x = eng.extractIdentityDocument(text, spec, {
+          catalogs: region.fiscal_id ? eng.catalogsFromRegion(region.fiscal_id) : {},
+          qr,
+          ...now ? { now: now() } : {}
+        });
+        const evidence = eng.buildDocumentEvidence(x, { sha256, source: "pdf_client" });
+        const sum = summarizeExtraction(x, evidence, region.fiscal_id?.regimes.map((r) => r.code));
+        setValues({ tax_id: "", legal_name: "", postal_code: "", tax_regime: "", use: "", ...sum.values });
+        setSummary(null);
+        setPhase({ kind: "review", extraction: sum, revision: 1 });
+        setLive(m.done);
+      } catch (err) {
+        if (ctl.signal.aborted) return;
+        const code = err?.code;
+        setLive("");
+        setPhase({
+          kind: "error",
+          code: code === "not_pdf" || code === "too_large" || code === "no_text" || code === "password" ? code : "unreadable",
+          sizeLimit: spec.max_bytes
+        });
+      } finally {
+        if (abort.current === ctl) abort.current = null;
+        if (fileInput.current) fileInput.current.value = "";
+      }
+    },
+    [spec, workerSrc, region, now, documentName, m.reading, m.done]
+  );
+  if (!spec) return null;
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragging(false);
+    const f = e.dataTransfer?.files?.[0];
+    if (f) void read(f);
+  };
+  const confirm = () => {
+    const problems = validateFiscalValues(region, values, personTypeOf);
+    const keys = Object.keys(problems);
+    if (keys.length) {
+      const labels = {
+        tax_id: region.fiscal_id?.label || all.fields.taxId,
+        legal_name: all.fields.legalName,
+        postal_code: all.fields.postalCode,
+        tax_regime: all.fields.regime,
+        use: all.fields.use
+      };
+      const item = (f) => {
+        const p = problems[f];
+        const msg = p === "required" ? all.fields.errors.required : p === "format" ? f === "tax_id" ? fill(all.fields.errors.taxIdFormat, { kind: region.fiscal_id?.label ?? "" }) : fill(all.fields.errors.postalFormat, { example: region.address?.postal_code?.example ?? "" }) : p === "person_type" ? all.fields.errors.personType : p === "use_not_allowed" ? all.fields.errors.useNotAllowed : all.fields.errors.unknown;
+        return { name: `${namePrefix}.${f}`, id: `sf-reader-${reactId}-${f}`, label: labels[f], message: msg };
+      };
+      setSummary(keys.map(item));
+      setSummaryKey((k) => k + 1);
+      return;
+    }
+    setSummary(null);
+    const ev = phase.kind === "review" ? phase.extraction?.evidence ?? null : null;
+    onConfirm({ values, evidence: ev, save: !!canSave && save });
+  };
+  const errorsByName = { ...fieldErrors };
+  for (const s of summary ?? []) errorsByName[s.name] = s.message;
+  const privacy = serverUpload && !hydrated ? m.privacyServer : m.privacyBrowser;
+  const idle = /* @__PURE__ */ jsxs("div", { className: cx.root, "data-sf-reader": true, "data-state": "idle", children: [
+    /* @__PURE__ */ jsx("h3", { "data-sf-reader-title": true, children: fill(m.title, { document: documentName }) }),
+    spec.help ? /* @__PURE__ */ jsx("p", { "data-sf-reader-help": true, children: spec.help }) : null,
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: inputId,
+        className: dragging ? cx.zoneActive : cx.zone,
+        "data-sf-reader-zone": true,
+        "data-dragging": dragging ? "" : void 0,
+        onDragOver: (e) => {
+          e.preventDefault();
+          setDragging(true);
+        },
+        onDragLeave: () => setDragging(false),
+        onDrop,
+        children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-sf-reader-icon": true, children: "\u2B06" }),
+          /* @__PURE__ */ jsx("span", { "data-sf-reader-drop": true, children: dragging ? m.dropActive : m.dropHint }),
+          /* @__PURE__ */ jsx("span", { "data-sf-reader-choose": true, children: m.choose }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileInput,
+              id: inputId,
+              type: "file",
+              name: serverUpload && !hydrated ? "document" : void 0,
+              accept,
+              "aria-describedby": helpId,
+              "data-sf-reader-input": true,
+              onChange: (e) => {
+                const f = e.target.files?.[0];
+                if (f) void read(f);
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { id: helpId, className: cx.privacy, "data-sf-reader-privacy": true, children: privacy }),
+    serverUpload ? /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx("button", { type: "submit", name: "intent", value: "extract-document", formEncType: "multipart/form-data", formMethod: "post", formNoValidate: true, className: cx.secondary, "data-sf-reader-upload": true, children: m.uploadServer }) }) : null,
+    /* @__PURE__ */ jsxs("p", { "data-sf-reader-links": true, children: [
+      spec.obtain_url ? /* @__PURE__ */ jsx("a", { href: spec.obtain_url, target: "_blank", rel: "noopener noreferrer", className: cx.link, "data-sf-reader-obtain": true, children: m.obtain }) : null,
+      /* @__PURE__ */ jsx("button", { type: "button", className: cx.link, onClick: openManual, "data-sf-reader-manual": true, children: m.manual })
+    ] })
+  ] });
+  const reading = phase.kind === "reading" && /* @__PURE__ */ jsxs("div", { className: cx.root, "data-sf-reader": true, "data-state": "reading", children: [
+    /* @__PURE__ */ jsxs("p", { className: cx.status, "data-sf-reader-reading": true, children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-sf-reader-spinner": true }),
+      fill(m.reading, { document: documentName }),
+      " ",
+      /* @__PURE__ */ jsx("span", { "data-sf-reader-file": true, children: phase.fileName })
+    ] }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: cancel, "data-sf-reader-cancel": true, children: m.cancel })
+  ] });
+  const errored = phase.kind === "error" && /* @__PURE__ */ jsxs("div", { className: cx.root, "data-sf-reader": true, "data-state": "error", children: [
+    /* @__PURE__ */ jsx("div", { ref: errorRef, role: "alert", tabIndex: -1, className: cx.error, "data-sf-reader-error": phase.code, children: fill(m.errors[phase.code], { size: mib(phase.sizeLimit ?? spec.max_bytes) }) }),
+    /* @__PURE__ */ jsxs("div", { className: cx.actions, "data-sf-reader-actions": true, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: cx.primary, onClick: openManual, "data-sf-reader-manual": true, children: m.manual }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: () => setPhase({ kind: "idle" }), "data-sf-reader-retry": true, children: m.changeFile })
+    ] })
+  ] });
+  const review = phase.kind === "review" && /* @__PURE__ */ jsxs("div", { className: cx.root, "data-sf-reader": true, "data-state": "review", children: [
+    /* @__PURE__ */ jsx("h3", { ref: reviewRef, tabIndex: -1, "data-sf-reader-title": true, children: m.reviewTitle }),
+    /* @__PURE__ */ jsx("p", { "data-sf-reader-help": true, children: m.reviewHint }),
+    /* @__PURE__ */ jsx(
+      ErrorSummary,
+      {
+        items: summary,
+        focusKey: summaryKey,
+        locale,
+        title: summary ? summary.length === 1 ? m.summaryTitleOne : fill(m.summaryTitleMany, { n: summary.length }) : void 0
+      }
+    ),
+    phase.extraction ? /* @__PURE__ */ jsx(Warnings, { x: phase.extraction, m, cx }) : null,
+    /* @__PURE__ */ jsx(
+      FiscalIdentityFields,
+      {
+        region,
+        values,
+        onChange: setValues,
+        errors: errorsByName,
+        idPrefix: `sf-reader-${reactId}`,
+        namePrefix,
+        fromDocument: phase.extraction?.from_document ?? [],
+        documentName,
+        regimeCandidates: phase.extraction && phase.extraction.regime_candidates.length > 1 ? phase.extraction.regime_candidates : void 0,
+        ...personTypeOf ? { personTypeOf } : {},
+        locale,
+        ...messages ? { messages } : {},
+        classNames: cx,
+        hideLegend: true
+      }
+    ),
+    phase.extraction?.evidence ? /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.document`, value: JSON.stringify(phase.extraction.evidence) }) : null,
+    canSave ? /* @__PURE__ */ jsxs("label", { "data-sf-reader-save": true, children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", name: `${namePrefix}.save`, checked: save, onChange: (e) => setSave(e.target.checked) }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        m.saveToAccount,
+        /* @__PURE__ */ jsxs("span", { "data-sf-field-hint": true, children: [
+          " ",
+          m.saveConsent
+        ] })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: cx.actions, "data-sf-reader-actions": true, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: cx.primary, onClick: confirm, "data-sf-reader-confirm": true, children: confirmLabel ?? m.confirm }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: () => setPhase({ kind: "idle" }), "data-sf-reader-retry": true, children: m.changeFile })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { "data-sf-document-reader": true, children: [
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: cx.status, "data-sf-reader-live": true, style: visuallyHidden, children: live }),
+    phase.kind === "idle" ? idle : null,
+    reading || null,
+    errored || null,
+    review || null
+  ] });
+}
+var visuallyHidden = { position: "absolute", width: 1, height: 1, margin: -1, padding: 0, overflow: "hidden", clip: "rect(0 0 0 0)", whiteSpace: "nowrap", border: 0 };
+function Warnings({ x, m, cx }) {
+  const items = [];
+  if (x.qr_match === false) items.push(m.warnings.qrMismatch);
+  if (x.stale === true && x.age_days !== null) items.push(fill(m.warnings.stale, { days: x.age_days }));
+  if (x.regime_candidates.length === 0 && !x.values.tax_regime) items.push(m.warnings.regimeMissing);
+  else if (x.missing.some((k) => k !== "tax_regime" && k !== "document_id" && k !== "issued_on")) items.push(m.warnings.fieldsMissing);
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx("ul", { className: cx.warning, "data-sf-reader-warnings": true, children: items.map((t) => /* @__PURE__ */ jsxs("li", { "data-sf-reader-warning": true, children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u26A0 " }),
+    t
+  ] }, t)) });
+}
+var profileValues = (p) => ({
+  tax_id: p.tax_id,
+  legal_name: p.legal_name,
+  postal_code: p.postal_code,
+  tax_regime: p.tax_regime,
+  use: p.invoice_use ?? ""
+});
+function InvoiceToggle(props) {
+  const { region, capabilities, profile, onChange, data, canSave, workerSrc, serverUpload, noJsHref, personTypeOf, namePrefix = "invoice", messages, classNames: cx = {}, now } = props;
+  const locale = useResolvedLocale(props.locale);
+  const all = fiscalMessages(locale, messages);
+  const m = all.toggle;
+  const fid = region.fiscal_id;
+  const spec = props.document ?? fid?.documents?.find((d) => !capabilities || capabilities.identity_documents.includes(d.kind)) ?? void 0;
+  const canRead = !!spec;
+  const usable = !!profile && !!profile.invoice_use;
+  const startMode = data?.extraction ? "read" : usable ? "profile" : profile ? "edit-profile" : canRead ? "read" : "manual";
+  const bodyId = `sf-invoice-${useId().replace(/:/g, "")}`;
+  const [requested, setRequested] = useState(!!props.defaultRequested || !!data?.extraction || !!data?.fieldErrors);
+  const [mode, setMode] = useState(startMode);
+  const [values, setValues] = useState(profile ? profileValues(profile) : { tax_id: "", legal_name: "", postal_code: "", tax_regime: "", use: "" });
+  const [confirmed, setConfirmed] = useState(null);
+  const [save, setSave] = useState(false);
+  const emit = useRef(onChange);
+  emit.current = onChange;
+  const payDefault = props.payLabel ?? m.payDefault;
+  const state = useMemo(() => {
+    if (!requested) return { requested: false, invoice: null, ready: false, source: null, payLabel: payDefault };
+    const country = region.country_code;
+    const label = m.payAndInvoice;
+    if (mode === "profile" && profile) {
+      const inv2 = toInvoiceRequest(profileValues(profile), profile.country_code || country);
+      if (profile.document) inv2.document = profile.document;
+      return { requested: true, invoice: inv2, ready: true, source: "profile", payLabel: label };
+    }
+    if (mode === "read") {
+      if (!confirmed) return { requested: true, invoice: null, ready: false, source: null, payLabel: label };
+      const inv2 = toInvoiceRequest(confirmed.values, country);
+      if (confirmed.evidence) inv2.document = confirmed.evidence;
+      if (confirmed.save) inv2.save = true;
+      return { requested: true, invoice: inv2, ready: true, source: confirmed.evidence ? "document" : "manual", payLabel: label };
+    }
+    const ready = Object.keys(validateFiscalValues(region, values, personTypeOf)).length === 0;
+    const inv = toInvoiceRequest(values, country);
+    if (save) inv.save = true;
+    return { requested: true, invoice: ready ? inv : null, ready, source: "manual", payLabel: label };
+  }, [requested, mode, profile, confirmed, values, save, region, personTypeOf, payDefault, m.payAndInvoice]);
+  const key = JSON.stringify(state);
+  useEffect(() => {
+    emit.current?.(state);
+  }, [key]);
+  if (capabilities && (!capabilities.available || capabilities.checkout === "off")) return null;
+  const profileCard = profile && /* @__PURE__ */ jsxs("div", { className: cx.card, "data-sf-invoice-profile": true, children: [
+    /* @__PURE__ */ jsx("p", { className: cx.cardTitle, "data-sf-invoice-profile-title": true, children: m.profileTitle }),
+    /* @__PURE__ */ jsxs("dl", { children: [
+      /* @__PURE__ */ jsx(Row, { cx, label: fid?.label || m.fieldsOf.taxId, value: /* @__PURE__ */ jsx("span", { "data-sf-masked": true, children: maskTaxId(profile.tax_id) }) }),
+      /* @__PURE__ */ jsx(Row, { cx, label: m.fieldsOf.legalName, value: profile.legal_name }),
+      /* @__PURE__ */ jsx(Row, { cx, label: m.fieldsOf.postalCode, value: profile.postal_code }),
+      /* @__PURE__ */ jsx(Row, { cx, label: m.fieldsOf.regime, value: labelOf(fid?.regimes, profile.tax_regime, locale) }),
+      /* @__PURE__ */ jsx(Row, { cx, label: m.fieldsOf.use, value: labelOf(fid?.invoice_uses, profile.invoice_use ?? "", locale) })
+    ] }),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.tax_id`, value: profile.tax_id }),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.legal_name`, value: profile.legal_name }),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.postal_code`, value: profile.postal_code }),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.tax_regime`, value: profile.tax_regime }),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.use`, value: profile.invoice_use ?? "" }),
+    profile.document ? /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.document`, value: JSON.stringify(profile.document) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: cx.actions, "data-sf-invoice-actions": true, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: () => setMode("edit-profile"), "data-sf-invoice-change": true, children: m.change }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cx.link,
+          onClick: () => {
+            setValues({ tax_id: "", legal_name: "", postal_code: "", tax_regime: "", use: "" });
+            setConfirmed(null);
+            setMode(canRead ? "read" : "manual");
+          },
+          "data-sf-invoice-other": true,
+          children: m.useOther
+        }
+      )
+    ] })
+  ] });
+  const saveBox = canSave ? /* @__PURE__ */ jsxs("label", { "data-sf-invoice-save": true, children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", name: `${namePrefix}.save`, checked: save, onChange: (e) => setSave(e.target.checked) }),
+    /* @__PURE__ */ jsx("span", { children: all.reader.saveToAccount })
+  ] }) : null;
+  const backToProfile = profile && usable && mode !== "profile" ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: cx.link,
+      onClick: () => {
+        setValues(profileValues(profile));
+        setMode("profile");
+      },
+      "data-sf-invoice-back": true,
+      children: m.useSaved
+    }
+  ) : null;
+  const body = !requested ? null : /* @__PURE__ */ jsxs("div", { id: bodyId, className: cx.body, "data-sf-invoice-body": true, children: [
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: `${namePrefix}.requested`, value: "true" }),
+    mode === "profile" ? profileCard : mode === "read" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        IdentityDocumentReader,
+        {
+          region,
+          ...spec ? { document: spec } : {},
+          ...workerSrc ? { workerSrc } : {},
+          ...data ? { data } : {},
+          ...canSave !== void 0 ? { canSave } : {},
+          ...serverUpload ? { serverUpload } : {},
+          ...props.documentName ? { documentName: props.documentName } : {},
+          ...personTypeOf ? { personTypeOf } : {},
+          ...now ? { now } : {},
+          onManual: () => {
+            setValues({ tax_id: "", legal_name: "", postal_code: "", tax_regime: "", use: "" });
+            setMode("manual");
+          },
+          onConfirm: (r) => {
+            setConfirmed(r);
+          },
+          namePrefix,
+          locale,
+          ...messages ? { messages } : {},
+          classNames: cx
+        }
+      ),
+      confirmed ? /* @__PURE__ */ jsxs("p", { role: "status", "data-sf-invoice-confirmed": true, children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2713 " }),
+        m.profileTitle
+      ] }) : null,
+      backToProfile
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h3", { className: cx.cardTitle, children: m.manualTitle }),
+      /* @__PURE__ */ jsx(
+        FiscalIdentityFields,
+        {
+          region,
+          values,
+          onChange: setValues,
+          errors: Object.fromEntries(Object.entries(data?.fieldErrors ?? {}).map(([k, v]) => [k, all.server.errors[v] ?? v])),
+          namePrefix,
+          ...personTypeOf ? { personTypeOf } : {},
+          locale,
+          ...messages ? { messages } : {},
+          classNames: cx,
+          hideLegend: true
+        }
+      ),
+      saveBox,
+      /* @__PURE__ */ jsx("p", { className: cx.privacy, "data-sf-invoice-privacy": true, children: m.privacy }),
+      backToProfile
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("section", { className: cx.toggle, "data-sf-invoice-toggle": true, "aria-label": m.label, children: [
+    /* @__PURE__ */ jsxs("label", { "data-sf-invoice-label": true, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          name: `${namePrefix}.want`,
+          checked: requested,
+          "aria-controls": requested ? bodyId : void 0,
+          onChange: (e) => setRequested(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: m.label })
+    ] }),
+    noJsHref && !requested ? /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx("a", { href: noJsHref, "data-sf-invoice-nojs": true, children: m.label }) }) : null,
+    body
+  ] });
+}
+function Row({ label, value, cx }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx.cardRow, "data-sf-invoice-row": true, children: [
+    /* @__PURE__ */ jsx("dt", { children: label }),
+    /* @__PURE__ */ jsx("dd", { children: value })
+  ] });
+}
+function labelOf(list, code, locale) {
+  const e = list?.find((x) => x.code === code);
+  return e ? `${e.code} \xB7 ${entryLabel(e, locale)}` : code;
+}
+function invoiceCardState(invoice, available = true) {
+  if (!available) return "unavailable";
+  if (!invoice) return "not_requested";
+  const stage = invoice.stage ?? "";
+  const blocked = invoice.blocked_reason ?? "";
+  if (stage === "issued" || invoice.status === "issued" || invoice.action === "download" && (invoice.url || invoice.xml_url)) return "issued";
+  if (stage === "cancelled") return "cancelled";
+  if (stage === "needs_data" || invoice.action === "correct_data") return "needs_data";
+  if (stage === "needs_review" || invoice.action === "contact_store") return "needs_review";
+  if (stage === "window_closed" || blocked === "window_closed") return "window_closed";
+  if (stage === "awaiting_payment" || blocked === "awaiting_payment") return "awaiting_payment";
+  if (stage === "queued" || stage === "issuing" || stage === "retrying" || stage === "requested") return "processing";
+  if (blocked === "not_invoiceable" || blocked === "unavailable") return "unavailable";
+  if (invoice.can_request === false && blocked) return "unavailable";
+  return "not_requested";
+}
+function InvoiceStatusCard(props) {
+  const { invoice, available = true, onRequest, requestHref, onCorrect, correctHref, onRefresh, refreshMs = 1e4, refreshForMs = 6e4, contact, messages, classNames: cx = {}, headingLevel = 3 } = props;
+  const locale = useResolvedLocale(props.locale);
+  const m = fiscalMessages(locale, messages).status;
+  const state = invoiceCardState(invoice, available);
+  const titleId = `sf-invoice-card-${useId().replace(/:/g, "")}`;
+  const [tired, setTired] = useState(false);
+  const refresh = useRef(onRefresh);
+  refresh.current = onRefresh;
+  useEffect(() => {
+    setTired(false);
+    if (state !== "processing" || !refresh.current) return;
+    const t0 = Date.now();
+    const id = setInterval(() => {
+      if (Date.now() - t0 >= refreshForMs) {
+        clearInterval(id);
+        setTired(true);
+        return;
+      }
+      refresh.current?.();
+    }, refreshMs);
+    return () => clearInterval(id);
+  }, [state, refreshMs, refreshForMs]);
+  const manualRefresh = useCallback(() => {
+    setTired(false);
+    refresh.current?.();
+  }, []);
+  const H = `h${headingLevel}`;
+  const contactLine = contact?.email ?? contact?.phone ?? contact?.url;
+  const reason = invoice?.reason_code ? m.reasons[invoice.reason_code] ?? m.reasons.default : m.reasons.default;
+  let title;
+  let body = null;
+  let actions = null;
+  let live = false;
+  switch (state) {
+    case "not_requested": {
+      title = m.title;
+      body = /* @__PURE__ */ jsx("p", { className: cx.body, children: m.requestHelp });
+      const can = invoice?.can_request !== false;
+      if (can && (onRequest || requestHref)) {
+        actions = onRequest ? /* @__PURE__ */ jsx("button", { type: "button", className: cx.primary, onClick: onRequest, "data-sf-invoice-request": true, children: m.request }) : /* @__PURE__ */ jsx("a", { href: requestHref, className: cx.primary, "data-sf-invoice-request": true, children: m.request });
+      }
+      break;
+    }
+    case "awaiting_payment":
+      title = m.awaitingTitle;
+      body = /* @__PURE__ */ jsx("p", { className: cx.body, children: m.awaitingBody });
+      break;
+    case "processing":
+      live = true;
+      title = m.processingTitle;
+      body = /* @__PURE__ */ jsx("p", { className: cx.body, children: tired ? m.processingSlow : m.processingBody });
+      actions = onRefresh ? /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: manualRefresh, "data-sf-invoice-refresh": true, children: m.refresh }) : null;
+      break;
+    case "issued":
+      title = m.issuedTitle;
+      body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: cx.body, children: m.issuedBody }),
+        invoice?.folio ? /* @__PURE__ */ jsxs("p", { className: cx.meta, "data-sf-invoice-folio": true, children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            m.folio,
+            ": "
+          ] }),
+          /* @__PURE__ */ jsx("code", { children: invoice.folio })
+        ] }) : null
+      ] });
+      actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+        invoice?.url ? /* @__PURE__ */ jsx("a", { href: invoice.url, className: cx.primary, rel: "noopener noreferrer", download: true, "data-sf-invoice-pdf": true, children: m.pdf }) : null,
+        invoice?.xml_url ? /* @__PURE__ */ jsx("a", { href: invoice.xml_url, className: cx.secondary, rel: "noopener noreferrer", download: true, "data-sf-invoice-xml": true, children: m.xml }) : null
+      ] });
+      break;
+    case "needs_data":
+      title = m.needsDataTitle;
+      body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: cx.body, children: m.needsDataBody }),
+        /* @__PURE__ */ jsx("p", { className: cx.meta, "data-sf-invoice-reason": true, children: reason })
+      ] });
+      actions = onCorrect ? /* @__PURE__ */ jsx("button", { type: "button", className: cx.primary, onClick: onCorrect, "data-sf-invoice-correct": true, children: m.correct }) : correctHref ? /* @__PURE__ */ jsx("a", { href: correctHref, className: cx.primary, "data-sf-invoice-correct": true, children: m.correct }) : null;
+      break;
+    case "needs_review":
+      title = m.reviewTitle;
+      body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: cx.body, children: m.reviewBody }),
+        contactLine ? /* @__PURE__ */ jsx("p", { className: cx.meta, children: fill(m.contactBy, { contact: contactLine }) }) : null
+      ] });
+      actions = contact?.url ? /* @__PURE__ */ jsx("a", { href: contact.url, className: cx.secondary, "data-sf-invoice-contact": true, children: m.contact }) : contact?.email ? /* @__PURE__ */ jsx("a", { href: `mailto:${contact.email}`, className: cx.secondary, "data-sf-invoice-contact": true, children: m.contact }) : null;
+      break;
+    case "window_closed":
+      title = m.windowTitle;
+      body = /* @__PURE__ */ jsx("p", { className: cx.body, children: m.windowBody });
+      break;
+    case "cancelled":
+      title = m.cancelledTitle;
+      body = /* @__PURE__ */ jsx("p", { className: cx.body, children: m.cancelledBody });
+      break;
+    default:
+      title = m.unavailableTitle;
+      body = /* @__PURE__ */ jsx("p", { className: cx.body, children: m.unavailableBody });
+  }
+  return /* @__PURE__ */ jsxs("section", { className: cx.root, "data-sf-invoice-card": true, "data-state": state, "data-stage": invoice?.stage || void 0, "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs(H, { id: titleId, className: cx.title, "data-sf-invoice-title": true, children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-sf-invoice-icon": true, children: ICON[state] }),
+      " ",
+      title
+    ] }),
+    /* @__PURE__ */ jsx("div", { "aria-live": live || state === "issued" ? "polite" : void 0, "data-sf-invoice-live": true, children: body }),
+    actions ? /* @__PURE__ */ jsx("div", { className: cx.actions, "data-sf-invoice-actions": true, children: actions }) : null
+  ] });
+}
+var ICON = {
+  not_requested: "\u25CB",
+  awaiting_payment: "\u25D4",
+  processing: "\u21BB",
+  issued: "\u2713",
+  needs_data: "!",
+  needs_review: "\u25D0",
+  window_closed: "\u2013",
+  unavailable: "\u2013",
+  cancelled: "\xD7"
+};
+
+export { FiscalIdentityFields, IdentityDocumentReader, InvoiceStatusCard, InvoiceToggle, fiscalMessages, invoiceCardState };
+//# sourceMappingURL=fiscal.js.map
+//# sourceMappingURL=fiscal.js.map