@fast-simon/dashboard-utilities 1.0.35 → 1.0.37

package/dist/frontends/dashboard-utilities/src/@types/currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency.js","sourceRoot":"","sources":["../../../../../src/@types/currency.ts"],"names":[],"mappings":"","sourcesContent":["export type Currency =\r\n    string\r\n    | 'USD'\r\n    | 'CRC'\r\n    | 'AUD'\r\n    | 'AZN'\r\n    | 'NZD'\r\n    | 'CAD'\r\n    | 'VES'\r\n    | 'SGD'\r\n    | 'COP'\r\n    | 'GBP'\r\n    | 'BRL'\r\n    | 'ILS'\r\n    | 'AED'\r\n    | 'JMD'\r\n    | 'MYR'\r\n    | 'THB'\r\n    | 'DKK'\r\n    | 'EGP'\r\n    | 'NOK'\r\n    | 'SEK'\r\n    | 'HKD'\r\n    | 'ZAR'\r\n    | 'CHF'\r\n    | 'HRK'\r\n    | 'INR'\r\n    | 'UAH'\r\n    | 'RUB'\r\n    | 'BYR'\r\n    | 'IRR'\r\n    | 'MXN'\r\n    | 'TWD'\r\n    | 'TRY'\r\n    | 'TRL'\r\n    | 'TL'\r\n    | 'PLN'\r\n    | 'HUF'\r\n    | 'BGN'\r\n    | 'EUR'\r\n    | 'NGN'\r\n    | 'RON'\r\n    | 'VND'\r\n    | 'BDT'\r\n    | 'XOF'\r\n    | 'JPY'\r\n    | 'CNY'\r\n    | 'KRW'\r\n    | 'ARS'\r\n"]}

package/dist/frontends/dashboard-utilities/src/@types/editorProduct.d.ts

@@ -0,0 +1,26 @@
+import { Product } from "fast-simon-sdk";
+import { ProductLabelType } from "./productLabel";
+export interface EditorProduct extends Product {
+    org_pos: number | "";
+    inv_sale: ProductInvSale;
+    productLabel?: ProductLabelType;
+    is_unpublished?: boolean;
+    isFilteredProduct?: boolean;
+    pin_to_position?: number;
+}
+interface ProductInvSale {
+    cost: number;
+    d: number[];
+    i: number;
+    s: number;
+    tags: string[];
+    v: Record<string, any>;
+}
+export interface ChatbotAction {
+    actionName: "promote" | "hide" | "bury" | "position";
+    srcPosition: number;
+    destPosition: number;
+    disabled: boolean;
+}
+export declare function isEditorProduct(gridItem?: EditorProduct): gridItem is EditorProduct;
+export {};

package/dist/frontends/dashboard-utilities/src/@types/editorProduct.js

@@ -0,0 +1,6 @@
+export function isEditorProduct(gridItem) {
+    if (gridItem === undefined)
+        return false;
+    return gridItem.l !== undefined;
+}
+//# sourceMappingURL=editorProduct.js.map

package/dist/frontends/dashboard-utilities/src/@types/editorProduct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorProduct.js","sourceRoot":"","sources":["../../../../../src/@types/editorProduct.ts"],"names":[],"mappings":"AA4BA,MAAM,UAAU,eAAe,CAAC,QAAwB;IACpD,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACzC,OAAQ,QAA0B,CAAC,CAAC,KAAK,SAAS,CAAC;AACvD,CAAC","sourcesContent":["import { Product } from \"fast-simon-sdk\";\r\nimport { ProductLabelType } from \"./productLabel\";\r\n\r\nexport interface EditorProduct extends Product {\r\n    org_pos: number | \"\";\r\n    inv_sale: ProductInvSale;\r\n    productLabel?: ProductLabelType;\r\n    is_unpublished?: boolean;\r\n    isFilteredProduct?: boolean;\r\n    // chatbotAction?: ChatbotAction;\r\n    pin_to_position?: number;\r\n}\r\ninterface ProductInvSale {\r\n    cost: number;\r\n    d: number[];\r\n    i: number;\r\n    s: number;\r\n    tags: string[];\r\n    v: Record<string, any>;\r\n}\r\n\r\nexport interface ChatbotAction {\r\n    actionName: \"promote\" | \"hide\" | \"bury\" | \"position\";\r\n    srcPosition: number;\r\n    destPosition: number;\r\n    disabled: boolean;\r\n}\r\n\r\nexport function isEditorProduct(gridItem?: EditorProduct): gridItem is EditorProduct {\r\n    if (gridItem === undefined) return false;\r\n    return (gridItem as EditorProduct).l !== undefined;\r\n}"]}

