@fast-simon/dashboard-utilities 1.0.35 → 1.0.37

package/dist/dashboard/dashboard-client/src/components/Icons/LockIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLock } from '@fortawesome/free-solid-svg-icons';
+const LockIcon = ({ className }) => (_jsx(FontAwesomeIcon, { icon: faLock, color: 'lightgray', style: { fontSize: 14 }, className: className }));
+export default LockIcon;
+//# sourceMappingURL=LockIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/LockIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/LockIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAA;AAOxD,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE,CAAC,CACrC,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAC,EAAE,SAAS,EAAE,SAAS,GAAI,CACrG,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\r\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome'\r\nimport {faLock} from '@fortawesome/free-solid-svg-icons'\r\n\r\n\r\ninterface Props {\r\n    className?: string\r\n}\r\n\r\nconst LockIcon = ({className}: Props) => (\r\n    <FontAwesomeIcon icon={faLock} color={'lightgray'} style={{fontSize: 14}} className={className} />\r\n);\r\n\r\nexport default LockIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/MerchIcon.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    className?: string;
+}
+declare const MerchIcon: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MerchIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/MerchIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+const MerchIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon-merch-01', className) });
+};
+export default MerchIcon;
+//# sourceMappingURL=MerchIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/MerchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/MerchIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,SAAS,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE;IACrC,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from \"classnames\";\r\n\r\ninterface Props {\r\n    className?: string\r\n}\r\n\r\nconst MerchIcon = ({className}: Props) => {\r\n    return <span className={classNames('icon-icon-merch-01', className)}/>;\r\n};\r\n\r\nexport default MerchIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/RecommendationsIcon.d.ts

@@ -0,0 +1,4 @@
+declare const RecommendationsIcon: ({ className }: {
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RecommendationsIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/RecommendationsIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+const RecommendationsIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon-recommendation-01', className) });
+};
+export default RecommendationsIcon;
+//# sourceMappingURL=RecommendationsIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/RecommendationsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationsIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/RecommendationsIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,mBAAmB,GAAG,CAAC,EAAC,SAAS,EAAsB,EAAE,EAAE;IAC7D,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,GAAG,CAAC;AACpF,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from \"classnames\";\r\n\r\n\r\nconst RecommendationsIcon = ({className}:{className?: string}) => {\r\n    return <span className={classNames('icon-icon-recommendation-01', className)}/>;\r\n};\r\n\r\nexport default RecommendationsIcon;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/Icons/RestoreIcon.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    className?: string;
+}
+declare const RestoreIcon: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default RestoreIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/RestoreIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const RestoreIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon-restore-g-01', className) });
+};
+export default RestoreIcon;
+//# sourceMappingURL=RestoreIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/RestoreIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/RestoreIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE;IACvC,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,GAAG,CAAC;AAC/E,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\n\r\ninterface Props {\r\n    className?: string\r\n}\r\n\r\nconst RestoreIcon = ({className}: Props) => {\r\n    return <span className={classNames('icon-icon-restore-g-01', className)}/>;\r\n};\r\n\r\nexport default RestoreIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/RetailPackIcon.d.ts

@@ -0,0 +1,4 @@
+declare const RetailPackIcon: ({ className }: {
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RetailPackIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/RetailPackIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+const RetailPackIcon = ({ className }) => {
+    return _jsx("span", { className: classNames("icon-icon-retail-pack-01", className) });
+};
+export default RetailPackIcon;
+//# sourceMappingURL=RetailPackIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/RetailPackIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetailPackIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/RetailPackIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,cAAc,GAAG,CAAC,EAAC,SAAS,EAAsB,EAAE,EAAE;IACxD,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,SAAS,CAAC,GAAG,CAAC;AACjF,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from \"classnames\";\r\n\r\nconst RetailPackIcon = ({className}:{className?: string}) => {\r\n    return <span className={classNames(\"icon-icon-retail-pack-01\", className)}/>;\r\n};\r\n\r\nexport default RetailPackIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/SearchIcon.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    className?: string;
+}
+declare const SearchIcon: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SearchIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/SearchIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const SearchIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon--search-01', className) });
+};
+export default SearchIcon;
+//# sourceMappingURL=SearchIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/SearchIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,UAAU,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE;IACtC,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAG,CAAC;AAC7E,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\n\r\ninterface Props {\r\n    className?: string\r\n}\r\n\r\nconst SearchIcon = ({className}: Props) => {\r\n    return <span className={classNames('icon-icon--search-01', className)}/>;\r\n};\r\n\r\nexport default SearchIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/SettingsIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const SettingsIcon: React.FC<{
+    className?: string;
+}>;
+export default SettingsIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/SettingsIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+const SettingsIcon = ({ className }) => {
+    return _jsx("span", { className: classNames("icon-icon-config-01", className) });
+};
+export default SettingsIcon;
+//# sourceMappingURL=SettingsIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/SettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/SettingsIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,YAAY,GAAkC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IAChE,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG,CAAC;AAC5E,CAAC,CAAC;AAEF,eAAe,YAAY,CAAA","sourcesContent":["import React from 'react';\r\nimport classNames from \"classnames\";\r\n\r\n\r\nconst SettingsIcon:React.FC<{className?: string}> = ({className}) => {\r\n    return <span className={classNames(\"icon-icon-config-01\", className)}/>;\r\n};\r\n\r\nexport default SettingsIcon"]}

