@fayz-ai/storefront 0.10.0 → 0.11.0

package/dist/{chunk-6B7H3IZ6.js → chunk-SX3J3QIT.js}

@@ -2,13 +2,13 @@ import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import { createAuthRuntime, createMockAuthAdapter } from '@fayz-ai/plugin-auth';
 import { getShopProvider, setShopProvider } from '@fayz-ai/shop/runtime';
-import { setShopAccessTokenResolver } from '@fayz-ai/sdk/shop';
-import { normalizePostalCode, lookupPostalCode, defaultRouterAdapter, defineLoader, SIDECAR_REFERENCES, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, defineEntity, listEntityDeclarations, resolveHandle, resolveSidecarDeclaration, seoOrigin, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
+import { setShopCarrierQuotesResolver, setShopAccessTokenResolver, setShopShippingItemsResolver } from '@fayz-ai/sdk/shop';
+import { normalizePostalCode, lookupPostalCode, defaultRouterAdapter, defineLoader, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, defineEntity, listEntityDeclarations, resolveHandle, seoOrigin, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
 import React4, { createContext, useContext, useEffect, useRef, useState, useSyncExternalStore, useMemo, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Trash2, Lock, CreditCard, Star, MapPin, Phone, User, UserCircle, Package, LogOut, Menu, PackageCheck, XCircle, RotateCcw, Clock, QrCode, Info, AlertCircle } from 'lucide-react';
+import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Trash2, Lock, CreditCard, Star, MapPin, Phone, User, UserCircle, Package, LogOut, Menu, QrCode, Copy, XCircle, RotateCcw, Clock, PackageCheck, Info, AlertCircle } from 'lucide-react';
 import { getLucideIcon } from '@fayz-ai/ui/icons';
-import { validateDiscount } from '@fayz-ai/shop';
+import { validateDiscount, documentDigits, formatDocument, isValidDocument } from '@fayz-ai/shop';
 import { storefrontDiscountToPromotion, previewCouponPercent, discountToPromotion, PROMOTION_TYPES, PROMOTION_STATUSES, APPLICATION_METHOD_TYPES, APPLICATION_METHOD_TARGET_TYPES, APPLICATION_METHOD_ALLOCATIONS, hasRuleAttribute, listRuleAttributeKeys, RULE_OPERATORS, resolveRuleAttribute } from '@fayz-ai/shop/rules';
 import { createMockShopProvider } from '@fayz-ai/shop/mock';
 
@@ -156,6 +156,274 @@ async function signOutCustomer() {
   }
 }
 
