@faststore/core 2.1.24 → 2.1.27

package/.turbo/turbo-build.log

@@ -35,7 +35,7 @@ Route (pages)                              Size     First Load JS
 ├ ● /[...slug]                             4.14 kB         209 kB
 ├   └ css/08e3fc80f9bad95d.css             1.83 kB
 ├ ● /[slug]/p                              11 kB           205 kB
-├   └ css/0e00026896a2ee3e.css             11.2 kB
+├   └ css/d1ad1d89f8d5c7a1.css             11.2 kB
 ├ ○ /404                                   1.28 kB         114 kB
 ├ ● /500                                   1.3 kB          114 kB
 ├ ● /account                               670 B           113 kB
@@ -48,7 +48,7 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-fd466221927468fd.js        23.9 kB
   ├ chunks/pages/_app-79d333aa6001a806.js  6.38 kB
-  ├ chunks/webpack-2926b308630c5ea8.js     2.29 kB
+  ├ chunks/webpack-a86bbea19dfdfd35.js     2.3 kB
   └ css/7486a2a5fcda5283.css               2.79 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.1.24",
+  "version": "2.1.27",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {
@@ -30,10 +30,10 @@
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
     "@faststore/api": "^2.1.24",
-    "@faststore/components": "^2.1.18",
+    "@faststore/components": "^2.1.26",
     "@faststore/graphql-utils": "^2.1.9",
     "@faststore/sdk": "^2.1.9",
-    "@faststore/ui": "^2.1.23",
+    "@faststore/ui": "^2.1.26",
     "@types/react": "^18.0.14",
     "@vtex/client-cms": "^0.2.12",
     "autoprefixer": "^10.4.0",
@@ -110,5 +110,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "38bb4d96f41615c87fe93b6b88e6b0e8d034b97e"
+  "gitHead": "2b33c73653e54711f12e432a0e1260c71ce7b128"
 }

package/src/components/ThirdPartyScripts/ThirdPartyScripts.tsx

