@faststore/core 3.0.46 → 3.0.48

package/.next/types/app/fs-next-update/page.ts

@@ -0,0 +1,71 @@
+// File: /home/runner/work/faststore/faststore/packages/core/app/fs-next-update/page.tsx
+import * as entry from '../../../../app/fs-next-update/page.js'
+import type { ResolvingMetadata } from 'next/dist/lib/metadata/types/metadata-interface.js'
+
+type TEntry = typeof import('../../../../app/fs-next-update/page.js')
+
+// Check that the entry is a valid entry
+checkFields<Diff<{
+  default: Function
+  config?: {}
+  generateStaticParams?: Function
+  revalidate?: RevalidateRange<TEntry> | false
+  dynamic?: 'auto' | 'force-dynamic' | 'error' | 'force-static'
+  dynamicParams?: boolean
+  fetchCache?: 'auto' | 'force-no-store' | 'only-no-store' | 'default-no-store' | 'default-cache' | 'only-cache' | 'force-cache'
+  preferredRegion?: 'auto' | 'global' | 'home' | string | string[]
+  runtime?: 'nodejs' | 'experimental-edge' | 'edge'
+  maxDuration?: number
+  
+  metadata?: any
+  generateMetadata?: Function
+  
+}, TEntry, ''>>()
+
+// Check the prop type of the entry function
+checkFields<Diff<PageProps, FirstArg<TEntry['default']>, 'default'>>()
+
+// Check the arguments and return type of the generateMetadata function
+if ('generateMetadata' in entry) {
+  checkFields<Diff<PageProps, FirstArg<MaybeField<TEntry, 'generateMetadata'>>, 'generateMetadata'>>()
+  checkFields<Diff<ResolvingMetadata, SecondArg<MaybeField<TEntry, 'generateMetadata'>>, 'generateMetadata'>>()
+}
+
+// Check the arguments and return type of the generateStaticParams function
+if ('generateStaticParams' in entry) {
+  checkFields<Diff<{ params: PageParams }, FirstArg<MaybeField<TEntry, 'generateStaticParams'>>, 'generateStaticParams'>>()
+  checkFields<Diff<{ __tag__: 'generateStaticParams', __return_type__: any[] | Promise<any[]> }, { __tag__: 'generateStaticParams', __return_type__: ReturnType<MaybeField<TEntry, 'generateStaticParams'>> }>>()
+}
+
+type PageParams = any
+export interface PageProps {
+  params?: any
+  searchParams?: any
+}
+export interface LayoutProps {
+  children?: React.ReactNode
+
+  params?: any
+}
+
+// =============
+// Utility types
+type RevalidateRange<T> = T extends { revalidate: any } ? NonNegative<T['revalidate']> : never
+
+// If T is unknown or any, it will be an empty {} type. Otherwise, it will be the same as Omit<T, keyof Base>.
+type OmitWithTag<T, K extends keyof any, _M> = Omit<T, K>
+type Diff<Base, T extends Base, Message extends string = ''> = 0 extends (1 & T) ? {} : OmitWithTag<T, keyof Base, Message>
+
+type FirstArg<T extends Function> = T extends (...args: [infer T, any]) => any ? unknown extends T ? any : T : never
+type SecondArg<T extends Function> = T extends (...args: [any, infer T]) => any ? unknown extends T ? any : T : never
+type MaybeField<T, K extends string> = T extends { [k in K]: infer G } ? G extends Function ? G : never : never
+
+
+
+function checkFields<_ extends { [k in keyof any]: never }>() {}
+
+// https://github.com/sindresorhus/type-fest
+type Numeric = number | bigint
+type Zero = 0 | 0n
+type Negative<T extends Numeric> = T extends Zero ? never : `${T}` extends `-${string}` ? T : never
+type NonNegative<T extends Numeric> = T extends Zero ? T : Negative<T> extends never ? T : '__invalid_negative_number__'

package/.next/types/package.json

@@ -0,0 +1 @@
+{"type": "module"}

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 $ yarn partytown & yarn generate && next build
-$ partytown copylib ./public/~partytown
 $ faststore generate-graphql -c
+$ partytown copylib ./public/~partytown
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 success - GraphQL schema, types, and optimizations successfully generated 🎉
 ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
@@ -9,10 +9,6 @@ This information is used to shape Next.js' roadmap and prioritize features.
 You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
 https://nextjs.org/telemetry
 
-Browserslist: caniuse-lite is outdated. Please run:
-  npx browserslist@latest --update-db
-  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
-   Linting and checking validity of types ...
 Browserslist: caniuse-lite is outdated. Please run:
   npx browserslist@latest --update-db
   Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
