@fast-simon/dashboard-utilities 1.0.36 → 1.0.37

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuTitle.js","sourceRoot":"","sources":["../../../../../../src/components/SideMenuTitle/SideMenuTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAc,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,kGAAkG,CAAC;AAChK,OAAO,KAAK,MAAM,gEAAgE,CAAC;AACnF,OAAO,kBAAkB,MAAM,6EAA6E,CAAC;AAS7G,MAAM,aAAa,GAAoB,CAAC,EAAC,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAC,EAAE,EAAE;IAC/E,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;;QAChC,OAAO,CACF,KAAC,KAAK,kBAAC,MAAM,EAAE,SAAS,gBACjB,KAAC,kBAAkB,kBACf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,UAAU,EAAE,QAAQ,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,EACjE,WAAW,EAAE,OAAO,CAAC,KAAK,EAC1B,YAAY,EAAE,OAAO,CAAC,YAAY,gBAElC,4BAAK,SAAS,EAAE,OAAO,CAAC,kBAAkB,gBACrC,MAAA,sBAAsB,CAAC,mBAAmB,CAAC,0CAAE,SAAS,IACjD,IACO,IACjB,CACf,CAAA;IAEL,CAAC,EAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IAGd,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,aAAa,iBAChC,KAAK,EACL,SAAS,CAAC,CAAC;gBACR,8BACI,KAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EACvB,OAAO,EAAC,MAAM,EACd,cAAc,EAAE,OAAO,CAAC,SAAS,EACjC,YAAY,EAAE,EAAC,OAAO,EAAE,OAAO,CAAC,eAAe,EAAC,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EACnC,gBAAgB,EAAE,IAAI,GAAG,EACxB,cAAc,IAChB,CAAC,CAAC,CAAC,IAAI,KAEZ,CACT,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import Button from 'services/dashboard/dashboard-client/src/components/Button/Button';\r\nimport React, {useMemo, useState} from 'react';\r\nimport classes from './styles.module.css';\r\nimport {MenuItemName} from \"dist\";\r\nimport {sideNavItemNameToTitle, sideNavItemToTitleIcon} from \"../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/SideNav/utils\";\r\nimport Modal from \"../../../../../dashboard/dashboard-client/src/components/Modal\";\r\nimport ConfirmationDialog from \"../../../../../dashboard/dashboard-client/src/components/ConfirmationDialog\";\r\n\r\nexport interface Props {\r\n    title: string\r\n    selectedNavItemName: string;\r\n    titleIcon?: React.ReactNode;\r\n    onTitleIconClick?: () => void;\r\n}\r\n\r\nconst SideMenuTitle: React.FC<Props> = ({title, selectedNavItemName, titleIcon}) => {\r\n    const [openModal, setModal] = useState(false);\r\n\r\n    const menuTitleModal = useMemo(() => {\r\n        return (\r\n             <Modal isOpen={openModal}>\r\n                    <ConfirmationDialog\r\n                        onClose={() => setModal(false)}\r\n                        headerText={`Edit ${sideNavItemNameToTitle[selectedNavItemName]}`}\r\n                        dialogClass={classes.modal}\r\n                        contentClass={classes.contentClass}\r\n                    >\r\n                        <div className={classes.editorBannersModal}>\r\n                            {sideNavItemToTitleIcon[selectedNavItemName]?.component}\r\n                            </div>\r\n                    </ConfirmationDialog>\r\n                </Modal>\r\n        )\r\n\r\n    },[openModal])\r\n\r\n\r\n    return (\r\n        <div className={classes.sideMenuTitle}>\r\n            {title}\r\n            {titleIcon ?\r\n                <>\r\n                    <Button icon={titleIcon}\r\n                    variant=\"link\"\r\n                    innerClassName={classes.topButton}\r\n                    innerClasses={{wrapper: classes.customContainer}}\r\n                    onClick={() => setModal(!openModal)}\r\n                    isEnableToViewer={true}/>\r\n                    {menuTitleModal}\r\n                </> : null\r\n            }\r\n        </div>\r\n    )\r\n};\r\n\r\nexport default SideMenuTitle;\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { Facet } from "@fast-simon/utilities";
+interface Props {
+    facet: Facet;
+    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean) => void;
+    narrow?: Set<string>;
+    disableSelect?: boolean;
+    onNarrowChange: (narrow: any) => void;
+    onPageChange: (page: number) => void;
+}
+export declare function SingleFilter({ facet, onChange, narrow, disableSelect, onNarrowChange, onPageChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,90 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Checkbox } from '../CheckboxFilter/Checkbox/Checkbox';
+import { getDisplayName } from "./utils";
+import classes from './styles.module.css';
+import classNames from "classnames";
+import SliderFilter from "../SliderFilter";
+import { FromToFilter } from "../FromToFilter/FromToFilter";
+import { getCustomPriceFilter } from "../BackOfficeFiltersMenu/utils";
+export function SingleFilter({ facet, onChange, narrow, disableSelect = false, onNarrowChange, onPageChange }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [expanded, setExpanded] = useState(false);
+    const [itemsToShow, setItemsToShow] = useState([]);
+    const [metaValue, setMetaValue] = useState([]);
+    useEffect(() => {
+        var _a, _b, _c;
+        setItemsToShow((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.slice(0, 5));
+        setExpanded(false);
+        if ((facet === null || facet === void 0 ? void 0 : facet.meta) && !(metaValue === null || metaValue === void 0 ? void 0 : metaValue.length)) {
+            setMetaValue([Number((_b = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _b === void 0 ? void 0 : _b.min), Number((_c = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _c === void 0 ? void 0 : _c.max)]);
+        }
+    }, [facet]);
+    useEffect(() => {
+        var _a;
+        if (((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.length) <= (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length)) {
+            setExpanded(true);
+        }
+    }, [itemsToShow]);
+    const handleShowMoreClick = () => {
+        setItemsToShow(facet === null || facet === void 0 ? void 0 : facet.values);
+        setExpanded(true);
+    };
+    const handleShowLessClick = () => {
+        var _a;
+        setItemsToShow((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.slice(0, 5));
+        setExpanded(true);
+    };
+    const onFacetClicked = (name) => {
+        // clearTimeout(timer);
+        // timer = setTimeout(() => {
+        onChange(facet.name, name);
+        // }, 750);
+    };
+    const onSliderFacetClicked = (value) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            var _a, _b;
+            setMetaValue(value);
+            if ((value === null || value === void 0 ? void 0 : value[0]) !== Number((_a = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _a === void 0 ? void 0 : _a.min) || (value === null || value === void 0 ? void 0 : value[1]) !== Number((_b = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _b === void 0 ? void 0 : _b.max)) {
+                onChange("Price_from_to", value[0] + "-" + value[1], true);
+            }
+            else {
+                onPageChange(1);
+                onNarrowChange((n) => {
+                    const narrow = Object.assign({}, n);
+                    delete narrow["Price_from_to"];
+                    return narrow;
+                });
+            }
+        }, 75);
+    };
+    const getMetaNarrow = () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        let values = (_h = (_f = (_e = (_d = (_c = (_b = (_a = narrow === null || narrow === void 0 ? void 0 : narrow.values) === null || _a === void 0 ? void 0 : _a.call(narrow)) === null || _b === void 0 ? void 0 : _b.next) === null || _c === void 0 ? void 0 : _c.call(_b)) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.split) === null || _f === void 0 ? void 0 : (_g = _f.call(_e, "-")).map) === null || _h === void 0 ? void 0 : _h.call(_g, val => { return !isNaN(val) ? Number(val) : null; });
+        return values && (values === null || values === void 0 ? void 0 : values[0]) && (values === null || values === void 0 ? void 0 : values[1]) ? values : metaValue;
+    };
+    let timer;
+    const onFromToFilterChange = (facetid, value) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            onChange((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to", value, true);
+        }, 750);
+    };
+    return (_jsxs("div", Object.assign({ className: classes.fsOptions, style: { pointerEvents: disableSelect ? 'none' : 'auto' } }, { children: [(itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                itemsToShow.map(value => {
+                    return (_jsx("span", Object.assign({ onClick: () => onFacetClicked(value.name) }, { children: _jsx(Checkbox, Object.assign({ isChecked: !!(narrow === null || narrow === void 0 ? void 0 : narrow.has(value.name)), id: value.name, onChange: () => {
+                                onFacetClicked(value.name);
+                            }, ariaLabel: getDisplayName(value.displayName) }, { children: _jsxs("span", Object.assign({ className: "filters-option-text fs-serp-filter-text" }, { children: [getDisplayName(value.displayName), " ", (value === null || value === void 0 ? void 0 : value.count) > 0 ? `(${value === null || value === void 0 ? void 0 : value.count})` : null] })) })) }), 'fs-checkbox-' + value.name));
+                }) :
+                (facet === null || facet === void 0 ? void 0 : facet.meta) ?
+                    _jsx(SliderFilter, { value: (_a = getMetaNarrow()) !== null && _a !== void 0 ? _a : [Number((_b = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _b === void 0 ? void 0 : _b.min), Number((_c = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _c === void 0 ? void 0 : _c.max)], id: 'fs-checkbox-' + (facet === null || facet === void 0 ? void 0 : facet.name), min: Number((_d = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _d === void 0 ? void 0 : _d.min), max: Number((_e = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _e === void 0 ? void 0 : _e.max), onChange: (val) => {
+                            onSliderFacetClicked(val);
+                        } }) : null, (facet === null || facet === void 0 ? void 0 : facet.name) === "Price" && (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                _jsx(FromToFilter, { facet: getCustomPriceFilter(), value: getMetaNarrow(), onChange: onFromToFilterChange }) : null, expanded && ((_f = facet === null || facet === void 0 ? void 0 : facet.values) === null || _f === void 0 ? void 0 : _f.length) !== (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                _jsx("span", Object.assign({ onClick: handleShowLessClick, className: classes.showMore }, { children: _jsxs("small", { children: ["Show Less\u00A0\u00A0\u00A0", _jsx("i", { className: classNames(classes.arrow, classes.down) })] }) }))
+                :
+                    ((_g = facet === null || facet === void 0 ? void 0 : facet.values) === null || _g === void 0 ? void 0 : _g.length) !== (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                        _jsx("span", Object.assign({ onClick: handleShowMoreClick, className: classes.showMore }, { children: _jsxs("small", { children: ["Show more\u00A0\u00A0\u00A0", _jsx("i", { className: classNames(classes.arrow, classes.down) })] }) })) : null] })));
+}
+//# sourceMappingURL=SingleFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilter.js","sourceRoot":"","sources":["../../../../../../src/components/SingleFilter/SingleFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport {Facet, Narrow} from \"@fast-simon/utilities\";\r\nimport { Checkbox } from '../CheckboxFilter/Checkbox/Checkbox';\r\nimport {getDisplayName} from \"./utils\";\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\nimport SliderFilter from \"../SliderFilter\";\r\nimport {FromToFilter} from \"../FromToFilter/FromToFilter\";\r\nimport {getCustomPriceFilter} from \"../BackOfficeFiltersMenu/utils\";\r\n\r\ninterface Props {\r\n    facet: Facet;\r\n    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean) => void;\r\n    narrow?: Set<string>;\r\n    disableSelect?: boolean;\r\n    onNarrowChange: (narrow: any) => void;\r\n    onPageChange: (page: number) => void;\r\n}\r\n\r\nexport function SingleFilter({facet, onChange, narrow, disableSelect = false, onNarrowChange, onPageChange}: Props) {\r\n    const [expanded, setExpanded] = useState(false);\r\n    const [itemsToShow, setItemsToShow] = useState<any[]>([]);\r\n    const [metaValue, setMetaValue] = useState<number[]>([])\r\n\r\n    useEffect(() => {\r\n        setItemsToShow(facet?.values?.slice(0,5));\r\n        setExpanded(false);\r\n        if(facet?.meta && !metaValue?.length) {\r\n            setMetaValue([Number(facet?.meta?.min), Number(facet?.meta?.max)])\r\n        }\r\n    }, [facet]);\r\n\r\n    useEffect(() => {\r\n        if (facet?.values?.length <= itemsToShow?.length) {\r\n            setExpanded(true);\r\n        }\r\n    }, [itemsToShow]);\r\n\r\n    const handleShowMoreClick = () => {\r\n        setItemsToShow(facet?.values);\r\n        setExpanded(true);\r\n    }\r\n\r\n    const handleShowLessClick = () => {\r\n        setItemsToShow(facet?.values?.slice(0,5));\r\n        setExpanded(true);\r\n    }\r\n\r\n    const onFacetClicked = (name: string) => {\r\n        // clearTimeout(timer);\r\n        // timer = setTimeout(() => {\r\n            onChange(facet.name , name);\r\n        // }, 750);\r\n    }\r\n    const onSliderFacetClicked = (value: number[]) : void => {\r\n        clearTimeout(timer);\r\n        timer = setTimeout(() => {\r\n            setMetaValue(value);\r\n            if(value?.[0] !== Number(facet?.meta?.min) || value?.[1] !== Number(facet?.meta?.max)) {\r\n                onChange(\"Price_from_to\" , value[0] + \"-\" + value[1], true);\r\n            } else {\r\n                onPageChange(1);\r\n                onNarrowChange((n: Narrow) => {\r\n                    const narrow = { ...n };\r\n                    delete narrow[\"Price_from_to\"];\r\n                    return narrow;\r\n                });\r\n            }\r\n        }, 75);\r\n    }\r\n    const getMetaNarrow = (): number[] => {\r\n       let values = (narrow?.values?.()?.next?.()?.value as string)?.split?.(\"-\").map?.(val => {return !isNaN(val as any)? Number(val): null});\r\n       return values && values?.[0] && values?.[1] ?values as number[]:metaValue;\r\n    }\r\n    let timer: string | number | NodeJS.Timeout | undefined;\r\n    const onFromToFilterChange = (facetid: string, value: string) => {\r\n        clearTimeout(timer);\r\n        timer = setTimeout(() => {\r\n            onChange(facet?.name+\"_from_to\" , value, true);\r\n        }, 750);\r\n    }\r\n    return (\r\n        <div className={classes.fsOptions} style={{ pointerEvents: disableSelect ? 'none' : 'auto'}}>\r\n            {\r\n                 itemsToShow?.length ?\r\n                        itemsToShow.map(value => {\r\n                            return (\r\n                                <span key={'fs-checkbox-' + value.name} onClick={() => onFacetClicked(value.name)}>\r\n                            <Checkbox isChecked={!!narrow?.has(value.name)} id={value.name} onChange={() => {\r\n                                onFacetClicked(value.name)\r\n                            }} ariaLabel={getDisplayName(value.displayName)}>\r\n                                <span\r\n                                    className=\"filters-option-text fs-serp-filter-text\">{getDisplayName(value.displayName)} {value?.count > 0?`(${value?.count})`: null}</span>\r\n                            </Checkbox>\r\n                        </span>\r\n                            )\r\n                        }) :\r\n                    facet?.meta ?\r\n                        <SliderFilter value={getMetaNarrow()??[Number(facet?.meta?.min),Number(facet?.meta?.max)]} id={'fs-checkbox-' + facet?.name}\r\n                                      min={Number(facet?.meta?.min)} max={Number(facet?.meta?.max)}\r\n                                      onChange={(val) => {\r\n                                          onSliderFacetClicked(val)\r\n                                      }}/> : null\r\n\r\n\r\n\r\n            }\r\n            {facet?.name === \"Price\" && itemsToShow?.length ?\r\n                <FromToFilter facet={getCustomPriceFilter()}\r\n                                value={getMetaNarrow()}\r\n                              onChange={onFromToFilterChange}></FromToFilter> : null}\r\n            {expanded && facet?.values?.length !== itemsToShow?.length ?\r\n                <span onClick={handleShowLessClick} className={classes.showMore}><small>Show Less&nbsp;&nbsp;&nbsp;<i\r\n                    className={classNames(classes.arrow, classes.down)}/></small>\r\n                </span>\r\n                :\r\n                facet?.values?.length !== itemsToShow?.length ?\r\n                <span onClick={handleShowMoreClick} className={classes.showMore}><small>Show more&nbsp;&nbsp;&nbsp;<i\r\n                    className={classNames(classes.arrow, classes.down)}/></small>\r\n                </span> : null\r\n            }\r\n        </div>\r\n\r\n    )\r\n\r\n}\r\n\r\n"]}

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

@@ -0,0 +1,3 @@
+import { FromTo } from "../FromToFilter/utils";
+export declare const getDisplayName: (displayName: string) => string;
+export declare const getCustomPriceFilter: () => FromTo;

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

@@ -0,0 +1,42 @@
+import { FromToTypes } from "../FromToFilter/utils";
+export const getDisplayName = (displayName) => {
+    let splittedName = displayName === null || displayName === void 0 ? void 0 : displayName.split(':');
+    if (splittedName === null || splittedName === void 0 ? void 0 : splittedName[1]) {
+        return splittedName === null || splittedName === void 0 ? void 0 : splittedName[1];
+    }
+    return displayName;
+};
+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"];
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/SingleFilter/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;IAClD,IAAI,YAAY,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C,IAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,EAAC;QACjB,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAA;KAC3B;IACD,OAAO,WAAW,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAW,EAAE;;IAC7C,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACpB,IAAI,OAAO,GAAG;QACV,OAAO,EAAE;YACL,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;YAC3C,IAAI,EAAE;gBACF,GAAG,EAAE,YAAY;gBACjB,IAAI,EAAE,WAAW,CAAC,MAAM;gBACxB,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,EAAE;aACZ;YACD,EAAE,EAAE;gBACA,GAAG,EAAE,UAAU;gBACf,IAAI,EAAE,WAAW,CAAC,MAAM;gBACxB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,EAAE;aACZ;SACJ;KACJ,CAAC;IACF,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACjD,IAAG,MAAE,OAAe,CAAC,GAAG,CAAS,0CAAE,IAAI,EAAE;YACnC,OAAe,CAAC,GAAG,CAAS,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;SACxD;QACD,IAAG,MAAA,MAAE,OAAe,CAAC,GAAG,CAAS,0CAAE,IAAI,0CAAE,GAAG,EAAE;YACxC,OAAe,CAAC,GAAG,CAAS,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;SAC5D;QACD,IAAG,MAAA,MAAE,OAAe,CAAC,GAAG,CAAS,0CAAE,EAAE,0CAAE,GAAG,EAAE;YACtC,OAAe,CAAC,GAAG,CAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;SAC1D;KACJ;IACD,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAW,CAAC;AACxC,CAAC,CAAA","sourcesContent":["import { FromTo, FromToTypes } from \"../FromToFilter/utils\";\r\n\r\nexport const getDisplayName = (displayName: string) => {\r\n    let splittedName = displayName?.split(':');\r\n    if(splittedName?.[1]){\r\n        return splittedName?.[1]\r\n    }\r\n    return displayName;\r\n};\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\n"]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import 'rc-slider/assets/index.css';
+export interface Classes {
+}
+export interface SliderProps {
+    disabled?: boolean;
+    className?: string;
+    onChange: (value: number[]) => void;
+    onChangeEnd?: (value: number) => void;
+    value?: number | number[];
+    id: string;
+    min: number;
+    max: number;
+    step?: number;
+    marks?: {
+        [id: number]: string;
+    };
+}
+declare const SliderFilter: React.FC<SliderProps>;
+export default SliderFilter;

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Slider from 'rc-slider';
+import 'rc-slider/assets/index.css';
+import classes from './styles.module.css';
+const SliderFilter = ({ min, max, onChange, value, disabled, marks, step }) => {
+    const [options, setOptions] = useState({});
+    const [optionSize, setOptionSize] = useState(10);
+    const [currentValue, setCurrentValue] = useState([]);
+    const createSliderMarks = (minPrice, maxPrice, step, numberOfMarks) => {
+        const marks = {};
+        // Generate the marks
+        for (let i = 0; i < numberOfMarks; i++) {
+            let markValue = min + i * step;
+            // Ensure the last mark is exactly the max value
+            if (i === numberOfMarks - 1) {
+                markValue = max;
+            }
+            marks[markValue] = markValue.toString();
+        }
+        return marks;
+    };
+    useEffect(() => {
+        const maxVal = Math.ceil(max ? max : 500);
+        const numberOfMarks = maxVal > 10000 ? 6 : 10;
+        // Calculate the step size
+        const tempStep = Math.ceil(step ? step : (maxVal - min) / (numberOfMarks - 1));
+        const tempDots = createSliderMarks(min, maxVal, tempStep, numberOfMarks);
+        setOptionSize(tempStep);
+        setOptions(tempDots);
+    }, [max, step]);
+    useEffect(() => {
+        setCurrentValue(value);
+    }, [value]);
+    const onSliderChange = (e) => {
+        clearTimeout(window.priceSliderTimer);
+        setCurrentValue(e);
+        window.priceSliderTimer = setTimeout(() => {
+            onChange(e);
+        }, 750);
+    };
+    // @ts-ignore
+    return (_jsx(_Fragment, { children: _jsx(Slider, { range: true, min: min, max: max, marks: options, step: optionSize, onChange: (e) => { onSliderChange(e); }, value: currentValue ? currentValue : [min, max], allowCross: false, pushable: true, draggableTrack: true, trackStyle: { backgroundColor: '#282828' }, handleStyle: { borderColor: '#575757' }, dotStyle: { borderColor: '#575757' }, activeDotStyle: { borderColor: '#575757' }, className: classes.rcSlider }) }));
+};
+export default SliderFilter;
+//# sourceMappingURL=SliderFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderFilter.js","sourceRoot":"","sources":["../../../../../../src/components/SliderFilter/SliderFilter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,4BAA4B,CAAC;AACpC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAmB1C,MAAM,YAAY,GAA0B,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAc,EAAC,EAAE;IAC3G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAE,QAAQ,CAA+B,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAE,QAAQ,CAAS,EAAE,CAAC,CAAC;IACxD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA+B,EAAE,CAAC,CAAA;IAElF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,QAAgB,EAAE,IAAY,EAAE,aAAqB,EAAE,EAAE;QAClG,MAAM,KAAK,GAA2B,EAAE,CAAC;QAEzC,qBAAqB;QACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;YACpC,IAAI,SAAS,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;YAE/B,gDAAgD;YAChD,IAAI,CAAC,KAAK,aAAa,GAAG,CAAC,EAAE;gBACzB,SAAS,GAAG,GAAG,CAAC;aACnB;YAED,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;SAC3C;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAA;IAGD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC;QAC9E,MAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;QACzE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,UAAU,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAGhB,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAC,CAAC,KAAK,CAAC,CAAC,CAAA;IAEV,MAAM,cAAc,GAAG,CAAC,CAAW,EAAE,EAAE;QACnC,YAAY,CAAE,MAAc,CAAC,gBAAgB,CAAC,CAAC;QAC/C,eAAe,CAAC,CAAC,CAAC,CAAC;QAClB,MAAc,CAAC,gBAAgB,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/C,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,CAAA;IAED,aAAa;IACb,OAAO,CAAC,4BACJ,KAAC,MAAM,IACH,KAAK,QACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,CAAC,CAAoB,EAAE,EAAE,GAAE,cAAc,CAAC,CAAa,CAAC,CAAC,CAAA,CAAC,EACpE,KAAK,EAAE,YAAY,CAAA,CAAC,CAAA,YAAY,CAAA,CAAC,CAAA,CAAC,GAAG,EAAE,GAAG,CAAC,EAC3C,UAAU,EAAE,KAAK,EACjB,QAAQ,QACR,cAAc,QACd,UAAU,EAAE,EAAC,eAAe,EAAE,SAAS,EAAC,EACxC,WAAW,EAAE,EAAC,WAAW,EAAE,SAAS,EAAC,EACrC,QAAQ,EAAE,EAAC,WAAW,EAAE,SAAS,EAAC,EAClC,cAAc,EAAE,EAAC,WAAW,EAAE,SAAS,EAAC,EACxC,SAAS,EAAE,OAAO,CAAC,QAAQ,GAC7B,GACH,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport Slider from 'rc-slider';\r\nimport 'rc-slider/assets/index.css';\r\nimport classes from './styles.module.css';\r\n\r\nexport interface Classes {\r\n\r\n}\r\n\r\nexport interface SliderProps {\r\n    disabled?: boolean\r\n    className?: string\r\n    onChange: (value: number[]) => void\r\n    onChangeEnd?: (value: number) => void\r\n    value?: number | number[]\r\n    id: string\r\n    min: number\r\n    max: number\r\n    step?: number\r\n    marks?: { [id: number] :string }\r\n}\r\n\r\nconst SliderFilter: React.FC<SliderProps> = ({min, max, onChange, value, disabled, marks, step}: SliderProps)=> {\r\n    const [options, setOptions]= useState<Record<string | number, any>>({});\r\n    const [optionSize, setOptionSize]= useState<number>(10);\r\n    const [currentValue, setCurrentValue] = useState<number |number[] | undefined>([])\r\n\r\n    const createSliderMarks = (minPrice: number, maxPrice: number, step: number, numberOfMarks: number) => {\r\n        const marks: Record<string, string> = {};\r\n\r\n        // Generate the marks\r\n        for (let i = 0; i < numberOfMarks; i++) {\r\n            let markValue = min + i * step;\r\n\r\n            // Ensure the last mark is exactly the max value\r\n            if (i === numberOfMarks - 1) {\r\n                markValue = max;\r\n            }\r\n\r\n            marks[markValue] = markValue.toString();\r\n        }\r\n\r\n        return marks;\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        const maxVal = Math.ceil( max ? max : 500);\r\n        const numberOfMarks = maxVal > 10000 ? 6 : 10;\r\n        // Calculate the step size\r\n        const tempStep = Math.ceil(step ? step :(maxVal - min) / (numberOfMarks - 1));\r\n        const tempDots = createSliderMarks(min, maxVal, tempStep, numberOfMarks);\r\n        setOptionSize(tempStep);\r\n        setOptions(tempDots);\r\n    }, [max, step]);\r\n\r\n\r\n    useEffect(() =>{\r\n        setCurrentValue(value);\r\n    },[value])\r\n\r\n    const onSliderChange = (e: number[]) => {\r\n        clearTimeout((window as any).priceSliderTimer);\r\n        setCurrentValue(e);\r\n        (window as any).priceSliderTimer = setTimeout(() => {\r\n            onChange(e);\r\n        }, 750);\r\n    }\r\n\r\n    // @ts-ignore\r\n    return (<>\r\n        <Slider\r\n            range\r\n            min={min}\r\n            max={max}\r\n            marks={options}\r\n            step={optionSize}\r\n            onChange={(e: number | number[]) => {onSliderChange(e as number[]);}}\r\n            value={currentValue?currentValue:[min, max]}\r\n            allowCross={false}\r\n            pushable\r\n            draggableTrack\r\n            trackStyle={{backgroundColor: '#282828'}}\r\n            handleStyle={{borderColor: '#575757'}}\r\n            dotStyle={{borderColor: '#575757'}}\r\n            activeDotStyle={{borderColor: '#575757'}}\r\n            className={classes.rcSlider}\r\n        />\r\n    </>);\r\n};\r\n\r\nexport default SliderFilter;\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface Props {
+    text?: string;
+    className?: string;
+    type?: 'help' | 'lock';
+}
+declare const Tooltip: React.FC<Props>;
+export default Tooltip;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import classes from "./styles.module.css";
+import { HelpIcon } from "../../icons/HelpIcon";
+const Tooltip = ({ text, className, type = 'help' }) => {
+    return (_jsxs(_Fragment, { children: [type === 'help' && _jsx(HelpIcon, { width: 20, height: 20, customClass: classes.tooltipIcon }), type === 'lock' && _jsx("span", Object.assign({ className: clsx('material-symbols-outlined', classes.tooltipIcon) }, { children: "lock" })), _jsx("div", Object.assign({ className: classes.miniTooltip }, { children: text }))] }));
+};
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,OAAO,GAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAC,EAAE,EAAE;IAElE,OAAO,CACH,8BACK,IAAI,KAAK,MAAM,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAG,EACvF,IAAI,KAAK,MAAM,IAAI,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,WAAW,CAAC,0BAAa,EACxG,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAAG,IAAI,IAAO,IACnD,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,OAAO,CAAC","sourcesContent":["import React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport classes from \"./styles.module.css\";\r\nimport {HelpIcon} from \"../../icons/HelpIcon\";\r\n\r\nexport interface Props {\r\n    text?: string;\r\n    className?: string;\r\n    type?: 'help' | 'lock'\r\n}\r\n\r\nconst Tooltip: React.FC<Props> = ({text, className, type = 'help'}) => {\r\n\r\n    return (\r\n        <>\r\n            {type === 'help' && <HelpIcon width={20} height={20} customClass={classes.tooltipIcon}/>}\r\n            {type === 'lock' && <span className={clsx('material-symbols-outlined', classes.tooltipIcon)}>lock</span>}\r\n            <div className={classes.miniTooltip}>{text}</div>\r\n       </>\r\n    )\r\n}\r\n\r\nexport default Tooltip;"]}

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

@@ -0,0 +1 @@
+export declare const newObject: <T>(obj: any) => Record<string, T>;

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

@@ -0,0 +1,10 @@
+export const newObject = (obj) => {
+    const newObj = {};
+    for (const [key, value] of Object.entries(obj)) {
+        if (typeof value !== "undefined" && value !== null) {
+            newObj[key] = value;
+        }
+    }
+    return newObj;
+};
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../src/components/common.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAI,GAAQ,EAAqB,EAAE;IACxD,MAAM,MAAM,GAAwB,EAAE,CAAC;IAEvC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5C,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,EAAE;YAChD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACvB;KACJ;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAA","sourcesContent":["export const newObject = <T>(obj: any): Record<string, T> => {\r\n    const newObj: Record<string, any> = {};\r\n\r\n    for (const [key, value] of Object.entries(obj)) {\r\n        if (typeof value !== \"undefined\" && value !== null) {\r\n            newObj[key] = value;\r\n        }\r\n    }\r\n\r\n    return newObj;\r\n}\r\n"]}

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    numberPerRow: number;
+    children?: React.ReactNode;
+    displayProducts: any[];
+    renderProduct?: (product: any, pos: number) => React.ReactNode;
+}
+declare const ProductGrid: React.FC<Props>;
+export default ProductGrid;

package/dist/frontends/dashboard-utilities/src/components/productGrid/ProductGrid.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+const ProductGrid = (props) => {
+    const { numberPerRow, displayProducts, renderProduct } = props;
+    function renderProductsGrid(displayProducts, renderProduct) {
+        const productsCards = [];
+        if (displayProducts && displayProducts.length > 0) {
+            displayProducts.forEach((product, i) => {
+                if (renderProduct) {
+                    const productMarkup = renderProduct(product, i + 1);
+                    if (productMarkup) {
+                        productsCards.push(productMarkup);
+                    }
+                }
+            });
+        }
+        return productsCards;
+    }
+    return (_jsx("div", Object.assign({ className: classes.grid, style: { "--products-per-row": numberPerRow, width: numberPerRow === 2 ? "500px" : "100%", } }, { children: renderProductsGrid(displayProducts, renderProduct) })));
+};
+export default ProductGrid;
+//# sourceMappingURL=ProductGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../../../../src/components/productGrid/ProductGrid.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAS1C,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAG,eAAe,EAAG,aAAa,EAAC,GAAG,KAAK,CAAC;IAEhE,SAAS,kBAAkB,CAAC,eAAsB,EAAE,aAA2E;QAC3H,MAAM,aAAa,GAAG,EAAW,CAAC;QAElC,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;YAE/C,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,EAAG,CAAC,EAAG,EAAE;gBACrC,IAAI,aAAa,EAAE;oBACf,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;oBACpD,IAAI,aAAa,EAAE;wBACf,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;qBACrC;iBACJ;YACL,CAAC,CAAC,CAAC;SACN;QAED,OAAO,aAAa,CAAC;IACzB,CAAC;IAGD,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAC,oBAAoB,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAS,gBAC1H,kBAAkB,CAAC,eAAe,EAAE,aAAa,CAAC,IACjD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, {useEffect, useState} from \"react\";\r\nimport classes from \"./styles.module.css\";\r\n\r\ninterface Props {\r\n    numberPerRow: number;\r\n    children?: React.ReactNode;\r\n    displayProducts: any[];\r\n    renderProduct?:(product: any, pos: number) => React.ReactNode;\r\n}\r\n\r\nconst ProductGrid: React.FC<Props> = (props) => {\r\n    const { numberPerRow , displayProducts , renderProduct} = props;\r\n\r\n    function renderProductsGrid(displayProducts: any[], renderProduct: ((product: any, pos: number) => React.ReactNode) | undefined) {\r\n        const productsCards = [] as any[];\r\n\r\n        if (displayProducts && displayProducts.length > 0) {\r\n\r\n            displayProducts.forEach((product , i ) => {\r\n                if (renderProduct) {\r\n                    const productMarkup = renderProduct(product, i + 1);\r\n                    if (productMarkup) {\r\n                        productsCards.push(productMarkup);\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        return productsCards;\r\n    }\r\n\r\n\r\n    return (\r\n        <div className={classes.grid} style={{\"--products-per-row\": numberPerRow, width: numberPerRow === 2 ? \"500px\" : \"100%\",} as any}>\r\n            {renderProductsGrid(displayProducts, renderProduct)}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default ProductGrid;\r\n"]}

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

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

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

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

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

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

package/dist/frontends/dashboard-utilities/src/icons/BackOfficeFiltersIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const BackOfficeFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/BackOfficeFiltersIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const BackOfficeFiltersIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg, style: { transform: 'scale(0.85)' } }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
+};
+//# sourceMappingURL=BackOfficeFiltersIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/BackOfficeFiltersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackOfficeFiltersIcon.js","sourceRoot":"","sources":["../../../../../src/icons/BackOfficeFiltersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IAC/E,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,aAAa,EAAC,gBAC/E,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,wRAAwR,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACtZ,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,qeAAqe,EAAC,WAAW,EAAC,GAAG,EAAC,gBAAgB,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KACvnB,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const BackOfficeFiltersIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapperForStrokedSvg} style={{transform: 'scale(0.85)'}}>\r\n            <svg width={width} height={height} viewBox=\"0 0 35 34\" fill={'white'} xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z\" strokeWidth=\"2\" strokeMiterlimit=\"10\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n            </svg>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/BannersIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const BannersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/BannersIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const BannersIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "fertile" })) })));
+};
+//# sourceMappingURL=BannersIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/BannersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannersIcon.js","sourceRoot":"","sources":["../../../../../src/icons/BannersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,6BAErF,IACL,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\n\r\nexport const BannersIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper}>\r\n            <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\r\n                fertile\r\n            </span>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/GeneralIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const GeneralIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/GeneralIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const GeneralIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M30.9596 7.57949C30.9596 8.86866 30.3505 10.0162 29.4155 10.7528C28.7355 11.2912 27.8713 11.617 26.9221 11.617C24.6838 11.617 22.8846 9.81783 22.8846 7.57949C22.8846 6.63033 23.2105 5.78033 23.7488 5.08616H23.763C24.4855 4.15116 25.633 3.54199 26.9221 3.54199C29.1605 3.54199 30.9596 5.34116 30.9596 7.57949ZM12.118 7.57949C12.118 9.81783 10.3188 11.617 8.08047 11.617C7.28193 11.617 6.50132 11.3802 5.83736 10.9366C5.17339 10.4929 4.6559 9.86233 4.35031 9.12458C4.04472 8.38682 3.96476 7.57502 4.12055 6.79182C4.27634 6.00862 4.66087 5.2892 5.22553 4.72455C5.79018 4.1599 6.50959 3.77536 7.29279 3.61957C8.07599 3.46379 8.8878 3.54374 9.62555 3.84933C10.3633 4.15492 10.9939 4.67242 11.4375 5.33638C11.8812 6.00034 12.118 6.78095 12.118 7.57949ZM30.9596 26.4212C30.9596 28.6595 29.1605 30.4587 26.9221 30.4587C25.633 30.4587 24.4855 29.8495 23.763 28.9145H23.7488C23.2105 28.2345 22.8846 27.3703 22.8846 26.4212C22.8846 24.1828 24.6838 22.3837 26.9221 22.3837C27.8713 22.3837 28.7213 22.7095 29.4155 23.2478V23.262C30.3505 23.9845 30.9596 25.132 30.9596 26.4212ZM12.118 26.4212C12.118 27.3703 11.7921 28.2203 11.2538 28.9145C10.8784 29.3977 10.3971 29.7882 9.84689 30.056C9.29669 30.3237 8.69234 30.4615 8.08047 30.4587C5.84214 30.4587 4.04297 28.6595 4.04297 26.4212C4.04297 25.132 4.65214 23.9845 5.58714 23.262V23.2478C6.26714 22.7095 7.1313 22.3837 8.08047 22.3837C10.3188 22.3837 12.118 24.1828 12.118 26.4212Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M30.9597 17.0003C30.9597 19.267 30.4072 21.3778 29.4155 23.2478C28.7355 22.7095 27.8714 22.3837 26.9222 22.3837C24.6839 22.3837 22.8847 24.1828 22.8847 26.4212C22.8847 27.3703 23.2105 28.2203 23.7489 28.9145C21.825 29.935 19.6791 30.4653 17.5014 30.4587C15.2489 30.4587 13.1239 29.9062 11.2539 28.9145C11.7922 28.2345 12.118 27.3703 12.118 26.4212C12.118 24.1828 10.3189 22.3837 8.08053 22.3837C7.13136 22.3837 6.28136 22.7095 5.5872 23.2478C4.56672 21.3239 4.03634 19.1781 4.04303 17.0003C4.04303 14.7478 4.59553 12.6228 5.5872 10.7528C6.28136 11.2912 7.13136 11.617 8.08053 11.617C10.3189 11.617 12.118 9.81782 12.118 7.57949C12.118 6.63032 11.7922 5.78032 11.2539 5.08616C13.1239 4.09449 15.2489 3.54199 17.5014 3.54199C19.768 3.54199 21.8789 4.09449 23.7489 5.08616C23.2105 5.76616 22.8847 6.63032 22.8847 7.57949C22.8847 9.81782 24.6839 11.617 26.9222 11.617C27.8714 11.617 28.7214 11.2912 29.4155 10.7528C30.4072 12.6228 30.9597 14.7478 30.9597 17.0003Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
+};
+//# sourceMappingURL=GeneralIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/GeneralIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralIcon.js","sourceRoot":"","sources":["../../../../../src/icons/GeneralIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,gBAC5C,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,04CAA04C,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EAC1gD,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,i8BAAi8B,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KAC7jC,IACJ,CACT,CAAA;AACL,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const GeneralIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapperForStrokedSvg}>\r\n            <svg width={width} height={height} viewBox=\"0 0 35 34\" fill={'white'} xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M30.9596 7.57949C30.9596 8.86866 30.3505 10.0162 29.4155 10.7528C28.7355 11.2912 27.8713 11.617 26.9221 11.617C24.6838 11.617 22.8846 9.81783 22.8846 7.57949C22.8846 6.63033 23.2105 5.78033 23.7488 5.08616H23.763C24.4855 4.15116 25.633 3.54199 26.9221 3.54199C29.1605 3.54199 30.9596 5.34116 30.9596 7.57949ZM12.118 7.57949C12.118 9.81783 10.3188 11.617 8.08047 11.617C7.28193 11.617 6.50132 11.3802 5.83736 10.9366C5.17339 10.4929 4.6559 9.86233 4.35031 9.12458C4.04472 8.38682 3.96476 7.57502 4.12055 6.79182C4.27634 6.00862 4.66087 5.2892 5.22553 4.72455C5.79018 4.1599 6.50959 3.77536 7.29279 3.61957C8.07599 3.46379 8.8878 3.54374 9.62555 3.84933C10.3633 4.15492 10.9939 4.67242 11.4375 5.33638C11.8812 6.00034 12.118 6.78095 12.118 7.57949ZM30.9596 26.4212C30.9596 28.6595 29.1605 30.4587 26.9221 30.4587C25.633 30.4587 24.4855 29.8495 23.763 28.9145H23.7488C23.2105 28.2345 22.8846 27.3703 22.8846 26.4212C22.8846 24.1828 24.6838 22.3837 26.9221 22.3837C27.8713 22.3837 28.7213 22.7095 29.4155 23.2478V23.262C30.3505 23.9845 30.9596 25.132 30.9596 26.4212ZM12.118 26.4212C12.118 27.3703 11.7921 28.2203 11.2538 28.9145C10.8784 29.3977 10.3971 29.7882 9.84689 30.056C9.29669 30.3237 8.69234 30.4615 8.08047 30.4587C5.84214 30.4587 4.04297 28.6595 4.04297 26.4212C4.04297 25.132 4.65214 23.9845 5.58714 23.262V23.2478C6.26714 22.7095 7.1313 22.3837 8.08047 22.3837C10.3188 22.3837 12.118 24.1828 12.118 26.4212Z\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M30.9597 17.0003C30.9597 19.267 30.4072 21.3778 29.4155 23.2478C28.7355 22.7095 27.8714 22.3837 26.9222 22.3837C24.6839 22.3837 22.8847 24.1828 22.8847 26.4212C22.8847 27.3703 23.2105 28.2203 23.7489 28.9145C21.825 29.935 19.6791 30.4653 17.5014 30.4587C15.2489 30.4587 13.1239 29.9062 11.2539 28.9145C11.7922 28.2345 12.118 27.3703 12.118 26.4212C12.118 24.1828 10.3189 22.3837 8.08053 22.3837C7.13136 22.3837 6.28136 22.7095 5.5872 23.2478C4.56672 21.3239 4.03634 19.1781 4.04303 17.0003C4.04303 14.7478 4.59553 12.6228 5.5872 10.7528C6.28136 11.2912 7.13136 11.617 8.08053 11.617C10.3189 11.617 12.118 9.81782 12.118 7.57949C12.118 6.63032 11.7922 5.78032 11.2539 5.08616C13.1239 4.09449 15.2489 3.54199 17.5014 3.54199C19.768 3.54199 21.8789 4.09449 23.7489 5.08616C23.2105 5.76616 22.8847 6.63032 22.8847 7.57949C22.8847 9.81782 24.6839 11.617 26.9222 11.617C27.8714 11.617 28.7214 11.2912 29.4155 10.7528C30.4072 12.6228 30.9597 14.7478 30.9597 17.0003Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n            </svg>\r\n        </div>\r\n    )\r\n};"]}

package/dist/frontends/dashboard-utilities/src/icons/HelpIcon.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    width?: number;
+    height?: number;
+    customClass?: string;
+}
+export declare const HelpIcon: ({ width, height, customClass }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/frontends/dashboard-utilities/src/icons/HelpIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const HelpIcon = ({ width, height, customClass }) => {
+    return (_jsx("svg", Object.assign({ className: customClass, xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 -960 960 960", fill: "#d7d7d7" }, { children: _jsx("path", { d: "M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" }) })));
+};
+//# sourceMappingURL=HelpIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/HelpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpIcon.js","sourceRoot":"","sources":["../../../../../src/icons/HelpIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE;IAC7D,OAAO,CACH,4BAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,gBACjI,eAAM,CAAC,EAAC,4dAA4d,GAAE,IACpe,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\n\r\ninterface Props {\r\n    width?: number\r\n    height?: number\r\n    customClass?: string\r\n}\r\n\r\nexport const HelpIcon = ({width, height, customClass} : Props) => {\r\n    return (\r\n        <svg className={customClass} xmlns=\"http://www.w3.org/2000/svg\" width={width} height={height} viewBox=\"0 -960 960 960\" fill=\"#d7d7d7\">\r\n            <path d=\"M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z\"/>\r\n        </svg>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/InStoreFiltersIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const InStoreFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/InStoreFiltersIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const InStoreFiltersIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg, style: { transform: 'scale(0.85)' } }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M3.33203 16.9995V21.2495C3.33203 28.3329 6.16537 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M5.18359 7.94727V11.1277C5.18359 14.3081 6.62859 15.5831 10.2331 15.5831H14.56C18.1645 15.5831 19.6095 14.3081 19.6095 11.1277V7.94727", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M12.3978 8.50033C13.8669 8.50033 14.9507 7.44491 14.8062 6.14866L14.2763 1.41699H10.5274L9.98949 6.14866C9.84499 7.44491 10.9287 8.50033 12.3978 8.50033Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M17.4638 8.50033C19.0854 8.50033 20.2735 7.33866 20.113 5.91491L19.8882 3.96699C19.5992 2.12533 18.7964 1.41699 16.6931 1.41699H14.2447L14.8066 6.38241C14.9431 7.55116 16.1392 8.50033 17.4638 8.50033ZM7.29261 8.50033C8.61719 8.50033 9.81333 7.55116 9.94178 6.38241L10.1184 4.81699L10.5037 1.41699H8.05525C5.95197 1.41699 5.14919 2.12533 4.86019 3.96699L4.64344 5.91491C4.48289 7.33866 5.671 8.50033 7.29261 8.50033ZM12.3983 12.042C11.0576 12.042 10.3913 12.6299 10.3913 13.8128V15.5837H14.4052V13.8128C14.4052 12.6299 13.7389 12.042 12.3983 12.042Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
+};
+//# sourceMappingURL=InStoreFiltersIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/InStoreFiltersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InStoreFiltersIcon.js","sourceRoot":"","sources":["../../../../../src/icons/InStoreFiltersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IAC5E,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,aAAa,EAAC,gBAC/E,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,wRAAwR,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACtZ,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,wIAAwI,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACtQ,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,2JAA2J,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACzR,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,siBAAsiB,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KAClqB,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const InStoreFiltersIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapperForStrokedSvg} style={{transform: 'scale(0.85)'}}>\r\n            <svg width={width} height={height} viewBox=\"0 0 35 34\" fill={'white'} xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M3.33203 16.9995V21.2495C3.33203 28.3329 6.16537 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M5.18359 7.94727V11.1277C5.18359 14.3081 6.62859 15.5831 10.2331 15.5831H14.56C18.1645 15.5831 19.6095 14.3081 19.6095 11.1277V7.94727\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M12.3978 8.50033C13.8669 8.50033 14.9507 7.44491 14.8062 6.14866L14.2763 1.41699H10.5274L9.98949 6.14866C9.84499 7.44491 10.9287 8.50033 12.3978 8.50033Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M17.4638 8.50033C19.0854 8.50033 20.2735 7.33866 20.113 5.91491L19.8882 3.96699C19.5992 2.12533 18.7964 1.41699 16.6931 1.41699H14.2447L14.8066 6.38241C14.9431 7.55116 16.1392 8.50033 17.4638 8.50033ZM7.29261 8.50033C8.61719 8.50033 9.81333 7.55116 9.94178 6.38241L10.1184 4.81699L10.5037 1.41699H8.05525C5.95197 1.41699 5.14919 2.12533 4.86019 3.96699L4.64344 5.91491C4.48289 7.33866 5.671 8.50033 7.29261 8.50033ZM12.3983 12.042C11.0576 12.042 10.3913 12.6299 10.3913 13.8128V15.5837H14.4052V13.8128C14.4052 12.6299 13.7389 12.042 12.3983 12.042Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n            </svg>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/PromoteIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const PromoteIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/PromoteIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const PromoteIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "upload" })) })));
+};
+//# sourceMappingURL=PromoteIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/PromoteIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoteIcon.js","sourceRoot":"","sources":["../../../../../src/icons/PromoteIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,4BAErF,IACL,CACT,CAAA;AACL,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const PromoteIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper}>\r\n            <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\r\n                upload\r\n            </span>\r\n        </div>\r\n    )\r\n};\r\n\r\n\r\n"]}

package/dist/frontends/dashboard-utilities/src/icons/RemoveIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const RemoveIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/RemoveIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const RemoveIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "delete" })) })));
+};
+//# sourceMappingURL=RemoveIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/RemoveIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveIcon.js","sourceRoot":"","sources":["../../../../../src/icons/RemoveIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACpE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,4BAErF,IACL,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const RemoveIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper}>\r\n            <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\r\n                delete\r\n            </span>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/RestoreIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const RestoreIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/RestoreIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const RestoreIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "restart_alt" })) })));
+};
+//# sourceMappingURL=RestoreIcon.js.map