@faststore/core 4.9.0-dev.2 → 4.9.0-dev.4

package/src/components/account/quotes/MyAccountListQuotes/quotesLabels.ts

@@ -0,0 +1,163 @@
+import {
+  resolveNonBlankLabels,
+  splitOnFirstToken,
+} from 'src/sdk/account/resolveNonBlankLabels'
+import type { QuoteStatusCmsLabels } from 'src/utils/quoteStatus'
+import {
+  pickQuoteStatusCmsLabels as pickQuoteStatusCmsLabelsFromData,
+  quoteStatusMap,
+} from 'src/utils/quoteStatus'
+
+export type MyAccountListQuotesSectionLabels = {
+  pageTitle?: string
+  searchPlaceholder?: string
+  openFiltersAriaLabel?: string
+  filtersLabel?: string
+  clearAllLabel?: string
+  viewResultsLabel?: string
+  noResultsLabel?: string
+  noQuotesLabel?: string
+  statusFacetLabel?: string
+  createdAtFacetLabel?: string
+  expiresAtFacetLabel?: string
+  /** Accessible name for a status chip's remove button. Supports a "{status}" placeholder, e.g. "Remove {status}". */
+  removeStatusAriaLabel?: string
+  fromLabel?: string
+  toLabel?: string
+  invalidDateRangeLabel?: string
+  paginationOfLabel?: string
+  previousPageLabel?: string
+  nextPageLabel?: string
+  createdTagLabel?: string
+  expiresTagLabel?: string
+  /** Lowercase connector used in an open-ended range, e.g. "{fromLabel} Jan 1". */
+  dateRangeFromLabel?: string
+  /** Lowercase connector used in an open-ended range, e.g. "{dateRangeToLabel} Jan 31". */
+  dateRangeToLabel?: string
+  /** Connector used between two dates, e.g. "Jan 1 {dateRangeSeparatorLabel} Jan 31". */
+  dateRangeSeparatorLabel?: string
+  createdByLabel?: string
+  creationDateLabel?: string
+  expiresOnLabel?: string
+  totalLabel?: string
+  hourLabel?: string
+  hoursLabel?: string
+  dayLabel?: string
+  daysLabel?: string
+  weekLabel?: string
+  weeksLabel?: string
+  monthLabel?: string
+  monthsLabel?: string
+  /** Suffix appended to the relative expiry hint, e.g. "3 hours {leftSuffixLabel}". */
+  leftSuffixLabel?: string
+  draftStatus?: string
+  requestedStatus?: string
+  inReviewStatus?: string
+  revisedStatus?: string
+  approvedStatus?: string
+  declinedStatus?: string
+  expiredStatus?: string
+  convertedStatus?: string
+  convertedToOrderStatus?: string
+}
+
+export const defaultMyAccountListQuotesLabels: Required<MyAccountListQuotesSectionLabels> =
+  {
+    pageTitle: 'Quotes',
+    searchPlaceholder: 'Search',
+    openFiltersAriaLabel: 'Open Filters',
+    filtersLabel: 'Filters',
+    clearAllLabel: 'Clear All',
+    viewResultsLabel: 'View Results',
+    noResultsLabel: 'No results found',
+    noQuotesLabel: "You don't have any quotes",
+    statusFacetLabel: 'Status',
+    createdAtFacetLabel: 'Created Date',
+    expiresAtFacetLabel: 'Expiry Date',
+    removeStatusAriaLabel: 'Remove {status}',
+    fromLabel: 'From',
+    toLabel: 'To',
+    invalidDateRangeLabel: 'Invalid date range',
+    paginationOfLabel: 'of',
+    previousPageLabel: 'Previous Page',
+    nextPageLabel: 'Next Page',
+    createdTagLabel: 'Created',
+    expiresTagLabel: 'Expires',
+    dateRangeFromLabel: 'from',
+    dateRangeToLabel: 'to',
+    dateRangeSeparatorLabel: 'to',
+    createdByLabel: 'Created by',
+    creationDateLabel: 'Creation date',
+    expiresOnLabel: 'Expires on',
+    totalLabel: 'Total',
+    hourLabel: 'hour',
+    hoursLabel: 'hours',
+    dayLabel: 'day',
+    daysLabel: 'days',
+    weekLabel: 'week',
+    weeksLabel: 'weeks',
+    monthLabel: 'month',
+    monthsLabel: 'months',
+    leftSuffixLabel: 'left',
+    draftStatus: quoteStatusMap.Draft.label,
+    requestedStatus: quoteStatusMap.Requested.label,
+    inReviewStatus: quoteStatusMap.InReview.label,
+    revisedStatus: quoteStatusMap.Reviewed.label,
+    approvedStatus: quoteStatusMap.Approved.label,
+    declinedStatus: quoteStatusMap.Declined.label,
+    expiredStatus: quoteStatusMap.Expired.label,
+    convertedStatus: quoteStatusMap.ConvertedToCart.label,
+    convertedToOrderStatus: quoteStatusMap.ConvertedToOrder.label,
+  }
+
+export function resolveMyAccountListQuotesLabels(
+  labels?: MyAccountListQuotesSectionLabels
+): Required<MyAccountListQuotesSectionLabels> {
+  return resolveNonBlankLabels(defaultMyAccountListQuotesLabels, labels)
+}
+
+export function pickQuoteStatusCmsLabels(
+  labels?: MyAccountListQuotesSectionLabels
+): QuoteStatusCmsLabels | undefined {
+  return pickQuoteStatusCmsLabelsFromData(
+    labels as Record<string, unknown> | undefined
+  )
+}
+
+/** Formats the status chip's remove-button accessible name, substituting the "{status}" placeholder. */
+export function formatRemoveStatusAriaLabel(
+  template: string,
+  status: string
+): string {
+  const { found, prefix, suffix } = splitOnFirstToken(template, '{status}')
+
+  if (!found) {
+    return template
+  }
+
+  return prefix + status + suffix
+}
+
+/**
+ * Formats a relative expiry hint (e.g. "3 hours left") using CMS-configurable
+ * unit words and suffix. `count` singular/plural selection mirrors the
+ * original hardcoded implementation.
+ */
+export function formatRelativeExpiryLabel(
+  count: number,
+  unit: 'hour' | 'day' | 'week' | 'month',
+  labels: Required<MyAccountListQuotesSectionLabels>
+): string {
+  const unitLabels: Record<typeof unit, { singular: string; plural: string }> =
+    {
+      hour: { singular: labels.hourLabel, plural: labels.hoursLabel },
+      day: { singular: labels.dayLabel, plural: labels.daysLabel },
+      week: { singular: labels.weekLabel, plural: labels.weeksLabel },
+      month: { singular: labels.monthLabel, plural: labels.monthsLabel },
+    }
+
+  const unitLabel =
+    count === 1 ? unitLabels[unit].singular : unitLabels[unit].plural
+
+  return `${count} ${unitLabel} ${labels.leftSuffixLabel}`
+}

