@faststore/core 2.2.59 → 2.2.61

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
-┌ ● /                                      6.23 kB         133 kB
+┌ ● /                                      6.23 kB         135 kB
 ├   └ css/cf062feb79245123.css             8.38 kB
 ├   /_app                                  0 B            83.7 kB
 ├ ● /[...slug]                             7.35 kB         145 kB
 ├   └ css/0dc997f9da3027b7.css             8.8 kB
-├ ● /[slug]/p                              8.02 kB         135 kB
-├   └ css/f2ab72459fcdabcc.css             5.4 kB
-├ ○ /404                                   1.19 kB         128 kB
-├ ● /500                                   1.21 kB         128 kB
-├ ● /account                               677 B           128 kB
+├ ● /[slug]/p                              5.6 kB          135 kB
+├   └ css/e67c73ff7fbc8c54.css             4.42 kB
+├ ○ /404                                   1.19 kB         130 kB
+├ ● /500                                   1.21 kB         130 kB
+├ ● /account                               676 B           130 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                              662 B           128 kB
-├ ● /login                                 1.14 kB         128 kB
+├ ● /checkout                              660 B           130 kB
+├ ● /login                                 1.14 kB         130 kB
 └ ● /s                                     1.38 kB         139 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-3382def1b25b17f8.js     2.23 kB
