@fayz-ai/storefront 0.81.0 → 0.83.0

package/dist/{chunk-CWHGBPRP.js → chunk-7GX7JLF7.js}

@@ -1,14 +1,15 @@
-import { Link, useStorefrontConfigOptional, useStorefrontConfig, 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-2KCORAVB.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, defineLoader, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, errorMessage, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, countryName, defineEntity, defaultRouterAdapter, describeError, validateAddress } from '@fayz-ai/core';
+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 React36 from 'react';
-import React36__default, { createContext, useRef, useState, useEffect, useMemo, useContext, useCallback } from 'react';
+import * as React37 from 'react';
+import React37__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';
 import { setShopCarrierQuotesResolver, setShopAccessTokenResolver, setShopShippingItemsResolver } from '@fayz-ai/sdk/shop';
-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';
 import { getLucideIcon } from '@fayz-ai/ui/icons';
@@ -531,6 +532,95 @@ async function storeBuyerId(storeId, email) {
   const hex = Array.from(new Uint8Array(digest), (b) => b.toString(16).padStart(2, "0")).join("");
   return `store:${storeId}:${hex}`;
 }
+function isExperimentBinding(value) {
+  return typeof value === "object" && value !== null && typeof value.experiment === "string" && typeof value.variants === "object";
+}
+function resolveExperimental(value, variant) {
+  if (!isExperimentBinding(value)) return value;
+  return value.variants[variant] ?? value.variants.control;
+}
+var bootstrap = null;
+function getExperimentBootstrap() {
+  return bootstrap;
+}
+var ExperimentContext = React37__default.createContext(null);
+function ExperimentProvider({ assignments, path, children }) {
+  const config = useStorefrontConfig();
+  const kept = React37__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(runningExperiments(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]);
+  return /* @__PURE__ */ jsx(ExperimentContext.Provider, { value, children });
+}
+function useExperiment(key) {
+  const state = React37__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(() => {
+    if (!state || !inExperiment || state.exposed.has(key)) return;
+    state.exposed.add(key);
+    trackStorefront("experiment_exposed", { experiment: key, variant });
+  }, [state, key, variant, inExperiment]);
+  return result;
+}
+function useExperimentValue(value) {
+  const bound = isExperimentBinding(value);
+  if (!bound) return value;
+  const { variant } = useExperiment(value.experiment);
+  return resolveExperimental(value, variant);
+}
+function ExperimentBlock({ experiment, node }) {
+  const { variant } = useExperiment(experiment ?? "");
+  const path = useBlockPath();
+  const variants = node?.children ?? [];
+  let index = variants.findIndex((child) => child.props?.variant === variant);
+  if (index < 0) index = variants.findIndex((child) => child.props?.variant === CONTROL);
+  if (index < 0) return null;
+  return /* @__PURE__ */ jsx(BlockRenderer, { node: variants[index], path: path ? `${path}.children[${index}]` : void 0 });
+}
+function ExperimentVariantBlock({ node }) {
+  return /* @__PURE__ */ jsx(BlockChildren, { node });
+}
+var experimentBlockMeta = {
+  label: "Experiment",
+  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",
+      type: "text",
+      label: "Experiment key",
+      required: true,
+      help: "The PostHog flag key, declared in the store config under `experiments`."
+    }
+  ],
+  presets: [{ name: "A/B test", props: { experiment: "my-experiment" } }],
+  enabledOn: ["home", "catalog", "product", "collection", "content"]
+};
+var experimentVariantBlockMeta = {
+  label: "Experiment variant",
+  description: "The blocks one variant of an experiment shows.",
+  parent: ["experiment"],
+  settings: [
+    {
+      id: "variant",
+      type: "text",
+      label: "Variant key",
+      required: true,
+      help: 'Exactly as on the PostHog flag, e.g. "control" or "test".'
+    }
+  ],
+  presets: [
+    { name: "Control", props: { variant: "control" } },
+    { name: "Test", props: { variant: "test" } }
+  ],
+  enabledOn: ["home", "catalog", "product", "collection", "content"]
+};
 
 // src/analytics/posthog.ts
 var started = null;
