@fayz-ai/storefront 0.14.1 → 0.15.0

package/dist/{chunk-LTAB2QMM.js → chunk-AEV2QRRH.js}

@@ -6,7 +6,7 @@ import { setShopCarrierQuotesResolver, setShopAccessTokenResolver, setShopShippi
 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 { isStorageImageUrl, imageVariantUrl, imageSrcSet, IMAGE_SRCSET_WIDTHS, validateDiscount, documentDigits, isChargeableProvider, formatDocument, isValidDocument } from '@fayz-ai/shop';
+import { isStorageImageUrl, imageVariantUrl, imageSrcSet, IMAGE_SRCSET_WIDTHS, validateDiscount, documentDigits, isChargeableProvider, supportsCard, formatDocument, isValidDocument, gatewayLabel } from '@fayz-ai/shop';
 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 { 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';
@@ -1136,10 +1136,12 @@ var TID = {
   authTabSignup: "auth-tab-signup",
   signinEmail: "signin-email",
   signinPassword: "signin-password",
+  signinPasswordConfirm: "signin-password-confirm",
   signinName: "signin-name",
   signinSubmit: "signin-submit",
   authError: "auth-error",
   authNotice: "auth-notice",
+  checkoutExpired: "checkout-expired",
   purchasesList: "purchases-list",
   purchaseItem: "purchase-item",
   purchasesEmpty: "purchases-empty",
@@ -4006,7 +4008,7 @@ function ProductGallery({ product, images, primaryImage, order = "primary" }) {
                   src: current?.url ?? productPlaceholder(product.name),
                   alt: current?.altText ?? product.name,
                   "data-testid": TID.pdpGalleryImage,
-                  className: "h-full w-full object-contain",
+                  className: "h-full w-full object-cover",
                   variant: { sizes: "(min-width: 1024px) 50vw, 100vw" }
                 },
                 current?.id ?? "placeholder"
@@ -7466,6 +7468,41 @@ async function placeStorefrontOrder({
   rememberLocalOrder(order.id);
   return { order, customerId: customerId ?? order.customerId ?? "" };
 }
+function useMyOrders() {
+  const customerId = useSessionStore((s2) => s2.customerId);
+  const email = useSessionStore((s2) => s2.email);
+  const [orders, setOrders] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [tick, setTick] = useState(0);
+  const refresh = useCallback(() => setTick((t) => t + 1), []);
+  useEffect(() => {
+    let cancelled = false;
+    const local = listLocalOrderIds();
+    if (!customerId && !email) {
+      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(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);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId, email, tick]);
+  return { orders, loading, refresh };
+}
 function SignInModal({ defaultEmail = "", onClose, onSignedIn }) {
   const [email, setEmail] = useState(defaultEmail);
   const [password, setPassword] = useState("");
@@ -7653,12 +7690,75 @@ function PulseDot({ className = "" }) {
   ] });
 }
 var POLL_MS = 3e3;
-function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
+var RESUME_KEY = "fz.checkout.resume";
+function useExpiry(expiresAt) {
+  const target = React4.useMemo(() => {
+    if (!expiresAt) return null;
+    const t = new Date(expiresAt).getTime();
+    return Number.isFinite(t) ? t : null;
+  }, [expiresAt]);
+  const [now, setNow] = React4.useState(() => Date.now());
+  React4.useEffect(() => {
+    if (target === null) return;
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, [target]);
+  if (target === null) return { secondsLeft: null, expired: false };
+  const secondsLeft = Math.max(0, Math.round((target - now) / 1e3));
+  return { secondsLeft, expired: secondsLeft === 0 };
+}
+function formatCountdown(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s2 = seconds % 60;
+  return `${m}:${String(s2).padStart(2, "0")}`;
+}
+async function copyText(text) {
+  try {
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+  }
+  try {
+    const area = document.createElement("textarea");
+    area.value = text;
+    area.setAttribute("readonly", "");
+    area.style.position = "fixed";
+    area.style.top = "-1000px";
+    area.style.opacity = "0";
+    document.body.appendChild(area);
+    area.select();
+    area.setSelectionRange(0, text.length);
+    const ok = document.execCommand("copy");
+    document.body.removeChild(area);
+    return ok;
+  } catch {
+    return false;
+  }
+}
+function rememberSession(sessionId, provider) {
+  try {
+    sessionStorage.setItem(RESUME_KEY, JSON.stringify({ sessionId, provider }));
+  } catch {
+  }
+}
+function recallSessionProvider(sessionId) {
+  try {
+    const raw = JSON.parse(sessionStorage.getItem(RESUME_KEY) ?? "null");
+    return raw?.sessionId === sessionId ? raw.provider ?? null : null;
+  } catch {
+    return null;
+  }
+}
+function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable, resume }) {
   const [phase, setPhase] = useState("opening");
   const [charge, setCharge] = useState(null);
+  const expiry = useExpiry(charge?.expiresAt);
   const [total, setTotal] = useState(null);
-  const [sessionId, setSessionId] = useState(null);
-  const [provider, setProvider] = useState(null);
+  const [redirectUrl, setRedirectUrl] = useState(null);
+  const [sessionId, setSessionId] = useState(resume?.sessionId ?? null);
+  const [provider, setProvider] = useState(resume?.provider ?? null);
   const [error, setError] = useState(null);
   const [copied, setCopied] = useState(false);
   const [checking, setChecking] = useState(false);
@@ -7674,15 +7774,27 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
     setPhase("opening");
     setError(null);
     try {
-      const session = await shop.openCheckoutSession(input);
+      const session = await shop.openCheckoutSession({
+        ...input,
+        // Para onde o adquirente devolve o comprador. É esta página, com o id da
+        // sessão pendurado: quem volta volta em página nova, sem estado nenhum.
+        returnUrl: typeof window === "undefined" ? null : window.location.href.split("?")[0]
+      });
       setSessionId(session.sessionId);
       setProvider(session.provider ?? input.provider ?? null);
       setTotal(session.total);
       setCharge(session.charge);
+      if (session.paymentUrl && !session.charge) {
+        setRedirectUrl(session.paymentUrl);
+        setPhase("redirect");
+        return;
+      }
       setPhase(session.charge ? "waiting" : "error");
       if (!session.charge) setError("N\xE3o conseguimos abrir a cobran\xE7a agora.");
     } catch (err) {
-      if (err?.status === 404) {
+      const status = err?.status;
+      const code = err?.code;
+      if (status === 404 || code === "method_unavailable") {
         onUnavailable?.();
         return;
       }
@@ -7693,14 +7805,18 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
   useEffect(() => {
     if (opened.current) return;
     opened.current = true;
+    if (resume?.sessionId) {
+      setPhase("waiting");
+      return;
+    }
     void open();
-  }, [open]);
+  }, [open, resume?.sessionId]);
   const check = useCallback(async () => {
     if (!sessionId || settled.current) return false;
     const shop = getShopProvider();
     if (!shop.settleCheckoutSession) return false;
     try {
-      const result = await shop.settleCheckoutSession(sessionId, provider);
+      const result = await shop.settleCheckoutSession(sessionId, provider, resume?.chargeToken ?? null);
       if (settled.current) return false;
       if (result.state === "paid" && result.orderId) {
         settled.current = true;
@@ -7718,7 +7834,7 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
     } catch {
       return false;
     }
-  }, [sessionId, provider, onPaid]);
+  }, [sessionId, provider, resume?.chargeToken, onPaid]);
   useEffect(() => {
     if (phase !== "waiting" || !sessionId) return;
     let stopped = false;
@@ -7737,13 +7853,52 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
   }
   async function copy() {
     if (!charge?.emv) return;
-    try {
-      await navigator.clipboard.writeText(charge.emv);
+    if (await copyText(charge.emv)) {
       setCopied(true);
       setTimeout(() => setCopied(false), 2400);
-    } catch {
-      toast.error("Copie o c\xF3digo manualmente");
+      return;
     }
+    toast.error("Copie o c\xF3digo manualmente");
+  }
+  if (phase === "redirect" && redirectUrl) {
+    const acquirer = gatewayLabel(provider);
+    return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-4 rounded-xl border bg-card p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-primary" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: acquirer ? `Pague com cart\xE3o na p\xE1gina da ${acquirer}` : "Pague com cart\xE3o" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: acquirer ? `Os dados do cart\xE3o s\xE3o digitados no ambiente seguro da ${acquirer} \u2014 a loja n\xE3o v\xEA o n\xFAmero. Ao terminar, voc\xEA volta para c\xE1 e o pedido \xE9 criado.` : "Os dados do cart\xE3o s\xE3o digitados no ambiente seguro do provedor \u2014 a loja n\xE3o v\xEA o n\xFAmero. Ao terminar, voc\xEA volta para c\xE1 e o pedido \xE9 criado." }),
+      total != null && /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+        "Valor: ",
+        /* @__PURE__ */ jsx("strong", { "data-testid": TID.checkoutPaymentTotal, children: money(total) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (sessionId) rememberSession(sessionId, provider);
+              window.location.assign(redirectUrl);
+            },
+            className: "inline-flex min-h-11 items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+            children: [
+              /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }),
+              acquirer ? `Pagar com ${acquirer}` : "Pagar com cart\xE3o"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onBack,
+            className: "inline-flex min-h-11 items-center rounded-lg border px-4 py-2.5 text-sm font-medium transition hover:bg-muted",
+            children: "Voltar"
+          }
+        )
+      ] })
+    ] });
   }
   if (phase === "opening") {
     return (
@@ -7805,6 +7960,30 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
       ] })
     ] });
   }
