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

package/src/utils/quoteStatus.ts

@@ -25,3 +25,84 @@ export const quoteStatusMap: Record<QuoteStatusKey, QuoteStatusMapValue> = {
   ConvertedToCart: { variant: 'success', label: 'Converted' },
   ConvertedToOrder: { variant: 'success', label: 'Converted to Order' },
 }
+
+/** CMS-configurable overrides for each quote status label, keyed like the other My Account CMS label sets. */
+export type QuoteStatusCmsLabels = Partial<{
+  draftStatus: string
+  requestedStatus: string
+  inReviewStatus: string
+  revisedStatus: string
+  approvedStatus: string
+  declinedStatus: string
+  expiredStatus: string
+  convertedStatus: string
+  convertedToOrderStatus: string
+}>
+
+const QUOTE_STATUS_CMS_LABEL_KEYS = [
+  'draftStatus',
+  'requestedStatus',
+  'inReviewStatus',
+  'revisedStatus',
+  'approvedStatus',
+  'declinedStatus',
+  'expiredStatus',
+  'convertedStatus',
+  'convertedToOrderStatus',
+] as const satisfies readonly (keyof QuoteStatusCmsLabels)[]
+
+const CMS_LABEL_TO_STATUS_KEY: Record<
+  keyof Required<QuoteStatusCmsLabels>,
+  QuoteStatusKey
+> = {
+  draftStatus: 'Draft',
+  requestedStatus: 'Requested',
+  inReviewStatus: 'InReview',
+  revisedStatus: 'Reviewed',
+  approvedStatus: 'Approved',
+  declinedStatus: 'Declined',
+  expiredStatus: 'Expired',
+  convertedStatus: 'ConvertedToCart',
+  convertedToOrderStatus: 'ConvertedToOrder',
+}
+
+export function pickQuoteStatusCmsLabels(
+  data?: Record<string, unknown>
+): QuoteStatusCmsLabels | undefined {
+  if (!data) {
+    return undefined
+  }
+
+  const labels: QuoteStatusCmsLabels = {}
+  let hasAny = false
+
+  for (const key of QUOTE_STATUS_CMS_LABEL_KEYS) {
+    const value = data[key]
+    if (typeof value === 'string' && value.trim().length > 0) {
+      labels[key] = value
+      hasAny = true
+    }
+  }
+
+  return hasAny ? labels : undefined
+}
+
+export function getLocalizedQuoteStatusMap(
+  cmsLabels?: QuoteStatusCmsLabels
+): Record<QuoteStatusKey, QuoteStatusMapValue> {
+  if (!cmsLabels) {
+    return quoteStatusMap
+  }
+
+  const localizedMap = { ...quoteStatusMap }
+
+  for (const key of QUOTE_STATUS_CMS_LABEL_KEYS) {
+    const label = cmsLabels[key]
+    if (typeof label === 'string' && label.trim().length > 0) {
+      const statusKey = CMS_LABEL_TO_STATUS_KEY[key]
+      localizedMap[statusKey] = { ...localizedMap[statusKey], label }
+    }
+  }
+
+  return localizedMap
+}

package/test/components/account/ContractSwitcher.browser.test.tsx

@@ -9,6 +9,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 const mockUseAvailableContracts = vi.hoisted(() => vi.fn())
 const mockSwitchContract = vi.hoisted(() => vi.fn())
 const mockUseSwitchContract = vi.hoisted(() => vi.fn())
