@faststore/core 3.0.112 → 3.0.115

package/.turbo/turbo-build.log

@@ -37,35 +37,35 @@ https://nextjs.org/telemetry
    Collecting page data ...
    Generating static pages (0/7) ...
 
   Generating static pages (1/7) 
-Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
 
   Generating static pages (3/7) 
+Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
 
   Generating static pages (5/7) 
 
 ✓ Generating static pages (7/7) 
    Finalizing page optimization ...
    Collecting build traces ...
 
 Route (pages)                              Size     First Load JS
-┌ ● /                                      1.26 kB         148 kB
+┌ ● /                                      1.27 kB         143 kB
 ├   └ css/197e314c5a03eabd.css             740 B
-├   /_app                                  0 B            93.6 kB
-├ ● /[...slug]                             2.81 kB         160 kB
+├   /_app                                  0 B            90.7 kB
+├ ● /[...slug]                             2.82 kB         155 kB
 ├   └ css/e47f1a002bdcf76f.css             2.38 kB
-├ ● /[slug]/p                              10.8 kB         157 kB
+├ ● /[slug]/p                              10.8 kB         152 kB
 ├   └ css/fbd711b9f5abf105.css             9.57 kB
-├ ○ /404                                   1.28 kB         131 kB
-├ ● /500                                   1.29 kB         131 kB
-├ ● /account                               674 B           131 kB
-├ λ /api/graphql                           0 B            93.6 kB
-├ λ /api/health/live                       0 B            93.6 kB
-├ λ /api/health/ready                      0 B            93.6 kB
-├ λ /api/preview                           0 B            93.6 kB
-├ ● /checkout                              660 B           131 kB
-├ ● /login                                 1.4 kB          132 kB
-└ ● /s                                     2.25 kB         160 kB
-+ First Load JS shared by all              96.7 kB
+├ ○ /404                                   1.28 kB         126 kB
+├ ● /500                                   1.29 kB         126 kB
+├ ● /account                               674 B           126 kB
+├ λ /api/graphql                           0 B            90.7 kB
+├ λ /api/health/live                       0 B            90.7 kB
+├ λ /api/health/ready                      0 B            90.7 kB
+├ λ /api/preview                           0 B            90.7 kB
+├ ● /checkout                              660 B           126 kB
+├ ● /login                                 1.4 kB          127 kB
+└ ● /s                                     2.25 kB         155 kB
++ First Load JS shared by all              93.7 kB
   ├ chunks/framework-8e279965036b6169.js   45.4 kB
   ├ chunks/main-029f1328cfee9686.js        33.1 kB
-  ├ chunks/pages/_app-aeb8a1c6bff23375.js  12.8 kB
+  ├ chunks/pages/_app-5d553d859f2f0ef5.js  9.85 kB
   ├ chunks/webpack-8883d8523b03e385.js     2.38 kB
   └ css/ee0556daedda6306.css               3.07 kB
 

package/.turbo/turbo-test.log

@@ -1,10 +1,10 @@
 $ jest
-PASS test/utils/multipleTemplates.test.ts (36.799 s)
-PASS test/server/cms/index.test.ts (37.346 s)
-PASS test/server/index.test.ts (41.202 s)
+PASS test/utils/multipleTemplates.test.ts (37.085 s)
+PASS test/server/cms/index.test.ts (37.426 s)
+PASS test/server/index.test.ts (40.305 s)
 
 Test Suites: 3 passed, 3 total
 Tests:       19 passed, 19 total
 Snapshots:   0 total
-Time:        42.45 s
+Time:        41.361 s
 Ran all test suites.

package/cypress/integration/a11y.test.js

@@ -4,7 +4,6 @@
  * Cypress tests for a11y (accessibility)
  */
 
-import { disabledA11yRules } from '../global'
 import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
