@fast-simon/dashboard-utilities 1.0.138-beta.3 → 1.0.138

package/dist/@types/autocomplete.d.ts

@@ -29,6 +29,8 @@ export interface autocompleteProps {
     disable_antonyms?: boolean;
     market_context?: string | null;
     variation_id?: string | null;
+    force_and?: boolean;
+    ps?: 'new' | 'returning' | null;
 }
 export interface AutocompleteReasoningResponse {
     auto_facets?: boolean;

package/dist/@types/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../src/@types/autocomplete.ts"],"names":[],"mappings":"","sourcesContent":["import {ServerProduct} from \"./product\";\nimport {Facet, FastCategory, FastTurbolinks} from \"./facets\";\nimport {PopularSearch, ContextFilteringData, QueryUnderstanding} from \"./results\";\nimport {SortBy} from \"./sortBy\";\n\n\n\nexport interface AutocompleteResults {\n    totalResults: number,\n    categories?: FastCategory[],\n    products: ServerProduct[]\n    turbolinks?: FastTurbolinks[]\n    popularSearches: PopularSearch[]\n    query: string\n}\n\nexport interface autocompleteProps {\n    storeID: number\n    uuid: string\n    siteKey?:string\n    cdn?: number\n    term: string,\n    userToken: string,\n    sessionStart: number,\n    withAttributes?: boolean\n    segments?: string[],\n    hasShopifyMarkets?: boolean,\n    disable_turbolinks?:boolean\n    disable_strategies?:boolean\n    disable_merchandising?:boolean\n    disable_semantics?:boolean\n    disable_merchandising_rules?:boolean\n    disable_antonyms?:boolean\n    market_context?: string | null  // Region code for market-specific filtering (e.g., \"US\", \"CA\", \"UK\")\n    variation_id?: string | null  // A/B test variation ID for reasoning/experiment tracking\n}\nexport interface AutocompleteReasoningResponse {\n    auto_facets?: boolean\n    isp_quick_view_mode?: number\n    products: ServerProduct[]\n    merch: {\n        prorduct:any,\n        rules:any,\n        strategy:any,\n        visual:any\n    }\n    personalized_products:any[]\n    term:string\n    totalResults: number\n    uuid:string\n\n    //all bellow wont be never field but to keep consistent with all the AIExplainer implementation\n    sortBy?:SortBy\n    within_search_results_for?: string,\n    isNoResults?:any,\n    pageCount?:number,\n    narrow?: [string, string, string][],\n    facets?: Facet[],\n    page?: number,\n    results_for?: string,\n    id_list?:number[]\n    turbolink?: string\n    context?: ContextFilteringData  // Context-based filtering data (market contexts)\n    query_understanding?: QueryUnderstanding\n    reformulation_source?: string\n    request_url?: string  // Full URL with all params that was executed (for debugging)\n}"]}
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../src/@types/autocomplete.ts"],"names":[],"mappings":"","sourcesContent":["import {ServerProduct} from \"./product\";\nimport {Facet, FastCategory, FastTurbolinks} from \"./facets\";\nimport {PopularSearch, ContextFilteringData, QueryUnderstanding} from \"./results\";\nimport {SortBy} from \"./sortBy\";\n\n\n\nexport interface AutocompleteResults {\n    totalResults: number,\n    categories?: FastCategory[],\n    products: ServerProduct[]\n    turbolinks?: FastTurbolinks[]\n    popularSearches: PopularSearch[]\n    query: string\n}\n\nexport interface autocompleteProps {\n    storeID: number\n    uuid: string\n    siteKey?:string\n    cdn?: number\n    term: string,\n    userToken: string,\n    sessionStart: number,\n    withAttributes?: boolean\n    segments?: string[],\n    hasShopifyMarkets?: boolean,\n    disable_turbolinks?:boolean\n    disable_strategies?:boolean\n    disable_merchandising?:boolean\n    disable_semantics?:boolean\n    disable_merchandising_rules?:boolean\n    disable_antonyms?:boolean\n    market_context?: string | null  // Region code for market-specific filtering (e.g., \"US\", \"CA\", \"UK\")\n    variation_id?: string | null  // A/B test variation ID for reasoning/experiment tracking\n    force_and?: boolean\n    ps?: 'new' | 'returning' | null\n}\nexport interface AutocompleteReasoningResponse {\n    auto_facets?: boolean\n    isp_quick_view_mode?: number\n    products: ServerProduct[]\n    merch: {\n        prorduct:any,\n        rules:any,\n        strategy:any,\n        visual:any\n    }\n    personalized_products:any[]\n    term:string\n    totalResults: number\n    uuid:string\n\n    //all bellow wont be never field but to keep consistent with all the AIExplainer implementation\n    sortBy?:SortBy\n    within_search_results_for?: string,\n    isNoResults?:any,\n    pageCount?:number,\n    narrow?: [string, string, string][],\n    facets?: Facet[],\n    page?: number,\n    results_for?: string,\n    id_list?:number[]\n    turbolink?: string\n    context?: ContextFilteringData  // Context-based filtering data (market contexts)\n    query_understanding?: QueryUnderstanding\n    reformulation_source?: string\n    request_url?: string  // Full URL with all params that was executed (for debugging)\n}"]}

package/dist/@types/categories.d.ts

