@fayz-ai/storefront 0.57.0 → 0.59.0

package/dist/{chunk-XH6JP63K.js → chunk-HTVC74PL.js}

@@ -8,7 +8,7 @@ import { normalizePostalCode, getCountrySchema, lookupPostalCode, defaultRouterA
 import React38, { 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, supportsCard, formatDocument, gatewayLabel, isValidDocument } from '@fayz-ai/shop';
-import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Menu, Trash2, MapPin, Lock, CreditCard, Store, Bike, Clock, Star, Phone, User, UserCircle, Package, LogOut, QrCode, Copy, XCircle, RotateCcw, PackageCheck, Info, AlertCircle } from 'lucide-react';
+import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Menu, Trash2, MapPin, Lock, CreditCard, UserRound, Store, Bike, Clock, Pencil, Star, Phone, User, UserCircle, Package, LogOut, QrCode, Copy, XCircle, RotateCcw, PackageCheck, ChefHat, 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';
 import { createMockShopProvider } from '@fayz-ai/shop/mock';
@@ -10483,7 +10483,8 @@ function etaParts(minutes) {
   }
   return { approx: false, text: `${Math.ceil(m / 60)} h` };
 }
-function StoreCover({ onShowHours }) {
+function StoreCover({ onShowHours, onOpenAccount }) {
+  const sessionName = useSessionStore((s2) => s2.name || s2.email);
   const config = useStorefrontConfig();
   const t = useT();
   const cover = config.delivery?.coverImage;
@@ -10517,7 +10518,18 @@ function StoreCover({ onShowHours }) {
         className: "absolute inset-0 -z-10 bg-gradient-to-b from-black/30 via-black/45 to-black/75"
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-4 pb-4 pt-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative mx-auto w-full max-w-3xl px-4 pb-4 pt-8", children: [
+      onOpenAccount && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onOpenAccount,
+          "data-testid": "store-account",
+          "aria-label": sessionName ? "Sua conta" : "Entrar ou cadastrar",
+          className: "absolute right-4 top-3 grid h-10 w-10 place-items-center rounded-full bg-black/40 text-sm font-bold ring-1 ring-white/25 backdrop-blur",
+          children: sessionName ? sessionName.slice(0, 1).toUpperCase() : /* @__PURE__ */ jsx(UserRound, { className: "h-5 w-5" })
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 [text-shadow:0_1px_3px_rgb(0_0_0_/_0.7)]", children: [
         /* @__PURE__ */ jsx("div", { className: "grid h-14 w-14 shrink-0 place-items-center overflow-hidden rounded-xl bg-white/10 ring-1 ring-white/20", children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "", "aria-hidden": true, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-xl font-bold", children: config.name.slice(0, 1) }) }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -10600,11 +10612,21 @@ function AddressStrip({
   const type = delivery.fulfillmentType;
   const isPickup = type === "pickup";
   const money = (v) => formatMoney(v, config.currency, config.locale);
+  const subtotal = selectSubtotal(useCartStore());
+  const resolve = useDeliveryStore((s2) => s2.resolve);
+  const quotedOnce = React38.useRef(false);
+  React38.useEffect(() => {
+    if (quotedOnce.current || isPickup) return;
+    if (delivery.status !== "idle" || delivery.options.length > 0 || !delivery.postalCode) return;
+    quotedOnce.current = true;
+    void resolve(delivery.postalCode, subtotal, delivery.country);
+  }, [isPickup, delivery.status, delivery.options.length, delivery.postalCode, delivery.country, subtotal, resolve]);
   const option = delivery.options.find((o) => o.zoneId === delivery.selectedZoneId) ?? delivery.options[0];
   const chosen = delivery.savedAddresses.find((a) => a.id === delivery.selectedAddressId);
   const pickup = config.delivery?.pickupAddress;
-  const feeLine = isPickup ? "Sem taxa de entrega" : option ? option.free ? "Entrega gr\xE1tis" : money(option.rate) : `A partir de ${money(config.shipping.flatRate)}`;
-  const etaLine = option?.etaMaxDays != null ? ` \u2022 at\xE9 ${option.etaMaxDays} dia(s)` : "";
+  const rate = option ? resolveOptionRate(option, subtotal) : null;
+  const feeLine = isPickup ? "Sem taxa de entrega" : delivery.status === "loading" ? "Calculando a taxa\u2026" : delivery.status === "unserved" ? "N\xE3o entregamos neste endere\xE7o" : rate != null ? rate === 0 ? "Entrega gr\xE1tis" : money(rate) : config.shipping.flatRate > 0 ? `A partir de ${money(config.shipping.flatRate)}` : "Taxa conforme o endere\xE7o";
+  const etaLine = option?.etaMaxDays != null && !config.delivery?.etaMinutes ? ` \u2022 at\xE9 ${option.etaMaxDays} ${option.etaMaxDays === 1 ? "dia" : "dias"}` : "";
   return /* @__PURE__ */ jsxs("div", { "data-testid": TID.addressStrip, className: "border-b border-border bg-background", children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -11229,13 +11251,51 @@ function ClosedStoreDialog({
   );
 }
 var LABELS3 = ["Casa", "Trabalho"];
-function AddressSheet({ onClose }) {
+function AddressSheet({ onClose, onSignIn }) {
   const saved = useDeliveryStore((s2) => s2.savedAddresses);
   const selectedId = useDeliveryStore((s2) => s2.selectedAddressId);
   const selectAddress = useDeliveryStore((s2) => s2.selectAddress);
   const removeAddress = useDeliveryStore((s2) => s2.removeAddress);
+  const saveAddress = useDeliveryStore((s2) => s2.saveAddress);
+  const current = useDeliveryStore((s2) => s2.address);
   const subtotal = selectSubtotal(useCartStore());
-  const [adding, setAdding] = React38.useState(saved.length === 0);
+  const customerId = useSessionStore((s2) => s2.customerId);
+  const accountBook = useAccountAddresses(customerId);
+  const unsavedCurrent = current && !saved.some((a) => a.id === selectedId) ? current : null;
+  const fromAccount = accountBook.filter((a) => !saved.some((b) => normalizePostalCode(b.postalCode) === normalizePostalCode(a.postalCode) && b.number.trim().toLowerCase() === (a.number ?? "").trim().toLowerCase()));
+  const nothingToList = saved.length === 0 && !unsavedCurrent && fromAccount.length === 0 && !customerId;
+  const [editing, setEditing] = React38.useState(
+    nothingToList && !onSignIn ? {} : null
+  );
+  function pickAccountAddress(a) {
+    const id = saveAddress({
+      label: a.label ?? null,
+      postalCode: a.postalCode,
+      street: a.street,
+      number: a.number ?? "",
+      complement: a.complement ?? null,
+      reference: null,
+      district: a.district ?? "",
+      city: a.city,
+      state: a.state,
+      country: a.country
+    });
+    void selectAddress(id, subtotal);
+    onClose();
+  }
+  const closeRef = React38.useRef(() => {
+  });
+  closeRef.current = () => {
+    if (editing && !nothingToList) setEditing(null);
+    else onClose();
+  };
+  React38.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") closeRef.current();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -11243,20 +11303,23 @@ function AddressSheet({ onClose }) {
       "aria-modal": "true",
       "aria-label": "Endere\xE7o de entrega",
       "data-testid": TID.addressSheet,
+      onClick: (e) => {
+        if (e.target === e.currentTarget) onClose();
+      },
       className: "fixed inset-0 z-50 flex flex-col justify-end bg-black/50 sm:items-center sm:justify-center sm:p-6",
       children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-[85vh] w-full flex-col overflow-hidden rounded-t-2xl bg-background sm:max-w-md sm:rounded-2xl", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border p-4", children: [
-          adding && saved.length > 0 && /* @__PURE__ */ jsx(
+          editing && !nothingToList && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              onClick: () => setAdding(false),
+              onClick: () => setEditing(null),
               "aria-label": "Voltar",
               className: "-ml-2 grid h-9 w-9 place-items-center rounded-full",
               children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
             }
           ),
-          /* @__PURE__ */ jsx("h2", { className: "flex-1 text-lg font-semibold", children: adding ? "Novo endere\xE7o" : "Onde voc\xEA quer receber?" }),
+          /* @__PURE__ */ jsx("h2", { className: "flex-1 text-lg font-semibold", children: editing ? editing.replaces ? "Editar endere\xE7o" : "Novo endere\xE7o" : "Onde voc\xEA quer receber?" }),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -11268,60 +11331,122 @@ function AddressSheet({ onClose }) {
             }
           )
         ] }),
-        adding ? /* @__PURE__ */ jsx(
+        editing ? /* @__PURE__ */ jsx(
           AddressForm2,
           {
+            initial: editing.initial,
+            replaces: editing.replaces,
             onDone: () => {
-              setAdding(false);
+              setEditing(null);
               onClose();
             }
           }
         ) : /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
-          /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: saved.map((address) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ jsxs(
+          unsavedCurrent && /* @__PURE__ */ jsxs("section", { className: "mb-4", "data-testid": "address-current", children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Endere\xE7o atual" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-primary p-3", children: [
+              /* @__PURE__ */ jsx(MapPin, { className: "mt-0.5 h-5 w-5 shrink-0 text-primary" }),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-sm", children: unsavedCurrent.street }),
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: [unsavedCurrent.district, unsavedCurrent.city].filter(Boolean).join(" \xB7 ") })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": "address-complete-current",
+                  onClick: () => setEditing({ initial: { postalCode: unsavedCurrent.postalCode } }),
+                  className: "shrink-0 text-sm font-semibold text-primary",
+                  children: "Completar"
+                }
+              )
+            ] })
+          ] }),
+          saved.length > 0 && /* @__PURE__ */ jsxs("section", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Seus endere\xE7os" }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: saved.map((address) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": TID.savedAddress(address.id),
+                  "aria-pressed": selectedId === address.id,
+                  onClick: () => {
+                    void selectAddress(address.id, subtotal);
+                    onClose();
+                  },
+                  className: `flex min-w-0 flex-1 items-start gap-3 rounded-lg border p-3 text-left ${selectedId === address.id ? "border-primary" : "border-border"}`,
+                  children: [
+                    selectedId === address.id ? /* @__PURE__ */ jsx(Check, { className: "mt-0.5 h-5 w-5 shrink-0 text-primary" }) : /* @__PURE__ */ jsx(MapPin, { className: "mt-0.5 h-5 w-5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx(AddressLines, { address })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": `edit-address-${address.id}`,
+                  onClick: () => setEditing({ initial: address, replaces: address.id }),
+                  "aria-label": `Editar ${address.street}, ${address.number}`,
+                  className: "mt-1 grid h-10 w-10 shrink-0 place-items-center rounded-full text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => removeAddress(address.id),
+                  "aria-label": `Remover ${address.street}, ${address.number}`,
+                  className: "mt-1 grid h-10 w-10 shrink-0 place-items-center rounded-full text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                }
+              )
+            ] }, address.id)) })
+          ] }),
+          fromAccount.length > 0 && /* @__PURE__ */ jsxs("section", { className: "mb-4", "data-testid": "address-account-book", children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Da sua conta" }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: fromAccount.map((address) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
-                "data-testid": TID.savedAddress(address.id),
-                "aria-pressed": selectedId === address.id,
-                onClick: () => {
-                  void selectAddress(address.id, subtotal);
-                  onClose();
-                },
-                className: `flex min-w-0 flex-1 items-start gap-3 rounded-lg border p-3 text-left ${selectedId === address.id ? "border-primary" : "border-border"}`,
+                onClick: () => pickAccountAddress(address),
+                className: "flex w-full min-w-0 items-start gap-3 rounded-lg border border-border p-3 text-left",
                 children: [
                   /* @__PURE__ */ jsx(MapPin, { className: "mt-0.5 h-5 w-5 shrink-0 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-                    address.label && /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold", children: address.label }),
-                    /* @__PURE__ */ jsxs("span", { className: "block truncate text-sm", children: [
-                      address.street,
-                      ", ",
-                      address.number
-                    ] }),
-                    /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: [address.complement, address.district, address.city].filter(Boolean).join(" \xB7 ") }),
-                    address.reference && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: address.reference })
-                  ] })
+                  /* @__PURE__ */ jsx(AddressLines, { address: {
+                    label: address.label ?? null,
+                    street: address.street,
+                    number: address.number ?? "",
+                    complement: address.complement ?? null,
+                    district: address.district ?? "",
+                    city: address.city,
+                    reference: null
+                  } })
                 ]
               }
