@fayz-ai/storefront 0.83.1 → 0.84.1

package/dist/chunk-DRMDBXMT.js

@@ -0,0 +1,2123 @@
+import { SuccessMark } from './chunk-WDQFNHYO.js';
+import { rememberLocalOrder, useMyOrders } from './chunk-WPWNYBNG.js';
+import { SkeletonGroup, Skeleton, PulseDot } from './chunk-FCPOPWG3.js';
+import { runBeforePlaceOrderValve, collectOrderMetadata, useT, useBuyerCountry, useDiscountValidator, trackStorefront, identifyStorefrontBuyer, Slot, SignInModal, returnPath, toast } from './chunk-MFAU3AWK.js';
+import { prefersReducedMotion } from './chunk-WXXYJZE6.js';
+import { selectShipping, useCartStore, useDeliveryStore, selectSubtotal, selectDiscountTotal, selectTotal, selectRequiresShipping } from './chunk-K27LYMSF.js';
+import { TID, establishCustomerSession, useSessionStore, useStorefrontHead, signOutCustomer, SmoothImage, formatMoney, hasCustomerAuth, relinkCustomer } from './chunk-PATS4DIF.js';
+import { useStorefrontConfig, navigateTo, Link } from './chunk-GVZ2SAOI.js';
+import React4, { useState, useEffect, useRef, useCallback } from 'react';
+import { MapPin, Lock, CreditCard, ShieldCheck, Check, QrCode, Copy } from 'lucide-react';
+import { getShopProvider } from '@fayz-ai/shop/runtime';
+import { documentDigits, isChargeableProvider, supportsCard, formatDocument, isValidDocument, gatewayLabel } from '@fayz-ai/shop';
+import { getCountrySchema, countryName, formatPostalCode, normalizePostalCode, lookupPostalCode, describeError, validateAddress } from '@fayz-ai/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/lib/errors.ts
+function errorMessage(err) {
+  if (err instanceof Error) return err.message;
+  if (err && typeof err === "object" && typeof err.message === "string") {
+    return err.message;
+  }
+  return "";
+}
+
+// src/workflows/checkout.ts
+function formatDeliveryNotes(address, shippingAddress) {
+  if (address?.notes?.trim()) return address.notes.trim();
+  if (shippingAddress) return void 0;
+  if (!address) return void 0;
+  const parts = [address.street, address.city, address.zip].map((part) => part?.trim()).filter(Boolean);
+  return parts.length > 0 ? `Entrega: ${parts.join(", ")}` : void 0;
+}
+function isStaleCustomerError(err) {
+  const message = errorMessage(err).toLowerCase();
+  return message.includes("customer email mismatch") || message.includes("customer does not belong to this store") || message.includes("customer belongs to another account");
+}
+async function placeStorefrontOrder({
+  config,
+  cart,
+  session,
+  customer,
+  address,
+  shippingAddress,
+  fulfillmentType,
+  scheduledFor,
+  paymentMethod,
+  markPaid = false
+}) {
+  const email = customer.email.trim().toLowerCase();
+  const name = customer.name.trim();
+  const provider = getShopProvider();
+  let customerId = session?.customerId ?? null;
+  if (!customerId || session?.email?.trim().toLowerCase() !== email) {
+    const established = await establishCustomerSession(email, { name });
+    customerId = established.customerId;
+  }
+  const notes = formatDeliveryNotes(address, shippingAddress);
+  const items = cart.lines.map((line) => ({
+    productId: line.productId,
+    // The variant the shopper picked (spine M5): the server prices the line
+    // from it and decrements ITS stock, so two sizes never share a counter.
+    variantId: line.variantId || void 0,
+    quantity: line.quantity,
+    optionsLabel: line.optionsLabel || void 0,
+    // A observação da linha (0094). Vai por item porque é por item: duas
+    // unidades do mesmo prato com pedidos diferentes são duas linhas.
+    notes: line.notes || void 0
+  }));
+  const shippingTotal = fulfillmentType === "pickup" ? 0 : selectShipping(cart, config);
+  const replaced = await runBeforePlaceOrderValve({
+    items,
+    customer: { name, email },
+    currency: config.currency,
+    discountCode: cart.discountCode ?? void 0,
+    shippingTotal,
+    notes,
+    customerId: customerId ?? void 0
+  });
+  if (replaced) return { order: replaced, customerId: customerId ?? replaced.customerId ?? "" };
+  const contributed = await collectOrderMetadata({
+    items: cart.lines.map((line) => ({
+      productId: line.productId,
+      quantity: line.quantity,
+      unitPrice: line.unitPrice
+    })),
+    subtotal: cart.lines.reduce((sum, line) => sum + line.unitPrice * line.quantity, 0),
+    customerEmail: email
+  });
+  const metadata = config.market ? { ...contributed ?? {}, market: config.market.code } : contributed;
+  const place = (withCustomerId) => provider.placeOrder({
+    customerId: withCustomerId,
+    customer: { name, email },
+    currency: config.currency,
+    notes,
+    discountCode: cart.discountCode ?? void 0,
+    shippingTotal,
+    // Structured address + method are what populate public.addresses and the
+    // transactions ledger. `notes` stays for backwards compatibility with
+    // checkouts that have not been updated yet.
+    shippingAddress,
+    paymentMethod,
+    metadata,
+    fulfillmentType,
+    scheduledFor,
+    items
+  });
+  let order;
+  try {
+    order = await place(customerId ?? void 0);
+  } catch (err) {
+    if (!customerId || !isStaleCustomerError(err)) throw err;
+    customerId = null;
+    order = await place(void 0);
+  }
+  if (markPaid) {
+    if (provider.confirmPayment) await provider.confirmPayment(order.id);
+    else await provider.updateOrder(order.id, { financialStatus: "paid" });
+  }
+  rememberLocalOrder(order.id);
+  return { order, customerId: customerId ?? order.customerId ?? "" };
+}
+var LABELS = {
+  1: "checkout.steps.1",
+  2: "checkout.steps.2",
+  3: "checkout.steps.3",
+  4: "checkout.steps.4"
+};
+function CheckoutSteps({ current, onGoBackTo, omit }) {
+  const t = useT();
+  const steps = [1, 2, 3, 4].filter((s) => !omit?.includes(s));
+  return /* @__PURE__ */ jsxs("nav", { "data-testid": TID.checkoutSteps, "aria-label": t("checkout.steps.label"), className: "mb-8", children: [
+    /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1.5 sm:gap-2", children: steps.map((step, index) => {
+      const done = step < current;
+      const active = step === current;
+      const canGoBack = done && !!onGoBackTo;
+      const Tag = canGoBack ? "button" : "div";
+      return (
+        // `flex-1` só em quem TEM traço. O último passo não tem, e com
+        // flex-1 ele reservava uma fatia inteira para desenhar apenas a
+        // bolinha — que então parava no começo da fatia em vez do fim, e a
+        // régua saía torta. Sem flex-1, o traço absorve a sobra e as
+        // bolinhas encostam nas pontas.
+        /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: `flex min-w-0 items-center gap-1.5 sm:gap-2 ${index < steps.length - 1 ? "flex-1" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                Tag,
+                {
+                  ...canGoBack ? { type: "button", onClick: () => onGoBackTo(step) } : {},
+                  "data-testid": TID.checkoutStep(step),
+                  "data-state": done ? "done" : active ? "current" : "pending",
+                  "aria-current": active ? "step" : void 0,
+                  className: [
+                    "flex min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 text-left transition",
+                    canGoBack ? "hover:bg-muted" : "",
+                    active ? "text-foreground" : done ? "text-foreground" : "text-muted-foreground"
+                  ].join(" "),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: [
+                          "grid h-7 w-7 shrink-0 place-items-center rounded-full border text-xs font-semibold",
+                          done ? "border-primary bg-primary text-primary-foreground" : active ? "border-primary bg-background text-primary" : "border-muted-foreground/30 bg-background"
+                        ].join(" "),
+                        children: done ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : index + 1
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: `hidden truncate text-sm sm:inline ${active ? "font-semibold" : ""}`, children: t(LABELS[step]) })
+                  ]
+                }
+              ),
+              index < steps.length - 1 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `h-px flex-1 ${done ? "bg-primary" : "bg-border"}` })
+            ]
+          },
+          step
+        )
+      );
+    }) }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm font-semibold sm:hidden", children: [
+      steps.indexOf(current) + 1,
+      ". ",
+      t(LABELS[current])
+    ] })
+  ] });
+}
+var SDK_URL = "https://sdk.mercadopago.com/js/v2";
+var CONTAINER_ID = "fayz-mp-card-brick";
+var DEVICE_SCRIPT_URL = "https://www.mercadopago.com/v2/security.js";
+var DEVICE_VIEW = "checkout";
+function loadDeviceScript() {
+  if (typeof document === "undefined") return;
+  if (document.querySelector(`script[src="${DEVICE_SCRIPT_URL}"]`)) return;
+  const script = document.createElement("script");
+  script.src = DEVICE_SCRIPT_URL;
+  script.setAttribute("view", DEVICE_VIEW);
+  script.async = true;
+  document.body.appendChild(script);
+}
+function deviceSessionId() {
+  if (typeof window === "undefined") return null;
+  const id = window.MP_DEVICE_SESSION_ID;
+  return typeof id === "string" && id.trim() ? id.trim() : null;
+}
+var sdkPromise = null;
+function loadSdk() {
+  if (typeof window === "undefined") return Promise.reject(new Error("no window"));
+  if (window.MercadoPago) return Promise.resolve();
+  if (sdkPromise) return sdkPromise;
+  sdkPromise = new Promise((resolve, reject) => {
+    const existing = document.querySelector(`script[src="${SDK_URL}"]`);
+    const script = existing ?? document.createElement("script");
+    script.src = SDK_URL;
+    script.async = true;
+    script.addEventListener("load", () => resolve());
+    script.addEventListener("error", () => {
+      sdkPromise = null;
+      reject(new Error("N\xE3o conseguimos carregar o pagamento com cart\xE3o."));
+    });
+    if (!existing) document.body.appendChild(script);
+  });
+  return sdkPromise;
+}
+function CardBrick({ publicKey, amount, email, onSubmit, onError }) {
+  const [ready, setReady] = useState(false);
+  const [failed, setFailed] = useState(null);
+  const mounted = useRef(false);
+  const controller = useRef(null);
+  const submitRef = useRef(onSubmit);
+  submitRef.current = onSubmit;
+  useEffect(() => {
+    if (mounted.current) return;
+    mounted.current = true;
+    let cancelled = false;
+    loadDeviceScript();
+    void (async () => {
+      try {
+        await loadSdk();
+        if (cancelled || !window.MercadoPago) return;
+        const mp = new window.MercadoPago(publicKey, { locale: "pt-BR" });
+        const builder = mp.bricks();
+        controller.current = await builder.create("cardPayment", CONTAINER_ID, {
+          initialization: {
+            amount,
+            ...email ? { payer: { email } } : {}
+          },
+          customization: {
+            visual: { style: { theme: "default" } },
+            paymentMethods: { maxInstallments: 12 }
+          },
+          callbacks: {
+            onReady: () => {
+              if (!cancelled) setReady(true);
+            },
+            onSubmit: (formData) => (
+              // Their contract: resolve when the payment is handled, reject to
+              // keep the form up. Rejecting is what lets a declined card be
+              // corrected in place instead of re-typed from scratch.
+              submitRef.current({
+                token: String(formData?.token ?? ""),
+                paymentMethodId: formData?.payment_method_id ?? null,
+                issuerId: formData?.issuer_id == null ? null : String(formData.issuer_id),
+                installments: Number(formData?.installments) || 1,
+                email: formData?.payer?.email ?? null,
+                document: formData?.payer?.identification?.number ? {
+                  type: String(formData.payer.identification.type ?? "CPF"),
+                  number: String(formData.payer.identification.number)
+                } : null
+              })
+            ),
+            onError: (brickError) => {
+              const message = brickError?.message ?? "N\xE3o conseguimos carregar o formul\xE1rio do cart\xE3o.";
+              if (!cancelled) onError?.(message);
+            }
+          }
+        });
+      } catch (err) {
+        if (cancelled) return;
+        const message = describeError(err, "N\xE3o conseguimos carregar o pagamento com cart\xE3o.");
+        setFailed(message);
+        onError?.(message);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      try {
+        controller.current?.unmount();
+      } catch {
+      }
+      controller.current = null;
+      mounted.current = false;
+    };
+  }, []);
+  if (failed) {
+    return /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive", children: failed });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    !ready && /* @__PURE__ */ jsxs(SkeletonGroup, { label: "Carregando o formul\xE1rio do cart\xE3o", className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-full rounded-lg" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-full rounded-lg" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-full rounded-lg" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { id: CONTAINER_ID, className: ready ? "" : "hidden" })
+  ] });
+}
+var POLL_MS = 3e3;
+var RESUME_KEY = "fz.checkout.resume";
+function useExpiry(expiresAt) {
+  const target = React4.useMemo(() => {
+    if (!expiresAt) return null;
+    const t = new Date(expiresAt).getTime();
+    return Number.isFinite(t) ? t : null;
+  }, [expiresAt]);
+  const [now, setNow] = React4.useState(() => Date.now());
+  React4.useEffect(() => {
+    if (target === null) return;
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, [target]);
+  if (target === null) return { secondsLeft: null, expired: false };
+  const secondsLeft = Math.max(0, Math.round((target - now) / 1e3));
+  return { secondsLeft, expired: secondsLeft === 0 };
+}
+function formatCountdown(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${String(s).padStart(2, "0")}`;
+}
+async function copyText(text) {
+  try {
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+  }
+  try {
+    const area = document.createElement("textarea");
+    area.value = text;
+    area.setAttribute("readonly", "");
+    area.style.position = "fixed";
+    area.style.top = "-1000px";
+    area.style.opacity = "0";
+    document.body.appendChild(area);
+    area.select();
+    area.setSelectionRange(0, text.length);
+    const ok = document.execCommand("copy");
+    document.body.removeChild(area);
+    return ok;
+  } catch {
+    return false;
+  }
+}
+function rememberSession(sessionId, provider) {
+  try {
+    sessionStorage.setItem(RESUME_KEY, JSON.stringify({ sessionId, provider }));
+  } catch {
+  }
+}
+function recallSessionProvider(sessionId) {
+  try {
+    const raw = JSON.parse(sessionStorage.getItem(RESUME_KEY) ?? "null");
+    return raw?.sessionId === sessionId ? raw.provider ?? null : null;
+  } catch {
+    return null;
+  }
+}
+function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable, resume, amount }) {
+  const [phase, setPhase] = useState("opening");
+  const [charge, setCharge] = useState(null);
+  const expiry = useExpiry(charge?.expiresAt);
+  const [total, setTotal] = useState(null);
+  const [redirectUrl, setRedirectUrl] = useState(null);
+  const [brickKey, setBrickKey] = useState(null);
+  const [sessionId, setSessionId] = useState(resume?.sessionId ?? null);
+  const [provider, setProvider] = useState(resume?.provider ?? null);
+  const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const [checking, setChecking] = useState(false);
+  const settled = useRef(false);
+  const opened = useRef(false);
+  const open = useCallback(async () => {
+    const shop = getShopProvider();
+    if (!shop.openCheckoutSession) {
+      setError("Esta loja ainda n\xE3o recebe pagamento online.");
+      setPhase("error");
+      return;
+    }
+    setPhase("opening");
+    setError(null);
+    try {
+      if (input.paymentMethod === "credit_card" && shop.paymentPublicKey) {
+        const providerSlug = input.provider ?? null;
+        const publicKey = providerSlug ? await shop.paymentPublicKey(providerSlug) : null;
+        if (publicKey) {
+          setProvider(providerSlug);
+          setBrickKey(publicKey);
+          setPhase("card");
+          return;
+        }
+      }
+      const session = await shop.openCheckoutSession({
+        ...input,
+        // Para onde o adquirente devolve o comprador. É esta página, com o id da
+        // sessão pendurado: quem volta volta em página nova, sem estado nenhum.
+        returnUrl: typeof window === "undefined" ? null : window.location.href.split("?")[0]
+      });
+      setSessionId(session.sessionId);
+      setProvider(session.provider ?? input.provider ?? null);
+      setTotal(session.total);
+      setCharge(session.charge);
+      if (session.paymentUrl && !session.charge) {
+        setRedirectUrl(session.paymentUrl);
+        setPhase("redirect");
+        return;
+      }
+      setPhase(session.charge ? "waiting" : "error");
+      if (!session.charge) setError("N\xE3o conseguimos abrir a cobran\xE7a agora.");
+    } catch (err) {
+      const status = err?.status;
+      const code = err?.code;
+      if (status === 404 || code === "method_unavailable") {
+        onUnavailable?.();
+        return;
+      }
+      setError(describeError(err, "N\xE3o conseguimos abrir a cobran\xE7a agora."));
+      setPhase("error");
+    }
+  }, [input, onUnavailable]);
+  useEffect(() => {
+    if (opened.current) return;
+    opened.current = true;
+    if (resume?.sessionId) {
+      setPhase("waiting");
+      return;
+    }
+    void open();
+  }, [open, resume?.sessionId]);
+  const check = useCallback(async () => {
+    if (!sessionId || settled.current) return false;
+    const shop = getShopProvider();
+    if (!shop.settleCheckoutSession) return false;
+    try {
+      const result = await shop.settleCheckoutSession(sessionId, provider, resume?.chargeToken ?? null);
+      if (settled.current) return false;
+      if (result.state === "paid" && result.orderId) {
+        settled.current = true;
+        setPhase("settling");
+        onPaid(result.orderId);
+        return true;
+      }
+      if (result.state === "failed" || result.state === "expired") {
+        setError(
+          result.reason ?? (result.state === "expired" ? "O c\xF3digo expirou. Gere um novo para continuar." : "O pagamento n\xE3o foi conclu\xEDdo.")
+        );
+        setPhase("error");
+      }
+      return false;
+    } catch {
+      return false;
+    }
+  }, [sessionId, provider, resume?.chargeToken, onPaid]);
+  useEffect(() => {
+    if (phase !== "waiting" || !sessionId) return;
+    let stopped = false;
+    const timer = setInterval(() => {
+      if (!stopped) void check();
+    }, POLL_MS);
+    return () => {
+      stopped = true;
+      clearInterval(timer);
+    };
+  }, [phase, sessionId, check]);
+  async function confirmPaid() {
+    setChecking(true);
+    const paid = await check();
+    if (!paid) setChecking(false);
+  }
+  async function copy() {
+    if (!charge?.emv) return;
+    if (await copyText(charge.emv)) {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2400);
+      return;
+    }
+    toast.error("Copie o c\xF3digo manualmente");
+  }
+  if (phase === "card" && brickKey) {
+    const acquirer = gatewayLabel(provider);
+    return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-4 rounded-xl border bg-card p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-primary" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Pague com cart\xE3o sem sair da loja" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: acquirer ? `Os campos do cart\xE3o s\xE3o da ${acquirer} e o n\xFAmero n\xE3o passa por esta loja. Seu pedido \xE9 criado assim que o pagamento for aprovado.` : "O n\xFAmero do cart\xE3o n\xE3o passa por esta loja. Seu pedido \xE9 criado assim que o pagamento for aprovado." }),
+      (total ?? amount) != null && /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+        "Valor: ",
+        /* @__PURE__ */ jsx("strong", { "data-testid": TID.checkoutPaymentTotal, children: money(total ?? amount) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CardBrick,
+        {
+          publicKey: brickKey,
+          amount: total ?? amount ?? 0,
+          email: input.customer?.email ?? null,
+          onError: (message) => setError(message),
+          onSubmit: async (result) => {
+            const shop = getShopProvider();
+            if (!shop.openCheckoutSession) throw new Error("sem gateway");
+            try {
+              const session = await shop.openCheckoutSession({
+                ...input,
+                cardToken: result.token,
+                installments: result.installments,
+                paymentMethodId: result.paymentMethodId,
+                issuerId: result.issuerId,
+                // Their anti-fraud reads this, and a card charged without it is
+                // declined more often for no visible reason.
+                deviceId: deviceSessionId()
+              });
+              setSessionId(session.sessionId);
+              setProvider(session.provider ?? input.provider ?? null);
+              setTotal(session.total);
+              const orderId = session.orderId ?? null;
+              if (orderId) {
+                settled.current = true;
+                setPhase("settling");
+                onPaid(orderId);
+                return;
+              }
+              setPhase("waiting");
+            } catch (err) {
+              const message = describeError(err, "O pagamento n\xE3o foi aprovado.");
+              setError(message);
+              throw err;
+            }
+          }
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          className: "inline-flex min-h-11 items-center rounded-lg border px-4 py-2.5 text-sm font-medium transition hover:bg-muted",
+          children: "Voltar"
+        }
+      )
+    ] });
+  }
+  if (phase === "redirect" && redirectUrl) {
+    const acquirer = gatewayLabel(provider);
+    return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-4 rounded-xl border bg-card p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-primary" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: acquirer ? `Pague com cart\xE3o na p\xE1gina da ${acquirer}` : "Pague com cart\xE3o" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: acquirer ? `Os dados do cart\xE3o s\xE3o digitados no ambiente seguro da ${acquirer} \u2014 a loja n\xE3o v\xEA o n\xFAmero. Ao terminar, voc\xEA volta para c\xE1 e o pedido \xE9 criado.` : "Os dados do cart\xE3o s\xE3o digitados no ambiente seguro do provedor \u2014 a loja n\xE3o v\xEA o n\xFAmero. Ao terminar, voc\xEA volta para c\xE1 e o pedido \xE9 criado." }),
+      total != null && /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+        "Valor: ",
+        /* @__PURE__ */ jsx("strong", { "data-testid": TID.checkoutPaymentTotal, children: money(total) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (sessionId) rememberSession(sessionId, provider);
+              window.location.assign(redirectUrl);
+            },
+            className: "inline-flex min-h-11 items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+            children: [
+              /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }),
+              acquirer ? `Pagar com ${acquirer}` : "Pagar com cart\xE3o"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onBack,
+            className: "inline-flex min-h-11 items-center rounded-lg border px-4 py-2.5 text-sm font-medium transition hover:bg-muted",
+            children: "Voltar"
+          }
+        )
+      ] })
+    ] });
+  }
+  if (phase === "opening") {
+    return (
+      // Same layout as the charge below, so nothing jumps when it arrives.
+      /* @__PURE__ */ jsxs(
+        SkeletonGroup,
+        {
+          label: "Preparando seu pagamento",
+          "data-testid": TID.checkoutPayment,
+          className: "rounded-xl border bg-card p-6",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-md" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64 max-w-[70%]" })
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3.5 w-full max-w-sm" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5 grid gap-5 sm:grid-cols-[auto_minmax(0,1fr)] sm:items-start", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "mx-auto h-44 w-44 rounded-lg" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-3 w-28" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-16 w-full rounded-lg" }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-3", children: [
+                  /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-40 rounded-lg" }),
+                  /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-32 rounded-lg" })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    );
+  }
+  if (phase === "error") {
+    return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-3 rounded-xl border bg-card p-6", children: [
+      /* @__PURE__ */ jsx("p", { "data-testid": TID.checkoutError, className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: error ?? "N\xE3o conseguimos abrir a cobran\xE7a agora." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              opened.current = false;
+              void open();
+            },
+            className: "rounded-lg bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+            children: "Tentar de novo"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onBack,
+            className: "rounded-lg border px-4 py-2.5 text-sm font-medium transition hover:bg-muted",
+            children: "Voltar"
+          }
+        )
+      ] })
+    ] });
+  }
+  if (!charge) {
+    return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-3 rounded-xl border bg-card p-6", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(PulseDot, {}),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Confirmando seu pagamento\u2026" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Assim que o pagamento for confirmado, seu pedido aparece aqui. Pode deixar esta tela aberta." }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void confirmPaid();
+          },
+          disabled: checking,
+          className: "inline-flex min-h-11 items-center gap-2 rounded-lg border border-primary px-4 py-2.5 text-sm font-semibold text-primary transition hover:bg-primary/5 disabled:opacity-60",
+          children: [
+            checking ? /* @__PURE__ */ jsx(PulseDot, {}) : /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
+            checking ? "Verificando\u2026" : "J\xE1 paguei"
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-4", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(QrCode, { className: "h-5 w-5 text-primary" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Pague com Pix para fechar o pedido" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Seu pedido \xE9 criado assim que o pagamento entrar. Pode deixar esta tela aberta." }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-5 grid gap-5 sm:grid-cols-[auto_minmax(0,1fr)] sm:items-start", children: [
+        (charge?.qrcodeBase64 || charge?.qrcodeUrl) && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: charge.qrcodeBase64 ? `data:image/png;base64,${charge.qrcodeBase64}` : charge.qrcodeUrl,
+            alt: "QR code do Pix",
+            width: 276,
+            height: 276,
+            className: "mx-auto box-content h-[276px] w-[276px] max-w-full rounded-lg border bg-white p-4"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          total != null && /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            "Valor: ",
+            /* @__PURE__ */ jsx("strong", { "data-testid": TID.checkoutPaymentTotal, children: money(total) })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Pix copia e cola" }),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              "data-testid": TID.pixCode,
+              className: "mt-1 max-h-24 overflow-y-auto break-all rounded-lg border bg-muted/40 p-3 font-mono text-xs",
+              children: charge?.emv
+            }
+          ),
+          expiry.secondsLeft !== null && !expiry.expired && /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [
+            "Este c\xF3digo vale por mais",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums text-foreground", children: formatCountdown(expiry.secondsLeft) })
+          ] }),
+          expiry.expired && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { "data-testid": TID.checkoutExpired, className: "text-sm text-muted-foreground", children: "O prazo deste c\xF3digo acabou. Gere outro para pagar." }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  opened.current = false;
+                  setCharge(null);
+                  void open();
+                },
+                className: "inline-flex min-h-11 items-center gap-2 rounded-lg bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+                children: "Gerar novo c\xF3digo"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-3", hidden: expiry.expired, children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: copy,
+                "data-testid": TID.pixCopy,
+                className: "inline-flex min-h-11 items-center gap-2 rounded-lg bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground transition hover:opacity-90",
+                children: [
+                  copied ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }),
+                  copied ? "C\xF3digo copiado" : "Copiar c\xF3digo"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  void confirmPaid();
+                },
+                disabled: checking || phase === "settling",
+                "data-testid": TID.pixConfirm,
+                className: "inline-flex min-h-11 items-center gap-2 rounded-lg border border-primary px-4 py-2.5 text-sm font-semibold text-primary transition hover:bg-primary/5 disabled:opacity-60",
+                children: [
+                  checking || phase === "settling" ? /* @__PURE__ */ jsx(PulseDot, {}) : /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
+                  phase === "settling" ? "Confirmando\u2026" : checking ? "Verificando\u2026" : "J\xE1 paguei"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: "text-sm text-muted-foreground underline hover:text-foreground",
+        children: "Voltar e revisar o pedido"
+      }
+    )
+  ] });
+}
+function useKnownCustomer() {
+  const customerId = useSessionStore((s) => s.customerId);
+  const { orders, loading: ordersLoading } = useMyOrders();
+  const [contact, setContact] = useState(null);
+  const [checked, setChecked] = useState(false);
+  useEffect(() => {
+    if (!customerId) {
+      setContact(null);
+      setChecked(true);
+      return;
+    }
+    let cancelled = false;
+    const shop = getShopProvider();
+    Promise.resolve(shop.getCustomer?.(customerId)).then(async (customer) => {
+      if (customer || !hasCustomerAuth()) return customer ? { phone: customer.phone ?? null, document: customer.document ?? null } : null;
+      const relinked = await relinkCustomer();
+      return relinked ? { phone: relinked.phone, document: relinked.document } : null;
+    }).then((found) => {
+      if (cancelled) return;
+      setContact(found);
+    }).catch(() => {
+      if (!cancelled) setContact(null);
+    }).finally(() => {
+      if (!cancelled) setChecked(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId]);
+  const lastAddress = pickLastAddress(orders);
+  return {
+    phone: contact?.phone ?? null,
+    document: contact?.document ?? null,
+    address: lastAddress,
+    ready: checked && !ordersLoading
+  };
+}
+function pickLastAddress(orders) {
+  for (const order of orders) {
+    const address = order.shippingAddress;
+    if (address && (address.postalCode || address.street)) return address;
+  }
+  return null;
+}
+function checkoutField(label, testId, value, onChange, props) {
+  return /* @__PURE__ */ jsxs("label", { className: "block", children: [
+    /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        "data-testid": testId,
+        "aria-label": label,
+        value,
+        onChange: (event) => onChange(event.target.value),
+        className: "w-full rounded-lg border bg-background px-3.5 py-3 text-sm outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/10",
+        ...props
+      }
+    )
+  ] });
+}
+function checkoutSelect(label, testId, value, onChange, options, placeholder, props) {
+  return /* @__PURE__ */ jsxs("label", { className: "block", children: [
+    /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        "data-testid": testId,
+        "aria-label": label,
+        value,
+        onChange: (event) => onChange(event.target.value),
+        className: "w-full rounded-lg border bg-background px-3.5 py-3 text-sm outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/10",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: placeholder }),
+          options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+        ]
+      }
+    )
+  ] });
+}
+var DRAFT_KEY = {
+  postalCode: "zip",
+  street: "street",
+  number: "number",
+  complement: "complement",
+  district: "district",
+  city: "city",
+  region: "state"
+};
+var TEST_ID = {
+  postalCode: TID.checkoutZip,
+  street: TID.checkoutStreet,
+  number: "checkout-number",
+  complement: "checkout-complement",
+  district: "checkout-district",
+  city: TID.checkoutCity,
+  region: "checkout-state"
+};
+function AddressForm({ country, language, value, onChange, onPostalCode, lookup, complement }) {
+  const t = useT();
+  const schema = getCountrySchema(country);
+  const specs = new Map(schema.fields.map((spec) => [spec.key, spec]));
+  const showComplement = complement?.visible !== false;
+  const requireComplement = complement?.required === true;
+  function input(spec) {
+    const key = DRAFT_KEY[spec.key];
+    const label = spec.label[language];
+    const required = spec.required || spec.key === "complement" && requireComplement;
+    const basePlaceholder = spec.placeholder?.[language] ?? label;
+    const placeholder = required ? basePlaceholder : t("checkout.address.optional", { label: basePlaceholder });
+    if (spec.key === "postalCode") {
+      return checkoutField(label, TEST_ID.postalCode, value.zip, onPostalCode, {
+        placeholder,
+        inputMode: schema.postal.inputMode,
+        autoComplete: "postal-code"
+      });
+    }
+    if (spec.key === "region" && schema.region.input === "select" && schema.regions) {
+      return checkoutSelect(
+        label,
+        TEST_ID.region,
+        value.state,
+        (next) => onChange("state", next),
+        schema.regions.map((region) => ({
+          value: schema.region.stores === "code" ? region.code : region.name,
+          label: region.name
+        })),
+        t("checkout.address.choose"),
+        { autoComplete: spec.autoComplete }
+      );
+    }
+    return checkoutField(label, TEST_ID[spec.key], value[key], (next) => onChange(key, next), {
+      placeholder,
+      ...spec.autoComplete ? { autoComplete: spec.autoComplete } : {}
+    });
+  }
+  function postalHint() {
+    if (lookup === "loading") {
+      return /* @__PURE__ */ jsxs(SkeletonGroup, { label: t("checkout.address.lookingUp"), className: "grid gap-1.5 px-1", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-40" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-24" })
+      ] });
+    }
+    if (schema.postal.lookup === "viacep") {
+      return /* @__PURE__ */ jsx("p", { className: "px-1 text-xs text-muted-foreground", children: lookup === "not-found" ? t("checkout.address.notFound") : t("checkout.address.filled") });
+    }
+    if (schema.postal.lookup === "prefix" && lookup === "found") {
+      return /* @__PURE__ */ jsx("p", { className: "px-1 text-xs text-muted-foreground", children: t("checkout.address.regionFromPostal") });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: schema.rows.map((row) => {
+    const cells = row.filter((key) => specs.has(key) && (key !== "complement" || showComplement));
+    if (cells.length === 0) return null;
+    if (cells.length === 1 && cells[0] === "postalCode") {
+      return /* @__PURE__ */ jsxs("div", { className: "grid gap-1 sm:grid-cols-[200px_1fr] sm:items-center", children: [
+        input(specs.get("postalCode")),
+        postalHint()
+      ] }, "postalCode");
+    }
+    if (row.length === 1) return /* @__PURE__ */ jsx(React4.Fragment, { children: input(specs.get(cells[0])) }, cells[0]);
+    return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: cells.map((key) => /* @__PURE__ */ jsx(React4.Fragment, { children: input(specs.get(key)) }, key)) }, cells.join("-"));
+  }) });
+}
+function maskDocument(raw) {
+  const d = documentDigits(raw);
+  if (d.length === 11) return `***.${d.slice(3, 6)}.${d.slice(6, 9)}-**`;
+  if (d.length === 14) return `${d.slice(0, 2)}.${d.slice(2, 5)}.${d.slice(5, 8)}/${d.slice(8, 12)}-${d.slice(12)}`;
+  return raw;
+}
+function formatBrPhone(raw) {
+  let d = raw.replace(/\D/g, "");
+  if (d.startsWith("55") && (d.length === 12 || d.length === 13)) d = d.slice(2);
+  if (d.length === 11) return `(${d.slice(0, 2)}) ${d.slice(2, 7)}-${d.slice(7)}`;
+  if (d.length === 10) return `(${d.slice(0, 2)}) ${d.slice(2, 6)}-${d.slice(6)}`;
+  return raw;
+}
+function ContactSummary({ name, email, phone, document: document2, onEdit, onSignOut, labels }) {
+  const line = [phone ? formatBrPhone(phone) : null, document2 ? maskDocument(document2) : null].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "checkout-contact-summary", className: "rounded-xl border bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "mt-0.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-primary/15 text-primary", "aria-hidden": true, children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold", children: name }),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: email }),
+        line && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: line })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onEdit,
+          "data-testid": "checkout-contact-edit",
+          className: "shrink-0 text-sm font-medium text-primary hover:underline",
+          children: labels.edit
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-3 border-t pt-3 text-xs text-muted-foreground", children: [
+      labels.notYou,
+      " ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onSignOut,
+          "data-testid": "checkout-contact-sign-out",
+          className: "font-medium text-foreground hover:underline",
+          children: labels.signOut
+        }
+      )
+    ] })
+  ] });
+}
+function toShippingAddress(form, country) {
+  const schema = getCountrySchema(country);
+  const isBrazil = schema.iso2 === "BR";
+  const has = (key) => schema.fields.some((f) => f.key === key);
+  return {
+    postalCode: isBrazil ? form.zip.trim() : normalizePostalCode(form.zip, country),
+    street: form.street.trim(),
+    number: has("number") ? form.number.trim() || void 0 : void 0,
+    complement: form.complement.trim() || void 0,
+    district: has("district") ? form.district.trim() || void 0 : void 0,
+    city: form.city.trim(),
+    // A UF is a code and is upper-cased; a province is a name and keeps its case.
+    state: schema.region.stores === "code" ? form.state.trim().toUpperCase() : form.state.trim(),
+    country: schema.iso2,
+    phone: form.phone.trim() || void 0,
+    document: (isBrazil ? documentDigits(form.document) : form.document.trim().toUpperCase()) || void 0
+  };
+}
+function flag(iso2) {
+  return iso2.toUpperCase().replace(/[^A-Z]/g, "").split("").map((c) => String.fromCodePoint(127462 + c.charCodeAt(0) - 65)).join("");
+}
+function CountrySelect({ country, allowed, onChange, className }) {
+  const t = useT();
+  const config = useStorefrontConfig();
+  return /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 text-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("country.deliverTo") }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        "data-testid": "deliver-to-country",
+        "aria-label": t("country.label"),
+        value: country,
+        onChange: (event) => onChange(event.target.value),
+        className: "rounded-lg border bg-background px-2.5 py-1.5 text-sm font-medium outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/10",
+        children: allowed.map((iso2) => /* @__PURE__ */ jsxs("option", { value: iso2, children: [
+          flag(iso2),
+          " ",
+          countryName(iso2, config.language)
+        ] }, iso2))
+      }
+    )
+  ] });
+}
+function DeliverToPicker({ className }) {
+  const buyer = useBuyerCountry();
+  if (buyer.allowed.length < 2) return null;
+  return /* @__PURE__ */ jsx(CountrySelect, { className, country: buyer.country, allowed: buyer.allowed, onChange: buyer.setCountry });
+}
+var PAYMENT_LABELS = {
+  pix: { label: "payment.pix.label", hint: "payment.pix.hint" },
+  // O cartão tem DOIS significados agora, e o texto muda com a loja: sem
+  // adquirente é a maquininha do entregador; com adquirente é a página segura
+  // dele — prometer "maquininha" para quem vai ser redirecionado é a loja
+  // mentindo sobre a própria entrega.
+  credit_card: { label: "payment.credit_card.label", hint: "payment.credit_card.hint" },
+  debit_card: { label: "payment.debit_card.label", hint: "payment.debit_card.hint" },
+  boleto: { label: "payment.boleto.label", hint: "payment.boleto.hint" },
+  cash: { label: "payment.cash.label", hint: "payment.cash.hint" },
+  other: { label: "payment.other.label", hint: "payment.other.hint" }
+};
+var BRAZIL_ONLY = ["pix", "boleto"];
+function placeOrderMessage(err, t) {
+  const message = errorMessage(err);
+  if (/customer (email mismatch|does not belong|belongs to another)/i.test(message)) {
+    return t("error.sessionMismatch");
+  }
+  if (/out of stock|insufficient|estoque/i.test(message)) {
+    return t("error.outOfStock");
+  }
+  if (/delivery not available|postal code/i.test(message)) {
+    return t("error.unserved");
+  }
+  return message.replace(/^shop_[a-z_]+:\s*/i, "") || t("error.placeOrder");
+}
+var DEV_BUILD = (() => {
+  try {
+    return import.meta.env?.DEV === true;
+  } catch {
+    return false;
+  }
+})();
+var CHECKOUT_STEP_NAMES = { 1: "contact", 2: "delivery", 3: "payment", 4: "done" };
+function CheckoutPage() {
+  const config = useStorefrontConfig();
+  const cart = useCartStore();
+  const session = useSessionStore();
+  const delivery = useDeliveryStore();
+  const validateDiscount = useDiscountValidator();
+  const t = useT();
+  useStorefrontHead({ title: t("checkout.title", { store: config.name }) });
+  const buyer = useBuyerCountry();
+  const country = buyer.country;
+  const isBrazil = country === "BR";
+  const countrySchema = getCountrySchema(country);
+  const paymentMethods = isBrazil ? config.payments.methods : config.payments.methods.filter((method) => !BRAZIL_ONLY.includes(method));
+  const policy = config.policy;
+  const requiresAccount = policy?.guestCheckout === false;
+  const fieldPolicy = policy?.checkoutFields ?? {};
+  const gatewayCheckout = config.payments.mode === "gateway" || !!policy?.paymentProvider;
+  const shows = (key) => key === "document" ? isBrazil && gatewayCheckout || fieldPolicy.document?.visible === true : fieldPolicy[key]?.visible !== false;
+  const requires = (key) => (
+    // A CPF is Brazil's; elsewhere the tax id is the buyer's to give or not.
+    key === "document" && !isBrazil ? countrySchema.taxId?.required === "always" : key === "document" || key === "phone" ? gatewayCheckout || fieldPolicy[key]?.visible === true && fieldPolicy[key]?.required === true : fieldPolicy[key]?.visible !== false && fieldPolicy[key]?.required === true
+  );
+  const [selectedAddressId, setSelectedAddressId] = useState("new");
+  const [savedAddresses, setSavedAddresses] = useState([]);
+  const [addressesLoading, setAddressesLoading] = useState(false);
+  const [addressMode, setAddressMode] = useState("new");
+  const [resume] = useState(() => {
+    if (typeof window === "undefined") return null;
+    const params = new URLSearchParams(window.location.search);
+    const sessionId = params.get("vindi_session") ?? params.get("pay_session");
+    if (!sessionId) return null;
+    return {
+      sessionId,
+      provider: recallSessionProvider(sessionId),
+      chargeToken: params.get("token_transaction")
+    };
+  });
+  const [paymentMethod, setPaymentMethod] = useState(
+    resume ? "credit_card" : paymentMethods[0] ?? "pix"
+  );
+  useEffect(() => {
+    if (!paymentMethods.includes(paymentMethod) && paymentMethods[0]) setPaymentMethod(paymentMethods[0]);
+  }, [paymentMethods, paymentMethod]);
+  const known = useKnownCustomer();
+  const [form, setForm] = useState({
+    email: session.email ?? "",
+    name: session.name ?? "",
+    phone: "",
+    document: "",
+    street: "",
+    city: "",
+    zip: "",
+    number: "",
+    complement: "",
+    district: "",
+    state: ""
+  });
+  React4.useEffect(() => {
+    if (!known.ready) return;
+    setForm((current) => ({
+      ...current,
+      phone: current.phone || known.phone || "",
+      document: current.document || known.document || "",
+      zip: current.zip || known.address?.postalCode || "",
+      street: current.street || known.address?.street || "",
+      number: current.number || known.address?.number || "",
+      complement: current.complement || known.address?.complement || "",
+      district: current.district || known.address?.district || "",
+      city: current.city || known.address?.city || "",
+      state: current.state || known.address?.state || ""
+    }));
+  }, [known.ready, known.phone, known.document, known.address]);
+  const [step, setStep] = useState(resume ? 3 : 1);
+  const reportedStart = React4.useRef(false);
+  useEffect(() => {
+    if (reportedStart.current) return;
+    reportedStart.current = true;
+    if (!resume) {
+      trackStorefront("checkout_started", {
+        cart_count: cart.lines.reduce((n, l) => n + l.quantity, 0),
+        // What the cart is worth when the checkout opens: the value an ad
+        // platform optimises InitiateCheckout for.
+        cart_subtotal: Math.round(cart.lines.reduce((sum, l) => sum + l.unitPrice * l.quantity, 0) * 100) / 100
+      });
+    }
+  }, []);
+  const reportedStep = React4.useRef(null);
+  useEffect(() => {
+    if (reportedStep.current === step) return;
+    reportedStep.current = step;
+    trackStorefront("checkout_step_viewed", { step, step_name: CHECKOUT_STEP_NAMES[step], resume: Boolean(resume) });
+    if (step >= 2 && /.+@.+\..+/.test(form.email)) identifyStorefrontBuyer(form.email);
+  }, [step]);
+  const [contactKnown, setContactKnown] = useState(false);
+  const [editingContact, setEditingContact] = useState(false);
+  const skippedContact = React4.useRef(false);
+  const fulfillmentType = useDeliveryStore((s) => s.fulfillmentType);
+  const scheduledFor = useDeliveryStore((s) => s.scheduledFor);
+  const deliveryReference = useDeliveryStore((s) => {
+    const kept = s.savedAddresses.find((a) => a.id === s.selectedAddressId);
+    return kept?.reference?.trim() || "";
+  });
+  const isPickup = fulfillmentType === "pickup";
+  const [dbPickup, setDbPickup] = useState(null);
+  useEffect(() => {
+    if (!isPickup) return;
+    let alive = true;
+    void (async () => {
+      const settings = await getShopProvider().getPublicStoreSettings?.().catch(() => null);
+      if (alive && settings?.pickupAddress) setDbPickup(settings.pickupAddress);
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [isPickup]);
+  const pickupAddress = dbPickup ?? config.delivery?.pickupAddress ?? null;
+  const [paidOrderId, setPaidOrderId] = useState(null);
+  const [error, setError] = useState(null);
+  const [discountCode, setDiscountCode] = useState("");
+  const [discountError, setDiscountError] = useState(null);
+  const [discountSuccess, setDiscountSuccess] = useState(null);
+  const [applyingDiscount, setApplyingDiscount] = useState(false);
+  const [showSignin, setShowSignin] = useState(false);
+  const [placing, setPlacing] = useState(false);
+  const leaving = React4.useRef(false);
+  const [zipLookup, setZipLookup] = useState("idle");
+  const subtotal = selectSubtotal(cart);
+  const discountTotal = selectDiscountTotal(cart);
+  const shippingRaw = selectShipping(cart, config);
+  const shipping = isPickup ? 0 : shippingRaw;
+  const total = selectTotal(cart, config) - (isPickup ? shippingRaw : 0);
+  const checkoutSlotContext = { subtotal, total };
+  const checkoutSessionInput = React4.useMemo(() => ({
+    items: cart.lines.map((line) => ({
+      productId: line.productId,
+      variantId: line.variantId ?? null,
+      quantity: line.quantity,
+      optionsLabel: line.optionsLabel ?? null
+    })),
+    // The document and the phone travel WITH the buyer, not only inside the
+    // address.
+    //
+    // The acquirer charges a PERSON: Vindi refuses a charge with no document
+    // ("Informe o CPF ou CNPJ do comprador"), and AbacatePay's customer block is
+    // all-or-nothing — name, email, taxId and cellphone, or no customer at all.
+    // With two of the four it had been opening charges while registering nobody,
+    // which is the "no client was created" the store saw in the provider account.
+    //
+    // The field was already asked for on screen: with an acquirer connected,
+    // `requires('document')` is true and nobody gets past step 1 without filling
+    // it in. What was missing was forwarding it to whoever charges. On the ORDER
+    // it still travels inside the address, because of shop_place_order's
+    // signature — different roads.
+    customer: {
+      name: form.name.trim(),
+      email: form.email.trim(),
+      document: documentDigits(form.document) || void 0,
+      phone: form.phone.trim() || void 0
+    },
+    shippingAddress: deliveryAddress(),
+    discountCode: cart.discountCode ?? null,
+    paymentMethod,
+    // Qual adquirente cobra. Sai dos ajustes da loja e não de uma escolha do
+    // comprador — a função reconfere de qualquer forma, mas mandar daqui é o
+    // que faz o clique bater na função do gateway que a loja realmente conectou.
+    provider: policy?.paymentProvider ?? null,
+    // The market (0116) the acquirer's open function prices and charges in.
+    market: config.market?.code ?? null,
+    country
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [cart.lines, cart.discountCode, form, paymentMethod, policy?.paymentProvider, country, config.market?.code]);
+  const [unavailable, setUnavailable] = useState([]);
+  const cardIsCharged = (
+    // Outside Brazil a card is charged online only by a real acquirer: with no
+    // provider the online panel is the mock's Pix, which a Spanish buyer cannot
+    // pay. Without one the order is placed pending, as an offline payment is.
+    (isBrazil || !!policy?.paymentProvider) && !unavailable.includes("credit_card") && (!policy?.paymentProvider || isChargeableProvider(policy.paymentProvider)) && (!policy?.paymentProvider || supportsCard(policy.paymentProvider))
+  );
+  const acquirerMissing = unavailable.includes(paymentMethod);
+  const chargesOnline = (
+    // Pix é cobrado dentro da loja; cartão é pago na página do adquirente e
+    // volta para cá. Débito, dinheiro e "combinar" nunca foram cobrança online.
+    // `cardIsCharged` rather than a bare `credit_card`: card is charged online
+    // only where the acquirer charges cards. Where it does not, this screen
+    // offers the order without a charge — the card-reader road, as it always was.
+    (paymentMethod === "pix" || paymentMethod === "credit_card" && cardIsCharged) && !acquirerMissing && (!policy?.paymentProvider || isChargeableProvider(policy.paymentProvider))
+  );
+  const money = (value) => formatMoney(value, config.currency, config.locale);
+  useEffect(() => {
+    if (cart.lines.length === 0 && !paidOrderId && !leaving.current && !resume) navigateTo(config.catalogPath);
+  }, [cart.lines.length, config.catalogPath, paidOrderId, resume]);
+  const set = (key) => (value) => {
+    setError(null);
+    setForm((current) => ({ ...current, [key]: value }));
+  };
+  async function setZip(value) {
+    const masked = formatPostalCode(value, country);
+    setError(null);
+    setForm((current) => ({ ...current, zip: masked }));
+    if (!countrySchema.postal.pattern.test(normalizePostalCode(masked, country))) {
+      setZipLookup("idle");
+      return;
+    }
+    setZipLookup("loading");
+    void delivery.resolve(masked, subtotal, country);
+    try {
+      const found = await lookupPostalCode(masked, country);
+      if (!found) {
+        setZipLookup("not-found");
+        return;
+      }
+      setZipLookup("found");
+      setForm((current) => ({
+        ...current,
+        street: found.street || current.street,
+        district: found.district || current.district,
+        city: found.city || current.city,
+        state: found.state
+      }));
+    } catch {
+      setZipLookup("idle");
+    }
+  }
+  async function applyDiscountCode() {
+    setApplyingDiscount(true);
+    setDiscountError(null);
+    setDiscountSuccess(null);
+    try {
+      const appliedCode = discountCode.trim().toUpperCase();
+      const result = await validateDiscount(discountCode);
+      if (result.valid) {
+        cart.applyDiscount(appliedCode, result.percent, { freeShipping: result.freeShipping });
+        setDiscountCode(appliedCode);
+        const effect = result.freeShipping ? t("discount.freeShipping") : t("discount.percentOff", { percent: result.percent });
+        setDiscountSuccess(t("discount.applied", { code: appliedCode, effect }));
+        toast.success(t("discount.appliedToast"), `${appliedCode} \u2022 ${effect}`);
+      } else {
+        setDiscountError(result.message ?? t("discount.invalid"));
+        toast.error(t("discount.invalidToast"), result.message ?? t("discount.checkCode"));
+      }
+    } finally {
+      setApplyingDiscount(false);
+    }
+  }
+  function clearDiscountCode() {
+    cart.clearDiscount();
+    setDiscountCode("");
+    setDiscountSuccess(null);
+    setDiscountError(null);
+  }
+  useEffect(() => {
+    const customerId = session.customerId;
+    if (!customerId) {
+      setSavedAddresses([]);
+      setAddressMode("new");
+      setAddressesLoading(false);
+      return;
+    }
+    let cancelled = false;
+    const provider = getShopProvider();
+    const listAddresses = provider.listCustomerAddresses?.bind(provider);
+    if (!listAddresses) {
+      setAddressesLoading(false);
+      return;
+    }
+    setAddressesLoading(true);
+    void listAddresses(customerId).then((addresses) => {
+      if (cancelled || addresses.length === 0) return;
+      setSavedAddresses(addresses);
+      const here = addresses.find((address) => (address.country ?? "BR") === country);
+      if (here) applySavedAddress(here);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setAddressesLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [session.customerId]);
+  useEffect(() => {
+    const customerId = session.customerId;
+    setContactKnown(false);
+    if (!customerId) return;
+    const provider = getShopProvider();
+    const getCustomer = provider.getCustomer?.bind(provider);
+    const getMyProfile = provider.getMyProfile?.bind(provider);
+    let cancelled = false;
+    const fill = (c) => {
+      if (cancelled || !c) return;
+      setForm((current) => ({
+        ...current,
+        phone: current.phone || c.phone || "",
+        document: current.document || (c.document ? formatDocument(c.document) : ""),
+        email: current.email || c.email || "",
+        name: current.name || [c.firstName, c.lastName].filter(Boolean).join(" ").trim()
+      }));
+    };
+    void (async () => {
+      const profile = getMyProfile ? await getMyProfile().catch(() => null) : null;
+      fill(profile);
+      if (getCustomer && (!profile || !profile.phone || !profile.document)) {
+        fill(await getCustomer(customerId).catch(() => null));
+      }
+      if (!cancelled) setContactKnown(true);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [session.customerId]);
+  const shownCountry = React4.useRef(country);
+  useEffect(() => {
+    if (shownCountry.current === country) return;
+    shownCountry.current = country;
+    setZipLookup("idle");
+    addNewAddress();
+  }, [country]);
+  const addressesHere = savedAddresses.filter((address) => (address.country ?? "BR") === country);
+  useEffect(() => {
+    if (addressMode !== "new") return;
+    const keptAny = delivery.savedAddresses.find((a) => a.id === delivery.selectedAddressId);
+    const kept = keptAny && (keptAny.country ?? "BR") === country ? keptAny : void 0;
+    const looked = delivery.address && (delivery.address.country || "BR") === country ? delivery.address : null;
+    if (!kept && !looked) return;
+    setForm((current) => {
+      if (current.zip.trim() || current.street.trim()) return current;
+      if (kept) {
+        return {
+          ...current,
+          zip: formatPostalCode(kept.postalCode, country),
+          street: kept.street,
+          number: kept.number,
+          complement: kept.complement ?? "",
+          district: kept.district,
+          city: kept.city,
+          state: kept.state
+        };
+      }
+      return {
+        ...current,
+        zip: formatPostalCode(looked.postalCode, country),
+        street: looked.street,
+        district: looked.district,
+        city: looked.city,
+        state: looked.state
+      };
+    });
+  }, [delivery.address, delivery.savedAddresses, delivery.selectedAddressId, addressMode, country]);
+  function applySavedAddress(address) {
+    setAddressMode("saved");
+    setSelectedAddressId(address.id);
+    setForm((current) => ({
+      ...current,
+      street: address.street,
+      city: address.city,
+      zip: address.postalCode,
+      number: address.number ?? "",
+      complement: address.complement ?? "",
+      district: address.district ?? "",
+      state: address.state,
+      // Kept from the book when it has one, and NOT cleared when it does not:
+      // a shopper who just typed their phone should not lose it by picking a
+      // saved address that predates the field.
+      phone: address.phone ?? current.phone
+    }));
+  }
+  function selectAddress(addressId) {
+    const address = savedAddresses.find((item) => item.id === addressId);
+    if (address) applySavedAddress(address);
+  }
+  function addNewAddress() {
+    setAddressMode("new");
+    setSelectedAddressId("new");
+    setForm((current) => ({ ...current, street: "", city: "", zip: "", number: "", complement: "", district: "", state: "" }));
+  }
+  function fail(message, testId) {
+    setError(message);
+    trackStorefront("checkout_error", { step, field: testId ?? null, reason: message });
+    if (testId) {
+      const field = document.querySelector(`[data-testid="${testId}"]`);
+      field?.scrollIntoView({ block: "center", behavior: prefersReducedMotion() ? "auto" : "smooth" });
+      field?.focus({ preventScroll: true });
+    }
+    return false;
+  }
+  function validateContact() {
+    setError(null);
+    if (requiresAccount && !session.customerId) {
+      setShowSignin(true);
+      return fail(t("error.requiresAccount"));
+    }
+    if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) {
+      return fail(t("error.email"), TID.checkoutEmail);
+    }
+    if (!form.name.trim()) return fail(t("error.name"), TID.checkoutName);
+    if (requires("phone") && !form.phone.trim()) {
+      return fail(t("error.phone"), "checkout-phone");
+    }
+    return validateDocument();
+  }
+  function contactComplete() {
+    if (!session.customerId) return false;
+    if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) return false;
+    if (!form.name.trim()) return false;
+    const phone = form.phone.replace(/\D/g, "");
+    if (requires("phone") && phone.length < 10) return false;
+    if (shows("phone") && !phone) return false;
+    if (isBrazil) {
+      if (requires("document") && !isValidDocument(form.document)) return false;
+      if (shows("document") && !isValidDocument(form.document)) return false;
+    }
+    return true;
+  }
+  const contactAsCard = !editingContact && contactKnown && contactComplete();
+  useEffect(() => {
+    if (skippedContact.current || step !== 1 || !contactAsCard) return;
+    skippedContact.current = true;
+    setStep(isPickup ? 3 : 2);
+  }, [contactAsCard, step]);
+  function validateDocument() {
+    if (isBrazil) {
+      if (requires("document") && !isValidDocument(form.document)) {
+        return fail(
+          form.document.trim() ? t("error.documentInvalid") : t("error.documentMissing"),
+          TID.checkoutDocument
+        );
+      }
+      return true;
+    }
+    const taxId = countrySchema.taxId;
+    if (!form.document.trim()) {
+      return requires("document") ? fail(t("error.documentMissing"), TID.checkoutDocument) : true;
+    }
+    if (taxId && !taxId.validate(form.document)) return fail(t("error.taxIdInvalid"), TID.checkoutDocument);
+    return true;
+  }
+  function validateAddressFields() {
+    if (isBrazil) {
+      if (!form.street.trim() || !form.city.trim() || !form.zip.trim() || !form.district.trim()) {
+        return fail(t("error.address"), TID.checkoutStreet);
+      }
+      if (!form.number.trim()) return fail(t("error.number"), "checkout-number");
+      if (requires("complement") && !form.complement.trim()) {
+        return fail(t("error.complement"), "checkout-complement");
+      }
+      if (!/^[A-Za-z]{2}$/.test(form.state.trim())) {
+        return fail(t("error.state"), "checkout-state");
+      }
+      return true;
+    }
+    const errors = validateAddress(
+      { postalCode: form.zip, street: form.street, complement: form.complement, city: form.city, state: form.state },
+      country,
+      { complement: requires("complement") }
+    );
+    if (errors.postalCode === "invalid") {
+      return fail(t("error.postalInvalid", { example: countrySchema.postal.example }), TID.checkoutZip);
+    }
+    if (errors.postalCode || errors.street || errors.city) return fail(t("error.address"), errors.postalCode ? TID.checkoutZip : TID.checkoutStreet);
+    if (errors.complement) return fail(t("error.complement"), "checkout-complement");
+    if (errors.region) {
+      const label = countrySchema.fields.find((f) => f.key === "region")?.label[config.language] ?? "";
+      return fail(t("error.region", { label: label.toLowerCase() }), "checkout-state");
+    }
+    return true;
+  }
+  function validateDelivery() {
+    setError(null);
+    if (isPickup) return true;
+    if (!selectRequiresShipping(cart)) return true;
+    if (!validateAddressFields()) return false;
+    if (delivery.status === "unserved" && delivery.postalCode === normalizePostalCode(form.zip, country)) {
+      return fail(delivery.refusedZone ? t("error.refusedZone") : t("error.unserved"), TID.checkoutZip);
+    }
+    return true;
+  }
+  function goToStep(next) {
+    setError(null);
+    setStep(next);
+    if (typeof window !== "undefined") window.scrollTo({ top: 0, behavior: "smooth" });
+  }
+  function orderAddress() {
+    if (isPickup && pickupAddress) {
+      return {
+        ...pickupAddress,
+        phone: form.phone.trim() || void 0,
+        document: documentDigits(form.document) || void 0
+      };
+    }
+    return deliveryAddress();
+  }
+  function deliveryAddress() {
+    return toShippingAddress(form, country);
+  }
+  function advance() {
+    if (step === 1 && validateContact()) {
+      if (editingContact && session.customerId) {
+        void getShopProvider().saveMyProfile?.({
+          name: form.name.trim(),
+          phone: form.phone.trim() || null,
+          document: documentDigits(form.document) || null
+        }).catch(() => {
+        });
+        setEditingContact(false);
+      }
+      void getShopProvider().saveCustomerContact?.({
+        phone: form.phone.trim() || null,
+        document: documentDigits(form.document) || null
+      });
+      goToStep(isPickup ? 3 : 2);
+    } else if (step === 2 && validateDelivery()) goToStep(3);
+  }
+  async function confirmWithoutCharge() {
+    if (!validate()) return;
+    setPlacing(true);
+    try {
+      const { order, customerId } = await placeStorefrontOrder({
+        config,
+        cart,
+        session,
+        customer: { email: form.email, name: form.name },
+        // `notes` é o recado do comprador para a loja, e o ponto de referência
+        // é exatamente isso: "portão azul, ao lado da padaria" não cabe em
+        // nenhum campo estruturado do endereço e é o que o entregador lê.
+        address: {
+          street: form.street,
+          city: form.city,
+          zip: form.zip,
+          notes: deliveryReference || void 0
+        },
+        // Viaja com o `document` dentro: a assinatura do shop_place_order não
+        // pode ganhar parâmetro sem DROP (0050), e uma trigger o levanta para a
+        // coluna. Na retirada este endereço é o balcão — ver orderAddress().
+        shippingAddress: orderAddress(),
+        // Entrega/retirada e agendamento (0094) vão AQUI porque esta tela chama
+        // placeStorefrontOrder direto, sem passar pelo useCheckout — e sem esta
+        // linha o pedido nascia sem `fulfillment_type`, com a retirada
+        // indistinguível de uma entrega e o frete cobrado assim mesmo. Foi um
+        // pedido de teste real (#1379) que mostrou isso.
+        fulfillmentType,
+        scheduledFor: scheduledFor ?? void 0,
+        paymentMethod
+      });
+      if (customerId) session.setSession({ customerId, email: form.email, name: form.name });
+      leaving.current = true;
+      trackStorefront("checkout_completed", {
+        order_id: order.id,
+        payment_method: paymentMethod,
+        fulfillment: fulfillmentType ?? "delivery",
+        total,
+        online_payment: false
+      });
+      cart.clear();
+      navigateTo(`/order/${order.id}`);
+    } catch (err) {
+      setError(placeOrderMessage(err, t));
+      trackStorefront("checkout_error", { step, field: "place_order", reason: placeOrderMessage(err, t) });
+      setPlacing(false);
+    }
+  }
+  function validate() {
+    setError(null);
+    if (requiresAccount && !session.customerId) {
+      setShowSignin(true);
+      return fail(t("error.requiresAccount"));
+    }
+    if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) {
+      return fail(t("error.email"), TID.checkoutEmail);
+    }
+    if (requires("phone") && !form.phone.trim()) {
+      return fail(t("error.phone"), "checkout-phone");
+    }
+    if (!form.name.trim()) {
+      return fail(t("error.name"), TID.checkoutName);
+    }
+    if (!validateDocument()) return false;
+    if (isPickup) return true;
+    if (!validateAddressFields()) return false;
+    if (selectRequiresShipping(cart) && delivery.status === "unserved" && delivery.postalCode === normalizePostalCode(form.zip, country)) {
+      return fail(delivery.refusedZone ? t("error.refusedZone") : t("error.unserved"), TID.checkoutZip);
+    }
+    return true;
+  }
+  return /* @__PURE__ */ jsxs("main", { className: "min-h-screen bg-background", children: [
+    /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "beforeForm", context: checkoutSlotContext }),
+    showSignin && !session.email && /* @__PURE__ */ jsx(
+      SignInModal,
+      {
+        defaultEmail: form.email,
+        onClose: () => setShowSignin(false),
+        onSignedIn: (signed) => setForm((current) => ({ ...current, email: signed.email ?? current.email, name: signed.name || current.name }))
+      }
+    ),
+    /* @__PURE__ */ jsx("header", { className: "border-b bg-background", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-6 sm:px-6", children: [
+      /* @__PURE__ */ jsx(Link, { to: returnPath(config), className: "text-sm text-muted-foreground hover:text-foreground", children: t("checkout.backToStore") }),
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "sf-heading text-2xl font-bold tracking-tight", children: config.logo ?? config.name }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5" }),
+          t("checkout.secure")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("a", { href: "mailto:suporte@example.com", className: "text-sm text-muted-foreground hover:text-foreground", children: t("checkout.help") })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-6xl grid-cols-1 gap-8 px-4 py-8 sm:px-6 lg:grid-cols-5 lg:px-6", children: [
+      /* @__PURE__ */ jsxs("section", { className: "lg:col-span-3 lg:pr-10", children: [
+        /* @__PURE__ */ jsx(
+          CheckoutSteps,
+          {
+            current: step,
+            omit: isPickup ? [2] : void 0,
+            onGoBackTo: step === 4 ? void 0 : (target) => goToStep(isPickup && target === 2 ? 1 : target)
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "space-y-8",
+            onSubmit: (event) => {
+              event.preventDefault();
+              advance();
+            },
+            children: [
+              step === 1 && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
+                  /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight", children: t("checkout.contact.title") }),
+                  session.email ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("checkout.contact.signedInAs", { email: session.email }) }) : /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setShowSignin((value) => !value),
+                      className: "text-sm font-medium text-primary hover:underline",
+                      children: t("checkout.contact.haveAccount")
+                    }
+                  )
+                ] }),
+                contactAsCard ? /* @__PURE__ */ jsx(
+                  ContactSummary,
+                  {
+                    name: form.name,
+                    email: form.email,
+                    phone: shows("phone") ? form.phone : void 0,
+                    document: shows("document") ? form.document : void 0,
+                    onEdit: () => setEditingContact(true),
+                    onSignOut: () => {
+                      void signOutCustomer().finally(() => {
+                        setForm((current) => ({ ...current, email: "", name: "", phone: "", document: "" }));
+                        setEditingContact(false);
+                      });
+                    },
+                    labels: { edit: t("checkout.contact.edit"), notYou: t("checkout.contact.notYou"), signOut: t("checkout.contact.signOut") }
+                  }
+                ) : /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+                  checkoutField(t("checkout.contact.email"), TID.checkoutEmail, form.email, set("email"), {
+                    type: "email",
+                    placeholder: t("checkout.contact.email"),
+                    // The account's address: an order under another e-mail would
+                    // not show up in this buyer's «Meus pedidos».
+                    ...session.customerId && session.email ? { readOnly: true, title: t("checkout.contact.emailLocked"), className: "w-full rounded-lg border bg-muted/40 px-3.5 py-3 text-sm text-muted-foreground outline-none" } : {}
+                  }),
+                  checkoutField(t("checkout.contact.name"), TID.checkoutName, form.name, set("name"), {
+                    placeholder: t("checkout.contact.name")
+                  }),
+                  shows("phone") && checkoutField(t("checkout.contact.phone"), "checkout-phone", form.phone, set("phone"), {
+                    type: "tel",
+                    autoComplete: "tel",
+                    placeholder: requires("phone") ? t("checkout.contact.phone") : t("checkout.contact.phoneOptional")
+                  }),
+                  shows("document") && (isBrazil ? checkoutField(
+                    t("checkout.contact.document"),
+                    TID.checkoutDocument,
+                    form.document,
+                    (value) => {
+                      setError(null);
+                      setForm((current) => ({ ...current, document: formatDocument(value) }));
+                    },
+                    {
+                      // `inputMode` and not `type="number"`: the mask writes dots
+                      // and a dash, which a number input silently refuses to hold.
+                      inputMode: "numeric",
+                      autoComplete: "off",
+                      placeholder: requires("document") ? t("checkout.contact.document") : t("checkout.contact.documentOptional")
+                    }
+                  ) : checkoutField(
+                    // The country's own tax id (Spain: NIF/NIE), unmasked: it has letters.
+                    countrySchema.taxId?.label[config.language] ?? t("checkout.contact.documentOptional"),
+                    TID.checkoutDocument,
+                    form.document,
+                    set("document"),
+                    { autoComplete: "off", placeholder: countrySchema.taxId?.label[config.language] ?? "" }
+                  ))
+                ] }),
+                requiresAccount && !session.customerId && /* @__PURE__ */ jsxs("p", { className: "mt-3 rounded-lg border border-primary/30 bg-primary/5 px-3 py-2 text-sm", children: [
+                  t("checkout.contact.requiresAccount"),
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setShowSignin(true),
+                      className: "font-semibold text-primary hover:underline",
+                      children: t("checkout.contact.signInOrCreate")
+                    }
+                  )
+                ] })
+              ] }),
+              step === 2 && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: t("checkout.address.title") }),
+                buyer.allowed.length > 1 && /* @__PURE__ */ jsx(CountrySelect, { className: "mb-3", country, allowed: buyer.allowed, onChange: buyer.setCountry }),
+                /* @__PURE__ */ jsxs("div", { className: "mb-3 grid gap-3", children: [
+                  addressesLoading && savedAddresses.length === 0 && /* @__PURE__ */ jsx(SkeletonGroup, { label: t("checkout.address.loadingSaved"), className: "grid gap-3", children: [0, 1].map((row) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-3", children: [
+                    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+                    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3 w-3/4" }),
+                    /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-3 w-1/2" })
+                  ] }, row)) }),
+                  addressesHere.map((address) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: `group relative rounded-lg border p-3 pr-11 text-left text-sm transition hover:bg-muted/40 ${selectedAddressId === address.id ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+                      children: /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => selectAddress(address.id), className: "block w-full text-left", children: [
+                        /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-3 font-semibold", children: [
+                          address.label,
+                          addressMode === "saved" && selectedAddressId === address.id && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-bold text-primary", children: t("checkout.address.selected") })
+                        ] }),
+                        /* @__PURE__ */ jsxs("span", { className: "mt-1 block text-muted-foreground", children: [
+                          [address.street, address.number].filter(Boolean).join(", "),
+                          address.complement ? ` \u2014 ${address.complement}` : ""
+                        ] }),
+                        /* @__PURE__ */ jsxs("span", { className: "block text-muted-foreground", children: [
+                          [address.district, address.city, address.state].filter(Boolean).join(" \xB7 "),
+                          " \u2014 ",
+                          address.postalCode
+                        ] })
+                      ] })
+                    },
+                    address.id
+                  )),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: addNewAddress,
+                      className: `rounded-lg border border-dashed p-3 text-left text-sm transition hover:bg-muted/40 ${addressMode === "new" ? "border-primary bg-primary/5" : "border-border bg-muted/20"}`,
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "block font-semibold text-primary", children: addressesHere.length > 0 ? t("checkout.address.addNew") : t("checkout.address.enter") }),
+                        /* @__PURE__ */ jsx("span", { className: "mt-1 block text-muted-foreground", children: t("checkout.address.enterHint") })
+                      ]
+                    }
+                  )
+                ] }),
+                addressMode === "new" && /* @__PURE__ */ jsx(
+                  AddressForm,
+                  {
+                    country,
+                    language: config.language,
+                    value: form,
+                    onChange: (key, value) => set(key)(value),
+                    onPostalCode: setZip,
+                    lookup: zipLookup,
+                    complement: { visible: shows("complement"), required: requires("complement") }
+                  }
+                )
+              ] }),
+              step === 3 && placing && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: t("checkout.confirming.title") }),
+                /* @__PURE__ */ jsxs(SkeletonGroup, { label: t("checkout.confirming.label"), className: "rounded-xl border bg-card p-6 sm:p-8", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "grid gap-6 border-b pb-6 sm:grid-cols-[120px_minmax(0,1fr)]", children: [
+                    /* @__PURE__ */ jsx(Skeleton, { className: "mx-auto h-24 w-24 rounded-full" }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-56 max-w-full" }),
+                      /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3.5 w-full max-w-sm" }),
+                      /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-5 w-40" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-6 grid gap-4 rounded-xl border bg-muted/20 p-4 sm:grid-cols-3", children: [0, 1, 2].map((column) => /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" }),
+                    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-4 w-24" })
+                  ] }, column)) }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-8 space-y-3", children: cart.lines.slice(0, 3).map((line) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-lg" }),
+                    /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 flex-1" }),
+                    /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-16" })
+                  ] }, line.lineId ?? line.productId)) })
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("checkout.confirming.keepOpen") })
+              ] }),
+              step === 3 && !placing && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: t("checkout.payment.title") }),
+                /* @__PURE__ */ jsx("div", { className: "mb-3 grid gap-3", role: "radiogroup", "aria-label": t("checkout.payment.label"), children: paymentMethods.map((method) => {
+                  const base = { label: t(PAYMENT_LABELS[method].label), hint: t(PAYMENT_LABELS[method].hint) };
+                  const copy = method === "credit_card" && cardIsCharged ? { ...base, hint: t("checkout.payment.cardOnline") } : base;
+                  const selected = paymentMethod === method;
+                  return (
+                    // Cada forma de pagamento abre o que ELA pede, embaixo dela
+                    // mesma. Antes o painel do Pix ficava no fim da lista, longe
+                    // do cartão escolhido, e escolher parecia não fazer nada.
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          role: "radio",
+                          "aria-checked": selected,
+                          "data-testid": `checkout-payment-${method}`,
+                          onClick: () => {
+                            setPaymentMethod(method);
+                            if (method !== paymentMethod) trackStorefront("checkout_payment_selected", { payment_method: method });
+                          },
+                          className: `w-full rounded-lg border p-3 text-left text-sm transition hover:bg-muted/40 ${selected ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+                          children: [
+                            /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-3 font-semibold", children: [
+                              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4" }),
+                                copy.label
+                              ] }),
+                              selected && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-bold text-primary", children: t("checkout.address.selected") })
+                            ] }),
+                            /* @__PURE__ */ jsx("span", { className: "mt-1 block text-muted-foreground", children: copy.hint })
+                          ]
+                        }
+                      ),
+                      selected && chargesOnline && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
+                        CheckoutPayment,
+                        {
+                          input: checkoutSessionInput,
+                          money,
+                          amount: total,
+                          onBack: () => goToStep(2),
+                          resume,
+                          onUnavailable: () => setUnavailable((list) => list.includes(method) ? list : [...list, method]),
+                          onPaid: (orderId) => {
+                            leaving.current = true;
+                            setPaidOrderId(orderId);
+                            trackStorefront("checkout_completed", {
+                              order_id: orderId,
+                              payment_method: method,
+                              fulfillment: fulfillmentType ?? "delivery",
+                              total,
+                              online_payment: true
+                            });
+                            goToStep(4);
+                            cart.clear();
+                          }
+                        }
+                      ) })
+                    ] }, method)
+                  );
+                }) }),
+                /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "afterPaymentMethods", context: checkoutSlotContext }),
+                !chargesOnline && /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "data-testid": TID.placeOrder,
+                      disabled: placing,
+                      onClick: () => {
+                        void confirmWithoutCharge();
+                      },
+                      className: "min-h-12 w-full rounded-xl bg-primary px-6 py-3 font-semibold text-primary-foreground transition hover:opacity-90 disabled:opacity-60",
+                      children: t("checkout.payment.placeOrder", { total: money(total) })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "mt-2 text-center text-xs text-muted-foreground", children: t("checkout.payment.pendingNote") })
+                ] }),
+                DEV_BUILD && chargesOnline && /* @__PURE__ */ jsxs("div", { className: "mt-6 rounded-xl border border-dashed border-amber-500/60 bg-amber-500/5 p-4", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-amber-600", children: "Somente em desenvolvimento" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "data-testid": TID.devPlaceOrderWithoutCharge,
+                      disabled: placing,
+                      onClick: () => {
+                        void confirmWithoutCharge();
+                      },
+                      className: "mt-2 min-h-11 w-full rounded-lg border border-amber-500/60 px-4 py-2.5 text-sm font-medium text-amber-700 transition hover:bg-amber-500/10 disabled:opacity-60",
+                      children: `Criar pedido sem cobrar \u2014 ${money(total)}`
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [
+                    "Pula o adquirente e grava o pedido como ",
+                    /* @__PURE__ */ jsx("code", { children: "pending" }),
+                    ", igual a uma loja que confirma o pagamento \xE0 m\xE3o. Este bloco n\xE3o vai para produ\xE7\xE3o."
+                  ] })
+                ] })
+              ] }),
+              step === 4 && paidOrderId && /* @__PURE__ */ jsxs("section", { "data-testid": TID.checkoutDone, className: "rounded-xl border bg-card p-8 text-center", children: [
+                /* @__PURE__ */ jsx(SuccessMark, {}),
+                /* @__PURE__ */ jsx("h2", { className: "mt-4 text-2xl font-bold tracking-tight", children: t("checkout.done.title") }),
+                /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t("checkout.done.text") }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => navigateTo(`/order/${paidOrderId}`),
+                    className: "mt-6 inline-flex min-h-11 items-center rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+                    children: t("checkout.done.viewOrder")
+                  }
+                )
+              ] }),
+              error && /* @__PURE__ */ jsx("p", { "data-testid": TID.checkoutError, className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: error }),
+              (step === 1 || step === 2) && /* @__PURE__ */ jsxs("div", { className: "grid gap-3 border-t pt-5", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    "data-testid": TID.checkoutContinue,
+                    className: "min-h-12 rounded-lg bg-primary px-6 py-4 text-sm font-bold text-primary-foreground transition hover:opacity-90",
+                    children: step === 1 ? isPickup ? t("checkout.goToPayment", { total: money(total) }) : t("checkout.continueToDelivery") : t("checkout.goToPayment", { total: money(total) })
+                  }
+                ),
+                step === 2 && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "data-testid": TID.checkoutBack,
+                    onClick: () => goToStep(1),
+                    className: "min-h-11 rounded-lg border px-6 py-3 text-sm font-medium transition hover:bg-muted",
+                    children: t("checkout.backToContact")
+                  }
+                ),
+                /* @__PURE__ */ jsx(Link, { to: returnPath(config), className: "text-center text-sm text-muted-foreground hover:text-foreground", children: t("checkout.backToCart") })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("aside", { className: "rounded-xl border bg-muted/20 p-5 lg:sticky lg:top-6 lg:col-span-2 lg:self-start", children: [
+        /* @__PURE__ */ jsx("h2", { className: "sr-only", children: t("summary.title") }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: cart.lines.map((line) => /* @__PURE__ */ jsxs("li", { className: "flex gap-3 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative h-16 w-16 flex-none overflow-hidden rounded-lg border bg-background", children: [
+            line.imageUrl && /* @__PURE__ */ jsx(SmoothImage, { src: line.imageUrl, alt: line.name, className: "h-full w-full object-cover", variant: { width: 96 } }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -top-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-muted-foreground px-1.5 text-[10px] font-bold text-background", children: line.quantity })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: line.name }),
+            line.sku && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.sku }),
+            line.optionsLabel && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.optionsLabel }),
+            line.notes && /* @__PURE__ */ jsxs("p", { className: "text-xs italic text-muted-foreground", children: [
+              "\u201C",
+              line.notes,
+              "\u201D"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { "data-price": (line.unitPrice * line.quantity).toFixed(2), children: money(line.unitPrice * line.quantity) })
+        ] }, line.lineId ?? line.productId)) }),
+        config.features.discounts && /* @__PURE__ */ jsxs("div", { className: "mt-5 space-y-2 border-t pt-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                "data-testid": TID.discountInput,
+                type: "text",
+                placeholder: t("discount.placeholder"),
+                value: discountCode,
+                onChange: (event) => {
+                  setDiscountCode(event.target.value);
+                  setDiscountSuccess(null);
+                  setDiscountError(null);
+                },
+                className: "min-w-0 flex-1 rounded-lg border bg-background px-3 py-2 text-sm uppercase"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": TID.discountApply,
+                onClick: applyDiscountCode,
+                disabled: applyingDiscount || !discountCode.trim(),
+                className: "rounded-lg border px-3 py-2 text-sm font-semibold hover:bg-muted disabled:opacity-50",
+                children: t("discount.apply")
+              }
+            )
+          ] }),
+          discountError && /* @__PURE__ */ jsx("p", { "data-testid": TID.discountError, className: "text-xs text-destructive", children: discountError }),
+          discountSuccess && /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-emerald-700", children: discountSuccess })
+        ] }),
+        /* @__PURE__ */ jsxs("dl", { className: "mt-8 space-y-3 border-t pt-6 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("summary.subtotal") }),
+            /* @__PURE__ */ jsx("dd", { "data-price": subtotal.toFixed(2), children: money(subtotal) })
+          ] }),
+          discountTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-emerald-700", "data-testid": TID.discountRow, children: [
+            /* @__PURE__ */ jsxs("dt", { children: [
+              t("summary.discount"),
+              " ",
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clearDiscountCode,
+                  className: "text-xs text-muted-foreground underline",
+                  children: [
+                    "(",
+                    cart.discountCode,
+                    " \xD7)"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("dd", { "data-price": discountTotal.toFixed(2), children: [
+              "-",
+              money(discountTotal)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxs("dt", { className: cart.discountFreeShipping ? "text-emerald-700" : "text-muted-foreground", children: [
+              isPickup ? t("summary.pickup") : t("summary.delivery"),
+              cart.discountFreeShipping && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clearDiscountCode,
+                  className: "ml-1 text-xs text-muted-foreground underline",
+                  children: [
+                    "(",
+                    cart.discountCode,
+                    " \xD7)"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("dd", { "data-price": shipping.toFixed(2), children: isPickup ? t("summary.noFee") : shipping === 0 ? t("summary.free") : money(shipping) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between border-t pt-5 text-lg font-bold", children: [
+            /* @__PURE__ */ jsx("dt", { children: t("summary.total") }),
+            /* @__PURE__ */ jsx("dd", { "data-price": total.toFixed(2), children: money(total) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(ShieldCheck, { className: "h-4 w-4 text-primary" }),
+          t("summary.protected")
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-6 border-t pt-5", children: /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "afterForm", context: checkoutSlotContext }) })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "flex flex-wrap gap-4 border-t pt-5 text-xs text-muted-foreground lg:col-span-5", children: [
+        /* @__PURE__ */ jsx(Link, { to: "/privacy", className: "hover:text-foreground", children: t("legal.privacy") }),
+        /* @__PURE__ */ jsx(Link, { to: "/terms", className: "hover:text-foreground", children: t("legal.terms") }),
+        /* @__PURE__ */ jsx(Link, { to: "/refunds", className: "hover:text-foreground", children: t("legal.refunds") })
+      ] })
+    ] })
+  ] });
+}
+
+export { AddressForm, CheckoutPage, CountrySelect, DeliverToPicker, placeStorefrontOrder };
+//# sourceMappingURL=chunk-DRMDBXMT.js.map
+//# sourceMappingURL=chunk-DRMDBXMT.js.map