\n {/* ![\"\"](\"/assets/images/logo-circle.svg\")
*/}\n
\n )\n}\n\nexport default Loading\n","import React, { Suspense } from 'react'\nimport { MatxLoading } from 'app/components'\n\nconst MatxSuspense = ({ children }) => {\n return */}\n \n \n \n {name}\n \n
\n {badge && (\n \n {icon && (\n \n {icon}\n \n )}\n {iconText && (\n
\n )}\n {renderLevels(items)}
\n}\n\nexport default React.memo(MatxVerticalNav)\n","import React from 'react'\nimport { useMediaQuery } from '@material-ui/core'\nimport { useTheme, makeStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles(({ palette, ...theme }) => ({\n sidenav: {\n position: 'relative',\n width: (props) => props.width,\n transition: 'width 250ms ease',\n overflow: 'hidden',\n zIndex: 91,\n\n [theme.breakpoints.down('sm')]: {\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n },\n },\n sidenavOverlay: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n background: 'rgba(0, 0, 0, 0.74)',\n zIndex: 90,\n },\n}))\n\nconst MatxSidenav = ({\n open,\n children,\n toggleSidenav,\n width = '220px',\n bgClass,\n}) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n const classes = useStyles({ width: open || !isMobile ? width : '0px' })\n\n return (\n \n
\n )\n}\n\nexport default MatxSidenav\n","import React, { useState, useEffect, useCallback } from 'react'\nimport { ChatAvatar } from 'app/components'\nimport { IconButton, Icon, Divider, TextField, Avatar } from '@material-ui/core'\nimport ScrollBar from 'react-perfect-scrollbar'\n// import { getChatRoomByContactId } from \"app/views/chat-box/ChatService\";\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/core/styles'\n\nconst useStyles = makeStyles(({ palette, ...theme }) => ({\n lightBG: {\n background: 'rgba(var(--body), 0.03)',\n },\n dividerBG: {\n background: 'rgba(var(--body), 0.15)',\n },\n}))\n// for previewing bot message\nconst globalMessageList = []\n\nconst Chatbox = ({ togglePopup }) => {\n const [isAlive, setIsAlive] = useState(true)\n const [message, setMessage] = useState('')\n const [messageList, setMessageList] = useState([])\n const currentUserId = '7863a6802ez0e277a0f98534'\n const chatBottomRef = document.querySelector('#chat-scroll')\n\n const classes = useStyles()\n\n const sendMessageOnEnter = (event) => {\n if (event.key === 'Enter' && !event.shiftKey) {\n let tempMessage = message.trim()\n if (tempMessage !== '') {\n let tempList = [...messageList]\n let messageObject = {\n text: tempMessage,\n contactId: currentUserId,\n }\n tempList.push(messageObject)\n globalMessageList.push(messageObject)\n if (isAlive) setMessageList(tempList)\n dummyReply()\n }\n setMessage('')\n }\n }\n\n const dummyReply = async () => {\n setTimeout(() => {\n let tempList = [...messageList]\n let messageObject = {\n text: 'Good to hear from you. enjoy!!!',\n contactId: 'opponents contact id',\n avatar: '/assets/images/faces/13.jpg',\n name: 'Frank Powell',\n }\n\n tempList.push(messageObject)\n globalMessageList.push(messageObject)\n if (isAlive) setMessageList(globalMessageList)\n }, 2000)\n }\n\n const scrollToBottom = useCallback(() => {\n if (chatBottomRef) {\n chatBottomRef.scrollTo({\n top: chatBottomRef.scrollHeight,\n behavior: 'smooth',\n })\n }\n }, [chatBottomRef])\n\n useEffect(() => {\n if (isAlive) {\n setMessageList([\n {\n contactId: '323sa680b3249760ea21rt47',\n text:\n 'Do you ever find yourself falling into the “discount trap?”',\n time: '2018-02-10T08:45:28.291Z',\n id: '323sa680b3249760ea21rt47',\n name: 'Frank Powell',\n avatar: '/assets/images/faces/13.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '7863a6802ez0e277a0f98534',\n text:\n 'Giving away your knowledge or product just to gain clients?',\n time: '2018-02-10T08:45:28.291Z',\n id: '7863a6802ez0e277a0f98534',\n name: 'John Doe',\n avatar: '/assets/images/face-1.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '323sa680b3249760ea21rt47',\n text: 'Yes',\n time: '2018-02-10T08:45:28.291Z',\n id: '323sa680b3249760ea21rt47',\n name: 'Frank Powell',\n avatar: '/assets/images/faces/13.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '7863a6802ez0e277a0f98534',\n text: 'Don’t feel bad. It happens to a lot of us',\n time: '2018-02-10T08:45:28.291Z',\n id: '7863a6802ez0e277a0f98534',\n name: 'John Doe',\n avatar: '/assets/images/face-1.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '323sa680b3249760ea21rt47',\n text:\n 'Do you ever find yourself falling into the “discount trap?”',\n time: '2018-02-10T08:45:28.291Z',\n id: '323sa680b3249760ea21rt47',\n name: 'Frank Powell',\n avatar: '/assets/images/faces/13.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '7863a6802ez0e277a0f98534',\n text:\n 'Giving away your knowledge or product just to gain clients?',\n time: '2018-02-10T08:45:28.291Z',\n id: '7863a6802ez0e277a0f98534',\n name: 'John Doe',\n avatar: '/assets/images/face-1.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '323sa680b3249760ea21rt47',\n text: 'Yes',\n time: '2018-02-10T08:45:28.291Z',\n id: '323sa680b3249760ea21rt47',\n name: 'Frank Powell',\n avatar: '/assets/images/faces/13.jpg',\n status: 'online',\n mood: '',\n },\n {\n contactId: '7863a6802ez0e277a0f98534',\n text: 'Don’t feel bad. It happens to a lot of us',\n time: '2018-02-10T08:45:28.291Z',\n id: '7863a6802ez0e277a0f98534',\n name: 'John Doe',\n avatar: '/assets/images/face-1.jpg',\n status: 'online',\n mood: '',\n },\n ])\n }\n // getChatRoomByContactId(currentUserId, \"323sa680b3249760ea21rt47\").then(\n // ({ data }) => {\n // if (isAlive) {\n // setMessageList(data?.messageList);\n // }\n // }\n // );\n }, [isAlive])\n\n useEffect(() => {\n scrollToBottom()\n return () => setIsAlive(false)\n }, [messageList, scrollToBottom])\n\n return (\n \n {children}\n
\n {open && isMobile && (\n \n \n \n \n clear\n \n \n
\n \n
\n \n
\n Ryan Todd
\n Active\n\n {currentUserId !== item.contactId && (\n \n {item.text}\n
\n \n 1 minute ago\n \n \n \n ))}\n\n {/* example of image sent by current user*/}\n \n {item.name}\n
\n )}\n\n
\n \n
\n \n
\n \n 1 minute ago\n \n \n
\n Asus K555LA.png
\n \n 21.5KB\n \n\n \n \n tag_faces \n \n \n \n attachment\n \n \n
\n ),\n classes: { root: 'pl-5 pr-3 py-3 text-body' },\n }}\n value={message}\n onChange={(e) => setMessage(e.target.value)}\n onKeyUp={sendMessageOnEnter}\n />\n \n \n )\n}\n\nexport default Chatbox\n","import React from 'react'\nimport { Avatar } from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\n\nconst useStyles = makeStyles(({ palette, ...theme }) => ({\n avatar: {\n height: '40px',\n width: '40px',\n },\n status_circle: {\n position: 'absolute',\n height: '14px',\n width: '14px',\n borderRadius: '7px',\n bottom: '0px',\n right: '-3px',\n border: '2px solid white',\n },\n}))\n\nconst ChatAvatar = ({ src, status }) => {\n const classes = useStyles()\n\n return (\n \n
\n )\n}\n\nexport default ChatAvatar\n","import React from 'react'\n\nexport const MatxLayouts = {\n layout1: React.lazy(() => import('./Layout1/Layout1'))\n}\n","import React from 'react'\nimport { MatxLayouts } from './index'\nimport { MatxSuspense } from 'app/components'\nimport useSettings from 'app/hooks/useSettings'\n\nconst MatxLayout = (props) => {\n const { settings } = useSettings()\n const Layout = MatxLayouts[settings.activeLayout]\n\n return (\n \n \n\n \n {actionIcon} \n \n )}\n
\n )\n}\n\nexport default MatxListItem1\n","import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport { cloneElement } from 'react'\n\nconst useStyles = makeStyles(({ palette, ...theme }) => ({\n popup: {\n position: 'fixed',\n right: theme.spacing(2),\n bottom: theme.spacing(2),\n top: '100vh',\n transition: 'top 250ms ease-in-out',\n boxShadow: theme.shadows[6],\n borderRadius: 6,\n zIndex: 99999,\n width: 360,\n overflow: 'hidden',\n '@media only screen and (max-width: 450px)': {\n width: 'calc(100% - 32px)',\n left: theme.spacing(2),\n },\n },\n popupOpen: {\n top: 'calc(var(--topbar-height) + 16px)',\n [theme.breakpoints.down('sm')]: {\n bottom: 0,\n },\n },\n closeIcon: {\n position: 'absolute',\n top: 6,\n right: 6,\n },\n}))\n\nconst ChatHead = ({ icon, children }) => {\n const classes = useStyles()\n const [open, setOpen] = useState(false)\n\n const togglePopup = async () => {\n setOpen((open) => !open)\n }\n\n return (\n \n
\n\n {actionIcon && (\n {title}
\n {subtitle}\n\n {cloneElement(icon, { onClick: togglePopup })}\n \n {open ? cloneElement(children, { togglePopup }) : null}\n
\n \n )\n}\n\nexport default ChatHead\n","import { makeStyles } from '@material-ui/core/styles'\nimport { convertHexToRGB } from 'utils'\n\nexport const variableStyles = makeStyles((theme) => ({\n '@global': {\n ':root': {\n '--topbar-mobile-width': '220px',\n '--topbar-height': '64px',\n '--sidenav-width': '260px',\n '--navbar-height': '60px',\n '--sidenav-button-width': '220px',\n '--sidenav-compact-width': '80px',\n '--contained-layout-width': '1200px',\n '--primary': convertHexToRGB(theme.palette.primary.main),\n '--secondary': convertHexToRGB(theme.palette.secondary.main),\n '--error': convertHexToRGB(theme.palette.error.main),\n '--body': convertHexToRGB(theme.palette.text.primary),\n '--bg-default': theme.palette.background.default,\n '--bg-paper': theme.palette.background.paper,\n '--text-body': theme.palette.text.primary,\n '--text-muted': theme.palette.text.secondary,\n '--text-disabled': theme.palette.text.disabled,\n '--text-hint': theme.palette.text.hint,\n '--font': theme.typography.fontFamily,\n '--font-caption': generateFontProperty(theme.typography.caption),\n '--font-h1': generateFontProperty(theme.typography.h1),\n '--font-h2': generateFontProperty(theme.typography.h2),\n '--font-h3': generateFontProperty(theme.typography.h3),\n '--font-h4': generateFontProperty(theme.typography.h4),\n '--font-h5': generateFontProperty(theme.typography.h5),\n '--font-h6': generateFontProperty(theme.typography.h6),\n '--font-overline': generateFontProperty(theme.typography.overline),\n '--font-body-1': generateFontProperty(theme.typography.body1),\n '--font-body-2': generateFontProperty(theme.typography.body2),\n '--font-subtitle-1': generateFontProperty(\n theme.typography.subtitle1\n ),\n '--font-subtitle-2': generateFontProperty(\n theme.typography.subtitle2\n ),\n '--font-button': generateFontProperty(theme.typography.button),\n '--font-headline': '400 24px/32px var(--font)',\n '--font-title': '500 18px/26px var(--font)',\n '--font-display-1': '400 34px/40px var(--font)',\n '--font-display-2': '400 45px/48px var(--font)',\n '--font-display-3': '400 56px/56px var(--font)',\n '--font-display-4': '300 112px/112px var(--font)',\n },\n },\n}))\n\nconst generateFontProperty = (fontObject) => {\n return `${fontObject.fontWeight} ${fontObject.fontSize}/${fontObject.lineHeight} ${fontObject.fontFamily}`\n}\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const positioningStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.hidden': { display: 'none' },\n '.block': { display: 'block !important' },\n '.inline-block': { display: 'inline-block !important' },\n '.flex': { display: 'flex' },\n '.flex-column': { display: 'flex', flexDirection: 'column' },\n '.flex-wrap': { flexWrap: 'wrap' },\n '.justify-start': { justifyContent: 'flex-start !important' },\n '.justify-center': { justifyContent: 'center' },\n '.justify-end': { justifyContent: 'flex-end' },\n '.justify-between': { justifyContent: 'space-between !important' },\n '.justify-around': { justifyContent: 'space-around' },\n '.items-center': { alignItems: 'center' },\n '.items-start': { alignItems: 'flex-start' },\n '.items-end': { alignItems: 'flex-end' },\n '.items-stretch': { alignItems: 'stretch' },\n '.flex-grow': { flexGrow: '1' },\n '.overflow-auto': { overflow: 'auto !important' },\n '.overflow-hidden': { overflow: 'hidden !important' },\n '.overflow-unset': { overflow: 'unset !important' },\n '.overflow-visible': { overflow: 'visible !important' },\n '.scroll-y': { overflowX: 'hidden', overflowY: 'auto' },\n '.relative': { position: 'relative' },\n '.position-bottom': { position: 'absolute', bottom: '0' },\n '.text-center': { textAlign: 'center' },\n '.align-middle': { verticalAlign: 'middle' },\n '.text-right': { textAlign: 'right' },\n '.text-left': { textAlign: 'left' },\n '.x-center': { left: '50%', transform: 'translateX(-50%)' },\n '.y-center': { top: '50%', transform: 'translateY(-50%)' },\n },\n}))\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const spacingStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.px-80': {\n paddingRight: '80px',\n paddingLeft: '80px',\n [theme.breakpoints.down('sm')]: {\n paddingRight: '16px',\n paddingLeft: '16px',\n },\n },\n '.px-sm-30': {\n padding: '0px 30px',\n [theme.breakpoints.down('sm')]: {\n padding: '0px 16px',\n },\n },\n '.p-sm-24': {\n padding: '24px !important',\n [theme.breakpoints.down('sm')]: {\n padding: '16px !important',\n },\n },\n '.px-sm-24': {\n padding: '0px 24px !important',\n [theme.breakpoints.down('sm')]: {\n padding: '0px 12px !important',\n },\n },\n '.pt-sm-24': {\n paddingTop: '24px !important',\n [theme.breakpoints.down('sm')]: {\n paddingTop: '16px !important',\n },\n },\n '.pl-sm-24': {\n paddingLeft: '24px !important',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: '16px !important',\n },\n },\n '.m-auto': { margin: 'auto !important' },\n '.mx-auto': {\n marginLeft: 'auto !important',\n marginRight: 'auto !important',\n },\n '.my-auto': {\n marginTop: 'auto !important',\n marginBottom: 'auto !important',\n },\n '.m-sm-30': {\n margin: '30px',\n [theme.breakpoints.down('sm')]: {\n margin: '16px',\n },\n },\n '.mb-sm-30': {\n marginBottom: '30px',\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n '.w-full': { width: '100%' },\n '.max-w-full': { maxWidth: '100% !important' },\n '.min-w-full': { minWidth: '100% !important' },\n '.min-w-full-screen': { minWidth: '100vw !important' },\n '.w-full-screen': { width: '100vw' },\n '.min-w-600': { minWidth: '600px' },\n '.min-w-750': { minWidth: '750px' },\n '.min-w-1050': { minWidth: '1050px' },\n '.max-w-450': { maxWidth: '450px' },\n '.max-w-550': { maxWidth: '550px' },\n '.max-h-500': { maxHeight: '500px' },\n '.max-w-600': { maxWidth: '600px' },\n '.max-w-770': { maxWidth: '770px' },\n '.max-w-800': { maxWidth: '800px' },\n '.max-w-850': { maxWidth: '850px' },\n '.max-w-900': { maxWidth: '900px' },\n '.max-w-1340': { maxWidth: '1340px' },\n '.h-full': { height: '100% !important' },\n '.min-h-full': { minHeight: '100% !important' },\n '.h-auto': { height: 'auto' },\n '.h-full-screen': { height: '100vh' },\n '.min-h-full-screen': { minHeight: '100vh !important' },\n '.h-150px': { height: '150px !important' },\n '.size-36': { height: '36px !important', width: '36px !important' },\n '.size-24': { height: '24px !important', width: '24px !important' },\n ...generateMarginPadding(0, 25, 0.25, 'rem'),\n ...generateMarginPadding(1, 16, 1, 'px'),\n ...generateMarginPadding(-25, -1, 0.25, 'rem'),\n ...generateMarginPadding(-16, -1, 1, 'px'),\n ...generateHeightWidh(),\n },\n}))\n\nconst generateMarginPadding = (\n start = 0,\n end = 25,\n increament = 0.25,\n unit = 'rem'\n) => {\n let classList = {}\n\n for (let i = start; i <= end; i++) {\n classList[`.m-${i}${unit === 'px' ? 'px' : ''}`] = {\n margin: `${i * increament}${unit} !important`,\n }\n classList[`.mt-${i}${unit === 'px' ? 'px' : ''}`] = {\n marginTop: `${i * increament}${unit} !important`,\n }\n classList[`.mb-${i}${unit === 'px' ? 'px' : ''}`] = {\n marginBottom: `${i * increament}${unit} !important`,\n }\n classList[`.mr-${i}${unit === 'px' ? 'px' : ''}`] = {\n marginRight: `${i * increament}${unit} !important`,\n }\n classList[`.ml-${i}${unit === 'px' ? 'px' : ''}`] = {\n marginLeft: `${i * increament}${unit} !important`,\n }\n classList[`.mx-${i}${unit === 'px' ? 'px' : ''}`] = {\n marginLeft: `${i * increament}${unit} !important`,\n marginRight: `${i * increament}${unit} !important`,\n }\n classList[`.my-${i}${unit === 'px' ? 'px' : ''}`] = {\n marginTop: `${i * increament}${unit} !important`,\n marginBottom: `${i * increament}${unit} !important`,\n }\n\n classList[`.p-${i}${unit === 'px' ? 'px' : ''}`] = {\n padding: `${i * increament}${unit} !important`,\n }\n classList[`.pt-${i}${unit === 'px' ? 'px' : ''}`] = {\n paddingTop: `${i * increament}${unit} !important`,\n }\n classList[`.pb-${i}${unit === 'px' ? 'px' : ''}`] = {\n paddingBottom: `${i * increament}${unit} !important`,\n }\n classList[`.pr-${i}${unit === 'px' ? 'px' : ''}`] = {\n paddingRight: `${i * increament}${unit} !important`,\n }\n classList[`.pl-${i}${unit === 'px' ? 'px' : ''}`] = {\n paddingLeft: `${i * increament}${unit} !important`,\n }\n classList[`.px-${i}${unit === 'px' ? 'px' : ''}`] = {\n paddingLeft: `${i * increament}${unit} !important`,\n paddingRight: `${i * increament}${unit} !important`,\n }\n classList[`.py-${i}${unit === 'px' ? 'px' : ''}`] = {\n paddingTop: `${i * increament}${unit} !important`,\n paddingBottom: `${i * increament}${unit} !important`,\n }\n }\n\n return classList\n}\n\nconst generateHeightWidh = (\n start = 0,\n end = 400,\n increament = 4,\n unit = 'px'\n) => {\n let classList = {}\n\n for (let i = start; i <= end; i += increament) {\n classList[`.w-${i}`] = {\n width: `${i}${unit} !important`,\n }\n classList[`.min-w-${i}`] = {\n minWidth: `${i}${unit} !important`,\n }\n classList[`.max-w-${i}`] = {\n maxWidth: `${i}${unit} !important`,\n }\n classList[`.h-${i}`] = {\n height: `${i}${unit} !important`,\n }\n classList[`.min-h-${i}`] = {\n minHeight: `${i}${unit} !important`,\n }\n classList[`.max-h-${i}`] = {\n maxHeight: `${i}${unit} !important`,\n }\n }\n\n return classList\n}\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const borderStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.border-radius-0': {\n borderRadius: '0px !important',\n overflow: 'hidden',\n },\n '.border-radius-4': {\n borderRadius: '4px !important',\n overflow: 'hidden',\n },\n '.border-radius-8': {\n borderRadius: '8px !important',\n overflow: 'hidden',\n },\n '.border-radius-12': {\n borderRadius: '12px !important',\n overflow: 'hidden',\n },\n '.border-radius-circle': { borderRadius: '50% !important' },\n '.border-none': { border: 'none !important' },\n '.border-transparent': { border: '1px solid transparent !important' },\n '.rounded': {\n borderRadius: '300px !important',\n overflow: 'hidden !important',\n },\n '.rounded-l': {\n borderTopLeftRadius: '300px !important',\n borderBottomLeftRadius: '300px !important',\n overflow: 'hidden !important',\n },\n '.rounded-r': {\n borderTopRightRadius: '300px !important',\n borderBottomRightRadius: '300px !important',\n overflow: 'hidden !important',\n },\n },\n}))\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const shadowStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n ...generateShadows(theme),\n },\n}))\n\nconst generateShadows = (theme) => {\n let classList = {}\n\n theme.shadows.forEach((shadow, ind) => {\n classList[`.elevation-z${ind}`] = {\n boxShadow: `${shadow} !important`,\n }\n })\n\n return classList\n}\n","import { makeStyles, lighten } from '@material-ui/core/styles'\n\nexport const colorStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.bg-primary': { background: `${palette.primary.main} !important` },\n '.bg-secondary': { background: `${palette.secondary.main} !important` },\n '.bg-green': {\n backgroundColor: 'rgba(9, 182, 109, 1) !important',\n background: '#08ad6c !important',\n },\n '.bg-error': {\n background: `${palette.error.main} !important`,\n color: 'white !important',\n },\n '.bg-white': { background: '#fff !important', color: 'inherit' },\n '.bg-default': {\n background: `${palette.background.default} !important`,\n },\n '.bg-paper': { background: `${palette.background.paper}` },\n '.bg-gray': { background: 'rgba(0, 0, 0, 0.15) !important' },\n '.bg-light-gray': { background: 'rgba(0, 0, 0, 0.01) !important' },\n '.bg-dark': { background: '#000000', color: '#fff' },\n '.bg-light-dark': { background: '#212121', color: 'white' },\n '.hover-bg-primary': { transition: 'all 250ms' },\n '.hover-bg-primary:hover': {\n background: `${palette.primary.main} !important`,\n color: '#ffffff',\n backgroundColor: `${palette.primary.main} !important`,\n fallbacks: [{ color: 'white !important' }],\n },\n '.hover-bg-primary:hover [class^=\"MuiSvgIcon-\"]': {\n fill: 'white !important',\n },\n '.hover-bg-secondary': { transition: 'all 250ms' },\n '.hover-bg-secondary:hover': {\n background: `${palette.secondary.main} !important`,\n color: '#ffffff',\n backgroundColor: `${palette.secondary.main} !important`,\n fallbacks: [{ color: 'white !important' }],\n },\n '.hover-bg-error': { transition: 'all 250ms' },\n '.hover-bg-error:hover': {\n background: `${palette.error.main} !important`,\n color: '#ffffff',\n backgroundColor: `${palette.error.main} !important`,\n fallbacks: [{ color: 'white !important' }],\n },\n '.hover-bg-green': { transition: 'all 250ms' },\n '.hover-bg-green:hover': {\n background: `rgba(9, 182, 109, 1) !important`,\n color: '#ffffff',\n backgroundColor: `rgba(9, 182, 109, 1) !important`,\n fallbacks: [{ color: 'white !important' }],\n },\n '.bg-light-primary': {\n background: `rgba(var(--primary), 0.15) !important`,\n },\n '.bg-light-secondary': {\n background: `${lighten(palette.secondary.main, 0.85)} !important`,\n },\n '.bg-light-error': {\n background: `${lighten(palette.error.main, 0.85)} !important`,\n },\n '.section-bg-light-primary': { background: 'rgba(var(--primary),0.1)' },\n '.bg-light-green': { background: 'rgba(9, 182, 109, 0.15) !important' },\n '.bg-transparent': { background: 'transparent !important' },\n '.text-white': { color: 'rgba(255, 255, 255, 1) !important' },\n '.text-black': { color: 'rgba(0, 0, 0, 0.87) !important' },\n '.text-body': { color: 'rgba(var(--body), 0.87) !important' },\n '.text-white-secondary': {\n color: 'rgba(255, 255, 255, 0.87) !important',\n },\n '.text-muted-white': { color: 'rgba(255, 255, 255, 0.54) !important' },\n '.text-light-white': { color: 'rgba(255, 255, 255, 0.54) !important' },\n '.text-muted': { color: `${palette.text.secondary} !important` },\n '.text-hint': { color: `${palette.text.hint} !important` },\n '.text-gray': { color: 'rgba(0, 0, 0, 0.74) !important' },\n '.text-brand': { color: `${palette.primary.main} !important` },\n '.text-primary': { color: `${palette.primary.main} !important` },\n '.text-secondary': { color: `${palette.secondary.main} !important` },\n '.text-error': { color: `${palette.error.main} !important` },\n '.text-green': { color: '#08ad6c !important' },\n '.text-inherit': { color: 'inherit !important' },\n '.gray-on-hover': { transition: 'background 250ms ease' },\n '.gray-on-hover:hover': { background: 'rgba(0, 0, 0, 0.054)' },\n '.border-color-white': { borderColor: '#ffffff !important' },\n '.border-color-primary': {\n borderColor: `${palette.primary.main} !important`,\n },\n '.border-color-default': {\n borderColor: `${palette.background.default} !important`,\n },\n '.border-color-paper': {\n borderColor: `${palette.background.paper} !important`,\n },\n },\n}))\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const typographyStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6': {\n margin: '0 0 0.5rem',\n lineHeight: '1.1',\n color: 'inherit',\n },\n '.h1, h1': { fontSize: '2rem' },\n '.h2, h2': { fontSize: '1.75rem' },\n '.h3, h3': { fontSize: '1.5rem' },\n '.h4, h4': { fontSize: '1.25rem' },\n '.h5, h5': { fontSize: '1rem' },\n '.h6, h6': { fontSize: '0.875rem' },\n a: { textDecoration: 'none', color: 'inherit' },\n '.caption': { font: 'var(--font-caption)' },\n '.subtitle-1': { font: 'var(--font-subtitle-1)' },\n '.subtitle-2': { font: 'var(--font-subtitle-2)' },\n '.heading': { font: 'var(--font-heading)' },\n '.title': { font: 'var(--font-title)' },\n '.display-1': { font: 'var(--font-display-1)' },\n '.display-2': { font: 'var(--font-display-2)' },\n '.display-3': { font: 'var(--font-display-3)' },\n '.display-4': { font: 'var(--font-display-4)' },\n '.capitalize': { textTransform: 'capitalize !important' },\n '.uppercase': { textTransform: 'uppercase !important' },\n '.lowercase': { textTransform: 'lowercase !important' },\n '.font-normal': { fontWeight: 'normal !important' },\n '.font-light': { fontWeight: '300 !important' },\n '.font-medium': { fontWeight: '500 !important' },\n '.font-semibold': { fontWeight: '600 !important' },\n '.font-bold': { fontWeight: '700 !important' },\n '.text-11': { fontSize: '11px !important' },\n '.text-12': { fontSize: '12px !important' },\n '.text-13': { fontSize: '13px !important' },\n '.text-14': { fontSize: '14px !important' },\n '.text-15': { fontSize: '15px !important' },\n '.text-16': { fontSize: '16px !important' },\n '.text-18': { fontSize: '18px !important' },\n '.text-20': { fontSize: '20px !important' },\n '.text-22': { fontSize: '22px !important' },\n '.text-24': { fontSize: '24px !important' },\n '.text-28': { fontSize: '28px !important' },\n '.text-30': { fontSize: '30px !important' },\n '.text-32': { fontSize: '32px !important' },\n '.text-36': { fontSize: '36px !important' },\n '.text-40': { fontSize: '40px !important' },\n '.text-44': { fontSize: '44px !important' },\n '.text-48': { fontSize: '48px !important' },\n '.text-54': { fontSize: '54px !important' },\n '.text-58': { fontSize: '58px !important' },\n '.text-62': { fontSize: '62px !important' },\n '.text-72': { fontSize: '72px !important' },\n '.text-small': { fontSize: '0.8125rem !important' },\n '.whitespace-pre-wrap': {\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n },\n '.whitespace-pre': { whiteSpace: 'pre' },\n '.whitespace-no-wrap': { whiteSpace: 'nowrap' },\n '.line-height-1': { lineHeight: 1 },\n '.ellipsis': {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: 'block',\n },\n },\n}))\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const commonStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.circular-image-small': {\n height: '48px',\n width: '48px',\n borderRadius: '50%',\n overflow: 'hidden',\n },\n '.card': { transition: 'all 0.3s ease' },\n '.card:hover': { boxShadow: theme.shadows[12] },\n '.card-title': {\n fontSize: '1rem',\n textTransform: 'capitalize',\n fontWeight: '500',\n },\n '.card-subtitle': { fontSize: '0.875rem', color: 'var(--text-muted)' },\n '.theme-dark .card-subtitle': { color: 'rgba(255, 255, 255, 0.54)' },\n '.hide-on-mobile': { display: 'inherit' },\n '@media screen and (max-width: 767px)': {\n '.hide-on-mobile': { display: 'none !important' },\n '.show-on-mobile': { display: 'inherit !important' },\n '.invisible-on-pc': { visibility: 'visible' },\n },\n '@media screen and (min-width: 1200px)': {\n '.hide-on-pc': { display: 'none !important' },\n },\n '@media screen and (max-width: 1200px)': {\n '.show-on-pc': { display: 'none !important' },\n },\n '.VictoryContainer svg': { height: '100% !important' },\n '.box-shadow-none': { boxShadow: 'none !important' },\n '.circle-44': { height: '44px !important', width: '44px !important' },\n '.circle-32': {\n height: '32px !important',\n minHeight: '32px !important',\n width: '32px !important',\n },\n '.circle-32 .MuiFab-root': { minHeight: '32px !important' },\n '.circle-32 .MuiIcon-root': { fontSize: '13px !important' },\n '.show-on-mobile': { display: 'none !important' },\n '.invisible-on-pc': { visibility: 'hidden' },\n '.highlight-js pre': { whiteSpace: 'pre-line' },\n '.cursor-pointer': {\n cursor: 'pointer',\n },\n '.cursor-move': {\n cursor: 'move',\n },\n '.avatar': {\n height: '32px !important',\n width: '32px !important',\n },\n '.face-group .avatar:not(:first-child)': {\n marginLeft: '-0.875rem !important',\n },\n '.opacity-1': {\n opacity: 1,\n },\n },\n}))\n","import { makeStyles } from '@material-ui/core/styles'\n\nexport const animationStyles = makeStyles(({ palette, ...theme }) => ({\n '@global': {\n '.fade-in': {\n animation: 'fade-in 1s cubic-bezier(0.17, 0.67, 0.83, 0.67)',\n },\n '@keyframes fade-in': { from: { opacity: '0' }, to: { opacity: '1' } },\n '@keyframes spin': {\n '0%': { transform: 'rotate(0)' },\n '100%': { transform: 'rotate(360deg)' },\n },\n '.spin': { animation: 'spin 3s infinite linear' },\n },\n}))\n","import './VendorCss'\nimport React from 'react'\nimport { variableStyles } from './_variables'\nimport { positioningStyles } from './utilities/_positionings'\nimport { spacingStyles } from './utilities/_spacing'\nimport { borderStyles } from './utilities/_border'\nimport { shadowStyles } from './utilities/_shadows'\nimport { colorStyles } from './utilities/_color'\nimport { typographyStyles } from './utilities/_typography'\nimport { commonStyles } from './utilities/_common'\nimport { animationStyles } from './utilities/_animations'\n// import { landingStyles } from \"./utilities/_landing\";\n\nconst GlobalCss = ({ children }) => {\n variableStyles()\n positioningStyles()\n spacingStyles()\n borderStyles()\n colorStyles()\n shadowStyles()\n typographyStyles()\n commonStyles()\n animationStyles()\n // landingStyles();\n\n return children || null\n}\n\nexport default React.memo(GlobalCss)\n","import echarts from 'echarts'\n\nexport const EchartTheme = (MuiTheme) => ({\n backgroundColor: MuiTheme.palette.background.paper,\n // Global palette:\n color: [\n '#7467EF',\n '#ABA4F4',\n '#D3D0F4',\n 'rgba(0, 255, 33, 1)',\n '#91c7ae',\n '#749f83',\n '#ca8622',\n '#bda29a',\n '#6e7074',\n '#546570',\n '#c4ccd3',\n ],\n series: [\n {\n type: 'bar',\n // A palette only work for the series:\n // itemStyle: {\n // normal: {\n // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n // { offset: 0, color: \"#83bff6\" },\n // { offset: 0.5, color: \"#188df0\" },\n // { offset: 1, color: \"#188df0\" }\n // ])\n // },\n // emphasis: {\n // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n // { offset: 0, color: \"#2378f7\" },\n // { offset: 0.7, color: \"#2378f7\" },\n // { offset: 1, color: \"#83bff6\" }\n // ])\n // }\n // }\n },\n {\n type: 'pie',\n // A palette only work for the series:\n color: [\n '#37A2DA',\n '#32C5E9',\n '#67E0E3',\n '#9FE6B8',\n '#FFDB5C',\n '#ff9f7f',\n '#fb7293',\n '#E062AE',\n '#E690D1',\n '#e7bcf3',\n '#9d96f5',\n '#8378EA',\n '#96BFFF',\n ],\n },\n {\n type: 'line',\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n { offset: 0, color: '#83bff6' },\n { offset: 0.5, color: '#188df0' },\n { offset: 1, color: '#188df0' },\n ]),\n },\n ],\n})\n","import React from 'react'\nimport echarts from 'echarts'\nimport ReactEcharts from 'echarts-for-react'\nimport PropTypes from 'prop-types'\nimport { EchartTheme } from 'app/components'\nimport { useTheme } from '@material-ui/core/styles'\n\nconst EchartCreator = ({ height, option }) => {\n const theme = useTheme()\n\n echarts.registerTheme('echarts-theme', EchartTheme(theme))\n\n return (\n {subtitle}
}\n {children}\n 
\r\n )\r\n /*\r\n return (\r\n \r\n
\r\n E-Belediye Sistemine Giriş
\r\n\r\n
\r\n\r\n \r\n { e.preventDefault() }}>\r\n setUserName(event.target.value)}\r\n type=\"number\"\r\n name=\"email\"\r\n //value={userName}\r\n />\r\n setPassword(event.target.value)}\r\n name=\"password\"\r\n type=\"password\"\r\n // value={password}\r\n //validators={['required']}\r\n //errorMessages={['this field is required']}\r\n />\r\n\r\n \r\n\r\n \r\n handleChange({\r\n target: {\r\n name: 'agreement',\r\n value: checked,\r\n },\r\n })\r\n }\r\n checked={userInfo.agreement || true}\r\n />\r\n }\r\n label=\"Beni Hatırla\"\r\n />\r\n\r\n {message && (\r\n \r\n history.push('/session/forgot-password')\r\n }\r\n >\r\n Şifremi Unuttum\r\n \r\n\r\n \r\n history.push('/anasayfa')\r\n }\r\n >\r\n Anasayfa\r\n \r\n\r\n\r\n \r\n
\r\n {message}
\r\n )}\r\n\r\n\r\n
\r\n \r\n handleFormSubmit()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n disabled={loading}\r\n type=\"submit\"\r\n style={{ height: 50 }}\r\n >\r\n Giriş Yap\r\n \r\n {loading && (\r\n
\r\n Ya da\r\n \r\n
\r\n \r\n LoginForEDevlet()}\r\n variant=\"contained\"\r\n color={'#fff'}\r\n disabled={AppSettings.IsEDevletLoginDisable}\r\n type=\"submit\"\r\n style={{ backgroundColor: 'white', height: 50 }}\r\n >\r\n 
\r\n \r\n {loading && (\r\n
\r\n {loading && (\r\n \n
\n )\n}\n\nexport default NotFound\n","import React, { useState } from 'react'\r\nimport { Card, Grid, Button } from '@material-ui/core'\r\nimport { TextValidator, ValidatorForm } from 'react-material-ui-form-validator'\r\nimport { Link } from 'react-router-dom'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport clsx from 'clsx'\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport {\r\n\r\n Checkbox,\r\n FormControlLabel,\r\n\r\n CircularProgress,\r\n Avatar,\r\n} from '@material-ui/core'\r\n\r\nconst recaptchaRef = React.createRef();\r\n\r\nconst onSubmit = () => {\r\n const recaptchaValue = recaptchaRef.current.getValue();\r\n}\r\n\r\n\r\n\r\nconst useStyles = makeStyles(({ palette, ...theme }) => ({\r\n cardHolder: {\r\n background: '#238DCF',\r\n },\r\n card: {\r\n maxWidth: 800,\r\n borderRadius: 12,\r\n margin: '1rem',\r\n },\r\n}))\r\n\r\nconst ForgotPassword = () => {\r\n const [state, setState] = useState({})\r\n const classes = useStyles()\r\n\r\n const handleChange = ({ target: { name, value } }) => {\r\n setState({\r\n ...state,\r\n [name]: value,\r\n })\r\n }\r\n\r\n const handleFormSubmit = (event) => {\r\n }\r\n\r\n let { email } = state\r\n\r\n return (\r\n \n \n Back to Dashboard\n \n \n
\n \r\n
\r\n Şifre Sıfırlama
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \n
\n \n \n \n handleChange({\n target: {\n name: 'agreement',\n value: e.target.checked,\n },\n })\n }\n control={\n \n
\n \n \n Sign up\n \n or\n \n \n \n
\n \r\n {isWebConfigLoading ? <> :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* AUTHENTICATION PAGES (SIGNIN, SIGNUP ETC.) */}\r\n {sessionRoutes.map((item, i) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default App\r\n","// import \"babel-polyfill\";\r\n// import cssVars from \"css-vars-ponyfill\";\r\n\r\nimport React from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport * as serviceWorker from './serviceWorker'\r\nimport App from './app/App'\r\nimport './index.css'\r\n\r\n// cssVars();\r\n\r\nReactDOM.render(\r\n \r\n \r\n Hata\r\n \r\n \r\n \r\n {error.toString() ? error.toString() : \"Bilinmeyen bir hata\"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n });\r\n }\r\n};\r\n\r\n\r\n\r\nexport const ShowAskBox = (TITLE, MESSAGE, OK, CANCEL) => {\r\n\r\n const alertBody = {\r\n background: 'white',\r\n width: '400px',\r\n height: '200px',\r\n textAlign: 'center',\r\n color: 'white',\r\n borderRadius: 15,\r\n boxShadow: '1px 1px 1px 1px #aeaeae'\r\n }\r\n\r\n const alertOkButton = {\r\n backgroundColor: 'deepskyblue',\r\n border: '1px solid white',\r\n boxShadow: \"1px 1px 5px #aeaeae\",\r\n width: '26%',\r\n height: '2rem',\r\n margin: '1rem',\r\n color: 'black',\r\n display: 'flex',\r\n marginLeft: '16%',\r\n float: \"center\"\r\n }\r\n const alertCancelButton = {\r\n backgroundColor: 'red',\r\n border: '1px solid white',\r\n boxShadow: \"1px 1px 5px #aeaeae\",\r\n width: '26%',\r\n height: '2rem',\r\n margin: '1rem',\r\n color: '#fff',\r\n display: 'flex',\r\n marginLeft: '16%',\r\n float: \"left\"\r\n\r\n }\r\n const alertText = {\r\n color: 'black',\r\n fontSize: 14,\r\n marginTop: '2%'\r\n }\r\n\r\n const alertHeaderBody = {\r\n //padding:'3%',\r\n paddingTop: '1.5%',\r\n paddingBottom: '1.5%',\r\n width: '100%',\r\n }\r\n\r\n const alertHeaderText = {\r\n color: 'black',\r\n fontSize: 18,\r\n fontWeight: 'bold',\r\n marginTop: '-5%'\r\n }\r\n return () => {\r\n confirmAlert({\r\n overlayClassName: \"zIndex9999 bgOpacity7\",\r\n customUI: ({ onClose }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n });\r\n }\r\n};\r\n","const ParameterConstants = {\n ESTATE_BULDING_CODE: 1,\n ESTATE_LAND_CODE: 3,\n ESTATE_PLOT_CODE: 2,\n REVENUE_TYPE_PARAMETER_TYPE: \"1\",\n VAT_STATUS_PARAMETER_TYPE: \"2\",\n VAT_RATE_PARAMETER_TYPE: \"3\",\n DELAY_STATUS_PARAMETER_TYPE: \"4\",\n DELAY_TYPE_PARAMETER_TYPE: \"5\",\n PARAMETER_TYPE_REGION_CODE: \"6\",\n PARAMETER_TYPE_USAGE_UNIT: \"7\",\n PARAMETER_TYPE_DEPOSIT_TYPE: \"8\",\n PARAMETER_TYPE_DEPOSIT_UNIT: \"9\",\n PARAMETER_TYPE_SUBSCRIBER_TYPE: \"10\",\n PARAMETER_TYPE_APPLICATION_TYPE: \"11\",\n PARAMETER_TYPE_METER_TYPE: \"12\",\n PARAMETER_TYPE_METER_STATUS_TYPE: \"13\",\n PARAMETER_TYPE_APPLICATION_KIND: \"14\",\n PARAMETER_TYPE_SUBSCRIBER_KIND: \"16\",\n PARAMETER_TYPE_OCCUPATION: \"17\",\n PARAMETER_TYPE_SUBSCRIBER_GROUP: \"18\",\n PARAMETER_TYPE_TAX_OFFICES: \"19\",\n PARAMETER_TYPE_ENTERPRISE_TYPE: \"20\",\n PARAMETER_TYPE_APPROVAL_PRIORITY: \"21\",\n PARAMETER_TYPE_CONSTRUCTION_UNITS: \"22\",\n PARAMETER_TYPE_METER_KIND: \"23\",\n PARAMETER_TYPE_METER_WET_DRY_STATUS: \"24\",\n PARAMETER_TYPE_METER_INSPECTION_TYPE: \"25\",\n PARAMETER_TYPE_METER_MEASUREMENT_TYPE: \"26\",\n PARAMETER_TYPE_METER_BRAND: \"27\",\n PARAMETER_TYPE_METER_MOUNTING_STATUS: \"28\",\n PARAMETER_TYPE_PAYDESK_COLLECTION_TYPE: \"29\",\n PARAMETER_TYPE_CANCELLATION_REASON: \"30\",\n PARAMETER_TYPE_OPERATION_TYPE: \"31\",\n PARAMETER_TYPE_OPERATION_REASON: \"32\",\n PARAMETER_TYPE_DEBIT_NOTE_TYPE: \"33\",\n PARAMETER_TYPE_COLLECTION_PARAMETERS: \"34\",\n PARAMETER_RECEIPT_COUNT: \"2\",\n UNIT: \"22\",\n RETAIL_SUBSCIBER: \"G\",\n FOREIGNER_RETAIL_SUBSCIBER: \"Y\",\n CORPORATE_SUBSCIBER: \"T\",\n PUBLIC_SUBSCIBER: \"K\",\n OTHER_SUBSCIBER: \"D\",\n APPLICATION_TYPE_NEW_SUBCRIPTION: \"1\",\n APPLICATION_TYPE_SUBCRIPTION_ASSIGNMENT: \"2\",\n APPLICATION_TYPE_ADDRESS_AND_SUBSCRIBER_INFORMATION_UPDATE: \"3\",\n APPLICATION_TYPE_DEPOSIT_RETURN: \"4\",\n APPLICATION_TYPE_TARIFF_REDUCTION: \"5\",\n APPLICATION_TYPE_SUBSCRIPTION_CANCELLATION: \"6\",\n APPLICATION_TYPE_METER_CHANGE: \"7\",\n APPLICATION_TYPE_TARIFF_CHANGE: \"20\",\n APPLICATION_VIA_ACTING: \"3\",\n REVENUE_TYPE_USAGE: \"1\",\n REVENUE_TYPE_FACILITY: \"2\",\n REVENUE_TYPE_DEPOSIT: \"3\",\n COLLECTION_TYPE_CASH: \"1\",\n COLLECTION_TYPE_POSTAL_CHEQUE: \"2\",\n COLLECTION_TYPE_DEBIT_NOTE: \"3\",\n COLLECTION_TYPE_CREDIT_CARD: \"4\",\n COLLECTION_TYPE_DEPOSIT_DEBIT_NOTE: \"5\",\n OPERATION_TYPE_METER_RIPPING: \"1\",\n OPERATION_TYPE_METER_MOUNTING: \"2\",\n OPERATION_TYPE_METER_REPLACEMENT: \"3\",\n APPLICATION_TYPE_WATER_LINE_ACTIVATION: \"10\",\n APPLICATION_TYPE_INVOICE_GENERATION: \"15\",\n APPLICATION_TYPE_INVOICE_INVOICE_AND_METER_APPEAL: \"14\",\n PARAMETER_TYPE_LATE_DEBT_QUERY_TYPE: \"35\",\n PARAMETER_TYPE_LATE_DEBT_OPERATION_TYPE: \"36\",\n PARAMETER_TYPE_WATER_LINE_STATUS: \"37\",\n PARAMETER_TYPE_WATER_LINE_CUTTING_METHOD: \"38\",\n LATE_DEBT_QUERY_TYPE_AMOUNT_DUE: \"1\",\n LATE_DEBT_QUERY_TYPE_BILLS_DUE: \"2\",\n LATE_DEBT_OPERATION_TYPE_SEND_NOTICE: \"1\",\n LATE_DEBT_OPERATION_TYPE_CUT_WATER: \"2\",\n WATER_LINE_STATUS_ACTIVE: \"1\",\n WATER_LINE_STATUS_CUT_REQUEST_SENT: \"2\",\n WATER_LINE_STATUS_CUT: \"3\",\n WATER_LINE_STATUS_CUT_REQUEST_REJECTED: \"4\",\n APPLICATION_TYPE_ILLEGAL_WATER_USAGE_NOTIFICATION: \"21\",\n UNKNOWN_WATER_USER: \"B\",\n PARAMETER_TYPE_ILLEGAL_WATER_USAGE_METHOD: \"39\",\n PARAMETER_TYPE_ILLEGAL_WATER_USAGE_SUBSCRIPTION_STATUS: \"40\",\n PARAMETER_TYPE_ILLEGAL_WATER_USAGE_METER_STATUS: \"41\",\n ILLEGAL_WATER_USAGE_SUBSCRIPTION_STATUS_IS_A_SUBSCRIBER: \"1\",\n ILLEGAL_WATER_USAGE_SUBSCRIPTION_STATUS_IS_NOT_A_SUBSCRIBER: \"0\",\n ILLEGAL_WATER_USAGE_METER_STATUS_METER_WORKING: \"1\",\n ILLEGAL_WATER_USAGE_METER_STATUS_METER_NOT_WORKING: \"2\",\n ILLEGAL_WATER_USAGE_METER_STATUS_NO_METER: \"3\",\n PARAMETER_TYPE_INSTALLMENT_METHODS: \"42\",\n APPLICATION_TYPE_STOLEN_METER_CHANGE: \"13\",\n APPLICATION_TYPE_APPARATUS_BREAKING: \"12\",\n APPLICATION_TYPE_MAKING_INSTALLMENT: \"22\",\n INSTALLMENT_METHOD_ALL_DEBTS: \"1\",\n INSTALLMENT_METHOD_LATE_DEBTS: \"2\",\n PARAMETER_TYPE_METER_CHANGE_OPERATION_STATUS: \"43\",\n PARAMETER_TYPE_OPERATION_LOG_STATUS: \"44\",\n PARAMETER_TYPE_APPROVAL_LOG_STATUS: \"45\",\n PARAMETER_TYPE_SUBSCRIPTION_STATUS: \"46\",\n ALL_APPLICATION_METHODS: \"*\",\n ALL_SUBSCRIBER_TYPES: \"*\",\n PARAMETER_TYPE_SUBSCRIPTION_PARAMETERS: \"47\",\n SUBSCRIPTION_PARAMETERS_NDIS_STATUS: \"1\",\n PARAMETER_TYPE_DEPOT: \"48\",\n PARAMETER_TYPE_PUMP: \"49\",\n PARAMETER_TYPE_NETWORK_TYPE: \"50\",\n PARAMETER_TYPE_PIPE_TYPE: \"51\",\n PARAMETER_TYPE_CHANNEL_TYPE: \"52\",\n APPLICATION_TYPE_SUBSCRIPTION_DEACTIVATION: \"8\",\n PARAMETER_TYPE_DEACTIVATION_REASONS: \"53\",\n INSTALLED_PDF_PRINTER_NAME: \"Foxit Reader PDF Printer\",\n APPLICATION_TYPE_ILLEGAL_WATER_USAGE_APPEAL: \"11\",\n PARAMETER_TYPE_ENFORCEMENT_OFFICES: \"54\",\n PARAMETER_TYPE_TRACE_METHOD: \"55\",\n PARAMETER_TYPE_DECISION_TYPE: \"56\",\n PARAMETER_TYPE_ENFORCEMENT_PARAMETERS: \"57\",\n PARAMETER_CODE_COLLECTION_EXPENSE_RATIO_KEY: \"10\",\n PARAMETER_TYPE_FILE_FIELD_INFORMATION: \"58\",\n PARAMETER_TYPE_FILE_DEBT_INFORMATION_FIELDS: \"59\",\n PARAMETER_TYPE_FILE_HEADER_FOOTER_INFORMATION_FIELDS: \"60\",\n PARAMETER_TYPE_FILE_DATA_TYPE: \"61\",\n PARAMETER_TYPE_CHARACTER_FILLING_DIRECTION: \"62\",\n PARAMETER_TYPE_FILE_NAME_FIELDS: \"63\",\n PARAMETER_TYPE_FILE_STATUS: \"64\",\n PARAMETER_TYPE_FILE_ENCODINGS: \"65\",\n PARAMETER_TYPE_INCOMING_FILE_STATUS: \"66\",\n OUTGOING_FILE: \"O\",\n INCOMING_FILE: \"I\",\n HEADER_INFORMATION: \"H\",\n FOOTER_INFORMATION: \"F\",\n DEBT_INFORMATION: \"B\",\n FILE_NAME_INFORMATION: \"N\",\n CHARACTER_FILLING_DIRECTION_RIGHT: \"R\",\n CHARACTER_FILLING_DIRECTION_LEFT: \"L\",\n MARRIAGE_KIND_PARAMETER_TYPE: \"067\",\n MARRIAGE_PLACE_PARAMETER_TYPE: \"068\",\n PROPERTY_REGIME_TYPE_PARAMETER_TYPE: \"069\",\n RELIGION_TYPE_PARAMETER_TYPE: \"070\",\n MARITALSTATUS_TYPE_PARAMETER_TYPE: \"071\",\n BLOODGROUP_TYPE_PARAMETER_TYPE: \"072\",\n REASONOFISSUE_TYPE_PARAMETER_TYPE: \"073\",\n GENDER_TYPE_PARAMETER_TYPE: \"074\",\n FATHERDEATH_TYPE_PARAMETER_TYPE: \"075\",\n MOTHERDEATH_TYPE_PARAMETER_TYPE: \"076\",\n ISTHEREANOTHERCITIZENSHIP_PARAMETER_TYPE: \"078\",\n HASRELATIONSHIPWHOMARRIEDWITH_PARAMETER_TYPE: \"079\",\n ISMARRIEDBEFORE_PARAMETER_TYPE: \"080\",\n WILLBETURKISHCITIZENSHIPAFTERMARRIAGE_PARAMETER_TYPE: \"081\",\n ISPERMISSIONREQUIREDTOMARRIAGE_PARAMETER_TYPE: \"082\",\n ISSURNAMEWILLUSEDAFTERMARRIAGE_PARAMETER_TYPE: \"083\",\n REGISTRY_TYPE_RETAIL_REGISTRY: \"G\",\n REGISTRY_TYPE_FOREIGNER_RETAIL_REGISTRY: \"Y\",\n REGISTRY_TYPE_CORPORATE_REGISTRY: \"T\",\n REGISTRY_TYPE_PUBLIC_REGISTRY: \"K\",\n REGISTRY_TYPE_OTHER_REGISTRY: \"D\",\n PARAMETER_TYPE_CODE_GENDER: \"101\",\n DEFAULT_TAX_OFFICE: \"001105\",\n PARAMETER_TYPE_COMMITTEE_RESOLUTION_RESULTS: \"367\",\n PARAMETER_TYPE_COUNCIL_RESOLUTION_RESULTS: \"368\",\n PARAMETER_TYPE_AGENDA_TOPIC_STATUS: \"369\",\n PARAMETER_TYPE_DEPARTMENT_TYPES: \"373\",\n ADDRESS_SOURCE_TYPE_CSBM: \"1\",\n ADDRESS_SOURCE_TYPE_OUTER_DOOR: \"2\",\n ADDRESS_SOURCE_TYPE_INNER_DOOR: \"3\",\n ADDRESS_SOURCE_TYPE_DISTRICT: \"4\",\n CALCULATION_TYPE_PARAMETER_TYPE: \"291\",\n ADVERTISING_CALCULATION_TYPE_AREA: \"1\",\n AD_DECLARATION_TYPE: \"294\",\n DOCUMENT_FILENAME_LENGTH_LIMIT: 25,\n SMS_TYPE_CODE: 6,\n NEW_PASSWORD_SMS_TYP_CODE: 7,\n //TURKISH_CULTURE : new CultureInfo(\"tr-TR\"),\n\n ANTAKYA_COUNTY_CODE: \"2080\",\n ERDEMLI_COUNTY_CODE: \"33\",\n AGRI_COUNTY_CODE: \"4\",\n DEVELI_COUNTY_CODE: \"1275\",\n KILIS_COUNTY_CODE: \"1476\",\n TURKISH_CULTURE: \"TR\",\n\n SMS_DEBT_MESSAGE: 7002,\n SMS_PASSWORD_MESSAGE: 7001,\n}\n\nexport default ParameterConstants;","import React,{Component} from 'react';\nimport { Card, } from '@material-ui/core'\nimport { LinearProgress, CircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n },\n progress: {\n margin: theme.spacing(2),\n },\n}))\n\nexport default function Loader(){\n const classes = useStyles()\n\n return (\n \r\n
\r\n {TITLE}
\r\n\r\n
\r\n {MESSAGE}
\r\n\r\n \r\n \r\n
\r\n \n \n \n
\n )\n}\n\n","/* eslint-disable */\r\nexport const CONNECTION_ERROR = 'error_connection';\r\nexport const SERVER_ERROR = 'error_server';\r\nexport const UNAUTHENTICATED_ERROR = 'error_unauthenticated';\r\nexport const FORBIDDEN_ERROR = 'error_forbidden';\r\nexport const NOT_FOUND_ERROR = 'error_not_found';\r\nexport const TIMEOUT_ERROR = 'error_timeout';\r\nexport const CONLICT_ERROR = 'error_conflict';\r\n\r\nexport class BaseError extends Error {\r\n statusCode: number | undefined;\r\n constructor(message?: string, statusCode?: number) {\r\n super(message || UNAUTHENTICATED_ERROR);\r\n this.name = UNAUTHENTICATED_ERROR;\r\n this.statusCode = statusCode;\r\n }\r\n}\r\n\r\nexport class InternetConnectionError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || CONNECTION_ERROR);\r\n this.name = CONNECTION_ERROR;\r\n }\r\n}\r\nexport const isInternetConnectionError = (error: BaseError) => error.name === CONNECTION_ERROR;\r\n\r\nexport class ServerError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || SERVER_ERROR, 500);\r\n this.name = SERVER_ERROR;\r\n }\r\n}\r\nexport const isServerError = (error: BaseError) => error.name === SERVER_ERROR;\r\n\r\nexport class ConflictError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || CONLICT_ERROR);\r\n this.name = CONLICT_ERROR;\r\n }\r\n}\r\nexport const isConflictError = (error: BaseError) => error.name === CONLICT_ERROR;\r\n\r\nexport class UnauthenticatedError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || UNAUTHENTICATED_ERROR, 409);\r\n this.name = UNAUTHENTICATED_ERROR;\r\n }\r\n}\r\nexport const isUnauthenticatedError = (error: BaseError) => error.name === UNAUTHENTICATED_ERROR;\r\n\r\nexport class ForbiddenError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || FORBIDDEN_ERROR, 403);\r\n this.name = FORBIDDEN_ERROR;\r\n }\r\n}\r\nexport const isForbiddenError = (error: BaseError) => error.name === FORBIDDEN_ERROR;\r\n\r\nexport class NotFoundError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || NOT_FOUND_ERROR, 404);\r\n this.name = NOT_FOUND_ERROR;\r\n }\r\n}\r\nexport const isNotFoundError = (error: BaseError) => error.name === NOT_FOUND_ERROR;\r\n\r\nexport class TimeoutError extends BaseError {\r\n constructor(message?: string) {\r\n super(message || TIMEOUT_ERROR);\r\n this.name = TIMEOUT_ERROR;\r\n }\r\n}\r\nexport const isTimeoutError = (error: BaseError) => error.name === TIMEOUT_ERROR;\r\n\r\nexport const buildErrorMessage = (error: BaseError, overrideErrorMessages: any = {}) => {\r\n let message = 'error_unknown';\r\n if (isInternetConnectionError(error)) {\r\n message = CONNECTION_ERROR;\r\n } else if (isServerError(error)) {\r\n message = SERVER_ERROR;\r\n } else if (isConflictError(error)) {\r\n message = CONLICT_ERROR;\r\n } else if (isUnauthenticatedError(error)) {\r\n message = UNAUTHENTICATED_ERROR;\r\n } else if (isForbiddenError(error)) {\r\n message = FORBIDDEN_ERROR;\r\n } else if (isNotFoundError(error)) {\r\n message = NOT_FOUND_ERROR;\r\n } else if (isTimeoutError(error)) {\r\n message = TIMEOUT_ERROR;\r\n }\r\n\r\n if (overrideErrorMessages && overrideErrorMessages[message]) {\r\n message = overrideErrorMessages[message];\r\n }\r\n\r\n return message;\r\n};\r\n/* eslint-enable */\r\n","import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';\r\n\r\nimport { ServerError } from './Error';\r\n\r\ntype Method = 'get' | 'post' | 'put' | 'delete';\r\n\r\nexport default class Api {\r\n axios: AxiosInstance;\r\n\r\n constructor() {\r\n this.axios = axios.create({\r\n headers: {\r\n 'Content-type': 'application/json',\r\n },\r\n });\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.axios.interceptors.response.use(this.onSuccess.bind(this), this.onFailed.bind(this));\r\n }\r\n\r\n onSuccess(response: AxiosResponse): AxiosResponse {\r\n if (response.data) {\r\n if (typeof (response.data) === 'string') {\r\n throw new ServerError(response.data);\r\n }\r\n return response.data;\r\n }\r\n throw new ServerError();\r\n }\r\n\r\n onFailed(error: AxiosError): Error {\r\n if (error.response) {\r\n throw new ServerError(error.response.data.Message);\r\n }\r\n\r\n throw new ServerError(\"Beklenmedik bir hata oluştu\");\r\n\r\n }\r\n}\r\n/* eslint-enable */\r\n","import axios from 'axios';\r\nimport { DistrcitProps } from './interfaces/AddressInterface';\r\nimport ServiceParameters from 'app/services/serviceParameters';\r\nimport AppSettings from 'webConfig';\r\n\r\nconst serviceUrl = ServiceParameters.addressUrl;\r\nconst userName = AppSettings.SystemUser\r\nexport default class AddressService {\r\n\r\n getDistrictListWithoutAuthorization = async (cityCode: number, countyCode: number, subDistrictCode: number, villageCode: number): Promise\n
\n \n Yükleniyor...\n
\n \r\n
\r\n E-Belediye Şifre Sıfırlama
\r\n\r\n
\r\n\r\n \r\n { e.preventDefault(); SendPasswordForMember() }}>\r\n setTxtIdentityOrTaxNumber(event.target.value)}\r\n type=\"number\"\r\n name=\"email\"\r\n //value={userName}\r\n />\r\n setTxtGsmNumber(e.target.value)}\r\n />\r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n handleFormSubmit()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n disabled={loading}\r\n type=\"submit\"\r\n style={{ height: 40 }}\r\n >\r\n Onay\r\n \r\n {loading && (\r\n
\r\n \r\n handleFormSubmit()}\r\n variant=\"contained\"\r\n color=\"secondary\"\r\n disabled={loading}\r\n style={{ height: 40 }}\r\n onClick={() => { props.history.push('/anasayfa') }}\r\n >\r\n Anasayfa\r\n \r\n
\r\n