@fast-simon/dashboard-utilities 1.0.2 → 1.0.3

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/ActionsBar.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ActionItem as ActionItemType } from "./utils";
-import { EditorProduct } from "../../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct";
-export interface Props {
-    onClick: (item: ActionItemType, newPosition?: number) => void;
-    className: string;
-    product?: EditorProduct;
-    actionBarItems?: ActionItemType[];
-    position?: number;
-    actionBarContentClassName?: string;
-    tooltipClassName?: string;
-}
-declare const ActionsBar: React.FC<Props>;
-export default ActionsBar;

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/ActionsBar.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classes from "./styles.module.css";
-import { ActionsBarItems } from "./utils";
-import ActionItem from "./ActionItem";
-import clsx from "clsx";
-import { useVisualEditorContext } from "../../context/visualEditorContext";
-const ActionsBar = ({ onClick, className, product, actionBarItems, position, actionBarContentClassName, tooltipClassName }) => {
-    const { state } = useVisualEditorContext();
-    return (_jsx("div", Object.assign({ className: clsx(classes.actionBarContainer, className, 'actions-bar-container'), style: state.loading.products ? { pointerEvents: 'none' } : {} }, { children: _jsx("div", Object.assign({ className: clsx(classes.actionBarContent, actionBarContentClassName) }, { children: (actionBarItems || ActionsBarItems)
-                .filter(item => { var _a; return item.isVisible && ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, product)); })
-                .map(item => _jsx(ActionItem, { item: item, onClick: onClick, position: position, tooltipClassName: tooltipClassName }, item.name)) })) }), `actionBar_${product === null || product === void 0 ? void 0 : product.id}_${position}`));
-};
-export default ActionsBar;
-//# sourceMappingURL=ActionsBar.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/ActionsBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionsBar.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/ActionsBar.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AACtE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAC,sBAAsB,EAAC,MAAM,mCAAmC,CAAC;AAgBzE,MAAM,UAAU,GAAoB,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,yBAAyB,EAAE,gBAAgB,EAAC,EAAE,EAAE;IAExI,MAAM,EAAC,KAAK,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAEzC,OAAM,CACF,4BAAkD,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,EAAE,SAAS,EAAE,uBAAuB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,aAAa,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE,gBAC3L,4BAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,gBACpE,CAAC,cAAc,IAAI,eAAe,CAAC;iBAC/B,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,IAAI,CAAC,SAAS,KAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,qDAAG,OAAwB,CAAC,CAAA,CAAA,EAAA,CAAC;iBAC7E,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAC,UAAU,IAAiB,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,IAA/F,IAAI,CAAC,IAAI,CAAyF,CAAC,IACnI,KALA,aAAa,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,IAAI,QAAQ,EAAE,CAM1C,CACT,CAAA;AACL,CAAC,CAAA;AACD,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\r\nimport classes from \"./styles.module.css\";\r\nimport {ActionsBarItems, ActionItem as ActionItemType} from \"./utils\";\r\nimport ActionItem from \"./ActionItem\";\r\nimport clsx from \"clsx\";\r\nimport {EditorProduct} from \"../../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct\";\r\nimport {useVisualEditorContext} from \"../../context/visualEditorContext\";\r\n\r\nexport interface Props {\r\n    onClick: (item: ActionItemType, newPosition?:number) => void;\r\n    className: string;\r\n    product?: EditorProduct;\r\n\r\n    actionBarItems?: ActionItemType[];\r\n\r\n    position?: number;\r\n\r\n    actionBarContentClassName?: string;\r\n\r\n    tooltipClassName?: string;\r\n}\r\n\r\nconst ActionsBar: React.FC<Props> = ({onClick, className, product, actionBarItems, position,actionBarContentClassName, tooltipClassName}) => {\r\n\r\n    const {state} = useVisualEditorContext();\r\n\r\n    return(\r\n        <div key={`actionBar_${product?.id}_${position}`} className={clsx(classes.actionBarContainer, className, 'actions-bar-container')} style={state.loading.products ? {pointerEvents: 'none'} : {}}>\r\n            <div className={clsx(classes.actionBarContent, actionBarContentClassName)}>\r\n                {(actionBarItems || ActionsBarItems)\r\n                    .filter(item => item.isVisible && item?.isVisible?.(product as EditorProduct))\r\n                    .map(item => <ActionItem key={item.name} item={item} onClick={onClick} position={position} tooltipClassName={tooltipClassName}/>)}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default ActionsBar;\r\n"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/utils.d.ts

@@ -1,16 +0,0 @@
-import { EditorProduct } from "../../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct";
-export interface CustomClasses {
-    wrapper?: string;
-    svg?: string;
-    path?: string;
-}
-export type ActionItemName = 'bury' | 'hide' | 'unpublish' | 'pin' | 'promote' | 'cut' | 'restore' | 'position' | 'remove';
-export interface ActionItem {
-    getIcon?: (customClasses?: CustomClasses) => JSX.Element;
-    getComponent?: (onChangeCommitted: (newPosition: number) => void, currentPosition: number) => JSX.Element;
-    name: ActionItemName;
-    hooverTooltip?: string;
-    beforeExpand?: boolean;
-    isVisible?: (product: EditorProduct) => boolean;
-}
-export declare const ActionsBarItems: ActionItem[];

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/utils.js

