@thorprovider/blocks 2.0.0 → 3.0.0

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation-fulfilment-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-confirmation-fulfilment-progress.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { Check, Clock, MapPin, Truck } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../ui/tabs'\nimport { cn } from '../../../lib/utils'\nimport type { FulfilmentStage, FulfilmentStageDetail } from './checkout-confirmation'\n\nconst longDate = new Intl.DateTimeFormat('en-US', { dateStyle: 'long' })\nconst stampDate = new Intl.DateTimeFormat('en-US', {\n  dateStyle: 'medium',\n  timeStyle: 'short',\n})\n\nconst STAGE_LABELS: Record<FulfilmentStage, string> = {\n  Confirmed: 'Confirmado',\n  Packed: 'Empaquetado',\n  Shipped: 'Enviado',\n  Delivered: 'Entregado',\n}\n\ninterface CheckoutConfirmationFulfilmentProgressProps {\n  order: {\n    currentStage?: FulfilmentStage\n    estimatedDelivery?: string | null\n    trackingHref?: string\n  }\n  /** Ordered by `Object.keys(fulfilmentDetails)` from the orchestrator. */\n  stages: FulfilmentStageDetail[]\n  progressLabel?: string\n  estimatedDeliveryLabel?: string\n  currentStageLabel?: string\n  inProgressLabel?: string\n  expectedByLabel?: string\n  completedLabel?: string\n  statusLabel?: string\n  locationLabel?: string\n  trackOrderLabel?: string\n  /** Kept for API symmetry with the orchestrator; the fulfilment card renders no prices. */\n  formatPrice?: (value: number) => string\n}\n\n/**\n * The four fulfilment stages, as tabs that actually open.\n *\n * This was a static `<ol>` that looked exactly like a tab strip — four labels with an underline\n * under each — and did nothing when pressed. A control that looks pressable and is not is worse\n * than no control: the reader tries it, nothing happens, and they conclude the page is broken\n * rather than that the row was decoration.\n *\n * So it is a real `Tabs`, and each stage opens the one thing a reader on this screen wants that\n * the label alone cannot give them: when it happened, where, and what it means. Radix Tabs\n * supplies roving focus, arrow-key movement and the tab/panel wiring; a row of buttons with a\n * `useState` would have to fake all three.\n *\n * Every stage is reachable, including ones still ahead — a reader is entitled to look at what\n * \"Delivered\" will mean before it happens. What a future stage does not get is a fabricated\n * timestamp; it says what it is waiting for instead.\n */\nexport function CheckoutConfirmationFulfilmentProgress({\n  order,\n  stages,\n  progressLabel = 'Progreso',\n  estimatedDeliveryLabel = 'Entrega estimada',\n  currentStageLabel = 'Etapa actual',\n  inProgressLabel = 'En curso',\n  expectedByLabel = 'Se espera para',\n  completedLabel = 'Completada',\n  statusLabel = 'Estado',\n  locationLabel = 'Ubicación',\n  trackOrderLabel = 'Seguir este pedido',\n}: CheckoutConfirmationFulfilmentProgressProps) {\n  const currentIndex = order.currentStage\n    ? stages.findIndex(stage => stage.stage === order.currentStage)\n    : -1\n  const [selected, setSelected] = useState<string>(order.currentStage ?? stages[0]?.stage ?? '')\n\n  return (\n    <Card className='mt-10'>\n      <CardHeader>\n        <CardTitle className='flex flex-wrap items-center justify-between gap-2 text-base'>\n          {progressLabel}\n          {order.estimatedDelivery ? (\n            <span className='text-muted-foreground text-sm font-normal'>\n              {`${estimatedDeliveryLabel} ${longDate.format(new Date(order.estimatedDelivery))}`}\n            </span>\n          ) : null}\n        </CardTitle>\n      </CardHeader>\n\n      <CardContent>\n        <Tabs value={selected} onValueChange={value => setSelected(String(value))}>\n          {/*\n            `variant='line'` because these are stages along a route, not a segmented control —\n            the underline reads as progress in a way a filled pill does not.\n\n            `h-auto!` because `TabsList` pins itself to `h-8` through a\n            `group-data-horizontal/tabs:` variant, which a plain `h-auto` cannot outrank and\n            tailwind-merge does not treat as the same utility. Left alone it clipped the 24px\n            stage markers. The list scrolls rather than wrapping on a narrow screen, so the four\n            stages stay in one order.\n\n            `pb-2` is load-bearing, not spacing. `TabsTrigger` draws its active underline at\n            `bottom-[-5px]`, i.e. outside its own box, and CSS forces an axis to `auto` when the\n            other one is not `visible` — so asking for `overflow-x-auto` silently made the\n            vertical axis scrollable too, and those 7px of underline became a stray vertical\n            scrollbar beside the tabs at every width. The padding puts the underline back inside\n            the box, which leaves nothing to scroll.\n          */}\n          <TabsList variant='line' className='h-auto! w-full justify-start gap-2 overflow-x-auto p-0 pb-2'>\n            {stages.map((stage, index) => {\n              const done = index <= currentIndex\n\n              return (\n                <TabsTrigger key={stage.stage} value={stage.stage} className='h-auto flex-1 justify-start gap-2 px-1 py-2'>\n                  <span\n                    aria-hidden='true'\n                    className={cn(\n                      'flex size-6 shrink-0 items-center justify-center rounded-full text-xs',\n                      done ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'\n                    )}\n                  >\n                    {done ? <Check className='size-3.5' /> : index + 1}\n                  </span>\n                  {STAGE_LABELS[stage.stage]}\n                  {/*\n                    The stage the order is actually at, marked on the strip itself. Without it\n                    the only sign of \"where we are\" would be whichever tab happens to be open,\n                    which changes the moment the reader looks at another one.\n                  */}\n                  {index === currentIndex ? <span className='sr-only'>{currentStageLabel}</span> : null}\n                  {index === currentIndex ? (\n                    <span aria-hidden='true' className='bg-primary size-1.5 shrink-0 rounded-full' />\n                  ) : null}\n                </TabsTrigger>\n              )\n            })}\n          </TabsList>\n\n          {stages.map((detail, index) => {\n            const done = index <= currentIndex\n\n            return (\n              <TabsContent key={detail.stage} value={detail.stage} className='pt-4'>\n                {index === currentIndex ? (\n                  <p className='text-primary mb-2 text-xs font-medium tracking-[0.12em] uppercase'>\n                    {currentStageLabel}\n                  </p>\n                ) : null}\n                <p className='text-sm'>{detail.summary}</p>\n\n                <dl className='text-muted-foreground mt-3 flex flex-col gap-1.5 text-sm sm:flex-row sm:gap-6'>\n                  <div className='flex items-center gap-2'>\n                    <dt className='sr-only'>{detail.at ? completedLabel : statusLabel}</dt>\n                    <Clock className='size-4 shrink-0' aria-hidden='true' />\n                    <dd className='tabular-nums'>\n                      {detail.at\n                        ? stampDate.format(new Date(detail.at))\n                        : done\n                          ? inProgressLabel\n                          : order.estimatedDelivery\n                            ? `${expectedByLabel} ${longDate.format(new Date(order.estimatedDelivery))}`\n                            : null}\n                    </dd>\n                  </div>\n\n                  <div className='flex items-center gap-2'>\n                    <dt className='sr-only'>{locationLabel}</dt>\n                    <MapPin className='size-4 shrink-0' aria-hidden='true' />\n                    <dd>{detail.location}</dd>\n                  </div>\n                </dl>\n              </TabsContent>\n            )\n          })}\n        </Tabs>\n\n        {/*\n          Render as an anchor through Radix `asChild` when a real tracking URL exists; with no\n          href the button is omitted rather than pointing at a fabricated destination.\n        */}\n        {order.trackingHref ? (\n          <Button className='mt-6 w-full sm:w-auto' asChild>\n            <a href={order.trackingHref}>\n              <Truck />\n              {trackOrderLabel}\n            </a>\n          </Button>\n        ) : null}\n      </CardContent>\n    </Card>\n  )\n}"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation.d.ts