package/dist/frontends/dashboard-utilities/src/@types/iconProps.d.ts

@@ -0,0 +1,9 @@
+export interface IconProps {
+    width?: number;
+    height?: number;
+    customClasses?: {
+        wrapper?: string;
+        svg?: string;
+        path?: string;
+    };
+}

package/dist/frontends/dashboard-utilities/src/@types/iconProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=iconProps.js.map

package/dist/frontends/dashboard-utilities/src/@types/iconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProps.js","sourceRoot":"","sources":["../../../../../src/@types/iconProps.ts"],"names":[],"mappings":"","sourcesContent":["export interface IconProps {\r\n    width?: number;\r\n    height?: number;\r\n\r\n    customClasses?: {\r\n        wrapper?: string,\r\n        svg?: string,\r\n        path?: string\r\n    };\r\n}"]}

package/dist/frontends/dashboard-utilities/src/@types/product.d.ts

@@ -0,0 +1,158 @@
+import type { Currency } from "./currency";
+import { PromoTileConfig } from "./promoTile";
+export declare enum FeaturedRanking {
+    FEATURED_RANK_NO = 0,
+    FEATURED_RANK_ON_MATCH = 1,
+    FEATURED_RANK_ALWAYS = 2,
+    FEATURED_RANK_NEVER = 3
+}
+export interface ServerProduct {
+    c: Currency;
+    d: string;
+    f: FeaturedRanking;
+    id: productID;
+    iso: boolean;
+    l: string;
+    p: string;
+    p_c: string;
+    p_max: string;
+    p_max_c: string;
+    p_min: string;
+    p_min_c: string;
+    p_spl: number;
+    p_spl_id?: string;
+    review?: number;
+    reviews_count?: number;
+    s: string;
+    sku: string;
+    skus: string[];
+    t: string;
+    t2: string;
+    u: string;
+    v_c: number;
+    v: string;
+    vra: ServerVariant[];
+    vrc: object;
+    att?: Attribute[];
+    real_sku?: string;
+    image_id?: string;
+    alt?: AlternativeColor[];
+    inventory_lvl?: number;
+    promotile?: boolean;
+}
+export type ServerVariant = [number, VariantData[]];
+export type VariantData = [string, string[]];
+export type Attribute = [string, AttributeData[]];
+export type AttributeData = string[] | string[][];
+export interface ServerAltProductVariant {
+    sellable: boolean;
+    size: string;
+    v_id: number;
+}
+export interface ServerAltProductData {
+    l: string;
+    p: string;
+    p_c: string;
+    p_spl: number;
+    p_spl_id?: number;
+    sku?: string;
+    t: string[];
+    vra: ServerAltProductVariant[];
+    review?: number;
+    reviews_count?: number;
+    att?: any[];
+    s?: string;
+    p_min: string;
+    p_max: string;
+}
+export type AlternativeColor = [AlternativeColorName, AlternativeColorURL, productID?, ServerAltProductData?];
+type AlternativeColorName = string;
+type AlternativeColorURL = string;
+type productID = number;
+export interface Badge {
+    tag: string;
+    url: string;
+}
+export interface TextBadge {
+    badgeText: string;
+    tag: string;
+    badgeStyle: {
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        horizontal: string;
+        vertical: string;
+        size: number;
+        textColor: string;
+    };
+}
+export interface Products {
+    [id: string]: Product;
+}
+export interface Product {
+    currency: Currency;
+    id: string;
+    title: string;
+    description: string;
+    variants: Variants;
+    isSoldOut: boolean;
+    price: number;
+    minPrice: number;
+    maxPrice: number;
+    maxCompare: number;
+    comparePrice: number;
+    maxFormattedCompare: string;
+    reviewScore: number | undefined;
+    reviewCount: number | undefined;
+    imageURL: string;
+    imageURL2: string;
+    optimizedURL?: string;
+    formattedPrice: string;
+    formattedCompare: string | undefined;
+    vendor: string;
+    sku: string;
+    s: string;
+    inventory_lvl?: number;
+    imagesSrcset: string;
+    productURL: string;
+    productBadges: Badge[];
+    productTextBadges?: TextBadge[];
+    alternativeProducts?: AlternativeProduct[];
+    tags?: string[];
+    promoTileConfig?: PromoTileConfig;
+    attributes?: Attribute[];
+    p_spl?: number;
+    p_spl_id?: string;
+    isIspNoPrice?: boolean;
+    imageID?: string;
+    vrc?: object;
+}
+export interface Variant {
+    id: number;
+    attributes: {
+        [key: string]: VariantsAttribute;
+    };
+}
+export type Variants = Variant[];
+export type VariantsAttribute = string | number | boolean | string[] | undefined;
+export interface AlternativeProduct {
+    color: string;
+    url: string;
+    id: string;
+    variants?: Variants;
+    s?: string;
+    price: number;
+    comparePrice: number;
+    formattedCompare?: string;
+    formattedPrice?: string;
+    attributes?: Attribute[] | undefined;
+}
+export interface ServerPromotile {
+    height: number;
+    id: string;
+    image: string;
+    link: string;
+    width: number;
+    title: string;
+}
+export {};