+// src/lib/format.ts
+function formatMoney(value, currency = "BRL", locale = "pt-BR") {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(value);
+}
+function roundCents(value) {
+  return Math.round(value * 100) / 100;
+}
+
+// src/data/product-options.ts
+function cleanValues(value) {
+  if (!Array.isArray(value)) return [];
+  return Array.from(new Set(value.filter((item) => typeof item === "string" && item.trim().length > 0)));
+}
+function cleanOptionGroup(value) {
+  if (!value || typeof value !== "object") return null;
+  const record = value;
+  const id = typeof record.id === "string" ? record.id : typeof record.name === "string" ? record.name : null;
+  const label = typeof record.label === "string" ? record.label : typeof record.name === "string" ? record.name : id;
+  const values = cleanValues(record.values);
+  if (!id || !label || values.length === 0) return null;
+  return { id, label, values };
+}
+var warnedOverlayProducts = /* @__PURE__ */ new Set();
+function resetProductOptionsDeprecationWarnings() {
+  warnedOverlayProducts.clear();
+}
+function getProductOptionGroups(product) {
+  if (product.options && product.options.length > 0) {
+    return [...product.options].sort((a, b) => a.position - b.position).map((option) => ({ id: option.name, label: option.name, values: [...option.values] }));
+  }
+  const options = product.metadata.options;
+  const explicit = Array.isArray(options) ? options.map(cleanOptionGroup).filter((group) => Boolean(group)) : [];
+  const groups = [...explicit];
+  if (groups.length === 0) {
+    const sizes = cleanValues(product.metadata.sizes);
+    const colors = cleanValues(product.metadata.colors);
+    if (sizes.length > 0) groups.push({ id: "Tamanho", label: "Tamanho", values: sizes });
+    if (colors.length > 0) groups.push({ id: "Cor", label: "Cor", values: colors });
+  }
+  if (groups.length > 0 && !warnedOverlayProducts.has(product.id)) {
+    warnedOverlayProducts.add(product.id);
+    console.warn(
+      `[storefront] product "${product.slug}" renders options from the DEPRECATED metadata overlay (metadata.options/sizes/colors). These labels are display-only \u2014 checkout cannot price or reserve them. Define real variants (0028) instead; the overlay path is removed at M9.`
+    );
+  }
+  return groups;
+}
+function resolveVariantForSelection(product, selection) {
+  const variants = product.variants;
+  if (!variants || variants.length === 0) return null;
+  const normalized = normalizeProductOptionSelection(selection);
+  const wanted = Object.entries(normalized);
+  return variants.find((variant) => {
+    const options = variant.options;
+    return Object.keys(options).length === wanted.length && wanted.every(([key, value]) => options[key] === value);
+  }) ?? null;
+}
+function selectionPrice(product, selection) {
+  const variant = resolveVariantForSelection(product, selection);
+  return variant?.price ?? product.price;
+}
+function normalizeProductOptionSelection(selection) {
+  if (!selection) return {};
+  return Object.fromEntries(
+    Object.entries(selection).filter((entry) => entry[0].trim().length > 0 && entry[1].trim().length > 0).sort(([a], [b]) => a.localeCompare(b))
+  );
+}
+function formatProductOptionSelection(selection) {
+  return Object.entries(normalizeProductOptionSelection(selection)).map(([label, value]) => `${label}: ${value}`).join(" \xB7 ");
+}
+function productOptionSelectionKey(selection) {
+  const normalized = normalizeProductOptionSelection(selection);
+  const entries = Object.entries(normalized);
+  return entries.length > 0 ? JSON.stringify(entries) : "";
+}
+var EMPTY = {
+  postalCode: "",
+  address: null,
+  options: [],
+  selectedZoneId: null,
+  status: "idle",
+  error: null,
+  refusedZone: null
+};
+var useDeliveryStore = create()(
+  persist(
+    (set, get) => ({
+      ...EMPTY,
+      async resolve(postalCode, subtotal) {
+        const code = normalizePostalCode(postalCode);
+        if (code.length !== 8) {
+          set({ ...EMPTY, postalCode, status: "error", error: "Digite os 8 d\xEDgitos do CEP." });
+          return;
+        }
+        set({ postalCode: code, status: "loading", error: null });
+        const shop = getShopProvider();
+        const refusalPromise = shop.checkDelivery ? shop.checkDelivery(code).then((check) => check.refused ? check.refusedZone || "Regi\xE3o n\xE3o atendida" : null).catch(() => null) : Promise.resolve(null);
+        let options = [];
+        try {
+          options = await shop.quoteShipping?.(code, subtotal) ?? [];
+        } catch {
+          set({
+            ...EMPTY,
+            postalCode: code,
+            status: "error",
+            error: "N\xE3o foi poss\xEDvel calcular o frete agora. Tente de novo."
+          });
+          return;
+        }
+        const refusedZone = await refusalPromise;
+        if (refusedZone) options = [];
+        let address = null;
+        let notFound = false;
+        try {
+          address = await lookupPostalCode(code);
+          notFound = address === null;
+        } catch {
+          address = null;
+        }
+        set({
+          postalCode: code,
+          address,
+          options,
+          selectedZoneId: options[0]?.zoneId ?? null,
+          refusedZone,
+          // A store with no zones configured quotes nothing, and that must NOT
+          // read as "we don't deliver here" — it falls back to the store-wide
+          // flat rate, which the cart already knows how to show.
+          status: options.length > 0 ? "served" : "unserved",
+          // Reported alongside the price, not instead of it: the CEP may be
+          // mistyped even though its range is covered.
+          error: notFound ? "CEP n\xE3o encontrado. Confira os n\xFAmeros." : null
+        });
+      },
+      selectZone(zoneId) {
+        if (!get().options.some((option) => option.zoneId === zoneId)) return;
+        set({ selectedZoneId: zoneId });
+        void getShopProvider().selectShippingOption?.(zoneId)?.catch(() => {
+        });
+      },
+      clear() {
+        set({ ...EMPTY });
+      }
+    }),
+    {
+      name: "fayz.storefront.delivery.v1",
+      // Deliberately NOT persisting `options`: a rehydrated
+      // price would be shown as current without anything having quoted it. The
+      // address survives, the money is asked for again.
+      partialize: (state) => ({ postalCode: state.postalCode, address: state.address }),
+      onRehydrateStorage: () => (state) => {
+        if (state?.address) state.status = "idle";
+      }
+    }
+  )
+);
+function resolveOptionRate(option, subtotal) {
+  if (option.freeAbove != null && subtotal >= option.freeAbove) return 0;
+  return option.baseRate;
+}
+var selectQuotedShipping = (state, subtotal) => {
+  if (state.status !== "served") return null;
+  const option = state.options.find((o) => o.zoneId === state.selectedZoneId) ?? state.options[0];
+  return option ? resolveOptionRate(option, subtotal) : null;
+};
+
+// src/stores/cart.store.ts
+var useCartStore = create()(
+  persist(
+    (set, get) => ({
+      lines: [],
+      discountCode: null,
+      discountPercent: 0,
+      isOpen: false,
+      justAddedLineId: null,
+      addItem: (product, qty = 1, options) => set((state) => {
+        const normalizedOptions = normalizeProductOptionSelection(options);
+        const optionKey = productOptionSelectionKey(normalizedOptions);
+        const lineId = optionKey ? `${product.id}:${optionKey}` : product.id;
+        const variant = resolveVariantForSelection(product, normalizedOptions);
+        const unitPrice = variant?.price ?? product.price;
+        const stock = variant ? variant.inventoryCount : product.inventoryCount;
+        const existing = state.lines.find((l) => (l.lineId ?? l.productId) === lineId);
+        if (existing) {
+          const nextQty = Math.min(existing.quantity + qty, existing.maxQuantity || Infinity);
+          return {
+            // Auto-open the cart on add — the standard premium "slide-in cart"
+            // signal — and flag the line so the drawer can highlight it.
+            isOpen: true,
+            justAddedLineId: lineId,
+            lines: state.lines.map(
+              (l) => (l.lineId ?? l.productId) === lineId ? { ...l, lineId, quantity: nextQty } : l
+            )
+          };
+        }
+        const image = product.images.find((i) => i.isPrimary) ?? product.images[0];
+        const line = {
+          lineId,
+          productId: product.id,
+          variantId: variant?.id,
+          slug: product.slug,
+          name: product.name,
+          sku: variant?.sku ?? product.sku,
+          options: normalizedOptions,
+          optionsLabel: formatProductOptionSelection(normalizedOptions),
+          unitPrice,
+          quantity: Math.min(qty, stock || Infinity),
+          imageUrl: image?.url ?? null,
+          maxQuantity: stock,
+          requiresShipping: product.isPhysical !== false,
+          weight: variant?.weight ?? product.weight ?? null,
+          weightUnit: variant?.weightUnit ?? product.weightUnit ?? null,
+          heightCm: variant?.heightCm ?? product.heightCm ?? null,
+          widthCm: variant?.widthCm ?? product.widthCm ?? null,
+          lengthCm: variant?.lengthCm ?? product.lengthCm ?? null,
+          packageId: product.packageId ?? null
+        };
+        return { isOpen: true, justAddedLineId: lineId, lines: [...state.lines, line] };
+      }),
+      setQuantity: (lineId, qty) => set((state) => {
+        if (qty <= 0) return { lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) };
+        return {
+          lines: state.lines.map(
+            (l) => (l.lineId ?? l.productId) === lineId ? { ...l, quantity: Math.min(qty, l.maxQuantity || Infinity) } : l
+          )
+        };
+      }),
+      removeItem: (lineId) => set((state) => ({ lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) })),
+      applyDiscount: (code, percent) => set({ discountCode: code, discountPercent: percent }),
+      clearDiscount: () => set({ discountCode: null, discountPercent: 0 }),
+      clear: () => set({ lines: [], discountCode: null, discountPercent: 0 }),
+      openDrawer: () => set({ isOpen: true }),
+      closeDrawer: () => set({ isOpen: false, justAddedLineId: null }),
+      reconcile: async (resolve) => {
+        const lines = get().lines;
+        if (lines.length === 0) return;
+        const keep = await Promise.all(
+          lines.map((line) => resolve(line).catch(() => true))
+        );
+        const kept = lines.filter((_, i) => keep[i]);
+        if (kept.length !== lines.length) set({ lines: kept });
+      }
+    }),
+    {
+      name: "fayz.storefront.cart.v1",
+      partialize: (state) => ({
+        lines: state.lines,
+        discountCode: state.discountCode,
+        discountPercent: state.discountPercent
+      })
+    }
+  )
+);
+var selectCount = (s2) => s2.lines.reduce((n, l) => n + l.quantity, 0);
+var selectSubtotal = (s2) => roundCents(s2.lines.reduce((sum, l) => sum + l.unitPrice * l.quantity, 0));
+var selectDiscountTotal = (s2) => roundCents(selectSubtotal(s2) * (s2.discountPercent / 100));
+var selectRequiresShipping = (s2) => s2.lines.some((l) => l.requiresShipping !== false);
+var selectShipping = (s2, cfg) => {
+  if (s2.lines.length === 0) return 0;
+  if (!selectRequiresShipping(s2)) return 0;
+  const subtotal = selectSubtotal(s2);
+  const quoted = selectQuotedShipping(useDeliveryStore.getState(), subtotal);
+  if (quoted != null) return quoted;
+  if (cfg.shipping.freeAbove != null && subtotal >= cfg.shipping.freeAbove) return 0;
+  return cfg.shipping.flatRate;
+};
+var selectTotal = (s2, cfg) => roundCents(selectSubtotal(s2) - selectDiscountTotal(s2) + selectShipping(s2, cfg));
+
 // src/data/facets.ts
 function matchesFacets(metadata, facets) {
   for (const [key, wanted] of Object.entries(facets)) {
@@ -249,7 +517,7 @@ async function categoriesList(_params, ctx) {
   return ctx.shop.listCategories();
 }
 function entityCapableShop(shop) {
-  if (!shop.listEntityRecords || !shop.getEntityRecordBySlug || !shop.getEntityFields) {
+  if (!shop.listEntityRecords || !shop.getEntityRecordBySlug) {
     throw new Error(
       "This backend provider does not support custom entities (describeStore capabilities.customEntities). Both the Fayz Supabase provider and the mock provider do \u2014 a custom provider must implement the entity methods."
     );
@@ -272,12 +540,6 @@ async function entityBySlug(params, ctx) {
   const shop = entityCapableShop(ctx.shop);
   return shop.getEntityRecordBySlug(params.entity, params.slug);
 }
-async function entityFields(params, ctx) {
-  resolveSidecarDeclaration(String(params.reference ?? ""));
-  if (!params.id) return null;
-  const shop = entityCapableShop(ctx.shop);
-  return shop.getEntityFields(params.reference, params.id);
-}
 async function collectionsList(_params, ctx) {
   const products = await ctx.shop.listProducts({ status: "active" });
   const tags = /* @__PURE__ */ new Set();
@@ -422,28 +684,6 @@ function registerStorefrontLoaders() {
       }
     ]
   });
-  defineLoader("entity.fields", entityFields, {
-    source: "sdk",
-    title: "Custom fields of a core record",
-    description: "The declared sidecar fields (defineSidecarFields) of one product or category \u2014 the entity loader path for core-record extensions.",
-    output: "The validated custom-field object, or null when the record has no sidecar row.",
-    settings: [
-      {
-        id: "reference",
-        type: "select",
-        label: "Record kind",
-        options: SIDECAR_REFERENCES.map((reference) => ({ value: reference, label: reference })),
-        required: true
-      },
-      {
-        id: "id",
-        type: "text",
-        label: "Record id",
-        help: "The core record's id. On a product page, bind through the resolved product.",
-        required: true
-      }
-    ]
-  });
 }
 
 // src/blocks/sections.ts
@@ -818,6 +1058,7 @@ var TID = {
   // checkout
   checkoutEmail: "checkout-email",
   checkoutName: "checkout-name",
+  checkoutDocument: "checkout-document",
   checkoutStreet: "checkout-street",
   checkoutCity: "checkout-city",
   checkoutZip: "checkout-zip",
@@ -825,6 +1066,19 @@ var TID = {
   checkoutExpiry: "checkout-expiry",
   checkoutCvc: "checkout-cvc",
   placeOrder: "place-order",
+  // checkout em passos
+  checkoutSteps: "checkout-steps",
+  checkoutStep: (n) => `checkout-step-${n}`,
+  checkoutPayment: "checkout-payment",
+  checkoutPaymentTotal: "checkout-payment-total",
+  checkoutContinue: "checkout-continue",
+  checkoutBack: "checkout-back",
+  checkoutDone: "checkout-done",
+  // payment step
+  pixPanel: "pix-panel",
+  pixCode: "pix-code",
+  pixCopy: "pix-copy",
+  pixConfirm: "pix-confirm",
   checkoutError: "checkout-error",
   checkoutProcessing: "checkout-processing",
   // confirmation
@@ -1435,267 +1689,17 @@ var categoriesBlockMeta = {
       label: "Heading",
       help: "Optional heading above the categories. Leave empty to render the grid with no heading."
     }
-  ],
-  presets: [
-    { name: "Category tiles", props: { style: "tiles", title: "Nossas categorias" } },
-    { name: "Category bubbles", props: { style: "bubbles", title: "Compre por categoria" } }
-  ],
-  // Not on 'product': a full category index on a product page competes with the
-  // buying decision instead of supporting it.
-  enabledOn: ["home", "catalog", "content"],
-  // The declared read (M3): the whole category list, no params.
-  data: { categories: { loader: "categories.list" } }
-};
-
-// src/lib/format.ts
-function formatMoney(value, currency = "BRL", locale = "pt-BR") {
-  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(value);
-}
-function roundCents(value) {
-  return Math.round(value * 100) / 100;
-}
-
-// src/data/product-options.ts
-function cleanValues(value) {
-  if (!Array.isArray(value)) return [];
-  return Array.from(new Set(value.filter((item) => typeof item === "string" && item.trim().length > 0)));
-}
-function cleanOptionGroup(value) {
-  if (!value || typeof value !== "object") return null;
-  const record = value;
-  const id = typeof record.id === "string" ? record.id : typeof record.name === "string" ? record.name : null;
-  const label = typeof record.label === "string" ? record.label : typeof record.name === "string" ? record.name : id;
-  const values = cleanValues(record.values);
-  if (!id || !label || values.length === 0) return null;
-  return { id, label, values };
-}
-var warnedOverlayProducts = /* @__PURE__ */ new Set();
-function resetProductOptionsDeprecationWarnings() {
-  warnedOverlayProducts.clear();
-}
-function getProductOptionGroups(product) {
-  if (product.options && product.options.length > 0) {
-    return [...product.options].sort((a, b) => a.position - b.position).map((option) => ({ id: option.name, label: option.name, values: [...option.values] }));
-  }
-  const options = product.metadata.options;
-  const explicit = Array.isArray(options) ? options.map(cleanOptionGroup).filter((group) => Boolean(group)) : [];
-  const groups = [...explicit];
-  if (groups.length === 0) {
-    const sizes = cleanValues(product.metadata.sizes);
-    const colors = cleanValues(product.metadata.colors);
-    if (sizes.length > 0) groups.push({ id: "Tamanho", label: "Tamanho", values: sizes });
-    if (colors.length > 0) groups.push({ id: "Cor", label: "Cor", values: colors });
-  }
-  if (groups.length > 0 && !warnedOverlayProducts.has(product.id)) {
-    warnedOverlayProducts.add(product.id);
-    console.warn(
-      `[storefront] product "${product.slug}" renders options from the DEPRECATED metadata overlay (metadata.options/sizes/colors). These labels are display-only \u2014 checkout cannot price or reserve them. Define real variants (0028) instead; the overlay path is removed at M9.`
-    );
-  }
-  return groups;
-}
-function resolveVariantForSelection(product, selection) {
-  const variants = product.variants;
-  if (!variants || variants.length === 0) return null;
-  const normalized = normalizeProductOptionSelection(selection);
-  const wanted = Object.entries(normalized);
-  return variants.find((variant) => {
-    const options = variant.options;
-    return Object.keys(options).length === wanted.length && wanted.every(([key, value]) => options[key] === value);
-  }) ?? null;
-}
-function selectionPrice(product, selection) {
-  const variant = resolveVariantForSelection(product, selection);
-  return variant?.price ?? product.price;
-}
-function normalizeProductOptionSelection(selection) {
-  if (!selection) return {};
-  return Object.fromEntries(
-    Object.entries(selection).filter((entry) => entry[0].trim().length > 0 && entry[1].trim().length > 0).sort(([a], [b]) => a.localeCompare(b))
-  );
-}
-function formatProductOptionSelection(selection) {
-  return Object.entries(normalizeProductOptionSelection(selection)).map(([label, value]) => `${label}: ${value}`).join(" \xB7 ");
-}
-function productOptionSelectionKey(selection) {
-  const normalized = normalizeProductOptionSelection(selection);
-  const entries = Object.entries(normalized);
-  return entries.length > 0 ? JSON.stringify(entries) : "";
-}
-var EMPTY = {
-  postalCode: "",
-  address: null,
-  options: [],
-  selectedZoneId: null,
-  status: "idle",
-  error: null
-};
-var useDeliveryStore = create()(
-  persist(
-    (set, get) => ({
-      ...EMPTY,
-      async resolve(postalCode, subtotal) {
-        const code = normalizePostalCode(postalCode);
-        if (code.length !== 8) {
-          set({ ...EMPTY, postalCode, status: "error", error: "Digite os 8 d\xEDgitos do CEP." });
-          return;
-        }
-        set({ postalCode: code, status: "loading", error: null });
-        let options = [];
-        try {
-          options = await getShopProvider().quoteShipping?.(code, subtotal) ?? [];
-        } catch {
-          set({
-            ...EMPTY,
-            postalCode: code,
-            status: "error",
-            error: "N\xE3o foi poss\xEDvel calcular o frete agora. Tente de novo."
-          });
-          return;
-        }
-        let address = null;
-        let notFound = false;
-        try {
-          address = await lookupPostalCode(code);
-          notFound = address === null;
-        } catch {
-          address = null;
-        }
-        set({
-          postalCode: code,
-          address,
-          options,
-          selectedZoneId: options[0]?.zoneId ?? null,
-          // A store with no zones configured quotes nothing, and that must NOT
-          // read as "we don't deliver here" — it falls back to the store-wide
-          // flat rate, which the cart already knows how to show.
-          status: options.length > 0 ? "served" : "unserved",
-          // Reported alongside the price, not instead of it: the CEP may be
-          // mistyped even though its range is covered.
-          error: notFound ? "CEP n\xE3o encontrado. Confira os n\xFAmeros." : null
-        });
-      },
-      selectZone(zoneId) {
-        if (get().options.some((option) => option.zoneId === zoneId)) set({ selectedZoneId: zoneId });
-      },
-      clear() {
-        set({ ...EMPTY });
-      }
-    }),
-    {
-      name: "fayz.storefront.delivery.v1",
-      // Deliberately NOT persisting `options`: a rehydrated
-      // price would be shown as current without anything having quoted it. The
-      // address survives, the money is asked for again.
-      partialize: (state) => ({ postalCode: state.postalCode, address: state.address }),
-      onRehydrateStorage: () => (state) => {
-        if (state?.address) state.status = "idle";
-      }
-    }
-  )
-);
-function resolveOptionRate(option, subtotal) {
-  if (option.freeAbove != null && subtotal >= option.freeAbove) return 0;
-  return option.baseRate;
-}
-var selectQuotedShipping = (state, subtotal) => {
-  if (state.status !== "served") return null;
-  const option = state.options.find((o) => o.zoneId === state.selectedZoneId) ?? state.options[0];
-  return option ? resolveOptionRate(option, subtotal) : null;
-};
-
-// src/stores/cart.store.ts
-var useCartStore = create()(
-  persist(
-    (set, get) => ({
-      lines: [],
-      discountCode: null,
-      discountPercent: 0,
-      isOpen: false,
-      justAddedLineId: null,
-      addItem: (product, qty = 1, options) => set((state) => {
-        const normalizedOptions = normalizeProductOptionSelection(options);
-        const optionKey = productOptionSelectionKey(normalizedOptions);
-        const lineId = optionKey ? `${product.id}:${optionKey}` : product.id;
-        const variant = resolveVariantForSelection(product, normalizedOptions);
-        const unitPrice = variant?.price ?? product.price;
-        const stock = variant ? variant.inventoryCount : product.inventoryCount;
-        const existing = state.lines.find((l) => (l.lineId ?? l.productId) === lineId);
-        if (existing) {
-          const nextQty = Math.min(existing.quantity + qty, existing.maxQuantity || Infinity);
-          return {
-            // Auto-open the cart on add — the standard premium "slide-in cart"
-            // signal — and flag the line so the drawer can highlight it.
-            isOpen: true,
-            justAddedLineId: lineId,
-            lines: state.lines.map(
-              (l) => (l.lineId ?? l.productId) === lineId ? { ...l, lineId, quantity: nextQty } : l
-            )
-          };
-        }
-        const image = product.images.find((i) => i.isPrimary) ?? product.images[0];
-        const line = {
-          lineId,
-          productId: product.id,
-          variantId: variant?.id,
-          slug: product.slug,
-          name: product.name,
-          sku: variant?.sku ?? product.sku,
-          options: normalizedOptions,
-          optionsLabel: formatProductOptionSelection(normalizedOptions),
-          unitPrice,
-          quantity: Math.min(qty, stock || Infinity),
-          imageUrl: image?.url ?? null,
-          maxQuantity: stock
-        };
-        return { isOpen: true, justAddedLineId: lineId, lines: [...state.lines, line] };
-      }),
-      setQuantity: (lineId, qty) => set((state) => {
-        if (qty <= 0) return { lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) };
-        return {
-          lines: state.lines.map(
-            (l) => (l.lineId ?? l.productId) === lineId ? { ...l, quantity: Math.min(qty, l.maxQuantity || Infinity) } : l
-          )
-        };
-      }),
-      removeItem: (lineId) => set((state) => ({ lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) })),
-      applyDiscount: (code, percent) => set({ discountCode: code, discountPercent: percent }),
-      clearDiscount: () => set({ discountCode: null, discountPercent: 0 }),
-      clear: () => set({ lines: [], discountCode: null, discountPercent: 0 }),
-      openDrawer: () => set({ isOpen: true }),
-      closeDrawer: () => set({ isOpen: false, justAddedLineId: null }),
-      reconcile: async (resolve) => {
-        const lines = get().lines;
-        if (lines.length === 0) return;
-        const keep = await Promise.all(
-          lines.map((line) => resolve(line).catch(() => true))
-        );
-        const kept = lines.filter((_, i) => keep[i]);
-        if (kept.length !== lines.length) set({ lines: kept });
-      }
-    }),
-    {
-      name: "fayz.storefront.cart.v1",
-      partialize: (state) => ({
-        lines: state.lines,
-        discountCode: state.discountCode,
-        discountPercent: state.discountPercent
-      })
-    }
-  )
-);
-var selectCount = (s2) => s2.lines.reduce((n, l) => n + l.quantity, 0);
-var selectSubtotal = (s2) => roundCents(s2.lines.reduce((sum, l) => sum + l.unitPrice * l.quantity, 0));
-var selectDiscountTotal = (s2) => roundCents(selectSubtotal(s2) * (s2.discountPercent / 100));
-var selectShipping = (s2, cfg) => {
-  if (s2.lines.length === 0) return 0;
-  const subtotal = selectSubtotal(s2);
-  const quoted = selectQuotedShipping(useDeliveryStore.getState(), subtotal);
-  if (quoted != null) return quoted;
-  if (cfg.shipping.freeAbove != null && subtotal >= cfg.shipping.freeAbove) return 0;
-  return cfg.shipping.flatRate;
+  ],
+  presets: [
+    { name: "Category tiles", props: { style: "tiles", title: "Nossas categorias" } },
+    { name: "Category bubbles", props: { style: "bubbles", title: "Compre por categoria" } }
+  ],
+  // Not on 'product': a full category index on a product page competes with the
+  // buying decision instead of supporting it.
+  enabledOn: ["home", "catalog", "content"],
+  // The declared read (M3): the whole category list, no params.
+  data: { categories: { loader: "categories.list" } }
 };