@@ -1,17 +0,0 @@
-import { PromoteIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/PromoteIcon";
-import { RemoveIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/RemoveIcon";
-export const ActionsBarItems = [
-    {
-        getIcon: (customClasses) => PromoteIcon.call(undefined, { height: 40, width: 40, customClasses: customClasses }),
-        name: 'promote',
-        hooverTooltip: 'Promote',
-        isVisible: (product) => true
-    },
-    {
-        getIcon: (customClasses) => RemoveIcon.call(undefined, { height: 40, width: 40, customClasses: customClasses }),
-        name: 'remove',
-        hooverTooltip: 'Remove',
-        isVisible: (product) => false
-    }
-];
-//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,6EAA6E,CAAC;AAExG,OAAO,EAAC,UAAU,EAAC,MAAM,4EAA4E,CAAC;AAqBtG,MAAM,CAAC,MAAM,eAAe,GAAiB;IACzC;QACI,OAAO,EAAE,CAAC,aAA6B,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,aAAa,EAAC,CAAC;QAC9H,IAAI,EAAE,SAAS;QACf,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI;KAC/B;IACD;QACI,OAAO,EAAE,CAAC,aAA6B,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,aAAa,EAAC,CAAC;QAC7H,IAAI,EAAE,QAAQ;QACd,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK;KAChC;CACJ,CAAA","sourcesContent":["import {PromoteIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/PromoteIcon\";\r\nimport {RestoreIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/RestoreIcon\";\r\nimport {RemoveIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/RemoveIcon\";\r\nimport {EditorProduct} from \"../../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct\";\r\n\r\nexport interface CustomClasses {\r\n        wrapper?: string,\r\n        svg?: string,\r\n        path?: string\r\n}\r\n\r\nexport type ActionItemName = | 'bury' | 'hide' | 'unpublish' | 'pin' | 'promote' | 'cut' | 'restore' | 'position' | 'remove';\r\n\r\nexport interface ActionItem {\r\n    getIcon?: (customClasses?: CustomClasses) => JSX.Element;\r\n    getComponent?: (onChangeCommitted: (newPosition: number) => void, currentPosition: number) => JSX.Element;\r\n    name: ActionItemName;\r\n    hooverTooltip?: string;\r\n    beforeExpand?: boolean;\r\n\r\n    isVisible?: (product: EditorProduct) => boolean;\r\n}\r\n\r\nexport const ActionsBarItems: ActionItem[] = [\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => PromoteIcon.call(undefined, {height: 40, width: 40, customClasses: customClasses}),\r\n        name: 'promote',\r\n        hooverTooltip: 'Promote',\r\n        isVisible: (product) => true\r\n    },\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => RemoveIcon.call(undefined, {height: 40, width: 40, customClasses: customClasses}),\r\n        name: 'remove',\r\n        hooverTooltip: 'Remove',\r\n        isVisible: (product) => false\r\n    }\r\n]"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/Positioning.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    onChangeCommitted: (newPosition: number) => void;
-    currentPosition?: number;
-}
-declare const Positioning: ({ onChangeCommitted, currentPosition }: Props) => JSX.Element;
-export default Positioning;

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/Positioning.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classes from "./styles.module.css";
-import { PositionIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/PositionIcon";
-import { useEffect, useState } from "react";
-import Input from "../../../../../../../../frontends/dashboard-utilities/src/components/Input/Input";
-import clsx from "clsx";
-import { useVisualEditorContext } from "../../context/visualEditorContext";
-const Positioning = ({ onChangeCommitted, currentPosition }) => {
-    const { state } = useVisualEditorContext();
-    const [isInputVisible, setIsInputVisible] = useState(false);
-    const [input, setInput] = useState('');
-    const [animationTimer1, setAnimationTimer1] = useState();
-    const [animationTimer2, setAnimationTimer2] = useState();
-    const [animationOn, setAnimationOn] = useState(false);
-    const [isInputValid, setIsInputValid] = useState(true);
-    const onIconClicked = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setIsInputVisible(!isInputVisible);
-    };
-    const onInputChanged = (input) => {
-        setInput(input);
-    };
-    const onInputCommitted = (input) => {
-        onChangeCommitted(Number(input));
-    };
-    useEffect(() => {
-        clearTimeout(animationTimer1);
-        clearTimeout(animationTimer2);
-        setAnimationOn(false);
-        if (isInputValid) {
-            setAnimationTimer1(setTimeout(() => setAnimationOn(true), 10));
-            setAnimationTimer2(setTimeout(() => setAnimationOn(false), 1500));
-        }
-        return () => {
-            setAnimationOn(false);
-            clearTimeout(animationTimer1);
-            clearTimeout(animationTimer2);
-        };
-    }, [input]);
-    const isInputValidForCommit = (userInput) => {
-        const valid = !!state.originalPositions && (!!userInput.trim() && Number(userInput) <= Object.entries(state.originalPositions).length) && userInput.trim() !== '0';
-        setIsInputValid(valid);
-        return valid;
-    };
-    return (_jsxs("div", Object.assign({ className: classes.positioningContainer }, { children: [_jsx("span", Object.assign({ onClick: onIconClicked, className: classes.iconWrapper }, { children: _jsx(PositionIcon, {}) })), _jsx("span", Object.assign({ className: clsx(classes.inputContainerWrapper, isInputVisible ? classes.inputContainerWrapperVisible : '') }, { children: _jsx(Input, { initialInput: String(currentPosition), onChange: onInputChanged, onCompleted: onInputCommitted, debounceTime: 1500, type: 'num', isInputValidForCommit: isInputValidForCommit, customClasses: {
-                        input: clsx(classes.input, isInputVisible ? classes.inputVisible : '', animationOn ? classes.inputAnimation : '', !isInputValid ? classes.inputError : ''),
-                        container: classes.inputContainer
-                    } }) }))] })));
-};
-export default Positioning;
-//# sourceMappingURL=Positioning.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/Positioning.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Positioning.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/Positioning.tsx"],"names":[],"mappings":"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","sourcesContent":["import classes from \"./styles.module.css\";\r\nimport {PositionIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/PositionIcon\";\r\nimport React, {useEffect, useState} from \"react\";\r\nimport Input from \"../../../../../../../../frontends/dashboard-utilities/src/components/Input/Input\";\r\nimport clsx from \"clsx\";\r\nimport {useVisualEditorContext} from \"../../context/visualEditorContext\";\r\n\r\ninterface Props {\r\n  onChangeCommitted: (newPosition: number) => void;\r\n\r\n  currentPosition?: number;\r\n}\r\n\r\nconst Positioning = ({onChangeCommitted, currentPosition}: Props) => {\r\n  const {state} = useVisualEditorContext();\r\n\r\n  const [isInputVisible, setIsInputVisible] = useState(false);\r\n  const [input, setInput] = useState('');\r\n  const [animationTimer1, setAnimationTimer1] = useState<NodeJS.Timeout>();\r\n  const [animationTimer2, setAnimationTimer2] = useState<NodeJS.Timeout>();\r\n\r\n  const [animationOn, setAnimationOn] = useState(false);\r\n  const [isInputValid, setIsInputValid] = useState(true);\r\n\r\n  const onIconClicked = (event: any) => {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    setIsInputVisible(!isInputVisible);\r\n  }\r\n\r\n  const onInputChanged = (input: string) => {\r\n    setInput(input);\r\n  }\r\n\r\n  const onInputCommitted = (input: string) => {\r\n    onChangeCommitted(Number(input));\r\n  }\r\n\r\n  useEffect(() => {\r\n    clearTimeout(animationTimer1);\r\n    clearTimeout(animationTimer2);\r\n    setAnimationOn(false);\r\n    if(isInputValid) {\r\n      setAnimationTimer1(setTimeout(() => setAnimationOn(true), 10));\r\n      setAnimationTimer2(setTimeout(() => setAnimationOn(false), 1500));\r\n    }\r\n    return () => {\r\n      setAnimationOn(false);\r\n      clearTimeout(animationTimer1);\r\n      clearTimeout(animationTimer2);\r\n    }\r\n  }, [input]);\r\n\r\n  const isInputValidForCommit = (userInput: string) => {\r\n    const valid = !!state.originalPositions && (!!userInput.trim() && Number(userInput) <= Object.entries(state.originalPositions).length) && userInput.trim() !== '0';\r\n    setIsInputValid(valid);\r\n    return valid;\r\n  }\r\n\r\n  return (\r\n      <div className={classes.positioningContainer}>\r\n      <span onClick={onIconClicked} className={classes.iconWrapper}>\r\n        <PositionIcon/>\r\n      </span>\r\n        <span className={clsx(classes.inputContainerWrapper, isInputVisible ? classes.inputContainerWrapperVisible : '')}>\r\n        <Input initialInput={String(currentPosition)}\r\n               onChange={onInputChanged}\r\n               onCompleted={onInputCommitted}\r\n               debounceTime={1500}\r\n               type={'num'}\r\n               isInputValidForCommit={isInputValidForCommit}\r\n               customClasses={{\r\n                 input: clsx(classes.input, isInputVisible ? classes.inputVisible : '', animationOn ? classes.inputAnimation : '', !isInputValid ? classes.inputError : ''),\r\n                 container: classes.inputContainer}}/>\r\n      </span>\r\n      </div>\r\n  );\r\n};\r\n\r\nexport default Positioning;\r\n"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/index.d.ts

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

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/index.js

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

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/Positioning/index.js.map

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

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/ProductCard.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { EditorProduct } from "../../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct";
-import { ActionItem as ActionItemType, ActionItem } from "../ActionsBar/utils";
-interface CustomClasses {
-    productCard?: string;
-    actionsContainer?: string;
-}
-export interface Props {
-    product: EditorProduct;
-    position?: number;
-    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    isSelected: boolean;
-    renderingRules?: {
-        actionsBar: boolean;
-        label: boolean;
-        sku: boolean;
-    };
-    customClasses?: CustomClasses;
-    onActionClicked?: (action: ActionItem) => void;
-    actionBarItems?: ActionItemType[];
-    onDropClicked?: (position: number) => void;
-}
-declare const ProductCard: React.FC<Props>;
-export default ProductCard;

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/ProductCard.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import clsx from "clsx";
-import classes from "./styles.module.css";
-import { useVisualEditorContext } from "../../context/visualEditorContext";
-import { NO_IMAGE } from "./utils";
-import ProductLabel from "./components/ProductLabel/ProductLabel";
-import ActionsBar from "../ActionsBar/ActionsBar";
-const ProductCard = ({ product, position, onClick, isSelected, renderingRules, customClasses, onActionClicked, actionBarItems, onDropClicked, }) => {
-    const { state, dispatcher } = useVisualEditorContext();
-    const [isActionbarVisible, setIsActionbarVisible] = useState(false);
-    const promote = (productsCopy, productIndex) => {
-        productsCopy[productIndex]["productLabel"] = "Promoted";
-        if (state.searchWithinResultsQuery != "" ||
-            Object.keys(state.narrow).length) {
-            dispatcher.setProducts(productsCopy);
-        }
-        else {
-            productsCopy = [productsCopy.splice(productIndex, 1)[0], ...productsCopy];
-            dispatcher.setProducts(productsCopy);
-        }
-        dispatcher.setPromoted([
-            product.id,
-            ...state.promoted.filter((id) => id !== product.id),
-        ]);
-    };
-    const remove = (productsCopy, productIndex, pos) => {
-        dispatcher.setPromoted(state.promoted.filter((id) => id !== product.id));
-        productsCopy.splice(productIndex, 1);
-        dispatcher.setProducts(productsCopy);
-    };
-    const onActionClick = useCallback((action, newPosition) => {
-        if (onActionClicked) {
-            onActionClicked(action);
-            return;
-        }
-        if (!position) {
-            return;
-        }
-        const productsCopy = [...state.products];
-        const productIndex = position - 1;
-        if (action.name === "promote") {
-            promote(productsCopy, productIndex);
-        }
-        else if (action.name === "remove") {
-            remove(productsCopy, productIndex);
-        }
-    }, [Object.assign({}, dispatcher)]);
-    const onDrop = (event) => {
-        if (position !== undefined) {
-            event.stopPropagation();
-            event.preventDefault();
-            onDropClicked === null || onDropClicked === void 0 ? void 0 : onDropClicked(position !== null && position !== void 0 ? position : -1);
-        }
-    };
-    const getSmallImage = (url) => {
-        if (!url || !url.includes("cdn.shopify")) {
-            // temp solution, pass the platform as a prop
-            return url;
-        }
-        url = url.replace("_large.", ".").replace("_small.", ".");
-        const splattedURL = url.split(".");
-        splattedURL[splattedURL.length - 2] = `${splattedURL[splattedURL.length - 2]}_300x`;
-        return splattedURL.join(".");
-    };
-    const getPosition = useCallback(() => {
-        var _a;
-        const pinProduct = (_a = state.pinned) === null || _a === void 0 ? void 0 : _a.find((pin) => pin[1] === product.id);
-        if ((state.searchWithinResultsQuery || Object.keys(state.narrow).length) &&
-            pinProduct) {
-            return pinProduct[0] + 1;
-        }
-        else if (state.searchWithinResultsQuery ||
-            Object.keys(state.narrow).length) {
-            return undefined;
-        }
-        return position;
-    }, [position, product.id, state.searchWithinResultsQuery, state.narrow]);
-    return (_jsxs("div", Object.assign({ className: clsx(classes.productCard, isSelected ? classes.selectedProductCard : "", customClasses === null || customClasses === void 0 ? void 0 : customClasses.productCard, "product-card"), onClick: (event) => onClick(event), onMouseLeave: () => setIsActionbarVisible(false), onMouseEnter: () => setIsActionbarVisible(true), onMouseOver: () => setIsActionbarVisible(true) }, { children: [_jsxs("div", Object.assign({ className: classes.imageAndActionsContainer }, { children: [_jsx(ProductLabel, { 
-                        // position={(!state.searchWithinResultsQuery && !Object.keys(state.narrow).length) ? (!state.loading.products ? position : position || undefined) : positionInSearchWithin}
-                        position: position, label: product === null || product === void 0 ? void 0 : product.productLabel, isUnpublished: product === null || product === void 0 ? void 0 : product.is_unpublished, onlyUnpublished: false, sellable: !(product === null || product === void 0 ? void 0 : product.iso) }, product.id + "_" + (product === null || product === void 0 ? void 0 : product.productLabel)), _jsx("div", Object.assign({ className: classes.imageWrapper }, { children: _jsx("img", { src: getSmallImage(product === null || product === void 0 ? void 0 : product.t) ||
-                                getSmallImage(product === null || product === void 0 ? void 0 : product.t2) ||
-                                NO_IMAGE, alt: "product image", className: classes.image, onError: (event) => (event.target.src = NO_IMAGE) }) })), (renderingRules === null || renderingRules === void 0 ? void 0 : renderingRules.actionsBar) && isActionbarVisible && (_jsx(ActionsBar, { onClick: onActionClick, className: clsx(classes.actionsContainer, customClasses === null || customClasses === void 0 ? void 0 : customClasses.actionsContainer), product: product, actionBarItems: actionBarItems, position: getPosition() }))] })), _jsxs("div", Object.assign({ className: classes.productInfoContainer }, { children: [_jsx("div", Object.assign({ className: clsx(classes.productTitle, classes.ellipsisTitle, classes.twoRows) }, { children: product.l })), (renderingRules === null || renderingRules === void 0 ? void 0 : renderingRules.sku) && (_jsx("div", Object.assign({ className: classes.productSku }, { children: product.sku }))), _jsx("div", Object.assign({ className: classes.productInfoContentWrapper }, { children: _jsx("div", Object.assign({ className: clsx(classes.productInfoContent
-                                ? classes.productInfoContentWithSells
-                                : "") }, { children: product.p !== "0.00" && (_jsxs("div", Object.assign({ className: classes.productPriceContainer }, { children: [Number(product.p_c) ? (_jsxs("div", Object.assign({ className: classes.productCompare }, { children: ["$", product.p_c] }))) : null, _jsxs("div", Object.assign({ className: clsx(classes.productPrice, Number(product.p_c) ? classes.productPriceWithCompare : "") }, { children: ["$", product.p] }))] }))) })) }))] }))] })));
-};
-export default ProductCard;
-//# sourceMappingURL=ProductCard.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/ProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { EditorProduct } from \"../../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct\";\nimport classes from \"./styles.module.css\";\nimport { useVisualEditorContext } from \"../../context/visualEditorContext\";\nimport { NO_IMAGE } from \"./utils\";\nimport ProductLabel from \"./components/ProductLabel/ProductLabel\";\nimport ActionsBar from \"../ActionsBar/ActionsBar\";\nimport { ActionItem as ActionItemType, ActionItem } from \"../ActionsBar/utils\";\n\ninterface CustomClasses {\n  productCard?: string;\n  actionsContainer?: string;\n}\n\nexport interface Props {\n  product: EditorProduct;\n  position?: number;\n  onClick: (event: React.MouseEvent<HTMLDivElement>) => void;\n  isSelected: boolean;\n  renderingRules?: {\n    actionsBar: boolean;\n    label: boolean;\n    sku: boolean;\n  };\n  customClasses?: CustomClasses;\n\n  onActionClicked?: (action: ActionItem) => void;\n\n  actionBarItems?: ActionItemType[];\n  onDropClicked?: (position: number) => void;\n}\n\nconst ProductCard: React.FC<Props> = ({\n  product,\n  position,\n  onClick,\n  isSelected,\n  renderingRules,\n  customClasses,\n  onActionClicked,\n  actionBarItems,\n  onDropClicked,\n}) => {\n  const { state, dispatcher } = useVisualEditorContext();\n\n  const [isActionbarVisible, setIsActionbarVisible] = useState(false);\n\n  const promote = (productsCopy: EditorProduct[], productIndex: number) => {\n    productsCopy[productIndex][\"productLabel\"] = \"Promoted\";\n    if (\n      state.searchWithinResultsQuery != \"\" ||\n      Object.keys(state.narrow).length\n    ) {\n      dispatcher.setProducts(productsCopy);\n    } else {\n      productsCopy = [productsCopy.splice(productIndex, 1)[0], ...productsCopy];\n      dispatcher.setProducts(productsCopy);\n    }\n    dispatcher.setPromoted([\n      product.id,\n      ...state.promoted.filter((id) => id !== product.id),\n    ]);\n  };\n  const remove = (\n    productsCopy: EditorProduct[],\n    productIndex: number,\n    pos?: number\n  ) => {\n    dispatcher.setPromoted(state.promoted.filter((id) => id !== product.id));\n    productsCopy.splice(productIndex, 1);\n    dispatcher.setProducts(productsCopy);\n  };\n\n  const onActionClick = useCallback(\n    (action: ActionItem, newPosition?: number) => {\n      if (onActionClicked) {\n        onActionClicked(action);\n        return;\n      }\n      if (!position) {\n        return;\n      }\n      const productsCopy = [...state.products];\n      const productIndex = position - 1;\n      if (action.name === \"promote\") {\n        promote(productsCopy, productIndex);\n      } else if (action.name === \"remove\") {\n        remove(productsCopy, productIndex);\n      }\n    },\n    [{ ...dispatcher }]\n  );\n\n  const onDrop = (event: any) => {\n    if (position !== undefined) {\n      event.stopPropagation();\n      event.preventDefault();\n      onDropClicked?.(position ?? -1);\n    }\n  };\n\n  const getSmallImage = (url?: string) => {\n    if (!url || !url.includes(\"cdn.shopify\")) {\n      // temp solution, pass the platform as a prop\n      return url;\n    }\n    url = url.replace(\"_large.\", \".\").replace(\"_small.\", \".\");\n    const splattedURL = url.split(\".\");\n    splattedURL[splattedURL.length - 2] = `${\n      splattedURL[splattedURL.length - 2]\n    }_300x`;\n    return splattedURL.join(\".\");\n  };\n\n  const getPosition = useCallback(() => {\n    const pinProduct = state.pinned?.find((pin) => pin[1] === product.id);\n    if (\n      (state.searchWithinResultsQuery || Object.keys(state.narrow).length) &&\n      pinProduct\n    ) {\n      return pinProduct[0] + 1;\n    } else if (\n      state.searchWithinResultsQuery ||\n      Object.keys(state.narrow).length\n    ) {\n      return undefined;\n    }\n    return position;\n  }, [position, product.id, state.searchWithinResultsQuery, state.narrow]);\n\n  return (\n    <div\n      className={clsx(\n        classes.productCard,\n        isSelected ? classes.selectedProductCard : \"\",\n        customClasses?.productCard,\n        \"product-card\"\n      )}\n      onClick={(event) => onClick(event)}\n      onMouseLeave={() => setIsActionbarVisible(false)}\n      onMouseEnter={() => setIsActionbarVisible(true)}\n      onMouseOver={() => setIsActionbarVisible(true)}\n    >\n      <div className={classes.imageAndActionsContainer}>\n        <ProductLabel\n          key={product.id + \"_\" + product?.productLabel}\n          // position={(!state.searchWithinResultsQuery && !Object.keys(state.narrow).length) ? (!state.loading.products ? position : position || undefined) : positionInSearchWithin}\n          position={position}\n          label={product?.productLabel}\n          isUnpublished={product?.is_unpublished}\n          onlyUnpublished={false}\n          sellable={!product?.iso}\n        />\n\n        <div className={classes.imageWrapper}>\n          <img\n            src={\n              getSmallImage(product?.t) ||\n              getSmallImage(product?.t2) ||\n              NO_IMAGE\n            }\n            alt={\"product image\"}\n            className={classes.image}\n            onError={(event) => ((event.target as any).src = NO_IMAGE)}\n          />\n        </div>\n        {renderingRules?.actionsBar && isActionbarVisible && (\n          <ActionsBar\n            onClick={onActionClick}\n            className={clsx(\n              classes.actionsContainer,\n              customClasses?.actionsContainer\n            )}\n            product={product}\n            actionBarItems={actionBarItems}\n            position={getPosition()}\n          />\n        )}\n        {/*{renderingRules.sevenDaysSells && product?.inv_sale && (*/}\n        {/*    <InventoryInfo*/}\n        {/*        product={product}*/}\n        {/*        isOverlayOpen={isInventoryOverlayOpen || isInventoryOverlayPinned}*/}\n        {/*    />*/}\n        {/*)}*/}\n      </div>\n      <div className={classes.productInfoContainer}>\n        <div\n          className={clsx(\n            classes.productTitle,\n            classes.ellipsisTitle,\n            classes.twoRows\n          )}\n        >\n          {product.l}\n        </div>\n\n        {renderingRules?.sku && (\n          <div className={classes.productSku}>{product.sku}</div>\n        )}\n\n        <div className={classes.productInfoContentWrapper}>\n          <div\n            className={clsx(\n              classes.productInfoContent\n                ? classes.productInfoContentWithSells\n                : \"\"\n            )}\n          >\n            {product.p !== \"0.00\" && (\n              <div className={classes.productPriceContainer}>\n                {Number(product.p_c) ? (\n                  <div className={classes.productCompare}>${product.p_c}</div>\n                ) : null}\n\n                <div\n                  className={clsx(\n                    classes.productPrice,\n                    Number(product.p_c) ? classes.productPriceWithCompare : \"\"\n                  )}\n                >\n                  ${product.p}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default ProductCard;\n"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/ProductLabel.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ProductLabelType } from "../../../../../../../../../../frontends/dashboard-utilities/src/@types/productLabel";
-export interface Props {
-    position?: number;
-    label?: ProductLabelType;
-    isUnpublished?: boolean;
-    onlyUnpublished?: boolean;
-    sellable?: boolean;
-}
-declare const ProductLabel: React.FC<Props>;
-export default ProductLabel;

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/ProductLabel.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classes from './styles.module.css';
-import { labelToColorDict } from "./utils";
-const ProductLabel = ({ position, label, isUnpublished, onlyUnpublished, sellable }) => {
-    return (_jsxs("div", Object.assign({ className: classes.productLabelContainer }, { children: [_jsxs("div", Object.assign({ className: classes.badgesContainer }, { children: [!onlyUnpublished && label &&
-                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict[label], color: "white" } }, { children: label })), isUnpublished &&
-                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict['Unpublished'], color: "white", marginTop: "2px" } }, { children: "Unpublished" })), !sellable && !isUnpublished &&
-                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: 'black', color: "white", marginTop: "2px" } }, { children: "Out of Stock" }))] })), !onlyUnpublished && position !== undefined && (_jsx("div", Object.assign({ className: classes.productPosition }, { children: position })))] })));
-};
-export default ProductLabel;
-//# sourceMappingURL=ProductLabel.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/ProductLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductLabel.js","sourceRoot":"","sources":["../../../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/ProductLabel.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAYzC,MAAM,YAAY,GAAoB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,EAAE,EAAE;IAClG,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,iBACzC,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,iBAClC,CAAC,eAAe,IAAI,KAAK;wBACtB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAC,gBAC/F,KAAK,IACJ,EAET,aAAa;wBACV,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,iCAExH,EAET,CAAC,QAAQ,IAAI,CAAC,aAAa;wBACxB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,kCAEhG,KAER,EACL,CAAC,eAAe,IAAI,QAAQ,KAAK,SAAS,IAAI,CAC3C,4BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,gBAAG,QAAQ,IAAO,CAC5D,KAEC,CACT,CAAC;AACN,CAAC,CAAA;AACD,eAAe,YAAY,CAAC","sourcesContent":["import React, {useEffect} from 'react';\r\nimport classes from './styles.module.css';\r\nimport {labelToColorDict} from \"./utils\";\r\nimport {ProductLabelType} from \"../../../../../../../../../../frontends/dashboard-utilities/src/@types/productLabel\";\r\n\r\nexport interface Props {\r\n    position?: number;\r\n    label?: ProductLabelType;\r\n    isUnpublished?: boolean;\r\n\r\n    onlyUnpublished?: boolean;\r\n    sellable?: boolean;\r\n}\r\n\r\nconst ProductLabel: React.FC<Props> = ({position, label, isUnpublished, onlyUnpublished, sellable}) => {\r\n    return (\r\n        <div className={classes.productLabelContainer}>\r\n            <div className={classes.badgesContainer}>\r\n                {!onlyUnpublished && label &&\r\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict[label], color: \"white\"}}>\r\n                        {label}\r\n                    </div>\r\n                }\r\n                {isUnpublished &&\r\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict['Unpublished'], color: \"white\", marginTop: \"2px\"}}>\r\n                        Unpublished\r\n                    </div>\r\n                }\r\n                {!sellable && !isUnpublished &&\r\n                    <div className={classes.labelText} style={{backgroundColor: 'black', color: \"white\", marginTop: \"2px\"}}>\r\n                        Out of Stock\r\n                    </div>\r\n                }\r\n            </div>\r\n            {!onlyUnpublished && position !== undefined && (\r\n                <div className={classes.productPosition}>{position}</div>\r\n            )}\r\n\r\n        </div>\r\n    );\r\n}\r\nexport default ProductLabel;\r\n"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/utils.d.ts

