@fast-simon/dashboard-utilities 1.0.36 → 1.0.37

package/dist/dashboard/dashboard-client/src/containers/SearchResultsPreview/SerpPreview.js

@@ -0,0 +1,74 @@
+export const SerpPreview = {
+    getStyleMessage: (shopperExperience, mode, retailPack) => {
+        return JSON.stringify({
+            type: 'style',
+            value: SerpPreview.convertStyle(shopperExperience, mode, retailPack)
+        });
+    },
+    getDeviceMessage: (mode) => {
+        return JSON.stringify({
+            type: 'device',
+            value: SerpPreview.convertDevice(mode)
+        });
+    },
+    getThemeMessage: (theme) => {
+        return JSON.stringify({
+            type: 'theme',
+            value: theme
+        });
+    },
+    convertDevice: (mode) => {
+        switch (mode) {
+            case "desktop":
+                return 0;
+            case "tablet":
+                return 1;
+            case "mobile":
+                return 2;
+        }
+    },
+    convertStyle: (shopperExperience, mode, retailPack) => {
+        return {
+            isp_infinite_scroll_enabled: shopperExperience.pageSystem[mode] === "infinite scroll",
+            isp_infinite_scroll_load_more_enabled: shopperExperience.isLoadMoreButton[mode],
+            isp_horizontal_serp_filters: shopperExperience.filterTheme === "horizontal",
+            isp_results_page_enable_sorting: shopperExperience.isSortingSerp[mode],
+            isp_results_page_default_sort: shopperExperience.defaultSortingOption[mode],
+            isp_results_page_quick_view_enabled: shopperExperience.isQuickView[mode],
+            isp_results_page_sold_out_banner_enabled: shopperExperience.isSoldOutBanner[mode],
+            isp_results_page_disable_add_to_cart: !shopperExperience.isAddToCartButton[mode],
+            serp_enable_add_to_cart_ajax_animation: shopperExperience.isAjaxAnimation[mode],
+            isp_results_page_show_sku: shopperExperience.isProductSku[mode],
+            serp_enable_favorites: false,
+            hide_product_description_serp: shopperExperience.isProductDescription[mode],
+            isp_results_page_hide_search_box: !shopperExperience.isSearchBox[mode],
+            isp_second_serp_image_flip_enabled: retailPack.imageHoverMode === "auto",
+            isp_serp_product_image_carousel: retailPack.imageHoverMode === "on",
+            hide_product_color_swatch: !retailPack.isColorSwatchFilter,
+            hide_color_swatch_in_products: !retailPack.isProductColorSwatches,
+            isp_look_a_like_enabled: retailPack.isLookALike,
+            isp_image_search: retailPack.isVisualSearch,
+            isp_quick_view_mode: shopperExperience.quickViewTheme === "modern" ? 0 : 1,
+            isp_quick_view_color_scheme: shopperExperience.quickViewColorScheme,
+            isp_serp_title_max_lines: shopperExperience.productTitleLines.desktop,
+            isp_serp_products_per_row: shopperExperience.productsPerRow.desktop,
+            isp_serp_title_max_lines_mobile: shopperExperience.productTitleLines.mobile,
+            isp_serp_products_per_row_mobile: shopperExperience.productsPerRow.mobile,
+            isp_serp_title_max_lines_tablet: shopperExperience.productTitleLines.tablet,
+            isp_serp_products_per_row_tablet: shopperExperience.productsPerRow.tablet,
+            serp_enable_add_to_cart_variants: shopperExperience.isAddToCartVariants[mode] === "variant level",
+            isp_custom_colors: {
+                isp_add_to_cart_color: shopperExperience.addToCartButtonColor,
+                isp_filter_title_color: shopperExperience.filterTitleColor,
+                isp_filter_options_color: shopperExperience.filterOptionColor,
+                isp_product_price_color: shopperExperience.productPriceColor,
+                isp_product_compare_at_price_color: shopperExperience.productComparePriceColor,
+                isp_product_border_color: shopperExperience.productBorderColor,
+                isp_product_title_alignment: shopperExperience.productInfoAlignment
+            },
+            isp_desktop_show_price_slider: shopperExperience.isPriceFilterSlider,
+            isp_pagination_progress_bar_enabled: shopperExperience.isPaginationProgressBar,
+        };
+    },
+};
+//# sourceMappingURL=SerpPreview.js.map