@@ -23,38 +19,66 @@ Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
  ✓ Compiled successfully
+   Linting and checking validity of types ...
+Browserslist: caniuse-lite is outdated. Please run:
+  npx browserslist@latest --update-db
+  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
    Collecting page data ...
-   Generating static pages (0/7) ...
-
   Generating static pages (1/7) 
-
   Generating static pages (3/7) 
-
   Generating static pages (5/7) 
-
 ✓ Generating static pages (7/7) 
+   Generating static pages (0/9) ...
+
   Generating static pages (2/9) 
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+
   Generating static pages (4/9) 
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+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.
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+
   Generating static pages (6/9) 
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+warn - AlertWithImage not found. Add a new component for this section or remove it from the CMS
+warn - CustomIconsAlert not found. Add a new component for this section or remove it from the CMS
+
 ✓ Generating static pages (9/9) 
    Finalizing page optimization ...
    Collecting build traces ...
 
+Route (app)                                Size     First Load JS
+┌ ○ /_not-found                            875 B            83 kB
+└ ○ /fs-next-update                        142 B          82.3 kB
++ First Load JS shared by all              82.1 kB
+  ├ chunks/503-e6db8cab6eb3bf60.js         28.4 kB
+  ├ chunks/fd9d1056-e4950b334bc218cf.js    51.1 kB
+  ├ chunks/main-app-7b31a9960d0fa675.js    232 B
+  └ chunks/webpack-31f87692f808967d.js     2.45 kB
+
 Route (pages)                              Size     First Load JS
-┌ ● /                                      3.36 kB         143 kB
-├   └ css/d586715f4f707df4.css             6.56 kB
-├   /_app                                  0 B            93.4 kB
-├ ● /[...slug]                             4.47 kB         156 kB
-├   └ css/4c4d90eb8cb1d2b7.css             7 kB
-├ ● /[slug]/p                              11.4 kB         151 kB
-├   └ css/96e3fddf695d6aa9.css             11.3 kB
+┌ ● /                                      3.39 kB         144 kB
+├   └ css/6ce7302d311d7d68.css             6.57 kB
+├   /_app                                  0 B            93.5 kB
+├ ● /[...slug]                             4.5 kB          156 kB
+├   └ css/ec840ce35f0cf5e0.css             7.02 kB
+├ ● /[slug]/p                              11.1 kB         151 kB
+├   └ css/36f9392d58a1a958.css             11.4 kB
 ├ ○ /404                                   1.47 kB         127 kB
 ├ ● /500                                   1.47 kB         127 kB
-├ ● /account                               676 B           126 kB
-├ λ /api/graphql                           0 B            93.4 kB
-├ λ /api/health/live                       0 B            93.4 kB
-├ λ /api/health/ready                      0 B            93.4 kB
-├ λ /api/preview                           0 B            93.4 kB
-├ ● /checkout                              662 B           126 kB
+├ ● /account                               675 B           126 kB
+├ λ /api/graphql                           0 B            93.5 kB
+├ λ /api/health/live                       0 B            93.5 kB
+├ λ /api/health/ready                      0 B            93.5 kB
+├ λ /api/preview                           0 B            93.5 kB
+├ ● /checkout                              660 B           126 kB
 ├ ● /login                                 1.58 kB         127 kB
-└ ● /s                                     4.66 kB         141 kB
+└ ● /s                                     4.97 kB         141 kB
 + First Load JS shared by all              96.5 kB
-  ├ chunks/framework-8e279965036b6169.js   45.4 kB
-  ├ chunks/main-6f63f6746cc029db.js        33.1 kB
-  ├ chunks/pages/_app-ec0d2e833bd9cea0.js  12.6 kB
-  ├ chunks/webpack-d993fa4ea18504cc.js     2.44 kB
+  ├ chunks/framework-21e9365486ba23a6.js   45.4 kB
+  ├ chunks/main-5e45f8a409e3ce1c.js        33.1 kB
+  ├ chunks/pages/_app-88eac41033b6a613.js  12.6 kB
+  ├ chunks/webpack-31f87692f808967d.js     2.45 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 (26.712 s)
+PASS test/server/index.test.ts (26.656 s)
   FastStore GraphQL Layer
     @faststore/api
       ✓ should return a valid GraphQL schema (9 ms)