-var selectTotal = (s2, cfg) => roundCents(selectSubtotal(s2) - selectDiscountTotal(s2) + selectShipping(s2, cfg));
 function useEnquiry() {
   const config = useStorefrontConfig();
   const createProductEnquiry = async (input) => {
@@ -3458,7 +3462,7 @@ function QuantityInput({ value, onChange, min = 1, max, testId, incTestId, decTe
         "data-testid": decTestId,
         "aria-label": "Diminuir quantidade",
         onClick: () => onChange(clamp(value - 1)),
-        className: "px-2.5 py-1.5 text-muted-foreground hover:text-foreground disabled:opacity-40",
+        className: "min-h-11 min-w-11 px-2.5 py-1.5 text-muted-foreground hover:text-foreground disabled:opacity-40 sm:min-h-0 sm:min-w-0 grid place-items-center",
         disabled: value <= min,
         children: /* @__PURE__ */ jsx(Minus, { className: "h-3.5 w-3.5" })
       }
@@ -3475,7 +3479,7 @@ function QuantityInput({ value, onChange, min = 1, max, testId, incTestId, decTe
           const n = parseInt(e.target.value, 10);
           if (!isNaN(n)) onChange(clamp(n));
         },
-        className: "w-12 border-x bg-transparent py-1.5 text-center text-sm [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+        className: "h-11 w-12 border-x bg-transparent py-1.5 text-center text-sm [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none sm:h-auto"
       }
     ),
     /* @__PURE__ */ jsx(
@@ -3485,7 +3489,7 @@ function QuantityInput({ value, onChange, min = 1, max, testId, incTestId, decTe
         "data-testid": incTestId,
         "aria-label": "Aumentar quantidade",
         onClick: () => onChange(clamp(value + 1)),
-        className: "px-2.5 py-1.5 text-muted-foreground hover:text-foreground disabled:opacity-40",
+        className: "min-h-11 min-w-11 px-2.5 py-1.5 text-muted-foreground hover:text-foreground disabled:opacity-40 sm:min-h-0 sm:min-w-0 grid place-items-center",
         disabled: max != null && value >= max,
         children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
       }
@@ -4333,7 +4337,7 @@ function ProductDetailPage({ slug }) {
           }
         ) }),
         /* @__PURE__ */ jsx(Slot, { area: "productDetail", name: "afterAddToCart", context: slotContext }),
-        config.commerceMode === "checkout" && /* @__PURE__ */ jsx(DeliveryEstimator, {}),
+        config.commerceMode === "checkout" && product.isPhysical !== false && /* @__PURE__ */ jsx(DeliveryEstimator, {}),
         config.commerceMode === "checkout" && /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-3 gap-3 border-t pt-6 text-center", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1.5 text-[11px] font-medium text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Truck, { className: "h-5 w-5 text-primary" }),
@@ -5959,6 +5963,49 @@ function sectionsToBlocks(sections) {
     return { type, id: `${type}-${i}`, props };
   });
 }