@@ -1,8 +0,0 @@
-export declare const labelToColorDict: {
-    Promoted: string;
-    Selected: string;
-    Pinned: string;
-    Buried: string;
-    Hidden: string;
-    Unpublished: string;
-};

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/utils.js

@@ -1,9 +0,0 @@
-export const labelToColorDict = {
-    'Promoted': '#008847',
-    'Selected': '#008847',
-    'Pinned': '#0093E5',
-    'Buried': '#EA0C19',
-    'Hidden': '#EA0C19',
-    'Unpublished': '#880000d1'
-};
-//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/components/ProductLabel/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,aAAa,EAAE,WAAW;CAC7B,CAAA","sourcesContent":["export const labelToColorDict = {\r\n    'Promoted': '#008847',\r\n    'Selected': '#008847',\r\n    'Pinned': '#0093E5',\r\n    'Buried': '#EA0C19',\r\n    'Hidden': '#EA0C19',\r\n    'Unpublished': '#880000d1'\r\n}"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/utils.d.ts

@@ -1 +0,0 @@
-export declare const NO_IMAGE: string;

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/utils.js

@@ -1,2 +0,0 @@
-export const NO_IMAGE = `${window.location.protocol}//magento.instantsearchplus.com/images/missing.gif`;
-//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ProductCard/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,oDAAoD,CAAA","sourcesContent":["export const NO_IMAGE = `${window.location.protocol}//magento.instantsearchplus.com/images/missing.gif`\r\n"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/SelectCard/SelectCard.d.ts