package/dist/frontends/dashboard-utilities/src/@types/product.js

@@ -0,0 +1,8 @@
+export var FeaturedRanking;
+(function (FeaturedRanking) {
+    FeaturedRanking[FeaturedRanking["FEATURED_RANK_NO"] = 0] = "FEATURED_RANK_NO";
+    FeaturedRanking[FeaturedRanking["FEATURED_RANK_ON_MATCH"] = 1] = "FEATURED_RANK_ON_MATCH";
+    FeaturedRanking[FeaturedRanking["FEATURED_RANK_ALWAYS"] = 2] = "FEATURED_RANK_ALWAYS";
+    FeaturedRanking[FeaturedRanking["FEATURED_RANK_NEVER"] = 3] = "FEATURED_RANK_NEVER";
+})(FeaturedRanking || (FeaturedRanking = {}));
+//# sourceMappingURL=product.js.map

package/dist/frontends/dashboard-utilities/src/@types/product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../../../src/@types/product.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACvB,6EAAgB,CAAA;IAChB,yFAAsB,CAAA;IACtB,qFAAoB,CAAA;IACpB,mFAAmB,CAAA;AACvB,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B","sourcesContent":["import type {Currency} from \"./currency\";\r\nimport {PromoTileConfig} from \"./promoTile\";\r\n\r\nexport enum FeaturedRanking {\r\n    FEATURED_RANK_NO,\r\n    FEATURED_RANK_ON_MATCH,\r\n    FEATURED_RANK_ALWAYS,\r\n    FEATURED_RANK_NEVER,\r\n}\r\n\r\nexport interface ServerProduct {\r\n    c: Currency\r\n    d: string\r\n    f: FeaturedRanking\r\n    id: productID\r\n    iso: boolean\r\n    l: string\r\n    p: string\r\n    p_c: string\r\n    p_max: string\r\n    p_max_c: string\r\n    p_min: string\r\n    p_min_c: string\r\n    p_spl: number\r\n    p_spl_id?: string\r\n    review?: number\r\n    reviews_count?: number\r\n    s: string\r\n    sku: string\r\n    skus: string[]\r\n    t: string\r\n    t2: string\r\n    u: string\r\n    v_c: number\r\n    v: string\r\n    vra: ServerVariant[]\r\n    vrc: object\r\n    att?: Attribute[]\r\n    real_sku?: string\r\n    image_id?: string\r\n    alt?: AlternativeColor[]\r\n    inventory_lvl?: number\r\n    promotile?: boolean\r\n}\r\n\r\nexport type ServerVariant = [number, VariantData[]]\r\nexport type VariantData = [string, string[]]\r\n\r\nexport type Attribute = [string, AttributeData[]]\r\nexport type AttributeData = string[] | string[][]\r\n\r\nexport interface ServerAltProductVariant {\r\n    sellable: boolean;\r\n    size: string;\r\n    v_id: number;\r\n}\r\n\r\nexport interface ServerAltProductData {\r\n    l: string;\r\n    p: string;\r\n    p_c: string;\r\n    p_spl: number;\r\n    p_spl_id?: number;\r\n    sku?: string;\r\n    t: string[];\r\n    vra: ServerAltProductVariant[];\r\n    review?: number;\r\n    reviews_count?: number;\r\n    att?: any[];\r\n    s?: string;\r\n    p_min: string;\r\n    p_max: string;\r\n}\r\n\r\nexport type AlternativeColor = [AlternativeColorName, AlternativeColorURL, productID?, ServerAltProductData?]\r\n\r\ntype AlternativeColorName = string\r\ntype AlternativeColorURL = string\r\ntype productID = number\r\n\r\nexport interface Badge {\r\n    tag: string;\r\n    url: string;\r\n}\r\n\r\nexport interface TextBadge {\r\n    badgeText: string;\r\n    tag: string;\r\n    badgeStyle: {\r\n        backgroundColor: string;\r\n        borderColor: string;\r\n        borderRadius: number;\r\n        horizontal: string;\r\n        vertical: string;\r\n        size: number;\r\n        textColor: string;\r\n    }\r\n}\r\n\r\nexport interface Products {\r\n    [id: string]: Product\r\n}\r\n\r\nexport interface Product {\r\n    currency: Currency\r\n    id: string\r\n    title: string\r\n    description: string\r\n    variants: Variants\r\n    isSoldOut: boolean\r\n    price: number\r\n    minPrice: number\r\n    maxPrice: number\r\n    maxCompare: number\r\n    comparePrice: number\r\n    maxFormattedCompare: string;\r\n    reviewScore: number | undefined\r\n    reviewCount: number | undefined\r\n    imageURL: string\r\n    imageURL2: string\r\n    optimizedURL?: string;\r\n    formattedPrice: string\r\n    formattedCompare: string | undefined\r\n    vendor: string\r\n    sku: string\r\n    s: string\r\n    inventory_lvl?: number\r\n    imagesSrcset: string\r\n    productURL: string\r\n    productBadges: Badge[]\r\n    productTextBadges?: TextBadge[]\r\n    alternativeProducts?: AlternativeProduct[]\r\n    tags?: string[]\r\n    promoTileConfig?: PromoTileConfig\r\n    attributes?: Attribute[]\r\n    p_spl?: number\r\n    p_spl_id?: string\r\n    isIspNoPrice?: boolean\r\n    imageID?: string\r\n    vrc?: object\r\n}\r\n\r\nexport interface Variant {\r\n    id: number,\r\n    attributes: {\r\n        [key: string]: VariantsAttribute\r\n    }\r\n}\r\n\r\nexport type Variants = Variant[]\r\n\r\nexport type VariantsAttribute = string | number | boolean | string[] | undefined\r\n\r\nexport interface AlternativeProduct {\r\n    color: string,\r\n    url: string,\r\n    id: string,\r\n    variants?: Variants,\r\n    s?: string,\r\n    price: number\r\n    comparePrice: number,\r\n    formattedCompare?: string,\r\n    formattedPrice?: string,\r\n    attributes?: Attribute[] | undefined\r\n}\r\n\r\nexport interface ServerPromotile {\r\n    height: number;\r\n    id: string;\r\n    image: string;\r\n    link: string;\r\n    width: number;\r\n    title: string;\r\n}"]}

