@faststore/core 3.45.0 → 3.47.0

package/@generated/persisted-documents.json

@@ -1,8 +1,8 @@
 {
   "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 }",
   "46103bee661405bde706d72126fdbf9b0a0c9e6e": "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 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 }",
-  "ff6bfc13b2150964c1988ba7e127eda8828a08d0": "fragment UserOrderItemsFragment on UserOrderItems { detailUrl id imageUrl measurementUnit name quantity refId rewardValue sellingPrice unitMultiplier } query ServerOrderDetailsQuery($orderId: String!) { userOrder(orderId: $orderId) { affiliateId allowCancellation allowEdition authorizedDate callCenterOperatorData cancelReason cancellationData { CancellationDate Reason RequestedByPaymentNotification RequestedBySellerNotification RequestedBySystem RequestedByUser } cancellationRequests { cancellationRequestDate cancellationRequestDenyDate deniedBySeller deniedBySellerReason id reason requestedByUser } changesAttachment checkedInPickupPointId clientPreferencesData { locale optinNewsLetter } clientProfileData { corporateDocument corporateName corporatePhone customerClass customerCode document documentType email firstName id isCorporate lastName phone stateInscription tradeName userProfileId userProfileVersion } commercialConditionData creationDate customData { customApps { fields { cartEtag } id major } } 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 } 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 } } followUpEmail giftRegistryData hostname invoiceData invoicedDate isCheckedIn isCompleted itemMetadata { Items { AssemblyOptions { Id Name Required } DetailUrl Ean Id ImageUrl Name ProductId RefId Seller SkuName } } items { additionalInfo { brandId brandName categories { id name } categoriesIds commercialConditionId dimension { cubicweight height length weight width } offeringInfo offeringType offeringTypeId productClusterId } assemblies attachmentOfferings { name required } attachments { content name } bundleItems { attachments { content name } ...UserOrderItemsFragment } callCenterOperator commission components { ...UserOrderItemsFragment } costPrice detailUrl ean freightCommission id imageUrl isGift itemAttachment { name } listPrice lockId manualPrice manualPriceAppliedBy measurementUnit name offerings { id name price type } params parentAssemblyBinding parentItemIndex preSaleDate price priceDefinition { calculatedSellingPrice reason sellingPrices { quantity value } total } priceTags { isPercentual name rawValue value } priceValidUntil productId quantity refId rewardValue seller sellerSku sellingPrice serialNumbers shippingPrice tax taxCode uniqueId unitMultiplier } lastChange lastMessage marketingData marketplace { baseURL isCertified name } marketplaceOrderId marketplaceServicesEndpoint merchantName openTextField orderFormId orderGroup orderId origin packageAttachment { packages { courier courierStatus { data { city description lastChange state } finished status } extraValue invoiceKey invoiceNumber invoiceUrl invoiceValue issuanceDate items { description itemIndex price quantity } restitutions { GiftCard { items { compensationValue description id isCompensation itemIndex price quantity unitMultiplier useFreight } value } Refund { items { compensationValue description id isCompensation itemIndex price quantity unitMultiplier useFreight } value } } trackingNumber trackingUrl type } } paymentData { giftCards transactions { isActive merchantName payments { accountId bankIssuedInvoiceBarCodeNumber bankIssuedInvoiceBarCodeType bankIssuedInvoiceIdentificationNumber bankIssuedInvoiceIdentificationNumberFormatted billingAddress cardHolder cardNumber connectorResponses { Message ReturnCode Tid authId } cvv2 dueDate expireMonth expireYear firstDigits giftCardAsDiscount giftCardCaption giftCardId giftCardName giftCardProvider group id installments koinUrl lastDigits parentAccountId paymentOrigin paymentSystem paymentSystemName redemptionCode referenceValue tid url value } transactionId } } ratesAndBenefitsData { id rateAndBenefitsIdentifiers { additionalInfo description featured id name } } roundingError salesChannel sellerOrderId sellers { fulfillmentEndpoint id logo name } sequence shippingData { address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } availableAddresses { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } contactInformation { document documentType email firstName id lastName phone } id logisticsInfo { addressId deliveryChannel deliveryChannels { id stockBalance } deliveryCompany deliveryIds { accountCarrierName courierId courierName dockId kitItemDetails quantity warehouseId } deliveryWindow { endDateUtc price startDateUtc } entityId itemId itemIndex listPrice lockTTL pickupPointId pickupStoreInfo { additionalInfo address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } dockId friendlyName isPickupStore } polygonName price selectedDeliveryChannel selectedSla sellingPrice shippingEstimate shippingEstimateDate shipsTo slas { availableDeliveryWindows { endDateUtc price startDateUtc } deliveryChannel deliveryIds { accountCarrierName courierId courierName dockId kitItemDetails quantity warehouseId } deliveryWindow { endDateUtc price startDateUtc } id listPrice lockTTL name pickupDistance pickupPointId pickupStoreInfo { additionalInfo address { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } dockId friendlyName isPickupStore } polygonName price shippingEstimate shippingEstimateDate transitTime } transitTime versionId } selectedAddresses { addressId addressType city complement country entityId geoCoordinates neighborhood number postalCode receiverName reference state street versionId } trackingHints } status statusDescription storePreferencesData { countryCode currencyCode currencyFormatInfo { CurrencyDecimalDigits CurrencyDecimalSeparator CurrencyGroupSeparator CurrencyGroupSize StartsWithCurrencySymbol } currencyLocale currencySymbol timeZone } subscriptionData taxData totals { id name value } value workflowIsInError } }",
-  "b88154468340d7d0dac6b3df8641bf6f54a554b7": "query ServerListOrdersQuery($clientEmail: String, $dateFinal: String, $dateInitial: String, $page: Int, $perPage: Int, $status: [String], $text: String) { listUserOrders( page: $page perPage: $perPage status: $status dateInitial: $dateInitial dateFinal: $dateFinal text: $text clientEmail: $clientEmail ) { facets list { ShippingEstimatedDate ShippingEstimatedDateMax ShippingEstimatedDateMin affiliateId authorizedDate callCenterOperatorName clientName creationDate currencyCode deliveryDates giftCardProviders hostname invoiceInput invoiceOutput isAllDelivered isAnyDelivered items { description ean id price productId quantity refId seller sellingPrice } lastChange lastMessageUnread listId listType marketPlaceOrderId orderFormId orderId orderIsComplete origin paymentApprovedDate paymentNames readyForHandlingDate salesChannel sequence status statusDescription totalItems totalValue workflowInErrorState workflowInRetry } paging { currentPage pages perPage total } reportRecordsLimit stats { stats { totalItems { Count Facets Max Mean Min Missing StdDev Sum SumOfSquares } totalValue { Count Facets Max Mean Min Missing StdDev Sum SumOfSquares } } } } }",
+  "8b9b9c7703b0b9af12f47cb86dd3d2e8eb40c8fd": "query ServerOrderDetailsQuery($orderId: String!) { userOrder(orderId: $orderId) { allowCancellation clientProfileData { corporateName email firstName isCorporate lastName phone } 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 } 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 } } } status statusDescription storePreferencesData { currencyCode } totals { id name value } } }",
+  "9f48d9d4c1b6e6b32ac1f1c1b7b3819ac826dfe7": "query ServerListOrdersQuery($clientEmail: String, $dateFinal: String, $dateInitial: String, $page: Int, $perPage: Int, $status: [String], $text: String) { listUserOrders( page: $page perPage: $perPage status: $status dateInitial: $dateInitial dateFinal: $dateFinal text: $text clientEmail: $clientEmail ) { list { ShippingEstimatedDate clientName creationDate currencyCode items { description ean id price productId quantity refId seller sellingPrice } orderId status statusDescription totalValue } paging { currentPage pages perPage total } } }",
   "e2b06da6840614d3c72768e56579b9d3b8e80802": "mutation CancelOrderMutation($data: IUserOrderCancel!) { cancelOrder(data: $data) { data } }",
   "c2b3f8bff73ebf6ac79d758c66cabbc21ba9fcc0": "fragment CartItem on StoreOffer { itemOffered { ...CartProductItem } listPrice listPriceWithTaxes price priceWithTaxes quantity seller { identifier } } fragment CartMessage on StoreCartMessage { status text } 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 } mutation ValidateCartMutation($cart: IStoreCart!, $session: IStoreSession!) { validateCart(cart: $cart, session: $session) { messages { ...CartMessage } order { acceptedOffer { ...CartItem } orderNumber shouldSplitItem } } }",
   "feb7005103a859e2bc8cf2360d568806fd88deba": "mutation SubscribeToNewsletter($data: IPersonNewsletter!) { subscribeToNewsletter(data: $data) { id } }",
@@ -14,7 +14,7 @@
   "34ea14c0d4a57ddf9bc11e4be0cd2b5a6506d3d4": "query ClientProfileQuery($id: String!) { profile(id: $id) { addresses { city country geoCoordinate postalCode } } }",
   "b548281d477a173be7b6960434604d69769a97e7": "fragment ClientSearchSuggestions on Query { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } } fragment ProductSummary_product on StoreProduct { additionalProperty { name propertyID value valueReference } advertisement { adId adResponseId } brand { brandName: name } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations allVariantsByName availableVariations slugsMap } } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price priceWithTaxes quantity seller { identifier } } } id: productID sku slug unitMultiplier } fragment SearchEvent_metadata on SearchMetadata { fuzzy isTermMisspelled logicalOperator } query ClientSearchSuggestionsQuery($selectedFacets: [IStoreSelectedFacet!], $term: String!) { search(first: 5, term: $term, selectedFacets: $selectedFacets) { metadata { ...SearchEvent_metadata } products { pageInfo { totalCount } } suggestions { products { ...ProductSummary_product } terms { value } } } ...ClientSearchSuggestions }",
   "e2385b0f11726d0068f96548f57a8dd441c064e3": "fragment ClientTopSearchSuggestions on Query { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } } query ClientTopSearchSuggestionsQuery($selectedFacets: [IStoreSelectedFacet!], $term: String!) { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } ...ClientTopSearchSuggestions }",
-  "976ded3e2194ebb88c12764b9fc77eb880a33f04": "mutation ValidateSession($search: String!, $session: IStoreSession!) { validateSession(session: $session, search: $search) { addressType b2b { corporateName customerId firstName isCorporate isRepresentative lastName unitId unitName userName } channel city country currency { code symbol } deliveryMode { deliveryChannel deliveryMethod deliveryWindow { endDate startDate } } geoCoordinates { latitude longitude } locale marketingData { utmCampaign utmMedium utmSource utmiCampaign utmiPage utmiPart } person { email familyName givenName id } postalCode } }",
+  "d8eac720a2de6a517384127a199e27a623653394": "mutation ValidateSession($search: String!, $session: IStoreSession!) { validateSession(session: $session, search: $search) { addressType b2b { corporateName customerId firstName isCorporate isRepresentative lastName unitId unitName userEmail userName } channel city country currency { code symbol } deliveryMode { deliveryChannel deliveryMethod deliveryWindow { endDate startDate } } geoCoordinates { latitude longitude } locale marketingData { utmCampaign utmMedium utmSource utmiCampaign utmiPage utmiPart } person { email familyName givenName id } postalCode } }",
   "c35bad22f67f3eb34fea52bb49efa6b1da6b728d": "fragment ClientShippingSimulation on Query { shipping(items: $items, postalCode: $postalCode, country: $country) { address { city } } } query ClientShippingSimulationQuery($country: String!, $items: [IShippingItem!]!, $postalCode: String!) { shipping(items: $items, postalCode: $postalCode, country: $country) { address { city neighborhood state } logisticsInfo { slas { availableDeliveryWindows { endDateUtc listPrice price startDateUtc } carrier deliveryChannel localizedEstimates price shippingEstimate } } } ...ClientShippingSimulation }",
   "5c2181dde311ca80b72e0cc76ac0855d8aa8b51e": "fragment ClientManyProducts on Query { search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets sponsoredCount: $sponsoredCount ) { products { pageInfo { totalCount } } } } fragment ProductSummary_product on StoreProduct { additionalProperty { name propertyID value valueReference } advertisement { adId adResponseId } brand { brandName: name } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations allVariantsByName availableVariations slugsMap } } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price priceWithTaxes quantity seller { identifier } } } id: productID sku slug unitMultiplier } fragment SearchEvent_metadata on SearchMetadata { fuzzy isTermMisspelled logicalOperator } query ServerManyProductsQuery($after: String, $first: Int!, $selectedFacets: [IStoreSelectedFacet!]!, $sort: StoreSort!, $sponsoredCount: Int, $term: String!) { search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets sponsoredCount: $sponsoredCount ) { metadata { ...SearchEvent_metadata } products { edges { node { ...ProductSummary_product } } pageInfo { totalCount } } } ...ClientManyProducts }"
 }

