@reblu/site-blocks 0.7.0 → 0.9.0

package/dist/index.js

@@ -55,6 +55,33 @@ function getShopErrorMessage(code, overrides, fallback = DEFAULT_SHOP_ERROR_FALL
   return messages[code] ?? fallback;
 }
 
+// src/lib/block-order.ts
+function sortBlocksByOrder(blocks) {
+  return [...blocks].sort((a, b2) => a.order - b2.order);
+}
+
+// src/lib/faq-json-ld.ts
+function normaliseText(value) {
+  return value.replace(/\s+/g, " ").trim();
+}
+function buildFaqPageJsonLd(items) {
+  const mainEntity = [];
+  for (const item of items) {
+    const name = normaliseText(item.q);
+    const text3 = normaliseText(item.a);
+    if (!name || !text3) continue;
+    mainEntity.push({ "@type": "Question", name, acceptedAnswer: { "@type": "Answer", text: text3 } });
+  }
+  if (mainEntity.length === 0) return null;
+  return { "@context": "https://schema.org", "@type": "FAQPage", mainEntity };
+}
+function collectFaqItems(blocks) {
+  if (!blocks) return [];
+  return sortBlocksByOrder(blocks).flatMap(
+    (block) => block.blockType === "faq" ? block.data.items : []
+  );
+}
+
 // ../../node_modules/.pnpm/devlop@1.1.0/node_modules/devlop/lib/default.js
 function ok() {
 }
@@ -13421,9 +13448,302 @@ function ProductCard({ product, href, currencyCode = "EUR", locale, className })
   );
 }
 