-            ),
+            ) }, address.id)) })
+          ] }),
+          !customerId && onSignIn && /* @__PURE__ */ jsxs("div", { "data-testid": "address-sign-in", className: "mb-4 rounded-lg bg-muted/40 p-3 text-sm", children: [
+            /* @__PURE__ */ jsx("p", { children: "Entre na sua conta para usar os endere\xE7os salvos nela." }),
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                onClick: () => removeAddress(address.id),
-                "aria-label": `Remover ${address.street}, ${address.number}`,
-                className: "mt-1 grid h-10 w-10 shrink-0 place-items-center rounded-full text-muted-foreground",
-                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                onClick: onSignIn,
+                className: "mt-2 font-semibold text-primary",
+                children: "Entrar ou criar conta"
               }
             )
-          ] }, address.id)) }),
+          ] }),
           /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
               "data-testid": TID.addressAddNew,
-              onClick: () => setAdding(true),
-              className: "mt-4 flex w-full items-center justify-center gap-2 rounded-full border border-border px-4 py-3 text-sm font-semibold",
+              onClick: () => setEditing({}),
+              className: "flex w-full items-center justify-center gap-2 rounded-full border border-border px-4 py-3 text-sm font-semibold",
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
                 "Adicionar novo endere\xE7o"
@@ -11333,19 +11458,52 @@ function AddressSheet({ onClose }) {
     }
   );
 }