package/@generated/schema.graphql

@@ -690,7 +690,7 @@ type Query {
   userOrder(
     """Identifier for the order."""
     orderId: String!
-  ): UserOrder @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
+  ): UserOrderResult @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
   """Returns information about the list of Orders that the User can view."""
   listUserOrders(
     """Page number of the list of orders."""
@@ -707,7 +707,7 @@ type Query {
     text: String
     """Client email used to filter of the list of orders."""
     clientEmail: String
-  ): UserOrderListResult @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
+  ): UserOrderListMinimalResult @cacheControl(scope: "public", sMaxAge: 120, staleWhileRevalidate: 3600)
 }
 
 """
@@ -887,6 +887,7 @@ type StoreB2B {
   firstName: String
   lastName: String
   userName: String
+  userEmail: String
 }
 
 input IStoreB2B {
@@ -899,6 +900,7 @@ input IStoreB2B {
   firstName: String
   lastName: String
   userName: String
+  userEmail: String
 }
 
 """Session input."""
@@ -1273,6 +1275,22 @@ type UserOrder {
   customFields: [UserOrderCustomFieldsGrouped]
 }
 
+type UserOrderResult {
+  orderId: String
+  status: String
+  statusDescription: String
+  allowCancellation: Boolean
+  storePreferencesData: UserOrderStorePreferencesData
+  clientProfileData: UserOrderClientProfileData
+  customData: UserOrderCustomData
+  customFields: [UserOrderCustomFieldsGrouped]
+  deliveryOptionsData: UserOrderDeliveryOptionsData
+  paymentData: UserOrderPaymentData
+  totals: [UserOrderTotals]
+  shippingData: UserOrderShippingData
+  items: [UserOrderItems]
+}
+
 type UserOrderListResult {
   list: [UserOrderFromList]
   paging: UserOrderListPaging
@@ -1919,3 +1937,28 @@ type UserOrderCustomFieldsGrouped {
   id: String
   fields: [UserOrderCustomFieldField]
 }
+
+type UserOrderFromListCustomFields {
+  costCenter: [String]
+  poNumber: [String]
+  release: [String]
+  desktop: [String]
+}
+
+type UserOrderListMinimalResult {
+  list: [UserOrderFromListMinimal]
+  paging: UserOrderListPaging
+}
+
+type UserOrderFromListMinimal {
+  orderId: String
+  creationDate: String
+  clientName: String
+  items: [UserOrderItemsSummarized]
+  totalValue: Float
+  status: String
+  statusDescription: String
+  ShippingEstimatedDate: String
+  customFields: UserOrderFromListCustomFields
+  currencyCode: String
+}

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.47.0](https://github.com/vtex/faststore/compare/v3.46.0...v3.47.0) (2025-05-22)
+
+### Features
+
+- clean up GraphQL types and queries for user orders SFS-2516 ([#2858](https://github.com/vtex/faststore/issues/2858)) ([8ed42d5](https://github.com/vtex/faststore/commit/8ed42d590d0e0557f99ae1fc015f70d71a88a743))
+
+# [3.46.0](https://github.com/vtex/faststore/compare/v3.45.0...v3.46.0) (2025-05-21)
+
+### Features
+
+- userEmail instead of roles in Drawer SFS-2514 ([#2853](https://github.com/vtex/faststore/issues/2853)) ([56f36ba](https://github.com/vtex/faststore/commit/56f36bab29c39b530f5ddc3e734077f69c682e4a))
+
 # 3.45.0 (2025-05-20)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.45.0",
+  "version": "3.47.0",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -44,10 +44,10 @@
     "@envelop/graphql-jit": "^8.0.3",
     "@envelop/parser-cache": "^6.0.2",
     "@envelop/validation-cache": "^6.0.2",
-    "@faststore/api": "^3.45.0",
+    "@faststore/api": "^3.47.0",
     "@faststore/graphql-utils": "^3.45.0",
     "@faststore/lighthouse": "^3.45.0",
-    "@faststore/sdk": "^3.45.0",
+    "@faststore/sdk": "^3.46.0",
     "@faststore/ui": "^3.45.0",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/client-preset": "4.2.6",
@@ -105,5 +105,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "7a888c79aa95c02416c95820f1a912f829fa379c"
+  "gitHead": "5026c7c2ab6a0d45ea0f8fdfec0a2f740a33c69b"
 }

package/src/components/account/MyAccountDrawer/OrganizationDrawer/OrganizationDrawer.tsx

@@ -58,7 +58,7 @@ export const OrganizationDrawer = ({
           onLogoutClick={doLogout}
           person={{
             name: b2b?.userName ?? '',
-            role: 'Admin',
+            email: b2b?.userEmail ?? '',
           }}
           orgName={b2b?.unitName ?? ''}
         />

package/src/components/account/MyAccountDrawer/OrganizationDrawer/section.module.scss

@@ -115,6 +115,10 @@
       // Footer
       [data-fs-organization-drawer-footer-wrapper] {
         padding: var(--fs-spacing-6) var(--fs-spacing-5);
+
+        @include media("<tablet") {
+          padding: var(--fs-spacing-2);
+        }
       }
     }
   }

package/src/components/account/MyAccountDrawer/ProfileSummary/ProfileSummary.tsx

@@ -11,13 +11,13 @@ export type ProfileSummaryProps = {
   person: {
     image?: ReactNode
     name: string
-    role?: string
+    email?: string
   }
 }
 
 export const ProfileSummary = ({
   onLogoutClick,
-  person: { image, name, role },
+  person: { image, name, email },
   orgName,
   bordered = false,
   showManageLink = false,
@@ -46,12 +46,14 @@ export const ProfileSummary = ({
         )}
       </div>
       <div data-fs-profile-summary-person-actions>
-        <div data-fs-profile-summary-person-image>
-          {image ?? <Icon name="Profile" width={14} height={14} />}
-        </div>
-        <div data-fs-profile-summary-person-data>
-          <p data-fs-profile-summary-person-name>{name}</p>
-          {role && <p data-fs-profile-summary-person-role>{role}</p>}
+        <div data-fs-profile-summary-person-info>
+          <div data-fs-profile-summary-person-image>
+            {image ?? <Icon name="Profile" width={14} height={14} />}
+          </div>
+          <div data-fs-profile-summary-person-data>
+            <p data-fs-profile-summary-person-name>{name}</p>
+            {email && <p data-fs-profile-summary-person-email>{email}</p>}
+          </div>
         </div>
         <Button
           data-fs-profile-summary-logout-button

package/src/components/account/MyAccountDrawer/ProfileSummary/profile-summary.scss

@@ -43,37 +43,70 @@
 
 [data-fs-profile-summary-person-actions] {
   display: flex;
-  justify-content: space-between;
+  min-width: min-content;
   padding: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
 
+  @include media("<notebook") {
+    justify-content: space-between;
+  }
+
+  @include media("<tablet") {
+    padding: calc(var(--fs-spacing-0) + var(--fs-spacing-0));
+  }
+
+  [data-fs-profile-summary-person-info] {
+    display: flex;
+    align-items: center;
+
+    @include media(">=notebook") {
+      width: 60%;
+    }
+  }
+
   [data-fs-profile-summary-person-image] {
     display: flex;
     align-items: center;
     justify-content: center;
     width: var(--fs-spacing-6);
+    min-width: var(--fs-spacing-6);
     height: var(--fs-spacing-6);
     margin-right: var(--fs-spacing-3);
     overflow: hidden;
     color: var(--fs-border-color-active);
     background-color: #cbe9ff;
     border-radius: var(--fs-border-radius-pill);
+
+    @include media("<=tablet") {
+      margin-right: var(--fs-spacing-1);
+    }
   }
 
   [data-fs-profile-summary-person-data] {
     display: flex;
-    flex: 1;
     flex-direction: column;
     gap: var(--fs-spacing-0);
     font-size: var(--fs-text-size-legend);
 
+    @include media(">=notebook") {
+      width: 75%;
+    }
+
+    @include media("<=tablet") {
+      font-size: var(--fs-text-size-tiny);
+    }
+
     [data-fs-profile-summary-person-name] {
       font-weight: var(--fs-text-weight-medium);
       color: var(--fs-color-text);
     }
 
-    [data-fs-profile-summary-person-role] {
+    [data-fs-profile-summary-person-email] {
+      width: 100%;
+      overflow: hidden;
       font-weight: var(--fs-text-weight-semibold);
       color: var(--fs-color-text-light);
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
 
@@ -86,6 +119,10 @@
       color: var(--fs-color-danger-text);
       border: var(--fs-border-width) solid var(--fs-border-color-light);
       border-radius: var(--fs-border-radius-pill);
+
+      @include media("<=tablet") {
+        font-size: var(--fs-text-size-tiny);
+      }
     }
   }
 }

package/src/components/account/orders/MyAccountOrderDetails/MyAccountOrderDetails.tsx

@@ -35,7 +35,7 @@ export default function MyAccountOrderDetails({
     }
   }
 
-  const moreInformationCustomFields = order?.customFields.find(
+  const moreInformationCustomFields = order?.customFields?.find(
     (field) => field.type === 'order'
   )?.fields
 
@@ -71,7 +71,8 @@ export default function MyAccountOrderDetails({
         <MyAccountDeliveryCard
           deliveryOptionsData={order.deliveryOptionsData}
           fields={
-            order.customFields.find((field) => field.type === 'address')?.fields
+            order?.customFields?.find((field) => field.type === 'address')
+              ?.fields || []
           }
         />
         <MyAccountStatusCard status={order.status as OrderStatusKey} />