@fayz-ai/storefront 0.82.0 → 0.83.1

package/dist/{chunk-RYWQGQ4M.js → chunk-OV6DVQMB.js}

@@ -1,11 +1,11 @@
-import { Link, useStorefrontConfig, useStorefrontConfigOptional, useBlockData, BlockDataError, navigateTo, useRoutePath, toBlockNodes, defaultPageBlocks, PageDataScope, getStorefrontComponents, useLoader, currentStaticRenderPass, matchPath, translate, productSeo, StorefrontConfigProvider, mergePageTheme, pageThemeSelector, MENU_DATA_NEEDS, resolveConfig, useRouterAdapter, shellRouterAdapter, StorefrontRouterProvider, useScrollToTopOnNavigate, checkPageBlocks, normalizeLanguage, useHashPath, resolveStorefrontRoute, matchContentPage } from './chunk-UJHCVRK3.js';
-import { CONTROL, readVisitorId } from './chunk-746BEU7H.js';
+import { Link, useStorefrontConfig, useStorefrontConfigOptional, useBlockData, BlockDataError, navigateTo, useRoutePath, toBlockNodes, defaultPageBlocks, PageDataScope, getStorefrontComponents, useLoader, currentStaticRenderPass, matchPath, translate, productSeo, StorefrontConfigProvider, mergePageTheme, pageThemeSelector, MENU_DATA_NEEDS, resolveConfig, useRouterAdapter, shellRouterAdapter, StorefrontRouterProvider, useScrollToTopOnNavigate, checkPageBlocks, normalizeLanguage, useHashPath, resolveStorefrontRoute, matchContentPage } from './chunk-7N5HKQBM.js';
+import { runningExperiments, CONTROL, readVisitorId } from './chunk-4REZOGGW.js';
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import { normalizePostalCode, getCountrySchema, lookupPostalCode, useBlockPath, BlockRenderer, BlockChildren, defineLoader, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, errorMessage, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, countryName, defineEntity, defaultRouterAdapter, describeError, validateAddress } from '@fayz-ai/core';
 import { getShopProvider, setShopProvider } from '@fayz-ai/shop/runtime';
-import * as React37 from 'react';
-import React37__default, { createContext, useRef, useState, useEffect, useMemo, useContext, useCallback } from 'react';
+import * as React38 from 'react';
+import React38__default, { createContext, useRef, useState, useEffect, useMemo, useContext, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createMockAuthAdapter } from '@fayz-ai/auth';
 import { createAuthRuntime } from '@fayz-ai/auth/lib/runtime';
@@ -543,26 +543,26 @@ var bootstrap = null;
 function getExperimentBootstrap() {
   return bootstrap;
 }