@@ -1,5 +0,0 @@
-interface SelectCardProps {
-    numSelected: number;
-}
-declare const SelectCard: ({ numSelected }: SelectCardProps) => JSX.Element;
-export default SelectCard;

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/SelectCard/SelectCard.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classes from "./styles.module.css";
-const SelectCard = ({ numSelected }) => {
-    console.log({ numSelected: numSelected });
-    return (_jsx("div", Object.assign({ className: classes.selectCardContainer }, { children: _jsx("div", Object.assign({ className: classes.selectCardText }, { children: numSelected })) })));
-};
-export default SelectCard;
-//# sourceMappingURL=SelectCard.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/components/SelectCard/SelectCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectCard.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/SelectCard/SelectCard.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAM1C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAmB,EAAE,EAAE;IACpD,OAAO,CAAC,GAAG,CAAC,EAAC,WAAW,EAAE,WAAW,EAAC,CAAC,CAAA;IACzC,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,CAAC,mBAAmB,gBACzC,4BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,gBAAG,WAAW,IAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import classes from \"./styles.module.css\";\r\n\r\ninterface SelectCardProps {\r\n  numSelected: number;\r\n}\r\n\r\nconst SelectCard = ({ numSelected }: SelectCardProps) => {\r\n    console.log({numSelected: numSelected})\r\n  return (\r\n    <div className={classes.selectCardContainer}>\r\n      <div className={classes.selectCardText}>{numSelected}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SelectCard;\r\n"]}

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext.d.ts