-      ✓ should return a valid GraphQL schema contain all expected types (7 ms)
-      ✓ should return a valid GraphQL schema contain all expected queries (2 ms)
-      ✓ should return a valid GraphQL schema contain all expected mutations
+      ✓ should return a valid GraphQL schema contain all expected types (27 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 (12 ms)
     Third Party API Extension
       ✓ getTypeDefsFromFolder function should return an Array (9 ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (46 ms)
+      ✓ should return a valid merged GraphQL schema (42 ms)
     Envelop
-      ✓ should exist with its plugins (50 ms)
-      ✓ should handle options and execute (418 ms)
+      ✓ should exist with its plugins (60 ms)
+      ✓ should handle options and execute (207 ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        26.891 s
+Time:        26.762 s
 Ran all test suites.

package/api/index.ts

@@ -13,3 +13,5 @@ export type {
   StoreProductRoot,
   StoreOrganizationRoot,
 } from '@faststore/api'
+
+export * from '../@generated/graphql'

package/app/fs-next-update/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>placeholder</div>
+}

package/app/layout.tsx

@@ -0,0 +1,11 @@
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}

package/index.ts

@@ -1,12 +1,4 @@
-export {
-  usePage,
-  usePDP,
-  usePLP,
-  useSearchPage,
-  isPDP,
-  isPLP,
-  isSearchPage,
-} from './src/sdk/overrides/PageProvider'
+export * from './src/sdk/overrides/PageProvider'
 
 export type {
   PDPContext,

package/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

package/next.config.js

@@ -1,6 +1,7 @@
 // @ts-check
 const path = require('path')
 const storeConfig = require('./faststore.config')
+const webpack = require('webpack')
 
 /**
  * @type {import('next').NextConfig}
@@ -40,6 +41,16 @@ const nextConfig = {
         }
       })
 
+    // Make css order works as expected in Next 13. See https://github.com/vercel/next.js/issues/51030#issuecomment-2005254907
+    config.plugins.push(
+      new webpack.BannerPlugin({
+        banner: '@layer base, components, theme;',
+        test: /\.css$/,
+        raw: true,
+        entryOnly: false,
+      })
+    )
+
     // Reduce the number of chunks so we ship a smaller first bundle.
     // This should help reducing TBT
     if (!isServer && !dev && config.optimization?.splitChunks) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.0.46",
+  "version": "3.0.48",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -39,11 +39,11 @@
     "@envelop/graphql-jit": "^1.1.1",
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
-    "@faststore/api": "^3.0.46",
-    "@faststore/components": "^3.0.46",
-    "@faststore/graphql-utils": "^3.0.43",
-    "@faststore/sdk": "^3.0.43",
-    "@faststore/ui": "^3.0.46",
+    "@faststore/api": "^3.0.47",
+    "@faststore/components": "^3.0.47",
+    "@faststore/graphql-utils": "^3.0.47",
+    "@faststore/sdk": "^3.0.47",
+    "@faststore/ui": "^3.0.47",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/client-preset": "^4.1.0",
     "@graphql-codegen/typescript": "^3.0.4",
@@ -82,8 +82,8 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",
     "@envelop/testing": "^6.0.0",
-    "@faststore/cli": "^3.0.43",
-    "@faststore/eslint-config": "^3.0.43",
+    "@faststore/cli": "^3.0.47",
+    "@faststore/eslint-config": "^3.0.47",
     "@faststore/lighthouse": "^1.12.32",
     "@lhci/cli": "^0.9.0",
     "@testing-library/cypress": "^10.0.1",
@@ -124,5 +124,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "5fdfe48f8a4115b3ff83bd70272d83857ce74c4f"
+  "gitHead": "b9f3d0a140309be1a31e17a15890403bc6f5ea36"
 }

package/src/components/cart/CartItem/CartItem.tsx

@@ -62,7 +62,7 @@ function useCartItemEvent() {
 
 interface Props {
   item: ICartItem
-  useUnitMultiplier: boolean
+  useUnitMultiplier?: boolean
 }
 
 function CartItem({ item, useUnitMultiplier = false }: Props) {

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

@@ -11,6 +11,7 @@ import { OverriddenDefaultProductShelf as ProductShelf } from 'src/components/se
 import ProductTiles from 'src/components/sections/ProductTiles'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import MissingContentError from 'src/sdk/error/MissingContentError/MissingContentError'
+import PageProvider from 'src/sdk/overrides/PageProvider'
 import type { PageContentType } from 'src/server/cms'
 import { getPage } from 'src/server/cms'
 
@@ -30,12 +31,18 @@ const COMPONENTS: Record<string, ComponentType<any>> = {
 export type LandingPageProps = {
   page: PageContentType
   slug?: string
+  serverData?: unknown
 }
 
 export default function LandingPage({
   page: { sections, settings },
   slug,
+  serverData,
 }: LandingPageProps) {
+  const context = {
+    data: serverData,
+  }
+
   return (
     <>
       {/* SEO */}
@@ -75,7 +82,9 @@ export default function LandingPage({
         If needed, wrap your component in a <Section /> component
         (not the HTML tag) before rendering it here.
       */}
-      <RenderSections sections={sections} components={COMPONENTS} />
+      <PageProvider context={context}>
+        <RenderSections sections={sections} components={COMPONENTS} />
+      </PageProvider>
     </>
   )
 }