package/dist/frontends/dashboard-utilities/src/@types/productLabel.d.ts

@@ -0,0 +1 @@
+export type ProductLabelType = 'Buried' | 'Promoted' | 'Pinned' | 'Hidden' | 'Unpublished' | 'Selected' | '';

package/dist/frontends/dashboard-utilities/src/@types/productLabel.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=productLabel.js.map

package/dist/frontends/dashboard-utilities/src/@types/productLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"productLabel.js","sourceRoot":"","sources":["../../../../../src/@types/productLabel.ts"],"names":[],"mappings":"","sourcesContent":["export type ProductLabelType = 'Buried' | 'Promoted' | 'Pinned' | 'Hidden' | 'Unpublished' | 'Selected' | '';"]}

package/dist/frontends/dashboard-utilities/src/@types/promoTile.d.ts

@@ -0,0 +1,11 @@
+interface Size {
+    x: number;
+    y: number;
+}
+export interface PromoTileConfig {
+    size: Size;
+    url: string;
+    image: string;
+    title: string;
+}
+export {};

package/dist/frontends/dashboard-utilities/src/@types/promoTile.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=promoTile.js.map

package/dist/frontends/dashboard-utilities/src/@types/promoTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"promoTile.js","sourceRoot":"","sources":["../../../../../src/@types/promoTile.ts"],"names":[],"mappings":"","sourcesContent":["\r\ninterface Size {\r\n    x: number;\r\n    y: number;\r\n}\r\nexport interface PromoTileConfig {\r\n    size: Size;\r\n    url: string;\r\n    image: string;\r\n    title: string;\r\n}"]}