+  if (!charge) {
+    return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-3 rounded-xl border bg-card p-6", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(PulseDot, {}),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Confirmando seu pagamento\u2026" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Assim que o pagamento for confirmado, seu pedido aparece aqui. Pode deixar esta tela aberta." }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void confirmPaid();
+          },
+          disabled: checking,
+          className: "inline-flex min-h-11 items-center gap-2 rounded-lg border border-primary px-4 py-2.5 text-sm font-semibold text-primary transition hover:bg-primary/5 disabled:opacity-60",
+          children: [
+            checking ? /* @__PURE__ */ jsx(PulseDot, {}) : /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
+            checking ? "Verificando\u2026" : "J\xE1 paguei"
+          ]
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs("div", { "data-testid": TID.checkoutPayment, className: "space-y-4", "aria-live": "polite", children: [
     /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -7813,12 +7992,14 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
       ] }),
       /* @__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(
+        (charge?.qrcodeBase64 || charge?.qrcodeUrl) && /* @__PURE__ */ jsx(
           "img",
           {
-            src: `data:image/png;base64,${charge.qrcodeBase64}`,
+            src: charge.qrcodeBase64 ? `data:image/png;base64,${charge.qrcodeBase64}` : charge.qrcodeUrl,
             alt: "QR code do Pix",
-            className: "mx-auto h-44 w-44 rounded-lg border bg-white p-2"
+            width: 276,
+            height: 276,
+            className: "mx-auto box-content h-[276px] w-[276px] max-w-full rounded-lg border bg-white p-4"
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -7835,7 +8016,28 @@ function CheckoutPayment({ input, onPaid, onBack, money, onUnavailable }) {
               children: charge?.emv
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-3", children: [
+          expiry.secondsLeft !== null && !expiry.expired && /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [
+            "Este c\xF3digo vale por mais",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums text-foreground", children: formatCountdown(expiry.secondsLeft) })
+          ] }),
+          expiry.expired && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { "data-testid": TID.checkoutExpired, className: "text-sm text-muted-foreground", children: "O prazo deste c\xF3digo acabou. Gere outro para pagar." }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  opened.current = false;
+                  setCharge(null);
+                  void open();
+                },
+                className: "inline-flex min-h-11 items-center gap-2 rounded-lg bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+                children: "Gerar novo c\xF3digo"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-3", hidden: expiry.expired, children: [
             /* @__PURE__ */ jsxs(
               "button",
               {
@@ -7914,8 +8116,52 @@ function SuccessMark() {
     ) })
   ] });
 }
