@faststore/core 2.2.0-alpha.9 → 2.2.1

package/.turbo/turbo-build.log

@@ -3,6 +3,9 @@ $ partytown copylib ./public/~partytown
 $ faststore generate-graphql -c
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 success - GraphQL schema, types, and optimizations successfully generated 🎉
+warn  - You have enabled experimental feature (scrollRestoration) in next.config.js.
+warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.
+
 warn  - No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
 Attention: Next.js now collects completely anonymous telemetry regarding usage.
 This information is used to shape Next.js' roadmap and prioritize features.
@@ -24,27 +27,27 @@ info  - Finalizing page optimization...
 
 Route (pages)                              Size     First Load JS
 ┌ ● /                                      8.27 kB         126 kB
-├   /_app                                  0 B            77.9 kB
+├   /_app                                  0 B            78.1 kB
 ├ ● /[...slug]                             4.29 kB         139 kB
 ├   └ css/527e334fa69cf40a.css             1.85 kB
 ├ ● /[slug]/p                              11 kB           135 kB
-├   └ css/1b48021b9c503e72.css             11.4 kB
+├   └ css/9f79fa103f49bca1.css             11.5 kB
 ├ ○ /404                                   1.19 kB         110 kB
 ├ ● /500                                   1.21 kB         110 kB
 ├ ● /account                               668 B           110 kB
-├ λ /api/graphql                           0 B            77.9 kB
-├ λ /api/health/live                       0 B            77.9 kB
-├ λ /api/health/ready                      0 B            77.9 kB
-├ λ /api/preview                           0 B            77.9 kB
+├ λ /api/graphql                           0 B            78.1 kB
+├ λ /api/health/live                       0 B            78.1 kB
+├ λ /api/health/ready                      0 B            78.1 kB
+├ λ /api/preview                           0 B            78.1 kB
 ├ ● /checkout                              655 B           110 kB
 ├ ● /login                                 1.09 kB         110 kB
-└ ● /s                                     4.57 kB         124 kB
-+ First Load JS shared by all              81 kB
+└ ● /s                                     4.57 kB         125 kB
++ First Load JS shared by all              81.2 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
-  ├ chunks/main-fd466221927468fd.js        23.9 kB
+  ├ chunks/main-e4e873ee741162eb.js        24.1 kB
   ├ chunks/pages/_app-7db7de3d205714be.js  6.45 kB
-  ├ chunks/webpack-f745954873a4b6d7.js     2.25 kB
-  └ css/9e76fef1c9ca89af.css               3.06 kB
+  ├ chunks/webpack-4bb3d8db2d6302ef.js     2.25 kB
+  └ css/5d1f64b61ea581f4.css               3.06 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
 ○  (Static)  automatically rendered as static HTML (uses no initial props)

package/.turbo/turbo-lint.log

@@ -1,7 +1,5 @@
 $ next lint
-Attention: Next.js now collects completely anonymous telemetry regarding usage.
-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
+warn  - You have enabled experimental feature (scrollRestoration) in next.config.js.
+warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.
 
 ✔ No ESLint warnings or errors

package/.turbo/turbo-test.log

@@ -1,25 +1,25 @@
 $ tsdx test
 ts-jest[versions] (WARN) Version 29.1.0 of jest installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=25.0.0 <26.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
 ts-jest[versions] (WARN) Version 4.9.4 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=3.4.0 <4.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
