@faststore/core 3.11.3 → 3.11.4

package/src/experimental/searchServerSideFunctions/getServerSideProps.ts

@@ -1,9 +1,9 @@
-import { GetServerSideProps } from 'next'
-import { SearchPageProps } from './getStaticProps'
+import type { GetServerSideProps } from 'next'
+import type { SearchPageProps } from './getStaticProps'
 
 import { getGlobalSectionsData } from 'src/components/cms/GlobalSections'
-import { SearchContentType, getPage } from 'src/server/cms'
-import { Locator } from '@vtex/client-cms'
+import { type SearchContentType, getPage } from 'src/server/cms'
+import type { Locator } from '@vtex/client-cms'
 import storeConfig from 'discovery.config'
 
 export const getServerSideProps: GetServerSideProps<

package/src/experimental/searchServerSideFunctions/getStaticProps.ts

@@ -1,10 +1,10 @@
-import { GetStaticProps } from 'next'
+import type { GetStaticProps } from 'next'
 import {
   getGlobalSectionsData,
-  GlobalSectionsData,
+  type GlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
-import { SearchContentType, getPage } from 'src/server/cms'
-import { Locator } from '@vtex/client-cms'
+import { type SearchContentType, getPage } from 'src/server/cms'
+import type { Locator } from '@vtex/client-cms'
 import storeConfig from 'discovery.config'
 
 export type SearchPageProps = {

package/src/pages/404.tsx

@@ -1,9 +1,9 @@
-import { Locator } from '@vtex/client-cms'
-import { GetStaticProps } from 'next'
+import type { Locator } from '@vtex/client-cms'
+import type { GetStaticProps } from 'next'
 import { NextSeo } from 'next-seo'
 import type { ComponentType } from 'react'
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 
@@ -12,7 +12,7 @@ import RenderSections from 'src/components/cms/RenderSections'
 import { OverriddenDefaultEmptyState as EmptyState } from 'src/components/sections/EmptyState/OverriddenDefaultEmptyState'
 import PLUGINS_COMPONENTS from 'src/plugins'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
-import { PageContentType, getPage } from 'src/server/cms'
+import { type PageContentType, getPage } from 'src/server/cms'
 
 /* A list of components that can be used in the CMS. */
 const COMPONENTS: Record<string, ComponentType<any>> = {

package/src/pages/500.tsx

@@ -1,9 +1,9 @@
-import { Locator } from '@vtex/client-cms'
-import { GetStaticProps } from 'next'
+import type { Locator } from '@vtex/client-cms'
+import type { GetStaticProps } from 'next'
 import { NextSeo } from 'next-seo'
 import type { ComponentType } from 'react'
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 
@@ -12,7 +12,7 @@ import RenderSections from 'src/components/cms/RenderSections'
 import { OverriddenDefaultEmptyState as EmptyState } from 'src/components/sections/EmptyState/OverriddenDefaultEmptyState'
 import PLUGINS_COMPONENTS from 'src/plugins'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
-import { PageContentType, getPage } from 'src/server/cms'
+import { type PageContentType, getPage } from 'src/server/cms'
 
 /* A list of components that can be used in the CMS. */
 const COMPONENTS: Record<string, ComponentType<any>> = {

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

@@ -9,22 +9,22 @@ import type {
 } from '@generated/graphql'
 import { execute } from 'src/server'
 
-import { Locator } from '@vtex/client-cms'
+import type { Locator } from '@vtex/client-cms'
 import dynamic from 'next/dynamic'
 import {
   getGlobalSectionsData,
-  GlobalSectionsData,
+  type GlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 import {
   getLandingPageBySlug,
-  LandingPageProps,
+  type LandingPageProps,
 } from 'src/components/templates/LandingPage'
 import ProductListingPage, {
-  ProductListingPageProps,
+  type ProductListingPageProps,
 } from 'src/components/templates/ProductListingPage'
 import { getRedirect } from 'src/sdk/redirects'
-import { PageContentType } from 'src/server/cms'
-import { getPLP, PLPContentType } from 'src/server/cms/plp'
+import type { PageContentType } from 'src/server/cms'
+import { getPLP, type PLPContentType } from 'src/server/cms/plp'
 import { getDynamicContent } from 'src/utils/dynamicContent'
 
 const LandingPage = dynamic(

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

@@ -6,9 +6,9 @@ import { BreadcrumbJsonLd, NextSeo, ProductJsonLd } from 'next-seo'
 import type { ComponentType } from 'react'
 
 import { gql } from '@generated'
-import {
-  type ServerProductQueryQuery,
-  type ServerProductQueryQueryVariables,
+import type {
+  ServerProductQueryQuery,
+  ServerProductQueryQueryVariables,
 } from '@generated/graphql'
 import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
 import RenderSections from 'src/components/cms/RenderSections'
@@ -28,12 +28,12 @@ import { execute } from 'src/server'
 
 import storeConfig from 'discovery.config'
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
-import PageProvider, { PDPContext } from 'src/sdk/overrides/PageProvider'
+import PageProvider, { type PDPContext } from 'src/sdk/overrides/PageProvider'
 import { useProductQuery } from 'src/sdk/product/useProductQuery'
-import { PDPContentType, getPDP } from 'src/server/cms/pdp'
+import { type PDPContentType, getPDP } from 'src/server/cms/pdp'
 
 /**
  * Sections: Components imported from each store's custom components and '../components/sections' only.

package/src/pages/account.tsx

@@ -1,10 +1,10 @@
-import { Locator } from '@vtex/client-cms'
-import { GetStaticProps } from 'next'
+import type { Locator } from '@vtex/client-cms'
+import type { GetStaticProps } from 'next'
 import { NextSeo } from 'next-seo'
 import type { ComponentType } from 'react'
 import { useEffect } from 'react'
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 import RenderSections from 'src/components/cms/RenderSections'

package/src/pages/api/preview.ts

@@ -12,7 +12,10 @@ type Settings = {
   }
 }
 class StatusError extends Error {
-  constructor(message: string, public status: number) {
+  constructor(
+    message: string,
+    public status: number
+  ) {
     super(message)
   }
 }
@@ -35,13 +38,16 @@ const handler: NextApiHandler = async (req, res) => {
       'documentId',
       'versionId',
       'releaseId',
-    ].reduce((acc, param) => {
-      const value = pickParam(req, param)
+    ].reduce(
+      (acc, param) => {
+        const value = pickParam(req, param)
 
-      if (value !== undefined) acc[param] = value
+        if (value !== undefined) acc[param] = value
 
-      return acc
-    }, {} as Record<string, string>)
+        return acc
+      },
+      {} as Record<string, string>
+    )
 
     // Check if required path params are present
     if (!locator.contentType || !locator.documentId) {

package/src/pages/checkout.tsx

@@ -1,12 +1,12 @@
 import { NextSeo } from 'next-seo'
 import { useEffect } from 'react'
 
-import { Locator } from '@vtex/client-cms'
-import { GetStaticProps } from 'next'
+import type { Locator } from '@vtex/client-cms'
+import type { GetStaticProps } from 'next'
 import type { ComponentType } from 'react'
 import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'

package/src/pages/index.tsx

@@ -7,7 +7,7 @@ import type { PageContentType } from 'src/server/cms'
 import { getPage } from 'src/server/cms'
 
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 import COMPONENTS from 'src/components/cms/home/Components'

package/src/pages/login.tsx

@@ -2,18 +2,18 @@ import { NextSeo } from 'next-seo'
 import type { ComponentType } from 'react'
 import { useEffect } from 'react'
 
-import { Locator } from '@vtex/client-cms'
-import { GetStaticProps } from 'next'
+import type { Locator } from '@vtex/client-cms'
+import type { GetStaticProps } from 'next'
 import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
 import {
-  GlobalSectionsData,
+  type GlobalSectionsData,
   getGlobalSectionsData,
 } from 'src/components/cms/GlobalSections'
 import RenderSections from 'src/components/cms/RenderSections'
 import { OverriddenDefaultEmptyState as EmptyState } from 'src/components/sections/EmptyState/OverriddenDefaultEmptyState'
 import PLUGINS_COMPONENTS from 'src/plugins'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
-import { PageContentType, getPage } from 'src/server/cms'
+import { type PageContentType, getPage } from 'src/server/cms'
 import storeConfig from '../../discovery.config'
 
 /* A list of components that can be used in the CMS. */

package/src/pages/s.tsx

@@ -18,7 +18,7 @@ import storeConfig from 'discovery.config'
 import { SearchWrapper } from 'src/components/templates/SearchPage'
 import {
   getStaticProps,
-  SearchPageProps,
+  type SearchPageProps,
 } from 'src/experimental/searchServerSideFunctions'
 
 export interface SearchPageContextType {

package/src/sdk/analytics/platform/vtex/rc.ts

@@ -1,6 +1,6 @@
-import { AnalyticsEvent, PageViewEvent } from '@faststore/sdk'
-import { ServerProductQueryQuery } from '@generated/graphql'
-import {
+import type { AnalyticsEvent, PageViewEvent } from '@faststore/sdk'
+import type { ServerProductQueryQuery } from '@generated/graphql'
+import type {
   CategoryView,
   DepartmentView,
   HomeView,

package/src/sdk/analytics/types.ts

@@ -72,7 +72,7 @@ export type SearchEvents =
  * Types copied from Request Capture App: https://github.com/vtex/request-capture-app/blob/1becac32c002cb03a57bf36c8a7f9400eab8b933/react/typings/rcevents.d.ts
  */
 
-export interface HomeView {}
+export type HomeView = {}
 
 export interface CategoryView {
   departmentId?: string
@@ -114,4 +114,4 @@ export interface ProductView {
   sellerIds: string // e.g.: "00443713,04412311,1"
 }
 
-export interface OtherView {}
+export type OtherView = {}

package/src/sdk/error/ErrorBoundary/ErrorBoundary.tsx

@@ -20,7 +20,7 @@ interface ErrorBoundaryProps {
 }
 
 interface ErrorBoundaryState {
-  hasError: Boolean
+  hasError: boolean
   error: Error | null
 }
 

package/src/sdk/error/MissingContentError/MissingContentError.ts

@@ -1,4 +1,4 @@
-import { Options } from 'src/server/cms'
+import type { Options } from 'src/server/cms'
 
 export default class MissingContentError extends Error {
   constructor(options: Options) {

package/src/sdk/error/MultipleContentError/MultipleContentError.ts

@@ -1,4 +1,4 @@
-import { Options } from 'src/server/cms'
+import type { Options } from 'src/server/cms'
 
 export default class MultipleContentError extends Error {
   constructor(options: Options) {

package/src/sdk/graphql/request.ts

@@ -51,8 +51,8 @@ const baseRequest = async <V = any, D = any>(
     fetchOptions?.method !== undefined
       ? fetchOptions.method.toUpperCase()
       : operationName.endsWith('Query')
-      ? 'GET'
-      : 'POST'
+        ? 'GET'
+        : 'POST'
 
   const params = new URLSearchParams({
     operationName,

package/src/sdk/overrides/OverrideContext.tsx

@@ -4,7 +4,7 @@ import type { OverriddenComponents } from '../../typings/overridesDefinition'
 import type { SectionsOverrides } from '../../typings/overrides'
 
 type OverrideContextType<
-  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides
+  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides,
 > = {
   className?: string
   components: OverriddenComponents<SectionName>
@@ -15,11 +15,11 @@ const OverrideContext = createContext<OverrideContextType>(null)
 export const OverrideProvider = OverrideContext.Provider
 
 export const useOverrideContext = <
-  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides
+  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides,
 >() => useContext(OverrideContext) as OverrideContextType<SectionName>
 
 export const useOverrideComponents = <
-  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides
+  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides,
 >() =>
   useContext(OverrideContext)
     .components as OverrideContextType<SectionName>['components']

package/src/sdk/overrides/PageProvider.tsx

@@ -1,4 +1,4 @@
-import {
+import type {
   ClientManyProductsQueryQuery,
   ClientProductGalleryQueryQuery,
   ClientProductQueryQuery,
@@ -7,7 +7,7 @@ import {
 } from '@generated/graphql'
 import type { PropsWithChildren } from 'react'
 import { createContext, useContext, useMemo } from 'react'
-import { SearchPageContextType } from 'src/pages/s'
+import type { SearchPageContextType } from 'src/pages/s'
 
 export interface PDPContext {
   data?: ServerProductQueryQuery &
@@ -87,7 +87,6 @@ export const usePLP = () => usePage<PLPContext>()
 
 export const useSearchPage = () => usePage<SearchPageContext>()
 
-export const useDynamicContent = <T extends unknown>() =>
-  usePage<DynamicContent<T>>()
+export const useDynamicContent = <T,>() => usePage<DynamicContent<T>>()
 
 export default PageProvider

package/src/sdk/overrides/getOverriddenSection.tsx

@@ -11,7 +11,7 @@ import { OverrideProvider } from './OverrideContext'
 
 export function getOverridableSection<
   Section extends ComponentType,
-  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides
+  SectionName extends keyof SectionsOverrides = keyof SectionsOverrides,
 >(
   sectionName: SectionName,
   Section: Section,
@@ -58,7 +58,7 @@ export function getOverridableSection<
  * @see https://www.faststore.dev/docs/building-sections/overriding-components-and-props
  */
 export function getOverriddenSection<
-  Section extends SectionsOverrides[keyof SectionsOverrides]['Section']
+  Section extends SectionsOverrides[keyof SectionsOverrides]['Section'],
 >(override: SectionOverrideDefinition<Section>) {
   const { Section, ...rest } = override
 

package/src/sdk/overrides/overrides.ts

@@ -11,7 +11,7 @@ import type { SectionsOverrides } from '../../typings/overrides'
 issues of this file. Error lines have been marked with the @ts-ignore comment*/
 
 export function getSectionOverrides<
-  SectionName extends keyof SectionsOverrides
+  SectionName extends keyof SectionsOverrides,
 >(
   defaultComponents: DefaultSectionComponentsDefinitions<SectionName>,
   override: SectionOverrideDefinitionV1<SectionName>

package/src/sdk/product/useAllVariantProducts.ts

@@ -36,7 +36,7 @@ type FormattedVariantProduct = {
 }
 
 export const useAllVariantProducts = <
-  T extends ClientAllVariantProductsQueryQuery
+  T extends ClientAllVariantProductsQueryQuery,
 >(
   productID: string,
   enabled: boolean,

package/src/sdk/product/useLocalizedVariables.ts

@@ -1,4 +1,4 @@
-import { ClientManyProductsQueryQueryVariables } from '@generated/graphql'
+import type { ClientManyProductsQueryQueryVariables } from '@generated/graphql'
 import { useMemo } from 'react'
 import { ITEMS_PER_SECTION } from 'src/constants'
 import { useSession } from '../session'

package/src/sdk/product/usePageProductsQuery.ts

@@ -1,6 +1,6 @@
 import { useSearch } from '@faststore/sdk'
 import { gql } from '@generated'
-import {
+import type {
   ClientManyProductsQueryQuery,
   ClientManyProductsQueryQueryVariables,
 } from '@generated/graphql'

package/src/sdk/product/useProductGalleryQuery.ts

@@ -4,7 +4,7 @@ import { useSession } from 'src/sdk/session'
 import { useLocalizedVariables } from './useLocalizedVariables'
 
 import { useSearch } from '@faststore/sdk'
-import { Facet } from '@faststore/sdk/dist/types'
+import type { Facet } from '@faststore/sdk/dist/types'
 import type {
   ClientManyProductsQueryQueryVariables,
   ClientProductGalleryQueryQuery as Query,

package/src/sdk/product/useProductsPrefetch.ts

@@ -1,7 +1,7 @@
 import { useSearch } from '@faststore/sdk'
 
 import { gql } from '@generated'
-import { ClientManyProductsQueryQueryVariables } from '@generated/graphql'
+import type { ClientManyProductsQueryQueryVariables } from '@generated/graphql'
 import { useEffect, useCallback } from 'react'
 
 import type { QueryOptions } from '../graphql/useQuery'

package/src/sdk/search/useFilter.ts

@@ -89,15 +89,18 @@ export const useFilter = (allFacets: Filter_FacetsFragment[]) => {
 
   const selectedMap = useMemo(
     () =>
-      selected.reduce((acc, facet) => {
-        if (!acc.has(facet.key)) {
-          acc.set(facet.key, new Map())
-        }
+      selected.reduce(
+        (acc, facet) => {
+          if (!acc.has(facet.key)) {
+            acc.set(facet.key, new Map())
+          }
 
-        acc.get(facet.key)?.set(facet.value, facet)
+          acc.get(facet.key)?.set(facet.value, facet)
 
-        return acc
-      }, new Map() as Map<string, Map<string, IStoreSelectedFacet>>),
+          return acc
+        },
+        new Map() as Map<string, Map<string, IStoreSelectedFacet>>
+      ),
     [selected]
   )
 

package/src/sdk/shipping/useShippingSimulation.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from 'react'
 import { useCallback, useEffect, useReducer, useRef } from 'react'
-import { ClientShippingSimulationQueryQuery } from '@generated/graphql'
+import type { ClientShippingSimulationQueryQuery } from '@generated/graphql'
 import getShippingSimulation from '.'
 import { useSession } from '../session'
 
@@ -46,7 +46,7 @@ const createEmptySimulation = () =>
       errorMessage: '',
     },
     shippingSimulation: undefined,
-  } as State)
+  }) as State
 
 const reducer = (state: State, action: Action) => {
   const { type } = action

package/src/server/cms/index.ts

@@ -56,7 +56,7 @@ export const getCMSPage = async (
   }
 
   const pages = []
-  let page = 1
+  const page = 1
   const perPage = 10
   const response = await cmsClient.getCMSPagesByContentType(
     options.contentType,

package/src/server/cms/pdp.ts

@@ -1,8 +1,8 @@
-import { ServerProductQueryQuery } from '@generated/graphql'
+import type { ServerProductQueryQuery } from '@generated/graphql'
 import type { ContentData, Locator } from '@vtex/client-cms'
 import MissingContentError from 'src/sdk/error/MissingContentError'
 import { findBestPDPTemplate } from 'src/utils/multipleTemplates'
-import { Options, getCMSPage, getPage } from '.'
+import { type Options, getCMSPage, getPage } from '.'
 import config from '../../../discovery.config'
 
 type PDPSettings = {

package/src/server/cms/plp.ts

@@ -1,12 +1,12 @@
-import { ContentData, Locator } from '@vtex/client-cms'
+import type { ContentData, Locator } from '@vtex/client-cms'
 import MissingContentError from 'src/sdk/error/MissingContentError'
 import {
-  Rewrite,
-  RewritesConfig,
+  type Rewrite,
+  type RewritesConfig,
   findBestPLPTemplate,
 } from 'src/utils/multipleTemplates'
 import config from '../../../discovery.config'
-import { Options, getCMSPage, getPage } from '../cms'
+import { type Options, getCMSPage, getPage } from '../cms'
 
 type PLPSettings = {
   settings: {

package/src/typings/global.d.ts

@@ -1,11 +1,11 @@
-declare module '*.scss';
-declare module '*.png';
+declare module '*.scss'
+declare module '*.png'
 
 interface Window extends Window {
-  dataLayer: any[];
+  dataLayer: any[]
   VTEX_METADATA: {
-    account: string,
-    renderer: "faststore"
-  };
+    account: string
+    renderer: 'faststore'
+  }
   sendrc: (eventName: string, eventValues?: any) => void
 }

package/src/typings/overrides.ts

@@ -48,18 +48,18 @@ import type {
   ComponentOverrideDefinition,
   SectionOverrideDefinitionV1,
 } from './overridesDefinition'
-import Alert from '../components/sections/Alert'
-import Breadcrumb from '../components/sections/Breadcrumb'
-import BannerText from '../components/sections/BannerText'
-import CrossSellingShelf from '../components/sections/CrossSellingShelf'
-import EmptyState from '../components/sections/EmptyState'
-import Hero from '../components/sections/Hero'
-import ProductShelf from '../components/sections/ProductShelf'
-import ProductDetails from '../components/sections/ProductDetails'
-import Navbar from '../components/sections/Navbar'
-import Newsletter from '../components/sections/Newsletter'
-import ProductGallery from '../components/sections/ProductGallery'
-import RegionBar from '../components/sections/RegionBar'
+import type Alert from '../components/sections/Alert'
+import type Breadcrumb from '../components/sections/Breadcrumb'
+import type BannerText from '../components/sections/BannerText'
+import type CrossSellingShelf from '../components/sections/CrossSellingShelf'
+import type EmptyState from '../components/sections/EmptyState'
+import type Hero from '../components/sections/Hero'
+import type ProductShelf from '../components/sections/ProductShelf'
+import type ProductDetails from '../components/sections/ProductDetails'
+import type Navbar from '../components/sections/Navbar'
+import type Newsletter from '../components/sections/Newsletter'
+import type ProductGallery from '../components/sections/ProductGallery'
+import type RegionBar from '../components/sections/RegionBar'
 
 export type SectionOverride = {
   [K in keyof SectionsOverrides]: SectionOverrideDefinitionV1<K>
@@ -82,25 +82,25 @@ export type SectionOverride = {
  * We then use ComponentsFromSection to extract the list of components
  */
 export type OverrideComponentsForSection<
-  Section extends SectionsOverrides[keyof SectionsOverrides]['Section']
+  Section extends SectionsOverrides[keyof SectionsOverrides]['Section'],
 > = {
-// The first 'extends' condition is used to filter out sections that don't have overrides (typed 'never')
-[K in keyof SectionsOverrides as SectionsOverrides[K] extends {
-  Section: never
-}
+  // The first 'extends' condition is used to filter out sections that don't have overrides (typed 'never')
+  [K in keyof SectionsOverrides as SectionsOverrides[K] extends {
+    Section: never
+  }
     ? never
     : // In the second 'extends' condition, we check if the section matches the one we're looking for
-    SectionsOverrides[K] extends {
-      Section: Section
-    }
-    ? // If it does, we return the components. Otherwise, we return 'never', which is filtered out
-    K
-    : never]: SectionsOverrides[K]['components']
-  }
+      SectionsOverrides[K] extends {
+          Section: Section
+        }
+      ? // If it does, we return the components. Otherwise, we return 'never', which is filtered out
+        K
+      : never]: SectionsOverrides[K]['components']
+}
 
 // This type is used to extract only the list of components from the section override
 export type ComponentsFromSection<
-  Section extends SectionsOverrides[keyof SectionsOverrides]['Section']
+  Section extends SectionsOverrides[keyof SectionsOverrides]['Section'],
 > =
   OverrideComponentsForSection<Section>[keyof OverrideComponentsForSection<Section>]
 

package/src/typings/overridesDefinition.ts

@@ -1,7 +1,7 @@
-import { ComponentsFromSection, SectionsOverrides } from './overrides'
+import type { ComponentsFromSection, SectionsOverrides } from './overrides'
 
 export type SectionOverrideDefinitionV1<
-  SectionName extends keyof SectionsOverrides
+  SectionName extends keyof SectionsOverrides,
 > = {
   /**
    * CSS class to be appended to the \<section\> element. Behaves similarly to React's className.
@@ -15,7 +15,7 @@ export type SectionOverrideDefinitionV1<
 }
 
 export type SectionOverrideDefinition<
-  Section extends SectionsOverrides[keyof SectionsOverrides]['Section']
+  Section extends SectionsOverrides[keyof SectionsOverrides]['Section'],
 > = {
   /**
    * CSS class to be appended to the \<section\> element. Behaves similarly to React's className.
@@ -36,7 +36,7 @@ export type OverriddenComponents<SectionName extends keyof SectionsOverrides> =
   }
 
 export type DefaultSectionComponentsDefinitions<
-  K extends keyof SectionsOverrides
+  K extends keyof SectionsOverrides,
 > = Record<keyof SectionsOverrides[K]['components'], React.ComponentType>
 
 export type ComponentOverrideDefinition<ComponentProps, Props> =