@faststore/core 3.93.0-dev.3 → 3.93.0-dev.4

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.93.0-dev.2 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.93.0-dev.2 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 partytown /home/runner/work/faststore/faststore/packages/core
 > partytown copylib ./public/~partytown
 
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 
-> @faststore/core@3.93.0-dev.2 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.93.0-dev.2 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.93.0-dev.2 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 generate:codegen /home/runner/work/faststore/faststore/packages/core
 > graphql-codegen
 
 [STARTED] Parse Configuration
@@ -37,11 +37,11 @@ Running lifecycle hook "afterStart" scripts...
 [CLI] Loading Documents
 [CLI] Generating output
 
-> @faststore/core@3.93.0-dev.2 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.93.0-dev.2 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 build /home/runner/work/faststore/faststore/packages/core
 > next build
 
 ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
@@ -80,8 +80,8 @@ Import trace for requested module:
    Collecting page data ...
    Generating static pages (0/6) ...
 
   Generating static pages (1/6) 
-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.
 
   Generating static pages (2/6) 
+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.
 
   Generating static pages (4/6) 
 
 ✓ Generating static pages (6/6) 
    Finalizing page optimization ...
@@ -123,7 +123,7 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-d514426edf885c68.js   45.4 kB
   ├ chunks/main-ec03882c4375091d.js        33.2 kB
   ├ chunks/pages/_app-3cc57c1ad13155aa.js  25.6 kB
-  ├ chunks/webpack-de5087bb872dc77e.js     3.87 kB
+  ├ chunks/webpack-9fbeba3895e9ad97.js     3.87 kB
   └ css/0f070d03aacd9cc5.css               3.57 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,14 +1,14 @@
 
-> @faststore/core@3.93.0-dev.2 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.93.0-dev.3 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/server/cms/global.test.ts (25.537 s)
-PASS test/utils/multipleTemplates.test.ts (25.719 s)
+PASS test/server/cms/global.test.ts (24.883 s)
+PASS test/utils/multipleTemplates.test.ts (26.098 s)
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (28.535 s)
+PASS test/server/index.test.ts (29.332 s)
 
 Test Suites: 4 passed, 4 total
 Tests:       22 passed, 22 total
 Snapshots:   0 total
-Time:        29.632 s
+Time:        30.151 s
 Ran all test suites.

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.93.0-dev.4](https://github.com/vtex/faststore/compare/v3.93.0-dev.3...v3.93.0-dev.4) (2025-11-17)
+
+### Bug Fixes
+
+- Show skeleton when product price is validating ([#3112](https://github.com/vtex/faststore/issues/3112)) ([1acb303](https://github.com/vtex/faststore/commit/1acb30334e2a17fe81630d3b0d631152c4e635f3))
+
 # 3.93.0-dev.3 (2025-11-17)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.93.0-dev.3",
+  "version": "3.93.0-dev.4",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -116,5 +116,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "85cd1c01b96fe12302ab01414d734f226a934541"
+  "gitHead": "7d84a6a882433051c4fad79752b72431d7c3767f"
 }

package/src/components/ui/ProductDetails/ProductDetailsSettings.tsx

@@ -2,6 +2,7 @@ import type { Dispatch, SetStateAction } from 'react'
 import { useMemo } from 'react'
 
 import type { ProductDetailsFragment_ProductFragment } from '@generated/graphql'
+import { Skeleton as UISkeleton } from '@faststore/ui'
 
 import { useBuyButton } from 'src/sdk/cart/useBuyButton'
 import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
@@ -103,57 +104,60 @@ function ProductDetailsSettings({
 
   return (
     <>
-      {!outOfStock && (
-        <section data-fs-product-details-values>
-          <div data-fs-product-details-values-wrapper>
-            <ProductPrice.Component
-              data-fs-product-details-prices
-              value={
-                (taxesConfiguration?.usePriceWithTaxes
-                  ? priceWithTaxes
-                  : price) * (unitMultiplier ?? 1)
-              }
-              listPrice={
-                (taxesConfiguration?.usePriceWithTaxes
-                  ? listPriceWithTaxes
-                  : listPrice) * (unitMultiplier ?? 1)
-              }
-              formatter={useFormattedPrice}
-              {...ProductPrice.props}
+      {!outOfStock &&
+        (isValidating ? (
+          <UISkeleton size={{ width: '100%', height: '50px' }} />
+        ) : (
+          <section data-fs-product-details-values>
+            <div data-fs-product-details-values-wrapper>
+              <ProductPrice.Component
+                data-fs-product-details-prices
+                value={
+                  (taxesConfiguration?.usePriceWithTaxes
+                    ? priceWithTaxes
+                    : price) * (unitMultiplier ?? 1)
+                }
+                listPrice={
+                  (taxesConfiguration?.usePriceWithTaxes
+                    ? listPriceWithTaxes
+                    : listPrice) * (unitMultiplier ?? 1)
+                }
+                formatter={useFormattedPrice}
+                {...ProductPrice.props}
+              />
+              {taxesConfiguration?.usePriceWithTaxes && (
+                <UILabel data-fs-product-details-taxes-label>
+                  {taxesConfiguration?.taxesLabel}
+                </UILabel>
+              )}
+            </div>
+            <QuantitySelector.Component
+              min={1}
+              max={10}
+              unitMultiplier={useUnitMultiplier ? unitMultiplier : 1}
+              useUnitMultiplier={useUnitMultiplier}
+              {...QuantitySelector.props}
+              // Dynamic props shouldn't be overridable
+              // This decision can be reviewed later if needed
+              onChange={setQuantity}
+              // TODO: we should get the Toast values from the hCMS
+              onValidateBlur={(
+                min: number,
+                maxValue: number,
+                quantity: number
+              ) => {
+                pushToast({
+                  title: 'Invalid quantity!',
+                  message: `The quantity you entered is outside the range of ${min} to ${maxValue}. The quantity was set to ${quantity}.`,
+                  status: 'INFO',
+                  icon: (
+                    <UIIcon name="CircleWavyWarning" width={30} height={30} />
+                  ),
+                })
+              }}
             />
-            {taxesConfiguration?.usePriceWithTaxes && (
-              <UILabel data-fs-product-details-taxes-label>
-                {taxesConfiguration?.taxesLabel}
-              </UILabel>
-            )}
-          </div>
-          <QuantitySelector.Component
-            min={1}
-            max={10}
-            unitMultiplier={useUnitMultiplier ? unitMultiplier : 1}
-            useUnitMultiplier={useUnitMultiplier}
-            {...QuantitySelector.props}
-            // Dynamic props shouldn't be overridable
-            // This decision can be reviewed later if needed
-            onChange={setQuantity}
-            // TODO: we should get the Toast values from the hCMS
-            onValidateBlur={(
-              min: number,
-              maxValue: number,
-              quantity: number
-            ) => {
-              pushToast({
-                title: 'Invalid quantity!',
-                message: `The quantity you entered is outside the range of ${min} to ${maxValue}. The quantity was set to ${quantity}.`,
-                status: 'INFO',
-                icon: (
-                  <UIIcon name="CircleWavyWarning" width={30} height={30} />
-                ),
-              })
-            }}
-          />
-        </section>
-      )}
+          </section>
+        ))}
       {skuVariants && (
         <Selectors
           slugsMap={skuVariants.slugsMap}