@reblu/site-blocks 0.5.1 → 0.7.0

package/dist/index.cjs

@@ -21,8 +21,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ALLOWED_YOUTUBE_HOSTS: () => ALLOWED_YOUTUBE_HOSTS,
+  AddedToCartToast: () => AddedToCartToast,
+  CartLineList: () => CartLineList,
+  CartSummary: () => CartSummary,
+  CheckoutForm: () => CheckoutForm,
+  CheckoutLoginPrompt: () => CheckoutLoginPrompt,
+  DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE: () => DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
+  DEFAULT_SHOP_ERROR_MESSAGES: () => DEFAULT_SHOP_ERROR_MESSAGES,
   DEFAULT_SHOP_PRICE_BANDS: () => DEFAULT_SHOP_PRICE_BANDS,
   MarkdownRenderer: () => MarkdownRenderer,
+  OrderConfirmation: () => OrderConfirmation,
   ProductCard: () => ProductCard,
   ProfileCard: () => ProfileCard,
   SafeHtml: () => SafeHtml,
@@ -31,6 +39,7 @@ __export(src_exports, {
   Treatment: () => Treatment,
   buildShareUrls: () => buildShareUrls,
   formatPrice: () => formatPrice,
+  getShopErrorMessage: () => getShopErrorMessage,
   isAllowedYouTubeHost: () => isAllowedYouTubeHost,
   markdownToSafeHtml: () => markdownToSafeHtml,
   readingTime: () => readingTime,
@@ -71,6 +80,25 @@ function buildShareUrls(url, title) {
   };
 }
 
+// src/lib/shop-error-messages.ts
+var DEFAULT_SHOP_ERROR_MESSAGES = {
+  STOCK_CHANGED: "Alguno de los productos de tu carrito ya no tiene stock suficiente.",
+  PRICE_CHANGED: "El precio de alguno de los productos de tu carrito ha cambiado. Rev\xEDsalo antes de continuar.",
+  PRODUCT_UNAVAILABLE: "Alguno de los productos de tu carrito ya no est\xE1 disponible.",
+  DISCOUNT_INVALID: "El c\xF3digo de descuento no es v\xE1lido.",
+  SHIPPING_UNAVAILABLE: "El env\xEDo no est\xE1 disponible para la direcci\xF3n indicada.",
+  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."
+};
+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) {
+  if (!code) return fallback;
+  const messages = { ...DEFAULT_SHOP_ERROR_MESSAGES, ...overrides };
+  return messages[code] ?? fallback;
+}
+
 // ../../node_modules/.pnpm/devlop@1.1.0/node_modules/devlop/lib/default.js
 function ok() {
 }
@@ -13619,11 +13647,672 @@ function ShopFilters({
     )
   ] });
 }