@@ -18,6 +18,10 @@ if (process.env.NODE_ENV === 'development' && !includeGTM) {
 }
 
 function ThirdPartyScripts() {
+  const forwards = []
+  if (includeVTEX) forwards.push('sendrc', 'vtexaf')
+  if (includeGTM) forwards.push('dataLayer.push')
+
   return (
     <>
       {includeGTM && <GoogleTagManager containerId={gtmContainerId} />}
@@ -25,10 +29,7 @@ function ThirdPartyScripts() {
       <Partytown
         key="partytown"
         // Variables to forward to from main to worker
-        forward={[
-          includeGTM && 'dataLayer.push',
-          includeVTEX && 'sendrc',
-        ].filter(isString)}
+        forward={forwards}
       />
     </>
   )

package/src/components/ThirdPartyScripts/vtex.tsx

@@ -16,6 +16,13 @@ function VTEX() {
         async
         src="https://io.vtex.com.br/rc/rc.js"
       />
+      <script
+        key="vtex-af.js-init"
+        type="text/partytown"
+        dangerouslySetInnerHTML={{
+          __html: `f=window.vtexaf=window.vtexaf||function(){(f.q=f.q||[]).push(arguments)};f.l=+new Date`,
+        }}
+      />
       <script
         key="vtex-af.js-script"
         type="text/partytown"

package/src/components/sections/BannerNewsletter/BannerNewsletter.tsx

@@ -12,7 +12,7 @@ function BannerNewsletter({
 }) {
   return (
     <Section className={`${styles.section} section-banner-newsletter`}>
-      <div data-fs-banner-newsletter data-fs-content="banner-newsletter">
+      <div data-fs-banner-text-newsletter data-fs-content="banner-newsletter">
         <BannerText
           title={banner.title}
           caption={banner.caption}

package/src/components/sections/BannerNewsletter/section.module.scss

@@ -1,6 +1,6 @@
 .section {
   @import "@faststore/ui/src/components/atoms/Button/styles.scss";
   @import "@faststore/ui/src/components/molecules/LinkButton/styles.scss";
-  @import "@faststore/ui/src/components/organisms/Banner/styles.scss";
+  @import "@faststore/ui/src/components/organisms/BannerText/styles.scss";
   @import "@faststore/ui/src/components/organisms/BannerNewsletter/styles.scss";
 }

package/src/components/sections/BannerText/BannerText.tsx

@@ -1,6 +1,6 @@
 import {
-  BannerProps as UIBannerProps,
-  BannerContentProps as UIBannerContentProps,
+  BannerTextProps as UIBannerTextProps,
+  BannerTextContentProps as UIBannerTextContentProps,
 } from '@faststore/ui'
 import { Components, Props } from './Overrides'
 
@@ -8,44 +8,44 @@ import Section from '../Section'
 import styles from './section.module.scss'
 
 export interface BannerTextProps {
-  title: UIBannerContentProps['title']
-  caption: UIBannerContentProps['caption']
+  title: UIBannerTextContentProps['title']
+  caption: UIBannerTextContentProps['caption']
   link?: {
     text?: string
     url?: string
   }
-  colorVariant?: UIBannerProps['colorVariant']
-  variant?: UIBannerProps['variant']
+  colorVariant?: UIBannerTextProps['colorVariant']
+  variant?: UIBannerTextProps['variant']
 }
 
-const { Banner, BannerContent } = Components
+const { BannerText: BannerTextWrapper, BannerTextContent } = Components
 
 // TODO: Change actionPath and actionLabel with Link
 function BannerText({
   title,
   caption,
   link: {
-    url: linkUrl = Props['BannerContent'].link,
-    text: linkText = Props['BannerContent'].linkText,
+    url: linkUrl = Props['BannerTextContent'].link,
+    text: linkText = Props['BannerTextContent'].linkText,
   },
-  variant = Props['Banner'].variant ?? 'primary',
-  colorVariant = Props['Banner'].colorVariant ?? 'main',
+  variant = Props['BannerText'].variant ?? 'primary',
+  colorVariant = Props['BannerText'].colorVariant ?? 'main',
 }: BannerTextProps) {
   return (
     <Section className={`${styles.section} section-banner layout__section`}>
-        <Banner
-          {...Props['Banner']}
-          variant={variant}
-          colorVariant={colorVariant}
-        >
-          <BannerContent
-            {...Props['BannerContent']}
-            title={title}
-            caption={caption}
-            link={linkUrl}
-            linkText={linkText}
-          />
-        </Banner>
+      <BannerTextWrapper
+        {...Props['BannerText']}
+        variant={variant}
+        colorVariant={colorVariant}
+      >
+        <BannerTextContent
+          {...Props['BannerTextContent']}
+          title={title}
+          caption={caption}
+          link={linkUrl}
+          linkText={linkText}
+        />
+      </BannerTextWrapper>
     </Section>
   )
 }

package/src/components/sections/BannerText/Overrides.tsx

@@ -1,6 +1,6 @@
 import {
-  Banner as UIBanner,
-  BannerContent as UIBannerContent,
+  BannerText as UIBannerText,
+  BannerTextContent as UIBannerTextContent,
 } from '@faststore/ui'
 
 import BannerTextCustomizations from 'src/customizations/components/overrides/BannerText'
@@ -22,8 +22,8 @@ Object.entries(BannerTextCustomizations.components).forEach(([key, value]) => {
 })
 
 const Components = {
-  Banner: UIBanner,
-  BannerContent: UIBannerContent,
+  BannerText: UIBannerText,
+  BannerTextContent: UIBannerTextContent,
   ...bannerTextComponentsCustomization,
 }
 

package/src/components/sections/BannerText/section.module.scss

@@ -1,5 +1,5 @@
 .section {
   @import "@faststore/ui/src/components/atoms/Button/styles";
   @import "@faststore/ui/src/components/molecules/LinkButton/styles";
-  @import "@faststore/ui/src/components/organisms/Banner/styles";
+  @import "@faststore/ui/src/components/organisms/BannerText/styles";
 }

package/src/customizations/components/overrides/BannerText.tsx

@@ -7,8 +7,8 @@ const SECTION = 'BannerText' as const
 const overrides: SectionOverride[typeof SECTION] = {
   name: SECTION,
   components: {
-    Banner: { props: {} },
-    BannerContent: { props: {} },
+    BannerText: { props: {} },
+    BannerTextContent: { props: {} },
   },
 }
 

package/src/typings/overrides.d.ts

@@ -3,7 +3,7 @@ export const SECTIONS = {
     components: ['Hero', 'HeroImage', 'HeroHeader'],
   },
   BannerText: {
-    components: ['Banner', 'BannerContent'],
+    components: ['BannerText', 'BannerTextContent'],
   },
   ProductDetails: {
     components: [

package/.next/BUILD_ID

@@ -1 +0,0 @@
-lF6HThNgw-5o0MZu-nxZC

package/.next/build-manifest.json

@@ -1,129 +0,0 @@
-{
-  "polyfillFiles": [
-    "static/chunks/polyfills-c67a75d1b6f99dc8.js"
-  ],
-  "devFiles": [],
-  "ampDevFiles": [],
-  "lowPriorityFiles": [
-    "static/lF6HThNgw-5o0MZu-nxZC/_buildManifest.js",
-    "static/lF6HThNgw-5o0MZu-nxZC/_ssgManifest.js"
-  ],
-  "rootMainFiles": [],
-  "pages": {
-    "/": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/6f33907361436e6c.css",
-      "static/chunks/130-15325805e3c8d5f4.js",
-      "static/css/584640ffee46aa49.css",
-      "static/chunks/pages/index-e9727cb06d9ae961.js"
-    ],
-    "/404": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/e02cdad8fc000339.css",
-      "static/chunks/pages/404-d5f20744ecd83121.js"
-    ],
-    "/500": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/e02cdad8fc000339.css",
-      "static/chunks/pages/500-3911549ab88d0378.js"
-    ],
-    "/[...slug]": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/6f33907361436e6c.css",
-      "static/chunks/130-15325805e3c8d5f4.js",
-      "static/css/f9d59f597a4d8f82.css",
-      "static/chunks/791-63b1ccf9964b6517.js",
-      "static/css/584640ffee46aa49.css",
-      "static/css/08e3fc80f9bad95d.css",
-      "static/chunks/pages/[...slug]-3a37fd4d13cb2ba8.js"
-    ],
-    "/[slug]/p": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/6f33907361436e6c.css",
-      "static/chunks/130-15325805e3c8d5f4.js",
-      "static/css/0e00026896a2ee3e.css",
-      "static/chunks/pages/[slug]/p-bf47c90571846f86.js"
-    ],
-    "/_app": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/css/7486a2a5fcda5283.css",
-      "static/chunks/pages/_app-79d333aa6001a806.js"
-    ],
-    "/_error": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/pages/_error-a7a0c1d9bfbb4f38.js"
-    ],
-    "/account": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/chunks/pages/account-d248acc931146694.js"
-    ],
-    "/checkout": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/chunks/pages/checkout-97f6d6f36f041a6f.js"
-    ],
-    "/login": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/e02cdad8fc000339.css",
-      "static/chunks/pages/login-4cc4b8e52608f076.js"
-    ],
-    "/s": [
-      "static/chunks/webpack-2926b308630c5ea8.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/a49f71ae6bb528e0.css",
-      "static/chunks/706-5aea41dd07970d2d.js",
-      "static/css/f9d59f597a4d8f82.css",
-      "static/chunks/791-63b1ccf9964b6517.js",
-      "static/chunks/pages/s-aabfa5c08338974a.js"
-    ]
-  },
-  "ampFirstPages": []
-}