@@ -0,0 +1,107 @@
+import type { Money } from '@thorprovider/types';
+export type FulfilmentStage = 'Confirmed' | 'Packed' | 'Shipped' | 'Delivered';
+export interface OrderLine {
+    id: string;
+    name: string;
+    variant?: string;
+    quantity: number;
+    /** Canonical backend line total. */
+    lineTotal: Money;
+    unitPrice?: Money;
+    /** Optional; an absent image is omitted rather than serialized as `""`. */
+    image?: string;
+}
+export interface FulfilmentStageDetail {
+    stage: FulfilmentStage;
+    /** What happened, in a sentence. Present tense for a stage that has not arrived yet. */
+    summary: string;
+    /** Where it happened, or where it will. */
+    location: string;
+    /**
+     * When it happened. `null` for a stage still ahead, which the panel renders as an
+     * expectation rather than as a fact — a date with no event behind it is a promise, and
+     * printing it in the same voice as a completed step is how a tracker starts lying.
+     */
+    at: string | null;
+}
+export interface OrderAddress {
+    name: string;
+    lines: string[];
+    method?: string;
+}
+export interface OrderTotals {
+    subtotal?: Money;
+    discount?: Money;
+    shipping?: Money;
+    tax?: Money;
+    total?: Money;
+}
+export interface Order {
+    number: string;
+    /** ISO date */
+    placedAt: string;
+    email?: string;
+    /** Present only when the backend reports a fulfilment stage. */
+    currentStage?: FulfilmentStage;
+    /** ISO date. Rendered only when supplied; no delivery estimate is fabricated. */
+    estimatedDelivery?: string | null;
+    trackingHref?: string;
+    shipping?: OrderAddress;
+    billing?: OrderAddress;
+    totals: OrderTotals;
+}
+export interface CheckoutConfirmationProps {
+    order: Order;
+    orderLines: OrderLine[];
+    /**
+     * Keyed by `FulfilmentStage`. Rendered only when supplied; the stage strip is
+     * ordered by `Object.keys`, so define the record in the canonical
+     * `Confirmed → Packed → Shipped → Delivered` order.
+     */
+    fulfilmentDetails?: Record<FulfilmentStage, FulfilmentStageDetail>;
+    /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */
+    formatPrice?: (money: Money) => string;
+    titleLabel?: string;
+    /** Template with `{number}`/`{date}`/`{email}` placeholders, resolved internally. */
+    orderPlacedLabel?: string;
+    /** Used when the order carries no email. */
+    orderPlacedNoEmailLabel?: string;
+    itemsLabel?: string;
+    quantityLabel?: string;
+    subtotalLabel?: string;
+    discountLabel?: string;
+    shippingLabel?: string;
+    taxLabel?: string;
+    totalLabel?: string;
+    freeLabel?: string;
+    /** Shown for a line whose supplied line total is absent or malformed. */
+    amountUnavailableLabel?: string;
+    shippingAddressLabel?: string;
+    billingAddressLabel?: string;
+    continueShoppingLabel?: string;
+    /** Prefix of the support line; the `supportLabel` link renders right after it. */
+    contactSupportLabel?: string;
+    supportLabel?: string;
+    progressLabel?: string;
+    estimatedDeliveryLabel?: string;
+    currentStageLabel?: string;
+    inProgressLabel?: string;
+    expectedByLabel?: string;
+    completedLabel?: string;
+    statusLabel?: string;
+    locationLabel?: string;
+    trackOrderLabel?: string;
+    continueShoppingHref?: string;
+    supportHref?: string;
+    onContinueShopping?: () => void;
+}
+/**
+ * The screen that closes the purchase journey the checkout blocks open.
+ *
+ * This file has no hooks or handlers, so it still renders as a server component straight from
+ * your order record. Only the progress tabs are interactive, and they carry their own
+ * `'use client'` — the boundary is one child rather than the whole page.
+ */
+export declare function CheckoutConfirmation({ order, orderLines, fulfilmentDetails, formatPrice, titleLabel, orderPlacedLabel, orderPlacedNoEmailLabel, itemsLabel, quantityLabel, subtotalLabel, discountLabel, shippingLabel, taxLabel, totalLabel, freeLabel, amountUnavailableLabel, shippingAddressLabel, billingAddressLabel, continueShoppingLabel, contactSupportLabel, supportLabel, progressLabel, estimatedDeliveryLabel, currentStageLabel, inProgressLabel, expectedByLabel, completedLabel, statusLabel, locationLabel, trackOrderLabel, continueShoppingHref, supportHref, onContinueShopping, }: CheckoutConfirmationProps): import("react").JSX.Element;
+export default CheckoutConfirmation;
+//# sourceMappingURL=checkout-confirmation.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-confirmation.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-confirmation.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation.js