package/dist/dashboard/dashboard-client/src/containers/SearchResultsPreview/SerpPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SerpPreview.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/containers/SearchResultsPreview/SerpPreview.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,eAAe,EAAE,CAAC,iBAAoC,EAAE,IAAY,EAAE,UAAsB,EAAE,EAAE;QAC5F,OAAO,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,EAAE,UAAU,CAAC;SACvE,CAAC,CAAA;IACN,CAAC;IAED,gBAAgB,EAAE,CAAC,IAAY,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC;SACzC,CAAC,CAAA;IACN,CAAC;IAED,eAAe,EAAE,CAAC,KAAyB,EAAE,EAAE;QAC3C,OAAO,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;SACf,CAAC,CAAC;IACP,CAAC;IAED,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE;QAC5B,QAAQ,IAAI,EAAE;YACV,KAAK,SAAS;gBACV,OAAO,CAAC,CAAC;YACb,KAAK,QAAQ;gBACT,OAAO,CAAC,CAAC;YACb,KAAK,QAAQ;gBACT,OAAO,CAAC,CAAC;SAChB;IACL,CAAC;IAED,YAAY,EAAE,CAAC,iBAAoC,EAAE,IAAY,EAAE,UAAsB,EAAE,EAAE;QACzF,OAAO;YACH,2BAA2B,EAAE,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,iBAAiB;YACrF,qCAAqC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,IAAI,CAAC;YAC/E,2BAA2B,EAAE,iBAAiB,CAAC,WAAW,KAAK,YAAY;YAC3E,+BAA+B,EAAE,iBAAiB,CAAC,aAAa,CAAC,IAAI,CAAC;YACtE,6BAA6B,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,CAAC;YAC3E,mCAAmC,EAAE,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC;YACxE,wCAAwC,EAAE,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC;YACjF,oCAAoC,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAChF,sCAAsC,EAAE,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC;YAC/E,yBAAyB,EAAE,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC;YAC/D,qBAAqB,EAAE,KAAK;YAC5B,6BAA6B,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,CAAC;YAC3E,gCAAgC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC;YAEtE,kCAAkC,EAAE,UAAU,CAAC,cAAc,KAAK,MAAM;YACxE,+BAA+B,EAAE,UAAU,CAAC,cAAc,KAAK,IAAI;YAEnE,yBAAyB,EAAE,CAAC,UAAU,CAAC,mBAAmB;YAC1D,6BAA6B,EAAE,CAAC,UAAU,CAAC,sBAAsB;YACjE,uBAAuB,EAAE,UAAU,CAAC,WAAW;YAC/C,gBAAgB,EAAE,UAAU,CAAC,cAAc;YAE3C,mBAAmB,EAAE,iBAAiB,CAAC,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1E,2BAA2B,EAAE,iBAAiB,CAAC,oBAAoB;YAEnE,wBAAwB,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,OAAO;YACrE,yBAAyB,EAAE,iBAAiB,CAAC,cAAc,CAAC,OAAO;YACnE,+BAA+B,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,MAAM;YAC3E,gCAAgC,EAAE,iBAAiB,CAAC,cAAc,CAAC,MAAM;YACzE,+BAA+B,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,MAAM;YAC3E,gCAAgC,EAAE,iBAAiB,CAAC,cAAc,CAAC,MAAM;YAEzE,gCAAgC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,eAAe;YAEjG,iBAAiB,EAAE;gBACf,qBAAqB,EAAE,iBAAiB,CAAC,oBAAoB;gBAC7D,sBAAsB,EAAE,iBAAiB,CAAC,gBAAgB;gBAC1D,wBAAwB,EAAE,iBAAiB,CAAC,iBAAiB;gBAC7D,uBAAuB,EAAE,iBAAiB,CAAC,iBAAiB;gBAC5D,kCAAkC,EAAE,iBAAiB,CAAC,wBAAwB;gBAC9E,wBAAwB,EAAE,iBAAiB,CAAC,kBAAkB;gBAC9D,2BAA2B,EAAE,iBAAiB,CAAC,oBAAoB;aACtE;YACD,6BAA6B,EAAE,iBAAiB,CAAC,mBAAmB;YACpE,mCAAmC,EAAE,iBAAiB,CAAC,uBAAuB;SACjF,CAAA;IACL,CAAC;CACJ,CAAC","sourcesContent":["import {device} from \"../../store/searchResults/models/models\";\r\nimport {ShopperExperience} from \"../../store/searchResults/models/shopperExperienceModel\";\r\nimport {RetailPack} from \"../../store/searchResults/models/retailPackModels\";\r\nimport {SerpThemeValueType} from \"../../store/searchResults/models/configurationModels\";\r\n\r\nexport interface IframeData {\r\n    available: boolean\r\n    url: string\r\n    reason: string\r\n}\r\n\r\nexport const SerpPreview = {\r\n    getStyleMessage: (shopperExperience: ShopperExperience, mode: device, retailPack: RetailPack) => {\r\n        return JSON.stringify({\r\n            type: 'style',\r\n            value: SerpPreview.convertStyle(shopperExperience, mode, retailPack)\r\n        })\r\n    },\r\n\r\n    getDeviceMessage: (mode: device) => {\r\n        return JSON.stringify({\r\n            type: 'device',\r\n            value: SerpPreview.convertDevice(mode)\r\n        })\r\n    },\r\n\r\n    getThemeMessage: (theme: SerpThemeValueType) => {\r\n        return JSON.stringify({\r\n            type: 'theme',\r\n            value: theme\r\n        });\r\n    },\r\n\r\n    convertDevice: (mode: device) => {\r\n        switch (mode) {\r\n            case \"desktop\":\r\n                return 0;\r\n            case \"tablet\":\r\n                return 1;\r\n            case \"mobile\":\r\n                return 2;\r\n        }\r\n    },\r\n\r\n    convertStyle: (shopperExperience: ShopperExperience, mode: device, retailPack: RetailPack) => {\r\n        return {\r\n            isp_infinite_scroll_enabled: shopperExperience.pageSystem[mode] === \"infinite scroll\",\r\n            isp_infinite_scroll_load_more_enabled: shopperExperience.isLoadMoreButton[mode],\r\n            isp_horizontal_serp_filters: shopperExperience.filterTheme === \"horizontal\",\r\n            isp_results_page_enable_sorting: shopperExperience.isSortingSerp[mode],\r\n            isp_results_page_default_sort: shopperExperience.defaultSortingOption[mode],\r\n            isp_results_page_quick_view_enabled: shopperExperience.isQuickView[mode],\r\n            isp_results_page_sold_out_banner_enabled: shopperExperience.isSoldOutBanner[mode],\r\n            isp_results_page_disable_add_to_cart: !shopperExperience.isAddToCartButton[mode],\r\n            serp_enable_add_to_cart_ajax_animation: shopperExperience.isAjaxAnimation[mode],\r\n            isp_results_page_show_sku: shopperExperience.isProductSku[mode],\r\n            serp_enable_favorites: false, //TODO Config\r\n            hide_product_description_serp: shopperExperience.isProductDescription[mode],\r\n            isp_results_page_hide_search_box: !shopperExperience.isSearchBox[mode],\r\n\r\n            isp_second_serp_image_flip_enabled: retailPack.imageHoverMode === \"auto\",\r\n            isp_serp_product_image_carousel: retailPack.imageHoverMode === \"on\",\r\n\r\n            hide_product_color_swatch: !retailPack.isColorSwatchFilter,\r\n            hide_color_swatch_in_products: !retailPack.isProductColorSwatches,\r\n            isp_look_a_like_enabled: retailPack.isLookALike,\r\n            isp_image_search: retailPack.isVisualSearch,\r\n\r\n            isp_quick_view_mode: shopperExperience.quickViewTheme === \"modern\" ? 0 : 1,\r\n            isp_quick_view_color_scheme: shopperExperience.quickViewColorScheme,\r\n\r\n            isp_serp_title_max_lines: shopperExperience.productTitleLines.desktop,\r\n            isp_serp_products_per_row: shopperExperience.productsPerRow.desktop,\r\n            isp_serp_title_max_lines_mobile: shopperExperience.productTitleLines.mobile,\r\n            isp_serp_products_per_row_mobile: shopperExperience.productsPerRow.mobile,\r\n            isp_serp_title_max_lines_tablet: shopperExperience.productTitleLines.tablet,\r\n            isp_serp_products_per_row_tablet: shopperExperience.productsPerRow.tablet,\r\n\r\n            serp_enable_add_to_cart_variants: shopperExperience.isAddToCartVariants[mode] === \"variant level\",\r\n\r\n            isp_custom_colors: {\r\n                isp_add_to_cart_color: shopperExperience.addToCartButtonColor,\r\n                isp_filter_title_color: shopperExperience.filterTitleColor,\r\n                isp_filter_options_color: shopperExperience.filterOptionColor,\r\n                isp_product_price_color: shopperExperience.productPriceColor,\r\n                isp_product_compare_at_price_color: shopperExperience.productComparePriceColor,\r\n                isp_product_border_color: shopperExperience.productBorderColor,\r\n                isp_product_title_alignment: shopperExperience.productInfoAlignment\r\n            },\r\n            isp_desktop_show_price_slider: shopperExperience.isPriceFilterSlider,\r\n            isp_pagination_progress_bar_enabled: shopperExperience.isPaginationProgressBar,\r\n        }\r\n    },\r\n};"]}

package/dist/dashboard/dashboard-client/src/containers/SerpFilters/models.d.ts