@@ -64,6 +64,7 @@ export interface smartCollectionsProps {
     market_context?: string | null;
     variation_id?: string | null;
     ps?: 'new' | 'returning' | null;
+    force_and?: boolean;
 }
 export type FacetRequired = 0 | 1 | 2;
 export type smartCollectionsCallback = ({}: {

package/dist/@types/categories.js.map

@@ -1 +1 @@
-{"version":3,"file":"categories.js","sourceRoot":"","sources":["../../src/@types/categories.ts"],"names":[],"mappings":"","sourcesContent":["import {SortBy} from \"./sortBy\";\nimport {Narrow, ServerNarrow} from \"./narrow\";\nimport { ServerProduct} from \"./product\";\nimport {ServerFacet} from \"./facets\";\nimport {ContextFilteringData, QueryUnderstanding} from \"./results\";\n\n\nexport type AncestorCategory = [string, string, string] // category_id, category_name, category_url\nexport interface RelatedCategory {\n    id: string\n    l: string\n    t: string\n    u: string\n}\nexport type CategoryAncestor = [string, string, string]\nexport interface Category {\n    d: string\n    id: string\n    l: string\n    p_id: string\n    t: string\n    u: string\n    parent_name?: string\n}\nexport interface FastCategory {\n    d: string\n    id: string\n    l: string\n    p_id: string\n    t: string\n    u: string\n    parent_name?: string\n}\nexport interface smartCollectionsProps {\n    storeID: number\n    uuid: string\n    siteKey?:string\n    cdn: number\n    categoryID: string,\n    userToken: string,\n    sessionStart: number,\n    page?: number\n    productsPerPage?: number\n    sortBy?: SortBy\n    narrowBy?: ServerNarrow[]\n    facetRequired?: FacetRequired\n    withAttributes?: boolean\n    recent?: string\n    rec?: boolean\n    searchWithinSearch?: string,\n    segments?: string[],\n    hasShopifyMarkets?: boolean,\n    disable_turbolinks?:boolean\n    disable_strategies?:boolean\n    disable_merchandising?:boolean\n    disable_semantics?:boolean\n    disable_merchandising_rules?:boolean\n    disable_antonyms?:boolean\n    custom_sort_settings?:{personalization_rank: number, creation_date: number, popularity: number, inventory: number}\n    with_product_analytics?:boolean\n    market_context?: string | null  // Region code for market-specific filtering (e.g., \"US\", \"CA\", \"UK\")\n    variation_id?: string | null  // A/B test variation ID for reasoning/experiment tracking\n    ps?: 'new' | 'returning' | null  // Personalization segment for user segment coefficient preview (new/returning user)\n}\nexport type FacetRequired = 0 | 1 | 2\nexport type smartCollectionsCallback = ({}: {\n    action: \"products\" | \"facets and products\"\n    payload: smartCollectionsResults\n}) => void\nexport interface smartCollectionsResults {\n    ancestors: CategoryAncestor[]\n    categoryID: string\n    name: string\n    category_name: string\n    products: ServerProduct[]\n    facets?: ServerFacet[]\n    totalResults: number\n    sortBy?: SortBy,\n    narrow?: Narrow[],\n    isNoResults?: boolean\n    page?: number\n    pageCount?: number\n    avoidPrefixList?: string[]\n    merch?: any\n    bannerHTML?: string\n    turbolink?:string\n    hiddenProducts?:ServerProduct[]\n    within_search_results_for?:string\n    results_for?: string\n    id_list?:number[]\n    context?: ContextFilteringData  // Context-based filtering data (market contexts)\n    analytics?: {\n        badges?: {\n            winners?: Record<string, string>  // Product ID -> tooltip message\n            overexposed?: Record<string, string>  // Product ID -> tooltip message\n            new_arrivals?: string[]\n        }\n        key_hidden_winners?: string\n        key_overexposed?: string\n    }\n    query_understanding?: QueryUnderstanding\n    reformulation_source?: string\n    request_url?: string  // Full URL with all params that was executed (for debugging)\n\n}\nexport type inventoryCallback = ({}: {\n    action: \"products inventory\"\n    payload: {productsInventory: productsInventoryResults[]}\n}) => void\nexport interface productsInventoryResults {\n  id: string;\n  totalInventory: number;\n}"]}
+{"version":3,"file":"categories.js","sourceRoot":"","sources":["../../src/@types/categories.ts"],"names":[],"mappings":"","sourcesContent":["import {SortBy} from \"./sortBy\";\nimport {Narrow, ServerNarrow} from \"./narrow\";\nimport { ServerProduct} from \"./product\";\nimport {ServerFacet} from \"./facets\";\nimport {ContextFilteringData, QueryUnderstanding} from \"./results\";\n\n\nexport type AncestorCategory = [string, string, string] // category_id, category_name, category_url\nexport interface RelatedCategory {\n    id: string\n    l: string\n    t: string\n    u: string\n}\nexport type CategoryAncestor = [string, string, string]\nexport interface Category {\n    d: string\n    id: string\n    l: string\n    p_id: string\n    t: string\n    u: string\n    parent_name?: string\n}\nexport interface FastCategory {\n    d: string\n    id: string\n    l: string\n    p_id: string\n    t: string\n    u: string\n    parent_name?: string\n}\nexport interface smartCollectionsProps {\n    storeID: number\n    uuid: string\n    siteKey?:string\n    cdn: number\n    categoryID: string,\n    userToken: string,\n    sessionStart: number,\n    page?: number\n    productsPerPage?: number\n    sortBy?: SortBy\n    narrowBy?: ServerNarrow[]\n    facetRequired?: FacetRequired\n    withAttributes?: boolean\n    recent?: string\n    rec?: boolean\n    searchWithinSearch?: string,\n    segments?: string[],\n    hasShopifyMarkets?: boolean,\n    disable_turbolinks?:boolean\n    disable_strategies?:boolean\n    disable_merchandising?:boolean\n    disable_semantics?:boolean\n    disable_merchandising_rules?:boolean\n    disable_antonyms?:boolean\n    custom_sort_settings?:{personalization_rank: number, creation_date: number, popularity: number, inventory: number}\n    with_product_analytics?:boolean\n    market_context?: string | null  // Region code for market-specific filtering (e.g., \"US\", \"CA\", \"UK\")\n    variation_id?: string | null  // A/B test variation ID for reasoning/experiment tracking\n    ps?: 'new' | 'returning' | null  // Personalization segment for user segment coefficient preview (new/returning user)\n    force_and?: boolean\n}\nexport type FacetRequired = 0 | 1 | 2\nexport type smartCollectionsCallback = ({}: {\n    action: \"products\" | \"facets and products\"\n    payload: smartCollectionsResults\n}) => void\nexport interface smartCollectionsResults {\n    ancestors: CategoryAncestor[]\n    categoryID: string\n    name: string\n    category_name: string\n    products: ServerProduct[]\n    facets?: ServerFacet[]\n    totalResults: number\n    sortBy?: SortBy,\n    narrow?: Narrow[],\n    isNoResults?: boolean\n    page?: number\n    pageCount?: number\n    avoidPrefixList?: string[]\n    merch?: any\n    bannerHTML?: string\n    turbolink?:string\n    hiddenProducts?:ServerProduct[]\n    within_search_results_for?:string\n    results_for?: string\n    id_list?:number[]\n    context?: ContextFilteringData  // Context-based filtering data (market contexts)\n    analytics?: {\n        badges?: {\n            winners?: Record<string, string>  // Product ID -> tooltip message\n            overexposed?: Record<string, string>  // Product ID -> tooltip message\n            new_arrivals?: string[]\n        }\n        key_hidden_winners?: string\n        key_overexposed?: string\n    }\n    query_understanding?: QueryUnderstanding\n    reformulation_source?: string\n    request_url?: string  // Full URL with all params that was executed (for debugging)\n\n}\nexport type inventoryCallback = ({}: {\n    action: \"products inventory\"\n    payload: {productsInventory: productsInventoryResults[]}\n}) => void\nexport interface productsInventoryResults {\n  id: string;\n  totalInventory: number;\n}"]}

package/dist/@types/results.d.ts

@@ -79,6 +79,7 @@ export interface fullTextSearchProps {
     with_product_analytics?: boolean;
     market_context?: string | null;
     variation_id?: string | null;
+    force_and?: boolean;
 }
 export interface ContextFilteringData {
     hidden: number[];

package/dist/@types/results.js.map

@@ -1 +1 @@
-{"version":3,"file":"results.js","sourceRoot":"","sources":["../../src/@types/results.ts"],"names":[],"mappings":"","sourcesContent":["import type {Narrow, ServerNarrow} from \"./narrow\";\nimport type {SortBy} from \"./sortBy\";\n\nimport type { Facet} from \"./facets\";\nimport {AncestorCategory, RelatedCategory} from \"./categories\";\n\nimport {Product, ServerProduct} from \"./product\";\n\nexport interface PopularSearch {\n    label: string\n    type: \"p\"\n}\ninterface Base {\n    narrow: Narrow,\n    sortBy: SortBy,\n    totalResults: number,\n    page: number,\n    totalPages: number,\n    products: Product[],\n    facets: Facet[],\n    avoidTagPrefixes: string[],\n    sort: SortBy,\n    productIDS: string[],\n    bannerHTML: string,\n    bannerHTMLMobile: string,\n    // ancestors: Ancestor[]\n}\n\nexport interface SearchResults extends Base {\n    query: string,\n    totalCMS: number,\n    didYouMean?: string[],\n    personalizedProductIds: number[],\n    sessionProductIds: number[],\n    resultsFor?: string,\n    isRelatedResults?: boolean\n    relatedSearch?: string[]\n}\n\nexport interface CategoryResults extends Base {\n    categoryID: string,\n    categoryName: string,\n    personalizationRecencyLimit?: number,\n    personalizedProductIds: number[],\n    sessionProductIds: number[],\n    relatedCategories: RelatedCategory[],\n}\n\nexport interface LandingPageResults extends Base {\n    lpSlug: string,\n    title: string,\n    indexPage: number\n}\n\nexport type FacetRequired = 0 | 1 | 2\nexport type CategoryAncestor = [string, string, string]\n\nexport interface fullTextSearchProps {\n    term: string\n    storeID: number\n    siteKey?:string\n    uuid: string\n    cdn?: number\n    userToken: string,\n    sessionStart: number,\n    page?: number\n    productsPerPage?: number\n    sortBy?: SortBy\n    narrowBy?: ServerNarrow[]\n    facetRequired?: FacetRequired\n    withAttributes?: boolean\n    recent?: string\n    searchWithinSearch?: string,\n    segments?: string[]\n    hasShopifyMarkets?: boolean\n    disable_turbolinks?:boolean\n    disable_strategies?:boolean\n    disable_merchandising?:boolean\n    disable_semantics?:boolean\n    disable_merchandising_rules?:boolean\n    disable_antonyms?:boolean\n    custom_sort_settings?:{personalization_rank: number, creation_date: number, popularity: number, inventory: number}\n    with_product_analytics?:boolean\n    market_context?: string | null  // Region code for market-specific filtering (e.g., \"US\", \"CA\", \"UK\")\n    variation_id?: string | null  // A/B test variation ID for reasoning/experiment tracking\n}\nexport interface ContextFilteringData {\n    hidden: number[]                    // Product IDs hidden by context filtering\n    unpublished: Record<number, string> // product_id -> region_code (e.g., \"US\", \"CA\")\n    unsellable: Record<number, string>  // product_id -> region_code (e.g., \"UK\", \"FR\")\n}\n\nexport interface fullTextSearchResponse {\n    products: ServerProduct[]\n    facets: Facet[]\n    total_results: number\n    facets_completed?: boolean\n    sortBy?: SortBy,\n    narrow: [string, string, string][]\n    pop_products_no_results?: boolean\n    page: number\n    total_p: number\n    personalized_products?: number[],\n    ancestor_categories?: CategoryAncestor[]\n    avoid_tag_prefixes?: string\n    merch?: any\n}\nexport interface QueryUnderstanding {\n    query: string\n    has_ai_enrichment: boolean\n    structured_attributes: Record<string, string[]>\n    social_attributes: Record<string, string[]>\n    intent_mapping: string[]\n}\n\nexport interface FullTextServerResponseAll extends fullTextSearchResponse{\n    alternatives?: string[]\n    term: string\n    cms_number_found?: number\n    within_search_results_for?: string\n    banner_html: string\n    banner_html_mobile: string\n    turbolink?: string\n    personalized_products?: number[]\n    session_products?: number[]\n    results_for?: string\n    related_results?: boolean,\n    ancestor_categories?: AncestorCategory[],\n    related_search?: string[],\n    hidden?:any,\n    isNoResults?:any,\n    totalResults?:any,\n    hiddenProducts?:ServerProduct[],\n    pageCount?:number,\n    sort_by?: SortBy,\n    id_list?:number[]\n    context?: ContextFilteringData  // Context-based filtering data (market contexts)\n    analytics?: {\n        badges?: {\n            winners?: Record<string, string>  // Product ID -> tooltip message\n            overexposed?: Record<string, string>  // Product ID -> tooltip message\n            new_arrivals?: string[]\n        }\n        key_hidden_winners?: string\n        key_overexposed?: string\n    }\n    query_understanding?: QueryUnderstanding\n    reformulation_source?: string\n    request_url?: string  // Full URL with all params that was executed (for debugging)\n\n}"]}
+{"version":3,"file":"results.js","sourceRoot":"","sources":["../../src/@types/results.ts"],"names":[],"mappings":"","sourcesContent":["import type {Narrow, ServerNarrow} from \"./narrow\";\nimport type {SortBy} from \"./sortBy\";\n\nimport type { Facet} from \"./facets\";\nimport {AncestorCategory, RelatedCategory} from \"./categories\";\n\nimport {Product, ServerProduct} from \"./product\";\n\nexport interface PopularSearch {\n    label: string\n    type: \"p\"\n}\ninterface Base {\n    narrow: Narrow,\n    sortBy: SortBy,\n    totalResults: number,\n    page: number,\n    totalPages: number,\n    products: Product[],\n    facets: Facet[],\n    avoidTagPrefixes: string[],\n    sort: SortBy,\n    productIDS: string[],\n    bannerHTML: string,\n    bannerHTMLMobile: string,\n    // ancestors: Ancestor[]\n}\n\nexport interface SearchResults extends Base {\n    query: string,\n    totalCMS: number,\n    didYouMean?: string[],\n    personalizedProductIds: number[],\n    sessionProductIds: number[],\n    resultsFor?: string,\n    isRelatedResults?: boolean\n    relatedSearch?: string[]\n}\n\nexport interface CategoryResults extends Base {\n    categoryID: string,\n    categoryName: string,\n    personalizationRecencyLimit?: number,\n    personalizedProductIds: number[],\n    sessionProductIds: number[],\n    relatedCategories: RelatedCategory[],\n}\n\nexport interface LandingPageResults extends Base {\n    lpSlug: string,\n    title: string,\n    indexPage: number\n}\n\nexport type FacetRequired = 0 | 1 | 2\nexport type CategoryAncestor = [string, string, string]\n\nexport interface fullTextSearchProps {\n    term: string\n    storeID: number\n    siteKey?:string\n    uuid: string\n    cdn?: number\n    userToken: string,\n    sessionStart: number,\n    page?: number\n    productsPerPage?: number\n    sortBy?: SortBy\n    narrowBy?: ServerNarrow[]\n    facetRequired?: FacetRequired\n    withAttributes?: boolean\n    recent?: string\n    searchWithinSearch?: string,\n    segments?: string[]\n    hasShopifyMarkets?: boolean\n    disable_turbolinks?:boolean\n    disable_strategies?:boolean\n    disable_merchandising?:boolean\n    disable_semantics?:boolean\n    disable_merchandising_rules?:boolean\n    disable_antonyms?:boolean\n    custom_sort_settings?:{personalization_rank: number, creation_date: number, popularity: number, inventory: number}\n    with_product_analytics?:boolean\n    market_context?: string | null  // Region code for market-specific filtering (e.g., \"US\", \"CA\", \"UK\")\n    variation_id?: string | null  // A/B test variation ID for reasoning/experiment tracking\n    force_and?: boolean\n}\nexport interface ContextFilteringData {\n    hidden: number[]                    // Product IDs hidden by context filtering\n    unpublished: Record<number, string> // product_id -> region_code (e.g., \"US\", \"CA\")\n    unsellable: Record<number, string>  // product_id -> region_code (e.g., \"UK\", \"FR\")\n}\n\nexport interface fullTextSearchResponse {\n    products: ServerProduct[]\n    facets: Facet[]\n    total_results: number\n    facets_completed?: boolean\n    sortBy?: SortBy,\n    narrow: [string, string, string][]\n    pop_products_no_results?: boolean\n    page: number\n    total_p: number\n    personalized_products?: number[],\n    ancestor_categories?: CategoryAncestor[]\n    avoid_tag_prefixes?: string\n    merch?: any\n}\nexport interface QueryUnderstanding {\n    query: string\n    has_ai_enrichment: boolean\n    structured_attributes: Record<string, string[]>\n    social_attributes: Record<string, string[]>\n    intent_mapping: string[]\n}\n\nexport interface FullTextServerResponseAll extends fullTextSearchResponse{\n    alternatives?: string[]\n    term: string\n    cms_number_found?: number\n    within_search_results_for?: string\n    banner_html: string\n    banner_html_mobile: string\n    turbolink?: string\n    personalized_products?: number[]\n    session_products?: number[]\n    results_for?: string\n    related_results?: boolean,\n    ancestor_categories?: AncestorCategory[],\n    related_search?: string[],\n    hidden?:any,\n    isNoResults?:any,\n    totalResults?:any,\n    hiddenProducts?:ServerProduct[],\n    pageCount?:number,\n    sort_by?: SortBy,\n    id_list?:number[]\n    context?: ContextFilteringData  // Context-based filtering data (market contexts)\n    analytics?: {\n        badges?: {\n            winners?: Record<string, string>  // Product ID -> tooltip message\n            overexposed?: Record<string, string>  // Product ID -> tooltip message\n            new_arrivals?: string[]\n        }\n        key_hidden_winners?: string\n        key_overexposed?: string\n    }\n    query_understanding?: QueryUnderstanding\n    reformulation_source?: string\n    request_url?: string  // Full URL with all params that was executed (for debugging)\n\n}"]}

package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js

@@ -5,7 +5,6 @@ import { FacetItem } from "../FacetItem/FacetItem";
 import { NarrowParser, FacetsTypes, } from "@fast-simon/utilities";
 import { FromToFilter } from "../FromToFilter/FromToFilter";
 import { getBackOfficeFilters, getBackOfficeFilterTooltipText, getLastReceivedTimeRange } from "./utils";
-import classNames from "classnames";
 const BackOfficeFiltersMenu = ({ narrow, onNarrowChange, onPageChange }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const [filters, setFilters] = useState(getBackOfficeFilters());
@@ -68,7 +67,7 @@ const BackOfficeFiltersMenu = ({ narrow, onNarrowChange, onPageChange }) => {
         onPageChange(1);
         setFilters(getBackOfficeFilters());
     };
-    return (_jsxs("div", Object.assign({ className: classes.filtersContainer, style: { opacity: disableFilters ? 0.5 : 1, pointerEvents: disableFilters ? 'none' : 'auto' } }, { children: [_jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FacetItem, { narrow: narrow[(((_a = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _a === void 0 ? void 0 : _a.meta) && narrow[(((_b = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _b === void 0 ? void 0 : _b.name) + "_from_to")]) ? (((_c = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _c === void 0 ? void 0 : _c.name) + "_from_to") : (_d = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _d === void 0 ? void 0 : _d.id], facet: filters === null || filters === void 0 ? void 0 : filters["filter"], onChange: onFilterChange, onNarrowChange: onNarrowChange, onPageChange: onNarrowChange, type: FacetsTypes.multiSelect, tooltipText: getBackOfficeFilterTooltipText["filter"], disableSelect: disableFilters }, "fs-filters" + ((_e = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _e === void 0 ? void 0 : _e.id.toString())) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FacetItem, { narrow: narrow[(((_f = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _f === void 0 ? void 0 : _f.meta) && narrow[(((_g = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _g === void 0 ? void 0 : _g.name) + "_from_to")]) ? (((_h = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _h === void 0 ? void 0 : _h.name) + "_from_to") : (_j = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _j === void 0 ? void 0 : _j.id], facet: filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"], onChange: onFilterChange, onNarrowChange: onNarrowChange, onPageChange: onNarrowChange, type: FacetsTypes.RadioSelect, tooltipText: getBackOfficeFilterTooltipText["lastReceivedDate"], disableSelect: disableFilters }, "fs-filters" + ((_k = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _k === void 0 ? void 0 : _k.id.toString())) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["stockAvailability"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["stockAvailability"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["variantsInStock"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["variantsInStock"], limit: { min: 0, max: 100 } }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["sales"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["sales"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["weeksOfStock"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["weeksOfStock"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["margin"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["margin"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["marginPercent"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["marginPercent"], limit: { min: 0, max: 100 } }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["merchCreationDate"], convertValueCallback: (value) => { var _a; return Number(value) > 0 ? (_a = (Number(value) / 1000)) === null || _a === void 0 ? void 0 : _a.toString() : value; }, onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["merchCreationDate"] }) })), _jsx("span", Object.assign({ onClick: clearAll, className: classNames(classes.arrow, classes.clearAll) }, { children: _jsxs("small", { children: ["Clear All\u00A0\u00A0\u00A0", _jsx("i", {})] }) }))] })));
+    return (_jsxs("div", Object.assign({ className: classes.filtersContainer, style: { opacity: disableFilters ? 0.5 : 1, pointerEvents: disableFilters ? 'none' : 'auto' } }, { children: [_jsxs("div", Object.assign({ className: classes.headerContainer }, { children: [_jsx("h2", Object.assign({ className: classes.title }, { children: "Inventory & Sales Filters" })), _jsxs("div", Object.assign({ className: classes.clearAllButton, onClick: clearAll }, { children: [_jsx("span", { className: `ph ph-eraser`, style: { fontSize: '20px' } }), _jsx("span", Object.assign({ className: classes.clearAllText }, { children: "Clear all" }))] }))] })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FacetItem, { narrow: narrow[(((_a = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _a === void 0 ? void 0 : _a.meta) && narrow[(((_b = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _b === void 0 ? void 0 : _b.name) + "_from_to")]) ? (((_c = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _c === void 0 ? void 0 : _c.name) + "_from_to") : (_d = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _d === void 0 ? void 0 : _d.id], facet: filters === null || filters === void 0 ? void 0 : filters["filter"], onChange: onFilterChange, onNarrowChange: onNarrowChange, onPageChange: onNarrowChange, type: FacetsTypes.multiSelect, tooltipText: getBackOfficeFilterTooltipText["filter"], disableSelect: disableFilters }, "fs-filters" + ((_e = filters === null || filters === void 0 ? void 0 : filters["filter"]) === null || _e === void 0 ? void 0 : _e.id.toString())) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FacetItem, { narrow: narrow[(((_f = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _f === void 0 ? void 0 : _f.meta) && narrow[(((_g = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _g === void 0 ? void 0 : _g.name) + "_from_to")]) ? (((_h = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _h === void 0 ? void 0 : _h.name) + "_from_to") : (_j = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _j === void 0 ? void 0 : _j.id], facet: filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"], onChange: onFilterChange, onNarrowChange: onNarrowChange, onPageChange: onNarrowChange, type: FacetsTypes.RadioSelect, tooltipText: getBackOfficeFilterTooltipText["lastReceivedDate"], disableSelect: disableFilters }, "fs-filters" + ((_k = filters === null || filters === void 0 ? void 0 : filters["lastReceivedDate"]) === null || _k === void 0 ? void 0 : _k.id.toString())) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["stockAvailability"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["stockAvailability"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["variantsInStock"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["variantsInStock"], limit: { min: 0, max: 100 } }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["sales"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["sales"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["weeksOfStock"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["weeksOfStock"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["margin"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["margin"] }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["marginPercent"], onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["marginPercent"], limit: { min: 0, max: 100 } }) })), _jsx("div", Object.assign({ className: classes.sideMenuContainer }, { children: _jsx(FromToFilter, { facet: filters === null || filters === void 0 ? void 0 : filters["merchCreationDate"], convertValueCallback: (value) => { var _a; return Number(value) > 0 ? (_a = (Number(value) / 1000)) === null || _a === void 0 ? void 0 : _a.toString() : value; }, onChange: onFromToFilterChange, tooltipText: getBackOfficeFilterTooltipText["merchCreationDate"] }) }))] })));
 };
 export default BackOfficeFiltersMenu;
 //# sourceMappingURL=BackOfficeFiltersMenu.js.map

package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackOfficeFiltersMenu.js","sourceRoot":"","sources":["../../../src/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useState} from 'react';\nimport classes from './styles.module.css';\nimport {FacetItem} from \"../FacetItem/FacetItem\";\nimport {\n    Facet,\n    NarrowParser,\n    FacetsTypes,\n    Narrow,\n} from \"@fast-simon/utilities\";\nimport {FromToFilter} from \"../FromToFilter/FromToFilter\";\nimport {getBackOfficeFilters, getBackOfficeFilterTooltipText, getLastReceivedTimeRange} from \"./utils\";\nimport {FromTo} from \"../FromToFilter/utils\";\nimport classNames from \"classnames\";\n\nexport interface Props {\n    narrow: Narrow;\n    onNarrowChange: (narrow: any) => void;\n    onPageChange: (page: number) => void;\n}\n\nconst BackOfficeFiltersMenu: React.FC<Props> = ({narrow, onNarrowChange, onPageChange}) => {\n    const [filters, setFilters] = useState<any>(getBackOfficeFilters());\n    const [disableFilters, setDisableFilters] = useState<boolean>(false);\n    let timer: string | number | NodeJS.Timeout | undefined;\n    const onFilterChange = (facetid: string, value: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => {\n        setDisableFilters(true)\n        clearTimeout(timer);\n\n        if (facetid === 'merch_lrt') {\n            let merch_ltr_value = getLastReceivedTimeRange(value, fromDate??'', toDate??'');\n            value = merch_ltr_value ?? '';\n            timer = setTimeout(() => {\n                let newNarrow: Narrow | undefined = undefined;\n                narrow?.['merch_lrt']?.values?.() ? Array.from(narrow?.['merch_lrt']?.values?.())?.forEach?.((filterValue) => {\n                        newNarrow = NarrowParser.updateSingleNarrow(narrow, facetid, filterValue)\n                    }\n                ) : null;\n                if(value) {\n                    newNarrow = NarrowParser.updateSingleNarrow(newNarrow ?? narrow, facetid, value)\n                }\n                if (newNarrow) {\n                    onNarrowChange(newNarrow as any);\n                    onPageChange(1);\n                }\n                disableMenuDelay()\n            }, 750);\n            return;\n        }\n        timer = setTimeout(() => {\n            let newNarrow = NarrowParser.updateNarrow(narrow, facetid, value);\n            onNarrowChange(newNarrow as any);\n            onPageChange(1);\n            disableMenuDelay()\n        }, 750);\n    }\n    const onFromToFilterChange = (facetid: string, value: string) => {\n        setDisableFilters(true)\n        clearTimeout(timer);\n\n        timer = setTimeout(() => {\n            let newNarrow: Narrow = {};\n            if (!value) {\n                 newNarrow = Object.fromEntries(\n                    Object.entries(narrow).filter(([key, value]) => key !== facetid)\n                );\n            } else {\n                 newNarrow = NarrowParser.updateSingleNarrow(narrow, facetid, value);\n            }\n            onNarrowChange(newNarrow as any);\n            onPageChange(1);\n            disableMenuDelay()\n        }, 750);\n    }\n\n    const disableMenuDelay = () => {\n        const timerId = setTimeout(() => {\n            setDisableFilters(false);\n        }, 750);\n        return () => clearTimeout(timerId);\n    }\n\n    const clearAll = () => {\n        onNarrowChange({});\n        onPageChange(1);\n        setFilters(getBackOfficeFilters());\n    }\n\n    return (\n        <div className={classes.filtersContainer} style={{ opacity: disableFilters ? 0.5 : 1, pointerEvents: disableFilters ? 'none' : 'auto' }}>\n            <div className={classes.sideMenuContainer}>\n                <FacetItem key={\"fs-filters\"+(filters?.[\"filter\"] as Facet)?.id.toString()}\n                           narrow={narrow[((filters?.[\"filter\"] as Facet)?.meta && narrow[((filters?.[\"filter\"] as Facet)?.name + \"_from_to\")])  ? ((filters?.[\"filter\"] as Facet)?.name + \"_from_to\") : (filters?.[\"filter\"] as Facet)?.id]}\n                           facet={(filters?.[\"filter\"] as Facet)} onChange={onFilterChange} onNarrowChange={onNarrowChange} onPageChange={onNarrowChange}\n                           type={FacetsTypes.multiSelect} tooltipText={getBackOfficeFilterTooltipText[\"filter\"]}\n                           disableSelect={disableFilters}></FacetItem>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FacetItem key={\"fs-filters\"+(filters?.[\"lastReceivedDate\"] as Facet)?.id.toString()}\n                           narrow={narrow[((filters?.[\"lastReceivedDate\"] as Facet)?.meta && narrow[((filters?.[\"lastReceivedDate\"] as Facet)?.name + \"_from_to\")])  ? ((filters?.[\"lastReceivedDate\"] as Facet)?.name + \"_from_to\") : (filters?.[\"lastReceivedDate\"] as Facet)?.id]}\n                           facet={(filters?.[\"lastReceivedDate\"] as Facet)} onChange={onFilterChange} onNarrowChange={onNarrowChange} onPageChange={onNarrowChange}\n                           type={FacetsTypes.RadioSelect} tooltipText={getBackOfficeFilterTooltipText[\"lastReceivedDate\"]}\n                           disableSelect={disableFilters}></FacetItem>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"stockAvailability\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"stockAvailability\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"variantsInStock\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"variantsInStock\"]} limit={{min: 0, max:100}}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"sales\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"sales\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"weeksOfStock\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"weeksOfStock\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"margin\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"margin\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"marginPercent\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"marginPercent\"]} limit={{min: 0, max:100}}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"merchCreationDate\"] as FromTo)}\n                              convertValueCallback={(value) => {return Number(value) > 0? (Number(value) / 1000)?.toString() : value}}\n                              onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"merchCreationDate\"]}></FromToFilter>\n            </div>\n            <span onClick={clearAll}className={classNames(classes.arrow, classes.clearAll)}><small>Clear All&nbsp;&nbsp;&nbsp;<i/></small>\n            </span>\n        </div>\n    )\n};\n\nexport default BackOfficeFiltersMenu;\n"]}
+{"version":3,"file":"BackOfficeFiltersMenu.js","sourceRoot":"","sources":["../../../src/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useState} from 'react';\nimport classes from './styles.module.css';\nimport {FacetItem} from \"../FacetItem/FacetItem\";\nimport {\n    Facet,\n    NarrowParser,\n    FacetsTypes,\n    Narrow,\n} from \"@fast-simon/utilities\";\nimport {FromToFilter} from \"../FromToFilter/FromToFilter\";\nimport {getBackOfficeFilters, getBackOfficeFilterTooltipText, getLastReceivedTimeRange} from \"./utils\";\nimport {FromTo} from \"../FromToFilter/utils\";\n\nexport interface Props {\n    narrow: Narrow;\n    onNarrowChange: (narrow: any) => void;\n    onPageChange: (page: number) => void;\n}\n\nconst BackOfficeFiltersMenu: React.FC<Props> = ({narrow, onNarrowChange, onPageChange}) => {\n    const [filters, setFilters] = useState<any>(getBackOfficeFilters());\n    const [disableFilters, setDisableFilters] = useState<boolean>(false);\n    let timer: string | number | NodeJS.Timeout | undefined;\n    const onFilterChange = (facetid: string, value: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => {\n        setDisableFilters(true)\n        clearTimeout(timer);\n\n        if (facetid === 'merch_lrt') {\n            let merch_ltr_value = getLastReceivedTimeRange(value, fromDate??'', toDate??'');\n            value = merch_ltr_value ?? '';\n            timer = setTimeout(() => {\n                let newNarrow: Narrow | undefined = undefined;\n                narrow?.['merch_lrt']?.values?.() ? Array.from(narrow?.['merch_lrt']?.values?.())?.forEach?.((filterValue) => {\n                        newNarrow = NarrowParser.updateSingleNarrow(narrow, facetid, filterValue)\n                    }\n                ) : null;\n                if(value) {\n                    newNarrow = NarrowParser.updateSingleNarrow(newNarrow ?? narrow, facetid, value)\n                }\n                if (newNarrow) {\n                    onNarrowChange(newNarrow as any);\n                    onPageChange(1);\n                }\n                disableMenuDelay()\n            }, 750);\n            return;\n        }\n        timer = setTimeout(() => {\n            let newNarrow = NarrowParser.updateNarrow(narrow, facetid, value);\n            onNarrowChange(newNarrow as any);\n            onPageChange(1);\n            disableMenuDelay()\n        }, 750);\n    }\n    const onFromToFilterChange = (facetid: string, value: string) => {\n        setDisableFilters(true)\n        clearTimeout(timer);\n\n        timer = setTimeout(() => {\n            let newNarrow: Narrow = {};\n            if (!value) {\n                 newNarrow = Object.fromEntries(\n                    Object.entries(narrow).filter(([key, value]) => key !== facetid)\n                );\n            } else {\n                 newNarrow = NarrowParser.updateSingleNarrow(narrow, facetid, value);\n            }\n            onNarrowChange(newNarrow as any);\n            onPageChange(1);\n            disableMenuDelay()\n        }, 750);\n    }\n\n    const disableMenuDelay = () => {\n        const timerId = setTimeout(() => {\n            setDisableFilters(false);\n        }, 750);\n        return () => clearTimeout(timerId);\n    }\n\n    const clearAll = () => {\n        onNarrowChange({});\n        onPageChange(1);\n        setFilters(getBackOfficeFilters());\n    }\n\n    return (\n        <div className={classes.filtersContainer} style={{ opacity: disableFilters ? 0.5 : 1, pointerEvents: disableFilters ? 'none' : 'auto' }}>\n            <div className={classes.headerContainer}>\n                <h2 className={classes.title}>Inventory & Sales Filters</h2>\n                <div className={classes.clearAllButton} onClick={clearAll}>\n                    <span className={`ph ph-eraser`} style={{fontSize: '20px'}}/>\n                    <span className={classes.clearAllText}>Clear all</span>\n                </div>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FacetItem key={\"fs-filters\"+(filters?.[\"filter\"] as Facet)?.id.toString()}\n                           narrow={narrow[((filters?.[\"filter\"] as Facet)?.meta && narrow[((filters?.[\"filter\"] as Facet)?.name + \"_from_to\")])  ? ((filters?.[\"filter\"] as Facet)?.name + \"_from_to\") : (filters?.[\"filter\"] as Facet)?.id]}\n                           facet={(filters?.[\"filter\"] as Facet)} onChange={onFilterChange} onNarrowChange={onNarrowChange} onPageChange={onNarrowChange}\n                           type={FacetsTypes.multiSelect} tooltipText={getBackOfficeFilterTooltipText[\"filter\"]}\n                           disableSelect={disableFilters}></FacetItem>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FacetItem key={\"fs-filters\"+(filters?.[\"lastReceivedDate\"] as Facet)?.id.toString()}\n                           narrow={narrow[((filters?.[\"lastReceivedDate\"] as Facet)?.meta && narrow[((filters?.[\"lastReceivedDate\"] as Facet)?.name + \"_from_to\")])  ? ((filters?.[\"lastReceivedDate\"] as Facet)?.name + \"_from_to\") : (filters?.[\"lastReceivedDate\"] as Facet)?.id]}\n                           facet={(filters?.[\"lastReceivedDate\"] as Facet)} onChange={onFilterChange} onNarrowChange={onNarrowChange} onPageChange={onNarrowChange}\n                           type={FacetsTypes.RadioSelect} tooltipText={getBackOfficeFilterTooltipText[\"lastReceivedDate\"]}\n                           disableSelect={disableFilters}></FacetItem>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"stockAvailability\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"stockAvailability\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"variantsInStock\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"variantsInStock\"]} limit={{min: 0, max:100}}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"sales\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"sales\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"weeksOfStock\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"weeksOfStock\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"margin\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"margin\"]}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"marginPercent\"] as FromTo)} onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"marginPercent\"]} limit={{min: 0, max:100}}></FromToFilter>\n            </div>\n            <div className={classes.sideMenuContainer}>\n                <FromToFilter facet={(filters?.[\"merchCreationDate\"] as FromTo)}\n                              convertValueCallback={(value) => {return Number(value) > 0? (Number(value) / 1000)?.toString() : value}}\n                              onChange={onFromToFilterChange}\n                              tooltipText={getBackOfficeFilterTooltipText[\"merchCreationDate\"]}></FromToFilter>\n            </div>\n        </div>\n    )\n};\n\nexport default BackOfficeFiltersMenu;"]}

package/dist/components/BackOfficeFiltersMenu/styles.module.css

@@ -1,10 +1,50 @@
 .filtersContainer {
-        padding: 8px 16px;
-        font-size: 12px;
+    padding: 0;
+    font-size: 12px;
 }
-.clearAll {
-        color: var(--blue);
-    text-decoration: none;
+
+.headerContainer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    background-color: #f9fafb;
+}
+
+.title {
+    font-family: Assistant;
+    font-size: 18px;
+    font-weight: bold;
+    color: #222635;
+    margin: 0;
+}
+
+.clearAllButton {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 4px;
+    padding: 8px 10px;
+    border-radius: 6px;
+    border: solid 1px #dddfe4;
+    background-color: #fff;
     cursor: pointer;
-    font-size: 1.2rem;
+    transition: background-color 150ms ease-in-out;
+}
+
+.clearAllButton:hover {
+    background-color: #f5f7fa;
+}
+
+.clearAllText {
+    font-family: Assistant;
+    font-size: 14px;
+    font-weight: normal;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: normal;
+    letter-spacing: normal;
+    text-align: center;
+    color: #33394f;
 }

package/dist/components/CheckboxFilter/Checkbox/styles.module.css

@@ -22,35 +22,6 @@
     width: 0;
 }
 
-.checkmark {
-    min-height: 16px;
-    min-width: 16px;
-    background-color: #eee;
-    margin-right: 10px;
-}
-
-.fsCheckbox:hover input ~ .checkmark {
-    background-color: #d00202cf;
-}
-
-.fsCheckbox input:checked ~ .checkmark {
-    background-color: white;
-}
-
-.fsCheckbox input:checked ~ .checkmark:after {
-    display: block;
-}
-
-.fsCheckboxx .checkmark:after {
-    left: 5px;
-    width: 4px;
-    height: 9px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
 .fsSelectedCheckboxTrue{}
 .fsSelectedCheckboxFalse{}
 
@@ -69,9 +40,6 @@
     .checkbox {
         display: flex;
         position: relative;
-        padding: 0 5px 0 0;
-        margin-top: 5px;
-        margin-bottom: 5px;
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
@@ -104,10 +72,13 @@
     }
 
     .checkmark {
-        min-height: 16px;
-        min-width: 16px;
-        background-color: #eee;
+        min-height: 13px;
+        min-width: 13px;
+        border: #717788 2px solid;
+        background-color: unset;
+        border-radius: 4px;
         margin-right: 10px;
+        position: relative;
     }
 
     .checkbox:hover input ~ .checkmark {
@@ -115,7 +86,10 @@
     }
 
     .checkbox input:checked ~ .checkmark {
-        background-color: #000000;
+        background-color: #4374f2;
+        border: none;
+        min-height: 17px;
+        min-width: 17px;
     }
 
     .checkmark:after {
@@ -129,9 +103,10 @@
     }
 
     .checkbox .checkmark:after {
-        left: 5px;
-        width: 4px;
-        height: 9px;
+        left: 6px;
+        width: 3px;
+        height: 8px;
+        top: 2px;
         border: solid white;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
@@ -140,4 +115,4 @@
     }
 :global(.modal-mobile-filters .fs-serp-filter-count, .modal-mobile-filters .fsSerpCheckmark) {
         display: none;
-    }
+    }

package/dist/components/FacetItem/styles.module.css

@@ -8,13 +8,13 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     letter-spacing: .2px;
-    background-color: #fff0;
+    background-color: #f9fafb;
     border: none;
-    width: 100%;
+    width: calc(100% - 48px);
     text-align: left;
-    padding: 8px 0;
+    padding: 12px 24px;
     position: relative;
-    border-radius: 8px;
+    border-radius: 0;
     transition: background-color .2s ease-out;
     cursor: pointer;
     color: #000;
@@ -23,6 +23,8 @@
     display: flex;
     gap: 10px;
     align-items: center;
+    border-top: solid 1px #dddfe4;
+    border-bottom: solid 1px #dddfe4;
 }
 
 .fsFacetContainer {

package/dist/components/FastSimonApi/FastSimonApi.js

@@ -61,6 +61,7 @@ const FastSimonApi = (_a) => {
         custom_sort_settings: undefined,
         isAutocomplete: false,
         variation_id: variationId,
+        force_and: false,
         user_segment_preview: 'none',
         // Compare Mode state
         comparisonData: null,
@@ -106,6 +107,12 @@ const FastSimonApi = (_a) => {
     function setIsComparing(isComparing) {
         dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsComparing', payload: isComparing });
     }
+    function setForceAnd(forceAnd) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setForceAnd', payload: forceAnd });
+    }
+    function updateSettingsAndRefetch(settings) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'updateSettingsAndRefetch', payload: settings });
+    }
     function setUserSegmentPreview(preview) {
         userSegmentPreviewRef.current = preview;
         dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setUserSegmentPreview', payload: preview });
@@ -187,6 +194,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll, isAutocomplete ? isAutocomplete : false);
     }
@@ -212,6 +220,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll);
     }
@@ -232,6 +241,7 @@ const FastSimonApi = (_a) => {
             searchWithinSearch: state.searchWithinSearch,
             custom_sort_settings: state.custom_sort_settings,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         if (flags.length > 0) {
             flags.forEach((f) => {
@@ -265,6 +275,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll);
     }
@@ -289,6 +300,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll, state.isAutocomplete);
     }
@@ -314,6 +326,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll);
     }
@@ -339,6 +352,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll);
     }
@@ -363,6 +377,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll);
     }
@@ -383,6 +398,7 @@ const FastSimonApi = (_a) => {
             page: newState.page,
             segments: newState.segments,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         }, Boolean(!results && isInfiniteScroll && newState.page && newState.page > 1));
     }
     function setSingleProducts(products) {
@@ -412,6 +428,7 @@ const FastSimonApi = (_a) => {
             disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
             disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
             variation_id: state.variation_id,
+            force_and: state.force_and,
         };
         fetchResults(fetchParams, isInfiniteScroll);
     }
@@ -442,7 +459,7 @@ const FastSimonApi = (_a) => {
             setFlag(event.details);
         }
         function handleSetCollectionEvent(event) {
-            setCollectionID(event.detail);
+            setCollectionID(typeof event.detail === 'string' ? event.detail : event.detail.collectionID);
         }
         function handleSetCollectionURLEvent(event) {
             getAllCategories().then(r => {
@@ -498,6 +515,35 @@ const FastSimonApi = (_a) => {
             setCollectionID(state.collectionID);
         }
     }, [state.user_segment_preview]);
+    // Settings modal refetch: triggered after state is updated (no race conditions)
+    useEffect(() => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!state.refetchTrigger)
+            return;
+        // Build fetchParams from the now-updated state
+        const fetchParams = {
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: state.narrow,
+            sortBy: (_a = state.sortBy) !== null && _a !== void 0 ? _a : defaultSort,
+            categoryID: state.collectionID,
+            segments: state.segments,
+            withProductAttributes: withProductAttributes,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: ((_b = state.flag) === null || _b === void 0 ? void 0 : _b.find((f) => f == "disable_merchandising")) ? 1 : 0,
+            disable_semantics: ((_c = state.flag) === null || _c === void 0 ? void 0 : _c.find((f) => f == "disable_semantics")) ? 1 : 0,
+            disable_turbolinks: ((_d = state.flag) === null || _d === void 0 ? void 0 : _d.find((f) => f == "disable_turbolinks")) ? 1 : 0,
+            disable_strategies: ((_e = state.flag) === null || _e === void 0 ? void 0 : _e.find((f) => f == "disable_strategies")) ? 1 : 0,
+            disable_merchandising_rules: ((_f = state.flag) === null || _f === void 0 ? void 0 : _f.find((f) => f == "disable_merchandising_rules")) ? 1 : 0,
+            disable_antonyms: ((_g = state.flag) === null || _g === void 0 ? void 0 : _g.find((f) => f == "disable_antonyms")) ? 1 : 0,
+            variation_id: state.variation_id,
+            force_and: state.force_and,
+        };
+        fetchResults(fetchParams, isInfiniteScroll, state.isAutocomplete);
+    }, [state.refetchTrigger]);
     const onSearch = (props, isInfiniteScroll) => {
         setIsLoading({ products: true, filters: true });
         // Clear previous comparison data when starting new search
@@ -511,7 +557,7 @@ const FastSimonApi = (_a) => {
         const shouldFetchAnalytics = currentForceAnalytics || (isAnalyticsEnabled && (currentQuery !== lastAnalyticsQuery || lastAnalyticsMode !== 'search'));
         // Check if hybrid search is enabled - we'll need to make a comparison call
         const isHybridEnabled = getLSVectorSearchOn();
-        FullTextSearch.getReasoningFullTextSearch(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext, variation_id: state.variation_id })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
+        FullTextSearch.getReasoningFullTextSearch(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext, variation_id: state.variation_id, force_and: state.force_and })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
             var _a;
             // Mark analytics as fetched only if response contains analytics data with badges
             if (shouldFetchAnalytics && ((_a = response.analytics) === null || _a === void 0 ? void 0 : _a.badges)) {
@@ -540,6 +586,7 @@ const FastSimonApi = (_a) => {
             listIdRequestProps.page = 1;
             listIdRequestProps.market_context = marketContext;
             listIdRequestProps.variation_id = state.variation_id;
+            listIdRequestProps.force_and = state.force_and;
             let listIdRes = yield FullTextSearch.getReasoningFullTextSearchProductsIds(listIdRequestProps).then((response) => {
                 return response;
             });
@@ -551,6 +598,7 @@ const FastSimonApi = (_a) => {
             facetsRequestProps.page = props.page;
             facetsRequestProps.market_context = marketContext;
             facetsRequestProps.variation_id = state.variation_id;
+            facetsRequestProps.force_and = state.force_and;
             let facetsRes = yield FullTextSearch.getReasoningFullTextSearch(facetsRequestProps).then((response) => {
                 return response;
             });
@@ -579,7 +627,7 @@ const FastSimonApi = (_a) => {
                 console.log("[Compare Mode] Making comparison IDs call...");
                 try {
                     // Get all IDs WITHOUT hybrid_search_settings
-                    const comparisonResponse = yield FullTextSearch.getComparisonProductIds(Object.assign(Object.assign({}, props), { market_context: marketContext, variation_id: state.variation_id }));
+                    const comparisonResponse = yield FullTextSearch.getComparisonProductIds(Object.assign(Object.assign({}, props), { market_context: marketContext, variation_id: state.variation_id, force_and: state.force_and }));
                     const hybridOffIds = (comparisonResponse.id_list || []).map(id => id.toString());
                     const hybridOnIds = (response.id_list || []).map(id => id.toString());
                     console.log("[Compare Mode] Hybrid ON IDs count:", hybridOnIds.length);
@@ -602,7 +650,8 @@ const FastSimonApi = (_a) => {
     };
     const onAutocompleteSearch = (props) => {
         setIsLoading({ products: true, filters: true });
-        Autocomplete.getAutocompleteReasoning(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, market_context: marketContext, variation_id: state.variation_id })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
+        const personalizationSegment = getPersonalizationSegment(userSegmentPreviewRef.current);
+        Autocomplete.getAutocompleteReasoning(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, market_context: marketContext, variation_id: state.variation_id, force_and: state.force_and, ps: personalizationSegment })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
             response = getFormatedData(response);
             mergeResults(response, false);
             if (!customTitleChange) {
@@ -634,7 +683,7 @@ const FastSimonApi = (_a) => {
         const shouldFetchAnalytics = currentForceAnalytics || (isAnalyticsEnabled && (currentCollection !== lastAnalyticsCollection || lastAnalyticsMode !== 'collection'));
         const personalizationSegment = getPersonalizationSegment(userSegmentPreviewRef.current);
         lastFetchedSegmentRef.current = userSegmentPreviewRef.current;
-        SmartCollections.getSmartCollections(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext, variation_id: state.variation_id, ps: personalizationSegment }))
+        SmartCollections.getSmartCollections(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext, variation_id: state.variation_id, ps: personalizationSegment, force_and: state.force_and }))
             .then((response) => __awaiter(void 0, void 0, void 0, function* () {
             var _a;
             // Mark analytics as fetched only if response contains analytics data with badges
@@ -652,6 +701,7 @@ const FastSimonApi = (_a) => {
             listIdRequestProps.page = 1;
             listIdRequestProps.market_context = marketContext;
             listIdRequestProps.variation_id = state.variation_id;
+            listIdRequestProps.force_and = state.force_and;
             listIdRequestProps.ps = personalizationSegment;
             let listIdRes = yield SmartCollections.getSmartCollectionsProductsIds(listIdRequestProps).then((response) => {
                 return response;
@@ -664,6 +714,7 @@ const FastSimonApi = (_a) => {
             facetsRequestProps.page = props.page;
             facetsRequestProps.market_context = marketContext;
             facetsRequestProps.variation_id = state.variation_id;
+            facetsRequestProps.force_and = state.force_and;
             facetsRequestProps.ps = personalizationSegment;
             let facetsRes = yield SmartCollections.getSmartCollections(facetsRequestProps).then((response) => {
                 return response;
@@ -753,9 +804,10 @@ const FastSimonApi = (_a) => {
         autocomplete,
         isAutocomplete,
         variation_id: state.variation_id,
+        force_and: state.force_and,
         comparisonData: state.comparisonData,
         isComparing: state.isComparing
-    }), [narrow, results, page, query, sortBy, type, collectionID, isLoading, recommendations, singleProducts, isReady, autocomplete, isAutocomplete, state.variation_id, state.comparisonData, state.isComparing]);
+    }), [narrow, results, page, query, sortBy, type, collectionID, isLoading, recommendations, singleProducts, isReady, autocomplete, isAutocomplete, state.variation_id, state.force_and, state.comparisonData, state.isComparing]);
     // Memoize theme to prevent unnecessary object creation
     const mergedTheme = useMemo(() => (Object.assign(Object.assign({}, mainTheme), theme)), [theme]);
     // @ts-ignore
@@ -773,7 +825,9 @@ const FastSimonApi = (_a) => {
             setCustomSort,
             setIsAutocomplete,
             setVariationId,
-            setUserSegmentPreview
+            setForceAnd,
+            setUserSegmentPreview,
+            updateSettingsAndRefetch
         } }, { children: _jsx(FastState.Provider, Object.assign({ value: stateContextValue }, { children: _jsx(ThemeProvider, Object.assign({ theme: mergedTheme }, { children: children })) })) })));
 };
 // Memoize component to prevent unnecessary re-renders when parent updates