@@ -540,7 +630,24 @@ function startStorefrontPostHog(config, context) {
   started = (async () => {
     const { default: posthog } = await import('posthog-js');
     const store = { store_id: config.storeId, store_name: context.storeName, commerce_mode: context.commerceMode };
+    const experiments = getExperimentBootstrap();
+    const hasPostHogCookie = document.cookie.includes(`ph_${config.key}_posthog=`);
+    const visitorId = hasPostHogCookie ? void 0 : readVisitorId(document.cookie, config.key);
+    const flags = experiments?.flags ?? {};
+    const bootstrap2 = Object.keys(flags).length || visitorId ? {
+      ...visitorId ? { distinctID: visitorId } : {},
+      featureFlags: Object.fromEntries(Object.entries(flags).map(([k, a]) => [k, a.variant])),
+      featureFlagPayloads: Object.fromEntries(
+        Object.entries(flags).filter(([, a]) => a.payload !== void 0).map(([k, a]) => [k, a.payload])
+      )
+    } : void 0;
     posthog.init(config.key, {
+      ...bootstrap2 ? { bootstrap: bootstrap2 } : {},
+      // With variants bootstrapped, the browser does not re-ask /flags on
+      // load: an answer that differed from the rendered page (a server-side
+      // timeout, a rollout change between the two calls) would tag this
+      // visitor's events with a variant they never saw.
+      ...Object.keys(flags).length ? { advanced_disable_feature_flags_on_first_load: true } : {},
       api_host: config.apiHost ?? "/ingest",
       ui_host: config.uiHost ?? "https://us.posthog.com",
       defaults: "2026-08-30",
@@ -559,6 +666,16 @@ function startStorefrontPostHog(config, context) {
     });
     posthog.register(store);
     onStorefrontEvent((event) => {
+      if (event.name === "experiment_exposed") {
+        const { experiment, variant } = event.properties;
+        if (typeof experiment !== "string" || typeof variant !== "string") return;
+        posthog.capture("$feature_flag_called", {
+          $feature_flag: experiment,
+          $feature_flag_response: variant,
+          [`$feature/${experiment}`]: variant
+        });
+        return;
+      }
       posthog.capture(event.name, event.properties, { timestamp: new Date(event.at) });
     });
     setStorefrontIdentifier((email) => {
@@ -698,19 +815,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 = React36.useRef(null);
-  React36.useEffect(() => {
+  const previous = React37.useRef(null);
+  React37.useEffect(() => {
     if (!posthog) return;
     startStorefrontPostHog(posthog, { storeName: config.name, commerceMode: config.commerceMode });
   }, [posthog, config.name, config.commerceMode]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!metaPixel) return;
     startStorefrontMetaPixel({ pixelId: metaPixel }, { currency: config.currency ?? "BRL" });
   }, [metaPixel, config.currency]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (metaPixel) trackMetaPageView();
   }, [metaPixel, path]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!reporting) return;
     let ready = useCartStore.persist?.hasHydrated?.() ?? true;
     const unhydrated = useCartStore.persist?.onFinishHydration?.(() => {
@@ -741,7 +858,7 @@ function StorefrontAnalytics({ config, path }) {
       unhydrated?.();
     };
   }, [reporting]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!reporting) return;
     const from = previous.current;
     previous.current = path;
@@ -1555,9 +1672,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 = React36__default.useRef(null);
-  const [loaded, setLoaded] = React36__default.useState(() => mode === "none" || !clientMounted);
-  const delivered = React36__default.useMemo(() => {
+  const ref = React37__default.useRef(null);
+  const [loaded, setLoaded] = React37__default.useState(() => mode === "none" || !clientMounted);
+  const delivered = React37__default.useMemo(() => {
     if (transform !== "supabase" || !src || srcSet || !isStorageImageUrl(src)) return { src, srcSet, sizes };
     if (variant?.width) {
       const w = variant.width;
@@ -1575,10 +1692,10 @@ function SmoothImage({
       sizes: variant?.sizes ?? sizes ?? "100vw"
     };
   }, [transform, src, srcSet, sizes, variant?.width, variant?.sizes, variant?.widths, variant?.quality]);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     clientMounted = true;
   }, []);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (mode === "none") {
       setLoaded(true);
       return;
@@ -2520,8 +2637,8 @@ var BADGE_TONE_CLASSES = {
   warning: "bg-amber-500 text-white"
 };
 function useExtensionBadges(product) {
-  const [badges, setBadges] = React36__default.useState([]);
-  React36__default.useEffect(() => {
+  const [badges, setBadges] = React37__default.useState([]);
+  React37__default.useEffect(() => {
     let cancelled = false;
     getProductCardBadges(product).then((next) => {
       if (!cancelled && next.length > 0) setBadges(next);
@@ -3661,7 +3778,7 @@ function scalarToString(value) {
 }
 function ProductSpecs({ product }) {
   const config = useStorefrontConfig();
-  const extraExcluded = React36__default.useMemo(
+  const extraExcluded = React37__default.useMemo(
     () => new Set(config.productSpecs?.exclude ?? []),
     [config.productSpecs?.exclude]
   );
@@ -5386,7 +5503,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(React36__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(React37__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)) }),
@@ -6116,6 +6233,8 @@ function registerStorefrontBlocks() {
   defineBlock("collectionCta", CollectionCta, { source: "sdk", ...collectionCtaBlockMeta });
   defineBlock("catalogBody", CatalogBodyBlock, { source: "sdk", ...catalogBodyBlockMeta });
   defineBlock("productBody", ProductBodyBlock, { source: "sdk", ...productBodyBlockMeta });
+  defineBlock("experiment", ExperimentBlock, { source: "sdk", ...experimentBlockMeta });
+  defineBlock("experimentVariant", ExperimentVariantBlock, { source: "sdk", ...experimentVariantBlockMeta });
 }
 function sectionsToBlocks(sections) {
   return sections.map((section, i) => {
@@ -6168,10 +6287,10 @@ function StorefrontConfigHost({
   buyer,
   children
 }) {
-  const [policy, setPolicy] = React36__default.useState(null);
-  const [shipping, setShipping] = React36__default.useState(null);
-  const [delivery, setDelivery] = React36__default.useState(null);
-  React36__default.useEffect(() => {
+  const [policy, setPolicy] = React37__default.useState(null);
+  const [shipping, setShipping] = React37__default.useState(null);
+  const [delivery, setDelivery] = React37__default.useState(null);
+  React37__default.useEffect(() => {
     let cancelled = false;
     let provider;
     try {
@@ -6208,7 +6327,7 @@ function StorefrontConfigHost({
       cancelled = true;
     };
   }, [config]);
-  const resolved = React36__default.useMemo(
+  const resolved = React37__default.useMemo(
     () => applyBuyer(applyDeliveryPolicy(applyShippingSettings(applyStoreSettings(config, policy), shipping), delivery), buyer),
     [config, policy, shipping, delivery, buyer?.language, buyer?.country]
   );
@@ -6220,7 +6339,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);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     useMarketStore.getState().setActive(market);
     if (!market || market.isDefault || prices) return;
     let provider;
@@ -6232,11 +6351,11 @@ function MarketScope({ children }) {
     void provider.getMarketPrices?.(market.code).then((list) => useMarketStore.getState().setPrices(market.code, list)).catch(() => {
     });
   }, [market?.code, prices]);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (!market || !market.isDefault && !prices) return;
     useCartStore.getState().repriceForMarket();
   }, [market?.code, prices]);
-  const value = React36__default.useMemo(() => {
+  const value = React37__default.useMemo(() => {
     if (!market) return base;
     return {
       ...base,
@@ -6366,7 +6485,7 @@ function StorefrontThemeStyle({
       document.getElementById(linkId)?.remove();
     };
   }, [fontsHref, linkId, selector]);
-  return React36__default.createElement(
+  return React37__default.createElement(
     "style",
     { "data-sf-theme": theme.name },
     themeToCss(theme, { selector })
@@ -6465,7 +6584,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(React36__default.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
+              (product) => searchConfig.renderSuggestion ? /* @__PURE__ */ jsx(React37__default.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
             ) }),
             /* @__PURE__ */ jsx(
               "button",
@@ -6672,11 +6791,11 @@ function HeaderActions({ onMenuClick }) {
   const openDrawer = useCartStore((s2) => s2.openDrawer);
   const session = useSessionStore();
   const [accountOpen, setAccountOpen] = useState(false);
-  const accountRef = React36__default.useRef(null);
+  const accountRef = React37__default.useRef(null);
   const pop = usePopOnChange(count);
   const firstName = session.name?.split(/\s+/)[0];
   const initial2 = (firstName ?? session.email ?? "C").slice(0, 1).toUpperCase();
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (!accountOpen) return;
     const onPointerDown = (event) => {
       if (!accountRef.current?.contains(event.target)) setAccountOpen(false);
@@ -6843,7 +6962,7 @@ function MobileMenuDrawer({ open, onClose }) {
     navigateTo(config.catalogPath);
     onClose();
   };
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -7817,8 +7936,8 @@ function AddressForm({ country, language, value, onChange, onPostalCode, lookup,
         postalHint()
       ] }, "postalCode");
     }
-    if (row.length === 1) return /* @__PURE__ */ jsx(React36__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(React36__default.Fragment, { children: input(specs.get(key)) }, key)) }, cells.join("-"));
+    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("-"));
   }) });
 }
 function flag(iso2) {
@@ -8174,13 +8293,13 @@ function CardBrick({ publicKey, amount, email, onSubmit, onError }) {
 var POLL_MS = 3e3;
 var RESUME_KEY = "fz.checkout.resume";
 function useExpiry(expiresAt) {
-  const target = React36__default.useMemo(() => {
+  const target = React37__default.useMemo(() => {
     if (!expiresAt) return null;
     const t = new Date(expiresAt).getTime();
     return Number.isFinite(t) ? t : null;
   }, [expiresAt]);
-  const [now, setNow] = React36__default.useState(() => Date.now());
-  React36__default.useEffect(() => {
+  const [now, setNow] = React37__default.useState(() => Date.now());
+  React37__default.useEffect(() => {
     if (target === null) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -8876,7 +8995,7 @@ function CheckoutPage() {
     district: "",
     state: ""
   });
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (!known.ready) return;
     setForm((current) => ({
       ...current,
@@ -8892,7 +9011,7 @@ function CheckoutPage() {
     }));
   }, [known.ready, known.phone, known.document, known.address]);
   const [step, setStep] = useState(resume ? 3 : 1);
-  const reportedStart = React36__default.useRef(false);
+  const reportedStart = React37__default.useRef(false);
   useEffect(() => {
     if (reportedStart.current) return;
     reportedStart.current = true;
@@ -8905,7 +9024,7 @@ function CheckoutPage() {
       });
     }
   }, []);
-  const reportedStep = React36__default.useRef(null);
+  const reportedStep = React37__default.useRef(null);
   useEffect(() => {
     if (reportedStep.current === step) return;
     reportedStep.current = step;
@@ -8914,7 +9033,7 @@ function CheckoutPage() {
   }, [step]);
   const [contactKnown, setContactKnown] = useState(false);
   const [editingContact, setEditingContact] = useState(false);
-  const skippedContact = React36__default.useRef(false);
+  const skippedContact = React37__default.useRef(false);
   const fulfillmentType = useDeliveryStore((s2) => s2.fulfillmentType);
   const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
   const deliveryReference = useDeliveryStore((s2) => {
@@ -8943,7 +9062,7 @@ function CheckoutPage() {
   const [applyingDiscount, setApplyingDiscount] = useState(false);
   const [showSignin, setShowSignin] = useState(false);
   const [placing, setPlacing] = useState(false);
-  const leaving = React36__default.useRef(false);
+  const leaving = React37__default.useRef(false);
   const [zipLookup, setZipLookup] = useState("idle");
   const subtotal = selectSubtotal(cart);
   const discountTotal = selectDiscountTotal(cart);
@@ -8951,7 +9070,7 @@ function CheckoutPage() {
   const shipping = isPickup ? 0 : shippingRaw;
   const total = selectTotal(cart, config) - (isPickup ? shippingRaw : 0);
   const checkoutSlotContext = { subtotal, total };
-  const checkoutSessionInput = React36__default.useMemo(() => ({
+  const checkoutSessionInput = React37__default.useMemo(() => ({
     items: cart.lines.map((line) => ({
       productId: line.productId,
       variantId: line.variantId ?? null,
@@ -9128,7 +9247,7 @@ function CheckoutPage() {
       cancelled = true;
     };
   }, [session.customerId]);
-  const shownCountry = React36__default.useRef(country);
+  const shownCountry = React37__default.useRef(country);
   useEffect(() => {
     if (shownCountry.current === country) return;
     shownCountry.current = country;
@@ -9917,8 +10036,12 @@ function StoreCover({ onShowHours, onOpenAccount }) {
   const cover = config.delivery?.coverImage;
   const logo = config.delivery?.logoImage;
   const locality = config.delivery?.locality;
+  const size = useExperimentValue(config.delivery?.coverSize) ?? "full";
+  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();
@@ -9928,89 +10051,97 @@ function StoreCover({ onShowHours, onOpenAccount }) {
     setFulfillmentType(next);
     void refreshService(next);
   }
-  return /* @__PURE__ */ jsxs("header", { "data-testid": TID.storeCover, className: "relative isolate bg-neutral-900 text-white", children: [
-    cover && /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: cover,
-        alt: "",
-        "aria-hidden": true,
-        className: "absolute inset-0 -z-10 h-full w-full object-cover"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": true,
-        className: "absolute inset-0 -z-10 bg-gradient-to-b from-black/30 via-black/45 to-black/75"
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "relative mx-auto w-full max-w-3xl px-4 pb-4 pt-8", children: [
-      onOpenAccount && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onOpenAccount,
-          "data-testid": "store-account",
-          "aria-label": sessionName ? "Sua conta" : "Entrar ou cadastrar",
-          className: "absolute right-4 top-3 grid h-10 w-10 place-items-center rounded-full bg-black/40 text-sm font-bold ring-1 ring-white/25 backdrop-blur",
-          children: sessionName ? sessionName.slice(0, 1).toUpperCase() : /* @__PURE__ */ jsx(UserRound, { className: "h-5 w-5" })
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 [text-shadow:0_1px_3px_rgb(0_0_0_/_0.7)]", children: [
-        /* @__PURE__ */ jsx("div", { className: "grid h-14 w-14 shrink-0 place-items-center overflow-hidden rounded-xl bg-white/10 ring-1 ring-white/20", children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "", "aria-hidden": true, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-xl font-bold", children: config.name.slice(0, 1) }) }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__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("span", { className: "h-2 w-2 shrink-0 rounded-full bg-amber-400", "aria-hidden": true }),
-            t("delivery.paused")
-          ] }) : (() => {
-            const eta = type !== "pickup" && config.delivery?.etaMinutes ? etaParts(config.delivery.etaMinutes) : null;
-            return eta ? /* @__PURE__ */ jsx("p", { "data-testid": "store-eta", className: "truncate text-sm text-white/80", children: t(eta.approx ? "delivery.eta" : "delivery.etaUpTo", { duration: eta.text }) }) : null;
-          })(),
-          showsHours && service.service && // O estado é o botão que abre a placa da porta. Um selo que diz
-          // "Fechado" e não leva a lugar nenhum deixa a pessoa sem a única
-          // pergunta seguinte que ela tem: então quando abre?
-          /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      "data-testid": TID.storeCover,
+      "data-cover-size": size,
+      className: "relative isolate bg-neutral-900 text-white",
+      children: [
+        cover && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: cover,
+            alt: "",
+            "aria-hidden": true,
+            className: "absolute inset-0 -z-10 h-full w-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "absolute inset-0 -z-10 bg-gradient-to-b from-black/30 via-black/45 to-black/75"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: `relative mx-auto w-full max-w-3xl px-4 ${compact ? "pb-3 pt-3" : "pb-4 pt-8"}`, children: [
+          onOpenAccount && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              "data-testid": TID.serviceStatus,
-              "data-open": open ? "true" : "false",
-              onClick: onShowHours,
-              className: "mt-0.5 flex items-center gap-1.5 text-sm font-semibold underline-offset-2 hover:underline",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": true,
-                    className: `h-2 w-2 rounded-full ${open ? "bg-emerald-400" : "bg-red-400"}`
-                  }
-                ),
-                open ? /* @__PURE__ */ jsx(OpenUntil, {}) : /* @__PURE__ */ jsx(ClosedUntil, {})
-              ]
+              onClick: onOpenAccount,
+              "data-testid": "store-account",
+              "aria-label": sessionName ? "Sua conta" : "Entrar ou cadastrar",
+              className: "absolute right-4 top-3 grid h-10 w-10 place-items-center rounded-full bg-black/40 text-sm font-bold ring-1 ring-white/25 backdrop-blur",
+              children: sessionName ? sessionName.slice(0, 1).toUpperCase() : /* @__PURE__ */ jsx(UserRound, { className: "h-5 w-5" })
             }
-          )
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 [text-shadow:0_1px_3px_rgb(0_0_0_/_0.7)]", children: [
+            /* @__PURE__ */ jsx("div", { className: `grid ${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 ${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")
+              ] }) : (() => {
+                const eta = type !== "pickup" && config.delivery?.etaMinutes ? etaParts(config.delivery.etaMinutes) : null;
+                return eta ? /* @__PURE__ */ jsx("p", { "data-testid": "store-eta", className: "truncate text-sm text-white/80", children: t(eta.approx ? "delivery.eta" : "delivery.etaUpTo", { duration: eta.text }) }) : null;
+              })(),
+              showsHours && service.service && // O estado é o botão que abre a placa da porta. Um selo que diz
+              // "Fechado" e não leva a lugar nenhum deixa a pessoa sem a única
+              // pergunta seguinte que ela tem: então quando abre?
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": TID.serviceStatus,
+                  "data-open": open ? "true" : "false",
+                  onClick: onShowHours,
+                  className: "mt-0.5 flex items-center gap-1.5 text-sm font-semibold underline-offset-2 hover:underline",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: `h-2 w-2 rounded-full ${open ? "bg-emerald-400" : "bg-red-400"}`
+                      }
+                    ),
+                    open ? /* @__PURE__ */ jsx(OpenUntil, {}) : /* @__PURE__ */ jsx(ClosedUntil, {})
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          modes.length > 1 && /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-1", children: modes.map((mode) => {
+            const active = type === mode;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": TID.fulfillmentMode(mode),
+                "aria-pressed": active,
+                onClick: () => choose(mode),
+                className: `rounded-full px-5 py-2 text-sm font-semibold transition ${active ? "bg-white text-neutral-900" : "text-white/80"}`,
+                children: mode === "pickup" ? "Retirada" : "Entrega"
+              },
+              mode
+            );
+          }) })
         ] })
-      ] }),
-      modes.length > 1 && /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-1", children: modes.map((mode) => {
-        const active = type === mode;
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-testid": TID.fulfillmentMode(mode),
-            "aria-pressed": active,
-            onClick: () => choose(mode),
-            className: `rounded-full px-5 py-2 text-sm font-semibold transition ${active ? "bg-white text-neutral-900" : "text-white/80"}`,
-            children: mode === "pickup" ? "Retirada" : "Entrega"
-          },
-          mode
-        );
-      }) })
-    ] })
-  ] });
+      ]
+    }
+  );
 }
 function OpenUntil() {
   const service = useServiceStore((s2) => s2.service);
@@ -10041,8 +10172,8 @@ function AddressStrip({
   const money = (v) => formatMoney(v, config.currency, config.locale);
   const subtotal = selectSubtotal(useCartStore());
   const resolve = useDeliveryStore((s2) => s2.resolve);
-  const quotedOnce = React36__default.useRef(false);
-  React36__default.useEffect(() => {
+  const quotedOnce = React37__default.useRef(false);
+  React37__default.useEffect(() => {
     if (quotedOnce.current || isPickup) return;
     if (delivery.status !== "idle" || delivery.options.length > 0 || !delivery.postalCode) return;
     quotedOnce.current = true;
@@ -10104,17 +10235,17 @@ function MenuToolbar({
   onQuery,
   autoFocusSearch
 }) {
-  const inputRef = React36__default.useRef(null);
-  const [active, setActive] = React36__default.useState(null);
-  React36__default.useEffect(() => {
+  const inputRef = React37__default.useRef(null);
+  const [active, setActive] = React37__default.useState(null);
+  React37__default.useEffect(() => {
     setActive(
       (current) => current && sections.some((s2) => s2.slug === current) ? current : sections[0]?.slug ?? null
     );
   }, [sections]);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (autoFocusSearch) inputRef.current?.focus();
   }, [autoFocusSearch]);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const seen = /* @__PURE__ */ new Map();
     const observer = new IntersectionObserver(
@@ -10301,10 +10432,10 @@ function ItemSheet({
 }) {
   const config = useStorefrontConfig();
   const money = (v) => formatMoney(v, config.currency, config.locale);
-  const groups = React36__default.useMemo(() => getProductOptionGroups(product), [product]);
-  const [options, setOptions] = React36__default.useState({});
-  const [notes, setNotes] = React36__default.useState("");
-  const [quantity, setQuantity] = React36__default.useState(1);
+  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 image = product.images?.find((i) => i.isPrimary) ?? product.images?.[0];
   const stock = product.inventoryCount;
   const missing = groups.filter((g) => !options[g.label]);
@@ -10498,8 +10629,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] = React36__default.useState(null);
-  React36__default.useEffect(() => {
+  const [slots, setSlots] = React37__default.useState(null);
+  React37__default.useEffect(() => {
     let alive = true;
     void (async () => {
       const rows = await getShopProvider()?.listScheduleSlots?.(fulfillmentType) ?? [];
@@ -10509,7 +10640,7 @@ function ScheduleSheet({ onClose }) {
       alive = false;
     };
   }, [fulfillmentType]);
-  const days = React36__default.useMemo(() => {
+  const days = React37__default.useMemo(() => {
     const fmtDay = new Intl.DateTimeFormat("pt-BR", {
       weekday: "long",
       day: "2-digit",
@@ -10595,8 +10726,8 @@ function hhmm(time) {
 }
 function ServiceHoursModal({ onClose }) {
   const fulfillmentType = useServiceStore((s2) => s2.fulfillmentType);
-  const [hours, setHours] = React36__default.useState(null);
-  React36__default.useEffect(() => {
+  const [hours, setHours] = React37__default.useState(null);
+  React37__default.useEffect(() => {
     let alive = true;
     void (async () => {
       const rows = await getShopProvider()?.listServiceHours?.(fulfillmentType) ?? [];
@@ -10606,7 +10737,7 @@ function ServiceHoursModal({ onClose }) {
       alive = false;
     };
   }, [fulfillmentType]);
-  const byDay = React36__default.useMemo(() => {
+  const byDay = React37__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const h of hours ?? []) {
       const list = map.get(h.weekday) ?? [];
@@ -10691,7 +10822,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] = React36__default.useState(
+  const [editing, setEditing] = React37__default.useState(
     nothingToList && !onSignIn ? {} : null
   );
   function pickAccountAddress(a) {
@@ -10710,13 +10841,13 @@ function AddressSheet({ onClose, onSignIn }) {
     void selectAddress(id, subtotal);
     onClose();
   }
-  const closeRef = React36__default.useRef(() => {
+  const closeRef = React37__default.useRef(() => {
   });
   closeRef.current = () => {
     if (editing && !nothingToList) setEditing(null);
     else onClose();
   };
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") closeRef.current();
     };
@@ -10897,8 +11028,8 @@ function AddressLines({ address }) {
   ] });
 }
 function useAccountAddresses(customerId) {
-  const [rows, setRows] = React36__default.useState([]);
-  React36__default.useEffect(() => {
+  const [rows, setRows] = React37__default.useState([]);
+  React37__default.useEffect(() => {
     if (!customerId) {
       setRows([]);
       return;
@@ -10926,24 +11057,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] = React36__default.useState(initial2?.postalCode ? formatPostalCode(initial2.postalCode) : "");
-  const [number, setNumber] = React36__default.useState(initial2?.number ?? "");
-  const [complement, setComplement] = React36__default.useState(initial2?.complement ?? "");
-  const [reference, setReference] = React36__default.useState(initial2?.reference ?? "");
-  const [label, setLabel] = React36__default.useState(initial2?.label ?? "");
-  const [touched, setTouched] = React36__default.useState(false);
-  const numberRef = React36__default.useRef(null);
+  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 digits = normalizePostalCode(cep);
   const found = Boolean(looked) && normalizePostalCode(looked.postalCode) === digits;
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (found) numberRef.current?.focus();
   }, [found]);
   async function lookUp() {
     if (digits.length !== 8) return;
     await resolve(digits, subtotal);
   }
-  const prefilled = React36__default.useRef(false);
-  React36__default.useEffect(() => {
+  const prefilled = React37__default.useRef(false);
+  React37__default.useEffect(() => {
     if (prefilled.current || !initial2?.postalCode) return;
     prefilled.current = true;
     if (!found) void lookUp();
@@ -11159,7 +11290,7 @@ function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
   const session = useSessionStore();
   const signedIn = Boolean(session.email);
   const name = session.name || session.email?.split("@")[0] || "";
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -11243,8 +11374,8 @@ function AccountDrawer({ onClose, onSignIn, onAddresses, onShowHours }) {
 function MenuPage() {
   const config = useStorefrontConfig();
   const addItem = useCartStore((s2) => s2.addItem);
-  const [openProduct, setOpenProduct] = React36__default.useState(null);
-  React36__default.useEffect(() => {
+  const [openProduct, setOpenProduct] = React37__default.useState(null);
+  React37__default.useEffect(() => {
     if (!openProduct) return;
     trackStorefront("product_viewed", {
       product_id: openProduct.id,
@@ -11255,18 +11386,18 @@ function MenuPage() {
       surface: "menu_sheet"
     });
   }, [openProduct?.id]);
-  const [showHours, setShowHours] = React36__default.useState(false);
-  const [showClosed, setShowClosed] = React36__default.useState(false);
-  const [showAddress, setShowAddress] = React36__default.useState(false);
-  const [showAccount, setShowAccount] = React36__default.useState(false);
-  const [showSignIn, setShowSignIn] = React36__default.useState(false);
-  const [showSchedule, setShowSchedule] = React36__default.useState(false);
-  const [query, setQuery] = React36__default.useState("");
+  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 serviceState = useServiceStore();
   const refreshService = useServiceStore((s2) => s2.refresh);
   const paused = Boolean(config.delivery?.paused);
   const isOpen = selectIsOpen(serviceState) && !paused;
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     void refreshService();
   }, [refreshService]);
   const cart = useCartStore();
@@ -11288,7 +11419,7 @@ function MenuPage() {
   const loading = products.status === "loading" || products.status === "idle";
   const items = products.data ?? [];
   const cats = categories.data ?? [];
-  const allSections = React36__default.useMemo(() => {
+  const allSections = React37__default.useMemo(() => {
     const byCategory = /* @__PURE__ */ new Map();
     const loose = [];
     for (const p of items) {
@@ -11316,7 +11447,7 @@ function MenuPage() {
     }
     return ordered;
   }, [items, cats]);
-  const highlights = React36__default.useMemo(
+  const highlights = React37__default.useMemo(
     () => pickHighlights(items, {
       listingFeaturedIds: featured.data?.listing,
       menuFeaturedIds: featured.data?.menu,
@@ -11325,7 +11456,7 @@ function MenuPage() {
     [items, featured.data, config.delivery?.highlightSlugs]
   );
   const normalized = query.trim().toLowerCase();
-  const sections = React36__default.useMemo(() => {
+  const sections = React37__default.useMemo(() => {
     if (!normalized) return allSections;
     return allSections.map((section) => ({
       ...section,
@@ -11498,7 +11629,7 @@ function MenuPage() {
   );
 }
 function BottomBarSpace() {
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     const root = document.documentElement;
     root.style.setProperty("--fayz-bottom-bar", "4.5rem");
     return () => {
@@ -11789,7 +11920,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 = React36__default.useCallback(() => {
+  const reload = React37__default.useCallback(() => {
     let cancelled = false;
     getShopProvider().getOrder(orderId).then((o) => {
       if (!cancelled) setOrder(o);
@@ -11818,7 +11949,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(React36__default.Fragment, { children: [
+        /* @__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(Skeleton, { className: "h-7 w-7 shrink-0 rounded-full" }),
           node < 3 && /* @__PURE__ */ jsx(Skeleton, { className: "h-px flex-1" })
         ] }, node)) })
@@ -12105,7 +12236,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(React36__default.Fragment, { children: [
+      /* @__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(Skeleton, { className: "h-6 w-6 shrink-0 rounded-full" }),
         node < 3 && /* @__PURE__ */ jsx(Skeleton, { className: "h-px flex-1" })
       ] }, node)) }),
@@ -12184,7 +12315,7 @@ function ProfilePanel() {
   const [saving, setSaving] = useState(false);
   const [saved, setSaved] = useState(false);
   const [error, setError] = useState(null);
-  React36__default.useEffect(() => {
+  React37__default.useEffect(() => {
     if (!supported) return;
     let cancelled = false;
     provider.getMyProfile().then((p) => {
@@ -12477,7 +12608,7 @@ function PolicyPage({ kind }) {
     ] }) })
   ] });
 }
-var StorefrontErrorBoundary = class extends React36__default.Component {
+var StorefrontErrorBoundary = class extends React37__default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -12766,6 +12897,6 @@ function createStorefront(options) {
   return createStorefrontApp(config);
 }
 
-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, 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, 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, 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, useInView, useMarketProduct, useMarketStore, useMyOrders, usePopOnChange, useProduct, useProducts, useScrolled, useServiceStore, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, useT, usedSlots, withFacet, withMarketPrice };
-//# sourceMappingURL=chunk-CWHGBPRP.js.map
-//# sourceMappingURL=chunk-CWHGBPRP.js.map
+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-7GX7JLF7.js.map
+//# sourceMappingURL=chunk-7GX7JLF7.js.map