package/dist/frontends/dashboard-utilities/src/@types/sideMenu.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export type MenuItemName = 'in-store-filters' | 'back-office-filters' | 'buried' | 'hidden' | 'unpublished' | 'banners' | 'promo-tiles' | 'related-collections' | '' | 'chatbot' | string;
+export interface CustomClasses {
+    wrapper?: string;
+    svg?: string;
+    path?: string;
+}
+export interface SideMenuType {
+    menuItem: SideMenuItem;
+    menu: React.ReactNode;
+}
+export interface SideMenuItem {
+    getIcon: (customClasses?: CustomClasses) => JSX.Element;
+    name: MenuItemName;
+    menuTitle: string;
+    hooverTooltip: string;
+    position?: number;
+    isSelected?: boolean;
+}

package/dist/frontends/dashboard-utilities/src/@types/sideMenu.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sideMenu.js.map

package/dist/frontends/dashboard-utilities/src/@types/sideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sideMenu.js","sourceRoot":"","sources":["../../../../../src/@types/sideMenu.ts"],"names":[],"mappings":"","sourcesContent":["import React from \"react\";\r\n\r\nexport type MenuItemName = 'in-store-filters' | 'back-office-filters' | 'buried' | 'hidden' | 'unpublished' | 'banners' | 'promo-tiles' | 'related-collections' | '' | 'chatbot' | string;\r\nexport interface CustomClasses {\r\n        wrapper?: string,\r\n        svg?: string,\r\n        path?: string\r\n}\r\nexport interface SideMenuType {\r\n    menuItem: SideMenuItem\r\n    menu: React.ReactNode\r\n}\r\nexport interface SideMenuItem {\r\n    getIcon: (customClasses?: CustomClasses) => JSX.Element\r\n    name: MenuItemName;\r\n    menuTitle: string;\r\n    hooverTooltip: string;\r\n    position?: number\r\n    isSelected?: boolean\r\n}"]}

package/dist/frontends/dashboard-utilities/src/@types/sortBy.d.ts