@@ -1,66 +0,0 @@
-import React from "react";
-import { EditorProduct } from "../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct";
-import { Facet, Narrow } from "@fast-simon/utilities";
-import { MenuItemName } from "../../../../../../../frontends/dashboard-utilities/src/@types/sideMenu";
-import { Banner } from "../../../../../../../frontends/dashboard-utilities/src/@types/banner";
-export type PinnedProduct = [number, string];
-export interface ContextDataLoading {
-    products: boolean;
-}
-export interface VisualEditorContextDataType {
-    products: EditorProduct[];
-    loading: ContextDataLoading;
-    page: number;
-    narrow: Narrow;
-    searchWithinResultsQuery?: string;
-    selectedNavItemName: MenuItemName;
-    totalResults: number;
-    totalPages: number;
-    facets: Facet[];
-    selectedProductIds: Record<string, number>;
-    selectedProductIdsArray: string[];
-    originalPositions?: Record<string, number>;
-    pinned?: PinnedProduct[];
-    promoted: string[];
-    buried?: string[];
-    hidden?: string[];
-    allProductsIds: string[];
-    sideMenuSelectedProductIds: Record<string, number>;
-    isDragAndDropActive: boolean;
-    isDragToSelectActive: boolean;
-    isCutting: boolean;
-    selectedProducts: EditorProduct[];
-    selectedBannerId?: string;
-    banners: Banner[];
-    landingPageID?: string;
-    uuid: string;
-    storeID: number;
-    query?: string;
-}
-export interface VisualEditorDispatcherContextType {
-    setProducts: React.Dispatch<React.SetStateAction<EditorProduct[]>>;
-    setLoading: React.Dispatch<React.SetStateAction<ContextDataLoading>>;
-    setPage: React.Dispatch<React.SetStateAction<number>>;
-    setNarrow: React.Dispatch<React.SetStateAction<Narrow>>;
-    setSearchWithinResultsQuery: React.Dispatch<React.SetStateAction<string>>;
-    setSelectedNavItemName: React.Dispatch<React.SetStateAction<MenuItemName>>;
-    setPinned?: React.Dispatch<React.SetStateAction<PinnedProduct[]>>;
-    setPromoted: React.Dispatch<React.SetStateAction<string[]>>;
-    setBuried?: React.Dispatch<React.SetStateAction<string[]>>;
-    setHidden?: React.Dispatch<React.SetStateAction<string[]>>;
-    setFacets: React.Dispatch<React.SetStateAction<Facet[]>>;
-    setSelectedProductIds: React.Dispatch<React.SetStateAction<Record<string, number>>>;
-    setSelectedBannerId: React.Dispatch<React.SetStateAction<string>>;
-    setSideMenuSelectedProductIds: React.Dispatch<React.SetStateAction<Record<string, number>>>;
-    setIsDragAndDropActive: React.Dispatch<React.SetStateAction<boolean>>;
-    setIsDragToSelectActive: React.Dispatch<React.SetStateAction<boolean>>;
-    setIsCutting: React.Dispatch<React.SetStateAction<boolean>>;
-    setSelectedProducts: React.Dispatch<React.SetStateAction<EditorProduct[]>>;
-    setSelectedProductIdsArray: React.Dispatch<React.SetStateAction<string[]>>;
-}
-export declare const VisualEditorContext: React.Context<VisualEditorContextDataType>;
-export declare const VisualEditorDispatchContext: React.Context<VisualEditorDispatcherContextType>;
-export declare const useVisualEditorContext: () => {
-    state: VisualEditorContextDataType;
-    dispatcher: VisualEditorDispatcherContextType;
-};

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext.js

