@fayz-ai/storefront 0.77.0 → 0.77.5

package/dist/{chunk-AUARAE26.js → chunk-3XECLBVJ.js}

@@ -1,11 +1,12 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { normalizePostalCode, getCountrySchema, lookupPostalCode, defaultRouterAdapter, defineLoader, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, errorMessage, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, countryName, defineEntity, listEntityDeclarations, resolveHandle, seoOrigin, describeError, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, validateAddress, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
+import { getShopProvider, setShopProvider } from '@fayz-ai/shop/runtime';
+import * as React39 from 'react';
+import React39__default, { createContext, useContext, useEffect, useRef, useState, useSyncExternalStore, useMemo, useCallback } from 'react';
 import { createMockAuthAdapter } from '@fayz-ai/auth';
 import { createAuthRuntime } from '@fayz-ai/auth/lib/runtime';
-import { getShopProvider, setShopProvider } from '@fayz-ai/shop/runtime';
 import { setShopCarrierQuotesResolver, setShopAccessTokenResolver, setShopShippingItemsResolver } from '@fayz-ai/sdk/shop';
-import { normalizePostalCode, getCountrySchema, lookupPostalCode, defaultRouterAdapter, defineLoader, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, errorMessage, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, countryName, defineEntity, listEntityDeclarations, resolveHandle, seoOrigin, describeError, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, validateAddress, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
-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, isValidDocument, gatewayLabel, isValidCpf } 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, UserRound, Store, Bike, Clock, Pencil, Star, Phone, User, UserCircle, Package, LogOut, QrCode, Copy, XCircle, RotateCcw, PackageCheck, ChefHat, Info, AlertCircle } from 'lucide-react';
@@ -13,164 +14,7 @@ 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';
 