+const mockUseAccountNavigationLabels = vi.hoisted(() => vi.fn())
 
 vi.mock('src/sdk/account/useAvailableContracts', () => ({
   useAvailableContracts: mockUseAvailableContracts,
@@ -18,6 +19,10 @@ vi.mock('src/sdk/account/useSwitchContract', () => ({
   useSwitchContract: mockUseSwitchContract,
 }))
 
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountNavigationLabels: mockUseAccountNavigationLabels,
+}))
+
 vi.mock('src/sdk/session', () => ({
   useSession: () => ({
     b2b: { customerId: 'a', unitId: 'unit-1' },
@@ -46,6 +51,7 @@ describe('ContractSwitcher', () => {
       loading: false,
       error: null,
     })
+    mockUseAccountNavigationLabels.mockReturnValue(undefined)
   })
 
   afterEach(() => {
@@ -275,4 +281,161 @@ describe('ContractSwitcher', () => {
 
     await waitFor(() => expect(mockSwitchContract).toHaveBeenCalledWith('b'))
   })
+
+  it('honors CMS-provided labels for the header, current session, search, footer, and available count', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherTitleLabel: 'Trocar contrato',
+      contractSwitcherBackLabel: 'Voltar ao menu da conta',
+      contractSwitcherCloseLabel: 'Fechar',
+      contractSwitcherCurrentSessionLabel: 'Sessão atual',
+      contractSwitcherSearchPlaceholder: 'Buscar',
+      contractSwitcherSearchAriaLabel: 'Buscar contratos',
+      contractSwitcherAvailableCountLabel:
+        'Selecione um dos {count} contratos disponíveis:',
+      contractSwitcherCancelLabel: 'Cancelar',
+      contractSwitcherConfirmLabel: 'Confirmar',
+    })
+
+    const { container } = render(
+      <ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />
+    )
+
+    expect(screen.getByText('Trocar contrato')).toBeTruthy()
+    expect(screen.getByLabelText('Voltar ao menu da conta')).toBeTruthy()
+    expect(screen.getByLabelText('Fechar')).toBeTruthy()
+    expect(screen.getByText('Sessão atual')).toBeTruthy()
+    expect(screen.getByPlaceholderText('Buscar')).toBeTruthy()
+    expect(screen.getByLabelText('Buscar contratos')).toBeTruthy()
+    expect(
+      container.querySelector('[data-fs-contract-switcher-count]')?.textContent
+    ).toBe('Selecione um dos 2 contratos disponíveis:')
+    expect(screen.getByRole('button', { name: 'Cancelar' })).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Confirmar' })).toBeTruthy()
+  })
+
+  it('keeps text after a repeated {count} token', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherAvailableCountLabel: '{count} of {count} contracts',
+    })
+
+    const { container } = render(
+      <ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />
+    )
+
+    expect(
+      container.querySelector('[data-fs-contract-switcher-count]')?.textContent
+    ).toBe('2 of {count} contracts')
+  })
+
+  it('renders a count template without {count} unchanged', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherAvailableCountLabel: 'Contratos disponíveis',
+    })
+
+    const { container } = render(
+      <ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />
+    )
+
+    expect(
+      container.querySelector('[data-fs-contract-switcher-count]')?.textContent
+    ).toBe('Contratos disponíveis')
+  })
+
+  it('honors CMS-provided labels for the empty, no-match, load-error, and switch-error states', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherEmptyLabel: 'Nenhum outro contrato disponível.',
+      contractSwitcherNoMatchLabel: 'Nenhum contrato encontrado.',
+      contractSwitcherLoadErrorLabel: 'Não foi possível carregar contratos.',
+      contractSwitcherSwitchErrorLabel: 'Não foi possível trocar de contrato.',
+      contractSwitcherClearSearchLabel: 'Limpar busca',
+    })
+
+    mockUseAvailableContracts.mockReturnValue({
+      contracts: [{ id: 'a', corporateName: 'Stellar Global', isActive: true }],
+      loading: false,
+      error: null,
+    })
+
+    render(<ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />)
+
+    expect(screen.getByText('Nenhum outro contrato disponível.')).toBeTruthy()
+  })
+
+  it('honors the CMS-provided load error label', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherLoadErrorLabel: 'Não foi possível carregar contratos.',
+    })
+    mockUseAvailableContracts.mockReturnValue({
+      contracts: [],
+      loading: false,
+      error: new Error('boom'),
+    })
+
+    render(<ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />)
+
+    expect(
+      screen.getByText('Não foi possível carregar contratos.')
+    ).toBeTruthy()
+  })
+
+  it('honors the CMS-provided no-match and clear-search labels', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherNoMatchLabel: 'Nenhum contrato encontrado.',
+      contractSwitcherClearSearchLabel: 'Limpar busca',
+    })
+
+    render(<ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />)
+
+    fireEvent.change(screen.getByLabelText('Search contracts'), {
+      target: { value: 'zzzz-no-match' },
+    })
+    expect(screen.getByText('Nenhum contrato encontrado.')).toBeTruthy()
+
+    fireEvent.change(screen.getByLabelText('Search contracts'), {
+      target: { value: 'acme' },
+    })
+    expect(screen.getByLabelText('Limpar busca')).toBeTruthy()
+  })
+
+  it('honors the CMS-provided switch-error label', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherSwitchErrorLabel: 'Não foi possível trocar de contrato.',
+    })
+    mockUseSwitchContract.mockReturnValue({
+      switchContract: mockSwitchContract,
+      loading: false,
+      error: new Error('switch failed'),
+      enabled: true,
+    })
+
+    render(<ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />)
+
+    expect(
+      screen.getByText('Não foi possível trocar de contrato.')
+    ).toBeTruthy()
+  })
+
+  it('falls back to English defaults when CMS labels are blank', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      contractSwitcherTitleLabel: ' ',
+      contractSwitcherBackLabel: '',
+      contractSwitcherCloseLabel: '   ',
+      contractSwitcherSearchAriaLabel: '',
+      contractSwitcherClearSearchLabel: ' ',
+      contractSwitcherConfirmLabel: '',
+    })
+
+    render(<ContractSwitcher onBack={vi.fn()} onClose={vi.fn()} />)
+
+    expect(screen.getByText('Change contract')).toBeTruthy()
+    expect(screen.getByLabelText('Back to account menu')).toBeTruthy()
+    expect(screen.getByLabelText('Close')).toBeTruthy()
+    expect(screen.getByLabelText('Search contracts')).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Confirm' })).toBeTruthy()
+
+    fireEvent.change(screen.getByLabelText('Search contracts'), {
+      target: { value: 'acme' },
+    })
+    expect(screen.getByLabelText('Clear search')).toBeTruthy()
+  })
 })