@@ -1,54 +0,0 @@
-import { createContext, useContext } from "react";
-export const VisualEditorContext = createContext({
-    products: [],
-    loading: {
-        products: false
-    },
-    page: 1,
-    narrow: {},
-    selectedNavItemName: 'general',
-    promoted: [],
-    totalResults: 0,
-    totalPages: 0,
-    facets: [],
-    selectedProductIds: {},
-    selectedProductIdsArray: [],
-    allProductsIds: [],
-    banners: [],
-    selectedBannerId: "",
-    sideMenuSelectedProductIds: {},
-    isDragAndDropActive: false,
-    isDragToSelectActive: false,
-    isCutting: false,
-    selectedProducts: [],
-    uuid: '',
-    storeID: 0,
-    landingPageID: '',
-});
-export const VisualEditorDispatchContext = createContext({
-    setProducts: () => { },
-    setLoading: () => { },
-    setPage: () => { },
-    setNarrow: () => { },
-    setSearchWithinResultsQuery: () => { },
-    setSelectedNavItemName: () => { },
-    setPromoted: () => { },
-    setFacets: () => { },
-    setSelectedProductIds: () => { },
-    setSideMenuSelectedProductIds: () => { },
-    setIsDragAndDropActive: () => { },
-    setIsDragToSelectActive: () => { },
-    setIsCutting: () => { },
-    setSelectedProducts: () => { },
-    setSelectedProductIdsArray: () => { },
-    setSelectedBannerId: () => { }
-});
-export const useVisualEditorContext = () => {
-    const visualEditorContext = useContext(VisualEditorContext);
-    const visualEditorDispatchContext = useContext(VisualEditorDispatchContext);
-    if (visualEditorContext === undefined || VisualEditorDispatchContext === undefined) {
-        throw new Error('useVisualEditorContext must be used within a EditorProvider');
-    }
-    return { state: visualEditorContext, dispatcher: visualEditorDispatchContext };
-};
-//# sourceMappingURL=visualEditorContext.js.map