-function AddressForm2({ onDone }) {
+function AddressLines({ address }) {
+  return /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+    address.label && /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold", children: address.label }),
+    /* @__PURE__ */ jsxs("span", { className: "block truncate text-sm", children: [
+      address.street,
+      address.number ? `, ${address.number}` : ""
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: [address.complement, address.district, address.city].filter(Boolean).join(" \xB7 ") }),
+    address.reference && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: address.reference })
+  ] });
+}
+function useAccountAddresses(customerId) {
+  const [rows, setRows] = React38.useState([]);
+  React38.useEffect(() => {
+    if (!customerId) {
+      setRows([]);
+      return;
+    }
+    const shop = getShopProvider();
+    if (typeof shop.listCustomerAddresses !== "function") return;
+    let cancelled = false;
+    shop.listCustomerAddresses(customerId).then((list) => {
+      if (!cancelled) setRows(list);
+    }).catch(() => {
+      if (!cancelled) setRows([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId]);
+  return rows;
+}
+function AddressForm2({ onDone, initial: initial2, replaces }) {
   const resolve = useDeliveryStore((s2) => s2.resolve);
   const saveAddress = useDeliveryStore((s2) => s2.saveAddress);
+  const removeAddress = useDeliveryStore((s2) => s2.removeAddress);
   const looked = useDeliveryStore((s2) => s2.address);
   const status = useDeliveryStore((s2) => s2.status);
   const storeError = useDeliveryStore((s2) => s2.error);
   const refusedZone = useDeliveryStore((s2) => s2.refusedZone);
   const subtotal = selectSubtotal(useCartStore());
-  const [cep, setCep] = React38.useState("");
-  const [number, setNumber] = React38.useState("");
-  const [complement, setComplement] = React38.useState("");
-  const [reference, setReference] = React38.useState("");
-  const [label, setLabel] = React38.useState("");
+  const [cep, setCep] = React38.useState(initial2?.postalCode ? formatPostalCode(initial2.postalCode) : "");
+  const [number, setNumber] = React38.useState(initial2?.number ?? "");
+  const [complement, setComplement] = React38.useState(initial2?.complement ?? "");
+  const [reference, setReference] = React38.useState(initial2?.reference ?? "");
+  const [label, setLabel] = React38.useState(initial2?.label ?? "");
   const [touched, setTouched] = React38.useState(false);
   const numberRef = React38.useRef(null);
   const digits = normalizePostalCode(cep);
@@ -11357,10 +11515,17 @@ function AddressForm2({ onDone }) {
     if (digits.length !== 8) return;
     await resolve(digits, subtotal);
   }
+  const prefilled = React38.useRef(false);
+  React38.useEffect(() => {
+    if (prefilled.current || !initial2?.postalCode) return;
+    prefilled.current = true;
+    if (!found) void lookUp();
+  }, []);
   function submit(event) {
     event.preventDefault();
     setTouched(true);
     if (!found || !number.trim()) return;
+    if (replaces) removeAddress(replaces);
     saveAddress({
       label: label.trim() || null,
       postalCode: looked.postalCode,
@@ -11509,6 +11674,117 @@ function AddressForm2({ onDone }) {
     ] })
   ] });
 }
+
+// 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}`;
+}
+function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
+  const session = useSessionStore();
+  const signedIn = Boolean(session.email);
+  const name = session.name || session.email?.split("@")[0] || "";
+  React38.useEffect(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  const go = (path) => {
+    onClose();
+    navigateTo(path);
+  };
+  const row = "flex w-full items-center gap-3 px-5 py-3.5 text-left text-sm font-medium hover:bg-muted/50";
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex justify-end", role: "dialog", "aria-modal": "true", "aria-label": "Sua conta", "data-testid": "account-drawer", children: [
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Fechar", onClick: onClose, className: "absolute inset-0 bg-black/50" }),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex h-full w-[85%] max-w-sm flex-col overflow-y-auto bg-background text-foreground shadow-xl", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end p-2", children: /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": "Fechar", className: "grid h-10 w-10 place-items-center rounded-full", children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) }) }),
+      signedIn ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-border px-5 pb-4", "data-testid": "account-drawer-user", children: [
+        /* @__PURE__ */ jsx("span", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-primary/15 font-bold text-primary", children: name.slice(0, 1).toUpperCase() }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate font-semibold", children: name }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: session.email })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": "account-drawer-sign-in",
+          onClick: () => {
+            onClose();
+            onSignIn();
+          },
+          className: "flex items-center gap-3 border-b border-border px-5 pb-4 text-left",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(User, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 font-semibold", children: "Entre ou cadastre-se" }),
+            /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 text-muted-foreground" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("nav", { className: "py-2", "aria-label": "Sua conta", children: [
+        /* @__PURE__ */ jsxs("button", { type: "button", className: row, "data-testid": "account-drawer-orders", onClick: () => go(accountSectionPath("orders")), children: [
+          /* @__PURE__ */ jsx(Package, { className: "h-5 w-5 text-muted-foreground" }),
+          " Meus pedidos"
+        ] }),
+        /* @__PURE__ */ jsxs("button", { type: "button", className: row, "data-testid": "account-drawer-addresses", onClick: () => {
+          onClose();
+          onAddresses();
+        }, children: [
+          /* @__PURE__ */ jsx(MapPin, { className: "h-5 w-5 text-muted-foreground" }),
+          " Meus endere\xE7os"
+        ] }),
+        signedIn && /* @__PURE__ */ jsxs("button", { type: "button", className: row, "data-testid": "account-drawer-profile", onClick: () => go(accountSectionPath("profile")), children: [
+          /* @__PURE__ */ jsx(User, { className: "h-5 w-5 text-muted-foreground" }),
+          " Meus dados"
+        ] }),
+        onShowHours && /* @__PURE__ */ jsxs("button", { type: "button", className: row, onClick: () => {
+          onClose();
+          onShowHours();
+        }, children: [
+          /* @__PURE__ */ jsx(Clock, { className: "h-5 w-5 text-muted-foreground" }),
+          " Hor\xE1rios de funcionamento"
+        ] })
+      ] }),
+      signedIn && /* @__PURE__ */ jsx("div", { className: "mt-auto border-t border-border py-2", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `${row} text-destructive`,
+          "data-testid": "account-drawer-sign-out",
+          onClick: () => {
+            void signOutCustomer().finally(onClose);
+          },
+          children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "h-5 w-5" }),
+            " Sair"
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
 var HIGHLIGHT_LIMIT = 6;
 function MenuPage() {
   const config = useStorefrontConfig();
@@ -11517,6 +11793,8 @@ function MenuPage() {
   const [showHours, setShowHours] = React38.useState(false);
   const [showClosed, setShowClosed] = React38.useState(false);
   const [showAddress, setShowAddress] = React38.useState(false);
+  const [showAccount, setShowAccount] = React38.useState(false);
+  const [showSignIn, setShowSignIn] = React38.useState(false);
   const [showSchedule, setShowSchedule] = React38.useState(false);
   const [query, setQuery] = React38.useState("");
   const serviceState = useServiceStore();
@@ -11618,7 +11896,7 @@ function MenuPage() {
     // pb-28 reserva o espaço da barra fixa do carrinho: conteúdo escondido
     // atrás de um elemento fixo é a falha mais comum de barra inferior.
     /* @__PURE__ */ jsxs("main", { "data-testid": TID.menuPage, className: "w-full pb-28", children: [
-      /* @__PURE__ */ jsx(StoreCover, { onShowHours: () => setShowHours(true) }),
+      /* @__PURE__ */ jsx(StoreCover, { onShowHours: () => setShowHours(true), onOpenAccount: () => setShowAccount(true) }),
       /* @__PURE__ */ jsx(
         AddressStrip,
         {
@@ -11716,7 +11994,26 @@ function MenuPage() {
           )
         }
       ),
-      showAddress && /* @__PURE__ */ jsx(AddressSheet, { onClose: () => setShowAddress(false) }),
+      showAddress && /* @__PURE__ */ jsx(
+        AddressSheet,
+        {
+          onClose: () => setShowAddress(false),
+          onSignIn: () => {
+            setShowAddress(false);
+            setShowSignIn(true);
+          }
+        }
+      ),
+      showAccount && /* @__PURE__ */ jsx(
+        AccountDrawer,
+        {
+          onClose: () => setShowAccount(false),
+          onSignIn: () => setShowSignIn(true),
+          onAddresses: () => setShowAddress(true),
+          onShowHours: () => setShowHours(true)
+        }
+      ),
+      showSignIn && /* @__PURE__ */ jsx(SignInModal, { onClose: () => setShowSignIn(false), onSignedIn: () => setShowSignIn(false) }),
       showHours && /* @__PURE__ */ jsx(ServiceHoursModal, { onClose: () => setShowHours(false) }),
       showSchedule && /* @__PURE__ */ jsx(ScheduleSheet, { onClose: () => setShowSchedule(false) }),
       showClosed && /* @__PURE__ */ jsx(
@@ -11768,7 +12065,46 @@ function isPaid(status) {
 function isRefunded(status) {
   return status === "refunded" || status === "partially_refunded";
 }
+function deliverySteps(order) {
+  const stage = order.deliveryStage;
+  const pickup = order.fulfillmentType === "pickup";
+  const received = {
+    id: "received",
+    label: "Pedido recebido",
+    description: `#${order.orderNumber}`,
+    state: "complete",
+    icon: Check
+  };
+  if (stage === "rejected" || stage === "cancelled") {
+    const refunded = isRefunded(order.financialStatus) || order.financialStatus === "voided";
+    return [
+      received,
+      {
+        id: "closed",
+        label: stage === "rejected" ? "Pedido n\xE3o aceito" : "Pedido cancelado",
+        description: [order.rejectReason, refunded ? "Valor estornado" : null].filter(Boolean).join(" \xB7 ") || "A loja cancelou este pedido",
+        state: "cancelled",
+        icon: XCircle
+      }
+    ];
+  }
+  const rank = { new: 0, accepted: 1, out_for_delivery: 2, delivered: 3 }[stage] ?? 0;
+  const state = (step) => rank > step ? "complete" : rank === step ? "current" : "pending";
+  return [
+    { ...received, state: rank === 0 ? "current" : "complete", description: rank === 0 ? "Aguardando a loja aceitar" : received.description },
+    { id: "accepted", label: "Em preparo", description: "A loja aceitou seu pedido", state: state(1), icon: ChefHat },
+    {
+      id: "out",
+      label: pickup ? "Pronto para retirada" : "Saiu para entrega",
+      description: pickup ? "Pode vir buscar" : "A caminho de voc\xEA",
+      state: state(2),
+      icon: pickup ? Store : Bike
+    },
+    { id: "delivered", label: pickup ? "Retirado" : "Entregue", description: "Bom apetite!", state: rank === 3 ? "complete" : "pending", icon: PackageCheck }
+  ];
+}
 function orderTrackingSteps(order) {
+  if (order.deliveryStage) return deliverySteps(order);
   const received = {
     id: "received",
     label: "Pedido recebido",
@@ -11877,32 +12213,6 @@ 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 },
@@ -12451,12 +12761,30 @@ function ProfilePanel() {
 }
 function AddressesPanel() {
   const config = useStorefrontConfig();
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border bg-card p-6", children: [
+  const customerId = useSessionStore((s2) => s2.customerId);
+  const account = useAccountAddresses(customerId);
+  const browser = useDeliveryStore((s2) => s2.savedAddresses);
+  const removeAddress = useDeliveryStore((s2) => s2.removeAddress);
+  const empty = account.length === 0 && browser.length === 0;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border bg-card p-6", "data-testid": "account-addresses", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(MapPin, { className: "h-5 w-5 text-primary" }),
       /* @__PURE__ */ jsx("h2", { className: "sf-heading text-lg font-semibold", children: "Endere\xE7os" })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Voc\xEA informa o endere\xE7o de entrega no checkout. Em breve ser\xE1 poss\xEDvel salvar endere\xE7os para reutilizar nas pr\xF3ximas compras." }),
+    empty ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Nenhum endere\xE7o salvo ainda. Ele fica salvo quando voc\xEA informa onde receber no card\xE1pio ou no checkout." }) : /* @__PURE__ */ jsxs("ul", { className: "mt-4 space-y-2", children: [
+      account.map((a) => /* @__PURE__ */ jsxs("li", { className: "rounded-lg border p-3 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: a.label ?? `${a.street}${a.number ? `, ${a.number}` : ""}` }),
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: [a.label ? `${a.street}${a.number ? `, ${a.number}` : ""}` : null, a.complement, a.district, a.city].filter(Boolean).join(" \xB7 ") })
+      ] }, `account-${a.id}`)),
+      browser.map((a) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 rounded-lg border p-3 text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block font-medium", children: a.label ?? `${a.street}, ${a.number}` }),
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: [a.label ? `${a.street}, ${a.number}` : null, a.complement, a.district, a.city].filter(Boolean).join(" \xB7 ") }),
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-[11px] text-muted-foreground", children: "Salvo neste aparelho" })
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeAddress(a.id), className: "text-xs font-semibold text-destructive", children: "Remover" })
+      ] }, a.id))
+    ] }),
     /* @__PURE__ */ jsx(Link, { to: config.catalogPath, className: "mt-4 inline-block text-sm font-semibold text-primary underline", children: "Continuar comprando" })
   ] });
 }
