@fast-simon/dashboard-utilities 1.0.35 → 1.0.37

package/dist/dashboard/dashboard-client/src/components/TextWithMaterialTooltip/TextWithMaterialTooltip.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import classNames from 'classnames';
+import HelpIcon from "../Icons/HelpIcon";
+import classes from './styles.module.css';
+import UnlockIcon from "../Icons/UnlockIcon";
+import { Tooltip } from "@material-ui/core";
+import { useMedia } from "../../hooks/useMedia";
+const TextWithMaterialTooltip = ({ text, tooltipText, type = 'info', place = 'right', underline, className, tag = 'span', iconClass = '', rootClass = '' }) => {
+    const [open, setOpen] = useState(false);
+    const isMobile = useMedia(['mobile']) === 'mobile';
+    function tooltipClicked() {
+        if (type !== 'info')
+            zendesk_demo('locked features');
+    }
+    const Tag = tag;
+    const handleClick = () => {
+        if (open === false) {
+            setOpen(true);
+        }
+        if (open === true) {
+            setOpen(false);
+        }
+    };
+    return (_jsx(_Fragment, { children: (tooltipText) ?
+            _jsx(Tooltip, Object.assign({ onClick: tooltipClicked, placement: isMobile ? "top" : place, arrow: true, open: isMobile ? open : undefined, title: _jsx("span", Object.assign({ className: classes.tooltipText }, { children: tooltipText })), classes: { popper: classes.iconTooltip,
+                    tooltip: classes.customTooltipContainer } }, { children: _jsxs("span", Object.assign({ className: classNames({ [classes.underline]: underline }, rootClass) }, { children: [_jsx(Tag, Object.assign({ className: classNames(classes.text, className) }, { children: text })), isMobile && _jsx("button", { onClick: handleClick, className: classes.mobileButton }), (type === 'info') ?
+                            _jsx(HelpIcon, { className: classNames(classes.icon, iconClass) }) :
+                            _jsx(UnlockIcon, { className: classNames(classes.icon, iconClass) })] })) })) :
+            _jsx(Tag, Object.assign({ className: classNames(classes.text, className) }, { children: text })) }));
+};
+export default TextWithMaterialTooltip;
+//# sourceMappingURL=TextWithMaterialTooltip.js.map

package/dist/dashboard/dashboard-client/src/components/TextWithMaterialTooltip/TextWithMaterialTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithMaterialTooltip.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/TextWithMaterialTooltip/TextWithMaterialTooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAgB9C,MAAM,uBAAuB,GAAoB,CAAC,EACI,IAAI,EACJ,WAAW,EACX,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,OAAO,EACf,SAAS,EACT,SAAS,EACT,GAAG,GAAG,MAAM,EACZ,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACjB,EAAE,EAAE;IAEnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,QAAQ,CAAC;IAEnD,SAAS,cAAc;QACnB,IAAI,IAAI,KAAK,MAAM;YACf,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACvC,CAAC;IAED,MAAM,GAAG,GAAG,GAAkC,CAAC;IAE/C,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,IAAI,KAAK,KAAK,EAAE;YAChB,OAAO,CAAC,IAAI,CAAC,CAAA;SAChB;QACD,IAAI,IAAI,KAAK,IAAI,EAAE;YACf,OAAO,CAAC,KAAK,CAAC,CAAA;SACjB;IACL,CAAC,CAAA;IAED,OAAO,CACH,4BACK,CAAC,WAAW,CAAC,CAAC,CAAC;YACZ,KAAC,OAAO,kBAAC,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACnC,KAAK,QACL,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjC,KAAK,EAAE,6BAAM,SAAS,EAAE,OAAO,CAAC,WAAW,gBAAG,WAAW,IAAQ,EACjE,OAAO,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW;oBAC3B,OAAO,EAAE,OAAO,CAAC,sBAAsB,EAAC,gBAEvD,8BAAM,SAAS,EAAE,UAAU,CAAC,EAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAC,EAAE,SAAS,CAAC,iBACpE,KAAC,GAAG,kBAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAG,IAAI,IAAO,EAChE,QAAQ,IAAI,iBAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,GAAG,EAC5E,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;4BAChB,KAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;4BAC7D,KAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,KAC9D,IAED,CAAC,CAAC;YACZ,KAAC,GAAG,kBAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAG,IAAI,IAAO,GACtE,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import React, {useState} from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport HelpIcon from \"../Icons/HelpIcon\";\r\n\r\nimport classes from './styles.module.css';\r\nimport UnlockIcon from \"../Icons/UnlockIcon\";\r\nimport {Tooltip} from \"@material-ui/core\";\r\nimport {useMedia} from \"../../hooks/useMedia\";\r\n\r\n\r\nexport interface Props {\r\n    text?: string\r\n    tooltipText: React.ReactNode\r\n    type?: 'info' | 'unlock'\r\n    place?: 'right' | 'left' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' |\r\n        'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | 'top';\r\n    underline?: boolean\r\n    className?: string\r\n    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'p'\r\n    iconClass?: string\r\n    rootClass?: string\r\n}\r\n\r\nconst TextWithMaterialTooltip: React.FC<Props> = ({\r\n                                                      text,\r\n                                                      tooltipText,\r\n                                                      type = 'info',\r\n                                                      place = 'right',\r\n                                                      underline,\r\n                                                      className,\r\n                                                      tag = 'span',\r\n                                                      iconClass = '',\r\n                                                      rootClass = ''\r\n                                                  }) => {\r\n\r\n    const [open, setOpen] = useState(false);\r\n\r\n    const isMobile = useMedia(['mobile']) === 'mobile';\r\n\r\n    function tooltipClicked() {\r\n        if (type !== 'info')\r\n            zendesk_demo('locked features')\r\n    }\r\n\r\n    const Tag = tag as keyof JSX.IntrinsicElements;\r\n\r\n    const handleClick = () => {\r\n        if (open === false) {\r\n            setOpen(true)\r\n        }\r\n        if (open === true) {\r\n            setOpen(false)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {(tooltipText) ?\r\n                <Tooltip onClick={tooltipClicked}\r\n                         placement={isMobile ? \"top\" : place}\r\n                         arrow\r\n                         open={isMobile ? open : undefined}\r\n                         title={<span className={classes.tooltipText}>{tooltipText}</span>}\r\n                         classes={{popper: classes.iconTooltip,\r\n                                   tooltip: classes.customTooltipContainer}}>\r\n\r\n                    <span className={classNames({[classes.underline]: underline}, rootClass)}>\r\n                        <Tag className={classNames(classes.text, className)}>{text}</Tag>\r\n                        {isMobile && <button onClick={handleClick} className={classes.mobileButton}/>}\r\n                        {(type === 'info') ?\r\n                            <HelpIcon className={classNames(classes.icon, iconClass)}/> :\r\n                            <UnlockIcon className={classNames(classes.icon, iconClass)}/>}\r\n                    </span>\r\n\r\n                </Tooltip> :\r\n                <Tag className={classNames(classes.text, className)}>{text}</Tag>}\r\n        </>\r\n    );\r\n};\r\n\r\nexport default TextWithMaterialTooltip;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/TextWithMaterialTooltip/index.d.ts

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