package/test/components/account/OrganizationDrawer.browser.test.tsx

@@ -44,6 +44,10 @@ vi.mock('src/sdk/account/useAvailableContracts', () => ({
   useAvailableContracts: mockUseAvailableContracts,
 }))
 
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountNavigationLabels: () => undefined,
+}))
+
 vi.mock(
   '../../../src/components/account/Drawer/OrganizationDrawer/ContractSwitcher',
   () => ({

package/test/components/account/OrganizationDrawerHeader.browser.test.tsx

@@ -3,11 +3,20 @@
  */
 
 import { fireEvent, render, screen } from '@testing-library/react'
-import { describe, expect, it, vi } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseAccountNavigationLabels = vi.hoisted(() => vi.fn())
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountNavigationLabels: mockUseAccountNavigationLabels,
+}))
 
 import { OrganizationDrawerHeader } from '../../../src/components/account/Drawer/OrganizationDrawer/OrganizationDrawerHeader'
 
 describe('OrganizationDrawerHeader', () => {
+  beforeEach(() => {
+    mockUseAccountNavigationLabels.mockReturnValue(undefined)
+  })
+
   it('renders contract name fallback initial and links when contractUrl is set', () => {
     render(
       <OrganizationDrawerHeader
@@ -54,4 +63,38 @@ describe('OrganizationDrawerHeader', () => {
     expect(screen.getByAltText('Logo')).toBeTruthy()
     expect(screen.queryByRole('link', { name: /acme corp/i })).toBeNull()
   })
+
+  it('honors the CMS-provided change contract label', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      changeContractLabel: 'Trocar',
+    })
+    const onChangeContract = vi.fn()
+
+    render(
+      <OrganizationDrawerHeader
+        contractName="Acme Corp"
+        contractUrl={null}
+        onChangeContract={onChangeContract}
+      />
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'Trocar' }))
+    expect(onChangeContract).toHaveBeenCalledTimes(1)
+  })
+
+  it('falls back to Change when the CMS label is blank', () => {
+    mockUseAccountNavigationLabels.mockReturnValue({
+      changeContractLabel: '   ',
+    })
+
+    render(
+      <OrganizationDrawerHeader
+        contractName="Acme Corp"
+        contractUrl={null}
+        onChangeContract={vi.fn()}
+      />
+    )
+
+    expect(screen.getByRole('button', { name: 'Change' })).toBeTruthy()
+  })
 })