+function applyStoreSettings(config, settings) {
+  if (!settings) return config;
+  const next = { ...config, policy: settings };
+  if (settings.currency) next.currency = settings.currency;
+  if (settings.locale) next.locale = settings.locale;
+  if (settings.paymentMethods?.length) {
+    next.payments = { ...config.payments, methods: settings.paymentMethods };
+  }
+  if (settings.discountsEnabled !== void 0) {
+    next.features = { ...config.features, discounts: settings.discountsEnabled };
+  }
+  if (settings.guestCheckout === false) {
+    next.features = { ...next.features, accounts: true };
+  }
+  return next;
+}
+function StorefrontConfigHost({
+  config,
+  children
+}) {
+  const [policy, setPolicy] = React4.useState(null);
+  React4.useEffect(() => {
+    let cancelled = false;
+    let provider;
+    try {
+      provider = config.provider ?? getShopProvider();
+    } catch {
+      return;
+    }
+    if (typeof provider.getPublicStoreSettings !== "function") return;
+    void provider.getPublicStoreSettings().then((settings) => {
+      if (cancelled) return;
+      setPolicy(settings);
+      setShopCarrierQuotesResolver(() => settings?.carrierQuotes);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [config]);
+  const resolved = React4.useMemo(() => applyStoreSettings(config, policy), [config, policy]);
+  return /* @__PURE__ */ jsx(StorefrontConfigProvider, { value: resolved, children });
+}
 var RADIUS_MAP = {
   none: { button: "0px", card: "0px", input: "0px" },
   soft: { button: "6px", card: "10px", input: "6px" },
@@ -6381,12 +6428,28 @@ function HeaderActions({ onMenuClick }) {
   const openDrawer = useCartStore((s2) => s2.openDrawer);
   const session = useSessionStore();
   const [accountOpen, setAccountOpen] = useState(false);
+  const accountRef = React4.useRef(null);
   const pop = usePopOnChange(count);
   const firstName = session.name?.split(/\s+/)[0];
   const initial2 = (firstName ?? session.email ?? "C").slice(0, 1).toUpperCase();
+  React4.useEffect(() => {
+    if (!accountOpen) return;
+    const onPointerDown = (event) => {
+      if (!accountRef.current?.contains(event.target)) setAccountOpen(false);
+    };
+    const onKey = (event) => {
+      if (event.key === "Escape") setAccountOpen(false);
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [accountOpen]);
   return /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-1", children: [
     /* @__PURE__ */ jsx(Slot, { area: "header", name: "beforeActions" }),
-    config.features.accounts && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    config.features.accounts && /* @__PURE__ */ jsxs("div", { ref: accountRef, className: "relative", children: [
       session.email ? /* @__PURE__ */ jsxs(
         "button",
         {
@@ -6421,7 +6484,7 @@ function HeaderActions({ onMenuClick }) {
               /* @__PURE__ */ jsx("p", { className: "font-semibold", children: session.name || firstName || "Cliente" }),
               /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: session.email })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "p-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "p-2", onClick: () => setAccountOpen(false), children: [
               /* @__PURE__ */ jsxs(Link, { to: "/account", className: "flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-semibold hover:bg-muted", children: [
                 /* @__PURE__ */ jsx(UserCircle, { className: "h-4 w-4" }),
                 "Perfil"
@@ -6898,6 +6961,10 @@ function CartDrawer() {
         setDiscountError(result.message ?? "Cupom inv\xE1lido.");
         toast.error("Cupom inv\xE1lido", result.message ?? "Verifique o c\xF3digo e tente novamente.");
       }
+    } catch (err) {
+      setDiscountError("N\xE3o conseguimos validar esse cupom agora.");
+      toast.error("N\xE3o conseguimos validar o cupom", "Tente de novo em alguns instantes.");
+      console.warn("[cart] falha ao validar cupom", err);
     } finally {
       setApplying(false);
     }
@@ -6906,6 +6973,7 @@ function CartDrawer() {
   const freeAbove = config.shipping.freeAbove;
   const missingForFree = freeAbove != null && subtotal < freeAbove ? freeAbove - subtotal : 0;
   const progress = freeAbove != null ? Math.min(100, subtotal / freeAbove * 100) : 0;
+  const wide = cart.lines.length >= 3;
   return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -6921,11 +6989,14 @@ function CartDrawer() {
         "data-testid": TID.cartDrawer,
         role: "dialog",
         "aria-label": "Carrinho",
-        className: `absolute right-0 top-0 flex h-full w-full max-w-md animate-slide-in-from-right flex-col bg-background shadow-2xl ${// The 2-column desktop layout only makes sense with items to fill
-        // it — an empty cart stays the normal narrow single-column panel.
-        cart.lines.length > 0 ? "lg:max-w-3xl lg:grid lg:grid-cols-[55%_45%] lg:grid-rows-[auto_auto_1fr]" : ""}`,
+        className: `absolute right-0 top-0 flex h-full w-full max-w-md animate-slide-in-from-right flex-col bg-background shadow-2xl ${// The 2-column desktop layout only makes sense with items to FILL it.
+        // At one or two lines the left column was a 700px void with a card
+        // floating at the top — the panel read as broken, not as spacious.
+        // Below the threshold the drawer stays the narrow single column every
+        // store uses, which is also the shape a cart of one item deserves.
+        wide ? "lg:max-w-3xl lg:grid lg:grid-cols-[55%_45%] lg:grid-rows-[auto_auto_1fr]" : ""}`,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-5 py-4 lg:col-start-2 lg:row-start-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between border-b px-5 py-4 ${wide ? "lg:col-start-2 lg:row-start-1" : ""}`, children: [
             /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Carrinho" }),
             /* @__PURE__ */ jsx(
               "button",
@@ -6933,13 +7004,13 @@ function CartDrawer() {
                 type: "button",
                 "aria-label": "Fechar carrinho",
                 onClick: cart.closeDrawer,
-                className: "rounded-full p-1.5 hover:bg-muted",
+                className: "grid min-h-11 min-w-11 place-items-center rounded-full p-1.5 hover:bg-muted sm:min-h-0 sm:min-w-0",
                 children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
               }
             )
           ] }),
           cart.lines.length === 0 ? /* @__PURE__ */ jsx("div", { "data-testid": TID.cartEmpty, className: "flex flex-1 items-center justify-center p-8 text-center text-muted-foreground", children: "Seu carrinho est\xE1 vazio." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            freeAbove != null && /* @__PURE__ */ jsxs("div", { "data-testid": TID.shippingProgress, className: "border-b bg-muted/40 px-5 py-3 lg:col-start-2 lg:row-start-2", children: [
+            freeAbove != null && /* @__PURE__ */ jsxs("div", { "data-testid": TID.shippingProgress, className: `border-b bg-muted/40 px-5 py-3 ${wide ? "lg:col-start-2 lg:row-start-2" : ""}`, children: [
               /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: missingForFree > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 "Faltam ",
                 /* @__PURE__ */ jsx("strong", { children: money(missingForFree) }),
@@ -6961,7 +7032,7 @@ function CartDrawer() {
               "div",
               {
                 "data-testid": TID.cartLinesList,
-                className: "flex-1 space-y-4 overflow-y-auto py-4 pl-5 pr-6 lg:col-start-1 lg:row-start-1 lg:row-span-3 lg:border-r",
+                className: `flex-1 space-y-4 overflow-y-auto py-4 pl-5 pr-6 ${wide ? "lg:col-start-1 lg:row-start-1 lg:row-span-3 lg:border-r" : ""}`,
                 style: { scrollbarGutter: "stable" },
                 children: [
                   /* @__PURE__ */ jsx(Slot, { area: "cart", name: "beforeLines", context: cartSlotContext }),
@@ -6984,7 +7055,7 @@ function CartDrawer() {
                                 "data-testid": TID.lineRemove,
                                 "aria-label": `Remover ${line.name}`,
                                 onClick: () => cart.removeItem(line.lineId ?? line.productId),
-                                className: "-m-1.5 p-1.5 text-muted-foreground hover:text-destructive",
+                                className: "-m-1.5 grid min-h-11 min-w-11 place-items-center p-1.5 text-muted-foreground hover:text-destructive sm:min-h-0 sm:min-w-0",
                                 children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
                               }
                             )
@@ -7025,7 +7096,7 @@ function CartDrawer() {
               "div",
               {
                 "data-testid": TID.cartFooter,
-                className: "space-y-3 border-t px-5 py-4 lg:col-start-2 lg:row-start-3 lg:overflow-y-auto",
+                className: `space-y-3 border-t px-5 py-4 ${wide ? "lg:col-start-2 lg:row-start-3 lg:overflow-y-auto" : ""}`,
                 children: [
                   config.features.discounts && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
@@ -7055,7 +7126,7 @@ function CartDrawer() {
                     discountError && /* @__PURE__ */ jsx("p", { "data-testid": TID.discountError, className: "text-xs text-destructive", children: discountError })
                   ] }),
                   /* @__PURE__ */ jsx(Slot, { area: "cart", name: "beforeSummary", context: cartSlotContext }),
-                  /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(DeliveryEstimator, { compact: true }) }),
+                  selectRequiresShipping(cart) && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(DeliveryEstimator, { compact: true }) }),
                   /* @__PURE__ */ jsxs("dl", { className: "space-y-1.5 text-sm", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
                       /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Subtotal" }),
@@ -7197,6 +7268,41 @@ async function storefrontPaths(input) {
   const unique = Array.from(new Set(paths));
   return input.includePrivate ? unique : unique.filter((p) => isPublicPath(resolved, p));
 }
+
+// src/data/local-orders.ts
+var KEY = "fayz.storefront.orders.v1";
+var MAX = 25;
+function read() {
+  try {
+    const raw = globalThis.localStorage?.getItem(KEY);
+    const parsed = raw ? JSON.parse(raw) : [];
+    return Array.isArray(parsed) ? parsed.filter((id) => typeof id === "string") : [];
+  } catch {
+    return [];
+  }
+}
+function rememberLocalOrder(orderId) {
+  if (!orderId) return;
+  try {
+    const next = [orderId, ...read().filter((id) => id !== orderId)].slice(0, MAX);
+    globalThis.localStorage?.setItem(KEY, JSON.stringify(next));
+  } catch {
+  }
+}
+function listLocalOrderIds() {
+  return read();
+}
+
+// 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;
@@ -7204,6 +7310,10 @@ function formatDeliveryNotes(address, shippingAddress) {
   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,
@@ -7218,7 +7328,7 @@ async function placeStorefrontOrder({
   const name = customer.name.trim();
   const provider = getShopProvider();
   let customerId = session?.customerId ?? null;
-  if (!customerId || session?.email !== email) {
+  if (!customerId || session?.email?.trim().toLowerCase() !== email) {
     const established = await establishCustomerSession(email, { name });
     customerId = established.customerId;
   }
@@ -7251,8 +7361,8 @@ async function placeStorefrontOrder({
     subtotal: cart.lines.reduce((sum, line) => sum + line.unitPrice * line.quantity, 0),
     customerEmail: email
   });
-  const order = await provider.placeOrder({
-    customerId: customerId ?? void 0,
+  const place = (withCustomerId) => provider.placeOrder({
+    customerId: withCustomerId,
     customer: { name, email },
     currency: config.currency,
     notes,
@@ -7266,10 +7376,19 @@ async function placeStorefrontOrder({
     metadata,
     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 ?? "" };
 }
 function SignInModal({ defaultEmail = "", onClose, onSignedIn }) {
@@ -7382,40 +7501,364 @@ function SignInModal({ defaultEmail = "", onClose, onSignedIn }) {
     }
   );
 }
-var PAYMENT_LABELS = {
-  pix: { label: "Pix", hint: "Voc\xEA recebe a chave para pagar ap\xF3s confirmar o pedido" },
-  credit_card: { label: "Cart\xE3o de cr\xE9dito", hint: "Maquininha na entrega" },
-  debit_card: { label: "Cart\xE3o de d\xE9bito", hint: "Maquininha na entrega" },
-  boleto: { label: "Boleto", hint: "Enviado por e-mail ap\xF3s a confirma\xE7\xE3o" },
-  cash: { label: "Dinheiro", hint: "Pagamento na entrega" },
-  other: { label: "Combinar com a loja", hint: "A loja entra em contato para acertar o pagamento" }
+var LABELS2 = {
+  1: "Dados",
+  2: "Entrega",
+  3: "Pagamento",
+  4: "Pronto"
 };
-var PROCESSING_STEPS = [
-  { icon: Lock, label: "Validando seus dados..." },
-  { icon: PackageCheck, label: "Registrando seu pedido..." }
-];
-var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-function ProcessingOverlay({ step }) {
-  const current = PROCESSING_STEPS[Math.min(step, PROCESSING_STEPS.length - 1)];
-  const Icon2 = current.icon;
+function CheckoutSteps({ current, onGoBackTo }) {
+  const steps = [1, 2, 3, 4];
+  return /* @__PURE__ */ jsxs("nav", { "data-testid": TID.checkoutSteps, "aria-label": "Etapas do checkout", 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 active2 = step === current;
+      const canGoBack = done && !!onGoBackTo;
+      const Tag = canGoBack ? "button" : "div";
+      return /* @__PURE__ */ jsxs("li", { className: "flex min-w-0 flex-1 items-center gap-1.5 sm:gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Tag,
+          {
+            ...canGoBack ? { type: "button", onClick: () => onGoBackTo(step) } : {},
+            "data-testid": TID.checkoutStep(step),
+            "data-state": done ? "done" : active2 ? "current" : "pending",
+            "aria-current": active2 ? "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" : "",
+              active2 ? "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" : active2 ? "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" }) : step
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: `hidden truncate text-sm sm:inline ${active2 ? "font-semibold" : ""}`, children: LABELS2[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: [
+      current,
+      ". ",
+      LABELS2[current]
+    ] })
+  ] });
+}
+function Skeleton({ className = "", style }) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `block rounded bg-muted ${className}`, style });
+}
+function SkeletonGroup({ label, className = "", children, ...rest }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "data-testid": TID.checkoutProcessing,
-      className: "fixed inset-0 z-50 flex animate-fade-in flex-col items-center justify-center bg-background/95 backdrop-blur-sm",
       role: "status",
-      "aria-live": "polite",
+      "aria-busy": "true",
+      className: `animate-pulse motion-reduce:animate-none ${className}`,
+      ...rest,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative flex h-24 w-24 items-center justify-center", children: [
-          /* @__PURE__ */ jsx("span", { className: "absolute inset-0 animate-spin rounded-full border-[3px] border-muted border-t-primary", style: { animationDuration: "1.1s" } }),
-          /* @__PURE__ */ jsx(Icon2, { className: "h-9 w-9 animate-pop-in text-primary" }, step)
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "mt-6 animate-fade-up font-medium", children: current.label }, `label-${step}`),
-        /* @__PURE__ */ jsx("p", { className: "mt-8 text-xs text-muted-foreground", children: "Pagamento seguro - n\xE3o feche esta janela" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
+        children
       ]
     }
   );
 }
+function PulseDot({ className = "" }) {
+  return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: `relative flex h-2.5 w-2.5 shrink-0 ${className}`, children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute inset-0 animate-ping rounded-full bg-current opacity-60 motion-reduce:animate-none" }),
+    /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-current" })
+  ] });
+}
+var POLL_MS = 3e3;
+function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
+  const [phase, setPhase] = useState("opening");
+  const [charge, setCharge] = useState(null);
+  const [total, setTotal] = useState(null);
+  const [sessionId, setSessionId] = useState(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 provider = getShopProvider();
+    if (!provider.openCheckoutSession) {
+      setError("Esta loja ainda n\xE3o recebe pagamento online.");
+      setPhase("error");
+      return;
+    }
+    setPhase("opening");
+    setError(null);
+    try {
+      const session = await provider.openCheckoutSession(input);
+      setSessionId(session.sessionId);
+      setTotal(session.total);
+      setCharge(session.charge);
+      setPhase(session.charge ? "waiting" : "error");
+      if (!session.charge) setError("N\xE3o conseguimos abrir a cobran\xE7a agora.");
+    } catch (err) {
+      if (err?.status === 404) {
+        onUnavailable?.();
+        return;
+      }
+      setError(err instanceof Error ? err.message : "N\xE3o conseguimos abrir a cobran\xE7a agora.");
+      setPhase("error");
+    }
+  }, [input, onUnavailable]);
+  useEffect(() => {
+    if (opened.current) return;
+    opened.current = true;
+    void open();
+  }, [open]);
+  const check = useCallback(async () => {
+    if (!sessionId || settled.current) return false;
+    const provider = getShopProvider();
+    if (!provider.settleCheckoutSession) return false;
+    try {
+      const result = await provider.settleCheckoutSession(sessionId);
+      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, 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;
+    try {
+      await navigator.clipboard.writeText(charge.emv);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2400);
+    } catch {
+      toast.error("Copie o c\xF3digo manualmente");
+    }
+  }
+  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"
+          }
+        )
+      ] })
+    ] });
+  }
+  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 && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `data:image/png;base64,${charge.qrcodeBase64}`,
+            alt: "QR code do Pix",
+            className: "mx-auto h-44 w-44 rounded-lg border bg-white p-2"
+          }
+        ),
+        /* @__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
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-3", 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"
+      }
+    )
+  ] });
+}
+var CONFETTI_COLORS = ["hsl(var(--primary))", "#f59e0b", "#10b981", "#3b82f6", "#ec4899"];
+function SuccessMark() {
+  const reduced = prefersReducedMotion();
+  return /* @__PURE__ */ jsxs("div", { className: "relative mx-auto h-24 w-24", children: [
+    !reduced && Array.from({ length: 14 }, (_, i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "absolute h-2 w-2 animate-confetti-fall rounded-sm",
+        style: {
+          left: `${i * 7.3 % 100}%`,
+          top: "-4px",
+          backgroundColor: CONFETTI_COLORS[i % CONFETTI_COLORS.length],
+          animationDelay: `${200 + i % 7 * 90}ms`
+        }
+      },
+      i
+    )),
+    /* @__PURE__ */ jsx("span", { className: `absolute inset-0 rounded-full bg-emerald-100 ${reduced ? "" : "animate-pop-in"}` }),
+    /* @__PURE__ */ jsx("svg", { viewBox: "0 0 48 48", className: "absolute inset-0 h-full w-full p-6", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M10 25 L20 35 L38 14",
+        fill: "none",
+        stroke: "rgb(5 150 105)",
+        strokeWidth: "5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeDasharray: "48",
+        className: reduced ? "" : "animate-draw-check"
+      }
+    ) })
+  ] });
+}
+var CHARGEABLE_PROVIDERS = ["abacatepay"];
+var PAYMENT_LABELS = {
+  pix: { label: "Pix", hint: "Voc\xEA recebe a chave para pagar ap\xF3s confirmar o pedido" },
+  credit_card: { label: "Cart\xE3o de cr\xE9dito", hint: "Maquininha na entrega" },
+  debit_card: { label: "Cart\xE3o de d\xE9bito", hint: "Maquininha na entrega" },
+  boleto: { label: "Boleto", hint: "Enviado por e-mail ap\xF3s a confirma\xE7\xE3o" },
+  cash: { label: "Dinheiro", hint: "Pagamento na entrega" },
+  other: { label: "Combinar com a loja", hint: "A loja entra em contato para acertar o pagamento" }
+};
+function placeOrderMessage(err) {
+  const message = errorMessage(err);
+  if (/customer (email mismatch|does not belong|belongs to another)/i.test(message)) {
+    return "Sua sess\xE3o ficou presa a outro cadastro. Recarregue a p\xE1gina e tente de novo.";
+  }
+  if (/out of stock|insufficient|estoque/i.test(message)) {
+    return "Um item do carrinho ficou sem estoque. Revise o carrinho e tente de novo.";
+  }
+  if (/delivery not available|postal code/i.test(message)) {
+    return "Ainda n\xE3o entregamos nesse CEP. Tente outro endere\xE7o.";
+  }
+  return message.replace(/^shop_[a-z_]+:\s*/i, "") || "N\xE3o foi poss\xEDvel concluir o pedido.";
+}
 function field(label, testId, value, onChange, props) {
   return /* @__PURE__ */ jsxs("label", { className: "block", children: [
     /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
@@ -7440,13 +7883,22 @@ function CheckoutPage() {
   const validateDiscount2 = useDiscountValidator();
   useStorefrontHead({ title: `Checkout \u2014 ${config.name}` });
   const paymentMethods = config.payments.methods;
+  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" ? gatewayCheckout || fieldPolicy.document?.visible === true : fieldPolicy[key]?.visible !== false;
+  const requires = (key) => key === "document" ? gatewayCheckout || fieldPolicy.document?.visible === true && fieldPolicy.document?.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 [paymentMethod, setPaymentMethod] = useState(paymentMethods[0] ?? "pix");
   const [form, setForm] = useState({
     email: session.email ?? "",
     name: session.name ?? "",
+    phone: "",
+    document: "",
     street: "",
     city: "",
     zip: "",
@@ -7455,33 +7907,65 @@ function CheckoutPage() {
     district: "",
     state: ""
   });
+  const [step, setStep] = useState(1);
+  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 [placing, setPlacing] = useState(false);
-  const [processingStep, setProcessingStep] = useState(0);
   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 shipping = selectShipping(cart, config);
   const total = selectTotal(cart, config);
   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
+    })),
+    customer: { name: form.name.trim(), email: form.email.trim() },
+    shippingAddress: {
+      postalCode: form.zip.trim(),
+      street: form.street.trim(),
+      number: form.number.trim() || void 0,
+      complement: form.complement.trim() || void 0,
+      district: form.district.trim() || void 0,
+      city: form.city.trim(),
+      state: form.state.trim().toUpperCase(),
+      phone: form.phone.trim() || void 0,
+      document: documentDigits(form.document) || void 0
+    },
+    discountCode: cart.discountCode ?? null,
+    paymentMethod
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [cart.lines, cart.discountCode, form, paymentMethod]);
+  const [acquirerMissing, setAcquirerMissing] = useState(false);
+  const chargesOnline = paymentMethod === "pix" && !acquirerMissing && (!policy?.paymentProvider || CHARGEABLE_PROVIDERS.includes(policy.paymentProvider));
   const money = (value) => formatMoney(value, config.currency, config.locale);
   useEffect(() => {
-    if (cart.lines.length === 0 && !placing) navigateTo(config.catalogPath);
-  }, [cart.lines.length, config.catalogPath, placing]);
-  const set = (key) => (value) => setForm((current) => ({ ...current, [key]: value }));
+    if (cart.lines.length === 0 && !paidOrderId && !leaving.current) navigateTo(config.catalogPath);
+  }, [cart.lines.length, config.catalogPath, paidOrderId]);
+  const set = (key) => (value) => {
+    setError(null);
+    setForm((current) => ({ ...current, [key]: value }));
+  };
   async function setZip(value) {
     const masked = formatPostalCode(value);
+    setError(null);
     setForm((current) => ({ ...current, zip: masked }));
     if (normalizePostalCode(masked).length !== 8) {
       setZipLookup("idle");
       return;
     }
     setZipLookup("loading");
+    void delivery.resolve(masked, subtotal);
     try {
       const found = await lookupPostalCode(masked);
       if (!found) {
@@ -7531,15 +8015,24 @@ function CheckoutPage() {
     if (!customerId) {
       setSavedAddresses([]);
       setAddressMode("new");
+      setAddressesLoading(false);
       return;
     }
     let cancelled = false;
     const provider = getShopProvider();
-    void provider.listCustomerAddresses?.(customerId).then((addresses) => {
+    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);
       applySavedAddress(addresses[0]);
     }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setAddressesLoading(false);
     });
     return () => {
       cancelled = true;
@@ -7572,7 +8065,11 @@ function CheckoutPage() {
       number: address.number ?? "",
       complement: address.complement ?? "",
       district: address.district ?? "",
-      state: address.state
+      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) {
@@ -7584,44 +8081,69 @@ function CheckoutPage() {
     setSelectedAddressId("new");
     setForm((current) => ({ ...current, street: "", city: "", zip: "", number: "", complement: "", district: "", state: "" }));
   }
-  function validate() {
+  function fail(message, testId) {
+    setError(message);
+    if (testId) {
+      const field2 = document.querySelector(`[data-testid="${testId}"]`);
+      field2?.scrollIntoView({ block: "center", behavior: prefersReducedMotion() ? "auto" : "smooth" });
+      field2?.focus({ preventScroll: true });
+    }
+    return false;
+  }
+  function validateContact() {
     setError(null);
+    if (requiresAccount && !session.customerId) {
+      setShowSignin(true);
+      return fail("Esta loja pede uma conta para finalizar a compra. Entre ou crie a sua.");
+    }
     if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) {
-      setError("Informe um e-mail v\xE1lido.");
-      return false;
+      return fail("Informe um e-mail v\xE1lido.", TID.checkoutEmail);
     }
-    if (!form.name.trim()) {
-      setError("Informe seu nome completo.");
-      return false;
+    if (!form.name.trim()) return fail("Informe seu nome completo.", TID.checkoutName);
+    if (requires("phone") && !form.phone.trim()) {
+      return fail("Informe um telefone de contato.", "checkout-phone");
+    }
+    if (requires("document") && !isValidDocument(form.document)) {
+      return fail(
+        form.document.trim() ? "CPF ou CNPJ inv\xE1lido \u2014 confira os n\xFAmeros." : "Informe o CPF ou CNPJ do comprador.",
+        TID.checkoutDocument
+      );
     }
+    return true;
+  }
+  function validateDelivery() {
+    setError(null);
+    if (!selectRequiresShipping(cart)) return true;
     if (!form.street.trim() || !form.city.trim() || !form.zip.trim() || !form.district.trim()) {
-      setError("Preencha ou selecione o endere\xE7o de entrega.");
-      return false;
+      return fail("Preencha ou selecione o endere\xE7o de entrega.", TID.checkoutStreet);
     }
-    if (!form.number.trim()) {
-      setError("Falta o n\xFAmero do endere\xE7o.");
-      return false;
+    if (!form.number.trim()) return fail("Falta o n\xFAmero do endere\xE7o.", "checkout-number");
+    if (requires("complement") && !form.complement.trim()) {
+      return fail("Informe o complemento (apto, bloco).", "checkout-complement");
     }
-    if (form.state.trim().length !== 2) {
-      setError("Informe a UF com duas letras (ex.: RJ).");
-      return false;
+    if (!/^[A-Za-z]{2}$/.test(form.state.trim())) {
+      return fail("Informe a UF com duas letras (ex.: RJ).", "checkout-state");
     }
     if (delivery.status === "unserved" && delivery.postalCode === normalizePostalCode(form.zip)) {
-      setError("Ainda n\xE3o entregamos nesse CEP. Tente outro endere\xE7o.");
-      return false;
+      return fail(
+        delivery.refusedZone ? "Esta loja n\xE3o entrega nesse endere\xE7o. Tente outro." : "Ainda n\xE3o entregamos nesse CEP. Tente outro endere\xE7o.",
+        TID.checkoutZip
+      );
     }
     return true;
   }
-  async function placeOrder() {
+  function goToStep(next) {
+    setError(null);
+    setStep(next);
+    if (typeof window !== "undefined") window.scrollTo({ top: 0, behavior: "smooth" });
+  }
+  function advance() {
+    if (step === 1 && validateContact()) goToStep(2);
+    else if (step === 2 && validateDelivery()) goToStep(3);
+  }
+  async function confirmWithoutCharge() {
     if (!validate()) return;
     setPlacing(true);
-    setProcessingStep(0);
-    const stepMs = prefersReducedMotion() ? 120 : 600;
-    const stepTimers = [
-      setTimeout(() => setProcessingStep(1), stepMs),
-      setTimeout(() => setProcessingStep(2), stepMs * 2)
-    ];
-    const minDuration = sleep(stepMs * 2);
     try {
       const { order, customerId } = await placeStorefrontOrder({
         config,
@@ -7636,31 +8158,67 @@ function CheckoutPage() {
           complement: form.complement.trim() || void 0,
           district: form.district.trim() || void 0,
           city: form.city.trim(),
-          state: form.state.trim().toUpperCase()
+          state: form.state.trim().toUpperCase(),
+          phone: form.phone.trim() || void 0,
+          // Viaja no endereço porque a assinatura do shop_place_order não pode
+          // ganhar parâmetro sem DROP (0050); uma trigger o levanta para a
+          // coluna e o tira do jsonb, então nunca vira linha de endereço.
+          document: documentDigits(form.document) || void 0
         },
-        // The method the buyer actually chose, which opens the ledger row in
-        // public.transactions with the right kind.
         paymentMethod
-        // Never marked paid from the browser. It used to be, through an RPC that
-        // was granted to anon — so any buyer holding their own order id could
-        // declare it settled. The order is now born `pending` and only the
-        // merchant (or a PSP webhook) can confirm the money arrived.
       });
       if (customerId) session.setSession({ customerId, email: form.email, name: form.name });
-      await minDuration;
+      leaving.current = true;
       cart.clear();
       navigateTo(`/order/${order.id}`);
-    } catch (error2) {
-      setError(error2 instanceof Error ? error2.message : "N\xE3o foi poss\xEDvel concluir o pedido.");
+    } catch (err) {
+      setError(placeOrderMessage(err));
       setPlacing(false);
-    } finally {
-      stepTimers.forEach(clearTimeout);
     }
   }
-  const primaryCta = placing ? "Processando..." : `Comprar agora - ${money(total)}`;
+  function validate() {
+    setError(null);
+    if (requiresAccount && !session.customerId) {
+      setShowSignin(true);
+      return fail("Esta loja pede uma conta para finalizar a compra. Entre ou crie a sua.");
+    }
+    if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) {
+      return fail("Informe um e-mail v\xE1lido.", TID.checkoutEmail);
+    }
+    if (requires("phone") && !form.phone.trim()) {
+      return fail("Informe um telefone de contato.", "checkout-phone");
+    }
+    if (!form.name.trim()) {
+      return fail("Informe seu nome completo.", TID.checkoutName);
+    }
+    if (requires("document") && !isValidDocument(form.document)) {
+      return fail(
+        form.document.trim() ? "CPF ou CNPJ inv\xE1lido \u2014 confira os n\xFAmeros." : "Informe o CPF ou CNPJ do comprador.",
+        TID.checkoutDocument
+      );
+    }
+    if (!form.street.trim() || !form.city.trim() || !form.zip.trim() || !form.district.trim()) {
+      return fail("Preencha ou selecione o endere\xE7o de entrega.", TID.checkoutStreet);
+    }
+    if (!form.number.trim()) {
+      return fail("Falta o n\xFAmero do endere\xE7o.", "checkout-number");
+    }
+    if (requires("complement") && !form.complement.trim()) {
+      return fail("Informe o complemento (apto, bloco).", "checkout-complement");
+    }
+    if (form.state.trim().length !== 2) {
+      return fail("Informe a UF com duas letras (ex.: RJ).", "checkout-state");
+    }
+    if (selectRequiresShipping(cart) && delivery.status === "unserved" && delivery.postalCode === normalizePostalCode(form.zip)) {
+      return fail(
+        delivery.refusedZone ? "Esta loja n\xE3o entrega nesse endere\xE7o. Tente outro." : "Ainda n\xE3o entregamos nesse CEP. Tente outro endere\xE7o.",
+        TID.checkoutZip
+      );
+    }
+    return true;
+  }
   return /* @__PURE__ */ jsxs("main", { className: "min-h-screen bg-background", children: [
     /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "beforeForm", context: checkoutSlotContext }),
-    placing && /* @__PURE__ */ jsx(ProcessingOverlay, { step: processingStep }),
     showSignin && !session.email && /* @__PURE__ */ jsx(
       SignInModal,
       {
@@ -7682,132 +8240,281 @@ function CheckoutPage() {
     ] }) }),
     /* @__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__ */ jsxs("nav", { className: "mb-8 flex flex-wrap items-center gap-2 text-sm text-muted-foreground", "aria-label": "Checkout steps", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Informa\xE7\xF5es" }),
-          /* @__PURE__ */ jsx("span", { children: "/" }),
-          /* @__PURE__ */ jsx("span", { children: "Entrega" }),
-          /* @__PURE__ */ jsx("span", { children: "/" }),
-          /* @__PURE__ */ jsx("span", { children: "Pagamento" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
-          /* @__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: "Informa\xE7\xF5es de contato" }),
-              session.email ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-                "Conectado como ",
-                session.email
-              ] }) : /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowSignin((value) => !value),
-                  className: "text-sm font-medium text-primary hover:underline",
-                  children: "J\xE1 tem conta? Entrar"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-              field("E-mail", TID.checkoutEmail, form.email, set("email"), {
-                type: "email",
-                placeholder: "E-mail ou telefone"
-              }),
-              field("Nome completo", TID.checkoutName, form.name, set("name"), {
-                placeholder: "Nome completo"
-              })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Endere\xE7o de entrega" }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-3 grid gap-3", children: [
-              savedAddresses.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: "Selecionado" })
-                    ] }),
-                    /* @__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
+        /* @__PURE__ */ jsx(
+          CheckoutSteps,
+          {
+            current: step,
+            onGoBackTo: step === 4 ? void 0 : (target) => goToStep(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: "Informa\xE7\xF5es de contato" }),
+                  session.email ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                    "Conectado como ",
+                    session.email
+                  ] }) : /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setShowSignin((value) => !value),
+                      className: "text-sm font-medium text-primary hover:underline",
+                      children: "J\xE1 tem conta? Entrar"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+                  field("E-mail", TID.checkoutEmail, form.email, set("email"), {
+                    type: "email",
+                    placeholder: "E-mail"
+                  }),
+                  field("Nome completo", TID.checkoutName, form.name, set("name"), {
+                    placeholder: "Nome completo"
+                  }),
+                  shows("phone") && field("Telefone", "checkout-phone", form.phone, set("phone"), {
+                    type: "tel",
+                    autoComplete: "tel",
+                    placeholder: requires("phone") ? "Telefone" : "Telefone (opcional)"
+                  }),
+                  shows("document") && field(
+                    "CPF ou CNPJ",
+                    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") ? "CPF ou CNPJ" : "CPF ou CNPJ (opcional)"
+                    }
+                  )
+                ] }),
+                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: [
+                  "Esta loja pede uma conta para finalizar a compra.",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setShowSignin(true),
+                      className: "font-semibold text-primary hover:underline",
+                      children: "Entrar ou criar conta"
+                    }
+                  )
+                ] })
+              ] }),
+              step === 2 && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Endere\xE7o de entrega" }),
+                /* @__PURE__ */ jsxs("div", { className: "mb-3 grid gap-3", children: [
+                  addressesLoading && savedAddresses.length === 0 && /* @__PURE__ */ jsx(SkeletonGroup, { label: "Buscando seus endere\xE7os salvos", 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)) }),
+                  savedAddresses.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: "Selecionado" })
+                        ] }),
+                        /* @__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: savedAddresses.length > 0 ? "+ Adicionar novo endere\xE7o" : "Informe o endere\xE7o de entrega" }),
+                        /* @__PURE__ */ jsx("span", { className: "mt-1 block text-muted-foreground", children: "Preencher outro endere\xE7o para esta compra" })
+                      ]
+                    }
+                  )
+                ] }),
+                addressMode === "new" && /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "grid gap-1 sm:grid-cols-[200px_1fr] sm:items-center", children: [
+                    field("CEP", TID.checkoutZip, form.zip, setZip, {
+                      placeholder: "CEP",
+                      inputMode: "numeric",
+                      autoComplete: "postal-code"
+                    }),
+                    zipLookup === "loading" ? /* @__PURE__ */ jsxs(SkeletonGroup, { label: "Buscando o endere\xE7o deste CEP", 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" })
+                    ] }) : /* @__PURE__ */ jsx("p", { className: "px-1 text-xs text-muted-foreground", children: zipLookup === "not-found" ? "CEP n\xE3o encontrado \u2014 preencha o endere\xE7o \xE0 m\xE3o." : "Preenchemos o endere\xE7o para voc\xEA." })
+                  ] }),
+                  field("Endere\xE7o", TID.checkoutStreet, form.street, set("street"), { placeholder: "Rua, avenida\u2026" }),
+                  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+                    field("N\xFAmero", "checkout-number", form.number, set("number"), { placeholder: "N\xFAmero" }),
+                    shows("complement") && field("Complemento", "checkout-complement", form.complement, set("complement"), {
+                      placeholder: requires("complement") ? "Apto, bloco" : "Apto, bloco (opcional)"
+                    })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+                    field("Bairro", "checkout-district", form.district, set("district"), { placeholder: "Bairro" }),
+                    field("UF", "checkout-state", form.state, set("state"), { placeholder: "UF" })
+                  ] }),
+                  field("Cidade", TID.checkoutCity, form.city, set("city"), { placeholder: "Cidade" })
+                ] })
+              ] }),
+              step === 3 && placing && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Confirmando seu pedido" }),
+                /* @__PURE__ */ jsxs(SkeletonGroup, { label: "Criando seu pedido", 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" })
                     ] })
-                  ] })
-                },
-                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: savedAddresses.length > 0 ? "+ Adicionar novo endere\xE7o" : "Informe o endere\xE7o de entrega" }),
-                    /* @__PURE__ */ jsx("span", { className: "mt-1 block text-muted-foreground", children: "Preencher outro endere\xE7o para esta compra" })
-                  ]
-                }
-              )
-            ] }),
-            addressMode === "new" && /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "grid gap-1 sm:grid-cols-[200px_1fr] sm:items-center", children: [
-                field("CEP", TID.checkoutZip, form.zip, setZip, {
-                  placeholder: "CEP",
-                  inputMode: "numeric",
-                  autoComplete: "postal-code"
-                }),
-                /* @__PURE__ */ jsx("p", { className: "px-1 text-xs text-muted-foreground", children: zipLookup === "loading" ? "Buscando endere\xE7o\u2026" : zipLookup === "not-found" ? "CEP n\xE3o encontrado \u2014 preencha o endere\xE7o \xE0 m\xE3o." : "Preenchemos o endere\xE7o para voc\xEA." })
+                  ] }),
+                  /* @__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: "N\xE3o feche esta p\xE1gina \u2014 estamos registrando seu pedido na loja." })
               ] }),
-              field("Endere\xE7o", TID.checkoutStreet, form.street, set("street"), { placeholder: "Rua, avenida\u2026" }),
-              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-                field("N\xFAmero", "checkout-number", form.number, set("number"), { placeholder: "N\xFAmero" }),
-                field("Complemento", "checkout-complement", form.complement, set("complement"), { placeholder: "Apto, bloco (opcional)" })
+              step === 3 && !placing && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Pagamento" }),
+                /* @__PURE__ */ jsx("div", { className: "mb-3 grid gap-3", role: "radiogroup", "aria-label": "Forma de pagamento", children: paymentMethods.map((method) => {
+                  const copy = PAYMENT_LABELS[method];
+                  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),
+                          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: "Selecionado" })
+                            ] }),
+                            /* @__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,
+                          onBack: () => goToStep(2),
+                          onUnavailable: () => setAcquirerMissing(true),
+                          onPaid: (orderId) => {
+                            leaving.current = true;
+                            setPaidOrderId(orderId);
+                            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: `Fazer pedido - ${money(total)}`
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "mt-2 text-center text-xs text-muted-foreground", children: "O pedido fica aguardando pagamento at\xE9 a loja confirmar." })
+                ] })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-                field("Bairro", "checkout-district", form.district, set("district"), { placeholder: "Bairro" }),
-                field("UF", "checkout-state", form.state, set("state"), { placeholder: "UF" })
+              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: "Pagamento confirmado!" }),
+                /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: "Seu pedido foi criado e a loja j\xE1 foi avisada." }),
+                /* @__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: "Ver meu pedido"
+                  }
+                )
               ] }),
-              field("Cidade", TID.checkoutCity, form.city, set("city"), { placeholder: "Cidade" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Pagamento" }),
-            /* @__PURE__ */ jsx("div", { className: "mb-3 grid gap-3", role: "radiogroup", "aria-label": "Forma de pagamento", children: paymentMethods.map((method) => {
-              const copy = PAYMENT_LABELS[method];
-              const selected = paymentMethod === method;
-              return /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  role: "radio",
-                  "aria-checked": selected,
-                  "data-testid": `checkout-payment-${method}`,
-                  onClick: () => setPaymentMethod(method),
-                  className: `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: "Selecionado" })
-                    ] }),
-                    /* @__PURE__ */ jsx("span", { className: "mt-1 block text-muted-foreground", children: copy.hint })
-                  ]
-                },
-                method
-              );
-            }) }),
-            /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Nenhuma cobran\xE7a \xE9 feita agora. Seu pedido \xE9 registrado e a loja confirma o pagamento." }),
-            /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "afterPaymentMethods", context: checkoutSlotContext })
-          ] }),
-          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 })
-        ] }),
+              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 ? "Continuar para a entrega" : `Ir para o pagamento - ${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: "Voltar aos dados"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Link, { to: config.catalogPath, className: "text-center text-sm text-muted-foreground hover:text-foreground", children: "Voltar ao carrinho" })
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs("footer", { className: "mt-10 flex flex-wrap gap-4 border-t pt-5 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ jsx(Link, { to: "/privacy", className: "hover:text-foreground", children: "Privacidade" }),
           /* @__PURE__ */ jsx(Link, { to: "/terms", className: "hover:text-foreground", children: "Termos" }),
@@ -7901,21 +8608,7 @@ function CheckoutPage() {
           /* @__PURE__ */ jsx(ShieldCheck, { className: "h-4 w-4 text-primary" }),
           "Compra protegida e dados criptografados."
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-6 grid gap-3 border-t pt-5", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "data-testid": TID.placeOrder,
-              onClick: placeOrder,
-              disabled: placing,
-              className: "rounded-lg bg-primary px-6 py-4 text-sm font-bold text-primary-foreground transition hover:opacity-90 disabled:opacity-60",
-              children: primaryCta
-            }
-          ),
-          /* @__PURE__ */ jsx(Link, { to: config.catalogPath, className: "text-center text-sm text-muted-foreground hover:text-foreground", children: "Voltar ao carrinho" }),
-          /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "afterForm", context: checkoutSlotContext })
-        ] })
+        /* @__PURE__ */ jsx("div", { className: "mt-6 border-t pt-5", children: /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "afterForm", context: checkoutSlotContext }) })
       ] })
     ] })
   ] });
@@ -7980,9 +8673,10 @@ function orderTrackingSteps(order) {
     {
       id: "payment",
       label: paid ? "Pagamento aprovado" : "Aguardando pagamento",
-      description: paid ? "Compra confirmada" : "Processando",
+      // "Processando" descrevia um pagamento que ninguém iniciou.
+      description: paid ? "Compra confirmada" : "Ainda n\xE3o recebemos",
       state: paid ? "complete" : "current",
-      icon: Check
+      icon: paid ? Check : Clock
     },
     {
       id: "preparing",
@@ -8016,7 +8710,9 @@ function OrderTrackingTimeline({ order, compact: compact2 = false }) {
       children: steps.map((step) => {
         const Icon2 = step.icon;
         const cancelled = step.state === "cancelled";
-        const active2 = step.state !== "pending";
+        const done = step.state === "complete";
+        const current = step.state === "current";
+        const active2 = done || current;
         return /* @__PURE__ */ jsx(
           "li",
           {
@@ -8033,15 +8729,15 @@ function OrderTrackingTimeline({ order, compact: compact2 = false }) {
                 {
                   className: [
                     "grid h-7 w-7 shrink-0 place-items-center rounded-full border",
-                    cancelled ? "border-rose-300 bg-rose-500 text-white" : active2 ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30 bg-background"
+                    cancelled ? "border-rose-300 bg-rose-500 text-white" : done ? "border-primary bg-primary text-primary-foreground" : current ? "border-primary bg-background text-primary" : "border-muted-foreground/30 bg-background"
                   ].join(" "),
                   "aria-hidden": true,
                   children: /* @__PURE__ */ jsx(Icon2, { className: "h-3.5 w-3.5" })
                 }
               ),
               /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "block truncate font-semibold text-foreground", children: step.label }),
-                /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-muted-foreground", children: step.description })
+                /* @__PURE__ */ jsx("span", { className: "block font-semibold leading-snug text-foreground", children: step.label }),
+                /* @__PURE__ */ jsx("span", { className: "mt-0.5 block leading-snug text-muted-foreground", children: step.description })
               ] })
             ] })
           },
@@ -8051,6 +8747,32 @@ function OrderTrackingTimeline({ order, compact: compact2 = false }) {
     }
   );
 }
+
+// src/components/account/section.ts
+var ACCOUNT_SECTIONS = [
+  "profile",
+  "orders",
+  "addresses",
+  "payments"
+];
+var DEFAULT_ACCOUNT_SECTION = "orders";
+function isAccountSection(value) {
+  return ACCOUNT_SECTIONS.includes(value);
+}
+function parseAccountSection(path) {
+  const query = path.split("?")[1];
+  if (!query) return DEFAULT_ACCOUNT_SECTION;
+  for (const pair of query.split("&")) {
+    const [key, raw = ""] = pair.split("=");
+    if (key !== "section") continue;
+    const value = decodeURIComponent(raw);
+    return isAccountSection(value) ? value : DEFAULT_ACCOUNT_SECTION;
+  }
+  return DEFAULT_ACCOUNT_SECTION;
+}
+function accountSectionPath(section) {
+  return `/account?section=${section}`;
+}
 var menuItems = [
   { id: "profile", label: "Perfil", icon: User },
   { id: "orders", label: "Meus pedidos", icon: Package },
@@ -8084,11 +8806,16 @@ function CustomerAccountShell({ title, subtitle, active: active2, onSelect, chil
           const Icon2 = item.icon;
           const selected = item.id === active2;
           return /* @__PURE__ */ jsxs(
-            "button",
+            Link,
             {
-              type: "button",
+              to: accountSectionPath(item.id),
+              "data-section": item.id,
               "aria-current": selected ? "page" : void 0,
-              onClick: () => onSelect?.(item.id),
+              onClick: (event) => {
+                if (!onSelect) return;
+                event.preventDefault();
+                onSelect(item.id);
+              },
               className: `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm font-semibold transition ${selected ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
               children: [
                 /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }),
