\n {props.children}\n
\n \n
\n
\n );\n};\nexport default PlaceholderError;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport PlaceholderError from '../placeholders/PlaceholderError';\n\n\nfunction withErrorBoundary(WrappedComponent) {\n return class extends React.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error) {\n // Update state so the next render will show the fallback UI.\n return { hasError: true };\n }\n\n componentDidCatch(error, errorInfo) {\n // You can also log the error to an error reporting service\n // TODO: Mount Sentry in this place\n console.log({ error, errorInfo });\n }\n\n render() {\n if (this.state.hasError) return \n
Sorry, something went wrong.
\n\n
\n {\n loader\n && (\n \n })
\n
\n \n \n
\n \n \n
\n \n
\n )\n }\n {showMessage && NotificationManager.error(alertMessage)}\n \n
\n \n );\n};\n\n\nexport default SignInEmbedded;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useRef } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\nimport IntlMessages from 'util/IntlMessages';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { forgotPassword } from 'actions/Auth';\n\nconst ForgotPassword = () => {\n const dispatch = useDispatch();\n const { loader, alertMessage, showMessage } = useSelector(({ auth }) => auth);\n\n const emailInputRef = useRef(null);\n\n const submitForgotPassword = () => {\n dispatch(forgotPassword({\n email: emailInputRef.current.value,\n }));\n };\n\n return (\n \n
\n {\n loader\n && (\n \n \n
\n \n \n
\n \n \n
\n \n
\n )\n }\n {showMessage && NotificationManager.error(alertMessage)}\n \n
\n {\n loader\n && (\n \n \n
\n \n \n
\n \n \n
\n \n
\n )\n }\n {showMessage && NotificationManager.error(alertMessage)}\n \n\n \n {console.log('navigationStyle', horizontalNavPosition)}\n {\n dispatch(setHorizontalMenuPosition(INSIDE_THE_HEADER));\n }}\n >\n Inside\n \n {\n dispatch(setHorizontalMenuPosition(ABOVE_THE_HEADER));\n }}\n >\n Top\n \n {\n dispatch(setHorizontalMenuPosition(BELOW_THE_HEADER));\n }}\n >\n Below\n \n \n )\n : (\n \n \n Fixed\n \n \n Collapsed\n \n \n Mini\n \n \n )}\n\n
\n );\n};\n\n\nexport default (Customizer);\n","import React, { useEffect, useState } from 'react';\nimport Drawer from '@material-ui/core/Drawer';\nimport URLSearchParams from 'url-search-params';\nimport Switch from '@material-ui/core/Switch';\nimport IconButton from '@material-ui/core/IconButton';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport { changeDirection, setDarkTheme, setThemeColor } from 'actions/App';\nimport {\n AMBER,\n BLUE,\n CYAN,\n DARK_AMBER,\n DARK_BLUE,\n DARK_CYAN,\n DARK_DEEP_ORANGE,\n DARK_DEEP_PURPLE,\n DARK_GREEN,\n DARK_INDIGO,\n DARK_PINK,\n DEEP_ORANGE,\n DEEP_PURPLE,\n GREEN,\n INDIGO,\n PINK,\n} from 'constants/ThemeColors';\nimport SideNavOption from './SideNavOption';\n\n\nconst ColorOption = (props) => {\n const dispatch = useDispatch();\n const [drawerStatus, setDrawerStatus] = useState(false);\n const { themeColor, darkTheme, isDirectionRTL } = useSelector(({ app }) => app);\n\n useEffect(() => {\n const params = new URLSearchParams(props.location.search);\n if (params.has('theme-name')) {\n document.body.classList.add(params.get('theme-name'));\n } else {\n document.body.classList.add(themeColor);\n }\n }, [props.location.search, themeColor]);\n\n // const toggleCustomizer = () => {\n // setDrawerStatus(!drawerStatus);\n // };\n\n const closeCustomizer = () => {\n setDrawerStatus(false);\n };\n const handleThemeColor = (colorCode) => {\n dispatch(setThemeColor(colorCode));\n const body = document.body.classList;\n body.remove(themeColor);\n body.remove('dark-theme');\n body.add(colorCode);\n };\n\n const handleDarkTheme = () => {\n dispatch(setDarkTheme());\n const body = document.body.classList;\n body.toggle(themeColor);\n body.toggle('dark-theme');\n };\n\n return (\n\n \n
\n {navigationStyle === HORIZONTAL_NAVIGATION ? (\n Navigation Style
\n\n \n {\n dispatch(changeNavigationStyle(event.target.value));\n }}\n >\n \n
\n \n {/* */}\n {/* */}\n {/* */}\n \n
\n );\n};\n\n\nexport default withRouter(ColorOption);\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ffffff\",\n d: \"M 0.01236874,0 H 82.061499 c 6.81259,0 12.68743,5.5104154 12.95087,12.31791 V 64 H 13.950449 C 7.1378487,64 -0.34574126,57.115991 0.01236874,50.31282 V 12.31791 Z\",\n id: \"path2\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n fillRule: \"evenodd\",\n id: \"g18\",\n transform: \"translate(-15.987631)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#f78108\",\n d: \"m 57.43405,17.6241 c 2.1099,0 2.2154,-0.211 3.7978,-0.5275 v -1.0549 c 0,-2.11 -0.9495,-3.9035 -2.3209,-4.7475 -1.7934,-1.1605 -3.4813,-0.844 -6.2242,-0.844 0.1055,0 1.7934,0.5275 2.2154,0.7385 0.633,0.3165 1.1604,0.844 1.5824,1.3715 1.3715,1.899 0.5275,4.4309 0.9495,5.0639 z\",\n id: \"path4\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#374137\",\n d: \"m 48.88895,15.9362 v 0.7384 c 0,0.7385 0.9494,1.477 1.6879,1.477 1.0549,0 1.8989,-0.844 1.8989,-1.8989 0,-0.9495 -0.844,-1.7935 -1.7934,-1.7935 h -0.211 c -0.633,0 -1.5824,0.7385 -1.5824,1.477 z\",\n id: \"path6\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff255\",\n d: \"m 48.88895,15.9362 c 0,-0.7385 0.9494,-1.477 1.5824,-1.477 h 0.211 c 0.9494,0 1.7934,0.844 1.7934,1.7935 0,1.0549 -0.844,1.8989 -1.8989,1.8989 -0.7385,0 -1.6879,-0.7385 -1.6879,-1.477 z m -5.6968,2.2154 v 0.211 c 0,2.321 2.2154,4.009 4.6418,4.009 3.1649,0 6.9627,-2.743 6.9627,-5.5915 v -1.1604 c 0,-1.899 -2.2154,-3.587 -4.2198,-3.587 h -0.633 c -3.2703,0 -6.7517,2.954 -6.7517,6.1189 z\",\n id: \"path8\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#69a706\",\n d: \"m 93.61895,30.3895 v -1.055 c 0,-0.9495 1.3714,-2.4265 2.3209,-2.4265 h 1.2659 c 1.055,0 2.3209,1.477 2.3209,2.6375 v 1.0549 c 0,1.5825 -1.4769,2.743 -3.1648,2.743 -1.477,0 -2.7429,-1.477 -2.7429,-2.9539 z m -2.8484,-0.3165 c 0,3.2704 2.2154,5.8024 5.4858,5.8024 h 0.2109 c 1.1605,0 2.2154,-0.844 2.9539,-1.3715 v 1.055 h 2.8484 V 24.587 h -2.8484 v 1.1605 c -0.8439,-0.5275 -1.5824,-1.477 -3.0593,-1.477 h -0.422 c -3.0594,0 -5.1693,2.6375 -5.1693,5.8025 z\",\n id: \"path10\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff255\",\n d: \"m 34.22505,39.7788 c 0.844,-0.5275 5.2748,0.633 7.9122,-1.1605 1.8989,-1.1604 3.1648,-2.9539 3.1648,-6.0134 V 26.275 h -11.077 c -3.6923,0 -5.3803,-0.3165 -7.7012,1.266 -1.7934,1.266 -2.8483,3.1649 -2.8483,6.1189 v 6.0134 h 1.7934 z\",\n id: \"path12\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#69a706\",\n d: \"m 65.34615,35.5589 h 2.9539 v -6.4354 l 4.5363,6.4354 h 3.3758 l -5.6967,-8.2289 5.1693,-6.6464 h -3.3759 l -4.0088,4.9584 v -4.9584 h -2.9539 z m 14.9804,-6.8574 c 0.211,-0.9495 1.2659,-2.0045 2.4264,-2.0045 h 1.0549 c 1.1605,0 2.2154,1.055 2.4264,2.0045 z m -2.8484,1.055 v 0.9494 c 0,2.954 2.7429,5.1695 5.8022,5.1695 1.8989,0 4.8528,-1.1605 4.9583,-2.4265 l -2.2154,-1.055 c -0.7385,0.422 -1.2659,1.055 -2.5319,1.055 h -0.3165 c -1.4769,0 -2.9538,-1.055 -2.9538,-2.532 h 8.8616 V 30.073 c 0,-3.376 -2.5319,-5.8025 -5.9078,-5.8025 h -0.1055 c -3.0593,0 -5.5912,2.4265 -5.5912,5.486 z m -34.286,-11.6049 c 0,-3.1649 3.4814,-6.1189 6.7517,-6.1189 h 0.633 c 2.0044,0 4.2198,1.688 4.2198,3.587 v 1.1604 c 0,2.8485 -3.7978,5.5915 -6.9627,5.5915 -2.4264,0 -4.6418,-1.688 -4.6418,-4.009 z m -8.9671,8.1234 h 11.077 v 6.3299 c 0,3.0595 -1.2659,4.853 -3.1648,6.0134 -2.6374,1.7935 -7.0682,0.633 -7.9122,1.1605 v 13.8203 h 3.4814 c 2.4263,0 4.5362,-2.1099 4.5362,-4.6419 v -5.3804 h 2.7429 c 6.3297,0 9.8111,-2.954 11.71,-7.4904 1.266,-3.165 0.7385,-13.7148 0.7385,-18.4623 -0.422,-0.633 0.422,-3.1649 -0.9495,-5.0639 -0.422,-0.5275 -0.9494,-1.055 -1.5824,-1.3715 -0.422,-0.211 -2.1099,-0.7385 -2.2154,-0.7385 -7.3847,0 -9.9166,-0.633 -14.4529,2.6375 -1.2659,1.055 -2.9538,3.3759 -3.3758,5.1694 -0.844,2.6375 -0.633,4.642 -0.633,8.0179 z\",\n id: \"path14\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#374137\",\n d: \"m 65.97915,53.2826 h 6.2242 v -1.266 h -4.8528 V 40.4118 h -1.3714 z m 8.9671,-4.9584 c 0,-1.7935 1.6879,-3.587 3.4813,-3.587 h 0.422 c 2.0044,0 3.5869,1.899 3.5869,4.009 v 0.3165 c 0,1.688 -1.8989,3.3759 -3.7979,3.3759 -1.7934,0 -3.6923,-1.6879 -3.6923,-3.3759 z m -1.2659,-0.1055 v 0.844 c 0,2.0045 2.2154,4.4309 4.1143,4.4309 h 1.4769 c 1.1605,0 2.5319,-1.1605 3.0594,-1.7935 v 1.5825 h 1.2659 v -9.4948 h -1.2659 v 1.6879 c -1.1605,-0.844 -1.266,-1.8989 -3.7979,-1.8989 h -0.5274 c -2.1099,0 -4.3253,2.4264 -4.3253,4.6419 z m 13.8198,0.3165 c 0,-1.899 1.5825,-3.798 3.2704,-3.798 h 1.055 c 1.4769,0 3.1648,1.7935 3.1648,3.4815 v 0.633 c 0,2.0045 -1.6879,3.4814 -3.7978,3.4814 h -0.3165 c -1.6879,0 -3.3759,-1.8989 -3.3759,-3.6924 z m -1.1604,4.7474 h 1.2659 v -1.6879 c 0.7385,0.5274 1.477,1.8989 3.0594,1.8989 h 1.4769 c 1.899,0 4.1144,-2.4264 4.1144,-4.4309 v -1.3715 c 0,-1.688 -2.4264,-4.1144 -4.1144,-4.1144 h -1.1604 c -1.7934,0 -2.4264,1.1604 -3.3759,1.7934 v -5.2749 h -1.2659 z m 11.71,-7.2794 c 0,3.0595 4.1143,2.8485 4.1143,4.7475 v 0.1055 c 0,0.633 -0.844,1.4769 -1.4769,1.4769 h -0.422 c -1.1605,0 -1.266,-0.7384 -1.8989,-0.8439 l -0.7385,0.6329 c 0.3165,0.5275 1.2659,1.3715 2.1099,1.3715 h 1.1605 c 1.1604,0 2.4263,-1.3715 2.4263,-2.5319 v -0.422 c 0,-2.4265 -4.1143,-2.743 -4.1143,-4.431 v -0.211 c 0,-0.7385 0.7385,-1.1605 1.477,-1.1605 h 0.211 c 0.6329,0 1.2659,0.633 1.6879,0.9495 0.1055,-0.211 0.6329,-0.633 0.6329,-0.7385 0,-0.5274 -1.5824,-1.3714 -2.3208,-1.3714 h -0.3165 c -1.3715,0 -2.5319,1.0549 -2.5319,2.4264 z\",\n id: \"path16\"\n}));\n\nvar SvgKealogoTextBg = function SvgKealogoTextBg(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 95.012367 64\",\n id: \"svg20\",\n width: 95.012367,\n height: 64,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgKealogoTextBg, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/kealogo-text-bg.f4618431.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { NavLink } from 'react-router-dom';\nimport { ReactComponent as Logo } from 'assets/images/kealogo-text-bg.svg';\nimport { genRandomKey, getInitUrlByShop, getShopIdFromLocation } from '../../util/appUtils';\n\nconst UserInfo = () => {\n const { auth: { authorization } } = useSelector((state) => state);\n\n const [anchorE1, setAnchorE1] = useState(null);\n const [open, setOpen] = useState(false);\n\n const handleClick = (event) => {\n setOpen(true);\n setAnchorE1(event.currentTarget);\n };\n\n const handleRequestClose = () => {\n setOpen(false);\n };\n\n return (\n \n
\n \n \n \n \n \n
\n Service Panel
\n\n\n
\n Light Sidenav
\n- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
Dark Sidenav
\n- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n
\n \n dispatch(changeDirection())}\n />\n
\n RTL
\n\n
\n Dark Theme
\n\n
\n \n \n {\n authorization.shopList.map((shop) => (\n \n \n \n ))\n }\n \n
\n );\n};\n\nexport default UserInfo;\n","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars';\n\nconst CustomScrollbars = (props) => (\n \n
\n \n { getShopIdFromLocation() || 'Select the shop'}\n \n
\n- \n
- \n {\n children.map((item, index) => {\n switch (item.type) {\n case 'section':\n return
\n {MenuCollapse}\n {MenuItemChildren}\n
\n );\n};\n\nexport default NavCollapse;\n","import React from 'react';\nimport { List } from '@material-ui/core';\n\nimport IntlMessages from '../../util/IntlMessages';\nimport NavMenuItem from './NavMenuItem';\nimport NavCollapse from './NavCollapse';\n\nconst NavSection = (props) => {\n const { name, icon, children = [] } = props;\n const isExpandable = children && children.length > 0;\n\n const MenuCollapse = (\n - \n {/* Display an icon if any */}\n {!!icon && (\n \n )}\n
- \n {\n children.map((item, index) => {\n switch (item.type) {\n case 'section':\n return
\n {MenuCollapse}\n {MenuItemChildren}\n
\n );\n};\n\nexport default NavSection;\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport NavMenuItem from './NavMenuItem';\nimport NavSection from './NavSection';\nimport NavCollapse from './NavCollapse';\n\nconst Navigation = (props) => {\n const { menuItems } = props;\n return (\n - \n {\n menuItems.map((item, index) => {\n switch (item.type) {\n case 'section':\n return
\n \n {\n appInIframe()\n ? null\n :
\n );\n};\n\n\nexport default withRouter(SideBar);\n","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { COLLAPSED_DRAWER, FIXED_DRAWER } from 'constants/ActionTypes';\nimport ColorOption from 'containers/Customizer/ColorOption';\nimport { isIOS, isMobile } from 'react-device-detect';\nimport { getStartMode } from 'util/appUtils';\nimport SideBar from '../../SideBar';\n\nconst Vertical = (props) => {\n const { drawerType } = useSelector(({ app }) => app);\n const drawerStyle = drawerType.includes(FIXED_DRAWER) ? 'fixed-drawer' : drawerType.includes(COLLAPSED_DRAWER) ? 'collapsible-drawer' : 'mini-drawer';\n\n // set default height and overflow for iOS mobile Safari 10+ support.\n if (isIOS && isMobile) {\n document.body.classList.add('ios-mobile-view-height');\n } else if (document.body.classList.contains('ios-mobile-view-height')) {\n document.body.classList.remove('ios-mobile-view-height');\n }\n\n return (\n \n
\n );\n};\n\nexport default withRouter(Vertical);\n","import React from 'react';\n\nconst SearchBox = ({\n styleName, placeholder, onChange, value,\n}) => (\n \n \n \n
\n \n
\n);\nexport default SearchBox;\n\nSearchBox.defaultProps = {\n styleName: '',\n value: '',\n};\n","import React from 'react';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport IntlMessages from 'util/IntlMessages';\n\nconst CardMenu = (props) => {\n const options = [\n \n
\n \n \n \n \n
\n );\n};\n\nexport default CardHeader;\nCardHeader.defaultProps = {\n styleName: '',\n subHeading: '',\n};\n","import React from 'react';\n\n\nconst LanguageItem = ({ language, switchLanguage, handleRequestClose }) => {\n const { icon, name } = language;\n return (\n \n
\n\n {heading}
\n {subHeading &&{subHeading}
}\n\n \n
\n \n );\n};\n\nexport default LanguageItem;\n","const languageData = [\n {\n languageId: 'english',\n locale: 'en',\n name: 'English',\n icon: 'us',\n },\n {\n languageId: 'chinese',\n locale: 'zh',\n name: 'Chinese',\n icon: 'cn',\n },\n {\n languageId: 'spanish',\n locale: 'es',\n name: 'Spanish',\n icon: 'es',\n },\n {\n languageId: 'french',\n locale: 'fr',\n name: 'French',\n icon: 'fr',\n },\n {\n languageId: 'italian',\n locale: 'it',\n name: 'Italian',\n icon: 'it',\n },\n {\n languageId: 'saudi-arabia',\n locale: 'ar',\n name: 'Arabic',\n icon: 'sa',\n },\n\n];\nexport default languageData;\n","import React from 'react';\n\nimport CustomScrollbars from 'util/CustomScrollbars';\nimport LanguageItem from './LanguageItem';\nimport languageData from './data';\n\nconst LanguageSwitcher = ({ switchLanguage, handleRequestClose }) => (\n {name}
\n- \n {languageData.map((language, index) => (\n
\n {\n dispatch(userSignOut());\n }}\n >\n \n
\n );\n};\n\nexport default UserInfoPopup;\n","import React, { Component } from 'react';\nimport { NavLink, withRouter } from 'react-router-dom';\n\nimport IntlMessages from 'util/IntlMessages';\n\n\nclass Menu extends Component {\n componentDidMount() {\n const { history } = this.props;\n\n const pathname = `#${history.location.pathname}`;// get current path\n const mainMenu = document.getElementsByClassName('nav-item');\n for (let i = 0; i < mainMenu.length; i++) {\n mainMenu[i].onclick = function () {\n for (let j = 0; j < mainMenu.length; j++) {\n if (mainMenu[j].classList.contains('active')) {\n mainMenu[j].classList.remove('active');\n }\n }\n this.classList.toggle('active');\n };\n }\n const subMenuLi = document.getElementsByClassName('nav-arrow');\n for (let i = 0; i < subMenuLi.length; i++) {\n subMenuLi[i].onclick = function () {\n for (let j = 0; j < subMenuLi.length; j++) {\n if (subMenuLi[j].classList.contains('active')) {\n subMenuLi[j].classList.remove('active');\n }\n }\n this.classList.toggle('active');\n };\n }\n const activeLi = document.querySelector(`a[href=\"${pathname}\"]`);// select current a element\n try {\n const activeNav = this.closest(activeLi, 'ul'); // select closest ul\n if (activeNav.classList.contains('sub-menu')) {\n this.closest(activeNav, 'li').classList.add('active');\n } else {\n this.closest(activeLi, 'li').classList.add('active');\n }\n const parentNav = this.closest(activeNav, '.nav-item');\n if (parentNav) {\n parentNav.classList.add('active');\n }\n } catch (e) {\n\n }\n }\n\n closest(el, selector) {\n try {\n let matchesFn;\n // find vendor prefix\n ['matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector'].some((fn) => {\n if (typeof document.body[fn] === 'function') {\n matchesFn = fn;\n return true;\n }\n return false;\n });\n\n let parent;\n\n // traverse parents\n while (el) {\n parent = el.parentElement;\n if (parent && parent[matchesFn](selector)) {\n return parent;\n }\n el = parent;\n }\n } catch (e) {\n\n }\n\n return null;\n }\n\n\n render() {\n return (\n \n
\n \n \n \n
\n Chris Harris
\n Administrator\n\n
\n );\n }\n}\n\nexport default withRouter(Menu);\n","import React from 'react';\nimport Avatar from '@material-ui/core/Avatar';\nimport Button from '@material-ui/core/Button';\n\n\nconst NotificationItem = ({ notification }) => {\n const {\n icon, image, title, time,\n } = notification;\n return (\n - \n\n
- \n
\n - \n\n
- \n \n \n \n
\n \n \n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n\n \n
\n - \n
- \n \n \n \n
\n \n \n - \n
- \n
\n \n\n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n \n
\n \n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n
\n - \n
\n\n - \n \n \n \n
- \n
\n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
- \n
- \n
\n \n\n \n - \n
- \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
- \n
\n \n\n \n - \n
\n \n \n - \n
- \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
- \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n
\n - \n\n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n \n
- \n\n
- \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n \n - \n
\n \n \n \n\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
\n\n - \n
\n\n - \n \n \n
- \n
\n\n - \n\n
- \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n \n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n
\n\n - \n
- \n
\n - \n\n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n - \n\n
- \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n - \n
\n \n\n \n - \n
\n \n \n \n - \n
\n \n \n \n
\n\n - \n
\n\n - \n \n \n
\n
\n {title}
\n \n {' '}\n {time}\n- \n {notifications.map((notification, index) =>
\n
\n \n
\n \n
\n {name}
\n {time}\n{message}
\n \n \n- \n {notifications.map((notification, index) => (\n
- \n
- \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n Add New\n \n \n
\n \n \n \n
\n\n \n } "\\"Jambo\\""){kind=logo}
\n \n\n\n - \n
- \n
\n {Apps()}\n \n \n \n - \n
\n \n \n \n\n\n \n \n \n - \n
\n \n \n \n\n\n \n \n\n\n \n - \n
\n \n \n \n\n\n \n \n\n \n - \n
\n \n \n \n\n\n\n \n \n\n \n\n - \n
\n \n \n\n\n \n \n\n \n
\n
\n );\n};\n\nexport default withRouter(Horizontal);\n","import React, { useState } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport AppBar from '@material-ui/core/AppBar';\nimport Avatar from '@material-ui/core/Avatar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Dropdown, DropdownMenu, DropdownToggle } from 'reactstrap';\nimport SearchBox from 'components/SearchBox';\nimport CardHeader from 'components/dashboard/Common/CardHeader/index';\nimport { switchLanguage, toggleCollapsedNav } from 'actions/App';\nimport IntlMessages from 'util/IntlMessages';\nimport LanguageSwitcher from 'components/LanguageSwitcher/index';\nimport UserInfoPopup from 'components/UserInfo/UserInfoPopup';\nimport AppNotification from '../../../../components/AppNotification';\nimport MailNotification from '../../../../components/MailNotification';\n\nconst Header = (props) => {\n const { locale } = useSelector(({ app }) => app);\n const dispatch = useDispatch();\n const [searchBox, setSearchBox] = useState(undefined);\n const [searchText, setSearchText] = useState('');\n const [mailNotification, setMailNotification] = useState(false);\n const [userInfo, setUserInfo] = useState(false);\n const [langSwitcher, setLangSwitcher] = useState(false);\n const [appNotification, setAppNotification] = useState(false);\n const [apps, setApps] = useState(false);\n\n const onAppNotificationSelect = () => {\n setAppNotification(!appNotification);\n };\n const onMailNotificationSelect = () => {\n setMailNotification(!mailNotification);\n };\n const onLangSwitcherSelect = (event) => {\n setLangSwitcher(!langSwitcher);\n };\n\n const onSearchBoxSelect = () => {\n setSearchBox(!setSearchBox);\n };\n const onAppsSelect = () => {\n setApps(!apps);\n };\n const onUserInfoSelect = () => {\n setUserInfo(!userInfo);\n };\n const handleRequestClose = () => {\n setLangSwitcher(false);\n setUserInfo(false);\n setMailNotification(false);\n setAppNotification(false);\n setAppNotification(false);\n setSearchBox(false);\n setApps(false);\n };\n const onToggleCollapsedNav = (e) => {\n const val = !props.navCollapsed;\n dispatch(toggleCollapsedNav(val));\n };\n\n const Apps = () => (\n \n \n \n
\n \n
\n\n \n {props.children}\n
\n - \n
- \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n Add New\n \n \n
\n \n \n \n
\n\n\n \n \n \n\n\n - \n
- \n
\n {Apps()}\n \n \n \n - \n
\n \n \n \n\n\n \n \n \n - \n
\n \n \n \n\n\n \n \n\n\n \n - \n
\n \n \n \n\n\n \n \n\n \n - \n
\n \n \n \n\n\n\n \n \n\n \n\n - \n
\n \n \n\n\n \n \n\n \n
\n
\n);\n\nexport default withRouter(TopNav);\n\nTopNav.defaultProps = {\n styleName: '',\n};\n","import React from 'react';\nimport ColorOption from 'containers/Customizer/ColorOption';\nimport { isIOS, isMobile } from 'react-device-detect';\nimport BelowNavHeader from './Header/BelowNavHeader';\nimport TopNav from './Header/TopNav';\n\nconst AboveHeaderNav = (props) => {\n if (isIOS && isMobile) {\n document.body.classList.add('ios-mobile-view-height');\n } else if (document.body.classList.contains('ios-mobile-view-height')) {\n document.body.classList.remove('ios-mobile-view-height');\n }\n\n return (\n \n \n
\n \n
\n );\n};\n\n\nexport default AboveHeaderNav;\n","import React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport AppBar from '@material-ui/core/AppBar';\nimport Avatar from '@material-ui/core/Avatar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Dropdown, DropdownMenu, DropdownToggle } from 'reactstrap';\nimport SearchBox from 'components/SearchBox';\nimport CardHeader from 'components/dashboard/Common/CardHeader/index';\nimport IntlMessages from 'util/IntlMessages';\nimport LanguageSwitcher from 'components/LanguageSwitcher/index';\nimport UserInfoPopup from 'components/UserInfo/UserInfoPopup';\nimport AppNotification from '../../../../components/AppNotification';\nimport MailNotification from '../../../../components/MailNotification';\nimport { switchLanguage, toggleCollapsedNav } from '../../../../actions/App';\n\nconst Header = (props) => {\n const dispatch = useDispatch();\n const [searchText, setSearchText] = useState('');\n const [searchBox, setSearchBox] = useState(false);\n const [mailNotification, setMailNotification] = useState('');\n const [userInfo, setUserInfo] = useState(false);\n const [langSwitcher, setLangSwitcher] = useState(false);\n const [appNotification, setAppNotification] = useState(false);\n const [apps, setApps] = useState(false);\n\n\n const locale = useSelector(({ app }) => app.locale);\n\n const onAppNotificationSelect = () => {\n setAppNotification(!appNotification);\n };\n\n const onMailNotificationSelect = () => {\n setMailNotification(!mailNotification);\n };\n\n const onLangSwitcherSelect = () => {\n setLangSwitcher(!langSwitcher);\n };\n\n const onSearchBoxSelect = () => {\n setSearchBox(!searchBox);\n };\n\n const onAppsSelect = () => {\n setApps(!apps);\n };\n\n const onUserInfoSelect = () => {\n setUserInfo(!userInfo);\n };\n\n const handleRequestClose = () => {\n setLangSwitcher(false);\n setUserInfo(false);\n setMailNotification(false);\n setAppNotification(false);\n setSearchBox(false);\n setApps(false);\n };\n\n const onToggleCollapsedNav = (e) => {\n const val = !props.navCollapsed;\n dispatch(toggleCollapsedNav(val));\n };\n\n const onSwitchLanguage = (lang) => {\n dispatch(switchLanguage(lang));\n };\n\n const Apps = () => (\n \n \n \n
\n \n
\n\n \n {props.children}\n
\n - \n
- \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n
\n \n \n\n - \n \n \n Add New\n \n \n
\n \n \n \n
\n\n\n \n \n \n\n\n - \n
- \n
\n {Apps()}\n \n \n \n - \n
\n \n \n \n\n\n \n \n \n - \n
\n \n \n \n\n\n \n \n\n\n \n - \n
\n \n \n \n\n\n \n \n\n \n - \n
\n \n \n \n\n\n\n \n \n\n \n\n - \n
\n \n \n\n\n \n \n\n \n
\n
\n );\n};\n\nexport default AboveHeaderNav;\n","import { Card } from 'reactstrap';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport Button from '@material-ui/core/Button';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Error404 from '../../../app/routes/404';\n\n\nconst CardWithTabs = ({\n tabs, tabId, actions, onTabClick,\n}) => {\n const activeTab = tabs[tabId];\n const tabIdList = Object.keys(tabs);\n\n return (\n \n \n \n
\n \n
\n\n \n {props.children}\n
\n \n
\n \n \n {\n tabIdList.map((id) => (\n \n {e.title}\n \n ))\n }\n\n
\n \n
\n \n {\n activeTab\n ? activeTab.component\n :
\n /
\n);\n\nconst Breadcrumbs = ({ url, show }) => {\n const urlAsArray = url.split('/').slice(5);\n if (urlAsArray.length < 2 || !show) {\n return null;\n }\n\n return (\n \n {\n urlAsArray.map((subPath, index) => {\n if (urlAsArray.length - 1 === index) {\n return (\n \n \n {getDisplayString(subPath)}\n \n \n );\n })\n }\n
\n );\n};\n\nconst ContainerHeader = ({ title, match, action, showBreadcrumbs = true }) => (\n \n {getDisplayString(subPath)}\n
\n );\n }\n return (\n \n
\n);\n\nexport default ContainerHeader;\n","import Button from '@material-ui/core/Button';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Spinner from '../../placeholders/Spinner';\n\nconst SaveActionBtnGrp = ({\n isFetching, buttons, disabled,\n}) => (\n \n
\n { action }\n {title}
\n\n {\n buttons && buttons.map((button) => (\n \n {button.text}\n \n ))\n }\n {\n isFetching && (\n
\n);\n\nSaveActionBtnGrp.defaultProps = {\n isFetching: false,\n};\n\nSaveActionBtnGrp.propTypes = {\n isFetching: PropTypes.bool,\n buttons: PropTypes.arrayOf(PropTypes.shape({\n text: PropTypes.any,\n action: PropTypes.func,\n value: PropTypes.any,\n color: PropTypes.any,\n })).isRequired,\n};\n\nexport default SaveActionBtnGrp;\n","import React from 'react';\nimport CircularProgress from 'components/kea/placeholders/CircularProgress';\n\n\nconst PlaceholderSpinner = ({ height }) => (\n \n
\n )\n }\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nSettingsToggleSwitcher.defaultProps = {\n description: null,\n};\n\nSettingsToggleSwitcher.propTypes = {\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n value: PropTypes.bool.isRequired,\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n};\n\nexport default SettingsToggleSwitcher;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport pt from 'prop-types';\n\nconst SettingsSelectInput = ({\n title, description, onChange, value, items,\n}) => {\n const changeHandler = (event) => onChange(event.target.value);\n\n return (\n {title}
\n {description && description}
\n \n \n \n \n\n \n \n {\n items.map((e) => (\n \n {e.text}\n \n ))\n }\n \n \n \n
\n );\n};\n\nSettingsSelectInput.defaultProps = {\n description: null,\n};\n\nSettingsSelectInput.propTypes = {\n title: pt.oneOfType([pt.string, pt.number]).isRequired,\n value: pt.oneOfType([pt.string, pt.number, pt.bool]).isRequired,\n description: pt.oneOfType([pt.string, pt.number]),\n onChange: pt.func.isRequired,\n items: pt.arrayOf(pt.shape({\n text: pt.string,\n value: pt.any.isRequired,\n })).isRequired,\n};\n\nexport default SettingsSelectInput;\n","import withStyles from '@material-ui/core/styles/withStyles';\nimport { Slider } from '@material-ui/core';\n\nconst boxShadow = '0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.13),0 0 0 1px rgba(0,0,0,0.02)';\n\nexport default withStyles({\n root: {\n height: 2,\n padding: '15px 0',\n },\n thumb: {\n height: 28,\n width: 28,\n backgroundColor: '#fff',\n boxShadow,\n marginTop: -14,\n marginLeft: -14,\n '&:focus, &:hover': {\n boxShadow,\n '@media (hover: none)': {\n boxShadow,\n },\n },\n },\n valueLabel: {\n left: 'calc(-50% + 12px)',\n top: -22,\n '& *': {\n background: 'transparent',\n color: '#000',\n },\n },\n track: {\n height: 5,\n },\n rail: {\n height: 4,\n opacity: 0.5,\n },\n mark: {\n height: 0,\n width: 0,\n },\n markLabel: {\n top: 7,\n },\n markLabelActive: {\n top: 7,\n },\n markActive: {\n height: 0,\n width: 0,\n },\n})(Slider);\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport PropTypes from 'prop-types';\nimport Slider from '../../Slider/Slider';\n\nconst SettingRangeSlider = ({\n min,\n max,\n value,\n step,\n title,\n description,\n onChange,\n}) => (\n {title}
\n {description && description}
\n \n \n \n \n\n \n \n \n \n onChange(newValue)}\n min={min}\n max={max}\n step={step}\n />\n \n \n \n
\n);\n\nSettingRangeSlider.defaultProps = {\n description: '',\n};\n\nSettingRangeSlider.propTypes = {\n min: PropTypes.number.isRequired,\n max: PropTypes.number.isRequired,\n value: PropTypes.number.isRequired,\n step: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default SettingRangeSlider;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\n\nconst SettingTextInput = ({\n title, description, onChange, value,\n}) => (\n {title}
\n {description && description}
\n \n {value}\n
\n \n \n \n \n\n \n onChange(event.target.value)}\n />\n \n \n
\n);\n\nexport default SettingTextInput;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport * as a from 'actions';\nimport SettingsToggleSwitcher from 'components/kea/settings/SettingsToggleSwitcher';\nimport SettingsSelectInput from 'components/kea/settings/SettingsSelectInput';\nimport SettingRangeSlider from 'components/kea/settings/SettingRangeSlider';\nimport SettingTextInput from 'components/kea/settings/SettingTextInput';\n\n\nconst Autocomplete = () => {\n const dispatch = useDispatch();\n const { settings } = useSelector((store) => store);\n const { search: { searchBox } } = settings;\n\n const sliderHandlerMinSymbols = (value) => dispatch(a.changeSearchBoxSetting('minSymbols', value));\n const changeHandlerSingleResult = (value) => dispatch(a.changeSearchBoxSetting('navigateToProductIfSingleResult', value));\n const changeHandlerSingleResultId = (value) => dispatch(a.changeSearchBoxSetting('navigateToProductIfSingleResultOnlyWhenIdMatches', value));\n const sliderHandlerMaxCategories = (value) => dispatch(a.changeSearchBoxSetting('maxCategories', value));\n const sliderHandlerMaxProducts = (value) => dispatch(a.changeSearchBoxSetting('maxProducts', value));\n const sliderHandlerMaxContent = (value) => dispatch(a.changeSearchBoxSetting('maxContent', value));\n const changeHandlerAlign = (value) => dispatch(a.changeSearchBoxSetting('align', value));\n const changeHandlerCategoryName = (value) => dispatch(a.changeSearchBoxSetting('categoryFacetName', value));\n\n return (\n {title}
\n {description && description}
\n \n
\n );\n};\n\nexport default Autocomplete;\n","import React from 'react';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport pt from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\nimport { Grid } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n checkboxLabel: {\n fontSize: 13,\n },\n});\n\nconst SettingsSelectRadio = ({\n onChange, value, items, groupTitle,\n}) => {\n const changeHandler = (event) => onChange(event.target.value);\n\n const classes = useStyles();\n\n return (\n Behavior
\n Number of items to show
\n \n Kea Labs can search over other types of data (i.e. articles, feedbacks...)\n Please contact our team if you need to search over\n something else than products and categories.\n
\n Other settings
\n \n {`\n Based on the style of the store,\n it's sometimes needed to change an alignment of search results. \n For example, if it's located on the right side of the page,\n you may wish to align search results on the right side as well.\n `}\n
\n\n */}\n {/* { JSON.stringify(searchBox, null, 4) } */}\n {/*
*/}\n \n \n \n \n \n \n \n \n\n { items.map((item) => (\n \n \n
\n );\n};\n\nSettingsSelectRadio.propTypes = {\n value: pt.oneOfType([pt.string, pt.number, pt.bool]).isRequired,\n onChange: pt.func.isRequired,\n groupTitle: pt.string.isRequired,\n items: pt.arrayOf(pt.shape({\n text: pt.string,\n value: pt.any.isRequired,\n })).isRequired,\n};\n\nexport default SettingsSelectRadio;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport SettingsToggleSwitcher from 'components/kea/settings/SettingsToggleSwitcher';\nimport SettingsSelectInput from 'components/kea/settings/SettingsSelectInput';\nimport SettingsSelectRadio from 'components/kea/settings/SettingsSelectRadio';\nimport * as a from 'actions';\n\nconst General = () => {\n const dispatch = useDispatch();\n const { settings } = useSelector((store) => store);\n const { search: { general }, searchVisible } = settings;\n\n const handleClickEnableService = (value) => dispatch(a.updateSearchVisible(value));\n const handleClickFuzzySearch = (value) => dispatch(a.changeSearchGeneralSetting('searchFuzzy', value));\n const handleClickSearchInDescription = (value) => dispatch(a.changeSearchGeneralSetting('searchInDescription', value));\n const handleClickFuzzyInDescription = (value) => dispatch(a.changeSearchGeneralSetting('searchFuzzyInDescription', value));\n const handleClickSearchOperator = (value) => dispatch(a.changeSearchGeneralSetting('searchOperator', value));\n const handleClickAvailableProducts = (value) => dispatch(a.changeSearchGeneralSetting('availability', value));\n\n return (\n {groupTitle}
\n \n
\n );\n};\n\nexport default General;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport SettingsToggleSwitcher from 'components/kea/settings/SettingsToggleSwitcher';\nimport * as a from 'actions';\nimport SettingRangeSlider from 'components/kea/settings/SettingRangeSlider';\n\nconst ResultPage = () => {\n const dispatch = useDispatch();\n const { settings } = useSelector((store) => store);\n const { search: { searchResultPage } } = settings;\n\n const changeHandlerShowSearchBox = (value) => dispatch(a.changeSearchResultSetting('showSearchBox', value));\n const changeHandlerItemPerPage = (value) => dispatch(a.changeSearchResultSetting('limitSelected', value));\n const changeHandlerButtonsCount = (value) => dispatch(a.changeSearchResultSetting('paginationButtonsCount', value));\n\n return (\n Kea Labs Search integration
\n Fuzzy search
\n Behaviour
\n */}\n {/* { JSON.stringify({ searchVisible, general }, null, 4) } */}\n {/*
*/}\n \n
\n );\n};\n\nexport default ResultPage;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport * as a from 'actions';\nimport SettingsToggleSwitcher from 'components/kea/settings/SettingsToggleSwitcher';\nimport SettingRangeSlider from 'components/kea/settings/SettingRangeSlider';\n\n\nconst Filters = () => {\n const dispatch = useDispatch();\n const { settings } = useSelector((store) => store);\n const { search: { facets } } = settings;\n\n const changeHandlerKeepOpened = (value) => dispatch(a.changeSearchFacetsSetting('collapseKeepOpened', value));\n const changeHandlerLimitFacets = (value) => dispatch(a.changeSearchFacetsSetting('limitFacets', value));\n const changeHandlerMaxColors = (value) => dispatch(a.changeSearchFacetsSetting('maxColors', value));\n const changeHandlerCollapseDef = (value) => dispatch(a.changeSearchFacetsSetting('collapseDefault', value));\n\n return (\n Behavior
\n Pagination
\n Note: you can configure number of products per row on the \"Theme and colors\" tab.
\n */}\n {/* { JSON.stringify(searchResultPage, null, 4) } */}\n {/*
*/}\n \n
\n );\n};\n\nexport default Filters;\n","import React, { useState } from 'react';\nimport { SketchPicker } from 'react-color';\nimport { Fade, Paper, Popper } from '@material-ui/core';\n\nconst ColorPicker = ({\n value,\n onChange,\n}) => {\n const [displayColorPicker, setDisplayColorPicker] = useState(false);\n const [anchorEl, setAnchorEl] = useState(null);\n\n const handleClick = (e) => {\n setAnchorEl(e.currentTarget);\n setDisplayColorPicker(!displayColorPicker);\n };\n const handleClose = () => setDisplayColorPicker(false);\n\n return (\n Filters
\n */}\n {/* { JSON.stringify(facets, null, 4) } */}\n {/*
*/}\n \n \n {({ TransitionProps }) => (\n \n \n onChange(e.hex)}\n />\n \n \n )}\n \n
\n );\n};\n\nexport default ColorPicker;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport ColorPicker from '../../ColorPicker';\n\nconst SettingColorPicker = ({\n title, description, value, onChange,\n}) => (\n \n
\n {\n displayColorPicker\n ? \n : null\n }\n \n \n \n \n\n \n \n \n
\n);\n\nexport default SettingColorPicker;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport * as a from 'actions';\nimport SettingColorPicker from 'components/kea/settings/SettingColorPicker';\n\n\nconst Theme = () => {\n const dispatch = useDispatch();\n const { settings } = useSelector((store) => store);\n const { search: { theme } } = settings;\n\n const changeHandlerTextHeader = (value) => dispatch(a.changeSearchThemeSetting('text_header', value));\n const changeHandlerTextMain = (value) => dispatch(a.changeSearchThemeSetting('text_main', value));\n const changeHandlerMainAccent = (value) => dispatch(a.changeSearchThemeSetting('main_accent', value));\n const changeHandlerSecondAccent = (value) => dispatch(a.changeSearchThemeSetting('second_accent', value));\n const changeHandlerBorder = (value) => dispatch(a.changeSearchThemeSetting('border_color', value));\n const changeHandlerBachground = (value) => dispatch(a.changeSearchThemeSetting('background_color', value));\n\n\n return (\n {title}
\n {description && description}
\n \n
\n );\n};\n\nexport default Theme;\n","/* eslint-disable no-use-before-define */\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Route, Switch } from 'react-router-dom';\nimport { Redirect } from 'react-router';\nimport * as a from 'actions';\nimport CardWithTabs from 'components/kea/CardWithTabs';\nimport ContainerHeader from 'components/ContainerHeader';\nimport SaveActionBtnGrp from 'components/kea/settings/SaveActionBtnGrp';\nimport IntlMessages from 'util/IntlMessages';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport { objectDifference } from 'util/appUtils';\nimport asyncComponent from 'util/asyncComponent';\nimport Autocomplete from './autocomplete';\nimport General from './general';\nimport ResultPage from './result-page';\nimport Filters from './filters';\nimport Theme from './theme';\n\nexport default ({ match }) => (\n Colors
\n */}\n {/* {JSON.stringify(theme, null, 4)} */}\n {/*
*/}\n \n
\n );\n};\n","import React from 'react';\nimport Popover from '@material-ui/core/Popover';\nimport Button from '@material-ui/core/Button';\nimport DayPicker, { DateUtils } from 'react-day-picker';\nimport 'react-day-picker/lib/style.css';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport timeframeList from './timeframeList';\n\nfunction isSelectingFirstDay(from, to, day) {\n const isBeforeFirstDay = from && DateUtils.isDayBefore(day, from);\n const isRangeSelected = from && to;\n return !from || isBeforeFirstDay || isRangeSelected;\n}\nconst dateForReset = {\n from: null,\n to: null,\n enteredTo: null,\n text: null,\n id: null,\n};\n\nclass DateRangePicker extends React.Component {\n state = {\n anchorEl: null,\n range: this.getInitialRange(),\n }\n\n getInitialRange() {\n const { timeframe } = this.props;\n if (timeframe) return { ...timeframe, enteredTo: timeframe.to };\n return timeframeList.thisMonth;\n }\n\n handleClose = () => this.setState({ anchorEl: null });\n\n handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n updateRange = (dataToUpdate) => {\n const { range } = this.state;\n const newRange = {\n ...range,\n ...dataToUpdate,\n enteredTo: dataToUpdate.to,\n };\n this.setState({ range: newRange });\n }\n\n handleClickTimeframe = (id) => {\n const range = timeframeList[id];\n this.props.onSubmitRange(range);\n this.handleClose();\n this.updateRange(range);\n }\n\n handleResetClick = () => this.updateRange(dateForReset);\n\n render() {\n const { isFetching, onSubmitRange } = this.props;\n const {\n anchorEl,\n range,\n range: {\n from, to, enteredTo, text,\n },\n } = this.state;\n\n const modifiers = {\n start: from,\n end: enteredTo,\n futureDay: (day) => DateUtils.isFutureDay(day),\n };\n\n const labelText = (from && to)\n ? (moment(from).isSame(to, 'day'))\n ? text || `${moment(from.toLocaleDateString()).format('MMM Do YYYY')}`\n : text || `Range: ${from.toLocaleDateString()} - ${to.toLocaleDateString()}`\n : 'Select date';\n\n\n const handleDayMouseEnter = (day) => {\n if (!isSelectingFirstDay(from, to, day) && !DateUtils.isFutureDay(day)) {\n this.setState({ range: { ...range, enteredTo: day } });\n }\n };\n\n const handleDayClick = (day) => {\n if (from && to && day >= from && day <= to) {\n this.handleResetClick();\n return;\n }\n if (DateUtils.isFutureDay(day)) return;\n\n if (isSelectingFirstDay(from, to, day)) {\n this.updateRange({\n from: day,\n to: null,\n enteredTo: null,\n });\n } else {\n this.handleClose();\n this.updateRange({ to: day, id: null, text: null });\n onSubmitRange({ from, to: day, enteredTo: day });\n }\n };\n\n const initialMonth = DateUtils.addMonths(from || new Date(), -1);\n\n return (\n \n \n {isFetching ? '...' : labelText}\n \n\n \n
\n );\n }\n}\nDateRangePicker.defaultProps = {\n // timeframe: timeframeList.thisMonth,\n isFetching: false,\n};\n\nDateRangePicker.propTypes = {\n timeframe: PropTypes.shape({\n from: PropTypes.any,\n to: PropTypes.any,\n }),\n onSubmitRange: PropTypes.func.isRequired,\n isFetching: PropTypes.bool,\n\n};\n\nexport default DateRangePicker;\n","// https://docs.appian.com/suite/help/20.4/ux_charts.html\n// const a1 = \"#015faa\"\n// const a2 = \"#1f87ab\"\n// const a3 = \"#45a98f\"\n// const a4 = \"#82c272\"\n// const temp ={\n// light: '#82c272',\n// normal: '#45a98f',\n// dark: '#1f87ab',\n// darker: '#015faa',\n// }\n// https://www.tutorialrepublic.com/html-reference/html-color-picker.php\n// https://maketintsandshades.com/#82c272,45a98f,1f87ab,015faa\nexport const chartColors = {\n main: {\n lighter: '#B4DAAA',\n light: '#9BCE8E',\n normal: '#82c272',\n dark: '#5B874F',\n darker: '#344D2D',\n },\n different: {\n lighter: '#78B7CC',\n light: '#4B9FBB',\n normal: '#1F88AB',\n dark: '#155F77',\n darker: '#0C3644',\n },\n accent: {\n lighter: '#78B7CC',\n light: '#4B9FBB',\n normal: '#45A98E',\n dark: '#307663',\n darker: '#1B4338',\n },\n howToNameIt: {\n lighter: '#669ECC',\n light: '#337EBB',\n normal: '#015EAA',\n dark: '#004177',\n darker: '#002544',\n },\n gray: {\n lighter: '#F9FAFB',\n light: '#F4F6F8',\n normal: '#DFE3E8',\n dark: '#C4CDD5',\n darker: '#C4CDD5',\n },\n};\n\nfunction buildchartGradients() {\n const result = {};\n result.chartColors = {\n color1: chartColors.main.light,\n color2: chartColors.main.dark,\n };\n result.gradient2 = {\n color1: chartColors.main.light,\n color2: chartColors.main.dark,\n };\n result.gradient3 = {\n color1: chartColors.different.normal,\n color2: chartColors.main.normal,\n };\n return result;\n}\n\nexport const chartGradients = buildchartGradients();\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardBox = ({\n children, header, subheader, subsubheader, actionComponent, styleName,\n}) => (\n \n\n
\n \n \n
\n \n {!from && !to && 'Please select the first day.'}\n {from && !to && 'Please select the last day.'}\n {from\n && to\n && `Selected from ${from.toLocaleDateString()} to\n ${to.toLocaleDateString()}`}\n
\n\n {\n Object.keys(timeframeList).map((id) => {\n const item = timeframeList[id];\n return (\n this.handleClickTimeframe(item.id)}\n >\n {item.text}\n \n );\n })\n }\n
\n \n
\n);\n\nCardBox.defaultProps = {\n actionComponent: null,\n subheader: null,\n subsubheader: null,\n styleName: null,\n\n};\n\nCardBox.propTypes = {\n children: PropTypes.any.isRequired,\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).isRequired,\n actionComponent: PropTypes.any,\n subheader: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),\n subsubheader: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),\n styleName: PropTypes.string,\n};\n\n\nexport default CardBox;\n","import React from 'react';\n\nconst DashboardStub = ({ imgName }) => (\n \n
\n \n
\n {actionComponent || null}\n {header}
\n {subheader &&{subheader}
}\n {subsubheader &&{subsubheader}
}\n{children}
\n \n
\n);\n\nexport default DashboardStub;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Doughnut } from 'react-chartjs-2';\nimport { chartColors } from 'util/chartUtils';\nimport CardBox from '../../../../components/kea/CardBox';\nimport DashboardStub from '../../../../components/kea/DashboardStub';\n\nconst SearchEfficiency = ({ search }) => {\n const options = {\n textYIndex: 2,\n legend: {\n display: false,\n position: 'bottom',\n },\n };\n\n if (!search || search.error) {\n return (\n \n
\n \n
\n {`There were ${search.total} - search sessions in total:`}
\n{`Number of full search sessions - ${search.totalSearch}`}
\n{`Number of searchbox sessions - ${search.totalSuggest}`}
\n\n
\n \n
\n {`${search.totalGoodRateWithBounds} of search sessions lead visitors to actions`}
\n\n {`After ${search.navigateProductSuggestRate} % of the searchbox queries, visitors immediately found the product, and after`}\n {`${search.navigateViewAllTotalRate} % of the queries they moved to refine search with the full search.`}\n
\n{`After ${search.navigateProductSearchRate}% of the full search sessions, visitors also navigated to product.`}
\n\n
\n {imageIcon}
\n \n
\n {title}
\n{subTitle}
\n\n
\n ));\n};\n\nexport default Summary;\n\nSummary.propTypes = {\n summary: PropTypes.shape({\n totalCarts: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n totalViews: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n totalSearchSessions: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n actionsPercentage: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n }).isRequired,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Line } from 'react-chartjs-2';\nimport _ from 'lodash';\nimport CardBox from '../../../../components/kea/CardBox';\nimport DashboardStub from '../../../../components/kea/DashboardStub';\nimport { shopifyColors } from '../../../../util/appUtils';\n\nconst SearchTrends = ({ demand }) => {\n const options = {\n legend: {\n display: true,\n position: 'bottom',\n },\n };\n\n if (!demand || demand.error) {\n return (\n \n
\n \n );\n};\n\nSearchTrends.propTypes = {\n demand: PropTypes.shape({\n curves: PropTypes.any,\n xAxis: PropTypes.any,\n\n\n error: PropTypes.any,\n }).isRequired,\n};\n\n\nexport default SearchTrends;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Doughnut } from 'react-chartjs-2';\nimport { chartColors } from 'util/chartUtils';\nimport CardBox from '../../../../components/kea/CardBox';\nimport DashboardStub from '../../../../components/kea/DashboardStub';\n\nconst Audience = ({ audience }) => {\n const options = {\n legend: {\n display: false,\n position: 'bottom',\n },\n textYIndex: 2,\n };\n\n\n if (!audience || audience.error) {\n return (\n \n
\n \n
\n\n \n
\n {`${audience.searchPercentage}% of interested visitors used search`}
\n\n
\n \n );\n};\n\nAudience.propTypes = {\n audience: PropTypes.shape({\n bad: PropTypes.any,\n noSearch: PropTypes.any,\n search: PropTypes.any,\n searchPercentage: PropTypes.any,\n total: PropTypes.any,\n interested: PropTypes.any,\n\n\n error: PropTypes.any,\n }).isRequired,\n};\n\n\nexport default Audience;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Doughnut } from 'react-chartjs-2';\nimport { chartColors } from 'util/chartUtils';\nimport CardBox from '../../../../components/kea/CardBox';\nimport DashboardStub from '../../../../components/kea/DashboardStub';\n\nconst Carts = ({ withProducts }) => {\n const options = {\n textYIndex: 2,\n legend: {\n display: false,\n position: 'bottom',\n },\n };\n\n if (!withProducts || withProducts.error) {\n return (\n \n
\n\n \n \n \n
\n
\n | \n Total number of unique visitors \n | \n \n {audience.total} \n | \n
| \n \n Got interested in the store\n *\n | \n \n {audience.interested} \n | \n
| \n Number of interested visitors who used search \n | \n \n {audience.search} \n | \n
\n
\n\n \n
\n have been viewed for the first time after the search.\n
\n {`${withProducts.cartsSearchPercentage}% of products in carts`}
\n\n have been viewed for the first time after the search.\n
\n
\n \n );\n};\n\nCarts.propTypes = {\n withProducts: PropTypes.shape({\n cartsNoSearch: PropTypes.any,\n cartsSearch: PropTypes.any,\n cartsSearchPercentage: PropTypes.any,\n cartsTotal: PropTypes.any,\n\n error: PropTypes.any,\n }).isRequired,\n};\n\n\nexport default Carts;\n","import { ButtonGroup } from 'reactstrap';\nimport Button from '@material-ui/core/Button';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from 'components/kea/placeholders/CircularProgress';\n\nconst ButtonGrp = ({\n isFetching, buttons, onClick, value,\n}) => (\n \n
\n\n \n \n \n
\n
\n | \n Total number of products in all carts \n | \n \n {withProducts.cartsTotal} \n | \n
| \n Number of products which have been discovered for the first time from the search \n | \n \n {withProducts.cartsSearch} \n | \n
\n
\n\n \n );\n}\n\nProfitability.propTypes = {\n chart: PropTypes.shape({\n weekly: PropTypes.shape({\n money: PropTypes.shape({\n curve: PropTypes.arrayOf(PropTypes.shape({\n noRec: PropTypes.any,\n rec: PropTypes.any,\n })),\n }),\n }),\n daily: PropTypes.shape({\n money: PropTypes.shape({\n curve: PropTypes.arrayOf(PropTypes.shape({\n noRec: PropTypes.any,\n rec: PropTypes.any,\n })),\n }),\n }),\n\n error: PropTypes.any,\n }).isRequired,\n};\n\nexport default Profitability;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ContainerHeader from 'components/ContainerHeader';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport DateRangePicker from 'components/kea/DateRangePicker';\nimport { changeTimeframe, getSearchDashboard } from 'actions';\nimport IntlMessages from 'util/IntlMessages';\nimport { matchDatesDashboardCase } from 'util/appUtils';\nimport SearchEfficiency from './SearchEfficiency';\nimport Summary from './Summary';\nimport SearchTrends from './SearchTrends';\nimport Audience from './Audience';\nimport Carts from './Carts';\nimport Profitability from './Profitability';\n\nconst Dashboard = ({ match }) => {\n const dispatch = useDispatch();\n const { app, analytics } = useSelector((store) => store);\n const { search, timeframe } = analytics;\n const { currentShop } = app;\n const { dashboard } = search;\n const { isFetching, projection, meta } = dashboard;\n\n useEffect(() => {\n const dataIsUnavailable = !isFetching && currentShop;\n const datesIsMatched = meta && matchDatesDashboardCase(meta, timeframe);\n if (dataIsUnavailable || !datesIsMatched) dispatch(getSearchDashboard(currentShop, timeframe));\n }, [timeframe, currentShop]);\n\n const onTimeframeSubmit = (newRange) => dispatch(changeTimeframe(newRange));\n\n const timeframePicker = (\n \n
\n \n
\n );\n};\n\nexport default Dashboard;\n","import React from 'react';\nimport Widget from 'components/Widget/index';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\n\nconst WidgetWithChart = ({ title, mainNumber, description, chart, isFetching }) => (\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n\n \n
\n \n
\n\n \n
\n \n
\n {title}
\n\n
\n \n )\n }\n\n \n
\n \n
\n {mainNumber}
\n{description}
\n\n {chart}\n
\n \n {`${data.label} - ${data[dataKey]}`}\n
\n );\n }\n return null;\n};\n\nCustomTooltip.defaultProps = {\n dataKey: 'total',\n active: false,\n payload: [],\n};\n\nCustomTooltip.propTypes = {\n dataKey: PropTypes.string,\n active: PropTypes.bool,\n payload: PropTypes.arrayOf(PropTypes.shape({\n payload: PropTypes.shape({\n label: PropTypes.string,\n total: PropTypes.number,\n }),\n })),\n};\n\nexport default CustomTooltip;\n","import { Area, AreaChart, ResponsiveContainer, Tooltip } from 'recharts';\nimport React from 'react';\nimport CustomTooltip from '../../common/CustomToolTIp';\nimport { chartColors } from 'util/chartUtils';\n\nconst PreparedChart = ({ data }) => (\n \n
\n {\n isFetching || error\n ? \n
{children}
\n }\n\n {\n showMoreUrl\n ? (\n \n \n \n \n
\n )\n : null\n }\n\n \n
\n \n
\n \n
\n {title}
\n\n
\n {mainNumber}
\n{description}
\n\n \n \n \n {\n pieData.map((e) => ( | ))\n }\n \n \n \n
\n \n\n \n \n \n {stableSort(rows, getComparator(order, orderBy))\n .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n .map((row) => {\n const isItemSelected = isSelected(row.name);\n return (\n \n {\n headCells.map((e) => (\n \n {row[e.id]}\n \n ))\n }\n \n );\n })}\n {emptyRows > 0 && (\n \n \n )}\n \n \n \n {\n hidePagination\n ? null\n : (\n
\n );\n}\n\n\nAnalyticTable.defaultProps = {\n hidePagination: false,\n orderById: 'total',\n};\nAnalyticTable.propTypes = {\n orderById: PropTypes.any,\n rows: PropTypes.arrayOf(PropTypes.object).isRequired,\n headCells: PropTypes.arrayOf(PropTypes.object).isRequired,\n hidePagination: PropTypes.bool,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport IntlMessages from 'util/IntlMessages';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport PlaceholderError from '../placeholders/PlaceholderError';\n\nconst CardContainer = ({\n error = null,\n children,\n isFetching = false,\n headerId,\n headerPostfix,\n subheaderId,\n actionComponent = null,\n styleName,\n height,\n}) => (\n \n
\n);\n\nconst StubComponent = ({ error, height, isFetching }) => {\n if (isFetching) return \n
\n {\n isFetching || error\n ? \n \n {headerId &&
\n {subheaderId &&
\n \n {headerId &&
\n {subheaderId && \n { actionComponent }\n
\n {children}
\n }\n \n \n import('app/routes/404'))} />\n \n
\n );\n};\nexport default Reports;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport Slider from '../Slider/Slider';\n\nconst SearchFieldSetting = ({\n id,\n value,\n title,\n description,\n onChangeWeight,\n onChangeAutocomplete,\n autocomplete,\n}) => {\n const priorities = ['IGNORE', 'NORMAL', 'MID', 'BOOSTED'];\n\n return (\n \n \n \n \n\n \n \n {value}\n \n \n onChangeWeight(id, priorities[index])}\n min={0}\n max={priorities.length - 1}\n step={1}\n valueLabelFormat={(index) => priorities[index]}\n />\n \n \n\n \n onChangeAutocomplete(id, event.target.checked)}\n />\n \n\n \n
\n );\n};\n\nexport default SearchFieldSetting;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Grid from '@material-ui/core/Grid';\nimport * as a from 'actions/Search';\nimport SearchFieldSetting from 'components/kea/SearchFieldSetting';\nimport ContainerHeader from 'components/ContainerHeader';\nimport IntlMessages from 'util/IntlMessages';\nimport SaveActionBtnGrp from 'components/kea/settings/SaveActionBtnGrp';\nimport { Card } from 'reactstrap';\nimport { objectDifference } from 'util/appUtils';\n\nconst SearchFields = (props) => {\n const dispatch = useDispatch();\n const store = useSelector((s) => s);\n const { search, app } = store;\n const { currentShop } = app;\n const { fields } = search;\n const { data, isFetching, forDiff } = fields;\n const { match } = props;\n\n const weightChangeHandler = (id, value) => dispatch(a.fieldsDataUpdate(id, 'weight', value));\n const autoCompleteChangeHandler = (id, value) => dispatch(a.fieldsDataUpdate(id, 'autocomplete', value));\n const save = () => dispatch(a.saveSearchFields(currentShop));\n const discard = () => dispatch(a.discardSearchFieldsSetting());\n\n const buttons = [\n { text: 'Save', action: save, color: 'primary' },\n { text: 'Discard', action: discard, color: 'secondary' },\n ];\n\n const settingsChanged = Object.keys(objectDifference(forDiff, fields.data)).length !== 0;\n const disableSaving = !(settingsChanged);\n\n return (\n {title}
\n {description && description}
\n \n \n \n
\n );\n};\n\nexport default SearchFields;\n","import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport asyncComponent from '../../../../util/asyncComponent';\nimport SearchFields from './fields';\n\nconst Search = ({ match }) => (\n \n
\n \n \n \n \n \n \n \n \n \n {\n Object.entries(data).map(([key, value]) => (\n
\n Field name
\nPriority
\nAutocomplete
\n\n
\n );\n};\n\nexport default Theme;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport SettingsToggleSwitcher from 'components/kea/settings/SettingsToggleSwitcher';\nimport SettingRangeSlider from 'components/kea/settings/SettingRangeSlider';\nimport * as a from '../../../../../actions';\n\nconst General = () => {\n const dispatch = useDispatch();\n const { settings } = useSelector((store) => store);\n const { recsVisible, recs: { theme } } = settings;\n\n const handleClickEnableService = (value) => dispatch(a.updateRecsVisible(value));\n\n const changeHandlerRowSm = (value) => dispatch(a.changeRecsThemeSetting('widget-products-inrow-sm', value));\n const changeHandlerRowMd = (value) => dispatch(a.changeRecsThemeSetting('widget-products-inrow-md', value));\n const changeHandlerRowLg = (value) => dispatch(a.changeRecsThemeSetting('widget-products-inrow-lg', value));\n const changeHandlerRowXl = (value) => dispatch(a.changeRecsThemeSetting('widget-products-inrow-xl', value));\n\n return (\n Widget colors
\n \n
\n );\n};\n\nexport default General;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Route, Switch } from 'react-router-dom';\nimport { Redirect } from 'react-router';\nimport asyncComponent from 'util/asyncComponent';\nimport * as a from 'actions';\nimport ContainerHeader from 'components/ContainerHeader';\nimport CardWithTabs from 'components/kea/CardWithTabs';\nimport IntlMessages from 'util/IntlMessages';\nimport SaveActionBtnGrp from 'components/kea/settings/SaveActionBtnGrp';\nimport { objectDifference } from 'util/appUtils';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport Theme from './theme';\nimport General from './general';\n\n\nexport default ({ match }) => (\n Kea Labs Recommendations integration
\n Number of Recommendations
\n Number of visible Recommendations on different screen sizes
\n\n \n
\n );\n};\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M368.5,0h-250C101.683,0,88,13.683,88,30.5v426c0,16.817,13.683,30.5,30.5,30.5h250c16.817,0,30.5-13.683,30.5-30.5v-426 C399,13.683,385.317,0,368.5,0z M118.5,21h250c5.238,0,9.5,4.262,9.5,9.5V376h-39.227V219.1c0-12.351-10.048-22.398-22.398-22.398 h-27.276V185.19c0-25.143-20.455-45.599-45.599-45.599c-25.144,0-45.599,20.455-45.599,45.599v11.512h-27.276 c-12.351,0-22.398,10.048-22.398,22.397V376H109V30.5C109,25.262,113.262,21,118.5,21z M208.401,244.473 c5.799,0,10.5-4.701,10.5-10.5v-16.271l49.197-0.001v16.271c0,5.799,4.701,10.5,10.5,10.5s10.5-4.701,10.5-10.5v-16.271h27.276 c0.771,0,1.398,0.627,1.398,1.398V376H169.227V219.1c0-0.77,0.627-1.397,1.398-1.397h27.276v16.271 C197.901,239.771,202.602,244.473,208.401,244.473z M268.099,196.701l-49.197,0.001V185.19c0-13.563,11.035-24.599,24.599-24.599 c13.563,0,24.599,11.035,24.599,24.599V196.701z M368.5,466h-250c-5.238,0-9.5-4.262-9.5-9.5V397h269v59.5 C378,461.738,373.738,466,368.5,466z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M256.999,414.041h-26.998c-5.799,0-10.5,4.701-10.5,10.5c0,5.799,4.701,10.5,10.5,10.5h26.998 c5.799,0,10.5-4.701,10.5-10.5C267.499,418.742,262.798,414.041,256.999,414.041z\"\n}));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar SvgKeaRecsViewed1 = function SvgKeaRecsViewed1(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 487 487\",\n style: {\n enableBackground: \"new 0 0 487 487\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgKeaRecsViewed1, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/kea-recs-viewed-1.590ca58a.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M311.982,9.044c-0.135-0.72-0.36-1.428-0.641-2.102c-0.281-0.675-0.63-1.327-1.034-1.945 c-0.405-0.607-0.877-1.192-1.394-1.709c-0.517-0.517-1.091-0.978-1.709-1.394c-0.607-0.405-1.259-0.753-1.945-1.034 c-0.675-0.281-1.383-0.495-2.102-0.641c-3.654-0.731-7.532,0.461-10.14,3.069c-0.517,0.517-0.989,1.102-1.394,1.709 c-0.405,0.618-0.753,1.27-1.034,1.945c-0.281,0.674-0.495,1.383-0.641,2.102c-0.146,0.731-0.225,1.461-0.225,2.203 c0,0.731,0.079,1.461,0.225,2.192c0.146,0.72,0.36,1.428,0.641,2.102c0.281,0.675,0.63,1.327,1.034,1.945 c0.405,0.607,0.877,1.192,1.394,1.709c0.517,0.517,1.091,0.989,1.709,1.394c0.607,0.405,1.259,0.753,1.945,1.034 c0.675,0.281,1.383,0.495,2.102,0.641c0.719,0.146,1.461,0.225,2.192,0.225c0.731,0,1.473-0.079,2.192-0.225 c0.72-0.146,1.428-0.36,2.102-0.641c0.686-0.281,1.338-0.63,1.945-1.034c0.618-0.405,1.192-0.877,1.709-1.394 c0.517-0.517,0.989-1.102,1.394-1.709c0.405-0.618,0.753-1.27,1.034-1.945c0.281-0.674,0.506-1.383,0.641-2.102 c0.146-0.731,0.225-1.461,0.225-2.192C312.207,10.506,312.129,9.775,311.982,9.044z\"\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M267.223,150.357l-0.01-6.752c0-9.166,7.457-16.624,16.624-16.624c0.119,0,0.238-0.001,0.359-0.006l46.464-1.482 c20.31-0.105,36.8-16.66,36.8-36.995c0-20.399-16.596-36.995-36.995-36.995H195.053c-8.001,0-14.51-6.509-14.51-14.51 s6.509-14.51,14.51-14.51h71.25c6.209,0,11.242-5.033,11.242-11.242S272.512,0,266.303,0h-71.25 c-20.399,0-36.995,16.596-36.995,36.995s16.596,36.995,36.995,36.995h135.412c8.001,0,14.51,6.509,14.51,14.51 s-6.509,14.51-14.51,14.51c-0.119,0-0.238,0.001-0.359,0.006l-46.463,1.482c-21.476,0.105-38.914,17.607-38.914,39.124l0.01,6.737 c-65.055,5.719-116.251,60.492-116.251,127.006v44.039v63.086c0,70.308,57.2,127.508,127.51,127.508s127.51-57.2,127.51-127.508 v-63.086v-44.039C383.506,210.841,332.294,156.06,267.223,150.357z M150.971,277.366c0-54.114,41.136-98.802,93.783-104.427 v137.225h-93.783V277.366z M361.022,384.492c0,57.911-47.115,105.024-105.025,105.024c-57.911,0-105.025-47.114-105.025-105.024 v-51.844h105.025h105.025V384.492z M361.022,310.163h-93.783V172.939c52.647,5.626,93.783,50.312,93.783,104.427V310.163z\"\n})));\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M296.225,349.599H182.832c-6.209,0-11.242,5.033-11.242,11.242s5.033,11.242,11.242,11.242h113.394 c6.209,0,11.242-5.033,11.242-11.242S302.434,349.599,296.225,349.599z\"\n})));\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M340.189,358.641c-0.146-0.708-0.371-1.417-0.652-2.102c-0.281-0.674-0.618-1.327-1.023-1.934 c-0.416-0.618-0.888-1.192-1.405-1.709c-0.517-0.517-1.09-0.989-1.709-1.405c-0.607-0.405-1.259-0.753-1.934-1.034 c-0.686-0.281-1.394-0.495-2.102-0.641c-1.45-0.292-2.945-0.292-4.396,0c-0.72,0.146-1.428,0.36-2.102,0.641 c-0.686,0.281-1.338,0.63-1.945,1.034c-0.618,0.416-1.192,0.888-1.709,1.405c-0.517,0.517-0.989,1.091-1.394,1.709 c-0.405,0.607-0.753,1.259-1.034,1.934c-0.281,0.686-0.495,1.394-0.641,2.102c-0.146,0.731-0.225,1.473-0.225,2.203 c0,0.731,0.079,1.473,0.225,2.192c0.146,0.719,0.36,1.428,0.641,2.102c0.281,0.674,0.63,1.338,1.034,1.945 c0.405,0.607,0.877,1.192,1.394,1.709c0.517,0.517,1.09,0.989,1.709,1.394c0.607,0.405,1.259,0.753,1.945,1.034 c0.675,0.281,1.383,0.495,2.102,0.641c0.719,0.146,1.461,0.225,2.192,0.225s1.473-0.079,2.203-0.225 c0.708-0.146,1.417-0.36,2.102-0.641c0.675-0.281,1.327-0.63,1.934-1.034c0.618-0.405,1.192-0.877,1.709-1.394 c0.517-0.517,0.989-1.102,1.405-1.709c0.405-0.607,0.742-1.27,1.023-1.945c0.281-0.675,0.506-1.383,0.652-2.102 c0.146-0.72,0.214-1.461,0.214-2.192S340.335,359.372,340.189,358.641z\"\n})));\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref18 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref19 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref20 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar SvgKeaRecsClicked1 = function SvgKeaRecsClicked1(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 511.998 511.998\",\n style: {\n enableBackground: \"new 0 0 511.998 511.998\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgKeaRecsClicked1, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/kea-recs-clicked-1.3c118c9f.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport IconWithTextCard from 'components/kea/IconWithTextCard';\nimport PropTypes from 'prop-types';\nimport { ReactComponent as UniqueVisitorsIcon } from 'assets/images/dashboard/kea-uniq-visitors-1.svg';\nimport { ReactComponent as ViewedProductsIcon } from 'assets/images/dashboard/kea-viewed-products-1.svg';\nimport { ReactComponent as ViewedIcon } from 'assets/images/dashboard/kea-recs-viewed-1.svg';\nimport { ReactComponent as ClickedIcon } from 'assets/images/dashboard/kea-recs-clicked-1.svg';\nimport { commaSeparate } from 'util/appUtils';\n\nconst Summary = ({ summary }) => {\n const dataMetrics = [\n {\n title: commaSeparate(summary.totalCarts),\n subTitle: 'Unique visitors',\n imageIcon: \n
\n ));\n};\n\nexport default Summary;\n\nSummary.propTypes = {\n summary: PropTypes.shape({\n totalCarts: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n totalViews: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n totalRecsViewed: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n totalRecsClicked: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n }).isRequired,\n};\n","import React from 'react';\nimport { Doughnut } from 'react-chartjs-2';\nimport PropTypes from 'prop-types';\nimport { chartColors } from 'util/chartUtils';\nimport CardBox from 'components/kea/CardBox';\nimport DashboardStub from 'components/kea/DashboardStub';\n\nfunction Audience({ audience }) {\n const options = {\n legend: {\n display: false,\n position: 'bottom',\n },\n textYIndex: 2,\n };\n\n const { main, gray, different } = chartColors;\n const data = {\n labels: [\n 'Low quality traffic (non-interested or occasional visitors, bots, crawlers etc.)',\n 'Didn\\'t use recommendations',\n 'Used recommendations',\n ],\n datasets: [{\n data: [\n audience.bad,\n audience.noRecs,\n audience.recs,\n ],\n backgroundColor: [\n gray.normal,\n different.normal,\n main.normal,\n ],\n hoverBackgroundColor: [\n gray.dark,\n different.dark,\n main.dark,\n ],\n }],\n text: `${audience.recsPercentage}%`,\n };\n\n return (\n \n
\n )\n }\n \n
\n \n
\n {`${audience.recsPercentage} % of interested visitors used recommendations`}
\n\n
\n \n
\n \n \n \n
\n
\n | \n Total number of unique visitors \n | \n \n {audience.total} \n | \n
| \n \n Got interested in the store\n *\n | \n \n {audience.interested} \n | \n
| \n Number of interested visitors who used recommendations \n | \n \n {audience.recs} \n | \n
\n
\n )\n }\n \n
\n \n
\n \n
\n \n {withProducts.recsPercentage}\n % of visitors with products in cart used recommendations\n
\n
\n
\n\n \n
\n \n
\n \n Conversion of visitors who used recommendations is\n
{conversion.ratio} times higher than
\n conversion of other interested visitors.\n
\n
\n
\n\n \n
\n \n
\n {`Visitors who used recommendations have made ${money.recsFullRate}% of sales.`}
\n{`Products which have been found directly from recommendations increased sales on ${money.totalRecPureRate}%`}
\n{`and additionally made ${money.recs} ${currencyId}`}
\n\n
\n\n \n
\n \n
\n \n Average Order Value(AOV) for visitors who used recommendations is higher on {aov.rate}%.\n
\n\n
\n\n \n
\n \n
\n \n Visitors who used recommendations view on {averageViews.rate}% more products in average.\n
\n\n
\n\n \n );\n}\n\nProfitability.propTypes = {\n chart: PropTypes.shape({\n weekly: PropTypes.shape({\n money: PropTypes.shape({\n curve: PropTypes.arrayOf(PropTypes.shape({\n noRec: PropTypes.any,\n rec: PropTypes.any,\n })),\n }),\n }),\n daily: PropTypes.shape({\n money: PropTypes.shape({\n curve: PropTypes.arrayOf(PropTypes.shape({\n noRec: PropTypes.any,\n rec: PropTypes.any,\n })),\n }),\n }),\n\n error: PropTypes.any,\n }).isRequired,\n};\n\nexport default Profitability;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport ContainerHeader from 'components/ContainerHeader';\nimport { changeTimeframe, getRecsDashboard } from 'actions';\nimport DateRangePicker from 'components/kea/DateRangePicker';\nimport IntlMessages from 'util/IntlMessages';\nimport { matchDatesDashboardCase } from 'util/appUtils';\nimport Summary from './Summary';\nimport Audience from './Audience';\nimport CartProducts from './CartProducts';\nimport Conversion from './Conversion';\nimport AdditionalProfit from './AdditionalProfit';\nimport AverageOrder from './AOV';\nimport AverageViews from './AverageViews';\nimport Profitability from './Profitability';\n\nconst Dashboard = ({ match }) => {\n const dispatch = useDispatch();\n const {\n analytics: { recs, timeframe },\n app: { currentShop },\n } = useSelector((store) => store);\n const { dashboard: { isFetching, projection, meta } } = recs;\n\n useEffect(() => {\n const dataIsUnavailable = !isFetching && currentShop;\n const datesIsMatched = meta && matchDatesDashboardCase(meta, timeframe);\n if (dataIsUnavailable || !datesIsMatched) dispatch(getRecsDashboard(currentShop, timeframe));\n }, [timeframe, currentShop]);\n\n const onTimeframeSubmit = (newRange) => dispatch(changeTimeframe(newRange));\n\n const timeframePicker = (\n \n
\n \n
\n );\n};\n\nexport default Dashboard;\n","import React from 'react';\n\nimport { Line } from 'react-chartjs-2';\nimport { chartGradients } from 'util/chartUtils';\n\nconst WidgetPerformanceBlock = ({ widget }) => {\n const options = {\n type: 'line',\n title: {\n display: false,\n },\n tooltips: {\n mode: 'index',\n intersect: false,\n display: false,\n },\n responsive: true,\n maintainAspectRatio: false,\n spanGaps: false,\n elements: {\n point: {\n radius: 0,\n },\n },\n legend: {\n display: false,\n },\n scales: {\n xAxes: [{\n ticks: {\n display: false,\n beginAtZero: true,\n },\n gridLines: {\n display: false,\n tickMarkLength: 0,\n },\n }],\n yAxes: [{\n ticks: {\n // display: false,\n beginAtZero: true,\n },\n }],\n },\n };\n function getData(arr, name) {\n return arr.map((e) => e[name]);\n }\n\n function calcCtr(views, clicks) {\n return clicks.map((click, index) => (views[index] === 0 ? 0 : click / views[index]))\n .map((e) => e.toFixed(2) * 100)\n .map((e) => e.toString().split('.').shift());\n }\n const prepareData = (canvas) => {\n const ctx = canvas.getContext('2d');\n const gradient = ctx.createLinearGradient(0, 0, 800, 0);\n gradient.addColorStop(0.1, chartGradients.gradient3.color1);\n gradient.addColorStop(0.95, chartGradients.gradient3.color2);\n return {\n // todo: format date\n labels: getData(widget.curve, 'date').map((e) => new Date(e).toISOString().slice(0, 10)),\n datasets: [{\n backgroundColor: gradient,\n borderWidth: 0,\n data: calcCtr(getData(widget.curve, 'view'), getData(widget.curve, 'click')),\n label: 'Click through rate',\n fill: 'start',\n }],\n };\n };\n // console.log(\"rendered \" + widget.id);\n return (\n \n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n};\nexport default WidgetPerformanceBlock;\n","import React from 'react';\nimport WidgetPerformanceBlock from './WidgetPerformanceBlock';\n\nconst PagePerformanceBlock = ({ page }) => (\n \n
\n \n
\n {widget.data.title}
\n\n
\n \n
\n \n \n \n
\n
\n | Showed | \nViewed | \nClicked | \n
|---|---|---|
| {widget.counters.show} | \n{widget.counters.view} | \n{widget.counters.click} | \n
\n
\n \n {widget.stats.clickRate}\n %\n
\n \n
\n);\nexport default PagePerformanceBlock;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport CardContainer from 'components/kea/CardContainer';\nimport { getAnalyticsWidgetsPerformance } from 'actions';\nimport { genRandomKey } from 'util/appUtils';\nimport PagePerformanceBlock from './PagePerformanceBlock';\n\nconst MainSection = () => {\n const dispatch = useDispatch();\n const { analytics: { recs, timeframe }, app: { currentShop } } = useSelector((store) => store);\n const { widgetsPerformance: { isFetching, pages } } = recs;\n\n useEffect(() => {\n dispatch(getAnalyticsWidgetsPerformance(currentShop, timeframe));\n }, [timeframe]);\n\n return (\n <>\n {\n pages && pages\n .map((page) => {\n const widgetsCount = page.widgets.length;\n const error = (widgetsCount === 0) ? 'NO_DATA' : false;\n return (\n \n {\n page.widgets.map((widget) => (\n
\n \n \n
\n ))\n }\n \n
\n \n );\n })\n }\n \n );\n};\n\nexport default MainSection;\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport MainSection from './MainSection';\n\nconst RecsAnalyticsWidgetsPerformance = () => (\n \n \n import('app/routes/404'))} />\n \n
\n );\n};\n\nexport default Analytics;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Slider from '../Slider/Slider';\n\nconst FieldPrioritySetting = ({\n value, title, description, onChange, id,\n}) => {\n const priorities = ['NEGATIVE', 'DECREASE', 'IGNORE', 'LOW', 'NORMAL', 'BOOST'];\n\n return (\n \n \n \n \n\n \n \n {value}\n \n \n onChange(id, priorities[index])}\n min={0}\n max={priorities.length - 1}\n step={1}\n valueLabelFormat={(index) => priorities[index]}\n />\n \n \n \n
\n );\n};\n\nexport default FieldPrioritySetting;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Card from '@material-ui/core/Card';\nimport Grid from '@material-ui/core/Grid';\nimport * as a from '../../../../../actions';\nimport RecsFieldSetting from '../../../../../components/kea/RecsFieldSetting';\nimport ContainerHeader from '../../../../../components/ContainerHeader';\nimport IntlMessages from '../../../../../util/IntlMessages';\nimport SaveActionBtnGrp from '../../../../../components/kea/settings/SaveActionBtnGrp';\n\nconst RecsFields = ({ match }) => {\n const dispatch = useDispatch();\n const { recs } = useSelector((store) => store);\n const { fields: { data, isUpdating } } = recs;\n\n const changeHandler = (id, value) => dispatch(a.fieldsDataUpdate(id, 'weight', value));\n const discard = () => dispatch(a.discardRecsFieldsSetting());\n const save = () => dispatch(a.saveRecsFields());\n\n const buttons = [\n { text: 'Save', action: save, color: 'primary' },\n { text: 'Discard', action: discard, color: 'secondary' },\n ];\n\n return (\n {title}
\n {description && description}
\n \n \n \n
\n );\n};\n\nexport default RecsFields;\n","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport Grid from '@material-ui/core/Grid';\nimport ContainerHeader from 'components/ContainerHeader';\nimport CardBox from 'components/kea/CardBox';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport IntlMessages from '../../../../../util/IntlMessages';\n\nconst Page = ({ match }) => {\n const { page } = useSelector((store) => store.recs);\n\n const prepareImgSrc = (id) => {\n const availableImages = ['cart', 'category', 'collections_all', 'home', 'page_404', 'product_detail'];\n const defaultImage = '_user';\n\n if (availableImages.includes(id)) return `/images/page_icons_svg/${id}.svg`;\n return `/images/page_icons_svg/${defaultImage}.svg`;\n };\n\n return (\n \n
\n \n \n \n \n \n \n \n
\n {\n Object.entries(data).map(([key, value]) => (\n Field name
\nPriority
\n\n \n {\n page.data.length === 0\n ? \n \n \n \n \n ))\n }\n \n
\n );\n};\n\nexport default Page;\n","import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport Card from '@material-ui/core/Card';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport * as actions from 'actions/Recs';\nimport ContainerHeader from 'components/ContainerHeader';\nimport SettingsToggleSwitcher from 'components/kea/settings/SettingsToggleSwitcher';\nimport SettingTextInput from 'components/kea/settings/SettingTextInput';\nimport SettingRangeSlider from 'components/kea/settings/SettingRangeSlider';\nimport SettingsSelectInput from 'components/kea/settings/SettingsSelectInput';\nimport IntlMessages from 'util/IntlMessages';\nimport SaveActionBtnGrp from 'components/kea/settings/SaveActionBtnGrp';\nimport { objectDifference } from 'util/appUtils';\n\nclass Widget extends Component {\n constructor(props) {\n super(props);\n this.state = {\n widget: {},\n widgetDefault: {},\n };\n\n this.changeHandler = (value, key) => {\n const { widget } = this.state;\n this.setState({ widget: { ...widget, [key]: value } });\n };\n\n this.discardChanges = () => {\n this.setState({ widget: this.state.widgetDefault });\n };\n }\n\n componentDidMount() {\n const { settings, recs: { model, widget, page } } = this.props;\n if (!model.isFetched) actions.recsLoadAllModels(settings.shopId);\n if (!widget.isFetched) actions.recsLoadAllWidgets(settings.shopId);\n if (!page.isFetched) actions.recsLoadAllPages(settings.shopId);\n }\n\n static getDerivedStateFromProps(props, state) {\n const {\n match: { params: { widgetId } },\n recs: { widget: widgets },\n } = props;\n\n if (widgets.isFetched && widgets.dataMap[widgetId]) {\n const currentWidget = widgets.dataMap[widgetId];\n const stateShouldBeUpdated = _.isEqual(state.widgetDefault, currentWidget) === false;\n if (stateShouldBeUpdated) {\n return { widget: currentWidget, widgetDefault: currentWidget };\n }\n }\n return null;\n }\n\n detectNewWidget({ sections }, { sections: sectionsDef }) {\n const widgets = _.flatten(sections.map((section) => section.widgets));\n const widgetsDef = _.flatten(sectionsDef.map((section) => section.widgets));\n\n return _.difference(widgets, widgetsDef);\n }\n\n render() {\n const { match, recs, settings } = this.props;\n const { params: { pageId, widgetId } } = match;\n const { model: models, widget: widgets, page } = recs;\n\n const { widget, widgetDefault } = this.state;\n\n const ableToRender = !settings.isFetched || !models.isFetched || !widgets.isFetched || !page.isFetched;\n if (ableToRender) return \n \n \n
\n );\n }\n}\n\n\nexport default connect(\n (state) => ({\n recs: state.recs,\n settings: state.settings,\n }),\n (dispatch) => ({\n actions: bindActionCreators(actions, dispatch),\n }),\n)(Widget);\n","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { Add } from '@material-ui/icons';\nimport _ from 'lodash';\n\nclass DialogSelect extends React.Component {\n render() {\n const {\n pageId,\n selected,\n widgetList,\n\n pagesMap,\n widgetsMap,\n algorithm,\n\n isOpen,\n sectionId,\n onClose,\n recsCustomizePageSections,\n } = this.props;\n\n\n const handleClick = (widgetId) => {\n const { sections } = pagesMap[pageId];\n const sectionsMap = _.keyBy(sections, 'id');\n\n const newSections = {\n ...sectionsMap,\n [sectionId]: {\n ...sectionsMap[sectionId],\n widgets: [...sectionsMap[sectionId].widgets, widgetId],\n },\n };\n\n recsCustomizePageSections(pageId, _.flatMap(newSections));\n\n onClose();\n };\n\n const filterWidget = (widget) => {\n const isKnownWidget = widgetsMap.hasOwnProperty(widget.alias);\n const isApplicableOnThisPage = (!widget.pages || widget.pages.length === 0 || widget.pages.includes(pageId));\n const isNotSelected = !selected.includes(widget.alias);\n\n return (isKnownWidget && isApplicableOnThisPage && isNotSelected);\n };\n\n const availableWidgets = widgetList.filter(filterWidget);\n return (\n \n\n this.changeHandler(value, 'showTitle')}\n />\n\n this.changeHandler(value, 'title')}\n />\n\n this.changeHandler(value, 'maxItemsCount')}\n title=\"Maximal items count\"\n min={2}\n max={16}\n step={1}\n />\n\n this.changeHandler(value, 'showAddToCartButton')}\n />\n\n this.changeHandler(value, 'showIfLittleRecs')}\n description=\"Show the widget even when the amount of recommendations is less than 4\"\n />\n\n this.changeHandler(value, 'model')}\n />\n\n this.changeHandler(value, 'shuffle')}\n />\n
\n Widget settings
\n Widget behaviour
\n\n \n {\n availableWidgets.length === 0\n ? `You already have added all recommendation widgets available on the \"${pagesMap[pageId].title}\" page`\n : availableWidgets.map((el) => {\n const { alias: widgetId } = el;\n return (\n handleClick(widgetId)}\n key={widgetId}\n className=\"widget-items-container\"\n >\n\n
\n );\n })\n }\n\n \n \n
\n\n \n {widgetsMap[widgetId].title}\n
\n \n {`Algorithm: ${algorithm[widgetsMap[widgetId].model]}`}\n
\n \n
\n \n {(snapshot.isDragging) ?
\n \n {(widgetsMap[widgetId]) ? widgetsMap[widgetId].title : `deleted_${widgetId}` }\n
\n \n {`Algorithm: ${algorithm[widgetsMap[widgetId].model]}`}\n
\n \n\n \n this.onDragEnd(args, pageId)}>\n {\n currentPage\n .sections\n .map((section) => {\n const chosenWidgets = _.flatMap(currentPage.sections, (pg) => pg.widgets);\n return (\n \n
\n \n );\n })\n }\n \n \n );\n }\n}\n\nexport default connect(\n (state) => ({\n recs: state.recs,\n settings: state.settings,\n }),\n (dispatch) => ({\n actions: bindActionCreators(actions, dispatch),\n }),\n)(PageEditor);\n","import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport SafetyRoute from 'components/kea/SafetyRoute';\nimport asyncComponent from 'util/asyncComponent';\nimport RecsFields from './fields';\nimport Page from './widgets';\nimport Widget from './widgets/pageEditor/widget';\nimport PageEditor from './widgets/pageEditor';\n\nexport default ({ match }) => (\n \n this.dropWidgetFromSection(widgetId, sectionId, pageId)}\n />\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n this.openWidgetList(section.id, chosenWidgets)}\n >\n + Add widget\n
\n \n Section:\n {section.title}\n
\n{children}
;\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport SetupCard from './SetupCard';\nimport TextCenter from '../Typography/TextCenter';\nimport Header from '../Typography/Header';\nimport Subheader from '../Typography/Subheader';\nimport RealGrid from '../Layout/RealGrid';\n\nconst industries = [\n {\n id: 'clothing',\n title: 'Clothing, Apparel & Fashion',\n icon: 'clothing.svg',\n },\n {\n id: 'shoes',\n title: 'Shoes & Accessories',\n icon: 'accessories.svg',\n },\n {\n id: 'electronics',\n title: 'Electronics and Cell Phones',\n icon: 'electronics.svg',\n },\n {\n id: 'interior',\n title: 'Furniture, Art & Design',\n icon: 'interior.svg',\n },\n {\n id: 'diy',\n title: 'Tools, Automotive and DIY',\n icon: 'diy.svg',\n },\n {\n id: 'kids',\n title: 'Kids Clothing, Accessories & Toys',\n icon: 'kids.svg',\n },\n {\n id: 'sport',\n title: 'Sport and Equipment',\n icon: 'sport.svg',\n },\n {\n id: 'exterior',\n title: 'Home & Garden',\n icon: 'exterior.svg',\n },\n {\n id: 'pets',\n title: 'Pets',\n icon: 'pets.svg',\n },\n {\n id: 'books',\n title: 'Books, Music and Films',\n icon: 'books.svg',\n },\n {\n id: 'food',\n title: 'Food & Beverages',\n icon: 'food.svg',\n },\n {\n id: 'other',\n title: 'Other',\n icon: 'other.svg',\n },\n];\n\nexport default function SetupRecsIndustry({ onClick }) {\n const activeCards = useSelector((store) => store.onboarding.recs.industries);\n const cards = industries.map((industry) => {\n const { id, title, icon } = industry;\n const active = activeCards.indexOf(id) > -1;\n return (\n \n {audience.text} \n
\n \n {prevButton}\n {nextButton}\n
\n \n
\n);\n\nexport default IncorrectShop;\n","import React, { useState } from 'react';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport CardContainer from 'components/kea/CardContainer';\nimport { Line } from 'react-chartjs-2';\nimport { groupCurveByDays, theCurveIsMostlyFull } from 'util/appUtils';\nimport { chartGradients } from 'util/chartUtils';\n\nconst TrendingWidget = ({ chartData }) => {\n const [groupBy] = useState(false);\n\n const options = {\n maintainAspectRatio: false,\n title: { display: false },\n tooltips: { mode: 'index', intersect: false },\n fill: true,\n responsive: true,\n elements: {\n // line:{\n // tension: 0\n // },\n point: {\n radius: 0,\n },\n },\n legend: {\n display: false,\n },\n scales: {\n xAxes: [{ stacked: true }],\n yAxes: [{ stacked: true }],\n },\n };\n const dateAlias = 'label';\n const wantedFields = ['count'];\n\n function autoGroupCurve(arr) {\n let result = arr;\n if (arr.length > 35) {\n const granularity = arr.length > 175 ? 30 : 7;\n const ignoreGrouping = (arr.length < 45) && theCurveIsMostlyFull(arr, 'count', 0.5);\n if (!ignoreGrouping) {\n result = groupCurveByDays(arr, granularity, dateAlias, wantedFields);\n }\n }\n return result;\n }\n\n const renderData = (canvas) => {\n const ctx = canvas.getContext('2d');\n const gradient = ctx.createLinearGradient(0, 0, 800, 0);\n gradient.addColorStop(0.1, chartGradients.gradient3.color1);\n gradient.addColorStop(0.95, chartGradients.gradient3.color2);\n let renderData = chartData;\n if (groupBy) {\n renderData = groupCurveByDays(chartData, groupBy, dateAlias, wantedFields);\n } else {\n renderData = autoGroupCurve(chartData, groupBy);\n }\n\n function getData(name) {\n return renderData.map((e) => e[name]);\n }\n\n const curve = getData('count');\n const total = curve.reduce((obj, e) => obj + e, 0);\n return {\n labels: getData(dateAlias),\n datasets: [{\n backgroundColor: gradient,\n borderWidth: 0,\n data: curve,\n label: 'Number of views',\n fill: (total > 0) ? 'start' : false,\n }],\n };\n };\n\n return (\n \n \n Incorrect shop!\n
\n\n
\n Oops...
\n \n Incorrect shop!\n
\n {\n shopList.length\n ? 'Chose the shop below:'\n : 'Try to reload the page, or contact our support.'\n }\n {\n shopList.map((shop) => (\n \n \n {shop.shopId}\n \n \n ))\n }\n
\n\n \n {\n chartData\n ?
\n \n {getParam('name')}\n {' '}\n {getParam('id')}\n
\n{`Vendor: ${getParam('vendor')}`}
\n{`VendorCode: ${getParam('vendorCode')}`}
\n{`Available: ${getParam('available')}`}
\n{`Tags: ${getParam('tags')}`}
\n{`Price: ${getParam('price')}`}
\n{`Old price: ${getParam('oldprice')}`}
\n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n\n \n \n \n \n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n\n \n \n
\n );\n};\n\nexport default Product;\n","/* eslint-disable object-curly-newline */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport TableRow from '@material-ui/core/TableRow';\nimport { getComparator, stableSort } from '../utils';\nimport EnhancedTableHead from '../EnhancedTableHead';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n table: {\n // minWidth: 750,\n },\n visuallyHidden: {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: 1,\n margin: -1,\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n top: 20,\n width: 1,\n },\n}));\n\n\nexport default function ProductsTable({ headCells, rows, hidePagination, rowHandleClick }) {\n const classes = useStyles();\n const [order, setOrder] = React.useState('desc');\n const [orderBy, setOrderBy] = React.useState('ctr');\n const [selected, setSelected] = React.useState([]);\n const [page, setPage] = React.useState(0);\n const [rowsPerPage, setRowsPerPage] = React.useState(15);\n\n const rowsCount = rows.length;\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const handleSelectAllClick = (event) => {\n if (event.target.checked) {\n const newSelecteds = rows.map((n) => n.name);\n setSelected(newSelecteds);\n return;\n }\n setSelected([]);\n };\n\n const handleChangePage = (event, newPage) => {\n setPage(newPage);\n };\n\n const handleChangeRowsPerPage = (event) => {\n setRowsPerPage(parseInt(event.target.value, 10));\n setPage(0);\n };\n\n\n const isSelected = (name) => selected.indexOf(name) !== -1;\n\n const emptyRows = rowsPerPage - Math.min(rowsPerPage, rowsCount - page * rowsPerPage);\n\n return (\n \n\n \n \n \n {stableSort(rows, getComparator(order, orderBy))\n .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n .map((row, index) => {\n const isItemSelected = isSelected(row.name);\n return (\n rowHandleClick(event, row.id)}\n hover\n aria-checked={isItemSelected}\n tabIndex={-1}\n key={row.id || row.query}\n selected={isItemSelected}\n >\n {\n headCells.map((e) => (\n \n {row[e.id]}\n \n ))\n }\n \n );\n })}\n {emptyRows > 0 && (\n \n \n )}\n \n \n \n {\n hidePagination\n ? null\n : (\n
\n );\n}\n\n\nProductsTable.defaultProps = {\n hidePagination: false,\n rowHandleClick: null,\n};\n\nProductsTable.propTypes = {\n rowHandleClick: PropTypes.func,\n rows: PropTypes.arrayOf(PropTypes.object).isRequired,\n headCells: PropTypes.arrayOf(PropTypes.object).isRequired,\n hidePagination: PropTypes.bool,\n};\n","import React from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport TextField from '@material-ui/core/TextField';\nimport Spinner from 'components/kea/placeholders/Spinner';\nimport * as Icons from '@material-ui/icons';\n\nconst SearchInput = ({ changeHandler, isFiltering, value, onClear }) => (\n \n \n {\n data && (\n
\n );\n};\n\nexport default ProductList;\n","import React from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport SearchIcon from '@material-ui/icons/Search';\nimport TextField from '@material-ui/core/TextField';\nimport Spinner from 'components/kea/placeholders/Spinner';\n\nconst SearchInput = ({ changeHandler, isFiltering, value }) => (\n \n \n {\n isFetched && data\n ? (\n
\n );\n};\n\nexport default ProductListOld;\n","import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport SafetyRoute from 'components/kea/SafetyRoute';\nimport asyncComponent from 'util/asyncComponent';\nimport Product from './Product';\nimport ProductList from './ProductList';\nimport ProductListOld from './ProductListOld';\n\nconst Catalog = ({ match }) => (\n \n \n import('app/routes/404'))} />\n \n
\n );\n};\n\nexport default StoreAnalytics;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0V0z\",\n fill: \"none\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"\n});\n\nvar SvgArrowUpward24Px = function SvgArrowUpward24Px(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: 24,\n viewBox: \"0 0 24 24\",\n width: 24,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowUpward24Px, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow_upward-24px.84e5e9b6.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0V0z\",\n fill: \"none\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"\n});\n\nvar SvgArrowDownward24Px = function SvgArrowDownward24Px(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: 24,\n viewBox: \"0 0 24 24\",\n width: 24,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowDownward24Px, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow_downward-24px.28818c19.svg\";\nexport { ForwardRef as ReactComponent };","/* eslint-disable max-len */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport Divider from '@material-ui/core/Divider';\nimport React, { useEffect } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { ReactComponent as UpIcon } from 'assets/images/icons/arrow_upward-24px.svg';\nimport { ReactComponent as DownIcon } from 'assets/images/icons/arrow_downward-24px.svg';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ContainerHeader from 'components/ContainerHeader';\nimport IntlMessages from 'util/IntlMessages';\nimport CardContainer from 'components/kea/CardContainer';\nimport { commaSeparate } from 'util/appUtils';\nimport { changeTimeframe, getABResults } from 'actions';\nimport DateRangePicker from 'components/kea/DateRangePicker';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport { Link } from 'react-router-dom';\nimport PlaceholderError from '../../../../components/kea/placeholders/PlaceholderError';\n\nconst Experiment = ({ match, location }) => {\n const dispatch = useDispatch();\n const {\n analytics: { experiment, timeframe },\n app: { currentShop },\n settings,\n } = useSelector((store) => store);\n const { error, isFetching, a, b } = experiment;\n\n useEffect(() => {\n dispatch(getABResults(currentShop, timeframe));\n }, [timeframe]);\n\n\n const onTimeframeSubmit = (newRange) => dispatch(changeTimeframe(newRange));\n const timeframePicker = (\n \n {\n sign === '+'\n ?
\n );\n };\n\n const calcPercentageBetween = (a, b, fixed, suffix = '%', goodIs = '+') => {\n if (!a || !b) return null;\n const diff = ((b - a) / a) * 100;\n const sign = diff > 0 ? '+' : '-';\n const value = Math.abs(diff).toFixed(2);\n const result = (sign === goodIs) ? 'good' : 'bad';\n\n return (\n \n {\n sign === '+'\n ?
\n );\n };\n\n return (\n \n \n {\n isFetching\n ? \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n )\n}\n \n
\n );\n};\nexport default Experiment;\n","/* eslint-disable max-len */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ContainerHeader from 'components/ContainerHeader';\nimport IntlMessages from 'util/IntlMessages';\nimport CardContainer from 'components/kea/CardContainer';\nimport { changeTimeframe, getABCarts } from 'actions';\nimport DateRangePicker from 'components/kea/DateRangePicker';\nimport PlaceholderSpinner from 'components/kea/placeholders/PlaceholderSpinner';\nimport Chip from '@material-ui/core/Chip';\nimport Typography from '@material-ui/core/Typography';\nimport qs from 'qs';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { PaginationItem } from '@material-ui/lab';\nimport { Link } from 'react-router-dom';\nimport PlaceholderError from '../../../../../components/kea/placeholders/PlaceholderError';\nimport WidgetTable from '../../../../../components/kea/tables/WidgetTable';\nimport { genRandomKey } from '../../../../../util/appUtils';\n\nconst Carts = ({ match, location }) => {\n const { page, group } = qs.parse(location.search, { ignoreQueryPrefix: true });\n const dispatch = useDispatch();\n const {\n analytics: { timeframe, experimentCarts },\n app: { currentShop },\n } = useSelector((store) => store);\n const { error, isFetching, carts, total } = experimentCarts;\n const limit = 20;\n\n useEffect(() => {\n const payload = { page, group, token: currentShop, timeframe, limit };\n dispatch(getABCarts(payload));\n }, [timeframe, page]);\n\n const onTimeframeSubmit = (newRange) => dispatch(changeTimeframe(newRange));\n const timeframePicker = (\n A
\n \n
\n {`Recommendations ${settings.experiment.A.recsEnabled ? 'enabled' : 'disabled'}`}
\n {`Search ${settings.experiment.A.searchEnabled ? 'enabled' : 'disabled'}`}
\n B
\n \n
\n {`Recommendations ${settings.experiment.B.recsEnabled ? 'enabled' : 'disabled'}`}
\n {`Search ${settings.experiment.B.searchEnabled ? 'enabled' : 'disabled'}`}
\n Revenue
\n \n
\n \n {commaSeparate(a.revenue)}\n {settings.currency}\n
\n \n {calcDiffBetween(b.revenue, a.revenue, 0, settings.currency)}\n
\n \n
\n \n {commaSeparate(b.revenue)}\n {settings.currency}\n
\n \n {calcDiffBetween(a.revenue, b.revenue, 0, settings.currency)}\n {calcPercentageBetween(a.revenue, b.revenue)}\n
\n Audience
\n Number of visitors
\n \n {a.audience.visitors}\n \n
\n \n {b.audience.visitors}\n
\n \n {calcPercentageBetween(a.audience.visitors, b.audience.visitors)}\n
\n Number of filled carts
\n \n {a.audience.withProducts}\n
\n \n {calcDiffBetween(b.audience.withProducts, a.audience.withProducts, 0)}\n
\n \n {b.audience.withProducts}\n
\n \n {calcDiffBetween(a.audience.withProducts, b.audience.withProducts, 0)}\n {calcPercentageBetween(a.audience.withProducts, b.audience.withProducts)}\n
\n Filled carts conversion
\n \n {a.audience.withProductsRate}\n %\n
\n \n \n
\n \n {b.audience.withProductsRate}\n %\n
\n \n {calcPercentageBetween(a.audience.withProductsRate, b.audience.withProductsRate, 2, '%')}\n
\n Number of purchases
\n \n {a.purchases.count ? a.purchases.count : '-'}\n
\n \n \n
\n \n {b.purchases.count ? b.purchases.count : '-'}\n
\n \n {calcPercentageBetween(a.purchases.count, b.purchases.count)}\n
\n Abandoned carts rate
\n \n {a.abandonedRate !== 100 ? a.abandonedRate : '-'}\n
\n \n \n
\n \n {b.abandonedRate !== 100 ? b.abandonedRate : '-'}\n
\n \n {a.abandonedRate === b.abandonedRate ? ' ' : calcPercentageBetween(a.abandonedRate, b.abandonedRate, 1, '%', '-')}\n
\n Average Order Value
\n \n {a.aov}\n {settings.currency}\n
\n \n \n
\n \n {b.aov}\n {settings.currency}\n
\n \n {calcDiffBetween(a.aov, b.aov, 0)}\n {calcPercentageBetween(a.aov, b.aov, 2, '%', '+')}\n
\n Service Usage
*/}\n {/* Used Recommendations
*/}\n {/* */}\n {/* {a.usage.recsUsersCount ? `${a.usage.recsUsersCount}` : '-'} */}\n {/*
*/}\n {/* */}\n {/* {b.usage.recsUsersCount ? `${b.usage.recsUsersCount}` : '-'} */}\n {/*
*/}\n {/* Used Search
*/}\n {/* */}\n {/* {a.usage.searchUsersCount ? `${a.usage.searchUsersCount}` : '-'} */}\n {/*
*/}\n {/* */}\n {/* {b.usage.searchUsersCount ? `${b.usage.searchUsersCount}` : '-'} */}\n {/*
*/}\n {/* Average Products Viewed
\n \n {a.averageProductsViewed ? `${a.averageProductsViewed}` : '-'}\n
\n \n \n
\n \n {b.averageProductsViewed ? `${b.averageProductsViewed}` : '-'}\n
\n \n {calcPercentageBetween(a.averageProductsViewed, b.averageProductsViewed)}\n
\n Average Number of products in cart
\n \n {a.averageNumberOfProductsInCart ? a.averageNumberOfProductsInCart : '-'}\n
\n \n \n
\n \n {b.averageNumberOfProductsInCart ? b.averageNumberOfProductsInCart : '-'}\n
\n \n {calcPercentageBetween(a.averageNumberOfProductsInCart, b.averageNumberOfProductsInCart)}\n
\n \n \n View details...\n \n
\n \n \n View details...\n \n
\n \n \n \n \n \n \n \n Group \n \n \n \n {cart.abGroup || 'unknown'}\n \n \n \n \n Order ID {cart.externalId || 'unknown'} \n \n Kealabs ID {cart.internalId || 'unknown'} \n \n Created {cart.creationDate || 'unknown'} \n \n Timestamp {cart.timestamp || 'unknown'} \n \n IP-address {cart.location || 'unknown'} \n \n \n \n \n \n {statuses[cart.status]}\n \n \n \n \n \n\n \n \n \n Products:\n \n \n \n ({\n ...el,\n name: el.name.includes('LOCALIZE') ? \n {\n cart.queries.length > 0\n ? (\n <>\n \n \n Search queries:\n \n \n \n {\n [...new Set(cart.queries.map(({ query }) => query))]\n .map((query) => (\n \n \n )\n : null\n }\n \n \n \n ))\n }\n \n \n \n (\n \n \n \n \n )\n }\n
\n );\n};\nexport default Carts;\n","import React from 'react';\nimport { Switch } from 'react-router-dom';\nimport Catalog from 'app/routes/store/catalog';\nimport SafetyRoute from 'components/kea/SafetyRoute';\nimport StoreAnalytics from './analytisc';\nimport Experiment from './experiment';\nimport Carts from './experiment/carts';\n\nexport default function StoreRouter({ match }) {\n const { url } = match;\n return (\n \n {\n data.map((el, index) => (\n closeBanner(index)}\n text={Parser(el.message)}\n className={getClassByType(el.status)}\n />\n ))\n }\n\n
\n );\n};\n\nexport default AlertBanner;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from 'react';\nimport { createTheme } from '@material-ui/core/styles';\nimport { ThemeProvider } from '@material-ui/styles';\nimport MomentUtils from '@date-io/moment';\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IntlProvider } from 'react-intl';\nimport 'assets/vendors/style';\nimport RTL from 'util/RTL';\nimport { getToken } from 'util/authUtils';\nimport asyncComponent from 'util/asyncComponent';\nimport greenTheme from './themes/greenTheme';\nimport SignIn from './SignIn';\nimport * as actions from '../actions';\nimport AppLayout from './AppLayout';\nimport getColorTheme from '../util/getColorTheme';\nimport { changeShop } from '../actions';\nimport { getInitUrlByShop, getShopIdFromLocation } from '../util/appUtils';\nimport enLang from '../lngProvider/entries/en-US';\nimport AlertBanner from './AlertBanner';\n\nconst App = (props) => {\n const dispatch = useDispatch();\n const { app, auth } = useSelector((store) => store);\n const { themeColor, darkTheme } = app;\n const { initURL, authorization } = auth;\n const { match, location, history } = props;\n const isDarkTheme = darkTheme;\n\n const shopToken = getShopIdFromLocation();\n useEffect(() => {\n if (shopToken) dispatch(changeShop(shopToken));\n }, [shopToken, dispatch]);\n\n useEffect(() => {\n window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true;\n if (initURL === '') dispatch(actions.setInitUrl(history.location.pathname));\n }, [initURL]);\n\n let applyTheme = createTheme(greenTheme);\n if (isDarkTheme) {\n document.body.classList.add('dark-theme');\n applyTheme = createTheme(darkTheme);\n } else {\n applyTheme = getColorTheme(themeColor, applyTheme);\n }\n\n const sessionToken = getToken();\n\n useEffect(() => {\n if (sessionToken) dispatch(actions.getAuthorization());\n }, [sessionToken]);\n\n if (location.pathname === '/') {\n if (!authorization.isFetched) {\n return (\n \n import('app/routes/404'))}\n />\n \n
\n \n
\n);\n\nexport default Error404;\n","module.exports = __webpack_public_path__ + \"static/media/kealogo.ca000de0.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALEAAABBCAYAAACeu0XcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQ0REUyMUIyNDRCMTFFOUEyQ0RBNDM5QUIzQkVBOUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ0REUyMUMyNDRCMTFFOUEyQ0RBNDM5QUIzQkVBOUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDRERTIxOTI0NEIxMUU5QTJDREE0MzlBQjNCRUE5RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDRERTIxQTI0NEIxMUU5QTJDREE0MzlBQjNCRUE5RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOGDjMAABjaSURBVHja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\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header1\":\"Header_header1__QOjc6\",\"header2\":\"Header_header2__17HOf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subheader1\":\"Subheader_subheader1__3GPhP\",\"subheader2\":\"Subheader_subheader2__3A5Dd\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sliderText\":\"SetupRecsAudience_sliderText__1Dt29\",\"sliderWrapper\":\"SetupRecsAudience_sliderWrapper__2SST6\"};","import React from 'react';\nimport { FormattedMessage, injectIntl } from 'react-intl';\n\nconst InjectMassage = (props) => \n \n
\n \n
\n 404
\n \n
\n \n \n