package/test/components/quotes/MyAccountListQuotes.test.tsx

@@ -38,7 +38,7 @@ vi.mock('@faststore/ui', async () => {
     ...actual,
     useUI: mockUseUI,
     SearchInputField: React.forwardRef(function MockSearchInputField(
-      { onBlur, onKeyDown }: any,
+      { onBlur, onKeyDown, placeholder }: any,
       ref: any
     ) {
       const inputRef = React.useRef<HTMLInputElement>(null)
@@ -46,7 +46,7 @@ vi.mock('@faststore/ui', async () => {
       return (
         <input
           ref={inputRef}
-          placeholder="Search"
+          placeholder={placeholder ?? 'Search'}
           onBlur={onBlur}
           onKeyDown={onKeyDown}
         />
@@ -229,4 +229,38 @@ describe('MyAccountListQuotes', () => {
 
     expect(window.location.href).toBe('/pvt/account/quotes?')
   })
+
+  it('honors CMS-provided labels for the page title, search and filters button', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [{ id: 'q-1' }] } as any}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+        labels={{
+          pageTitle: 'Cotações',
+          searchPlaceholder: 'Buscar',
+          filtersLabel: 'Filtros',
+        }}
+      />
+    )
+
+    expect(screen.getByText('Cotações')).toBeTruthy()
+    expect(screen.getByPlaceholderText('Buscar')).toBeTruthy()
+    expect(screen.getByText('Filtros')).toBeTruthy()
+  })
+
+  it('honors CMS-provided empty state labels', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters()}
+        labels={{ noQuotesLabel: 'Você não tem cotações' }}
+      />
+    )
+
+    expect(screen.getByText('Você não tem cotações')).toBeTruthy()
+  })
 })

package/test/components/quotes/MyAccountListQuotesTable.test.tsx

@@ -182,6 +182,55 @@ describe('MyAccountListQuotesTable', () => {
 
     expect(screen.queryByText(/left/)).toBeNull()
   })
+
+  it('honors CMS-provided labels for column headers, total and status', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{
+          list: [baseQuote({ createdBy: 'Ada Lovelace', status: 'Approved' })],
+          paging: {} as any,
+        }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+        labels={{
+          createdByLabel: 'Criado por',
+          creationDateLabel: 'Data de criação',
+          expiresOnLabel: 'Expira em',
+          totalLabel: 'Valor total',
+          approvedStatus: 'Aprovado',
+        }}
+      />
+    )
+
+    expect(screen.getByText('Criado por')).toBeTruthy()
+    expect(screen.getByText('Data de criação')).toBeTruthy()
+    expect(screen.getByText('Expira em')).toBeTruthy()
+    expect(screen.getByText('Valor total')).toBeTruthy()
+    expect(screen.getByText('Aprovado')).toBeTruthy()
+  })
+
+  it('honors a CMS-provided relative expiry unit and suffix', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+    const soon = new Date(Date.now() + 3 * 3_600_000).toISOString()
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{
+          list: [baseQuote({ expiresAt: soon })],
+          paging: {} as any,
+        }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+        labels={{ hoursLabel: 'horas', leftSuffixLabel: 'restantes' }}
+      />
+    )
+
+    expect(screen.getByText(/horas restantes/)).toBeTruthy()
+  })
 })
 
 describe('Pagination', () => {
@@ -237,4 +286,23 @@ describe('Pagination', () => {
 
     expect(window.location.href).toBe('/pvt/account/quotes?page=2')
   })
+
+  it('honors CMS-provided pagination labels', () => {
+    render(
+      <Pagination
+        page={2}
+        total={60}
+        perPage={25}
+        labels={{
+          paginationOfLabel: 'de',
+          previousPageLabel: 'Página anterior',
+          nextPageLabel: 'Próxima página',
+        }}
+      />
+    )
+
+    expect(screen.getByText('26 — 50 de 60')).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Página anterior' })).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Próxima página' })).toBeTruthy()
+  })
 })