+  ├ chunks/webpack-41b4f40c5b7ff474.js     2.24 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 (21.341 s)
+PASS test/server/index.test.ts (22.314 s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (10 ms)
+      ✓ should return a valid GraphQL schema (8 ms)
       ✓ should return a valid GraphQL schema contain all expected types (7 ms)
       ✓ should return a valid GraphQL schema contain all expected queries (1 ms)
-      ✓ should return a valid GraphQL schema contain all expected mutations (2 ms)
+      ✓ should return a valid GraphQL schema contain all expected mutations (1 ms)
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (5 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (8 ms)
     Third Party API Extension
       ✓ getTypeDefsFromFolder function should return an Array (6 ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (34 ms)
+      ✓ should return a valid merged GraphQL schema (32 ms)
     Envelop
-      ✓ should exist with its plugins (25 ms)
-      ✓ should handle options and execute (319 ms)
+      ✓ should exist with its plugins (26 ms)
+      ✓ should handle options and execute (529 ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        21.473 s
+Time:        22.387 s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.59",
+  "version": "2.2.61",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -40,7 +40,7 @@
     "@faststore/api": "^2.2.56",
     "@faststore/components": "^2.2.56",
     "@faststore/graphql-utils": "^2.2.56",
-    "@faststore/sdk": "^2.2.56",
+    "@faststore/sdk": "^2.2.61",
     "@faststore/ui": "^2.2.56",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/typescript": "^3.0.4",
@@ -123,5 +123,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "18aea9c02e0ea27af407d6fd2a490a51dcf4f02d"
+  "gitHead": "b26e37e4a54d982f2550e804f2643a03b5159e85"
 }

package/src/components/sections/Breadcrumb/Breadcrumb.tsx

@@ -1,7 +1,5 @@
 import { memo } from 'react'
 
-import Breadcrumb from 'src/components/ui/Breadcrumb'
-
 import Section from '../Section'
 
 import styles from './section.module.scss'
@@ -12,6 +10,7 @@ import {
   isPLP,
   usePage,
 } from 'src/sdk/overrides/PageProvider'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 interface BreadcrumbSectionProps {
   icon: string
@@ -19,6 +18,8 @@ interface BreadcrumbSectionProps {
 }
 
 function BreadcrumbSection({ ...otherProps }: BreadcrumbSectionProps) {
+  const { Breadcrumb } = useOverrideComponents<'Breadcrumb'>()
+
   const context = usePage<PDPContext | PLPContext>()
   const title = isPLP(context)
     ? context?.data?.collection?.seo?.title
@@ -33,7 +34,7 @@ function BreadcrumbSection({ ...otherProps }: BreadcrumbSectionProps) {
 
   return (
     <Section className={`${styles.section} section-breadcrumb`}>
-      <Breadcrumb breadcrumbList={breadcrumbList} {...otherProps} />
+      <Breadcrumb.Component breadcrumbList={breadcrumbList} {...otherProps} />
     </Section>
   )
 }

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

@@ -0,0 +1,6 @@
+import { Breadcrumb as UIBreadcrumb, Icon as UIIcon } from '@faststore/ui'
+
+export const BreadcrumbDefaultComponents = {
+  Breadcrumb: UIBreadcrumb,
+  Icon: UIIcon,
+} as const

package/src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb.ts

@@ -0,0 +1,12 @@
+import { override } from 'src/customizations/src/components/overrides/Breadcrumb'
+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 Breadcrumb section present in the Headless CMS
+ */
+export const OverriddenDefaultBreadcrumb = getOverriddenSection(
+  override as SectionOverrideDefinition<'Breadcrumb'>
+)

package/src/components/templates/ProductListingPage/ProductListing.tsx

@@ -1,5 +1,5 @@
 import type { ServerCollectionPageQueryQuery } from '@generated/graphql'
-import Breadcrumb from 'src/components/sections/Breadcrumb'
+import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb'
 import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'
 import ProductGallery from 'src/components/sections/ProductGallery'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'src/components/sections/ProductShelf/OverriddenDefaultProductShelf'

package/src/components/templates/SearchPage/SearchPage.tsx

@@ -1,7 +1,7 @@
 import { useSearch } from '@faststore/sdk'
 import type { ComponentType } from 'react'
 
-import Breadcrumb from 'src/components/sections/Breadcrumb'
+import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb'
 import ProductGallery from 'src/components/sections/ProductGallery'
 import { ITEMS_PER_PAGE } from 'src/constants'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'

package/src/components/ui/Breadcrumb/Breadcrumb.tsx

@@ -3,10 +3,7 @@ import { memo } from 'react'
 
 import Link from 'src/components/ui/Link'
 
-import {
-  Breadcrumb as BreadcrumbWrapper,
-  Icon,
-} from 'src/components/sections/Breadcrumb/Overrides'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 export interface BreadcrumbProps extends UIBreadcrumbProps {
   icon: string
@@ -14,36 +11,41 @@ export interface BreadcrumbProps extends UIBreadcrumbProps {
 }
 
 const Breadcrumb = ({
-  icon = Icon.props.name ?? 'Home',
+  icon,
   alt = 'Go to homepage',
   ...otherProps
-}: BreadcrumbProps) => (
-  <BreadcrumbWrapper.Component
-    homeLink={
-      <Link
-        data-fs-breadcrumb-link
-        data-fs-breadcrumb-link-home
-        aria-label={alt}
-        href="/"
-        prefetch={false}
-      >
-        <Icon.Component
-          width={18}
-          height={18}
-          weight="bold"
-          {...Icon.props}
-          name={icon}
-        />
-      </Link>
-    }
-    renderLink={({ itemProps: { item: link, name } }) => (
-      <Link data-fs-breadcrumb-link href={link} prefetch={false}>
-        {name}
-      </Link>
-    )}
-    {...BreadcrumbWrapper.props}
-    {...otherProps}
-  />
-)
+}: BreadcrumbProps) => {
+  const { Breadcrumb: BreadcrumbWrapper, Icon } =
+    useOverrideComponents<'Breadcrumb'>()
+
+  return (
+    <BreadcrumbWrapper.Component
+      homeLink={
+        <Link
+          data-fs-breadcrumb-link
+          data-fs-breadcrumb-link-home
+          aria-label={alt}
+          href="/"
+          prefetch={false}
+        >
+          <Icon.Component
+            width={18}
+            height={18}
+            weight="bold"
+            {...Icon.props}
+            name={icon ?? Icon.props.name ?? 'Home'}
+          />
+        </Link>
+      }
+      renderLink={({ itemProps: { item: link, name } }) => (
+        <Link data-fs-breadcrumb-link href={link} prefetch={false}>
+          {name}
+        </Link>
+      )}
+      {...BreadcrumbWrapper.props}
+      {...otherProps}
+    />
+  )
+}
 
 export default memo(Breadcrumb)

package/src/pages/[slug]/p.tsx

@@ -13,7 +13,7 @@ import type {
 import RenderSections from 'src/components/cms/RenderSections'
 import BannerNewsletter from 'src/components/sections/BannerNewsletter/BannerNewsletter'
 import { OverriddenDefaultBannerText as BannerText } from 'src/components/sections/BannerText/OverriddenDefaultBannerText'
-import Breadcrumb from 'src/components/sections/Breadcrumb'
+import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb'
 import { OverriddenDefaultCrossSellingShelf as CrossSellingShelf } from 'src/components/sections/CrossSellingShelf/OverriddenDefaultCrossSellingShelf'
 import { OverriddenDefaultProductDetails as ProductDetails } from 'src/components/sections/ProductDetails/OverriddenDefaultProductDetails'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'

package/src/sdk/overrides/sections.tsx

@@ -1,5 +1,6 @@
 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 ProductShelf from '../../components/sections/ProductShelf'
 import CrossSellingShelf from '../../components/sections/CrossSellingShelf'
@@ -9,6 +10,7 @@ import type { DefaultSectionComponentsDefinitions } from '../../typings/override
 import type { SectionsOverrides } from '../../typings/overrides'
 import { AlertDefaultComponents } from '../../components/sections/Alert/DefaultComponents'
 import { BannerTextDefaultComponents } from '../../components/sections/BannerText/DefaultComponents'
+import { BreadcrumbDefaultComponents } from 'src/components/sections/Breadcrumb/DefaultComponents'
 import { CrossSellingShelfDefaultComponents } from 'src/components/sections/CrossSellingShelf/DefaultComponents'
 import { HeroDefaultComponents } from '../../components/sections/Hero/DefaultComponents'
 import { ProductShelfDefaultComponents } from '../../components/sections/ProductShelf/DefaultComponents'
@@ -17,6 +19,7 @@ import { ProductDetailsDefaultComponents } from '../../components/sections/Produ
 export const Sections = {
   Alert,
   BannerText,
+  Breadcrumb,
   CrossSellingShelf,
   Hero,
   ProductDetails,
@@ -31,6 +34,7 @@ export const DefaultComponents: Partial<
 > = {
   Alert: AlertDefaultComponents,
   BannerText: BannerTextDefaultComponents,
+  Breadcrumb: BreadcrumbDefaultComponents,
   CrossSellingShelf: CrossSellingShelfDefaultComponents,
   Hero: HeroDefaultComponents,
   ProductDetails: ProductDetailsDefaultComponents,

package/src/typings/overrides.ts

@@ -49,7 +49,13 @@ export type SectionOverride = {
 /** TODO: every use of this type should be replaced by SectionsOverrides after all sections are supported */
 export type SupportedSectionsOverridesV2 = Pick<
   SectionsOverrides,
-  'Alert' | 'BannerText' | 'CrossSellingShelf' | 'Hero' | 'ProductShelf' | 'ProductDetails'
+  | 'Alert'
+  | 'BannerText'
+  | 'Breadcrumb'
+  | 'CrossSellingShelf'
+  | 'Hero'
+  | 'ProductShelf'
+  | 'ProductDetails'
 >
 
 /**