@@ -0,0 +1,137 @@
+import { Facet, FilterGroups, FilterGroup, FilterSortOption } from "../../store/filters/configuration/models";
+import React from "react";
+export interface SerpFiltersProps {
+    filters: {
+        prioritizedFilters: Facet[];
+        automaticFilters: Facet[];
+        hiddenFilters: Facet[];
+        groups?: FilterGroups;
+    };
+    features?: SerpFiltersFeatures;
+    onChange: (action: SerpFiltersAction, data: SerpFiltersData[], updates?: any) => void;
+    onGroupChange?: (groups: FilterGroups) => void;
+}
+export interface SerpFiltersFeatures {
+    delete: boolean;
+    showOrHide: boolean;
+    editName: boolean;
+    pin: boolean;
+    tagFilterSelector: boolean;
+    keyWordFilterSelector: boolean;
+    configureSort: boolean;
+    add: boolean;
+    group: boolean;
+}
+export declare const SerpFiltersDefaultFeatures: SerpFiltersFeatures;
+export declare enum PopUpType {
+    Sort = 1,
+    Groups = 2,
+    Delete = 3
+}
+export interface FacetPopup {
+    facet: Facet;
+    popUpType: PopUpType;
+    list: facetList;
+    index: number;
+}
+export type SerpFiltersActionFunc = ({ action, sourceID, sourceIndex, destinationID, destinationIndex }: onSerpFilterAction) => void;
+export interface SerpFilterPagination {
+    prioritizedFilters: number;
+    automaticFilters: number;
+    hiddenFilters: number;
+}
+export interface FacetContextProps {
+    onAction: SerpFiltersActionFunc;
+    features: SerpFiltersFeatures;
+    prioritizedFilters: Facet[];
+    automaticFilters: Facet[];
+    hiddenFilters: Facet[];
+    groups: FilterGroups;
+    pagination: SerpFilterPagination;
+    setPagination: (p: SerpFilterPagination) => void;
+    nameChanger: (name: string, id: facetList, index: number) => void;
+    filterSortChanger: (props: {
+        values: string[];
+        sortOption: FilterSortOption;
+        id: facetList;
+        index: number;
+    }) => void;
+    filterTagChanger: (props: {
+        tags: string[];
+        index: number;
+        id: facetList;
+    }) => void;
+    filterKeywordChanger: (props: {
+        keywords: string[];
+        index: number;
+        id: facetList;
+        isDescription: boolean;
+        isTitle: boolean;
+    }) => void;
+    filterGroupsChanger: (props: {
+        facetID: string;
+        facetGroups: string[] | null;
+        groupName: string;
+    }) => void;
+    getActualFacetIndex: (list: facetList, id: string) => number;
+    filterPopupOpen: (props: FacetPopup) => void;
+    filterMultipleGroupsChanger: (props: {
+        facetID: string;
+        newFacetGroups: FilterGroup;
+    }) => void;
+}
+export declare const defaultFacetContext: FacetContextProps;
+export type SerpFiltersAction = "delete" | "pin" | "unpin" | "hide" | "show" | "updateRanks" | "updateName" | "updateTagFilter" | "updateKeywordFilter" | "updateFilterSort";
+export type facetList = "prioritizedFilters" | "automaticFilters" | "hiddenFilters";
+export interface SerpFiltersData {
+    updateName: "prioritizedFilters" | "automaticFilters" | "hiddenFilters";
+    payload: Facet[];
+}
+export interface SerpFiltersMoveResult {
+    source: Facet[];
+    destination?: Facet[];
+}
+export interface SerpFilterSortChange {
+    source: Facet[];
+    destination?: Facet[];
+    srcIndex: number;
+    destIndex: number;
+}
+export interface SerpFilterListProps {
+    prioritizedFilters: Facet[];
+    automaticFilters: Facet[];
+    hiddenFilters: Facet[];
+    dragging: facetList | "";
+    buffer?: number;
+}
+export interface paginationData {
+    result: Facet[];
+    start: number;
+    end: number;
+}
+export interface SerpFacetItemProps {
+    index: number;
+    draggableIndex: number;
+    facet: Facet;
+    isNew: boolean;
+    id: facetList;
+    className?: string;
+}
+export interface onSerpFilterAction {
+    action: SerpFiltersAction;
+    sourceID: facetList;
+    sourceIndex: number;
+    destinationID?: facetList;
+    destinationIndex?: number;
+}
+export interface SortMenuProps {
+    facet: Facet;
+    onChange: (values: string[], type: FilterSortOption) => void;
+    onClose: () => void;
+}
+export interface SerpRadioOption {
+    value: FilterSortOption;
+    title: string;
+    info: string;
+    data: React.ReactNode;
+}

package/dist/dashboard/dashboard-client/src/containers/SerpFilters/models.js

@@ -0,0 +1,36 @@
+export const SerpFiltersDefaultFeatures = {
+    delete: false,
+    showOrHide: true,
+    editName: false,
+    pin: true,
+    keyWordFilterSelector: false,
+    tagFilterSelector: false,
+    configureSort: false,
+    add: false,
+    group: false,
+};
+export var PopUpType;
+(function (PopUpType) {
+    PopUpType[PopUpType["Sort"] = 1] = "Sort";
+    PopUpType[PopUpType["Groups"] = 2] = "Groups";
+    PopUpType[PopUpType["Delete"] = 3] = "Delete";
+})(PopUpType || (PopUpType = {}));
+export const defaultFacetContext = {
+    onAction: () => undefined,
+    nameChanger: () => undefined,
+    filterSortChanger: () => undefined,
+    filterTagChanger: () => undefined,
+    filterKeywordChanger: () => undefined,
+    getActualFacetIndex: () => 0,
+    filterGroupsChanger: () => undefined,
+    filterPopupOpen: () => undefined,
+    setPagination: () => undefined,
+    filterMultipleGroupsChanger: () => undefined,
+    pagination: { automaticFilters: 1, hiddenFilters: 1, prioritizedFilters: 1 },
+    features: SerpFiltersDefaultFeatures,
+    prioritizedFilters: [],
+    automaticFilters: [],
+    hiddenFilters: [],
+    groups: {}
+};
+//# sourceMappingURL=models.js.map