package/dist/dashboard/dashboard-client/src/components/Icons/SynonymsIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+declare const SynonymsIcon: React.FC<Props>;
+export default SynonymsIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/SynonymsIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const SynonymsIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon-synonyms-01', className) });
+};
+export default SynonymsIcon;
+//# sourceMappingURL=SynonymsIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/SynonymsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SynonymsIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/SynonymsIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,YAAY,GAAmB,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IACjD,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG,CAAC;AAC9E,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\n\r\ninterface Props {\r\n    className?: string\r\n}\r\n\r\nconst SynonymsIcon:React.FC<Props> = ({className}) => {\r\n    return <span className={classNames('icon-icon-synonyms-01', className)}/>;\r\n};\r\n\r\nexport default SynonymsIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/UnlockIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface Props {
+    className?: string;
+}
+declare const UnlockIcon: React.FC<Props>;
+export default UnlockIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/UnlockIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const UnlockIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-price-lock2', className) });
+};
+export default UnlockIcon;
+//# sourceMappingURL=UnlockIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/UnlockIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnlockIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/UnlockIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,UAAU,GAAoB,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IAChD,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG,CAAC;AACzE,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\n\r\nexport interface Props {\r\n    className?: string\r\n}\r\n\r\nconst UnlockIcon: React.FC<Props> = ({className}) => {\r\n    return <span className={classNames('icon-price-lock2', className)}/>;\r\n};\r\n\r\nexport default UnlockIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/VisualDiscoveryIcon.d.ts

@@ -0,0 +1,2 @@
+declare const VisualDiscoveryIcon: () => import("react/jsx-runtime").JSX.Element;
+export default VisualDiscoveryIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/VisualDiscoveryIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VisualDiscoveryIcon = () => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 23 23" }, { children: [_jsx("path", { className: "icon-ico-visual-discovery.a", d: "M18.5,7A1.5,1.5,0,1,0,17,8.5,1.5,1.5,0,0,0,18.5,7Z" }), _jsx("circle", { className: "icon-ico-visual-discovery.a", cx: "12", cy: "12", r: "4" }), _jsx("polyline", { className: "icon-ico-visual-discovery.b", points: "2.5 8.499 2.5 2.5 8.5 2.5" }), _jsx("polyline", { className: "icon-ico-visual-discovery.b", points: "15.5 2.5 21.499 2.5 21.499 8.5" }), _jsx("polyline", { className: "icon-ico-visual-discovery.b", points: "2.5 15.5 2.5 21.499 8.5 21.499" }), _jsx("polyline", { className: "icon-ico-visual-discovery.b", points: "15.5 21.499 21.499 21.499 21.499 15.5" })] })));
+export default VisualDiscoveryIcon;
+//# sourceMappingURL=VisualDiscoveryIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/VisualDiscoveryIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualDiscoveryIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/VisualDiscoveryIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAC9B,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,iBACvD,eAAM,SAAS,EAAC,6BAA6B,EAAC,CAAC,EAAC,oDAAoD,GAAE,EACtG,iBAAQ,SAAS,EAAC,6BAA6B,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAE,EACvE,mBAAU,SAAS,EAAC,6BAA6B,EAAC,MAAM,EAAC,2BAA2B,GAAE,EACtF,mBAAU,SAAS,EAAC,6BAA6B,EAAC,MAAM,EAAC,gCAAgC,GAAE,EAC3F,mBAAU,SAAS,EAAC,6BAA6B,EAAC,MAAM,EAAC,gCAAgC,GAAE,EAC3F,mBAAU,SAAS,EAAC,6BAA6B,EAAC,MAAM,EAAC,uCAAuC,GAAE,KAChG,CACT,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\r\n\r\nconst VisualDiscoveryIcon = () => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23 23\">\r\n        <path className=\"icon-ico-visual-discovery.a\" d=\"M18.5,7A1.5,1.5,0,1,0,17,8.5,1.5,1.5,0,0,0,18.5,7Z\"/>\r\n        <circle className=\"icon-ico-visual-discovery.a\" cx=\"12\" cy=\"12\" r=\"4\"/>\r\n        <polyline className=\"icon-ico-visual-discovery.b\" points=\"2.5 8.499 2.5 2.5 8.5 2.5\"/>\r\n        <polyline className=\"icon-ico-visual-discovery.b\" points=\"15.5 2.5 21.499 2.5 21.499 8.5\"/>\r\n        <polyline className=\"icon-ico-visual-discovery.b\" points=\"2.5 15.5 2.5 21.499 8.5 21.499\"/>\r\n        <polyline className=\"icon-ico-visual-discovery.b\" points=\"15.5 21.499 21.499 21.499 21.499 15.5\"/>\r\n    </svg>\r\n);\r\n\r\nexport default VisualDiscoveryIcon;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/Icons/WarningIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface Props {
+    className?: string;
+}
+declare const WarningIcon: React.FC<Props>;
+export default WarningIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/WarningIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const WarningIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon-warning-01', className) });
+};
+export default WarningIcon;
+//# sourceMappingURL=WarningIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/WarningIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/WarningIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,WAAW,GAAoB,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IACjD,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAG,CAAC;AAC7E,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nexport interface Props {\r\n    className?: string\r\n}\r\n\r\nconst WarningIcon: React.FC<Props> = ({className}) => {\r\n    return <span className={classNames('icon-icon-warning-01', className)}/>;\r\n};\r\n\r\nexport default WarningIcon;"]}

package/dist/dashboard/dashboard-client/src/components/Icons/XIcon.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    className?: string;
+}
+declare const XIcon: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default XIcon;

package/dist/dashboard/dashboard-client/src/components/Icons/XIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const XIcon = ({ className }) => {
+    return _jsx("span", { className: classNames('icon-icon-x-01', className) });
+};
+export default XIcon;
+//# sourceMappingURL=XIcon.js.map

