@faststore/core 3.88.7 → 3.89.1

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.88.6 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.88.6 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 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.88.6 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.88.6 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.88.6 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 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.88.6 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.88.6 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 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
@@ -58,7 +58,7 @@ Browserslist: caniuse-lite is outdated. Please run:
    Creating an optimized production build ...
    Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc.js" https://nextjs.org/docs/messages/swc-disabled
    Using external babel configuration from /home/runner/work/faststore/faststore/packages/core/.babelrc.js
-Browserslist: browsers data (caniuse-lite) is 8 months old. Please run:
+Browserslist: browsers data (caniuse-lite) is 9 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
  ✓ Compiled successfully
@@ -74,12 +74,12 @@ Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Cont
 
 Route (pages)                              Size     First Load JS
 ┌ ● /                                      3.69 kB         142 kB
-├   └ css/b1806cbafd0c1f81.css             3.06 kB
+├   └ css/c29fee5b9f9d48d9.css             3.07 kB
 ├   /_app                                  0 B             107 kB
 ├ ● /[...slug]                             2.49 kB         156 kB
 ├ ● /[slug]/p                              97.4 kB         236 kB
-├   ├ css/6cd282d958f613bc.css             5.9 kB
-├   └ css/175fa823349dc534.css             22 kB
+├   ├ css/331f08e9d306e70b.css             5.92 kB
+├   └ css/a9328b56f3942b82.css             22 kB
 ├ ○ /404                                   1.57 kB         140 kB
 ├ ● /500                                   1.57 kB         140 kB
 ├ λ /api/graphql                           0 B             107 kB
@@ -90,26 +90,26 @@ Route (pages)                              Size     First Load JS
 ├ ● /login                                 1.7 kB          140 kB
 ├ λ /pvt/account                           247 B           108 kB
 ├ ● /pvt/account/[...unknown]              287 B           108 kB
-├ λ /pvt/account/403                       2.47 kB         141 kB
-├   └ css/b7bba8fce075688b.css             4.2 kB
-├ λ /pvt/account/404                       2.16 kB         140 kB
-├   └ css/5347dbc8b71de47d.css             4.25 kB
-├ λ /pvt/account/orders                    10.5 kB         149 kB
-├   └ css/b7fc24e8f1eb011f.css             12.8 kB
-├ λ /pvt/account/orders/[id]               12.2 kB         150 kB
-├   └ css/297be4be3be36ff0.css             12.6 kB
-├ λ /pvt/account/profile                   1.81 kB         140 kB
-├   └ css/831a1f72fe4b2d80.css             3.97 kB
-├ λ /pvt/account/security                  3.79 kB         142 kB
-├   └ css/ec7fdad03808422d.css             5.22 kB
-├ λ /pvt/account/user-details              1.76 kB         140 kB
-├   └ css/e46393a76c5d93a9.css             4.17 kB
+├ λ /pvt/account/403                       2.49 kB         141 kB
+├   └ css/c53b17b6fa994508.css             4.66 kB
+├ λ /pvt/account/404                       2.18 kB         140 kB
+├   └ css/ceb410a7062740d1.css             4.72 kB
+├ λ /pvt/account/orders                    10.6 kB         149 kB
+├   └ css/f81198b7fe9f5f6f.css             13.9 kB
+├ λ /pvt/account/orders/[id]               12.1 kB         150 kB
+├   └ css/da5bfb1f39c54578.css             13.3 kB
+├ λ /pvt/account/profile                   1.98 kB         140 kB
+├   └ css/b65e005fb943434c.css             4.4 kB
+├ λ /pvt/account/security                  3.96 kB         142 kB
+├   └ css/6bb0abee27fe0019.css             5.65 kB
+├ λ /pvt/account/user-details              1.91 kB         140 kB
+├   └ css/bd121d85d6ceed46.css             4.52 kB
 └ ● /s                                     3.28 kB         157 kB
 + First Load JS shared by all              111 kB
   ├ chunks/framework-d514426edf885c68.js   45.4 kB
   ├ chunks/main-595f5e3b626b9fff.js        33.2 kB
   ├ chunks/pages/_app-78bc68991096280c.js  25 kB
-  ├ chunks/webpack-747ebf1e0c896030.js     3.85 kB
+  ├ chunks/webpack-f16e329d9f50b79b.js     3.86 kB
   └ css/24a5e8f6808266fe.css               3.53 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,14 +1,15 @@
 
-> @faststore/core@3.88.6 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.89.0 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/utils/multipleTemplates.test.ts (28.406 s)
-PASS test/server/cms/global.test.ts (28.911 s)
+PASS test/utils/multipleTemplates.test.ts (28.435 s)
+PASS test/server/cms/global.test.ts (28.789 s)
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (31.65 s)
+PASS test/server/index.test.ts (31.275 s)
+A worker process has failed to exit gracefully and has been force exited. This is likely caused by tests leaking due to improper teardown. Try running with --detectOpenHandles to find leaks. Active timers can also cause this, ensure that .unref() was called on them.
 
 Test Suites: 4 passed, 4 total
 Tests:       22 passed, 22 total
 Snapshots:   0 total
-Time:        32.799 s
+Time:        32.767 s
 Ran all test suites.

package/@generated/gql.ts