package/dist/dashboard/dashboard-client/src/containers/SerpFilters/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/containers/SerpFilters/models.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,0BAA0B,GAAwB;IAC3D,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,IAAI;IACT,qBAAqB,EAAE,KAAK;IAC5B,iBAAiB,EAAE,KAAK;IACxB,aAAa,EAAE,KAAK;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACjB,yCAAQ,CAAA;IACR,6CAAU,CAAA;IACV,6CAAU,CAAA;AACd,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAqCD,MAAM,CAAC,MAAM,mBAAmB,GAAsB;IAClD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;IACzB,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;IAC5B,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAS;IAClC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,oBAAoB,EAAE,GAAG,EAAE,CAAC,SAAS;IACrC,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC;IAC5B,mBAAmB,EAAC,GAAG,EAAE,CAAC,SAAS;IACnC,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS;IAChC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;IAC9B,2BAA2B,EAAE,GAAG,EAAE,CAAC,SAAS;IAC5C,UAAU,EAAE,EAAC,gBAAgB,EAAE,CAAC,EAAC,aAAa,EAAE,CAAC,EAAC,kBAAkB,EAAC,CAAC,EAAC;IACvE,QAAQ,EAAE,0BAA0B;IACpC,kBAAkB,EAAE,EAAE;IACtB,gBAAgB,EAAE,EAAE;IACpB,aAAa,EAAE,EAAE;IACjB,MAAM,EAAE,EAAE;CACb,CAAC","sourcesContent":["import {Facet, FilterGroups, FilterGroup, FilterSortOption} from \"../../store/filters/configuration/models\";\r\nimport React from \"react\";\r\n\r\nexport interface SerpFiltersProps {\r\n    filters: {\r\n        prioritizedFilters: Facet[],\r\n        automaticFilters: Facet[],\r\n        hiddenFilters: Facet[],\r\n        groups?: FilterGroups\r\n    }\r\n    features?: SerpFiltersFeatures\r\n\r\n    onChange: (action: SerpFiltersAction, data: SerpFiltersData[], updates?: any) => void\r\n    onGroupChange?: (groups: FilterGroups) => void\r\n}\r\n\r\nexport interface SerpFiltersFeatures {\r\n    delete: boolean,\r\n    showOrHide: boolean,\r\n    editName: boolean,\r\n    pin: boolean,\r\n    tagFilterSelector: boolean,\r\n    keyWordFilterSelector: boolean,\r\n    configureSort: boolean,\r\n    add: boolean\r\n    group: boolean\r\n}\r\n\r\nexport const SerpFiltersDefaultFeatures: SerpFiltersFeatures = {\r\n    delete: false,\r\n    showOrHide: true,\r\n    editName: false,\r\n    pin: true,\r\n    keyWordFilterSelector: false,\r\n    tagFilterSelector: false,\r\n    configureSort: false,\r\n    add: false,\r\n    group: false,\r\n};\r\n\r\nexport enum PopUpType {\r\n    Sort = 1,\r\n    Groups = 2,\r\n    Delete = 3\r\n}\r\n\r\nexport interface FacetPopup {\r\n    facet: Facet,\r\n    popUpType: PopUpType\r\n    list: facetList\r\n    index: number\r\n}\r\n\r\nexport type SerpFiltersActionFunc = ({action, sourceID, sourceIndex, destinationID, destinationIndex}: onSerpFilterAction) => void\r\n\r\nexport interface SerpFilterPagination {\r\n    prioritizedFilters: number,\r\n    automaticFilters: number,\r\n    hiddenFilters:number\r\n}\r\n\r\nexport interface FacetContextProps {\r\n    onAction: SerpFiltersActionFunc,\r\n    features: SerpFiltersFeatures,\r\n    prioritizedFilters: Facet[],\r\n    automaticFilters: Facet[],\r\n    hiddenFilters: Facet[],\r\n    groups: FilterGroups\r\n    pagination:SerpFilterPagination\r\n    setPagination: (p: SerpFilterPagination) => void\r\n\r\n    nameChanger: (name: string, id: facetList, index: number) => void\r\n    filterSortChanger: (props: { values: string[], sortOption: FilterSortOption, id: facetList, index: number }) => void,\r\n    filterTagChanger: (props: { tags: string[], index: number, id: facetList }) => void\r\n    filterKeywordChanger: (props: { keywords: string[], index: number, id: facetList, isDescription: boolean, isTitle: boolean }) => void\r\n    filterGroupsChanger: (props: { facetID: string, facetGroups: string[] | null, groupName: string }) => void,\r\n    getActualFacetIndex: (list: facetList, id: string) => number\r\n    filterPopupOpen: (props: FacetPopup) => void\r\n    filterMultipleGroupsChanger: (props: { facetID: string, newFacetGroups : FilterGroup}) => void;\r\n}\r\n\r\nexport const defaultFacetContext: FacetContextProps = {\r\n    onAction: () => undefined,\r\n    nameChanger: () => undefined,\r\n    filterSortChanger: () => undefined,\r\n    filterTagChanger: () => undefined,\r\n    filterKeywordChanger: () => undefined,\r\n    getActualFacetIndex: () => 0,\r\n    filterGroupsChanger:() => undefined,\r\n    filterPopupOpen: () => undefined,\r\n    setPagination: () => undefined,\r\n    filterMultipleGroupsChanger: () => undefined,\r\n    pagination: {automaticFilters: 1,hiddenFilters: 1,prioritizedFilters:1},\r\n    features: SerpFiltersDefaultFeatures,\r\n    prioritizedFilters: [],\r\n    automaticFilters: [],\r\n    hiddenFilters: [],\r\n    groups: {}\r\n};\r\n\r\nexport type SerpFiltersAction =\r\n    \"delete\"\r\n    | \"pin\"\r\n    | \"unpin\"\r\n    | \"hide\"\r\n    | \"show\"\r\n    | \"updateRanks\"\r\n    | \"updateName\"\r\n    | \"updateTagFilter\"\r\n    | \"updateKeywordFilter\"\r\n    | \"updateFilterSort\"\r\n\r\nexport type facetList = \"prioritizedFilters\" | \"automaticFilters\" | \"hiddenFilters\"\r\n\r\nexport interface SerpFiltersData {\r\n    updateName: \"prioritizedFilters\" | \"automaticFilters\" | \"hiddenFilters\",\r\n    payload: Facet[]\r\n}\r\n\r\nexport interface SerpFiltersMoveResult {\r\n    source: Facet[],\r\n    destination?: Facet[]\r\n}\r\n\r\nexport interface SerpFilterSortChange {\r\n    source: Facet[],\r\n    destination?: Facet[],\r\n    srcIndex: number,\r\n    destIndex: number,\r\n}\r\n\r\nexport interface SerpFilterListProps {\r\n    prioritizedFilters: Facet[],\r\n    automaticFilters: Facet[],\r\n    hiddenFilters: Facet[],\r\n    dragging: facetList | \"\"\r\n    buffer?: number,\r\n}\r\n\r\nexport interface paginationData {\r\n    result: Facet[],\r\n    start: number,\r\n    end: number,\r\n}\r\n\r\nexport interface SerpFacetItemProps {\r\n    index: number,\r\n    draggableIndex: number,\r\n\r\n    facet: Facet,\r\n    isNew: boolean\r\n    id: facetList\r\n    className?: string\r\n}\r\n\r\nexport interface onSerpFilterAction {\r\n    action: SerpFiltersAction,\r\n    sourceID: facetList,\r\n    sourceIndex: number,\r\n    destinationID?: facetList,\r\n    destinationIndex?: number\r\n}\r\n\r\nexport interface SortMenuProps {\r\n    facet: Facet,\r\n    onChange: (values: string[], type: FilterSortOption) => void\r\n\r\n    onClose: () => void\r\n}\r\n\r\nexport interface SerpRadioOption {\r\n    value: FilterSortOption,\r\n    title: string\r\n    info: string\r\n    data: React.ReactNode\r\n}"]}

package/dist/dashboard/dashboard-client/src/containers/sync/CustomCsvInfo/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const guideTextDesktop = "Fast Simon Integration Guide";
+export declare const guideTextMobile = "FS Integration Guide";
+export declare const encodingUrl = "https://docs.python.org/2/library/codecs.html";
+export declare const strictModeLabel = "CSV strict mode (stops in case of csv parsing error)";
+export declare const eraseExistingProductsLabel = "Erase existing products not found in the uploaded file";
+export declare const refreshProductImagesLabel = "Refresh product images";
+export declare const syncInProgressMessage = "Sync in progress...";
+export declare const webServiceApiLabel = "Web Service CSV Upload API:";