package/src/customizations/src/dynamicContent/index.ts

@@ -0,0 +1,16 @@
+// starter.store code that will be copied to .faststore (core) dynamicContent/index.ts
+
+// 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.
+
+// Example:
+// const dynamicContent = {
+//   home: fetchDataHomepage,
+//   "my-landing-page": fetchDataMyLandingPage,
+// };
+
+// export default dynamicContent;
+
+const dynamicContent = {}
+
+export default dynamicContent

package/src/experimental/index.ts

@@ -30,9 +30,13 @@ export { default as useTopSearch_unstable } from '../../src/sdk/search/useTopSea
 export { useFilter as useFilter_unstable } from '../../src/sdk/search/useFilter'
 export { useDelayedFacets as useDelayedFacets_unstable } from '../../src/sdk/search/useDelayedFacets'
 export { useDelayedPagination as useDelayedPagination_unstable } from '../../src/sdk/search/useDelayedPagination'
+
 export { getShippingSimulation as getShippingSimulation_unstable } from '../../src/sdk/shipping'
 export { useShippingSimulation as useShippingSimulation_unstable } from '../../src/sdk/shipping/useShippingSimulation'
 
 // Components
 export { Image as Image_unstable } from '../../src/components/ui/Image'
 export { ProfileChallenge as ProfileChallenge_unstable } from '../../src/components/auth/ProfileChallenge'
+
+// Server GraphQL
+export { execute as execute_unstable } from '../../src/server'

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

@@ -23,6 +23,7 @@ import ProductListingPage, {
 } from 'src/components/templates/ProductListingPage'
 import { PageContentType } from 'src/server/cms'
 import { getPLP, PLPContentType } from 'src/server/cms/plp'
+import { getDynamicContent } from 'src/utils/dynamicContent'
 
 type BaseProps = {
   globalSections: GlobalSectionsData
@@ -39,6 +40,7 @@ type Props = BaseProps &
         type: 'page'
         slug: string
         page: PageContentType
+        serverData?: unknown
       }
   )
 
@@ -91,12 +93,15 @@ export const getStaticProps: GetStaticProps<
   ]
 
   if (await landingPagePromise) {
+    const serverData = await getDynamicContent({ pageType: slug })
+
     return {
       props: {
         page: await landingPagePromise,
         globalSections: await globalSectionsPromise,
         type: 'page',
         slug,
+        serverData,
       },
     }
   }

package/src/pages/index.tsx

@@ -19,6 +19,8 @@ import GlobalSections, {
   GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
+import PageProvider from 'src/sdk/overrides/PageProvider'
+import { getDynamicContent } from 'src/utils/dynamicContent'
 import storeConfig from '../../faststore.config'
 
 /* A list of components that can be used in the CMS. */
@@ -35,9 +37,18 @@ const COMPONENTS: Record<string, ComponentType<any>> = {
 type Props = {
   page: PageContentType
   globalSections: GlobalSectionsData
+  serverData?: unknown
 }
 
-function Page({ page: { sections, settings }, globalSections }: Props) {
+function Page({
+  page: { sections, settings },
+  globalSections,
+  serverData,
+}: Props) {
+  const context = {
+    data: serverData,
+  }
+
   return (
     <GlobalSections {...globalSections}>
       {/* SEO */}
@@ -75,7 +86,9 @@ function Page({ page: { sections, settings }, globalSections }: Props) {
         If needed, wrap your component in a <Section /> component
         (not the HTML tag) before rendering it here.
       */}
-      <RenderSections sections={sections} components={COMPONENTS} />
+      <PageProvider context={context}>
+        <RenderSections sections={sections} components={COMPONENTS} />
+      </PageProvider>
     </GlobalSections>
   )
 }
@@ -85,6 +98,7 @@ export const getStaticProps: GetStaticProps<
   Record<string, string>,
   Locator
 > = async ({ previewData }) => {
+  const serverData = await getDynamicContent({ pageType: 'home' })
   const globalSections = await getGlobalSectionsData(previewData)
 
   if (storeConfig.cms.data) {
@@ -99,7 +113,7 @@ export const getStaticProps: GetStaticProps<
       })
 
       return {
-        props: { page: pageData, globalSections },
+        props: { page: pageData, globalSections, serverData },
       }
     }
   }
@@ -110,7 +124,7 @@ export const getStaticProps: GetStaticProps<
   })
 
   return {
-    props: { page, globalSections },
+    props: { page, globalSections, serverData },
   }
 }
 