@@ -38,7 +38,7 @@ const documents = {
     types.ServerCollectionPageFragmentDoc,
   '\n  fragment ServerProduct on Query {\n    product(locator: $locator) {\n      id: productID\n    }\n  }\n':
     types.ServerProductFragmentDoc,
-  '\n  query ServerAccountPageQuery {\n    accountName\n  }\n':
+  '\n  query ServerAccountPageQuery {\n    accountProfile {\n      name\n    }\n  }\n':
     types.ServerAccountPageQueryDocument,
   '\n  query ServerCollectionPageQuery($slug: String!) {\n    ...ServerCollectionPage\n    collection(slug: $slug) {\n      seo {\n        title\n        description\n      }\n      breadcrumbList {\n        itemListElement {\n          item\n          name\n          position\n        }\n      }\n      meta {\n        selectedFacets {\n          key\n          value\n        }\n      }\n    }\n  }\n':
     types.ServerCollectionPageQueryDocument,
@@ -46,15 +46,15 @@ const documents = {
     types.ServerProductQueryDocument,
   '\n  fragment UserOrderItemsFragment on UserOrderItems {\n    id\n    name\n    quantity\n    sellingPrice\n    unitMultiplier\n    measurementUnit\n    imageUrl\n    detailUrl\n    refId\n    rewardValue\n  }\n':
     types.UserOrderItemsFragmentFragmentDoc,
-  '\n  query ServerOrderDetailsQuery($orderId: String!) {\n    userOrder(orderId: $orderId) {\n      orderId\n      creationDate\n      status\n      canProcessOrderAuthorization\n      statusDescription\n      allowCancellation\n      ruleForAuthorization {\n        orderAuthorizationId\n        dimensionId\n        rule {\n          id\n          name\n          status\n          doId\n          authorizedEmails\n          priority\n          trigger {\n            condition {\n              conditionType\n              description\n              lessThan\n              greatherThan\n              expression\n            }\n            effect {\n              description\n              effectType\n              funcPath\n            }\n          }\n          timeout\n          notification\n          scoreInterval {\n            accept\n            deny\n          }\n          authorizationData {\n            requireAllApprovals\n            authorizers {\n              id\n              email\n              type\n              authorizationDate\n            }\n          }\n          isUserAuthorized\n          isUserNextAuthorizer\n        }\n      }\n      storePreferencesData {\n        currencyCode\n      }\n      clientProfileData {\n        firstName\n        lastName\n        email\n        phone\n        corporateName\n        isCorporate\n      }\n      customFields {\n        type\n        id\n        fields {\n          name\n          value\n          refId\n        }\n      }\n      deliveryOptionsData {\n        deliveryOptions {\n          selectedSla\n          deliveryChannel\n          deliveryCompany\n          deliveryWindow {\n            startDateUtc\n            endDateUtc\n            price\n          }\n          shippingEstimate\n          shippingEstimateDate\n          friendlyShippingEstimate\n          friendlyDeliveryOptionName\n          seller\n          address {\n            addressType\n            receiverName\n            addressId\n            versionId\n            entityId\n            postalCode\n            city\n            state\n            country\n            street\n            number\n            neighborhood\n            complement\n            reference\n            geoCoordinates\n          }\n          pickupStoreInfo {\n            additionalInfo\n            address {\n              addressType\n              receiverName\n              addressId\n              versionId\n              entityId\n              postalCode\n              city\n              state\n              country\n              street\n              number\n              neighborhood\n              complement\n              reference\n              geoCoordinates\n            }\n            dockId\n            friendlyName\n            isPickupStore\n          }\n          quantityOfDifferentItems\n          total\n          items {\n            id\n            uniqueId\n            name\n            quantity\n            price\n            imageUrl\n            tax\n            total\n          }\n        }\n        contact {\n          email\n          phone\n          name\n        }\n      }\n      paymentData {\n        transactions {\n          isActive\n          payments {\n            id\n            paymentSystemName\n            value\n            installments\n            referenceValue\n            lastDigits\n            url\n            group\n            tid\n            connectorResponses {\n              authId\n            }\n            bankIssuedInvoiceIdentificationNumber\n            redemptionCode\n            paymentOrigin\n          }\n        }\n      }\n      totals {\n        id\n        name\n        value\n      }\n      shopper {\n        firstName\n        lastName\n        email\n        phone\n      }\n    }\n    accountName\n  }\n':
+  '\n  query ServerOrderDetailsQuery($orderId: String!) {\n    userOrder(orderId: $orderId) {\n      orderId\n      creationDate\n      status\n      canProcessOrderAuthorization\n      statusDescription\n      allowCancellation\n      ruleForAuthorization {\n        orderAuthorizationId\n        dimensionId\n        rule {\n          id\n          name\n          status\n          doId\n          authorizedEmails\n          priority\n          trigger {\n            condition {\n              conditionType\n              description\n              lessThan\n              greatherThan\n              expression\n            }\n            effect {\n              description\n              effectType\n              funcPath\n            }\n          }\n          timeout\n          notification\n          scoreInterval {\n            accept\n            deny\n          }\n          authorizationData {\n            requireAllApprovals\n            authorizers {\n              id\n              email\n              type\n              authorizationDate\n            }\n          }\n          isUserAuthorized\n          isUserNextAuthorizer\n        }\n      }\n      storePreferencesData {\n        currencyCode\n      }\n      clientProfileData {\n        firstName\n        lastName\n        email\n        phone\n        corporateName\n        isCorporate\n      }\n      customFields {\n        type\n        id\n        fields {\n          name\n          value\n          refId\n        }\n      }\n      deliveryOptionsData {\n        deliveryOptions {\n          selectedSla\n          deliveryChannel\n          deliveryCompany\n          deliveryWindow {\n            startDateUtc\n            endDateUtc\n            price\n          }\n          shippingEstimate\n          shippingEstimateDate\n          friendlyShippingEstimate\n          friendlyDeliveryOptionName\n          seller\n          address {\n            addressType\n            receiverName\n            addressId\n            versionId\n            entityId\n            postalCode\n            city\n            state\n            country\n            street\n            number\n            neighborhood\n            complement\n            reference\n            geoCoordinates\n          }\n          pickupStoreInfo {\n            additionalInfo\n            address {\n              addressType\n              receiverName\n              addressId\n              versionId\n              entityId\n              postalCode\n              city\n              state\n              country\n              street\n              number\n              neighborhood\n              complement\n              reference\n              geoCoordinates\n            }\n            dockId\n            friendlyName\n            isPickupStore\n          }\n          quantityOfDifferentItems\n          total\n          items {\n            id\n            uniqueId\n            name\n            quantity\n            price\n            imageUrl\n            tax\n            total\n          }\n        }\n        contact {\n          email\n          phone\n          name\n        }\n      }\n      paymentData {\n        transactions {\n          isActive\n          payments {\n            id\n            paymentSystemName\n            value\n            installments\n            referenceValue\n            lastDigits\n            url\n            group\n            tid\n            connectorResponses {\n              authId\n            }\n            bankIssuedInvoiceIdentificationNumber\n            redemptionCode\n            paymentOrigin\n          }\n        }\n      }\n      totals {\n        id\n        name\n        value\n      }\n      shopper {\n        firstName\n        lastName\n        email\n        phone\n      }\n    }\n    accountProfile {\n      name\n    }\n  }\n':
     types.ServerOrderDetailsQueryDocument,
-  '\n  query ServerListOrdersQuery ($page: Int,$perPage: Int, $status: [String], $dateInitial: String, $dateFinal: String, $text: String, $clientEmail: String) {\n    listUserOrders (page: $page, perPage: $perPage, status: $status, dateInitial: $dateInitial, dateFinal: $dateFinal, text: $text, clientEmail: $clientEmail) {\n      list {\n        orderId\n        creationDate\n        clientName\n        items {\n          seller\n          quantity\n          description\n          ean\n          refId\n          id\n          productId\n          sellingPrice\n          price\n        }\n        totalValue\n        status\n        statusDescription\n        ShippingEstimatedDate\n        currencyCode\n        customFields {\n          type\n          value\n        }\n      }\n      paging {\n        total\n        pages\n        currentPage\n        perPage\n      }\n    }\n    accountName\n  }\n':
+  '\n  query ServerListOrdersQuery ($page: Int,$perPage: Int, $status: [String], $dateInitial: String, $dateFinal: String, $text: String, $clientEmail: String) {\n    listUserOrders (page: $page, perPage: $perPage, status: $status, dateInitial: $dateInitial, dateFinal: $dateFinal, text: $text, clientEmail: $clientEmail) {\n      list {\n        orderId\n        creationDate\n        clientName\n        items {\n          seller\n          quantity\n          description\n          ean\n          refId\n          id\n          productId\n          sellingPrice\n          price\n        }\n        totalValue\n        status\n        statusDescription\n        ShippingEstimatedDate\n        currencyCode\n        customFields {\n          type\n          value\n        }\n      }\n      paging {\n        total\n        pages\n        currentPage\n        perPage\n      }\n    }\n    accountProfile {\n      name\n    }\n  }\n':
     types.ServerListOrdersQueryDocument,
-  '\n  query ServerProfileQuery {\n    accountName\n    accountProfile {\n      name\n      email\n      id\n    }\n  }\n':
+  '\n  query ServerProfileQuery {\n    accountProfile {\n      name\n      email\n      id\n    }\n  }\n':
     types.ServerProfileQueryDocument,
-  '\n  query ServerSecurity {\n    accountName\n    userDetails {\n      email\n    }\n  }\n':
+  '\n  query ServerSecurity {\n    accountProfile {\n      name\n    }\n    userDetails {\n      email\n    }\n  }\n':
     types.ServerSecurityDocument,
-  '\n  query ServerUserDetailsQuery {\n    accountName\n    userDetails {\n      name\n      email\n      role\n      orgUnit\n    }\n  }\n':
+  '\n  query ServerUserDetailsQuery {\n    accountProfile {\n      name\n    }\n    userDetails {\n      name\n      email\n      role\n      orgUnit\n    }\n  }\n':
     types.ServerUserDetailsQueryDocument,
   '\n  mutation CancelOrderMutation($data: IUserOrderCancel!) {\n    cancelOrder(data: $data) {\n      data\n    }\n  }\n':
     types.CancelOrderMutationDocument,
@@ -176,7 +176,7 @@ export function gql(
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ServerAccountPageQuery {\n    accountName\n  }\n'
+  source: '\n  query ServerAccountPageQuery {\n    accountProfile {\n      name\n    }\n  }\n'
 ): typeof import('./graphql').ServerAccountPageQueryDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
@@ -200,31 +200,31 @@ export function gql(
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ServerOrderDetailsQuery($orderId: String!) {\n    userOrder(orderId: $orderId) {\n      orderId\n      creationDate\n      status\n      canProcessOrderAuthorization\n      statusDescription\n      allowCancellation\n      ruleForAuthorization {\n        orderAuthorizationId\n        dimensionId\n        rule {\n          id\n          name\n          status\n          doId\n          authorizedEmails\n          priority\n          trigger {\n            condition {\n              conditionType\n              description\n              lessThan\n              greatherThan\n              expression\n            }\n            effect {\n              description\n              effectType\n              funcPath\n            }\n          }\n          timeout\n          notification\n          scoreInterval {\n            accept\n            deny\n          }\n          authorizationData {\n            requireAllApprovals\n            authorizers {\n              id\n              email\n              type\n              authorizationDate\n            }\n          }\n          isUserAuthorized\n          isUserNextAuthorizer\n        }\n      }\n      storePreferencesData {\n        currencyCode\n      }\n      clientProfileData {\n        firstName\n        lastName\n        email\n        phone\n        corporateName\n        isCorporate\n      }\n      customFields {\n        type\n        id\n        fields {\n          name\n          value\n          refId\n        }\n      }\n      deliveryOptionsData {\n        deliveryOptions {\n          selectedSla\n          deliveryChannel\n          deliveryCompany\n          deliveryWindow {\n            startDateUtc\n            endDateUtc\n            price\n          }\n          shippingEstimate\n          shippingEstimateDate\n          friendlyShippingEstimate\n          friendlyDeliveryOptionName\n          seller\n          address {\n            addressType\n            receiverName\n            addressId\n            versionId\n            entityId\n            postalCode\n            city\n            state\n            country\n            street\n            number\n            neighborhood\n            complement\n            reference\n            geoCoordinates\n          }\n          pickupStoreInfo {\n            additionalInfo\n            address {\n              addressType\n              receiverName\n              addressId\n              versionId\n              entityId\n              postalCode\n              city\n              state\n              country\n              street\n              number\n              neighborhood\n              complement\n              reference\n              geoCoordinates\n            }\n            dockId\n            friendlyName\n            isPickupStore\n          }\n          quantityOfDifferentItems\n          total\n          items {\n            id\n            uniqueId\n            name\n            quantity\n            price\n            imageUrl\n            tax\n            total\n          }\n        }\n        contact {\n          email\n          phone\n          name\n        }\n      }\n      paymentData {\n        transactions {\n          isActive\n          payments {\n            id\n            paymentSystemName\n            value\n            installments\n            referenceValue\n            lastDigits\n            url\n            group\n            tid\n            connectorResponses {\n              authId\n            }\n            bankIssuedInvoiceIdentificationNumber\n            redemptionCode\n            paymentOrigin\n          }\n        }\n      }\n      totals {\n        id\n        name\n        value\n      }\n      shopper {\n        firstName\n        lastName\n        email\n        phone\n      }\n    }\n    accountName\n  }\n'
+  source: '\n  query ServerOrderDetailsQuery($orderId: String!) {\n    userOrder(orderId: $orderId) {\n      orderId\n      creationDate\n      status\n      canProcessOrderAuthorization\n      statusDescription\n      allowCancellation\n      ruleForAuthorization {\n        orderAuthorizationId\n        dimensionId\n        rule {\n          id\n          name\n          status\n          doId\n          authorizedEmails\n          priority\n          trigger {\n            condition {\n              conditionType\n              description\n              lessThan\n              greatherThan\n              expression\n            }\n            effect {\n              description\n              effectType\n              funcPath\n            }\n          }\n          timeout\n          notification\n          scoreInterval {\n            accept\n            deny\n          }\n          authorizationData {\n            requireAllApprovals\n            authorizers {\n              id\n              email\n              type\n              authorizationDate\n            }\n          }\n          isUserAuthorized\n          isUserNextAuthorizer\n        }\n      }\n      storePreferencesData {\n        currencyCode\n      }\n      clientProfileData {\n        firstName\n        lastName\n        email\n        phone\n        corporateName\n        isCorporate\n      }\n      customFields {\n        type\n        id\n        fields {\n          name\n          value\n          refId\n        }\n      }\n      deliveryOptionsData {\n        deliveryOptions {\n          selectedSla\n          deliveryChannel\n          deliveryCompany\n          deliveryWindow {\n            startDateUtc\n            endDateUtc\n            price\n          }\n          shippingEstimate\n          shippingEstimateDate\n          friendlyShippingEstimate\n          friendlyDeliveryOptionName\n          seller\n          address {\n            addressType\n            receiverName\n            addressId\n            versionId\n            entityId\n            postalCode\n            city\n            state\n            country\n            street\n            number\n            neighborhood\n            complement\n            reference\n            geoCoordinates\n          }\n          pickupStoreInfo {\n            additionalInfo\n            address {\n              addressType\n              receiverName\n              addressId\n              versionId\n              entityId\n              postalCode\n              city\n              state\n              country\n              street\n              number\n              neighborhood\n              complement\n              reference\n              geoCoordinates\n            }\n            dockId\n            friendlyName\n            isPickupStore\n          }\n          quantityOfDifferentItems\n          total\n          items {\n            id\n            uniqueId\n            name\n            quantity\n            price\n            imageUrl\n            tax\n            total\n          }\n        }\n        contact {\n          email\n          phone\n          name\n        }\n      }\n      paymentData {\n        transactions {\n          isActive\n          payments {\n            id\n            paymentSystemName\n            value\n            installments\n            referenceValue\n            lastDigits\n            url\n            group\n            tid\n            connectorResponses {\n              authId\n            }\n            bankIssuedInvoiceIdentificationNumber\n            redemptionCode\n            paymentOrigin\n          }\n        }\n      }\n      totals {\n        id\n        name\n        value\n      }\n      shopper {\n        firstName\n        lastName\n        email\n        phone\n      }\n    }\n    accountProfile {\n      name\n    }\n  }\n'
 ): typeof import('./graphql').ServerOrderDetailsQueryDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ServerListOrdersQuery ($page: Int,$perPage: Int, $status: [String], $dateInitial: String, $dateFinal: String, $text: String, $clientEmail: String) {\n    listUserOrders (page: $page, perPage: $perPage, status: $status, dateInitial: $dateInitial, dateFinal: $dateFinal, text: $text, clientEmail: $clientEmail) {\n      list {\n        orderId\n        creationDate\n        clientName\n        items {\n          seller\n          quantity\n          description\n          ean\n          refId\n          id\n          productId\n          sellingPrice\n          price\n        }\n        totalValue\n        status\n        statusDescription\n        ShippingEstimatedDate\n        currencyCode\n        customFields {\n          type\n          value\n        }\n      }\n      paging {\n        total\n        pages\n        currentPage\n        perPage\n      }\n    }\n    accountName\n  }\n'
+  source: '\n  query ServerListOrdersQuery ($page: Int,$perPage: Int, $status: [String], $dateInitial: String, $dateFinal: String, $text: String, $clientEmail: String) {\n    listUserOrders (page: $page, perPage: $perPage, status: $status, dateInitial: $dateInitial, dateFinal: $dateFinal, text: $text, clientEmail: $clientEmail) {\n      list {\n        orderId\n        creationDate\n        clientName\n        items {\n          seller\n          quantity\n          description\n          ean\n          refId\n          id\n          productId\n          sellingPrice\n          price\n        }\n        totalValue\n        status\n        statusDescription\n        ShippingEstimatedDate\n        currencyCode\n        customFields {\n          type\n          value\n        }\n      }\n      paging {\n        total\n        pages\n        currentPage\n        perPage\n      }\n    }\n    accountProfile {\n      name\n    }\n  }\n'
 ): typeof import('./graphql').ServerListOrdersQueryDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ServerProfileQuery {\n    accountName\n    accountProfile {\n      name\n      email\n      id\n    }\n  }\n'
+  source: '\n  query ServerProfileQuery {\n    accountProfile {\n      name\n      email\n      id\n    }\n  }\n'
 ): typeof import('./graphql').ServerProfileQueryDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ServerSecurity {\n    accountName\n    userDetails {\n      email\n    }\n  }\n'