package/src/components/cms/account/Components.ts

@@ -1,6 +1,7 @@
 import type { ComponentType } from 'react'
 
 import AccountListCards from 'src/components/sections/Account/AccountListCards'
+import AccountListQuotes from 'src/components/sections/Account/AccountListQuotes'
 import AccountNavigation from 'src/components/sections/Account/AccountNavigation'
 import AccountOrderBudgets from 'src/components/sections/Account/AccountOrderBudgets'
 import AccountOrderDelivery from 'src/components/sections/Account/AccountOrderDelivery'
@@ -27,6 +28,7 @@ const ACCOUNT_COMPONENTS: Record<string, ComponentType<any>> = {
   [getComponentKey(AccountProfile, 'AccountProfile')]: AccountProfile,
   [getComponentKey(AccountOrdersList, 'AccountOrdersList')]: AccountOrdersList,
   [getComponentKey(AccountListCards, 'AccountListCards')]: AccountListCards,
+  [getComponentKey(AccountListQuotes, 'AccountListQuotes')]: AccountListQuotes,
   [getComponentKey(AccountUserDetails, 'AccountUserDetails')]:
     AccountUserDetails,
   [getComponentKey(AccountSecurity, 'AccountSecurity')]: AccountSecurity,

package/src/components/sections/Account/AccountListQuotes.tsx

@@ -0,0 +1,141 @@
+import { MyAccountListQuotes } from 'src/components/account/quotes/MyAccountListQuotes'
+import type { MyAccountListQuotesSectionLabels } from 'src/components/account/quotes/MyAccountListQuotes/quotesLabels'
+import { defaultMyAccountListQuotesLabels } from 'src/components/account/quotes/MyAccountListQuotes/quotesLabels'
+import {
+  type AccountQuotesPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountListQuotesProps = MyAccountListQuotesSectionLabels
+
+function hasQuotePageData(
+  data: AccountQuotesPageData | Record<string, never>
+): data is AccountQuotesPageData {
+  return (
+    'listQuotes' in data &&
+    'total' in data &&
+    'perPage' in data &&
+    'filters' in data
+  )
+}
+
+const AccountListQuotes = ({
+  pageTitle = defaultMyAccountListQuotesLabels.pageTitle,
+  searchPlaceholder = defaultMyAccountListQuotesLabels.searchPlaceholder,
+  openFiltersAriaLabel = defaultMyAccountListQuotesLabels.openFiltersAriaLabel,
+  filtersLabel = defaultMyAccountListQuotesLabels.filtersLabel,
+  clearAllLabel = defaultMyAccountListQuotesLabels.clearAllLabel,
+  viewResultsLabel = defaultMyAccountListQuotesLabels.viewResultsLabel,
+  noResultsLabel = defaultMyAccountListQuotesLabels.noResultsLabel,
+  noQuotesLabel = defaultMyAccountListQuotesLabels.noQuotesLabel,
+  statusFacetLabel = defaultMyAccountListQuotesLabels.statusFacetLabel,
+  createdAtFacetLabel = defaultMyAccountListQuotesLabels.createdAtFacetLabel,
+  expiresAtFacetLabel = defaultMyAccountListQuotesLabels.expiresAtFacetLabel,
+  removeStatusAriaLabel = defaultMyAccountListQuotesLabels.removeStatusAriaLabel,
+  fromLabel = defaultMyAccountListQuotesLabels.fromLabel,
+  toLabel = defaultMyAccountListQuotesLabels.toLabel,
+  invalidDateRangeLabel = defaultMyAccountListQuotesLabels.invalidDateRangeLabel,
+  paginationOfLabel = defaultMyAccountListQuotesLabels.paginationOfLabel,
+  previousPageLabel = defaultMyAccountListQuotesLabels.previousPageLabel,
+  nextPageLabel = defaultMyAccountListQuotesLabels.nextPageLabel,
+  createdTagLabel = defaultMyAccountListQuotesLabels.createdTagLabel,
+  expiresTagLabel = defaultMyAccountListQuotesLabels.expiresTagLabel,
+  dateRangeFromLabel = defaultMyAccountListQuotesLabels.dateRangeFromLabel,
+  dateRangeToLabel = defaultMyAccountListQuotesLabels.dateRangeToLabel,
+  dateRangeSeparatorLabel = defaultMyAccountListQuotesLabels.dateRangeSeparatorLabel,
+  createdByLabel = defaultMyAccountListQuotesLabels.createdByLabel,
+  creationDateLabel = defaultMyAccountListQuotesLabels.creationDateLabel,
+  expiresOnLabel = defaultMyAccountListQuotesLabels.expiresOnLabel,
+  totalLabel = defaultMyAccountListQuotesLabels.totalLabel,
+  hourLabel = defaultMyAccountListQuotesLabels.hourLabel,
+  hoursLabel = defaultMyAccountListQuotesLabels.hoursLabel,
+  dayLabel = defaultMyAccountListQuotesLabels.dayLabel,
+  daysLabel = defaultMyAccountListQuotesLabels.daysLabel,
+  weekLabel = defaultMyAccountListQuotesLabels.weekLabel,
+  weeksLabel = defaultMyAccountListQuotesLabels.weeksLabel,
+  monthLabel = defaultMyAccountListQuotesLabels.monthLabel,
+  monthsLabel = defaultMyAccountListQuotesLabels.monthsLabel,
+  leftSuffixLabel = defaultMyAccountListQuotesLabels.leftSuffixLabel,
+  draftStatus = defaultMyAccountListQuotesLabels.draftStatus,
+  requestedStatus = defaultMyAccountListQuotesLabels.requestedStatus,
+  inReviewStatus = defaultMyAccountListQuotesLabels.inReviewStatus,
+  revisedStatus = defaultMyAccountListQuotesLabels.revisedStatus,
+  approvedStatus = defaultMyAccountListQuotesLabels.approvedStatus,
+  declinedStatus = defaultMyAccountListQuotesLabels.declinedStatus,
+  expiredStatus = defaultMyAccountListQuotesLabels.expiredStatus,
+  convertedStatus = defaultMyAccountListQuotesLabels.convertedStatus,
+  convertedToOrderStatus = defaultMyAccountListQuotesLabels.convertedToOrderStatus,
+}: AccountListQuotesProps) => {
+  const accountPageData = useAccountPageData<
+    AccountQuotesPageData | Record<string, never>
+  >()
+
+  if (!hasQuotePageData(accountPageData)) {
+    return null
+  }
+
+  const { listQuotes, total, perPage, filters } = accountPageData
+
+  return (
+    <Section className="section-account-list-quotes">
+      <MyAccountListQuotes
+        listQuotes={listQuotes}
+        total={total}
+        perPage={perPage}
+        filters={filters}
+        labels={{
+          pageTitle,
+          searchPlaceholder,
+          openFiltersAriaLabel,
+          filtersLabel,
+          clearAllLabel,
+          viewResultsLabel,
+          noResultsLabel,
+          noQuotesLabel,
+          statusFacetLabel,
+          createdAtFacetLabel,
+          expiresAtFacetLabel,
+          removeStatusAriaLabel,
+          fromLabel,
+          toLabel,
+          invalidDateRangeLabel,
+          paginationOfLabel,
+          previousPageLabel,
+          nextPageLabel,
+          createdTagLabel,
+          expiresTagLabel,
+          dateRangeFromLabel,
+          dateRangeToLabel,
+          dateRangeSeparatorLabel,
+          createdByLabel,
+          creationDateLabel,
+          expiresOnLabel,
+          totalLabel,
+          hourLabel,
+          hoursLabel,
+          dayLabel,
+          daysLabel,
+          weekLabel,
+          weeksLabel,
+          monthLabel,
+          monthsLabel,
+          leftSuffixLabel,
+          draftStatus,
+          requestedStatus,
+          inReviewStatus,
+          revisedStatus,
+          approvedStatus,
+          declinedStatus,
+          expiredStatus,
+          convertedStatus,
+          convertedToOrderStatus,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountListQuotes.$componentKey = 'AccountListQuotes'
+
+export default AccountListQuotes

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

@@ -1,9 +1,12 @@
-import type { Locator } from '@vtex/client-cms'
+import type { Locator, Section } from '@vtex/client-cms'
 import type { GetServerSideProps } from 'next'
 import { NextSeo } from 'next-seo'
 import type { ComponentType } from 'react'
 import { Layout } from 'src/components/account'
-import RenderSections from 'src/components/cms/RenderSections'
+import RenderSections, {
+  RenderSectionsBase,
+} from 'src/components/cms/RenderSections'
+import ACCOUNT_COMPONENTS from 'src/components/cms/account/Components'
 import GLOBAL_COMPONENTS from 'src/components/cms/global/Components'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 
@@ -22,15 +25,18 @@ import { ServerAccountPageQueryDocument } from '@generated/graphql'
 import AfterSection from 'src/customizations/src/myAccount/extensions/quotes/after'
 import BeforeSection from 'src/customizations/src/myAccount/extensions/quotes/before'
 import type { MyAccountProps } from 'src/experimental/myAccountServerSideProps'
+import type { AccountQuotesPageData } from 'src/sdk/account/accountPageContext'
+import type { AccountNavigationLabels } from 'src/sdk/account/getMyAccountRoutes'
+import { getIsRepresentative } from 'src/sdk/account/getIsRepresentative'
+import PageProvider from 'src/sdk/overrides/PageProvider'
 import { execute } from 'src/server'
 import { injectGlobalSections } from 'src/server/cms/global'
+import { extractAccountNavigationData } from 'src/server/cms/myAccountDefaultSections'
+import { fetchMyAccountPageContent } from 'src/server/cms/fetchMyAccountPageContent'
 import { withLocaleValidationSSR } from 'src/utils/localization/withLocaleValidation'
 import { getMyAccountRedirect } from 'src/utils/myAccountRedirect'
 
 import storeConfig from 'discovery.config'
-import { MyAccountListQuotes } from 'src/components/account/quotes/MyAccountListQuotes'
-import { getIsRepresentative } from 'src/sdk/account/getIsRepresentative'
-import PageProvider from 'src/sdk/overrides/PageProvider'
 import { extractStatusFromError } from 'src/utils/utilities'
 
 const COMPONENTS: Record<string, ComponentType<any>> = {
@@ -39,44 +45,43 @@ const COMPONENTS: Record<string, ComponentType<any>> = {
 }
 
 type ListQuotesPageProps = {
-  listQuotes: ServerListQuotesQueryQuery['listUserQuotes']
-  total: number
-  perPage: number
-  filters: {
-    page: number
-    status: string[]
-    createdAtFrom: string
-    createdAtTo: string
-    expiresAtFrom: string
-    expiresAtTo: string
-    label: string
-  }
+  pageSections: Section[]
+  navigationLabels: AccountNavigationLabels
+  accountPageData: AccountQuotesPageData
 } & MyAccountProps
 
 export default function ListQuotesPage({
   globalSections: globalSectionsProp,
+  pageSections,
+  navigationLabels,
+  accountPageData,
   accountName,
-  listQuotes,
-  total,
-  perPage,
-  filters,
   isRepresentative,
 }: ListQuotesPageProps) {
   const { sections: globalSections, settings: globalSettings } =
     globalSectionsProp ?? {}
 
   return (
-    <PageProvider context={{ globalSettings }}>
+    <PageProvider
+      context={{
+        globalSettings,
+        accountPageData,
+        navigationLabels,
+      }}
+    >
       <RenderSections globalSections={globalSections} components={COMPONENTS}>
         <NextSeo noindex nofollow />
 
-        <Layout isRepresentative={isRepresentative} accountName={accountName}>
+        <Layout
+          isRepresentative={isRepresentative}
+          accountName={accountName}
+          navigationLabels={navigationLabels}
+        >
           <BeforeSection />
-          <MyAccountListQuotes
-            listQuotes={listQuotes}
-            filters={filters}
-            perPage={perPage}
-            total={total}
+          <RenderSectionsBase
+            skipLazyLoading
+            sections={pageSections}
+            components={ACCOUNT_COMPONENTS}
           />
           <AfterSection />
         </Layout>
@@ -113,7 +118,7 @@ const organizationMemberQuery = gql(`
 `)
 
 const getServerSidePropsBase: GetServerSideProps<
-  MyAccountProps,
+  ListQuotesPageProps,
   Record<string, string>,
   Locator
 > = async (context) => {
@@ -157,6 +162,7 @@ const getServerSidePropsBase: GetServerSideProps<
   const label = (context.query.label as string | undefined) || ''
 
   const [
+    pageContent,
     listQuotesResult,
     accountProfileResult,
     organizationMemberResult,
@@ -164,6 +170,11 @@ const getServerSidePropsBase: GetServerSideProps<
     globalSectionsHeader,
     globalSectionsFooter,
   ] = await Promise.all([
+    fetchMyAccountPageContent(
+      'myAccountQuotes',
+      contentContext,
+      '/pvt/account/quotes'
+    ),
     execute<ServerListQuotesQueryQueryVariables, ServerListQuotesQueryQuery>(
       {
         variables: {
@@ -232,6 +243,10 @@ const getServerSidePropsBase: GetServerSideProps<
     }
   }
 
+  const { pageSections, navigationData } = extractAccountNavigationData(
+    pageContent.sections
+  )
+
   const globalSectionsResult = injectGlobalSections({
     globalSections,
     globalSectionsHeader,
@@ -242,18 +257,22 @@ const getServerSidePropsBase: GetServerSideProps<
     props: {
       globalSections: globalSectionsResult,
       accountName: accountProfileResult?.data?.accountProfile?.name ?? '',
-      listQuotes: listQuotesResult.data.listUserQuotes,
-      total: listQuotesResult.data.listUserQuotes.paging.total,
-      perPage: listQuotesResult.data.listUserQuotes.paging.perPage,
-      filters: {
-        page: listQuotesResult.data.listUserQuotes.paging.currentPage ?? page,
-        status,
-        createdAtFrom,
-        createdAtTo,
-        expiresAtFrom,
-        expiresAtTo,
-        label,
+      navigationLabels: navigationData as AccountNavigationLabels,
+      accountPageData: {
+        listQuotes: listQuotesResult.data.listUserQuotes,
+        total: listQuotesResult.data.listUserQuotes.paging.total,
+        perPage: listQuotesResult.data.listUserQuotes.paging.perPage,
+        filters: {
+          page: listQuotesResult.data.listUserQuotes.paging.currentPage ?? page,
+          status,
+          createdAtFrom,
+          createdAtTo,
+          expiresAtFrom,
+          expiresAtTo,
+          label,
+        },
       },
+      pageSections,
       isRepresentative,
     },
   }

package/src/sdk/account/accountPageContext.ts

@@ -1,6 +1,7 @@
 import type {
   ServerListCardsQueryQuery,
   ServerListOrdersQueryQuery,
+  ServerListQuotesQueryQuery,
   ServerOrderDetailsQueryQuery,
   ServerProfileQueryQuery,
 } from '@generated/graphql'
@@ -29,6 +30,21 @@ export type AccountOrdersListPageData = {
   }
 }
 
+export type AccountQuotesPageData = {
+  listQuotes: ServerListQuotesQueryQuery['listUserQuotes']
+  total: number
+  perPage: number
+  filters: {
+    page: number
+    status: string[]
+    createdAtFrom: string
+    createdAtTo: string
+    expiresAtFrom: string
+    expiresAtTo: string
+    label: string
+  }
+}
+
 export type AccountCardsPageData = {
   // Both partitioned from the same listCreditCards response by `origin`
   // (spec my-account-cards-shared-listing-unblock) — one query, no dedup.
@@ -70,6 +86,7 @@ export type AccountPageData =
   | AccountSecurityPageData
   | AccountUserDetailsPageData
   | AccountCardsPageData
+  | AccountQuotesPageData
   | Record<string, never>
 
 export interface AccountPageContext extends PageGlobalContext {

package/src/sdk/account/getMyAccountRoutes.ts

@@ -23,6 +23,23 @@ export type AccountNavigationLabels = Partial<{
   contractLabel: string
   cardsLabel: string
   quotesLabel: string
+  /** "Change" CTA next to the active contract in the drawer header (opens the switcher). */
+  changeContractLabel: string
+  contractSwitcherTitleLabel: string
+  contractSwitcherBackLabel: string
+  contractSwitcherCloseLabel: string
+  contractSwitcherCurrentSessionLabel: string
+  contractSwitcherSearchPlaceholder: string
+  contractSwitcherSearchAriaLabel: string
+  contractSwitcherClearSearchLabel: string
+  /** Supports a "{count}" placeholder, e.g. "Select one of {count} available contracts:". */
+  contractSwitcherAvailableCountLabel: string
+  contractSwitcherNoMatchLabel: string
+  contractSwitcherEmptyLabel: string
+  contractSwitcherLoadErrorLabel: string
+  contractSwitcherSwitchErrorLabel: string
+  contractSwitcherCancelLabel: string
+  contractSwitcherConfirmLabel: string
 }>
 
 interface GetMyAccountRouteParams {

package/src/sdk/account/resolveNonBlankLabels.ts

@@ -0,0 +1,36 @@
+/** Keeps `defaults` when an override is missing, empty, or whitespace-only. */
+export function resolveNonBlankLabels<T extends Record<string, string>>(
+  defaults: T,
+  overrides?: Partial<T>
+): T {
+  const resolved = { ...defaults }
+
+  if (!overrides) {
+    return resolved
+  }
+
+  for (const key of Object.keys(defaults) as (keyof T)[]) {
+    const value = overrides[key]
+
+    if (typeof value === 'string' && value.trim().length > 0) {
+      resolved[key] = value
+    }
+  }
+
+  return resolved
+}
+
+/** Splits on the first `token`. A missing token leaves the whole string as `prefix`. */
+export function splitOnFirstToken(template: string, token: string) {
+  const index = template.indexOf(token)
+
+  if (index === -1) {
+    return { found: false as const, prefix: template, suffix: '' }
+  }
+
+  return {
+    found: true as const,
+    prefix: template.slice(0, index),
+    suffix: template.slice(index + token.length),
+  }
+}

package/src/server/cms/myAccountDefaultSections.ts

@@ -6,6 +6,7 @@ export type NativeMyAccountContentType =
   | 'myAccountSecurity'
   | 'myAccountUnauthorized'
   | 'myAccountCards'
+  | 'myAccountQuotes'
 
 /** Store content-types are opaque strings; native literals keep autocompletion. */
 export type MyAccountContentType = NativeMyAccountContentType | (string & {})
@@ -20,6 +21,7 @@ const DEFAULT_SECTION_KEYS: Record<NativeMyAccountContentType, string[]> = {
   myAccountProfile: ['AccountNavigation', 'AccountProfile'],
   myAccountOrders: ['AccountNavigation', 'AccountOrdersList'],
   myAccountCards: ['AccountNavigation', 'AccountListCards'],
+  myAccountQuotes: ['AccountNavigation', 'AccountListQuotes'],
   // 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