+
+// src/components/cart-line-list.tsx
+var import_utils8 = require("@reblu/site-ui/utils");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DEFAULT_LABELS2 = {
+  quantityLabel: "Cantidad",
+  decrease: "Reducir cantidad",
+  increase: "Aumentar cantidad",
+  remove: "Eliminar",
+  unitPriceSuffix: "/ ud.",
+  cancelledNotice: "Pago cancelado: tu carrito sigue aqu\xED"
+};
+function lineKey(productId, variantId) {
+  return `${productId}-${variantId ?? "no-variant"}`;
+}
+function CartLineList({
+  items,
+  onQuantityChange,
+  onRemove,
+  liveMessage,
+  notice,
+  labels,
+  currencyCode,
+  locale,
+  className
+}) {
+  const t = { ...DEFAULT_LABELS2, ...labels };
+  const noticeContent = notice === true ? t.cancelledNotice : notice;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_utils8.cn)("space-y-4", className), "data-slot": "cart-line-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "aria-live": "polite", className: "sr-only", children: liveMessage }),
+    noticeContent != null && noticeContent !== false && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        role: "status",
+        className: "rounded-lg bg-muted px-3 py-2 text-sm text-muted-foreground",
+        "data-slot": "cart-line-list-notice",
+        children: noticeContent
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "space-y-4", children: items.map((item) => {
+      const maxQty = item.maxStock ?? Infinity;
+      const atMax = item.quantity >= maxQty;
+      const atMin = item.quantity <= 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "li",
+        {
+          className: "flex gap-4 rounded-xl border border-border bg-card p-4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-muted", children: item.imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: item.imageUrl, alt: item.name, className: "h-full w-full object-cover" }) : null }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "truncate text-sm font-semibold leading-tight", children: item.name }),
+              item.variantName && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.variantName }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+                formatPrice(item.unitPrice, currencyCode, locale),
+                " ",
+                t.unitPriceSuffix
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                "div",
+                {
+                  role: "group",
+                  "aria-label": t.quantityLabel,
+                  className: "mt-3 flex items-center gap-3",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": t.decrease,
+                        disabled: !onQuantityChange || atMin,
+                        onClick: onQuantityChange ? () => onQuantityChange(item.productId, item.variantId, item.quantity - 1) : void 0,
+                        className: "flex h-7 w-7 items-center justify-center rounded border border-border transition hover:bg-muted disabled:cursor-not-allowed disabled:opacity-40",
+                        children: "\u2212"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w-8 text-center text-sm font-semibold tabular-nums", children: item.quantity }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": t.increase,
+                        disabled: !onQuantityChange || atMax,
+                        onClick: onQuantityChange ? () => onQuantityChange(item.productId, item.variantId, item.quantity + 1) : void 0,
+                        className: "flex h-7 w-7 items-center justify-center rounded border border-border transition hover:bg-muted disabled:cursor-not-allowed disabled:opacity-40",
+                        children: "+"
+                      }
+                    ),
+                    onRemove && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `${t.remove} ${item.name}`,
+                        onClick: () => onRemove(item.productId, item.variantId),
+                        className: "ml-2 text-muted-foreground transition-colors hover:text-destructive",
+                        children: t.remove
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-base font-bold", children: formatPrice(item.unitPrice * item.quantity, currencyCode, locale) }) })
+          ]
+        },
+        lineKey(item.productId, item.variantId)
+      );
+    }) })
+  ] });
+}
+
+// src/components/cart-summary.tsx
+var import_utils9 = require("@reblu/site-ui/utils");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DEFAULT_LABELS3 = {
+  subtotal: "Subtotal",
+  discountPrefix: "Descuento",
+  shipping: "Env\xEDo",
+  freeShipping: "Env\xEDo gratis",
+  shippingCalculated: "Se calcula en el pago",
+  total: "Total",
+  cancelledNotice: "Pago cancelado: tu carrito sigue aqu\xED"
+};
+function CartSummary({
+  subtotal,
+  discount,
+  discountCode,
+  shipping,
+  shippingEnabled,
+  total,
+  notice,
+  labels,
+  currencyCode,
+  locale,
+  className
+}) {
+  const t = { ...DEFAULT_LABELS3, ...labels };
+  const hasDiscount = Boolean(discount && discount > 0);
+  const noticeContent = notice === true ? t.cancelledNotice : notice;
+  const hasNotice = noticeContent != null && noticeContent !== false;
+  const breakdown = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "dl",
+    {
+      className: (0, import_utils9.cn)("space-y-2 text-sm", !hasNotice && className),
+      "data-slot": "cart-summary",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: t.subtotal }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: formatPrice(subtotal, currencyCode, locale) })
+        ] }),
+        hasDiscount && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-between text-green-600 dark:text-green-400", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("dt", { children: [
+            t.discountPrefix,
+            discountCode ? ` (${discountCode})` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("dd", { children: [
+            "-",
+            formatPrice(discount, currencyCode, locale)
+          ] })
+        ] }),
+        shippingEnabled && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: t.shipping }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: shipping == null || !Number.isFinite(shipping) ? t.shippingCalculated : shipping === 0 ? t.freeShipping : formatPrice(shipping, currencyCode, locale) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-between border-t border-border pt-2 text-base font-bold", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: t.total }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: formatPrice(total, currencyCode, locale) })
+        ] })
+      ]
+    }
+  );
+  if (!hasNotice) return breakdown;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_utils9.cn)("space-y-3", className), "data-slot": "cart-summary-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        role: "status",
+        className: "rounded-lg bg-muted px-3 py-2 text-sm text-muted-foreground",
+        "data-slot": "cart-summary-notice",
+        children: noticeContent
+      }
+    ),
+    breakdown
+  ] });
+}
+
+// src/components/added-to-cart-toast.tsx
+var import_utils10 = require("@reblu/site-ui/utils");
+var import_jsx_runtime10 = (
+  // eslint-disable-next-line @next/next/no-img-element -- toast content, not a Next <Image> layout context
+  require("react/jsx-runtime")
+);
+var DEFAULT_LABELS4 = {
+  success: "A\xF1adido al carrito",
+  error: "No se pudo a\xF1adir al carrito",
+  outOfStock: "Producto agotado",
+  viewCart: "Ver carrito"
+};
+function AddedToCartToast({
+  status = "success",
+  productName,
+  quantity,
+  imageUrl,
+  cartHref,
+  labels,
+  className
+}) {
+  const t = { ...DEFAULT_LABELS4, ...labels };
+  const message = status === "error" ? t.error : status === "outOfStock" ? t.outOfStock : t.success;
+  const hasThumbnail = Boolean(imageUrl && imageUrl.trim().length > 0);
+  const variant = status === "success" ? "success" : "error";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      "data-slot": "added-to-cart-toast",
+      "data-variant": variant,
+      className: (0, import_utils10.cn)(
+        "flex items-center gap-3 rounded-xl border border-border bg-card p-3 text-sm shadow-lg",
+        variant === "success" && "border-green-600/30 dark:border-green-400/30",
+        variant === "error" && "border-destructive/30",
+        className
+      ),
+      children: [
+        hasThumbnail && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: imageUrl, alt: productName, className: "h-10 w-10 flex-shrink-0 rounded-lg object-cover" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "truncate font-semibold text-foreground", children: productName }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "truncate text-muted-foreground", children: quantity && quantity > 1 ? `${message} \xB7 x${quantity}` : message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: cartHref, className: "text-sm font-semibold text-primary underline-offset-2 hover:underline", children: t.viewCart }) })
+      ]
+    }
+  );
+}
+
+// src/components/checkout-login-prompt.tsx
+var import_utils11 = require("@reblu/site-ui/utils");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var DEFAULT_LABELS5 = {
+  title: "Identificaci\xF3n",
+  description: "Introduce tu email para agilizar el proceso o contin\xFAa como invitado.",
+  emailLabel: "Email",
+  emailPlaceholder: "tu@email.com",
+  continueWithEmail: "Continuar con este email",
+  checking: "Verificando\u2026",
+  continueAsGuest: "Continuar como invitado",
+  close: "Cerrar"
+};
+var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function CheckoutLoginPrompt({
+  open,
+  email,
+  onEmailChange,
+  onClose,
+  onSubmitEmail,
+  onContinueAsGuest,
+  checking,
+  error,
+  labels,
+  className
+}) {
+  if (!open) return null;
+  const t = { ...DEFAULT_LABELS5, ...labels };
+  const isValidEmail = EMAIL_PATTERN.test(email.trim());
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "checkout-login-prompt-title",
+        "data-slot": "checkout-login-prompt",
+        className: (0, import_utils11.cn)(
+          "fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 space-y-5 rounded-2xl border border-border bg-background p-6 shadow-2xl",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { id: "checkout-login-prompt-title", className: "text-xl font-bold", children: t.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: t.description })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                "aria-label": t.close,
+                className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: "checkout-login-prompt-email", className: "text-sm font-medium", children: t.emailLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "input",
+              {
+                id: "checkout-login-prompt-email",
+                type: "email",
+                autoComplete: "email",
+                value: email,
+                onChange: (e) => onEmailChange(e.target.value),
+                placeholder: t.emailPlaceholder,
+                className: (0, import_utils11.cn)(
+                  "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
+                  error ? "border-destructive" : "border-border focus:border-primary"
+                )
+              }
+            ),
+            error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xs text-destructive", children: error })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onSubmitEmail,
+                disabled: checking || !isValidEmail,
+                className: (0, import_utils11.cn)(
+                  "flex w-full items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold transition-all",
+                  checking || !isValidEmail ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
+                ),
+                children: checking ? t.checking : t.continueWithEmail
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onContinueAsGuest,
+                className: "flex w-full items-center justify-center gap-2 rounded-xl bg-muted px-4 py-2.5 text-sm font-semibold text-muted-foreground transition-colors hover:bg-muted/70",
+                children: t.continueAsGuest
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/checkout-form.tsx
+var import_utils12 = require("@reblu/site-ui/utils");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DEFAULT_LABELS6 = {
+  contactTitle: "Datos de contacto",
+  nameLabel: "Nombre completo",
+  namePlaceholder: "Tu nombre",
+  emailLabel: "Email",
+  emailPlaceholder: "tu@email.com",
+  phoneLabel: "Tel\xE9fono",
+  discountTitle: "C\xF3digo de descuento",
+  discountPlaceholder: "C\xD3DIGO10",
+  applyDiscount: "Aplicar",
+  applyingDiscount: "Aplicando\u2026",
+  removeDiscount: "Quitar",
+  discountAppliedSuffix: (amount) => `\u2014 ${amount} de descuento`,
+  submit: "Confirmar y pagar",
+  submitting: "Procesando\u2026"
+};
+function CheckoutForm({
+  contact,
+  onContactChange,
+  contactErrors,
+  discountCode,
+  onDiscountCodeChange,
+  onApplyDiscount,
+  onRemoveDiscount,
+  appliedDiscount,
+  discountApplying,
+  discountError,
+  loginPrompt,
+  children: children2,
+  submitting,
+  submitDisabled,
+  onSubmit,
+  labels,
+  currencyCode,
+  locale,
+  className
+}) {
+  const t = { ...DEFAULT_LABELS6, ...labels };
+  function patchContact(patch3) {
+    onContactChange({ ...contact, ...patch3 });
+  }
+  function handleDiscountCodeKeyDown(event) {
+    if (event.key !== "Enter") return;
+    if (event.nativeEvent.isComposing) return;
+    event.preventDefault();
+    if (discountCode.trim() && !discountApplying) onApplyDiscount();
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    loginPrompt,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "form",
+      {
+        "data-testid": "checkout-form",
+        onSubmit,
+        className: (0, import_utils12.cn)("space-y-8", className),
+        "data-slot": "checkout-form",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.contactTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: "checkout-form-name", className: "text-sm font-medium", children: t.nameLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "input",
+                  {
+                    id: "checkout-form-name",
+                    type: "text",
+                    autoComplete: "name",
+                    value: contact.name,
+                    onChange: (e) => patchContact({ name: e.target.value }),
+                    placeholder: t.namePlaceholder,
+                    className: (0, import_utils12.cn)(
+                      "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
+                      contactErrors?.name ? "border-destructive" : "border-border focus:border-primary"
+                    )
+                  }
+                ),
+                contactErrors?.name && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.name })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: "checkout-form-email", className: "text-sm font-medium", children: t.emailLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "input",
+                  {
+                    id: "checkout-form-email",
+                    type: "email",
+                    autoComplete: "email",
+                    value: contact.email,
+                    onChange: (e) => patchContact({ email: e.target.value }),
+                    placeholder: t.emailPlaceholder,
+                    className: (0, import_utils12.cn)(
+                      "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
+                      contactErrors?.email ? "border-destructive" : "border-border focus:border-primary"
+                    )
+                  }
+                ),
+                contactErrors?.email && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.email })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: "checkout-form-phone", className: "text-sm font-medium", children: t.phoneLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "input",
+                  {
+                    id: "checkout-form-phone",
+                    type: "tel",
+                    autoComplete: "tel",
+                    value: contact.phone ?? "",
+                    onChange: (e) => patchContact({ phone: e.target.value }),
+                    className: (0, import_utils12.cn)(
+                      "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
+                      contactErrors?.phone ? "border-destructive" : "border-border focus:border-primary"
+                    )
+                  }
+                ),
+                contactErrors?.phone && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.phone })
+              ] })
+            ] })
+          ] }),
+          children2,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.discountTitle }),
+            appliedDiscount ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-3 dark:border-green-800 dark:bg-green-900/20", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-400", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-semibold", children: appliedDiscount.code }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: t.discountAppliedSuffix(formatPrice(appliedDiscount.amount, currencyCode, locale)) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: onRemoveDiscount,
+                  "aria-label": t.removeDiscount,
+                  className: "text-green-600 transition-colors hover:text-green-800 dark:text-green-400 dark:hover:text-green-200",
+                  children: t.removeDiscount
+                }
+              )
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: "checkout-form-discount-code", className: "sr-only", children: t.discountTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "input",
+                {
+                  id: "checkout-form-discount-code",
+                  type: "text",
+                  value: discountCode,
+                  onChange: (e) => onDiscountCodeChange(e.target.value.toUpperCase()),
+                  onKeyDown: handleDiscountCodeKeyDown,
+                  placeholder: t.discountPlaceholder,
+                  className: "flex-1 rounded-lg border border-border bg-background px-3 py-2 text-sm uppercase transition focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: onApplyDiscount,
+                  disabled: !discountCode.trim() || discountApplying,
+                  className: "rounded-lg bg-muted px-4 py-2 text-sm font-medium text-foreground transition hover:bg-muted/70 disabled:cursor-not-allowed disabled:opacity-50",
+                  children: discountApplying ? t.applyingDiscount : t.applyDiscount
+                }
+              )
+            ] }),
+            discountError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: discountError })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              type: "submit",
+              disabled: submitting || submitDisabled,
+              className: (0, import_utils12.cn)(
+                "flex w-full items-center justify-center gap-2 rounded-xl px-4 py-3 font-semibold transition-all",
+                submitting || submitDisabled ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
+              ),
+              children: submitting ? t.submitting : t.submit
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/order-confirmation.tsx
+var import_utils13 = require("@reblu/site-ui/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DEFAULT_LABELS7 = {
+  pollingTitle: "Confirmando tu pedido\u2026",
+  pollingDescription: "Estamos procesando el pago, un momento\u2026",
+  foundTitle: "\xA1Pedido confirmado!",
+  foundDescription: "Recibir\xE1s un email de confirmaci\xF3n con todos los detalles.",
+  timeoutTitle: "Pago recibido",
+  timeoutDescription: "Tu pago se ha procesado. Recibir\xE1s un email de confirmaci\xF3n en breve.",
+  orderNumberLabel: "Pedido confirmado",
+  totalLabel: "Total",
+  confirmationEmailPrefix: "Te hemos enviado un email de confirmaci\xF3n a",
+  sessionReferenceLabel: "Referencia de sesi\xF3n",
+  // REB-837
+  failedTitle: "El pago no se ha completado",
+  failedDescription: "No se ha podido procesar el pago. Tu carrito sigue intacto.",
+  backToCartLabel: "Volver al carrito",
+  refundedTitle: "Este pedido ha sido reembolsado",
+  refundedDescription: "El importe se ha devuelto a tu m\xE9todo de pago original.",
+  partiallyRefundedTitle: "Este pedido ha sido reembolsado parcialmente",
+  partiallyRefundedDescription: "Parte del importe se ha devuelto a tu m\xE9todo de pago original.",
+  pendingTimeoutTitle: "Pedido recibido",
+  pendingTimeoutDescription: "Estamos confirmando el pago; te enviaremos un email en cuanto se complete.",
+  recheckLabel: "Volver a comprobar",
+  notFoundTitle: "No encontramos ning\xFAn pedido",
+  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"
+};
+function OrderConfirmation({
+  status,
+  order,
+  sessionId,
+  cartHref,
+  onRecheck,
+  labels,
+  currencyCode,
+  locale,
+  className
+}) {
+  const t = { ...DEFAULT_LABELS7, ...labels };
+  const isPolling = status === "polling" || status === "loading";
+  const isFound = status === "found" || status === "paid";
+  const { title, description } = (() => {
+    if (isPolling) return { title: t.pollingTitle, description: t.pollingDescription };
+    if (status === "failed") return { title: t.failedTitle, description: t.failedDescription };
+    if (status === "refunded") return { title: t.refundedTitle, description: t.refundedDescription };
+    if (status === "partially_refunded") {
+      return { title: t.partiallyRefundedTitle, description: t.partiallyRefundedDescription };
+    }
+    if (status === "pending_timeout") {
+      return { title: t.pendingTimeoutTitle, description: t.pendingTimeoutDescription };
+    }
+    if (status === "not_found") return { title: t.notFoundTitle, description: t.notFoundDescription };
+    if (status === "error") return { title: t.errorTitle, description: t.errorDescription };
+    if (isFound || order) return { title: t.foundTitle, description: t.foundDescription };
+    return { title: t.timeoutTitle, description: t.timeoutDescription };
+  })();
+  const showFullOrderSummary = Boolean(order) && (isFound || status === "timeout");
+  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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_utils13.cn)("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h1", { className: "text-3xl font-bold", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-lg text-muted-foreground", children: description }),
+    showFullOrderSummary && order && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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__ */ (0, import_jsx_runtime13.jsxs)(
+          "div",
+          {
+            className: "flex justify-between gap-4 text-sm",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
+                item.product.name,
+                item.variant ? ` (${item.variant.name})` : "",
+                " x",
+                item.quantity
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: formatPrice(item.total, currencyCode, locale) })
+            ]
+          },
+          idx
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.totalLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: formatPrice(order.total, currencyCode, locale) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
+        t.confirmationEmailPrefix,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-medium text-foreground", children: order.customerEmail }),
+        "."
+      ] })
+    ] }),
+    showOrderReference && order && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+    ] }),
+    status === "failed" && cartHref && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "a",
+      {
+        href: cartHref,
+        className: "inline-block text-sm font-semibold text-primary underline-offset-2 hover:underline",
+        children: t.backToCartLabel
+      }
+    ),
+    showRecheck && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onRecheck,
+        className: "inline-flex items-center justify-center rounded-xl bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition-colors hover:bg-primary/90",
+        children: t.recheckLabel
+      }
+    ),
+    showSessionReference && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
+    ] })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ALLOWED_YOUTUBE_HOSTS,
+  AddedToCartToast,
+  CartLineList,
+  CartSummary,
+  CheckoutForm,
+  CheckoutLoginPrompt,
+  DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
+  DEFAULT_SHOP_ERROR_MESSAGES,
   DEFAULT_SHOP_PRICE_BANDS,
   MarkdownRenderer,
+  OrderConfirmation,
   ProductCard,
   ProfileCard,
   SafeHtml,
@@ -13632,6 +14321,7 @@ function ShopFilters({
   Treatment,
   buildShareUrls,
   formatPrice,
+  getShopErrorMessage,
   isAllowedYouTubeHost,
   markdownToSafeHtml,
   readingTime,