package/dist/dashboard/dashboard-client/src/components/TextWithMaterialTooltip/index.js

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

package/dist/dashboard/dashboard-client/src/components/TextWithMaterialTooltip/index.js.map

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

package/dist/dashboard/dashboard-client/src/components/TextWithTooltip/TextWithTooltip.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface Props {
+    text?: string;
+    tooltipText?: string;
+    type?: 'info' | 'unlock';
+    place?: 'right' | 'left' | 'top' | 'bottom';
+    underline?: boolean;
+    className?: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'p';
+    iconClass?: string;
+}
+declare const TextWithTooltip: React.FC<Props>;
+export default TextWithTooltip;

package/dist/dashboard/dashboard-client/src/components/TextWithTooltip/TextWithTooltip.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import classNames from 'classnames';
+import HelpIcon from "../Icons/HelpIcon";
+import classes from './styles.module.css';
+import UnlockIcon from "../Icons/UnlockIcon";
+import MuiTooltip from "../MuiTooltip";
+import { useMedia } from "../../hooks/useMedia";
+const TextWithTooltip = ({ text, tooltipText, type = 'info', place = 'right', underline, className, tag = 'span', iconClass }) => {
+    const [open, setOpen] = useState(false);
+    const isMobile = useMedia(['mobile']) === 'mobile';
+    const Tag = tag;
+    if (!tooltipText && type === 'unlock') {
+        tooltipText = 'Upgrade to unlock';
+    }
+    const handleClick = () => {
+        if (open === false) {
+            setOpen(true);
+        }
+        if (open === true) {
+            setOpen(false);
+        }
+    };
+    return (_jsx(MuiTooltip, Object.assign({ title: tooltipText, placement: place, open: isMobile ? open : undefined }, { children: _jsxs(Tag, Object.assign({ className: classNames(classes.textWithTooltip, { [classes.underline]: underline }, className) }, { children: [text, "\u00A0", tooltipText &&
+                    _jsx("span", Object.assign({ className: classes.icon }, { children: (type === 'info') ? _jsx(HelpIcon, { className: iconClass }) :
+                            _jsx(UnlockIcon, { className: iconClass }) })), isMobile && _jsx("button", { onClick: handleClick, className: classes.mobileButton })] })) })));
+};
+export default TextWithTooltip;
+//# sourceMappingURL=TextWithTooltip.js.map