@@ -0,0 +1,180 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkout_confirmation_exports = {};
+__export(checkout_confirmation_exports, {
+  CheckoutConfirmation: () => CheckoutConfirmation,
+  default: () => checkout_confirmation_default
+});
+module.exports = __toCommonJS(checkout_confirmation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_separator = require("../../../ui/separator.js");
+var import_money = require("../../../lib/money.js");
+var import_checkout_confirmation_fulfilment_progress = require("./checkout-confirmation-fulfilment-progress.js");
+const longDate = new Intl.DateTimeFormat("en-US", { dateStyle: "long" });
+function CheckoutConfirmation({
+  order,
+  orderLines,
+  fulfilmentDetails,
+  formatPrice,
+  titleLabel = "Pedido registrado",
+  orderPlacedLabel = "Pedido {number} \xB7 {date} \xB7 Correo de contacto: {email}",
+  orderPlacedNoEmailLabel = "Pedido {number} realizado el {date}.",
+  itemsLabel = "Comprobante del pedido",
+  quantityLabel = "Cantidad",
+  subtotalLabel = "Subtotal",
+  discountLabel = "Descuento",
+  shippingLabel = "Env\xEDo",
+  taxLabel = "Impuestos",
+  totalLabel = "Total",
+  freeLabel = "Gratis",
+  amountUnavailableLabel = "\u2014",
+  shippingAddressLabel = "Env\xEDo",
+  billingAddressLabel = "Facturaci\xF3n",
+  continueShoppingLabel = "Seguir comprando",
+  contactSupportLabel = "\xBFAlgo falla con este pedido?",
+  supportLabel = "Contacta con soporte",
+  progressLabel = "Progreso",
+  estimatedDeliveryLabel = "Entrega estimada",
+  currentStageLabel = "Etapa actual",
+  inProgressLabel = "En curso",
+  expectedByLabel = "Se espera para",
+  completedLabel = "Completada",
+  statusLabel = "Estado",
+  locationLabel = "Ubicaci\xF3n",
+  trackOrderLabel = "Seguir este pedido",
+  continueShoppingHref,
+  supportHref,
+  onContinueShopping
+}) {
+  const format = (value) => (0, import_money.formatMoney)(value, formatPrice);
+  const placedDate = longDate.format(new Date(order.placedAt));
+  const placedText = order.email ? orderPlacedLabel.replace("{number}", order.number).replace("{date}", placedDate).replace("{email}", order.email) : orderPlacedNoEmailLabel.replace("{number}", order.number).replace("{date}", placedDate);
+  const fulfilmentStages = fulfilmentDetails ? Object.keys(fulfilmentDetails) : [];
+  const addresses = [
+    { title: shippingAddressLabel, address: order.shipping },
+    { title: billingAddressLabel, address: order.billing }
+  ].filter((section) => Boolean(section.address));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full py-16 sm:py-24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "bg-primary/10 text-primary mx-auto flex size-12 items-center justify-center rounded-full",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleCheck, { className: "size-6" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mt-4 text-3xl font-semibold tracking-tight", children: titleLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-3", children: placedText })
+    ] }),
+    fulfilmentDetails && order.currentStage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_checkout_confirmation_fulfilment_progress.CheckoutConfirmationFulfilmentProgress,
+      {
+        order: {
+          currentStage: order.currentStage,
+          estimatedDelivery: order.estimatedDelivery,
+          trackingHref: order.trackingHref
+        },
+        stages: fulfilmentStages.map((stage) => fulfilmentDetails[stage]),
+        progressLabel,
+        estimatedDeliveryLabel,
+        currentStageLabel,
+        inProgressLabel,
+        expectedByLabel,
+        completedLabel,
+        statusLabel,
+        locationLabel,
+        trackOrderLabel
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "mt-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-base", children: itemsLabel }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "divide-border divide-y", children: orderLines.map((line) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex gap-4 py-4 first:pt-0 last:pb-0", children: [
+          line.image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              src: line.image || void 0,
+              alt: line.name,
+              width: 72,
+              height: 88,
+              className: "bg-muted h-22 w-18 shrink-0 rounded-md object-cover"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": "true", className: "bg-muted h-22 w-18 shrink-0 rounded-md" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: line.name }),
+            line.variant ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: line.variant }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm tabular-nums", children: `${quantityLabel} ${line.quantity}` })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium tabular-nums", children: format(line.lineTotal) ?? amountUnavailableLabel })
+        ] }, line.id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separator.Separator, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", { className: "flex flex-col gap-2 text-sm", children: [
+          (0, import_money.isAvailableMoney)(order.totals.subtotal) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-muted-foreground", children: subtotalLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "tabular-nums", children: format(order.totals.subtotal) })
+          ] }) : null,
+          (0, import_money.isAvailableMoney)(order.totals.discount) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-muted-foreground", children: discountLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "tabular-nums", children: format(order.totals.discount) })
+          ] }) : null,
+          (0, import_money.isAvailableMoney)(order.totals.shipping) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-muted-foreground", children: shippingLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "tabular-nums", children: Number(order.totals.shipping.amount) === 0 ? freeLabel : format(order.totals.shipping) })
+          ] }) : null,
+          (0, import_money.isAvailableMoney)(order.totals.tax) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-muted-foreground", children: taxLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "tabular-nums", children: format(order.totals.tax) })
+          ] }) : null,
+          (0, import_money.isAvailableMoney)(order.totals.total) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between pt-2 text-base font-semibold", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: totalLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "tabular-nums", children: format(order.totals.total) })
+          ] }) : null
+        ] })
+      ] })
+    ] }),
+    addresses.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-6 grid gap-6 sm:grid-cols-2", children: addresses.map((section) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-base", children: section.title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { className: "text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("address", { className: "text-muted-foreground not-italic", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-foreground block font-medium", children: section.address.name }),
+          section.address.lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block", children: line }, `${section.title}:${index}:${line}`))
+        ] }),
+        section.address.method ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-3", children: section.address.method }) : null
+      ] })
+    ] }, section.title)) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-8 flex flex-col items-center gap-2", children: [
+      continueShoppingHref ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: continueShoppingHref, children: continueShoppingLabel }) }) : onContinueShopping ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", onClick: onContinueShopping, children: continueShoppingLabel }) : null,
+      supportHref ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-muted-foreground text-sm", children: [
+        contactSupportLabel,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: supportHref, className: "underline underline-offset-4", children: supportLabel })
+      ] }) : null
+    ] })
+  ] }) });
+}
+var checkout_confirmation_default = CheckoutConfirmation;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutConfirmation
+});
+//# sourceMappingURL=checkout-confirmation.js.map

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-confirmation.tsx"],"sourcesContent":["import { CircleCheck } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Separator } from '../../../ui/separator'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type { Money } from '@thorprovider/types'\nimport { CheckoutConfirmationFulfilmentProgress } from './checkout-confirmation-fulfilment-progress'\n\nexport type FulfilmentStage = 'Confirmed' | 'Packed' | 'Shipped' | 'Delivered'\n\nexport interface OrderLine {\n  id: string\n  name: string\n  variant?: string\n  quantity: number\n  /** Canonical backend line total. */\n  lineTotal: Money\n  unitPrice?: Money\n  /** Optional; an absent image is omitted rather than serialized as `\"\"`. */\n  image?: string\n}\n\nexport interface FulfilmentStageDetail {\n  stage: FulfilmentStage\n  /** What happened, in a sentence. Present tense for a stage that has not arrived yet. */\n  summary: string\n  /** Where it happened, or where it will. */\n  location: string\n  /**\n   * When it happened. `null` for a stage still ahead, which the panel renders as an\n   * expectation rather than as a fact — a date with no event behind it is a promise, and\n   * printing it in the same voice as a completed step is how a tracker starts lying.\n   */\n  at: string | null\n}\n\nexport interface OrderAddress {\n  name: string\n  lines: string[]\n  method?: string\n}\n\nexport interface OrderTotals {\n  subtotal?: Money\n  discount?: Money\n  shipping?: Money\n  tax?: Money\n  total?: Money\n}\n\nexport interface Order {\n  number: string\n  /** ISO date */\n  placedAt: string\n  email?: string\n  /** Present only when the backend reports a fulfilment stage. */\n  currentStage?: FulfilmentStage\n  /** ISO date. Rendered only when supplied; no delivery estimate is fabricated. */\n  estimatedDelivery?: string | null\n  trackingHref?: string\n  shipping?: OrderAddress\n  billing?: OrderAddress\n  totals: OrderTotals\n}\n\nexport interface CheckoutConfirmationProps {\n  order: Order\n  orderLines: OrderLine[]\n  /**\n   * Keyed by `FulfilmentStage`. Rendered only when supplied; the stage strip is\n   * ordered by `Object.keys`, so define the record in the canonical\n   * `Confirmed → Packed → Shipped → Delivered` order.\n   */\n  fulfilmentDetails?: Record<FulfilmentStage, FulfilmentStageDetail>\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatPrice?: (money: Money) => string\n  titleLabel?: string\n  /** Template with `{number}`/`{date}`/`{email}` placeholders, resolved internally. */\n  orderPlacedLabel?: string\n  /** Used when the order carries no email. */\n  orderPlacedNoEmailLabel?: string\n  itemsLabel?: string\n  quantityLabel?: string\n  subtotalLabel?: string\n  discountLabel?: string\n  shippingLabel?: string\n  taxLabel?: string\n  totalLabel?: string\n  freeLabel?: string\n  /** Shown for a line whose supplied line total is absent or malformed. */\n  amountUnavailableLabel?: string\n  shippingAddressLabel?: string\n  billingAddressLabel?: string\n  continueShoppingLabel?: string\n  /** Prefix of the support line; the `supportLabel` link renders right after it. */\n  contactSupportLabel?: string\n  supportLabel?: string\n  progressLabel?: string\n  estimatedDeliveryLabel?: string\n  currentStageLabel?: string\n  inProgressLabel?: string\n  expectedByLabel?: string\n  completedLabel?: string\n  statusLabel?: string\n  locationLabel?: string\n  trackOrderLabel?: string\n  continueShoppingHref?: string\n  supportHref?: string\n  onContinueShopping?: () => void\n}\n\nconst longDate = new Intl.DateTimeFormat('en-US', { dateStyle: 'long' })\n\n/**\n * The screen that closes the purchase journey the checkout blocks open.\n *\n * This file has no hooks or handlers, so it still renders as a server component straight from\n * your order record. Only the progress tabs are interactive, and they carry their own\n * `'use client'` — the boundary is one child rather than the whole page.\n */\nexport function CheckoutConfirmation({\n  order,\n  orderLines,\n  fulfilmentDetails,\n  formatPrice,\n  titleLabel = 'Pedido registrado',\n  orderPlacedLabel = 'Pedido {number} · {date} · Correo de contacto: {email}',\n  orderPlacedNoEmailLabel = 'Pedido {number} realizado el {date}.',\n  itemsLabel = 'Comprobante del pedido',\n  quantityLabel = 'Cantidad',\n  subtotalLabel = 'Subtotal',\n  discountLabel = 'Descuento',\n  shippingLabel = 'Envío',\n  taxLabel = 'Impuestos',\n  totalLabel = 'Total',\n  freeLabel = 'Gratis',\n  amountUnavailableLabel = '—',\n  shippingAddressLabel = 'Envío',\n  billingAddressLabel = 'Facturación',\n  continueShoppingLabel = 'Seguir comprando',\n  contactSupportLabel = '¿Algo falla con este pedido?',\n  supportLabel = 'Contacta con soporte',\n  progressLabel = 'Progreso',\n  estimatedDeliveryLabel = 'Entrega estimada',\n  currentStageLabel = 'Etapa actual',\n  inProgressLabel = 'En curso',\n  expectedByLabel = 'Se espera para',\n  completedLabel = 'Completada',\n  statusLabel = 'Estado',\n  locationLabel = 'Ubicación',\n  trackOrderLabel = 'Seguir este pedido',\n  continueShoppingHref,\n  supportHref,\n  onContinueShopping,\n}: CheckoutConfirmationProps) {\n  const format = (value: Money | null | undefined) => formatMoney(value, formatPrice)\n  const placedDate = longDate.format(new Date(order.placedAt))\n  const placedText = order.email\n    ? orderPlacedLabel\n        .replace('{number}', order.number)\n        .replace('{date}', placedDate)\n        .replace('{email}', order.email)\n    : orderPlacedNoEmailLabel.replace('{number}', order.number).replace('{date}', placedDate)\n  const fulfilmentStages = fulfilmentDetails\n    ? (Object.keys(fulfilmentDetails) as FulfilmentStage[])\n    : []\n  const addresses = [\n    { title: shippingAddressLabel, address: order.shipping },\n    { title: billingAddressLabel, address: order.billing },\n  ].filter((section): section is { title: string; address: OrderAddress } => Boolean(section.address))\n\n  return (\n    <div className='w-full py-16 sm:py-24'>\n      <div className='mx-auto w-full max-w-3xl px-4 sm:px-6 lg:px-8'>\n        <div className='text-center'>\n          <span\n            aria-hidden='true'\n            className='bg-primary/10 text-primary mx-auto flex size-12 items-center justify-center rounded-full'\n          >\n            <CircleCheck className='size-6' />\n          </span>\n          <h1 className='mt-4 text-3xl font-semibold tracking-tight'>{titleLabel}</h1>\n          <p className='text-muted-foreground mt-3'>{placedText}</p>\n        </div>\n\n        {fulfilmentDetails && order.currentStage ? (\n          <CheckoutConfirmationFulfilmentProgress\n            order={{\n              currentStage: order.currentStage,\n              estimatedDelivery: order.estimatedDelivery,\n              trackingHref: order.trackingHref,\n            }}\n            stages={fulfilmentStages.map(stage => fulfilmentDetails[stage])}\n            progressLabel={progressLabel}\n            estimatedDeliveryLabel={estimatedDeliveryLabel}\n            currentStageLabel={currentStageLabel}\n            inProgressLabel={inProgressLabel}\n            expectedByLabel={expectedByLabel}\n            completedLabel={completedLabel}\n            statusLabel={statusLabel}\n            locationLabel={locationLabel}\n            trackOrderLabel={trackOrderLabel}\n          />\n        ) : null}\n\n        <Card className='mt-6'>\n          <CardHeader>\n            <CardTitle className='text-base'>{itemsLabel}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ul className='divide-border divide-y'>\n              {orderLines.map(line => (\n                <li key={line.id} className='flex gap-4 py-4 first:pt-0 last:pb-0'>\n                  {line.image ? (\n                    <img\n                      src={line.image || undefined}\n                      alt={line.name}\n                      width={72}\n                      height={88}\n                      className='bg-muted h-22 w-18 shrink-0 rounded-md object-cover'\n                    />\n                  ) : (\n                    <div aria-hidden='true' className='bg-muted h-22 w-18 shrink-0 rounded-md' />\n                  )}\n                  <div className='min-w-0 flex-1'>\n                    <p className='text-sm font-medium'>{line.name}</p>\n                    {line.variant ? <p className='text-muted-foreground text-sm'>{line.variant}</p> : null}\n                    <p className='text-muted-foreground text-sm tabular-nums'>\n                      {`${quantityLabel} ${line.quantity}`}\n                    </p>\n                  </div>\n                  <p className='text-sm font-medium tabular-nums'>\n                    {format(line.lineTotal) ?? amountUnavailableLabel}\n                  </p>\n                </li>\n              ))}\n            </ul>\n\n            <Separator className='my-4' />\n\n            <dl className='flex flex-col gap-2 text-sm'>\n              {isAvailableMoney(order.totals.subtotal) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{subtotalLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.subtotal)}</dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.discount) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{discountLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.discount)}</dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.shipping) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{shippingLabel}</dt>\n                  <dd className='tabular-nums'>\n                    {Number(order.totals.shipping.amount) === 0\n                      ? freeLabel\n                      : format(order.totals.shipping)}\n                  </dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.tax) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{taxLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.tax)}</dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.total) ? (\n                <div className='flex justify-between pt-2 text-base font-semibold'>\n                  <dt>{totalLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.total)}</dd>\n                </div>\n              ) : null}\n            </dl>\n          </CardContent>\n        </Card>\n\n        {addresses.length > 0 ? (\n          <div className='mt-6 grid gap-6 sm:grid-cols-2'>\n            {addresses.map(section => (\n              <Card key={section.title}>\n                <CardHeader>\n                  <CardTitle className='text-base'>{section.title}</CardTitle>\n                </CardHeader>\n                <CardContent className='text-sm'>\n                  <address className='text-muted-foreground not-italic'>\n                    <span className='text-foreground block font-medium'>{section.address.name}</span>\n                    {section.address.lines.map((line, index) => (\n                      <span key={`${section.title}:${index}:${line}`} className='block'>\n                        {line}\n                      </span>\n                    ))}\n                  </address>\n                  {section.address.method ? (\n                    <p className='text-muted-foreground mt-3'>{section.address.method}</p>\n                  ) : null}\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        ) : null}\n\n        <div className='mt-8 flex flex-col items-center gap-2'>\n          {continueShoppingHref ? (\n            <Button variant='ghost' asChild>\n              <a href={continueShoppingHref}>{continueShoppingLabel}</a>\n            </Button>\n          ) : onContinueShopping ? (\n            <Button variant='ghost' onClick={onContinueShopping}>\n              {continueShoppingLabel}\n            </Button>\n          ) : null}\n          {supportHref ? (\n            <p className='text-muted-foreground text-sm'>\n              {contactSupportLabel}{' '}\n              <a href={supportHref} className='underline underline-offset-4'>\n                {supportLabel}\n              </a>\n            </p>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default CheckoutConfirmation\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation.mjs

@@ -0,0 +1,156 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleCheck } from "lucide-react";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/card.mjs";
+import { Separator } from "../../../ui/separator.mjs";
+import { formatMoney, isAvailableMoney } from "../../../lib/money.mjs";
+import { CheckoutConfirmationFulfilmentProgress } from "./checkout-confirmation-fulfilment-progress.mjs";
+const longDate = new Intl.DateTimeFormat("en-US", { dateStyle: "long" });
+function CheckoutConfirmation({
+  order,
+  orderLines,
+  fulfilmentDetails,
+  formatPrice,
+  titleLabel = "Pedido registrado",
+  orderPlacedLabel = "Pedido {number} \xB7 {date} \xB7 Correo de contacto: {email}",
+  orderPlacedNoEmailLabel = "Pedido {number} realizado el {date}.",
+  itemsLabel = "Comprobante del pedido",
+  quantityLabel = "Cantidad",
+  subtotalLabel = "Subtotal",
+  discountLabel = "Descuento",
+  shippingLabel = "Env\xEDo",
+  taxLabel = "Impuestos",
+  totalLabel = "Total",
+  freeLabel = "Gratis",
+  amountUnavailableLabel = "\u2014",
+  shippingAddressLabel = "Env\xEDo",
+  billingAddressLabel = "Facturaci\xF3n",
+  continueShoppingLabel = "Seguir comprando",
+  contactSupportLabel = "\xBFAlgo falla con este pedido?",
+  supportLabel = "Contacta con soporte",
+  progressLabel = "Progreso",
+  estimatedDeliveryLabel = "Entrega estimada",
+  currentStageLabel = "Etapa actual",
+  inProgressLabel = "En curso",
+  expectedByLabel = "Se espera para",
+  completedLabel = "Completada",
+  statusLabel = "Estado",
+  locationLabel = "Ubicaci\xF3n",
+  trackOrderLabel = "Seguir este pedido",
+  continueShoppingHref,
+  supportHref,
+  onContinueShopping
+}) {
+  const format = (value) => formatMoney(value, formatPrice);
+  const placedDate = longDate.format(new Date(order.placedAt));
+  const placedText = order.email ? orderPlacedLabel.replace("{number}", order.number).replace("{date}", placedDate).replace("{email}", order.email) : orderPlacedNoEmailLabel.replace("{number}", order.number).replace("{date}", placedDate);
+  const fulfilmentStages = fulfilmentDetails ? Object.keys(fulfilmentDetails) : [];
+  const addresses = [
+    { title: shippingAddressLabel, address: order.shipping },
+    { title: billingAddressLabel, address: order.billing }
+  ].filter((section) => Boolean(section.address));
+  return /* @__PURE__ */ jsx("div", { className: "w-full py-16 sm:py-24", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "bg-primary/10 text-primary mx-auto flex size-12 items-center justify-center rounded-full",
+          children: /* @__PURE__ */ jsx(CircleCheck, { className: "size-6" })
+        }
+      ),
+      /* @__PURE__ */ jsx("h1", { className: "mt-4 text-3xl font-semibold tracking-tight", children: titleLabel }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-3", children: placedText })
+    ] }),
+    fulfilmentDetails && order.currentStage ? /* @__PURE__ */ jsx(
+      CheckoutConfirmationFulfilmentProgress,
+      {
+        order: {
+          currentStage: order.currentStage,
+          estimatedDelivery: order.estimatedDelivery,
+          trackingHref: order.trackingHref
+        },
+        stages: fulfilmentStages.map((stage) => fulfilmentDetails[stage]),
+        progressLabel,
+        estimatedDeliveryLabel,
+        currentStageLabel,
+        inProgressLabel,
+        expectedByLabel,
+        completedLabel,
+        statusLabel,
+        locationLabel,
+        trackOrderLabel
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(Card, { className: "mt-6", children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: itemsLabel }) }),
+      /* @__PURE__ */ jsxs(CardContent, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "divide-border divide-y", children: orderLines.map((line) => /* @__PURE__ */ jsxs("li", { className: "flex gap-4 py-4 first:pt-0 last:pb-0", children: [
+          line.image ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: line.image || void 0,
+              alt: line.name,
+              width: 72,
+              height: 88,
+              className: "bg-muted h-22 w-18 shrink-0 rounded-md object-cover"
+            }
+          ) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "bg-muted h-22 w-18 shrink-0 rounded-md" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: line.name }),
+            line.variant ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: line.variant }) : null,
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm tabular-nums", children: `${quantityLabel} ${line.quantity}` })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium tabular-nums", children: format(line.lineTotal) ?? amountUnavailableLabel })
+        ] }, line.id)) }),
+        /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+        /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-2 text-sm", children: [
+          isAvailableMoney(order.totals.subtotal) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: subtotalLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: format(order.totals.subtotal) })
+          ] }) : null,
+          isAvailableMoney(order.totals.discount) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: discountLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: format(order.totals.discount) })
+          ] }) : null,
+          isAvailableMoney(order.totals.shipping) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: shippingLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: Number(order.totals.shipping.amount) === 0 ? freeLabel : format(order.totals.shipping) })
+          ] }) : null,
+          isAvailableMoney(order.totals.tax) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: taxLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: format(order.totals.tax) })
+          ] }) : null,
+          isAvailableMoney(order.totals.total) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between pt-2 text-base font-semibold", children: [
+            /* @__PURE__ */ jsx("dt", { children: totalLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: format(order.totals.total) })
+          ] }) : null
+        ] })
+      ] })
+    ] }),
+    addresses.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-6 grid gap-6 sm:grid-cols-2", children: addresses.map((section) => /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: section.title }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "text-sm", children: [
+        /* @__PURE__ */ jsxs("address", { className: "text-muted-foreground not-italic", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground block font-medium", children: section.address.name }),
+          section.address.lines.map((line, index) => /* @__PURE__ */ jsx("span", { className: "block", children: line }, `${section.title}:${index}:${line}`))
+        ] }),
+        section.address.method ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-3", children: section.address.method }) : null
+      ] })
+    ] }, section.title)) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col items-center gap-2", children: [
+      continueShoppingHref ? /* @__PURE__ */ jsx(Button, { variant: "ghost", asChild: true, children: /* @__PURE__ */ jsx("a", { href: continueShoppingHref, children: continueShoppingLabel }) }) : onContinueShopping ? /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onContinueShopping, children: continueShoppingLabel }) : null,
+      supportHref ? /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
+        contactSupportLabel,
+        " ",
+        /* @__PURE__ */ jsx("a", { href: supportHref, className: "underline underline-offset-4", children: supportLabel })
+      ] }) : null
+    ] })
+  ] }) });
+}
+var checkout_confirmation_default = CheckoutConfirmation;
+export {
+  CheckoutConfirmation,
+  checkout_confirmation_default as default
+};
+//# sourceMappingURL=checkout-confirmation.mjs.map

