@faststore/core 4.9.0-dev.3 → 4.9.0-dev.5

package/src/components/account/Drawer/OrganizationDrawer/OrganizationDrawerHeader.tsx

@@ -1,6 +1,8 @@
 import { Button, Icon, Link, SlideOverHeader } from '@faststore/ui'
 import type { ReactNode } from 'react'
 
+import { useAccountNavigationLabels } from 'src/sdk/account/accountPageContext'
+
 export type OrganizationDrawerHeaderProps = {
   onCloseDrawer?: () => void
   contractImage?: ReactNode
@@ -25,6 +27,10 @@ export const OrganizationDrawerHeader = ({
   onCloseDrawer,
   onChangeContract,
 }: OrganizationDrawerHeaderProps) => {
+  const navigationLabels = useAccountNavigationLabels()
+  const changeContractLabel =
+    navigationLabels?.changeContractLabel?.trim() || 'Change'
+
   return (
     <>
       <SlideOverHeader onClose={() => onCloseDrawer?.()} />
@@ -68,7 +74,7 @@ export const OrganizationDrawerHeader = ({
                   variant="secondary"
                   onClick={onChangeContract}
                 >
-                  Change
+                  {changeContractLabel}
                 </Button>
               )}
             </div>

package/src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotes.tsx

@@ -24,6 +24,11 @@ import {
   hasActiveFilters,
   countActiveFilters,
 } from './quoteFilters'
+import type { MyAccountListQuotesSectionLabels } from './quotesLabels'
+import {
+  pickQuoteStatusCmsLabels,
+  resolveMyAccountListQuotesLabels,
+} from './quotesLabels'
 import styles from './styles.module.scss'
 
 export type MyAccountListQuotesProps = Readonly<{
@@ -39,6 +44,7 @@ export type MyAccountListQuotesProps = Readonly<{
     expiresAtTo: string
     label: string
   }
+  labels?: MyAccountListQuotesSectionLabels
 }>
 
 export default function MyAccountListQuotes({
@@ -46,7 +52,10 @@ export default function MyAccountListQuotes({
   total,
   perPage,
   filters,
+  labels: labelsProp,
 }: MyAccountListQuotesProps) {
+  const labels = resolveMyAccountListQuotesLabels(labelsProp)
+  const statusCmsLabels = pickQuoteStatusCmsLabels(labelsProp)
   const { isDesktop } = useScreenResize()
   const searchInputRef = useRef(null) as MutableRefObject<SearchInputFieldRef>
 
@@ -68,7 +77,12 @@ export default function MyAccountListQuotes({
   )
 
   const selectedFacets = getSelectedFacets(filters)
-  const allFacets = getAllFacets(filters)
+  const allFacets = getAllFacets(filters, {
+    statusFacetLabel: labels.statusFacetLabel,
+    createdAtFacetLabel: labels.createdAtFacetLabel,
+    expiresAtFacetLabel: labels.expiresAtFacetLabel,
+    statusCmsLabels,
+  })
 
   const filter = useMyAccountFilter({ allFacets, selectedFacets })
   const { openFilter, filter: displayFilter } = useUI()
@@ -79,13 +93,13 @@ export default function MyAccountListQuotes({
 
   return (
     <div className={styles.page}>
-      <AccountHeader pageTitle="Quotes" />
+      <AccountHeader pageTitle={labels.pageTitle} />
       <div data-fs-list-quotes-controls>
         <div data-fs-list-quotes-search-filters>
           <SearchInputField
             ref={searchInputRef}
             data-fs-search-input-field-list-quotes
-            placeholder="Search"
+            placeholder={labels.searchPlaceholder}
             onBlur={() => {
               handleSearchChange(searchInputRef.current.inputRef.value)
             }}
@@ -107,7 +121,7 @@ export default function MyAccountListQuotes({
                 name="FadersHorizontal"
                 width={24}
                 height={24}
-                aria-label="Open Filters"
+                aria-label={labels.openFiltersAriaLabel}
               />
             }
             iconPosition="left"
@@ -119,23 +133,34 @@ export default function MyAccountListQuotes({
               openFilter()
             }}
           >
-            Filters
+            {labels.filtersLabel}
             {activeFilterCount > 0 && (
               <span data-fs-filter-count>{activeFilterCount}</span>
             )}
           </Button>
         </div>
         {isDesktop && total > 0 && (
-          <Pagination page={filters.page} total={total} perPage={perPage} />
+          <Pagination
+            page={filters.page}
+            total={total}
+            perPage={perPage}
+            labels={labels}
+          />
         )}
       </div>
 
       {displayFilter && (
         <MyAccountQuotesFilterSlider
           {...filter}
-          title="Filters"
-          clearButtonLabel="Clear All"
-          applyButtonLabel="View Results"
+          title={labels.filtersLabel}
+          clearButtonLabel={labels.clearAllLabel}
+          applyButtonLabel={labels.viewResultsLabel}
+          statusLabel={labels.statusFacetLabel}
+          removeStatusAriaLabel={labels.removeStatusAriaLabel}
+          fromLabel={labels.fromLabel}
+          toLabel={labels.toLabel}
+          invalidDateRangeLabel={labels.invalidDateRangeLabel}
+          statusCmsLabels={statusCmsLabels}
           testId="my-account-quotes-filter-slider"
         />
       )}
@@ -150,7 +175,7 @@ export default function MyAccountListQuotes({
               weight="thin"
             />
           }
-          title={hasFilters ? 'No results found' : "You don't have any quotes"}
+          title={hasFilters ? labels.noResultsLabel : labels.noQuotesLabel}
           bkgColor="light"
         />
       ) : (
@@ -159,11 +184,17 @@ export default function MyAccountListQuotes({
           total={total}
           perPage={perPage}
           filters={filters}
+          labels={labels}
         />
       )}
 
       {!isDesktop && total > 0 && (
-        <Pagination page={filters.page} total={total} perPage={perPage} />
+        <Pagination
+          page={filters.page}
+          total={total}
+          perPage={perPage}
+          labels={labels}
+        />
       )}
     </div>
   )

package/src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotesTable/MyAccountListQuotesTable.tsx

@@ -4,6 +4,12 @@ import MyAccountQuoteStatusBadge from './MyAccountQuoteStatusBadge'
 import { useSession } from 'src/sdk/session'
 import useScreenResize from 'src/sdk/ui/useScreenResize'
 import type { ServerListQuotesQueryQuery } from '@generated/graphql'
+import type { MyAccountListQuotesSectionLabels } from '../quotesLabels'
+import {
+  formatRelativeExpiryLabel,
+  pickQuoteStatusCmsLabels,
+  resolveMyAccountListQuotesLabels,
+} from '../quotesLabels'
 
 function formatDateTime(isoString: string, locale: string) {
   if (!isoString) return ''
@@ -29,7 +35,10 @@ function formatDateShort(isoString: string, locale: string) {
   })
 }
 
-function getRelativeExpiry(isoString: string): string | null {
+function getRelativeExpiry(
+  isoString: string,
+  labels: Required<MyAccountListQuotesSectionLabels>
+): string | null {
   const diffMs = new Date(isoString).getTime() - Date.now()
   if (diffMs <= 0) return null
 
@@ -38,10 +47,10 @@ function getRelativeExpiry(isoString: string): string | null {
   const weeks = Math.floor(days / 7)
   const months = Math.floor(days / 30)
 
-  if (hours < 24) return `${hours} ${hours === 1 ? 'hour' : 'hours'} left`
-  if (days < 14) return `${days} ${days === 1 ? 'day' : 'days'} left`
-  if (weeks < 8) return `${weeks} ${weeks === 1 ? 'week' : 'weeks'} left`
-  return `${months} ${months === 1 ? 'month' : 'months'} left`
+  if (hours < 24) return formatRelativeExpiryLabel(hours, 'hour', labels)
+  if (days < 14) return formatRelativeExpiryLabel(days, 'day', labels)
+  if (weeks < 8) return formatRelativeExpiryLabel(weeks, 'week', labels)
+  return formatRelativeExpiryLabel(months, 'month', labels)
 }
 
 function formatAmount(amount: number, locale: string, currencyCode: string) {
@@ -65,17 +74,21 @@ type MyAccountListQuotesTableProps = Readonly<{
     expiresAtTo: string
     label: string
   }
+  labels?: MyAccountListQuotesSectionLabels
 }>
 
 export function Pagination({
   page,
   total,
   perPage,
+  labels: labelsProp,
 }: Readonly<{
   page: number
   total: number
   perPage: number
+  labels?: MyAccountListQuotesSectionLabels
 }>) {
+  const labels = resolveMyAccountListQuotesLabels(labelsProp)
   const totalPages = Math.ceil(total / perPage)
   const firstIndexLabel = page === 1 ? 1 : (page - 1) * perPage + 1
   const lastIndexLabel = Math.min(firstIndexLabel + perPage - 1, total)
@@ -95,14 +108,14 @@ export function Pagination({
 
   return (
     <div data-fs-list-orders-table-pagination>
-      <p>{`${firstIndexLabel} — ${lastIndexLabel} of ${total}`}</p>
+      <p>{`${firstIndexLabel} — ${lastIndexLabel} ${labels.paginationOfLabel} ${total}`}</p>
       <IconButton
         size="small"
         variant="tertiary"
         disabled={page === 1}
         onClick={() => handlePageChange(page - 1)}
         icon={<Icon name="CaretLeft" />}
-        aria-label="Previous Page"
+        aria-label={labels.previousPageLabel}
       />
       <IconButton
         size="small"
@@ -110,7 +123,7 @@ export function Pagination({
         disabled={page === totalPages}
         onClick={() => handlePageChange(page + 1)}
         icon={<Icon name="CaretRight" />}
-        aria-label="Next Page"
+        aria-label={labels.nextPageLabel}
       />
     </div>
   )
@@ -121,7 +134,10 @@ export default function MyAccountListQuotesTable({
   total,
   perPage,
   filters,
+  labels: labelsProp,
 }: MyAccountListQuotesTableProps) {
+  const labels = resolveMyAccountListQuotesLabels(labelsProp)
+  const statusCmsLabels = pickQuoteStatusCmsLabels(labelsProp)
   const { isDesktop } = useScreenResize()
   const { locale, currency } = useSession()
   const currencyCode = currency.code
@@ -130,7 +146,7 @@ export default function MyAccountListQuotesTable({
     <>
       <div data-fs-quotes-list>
         {listQuotes.list.map((item) => {
-          const relativeExpiry = getRelativeExpiry(item.expiresAt)
+          const relativeExpiry = getRelativeExpiry(item.expiresAt, labels)
           const formattedAmount = formatAmount(
             item.amount,
             locale,
@@ -150,20 +166,26 @@ export default function MyAccountListQuotesTable({
                 <div data-fs-quotes-list-col-dates>
                   {item.createdBy && (
                     <div data-fs-quotes-list-date-group>
-                      <span data-fs-quotes-list-date-label>Created by</span>
+                      <span data-fs-quotes-list-date-label>
+                        {labels.createdByLabel}
+                      </span>
                       <span data-fs-quotes-list-date-value>
                         {item.createdBy}
                       </span>
                     </div>
                   )}
                   <div data-fs-quotes-list-date-group>
-                    <span data-fs-quotes-list-date-label>Creation date</span>
+                    <span data-fs-quotes-list-date-label>
+                      {labels.creationDateLabel}
+                    </span>
                     <span data-fs-quotes-list-date-value>
                       {formatDateTime(item.createdAt, locale)}
                     </span>
                   </div>
                   <div data-fs-quotes-list-date-group>
-                    <span data-fs-quotes-list-date-label>Expires on</span>
+                    <span data-fs-quotes-list-date-label>
+                      {labels.expiresOnLabel}
+                    </span>
                     <span data-fs-quotes-list-date-value>
                       {formatDateShort(item.expiresAt, locale)}
                       {relativeExpiry && (
@@ -179,16 +201,24 @@ export default function MyAccountListQuotesTable({
 
               {/* Right: badge + total */}
               <div data-fs-quotes-list-col-status>
-                <MyAccountQuoteStatusBadge status={item.status} />
+                <MyAccountQuoteStatusBadge
+                  status={item.status}
+                  statusCmsLabels={statusCmsLabels}
+                />
                 <p data-fs-quotes-list-total>
-                  Total <strong>{formattedAmount}</strong>
+                  {labels.totalLabel} <strong>{formattedAmount}</strong>
                 </p>
               </div>
             </div>
           )
         })}
       </div>
-      <Pagination page={filters.page} total={total} perPage={perPage} />
+      <Pagination
+        page={filters.page}
+        total={total}
+        perPage={perPage}
+        labels={labels}
+      />
     </>
   )
 }

package/src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotesTable/MyAccountQuoteStatusBadge.tsx

@@ -1,7 +1,15 @@
-import { quoteStatusMap, type QuoteStatusKey } from 'src/utils/quoteStatus'
+import type { QuoteStatusCmsLabels } from 'src/utils/quoteStatus'
+import { getLocalizedQuoteStatusMap } from 'src/utils/quoteStatus'
 
-function MyAccountQuoteStatusBadge({ status }: Readonly<{ status: string }>) {
-  const entry = quoteStatusMap[status as QuoteStatusKey]
+function MyAccountQuoteStatusBadge({
+  status,
+  statusCmsLabels,
+}: Readonly<{
+  status: string
+  statusCmsLabels?: QuoteStatusCmsLabels
+}>) {
+  const statusMap = getLocalizedQuoteStatusMap(statusCmsLabels)
+  const entry = statusMap[status as keyof typeof statusMap]
   return (
     <span
       data-fs-my-account-badge

package/src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesFilterSlider/MyAccountQuotesFilterSlider.tsx

@@ -6,6 +6,7 @@ import type {
   MyAccountFilter_FacetsFragment,
   useMyAccountFilter,
 } from 'src/sdk/search/useMyAccountFilter'
+import type { QuoteStatusCmsLabels } from 'src/utils/quoteStatus'
 import MyAccountQuotesStatusSelector from '../MyAccountQuotesStatusSelector/MyAccountQuotesStatusSelector'
 import styles from './section.module.scss'
 
@@ -15,6 +16,13 @@ export interface MyAccountQuotesFilterSliderProps {
   title?: string
   clearButtonLabel?: string
   applyButtonLabel?: string
+  statusLabel?: string
+  /** Supports a "{status}" placeholder, e.g. "Remove {status}". */
+  removeStatusAriaLabel?: string
+  fromLabel?: string
+  toLabel?: string
+  invalidDateRangeLabel?: string
+  statusCmsLabels?: QuoteStatusCmsLabels
 }
 
 function MyAccountQuotesFilterSlider({
@@ -26,6 +34,12 @@ function MyAccountQuotesFilterSlider({
   title,
   clearButtonLabel,
   applyButtonLabel,
+  statusLabel,
+  removeStatusAriaLabel,
+  fromLabel,
+  toLabel,
+  invalidDateRangeLabel,
+  statusCmsLabels,
 }: MyAccountQuotesFilterSliderProps & ReturnType<typeof useMyAccountFilter>) {
   const createdDateRangeRef = useRef<{
     clear: () => void
@@ -115,6 +129,9 @@ function MyAccountQuotesFilterSlider({
       {statusFacet && (
         <MyAccountQuotesStatusSelector
           value={selectedStatusValues}
+          statusLabel={statusLabel}
+          removeStatusAriaLabel={removeStatusAriaLabel}
+          statusCmsLabels={statusCmsLabels}
           onChange={(newSelected) => {
             const added = newSelected.filter(
               (v) => !selectedStatusValues.includes(v)
@@ -143,6 +160,9 @@ function MyAccountQuotesFilterSlider({
               from={facet.from}
               to={facet.to}
               setDisabled={setDisabled}
+              fromLabel={fromLabel}
+              toLabel={toLabel}
+              invalidDateRangeLabel={invalidDateRangeLabel}
             />
           )}
           {facet.key === 'expiresAt' && (
@@ -151,6 +171,9 @@ function MyAccountQuotesFilterSlider({
               from={facet.from}
               to={facet.to}
               setDisabled={setDisabled}
+              fromLabel={fromLabel}
+              toLabel={toLabel}
+              invalidDateRangeLabel={invalidDateRangeLabel}
             />
           )}
         </div>

package/src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesSelectedTags/MyAccountQuotesSelectedTags.tsx

@@ -1,6 +1,14 @@
 import { Button } from '@faststore/ui'
 import { useSession } from 'src/sdk/session'
-import { quoteStatusMap, type QuoteStatusKey } from 'src/utils/quoteStatus'
+import {
+  getLocalizedQuoteStatusMap,
+  type QuoteStatusCmsLabels,
+} from 'src/utils/quoteStatus'
+import type { MyAccountListQuotesSectionLabels } from '../quotesLabels'
+import {
+  pickQuoteStatusCmsLabels,
+  resolveMyAccountListQuotesLabels,
+} from '../quotesLabels'
 import { formatFilterDate } from '../quoteFilters'
 
 type MyAccountQuotesSelectedTagsProps = Readonly<{
@@ -21,34 +29,42 @@ type MyAccountQuotesSelectedTagsProps = Readonly<{
       | 'expiresAtTo',
     value: string
   ) => void
+  labels?: MyAccountListQuotesSectionLabels
 }>
 
 function formatDateRangeLabel(
   from: string | undefined,
   to: string | undefined,
-  locale: string
+  locale: string,
+  labels: Required<MyAccountListQuotesSectionLabels>
 ) {
   if (from && to) {
-    return `${formatFilterDate(from, locale)} to ${formatFilterDate(to, locale)}`
+    return `${formatFilterDate(from, locale)} ${labels.dateRangeSeparatorLabel} ${formatFilterDate(to, locale)}`
   }
   if (from) {
-    return `from ${formatFilterDate(from, locale)}`
+    return `${labels.dateRangeFromLabel} ${formatFilterDate(from, locale)}`
   }
-  return `to ${formatFilterDate(to!, locale)}`
+  return `${labels.dateRangeToLabel} ${formatFilterDate(to!, locale)}`
 }
 
 function Tags({
   filters,
   onRemoveFilter,
-}: Pick<MyAccountQuotesSelectedTagsProps, 'filters' | 'onRemoveFilter'>) {
+  labels,
+  statusCmsLabels,
+}: Pick<MyAccountQuotesSelectedTagsProps, 'filters' | 'onRemoveFilter'> & {
+  labels: Required<MyAccountListQuotesSectionLabels>
+  statusCmsLabels?: QuoteStatusCmsLabels
+}) {
   const { locale } = useSession()
   const { createdAtFrom, createdAtTo, expiresAtFrom, expiresAtTo, status } =
     filters
+  const statusMap = getLocalizedQuoteStatusMap(statusCmsLabels)
 
   const createdTag = (createdAtFrom || createdAtTo) && (
     <div key="created-date-range" data-fs-list-orders-selected-tag>
       <span data-fs-list-orders-selected-tag-label>
-        {`Created: ${formatDateRangeLabel(createdAtFrom, createdAtTo, locale)}`}
+        {`${labels.createdTagLabel}: ${formatDateRangeLabel(createdAtFrom, createdAtTo, locale, labels)}`}
       </span>
       <button
         data-fs-list-orders-selected-tag-clear
@@ -62,7 +78,7 @@ function Tags({
   const expiresTag = (expiresAtFrom || expiresAtTo) && (
     <div key="expires-date-range" data-fs-list-orders-selected-tag>
       <span data-fs-list-orders-selected-tag-label>
-        {`Expires: ${formatDateRangeLabel(expiresAtFrom, expiresAtTo, locale)}`}
+        {`${labels.expiresTagLabel}: ${formatDateRangeLabel(expiresAtFrom, expiresAtTo, locale, labels)}`}
       </span>
       <button
         data-fs-list-orders-selected-tag-clear
@@ -75,7 +91,7 @@ function Tags({
 
   const statusTags = (status || []).map((value) => (
     <div key={`status-${value}`} data-fs-list-orders-selected-tag>
-      <span>{quoteStatusMap[value as QuoteStatusKey]?.label ?? value}</span>
+      <span>{statusMap[value as keyof typeof statusMap]?.label ?? value}</span>
       <button
         data-fs-list-orders-selected-tag-clear
         onClick={() => onRemoveFilter('status', value)}
@@ -98,7 +114,10 @@ function MyAccountQuotesSelectedTags({
   filters,
   onClearAll,
   onRemoveFilter,
+  labels: labelsProp,
 }: MyAccountQuotesSelectedTagsProps) {
+  const labels = resolveMyAccountListQuotesLabels(labelsProp)
+  const statusCmsLabels = pickQuoteStatusCmsLabels(labelsProp)
   const hasFilters = Object.entries(filters).some(([, values]) =>
     Array.isArray(values) ? values.length > 0 : Boolean(values)
   )
@@ -107,14 +126,19 @@ function MyAccountQuotesSelectedTags({
     <>
       {hasFilters && (
         <div data-fs-list-orders-selected-tags>
-          <Tags filters={filters} onRemoveFilter={onRemoveFilter} />
+          <Tags
+            filters={filters}
+            onRemoveFilter={onRemoveFilter}
+            labels={labels}
+            statusCmsLabels={statusCmsLabels}
+          />
           <Button
             variant="tertiary"
             size="small"
             data-fs-list-orders-selected-tags-clear-all-button
             onClick={onClearAll}
           >
-            Clear All
+            {labels.clearAllLabel}
           </Button>
         </div>
       )}

package/src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesStatusSelector/MyAccountQuotesStatusSelector.tsx

@@ -1,23 +1,37 @@
-import { useEffect, useId, useRef, useState } from 'react'
+import { useEffect, useId, useMemo, useRef, useState } from 'react'
 
-import { quoteStatusMap } from 'src/utils/quoteStatus'
+import {
+  defaultMyAccountListQuotesLabels,
+  formatRemoveStatusAriaLabel,
+} from '../quotesLabels'
+import type { QuoteStatusCmsLabels } from 'src/utils/quoteStatus'
+import { getLocalizedQuoteStatusMap } from 'src/utils/quoteStatus'
 import styles from './styles.module.scss'
 
 type MyAccountQuotesStatusSelectorProps = Readonly<{
   value: string[]
   onChange: (selected: string[]) => void
+  statusLabel?: string
+  /** Supports a "{status}" placeholder, e.g. "Remove {status}". */
+  removeStatusAriaLabel?: string
+  statusCmsLabels?: QuoteStatusCmsLabels
 }>
 
-const statusEntries = Object.entries(quoteStatusMap).map(([key, entry]) => ({
-  key,
-  label: entry.label,
-  variant: entry.variant,
-}))
-
 export default function MyAccountQuotesStatusSelector({
   value,
   onChange,
+  statusLabel = defaultMyAccountListQuotesLabels.statusFacetLabel,
+  removeStatusAriaLabel = defaultMyAccountListQuotesLabels.removeStatusAriaLabel,
+  statusCmsLabels,
 }: MyAccountQuotesStatusSelectorProps) {
+  const statusEntries = useMemo(() => {
+    const statusMap = getLocalizedQuoteStatusMap(statusCmsLabels)
+    return Object.entries(statusMap).map(([key, entry]) => ({
+      key,
+      label: entry.label,
+      variant: entry.variant,
+    }))
+  }, [statusCmsLabels])
   const [open, setOpen] = useState(false)
   const ref = useRef<HTMLDivElement>(null)
   const labelId = useId()
@@ -47,7 +61,7 @@ export default function MyAccountQuotesStatusSelector({
   return (
     <div className={styles.wrapper} ref={ref} data-fs-quotes-status-selector>
       <span id={labelId} className={styles.label}>
-        Status
+        {statusLabel}
       </span>
       <div data-fs-quotes-status-input-wrapper>
         <div className={styles.input} data-open={open || undefined}>
@@ -64,7 +78,10 @@ export default function MyAccountQuotesStatusSelector({
                   type="button"
                   className={styles.chipRemove}
                   onClick={(e) => remove(key, e)}
-                  aria-label={`Remove ${entry?.label ?? key}`}
+                  aria-label={formatRemoveStatusAriaLabel(
+                    removeStatusAriaLabel,
+                    entry?.label ?? key
+                  )}
                 >
                   &times;
                 </button>

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

@@ -1,2 +1,4 @@
 export { default as MyAccountListQuotes } from './MyAccountListQuotes'
 export type { MyAccountListQuotesProps } from './MyAccountListQuotes'
+export { defaultMyAccountListQuotesLabels } from './quotesLabels'
+export type { MyAccountListQuotesSectionLabels } from './quotesLabels'

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

@@ -1,4 +1,5 @@
-import { quoteStatusMap } from 'src/utils/quoteStatus'
+import { getLocalizedQuoteStatusMap } from 'src/utils/quoteStatus'
+import type { QuoteStatusCmsLabels } from 'src/utils/quoteStatus'
 
 export type QuoteFilters = {
   page: number
@@ -20,13 +21,22 @@ export function getSelectedFacets(filters: QuoteFilters): QuoteSelectedFacet[] {
   return facets
 }
 
-export function getAllFacets(filters: QuoteFilters) {
+export type QuoteFacetLabels = {
+  statusFacetLabel?: string
+  createdAtFacetLabel?: string
+  expiresAtFacetLabel?: string
+  statusCmsLabels?: QuoteStatusCmsLabels
+}
+
+export function getAllFacets(filters: QuoteFilters, labels?: QuoteFacetLabels) {
+  const statusMap = getLocalizedQuoteStatusMap(labels?.statusCmsLabels)
+
   return [
     {
       __typename: 'StoreFacetBoolean' as const,
       key: 'status',
-      label: 'Status',
-      values: Object.entries(quoteStatusMap).map(([key, { label }]) => ({
+      label: labels?.statusFacetLabel ?? 'Status',
+      values: Object.entries(statusMap).map(([key, { label }]) => ({
         label,
         quantity: 0,
         selected: false,
@@ -36,14 +46,14 @@ export function getAllFacets(filters: QuoteFilters) {
     {
       __typename: 'StoreFacetRange' as const,
       key: 'createdAt',
-      label: 'Created Date',
+      label: labels?.createdAtFacetLabel ?? 'Created Date',
       from: filters.createdAtFrom,
       to: filters.createdAtTo,
     },
     {
       __typename: 'StoreFacetRange' as const,
       key: 'expiresAt',
-      label: 'Expiry Date',
+      label: labels?.expiresAtFacetLabel ?? 'Expiry Date',
       from: filters.expiresAtFrom,
       to: filters.expiresAtTo,
     },