package/test/components/quotes/MyAccountQuoteStatusBadge.test.tsx

@@ -25,4 +25,29 @@ describe('MyAccountQuoteStatusBadge', () => {
       'neutral'
     )
   })
+
+  it('honors a CMS-provided label override, keeping the mapped variant', () => {
+    render(
+      <MyAccountQuoteStatusBadge
+        status="Approved"
+        statusCmsLabels={{ approvedStatus: 'Aprovado' }}
+      />
+    )
+
+    const badge = screen.getByText('Aprovado')
+    expect(badge.getAttribute('data-fs-my-account-badge-variant')).toBe(
+      'success'
+    )
+  })
+
+  it('leaves statuses without a CMS override on their default label', () => {
+    render(
+      <MyAccountQuoteStatusBadge
+        status="Declined"
+        statusCmsLabels={{ approvedStatus: 'Aprovado' }}
+      />
+    )
+
+    expect(screen.getByText('Declined')).toBeTruthy()
+  })
 })

package/test/components/quotes/MyAccountQuotesFilterSlider.test.tsx

@@ -33,7 +33,9 @@ vi.mock('@faststore/ui', async () => {
 })
 
 import MyAccountQuotesFilterSlider from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesFilterSlider/MyAccountQuotesFilterSlider'
+import type { MyAccountQuotesFilterSliderProps } from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesFilterSlider/MyAccountQuotesFilterSlider'
 import { getAllFacets } from '../../../src/components/account/quotes/MyAccountListQuotes/quoteFilters'
+import type { useMyAccountFilter } from '../../../src/sdk/search/useMyAccountFilter'
 
 const originalLocation = window.location
 
@@ -44,7 +46,12 @@ function stubLocation(search = '') {
   })
 }
 