package/dist/dashboard/dashboard-client/src/containers/sync/CustomCsvInfo/utils.js

@@ -0,0 +1,9 @@
+export const guideTextDesktop = 'Fast Simon Integration Guide';
+export const guideTextMobile = 'FS Integration Guide';
+export const encodingUrl = 'https://docs.python.org/2/library/codecs.html';
+export const strictModeLabel = 'CSV strict mode (stops in case of csv parsing error)';
+export const eraseExistingProductsLabel = 'Erase existing products not found in the uploaded file';
+export const refreshProductImagesLabel = 'Refresh product images';
+export const syncInProgressMessage = 'Sync in progress...';
+export const webServiceApiLabel = 'Web Service CSV Upload API:';
+//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/containers/sync/CustomCsvInfo/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../dashboard/dashboard-client/src/containers/sync/CustomCsvInfo/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,8BAA8B,CAAC;AAC/D,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,+CAA+C,CAAC;AAE3E,MAAM,CAAC,MAAM,eAAe,GAAG,sDAAsD,CAAC;AACtF,MAAM,CAAC,MAAM,0BAA0B,GAAG,wDAAwD,CAAC;AACnG,MAAM,CAAC,MAAM,yBAAyB,GAAG,wBAAwB,CAAC;AAElE,MAAM,CAAC,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,6BAA6B,CAAC","sourcesContent":["export const guideTextDesktop = 'Fast Simon Integration Guide';\r\nexport const guideTextMobile = 'FS Integration Guide';\r\n\r\nexport const encodingUrl = 'https://docs.python.org/2/library/codecs.html';\r\n\r\nexport const strictModeLabel = 'CSV strict mode (stops in case of csv parsing error)';\r\nexport const eraseExistingProductsLabel = 'Erase existing products not found in the uploaded file';\r\nexport const refreshProductImagesLabel = 'Refresh product images';\r\n\r\nexport const syncInProgressMessage = 'Sync in progress...';\r\n\r\nexport const webServiceApiLabel = 'Web Service CSV Upload API:';"]}

package/dist/dashboard/dashboard-client/src/containers/sync/ProductImageSource/utils.d.ts

@@ -0,0 +1,6 @@
+import { PRODUCT_IMAGE_SOURCE } from "../../../store/sync/models";
+export declare function toggleProductImageSource(source: PRODUCT_IMAGE_SOURCE): PRODUCT_IMAGE_SOURCE;
+export declare const radioOptions: {
+    value: string;
+    text: string;
+}[];

package/dist/dashboard/dashboard-client/src/containers/sync/ProductImageSource/utils.js

@@ -0,0 +1,10 @@
+import { PRODUCT_IMAGE_SOURCE } from "../../../store/sync/models";
+export function toggleProductImageSource(source) {
+    return source == (PRODUCT_IMAGE_SOURCE.FIRST_SELLABLE_VARIANT) ?
+        PRODUCT_IMAGE_SOURCE.FEATURED_PRODUCT : PRODUCT_IMAGE_SOURCE.FIRST_SELLABLE_VARIANT;
+}
+export const radioOptions = [
+    { value: '0', text: 'First sellable variant' },
+    { value: '1', text: 'Featured product' }
+];
+//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/containers/sync/ProductImageSource/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../dashboard/dashboard-client/src/containers/sync/ProductImageSource/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAEhE,MAAM,UAAU,wBAAwB,CAAC,MAA4B;IAEjE,OAAO,MAAM,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA,CAAC;QACvD,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,sBAAsB,CAAC;AAChG,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,wBAAwB,EAAC;IAC5C,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAC;CACzC,CAAC","sourcesContent":["import {PRODUCT_IMAGE_SOURCE} from \"../../../store/sync/models\";\r\n\r\nexport function toggleProductImageSource(source: PRODUCT_IMAGE_SOURCE): PRODUCT_IMAGE_SOURCE {\r\n\r\n    return source == (PRODUCT_IMAGE_SOURCE.FIRST_SELLABLE_VARIANT)?\r\n            PRODUCT_IMAGE_SOURCE.FEATURED_PRODUCT : PRODUCT_IMAGE_SOURCE.FIRST_SELLABLE_VARIANT;\r\n}\r\n\r\nexport const radioOptions = [\r\n    {value: '0', text: 'First sellable variant'},\r\n    {value: '1', text: 'Featured product'}\r\n];"]}

package/dist/dashboard/dashboard-client/src/containers/sync/ProductSync/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const syncStartedMessage: string;
+export declare const syncNowMessage: string;
+export declare const syncErrorMessage: string;
+export declare const SYNC_PROGRESS_UPDATES_NUM: number;

package/dist/dashboard/dashboard-client/src/containers/sync/ProductSync/utils.js

@@ -0,0 +1,5 @@
+export const syncStartedMessage = 'Syncing products... please allow a few minutes';
+export const syncNowMessage = 'Sync Now';
+export const syncErrorMessage = 'Sync error, please try again';
+export const SYNC_PROGRESS_UPDATES_NUM = 30;
+//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/containers/sync/ProductSync/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../../dashboard/dashboard-client/src/containers/sync/ProductSync/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAC3B,gDAAgD,CAAC;AACrD,MAAM,CAAC,MAAM,cAAc,GAAW,UAAU,CAAC;AACjD,MAAM,CAAC,MAAM,gBAAgB,GAAW,8BAA8B,CAAC;AAEvE,MAAM,CAAC,MAAM,yBAAyB,GAAW,EAAE,CAAC","sourcesContent":["export const syncStartedMessage: string =\r\n    'Syncing products... please allow a few minutes';\r\nexport const syncNowMessage: string = 'Sync Now';\r\nexport const syncErrorMessage: string = 'Sync error, please try again';\r\n\r\nexport const SYNC_PROGRESS_UPDATES_NUM: number = 30;"]}

package/dist/dashboard/dashboard-client/src/hooks/ClickOutside.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: (event: {
+    target: any;
+}) => void, buttonRef?: React.RefObject<HTMLElement>): void;

package/dist/dashboard/dashboard-client/src/hooks/ClickOutside.js