@@ -14194,5 +14522,5 @@ ${formatErrors(report.errors)}`;
 }
 
 export { AddressForm, AddressSheet, AddressStrip, BEFORE_PLACE_ORDER_VALVE, BLOCK_STRUCTURAL_KEYS, BUYER_COUNTRY_COOKIE, BenefitsRow, BlockDataError, CART_LINE_ANNOTATION_POINT, CATALOG_BODY_BLOCK, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, ClosedStoreDialog, CollectionCta, CollectionHero, ContentPage, CountdownBand, CountrySelect, DeliverToPicker, EmailConfirmationRequiredError, EntityListBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, ItemSheet, Link, MESSAGES, ManifestoBlock, MediaCarousel, MenuItemRow, MenuPage, MenuToolbar, 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, ScheduleSheet, SealsBand, SearchOverlay, ServiceHoursModal, Slot, SmoothImage, StepsSection, StoreCover, StorefrontConfigHost, StorefrontConfigProvider, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontRouterProvider, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, applyDeliveryPolicy, 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, marketForCountry, marketUnitPrice, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeLanguage, 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, selectIsOpen, selectRequiresShipping, selectShipping, selectShowsHours, selectSubtotal, selectTotal, selectionPrice, serializePageData, shellRouterAdapter, signInByEmail, signOutCustomer, signUpCustomer, slugifyStoreName, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, translate, useBlockData, useBuyerCountry, useBuyerStore, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useHashPath, useInView, useLoader, useMarketProduct, useMarketStore, useMyOrders, useNavigate, usePopOnChange, useProduct, useProducts, useRoutePath, useRouterAdapter, useScrollToTopOnNavigate, useScrolled, useServiceStore, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, useT, usedSlots, validateStore, withFacet, withMarketPrice, withStaticRenderPass };
-//# sourceMappingURL=chunk-XH6JP63K.js.map
-//# sourceMappingURL=chunk-XH6JP63K.js.map
+//# sourceMappingURL=chunk-HTVC74PL.js.map
+//# sourceMappingURL=chunk-HTVC74PL.js.map