+  source: '\n  query ServerSecurity {\n    accountProfile {\n      name\n    }\n    userDetails {\n      email\n    }\n  }\n'
 ): typeof import('./graphql').ServerSecurityDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ServerUserDetailsQuery {\n    accountName\n    userDetails {\n      name\n      email\n      role\n      orgUnit\n    }\n  }\n'
+  source: '\n  query ServerUserDetailsQuery {\n    accountProfile {\n      name\n    }\n    userDetails {\n      name\n      email\n      role\n      orgUnit\n    }\n  }\n'
 ): typeof import('./graphql').ServerUserDetailsQueryDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.

package/@generated/graphql.ts

@@ -829,8 +829,6 @@ export type ProfileAddress = {
 }
 
 export type Query = {
-  /** Returns the account name of the current user or the B2B contract name if applicable. */
-  accountName: Maybe<Scalars['String']['output']>
   /** Returns the account profile information for the current authenticated user (b2b or b2c user). */
   accountProfile: StoreAccountProfile
   /** Returns information about all collections. */
@@ -2649,7 +2647,9 @@ export type ServerAccountPageQueryQueryVariables = Exact<{
   [key: string]: never
 }>
 
-export type ServerAccountPageQueryQuery = { accountName: string | null }
+export type ServerAccountPageQueryQuery = {
+  accountProfile: { name: string | null }
+}
 
 export type ServerCollectionPageQueryQueryVariables = Exact<{
   slug: Scalars['String']['input']
@@ -2739,7 +2739,6 @@ export type ServerOrderDetailsQueryQueryVariables = Exact<{
 }>
 
 export type ServerOrderDetailsQueryQuery = {
-  accountName: string | null
   userOrder: {
     orderId: string | null
     creationDate: string | null
@@ -2911,6 +2910,7 @@ export type ServerOrderDetailsQueryQuery = {
       phone: string | null
     } | null
   } | null
+  accountProfile: { name: string | null }
 }
 
 export type ServerListOrdersQueryQueryVariables = Exact<{
@@ -2927,7 +2927,6 @@ export type ServerListOrdersQueryQueryVariables = Exact<{
 }>
 
 export type ServerListOrdersQueryQuery = {
-  accountName: string | null
   listUserOrders: {
     list: Array<{
       orderId: string | null
@@ -2961,12 +2960,12 @@ export type ServerListOrdersQueryQuery = {
       perPage: number | null
     } | null
   } | null
+  accountProfile: { name: string | null }
 }
 
 export type ServerProfileQueryQueryVariables = Exact<{ [key: string]: never }>
 
 export type ServerProfileQueryQuery = {
-  accountName: string | null
   accountProfile: {
     name: string | null
     email: string | null
@@ -2977,7 +2976,7 @@ export type ServerProfileQueryQuery = {
 export type ServerSecurityQueryVariables = Exact<{ [key: string]: never }>
 
 export type ServerSecurityQuery = {
-  accountName: string | null
+  accountProfile: { name: string | null }
   userDetails: { email: string | null }
 }
 
@@ -2986,7 +2985,7 @@ export type ServerUserDetailsQueryQueryVariables = Exact<{
 }>
 
 export type ServerUserDetailsQueryQuery = {
-  accountName: string | null
+  accountProfile: { name: string | null }
   userDetails: {
     name: string | null
     email: string | null
@@ -4288,7 +4287,7 @@ export const SearchEvent_MetadataFragmentDoc = new TypedDocumentString(
 export const ServerAccountPageQueryDocument = {
   __meta__: {
     operationName: 'ServerAccountPageQuery',
-    operationHash: '47315a3cd26ddd9c7fa963778988464341b8193f',
+    operationHash: '9baae331b75848a310fecb457e8c971ae27897ff',
   },
 } as unknown as TypedDocumentString<
   ServerAccountPageQueryQuery,
@@ -4315,7 +4314,7 @@ export const ServerProductQueryDocument = {
 export const ServerOrderDetailsQueryDocument = {
   __meta__: {
     operationName: 'ServerOrderDetailsQuery',
-    operationHash: '2c5dca039e0aa4924e9e583f5afbe522758ca7c4',
+    operationHash: '7937ec2d330f0f6f68f3aab589f10bc96c6ddeea',
   },
 } as unknown as TypedDocumentString<
   ServerOrderDetailsQueryQuery,
@@ -4324,7 +4323,7 @@ export const ServerOrderDetailsQueryDocument = {
 export const ServerListOrdersQueryDocument = {
   __meta__: {
     operationName: 'ServerListOrdersQuery',
-    operationHash: 'ee84ac3f5b58c5e1950a927a42c5c1dd6012fcc4',
+    operationHash: 'b0a6b9da966cf2365f9806fd810bac248b44dba8',
   },
 } as unknown as TypedDocumentString<
   ServerListOrdersQueryQuery,
@@ -4333,7 +4332,7 @@ export const ServerListOrdersQueryDocument = {
 export const ServerProfileQueryDocument = {
   __meta__: {
     operationName: 'ServerProfileQuery',
-    operationHash: '0ed4b5db8fed122d8418195d01fb91b30261d587',
+    operationHash: '672fe0f00b7b710b63fc6573c0a6b2ec54812b8f',
   },
 } as unknown as TypedDocumentString<
   ServerProfileQueryQuery,
@@ -4342,7 +4341,7 @@ export const ServerProfileQueryDocument = {
 export const ServerSecurityDocument = {
   __meta__: {
     operationName: 'ServerSecurity',
-    operationHash: '63c6eadbe8b77c0c3c91406589755accba5cf155',
+    operationHash: '0890ba3456c40a426893b80b698df7a84cfdd6a1',
   },
 } as unknown as TypedDocumentString<
   ServerSecurityQuery,
@@ -4351,7 +4350,7 @@ export const ServerSecurityDocument = {
 export const ServerUserDetailsQueryDocument = {
   __meta__: {
     operationName: 'ServerUserDetailsQuery',
-    operationHash: '522e5feeb80e67cee931bc98eac9d08ea75c75d2',
+    operationHash: 'e5eb7e46c685d0c7a2ec62c865bfb0a66f81d557',
   },
 } as unknown as TypedDocumentString<
   ServerUserDetailsQueryQuery,

package/@generated/persisted-documents.json

@@ -1,12 +1,12 @@
 {
-  "47315a3cd26ddd9c7fa963778988464341b8193f": "query ServerAccountPageQuery { accountName }",
+  "9baae331b75848a310fecb457e8c971ae27897ff": "query ServerAccountPageQuery { accountProfile { name } }",
   "4b33c5c07f440dc7489e55619dc2211a13786e72": "fragment ServerCollectionPage on Query { collection(slug: $slug) { id } } query ServerCollectionPageQuery($slug: String!) { collection(slug: $slug) { breadcrumbList { itemListElement { item name position } } meta { selectedFacets { key value } } seo { description title } } ...ServerCollectionPage }",
   "e855903879c6504e90269e6e010549bc6de933eb": "fragment CartProductItem on StoreProduct { additionalProperty { name propertyID value valueReference } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations availableVariations slugsMap } } name sku unitMultiplier } fragment ProductDetailsFragment_product on StoreProduct { additionalProperty { name propertyID value valueReference } brand { name } description gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations allVariantProducts { name productID } availableVariations slugsMap } } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price priceWithTaxes seller { identifier } } } id: productID sku unitMultiplier ...CartProductItem } fragment ServerProduct on Query { product(locator: $locator) { id: productID } } query ServerProductQuery($locator: [IStoreSelectedFacet!]!) { product(locator: $locator) { brand { name } breadcrumbList { itemListElement { item name position } } description gtin image { alternateName url } isVariantOf { productGroupID } name offers { highPrice lowPrice lowPriceWithTaxes offers { availability itemCondition price priceCurrency priceValidUntil seller { identifier } } priceCurrency } id: productID releaseDate seo { canonical description title } sku ...ProductDetailsFragment_product } ...ServerProduct }",
-  "2c5dca039e0aa4924e9e583f5afbe522758ca7c4": "query ServerOrderDetailsQuery($orderId: String!) { accountName userOrder(orderId: $orderId) { allowCancellation canProcessOrderAuthorization clientProfileData { corporateName email firstName isCorporate lastName phone } creationDate customFields { fields { name refId value } id type } deliveryOptionsData { contact { email name phone } deliveryOptions { address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } deliveryChannel deliveryCompany deliveryWindow { endDateUtc price startDateUtc } friendlyDeliveryOptionName friendlyShippingEstimate items { id imageUrl name price quantity tax total uniqueId } pickupStoreInfo { additionalInfo address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } dockId friendlyName isPickupStore } quantityOfDifferentItems selectedSla seller shippingEstimate shippingEstimateDate total } } orderId paymentData { transactions { isActive payments { bankIssuedInvoiceIdentificationNumber connectorResponses { authId } group id installments lastDigits paymentOrigin paymentSystemName redemptionCode referenceValue tid url value } } } ruleForAuthorization { dimensionId orderAuthorizationId rule { authorizationData { authorizers { authorizationDate email id type } requireAllApprovals } authorizedEmails doId id isUserAuthorized isUserNextAuthorizer name notification priority scoreInterval { accept deny } status timeout trigger { condition { conditionType description expression greatherThan lessThan } effect { description effectType funcPath } } } } shopper { email firstName lastName phone } status statusDescription storePreferencesData { currencyCode } totals { id name value } } }",
-  "ee84ac3f5b58c5e1950a927a42c5c1dd6012fcc4": "query ServerListOrdersQuery($clientEmail: String, $dateFinal: String, $dateInitial: String, $page: Int, $perPage: Int, $status: [String], $text: String) { accountName listUserOrders( page: $page perPage: $perPage status: $status dateInitial: $dateInitial dateFinal: $dateFinal text: $text clientEmail: $clientEmail ) { list { ShippingEstimatedDate clientName creationDate currencyCode customFields { type value } items { description ean id price productId quantity refId seller sellingPrice } orderId status statusDescription totalValue } paging { currentPage pages perPage total } } }",
-  "0ed4b5db8fed122d8418195d01fb91b30261d587": "query ServerProfileQuery { accountName accountProfile { email id name } }",
-  "63c6eadbe8b77c0c3c91406589755accba5cf155": "query ServerSecurity { accountName userDetails { email } }",
-  "522e5feeb80e67cee931bc98eac9d08ea75c75d2": "query ServerUserDetailsQuery { accountName userDetails { email name orgUnit role } }",
+  "7937ec2d330f0f6f68f3aab589f10bc96c6ddeea": "query ServerOrderDetailsQuery($orderId: String!) { accountProfile { name } userOrder(orderId: $orderId) { allowCancellation canProcessOrderAuthorization clientProfileData { corporateName email firstName isCorporate lastName phone } creationDate customFields { fields { name refId value } id type } deliveryOptionsData { contact { email name phone } deliveryOptions { address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } deliveryChannel deliveryCompany deliveryWindow { endDateUtc price startDateUtc } friendlyDeliveryOptionName friendlyShippingEstimate items { id imageUrl name price quantity tax total uniqueId } pickupStoreInfo { additionalInfo address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } dockId friendlyName isPickupStore } quantityOfDifferentItems selectedSla seller shippingEstimate shippingEstimateDate total } } orderId paymentData { transactions { isActive payments { bankIssuedInvoiceIdentificationNumber connectorResponses { authId } group id installments lastDigits paymentOrigin paymentSystemName redemptionCode referenceValue tid url value } } } ruleForAuthorization { dimensionId orderAuthorizationId rule { authorizationData { authorizers { authorizationDate email id type } requireAllApprovals } authorizedEmails doId id isUserAuthorized isUserNextAuthorizer name notification priority scoreInterval { accept deny } status timeout trigger { condition { conditionType description expression greatherThan lessThan } effect { description effectType funcPath } } } } shopper { email firstName lastName phone } status statusDescription storePreferencesData { currencyCode } totals { id name value } } }",
+  "b0a6b9da966cf2365f9806fd810bac248b44dba8": "query ServerListOrdersQuery($clientEmail: String, $dateFinal: String, $dateInitial: String, $page: Int, $perPage: Int, $status: [String], $text: String) { accountProfile { name } listUserOrders( page: $page perPage: $perPage status: $status dateInitial: $dateInitial dateFinal: $dateFinal text: $text clientEmail: $clientEmail ) { list { ShippingEstimatedDate clientName creationDate currencyCode customFields { type value } items { description ean id price productId quantity refId seller sellingPrice } orderId status statusDescription totalValue } paging { currentPage pages perPage total } } }",
+  "672fe0f00b7b710b63fc6573c0a6b2ec54812b8f": "query ServerProfileQuery { accountProfile { email id name } }",
+  "0890ba3456c40a426893b80b698df7a84cfdd6a1": "query ServerSecurity { accountProfile { name } userDetails { email } }",
+  "e5eb7e46c685d0c7a2ec62c865bfb0a66f81d557": "query ServerUserDetailsQuery { accountProfile { name } userDetails { email name orgUnit role } }",
   "e2b06da6840614d3c72768e56579b9d3b8e80802": "mutation CancelOrderMutation($data: IUserOrderCancel!) { cancelOrder(data: $data) { data } }",
   "8c25d37c8d6e7c20ab21bb8a4f4e6a2fe320ea8d": "mutation ProcessOrderAuthorizationMutation($data: IProcessOrderAuthorization!) { processOrderAuthorization(data: $data) { isPendingForOtherAuthorizer ruleForAuthorization { dimensionId orderAuthorizationId rule { authorizationData { authorizers { authorizationDate email id type } requireAllApprovals } authorizedEmails doId id isUserAuthorized isUserNextAuthorizer name notification priority scoreInterval { accept deny } status timeout trigger { condition { conditionType description expression greatherThan lessThan } effect { description effectType funcPath } } } } } }",
   "32f99c73c3de958b64d6bece1afe800469f54548": "query ValidateUser { validateUser { isValid } }",

package/@generated/schema.graphql

@@ -1048,8 +1048,6 @@ type Query {
   userDetails: StoreUserDetails! @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
   """Returns the account profile information for the current authenticated user (b2b or b2c user)."""
   accountProfile: StoreAccountProfile! @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
-  """Returns the account name of the current user or the B2B contract name if applicable."""
-  accountName: String @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
   """Returns information about the user validation."""
   validateUser: ValidateUserData @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
   """Returns a list of pickup points near to the given geo coordinates."""

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.89.1](https://github.com/vtex/faststore/compare/v3.89.0...v3.89.1) (2025-10-02)
+
+### Bug Fixes
+
+- updates contract name SFS-2863 ([#3051](https://github.com/vtex/faststore/issues/3051)) ([3b884e4](https://github.com/vtex/faststore/commit/3b884e49eabbbd4d5832f342c759d1301c98dc0e))
+
+# [3.89.0](https://github.com/vtex/faststore/compare/v3.88.7...v3.89.0) (2025-10-02)
+
+### Features
+
+- My Account QA SFS-2859 ([#3040](https://github.com/vtex/faststore/issues/3040)) ([5e36a5f](https://github.com/vtex/faststore/commit/5e36a5f31acb1523024ad6e7063ca51aabe2f303)), closes [/github.com/vtex/faststore/blob/af6d2acbbc2fb72778c7223897ec7846736b4c87/packages/core/src/components/account/orders/MyAccountOrderDetails/MyAccountOrderDetails.tsx#L1](https://github.com//github.com/vtex/faststore/blob/af6d2acbbc2fb72778c7223897ec7846736b4c87/packages/core/src/components/account/orders/MyAccountOrderDetails/MyAccountOrderDetails.tsx/issues/L1)
+
 ## [3.88.7](https://github.com/vtex/faststore/compare/v3.88.6...v3.88.7) (2025-09-25)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.88.7",
+  "version": "3.89.1",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -44,11 +44,11 @@
     "@envelop/graphql-jit": "^8.0.3",
     "@envelop/parser-cache": "^6.0.2",
     "@envelop/validation-cache": "^6.0.2",
-    "@faststore/api": "^3.88.6",
+    "@faststore/api": "^3.89.1",
     "@faststore/graphql-utils": "^3.81.0",
     "@faststore/lighthouse": "^3.81.0",
     "@faststore/sdk": "^3.88.6",
-    "@faststore/ui": "^3.88.0",
+    "@faststore/ui": "^3.89.0",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/client-preset": "4.2.6",
     "@graphql-codegen/typescript": "4.0.7",
@@ -116,5 +116,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "a8f722fb40f8861f9ed4aedaae4305cb028ca3fe"
+  "gitHead": "4466db1071e13b162b9a124e997587c570bcdd8b"
 }

package/src/components/account/MyAccountLayout/MyAccountLayout.tsx

@@ -23,10 +23,10 @@ const MyAccountLayout = ({
       )
 
   return (
-    <div className={styles.layout}>
+    <section className={styles.layout}>
       <MyAccountMenu accountName={accountName} items={routes} />
-      <section>{children}</section>
-    </div>
+      <div data-fs-account-layout-content>{children}</div>
+    </section>
   )
 }
 export default MyAccountLayout

package/src/components/account/MyAccountLayout/styles.scss

@@ -1,11 +1,13 @@
 .layout {
   @import "@faststore/ui/src/components/atoms/Badge/styles.scss";
   @import "@faststore/ui/src/components/atoms/Button/styles.scss";
+  @import "@faststore/ui/src/components/atoms/Link/styles.scss";
   @import "@faststore/ui/src/components/atoms/Icon/styles.scss";
   @import "@faststore/ui/src/components/atoms/Input/styles.scss";
   @import "@faststore/ui/src/components/molecules/LinkButton/styles.scss";
   @import "@faststore/ui/src/components/molecules/SearchInputField/styles.scss";
   @import "../MyAccountMenu/styles.scss";
+  @import "../components/MyAccountHeader/styles.scss";
 
   display: grid;
   grid-template-rows: auto 1fr;
@@ -18,4 +20,12 @@
     max-width: var(--fs-grid-breakpoint-desktop);
     margin: 0 auto;
   }
+
+  [data-fs-account-layout-content] {
+    padding: 0 var(--fs-spacing-4);
+
+    @include media(">=notebook") {
+      padding: 0 var(--fs-spacing-8);
+    }
+  }
 }

package/src/components/account/MyAccountMenu/styles.scss

@@ -46,6 +46,7 @@
   height: var(--fs-spacing-6);
   font-size: var(--fs-text-size-1);
   font-weight: var(--fs-text-weight-medium);
+  white-space: nowrap;
   background-color: var(--fs-color-tertiary-bkg);
   border-radius: var(--fs-border-radius-pill);
 
@@ -101,7 +102,7 @@
 
   .nav {
     flex-direction: column;
-    gap: 0;
+    gap: var(--fs-spacing-0);
   }
 
   .navItem {

package/src/components/account/MyAccountUserDetails/MyAccountUserDetails.tsx

@@ -1,4 +1,6 @@
 import Tag from '../components/MyAccountTag'
+import AccountTable from '../components/MyAccountTable'
+import AccountHeader from '../components/MyAccountHeader'
 import styles from './styles.module.scss'
 
 type MyAccountUserDetailsProps = {
@@ -15,46 +17,23 @@ export default function MyAccountUserDetails({
 }: MyAccountUserDetailsProps) {
   return (
     <section className={styles.section}>
-      <h1 data-fs-user-details-title>User details</h1>
+      <AccountHeader pageTitle="User details" />
       <div data-fs-user-details-container>
-        <table data-fs-user-details-table>
-          <tbody>
-            <tr data-fs-user-details-row>
-              <th data-fs-user-details-row-label>Name</th>
-              <td data-fs-user-details-row-value>{name}</td>
-            </tr>
-            <tr data-fs-user-details-divider-row>
-              <td data-fs-user-details-divider></td>
-              <td data-fs-user-details-divider></td>
-            </tr>
-            <tr data-fs-user-details-row>
-              <th data-fs-user-details-row-label>Email</th>
-              <td data-fs-user-details-row-value>{email}</td>
-            </tr>
-            <tr data-fs-user-details-divider-row>
-              <td data-fs-user-details-divider></td>
-              <td data-fs-user-details-divider></td>
-            </tr>
-            <tr data-fs-user-details-row>
-              <th data-fs-user-details-row-label>Role</th>
-              <td data-fs-user-details-row-tags>
-                {role.map((r) => (
-                  <span key={r} data-fs-user-details-row-value>
-                    <Tag>{r}</Tag>
-                  </span>
-                ))}
-              </td>
-            </tr>
-            <tr data-fs-user-details-divider-row>
-              <td data-fs-user-details-divider></td>
-              <td data-fs-user-details-divider></td>
-            </tr>
-            <tr data-fs-user-details-row>
-              <th data-fs-user-details-row-label>Organizational unit</th>
-              <td data-fs-user-details-row-value>{orgUnit}</td>
-            </tr>
-          </tbody>
-        </table>
+        <AccountTable
+          rows={[
+            { heading: 'Name', data: name ? name : '–' },
+            { heading: 'Email', data: email },
+            {
+              heading: 'Role',
+              data: role.map((r) => (
+                <span key={r} data-fs-user-details-row-value>
+                  <Tag>{r}</Tag>
+                </span>
+              )),
+            },
+            { heading: 'Organizational unit', data: orgUnit },
+          ]}
+        />
       </div>
     </section>
   )