@@ -0,0 +1,30 @@
+// Hook
+import { useEffect } from "react";
+export function useOnClickOutside(ref, handler, buttonRef) {
+    useEffect(() => {
+        const listener = (event) => {
+            // Do nothing if clicking ref's element or descendent elements
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            if (buttonRef && (!buttonRef.current || buttonRef.current.contains(event.target))) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, 
+    // Add ref and handler to effect dependencies
+    // It's worth noting that because passed in handler is a new ...
+    // ... function on every render that will cause this effect ...
+    // ... callback/cleanup to run every render. It's not a big deal ...
+    // ... but to optimize you can wrap handler in useCallback before ...
+    // ... passing it into this hook.
+    [ref, handler]);
+}
+//# sourceMappingURL=ClickOutside.js.map

package/dist/dashboard/dashboard-client/src/hooks/ClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickOutside.js","sourceRoot":"","sources":["../../../../../../../dashboard/dashboard-client/src/hooks/ClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO;AACP,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEvC,MAAM,UAAU,iBAAiB,CAAC,GAAiC,EAAE,OAAyC,EAAE,SAAuC;IACrJ,SAAS,CACP,GAAG,EAAE;QACH,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE;YAC3C,8DAA8D;YAC9D,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACtD,OAAO;aACR;YAED,IAAG,SAAS,IAAI,CAAC,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAC;gBAC7E,OAAO;aACV;YAED,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC;IACD,6CAA6C;IAC7C,gEAAgE;IAChE,+DAA+D;IAC/D,oEAAoE;IACpE,qEAAqE;IACrE,iCAAiC;IACjC,CAAC,GAAG,EAAE,OAAO,CAAC,CACf,CAAC;AACJ,CAAC","sourcesContent":["// Hook\r\nimport React, {useEffect} from \"react\";\r\n\r\nexport function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: (event: { target: any }) => void, buttonRef?:React.RefObject<HTMLElement>) {\r\n  useEffect(\r\n    () => {\r\n      const listener = (event: { target: any; }) => {\r\n        // Do nothing if clicking ref's element or descendent elements\r\n        if (!ref.current || ref.current.contains(event.target)) {\r\n          return;\r\n        }\r\n\r\n        if(buttonRef && (!buttonRef.current || buttonRef.current.contains(event.target))){\r\n            return;\r\n        }\r\n\r\n        handler(event);\r\n      };\r\n\r\n      document.addEventListener('mousedown', listener);\r\n      document.addEventListener('touchstart', listener);\r\n\r\n      return () => {\r\n        document.removeEventListener('mousedown', listener);\r\n        document.removeEventListener('touchstart', listener);\r\n      };\r\n    },\r\n    // Add ref and handler to effect dependencies\r\n    // It's worth noting that because passed in handler is a new ...\r\n    // ... function on every render that will cause this effect ...\r\n    // ... callback/cleanup to run every render. It's not a big deal ...\r\n    // ... but to optimize you can wrap handler in useCallback before ...\r\n    // ... passing it into this hook.\r\n    [ref, handler]\r\n  );\r\n}"]}

package/dist/dashboard/dashboard-client/src/hooks/auth.d.ts

@@ -0,0 +1,6 @@
+import { DependencyList, EffectCallback } from 'react';
+import { AdminDetails } from "../store/auth/models";
+export declare function useAuthenticatedEffect(effect: EffectCallback, deps: DependencyList): void;
+export declare function usePermissions(): boolean;
+export declare function hasSavePermissions(adminDetails: AdminDetails): boolean;
+export declare function useViewer(): void;

package/dist/dashboard/dashboard-client/src/hooks/auth.js

@@ -0,0 +1,88 @@
+import { useEffect, useState } from 'react';
+import { useDispatch, useSelector } from "react-redux";
+import { selectAdminDetails, selectSessionId, selectSiteKey } from "../store/auth/authSlice";
+import { useLocation } from "react-router-dom";
+import { checkIfHasAccessToTab } from "../utils/permissions";
+import { selectIsSiteLoading, selectIsViewerOverCapacity, selectSiteDetails, setIsViewer, setIsViewerOverCapacity, setIsOverCapacityDialogOpen } from "../store/site/siteSlice";
+import { selectNotificationsLength, selectNotifications } from "../store/notifications/notificationsSlice";
+import { isTestingSite } from "../utils/site";
+export function useAuthenticatedEffect(effect, deps) {
+    const sessionId = useSelector(selectSessionId);
+    const siteKey = useSelector(selectSiteKey);
+    useEffect(() => {
+        if (sessionId === '' || siteKey === '') {
+            return;
+        }
+        return effect();
+    }, [...deps, sessionId, siteKey]);
+}
+export function usePermissions() {
+    const adminDetails = useSelector(selectAdminDetails);
+    const [hasAccessToPage, setHasAccessToPage] = useState(true);
+    const location = useLocation();
+    useAuthenticatedEffect(() => {
+        if (adminDetails.roles.length === 0) {
+            return;
+        }
+        const isHasAccess = checkIfHasAccessToTab(adminDetails, location.pathname);
+        setHasAccessToPage(isHasAccess);
+    }, [adminDetails, location.pathname]);
+    return hasAccessToPage;
+}
+export function hasSavePermissions(adminDetails) {
+    return adminDetails.roles.includes('merchandising_save');
+}
+export function useViewer() {
+    const dispatch = useDispatch();
+    const location = useLocation();
+    const { unlimitedAccount, subscription, isGrantSupportEditing, ownerEmail, key: siteKey } = useSelector(selectSiteDetails);
+    const isSiteLoading = useSelector(selectIsSiteLoading);
+    const notificationsLength = useSelector(selectNotificationsLength);
+    const notifications = useSelector(selectNotifications);
+    const isViewerOverCapacity = useSelector(selectIsViewerOverCapacity);
+    const { isSystemAdmin, isSystemAutomation, isViewerAdmin } = useSelector(selectAdminDetails);
+    useEffect(() => {
+        if (isSiteLoading) {
+            return;
+        }
+        const isTestingStore = isTestingSite(ownerEmail);
+        const isOverCapacity = isViewerOnOverCapacity(isTestingStore);
+        dispatch(setIsViewerOverCapacity(isOverCapacity));
+        const isViewer = isViewerAdmin ||
+            isOverCapacity ||
+            isViewerOnEnterprise(isTestingStore);
+        dispatch(setIsViewer(isViewer));
+    }, [isViewerAdmin, subscription, unlimitedAccount, isSystemAutomation,
+        isSystemAdmin, location.pathname, isGrantSupportEditing, siteKey,
+        notificationsLength, ownerEmail]);
+    useEffect(() => {
+        if (isViewerOverCapacity) {
+            //when dashboard starts open the dialog
+            dispatch(setIsOverCapacityDialogOpen(true));
+        }
+    }, [isViewerOverCapacity]);
+    function isViewerOnOverCapacity(isTestingSite) {
+        if (unlimitedAccount ||
+            isSystemAdmin ||
+            isTestingSite ||
+            notificationsLength === 0) {
+            return false;
+        }
+        if (notifications.indexOf('stop_service') >= 0 ||
+            notifications.indexOf('over-capacity') >= 0 ||
+            notifications.indexOf('product-over-capacity') >= 0) {
+            return true;
+        }
+        return false;
+    }
+    function isViewerOnEnterprise(isTestingSite) {
+        if (isSystemAutomation || isTestingSite) {
+            return false;
+        }
+        return isSystemAdmin &&
+            location.pathname.indexOf('admin') < 0 &&
+            (subscription == 5 || unlimitedAccount) &&
+            !isGrantSupportEditing;
+    }
+}
+//# sourceMappingURL=auth.js.map

package/dist/dashboard/dashboard-client/src/hooks/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../../../../../../dashboard/dashboard-client/src/hooks/auth.ts"],"names":[],"mappings":"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","sourcesContent":["import {DependencyList, EffectCallback, useEffect, useState} from 'react';\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nimport {selectAdminDetails, selectSessionId, selectSiteKey} from \"../store/auth/authSlice\";\r\nimport {useLocation} from \"react-router-dom\";\r\nimport {checkIfHasAccessToTab} from \"../utils/permissions\";\r\nimport {AdminDetails} from \"../store/auth/models\";\r\nimport {\r\n    selectIsSiteLoading,\r\n    selectIsViewerOverCapacity,\r\n    selectSiteDetails,\r\n    setIsViewer,\r\n    setIsViewerOverCapacity,\r\n    setIsOverCapacityDialogOpen\r\n} from \"../store/site/siteSlice\";\r\nimport {\r\n    selectNotificationsLength,\r\n    selectNotifications\r\n} from \"../store/notifications/notificationsSlice\"\r\nimport {isTestingSite} from \"../utils/site\";\r\n\r\n\r\nexport function useAuthenticatedEffect(effect: EffectCallback, deps: DependencyList) {\r\n    const sessionId = useSelector(selectSessionId);\r\n    const siteKey = useSelector(selectSiteKey);\r\n\r\n    useEffect(() => {\r\n        if (sessionId === '' || siteKey === '') {\r\n            return;\r\n        }\r\n\r\n        return effect();\r\n\r\n    }, [...deps, sessionId, siteKey]);\r\n}\r\n\r\nexport function usePermissions() {\r\n    const adminDetails = useSelector(selectAdminDetails);\r\n    const [hasAccessToPage, setHasAccessToPage] = useState(true);\r\n    const location = useLocation();\r\n\r\n    useAuthenticatedEffect(() => {\r\n        if (adminDetails.roles.length === 0) {\r\n            return;\r\n        }\r\n\r\n        const isHasAccess = checkIfHasAccessToTab(adminDetails, location.pathname)\r\n        setHasAccessToPage(isHasAccess);\r\n\r\n    }, [adminDetails, location.pathname]);\r\n\r\n    return hasAccessToPage;\r\n}\r\n\r\nexport function hasSavePermissions(adminDetails: AdminDetails): boolean {\r\n    return adminDetails.roles.includes('merchandising_save');\r\n}\r\n\r\nexport function useViewer() {\r\n    const dispatch = useDispatch();\r\n    const location = useLocation();\r\n    const {\r\n        unlimitedAccount, subscription, isGrantSupportEditing, ownerEmail, key: siteKey\r\n    } = useSelector(selectSiteDetails);\r\n    const isSiteLoading = useSelector(selectIsSiteLoading);\r\n    const notificationsLength = useSelector(selectNotificationsLength);\r\n    const notifications = useSelector(selectNotifications);\r\n    const isViewerOverCapacity = useSelector(selectIsViewerOverCapacity);\r\n\r\n    const {\r\n        isSystemAdmin, isSystemAutomation, isViewerAdmin\r\n    } = useSelector(selectAdminDetails);\r\n\r\n    useEffect(() => {\r\n        if (isSiteLoading) { return; }\r\n\r\n        const isTestingStore =  isTestingSite(ownerEmail);\r\n        const isOverCapacity= isViewerOnOverCapacity(isTestingStore);\r\n        dispatch(setIsViewerOverCapacity(isOverCapacity));\r\n\r\n        const isViewer = isViewerAdmin ||\r\n                         isOverCapacity ||\r\n                         isViewerOnEnterprise(isTestingStore);\r\n        dispatch(setIsViewer(isViewer));\r\n    }, [isViewerAdmin, subscription, unlimitedAccount, isSystemAutomation,\r\n              isSystemAdmin, location.pathname, isGrantSupportEditing, siteKey,\r\n              notificationsLength, ownerEmail]);\r\n\r\n    useEffect(() => {\r\n        if (isViewerOverCapacity) {\r\n            //when dashboard starts open the dialog\r\n            dispatch(setIsOverCapacityDialogOpen(true));\r\n        }\r\n    }, [isViewerOverCapacity]);\r\n\r\n    function isViewerOnOverCapacity(isTestingSite: boolean): boolean {\r\n        if (unlimitedAccount ||\r\n                isSystemAdmin ||\r\n                isTestingSite ||\r\n                notificationsLength === 0) {\r\n            return false;\r\n        }\r\n\r\n        if (notifications.indexOf('stop_service') >= 0 ||\r\n            notifications.indexOf('over-capacity') >= 0 ||\r\n            notifications.indexOf('product-over-capacity') >= 0) {\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    function isViewerOnEnterprise(isTestingSite: boolean) {\r\n        if (isSystemAutomation || isTestingSite) {\r\n            return false;\r\n        }\r\n\r\n        return isSystemAdmin &&\r\n               location.pathname.indexOf('admin') < 0 &&\r\n               (subscription == 5 || unlimitedAccount) &&\r\n               !isGrantSupportEditing;\r\n    }\r\n}"]}