-PASS test/server/index.test.ts (10.363s)
+PASS test/server/index.test.ts (8.223s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (8ms)
-      ✓ should return a valid GraphQL schema contain all expected types (20ms)
-      ✓ should return a valid GraphQL schema contain all expected queries (3ms)
+      ✓ should return a valid GraphQL schema (6ms)
+      ✓ should return a valid GraphQL schema contain all expected types (5ms)
+      ✓ should return a valid GraphQL schema contain all expected queries (1ms)
       ✓ should return a valid GraphQL schema contain all expected mutations
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (8ms)
+      ✓ getTypeDefsFromFolder function should return an Array (6ms)
     Third Party API Extension
       ✓ getTypeDefsFromFolder function should return an Array (6ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (35ms)
+      ✓ should return a valid merged GraphQL schema (39ms)
     Envelop
-      ✓ should exist with its plugins (38ms)
-      ✓ should handle options and execute (413ms)
+      ✓ should exist with its plugins (33ms)
+      ✓ should handle options and execute (88ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        11.351s
+Time:        8.873s
 Ran all test suites.

package/cms/faststore/sections.json

@@ -830,17 +830,17 @@
       "title": "Product Shelf",
       "description": "Add custom shelves to your store",
       "type": "object",
-      "required": ["title", "first", "after", "sort"],
+      "required": ["title", "numberOfItems", "after", "sort"],
       "properties": {
         "title": {
           "type": "string",
           "title": "Title"
         },
-        "first": {
+        "numberOfItems": {
           "type": "integer",
-          "title": "First",
+          "title": "Total number of items",
           "default": 5,
-          "description": "Number of items to display"
+          "description": "Total number of items. The quantity may be smaller if the query returns fewer products."
         },
         "after": {
           "type": "integer",
@@ -925,17 +925,17 @@
       "title": "Cross Selling Shelf",
       "description": "Add cross selling product data to your users",
       "type": "object",
-      "required": ["title", "items", "kind"],
+      "required": ["title", "numberOfItems", "kind"],
       "properties": {
         "title": {
           "title": "Title",
           "type": "string"
         },
-        "items": {
-          "title": "First",
+        "numberOfItems": {
+          "title": "Total number of items",
           "type": "integer",
           "default": 5,
-          "description": "Number of items to display"
+          "description": "Total number of items. The quantity may be smaller if the query returns fewer products."
         },
         "kind": {
           "title": "Kind",

package/next.config.js

@@ -18,6 +18,10 @@ const nextConfig = {
   sassOptions: {
     additionalData: `@import "src/customizations/styles/custom-mixins.scss";`,
   },
+  // TODO: We won't need to enable this experimental feature when migrating to Next.js 13
+  experimental: {
+    scrollRestoration: true,
+  },
   webpack: (config, { isServer, dev }) => {
     // https://github.com/vercel/next.js/discussions/11267#discussioncomment-2479112
     // camel-case style names from css modules

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.0-alpha.9",
+  "version": "2.2.1",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "exports": {
@@ -38,11 +38,11 @@
     "@envelop/graphql-jit": "^1.1.1",
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
-    "@faststore/api": "^2.2.0-alpha.6",
-    "@faststore/components": "^2.2.0-alpha.9",
-    "@faststore/graphql-utils": "^2.2.0-alpha.1",
-    "@faststore/sdk": "^2.2.0-alpha.1",
-    "@faststore/ui": "^2.2.0-alpha.9",
+    "@faststore/api": "^2.2.0",
+    "@faststore/components": "^2.2.0",
+    "@faststore/graphql-utils": "^2.2.0",
+    "@faststore/sdk": "^2.2.0",
+    "@faststore/ui": "^2.2.0",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/typescript": "^3.0.4",
     "@graphql-codegen/typescript-operations": "^3.0.4",
@@ -80,8 +80,8 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",
     "@envelop/testing": "^6.0.0",
-    "@faststore/cli": "^2.2.0-alpha.6",
-    "@faststore/eslint-config": "^2.2.0-alpha.1",
+    "@faststore/cli": "^2.2.0",
+    "@faststore/eslint-config": "^2.2.0",
     "@faststore/lighthouse": "^1.12.32",
     "@lhci/cli": "^0.9.0",
     "@storybook/addon-a11y": "^6.5.9",
@@ -129,5 +129,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "79b9eb42f6f8fb7fdead1141f384c7b826357fa3"
+  "gitHead": "d79a95a1c4cf1e59eb699418419027b8647c45f1"
 }

package/src/components/sections/CrossSellingShelf/CrossSellingShelf.tsx

@@ -7,12 +7,12 @@ import styles from '../ProductShelf/section.module.scss'
 import Section from '../Section'
 
 interface Props {
-  items: number
+  numberOfItems: number
   title: string
   kind: 'buy' | 'view'
 }
 
-const CrossSellingShelf = ({ items: first, title, kind }: Props) => {
+const CrossSellingShelf = ({ numberOfItems, title, kind }: Props) => {
   const { ref, inView } = useInView()
   const context = usePDP()
   const productGroupID = context?.data?.product?.isVariantOf?.productGroupID
@@ -29,7 +29,7 @@ const CrossSellingShelf = ({ items: first, title, kind }: Props) => {
     >
       <UIProductShelf
         inView={inView}
-        first={first}
+        numberOfItems={numberOfItems}
         title={title}
         selectedFacets={selectedFacets}
       />

package/src/components/ui/ProductDescription/ProductDescription.tsx

@@ -77,7 +77,12 @@ function ProductDescription({
           >
             <UIAccordionButton>{title}</UIAccordionButton>
             <UIAccordionPanel>
-              <p className="text__body">{content}</p>
+              <div
+                // Applies display: contents through FastStore UI
+                data-fs-product-details-description-content
+                // The content is already sanitized by FastStore API
+                dangerouslySetInnerHTML={{ __html: content }}
+              />
             </UIAccordionPanel>
           </UIAccordionItem>
         ))}

package/src/components/ui/ProductShelf/ProductShelf.tsx

@@ -23,7 +23,7 @@ type Sort =
 
 export type ProductShelfProps = {
   title: string
-  first?: number
+  numberOfItems?: number
   after?: string
   sort?: Sort
   term?: string
@@ -45,12 +45,13 @@ function ProductShelf({
     bordered = ProductCard.props.bordered,
     showDiscountBadge = ProductCard.props.showDiscountBadge,
   } = {},
+  numberOfItems,
   ...otherProps
 }: ProductShelfProps) {
   const titleId = textToKebabCase(title)
   const id = useId()
   const viewedOnce = useRef(false)
-  const data = useProductsQuery(otherProps)
+  const data = useProductsQuery({ first: numberOfItems, ...otherProps })
   const products = data?.search?.products
   const productEdges = products?.edges ?? []
   const aspectRatio = 1

package/src/experimental/index.ts

@@ -1,58 +1,36 @@
+// SDK
 export {
   useSession as useSession_unstable,
   sessionStore as sessionStore_unstable,
   validateSession as validateSession_unstable,
 } from '../../src/sdk/session'
-
 export {
   useCart as useCart_unstable,
   cartStore as cartStore_unstable,
 } from '../../src/sdk/cart'
-
 export type { CartItem, Cart } from '../../src/sdk/cart'
-
 export { useBuyButton as useBuyButton_unstable } from '../../src/sdk/cart/useBuyButton'
-
 export { useCartToggleButton as useCartToggleButton_unstable } from '../../src/sdk/cart/useCartToggleButton'
-
 export { useCheckoutButton as useCheckoutButton_unstable } from '../../src/sdk/cart/useCheckoutButton'
-
 export { useRemoveButton as useRemoveButton_unstable } from '../../src/sdk/cart/useRemoveButton'
-
 export { useQuery as useQuery_unstable } from '../../src/sdk/graphql/useQuery'
-
 export { useLazyQuery as useLazyQuery_unstable } from '../../src/sdk/graphql/useLazyQuery'
-
 export { useNewsletter as useNewsletter_unstable } from '../../src/sdk/newsletter/useNewsletter'
-
 export { useDiscountPercent as useDiscountPercent_unstable } from '../../src/sdk/product/useDiscountPercent'
-
 export { useFormattedPrice as useFormattedPrice_unstable } from '../../src/sdk/product/useFormattedPrice'
-
 export { useLocalizedVariables as useLocalizedVariables_unstable } from '../../src/sdk/product/useLocalizedVariables'
-
 export { useProductGalleryQuery as useProductGalleryQuery_unstable } from '../../src/sdk/product/useProductGalleryQuery'
-
 export { useProductLink as useProductLink_unstable } from '../../src/sdk/product/useProductLink'
-
 export { useProductQuery as useProductQuery_unstable } from '../../src/sdk/product/useProductQuery'
-
 export { useProductsPrefetch as useProductsPrefetch_unstable } from '../../src/sdk/product/useProductsPrefetch'
-
 export { default as useSearchHistory_unstable } from '../../src/sdk/search/useSearchHistory'
-
 export { default as useSuggestions_unstable } from '../../src/sdk/search/useSuggestions'
-
 export { default as useTopSearch_unstable } from '../../src/sdk/search/useTopSearch'
-
 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'

package/src/sdk/shipping/useShippingSimulation.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react'
-import { useCallback, useEffect, useReducer } from 'react'
+import { useCallback, useEffect, useReducer, useRef } from 'react'
 import { ClientShippingSimulationQueryQuery } from '@generated/graphql'
 import getShippingSimulation from '.'
 import { useSession } from '../session'
@@ -108,9 +108,11 @@ export const useShippingSimulation = (shippingItem: ProductShippingInfo) => {
 
   const { country, postalCode: sessionPostalCode } = useSession()
   const { postalCode: shippingPostalCode } = input
+  const shippingPostalCodeRef = useRef(shippingPostalCode)
 
   useEffect(() => {
-    if (!sessionPostalCode || shippingPostalCode) {
+    const shouldFetch = sessionPostalCode && !shippingPostalCodeRef.current
+    if (!shouldFetch) {
       return
     }
 
@@ -137,7 +139,7 @@ export const useShippingSimulation = (shippingItem: ProductShippingInfo) => {
     }
 
     fetchShipping()
-  }, [country, sessionPostalCode, shippingItem, shippingPostalCode])
+  }, [country, sessionPostalCode, shippingItem])
 
   const handleSubmit = useCallback(async () => {
     try {