@faststore/core 2.2.67 → 2.2.69

package/.turbo/turbo-build.log

@@ -38,27 +38,28 @@ info  - Generating static pages (7/7)
 info  - Finalizing page optimization...
 
 Route (pages)                              Size     First Load JS
-┌ ● /                                      1.08 kB         142 kB
+┌ ● /                                      2.37 kB         142 kB
+├   └ css/ecdecb8d639a8311.css             5.48 kB
 ├   /_app                                  0 B            83.7 kB
-├ ● /[...slug]                             3.29 kB         145 kB
-├   └ css/527e334fa69cf40a.css             1.85 kB
-├ ● /[slug]/p                              5.89 kB         141 kB
-├   └ css/c33c62a3d0c77436.css             4.48 kB
-├ ○ /404                                   1.03 kB         136 kB
-├ ● /500                                   1.05 kB         136 kB
-├ ● /account                               676 B           136 kB
+├ ● /[...slug]                             4.44 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
 ├ λ /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           136 kB
-├ ● /login                                 983 B           136 kB
-└ ● /s                                     2.36 kB         138 kB
+├ ● /checkout                              661 B           140 kB
+├ ● /login                                 983 B           140 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-6c4b31200fed6646.js     2.22 kB
+  ├ chunks/webpack-3beeb2f9a51fccf6.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 (21.911 s)
+PASS test/server/index.test.ts (20.791 s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (9 ms)
-      ✓ should return a valid GraphQL schema contain all expected types (11 ms)
+      ✓ 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 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 (10 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (9 ms)
     Third Party API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (13 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (8 ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (106 ms)
+      ✓ should return a valid merged GraphQL schema (46 ms)
     Envelop
-      ✓ should exist with its plugins (41 ms)
-      ✓ should handle options and execute (397 ms)
+      ✓ should exist with its plugins (112 ms)
+      ✓ should handle options and execute (254 ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        22.042 s
+Time:        20.881 s
 Ran all test suites.

package/cms/faststore/sections.json

@@ -1316,6 +1316,56 @@
               "enumNames": ["Main", "Light", "Accent"],
               "enum": ["main", "light", "accent"],
               "default": "main"
+            },
+            "toastSubscribe": {
+              "title": "Toast Subscribe",
+              "type": "object",
+              "properties": {
+                "title": {
+                  "title": "Title",
+                  "description": "Message Title",
+                  "type": "string",
+                  "default": "Hooray!"
+                },
+                "message": {
+                  "title": "Message",
+                  "description": "Message",
+                  "type": "string",
+                  "default": "Thank for your subscription."
+                },
+                "icon": {
+                  "title": "Icon",
+                  "type": "string",
+                  "enumNames": ["CircleWavyCheck"],
+                  "enum": ["CircleWavyCheck"],
+                  "default": "CircleWavyCheck"
+                }
+              }
+            },
+            "toastSubscribeError": {
+              "title": "Toast Subscribe Error",
+              "type": "object",
+              "properties": {
+                "title": {
+                  "title": "Title",
+                  "description": "Message Title",
+                  "type": "string",
+                  "default": "Oops."
+                },
+                "message": {
+                  "title": "Message",
+                  "description": "Message",
+                  "type": "string",
+                  "default": "Something went wrong. Please Try again."
+                },
+                "icon": {
+                  "title": "Icon",
+                  "type": "string",
+                  "enumNames": ["CircleWavyWarning"],
+                  "enum": ["CircleWavyWarning"],
+                  "default": "CircleWavyWarning"
+                }
+              }
             }
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.67",
+  "version": "2.2.69",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -37,11 +37,11 @@
     "@envelop/graphql-jit": "^1.1.1",
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
-    "@faststore/api": "^2.2.56",
-    "@faststore/components": "^2.2.67",
-    "@faststore/graphql-utils": "^2.2.56",
-    "@faststore/sdk": "^2.2.61",
-    "@faststore/ui": "^2.2.67",
+    "@faststore/api": "^2.2.69",
+    "@faststore/components": "^2.2.69",
+    "@faststore/graphql-utils": "^2.2.69",
+    "@faststore/sdk": "^2.2.69",
+    "@faststore/ui": "^2.2.69",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/typescript": "^3.0.4",
     "@graphql-codegen/typescript-operations": "^3.0.4",
@@ -78,8 +78,8 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",
     "@envelop/testing": "^6.0.0",
-    "@faststore/cli": "^2.2.56",
-    "@faststore/eslint-config": "^2.2.56",
+    "@faststore/cli": "^2.2.69",
+    "@faststore/eslint-config": "^2.2.69",
     "@faststore/lighthouse": "^1.12.32",
     "@lhci/cli": "^0.9.0",
     "@testing-library/cypress": "^10.0.1",
@@ -123,5 +123,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "2e3616dde052d47d898067f985b4b0e067311495"
+  "gitHead": "e02c08e29d5a183ddc461a6da61ac4b9243c098a"
 }

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

@@ -1,6 +1,9 @@
-import { BannerTextProps } from 'src/components/sections/BannerText'
 import { OverriddenDefaultBannerText as BannerText } from 'src/components/sections/BannerText/OverriddenDefaultBannerText'
-import Newsletter, { NewsletterProps } from 'src/components/sections/Newsletter'
+import type { BannerTextProps } from 'src/components/sections/BannerText'
+
+import { OverriddenDefaultNewsletter as Newsletter } from 'src/components/sections/Newsletter/OverriddenDefaultNewsletter'
+import type { NewsletterProps } from 'src/components/sections/Newsletter'
+
 import Section from '../Section'
 import styles from './section.module.scss'
 

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

@@ -0,0 +1,25 @@
+import {
+  Button as UIButton,
+  InputField as UIInputField,
+  Icon as UIIcon,
+  Newsletter as UINewsletter,
+  NewsletterContent as UINewsletterContent,
+  NewsletterForm as UINewsletterForm,
+  NewsletterHeader as UINewsletterHeader,
+} from '@faststore/ui'
+
+import { NewsletterAddendum as UINewsletterAddendum } from 'src/components/ui/Newsletter'
+
+export const NewsletterDefaultComponents = {
+  Button: UIButton,
+  HeaderIcon: UIIcon,
+  InputFieldEmail: UIInputField,
+  InputFieldName: UIInputField,
+  Newsletter: UINewsletter,
+  NewsletterAddendum: UINewsletterAddendum,
+  NewsletterContent: UINewsletterContent,
+  NewsletterForm: UINewsletterForm,
+  NewsletterHeader: UINewsletterHeader,
+  ToastIconError: UIIcon,
+  ToastIconSuccess: UIIcon,
+} as const

package/src/components/sections/Newsletter/Newsletter.tsx

@@ -1,7 +1,6 @@
 import {
   NewsletterProps as UINewsletterProps,
   NewsletterAddendumProps as UINewsletterAddendumProps,
-  NewsletterFormProps as UINewsletterFormProps,
   NewsletterHeaderProps as UINewsletterHeaderProps,
 } from '@faststore/ui'
 
@@ -74,7 +73,7 @@ export interface NewsletterProps {
   toastSubscribeError?: SubscribeMessage
 }
 
-const Newsletter = function Newsletter({
+function Newsletter({
   icon,
   title,
   description,

package/src/components/sections/Newsletter/OverriddenDefaultNewsletter.ts

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

package/src/components/templates/LandingPage/LandingPage.tsx

@@ -4,12 +4,12 @@ import type { Locator } from '@vtex/client-cms'
 
 import MissingContentError from 'src/sdk/error/MissingContentError/MissingContentError'
 import RenderSections from 'src/components/cms/RenderSections'
+import { OverriddenDefaultBannerText as BannerText } from 'src/components/sections/BannerText/OverriddenDefaultBannerText'
 import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'
-import Incentives from 'src/components/sections/Incentives'
+import { OverriddenDefaultNewsletter as Newsletter } from 'src/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'src/components/sections/ProductShelf/OverriddenDefaultProductShelf'
+import Incentives from 'src/components/sections/Incentives'
 import ProductTiles from 'src/components/sections/ProductTiles'
-import { OverriddenDefaultBannerText as BannerText } from 'src/components/sections/BannerText/OverriddenDefaultBannerText'
-import Newsletter from 'src/components/sections/Newsletter'
 import { getPage } from 'src/server/cms'
 import type { PageContentType } from 'src/server/cms'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'

package/src/components/ui/Newsletter/Newsletter.tsx

@@ -5,21 +5,9 @@ import { useUI } from '@faststore/ui'
 import type { InputFieldProps } from '@faststore/ui'
 
 import { useNewsletter } from 'src/sdk/newsletter/useNewsletter'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 import type { NewsletterProps as SectionNewsletterProps } from 'src/components/sections/Newsletter'
-import {
-  Newsletter as NewsletterWrapper,
-  NewsletterAddendum,
-  NewsletterContent,
-  NewsletterForm,
-  NewsletterHeader,
-  ToastIconSuccess,
-  ToastIconError,
-  HeaderIcon,
-  InputFieldName,
-  InputFieldEmail,
-  Button,
-} from 'src/components/sections/Newsletter/Overrides'
 
 export type NewsletterProps = SectionNewsletterProps
 
@@ -38,6 +26,20 @@ function Newsletter({
   toastSubscribeError,
   colorVariant,
 }: NewsletterProps) {
+  const {
+    Button,
+    HeaderIcon,
+    InputFieldName,
+    InputFieldEmail,
+    Newsletter: NewsletterWrapper,
+    NewsletterAddendum,
+    NewsletterContent,
+    NewsletterForm,
+    NewsletterHeader,
+    ToastIconError,
+    ToastIconSuccess,
+  } = useOverrideComponents<'Newsletter'>()
+
   const { pushToast } = useUI()
   const { subscribeUser, loading, data } = useNewsletter()
 

package/src/components/ui/Newsletter/index.ts

@@ -1,2 +1,5 @@
 export { default } from './Newsletter'
 export type { NewsletterProps } from './Newsletter'
+
+export { NewsletterAddendum } from './NewsletterAddendum'
+export type { NewsletterAddendumProps } from './NewsletterAddendum'

package/src/pages/index.tsx

@@ -6,9 +6,9 @@ import type { ComponentType } from 'react'
 import RenderSections from 'src/components/cms/RenderSections'
 import { OverriddenDefaultBannerText as BannerText } from 'src/components/sections/BannerText/OverriddenDefaultBannerText'
 import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'
-import Incentives from 'src/components/sections/Incentives'
-import Newsletter from 'src/components/sections/Newsletter'
+import { OverriddenDefaultNewsletter as Newsletter } from 'src/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'src/components/sections/ProductShelf/OverriddenDefaultProductShelf'
+import Incentives from 'src/components/sections/Incentives'
 import ProductTiles from 'src/components/sections/ProductTiles'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import { mark } from 'src/sdk/tests/mark'

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 Newsletter from '../../components/sections/Newsletter'
 import ProductShelf from '../../components/sections/ProductShelf'
 import CrossSellingShelf from '../../components/sections/CrossSellingShelf'
 import ProductDetails from '../../components/sections/ProductDetails'
@@ -15,6 +16,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 { NewsletterDefaultComponents } from '../../components/sections/Newsletter/DefaultComponents'
 import { ProductDetailsDefaultComponents } from '../../components/sections/ProductDetails/DefaultComponents'
 import { ProductGalleryDefaultComponents } from '../../components/sections/ProductGallery/DefaultComponents'
 import { ProductShelfDefaultComponents } from '../../components/sections/ProductShelf/DefaultComponents'
@@ -26,6 +28,7 @@ export const Sections = {
   Breadcrumb,
   CrossSellingShelf,
   Hero,
+  Newsletter,
   ProductDetails,
   ProductGallery,
   ProductShelf,
@@ -43,6 +46,7 @@ export const DefaultComponents: Partial<
   Breadcrumb: BreadcrumbDefaultComponents,
   CrossSellingShelf: CrossSellingShelfDefaultComponents,
   Hero: HeroDefaultComponents,
+  Newsletter: NewsletterDefaultComponents,
   ProductDetails: ProductDetailsDefaultComponents,
   ProductGallery: ProductGalleryDefaultComponents,
   ProductShelf: ProductShelfDefaultComponents,

package/src/typings/overrides.ts

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