-function baseProps(overrides: Record<string, unknown> = {}) {
+type FilterSliderTestProps = MyAccountQuotesFilterSliderProps &
+  ReturnType<typeof useMyAccountFilter>
+
+function baseProps(
+  overrides: Partial<FilterSliderTestProps> = {}
+): FilterSliderTestProps {
   return {
     facets: getAllFacets({
       page: 1,
@@ -57,7 +64,7 @@ function baseProps(overrides: Record<string, unknown> = {}) {
     }),
     testId: 'test-filter-slider',
     dispatch: vi.fn(),
-    expanded: false,
+    expanded: new Set<number>(),
     selected: [],
     title: 'Filters',
     clearButtonLabel: 'Clear All',
@@ -82,9 +89,9 @@ describe('MyAccountQuotesFilterSlider', () => {
   it('navigates with the selected status params on apply', () => {
     render(
       <MyAccountQuotesFilterSlider
-        {...(baseProps({
+        {...baseProps({
           selected: [{ key: 'status', value: 'Draft' }],
-        }) as any)}
+        })}
       />
     )
 
@@ -94,7 +101,7 @@ describe('MyAccountQuotesFilterSlider', () => {
   })
 
   it('navigates with the created date range params on apply', () => {
-    render(<MyAccountQuotesFilterSlider {...(baseProps() as any)} />)
+    render(<MyAccountQuotesFilterSlider {...baseProps()} />)
 
     fireEvent.change(screen.getAllByLabelText('From')[0], {
       target: { value: '2026-01-01' },
@@ -115,9 +122,9 @@ describe('MyAccountQuotesFilterSlider', () => {
 
     render(
       <MyAccountQuotesFilterSlider
-        {...(baseProps({
+        {...baseProps({
           selected: [{ key: 'status', value: 'Draft' }],
-        }) as any)}
+        })}
       />
     )
 
@@ -129,7 +136,7 @@ describe('MyAccountQuotesFilterSlider', () => {
   })
 
   it('navigates with no query string when no filters are applied', () => {
-    render(<MyAccountQuotesFilterSlider {...(baseProps() as any)} />)
+    render(<MyAccountQuotesFilterSlider {...baseProps()} />)
 
     fireEvent.click(screen.getByText('View Results'))
 
@@ -138,9 +145,7 @@ describe('MyAccountQuotesFilterSlider', () => {
 
   it('clears the created/expiry date refs and dispatches an empty facet selection on clear', () => {
     const dispatch = vi.fn()
-    render(
-      <MyAccountQuotesFilterSlider {...(baseProps({ dispatch }) as any)} />
-    )
+    render(<MyAccountQuotesFilterSlider {...baseProps({ dispatch })} />)
 
     fireEvent.click(screen.getByText('Clear All'))
 
@@ -149,4 +154,40 @@ describe('MyAccountQuotesFilterSlider', () => {
       payload: [],
     })
   })
+
+  it('honors CMS-provided date range labels', () => {
+    render(
+      <MyAccountQuotesFilterSlider
+        {...baseProps({
+          fromLabel: 'De',
+          toLabel: 'Até',
+          invalidDateRangeLabel: 'Intervalo inválido',
+        })}
+      />
+    )
+
+    expect(screen.getAllByLabelText('De').length).toBeGreaterThan(0)
+    expect(screen.getAllByLabelText('Até').length).toBeGreaterThan(0)
+  })
+
+  it('honors a CMS-provided status field label', () => {
+    render(
+      <MyAccountQuotesFilterSlider {...baseProps({ statusLabel: 'Estado' })} />
+    )
+
+    expect(screen.getByText('Estado')).toBeTruthy()
+  })
+
+  it('forwards a CMS-provided remove-status aria-label template to the status chip', () => {
+    render(
+      <MyAccountQuotesFilterSlider
+        {...baseProps({
+          selected: [{ key: 'status', value: 'Draft' }],
+          removeStatusAriaLabel: 'Remover {status}',
+        })}
+      />
+    )
+
+    expect(screen.getByLabelText('Remover Draft')).toBeTruthy()
+  })
 })

package/test/components/quotes/MyAccountQuotesSelectedTags.test.tsx

@@ -119,4 +119,36 @@ describe('MyAccountQuotesSelectedTags', () => {
 
     expect(onClearAll).toHaveBeenCalledTimes(1)
   })
+
+  it('honors CMS-provided labels for the clear-all button, tag prefixes and date connectors', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ createdAtFrom: '2026-01-01', createdAtTo: '2026-01-31' }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+        labels={{
+          clearAllLabel: 'Limpar tudo',
+          createdTagLabel: 'Criado em',
+          dateRangeSeparatorLabel: 'até',
+        }}
+      />
+    )
+
+    const expected = `Criado em: ${formatFilterDate('2026-01-01', 'en-US')} até ${formatFilterDate('2026-01-31', 'en-US')}`
+    expect(screen.getByText(expected)).toBeTruthy()
+    expect(screen.getByText('Limpar tudo')).toBeTruthy()
+  })
+
+  it('honors a CMS-provided status option label in the tag', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ status: ['Draft'] }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+        labels={{ draftStatus: 'Rascunho' }}
+      />
+    )
+
+    expect(screen.getByText('Rascunho')).toBeTruthy()
+  })
 })