@reblu/site-blocks 0.6.0 → 0.8.0

package/dist/index.cjs

@@ -21,12 +21,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ALLOWED_YOUTUBE_HOSTS: () => ALLOWED_YOUTUBE_HOSTS,
-  AddToCartButton: () => AddToCartButton,
-  CartIcon: () => CartIcon,
+  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,
@@ -38,6 +39,7 @@ __export(src_exports, {
   Treatment: () => Treatment,
   buildShareUrls: () => buildShareUrls,
   formatPrice: () => formatPrice,
+  getShopErrorMessage: () => getShopErrorMessage,
   isAllowedYouTubeHost: () => isAllowedYouTubeHost,
   markdownToSafeHtml: () => markdownToSafeHtml,
   readingTime: () => readingTime,
@@ -78,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() {
 }
@@ -13627,103 +13648,16 @@ function ShopFilters({
   ] });
 }
 
-// src/components/add-to-cart-button.tsx
+// 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 = {
-  add: "A\xF1adir al carrito",
-  adding: "A\xF1adiendo\u2026",
-  outOfStock: "Agotado"
-};
-function AddToCartButton({
-  onAddToCart,
-  disabled,
-  outOfStock,
-  pending,
-  labels,
-  className
-}) {
-  const t = { ...DEFAULT_LABELS2, ...labels };
-  const isDisabled = Boolean(disabled || outOfStock || pending);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick: onAddToCart,
-      disabled: isDisabled,
-      "data-slot": "add-to-cart-button",
-      className: (0, import_utils8.cn)(
-        "inline-flex items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        isDisabled ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90",
-        className
-      ),
-      children: outOfStock ? t.outOfStock : pending ? t.adding : t.add
-    }
-  );
-}
-
-// src/components/cart-icon.tsx
-var import_utils9 = require("@reblu/site-ui/utils");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var DEFAULT_LABELS3 = {
-  cart: "Carrito",
-  itemsSuffix: (count) => `${count} art\xEDculo${count === 1 ? "" : "s"}`
-};
-function CartIcon({ itemCount, href, labels, className }) {
-  const t = { ...DEFAULT_LABELS3, ...labels };
-  const ariaLabel = itemCount > 0 ? `${t.cart} (${t.itemsSuffix(itemCount)})` : t.cart;
-  const displayCount = itemCount > 99 ? "99+" : String(itemCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "a",
-    {
-      href,
-      "aria-label": ariaLabel,
-      "data-slot": "cart-icon",
-      className: (0, import_utils9.cn)(
-        "relative inline-flex items-center justify-center rounded-lg p-2 text-foreground/80 transition-colors hover:bg-muted/60 hover:text-foreground",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-          "svg",
-          {
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            className: "h-5 w-5",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "9", cy: "21", r: "1" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "20", cy: "21", r: "1" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })
-            ]
-          }
-        ),
-        itemCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "absolute -top-0.5 -right-0.5 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold leading-none tabular-nums text-primary-foreground",
-            children: displayCount
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/cart-line-list.tsx
-var import_utils10 = require("@reblu/site-ui/utils");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var DEFAULT_LABELS4 = {
   quantityLabel: "Cantidad",
   decrease: "Reducir cantidad",
   increase: "Aumentar cantidad",
   remove: "Eliminar",
-  unitPriceSuffix: "/ ud."
+  unitPriceSuffix: "/ ud.",
+  cancelledNotice: "Pago cancelado: tu carrito sigue aqu\xED"
 };
 function lineKey(productId, variantId) {
   return `${productId}-${variantId ?? "no-variant"}`;
@@ -13733,40 +13667,51 @@ function CartLineList({
   onQuantityChange,
   onRemove,
   liveMessage,
+  notice,
   labels,
   currencyCode,
   locale,
   className
 }) {
-  const t = { ...DEFAULT_LABELS4, ...labels };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: (0, import_utils10.cn)("space-y-4", className), "data-slot": "cart-line-list", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "aria-live": "polite", className: "sr-only", children: liveMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "space-y-4", children: items.map((item) => {
+  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_runtime10.jsxs)(
+      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_runtime10.jsx)("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-muted", children: item.imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: item.imageUrl, alt: item.name, className: "h-full w-full object-cover" }) : null }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "truncate text-sm font-semibold leading-tight", children: item.name }),
-              item.variantName && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.variantName }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "mt-1 text-sm text-muted-foreground", 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_runtime10.jsxs)(
+              /* @__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_runtime10.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "button",
                       {
                         type: "button",
@@ -13777,8 +13722,8 @@ function CartLineList({
                         children: "\u2212"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "w-8 text-center text-sm font-semibold tabular-nums", children: item.quantity }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    /* @__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",
@@ -13789,7 +13734,7 @@ function CartLineList({
                         children: "+"
                       }
                     ),
-                    onRemove && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    onRemove && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "button",
                       {
                         type: "button",
@@ -13803,7 +13748,7 @@ function CartLineList({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-base font-bold", children: formatPrice(item.unitPrice * item.quantity, currencyCode, locale) }) })
+            /* @__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)
@@ -13813,15 +13758,16 @@ function CartLineList({
 }
 
 // src/components/cart-summary.tsx
-var import_utils11 = require("@reblu/site-ui/utils");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var DEFAULT_LABELS5 = {
+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"
+  total: "Total",
+  cancelledNotice: "Pago cancelado: tu carrito sigue aqu\xED"
 };
 function CartSummary({
   subtotal,
@@ -13830,43 +13776,114 @@ function CartSummary({
   shipping,
   shippingEnabled,
   total,
+  notice,
   labels,
   currencyCode,
   locale,
   className
 }) {
-  const t = { ...DEFAULT_LABELS5, ...labels };
+  const t = { ...DEFAULT_LABELS3, ...labels };
   const hasDiscount = Boolean(discount && discount > 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("dl", { className: (0, import_utils11.cn)("space-y-2 text-sm", className), "data-slot": "cart-summary", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: t.subtotal }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: formatPrice(subtotal, currencyCode, locale) })
-    ] }),
-    hasDiscount && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-between text-green-600 dark:text-green-400", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("dt", { children: [
-        t.discountPrefix,
-        discountCode ? ` (${discountCode})` : ""
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("dd", { children: [
-        "-",
-        formatPrice(discount, currencyCode, locale)
-      ] })
-    ] }),
-    shippingEnabled && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: t.shipping }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: shipping == null || !Number.isFinite(shipping) ? t.shippingCalculated : shipping === 0 ? t.freeShipping : formatPrice(shipping, currencyCode, locale) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-between border-t border-border pt-2 text-base font-bold", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: t.total }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: formatPrice(total, currencyCode, locale) })
-    ] })
+  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_utils12 = require("@reblu/site-ui/utils");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var DEFAULT_LABELS6 = {
+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",
@@ -13890,28 +13907,28 @@ function CheckoutLoginPrompt({
   className
 }) {
   if (!open) return null;
-  const t = { ...DEFAULT_LABELS6, ...labels };
+  const t = { ...DEFAULT_LABELS5, ...labels };
   const isValidEmail = EMAIL_PATTERN.test(email.trim());
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  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_utils12.cn)(
+        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_runtime12.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { id: "checkout-login-prompt-title", className: "text-xl font-bold", children: t.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: t.description })
+          /* @__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_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "button",
               {
                 type: "button",
@@ -13922,9 +13939,9 @@ function CheckoutLoginPrompt({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: "checkout-login-prompt-email", className: "text-sm font-medium", children: t.emailLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__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",
@@ -13933,29 +13950,29 @@ function CheckoutLoginPrompt({
                 value: email,
                 onChange: (e) => onEmailChange(e.target.value),
                 placeholder: t.emailPlaceholder,
-                className: (0, import_utils12.cn)(
+                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_runtime12.jsx)("p", { className: "text-xs text-destructive", children: error })
+            error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xs text-destructive", children: error })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__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_utils12.cn)(
+                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_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "button",
               {
                 type: "button",
@@ -13972,9 +13989,10 @@ function CheckoutLoginPrompt({
 }
 
 // src/components/checkout-form.tsx
-var import_utils13 = require("@reblu/site-ui/utils");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var DEFAULT_LABELS7 = {
+var import_utils12 = require("@reblu/site-ui/utils");
+var import_phone_input = require("@reblu/site-ui/phone-input");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DEFAULT_LABELS6 = {
   contactTitle: "Datos de contacto",
   nameLabel: "Nombre completo",
   namePlaceholder: "Tu nombre",
@@ -13994,6 +14012,8 @@ function CheckoutForm({
   contact,
   onContactChange,
   contactErrors,
+  phoneRegion,
+  checkoutError,
   discountCode,
   onDiscountCodeChange,
   onApplyDiscount,
@@ -14011,7 +14031,11 @@ function CheckoutForm({
   locale,
   className
 }) {
-  const t = { ...DEFAULT_LABELS7, ...labels };
+  const t = { ...DEFAULT_LABELS6, ...labels };
+  const details = checkoutError?.details;
+  const rejectedPhone = checkoutError?.code === "INVALID_INPUT" && typeof details === "object" && details !== null && !Array.isArray(details) && "field" in details && details.field === "customerPhone" && typeof checkoutError.error === "string" && checkoutError.error.trim().length > 0;
+  const phoneError = contactErrors?.phone ?? (rejectedPhone ? checkoutError.error : void 0);
+  const generalError = checkoutError && !rejectedPhone ? getShopErrorMessage(typeof checkoutError.code === "string" ? checkoutError.code : void 0) : null;
   function patchContact(patch3) {
     onContactChange({ ...contact, ...patch3 });
   }
@@ -14021,22 +14045,22 @@ function CheckoutForm({
     event.preventDefault();
     if (discountCode.trim() && !discountApplying) onApplyDiscount();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
     loginPrompt,
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "form",
       {
         "data-testid": "checkout-form",
         onSubmit,
-        className: (0, import_utils13.cn)("space-y-8", className),
+        className: (0, import_utils12.cn)("space-y-8", className),
         "data-slot": "checkout-form",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.contactTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "checkout-form-name", className: "text-sm font-medium", children: t.nameLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__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",
@@ -14045,17 +14069,17 @@ function CheckoutForm({
                     value: contact.name,
                     onChange: (e) => patchContact({ name: e.target.value }),
                     placeholder: t.namePlaceholder,
-                    className: (0, import_utils13.cn)(
+                    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_runtime13.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.name })
+                contactErrors?.name && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "checkout-form-email", className: "text-sm font-medium", children: t.emailLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              /* @__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",
@@ -14064,43 +14088,37 @@ function CheckoutForm({
                     value: contact.email,
                     onChange: (e) => patchContact({ email: e.target.value }),
                     placeholder: t.emailPlaceholder,
-                    className: (0, import_utils13.cn)(
+                    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_runtime13.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.email })
+                contactErrors?.email && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.email })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "checkout-form-phone", className: "text-sm font-medium", children: t.phoneLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                  "input",
-                  {
-                    id: "checkout-form-phone",
-                    type: "tel",
-                    autoComplete: "tel",
-                    value: contact.phone ?? "",
-                    onChange: (e) => patchContact({ phone: e.target.value }),
-                    className: (0, import_utils13.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_runtime13.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.phone })
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                import_phone_input.PhoneInput,
+                {
+                  id: "checkout-form-phone",
+                  label: t.phoneLabel,
+                  region: phoneRegion,
+                  value: contact.phone ?? "",
+                  onChange: (phone) => patchContact({ phone }),
+                  error: phoneError
+                }
+              ) })
             ] })
           ] }),
           children2,
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.discountTitle }),
-            appliedDiscount ? /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsxs)("div", { className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-400", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-semibold", children: appliedDiscount.code }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.discountAppliedSuffix(formatPrice(appliedDiscount.amount, currencyCode, locale)) })
+          generalError ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: generalError }) : null,
+          /* @__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_runtime13.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "button",
                 {
                   type: "button",
@@ -14110,9 +14128,9 @@ function CheckoutForm({
                   children: t.removeDiscount
                 }
               )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "checkout-form-discount-code", className: "sr-only", children: t.discountTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            ] }) : /* @__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",
@@ -14124,7 +14142,7 @@ function CheckoutForm({
                   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_runtime13.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "button",
                 {
                   type: "button",
@@ -14135,14 +14153,14 @@ function CheckoutForm({
                 }
               )
             ] }),
-            discountError && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs text-destructive", children: discountError })
+            discountError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-destructive", children: discountError })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
               type: "submit",
               disabled: submitting || submitDisabled,
-              className: (0, import_utils13.cn)(
+              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"
               ),
@@ -14156,9 +14174,9 @@ function CheckoutForm({
 }
 
 // src/components/order-confirmation.tsx
-var import_utils14 = require("@reblu/site-ui/utils");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var DEFAULT_LABELS8 = {
+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!",
@@ -14168,72 +14186,131 @@ var DEFAULT_LABELS8 = {
   orderNumberLabel: "Pedido confirmado",
   totalLabel: "Total",
   confirmationEmailPrefix: "Te hemos enviado un email de confirmaci\xF3n a",
-  sessionReferenceLabel: "Referencia de sesi\xF3n"
+  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_LABELS8, ...labels };
-  const title = status === "polling" ? t.pollingTitle : order ? t.foundTitle : t.timeoutTitle;
-  const description = status === "polling" ? t.pollingDescription : order ? t.foundDescription : t.timeoutDescription;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: (0, import_utils14.cn)("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { className: "text-3xl font-bold", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-lg text-muted-foreground", children: description }),
-    order && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+  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_runtime14.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_runtime14.jsxs)(
+      /* @__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_runtime14.jsxs)("span", { className: "max-w-[60%] truncate text-muted-foreground", 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_runtime14.jsx)("span", { children: formatPrice(item.total, currencyCode, locale) })
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: formatPrice(item.total, currencyCode, locale) })
             ]
           },
           idx
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.totalLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: formatPrice(order.total, currencyCode, locale) })
+        /* @__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_runtime14.jsxs)("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
+      /* @__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_runtime14.jsx)("span", { className: "font-medium text-foreground", children: order.customerEmail }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-medium text-foreground", children: order.customerEmail }),
         "."
       ] })
     ] }),
-    !order && status === "timeout" && sessionId && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
+    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,
-  AddToCartButton,
-  CartIcon,
+  AddedToCartToast,
   CartLineList,
   CartSummary,
   CheckoutForm,
   CheckoutLoginPrompt,
+  DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
+  DEFAULT_SHOP_ERROR_MESSAGES,
   DEFAULT_SHOP_PRICE_BANDS,
   MarkdownRenderer,
   OrderConfirmation,
@@ -14245,6 +14322,7 @@ function OrderConfirmation({
   Treatment,
   buildShareUrls,
   formatPrice,
+  getShopErrorMessage,
   isAllowedYouTubeHost,
   markdownToSafeHtml,
   readingTime,