Facet normalizer
Concept of facets exists in both Unified Data Layer world and Commercetools. The normalizeFacet
function maps Commercetools FacetResultValue
into Unified SfFacet
.
Parametersri:link
Name | Type | Default value | Description |
---|---|---|---|
facetResultValue | FacetResultValue | Commercetools Facet | |
ctx | NormalizeFacetContext | Context which contains getFacetType |
Extendingri:link
The SfFacet
is returned from SearchProducts
Method. If the SfFacet
structure doesn't contain the information you need for your Storefront, you can extend its logic using the defineNormalizers
function.
Sourceri:link
facet.ts
import { FacetResultValue } from "@vsf-enterprise/commercetools-types";
import { GetFacetTypeFn, SfFacetTypes } from "@vue-storefront/unified-data-model";
import { defineNormalizer } from "../defineNormalizer";
const defaultGetFacetType: GetFacetTypeFn<FacetResultValue> = () => SfFacetTypes.MULTI_SELECT;
export const normalizeFacet = defineNormalizer.normalizeFacet((facetResultValue, ctx) => {
const { facet, value } = facetResultValue;
const { getFacetType = defaultGetFacetType } = ctx;
const sfFacetItems =
value.terms?.map((term) => ({
label: term.term,
value: term.term,
productCount: term.productCount,
})) || [];
if (sfFacetItems.length === 0) {
return null;
}
return {
label: facet,
name: facet,
values: sfFacetItems,
type: getFacetType(facetResultValue),
};
});