@@ -22,7 +21,12 @@ describe('Accessibility tests', () => {
     cy.getById('product-link').should('exist')
 
     cy.injectAxe()
-    cy.checkA11y(null, disabledA11yRules)
+
+    cy.checkA11y(null, {
+      rules: {
+        'aria-allowed-role': { enabled: true },
+      },
+    })
   })
 
   it('checks a11y for product page', () => {
@@ -30,10 +34,14 @@ describe('Accessibility tests', () => {
     cy.waitForHydration()
 
     // Wait for product to be available and page to be interactive
-    cy.getById('buy-button').should('exist')
+    cy.get('[data-testid="buy-button"]').should('exist')
 
     cy.injectAxe()
-    cy.checkA11y(null, disabledA11yRules)
+    cy.checkA11y(null, {
+      rules: {
+        'aria-allowed-role': { enabled: true },
+      },
+    })
   })
 
   it('checks a11y for home page', () => {
@@ -41,6 +49,10 @@ describe('Accessibility tests', () => {
     cy.waitForHydration()
 
     cy.injectAxe()
-    cy.checkA11y(null, disabledA11yRules)
+    cy.checkA11y(null, {
+      rules: {
+        'aria-allowed-role': { enabled: true },
+      },
+    })
   })
 })

package/cypress/integration/analytics.test.js

@@ -4,8 +4,8 @@
  * Cypress tests for testing the Analytics module
  */
 
-import { options } from '../global'
 import { cypress } from '../../faststore.config'
+import { options } from '../global'
 
 const { pages } = cypress
 
@@ -395,7 +395,7 @@ describe('view_cart event', () => {
         ({ event: eventName }) => eventName === 'view_cart'
       )
 
-      expect(event.ecommerce.value).to.equal(950)
+      expect(event.ecommerce.value).to.equal(420)
       expect(event.ecommerce.items.length).to.equal(1)
     })
   })

package/cypress/integration/seo.test.js

@@ -6,8 +6,8 @@
  * TODO: Improve structured data validaton by actually using schema.org's schemas
  */
 
-import { options } from '../global'
 import { cypress, storeUrl } from '../../faststore.config'
+import { options } from '../global'
 
 const { pages } = cypress
 
