@faststore/core 2.2.69 → 2.2.70

package/.turbo/turbo-build.log

@@ -38,28 +38,28 @@ info  - Generating static pages (7/7)
 info  - Finalizing page optimization...
 
 Route (pages)                              Size     First Load JS
-┌ ● /                                      2.37 kB         142 kB
+┌ ● /                                      2.36 kB         142 kB
 ├   └ css/ecdecb8d639a8311.css             5.48 kB
 ├   /_app                                  0 B            83.7 kB
-├ ● /[...slug]                             4.44 kB         144 kB
+├ ● /[...slug]                             4.43 kB         144 kB
 ├   └ css/0c844be3b8585e70.css             5.9 kB
 ├ ● /[slug]/p                              1.74 kB         141 kB
 ├   └ css/a6bcc59f42b42f36.css             2.39 kB
-├ ○ /404                                   1.03 kB         140 kB
-├ ● /500                                   1.05 kB         140 kB
-├ ● /account                               676 B           140 kB
+├ ○ /404                                   1.03 kB         141 kB
+├ ● /500                                   1.05 kB         141 kB
+├ ● /account                               674 B           140 kB
 ├ λ /api/graphql                           0 B            83.7 kB
 ├ λ /api/health/live                       0 B            83.7 kB
 ├ λ /api/health/ready                      0 B            83.7 kB
 ├ λ /api/preview                           0 B            83.7 kB
-├ ● /checkout                              661 B           140 kB
-├ ● /login                                 983 B           140 kB
+├ ● /checkout                              660 B           140 kB
+├ ● /login                                 984 B           141 kB
 └ ● /s                                     2.36 kB         142 kB
 + First Load JS shared by all              86.8 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-e4e873ee741162eb.js        24.2 kB
   ├ chunks/pages/_app-30b9666307e4b3b1.js  12.1 kB
-  ├ chunks/webpack-3beeb2f9a51fccf6.js     2.22 kB
+  ├ chunks/webpack-776cfd646b505dc5.js     2.22 kB
   └ css/5d1f64b61ea581f4.css               3.05 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,23 +1,23 @@
 $ jest
