@fayz-ai/storefront 0.83.1 → 0.84.0

package/dist/{chunk-OV6DVQMB.js → chunk-7FR6KOW2.js}

@@ -2288,6 +2288,7 @@ function StorefrontPage({ kind, page, params = {} }) {
 var PRODUCT_DETAIL_CONTEXT = ["product", "soldOut", "lowStock", "discountPct"];
 var PRODUCT_CARD_CONTEXT = ["product", "soldOut", "onSale", "hasOptions"];
 var CATALOG_CONTEXT = ["products", "loading"];
+var MENU_CONTEXT = ["coverSize", "highlights", "section", "openProduct", "quickAdd"];
 var CART_CONTEXT = ["lines", "subtotal"];
 var CHECKOUT_CONTEXT = ["subtotal", "total"];
 var STOREFRONT_SLOTS = [
@@ -2362,6 +2363,13 @@ var STOREFRONT_SLOTS = [
     CATALOG_CONTEXT,
     "cristinarotondaro-shop/src/storefront/customization.tsx:442-450 (bespoke empty state)"
   ),
+  // The three menu positions are stable on one store's proof: Artorius put
+  // its cover copy, a highlights carousel and per-category banners into the
+  // SDK menu with portals after mount, and paid for it with a 0.24 layout
+  // shift and a highlight image (its LCP) discovered only after hydration.
+  s("menu", "coverOverlay", "inside the menu cover, after its own content", MENU_CONTEXT, "artorious-shop src/custom/components/DeliveryBanners.tsx (hero copy portal)"),
+  s("menu", "highlights", "inside the highlights section, replacing the default rows", MENU_CONTEXT, "artorious-shop src/custom/components/DeliveryHighlightsCarousel.tsx (carousel portal + CSS hiding the rows)"),
+  s("menu", "sectionIntro", "the top of each menu section, above its heading", MENU_CONTEXT, "artorious-shop src/custom/components/DeliveryBanners.tsx (category banner portals)"),
   x("cart", "beforeLines", "above the cart line items", CART_CONTEXT),
   x("cart", "beforeSummary", "between the lines and the totals", CART_CONTEXT),
   s(
@@ -2403,6 +2411,10 @@ var SlotContext = createContext(null);
 function useSlotContext() {
   return useContext(SlotContext);
 }
+function useSlotFilled(area, name) {
+  const config = useStorefrontConfigOptional();
+  return Boolean(config?.slots?.[area]?.[name]?.length);
+}
 function Slot({ area, name, context }) {
   const config = useStorefrontConfigOptional();
   const page = useStorefrontPageOptional();
@@ -10039,7 +10051,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 }) {
+function StoreCover({ onShowHours, onOpenAccount, children }) {
   const sessionName = useSessionStore((s2) => s2.name || s2.email);
   const config = useStorefrontConfig();
   const t = useT();
@@ -10149,7 +10161,8 @@ function StoreCover({ onShowHours, onOpenAccount }) {
               mode
             );
           }) })
-        ] })
+        ] }),
+        children
       ]
     }
   );
@@ -11501,11 +11514,23 @@ function MenuPage() {
       fromPrice: getProductOptionGroups(product).length > 0
     };
   }
+  const coverSize = useExperimentValue(config.delivery?.coverSize) ?? "full";
+  const highlightsSlot = useSlotFilled("menu", "highlights");
+  const menuSlot = {
+    coverSize,
+    highlights,
+    section: null,
+    openProduct: setOpenProduct,
+    quickAdd: (product) => {
+      const add = rowProps(product).onQuickAdd;
+      return add && product.inventoryCount > 0 ? () => add(product) : void 0;
+    }
+  };
   return (
     // pb-28 reserva o espaço da barra fixa do carrinho: conteúdo escondido
     // atrás de um elemento fixo é a falha mais comum de barra inferior.
     /* @__PURE__ */ jsxs("main", { "data-testid": TID.menuPage, className: "w-full pb-28", children: [
-      /* @__PURE__ */ jsx(StoreCover, { onShowHours: () => setShowHours(true), onOpenAccount: () => setShowAccount(true) }),
+      /* @__PURE__ */ jsx(StoreCover, { onShowHours: () => setShowHours(true), onOpenAccount: () => setShowAccount(true), children: /* @__PURE__ */ jsx(Slot, { area: "menu", name: "coverOverlay", context: menuSlot }) }),
       /* @__PURE__ */ jsx(
         AddressStrip,
         {
@@ -11540,7 +11565,7 @@ function MenuPage() {
         ] }),
         !normalized && !featuredPending && highlights.length > 0 && /* @__PURE__ */ jsxs("section", { "data-testid": TID.menuHighlights, className: "mb-10 pt-6", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold uppercase tracking-wide", children: "Destaques" }),
-          /* @__PURE__ */ jsx("ul", { className: "mt-2", children: highlights.map((product) => /* @__PURE__ */ jsx(
+          highlightsSlot ? /* @__PURE__ */ jsx(Slot, { area: "menu", name: "highlights", context: menuSlot }) : /* @__PURE__ */ jsx("ul", { className: "mt-2", children: highlights.map((product) => /* @__PURE__ */ jsx(
             MenuItemRow,
             {
               product,
@@ -11559,6 +11584,17 @@ function MenuPage() {
             className: "mb-10 scroll-mt-32",
             id: `menu-${section.slug}`,
             children: [
+              /* @__PURE__ */ jsx(
+                Slot,
+                {
+                  area: "menu",
+                  name: "sectionIntro",
+                  context: {
+                    ...menuSlot,
+                    section: { slug: section.slug, name: section.name, description: section.description, products: section.products }
+                  }
+                }
+              ),
               /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold uppercase tracking-wide", children: section.name }),
               section.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: section.description }),
               /* @__PURE__ */ jsx("ul", { className: "mt-2", children: section.products.map((product) => /* @__PURE__ */ jsx(MenuItemRow, { product, ...rowProps(product) }, product.id)) })
@@ -12908,6 +12944,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, 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-OV6DVQMB.js.map
-//# sourceMappingURL=chunk-OV6DVQMB.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, useSlotFilled, useStorefrontActions, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, useT, usedSlots, withFacet, withMarketPrice };
+//# sourceMappingURL=chunk-7FR6KOW2.js.map
+//# sourceMappingURL=chunk-7FR6KOW2.js.map