@trackunit/filters-asset-filter-definitions 1.7.25 → 1.7.26

package/index.cjs.js

@@ -100,6 +100,10 @@ var defaultTranslations = {
 	"assetFilters.regions.WESTERN_ASIA": "Western Asia",
 	"assetFilters.regions.WESTERN_EUROPE": "Western Europe",
 	"assetFilters.regions.WHOLE_WORLD": "Whole world",
+	"assetFilters.rentalContractOrderNumberFilter.label": "Order number",
+	"assetFilters.rentalContractReferenceCodeDescriptionFilter.label": "Reference code description",
+	"assetFilters.rentalContractReferenceCodeDescriptionFilter.searchPlaceholder": "Search by reference code description...",
+	"assetFilters.rentalContractReferenceCodeFilter.label": "Reference code",
 	"assetFilters.rentalCustomerNameFilter.label": "Customer",
 	"assetFilters.searchFilter.label": "Text search",
 	"assetFilters.searchPlaceholder": "Search by text...",
@@ -1914,6 +1918,168 @@ const GetPlaceDetailsDocument = {
         },
     ],
 };
+const GetFleetRentalContractOrderNumberSummaryDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "GetFleetRentalContractOrderNumberSummary" },
+            variableDefinitions: [
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "AssetFiltersInput" } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                    type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Int" } } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "search" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "String" } },
+                },
+            ],
+            selectionSet: {
+                kind: "SelectionSet",
+                selections: [
+                    {
+                        kind: "Field",
+                        name: { kind: "Name", value: "assetSummary" },
+                        arguments: [
+                            {
+                                kind: "Argument",
+                                name: { kind: "Name", value: "filters" },
+                                value: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                            },
+                        ],
+                        selectionSet: {
+                            kind: "SelectionSet",
+                            selections: [
+                                {
+                                    kind: "Field",
+                                    name: { kind: "Name", value: "rentalContractOrderNumbers" },
+                                    arguments: [
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "limit" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                                        },
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "filter" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "search" } },
+                                        },
+                                    ],
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            { kind: "Field", name: { kind: "Name", value: "total" } },
+                                            {
+                                                kind: "Field",
+                                                name: { kind: "Name", value: "summary" },
+                                                selectionSet: {
+                                                    kind: "SelectionSet",
+                                                    selections: [
+                                                        { kind: "Field", name: { kind: "Name", value: "key" } },
+                                                        { kind: "Field", name: { kind: "Name", value: "count" } },
+                                                    ],
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
+const GetFleetRentalContractReferenceCodesSummaryDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "GetFleetRentalContractReferenceCodesSummary" },
+            variableDefinitions: [
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "AssetFiltersInput" } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                    type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Int" } } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "search" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "String" } },
+                },
+            ],
+            selectionSet: {
+                kind: "SelectionSet",
+                selections: [
+                    {
+                        kind: "Field",
+                        name: { kind: "Name", value: "assetSummary" },
+                        arguments: [
+                            {
+                                kind: "Argument",
+                                name: { kind: "Name", value: "filters" },
+                                value: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                            },
+                        ],
+                        selectionSet: {
+                            kind: "SelectionSet",
+                            selections: [
+                                {
+                                    kind: "Field",
+                                    name: { kind: "Name", value: "rentalContractReferenceCodes" },
+                                    arguments: [
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "limit" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                                        },
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "filter" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "search" } },
+                                        },
+                                    ],
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            { kind: "Field", name: { kind: "Name", value: "total" } },
+                                            {
+                                                kind: "Field",
+                                                name: { kind: "Name", value: "summary" },
+                                                selectionSet: {
+                                                    kind: "SelectionSet",
+                                                    selections: [
+                                                        { kind: "Field", name: { kind: "Name", value: "key" } },
+                                                        { kind: "Field", name: { kind: "Name", value: "count" } },
+                                                    ],
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
 
 exports.AssetActivityState = void 0;
 (function (AssetActivityState) {
@@ -2063,7 +2229,7 @@ const placeSchema = areaFilterInternalSchema.extend({
 });
 
 const SHARED_LOCATIONS_LOCAL_STORAGE_KEY = "shared-recent-locations";
-const MAX_RECENT_SEARCHES$1 = 5;
+const MAX_RECENT_SEARCHES$2 = 5;
 const MIN_LENGTH_SEARCH = 3;
 const MAX_RESULTS = 5;
 /**
@@ -2072,7 +2238,7 @@ const MAX_RESULTS = 5;
  *
  * Local storage for recent searches prevents unnecessary repetitive queries.
  */
-const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY, maxRecentSearches = MAX_RECENT_SEARCHES$1, maxResults = MAX_RESULTS, }) => {
+const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY, maxRecentSearches = MAX_RECENT_SEARCHES$2, maxResults = MAX_RESULTS, }) => {
     const [t] = useTranslation();
     const [searchString, setSearchString] = react.useState("");
     const [selectedPrediction, setSelectedPrediction] = react.useState(undefined);
@@ -2436,7 +2602,7 @@ const useAssetTypeFilter = ({ showTypes } = { showTypes: ALL_TYPES }) => {
     return result;
 };
 
-const FETCH_LIMIT$8 = 1000;
+const FETCH_LIMIT$a = 1000;
 /**
  * React component for rendering the brand filter.
  *
@@ -2452,7 +2618,7 @@ const BrandFilterView = (props) => {
     const { data, loading } = client.useQuery(GetFleetBrandsSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$8,
+            limit: FETCH_LIMIT$a,
             search: debouncedSearch.trim(),
             filters: {
                 ...activeFilters,
@@ -2469,7 +2635,7 @@ const BrandFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.brands?.summary, getMachineTypeTranslation]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$8);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$a);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -2568,7 +2734,7 @@ const useCriticalityFilter = () => {
     return result;
 };
 
-const FETCH_LIMIT$7 = 1000;
+const FETCH_LIMIT$9 = 1000;
 /**
  * Custom hook to fetch customer summary data based on active filters and search text.
  *
@@ -2582,7 +2748,7 @@ const useCustomerData = (filterValues) => {
     const { data, loading } = client.useQuery(GetCustomerIdSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$7,
+            limit: FETCH_LIMIT$9,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -2778,7 +2944,7 @@ const useFollowedFilter = () => {
     return result;
 };
 
-const FETCH_LIMIT$6 = 1000;
+const FETCH_LIMIT$8 = 1000;
 /**
  * The GroupIdsFilterView component is a filter view for group IDs.
  * It utilizes a checkbox filter with a search feature to display and manage group selections.
@@ -2794,7 +2960,7 @@ const GroupIdsFilterView = (props) => {
     const { data, loading } = client.useQuery(GetFleetGroupSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$6,
+            limit: FETCH_LIMIT$8,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -2818,7 +2984,7 @@ const GroupIdsFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.groups, props.hasCount]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$6);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$8);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3018,7 +3184,7 @@ const useMetadataCompletenessFilter = ({ isDefault } = {}) => {
     return result;
 };
 
-const FETCH_LIMIT$5 = 1000;
+const FETCH_LIMIT$7 = 1000;
 /**
  * Renders a custom model filter component, allowing filtering of active assets by models.
  * It also provides search functionality and controls for managing filtered results.
@@ -3035,7 +3201,7 @@ const ModelsFilterView = (props) => {
     const { data, loading } = client.useQuery(GetFleetModelsSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$5,
+            limit: FETCH_LIMIT$7,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -3052,7 +3218,7 @@ const ModelsFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.models?.summary, getMachineTypeTranslation]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$5);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$7);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3077,7 +3243,7 @@ const useModelsFilter = () => {
     return result;
 };
 
-const FETCH_LIMIT$4 = 1000;
+const FETCH_LIMIT$6 = 1000;
 /**
  * Component for rendering the Owner Account IDs filter view within the filter bar.
  *
@@ -3092,7 +3258,7 @@ const OwnerAccountIdsFilterView = (props) => {
     const { data, loading } = client.useQuery(GetFleetOwnerAccountSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$4,
+            limit: FETCH_LIMIT$6,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -3109,7 +3275,7 @@ const OwnerAccountIdsFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.ownerAccounts?.summary]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$4);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$6);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3225,7 +3391,7 @@ const usePeriodFilter = () => {
     return result;
 };
 
-const FETCH_LIMIT$3 = 1000;
+const FETCH_LIMIT$5 = 1000;
 /**
  * Production Year Filter View component.
  *
@@ -3246,7 +3412,7 @@ const ProductionYearFilterView = ({ filterDefinition, filterState, filterBarActi
     const debouncedSearch = reactComponents.useDebounce(searchText, 500);
     const { data, loading } = client.useQuery(GetFleetProductionYearsSummaryDocument, {
         variables: {
-            limit: FETCH_LIMIT$3,
+            limit: FETCH_LIMIT$5,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -3263,7 +3429,7 @@ const ProductionYearFilterView = ({ filterDefinition, filterState, filterBarActi
         return result;
     }, [data?.assetSummary?.productionYears?.summary, t]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$3);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$5);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, filterBarActions: filterBarActions, filterDefinition: filterDefinition, filterState: filterState, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3286,6 +3452,224 @@ const useProductionYearFilter = () => {
     return result;
 };
 
+const FETCH_LIMIT$4 = 1000;
+/**
+ * Rental contract order numbers filter view component.
+ *
+ * This component provides an interface to select rental contract order numbers.
+ * It fetches data from a GraphQL query and integrates with the filter bar's filtering logic.
+ *
+ * @param {FilterViewProps<Array<string>>} props - The props for the component.
+ * @returns {JSX.Element} The rendered component.
+ */
+const RentalContractOrderNumberFilterView = (props) => {
+    const activeFilters = filtersGraphqlHook.useActiveAssetFilters(props.filterState.values);
+    const [showRequestMoreUseSearch, setShowRequestMoreUseSearch] = react.useState(false);
+    const [searchText, setSearchText] = react.useState("");
+    const debouncedSearch = reactComponents.useDebounce(searchText, 500);
+    const { data, loading } = client.useQuery(GetFleetRentalContractOrderNumberSummaryDocument, {
+        fetchPolicy: "cache-first",
+        context: {
+            headers: {
+                "TU-PREVIEW": "dragonfruit-monty,KOREAN-BELL",
+            },
+        },
+        variables: {
+            limit: FETCH_LIMIT$4,
+            search: debouncedSearch,
+            filters: {
+                ...activeFilters,
+                rentalContractOrderNumbers: null, // Omit the filters own values so list shows options correctly
+            },
+        },
+    });
+    const options = react.useMemo(() => {
+        return (data?.assetSummary?.rentalContractOrderNumbers?.summary.map(edge => ({
+            key: edge.key || "unknown",
+            count: edge.count,
+            label: edge.key || "Unknown",
+        })) ?? []);
+    }, [data]);
+    react.useEffect(() => {
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$4);
+    }, [options]);
+    return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
+};
+/**
+ * Rental contract order numbers filter definition
+ *
+ * @returns {StringArrayFilterDefinition}  Rental contract order numbers filter definition
+ */
+const useRentalContractOrderNumberFilter = ({ showInFilterBar } = {
+    showInFilterBar: () => true,
+}) => {
+    const [t] = useTranslation();
+    const result = react.useMemo(() => {
+        return {
+            filterKey: "rentalContractOrderNumber",
+            type: "stringArray",
+            group: "CUSTOMERS",
+            title: t("assetFilters.rentalContractOrderNumberFilter.label"),
+            showInFilterBar,
+            // eslint-disable-next-line local-rules/no-typescript-assertion
+            valueAsText: values => values.map(value => value),
+            component: props => jsxRuntime.jsx(RentalContractOrderNumberFilterView, { ...props }),
+        };
+    }, [showInFilterBar, t]);
+    return result;
+};
+
+const MAX_RECENT_SEARCHES$1 = 20;
+/**
+ * Rental contract reference code description filter view component.
+ *
+ * This component provides an interface to select rental contract reference code descriptions.
+ * It fetches data from a GraphQL query and integrates with the filter bar's filtering logic.
+ *
+ * @param {SearchFilterProps<FilterBarDefinition>} props - The props for the component.
+ * @returns {JSX.Element} The rendered component.
+ */
+const RentalContractReferenceCodeDescriptionFilterView = ({ filterBarActions, filterState, filterDefinition, localStorageKey, }) => {
+    const [t] = useTranslation();
+    const filterValue = filterDefinition?.filterKey ? String(filterState.values[filterDefinition.filterKey]) : undefined;
+    const [searchString, setSearchString] = react.useState(filterValue ?? "");
+    const previousFilterValue = reactCoreHooks.usePrevious(filterValue);
+    const { clientSideUserId } = reactCoreHooks.useCurrentUser();
+    reactComponents.useDebounce(searchString, 500, "both", debouncedSearchString => {
+        if (filterValue === debouncedSearchString) {
+            return;
+        }
+        apply({ value: debouncedSearchString, setRecent: false });
+    });
+    react.useEffect(() => {
+        if (filterValue === searchString || previousFilterValue === filterValue) {
+            return;
+        }
+        filterValue !== undefined && setSearchString(filterValue);
+    }, [filterValue, previousFilterValue, searchString]);
+    const [recentSearches, setRecentSearches] = reactCoreHooks.useLocalStorage({
+        defaultState: [],
+        key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
+        schema: zod.z.array(zod.z.string()),
+    });
+    const apply = react.useCallback(({ value, setRecent = true }) => {
+        if (setRecent !== false) {
+            setRecentSearches(prev => {
+                const noDuplicatesRecent = prev.filter(r => r !== value);
+                const cappedLengthRecent = noDuplicatesRecent.slice(0, MAX_RECENT_SEARCHES$1 - 1);
+                return [value, ...cappedLengthRecent];
+            });
+        }
+        filterDefinition?.filterKey && filterBarActions.setStringValue(filterDefinition.filterKey, value);
+    }, [filterDefinition?.filterKey, filterBarActions, setRecentSearches]);
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition?.filterKey ?? ""), filterKey: filterDefinition?.filterKey ?? "", searchEnabled: true, searchProps: {
+                    onEnter: () => apply({ value: searchString, setRecent: true }),
+                    onChange: setSearchString,
+                    onClear: () => setSearchString(""),
+                    value: searchString,
+                    placeholder: t("assetFilters.rentalContractReferenceCodeDescriptionFilter.searchPlaceholder"),
+                }, title: filterDefinition?.title ?? "" }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { children: recentSearches.length > 0 ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("ul", { className: "grid h-full gap-0.5", children: recentSearches.map((option, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { className: "max-h-fit overflow-hidden py-1", label: option, onClick: () => {
+                                    apply({ value: option, setRecent: true });
+                                    setRecentSearches(prev => {
+                                        const noDuplicatesRecent = prev.filter(recentSearch => recentSearch !== option);
+                                        const cappedLengthRecent = noDuplicatesRecent.slice(0, MAX_RECENT_SEARCHES$1 - 1);
+                                        return [option, ...cappedLengthRecent];
+                                    });
+                                    setSearchString(option);
+                                }, selected: option === filterValue, suffix: jsxRuntime.jsx(ClearItemButton, { onClick: e => {
+                                        e.stopPropagation();
+                                        setRecentSearches(prev => prev.filter(r => r !== option));
+                                    } }) }, `${option}-${index}`))) }), jsxRuntime.jsx(RecentSearchesFooter, { count: recentSearches.length, onClearAll: () => setRecentSearches([]) })] })) : (jsxRuntime.jsx("p", { className: "py-2 text-center text-sm text-gray-400", children: t("filters.shared.noHistory") })) })] }));
+};
+/**
+ * Rental contract reference code description filter definition
+ *
+ * @returns {StringFilterDefinition}  Rental contract reference code description filter definition
+ */
+const useRentalContractReferenceCodeDescriptionFilter = ({ showInFilterBar } = {
+    showInFilterBar: () => true,
+}) => {
+    const [t] = useTranslation();
+    const result = react.useMemo(() => {
+        return {
+            filterKey: "rentalContractReferenceCodeDescriptionQuery",
+            type: "string",
+            group: "CUSTOMERS",
+            title: t("assetFilters.rentalContractReferenceCodeDescriptionFilter.label"),
+            showInFilterBar,
+            component: props => (jsxRuntime.jsx(RentalContractReferenceCodeDescriptionFilterView, { ...props, localStorageKey: "rentalContractReferenceCodeDescriptionFilter" })),
+        };
+    }, [showInFilterBar, t]);
+    return result;
+};
+
+const FETCH_LIMIT$3 = 1000;
+/**
+ * Rental contract order numbers filter view component.
+ *
+ * This component provides an interface to select rental contract order numbers.
+ * It fetches data from a GraphQL query and integrates with the filter bar's filtering logic.
+ *
+ * @param {FilterViewProps<Array<string>>} props - The props for the component.
+ * @returns {JSX.Element} The rendered component.
+ */
+const RentalContractReferenceCodeFilterView = (props) => {
+    const activeFilters = filtersGraphqlHook.useActiveAssetFilters(props.filterState.values);
+    const [showRequestMoreUseSearch, setShowRequestMoreUseSearch] = react.useState(false);
+    const [searchText, setSearchText] = react.useState("");
+    const debouncedSearch = reactComponents.useDebounce(searchText, 500);
+    const { data, loading } = client.useQuery(GetFleetRentalContractReferenceCodesSummaryDocument, {
+        fetchPolicy: "cache-first",
+        context: {
+            headers: {
+                "TU-PREVIEW": "dragonfruit-monty,KOREAN-BELL",
+            },
+        },
+        variables: {
+            limit: FETCH_LIMIT$3,
+            search: debouncedSearch,
+            filters: {
+                ...activeFilters,
+                rentalContractReferenceCodes: null, // Omit the filters own values so list shows options correctly
+            },
+        },
+    });
+    const options = react.useMemo(() => {
+        return (data?.assetSummary?.rentalContractReferenceCodes?.summary.map(edge => ({
+            key: edge.key || "unknown",
+            count: edge.count,
+            label: edge.key || "Unknown",
+        })) ?? []);
+    }, [data]);
+    react.useEffect(() => {
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$3);
+    }, [options]);
+    return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
+};
+/**
+ * Rental contract reference code filter definition
+ *
+ * @returns {StringArrayFilterDefinition}  Rental contract reference code filter definition
+ */
+const useRentalContractReferenceCodeFilter = ({ showInFilterBar } = {
+    showInFilterBar: () => true,
+}) => {
+    const [t] = useTranslation();
+    const result = react.useMemo(() => {
+        return {
+            filterKey: "rentalContractReferenceCode",
+            type: "stringArray",
+            group: "CUSTOMERS",
+            title: t("assetFilters.rentalContractReferenceCodeFilter.label"),
+            showInFilterBar,
+            // eslint-disable-next-line local-rules/no-typescript-assertion
+            valueAsText: values => values.map(value => value),
+            component: props => jsxRuntime.jsx(RentalContractReferenceCodeFilterView, { ...props }),
+        };
+    }, [showInFilterBar, t]);
+    return result;
+};
+
 const MAX_RECENT_SEARCHES = 20;
 /**
  *
@@ -4324,6 +4708,44 @@ const mockForGetPlaceDetailsQuery = (variables, data) => {
         },
     }, data || {}));
 };
+const mockForGetFleetRentalContractOrderNumberSummaryQuery = (variables, data) => {
+    return reactCoreContextsTest.queryFor(GetFleetRentalContractOrderNumberSummaryDocument, variables, utilities.mergeDeep({
+        __typename: "Query",
+        assetSummary: {
+            __typename: "AssetSummary",
+            rentalContractOrderNumbers: {
+                __typename: "MetadataSummary",
+                total: 6273236744536064,
+                summary: [
+                    {
+                        __typename: "Summary",
+                        key: "subito",
+                        count: 6273236744536064,
+                    },
+                ],
+            },
+        },
+    }, data || {}));
+};
+const mockForGetFleetRentalContractReferenceCodesSummaryQuery = (variables, data) => {
+    return reactCoreContextsTest.queryFor(GetFleetRentalContractReferenceCodesSummaryDocument, variables, utilities.mergeDeep({
+        __typename: "Query",
+        assetSummary: {
+            __typename: "AssetSummary",
+            rentalContractReferenceCodes: {
+                __typename: "MetadataSummary",
+                total: 6273236744536064,
+                summary: [
+                    {
+                        __typename: "Summary",
+                        key: "subito",
+                        count: 6273236744536064,
+                    },
+                ],
+            },
+        },
+    }, data || {}));
+};
 
 /**
  * Default asset filter bar definition, used to define the default filters for the asset related filters.
@@ -4579,6 +5001,9 @@ exports.OwnerAccountIdsFilterView = OwnerAccountIdsFilterView;
 exports.PartnerFilterView = PartnerFilterView;
 exports.PeriodFilterView = PeriodFilterView;
 exports.ProductionYearFilterView = ProductionYearFilterView;
+exports.RentalContractOrderNumberFilterView = RentalContractOrderNumberFilterView;
+exports.RentalContractReferenceCodeDescriptionFilterView = RentalContractReferenceCodeDescriptionFilterView;
+exports.RentalContractReferenceCodeFilterView = RentalContractReferenceCodeFilterView;
 exports.SERVICE_PLAN_STATUSES_TO_SHOW = SERVICE_PLAN_STATUSES_TO_SHOW;
 exports.SearchFilterInline = SearchFilterInline;
 exports.ServicePanStatusesFiltersView = ServicePanStatusesFiltersView;
@@ -4606,6 +5031,8 @@ exports.mockForGetFleetGroupSummaryQuery = mockForGetFleetGroupSummaryQuery;
 exports.mockForGetFleetModelsSummaryQuery = mockForGetFleetModelsSummaryQuery;
 exports.mockForGetFleetOwnerAccountSummaryQuery = mockForGetFleetOwnerAccountSummaryQuery;
 exports.mockForGetFleetProductionYearsSummaryQuery = mockForGetFleetProductionYearsSummaryQuery;
+exports.mockForGetFleetRentalContractOrderNumberSummaryQuery = mockForGetFleetRentalContractOrderNumberSummaryQuery;
+exports.mockForGetFleetRentalContractReferenceCodesSummaryQuery = mockForGetFleetRentalContractReferenceCodesSummaryQuery;
 exports.mockForGetFleetServicePlanAssignmentsSummaryQuery = mockForGetFleetServicePlanAssignmentsSummaryQuery;
 exports.mockForGetFleetServicePlanStatusesSummaryQuery = mockForGetFleetServicePlanStatusesSummaryQuery;
 exports.mockForGetFleetServiceProvidersSummaryQuery = mockForGetFleetServiceProvidersSummaryQuery;
@@ -4640,6 +5067,9 @@ exports.usePartnerFilter = usePartnerFilter;
 exports.usePeriodFilter = usePeriodFilter;
 exports.usePlacesSearch = usePlacesSearch;
 exports.useProductionYearFilter = useProductionYearFilter;
+exports.useRentalContractOrderNumberFilter = useRentalContractOrderNumberFilter;
+exports.useRentalContractReferenceCodeDescriptionFilter = useRentalContractReferenceCodeDescriptionFilter;
+exports.useRentalContractReferenceCodeFilter = useRentalContractReferenceCodeFilter;
 exports.useSearchFilter = useSearchFilter;
 exports.useServicePlanStatusFilter = useServicePlanStatusFilter;
 exports.useSetAssetFilterStateFromUrl = useSetAssetFilterStateFromUrl;