package/dist/dashboard/dashboard-client/src/components/TextWithTooltip/TextWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithTooltip.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/TextWithTooltip/TextWithTooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAc9C,MAAM,eAAe,GAAoB,CAAC,EACI,IAAI,EACJ,WAAW,EACX,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,OAAO,EACf,SAAS,EACT,SAAS,EACT,GAAG,GAAG,MAAM,EACZ,SAAS,EACZ,EAAE,EAAE;IAE3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,QAAQ,CAAC;IAEnD,MAAM,GAAG,GAAG,GAAkC,CAAC;IAE/C,IAAI,CAAC,WAAW,IAAI,IAAI,KAAK,QAAQ,EAAE;QACnC,WAAW,GAAG,mBAAmB,CAAA;KACpC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,IAAI,KAAK,KAAK,EAAE;YAChB,OAAO,CAAC,IAAI,CAAC,CAAA;SAChB;QACD,IAAI,IAAI,KAAK,IAAI,EAAE;YACf,OAAO,CAAC,KAAK,CAAC,CAAA;SACjB;IACL,CAAC,CAAA;IAED,OAAO,CACH,KAAC,UAAU,kBAAC,KAAK,EAAE,WAAqB,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,gBACzF,MAAC,GAAG,kBAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,eAAe,EAAE,EAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAC,EAAE,SAAS,CAAC,iBAC3F,IAAI,YAEJ,WAAW;oBACZ,6BAAM,SAAS,EAAE,OAAO,CAAC,IAAI,gBAAG,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,GAAG,CAAC,CAAC;4BACnF,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,GAAG,IAAQ,EAC9C,QAAQ,IAAI,iBAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,GAAG,KAC3E,IACG,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React, {useState} from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport HelpIcon from \"../Icons/HelpIcon\";\r\n\r\nimport classes from './styles.module.css';\r\nimport UnlockIcon from \"../Icons/UnlockIcon\";\r\nimport MuiTooltip from \"../MuiTooltip\";\r\nimport {useMedia} from \"../../hooks/useMedia\";\r\n\r\n\r\nexport interface Props {\r\n    text?: string\r\n    tooltipText?: string\r\n    type?: 'info' | 'unlock'\r\n    place?: 'right' | 'left' | 'top' | 'bottom'\r\n    underline?: boolean\r\n    className?: string\r\n    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'p'\r\n    iconClass?: string\r\n}\r\n\r\nconst TextWithTooltip: React.FC<Props> = ({\r\n                                              text,\r\n                                              tooltipText,\r\n                                              type = 'info',\r\n                                              place = 'right',\r\n                                              underline,\r\n                                              className,\r\n                                              tag = 'span',\r\n                                              iconClass\r\n                                          }) => {\r\n\r\n    const [open, setOpen] = useState(false);\r\n\r\n    const isMobile = useMedia(['mobile']) === 'mobile';\r\n\r\n    const Tag = tag as keyof JSX.IntrinsicElements;\r\n\r\n    if (!tooltipText && type === 'unlock') {\r\n        tooltipText = 'Upgrade to unlock'\r\n    }\r\n\r\n    const handleClick = () => {\r\n        if (open === false) {\r\n            setOpen(true)\r\n        }\r\n        if (open === true) {\r\n            setOpen(false)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <MuiTooltip title={tooltipText as string} placement={place} open={isMobile ? open : undefined}>\r\n            <Tag className={classNames(classes.textWithTooltip, {[classes.underline]: underline}, className)}>\r\n                {text}\r\n                &nbsp;\r\n                {tooltipText &&\r\n                <span className={classes.icon}>{(type === 'info') ? <HelpIcon className={iconClass}/> :\r\n                    <UnlockIcon className={iconClass}/>}</span>}\r\n                {isMobile && <button onClick={handleClick} className={classes.mobileButton}/>}\r\n            </Tag>\r\n        </MuiTooltip>\r\n    );\r\n};\r\n\r\nexport default TextWithTooltip;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/TextWithTooltip/index.d.ts

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

package/dist/dashboard/dashboard-client/src/components/TextWithTooltip/index.js

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

package/dist/dashboard/dashboard-client/src/components/TextWithTooltip/index.js.map

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

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { SiteDetails } from "../../store/site/models";
+import { AdminDetails } from "../../store/auth/models";
+import { DashboardTab } from "../../utils/oldDashboardIntegration";
+export interface MenuItemData {
+    name?: DashboardTab;
+    text: string;
+    icon?: React.ReactNode;
+    requiredSubLevel?: number;
+    hasSubMenu?: boolean;
+    zendeskMessage?: string;
+    subMenuItems?: MenuItemData[];
+    href?: string;
+    staffOnly: boolean;
+    subMenuName?: string;
+    isAvailable?: (site: SiteDetails, admin: AdminDetails) => boolean;
+    target?: "_blank" | "_self";
+}
+export declare function getTabUrl(tab: DashboardTab, origin: string, siteDetails: SiteDetails, adminDetails: AdminDetails): string;
+export declare const analyticsSearchMenuItems: MenuItemData[];
+export declare const analyticsSmartCollectionsMenuItems: MenuItemData[];
+export declare const analyticsUpsellCrossSellMenuItems: MenuItemData[];
+export declare const analyticsMenuItems: MenuItemData[];
+export declare const generalMenuItems: MenuItemData[];
+export declare const menuNameToItems: {
+    [key: string]: any;
+};
+/**
+ * Converts the tab name to the tab URL.
+ * @param tab
+ */
+export declare function tabNameToUrl(tab: string): string;
+export default function isInitialHandshake(): boolean;

package/dist/dashboard/dashboard-client/src/containers/MultiLevelSideBarMenu/utils.js