package/dist/dashboard/dashboard-client/src/hooks/merchandisingPreview.d.ts

@@ -0,0 +1,23 @@
+export interface PreviewMessage {
+    source?: string;
+    type: string;
+    payload: any;
+}
+export type messageReceivedCallback = (message: any) => void;
+export type previewLoadedCallback = VoidFunction;
+export declare class MerchandisingPreview {
+    private iframe;
+    private readonly onMessageReceived;
+    private readonly onPreviewLoad?;
+    constructor(frameID: string, onMessageReceived: messageReceivedCallback, onPreviewLoad?: previewLoadedCallback);
+    addMessageReceiver(): void;
+    removeMessageReceiver(): void;
+    handleFrameMessage(event: MessageEvent, thisClass: MerchandisingPreview): void;
+    sendMessage(action: string, data: any, iframe?: HTMLIFrameElement): void;
+    sendDelayedMessage(action: string, data: any, delay: number): null | ReturnType<typeof setTimeout>;
+}
+export declare const useMerchandisingPreview: ({ onMessageReceived, frameID, onPreviewLoad }: {
+    frameID: string;
+    onMessageReceived: messageReceivedCallback;
+    onPreviewLoad?: VoidFunction | undefined;
+}) => MerchandisingPreview;

package/dist/dashboard/dashboard-client/src/hooks/merchandisingPreview.js