-// src/components/shop-filters.tsx
+// src/components/faq-accordion.tsx
 import { cn as cn7 } from "@reblu/site-ui/utils";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/components/_heading.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function nextHeadingLevel(level) {
+  return Math.min(level + 1, 6);
+}
+function Heading({
+  level,
+  className,
+  children: children2
+}) {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsx7(Tag, { className, children: children2 });
+}
+
+// src/components/faq-accordion.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function FaqAccordion({
+  items,
+  heading,
+  headingLevel = 2,
+  questionHeadingLevel,
+  defaultOpen = [],
+  className
+}) {
+  const visible = items.map((item, index) => ({ item, index })).filter(({ item }) => item.q.trim() !== "");
+  if (visible.length === 0) return null;
+  return /* @__PURE__ */ jsxs6("div", { className: cn7("space-y-4", className), "data-slot": "faq-accordion", children: [
+    heading && /* @__PURE__ */ jsx8(Heading, { level: headingLevel, className: "text-2xl font-semibold tracking-tight", children: heading }),
+    /* @__PURE__ */ jsx8("div", { className: "divide-y divide-border rounded-xl border border-border", children: visible.map(({ item, index }) => /* @__PURE__ */ jsxs6(
+      "details",
+      {
+        className: "group px-4",
+        "data-slot": "faq-item",
+        ...defaultOpen.includes(index) ? { open: true } : {},
+        children: [
+          /* @__PURE__ */ jsxs6("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 py-4 font-medium focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&::-webkit-details-marker]:hidden", children: [
+            questionHeadingLevel ? /* @__PURE__ */ jsx8(Heading, { level: questionHeadingLevel, className: "text-base font-medium", children: item.q }) : /* @__PURE__ */ jsx8("span", { children: item.q }),
+            /* @__PURE__ */ jsx8(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "shrink-0 text-muted-foreground transition-transform group-open:rotate-45",
+                children: "+"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx8("p", { className: "whitespace-pre-line pb-4 text-muted-foreground", children: item.a })
+        ]
+      },
+      index
+    )) })
+  ] });
+}
+
+// src/components/page-blocks.tsx
+import { cn as cn8 } from "@reblu/site-ui/utils";
+import { buttonVariants as buttonVariants2 } from "@reblu/site-ui/button-variants";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var ALIASES = {
+  doctor_embed: "profile_embed",
+  specialty_embed: "page_embed"
+};
+function HeroBlock({ block, headingLevel }) {
+  const { title, subtitle, imageUrl } = block.data;
+  return /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx9(Heading, { level: headingLevel, className: "text-3xl font-bold tracking-tight md:text-4xl", children: title }),
+    subtitle && /* @__PURE__ */ jsx9("p", { className: "text-lg opacity-80", children: subtitle }),
+    imageUrl && /* @__PURE__ */ jsx9("div", { className: "relative aspect-[21/9] w-full overflow-hidden rounded-xl bg-muted", children: /* @__PURE__ */ jsx9("img", { src: imageUrl, alt: "", loading: "lazy", className: "h-full w-full object-cover" }) })
+  ] });
+}
+function RichtextBlock({ block, headingLevel }) {
+  return /* @__PURE__ */ jsx9(SafeHtml, { html: sanitizeHtml(block.data.html), headingOffset: headingLevel - 1 });
+}
+function FaqBlock({ block }) {
+  return /* @__PURE__ */ jsx9(FaqAccordion, { items: block.data.items });
+}
+function StatsBlock({ block }) {
+  return /* @__PURE__ */ jsx9("dl", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-4", children: block.data.items.map((item, i) => /* @__PURE__ */ jsxs7("div", { className: "flex flex-col-reverse gap-1", children: [
+    /* @__PURE__ */ jsx9("dt", { className: "text-sm opacity-80", children: item.label }),
+    /* @__PURE__ */ jsx9("dd", { className: "text-3xl font-bold", children: item.value })
+  ] }, i)) });
+}
+function TestimonialBlock({ block }) {
+  const { quote, author, role, avatarUrl } = block.data;
+  return /* @__PURE__ */ jsxs7("figure", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx9("blockquote", { className: "text-xl italic", children: /* @__PURE__ */ jsx9("p", { children: quote }) }),
+    /* @__PURE__ */ jsxs7("figcaption", { className: "flex items-center gap-3", children: [
+      avatarUrl && // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx9(
+        "img",
+        {
+          src: avatarUrl,
+          alt: "",
+          loading: "lazy",
+          className: "h-10 w-10 rounded-full object-cover"
+        }
+      ),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx9("span", { className: "font-semibold", children: author }),
+        role && /* @__PURE__ */ jsx9("span", { className: "block text-sm opacity-80", children: role })
+      ] })
+    ] })
+  ] });
+}
+function CtaSlotBlock(_props) {
+  return null;
+}
+function FeatureListBlock({ block }) {
+  return /* @__PURE__ */ jsx9("ul", { className: "grid list-disc gap-2 pl-5 sm:grid-cols-2", children: block.data.items.map((item, i) => /* @__PURE__ */ jsx9("li", { children: item.text }, i)) });
+}
+function GalleryBlock({ block }) {
+  const { images } = block.data;
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      className: cn8(
+        "grid gap-4",
+        images.length > 1 ? "sm:grid-cols-2 lg:grid-cols-3" : "grid-cols-1"
+      ),
+      children: images.map((img, i) => /* @__PURE__ */ jsxs7("figure", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx9("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx9(
+          "img",
+          {
+            src: img.url,
+            alt: img.alt ?? "",
+            loading: "lazy",
+            className: "h-full w-full object-cover"
+          }
+        ) }),
+        img.caption && /* @__PURE__ */ jsx9("figcaption", { className: "text-sm opacity-80", children: img.caption })
+      ] }, `${img.url}-${i}`))
+    }
+  );
+}
+function EmbedCard({
+  resolved,
+  headingLevel,
+  embedHref
+}) {
+  return /* @__PURE__ */ jsxs7(
+    "a",
+    {
+      href: embedHref(resolved),
+      className: "group block overflow-hidden rounded-xl border border-border bg-card text-card-foreground transition-shadow hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+      children: [
+        resolved.coverImageUrl && /* @__PURE__ */ jsx9("div", { className: "aspect-video w-full overflow-hidden bg-muted", children: /* @__PURE__ */ jsx9(
+          "img",
+          {
+            src: resolved.coverImageUrl,
+            alt: "",
+            loading: "lazy",
+            className: "h-full w-full object-cover"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-1 p-4", children: [
+          /* @__PURE__ */ jsx9(Heading, { level: headingLevel, className: "text-lg font-semibold", children: resolved.title }),
+          resolved.role && /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: resolved.role }),
+          resolved.excerpt && /* @__PURE__ */ jsx9("p", { className: "text-muted-foreground", children: resolved.excerpt })
+        ] })
+      ]
+    }
+  );
+}
+function PageEmbedBlock({ block, headingLevel, embedHref }) {
+  return /* @__PURE__ */ jsx9(EmbedCard, { resolved: block.resolved, headingLevel, embedHref });
+}
+function ProfileEmbedBlock({
+  block,
+  headingLevel,
+  embedHref
+}) {
+  return /* @__PURE__ */ jsx9(EmbedCard, { resolved: block.resolved, headingLevel, embedHref });
+}
+var DEFAULT_RENDERERS = {
+  hero: HeroBlock,
+  richtext: RichtextBlock,
+  faq: FaqBlock,
+  stats: StatsBlock,
+  testimonial: TestimonialBlock,
+  cta: CtaSlotBlock,
+  feature_list: FeatureListBlock,
+  gallery: GalleryBlock,
+  page_embed: PageEmbedBlock,
+  profile_embed: ProfileEmbedBlock
+};
+var EMBED_TYPES = /* @__PURE__ */ new Set([
+  "page_embed",
+  "profile_embed"
+]);
+function canonicalTypeOf(blockType) {
+  if (Object.prototype.hasOwnProperty.call(ALIASES, blockType))
+    return ALIASES[blockType];
+  if (Object.prototype.hasOwnProperty.call(DEFAULT_RENDERERS, blockType))
+    return blockType;
+  return null;
+}
+var TOKEN_FOREGROUND = {
+  "var(--primary)": "var(--primary-foreground)",
+  "var(--secondary)": "var(--secondary-foreground)",
+  "var(--accent)": "var(--accent-foreground)"
+};
+function hexLuminance(color2) {
+  const match = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color2.trim());
+  if (!match) return null;
+  const hex = match[1].length === 3 ? [...match[1]].map((c) => c + c).join("") : match[1];
+  const [r, g, b2] = [0, 2, 4].map((i) => {
+    const s2 = parseInt(hex.slice(i, i + 2), 16) / 255;
+    return s2 <= 0.03928 ? s2 / 12.92 : Math.pow((s2 + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b2;
+}
+function surfaceStyle(background) {
+  if (!background) return void 0;
+  const token = TOKEN_FOREGROUND[background];
+  if (token) return { backgroundColor: background, color: token };
+  const luminance = hexLuminance(background);
+  if (luminance === null) return { backgroundColor: background };
+  return { backgroundColor: background, color: luminance < 0.179 ? "#ffffff" : "#111827" };
+}
+function hasUsableCta(cta) {
+  return !!cta && !!cta.label && !!cta.url;
+}
+function toIdFragment(value) {
+  return value.replace(/[^A-Za-z0-9_-]/g, "-");
+}
+function SectionCta2({ cta }) {
+  if (!hasUsableCta(cta)) return null;
+  const variant = toButtonVariant(cta.variant);
+  return /* @__PURE__ */ jsx9("div", { className: "pt-2", children: /* @__PURE__ */ jsx9(
+    "a",
+    {
+      href: cta.url,
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": "default",
+      className: cn8(buttonVariants2({ variant, size: "default" })),
+      ...cta.isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      children: cta.label
+    }
+  ) });
+}
+function PageBlocks({
+  blocks,
+  components,
+  headingLevel = 2,
+  embedHref = (resolved) => `/${resolved.slug}`,
+  idPrefix = "page-block",
+  className,
+  sectionClassName
+}) {
+  if (!blocks || blocks.length === 0) return null;
+  const safePrefix = `pb-${toIdFragment(idPrefix)}`;
+  const sections = sortBlocksByOrder(blocks).flatMap((block) => {
+    const type = canonicalTypeOf(block.blockType);
+    if (type === null) return [];
+    if (EMBED_TYPES.has(type) && !block.resolved) return [];
+    if (type === "cta" && !components?.cta && !block.heading && !hasUsableCta(block.cta)) return [];
+    const Renderer = components?.[type] ?? DEFAULT_RENDERERS[type];
+    const headingId = block.heading ? `${safePrefix}-${toIdFragment(block.id)}-heading` : void 0;
+    const background = block.backgroundColor;
+    return [
+      /* @__PURE__ */ jsxs7(
+        "section",
+        {
+          "data-slot": "page-block",
+          "data-block-type": type,
+          "aria-labelledby": headingId,
+          style: surfaceStyle(background),
+          className: cn8("space-y-6", background && "rounded-xl px-6 py-10", sectionClassName),
+          children: [
+            block.heading && /* @__PURE__ */ jsx9(Heading, { level: headingLevel, className: "text-2xl font-bold tracking-tight", children: /* @__PURE__ */ jsx9("span", { id: headingId, children: block.heading }) }),
+            /* @__PURE__ */ jsx9(
+              Renderer,
+              {
+                block,
+                headingLevel: block.heading ? nextHeadingLevel(headingLevel) : headingLevel,
+                embedHref
+              }
+            ),
+            /* @__PURE__ */ jsx9(SectionCta2, { cta: block.cta })
+          ]
+        },
+        block.id
+      )
+    ];
+  });
+  if (sections.length === 0) return null;
+  return /* @__PURE__ */ jsx9("div", { className: cn8("space-y-12", className), "data-slot": "page-blocks", children: sections });
+}
+
+// src/components/shop-filters.tsx
+import { cn as cn9 } from "@reblu/site-ui/utils";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var DEFAULT_SHOP_PRICE_BANDS = [
   { max: 2500 },
   { min: 2500, max: 5e3 },
@@ -13467,7 +13787,7 @@ function priceBandLabel(band, t, currencyCode, locale) {
   return "";
 }
 function OptionLink({ href, active, label, onActivate }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx10(
     "a",
     {
       href,
@@ -13476,7 +13796,7 @@ function OptionLink({ href, active, label, onActivate }) {
         event.preventDefault();
         onActivate();
       } : void 0,
-      className: cn7(
+      className: cn9(
         "inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         active ? "border-transparent bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"
       ),
@@ -13485,9 +13805,9 @@ function OptionLink({ href, active, label, onActivate }) {
   );
 }
 function FilterFieldset({ legend, children: children2 }) {
-  return /* @__PURE__ */ jsxs6("fieldset", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx7("legend", { className: "text-sm font-medium text-foreground", children: legend }),
-    /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-2", children: children2 })
+  return /* @__PURE__ */ jsxs8("fieldset", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx10("legend", { className: "text-sm font-medium text-foreground", children: legend }),
+    /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap gap-2", children: children2 })
   ] });
 }
 function ShopFilters({
@@ -13510,11 +13830,11 @@ function ShopFilters({
   if (!shouldRenderShopFilters(facets, active)) {
     return null;
   }
-  return /* @__PURE__ */ jsxs6("div", { className: cn7("space-y-6", className), "data-slot": "shop-filters", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: cn9("space-y-6", className), "data-slot": "shop-filters", children: [
     visibleTaxonomies.map((axis) => {
       const activeSlug = active.taxonomy?.[axis.key];
-      return /* @__PURE__ */ jsxs6(FilterFieldset, { legend: axis.label, children: [
-        /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsxs8(FilterFieldset, { legend: axis.label, children: [
+        /* @__PURE__ */ jsx10(
           OptionLink,
           {
             href: hrefs.taxonomy(axis.key, void 0),
@@ -13529,7 +13849,7 @@ function ShopFilters({
         ),
         axis.terms.map((term) => {
           const isActive = activeSlug === term.slug;
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx10(
             OptionLink,
             {
               href: hrefs.taxonomy(axis.key, isActive ? void 0 : term.slug),
@@ -13549,9 +13869,9 @@ function ShopFilters({
     }),
     visibleAttributes.map((attr) => {
       const activeValues = toValueArray(active.attr?.[attr.key]);
-      return /* @__PURE__ */ jsx7(FilterFieldset, { legend: attr.label, children: attr.options.map((opt) => {
+      return /* @__PURE__ */ jsx10(FilterFieldset, { legend: attr.label, children: attr.options.map((opt) => {
         const isActive = activeValues.includes(opt.value);
-        return /* @__PURE__ */ jsx7(
+        return /* @__PURE__ */ jsx10(
           OptionLink,
           {
             href: hrefs.attr(attr.key, opt.value),
@@ -13569,11 +13889,11 @@ function ShopFilters({
         );
       }) }, attr.key);
     }),
-    showPriceGroup && /* @__PURE__ */ jsx7(FilterFieldset, { legend: t.price, children: priceBands.map((band, i) => {
+    showPriceGroup && /* @__PURE__ */ jsx10(FilterFieldset, { legend: t.price, children: priceBands.map((band, i) => {
       const isActive = active.priceMin === band.min && active.priceMax === band.max;
       const nextMin = isActive ? void 0 : band.min;
       const nextMax = isActive ? void 0 : band.max;
-      return /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx10(
         OptionLink,
         {
           href: hrefs.price(nextMin, nextMax),
@@ -13584,7 +13904,7 @@ function ShopFilters({
         i
       );
     }) }),
-    hasOnSale && /* @__PURE__ */ jsx7(
+    hasOnSale && /* @__PURE__ */ jsx10(
       OptionLink,
       {
         href: hrefs.onSale(!active.onSale),
@@ -13593,7 +13913,7 @@ function ShopFilters({
         onActivate: onChange ? () => onChange({ onSale: !active.onSale }) : void 0
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx10(
       "a",
       {
         href: hrefs.clearAll(),
@@ -13609,8 +13929,8 @@ function ShopFilters({
 }
 
 // src/components/cart-line-list.tsx
-import { cn as cn8 } from "@reblu/site-ui/utils";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { cn as cn10 } from "@reblu/site-ui/utils";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   quantityLabel: "Cantidad",
   decrease: "Reducir cantidad",
@@ -13635,9 +13955,9 @@ function CartLineList({
 }) {
   const t = { ...DEFAULT_LABELS2, ...labels };
   const noticeContent = notice === true ? t.cancelledNotice : notice;
-  return /* @__PURE__ */ jsxs7("div", { className: cn8("space-y-4", className), "data-slot": "cart-line-list", children: [
-    /* @__PURE__ */ jsx8("div", { "aria-live": "polite", className: "sr-only", children: liveMessage }),
-    noticeContent != null && noticeContent !== false && /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs9("div", { className: cn10("space-y-4", className), "data-slot": "cart-line-list", children: [
+    /* @__PURE__ */ jsx11("div", { "aria-live": "polite", className: "sr-only", children: liveMessage }),
+    noticeContent != null && noticeContent !== false && /* @__PURE__ */ jsx11(
       "div",
       {
         role: "status",
@@ -13646,32 +13966,32 @@ function CartLineList({
         children: noticeContent
       }
     ),
-    /* @__PURE__ */ jsx8("ul", { className: "space-y-4", children: items.map((item) => {
+    /* @__PURE__ */ jsx11("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__ */ jsxs7(
+      return /* @__PURE__ */ jsxs9(
         "li",
         {
           className: "flex gap-4 rounded-xl border border-border bg-card p-4",
           children: [
-            /* @__PURE__ */ jsx8("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-muted", children: item.imageUrl ? /* @__PURE__ */ jsx8("img", { src: item.imageUrl, alt: item.name, className: "h-full w-full object-cover" }) : null }),
-            /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx8("p", { className: "truncate text-sm font-semibold leading-tight", children: item.name }),
-              item.variantName && /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.variantName }),
-              /* @__PURE__ */ jsxs7("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx11("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-muted", children: item.imageUrl ? /* @__PURE__ */ jsx11("img", { src: item.imageUrl, alt: item.name, className: "h-full w-full object-cover" }) : null }),
+            /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx11("p", { className: "truncate text-sm font-semibold leading-tight", children: item.name }),
+              item.variantName && /* @__PURE__ */ jsx11("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.variantName }),
+              /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-sm text-muted-foreground", children: [
                 formatPrice(item.unitPrice, currencyCode, locale),
                 " ",
                 t.unitPriceSuffix
               ] }),
-              /* @__PURE__ */ jsxs7(
+              /* @__PURE__ */ jsxs9(
                 "div",
                 {
                   role: "group",
                   "aria-label": t.quantityLabel,
                   className: "mt-3 flex items-center gap-3",
                   children: [
-                    /* @__PURE__ */ jsx8(
+                    /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -13682,8 +14002,8 @@ function CartLineList({
                         children: "\u2212"
                       }
                     ),
-                    /* @__PURE__ */ jsx8("span", { className: "w-8 text-center text-sm font-semibold tabular-nums", children: item.quantity }),
-                    /* @__PURE__ */ jsx8(
+                    /* @__PURE__ */ jsx11("span", { className: "w-8 text-center text-sm font-semibold tabular-nums", children: item.quantity }),
+                    /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -13694,7 +14014,7 @@ function CartLineList({
                         children: "+"
                       }
                     ),
-                    onRemove && /* @__PURE__ */ jsx8(
+                    onRemove && /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -13708,7 +14028,7 @@ function CartLineList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx8("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ jsx8("p", { className: "text-base font-bold", children: formatPrice(item.unitPrice * item.quantity, currencyCode, locale) }) })
+            /* @__PURE__ */ jsx11("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ jsx11("p", { className: "text-base font-bold", children: formatPrice(item.unitPrice * item.quantity, currencyCode, locale) }) })
           ]
         },
         lineKey(item.productId, item.variantId)
@@ -13718,8 +14038,8 @@ function CartLineList({
 }
 
 // src/components/cart-summary.tsx
-import { cn as cn9 } from "@reblu/site-ui/utils";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { cn as cn11 } from "@reblu/site-ui/utils";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var DEFAULT_LABELS3 = {
   subtotal: "Subtotal",
   discountPrefix: "Descuento",
@@ -13746,40 +14066,40 @@ function CartSummary({
   const hasDiscount = Boolean(discount && discount > 0);
   const noticeContent = notice === true ? t.cancelledNotice : notice;
   const hasNotice = noticeContent != null && noticeContent !== false;
-  const breakdown = /* @__PURE__ */ jsxs8(
+  const breakdown = /* @__PURE__ */ jsxs10(
     "dl",
     {
-      className: cn9("space-y-2 text-sm", !hasNotice && className),
+      className: cn11("space-y-2 text-sm", !hasNotice && className),
       "data-slot": "cart-summary",
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex justify-between text-muted-foreground", children: [
-          /* @__PURE__ */ jsx9("dt", { children: t.subtotal }),
-          /* @__PURE__ */ jsx9("dd", { children: formatPrice(subtotal, currencyCode, locale) })
+        /* @__PURE__ */ jsxs10("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ jsx12("dt", { children: t.subtotal }),
+          /* @__PURE__ */ jsx12("dd", { children: formatPrice(subtotal, currencyCode, locale) })
         ] }),
-        hasDiscount && /* @__PURE__ */ jsxs8("div", { className: "flex justify-between text-green-600 dark:text-green-400", children: [
-          /* @__PURE__ */ jsxs8("dt", { children: [
+        hasDiscount && /* @__PURE__ */ jsxs10("div", { className: "flex justify-between text-green-600 dark:text-green-400", children: [
+          /* @__PURE__ */ jsxs10("dt", { children: [
             t.discountPrefix,
             discountCode ? ` (${discountCode})` : ""
           ] }),
-          /* @__PURE__ */ jsxs8("dd", { children: [
+          /* @__PURE__ */ jsxs10("dd", { children: [
             "-",
             formatPrice(discount, currencyCode, locale)
           ] })
         ] }),
-        shippingEnabled && /* @__PURE__ */ jsxs8("div", { className: "flex justify-between text-muted-foreground", children: [
-          /* @__PURE__ */ jsx9("dt", { children: t.shipping }),
-          /* @__PURE__ */ jsx9("dd", { children: shipping == null || !Number.isFinite(shipping) ? t.shippingCalculated : shipping === 0 ? t.freeShipping : formatPrice(shipping, currencyCode, locale) })
+        shippingEnabled && /* @__PURE__ */ jsxs10("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ jsx12("dt", { children: t.shipping }),
+          /* @__PURE__ */ jsx12("dd", { children: shipping == null || !Number.isFinite(shipping) ? t.shippingCalculated : shipping === 0 ? t.freeShipping : formatPrice(shipping, currencyCode, locale) })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "flex justify-between border-t border-border pt-2 text-base font-bold", children: [
-          /* @__PURE__ */ jsx9("dt", { children: t.total }),
-          /* @__PURE__ */ jsx9("dd", { children: formatPrice(total, currencyCode, locale) })
+        /* @__PURE__ */ jsxs10("div", { className: "flex justify-between border-t border-border pt-2 text-base font-bold", children: [
+          /* @__PURE__ */ jsx12("dt", { children: t.total }),
+          /* @__PURE__ */ jsx12("dd", { children: formatPrice(total, currencyCode, locale) })
         ] })
       ]
     }
   );
   if (!hasNotice) return breakdown;
-  return /* @__PURE__ */ jsxs8("div", { className: cn9("space-y-3", className), "data-slot": "cart-summary-wrapper", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs10("div", { className: cn11("space-y-3", className), "data-slot": "cart-summary-wrapper", children: [
+    /* @__PURE__ */ jsx12(
       "div",
       {
         role: "status",
@@ -13793,8 +14113,8 @@ function CartSummary({
 }
 
 // src/components/added-to-cart-toast.tsx
-import { cn as cn10 } from "@reblu/site-ui/utils";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { cn as cn12 } from "@reblu/site-ui/utils";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_LABELS4 = {
   success: "A\xF1adido al carrito",
   error: "No se pudo a\xF1adir al carrito",
@@ -13814,12 +14134,12 @@ function AddedToCartToast({
   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__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       "data-slot": "added-to-cart-toast",
       "data-variant": variant,
-      className: cn10(
+      className: cn12(
         "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",
@@ -13827,20 +14147,20 @@ function AddedToCartToast({
       ),
       children: [
         hasThumbnail && // eslint-disable-next-line @next/next/no-img-element -- toast content, not a Next <Image> layout context
-        /* @__PURE__ */ jsx10("img", { src: imageUrl, alt: productName, className: "h-10 w-10 flex-shrink-0 rounded-lg object-cover" }),
-        /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx10("p", { className: "truncate font-semibold text-foreground", children: productName }),
-          /* @__PURE__ */ jsx10("p", { className: "truncate text-muted-foreground", children: quantity && quantity > 1 ? `${message} \xB7 x${quantity}` : message })
+        /* @__PURE__ */ jsx13("img", { src: imageUrl, alt: productName, className: "h-10 w-10 flex-shrink-0 rounded-lg object-cover" }),
+        /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx13("p", { className: "truncate font-semibold text-foreground", children: productName }),
+          /* @__PURE__ */ jsx13("p", { className: "truncate text-muted-foreground", children: quantity && quantity > 1 ? `${message} \xB7 x${quantity}` : message })
         ] }),
-        /* @__PURE__ */ jsx10("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx10("a", { href: cartHref, className: "text-sm font-semibold text-primary underline-offset-2 hover:underline", children: t.viewCart }) })
+        /* @__PURE__ */ jsx13("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx13("a", { href: cartHref, className: "text-sm font-semibold text-primary underline-offset-2 hover:underline", children: t.viewCart }) })
       ]
     }
   );
 }
 
 // src/components/checkout-login-prompt.tsx
-import { cn as cn11 } from "@reblu/site-ui/utils";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { cn as cn13 } from "@reblu/site-ui/utils";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_LABELS5 = {
   title: "Identificaci\xF3n",
   description: "Introduce tu email para agilizar el proceso o contin\xFAa como invitado.",
@@ -13867,26 +14187,26 @@ function CheckoutLoginPrompt({
   if (!open) return null;
   const t = { ...DEFAULT_LABELS5, ...labels };
   const isValidEmail = EMAIL_PATTERN.test(email.trim());
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs12(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": "checkout-login-prompt-title",
         "data-slot": "checkout-login-prompt",
-        className: cn11(
+        className: cn13(
           "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__ */ jsxs10("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsx11("h2", { id: "checkout-login-prompt-title", className: "text-xl font-bold", children: t.title }),
-              /* @__PURE__ */ jsx11("p", { className: "mt-1 text-sm text-muted-foreground", children: t.description })
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx14("h2", { id: "checkout-login-prompt-title", className: "text-xl font-bold", children: t.title }),
+              /* @__PURE__ */ jsx14("p", { className: "mt-1 text-sm text-muted-foreground", children: t.description })
             ] }),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -13897,9 +14217,9 @@ function CheckoutLoginPrompt({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx11("label", { htmlFor: "checkout-login-prompt-email", className: "text-sm font-medium", children: t.emailLabel }),
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx14("label", { htmlFor: "checkout-login-prompt-email", className: "text-sm font-medium", children: t.emailLabel }),
+            /* @__PURE__ */ jsx14(
               "input",
               {
                 id: "checkout-login-prompt-email",
@@ -13908,29 +14228,29 @@ function CheckoutLoginPrompt({
                 value: email,
                 onChange: (e) => onEmailChange(e.target.value),
                 placeholder: t.emailPlaceholder,
-                className: cn11(
+                className: cn13(
                   "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__ */ jsx11("p", { className: "text-xs text-destructive", children: error })
+            error && /* @__PURE__ */ jsx14("p", { className: "text-xs text-destructive", children: error })
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
                 onClick: onSubmitEmail,
                 disabled: checking || !isValidEmail,
-                className: cn11(
+                className: cn13(
                   "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__ */ jsx11(
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -13947,8 +14267,9 @@ function CheckoutLoginPrompt({
 }
 
 // src/components/checkout-form.tsx
-import { cn as cn12 } from "@reblu/site-ui/utils";
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { cn as cn14 } from "@reblu/site-ui/utils";
+import { PhoneInput } from "@reblu/site-ui/phone-input";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_LABELS6 = {
   contactTitle: "Datos de contacto",
   nameLabel: "Nombre completo",
@@ -13969,6 +14290,8 @@ function CheckoutForm({
   contact,
   onContactChange,
   contactErrors,
+  phoneRegion,
+  checkoutError,
   discountCode,
   onDiscountCodeChange,
   onApplyDiscount,
@@ -13987,6 +14310,10 @@ function CheckoutForm({
   className
 }) {
   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 });
   }
@@ -13996,22 +14323,22 @@ function CheckoutForm({
     event.preventDefault();
     if (discountCode.trim() && !discountApplying) onApplyDiscount();
   }
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
     loginPrompt,
-    /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs13(
       "form",
       {
         "data-testid": "checkout-form",
         onSubmit,
-        className: cn12("space-y-8", className),
+        className: cn14("space-y-8", className),
         "data-slot": "checkout-form",
         children: [
-          /* @__PURE__ */ jsxs11("section", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx12("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.contactTitle }),
-            /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx12("label", { htmlFor: "checkout-form-name", className: "text-sm font-medium", children: t.nameLabel }),
-                /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsxs13("section", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx15("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.contactTitle }),
+            /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx15("label", { htmlFor: "checkout-form-name", className: "text-sm font-medium", children: t.nameLabel }),
+                /* @__PURE__ */ jsx15(
                   "input",
                   {
                     id: "checkout-form-name",
@@ -14020,17 +14347,17 @@ function CheckoutForm({
                     value: contact.name,
                     onChange: (e) => patchContact({ name: e.target.value }),
                     placeholder: t.namePlaceholder,
-                    className: cn12(
+                    className: cn14(
                       "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__ */ jsx12("p", { className: "text-xs text-destructive", children: contactErrors.name })
+                contactErrors?.name && /* @__PURE__ */ jsx15("p", { className: "text-xs text-destructive", children: contactErrors.name })
               ] }),
-              /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx12("label", { htmlFor: "checkout-form-email", className: "text-sm font-medium", children: t.emailLabel }),
-                /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx15("label", { htmlFor: "checkout-form-email", className: "text-sm font-medium", children: t.emailLabel }),
+                /* @__PURE__ */ jsx15(
                   "input",
                   {
                     id: "checkout-form-email",
@@ -14039,43 +14366,37 @@ function CheckoutForm({
                     value: contact.email,
                     onChange: (e) => patchContact({ email: e.target.value }),
                     placeholder: t.emailPlaceholder,
-                    className: cn12(
+                    className: cn14(
                       "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__ */ jsx12("p", { className: "text-xs text-destructive", children: contactErrors.email })
+                contactErrors?.email && /* @__PURE__ */ jsx15("p", { className: "text-xs text-destructive", children: contactErrors.email })
               ] }),
-              /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx12("label", { htmlFor: "checkout-form-phone", className: "text-sm font-medium", children: t.phoneLabel }),
-                /* @__PURE__ */ jsx12(
-                  "input",
-                  {
-                    id: "checkout-form-phone",
-                    type: "tel",
-                    autoComplete: "tel",
-                    value: contact.phone ?? "",
-                    onChange: (e) => patchContact({ phone: e.target.value }),
-                    className: cn12(
-                      "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__ */ jsx12("p", { className: "text-xs text-destructive", children: contactErrors.phone })
-              ] })
+              /* @__PURE__ */ jsx15("div", { className: "space-y-1", children: /* @__PURE__ */ jsx15(
+                PhoneInput,
+                {
+                  id: "checkout-form-phone",
+                  label: t.phoneLabel,
+                  region: phoneRegion,
+                  value: contact.phone ?? "",
+                  onChange: (phone) => patchContact({ phone }),
+                  error: phoneError
+                }
+              ) })
             ] })
           ] }),
           children2,
-          /* @__PURE__ */ jsxs11("section", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx12("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.discountTitle }),
-            appliedDiscount ? /* @__PURE__ */ jsxs11("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__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-400", children: [
-                /* @__PURE__ */ jsx12("span", { className: "font-semibold", children: appliedDiscount.code }),
-                /* @__PURE__ */ jsx12("span", { children: t.discountAppliedSuffix(formatPrice(appliedDiscount.amount, currencyCode, locale)) })
+          generalError ? /* @__PURE__ */ jsx15("p", { role: "alert", className: "text-sm text-destructive", children: generalError }) : null,
+          /* @__PURE__ */ jsxs13("section", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx15("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.discountTitle }),
+            appliedDiscount ? /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-400", children: [
+                /* @__PURE__ */ jsx15("span", { className: "font-semibold", children: appliedDiscount.code }),
+                /* @__PURE__ */ jsx15("span", { children: t.discountAppliedSuffix(formatPrice(appliedDiscount.amount, currencyCode, locale)) })
               ] }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -14085,9 +14406,9 @@ function CheckoutForm({
                   children: t.removeDiscount
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs11("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx12("label", { htmlFor: "checkout-form-discount-code", className: "sr-only", children: t.discountTitle }),
-              /* @__PURE__ */ jsx12(
+            ] }) : /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx15("label", { htmlFor: "checkout-form-discount-code", className: "sr-only", children: t.discountTitle }),
+              /* @__PURE__ */ jsx15(
                 "input",
                 {
                   id: "checkout-form-discount-code",
@@ -14099,7 +14420,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__ */ jsx12(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -14110,14 +14431,14 @@ function CheckoutForm({
                 }
               )
             ] }),
-            discountError && /* @__PURE__ */ jsx12("p", { className: "text-xs text-destructive", children: discountError })
+            discountError && /* @__PURE__ */ jsx15("p", { className: "text-xs text-destructive", children: discountError })
           ] }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx15(
             "button",
             {
               type: "submit",
               disabled: submitting || submitDisabled,
-              className: cn12(
+              className: cn14(
                 "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"
               ),
@@ -14131,8 +14452,8 @@ function CheckoutForm({
 }
 
 // src/components/order-confirmation.tsx
-import { cn as cn13 } from "@reblu/site-ui/utils";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { cn as cn15 } from "@reblu/site-ui/utils";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_LABELS7 = {
   pollingTitle: "Confirmando tu pedido\u2026",
   pollingDescription: "Estamos procesando el pago, un momento\u2026",
@@ -14194,48 +14515,48 @@ 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__ */ jsxs12("div", { className: cn13("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
-    /* @__PURE__ */ jsx13("h1", { className: "text-3xl font-bold", children: title }),
-    /* @__PURE__ */ jsx13("p", { className: "text-lg text-muted-foreground", children: description }),
-    showFullOrderSummary && order && /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-        /* @__PURE__ */ jsx13("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
-        /* @__PURE__ */ jsx13("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+  return /* @__PURE__ */ jsxs14("div", { className: cn15("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
+    /* @__PURE__ */ jsx16("h1", { className: "text-3xl font-bold", children: title }),
+    /* @__PURE__ */ jsx16("p", { className: "text-lg text-muted-foreground", children: description }),
+    showFullOrderSummary && order && /* @__PURE__ */ jsxs14("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+        /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
+        /* @__PURE__ */ jsx16("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
       ] }),
-      /* @__PURE__ */ jsxs12("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__ */ jsxs12(
+      /* @__PURE__ */ jsxs14("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__ */ jsxs14(
           "div",
           {
             className: "flex justify-between gap-4 text-sm",
             children: [
-              /* @__PURE__ */ jsxs12("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs14("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
                 item.product.name,
                 item.variant ? ` (${item.variant.name})` : "",
                 " x",
                 item.quantity
               ] }),
-              /* @__PURE__ */ jsx13("span", { children: formatPrice(item.total, currencyCode, locale) })
+              /* @__PURE__ */ jsx16("span", { children: formatPrice(item.total, currencyCode, locale) })
             ]
           },
           idx
         )),
-        /* @__PURE__ */ jsx13("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ jsxs12("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
-          /* @__PURE__ */ jsx13("span", { children: t.totalLabel }),
-          /* @__PURE__ */ jsx13("span", { children: formatPrice(order.total, currencyCode, locale) })
+        /* @__PURE__ */ jsx16("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ jsxs14("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
+          /* @__PURE__ */ jsx16("span", { children: t.totalLabel }),
+          /* @__PURE__ */ jsx16("span", { children: formatPrice(order.total, currencyCode, locale) })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs12("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs14("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
         t.confirmationEmailPrefix,
         " ",
-        /* @__PURE__ */ jsx13("span", { className: "font-medium text-foreground", children: order.customerEmail }),
+        /* @__PURE__ */ jsx16("span", { className: "font-medium text-foreground", children: order.customerEmail }),
         "."
       ] })
     ] }),
-    showOrderReference && order && /* @__PURE__ */ jsxs12("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
-      /* @__PURE__ */ jsx13("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+    showOrderReference && order && /* @__PURE__ */ jsxs14("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
+      /* @__PURE__ */ jsx16("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
     ] }),
-    status === "failed" && cartHref && /* @__PURE__ */ jsx13(
+    status === "failed" && cartHref && /* @__PURE__ */ jsx16(
       "a",
       {
         href: cartHref,
@@ -14243,7 +14564,7 @@ function OrderConfirmation({
         children: t.backToCartLabel
       }
     ),
-    showRecheck && /* @__PURE__ */ jsx13(
+    showRecheck && /* @__PURE__ */ jsx16(
       "button",
       {
         type: "button",
@@ -14252,9 +14573,9 @@ function OrderConfirmation({
         children: t.recheckLabel
       }
     ),
-    showSessionReference && /* @__PURE__ */ jsxs12("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ jsx13("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
-      /* @__PURE__ */ jsx13("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
+    showSessionReference && /* @__PURE__ */ jsxs14("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ jsx16("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
+      /* @__PURE__ */ jsx16("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
     ] })
   ] });
 }
@@ -14268,15 +14589,19 @@ export {
   DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
   DEFAULT_SHOP_ERROR_MESSAGES,
   DEFAULT_SHOP_PRICE_BANDS,
+  FaqAccordion,
   MarkdownRenderer,
   OrderConfirmation,
+  PageBlocks,
   ProductCard,
   ProfileCard,
   SafeHtml,
   ShopFilters,
   Specialty,
   Treatment,
+  buildFaqPageJsonLd,
   buildShareUrls,
+  collectFaqItems,
   formatPrice,
   getShopErrorMessage,
   isAllowedYouTubeHost,