@faststore/core 4.7.0-dev.4 → 4.7.0-dev.5

package/.turbo/turbo-generate.log

@@ -1,9 +1,9 @@
 
-> @faststore/core@4.7.0-dev.3 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@4.7.0-dev.4 generate /home/runner/work/faststore/faststore/packages/core
 > pnpm run gen-types && pnpm run cache-graphql 
 
 
-> @faststore/core@4.7.0-dev.3 gen-types /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@4.7.0-dev.4 gen-types /home/runner/work/faststore/faststore/packages/core
 > node ../cli/bin/run generate-types .
 
 [STARTED] Parse Configuration
@@ -19,7 +19,7 @@
 [COMPLETED] Generate to /home/runner/work/faststore/faststore/packages/core/@generated/
 [COMPLETED] Generate outputs
 
-> @faststore/core@4.7.0-dev.3 cache-graphql /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@4.7.0-dev.4 cache-graphql /home/runner/work/faststore/faststore/packages/core
 > node ../cli/bin/run cache-graphql --config=./discovery.config.default.js --queries=./@generated/persisted-documents.json
 
 [Info] - Config file location: /home/runner/work/faststore/faststore/packages/core/discovery.config.default.js

package/.turbo/turbo-test.log

@@ -1,25 +1,26 @@
 
-> @faststore/core@4.7.0-dev.3 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@4.7.0-dev.4 test /home/runner/work/faststore/faststore/packages/core
 > vitest run
 
 
  RUN  v4.0.18 /home/runner/work/faststore/faststore/packages/core
 
+Not implemented: navigation to another Document
+Not implemented: navigation to another Document
+ ✓  browser  test/sdk/ui/useScrollRestoration.browser.test.ts (43 tests) 1325ms
 Browserslist: browsers data (caniuse-lite) is 6 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
-Not implemented: navigation to another Document
-Not implemented: navigation to another Document
- ✓  browser  test/components/account/ContractSwitcher.browser.test.tsx (13 tests) 3129ms
-     ✓ shows an error state when the list fails to load  876ms
-     ✓ requires selecting a contract before Confirm is enabled, then switches (REQ-03)  533ms
- ✓  browser  test/sdk/ui/useScrollRestoration.browser.test.ts (43 tests) 1002ms
- ✓  browser  test/components/account/cards/MyAccountListCards.browser.test.tsx (14 tests) 2391ms
-     ✓ shows the tab bar and renders Personal cards by default  1007ms
-     ✓ paginates when there are more than 25 cards  358ms
+ ✓  browser  test/components/ui/ProductGallery/GalleryPageHeightLock.browser.test.tsx (8 tests) 260ms
+ ✓  browser  test/components/account/ContractSwitcher.browser.test.tsx (13 tests) 2965ms
+     ✓ shows an error state when the list fails to load  863ms
+     ✓ requires selecting a contract before Confirm is enabled, then switches (REQ-03)  427ms
+     ✓ keeps Confirm disabled when switching is unavailable  372ms
+ ✓  browser  test/components/account/cards/MyAccountListCards.browser.test.tsx (14 tests) 2735ms
+     ✓ shows the tab bar and renders Personal cards by default  1165ms
+     ✓ paginates when there are more than 25 cards  380ms
  ✓  browser  test/sdk/session/reconcileSessionLocale.browser.test.ts (5 tests) 30ms
- ✓  browser  test/components/ui/ProductGallery/GalleryPageHeightLock.browser.test.tsx (8 tests) 162ms
- ✓  browser  test/sdk/recommendations/useRecommendationShelf.browser.test.tsx (12 tests) 128ms
+ ✓  browser  test/sdk/recommendations/useRecommendationShelf.browser.test.tsx (12 tests) 218ms
 stderr | test/components/RecommendationShelf/RecommendationShelf.browser.test.tsx
 Error in optimistic validation: TypeError: Failed to parse URL from /api/graphql?operationName=ValidateCartMutation&operationHash=3c71b0d3fc2bade14df68abfa271858beb361b12
     at node:internal/deps/undici/undici:16416:13
@@ -49,7 +50,7 @@ Not implemented: navigation to another Document
 stderr | test/components/RecommendationShelf/RecommendationShelf.browser.test.tsx > RecommendationShelf > renders nothing when there is an error
 Error fetching recommendations undefined boom for campaign vrn:recommendations:acc:rec-top-items-v2:campaign-1
 
- ✓  browser  test/components/RecommendationShelf/RecommendationShelf.browser.test.tsx (7 tests) 255ms
+ ✓  browser  test/components/RecommendationShelf/RecommendationShelf.browser.test.tsx (7 tests) 292ms
 stderr | test/pages/password-protection.browser.test.tsx > PasswordProtectionLogin > posts the password and redirects to the requested return path
 Warning: An update to PasswordProtectionLogin inside a test was not wrapped in act(...).
 