@@ -0,0 +1,45 @@
+import { useAuthenticatedEffect } from "./auth";
+export class MerchandisingPreview {
+    constructor(frameID, onMessageReceived, onPreviewLoad) {
+        this.iframe = document.getElementById(frameID);
+        this.onMessageReceived = onMessageReceived;
+        this.onPreviewLoad = onPreviewLoad;
+    }
+    addMessageReceiver() {
+        window.addEventListener('message', ev => this.handleFrameMessage(ev, this));
+    }
+    removeMessageReceiver() {
+        window.removeEventListener('message', ev => this.handleFrameMessage(ev, this));
+    }
+    handleFrameMessage(event, thisClass) {
+        if (thisClass.onMessageReceived) {
+            thisClass.onMessageReceived(event.data);
+        }
+    }
+    sendMessage(action, data, iframe) {
+        const frame = iframe ? iframe : this.iframe;
+        if (frame && frame.contentWindow) {
+            const message = JSON.stringify({
+                source: "client",
+                type: action,
+                payload: data
+            });
+            frame.contentWindow.postMessage(message, "*");
+        }
+    }
+    sendDelayedMessage(action, data, delay) {
+        const thisClass = this;
+        return setTimeout(function () {
+            thisClass.sendMessage(action, data);
+        }, delay);
+    }
+}
+export const useMerchandisingPreview = ({ onMessageReceived, frameID, onPreviewLoad }) => {
+    const merchandisingPreview = new MerchandisingPreview(frameID, onMessageReceived, onPreviewLoad);
+    useAuthenticatedEffect(() => {
+        merchandisingPreview.addMessageReceiver();
+        return () => merchandisingPreview.removeMessageReceiver();
+    }, []);
+    return merchandisingPreview;
+};
+//# sourceMappingURL=merchandisingPreview.js.map

package/dist/dashboard/dashboard-client/src/hooks/merchandisingPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merchandisingPreview.js","sourceRoot":"","sources":["../../../../../../../dashboard/dashboard-client/src/hooks/merchandisingPreview.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,sBAAsB,EAAC,MAAM,QAAQ,CAAC;AAW9C,MAAM,OAAO,oBAAoB;IAK7B,YAAY,OAAe,EAAE,iBAA0C,EAAE,aAAqC;QAC1G,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAA6B,CAAC;QAC3E,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACvC,CAAC;IAED,kBAAkB;QACd,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,qBAAqB;QACjB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,kBAAkB,CAAC,KAAmB,EAAE,SAA+B;QACnE,IAAI,SAAS,CAAC,iBAAiB,EAAE;YAC7B,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SAC3C;IACL,CAAC;IAED,WAAW,CAAC,MAAc,EAAE,IAAS,EAAE,MAA0B;QAC7D,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAE5C,IAAI,KAAK,IAAI,KAAK,CAAC,aAAa,EAAE;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;gBAC3B,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,IAAI;aACE,CAAC,CAAC;YAErB,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;SACjD;IACL,CAAC;IAED,kBAAkB,CAAC,MAAc,EAAE,IAAS,EAAE,KAAa;QACvD,MAAM,SAAS,GAAG,IAAI,CAAC;QACvB,OAAO,UAAU,CAAC;YACd,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC,EAAE,KAAK,CAAC,CAAA;IACb,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa,EAAyG,EAAwB,EAAE;IACjN,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,EAAE,aAAa,CAAC,CAAC;IAEjG,sBAAsB,CAAC,GAAG,EAAE;QACxB,oBAAoB,CAAC,kBAAkB,EAAE,CAAC;QAE1C,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,qBAAqB,EAAE,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,oBAAoB,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import {RefObject} from \"react\";\r\nimport {useAuthenticatedEffect} from \"./auth\";\r\n\r\nexport interface PreviewMessage {\r\n    source?: string,\r\n    type: string,\r\n    payload: any,\r\n}\r\n\r\nexport type messageReceivedCallback = (message: any) => void\r\nexport type previewLoadedCallback = VoidFunction\r\n\r\nexport class MerchandisingPreview {\r\n    private iframe: HTMLIFrameElement | null;\r\n    private readonly onMessageReceived: messageReceivedCallback;\r\n    private readonly onPreviewLoad?: previewLoadedCallback;\r\n\r\n    constructor(frameID: string, onMessageReceived: messageReceivedCallback, onPreviewLoad?: previewLoadedCallback) {\r\n        this.iframe = document.getElementById(frameID) as HTMLIFrameElement | null;\r\n        this.onMessageReceived = onMessageReceived;\r\n        this.onPreviewLoad = onPreviewLoad;\r\n    }\r\n\r\n    addMessageReceiver() {\r\n        window.addEventListener('message', ev => this.handleFrameMessage(ev, this));\r\n    }\r\n\r\n    removeMessageReceiver() {\r\n        window.removeEventListener('message', ev => this.handleFrameMessage(ev, this));\r\n    }\r\n\r\n    handleFrameMessage(event: MessageEvent, thisClass: MerchandisingPreview) {\r\n        if (thisClass.onMessageReceived) {\r\n            thisClass.onMessageReceived(event.data);\r\n        }\r\n    }\r\n\r\n    sendMessage(action: string, data: any, iframe?: HTMLIFrameElement) {\r\n        const frame = iframe ? iframe : this.iframe;\r\n\r\n        if (frame && frame.contentWindow) {\r\n            const message = JSON.stringify({\r\n                source: \"client\",\r\n                type: action,\r\n                payload: data\r\n            } as PreviewMessage);\r\n\r\n            frame.contentWindow.postMessage(message, \"*\");\r\n        }\r\n    }\r\n\r\n    sendDelayedMessage(action: string, data: any, delay: number): null | ReturnType<typeof setTimeout> {\r\n        const thisClass = this;\r\n        return setTimeout(function () {\r\n            thisClass.sendMessage(action, data);\r\n        }, delay)\r\n    }\r\n}\r\n\r\nexport const useMerchandisingPreview = ({onMessageReceived, frameID, onPreviewLoad}: { frameID: string, onMessageReceived: messageReceivedCallback, onPreviewLoad?: previewLoadedCallback }): MerchandisingPreview => {\r\n    const merchandisingPreview = new MerchandisingPreview(frameID, onMessageReceived, onPreviewLoad);\r\n\r\n    useAuthenticatedEffect(() => {\r\n        merchandisingPreview.addMessageReceiver();\r\n\r\n        return () => merchandisingPreview.removeMessageReceiver();\r\n    }, []);\r\n\r\n    return merchandisingPreview;\r\n};"]}

package/dist/dashboard/dashboard-client/src/hooks/useLoactionParams.d.ts

@@ -0,0 +1,5 @@
+export interface SearchParams {
+    [key: string]: string;
+}
+export declare const useLocationParams: () => SearchParams | null;
+export declare const getLocationParams: (search?: string) => SearchParams | null;

package/dist/dashboard/dashboard-client/src/hooks/useLoactionParams.js

@@ -0,0 +1,29 @@
+import { useLocation } from "react-router-dom";
+import { useEffect, useState } from "react";
+export const useLocationParams = () => {
+    const location = useLocation();
+    const [params, setParams] = useState(null);
+    useEffect(() => {
+        setParams(getLocationParams());
+    }, [location]);
+    return params;
+};
+export const getLocationParams = (search) => {
+    return searchToObject(search);
+};
+const searchToObject = (search) => {
+    const searchString = search !== null && search !== void 0 ? search : window.location.search;
+    if (!searchString) {
+        return null;
+    }
+    const pairs = searchString.substring(1).split("&");
+    let result = {};
+    for (const key in pairs) {
+        if (pairs[key] === "")
+            continue;
+        const pair = pairs[key].split("=");
+        result[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
+    }
+    return result;
+};
+//# sourceMappingURL=useLoactionParams.js.map