+function useKnownCustomer() {
+  const customerId = useSessionStore((s2) => s2.customerId);
+  const { orders, loading: ordersLoading } = useMyOrders();
+  const [contact, setContact] = useState(null);
+  const [checked, setChecked] = useState(false);
+  useEffect(() => {
+    if (!customerId) {
+      setContact(null);
+      setChecked(true);
+      return;
+    }
+    let cancelled = false;
+    const shop = getShopProvider();
+    Promise.resolve(shop.getCustomer?.(customerId)).then((customer) => {
+      if (cancelled) return;
+      setContact(customer ? { phone: customer.phone ?? null, document: customer.document ?? null } : null);
+    }).catch(() => {
+      if (!cancelled) setContact(null);
+    }).finally(() => {
+      if (!cancelled) setChecked(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId]);
+  const lastAddress = pickLastAddress(orders);
+  return {
+    phone: contact?.phone ?? null,
+    document: contact?.document ?? null,
+    address: lastAddress,
+    ready: checked && !ordersLoading
+  };
+}
+function pickLastAddress(orders) {
+  for (const order of orders) {
+    const address = order.shippingAddress;
+    if (address && (address.postalCode || address.street)) return address;
+  }
+  return null;
+}
 var PAYMENT_LABELS = {
   pix: { label: "Pix", hint: "Voc\xEA recebe a chave para pagar ap\xF3s confirmar o pedido" },
+  // O cartão tem DOIS significados agora, e o texto muda com a loja: sem
+  // adquirente é a maquininha do entregador; com adquirente é a página segura
+  // dele. Ver PAYMENT_HINTS abaixo — prometer "maquininha" para quem vai ser
+  // redirecionado é a loja mentindo sobre a própria entrega.
   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" },
@@ -7964,12 +8210,26 @@ function CheckoutPage() {
   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 requires = (key) => key === "document" || key === "phone" ? gatewayCheckout || fieldPolicy[key]?.visible === true && fieldPolicy[key]?.required === true : fieldPolicy[key]?.visible !== false && fieldPolicy[key]?.required === true;
   const [selectedAddressId, setSelectedAddressId] = useState("new");
   const [savedAddresses, setSavedAddresses] = useState([]);
   const [addressesLoading, setAddressesLoading] = useState(false);
   const [addressMode, setAddressMode] = useState("new");
-  const [paymentMethod, setPaymentMethod] = useState(paymentMethods[0] ?? "pix");
+  const [resume] = useState(() => {
+    if (typeof window === "undefined") return null;
+    const params = new URLSearchParams(window.location.search);
+    const sessionId = params.get("vindi_session") ?? params.get("pay_session");
+    if (!sessionId) return null;
+    return {
+      sessionId,
+      provider: recallSessionProvider(sessionId),
+      chargeToken: params.get("token_transaction")
+    };
+  });
+  const [paymentMethod, setPaymentMethod] = useState(
+    resume ? "credit_card" : paymentMethods[0] ?? "pix"
+  );
+  const known = useKnownCustomer();
   const [form, setForm] = useState({
     email: session.email ?? "",
     name: session.name ?? "",
@@ -7983,7 +8243,22 @@ function CheckoutPage() {
     district: "",
     state: ""
   });
-  const [step, setStep] = useState(1);
+  React4.useEffect(() => {
+    if (!known.ready) return;
+    setForm((current) => ({
+      ...current,
+      phone: current.phone || known.phone || "",
+      document: current.document || known.document || "",
+      zip: current.zip || known.address?.postalCode || "",
+      street: current.street || known.address?.street || "",
+      number: current.number || known.address?.number || "",
+      complement: current.complement || known.address?.complement || "",
+      district: current.district || known.address?.district || "",
+      city: current.city || known.address?.city || "",
+      state: current.state || known.address?.state || ""
+    }));
+  }, [known.ready, known.phone, known.document, known.address]);
+  const [step, setStep] = useState(resume ? 3 : 1);
   const [paidOrderId, setPaidOrderId] = useState(null);
   const [error, setError] = useState(null);
   const [discountCode, setDiscountCode] = useState("");
@@ -8006,7 +8281,26 @@ function CheckoutPage() {
       quantity: line.quantity,
       optionsLabel: line.optionsLabel ?? null
     })),
-    customer: { name: form.name.trim(), email: form.email.trim() },
+    // The document and the phone travel WITH the buyer, not only inside the
+    // address.
+    //
+    // The acquirer charges a PERSON: Vindi refuses a charge with no document
+    // ("Informe o CPF ou CNPJ do comprador"), and AbacatePay's customer block is
+    // all-or-nothing — name, email, taxId and cellphone, or no customer at all.
+    // With two of the four it had been opening charges while registering nobody,
+    // which is the "no client was created" the store saw in the provider account.
+    //
+    // The field was already asked for on screen: with an acquirer connected,
+    // `requires('document')` is true and nobody gets past step 1 without filling
+    // it in. What was missing was forwarding it to whoever charges. On the ORDER
+    // it still travels inside the address, because of shop_place_order's
+    // signature — different roads.
+    customer: {
+      name: form.name.trim(),
+      email: form.email.trim(),
+      document: documentDigits(form.document) || void 0,
+      phone: form.phone.trim() || void 0
+    },
     shippingAddress: {
       postalCode: form.zip.trim(),
       street: form.street.trim(),
@@ -8026,12 +8320,21 @@ function CheckoutPage() {
     provider: policy?.paymentProvider ?? null
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [cart.lines, cart.discountCode, form, paymentMethod, policy?.paymentProvider]);
-  const [acquirerMissing, setAcquirerMissing] = useState(false);
-  const chargesOnline = paymentMethod === "pix" && !acquirerMissing && (!policy?.paymentProvider || isChargeableProvider(policy.paymentProvider));
+  const [unavailable, setUnavailable] = useState([]);
+  const cardIsCharged = !unavailable.includes("credit_card") && (!policy?.paymentProvider || isChargeableProvider(policy.paymentProvider)) && (!policy?.paymentProvider || supportsCard(policy.paymentProvider));
+  const acquirerMissing = unavailable.includes(paymentMethod);
+  const chargesOnline = (
+    // Pix é cobrado dentro da loja; cartão é pago na página do adquirente e
+    // volta para cá. Débito, dinheiro e "combinar" nunca foram cobrança online.
+    // `cardIsCharged` rather than a bare `credit_card`: card is charged online
+    // only where the acquirer charges cards. Where it does not, this screen
+    // offers the order without a charge — the card-reader road, as it always was.
+    (paymentMethod === "pix" || paymentMethod === "credit_card" && cardIsCharged) && !acquirerMissing && (!policy?.paymentProvider || isChargeableProvider(policy.paymentProvider))
+  );
   const money = (value) => formatMoney(value, config.currency, config.locale);
   useEffect(() => {
-    if (cart.lines.length === 0 && !paidOrderId && !leaving.current) navigateTo(config.catalogPath);
-  }, [cart.lines.length, config.catalogPath, paidOrderId]);
+    if (cart.lines.length === 0 && !paidOrderId && !leaving.current && !resume) navigateTo(config.catalogPath);
+  }, [cart.lines.length, config.catalogPath, paidOrderId, resume]);
   const set = (key) => (value) => {
     setError(null);
     setForm((current) => ({ ...current, [key]: value }));
@@ -8218,8 +8521,13 @@ function CheckoutPage() {
     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);
+    if (step === 1 && validateContact()) {
+      void getShopProvider().saveCustomerContact?.({
+        phone: form.phone.trim() || null,
+        document: documentDigits(form.document) || null
+      });
+      goToStep(2);
+    } else if (step === 2 && validateDelivery()) goToStep(3);
   }
   async function confirmWithoutCharge() {
     if (!validate()) return;
@@ -8491,7 +8799,8 @@ function CheckoutPage() {
               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 base = PAYMENT_LABELS[method];
+                  const copy = method === "credit_card" && cardIsCharged ? { ...base, hint: "Voc\xEA paga na p\xE1gina segura do provedor e volta para a loja" } : base;
                   const selected = paymentMethod === method;
                   return (
                     // Cada forma de pagamento abre o que ELA pede, embaixo dela
@@ -8525,7 +8834,8 @@ function CheckoutPage() {
                           input: checkoutSessionInput,
                           money,
                           onBack: () => goToStep(2),
-                          onUnavailable: () => setAcquirerMissing(true),
+                          resume,
+                          onUnavailable: () => setUnavailable((list) => list.includes(method) ? list : [...list, method]),
                           onPaid: (orderId) => {
                             leaving.current = true;
                             setPaidOrderId(orderId);
@@ -9133,45 +9443,11 @@ function OrderConfirmationPage({ orderId }) {
     }
   );
 }
-function useMyOrders() {
-  const customerId = useSessionStore((s2) => s2.customerId);
-  const email = useSessionStore((s2) => s2.email);
-  const [orders, setOrders] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [tick, setTick] = useState(0);
-  const refresh = useCallback(() => setTick((t) => t + 1), []);
-  useEffect(() => {
-    let cancelled = false;
-    const local = listLocalOrderIds();
-    if (!customerId && !email) {
-      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(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);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [customerId, email, tick]);
-  return { orders, loading, refresh };
-}
 function AuthForm() {
   const [mode, setMode] = useState("signin");
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
   const [name, setName] = useState("");
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState(null);
@@ -9185,6 +9461,10 @@ function AuthForm() {
       setError("Informe seu nome.");
       return;
     }
+    if (mode === "signup" && password !== confirmPassword) {
+      setError("As senhas n\xE3o s\xE3o iguais.");
+      return;
+    }
     setBusy(true);
     try {
       if (mode === "signup") await signUpCustomer(email, password, name.trim());
@@ -9260,6 +9540,20 @@ function AuthForm() {
           style: { borderRadius: "var(--sf-radius-input)" }
         }
       ),
+      mode === "signup" && /* @__PURE__ */ jsx(
+        "input",
+        {
+          "data-testid": TID.signinPasswordConfirm,
+          type: "password",
+          required: true,
+          placeholder: "Confirmar senha",
+          value: confirmPassword,
+          onChange: (e) => setConfirmPassword(e.target.value),
+          "aria-invalid": confirmPassword.length > 0 && password !== confirmPassword,
+          className: "w-full border bg-background px-3 py-2.5 text-sm",
+          style: { borderRadius: "var(--sf-radius-input)" }
+        }
+      ),
       notice && /* @__PURE__ */ jsx("p", { "data-testid": TID.authNotice, className: "text-sm font-medium text-emerald-700", children: notice }),
       error && /* @__PURE__ */ jsx("p", { "data-testid": TID.authError, className: "text-sm text-destructive", children: error }),
       /* @__PURE__ */ jsx(
@@ -11123,5 +11417,5 @@ ${formatErrors(report.errors)}`;
 }
 
 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-LTAB2QMM.js.map
-//# sourceMappingURL=chunk-LTAB2QMM.js.map
+//# sourceMappingURL=chunk-AEV2QRRH.js.map
+//# sourceMappingURL=chunk-AEV2QRRH.js.map