-var ExperimentContext = React37__default.createContext(null);
+var ExperimentContext = React38__default.createContext(null);
 function ExperimentProvider({ assignments, path, children }) {
   const config = useStorefrontConfig();
-  const kept = React37__default.useRef(null);
+  const kept = React38__default.useRef(null);
   if (!kept.current && assignments) kept.current = assignments;
   const current = kept.current ?? { flags: {} };
   if (typeof window !== "undefined" && kept.current && !bootstrap) bootstrap = kept.current;
-  const declaredKeys = Object.keys(config.experiments ?? {}).sort().join("\n");
-  const declared = React37__default.useMemo(() => new Set(declaredKeys ? declaredKeys.split("\n") : []), [declaredKeys]);
-  const exposed = React37__default.useMemo(() => /* @__PURE__ */ new Set(), [path]);
-  const value = React37__default.useMemo(() => ({ assignments: current, declared, exposed }), [current, declared, exposed]);
+  const declaredKeys = Object.keys(runningExperiments(config.experiments)).sort().join("\n");
+  const declared = React38__default.useMemo(() => new Set(declaredKeys ? declaredKeys.split("\n") : []), [declaredKeys]);
+  const exposed = React38__default.useMemo(() => /* @__PURE__ */ new Set(), [path]);
+  const value = React38__default.useMemo(() => ({ assignments: current, declared, exposed }), [current, declared, exposed]);
   return /* @__PURE__ */ jsx(ExperimentContext.Provider, { value, children });
 }
 function useExperiment(key) {
-  const state = React37__default.useContext(ExperimentContext);
+  const state = React38__default.useContext(ExperimentContext);
   const assigned = state?.declared.has(key) ? state.assignments.flags[key] : void 0;
   const result = assigned ?? { variant: CONTROL };
   const variant = result.variant;
   const inExperiment = Boolean(assigned);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (!state || !inExperiment || state.exposed.has(key)) return;
     state.exposed.add(key);
     trackStorefront("experiment_exposed", { experiment: key, variant });
@@ -589,7 +589,7 @@ function ExperimentVariantBlock({ node }) {
 }
 var experimentBlockMeta = {
   label: "Experiment",
-  description: 'A/B test: shows one of its variants to each visitor, as decided by the PostHog flag of the same key. The variant named "control" is the fallback.',
+  description: 'A/B test: shows one of its variants to each visitor, as bucketed at the edge for the declared experiment of the same key. The variant named "control" is the fallback.',
   settings: [
     {
       id: "experiment",
@@ -657,6 +657,7 @@ function startStorefrontPostHog(config, context) {
       capture_heatmaps: true,
       disable_session_recording: config.replay === false,
       session_recording: { maskAllInputs: true },
+      disable_surveys: config.surveys !== true,
       before_send: (event) => {
         if (!event) return event;
         const groups = event.properties.$groups ?? {};
@@ -736,6 +737,16 @@ function metaEventFor(event, currency) {
   }
 }
 var strip = (params) => Object.fromEntries(Object.entries(params).filter(([, v]) => v !== void 0 && v !== null));
+function loadFbEventsAfterLoad() {
+  const inject = () => {
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = "https://connect.facebook.net/en_US/fbevents.js";
+    document.head.appendChild(script);
+  };
+  if (document.readyState === "complete") inject();
+  else window.addEventListener("load", inject, { once: true });
+}
 function installFbq() {
   if (window.fbq) return window.fbq;
   const fbq = function(...args) {
@@ -748,10 +759,7 @@ function installFbq() {
   fbq.queue = [];
   window.fbq = fbq;
   if (!window._fbq) window._fbq = fbq;
-  const script = document.createElement("script");
-  script.async = true;
-  script.src = "https://connect.facebook.net/en_US/fbevents.js";
-  document.head.appendChild(script);
+  loadFbEventsAfterLoad();
   return fbq;
 }
 var PURCHASES_KEY = "fayz.meta.purchases";
@@ -815,19 +823,19 @@ function StorefrontAnalytics({ config, path }) {
   const metaPixel = pixelId && META_PIXEL_ID.test(pixelId) ? pixelId : null;
   const reporting = Boolean(posthog || metaPixel);
   const menuPath = config.delivery?.menuPath;
-  const previous = React37.useRef(null);
-  React37.useEffect(() => {
+  const previous = React38.useRef(null);
+  React38.useEffect(() => {
     if (!posthog) return;
     startStorefrontPostHog(posthog, { storeName: config.name, commerceMode: config.commerceMode });
   }, [posthog, config.name, config.commerceMode]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (!metaPixel) return;
     startStorefrontMetaPixel({ pixelId: metaPixel }, { currency: config.currency ?? "BRL" });
   }, [metaPixel, config.currency]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (metaPixel) trackMetaPageView();
   }, [metaPixel, path]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (!reporting) return;
     let ready = useCartStore.persist?.hasHydrated?.() ?? true;
     const unhydrated = useCartStore.persist?.onFinishHydration?.(() => {
@@ -858,7 +866,7 @@ function StorefrontAnalytics({ config, path }) {
       unhydrated?.();
     };
   }, [reporting]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (!reporting) return;
     const from = previous.current;
     previous.current = path;
@@ -1672,9 +1680,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 = React37__default.useRef(null);
-  const [loaded, setLoaded] = React37__default.useState(() => mode === "none" || !clientMounted);
-  const delivered = React37__default.useMemo(() => {
+  const ref = React38__default.useRef(null);
+  const [loaded, setLoaded] = React38__default.useState(() => mode === "none" || !clientMounted);
+  const delivered = React38__default.useMemo(() => {
     if (transform !== "supabase" || !src || srcSet || !isStorageImageUrl(src)) return { src, srcSet, sizes };
     if (variant?.width) {
       const w = variant.width;
@@ -1692,10 +1700,10 @@ function SmoothImage({
       sizes: variant?.sizes ?? sizes ?? "100vw"
     };
   }, [transform, src, srcSet, sizes, variant?.width, variant?.sizes, variant?.widths, variant?.quality]);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     clientMounted = true;
   }, []);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (mode === "none") {
       setLoaded(true);
       return;
@@ -2637,8 +2645,8 @@ var BADGE_TONE_CLASSES = {
   warning: "bg-amber-500 text-white"
 };
 function useExtensionBadges(product) {
-  const [badges, setBadges] = React37__default.useState([]);
-  React37__default.useEffect(() => {
+  const [badges, setBadges] = React38__default.useState([]);
+  React38__default.useEffect(() => {
     let cancelled = false;
     getProductCardBadges(product).then((next) => {
       if (!cancelled && next.length > 0) setBadges(next);
@@ -3778,7 +3786,7 @@ function scalarToString(value) {
 }
 function ProductSpecs({ product }) {
   const config = useStorefrontConfig();
-  const extraExcluded = React37__default.useMemo(
+  const extraExcluded = React38__default.useMemo(
     () => new Set(config.productSpecs?.exclude ?? []),
     [config.productSpecs?.exclude]
   );
@@ -5503,7 +5511,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(React37__default.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(React38__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)) }),
@@ -6287,10 +6295,10 @@ function StorefrontConfigHost({
   buyer,
   children
 }) {
-  const [policy, setPolicy] = React37__default.useState(null);
-  const [shipping, setShipping] = React37__default.useState(null);
-  const [delivery, setDelivery] = React37__default.useState(null);
-  React37__default.useEffect(() => {
+  const [policy, setPolicy] = React38__default.useState(null);
+  const [shipping, setShipping] = React38__default.useState(null);
+  const [delivery, setDelivery] = React38__default.useState(null);
+  React38__default.useEffect(() => {
     let cancelled = false;
     let provider;
     try {
@@ -6327,7 +6335,7 @@ function StorefrontConfigHost({
       cancelled = true;
     };
   }, [config]);
-  const resolved = React37__default.useMemo(
+  const resolved = React38__default.useMemo(
     () => applyBuyer(applyDeliveryPolicy(applyShippingSettings(applyStoreSettings(config, policy), shipping), delivery), buyer),
     [config, policy, shipping, delivery, buyer?.language, buyer?.country]
   );
@@ -6339,7 +6347,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);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     useMarketStore.getState().setActive(market);
     if (!market || market.isDefault || prices) return;
     let provider;
@@ -6351,11 +6359,11 @@ function MarketScope({ children }) {
     void provider.getMarketPrices?.(market.code).then((list) => useMarketStore.getState().setPrices(market.code, list)).catch(() => {
     });
   }, [market?.code, prices]);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (!market || !market.isDefault && !prices) return;
     useCartStore.getState().repriceForMarket();
   }, [market?.code, prices]);
-  const value = React37__default.useMemo(() => {
+  const value = React38__default.useMemo(() => {
     if (!market) return base;
     return {
       ...base,
@@ -6461,6 +6469,7 @@ function googleFontsHref(theme) {
     (f) => Boolean(f)
   );
   const unique = [...new Set(families)];
+  if (!unique.length) return null;
   const params = unique.map((f) => `family=${encodeURIComponent(f).replace(/%20/g, "+")}:wght@300;400;500;600;700`).join("&");
   return `https://fonts.googleapis.com/css2?${params}&display=swap`;
 }
@@ -6485,7 +6494,7 @@ function StorefrontThemeStyle({
       document.getElementById(linkId)?.remove();
     };
   }, [fontsHref, linkId, selector]);
-  return React37__default.createElement(
+  return React38__default.createElement(
     "style",
     { "data-sf-theme": theme.name },
     themeToCss(theme, { selector })
@@ -6584,7 +6593,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(React37__default.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
+              (product) => searchConfig.renderSuggestion ? /* @__PURE__ */ jsx(React38__default.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
             ) }),
             /* @__PURE__ */ jsx(
               "button",
@@ -6791,11 +6800,11 @@ function HeaderActions({ onMenuClick }) {
   const openDrawer = useCartStore((s2) => s2.openDrawer);
   const session = useSessionStore();
   const [accountOpen, setAccountOpen] = useState(false);
-  const accountRef = React37__default.useRef(null);
+  const accountRef = React38__default.useRef(null);
   const pop = usePopOnChange(count);
   const firstName = session.name?.split(/\s+/)[0];
   const initial2 = (firstName ?? session.email ?? "C").slice(0, 1).toUpperCase();
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (!accountOpen) return;
     const onPointerDown = (event) => {
       if (!accountRef.current?.contains(event.target)) setAccountOpen(false);
@@ -6962,7 +6971,7 @@ function MobileMenuDrawer({ open, onClose }) {
     navigateTo(config.catalogPath);
     onClose();
   };
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -7936,8 +7945,8 @@ function AddressForm({ country, language, value, onChange, onPostalCode, lookup,
         postalHint()
       ] }, "postalCode");
     }
-    if (row.length === 1) return /* @__PURE__ */ jsx(React37__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(React37__default.Fragment, { children: input(specs.get(key)) }, key)) }, cells.join("-"));
+    if (row.length === 1) return /* @__PURE__ */ jsx(React38__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(React38__default.Fragment, { children: input(specs.get(key)) }, key)) }, cells.join("-"));
   }) });
 }
 function flag(iso2) {
@@ -8293,13 +8302,13 @@ function CardBrick({ publicKey, amount, email, onSubmit, onError }) {
 var POLL_MS = 3e3;
 var RESUME_KEY = "fz.checkout.resume";
 function useExpiry(expiresAt) {
-  const target = React37__default.useMemo(() => {
+  const target = React38__default.useMemo(() => {
     if (!expiresAt) return null;
     const t = new Date(expiresAt).getTime();
     return Number.isFinite(t) ? t : null;
   }, [expiresAt]);
-  const [now, setNow] = React37__default.useState(() => Date.now());
-  React37__default.useEffect(() => {
+  const [now, setNow] = React38__default.useState(() => Date.now());
+  React38__default.useEffect(() => {
     if (target === null) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -8995,7 +9004,7 @@ function CheckoutPage() {
     district: "",
     state: ""
   });
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (!known.ready) return;
     setForm((current) => ({
       ...current,
@@ -9011,7 +9020,7 @@ function CheckoutPage() {
     }));
   }, [known.ready, known.phone, known.document, known.address]);
   const [step, setStep] = useState(resume ? 3 : 1);
-  const reportedStart = React37__default.useRef(false);
+  const reportedStart = React38__default.useRef(false);
   useEffect(() => {
     if (reportedStart.current) return;
     reportedStart.current = true;
@@ -9024,7 +9033,7 @@ function CheckoutPage() {
       });
     }
   }, []);
-  const reportedStep = React37__default.useRef(null);
+  const reportedStep = React38__default.useRef(null);
   useEffect(() => {
     if (reportedStep.current === step) return;
     reportedStep.current = step;
@@ -9033,7 +9042,7 @@ function CheckoutPage() {
   }, [step]);
   const [contactKnown, setContactKnown] = useState(false);
   const [editingContact, setEditingContact] = useState(false);
-  const skippedContact = React37__default.useRef(false);
+  const skippedContact = React38__default.useRef(false);
   const fulfillmentType = useDeliveryStore((s2) => s2.fulfillmentType);
   const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
   const deliveryReference = useDeliveryStore((s2) => {
@@ -9062,7 +9071,7 @@ function CheckoutPage() {
   const [applyingDiscount, setApplyingDiscount] = useState(false);
   const [showSignin, setShowSignin] = useState(false);
   const [placing, setPlacing] = useState(false);
-  const leaving = React37__default.useRef(false);
+  const leaving = React38__default.useRef(false);
   const [zipLookup, setZipLookup] = useState("idle");
   const subtotal = selectSubtotal(cart);
   const discountTotal = selectDiscountTotal(cart);
@@ -9070,7 +9079,7 @@ function CheckoutPage() {
   const shipping = isPickup ? 0 : shippingRaw;
   const total = selectTotal(cart, config) - (isPickup ? shippingRaw : 0);
   const checkoutSlotContext = { subtotal, total };
-  const checkoutSessionInput = React37__default.useMemo(() => ({
+  const checkoutSessionInput = React38__default.useMemo(() => ({
     items: cart.lines.map((line) => ({
       productId: line.productId,
       variantId: line.variantId ?? null,
@@ -9247,7 +9256,7 @@ function CheckoutPage() {
       cancelled = true;
     };
   }, [session.customerId]);
-  const shownCountry = React37__default.useRef(country);
+  const shownCountry = React38__default.useRef(country);
   useEffect(() => {
     if (shownCountry.current === country) return;
     shownCountry.current = country;
@@ -10029,6 +10038,7 @@ function etaParts(minutes) {
   }
   return { approx: false, text: `${Math.ceil(m / 60)} h` };
 }
+var COVER_PRIORITY = React38__default.version.startsWith("18.") ? { fetchpriority: "high" } : { fetchPriority: "high" };
 function StoreCover({ onShowHours, onOpenAccount }) {
   const sessionName = useSessionStore((s2) => s2.name || s2.email);
   const config = useStorefrontConfig();
@@ -10040,6 +10050,8 @@ function StoreCover({ onShowHours, onOpenAccount }) {
   const compact = size === "compact";
   const modes = config.delivery?.fulfillmentModes ?? ["delivery"];
   const type = useDeliveryStore((s2) => s2.fulfillmentType);
+  const etaInfo = type !== "pickup" && config.delivery?.etaMinutes ? etaParts(config.delivery.etaMinutes) : null;
+  const etaText = etaInfo ? t(etaInfo.approx ? "delivery.eta" : "delivery.etaUpTo", { duration: etaInfo.text }) : "";
   const setFulfillmentType = useDeliveryStore((s2) => s2.setFulfillmentType);
   const refreshService = useServiceStore((s2) => s2.refresh);
   const service = useServiceStore();
@@ -10054,7 +10066,7 @@ function StoreCover({ onShowHours, onOpenAccount }) {
     {
       "data-testid": TID.storeCover,
       "data-cover-size": size,
-      className: `relative isolate bg-neutral-900 text-white${compact ? " max-h-40 overflow-hidden" : ""}`,
+      className: "relative isolate bg-neutral-900 text-white",
       children: [
         cover && /* @__PURE__ */ jsx(
           "img",
@@ -10062,6 +10074,7 @@ function StoreCover({ onShowHours, onOpenAccount }) {
             src: cover,
             alt: "",
             "aria-hidden": true,
+            ...COVER_PRIORITY,
             className: "absolute inset-0 -z-10 h-full w-full object-cover"
           }
         ),
@@ -10087,9 +10100,9 @@ function StoreCover({ onShowHours, onOpenAccount }) {
           /* @__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 ${compact ? "h-11 w-11" : "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: [
-              /* @__PURE__ */ jsx("h1", { className: "truncate text-xl font-bold leading-tight", children: config.name }),
-              locality && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-white/70", children: locality }),
-              config.delivery?.paused ? /* @__PURE__ */ jsxs("p", { "data-testid": "store-delivery-paused", className: "mt-0.5 inline-flex items-center gap-1.5 truncate text-sm font-semibold text-amber-300", children: [
+              /* @__PURE__ */ jsx("h1", { className: `truncate ${compact ? "text-lg" : "text-xl"} font-bold leading-tight`, children: config.name }),
+              compact && !config.delivery?.paused ? locality || etaText ? /* @__PURE__ */ jsx("p", { "data-testid": etaText ? "store-eta" : void 0, className: "truncate text-sm text-white/80", children: [locality, etaText].filter(Boolean).join(" \xB7 ") }) : null : locality ? /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-white/70", children: locality }) : null,
+              compact && !config.delivery?.paused ? null : config.delivery?.paused ? /* @__PURE__ */ jsxs("p", { "data-testid": "store-delivery-paused", className: "mt-0.5 inline-flex items-center gap-1.5 truncate text-sm font-semibold text-amber-300", children: [
                 /* @__PURE__ */ jsx("span", { className: "h-2 w-2 shrink-0 rounded-full bg-amber-400", "aria-hidden": true }),
                 t("delivery.paused")
               ] }) : (() => {
@@ -10170,8 +10183,8 @@ function AddressStrip({
   const money = (v) => formatMoney(v, config.currency, config.locale);
   const subtotal = selectSubtotal(useCartStore());
   const resolve = useDeliveryStore((s2) => s2.resolve);
-  const quotedOnce = React37__default.useRef(false);
-  React37__default.useEffect(() => {
+  const quotedOnce = React38__default.useRef(false);
+  React38__default.useEffect(() => {
     if (quotedOnce.current || isPickup) return;
     if (delivery.status !== "idle" || delivery.options.length > 0 || !delivery.postalCode) return;
     quotedOnce.current = true;
@@ -10233,17 +10246,17 @@ function MenuToolbar({
   onQuery,
   autoFocusSearch
 }) {
-  const inputRef = React37__default.useRef(null);
-  const [active, setActive] = React37__default.useState(null);
-  React37__default.useEffect(() => {
+  const inputRef = React38__default.useRef(null);
+  const [active, setActive] = React38__default.useState(null);
+  React38__default.useEffect(() => {
     setActive(
       (current) => current && sections.some((s2) => s2.slug === current) ? current : sections[0]?.slug ?? null
     );
   }, [sections]);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (autoFocusSearch) inputRef.current?.focus();
   }, [autoFocusSearch]);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const seen = /* @__PURE__ */ new Map();
     const observer = new IntersectionObserver(
@@ -10430,10 +10443,10 @@ function ItemSheet({
 }) {
   const config = useStorefrontConfig();
   const money = (v) => formatMoney(v, config.currency, config.locale);
-  const groups = React37__default.useMemo(() => getProductOptionGroups(product), [product]);
-  const [options, setOptions] = React37__default.useState({});
-  const [notes, setNotes] = React37__default.useState("");
-  const [quantity, setQuantity] = React37__default.useState(1);
+  const groups = React38__default.useMemo(() => getProductOptionGroups(product), [product]);
+  const [options, setOptions] = React38__default.useState({});
+  const [notes, setNotes] = React38__default.useState("");
+  const [quantity, setQuantity] = React38__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]);
@@ -10627,8 +10640,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] = React37__default.useState(null);
-  React37__default.useEffect(() => {
+  const [slots, setSlots] = React38__default.useState(null);
+  React38__default.useEffect(() => {
     let alive = true;
     void (async () => {
       const rows = await getShopProvider()?.listScheduleSlots?.(fulfillmentType) ?? [];
@@ -10638,7 +10651,7 @@ function ScheduleSheet({ onClose }) {
       alive = false;
     };
   }, [fulfillmentType]);
-  const days = React37__default.useMemo(() => {
+  const days = React38__default.useMemo(() => {
     const fmtDay = new Intl.DateTimeFormat("pt-BR", {
       weekday: "long",
       day: "2-digit",
@@ -10724,8 +10737,8 @@ function hhmm(time) {
 }
 function ServiceHoursModal({ onClose }) {
   const fulfillmentType = useServiceStore((s2) => s2.fulfillmentType);
-  const [hours, setHours] = React37__default.useState(null);
-  React37__default.useEffect(() => {
+  const [hours, setHours] = React38__default.useState(null);
+  React38__default.useEffect(() => {
     let alive = true;
     void (async () => {
       const rows = await getShopProvider()?.listServiceHours?.(fulfillmentType) ?? [];
@@ -10735,7 +10748,7 @@ function ServiceHoursModal({ onClose }) {
       alive = false;
     };
   }, [fulfillmentType]);
-  const byDay = React37__default.useMemo(() => {
+  const byDay = React38__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const h of hours ?? []) {
       const list = map.get(h.weekday) ?? [];
@@ -10820,7 +10833,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] = React37__default.useState(
+  const [editing, setEditing] = React38__default.useState(
     nothingToList && !onSignIn ? {} : null
   );
   function pickAccountAddress(a) {
@@ -10839,13 +10852,13 @@ function AddressSheet({ onClose, onSignIn }) {
     void selectAddress(id, subtotal);
     onClose();
   }
-  const closeRef = React37__default.useRef(() => {
+  const closeRef = React38__default.useRef(() => {
   });
   closeRef.current = () => {
     if (editing && !nothingToList) setEditing(null);
     else onClose();
   };
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") closeRef.current();
     };
@@ -11026,8 +11039,8 @@ function AddressLines({ address }) {
   ] });
 }
 function useAccountAddresses(customerId) {
-  const [rows, setRows] = React37__default.useState([]);
-  React37__default.useEffect(() => {
+  const [rows, setRows] = React38__default.useState([]);
+  React38__default.useEffect(() => {
     if (!customerId) {
       setRows([]);
       return;
@@ -11055,24 +11068,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] = React37__default.useState(initial2?.postalCode ? formatPostalCode(initial2.postalCode) : "");
-  const [number, setNumber] = React37__default.useState(initial2?.number ?? "");
-  const [complement, setComplement] = React37__default.useState(initial2?.complement ?? "");
-  const [reference, setReference] = React37__default.useState(initial2?.reference ?? "");
-  const [label, setLabel] = React37__default.useState(initial2?.label ?? "");
-  const [touched, setTouched] = React37__default.useState(false);
-  const numberRef = React37__default.useRef(null);
+  const [cep, setCep] = React38__default.useState(initial2?.postalCode ? formatPostalCode(initial2.postalCode) : "");
+  const [number, setNumber] = React38__default.useState(initial2?.number ?? "");
+  const [complement, setComplement] = React38__default.useState(initial2?.complement ?? "");
+  const [reference, setReference] = React38__default.useState(initial2?.reference ?? "");
+  const [label, setLabel] = React38__default.useState(initial2?.label ?? "");
+  const [touched, setTouched] = React38__default.useState(false);
+  const numberRef = React38__default.useRef(null);
   const digits = normalizePostalCode(cep);
   const found = Boolean(looked) && normalizePostalCode(looked.postalCode) === digits;
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (found) numberRef.current?.focus();
   }, [found]);
   async function lookUp() {
     if (digits.length !== 8) return;
     await resolve(digits, subtotal);
   }
-  const prefilled = React37__default.useRef(false);
-  React37__default.useEffect(() => {
+  const prefilled = React38__default.useRef(false);
+  React38__default.useEffect(() => {
     if (prefilled.current || !initial2?.postalCode) return;
     prefilled.current = true;
     if (!found) void lookUp();
@@ -11288,7 +11301,7 @@ function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
   const session = useSessionStore();
   const signedIn = Boolean(session.email);
   const name = session.name || session.email?.split("@")[0] || "";
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -11372,8 +11385,8 @@ function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
 function MenuPage() {
   const config = useStorefrontConfig();
   const addItem = useCartStore((s2) => s2.addItem);
-  const [openProduct, setOpenProduct] = React37__default.useState(null);
-  React37__default.useEffect(() => {
+  const [openProduct, setOpenProduct] = React38__default.useState(null);
+  React38__default.useEffect(() => {
     if (!openProduct) return;
     trackStorefront("product_viewed", {
       product_id: openProduct.id,
@@ -11384,18 +11397,18 @@ function MenuPage() {
       surface: "menu_sheet"
     });
   }, [openProduct?.id]);
-  const [showHours, setShowHours] = React37__default.useState(false);
-  const [showClosed, setShowClosed] = React37__default.useState(false);
-  const [showAddress, setShowAddress] = React37__default.useState(false);
-  const [showAccount, setShowAccount] = React37__default.useState(false);
-  const [showSignIn, setShowSignIn] = React37__default.useState(false);
-  const [showSchedule, setShowSchedule] = React37__default.useState(false);
-  const [query, setQuery] = React37__default.useState("");
+  const [showHours, setShowHours] = React38__default.useState(false);
+  const [showClosed, setShowClosed] = React38__default.useState(false);
+  const [showAddress, setShowAddress] = React38__default.useState(false);
+  const [showAccount, setShowAccount] = React38__default.useState(false);
+  const [showSignIn, setShowSignIn] = React38__default.useState(false);
+  const [showSchedule, setShowSchedule] = React38__default.useState(false);
+  const [query, setQuery] = React38__default.useState("");
   const serviceState = useServiceStore();
   const refreshService = useServiceStore((s2) => s2.refresh);
   const paused = Boolean(config.delivery?.paused);
   const isOpen = selectIsOpen(serviceState) && !paused;
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     void refreshService();
   }, [refreshService]);
   const cart = useCartStore();
@@ -11417,7 +11430,7 @@ function MenuPage() {
   const loading = products.status === "loading" || products.status === "idle";
   const items = products.data ?? [];
   const cats = categories.data ?? [];
-  const allSections = React37__default.useMemo(() => {
+  const allSections = React38__default.useMemo(() => {
     const byCategory = /* @__PURE__ */ new Map();
     const loose = [];
     for (const p of items) {
@@ -11445,7 +11458,7 @@ function MenuPage() {
     }
     return ordered;
   }, [items, cats]);
-  const highlights = React37__default.useMemo(
+  const highlights = React38__default.useMemo(
     () => pickHighlights(items, {
       listingFeaturedIds: featured.data?.listing,
       menuFeaturedIds: featured.data?.menu,
@@ -11454,7 +11467,7 @@ function MenuPage() {
     [items, featured.data, config.delivery?.highlightSlugs]
   );
   const normalized = query.trim().toLowerCase();
-  const sections = React37__default.useMemo(() => {
+  const sections = React38__default.useMemo(() => {
     if (!normalized) return allSections;
     return allSections.map((section) => ({
       ...section,
@@ -11627,7 +11640,7 @@ function MenuPage() {
   );
 }
 function BottomBarSpace() {
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     const root = document.documentElement;
     root.style.setProperty("--fayz-bottom-bar", "4.5rem");
     return () => {
@@ -11918,7 +11931,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 = React37__default.useCallback(() => {
+  const reload = React38__default.useCallback(() => {
     let cancelled = false;
     getShopProvider().getOrder(orderId).then((o) => {
       if (!cancelled) setOrder(o);
@@ -11947,7 +11960,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(React37__default.Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React38__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)) })
@@ -12234,7 +12247,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(React37__default.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React38__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)) }),
@@ -12313,7 +12326,7 @@ function ProfilePanel() {
   const [saving, setSaving] = useState(false);
   const [saved, setSaved] = useState(false);
   const [error, setError] = useState(null);
-  React37__default.useEffect(() => {
+  React38__default.useEffect(() => {
     if (!supported) return;
     let cancelled = false;
     provider.getMyProfile().then((p) => {
@@ -12606,7 +12619,7 @@ function PolicyPage({ kind }) {
     ] }) })
   ] });
 }
-var StorefrontErrorBoundary = class extends React37__default.Component {
+var StorefrontErrorBoundary = class extends React38__default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -12896,5 +12909,5 @@ function createStorefront(options) {
 }
 
 export { AddressForm, AddressSheet, AddressStrip, BEFORE_PLACE_ORDER_VALVE, BUYER_COUNTRY_COOKIE, BenefitsRow, CART_LINE_ANNOTATION_POINT, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, ClosedStoreDialog, CollectionCta, CollectionHero, ContentPage, CountdownBand, CountrySelect, DeliverToPicker, EmailConfirmationRequiredError, EntityListBlock, ExperimentBlock, ExperimentProvider, ExperimentVariantBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, ItemSheet, ManifestoBlock, MediaCarousel, MenuItemRow, MenuPage, MenuToolbar, MotifStrip, MyPurchasesPage, NewsletterBand, ORDER_METADATA_POINT, OrderConfirmationPage, OrderTrackingTimeline, PAGE_DATA_SCRIPT_ID, PLACEHOLDER_ASPECTS, PRODUCT_CARD_BADGE_POINT, PaymentTerms, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGallery, ProductGrid, ProductOptionSelector, ProductRail, ProductReviews, ProductSlider, ProductSpecs, ProductSpotlight, PromoBanner, QuantityInput, Reveal, STOREFRONT_SLOTS, ScheduleSheet, SealsBand, SearchOverlay, ServiceHoursModal, Slot, SmoothImage, StepsSection, StoreCover, StorefrontAnalytics, StorefrontConfigHost, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, applyDeliveryPolicy, applyStoreSettings, bannerPlaceholder, buildEnquiryFromForm, collectOrderMetadata, createStorefront, createStorefrontApp, entityListBlockMeta, establishCustomerSession, formatMoney, formatProductOptionSelection, getCartLineAnnotations, getCheckoutFieldContributions, getCustomerAuthAdapter, getProductCardBadges, getProductOptionGroups, hydratedEntriesFor, identifyStorefrontBuyer, initStorefrontRuntime, isExperimentBinding, listSlots, marketForCountry, marketUnitPrice, matchesFacets, mergeCollectionFacet, nextMilestone, normalizeProductOptionSelection, onStorefrontEvent, orderGalleryImages, overrideComponent, overrideProps, pickProductCardImage, placeStorefrontOrder, prefersReducedMotion, productCardComponentContract, productOptionSelectionKey, productPlaceholder, readHydratedPageData, registerStorefrontBlocks, registerStorefrontEntities, registerStorefrontExtensionPoints, registerStorefrontLoaders, resetPageDiagnostics, resetProductOptionsDeprecationWarnings, resetStorefrontExtensionPoints, resolveAuthAdapter, resolveExperimental, resolveOverride, resolvePaymentTerms, resolveStorefrontProvider, resolveVariantForSelection, roundCents, runBeforePlaceOrderValve, sectionsToBlocks, selectCount, selectDiscountTotal, selectIsOpen, selectRequiresShipping, selectShipping, selectShowsHours, selectSubtotal, selectTotal, selectionPrice, serializePageData, signInByEmail, signOutCustomer, signUpCustomer, startStorefrontPostHog, storeBuyerId, storefrontComponentContracts, themeToCss, toFacetMap, trackStorefront, useBuyerCountry, useBuyerStore, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useExperiment, useExperimentValue, useInView, useMarketProduct, useMarketStore, useMyOrders, usePopOnChange, useProduct, useProducts, useScrolled, useServiceStore, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, useT, usedSlots, withFacet, withMarketPrice };
-//# sourceMappingURL=chunk-RYWQGQ4M.js.map
-//# sourceMappingURL=chunk-RYWQGQ4M.js.map
+//# sourceMappingURL=chunk-OV6DVQMB.js.map
+//# sourceMappingURL=chunk-OV6DVQMB.js.map