-// src/stores/session.store.ts
-var useSessionStore = create()(
-  persist(
-    (set) => ({
-      customerId: null,
-      email: null,
-      name: null,
-      setSession: ({ customerId, email, name }) => set({ customerId, email, name: name ?? null }),
-      signOut: () => set({ customerId: null, email: null, name: null })
-    }),
-    { name: "fayz.storefront.session.v1" }
-  )
-);
-var EmailConfirmationRequiredError = class extends Error {
-  constructor(email) {
-    super("Cadastro realizado. Confirme seu e-mail para continuar.");
-    this.name = "EmailConfirmationRequiredError";
-    this.email = email;
-  }
-};
-var _adapter = null;
-function isAuthAdapter(value) {
-  return Boolean(
-    value && typeof value === "object" && "getSession" in value && "signIn" in value && "signOut" in value
-  );
-}
-function normalizeAuthConfig(configured) {
-  if (!configured) return {};
-  if (typeof configured === "string" || isAuthAdapter(configured)) return { adapter: configured };
-  return configured;
-}
-function resolveAuthAdapter(configured, fallback) {
-  const config = normalizeAuthConfig(configured);
-  return createAuthRuntime({
-    provider: config.provider ?? config.adapter ?? (fallback?.supabaseUrl ? "supabase" : "mock"),
-    adapter: config.adapter,
-    routes: config.routes,
-    requireAuth: false,
-    supabase: {
-      url: config.supabase?.url ?? fallback?.supabaseUrl,
-      anonKey: config.supabase?.anonKey ?? fallback?.supabaseAnonKey,
-      client: config.supabase?.client,
-      callbackUrl: config.supabase?.callbackUrl,
-      resetPasswordUrl: config.supabase?.resetPasswordUrl
-    }
-  }).adapter;
-}
-var _accessToken = null;
-var _hadAuthUser = false;
-async function syncAccessToken(adapter) {
-  try {
-    const existing = await adapter.getSession();
-    _accessToken = existing?.session.accessToken ?? null;
-  } catch {
-    _accessToken = null;
-  }
-}
-function initCustomerAuth(adapter) {
-  _adapter = adapter;
-  setShopAccessTokenResolver(() => _accessToken);
-  adapter.getSession().then((existing) => {
-    _accessToken = existing?.session.accessToken ?? null;
-    if (!existing) return;
-    _hadAuthUser = true;
-    void linkCustomer(existing.user).catch(() => {
-    });
-  }).catch(() => {
-  });
-  adapter.onAuthStateChange((user) => {
-    if (!user) {
-      _accessToken = null;
-      if (_hadAuthUser) {
-        _hadAuthUser = false;
-        useSessionStore.getState().signOut();
-      }
-      return;
-    }
-    _hadAuthUser = true;
-    const linked = useSessionStore.getState();
-    const needsLink = !linked.customerId || (linked.email ?? "").toLowerCase() !== (user.email ?? "").toLowerCase();
-    void syncAccessToken(adapter).then(() => {
-      if (needsLink && user.email) return linkCustomer(user).then(() => void 0);
-    }).catch(() => {
-    });
-  });
-}
-function hasCustomerAuth() {
-  return _hadAuthUser;
-}
-async function relinkCustomer() {
-  if (!_hadAuthUser) return null;
-  const existing = await getCustomerAuthAdapter().getSession().catch(() => null);
-  if (!existing?.user.email) return null;
-  const customer = await resolveShopCustomer(existing.user.email.trim().toLowerCase(), existing.user.fullName ?? "");
-  const store = useSessionStore.getState();
-  store.setSession({ customerId: customer.id, email: existing.user.email.trim().toLowerCase(), name: store.name });
-  return { customerId: customer.id, phone: customer.phone ?? null, document: customer.document ?? null };
-}
-function getCustomerAuthAdapter() {
-  if (!_adapter) _adapter = createMockAuthAdapter();
-  return _adapter;
-}
-async function resolveShopCustomer(email, name) {
-  const provider = getShopProvider();
-  if (provider.resolveCustomer) return provider.resolveCustomer({ email, name });
-  const matches = await provider.listCustomers({ search: email, limit: 10 });
-  const existing = matches.find((c) => (c.email ?? "").toLowerCase() === email);
-  if (existing) return existing;
-  const parts = name.trim().split(/\s+/).filter(Boolean);
-  return provider.createCustomer({
-    firstName: parts[0] ?? email.split("@")[0] ?? "Cliente",
-    lastName: parts.slice(1).join(" "),
-    email
-  });
-}
-async function linkCustomer(user, fullName) {
-  const email = (user.email ?? "").trim().toLowerCase();
-  const name = fullName ?? user.fullName ?? "";
-  const customer = await resolveShopCustomer(email, name);
-  useSessionStore.getState().setSession({
-    customerId: customer.id,
-    email,
-    name: name || `${customer.firstName} ${customer.lastName}`.trim()
-  });
-  return { customerId: customer.id };
-}
-async function establishCustomerSession(email, opts) {
-  const normalized = email.trim().toLowerCase();
-  if (opts?.password) {
-    const adapter = getCustomerAuthAdapter();
-    const session = await adapter.signIn(normalized, opts.password);
-    _accessToken = session.accessToken ?? null;
-    _hadAuthUser = true;
-    return linkCustomer(session.user.email ? session.user : { ...session.user, email: normalized }, opts.name);
-  }
-  return linkCustomer({ email: normalized }, opts?.name);
-}
-function signInByEmail(email, name) {
-  return establishCustomerSession(email, { name });
-}
-async function signUpCustomer(email, password, name) {
-  const adapter = getCustomerAuthAdapter();
-  const normalized = email.trim().toLowerCase();
-  const session = await adapter.signUp(normalized, password, name);
-  if (!session.accessToken) throw new EmailConfirmationRequiredError(normalized);
-  _accessToken = session.accessToken;
-  _hadAuthUser = true;
-  return linkCustomer(session.user.email ? session.user : { ...session.user, email: normalized }, name);
-}
-async function signOutCustomer() {
-  try {
-    await getCustomerAuthAdapter().signOut();
-  } finally {
-    _accessToken = null;
-    _hadAuthUser = false;
-    useSessionStore.getState().signOut();
-  }
-}
+// src/stores/market.store.ts
 var useMarketStore = create()((set) => ({
   markets: [],
   active: null,
@@ -607,6 +451,339 @@ var selectShipping = (s2, cfg) => {
 };
 var selectTotal = (s2, cfg) => roundCents(selectSubtotal(s2) - selectDiscountTotal(s2) + selectShipping(s2, cfg));
 
+// src/analytics/bus.ts
+var MAX_PENDING = 50;
+var listeners = /* @__PURE__ */ new Set();
+var pending = [];
+var identifier = null;
+var pendingEmail = null;
+var lastAt = /* @__PURE__ */ new Map();
+function trackStorefront(name, properties = {}) {
+  if (typeof window === "undefined") return;
+  const event = { name, properties, at: Date.now() };
+  lastAt.set(name, event.at);
+  if (listeners.size === 0) {
+    pending.push(event);
+    if (pending.length > MAX_PENDING) pending = pending.slice(-MAX_PENDING);
+    return;
+  }
+  for (const listener of listeners) {
+    try {
+      listener(event);
+    } catch {
+    }
+  }
+}
+function onStorefrontEvent(listener) {
+  listeners.add(listener);
+  if (pending.length) {
+    const held = pending;
+    pending = [];
+    for (const event of held) {
+      try {
+        listener(event);
+      } catch {
+      }
+    }
+  }
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function identifyStorefrontBuyer(email) {
+  const clean = email.trim().toLowerCase();
+  if (!clean.includes("@")) return;
+  if (identifier) identifier(clean);
+  else pendingEmail = clean;
+}
+function setStorefrontIdentifier(fn) {
+  identifier = fn;
+  if (fn && pendingEmail) {
+    fn(pendingEmail);
+    pendingEmail = null;
+  }
+}
+function lastStorefrontEventAt(name) {
+  return lastAt.get(name) ?? 0;
+}
+
+// src/analytics/identity.ts
+async function storeBuyerId(storeId, email) {
+  const clean = email.trim().toLowerCase();
+  if (!storeId || !clean.includes("@")) return null;
+  const subtle = globalThis.crypto?.subtle;
+  if (!subtle) return null;
+  const digest = await subtle.digest("SHA-256", new TextEncoder().encode(clean));
+  const hex = Array.from(new Uint8Array(digest), (b) => b.toString(16).padStart(2, "0")).join("");
+  return `store:${storeId}:${hex}`;
+}
+
+// src/analytics/posthog.ts
+var started = null;
+function startStorefrontPostHog(config, context) {
+  if (typeof window === "undefined" || !config.key || !config.storeId) return null;
+  if (started) return started;
+  started = (async () => {
+    const { default: posthog } = await import('posthog-js');
+    const store = { store_id: config.storeId, store_name: context.storeName, commerce_mode: context.commerceMode };
+    posthog.init(config.key, {
+      api_host: config.apiHost ?? "/ingest",
+      ui_host: config.uiHost ?? "https://us.posthog.com",
+      defaults: "2026-08-30",
+      person_profiles: "identified_only",
+      capture_pageview: "history_change",
+      capture_dead_clicks: true,
+      capture_heatmaps: true,
+      disable_session_recording: config.replay === false,
+      session_recording: { maskAllInputs: true },
+      before_send: (event) => {
+        if (!event) return event;
+        const groups = event.properties.$groups ?? {};
+        event.properties.$groups = { ...groups, store: config.storeId };
+        return event;
+      }
+    });
+    posthog.register(store);
+    onStorefrontEvent((event) => {
+      posthog.capture(event.name, event.properties, { timestamp: new Date(event.at) });
+    });
+    setStorefrontIdentifier((email) => {
+      void storeBuyerId(config.storeId, email).then((id) => {
+        if (id && posthog.get_distinct_id() !== id) posthog.identify(id, { store_id: config.storeId });
+      });
+    });
+  })().catch(() => {
+    started = null;
+  });
+  return started;
+}
+function isOrderingPath(path, menuPath) {
+  const p = path.split(/[?#]/)[0] || "/";
+  if (menuPath && menuPath !== "/" && (p === menuPath || p.startsWith(`${menuPath}/`))) return true;
+  return /^\/(product|checkout|cart|order|account)(\/|$)/.test(p);
+}
+function cartChanges(prev, next) {
+  const key = (l) => l.lineId ?? l.productId;
+  const before = new Map(prev.lines.map((l) => [key(l), l]));
+  const after = new Map(next.lines.map((l) => [key(l), l]));
+  const out = [];
+  for (const [id, line] of after) {
+    const delta = line.quantity - (before.get(id)?.quantity ?? 0);
+    if (delta > 0) out.push({ kind: "added", line, quantity: delta });
+    if (delta < 0) out.push({ kind: "removed", line, quantity: -delta });
+  }
+  for (const [id, line] of before) if (!after.has(id)) out.push({ kind: "removed", line, quantity: line.quantity });
+  return out;
+}
+function StorefrontAnalytics({ config, path }) {
+  const posthog = config.analytics?.posthog;
+  const menuPath = config.delivery?.menuPath;
+  const previous = React39.useRef(null);
+  React39.useEffect(() => {
+    if (!posthog) return;
+    startStorefrontPostHog(posthog, { storeName: config.name, commerceMode: config.commerceMode });
+  }, [posthog, config.name, config.commerceMode]);
+  React39.useEffect(() => {
+    if (!posthog) return;
+    let ready = useCartStore.persist?.hasHydrated?.() ?? true;
+    const unhydrated = useCartStore.persist?.onFinishHydration?.(() => {
+      ready = true;
+    });
+    const unsubscribe = useCartStore.subscribe((next, prev) => {
+      if (!ready) return;
+      const totals = { cart_count: selectCount(next), cart_subtotal: selectSubtotal(next) };
+      const justOrdered = next.lines.length === 0 && Date.now() - lastStorefrontEventAt("checkout_completed") < 1e4;
+      for (const change of justOrdered ? [] : cartChanges(prev, next)) {
+        trackStorefront(change.kind === "added" ? "product_added_to_cart" : "product_removed_from_cart", {
+          product_id: change.line.productId,
+          product_name: change.line.name,
+          variant_id: change.line.variantId ?? null,
+          options: change.line.optionsLabel ?? null,
+          price: change.line.unitPrice,
+          quantity: change.quantity,
+          ...totals
+        });
+      }
+      if (next.isOpen && !prev.isOpen) trackStorefront("cart_viewed", totals);
+      if (next.discountCode && next.discountCode !== prev.discountCode) {
+        trackStorefront("coupon_applied", { coupon: next.discountCode, discount_percent: next.discountPercent, ...totals });
+      }
+    });
+    return () => {
+      unsubscribe();
+      unhydrated?.();
+    };
+  }, [posthog]);
+  React39.useEffect(() => {
+    if (!posthog) return;
+    const from = previous.current;
+    previous.current = path;
+    if (!from || from === path) return;
+    if (isOrderingPath(from, menuPath) && !isOrderingPath(path, menuPath)) {
+      const cart = useCartStore.getState();
+      trackStorefront("delivery_exit", { from, to: path, cart_count: selectCount(cart), cart_subtotal: selectSubtotal(cart) });
+    }
+  }, [posthog, path, menuPath]);
+  return null;
+}
+var useSessionStore = create()(
+  persist(
+    (set) => ({
+      customerId: null,
+      email: null,
+      name: null,
+      setSession: ({ customerId, email, name }) => set({ customerId, email, name: name ?? null }),
+      signOut: () => set({ customerId: null, email: null, name: null })
+    }),
+    { name: "fayz.storefront.session.v1" }
+  )
+);
+var EmailConfirmationRequiredError = class extends Error {
+  constructor(email) {
+    super("Cadastro realizado. Confirme seu e-mail para continuar.");
+    this.name = "EmailConfirmationRequiredError";
+    this.email = email;
+  }
+};
+var _adapter = null;
+function isAuthAdapter(value) {
+  return Boolean(
+    value && typeof value === "object" && "getSession" in value && "signIn" in value && "signOut" in value
+  );
+}
+function normalizeAuthConfig(configured) {
+  if (!configured) return {};
+  if (typeof configured === "string" || isAuthAdapter(configured)) return { adapter: configured };
+  return configured;
+}
+function resolveAuthAdapter(configured, fallback) {
+  const config = normalizeAuthConfig(configured);
+  return createAuthRuntime({
+    provider: config.provider ?? config.adapter ?? (fallback?.supabaseUrl ? "supabase" : "mock"),
+    adapter: config.adapter,
+    routes: config.routes,
+    requireAuth: false,
+    supabase: {
+      url: config.supabase?.url ?? fallback?.supabaseUrl,
+      anonKey: config.supabase?.anonKey ?? fallback?.supabaseAnonKey,
+      client: config.supabase?.client,
+      callbackUrl: config.supabase?.callbackUrl,
+      resetPasswordUrl: config.supabase?.resetPasswordUrl
+    }
+  }).adapter;
+}
+var _accessToken = null;
+var _hadAuthUser = false;
+async function syncAccessToken(adapter) {
+  try {
+    const existing = await adapter.getSession();
+    _accessToken = existing?.session.accessToken ?? null;
+  } catch {
+    _accessToken = null;
+  }
+}
+function initCustomerAuth(adapter) {
+  _adapter = adapter;
+  setShopAccessTokenResolver(() => _accessToken);
+  adapter.getSession().then((existing) => {
+    _accessToken = existing?.session.accessToken ?? null;
+    if (!existing) return;
+    _hadAuthUser = true;
+    void linkCustomer(existing.user).catch(() => {
+    });
+  }).catch(() => {
+  });
+  adapter.onAuthStateChange((user) => {
+    if (!user) {
+      _accessToken = null;
+      if (_hadAuthUser) {
+        _hadAuthUser = false;
+        useSessionStore.getState().signOut();
+      }
+      return;
+    }
+    _hadAuthUser = true;
+    const linked = useSessionStore.getState();
+    const needsLink = !linked.customerId || (linked.email ?? "").toLowerCase() !== (user.email ?? "").toLowerCase();
+    void syncAccessToken(adapter).then(() => {
+      if (needsLink && user.email) return linkCustomer(user).then(() => void 0);
+    }).catch(() => {
+    });
+  });
+}
+function hasCustomerAuth() {
+  return _hadAuthUser;
+}
+async function relinkCustomer() {
+  if (!_hadAuthUser) return null;
+  const existing = await getCustomerAuthAdapter().getSession().catch(() => null);
+  if (!existing?.user.email) return null;
+  const customer = await resolveShopCustomer(existing.user.email.trim().toLowerCase(), existing.user.fullName ?? "");
+  const store = useSessionStore.getState();
+  store.setSession({ customerId: customer.id, email: existing.user.email.trim().toLowerCase(), name: store.name });
+  return { customerId: customer.id, phone: customer.phone ?? null, document: customer.document ?? null };
+}
+function getCustomerAuthAdapter() {
+  if (!_adapter) _adapter = createMockAuthAdapter();
+  return _adapter;
+}
+async function resolveShopCustomer(email, name) {
+  const provider = getShopProvider();
+  if (provider.resolveCustomer) return provider.resolveCustomer({ email, name });
+  const matches = await provider.listCustomers({ search: email, limit: 10 });
+  const existing = matches.find((c) => (c.email ?? "").toLowerCase() === email);
+  if (existing) return existing;
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  return provider.createCustomer({
+    firstName: parts[0] ?? email.split("@")[0] ?? "Cliente",
+    lastName: parts.slice(1).join(" "),
+    email
+  });
+}
+async function linkCustomer(user, fullName) {
+  const email = (user.email ?? "").trim().toLowerCase();
+  const name = fullName ?? user.fullName ?? "";
+  const customer = await resolveShopCustomer(email, name);
+  useSessionStore.getState().setSession({
+    customerId: customer.id,
+    email,
+    name: name || `${customer.firstName} ${customer.lastName}`.trim()
+  });
+  return { customerId: customer.id };
+}
+async function establishCustomerSession(email, opts) {
+  const normalized = email.trim().toLowerCase();
+  if (opts?.password) {
+    const adapter = getCustomerAuthAdapter();
+    const session = await adapter.signIn(normalized, opts.password);
+    _accessToken = session.accessToken ?? null;
+    _hadAuthUser = true;
+    return linkCustomer(session.user.email ? session.user : { ...session.user, email: normalized }, opts.name);
+  }
+  return linkCustomer({ email: normalized }, opts?.name);
+}
+function signInByEmail(email, name) {
+  return establishCustomerSession(email, { name });
+}
+async function signUpCustomer(email, password, name) {
+  const adapter = getCustomerAuthAdapter();
+  const normalized = email.trim().toLowerCase();
+  const session = await adapter.signUp(normalized, password, name);
+  if (!session.accessToken) throw new EmailConfirmationRequiredError(normalized);
+  _accessToken = session.accessToken;
+  _hadAuthUser = true;
+  return linkCustomer(session.user.email ? session.user : { ...session.user, email: normalized }, name);
+}
+async function signOutCustomer() {
+  try {
+    await getCustomerAuthAdapter().signOut();
+  } finally {
+    _accessToken = null;
+    _hadAuthUser = false;
+    useSessionStore.getState().signOut();
+  }
+}
+
 // src/data/facets.ts
 function matchesFacets(metadata, facets) {
   for (const [key, wanted] of Object.entries(facets)) {
@@ -1626,7 +1803,7 @@ function Link({ to, children, onClick, target, ...rest }) {
     event.preventDefault();
     adapter.navigate(to);
   };
-  return React38.createElement(
+  return React39__default.createElement(
     "a",
     { href: adapter.href(to), onClick: handleClick, target, ...rest },
     children
@@ -1866,9 +2043,9 @@ function SmoothImage({
   const easing = resolved.easing ?? "cubic-bezier(0.22, 1, 0.36, 1)";
   const blur = resolved.blur ?? true;
   const transform = resolved.transform ?? "none";
-  const ref = React38.useRef(null);
-  const [loaded, setLoaded] = React38.useState(() => mode === "none" || !clientMounted);
-  const delivered = React38.useMemo(() => {
+  const ref = React39__default.useRef(null);
+  const [loaded, setLoaded] = React39__default.useState(() => mode === "none" || !clientMounted);
+  const delivered = React39__default.useMemo(() => {
     if (transform !== "supabase" || !src || srcSet || !isStorageImageUrl(src)) return { src, srcSet, sizes };
     if (variant?.width) {
       const w = variant.width;
@@ -1886,10 +2063,10 @@ function SmoothImage({
       sizes: variant?.sizes ?? sizes ?? "100vw"
     };
   }, [transform, src, srcSet, sizes, variant?.width, variant?.sizes, variant?.widths, variant?.quality]);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     clientMounted = true;
   }, []);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (mode === "none") {
       setLoaded(true);
       return;
@@ -2287,17 +2464,17 @@ function PageDataScope({ nodes, params, initial: initial2, children }) {
   }));
   const signature = own.map((need) => need.key).join("\n");
   useEffect(() => {
-    const pending = own.filter((need) => initial2?.[need.key]?.status !== "ready");
-    if (pending.length === 0) return;
+    const pending2 = own.filter((need) => initial2?.[need.key]?.status !== "ready");
+    if (pending2.length === 0) return;
     let cancelled = false;
     setEntries((prev) => {
       const next = { ...prev };
-      for (const need of pending) {
+      for (const need of pending2) {
         if (next[need.key]?.status !== "ready") next[need.key] = { status: "loading" };
       }
       return next;
     });
-    for (const need of pending) {
+    for (const need of pending2) {
       void resolvePageDataNeed(need).then((entry) => {
         if (!cancelled) setEntries((prev) => ({ ...prev, [need.key]: entry }));
       });
@@ -3165,8 +3342,8 @@ var BADGE_TONE_CLASSES = {
   warning: "bg-amber-500 text-white"
 };
 function useExtensionBadges(product) {
-  const [badges, setBadges] = React38.useState([]);
-  React38.useEffect(() => {
+  const [badges, setBadges] = React39__default.useState([]);
+  React39__default.useEffect(() => {
     let cancelled = false;
     getProductCardBadges(product).then((next) => {
       if (!cancelled && next.length > 0) setBadges(next);
@@ -4363,7 +4540,7 @@ function scalarToString(value) {
 }
 function ProductSpecs({ product }) {
   const config = useStorefrontConfig();
-  const extraExcluded = React38.useMemo(
+  const extraExcluded = React39__default.useMemo(
     () => new Set(config.productSpecs?.exclude ?? []),
     [config.productSpecs?.exclude]
   );
@@ -4992,6 +5169,17 @@ function ProductDetailPage({ slug }) {
   useStorefrontHead(
     product ? productSeo(product, { config, path }) : { title: config.name }
   );
+  useEffect(() => {
+    if (!product) return;
+    trackStorefront("product_viewed", {
+      product_id: product.id,
+      product_name: product.name,
+      slug: product.slug,
+      price: product.price,
+      in_stock: product.inventoryCount > 0,
+      surface: "product_page"
+    });
+  }, [product?.id]);
   useEffect(() => {
     if (!product) return;
     const defaults = Object.fromEntries(
@@ -6077,7 +6265,7 @@ function CollectionHero({
       {
         className: `absolute inset-0 flex flex-col justify-center p-6 text-white sm:p-12 ${OVERLAY_CLASS[overlay]} ${centered ? "items-center text-center" : "items-start text-left"}`,
         children: /* @__PURE__ */ jsxs(Reveal, { className: centered ? "max-w-3xl" : "max-w-2xl", children: [
-          logos && logos.length > 0 && /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center gap-5 ${centered ? "justify-center" : ""}`, children: logos.map((logo, i) => /* @__PURE__ */ jsxs(React38.Fragment, { children: [
+          logos && logos.length > 0 && /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center gap-5 ${centered ? "justify-center" : ""}`, children: logos.map((logo, i) => /* @__PURE__ */ jsxs(React39__default.Fragment, { children: [
             i > 0 && /* @__PURE__ */ jsx("span", { className: "text-2xl font-light opacity-60", "aria-hidden": true, children: "\xD7" }),
             /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-10 w-auto object-contain sm:h-14" })
           ] }, logo.src)) }),
@@ -6859,10 +7047,10 @@ function StorefrontConfigHost({
   buyer,
   children
 }) {
-  const [policy, setPolicy] = React38.useState(null);
-  const [shipping, setShipping] = React38.useState(null);
-  const [delivery, setDelivery] = React38.useState(null);
-  React38.useEffect(() => {
+  const [policy, setPolicy] = React39__default.useState(null);
+  const [shipping, setShipping] = React39__default.useState(null);
+  const [delivery, setDelivery] = React39__default.useState(null);
+  React39__default.useEffect(() => {
     let cancelled = false;
     let provider;
     try {
@@ -6899,7 +7087,7 @@ function StorefrontConfigHost({
       cancelled = true;
     };
   }, [config]);
-  const resolved = React38.useMemo(
+  const resolved = React39__default.useMemo(
     () => applyBuyer(applyDeliveryPolicy(applyShippingSettings(applyStoreSettings(config, policy), shipping), delivery), buyer),
     [config, policy, shipping, delivery, buyer?.language, buyer?.country]
   );
@@ -6911,7 +7099,7 @@ function MarketScope({ children }) {
   const markets = useMarketStore((s2) => s2.markets);
   const market = markets.length ? marketForCountry(markets, country) : null;
   const prices = useMarketStore((s2) => market ? s2.prices[market.code] : void 0);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     useMarketStore.getState().setActive(market);
     if (!market || market.isDefault || prices) return;
     let provider;
@@ -6923,11 +7111,11 @@ function MarketScope({ children }) {
     void provider.getMarketPrices?.(market.code).then((list) => useMarketStore.getState().setPrices(market.code, list)).catch(() => {
     });
   }, [market?.code, prices]);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (!market || !market.isDefault && !prices) return;
     useCartStore.getState().repriceForMarket();
   }, [market?.code, prices]);
-  const value = React38.useMemo(() => {
+  const value = React39__default.useMemo(() => {
     if (!market) return base;
     return {
       ...base,
@@ -7057,7 +7245,7 @@ function StorefrontThemeStyle({
       document.getElementById(linkId)?.remove();
     };
   }, [fontsHref, linkId, selector]);
-  return React38.createElement(
+  return React39__default.createElement(
     "style",
     { "data-sf-theme": theme.name },
     themeToCss(theme, { selector })
@@ -7156,7 +7344,7 @@ function SearchOverlay({ onClose }) {
             "\u201D."
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: suggestions.map(
-              (product) => searchConfig.renderSuggestion ? /* @__PURE__ */ jsx(React38.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
+              (product) => searchConfig.renderSuggestion ? /* @__PURE__ */ jsx(React39__default.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
             ) }),
             /* @__PURE__ */ jsx(
               "button",
@@ -7363,11 +7551,11 @@ function HeaderActions({ onMenuClick }) {
   const openDrawer = useCartStore((s2) => s2.openDrawer);
   const session = useSessionStore();
   const [accountOpen, setAccountOpen] = useState(false);
-  const accountRef = React38.useRef(null);
+  const accountRef = React39__default.useRef(null);
   const pop = usePopOnChange(count);
   const firstName = session.name?.split(/\s+/)[0];
   const initial2 = (firstName ?? session.email ?? "C").slice(0, 1).toUpperCase();
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (!accountOpen) return;
     const onPointerDown = (event) => {
       if (!accountRef.current?.contains(event.target)) setAccountOpen(false);
@@ -7534,7 +7722,7 @@ function MobileMenuDrawer({ open, onClose }) {
     navigateTo(config.catalogPath);
     onClose();
   };
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -8567,8 +8755,8 @@ function AddressForm({ country, language, value, onChange, onPostalCode, lookup,
         postalHint()
       ] }, "postalCode");
     }
-    if (row.length === 1) return /* @__PURE__ */ jsx(React38.Fragment, { children: input(specs.get(cells[0])) }, cells[0]);
-    return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: cells.map((key) => /* @__PURE__ */ jsx(React38.Fragment, { children: input(specs.get(key)) }, key)) }, cells.join("-"));
+    if (row.length === 1) return /* @__PURE__ */ jsx(React39__default.Fragment, { children: input(specs.get(cells[0])) }, cells[0]);
+    return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: cells.map((key) => /* @__PURE__ */ jsx(React39__default.Fragment, { children: input(specs.get(key)) }, key)) }, cells.join("-"));
   }) });
 }
 function flag(iso2) {
@@ -8924,13 +9112,13 @@ function CardBrick({ publicKey, amount, email, onSubmit, onError }) {
 var POLL_MS = 3e3;
 var RESUME_KEY = "fz.checkout.resume";
 function useExpiry(expiresAt) {
-  const target = React38.useMemo(() => {
+  const target = React39__default.useMemo(() => {
     if (!expiresAt) return null;
     const t = new Date(expiresAt).getTime();
     return Number.isFinite(t) ? t : null;
   }, [expiresAt]);
-  const [now, setNow] = React38.useState(() => Date.now());
-  React38.useEffect(() => {
+  const [now, setNow] = React39__default.useState(() => Date.now());
+  React39__default.useEffect(() => {
     if (target === null) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -9568,6 +9756,7 @@ var DEV_BUILD = (() => {
     return false;
   }
 })();
+var CHECKOUT_STEP_NAMES = { 1: "contact", 2: "delivery", 3: "payment", 4: "done" };
 function CheckoutPage() {
   const config = useStorefrontConfig();
   const cart = useCartStore();
@@ -9625,7 +9814,7 @@ function CheckoutPage() {
     district: "",
     state: ""
   });
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (!known.ready) return;
     setForm((current) => ({
       ...current,
@@ -9641,9 +9830,22 @@ function CheckoutPage() {
     }));
   }, [known.ready, known.phone, known.document, known.address]);
   const [step, setStep] = useState(resume ? 3 : 1);
+  const reportedStart = React39__default.useRef(false);
+  useEffect(() => {
+    if (reportedStart.current) return;
+    reportedStart.current = true;
+    if (!resume) trackStorefront("checkout_started", { cart_count: cart.lines.reduce((n, l) => n + l.quantity, 0) });
+  }, []);
+  const reportedStep = React39__default.useRef(null);
+  useEffect(() => {
+    if (reportedStep.current === step) return;
+    reportedStep.current = step;
+    trackStorefront("checkout_step_viewed", { step, step_name: CHECKOUT_STEP_NAMES[step], resume: Boolean(resume) });
+    if (step >= 2 && /.+@.+\..+/.test(form.email)) identifyStorefrontBuyer(form.email);
+  }, [step]);
   const [contactKnown, setContactKnown] = useState(false);
   const [editingContact, setEditingContact] = useState(false);
-  const skippedContact = React38.useRef(false);
+  const skippedContact = React39__default.useRef(false);
   const fulfillmentType = useDeliveryStore((s2) => s2.fulfillmentType);
   const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
   const deliveryReference = useDeliveryStore((s2) => {
@@ -9672,7 +9874,7 @@ function CheckoutPage() {
   const [applyingDiscount, setApplyingDiscount] = useState(false);
   const [showSignin, setShowSignin] = useState(false);
   const [placing, setPlacing] = useState(false);
-  const leaving = React38.useRef(false);
+  const leaving = React39__default.useRef(false);
   const [zipLookup, setZipLookup] = useState("idle");
   const subtotal = selectSubtotal(cart);
   const discountTotal = selectDiscountTotal(cart);
@@ -9680,7 +9882,7 @@ function CheckoutPage() {
   const shipping = isPickup ? 0 : shippingRaw;
   const total = selectTotal(cart, config) - (isPickup ? shippingRaw : 0);
   const checkoutSlotContext = { subtotal, total };
-  const checkoutSessionInput = React38.useMemo(() => ({
+  const checkoutSessionInput = React39__default.useMemo(() => ({
     items: cart.lines.map((line) => ({
       productId: line.productId,
       variantId: line.variantId ?? null,
@@ -9857,7 +10059,7 @@ function CheckoutPage() {
       cancelled = true;
     };
   }, [session.customerId]);
-  const shownCountry = React38.useRef(country);
+  const shownCountry = React39__default.useRef(country);
   useEffect(() => {
     if (shownCountry.current === country) return;
     shownCountry.current = country;
@@ -9924,6 +10126,7 @@ function CheckoutPage() {
   }
   function fail(message, testId) {
     setError(message);
+    trackStorefront("checkout_error", { step, field: testId ?? null, reason: message });
     if (testId) {
       const field2 = document.querySelector(`[data-testid="${testId}"]`);
       field2?.scrollIntoView({ block: "center", behavior: prefersReducedMotion() ? "auto" : "smooth" });
@@ -10091,10 +10294,18 @@ function CheckoutPage() {
       });
       if (customerId) session.setSession({ customerId, email: form.email, name: form.name });
       leaving.current = true;
+      trackStorefront("checkout_completed", {
+        order_id: order.id,
+        payment_method: paymentMethod,
+        fulfillment: fulfillmentType ?? "delivery",
+        total,
+        online_payment: false
+      });
       cart.clear();
       navigateTo(`/order/${order.id}`);
     } catch (err) {
       setError(placeOrderMessage(err, t));
+      trackStorefront("checkout_error", { step, field: "place_order", reason: placeOrderMessage(err, t) });
       setPlacing(false);
     }
   }
@@ -10342,7 +10553,10 @@ function CheckoutPage() {
                           role: "radio",
                           "aria-checked": selected,
                           "data-testid": `checkout-payment-${method}`,
-                          onClick: () => setPaymentMethod(method),
+                          onClick: () => {
+                            setPaymentMethod(method);
+                            if (method !== paymentMethod) trackStorefront("checkout_payment_selected", { payment_method: method });
+                          },
                           className: `w-full rounded-lg border p-3 text-left text-sm transition hover:bg-muted/40 ${selected ? "border-primary bg-primary/5" : "border-border bg-background"}`,
                           children: [
                             /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-3 font-semibold", children: [
@@ -10368,6 +10582,13 @@ function CheckoutPage() {
                           onPaid: (orderId) => {
                             leaving.current = true;
                             setPaidOrderId(orderId);
+                            trackStorefront("checkout_completed", {
+                              order_id: orderId,
+                              payment_method: method,
+                              fulfillment: fulfillmentType ?? "delivery",
+                              total,
+                              online_payment: true
+                            });
                             goToStep(4);
                             cart.clear();
                           }
@@ -10751,8 +10972,8 @@ function AddressStrip({
   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(() => {
+  const quotedOnce = React39__default.useRef(false);
+  React39__default.useEffect(() => {
     if (quotedOnce.current || isPickup) return;
     if (delivery.status !== "idle" || delivery.options.length > 0 || !delivery.postalCode) return;
     quotedOnce.current = true;
@@ -10814,17 +11035,17 @@ function MenuToolbar({
   onQuery,
   autoFocusSearch
 }) {
-  const inputRef = React38.useRef(null);
-  const [active2, setActive] = React38.useState(null);
-  React38.useEffect(() => {
+  const inputRef = React39__default.useRef(null);
+  const [active2, setActive] = React39__default.useState(null);
+  React39__default.useEffect(() => {
     setActive(
       (current) => current && sections.some((s2) => s2.slug === current) ? current : sections[0]?.slug ?? null
     );
   }, [sections]);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (autoFocusSearch) inputRef.current?.focus();
   }, [autoFocusSearch]);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const seen = /* @__PURE__ */ new Map();
     const observer = new IntersectionObserver(
@@ -11011,10 +11232,10 @@ function ItemSheet({
 }) {
   const config = useStorefrontConfig();
   const money = (v) => formatMoney(v, config.currency, config.locale);
-  const groups = React38.useMemo(() => getProductOptionGroups(product), [product]);
-  const [options, setOptions] = React38.useState({});
-  const [notes, setNotes] = React38.useState("");
-  const [quantity, setQuantity] = React38.useState(1);
+  const groups = React39__default.useMemo(() => getProductOptionGroups(product), [product]);
+  const [options, setOptions] = React39__default.useState({});
+  const [notes, setNotes] = React39__default.useState("");
+  const [quantity, setQuantity] = React39__default.useState(1);
   const image = product.images?.find((i) => i.isPrimary) ?? product.images?.[0];
   const stock = product.inventoryCount;
   const missing = groups.filter((g) => !options[g.label]);
@@ -11208,8 +11429,8 @@ function ScheduleSheet({ onClose }) {
   const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
   const setScheduledFor = useDeliveryStore((s2) => s2.setScheduledFor);
   const timezone = useServiceStore((s2) => s2.service?.timezone) ?? "America/Sao_Paulo";
-  const [slots, setSlots] = React38.useState(null);
-  React38.useEffect(() => {
+  const [slots, setSlots] = React39__default.useState(null);
+  React39__default.useEffect(() => {
     let alive = true;
     void (async () => {
       const rows = await getShopProvider()?.listScheduleSlots?.(fulfillmentType) ?? [];
@@ -11219,7 +11440,7 @@ function ScheduleSheet({ onClose }) {
       alive = false;
     };
   }, [fulfillmentType]);
-  const days = React38.useMemo(() => {
+  const days = React39__default.useMemo(() => {
     const fmtDay = new Intl.DateTimeFormat("pt-BR", {
       weekday: "long",
       day: "2-digit",
@@ -11305,8 +11526,8 @@ function hhmm(time) {
 }
 function ServiceHoursModal({ onClose }) {
   const fulfillmentType = useServiceStore((s2) => s2.fulfillmentType);
-  const [hours, setHours] = React38.useState(null);
-  React38.useEffect(() => {
+  const [hours, setHours] = React39__default.useState(null);
+  React39__default.useEffect(() => {
     let alive = true;
     void (async () => {
       const rows = await getShopProvider()?.listServiceHours?.(fulfillmentType) ?? [];
@@ -11316,7 +11537,7 @@ function ServiceHoursModal({ onClose }) {
       alive = false;
     };
   }, [fulfillmentType]);
-  const byDay = React38.useMemo(() => {
+  const byDay = React39__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const h of hours ?? []) {
       const list = map.get(h.weekday) ?? [];
@@ -11401,7 +11622,7 @@ function AddressSheet({ onClose, onSignIn }) {
   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(
+  const [editing, setEditing] = React39__default.useState(
     nothingToList && !onSignIn ? {} : null
   );
   function pickAccountAddress(a) {
@@ -11420,13 +11641,13 @@ function AddressSheet({ onClose, onSignIn }) {
     void selectAddress(id, subtotal);
     onClose();
   }
-  const closeRef = React38.useRef(() => {
+  const closeRef = React39__default.useRef(() => {
   });
   closeRef.current = () => {
     if (editing && !nothingToList) setEditing(null);
     else onClose();
   };
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") closeRef.current();
     };
@@ -11607,8 +11828,8 @@ function AddressLines({ address }) {
   ] });
 }
 function useAccountAddresses(customerId) {
-  const [rows, setRows] = React38.useState([]);
-  React38.useEffect(() => {
+  const [rows, setRows] = React39__default.useState([]);
+  React39__default.useEffect(() => {
     if (!customerId) {
       setRows([]);
       return;
@@ -11636,24 +11857,24 @@ function AddressForm2({ onDone, initial: initial2, replaces }) {
   const storeError = useDeliveryStore((s2) => s2.error);
   const refusedZone = useDeliveryStore((s2) => s2.refusedZone);
   const subtotal = selectSubtotal(useCartStore());
-  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 [cep, setCep] = React39__default.useState(initial2?.postalCode ? formatPostalCode(initial2.postalCode) : "");
+  const [number, setNumber] = React39__default.useState(initial2?.number ?? "");
+  const [complement, setComplement] = React39__default.useState(initial2?.complement ?? "");
+  const [reference, setReference] = React39__default.useState(initial2?.reference ?? "");
+  const [label, setLabel] = React39__default.useState(initial2?.label ?? "");
+  const [touched, setTouched] = React39__default.useState(false);
+  const numberRef = React39__default.useRef(null);
   const digits = normalizePostalCode(cep);
   const found = Boolean(looked) && normalizePostalCode(looked.postalCode) === digits;
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (found) numberRef.current?.focus();
   }, [found]);
   async function lookUp() {
     if (digits.length !== 8) return;
     await resolve(digits, subtotal);
   }
-  const prefilled = React38.useRef(false);
-  React38.useEffect(() => {
+  const prefilled = React39__default.useRef(false);
+  React39__default.useEffect(() => {
     if (prefilled.current || !initial2?.postalCode) return;
     prefilled.current = true;
     if (!found) void lookUp();
@@ -11869,7 +12090,7 @@ function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
   const session = useSessionStore();
   const signedIn = Boolean(session.email);
   const name = session.name || session.email?.split("@")[0] || "";
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -11953,19 +12174,30 @@ function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
 function MenuPage() {
   const config = useStorefrontConfig();
   const addItem = useCartStore((s2) => s2.addItem);
-  const [openProduct, setOpenProduct] = React38.useState(null);
-  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 [openProduct, setOpenProduct] = React39__default.useState(null);
+  React39__default.useEffect(() => {
+    if (!openProduct) return;
+    trackStorefront("product_viewed", {
+      product_id: openProduct.id,
+      product_name: openProduct.name,
+      slug: openProduct.slug,
+      price: openProduct.price,
+      in_stock: openProduct.inventoryCount > 0,
+      surface: "menu_sheet"
+    });
+  }, [openProduct?.id]);
+  const [showHours, setShowHours] = React39__default.useState(false);
+  const [showClosed, setShowClosed] = React39__default.useState(false);
+  const [showAddress, setShowAddress] = React39__default.useState(false);
+  const [showAccount, setShowAccount] = React39__default.useState(false);
+  const [showSignIn, setShowSignIn] = React39__default.useState(false);
+  const [showSchedule, setShowSchedule] = React39__default.useState(false);
+  const [query, setQuery] = React39__default.useState("");
   const serviceState = useServiceStore();
   const refreshService = useServiceStore((s2) => s2.refresh);
   const paused = Boolean(config.delivery?.paused);
   const isOpen = selectIsOpen(serviceState) && !paused;
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     void refreshService();
   }, [refreshService]);
   const cart = useCartStore();
@@ -11987,7 +12219,7 @@ function MenuPage() {
   const loading = products.status === "loading" || products.status === "idle";
   const items = products.data ?? [];
   const cats = categories.data ?? [];
-  const allSections = React38.useMemo(() => {
+  const allSections = React39__default.useMemo(() => {
     const byCategory = /* @__PURE__ */ new Map();
     const loose = [];
     for (const p of items) {
@@ -12015,7 +12247,7 @@ function MenuPage() {
     }
     return ordered;
   }, [items, cats]);
-  const highlights = React38.useMemo(
+  const highlights = React39__default.useMemo(
     () => pickHighlights(items, {
       listingFeaturedIds: featured.data?.listing,
       menuFeaturedIds: featured.data?.menu,
@@ -12024,7 +12256,7 @@ function MenuPage() {
     [items, featured.data, config.delivery?.highlightSlugs]
   );
   const normalized = query.trim().toLowerCase();
-  const sections = React38.useMemo(() => {
+  const sections = React39__default.useMemo(() => {
     if (!normalized) return allSections;
     return allSections.map((section) => ({
       ...section,
@@ -12197,7 +12429,7 @@ function MenuPage() {
   );
 }
 function BottomBarSpace() {
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     const root = document.documentElement;
     root.style.setProperty("--fayz-bottom-bar", "4.5rem");
     return () => {
@@ -12488,7 +12720,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 });
-  const reload = React38.useCallback(() => {
+  const reload = React39__default.useCallback(() => {
     let cancelled = false;
     getShopProvider().getOrder(orderId).then((o) => {
       if (!cancelled) setOrder(o);
@@ -12517,7 +12749,7 @@ function OrderConfirmationPage({ orderId }) {
       ] }, 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(React38.Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React39__default.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)) })
@@ -12804,7 +13036,7 @@ function OrdersPanel() {
         /* @__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(React38.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React39__default.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)) }),
@@ -12883,7 +13115,7 @@ function ProfilePanel() {
   const [saving, setSaving] = useState(false);
   const [saved, setSaved] = useState(false);
   const [error, setError] = useState(null);
-  React38.useEffect(() => {
+  React39__default.useEffect(() => {
     if (!supported) return;
     let cancelled = false;
     provider.getMyProfile().then((p) => {
@@ -13176,7 +13408,7 @@ function PolicyPage({ kind }) {
     ] }) })
   ] });
 }
-var StorefrontErrorBoundary = class extends React38.Component {
+var StorefrontErrorBoundary = class extends React39__default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -13432,7 +13664,8 @@ function StorefrontShellBody({ pathOverride }) {
     /* @__PURE__ */ jsx(StorefrontErrorBoundary, { children: /* @__PURE__ */ jsx(RouteSwitch, { path }) }, path),
     !focused && config.features.cart && /* @__PURE__ */ jsx(CartDrawer, {}),
     !focused && /* @__PURE__ */ jsx(footer.Component, { ...chromeProps, ...footer.props }),
-    /* @__PURE__ */ jsx(Toaster, {})
+    /* @__PURE__ */ jsx(Toaster, {}),
+    /* @__PURE__ */ jsx(StorefrontAnalytics, { config, path })
   ] });
   if (Shell) {
     return /* @__PURE__ */ jsx(Shell, { ...chromeProps, ...shellProps, children: body });
@@ -14792,6 +15025,6 @@ ${formatErrors(report.errors)}`;
   return config;
 }
 
-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-AUARAE26.js.map
-//# sourceMappingURL=chunk-AUARAE26.js.map
+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, StorefrontAnalytics, 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, identifyStorefrontBuyer, initStorefrontRuntime, isJsonValue, isKnownPath, isNestedBlockRef, isPublicPath, isRecord, listSlots, marketForCountry, marketUnitPrice, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeLanguage, normalizeProductOptionSelection, onStorefrontEvent, 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, startStorefrontPostHog, storeBuyerId, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, trackStorefront, 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-3XECLBVJ.js.map
+//# sourceMappingURL=chunk-3XECLBVJ.js.map