package/dist/dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visualEditorContext.js","sourceRoot":"","sources":["../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAsFhD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA8B;IAC1E,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;KAChB;IACD,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,EAAE;IACV,mBAAmB,EAAE,SAAS;IAC9B,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,EAAE;IACV,kBAAkB,EAAE,EAAE;IACtB,uBAAuB,EAAE,EAAE;IAC3B,cAAc,EAAE,EAAE;IAClB,OAAO,EAAE,EAAE;IACX,gBAAgB,EAAE,EAAE;IACpB,0BAA0B,EAAE,EAAE;IAC9B,mBAAmB,EAAE,KAAK;IAC1B,oBAAoB,EAAE,KAAK;IAC3B,SAAS,EAAE,KAAK;IAChB,gBAAgB,EAAE,EAAE;IACpB,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,aAAa,CAAoC;IACxF,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,2BAA2B,EAAE,GAAG,EAAE,GAAE,CAAC;IACrC,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,qBAAqB,EAAG,GAAG,EAAE,GAAE,CAAC;IAChC,6BAA6B,EAAE,GAAG,EAAE,GAAE,CAAC;IACvC,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,uBAAuB,EAAE,GAAG,EAAE,GAAE,CAAC;IACjC,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,0BAA0B,EAAE,GAAG,EAAE,GAAE,CAAC;IACpC,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAChC,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC5D,MAAM,2BAA2B,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAC5E,IAAI,mBAAmB,KAAK,SAAS,IAAI,2BAA2B,KAAK,SAAS,EAAE;QAChF,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;KACjF;IACD,OAAO,EAAC,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,2BAA2B,EAAC,CAAC;AACjF,CAAC,CAAA","sourcesContent":["import {createContext, useContext} from \"react\";\r\n\r\n// Create two context:\r\n// VisualEditorContext: to query the context state\r\n// VisualEditorDispatchContext: to mutate the context state\r\n\r\nimport React from \"react\";\r\nimport {EditorProduct} from \"../../../../../../../frontends/dashboard-utilities/src/@types/editorProduct\";\r\nimport {Facet, Narrow} from \"@fast-simon/utilities\";\r\nimport {MenuItemName} from \"../../../../../../../frontends/dashboard-utilities/src/@types/sideMenu\";\r\nimport {Banner} from \"../../../../../../../frontends/dashboard-utilities/src/@types/banner\";\r\nexport type PinnedProduct = [number, string];\r\n\r\nexport interface ContextDataLoading {\r\n    products: boolean\r\n}\r\n\r\nexport interface VisualEditorContextDataType {\r\n    products: EditorProduct[];\r\n    loading: ContextDataLoading;\r\n    page: number;\r\n    narrow: Narrow;\r\n    searchWithinResultsQuery?: string;\r\n    selectedNavItemName: MenuItemName;\r\n    totalResults: number;\r\n    totalPages: number;\r\n    facets: Facet[];\r\n    selectedProductIds: Record<string, number>;\r\n    selectedProductIdsArray: string[]; // for order as the record is not ordered\r\n    originalPositions?: Record<string, number>;\r\n    pinned?: PinnedProduct[];\r\n    promoted: string[];\r\n    buried?: string[];\r\n    hidden?: string[];\r\n    allProductsIds: string[];\r\n    sideMenuSelectedProductIds: Record<string, number>;\r\n    // sideMenuSearchInput: string;\r\n    isDragAndDropActive: boolean;\r\n    isDragToSelectActive: boolean;\r\n    isCutting: boolean;\r\n    selectedProducts: EditorProduct[];\r\n    selectedBannerId?: string;\r\n    banners: Banner[];\r\n    landingPageID?: string;\r\n    uuid: string;\r\n    storeID: number;\r\n    query?: string;\r\n}\r\n\r\nexport interface VisualEditorDispatcherContextType {\r\n    setProducts: React.Dispatch<React.SetStateAction<EditorProduct[]>>;\r\n\r\n    setLoading: React.Dispatch<React.SetStateAction<ContextDataLoading>>;\r\n\r\n    setPage: React.Dispatch<React.SetStateAction<number>>;\r\n\r\n    setNarrow: React.Dispatch<React.SetStateAction<Narrow>>;\r\n\r\n    setSearchWithinResultsQuery: React.Dispatch<React.SetStateAction<string>>;\r\n\r\n    setSelectedNavItemName: React.Dispatch<React.SetStateAction<MenuItemName>>;\r\n\r\n    setPinned?: React.Dispatch<React.SetStateAction<PinnedProduct[]>>;\r\n\r\n    setPromoted: React.Dispatch<React.SetStateAction<string[]>>;\r\n\r\n    setBuried?: React.Dispatch<React.SetStateAction<string[]>>;\r\n\r\n    setHidden?: React.Dispatch<React.SetStateAction<string[]>>;\r\n\r\n    setFacets: React.Dispatch<React.SetStateAction<Facet[]>>;\r\n\r\n    setSelectedProductIds: React.Dispatch<React.SetStateAction<Record<string, number>>>;\r\n\r\n    setSelectedBannerId: React.Dispatch<React.SetStateAction<string>>;\r\n\r\n    setSideMenuSelectedProductIds: React.Dispatch<React.SetStateAction<Record<string, number>>>;\r\n\r\n    // setSideMenuSearchInput: React.Dispatch<React.SetStateAction<string>>;\r\n    setIsDragAndDropActive: React.Dispatch<React.SetStateAction<boolean>>;\r\n    setIsDragToSelectActive: React.Dispatch<React.SetStateAction<boolean>>;\r\n    setIsCutting: React.Dispatch<React.SetStateAction<boolean>>;\r\n    setSelectedProducts: React.Dispatch<React.SetStateAction<EditorProduct[]>>;\r\n    setSelectedProductIdsArray: React.Dispatch<React.SetStateAction<string[]>>;\r\n}\r\n\r\nexport const VisualEditorContext = createContext<VisualEditorContextDataType>({\r\n    products: [],\r\n    loading: {\r\n      products: false\r\n    },\r\n    page: 1,\r\n    narrow: {},\r\n    selectedNavItemName: 'general',\r\n    promoted: [],\r\n    totalResults: 0,\r\n    totalPages: 0,\r\n    facets: [],\r\n    selectedProductIds: {},\r\n    selectedProductIdsArray: [],\r\n    allProductsIds: [],\r\n    banners: [],\r\n    selectedBannerId: \"\",\r\n    sideMenuSelectedProductIds: {},\r\n    isDragAndDropActive: false,\r\n    isDragToSelectActive: false,\r\n    isCutting: false,\r\n    selectedProducts: [],\r\n    uuid: '',\r\n    storeID: 0,\r\n    landingPageID: '',\r\n});\r\n\r\nexport const VisualEditorDispatchContext = createContext<VisualEditorDispatcherContextType>({\r\n    setProducts: () => {},\r\n    setLoading: () => {},\r\n    setPage: () => {},\r\n    setNarrow: () => {},\r\n    setSearchWithinResultsQuery: () => {},\r\n    setSelectedNavItemName: () => {},\r\n    setPromoted: () => {},\r\n    setFacets: () => {},\r\n    setSelectedProductIds : () => {},\r\n    setSideMenuSelectedProductIds: () => {},\r\n    setIsDragAndDropActive: () => {},\r\n    setIsDragToSelectActive: () => {},\r\n    setIsCutting: () => {},\r\n    setSelectedProducts: () => {},\r\n    setSelectedProductIdsArray: () => {},\r\n    setSelectedBannerId: () => {}\r\n});\r\n\r\n\r\nexport const useVisualEditorContext = () => {\r\n    const visualEditorContext = useContext(VisualEditorContext);\r\n    const visualEditorDispatchContext = useContext(VisualEditorDispatchContext);\r\n    if (visualEditorContext === undefined || VisualEditorDispatchContext === undefined) {\r\n        throw new Error('useVisualEditorContext must be used within a EditorProvider')\r\n    }\r\n    return {state: visualEditorContext, dispatcher: visualEditorDispatchContext};\r\n}"]}

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