package/dist/dashboard/dashboard-client/src/components/Icons/XIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XIcon.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Icons/XIcon.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,KAAK,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE;IACjC,OAAO,eAAM,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG,CAAC;AACvE,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\n\r\ninterface Props {\r\n    className?: string\r\n}\r\n\r\nconst XIcon = ({className}: Props) => {\r\n    return <span className={classNames('icon-icon-x-01', className)}/>;\r\n};\r\n\r\nexport default XIcon;"]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from 'react-modal';
+import "./styles.css";
+export interface ModalProps extends Props {
+    overlayClass?: string;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRef } from 'react';
+import ReactModal from 'react-modal';
+import classes from './styles.module.css';
+import { useOnClickOutside } from "../../hooks/ClickOutside";
+import "./styles.css";
+import classNames from "classnames";
+const Modal = (props) => {
+    const ref = createRef();
+    useOnClickOutside(ref, (event) => {
+        if (props.onRequestClose) {
+            // @ts-ignore
+            props.onRequestClose(event);
+        }
+    });
+    return (_jsx(ReactModal, Object.assign({}, props, { ariaHideApp: false, className: classes.content, overlayClassName: classNames(classes.overlay, props.overlayClass), closeTimeoutMS: 400 }, { children: _jsx("div", Object.assign({ ref: ref, className: classes.ref }, { children: props.children })) })));
+};
+export default Modal;
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,UAAmB,MAAM,aAAa,CAAC;AAC9C,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,cAAc,CAAA;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,KAAK,GAAyB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,GAAG,GAAG,SAAS,EAAkB,CAAC;IAExC,iBAAiB,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7B,IAAI,KAAK,CAAC,cAAc,EAAE;YACtB,aAAa;YACb,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;SAC9B;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,UAAU,oBAAK,KAAK,IACT,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,OAAO,CAAC,OAAO,EAC1B,gBAAgB,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,EACjE,cAAc,EAAE,GAAG,gBAE3B,4BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,gBAChC,KAAK,CAAC,QAAQ,IACb,IAEG,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import React, {createRef} from 'react';\r\nimport ReactModal, {Props} from 'react-modal';\r\nimport classes from './styles.module.css';\r\nimport {useOnClickOutside} from \"../../hooks/ClickOutside\";\r\nimport \"./styles.css\"\r\nimport classNames from \"classnames\";\r\n\r\nexport interface ModalProps extends Props {\r\n    overlayClass?: string\r\n}\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n    const ref = createRef<HTMLDivElement>();\r\n\r\n    useOnClickOutside(ref, (event) => {\r\n        if (props.onRequestClose) {\r\n            // @ts-ignore\r\n            props.onRequestClose(event)\r\n        }\r\n    });\r\n\r\n    return (\r\n        <ReactModal {...props}\r\n                    ariaHideApp={false}\r\n                    className={classes.content}\r\n                    overlayClassName={classNames(classes.overlay, props.overlayClass)}\r\n                    closeTimeoutMS={400}>\r\n\r\n            <div ref={ref} className={classes.ref}>\r\n                {props.children}\r\n            </div>\r\n\r\n        </ReactModal>\r\n    );\r\n};\r\n\r\nexport default Modal;\r\n"]}

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

@@ -0,0 +1 @@
+export { default } from './Modal';

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { TooltipProps } from '@material-ui/core';
+interface Props extends TooltipProps {
+    popperClass?: string;
+    tooltipClass?: string;
+    arrowClass?: string;
+    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top" | undefined;
+}
+declare const MuiTooltip: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default MuiTooltip;

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Tooltip } from '@material-ui/core';
+import classes from "./styles.module.css";
+import classNames from "classnames";
+import { useMedia } from "../../hooks/useMedia";
+const MuiTooltip = (props) => {
+    const [open, setOpen] = useState(false);
+    const isMobile = useMedia(['mobile']) === 'mobile';
+    const handleClick = () => {
+        if (open === false) {
+            setOpen(true);
+        }
+        if (open === true) {
+            setOpen(false);
+        }
+    };
+    if (isMobile) {
+        return (_jsx("button", Object.assign({ onClick: handleClick, className: classes.mobileButton }, { children: _jsx(Tooltip, Object.assign({}, props, { arrow: true, open: open, classes: {
+                    popper: classNames(classes.iconTooltipPopper, props.popperClass),
+                    tooltip: classNames(classes.iconTooltip, props.tooltipClass),
+                    arrow: classNames(classes.iconTooltipArrow, props.arrowClass),
+                } })) })));
+    }
+    return _jsx(Tooltip, Object.assign({}, props, { arrow: true, classes: {
+            popper: classNames(classes.iconTooltipPopper, props.popperClass),
+            tooltip: classNames(classes.iconTooltip, props.tooltipClass),
+            arrow: classNames(classes.iconTooltipArrow, props.arrowClass),
+        } }));
+};
+export default MuiTooltip;
+//# sourceMappingURL=MuiTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTooltip.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/MuiTooltip/MuiTooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,OAAO,EAAe,MAAM,mBAAmB,CAAC;AAExD,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAU9C,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAEhC,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,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,CAAC;IAEF,IAAI,QAAQ,EAAE;QACV,OAAO,CACH,+BAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,gBACzD,KAAC,OAAO,oBACA,KAAK,IACT,KAAK,QACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;oBACL,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;oBAChE,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC;oBAC5D,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,CAAC;iBAChE,IAAG,IACH,CACZ,CAAA;KACJ;IACD,OAAO,KAAC,OAAO,oBACP,KAAK,IACT,KAAK,QACL,OAAO,EAAE;YACL,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;YAChE,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC;YAC5D,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,CAAC;SAChE,IAAG,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React, {useState} from 'react';\r\nimport {Tooltip, TooltipProps} from '@material-ui/core';\r\n\r\nimport classes from \"./styles.module.css\";\r\nimport classNames from \"classnames\";\r\nimport {useMedia} from \"../../hooks/useMedia\";\r\n\r\n\r\ninterface Props extends TooltipProps {\r\n    popperClass?: string\r\n    tooltipClass?: string\r\n    arrowClass?: string\r\n    placement?: \"bottom-end\" | \"bottom-start\" | \"bottom\" | \"left-end\" | \"left-start\" | \"left\" | \"right-end\" | \"right-start\" | \"right\" | \"top-end\" | \"top-start\" | \"top\" | undefined\r\n}\r\n\r\nconst MuiTooltip = (props: Props) => {\r\n\r\n    const [open, setOpen] = useState(false);\r\n\r\n    const isMobile = useMedia(['mobile']) === 'mobile';\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    if (isMobile) {\r\n        return (\r\n            <button onClick={handleClick} className={classes.mobileButton}>\r\n                <Tooltip\r\n                    {...props}\r\n                    arrow\r\n                    open={open}\r\n                    classes={{\r\n                        popper: classNames(classes.iconTooltipPopper, props.popperClass),\r\n                        tooltip: classNames(classes.iconTooltip, props.tooltipClass),\r\n                        arrow: classNames(classes.iconTooltipArrow, props.arrowClass),\r\n                    }}/>\r\n            </button>\r\n        )\r\n    }\r\n    return <Tooltip\r\n        {...props}\r\n        arrow\r\n        classes={{\r\n            popper: classNames(classes.iconTooltipPopper, props.popperClass),\r\n            tooltip: classNames(classes.iconTooltip, props.tooltipClass),\r\n            arrow: classNames(classes.iconTooltipArrow, props.arrowClass),\r\n        }}/>;\r\n};\r\n\r\nexport default MuiTooltip;"]}

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