package/dist/blocks/e-commerce/checkout-forms/checkout-confirmation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-confirmation.tsx"],"sourcesContent":["import { CircleCheck } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Separator } from '../../../ui/separator'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type { Money } from '@thorprovider/types'\nimport { CheckoutConfirmationFulfilmentProgress } from './checkout-confirmation-fulfilment-progress'\n\nexport type FulfilmentStage = 'Confirmed' | 'Packed' | 'Shipped' | 'Delivered'\n\nexport interface OrderLine {\n  id: string\n  name: string\n  variant?: string\n  quantity: number\n  /** Canonical backend line total. */\n  lineTotal: Money\n  unitPrice?: Money\n  /** Optional; an absent image is omitted rather than serialized as `\"\"`. */\n  image?: string\n}\n\nexport interface FulfilmentStageDetail {\n  stage: FulfilmentStage\n  /** What happened, in a sentence. Present tense for a stage that has not arrived yet. */\n  summary: string\n  /** Where it happened, or where it will. */\n  location: string\n  /**\n   * When it happened. `null` for a stage still ahead, which the panel renders as an\n   * expectation rather than as a fact — a date with no event behind it is a promise, and\n   * printing it in the same voice as a completed step is how a tracker starts lying.\n   */\n  at: string | null\n}\n\nexport interface OrderAddress {\n  name: string\n  lines: string[]\n  method?: string\n}\n\nexport interface OrderTotals {\n  subtotal?: Money\n  discount?: Money\n  shipping?: Money\n  tax?: Money\n  total?: Money\n}\n\nexport interface Order {\n  number: string\n  /** ISO date */\n  placedAt: string\n  email?: string\n  /** Present only when the backend reports a fulfilment stage. */\n  currentStage?: FulfilmentStage\n  /** ISO date. Rendered only when supplied; no delivery estimate is fabricated. */\n  estimatedDelivery?: string | null\n  trackingHref?: string\n  shipping?: OrderAddress\n  billing?: OrderAddress\n  totals: OrderTotals\n}\n\nexport interface CheckoutConfirmationProps {\n  order: Order\n  orderLines: OrderLine[]\n  /**\n   * Keyed by `FulfilmentStage`. Rendered only when supplied; the stage strip is\n   * ordered by `Object.keys`, so define the record in the canonical\n   * `Confirmed → Packed → Shipped → Delivered` order.\n   */\n  fulfilmentDetails?: Record<FulfilmentStage, FulfilmentStageDetail>\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatPrice?: (money: Money) => string\n  titleLabel?: string\n  /** Template with `{number}`/`{date}`/`{email}` placeholders, resolved internally. */\n  orderPlacedLabel?: string\n  /** Used when the order carries no email. */\n  orderPlacedNoEmailLabel?: string\n  itemsLabel?: string\n  quantityLabel?: string\n  subtotalLabel?: string\n  discountLabel?: string\n  shippingLabel?: string\n  taxLabel?: string\n  totalLabel?: string\n  freeLabel?: string\n  /** Shown for a line whose supplied line total is absent or malformed. */\n  amountUnavailableLabel?: string\n  shippingAddressLabel?: string\n  billingAddressLabel?: string\n  continueShoppingLabel?: string\n  /** Prefix of the support line; the `supportLabel` link renders right after it. */\n  contactSupportLabel?: string\n  supportLabel?: string\n  progressLabel?: string\n  estimatedDeliveryLabel?: string\n  currentStageLabel?: string\n  inProgressLabel?: string\n  expectedByLabel?: string\n  completedLabel?: string\n  statusLabel?: string\n  locationLabel?: string\n  trackOrderLabel?: string\n  continueShoppingHref?: string\n  supportHref?: string\n  onContinueShopping?: () => void\n}\n\nconst longDate = new Intl.DateTimeFormat('en-US', { dateStyle: 'long' })\n\n/**\n * The screen that closes the purchase journey the checkout blocks open.\n *\n * This file has no hooks or handlers, so it still renders as a server component straight from\n * your order record. Only the progress tabs are interactive, and they carry their own\n * `'use client'` — the boundary is one child rather than the whole page.\n */\nexport function CheckoutConfirmation({\n  order,\n  orderLines,\n  fulfilmentDetails,\n  formatPrice,\n  titleLabel = 'Pedido registrado',\n  orderPlacedLabel = 'Pedido {number} · {date} · Correo de contacto: {email}',\n  orderPlacedNoEmailLabel = 'Pedido {number} realizado el {date}.',\n  itemsLabel = 'Comprobante del pedido',\n  quantityLabel = 'Cantidad',\n  subtotalLabel = 'Subtotal',\n  discountLabel = 'Descuento',\n  shippingLabel = 'Envío',\n  taxLabel = 'Impuestos',\n  totalLabel = 'Total',\n  freeLabel = 'Gratis',\n  amountUnavailableLabel = '—',\n  shippingAddressLabel = 'Envío',\n  billingAddressLabel = 'Facturación',\n  continueShoppingLabel = 'Seguir comprando',\n  contactSupportLabel = '¿Algo falla con este pedido?',\n  supportLabel = 'Contacta con soporte',\n  progressLabel = 'Progreso',\n  estimatedDeliveryLabel = 'Entrega estimada',\n  currentStageLabel = 'Etapa actual',\n  inProgressLabel = 'En curso',\n  expectedByLabel = 'Se espera para',\n  completedLabel = 'Completada',\n  statusLabel = 'Estado',\n  locationLabel = 'Ubicación',\n  trackOrderLabel = 'Seguir este pedido',\n  continueShoppingHref,\n  supportHref,\n  onContinueShopping,\n}: CheckoutConfirmationProps) {\n  const format = (value: Money | null | undefined) => formatMoney(value, formatPrice)\n  const placedDate = longDate.format(new Date(order.placedAt))\n  const placedText = order.email\n    ? orderPlacedLabel\n        .replace('{number}', order.number)\n        .replace('{date}', placedDate)\n        .replace('{email}', order.email)\n    : orderPlacedNoEmailLabel.replace('{number}', order.number).replace('{date}', placedDate)\n  const fulfilmentStages = fulfilmentDetails\n    ? (Object.keys(fulfilmentDetails) as FulfilmentStage[])\n    : []\n  const addresses = [\n    { title: shippingAddressLabel, address: order.shipping },\n    { title: billingAddressLabel, address: order.billing },\n  ].filter((section): section is { title: string; address: OrderAddress } => Boolean(section.address))\n\n  return (\n    <div className='w-full py-16 sm:py-24'>\n      <div className='mx-auto w-full max-w-3xl px-4 sm:px-6 lg:px-8'>\n        <div className='text-center'>\n          <span\n            aria-hidden='true'\n            className='bg-primary/10 text-primary mx-auto flex size-12 items-center justify-center rounded-full'\n          >\n            <CircleCheck className='size-6' />\n          </span>\n          <h1 className='mt-4 text-3xl font-semibold tracking-tight'>{titleLabel}</h1>\n          <p className='text-muted-foreground mt-3'>{placedText}</p>\n        </div>\n\n        {fulfilmentDetails && order.currentStage ? (\n          <CheckoutConfirmationFulfilmentProgress\n            order={{\n              currentStage: order.currentStage,\n              estimatedDelivery: order.estimatedDelivery,\n              trackingHref: order.trackingHref,\n            }}\n            stages={fulfilmentStages.map(stage => fulfilmentDetails[stage])}\n            progressLabel={progressLabel}\n            estimatedDeliveryLabel={estimatedDeliveryLabel}\n            currentStageLabel={currentStageLabel}\n            inProgressLabel={inProgressLabel}\n            expectedByLabel={expectedByLabel}\n            completedLabel={completedLabel}\n            statusLabel={statusLabel}\n            locationLabel={locationLabel}\n            trackOrderLabel={trackOrderLabel}\n          />\n        ) : null}\n\n        <Card className='mt-6'>\n          <CardHeader>\n            <CardTitle className='text-base'>{itemsLabel}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ul className='divide-border divide-y'>\n              {orderLines.map(line => (\n                <li key={line.id} className='flex gap-4 py-4 first:pt-0 last:pb-0'>\n                  {line.image ? (\n                    <img\n                      src={line.image || undefined}\n                      alt={line.name}\n                      width={72}\n                      height={88}\n                      className='bg-muted h-22 w-18 shrink-0 rounded-md object-cover'\n                    />\n                  ) : (\n                    <div aria-hidden='true' className='bg-muted h-22 w-18 shrink-0 rounded-md' />\n                  )}\n                  <div className='min-w-0 flex-1'>\n                    <p className='text-sm font-medium'>{line.name}</p>\n                    {line.variant ? <p className='text-muted-foreground text-sm'>{line.variant}</p> : null}\n                    <p className='text-muted-foreground text-sm tabular-nums'>\n                      {`${quantityLabel} ${line.quantity}`}\n                    </p>\n                  </div>\n                  <p className='text-sm font-medium tabular-nums'>\n                    {format(line.lineTotal) ?? amountUnavailableLabel}\n                  </p>\n                </li>\n              ))}\n            </ul>\n\n            <Separator className='my-4' />\n\n            <dl className='flex flex-col gap-2 text-sm'>\n              {isAvailableMoney(order.totals.subtotal) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{subtotalLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.subtotal)}</dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.discount) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{discountLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.discount)}</dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.shipping) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{shippingLabel}</dt>\n                  <dd className='tabular-nums'>\n                    {Number(order.totals.shipping.amount) === 0\n                      ? freeLabel\n                      : format(order.totals.shipping)}\n                  </dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.tax) ? (\n                <div className='flex justify-between'>\n                  <dt className='text-muted-foreground'>{taxLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.tax)}</dd>\n                </div>\n              ) : null}\n              {isAvailableMoney(order.totals.total) ? (\n                <div className='flex justify-between pt-2 text-base font-semibold'>\n                  <dt>{totalLabel}</dt>\n                  <dd className='tabular-nums'>{format(order.totals.total)}</dd>\n                </div>\n              ) : null}\n            </dl>\n          </CardContent>\n        </Card>\n\n        {addresses.length > 0 ? (\n          <div className='mt-6 grid gap-6 sm:grid-cols-2'>\n            {addresses.map(section => (\n              <Card key={section.title}>\n                <CardHeader>\n                  <CardTitle className='text-base'>{section.title}</CardTitle>\n                </CardHeader>\n                <CardContent className='text-sm'>\n                  <address className='text-muted-foreground not-italic'>\n                    <span className='text-foreground block font-medium'>{section.address.name}</span>\n                    {section.address.lines.map((line, index) => (\n                      <span key={`${section.title}:${index}:${line}`} className='block'>\n                        {line}\n                      </span>\n                    ))}\n                  </address>\n                  {section.address.method ? (\n                    <p className='text-muted-foreground mt-3'>{section.address.method}</p>\n                  ) : null}\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        ) : null}\n\n        <div className='mt-8 flex flex-col items-center gap-2'>\n          {continueShoppingHref ? (\n            <Button variant='ghost' asChild>\n              <a href={continueShoppingHref}>{continueShoppingLabel}</a>\n            </Button>\n          ) : onContinueShopping ? (\n            <Button variant='ghost' onClick={onContinueShopping}>\n              {continueShoppingLabel}\n            </Button>\n          ) : null}\n          {supportHref ? (\n            <p className='text-muted-foreground text-sm'>\n              {contactSupportLabel}{' '}\n              <a href={supportHref} className='underline underline-offset-4'>\n                {supportLabel}\n              </a>\n            </p>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default CheckoutConfirmation\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-contact-step.d.ts

@@ -0,0 +1,13 @@
+import type { CheckoutChangeHandler, CheckoutFieldDescriptions, CheckoutValuesFieldErrors, CheckoutLabels, CheckoutValues } from './checkout';
+export interface CheckoutContactStepProps {
+    values: CheckoutValues;
+    onChange: CheckoutChangeHandler;
+    labels: CheckoutLabels;
+    /** Rendered only when the host supplies the corresponding label. */
+    showSaveInfo: boolean;
+    showNewsletter: boolean;
+    fieldErrors?: CheckoutValuesFieldErrors;
+    fieldDescriptions?: CheckoutFieldDescriptions;
+}
+export declare function CheckoutContactStep({ values, onChange, labels, showSaveInfo, showNewsletter, fieldErrors, fieldDescriptions, }: CheckoutContactStepProps): import("react").JSX.Element;
+//# sourceMappingURL=checkout-contact-step.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-contact-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-contact-step.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,cAAc,EACd,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,oEAAoE;IACpE,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;CAC9C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,EAAE,wBAAwB,+BAmH1B"}