package/src/sdk/graphql/request.ts

@@ -1,7 +1,7 @@
-import { TypedDocumentString } from '@generated/graphql'
-
 export type RequestOptions = Omit<BaseRequestOptions, 'operation' | 'variables'>
-export type Operation = Pick<TypedDocumentString<any, any>, '__meta__'>
+export type Operation = {
+  __meta__?: Record<string, any>
+}
 
 export interface GraphQLResponse<D = any> {
   data: D

package/src/sdk/overrides/PageProvider.tsx

@@ -1,7 +1,7 @@
 import {
+  ClientManyProductsQueryQuery,
   ClientProductGalleryQueryQuery,
   ClientProductQueryQuery,
-  ClientManyProductsQueryQuery,
   ServerCollectionPageQueryQuery,
   ServerProductQueryQuery,
 } from '@generated/graphql'
@@ -28,6 +28,20 @@ export interface SearchPageContext {
     }
 }
 
+export interface DynamicContent<T> {
+  data?: T
+}
+
+export interface PageProviderContextValue {
+  context?: PageProviderContext
+}
+
+type PageProviderContext =
+  | PDPContext
+  | PLPContext
+  | SearchPageContext
+  | DynamicContent<unknown>
+
 export const isPDP = (x: any): x is PDPContext =>
   x?.data?.product?.sku != undefined && x?.data?.product?.sku != null
 
@@ -41,10 +55,6 @@ export const isSearchPage = (x: any): x is SearchPageContext =>
   x?.data?.title != undefined ||
   x?.data?.searchTerm != undefined
 
-export interface PageProviderContextValue {
-  context?: PDPContext | PLPContext | SearchPageContext
-}
-
 const PageContext = createContext<PageProviderContextValue | null>(null)
 
 function PageProvider({
@@ -61,9 +71,7 @@ function PageProvider({
   return <PageContext.Provider value={value}>{children}</PageContext.Provider>
 }
 
-export function usePage<
-  T extends PLPContext | SearchPageContext | PDPContext
->(): T {
+export function usePage<T extends PageProviderContext>(): T {
   const { context } = useContext(PageContext)
 
   if (context == null) {
@@ -79,4 +87,7 @@ export const usePLP = () => usePage<PLPContext>()
 
 export const useSearchPage = () => usePage<SearchPageContext>()
 
+export const useDynamicContent = <T extends unknown>() =>
+  usePage<DynamicContent<T>>()
+
 export default PageProvider

package/src/utils/dynamicContent.ts

@@ -0,0 +1,29 @@
+import dynamicContent from 'src/customizations/src/dynamicContent'
+
+export async function getDynamicContent({ pageType }: { pageType: string }) {
+  try {
+    // Checking if the fetch function corresponding to the type of page exists (home or LP slug)
+    const fetchFunction = dynamicContent[pageType]
+
+    if (!fetchFunction) {
+      console.warn(
+        `Warning: Dynamic Content not found for the page: ${pageType}. 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.`
+      )
+      return null
+    }
+    // Calling the fetch function corresponding to the page
+    const { data, errors = [] } = await fetchFunction()
+
+    if (errors.length > 0) {
+      console.error(...errors)
+    }
+
+    return data
+  } catch (error) {
+    console.error('Error while fetching Dynamic Content:', error)
+    console.warn(
+      `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.`
+    )
+    return null
+  }
+}

package/tsconfig.json

@@ -13,6 +13,7 @@
     "allowJs": true,
     "paths": {
       "src/*": ["src/*"],
+      "app/*": ["app/*"],
       "@generated/*": ["@generated/*"],
       "@faststore/core": ["index.ts"],
       "@faststore/core/api": ["api/index.ts"],
@@ -25,8 +26,22 @@
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "skipLibCheck": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": false
   },
-  "include": ["*.d.ts", "src/**/*.ts", "src/**/*.tsx", "@generated/**/*.ts"],
+  "include": [
+    "*.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "@generated/**/*.ts",
+    "app/**/*.ts",
+    "app/**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
   "exclude": ["node_modules", "public"]
 }