@@ -0,0 +1 @@
+export { default } from './MuiTooltip';

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

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

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

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

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

@@ -0,0 +1,41 @@
+import React from "react";
+import "./style.css";
+export interface SingleOptionType {
+    label: string;
+    value: string;
+    geo?: boolean;
+}
+export interface GroupOptionType {
+    label: string;
+    options: SingleOptionType[];
+}
+export type OptionType = SingleOptionType | GroupOptionType;
+export interface Classes {
+    root?: string;
+    label?: string;
+    select?: string;
+    wrapper?: string;
+}
+interface Props {
+    label?: string;
+    onChange: (options: string[]) => void;
+    options: OptionType[];
+    selectedOptions: OptionType[];
+    isSearchable?: boolean;
+    className?: string;
+    tooltipText?: string;
+    classes?: Classes;
+    isClearable?: boolean;
+    placeholder?: string;
+    collapsible?: boolean;
+    menuPosition?: "fixed" | "absolute";
+    isLoading?: boolean;
+    optionsLimit?: number;
+    isDisabled?: boolean;
+    isEnableToViewer?: boolean;
+}
+export interface SelectState {
+    isDisabled: boolean;
+}
+declare const MultiSelectRow: React.FC<Props>;
+export default MultiSelectRow;

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import classes from "./styles.module.css";
+import "./style.css";
+import ReactSelect from "react-select";
+import TextWithTooltip from "../TextWithTooltip";
+import classNames from "classnames";
+import { selectIsViewer } from "../../store/site/siteSlice";
+import { useSelector } from "react-redux";
+let customStyles = {
+    singleValue: (provided, state) => {
+        const opacity = state.isDisabled ? 0.5 : 1;
+        const transition = 'opacity 300ms';
+        return Object.assign(Object.assign({}, provided), { opacity, transition });
+    }
+};
+const MultiSelectRow = ({ label, isSearchable, onChange, options, selectedOptions, className, tooltipText, classes: propsClasses, isClearable = false, placeholder = '', collapsible, menuPosition, isLoading = false, optionsLimit = 200, isDisabled, isEnableToViewer }) => {
+    const [focus, setFocus] = useState(false);
+    const [result, setResult] = useState([]);
+    const isViewer = useSelector(selectIsViewer);
+    useEffect(() => {
+        setResult(isSearchable ? options.slice(0, optionsLimit) : options);
+    }, [options]);
+    const isCollapsed = () => {
+        if (!collapsible)
+            return false;
+        const wordCount = (function () {
+            let count = 0;
+            selectedOptions.forEach(x => count += x.label.length);
+            return count;
+        })();
+        if (wordCount <= 100)
+            return false;
+        return !focus;
+    };
+    const values = (function () {
+        if (isCollapsed()) {
+            return [...selectedOptions].slice(0, 5);
+        }
+        else {
+            return selectedOptions;
+        }
+    })();
+    const handleChange = (options) => {
+        if (options === null) {
+            onChange([]);
+        }
+        else if (options instanceof Array) {
+            const optionTypes = options;
+            let optionsArr = [];
+            optionTypes.forEach(optionType => {
+                optionsArr.push(optionType.value);
+            });
+            onChange(optionsArr);
+        }
+    };
+    const onInputChange = (newValue) => {
+        if (!newValue && isSearchable) {
+            setResult(options.slice(0, optionsLimit));
+        }
+        else {
+            setResult(options);
+        }
+    };
+    return (_jsxs("div", Object.assign({ className: classNames(classes.mainContainer, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.root, className) }, { children: [_jsxs("div", Object.assign({ className: classes.innerContainer }, { children: [_jsx("label", Object.assign({ className: classNames(classes.label, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.label) }, { children: label })), tooltipText ? _jsx(TextWithTooltip, { text: "", tooltipText: tooltipText, place: 'right' }) : null] })), _jsx("div", Object.assign({ className: propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.wrapper }, { children: _jsx(ReactSelect, { options: result, value: values, onChange: handleChange, menuPosition: menuPosition, className: classNames(classes.select, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.select, { "collapsed": isCollapsed() }), isMulti: true, styles: customStyles, isSearchable: Boolean(isSearchable), isClearable: isClearable, placeholder: placeholder, onFocus: () => setFocus(true), onBlur: () => setFocus(false), draggable: true, isDisabled: isDisabled || (isViewer && !isEnableToViewer), classNamePrefix: "isp-select", onInputChange: onInputChange, isLoading: isLoading }) }))] })));
+};
+export default MultiSelectRow;
+//# sourceMappingURL=MultiSelectRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectRow.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/MultiSelectRow/MultiSelectRow.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,aAAa,CAAA;AAEpB,OAAO,WAAW,MAAM,cAAc,CAAA;AAEtC,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AA8CxC,IAAI,YAAY,GAAG;IACf,WAAW,EAAE,CAAC,QAAgB,EAAE,KAAkB,EAAE,EAAE;QAClD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,UAAU,GAAG,eAAe,CAAC;QAEnC,uCAAW,QAAQ,KAAE,OAAO,EAAE,UAAU,IAAE;IAC9C,CAAC;CACJ,CAAC;AAEF,MAAM,cAAc,GAAoB,CAAC,EACI,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAO,EAAE,YAAY,EACrB,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,EAAE,EAChB,WAAW,EACX,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,GAAG,EAClB,UAAU,EACV,gBAAgB,EACnB,EAAE,EAAE;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC,EAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAEb,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QAE/B,MAAM,SAAS,GAAG,CAAC;YACf,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACtD,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,EAAE,CAAC;QAEL,IAAI,SAAS,IAAI,GAAG;YAAE,OAAO,KAAK,CAAC;QAEnC,OAAO,CAAC,KAAK,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAiB,CAAC;QAC1B,IAAI,WAAW,EAAE,EAAE;YACf,OAAO,CAAC,GAAG,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC3C;aAAM;YACH,OAAO,eAAe,CAAC;SAC1B;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,YAAY,GAAG,CAAC,OAA+D,EAAQ,EAAE;QAC3F,IAAI,OAAO,KAAK,IAAI,EAAE;YAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;SAEhB;aAAM,IAAI,OAAO,YAAY,KAAK,EAAE;YACjC,MAAM,WAAW,GAAG,OAA6B,CAAC;YAElD,IAAI,UAAU,GAAa,EAAE,CAAC;YAE9B,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC7B,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,UAAU,CAAC,CAAC;SACxB;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;YAC3B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;SAC7C;aAAM;YACH,SAAS,CAAC,OAAO,CAAC,CAAC;SACtB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAE,SAAS,CAAC,iBAC5E,6BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,iBAClC,8BAAO,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,gBAAG,KAAK,IAAS,EAChF,WAAW,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,KACtD,EACN,4BAAK,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,gBACjC,KAAC,WAAW,IAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAC9B,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAClD,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,EAAE,EAAC,WAAW,EAAE,WAAW,EAAE,EAAC,CAAC,EACzF,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,EACxE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EACjF,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAC9C,UAAU,EAAE,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,CAAC,EACzD,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAG,IAC/F,KACJ,CACT,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React, {useEffect, useState} from \"react\";\r\nimport classes from \"./styles.module.css\";\r\nimport \"./style.css\"\r\n\r\nimport ReactSelect from \"react-select\"\r\n\r\nimport TextWithTooltip from \"../TextWithTooltip\";\r\nimport classNames from \"classnames\";\r\nimport {useViewer} from \"../../hooks/auth\";\r\nimport {selectIsViewer} from \"../../store/site/siteSlice\";\r\nimport {useSelector} from \"react-redux\";\r\n\r\nexport interface SingleOptionType {\r\n    label: string\r\n    value: string\r\n    geo?: boolean\r\n}\r\n\r\nexport interface GroupOptionType {\r\n    label: string\r\n    options: SingleOptionType[]\r\n}\r\n\r\nexport type OptionType = SingleOptionType | GroupOptionType;\r\n\r\nexport interface Classes {\r\n    root?: string\r\n    label?: string\r\n    select?: string\r\n    wrapper?:string\r\n}\r\n\r\n\r\ninterface Props {\r\n    label?: string\r\n    onChange: (options: string[]) => void\r\n    options: OptionType[]\r\n    selectedOptions: OptionType[]\r\n    isSearchable?: boolean\r\n    className?: string\r\n    tooltipText?: string\r\n    classes?: Classes\r\n    isClearable?: boolean\r\n    placeholder?: string\r\n    collapsible?: boolean\r\n    menuPosition?: \"fixed\" | \"absolute\"\r\n    isLoading?: boolean\r\n    optionsLimit?: number\r\n    isDisabled?: boolean\r\n    isEnableToViewer?: boolean\r\n}\r\n\r\nexport interface SelectState {\r\n    isDisabled: boolean\r\n}\r\n\r\nlet customStyles = {\r\n    singleValue: (provided: object, state: SelectState) => {\r\n        const opacity = state.isDisabled ? 0.5 : 1;\r\n        const transition = 'opacity 300ms';\r\n\r\n        return {...provided, opacity, transition};\r\n    }\r\n};\r\n\r\nconst MultiSelectRow: React.FC<Props> = ({\r\n                                             label,\r\n                                             isSearchable,\r\n                                             onChange,\r\n                                             options,\r\n                                             selectedOptions,\r\n                                             className,\r\n                                             tooltipText,\r\n                                             classes: propsClasses,\r\n                                             isClearable = false,\r\n                                             placeholder = '',\r\n                                             collapsible,\r\n                                             menuPosition,\r\n                                             isLoading = false,\r\n                                             optionsLimit = 200,\r\n                                             isDisabled,\r\n                                             isEnableToViewer\r\n                                         }) => {\r\n    const [focus, setFocus] = useState(false);\r\n    const [result, setResult] = useState<OptionType[]>([]);\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    useEffect(() => {\r\n        setResult(isSearchable ? options.slice(0, optionsLimit) : options);\r\n    },[options]);\r\n\r\n    const isCollapsed = () => {\r\n        if (!collapsible) return false;\r\n\r\n        const wordCount = (function () {\r\n            let count = 0;\r\n            selectedOptions.forEach(x => count += x.label.length);\r\n            return count;\r\n        })();\r\n\r\n        if (wordCount <= 100) return false;\r\n\r\n        return !focus;\r\n    };\r\n\r\n    const values: OptionType[] = (function () {\r\n        if (isCollapsed()) {\r\n            return [...selectedOptions].slice(0, 5);\r\n        } else {\r\n            return selectedOptions;\r\n        }\r\n    })();\r\n\r\n    const handleChange = (options: OptionType | Object | Array<Object> | null | undefined): void => {\r\n        if (options === null) {\r\n            onChange([]);\r\n\r\n        } else if (options instanceof Array) {\r\n            const optionTypes = options as SingleOptionType[];\r\n\r\n            let optionsArr: string[] = [];\r\n\r\n            optionTypes.forEach(optionType => {\r\n                optionsArr.push(optionType.value);\r\n            });\r\n\r\n            onChange(optionsArr);\r\n        }\r\n    };\r\n\r\n    const onInputChange = (newValue: string) => {\r\n        if (!newValue && isSearchable) {\r\n            setResult(options.slice(0, optionsLimit));\r\n        } else {\r\n            setResult(options);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className={classNames(classes.mainContainer, propsClasses?.root, className)}>\r\n            <div className={classes.innerContainer}>\r\n                <label className={classNames(classes.label, propsClasses?.label)}>{label}</label>\r\n                {tooltipText ? <TextWithTooltip text={\"\"}\r\n                                                tooltipText={tooltipText}\r\n                                                place={'right'}/> : null}\r\n            </div>\r\n            <div className={propsClasses?.wrapper}>\r\n                <ReactSelect options={result} value={values}\r\n                             onChange={handleChange} menuPosition={menuPosition}\r\n                             className={classNames(classes.select, propsClasses?.select, {\"collapsed\": isCollapsed()})}\r\n                             isMulti={true} styles={customStyles} isSearchable={Boolean(isSearchable)}\r\n                             isClearable={isClearable} placeholder={placeholder} onFocus={() => setFocus(true)}\r\n                             onBlur={() => setFocus(false)} draggable={true}\r\n                             isDisabled={isDisabled || (isViewer && !isEnableToViewer)}\r\n                             classNamePrefix={\"isp-select\"} onInputChange={onInputChange} isLoading={isLoading}/>\r\n            </div>\r\n        </div>\r\n    )\r\n};\r\n\r\nexport default MultiSelectRow;\r\n"]}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export type DashboardType = 'new' | 'old';
+export interface Classes {
+    root?: string;
+    text?: string;
+    editorIcon?: string;
+}
+export interface Props {
+    text: string;
+    href?: string;
+    icon?: ReactNode;
+    dashboardType?: DashboardType;
+    isDisabled?: boolean;
+    isLocked?: boolean;
+    hasSubMenu?: boolean;
+    onMouseEnter?: VoidFunction;
+    onMouseLeave?: VoidFunction;
+    onSubMenuClicked?: VoidFunction;
+    classes?: Classes;
+    onClick?: VoidFunction;
+    target?: '_blank' | '_self';
+    zendeskMessage?: string;
+    isSub?: boolean;
+    isSiteLoading?: boolean;
+}
+export default function NavMenuItem(props: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavLink } from 'react-router-dom';
+import { StringParam, useQueryParams } from 'use-query-params';
+import classNames from 'classnames';
+import ForwardArrowIcon from 'components/Icons/ForwardArrowIcon';
+import IconButton from 'components/IconButton';
+import styleClasses from './styles.module.css';
+import useSelectedPath from "../../hooks/useSelectedPath";
+import Icon from "../Icons/Icon";
+export default function NavMenuItem(props) {
+    const { text, href, icon, dashboardType = 'new', isDisabled = false, isLocked = true, hasSubMenu = false, onMouseEnter, onMouseLeave, onSubMenuClicked, onClick, classes, target = '_self', zendeskMessage, isSub = false, isSiteLoading, } = props;
+    const [queryParams, setQueryParams] = useQueryParams({
+        fromDate: StringParam,
+        toDate: StringParam
+    });
+    function handleSubMenuClicked(e) {
+        e.preventDefault();
+        onSubMenuClicked === null || onSubMenuClicked === void 0 ? void 0 : onSubMenuClicked();
+    }
+    const onLinkClick = (e) => {
+        if (isDisabled)
+            e.preventDefault();
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    const { selected: selectedPath, pathname } = useSelectedPath(href || '');
+    const isSelected = () => {
+        if (!isSub) {
+            return selectedPath;
+        }
+        const subPath = href === null || href === void 0 ? void 0 : href.split("/").slice(2, 3);
+        const path = pathname.split("/").slice(2, 3);
+        return selectedPath && ((subPath === path) || ((subPath === null || subPath === void 0 ? void 0 : subPath.length) === 0 && (path === null || path === void 0 ? void 0 : path.length) === 0));
+    };
+    const renderContent = () => (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: classNames(styleClasses.icon, classes === null || classes === void 0 ? void 0 : classes.editorIcon) }, { children: icon })), _jsx("div", Object.assign({ className: classNames(styleClasses.text, classes === null || classes === void 0 ? void 0 : classes.text) }, { children: text })), hasSubMenu &&
+                _jsx(IconButton, { icon: _jsx(ForwardArrowIcon, {}), onClick: handleSubMenuClicked, className: styleClasses.subMenuIcon }), !isSiteLoading && isLocked ? _jsx("div", Object.assign({ className: styleClasses.lockedContainer }, { children: _jsx(Icon, { name: 'locked', className: styleClasses.lockedIcon }) })) : null] }));
+    if (dashboardType === 'old') {
+        return (_jsx("a", Object.assign({ href: href, onMouseOver: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onLinkClick, target: target, className: classNames(styleClasses.navMenuItem, classes === null || classes === void 0 ? void 0 : classes.root, {
+                [styleClasses.disabled]: isDisabled,
+                [styleClasses.active]: isSelected()
+            }) }, { children: renderContent() })));
+    }
+    return (_jsx(_Fragment, { children: !hasSubMenu ?
+            _jsx(NavLink, Object.assign({ isActive: text === 'Overview' ? () => pathname.split('/').length < 3 && pathname.includes('analytics') : undefined, to: getHrefWithDates(href || '', queryParams.fromDate, queryParams.toDate), target: target, onClick: onLinkClick, onMouseOver: onMouseEnter, onMouseLeave: onMouseLeave, className: classNames(styleClasses.navMenuItem, classes === null || classes === void 0 ? void 0 : classes.root, {
+                    [styleClasses.disabled]: isDisabled,
+                    [styleClasses.active]: isSelected()
+                }), activeClassName: styleClasses.active }, { children: renderContent() }))
+            :
+                _jsx("div", Object.assign({ style: { cursor: 'pointer' }, onClick: handleSubMenuClicked, className: classNames(styleClasses.navMenuItem, classes === null || classes === void 0 ? void 0 : classes.root, {
+                        [styleClasses.disabled]: isDisabled,
+                        [styleClasses.active]: isSelected()
+                    }) }, { children: renderContent() })) }));
+}
+;
+function getHrefWithDates(href, fromDate, toDate) {
+    const isAnalyticsPage = href.startsWith('/analytics');
+    if (fromDate === undefined || fromDate === null || toDate === undefined || toDate === null || !isAnalyticsPage) {
+        return href;
+    }
+    return `${href}?fromDate=${fromDate}&toDate=${toDate}`;
+}
+//# sourceMappingURL=NavMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuItem.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/NavMenuItem/NavMenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,mCAAmC,CAAC;AACjE,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,IAAI,MAAM,eAAe,CAAC;AA6BjC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAY;IAC5C,MAAM,EACF,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,aAAa,GAAG,KAAK,EACrB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,MAAM,GAAG,OAAO,EAChB,cAAc,EACd,KAAK,GAAG,KAAK,EACb,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,cAAc,CAAC;QACjD,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,WAAW;KACtB,CAAC,CAAC;IAEH,SAAS,oBAAoB,CAAC,CAAmB;QAC7C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;IACzB,CAAC;IAED,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;QAExC,IAAI,UAAU;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,EAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAC,GAAG,eAAe,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,YAAY,CAAC;SACvB;QAED,MAAM,OAAO,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAE7C,OAAO,YAAY,IAAI,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,CAAC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC;IACjG,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACxB,8BACI,4BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC,gBAC7D,IAAI,IACH,EACN,4BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,gBACvD,IAAI,IACH,EACL,UAAU;gBACX,KAAC,UAAU,IACP,IAAI,EAAE,KAAC,gBAAgB,KAAE,EACzB,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAE,YAAY,CAAC,WAAW,GACrC,EACD,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,4BAAK,SAAS,EAAE,YAAY,CAAC,eAAe,gBAAE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,UAAU,GAAG,IACjI,CAAC,CAAC,CAAC,IAAI,IACd,CACN,CAAC;IAEF,IAAI,aAAa,KAAK,KAAK,EAAE;QACzB,OAAO,CACH,0BACI,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CACjB,YAAY,CAAC,WAAW,EACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;gBACX,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU;gBACnC,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE;aACtC,CACJ,gBAEA,aAAa,EAAE,IAChB,CACP,CAAC;KACL;IAED,OAAO,CACH,4BACK,CAAC,UAAU,CAAC,CAAC;YACV,KAAC,OAAO,kBACJ,QAAQ,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,EAClH,EAAE,EAAE,gBAAgB,CAAC,IAAI,IAAI,EAAE,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAC1E,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,UAAU,CACjB,YAAY,CAAC,WAAW,EACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;oBACX,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU;oBACnC,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE;iBACtC,CACJ,EACD,eAAe,EAAE,YAAY,CAAC,MAAM,gBAEnC,aAAa,EAAE,IACV;YACV,CAAC;gBACD,4BACI,KAAK,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,EAC1B,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAE,UAAU,CACjB,YAAY,CAAC,WAAW,EACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;wBACX,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU;wBACnC,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE;qBACtC,CACJ,gBAAG,aAAa,EAAE,IACjB,GAEX,CACN,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,SAAS,gBAAgB,CAAC,IAAY,EAAE,QAAmC,EAAE,MAAiC;IAC1G,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEtD,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,CAAC,eAAe,EAAE;QAC5G,OAAO,IAAI,CAAC;KACf;IAED,OAAO,GAAG,IAAI,aAAa,QAAQ,WAAW,MAAM,EAAE,CAAC;AAC3D,CAAC","sourcesContent":["import React, {ReactNode} from 'react';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {StringParam, useQueryParams} from 'use-query-params';\r\nimport classNames from 'classnames';\r\nimport ForwardArrowIcon from 'components/Icons/ForwardArrowIcon';\r\nimport IconButton from 'components/IconButton';\r\nimport styleClasses from './styles.module.css';\r\nimport useSelectedPath from \"../../hooks/useSelectedPath\";\r\nimport Icon from \"../Icons/Icon\";\r\n\r\nexport type DashboardType = 'new' | 'old';\r\n\r\nexport interface Classes {\r\n    root?: string\r\n    text?: string\r\n    editorIcon?: string\r\n}\r\n\r\nexport interface Props {\r\n    text: string\r\n    href?: string\r\n    icon?: ReactNode\r\n    dashboardType?: DashboardType\r\n    isDisabled?: boolean\r\n    isLocked?: boolean\r\n    hasSubMenu?: boolean\r\n    onMouseEnter?: VoidFunction\r\n    onMouseLeave?: VoidFunction\r\n    onSubMenuClicked?: VoidFunction\r\n    classes?: Classes\r\n    onClick?: VoidFunction\r\n    target?: '_blank' | '_self'\r\n    zendeskMessage?: string\r\n    isSub?: boolean\r\n    isSiteLoading?: boolean\r\n}\r\n\r\nexport default function NavMenuItem(props: Props) {\r\n    const {\r\n        text,\r\n        href,\r\n        icon,\r\n        dashboardType = 'new',\r\n        isDisabled = false,\r\n        isLocked = true,\r\n        hasSubMenu = false,\r\n        onMouseEnter,\r\n        onMouseLeave,\r\n        onSubMenuClicked,\r\n        onClick,\r\n        classes,\r\n        target = '_self',\r\n        zendeskMessage,\r\n        isSub = false,\r\n        isSiteLoading,\r\n    } = props;\r\n\r\n    const [queryParams, setQueryParams] = useQueryParams({\r\n        fromDate: StringParam,\r\n        toDate: StringParam\r\n    });\r\n\r\n    function handleSubMenuClicked(e: React.MouseEvent): void {\r\n        e.preventDefault();\r\n        onSubMenuClicked?.();\r\n    }\r\n\r\n    const onLinkClick = (e: React.MouseEvent) => {\r\n\r\n        if (isDisabled) e.preventDefault();\r\n\r\n        onClick?.();\r\n    };\r\n\r\n    const {selected: selectedPath, pathname} = useSelectedPath(href || '');\r\n    const isSelected = () => {\r\n        if (!isSub) {\r\n            return selectedPath;\r\n        }\r\n\r\n        const subPath = href?.split(\"/\").slice(2, 3);\r\n        const path = pathname.split(\"/\").slice(2, 3);\r\n\r\n        return selectedPath && ((subPath === path) || (subPath?.length === 0 && path?.length === 0));\r\n    }\r\n\r\n    const renderContent = () => (\r\n        <>\r\n            <div className={classNames(styleClasses.icon, classes?.editorIcon)}>\r\n                {icon}\r\n            </div>\r\n            <div className={classNames(styleClasses.text, classes?.text)}>\r\n                {text}\r\n            </div>\r\n            {hasSubMenu &&\r\n            <IconButton\r\n                icon={<ForwardArrowIcon/>}\r\n                onClick={handleSubMenuClicked}\r\n                className={styleClasses.subMenuIcon}\r\n            />}\r\n            {!isSiteLoading && isLocked ? <div className={styleClasses.lockedContainer}><Icon name={'locked'} className={styleClasses.lockedIcon}/>\r\n            </div> : null}\r\n        </>\r\n    );\r\n\r\n    if (dashboardType === 'old') {\r\n        return (\r\n            <a\r\n                href={href}\r\n                onMouseOver={onMouseEnter}\r\n                onMouseLeave={onMouseLeave}\r\n                onClick={onLinkClick}\r\n                target={target}\r\n                className={classNames(\r\n                    styleClasses.navMenuItem,\r\n                    classes?.root, {\r\n                        [styleClasses.disabled]: isDisabled,\r\n                        [styleClasses.active]: isSelected()\r\n                    }\r\n                )}\r\n            >\r\n                {renderContent()}\r\n            </a>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {!hasSubMenu ?\r\n                <NavLink\r\n                    isActive={text === 'Overview' ? () => pathname.split('/').length < 3 && pathname.includes('analytics') : undefined}\r\n                    to={getHrefWithDates(href || '', queryParams.fromDate, queryParams.toDate)}\r\n                    target={target}\r\n                    onClick={onLinkClick}\r\n                    onMouseOver={onMouseEnter}\r\n                    onMouseLeave={onMouseLeave}\r\n                    className={classNames(\r\n                        styleClasses.navMenuItem,\r\n                        classes?.root, {\r\n                            [styleClasses.disabled]: isDisabled,\r\n                            [styleClasses.active]: isSelected()\r\n                        }\r\n                    )}\r\n                    activeClassName={styleClasses.active}\r\n                >\r\n                    {renderContent()}\r\n                </NavLink>\r\n                :\r\n                <div\r\n                    style={{cursor: 'pointer'}}\r\n                    onClick={handleSubMenuClicked}\r\n                    className={classNames(\r\n                        styleClasses.navMenuItem,\r\n                        classes?.root, {\r\n                            [styleClasses.disabled]: isDisabled,\r\n                            [styleClasses.active]: isSelected()\r\n                        }\r\n                    )}>{renderContent()}\r\n                </div>\r\n            }\r\n        </>\r\n    );\r\n};\r\n\r\nfunction getHrefWithDates(href: string, fromDate: string | null | undefined, toDate: string | null | undefined): string {\r\n    const isAnalyticsPage = href.startsWith('/analytics');\r\n\r\n    if (fromDate === undefined || fromDate === null || toDate === undefined || toDate === null || !isAnalyticsPage) {\r\n        return href;\r\n    }\r\n\r\n    return `${href}?fromDate=${fromDate}&toDate=${toDate}`;\r\n}"]}