@@ -88,10 +88,13 @@ describe('Product Page Seo', () => {
       .should(($el) => {
         expect($el.attr('content')).to.eq('index,follow')
       })
+
     cy.get('link[rel="canonical"]')
       .should('exist')
-      .should(($link) => {
-        expect($link.attr('href')).to.eq(`${storeUrl}${pages.pdp}`)
+      .and(($link) => {
+        const href = $link.attr('href')
+        const regex = new RegExp(`^${href.split('/')[0]}`)
+        expect(`${storeUrl}${pages.pdp}`).to.match(regex)
       })
   })
 

package/faststore.config.default.js

@@ -67,7 +67,7 @@ module.exports = {
     server: process.env.BASE_SITE_URL || 'http://localhost:3000',
     pages: {
       home: '/',
-      pdp: '/apple-magic-mouse/p',
+      pdp: '/4k-philips-monitor-99988213/p',
       collection: '/office',
     },
   },
@@ -76,7 +76,7 @@ module.exports = {
   cypress: {
     pages: {
       home: '/',
-      pdp: '/apple-magic-mouse/p',
+      pdp: '/4k-philips-monitor-99988213/p',
       collection: '/office',
       collection_2: '/technology',
       collection_filtered:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.0.112",
+  "version": "3.0.115",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -44,11 +44,11 @@
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
     "@faststore/api": "^3.0.110",
-    "@faststore/components": "^3.0.110",
+    "@faststore/components": "^3.0.115",
     "@faststore/graphql-utils": "^3.0.110",
     "@faststore/lighthouse": "^3.0.110",
     "@faststore/sdk": "^3.0.110",
-    "@faststore/ui": "^3.0.110",
+    "@faststore/ui": "^3.0.115",
     "@graphql-codegen/cli": "^5.0.2",
     "@graphql-codegen/client-preset": "^4.2.6",
     "@graphql-codegen/typescript": "^4.0.7",
@@ -63,7 +63,6 @@
     "@vtex/client-cms": "^0.2.12",
     "@vtex/prettier-config": "1.0.0",
     "autoprefixer": "^10.4.0",
-    "chalk": "^5.2.0",
     "css-loader": "^6.7.1",
     "deepmerge": "^4.3.1",
     "draftjs-to-html": "^0.9.1",
@@ -72,7 +71,6 @@
     "include-media": "^1.4.10",
     "next": "^13.5.6",
     "next-seo": "^6.4.0",
-    "nextjs-progressbar": "^0.0.14",
     "postcss": "^8.4.4",
     "prettier": "^2.2.0",
     "react": "^18.2.0",
@@ -130,5 +128,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "e2326e5b2410854590d3153af4011080e034ef44"
+  "gitHead": "1cc987d52dfce0b3235e80662099a55c7acb9ba9"
 }

package/src/components/cms/GlobalSections.tsx

@@ -56,7 +56,7 @@ export const getGlobalSectionsData = async (
     const page = cmsData[GLOBAL_SECTIONS_CONTENT_TYPE][0]
 
     if (page) {
-      const pageData = await getPage<PageContentType>({
+      const pageData = getPage<PageContentType>({
         contentType: GLOBAL_SECTIONS_CONTENT_TYPE,
         documentId: page.documentId,
         versionId: page.versionId,
@@ -66,11 +66,11 @@ export const getGlobalSectionsData = async (
     }
   }
 
-  const { sections } = await getPage<PageContentType>({
+  const pageData = getPage<PageContentType>({
     ...(previewData?.contentType === GLOBAL_SECTIONS_CONTENT_TYPE &&
       previewData),
     contentType: GLOBAL_SECTIONS_CONTENT_TYPE,
   })
 
-  return { sections }
+  return pageData
 }

package/src/components/cms/RenderSections.tsx

@@ -1,4 +1,3 @@
-import chalk from 'chalk'
 import { ComponentType, PropsWithChildren, memo, useMemo } from 'react'
 
 import SectionBoundary from './SectionBoundary'
@@ -30,10 +29,8 @@ const RenderSectionsBase = ({ sections = [], components }: Props) => {
 
         if (!Component) {
           // TODO: add a documentation link to help to do this
-          console.info(
-            `${chalk.yellow(
-              'warn'
-            )} - ${name} not found. Add a new component for this section or remove it from the CMS`
+          console.warn(
+            `${name} not found. Add a new component for this section or remove it from the CMS`
           )
 
           return null

package/src/components/common/Footer/Footer.tsx

@@ -6,11 +6,15 @@ interface FooterProps {
 }
 
 export function FooterInfo({ children }: FooterProps) {
-  return <div data-fs-footer-info>{children}</div>
+  return (
+    <section data-fs-footer-info aria-label="Footer Information">
+      {children}
+    </section>
+  )
 }
 
 export function FooterNavigation({ children }: FooterProps) {
-  return <div data-fs-footer-navigation>{children}</div>
+  return <section data-fs-footer-navigation>{children}</section>
 }
 
 export function Footer({ children }: FooterProps) {

package/src/components/common/Footer/FooterLinks.tsx

@@ -67,7 +67,7 @@ function FooterLinks({ links }: FooterLinksProps) {
       </div>
 
       <div className="hidden-mobile">
-        <nav data-fs-footer-links-columns>
+        <nav data-fs-footer-links-columns aria-label="Footer Links Navigation">
           {links.map(({ sectionTitle, items }) => (
             <div key={sectionTitle}>
               <p data-fs-footer-links-title>{sectionTitle}</p>

package/src/components/common/Footer/FooterSocial.tsx

@@ -13,12 +13,19 @@ type FooterSocialLink = {
 export interface FooterSocialProps {
   title: string
   links: FooterSocialLink[]
+  id?: string
 }
 
-function FooterSocial({ title, links }: FooterSocialProps) {
+function FooterSocial({
+  title,
+  links,
+  id = 'footer-social-title',
+}: FooterSocialProps) {
   return (
-    <section data-fs-footer-social>
-      <p data-fs-footer-social-title>{title}</p>
+    <section data-fs-footer-social aria-labelledby={id}>
+      <p data-fs-footer-social-title id={id}>
+        {title}
+      </p>
       <UIList>
         {links.map(({ icon: { icon }, url }) => (
           <li key={icon}>

package/src/components/sections/Incentives/Incentives.tsx

@@ -1,17 +1,19 @@
-import UIIncentives from 'src/components/ui/Incentives/Incentives'
 import type { Incentive } from 'src/components/ui/Incentives'
+import UIIncentives from 'src/components/ui/Incentives/Incentives'
 
 import Section from '../Section'
 import styles from './section.module.scss'
 
 interface Props {
   incentives: Incentive[]
+  label?: string
 }
 
-function Incentives({ incentives }: Props) {
+function Incentives({ incentives, label }: Props) {
   return (
     <Section className={`${styles.section} section-incentives layout__section`}>
-      <UIIncentives incentives={incentives} colored />
+      {/* Leaving label as an empty string isn’t ideal, but it works for now. Ideally, we should receive a label from the CMS to identify which Incentive section we’re referring to. */}
+      <UIIncentives incentives={incentives} colored label={label ?? ''} />
     </Section>
   )
 }

package/src/components/ui/Incentives/Incentives.tsx

@@ -1,7 +1,7 @@
 import {
   Icon as UIIcon,
-  List as UIList,
   Incentive as UIIncentive,
+  List as UIList,
 } from '@faststore/ui'
 
 export type Incentive = {
@@ -22,18 +22,24 @@ export interface IncentivesProps {
    * Controls the component's direction.
    */
   variant?: 'horizontal' | 'vertical'
+  /**
+   * Label to identify the incentive list and offer better accessibility
+   */
+  label?: string
 }
 
 function Incentives({
   incentives,
   variant = 'horizontal',
   colored = false,
+  label,
 }: IncentivesProps) {
   return (
-    <div
+    <section
       data-fs-incentives
       data-fs-incentives-colored={colored}
       data-fs-incentives-variant={variant}
+      aria-label={`Incentives List ${label}`}
     >
       <UIList data-fs-content="incentives">
         {incentives.map((incentive, index) => (
@@ -46,7 +52,7 @@ function Incentives({
                 width={32}
                 height={32}
               />
-              <div data-fs-incentive-content>
+              <section data-fs-incentive-content>
                 <p data-fs-incentive-title>{incentive.title}</p>
                 <span data-fs-incentive-description>
                   {incentive.firstLineText}
@@ -56,12 +62,12 @@ function Incentives({
                     {incentive.secondLineText}
                   </span>
                 )}
-              </div>
+              </section>
             </UIIncentive>
           </li>
         ))}
       </UIList>
-    </div>
+    </section>
   )
 }
 

package/src/components/ui/ProductDetails/ProductDetailsSettings.tsx

@@ -9,9 +9,8 @@ import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
 import Selectors from 'src/components/ui/SkuSelector'
 import AddToCartLoadingSkeleton from './AddToCartLoadingSkeleton'
 
-import { Icon as UIIcon, useUI } from '@faststore/ui'
+import { Icon as UIIcon, Label as UILabel, useUI } from '@faststore/ui'
 import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
-import { Label as UILabel } from '@faststore/ui'
 
 interface ProductDetailsSettingsProps {
   product: ProductDetailsFragment_ProductFragment

package/src/pages/_app.tsx

@@ -1,6 +1,5 @@
 import { UIProvider } from '@faststore/ui'
 import type { AppProps } from 'next/app'
-import NextNProgress from 'nextjs-progressbar'
 import Layout from 'src/Layout'
 import AnalyticsHandler from 'src/sdk/analytics'
 import ErrorBoundary from 'src/sdk/error/ErrorBoundary'
@@ -15,12 +14,6 @@ import { DefaultSeo } from 'next-seo'
 function App({ Component, pageProps }: AppProps) {
   return (
     <ErrorBoundary>
-      <NextNProgress
-        color="var(--fs-color-primary-bkg);"
-        showOnShallow={false}
-        options={{ showSpinner: false }}
-      />
-
       <DefaultSeo {...SEO} />
 
       <AnalyticsHandler />

package/src/pages/index.tsx

@@ -100,30 +100,29 @@ export const getStaticProps: GetStaticProps<
   Record<string, string>,
   Locator
 > = async ({ previewData }) => {
-  const serverData = await getDynamicContent({ pageType: 'home' })
-  const globalSections = await getGlobalSectionsData(previewData)
+  const globalSectionsPromise = getGlobalSectionsData(previewData)
+  const serverDataPromise = getDynamicContent({ pageType: 'home' })
 
+  let cmsPage = null
   if (storeConfig.cms.data) {
     const cmsData = JSON.parse(storeConfig.cms.data)
-    const page = cmsData['home'][0]
-
-    if (page) {
-      const pageData = await getPage<PageContentType>({
+    cmsPage = cmsData['home'][0]
+  }
+  const pagePromise = cmsPage
+    ? getPage<PageContentType>({
         contentType: 'home',
-        documentId: page.documentId,
-        versionId: page.versionId,
+        documentId: cmsPage.documentId,
+        versionId: cmsPage.versionId,
       })
-
-      return {
-        props: { page: pageData, globalSections, serverData },
-      }
-    }
-  }
-
-  const page = await getPage<PageContentType>({
-    ...(previewData?.contentType === 'home' && previewData),
-    contentType: 'home',
-  })
+    : getPage<PageContentType>({
+        ...(previewData?.contentType === 'home' && previewData),
+        contentType: 'home',
+      })
+  const [page, globalSections, serverData] = await Promise.all([
+    pagePromise,
+    globalSectionsPromise,
+    serverDataPromise,
+  ])
 
   return {
     props: { page, globalSections, serverData },

package/.next/static/Zw3RRqpKiix9XheiagRJ4/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,t,e,f,d,i){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,c,a,t,e,"static/css/197e314c5a03eabd.css","static/chunks/pages/index-2ed543569f2d5886.js"],"/404":[s,c,a,f,"static/chunks/pages/404-88e398da671e9a74.js"],"/500":[s,c,a,f,"static/chunks/pages/500-8460c80c5f08bb09.js"],"/_error":["static/chunks/pages/_error-fbf331a03642b495.js"],"/account":[s,c,a,"static/chunks/pages/account-2f8be1e9ff489677.js"],"/checkout":[s,c,a,"static/chunks/pages/checkout-0b95738bd7217e14.js"],"/login":[s,c,a,f,"static/chunks/pages/login-0f8dfe5bdc54f8cc.js"],"/s":[s,c,a,t,e,d,i,f,"static/chunks/pages/s-b52ba3a76a5e2d94.js"],"/[slug]/p":[s,c,a,t,e,"static/css/fbd711b9f5abf105.css","static/chunks/pages/[slug]/p-08757b2e058d168d.js"],"/[...slug]":[s,c,a,t,e,d,i,"static/css/e47f1a002bdcf76f.css","static/chunks/pages/[...slug]-8ccbcdddf41a0c95.js"],sortedPages:["/","/404","/500","/_app","/_error","/account","/checkout","/login","/s","/[slug]/p","/[...slug]"]}}("static/chunks/575-ae1d53677e78fd7b.js","static/css/4fae3c7fc719f5c5.css","static/chunks/968-064430c7734aa0e9.js","static/css/3e19bc8739388691.css","static/chunks/661-37d224da8cd18a0d.js","static/css/2980acad3f8e1028.css","static/css/c725ca9e956e11d7.css","static/chunks/629-2035a739f8a77882.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();