@@ -1,7 +0,0 @@
-export interface Banner {
-    title: string;
-    image: string;
-    mobileImage?: string;
-    id: string;
-}
-export declare const videoFormats: string[];

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

@@ -1,2 +0,0 @@
-export const videoFormats = [".mp4", ".mov", ".avi", ".wmv", ".mkv", ".webm", ".flv", ".m4v", ".mpg", ".mpeg"];
-//# sourceMappingURL=banner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../../../src/@types/banner.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC","sourcesContent":["export interface Banner {\r\n    title: string;\r\n    image: string;\r\n    mobileImage?: string;\r\n    id: string;\r\n}\r\n\r\nexport const videoFormats = [\".mp4\", \".mov\", \".avi\", \".wmv\", \".mkv\", \".webm\", \".flv\", \".m4v\", \".mpg\", \".mpeg\"];\r\n"]}

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

@@ -1,16 +0,0 @@
-export type AncestorCategory = [string, string, string];
-export interface RelatedCategory {
-    id: string;
-    l: string;
-    t: string;
-    u: string;
-}
-export interface Category {
-    d: string;
-    id: string;
-    l: string;
-    p_id: string;
-    t: string;
-    u: string;
-    parent_name?: string;
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"categories.js","sourceRoot":"","sources":["../../../../../src/@types/categories.ts"],"names":[],"mappings":"","sourcesContent":["export type AncestorCategory = [string, string, string] // category_id, category_name, category_url\r\nexport interface RelatedCategory {\r\n    id: string\r\n    l: string\r\n    t: string\r\n    u: string\r\n}\r\n\r\nexport interface Category {\r\n    d: string\r\n    id: string\r\n    l: string\r\n    p_id: string\r\n    t: string\r\n    u: string\r\n    parent_name?: string\r\n}"]}

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

@@ -1 +0,0 @@
-export type Currency = string | 'USD' | 'CRC' | 'AUD' | 'AZN' | 'NZD' | 'CAD' | 'VES' | 'SGD' | 'COP' | 'GBP' | 'BRL' | 'ILS' | 'AED' | 'JMD' | 'MYR' | 'THB' | 'DKK' | 'EGP' | 'NOK' | 'SEK' | 'HKD' | 'ZAR' | 'CHF' | 'HRK' | 'INR' | 'UAH' | 'RUB' | 'BYR' | 'IRR' | 'MXN' | 'TWD' | 'TRY' | 'TRL' | 'TL' | 'PLN' | 'HUF' | 'BGN' | 'EUR' | 'NGN' | 'RON' | 'VND' | 'BDT' | 'XOF' | 'JPY' | 'CNY' | 'KRW' | 'ARS';