@fast-simon/dashboard-utilities 1.0.1

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

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

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

@@ -0,0 +1,61 @@
+import { BuriedIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/BuriedIcon";
+import { HiddenIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/HiddenIcon";
+import { PinIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/PinIcon";
+import { PromoteIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/PromoteIcon";
+import { CutIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/CutIcon";
+import { RestoreIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/RestoreIcon";
+import { RemoveIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/RemoveIcon";
+import { PositionIcon } from "../../../../../../../../frontends/dashboard-utilities/src/icons/PositionIcon";
+import Positioning from "../Positioning";
+export const ActionsBarItems = [
+    {
+        getIcon: (customClasses) => PromoteIcon.call(undefined, { height: 40, width: 40, customClasses: customClasses }),
+        name: 'promote',
+        hooverTooltip: 'Promote',
+        isVisible: (product) => true
+    },
+    {
+        getIcon: (customClasses) => BuriedIcon.call(undefined, { height: 35, width: 35, customClasses: customClasses }),
+        name: 'bury',
+        hooverTooltip: 'Bury',
+        isVisible: (product) => (product === null || product === void 0 ? void 0 : product.productLabel) !== 'Buried'
+    },
+    {
+        getIcon: (customClasses) => CutIcon.call(undefined, { height: 40, width: 40, customClasses: customClasses }),
+        name: 'cut',
+        hooverTooltip: 'Cut',
+        isVisible: () => false
+    },
+    {
+        getIcon: (customClasses) => PositionIcon.call(undefined, { customClasses: customClasses }),
+        getComponent: (onChangeCommitted, currentPosition) => Positioning.call(undefined, { onChangeCommitted: onChangeCommitted, currentPosition: currentPosition }),
+        name: 'position',
+        hooverTooltip: 'Position',
+        isVisible: () => true
+    },
+    {
+        getIcon: (customClasses) => RestoreIcon.call(undefined, { height: 40, width: 40, customClasses: customClasses }),
+        name: 'restore',
+        hooverTooltip: 'Restore',
+        isVisible: (product) => (['Buried', 'Promoted', 'Pinned'].includes((product === null || product === void 0 ? void 0 : product.productLabel) || ''))
+    },
+    {
+        getIcon: (customClasses) => HiddenIcon.call(undefined, { height: 26, width: 32, customClasses: customClasses }),
+        name: 'hide',
+        hooverTooltip: 'Hide',
+        isVisible: (product) => (product === null || product === void 0 ? void 0 : product.productLabel) !== 'Hidden'
+    },
+    {
+        getIcon: (customClasses) => PinIcon.call(undefined, { height: 40, width: 40, customClasses: customClasses }),
+        name: 'pin',
+        hooverTooltip: 'Pin',
+        isVisible: (product) => (!['Promoted', 'Pinned', 'Buried'].includes((product === null || product === void 0 ? void 0 : product.productLabel) || ''))
+    },
+    {
+        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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/components/ActionsBar/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {BuriedIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/BuriedIcon\";\r\nimport {HiddenIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/HiddenIcon\";\r\nimport {PinIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/PinIcon\";\r\nimport {PromoteIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/PromoteIcon\";\r\nimport {CutIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/CutIcon\";\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\nimport {PositionIcon} from \"../../../../../../../../frontends/dashboard-utilities/src/icons/PositionIcon\";\r\nimport Positioning from \"../Positioning\";\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) => BuriedIcon.call(undefined, {height: 35, width: 35, customClasses: customClasses}),\r\n        name: 'bury',\r\n        hooverTooltip: 'Bury',\r\n        isVisible: (product) => product?.productLabel !== 'Buried'\r\n    },\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => CutIcon.call(undefined, {height: 40, width: 40, customClasses: customClasses}),\r\n        name: 'cut',\r\n        hooverTooltip: 'Cut',\r\n        isVisible: () => false\r\n    },\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => PositionIcon.call(undefined, {customClasses: customClasses}),\r\n        getComponent: (onChangeCommitted, currentPosition) => Positioning.call(undefined, {onChangeCommitted: onChangeCommitted, currentPosition: currentPosition}),\r\n        name: 'position',\r\n        hooverTooltip: 'Position',\r\n        isVisible: () => true\r\n    },\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => RestoreIcon.call(undefined, {height: 40, width: 40, customClasses: customClasses}),\r\n        name: 'restore',\r\n        hooverTooltip: 'Restore',\r\n        isVisible: (product) => (['Buried', 'Promoted', 'Pinned'].includes(product?.productLabel || ''))\r\n    },\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => HiddenIcon.call(undefined, {height: 26, width: 32, customClasses: customClasses}),\r\n        name: 'hide',\r\n        hooverTooltip: 'Hide',\r\n        isVisible: (product) => product?.productLabel !== 'Hidden'\r\n    },\r\n    {\r\n        getIcon: (customClasses?: CustomClasses) => PinIcon.call(undefined, {height: 40, width: 40, customClasses: customClasses}),\r\n        name: 'pin',\r\n        hooverTooltip: 'Pin',\r\n        isVisible: (product) => (!['Promoted', 'Pinned', 'Buried'].includes(product?.productLabel || ''))\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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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 { ProductsUtils } from \"../../../../../../../../frontends/dashboard-utilities/src/utils/products\";\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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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