@@ -8123,38 +8850,23 @@ function CustomerAccountShell({ title, subtitle, active: active2, onSelect, chil
     ] })
   ] });
 }
-var CONFETTI_COLORS = ["hsl(var(--primary))", "#f59e0b", "#10b981", "#3b82f6", "#ec4899"];
-function SuccessMark() {
-  const reduced = prefersReducedMotion();
+function PendingMark() {
   return /* @__PURE__ */ jsxs("div", { className: "relative mx-auto h-24 w-24", children: [
-    !reduced && Array.from({ length: 14 }, (_, i) => /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        className: "absolute h-2 w-2 animate-confetti-fall rounded-sm",
-        style: {
-          left: `${i * 7.3 % 100}%`,
-          top: "-4px",
-          backgroundColor: CONFETTI_COLORS[i % CONFETTI_COLORS.length],
-          animationDelay: `${200 + i % 7 * 90}ms`
+    /* @__PURE__ */ jsx("span", { className: "absolute inset-0 rounded-full bg-amber-100" }),
+    /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 48 48", className: "absolute inset-0 h-full w-full p-6", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "17", fill: "none", stroke: "rgb(180 83 9)", strokeWidth: "4" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M24 14 L24 25 L31 29",
+          fill: "none",
+          stroke: "rgb(180 83 9)",
+          strokeWidth: "4",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
         }
-      },
-      i
-    )),
-    /* @__PURE__ */ jsx("span", { className: `absolute inset-0 rounded-full bg-emerald-100 ${reduced ? "" : "animate-pop-in"}` }),
-    /* @__PURE__ */ jsx("svg", { viewBox: "0 0 48 48", className: "absolute inset-0 h-full w-full p-6", "aria-hidden": true, children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M10 25 L20 35 L38 14",
-        fill: "none",
-        stroke: "rgb(5 150 105)",
-        strokeWidth: "5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeDasharray: "48",
-        className: reduced ? "" : "animate-draw-check"
-      }
-    ) })
+      )
+    ] })
   ] });
 }
 function OrderConfirmationPage({ orderId }) {
@@ -8163,7 +8875,7 @@ function OrderConfirmationPage({ orderId }) {
   const [loading, setLoading] = useState(true);
   const money = (v) => formatMoney(v, config.currency, config.locale);
   useStorefrontHead({ title: order ? `Pedido #${order.orderNumber} \u2014 ${config.name}` : config.name });
-  useEffect(() => {
+  const reload = React4.useCallback(() => {
     let cancelled = false;
     getShopProvider().getOrder(orderId).then((o) => {
       if (!cancelled) setOrder(o);
@@ -8174,8 +8886,40 @@ function OrderConfirmationPage({ orderId }) {
       cancelled = true;
     };
   }, [orderId]);
+  useEffect(() => reload(), [reload]);
   if (loading) {
-    return /* @__PURE__ */ jsx("main", { className: "mx-auto max-w-2xl px-4 py-20 text-center text-muted-foreground", children: "Carregando\u2026" });
+    return /* @__PURE__ */ jsx(CustomerAccountShell, { title: "Detalhe do pedido", active: "orders", children: /* @__PURE__ */ jsxs(SkeletonGroup, { label: "Carregando seu pedido", 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-8 w-64 max-w-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3.5 w-full max-w-md" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-6 w-48" })
+        ] })
+      ] }),
+      /* @__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-28" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-3 w-20" })
+      ] }, column)) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7 shrink-0 rounded-full" }),
+          node < 3 && /* @__PURE__ */ jsx(Skeleton, { className: "h-px flex-1" })
+        ] }, node)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-8 space-y-3", children: [0, 1].map((row) => /* @__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" })
+      ] }, row)) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-2 border-t pt-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-full max-w-xs" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-full max-w-[14rem]" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" })
+      ] })
+    ] }) });
   }
   if (!order) {
     return /* @__PURE__ */ jsxs("main", { className: "mx-auto max-w-2xl px-4 py-20 text-center", children: [
@@ -8183,24 +8927,20 @@ function OrderConfirmationPage({ orderId }) {
       /* @__PURE__ */ jsx(Link, { to: "/", className: "mt-4 inline-block text-primary underline", children: "Voltar \xE0 loja" })
     ] });
   }
+  const paid = isPaid(order.financialStatus);
   return /* @__PURE__ */ jsx(
     CustomerAccountShell,
     {
       title: "Detalhe do pedido",
-      subtitle: "Compra confirmada e vinculada \xE0 sua conta.",
+      subtitle: paid ? "Compra confirmada e vinculada \xE0 sua conta." : "Pedido guardado, aguardando o pagamento.",
       active: "orders",
+      onSelect: (section) => navigateTo(`/account?section=${section}`),
       children: /* @__PURE__ */ jsxs("article", { "data-testid": TID.orderDetail, className: "animate-fade-up 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(SuccessMark, {}),
+          paid ? /* @__PURE__ */ jsx(SuccessMark, {}) : /* @__PURE__ */ jsx(PendingMark, {}),
           /* @__PURE__ */ jsxs("div", { className: "text-center sm:text-left", children: [
-            /* @__PURE__ */ jsx("h2", { className: "sf-heading text-3xl font-bold tracking-tight", children: "Pedido confirmado!" }),
-            /* @__PURE__ */ jsxs("p", { className: "mt-1 text-muted-foreground", children: [
-              "Obrigado pela compra, ",
-              order.customerName ?? "cliente",
-              ". Enviamos a confirma\xE7\xE3o para ",
-              order.customerEmail,
-              "."
-            ] }),
+            /* @__PURE__ */ jsx("h2", { className: "sf-heading text-3xl font-bold tracking-tight", children: paid ? "Pedido confirmado!" : "Falta o pagamento" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: paid ? `Obrigado pela compra, ${order.customerName ?? "cliente"}. A loja j\xE1 est\xE1 preparando seu pedido.` : `Guardamos seu pedido, ${order.customerName ?? "cliente"}. Ele s\xF3 \xE9 preparado depois que o pagamento entrar.` }),
             /* @__PURE__ */ jsxs("p", { className: "mt-4 text-lg", children: [
               "Pedido ",
               /* @__PURE__ */ jsxs("span", { "data-testid": TID.orderNumber, className: "font-semibold", children: [
@@ -8227,18 +8967,39 @@ function OrderConfirmationPage({ orderId }) {
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Entrega" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-1 font-semibold", children: order.fulfillmentStatus === "fulfilled" ? "Enviado" : "Preparando envio" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 font-semibold", children: order.fulfillmentStatus === "fulfilled" ? "Enviado" : paid ? "Preparando envio" : "Aguardando pagamento" }),
             /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: order.notes ?? "Endere\xE7o salvo no pedido" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Pagamento" }),
             /* @__PURE__ */ jsx("p", { className: "mt-1 font-semibold", children: financialStatusBadge(order.financialStatus).label }),
-            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Processado no checkout" })
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: paid ? "Recebido pela loja" : "Ainda n\xE3o recebido" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
           /* @__PURE__ */ jsx("h3", { className: "mb-3 text-sm font-semibold uppercase text-muted-foreground", children: "Acompanhamento" }),
-          /* @__PURE__ */ jsx(OrderTrackingTimeline, { order })
+          /* @__PURE__ */ jsx(OrderTrackingTimeline, { order }),
+          (order.shipments ?? []).filter((s2) => s2.trackingCode).map((shipment) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-testid": TID.orderTracking + "-code",
+              className: "mt-4 flex flex-wrap items-center gap-x-3 gap-y-1 rounded-lg border bg-muted/30 px-4 py-3 text-sm",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: shipment.carrier ? `Enviado por ${shipment.carrier}` : "Enviado" }),
+                shipment.trackingUrl ? /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: shipment.trackingUrl,
+                    target: "_blank",
+                    rel: "noreferrer",
+                    className: "font-mono font-medium text-primary hover:underline",
+                    children: shipment.trackingCode
+                  }
+                ) : /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: shipment.trackingCode })
+              ]
+            },
+            shipment.id
+          ))
         ] }),
         /* @__PURE__ */ jsx("ul", { className: "mt-8 space-y-3 text-left", children: order.items.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 text-sm", children: [
           item.imageUrl && /* @__PURE__ */ jsx(SmoothImage, { src: item.imageUrl, alt: item.name, className: "h-12 w-12 rounded-lg border object-cover" }),
@@ -8301,16 +9062,23 @@ function useMyOrders() {
   const refresh = useCallback(() => setTick((t) => t + 1), []);
   useEffect(() => {
     let cancelled = false;
+    const local = listLocalOrderIds();
     if (!customerId && !email) {
-      setOrders([]);
-      setLoading(false);
-      return;
+      if (local.length === 0) {
+        setOrders([]);
+        setLoading(false);
+        return;
+      }
     }
     setLoading(true);
     const query = customerId ? { customerId, limit: 50 } : { customerEmail: email, limit: 50 };
     getShopProvider().listOrders(query).then((data) => {
       if (!cancelled) setOrders(data);
-    }).catch(() => {
+    }).catch(async () => {
+      const mine = await Promise.all(
+        listLocalOrderIds().map((id) => getShopProvider().getOrder(id).catch(() => null))
+      );
+      if (!cancelled) setOrders(mine.filter((o) => !!o));
     }).finally(() => {
       if (!cancelled) setLoading(false);
     });
@@ -8432,7 +9200,27 @@ function OrdersPanel() {
   const config = useStorefrontConfig();
   const { orders, loading } = useMyOrders();
   const money = (v) => formatMoney(v, config.currency, config.locale);
-  if (loading) return /* @__PURE__ */ jsx("div", { className: "py-16 text-center text-muted-foreground", children: "Carregando\u2026" });
+  if (loading) {
+    return /* @__PURE__ */ jsx(SkeletonGroup, { label: "Carregando seus pedidos", className: "space-y-4", children: [0, 1].map((row) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3 w-20" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 shrink-0 rounded-full" }),
+        node < 3 && /* @__PURE__ */ jsx(Skeleton, { className: "h-px flex-1" })
+      ] }, node)) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-32 rounded-lg" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24 rounded-lg" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between border-t pt-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" })
+      ] })
+    ] }, row)) });
+  }
   if (orders.length === 0) {
     return /* @__PURE__ */ jsxs("div", { "data-testid": TID.purchasesEmpty, className: "rounded-2xl border bg-card py-16 text-center", children: [
       /* @__PURE__ */ jsx(Package, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
@@ -8479,12 +9267,14 @@ function ProfilePanel() {
   const [name, setName] = useState(session.name ?? "");
   const [saving, setSaving] = useState(false);
   const [saved, setSaved] = useState(false);
+  const [error, setError] = useState(null);
   async function save(e) {
     e.preventDefault();
     const trimmed = name.trim();
     if (!trimmed) return;
     setSaving(true);
     setSaved(false);
+    setError(null);
     try {
       if (session.customerId) {
         const parts = trimmed.split(/\s+/).filter(Boolean);
@@ -8495,6 +9285,8 @@ function ProfilePanel() {
       }
       useSessionStore.setState({ name: trimmed });
       setSaved(true);
+    } catch {
+      setError("N\xE3o foi poss\xEDvel salvar seu nome agora. Tente novamente em instantes.");
     } finally {
       setSaving(false);
     }
@@ -8539,7 +9331,8 @@ function ProfilePanel() {
         }
       ),
       saved && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-emerald-700", children: "Salvo" })
-    ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-destructive", children: error })
   ] });
 }
 function AddressesPanel() {
@@ -8574,7 +9367,7 @@ var SECTION_SUBTITLE = {
 function MyPurchasesPage() {
   const config = useStorefrontConfig();
   const session = useSessionStore();
-  const [section, setSection] = useState("orders");
+  const section = parseAccountSection(useRoutePath());
   useStorefrontHead({ title: `Minha conta \u2014 ${config.name}` });
   if (!session.email) {
     return /* @__PURE__ */ jsx("main", { className: "mx-auto max-w-3xl px-4 py-12 sm:px-6", children: /* @__PURE__ */ jsx(AuthForm, {}) });
@@ -8585,7 +9378,6 @@ function MyPurchasesPage() {
       title: "Minha conta",
       subtitle: SECTION_SUBTITLE[section],
       active: section,
-      onSelect: setSection,
       children: [
         section === "profile" && /* @__PURE__ */ jsx(ProfilePanel, {}),
         section === "orders" && /* @__PURE__ */ jsx(OrdersPanel, {}),
@@ -8595,6 +9387,27 @@ function MyPurchasesPage() {
     }
   );
 }
+function initShippingItems() {
+  setShopShippingItemsResolver(
+    () => useCartStore.getState().lines.map((line) => ({
+      quantity: line.quantity,
+      weight: line.weight ?? null,
+      weightUnit: line.weightUnit ?? null,
+      height: line.heightCm ?? null,
+      width: line.widthCm ?? null,
+      length: line.lengthCm ?? null,
+      packageId: line.packageId ?? null,
+      // Undefined is a line added before this existed. Treated as physical:
+      // freight wrongly charged is a complaint, freight wrongly skipped is a
+      // parcel the merchant pays for.
+      isPhysical: line.requiresShipping !== false,
+      productId: line.productId,
+      variantId: line.variantId,
+      name: line.name,
+      sku: line.sku
+    }))
+  );
+}
 function NotFoundPage() {
   const config = useStorefrontConfig();
   useStorefrontHead({ title: `P\xE1gina n\xE3o encontrada \u2014 ${config.name}` });
@@ -8827,6 +9640,7 @@ function initStorefrontRuntime(config) {
     }));
   }
   setShopProvider(resolveStorefrontProvider(config));
+  initShippingItems();
   const reconcileCart = () => {
     const provider = getShopProvider();
     void useCartStore.getState().reconcile(async (line) => {
@@ -8879,7 +9693,7 @@ function createStorefrontApp(config) {
   initStorefrontRuntime(config);
   const router = defaultRouterAdapter(resolved.routing ?? "hash");
   function StorefrontApp() {
-    return /* @__PURE__ */ jsx(StorefrontConfigProvider, { value: resolved, children: /* @__PURE__ */ jsx(StorefrontShell, { router }) });
+    return /* @__PURE__ */ jsx(StorefrontConfigHost, { config: resolved, children: /* @__PURE__ */ jsx(StorefrontShell, { router }) });
   }
   StorefrontApp.displayName = "StorefrontApp";
   return StorefrontApp;
@@ -8902,7 +9716,7 @@ function createStorefront(options) {
 // src/document/sections.ts
 var STORE_DOCUMENT_KIND = "fayz.store";
 var STORE_COMMERCE_MODES = ["checkout", "catalog", "enquiry"];
-var STORE_PAYMENT_MODES = ["mock", "pix-mercadopago"];
+var STORE_PAYMENT_MODES = ["mock", "pix-mercadopago", "gateway"];
 var STORE_PAYMENT_METHOD_KINDS = [
   "pix",
   "credit_card",
@@ -10227,6 +11041,6 @@ ${formatErrors(report.errors)}`;
   return config;
 }
 
-export { BEFORE_PLACE_ORDER_VALVE, BLOCK_STRUCTURAL_KEYS, BenefitsRow, BlockDataError, CART_LINE_ANNOTATION_POINT, CATALOG_BODY_BLOCK, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, CollectionCta, CollectionHero, ContentPage, CountdownBand, EmailConfirmationRequiredError, EntityListBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, Link, ManifestoBlock, MediaCarousel, MotifStrip, MyPurchasesPage, NewsletterBand, ORDER_METADATA_POINT, OrderConfirmationPage, OrderTrackingTimeline, PAGE_DATA_SCRIPT_ID, PLACEHOLDER_ASPECTS, PRODUCT_BODY_BLOCK, PRODUCT_CARD_BADGE_POINT, PageDataScope, PaymentTerms, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGallery, ProductGrid, ProductOptionSelector, ProductRail, ProductReviews, ProductSlider, ProductSpecs, ProductSpotlight, PromoBanner, QuantityInput, Reveal, STOREFRONT_COMPONENT_KEYS, STOREFRONT_PAGE_KINDS, STOREFRONT_SLOTS, STORE_BACKEND_PROVIDERS, STORE_COMMERCE_MODES, STORE_DOCUMENT_KIND, STORE_PAYMENT_METHOD_KINDS, STORE_PAYMENT_MODES, STORE_ROUTE_CHROMES, STORE_ROUTE_KINDS, STORE_SECTIONS, STORE_SECTION_NAMES, SealsBand, SearchOverlay, Slot, SmoothImage, StepsSection, StorefrontConfigProvider, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontRouterProvider, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, bannerPlaceholder, blockInstanceId, buildEnquiryFromForm, checkPageBlocks, collectDataNeeds, collectOrderMetadata, contentPagePath, createStorefront, createStorefrontApp, currentStaticRenderPass, defaultPageBlocks, entityListBlockMeta, establishCustomerSession, exportStore, formatMoney, formatProductOptionSelection, getCartLineAnnotations, getCheckoutFieldContributions, getCustomerAuthAdapter, getProductCardBadges, getProductOptionGroups, hydrateStoreDocument, hydratedEntriesFor, initStorefrontRuntime, isJsonValue, isKnownPath, isNestedBlockRef, isPublicPath, isRecord, listSlots, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeProductOptionSelection, orderGalleryImages, overrideComponent, overrideProps, pageSeo, pageThemeSelector, pickProductCardImage, placeStorefrontOrder, prefersReducedMotion, primaryImageUrl, productCardComponentContract, productJsonLd, productOptionSelectionKey, productPlaceholder, productSeo, readHydratedPageData, registerStorefrontBlocks, registerStorefrontEntities, registerStorefrontExtensionPoints, registerStorefrontLoaders, resetPageDiagnostics, resetProductOptionsDeprecationWarnings, resetStorefrontExtensionPoints, resolveAuthAdapter, resolveConfig, resolveDataParams, resolveOverride, resolvePageData, resolvePageDataNeed, resolvePaymentTerms, resolveStorefrontProvider, resolveStorefrontRoute, resolveVariantForSelection, roundCents, routePathParams, runBeforePlaceOrderValve, sectionToJsonSchema, sectionsToBlocks, selectCount, selectDiscountTotal, selectShipping, selectSubtotal, selectTotal, selectionPrice, serializePageData, shellRouterAdapter, signInByEmail, signOutCustomer, signUpCustomer, slugifyStoreName, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, useBlockData, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useHashPath, useInView, useLoader, useMyOrders, useNavigate, usePopOnChange, useProduct, useProducts, useRoutePath, useRouterAdapter, useScrollToTopOnNavigate, useScrolled, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, usedSlots, validateStore, withFacet, withStaticRenderPass };
-//# sourceMappingURL=chunk-6B7H3IZ6.js.map
-//# sourceMappingURL=chunk-6B7H3IZ6.js.map
+export { BEFORE_PLACE_ORDER_VALVE, BLOCK_STRUCTURAL_KEYS, BenefitsRow, BlockDataError, CART_LINE_ANNOTATION_POINT, CATALOG_BODY_BLOCK, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, CollectionCta, CollectionHero, ContentPage, CountdownBand, EmailConfirmationRequiredError, EntityListBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, Link, ManifestoBlock, MediaCarousel, MotifStrip, MyPurchasesPage, NewsletterBand, ORDER_METADATA_POINT, OrderConfirmationPage, OrderTrackingTimeline, PAGE_DATA_SCRIPT_ID, PLACEHOLDER_ASPECTS, PRODUCT_BODY_BLOCK, PRODUCT_CARD_BADGE_POINT, PageDataScope, PaymentTerms, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGallery, ProductGrid, ProductOptionSelector, ProductRail, ProductReviews, ProductSlider, ProductSpecs, ProductSpotlight, PromoBanner, QuantityInput, Reveal, STOREFRONT_COMPONENT_KEYS, STOREFRONT_PAGE_KINDS, STOREFRONT_SLOTS, STORE_BACKEND_PROVIDERS, STORE_COMMERCE_MODES, STORE_DOCUMENT_KIND, STORE_PAYMENT_METHOD_KINDS, STORE_PAYMENT_MODES, STORE_ROUTE_CHROMES, STORE_ROUTE_KINDS, STORE_SECTIONS, STORE_SECTION_NAMES, SealsBand, SearchOverlay, Slot, SmoothImage, StepsSection, StorefrontConfigHost, StorefrontConfigProvider, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontRouterProvider, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, applyStoreSettings, bannerPlaceholder, blockInstanceId, buildEnquiryFromForm, checkPageBlocks, collectDataNeeds, collectOrderMetadata, contentPagePath, createStorefront, createStorefrontApp, currentStaticRenderPass, defaultPageBlocks, entityListBlockMeta, establishCustomerSession, exportStore, formatMoney, formatProductOptionSelection, getCartLineAnnotations, getCheckoutFieldContributions, getCustomerAuthAdapter, getProductCardBadges, getProductOptionGroups, hydrateStoreDocument, hydratedEntriesFor, initStorefrontRuntime, isJsonValue, isKnownPath, isNestedBlockRef, isPublicPath, isRecord, listSlots, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeProductOptionSelection, orderGalleryImages, overrideComponent, overrideProps, pageSeo, pageThemeSelector, pickProductCardImage, placeStorefrontOrder, prefersReducedMotion, primaryImageUrl, productCardComponentContract, productJsonLd, productOptionSelectionKey, productPlaceholder, productSeo, readHydratedPageData, registerStorefrontBlocks, registerStorefrontEntities, registerStorefrontExtensionPoints, registerStorefrontLoaders, resetPageDiagnostics, resetProductOptionsDeprecationWarnings, resetStorefrontExtensionPoints, resolveAuthAdapter, resolveConfig, resolveDataParams, resolveOverride, resolvePageData, resolvePageDataNeed, resolvePaymentTerms, resolveStorefrontProvider, resolveStorefrontRoute, resolveVariantForSelection, roundCents, routePathParams, runBeforePlaceOrderValve, sectionToJsonSchema, sectionsToBlocks, selectCount, selectDiscountTotal, selectRequiresShipping, selectShipping, selectSubtotal, selectTotal, selectionPrice, serializePageData, shellRouterAdapter, signInByEmail, signOutCustomer, signUpCustomer, slugifyStoreName, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, useBlockData, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useHashPath, useInView, useLoader, useMyOrders, useNavigate, usePopOnChange, useProduct, useProducts, useRoutePath, useRouterAdapter, useScrollToTopOnNavigate, useScrolled, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, usedSlots, validateStore, withFacet, withStaticRenderPass };
+//# sourceMappingURL=chunk-SX3J3QIT.js.map
+//# sourceMappingURL=chunk-SX3J3QIT.js.map