@@ -0,0 +1,3 @@
+export type SortBy = "price_min_to_max" | "price_max_to_min" | "creation_date" | "creation_date_oldest" | "popularity" | "reviews" | "a_to_z" | "z_to_a" | 'relevency' | 'relevance';
+export type SortByTranslationKey = 'sort_by_best_match' | 'sort_by_price_low_to_high' | 'sort_by_price_high_to_low' | 'sort_by_newest' | 'sort_by_oldest' | 'sort_by_popularity' | 'sort_by_reviews' | 'sort_by_a_to_z' | 'sort_by_z_to_a';
+export type SortByConfig = Record<SortBy, string>;

package/dist/frontends/dashboard-utilities/src/@types/sortBy.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sortBy.js.map

package/dist/frontends/dashboard-utilities/src/@types/sortBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortBy.js","sourceRoot":"","sources":["../../../../../src/@types/sortBy.ts"],"names":[],"mappings":"","sourcesContent":["export type SortBy =\r\n    \"price_min_to_max\"\r\n    | \"price_max_to_min\"\r\n    | \"creation_date\"\r\n    | \"creation_date_oldest\"\r\n    | \"popularity\"\r\n    | \"reviews\"\r\n    | \"a_to_z\"\r\n    | \"z_to_a\"\r\n    | 'relevency'\r\n    | 'relevance'\r\n\r\nexport type SortByTranslationKey =\r\n          'sort_by_best_match' |\r\n          'sort_by_price_low_to_high' |\r\n          'sort_by_price_high_to_low' |\r\n          'sort_by_newest' |\r\n          'sort_by_oldest' |\r\n          'sort_by_popularity' |\r\n          'sort_by_reviews' |\r\n          'sort_by_a_to_z' |\r\n          'sort_by_z_to_a'\r\n\r\nexport type SortByConfig = Record<SortBy, string>;"]}

package/dist/frontends/dashboard-utilities/src/App.d.ts

@@ -0,0 +1,3 @@
+import "./index.css";
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/frontends/dashboard-utilities/src/App.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./index.css";
+const App = () => {
+    const products = [
+        'Product 1',
+        'Product 2',
+        'Product 3',
+        'Product 4',
+        'Product 5',
+        'Product 6'
+    ];
+    return (_jsx("div", { children: _jsx("h2", { children: "Product Grid Example" }) }));
+};
+export default App;
+//# sourceMappingURL=App.js.map