-PASS test/server/index.test.ts (20.791 s)
+PASS test/server/index.test.ts (21.452 s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (11 ms)
-      ✓ should return a valid GraphQL schema contain all expected types (9 ms)
+      ✓ should return a valid GraphQL schema (7 ms)
+      ✓ should return a valid GraphQL schema contain all expected types (4 ms)
       ✓ should return a valid GraphQL schema contain all expected queries (1 ms)
       ✓ should return a valid GraphQL schema contain all expected mutations (1 ms)
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (9 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (6 ms)
     Third Party API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (8 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (10 ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (46 ms)
+      ✓ should return a valid merged GraphQL schema (32 ms)
     Envelop
-      ✓ should exist with its plugins (112 ms)
-      ✓ should handle options and execute (254 ms)
+      ✓ should exist with its plugins (26 ms)
+      ✓ should handle options and execute (320 ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        20.881 s
+Time:        21.62 s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.69",
+  "version": "2.2.70",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -123,5 +123,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "e02c08e29d5a183ddc461a6da61ac4b9243c098a"
+  "gitHead": "f3b56c76db2f97cc9d0e6b81839b4eda151044e8"
 }

package/src/components/cms/GlobalSections.tsx

@@ -8,9 +8,9 @@ import Toast from 'src/components/common/Toast'
 import RenderSections from './RenderSections'
 
 import { OverriddenDefaultAlert as Alert } from 'src/components/sections/Alert/OverriddenDefaultAlert'
+import { OverriddenDefaultNavbar as Navbar } from 'src/components/sections/Navbar/OverriddenDefaultNavbar'
 import { OverriddenDefaultRegionBar as RegionBar } from 'src/components/sections/RegionBar/OverriddenDefaultRegionBar'
 import Footer from 'src/components/sections/Footer'
-import Navbar from 'src/components/sections/Navbar'
 
 const RegionModal = lazy(() => import('src/components/region/RegionModal'))
 const CartSidebar = lazy(() => import('src/components/cart/CartSidebar'))

package/src/components/navigation/Navbar/Navbar.tsx

@@ -12,17 +12,10 @@ import CartToggle from 'src/components/cart/CartToggle'
 import Logo from 'src/components/ui/Logo'
 import Link from 'src/components/ui/Link'
 import { ButtonSignIn } from 'src/components/ui/Button'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 import type { NavbarProps as SectionNavbarProps } from '../../sections/Navbar'
 
-import {
-  Navbar as NavbarWrapper,
-  NavbarHeader,
-  NavbarRow,
-  NavbarButtons,
-  IconButton,
-} from 'src/components/sections/Navbar/Overrides'
-
 export interface NavbarProps {
   /**
    * Logo props.
@@ -75,9 +68,16 @@ function Navbar({
   home: { label: homeLabel },
   signIn: { button: signInButton },
   menu: {
-    icon: { icon: menuIcon, alt: menuIconAlt = IconButton.props['aria-label'] },
+    icon: { icon: menuIcon, alt: menuIconAlt },
   },
 }: NavbarProps) {
+  const {
+    Navbar: NavbarWrapper,
+    NavbarHeader,
+    NavbarRow,
+    NavbarButtons,
+    IconButton,
+  } = useOverrideComponents<'Navbar'>()
   const scrollDirection = useScrollDirection()
   const { openNavbar, navbar: displayNavbar } = useUI()
   const searchMobileRef = useRef<SearchInputRef>(null)
@@ -107,7 +107,7 @@ function Navbar({
                 onClick={openNavbar}
                 icon={<UIIcon name={menuIcon} width={32} height={32} />}
                 {...IconButton.props}
-                aria-label={menuIconAlt}
+                aria-label={menuIconAlt ?? IconButton.props['aria-label']}
               />
               <Link
                 data-fs-navbar-logo

package/src/components/navigation/NavbarLinks/NavbarLinks.tsx

@@ -8,11 +8,7 @@ import RegionButton from 'src/components/region/RegionButton'
 import type { NavbarProps } from 'src/components/navigation/Navbar'
 
 import { mark } from 'src/sdk/tests/mark'
-
-import {
-  NavbarLinks as NavbarLinksWrapper,
-  NavbarLinksList,
-} from 'src/components/sections/Navbar/Overrides'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 interface NavbarLinksProps extends UINavbarLinksProps {
   links: NavbarProps['links']
@@ -29,6 +25,8 @@ function NavbarLinks({
   region: { icon: regionIcon, label: regionLabel, shouldDisplayRegion },
   ...otherProps
 }: NavbarLinksProps) {
+  const { NavbarLinks: NavbarLinksWrapper, NavbarLinksList } =
+    useOverrideComponents<'Navbar'>()
   return (
     <NavbarLinksWrapper.Component {...otherProps} {...NavbarLinksWrapper.props}>
       <div data-fs-navbar-links-wrapper data-fs-content="navbar">

package/src/components/navigation/NavbarSlider/NavbarSlider.tsx

@@ -10,13 +10,7 @@ import { mark } from 'src/sdk/tests/mark'
 import type { NavbarProps } from '../Navbar'
 
 import styles from './section.module.scss'
-
-import {
-  NavbarSlider as NavbarSliderWrapper,
-  NavbarSliderHeader,
-  NavbarSliderContent,
-  NavbarSliderFooter,
-} from 'src/components/sections/Navbar/Overrides'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 interface NavbarSliderProps {
   logo: NavbarProps['logo']
@@ -33,6 +27,13 @@ function NavbarSlider({
   home: { label: homeLabel },
   signIn: { button: signInButton },
 }: NavbarSliderProps) {
+  const {
+    NavbarSlider: NavbarSliderWrapper,
+    NavbarSliderHeader,
+    NavbarSliderContent,
+    NavbarSliderFooter,
+  } = useOverrideComponents<'Navbar'>()
+
   const { closeNavbar } = useUI()
   const { fade, fadeOut } = useFadeEffect()
 

package/src/components/sections/Navbar/DefaultComponents.ts

@@ -0,0 +1,27 @@
+import {
+  Navbar as UINavbar,
+  NavbarLinks as UINavbarLinks,
+  NavbarLinksList as UINavbarLinksList,
+  NavbarSlider as UINavbarSlider,
+  NavbarSliderHeader as UINavbarSliderHeader,
+  NavbarSliderContent as UINavbarSliderContent,
+  NavbarSliderFooter as UINavbarSliderFooter,
+  NavbarHeader as UINavbarHeader,
+  NavbarRow as UINavbarRow,
+  NavbarButtons as UINavbarButtons,
+  IconButton as UIIconButton,
+} from '@faststore/ui'
+
+export const NavbarDefaultComponents = {
+  Navbar: UINavbar,
+  NavbarLinks: UINavbarLinks,
+  NavbarLinksList: UINavbarLinksList,
+  NavbarSlider: UINavbarSlider,
+  NavbarSliderHeader: UINavbarSliderHeader,
+  NavbarSliderContent: UINavbarSliderContent,
+  NavbarSliderFooter: UINavbarSliderFooter,
+  NavbarHeader: UINavbarHeader,
+  NavbarRow: UINavbarRow,
+  NavbarButtons: UINavbarButtons,
+  IconButton: UIIconButton,
+} as const

package/src/components/sections/Navbar/OverriddenDefaultNavbar.ts

@@ -0,0 +1,12 @@
+import { override } from 'src/customizations/src/components/overrides/Navbar'
+import { getOverriddenSection } from 'src/sdk/overrides/getOverriddenSection'
+import type { SectionOverrideDefinition } from 'src/typings/overridesDefinition'
+
+/**
+ * This component exists to support overrides 1.0
+ *
+ * This allows users to override the default Navbar section present in the Headless CMS
+ */
+export const OverriddenDefaultNavbar = getOverriddenSection(
+  override as SectionOverrideDefinition<'Navbar'>
+)

package/src/sdk/overrides/sections.tsx

@@ -2,6 +2,7 @@ import Alert from '../../components/sections/Alert'
 import BannerText from '../../components/sections/BannerText'
 import Breadcrumb from '../../components/sections/Breadcrumb'
 import Hero from '../../components/sections/Hero'
+import Navbar from '../../components/sections/Navbar'
 import Newsletter from '../../components/sections/Newsletter'
 import ProductShelf from '../../components/sections/ProductShelf'
 import CrossSellingShelf from '../../components/sections/CrossSellingShelf'
@@ -16,6 +17,7 @@ import { BannerTextDefaultComponents } from '../../components/sections/BannerTex
 import { BreadcrumbDefaultComponents } from 'src/components/sections/Breadcrumb/DefaultComponents'
 import { CrossSellingShelfDefaultComponents } from 'src/components/sections/CrossSellingShelf/DefaultComponents'
 import { HeroDefaultComponents } from '../../components/sections/Hero/DefaultComponents'
+import { NavbarDefaultComponents } from 'src/components/sections/Navbar/DefaultComponents'
 import { NewsletterDefaultComponents } from '../../components/sections/Newsletter/DefaultComponents'
 import { ProductDetailsDefaultComponents } from '../../components/sections/ProductDetails/DefaultComponents'
 import { ProductGalleryDefaultComponents } from '../../components/sections/ProductGallery/DefaultComponents'
@@ -28,6 +30,7 @@ export const Sections = {
   Breadcrumb,
   CrossSellingShelf,
   Hero,
+  Navbar,
   Newsletter,
   ProductDetails,
   ProductGallery,
@@ -46,6 +49,7 @@ export const DefaultComponents: Partial<
   Breadcrumb: BreadcrumbDefaultComponents,
   CrossSellingShelf: CrossSellingShelfDefaultComponents,
   Hero: HeroDefaultComponents,
+  Navbar: NavbarDefaultComponents,
   Newsletter: NewsletterDefaultComponents,
   ProductDetails: ProductDetailsDefaultComponents,
   ProductGallery: ProductGalleryDefaultComponents,

package/src/typings/overrides.ts

@@ -58,6 +58,7 @@ export type SupportedSectionsOverridesV2 = Pick<
   | 'Breadcrumb'
   | 'CrossSellingShelf'
   | 'Hero'
+  | 'Navbar'
   | 'Newsletter'
   | 'ProductShelf'
   | 'ProductDetails'

package/.next/static/JNkl1RxkhVPSzLAsRUxC6/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[s,c,a,"static/css/ecdecb8d639a8311.css","static/chunks/pages/index-9e98f2fc42dec7c1.js"],"/404":[s,c,a,e,"static/chunks/pages/404-e44d7103a9c6781f.js"],"/500":[s,c,a,e,"static/chunks/pages/500-2ddd76fa11c851e4.js"],"/_error":["static/chunks/pages/_error-319451dea77827a6.js"],"/account":[s,c,a,"static/chunks/pages/account-1963c084b0b6e597.js"],"/checkout":[s,c,a,"static/chunks/pages/checkout-d66a352e910607dd.js"],"/login":[s,c,a,e,"static/chunks/pages/login-349e1406a3a98968.js"],"/s":[s,c,a,"static/chunks/pages/s-9b771eb03d589ee6.js"],"/[slug]/p":[s,c,a,"static/css/a6bcc59f42b42f36.css","static/chunks/pages/[slug]/p-27a9a4ef5d07a4ce.js"],"/[...slug]":[s,c,a,"static/css/0c844be3b8585e70.css","static/chunks/pages/[...slug]-f7f47afa6dce5abf.js"],sortedPages:["/","/404","/500","/_app","/_error","/account","/checkout","/login","/s","/[slug]/p","/[...slug]"]}}("static/chunks/557-4f8a963d7e07e582.js","static/css/280c254f1f559956.css","static/chunks/846-c59a0f158089800c.js","static/css/df588bb98c0b0ca6.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();