@@ -183,6 +184,7 @@ act(() => {
 This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act
     at PasswordProtectionLogin (/home/runner/work/faststore/faststore/packages/core/src/pages/password-protection/index.tsx:19:69)
 
+ ✓  browser  test/sdk/session/getInitialSession.browser.test.ts (6 tests) 31ms
 stderr | test/pages/password-protection.browser.test.tsx > PasswordProtectionLogin > shows service unavailable when the response is not a login payload
 Warning: An update to PasswordProtectionLogin inside a test was not wrapped in act(...).
 
@@ -279,13 +281,19 @@ act(() => {
 This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act
     at PasswordProtectionLogin (/home/runner/work/faststore/faststore/packages/core/src/pages/password-protection/index.tsx:19:69)
 
- ✓  browser  test/pages/password-protection.browser.test.tsx (6 tests) 1530ms
-     ✓ renders the password protection form  544ms
- ✓  browser  test/components/account/OrganizationDrawer.browser.test.tsx (5 tests) 1630ms
-     ✓ renders the menu view with contract details and manage footer  917ms
-     ✓ opens the contract switcher and returns to the menu on back  372ms
- ✓  browser  test/sdk/session/getInitialSession.browser.test.ts (6 tests) 38ms
- ✓  browser  test/sdk/account/changeContractToken.browser.test.ts (9 tests) 56ms
+ ✓  browser  test/pages/password-protection.browser.test.tsx (6 tests) 1454ms
+     ✓ renders the password protection form  616ms
+ ✓  browser  test/components/account/OrganizationDrawer.browser.test.tsx (5 tests) 1396ms
+     ✓ renders the menu view with contract details and manage footer  889ms
+ ✓  browser  test/sdk/account/changeContractToken.browser.test.ts (9 tests) 24ms
+stderr | test/components/cms/RenderSections.browser.test.tsx
+Error in optimistic validation: TypeError: Cannot read properties of undefined (reading 'read')
+    at waitForSessionValidated (/home/runner/work/faststore/faststore/packages/core/src/sdk/cart/waitForSessionValidated.ts:16:32)
+    at validateCart (/home/runner/work/faststore/faststore/packages/core/src/sdk/cart/index.ts:120:9)
+    at onValidate (/home/runner/work/faststore/faststore/packages/core/src/sdk/useStore.ts:18:20)
+    at a (/home/runner/work/faststore/faststore/packages/sdk/dist/es/index.mjs:354:23)
+    at processTicksAndRejections (node:internal/process/task_queues:103:5)
+
 stderr | test/sdk/localization/store-url.browser.test.ts
 Error in optimistic validation: TypeError: Cannot read properties of undefined (reading 'read')
     at waitForSessionValidated (/home/runner/work/faststore/faststore/packages/core/src/sdk/cart/waitForSessionValidated.ts:16:32)
@@ -294,11 +302,12 @@ This ensures that you're testing the behavior the user would see in the browser.
     at a (/home/runner/work/faststore/faststore/packages/sdk/dist/es/index.mjs:354:23)
     at processTicksAndRejections (node:internal/process/task_queues:103:5)
 
- ✓  browser  test/sdk/localization/store-url.browser.test.ts (3 tests) 5ms
- ✓  browser  test/sdk/account/useAvailableContracts.browser.test.ts (6 tests) 41ms
- ✓  browser  test/components/templates/SearchPage/SearchWrapper.browser.test.tsx (3 tests) 30ms
- ✓  browser  test/sdk/recommendations/useRecommendationShelf.sessionFallback.browser.test.tsx (2 tests) 132ms
- ✓  browser  test/sdk/account/useSwitchContract.browser.test.ts (4 tests) 39ms
+ ✓  browser  test/sdk/localization/store-url.browser.test.ts (3 tests) 6ms
+ ✓  browser  test/components/cms/RenderSections.browser.test.tsx (5 tests) 81ms
+ ✓  browser  test/sdk/account/useAvailableContracts.browser.test.ts (6 tests) 34ms
+ ✓  browser  test/components/templates/SearchPage/SearchWrapper.browser.test.tsx (3 tests) 35ms
+ ✓  browser  test/sdk/account/useSwitchContract.browser.test.ts (4 tests) 42ms
+ ✓  browser  test/sdk/recommendations/useRecommendationShelf.sessionFallback.browser.test.tsx (2 tests) 137ms
 stderr | test/components/account/doLogout.browser.test.ts
 Error in optimistic validation: TypeError: Cannot read properties of undefined (reading 'read')
     at waitForSessionValidated (/home/runner/work/faststore/faststore/packages/core/src/sdk/cart/waitForSessionValidated.ts:16:32)
@@ -307,10 +316,9 @@ This ensures that you're testing the behavior the user would see in the browser.
     at a (/home/runner/work/faststore/faststore/packages/sdk/dist/es/index.mjs:354:23)
     at processTicksAndRejections (node:internal/process/task_queues:103:5)
 
- ✓  browser  test/components/account/doLogout.browser.test.ts (1 test) 22ms
- ✓  browser  test/components/sections/Account/AccountListCards.browser.test.tsx (3 tests) 98ms
- ✓  browser  test/components/account/OrganizationDrawerHeader.browser.test.tsx (3 tests) 301ms
- ✓  browser  test/components/account/OrganizationDrawerFooter.browser.test.tsx (3 tests) 275ms
+ ✓  browser  test/components/account/doLogout.browser.test.ts (1 test) 20ms
+ ✓  browser  test/components/sections/Account/AccountListCards.browser.test.tsx (3 tests) 86ms
+ ✓  browser  test/components/account/OrganizationDrawerHeader.browser.test.tsx (3 tests) 317ms
 stderr | test/sdk/account/clearPersistedSessionState.browser.test.ts
 Error in optimistic validation: TypeError: Cannot read properties of undefined (reading 'read')
     at waitForSessionValidated (/home/runner/work/faststore/faststore/packages/core/src/sdk/cart/waitForSessionValidated.ts:16:32)
@@ -319,11 +327,10 @@ This ensures that you're testing the behavior the user would see in the browser.
     at a (/home/runner/work/faststore/faststore/packages/sdk/dist/es/index.mjs:354:23)
     at processTicksAndRejections (node:internal/process/task_queues:103:5)
 
- ✓  browser  test/utils/isLocalHost.browser.test.ts (3 tests) 5ms
- ✓  browser  test/sdk/account/clearPersistedSessionState.browser.test.ts (1 test) 8ms
- ✓  browser  test/sdk/session/reconcileSessionLocale.disabled.browser.test.ts (1 test) 3ms
- ✓  node  test/utils/localization/bindingPaths.test.ts (71 tests) 19ms
- ✓  node  test/server/password-protection-service.test.ts (22 tests) 34ms
+ ✓  browser  test/sdk/account/clearPersistedSessionState.browser.test.ts (1 test) 13ms
+ ✓  browser  test/utils/isLocalHost.browser.test.ts (3 tests) 6ms
+ ✓  browser  test/components/account/OrganizationDrawerFooter.browser.test.tsx (3 tests) 322ms
+ ✓  browser  test/sdk/session/reconcileSessionLocale.disabled.browser.test.ts (1 test) 4ms
 stderr | test/sdk/account/refreshToken.browser.test.ts
 Error in optimistic validation: TypeError: Cannot read properties of undefined (reading 'read')
     at waitForSessionValidated (/home/runner/work/faststore/faststore/packages/core/src/sdk/cart/waitForSessionValidated.ts:16:32)
@@ -332,12 +339,14 @@ This ensures that you're testing the behavior the user would see in the browser.
     at a (/home/runner/work/faststore/faststore/packages/sdk/dist/es/index.mjs:354:23)
     at processTicksAndRejections (node:internal/process/task_queues:103:5)
 
- ✓  browser  test/components/skeletons/ProductGridSkeleton.browser.test.tsx (2 tests) 38ms
- ✓  browser  test/sdk/account/refreshToken.browser.test.ts (1 test) 3ms
- ✓  node  test/utils/match-url.test.ts (10 tests) 9ms
- ✓  node  test/sdk/localization/useBindingSelector.test.tsx (22 tests) 14ms
- ✓  node  test/pages/api/unlock.test.ts (15 tests) 151ms
- ✓  node  test/sdk/localization/bindingSelector.test.ts (18 tests) 7ms
+ ✓  browser  test/sdk/account/refreshToken.browser.test.ts (1 test) 5ms
+ ✓  node  test/utils/localization/bindingPaths.test.ts (71 tests) 21ms
+ ✓  browser  test/components/skeletons/ProductGridSkeleton.browser.test.tsx (2 tests) 40ms
+ ✓  node  test/utils/match-url.test.ts (10 tests) 12ms
+ ✓  node  test/server/password-protection-service.test.ts (22 tests) 38ms
+ ✓  node  test/pages/api/unlock.test.ts (15 tests) 260ms
+ ✓  node  test/sdk/localization/useBindingSelector.test.tsx (22 tests) 21ms
+ ✓  node  test/sdk/localization/bindingSelector.test.ts (18 tests) 10ms
 stderr | test/components/search/SearchInputComponent.test.tsx
 Warning: forwardRef render functions accept exactly two parameters: props and ref. Did you forget to use the ref parameter?
 
@@ -401,19 +410,19 @@ Warning: React does not recognize the `providerProps` prop on a DOM element. If
     at Suspense
     at Wrapper (/home/runner/work/faststore/faststore/packages/core/test/components/search/SearchInputComponent.test.tsx:106:20)
 
- ✓  node  test/components/search/SearchInputComponent.test.tsx (6 tests) 74ms
- ✓  node  test/sdk/search/useSearchHistory.test.ts (13 tests) 59ms
- ✓  node  test/utils/cookieCacheBusting.test.ts (10 tests) 12ms
+ ✓  node  test/components/search/SearchInputComponent.test.tsx (6 tests) 73ms
+ ✓  node  test/sdk/search/useSearchHistory.test.ts (13 tests) 53ms
+ ✓  node  test/utils/cookieCacheBusting.test.ts (10 tests) 17ms
 stderr | test/pages/pvt/account/cards/index.test.ts > Cards page getServerSideProps > redirects to /pvt/account/403 when the query fails with 401/403
 { extensions: { status: 401 } }
 
 stderr | test/pages/pvt/account/cards/index.test.ts > Cards page getServerSideProps > renders the error state (no redirect) when the query fails with a non-auth status
 { extensions: { status: 502 } }
 
- ✓  node  test/pages/pvt/account/cards/index.test.ts (8 tests) 10ms
- ✓  node  test/experimental/myAccountCmsServerSideProps.test.ts (5 tests) 7ms
- ✓  node  test/utils/clearCookies.test.ts (20 tests) 30ms
- ✓  node  test/components/quotes/MyAccountListQuotesTable.test.tsx (12 tests) 380ms
+ ✓  node  test/pages/pvt/account/cards/index.test.ts (8 tests) 14ms
+ ✓  node  test/utils/clearCookies.test.ts (20 tests) 28ms
+ ✓  node  test/experimental/myAccountCmsServerSideProps.test.ts (5 tests) 11ms
+ ✓  node  test/components/quotes/MyAccountListQuotesTable.test.tsx (12 tests) 441ms
 stderr | test/pages/api/graphql.test.ts > /api/graphql error status propagation > propagates the upstream 400 from a wrapped BadRequestError instead of 500
 Graphql execution returned with error:  [
   {
@@ -506,63 +515,64 @@ Warning: React does not recognize the `providerProps` prop on a DOM element. If
     at file:///home/runner/work/faststore/faststore/node_modules/.pnpm/@vitest+runner@4.0.18/node_modules/@vitest/runner/dist/index.js:1653:37
     at Traces.$ (file:///home/runner/work/faststore/faststore/node_modules/.pnpm/vitest@4.0.18_@opentelemetry+api@1.9.0_@types+node@20.19.13_jiti@2.6.1_jsdom@27.4.0_sas_13be941c57d55f08f06eeaf1c180ddfe/node_modules/vitest/dist/chunks/traces.CCmnQaNT.js:142:27)
 
- ✓  node  test/pages/api/graphql.test.ts (17 tests) 29ms
+ ✓  node  test/pages/api/graphql.test.ts (17 tests) 24ms
+ ✓  node  test/components/quotes/MyAccountListQuotes.test.tsx (9 tests) 851ms
+     ✓ navigates with the search term on blur  362ms
+     ✓ navigates without a label param when the search is cleared  361ms
 stderr | test/sdk/account/useSetPassword.test.ts > useSetPassword > maps wrongcredentials error responses to the existing message
 Set password request failed: Bad Request
 
- ✓  node  test/sdk/account/useSetPassword.test.ts (6 tests) 28ms
- ✓  node  test/components/quotes/MyAccountListQuotes.test.tsx (9 tests) 806ms
-     ✓ navigates with the search term on blur  360ms
-     ✓ navigates without a label param when the search is cleared  359ms
- ✓  node  test/sdk/orderEntry/useOrderEntryOperation.test.ts (8 tests) 30ms
- ✓  node  test/utils/multipleTemplates.test.ts (8 tests) 5ms
- ✓  node  test/components/quotes/quoteFilters.test.ts (23 tests) 25ms
- ✓  node  test/utils/localization/localizeRedirectDestination.test.ts (11 tests) 5ms
+ ✓  node  test/sdk/account/useSetPassword.test.ts (6 tests) 46ms
+ ✓  node  test/utils/multipleTemplates.test.ts (8 tests) 8ms
+ ✓  node  test/sdk/orderEntry/useOrderEntryOperation.test.ts (8 tests) 37ms
+ ✓  node  test/components/quotes/quoteFilters.test.ts (23 tests) 39ms
+ ✓  node  test/utils/localization/localizeRedirectDestination.test.ts (11 tests) 7ms
  ✓  node  test/sdk/account/getMyAccountRoutes.test.ts (12 tests) 9ms
- ✓  node  test/sdk/orderEntry/useOrderEntryUpload.test.ts (8 tests) 56ms
- ✓  node  test/components/quotes/MyAccountQuotesFilterSlider.test.tsx (5 tests) 136ms
- ✓  node  test/proxy.localization.test.ts (5 tests) 37ms
- ✓  node  test/sdk/orderEntry/useOrderEntry.test.ts (8 tests) 30ms
- ✓  node  test/server/index.test.ts (7 tests) 820ms
- ✓  node  test/sdk/session/syncSalesChannelFromOrderForm.test.ts (6 tests) 9ms
- ✓  node  test/components/quotes/MyAccountQuotesSelectedTags.test.tsx (8 tests) 117ms
- ✓  node  test/sdk/analytics/useStartRecommendationSession.test.ts (6 tests) 57ms
- ✓  node  test/proxy.test.ts (4 tests) 19ms
- ✓  node  test/server/webops-api.test.ts (9 tests) 13ms
- ✓  node  test/sdk/cart/waitForSessionValidated.test.ts (5 tests) 11ms
- ✓  node  test/sdk/orderEntry/useOrderFormItems.test.ts (7 tests) 35ms
- ✓  node  test/sdk/account/refreshToken.test.ts (5 tests) 7ms
- ✓  node  test/server/content/service.test.ts (5 tests) 5ms
+ ✓  node  test/sdk/orderEntry/useOrderEntryUpload.test.ts (8 tests) 65ms
+ ✓  node  test/components/quotes/MyAccountQuotesFilterSlider.test.tsx (5 tests) 169ms
+ ✓  node  test/proxy.localization.test.ts (5 tests) 53ms
+ ✓  node  test/sdk/orderEntry/useOrderEntry.test.ts (8 tests) 44ms
+ ✓  node  test/server/index.test.ts (7 tests) 945ms
+       ✓ should handle options and execute  383ms
+ ✓  node  test/sdk/session/syncSalesChannelFromOrderForm.test.ts (6 tests) 7ms
+ ✓  node  test/components/quotes/MyAccountQuotesSelectedTags.test.tsx (8 tests) 113ms
+ ✓  node  test/sdk/analytics/useStartRecommendationSession.test.ts (6 tests) 48ms
+ ✓  node  test/proxy.test.ts (4 tests) 18ms
+ ✓  node  test/server/webops-api.test.ts (9 tests) 24ms
+ ✓  node  test/sdk/orderEntry/useOrderFormItems.test.ts (7 tests) 39ms
+ ✓  node  test/sdk/cart/waitForSessionValidated.test.ts (5 tests) 15ms
+ ✓  node  test/server/cms/myAccountDefaultSections.test.ts (7 tests) 7ms
+ ✓  node  test/server/content/service.test.ts (5 tests) 6ms
+ ✓  node  test/sdk/account/refreshToken.test.ts (5 tests) 9ms
  ✓  node  test/server/cms/global.test.ts (3 tests) 6ms
- ✓  node  test/sdk/localization/store-url.test.ts (1 test) 3ms
- ✓  node  test/sdk/auth/useAuth.test.ts (5 tests) 22ms
- ✓  node  test/components/quotes/MyAccountQuotesStatusSelector.test.tsx (6 tests) 126ms
+ ✓  node  test/sdk/localization/store-url.test.ts (1 test) 4ms
+ ✓  node  test/sdk/auth/useAuth.test.ts (5 tests) 34ms
+ ✓  node  test/components/quotes/MyAccountQuotesStatusSelector.test.tsx (6 tests) 147ms
  ✓  node  test/utils/getRequestHostname.test.ts (12 tests) 7ms
- ✓  node  test/server/rootSpan.test.ts (4 tests) 39ms
- ✓  node  test/pages/api/preview.test.ts (2 tests) 8ms
- ✓  node  test/components/search/SearchInput.test.ts (6 tests) 9ms
- ✓  node  test/utils/validateSessionRefreshToken.test.ts (6 tests) 10ms
- ✓  node  test/components/account/Layout.test.tsx (6 tests) 63ms
- ✓  node  test/sdk/recommendations/vrn.test.ts (5 tests) 4ms
+ ✓  node  test/pages/api/preview.test.ts (2 tests) 7ms
+ ✓  node  test/server/rootSpan.test.ts (4 tests) 44ms
+ ✓  node  test/utils/validateSessionRefreshToken.test.ts (6 tests) 5ms
+ ✓  node  test/components/account/Layout.test.tsx (6 tests) 69ms
+ ✓  node  test/components/search/SearchInput.test.ts (6 tests) 7ms
+ ✓  node  test/sdk/recommendations/vrn.test.ts (5 tests) 5ms
  ✓  node  test/utils/retry.test.ts (5 tests) 14ms
  ✓  node  test/server/cms/index.test.ts (2 tests) 6ms
- ✓  node  test/sdk/account/getB2BSessionClaims.test.ts (4 tests) 4ms
- ✓  node  test/utils/unlockResponse.test.ts (11 tests) 4ms
- ✓  node  test/server/cms/myAccountDefaultSections.test.ts (5 tests) 4ms
- ✓  node  test/sdk/recommendations/useRecommendationUserId.test.ts (4 tests) 191ms
- ✓  node  test/sdk/recommendations/useRecommendations.test.ts (2 tests) 5ms
- ✓  node  test/utils/isLocalHost.test.ts (7 tests) 4ms
- ✓  node  test/components/account/OrganizationDrawerBody.test.tsx (3 tests) 54ms
- ✓  node  test/utils/userOrderStatus.test.ts (3 tests) 3ms
+ ✓  node  test/sdk/account/getB2BSessionClaims.test.ts (4 tests) 6ms
+ ✓  node  test/utils/unlockResponse.test.ts (11 tests) 6ms
+ ✓  node  test/sdk/recommendations/useRecommendations.test.ts (2 tests) 6ms
+ ✓  node  test/sdk/recommendations/useRecommendationUserId.test.ts (4 tests) 184ms
+ ✓  node  test/utils/isLocalHost.test.ts (7 tests) 6ms
+ ✓  node  test/components/account/OrganizationDrawerBody.test.tsx (3 tests) 57ms
+ ✓  node  test/utils/userOrderStatus.test.ts (3 tests) 4ms
  ✓  node  test/utils/getCookie.test.ts (4 tests) 5ms
- ✓  node  test/sdk/analytics/utils.test.ts (2 tests) 4ms
- ✓  node  test/components/auth/ProfileChallenge.test.tsx (3 tests) 38ms
- ✓  node  test/instrumentation.test.ts (3 tests) 7ms
- ✓  node  test/sdk/account/clearPersistedSessionState.test.ts (1 test) 15ms
- ✓  node  test/components/quotes/MyAccountQuoteStatusBadge.test.tsx (2 tests) 24ms
-
- Test Files  87 passed (87)
-      Tests  695 passed (695)
-   Start at  21:11:21
-   Duration  43.29s (transform 10.74s, setup 0ms, import 37.56s, tests 15.12s, environment 54.08s)
+ ✓  node  test/sdk/analytics/utils.test.ts (2 tests) 5ms
+ ✓  node  test/components/auth/ProfileChallenge.test.tsx (3 tests) 30ms
+ ✓  node  test/instrumentation.test.ts (3 tests) 6ms
+ ✓  node  test/sdk/account/clearPersistedSessionState.test.ts (1 test) 8ms
+ ✓  node  test/components/quotes/MyAccountQuoteStatusBadge.test.tsx (2 tests) 25ms
+
+ Test Files  88 passed (88)
+      Tests  702 passed (702)
+   Start at  21:33:38
+   Duration  45.95s (transform 12.76s, setup 0ms, import 41.15s, tests 16.16s, environment 54.47s)
 

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.
 
+# [4.7.0-dev.5](https://github.com/vtex/faststore/compare/v4.7.0-dev.4...v4.7.0-dev.5) (2026-08-25)
+
+### Bug Fixes
+
+- **core:** restore Order Details layout and first-paint rendering in My Account ([#3464](https://github.com/vtex/faststore/issues/3464)) ([3464523](https://github.com/vtex/faststore/commit/346452304b265d439184bca3f56c2ae8a9341cce)), closes [#3354](https://github.com/vtex/faststore/issues/3354) [#3354](https://github.com/vtex/faststore/issues/3354) [#3417](https://github.com/vtex/faststore/issues/3417) [/github.com/vtex/faststore/pull/3464#discussion_r3848325785](https://github.com//github.com/vtex/faststore/pull/3464/issues/discussion_r3848325785) [#3411](https://github.com/vtex/faststore/issues/3411) [#3354](https://github.com/vtex/faststore/issues/3354)
+
 # [4.7.0-dev.4](https://github.com/vtex/faststore/compare/v4.7.0-dev.3...v4.7.0-dev.4) (2026-08-25)
 
 ### Bug Fixes

package/cms/faststore/my-account/README.md

@@ -32,5 +32,5 @@ breaking change to the rendered storefront.
 
 ## Contents
 
-- `components/` — 14 `cms_component__account*.jsonc` section schemas.
-- `pages/` — 6 `cms_content_type__myaccount*.jsonc` content-types.
+- `components/` — 15 `cms_component__account*.jsonc` section schemas.
+- `pages/` — 7 `cms_content_type__myaccount*.jsonc` content-types.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "4.7.0-dev.4",
+  "version": "4.7.0-dev.5",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -71,11 +71,11 @@
     "style-loader": "^3.3.1",
     "swr": "^2.2.5",
     "use-sync-external-store": "^1.6.0",
-    "@faststore/diagnostics": "4.7.0-dev.4",
-    "@faststore/lighthouse": "4.7.0-dev.4",
-    "@faststore/sdk": "4.7.0-dev.4",
-    "@faststore/api": "4.7.0-dev.4",
-    "@faststore/ui": "4.7.0-dev.4"
+    "@faststore/api": "4.7.0-dev.5",
+    "@faststore/diagnostics": "4.7.0-dev.5",
+    "@faststore/lighthouse": "4.7.0-dev.5",
+    "@faststore/sdk": "4.7.0-dev.5",
+    "@faststore/ui": "4.7.0-dev.5"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",

package/src/components/account/orders/OrderDetails/section.module.scss

@@ -118,6 +118,19 @@
     }
   }
 
+  // Grid placement targets the CMS *section wrapper*, not the card.
+  // The CMS render wraps every section in `<section class="section section-account-order-*">`,
+  // which is the real grid item; `grid-column` on a card nested inside it is inert.
+  // Attribute selectors are required here because this is a CSS module: a plain
+  // class selector would be hashed and never match the global class emitted by
+  // `Section.tsx` (and stylelint does not support `:global()`).
+  // The rules below have three different fates — do not treat them as one group:
+  //   1. `[class~="section-account-order-*"]` — the live contract for the CMS render.
+  //   2. `[data-fs-delivery-option-accordion]` — ALSO live: the delivery wrapper is
+  //      `display: contents`, so the accordion is a direct grid item again.
+  //   3. `[data-fs-order-status-card]`, `[data-fs-order-budgets-card]` — dead for the
+  //      CMS render; they only serve `@deprecated OrderDetails.tsx`, so they can go
+  //      when that component does.
   [data-fs-order-details-content] {
     display: flex;
     flex-direction: column;
@@ -128,22 +141,50 @@
       grid-template-columns: repeat(2, 1fr);
     }
 
-    [data-fs-order-status-card] {
+    // Cards must fill their section wrapper. The wrapper is the grid item and
+    // stretches to the row height, but a block child keeps its natural height,
+    // so a short card next to a tall one stopped short and left a gap below it.
+    // Before the CMS render the card itself was the grid item and stretched, so
+    // cards sharing a row matched heights — this restores that.
+    [class~="section-account-order-ordered-by"],
+    [class~="section-account-order-payment"],
+    [class~="section-account-order-summary"],
+    [class~="section-account-order-more-info"],
+    [class~="section-account-order-status"],
+    [class~="section-account-order-budgets"] {
+      display: grid;
+    }
+
+    // (1) Live — full-width section wrappers.
+    [class~="section-account-order-details"] {
       grid-column: span 2;
     }
 
-    [data-fs-buying-policy-alert] {
+    [class~="section-account-order-status"] {
       grid-column: span 2;
     }
 
-    [data-fs-pending-policies-alert] {
+    [class~="section-account-order-budgets"] {
       grid-column: span 2;
     }
 
+    // (1) Live — the delivery section holds two blocks the design treats as
+    // independent (compact recipient card, full-width option list). Dropping the
+    // wrapper box makes both direct grid items, so the rules below still apply.
+    [class~="section-account-order-delivery"] {
+      display: contents;
+    }
+
+    // (2) Live — direct grid item via the `display: contents` above.
     [data-fs-delivery-option-accordion] {
       grid-column: span 2;
     }
 
+    // (3) Dead for the CMS render — kept for `@deprecated OrderDetails.tsx` only.
+    [data-fs-order-status-card] {
+      grid-column: span 2;
+    }
+
     [data-fs-order-budgets-card] {
       grid-column: span 2;
     }

package/src/components/cms/RenderSections.tsx

@@ -23,6 +23,23 @@ interface Props {
   isInteractive?: boolean
 }
 
+type RenderSectionsBaseProps = Props & {
+  /**
+   * Opts the whole render pass out of viewport lazy loading, so every section
+   * renders on first paint (SSR HTML included) instead of behind a placeholder.
+   *
+   * Meant for authenticated, above-the-fold pages such as My Account, where
+   * lazy loading only delays content. The public storefront must not set it.
+   *
+   * Wider counterpart of the per-section `data.skipLazyLoadingSection` flag.
+   *
+   * Only `RenderSectionsBase` honours it: the default `RenderSections` export
+   * also renders global sections (CartSidebar, RegionModal, RegionSlider),
+   * whose lazy loading is load-bearing, so it must not be opted out wholesale.
+   */
+  skipLazyLoading?: boolean
+}
+
 const REGION_SLIDER_SECTION_NAME = 'RegionSlider'
 
 const SECTIONS_OUT_OF_VIEWPORT = [
@@ -139,7 +156,8 @@ export const RenderSectionsBase = ({
   sections = [],
   components,
   isInteractive,
-}: Props) => {
+  skipLazyLoading,
+}: RenderSectionsBaseProps) => {
   return (
     <>
       {sections.map(({ name, data = {}, $componentKey }, index) => {
@@ -159,7 +177,7 @@ export const RenderSectionsBase = ({
 
         return (
           <SectionBoundary key={`cms-section-${name}-${index}`} name={name}>
-            {data.skipLazyLoadingSection ? (
+            {skipLazyLoading || data.skipLazyLoadingSection ? (
               <Component {...sectionProps} />
             ) : (
               <LazyLoadingSection

package/src/pages/pvt/account/403.tsx

@@ -66,6 +66,7 @@ function Page({
         <NextSeo noindex nofollow />
 
         <RenderSectionsBase
+          skipLazyLoading
           sections={pageSections}
           components={ACCOUNT_COMPONENTS}
         />

package/src/pages/pvt/account/404.tsx

@@ -57,7 +57,11 @@ function Page({
 
         <Layout accountName={accountName}>
           {sections && sections.length > 0 && (
-            <RenderSectionsBase sections={sections} components={COMPONENTS} />
+            <RenderSectionsBase
+              skipLazyLoading
+              sections={sections}
+              components={COMPONENTS}
+            />
           )}
         </Layout>
       </RenderSections>

package/src/pages/pvt/account/cards/index.tsx

@@ -94,6 +94,7 @@ export default function ListCardsPage({
           navigationLabels={navigationLabels}
         >
           <RenderSectionsBase
+            skipLazyLoading
             sections={pageSections}
             components={ACCOUNT_COMPONENTS}
           />

package/src/pages/pvt/account/orders/[id].tsx

@@ -76,6 +76,7 @@ export default function OrderDetailsPage({
           <OrderDetailsPageShell>
             <main data-fs-order-details-content>
               <RenderSectionsBase
+                skipLazyLoading
                 sections={pageSections}
                 components={ACCOUNT_COMPONENTS}
               />
@@ -408,7 +409,10 @@ const getServerSidePropsBase: GetServerSideProps<
       navigationLabels: navigationData as AccountNavigationLabels,
       accountPageData: {
         order: orderDetails.data.userOrder,
-        orderStatusLabels,
+        // Yields undefined when no section carries order-status labels — the
+        // case for a store with no CMS content, since the default sections are
+        // created with empty data. getServerSideProps cannot serialize it.
+        ...(orderStatusLabels ? { orderStatusLabels } : {}),
       },
       pageSections,
       isRepresentative,

package/src/pages/pvt/account/orders/index.tsx

@@ -75,6 +75,7 @@ export default function ListOrdersPage({
         >
           <BeforeSection />
           <RenderSectionsBase
+            skipLazyLoading
             sections={pageSections}
             components={ACCOUNT_COMPONENTS}
           />

package/src/pages/pvt/account/profile.tsx

@@ -74,6 +74,7 @@ export default function Profile({
         >
           <BeforeSection />
           <RenderSectionsBase
+            skipLazyLoading
             sections={pageSections}
             components={ACCOUNT_COMPONENTS}
           />

package/src/pages/pvt/account/security.tsx

@@ -74,6 +74,7 @@ export default function Page({
         >
           <BeforeSection />
           <RenderSectionsBase
+            skipLazyLoading
             sections={pageSections}
             components={ACCOUNT_COMPONENTS}
           />

package/src/pages/pvt/account/user-details.tsx

@@ -73,6 +73,7 @@ export default function Page({
         >
           <BeforeSection />
           <RenderSectionsBase
+            skipLazyLoading
             sections={pageSections}
             components={ACCOUNT_COMPONENTS}
           />

package/src/server/cms/myAccountDefaultSections.ts

@@ -20,16 +20,21 @@ const DEFAULT_SECTION_KEYS: Record<NativeMyAccountContentType, string[]> = {
   myAccountProfile: ['AccountNavigation', 'AccountProfile'],
   myAccountOrders: ['AccountNavigation', 'AccountOrdersList'],
   myAccountCards: ['AccountNavigation', 'AccountListCards'],
+  // Mirrors the render order of the `@deprecated OrderDetails.tsx` component,
+  // which is the design reference available in the repo. The delivery option
+  // accordions render inside AccountOrderDelivery, so they sit right after the
+  // compact delivery card instead of after the summary. Known deviation: fixing
+  // it would mean splitting AccountOrderDelivery into two CMS sections.
   myAccountOrderDetails: [
     'AccountNavigation',
     'AccountOrderDetails',
+    'AccountOrderOrderedBy',
+    'AccountOrderDelivery',
     'AccountOrderStatus',
     'AccountOrderPayment',
-    'AccountOrderDelivery',
     'AccountOrderSummary',
-    'AccountOrderOrderedBy',
-    'AccountOrderBudgets',
     'AccountOrderMoreInfo',
+    'AccountOrderBudgets',
   ],
   myAccountUserDetails: ['AccountNavigation', 'AccountUserDetails'],
   myAccountSecurity: ['AccountNavigation', 'AccountSecurity'],

package/test/components/cms/RenderSections.browser.test.tsx

@@ -0,0 +1,135 @@
+import { UIProvider } from '@faststore/ui'
+import { render, screen } from '@testing-library/react'
+import { renderToString } from 'react-dom/server'
+import { beforeAll, describe, expect, it } from 'vitest'
+
+import { RenderSectionsBase } from 'src/components/cms/RenderSections'
+import { getDefaultMyAccountSections } from 'src/server/cms/myAccountDefaultSections'
+
+/**
+ * First-paint behavior of the My Account pages.
+ *
+ * Sections rendered through `RenderSectionsBase` go through `ViewportObserver`,
+ * which emits an 823px-tall placeholder instead of the section content until the
+ * element intersects the viewport. That is correct for the public storefront and
+ * wrong for My Account, which is authenticated, SSR and above the fold.
+ *
+ * `skipLazyLoading` opts a whole render pass out of it.
+ */
+
+/** Never-firing observer — reproduces the pre-intersection (first paint) state. */
+class NeverIntersectingObserver implements IntersectionObserver {
+  readonly root = null
+  readonly rootMargin = ''
+  readonly thresholds = [] as unknown as ReadonlyArray<number>
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+  takeRecords() {
+    return []
+  }
+}
+
+beforeAll(() => {
+  window.IntersectionObserver =
+    NeverIntersectingObserver as unknown as typeof IntersectionObserver
+})
+
+const orderDetailsSections = getDefaultMyAccountSections(
+  'myAccountOrderDetails'
+).filter((section) => section.$componentKey !== 'AccountNavigation')
+
+const markerComponents = Object.fromEntries(
+  orderDetailsSections.map((section) => [
+    section.$componentKey,
+    () => <div>{section.$componentKey}</div>,
+  ])
+)
+
+describe('skipLazyLoading', () => {
+  it('renders section content immediately instead of a placeholder', () => {
+    const { container } = render(
+      <UIProvider>
+        <RenderSectionsBase
+          skipLazyLoading
+          sections={[{ name: 'AccountOrderStatus', data: {} }]}
+          components={{ AccountOrderStatus: () => <div>status</div> }}
+        />
+      </UIProvider>
+    )
+
+    expect(screen.getByText('status')).toBeTruthy()
+    expect(container.querySelector('[data-store-section-name]')).toBeNull()
+  })
+
+  it('renders every default order-details section on first paint', () => {
+    const { container } = render(
+      <UIProvider>
+        <RenderSectionsBase
+          skipLazyLoading
+          sections={orderDetailsSections}
+          components={markerComponents}
+        />
+      </UIProvider>
+    )
+
+    for (const section of orderDetailsSections) {
+      expect(screen.getByText(section.$componentKey)).toBeTruthy()
+    }
+
+    expect(
+      container.querySelectorAll('[data-store-section-name]')
+    ).toHaveLength(0)
+  })
+
+  it('covers store-authored sections, not only the framework defaults', () => {
+    render(
+      <UIProvider>
+        <RenderSectionsBase
+          skipLazyLoading
+          sections={[{ name: 'StoreCustomAccountSection', data: {} }]}
+          components={{
+            StoreCustomAccountSection: () => <div>custom</div>,
+          }}
+        />
+      </UIProvider>
+    )
+
+    expect(screen.getByText('custom')).toBeTruthy()
+  })
+
+  it('puts the section content in the SSR HTML, not the placeholder', () => {
+    const html = renderToString(
+      <UIProvider>
+        <RenderSectionsBase
+          skipLazyLoading
+          sections={orderDetailsSections}
+          components={markerComponents}
+        />
+      </UIProvider>
+    )
+
+    expect(html).toContain('AccountOrderStatus')
+    expect(html).not.toContain('data-store-section-name')
+    expect(html).not.toContain('823')
+  })
+
+  it('preserves lazy loading when the flag is absent', () => {
+    const { container } = render(
+      <UIProvider>
+        <RenderSectionsBase
+          sections={[{ name: 'AccountOrderStatus', data: {} }]}
+          components={{ AccountOrderStatus: () => <div>status</div> }}
+        />
+      </UIProvider>
+    )
+
+    expect(screen.queryByText('status')).toBeNull()
+
+    const placeholder = container.querySelector(
+      '[data-store-section-name="AccountOrderStatus"]'
+    ) as HTMLElement | null
+
+    expect(placeholder?.style.height).toBe('823px')
+  })
+})

package/test/server/cms/myAccountDefaultSections.test.ts

@@ -20,6 +20,50 @@ describe('getDefaultMyAccountSections', () => {
   it('returns an empty list for store (unknown) content-types', () => {
     expect(getDefaultMyAccountSections('myAccountWishlist')).toEqual([])
   })
+
+  /**
+   * The order-details defaults must mirror the render order of the
+   * `@deprecated OrderDetails.tsx` component, which is the design reference
+   * available in the repo. The delivery option accordions travel with
+   * AccountOrderDelivery, which is the single known deviation.
+   */
+  it('orders the myAccountOrderDetails defaults like the deprecated component', () => {
+    expect(
+      getDefaultMyAccountSections('myAccountOrderDetails').map(
+        (section) => section.$componentKey
+      )
+    ).toEqual([
+      'AccountNavigation',
+      'AccountOrderDetails',
+      'AccountOrderOrderedBy',
+      'AccountOrderDelivery',
+      'AccountOrderStatus',
+      'AccountOrderPayment',
+      'AccountOrderSummary',
+      'AccountOrderMoreInfo',
+      'AccountOrderBudgets',
+    ])
+  })
+
+  it('keeps the myAccountOrderDetails default section set unchanged', () => {
+    const keys = getDefaultMyAccountSections('myAccountOrderDetails').map(
+      (section) => section.$componentKey
+    )
+
+    expect(new Set(keys)).toEqual(
+      new Set([
+        'AccountNavigation',
+        'AccountOrderDetails',
+        'AccountOrderStatus',
+        'AccountOrderPayment',
+        'AccountOrderDelivery',
+        'AccountOrderSummary',
+        'AccountOrderOrderedBy',
+        'AccountOrderBudgets',
+        'AccountOrderMoreInfo',
+      ])
+    )
+  })
 })
 
 describe('withDefaultMyAccountSections', () => {