package/dist/frontends/dashboard-utilities/src/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../../src/App.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,CAAC;AAIrB,MAAM,GAAG,GAAG,GAAG,EAAE;IACb,MAAM,QAAQ,GAAG;QACjB,WAAW;QACX,WAAW;QACX,WAAW;QACX,WAAW;QACX,WAAW;QACX,WAAW;KACZ,CAAC;IACA,OAAO,CACH,wBACE,gDAA6B,GAMzB,CACP,CAAC;AACR,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import ProductGrid from './components/productGrid'\r\nimport \"./index.css\";\r\n\r\n\r\n\r\nconst App = () => {\r\n    const products = [\r\n    'Product 1',\r\n    'Product 2',\r\n    'Product 3',\r\n    'Product 4',\r\n    'Product 5',\r\n    'Product 6'\r\n  ];\r\n    return (\r\n        <div>\r\n          <h2>Product Grid Example</h2>\r\n          {/*<ProductGrid numberPerRow={3}>*/}\r\n          {/*  {products.map((product, index) => (*/}\r\n          {/*    <div key={index}>{product}</div>*/}\r\n          {/*  ))}*/}\r\n          {/*</ProductGrid>*/}\r\n        </div>\r\n      );\r\n};\r\n\r\nexport default App;\r\n"]}

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Narrow } from "@fast-simon/utilities";
+export interface Props {
+    narrow: Narrow;
+    onNarrowChange: (narrow: any) => void;
+    onPageChange: (page: number) => void;
+}
+declare const BackOfficeFiltersMenu: React.FC<Props>;
+export default BackOfficeFiltersMenu;

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import classes from './styles.module.css';
+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());
+    const [disableFilters, setDisableFilters] = useState(false);
+    let timer;
+    const onFilterChange = (facetid, value, updateSingleNarrow, fromDate, toDate) => {
+        setDisableFilters(true);
+        clearTimeout(timer);
+        if (facetid === 'merch_lrt') {
+            let merch_ltr_value = getLastReceivedTimeRange(value, fromDate !== null && fromDate !== void 0 ? fromDate : '', toDate !== null && toDate !== void 0 ? toDate : '');
+            value = merch_ltr_value !== null && merch_ltr_value !== void 0 ? merch_ltr_value : '';
+            timer = setTimeout(() => {
+                var _a, _b, _c, _d, _e, _f;
+                let newNarrow = undefined;
+                ((_b = (_a = narrow === null || narrow === void 0 ? void 0 : narrow['merch_lrt']) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.call(_a)) ? (_f = (_e = Array.from((_d = (_c = narrow === null || narrow === void 0 ? void 0 : narrow['merch_lrt']) === null || _c === void 0 ? void 0 : _c.values) === null || _d === void 0 ? void 0 : _d.call(_c))) === null || _e === void 0 ? void 0 : _e.forEach) === null || _f === void 0 ? void 0 : _f.call(_e, (filterValue) => {
+                    newNarrow = NarrowParser.updateSingleNarrow(narrow, facetid, filterValue);
+                }) : null;
+                if (value) {
+                    newNarrow = NarrowParser.updateSingleNarrow(newNarrow !== null && newNarrow !== void 0 ? newNarrow : narrow, facetid, value);
+                }
+                if (newNarrow) {
+                    onNarrowChange(newNarrow);
+                    onPageChange(1);
+                }
+                disableMenuDelay();
+            }, 750);
+            return;
+        }
+        timer = setTimeout(() => {
+            let newNarrow = NarrowParser.updateNarrow(narrow, facetid, value);
+            onNarrowChange(newNarrow);
+            onPageChange(1);
+            disableMenuDelay();
+        }, 750);
+    };
+    const onFromToFilterChange = (facetid, value) => {
+        setDisableFilters(true);
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            let newNarrow = {};
+            if (!value) {
+                newNarrow = Object.fromEntries(Object.entries(narrow).filter(([key, value]) => key !== facetid));
+            }
+            else {
+                newNarrow = NarrowParser.updateSingleNarrow(narrow, facetid, value);
+            }
+            onNarrowChange(newNarrow);
+            onPageChange(1);
+            disableMenuDelay();
+        }, 750);
+    };
+    const disableMenuDelay = () => {
+        const timerId = setTimeout(() => {
+            setDisableFilters(false);
+        }, 750);
+        return () => clearTimeout(timerId);
+    };
+    const clearAll = () => {
+        onNarrowChange({});
+        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", {})] }) }))] })));
+};
+export default BackOfficeFiltersMenu;
+//# sourceMappingURL=BackOfficeFiltersMenu.js.map

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js.map

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

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BackOfficeFiltersMenu";

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/index.js

@@ -0,0 +1,2 @@
+export { default } from "./BackOfficeFiltersMenu";
+//# sourceMappingURL=index.js.map

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/BackOfficeFiltersMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { default } from \"./BackOfficeFiltersMenu\";\r\n"]}

package/dist/frontends/dashboard-utilities/src/components/BackOfficeFiltersMenu/utils.d.ts

@@ -0,0 +1,7 @@
+import { Facet } from "@fast-simon/utilities";
+import { FromTo } from "../FromToFilter/utils";
+export declare const getBackOfficeFilters: () => Record<string, Facet | FromTo>;
+export declare const getCustomPriceFilter: () => FromTo;
+export declare const clearFilters: (filters: Record<string, Facet | FromTo>) => void;
+export declare const getLastReceivedTimeRange: (selectedType: string, fromDate: string, toDate: string) => string | undefined;
+export declare const getBackOfficeFilterTooltipText: Record<string, string>;