@reblu/site-blocks 0.12.1 → 0.13.0

package/dist/index.js

@@ -46,7 +46,11 @@ var DEFAULT_SHOP_ERROR_MESSAGES = {
   INVALID_INPUT: "Revisa los datos introducidos.",
   STORE_DISABLED: "La tienda no est\xE1 disponible en este momento.",
   PAYMENT_PROVIDER_ERROR: "No hemos podido conectar con la pasarela de pago. Int\xE9ntalo de nuevo.",
-  INTERNAL_ERROR: "Ha ocurrido un error inesperado. Int\xE9ntalo de nuevo en unos minutos."
+  INTERNAL_ERROR: "Ha ocurrido un error inesperado. Int\xE9ntalo de nuevo en unos minutos.",
+  // REB-73 — checkout refusals before any payment.
+  BILLING_DATA_REQUIRED: "Para emitir tu factura necesitamos tu NIF/NIE o un documento de identificaci\xF3n, tu nombre y tu direcci\xF3n de facturaci\xF3n.",
+  INVOICING_NOT_READY: "No se puede completar la compra en este momento. Int\xE9ntalo m\xE1s tarde.",
+  FULL_INVOICE_UNAVAILABLE: "Esta tienda no emite facturas completas: contin\xFAa sin solicitarla."
 };
 var DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE = "No se ha podido completar la operaci\xF3n. Int\xE9ntalo de nuevo.";
 function getShopErrorMessage(code, overrides, fallback = DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE) {
@@ -14727,9 +14731,34 @@ function CheckoutForm({
 }
 
 // src/components/order-confirmation.tsx
+import { cn as cn18 } from "@reblu/site-ui/utils";
+
+// src/components/order-invoice-link.tsx
 import { cn as cn17 } from "@reblu/site-ui/utils";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_LABELS7 = {
+  linkLabel: "Descargar la factura {number}",
+  signInHint: "Te pediremos que inicies sesi\xF3n para abrirla."
+};
+function OrderInvoiceLink({ invoice, labels, className }) {
+  if (!invoice) return null;
+  const t = { ...DEFAULT_LABELS7, ...labels };
+  return /* @__PURE__ */ jsxs16("div", { className: cn17("space-y-1 text-sm", className), "data-slot": "order-invoice-link", children: [
+    /* @__PURE__ */ jsx18(
+      "a",
+      {
+        href: invoice.url,
+        className: "font-semibold text-primary underline-offset-2 hover:underline",
+        children: t.linkLabel.replace("{number}", invoice.number)
+      }
+    ),
+    /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground", children: t.signInHint })
+  ] });
+}
+
+// src/components/order-confirmation.tsx
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var DEFAULT_LABELS8 = {
   pollingTitle: "Confirmando tu pedido\u2026",
   pollingDescription: "Estamos procesando el pago, un momento\u2026",
   foundTitle: "\xA1Pedido confirmado!",
@@ -14755,7 +14784,9 @@ var DEFAULT_LABELS7 = {
   notFoundDescription: "Comprueba el enlace o contacta con nosotros si el problema persiste.",
   errorTitle: "Ha ocurrido un error",
   errorDescription: "No hemos podido comprobar el estado de tu pedido.",
-  orderReferenceLabel: "Referencia del pedido"
+  orderReferenceLabel: "Referencia del pedido",
+  invoiceLinkLabel: "Descargar la factura {number}",
+  invoiceSignInHint: "Te pediremos que inicies sesi\xF3n para abrirla."
 };
 function OrderConfirmation({
   status,
@@ -14768,7 +14799,7 @@ function OrderConfirmation({
   locale,
   className
 }) {
-  const t = { ...DEFAULT_LABELS7, ...labels };
+  const t = { ...DEFAULT_LABELS8, ...labels };
   const isPolling = status === "polling" || status === "loading";
   const isFound = status === "found" || status === "paid";
   const { title, description } = (() => {
@@ -14790,48 +14821,55 @@ function OrderConfirmation({
   const showOrderReference = Boolean(order) && !showFullOrderSummary && (status === "refunded" || status === "partially_refunded" || status === "pending_timeout");
   const showSessionReference = !order && sessionId && (status === "timeout" || status === "not_found" || status === "pending_timeout");
   const showRecheck = (status === "pending_timeout" || status === "error") && onRecheck;
-  return /* @__PURE__ */ jsxs16("div", { className: cn17("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
-    /* @__PURE__ */ jsx18("h1", { className: "text-3xl font-bold", children: title }),
-    /* @__PURE__ */ jsx18("p", { className: "text-lg text-muted-foreground", children: description }),
-    showFullOrderSummary && order && /* @__PURE__ */ jsxs16("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-        /* @__PURE__ */ jsx18("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
-        /* @__PURE__ */ jsx18("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+  return /* @__PURE__ */ jsxs17("div", { className: cn18("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
+    /* @__PURE__ */ jsx19("h1", { className: "text-3xl font-bold", children: title }),
+    /* @__PURE__ */ jsx19("p", { className: "text-lg text-muted-foreground", children: description }),
+    showFullOrderSummary && order && /* @__PURE__ */ jsxs17("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+        /* @__PURE__ */ jsx19("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
+        /* @__PURE__ */ jsx19("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "mx-auto max-w-sm space-y-3 rounded-xl border border-border bg-card p-5 text-left", children: [
-        order.items.map((item, idx) => /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-sm space-y-3 rounded-xl border border-border bg-card p-5 text-left", children: [
+        order.items.map((item, idx) => /* @__PURE__ */ jsxs17(
           "div",
           {
             className: "flex justify-between gap-4 text-sm",
             children: [
-              /* @__PURE__ */ jsxs16("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs17("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
                 item.product.name,
                 item.variant ? ` (${item.variant.name})` : "",
                 " x",
                 item.quantity
               ] }),
-              /* @__PURE__ */ jsx18("span", { children: formatPrice(item.total, currencyCode, locale) })
+              /* @__PURE__ */ jsx19("span", { children: formatPrice(item.total, currencyCode, locale) })
             ]
           },
           idx
         )),
-        /* @__PURE__ */ jsx18("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ jsxs16("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
-          /* @__PURE__ */ jsx18("span", { children: t.totalLabel }),
-          /* @__PURE__ */ jsx18("span", { children: formatPrice(order.total, currencyCode, locale) })
+        /* @__PURE__ */ jsx19("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
+          /* @__PURE__ */ jsx19("span", { children: t.totalLabel }),
+          /* @__PURE__ */ jsx19("span", { children: formatPrice(order.total, currencyCode, locale) })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs16("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
         t.confirmationEmailPrefix,
         " ",
-        /* @__PURE__ */ jsx18("span", { className: "font-medium text-foreground", children: order.customerEmail }),
+        /* @__PURE__ */ jsx19("span", { className: "font-medium text-foreground", children: order.customerEmail }),
         "."
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx19(
+        OrderInvoiceLink,
+        {
+          invoice: order.invoice,
+          labels: { linkLabel: t.invoiceLinkLabel, signInHint: t.invoiceSignInHint }
+        }
+      )
     ] }),
-    showOrderReference && order && /* @__PURE__ */ jsxs16("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ jsx18("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
-      /* @__PURE__ */ jsx18("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+    showOrderReference && order && /* @__PURE__ */ jsxs17("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ jsx19("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
+      /* @__PURE__ */ jsx19("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
     ] }),
-    status === "failed" && cartHref && /* @__PURE__ */ jsx18(
+    status === "failed" && cartHref && /* @__PURE__ */ jsx19(
       "a",
       {
         href: cartHref,
@@ -14839,7 +14877,7 @@ function OrderConfirmation({
         children: t.backToCartLabel
       }
     ),
-    showRecheck && /* @__PURE__ */ jsx18(
+    showRecheck && /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -14848,9 +14886,270 @@ function OrderConfirmation({
         children: t.recheckLabel
       }
     ),
-    showSessionReference && /* @__PURE__ */ jsxs16("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ jsx18("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
-      /* @__PURE__ */ jsx18("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
+    showSessionReference && /* @__PURE__ */ jsxs17("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ jsx19("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
+      /* @__PURE__ */ jsx19("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
+    ] })
+  ] });
+}
+
+// src/components/full-invoice-fields.tsx
+import { cn as cn19 } from "@reblu/site-ui/utils";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+var EMPTY_FULL_INVOICE_VALUE = {
+  wantsFullInvoice: false,
+  billingIdType: "NIF",
+  billingIdCountry: "",
+  billingNif: "",
+  billingName: "",
+  street: "",
+  postalCode: "",
+  city: "",
+  country: "ES"
+};
+var DEFAULT_LABELS9 = {
+  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 shopIssuesInvoices(config) {
+  return config.simplifiedInvoiceCapCents != null;
+}
+function isOverSimplifiedInvoiceCap(totalCents, capCents) {
+  return capCents != null && totalCents > capCents;
+}
+function toCheckoutInvoiceFields(value, overCap, issuesInvoices = true) {
+  if (!issuesInvoices) return {};
+  if (!value.wantsFullInvoice && !overCap) return {};
+  const name = value.billingName.trim();
+  const [first = "", ...rest] = name.split(/\s+/);
+  const billing = {
+    billingName: name,
+    billingNif: value.billingNif.trim(),
+    billingIdType: value.billingIdType,
+    ...value.billingIdType === "NIF" ? {} : { billingIdCountry: value.billingIdCountry },
+    billingAddress: {
+      firstName: first,
+      lastName: rest.join(" ") || first,
+      street: value.street.trim(),
+      city: value.city.trim(),
+      postalCode: value.postalCode.trim(),
+      country: value.country
+    }
+  };
+  return { ...value.wantsFullInvoice ? { wantsFullInvoice: true } : {}, billing };
+}
+var FIELD_CLASS = "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_LABELS9, ...labels };
+  const showFields = value.wantsFullInvoice || overCap;
+  const isSpanishNif = value.billingIdType === "NIF";
+  const set = (key2, next2) => onChange({ ...value, [key2]: next2 });
+  const error = (key2) => errors[key2] ? /* @__PURE__ */ jsx20("p", { id: `full-invoice-${key2}-error`, className: "text-sm text-destructive", children: errors[key2] }) : null;
+  const invalid2 = (key2) => errors[key2] ? { "aria-invalid": true, "aria-describedby": `full-invoice-${key2}-error` } : {};
+  return /* @__PURE__ */ jsxs18("section", { className: cn19("space-y-4", className), "data-slot": "full-invoice-fields", children: [
+    overCap ? /* @__PURE__ */ jsx20("p", { role: "note", className: "rounded-lg border border-border p-4 text-sm", children: t.overCapNotice }) : /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs18("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx20(
+          "input",
+          {
+            type: "checkbox",
+            checked: value.wantsFullInvoice,
+            onChange: (e) => set("wantsFullInvoice", e.target.checked)
+          }
+        ),
+        t.toggle
+      ] }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: t.underCapNotice })
+    ] }),
+    showFields && /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-id-type", className: "text-sm font-medium", children: t.idType }),
+        /* @__PURE__ */ jsx20(
+          "select",
+          {
+            id: "full-invoice-id-type",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.billingIdType,
+            onChange: (e) => set("billingIdType", e.target.value),
+            ...invalid2("billingIdType"),
+            children: ID_TYPES.map((type) => /* @__PURE__ */ jsx20("option", { value: type, children: t.idTypeOptions[type] }, type))
+          }
+        ),
+        error("billingIdType")
+      ] }),
+      !isSpanishNif && /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-id-country", className: "text-sm font-medium", children: t.idCountry }),
+        /* @__PURE__ */ jsxs18(
+          "select",
+          {
+            id: "full-invoice-id-country",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.billingIdCountry,
+            onChange: (e) => set("billingIdCountry", e.target.value),
+            ...invalid2("billingIdCountry"),
+            children: [
+              /* @__PURE__ */ jsx20("option", { value: "", disabled: true, children: t.chooseCountry }),
+              countries.map((c) => /* @__PURE__ */ jsx20("option", { value: c.code, children: c.name }, c.code))
+            ]
+          }
+        ),
+        error("billingIdCountry")
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-nif", className: "text-sm font-medium", children: isSpanishNif ? t.spanishNif : t.documentNumber }),
+        /* @__PURE__ */ jsx20(
+          "input",
+          {
+            id: "full-invoice-nif",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.billingNif,
+            onChange: (e) => set("billingNif", e.target.value),
+            ...invalid2("billingNif")
+          }
+        ),
+        error("billingNif")
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-name", className: "text-sm font-medium", children: t.name }),
+        /* @__PURE__ */ jsx20(
+          "input",
+          {
+            id: "full-invoice-name",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.billingName,
+            onChange: (e) => set("billingName", e.target.value),
+            ...invalid2("billingName")
+          }
+        ),
+        error("billingName")
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1 sm:col-span-2", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-street", className: "text-sm font-medium", children: t.street }),
+        /* @__PURE__ */ jsx20(
+          "input",
+          {
+            id: "full-invoice-street",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.street,
+            onChange: (e) => set("street", e.target.value),
+            ...invalid2("address")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-postal-code", className: "text-sm font-medium", children: t.postalCode }),
+        /* @__PURE__ */ jsx20(
+          "input",
+          {
+            id: "full-invoice-postal-code",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.postalCode,
+            onChange: (e) => set("postalCode", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-city", className: "text-sm font-medium", children: t.city }),
+        /* @__PURE__ */ jsx20(
+          "input",
+          {
+            id: "full-invoice-city",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.city,
+            onChange: (e) => set("city", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx20("label", { htmlFor: "full-invoice-country", className: "text-sm font-medium", children: t.country }),
+        /* @__PURE__ */ jsx20(
+          "select",
+          {
+            id: "full-invoice-country",
+            className: FIELD_CLASS,
+            required: true,
+            value: value.country,
+            onChange: (e) => set("country", e.target.value),
+            children: countries.map((c) => /* @__PURE__ */ jsx20("option", { value: c.code, children: c.name }, c.code))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx20("div", { className: "sm:col-span-2", children: error("address") })
     ] })
   ] });
 }
@@ -14861,13 +15160,17 @@ export {
   CartSummary,
   CheckoutForm,
   CheckoutLoginPrompt,
+  DEFAULT_INVOICE_COUNTRIES,
   DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
   DEFAULT_SHOP_ERROR_MESSAGES,
   DEFAULT_SHOP_PRICE_BANDS,
   DEFAULT_TRUST_ICONS,
+  EMPTY_FULL_INVOICE_VALUE,
   FaqAccordion,
+  FullInvoiceFields,
   MarkdownRenderer,
   OrderConfirmation,
+  OrderInvoiceLink,
   PageBlocks,
   PageCardGrid,
   ParentPage,
@@ -14884,10 +15187,13 @@ export {
   formatPrice,
   getShopErrorMessage,
   isAllowedYouTubeHost,
+  isOverSimplifiedInvoiceCap,
   markdownToSafeHtml,
   readingTime,
   sanitizeHtml,
-  shouldRenderShopFilters
+  shopIssuesInvoices,
+  shouldRenderShopFilters,
+  toCheckoutInvoiceFields
 };
 /*! Bundled license information: