@fast-simon/dashboard-utilities 1.0.1 → 1.0.3

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

@@ -1,74 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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 {Facet, NarrowParser, FacetsTypes} 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\nimport { Narrow } from '../../@types/narrow';\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

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

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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>;

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

@@ -1,239 +0,0 @@
-import { FromToTypes } from "../FromToFilter/utils";
-import { CustomTagsFilters } from "../../utils/customTagsFilters";
-export const getBackOfficeFilters = () => {
-    var _a, _b, _c, _d, _e;
-    let id = Date.now();
-    let customTagsFilters = CustomTagsFilters.getCustomTagsFilters();
-    let filters = {
-        "filter": {
-            id: "merch_tags", name: "merch_tags", displayName: "Filter by Tags",
-            values: [{ name: "new arrivals", displayName: "New Arrivals", count: 0 },
-                { name: "sale", displayName: "Sale", count: 0 },
-                { name: "best seller", displayName: "Best Seller", count: 0 }, ...(_a = customTagsFilters === null || customTagsFilters === void 0 ? void 0 : customTagsFilters.map) === null || _a === void 0 ? void 0 : _a.call(customTagsFilters, tag => ({
-                    name: tag,
-                    displayName: tag,
-                    count: 0
-                }))]
-        },
-        "lastReceivedDate": {
-            id: "merch_lrt", name: "merch_lrt", displayName: "Last Received Date",
-            values: [{ name: "All", displayName: "All", count: 0 },
-                { name: "Today", displayName: "Today", count: 0 },
-                { name: "Custom", displayName: "Custom", count: 0 },]
-        },
-        "stockAvailability": {
-            id: "merch_inventory", name: "Stock Availability", displayName: "Stock Availability",
-            from: {
-                key: "merch_inventory_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: "",
-                fromPlaceHolder: "0"
-            },
-            to: {
-                key: "merch_inventory_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: "",
-                toPlaceHolder: "no limit"
-            }
-        },
-        "variantsInStock": {
-            id: "merch_percent_variants_in_stock", name: "Variants In Stock", displayName: "Variants In Stock (Percent)",
-            from: {
-                key: "merch_percent_variants_in_stock_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: "",
-                fromPlaceHolder: "0"
-            },
-            to: {
-                key: "merch_percent_variants_in_stock_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: "",
-                toPlaceHolder: "100"
-            }
-        },
-        "sales": {
-            id: "merch_sales", name: "Sales(Weekly)", displayName: "Sales(Weekly)",
-            from: {
-                key: "merch_sales_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: "",
-                fromPlaceHolder: "0"
-            },
-            to: {
-                key: "merch_sales_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: "",
-                toPlaceHolder: "no limit"
-            }
-        },
-        "weeksOfStock": {
-            id: "merch_wos", name: "Weeks Of Stock", displayName: "Weeks Of Stock",
-            from: {
-                key: "merch_wos_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: "",
-                fromPlaceHolder: "0"
-            },
-            to: {
-                key: "merch_wos_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: "",
-                toPlaceHolder: "no limit"
-            }
-        },
-        "margin": {
-            id: "merch_margin", name: "Margin", displayName: "Margin",
-            from: {
-                key: "merch_margin_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: "",
-                fromPlaceHolder: "0"
-            },
-            to: {
-                key: "merch_margin_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: "",
-                toPlaceHolder: "no limit"
-            }
-        },
-        "marginPercent": {
-            id: "merch_margin_percent", name: "Margin Percent", displayName: "Margin Percent",
-            from: {
-                key: "marginPercent_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: "",
-                fromPlaceHolder: "0"
-            },
-            to: {
-                key: "marginPercent_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: "",
-                toPlaceHolder: "100"
-            }
-        },
-        "merchCreationDate": {
-            id: "merch_creation_date", name: "Creation Date", displayName: "Released Date",
-            from: {
-                key: "merch_creation_date_from",
-                type: FromToTypes.date,
-                name: "From",
-                value: "",
-                emptyValue: "Inf",
-                fromPlaceHolder: "MM/DD/YYYY"
-            },
-            to: {
-                key: "merch_creation_date_to",
-                type: FromToTypes.date,
-                name: "To",
-                value: "",
-                emptyValue: "Inf",
-                toPlaceHolder: "MM/DD/YYYY"
-            }
-        }
-    };
-    for (const [key, values] of Object.entries(filters)) {
-        // if(((filters as any)[key] as any)?.name) {
-        //     ((filters as any)[key] as any).name += id.toString();
-        // }
-        if ((_c = (_b = filters[key]) === null || _b === void 0 ? void 0 : _b.from) === null || _c === void 0 ? void 0 : _c.key) {
-            filters[key].from.key += id.toString();
-        }
-        if ((_e = (_d = filters[key]) === null || _d === void 0 ? void 0 : _d.to) === null || _e === void 0 ? void 0 : _e.key) {
-            filters[key].to.key += id.toString();
-        }
-    }
-    return filters;
-};
-export const getCustomPriceFilter = () => {
-    var _a, _b, _c, _d, _e;
-    let id = Date.now();
-    let filters = {
-        "price": {
-            id: "price", name: "Price", displayName: "",
-            from: {
-                key: "price_from",
-                type: FromToTypes.number,
-                name: "From",
-                value: ""
-            },
-            to: {
-                key: "price_to",
-                type: FromToTypes.number,
-                name: "To",
-                value: ""
-            }
-        }
-    };
-    for (const [key, values] of Object.entries(filters)) {
-        if ((_a = filters[key]) === null || _a === void 0 ? void 0 : _a.name) {
-            filters[key].name += id.toString();
-        }
-        if ((_c = (_b = filters[key]) === null || _b === void 0 ? void 0 : _b.from) === null || _c === void 0 ? void 0 : _c.key) {
-            filters[key].from.key += id.toString();
-        }
-        if ((_e = (_d = filters[key]) === null || _d === void 0 ? void 0 : _d.to) === null || _e === void 0 ? void 0 : _e.key) {
-            filters[key].to.key += id.toString();
-        }
-    }
-    return filters === null || filters === void 0 ? void 0 : filters["price"];
-};
-export const clearFilters = (filters) => {
-    var _a, _b, _c, _d;
-    for (const [key, values] of Object.entries(filters)) {
-        if ((_b = (_a = filters[key]) === null || _a === void 0 ? void 0 : _a.from) === null || _b === void 0 ? void 0 : _b.value) {
-            filters[key].from.value = "";
-        }
-        if ((_d = (_c = filters[key]) === null || _c === void 0 ? void 0 : _c.to) === null || _d === void 0 ? void 0 : _d.value) {
-            filters[key].to.value = "";
-        }
-    }
-};
-export const getLastReceivedTimeRange = (selectedType, fromDate, toDate) => {
-    const today = new Date();
-    const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime() / 1000;
-    const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1).getTime() / 1000;
-    if (selectedType.toLowerCase() === 'all') {
-        return undefined;
-    }
-    else if (selectedType.toLowerCase() === 'today') {
-        return `${todayTimestamp}-${tomorrowTimestamp}`;
-    }
-    if (fromDate || toDate) {
-        let fromDateTimestamp = 0;
-        let toDateTimestamp = tomorrowTimestamp;
-        if (fromDate) {
-            const fromDateArr = fromDate.split('-');
-            fromDateTimestamp = new Date(Number.parseInt(fromDateArr[2]), Number.parseInt(fromDateArr[1]) - 1, Number.parseInt(fromDateArr[0])).getTime() / 1000;
-        }
-        if (toDate) {
-            const toDateArr = toDate.split('-');
-            toDateTimestamp = new Date(Number.parseInt(toDateArr[2]), Number.parseInt(toDateArr[1]) - 1, Number.parseInt(toDateArr[0])).getTime() / 1000;
-        }
-        return `${fromDateTimestamp}-${toDateTimestamp}`;
-    }
-    return undefined;
-};
-export const getBackOfficeFilterTooltipText = {
-    "filter": "Shows products with selected tag filter",
-    "lastReceivedDate": "Shows products restocked within selected dates",
-    "stockAvailability": "Filters products by available inventory within specified range",
-    "variantsInStock": "Show products with variants in specified stock range",
-    "sales": "Filters products by recent weekly sales volume",
-    "weeksOfStock": "Est. weeks inventory remains based on sales volume",
-    "margin": "Filters products by specified profit range",
-    "marginPercent": "Filters products by specified profit range in percentage",
-    "merchCreationDate": "Creation date or publish date (according to the definition in /settings/options)"
-};
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/BackOfficeFiltersMenu/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {Facet} from \"@fast-simon/utilities\";\r\nimport {FromTo, FromToFilter, FromToTypes} from \"../FromToFilter/utils\";\r\nimport {CustomTagsFilters} from \"../../utils/customTagsFilters\";\r\n\r\nexport const getBackOfficeFilters = (): Record<string, Facet | FromTo> => {\r\n    let id = Date.now();\r\n    let customTagsFilters = CustomTagsFilters.getCustomTagsFilters();\r\n    let filters = {\r\n        \"filter\": {\r\n            id: \"merch_tags\", name: \"merch_tags\" , displayName: \"Filter by Tags\",\r\n            values: [{name: \"new arrivals\", displayName: \"New Arrivals\", count: 0},\r\n                {name: \"sale\", displayName: \"Sale\", count: 0},\r\n                {name: \"best seller\", displayName: \"Best Seller\", count: 0}, ...customTagsFilters?.map?.(tag => ({\r\n        name: tag,\r\n        displayName: tag, // Capitalize the first letter and lowercase the rest\r\n        count: 0\r\n    }))]\r\n        },\r\n        \"lastReceivedDate\": {\r\n            id: \"merch_lrt\", name: \"merch_lrt\" , displayName: \"Last Received Date\",\r\n            values: [{name: \"All\", displayName: \"All\", count: 0},\r\n                {name: \"Today\", displayName: \"Today\", count: 0},\r\n                {name: \"Custom\", displayName: \"Custom\", count: 0},]\r\n        },\r\n        \"stockAvailability\": {\r\n            id: \"merch_inventory\", name: \"Stock Availability\", displayName: \"Stock Availability\",\r\n            from: {\r\n                key: \"merch_inventory_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_inventory_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"variantsInStock\": {\r\n            id: \"merch_percent_variants_in_stock\", name: \"Variants In Stock\", displayName: \"Variants In Stock (Percent)\",\r\n            from: {\r\n                key: \"merch_percent_variants_in_stock_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_percent_variants_in_stock_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"100\"\r\n            }\r\n        },\r\n        \"sales\": {\r\n            id: \"merch_sales\", name: \"Sales(Weekly)\", displayName: \"Sales(Weekly)\",\r\n            from: {\r\n                key: \"merch_sales_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_sales_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"weeksOfStock\": {\r\n            id: \"merch_wos\", name: \"Weeks Of Stock\", displayName: \"Weeks Of Stock\",\r\n            from: {\r\n                key: \"merch_wos_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_wos_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"margin\": {\r\n            id: \"merch_margin\", name: \"Margin\", displayName: \"Margin\",\r\n            from: {\r\n                key: \"merch_margin_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_margin_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"marginPercent\": {\r\n            id: \"merch_margin_percent\", name: \"Margin Percent\", displayName: \"Margin Percent\",\r\n            from: {\r\n                key: \"marginPercent_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"marginPercent_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"100\"\r\n            }\r\n        },\r\n        \"merchCreationDate\": {\r\n            id: \"merch_creation_date\", name: \"Creation Date\", displayName: \"Released Date\",\r\n            from: {\r\n                key: \"merch_creation_date_from\",\r\n                type: FromToTypes.date,\r\n                name: \"From\",\r\n                value: \"\",\r\n                emptyValue: \"Inf\",\r\n                fromPlaceHolder: \"MM/DD/YYYY\"\r\n            },\r\n            to: {\r\n                key: \"merch_creation_date_to\",\r\n                type: FromToTypes.date,\r\n                name: \"To\",\r\n                value: \"\",\r\n                emptyValue: \"Inf\",\r\n                toPlaceHolder: \"MM/DD/YYYY\"\r\n            }\r\n        }\r\n    };\r\n    for (const [key, values] of Object.entries(filters)) {\r\n        // if(((filters as any)[key] as any)?.name) {\r\n        //     ((filters as any)[key] as any).name += id.toString();\r\n        // }\r\n        if(((filters as any)[key] as any)?.from?.key) {\r\n            ((filters as any)[key] as any).from.key += id.toString();\r\n        }\r\n        if(((filters as any)[key] as any)?.to?.key) {\r\n            ((filters as any)[key] as any).to.key += id.toString();\r\n        }\r\n    }\r\n    return filters;\r\n}\r\nexport const getCustomPriceFilter = (): FromTo => {\r\n    let id = Date.now();\r\n    let filters = {\r\n        \"price\": {\r\n            id: \"price\", name: \"Price\", displayName: \"\",\r\n            from: {\r\n                key: \"price_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\"\r\n            },\r\n            to: {\r\n                key: \"price_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\"\r\n            }\r\n        }\r\n    };\r\n    for (const [key, values] of Object.entries(filters)) {\r\n        if(((filters as any)[key] as any)?.name) {\r\n            ((filters as any)[key] as any).name += id.toString();\r\n        }\r\n        if(((filters as any)[key] as any)?.from?.key) {\r\n            ((filters as any)[key] as any).from.key += id.toString();\r\n        }\r\n        if(((filters as any)[key] as any)?.to?.key) {\r\n            ((filters as any)[key] as any).to.key += id.toString();\r\n        }\r\n    }\r\n    return filters?.[\"price\"] as FromTo;\r\n}\r\nexport const clearFilters = (filters: Record<string, Facet | FromTo>) : void => {\r\n    for (const [key, values] of Object.entries(filters)) {\r\n        if((filters[key] as any)?.from?.value) {\r\n            (filters[key] as any).from.value = \"\";\r\n        }\r\n        if((filters[key] as any)?.to?.value) {\r\n            (filters[key] as any).to.value = \"\";\r\n        }\r\n    }\r\n}\r\nexport const getLastReceivedTimeRange = (selectedType: string, fromDate: string, toDate: string): string | undefined => {\r\n\r\n    const today = new Date();\r\n    const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime() / 1000;\r\n    const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1).getTime() / 1000;\r\n\r\n    if (selectedType.toLowerCase() === 'all') {\r\n        return undefined;\r\n\r\n    } else if (selectedType.toLowerCase() === 'today') {\r\n        return `${todayTimestamp}-${tomorrowTimestamp}`;\r\n    }\r\n\r\n    if (fromDate || toDate) {\r\n        let fromDateTimestamp = 0;\r\n        let toDateTimestamp = tomorrowTimestamp;\r\n\r\n        if (fromDate) {\r\n            const fromDateArr = fromDate.split('-');\r\n            fromDateTimestamp = new Date(Number.parseInt(fromDateArr[2]), Number.parseInt(fromDateArr[1]) - 1, Number.parseInt(fromDateArr[0])).getTime() / 1000;\r\n        }\r\n\r\n        if (toDate) {\r\n            const toDateArr = toDate.split('-');\r\n            toDateTimestamp = new Date( Number.parseInt(toDateArr[2]), Number.parseInt(toDateArr[1]) - 1,Number.parseInt(toDateArr[0])).getTime() / 1000;\r\n        }\r\n\r\n        return `${fromDateTimestamp}-${toDateTimestamp}`;\r\n    }\r\n\r\n    return undefined;\r\n}\r\nexport const getBackOfficeFilterTooltipText: Record<string, string> = {\r\n    \"filter\" : \"Shows products with selected tag filter\",\r\n    \"lastReceivedDate\" : \"Shows products restocked within selected dates\",\r\n    \"stockAvailability\": \"Filters products by available inventory within specified range\",\r\n    \"variantsInStock\" : \"Show products with variants in specified stock range\",\r\n    \"sales\" : \"Filters products by recent weekly sales volume\",\r\n    \"weeksOfStock\" : \"Est. weeks inventory remains based on sales volume\",\r\n    \"margin\" : \"Filters products by specified profit range\",\r\n    \"marginPercent\" : \"Filters products by specified profit range in percentage\",\r\n    \"merchCreationDate\" : \"Creation date or publish date (according to the definition in /settings/options)\"\r\n}\r\n"]}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-interface Props {
-    isChecked: boolean;
-    ariaLabel?: string;
-    children: React.ReactNode;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    id?: string;
-}
-export declare function Checkbox({ isChecked, ariaLabel, children, onChange, id }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/frontends/dashboard-utilities/src/components/CheckboxFilter/Checkbox/Checkbox.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classes from './styles.module.css';
-import classNames from "classnames";
-export function Checkbox({ isChecked, ariaLabel, children, onChange, id }) {
-    return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: classNames(classes.checkbox, classes.fsCheckbox, isChecked ? classes.fsSelectedCheckboxTrue : classes.fsSelectedCheckboxFalse) }, { children: [_jsx("input", { type: "checkbox", checked: isChecked, onChange: onChange, "aria-label": ariaLabel, id: id }), _jsx("span", { className: classNames(classes.checkmark, classes.fsSerpCheckmark) }), _jsxs("span", Object.assign({ className: classNames(classes.checkboxLabel, classes.fsCheckboxLabel) }, { children: [children, _jsx("slot", {})] }))] })) }));
-}
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../../src/components/CheckboxFilter/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,UAAU,QAAQ,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAQ;IAC1E,OAAO,CACH,4BACI,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAA,CAAC,CAAC,OAAO,CAAC,sBAAsB,CAAA,CAAC,CAAC,OAAO,CAAC,uBAAuB,CAAC,iBACxI,gBAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,SAAS,EACtC,QAAQ,EAAE,QAAQ,gBACF,SAAS,EACxB,EAAE,EAAE,EAAE,GACR,EACE,eAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,GAAU,EACjF,8BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,iBACtE,QAAQ,EACb,gBAAO,KACJ,KAEL,GACP,CACV,CAAA;AAED,CAAC","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport {Facet} from \"@fast-simon/utilities\";\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\n\r\ninterface Props {\r\n    isChecked: boolean;\r\n    ariaLabel?: string;\r\n    children: React.ReactNode,\r\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void,\r\n    id?: string\r\n}\r\n\r\nexport function Checkbox({isChecked, ariaLabel, children, onChange, id}: Props) {\r\n    return (\r\n        <>\r\n            <div className={classNames(classes.checkbox, classes.fsCheckbox, isChecked? classes.fsSelectedCheckboxTrue: classes.fsSelectedCheckboxFalse)}>\r\n                <input type=\"checkbox\" checked={isChecked}\r\n                   onChange={onChange}\r\n                       aria-label={ariaLabel}\r\n                    id={id}\r\n                />\r\n                    <span className={classNames(classes.checkmark, classes.fsSerpCheckmark)} ></span>\r\n                    <span className={classNames(classes.checkboxLabel, classes.fsCheckboxLabel)}>\r\n                        {children}\r\n                    <slot/>\r\n                </span>\r\n\r\n            </div>\r\n        </>\r\n)\r\n\r\n}"]}

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

@@ -1,6 +0,0 @@
-import { Facet } from "@fast-simon/utilities";
-interface Props {
-    facet: Facet;
-}
-export declare function CheckboxFilter({ facet }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox } from "./Checkbox/Checkbox";
-export function CheckboxFilter({ facet }) {
-    const handleChange = (e) => {
-        console.log();
-    };
-    return (_jsx(Checkbox, Object.assign({ isChecked: true, ariaLabel: facet.name }, { children: _jsx("span", Object.assign({ className: "filters-option-text fs-serp-filter-text" }, { children: facet.name })) })));
-}
-//# sourceMappingURL=CheckboxFilter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../../../src/components/CheckboxFilter/CheckboxFilter.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM7C,MAAM,UAAU,cAAc,CAAC,EAAC,KAAK,EAAQ;IACzC,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC5B,OAAO,CAAC,GAAG,EAAE,CAAC;IAClB,CAAC,CAAA;IACD,OAAO,CACH,KAAC,QAAQ,kBAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,gBAC5C,6BAAM,SAAS,EAAC,yCAAyC,gBAAE,KAAK,CAAC,IAAI,IAAQ,IACtE,CAClB,CAAA;AAED,CAAC","sourcesContent":["import React from 'react';\r\nimport {Facet} from \"@fast-simon/utilities\";\r\nimport classes from './styles.module.css';\r\nimport {Checkbox} from \"./Checkbox/Checkbox\";\r\n\r\ninterface Props {\r\n    facet: Facet;\r\n}\r\n\r\nexport function CheckboxFilter({facet}: Props) {\r\n    const handleChange = (e: any) => {\r\n        console.log();\r\n    }\r\n    return (\r\n        <Checkbox isChecked={true} ariaLabel={facet.name}>\r\n            <span className=\"filters-option-text fs-serp-filter-text\">{facet.name}</span>\r\n        </Checkbox>\r\n)\r\n\r\n}"]}

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

@@ -1,20 +0,0 @@
-import React, { ReactNode } from "react";
-import { EditorProduct } from "../../@types/editorProduct";
-export interface DndContextWrapperProps {
-    children: ReactNode;
-    onDragStart: ({ active }: {
-        active: any;
-    }) => void;
-    onDragEnd: ({ over, active }: {
-        over: any;
-        active: any;
-    }) => void;
-    activeId: string | null;
-    findActiveProduct: (activeId: string) => EditorProduct | undefined;
-    selectedProductIds: Record<string, number>;
-    ProductCardComponent: React.ComponentType<any>;
-    SelectCardComponent: React.ComponentType<any>;
-    disableDragging?: boolean;
-}
-declare const DndContextWrapper: ({ children, onDragStart, onDragEnd, activeId, selectedProductIds, findActiveProduct, ProductCardComponent, SelectCardComponent, disableDragging }: DndContextWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export default DndContextWrapper;

package/dist/frontends/dashboard-utilities/src/components/DragAndDrop/DndContextWrapper.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { closestCorners, defaultDropAnimationSideEffects, DndContext, DragOverlay, MouseSensor, useSensor, useSensors, } from "@dnd-kit/core";
-import { isEditorProduct } from "../../@types/editorProduct";
-const DndContextWrapper = ({ children, onDragStart, onDragEnd, activeId, selectedProductIds, findActiveProduct, ProductCardComponent, SelectCardComponent, disableDragging = false }) => {
-    const sensors = useSensors(useSensor(MouseSensor, {
-        activationConstraint: {
-            distance: 10,
-        },
-    }));
-    // console.log(disableDragging)
-    // console.log({disableDragging: disableDragging, MouseSensor: MouseSensor, KeyboardSensor: KeyboardSensor})
-    return (_jsx(_Fragment, { children: _jsxs(DndContext, Object.assign({ sensors: sensors, collisionDetection: closestCorners, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [children, _jsx(DragOverlay, Object.assign({ style: {
-                        boxShadow: "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-                        zIndex: 9999999,
-                    }, dropAnimation: {
-                        easing: "cubic-bezier(0.22, 1, 0.36, 1)",
-                        keyframes: (parameters) => [{}],
-                        sideEffects: defaultDropAnimationSideEffects({
-                            styles: {
-                                active: {
-                                    opacity: "0.5",
-                                },
-                            },
-                        }),
-                    } }, { children: activeId &&
-                        (Object.keys(selectedProductIds).length <= 1 &&
-                            isEditorProduct(findActiveProduct(activeId)) ? (_jsx(ProductCardComponent, { isSelected: false, onClick: () => { }, product: findActiveProduct(activeId) })) : (_jsx(SelectCardComponent, { numSelected: (Object.keys(selectedProductIds).length) +
-                                (activeId in selectedProductIds
-                                    ? 0
-                                    : 1) }))) }))] })) }));
-};
-export default DndContextWrapper;
-//# sourceMappingURL=DndContextWrapper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DndContextWrapper.js","sourceRoot":"","sources":["../../../../../../src/components/DragAndDrop/DndContextWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,+BAA+B,EAC/B,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAe7D,MAAM,iBAAiB,GAAG,CAAC,EACI,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAAG,KAAK,EAC5B,EAAE,EAAE;IAE1B,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,CAAC,WAAW,EAAE;QACrB,oBAAoB,EAAE;YACpB,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CACH,CAAC;IAEJ,+BAA+B;IAC/B,4GAA4G;IAE5G,OAAO,CACH,4BAKc,MAAC,UAAU,kBACP,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,iBAEnB,QAAQ,EACT,KAAC,WAAW,kBACV,KAAK,EAAE;wBACL,SAAS,EAAE,qCAAqC;wBAChD,MAAM,EAAE,OAAO;qBAChB,EACD,aAAa,EAAE;wBACb,MAAM,EAAE,gCAAgC;wBACxC,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;wBAC/B,WAAW,EAAE,+BAA+B,CAAC;4BAC3C,MAAM,EAAE;gCACN,MAAM,EAAE;oCACN,OAAO,EAAE,KAAK;iCACf;6BACF;yBACF,CAAC;qBACH,gBAEA,QAAQ;wBACP,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,IAAI,CAAC;4BAC5C,eAAe,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAC3C,KAAC,oBAAoB,IACjB,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAmB,GACtD,CACP,CAAC,CAAC,CAAC,CACC,KAAC,mBAAmB,IACjB,WAAW,EACT,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC;gCACxC,CAAC,QAAQ,IAAI,kBAAkB;oCAC7B,CAAC,CAAC,CAAC;oCACH,CAAC,CAAC,CAAC,CAAC,GAEZ,CACH,CAAC,IACQ,KACH,GAG1B,CACN,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { ReactNode, useMemo, useState } from \"react\";\r\nimport {\r\n  closestCorners,\r\n  defaultDropAnimationSideEffects,\r\n  DndContext,\r\n  DragOverlay,\r\n  MouseSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from \"@dnd-kit/core\";\r\nimport { useVisualEditorContext } from \"../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext\";\r\nimport ProductCard from \"../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/ProductCard\";\r\nimport SelectCard from \"../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/SelectCard/SelectCard\";\r\nimport { EditorProduct } from \"../../@types/editorProduct\";\r\nimport { ProductLabelType } from \"../../@types/productLabel\";\r\nimport { isEditorProduct } from \"../../@types/editorProduct\";\r\nimport classes from \"./styles.module.css\";\r\n\r\nexport interface DndContextWrapperProps {\r\n  children: ReactNode;\r\n  onDragStart: ({active}: {active: any}) => void;\r\n  onDragEnd: ({over, active}: {over: any, active: any}) => void;\r\n  activeId: string | null;\r\n  findActiveProduct: (activeId: string) => EditorProduct | undefined;\r\n  selectedProductIds: Record<string, number>;\r\n  ProductCardComponent: React.ComponentType<any>;\r\n  SelectCardComponent: React.ComponentType<any>;\r\n  disableDragging?: boolean;\r\n}\r\n\r\nconst DndContextWrapper = ({\r\n                               children,\r\n                               onDragStart,\r\n                               onDragEnd,\r\n                               activeId,\r\n                               selectedProductIds,\r\n                               findActiveProduct,\r\n                               ProductCardComponent,\r\n                               SelectCardComponent,\r\n                               disableDragging = false\r\n} : DndContextWrapperProps) => {\r\n\r\n    const sensors = useSensors(\r\n      useSensor(MouseSensor, {\r\n        activationConstraint: {\r\n          distance: 10,\r\n        },\r\n      }),\r\n    );\r\n\r\n  // console.log(disableDragging)\r\n  // console.log({disableDragging: disableDragging, MouseSensor: MouseSensor, KeyboardSensor: KeyboardSensor})\r\n\r\n  return (\r\n      <>\r\n        {/*{*/}\r\n        {/*    disableDragging ? ( <div className={classes.disabledChildren} >{children}</div> ) :*/}\r\n\r\n        {/*        (*/}\r\n                    <DndContext\r\n                        sensors={sensors}\r\n                        collisionDetection={closestCorners}\r\n                        onDragStart={onDragStart}\r\n                        onDragEnd={onDragEnd}\r\n                      >\r\n                        {children}\r\n                        <DragOverlay\r\n                          style={{\r\n                            boxShadow: \"0 25px 50px -12px rgb(0 0 0 / 0.25)\",\r\n                            zIndex: 9999999,\r\n                          }}\r\n                          dropAnimation={{\r\n                            easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n                            keyframes: (parameters) => [{}],\r\n                            sideEffects: defaultDropAnimationSideEffects({\r\n                              styles: {\r\n                                active: {\r\n                                  opacity: \"0.5\",\r\n                                },\r\n                              },\r\n                            }),\r\n                          }}\r\n                        >\r\n                          {activeId &&\r\n                            (Object.keys(selectedProductIds).length <= 1 &&\r\n                            isEditorProduct(findActiveProduct(activeId)) ? (\r\n                                <ProductCardComponent\r\n                                    isSelected={false}\r\n                                    onClick={() => {}}\r\n                                    product={findActiveProduct(activeId)! as EditorProduct}\r\n                                  />\r\n                            ) : (\r\n                                 <SelectCardComponent\r\n                                    numSelected={\r\n                                      (Object.keys(selectedProductIds).length) +\r\n                                      (activeId in selectedProductIds\r\n                                        ? 0\r\n                                        : 1)\r\n                                    }\r\n                              />\r\n                            ))}\r\n                        </DragOverlay>\r\n                      </DndContext>\r\n        {/*        )*/}\r\n        {/*}*/}\r\n      </>\r\n  );\r\n\r\n};\r\n\r\nexport default DndContextWrapper;\r\n"]}

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

@@ -1,7 +0,0 @@
-import { ReactNode } from "react";
-interface DroppableProps {
-    id: string;
-    children: ReactNode;
-}
-declare const Droppable: ({ id, children }: DroppableProps) => import("react/jsx-runtime").JSX.Element;
-export default Droppable;

package/dist/frontends/dashboard-utilities/src/components/DragAndDrop/Droppable.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useDroppable } from "@dnd-kit/core";
-const Droppable = ({ id, children }) => {
-    const { setNodeRef } = useDroppable({
-        id: id,
-    });
-    return (_jsx("div", Object.assign({ ref: setNodeRef, style: { width: '100%', height: '100%', position: 'relative' } }, { children: children })));
-};
-export default Droppable;
-//# sourceMappingURL=Droppable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Droppable.js","sourceRoot":"","sources":["../../../../../../src/components/DragAndDrop/Droppable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAQ3C,MAAM,SAAS,GAAG,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACjD,MAAM,EAAC,UAAU,EAAC,GAAG,YAAY,CAAC;QAC9B,EAAE,EAAE,EAAE;KACT,CAAC,CAAC;IAEH,OAAO,CACH,4BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC,gBAC7E,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,SAAS,CAAA","sourcesContent":["import {useDroppable} from \"@dnd-kit/core\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DroppableProps {\r\n    id: string;\r\n    children: ReactNode;\r\n}\r\n\r\nconst Droppable = ({id, children}: DroppableProps) => {\r\n    const {setNodeRef} = useDroppable({\r\n        id: id,\r\n    });\r\n\r\n    return (\r\n        <div ref={setNodeRef} style={{width: '100%', height: '100%', position: 'relative'}}>\r\n            {children}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Droppable"]}

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

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-import { Narrow } from "../../@types/narrow";
-interface Props {
-    id: string;
-    children: ReactNode;
-    narrow: Narrow;
-    searchWithinResultsQuery?: string;
-    style?: Record<string, any>;
-    cssClass?: string | undefined;
-    index?: string;
-}
-export declare function SortableItem({ id, children, searchWithinResultsQuery, style, narrow, cssClass, index, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};