@@ -0,0 +1,362 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RecommendationsClientVersion, ServingClientVersion } from "../../store/site/models";
+import { getOldDashboardPageUrl, hasNewDashboardTab } from "../../utils/oldDashboardIntegration";
+import AnalyticsIcon from "../../components/Icons/AnalyticsIcon";
+import AutocompleteIcon from "../../components/Icons/AutocompleteIcon";
+import SearchIcon from "../../components/Icons/SearchIcon";
+import FilterIcon from "../../components/Icons/FilterIcon";
+import CollectionsIcon from "../../components/Icons/CollectionsIcon";
+import RecommendationsIcon from "../../components/Icons/RecommendationsIcon";
+import ConfigurationIcon from "../../components/Icons/ConfigurationIcon";
+import IntegrationsIcon from "../../components/Icons/Integrations";
+import MerchIcon from "../../components/Icons/MerchIcon";
+import LandingPageIcon from "../../components/Icons/LandingPageIcon";
+import Icon from "../../components/Icons/Icon";
+import VisualDiscoveryIcon from "../../components/Icons/VisualDiscoveryIcon";
+import StorefrontIcon from '@material-ui/icons/Storefront';
+import { IMPACT_SEARCH, IMPACT_SEARCH_PERSONALIZATION, IMPACT_SMART_NAVIGATION_PERSONALIZATION, IMPACT_UPSELL, IMPACT_UPSELL_PERSONALIZATION, QUERIES_ALL, QUERIES_DID_YOU_MEAN, QUERIES_NO_RESULTS } from "../../store/analytics/models";
+import ABTestingIcon from "../../components/Icons/ABTestingIcon";
+export function getTabUrl(tab, origin, siteDetails, adminDetails) {
+    const tabUrl = tabNameToUrl(tab);
+    if (hasNewDashboardTab(tab, siteDetails, adminDetails)) {
+        return tabUrl;
+    }
+    const oldDashboardUrl = new URL(getOldDashboardPageUrl(origin, tabUrl, siteDetails.key));
+    return oldDashboardUrl.href;
+}
+export const analyticsSearchMenuItems = [
+    {
+        text: 'Autocomplete',
+        href: '/analytics/autocomplete',
+        staffOnly: false,
+        name: 'analytics search autocomplete',
+    },
+    {
+        text: 'All Queries',
+        href: `/analytics/${QUERIES_ALL}`,
+        staffOnly: false,
+        name: 'analytics search all queries'
+    },
+    {
+        text: 'No-Results Queries',
+        href: `/analytics/${QUERIES_NO_RESULTS}`,
+        staffOnly: false,
+        name: 'analytics search no results'
+    },
+    {
+        text: 'Did You Mean Queries',
+        href: `/analytics/${QUERIES_DID_YOU_MEAN}`,
+        staffOnly: false,
+        name: 'analytics search did you mean'
+    },
+    {
+        text: 'Products',
+        href: '/analytics/products',
+        staffOnly: false,
+        name: 'analytics search products'
+    },
+    {
+        text: 'Promo Tiles',
+        href: '/analytics/searchResultsPromoTiles',
+        staffOnly: false,
+        name: 'analytics search promo tiles'
+    },
+    {
+        text: 'Filters',
+        href: '/analytics/filters',
+        staffOnly: false,
+        name: 'analytics search filters'
+    },
+    {
+        text: 'Personalization',
+        href: `/analytics/${IMPACT_SEARCH_PERSONALIZATION}Impact`,
+        staffOnly: false,
+        name: 'analytics search personalization'
+    }
+];
+export const analyticsSmartCollectionsMenuItems = [
+    {
+        text: 'Products',
+        href: '/analytics/smartNavigationProducts',
+        staffOnly: false,
+        name: 'analytics smart nav products'
+    },
+    {
+        text: 'Promo Tiles',
+        href: '/analytics/smartNavigationPromoTiles',
+        staffOnly: false,
+        name: 'analytics smart nav promo tiles'
+    },
+    {
+        text: 'Filters',
+        href: '/analytics/smartNavigationFilters',
+        staffOnly: false,
+        name: 'analytics smart nav filters'
+    },
+    {
+        text: 'Collections',
+        href: '/analytics/collections',
+        staffOnly: false,
+        name: 'analytics smart nav collections'
+    },
+    {
+        text: 'Personalization',
+        href: `/analytics/${IMPACT_SMART_NAVIGATION_PERSONALIZATION}Impact`,
+        staffOnly: false,
+        name: 'analytics smart nav personalization'
+    },
+];
+export const analyticsUpsellCrossSellMenuItems = [
+    {
+        text: 'Impact',
+        href: `/analytics/${IMPACT_UPSELL}Impact`,
+        staffOnly: false,
+        name: 'upsell and cross-sell impact'
+    },
+    {
+        text: 'Personalization',
+        href: `/analytics/${IMPACT_UPSELL_PERSONALIZATION}Impact`,
+        staffOnly: false,
+        name: 'upsell and cross-sell personalization'
+    }
+];
+export const analyticsMenuItems = [
+    {
+        name: 'analytics',
+        text: 'Overview',
+        href: '/analytics',
+        staffOnly: false
+    },
+    {
+        name: 'analytics traffic',
+        text: 'Traffic',
+        href: '/analytics/traffic',
+        staffOnly: false
+    },
+    // {
+    //     name: 'analytics realtime',
+    //     text: 'Realtime',
+    //     href: '/analytics/realtime',
+    //     staffOnly: false
+    // },
+    {
+        text: 'Search',
+        staffOnly: false,
+        subMenuName: 'Search',
+        subMenuItems: analyticsSearchMenuItems
+    },
+    {
+        text: 'Image Optimization',
+        href: '/analytics/product-image-optimization',
+        staffOnly: false,
+        name: 'analytics product image optimization',
+    },
+    {
+        text: 'Revenue Impact',
+        href: `/analytics/${IMPACT_SEARCH}Impact`,
+        staffOnly: false,
+        name: 'search and smart nav impact',
+    },
+    {
+        text: 'Smart Collections',
+        staffOnly: false,
+        subMenuName: 'Smart Collections',
+        subMenuItems: analyticsSmartCollectionsMenuItems
+    },
+    {
+        text: 'Upsell & Cross-sell',
+        staffOnly: false,
+        subMenuName: 'Upsell & Cross-sell',
+        subMenuItems: analyticsUpsellCrossSellMenuItems
+    },
+    {
+        text: 'Visual Discovery',
+        href: '/analytics/visual-discovery',
+        staffOnly: false,
+        name: 'analytics visual discovery',
+        requiredSubLevel: 1
+    },
+    {
+        text: 'Shopper Insights',
+        href: '/analytics/userInsightor',
+        staffOnly: false,
+        name: 'shopper insights',
+        requiredSubLevel: 1
+    },
+    {
+        text: 'A/B Testing',
+        href: '/analytics/abTesting',
+        staffOnly: false,
+        name: 'analytics ab testing',
+        isAvailable(site, admin) {
+            return site.isAbTestingEnabled;
+        },
+    },
+    {
+        text: 'Personalization A/B Testing',
+        href: '/analytics/internalAbTesting',
+        staffOnly: false,
+        name: 'analytics internal ab testing',
+        isAvailable(site, admin) {
+            return admin.isSystemAdmin && (site.isPersonalizedSearch || site.isPersonalizedCollection);
+        },
+    },
+];
+export const generalMenuItems = [
+    {
+        name: 'analytics',
+        text: 'Analytics',
+        icon: _jsx(AnalyticsIcon, {}),
+        requiredSubLevel: 1,
+        hasSubMenu: true,
+        staffOnly: false,
+        subMenuItems: analyticsMenuItems,
+        subMenuName: 'Analytics',
+    },
+    {
+        name: 'autocomplete',
+        text: 'Autocomplete',
+        icon: _jsx(AutocompleteIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: false
+    },
+    {
+        name: "search results",
+        text: 'Search Results',
+        icon: _jsx(SearchIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: false
+    },
+    {
+        name: "themes",
+        text: 'No-Code Editor',
+        icon: _jsx(StorefrontIcon, { style: { fill: 'purple' } }),
+        requiredSubLevel: 1,
+        zendeskMessage: 'No-Code Editor',
+        isAvailable: (site, admin) => (admin.isSystemAdmin || site.hasGridEditorPage || site.serpVersion === ServingClientVersion.SVELTE_SERVING_CLIENT || site.serpVersion === ServingClientVersion.SVELTE_SERVING_SSR || site.smartNavigationVersion === ServingClientVersion.SVELTE_SERVING_CLIENT || site.smartNavigationVersion === ServingClientVersion.SVELTE_SERVING_SSR || (site.isRelatedProducts && site.recommendationsVersion === RecommendationsClientVersion.SVELTE_RECOMMENDATIONS_CLIENT_NO_CODE)),
+        staffOnly: false,
+    },
+    {
+        name: "categories",
+        text: 'Collections',
+        icon: _jsx(CollectionsIcon, {}),
+        requiredSubLevel: 1,
+        zendeskMessage: "Collections",
+        staffOnly: false
+    },
+    {
+        name: "filters",
+        text: 'Filters',
+        icon: _jsx(FilterIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: false
+    },
+    {
+        name: "recommendations",
+        text: 'Upsell & Cross-sell',
+        icon: _jsx(RecommendationsIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: false
+    },
+    {
+        name: "settings",
+        text: 'Settings',
+        icon: _jsx(ConfigurationIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: false
+    },
+    {
+        name: "integrations",
+        text: 'Integrations',
+        icon: _jsx(IntegrationsIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: false
+    },
+    {
+        name: "merchandising",
+        text: 'Merchandising',
+        icon: _jsx(MerchIcon, {}),
+        requiredSubLevel: 2,
+        zendeskMessage: 'Merchandising',
+        staffOnly: false
+    },
+    {
+        name: "ab testing",
+        text: 'A/B Testing',
+        icon: _jsx(ABTestingIcon, {}),
+        requiredSubLevel: 5,
+        zendeskMessage: 'A/B Testing',
+        staffOnly: false
+    },
+    {
+        name: 'audiences',
+        text: 'Audiences',
+        icon: _jsx(Icon, { name: "audiences" }),
+        requiredSubLevel: 5,
+        staffOnly: false,
+    },
+    {
+        name: "landing pages",
+        text: 'Landing Pages',
+        icon: _jsx(LandingPageIcon, {}),
+        requiredSubLevel: 2,
+        zendeskMessage: 'Landing Pages',
+        staffOnly: false
+    },
+    {
+        name: "ads",
+        text: 'Advertising',
+        icon: _jsx(Icon, { name: 'ads', setBlackColor: false }),
+        requiredSubLevel: 2,
+        zendeskMessage: 'Advertising',
+        staffOnly: false
+    },
+    {
+        name: "visual discovery",
+        text: 'Visual Discovery',
+        icon: _jsx(VisualDiscoveryIcon, {}),
+        requiredSubLevel: 5,
+        zendeskMessage: 'Visual Discovery',
+        staffOnly: false
+    },
+    {
+        name: 'admin',
+        text: 'Staff Only',
+        icon: _jsx(ConfigurationIcon, {}),
+        requiredSubLevel: 1,
+        staffOnly: true
+    },
+    {
+        name: "audit log",
+        text: "Audit Log",
+        icon: _jsx(Icon, { name: "history", setBlackColor: false }),
+        requiredSubLevel: 1,
+        staffOnly: true
+    }
+];
+export const menuNameToItems = {
+    'Analytics': analyticsMenuItems,
+    'Search': analyticsSearchMenuItems,
+    'Smart Collections': analyticsSmartCollectionsMenuItems,
+    'Upsell & Cross-sell': analyticsUpsellCrossSellMenuItems,
+    'All': generalMenuItems
+};
+/**
+ * Converts the tab name to the tab URL.
+ * @param tab
+ */
+export function tabNameToUrl(tab) {
+    return `/${tab.split(' ').join('-')}`;
+}
+window.allRoutes = [
+    ...analyticsSearchMenuItems,
+    ...analyticsSmartCollectionsMenuItems,
+    ...analyticsUpsellCrossSellMenuItems,
+    ...generalMenuItems.filter(item => item.name !== "analytics")
+];
+export default function isInitialHandshake() {
+    return window.location.search.includes("origin=https://shopify.instantsearchplus.com") ||
+        window.location.search.includes("origin=http://shopify.instantsearchplus.com") ||
+        window.location.search.includes("dashboard_start=1");
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/containers/MultiLevelSideBarMenu/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {RecommendationsClientVersion, ServingClientVersion, SiteDetails} from \"../../store/site/models\";\r\nimport {AdminDetails} from \"../../store/auth/models\";\r\nimport {DashboardTab, getOldDashboardPageUrl, hasNewDashboardTab} from \"../../utils/oldDashboardIntegration\";\r\nimport AnalyticsIcon from \"../../components/Icons/AnalyticsIcon\";\r\nimport AutocompleteIcon from \"../../components/Icons/AutocompleteIcon\";\r\nimport SearchIcon from \"../../components/Icons/SearchIcon\";\r\nimport FilterIcon from \"../../components/Icons/FilterIcon\";\r\nimport CollectionsIcon from \"../../components/Icons/CollectionsIcon\";\r\nimport RecommendationsIcon from \"../../components/Icons/RecommendationsIcon\";\r\nimport ConfigurationIcon from \"../../components/Icons/ConfigurationIcon\";\r\nimport IntegrationsIcon from \"../../components/Icons/Integrations\";\r\nimport MerchIcon from \"../../components/Icons/MerchIcon\";\r\nimport LandingPageIcon from \"../../components/Icons/LandingPageIcon\";\r\nimport Icon from \"../../components/Icons/Icon\";\r\nimport VisualDiscoveryIcon from \"../../components/Icons/VisualDiscoveryIcon\";\r\nimport StorefrontIcon from '@material-ui/icons/Storefront';\r\n\r\nimport {\r\n    IMPACT_SEARCH,\r\n    IMPACT_SEARCH_PERSONALIZATION,\r\n    IMPACT_SMART_NAVIGATION_PERSONALIZATION,\r\n    IMPACT_UPSELL,\r\n    IMPACT_UPSELL_PERSONALIZATION,\r\n    QUERIES_ALL,\r\n    QUERIES_DID_YOU_MEAN,\r\n    QUERIES_NO_RESULTS\r\n} from \"../../store/analytics/models\";\r\nimport ABTestingIcon from \"../../components/Icons/ABTestingIcon\";\r\n\r\nexport interface MenuItemData {\r\n    name?: DashboardTab;\r\n    text: string;\r\n    icon?: React.ReactNode;\r\n    requiredSubLevel?: number;\r\n    hasSubMenu?: boolean;\r\n    zendeskMessage?: string;\r\n    subMenuItems?: MenuItemData[];\r\n    href?: string;\r\n    staffOnly: boolean;\r\n    subMenuName?: string;\r\n    isAvailable?: (site: SiteDetails, admin: AdminDetails) => boolean\r\n    target?: \"_blank\" | \"_self\"\r\n}\r\n\r\nexport function getTabUrl(tab: DashboardTab, origin: string, siteDetails: SiteDetails, adminDetails: AdminDetails): string {\r\n    const tabUrl = tabNameToUrl(tab);\r\n\r\n    if (hasNewDashboardTab(tab, siteDetails, adminDetails)) {\r\n        return tabUrl;\r\n    }\r\n\r\n    const oldDashboardUrl = new URL(getOldDashboardPageUrl(origin, tabUrl, siteDetails.key));\r\n\r\n    return oldDashboardUrl.href;\r\n}\r\n\r\n\r\nexport const analyticsSearchMenuItems: MenuItemData[] = [\r\n    {\r\n        text: 'Autocomplete',\r\n        href: '/analytics/autocomplete',\r\n        staffOnly: false,\r\n        name: 'analytics search autocomplete',\r\n    },\r\n    {\r\n        text: 'All Queries',\r\n        href: `/analytics/${QUERIES_ALL}`,\r\n        staffOnly: false,\r\n        name: 'analytics search all queries'\r\n    },\r\n    {\r\n        text: 'No-Results Queries',\r\n        href: `/analytics/${QUERIES_NO_RESULTS}`,\r\n        staffOnly: false,\r\n        name: 'analytics search no results'\r\n    },\r\n    {\r\n        text: 'Did You Mean Queries',\r\n        href: `/analytics/${QUERIES_DID_YOU_MEAN}`,\r\n        staffOnly: false,\r\n        name: 'analytics search did you mean'\r\n    },\r\n    {\r\n        text: 'Products',\r\n        href: '/analytics/products',\r\n        staffOnly: false,\r\n        name: 'analytics search products'\r\n    },\r\n    {\r\n        text: 'Promo Tiles',\r\n        href: '/analytics/searchResultsPromoTiles',\r\n        staffOnly: false,\r\n        name: 'analytics search promo tiles'\r\n    },\r\n    {\r\n        text: 'Filters',\r\n        href: '/analytics/filters',\r\n        staffOnly: false,\r\n        name: 'analytics search filters'\r\n    },\r\n    {\r\n        text: 'Personalization',\r\n        href: `/analytics/${IMPACT_SEARCH_PERSONALIZATION}Impact`,\r\n        staffOnly: false,\r\n        name: 'analytics search personalization'\r\n    }\r\n];\r\n\r\nexport const analyticsSmartCollectionsMenuItems: MenuItemData[] = [\r\n    {\r\n        text: 'Products',\r\n        href: '/analytics/smartNavigationProducts',\r\n        staffOnly: false,\r\n        name: 'analytics smart nav products'\r\n    },\r\n    {\r\n        text: 'Promo Tiles',\r\n        href: '/analytics/smartNavigationPromoTiles',\r\n        staffOnly: false,\r\n        name: 'analytics smart nav promo tiles'\r\n    },\r\n    {\r\n        text: 'Filters',\r\n        href: '/analytics/smartNavigationFilters',\r\n        staffOnly: false,\r\n        name: 'analytics smart nav filters'\r\n    },\r\n    {\r\n        text: 'Collections',\r\n        href: '/analytics/collections',\r\n        staffOnly: false,\r\n        name: 'analytics smart nav collections'\r\n    },\r\n    {\r\n        text: 'Personalization',\r\n        href: `/analytics/${IMPACT_SMART_NAVIGATION_PERSONALIZATION}Impact`,\r\n        staffOnly: false,\r\n        name: 'analytics smart nav personalization'\r\n    },\r\n];\r\n\r\nexport const analyticsUpsellCrossSellMenuItems: MenuItemData[] = [\r\n    {\r\n        text: 'Impact',\r\n        href: `/analytics/${IMPACT_UPSELL}Impact`,\r\n        staffOnly: false,\r\n        name: 'upsell and cross-sell impact'\r\n    },\r\n    {\r\n        text: 'Personalization',\r\n        href: `/analytics/${IMPACT_UPSELL_PERSONALIZATION}Impact`,\r\n        staffOnly: false,\r\n        name: 'upsell and cross-sell personalization'\r\n    }\r\n]\r\n\r\nexport const analyticsMenuItems: MenuItemData[] = [\r\n    {\r\n        name: 'analytics',\r\n        text: 'Overview',\r\n        href: '/analytics',\r\n        staffOnly: false\r\n    },\r\n    {\r\n        name: 'analytics traffic',\r\n        text: 'Traffic',\r\n        href: '/analytics/traffic',\r\n        staffOnly: false\r\n    },\r\n    // {\r\n    //     name: 'analytics realtime',\r\n    //     text: 'Realtime',\r\n    //     href: '/analytics/realtime',\r\n    //     staffOnly: false\r\n    // },\r\n\r\n    {\r\n        text: 'Search',\r\n        staffOnly: false,\r\n        subMenuName: 'Search',\r\n        subMenuItems: analyticsSearchMenuItems\r\n    },\r\n    {\r\n        text: 'Image Optimization',\r\n        href: '/analytics/product-image-optimization',\r\n        staffOnly: false,\r\n        name: 'analytics product image optimization',\r\n    },\r\n    {\r\n        text: 'Revenue Impact',\r\n        href: `/analytics/${IMPACT_SEARCH}Impact`,\r\n        staffOnly: false,\r\n        name: 'search and smart nav impact',\r\n    },\r\n    {\r\n        text: 'Smart Collections',\r\n        staffOnly: false,\r\n        subMenuName: 'Smart Collections',\r\n        subMenuItems: analyticsSmartCollectionsMenuItems\r\n    },\r\n    {\r\n        text: 'Upsell & Cross-sell',\r\n        staffOnly: false,\r\n        subMenuName: 'Upsell & Cross-sell',\r\n        subMenuItems: analyticsUpsellCrossSellMenuItems\r\n    },\r\n    {\r\n        text: 'Visual Discovery',\r\n        href: '/analytics/visual-discovery',\r\n        staffOnly: false,\r\n        name: 'analytics visual discovery',\r\n        requiredSubLevel: 1\r\n    },\r\n    {\r\n        text: 'Shopper Insights',\r\n        href: '/analytics/userInsightor',\r\n        staffOnly: false,\r\n        name: 'shopper insights',\r\n        requiredSubLevel: 1\r\n    },\r\n    {\r\n        text: 'A/B Testing',\r\n        href: '/analytics/abTesting',\r\n        staffOnly: false,\r\n        name: 'analytics ab testing',\r\n        isAvailable(site, admin) {\r\n            return site.isAbTestingEnabled;\r\n        },\r\n    },\r\n    {\r\n        text: 'Personalization A/B Testing',\r\n        href: '/analytics/internalAbTesting',\r\n        staffOnly: false,\r\n        name: 'analytics internal ab testing',\r\n        isAvailable(site, admin) {\r\n            return admin.isSystemAdmin && (site.isPersonalizedSearch || site.isPersonalizedCollection);\r\n        },\r\n    },\r\n];\r\n\r\nexport const generalMenuItems: MenuItemData[] = [\r\n    {\r\n        name: 'analytics',\r\n        text: 'Analytics',\r\n        icon: <AnalyticsIcon/>,\r\n        requiredSubLevel: 1,\r\n        hasSubMenu: true,\r\n        staffOnly: false,\r\n        subMenuItems: analyticsMenuItems,\r\n        subMenuName: 'Analytics',\r\n    },\r\n\r\n    {\r\n        name: 'autocomplete',\r\n        text: 'Autocomplete',\r\n        icon: <AutocompleteIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"search results\",\r\n        text: 'Search Results',\r\n        icon: <SearchIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: false\r\n    },\r\n    {\r\n        name: \"themes\",\r\n        text: 'No-Code Editor',\r\n        icon: <StorefrontIcon style={{fill: 'purple'}}/>,\r\n        requiredSubLevel: 1,\r\n        zendeskMessage: 'No-Code Editor',\r\n\r\n        isAvailable: (site, admin) => (admin.isSystemAdmin || site.hasGridEditorPage || site.serpVersion === ServingClientVersion.SVELTE_SERVING_CLIENT || site.serpVersion === ServingClientVersion.SVELTE_SERVING_SSR|| site.smartNavigationVersion === ServingClientVersion.SVELTE_SERVING_CLIENT || site.smartNavigationVersion === ServingClientVersion.SVELTE_SERVING_SSR || (site.isRelatedProducts && site.recommendationsVersion === RecommendationsClientVersion.SVELTE_RECOMMENDATIONS_CLIENT_NO_CODE)),\r\n        staffOnly: false,\r\n    },\r\n    {\r\n        name: \"categories\",\r\n        text: 'Collections',\r\n        icon: <CollectionsIcon/>,\r\n        requiredSubLevel: 1,\r\n        zendeskMessage: \"Collections\",\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"filters\",\r\n        text: 'Filters',\r\n        icon: <FilterIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"recommendations\",\r\n        text: 'Upsell & Cross-sell',\r\n        icon: <RecommendationsIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"settings\",\r\n        text: 'Settings',\r\n        icon: <ConfigurationIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"integrations\",\r\n        text: 'Integrations',\r\n        icon: <IntegrationsIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"merchandising\",\r\n        text: 'Merchandising',\r\n        icon: <MerchIcon/>,\r\n        requiredSubLevel: 2,\r\n        zendeskMessage: 'Merchandising',\r\n        staffOnly: false\r\n    },\r\n    {\r\n        name: \"ab testing\",\r\n        text: 'A/B Testing',\r\n        icon: <ABTestingIcon/>,\r\n        requiredSubLevel: 5,\r\n        zendeskMessage: 'A/B Testing',\r\n        staffOnly: false\r\n    },\r\n    {\r\n        name: 'audiences',\r\n        text: 'Audiences',\r\n        icon: <Icon name=\"audiences\"/>,\r\n        requiredSubLevel: 5,\r\n        staffOnly: false,\r\n    },\r\n\r\n    {\r\n        name: \"landing pages\",\r\n        text: 'Landing Pages',\r\n        icon: <LandingPageIcon/>,\r\n        requiredSubLevel: 2,\r\n        zendeskMessage: 'Landing Pages',\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"ads\",\r\n        text: 'Advertising',\r\n        icon: <Icon name={'ads'} setBlackColor={false}/>,\r\n        requiredSubLevel: 2,\r\n        zendeskMessage: 'Advertising',\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: \"visual discovery\",\r\n        text: 'Visual Discovery',\r\n        icon: <VisualDiscoveryIcon/>,\r\n        requiredSubLevel: 5,\r\n        zendeskMessage: 'Visual Discovery',\r\n        staffOnly: false\r\n    },\r\n\r\n    {\r\n        name: 'admin',\r\n        text: 'Staff Only',\r\n        icon: <ConfigurationIcon/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: true\r\n    },\r\n\r\n    {\r\n        name: \"audit log\",\r\n        text: \"Audit Log\",\r\n        icon: <Icon name={\"history\"} setBlackColor={false}/>,\r\n        requiredSubLevel: 1,\r\n        staffOnly: true\r\n    }\r\n];\r\n\r\nexport const menuNameToItems: { [key: string]: any } = {\r\n    'Analytics': analyticsMenuItems,\r\n    'Search': analyticsSearchMenuItems,\r\n    'Smart Collections': analyticsSmartCollectionsMenuItems,\r\n    'Upsell & Cross-sell': analyticsUpsellCrossSellMenuItems,\r\n    'All': generalMenuItems\r\n}\r\n\r\n\r\n/**\r\n * Converts the tab name to the tab URL.\r\n * @param tab\r\n */\r\nexport function tabNameToUrl(tab: string): string {\r\n    return `/${tab.split(' ').join('-')}`;\r\n}\r\n\r\n(window as any).allRoutes = [\r\n    ...analyticsSearchMenuItems,\r\n    ...analyticsSmartCollectionsMenuItems,\r\n    ...analyticsUpsellCrossSellMenuItems,\r\n    ...generalMenuItems.filter(item => item.name !== \"analytics\")\r\n]\r\n\r\nexport default function isInitialHandshake() {\r\n    return window.location.search.includes(\"origin=https://shopify.instantsearchplus.com\") ||\r\n        window.location.search.includes(\"origin=http://shopify.instantsearchplus.com\") ||\r\n        window.location.search.includes(\"dashboard_start=1\")\r\n}"]}

package/dist/dashboard/dashboard-client/src/containers/SearchResultsPreview/SerpPreview.d.ts

@@ -0,0 +1,56 @@
+import { device } from "../../store/searchResults/models/models";
+import { ShopperExperience } from "../../store/searchResults/models/shopperExperienceModel";
+import { RetailPack } from "../../store/searchResults/models/retailPackModels";
+import { SerpThemeValueType } from "../../store/searchResults/models/configurationModels";
+export interface IframeData {
+    available: boolean;
+    url: string;
+    reason: string;
+}
+export declare const SerpPreview: {
+    getStyleMessage: (shopperExperience: ShopperExperience, mode: device, retailPack: RetailPack) => string;
+    getDeviceMessage: (mode: device) => string;
+    getThemeMessage: (theme: SerpThemeValueType) => string;
+    convertDevice: (mode: device) => 0 | 2 | 1;
+    convertStyle: (shopperExperience: ShopperExperience, mode: device, retailPack: RetailPack) => {
+        isp_infinite_scroll_enabled: boolean;
+        isp_infinite_scroll_load_more_enabled: boolean;
+        isp_horizontal_serp_filters: boolean;
+        isp_results_page_enable_sorting: boolean;
+        isp_results_page_default_sort: number;
+        isp_results_page_quick_view_enabled: boolean;
+        isp_results_page_sold_out_banner_enabled: boolean;
+        isp_results_page_disable_add_to_cart: boolean;
+        serp_enable_add_to_cart_ajax_animation: boolean;
+        isp_results_page_show_sku: boolean;
+        serp_enable_favorites: boolean;
+        hide_product_description_serp: boolean;
+        isp_results_page_hide_search_box: boolean;
+        isp_second_serp_image_flip_enabled: boolean;
+        isp_serp_product_image_carousel: boolean;
+        hide_product_color_swatch: boolean;
+        hide_color_swatch_in_products: boolean;
+        isp_look_a_like_enabled: boolean;
+        isp_image_search: boolean;
+        isp_quick_view_mode: number;
+        isp_quick_view_color_scheme: string;
+        isp_serp_title_max_lines: 1 | 2 | 3 | 5 | 4;
+        isp_serp_products_per_row: 1 | 2 | 3 | 6 | 5 | 4;
+        isp_serp_title_max_lines_mobile: 1 | 2 | 3 | 5 | 4;
+        isp_serp_products_per_row_mobile: 1 | 2 | 3 | 6 | 5 | 4;
+        isp_serp_title_max_lines_tablet: 1 | 2 | 3 | 5 | 4;
+        isp_serp_products_per_row_tablet: 1 | 2 | 3 | 6 | 5 | 4;
+        serp_enable_add_to_cart_variants: boolean;
+        isp_custom_colors: {
+            isp_add_to_cart_color: string;
+            isp_filter_title_color: string;
+            isp_filter_options_color: string;
+            isp_product_price_color: string;
+            isp_product_compare_at_price_color: string;
+            isp_product_border_color: string;
+            isp_product_title_alignment: string;
+        };
+        isp_desktop_show_price_slider: boolean;
+        isp_pagination_progress_bar_enabled: boolean;
+    };
+};