\n {menuItem.icon}\n \n {menuItem.name}\n \n
\n }>\n {menuItem?.children?.length > 0 && (\n \n \n
\n );\n};\n\nexport default NavBar;\n","import { makeStyles } from '@material-ui/styles';\nimport color from 'theme/colors';\nimport grey from '@material-ui/core/colors/grey';\nimport green from '@material-ui/core/colors/green';\nimport red from '@material-ui/core/colors/red';\nimport blueGrey from '@material-ui/core/colors/blueGrey';\n\nconst TopBarJss = makeStyles(theme => ({\n root: {\n boxShadow: 'none',\n background: color.white,\n [theme.breakpoints.down(`md`)]: {\n marginTop: theme.spacing(0),\n background: color.white\n }\n },\n\n boxgold: {\n marginRight: theme.spacing(1),\n height: 45,\n overflow: 'hidden',\n '& .MuiListItem-button': {\n height: 45\n },\n [theme.breakpoints.down(`sm`)]: {\n marginRight: theme.spacing(0)\n }\n },\n\n containermain: {\n maxWidth: 'initial',\n padding: ' 0 24px !important ',\n [theme.breakpoints.down(`md`)]: {\n padding: ' 0 !important '\n }\n },\n borderTop: {\n borderTop: '1px solid',\n borderTopColor: grey[300]\n },\n flexGrow: {\n flexGrow: 1\n },\n search: {\n backgroundColor: 'rgba(255,255,255, 0.1)',\n borderRadius: 4,\n flexBasis: 300,\n height: 36,\n padding: theme.spacing(0, 2),\n display: 'flex',\n alignItems: 'center'\n },\n searchIcon: {\n marginRight: theme.spacing(2),\n color: 'inherit'\n },\n searchInput: {\n flexGrow: 1,\n color: 'inherit',\n '& input::placeholder': {\n opacity: 1,\n color: 'inherit'\n }\n },\n searchPopper: {\n zIndex: theme.zIndex.appBar + 100\n },\n searchPopperContent: {\n marginTop: theme.spacing(1)\n },\n trialButton: {\n marginLeft: theme.spacing(2),\n color: theme.palette.white,\n backgroundColor: green[600],\n '&:hover': {\n backgroundColor: green[900]\n }\n },\n trialIcon: {\n marginRight: theme.spacing(1)\n },\n notificationsButton: {\n marginRight: theme.spacing(4),\n color: color.grey,\n '& .MuiSvgIcon-root': {\n fontSize: '28px'\n }\n },\n notificationsBadge: {\n backgroundColor: color.orangeDark,\n color: color.white,\n borderRadius: '7px',\n boxShadow: '-2px 3px 4px 0px rgba(248, 152, 42, 0.54)',\n right: '-4px',\n bottom: '6px'\n },\n shoppingBadge: {\n backgroundColor: color.orangeDark,\n color: color.white,\n borderRadius: '7px',\n boxShadow: '-2px 3px 4px 0px rgba(248, 152, 42, 0.54)',\n right: '-30px',\n bottom: '-8px'\n },\n logoutButton: {\n marginLeft: theme.spacing(1)\n },\n logoutIcon: {\n marginRight: theme.spacing(1)\n },\n topBarLink: {\n height: '60px',\n textAlign: 'center',\n fontFamily: 'IRANSans',\n transition: ' 0.5s background-color',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 500,\n minWidth: 'auto',\n border: 'none',\n color: color.grey,\n margin: theme.spacing(0, 0.5),\n fontSize: '13px',\n backgroundColor: 'transparent',\n padding: theme.spacing(1, 0),\n borderRadius: 0,\n '&:hover': {\n color: color.purple,\n backgroundColor: 'transparent'\n },\n '& .Mui-disabled': {\n backgroundColor: grey[500]\n },\n '&.Mui-selected': {\n padding: theme.spacing(1),\n color: color.purple,\n backgroundColor: 'transparent',\n borderBottomColor: color.purple,\n borderBottom: '2px solid',\n '&:hover': {\n color: color.purple,\n borderBottomColor: color.purple,\n borderBottom: '2px solid'\n },\n [theme.breakpoints.down(`md`)]: {\n height: '55px',\n padding: theme.spacing(1, 1, 0, 1)\n }\n }\n },\n topBarLinkdesign: {\n width: '47px',\n '& svg': {\n fill: color.purple\n },\n [theme.breakpoints.down(`md`)]: {\n bottom: '112px !important'\n }\n },\n topBarLinkActive: {\n padding: theme.spacing(1, 0),\n color: color.purple,\n backgroundColor: 'transparent',\n borderBottomColor: color.purple,\n borderBottom: '2px solid',\n '&:hover': {\n color: color.purple,\n backgroundColor: 'transparent',\n borderBottomColor: color.purple,\n borderBottom: '2px solid'\n }\n },\n topBarLinkButton: {\n padding: theme.spacing(1, 2),\n [theme.breakpoints.down(`md`)]: {\n padding: theme.spacing(1, 1, 0, 1),\n height: 55\n }\n },\n topBarButton: {\n minWidth: '47px',\n padding: theme.spacing(1.2),\n '&:active': {\n boxShadow: 'none'\n },\n '&:hover': {\n boxShadow: 'none'\n },\n [theme.breakpoints.down(`md`)]: {\n margin: theme.spacing('auto', 0.5),\n // position: 'fixed',\n // right: '30px',\n // bottom: '60px',\n borderRadius: '5px',\n minWidth: 'auto',\n height: 35,\n width: 35,\n backgroundColor: color.purple,\n '& svg': {\n fill: 'white'\n },\n '&:hover svg': {\n fill: color.purple\n }\n }\n },\n colorGray: {\n color: color.grey\n },\n divider: {\n width: '10px',\n margin: theme.spacing(0, 1),\n backgroundColor: color.grey\n },\n details: {\n margin: theme.spacing(0, 1)\n },\n headerLeft: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: theme.spacing(1, 0),\n [theme.breakpoints.down(`md`)]: {\n order: 1,\n justifyContent: 'space-between',\n padding: theme.spacing(0.5, 0),\n width: '100%'\n }\n },\n headerBoxLeft: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n [theme.breakpoints.down(`md`)]: {\n justifyContent: 'flex-end',\n width: '100%'\n }\n },\n headerBoxRight: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n [theme.breakpoints.down(`xs`)]: {\n width: '100%'\n }\n },\n headerRight: {\n display: 'flex',\n borderTopColor: grey[300],\n borderTop: '1px solid',\n\n [theme.breakpoints.down(`md`)]: {\n order: 2\n }\n },\n PaddingHorizontal: {\n padding: '0 8px !important'\n },\n divDahsboard: {\n width: '100%',\n display: 'flex',\n\n [theme.breakpoints.down(`md`)]: {}\n },\n\n toolbar: {\n padding: 0,\n [theme.breakpoints.down(`md`)]: {\n padding: 0\n }\n },\n linkHome: {\n display: 'flex',\n alignItems: 'center',\n margin: theme.spacing(0, 1)\n },\n linkHomeIcon: {\n color: grey[700],\n fontSize: 32\n },\n linkHomeIconActive: {\n color: color.purple,\n fontSize: 32\n },\n dashboardBar: {\n display: 'flex',\n whiteSpace: 'nowrap',\n WebkitOverflowScrolling: 'toch',\n MsOverflowStyle: 'none',\n overflowX: 'auto',\n '& .MuiTabs-indicator': {\n display: 'none'\n },\n '& .MuiTabs-scrollButtons': {\n backgroundColor: '#fff',\n margin: theme.spacing(0),\n borderRadius: '10px',\n borderColor: color.purple,\n border: '1px solid',\n '& .MuiSvgIcon-root': {\n color: grey[400]\n }\n },\n '& .MuiTabs-scrollButtons:empty': {\n display: 'none'\n },\n '& .MuiTabs-scroller:after': {\n background: `url('/images/fade.png')`,\n width: '10px',\n height: '100%',\n content: '',\n position: 'absolute',\n right: '0',\n top: '0'\n },\n '&::-webkit-scrollbar': {\n height: '0px !important'\n },\n '&::-webkit-scrollbar-thumb': {\n backgroundColor: 'transparent'\n },\n '&::-webkit-overflow-scrolling': {\n height: '0px !important'\n },\n [theme.breakpoints.down(`md`)]: {}\n },\n shoppingButton: {\n color: color.grey,\n\n '& .MuiSvgIcon-root': {\n fontSize: '25px'\n },\n marginRight: theme.spacing(2),\n [theme.breakpoints.down(`md`)]: {\n marginRight: theme.spacing(0)\n }\n },\n Buttons: {\n display: 'flex',\n alignItems: 'center'\n },\n tabButton: {\n display: 'flex',\n cursor: 'pointer',\n padding: theme.spacing(1.5, 0),\n alignItems: 'center'\n },\n tabForm: {\n display: 'flex',\n alignItems: 'center'\n },\n tabButtonIcon: {\n backgroundColor: color.yellowDark,\n color: 'white',\n minWidth: '25px',\n height: '25px',\n marginRight: theme.spacing(1)\n },\n tabButtonIconTeal: {\n backgroundColor: color.tealHoloo\n },\n tabButtonIconEdit: {\n fontSize: '1rem'\n },\n tabInput: {\n background: 'transparent',\n fontFamily: 'IRANSans',\n border: 'none',\n [theme.breakpoints.down(`xs`)]: {\n width: '100%',\n marginBottom: theme.spacing(1)\n },\n '&:focus': {\n outline: 'none',\n background: 'transparent',\n backgroundColor: 'transparent'\n }\n },\n topBarButtonInput: {\n backgroundColor: 'white',\n display: 'inline-flex',\n '&:hover': {\n backgroundColor: 'transparent'\n },\n [theme.breakpoints.down(`md`)]: {\n borderTop: 'none',\n padding: theme.spacing(0, 1),\n borderBottom: '2px solid #574cfa'\n }\n },\n menulist: {\n padding: theme.spacing(1.3, 6, 1.3, 0),\n display: 'flex',\n width: '100%',\n alignItems: 'center'\n },\n logOutLink: {\n // backgroundColor: grey[100]\n },\n drawerBox: {\n '& .MuiDrawer-paper': {\n zIndex: 1\n }\n },\n drawerRoot: {\n width: '100%',\n overflow: 'hidden',\n margin: 'auto',\n backgroundColor: color.white,\n padding: theme.spacing(1, 3),\n borderTopColor: grey[300],\n borderTop: '1px solid',\n [theme.breakpoints.down(`xs`)]: {\n padding: theme.spacing(1)\n },\n [theme.breakpoints.down(`md`)]: {\n marginTop: theme.spacing(7)\n }\n },\n drawerGrid: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n padding: theme.spacing(0.5, 0),\n [theme.breakpoints.down(`xs`)]: {\n display: 'block'\n }\n },\n deleteText: {\n marginRight: theme.spacing(1.5)\n },\n notClickable: {\n cursor: 'default'\n },\n deleteDashboard: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%'\n },\n buttons: {\n color: blueGrey[800]\n },\n redButton: {\n color: red[400]\n },\n holooLogo: {\n outline: 'none',\n maxWidth: '110px',\n padding: theme.spacing(0.5, 0)\n },\n shoppingButtonDiv: {\n color: color.grey,\n\n '& .MuiSvgIcon-root': {\n fontSize: '25px'\n },\n marginRight: theme.spacing(2),\n\n [theme.breakpoints.down(`md`)]: {\n marginRight: theme.spacing(0)\n }\n },\n menuUser: {\n '&#customized-menu': {\n '& ul': {\n padding: 0\n },\n '& li': {\n paddingTop: 0,\n paddingBottom: 0\n }\n }\n },\n divBtn: {\n [theme.breakpoints.down(`xs`)]: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n display: 'flex',\n justifyContent: 'space-between',\n padding: theme.spacing(2),\n backgroundColor: 'white',\n zIndex: 10\n }\n },\n dashboardMargin: {\n [theme.breakpoints.down(`md`)]: {\n height: 56\n }\n },\n mobilenav: {\n [theme.breakpoints.up(`lg`)]: {\n display: 'none'\n }\n },\n marginRight: {\n marginRight: '0.6rem'\n }\n}));\n\nexport default TopBarJss;\n","import React, { useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport { Typography } from '@material-ui/core';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n weatherIcon: {\n marginRight: theme.spacing(1),\n color: color.grey,\n fontSize: '30px'\n }\n}));\n\nconst WeatherIcon = props => {\n const { dataWeather } = props;\n\n const classes = useStyles();\n\n const [iconMainDescription, setIconMainDescription] = useState('');\n const [day, setDay] = useState(true);\n\n useEffect(() => {\n dataWeather &&\n dataWeather.weather &&\n dataWeather.weather\n .slice(0, 1)\n .map(item => setIconMainDescription(item.main));\n dataWeather && dataWeather.weather && mydate();\n }, [dataWeather]);\n\n var date = new Date();\n var sec = date\n .getTime()\n .toString()\n .slice(0, 10);\n\n const mydate = () => {\n if (sec > dataWeather.sys.sunset) {\n setDay(false);\n }\n };\n\n //switch case shoud be assigned to a variable and we should\n // call the variable inside return or useEffect otherwise it renders all the\n // time\n\n let iconConvertion = '';\n switch (iconMainDescription) {\n case 'Clear':\n return day\n ? (iconConvertion = 'clear-day')\n : (iconConvertion = 'clear-night');\n case 'Haze':\n case 'Mist':\n case 'Dust':\n case 'Smoke':\n case 'Fog':\n case 'Sand':\n case 'Ash':\n case 'Squall':\n case 'Tornado':\n return day\n ? (iconConvertion = 'mist-day')\n : (iconConvertion = 'mist-night');\n case 'Thunderstorm':\n return day\n ? (iconConvertion = 'thunderstorm-day')\n : (iconConvertion = 'thunderstorm-night');\n case 'Drizzle':\n return day\n ? (iconConvertion = 'drizzle-day')\n : (iconConvertion = 'drizzle-night');\n case 'Rain':\n return day\n ? (iconConvertion = 'rain-day')\n : (iconConvertion = 'rain-night');\n case 'Snow':\n return day\n ? (iconConvertion = 'snow-day')\n : (iconConvertion = 'snow-night');\n case 'Clouds':\n return day\n ? (iconConvertion = 'clouds-day')\n : (iconConvertion = 'clouds-night');\n default:\n iconConvertion = '';\n break;\n }\n\n return (\n <>\n {dataWeather && dataWeather.main && (\n \n
\n\n \n \n \n \n
\n\n \n
\n\n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n {jMoment(new Date()).format(' jDD jMMMM jYY ')}\n \n \n
\n \n
\n \n {\n setDashboardDrawerStep('deleteStep')}>\n حذف داشبورد\n \n }\n handleCloseDashboardDrawer(true)}>\n انصراف\n \n \n ذخیره داشبورد\n \n
\n \n \n انصراف\n \n \n بله\n \n
\n \n \n
\n )}\n {!editDashboard && dashboard && Object.keys(widgets).length > 0 && (\n \n )}\n \n
\n );\n};\n\nDashboard.propTypes = {\n route: PropTypes.object\n};\n\nexport default Dashboard;\n","import { makeStyles } from '@material-ui/styles';\nimport color from 'theme/colors';\n\nconst DashboardJss = makeStyles(theme => ({\n root: {\n padding: theme.spacing(3, 0),\n [theme.breakpoints.down(`md`)]: {\n padding: theme.spacing(1.5, 0)\n }\n },\n\n boxgold: {\n marginLeft: theme.spacing(1),\n height: 45,\n overflow: 'hidden',\n display: 'flex',\n alignItems: 'center',\n '& .MuiListItem-button': {\n height: 45\n }\n },\n outGold: {\n marginBottom: theme.spacing(1)\n },\n inGold: {\n padding: '8px !important'\n },\n container: {\n [theme.breakpoints.down(`md`)]: {\n marginTop: theme.spacing(0)\n }\n },\n containerSmall: {\n marginTop: theme.spacing(1)\n },\n slider: {\n marginBottom: theme.spacing(2),\n\n '& .slide': {\n // paddingLeft: theme.spacing(3),\n background: 'transparent'\n },\n '& .slide:last-child': {\n paddingLeft: 0\n },\n '& .carousel ': {\n // paddingBottom: theme.spacing(5),\n '& .control-dots .dot': {\n width: '14px',\n height: '14px',\n boxShadow: 'none',\n backgroundColor: 'white',\n opacity: 1\n },\n '& .control-dots .dot:hover': {\n border: '1px solid #dbdbdb',\n backgroundColor: '#dbdbdb'\n },\n '& .control-dots .dot.selected': {\n border: '1px solid #dbdbdb',\n backgroundColor: '#dbdbdb'\n }\n },\n [theme.breakpoints.down(`lg`)]: {\n '& .slide': {\n paddingLeft: theme.spacing(0),\n background: 'transparent'\n }\n }\n },\n profileImage: {\n marginTop: `-${theme.spacing(2)}px`,\n width: '100%',\n maxWidth: 'fit-content',\n margin: 'auto',\n display: 'flex'\n },\n titleProfile: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(5),\n color: color.white,\n fontWeight: '500'\n },\n profileContent: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n padding: theme.spacing(1.5)\n },\n description: {\n color: color.white,\n marginBottom: theme.spacing(3)\n },\n widgets: {\n marginBottom: theme.spacing(10)\n },\n ourCustomer: {\n display: 'flex',\n margin: theme.spacing(6, 0),\n zIndex: '3',\n overflowX: 'auto',\n flexWrap: 'nowrap',\n '&::-webkit-scrollbar': {\n height: '0px !important'\n },\n '&::-webkit-scrollbar-thumb': {\n backgroundColor: 'transparent'\n }\n },\n moreInformationLink: {\n color: color.white,\n display: 'flex',\n alignItems: 'center',\n alignSelf: 'flex-start',\n cursor: 'pointer'\n },\n linkIcon: {\n color: color.white,\n borderRadius: '30px',\n backgroundColor: '#d7b182',\n fontSize: '25px',\n padding: theme.spacing(1),\n marginLeft: theme.spacing(1)\n },\n completeWarning: {\n color: color.white\n },\n ourCustomerIn: {\n textAlign: 'center',\n margin: theme.spacing(0, 3)\n },\n sklet: {\n borderRadius: '30px'\n },\n right: {\n order: 1,\n [theme.breakpoints.down(`sm`)]: {\n order: 2\n }\n },\n left: {\n order: 2,\n [theme.breakpoints.down(`sm`)]: {\n order: 1,\n paddingTop: '0 !important'\n }\n }\n}));\nexport default DashboardJss;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n Card,\n Typography,\n List,\n ListItem,\n Avatar,\n Table,\n TableRow,\n TableCell,\n TableBody,\n Box,\n IconButton,\n Collapse,\n Hidden\n} from '@material-ui/core';\n\nimport { useMediaQuery, useTheme } from '@material-ui/core';\nimport color from 'theme/colors.js';\nimport HelpOulineIcon from '@material-ui/icons/HelpOutline';\nimport { useSelector } from 'react-redux';\nimport api from 'assets/libs/api';\nimport {\n ExpandMore,\n VideoLibrary,\n Lock,\n Description,\n Timeline\n} from '@material-ui/icons';\n\nimport { HolooLink, HolooLicenseExpirationDate } from 'components';\nimport { useIsMountedRef } from 'CustomHooks';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n backgroundColor: color.white,\n borderRadius: '15px'\n //height: '100%' padding: theme.spacing(0, 2), marginTop: theme.spacing(2)\n },\n service: {\n padding: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n //justifyContent: 'space-between',\n boxShadow: 'none',\n borderRadius: 0,\n borderBottom: '1px solid #eee',\n '&:Last-Child': {\n border: 'none'\n }\n },\n serviceIcon: {\n fontSize: '25px',\n color: color.white,\n backgroundColor: color.teal,\n border: '1px solid',\n borderColor: color.teal,\n textAlign: 'center',\n minWidth: '0',\n padding: '22px',\n // margin: theme.spacing(2),\n marginRight: theme.spacing(2),\n borderRadius: '15px',\n display: 'flex',\n '&:hover': {\n cursor: 'pointer'\n },\n '&:before': {\n fontSize: '20px',\n color: color.white\n }\n },\n serviceInformation: {\n cursor: 'pointer'\n },\n // service:{ marginBottom:0, display: 'flex', //marginRight:\n // theme.spacing(21), whiteSpace: 'nowrap' },\n conversion: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end'\n },\n conversionStats: {\n whiteSpace: 'nowrap',\n marginRight: theme.spacing(2)\n },\n price: {\n whiteSpace: 'nowrap'\n },\n value: {\n color: color.purple,\n fontWeight: '500'\n },\n titleBox: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n // details: { display: 'flex', alignItems: 'center', flexWrap:\n // 'wrap', color: color.greyLight }, detailsContent: { color:\n // color.greyLight, fontWeight: 'normal' }, label: { marginLeft:\n // theme.spacing(1) },\n avatar: {\n fontSize: '25px',\n color: color.white,\n backgroundColor: color.purple,\n border: '1px solid',\n borderColor: color.purple,\n textAlign: 'center',\n minWidth: '0',\n padding: '22px',\n // margin: theme.spacing(2),\n marginRight: theme.spacing(2),\n borderRadius: '15px',\n display: 'flex'\n // marginRight: theme.spacing(2), backgroundColor: color.greenLight\n },\n avatarRed: {\n backgroundColor: color.redLight,\n color: color.red\n },\n avatarOrange: {\n backgroundColor: color.orangeLight\n },\n avatarGreen: {\n backgroundColor: color.greenLight\n },\n TableCell: {\n border: 'none',\n padding: '20px 8px 10px 0',\n '&:last-child': {\n paddingRight: 0\n }\n },\n mainTitle: {\n color: color.blackLight,\n margin: theme.spacing(2, 2, 0, 2),\n fontWeight: '500',\n [theme.breakpoints.down(`sm`)]: {\n margin: theme.spacing(0, 0, 0, 2),\n fontSize: '16px'\n }\n },\n colorBlackLight: {\n color: color.blackLight\n },\n icons: {\n display: 'flex',\n alignItems: 'center'\n },\n userCredit: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n marginTop: theme.spacing(1)\n },\n expand: {\n transform: 'rotate(0deg)',\n marginLeft: 'auto',\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n flexRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%'\n },\n flex: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n cursor: 'text'\n },\n serviceFlex: {\n display: 'flex',\n alignItems: 'center'\n },\n services: {\n overflowY: 'auto'\n },\n serviceBox: {\n width: '100%',\n borderTop: '1px solid #e0e0e0'\n },\n serviceBox1: {\n width: '100%'\n },\n divider: {\n backgroundColor: color.redLight\n },\n notCompletedProfileRoot: {\n borderRadius: '15px',\n backgroundColor: color.white\n },\n notCompletedProfileServices: {\n maxHeight: '360px',\n overflowY: 'auto'\n },\n TableCellTitle: {\n fontWeight: 500\n }\n}));\n\nconst SupportServicesData = [\n {\n title: 'پشتیبانی آنلاین',\n description: 'دسترسی به خدمات آنلاین',\n icon: 'hedphone',\n URLType: '1',\n href: '/main',\n linkType: 'support',\n dataTest: 'fe86172f-8308-4c46-a176-8c21f8a31169'\n },\n {\n title: 'پرسش و پاسخ',\n description: 'پاسخ به پرسش های متداول',\n icon: \n
\n \n \n \n \n
\n \n \n {SupportService.title}\n \n \n {SupportService.description}\n \n
\n \n ) : (\n \n \n {SupportService.title}\n \n \n {SupportService.description}\n \n
\n \n \n
\n \n \n \n\n
\n \n \n {pachageName}\n \n {packages &&\n packages.length > 0 &&\n packages.find(\n packageItem =>\n packageItem.id ===\n userServices[service].packageId\n ) && (\n \n \n packageItem.id ===\n userServices[service].packageId\n ).shortDescription\n }}>
\n \n )}\n \n \n
\n
\n \n \n
\n\n \n \n {licenseNo && licenseNo.licenseKey ? 'سریال :' : ''}\n \n\n setOpenAddLicenseModal(true)\n }\n variant={\n licenseNo && licenseNo.licenseKey ? 'h4' : 'h6'\n }\n className={\n licenseNo && licenseNo.licenseKey\n ? classes.licenseNumber\n : classes.withoutlicenseNumber\n }>\n {licenseNo && licenseNo.licenseKey\n ? licenseNo.licenseKey\n : 'افزودن سریال نرم افزار'}\n \n
\n \n {licenseNo && licenseNo.licenseKey ? (\n \n \n \n {licenses?.length > 0 &&\n licenses.map((license, index) => (\n \n handleChooseLicense(license)}\n key={index}>\n {license.licenseKey}\n {license.licenseType ===\n licenseTypeEnums.assignedLicense && (\n setOpenAddLicenseModal(true)}>\n \n ) : (\n \n setOpenAddLicenseModal(true)}>\n \n )}\n
\n \n \n \n
\n \n
\n\n \n \n {licenseNo && licenseNo.licenseKey ? 'سریال :' : ''}\n \n\n setOpenAddLicenseModal(true)\n }\n variant={\n licenseNo && licenseNo.licenseKey ? 'h4' : 'h6'\n }\n className={\n licenseNo && licenseNo.licenseKey\n ? classes.licenseNumber\n : classes.withoutlicenseNumber\n }>\n {licenseNo && licenseNo.licenseKey\n ? licenseNo.licenseKey\n : 'افزودن سریال نرم افزار'}\n \n
\n \n {licenseNo && licenseNo.licenseKey ? (\n \n \n \n {licenses?.length > 0 &&\n licenses.map((license, index) => (\n \n handleChooseLicense(license)}\n key={index}>\n {license.licenseKey}\n {license.licenseType ===\n licenseTypeEnums.assignedLicense && (\n setOpenAddLicenseModal(true)}>\n \n ) : (\n \n setOpenAddLicenseModal(true)}>\n \n )}\n
\n \n {licenseNo &&\n licenseNo?.licenseType ===\n licenseTypeEnums.userLicense && (\n \n {licenseNo.licenseKey && (\n
\n \n\n {licenseNo &&\n licenseNo?.licenseType === licenseTypeEnums.userLicense && (\n \n {((licenseExpirationDate * 100) / 365).toFixed(\n 0\n ) > 0 && (\n \n \n {(\n (licenseExpirationDate * 100) /\n 365\n ).toFixed(0) < 100\n ? (\n (licenseExpirationDate * 100) /\n 365\n ).toFixed(0)\n : '100'}\n %\n \n\n 89\n ? 'primary'\n : 'secondary'\n }\n variant=\"determinate\"\n value={\n (licenseExpirationDate * 100) / 365 < 100\n ? (licenseExpirationDate * 100) / 365\n : 100\n }\n />\n \n )}\n {licenseExpireDate &&\n (licenseExpirationDate > 0 ? (\n \n اعتبار باقی مانده شما\n \n {licenseExpirationDate}\n \n روز میباشد\n \n ) : (\n \n مدت زمان تمدید پشتیبانی شما به اتمام رسیده\n است\n \n ))}\n
\n )}\n \n )}\n \n {isAdmin ? (\n \n مدیریت دسترسی ها\n \n ) : (\n \n فعالسازی مدیریت سریال\n \n )}\n
\n \n {licenseNo.licenseKey &&\n licenseExpirationDate <= 89 ? (\n \n تمدید پشتیبانی\n \n ) : (\n !hasCD ?\n \n دریافت سی دی\n \n : null\n )}\n
\n \n \n
\n \n
\n \n
\n ![\"سمبل\"](\"/images/dashboard/profile/sambol.svg\")
\n ![\"هلو\"](\"/images/dashboard/profile/myholoologo.png\")
\n \n
\n \n ) : (\n \n \n کاربر گرامی جهت تایید عضویت در سریال {requests.licenseKey} کد تایید را\n وارد نمایید.\n \n \n تایید\n \n
\n ) : (\n ''\n );\n};\n\nexport default UserConfirmationRequests;\n","export default {\n eject: 'خروج',\n search: 'جستجو',\n pages: 'صفحات',\n dashboard: 'داشبورد',\n default: 'پیش فرض',\n analytics: 'تجزیه و تحلیل',\n management: 'مدیریت',\n customers: 'مشتریان',\n details: 'جزییات',\n added: 'افزودن',\n completion: 'تکمیل',\n services: 'سرویس ها',\n profile: 'پروفایل',\n news: 'اخبار',\n last: 'آخرین',\n article: 'مقاله',\n id: 'شناسه',\n serial: 'سریال'\n};\n","import React, { Fragment, useState, useEffect } from 'react';\nimport useRouter from 'utils/useRouter';\nimport clsx from 'clsx';\nimport Grid from '@material-ui/core/Grid';\nimport DashboardJss from './DashboardJss';\nimport { Page, ExchengeIcon } from 'components';\nimport {\n HolooOnlineSupport,\n News,\n MyStore,\n VolumetricService,\n JobsPackage,\n Landings,\n Slider,\n // ProductStore,\n SetPasswordModal,\n LicenseManagement,\n ProfileForm,\n UserConfirmationRequests\n} from './components';\nimport Hidden from '@material-ui/core/Hidden';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport word from 'assets/libs/words/fa.js';\nimport { useSelector } from 'react-redux';\nimport { Skeleton } from '@material-ui/lab';\nimport features from 'assets/libs/config';\nimport { Typography } from '@material-ui/core';\n\nconst Dashboard = props => {\n const systemState = useSelector(state => state.systemState);\n const classes = DashboardJss();\n const router = useRouter();\n const account = useSelector(state => state.account);\n\n const hasPassword = account.hasPassword;\n\n const queryStringRoute = router.location.search\n .replace('?', '')\n .toLowerCase()\n .split('&');\n const [state, setState] = useState({\n noLicenseModal: ''\n });\n const { noLicenseModal } = state;\n function PropsState() {\n if (props.location.state) {\n setState({\n noLicenseModal: props.location.state.noLicenseModal\n });\n }\n }\n useEffect(() => {\n PropsState();\n }, []);\n\n const [openModal, setOpenModal] = useState(false);\n\n const setPasswordModalHandler = () => {\n setOpenModal(true);\n };\n const onClose = () => {\n setOpenModal(false);\n };\n useEffect(() => {\n if (hasPassword === false) {\n setTimeout(() => {\n setPasswordModalHandler();\n }, 1000);\n }\n }, []);\n\n return (\n \n قیمت های روز : \n
\n - \n
- \n
\n \n
\n \n {['left'].map(anchor => (\n \n \n \n {list(anchor)}\n \n \n ))}\n
\n \n \n \n {/* */}\n \n \n \n \n \n \n \n \n کلیه حقوق مادی و معنوی این اثر متعلق به{' '}\n \n گروه شرکت های طرفه نگار\n \n می باشد\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nFooter.propTypes = {\n className: PropTypes.string,\n onOpenNavBarMobile: PropTypes.func\n};\n\nexport default Footer;\n","import React, { Suspense, useState } from 'react';\nimport { renderRoutes } from 'react-router-config';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\nimport { LinearProgress } from '@material-ui/core';\nimport { TopBar, Footer } from './components';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n position: 'relative',\n minHeight: '100%',\n width: '100%',\n display: 'flex',\n backgroundColor: 'white',\n flexDirection: 'column',\n overflow: 'hidden'\n },\n topBar: {\n zIndex: 2,\n backgroundColor: '#f4f6f8',\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)'\n },\n footer: {\n // top:'auto', bottom: '0', zIndex: 2, left:0,\n width: '100%',\n right: 0,\n color: 'white',\n // position: 'absolute',\n paddingTop: '220px',\n // height:'220px',\n backgroundImage: `url(${'/images/footer/footer.svg'}),url(${'/images/footer/footer-repeat.svg'})`,\n backgroundPosition: 'right bottom,left bottom',\n backgroundRepeat: 'no-repeat,repeat-x',\n backgroundSize: '40%,60%',\n\n [theme.breakpoints.down(`sm`)]: {\n backgroundImage: 'none',\n\n paddingTop: theme.spacing(3)\n }\n // backgroundColor: '#f4f6f8', boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px\n // 3px 0 rgba(63,63,68,0.15)'\n },\n container: {\n display: 'flex',\n flex: '1 1 auto',\n overflow: 'hidden',\n flexFlow: 'column'\n },\n content: {\n width: '100%',\n minHeight: '520px',\n marginTop: '100Px',\n padding: theme.spacing(0, 5),\n [theme.breakpoints.down(`sm`)]: {\n minHeight: '90vh',\n // paddingBottom: '0px'\n marginTop: '68Px',\n padding: theme.spacing(0, 3)\n },\n [theme.breakpoints.down(`xs`)]: {\n padding: theme.spacing(0, 1.5)\n }\n }\n}));\n\nconst NoLogin = props => {\n const { route } = props;\n const classes = useStyles();\n const [, setOpenNavBarMobile] = useState(false);\n\n const handleNavBarMobileOpen = () => {\n setOpenNavBarMobile(true);\n };\n\n return (\n \n
\n );\n};\n\nNoLogin.propTypes = {\n route: PropTypes.object\n};\n\nexport default NoLogin;\n","import React, { useState, Fragment } from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport blueGrey from '@material-ui/core/colors/blueGrey';\nimport grey from '@material-ui/core/colors/grey';\nimport { Container } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { Page } from 'components';\nimport color from 'theme/colors';\nimport api from 'assets/libs/api';\nimport clsx from 'clsx';\nimport { fetchNotification } from 'reduxComponents';\nimport { showNotification, getNotifications } from 'actions';\n\nimport { HolooLink } from 'components';\nimport { useSelector, useDispatch } from 'react-redux';\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '100%',\n marginTop: theme.spacing(6)\n },\n title: {\n display: 'flex',\n justifyContent: 'center',\n color: blueGrey[900],\n fontWeight: 500,\n margin: theme.spacing(6),\n [theme.breakpoints.down(`sm`)]: {\n margin: theme.spacing(3, 0)\n }\n },\n card: {\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(0)\n }\n },\n expandsummary: {\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(0, 1)\n }\n },\n head: {\n color: blueGrey[900]\n },\n dontData: {\n color: blueGrey[900],\n padding: theme.spacing(3, 3)\n },\n expandIcon: {\n color: color.purple\n },\n box: {\n margin: theme.spacing(3, 0)\n },\n container: {\n display: 'block'\n },\n gridItem: {\n borderBottom: `${grey[200]} 1px solid`,\n '&:last-child': {\n borderBottom: 'none'\n },\n '& .MuiExpansionPanelDetails-root': {\n lineHeight: '35px'\n }\n },\n panel: {\n boxShadow: 'none'\n },\n divider: {\n margin: theme.spacing(0, 7)\n },\n searchBar: {\n padding: theme.spacing(0, 2),\n marginBottom: theme.spacing(2.5),\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n '& input::placeholder': {\n fontSize: 16\n },\n '& .MuiInputBase-formControl': {\n width: '490px',\n height: '55px'\n },\n [theme.breakpoints.down(`sm`)]: {\n '& .MuiInputBase-formControl': {\n width: '100%',\n marginBottom: theme.spacing(1)\n }\n }\n },\n gridTitle: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n headerContainer: {\n padding: theme.spacing(1.5, 0),\n alignItems: 'center',\n marginBottom: theme.spacing(2)\n },\n header: {\n display: 'flex',\n alignItems: 'center'\n },\n flex: {\n display: 'flex'\n },\n imgservices: {\n marginRight: theme.spacing(2),\n maxHeight: 25,\n maxWidth: '80px',\n width: 'auto'\n },\n flexDelet: {\n display: 'flex',\n justifyContent: 'space-between'\n }\n}));\n\nconst Notification = props => {\n const classes = useStyles();\n const dispatch = useDispatch();\n const notificationslen = useSelector(state => state.notifications);\n const [isId] = useState(props.match.params.id);\n async function handleUpdate(id, isType) {\n if (isType === 'isShow') {\n try {\n const result = await api.NotificationUpdate({ isShow: true, Id: id });\n if (result.succeeded) {\n dispatch(getNotifications(await fetchNotification()));\n }\n } catch (error) {}\n } else {\n try {\n const result = await api.NotificationUpdate({\n IsDeleted: true,\n Id: id\n });\n if (result.succeeded) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: ' با موفقیت حذف شد.'\n })\n );\n dispatch(getNotifications(await fetchNotification()));\n }\n } catch (error) {}\n }\n }\n\n return (\n \n \n \n \n
\n \n \n \n \n اطلاع رسانی ها\n \n \n \n
\n \n
\n \n \n
\n\n \n {notification.link ? (\n \n \n {notification.title}\n \n \n ) : (\n \n {notification.title}\n \n )}\n\n
\n \n
\n {/* \n
\n\n \n
\n \n {notification.link ? (\n \n \n {notification.title}\n \n \n ) : (\n \n {notification.title}\n \n )}\n\n
\n\n \n \n handleUpdate(notification.id, 'IsDeleted')\n }\n />\n
\n \n \n {WidgetType[item].displayName}\n \n {\n \n {Object.keys(searchResults[item]).map((value, index) => (\n \n \n \n searchResults[item][value].defaultSettings\n .commingSoon\n ? ''\n : (mywidgets[value] ||\n searchResults[item][value].type ===\n 'PracticalFeatures') &&\n checkType &&\n checkType === 'dashboard'\n ? isICE\n ? setIsCompleteProfileModal(true)\n : handleAddWidget(searchResults[item][value])\n :\n (type === 'modal' ||\n (checkType[2] &&\n checkType[2] === 'public')) &&\n handleLockWidget(searchResults[item][value])\n }\n className={\n type === 'dashboard'\n ? !mywidgets[value] &&\n !(\n searchResults[item][value].type ===\n 'PracticalFeatures'\n )\n ? classes.widgetDashboard\n : classes.widgetDashboardActive\n : classes.widget\n }>\n {((!mywidgets[value] &&\n !(\n searchResults[item][value].type ===\n 'PracticalFeatures'\n )) ||\n searchResults[item][value].defaultSettings\n .commingSoon) && (\n \n {searchResults[item][value].defaultSettings\n .commingSoon ? (\n \n \n )}\n {!mywidgets[value] &&\n !(\n searchResults[item][value].type ===\n 'PracticalFeatures'\n ) ? (\n \n ) : (\n \n {searchResults[item][value].title}\n \n \n \n \n ))}\n \n }\n {Object.keys(searchResults).length !== index + 1 && (\n
\n );\n })}\n \n \n {Object.keys(searchResults[item]).map((value) => (\n \n \n searchResults[item][value].defaultSettings.commingSoon\n ? ''\n : (mywidgets[value] ||\n searchResults[item][value].type ===\n 'PracticalFeatures') &&\n handleAddWidget(searchResults[item][value])\n }\n className={classes.widget}>\n {((!mywidgets[value] &&\n !(\n searchResults[item][value].type ===\n 'PracticalFeatures'\n )) ||\n searchResults[item][value].defaultSettings\n .commingSoon) && (\n \n {searchResults[item][value].defaultSettings\n .commingSoon ? (\n \n \n )}\n {!mywidgets[value] &&\n !(\n searchResults[item][value].type === 'PracticalFeatures'\n ) ? (\n \n ) : (\n \n {searchResults[item][value].title}\n \n \n \n ))}\n \n
\n \n ![\"token\"](\"/images/empty2.png\")
{' '}\n \n متاسفانه هیچ محتوایی وجود ندارد{' '}\n \n
\n )}\n\n\n {' '}\n \n {children}\n {editDashboard && !showSimpleWidget && (\n
\n\n \n \n
\n )}\n \n یا خودت داشبوردت را بسازی\n
\n \n {widget.title}\n \n
\n \n {widget?.type !== 'PracticalFeatures' &&\n (widget.id !== 117 || widget.id !== 102 || widget.id !== 112) && (\n \n setSettingDrawer(true)}\n size=\"small\"\n color=\"inherit\">\n
\n \n \n جهت استفاده از امکانات این سرویس باید ابتدا سریال خود را وارد\n نمایید و سپس جهت فعال سازی\n اقدام نمایید.\n \n \n افزودن سریال\n \n
\n \n \n اعتبار تمدید پشتیبانی نرم افزار هلو شما پایان یافته است!\n \n
\n \n
\n \n
\n \n \n {widgetPackage.name}\n \n\n \n قیمت نهایی:\n \n
\n \n
\n {widgetPackage.discount && (\n \n )}\n
\n \n \n {choiceModal(slmModal)}\n 0 &&\n widgetPackages.find(x => x.dashboardWidgetId === idResult.id)\n }\n />\n
\n\n {checkType[2] === 'public' ? (\n \n \n \n گزارش انتخابی شما قبلا خریداری شده است. در نوار خدمات هوشمند در\n نرم افزار هلو apex خود با کلیک بروی خدمات هوشمند (smartpanel) به\n کدفعالسازی گزارشات دسترسی خواهید داشت (این کد با دسترسی مدیر\n قابل مشاهده خواهدبود) جهت فعالسازی کد دریافتی را وارد نمایید.\n \n \n کد 10 رقمی فعال سازی گزارشات آنلاین\n \n « دریافتی از نرم افزار هلو »\n \n \n\n \n فعال سازی سرویس\n \n
\n \n \n {WidgetType[item].displayName}\n \n {\n \n {Object.keys(searchResults[item]).map(value => (\n
\n );\n })}\n \n \n {Object.keys(searchResults[item]).map(value => (\n
\n \n \n \n متاسفانه هیچ محتوایی وجود ندارد\n \n
\n )}\n\n \n \n \n \n \n سفارش {id}\n {isFreeOnlineAdvanceReportGift === true && (\n \n (هدیه شرکت هلو، فعال سازی گزارش آنلاین)\n \n )}\n \n {}\n \n\n {order && order.status === 4 && (\n \n \n \n \n بازگشت\n \n\n {/* \n \n \n \n کپی توکن\n \n \n */}\n \n )}\n \n
\n );\n};\n\nHeader.propTypes = {\n className: PropTypes.string\n};\n\nexport default Header;\n","import React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport color from 'theme/colors';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n Card,\n CardActions,\n CardHeader,\n CardContent,\n Divider,\n Button,\n Table,\n TableBody,\n TableRow,\n TableCell,\n Typography\n} from '@material-ui/core';\nimport { HolooNumberFormat } from 'components';\nimport { ConvertUTCDateToLocalDate } from 'Functions';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n content: {\n padding: 0\n },\n buttonIcon: {\n marginRight: theme.spacing(1)\n },\n actions: {\n backgroundColor: '#00BCA9',\n marginTop: theme.spacing(2)\n },\n btnwhite: {\n width: '100%',\n fontSize: '16px',\n color: color.white\n },\n manageButton: {\n width: '100%',\n color: color.white,\n fontSize: '16px'\n }\n}));\n\nconst OrderInfo = props => {\n const { order, className, id } = props;\n\n const classes = useStyles();\n\n return (\n order && (\n \n \n
\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 {!isActive && }\n \n \n \n router.history.push('/myholoopanel/store')}\n variant=\"outlined\"\n color=\"primary\"\n className={classes.backDashboard}>\n \n \n
\n );\n};\n\nHeader.propTypes = {\n className: PropTypes.string\n};\n\nexport default Header;\n","import {\n Avatar,\n Button,\n Card,\n CardContent,\n CardHeader,\n colors,\n Grid,\n List,\n ListItem,\n Typography\n} from '@material-ui/core';\nimport CheckIcon from '@material-ui/icons/Check';\nimport { makeStyles } from '@material-ui/styles';\nimport api from 'assets/libs/api';\nimport clsx from 'clsx';\nimport {\n AddLicenseModal,\n HolooLicenseExpirationDate,\n HolooNumberFormat,\n Label\n} from 'components';\nimport jMoment from 'moment-jalaali';\nimport PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Carousel } from 'react-responsive-carousel';\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\nimport { Link as RouterLink } from 'react-router-dom';\nimport color from 'theme/colors';\nimport { showNotification } from 'actions';\nimport useRouter from 'utils/useRouter';\nimport { useDispatch } from 'react-redux';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n deliverables: {\n marginTop: theme.spacing(3)\n },\n members: {\n marginTop: theme.spacing(3)\n },\n leftSide: {\n padding: theme.spacing(2)\n },\n packagesDetails: {\n minHeight: '399px',\n padding: theme.spacing(2)\n },\n header: {\n paddingBottom: 0\n },\n content: {\n padding: `${theme.spacing(0, 1, 1)} !important`\n },\n listItem: {\n padding: theme.spacing(2, 0),\n justifyContent: 'space-between',\n '&:last-child': {\n border: 'none'\n }\n },\n avatar: {\n backgroundColor: color.greenLight\n },\n icon: {},\n head: {\n display: 'flex'\n },\n headContent: {\n margin: 'auto',\n marginLeft: theme.spacing(2)\n // // [theme.breakpoints.down('sm')]: { // position: 'fixed', //\n // left: 0, // bottom: 0, // zIndex: 100, // textAlign:\n // 'left', // padding: theme.spacing(1.5, 2), // margin: 0 // }\n },\n priceHead: {\n fontWeight: 500,\n color: colors.red[500]\n },\n actions: {\n backgroundColor: colors.grey[50]\n },\n manageButton: {\n width: '100%'\n },\n detailOption: {\n color: colors.blueGrey[900]\n },\n checkIcon: {\n marginRight: theme.spacing(1),\n color: color.purple\n },\n label: {\n margin: theme.spacing(0.5)\n },\n fullWidth: {\n width: '100%'\n },\n discounted: {\n textDecoration: 'line-through',\n color: colors.grey[400],\n fontSize: '12px'\n },\n packageInformation: {\n justifyContent: 'space-between'\n },\n moreInformation: {\n fontWeight: '500',\n color: colors.grey[900]\n },\n landing: {\n padding: ' 0 0 0 24px !important '\n },\n contentDiv: {\n overflow: 'auto'\n },\n listItemAlert: {\n display: 'block'\n },\n alert: {\n color: colors.blueGrey[900],\n marginBottom: theme.spacing(1)\n },\n alertButton: {\n margin: theme.spacing(2, 0, 0)\n },\n contentLeft: {\n [theme.breakpoints.down(`xs`)]: {\n order: 1\n }\n },\n contentRight: {\n [theme.breakpoints.down(`xs`)]: {\n order: 2\n }\n },\n menuItems: {\n margin: 'auto'\n },\n dbList: {\n position: 'fixed',\n left: 0,\n bottom: 70,\n zIndex: 100,\n justifyContent: 'center',\n padding: 0,\n backgroundColor: color.white,\n borderTop: '1px solid #e2e2e2 !important',\n borderBottom: '1px solid #e2e2e2 !important',\n display: 'flex',\n width: '100%'\n },\n StorageIcon: {\n marginRight: theme.spacing(0.5)\n },\n addLicense: {\n width: '100%',\n padding: '10px 40px !important'\n }\n}));\n\nconst ServiceDetails = props => {\n const { data, className, setDatabaseId } = props;\n const { type } = data;\n const dispatch = useDispatch();\n const router = useRouter();\n \n const RelativelifeDuration = `${\n data.lifeTimeYears ? data.lifeTimeYears + ' سال ' : ''\n }${data.lifeTimeMonths ? data.lifeTimeMonths + ' ماه ' : ''}${\n data.lifeTimeDays ? data.lifeTimeDays + ' روز ' : ''\n }از زمان فعالسازی`;\n\n const detailsList = [\n {\n time: data.expirationDate\n ? data.lifeTimeDuration > 0\n ? `${data.lifeTimeDuration} روز`\n : data.lifeTimeDuration === 0\n ? 'کمتر از یک روز'\n : 'منقضی شده'\n : RelativelifeDuration,\n volume: data.sizeLimit ? `${data.sizeLimit} مگ` : 'نامحدود',\n serial: data.isLicenseRequired ? 'دارد' : 'ندارد',\n database: data.multiDatabase && 'دارد'\n }\n ];\n\n const servicesList = useSelector(state => state.services);\n const databases = useSelector(state => state.account.databases);\n const licenses = useSelector(state => state.licenses);\n\n const [licenseKey, setLicenseKey] = useState();\n\n const [openAddLicenseModal, setOpenAddLicenseModal] = useState(false);\n\n const [licenseExpireDate, setLicenseExpireDate] = useState();\n\n useEffect(() => {\n if (props.match.params.key && !licenseKey) {\n setLicenseKey(props.match.params.key);\n const licenseId =\n licenses &&\n licenses.find(x => x.licenseKey === props.match.params.key).id;\n getDetailLicense(licenseId);\n }\n }, [props]);\n\n useEffect(() => {\n const findDefault =\n databases.length !== 0 &&\n databases.find(database => database.isDefault === true).id;\n setDatabaseId(findDefault);\n }, [databases]);\n\n async function getDetailLicense(licenseId) {\n try {\n const result = await api.DetailLIcence(licenseId);\n if (result) {\n setLicenseExpireDate(result.expirationDate);\n }\n } catch (error) {}\n }\n\n const licenseExpirationDate =\n licenseExpireDate && HolooLicenseExpirationDate(licenseExpireDate);\n\n const classes = useStyles();\n\n const handleCloseAddLicenseModal = () => {\n setOpenAddLicenseModal(true);\n };\n\n const closeModalAddLicense = () => {\n setOpenAddLicenseModal(false);\n };\n\n const handleRenewal=async()=>{\n let result;\n try{\n result = await api.getCheckLicense(licenseKey);\n if(result?.isDisable){\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: `امکان تمدید سریال شما وجود ندارد برای اطلاعات بیشتر با پشتیبانی تماس بگیرید`\n })\n );\n }\n else{\n router.history.push(`/myholoopanel/store/support/renewal/payment/${licenseKey && licenseKey}/tamdid`)\n }\n }\n catch(error){}\n } \n\n return (\n \n \n \n \n
\n {detailsList.map((item, index) => (\n \n {data.discount && data.discount !== 0 && (\n \n {data.discountedPrice > 0 ? (\n \n )}\n \n {data.price > 0 ? (\n
\n - \n {!data.packages ? (\n
\n \n {bundlePackage.price > 0 ? (\n رایگان \n )}\n \n
\n \n ))}\n \n \n \n
\n : - \n
- \n
\n \n {(servicesList ? servicesList : Array.from(new Array(8))).map(\n (service, index) => service?.isActive && (\n \n )\n \n )}\n\n {servicesList && paging && paging.total > 6 && (\n \n \n )}\n {' '}\n
\n );\n};\n\nSimilarServices.propTypes = {\n className: PropTypes.string\n};\n\nexport default SimilarServices;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport { CardContent, Grid, Card } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n root: {},\n landing: {\n padding: ' 0 0 0 24px !important '\n }\n}));\n\nconst LandingHTML = props => {\n const { data, ...rest } = props;\n\n const classes = useStyles();\n\n return (\n \n \n \n \n \n {data && (\n
\n )}\n \n \n \n \n \n );\n};\n\nLandingHTML.propTypes = {\n className: PropTypes.string\n};\n\nexport default LandingHTML;\n","import { colors } from '@material-ui/core';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport Hidden from '@material-ui/core/Hidden';\nimport Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { Skeleton } from '@material-ui/lab';\nimport { makeStyles, useTheme } from '@material-ui/styles';\nimport { getcarts, showNotification } from 'actions';\nimport api from 'assets/libs/api';\nimport clsx from 'clsx';\nimport { Files, HolooNumberFormat, Page } from 'components';\nimport PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { fetchCard } from 'reduxComponents';\nimport color from 'theme/colors';\nimport useRouter from 'utils/useRouter';\nimport { Header, ServiceDetails, SimilarServices } from './components';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n // width: theme.breakpoints.values.lg,\n maxWidth: '100%',\n margin: '0 auto',\n padding: theme.spacing(3),\n [theme.breakpoints.down(`sm`)]: {\n marginBottom: '80px !important',\n padding: theme.spacing(3, 1.5)\n }\n },\n tabs: {\n marginTop: theme.spacing(2),\n '& .MuiTabs-scrollable': {\n margin: 'inherit'\n },\n [theme.breakpoints.down('sm')]: {\n marginTop: theme.spacing(1)\n }\n },\n divider: {\n backgroundColor: colors.grey[300]\n },\n alert: {\n marginTop: theme.spacing(3)\n },\n content: {\n marginTop: theme.spacing(3)\n },\n addingToBasket: {\n backgroundColor: color.purple,\n color: color.white,\n borderRadius: '40px',\n // fontSize: '16px',\n marginLeft: 'auto',\n '&:hover': {\n backgroundColor: colors.indigo[900]\n },\n [theme.breakpoints.down('sm')]: {\n // width: '30%',\n borderRadius: '5px',\n padding: theme.spacing(1.5, 2),\n fontSize: '14px'\n }\n },\n addingToBasketGrid: {\n [theme.breakpoints.down('sm')]: {\n position: 'fixed',\n right: 0,\n display: 'flex',\n alignItems: 'center',\n backgroundColor: color.white,\n bottom: 0,\n zIndex: 100,\n width: '100%',\n textAlign: 'right',\n padding: theme.spacing(1.5)\n }\n },\n priceHead: {\n fontWeight: 500,\n color: colors.red[500]\n },\n discounted: {\n textDecoration: 'line-through',\n color: colors.grey[400],\n fontSize: '12px'\n },\n addToCartDisabled: {\n cursor: 'no-drop'\n },\n Skeleton: {\n margin: theme.spacing(3, 0)\n },\n Dialog: {\n '& .MuiDialog-paperWidthSm': {\n textAlign: 'center',\n padding: theme.spacing(2)\n }\n },\n headContent: {\n textAlign: 'left'\n },\n buttonSkleton: {\n margin: theme.spacing(3),\n marginLeft: 'auto',\n borderRadius: '40px'\n },\n headBar: {\n marginBottom: theme.spacing(3),\n [theme.breakpoints.down('sm')]: {\n marginBottom: theme.spacing(0)\n }\n },\n displayFlex: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n borderRadius: '5px'\n },\n titleSkleton: {\n margin: theme.spacing(1)\n },\n container: {\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'row',\n alignItems: 'center'\n },\n mobileContainer: {\n flexDirection: 'column-reverse',\n alignItems: 'flex-start'\n }\n}));\n\nconst ServiceId = props => {\n const classes = useStyles();\n const dispatch = useDispatch();\n const router = useRouter();\n const theme = useTheme();\n const licenses = useSelector(state => state.licenses);\n const currentLicense =\n licenses?.length > 0 && licenses.find(x => x.isDefault === true).licenseKey;\n const currentLicenseId =\n licenses?.length > 0 && licenses.find(x => x.isDefault === true).id;\n\n const mobileDevice = useMediaQuery(theme.breakpoints.down('sm'));\n const [tab, setTab] = useState(1);\n\n const [tabs, setTabs] = useState([\n {\n value: 0,\n label: 'توضیحات'\n },\n {\n value: 1,\n label: 'جزییات سرویس'\n },\n {\n value: 2,\n label: 'فایل آموزشی'\n },\n {\n value: 3,\n label: 'سرویس های مشابه'\n }\n ]);\n\n const [packageId, setPackageId] = useState();\n const [databaseId, setDatabaseId] = useState();\n const [type, setType] = useState('package');\n const [error, setError] = useState();\n const handleTabsChange = (event, value) => {\n setTab(value);\n };\n\n const [data, setData] = useState({ documentIds: [] });\n\n const [openErrorDialog, setOpenErrorDialog] = useState(false);\n\n const closeErrorDialog = () => {\n setOpenErrorDialog(false);\n };\n\n const { documentIds,packageDocumentIds } = data;\n async function addToCart() {\n try {\n const result = await api.addCart({\n packageId: parseInt(packageId),\n databaseId: null,\n licenseId:currentLicenseId\n // parseInt(databaseId\n // ? databaseId\n // : null)\n });\n\n if (result.succeeded === false) {\n router.history.push(\n `/myholoopanel/store/support/renewal/payment/${currentLicense}/tamdid`\n );\n }\n\n if (result.succeeded) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: 'با موفقیت به سبد خرید افزوده شد!'\n })\n );\n dispatch(getcarts(await fetchCard()));\n router.history.push('/myholoopanel/store/cart');\n }\n } catch (error) {}\n }\n\n async function fetchJobPackage() {\n const id = props.match.params.id;\n try {\n const result = await api.getJobPackage(id);\n if (result) {\n if (!result.landingHTML) {\n setTab(1);\n }\n setData(result[0]);\n }\n } catch (error) {}\n }\n async function fetchPackage() {\n const id = props.match.params.id;\n try {\n const result = await api.getPackageById(id);\n if (result) {\n if (!result.landingHTML) {\n setTab(1);\n }\n setData(result);\n }\n } catch (error) {}\n }\n async function fetchBundle() {\n const id = props.match.params.id;\n try {\n const result = await api.getBundleById(id);\n if (result) {\n setData(result);\n }\n } catch (error) {}\n }\n\n useEffect(() => {\n if (props.match) {\n const lengthPath = props.match.url.split('/');\n const type = lengthPath[3].toLocaleLowerCase();\n if (type === 'bundle') {\n setType('package');\n setTab(1);\n fetchBundle();\n setTabs([\n {\n value: 1,\n label: 'معرفی باندل '\n },\n {\n value: 2,\n label: 'فایل آموزشی'\n }\n ]);\n } else if (type === 'product') {\n setType('product');\n setTabs([\n {\n value: 1,\n label: 'معرفی کالا '\n }\n ]);\n fetchPackage();\n } else if (type === 'service') {\n setType('service');\n setTabs([\n {\n value: 0,\n label: 'توضیحات'\n },\n {\n value: 1,\n label: 'معرفی سرویس '\n },\n {\n value: 2,\n label: 'فایل آموزشی'\n },\n {\n value: 3,\n label: 'سرویس های مشابه'\n }\n ]);\n fetchPackage();\n } else if (type === 'volumeservice') {\n setType('volumeservice');\n setTabs([\n {\n value: 1,\n label: 'معرفی سرویس '\n },\n {\n value: 2,\n label: 'فایل آموزشی'\n },\n {\n value: 3,\n label: 'سرویس های مشابه'\n }\n ]);\n fetchPackage();\n } else if (type === 'jobpackage') {\n setType('jobpackage');\n setTabs([\n {\n value: 1,\n label: 'معرفی سرویس '\n },\n {\n value: 2,\n label: 'فایل آموزشی'\n },\n {\n value: 3,\n label: 'سرویس های مشابه'\n }\n ]);\n fetchJobPackage();\n }\n }\n setPackageId(props.match.params.id);\n }, [props.match.params.id]);\n\n\n const checkAddToBasketButton = () => {\n if (licenses?.length !== 0 && data.isLicenseRequired) return true;\n else if (licenses?.length !== 0 && !data.isLicenseRequired) return true;\n else if (licenses?.length === 0 && data.isLicenseRequired) return false;\n else if(licenses?.length===0 && !data.isLicenseRequired) return true\n };\n\n return (\n \n {data.discount && data.discount !== 0 && (\n \n {data.discountedPrice > 0 ? (\n \n )}\n \n {data.price > 0 ? (\n
\n \n {/* {data && data.landingHTML\n ? tab === 0 && \n : null} */}\n {tab === 1 && (\n
\n ) : (\n \n
\n \n {step === step.length\n ? (\n \n )\n : (\n
*/}\n \n
\n )}\n \n {getStepContent(step)}\n
\n \n \n هیچی تو سبدت نیست که ... \n \n \n مشاهده ی فروشگاه و خرید\n \n \n
\n );\n};\n\nEmptyBasket.propTypes = {\n className: PropTypes.string\n};\n\nexport default EmptyBasket;\n","import {\n Button,\n Card,\n CardContent,\n CardHeader,\n colors,\n Divider,\n Grid,\n Typography\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport clsx from 'clsx';\nimport { HolooNumberFormat, HolooTextError } from 'components';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n content: {\n padding: `${theme.spacing(0, 1)} !important`\n },\n inner: {\n padding: theme.spacing(2),\n flexDirection: 'column'\n },\n order: {\n display: 'flex',\n alignItems: 'center',\n\n justifyContent: 'space-between'\n },\n nameCell: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n height: 42,\n width: 42,\n marginRight: theme.spacing(1)\n },\n actions: {\n padding: theme.spacing(1),\n justifyContent: 'flex-end'\n },\n title: {},\n error: {\n color: colors.red[400],\n marginTop: theme.spacing(1)\n },\n itemBox: {\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)',\n borderRadius: '10px'\n },\n buttons: {\n paddingleft: theme.spacing(10),\n display: 'flex',\n justifyContent: 'flex-end'\n },\n detailButton: {\n margin: theme.spacing(1, 0)\n },\n innerText: {\n margin: theme.spacing(1)\n }\n}));\n\nconst UnpaidOrders = props => {\n const { className, unpaidOrders } = props;\n\n const classes = useStyles();\n const [errors] = useState([]);\n const [payment] = useState([]);\n\n return (\n \n \n \n \n {unpaidOrders &&\n unpaidOrders.map((item, index) => (\n \n\n {errors &&\n errors.length > 0 &&\n Object.keys(errors).length > 0 &&\n Object.keys(errors).map(error => (\n \n \n ))}\n \n \n
\n );\n};\n\nUnpaidOrders.propTypes = {\n className: PropTypes.string\n};\n\nUnpaidOrders.defaultProps = {\n UnpaidOrders: []\n};\n\nexport default UnpaidOrders;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport { Typography, Grid, colors } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n toolbar: {\n '& > * + *': {\n marginLeft: theme.spacing(1)\n }\n },\n deleteButton: {\n color: theme.palette.white,\n backgroundColor: colors.red[600],\n '&:hover': {\n backgroundColor: colors.red[900]\n }\n },\n deleteIcon: {\n marginRight: theme.spacing(1)\n }\n}));\n\nconst Header = props => {\n const { className, ...rest } = props;\n\n const classes = useStyles();\n\n return (\n \n \n \n شناسه سفارش : {item.id}\n \n \n \n \n مبلغ قابل پرداخت :\n \n \n \n \n جزییات سفارش و پرداخت\n \n \n
\n ))}\n {payment && payment.length > 0 && document.write(payment)}\n \n \n \n \n سبد خرید\n \n \n {/* \n \n */}\n \n
\n );\n};\n\nHeader.propTypes = {\n className: PropTypes.string\n};\n\nexport default Header;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n Table,\n TableHead,\n TableBody,\n TableRow,\n TableCell,\n Link,\n Typography,\n colors,\n Grid\n} from '@material-ui/core';\nimport DeleteOutlineIcon from '@material-ui/icons/DeleteOutline';\nimport color from 'theme/colors';\nimport { showNotification, getcarts } from 'actions';\nimport { useDispatch } from 'react-redux';\nimport api from 'assets/libs/api';\nimport { fetchCard } from 'reduxComponents';\nimport { HolooNumberFormat } from 'components';\nimport jMoment from 'moment-jalaali';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n overflow: 'auto'\n },\n content: {\n padding: 0\n },\n inner: {\n // minWidth: 700,\n display: 'block',\n // flexDirection: 'column'\n '& tr td:first-child': {\n minWidth: 230\n }\n },\n delete: {\n display: 'flex',\n color: color.grey,\n fontFamily: 'iranSans'\n // fontSize: 'px'\n },\n completeProcess: {\n backgroundColor: color.purple,\n color: color.white,\n borderRadius: '40px',\n marginRight: theme.spacing(1),\n marginLeft: 'auto',\n '&:hover': {\n backgroundColor: colors.indigo[900]\n },\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(2),\n fontSize: '14px'\n }\n },\n optionRadio: {\n margin: -10\n },\n optionDetails: {\n marginLeft: theme.spacing(2)\n },\n // options: {\n // display: 'flex',\n // justifyContent: 'space-around',\n // flexDirection: 'row',\n // margin: theme.spacing(4, 12)\n // },\n option: {\n border: `1px solid ${theme.palette.divider}`,\n display: 'flex',\n alignItems: 'flex-start',\n padding: theme.spacing(2),\n maxWidth: 560\n // '& + &': { marginTop: theme.spacing(2) }\n },\n toolbar: {\n '& > * + *': {\n marginLeft: theme.spacing(1)\n }\n },\n discountButton: {\n backgroundColor: colors.grey[300],\n color: colors.blueGrey[900],\n borderRadius: '40px',\n alignSelf: 'center',\n //margin: theme.spacing(0),\n '&:hover': {\n backgroundColor: colors.indigo[900],\n color: color.white\n }\n },\n discountContainer: {\n marginTop: theme.spacing(1),\n padding: theme.spacing(1.5)\n },\n discountCodeBox: {\n backgroundColor: '#eceff1'\n },\n discountCode: {\n color: color.purple,\n marginLeft: theme.spacing(2)\n }\n}));\n\nconst ShoppingBasket = props => {\n const dispatch = useDispatch();\n const { className, carts , handleApplyDiscountcodeOnCart } = props;\n\n const classes = useStyles();\n\n async function handleDelete(id) {\n try {\n const result = await api.deleteCartItem(id);\n \n if (result.succeeded) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: ' با موفقیت حذف شد.'\n })\n );\n dispatch(getcarts(await fetchCard()));\n handleApplyDiscountcodeOnCart();\n }\n } catch (error) {}\n }\n\n const [serviceTypeone, setServiceTypeone] = useState(false);\n\n useEffect(() => {\n let serviceTypeone =\n carts &&\n carts.cartItems &&\n carts.cartItems.find(x => x.serviceType === 1);\n if (serviceTypeone) {\n setServiceTypeone(true);\n }\n }, []);\n\n return (\n \n \n \n \n \n \n \n اعمال کد تخفیف\n \n \n \n
\n \n {carts && (\n \n ادامه فرآیند خرید\n \n {/* \n ادامه فرآیند خرید\n */}\n
\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 LowGuaranteeAlert;\n","import { makeStyles } from '@material-ui/styles';\nimport { CompletingPaymentProcess, PaymentMethod } from 'components';\nimport React, { Fragment } from 'react';\nimport { LowGuaranteeAlert } from './components';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n padding: theme.spacing(3)\n },\n container: {\n marginTop: theme.spacing(3)\n },\n itemBox: {\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)',\n borderRadius: '10px',\n marginBottom: theme.spacing(3.5)\n },\n itemBox2: {\n padding: theme.spacing(3, 0)\n },\n unpaidBoX: {\n boxShadow: '0 0 0 1px rgba(92, 106, 255), 0 1px 3px 0 rgba(92, 106, 255)',\n borderRadius: '10px'\n },\n unpaidOrders: {\n margin: 'auto'\n }\n}));\n\nconst Payment = props => {\n const classes = useStyles();\n\n const {\n carts,\n comparePrices,\n onChangeGateway,\n type,\n discountCode,\n addressId,\n recieverInformationForm,\n settingUiInfo,\n mobileDevice,\n onSubmitOrder,\n lowGuaranteeAlert,\n paymentGateways\n } = props;\n\n return (\n \n \n مبلغ قابل پرداخت\n \n \n
\n )}\n {errorLength === 0 ? (\n \n
\n )}\n \n {getStepContent(step)}\n
\n \n \n \n {/* \n Back\n */}\n \n شماره سفارش #{order && order.id && order.id}\n \n \n \n \n \n \n \n
\n );\n};\n\nHeader.propTypes = {\n className: PropTypes.string,\n invoice: PropTypes.object.isRequired\n};\n\nexport default Header;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n Card,\n CardContent,\n Grid,\n Typography,\n Table,\n TableHead,\n TableBody,\n TableRow,\n TableCell,\n colors\n} from '@material-ui/core';\n\nimport { ConvertUTCDateToLocalDate } from 'Functions';\nimport { Label, HolooNumberFormat } from 'components';\nimport { ReportType } from 'enums';\n\nconst status = {\n 0: 'فاقد وضعیت',\n 1: 'آماده سفارش',\n 2: 'در حال پرداخت',\n 3: 'پرداخت لغو شده',\n 4: 'پرداخت شده',\n 5: 'منتظر تایید',\n 6: 'مشکل در پرداخت'\n};\nconst useStyles = makeStyles(theme => ({\n root: {\n direction: 'ltr'\n },\n content: {\n padding: theme.spacing(6),\n [theme.breakpoints.down(`xs`)]: {\n padding: theme.spacing(2)\n }\n },\n marginTop: {\n marginTop: theme.spacing(4)\n },\n marginTop2: {\n marginTop: theme.spacing(2)\n },\n dates: {\n padding: theme.spacing(2),\n backgroundColor: colors.grey[100],\n [theme.breakpoints.down('xs')]: {\n // width: '100%'\n }\n },\n img: {\n '& img': {\n maxHeight: '50px'\n }\n },\n titletop: {\n marginTop: theme.spacing(4)\n },\n salergrid: {\n marginTop: theme.spacing(2),\n [theme.breakpoints.down('xs')]: {\n // width: '100%'\n }\n },\n boxFlex: {\n [theme.breakpoints.down('sm')]: {\n flexDirection: 'column'\n }\n },\n title: {\n fontSize: '14px',\n backgroundColor: colors.grey[400],\n color: 'white',\n width: 'auto',\n display: 'inline-block',\n padding: theme.spacing(1, 2),\n borderRadius: '3px',\n marginBottom: theme.spacing(2),\n letterSpacing: 0\n },\n\n // [theme.breakpoints.up('sm')]:{\n // marginBottom: theme.spacing(10)\n // }\n\n tablenone: {\n border: 'none !important'\n },\n alignright: {\n [theme.breakpoints.down(`md`)]: {\n textAlign: 'left'\n }\n },\n tablerow: {\n overflow: 'auto'\n },\n table: {\n minWidth: 700,\n // overflow: 'auto',\n '& td': {\n padding: theme.spacing(2, 0)\n },\n '& th': {\n padding: theme.spacing(2, 0)\n }\n },\n letterSpacing: {\n letterSpacing: 0\n },\n ltr: {\n direction: 'rtl',\n textAlign: 'left'\n }\n}));\n\nconst Details = props => {\n const { className, order, ...rest } = props;\n\n const classes = useStyles();\n\n const [whichReport, setWhichReport] = useState();\n\n const checkReport = () => {\n props.order &&\n props.order.orderItems.map(item => {\n ReportType[item.serviceType] === 'ice' &&\n setWhichReport(ReportType[item.serviceType]);\n });\n };\n\n useEffect(() => {\n checkReport();\n }, [order]);\n\n return (\n ![\"Brand\"](\"/images/logos/logo.png\"){kind=logo}
\n {' '}\n {order &&\n order.sellerAddressLocation &&\n order.sellerAddressLocation}\n
\n
\n کد پستی {' : '}\n {order &&\n order.sellerAddressZipCode &&\n order.sellerAddressZipCode}\n
\n \n
\n تلفن {' : '}\n {order &&\n order.sellerAddressPhoneNumber &&\n order.sellerAddressPhoneNumber}\n \n
{' '}\n {order &&\n order.buyerAddressLocation &&\n order.buyerAddressLocation}\n
\n \n
\n کد پستی {' : '}\n {order && order.buyerAddressZipCode\n ? order.buyerAddressZipCode\n : 'ندارد'}\n
\n \n
\n تلفن {' : '}\n {order && order.buyerAddressPhoneNumber\n ? order.buyerAddressPhoneNumber\n : 'ندارد'}\n \n
\n
\n \n
\n
\n \n \n توضیحات\n \n \n MyHoloo جدیدترین محصول شرکت مهندسی نرم افزار هلو است و تمامی خدمات و\n برنامه های کاربردی مورد نیاز مشتریان را بصورت آنلاین در اختیار ایشان\n قرار می دهد.\n \n
\n \n \n \n \n شماره سفارش #{order && order.id}\n \n \n \n \n دریافت فاکتور\n \n \n بازگشت\n \n \n
\n \n
\n \n {priceItem.title}:\n \n \n \n
\n \n \n دریافت نسخه به روز رسانی :\n \n
\n )}\n {/* \n آنلاین \n سی دی \n
\n - \n
\n \n دریافت آخرین نسخه بروزرسانی (دریافتی پستی سی دی) نرم\n افزار هلو\n \n
\n - \n
\n \n دریافت آخرین نسخه بروزرسانی (دریافتی نسخه آنلاین) نرم\n افزار هلو\n \n
\n \n تخفیف: \n \n {crmService.discount !== undefined && (\n \n
\n \n مالیات: \n \n {crmService.vat !== undefined && (\n \n
\n \n قیمت نهایی: \n \n \n
\n \n \n {completedRecieverInformation ? (\n \n \n \n در صورت در دست داشتن کد تخفیف آن را در جعبه ی بالا وارد\n کنید!\n \n {' '}\n \n {' '}\n \n پرداخت و ثبت سفارش\n {' '}\n \n \n ) : (\n \n \n تایید و تکمیل اطلاعات\n {' '}\n \n )}\n \n
\n \n \n {completedRecieverInformation ? (\n \n {crmService ? (\n \n \n ) : (\n \n ) : (\n \n {completedRecieverInformation === false ? (\n \n )}\n \n \n \n
\n \n \n {crmService && crmService.isFreeDiskRequest\n ? 'دریافت سی دی'\n : 'پرداخت آنلاین'}\n \n
\n \n \n تایید و تکمیل اطلاعات\n \n
\n ) : (\n completedRecieverInformation && (\n \n
\n ));\n\n return (\n \n \n
\n \n {form.avatar ? (\n \n \n \n )}\n
\n\n \n \n \n
\n ) : (\n \n
\n );\n};\n\nHeader.propTypes = {\n className: PropTypes.string\n};\n\nexport default Header;\n","import {\n Button,\n Card,\n CardContent,\n CardHeader,\n Grid,\n // TextField,\n Typography,\n MenuItem\n} from '@material-ui/core';\nimport Select from '@material-ui/core/Select';\n// import ListItemIcon from '@material-ui/core/ListItemIcon';\n// import ListItemText from '@material-ui/core/ListItemText';\n\nimport Divider from '@material-ui/core/Divider';\nimport Paper from '@material-ui/core/Paper';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport { makeStyles } from '@material-ui/styles';\nimport { getMyProfile, getLicenses, showNotification } from 'actions';\nimport HowToRegIcon from '@material-ui/icons/HowToReg';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport api from 'assets/libs/api';\nimport clsx from 'clsx';\nimport {\n AddLicenseModal,\n Alert,\n HolooLicenseExpirationDate,\n HolooTextError,\n SerialManagementModal\n} from 'components';\nimport jMoment from 'moment-jalaali';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { fetchMyProfile } from 'reduxComponents';\nimport color from 'theme/colors';\nimport useRouter from 'utils/useRouter';\nimport { licenseTypeEnums } from 'enums';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)'\n },\n\n aboutProject: {\n marginTop: theme.spacing(3),\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)'\n },\n alert: {\n backgroundColor: ' #EF5B5B',\n marginBottom: theme.spacing(3)\n },\n formGroup: {\n marginBottom: theme.spacing(3)\n },\n\n actions: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n [theme.breakpoints.down(`sm`)]: {\n justifyContent: 'flex-start',\n marginTop: theme.spacing(2),\n paddingTop: theme.spacing(2),\n borderTop: '1px solid #00000026'\n }\n },\n aboutSeriall: {\n '& p': {\n display: 'inline-block'\n },\n marginBottom: theme.spacing(1)\n },\n Button: {\n borderRadius: '4px',\n padding: '18px 0',\n minWidth: '185px',\n textAlign: 'center',\n transition: '0.5s background-color',\n color: theme.palette.white,\n fontSize: '14px',\n display: 'inline-block',\n backgroundColor: '#574cfa',\n '&:hover': {\n backgroundColor: '#4b57d0'\n }\n },\n table: {\n minWidth: 650,\n marginTop: theme.spacing(3),\n overflow: 'auto'\n },\n overflowAuto: {\n overflow: 'auto'\n },\n titletop: {\n display: 'flex',\n alignItems: 'flex-start'\n },\n Buttontop: {\n fontSize: '20px',\n minWidth: '80px',\n borderRadius: ' 0 4px 4px 0 !important',\n padding: theme.spacing(1),\n transition: '0.5s background-color',\n color: theme.palette.white,\n backgroundColor: '#574cfa',\n '&:hover': {\n backgroundColor: '#4b57d0'\n },\n [theme.breakpoints.down(`sm`)]: {\n minWidth: '56px'\n }\n },\n Buttongreen: {\n marginTop: theme.spacing(3),\n\n borderRadius: '4px',\n padding: '14px 16px',\n minWidth: '150px',\n textAlign: 'center',\n transition: '0.5s background-color',\n\n fontSize: '14px',\n display: 'inline-block'\n },\n Buttonred: {\n marginTop: theme.spacing(3),\n backgroundColor: '#EF5B5B',\n '&:hover': {\n backgroundColor: '#b94545'\n }\n },\n Buttonred2: {\n backgroundColor: '#EF5B5B',\n '&:hover': {\n backgroundColor: '#b94545'\n }\n },\n DialogContent: {\n paddingTop: theme.spacing(3)\n },\n DialogActions: {\n padding: theme.spacing(2, 3)\n },\n titleModal: {\n color: color.blackLight\n },\n DialogContentText: {\n display: 'flex',\n '& svg': {\n marginRight: theme.spacing(1)\n }\n },\n listserial: {\n display: 'flex',\n '& fieldset': {\n borderRadius: ' 4px 0 0 4px !important'\n },\n '& select': {\n borderRadius: ' 4px 0 0 4px !important',\n fontSize: 14\n }\n },\n textlisense: {\n marginTop: theme.spacing(3),\n marginBottom: 0\n },\n divider: {\n width: '100%'\n },\n noLicense: {\n display: 'flex',\n justifyContent: 'center'\n },\n texttop: {\n marginBottom: theme.spacing(3)\n },\n manageSerial: {\n backgroundColor: '#574cfa',\n marginLeft: '8px',\n '&:hover': {\n backgroundColor: '#574cfa'\n }\n },\n items: {\n display: 'flex',\n alignItems: 'center'\n },\n startIcon: {\n marginLeft: theme.spacing(1),\n color: color.purple\n },\n manageIcon: {\n marginLeft: theme.spacing(1),\n color: color.orangeDark\n },\n select: {\n ' & .MuiSelect-select': {\n display: 'flex',\n alignItems: 'center'\n }\n }\n}));\n\nconst EditSerialls = props => {\n const { form, className, activeEditSeriallsTamdid } = props;\n const { history } = useRouter();\n const [userForm, setUserForm] = useState({\n errors: [],\n license: null,\n ...form\n });\n\n let {\n license,\n licenseKey,\n licenseType,\n errors,\n expirationDate,\n purchasedDate,\n productCode,\n productVersion,\n agencyName,\n databases\n } = userForm;\n\n const dispatch = useDispatch();\n const classes = useStyles();\n const [openEdit, setOpenEdit] = useState(false);\n const [openActiveModal, setOpenActiveModal] = useState({\n open: false,\n type: ''\n });\n const [isAdmin, setIsAdmin] = useState(false);\n\n const userLicenses = useSelector(state => state.licenses);\n\n const router = useRouter();\n\n const openModal = () => {\n const queryStringRoute = router.location.search\n .replace('?', '')\n .toLowerCase()\n .split('&');\n\n queryStringRoute &&\n queryStringRoute[queryStringRoute.length - 1] === 'addlicense'\n ? setOpenEdit(true)\n : setOpenEdit(false);\n };\n\n async function getUserLicenses(param) {\n try {\n const result = await api.getAllLicenses();\n if (param === 'setLastLicense') {\n const length = result.length;\n setUserForm(prevState => ({\n ...prevState,\n license: result[length - 1].id\n }));\n } else {\n result.map(\n x =>\n x['isDefault'] === true &&\n setUserForm(prevState => ({\n ...prevState,\n license: x.id,\n licenses: result,\n licenseKey: x.licenseKey,\n licenseType: x.licenseType\n }))\n );\n }\n const userLicenses = localStorage.getItem('userLicenses');\n if (userLicenses) {\n dispatch(getLicenses(result));\n localStorage.setItem('userLicenses', JSON.stringify(result));\n }\n setUserForm(prevState => ({\n ...prevState,\n licenses: result\n }));\n } catch (error) {}\n }\n\n async function getDetailLicense() {\n if (license !== 0) {\n try {\n const result = await api.DetailLIcence(license);\n setUserForm(prevState => ({\n ...prevState,\n ...result\n }));\n } catch (error) {}\n }\n }\n\n async function getIsAdminUser() {\n if (license !== 0) {\n try {\n const result = await api.getIsAdminUser(licenseKey);\n let { succeeded } = result;\n setIsAdmin(succeeded);\n } catch (error) {}\n }\n }\n\n async function SetDefultLicence() {\n try {\n const result = await api.DefultLicence(license);\n if (result.succeeded) {\n getUserLicenses();\n dispatch(getMyProfile(await fetchMyProfile()));\n }\n } catch (error) {}\n }\n\n async function getDatabases() {\n try {\n const result = await api.Databases(license);\n setUserForm(prevState => ({\n ...prevState,\n databases: result\n }));\n } catch (error) {}\n }\n\n const licenseExpirationDate = HolooLicenseExpirationDate(expirationDate);\n\n function convertUTCDateToLocalDate(date) {\n const x = date.slice(0, 10);\n const convertedDate = x.length > 0 && jMoment(x).format('jYYYY/jMM/jDD');\n\n return convertedDate;\n }\n\n useEffect(() => {\n getUserLicenses();\n openModal();\n }, []);\n\n useEffect(() => {\n if (license) {\n getDetailLicense();\n getDatabases();\n getIsAdminUser();\n }\n }, [license]);\n\n useEffect(() => {\n getDetailLicense();\n }, []);\n const handleEditOpen = () => {\n setOpenEdit(true);\n };\n\n const handleEditClose = () => {\n setOpenEdit(false);\n };\n useEffect(() => {\n textAlert();\n }, [licenseExpirationDate]);\n\n const textAlert = () => {\n if (licenseExpirationDate > 0) {\n if (licenseExpirationDate <= 89) {\n return 'اعتبار پشتیبانی شما در حال به پایان رسیدن است .جهت تمدید اعتبار اقدام نمایید';\n }\n } else {\n return 'اعتبار پشتیبانی شما به پایان رسیده است .جهت تمدید اعتبار اقدام نمایید';\n }\n };\n\n const handleOpenModal = async () => {\n const result = await api.getWidget(licenseKey);\n if (result.length === 0) {\n setOpenActiveModal({\n open: true,\n type: 'activeCloudService'\n });\n } else {\n setOpenActiveModal({\n open: true,\n type: 'licenseAdmin'\n });\n }\n };\n const getOnlineReport = () => {\n history.push('/myholoopanel/dashboard/online-advanced-reports');\n };\n const getManageSerial = () => {\n history.push('/myholoopanel/profile/PermissionManagement');\n };\n const handleChooseLicense = license => {\n setUserForm(prevState => ({\n ...prevState,\n license: license,\n licenseKey:\n userLicenses?.length > 0 &&\n userLicenses.find(x => x.id === parseInt(license)) &&\n userLicenses.find(x => x.id === parseInt(license)).licenseKey,\n licenseType:\n userLicenses?.length > 0 &&\n userLicenses.find(x => x.id === parseInt(license)) &&\n userLicenses.find(x => x.id === parseInt(license)).licenseType\n }));\n };\n\n const handleRenewal = async () => {\n let result;\n try {\n result = await api.getCheckLicense(licenseKey);\n if (result?.isDisable) {\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: `امکان تمدید سریال شما وجود ندارد برای اطلاعات بیشتر با پشتیبانی تماس بگیرید`\n })\n );\n } else {\n router.history.push(\n `/myholoopanel/store/support/renewal/payment/${licenseKey}/Tamdid`\n );\n }\n } catch (error) {}\n };\n return (\n \n
\n \n
\n\n \n \n {form.firstName && form.lastName\n ? form.firstName + ' ' + form.lastName\n : 'نام و نام خانوادگی'}\n \n \n {form.phoneNumber ? (\n \n \n \n \n {'آیا از حذف تصویر پروفایل اطمینان دارید؟'}\n \n \n \n \n انصراف\n \n \n بلی\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n شما میتوانید جهت افزودن و مدیریت سریال ها اقدام نمایید\n \n \n \n \n مشاهده گزارشات آنلاین\n \n )}\n \n \n {licenseExpirationDate &&\n licenseExpirationDate <= 89 &&\n licenseType === 0 ? (\n \n \n \n \n {license && licenseType === 0 && licenseExpirationDate && (\n \n \n {licenseExpirationDate <= 89 && (\n \n \n \n تاریخ تمدید :\n \n \n {license && convertUTCDateToLocalDate(purchasedDate)}\n \n \n \n \n تاریخ انقضاء :\n \n \n {license && convertUTCDateToLocalDate(expirationDate)}\n {/* {license && jMoment(expirationDate).format('jYYYY/jMM/jDD')} */}\n \n \n\n \n کد محصول : \n {productCode} \n \n \n \n نسخه محصول :\n \n \n {productVersion}\n \n \n \n \n نام نمایندگی :\n \n \n {agencyName}\n \n \n \n \n \n )}\n
\n );\n};\n\nEditSerialls.propTypes = {\n className: PropTypes.string\n};\n\nexport default EditSerialls;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport { Page } from 'components';\nimport { EditSerialls } from './components';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n maxWidth: '100%',\n margin: '0 auto'\n },\n aboutAuthor: {},\n media: {\n textAlign: 'center',\n '& img': {\n maxWidth: '100%',\n margin: '0 auto',\n maxHeight: 400\n }\n },\n text: {\n fontSize: '18px',\n margin: theme.spacing(3, 0)\n }\n}));\n\nconst UserSerialls = props => {\n const { form, account } = props;\n const classes = useStyles();\n const { profileCompletionHistory } = account;\n const activeEditSeriallsTamdid =\n profileCompletionHistory &&\n profileCompletionHistory.hasCompletedAddAddressStep &&\n profileCompletionHistory.hasCompletedAddIdentifyingInfoStep &&\n profileCompletionHistory.hasCompletedAddJobInfoStep;\n const activeEditSerialls = profileCompletionHistory;\n\n return (\n \n handleChooseLicense(licenses.id)}\n data-test={\n '7155aaef-a0b5-4b4b-8674-984ec89f4eb' + index\n }\n key={index}\n value={licenses.id}>\n {licenses.licenseKey}\n {licenses.productCode}\n {licenses.isDefault ? '(پیش فرض)' : ''}\n {licenses.licenseType ===\n licenseTypeEnums.assignedLicense && (\n \n انتخاب کنید...\n \n {userLicenses?.length !== 0 &&\n userLicenses.map((licenses, index) => (\n \n {licenses.licenseKey}\n {licenses.productCode}\n {licenses.isDefault ? '(پیش فرض)' : ''}\n \n \n ))}\n */}\n \n +\n \n {openEdit && (\n
\n {activeEditSeriallsTamdid &&\n licenseType === 0 &&\n userLicenses?.length > 0 && (\n \n \n انتخاب به عنوان پیش فرض\n \n {isAdmin ? (\n \n مدیریت دسترسی ها\n \n ) : (\n \n فعالسازی مدیریت دسترسی ها\n \n )}\n \n با انتخاب سریال پیش فرض سریال پیش فرض سایت شما تغییر پیدا\n میکند\n \n
\n )}\n {licenseType === 1 && (\n \n \n تمدید پشتیبانی\n \n {license !== 0 && license && licenseKey !== undefined && (\n \n سریال {licenseKey}\n شما در حال انقضاء می باشد.\n
\n جهت تمدید مراحل آن را تکمیل کنید\n \n )}\n
\n ) : license && licenseType === 0 && activeEditSeriallsTamdid ? (\n \n جهت تمدید مراحل آن را تکمیل کنید\n
\n \n دریافت سی دی\n \n {license !== 0 && license && licenseKey !== undefined && (\n \n میتوانید برای سریال {licenseKey}\n درخواست سی دی بدهید\n
\n جهت دریافت مراحل آن را تکمیل کنید\n \n )}\n
\n ) : null}\n \n جهت دریافت مراحل آن را تکمیل کنید\n
\n \n
\n
\n \n \n \n شما هنوز قسمت سریال را در پروفایل خود تکمیل نکرده اید.\n \n
\n )}\n \n );\n};\n\nexport default UserSerialls;\n","import { columnDataType } from 'enums';\n\nconst UserInvoicesTableOptions = () => {\n return [\n {\n propertyName: 'orders',\n columnTitle: 'لیست سفارشات',\n columnDataType: columnDataType.orders,\n columnWidth: '200px'\n },\n {\n propertyName: 'refId',\n columnTitle: 'کد رهگیری',\n columnDataType: columnDataType.string,\n columnWidth: '200px'\n },\n {\n propertyName: 'status',\n columnTitle: 'وضعیت سفارش',\n columnDataType: columnDataType.orderEventType,\n columnWidth: '200px'\n },\n {\n propertyName: 'orderDate',\n columnTitle: 'تاریخ سفارش',\n columnDataType: columnDataType.date,\n columnWidth: '200px'\n },\n {\n propertyName: 'price',\n columnTitle: 'قیمت کل',\n columnDataType: columnDataType.price,\n columnWidth: '200px'\n },\n {\n propertyName: 'discountedPrice',\n columnTitle: 'قیمت با تخفیف',\n columnDataType: columnDataType.price,\n columnWidth: '200px'\n },\n {\n propertyName: 'actualPrice',\n columnTitle: 'قیمت بدون تخفیف',\n columnDataType: columnDataType.price,\n columnWidth: '200px'\n },\n {\n propertyName: 'totalPrice',\n columnTitle: 'قیمت نهایی',\n columnDataType: columnDataType.price,\n columnWidth: '200px'\n },\n {\n propertyName: 'renewalLicense',\n columnTitle: 'سریال',\n columnDataType: columnDataType.price,\n columnWidth: '200px'\n }\n ];\n};\n\nexport default UserInvoicesTableOptions;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport { Paginate, TableGridPage } from 'components';\nimport Hidden from '@material-ui/core/Hidden';\nimport api from 'assets/libs/api';\nimport { makeStyles } from '@material-ui/styles';\nimport UserInvoicesTableOptions from './UserInvoicesTableOptions';\nimport { CardOrderSmallDevice } from 'components';\nimport { Grid, Typography } from '@material-ui/core';\nconst useStyles = makeStyles(theme => ({\n paginate: {\n marginTop: theme.spacing(3),\n display: 'flex',\n justifyContent: 'center',\n margin: 'auto',\n padding: theme.spacing(2),\n [theme.breakpoints.down(`md`)]: {\n marginTop: theme.spacing(0)\n }\n },\n media: {\n textAlign: 'center',\n '& img': {\n maxWidth: '100%',\n margin: '0 auto',\n maxHeight: 400\n }\n }\n}));\nconst UserInvoices = props => {\n const classes = useStyles();\n const { desiredPageSize } = props;\n const checkType = props.match.url.split('/');\n const apiUrl = `api/storeMS/v1/Store/Orders`;\n const routeView = 'myholoopanel/store/order';\n const isMicroService = true;\n\n const [data, setData] = useState([]);\n\n const [paging, setPaging] = useState({\n total: 0,\n pageNo: 1,\n pageSize: desiredPageSize,\n pageCount: ''\n });\n\n const { pageNo, pageSize } = paging;\n\n const queryStr = `page=${pageNo}&pageSize=${pageSize}`;\n\n function pageChange(page) {\n setPaging(prevState => ({\n ...prevState,\n pageNo: page.selected + 1\n }));\n }\n const getData = async () => {\n const result = await api.getDataTable(apiUrl, queryStr, null, isMicroService);\n setData(result.data);\n setPaging(prevState => ({\n ...prevState,\n total: result.total,\n pageCount: Math.ceil(result.total / pageSize)\n }));\n };\n useEffect(() => {\n getData();\n }, [queryStr]);\n\n return (\n \n \n \n \n شما هنوز پرداختی نداشته اید .\n \n
\n )}\n \n \n \n \n \n \n \n \n \n setOpenModal(prevState => ({\n ...prevState,\n refresh: true,\n id: userTokenItem.id\n }))\n }>\n \n\n {!userTokenItem.isMaster && (\n \n \n setOpenModal(prevState => ({\n ...prevState,\n delete: true,\n id: userTokenItem.id\n }))\n }>\n \n )}\n
\n \n
\n \n \n \n 0 && servicesList}\n className={classes.fullWidth}\n disableCloseOnSelect\n onChange={onChangeAutoComplete('servicesIds')}\n value={servicesIds_local}\n getOptionLabel={option =>\n option && option.displayName ? option.displayName : ''\n }\n renderOption={(option, { selected }) => (\n \n \n )}\n renderInput={params => (\n \n \n \n \n \n
\n \n \n \n سرویسی خریداری نشده است.\n \n
\n )}\n\n {userToken &&\n Object.keys(userToken).length > 0 &&\n (mobileDevice ? (\n \n \n \n \n
\n \n
\n \n {dataItem.approvalState && dataItem.approvalState === 2 ? (\n \n handleUpdate(dataItem.id)}>\n \n ) : (\n ''\n )}\n\n {dataItem.approvalState && dataItem.approvalState === 2 ? (\n \n {\n \n \n setOpenModal(prevState => ({\n ...prevState,\n delete: true,\n id: dataItem.id\n }))\n }\n color=\"secondary\">\n {'قطع همکاری'}\n \n \n }\n \n ) : (\n \n وضعیت : \n \n {\n PersonalOrAgentStatusEnums[\n dataItem.approvalState && dataItem.approvalState\n ]\n }\n \n \n )}\n
\n \n \n {type && type === 'personal' ? 'پرسنل' : 'عاملین نمایندگی'} که\n میخواهید تعیین کنید باید عضو MyHoloo باشد.شماره موبایلی که با آن\n عضو شده است را وارد نمایید.\n \n \n
\n );\n //\n case 1:\n return (\n \n \n
\n \n
\n )}\n \n {getStepContent(activeStep)}\n
\n \n {// It does not show btn back in step one\n activeStep !== 0 && (\n \n بازگشت\n \n )}\n\n \n {activeStep === steps.length - 1 ? 'تایید' : 'بعدی'}\n \n
\n \n همچنین میتوانید این سطوح دسترسی را هر زمان نیاز داشتید حذف و\n امکان دسترسی به این بخش را از{' '}\n {type === 'personal' ? 'پرسنل' : 'عامل نمایندگی'} خود حذف کنید\n
\n برای افزودن {type === 'personal'\n ? 'پرسنل'\n : 'عاملین نمایندگی'}{' '}\n در ابتدا پروفایل خود را تکمیل نمایید و سپس جهت افزودن اقدام\n نمایید.\n
\n \n هیچ {type === 'personal' ? 'پرسنل' : 'عامل نمایندگی'} یافت نشد.\n \n
\n )}\n \n همچنین در هر زمان که نیاز داشتید میتوانید به قطع همکاری اقدام نمایید\n
\n \n
\n \n
\n \n \n {user.firstName} {user.lastName}\n \n \n {user.phoneNumber}\n \n
\n \n \n setEditModal({\n id: item.id,\n title: item.title,\n parentId: 0\n })\n }>\n \n handleOpenModal('deleteAlertModal', item.id)\n }\n color=\"secondary\">\n \n handleOpenModal('addUserToGroupModal', item.id)\n }>\n \n handleOpenModal(\n 'groupPermissionManagementModal',\n item.id\n )\n }\n className={classes.manageButton}>\n
\n )}\n - \n
\n
\n )}\n \n {getStepContent(step)}\n
\n \n \n {user.firstName} {user.lastName}\n \n \n {user.phoneNumber}\n \n
\n \n 1 && handleOpen}\n variant=\"outlined\"\n className={classes.menuButton}>\n {selectedLicense?.licenseKey}\n {licenses?.length > 1 && \n {licenses?.length > 0 &&\n licenses.map(license => (\n {\n handleChooseLicense(license);\n handleClose();\n }}\n selected={license?.licenseKey === selectedLicense?.licenseKey}\n value={license}\n key={license.id}>\n {license?.licenseKey}\n \n ))}\n \n
\n \n \n {tabs.map(\n tab =>\n tab.isActive && (\n
\n \n );\n};\n\nProfile.propTypes = {\n history: PropTypes.object.isRequired,\n match: PropTypes.object.isRequired\n};\n\nexport default Profile;\n","import React, { Fragment, useState } from 'react';\nimport { makeStyles, withStyles } from '@material-ui/styles';\nimport { ClickAwayListener, colors } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport Card from '@material-ui/core/Card';\nimport Radio from '@material-ui/core/Radio';\nimport Divider from '@material-ui/core/Divider';\nimport CardContent from '@material-ui/core/CardContent';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport TextField from '@material-ui/core/TextField';\nimport { HolooNumberFormat, HolooTextError } from 'components';\nimport color from 'theme/colors';\nimport clsx from 'clsx';\nimport Box from '@material-ui/core/Box';\nimport { Link as RouterLink } from 'react-router-dom';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n margin: 'auto'\n },\n container: {\n padding: theme.spacing(7, 2, 2),\n width: theme.breakpoints.values.sm,\n [theme.breakpoints.down('sm')]: {\n width: 'auto'\n }\n },\n text: {\n marginBottom: theme.spacing(3)\n },\n Input: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n Button: {\n backgroundColor: color.purple,\n color: color.white,\n margin: theme.spacing(1),\n marginTop: theme.spacing(2),\n padding: theme.spacing(1.5, 3),\n // marginRight: 0,\n fontSize: '16px',\n textAlign: 'center',\n marginLeft: 'auto',\n '&:hover': {\n backgroundColor: colors.indigo[900]\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: '12px'\n }\n },\n gridButton: {\n display: 'flex',\n marginLeft: 'auto'\n },\n mobileByLicense: {\n direction: 'rtl'\n },\n title: {\n marginBottom: theme.spacing(3)\n },\n card: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n },\n activeContainer: {\n padding: theme.spacing(7, 2, 2),\n width: theme.breakpoints.values.md,\n [theme.breakpoints.down('sm')]: {\n padding: theme.spacing(7, 4, 2)\n },\n [theme.breakpoints.down('md')]: {\n width: 'auto'\n }\n },\n supportButton: {\n padding: theme.spacing(2, 2.5),\n fontSize: '16px',\n borderRadius: '5px'\n },\n displayFlex: {\n display: 'flex',\n fontSize: 'smaller'\n },\n box: {\n borderRadius: '10px'\n },\n option: {\n display: 'flex',\n alignItems: 'center',\n padding: theme.spacing(1)\n // '& + &': { marginTop: theme.spacing(2) }\n },\n options: {\n display: 'flex',\n // justifyContent: 'space-around',\n flexDirection: 'row'\n },\n cancelButton: {\n borderRadius: '4px',\n backgroundColor: color.red,\n '&:hover': {\n backgroundColor: colors.red[700]\n }\n },\n hidden: {\n display: 'hidden',\n width: 0,\n height: 0\n },\n imgHelp: {\n maxWidth: '100%',\n height: 'auto',\n marginTop: theme.spacing(3)\n },\n textHelp: {\n // marginTop: theme.spacing(2)\n },\n titleHelp: {\n margin: theme.spacing(1, 2)\n },\n divider: {\n margin: theme.spacing(1, 0)\n }\n}));\n\nconst HolooNumberFormatMaxLength8 = props => (\n \n {tab === 'userdetail' && (\n
\n \n \n \n شما هنوز پروفایل خود را تکمیل نکرده اید.\n \n
\n ))}\n {tab === 'PermissionManagement' && (\n \n \n {progress ? (\n \n \n در حال دریافت اطلاعات، صبور باشید.\n \n \n ) : unableToRenew ? (\n \n \n {unableToRenewText} \n \n \n ) : (\n completedRecieverInformation !== null && (\n \n {' '}\n \n )\n )}\n
\n );\n};\n\nexport default CompleteInformationAndPayment;\n","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport Page from 'components/Page';\nimport api from 'assets/libs/api';\nimport Grid from '@material-ui/core/Grid';\nimport Stepper from '@material-ui/core/Stepper';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport Button from '@material-ui/core/Button';\nimport ArrowRightAlt from '@material-ui/icons/ArrowRightAlt';\nimport Typography from '@material-ui/core/Typography';\nimport Card from '@material-ui/core/Card';\nimport Dialog from '@material-ui/core/Dialog';\nimport { CardContent, CardActions } from '@material-ui/core';\nimport {\n LicenseAndPhoneVarification,\n CompleteInformationAndPayment\n} from './components';\nimport { useDispatch } from 'react-redux';\nimport useRouter from 'utils/useRouter';\nimport { showNotification } from 'actions';\nimport createCountDownTimer from 'assets/libs/createCountDownTimer';\nimport validate from 'validate.js';\nimport { RenewalTypeEnum, CustomerTypeEnum } from 'enums';\nimport { PersianRegex, EnglishRegex } from 'Functions';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: theme.breakpoints.values.lg,\n maxWidth: '100%',\n margin: '0 auto',\n padding: theme.spacing(3, 3, 0),\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(0)\n }\n },\n secondRoot: {\n margin: '0 auto',\n padding: theme.spacing(3, 3, 0),\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(0)\n }\n },\n stepper: {\n backgroundColor: 'transparent',\n width: '60%',\n margin: 'auto',\n [theme.breakpoints.down(`sm`)]: {\n width: '100%'\n }\n },\n itemBox: {\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)',\n borderRadius: '10px',\n marginBottom: theme.spacing(3.5)\n },\n secondStepOnly: {\n display: 'none'\n },\n backButton: {\n position: 'absolute',\n left: 24,\n top: 26,\n [theme.breakpoints.down('xs')]: {\n position: 'unset'\n }\n },\n buttonGrid: {\n // position: 'relative',\n width: '100%',\n [theme.breakpoints.down(`xs`)]: {\n '& .MuiDialog-paper': {\n margin: 0,\n width: '100%',\n height: '100%',\n maxHeight: '100%',\n borderRadius: 0\n }\n }\n },\n cardModal: {\n // padding:theme.spacing(3,2,1,2)\n },\n actions: {\n // display: 'flex',\n // justifyContent: 'flex-end',\n // marginTop: theme.spacing(1.5)\n [theme.breakpoints.down(`sm`)]: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n backgroundColor: 'white',\n padding: theme.spacing(2),\n display: 'flex'\n }\n },\n actionsButton: {\n marginRight: theme.spacing(1),\n width: '100%'\n },\n cancelButton: {\n color: '#fff',\n borderRadius: '5px',\n alignSelf: 'center',\n padding: theme.spacing(1.5),\n display: 'flex',\n backgroundColor: '#EF5B5B',\n width: '200px',\n '&:hover': {\n backgroundColor: '#b94545'\n }\n },\n titleDialog: {\n marginBottom: theme.spacing(3)\n },\n cansel: {\n [theme.breakpoints.down(`sm`)]: {\n width: '20%',\n height: '40px'\n }\n },\n saveButton: {\n color: theme.palette.white,\n [theme.breakpoints.down(`sm`)]: {\n width: '80%',\n height: '40px'\n }\n }\n}));\n\nconst schema = {\n firstName: {\n presence: {\n allowEmpty: false,\n message: 'وارد کردن نام اجباری است'\n },\n length: {\n maximum: 32\n }\n },\n lastName: {\n presence: {\n allowEmpty: false,\n message: 'وارد کردن نام خانوادگی اجباری است'\n },\n length: {\n maximum: 32\n }\n },\n nationalCode: {\n presence: {\n allowEmpty: false,\n message: 'وارد کردن کدملی / کدثبت اجباری است'\n }\n },\n phoneNumber: {\n presence: {\n allowEmpty: false,\n message: 'وارد کردن تلفن ثابت اجباری است'\n },\n length: {\n maximum: 14\n }\n },\n mobile: {\n presence: {\n allowEmpty: false,\n message: 'وارد کردن شماره همراه اجباری است'\n },\n length: {\n maximum: 14\n }\n }\n};\n\nfunction getSteps() {\n return ['تایید سریال', 'تمدید پشتیبانی'];\n}\n\nconst steps = getSteps();\n\nconst QuickRenewal = props => {\n const classes = useStyles();\n const { history } = useRouter();\n const dispatch = useDispatch();\n const [openModal, setOpenModal] = useState(false);\n const [step, setStep] = useState(0);\n\n const [selectedLicenseData, setSelectedLicenseData] = useState({});\n\n const propsKey = props.match.params.key;\n const storageLicenseData = localStorage.getItem('licenseData');\n\n useEffect(() => {\n if (storageLicenseData && propsKey) {\n let licenseId = propsKey;\n let licenseData = JSON.parse(storageLicenseData);\n if (licenseData && licenseData.find(x => x[licenseId])) {\n let selectedLicenseData = licenseData.find(x => x[licenseId]);\n setSelectedLicenseData(selectedLicenseData[licenseId]);\n setLicenseKey(selectedLicenseData[licenseId].licenseKey);\n } else {\n dispatch(\n showNotification({\n notificationType: 'warning',\n notificationMessage: 'لطفا مجدد تلاش کنید.'\n })\n );\n }\n }\n }, [storageLicenseData, propsKey]);\n\n const [recieverInformationForm, setRecieverInformationForm] = useState({\n isValid: false,\n values: {\n firstName: '',\n lastName: '',\n gender: 'male',\n customerType: 'naturalPerson',\n email: '',\n phoneNumber: '',\n mobile: '',\n myHolooPhoneNumber: '',\n nationalCode: '',\n jobId: 0,\n subJobId: 0\n },\n touched: {},\n errors: {}\n });\n\n const {\n firstName,\n lastName,\n gender,\n email,\n phoneNumber,\n mobile,\n nationalCode,\n customerType,\n jobId,\n subJobId\n } = recieverInformationForm.values;\n\n const [renewalSupportForm, setRenewalSupportForm] = useState({\n requireUpdate: false,\n requireDisk: false,\n license: 0,\n licenseId: 0,\n formErrors: [],\n isTamdid: true\n });\n\n const [crmService, setCrmService] = useState();\n\n const {\n requireDisk,\n requireUpdate,\n licenseId,\n formErrors,\n isTamdid\n } = renewalSupportForm;\n\n useEffect(() => {\n Object.keys(formErrors).map(error =>\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: errors[error]\n })\n )\n );\n }, [formErrors]);\n\n useEffect(() => {\n if (parseInt(customerType) === 0) {\n setRecieverInformationForm(prevState => ({\n ...prevState,\n values: {\n ...prevState.values,\n customerType: 'naturalPerson'\n }\n }));\n } else if (customerType === 1) {\n setRecieverInformationForm(prevState => ({\n ...prevState,\n values: {\n ...prevState.values,\n customerType: 'legalPerson'\n }\n }));\n }\n }, [customerType]);\n\n const [\n localRecieverInformationForm,\n setLocalRecieverInformationForm\n ] = useState({ errors: [] });\n\n useEffect(() => {\n if (selectedLicenseData) {\n let names = Object.keys(recieverInformationForm.values);\n names.map(name => {\n setRecieverInformationForm(prevState => ({\n ...prevState,\n values: {\n ...prevState.values,\n [name]: selectedLicenseData[name]\n },\n touched: {\n ...prevState.touched,\n [name]: true\n }\n }));\n\n setLocalRecieverInformationForm(prevState => ({\n ...prevState,\n [name]: selectedLicenseData[name]\n }));\n });\n\n setRenewalSupportForm(prevState => ({\n ...prevState,\n licenseId: selectedLicenseData.licenseId\n }));\n }\n }, [selectedLicenseData]);\n\n const [\n completedRecieverInformation,\n setCompletedRecieverInformation\n ] = useState(null);\n\n const [renewalStatus, setRenewalStatus] = useState({\n unableToRenew: null,\n unableToRenewText: ''\n });\n\n useEffect(() => {\n if (propsKey !== undefined && licenseId && licenseId !== 0) {\n getUserCrmService();\n getData();\n }\n }, [propsKey, licenseId, requireDisk, requireUpdate]);\n\n const queryString = `requireDisk=${requireDisk}&requireUpdate=${requireUpdate}${\n isTamdid ? '&isTamdid=true' : '&isTamdid=false'\n }&userIsLoggedIn=${selectedLicenseData.userIsLoggedIn}`;\n\n const [isJobNedded, setIsJobNedded] = useState(false);\n\n const [progress, setProgress] = useState(true);\n\n async function getUserCrmService() {\n try {\n const result = await api.getUserCrmService(licenseId, queryString);\n result && setProgress(false);\n if (result.succeeded) {\n setCompletedRecieverInformation(true);\n setCrmService(result);\n if (!result.userIsLoggedIn && result.hasMessage) {\n setOpenModal(true);\n }\n } else if (result.CommandErrors) {\n result.CommandErrors.map(CommandError => {\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: CommandError.Description\n })\n );\n if (CommandError.Code === '1002') {\n setRenewalStatus(prevState => ({\n ...prevState,\n unableToRenew: true,\n unableToRenewText: CommandError.Description\n }));\n } else if (CommandError.Code === '1003') {\n setCompletedRecieverInformation(false);\n setIsJobNedded(true);\n }\n });\n }\n } catch (error) {}\n }\n\n const handleChange = e => {\n setRenewalSupportForm(prevState => ({\n ...prevState,\n [e.currentTarget.name]: e.currentTarget.checked,\n requireDisk: e.currentTarget.checked\n }));\n };\n\n useEffect(() => {\n const errors = validate(recieverInformationForm.values, schema, {\n fullMessages: false\n });\n setRecieverInformationForm(prevState => ({\n ...prevState,\n isValid: errors ? false : true,\n errors: errors || {}\n }));\n }, [recieverInformationForm.values]);\n\n const onChangeInput = e => {\n let name;\n let value;\n if (e.currentTarget.name) {\n name = [e.currentTarget.name];\n value = e.currentTarget.value;\n }\n if (\n e.currentTarget.name !== 'email' &&\n e.currentTarget.name !== 'gender' &&\n e.currentTarget.name !== 'customerType'\n ) {\n value = PersianRegex(value);\n } else {\n value = EnglishRegex(value);\n }\n delete errors[name];\n setRecieverInformationForm(prevState => ({\n ...prevState,\n values: {\n ...prevState.values,\n [name]: value\n },\n touched: {\n ...prevState.touched,\n [name]: true\n }\n }));\n };\n\n const onChangeNumberFormat = name => e => {\n const value = e.value;\n if (errors[name]) {\n delete errors[name];\n }\n\n setRecieverInformationForm(prevState => ({\n ...prevState,\n values: {\n ...prevState.values,\n [name]: value\n },\n touched: {\n ...prevState.touched,\n [name]: true\n }\n }));\n };\n\n async function postLicenseDetails() {\n try {\n const result = await api.postLicenseDetails(licenseId, {\n licenseId,\n firstName,\n lastName,\n phoneNumber,\n mobile,\n nationalCode,\n customerType: CustomerTypeEnum[customerType],\n email,\n jobId:\n isNaN(parseInt(jobId)) || parseInt(jobId) === 0\n ? null\n : parseInt(jobId),\n subJobId:\n isNaN(parseInt(subJobId)) || parseInt(subJobId) === 0\n ? null\n : parseInt(subJobId)\n });\n if (result.succeeded) {\n getUserCrmService();\n } else if (result.errors) {\n setRecieverInformationForm(prevState => ({\n ...prevState,\n errors: result.errors\n }));\n }\n } catch (error) {}\n }\n\n const hasError = field =>\n recieverInformationForm.errors[field] ? true : false;\n\n const [errors, setErrors] = useState([]);\n\n const [licenseKey, setLicenseKey] = useState();\n\n const onChangeNumberFormatKey = name => e => {\n const value = e.value;\n\n if (errors[name]) {\n delete errors[name];\n }\n\n setLicenseKey(value);\n };\n\n const [formTemporaryCode, setFormTemporaryCode] = useState('');\n\n const handleChangeInput = name => e => {\n // const name = e.currentTarget.name\n const value = e.value;\n\n delete errors[name];\n delete errors['tempCode'];\n\n setFormTemporaryCode(value);\n };\n const handleBack = () => {\n setStep(0);\n history.push('/myholoopanel/support/renewal/quickrenewal');\n setConfirmations({ licenseIsConfirmed: false, phoneIsConfirmed: false });\n setLicenseKey('');\n setRenewalSupportForm(prevState => ({\n ...prevState,\n requireUpdate: false,\n requireDisk: false,\n license: 0,\n licenseId: 0,\n formErrors: [],\n isTamdid: true\n }));\n setFormTemporaryCode('');\n setCompletedRecieverInformation(null);\n setRenewalStatus({ unableToRenew: null, unableToRenewText: '' });\n };\n\n const [secondStepOnly, setSecondStepOnly] = useState(false);\n\n useEffect(() => {\n if (props.match.params.step) {\n if (props.match.params.step.toLowerCase() === 'payment') {\n setStep(1);\n }\n }\n if (props.location.state && props.location.state.secondStepOnly) {\n setSecondStepOnly(true);\n }\n }, [props]);\n\n const [addressId, setAddressId] = useState();\n\n const [licenseData, setLicenseData] = useState([]);\n\n const [paymentGateways, setPaymentGateways] = useState([]);\n\n async function fetchPaymentGateways() {\n try {\n const result = await api.getAllGateways();\n if (result.succeeded) {\n setPaymentGateways(result.data);\n if (result?.data?.length > 0) {\n setType(result.data[0].gateway);\n }\n }\n } catch (error) {}\n }\n useEffect(() => {\n if (storageLicenseData) {\n setLicenseData(JSON.parse(storageLicenseData));\n }\n fetchPaymentGateways();\n }, []);\n\n async function QuikRenewSupportArrangement(event) {\n event.preventDefault();\n try {\n const result = await api.QuikRenewSupportArrangement({\n license: licenseKey,\n tempCode: formTemporaryCode\n });\n if (result.succeeded === true) {\n const interval = localStorage.getItem('interval');\n if (interval) {\n clearInterval(interval);\n localStorage.removeItem('interval');\n }\n\n let licenseId = result.data.licenseId;\n let filteredLicenseData = licenseData.filter(x => !x[licenseId]);\n localStorage.setItem(\n 'licenseData',\n JSON.stringify([\n ...filteredLicenseData,\n {\n [licenseId]: result.data\n }\n ])\n );\n\n // createCountDownTimer(0, intervalFunc, timerFinishedFunc, 'stopCountDown');\n history.push(\n `/myholoopanel/Support/Renewal/QuickRenewal/Payment/licenseId/${licenseId}`\n );\n // fetchPaymentGateways();\n } else if (result.errors) {\n setErrors(result.errors);\n }\n } catch (error) {}\n }\n\n const [temporaryCode] = useState('sms');\n\n const [timer, setTimer] = useState();\n\n const [mobileByLicense, setMobileByLicense] = useState();\n const [sendSms, setSendSms] = useState(false);\n\n function intervalFunc(e) {\n setTimer(e);\n }\n\n function timerFinishedFunc() {\n setTimer('00:00');\n localStorage.removeItem('sendVerificationSmsTimer');\n localStorage.removeItem('sendVerificationSmsTimer_LastCallDate');\n }\n\n async function handleSendSmsByLicense() {\n const result = await api.sendVerificationSms({ license: licenseKey });\n if (result && result.succeeded) {\n createCountDownTimer(\n result.data.nextCallTimeOut,\n intervalFunc,\n timerFinishedFunc\n );\n localStorage.setItem(\n 'sendVerificationSmsTimer',\n result.data.nextCallTimeOut\n );\n localStorage.setItem(\n 'sendVerificationSmsTimer_LastCallDate',\n new Date().getTime()\n );\n setSendSms(false);\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `کد فعالسازی با موفقیت ارسال گردید`\n })\n );\n } else {\n const errors = result.errors.license;\n errors.map(error =>\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: `${error}`\n })\n )\n );\n }\n }\n\n const [confirmations, setConfirmations] = useState({\n licenseIsConfirmed: false,\n phoneIsConfirmed: false\n });\n\n const [phoneNumberForSendingSmsId, setPhoneNumberForSendingSmsId] = useState(\n 1\n );\n\n const getCheckLicense=async(event)=>{\n event && event.preventDefault();\n let result;\n try{\n result = await api.licenseIsDisable(licenseKey);\n if(result?.isDisable){\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: `امکان تمدید سریال شما وجود ندارد برای اطلاعات بیشتر با پشتیبانی تماس بگیرید`\n })\n );\n }\n else{\n QuickRenewalLicenseVerification()\n }\n }\n catch(error){}\n } \n \n const quryStrng = `SendSms=${sendSms}`;\n\n async function QuickRenewalLicenseVerification(event) {\n event && event.preventDefault();\n try {\n const result = await api.QuickRenewalLicenseVerification(quryStrng, {\n license: licenseKey,\n phoneNumberForSendingSmsId,\n renewalType: RenewalTypeEnum[renewalType]\n });\n if (result.succeeded) {\n setMobileByLicense(result.data.phoneNumberList);\n setPhoneNumberForSendingSmsId(result.data.phoneNumberList[0].id);\n if (sendSms) {\n setConfirmations(prevState => ({\n ...prevState,\n phoneIsConfirmed: true\n }));\n createCountDownTimer(\n result.data.nextCallTimeOut,\n intervalFunc,\n timerFinishedFunc\n );\n localStorage.setItem(\n 'sendVerificationSmsTimer',\n result.data.nextCallTimeOut\n );\n localStorage.setItem(\n 'sendVerificationSmsTimer_LastCallDate',\n new Date().getTime()\n );\n setSendSms(false);\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `کد فعالسازی با موفقیت ارسال گردید`\n })\n );\n } else {\n setConfirmations(prevState => ({\n ...prevState,\n licenseIsConfirmed: true\n }));\n }\n } else if (result.errors) {\n setErrors(result.errors);\n setSendSms(false);\n }\n } catch (error) {}\n }\n\n const handleSetSendSms = e => {\n e.preventDefault();\n setSendSms(true);\n };\n\n useEffect(() => {\n sendSms && QuickRenewalLicenseVerification();\n }, [sendSms]);\n\n function redirect() {\n history.push('/myholoopanel/dashboard');\n }\n\n function onChangeGateway(e) {\n setType(parseInt(e.currentTarget.value));\n }\n\n const [type, setType] = useState(2);\n\n const [discountCode, setDiscountCode] = useState();\n\n const [renewalType] = useState('quickRenewal');\n\n const [paying, setPaying] = useState();\n\n const [registrationWilling, setRegistrationWilling] = useState(true);\n\n let handleSelectCheckbox = e => {\n setRegistrationWilling(e.currentTarget.checked);\n };\n\n async function postQuickRenewalSupport() {\n \n try {\n const result = await api.postRenewalSupport({\n renewalType: RenewalTypeEnum[renewalType],\n license: licenseKey,\n addressId: addressId ? addressId : null,\n discountCode: discountCode ? discountCode : null,\n customerType: CustomerTypeEnum[customerType],\n isTamdid,\n requireDisk,\n requireUpdate,\n firstName,\n lastName,\n gender,\n email: email ? email : null,\n phoneNumber,\n mobile,\n nationalCode,\n gateway: type,\n registrationWilling\n });\n if (result) {\n setDisableButton(false);\n if (result.succeeded === true) {\n if (result.data === null) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: 'خرید با موفقیت انجام شد.'\n })\n );\n setTimeout(redirect, 1000);\n } else {\n setPaying(result.data.content);\n }\n let filteredLicenseData = licenseData.filter(x => !x[licenseId]);\n localStorage.setItem(\n 'licenseData',\n JSON.stringify([...filteredLicenseData])\n );\n } else if (result.errors) {\n setErrors(result.errors);\n setLocalRecieverInformationForm(prevState => ({\n ...prevState,\n errors: Object.keys(result.errors)\n }));\n result.errors[0] &&\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: result.errors[0]\n })\n );\n }\n }\n } catch (error) {}\n }\n\n const onSubmitOrder = () => {\n if(addressId){\n setDisableButton(true);\n postQuickRenewalSupport();\n }\n };\n\n const onChangeDiscountCode = e => {\n setDiscountCode(e.currentTarget.value);\n };\n\n const [disableButton, setDisableButton] = useState(false);\n\n function getStepContent(step) {\n switch (step) {\n case 0:\n return (\n \n \n {completedRecieverInformation ? (\n \n \n {crmService ? (\n \n {crmService.name}\n (شماره سریال : {licenseKey})\n \n ) : (\n \n \n \n {crmService ? (\n \n \n ) : (\n \n \n \n ) : (\n \n \n \n \n {completedRecieverInformation === false ? (\n \n \n \n )}\n \n \n \n \n \n \n {errors.addressId}\n \n )}\n \n \n\n {completedRecieverInformation === false ? (\n \n تایید و تکمیل اطلاعات\n \n ) : (\n completedRecieverInformation && (\n \n \n )\n )}\n \n \n
{' '}\n \n handleSelectCheckbox(e)}\n />\n
\n \n \n مایل به عضویت در وب سایت myholoo هستم.\n \n
\n \n {crmService && (\n \n پرداخت آنلاین\n \n )}\n
\n \n \n \n
*/}\n {getStepContent(step)}
\n )}\n \n
\n );\n};\n\nexport default SupportRedirect;\n","import React, { useState, useEffect } from 'react';\nimport Rating from '@material-ui/lab/Rating';\nimport api from 'assets/libs/api';\nimport makeStyles from '@material-ui/styles/makeStyles';\n\nconst useStyles = makeStyles(() => ({\n averageUser: {\n display: 'block',\n position: 'relative'\n }\n}));\n\nconst Rate = props => {\n const { rate, isTab, mediaId,dataTest } = props;\n\n const [rating, setRating] = useState();\n\n const classes = useStyles();\n\n const onChangeRating = async (event, newValue) => {\n if (newValue) {\n setRating(newValue);\n try {\n const result = await api.RateMedia({\n mediaid: mediaId,\n rate: newValue\n });\n if (result.succeeded) {\n const averageRate = await api.averageRate({ mediaid: mediaId });\n averageRate.rate && setRating(averageRate.rate);\n }\n } catch (error) {}\n }\n };\n\n useEffect(() => {\n setRating(rate);\n }, []);\n\n return (\n \n {isTab && (\n \n میانگین امتیازات : {rating === null ? 0 : rating} از 5\n \n )}\n {(rating || rating === 0 || rating === null) && (\n 0 || isTab === true) && true}\n precision={0.5}\n size=\"medium\"\n />\n )}\n
\n );\n};\n\nexport default Rate;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { Page } from 'components';\nimport Card from '@material-ui/core/Card';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport grey from '@material-ui/core/colors/grey';\nimport blueGrey from '@material-ui/core/colors/blueGrey';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloudDownloadIcon from '@material-ui/icons/CloudDownload';\nimport Box from '@material-ui/core/Box';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport color from 'theme/colors';\nimport makeStyles from '@material-ui/styles/makeStyles';\nimport jMoment from 'moment-jalaali';\nimport Divider from '@material-ui/core/Divider';\nimport { Label } from 'components';\nimport red from '@material-ui/core/colors/red';\nimport api from 'assets/libs/api';\nimport goodUrls from 'assets/libs/goodUrls';\nimport { KeyboardBackspaceRounded } from '@material-ui/icons';\nimport Rate from '../../Rate';\nimport Favorite from '../../Favorite';\nimport { PlayVideo } from 'components';\nimport clsx from 'clsx';\nimport useRouter from 'utils/useRouter';\n\njMoment.loadPersian({ dialect: 'persian-modern', usePersianDigits: true });\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: theme.breakpoints.values.lg,\n maxWidth: '100%',\n margin: '0 auto',\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(2, 1.5)\n }\n // padding: theme.spacing(3, 3, 6, 3)\n },\n card: {\n padding: theme.spacing(4, 6),\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(6),\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(2),\n marginTop: theme.spacing(0)\n }\n },\n title: {\n // maxWidth: '400px',\n color: color.black,\n marginBottom: theme.spacing(2),\n fontWeight: 500,\n '&:hover': {\n color: color.purple\n }\n },\n publishStartDate: {\n color: grey[400],\n marginTop: theme.spacing(2)\n },\n categoryListLike: {\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center'\n },\n margin: {\n margin: '0 10px'\n },\n marginRight: {\n marginRight: '10px'\n },\n categoryList: {\n margin: theme.spacing(2),\n display: 'flex'\n },\n likedButton: {\n color: red[600]\n },\n like: {\n margin: theme.spacing(2),\n display: 'flex',\n alignItems: 'center'\n },\n description: {\n fontSize: '14px',\n lineHeight: '2',\n fontWeight: 300,\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(5)\n },\n descriptionShort: {\n color: blueGrey[800],\n margin: theme.spacing(5, 6, 5, 6),\n lineHeight: 1.7,\n position: 'relative',\n '&::before': {\n content: '\"،،\"',\n color: color.orangeDark,\n position: 'absolute',\n left: '-35px',\n fontSize: '50px',\n lineHeight: '20px',\n fontWeight: 500\n },\n [theme.breakpoints.down(`sm`)]: {\n margin: theme.spacing(3, 0, 3, 4)\n }\n },\n titleTag: {\n marginBottom: theme.spacing(1)\n },\n label: {\n padding: theme.spacing(2),\n backgroundColor: `${blueGrey[50]} !important`,\n color: `${blueGrey[900]} !important`,\n margin: theme.spacing(1),\n fontSize: '14px'\n },\n\n video: {\n width: '100%',\n borderRadius: '10px',\n marginBottom: theme.spacing(2)\n },\n imgDiv: {\n position: 'relative',\n transition: 'fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n '&:hover div': {\n height: '30%',\n opacity: 1\n }\n },\n imgDivRight: {\n width: '200px',\n borderRadius: '10px',\n position: 'relative',\n marginRight: theme.spacing(2)\n // transition: 'fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms', '&:hover div': {\n // height: '30%', opacity: 1 }, '& img': { width: '200px' }\n },\n\n HeadDescription: {\n display: 'flex',\n marginBottom: theme.spacing(2)\n },\n line: {\n color: grey[400],\n width: '10px',\n margin: theme.spacing(0, 1)\n },\n title2: {\n color: color.black,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n '&:hover': {\n color: color.purple\n }\n },\n textTop: {\n color: color.black,\n marginTop: theme.spacing(2),\n fontSize: '1rem'\n },\n moreIcon: {\n color: color.white,\n backgroundColor: red[400],\n paddingRight: theme.spacing(0.75),\n borderRadius: '50px',\n margin: theme.spacing(0, 1)\n },\n moreInformation: {\n display: 'flex',\n margin: theme.spacing(2, 0)\n },\n pictures: {\n width: '100%',\n borderRadius: '10px',\n maxHeight: 140,\n height: 'auto'\n },\n descriptionBox: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-evenly'\n },\n chosenTitle: {\n marginLeft: theme.spacing(0.5)\n },\n divider: {\n margin: theme.spacing(4, 0)\n },\n listNews: {\n display: 'flex',\n marginBottom: theme.spacing(3),\n paddingBottom: theme.spacing(3),\n borderBottom: `${grey[200]} 1px solid`,\n width: '100%',\n '&:last-child': {\n border: 'none'\n }\n },\n img: {\n width: '100%',\n height: 'auto',\n objectFit: 'cover',\n textAlign: 'center',\n borderRadius: '12px',\n position: 'relative'\n },\n img2: {\n width: '200px',\n height: 'auto',\n objectFit: 'cover',\n textAlign: 'center',\n borderRadius: '12px'\n },\n similarDiv: {\n marginTop: theme.spacing(2)\n },\n marginBottom: {\n marginBottom: theme.spacing(4)\n },\n categoryListButton: {\n margin: theme.spacing(0, 1)\n },\n tags: {\n display: 'flex',\n flexWrap: 'wrap'\n },\n download: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n [theme.breakpoints.down(`sm`)]: {\n order: 1,\n justifyContent: 'flex-start'\n }\n },\n titleBarBox: {\n [theme.breakpoints.down(`sm`)]: {\n order: 2\n }\n },\n titleBar: {\n display: 'flex',\n alignItems: 'baseline',\n justifyContent: 'space-between',\n padding: theme.spacing(2, 0, 0),\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(1)\n }\n },\n submitBtn: {\n padding: theme.spacing(1, 4),\n borderRadius: '4px',\n minWidth: '130px',\n textAlign: 'center',\n transition: '0.5s background-color',\n fontSize: '14px',\n // display: 'inline-block',\n color: '#574cfa'\n },\n backBtn: {\n display: 'flex',\n // justifyContent:'space-between',\n justifyContent: 'space-between',\n marginBottom: theme.spacing(2)\n },\n backIcon: {\n position: 'absolute',\n top: '119.233px',\n marginLeft: '4px'\n },\n backIconExternal: {\n position: 'absolute',\n top: '157.233px',\n marginLeft: '4px'\n },\n videoBox: {\n position: 'relative'\n },\n leftBtn: {\n justifyContent: 'flex-end !important'\n },extension:{\n color: `${color.purple} !important`,\n borderColor: color.purple,\n backgroundColor: color.purple,\n padding: 30,\n borderRadius: 15,\n display: 'flex',\n justifyContent: 'center',\n\n },\n insertDriveFileIcon:{\n maxHeight:150\n }\n}));\nconst MediaHome = props => {\n const classes = useStyles();\n const { mediaType, isPublic } = props;\n const {\n publishStartDate,\n categoryList,\n description,\n content,\n tagList,\n fileStorageId,\n thumbnailStorageId,\n title,\n similar,\n id,\n userRate,\n isFavorite\n } = props.data;\n const checkType = window.location.pathname.split('/');\n const router = useRouter();\n const fileDetail=router?.location?.state?.fileDetail;\n\n const linkVideosMain = (id, title) =>\n `${isPublic ? '/myholoopanel/public' : '/myholoopanel'}/${mediaType}/${id}/${goodUrls(title)}`;\n const showTitlePage = () => {\n switch (mediaType) {\n case 'news':\n return 'اخبار و مقالات';\n case 'videos':\n return 'ویدیو ها';\n case 'files':\n return 'فایل ها';\n default:\n break;\n }\n };\n const [imgVideo, setImgVideo] = useState({\n img: '',\n video: ''\n });\n\n const [media] = useState(true);\n useEffect(() => {\n setImgVideo({\n img: thumbnailStorageId\n ? api.fileStorage(thumbnailStorageId, isPublic)\n : '/images/sample/noimage.jpg',\n video: (fileStorageId || fileDetail && fileDetail.id)\n ? api.fileStorage(fileStorageId?fileStorageId:fileDetail?.id, isPublic, liveStream)\n : ''\n });\n }, [thumbnailStorageId, fileStorageId]);\n\n const liveStream = true;\n\n\n \n const handleBack = () => {\n const basicURL =(mediaType==='files' && ! isPublic) ?\n router?.location?.state?.previousRoute\n :`/myholoopanel${isPublic ? '/public' : ''}/${mediaType}`\n \n let cat = props.category;\n if (cat && cat.id !== 0) {\n router.history.push(\n `${basicURL}/category/${cat.id}/${goodUrls(cat.name)}`\n );\n } else {\n router.history.push({\n pathname:basicURL,\n });\n }\n };\n\n return (\n \n \n
\n \n {tagList && tagList.length > 0 && (\n
\n\n {similar && similar.length > 0 && (\n \n برچسب ها \n
\n )}\n \n {tagList.map((tag, index) => (\n \n ))}\n
\n \n \n {showTitlePage()}ی مشابه\n \n \n \n \n \n \n \n \n {jMoment(dataItem.publishEndDate).format(\n ' jDD jMMMM jYY '\n )}\n \n\n \n \n \n {dataItem.title}\n \n \n \n \n {dataItem.description}\n \n \n \n \n )\n )}\n
\n )}\n \n \n در حال دریافت داده، لطفا شکیبا باشید...\n \n
\n ) : (\n \n \n \n \n {checkTypePage()}\n \n \n\n {laptopDevice && searchBarWrapper()}\n \n
\n \n {data.length === 0 ? (\n \n \n )}\n
\n )}\n \n \n متاسفانه هیچ محتوایی وجود ندارد\n \n
\n ) : (\n showTab()\n )}\n\n {data?.length>0 && paging && paging.total > pageSize && (\n \n */}\n linkToNews(topList.id, topList.title)}\n data-test=\"640bae07-9347-454d-b1cb-59067798fb4e\"\n variant=\"h3\"\n className={classes.title}>\n {topList.title}\n \n {/* */}\n
\n \n \n {jMoment(topList.publishStartDate).format(' jDD jMMMM jYY ')}\n \n
\n {/* \n \n {data &&\n data.length > 0 &&\n data.map((data, index) => (\n \n \n linkVideoHome(data.id, data.title)}>\n {data.thumbnailStorageId || data.img ? (\n \n linkVideoHome(data.id, data.title)}\n className={classes.NewsTitle}\n variant=\"h5\">\n {data.title}\n \n\n \n \n {data.description}\n \n \n \n {(data.isFavorite || data.isFavorite === false) &&\n !isPublic && (\n \n \n \n \n ))}\n \n
\n \n
\n )}\n \n \n {faq.title}\n \n {faq.description} \n
\n \n - \n {tags.map((tag, index) => (\n
- \n {tag.childern.map((item, index) => (\n
\n \n چنانچه حساب کاربری دارید برای\n \n {' ورود '}\n \n کلیک کنید\n \n
\n \n {}\n {!verification ? (\n tab.login === 1 ? (\n \n \n {showPassword ? (\n setShowPassword(!showPassword)}\n />\n ) : (\n setShowPassword(!showPassword)}\n />\n )}\n \n ),\n className: 'HolooNumberFormat'\n }}\n />\n \n ) : (\n \n \n )\n ) : (\n \n \n )}\n
\n \n مرا به خاطر بسپار \n
\n \n {verification && (\n \n بازگشت\n \n )}\n \n {verification ? 'تایید' : 'ورود'}\n \n
\n {tab.login === 1 && (\n \n \n \n\n \n\n \n ![\"سرویس](\"MyHolooPanel/img/logo-top-blck.png\")
\n \n \n دسترسی سریع تر به MyHoloo\n \n \n وب اپلیکیشن MyHoloo را برای دسترسی بهتر , به صفحه اصلی موبایلتان اضافه کنید\n\n \n \n \n\n \n \n \n
\n );\n}","import { Button, Checkbox, Typography } from '@material-ui/core';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport { makeStyles } from '@material-ui/styles';\nimport api from 'assets/libs/api';\nimport React, { useEffect, useState } from 'react';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n checkBox: {\n display: 'flex',\n alignItems: 'center',\n margin: theme.spacing(1)\n },\n submitButton: {\n width: '100%',\n background: color.blueDark,\n color: '#fff',\n '&:hover': {\n backgroundColor: ' #181d21',\n boxShadow:\n '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)'\n }\n },\n terms: {\n maxHeight: 300,\n overflow: 'auto',\n margin: theme.spacing(2)\n },\n title: {\n fontWeight: 500\n },\n tab: {\n height: '100%',\n width: '100%',\n maxHeight: 300,\n overflow: 'auto',\n margin: theme.spacing(2)\n },\n content: {\n fontSize: '14px',\n maxWidth: 550\n },\n container: {\n maxWidth: 550\n }\n}));\nconst TermsAndConditions = props => {\n const { handleChangeCheckBox, handleSubmit } = props;\n const classes = useStyles();\n\n const [termsOfAgreement, setTermsOfAgreement] = useState('');\n\n async function getTermsOfAgreement() {\n try {\n const result = await api.getTermsOfAgreement();\n setTermsOfAgreement(result);\n } catch (error) {}\n }\n\n useEffect(() => {\n getTermsOfAgreement();\n }, []);\n\n const omdexIframe =\n \"\";\n\n const bdokIframe =\n \"\";\n\n const [tab, setTab] = useState(1);\n\n const handleTabsChange = (event, value) => {\n setTab(value);\n };\n\n const [tabs] = useState([\n {\n value: 1,\n label: 'قوانین اصلی'\n },\n {\n value: 2,\n label: 'سیستم اعتباری'\n },\n {\n value: 3,\n label: 'پشتیبانی آنلاین'\n },\n {\n value: 4,\n label: 'سرویس عمدکس'\n },\n {\n value: 5,\n label: 'سرویس بیدک'\n }\n ]);\n\n return (\n \n \n
\n \n ![\"\"](\"MyHolooPanel/img/upload.png\")
\n
\n \n بر روی share کلیک کنید
\n\n ![\"\"](\"MyHolooPanel/img/left-arrow.png\")
\n
\n \n \n ![\"\"](\"MyHolooPanel/img/add.png\")
\n
\n \n Add to home screen
\n\n \n
\n \n \n ![\"\"](\"MyHolooPanel/img/add1.png\")
\n
\n \n بر روی Add کلیک کنید
\n\n \n چنانچه حساب کاربری ندارید برای\n \n {' ثبت نام '}\n \n کلیک کنید\n \n
\n \n \n {tabs.map(tab => (\n
\n \n \n با تمامی{' '}\n setOpenHolooPolicyModal(true)}>\n قوانین سایت\n {' '}\n موافق هستم.\n \n
\n \n \n چنانچه حساب کاربری دارید برای\n \n {' ورود '}\n \n کلیک کنید\n \n
\n\n - \n
\n \n سامانه احراز هویت کارشناس نمایندگی\n \n
\n \n
\n امکان اتصال به فروشگاه اینترنتی شما
عملكرد و كنترل ویزیتوره' +\n 'ا
سطح دسترسي براي كاربران
نمايش معين اشخاص با ريز كالاها و چكها
ثبت' +\n ' انواع هزينه و درآمد, مغايرت گيري از بانك، صندوق
اعلام سررسيد اتوماتيك مهلت ت' +\n \"سويه فاكتورها
آشنایی بیشتر\" +\n ' با نرم افزار '\n }\n ]);\n const formData = [\n {\n id: 1,\n name: 'innovative_code',\n input: '00 - 00 - 00 - 00 ',\n submit: 'درخواست و عضویت '\n },\n {\n id: 2,\n name: 'code',\n input: 'کد دریافتی را وارد نمایید ',\n submit: 'ثبت'\n }\n ];\n\n const [localForm, setLocalForm] = useState('');\n\n const convertInnovative_code = innovative_code => {\n if (innovative_code.length > 9) {\n return (\n innovative_code.substr(0, 2) +\n '-' +\n innovative_code.substr(2, 2) +\n '-' +\n innovative_code.substr(4, 2) +\n '-' +\n innovative_code.substr(6, 4)\n );\n } else {\n setNoafarinForm(prevState => ({\n ...prevState,\n errors: { innovative_code: ['تعداد ارقام کد باید 10 باشد.'] }\n }));\n return null;\n }\n };\n async function irannoafarin() {\n let innovative_codeConvert = convertInnovative_code(innovative_code);\n if (innovative_codeConvert) {\n try {\n const result = await api.irannoafarin({\n innovative_code: innovative_codeConvert\n });\n if (result.succeeded === true) {\n if (result.data.status === 'ok') {\n setTab('getCode');\n setLocalForm('');\n result.data.data.token &&\n setNoafarinForm(prevState => ({\n ...prevState,\n token: result.data.data.token\n }));\n }\n } else {\n if (result.errors) {\n setNoafarinForm(prevState => ({\n ...prevState,\n errors: result.errors\n }));\n }\n // dispatch(showNotification({notificationType: 'error', notificationMessage: 'خطا! مشکلی وجود دارد لطفا مجدد تلاش کنید.'}))\n }\n } catch (error) {}\n }\n }\n\n async function irannoafarinSubmitUserDetail() {\n let innovative_codeConvert = convertInnovative_code(innovative_code);\n if (innovative_codeConvert) {\n try {\n const result = await api.irannoafarinSubmitUserDetail({\n innovative_code: innovative_codeConvert,\n code,\n token\n });\n if (result.succeeded === true) {\n setLocalForm('');\n setNoafarinForm(prevState => ({\n ...prevState,\n successText:\n 'ثبت اطلاعات شما با موفقیت انجام پذیرفت. کارشناسان ما به زودی با شما تماس حاصل خواهند نمود.'\n }));\n setTab('success');\n } else {\n // dispatch(showNotification({notificationType: 'error', notificationMessage: 'خطا! مشکلی وجود دارد لطفا مجدد تلاش کنید.'}))\n if (result.errors) {\n setNoafarinForm(prevState => ({\n ...prevState,\n errors: result.errors\n }));\n }\n }\n } catch (error) {}\n }\n }\n\n const Getcode = formData => {\n return (\n
\n \n \n کد ارسال شده به موبایل خود را وارد نمایید.{' '}\n \n )}\n \n \n \n {formData.submit}\n \n \n
\n );\n };\n const showStep = () => {\n switch (tab) {\n case 'getNoafarinCode':\n return Getcode(formData[0]);\n case 'getCode':\n return Getcode(formData[1]);\n case 'success':\n return \n
\n \n
\n \n {tabs.map(\n tab =>\n tab.id === supportTab && (\n
\n \n {tabs.map(\n tab =>\n tab.id === serviceTab && (\n
\n \n
\n \n ),\n 2: (\n <>\n \n \n \n \n {' '}\n \n \n آموزش مشاهده کد امنیتی slm\n \n \n \n کد امنیتی slm روی کارت slm درج شده و قابل مشاهده\n است.{' '}\n {/* برای مشاهده slm وارد نرم افزار هلو خود شوید و در نوار بار سمت چپ در قسمت خدمات هوشمند کد فعال سازی سایت را کلیک کنید و شماره slm خود را مشاهده نمایید. */}\n \n \n \n \n }>\n \n (راهنمای مشاهده slm)\n \n \n \n \n
\n - \n
- \n برای اطلاع از شماره همراهی که با آن نرم افزار را فعالسازی نمودید،\n روی لینک شبیه تصویر زیر کلیک نمایید.\n \n
\n \n استعلام شماره همراه ثبت شده جهت فعالسازی{' '}\n \n
\n \n ),\n 3: (\n <>\n \n +98912***3606\n
\n \n \n دریافت کد فعالسازی{' '}\n \n
\n \n ),\n 4: (\n <>\n - \n
- \n کد فعالسازی به شماره همراه ای که جهت فعالسازی استفاده نموده اید،\n ارسال می گردد.\n \n
- \n در صورتی که این کد فعال نشده باشد به شماره همراه ای که نرم افزار\n را خرید نمودید, ارسال می شود.\n \n
\n
\n \n ),\n 2: (\n <>\n \n \n \n \n {' '}\n \n \n آموزش مشاهده کد امنیتی slm\n \n \n \n کد امنیتی slm روی کارت slm درج شده و قابل مشاهده\n است.{' '}\n {/* برای مشاهده slm وارد نرم افزار هلو خود شوید و در نوار بار سمت چپ در قسمت خدمات هوشمند کد فعال سازی سایت را کلیک کنید و شماره slm خود را مشاهده نمایید. */}\n \n \n \n \n }>\n \n (راهنمای مشاهده slm)\n \n \n \n \n
\n - \n
- بر روی دکمه (نمایش 4 رقم شماره تلفن همراه) کلیک نمایید. \n
\n نمایش 4 رقم شماره همراه \n
\n \n ),\n 3: (\n <>\n \n +98912***3606\n
\n \n )\n },\n sendDocument: {\n \n 1: (\n <>\n - \n
- \n .شماره سريال نرمافزار خود را وارد نماييد \n \n
- \n .شماره تلفن همراه خود را که در هنگام فعالسازي نرمافزار استفاده نموديد، وارد نماييد\n \n
- \n .برروي دکمه (مرحله بعد) کليک نماييد\n \n
\n مرحله بعدی \n
\n \n ),\n 2: (\n <>\n \n {\n displayNumber === 2 ?\n - \n {/*
- \n در مرحله بعد مي بايست تصويري مدارکي که از شما درخواست مي گردد، ارسال نماييد \n */}\n {\n ( typeUser === 0) &&\n
- \n\n{\n haveFactor ?\n\n' تصاوير فاکتور خريد'\n\n :\n'تصاویر فرم شناسایی'\n}\n \n \n ،کارت ملي، فرم درخواست را مشابه تصاوير نمونه و در حداکثر حجم هر کدام \n صد کيلوبايت و در فرمت jpg تهیه کنید \n \n \n }\n \n \n{\ntypeUser === 1 &&\n
- \n{\n haveFactor ?\n\n' تصاوير فاکتور خريد'\n\n :\n'تصاویر فرم شناسایی'\n}\n،روزنامه رسمي، کارت ملي اعضاي هئيت مديره وفرم درخواست را مشابه تصاوير\nنمونه و در حداکثر حجم هر کدام صد کيلوبايت و در فرمت jpg تهیه کنید \n\n \n\n}\n\n\n
- \n\n\n.فرم خام درخواست را مي توانيد از \n\n\n\nاينجا \n\nدانلود نماييد، سپس تکميل و تصوير آن را تهيه نماييد\n \n {\n typeUser === 1 &&\n
- \n\n.فرم خام شناسايي را مي توانيد از اينجا دانلود نماييد، سپس تکميل و تصوير آن را تهيه نماييد \n \n }\n \n
- \n\nبا کليک روي دکمه (انتخاب فايل)، تصوير مورد نظر را از داخل رايانه يا تلفن همراه خود انتخاب و \nبارگزاري نماييد، و يا با کشيدن فايل مورد نظر رها کردن آن در محدوده نقطه چين مشخص شده \nفايل را بارگزاري نماييد \n
- \n \nبا کليک مجدد روي دکمه انتخاب فايل يا کشيدن فايل ديگر در محدوده ميتوانيد تصاوير بيشتري\n.را بارگزاري نماييد\n\n \n
\n
\n - \n
- \n در مرحله بعد مي بايست تصويري مدارکي که از شما درخواست مي گردد، ارسال نماييد \n \n
\n \n {steps.map((label, index) => {\n return (\n \n {label} \n \n \n \n );\n })}\n \n
\n );\n}\n","import { colors } from '@material-ui/core';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Card from '@material-ui/core/Card';\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/styles';\nimport api from 'assets/libs/api';\nimport { HolooNumberFormat, HolooTextError } from 'components';\nimport React, { useState } from 'react';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: theme.breakpoints.values.sm,\n maxWidth: '100%',\n margin: '0 auto',\n padding: theme.spacing(3),\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(0, 1.5)\n }\n },\n itemBox: {\n // boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)',\n borderRadius: '10px',\n // marginBottom: theme.spacing(3.5),\n padding: theme.spacing(3),\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(2)\n }\n },\n Button: {\n backgroundColor: color.purple,\n color: color.white,\n // borderRadius: '40px',\n margin: theme.spacing(1),\n marginTop: theme.spacing(2),\n marginRight: 0,\n // padding: theme.spacing(2.5),\n fontSize: '14px',\n textAlign: 'center',\n marginLeft: 'auto',\n borderRadius: '8px !important',\n '&:hover': {\n backgroundColor: colors.indigo[900]\n }\n },\n placeholder: {\n '& .MuiInputBase-input:invalid': {\n fontSize: '12px',\n textAlign: 'left'\n },\n '& .MuiInputBase-input::placeholder': {\n fontSize: '14px',\n textAlign: 'left'\n }\n },\n displayNumber: {\n '& .MuiInputBase-input.Mui-disabled': {\n color: colors.blueGrey[900],\n backgroundColor: color.greyBackground\n }\n },\n box: {\n borderRadius: '10px',\n maxWidth:'510px'\n },\n title: {\n margin: theme.spacing(3, 0.5),\n color: colors.blueGrey[900]\n },\n tabButton:{\n width:'100%'\n },\n showHelp:{\n display:'flex',\n justifyContent:'flex-end'\n }\n}));\n\nconst HolooNumberFormatMaxLength8 = props => (\n \n \n {ActiveFormEnum[name]}\n \n
\n \n {getStepContent(index + 1)}\n
\n \n بارگزاری تصویر فاکتور خرید \n \n
\n \n \n \n )}\n
\n \n بارگزاری تصویر فرم شناسایی \n \n
\n \n \n \n )}\n
\n \nبارگزاری تصویر کارت ملی اعضا هیئت مدیره \n \n\n
\n \n \n \n )}\n
\n \n \nبارگزاری تصویر کارت ملی \n\n
\n \n \n \n )}\n
\n \nبارگزاری تصویر فرم درخواست \n\n
\n \n \n \n )}\n
\n \nبارگزاری تصویر روزنامه رسمی \n\n
\n \n \n \n )}\n
\n \n فاکتور خرید نرم افزار را ندارم \n
\n \n \n \n {landingInformation.title}\n \n \n
\n \n {/* \n \n */}\n \n {landingInformation && landingInformation.public\n ? ' بازگشت به MyHoloo'\n : ' بازگشت به داشبورد'}\n \n
\n \n \n \n {landingInformation.title}\n \n \n {landingInformation.subject && (\n \n {landingInformation.subject}\n \n )}\n \n {landingInformation.description}\n \n \n {landingInformation.links}\n {landingInformation && landingInformation.videoUrl && (\n setVideoModal(true)}\n className={classes.intro}>\n \n {landingInformation.introduction}\n \n \n )}\n \n
\n \n {landingInformation.options &&\n landingInformation.options.length > 0 &&\n landingInformation.options.map((option, index) => (\n \n \n ))}\n
\n - \n
\n \n \n \n setOmdexModal(false)} open={omdexModal} data-test=\"1c09d87c-1248-4648-8309-ab0b2ad8d971\">\n \n \n عضویت در عمدکس\n setOmdexModal(false)}>\n \n \n \n
\n );\n};\n\nexport default Omdex;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport { HolooLink, NotCompletedProfileModal } from 'components';\nimport api from 'assets/libs/api';\nimport Main from '../component';\nimport { Typography, Hidden, Button } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showNotification } from 'actions';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n container: {\n backgroundImage: 'url(/images/land/vafino-back.svg)',\n height: '100%',\n backgroundPosition: 'right bottom !important',\n backgroundRepeat: 'no-repeat !important',\n backgroundSize: '800px !important',\n [theme.breakpoints.up('lg')]: {\n minHeight: 969\n },\n [theme.breakpoints.down('lg')]: {\n backgroundSize: '700px !important'\n },\n [theme.breakpoints.down('md')]: {\n minHeight: 1300\n },\n // [ theme .breakpoints .down('xs') ]: { minHeight:\n // 'auto' },\n [theme.breakpoints.down('xs')]: {\n background: 'none !important',\n minHeight: 'auto'\n }\n },\n headDesc: {\n margin: theme.spacing(2.5, 0),\n fontSize: 18,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n desc: {\n fontSize: 18,\n color: `${color.landBlack} !important`,\n fontWeight: '400',\n margin: theme.spacing(4, 0),\n lineHeight: '2',\n [theme.breakpoints.up('lg')]: {\n maxWidth: '65%'\n }\n },\n link: {\n margin: theme.spacing(2.5, 0),\n fontSize: 16,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n request: {\n cursor: 'pointer',\n backgroundColor: `${color.vafinoColor}`,\n color: 'white',\n fontSize: 16,\n border: `1px solid ${color.vafinoColor}`,\n display: 'inline-block',\n padding: theme.spacing(2.5, 4),\n marginRight: theme.spacing(3),\n borderRadius: '10px',\n '&:hover': {\n backgroundColor: '#eac007'\n },\n [theme.breakpoints.down('xs')]: {\n padding: theme.spacing(2.5, 3),\n width: '100%',\n margin: theme.spacing(2.5),\n textAlign: 'center'\n }\n },\n back: {\n maxWidth: '100%',\n height: 'auto'\n },\n padding: {\n padding: theme.spacing(1, 4)\n },\n progress: {\n margin: 'auto',\n width: '30px !important',\n height: '30px !important'\n }\n}));\n\nconst Vafino = () => {\n const classes = useStyles();\n const dispatch = useDispatch();\n const account = useSelector(state => state.account);\n const licenses = useSelector(state => state.licenses);\n\n const [isCompleteProfileModal, setIsCompleteProfileModal] = useState(false);\n\n const [notCompletedProfile, setNotCompletedProfile] = useState(false);\n\n useEffect(() => {\n let steps = account?.profileCompletionHistory;\n if (\n steps &&\n (!licenses?.length>0 ||\n !steps.hasCompletedAddJobInfoStep ||\n !steps.hasCompletedAddAddressStep ||\n !steps.hasCompletedAddIdentifyingInfoStep)\n ) {\n setNotCompletedProfile(true);\n }\n }, [account?.profileCompletionHistory]);\n\n const [isRegistered, setIsRegistered] = useState();\n\n let landingInformation = {\n icon: '/images/externalstore/vafino.png',\n title: 'وافینو',\n subject: 'وفادارسازی مشتریان',\n options: [\n 'دوست دارین بین همکاران و رقبا یه سر و گردن بالاتر باشین',\n 'دلتون میخواد بازم مشتریانی که ازتون خرید کردن رو به فروشگاهتون برگردونید؟'\n ],\n description: (\n \n omdexRegisteration(2)}\n className={clsx(classes.request, classes.modalButton)}>\n خریدار عمده هستم\n \n omdexRegisteration(3)}\n className={clsx(classes.request, classes.modalButton)}>\n تولید کننده هستم\n \n omdexRegisteration(3)}\n className={clsx(classes.request, classes.modalButton)}>\n پخش کننده عمده هستم\n \n
\n \n \n \n ![](\"/images/land/vafino-back.svg\")
\n \n
\n );\n};\n\nexport default Vafino;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport { NotCompletedProfileModal } from 'components';\nimport Main from '../component';\nimport { Typography, Hidden } from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\nimport clsx from 'clsx';\nimport { DialogContent } from '@material-ui/core';\nimport { Dialog } from '@material-ui/core';\nimport { useSelector } from 'react-redux';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n container: {\n backgroundImage: 'url(/images/land/asanPardakht-back.svg)',\n height: '100%',\n backgroundPosition: 'right bottom !important',\n backgroundRepeat: 'no-repeat !important',\n backgroundSize: '800px !important',\n [theme.breakpoints.up('lg')]: {\n minHeight: 969\n },\n [theme.breakpoints.down('lg')]: {\n backgroundSize: '700px !important'\n },\n [theme.breakpoints.down('md')]: {\n minHeight: 1300\n },\n // [\n // theme\n // .breakpoints\n // .down('xs')\n // ]: {\n // minHeight: 'auto'\n // },\n [theme.breakpoints.down('xs')]: {\n background: 'none !important',\n minHeight: 'auto'\n }\n },\n headDesc: {\n margin: theme.spacing(2.5, 0),\n fontSize: 18,\n color: '#333333 !important',\n fontWeight: '400'\n },\n desc: {\n fontSize: 18,\n color: '#333333 !important',\n fontWeight: '400',\n margin: theme.spacing(4, 0),\n lineHeight: '2'\n },\n link: {\n margin: theme.spacing(2.5, 0),\n fontSize: 16,\n color: '#333333 !important',\n fontWeight: '400'\n },\n request: {\n cursor: 'pointer',\n backgroundColor: '#F56A4A',\n color: 'white',\n border: '1px solid #F56A4A',\n display: 'inline-block',\n padding: theme.spacing(2.5, 4),\n marginRight: theme.spacing(3),\n borderRadius: '10px',\n [theme.breakpoints.down('xs')]: {\n padding: theme.spacing(2.5, 3),\n width: '100%',\n margin: theme.spacing(2.5),\n textAlign: 'center'\n }\n },\n guide: {\n color: '#F56A4A',\n backgroundColor: 'white'\n },\n back: {\n maxWidth: '100%',\n height: 'auto'\n },\n paddingModalUpdate: {\n padding: '35px 100px !important',\n [theme.breakpoints.down('sm')]: {\n padding: '35px 24px !important'\n },\n [theme.breakpoints.down('xs')]: {\n padding: '35px 24px !important'\n }\n }\n}));\n\nconst AsanPardakht = () => {\n const classes = useStyles();\n\n const account = useSelector(state => state.account);\n const licenses = useSelector(state => state.licenses);\n\n const [isCompleteProfileModal, setIsCompleteProfileModal] = useState(false);\n\n const [, setNotCompletedProfile] = useState(false);\n\n useEffect(() => {\n let steps = account?.profileCompletionHistory;\n if (\n steps &&\n (!licenses?.length>0 ||\n !steps.hasCompletedAddJobInfoStep ||\n !steps.hasCompletedAddAddressStep ||\n !steps.hasCompletedAddIdentifyingInfoStep)\n ) {\n setNotCompletedProfile(true);\n }\n }, [account?.profileCompletionHistory]);\n\n let landingInformation = {\n icon: '/images/externalstore/ap.png',\n title: 'پرداخت هوشمند',\n options: [\n 'تا حالا شده مشتریات کارت بانکیشون رو یادشون رفته باشه ؟',\n 'میدونی که با یه ابزار پرداخت بروز می تونی خیلی جلوتر و متفاوت تر از بقیه باشی؟'\n ],\n description: (\n \n \n \n \n \n \n
\n );\n};\n\nexport default AsanPardakht;\n","import { makeStyles } from '@material-ui/styles';\n\nconst AsanPardakhtJss = makeStyles(theme => ({\n container: {\n display: 'flex',\n flex: '1 1 auto',\n overflow: 'hidden',\n color: '#212529'\n },\n root: {\n width: '100%'\n },\n logo: {\n justifyContent: 'flex-start',\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down(`sm`)]: {\n justifyContent: 'center'\n }\n },\n img: {\n maxWidth: '160px',\n margin: ' 20px 0',\n height: 'auto',\n [theme.breakpoints.down(`sm`)]: {\n margin: ' 20px 0'\n },\n [theme.breakpoints.down(`xs`)]: {\n marginTop: '10px',\n marginBottom: '0px'\n }\n },\n title: {\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down(`sm`)]: {\n justifyContent: 'center',\n alignItems: 'center',\n marginRight: '0px'\n },\n '& .MuiTypography-root': {\n marginLeft: 'calc( 75% / 2 - 150px)',\n fontWeight: 700,\n fontSize: '18px',\n [theme.breakpoints.down(`xs`)]: {\n fontWeight: 500,\n fontSize: '14px',\n marginLeft: '0',\n marginBottom: '15px'\n }\n }\n },\n topbar: {\n marginBottom: theme.spacing(2),\n borderBottom: ' 1px solid #E5E5E5',\n boxShadow: '0 5px 6px 0 rgba(117, 117, 117, 0.12)',\n webkitBoxShadow: '0 5px 6px 0 rgba(117, 117, 117, 0.12)',\n MozBoxShadow: '0 5px 6px 0 rgba(117, 117, 117, 0.12)'\n },\n paddingHorizontal: {\n paddingLeft: '11px',\n paddingRight: '11px',\n paddingBottom: '11px'\n },\n card: {\n width: '100%',\n borderRadius: '10px',\n padding: '24px 24px 24px 24px',\n marginBottom: '25px',\n boxShadow: theme.shadows[2],\n overflow: 'initial'\n },\n cardTitle: {\n '& .MuiCardHeader-title': {\n fontSize: '16px',\n fontWeight: 500\n }\n },\n claneder: {\n margin: '0',\n '& input': {\n padding: '18.5px 14px'\n }\n },\n submitBtn: {\n // margin: theme.spacing(2, 2), marginRight: theme.spacing(2),\n padding: theme.spacing(1.5, 4),\n borderRadius: '4px',\n minWidth: '150px',\n textAlign: 'center',\n transition: '0.5s background-color',\n fontSize: '14px',\n display: 'inline-block'\n },\n buttonContainer: {\n display: 'flex',\n justifyContent: 'center',\n padding: theme.spacing(2),\n paddingTop: '0px',\n marginBottom: '0px !important',\n [theme.breakpoints.down(`sm`)]: {\n padding: '0',\n '& div': {\n width: '100%',\n paddingTop: '0 !important'\n },\n '& div>button': {\n width: '100%'\n },\n '& div>a>button': {\n width: '100%'\n }\n }\n },\n flex: {\n display: 'flex'\n },\n sheba: {\n marginLeft: '10px',\n marginTop: '15px',\n fontSize: '16px',\n whiteSpace: 'nowrap'\n }\n}));\n\nexport default AsanPardakhtJss;\n","import React, { Fragment } from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport AsanPardakhtJss from '../AsanPardakhtJss';\n\nconst Header = () => {\n const classes = AsanPardakhtJss();\n\n return (\n \n
\n );\n};\n\nexport default APForm;\n","import {\n Button,\n Card,\n CardContent,\n Hidden,\n IconButton,\n Modal,\n TextField,\n Typography\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/CloseOutlined';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n mywidgetsOrAssignedWidgets,\n getMyProfile,\n getMyServices,\n showNotification,\n Widgets\n} from 'actions';\nimport api from 'assets/libs/api';\nimport clsx from 'clsx';\nimport {\n HolooNumberFormat,\n HolooTextError,\n} from 'components';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Link as RouterLink } from 'react-router-dom';\nimport {\n fetchGetMyServices,\n fetchGetMyWidgets,\n fetchGetWidgets\n} from 'reduxComponents';\nimport color from 'theme/colors';\nimport Main from '../component';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n modalRoot: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n outline: 'none',\n boxShadow: theme.shadows[20],\n width: 500,\n maxHeight: '100%',\n overflowY: 'auto',\n maxWidth: '100%',\n [theme.breakpoints.down(`sm`)]: {\n width: '100%',\n top: '0',\n left: '0',\n transform: 'none',\n bottom: 0,\n boxShadow: 'none',\n borderRadius: 0,\n paddingBottom: theme.spacing(6)\n }\n },\n container: {\n backgroundImage: 'url(/images/land/report-back.svg)',\n height: '100%',\n backgroundPosition: 'right bottom !important',\n backgroundRepeat: 'no-repeat !important',\n backgroundSize: '800px !important',\n [theme.breakpoints.up('lg')]: {\n minHeight: 969\n },\n [theme.breakpoints.down('lg')]: {\n backgroundSize: '700px !important'\n },\n [theme.breakpoints.down('md')]: {\n minHeight: 1300\n },\n\n [theme.breakpoints.down('xs')]: {\n background: 'none !important',\n minHeight: 'auto'\n }\n },\n headDesc: {\n margin: theme.spacing(2.5, 0),\n fontSize: 18,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n desc: {\n fontSize: 18,\n color: `${color.landBlack} !important`,\n fontWeight: '400',\n margin: theme.spacing(4, 0),\n lineHeight: '2',\n [theme.breakpoints.up('lg')]: {\n maxWidth: '65%'\n }\n },\n link: {\n margin: theme.spacing(2.5, 0),\n fontSize: 16,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n request: {\n cursor: 'pointer',\n backgroundColor: `${color.onlineColor}`,\n color: 'white',\n border: `1px solid ${color.onlineColor}`,\n fontSize: 16,\n display: 'inline-block',\n padding: theme.spacing(2.5, 4),\n marginRight: theme.spacing(3),\n borderRadius: '10px',\n '&:hover': {\n backgroundColor: '#f5472c'\n },\n [theme.breakpoints.down('xs')]: {\n padding: theme.spacing(2.5, 3),\n width: '100%',\n margin: theme.spacing(2.5),\n textAlign: 'center'\n }\n },\n guide: {\n color: `${color.onlineColor}`,\n backgroundColor: 'white',\n '&:hover': {\n backgroundColor: '#f5a48d',\n color: 'white'\n }\n },\n back: {\n maxWidth: '100%',\n height: 'auto'\n },\n activeBox: {\n padding: theme.spacing(1, 2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n textAlign: 'right',\n borderBottom: '1px solid #e7e7e7'\n },\n InputText: {\n '& .Mui-error': {\n '& .MuiInputBase-input': {\n border: '1px solid #e53935 !important',\n borderRadius: '11px !important',\n borderTop: 'none !important',\n padding: '18px 0 !important'\n }\n },\n '& .MuiInputBase-input': {\n '&:focus': {\n borderColor: '#24ccb8 '\n },\n border: '1px solid #d9d9d9',\n borderRadius: '11px',\n borderTop: 'none',\n padding: '18px 10px !important'\n }\n },\n actions: {\n [theme.breakpoints.down(`sm`)]: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n backgroundColor: 'white',\n padding: theme.spacing(2),\n display: 'flex'\n }\n },\n buttons: {\n display: 'flex',\n flexDirection: 'column',\n padding: theme.spacing(2)\n },\n licenseText: {\n margin: 'auto',\n marginBottom: theme.spacing(2.5),\n fontSize: 16,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n marginAuto: {\n margin: 'auto'\n },\n check: {\n color: 'white',\n backgroundColor: color.teal,\n marginLeft: 'auto',\n '&:hover': {\n backgroundColor: color.tealHolooDark\n }\n },\n placeholder: {\n marginBottom: theme.spacing(2)\n },\n activeText: {\n fontSize: 14\n },\n progress: {\n margin: 'auto',\n width: '30px !important',\n height: '30px !important'\n },\n padding: {\n padding: theme.spacing(1.5, 4),\n minWidth: 175\n },\n modalBtn: {\n padding: theme.spacing(1.5, 3),\n margin: 'auto',\n cursor: 'pointer',\n backgroundColor: `${color.onlineColor}`,\n color: 'white',\n border: `1px solid ${color.onlineColor}`,\n fontSize: 16,\n display: 'inline-block',\n borderRadius: '10px',\n '&:hover': {\n backgroundColor: '#f5472c'\n }\n }\n}));\n\nconst OnlineReport = props => {\n const classes = useStyles();\n const dispatch = useDispatch();\n const [hasLicense, setHasLicense] = useState();\n const account = useSelector(state => state.account);\n const [isItOrderedOnce, setIsItOrderedOnce] = useState();\n const [isLicenseExpiredModal, setIsLicenseExpiredModal] = useState(false);\n const licenses = useSelector(state => state.licenses);\n const defaultLicenseKey =\n licenses?.length > 0 &&\n licenses.find(item => item.isDefault) &&\n licenses.find(item => item.isDefault).licenseKey;\n\n useEffect(() => {\n if (isItOrderedOnce && defaultLicenseKey) {\n getAllMyServices();\n }\n }, [isItOrderedOnce, defaultLicenseKey]);\n const getLicenseDatabases = async () => {\n try {\n const result = await api.getLicenseDatabases(licenseKey);\n if (result.data && result.data.length > 0) {\n account['databases'] = result.data;\n dispatch(getMyProfile(account));\n }\n } catch (error) {}\n };\n const getAllMyServices = async () => {\n dispatch(getMyServices(await fetchGetMyServices(defaultLicenseKey)));\n };\n const myServices = useSelector(state => state.myServices);\n const widgets = useSelector(state => state.widgets);\n\n async function getWidget() {\n dispatch(\n mywidgetsOrAssignedWidgets(await fetchGetMyWidgets(defaultLicenseKey))\n );\n }\n\n const [, setRequestDashboard] = useState(false);\n useEffect(() => {\n if (Object.keys(widgets).length === 0) {\n getWidget();\n\n setRequestDashboard(true);\n }\n }, [myServices]);\n\n\n let landingInformation = {\n icon: '/images/externalstore/report.png',\n title: 'گزارشات آنلاین',\n options: [\n 'تا به حال پیش اومده که به سیستم حسابداری خودتون دسترسی نداشته باشید ولی به گزارش' +\n 'اتش نیاز داشته باشید.',\n 'ما یک راه خوب بهتون معرفی می کنیم'\n ],\n description: (\n \n {checkType[2] === 'land' && (\n
\n \n \n \n
\n )}\n\n \n \n \n \n
\n \n \n \n \n \n \n \n فاقد اعتبار پشتیبانی\n setIsLicenseExpiredModal(false)}>\n \n \n \n setSlmModal(false)} open={slmModal}>\n \n \n کد فعال سازی دریافتی از نرم افزار هلو\n setSlmModal(false)}>\n \n \n \n
\n );\n};\n\nexport default OnlineReport;\n","import { makeStyles } from '@material-ui/styles';\nimport color from 'theme/colors';\n\nconst BesunJss = makeStyles(theme => ({\n '@global': {\n '*::-webkit-scrollbar': { width: '20px' },\n '*::-webkit-scrollbar-track': {\n '-webkit-box-shadow': 'inset 0 0 5px grey',\n borderRadius: '10px'\n },\n '*::-webkit-scrollbar-thumb': {\n background: 'red',\n borderRadius: '10px'\n },\n '*::-webkit-scrollbar-thumb:hover': {\n background: '#b30000'\n }\n },\n root: {\n maxWidth: '100%'\n },\n imgBesun: {\n maxWidth: '100%',\n height: 'auto',\n width: '110px'\n },\n titleBesunMD: {\n color: '#006635',\n fontSize: '2.2rem',\n marginLeft: '1rem',\n fontFamily: 'IRANSans',\n fontWeight: 700,\n display: 'none',\n marginBottom: '3rem',\n '@media (max-width:767px)': {\n display: 'block'\n }\n },\n titleBesun: {\n color: '#006635',\n fontSize: '2.2rem',\n display: ' inline-block',\n marginLeft: '1rem',\n fontFamily: 'IRANSans',\n fontWeight: 700,\n '@media (max-width:767px)': {\n display: 'none'\n }\n },\n holooLogo: {\n padding: theme.spacing(0.5, 0),\n maxHeight: '50px',\n maxWidth: '100%'\n },\n textRight: {\n textAlign: 'right'\n },\n dashboard: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n },\n logo: {\n justifyContent: 'flex-end',\n display: 'flex',\n alignItems: 'center',\n padding: theme.spacing(0, 2)\n },\n backDashboard: {\n color: color.white,\n backgroundColor: '#24CCB8',\n borderRadius: '8px',\n fontSize: '13px',\n padding: theme.spacing(1, 1.5),\n '&:hover': {\n backgroundColor: color.teal\n // color: '#49af51',\n // border:' 1px solid #49af51',\n }\n },\n\n ListItem: {\n fontSize: '1.375rem',\n fontWeight: 300,\n lineHeight: '33px'\n },\n description: {\n fontWeight: 'normal',\n color: 'black',\n marginTop: '3rem',\n fontSize: '1.125rem',\n lineHeight: '40px',\n textAlign: 'justify',\n padding: '0 22px',\n paddingLeft: '32px',\n '@media (max-width:767px)': {\n marginTop: '0.5rem'\n }\n },\n imgFooter: {\n display: 'flex',\n alignContent: 'stretch',\n '& img': {\n width: '100%'\n // [\n // theme\n // .breakpoints\n // .down(`md`)\n // ]: {\n // maxHeight:'115px',\n // },\n }\n },\n padding: {\n paddingTop: '1rem'\n },\n centerContent: {\n display: 'flex',\n justifyContent: 'center',\n padding: '0 20px',\n '& img': {\n maxWidth: '100%'\n }\n },\n headerGrid: {\n padding: '16px 100px',\n '@media (max-width:1199px)': {\n padding: '16px 15px'\n }\n },\n table: {\n minWidth: 900,\n maxWidth: '100%',\n border: '1px solid #dee2e6',\n\n '& .MuiTableRow-root': {\n '&:hover': {\n backgroundColor: ' rgba(0,0,0,.075)'\n }\n }\n },\n gridTable: {\n margin: '30px 100px',\n overflow: 'auto',\n border: '1px solid #dee2e6',\n [theme.breakpoints.down(`md`)]: {\n margin: '30px 15px'\n }\n },\n cellHeader: {\n color: '#495057',\n backgroundColor: '#e9ecef',\n borderColor: '#dee2e6',\n padding: '2rem',\n verticalAlign: 'middle',\n fontSize: '16px',\n textAlign: 'center',\n borderRight: '1px solid #dee2e6'\n },\n cellBody: {\n padding: '2rem',\n borderRight: '1px solid #dee2e6'\n },\n textCenter: {\n textAlign: 'center'\n },\n buttonTable: {\n color: 'white',\n backgroundColor: '#e87600',\n cursor: 'pointer',\n width: '160px',\n padding: '20px 0',\n borderRadius: '10px',\n display: 'inline-block',\n textAlign: 'center'\n },\n textBold: {\n fontWeight: 'bold'\n },\n dot: {\n fontSize: 'x-small',\n marginRight: '8px',\n color: '#f47553',\n display: 'block',\n '@media (max-width:1200px)': {\n display: 'none'\n }\n },\n paddingRight: {\n '@media (min-width:1200px)': {\n paddingLeft: '65px'\n }\n },\n header: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '16px 100px',\n '@media (max-width:1199px)': {\n padding: '16px 0 16px 15px'\n }\n },\n titleAndIcon: {\n display: 'flex',\n alignItems: 'center'\n },\n titleGift: {\n position: 'relative',\n top: '-7px',\n left: '6px'\n }\n}));\n\nexport default BesunJss;\n","import React, { useState, useEffect } from 'react';\nimport Holoomagjss from './Holoomagjss';\nimport { Page, NotCompletedProfileModal } from 'components';\nimport { Grid } from '@material-ui/core';\nimport { Typography } from '@material-ui/core';\nimport { List } from '@material-ui/core';\nimport { ListItem } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Table from '@material-ui/core/Table';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport TableBody from '@material-ui/core/TableBody';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { Link as RouterLink } from 'react-router-dom';\nimport api from 'assets/libs/api';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showNotification } from 'actions';\n\nconst HolooMag = () => {\n const classes = Holoomagjss();\n const dispatch = useDispatch();\n const account = useSelector(state => state.account);\n const licenses = useSelector(state => state.licenses);\n\n const [isCompleteProfileModal, setIsCompleteProfileModal] = useState(false);\n\n const [notCompletedProfile, setNotCompletedProfile] = useState(false);\n\n useEffect(() => {\n let steps = account?.profileCompletionHistory;\n if (\n steps &&\n (!licenses?.length>0 ||\n !steps.hasCompletedAddJobInfoStep ||\n !steps.hasCompletedAddAddressStep ||\n !steps.hasCompletedAddIdentifyingInfoStep)\n ) {\n setNotCompletedProfile(true);\n }\n }, [account?.profileCompletionHistory]);\n\n const types = {\n Comprehensive: 1,\n Enterprise: 2,\n Accounting: 3,\n TechnicalBource: 4\n };\n\n const courseRequest = async type => {\n var data = {\n type: types[type]\n };\n\n try {\n const result = await api.courseRequestBesun(data);\n const { description, isValid } = result.data;\n // const {succeeded} =result\n (result && \n result.succeeded) \n ? ( isValid\n ? dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: description\n })\n )\n \n : dispatch(\n showNotification({\n notificationType: 'warning',\n notificationMessage: description\n })\n )\n )\n : dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: description\n })\n );\n \n \n } catch (error) {}\n };\n\n const option = {\n courseName: 'نام دوره',\n courseTime: 'مدت زمان (ساعت)',\n courseDescription: 'توضیحات',\n coursePrice: 'قیمت دوره (تومان)',\n onlineRegistration: 'ثبت نام آنلاین'\n };\n\n const dataTable = [\n {\n title: 'آموزش هلو جامع',\n titleClass: clsx(classes.cellBody, classes.textBold),\n time: 12,\n description: (\n \n در این دوره گروهی نسخه جامع نرم افزار حسابداری هلو (کد۴۱) در ۶ جلسه\n برگزار می گردد که پس از اتمام دوره کاربر تسلط کامل به استفاده از کلیه\n نسخه های نرم افزار هلو را کسب خواهد نمود\n \n ),\n isGift: false,\n titleGift: (\n \n نرم افزار آموزشگاهی هلو + کتاب کسب و کار و نرم افزار هلو\n \n ),\n price: '777,000',\n courseType: 'Comprehensive'\n },\n // {\n // title: 'دوره آموزشی حسابداری مالی در کسب و کارها',\n // titleClass: clsx(classes.cellBody, classes.textBold),\n // time: 36,\n // description: (\n // \n // در این دوره که به صورت آنلاین و به شیوه کاملا کاربردی برگزار میگردد و\n // نکات و مواردی که کارفرمایان درخصوص مسائل مالی مواجه میگردند به تفصیل\n // مورد بررسی قرار میگیرد.\n // \n // ),\n // isGift: false,\n // titleGift: (\n // \n // نرم افزار آموزشگاهی هلو + کتاب کسب و کار و نرم افزار هلو\n // \n // ),\n // price: '1388000',\n // courseType: 'Enterprise'\n // },\n {\n title: 'دوره رفع اشکال خصوص در محل مشتری',\n titleClass: clsx(classes.cellBody, classes.textBold),\n // time: 36,\n description: (\n دوره رفع اشکال در 1 جلسه 2 ساعته و به صورت خصوصی برگزار میگردد. متقاضیانی که علم استفاده از نرم افزار را دارا بوده و تنها نیاز به رفع برخی مشکلات نرم افزاری خود میباشند میتوانند از این دوره استفاده نمایند. این دوره در محل متقاضی برگزار میگردد.\n \n ),\n isGift: false,\n titleGift: (\n \n نرم افزار آموزشگاهی هلو + کتاب کسب و کار و نرم افزار هلو\n \n ),\n price: '377,000',\n courseType: 'Enterprise'\n },\n {\n title: 'دوره رفع اشکال خصوصی در محل موسسه',\n titleClass: clsx(classes.cellBody, classes.textBold),\n // time: 36,\n description: (\n \n دوره رفع اشکال در 1 جلسه 2 ساعته و به صورت خصوصی برگزار میگردد. متقاضیانی که علم استفاده از نرم افزار را دارا بوده و تنها نیاز به رفع برخی مشکلات نرم افزاری خود میباشند میتوانند از این دوره استفاده نمایند. این دوره در محل موسسه راهین بیسان برگزار میگردد و متقاضیان میبایست برای شرکت در این دوره به محل موسسه راهین بیسان مراجعه نمایند\n \n ),\n isGift: false,\n titleGift: (\n \n نرم افزار آموزشگاهی هلو + کتاب کسب و کار و نرم افزار هلو\n \n ),\n price: '277,000 ',\n courseType: 'Enterprise'\n },\n {\n title: 'دوره حسابگری',\n titleClass: clsx(classes.cellBody, classes.textBold),\n time: 28,\n description: (\n \n در این دوره گروهی اصول حسابداری و نسخه جامع نرم افزار حسابداری هلو\n (کد41) در 14 جلسه برگزار می گردد که پس از اتمام دوره کاربر تسلط کامل\n به پایه حسابداری و استفاده از کلیه نسخه های نرم افزار هلو را کسب خواهد\n نمود.\n \n ),\n isGift: true,\n titleGift: (\n \n نرم افزار آموزشگاهی هلو + کتاب کسب و کار و نرم افزار هلو\n \n ),\n price: '1,377,000',\n courseType: 'Accounting'\n }\n ];\n\n return (\n \n \n اعتبار تمدید پشتیبانی نرم افزار هلو شما پایان یافته است!\n \n \n تمدید پشتیبانی\n \n
\n \n \n وارد صفحه ی اصلی نرم افزار هلو شده از سمت چپ بخش خدمات هوشمند گزینه ی فعال سازی گزارشات آنلاین کد فعال سازی قابل مشاهده است .\n کد 10 رقمی فعال سازی گزارشات آنلاین« دریافتی از نرم افزار هلو »\n \n
\n \n \n آموزش نرم افزار هلو\n \n
\n \n {/* \n \n */}\n\n \n بازگشت به داشبورد\n \n
\n - \n
![\"...\"](\"/images/landing/img-besun.png\")
\n \n\n ![](\"/images/landing/gift.svg\")
}\n {item.isGift && item.titleGift}\n ![\"...\"](\"/images/landing/img-bottom-besun.png\")
\n \n \n در کمترین زمان فروشگاه اینترنتی بسازید، روشهای متنوع ارسال کالا\n و پرداخت وجه را به صورت خودکار به فروشگاهتان متصل کنید و فروش\n آنلاین خود را شروع نمایید.\n \n
\n \n {isRegistered === true ? (\n // \n makeLoginUrlForThirdParty()}\n className={classes.Buttongreen}>\n ورود به بیدک\n \n ) : // \n // \n isRegistered === false ? (\n setIsCompleteProfileModal(true)\n : bdokRegisteration\n }\n data-test=\"0f7b8c97-2b56-44fe-9ab6-d78767bad003\">\n همین حالا شروع کنید\n \n ) : (\n \n )}\n\n {isRegistered === true ? (\n // \n \n \n \n ) : isRegistered === false ? (\n setIsCompleteProfileModal(true)\n : bdokConsultation\n }\n className={classes.ButtonGray}\n data-test=\"34edd438-eb57-4ed8-ad96-23bb9ed9a587\">\n درخواست مشاوره\n \n ) : (\n \n )}\n
\n \n ساده مدیریت کنید\n \n
\n \n + امکان اتصال به نرم افزار حسابداری هلو شما\n \n \n + \n بدون نیاز به خرید هاست و سرور\n \n \n + \n اتصال اتوماتیک درگاه پرداخت آنلاین و سرویس ارسال پستکس با چند کلیک\n ساده\n \n \n + \n بدون محدودیت در فضای ذخیرهسازی و پهنای باند\n \n \n + \n قالبهای متنوع متناسب با نیاز شما با امکان شخصی سازی\n \n \n + \n اتصال اتوماتیک ابزارهای تجزیه و تحلیل\n \n \n + \n اتصال به کانالهای فروش (ترب، ایمالز و…) جهت افزایش بازدید و میزان\n فروش\n \n
\n \n
\n ))}\n \n \n {protfolio.description}\n \n
\n \n
\n \n {' '}\n با شرکای تجاری بیدک تجهیز کنید{' '}\n \n \n
\n
\n ))}\n \n
\n \n کارمند مجازی شما\n \n\n
\n \n ساخت، آمادهسازی و مدیریت فروشگاه شما با کمترین هزینه توسط\n اپراتورهای بیدک\n \n
\n \n
\n ))}\n \n \n {protfolio.description}\n \n
\n \n
\n \n
\n {protfolio.title}
\n{protfolio.site}
\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 Bdok;\n","import { Hidden, Typography } from '@material-ui/core';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport { makeStyles } from '@material-ui/styles';\nimport React, { Fragment } from 'react';\nimport color from 'theme/colors';\nimport Main from '../component';\n\nconst useStyles = makeStyles(theme => ({\n modalRoot: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n outline: 'none',\n boxShadow: theme.shadows[20],\n width: 500,\n maxHeight: '100%',\n overflowY: 'auto',\n maxWidth: '100%',\n [theme.breakpoints.down(`sm`)]: {\n width: '100%',\n top: '0',\n left: '0',\n transform: 'none',\n bottom: 0,\n boxShadow: 'none',\n borderRadius: 0,\n paddingBottom: theme.spacing(6)\n }\n },\n container: {\n backgroundImage: 'url(/images/land/smarthelp.svg)',\n height: '100%',\n backgroundPosition: 'right bottom !important',\n backgroundRepeat: 'no-repeat !important',\n backgroundSize: '800px !important',\n [theme.breakpoints.up('md')]: {\n minHeight: 969\n },\n [theme.breakpoints.down('lg')]: {\n backgroundSize: '700px !important'\n },\n [theme.breakpoints.down('md')]: {\n minHeight: 1300\n },\n [theme.breakpoints.down('sm')]: {\n background: 'none !important',\n minHeight: 'auto'\n }\n },\n headDesc: {\n margin: theme.spacing(2.5, 0),\n fontSize: 18,\n color: `${color.landBlack} !important`,\n fontWeight: '400',\n lineHeight: '2'\n },\n desc: {\n fontSize: 18,\n color: `${color.landBlack} !important`,\n fontWeight: '400',\n margin: theme.spacing(4, 0),\n lineHeight: '2',\n [theme.breakpoints.up('lg')]: {\n maxWidth: '90%'\n }\n },\n link: {\n margin: theme.spacing(2.5, 0),\n fontSize: 16,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n request: {\n cursor: 'pointer',\n backgroundColor: `${color.smartColor}`,\n color: 'white',\n border: `1px solid ${color.smartColor}`,\n fontSize: 16,\n display: 'inline-block',\n padding: theme.spacing(2.5, 4),\n marginRight: theme.spacing(3),\n borderRadius: '10px',\n [theme.breakpoints.down('xs')]: {\n padding: theme.spacing(2.5, 3),\n width: '100%',\n margin: theme.spacing(1, 2.5),\n textAlign: 'center'\n },\n '&:hover': {\n backgroundColor: '#ff7405'\n }\n },\n guide: {\n color: `${color.smartColor}`,\n backgroundColor: 'white',\n '&:hover': {\n backgroundColor: '#ffca99'\n }\n },\n back: {\n maxWidth: '100%',\n height: 'auto'\n },\n activeBox: {\n padding: theme.spacing(1),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n textAlign: 'right',\n borderBottom: '1px solid #e7e7e7'\n },\n actions: {\n [theme.breakpoints.down(`sm`)]: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n backgroundColor: 'white',\n padding: theme.spacing(2),\n display: 'flex'\n }\n },\n buttons: {\n display: 'flex',\n flexDirection: 'column',\n padding: theme.spacing(2)\n },\n modalButton: {\n margin: 'auto',\n marginBottom: theme.spacing(2),\n minWidth: 220\n },\n progress: {\n margin: 'auto',\n width: '30px !important',\n height: '30px !important'\n },\n padding: {\n padding: theme.spacing(2, 4)\n },\n download: {\n verticalAlign: 'middle'\n },\n iconReq: {\n verticalAlign: 'middle'\n }\n}));\n\nconst SmartHelp = () => {\n const classes = useStyles();\n\n let landingInformation = {\n icon: '/images/land/smarthelplogo.svg',\n title: 'خدمات هوشمند',\n subject: 'برخی از امکانات و ويژگيهای اين محصول عبارتاند از :',\n options: [\n 'معرفی محصولات مختلف شرکت و همچنين ساير امکانات',\n 'بهروزآوری اطلاعات مشتريان به جهت ايجاد يک ارتباط امن دو طرفه',\n 'معرفی وبسايت شرکت و خدمات اين مجموعه',\n 'بهروزرسانی محصولات نرمافزارهای شرکت طرفه نگار'\n ],\n description: (\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n ![](\"/images/land/omdex-back.png\")
\n \n
\n );\n};\n\nexport default SmartHelp;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\n\nimport { Grid } from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n backDashboard: {\n color: color.white,\n backgroundColor: '#24CCB8',\n borderRadius: '8px',\n fontSize: '13px',\n padding: theme.spacing(1, 1.5),\n '&:hover': {\n backgroundColor: color.teal\n }\n },\n\n logo: {\n display: 'flex',\n alignItems: 'center'\n },\n back: {\n justifyContent: 'flex-end',\n display: 'flex',\n alignItems: 'center'\n },\n imgtop: {\n marginTop: theme.spacing(2)\n },\n img: {\n maxWidth: '80px',\n height: 'auto'\n },\n box: {\n padding: theme.spacing(2, 0),\n borderBottom: `1px solid #e6e6e6`\n }\n}));\n\nconst Header = props => {\n const classes = useStyles();\n\n const { checkType } = props;\n\n return (\n \n \n \nامکانات سرویس ارسال پیام کوتاه\n \n \n {(data ? data : Array.from(new Array(6))).map((service, index) => (\n \n {service ? (\n \n \n \n {service.title}\n \n\n \n {service.description}\n \n \n
\n\n {service && service.coming && (\n setIsCompleteProfileModal(true)\n : handleCheck)\n : modalOut\n }\n >\n {/* */}\n
\n \n \n
\n \n \n
\n )}\n {service && service.update && (\n \n \n
\n )}\n \n ) : (\n \n \n setIsCompleteProfileModal(true)\n : handleCheck)\n : modalOut\n }\n size=\"large\"\n variant=\"contained\">\n ورود به پنل کاربری\n \n \n\n\n \nراهنمای استفاده از پنل پیامکی\n \n \n \n
\n \n \n با سرویس ارسال پیام کوتاه، پیامک و یا پیام صوتی بفرستید\n \n \n سرویس ارسال پیام کوتاه، ابزاری برای ارسال پیامک های اطلاع رسانی و\n تبلیغاتی است که بدون نیاز به سخت افزار و یا نرم افزار جانبی\n قابلیت ارسال و دریافت پیامک را فراهم میکند.\n \n
\n \n
\n \n \n \n \n
\n \n \n {step === step.length ? (\n \n ) : (\n \n \n )}\n \n setParsGreenModal(false)} open={parsGreenModal} data-test=\"6cd80056-ac4b-4c0f-9b56-bd21860f7abe\">\n \n \n کد تایید موبایل\n setParsGreenModal(false)}\n data-test=\"80aaf100-9dd3-49aa-916e-57323470941a\">\n \n \n \n setIsLoginModal(false)} open={isLoginModal}>\n \n \n سرویس ارسال پیامک هلو\n setIsLoginModal(false)}\n data-test=\"09d47f2d-aa1c-48e6-9fba-923eb0b2801d\"\n >\n \n \n setIsLoginModal(false)}>\n بعدا انجام میدم\n \n\n \n \n ورود / ثبت نام{' '}\n \n \n \n \n \n
\n \n );\n};\n\nSmsPanel.displayName = 'StepLanding';\n\nSmsPanel.propTypes = {\n className: PropTypes.string,\n\n onClose: PropTypes.func,\n open: PropTypes.bool\n};\n\nSmsPanel.defaultProps = {\n open: false,\n onClose: () => {}\n};\n\nexport default SmsPanel;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\n\nimport { Grid } from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n backDashboard: {\n color: '#2565ae',\n backgroundColor: color.white,\n borderRadius: '8px',\n fontSize: '13px',\n padding: theme.spacing(1, 1.5),\n '&:hover': {\n // backgroundColor: color.teal\n },\n [theme.breakpoints.down(`sm`)]: {\n color:color.white ,\n backgroundColor:'#2565ae' ,\n }\n\n },\n\n logo: {\n display: 'flex',\n alignItems: 'center'\n },\n back: {\n justifyContent: 'flex-end',\n display: 'flex',\n alignItems: 'center'\n },\n imgtop: {\n marginTop: theme.spacing(2)\n },\n img: {\n maxWidth: '80px',\n height: 'auto'\n },\n box: {\n padding: theme.spacing(2, 0),\n borderBottom: `1px solid #e6e6e6`\n }\n}));\n\nconst Header = props => {\n const classes = useStyles();\n\n const { checkType } = props;\n\n return (\n \n \n \n \n \n
\n \n \n جهت فعال سازی، کد ارسال شده به شماره همراه خود را وارد نمایید.\n \n
\n \n \n جهت استفاده از امکانات این سرویس باید در سامانه MyHoloo ثبت نام\n کنید و یا به حساب کاربری خود وارد شوید.\n \n
\n \n \n {tabletDevice && (\n \n \n )}\n \n \n\n \n
\n \n\n\n \n\n \n );\n};\n\nexport default About;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\nimport useRouter from 'utils/useRouter';\nimport Header from '../Header';\nimport {\n Grid,\n CardMedia,\n Typography,\n CardContent,\n useMediaQuery,\n useTheme,\n Modal,\n Card,\n IconButton,\n CardActions\n} from '@material-ui/core';\n\nimport Container from '@material-ui/core/Container';\nimport color from 'theme/colors';\nimport { Button } from '@material-ui/core';\n\nimport CloseIcon from '@material-ui/icons/CloseOutlined';\nimport { Link as RouterLink } from 'react-router-dom';\nimport clsx from 'clsx';\nconst useStyles = makeStyles(theme => ({\n auth: {\n minHeight: '100vh',\n \n },\n authLeft: {\n // background: `url('/images/auth/background.jpg')`,\n backgroundColor: '#66d3fa',\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n position:'relative',\n overflow: 'hidden',\n paddingTop: '105px',\n [theme.breakpoints.down(`xs`)]: {\n paddingTop: '150px',\n paddingBottom: theme.spacing(5)\n }\n },\n form: {\n display: 'flex',\n minWidth: '625px',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 'auto',\n [theme.breakpoints.down(`md`)]: {\n minWidth: '100%'\n }\n },\n media: {\n maxWidth: 560,\n margin: '0 auto',\n\n [theme.breakpoints.down('lg')]: {\n maxWidth: 450\n }\n },\n authRight: {\n // minHeight: '100vh',\n alignItems:'center',\n width: '100%',\n display: 'flex',\n position:'relative',\n justifyContent: 'center',\n backgroundColor: '#fafffd',\n paddingTop: '105px',\n overflow: 'hidden',\n // '&:before':{\n // content: '\"\"',\n // height:40,\n // width:300,\n // position:'absolute',\n // backgroundImg:'',\n // // backgroundColor: \"#d5f3fe\",\n // // transform: `skew(-20deg, 0deg) rotate(-${10}deg)`,\n // left:'-25px' ,\n // bottom: 30,\n \n \n // }\n },\n imageRight:{\n position:'absolute',\n left:'-25px' ,\n bottom: 30,\n maxWidth : 400\n },\n imageLeft:{\n position:'absolute',\n right:'-25px' ,\n bottom: 30,\n maxWidth : 400\n },\n colorWhite: {\n color: '#004359',\n fontWeight: 500,\n marginBottom: theme.spacing(3)\n },\n description: {\n color: '#004359',\n fontSize: 16,\n lineHeight: '35px',\n marginBottom: theme.spacing(8)\n },\n card: {\n width: '100%',\n overflow: 'unset',\n display: 'flex',\n position: 'relative',\n\n '& > *': {\n flexGrow: 1,\n flexBasis: '50%',\n width: '50%'\n }\n },\n\n image: {\n maxWidth: '600px',\n // height: '50px',\n margin: '0 auto',\n // marginBottom: theme.spacing(2),\n [theme.breakpoints.down('sm')]: {\n // maxWidth: '150px'\n }\n },\n link: {\n color: '#574cfa',\n padding: theme.spacing(0, 0.5),\n '&:hover': {\n color: '#ffffff'\n }\n },\n mediaBox: {\n justifyContent: 'flex-start',\n // paddingTop: '110px',\n position: 'relative',\n // minHeight: 520,\n [theme.breakpoints.down('lg')]: {\n // minHeight: 410\n }\n },\n\n mediaBox2: {\n justifyContent: 'flex-start',\n position: 'relative',\n marginTop: theme.spacing(2)\n },\n\n video: {\n position: 'absolute',\n top: 0,\n left: 1,\n right: 0,\n bottom: 0,\n zIndex: 2,\n width: 558,\n borderRadius: '0 0 20px 20px',\n [theme.breakpoints.down('lg')]: {\n width: 412,\n borderRadius: '0 0 12px 12px'\n }\n },\n\n btnpanel: {\n backgroundColor: '#02ace4',\n color: color.white,\n '&:hover': {\n backgroundColor: '#0f5298'\n },\n [theme.breakpoints.down(`xs`)]: {\n minWidth: '100%'\n }\n },\n btnMore: {\n marginLeft: theme.spacing(2),\n backgroundColor: '#eeeeee',\n // color:color.grey,\n '&:hover': {\n backgroundColor: '#02ace4'\n },\n [theme.breakpoints.down(`xs`)]: {\n marginTop: theme.spacing(1),\n minWidth: '100%',\n marginLeft: theme.spacing(0)\n }\n },\n\n topBar: {\n position: 'absolute',\n height: 0,\n right: 0,\n left: 0,\n zIndex:20\n },\n boxIn: {\n maxWidth: ' 625px',\n marginLeft: 'auto',\n padding: theme.spacing(0, 6),\n [theme.breakpoints.down(`md`)]: {\n maxWidth: ' 100%'\n }\n },\n modalRoot: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n outline: 'none',\n boxShadow: theme.shadows[20],\n width: 500,\n maxHeight: '100%',\n overflowY: 'auto',\n maxWidth: '100%',\n [theme.breakpoints.down(`sm`)]: {\n width: '100%',\n top: '0',\n left: '0',\n transform: 'none',\n bottom: 0,\n boxShadow: 'none',\n borderRadius: 0,\n paddingBottom: theme.spacing(6)\n }\n },\n activeBox: {\n padding: theme.spacing(1, 2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n textAlign: 'right',\n borderBottom: '1px solid #e7e7e7'\n },\n InputText: {\n '& .Mui-error': {\n '& .MuiInputBase-input': {\n border: '1px solid #e53935 !important',\n borderRadius: '11px !important',\n borderTop: 'none !important',\n padding: '18px !important'\n }\n },\n '& .MuiInputBase-input': {\n padding: '18px !important'\n }\n },\n actions: {\n [theme.breakpoints.down(`sm`)]: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n backgroundColor: 'white',\n padding: theme.spacing(2),\n display: 'flex'\n }\n },\n buttons: {\n display: 'flex',\n flexDirection: 'column',\n padding: theme.spacing(2)\n },\n activeText: {\n fontSize: 14\n },\n licenseText: {\n // margin: 'auto',\n marginBottom: theme.spacing(2.5),\n fontSize: 16,\n color: `${color.landBlack} !important`,\n fontWeight: '400'\n },\n placeholder: {\n marginBottom: theme.spacing(2)\n },\n check: {\n color: 'white',\n backgroundColor: color.teal,\n marginLeft: 'auto',\n '&:hover': {\n backgroundColor: color.tealHolooDark\n }\n },\n request: {\n backgroundColor: '#00796b',\n color: color.white,\n '&:hover': {\n backgroundColor: '#01312b',\n color: '#fff'\n },\n\n fontSize: '0.875rem',\n fontWeight: 400\n },\n ButtonGray: {\n backgroundColor: '#6c757d',\n color: '#ffffff',\n\n fontSize: '0.875rem',\n fontWeight: 400,\n\n [theme.breakpoints.down(`xs`)]: {},\n\n '&:hover': {\n backgroundColor: '#545b62',\n color: '#fff'\n }\n },\n cardAction: {\n justifyContent: 'flex-end'\n },\n risk:{\n color: '#c12222',\n position:'relative',\n '&:before':{\n content: '\"\"',\n height:15,\n width:75,\n position:'absolute',\n backgroundColor: \"#c1222254\",\n transform: 'skew(-20deg, 0deg)',\n left: 5,\n top: 30,\n \n \n }\n }\n}));\n\nconst StepLanding = props => {\n const {\n handleNext,\n checkType,\n notCompletedProfile,\n setIsCompleteProfileModal\n } = props;\n const router = useRouter();\n\n const theme = useTheme();\n const classes = useStyles();\n const tabletDevice = useMediaQuery(theme.breakpoints.up('md'));\n // const checkType = route.path\n const [isLoginModal, setIsLoginModal] = useState(false);\n\n\n function modalOut() {\n setIsLoginModal(true);\n }\n\n async function handleCheck() {\n router.history.push('/myholoopanel/creadit');\n }\n \n \n \n\n useEffect(() => {\n if (checkType[2] === 'land') {\n }\n }, []);\n \n\n return (\n \n
\n\n \n \n \n \n
\n \n
\n \n \nنحوه دريافت رتبه اعتباری\n\n \n \n {(data ? data : Array.from(new Array(6))).map((service, index) => (\n \n {service ? (\n \n \n \n {service.title}\n \n\n \n {service.description}\n \n \n
\n\n\n\n \n ) : (\n \n {/* */}\n \n
\n\n \n \n {service.id}\n \n
\n \n \n \n setIsCompleteProfileModal(true)\n : handleCheck\n : modalOut\n }\n size=\"large\"\n variant=\"contained\"\n data-test=\"40eb8cc8-de01-4281-967c-bdba4af9e708\">\nرتبه بندي اعتباري شما\n \n \n \nنحوه دریافت گزارش\n \n \n
\n \n \n با سرویس اعتبارسنجی، \n {' '} ریسک {' '}\n نکنید !\n \n \n استفاده از اين خدمات موجب خواهد شد تا شرکتها و افراد از\n وضعيت کنونی و سابقه اعتباری مشتريان خود در تمام نظام بانکی\n مطلع شده همچنين با اين اطلاعات میتوانند بصورت دقيقتر و با\nريسک کمتری تصميمات اعتباری خود را بگيرند\n\n \n
\n \n
\n \n \n \n \n \n
\n \n \n جهت استفاده از امکانات این سرویس باید در سامانه MyHoloo ثبت نام\n کنید و یا به حساب کاربری خود وارد شوید.\n \n
\n \n ) : (\n \n )}\n
\n );\n }\n QontoStepIcon.propTypes = {\n active: PropTypes.bool,\n completed: PropTypes.bool\n };\n function getSteps() {\n return ['', ''];\n }\n function getStepContent(step) {\n switch (step) {\n case 0:\n return (\n \n \n \n {label}\n \n \n ))}\n \n\n \n {step === step.length ? (\n \n ) : (\n \n \n )}\n \n
\n );\n};\n\nIce.displayName = 'StepLanding';\n\nIce.propTypes = {\n className: PropTypes.string,\n\n onClose: PropTypes.func,\n open: PropTypes.bool\n};\n\nIce.defaultProps = {\n open: false,\n onClose: () => {}\n};\n\nexport default Ice;\n","import { makeStyles } from '@material-ui/styles';\nimport React, { useEffect } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { Page } from 'components';\nimport color from 'theme/colors';\nimport api from 'assets/libs/api';\nimport { HolooLink } from 'components';\nimport Button from '@material-ui/core/Button';\nimport { showNotification } from 'actions';\nimport { useDispatch } from 'react-redux';\nimport clsx from 'clsx';\nimport { Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n minHeight: '100vh',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column'\n },\n button: {\n cursor: 'pointer',\n backgroundColor: `${color.teal}`,\n color: 'white',\n border: `1px solid ${color.teal}`,\n marginRight: '15px',\n fontSize: 15,\n display: 'inline-block',\n padding: theme.spacing(2.5, 3),\n borderRadius: '10px',\n [theme.breakpoints.down('xs')]: {\n padding: theme.spacing(2, 3),\n width: '100%',\n margin: theme.spacing(1, 2.5),\n textAlign: 'center'\n },\n '&:hover': {\n backgroundColor: '#01AC9A'\n }\n },\n request: {\n color: `${color.teal}`,\n backgroundColor: 'white',\n '&:hover': {\n backgroundColor: '#A8DBD5',\n color: 'white'\n }\n },\n guide: {\n backgroundColor: 'white',\n '&:hover': {\n backgroundColor: '#b4deda'\n },\n '& a': {\n color: color.teal\n }\n },\n \n title: {\n marginBottom: theme.spacing(6),\n marginTop:theme.spacing(2),\n fontSize:24\n },\n progress: {\n margin: 'auto',\n width: '30px !important',\n height: '30px !important'\n }\n}));\n\nconst SandBox = () => {\n const classes = useStyles();\n const dispatch = useDispatch();\n\n async function isRegisteredSandBox() {\n try {\n await api.isRegisteredSandBox();\n } catch (error) {}\n }\n\n async function SandBoxConsultation() {\n try {\n const result = await api.SandBoxConsultation();\n if (result.succeeded) {\n const { description, isValid } = result.data;\n dispatch(\n showNotification({\n notificationType: isValid ? 'success' : 'warning',\n notificationMessage: description\n })\n );\n }\n } catch (error) {}\n }\n\n useEffect(() => {\n isRegisteredSandBox();\n }, []);\n\n return (\n {getStepContent(step)}
\n {/* \n \n قبلی\n \n \n {step === steps.length - 1\n ? 'فعال سازی'\n : 'مرحله بعد'}\n \n
*/}\n \n \n ورود به مستندات SandBox\n {' '}\n
\n - \n
- {items} \n
\n \n {checkType[4] !== 'viewitem' && checkType[4] !== 'view' && (\n \n
\n )}\n\n \n
\n \n در کمترین زمان فروشگاه اینترنتی بسازید، روشهای متنوع ارسال کالا و پرداخت وجه\n را به صورت خودکار به فروشگاهتان متصل کنید و فروش آنلاین خود را شروع نمایید. */}\n
\n - \n
- \n
\n {checkType[2] === 'land' ? (\n // \n setIsCompleteProfileModal(true)\n : FinancialCompanyCheck\n }>\n {/* درخواست دریافت مشاوران حسابداری و مالیاتی هلو */}\n {/* درخواست مشاوره */}\n درخواست خدمات حسابداری و مالیاتی هلو\n \n ) : (\n // \n setIsLoginModal(true)}>\n درخواست خدمات حسابداری و مالیاتی هلو\n \n )}\n
\n \n \n جهت استفاده از امکانات این سرویس باید در سامانه MyHoloo ثبت نام\n کنید و یا به حساب کاربری خود وارد شوید.\n \n
\n \n \n در کمترین زمان فروشگاه اینترنتی بسازید، روشهای متنوع ارسال کالا و پرداخت وجه\n را به صورت خودکار به فروشگاهتان متصل کنید و فروش آنلاین خود را شروع نمایید. */}\n
\n - \n
\n {checkType[2] === 'land' ? (\n setIsCompleteProfileModal(true)\n : FinancialCooperationCheck\n }\n data-test=\"63321811-33e3-456a-adf1-165b370b9250\">\n درخواست همکاری حسابداران\n \n ) : (\n setIsLoginModal(true)}\n data-test=\"4614a8a0-3eea-4ec9-8646-4e406a7414d0\">\n درخواست همکاری حسابداران\n \n )}\n
\n \n \n جهت استفاده از امکانات این سرویس باید در سامانه MyHoloo ثبت نام\n کنید و یا به حساب کاربری خود وارد شوید.\n \n
\n \n
\n );\n};\n\nexport default FinanceLand;\n","import { makeStyles } from '@material-ui/styles';\nimport color from 'theme/colors';\n\nconst RequestCooperationJss = makeStyles(theme => ({\n container: {\n display: 'flex',\n flex: '1 1 auto',\n overflow: 'hidden',\n color: '#212529'\n },\n root: {\n width: '100%',\n '& .MuiInputBase-root.Mui-disabled': {\n color: '#707070'\n },\n '& .MuiFormControlLabel-label.Mui-disabled': {\n color: '#707070'\n },\n '& .MuiInputBase-input': {\n color: '#707070'\n },\n '& .MuiFormLabel-root.Mui-disabled': {\n color: '#707070'\n }\n },\n topbar: {\n marginBottom: theme.spacing(2),\n borderBottom: ' 1px solid #E5E5E5',\n boxShadow: '0 5px 6px 0 rgba(117, 117, 117, 0.12)',\n webkitBoxShadow: '0 5px 6px 0 rgba(117, 117, 117, 0.12)',\n MozBoxShadow: '0 5px 6px 0 rgba(117, 117, 117, 0.12)'\n },\n backDashboard: {\n color: color.white,\n backgroundColor: '#24CCB8',\n borderRadius: '8px',\n fontSize: '13px',\n padding: theme.spacing(1, 1.5),\n '&:hover': {\n backgroundColor: color.teal\n }\n },\n logo: {\n justifyContent: 'flex-start',\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down(`sm`)]: {\n justifyContent: 'center'\n }\n },\n title: {\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down(`sm`)]: {\n justifyContent: 'center',\n alignItems: 'center',\n marginRight: '0px'\n },\n '& .MuiTypography-root': {\n marginLeft: 'calc( 75% / 2 - 150px)',\n fontWeight: 700,\n fontSize: '18px',\n [theme.breakpoints.down(`xs`)]: {\n fontWeight: 500,\n fontSize: '14px',\n marginLeft: '0',\n marginBottom: '15px'\n }\n }\n },\n imgtop: {\n marginTop: theme.spacing(2)\n },\n img: {\n maxWidth: '130px',\n margin: ' 20px 0',\n height: 'auto',\n [theme.breakpoints.down(`sm`)]: {\n margin: ' 20px 0'\n },\n [theme.breakpoints.down(`xs`)]: {\n marginTop: '10px',\n marginBottom: '0px'\n }\n },\n card: {\n border: '1px solid #f4f6f8',\n borderRadius: '10px',\n borderTop: '5px solid rgb(74,147,246)',\n padding: '24px 24px 24px 24px',\n marginBottom: '25px',\n boxShadow: theme.shadows[2],\n overflow: 'initial',\n '& .MuiCardHeader-title': {\n fontSize: 18,\n fontWeight: 500\n }\n },\n description: {\n marginTop: '50px',\n marginBottom: '25px',\n textAlign: 'justify'\n },\n titleCheckBox: {\n marginTop: '25px',\n marginBottom: '25px',\n fontWeight: 700,\n fontSize: '16px'\n },\n fileTitle: {\n marginTop: '30px',\n '& .MuiFormLabel-root': {\n fontWeight: 700,\n fontSize: '16px'\n }\n },\n flexFile: {\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n justifyContent: 'center',\n marginTop: '20px',\n '& .makeStyles-dropZone-290': {\n border: '1px dashed #dadada !important'\n }\n },\n buttonContainer: {\n display: 'flex',\n justifyContent: 'center',\n padding: theme.spacing(2),\n paddingTop: '0px',\n marginBottom: '0px !important',\n [theme.breakpoints.down(`sm`)]: {\n padding: '0',\n '& div': {\n width: '100%',\n paddingTop: '0 !important'\n },\n '& div>button': {\n width: '100%'\n },\n '& div>a>button': {\n width: '100%'\n }\n }\n },\n submitBtn: {\n // margin: theme.spacing(2, 2), marginRight: theme.spacing(2),\n padding: theme.spacing(1.5, 6),\n borderRadius: '4px',\n minWidth: '150px',\n textAlign: 'center',\n transition: '0.5s background-color',\n fontSize: '14px',\n display: 'inline-block',\n backgroundColor: '#0252A7',\n border: ' 1px solid #0252A7',\n '&:hover': {\n backgroundColor: 'white',\n color: '#0252A7',\n border: ' 1px solid #0252A7'\n }\n },\n backBtn: {\n padding: theme.spacing(1.5, 2),\n borderRadius: '4px',\n minWidth: '130px',\n textAlign: 'center',\n color: 'white',\n transition: '0.5s background-color',\n fontSize: '14px',\n display: 'inline-block',\n backgroundColor: '#003A47',\n border: ' 1px solid #003A47',\n '&:hover': {\n backgroundColor: 'white',\n color: '#003A47',\n border: ' 1px solid #003A47'\n },\n [theme.breakpoints.down(`xs`)]: {\n width: ' 100%',\n margin: '5px 0'\n }\n },\n noMarginBottom: {\n '& div': {\n marginBottom: '0px'\n }\n },\n noEvent: {\n pointerEvents: 'none'\n },\n footer: {\n // background: 'linear-gradient(#fff,#2125293b)',\n height: 50,\n backgroundColor: 'white',\n marginTop: theme.spacing(6),\n boxShadow: '0 5px 6px 8px rgba(117, 117, 117, 0.12)',\n webkitBoxShadow: '0 5px 6px 8px rgba(117, 117, 117, 0.12)',\n MozBoxShadow: '0 5px 6px 8px rgba(117, 117, 117, 0.12)'\n }\n}));\n\nexport default RequestCooperationJss;\n","import React, { Fragment } from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport RequestCooperationJss from '../../RequestCooperationJss';\n\nconst Header = () => {\n const classes = RequestCooperationJss();\n\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 RequestCooperation;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport { Grid } from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n box: {\n padding: theme.spacing(2, 0)\n },\n\n backDashboard: {\n color: color.white,\n backgroundColor: '#24CCB8',\n borderRadius: '8px',\n fontSize: '13px',\n padding: theme.spacing(1, 1.5),\n '&:hover': {\n backgroundColor: color.teal\n // color: '#49af51',\n // border:' 1px solid #49af51',\n }\n },\n\n logo: {\n // justifyContent: 'flex-end',\n display: 'flex',\n alignItems: 'center'\n },\n back: {\n justifyContent: 'flex-end',\n display: 'flex',\n alignItems: 'center'\n },\n imgtop: {\n marginTop: theme.spacing(2)\n },\n img: {\n maxWidth: '130px',\n height: 'auto'\n }\n}));\n\nconst Header = props => {\n const classes = useStyles();\n\n const { checkType } = props;\n\n return (\n \n {checkType[4] !== 'viewitem' && checkType[4] !== 'view' && (\n
\n \n \n \n
\n )}\n\n \n \n \n متقاضی محترم در صورتی که مایل به درج نام خود در فهرست حسابداران\n رتبه بندی شده می باشید و یا تمایل به دانش افزایی در این حوزه دارید\n لطفا مشخصات زیر را تکمیل نمایید.{' '}\n \n\n \n \n
\n \n
\n - \n
\n {checkType[2] === 'land' ? (\n setIsCompleteProfileModal(true)\n : NetworkCheck\n }\n data-test=\"d69dfe70-1201-42a1-b544-47c39c322426\">\n درخواست خدمات شبکه\n \n ) : (\n setIsLoginModal(true)}\n data-test=\"dc831493-8dd4-4fb3-b140-db7d72d1415d\">\n درخواست خدمات شبکه\n \n )}\n
\n \n \n جهت استفاده از امکانات این سرویس باید در سامانه MyHoloo ثبت نام\n کنید و یا به حساب کاربری خود وارد شوید.\n \n
\n \n
\n - \n
\n {checkType[2] === 'land' ? (\n setIsCompleteProfileModal(true)\n : SecurityCheck\n }>\n درخواست خدمات امنیت\n \n ) :\n (\n setIsLoginModal(true)}>\n درخواست خدمات امنیت\n \n )\n }\n
\n \n \n جهت استفاده از امکانات این سرویس باید در سامانه MyHoloo ثبت نام\n کنید و یا به حساب کاربری خود وارد شوید.\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n\n \n
\n \n - \n
- {items} \n
- \n
- {items} \n
\n \n \n
\n )}\n \n \n \n );\n};\n\nexport default RequestNetworkServices;\n","import clsx from 'clsx';\nimport React from 'react';\nimport {\n LazyLoadImage,\n trackWindowScroll\n} from 'react-lazy-load-image-component';\n\nconst HolooLazyLoadImage = ({\n src,\n alt,\n classes,\n scrollPosition,\n placeholderUrl = '/images/image-placeholder.png'\n}) => {\n return (\n \n (e.target.src = placeholderUrl)}\n />\n
\n );\n};\nexport default trackWindowScroll(HolooLazyLoadImage);\n","import React, { useState, useMemo } from 'react';\nimport { Button, Grid, Typography } from '@material-ui/core';\nimport { HolooNumberFormat, Label } from 'components';\nimport { v4 as uuidv4 } from 'uuid';\nimport HolooLazyLoadImage from './HolooLazyLoadImage';\n\nconst SearchEngineProductCard = props => {\n const { classes, searchItem } = props;\n\n const [toggleTags, setToggleTags] = useState(false);\n\n return (\n <>\n \n
\n ),\n [searchItem.imageUrl]\n )}\n \n \n \n\n \n \n
\n \n \n \n {title} \n \n {children}\n
\n );\n};\n\nPage.propTypes = {\n children: PropTypes.node,\n title: PropTypes.string,\n metaDescription: PropTypes.string\n};\n\nexport default Page;\n","const createCountDownTimer = (Time, intervalFunc, timerFinishedFunc) => {\n const dateNew = new Date(null);\n dateNew.setSeconds(Time);\n var intervalId = setInterval(function() {\n dateNew.setSeconds(dateNew.getSeconds() - 1);\n if (dateNew.getTime() === 0) {\n clearInterval(intervalId);\n timerFinishedFunc();\n }\n\n intervalFunc(dateNew.toISOString().substr(14, 5));\n }, 1000);\n localStorage.setItem('interval', intervalId);\n return intervalId;\n};\n\nexport default createCountDownTimer;\n","const goodUrls = text =>\n text !== undefined\n ? text.substr(0, text.length > 30 ? 30 : text.length).replace(/\\s+/g, '-').replace(/\\\\/g, '-').replace(/[/]/g, '-')\n : 'test';\n\nexport default goodUrls;\n","export default {\n news: 1,\n files: 2,\n videos: 3,\n sliders: 4,\n faq: 5\n};\n","export default {\n service: 1,\n package: 2,\n support: 3,\n product: 4,\n sizeLimitService: 7\n};\n","export default {\n normalRenewal: 1,\n quickRenewal: 2\n};\n","export default {\n naturalPerson: 0,\n legalPerson: 1\n};\n","export default {\n AdvancedReport: {\n displayName: 'گزارشات پیشرفته',\n dataTest: '5454b078-b6bc-4a44-8f06-19fc48068cce'\n },\n SystemReport: {\n displayName: 'گزارشات سیستمی',\n dataTest: '43b23236-d034-495d-83af-e8ee5cd64796'\n },\n MallManagement: {\n displayName: 'مدیریت مراکز',\n dataTest: '7cd83655-f36d-49cb-a3c1-0972091073e6'\n },\n FoodCourtManagement: {\n displayName: 'مدیریت فودکورت',\n dataTest: 'e6ead81a-9d59-4fd7-a3ea-66cd03fea3f5'\n },\n BranchManagement: {\n displayName: 'مدیریت شعب',\n dataTest: 'b509287e-8992-4a8a-931d-05cb5fbabb37'\n },\n DefiniteReport: {\n displayName: 'گزارشات معین',\n dataTest: '3d16e950-cc07-400a-aa21-82c8b56c40a8'\n },\n ManagementReports: {\n displayName: 'گزارشات مدیریتی',\n dataTest: '1ca9e8e8-8010-4411-891b-fa0cab8370af'\n },\n PracticalFeatures: {\n displayName: 'امکانات کاربردی',\n dataTest: '241f24e2-dc69-4375-9a19-182eb64cba97'\n },\n UsefullReports: {\n displayName: 'گزارشات پرکاربرد',\n dataTest: '473f3d25-abd4-4325-a066-4f8fbaeca891'\n },\n StatisticalReports: {\n displayName: 'گزارشات آماری',\n dataTest: '9d097873-5049-4080-8960-e8cb262de8c3'\n }\n};\n","export default {\n contains: 'شامل',\n eq: 'برابر باشد با '\n // doesnotcontain : 'شامل این نباشد',\n // neq : 'برابر نباشد با',\n // startswith : 'شروع شود با',\n // endswith : 'پایان پذیرد با',\n};\n","export default {\n eq: 'برابر باشد با ',\n // neq : 'برابر نباشد با',\n inRangeNumber: 'بازه عددی'\n // gte : 'بعد و مساوی باشد با',\n // gt : 'بعد باشد',\n // lt : 'قبل باشد',\n // lte : 'قبل یا مساوی باشد با',\n};\n","export default {\n eq: 'برابر باشد با ',\n // neq : 'برابر نباشد با',\n inRangeTime: 'بازه زمانی',\n // gte : 'بعد و مساوی باشد با',\n // gt : 'بعد از',\n // lt : 'قبل از',\n // lte : 'قبل یا مساوی باشد با',\n // usd : 'تا یک تاریخ مشخص',\n lsd: '7 روز اخیر'\n};\n","export default {\n 1: 'در انتظار تماس',\n 2: 'بدون پاسخ',\n 3: 'عضویت',\n 4: 'فروش',\n 5: 'لغو',\n 6: 'اقدام جهت عضویت',\n 7: 'درخواست پز شخصی',\n 8: 'درخواست پز شرکتی',\n 9: 'در انتظار تماس فاقد شرایط',\n 10: 'در انتظار تصمیم مشتری',\n 11: 'مشتری فعال',\n 12: 'در حال بررسی',\n 13: 'عقد قرارداد'\n};\n","export default {\n addToBasket: 1,\n beginingOfPayment: 2,\n canceled: 3,\n succeeded: 4,\n hold: 5,\n feiled: 6\n};\n","export default {\n internal: 1,\n external: 2\n};\n","export default {\n image: 1,\n video: 2\n};\n","export default {\n update: 1,\n noUpdate: 2,\n canceled: 3\n};\n","export default {\n 0: 'تعریف نشده',\n 1: 'ارسال پیام تکی',\n 2: 'ارسال پیام گروهی',\n 3: 'تل سی'\n};\n","export default {\n '0': 'تعیین نشده',\n '1': 'منتظرتایید',\n '2': 'تایید شده',\n '3': 'رد شده'\n};\n","export default {\n 0: 'لینک تمدید',\n 1: 'پیامک ساده',\n 2: 'لینک ثبت نام'\n};\n","export default {\n Registration: 1,\n ProfileComplete: 2,\n FirstLogin: 3\n};\n","export default {\n Finished: 1,\n WaitingToCheck: 2,\n Checking: 3\n // SendExpert: 4,\n // SetTime: 5,\n // Remote: 6,\n // Cancel: 7,\n // SolveProblem: 8\n};\n","export default {\n Ticket: 1,\n User: 2\n};\n","export default {\n BehPardakht: 1,\n UP: 2,\n Tap: 3\n};\n","export default {\n percentage: 1,\n withoutDiscount: 3,\n numeric: 2\n};\n","export default {\n '0': 'تعیین نشده',\n '1': 'در انتظار تایید',\n '2': 'تایید شده',\n '3': 'رد شده',\n '4': 'قطع همکاری'\n};\n","export default {\n 6: 'ice'\n};\n","export default {\n 1: 'فرم',\n 2: 'اکسل',\n 3: 'وب سرویس'\n};\n","export default {\n Network: 1,\n Security: 2\n};\n","export default {\n\teq: 'برابر باشد با ',\n\tinRangeTime: 'بازه زمانی',\n };\n ","\nexport default {\n registerCode: 'دریافت کد رجیستری',\n resendCode: 'بازیابی کد فعالسازی',\n showMobileNumber: 'شماره همراه فعالسازی',\n sendDocument: 'ارسال مدارک' \n };\n ","export default {\n 0: 'alreadyExistsInThisLicense',\n 1: 'ExistsInAnotherLicense',\n 2: 'DoesNotExistInAnyLicense',\n 3: 'DoesNotHaveProfile'\n};\n","export default {\n string: 'string',\n array: 'array',\n datetime: 'datetime',\n date: 'date',\n time: 'time',\n price: 'price',\n licenseNumber: 'licenseNumber',\n boolean: 'boolean',\n mobile: 'mobile',\n date_time: 'date-time',\n priceOrPercentage: 'priceOrPercentage',\n integer: 'integer',\n service: 'service',\n SmsSurveyType: 'SmsSurveyType',\n ticketState: 'TicketState',\n userState: 'UserState',\n stringTime: 'stringTime',\n mediaType: 'MediaType',\n sliderLinkType: 'sliderLinkType',\n sliderType: 'sliderType',\n string_noFilter: 'string_noFilter',\n boolean_noFilter: 'boolean_noFilter',\n productType: 'ProductType',\n discountType: 'DiscountType',\n bankGateWay: 'BankGateWay',\n licenseRenewalType: 'LicenseRenewalType',\n partnerStatus: 'PartnerStatus',\n orderEventType: 'orderEventType',\n eventType: 'eventType',\n orders: 'orders',\n image: 'image',\n phone: 'phone',\n categorylist: 'CategoryList',\n recordInsertedType: 'RecordInsertedType',\n confirmationStatusType: 'ConfirmationStatusType',\n utc_date:\"utc_date\",\n utc_time:\"utc_time\",\n notificationType:\"NotificationType\",\n linkStatus:'LinkStatus',\n renewalStatus:'RenewalStatus'\n};\n","export default {\n userLicense: 0,\n assignedLicense: 1\n};\n","function PersianRegex(value) {\n return value.replace(/[a-zA-Z]/, '');\n}\n\nexport default PersianRegex;\n","function EnglishRegex(value) {\n return value.replace(/[آ-ی]/, '');\n}\n\nexport default EnglishRegex;\n","const QueryStringFilter = filter => {\n var convertFilterKenoo = null;\n var withoutKendoo;\n var convertFilter = null;\n Object.keys(filter).map(filterItem => {\n if (filter[filterItem].includes('withoutKendoo')) {\n withoutKendoo = `${filter[filterItem].replace(',withoutKendoo', '')}&${\n withoutKendoo ? withoutKendoo : ''\n }`;\n } else {\n if (Object.keys(filter).length < 2) {\n convertFilterKenoo = filter[filterItem];\n } else if (\n Object.keys(filter).length === 2 ||\n Object.keys(filter).length > 2\n ) {\n convertFilterKenoo = `${\n convertFilterKenoo ? `${convertFilterKenoo}~and~` : ''\n }${filter[filterItem]}`;\n }\n }\n });\n\n if (convertFilterKenoo) {\n convertFilter = `${\n withoutKendoo ? withoutKendoo : ''\n }filter=(${convertFilterKenoo})&`;\n } else if (withoutKendoo) {\n convertFilter = `${withoutKendoo}`;\n }\n return convertFilter ? convertFilter : '';\n};\n\nexport default QueryStringFilter;\n","import moment from 'moment';\n\nconst QueryStringField = (filters, serverSide) => {\n var queryStringField = null;\n\n if (filters) {\n Object.keys(filters).map(field => {\n const operator = filters[field] && filters[field].operator;\n const withoutKendoo = filters[field].withoutKendoo;\n\n var stringWithoutKendoo = '';\n if (withoutKendoo) {\n stringWithoutKendoo = ',withoutKendoo';\n }\n\n if (serverSide) {\n if (\n filters[field].type === 'date' ||\n filters[field].type === 'stringasint' ||\n filters[field].type === 'datetime' ||\n filters[field].type === 'stringasdatetime' ||\n filters[field].type === 'date-time' ||\n filters[field].type === 'number'\n ) {\n let items = null;\n\n if (filters[field].type === 'date-time') {\n const startDatetime = filters[field].startDatetime;\n const endDatetime = filters[field].endDatetime;\n\n if (endDatetime) {\n items = `${field}~gte~datetime'${moment(startDatetime).format(\n 'YYYY-MM-DDT00-00-00'\n )}'~and~${field}~lte~datetime'${moment(endDatetime).format(\n 'YYYY-MM-DDT00-00-00'\n )}'`;\n } else if (startDatetime) {\n if (withoutKendoo !== undefined) {\n items = `${field}~${operator}~datetime'${moment(\n startDatetime\n ).format('YYYY-MM-DDT00-00-00')}'`;\n } else {\n items = `${field}${\n withoutKendoo ? '=' : `~${operator}~`\n }datetime'${moment(startDatetime).format(\n 'YYYY-MM-DDT00-00-00'\n )}'`;\n }\n }\n } else if (filters[field].type === 'number') {\n const min = filters[field].min;\n const max = filters[field].max;\n\n if (max !== undefined && min !== undefined) {\n items = `${field}~gt~${min}~and~${field}~lt~${max}`;\n } else if (min !== undefined) {\n items = `${field}~${operator}~${min}`;\n }\n } else if (filters[field].type === 'stringasdatetime') {\n const startDatetime = filters[field].startDatetime;\n const endDatetime = filters[field].endDatetime;\n\n if (endDatetime) {\n items = `${field}~gte~'${moment(startDatetime).format(\n 'YYYY/MM/DD'\n )}'~and~${field}~lte~'${moment(endDatetime).format(\n 'YYYY/MM/DD'\n )}'`;\n } else if (startDatetime) {\n items = `${field}~${operator}~'${moment(startDatetime).format(\n 'YYYY/MM/DD'\n )}'`;\n }\n } else if (filters[field].type === 'stringasint') {\n const min = filters[field].min;\n const max = filters[field].max;\n\n if (max !== undefined && min !== undefined) {\n items = `${field}~gte~'${min}'~and~${field}~lte~'${max}'`;\n }\n } else if (filters[field].type === 'date') {\n const startDatetime = filters[field].startDatetime;\n const endDatetime = filters[field].endDatetime;\n if (startDatetime && endDatetime) {\n items = `FromDate=${moment(startDatetime).format(\n 'YYYY-MM-DD'\n )}&ToDate=${moment(endDatetime).format(\n 'YYYY-MM-DD'\n )},withoutKendoo`;\n } else if (startDatetime) {\n if (operator === 'eq') {\n items = `FromDate=${moment(startDatetime).format(\n 'YYYY-MM-DD'\n )}&ToDate=${moment(startDatetime).format(\n 'YYYY-MM-DD'\n )},withoutKendoo`;\n } else if (operator === 'gte') {\n items = `FromDate=${moment(startDatetime).format(\n 'YYYY-MM-DD'\n )},withoutKendoo`;\n } else if (operator === 'lte') {\n items = `ToDate=${moment(startDatetime).format(\n 'YYYY-MM-DD'\n )},withoutKendoo`;\n }\n }\n }\n\n queryStringField = {\n ...queryStringField,\n [field]: `${items}${stringWithoutKendoo}`\n };\n } else {\n queryStringField = {\n ...queryStringField,\n [field]: `${field}${withoutKendoo ? '=' : `~${operator}~`}${\n withoutKendoo ? filters[field].value : `'${filters[field].value}'`\n }${stringWithoutKendoo}`\n };\n }\n } else if (serverSide === false) {\n if (field === 'sarfaslCode') {\n queryStringField = {\n [field]: `${field}${withoutKendoo ? '=' : `~${operator}~`}${\n withoutKendoo ? filters[field].value : `'${filters[field].value}'`\n }${stringWithoutKendoo}`\n };\n }\n }\n });\n }\n\n return queryStringField ? queryStringField : '';\n};\n\nexport default QueryStringField;\n","let HolooValidation = (values, schema) => {\n let errors = {};\n function isRequired(name, value, farsiName) {\n if (value === '' || value === null || value === undefined) {\n errors[name].push(`وارد کردن ${farsiName} اجباری است `);\n }\n }\n\n function length(\n name,\n value,\n max,\n min,\n isNumber = true,\n inputName,\n minDigit,\n message\n ) {\n if (isNumber) {\n if (value?.length < min) {\n errors[name].push(message ? message : `حداقل باید ${min} رقم باشد`);\n }\n if (value?.length > max) {\n errors[name].push(message ? message : `حداکثر باید ${max} رقم باشد`);\n }\n if (value?.length < minDigit) {\n errors[name].push(\n message ? message : `حداقل باید ${minDigit} حرف باشد`\n );\n }\n } else {\n if (value?.length < min || value?.length > max) {\n errors[name].push(\n message\n ? message\n : `طول ${inputName} باید بین ${min} تا ${max} حرف باشد `\n );\n }\n }\n }\n\n function mobileRegex(name, value) {\n const regex = /^09|^0098|^989/.test(value);\n if (!regex && value?.length > 0) {\n errors[name].push('فرمت تلفن همراه وارد شده صحیح نمیباشد.');\n }\n }\n\n function emailRegex(name, value) {\n const regex = /\\S+@\\S+\\.\\S+/.test(value);\n if (!regex && value?.length > 0) {\n errors[name].push('فرمت ایمیل وارد شده صحیح نمیباشد.');\n }\n }\n\n function phoneRegex(name, value) {\n const regex = /^0[1-8]\\d{9}/g.test(value);\n if (!regex && value?.length > 0) {\n errors[name].push('فرمت تلفن وارد شده صحیح نمیباشد.');\n }\n }\n function format(name, value, pattern, message) {\n const regex = pattern.test(value);\n if (!regex && value?.length > 0) {\n errors[name].push(message);\n }\n }\n function select(name, value, data, inputName) {\n if (value === null || data === 0 || data === undefined) {\n errors[name].push(`انتخاب ${inputName} الزامی است`);\n }\n }\n Object.keys(values).map(value => {\n if (Object.keys(schema).find(x => x === value)) {\n let schemaName = schema[value];\n\n errors[value] = [];\n\n if (value.toLowerCase() === 'email') {\n emailRegex(value, values[value]);\n }\n\n if (value.toLowerCase() === 'mobile') {\n mobileRegex(value, values[value]);\n }\n\n if (value.toLowerCase() === 'storetelephone') {\n phoneRegex(value, values[value]);\n }\n if (schemaName.isRequired && schemaName.isRequired.required) {\n isRequired(value, values[value], schemaName.isRequired.name);\n }\n\n if (schemaName.length) {\n length(\n value,\n values[value],\n schemaName.length.maximum,\n schemaName.length.minimum,\n schemaName.length.isNumber,\n schemaName.length.name,\n schemaName.length.minDigit\n );\n }\n if (schemaName.format) {\n format(\n value,\n values[value],\n schemaName.format.pattern,\n schemaName.format.message\n );\n }\n if (schemaName.select) {\n select(\n value,\n values[value],\n schemaName.select.value,\n schemaName.select.inputName\n );\n }\n }\n\n if (errors[value] && errors[value].length === 0) {\n delete errors[value];\n }\n });\n return errors;\n};\n\nexport default HolooValidation;\n","function NumberSeparate(value) {\n return value.toFixed().replace(/./g, function(c, i, a) {\n return i > 0 && c !== '.' && (a.length - i) % 3 === 0 ? ',' + c : c;\n });\n}\n\nexport default NumberSeparate;\n","import moment from 'moment';\nimport jMoment from 'moment-jalaali';\n\nfunction ConvertUTCDateToLocalDate(date, type) {\n if (date && moment(date, 'YYYY-MM-DD').isAfter('1900')) {\n const localDate = moment.utc(date);\n return (\n localDate &&\n localDate._d &&\n (type && type === 'justDate'\n ? jMoment(localDate._d).format('jYYYY/jMM/jDD')\n : jMoment(localDate._d).format('jYYYY/jMM/jDD HH:mm'))\n );\n } else {\n return ' ';\n }\n}\n\nexport default ConvertUTCDateToLocalDate;\n","const CheckFormat = (field, type) => {\n if (field) {\n if (field.arrayItemsType && (type === 'cell' || type === 'export')) {\n return field.arrayItemsType;\n } else if (\n field.valueFormat &&\n (type === 'cell' ||\n type === 'export' ||\n field.valueFormat === 'stringTime')\n ) {\n return field.valueFormat;\n } else if (field.enumType) {\n return field.enumType;\n } else if (field.format) {\n return field.format;\n } else if (field.type && type !== 'excell') {\n return field.type;\n } else if (type === 'excell' && field.type && field.type === 'boolean') {\n return ['Boolean', 'True/False'];\n } else {\n return ['string', 'null'];\n }\n }\n};\n\nexport default CheckFormat;\n","const TotalSumRow = (data, aggrigates, page, pageSize) => {\n // console.log('MMM',data, aggrigates, page, pageSize)\n let dataNumber = pageSize * page;\n var aggrigate = {};\n data &&\n data.length > 0 &&\n data.slice(0, dataNumber).map((x, i) => {\n aggrigates &&\n aggrigates.length > 0 &&\n aggrigates.map(aggrigateItem => {\n if (x[aggrigateItem.column]) {\n if (aggrigateItem.agg === 'sum') {\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.name]:\n aggrigate[aggrigateItem.name] !== undefined\n ? aggrigate[aggrigateItem.name] + x[aggrigateItem.column]\n : 0 + x[aggrigateItem.column]\n };\n } else if (dataNumber === i + 1 && dataNumber >= i + 1) {\n if (aggrigate['sumBed'] === undefined) {\n aggrigate['sumBed'] = 0;\n }\n\n if (aggrigate['sumBes'] === undefined) {\n aggrigate['sumBes'] = 0;\n }\n let diffSum = 0;\n\n diffSum = aggrigate['sumBed'] - aggrigate['sumBes'];\n\n if (aggrigateItem.agg === 'sumBed - sumBes') {\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.name]: diffSum\n };\n }\n var textDiff = '';\n\n if (aggrigateItem.column === 'tashkis') {\n if (diffSum === 0) {\n textDiff = '--';\n } else if (diffSum < 0) {\n textDiff = 'بستانکار';\n } else if (diffSum > 0) {\n textDiff = 'بدهکار';\n }\n\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.name]: textDiff\n };\n }\n }\n }\n });\n });\n if (aggrigate['sumBed'] || aggrigate['sumBes']) {\n let minus;\n minus = aggrigate['sumBed'] - aggrigate['sumBes'];\n\n let textDiff = '';\n if (aggrigate['sumBed'] - aggrigate['sumBes'] === 0) {\n textDiff = '--';\n } else if (aggrigate['sumBed'] - aggrigate['sumBes'] < 0) {\n textDiff = 'بستانکار';\n } else if (aggrigate['sumBed'] - aggrigate['sumBes'] > 0) {\n textDiff = 'بدهکار';\n }\n\n aggrigate = {\n ...aggrigate,\n // ['total']: Math.abs(minus),\n ['total']: minus,\n ['totaltashkhis']: textDiff\n };\n }\n\n return aggrigate;\n};\n\nexport default TotalSumRow;\n","const persianNumbers = [\n /۰/g,\n /١/g,\n /۲/g,\n /۳/g,\n /۴/g,\n /۵/g,\n /۶/g,\n /۷/g,\n /۸/g,\n /۹/g\n];\nconst arabicNumbers = [\n /٠/g,\n /١/g,\n /٢/g,\n /٣/g,\n /٤/g,\n /٥/g,\n /٦/g,\n /٧/g,\n /٨/g,\n /٩/g\n];\nconst samsungPersianNumbers = [\n /۰/g,\n /۱/g,\n /۲/g,\n /۳/g,\n /۴/g,\n /۵/g,\n /۶/g,\n /۷/g,\n /۸/g,\n /۹/g\n];\nconst ConvertPersianNumToEnglish = str => {\n if (typeof str === 'string') {\n for (var i = 0; i < 10; i++) {\n str = str\n .replace(persianNumbers[i], i)\n .replace(arabicNumbers[i], i)\n .replace(samsungPersianNumbers[i], i);\n }\n }\n\n return str;\n};\nexport default ConvertPersianNumToEnglish;\n","const CheckPaymentGateways = paymentGateways => {\n return paymentGateways.map(x => {\n const options = {\n 1: {\n value: x.gateway,\n logo: '/images/logos/behPardakhtLogo.png',\n description: 'پرداخت آنلاین توسط درگاه بانک ملت صورت میگیرد.'\n },\n 2: {\n value: x.gateway,\n logo: '/images/logos/asanPardakhtLogo.png',\n description: 'پرداخت آنلاین توسط درگاه آسان پرداخت صورت میگیرد.'\n },\n 3: {\n value: x.gateway,\n logo: '/images/logos/top.png',\n description:\n 'پرداخت آنلاین توسط درگاه تجارت الکترونیک پارسیان صورت میگیرد.'\n },\n 4: {\n value: x.gateway,\n logo: '/images/logos/myCredit.png',\n description: 'پرداخت آنلاین توسط درگاه مای هلو صورت میگیرد.'\n },\n };\n return x.isActive && Object.assign(x, options[x.gateway]);\n });\n};\nexport default CheckPaymentGateways;\n","import jMoment from 'moment-jalaali';\n\nfunction convertDate(value) {\n var newValue = [];\n value.map(item => {\n let newItem = {};\n let newDate = jMoment(item.date).format('jYY-jMM-jDD');\n newItem = { ...item, date: newDate };\n newValue.push(newItem);\n });\n\n return newValue;\n}\n\nexport default convertDate;\n","import api from 'assets/libs/api';\n\nconst logout = async () => {\n try {\n await api.logoutWithLog();\n localStorage.clear();\n window.location.href = '/auth/login';\n } catch (err) {}\n};\n\nexport default logout;\n","const DailySaleFooter = (data, DailySaleAggrigate, page, pageSize) => {\n let dataNumber = pageSize * page;\n var aggrigate = {};\n\n data &&\n data.length > 0 &&\n data.slice(0, dataNumber).map((x) => {\n DailySaleAggrigate &&\n DailySaleAggrigate.map(aggrigateItem => {\n if (x[aggrigateItem.column]) {\n if (aggrigateItem.agg) {\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.name]:\n aggrigate[aggrigateItem.name] !== undefined\n ? aggrigate[aggrigateItem.name] + x[aggrigateItem.column]\n : 0 + x[aggrigateItem.column]\n };\n }\n }\n });\n });\n\n return aggrigate;\n};\n\nexport default DailySaleFooter;\n","import { useEffect } from 'react';\n\n\nconst ClientManghoolCalCulator = props => {\n const {\n totalData,\n page,\n take,\n aggrigates,\n isChecked,\n manghoolHandler,\n totalDataFromServer,\n filters } = props;\n\n\n let countNumber = take * (page - 1);\n var aggrigate = {};\n\n if (page === 1) {\n aggrigate = {\n bed: 0,\n bes: 0,\n mande: 0,\n tashkhis: ' - '\n };\n }\n totalData?.length > 0 &&\n totalData.slice(0, countNumber).map((x, i) => {\n aggrigates?.length > 0 &&\n aggrigates.map(aggrigateItem => {\n if (x[aggrigateItem.column]) {\n if (aggrigateItem.agg === 'sum') {\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.column]:\n aggrigate[aggrigateItem.column] !== undefined\n ? aggrigate[aggrigateItem.column] + x[aggrigateItem.column]\n : 0 + x[aggrigateItem.column]\n };\n } else if (countNumber === i + 1) {\n var diffSum = aggrigate['bed'] - aggrigate['bes'];\n if (aggrigateItem.agg === 'sumBed - sumBes') {\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.column]: Math.abs(diffSum)\n };\n }\n var textDiff = '';\n\n if (aggrigateItem.column === 'tashkhis') {\n if (diffSum === 0) {\n textDiff = '--';\n } else if (diffSum < 0) {\n textDiff = 'بستانکار';\n } else if (diffSum > 0) {\n textDiff = 'بدهکار';\n }\n\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.column]: textDiff\n };\n }\n\n if (aggrigateItem.text) {\n aggrigate = {\n ...aggrigate,\n [aggrigateItem.column]: aggrigateItem.text\n };\n }\n }\n }\n });\n });\n\n useEffect(() => {\n manghoolHandler(aggrigate);\n }, [page]);\n\n const Calculate = data => {\n let filteredDate;\n\n totalData.reverse().find(x => {\n filteredDate = x.date;\n });\n\n let dataBeforeFilteredDate = data?.filter(\n x => new Date(x.date) < new Date(filteredDate)\n );\n\n let countNumber = take * (page - 1);\n var manghoolWithFilter = {};\n\n dataBeforeFilteredDate?.length > 0 &&\n dataBeforeFilteredDate.map((x, i) => {\n aggrigates?.length > 0 &&\n aggrigates.map(aggrigateItem => {\n if(manghoolWithFilter['bes'] === undefined) {\n manghoolWithFilter['bes'] = 0\n \n }\n if(manghoolWithFilter['bed'] === undefined) {\n manghoolWithFilter['bed'] = 0\n }\n if (x[aggrigateItem.column]) {\n if (aggrigateItem.agg === 'sum') {\n manghoolWithFilter = {\n ...manghoolWithFilter,\n [aggrigateItem.column]:\n manghoolWithFilter[aggrigateItem.column] !== undefined\n ? manghoolWithFilter[aggrigateItem.column] +\n x[aggrigateItem.column]\n : 0 + x[aggrigateItem.column]\n };\n var mandeh =\n manghoolWithFilter['bed'] - manghoolWithFilter['bes'];\n\n \n manghoolWithFilter = {\n ...manghoolWithFilter,\n ['mande']:Math.abs(mandeh)\n };\n\n var tashkhis = '';\n\n if (mandeh === 0) {\n tashkhis = '--';\n } else if (mandeh < 0) {\n tashkhis = 'بستانکار';\n } else if (mandeh > 0) {\n tashkhis = 'بدهکار';\n }\n\n manghoolWithFilter = {\n ...manghoolWithFilter,\n ['tashkhis']: tashkhis\n };\n\n } else if (countNumber === i + 1) {\n \n var diffSum =\n manghoolWithFilter['bed'] - manghoolWithFilter['bes'];\n \n if (aggrigateItem.agg === 'sumBed - sumBes') {\n manghoolWithFilter = {\n ...manghoolWithFilter,\n [aggrigateItem.column]: Math.abs(diffSum)\n };\n }\n var textDiff = '';\n\n if (aggrigateItem.column === 'tashkhis') {\n if (diffSum === 0) {\n textDiff = '--';\n } else if (diffSum < 0) {\n textDiff = 'بستانکار';\n } else if (diffSum > 0) {\n textDiff = 'بدهکار';\n }\n\n manghoolWithFilter = {\n ...manghoolWithFilter,\n [aggrigateItem.column]: textDiff\n };\n }\n\n if (aggrigateItem.text) {\n manghoolWithFilter = {\n ...manghoolWithFilter,\n [aggrigateItem.column]: aggrigateItem.text\n };\n }\n }\n }\n });\n });\n\n\n\n return manghoolWithFilter;\n };\n\n useEffect(() => {\n if (isChecked === true && Object.keys(filters).length > 0 && totalData.length > 0) {\n let a = Calculate(totalDataFromServer)\n manghoolHandler(a);\n\n } else if (isChecked === false) {\n manghoolHandler(aggrigate);\n }\n }, [totalData,isChecked]);\n\n return '';\n};\n\nexport default ClientManghoolCalCulator;\n","const ConvertLicenseKeyToDatabaseName = license => {\n if(license?.length>0){\n\n switch (license.length) {\n case 8:\n return `S${license}_Holoo1`;\n case 7:\n return `S${license.substr(0, license.length - 1)}_Holoo1`;\n default:\n return null;\n }\n }\n};\nexport default ConvertLicenseKeyToDatabaseName;\n","const CheckNationalCode = nationalCode => {\n let code = nationalCode;\n let errors = {};\n if (!(isNaN(code) && code.length < 10 && code == '')) {\n var yy = 0;\n var yv = parseInt(yv);\n for (let i = 0; i < code.length; i++) {\n yv = code[i] * (code.length - i);\n yy += yv;\n }\n const end = yy % 11;\n if (end !== 0 || parseInt(code) === 0) {\n errors = { ['nationalCode']: ['فرمت کدملی وارد شده صحیح نمیباشد.'] };\n return errors;\n }\n yy = 0;\n }\n};\n\nexport default CheckNationalCode;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport api from 'assets/libs/api';\nimport Favorite from '@material-ui/icons/Favorite';\nimport FavoriteBorder from '@material-ui/icons/FavoriteBorder';\nimport makeStyles from '@material-ui/styles/makeStyles';\nimport clsx from 'clsx';\nimport Button from '@material-ui/core/Button';\nimport { IconButton } from '@material-ui/core';\n\nconst FavoriteView = props => {\n const {\n isFavorite,\n mediaId,\n mode,\n isTab,\n onChangeFavoriteExternal,\n value,\n disable,\n dataTest\n } = props;\n\n const useStyles = makeStyles(() => ({\n favorite: {\n lineHeight: '30px',\n fontSize: '13px',\n padding: '6px 12px 6px 12px',\n borderRadius: '6px'\n },\n favoriteIcon: {\n width: '17px',\n height: '17px',\n position: 'relative',\n marginRight: '5px'\n },\n isFavoriteColor: {\n backgroundColor: '#ef5b5b',\n color: 'white',\n '&:hover': {\n backgroundColor: '#ef5b5b',\n color: 'white'\n }\n },\n FavoriteColor: {\n backgroundColor: '#ececec',\n '&:hover': {\n backgroundColor: '#ececec'\n }\n },\n isBorderFavoriteColor: {\n color: '#ef5b5b',\n width: '20px'\n },\n BorderFavorite: {\n width: '20px'\n },\n noPadding: {\n padding: '14px !important'\n }\n }));\n const classes = useStyles();\n const [favorite, setFavorite] = useState();\n\n const onChangeFavorite = async () => {\n try {\n var result;\n result = favorite\n ? await api.UnFavoriteMedia({ mediaid: mediaId })\n : await api.FavoriteMedia({ mediaid: mediaId, favorite: true });\n if (result.succeeded) {\n setFavorite(!favorite);\n }\n } catch (error) {}\n };\n\n useEffect(() => {\n setFavorite(isFavorite);\n }, [isFavorite]);\n\n return (\n در حال ارسال اطلاعات
\n\n const [loder, setLoder] = useState(false);\n const [locationForm, setLocationForm] = useState({\n ...receiversInformationModal,\n countryId: 1,\n provinceId: 0,\n zipCode: '',\n cityId: 0,\n region: 0,\n addressPhoneNumber: '',\n location: '',\n errors: {}\n });\n const {\n countryId,\n provinceId,\n zipCode,\n cityId,\n addressPhoneNumber,\n location,\n errors,\n application,\n region,\n geo_coordinate_latitude,\n geo_coordinate_longitude\n } = locationForm;\n\n useEffect(() => {\n if (provinceId && provinceId !== undefined) {\n getListCities();\n }\n }, [provinceId]);\n\n useEffect(() => {\n if (receiversInformationModal) {\n setLocationForm({\n ...receiversInformationModal,\n countryId: 1,\n errors: {}\n });\n } else if (form) {\n setLocationForm({\n ...form,\n errors: {}\n });\n }\n }, [receiversInformationModal, form]);\n\n useEffect(() => {\n getListProvinces();\n getListCountries();\n }, []);\n\n const onChange = e => {\n let name = null;\n let value = null;\n\n if (e.currentTarget) {\n if (e.currentTarget.type === 'checkbox') {\n name = e.currentTarget.name;\n value = e.currentTarget.checked;\n } else if (e.currentTarget.type === 'select-one') {\n name = [e.currentTarget.name];\n value = parseInt(e.currentTarget.value);\n } else if (e.currentTarget.type === 'radio' || 'text' || 'textarea') {\n name = [e.currentTarget.name];\n value = e.currentTarget.value;\n }\n } else if (e.target) {\n if (e.target.value) {\n name = [e.target.name];\n value = e.target.value;\n }\n } else if (e.date) {\n name = e.name;\n value = e.date;\n }\n if (name !== null && value !== null) {\n if (errors[name]) {\n delete errors[name];\n }\n\n setLocationForm(prevState => ({\n ...prevState,\n [name]: value,\n errors\n }));\n }\n };\n\n const onChangeNumberFormat = name => e => {\n const value = e.value;\n\n if (errors[name]) {\n delete errors[name];\n }\n\n setLocationForm(prevState => ({\n ...prevState,\n [name]: value,\n errors\n }));\n };\n const classes = useStyles();\n const schema = {\n addressPhoneNumber: {\n isRequired: {\n required: true,\n name: 'تلفن ثابت'\n },\n length: {\n minimum: 11,\n maximum: 11\n },\n format: {\n pattern: /^0[1-8]\\d*/,\n message: 'فرمت وارد شده صحیح نمیباشد.'\n }\n },\n cityId: {\n select: {\n value: cityId,\n inputName: 'شهر'\n }\n },\n provinceId: {\n select: {\n value: provinceId,\n inputName: 'استان'\n }\n },\n countryId: {\n select: {\n value: countryId,\n inputName: 'کشور'\n }\n },\n region: {\n select: {\n value: region,\n inputName: 'منطقه'\n }\n },\n // [zipCode > 0 ? 'zipCode' : false]: {\n zipCode: {\n isRequired: {\n required: true,\n name: 'کدپستی'\n },\n length: {\n minimum: 10,\n maximum: 14\n }\n },\n location: {\n isRequired: {\n //required:props.location.pathname.toLowerCase().includes('useraddresses') && true,\n required: true,\n name: 'آدرس',\n length: {\n minimum: 10,\n name: 'آدرس',\n maximum: 200,\n isNumber: false\n }\n }\n }\n // [location > 0 ? 'location' : false]: {\n // isRequired: {\n // required: true,\n // name: 'آدرس'\n // },\n // length: {\n // minimum: 10,\n // maximum: 200,\n // name: 'آدرس',\n // isNumber: false\n // }\n // }\n };\n\n const LAT_CONSTANT = 39.3657576362086;\n const LONG_CONSTANT = 48.30158472061158;\n const handleSave = async e => {\n e.preventDefault();\n setDisablelBtn(true);\n let result = null;\n\n let formForServer = {\n zipCode: zipCode ? zipCode : null,\n provinceId: parseInt(provinceId) === 0 ? null : parseInt(provinceId),\n cityId:\n isNaN(parseInt(cityId)) || parseInt(cityId) === 0\n ? null\n : parseInt(cityId),\n region: region && parseInt(cityId) === 459 ? region : null,\n location: location ? location : null,\n countryId:\n isNaN(parseInt(countryId)) || parseInt(countryId) === 0\n ? null\n : parseInt(countryId),\n addressPhoneNumber,\n // BypassLocationRequired:\n // !props.location.pathname.toLowerCase().includes('useraddresses') &&\n // !requireDisk &&\n // true,\n // BypassZipCodeRequired:\n // !props.location.pathname.toLowerCase().includes('useraddresses') &&\n // !requireDisk &&\n // true,\n application\n };\n if (\n props.location.pathname.toLowerCase().includes('useraddresses') ||\n props.location.pathname.toLowerCase().includes('cart') ||\n props.location.pathname.toLowerCase().includes('quickrenewal') ||\n props.location.pathname.toLowerCase().includes('renewal')\n ) {\n if (props.match.params.id || licenseUserId) {\n let userId = props.match.params.id\n ? props.match.params.id\n : licenseUserId;\n try {\n if (!locationForm.id) {\n result = await api.postUserAddressByAdmin(userId, formForServer);\n } else {\n result = await api.updateUserAddressByAdmin(\n locationForm.id,\n userId,\n formForServer\n );\n }\n\n if (result.succeeded === true) {\n setLoder(false);\n getUserAddressesByAdmin(userId);\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `آدرس با موفقیت ${\n locationForm.id ? 'ویرایش' : 'افزوده'\n } شد.`\n })\n );\n } else if (result.errors) {\n setDisablelBtn(false);\n const errors = result.errors;\n setLoder(true);\n setLocationForm(prevState => ({\n ...prevState,\n errors\n }));\n }\n } catch (error) {}\n } else {\n let frontErrors = HolooValidation(\n {\n addressPhoneNumber,\n cityId,\n provinceId,\n countryId,\n region: region && parseInt(cityId) === 459 ? region : null,\n //zipCode: zipCode ? zipCode : '',\n zipCode,\n location\n },\n schema\n );\n if (parseInt(cityId) !== 459) delete frontErrors.region;\n if (frontErrors && Object.keys(frontErrors).length === 0) {\n // setLoder(true)\n\n try {\n if (!locationForm.id) {\n result = await api.postUserAddress(formForServer);\n } else {\n result = await api.updateAddress(locationForm.id, formForServer);\n }\n\n if (result.succeeded === true) {\n setLoder(false);\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `اطلاعات با موفقیت ثبت شد`\n })\n );\n onClose();\n getUserAddresses('default');\n props.location.pathname.toLowerCase().includes('useraddresses') &&\n dispatch(getMyProfile(await fetchMyProfile()));\n } else if (result.errors) {\n const errors = result.errors;\n // setLoder(true)\n setDisablelBtn(false);\n setLocationForm(prevState => ({\n ...prevState,\n errors\n }));\n }\n } catch (error) {}\n } else {\n setLocationForm(prevState => ({\n ...prevState,\n errors: frontErrors || {}\n }));\n }\n }\n } else if (props.location.pathname.toLowerCase().includes('userdetail')) {\n let frontErrors = HolooValidation(\n {\n addressPhoneNumber,\n cityId,\n provinceId,\n countryId,\n region: region && parseInt(cityId) === 459 ? region : null,\n //[zipCode ? 'zipCode' : '']: zipCode,\n zipCode,\n location\n },\n schema\n );\n if (parseInt(cityId) !== 459) delete frontErrors.region;\n if (frontErrors && Object.keys(frontErrors).length === 0) {\n // setLoder(true)\n\n try {\n let result = null;\n let agentErrors = null;\n let agentResult;\n\n if (userid) {\n result = await api.AddOrUpdateProfileAddressByAdmin(\n userid,\n formForServer\n );\n if (result.succeeded) {\n setLoder(false);\n getUserInfoByAdmin();\n }\n\n onClose();\n } else {\n result = await api.myprofileAdress({\n location: location ? location : null,\n zipCode,\n region: region && parseInt(cityId) === 459 ? region : null,\n provinceId:\n parseInt(provinceId) === 0 ? null : parseInt(provinceId),\n cityId:\n isNaN(parseInt(cityId)) || parseInt(cityId) === 0\n ? null\n : parseInt(cityId),\n countryId:\n isNaN(parseInt(countryId)) || parseInt(countryId) === 0\n ? null\n : parseInt(countryId),\n addressPhoneNumber\n //BypassZipCodeRequired: !requireDisk && true\n });\n }\n\n if (result.succeeded) {\n setLoder(false);\n if (isAgent) {\n if (\n position[0] !== LAT_CONSTANT &&\n position[1] !== LONG_CONSTANT\n ) {\n agentResult = await api.addOrUpdateAgentForMapTorfe({\n provinceId:\n parseInt(provinceId) === 0 ? null : parseInt(provinceId),\n cityId:\n isNaN(parseInt(cityId)) || parseInt(cityId) === 0\n ? null\n : parseInt(cityId),\n //address: location ? location : null,\n address: location,\n geoCoordinateLatitude: position[0],\n geoCoordinateLongitude: position[1]\n });\n\n if (agentResult.succeeded) {\n setLoder(false);\n isAgent && getAgentInfo();\n // onClose();\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `اطلاعات با موفقیت ثبت شد`\n })\n );\n } else if (agentResult.errors) {\n agentErrors = agentResult.errors;\n setLoder(false);\n }\n } else {\n setIsFirstChooseMap('لطفا موقعیت مکانی خود را انتخاب کنید.');\n }\n }\n if (result.succeeded && (isAgent ? agentResult.succeeded : true)) {\n dispatch(getMyProfile(await fetchMyProfile()));\n isAgent && getAgentMapInfo();\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `اطلاعات با موفقیت ثبت شد`\n })\n );\n setLoder(false);\n onClose();\n }\n }\n if (result.errors || agentErrors) {\n setDisablelBtn(false);\n setLocationForm(prevState => ({\n ...prevState,\n errors: { ...agentErrors, ...result.errors }\n }));\n }\n } catch (error) {\n onClose();\n\n dispatch(getMyProfile(await fetchMyProfile()));\n isAgent && getAgentMapInfo();\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: `اطلاعات با موفقیت ثبت شد`\n })\n );\n }\n } else {\n setDisablelBtn(false);\n setLocationForm(prevState => ({\n ...prevState,\n errors: frontErrors || {}\n }));\n }\n }\n };\n\n useEffect(() => {\n if (errors?.region && cityId !== 459) delete errors['region'];\n }, [errors]);\n\n const [mapCenter, setMapCenter] = useState({\n position: [LAT_CONSTANT, LONG_CONSTANT],\n zoom: 15\n });\n\n const onMapMoveEnd = e => {\n let mapCenter = e.target.getCenter();\n let mapZoom = e.target.getZoom();\n setMapCenter({\n position: [mapCenter.lat, mapCenter.lng],\n zoom: mapZoom\n });\n };\n\n useEffect(() => {\n if (geo_coordinate_latitude && geo_coordinate_longitude) {\n setMapCenter(prevState => ({\n ...prevState,\n position: [geo_coordinate_latitude, geo_coordinate_longitude]\n }));\n }\n }, [geo_coordinate_latitude, geo_coordinate_longitude]);\n\n let { position } = mapCenter;\n\n let holooMap = useMemo(\n () =>\n \n {' '}\n درحال ارسال اطلاعات لطفا شکیبا باشید\n \n
\n ) : (\n \n )}\n \n \n {' '}\n
• قوانین مقرارت گزارش اعتباری خود
\n\n • اطلاعات ذکر شده در گزارش اعتباری تماما توسط شرکت مشاوره رتبه\n بندی اعتباری ایرانیان و بر اساس داده های موجود در بانک های\n کشور می باشد. لذا در زمینه صحت اطلاعات مسئولیتی متوجه آیس نمی\n باشد. با این وجود این موارد به معنی صحت صد در صدی گزارش نیست.\n در صورتی که تصور می کنید در گزارش شما خطایی وجود دارد می\n توانید از طریق این فرم و یا از طریق تماس با واحد پشتیبانی به\n محتوای گزارش خود اعتراض کنید.\n
\n\n • مطابق قوانین و در راستای حفظ محرمانگی کاربران، آیس گزارش های\n اعتباری شما را به هیچ عنوان در پایگاه داده خود ذخیره نمی کند.\n
\n\n • در هنگام درخواست گزارش اعتباری می بایست از خط تلفن همراهی\n استفاده کنید که متعلق به خودتان است. به این معنی که کد ملی و\n شماره تلفن همراه آن در شبکه تلفن همراه مطابقت داشته باشد و سند\n تلفن همراه به نام متقاضی دریافت کننده گزارش باشد. در غیر\n اینصورت گزارش اعتباری به کاربر نمایش داده نخواهد شد و مسئولیت\n کلیه عواقب آن به عهده کاربر می باشد. لازم به ذکر است کنترل\n تطابق بین شماره تلفن همراه و کد ملی بعد از عملیات پرداخت انجام\n شده و در صورت عدم تطابق وجهی به متقاضی عودت داده نخواهد شد.\n لذا در این زمینه دقت لازم را به عمل آورید.\n
\n\n • گزارش اعتباری شما فقط در اختیار شما قرار می گیرد و هیچ فرد\n دیگری حق دسترسی به این گزارش را نخواهد داشت، مگر آنکه خود\n کاربر دسترسی مشاهده گزارش خود را به کاربر دیگری ارائه کند.\n
\n\n\n • گزارش های اعتباری پس از احراز هویت متقاضی و وجود تطابق بین\n شماره تلفن و کد ملی متقاضی، به ایشان ارائه می شود. بدیهی است\n مسئولیت حفاظت از سیم کارت و دستگاه تلفن همراه به عهده کاربران\n می باشد.\n
\n\n • هزینه سرویس های ارائه شده به مشتری طبق قوانین بالادستی تصویب\n شده می باشد و آیس در روند قیمت گذاری دخالتی ندارد. در صورت\n تمایل به مشاهده ریز قیمت ها اینجا کلیک کنید.\n
\n• قوانین مقرارت گزارش اعتباری شرکت
\n\n • اطلاعات ذکر شده در گزارش اعتباری تماما توسط شرکت مشاوره رتبه\n بندی اعتباری ایرانیان و بر اساس داده های موجود در بانک های\n کشور می باشد. لذا در زمینه صحت اطلاعات مسئولیتی متوجه آیس نمی\n باشد. با این وجود این موارد به معنی صحت صد در صدی گزارش نیست.\n در صورتی که تصور می کنید در گزارش شما خطایی وجود دارد می\n توانید از طریق این فرم و یا از طریق تماس با واحد پشتیبانی به\n محتوای گزارش خود اعتراض کنید.\n
\n\n • مطابق قوانین و در راستای حفظ محرمانگی کاربران، آیس گزارش های\n اعتباری شما را به هیچ عنوان در پایگاه داده خود ذخیره نمی\n نماید.\n
\n\n • در هنگام درخواست گزارش اعتباری \"شرکتم\" می بایست در قسمت های\n \"شماره موبایل مدیرعامل\" و \" کد ملی مدیرعامل\" از کد ملی و شماره\n موبایلی استفاده نمائید که متعلق به مدیر عامل شرکتی است که\n شناسه ملی آن را در قسمت \"شناسه ملی شرکت\" وارد نموده اید. به\n این معنی که کد ملی و شماره موبایل وارد شده در شبکه تلفن همراه\n مطابقت داشته باشد و سند تلفن همراه به نام ایشان باشد. در غیر\n اینصورت گزارش اعتباری به کاربر نمایش داده نخواهد شد و مسئولیت\n کلیه عواقب آن به عهده کاربر می باشد. لازم به ذکر است کنترل\n تطابق بین شماره موبایل و کد ملی بعد از عملیات پرداخت انجام شده\n و در صورت عدم تطابق وجهی به متقاضی عودت داده نخواهد شد. لذا در\n این زمینه دقت لازم برای حصول اطمینان از صحت اطلاعات وارد شده\n را قبل از اقدام به دریافت گزارش اعتباری به عمل آورید.\n
\n\n • گزارش اعتباری دریافت شده \"شرکتم\" فقط در اختیار شما (مدیرعامل\n شرکت) قرار می گیرد و هیچ فرد دیگری حق دسترسی به این گزارش را\n نخواهد داشت، مگر آنکه شما دسترسی مشاهده گزارش شرکت خود را به\n کاربر دیگری ارائه کند.\n
\n\n • گزارشهای اعتباری پس از احراز هویت متقاضی و وجود تطابق بین\n شماره موبایل، کد ملی و شناسه ملی شرکت از طریق سیستم شاهکار و\n سیستم ثبت اسناد انجام میگیرد و به ایشان ارائه می شود. بدیهی\n است مسئولیت حفاظت از سیم کارت و دستگاه تلفن همراه به عهده\n کاربران می باشد.\n
\n\n • هزینه سرویس های ارائه شده به مشتری طبق قوانین بالادستی تصویب\n شده می باشد و آیس در روند قیمت گذاری دخالتی ندارد.\n {/* در صورت\n تمایل به مشاهده ریز قیمت ها اینجا کلیک کنید. */}\n
\n\n \n \n \n \n \n\n \n \n \n\n \n \n \n \n
\n \n \n دریافت اعتبار:\n \n \n \n
\n \n تخفیف: \n \n \n
\n \n مالیات: \n \n \n
\n \n قیمت نهایی: \n \n \n
\n \n \n پرداخت آنلاین\n \n
\n \n
\n )}\n \n {getStepContent(step)}\n
\n \n
\n \n \n
\n \n \n
\n )}\n {service && service.update && (\n \n \n
\n )}\n \n {service.discount && service.discountType === 1 && (\n \n )}\n
\n \n \n {service.thumbnailImageStorageId ? (\n \n
\n\n \n {service.discount > 0 && (\n \n {service.discountedPrice > 0 ? (\n \n )}\n\n 0 ? classes.discounted : classes.price\n }>\n {}}\n displayType={'text'}\n value={service.price}\n />\n
\n \n \n \n \n
\n {files && files.length > 0 && (\n \n
\n \n \n انتخاب {word}\n {required && '(اجباری)'}\n \n \n {word} {multiFile ? 'ها' : ' '}\n را اینجا رها کنید یا با کلیک {word}{' '}\n مد نظر را انتخاب کنید\n \n {word === 'ویدیو' && (\n \n حداکثر حجم فایل {maxSize} مگابایت\n \n )}\n
\n - \n {files.map((file, i) => (\n
\n {file.name} \n\n {errors && (\n \n \n )}\n
\n \n \n حذف همه\n \n
\n )}\n \n \n {files && files.length > 0\n ? files.map((file,index) => (\n \n \n {file.thumbnailStorageId || file.img ? (\n linkVideoHome(file)}\n className={classes.media}\n image={\n file.img\n ? file.img\n : api.fileStorage(file.thumbnailStorageId, isPublic)\n }\n />\n ) : (\n linkVideoHome(file)}\n className={clsx(\n classes.placeholder,\n classes[file.extension]\n )}>\n {file.extension && (\n
\n )}\n \n linkVideoHome(file)}\n variant=\"h5\"\n className={clsx(\n classes.colorBlueGrey,\n classes.titleblog\n )}>\n {file.title}\n \n
\n \n \n میانگین امتیازات :{' '}\n {file.rate === null ? 0 : file.rate} از 5\n \n
\n \n \n {/* {type === 'media' && (\n \n {file.extension && file.extension.slice(1, 100)}\n \n )} */}\n \n {file.description && (\n handleExpandClick(file.id)}\n aria-expanded={expanded}\n aria-label=\"Show more\">\n
\n \n \n \n {type && type === 'store' ? (\n هیچی تو سبدت نیست که ... \n ) : (\n هیچ اطلاع رسانی جدیدی نیست ... \n )}\n
\n );\n};\n\nEmptyList.propTypes = {\n className: PropTypes.string\n};\n\nexport default EmptyList;\n","import {\n Button,\n CardActions,\n CardHeader,\n Divider,\n Popover\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { useSelector } from 'react-redux';\nimport color from 'theme/colors';\nimport { EmptyList, NotificationList } from './components';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: 350,\n maxWidth: '100%'\n },\n actions: {\n backgroundColor: color.purple,\n color: color.white,\n justifyContent: 'center',\n padding: 0,\n margin: 0\n },\n basket: {\n color: color.white,\n padding: theme.spacing(2.1, 4)\n }\n}));\n\nconst NotificationsPopover = props => {\n const {\n notifications,\n type,\n anchorEl,\n notificationTotal,\n handleOpenCart,\n ...rest\n } = props;\n\n const classes = useStyles();\n\n const carts = useSelector(state => state.carts);\n\n return type && type === 'store' ? (\n carts && (\n \n \n \n مشاهده سبد خرید\n \n \n
\n \n )\n ) : (\n \n 0\n ? notificationTotal && notificationTotal\n : 0\n })`}\n />\n \n \n مشاهده اطلاع رسانی ها\n \n \n )} */}\n
\n \n );\n};\n\nNotificationsPopover.propTypes = {\n anchorEl: PropTypes.any,\n className: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n open: PropTypes.bool.isRequired\n};\n\nexport default NotificationsPopover;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport { colors } from '@material-ui/core';\nimport ReactPaginate from 'react-paginate';\nimport ArrowLeftIcon from '@material-ui/icons/ArrowLeft';\nimport ArrowRightIcon from '@material-ui/icons/ArrowRight';\nconst useStyles = makeStyles(theme => ({\n root: {\n ...theme.typography.button,\n listStyle: 'none',\n userSelect: 'none',\n display: 'flex',\n alignItems: 'center',\n maxWidth: '100%',\n overflow: 'auto'\n },\n active: {},\n activeLink: {},\n break: {},\n breakLink: {},\n disabled: {},\n next: {\n marginLeft: theme.spacing(1)\n },\n nextLink: {\n display: 'flex',\n padding: '6px',\n outline: 'none',\n cursor: 'pointer',\n borderRadius: 25,\n '&:hover': {\n backgroundColor: 'rgba(0,0,0,0.04)',\n color: 'rgba(0,0,0,0.87)'\n }\n },\n page: {},\n pageLink: {\n color: theme.palette.text.secondary,\n padding: theme.spacing(1),\n outline: 'none',\n cursor: 'pointer',\n width: 40,\n height: 40,\n borderRadius: '50%',\n display: 'block',\n textAlign: 'center',\n '&:hover': {\n backgroundColor: 'rgba(0,0,0,0.04)',\n color: 'rgba(0,0,0,0.87)'\n },\n '&$activeLink': {\n backgroundColor: colors.indigo[500],\n color: 'white'\n }\n },\n previous: {\n marginRight: theme.spacing(1)\n },\n previousLink: {\n display: 'flex',\n padding: '6px',\n outline: 'none',\n cursor: 'pointer',\n borderRadius: 25,\n '&:hover': {\n backgroundColor: 'rgba(0,0,0,0.04)',\n color: 'rgba(0,0,0,0.87)'\n }\n }\n}));\n\nconst Paginate = props => {\n const {\n pageCount,\n pageRangeDisplayed,\n onPageChange,\n pageNo,\n className,\n ...rest\n } = props;\n const classes = useStyles();\n return (\n \n \n \n \n \n \n \n
\n \n );\n};\n\nexport default TableEditBar;\n","import { Button, Grid, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport { changeSystemState } from 'actions';\nimport React from 'react';\nimport { useDispatch } from 'react-redux';\nimport color from 'theme/colors';\n\nconst RequiredFilter = props => {\n const useStyles = makeStyles(theme => ({\n titlecontent: {\n marginTop: theme.spacing(5)\n },\n content: {\n marginTop: theme.spacing(2.75),\n textAlign: 'left',\n [theme.breakpoints.down(`sm`)]: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1)\n }\n },\n buttonsParent: {\n padding: `${theme.spacing(2)}px 0 ${theme.spacing(2)}px 0`\n },\n button: {\n backgroundColor: color.purple,\n color: 'white',\n padding: `${theme.spacing(1.5)}px 0`,\n borderRadius: 10,\n minWidth: 150,\n '&:hover': {\n backgroundColor: color.purple,\n color: 'white'\n }\n },\n imgFilter: {\n maxWidth: '100%',\n width: '95px'\n }\n }));\n\n const classes = useStyles();\n const { idWidget } = props;\n\n const dispatch = useDispatch();\n\n const handleFilter = () => {\n dispatch(\n changeSystemState({ key: `hasFilterWidget_${idWidget}`, value: true })\n );\n };\n\n return (\n {showStep()}
\n ![\"\"](\"/images/filter.svg\")
\n \n
\n )}\n {idDashboard && idWidget && (\n \n {idDashboard && (\n \n تاریخ آخرین دریافت داده:{' '}\n {jMoment(lastUpdateDateTime).format('HH:mm jDD-jMM-jYYYY')}\n \n )}\n { ShowButton && \n دریافت گزارش\n \n }\n
\n {exportData && serverSide ? (\n \n \n در حال دریافت داده، لطفا شکیبا باشید...\n \n
\n ) : (\n \n \n در حال دریافت گزارش معین\n \n
\n ) : (\n \n {exportData &&\n exportData.print &&\n dataExport &&\n dataExport.length > 0 && (\n \n \n )}\n
\n ),\n [dataExport, manghoolSum]\n )}\n \n \n
\n\n \n {!withoutKendoo && (\n \n \n {operator && OperatorDateEnums[operator]}\n \n )}\n {filter && (\n \n
\n \n {!withoutKendoo && operator && (\n \n \n {OperatorNumberEnums[operator]}\n \n )}\n\n {min !== undefined && (\n \n
\n\n \n \n \n )}\n
\n \n \n {Object.keys(OperatorStringEnums).map((item, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default StringFilter;\n","import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { MenuItem, Typography, TextField } from '@material-ui/core';\nimport FilterJss from './FilterJss.js';\nconst operators = [\n {\n title: 'همه',\n value: 0\n },\n {\n title: 'بلی',\n value: 1\n },\n {\n title: 'خیر',\n value: 2\n }\n];\nconst BooleanFilterCell = props => {\n const classes = FilterJss();\n\n const [inputValue, setInputValue] = useState(0);\n\n function queryStr(inputValue) {\n let value = null;\n //let operator = '';\n if (inputValue === 1) {\n value = true;\n // operator = 'بلی';\n } else if (inputValue === 2) {\n value = false;\n // operator = 'خیر';\n }\n if (value !== null) {\n props.onChange({ value, operator: 'eq' });\n } else {\n props.onChange({ value: null, operator: '' });\n }\n }\n\n const handleClickMenu = operatorItem => {\n setInputValue(operatorItem.target.value);\n queryStr(operatorItem.target.value);\n };\n\n return (\n \n \n \n \n {value && (\n \n )}\n
\n\n \n
\n\n \n \n {operators.map((operatorItem, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default BooleanFilterCell;\n","const displayValueProductType = value => {\n switch (value) {\n case 1:\n return 'سرویس';\n case 2:\n return 'پکیج';\n case 3:\n return 'تمدید پشتیبانی';\n case 4:\n return 'کالا';\n case 7:\n return 'سرویس حجمی';\n case 8:\n return 'بسته مشاغل';\n default:\n return '';\n }\n};\n\nexport default displayValueProductType;\n","const displayValueBoolean = value => {\n return value ? 'بلی' : 'خیر';\n};\nexport default displayValueBoolean;\n","import jMoment from 'moment-jalaali';\nimport farsi from 'moment/locale/fa';\nimport moment from 'moment';\n\njMoment.locale('fa', farsi);\njMoment.loadPersian({ dialect: 'persian-modern' });\n\nconst displayValueDatePicker = (value, type, dateTimeFull) =>\n value &&\n moment(value, 'YYYY-MM-DD').isAfter('1900') &&\n (type === 'amchart'\n ? jMoment(value).format('jYY-jMM-jDD')\n : dateTimeFull\n ? jMoment(value).format('HH:mm:ss jYYYY-jMM-jDD')\n : jMoment(value).format('jYYYY-jMM-jDD'));\n\nexport default displayValueDatePicker;\n","import { NumberSeparate } from 'Functions';\nconst displayValueDiscount = (value, type) => {\n if (type === 1) {\n return `${value} درصد`;\n } else if (type === 2) {\n return `${NumberSeparate(value)} ریال`;\n }\n};\n\nexport default displayValueDiscount;\n","const displayValueStatusOrder = value => {\n switch (value) {\n case 1:\n return 'اضافه شده به سبد کالا';\n case 2:\n return 'شروع پرداخت';\n case 3:\n return 'پرداخت لغو شده';\n case 4:\n return 'پرداخت با موفقیت انجام شده';\n case 5:\n return 'در انتظار پرداخت';\n case 6:\n return 'پرداخت ناموفق';\n default:\n break;\n }\n};\nexport default displayValueStatusOrder;\n","import React from 'react';\nimport { HolooNumberFormat } from 'components';\n\nconst NumberWithCommas = number => {\n const splitedNumber = number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n\n return splitedNumber;\n};\n\nconst displayValueUnit = (value, typeUnit, expirationDate, typeView) => {\n switch (typeUnit) {\n case 'price':\n if (value) {\n return typeView !== 'export' ? (\n \n {/* {label} */} \n
\n \n \n \n {Object.values(listDropDown).map((item, index) => (\n \n ))}\n \n
\n ) : (\n ''\n );\n};\n\nexport default EnumsFilter;\n","import React, { useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { HolooTimePicker } from 'components';\nimport { Menu, MenuItem, Typography, Button, Tooltip } from '@material-ui/core';\nimport { addOrUpdateFilterWidgetDashboard } from 'actions';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport FilterJss from './FilterJss.js';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { OperatorDateEnums } from 'enums';\n\nconst TimeFilter = props => {\n const dispatch = useDispatch();\n const applyFilter = useSelector(state => state.systemState.applyFilter);\n const classes = FilterJss();\n\n var {\n field,\n idWidget,\n type,\n label,\n idDashboard,\n withoutKendoo,\n typeDate\n } = props;\n\n const [operator, setOperator] = useState('eq');\n const [filter, setFilter] = useState(false);\n\n const [startDatetime, setStartDatetime] = useState();\n const [endDatetime, setEndDatetime] = useState();\n const [title, setTitle] = useState(OperatorDateEnums[operator]);\n\n function queryStr() {\n if (type !== 'table') {\n let string = '';\n if (endDatetime) {\n string = `${field}~gte~'${startDatetime}'~and~${field}~lte~'${endDatetime}'`;\n } else if (operator !== 'inRangeTime' && startDatetime) {\n string = `${field}~${operator}~'${startDatetime}'`;\n }\n props.onChange(field, string);\n } else {\n if (endDatetime) {\n const value = endDatetime;\n const inRange = `gte~'${startDatetime}'~and~${field}~lte`;\n props.onChange({ value, operator: inRange });\n } else if (operator !== 'inRangeTime' && startDatetime) {\n const value = startDatetime;\n props.onChange({ value, operator });\n }\n }\n }\n\n function filterWidget() {\n if (idDashboard && idWidget && field) {\n return {\n idDashboard,\n idWidget,\n field: {\n [field]: startDatetime && {\n operator,\n endDatetime,\n startDatetime,\n withoutKendoo,\n type: typeDate !== undefined ? typeDate : 'date-time'\n }\n }\n };\n }\n }\n\n useEffect(() => {\n if (operator !== 'inRangeTime' && endDatetime) {\n setEndDatetime('');\n }\n }, [operator]);\n\n useEffect(() => {\n if (applyFilter) {\n dispatch(addOrUpdateFilterWidgetDashboard(filterWidget()));\n }\n }, [applyFilter]);\n\n const changeEndDatetime = date => {\n setEndDatetime(date._d.toTimeString().slice(0, 5));\n setSelectedEndDate(date);\n };\n\n const onClearButtonClick = event => {\n event.preventDefault();\n if (type !== 'table') {\n props.onChange(field);\n } else {\n props.onChange({ value: null, operator: '', syntheticEvent: event });\n }\n setStartDatetime();\n setEndDatetime();\n setSelectedDate(null);\n setFilter(false);\n };\n\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n useEffect(() => {\n setTitle(OperatorDateEnums[operator]);\n }, [operator]);\n useEffect(() => {\n if (typeDate === 'date') {\n delete OperatorDateEnums['neq'];\n delete OperatorDateEnums['gt'];\n delete OperatorDateEnums['lt'];\n }\n }, [typeDate]);\n const handleClickMenu = id => {\n handleClose();\n setOperator(id);\n if (id === 'inRangeTime') {\n setEndDatetime();\n } else {\n if (startDatetime && !endDatetime) {\n // queryStr({startDatetime, operator: id})\n setFilter(true);\n } else if (startDatetime && endDatetime) {\n if (startDatetime) {\n // queryStr({startDatetime, endDatetime})\n setFilter(true);\n }\n }\n }\n };\n\n useEffect(() => {\n if (startDatetime) {\n if (!idDashboard) {\n queryStr();\n }\n setFilter(true);\n }\n }, [startDatetime, endDatetime, operator]);\n\n const [selectedDate, setSelectedDate] = useState();\n\n const [selectedEndDate, setSelectedEndDate] = useState();\n\n const handleDateChange = date => {\n setStartDatetime(date._d.toTimeString().slice(0, 5));\n setSelectedDate(date);\n };\n\n return (\n \n {/* \n {label}\n */}\n
\n \n \n
\n\n \n {!withoutKendoo && (\n \n \n \n )}\n {filter && (\n \n )}\n
\n \n
\n \n {dt ? (\n dt === 'low' ? (\n
\n );\n};\n\nexport default PercentageChange;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\n\nconst useStyles = makeStyles(() => ({\n ltr: {\n direction: 'rtl'\n }\n}));\nconst NumberCell = props => {\n const classes = useStyles();\n const { value } = props;\n return {value}
;\n};\n\nexport default NumberCell;\n","import React from 'react';\nimport { Tooltip } from '@material-ui/core';\n\nconst MaximumChange = props => {\n const { value } = props;\n return (\n\n \n {value}\n \n
\n );\n};\n\nexport default MaximumChange;\n","import React from 'react';\nimport { Tooltip } from '@material-ui/core';\n\nconst MinimumChange = props => {\n const { value } = props;\n return (\n \n \n {value}\n \n
\n );\n};\n\nexport default MinimumChange;\n","import React from 'react';\n\nconst LinkStatus = props => {\n const { value } = props;\n\n return (\n \n {value === 1 ? 'ارسال شده' : 'ارسال نشده'}\n
\n );\n};\n\nexport default LinkStatus;\n","import React from 'react';\nimport { SendSmsTypeEnum } from 'enums/';\n\nconst SendSmsType = props => {\n const { value } = props;\n\n return (\n \n {SendSmsTypeEnum[value]}\n
\n );\n};\n\nexport default SendSmsType;\n","import React from 'react';\nimport { TellcEnum } from 'enums';\n\n\nconst EventType = props => {\n const { value } = props;\n return (\n \n {TellcEnum[value]}\n
\n );\n};\n\nexport default EventType;\n","import React from 'react';\nimport { InsertedTypeEnum } from 'enums';\n\n\nconst InsertedType = props => {\n const { value } = props;\n return (\n \n {InsertedTypeEnum[value]}\n
\n );\n};\n\nexport default InsertedType;\n","import React, { Fragment, useState } from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n Button,\n colors,\n Card,\n CardActions,\n CardContent,\n IconButton,\n Grid,\n Typography,\n Modal\n} from '@material-ui/core';\nimport color from 'theme/colors';\nimport clsx from 'clsx';\nimport { TableGridPage } from 'components';\nimport api from 'assets/libs/api';\nimport { ConvertUTCDateToLocalDate } from 'Functions';\nimport CloseIcon from '@material-ui/icons/CloseOutlined';\nimport { GetProvinces } from 'components';\nconst useStyles = makeStyles(theme => ({\n activeBox: {\n padding: 0,\n textAlign: 'right',\n borderBottom: '1px solid #e7e7e7'\n },\n displayButton: {\n display: 'flex',\n margin: '0 !important',\n color: color.white,\n backgroundColor: colors.indigo[500]\n },\n root: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n outline: 'none',\n boxShadow: theme.shadows[20],\n // width: 900,\n maxHeight: '100%',\n overflowY: 'auto',\n maxWidth: '100%',\n [theme.breakpoints.down(`sm`)]: {\n transform: 'none',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n borderRadius: 0,\n width: '100%',\n marginBottom: theme.spacing(4)\n }\n },\n descript: {\n marginBottom: theme.spacing(1),\n '& span': {\n fontWeight: 700,\n marginRight: theme.spacing(1)\n }\n }\n}));\n\nconst DetailCell = props => {\n // const {routeView,routeViewTab} = props;\n // const type = props.dataItem.type\n\n const classes = useStyles();\n const [open, setOpen] = useState(false);\n const handleOpen = () => {\n setOpen(true);\n\n getData();\n getListProvinces();\n // getListCities()\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const [data] = useState();\n const [condition] = useState();\n\n const [form, setForm] = useState({\n jobs: [],\n servicesItems: [],\n agentItems: [],\n zoneItems: []\n });\n\n const { servicesItems, agentItems, zoneItems, jobs } = form;\n function filter(dataItem) {\n switch (dataItem.conditionType) {\n case 0: {\n const filter =\n servicesItems && servicesItems.find(x => x.id === dataItem.value);\n return filter && filter.name;\n }\n case 1: {\n const filter =\n agentItems && agentItems.find(x => x.id === dataItem.value);\n return filter && filter.name;\n }\n case 2: {\n const filter =\n zoneItems && zoneItems.find(x => x.id === dataItem.value);\n return filter && filter.name;\n }\n case 5: {\n const filter = jobs && jobs.find(x => x.id === dataItem.jobId);\n return filter && filter.name;\n }\n case 7: {\n const filter =\n provinces && provinces.find(x => x.id === dataItem.cityOrStateId);\n return filter && filter.name;\n }\n case 6: {\n return dataItem.cityOrState;\n }\n default:\n break;\n }\n }\n async function getData() {\n // try {\n // const result = await api.NotificationConditionGet(props.dataItem.type);\n // setCondition(result);\n // } catch (error) {}\n\n // try {\n // const result = await api.NotificationDetails(props.dataItem.id);\n // setData(result.data);\n // } catch (error) {}\n\n try {\n const result = await api.getJobs();\n setForm(prevState => ({\n ...prevState,\n jobs: result\n }));\n } catch (error) {}\n try {\n const result = await api.GetAllAgetnService();\n setForm(prevState => ({\n ...prevState,\n servicesItems: result\n }));\n } catch (error) {}\n try {\n const result = await api.GetAllAgetnRole();\n setForm(prevState => ({\n ...prevState,\n agentItems: result\n }));\n } catch (error) {}\n try {\n const result = await api.GetAllZone();\n setForm(prevState => ({\n ...prevState,\n zoneItems: result\n }));\n } catch (error) {}\n }\n // useEffect(() => {\n\n // getData();\n\n // }, [open,props.dataItem.type]);\n\n const [locationDetails, setLocationDetails] = useState({\n provinces: [],\n cities: []\n });\n const { provinces } = locationDetails;\n\n async function getListProvinces() {\n if (await GetProvinces()) {\n const provinces = await GetProvinces();\n setLocationDetails(prevState => ({\n ...prevState,\n provinces: provinces\n }));\n }\n }\n\n // async function getListCities() {\n // const cities = await GetCities(provinceIds);\n // setLocationDetails((prevState) => ({\n // ...prevState,\n // cities: cities\n // }))\n // }\n\n return (\n \n
\n \n );\n};\n\nexport default ButtonBackspace;\n","import { DateFormatter } from '@amcharts/amcharts4/core';\n\nimport { displayValueDatePicker } from 'displayValue';\n\nexport default class ShamsiDateFormatter extends DateFormatter {\n applyFormat(date) {\n return displayValueDatePicker(date, 'amchart');\n }\n}\n","import * as am4charts from '@amcharts/amcharts4/charts';\nimport * as am4core from '@amcharts/amcharts4/core';\nimport am4themes_animated from '@amcharts/amcharts4/themes/animated';\nimport {\n CardMedia,\n CircularProgress,\n Grid,\n Typography\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport { addOrUpdateWidgetDashboard } from 'actions';\nimport api from 'assets/libs/api';\nimport { HolooPageInfo, Paginate } from 'components';\nimport { convertDate, QueryStringField, QueryStringFilter } from 'Functions';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport color from 'theme/colors';\nimport uuid from 'uuid/v1';\nimport RequiredFilter from '../RequiredFilter';\nimport { ShamsiDateFormatter } from './components';\n\nam4core.useTheme(am4themes_animated);\nconst useStyles = makeStyles(theme => ({\n flex: {\n display: 'flex',\n flexGrow: '1'\n },\n formControl: {\n margin: theme.spacing(0, 2, 0, 1)\n },\n itemsPerPage: {\n display: 'flex',\n alignItems: 'center',\n color: color.gray\n },\n itemsPerPageTotal: {\n marginLeft: 'auto',\n lineHeight: '40px'\n },\n paginate: {\n marginTop: theme.spacing(3)\n },\n skeleton: {\n width: '100%',\n height: '300px',\n backgroundSize: 'contain',\n textAlign: 'center',\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n color: 'black',\n fontWight: 500,\n fontSize: '1vw'\n },\n chartwidget: {\n '& svg': {\n '& text': {\n letterSpacing: '0'\n }\n },\n '& g[aria-labelledby$=\"title\"][style*=\"cursor: pointer\"]': {\n display: 'none'\n }\n },\n moreIcon: {\n cursor: 'pointer',\n display: 'block',\n margin: 'auto 0'\n },\n filters: {\n alignItems: 'center'\n },\n title: {\n textAlign: 'center',\n marginTop: '10px'\n },\n content: {\n marginTop: theme.spacing(2.75),\n textAlign: 'center'\n },\n button: {\n margin: theme.spacing(2),\n backgroundColor: color.purple,\n color: 'white',\n padding: `${theme.spacing(1.5)}px 0`,\n borderRadius: 10,\n minWidth: 150,\n '&:hover': {\n backgroundColor: color.purple,\n color: 'white'\n }\n },\n buttonsParent: {\n padding: `${theme.spacing(1.25)}px 0 ${theme.spacing(2)}px 0`\n },\n titlecontent: {\n marginTop: theme.spacing(5)\n },\n loader: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n minHeight: '100px',\n width: '100%',\n margin: theme.spacing(2, 0)\n },\n textLoader: {\n marginLeft: theme.spacing(2)\n }\n}));\n\nconst AmChartsLogarithmic = props => {\n const {\n widget,\n idDashboard,\n idWidget,\n widgetInfo,\n apiUrl,\n x_column,\n y_column,\n tooltipText,\n xType,\n viewModel,\n apiUrlOption,\n options,\n reportId,\n dynamicSeries,\n isDate\n } = props;\n\n // var xType = 'text'\n\n const classes = useStyles();\n const dispatch = useDispatch();\n const userDashboards = useSelector(state => state.userDashboards);\n const filters =\n Object.keys(userDashboards).length > 0 &&\n userDashboards[idDashboard] &&\n userDashboards[idDashboard].widgets[idWidget] &&\n userDashboards[idDashboard].widgets[idWidget].filters;\n\n const convertToQueryStringField = QueryStringField(filters, true);\n\n const [filter, setFilter] = useState(\n convertToQueryStringField\n ? QueryStringFilter(convertToQueryStringField)\n : undefined\n );\n\n const bulletList = ['circle', 'triangle', 'rectangle'];\n const [field, setField] = useState();\n const account = useSelector(state => state.account);\n\n\n const [loadData, setLoadData] = useState(false);\n\n useEffect(() => {\n {\n setFilter(\n convertToQueryStringField && filters\n ? QueryStringFilter(convertToQueryStringField)\n : undefined\n );\n setPaging(prevState => ({\n ...prevState,\n pageNo: 1\n }));\n }\n }, [filters]);\n\n const [paging, setPaging] = useState({\n total: 0,\n pageNo: 1,\n pageSize: 10,\n pageCount: '',\n paginationMode: 'count'\n });\n\n const [pageCounter, setPageCounter] = useState(1);\n const { pageSize, pageNo, pageCount, total, paginationMode } = paging;\n const idChart = uuid();\n const [databases, setDatabases] = useState([]);\n const [data, setData] = useState([]);\n const [dateListDropDown, setDateListDropDown] = useState(false);\n\n const onlineReportCurrentLicenseInfo = useSelector(state => state.onlineReportCurrentLicenseInfo)\n const {licenseId} = onlineReportCurrentLicenseInfo;\n\n const [, setDropDownIds] = useState([]);\n\n let queryStr = `${\n filter ? filter + '&' : ''\n }page=${pageNo}&pageSize=${pageSize}&paginationMode=${\n paginationMode ? paginationMode : 'count'\n }`;\n\n useEffect(() => {\n const widget = {\n ...widgetInfo,\n pagination: {\n page: pageNo,\n pageSize,\n paginationMode\n }\n };\n dispatch(\n addOrUpdateWidgetDashboard({\n idDashboard,\n widget: {\n [idWidget]: widget\n }\n })\n );\n }, [pageNo, pageSize]);\n\n async function getOptionsDataChart() {\n try {\n const result = await api.getOptionsDataTable(apiUrlOption,licenseId);\n result.dropDownFilters &&\n setDropDownIds(JSON.parse(result.dropDownFilters));\n setField(result.properties);\n } catch (error) {}\n }\n\n useEffect(() => {\n if (options) {\n options.dropDownFilters &&\n setDropDownIds(JSON.parse(options.dropDownFilters));\n setField(options.properties);\n } else if (!options && apiUrlOption) {\n getOptionsDataChart();\n }\n }, []);\n\n useEffect(() => {\n if (props) {\n const pagination = widgetInfo && widgetInfo.pagination;\n if (pagination) {\n setPaging(prevState => ({\n ...prevState,\n pageNo: pagination.page,\n pageSize: pagination.pageSize,\n paginationMode: pagination.paginationMode\n }));\n }\n }\n }, []);\n\n const handleChange = e => {\n const value = e.target.value;\n if (value.constructor.name === 'String') {\n setPaging(prevState => ({\n ...prevState,\n paginationMode: value,\n pageNo: 1,\n pageSize: 1\n }));\n } else {\n setPaging(prevState => ({\n ...prevState,\n pageSize: value,\n pageNo: 1,\n paginationMode: 'count'\n }));\n }\n };\n\n let [state] = useState({});\n\n const sortData = data => {\n if (data.find(x => x.date)) {\n }\n };\n\n // function groupBy(data, xType) {\n // return (\n // data.reduce((acc, obj) => {\n // const key = obj[xType]\n // })\n // )\n // }\n\n // const desiredData = () => {\n // groupBy(data, xType)\n // }\n\n async function fetchData(database) {\n try {\n const result = await api.getDataTable(`${apiUrl}`, queryStr,licenseId);\n\n const pageCount = Math.ceil(result.total / pageSize);\n\n setLoadData(true);\n if (result.data) {\n if (idDashboard) {\n result.dbName = database;\n if (isDate) {\n let data = convertDate(result.data);\n\n setData(data);\n sortData(data);\n } else {\n setData(result.data);\n sortData(result.data);\n }\n // setData(a)\n\n // setState(prevState => ({\n // ...prevState,\n // [database]: {\n // ...result,\n // data: result.data\n // }\n // }))\n } else {\n setData(result.data);\n }\n\n setPaging(prevState => ({\n ...prevState,\n total: result.total,\n pageCount\n }));\n }\n } catch (error) {}\n }\n\n useEffect(() => {\n if (Object.keys(state).length > 0) {\n var selectedDatabasesData = [];\n\n databases.map(\n x => state[x.name] && selectedDatabasesData.push(state[x.name])\n );\n\n var chartData = [];\n var chartDataDictionary = {};\n for (var i = 0; i < selectedDatabasesData.length; i++) {\n if (selectedDatabasesData)\n for (var j = 0; j < selectedDatabasesData[i].data.length; j++) {\n var x_value = selectedDatabasesData[i].data[j][x_column];\n\n var tooltip_value = selectedDatabasesData[i].data[j][tooltipText];\n\n var y_value = {};\n y_value[selectedDatabasesData[i].dbName + '_' + y_column] =\n selectedDatabasesData[i].data[j][y_column];\n var z_value = {};\n\n z_value[tooltipText] = tooltip_value;\n if (chartDataDictionary[x_value] == null)\n chartDataDictionary[x_value] = {};\n Object.assign(chartDataDictionary[x_value], y_value, z_value);\n }\n }\n\n for (var cc in chartDataDictionary) {\n var item = {};\n item[x_column] = cc;\n Object.assign(item, chartDataDictionary[i]);\n\n chartData.push(item);\n }\n\n setData(chartData);\n }\n }, [state, databases.length]);\n\n useEffect(() => {\n if (widget && xType === 'date') {\n setDateListDropDown(true);\n }\n }, [widget]);\n\n const getData = () => {\n if (reportId) {\n fetchData();\n } else {\n databases.map((db, i) => fetchData(db.name, i));\n }\n };\n\n useEffect(() => {\n setLoadData(false);\n getData();\n }, [pageNo, pageSize, paginationMode, filter]);\n\n useEffect(() => {\n if (\n databases &&\n databases.length > 0 &&\n !(\n state[databases[databases.length - 1]] &&\n state[databases[databases.length - 1].name]\n ) &&\n !reportId\n ) {\n fetchData(databases[databases.length - 1].name);\n }\n }, [databases.length]);\n\n useEffect(() => {\n if (!idDashboard && reportId) {\n fetchData();\n }\n }, []);\n\n function createAxisAndSeries(field, name, typeBullet, chart) {\n var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\n\n if (chart.yAxes.indexOf(valueAxis) !== 0) {\n valueAxis.syncWithAxis = chart.yAxes.getIndex(0);\n }\n\n var series = chart.series.push(new am4charts.LineSeries());\n series.dataFields.valueY = field;\n series.dataFields.valueTooltip = tooltipText;\n\n if (xType === 'text') {\n series.dataFields.categoryX = x_column;\n } else {\n series.dataFields.dateX = x_column;\n }\n\n series.strokeWidth = 2;\n series.yAxis = valueAxis;\n series.name = name;\n\n series.tooltipText =\n y_column &&\n (y_column === 'conut' ||\n y_column === 'totalCount' ||\n y_column === 'rowCount')\n ? 'تعداد: [bold]{valueY}[/]'\n : `${databases.length > 1 ? '{name} : ' : ''} ` +\n `${\n tooltipText ? `[bold]{valueY}:{valueTooltip}` : `[bold]{valueY}[/]`\n }`;\n // series.tensionX = 0.8;\n series.showOnInit = true;\n\n var interfaceColors = new am4core.InterfaceColorSet();\n am4core.options.autoSetClassName = true;\n\tvar bullet;\n switch (typeBullet) {\n case 'triangle':\n bullet = series.bullets.push(new am4charts.Bullet());\n bullet.width = 12;\n bullet.height = 12;\n bullet.horizontalCenter = 'middle';\n bullet.verticalCenter = 'middle';\n\n var triangle = bullet.createChild(am4core.Triangle);\n triangle.stroke = interfaceColors.getFor('background');\n triangle.strokeWidth = 2;\n triangle.direction = 'top';\n triangle.width = 12;\n triangle.height = 12;\n break;\n case 'rectangle':\n bullet = series.bullets.push(new am4charts.Bullet());\n bullet.width = 10;\n bullet.height = 10;\n bullet.horizontalCenter = 'middle';\n bullet.verticalCenter = 'middle';\n\n var rectangle = bullet.createChild(am4core.Rectangle);\n rectangle.stroke = interfaceColors.getFor('background');\n rectangle.strokeWidth = 2;\n rectangle.width = 10;\n rectangle.height = 10;\n break;\n default:\n bullet = series.bullets.push(new am4charts.CircleBullet());\n bullet.circle.stroke = interfaceColors.getFor('background');\n bullet.circle.strokeWidth = 2;\n break;\n }\n\n valueAxis.renderer.line.strokeOpacity = 1;\n valueAxis.renderer.line.strokeWidth = 2;\n valueAxis.renderer.line.stroke = series.stroke;\n valueAxis.renderer.labels.template.fill = series.stroke;\n // valueAxis.renderer.opposite = opposite;\n }\n\n function createSeriesBarChart(value, name, chart) {\n var series = chart.series.push(new am4charts.ColumnSeries());\n series.dataFields.valueY = value;\n series.dataFields.valueTooltip = tooltipText;\n\n if (xType === 'text') {\n series.dataFields.categoryX = x_column;\n } else {\n series.dataFields.dateX = x_column;\n }\n series.name = name;\n series.tooltipText =\n y_column && (y_column === 'conut' || y_column === 'totalCount')\n ? 'تعداد: [bold]{valueY}[/]'\n : `${databases.length > 1 ? '{name} : ' : ''} ` +\n `${\n tooltipText\n ? `[bold]{valueY}:{valueTooltip}[/]`\n : `[bold]{valueY}[/]`\n }`;\n series.tooltip.background.fill = am4core.color('#fff');\n series.tooltip.label.textAlign = 'top';\n series.showOnInit = true;\n\n var bullet = series.bullets.push(new am4charts.LabelBullet());\n bullet.interactionsEnabled = false;\n bullet.dy = 30;\n // bullet.label.text = '{valueY}'\n bullet.label.fill = am4core.color('#ffffff');\n return series;\n }\n\n useEffect(() => {\n if (data && data.length > 0) {\n var chart = am4core.create(`widget-${idChart}`, am4charts.XYChart);\n chart.data = data;\n\n if (dynamicSeries) {\n chart.events.on('beforedatavalidated', function(ev) {\n var source = ev.target.data;\n var rowItem = {};\n var data = [];\n for (let i = 0; i < source.length; i++) {\n var row = source[i];\n if (rowItem[row[x_column]] === undefined) {\n rowItem[row[x_column]] = {\n [x_column]: row[x_column]\n };\n data.push(rowItem[row[x_column]]);\n }\n rowItem[row[x_column]][source[i][dynamicSeries]] = row[y_column];\n }\n ev.target.data = data;\n });\n\n var dynamicY_column = data.map(y => y[dynamicSeries]);\n }\n\n chart.colors.step = 2;\n\n if (\n y_column.constructor.name === 'Array' ||\n (dynamicY_column && dynamicY_column.length > 0)\n ) {\n chart.legend = new am4charts.Legend();\n chart.legend.itemContainers.template.reverseOrder = true;\n chart.legend.reverseOrder = true;\n chart.legend.position = 'top';\n chart.legend.paddingBottom = 20;\n chart.legend.labels.template.maxWidth = 200;\n }\n\n chart.scrollbarX = new am4core.Scrollbar();\n chart.cursor = new am4charts.XYCursor();\n chart.rtl = true;\n\n var xAxis;\n if (xType === 'text') {\n xAxis = chart.xAxes.push(new am4charts.CategoryAxis());\n xAxis.dataFields.category = x_column;\n // xAxis.renderer.labels.template.wrap = true;\n xAxis.renderer.labels.template.truncate = true;\n xAxis.renderer.labels.template.maxWidth = 130;\n } else {\n xAxis = chart.xAxes.push(new am4charts.DateAxis());\n xAxis.dataFields.dateX = x_column;\n // chart.dateFormatter.inputDateFormat = 'yyyy-MM-dd'\n xAxis.chart.dateFormatter = new ShamsiDateFormatter();\n xAxis.renderer.labels.template.location = 0.5;\n // xAxis.startLocation = 0.5\n // xAxis.renderer.labels.template.wrap = true;\n // xAxis.renderer.labels.template.truncate = true;\n // xAxis.renderer.labels.template.maxWidth = 130;\n }\n if (idDashboard && field) {\n let y_column;\n if (dynamicY_column) {\n y_column = [...new Set(dynamicY_column)];\n } else {\n y_column = widget.metaData.chartInfo.y;\n }\n\n databases.map((database, i) => {\n if (viewModel.toLowerCase() !== 'barchart') {\n if (y_column.constructor.name === 'Array') {\n y_column.map(y =>\n createAxisAndSeries(\n `${y}`,\n field[y] ? field[y].title : y,\n i < 3 ? bulletList[i] : bulletList[i - 3],\n chart\n )\n );\n } else {\n return createAxisAndSeries(\n `${y_column}`,\n database.name,\n i < 3 ? bulletList[i] : bulletList[i - 3],\n chart\n );\n }\n // return createAxisAndSeries(`${database.name}_${widget.metaData.chartInfo.y}`, database.name, i < 3\n // return createAxisAndSeries(`${y_column}`, database.name, i < 3\n // ? bulletList[i]\n // : bulletList[i - 3], chart)\n } else {\n chart.yAxes.push(new am4charts.ValueAxis());\n if (y_column.constructor.name === 'Array') {\n y_column.map(y =>\n createSeriesBarChart(\n `${y}`,\n field[y] ? field[y].title : y,\n chart\n )\n );\n } else {\n return createSeriesBarChart(`${y_column}`, database.name, chart);\n }\n // return createSeriesBarChart(`${widget.metaData.chartInfo.y}`, database.name, chart)\n // return createSeriesBarChart(`${database.name}_${widget.metaData.chartInfo.y}`, database.name, chart)\n }\n });\n } else {\n if (field && viewModel && viewModel.toLowerCase() === 'timelinechart') {\n if (y_column.constructor.name === 'Array') {\n y_column.map(\n y => field[y] && createAxisAndSeries(y, field[y].title, 1, chart)\n );\n } else {\n createAxisAndSeries(y_column, y_column, 1, chart);\n }\n } else if (\n field &&\n viewModel &&\n viewModel.toLowerCase() === 'barchart'\n ) {\n chart.yAxes.push(new am4charts.ValueAxis());\n if (y_column.constructor.name === 'Array') {\n y_column.map(\n y => field[y] && createSeriesBarChart(y, field[y].title, chart)\n );\n } else {\n createSeriesBarChart(y_column, y_column, chart);\n }\n }\n }\n }\n }, [\n data,\n widgetInfo &&\n widgetInfo.defaultSetting &&\n widgetInfo.defaultSetting.defaultViewModel,\n state,\n viewModel,\n field\n ]);\n\n function pageChange(page) {\n setPaging(prevState => ({\n ...prevState,\n pageNo: page.selected + 1\n }));\n setPageCounter(page.selected * pageSize + 1);\n }\n\n useEffect(() => {\n if (\n account &&\n account.databases &&\n account.databases.find(x => x.isDefault)\n ) {\n setDatabases([account.databases.find(x => x.isDefault)]);\n }\n }, [account]);\n\n\n const requiredFilter =\n widget && widget.defaultSettings && widget.defaultSettings.requiredFilter;\n\n return (\n \n \n در حال دریافت داده، لطفا شکیبا باشید...\n \n
\n ) : (\n \n \n
)} \n \n \n
\n \n \n \n {service.name}\n \n \n {checkNameServiceType(service.serviceType)}\n \n \n
\n {!service.isActive && (\n \n )}\n \n {service.discount && (\n \n )}\n
\n\n \n \n \n
\n \n \n \n )}\n \n \n \n {service.price ? (\n
\n ) : (\n \n {service.discount > 0 && (\n \n {service.discountedPrice > 0 ? (\n 0 ? classes.discounted : classes.price\n }>\n {}}\n displayType={'text'}\n value={service.price}\n />\n
\n \n کد تخفیف : \n \n {carts.discountCode.code}\n \n
\n )}\n {carts ? (\n \n
\n );\n\n case 1:\n return (\n \n \n در کادر زیر سریال نرم افزار هلو خود را وارد نمایید. سریال از\n طریق محیط نرم افزار و همچنین بسته بندی نرم افزار قابل مشاهده\n است. سریال یک عدد 6 و یا 8 رقمی می باشد.\n setTooltipDialog(false)}>\n \n \n \n \n آموزش مشاهده سریال\n \n \n \n برای مشاهده سریال وارد نرم افزار هلو خود شوید و\n در نوار بار سمت چپ در قسمت مشخصات نرم افزار\n شماره سریال خود را مشاهده نمایید.\n \n \n \n \n }>\n setTooltipDialog(!tooltipDialog)}>\n (راهنمای مشاهده سریال)\n \n \n \n \n \n
\n \n پیامک فعال سازی به شماره ی\n
\n )}\n \n {mobileByLicense}\n
\n ارسال شد\n \n
\n \n \n {receiverInformationItem.country}-{' '}\n {receiverInformationItem.province}-{' '}\n {receiverInformationItem.city}-{' '}\n {receiverInformationItem.location}\n \n \n شماره تماس:{' '}\n {receiverInformationItem.addressPhoneNumber}|\n کدپستی: {receiverInformationItem.zipCode}\n \n {!addressId && \n لطفا آدرس را ویرایش کنید\n }\n
\n \n \n {option.title}\n \n\n \n {option.description}\n \n
\n \n ))\n ) : (\n \n \n در حال دریافت داده، لطفا شکیبا باشید...\n \n
\n ) : (\n \n {exchengeServices &&\n exchengeServices.goldData &&\n exchengeServices.goldData.length > 0 ? (\n \n دیتایی برای نمایش وجود ندارد.\n \n )}\n
\n \n \n {Object.keys(OperatorStringEnums).map((item, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default StringFilter;\n","import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { MenuItem, Typography, TextField } from '@material-ui/core';\nimport CustomFilterJss from './CustomFilterJss.js';\n\nconst operators = [\n {\n title: 'همه',\n value: 0\n },\n {\n title: 'بلی',\n value: 1\n },\n {\n title: 'خیر',\n value: 2\n }\n];\nconst BooleanFilter = props => {\n const { dataTest } = props;\n\n const classes = CustomFilterJss();\n\n const [inputValue, setInputValue] = useState(0);\n\n function queryStr(inputValue) {\n let value = null;\n //let operator;\n if (inputValue === 1) {\n value = true;\n // operator = 'بلی';\n } else if (inputValue === 2) {\n value = false;\n // operator = 'خیر';\n }\n if (value !== null) {\n props.onChange({ value, operator: 'eq' });\n } else {\n props.onChange({ value: null, operator: '' });\n }\n }\n\n const handleClickMenu = operatorItem => {\n setInputValue(operatorItem.target.value);\n queryStr(operatorItem.target.value);\n };\n\n return (\n \n \n \n \n {value && (\n \n )}\n
\n\n \n
\n\n \n \n {operators.map((operatorItem, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default BooleanFilter;\n","import React, { useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { HolooCalender } from 'components';\nimport { Menu, MenuItem, Typography, Button, Tooltip } from '@material-ui/core';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport moment from 'moment';\nimport CustomFilterJss from './CustomFilterJss.js';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { OperatorDateEnums } from 'enums';\n\nconst DateFilter = props => {\n const classes = CustomFilterJss();\n\n var { field, label, dataTest } = props;\n\n const [operator, setOperator] = useState('eq');\n const [startDatetime, setStartDatetime] = useState();\n const [endDatetime, setEndDatetime] = useState();\n const [title, setTitle] = useState(OperatorDateEnums[operator]);\n\n useEffect(() => {\n if (OperatorDateEnums) {\n delete OperatorDateEnums['lsd'];\n }\n }, [OperatorDateEnums]);\n\n const changeStartDatetime = data => {\n let date = data?.date;\n setStartDatetime(date);\n if (date && operator !== 'inRangeTime') {\n const value = new Date(moment(date).format('YYYY-MM-DDT00:00:00'));\n props.onChange({ value: value, operator: operator });\n }\n };\n\n useEffect(() => {\n if (operator !== 'inRangeTime' && endDatetime) {\n setEndDatetime('');\n }\n }, [operator]);\n\n const changeEndDatetime = data => {\n let date = data?.date;\n setEndDatetime(date);\n if (date && operator === 'inRangeTime') {\n const value = new Date(moment(date).format('YYYY-MM-DDT00:00:00'));\n const inRange = `gte~datetime~'${moment(startDatetime).format(\n 'YYYY-MM-DDT00-00-00'\n )}'~and~${field}~lte`;\n props.onChange({ value: value, operator: inRange });\n }\n };\n\n const onClearButtonClick = event => {\n event.preventDefault();\n\n props.onChange({ value: null, operator: '', syntheticEvent: event });\n setStartDatetime();\n setEndDatetime();\n };\n\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n useEffect(() => {\n setTitle(OperatorDateEnums[operator]);\n }, [operator]);\n\n const handleClickMenu = id => {\n handleClose();\n setOperator(id);\n if (id === 'inRangeTime') {\n setEndDatetime();\n }\n };\n\n return (\n \n {/* {label} */} \n
\n \n \n
\n\n \n \n \n {operator && OperatorDateEnums[operator]}\n \n {startDatetime && (\n \n
\n \n \n \n \n {Object.values(listDropDown).map((item, index) => (\n \n ))}\n \n
\n ) : (\n ''\n );\n};\n\nexport default EnumsFilter;\n","import React, { useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport {\n Menu,\n MenuItem,\n Typography,\n FormControl,\n TextField,\n Button,\n Tooltip\n} from '@material-ui/core';\nimport { HolooNumberFormat, HolooUseDebounce } from 'components';\nimport { ConvertPersianNumToEnglish } from 'Functions';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport CustomFilterJss from './CustomFilterJss.js';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { OperatorNumberEnums } from 'enums';\n\nconst HolooNumberSeperator = props => (\n \n \n {Object.keys(OperatorNumberEnums).map((item, index) => (\n handleClickMenu(item)}>\n \n {OperatorNumberEnums[item]}\n \n \n ))}\n \n
\n );\n};\n\nexport default NumberFilter;\n","import React, { useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { HolooTimePicker } from 'components';\nimport { Menu, MenuItem, Typography, Button, Tooltip } from '@material-ui/core';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport CustomFilterJss from './CustomFilterJss.js';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { OperatorDateEnums } from 'enums';\n\nconst TimeFilter = props => {\n const classes = CustomFilterJss();\n var { field, label, dataTest } = props;\n\n const [operator, setOperator] = useState('eq');\n const [filter, setFilter] = useState(false);\n\n const [startDatetime, setStartDatetime] = useState();\n const [endDatetime, setEndDatetime] = useState();\n const [title, setTitle] = useState(OperatorDateEnums[operator]);\n\n function queryStr() {\n if (endDatetime) {\n const value = endDatetime;\n const inRange = `gte~'${startDatetime}'~and~${field}~lte`;\n props.onChange({ value, operator: inRange });\n } else if (operator !== 'inRangeTime' && startDatetime) {\n const value = startDatetime;\n props.onChange({ value, operator });\n }\n }\n\n useEffect(() => {\n if (operator !== 'inRangeTime' && endDatetime) {\n setEndDatetime('');\n }\n }, [operator]);\n\n const changeEndDatetime = date => {\n setEndDatetime(date._d.toTimeString().slice(0, 5));\n setSelectedEndDate(date);\n };\n\n const onClearButtonClick = event => {\n event.preventDefault();\n props.onChange({ value: null, operator: '', syntheticEvent: event });\n setStartDatetime();\n setEndDatetime();\n setSelectedDate(null);\n setFilter(false);\n };\n\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n useEffect(() => {\n setTitle(OperatorDateEnums[operator]);\n }, [operator]);\n\n const handleClickMenu = id => {\n handleClose();\n setOperator(id);\n if (id === 'inRangeTime') {\n setEndDatetime();\n } else {\n if (startDatetime && !endDatetime) {\n // queryStr({startDatetime, operator: id})\n setFilter(true);\n } else if (startDatetime && endDatetime) {\n if (startDatetime) {\n // queryStr({startDatetime, endDatetime})\n setFilter(true);\n }\n }\n }\n };\n\n useEffect(() => {\n if (startDatetime) {\n queryStr();\n setFilter(true);\n }\n }, [startDatetime, endDatetime, operator]);\n\n const [selectedDate, setSelectedDate] = useState();\n\n const [selectedEndDate, setSelectedEndDate] = useState();\n\n const handleDateChange = date => {\n setStartDatetime(date._d.toTimeString().slice(0, 5));\n setSelectedDate(date);\n };\n\n return (\n \n {operator && (\n \n \n {OperatorNumberEnums[operator]}\n \n )}\n {min != undefined && (\n \n
\n\n \n \n \n )}\n
\n \n \n
\n\n \n \n \n {operator && OperatorDateEnums[operator]}\n \n {filter && (\n \n
\n \n \n handleClick(e, 0)}>\n \n\n \n {exportData?.excel && (\n \n \n خروجی اکسل\n \n )}\n \n \n
\n \n {\n \n \n }\n
\n )}\n \n ویرایش\n حذف\n\n
}\n />\n );\n }\n })\n )\n }\n\n export default ButtonsGrid","import React from 'react'\nimport { Button } from '@material-ui/core';\nimport { useDispatch } from 'react-redux';\nimport { showNotification } from 'actions';\nimport api from 'assets/libs/api';\n\nconst GroupSendSMSButton = (props) => {\nconst {\n selected,\n setSelected\n} = props\n const dispatch = useDispatch();\n\n const sendRequest = async (e, dataItem) => {\n if (selected === undefined && !dataItem) {\n dispatch(\n showNotification({\n notificationType: 'warning',\n notificationMessage: 'لطفا ابتدا کاربران را انتخاب کنید.'\n })\n );\n } else if (dataItem) {\n try {\n //let id = multiSelect ? dataItem.id : dataItem.licenseId;\n let id = dataItem.id\n const result = await api.sendRequestWithoutLicense({\n LicenseIds: [id]\n });\n if (result.succeeded) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: 'پیام با موفقیت ارسال شد.'\n })\n );\n setSelected();\n } else {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: 'امکان ثبت پیام در حال حاضر وجود ندارد'\n })\n );\n }\n } catch (error) {}\n } else if (selected !== undefined) {\n let dataArrayConvert = [];\n Object.keys(selected).map(item => dataArrayConvert.push(item));\n //request\n try {\n const result = await api.sendRequestWithoutLicense({\n LicenseIds: dataArrayConvert\n });\n if (result.succeeded) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: 'پیام با موفقیت ارسال شد.'\n })\n );\n setSelected();\n } else {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: 'امکان ثبت پیام در حال حاضر وجود ندارد'\n })\n );\n }\n } catch (error) {}\n }\n };\n\n\n return (\n \n
\n \n {dt ? (\n dt === 'low' ? (\n
\n );\n};\n\nexport default PercentageChange;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\n\nconst useStyles = makeStyles(() => ({\n ltr: {\n direction: 'rtl'\n }\n}));\nconst NumberCell = props => {\n const classes = useStyles();\n const { value } = props;\n return {value}
;\n};\n\nexport default NumberCell;\n","import React from 'react';\nimport { Tooltip } from '@material-ui/core';\n\nconst MaximumChange = props => {\n const { value } = props;\n return (\n\n \n {value}\n \n
\n );\n};\n\nexport default MaximumChange;\n","import React from 'react';\nimport { Tooltip } from '@material-ui/core';\n\nconst MinimumChange = props => {\n const { value } = props;\n return (\n \n \n {value}\n \n
\n );\n};\n\nexport default MinimumChange;\n","import React from 'react';\n\nconst LinkStatus = props => {\n const { value } = props;\n\n return (\n \n {value === 1 ? 'ارسال شده' : 'ارسال نشده'}\n
\n );\n};\n\nexport default LinkStatus;\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport color from 'theme/colors.js';\n\n\nconst useStyles = makeStyles(() => ({\n yes: {\n color: color.tealHoloo\n },\n no: {\n color: color.red\n }\n}));\nconst BooleanCell = ({value}) => {\n const classes = useStyles();\n return value ? (\n \n
\n \n \n \n {!addUser && title}\n \n \n \n {routeAdd && (\n \n \n \n افزودن{' '}\n {title && title.includes('تمامی')\n ? title.replace('تمامی', '')\n : title}\n \n \n \n )}\n {addUser && (\n \n \n افزودن کاربر\n \n \n )}\n \n
\n )}\n\n \n \n {filterArray} \n )}\n \n \n \n
\n \n \n );\n};\n\nexport default TableGridPage;\n","import React, { useEffect, useState } from 'react';\nimport { MenuItem, FormControl, Select, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport color from 'theme/colors';\n\nconst useStyles = makeStyles(theme => ({\n formControl: {\n margin: theme.spacing(0, 2, 0, 1)\n },\n itemsPerPage: {\n display: 'flex',\n alignItems: 'center',\n color: color.gray,\n marginRight: theme.spacing(2),\n whiteSpace: 'nowrap'\n },\n itemsPerPageTotal: {\n marginLeft: theme.spacing(2),\n whiteSpace: 'nowrap',\n lineHeight: '40px'\n },\n fragment: {\n display: 'flex',\n [theme.breakpoints.down(`sm`)]: {\n padding: theme.spacing(0, 1)\n }\n },\n divider: {\n width: '3%',\n backgroundColor: color.grey,\n margin: theme.spacing(0, 2, 0, 0)\n }\n}));\n\nconst HolooPageInfo = props => {\n const { handleChange, dateListDropDown, pageSize, paginationMode } = props;\n const classes = useStyles();\n\n let [listDropDown, setlistDropDown] = useState([\n {\n name: 5,\n title: 5\n },\n {\n name: 10,\n title: 10\n },\n {\n name: 15,\n title: 15\n },\n {\n name: 50,\n title: 50\n },\n {\n name: 100,\n title: 100\n }\n ]);\n useEffect(() => {\n if (dateListDropDown) {\n setlistDropDown(prevState => [\n ...prevState,\n {\n name: 'daily',\n title: 'روزانه'\n },\n {\n name: 'weekly',\n title: 'هفتگی'\n },\n {\n name: 'monthly',\n title: 'ماهانه'\n },\n // ,{\n // name:'seasonal',\n // title:'فصلی'\n // }\n {\n name: 'yearly',\n title: 'سالانه'\n }\n ]);\n }\n }, [dateListDropDown]);\n\n return (\n \n
\n \n \n \n {listDropDown.map((menuItem, index) => (\n \n ))}\n \n \n موارد در هر صفحه \n {/*\n \n {pageCounter} - {(pageCounter - 1 + Number(pageSize)) < total ? (pageCounter - 1 + Number(pageSize)) : total} از {total ? total : '-'} مورد\n \n : \n {total ? total : '-'} مورد\n \n } */}\n
\n );\n};\n\nexport default HolooPageInfo;\n","import { makeStyles } from '@material-ui/styles';\nimport clsx from 'clsx';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport api from 'assets/libs/api';\n\nimport {\n Typography,\n colors,\n Divider,\n Card,\n CardContent,\n List,\n ListItem,\n Switch,\n Button\n} from '@material-ui/core';\nimport { HolooNumberFormat } from 'components';\nimport color from 'theme/colors';\nimport { showNotification } from 'actions';\nimport CheckIcon from '@material-ui/icons/Check';\nimport AlbumIcon from '@material-ui/icons/Album';\nconst useStyles = makeStyles(theme => ({\n root: {\n width: theme.breakpoints.values.lg,\n maxWidth: '100%',\n margin: '0 auto',\n padding: theme.spacing(3)\n },\n tabs: {\n marginTop: theme.spacing(3)\n },\n divider: {\n margin: theme.spacing(2, 0),\n backgroundColor: colors.grey[300]\n },\n alert: {\n marginTop: theme.spacing(3)\n },\n content: {\n padding: theme.spacing(1.5)\n },\n addingToBasket: {\n backgroundColor: color.purple,\n color: color.white,\n borderRadius: '40px',\n marginBottom: theme.spacing(2),\n marginLeft: 'auto',\n '&:hover': {\n backgroundColor: colors.indigo[900]\n }\n },\n addToCartDisabled: {\n cursor: 'no-drop'\n },\n leftSide: {\n padding: theme.spacing(2)\n },\n typeSupport: {\n display: 'flex',\n width: '100%',\n flexDirection: 'row',\n justifyContent: 'space-around'\n },\n checkbox: {\n display: 'flex',\n alignItems: 'center'\n },\n listItem: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n detailButton: {\n margin: 'auto'\n },\n updateimg: {\n textAlign: 'center',\n padding: theme.spacing(3, 2, 2, 2),\n '& li:last-child': {\n borderBottom: 'none'\n }\n },\n listdetail: {\n borderTop: '1px solid gainsboro',\n padding: theme.spacing(2, 2, 0, 2),\n // backgroundColor: '#00D3BE',\n '& li': {\n borderBottom: '1px solid #05B9A8'\n },\n '& li:last-child': {\n borderBottom: 'none'\n }\n },\n listdetail2: {\n padding: theme.spacing(1, 2, 2, 2)\n // backgroundColor: '#00D3BE',\n },\n link: {\n color: color.black\n },\n linkWite: {\n padding: theme.spacing(0, 0.8),\n color: color.purpleDark,\n minWidth: 'auto',\n fontSize: 14\n },\n listdetailtext: {\n color: color.white\n },\n listdetailicon: {\n fill: '#01897C',\n marginRight: '10px'\n },\n cdicon: {\n fill: '#01897C',\n marginRight: '10px',\n fontSize: '30px'\n },\n cdicontext: {\n marginTop: theme.spacing(1),\n display: 'flex',\n alignItems: 'center',\n '& p': {\n color: '#01897C'\n }\n },\n price: {\n textAlign: 'right',\n fontSize: '16px'\n // marginBottom: theme.spacing(2),\n },\n price2: {\n textAlign: 'right',\n fontSize: '20px',\n color: '#EF5B5B'\n // marginBottom: theme.spacing(2),\n },\n more: {\n paddingTop: theme.spacing(2),\n textAlign: 'center'\n },\n buttonbox: {\n padding: theme.spacing(3, 2, 2, 2),\n paddingBottom: '16px !important',\n\n borderTop: '1px solid gainsboro'\n },\n titleinline: {\n marginTop: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n '& p': {\n display: 'inline-block'\n }\n },\n titleinline2: {\n display: 'flex',\n alignItems: 'center',\n // justifyContent: 'space-between',\n flexDirection: 'column',\n '& p': {\n display: 'inline-block'\n }\n },\n grentext: {\n color: '#01897C'\n },\n whitetext: {\n color: color.white\n },\n centerdiv: {\n margin: theme.spacing(2, 0),\n textAlign: 'center'\n },\n list: {\n backgroundColor: '#00D3BE',\n padding: theme.spacing(1, 2),\n borderRadius: '10px',\n\n '& li:last-child': {\n borderBottom: 'none'\n }\n },\n priceTitle: {\n textAlign: 'left',\n maxWidth: '65%'\n },\n boxItem: {\n display: 'block',\n padding: theme.spacing(2, 0)\n },\n listGreen: {\n borderBottom: '1px solid #00b5a3',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'end'\n },\n radios: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n marginBottom: theme.spacing(2),\n width: '100%'\n },\n option: {\n display: 'flex',\n flexDirection: 'row'\n },\n infoText: {\n padding: theme.spacing(1, 4)\n }\n}));\n\nconst RenewalDetails = props => {\n const classes = useStyles();\n const dispatch = useDispatch();\n\n const {\n isTamdid,\n crmService,\n renewalSupportForm,\n handleChange,\n className\n } = props;\n const { requireUpdate, errors } = renewalSupportForm;\n function handleOnline() {\n setTimeout(() => {\n window.open(`/myholoopanel/landing/smarthelp`);\n }, 1000);\n }\n\n const licenses = useSelector(state => state.licenses);\n const [hasCD, setHasCD] = useState(false);\n\n useEffect(() => {\n checkCD();\n}, []);\n\n\n useEffect(() => {\n errors &&\n Object.keys(errors).map(error =>\n dispatch(\n showNotification({\n notificationType: 'error',\n notificationMessage: errors[error]\n })\n )\n );\n }, [errors]);\n\n async function checkCD(){\n try {\n const defaultLicense = licenses.find(x => x.isDefault === true).id;\n const result = await api.checkCD(defaultLicense);\n setHasCD(result.hasCD)\n } catch (error) {}\n }\n\n\n return (\n crmService && (\n \n \n {priceItem.title}:\n \n \n \n
\n \n {isTamdid && (\n
\n : null\n }\n \n \n دریافت نسخه به روز رسانی :\n \n
\n )}\n \n آنلاین \n سی دی \n
\n - \n
\n \n {crmService?.productPriceViewModels[1]?.title.includes(\n 'سي دي'\n ) || !isTamdid\n ? 'دریافت آخرین نسخه بروزرسانی (دریافتی پستی سی دی) نرم افزار هلو'\n : 'دریافت آخرین نسخه بروزرسانی (دریافتی نسخه آنلاین) نرم افزار هلو'}\n \n
\n \n تخفیف: \n \n {crmService.discount !== undefined && (\n \n
\n \n مالیات: \n \n {crmService.vat !== undefined && (\n \n
\n \n قیمت نهایی: \n \n \n
\n \n \n مبلغ قابل پرداخت\n \n \n
\n )}\n {completedRecieverInformation ? (\n \n \n \n متاسفانه هیچ محتوایی وجود ندارد\n \n
\n \n - \n {item.orders.length > 0 &&\n item.orders.map((order, index) => (\n
\n
\n \n \n {order.name}\n \n \n {displayValueProductType(order.serviceType)}\n \n
\n\n {order.databaseId && (\n \n \n دیتابیس: {order.databaseId}\n \n
\n )}\n {order.isLicenseRequired && order.licenseKey && (\n \n \n سریال: {order.licenseKey}\n \n
\n )}\n \n {item.totalPrice > 0 ? (\n رایگان \n )}\n \n نمایش جزئیات\n \n
\n \n \n {item.totalPrice}\n \n \n تومان\n \n
\n ) : (\n \n \n
\n \n \n {option.description}\n \n
\n \n ))\n ) : (\n \n {videoUrl &&\n videoUrl.constructor.name === 'Array' &&\n videoUrl.length > 1 ? (\n videoUrl.map((video, index) => (\n e.preventDefault()\n }\n }\n }}\n />\n )}\n
\n {downloadLink && (\n \n \n {video.name}\n \n e.preventDefault()\n }\n }\n }}\n />\n
\n ))\n ) : (\n \n \n \n \n
\n )}\n \n
\n )\n });\n\n \n } else {\n return {};\n }\n });\n setColumns(convertColumns);\n } else {\n setColumns([]);\n }\n };\n\n useEffect(() => {\n if (data?.length > 0) {\n setDataConvert(data);\n }\n }, [data]);\n\n useEffect(() => {\n if (fields) {\n genrateColumns();\n }\n }, [fields, data]);\n\n useEffect(() => {\n if (Object.keys(addRowAggrigate).length > 0) {\n setDataConvert(prevState => [...prevState].concat(addRowAggrigate));\n }\n }, [addRowAggrigate]);\n\n return (\n \n {title === 'گزارش معین' && (\n \n \n \n حساب معین\n \n \n \n \n تاریخ گزارش :\n \n {jMoment(new Date()).format(' jDD jMMMM jYY ')}\n \n \n \n \n \n \n صورت حساب آقای/خانم/شرکت :\n \n \n {filters &&\n filters['sarfaslCode'] &&\n filters['sarfaslCode'].label}\n \n \n \n آدرس :\n {' '}\n \n \n \n \n کد :\n \n {filters &&\n filters['sarfaslCode'] &&\n filters['sarfaslCode'].value}\n \n \n \n تلفن :\n {' '}\n \n \n \n )}\n \n \n \n \n
\n );\n};\n\nexport default HolooTableMaterial;\n","import React from 'react';\nimport { HolooLink } from 'components';\nimport api from 'assets/libs/api';\n\nlet RedirectLink = props => {\n let { itemClient, children, className, datatest } = props;\n\n async function handleClickLink(URLType) {\n let queryString = `${URLType}`;\n try {\n let result = await api.quickLogin(queryString);\n if (result.succeeded) {\n window.open(result.data, '_self');\n }\n } catch (error) {}\n }\n\n if (itemClient && itemClient.URLType) {\n return (\n \n\n \n
\n \n {exchengeServices &&\n exchengeServices.goldData &&\n exchengeServices.goldData.length > 0 &&\n exchengeServices.arzData &&\n exchengeServices.arzData.length > 0 && (\n
\n );\n};\n\nexport default ExchengeIcon;\n","import { TimePicker } from '@material-ui/pickers';\nimport { HolooTextError } from 'components';\n// import JalaliUtils from 'material-ui-pickers-jalali-utils';\nimport jMoment from 'moment-jalaali';\nimport React, { Fragment } from 'react';\n\njMoment.loadPersian({ dialect: 'persian-modern', usePersianDigits: true });\nconst HolooTimePicker = props => {\n const { errors, label } = props.data;\n\n const { handleDateChange, selectedDate } = props;\n\n return (\n - \n
\n
\n );\n};\n\nexport default HolooSunEditor;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport clsx from 'clsx';\nimport CloseIcon from '@material-ui/icons/CloseOutlined';\nimport {\n Typography,\n Modal,\n Card,\n CardContent,\n IconButton,\n Button\n} from '@material-ui/core';\nimport color from 'theme/colors';\nimport useRouter from 'utils/useRouter';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n modalRoot: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n outline: 'none',\n boxShadow: theme.shadows[20],\n width: 500,\n maxHeight: '100%',\n overflowY: 'auto',\n maxWidth: '100%',\n [theme.breakpoints.down(`sm`)]: {\n width: '100%',\n top: '0',\n left: '0',\n transform: 'none',\n bottom: 0,\n boxShadow: 'none',\n borderRadius: 0\n // paddingBottom: theme.spacing(6)\n }\n },\n activeBox: {\n padding: theme.spacing(1, 2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n textAlign: 'right',\n borderBottom: '1px solid #e7e7e7'\n },\n buttons: {\n display: 'flex',\n flexDirection: 'column',\n padding: theme.spacing(2),\n marginBottom: theme.spacing(7)\n },\n modalBtn: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n left: 0,\n padding: theme.spacing(2, 3),\n margin: 'auto',\n width: '100%',\n textAlign: 'center',\n cursor: 'pointer',\n backgroundColor: `${color.purple}`,\n color: 'white',\n border: `1px solid ${color.purple}`,\n fontSize: 16,\n display: 'inline-block',\n borderRadius: '0 0 10px 10px',\n '&:hover': {\n backgroundColor: `${color.purpleDark}`\n }\n }\n}));\n\nconst NotCompletedProfileModal = props => {\n const classes = useStyles();\n const {\n isCompleteProfileModal,\n setIsCompleteProfileModal,\n landingURL\n } = props;\n\n const router = useRouter();\n\n let handleClick = () => {\n router.history.push({\n pathname: '/myholoopanel/profile/userdetail',\n state: { toLanding: true, landingURL: landingURL }\n });\n };\n\n return (\n \n \n جهت استفاده از امکانات این سرویس باید ابتدا پروفایل خود را تکمیل\n نمایید و سپس سریال خود را اضافه کرده و پس از آن جهت فعال سازی رایگان\n اقدام نمایید.\n \n \n
\n \n \n {mediaType === 'videos' && 'نمایش تمام ویدیو ها'}\n {mediaType === 'files' && 'نمایش تمام فایل ها'}\n \n
\n \n \n نمایش علاقه مندی ها\n \n
\n \n \n \n );\n};\n\nMediaCategory.propTypes = {\n mediaType: PropTypes.string,\n value: PropTypes.string\n};\n\nexport default MediaCategory;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport {\n Card,\n CardContent,\n Divider,\n Table,\n TableBody,\n TableRow,\n TableCell,\n colors,\n Typography\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport api from 'assets/libs/api';\nimport { fetchNotification } from 'reduxComponents';\nimport { showNotification, getNotifications } from 'actions';\nimport { useDispatch } from 'react-redux';\nimport color from 'theme/colors';\nimport { HolooLink } from 'components';\nimport { Brightness1 } from '@material-ui/icons';\nconst useStyles = makeStyles(theme => ({\n root: {},\n content: {\n padding: '0 !important'\n },\n actions: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n '& > * + *': {\n marginLeft: 0\n }\n },\n buttonIcon: {\n marginRight: theme.spacing(1)\n },\n payableAmount: {\n color: colors.red[500],\n fontWeight: '500'\n },\n blackPayableAmount: {\n color: 'black',\n fontWeight: '500'\n },\n alert: {\n color: colors.blueGrey[900],\n margin: theme.spacing(3, 0, 0, 0)\n },\n discounted: {\n textDecoration: 'line-through',\n color: colors.grey[400],\n fontSize: '12px',\n whiteSpace: 'nowrap'\n },\n price: {\n //textDecoration: 'line-through'\n },\n priceWithDisount: {\n display: 'inline-block',\n wordBreak: ' break-word',\n '& img': {\n maxWidth: '80px'\n }\n //color: colors.red[500]\n },\n priceWithDisountDontShow: {\n display: 'inline-block',\n wordBreak: ' break-word',\n color: color.black,\n '& img': {\n maxWidth: '80px'\n }\n },\n titleCell: {\n display: 'inline-block',\n wordBreak: ' break-word',\n fontWeight: 500\n //color: colors.red[500]\n },\n titleCellDontShow: {\n display: 'inline-block',\n wordBreak: ' break-word',\n fontWeight: 500,\n color: color.black\n },\n finalBox: {\n margin: theme.spacing(1.5, 1, 0, 1),\n fontWeight: 700,\n display: 'inline-block',\n fontSize: '16px',\n border: 'none',\n padding: 0\n },\n boldtext: {\n fontWeight: 700,\n color: 'white'\n },\n cellboldtextcount: {\n backgroundColor: color.tealHoloo\n },\n discountCode: {\n color: color.purple,\n marginLeft: theme.spacing(2)\n },\n discountCodeRow: {\n display: 'flex',\n alignItems: 'center',\n margin: theme.spacing(2),\n whiteSpace: 'nowrap'\n },\n discountBox: {\n backgroundColor: colors.blueGrey[50]\n },\n icons: {\n cursor: 'pointer'\n },\n Flexcell: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n tablecell: {\n border: 'none',\n cursor: 'pointer'\n },\n tablecellDontShow: {\n borderBottom: '1px solid #eeeeee'\n // backgroundColor: colors.blueGrey[50]\n },\n tableRowBorder: {\n borderBottom: '1px solid #eeeeee'\n },\n leftcell: {\n textAlign: 'right'\n },\n flex: {\n display: 'flex'\n },\n imgservices: {\n // maxHeight: 30,\n maxWidth: '100%',\n height: 'auto'\n },\n linkHome: {\n display: 'block'\n },\n iconRead: {\n width: '12px !important',\n verticalAlign: 'middle',\n height: '12px !important',\n marginRight: 6,\n color: color.orangeDark\n },\n imgBox: {\n // padding:theme.spacing(1),\n marginRight: theme.spacing(2),\n maxWidth: '35px'\n }\n}));\n\nconst HolooNotificationCart = props => {\n const { notifications, deletable, className } = props;\n\n const classes = useStyles();\n const dispatch = useDispatch();\n\n async function handleUpdate(id, isType) {\n if (isType === 'isShow') {\n try {\n const result = await api.NotificationUpdate({ isShow: true, Id: id });\n if (result.succeeded) {\n dispatch(getNotifications(await fetchNotification()));\n }\n } catch (error) {}\n } else {\n try {\n const result = await api.NotificationUpdate({\n IsDeleted: true,\n Id: id\n });\n if (result.succeeded) {\n dispatch(\n showNotification({\n notificationType: 'success',\n notificationMessage: ' با موفقیت حذف شد.'\n })\n );\n dispatch(getNotifications(await fetchNotification()));\n }\n } catch (error) {}\n }\n }\n\n return (\n \n {\n \n \n }\n
\n )}\n\n \n
\n {loading === false ? (\n \n \n {totalData?.length > 0 && (\n
\n \n {((filters && Object.keys(filters)?.length > 0) ||\n (extraFilters && Object.keys(extraFilters)?.length > 0)) && (\n
\n \n \n در حال دریافت اطلاعات\n \n
\n )}\n\n {totalData?.length > 0 && (\n \n \n {Object.keys(OperatorNumberEnums).map((item, index) => (\n handleClickMenu(item)}>\n \n {OperatorNumberEnums[item]}\n \n \n ))}\n \n
\n );\n};\n\nexport default NumberFilterClient;\n","import {\n Button,\n Divider,\n Menu,\n MenuItem,\n Tooltip,\n Typography\n} from '@material-ui/core';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport clsx from 'clsx';\nimport { HolooCalender, HolooMonthPicker } from 'components';\nimport { OperatorDateEnums } from 'enums';\nimport React, { useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport FilterJss from './FilterJss.js';\n\nconst DateFilterClient = props => {\n const classes = FilterJss();\n const onlineReportsFiltering = useSelector(\n state => state.onlineReportsFiltering\n );\n var {\n field,\n label,\n onFilterChange,\n clearFilter,\n idDashboard,\n idWidget,\n dataTest\n } = props;\n\n const [operator, setOperator] = useState('eq');\n const [startDatetime, setStartDatetime] = useState();\n const [endDatetime, setEndDatetime] = useState();\n const [title, setTitle] = useState(OperatorDateEnums[operator]);\n\n const [monthPicker, setmonthPicker] = useState();\n\n const changeStartDatetime = data => {\n let date = data.date.slice(0, 19);\n setStartDatetime(date);\n };\n\n useEffect(() => {\n if (onlineReportsFiltering && idDashboard && idWidget) {\n let filter =\n onlineReportsFiltering[idDashboard] &&\n onlineReportsFiltering[idDashboard][idWidget]?.filters;\n if (filter) {\n if (filter[field] && filter[field].value) {\n setStartDatetime(filter[field].value);\n setOperator(filter[field].operator);\n } else if (\n filter[`startDatetime${field}`] &&\n filter[`endDatetime${field}`]\n ) {\n setOperator('inRangeTime');\n setStartDatetime(filter[`startDatetime${field}`].value);\n setEndDatetime(filter[`endDatetime${field}`].value);\n } else if (filter[`lsd${field}`]) {\n setOperator(`lsd`);\n } else if (filter[`startDateMonth${field}`]) {\n setmonthPicker(filter[`startDateMonth${field}`].value);\n }\n }\n }\n }, [onlineReportsFiltering]);\n\n useEffect(() => {\n if (operator !== 'inRangeTime' && endDatetime) {\n setEndDatetime('');\n }\n }, [operator]);\n\n const changeEndDatetime = data => {\n let date = data.date.slice(0, 19);\n setEndDatetime(date);\n };\n\n const onClearButtonClick = () => {\n setStartDatetime();\n setEndDatetime();\n setOperator('eq');\n clearFilter(field);\n clearFilter(`startDatetime${field}`);\n clearFilter(`endDatetime${field}`);\n clearFilter(`lsd${field}`);\n };\n\n useEffect(() => {\n if (monthPicker) {\n onClearButtonClick();\n } else if (monthPicker === null) {\n clearFilter(`startDateMonth${field}`);\n clearFilter(`endDateMonth${field}`);\n }\n }, [monthPicker]);\n\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n useEffect(() => {\n setTitle(OperatorDateEnums[operator]);\n }, [operator]);\n\n const handleClickMenu = id => {\n handleClose();\n setOperator(id);\n if (id === 'inRangeTime') {\n setEndDatetime();\n }\n };\n\n useEffect(() => {\n if (operator === 'inRangeTime' && startDatetime && endDatetime) {\n clearFilter(field);\n clearFilter(`lsd${field}`);\n onFilterChange(field, 'gte', startDatetime, `startDatetime${field}`);\n onFilterChange(field, 'lte', endDatetime, `endDatetime${field}`);\n } else if (operator === 'lsd') {\n clearFilter(field);\n clearFilter(`startDatetime${field}`);\n clearFilter(`endDatetime${field}`);\n let today = new Date();\n let sevenDaysAgo = new Date(\n today.getTime() - 7 * 24 * 60 * 60 * 1000\n ).toISOString();\n onFilterChange(field, 'gte', sevenDaysAgo, `lsd${field}`);\n } else if (operator !== 'inRangeTime' && startDatetime) {\n clearFilter(`startDatetime${field}`);\n clearFilter(`endDatetime${field}`);\n clearFilter(`lsd${field}`);\n let value = startDatetime;\n onFilterChange(field, operator, value, field);\n }\n }, [startDatetime, endDatetime, operator]);\n\n return (\n \n {operator && (\n \n \n {OperatorNumberEnums[operator]}\n \n )}\n\n {min !== undefined && (\n \n
\n\n \n \n \n )}\n
\n \n \n
\n \n \n \n {operator && OperatorDateEnums[operator]}\n \n {(startDatetime || operator === 'lsd') && (\n \n )}\n
\n \n \n {Object.keys(OperatorStringEnums).map((item, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default StringFilterClient;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport { useSelector } from 'react-redux';\nimport api from 'assets/libs/api.js';\nimport { HolooAutoComplete } from 'components';\n\nconst useStyles = makeStyles(theme => ({\n dropDown: {\n margin: theme.spacing(2, 0),\n width: '300px'\n },\n reactSelect: {\n margin: theme.spacing(2, 0)\n }\n}));\n\nconst DropDownFilterClient = props => {\n const {\n dropDownIds,\n idWidget,\n title,\n idDashboard,\n onFilterChange,\n setLabelForChip\n } = props;\n\n const classes = useStyles();\n const onlineReportsFiltering = useSelector(\n state => state.onlineReportsFiltering\n );\n const onlineReportCurrentLicenseInfo = useSelector(\n state => state.onlineReportCurrentLicenseInfo\n );\n const { databaseName, licenseId } = onlineReportCurrentLicenseInfo;\n\n useEffect(() => {\n if (onlineReportsFiltering && idDashboard && idWidget) {\n let filter =\n onlineReportsFiltering[idDashboard] &&\n onlineReportsFiltering[idDashboard][idWidget]?.filters;\n\n if (filter) {\n if (filter[field] && filter[field].value) {\n setValue(filter[field].value);\n }\n }\n }\n }, [onlineReportsFiltering]);\n\n const [dropDown, setDropDown] = useState({});\n\n var [value, setValue] = useState('');\n\n var [, setLabel] = useState();\n\n const field =\n title === 'گزارش فروش روزانه کاربران' ? 'cashName' : 'sarfaslCode';\n\n const [positionDefault, setPositionDefault] = useState({\n value: null,\n label: 'انتخاب کنید'\n });\n\n const getDropDownCollection = async dropDownCollectionType => {\n try {\n const apiUrl = `dropDownCollectionType=${dropDownCollectionType}&databaseName=${databaseName}`;\n const result = await api.dropDownCollection(apiUrl, licenseId);\n if (result && result.data) {\n setDropDown(prevState => ({\n ...prevState,\n [dropDownCollectionType]: result.data\n }));\n }\n } catch (error) {}\n };\n\n useEffect(() => {\n if (\n idWidget &&\n title !== 'مانده سرفصل' &&\n title !== 'گزارش معین' &&\n // title !== 'گردش بانک' &&\n value &&\n value !== undefined\n ) {\n onFilterChange(field, 'contains', value, field);\n }\n }, [value]);\n\n useEffect(() => {\n if (dropDownIds?.length > 0 && Object.keys(dropDown)?.length === 0) {\n dropDownIds &&\n dropDownIds.map(filter => {\n getDropDownCollection(filter);\n });\n }\n }, [dropDownIds?.length]);\n\n useEffect(() => {\n if (\n dropDown &&\n Object.values(dropDown) &&\n Object.values(dropDown)[0] &&\n value !== ''\n ) {\n const convertValue = Object.values(dropDown)[0].find(\n x => x.key === value\n );\n setPositionDefault({\n value: convertValue?.value,\n label: convertValue?.value\n });\n }\n }, [dropDown, value]);\n\n return Object.keys(dropDown).map(item => {\n const handleChangeAutoComplete = (event, value) => {\n if (value !== '') {\n if (value) {\n setLabel(value.value);\n setLabelForChip(value.value);\n setValue(value.key);\n setPositionDefault(value);\n } else {\n setLabelForChip();\n setPositionDefault({\n value: null,\n label: 'انتخاب کنید'\n });\n }\n }\n };\n\n const label = () => {\n var label = 'انتخاب';\n if (title.includes('بانک')) {\n label = label + ' بانک';\n } else if (title.includes('معین')) {\n label = label + ' شخص';\n } else if (title.includes('سرفصل')) {\n label = label + ' سرفصل';\n } else if (title.includes(' صندوق ')) {\n label = label + ' سرفصل ';\n } else {\n label = label + ' صندوق دار';\n }\n\n return label + '...';\n };\n\n dropDown[item] &&\n dropDown[item].sort((a, b) => a.value.localeCompare(b.value));\n return (\n \n \n \n \n {value && (\n \n
\n\n \n
\n\n \n \n
\n \n \n \n {operator && ExtraOperatorDateEnums[operator]}\n \n {startDatetime && (\n \n
\n \n \n در حال دریافت داده، لطفا شکیبا باشید...\n \n
\n ) : (\n \n \n {option.title}\n \n\n \n {option.description}\n \n
\n \n ))\n ) : (\n handleClickLink(quickLogin)}>{children}
;\n } else if (external) {\n return {children};\n } else if (to) return {children};\n else return children;\n};\n\nexport default HolooRedirect;\n","import React from 'react';\nimport { HolooTextError } from 'components';\nimport { Autocomplete } from '@material-ui/lab';\nimport TextField from '@material-ui/core/TextField';\n\nconst HolooAutoComplete = props => {\n const {\n onChange,\n options,\n defaultValue,\n disabled,\n label,\n error,\n className,\n required,\n dataTest\n } = props;\n\n return (\n \n \n فعالسازی خدمات ابری\n \n setOpenActiveModal({ open: false, type: '' })}>\n انصراف\n \n
\n \n لطفا مجددا تلاش کنید...\n
\n \n تلاش مجدد\n \n \n
\n \n
\n \n \n مدیریت دسترسی\n \n setOpenActiveModal({ open: false, type: '' })}>\n انصراف\n \n
\n \n );\n }\n };\n\n return