\n {upperTitle}\n {title}\n
\n \n \n );\n};\n\nconst renderChildrenItemNav = ({ path, children, isOpen }) =>\n children.map((child, key) => (\n \n \n
\n );\n};\n\nconst Nav = (props) => {\n const { path, user, isOpen, accounts, onStateChange } = props;\n\n const menuClassName = cx({\n open: isOpen,\n });\n\n const handleClickDropdown = ({ currentTarget }) =>\n currentTarget.parentElement.classList.toggle('dropdown');\n return (\n - {renderChildrenItemNav({ path, children, isOpen })}
- \n {navList.map((item, index) => {\n const { url, main, filter, children } = item;\n const isActive = url === path;\n\n if (filter && !filter({ ...user, accounts })) {\n return null;\n }\n\n const className = cx({\n main,\n active: isActive,\n });\n\n return (\n
- \n {children\n ? renderParentItemsNav({\n item,\n path,\n children,\n handleClickDropdown,\n isOpen,\n })\n : renderItemNav(item, isActive, isOpen)}\n \n );\n })}\n
\n
\n);\n\nexport default connect(({ routing }) => ({\n path: routing.location.pathname,\n}))(reduxBurgerMenu(NavMessage, 'navMessage'));\n","export const getAccounts = (accounts, users) =>\n accounts.map((account) => ({\n account,\n id: Number(account),\n name: Array.isArray(users[account])\n ? users[account]\n : users[account]\n ? [users[account]]\n : [],\n }));\n\nexport const getGroups = (groups, users, memberOf) =>\n Object.keys(groups)\n .filter((name) => !memberOf || !memberOf.includes(name))\n .map((name) => ({\n name,\n values: getAccounts(groups[name], users),\n }));\n\nexport const getAvailableAccounts = (\n accounts,\n selectedAccounts,\n isEquals = true\n) =>\n accounts.filter((acc) => {\n const foundAcc = selectedAccounts.find(\n ({ account }) => account === acc.account\n );\n return isEquals ? foundAcc : !foundAcc;\n });\n","import request from 'utils/request';\n\nconst API_PUT_GROUP = '/put/groups/';\nconst API_REMOVE_GROUP = '/del/groups/';\n\nexport const changeGroup = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_PUT_GROUP,\n })\n );\n } catch (e) {\n return e;\n }\n};\n\nexport const removeGroup = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_REMOVE_GROUP,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport { ModalBody, ModalFooter } from 'react-bootstrap';\n\nimport './GroupsAccount.scss';\nimport Validate from 'utils/validate';\nimport {\n getGroups,\n getAccounts,\n getAvailableAccounts,\n} from 'utils/groupsAccount';\nimport * as actions from 'redux/actions/accounts';\n\nimport Alert from 'components/common/Alert';\nimport Input from 'components/common/Input';\nimport Modal from 'components/common/OpenModal';\nimport Loading from 'components/common/Loading';\nimport Sortable from 'components/common/Sortable';\nimport Dropdown from 'components/common/Dropdown';\nimport * as dataProvider from './dataProvider';\n\nconst defaultGroupName = 'By groups';\n\nconst initState = {\n name: '',\n alert: null,\n isNew: true,\n validate: {},\n accounts: [],\n isLoading: false,\n accountsSelected: [],\n group: defaultGroupName,\n};\n\nclass GroupsAccount extends Component {\n state = initState;\n\n static getDerivedStateFromProps({ accounts, groups, isOpen }) {\n if (isOpen) {\n return {\n groups: [...groups],\n accounts: [...accounts],\n };\n }\n return initState;\n }\n\n handleChangeInput = ({ target }) => {\n const { value } = target;\n const { key } = target.dataset;\n const { validate } = this.state;\n\n this.setState({\n alert: null,\n [key]: value,\n validate: {\n ...validate,\n [key]: Validate[key](value),\n },\n });\n };\n\n handleSelectGroup = (id) => {\n const { accounts, groups } = this.props;\n const { validate } = this.state;\n\n const isNew = id === 'reset';\n const group = groups.find((group) => group.name === id);\n\n const accountsSelected = group\n ? getAvailableAccounts(accounts, group.values)\n : [];\n\n const newAccounts = group\n ? getAvailableAccounts(accounts, accountsSelected, false)\n : [...accounts];\n\n this.setState({\n isNew,\n alert: null,\n accountsSelected,\n accounts: newAccounts,\n name: isNew ? '' : id,\n validate: {\n ...validate,\n name: !isNew,\n },\n group: isNew ? defaultGroupName : id,\n });\n };\n\n handleChangeAccounts = (accounts, accountsSelected) => {\n this.setState({\n accounts,\n accountsSelected,\n });\n };\n\n handleChangeGroup = async () => {\n const { changeGroup } = this.props;\n const { name, isNew, accountsSelected } = this.state;\n\n const { error } = await dataProvider.changeGroup({\n [name]: accountsSelected.map((acc) => acc.account),\n });\n\n if (error) {\n this.setState({\n isLoading: false,\n alert: (\n \n
\n \n
\n\n \n
\n )}\n \n {alert}\n
\n \n \n\n {curPage && title && (\n
\n\n - \n
- {title} \n
\n \n \n\n {accounts.length !== 0 && (\n \n )}\n \n \n\n \n 5\n \n
\n\n \n \n {route.props.title || 'Reports'} \n \n\n {!isHideHeader &&
\n );\n }\n}\n\nexport default withRouter(\n connect(({ burgerMenu: { primary }, routing, user: { token } }) => ({\n token,\n routing,\n path: routing.location.pathname,\n isOpen: primary && primary.isOpen,\n }))(Layout)\n);\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (!isLocalhost) {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n } else {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch((error) => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister();\n });\n }\n}\n","import 'babel-polyfill';\nimport 'react-app-polyfill/ie11';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ConnectedRouter } from 'react-router-redux';\n\nimport 'react-dates/initialize';\nimport './styles/index.scss';\n\nimport { Provider } from 'react-redux';\nimport { createBrowserHistory } from 'history';\nimport ReactGA from 'react-ga';\n\nimport 'utils/sentry';\nimport Routes from './Routes';\nimport configureStore from './redux/configureStore';\nimport { unregister } from './registerServiceWorker';\n\nif (process.env.NODE_ENV === 'production') {\n ReactGA.initialize('UA-154557107-1');\n ReactGA.set({ page: window.location.pathname + window.location.search });\n ReactGA.pageview(window.location.pathname + window.location.search);\n}\n\nconst initialState = window.REDUX_INITIAL_STATE || {};\n\n// eslint-disable-next-line\nconsole.log(`Version: ${process.env.REACT_APP_VERSION}`);\n\nconst browserHistory = createBrowserHistory();\nconst store = configureStore(initialState, browserHistory);\n\nconst Index = () => (\n \n \n {routes.map(PropsRoute)}\n\n \n
\n\n \n\n \n \n APPLY\n \n )}\n\n \n \n Saving a note... \n \n\n \n \n\n \n \n \n \n
\n );\n }\n}\n\nexport default Note;\n","import request from 'utils/request';\n\nconst SET_LOG_ERROR = '/api/put/errors/';\n\nexport const setError = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: SET_LOG_ERROR,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport cx from 'classnames';\n\nimport './ErrorBoundary.scss';\nimport Loading from 'components/common/Loading';\nimport {\n ServiceErrorPlaceholder,\n ServiceUnavailablePlaceholder,\n} from 'components/common/ServicePlaceholder';\nimport { setError } from './dataProvider';\n\nclass ErrorBoundary extends Component {\n state = {\n hasError: false,\n isLoading: false,\n unavailableComponent: null,\n };\n\n static getDerivedStateFromProps({ removeError }) {\n if (removeError) {\n return {\n hasError: false,\n };\n }\n return null;\n }\n\n async componentDidCatch({ message, stack }) {\n if (process.env.NODE_ENV !== 'production') {\n this.setState({\n hasError: true,\n });\n return;\n }\n\n this.setState({\n hasError: true,\n isLoading: true,\n });\n\n const response = await setError({\n stack,\n msg: message,\n });\n\n if (response.error) {\n this.setState({\n unavailableComponent: Notes
\n\n{msg}
\n\n {isLoading ?
\n \n \n {children}\n
\n );\n};\n\nexport default OpenRow;\n","import request from 'utils/request';\n\nconst SET_GLOBAL_TAGS = '/put/admin_tags';\nconst GET_GLOBAL_TAGS = '/table/tags';\n\nexport const setGlobalTags = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: SET_GLOBAL_TAGS,\n })\n );\n } catch (e) {\n return e;\n }\n};\n\nexport const getGlobalTags = async (idUser) => {\n try {\n const response = await new Promise((success, error) =>\n request({\n error,\n success,\n url: GET_GLOBAL_TAGS,\n data: {\n id_users: idUser,\n columns: ['id', 'name'],\n },\n })\n );\n return response || [];\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport { Typeahead } from 'react-bootstrap-typeahead';\nimport { connect } from 'react-redux';\n\nimport Loading from 'components/common/Loading';\nimport Request from 'components/common/Request';\nimport OpenRow from 'components/common/OpenRow';\nimport Alert from 'components/common/Alert';\nimport { getGlobalTags, setGlobalTags } from './dataProvider';\n\nimport './EditTags.scss';\n\nexport const TagsTypes = {\n ADMIN: -1,\n GLOBAL: 0,\n};\n\nclass EditTags extends Component {\n state = {\n globalTags: [],\n isSaveTags: false,\n isDisabledSaveButton: false,\n selectedTags: this.props.row.tags.value,\n };\n\n static async getDerivedStateFromProps({ row }, state) {\n return {\n selectedTags: row.tags.value || [],\n // isDisabledSaveButton: !state.selectedTags,\n };\n }\n\n onChangeTags = (selectedTags) => {\n // const { row } = this.props;\n // const value = row.tags.value || [];\n\n this.setState({\n selectedTags,\n // isDisabledSaveButton:\n // \tselectedTags.every(tag => value.includes(tag)),\n });\n };\n\n onClickSaveTags = async () => {\n const { row, day, onChangeRow } = this.props;\n const { selectedTags } = this.state;\n\n this.setState({\n isSaveTags: true,\n });\n\n const response = await setGlobalTags({\n day,\n tags: selectedTags,\n symbol: row.symb.value,\n });\n\n if (!response.error) {\n onChangeRow({\n ...row,\n tags: {\n ...row.tags,\n value: selectedTags,\n },\n });\n // setTimeout(() => {\n // \twindow.location.reload();\n // }, 1000);\n }\n\n this.setState({\n isSaveTags: false,\n response: (\n \n
\n\n {row.symb.value}
\n Symbol\n\n tag.name)}\n />\n\n \n Save\n \n
\n\n \n \n {/* \n Add Trading Plan\n \n
\n );\n});\n","import config from 'config/config';\nimport moment from 'moment';\n\nconst format = 'MM/DD/YYYY';\n\nfunction typeObject({ link, value, params }) {\n if (link && params) {\n const keys = Object.keys(params)\n .map((k) => `${k}=${params[k].toString().replace('\"', \"'\")}`)\n .join('&');\n return `${value}`;\n }\n\n return value.toString();\n}\n\nexport function separatorArray(arr, attr, tag = 'p') {\n if (arr.length > 10) {\n let dom = '';\n\n for (let i = 1, buf = [arr[0]]; i < arr.length; i++) {\n if (i % 10 === 0 || i === arr.length - 1) {\n dom += `<${tag} ${attr ? `attr = \"${attr}\"` : ''}>${buf.join(\n ', '\n )}`;\n buf = [];\n }\n\n buf.push(arr[i]);\n }\n\n return dom;\n }\n return arr.join(', ');\n}\n\nexport function getDate(d, isChangeTimeZone = true, separator = '-') {\n const nd = translateToUTCTime(d, isChangeTimeZone);\n const day = (nd.getDate() > 9 ? '' : '0') + nd.getDate().toString();\n const month =\n (nd.getMonth() + 1 > 9 ? '' : '0') + (nd.getMonth() + 1).toString();\n if (nd.getDay() === 6) {\n const weekStart = new Date(nd);\n weekStart.setDate(nd.getDate() - nd.getDay() + 1);\n const weekStartDay =\n (weekStart.getDate() > 9 ? '' : '0') + weekStart.getDate().toString();\n const weekStartMonth =\n (weekStart.getMonth() + 1 > 9 ? '' : '0') +\n (weekStart.getMonth() + 1).toString();\n let previousWeek = `${month}${separator}${weekStartDay}`;\n let currentWeek = day;\n if (weekStartMonth !== month) {\n previousWeek = `${weekStartMonth}${separator}${weekStartDay}`;\n currentWeek = `${month}${separator}${day}`;\n }\n return `WEEK - ${nd.getFullYear()}${separator}${previousWeek} - ${currentWeek}`;\n }\n return `${nd.getFullYear()}${separator}${month}${separator}${day}`;\n}\n\nexport function getTime(t) {\n return `${Math.floor(t / 60)}:${t % 60}`;\n}\n\nexport function getMonth(month) {\n // TODO: replace this to moment.months()\n const monthToText = {\n 1: 'January',\n 2: 'February',\n 3: 'March',\n 4: 'April',\n 5: 'May',\n 6: 'June',\n 7: 'July',\n 8: 'August',\n 9: 'September',\n 10: 'October',\n 11: 'November',\n 12: 'December',\n };\n\n return monthToText[month] || getDate(new Date(month * 1000));\n}\n\nexport function getMonthStart(month, year) {\n return new Date(year, month - 1, 1).getTime() / 1000;\n}\n\nexport function getMonthEnd(month, year) {\n return new Date(year, month, 0).getTime() / 1000;\n}\n\nexport function getDateWithMinutes(\n d,\n isChangeTimeZone = true,\n separator = '-'\n) {\n const nd = translateToUTCTime(d, isChangeTimeZone);\n\n const m = nd.getMinutes().toString();\n const h = nd.getHours().toString();\n return `${getDate(d, isChangeTimeZone, separator)} ${\n h.length === 2 ? h : `0${h}`\n }:${m.length === 2 ? m : `0${m}`}`;\n}\n\nexport function translateToUTCTime(d, isChangeTimeZone = true) {\n const utc = d.getTime() + d.getTimezoneOffset() * 60000;\n return new Date(utc + 3600000 * (isChangeTimeZone ? config.timeZone : 0));\n}\n\nexport function reductionForNumber(value, maxValueWithoutChange) {\n if (value === null || value === undefined) {\n return '0';\n }\n let result;\n let sign = '';\n\n if (maxValueWithoutChange && value < maxValueWithoutChange) {\n return thousandSeparator(value);\n }\n\n if (value < 0) {\n sign = '-';\n value *= -1;\n }\n\n const suffixes = ['', 'K', 'M', 'B', 'T'];\n const meaningFullDigits = parseInt(value, 10)\n .toString()\n .replace(/(\\d{3})/g, '_')\n .split('')\n .map((a) => (a === '_' ? 1 : 0));\n const mantissa = meaningFullDigits.filter((el) => !el).length;\n let suffixNum = meaningFullDigits.reduce((a, b) => a + b, 0);\n\n if (!mantissa) {\n suffixNum -= 1;\n }\n const shortValue = parseFloat(\n Number(\n suffixNum !== 0 ? value / Math.pow(1000, suffixNum) : value\n ).toPrecision(3)\n );\n\n result =\n (shortValue % 1 === 0 ? shortValue : shortValue.toFixed(2)) +\n suffixes[suffixNum];\n\n return sign + result;\n}\n\nexport const parseRangeDate = ([startDay, endDay]) => {\n endDay = moment.unix(endDay).utc();\n startDay = moment.unix(startDay).utc();\n\n // const formatEndDay = startDay.month() !== endDay.month() ? 'MM/DD' : 'DD';\n return `${startDay.format(format)} - ${endDay.format(format)}`;\n};\n\nexport function typeSeparator(cell, isDom = true) {\n if (typeof cell !== 'object') {\n return cell || '';\n }\n\n const { type, value } = cell;\n if (value === null || value === undefined) {\n return '';\n }\n\n switch (type) {\n case 'money':\n const money = thousandSeparator(value);\n return isDom\n ? `${money}`\n : money;\n\n case 'email': {\n return cell.parent\n ? `${value}`\n : value;\n }\n\n case 'array':\n return Array.isArray(value) ? separatorArray(value) : value;\n\n case 'list':\n // TODO: need to replace from: `h.list && h.list[cell] ? h.list[cell].name : ''`\n return cell.parent\n ? cell.parent.compareList\n ? cell.parent.compareList[value]\n : value\n : value;\n\n case 'time':\n return typeof value === 'number' ? getTime(value) : value;\n\n case 'tsrange':\n return Array.isArray(value)\n ? value.map((d) => getTime(new Date(d * 1000))).join(' - ')\n : value;\n\n case 'date':\n return typeof value === 'number'\n ? moment.utc(Number(value), 'X').format(format)\n : value;\n\n case 'datetime':\n return typeof value === 'number'\n ? moment.utc(Number(value), 'X').format(`${format} HH:mm`)\n : value;\n\n case 'object':\n return typeObject(cell);\n\n case 'month':\n return typeof value === 'number' ? getMonth(value) : value;\n\n case 'drange':\n return Array.isArray(value) ? parseRangeDate(value) : value;\n\n // case 'string':\n // \treturn value.length < 50\n // \t\t? value\n // \t\t: value.split('')\n // \t\t\t\t.map((s, i) => (i + 1) % 50 === 0 ? `${s}` : s)\n // \t\t\t\t.join('');\n\n case 'week-totals': {\n const date = parseRangeDate(cell.values);\n return isDom ? `Week: ${date}` : `Week ${date}`;\n }\n\n default:\n return value;\n }\n}\n\nexport function thousandSeparator(str) {\n if (typeof str !== 'number') {\n return str || 0;\n }\n\n let isNegative = false;\n\n if (str < 0) {\n str = Math.abs(str);\n isNegative = true;\n }\n\n str = str.toFixed(2);\n\n const parts = `${str}`.split('.');\n const main = parts[0];\n const len = main.length;\n let output = '';\n let i = len - 1;\n\n while (i >= 0) {\n output = main.charAt(i) + output;\n if ((len - i) % 3 === 0 && i > 0) {\n output = `,${output}`;\n }\n --i;\n }\n\n if (parts.length > 1) {\n output += `.${parts[1]}`;\n }\n\n return isNegative ? `(${output})` : output;\n}\n","import React from 'react';\nimport { Typeahead, Token } from 'react-bootstrap-typeahead';\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\nimport cx from 'classnames';\n\nimport { thousandSeparator } from 'utils/separator';\n\nconst titleToken = ({ index, onRemove, className, name }) => (\n
\n {cells.map(({ value, title, type, parent = {} }, index) => (\n
\n );\n};\n\nInfoRow.defaultProps = {\n cells: [],\n styleCell: {},\n className: null,\n};\n\nInfoRow.propTypes = {\n styleCell: PropTypes.object,\n className: PropTypes.string,\n cells: PropTypes.array.isRequired,\n};\n\nexport default InfoRow;\n","import request from 'utils/request';\n\nexport const getTrades = async ({ data, url }) => {\n try {\n const reponse = await new Promise((success, error) =>\n request({\n url,\n data,\n error,\n success,\n })\n );\n\n return {\n ...reponse,\n data: reponse.data || [],\n };\n } catch (e) {\n return e;\n }\n};\n","import React from 'react';\nimport { DropdownButton, MenuItem } from 'react-bootstrap';\n\nconst Dropdown = ({ disabled, title, id, onSelect, allAccount, children }) => (\n \n \n {title || parent.title}\n :\n \n
\n ))}\n \n
\n );\n }\n}\n\nexport default connect(({ accounts, burgerMenu }) => ({\n acc: accounts.saved[0],\n primary: burgerMenu.primary,\n accounts: {\n 'All Users': [0],\n ...accounts.compareWith,\n },\n}))(OHLC);\n","import request from 'utils/request';\n\nconst API_DEL_TAG = '/api/trade/tags/del/';\nconst API_PUT_TAG = '/api/trade/tags/put/';\n\nexport const setTrade = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_PUT_TAG,\n })\n );\n } catch (e) {\n return e;\n }\n};\n\nexport const removeTag = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_DEL_TAG,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport {\n Modal,\n Button,\n ModalBody,\n ModalTitle,\n ModalHeader,\n ModalFooter,\n} from 'react-bootstrap';\n\nimport './Tag.scss';\nimport Alert from 'components/common/Alert';\nimport Loading from 'components/common/Loading';\nimport { setTrade } from '../dataProvider';\n\nclass Tag extends Component {\n state = {\n alert: null,\n isOpen: true,\n isLoading: false,\n value: this.props.tag.value,\n };\n\n input = React.createRef();\n\n onShowModal = () => {\n if (this.input && this.input.current) {\n this.input.current.focus();\n }\n };\n\n handleClose = () => {\n this.setState({\n isOpen: false,\n });\n const { onClose } = this.props;\n onClose && onClose('edit');\n };\n\n handleChange = ({ target }) => {\n this.setState({\n value: target.value,\n });\n };\n\n handleClick = async (e) => {\n e.preventDefault();\n const { tag, tags, isAdd, idTrade, onChangedTag } = this.props;\n const { value } = this.state;\n\n if (tags[value]) {\n this.setState({\n alert: Trades on chart
\nCompare execution with
\n\n\n
\n\n \n
\n\n \n {errors || (\n \n
\n \n {labels.map((label) => (\n
\n);\n\nLabelTags.defaultProps = {\n labels: [],\n};\n\nLabelTags.propTypes = {\n labels: PropTypes.array,\n isEditLabel: PropTypes.bool,\n onRemoveTag: PropTypes.func.isRequired,\n};\n\nexport default LabelTags;\n","import React, { Component } from 'react';\nimport {\n Modal,\n Button,\n ModalBody,\n ModalTitle,\n ModalHeader,\n ModalFooter,\n} from 'react-bootstrap';\n\nimport Alert from 'components/common/Alert';\nimport Loading from 'components/common/Loading';\nimport { removeTag } from './dataProvider';\n\nclass Tag extends Component {\n state = {\n alert: null,\n isOpen: true,\n isLoading: false,\n };\n\n handleClose = () => {\n this.setState({\n isOpen: false,\n });\n const { onClose } = this.props;\n onClose && onClose('remove');\n };\n\n handleClick = async () => {\n const { tag, idTrade, onRemovedTag } = this.props;\n\n this.setState({\n isLoading: true,\n });\n\n const data = {\n id: idTrade,\n id_tags: tag.id,\n };\n\n const response = await removeTag(data);\n\n if (response.error) {\n this.setState({\n alert: (\n \n {label}\n {isEditLabel && (\n
\n ))}\n \n Are you sure to want remove this tag: [{value}\n ]?\n
\n {alert}\n\n {title}\n
\n);\n\nconst InfoColumns = ({ gross, volume, fees, net }) => (\n \n
\n);\n\nexport default InfoColumns;\n","import React, { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n\nconst EnteringTime = memo((props) => {\n const { name, price } = props;\n\n const date = useMemo(\n () =>\n props.date\n ? moment.utc(props.date, 'X').format('MM/DD/YYYY')\n : 'Pending date',\n [props.date]\n );\n const time = useMemo(\n () =>\n props.date\n ? moment.utc(props.date, 'X').format('HH:mm:ss')\n : 'Pending date',\n [props.date]\n );\n\n return (\n \n {name}\n\n
\n );\n});\n\nEnteringTime.propTypes = {\n date: PropTypes.number,\n name: PropTypes.string.isRequired,\n price: PropTypes.number.isRequired,\n};\n\nexport default EnteringTime;\n","import React, { Component } from 'react';\nimport cx from 'classnames';\nimport { omit } from 'lodash';\n\nimport './Trade.scss';\nimport Alert from 'components/common/Alert';\nimport Loading from 'components/common/Loading';\nimport { setTrade } from './dataProvider';\n\nimport Tag from './Tag';\nimport Dropdown from './Dropdown';\nimport LabelTags from './LabelTags';\nimport RemoveTag from './RemoveTag';\nimport InfoColumns from '../InfoColumns';\nimport EnteringTime from './EnteringTime';\n\nconst defaultTitle = 'Select tag';\nconst eventKeyAddPersonal = 'eventKeyAddPersonal';\n\nclass Trade extends Component {\n state = {\n error: null,\n nameTag: '',\n editTag: null,\n titleModal: '',\n removeTag: null,\n isLoading: false,\n isDisabled: true,\n isOpenRemoveTag: false,\n selectedTag: defaultTitle,\n labelTags: this.props.selectedTags || [],\n };\n\n handleSelectDropdowns = (selectedTag, { target, currentTarget }) => {\n const titleModal = 'Edit';\n const isAdd = eventKeyAddPersonal === selectedTag;\n\n const value = currentTarget.text;\n const { personal } = this.props.tags;\n const id = personal[value];\n\n if (target.classList.contains('edit') || isAdd) {\n this.setState({\n isAdd,\n editTag: {\n id,\n value: isAdd ? '' : value,\n },\n });\n return;\n }\n\n if (target.classList.contains('remove')) {\n this.setState({\n isOpenRemoveTag: true,\n removeTag: {\n id,\n value,\n },\n });\n return;\n }\n\n this.setState({\n titleModal,\n selectedTag,\n isAdd: false,\n editTag: null,\n isDisabled: false,\n isOpenRemoveTag: false,\n });\n };\n\n handleClickApplyTag = async () => {\n const { selectedTag, labelTags } = this.state;\n\n if (labelTags.includes(selectedTag)) {\n this.setState({\n alert: (\n \n
\n \n Date: \n {date}\n
\n\n \n Time: \n {time}\n
\n\n \n Price: \n {price.toFixed(2)}\n
\n \n
\n );\n }\n}\n\nexport default Trade;\n","import request from 'utils/request';\nimport axios from 'axios';\nimport { store } from 'index';\n\nconst API_ADD_IMAGE = '/api/put/photos';\nconst API_REMOVE_IMAGE = '/api/photo/del';\nconst NOTE_API = '/put/notes';\n\nexport const setNote = async (data) => {\n try {\n const { token } = store.getState().user;\n return await axios({\n data,\n url: NOTE_API,\n method: 'post',\n headers: {\n Authorization: 'Bearer ' + token,\n Bearer: token,\n 'Content-Type': 'multipart/form-data',\n },\n });\n } catch (e) {\n return e;\n }\n};\n\nexport const removePhoto = (data) => {\n try {\n return new Promise((success, error) =>\n request({\n data,\n url: API_REMOVE_IMAGE,\n error,\n success,\n processData: false,\n })\n );\n } catch (e) {\n return e;\n }\n};\n\nexport const addImage = async (data = {}) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_ADD_IMAGE,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { memo } from 'react';\nimport Slick, { Settings } from 'react-slick';\nimport cx from 'classnames';\n\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\nimport Styles from './Slider.module.scss';\n\nconst defaultOptions = {\n dots: true,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n // adaptiveHeight: true,\n};\n\nexport interface SliderProps {\n children: React.ReactNode;\n options?: Settings;\n}\n\nconst Slider = memo((props: SliderProps) => {\n const { options, children } = props;\n const { className, ...others } = options || {};\n\n return (\n \n
\n\n \n {type}\n {title} {strategy}\n
\n\n {isEditTrade && Object.keys(tags).length !== 0 && (\n\n \n APPLY TAG\n \n
\n )}\n\n {Object.keys(labelTags).length !== 0 && (\n \n
\n\n \n
\n\n {editTag && (\n \n
\n\n \n \n \n \n \n \n \n \n \n
\n );\n\n default:\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default Spinner;\n","import React, { Component } from 'react';\n\nclass DragAndDrop extends Component\n {dragFiles !== 0 && (\n \n \n
\n \n )}\n\n {children}\n \n );\n }\n}\n\nexport default DragAndDrop;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M398.1,233.2c0-1.2,0.2-2.4,0.2-3.6c0-65-51.8-117.6-115.7-117.6c-46.1,0-85.7,27.4-104.3,67c-8.1-4.1-17.2-6.5-26.8-6.5 c-29.5,0-54.1,21.9-58.8,50.5C57.3,235.2,32,269.1,32,309c0,50.2,40.1,91,89.5,91H224v-80l-48.2,0l80.2-83.7l80.2,83.6l-48.2,0v80 h110.3c45.2,0,81.7-37.5,81.7-83.4C480,270.6,443.3,233.3,398.1,233.2z\"\n});\n\nvar SvgUpload = function SvgUpload(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n width: \"512px\",\n height: \"512px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgUpload, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/upload.37e08ff6.svg\";\nexport { ForwardRef as ReactComponent };","import React, { memo, useState, useEffect, useCallback } from 'react';\nimport cx from 'classnames';\n\nimport Slider from 'components/Slider';\nimport DragAndDrop from 'components/DragAndDrop';\nimport Spinner, { SpinnerKinds } from 'components/Spinner';\nimport OpenModal from 'components/common/OpenModal';\n\nimport { ReactComponent as IconUpload } from 'images/upload.svg';\nimport { Photo } from './types';\n\nimport Styles from './Photos.module.scss';\n\ninterface Props {\n photos: Photo[];\n onRemovePhoto: any;\n onChangeImage: any;\n}\n\ntype CustomEventAdd {dragFiles} file(s)?
\n Pictures
\n\n\n
\n );\n }\n}\n\nAdditional.defaultProps = {\n day: 1571270400,\n symbol: 'NFLX',\n};\n\nexport default Additional;\n","import React, { memo, useState, useCallback } from 'react';\nimport { connect } from 'react-redux';\nimport cx from 'classnames';\nimport { uniq, flatten } from 'lodash';\n\nimport { getParams } from 'utils/trades';\nimport Request from 'components/common/Request';\nimport OpenRow from 'components/common/OpenRow';\nimport InfoRow from 'components/common/InfoRow';\nimport { ServiceUnavailablePlaceholder } from 'components/common/ServicePlaceholder';\nimport { getTrades } from './dataProvider';\nimport OHLC from './OHLC';\nimport Trade from './Trade';\nimport Additional from './Additional';\n\nimport './Trades.scss';\n\nconst Trades = memo((props) => {\n const { row, data, notes, params, currentDay, isEditTrades, onChangeRow } =\n props;\n\n const [tags, setTags] = useState(props.tags || {});\n const [tradeTags, setTradeTags] = useState(data.map((trade) => trade.tags));\n\n const note = (notes && notes[0]) || [{}];\n\n const infoRow = [row.net, row.gross, row.volume, row.fees];\n\n const classNameInfoRow = cx({\n positive: row.net.value > 0,\n negative: row.net.value < 0,\n });\n\n const chagePhotos = useCallback(\n (value) => {\n onChangeRow({\n ...row,\n idsPhotos: {\n ...row.idsPhotos,\n value,\n },\n });\n },\n [row, onChangeRow]\n );\n\n const onChangeNote = useCallback(\n (value) => {\n onChangeRow({\n ...row,\n memo: {\n ...row.memo,\n value,\n },\n });\n },\n [onChangeRow, row]\n );\n\n const onChangeTags = useCallback(\n (value, index) => {\n tradeTags[index] = value;\n const rowTags = uniq(flatten(tradeTags));\n\n onChangeRow({\n ...row,\n tags: {\n ...row.tags,\n value: rowTags,\n },\n });\n\n setTradeTags([...tradeTags]);\n },\n [onChangeRow, row, setTradeTags, tradeTags]\n );\n\n const changePersonalTag = useCallback(\n (personal) => {\n setTags({\n ...tags,\n personal,\n });\n },\n [tags, setTags]\n );\n\n if (props.error) {\n return \n
\n\n \n
\n\n {row.symbol.value}
\n Symbol\n\n
\n\n \n {data.map((trade, index) => (\n
\n\n \n No bidding for\n {currentDay}\n
\n )}\n\n \n \n \n \n \n
\n\n \n \n \n \n {volume?.map((entry, index) => (\n \n \n \n
\n \n ),\n [tickFormatterDay, volume]\n );\n\n const getChart = useCallback(\n (type: FullScreenType, key?: string) => {\n switch (type) {\n case 'accumulatedTotalNet':\n return (\n Volume
\n\n {c.title}\n
\n\n \n {getNetPerfomanceChart(c.net, c.key)}\n
\n \n {d.title}\n
\n\n \n {getDoughnutTotalNet(d.data)}\n
\n \n
\n ));\n\n return (\n \n Net by Strategy {i + 1}/{arr.length}\n
\n\n- \n {n.map((c) => (\n
- \n
{c.title}
\n\n\n {getChart('net', c.key)}\n\n \n ))}\n
\n
\n\n {netCharts}\n\n General Chart: Total Net
\n {getChart('accumulatedTotalNet')}\n\n
\n\n Volumes
\n {getChart('volumes')}\n\n
\n \n );\n }\n\n default:\n return null;\n }\n },\n [\n accumulatedTotalNet,\n doughnutsTotalNet,\n getDoughnutTotalNet,\n getNetPerfomanceChart,\n netStrategiesCharts,\n openFullScreen,\n tickFormatterDay,\n volume,\n ]\n );\n\n const fullScreenTitle = useMemo(() => {\n switch (fullScreenType?.type) {\n case 'accumulatedTotalNet':\n return 'General Chart: Total Net';\n\n case 'net':\n case 'doughnutTotalNet':\n return fullScreenType.key;\n\n case 'volumes':\n return 'Volumes';\n\n default:\n return null;\n }\n }, [fullScreenType?.key, fullScreenType?.type]);\n\n if (dashboard.error) {\n return (\n Total Net by Strategy
\n\n- \n {doughnutsTotalNet.map((d) => (\n
{d.title}
\n\n {getDoughnutTotalNet(d.data)}\n
\n \n ))}\n \n \n \n\n \n \n\n \n \n\n \n {fullScreenType && handle.active && (\n <>\n \n ✕\n \n\n {fullScreenTitle &&
\n );\n});\n","export enum TypeFields {\n Money = 'money',\n String = 'string',\n Email = 'email',\n Array = 'array',\n List = 'list',\n Time = 'time',\n TSRange = 'tsrange',\n Date = 'date',\n DateTime = 'datetime',\n Month = 'month',\n Object = 'object',\n DRange = 'drange',\n Integer = 'int',\n Solid = 'solid',\n Boolean = 'bool',\n WeekTotals = 'week-totals',\n Account = 'account',\n Symbol = 'symbol',\n Default = 'default',\n}\n\nexport interface ObjectField {\n link: string;\n params: any;\n value: string;\n}\n\nexport const WidthFields = {\n [TypeFields.Money]: 100,\n [TypeFields.String]: 250,\n [TypeFields.Email]: 250,\n [TypeFields.Array]: 250,\n [TypeFields.List]: 120,\n [TypeFields.Time]: 120,\n [TypeFields.TSRange]: 120,\n [TypeFields.Date]: 220,\n [TypeFields.DateTime]: 120,\n [TypeFields.Month]: 120,\n [TypeFields.Object]: 120,\n [TypeFields.DRange]: 225,\n [TypeFields.Integer]: 150,\n [TypeFields.Solid]: 120,\n [TypeFields.Boolean]: 140,\n [TypeFields.WeekTotals]: 120,\n [TypeFields.Account]: 180,\n [TypeFields.Symbol]: 180,\n [TypeFields.Default]: 200,\n};\n","import { memo, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst Portal = (props: any) => {\n const { id, className, children } = props;\n\n const el = useRef(\n document.getElementById(id) || document.createElement('div')\n );\n\n const [dynamic] = useState(!el.current.parentElement);\n\n useEffect(() => {\n if (dynamic) {\n el.current.id = id;\n if (className) {\n el.current.className = className;\n }\n document.body.appendChild(el.current);\n }\n\n return () => {\n if (dynamic && el.current.parentElement) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n el.current.parentElement.removeChild(el.current);\n }\n };\n }, [dynamic, className, id]);\n\n return createPortal(children, el.current);\n};\n\nexport default memo(Portal);\n","import React, { memo, useState, useCallback } from 'react';\nimport { Manager, Reference, Popper } from 'react-popper';\n\nimport Portal from './Portal';\n\nimport Styles from './Popover.module.scss';\n\nfunction Popover(props: any) {\n const { children, value, id } = props;\n\n const [isOpen, setIsOpen] = useState(false);\n const [width, setWidth] = useState- \n
- \n
\n General Chart: Total Net\n
\n\n\n {getChart('accumulatedTotalNet')}\n\n \n
Net by Strategy
\n\n- \n {getChart('net')}\n\n
\n Volumes\n
\n\n {getChart('volumes')}
\n \n Total Net by Strategy
\n\n- {getChart('doughnutTotalNet')}
{fullScreenTitle}
}\n {getChart(fullScreenType.type, fullScreenType.key)}\n \n )}\n \n\n {value}\n
\n )}\n \n
\n \n {expandComponent}\n
\n | \n Loading...\n | \n
\n {typeof title === 'string' ? (\n title\n ) : (\n
\n );\n}\n\nexport default Title;\n","import { camelCase, isPlainObject } from 'lodash';\nimport { WidthFields, TypeFields } from 'components/Field';\n\nconst font = '400 14px OpenSans-Regular';\n\nfunction getChildName(parent: string, child: string) {\n return camelCase(parent + child);\n}\n\nconst getWidth = (() => {\n const c = document.createElement('canvas');\n const ctx = c.getContext('2d') as CanvasRenderingContext2D;\n\n return ({ name, width }: { name: string; width: number }) => {\n ctx.font = font;\n const titleWidth = ctx.measureText(name).width + 88;\n return Math.max(width, titleWidth);\n };\n})();\n\nfunction getRow(data: any) {\n const { rowData, columns, indexRow, isTotal = false, isSort = true } = data;\n const { values, ...others } = Array.isArray(rowData)\n ? { values: rowData }\n : rowData;\n let indexColumn = 0;\n\n return columns.reduce(\n (row: any, cell: any) => {\n if (cell.children) {\n cell.children.forEach((name: any) => {\n row[getChildName(cell.name, name)] = {\n type: cell.type,\n value: values[indexColumn++],\n parent: cell,\n };\n });\n\n indexColumn -= 1;\n }\n\n const value = values[indexColumn];\n const name = camelCase(cell.name);\n\n row[name] = {\n type: cell.type,\n parent: cell,\n };\n\n if (isPlainObject(value)) {\n const { type, title, ...other } = value;\n\n row[value.type] = true;\n\n row[name] = {\n ...row[name],\n value: title,\n type: type || cell.type,\n ...other,\n };\n } else {\n row[name].value = value;\n }\n\n indexColumn += 1;\n\n return row;\n },\n { isTotal, indexRow, isSort, ...(others || {}) }\n );\n}\n\nfunction getRows(data: any) {\n const { rows, total, columns } = data;\n\n const tableRows = rows.map((rowData: any, indexRow: number) =>\n getRow({ rowData, columns, indexRow })\n );\n\n if (total) {\n tableRows.push(\n getRow({\n columns,\n isSort: false,\n isTotal: true,\n indexRow: tableRows.length,\n rowData: ['Total', ...total],\n })\n );\n }\n\n return tableRows;\n}\n\nfunction getColumns(data: any, rows: any) {\n return data.map((column: any) => {\n if (column.children) {\n column.children = column.children.map((child: string) => {\n const name = getChildName(column.name, child);\n const values = rows\n .map((row: any) => row[name].value)\n .filter((value: any) =>\n Boolean(Array.isArray(value) ? value.toString() : value)\n );\n\n return {\n name,\n title: child,\n width: getWidth({\n name: child,\n width:\n values.length !== 0\n ? (WidthFields[column.type as TypeFields] ||\n WidthFields[TypeFields.Default]) - 25\n : 0, // remove HideIcon,\n }),\n };\n });\n } else {\n const values = rows\n .map((row: any) => row[camelCase(column.name)].value)\n .filter((value: any) =>\n Boolean(Array.isArray(value) ? value.toString() : value)\n );\n\n column.width =\n column.width ||\n getWidth({\n name: column.title,\n width:\n values.length !== 0\n ? WidthFields[column.type as TypeFields] ||\n WidthFields[TypeFields.Default]\n : 0,\n });\n }\n\n column.name = camelCase(column.name);\n column.alwaysHidden = column.hidden || false;\n column.hidden = column.defaultHidden || false;\n\n return column;\n });\n\n // return data.map((columns: any, column: any) => {\n // const children = column.children || [];\n\n // if (children.length !== 0) {\n // columns.push(\n // ...children.map((child: string) => ({\n // formatter: Field,\n // text: child,\n // hidden: column.hidden,\n // dataField: getChildName(column.name, child),\n // }))\n // );\n\n // return columns;\n // }\n\n // columns.push({\n // // headerAttrs: {\n // // colspan: children.length,\n // // rowspan: isHaveChildren && children.length === 0 ? 2 : 1,\n // // },\n // children,\n // formatter: Field,\n // text: column.title,\n // hidden: column.hidden,\n // // headerFormatter: HeaderCell,\n // dataField: camelCase(column.name),\n // });\n\n // return columns;\n // }, []);\n}\n\nexport const getTables = (tables: any[], index = 0) => {\n return (\n tables?.map((table: any) => {\n const {\n id,\n Data: data,\n Total: total,\n Title: title,\n Header: header,\n PostForm: postForm,\n options = {},\n Settings: settings = {},\n } = table;\n\n const rows = getRows({\n total,\n rows: data,\n columns: header,\n });\n\n const columns = getColumns(header, rows);\n\n if (settings.buttons) {\n const { columns } = settings.buttons;\n\n Object.keys(settings.buttons.columns).forEach((key: string) => {\n columns[key] = columns[key].map(camelCase);\n });\n }\n\n if (settings.sort) {\n settings.sort.name = camelCase(settings.sort.name);\n }\n\n return {\n rows,\n title,\n options,\n columns,\n settings,\n postForm,\n id: id ? `table-${id}` : undefined,\n };\n }) ?? []\n );\n};\n\nexport enum SortOrderMap {\n ORDER_ASCENDING = 'asc',\n ORDER_DESCENDING = 'desc',\n}\n\nexport function getAvailableColumns(columns: any) {\n const parentColumns = columns.map((col: any) => col.name);\n\n columns.forEach((col: any) => {\n if (col.children) {\n parentColumns.push(...col.children.map((child: any) => child.name));\n }\n });\n\n const uniqueColumns = [...(new Set(parentColumns) as any)];\n\n return uniqueColumns;\n}\n\nfunction sortFunc(data: any) {\n const { name, rows, order } = data;\n\n return rows.sort((a: any, b: any) => {\n const valA = a[name].value || a[name].title || 0;\n const valB = b[name].value || b[name].title || 0;\n\n const from = order === SortOrderMap.ORDER_ASCENDING ? valA : valB;\n const to = order === SortOrderMap.ORDER_ASCENDING ? valB : valA;\n\n if (typeof valA === 'number' && typeof valB === 'number') {\n return from - to;\n }\n\n return from.toString().localeCompare(to.toString(), undefined, {\n numeric: true,\n sensitivity: 'base',\n });\n });\n}\n\n// TODO: search !== search doesn't need to filter rows\nexport const filterTable = (data: any) => {\n const { rows, name, order, search, columns } = data;\n\n const keys = columns.reduce((keys: any, col: any) => {\n if (col.children) {\n return [...keys, ...col.children.map((child: any) => child.name)];\n }\n return [...keys, col.name];\n }, []);\n\n let newRows = rows;\n\n if (name && order) {\n newRows = sortFunc({\n name,\n order,\n rows: rows.filter((row: any) => row.isSort),\n });\n\n rows\n .filter((row: any) => !row.isSort)\n .forEach((row: any) => newRows.splice(row.indexRow, 0, row));\n }\n\n return newRows.filter((row: any) =>\n keys.some(\n (key: string) =>\n row[key] &&\n String(row[key].value || row[key].title)\n .toUpperCase()\n .includes(search)\n )\n );\n};\n\nexport function hideData(props: any) {\n const { columns, hideColumns } = props;\n\n return columns.map((column: any) => {\n const { children } = column;\n\n if (children) {\n column.children = children.map((child: any) => ({\n ...child,\n hidden: hideColumns.some((col: any) =>\n col.name.includes(child.name.replace(column.name, ''))\n ),\n }));\n }\n\n return {\n ...column,\n hidden:\n column.alwaysHidden ||\n hideColumns.some((col: any) => col.name === column.name),\n };\n });\n}\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M435.667,54.311c-7-7.1-18.4-7-25.5,0l-64,64c-79.3-36-163.9-27.2-244.6,25.5c-60.1,39.2-96.6,88.5-98.1,90.6 c-4.8,6.6-4.6,15.6,0.5,22c34.2,42,70,74.7,106.6,97.5l-56.3,56.3c-7,7-7,18.4,0,25.5c3.5,3.5,8.1,5.3,12.7,5.3s9.2-1.8,12.7-5.3 l356-355.9C442.667,72.811,442.667,61.411,435.667,54.311z M200.467,264.011c-2.6-5.9-3.9-12.3-3.9-19c0-12.9,5-25.1,14.2-34.3 c14.4-14.4,35.7-17.8,53.3-10.3L200.467,264.011z M290.667,173.911c-32.7-21-76.8-17.2-105.3,11.3c-16,16-24.7,37.2-24.7,59.7 c0,16.4,4.7,32.1,13.4,45.6l-37.1,37.1c-32.5-18.8-64.5-46.6-95.6-82.9c13.3-15.6,41.4-45.7,79.9-70.8 c66.6-43.4,132.9-52.8,197.5-28.1L290.667,173.911z\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M486.067,233.611c-24.7-30.4-50.3-56-76.3-76.3c-7.9-6.1-19.2-4.7-25.4,3.1c-6.1,7.8-4.7,19.1,3.1,25.3 c20.6,16.1,41.2,36.1,61.2,59.5c-11.8,13.8-34.8,38.6-66,61.3c-60.1,43.7-120.8,59.5-180.3,46.9c-9.7-2.1-19.3,4.2-21.3,13.9 c-2.1,9.7,4.2,19.3,13.9,21.3c15.5,3.3,31.1,4.9,46.8,4.9c23.6,0,47.4-3.7,71.1-11.1c31.1-9.7,62-25.7,91.9-47.5 c50.4-36.9,80.5-77.6,81.8-79.3C491.367,249.011,491.167,240.011,486.067,233.611z\"\n});\n\nvar SvgHide = function SvgHide(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 490.034 490.034\",\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgHide, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/hide.8e1bbe24.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"\n});\n\nvar SvgSort = function SvgSort(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n focusable: \"false\",\n viewBox: \"0 0 24 24\",\n \"aria-hidden\": \"true\",\n role: \"presentation\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgSort, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/sort.91bbb579.svg\";\nexport { ForwardRef as ReactComponent };","import React, { memo, useMemo } from 'react';\nimport cx from 'classnames';\n\nimport { ReactComponent as IconHide } from '../../assets/hide.svg';\nimport { ReactComponent as IconSort } from '../../assets/sort.svg';\n\nimport { SortOrderMap } from '../../utils';\nimport { FontSize, FontSizeCoefficient } from '../../types';\n\nimport Styles from './HeaderCell.module.scss';\n\nfunction HeaderCell(props: any) {\n const {\n isLeft,\n column,\n rowSpan,\n colSpan,\n fontSize,\n sortOrder,\n isSortIcon,\n onSort,\n onHide,\n } = props;\n\n const icon = useMemo(\n () =>\n isSortIcon && (\n \n \n\n \n {items.map((item: any) => (\n \n {item.name}\n\n {item.children && (\n
\n );\n}\n\nexport default Dropdown;\n","import React, { useMemo } from 'react';\n\nimport Dropdown from 'components/Dropdown';\nimport Styles from './Actions.module.scss';\n\nfunction Actions(props: any) {\n const { canAddNewRecord, canExportCSV = true, onClick } = props;\n\n const actions = useMemo(\n () =>\n [\n canAddNewRecord && {\n id: 'newRecord',\n name: 'Add a new record',\n },\n {\n name: 'Change font',\n children: [\n {\n id: 'bigger',\n name: 'Bigger',\n },\n {\n id: 'normal',\n name: 'Normal',\n },\n {\n id: 'smaller',\n name: 'Smaller',\n },\n ],\n },\n canExportCSV && {\n id: 'export',\n name: 'Export to CSV',\n },\n {\n id: 'reset',\n name: 'Reset settings',\n },\n ].filter(Boolean),\n [canAddNewRecord, canExportCSV]\n );\n\n return (\n - \n {item.children.map((child: any) => (\n
- \n {child.name}\n \n ))}\n
\n
\n );\n}\n\nexport default memo(HideColumns);\n","import React, { memo, useMemo, useCallback } from 'react';\nimport cx from 'classnames';\n\nimport Styles from './ShowColumns.module.scss';\n\nfunction ShowColumns(props: any) {\n const { activeName, onChange } = props;\n\n const columns = useMemo(\n () => Object.keys(props.columns).sort(),\n [props.columns]\n );\n\n const onClick = useCallback(\n (e: React.SyntheticEventHidden Columns:
\n\n- \n {columns.map((column: any) => (\n
- \n {column.title}\n\n \n \n ))}\n
\n
\n );\n}\n\nexport default memo(ShowColumns);\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"metadata\", null, \" Svg Vector Icons : http://www.onlinewebfonts.com/icon \");\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, React.createElement(\"g\", {\n transform: \"translate(0.000000,511.000000) scale(0.100000,-0.100000)\"\n}, React.createElement(\"path\", {\n d: \"M6930.4,4545.1c-242.1-244.7-443-455.9-443-468.8s67-90.1,146.8-172.6l149.4-149.4l-656.8-656.8L5470,2440.9H4530h-940.1l-579.5-579.5l-579.5-579.5l783-783l785.5-785.6l-273-291C3577-737.4,2701.3-1680,1776.7-2671.6L100-4474.5l146.8-146.8c82.4-82.4,154.5-149.4,162.3-149.4s953,873.1,2101.7,1942l2083.6,1942l785.5-782.9l785.5-783l574.3,574.3l571.8,571.8v940.1v940.1l661.9,661.9L8638,1900l159.7-159.7l162.3-162.3l471.3,471.3l468.8,468.8L8663.7,3754.4c-680,679.9-1246.6,1236.3-1262,1236.3S7175.1,4789.8,6930.4,4545.1z M8349.5,3450.5L9269,2531l-154.5-154.5l-154.5-152l-154.5,152L8650.8,2531l-888.6-888.6l-888.6-888.6v-940.1v-940.1l-355.4-355.4l-352.9-352.9L4607.2-276.3L3049,1281.9l355.4,352.9l352.9,355.4l945.2,5.2l945.2,5.1l870.5,870.5c479,479,870.5,883.4,870.5,896.3c0,15.5-64.4,90.1-141.7,167.4l-141.7,139.1l146.8,149.4c82.4,82.4,154.5,149.4,162.3,149.4C7422.3,4372.5,7842.1,3957.9,8349.5,3450.5z\"\n})));\n\nvar SvgPin = function SvgPin(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 1000 1000\",\n enableBackground: \"new 0 0 1000 1000\",\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgPin, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/pin.f4a5a37c.svg\";\nexport { ForwardRef as ReactComponent };","import React, {\n memo,\n useRef,\n useState,\n useEffect,\n useMemo,\n useCallback,\n} from 'react';\nimport cx from 'classnames';\nimport { debounce } from 'lodash';\n\nimport Search from 'components/Search';\nimport { TypeFields } from 'components/Field';\nimport Modal from 'components/common/OpenModal';\nimport Body from '../Body';\nimport Title from '../Title';\nimport Header from '../Header';\nimport Actions from '../Actions';\nimport HideColumns from '../HideColumns';\nimport ShowColumns from '../ShowColumns';\nimport { FontSize } from '../../types';\nimport { ReactComponent as IconPin } from '../../assets/pin.svg';\n\nimport Styles from './Table.module.scss';\n\nexport interface TableProps {\n id: string;\n sort: any;\n rows: any;\n title: string | any;\n search: string;\n columns: any;\n options: any;\n width: number;\n fontSize: FontSize;\n isMoreButton: boolean;\n isPinFixedHead: boolean;\n hideColumns: string[];\n expandedRow: any;\n selectedRow: any;\n onHideColumn: any;\n onSort: any;\n onClickRow: any;\n modalExpanded: any;\n onClickActions: any;\n onChangeSearch: any;\n onClickMoreRows: any;\n onClickShowColumn: any;\n onHideModal: () => void;\n onChangeShowColumns?: any;\n showColumns?: any[];\n showColumnName?: string;\n componentForEachTable?: any;\n}\n\nfunction Table(props: TableProps) {\n const {\n id,\n sort,\n rows,\n title,\n width,\n search,\n columns,\n fontSize,\n hideColumns,\n showColumns,\n expandedRow,\n selectedRow,\n isMoreButton,\n modalExpanded,\n showColumnName,\n componentForEachTable,\n onHideColumn,\n onSort,\n onClickRow,\n onHideModal,\n onClickActions,\n onChangeSearch,\n onClickMoreRows,\n onClickShowColumn,\n onChangeShowColumns,\n options = {},\n isPinFixedHead = true,\n } = props;\n\n const tableRef = useRefShow columns:
\n\n- \n {columns.map((name: string) => (\n
\n
\n\n {componentForEachTable}\n\n {modalExpanded && (\n \n
\n\n \n
\n \n {showColumns && (\n
\n\n {hideColumns.length !== 0 && (\n \n \n
\n \n
\n \n \n {months.map((label, index) => (\n \n {label.substring(0, 3)}\n \n ))}\n
\n\n \n \n {years.map((year) => (\n \n ))}\n \n
\n\n \n \n\n {isOpen && this.renderOpenElement(onClickApply, year, curMonth)}\n
\n );\n };\n}\n\nconst WrapperMonthElement = (props) => {\n return \n \n \n\n \n \n\n \n \n Update User\n \n\n \n Cancel\n \n \n
\n );\n })\n);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport Validate from 'utils/validate';\nimport cx from 'classnames';\nimport { browserHistory } from 'index';\n\nimport './Signin.scss';\nimport { removeErrMessage, user } from 'redux/actions/user';\nimport Alert from 'components/common/Alert';\nimport Spinner from 'components/Spinner';\n\n// TODO: need to check when response from server 401 then clear token and user\n\nclass Signin extends Component {\n constructor(props) {\n super(props);\n\n const { user, token, history } = props;\n\n const { state } = history.location;\n\n const searchParams = new URLSearchParams(history.location.search);\n\n const redirect = searchParams.get('redirectUrl');\n\n this.state = {\n email: '',\n redirect,\n password: '',\n validate: {},\n };\n\n if (token && user && (!state || state.status !== 401)) {\n browserHistory.push(redirect || '/');\n }\n }\n\n handleChange = ({ target }) => {\n const { value } = target;\n const { key } = target.dataset;\n\n if (this.props.errMessageUser) {\n this.props.removeErrMessage();\n }\n\n this.setState(({ validate }) => ({\n [key]: value,\n validate: {\n ...validate,\n [key]: Validate[key](value),\n },\n }));\n };\n\n handlerClickForm = (e) => {\n const { email, password, redirect } = this.state;\n\n this.props.user({\n email,\n redirect,\n key: password,\n });\n\n e.preventDefault();\n };\n\n render() {\n const { email, password, validate } = this.state;\n\n const { errMessageUser, isLoadingSignIn, removeErrMessage } = this.props;\n\n const classNameValidate = (key) =>\n cx({\n success: validate[key] && !errMessageUser,\n error:\n (typeof validate[key] === 'boolean' && !validate[key]) ||\n errMessageUser,\n });\n\n const classNameButton = cx('btn btn-success', {\n active: validate.email && validate.password,\n });\n\n return (\n Edit user [{row.name.value}]
\n\n
\n \n
\n\n \n
\n )}\n \n
\n \n
\n );\n }\n}\n\nexport default connect((state) => state.user, {\n user,\n removeErrMessage,\n})(Signin);\n","import React, { PureComponent } from 'react';\n\nimport { ServiceErrorPlaceholder } from 'components/common/ServicePlaceholder';\n\nclass ErrorBoundary extends PureComponent {\n state = {\n hasError: false,\n };\n\n componentDidCatch() {\n this.setState({\n hasError: true,\n });\n }\n\n render() {\n const { children } = this.props;\n const { hasError } = this.state;\n\n if (hasError) {\n return Welcome
\n\n \n\n {isLoadingSignIn && (\n\n
\n )}\n \n
\n );\n};\n\nexport default DatePresets;\n","import React, { memo, useEffect, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { DateRangePicker, SingleDatePicker } from 'react-dates';\nimport cx from 'classnames';\n\nimport {\n focusDate,\n changeDate,\n removeDate,\n addNewDate,\n} from 'redux/actions/dates';\n\nimport './Date.scss';\nimport DatePresets from './DatePresets';\nimport MonthElement from './MonthElement';\n\nconst DateWrapper = memo(({ children, isMoreDates, removeDate, index }) => (\n \n {children}\n {isMoreDates && index > 0 && (\n \n ×\n \n )}\n \n));\n\nconst DatePicker = memo((props) => {\n const {\n dates,\n focusDate,\n dayBlocked,\n changeDate,\n removeDate,\n isMoreDates,\n isSingleDate,\n dayHighlighted,\n focusSingleDate,\n changeSingleDate,\n } = props;\n\n if (isSingleDate) {\n const [{ startDate, focusedInput }] = dates;\n\n return (\n \n {presetsData.map(({ text, newDates }) => {\n const className = cx('c-dates__presets--button', {\n selected: selectedPreset.text === text,\n });\n\n return (\n changeDate(newDates)}\n >\n {text}\n \n );\n })}\n
\n \n date.startDate && date.endDate)}\n >\n +\n \n )}\n
\n );\n});\n\nDate.propTypes = {\n isMoreDates: PropTypes.bool,\n isSingleDate: PropTypes.bool,\n};\n\nexport default connect(\n ({ dates }) => ({\n dates: dates.data,\n dayHighlighted: dates.dayHighlighted,\n }),\n (dispatch) => ({\n actions: {\n addNewDate: () => dispatch(addNewDate()),\n removeDate: (index) => () => dispatch(removeDate({ index })),\n focusDate: (index) => (focusedInput) =>\n focusDate({ dispatch, index, focusedInput }),\n focusSingleDate: ({ focused }) =>\n focusDate({ dispatch, index: 0, focusedInput: focused }),\n changeSingleDate: (startDate) =>\n dispatch(changeDate({ startDate, endDate: startDate, index: 0 })),\n changeDate:\n (index) =>\n ({ startDate, endDate }) =>\n dispatch(changeDate({ startDate, endDate, index })),\n },\n })\n)(Date);\n","import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Typeahead, Token } from 'react-bootstrap-typeahead';\nimport cx from 'classnames';\n\nimport { changeAccounts } from 'redux/actions/accounts';\nimport { nameAccounts, changeNameAccounts } from 'utils/accounts';\nimport './Accounts.scss';\n\nconst renderToken = (groups) => (option, onRemove, index) =>\n (\n \n {option}\n
\n );\n};\n\n// TODO: need to add modal view for create group\n// TODO: when selected group, then for multiple=false error in Journal\n\nconst Accounts = memo(\n ({\n groups,\n options,\n onChange,\n multiple,\n selected,\n allAccounts,\n renderChildren,\n changeAccounts,\n }) => {\n if (allAccounts.length === 0) {\n return null;\n }\n\n const onChangeAcc = (selectedAcc) => {\n onChange && onChange(selectedAcc);\n changeAccounts(selectedAcc);\n };\n\n return (\n \n \n Included accounts:\n {groups[option].join(', ')}\n \n
\n \n
\n );\n }\n);\n\nAccounts.propTypes = {\n onChange: PropTypes.func,\n multiple: PropTypes.bool,\n};\n\nexport default connect(\n (\n {\n accounts: {\n users,\n groups,\n options,\n selected,\n allOptions,\n allAccounts,\n selectedAccounts,\n },\n },\n { multiple = true }\n ) => ({\n groups,\n multiple,\n allAccounts,\n selectedAccounts,\n selected: changeNameAccounts({ accounts: selected, users, groups }),\n options: nameAccounts({\n users,\n groups,\n multiple,\n allAccounts,\n }),\n renderChildren: multiple ? renderChildren.bind(null, groups) : undefined,\n }),\n { changeAccounts }\n)(Accounts);\n","import request from 'utils/request';\n\nconst DEFAULT_FILTER_API = '/api/report/filter/';\n\nexport const getFilters = async (name) => {\n try {\n return await new Promise((success, error) =>\n request({\n error,\n success,\n data: {},\n url: `${DEFAULT_FILTER_API}?name=${name}`,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { ToggleButton, ToggleButtonGroup } from 'react-bootstrap';\nimport cx from 'classnames';\n\nimport { removeErrorDate } from 'redux/actions/dates';\nimport { compareDates } from 'utils/dates';\n\nimport Date from 'components/common/Date';\nimport Alert from 'components/common/Alert';\nimport Loading from 'components/common/Loading';\nimport Request from 'components/common/Request';\nimport Accounts from 'components/common/Accounts';\nimport Dropdown from 'components/common/Dropdown';\n\nimport {\n ServiceForbiddenPlaceholder,\n ServiceUnavailablePlaceholder,\n} from 'components/common/ServicePlaceholder';\nimport { getFilters } from './dataProvider';\n\nimport './Filters.scss';\n\nclass Filters extends Component {\n state = {\n response: {},\n };\n\n handleResponse = (response) => {\n const { handleResponse, removeErrorDate } = this.props;\n\n if (!response.error && handleResponse) {\n handleResponse(response);\n }\n\n removeErrorDate && removeErrorDate();\n this.setState({\n response,\n });\n };\n\n onClickGenerate = (e) => {\n e.preventDefault();\n\n const { date, accounts, radioList = {} } = this.state.response;\n const { handleClickGenerate } = this.props;\n const { selectedMode, selectedRadio } = this.state;\n\n handleClickGenerate({\n dateType: date,\n account: accounts,\n mode: selectedMode,\n radio: selectedRadio || radioList.defaultValue,\n });\n };\n\n onChangeMode = (id) => {\n this.setState({\n selectedMode: id === 'reset' ? null : id,\n });\n };\n\n onChangeRadio = (id) => {\n this.setState({\n selectedRadio: id === 'reset' ? null : id,\n });\n };\n\n render() {\n const {\n name,\n dates,\n saved,\n dateType,\n multiple,\n accounts,\n errorDate,\n dayBlocked,\n isMoreDates,\n isLoadingDate,\n removeErrorDate,\n addNewItem: AddNewItem,\n } = this.props;\n const { response, selectedRadio, selectedMode } = this.state;\n\n const classNameBtn = cx('generate btn btn-primary', {\n 'btn-lg': !isMoreDates,\n });\n\n if (response.error) {\n if (response.status === 403) {\n return \n
\n );\n }\n}\n\nexport default connect(\n ({ dates, accounts }) => ({\n accounts,\n dates: dates.data,\n }),\n {\n saveDate,\n saveAccounts,\n }\n)(Reports);\n","export const Pies = {\n TIMES: 'TIMES',\n STRATEGIES: 'STRATEGIES',\n};\n\nexport const Tabs = {\n FIRST: 'FIRST',\n SECOND: 'SECOND',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Tabs, Tab, Nav, NavItem } from 'react-bootstrap';\n\nimport './Pie.scss';\n\nimport { DoughnutChart } from 'components/DoughnutChart';\nimport Loading from 'components/common/Loading';\nimport { Tabs as TabsName } from './typies';\n\nfunction Pie(props) {\n const { tab, type, loss, win, title, isLoading, sortNames, onSelect } = props;\n\n return (\n \n
\n \n
\n\n {title}
\n\n\n \n {table && (\n <>\n
\n \n
\n\n {title}
\n \n\n {isLoading ? (\n \n {win.length !== 0 && (\n \n \n )}\n\n {loss.length !== 0 && (\n \n \n )}\n \n )}\n
\n \n );\n}\n\nPie.propTypes = {\n win: PropTypes.array,\n tab: PropTypes.string,\n loss: PropTypes.array,\n type: PropTypes.string,\n title: PropTypes.string,\n onSelect: PropTypes.func,\n};\n\nexport default Pie;\n","import React, { Component, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDoughnutData } from 'utils/pie';\nimport Pie from './Pie';\n\nimport { Pies as PiesName, Tabs } from './typies';\n\nconst timesSorted = [\n 'before 8:30',\n '8:30 - 9:30',\n '9:30 - 9:50',\n '9:50 - 10:10',\n '10:10 - 11:15',\n '11:15 - 13:30',\n '13:30 - 15:30',\n '15:30 - 16:00',\n 'after 16:00',\n 'adjust',\n];\n\nclass Pies extends Component {\n state = {\n activeTab: {\n [PiesName.TIMES]: Tabs.FIRST,\n [PiesName.STRATEGIES]: Tabs.FIRST,\n },\n };\n\n static getDerivedStateFromProps({ strategies, times }) {\n const pies = {\n strategiesLoss: getDoughnutData({\n condition: (key) => key < 0,\n data: strategies,\n }),\n strategiesWin: getDoughnutData({\n data: strategies,\n condition: (key) => key >= 0,\n }),\n timesLoss: getDoughnutData({\n data: times,\n condition: (key) => key < 0,\n }),\n timesWin: getDoughnutData({\n data: times,\n condition: (key) => key >= 0,\n }),\n };\n\n return {\n ...pies,\n };\n }\n\n handleSelectTab = (type) => (key) => {\n const { activeTab } = this.state;\n\n this.setState({\n activeTab: {\n ...activeTab,\n [type]: key,\n },\n });\n };\n\n render() {\n const { isLoading } = this.props;\n const { timesWin, activeTab, timesLoss, strategiesWin, strategiesLoss } =\n this.state;\n\n return (\n \n
\n );\n }\n}\n\nPies.defaultProps = {\n times: {},\n strategies: {},\n};\n\nPies.propTypes = {\n times: PropTypes.object,\n isLoading: PropTypes.bool,\n strategies: PropTypes.object,\n};\n\nexport default memo(Pies);\n","import React, { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport moment from 'moment';\n\nimport config from 'config/config';\nimport { reductionForNumber } from 'utils/separator';\n\nconst map = {\n day: 'Best Day',\n week: 'Best Week',\n month: 'Best Month',\n trade: 'Best Trade',\n};\n\nconst Block = memo((props) => {\n const { date, field, value, description, format = config.dateFormat } = props;\n const dateField = `date-${field}`;\n const valueField = `value-${field}`;\n\n const formattedDate = useMemo(() => {\n if (typeof date === 'number') {\n return date <= 0 ? '-' : moment.utc(date, 'X').format(format);\n }\n\n return date;\n }, [format, date]);\n\n return (\n {map[field]}
\n \n\n{description}
\n \n\n
\n);\n\nBest.defaultProps = {\n data: {},\n};\n\nBest.propTypes = {\n data: PropTypes.object,\n};\n\nexport default Best;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nimport './Tile.scss';\nimport { reductionForNumber } from 'utils/separator';\n\nconst map = {\n net: {\n title: 'Total Net',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n gross: {\n title: 'Total Gross',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n volume: {\n title: 'Total volume',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n netPerShare: {\n title: 'Net per share',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n dayLoss: {\n title: 'Max LossDays Row',\n value: (data) => data,\n },\n dayProfit: {\n title: 'Max Profit
Days Row',\n value: (data) => data,\n },\n weekLoss: {\n title: 'Max Loss
Week Row',\n value: (data) => data,\n },\n weekProfit: {\n title: 'Max Profit
Week Row',\n value: (data) => data,\n },\n monthLoss: {\n title: 'Max Loss
Month Row',\n value: (data) => data,\n },\n monthProfit: {\n title: 'Max Profit
Month Row',\n value: (data) => data,\n },\n avgHighFixRate: {\n title: 'Avg High
Fix Rate',\n value: (data) => Number(data).toFixed(2),\n },\n};\n\nconst Tile = ({ data, className }) => (\n
\n {Object.keys(data).map((key) => {\n const { title, value } = map[key];\n\n return (\n \n {value(data[key])}\n \n
\n );\n })}\n \n);\n\nTile.defaultProps = {\n data: {},\n};\n\nTile.propTypes = {\n data: PropTypes.object,\n className: PropTypes.string,\n};\n\nexport default Tile;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nconst map = {\n closedFlat: 'Closed Flat',\n closedPositive: 'Closed Positive',\n stopLossOpening: 'Stop Loss Openings',\n decreasedLoss: 'Closed negative',\n lastStopLosses: 'Lost 3 or more Stop Losses',\n};\n\nconst Block = (props) => {\n const { field, value, percent } = props;\n\n return (\n \n
\n );\n};\n\nconst Summary = ({ data }) => (\n \n {(value && Math.round(value)) || 0}\n {typeof percent === 'number' && (\n \n ({(percent && Math.round(percent * 100)) || 0}\n %)\n \n )}\n
\n{map[field]}
\n\n
\n);\n\nSummary.defaultProps = {\n data: {},\n};\n\nSummary.propTypes = {\n data: PropTypes.object,\n};\n\nexport default Summary;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { reductionForNumber } from 'utils/separator';\nimport cx from 'classnames';\n\nimport './Switcher.scss';\n\nconst map = {\n days: {\n total: {\n title: 'Total days',\n value: (data) => data,\n },\n netPer: {\n title: 'Net per day',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n maxLoss: {\n title: 'Max day loss',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n avgLoss: {\n title: 'Avg. day loss',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n negative: {\n title: 'Loss days',\n value: (data) => data,\n },\n positive: {\n title: 'Profit days',\n value: (data) => data,\n },\n avgProfit: {\n title: 'Avg. day profit',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n maxProfit: {\n title: 'Max day profit',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n },\n trades: {\n total: {\n title: 'Trades made',\n value: (data) => data,\n },\n netPer: {\n title: 'Net per trade',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n maxLoss: {\n title: 'Max trade loss',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n avgLoss: {\n title: 'Avg. trade loss',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n negative: {\n title: 'Trades-',\n value: (data) => data,\n },\n positive: {\n title: 'Trades+',\n value: (data) => data,\n },\n avgProfit: {\n title: 'Avg. trade profit',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n maxProfit: {\n title: 'Max trade profit',\n value: (data) => `$ ${reductionForNumber(data)}`,\n },\n },\n};\n\nconst Switcher = ({ data, type, onChange }) => (\n \n
\n \n);\n\nSwitcher.defaultProps = {\n data: {},\n};\n\nSwitcher.propTypes = {\n type: PropTypes.string,\n data: PropTypes.object,\n onChange: PropTypes.func,\n};\n\nexport default Switcher;\n","import React, { Component } from 'react';\n\nimport './Tiles.scss';\nimport Loading from 'components/common/Loading';\nimport { ServiceNoContentPlaceholder } from 'components/common/ServicePlaceholder';\nimport Best from './Best';\nimport Tile from './Tile';\nimport Summary from './Summary';\nimport Switcher from './Switcher';\n\nclass Tiles extends Component {\n state = {\n type: 'days',\n };\n\n handleChangeType = ({ target }) => {\n const { key } = target.dataset;\n this.setState({\n type: key,\n });\n };\n\n render() {\n const { isLoading } = this.props;\n\n const { type } = this.state;\n\n const data = this.props.data || {};\n\n const { max, best, days, total, trades, summary } = data;\n\n return (\n \n \n D\n \n\n \n T\n \n
\n\n \n {Object.keys(data).map((key) => {\n if (!map[type][key]) {\n return null;\n }\n\n const { title, value } = map[type][key];\n return (\n \n {value(data[key])}\n
\n );\n })}\n\n {title}
\n\n
\n \n {data.percentPositive.toFixed(2)}\n
\n\n %
\n\n {data.percentNegative.toFixed(2)}\n
\n %
\n\n
\n );\n }\n}\n\nexport default Tiles;\n","import React from 'react';\n\nimport { ToolTipText, ToolTipTSpanLabel } from 'react-stockcharts/lib/tooltip';\n\nimport { reductionForNumber } from 'utils/separator';\n\nexport function defaultDisplayTooltip(props, moreProps, itemsToDisplay) {\n const {\n className,\n textFill,\n labelFill,\n onClick,\n fontFamily,\n fontSize,\n displayTexts,\n } = props;\n\n const { currentItem } = moreProps;\n const { displayDate, open, high, low, close, volume, x, y } = itemsToDisplay;\n\n return (\n Total Data
\n\n {isLoading ? (\n\n
\n ) : (\n \n \n
\n );\n }\n}\n\nexport default connect((state) => state.burgerMenu)(Graphs);\n","export const changeAllState = (content, isChecked, checked = []) => {\n const isSomeChecked =\n checked.length !== 0 && content.length !== checked.length;\n\n const checkboxes = {\n all: isSomeChecked ? false : isChecked,\n };\n\n for (const item of content) {\n if (checked.includes(item)) {\n checkboxes[item] = true;\n } else {\n checkboxes[item] = isSomeChecked ? false : isChecked;\n }\n }\n\n return checkboxes;\n};\n\nexport const separateSymbolsData = ({\n symbols,\n values,\n selectedAll,\n summary,\n}) =>\n symbols.map((symbol) => ({\n ...symbol,\n value: selectedAll === symbol.name ? summary : values.symbols[symbol.name],\n }));\n\nexport const sortSymbols = (selectedAll) => (a, b) => {\n if (a.name === selectedAll) {\n return -1;\n }\n if (b.name === selectedAll) {\n return 1;\n }\n\n if (!a.value) {\n return 1;\n }\n if (!b.value) {\n return -1;\n }\n\n return b.value - a.value;\n};\n","import React, { memo, useMemo, useEffect, useCallback } from 'react';\n// import { isEqual } from 'lodash';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport cx from 'classnames';\n\nimport './Column.scss';\nimport { changeAllState } from 'utils/homepage';\nimport { thousandSeparator, reductionForNumber } from 'utils/separator';\n\nconst tooltip = (value) => (props) => {\n const { arrowRef, tooltipRef, getArrowProps, getTooltipProps, placement } =\n props;\n\n return (\n \n
\n\n OHLC
\n\n {isLoading ? (\n
\n \n {name}
;\n }\n\n return (\n{title}
\n\n- \n {content.length === 0 ? (\n <>No content\n ) : (\n <>\n \n\n {content.map((name, index) => (\n
\n
\n );\n}\n\nTradingDays.propTypes = {\n isLoading: PropTypes.bool.isRequired,\n tradingDays: PropTypes.array.isRequired,\n};\n\nexport default TradingDays;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nimport { reductionForNumber } from 'utils/separator';\nimport { ServiceNoContentPlaceholder } from 'components/common/ServicePlaceholder';\n\nconst renderInnerData = (data, label, isClassName) => {\n const titleClassName = cx(\n isClassName && {\n red: data < 0,\n green: data > 0,\n }\n );\n\n return (\n \n
\n );\n};\n\nconst Tile = ({ data, title }) => {\n if (!data) {\n return (\n {reductionForNumber(data)}
\n {label}\n\n
\n );\n }\n\n const {\n days,\n loss_days,\n total_net,\n avg_day_net,\n profit_days,\n total_volume,\n avg_loss_day_net,\n avg_profit_day_net,\n } = data;\n\n const className = cx('tile', {\n red: total_net < 0,\n green: total_net > 0,\n });\n\n return (\n {title}
\n\n\n
\n \n {renderInnerData(total_net, 'Total Net', true)}\n {renderInnerData(total_volume, 'Total Volume')}\n
\n\n \n {renderInnerData(days, 'Trading Days')}\n {renderInnerData(avg_day_net, 'Avg. Day Net', true)}\n
\n\n \n {renderInnerData(profit_days, 'Profit Days')}\n {renderInnerData(avg_profit_day_net, 'Avg. Pr. Net', true)}\n
\n\n \n {renderInnerData(loss_days, 'Loss Days')}\n {renderInnerData(avg_loss_day_net, 'Avg. L. Net', true)}\n
\n - \n {data?.map((tile, index) => (\n
\n {weekParams && (\n \n {(response) =>\n response.error ? (\n
\n );\n }\n}\n\nexport default connect(\n ({ accounts }) => ({\n accounts,\n }),\n {\n saveAccounts,\n }\n)(HomePage);\n","const compareStatusWithTabs = {\n 1: 'Inactive',\n 2: 'Deleted',\n};\n\nexport const filterTable = (\n { role, selectedIndex, table: [table] },\n { roles, table: [newTable] }\n) => {\n if (!newTable || !newTable.rows) {\n return [];\n }\n\n const selectedRole = roles.find((r) => r.name === role);\n\n return [\n {\n ...(newTable || table),\n rows: newTable.rows.filter(\n ({ status, idRoles }) =>\n (!status ||\n (selectedIndex === 0 && status.value !== 'Deleted') ||\n compareStatusWithTabs[selectedIndex] === status.value) &&\n (!selectedRole || selectedRole.id === idRoles.value)\n ),\n },\n ];\n};\n\nexport const getGroupList = (groups) =>\n groups.map((g) => ({ id: g.id.value, name: g.name.value }));\n\nexport const updateRow = (rows, props) =>\n rows.map((row) => {\n if (props.id === row.id.value) {\n Object.keys(props).forEach((key) => {\n row[key] = {\n ...row[key],\n value: props[key],\n };\n });\n return { ...row };\n }\n return row;\n });\n\nexport const getAccounts = (rows, accounts) =>\n accounts\n .map((acc) => Number(acc))\n .map((acc) => {\n const group = rows\n .filter((row) => row.account.value === acc)\n .reduce(\n (group, user) => {\n group.id.push(user.id.value);\n group.name.push(user.name.value);\n\n return group;\n },\n { id: [], name: [] }\n );\n\n group.account = acc;\n return group;\n });\n","import { typeSeparator } from './separator';\n\nlet indexTable = 0;\n\nexport const getName = (name) => name.charAt(0).toLowerCase() + name.slice(1);\nexport const getChildName = (parent, child) =>\n getName(parent) + child.charAt(0).toUpperCase() + child.slice(1);\n\nfunction parseData(header, data) {\n const renderCell = ({ column, value, type, indexRow }) => {\n let cell = {};\n\n // For custom row\n if (!Array.isArray(value) && typeof value === 'object') {\n cell = { ...value };\n type = cell.type;\n value = cell.title;\n }\n\n const render = typeSeparator({\n type,\n value,\n ...column,\n ...cell,\n parent: {\n ...column,\n },\n });\n\n return {\n parent: {\n ...column,\n },\n ...cell,\n type,\n value,\n render,\n indexRow,\n };\n };\n\n return data.reduce((prev, row, indexRow) => {\n let indexColumn = 0;\n const rowTable = {};\n\n for (const column of header) {\n const { type, parent, values, name } = { ...column, ...row };\n\n if (column.children) {\n for (let i = 0; i < column.children; i++, indexColumn += 1) {\n rowTable[name] = renderCell({\n type,\n column,\n indexRow,\n value: (values || row)[indexColumn],\n });\n }\n } else {\n rowTable[name] = renderCell({\n column,\n indexRow,\n value: (values || row)[indexColumn],\n type: parent ? parent.type : type,\n });\n\n indexColumn += 1;\n }\n }\n\n let totalRow = {\n ...rowTable,\n indexRow,\n };\n\n if (Array.isArray(row.values)) {\n totalRow = {\n ...totalRow,\n ...row,\n };\n }\n\n prev.push(totalRow);\n return prev;\n }, []);\n}\n\nfunction parseHeader(header = []) {\n let index = 0;\n const result = [];\n const c = document.createElement('canvas');\n const ctx = c.getContext('2d');\n\n const createColumn = (props) => {\n const {\n link,\n name,\n type,\n title,\n rowSpan,\n colSpan,\n row,\n isShow,\n hidden,\n compareList,\n } = props;\n\n const getMaxWidthValue = (data, name) =>\n data\n .map((row) => {\n if (!row[name].render) {\n return '';\n }\n\n const tags = row[name].render\n .toString()\n .match(/<[^>]+>([\\s\\S]*?)<\\/[^>]+>/gi);\n\n return tags && tags.length > 1\n ? tags\n .map((tag) => tag.replace(/(<([^>]+)>)/gi, ''))\n .reduce((p, n) => (n.length < p.length ? p : n), '')\n : row[name].render.toString().replace(/(<([^>]+)>)/gi, '');\n })\n .reduce((a, b) => {\n const { width } = ctx.measureText(b);\n return a > width ? a : width;\n }, 0);\n\n const getWidth = (data) => (font) => {\n ctx.font = `${font}px OpenSans-Regular, Comic Sans MS`;\n const titleWidth = ctx.measureText(title).width + 22;\n return Math.max(getMaxWidthValue(data, name), titleWidth) + 20;\n };\n\n const result = {\n name,\n index,\n title,\n getWidth,\n };\n\n if (hidden) {\n result.hidden = hidden;\n }\n\n if (compareList) {\n result.compareList = compareList;\n }\n\n if (link) {\n result.link = link;\n }\n\n if (type) {\n result.type = type;\n result.title = typeSeparator({ ...result, value: result.title }, false);\n }\n\n if (rowSpan) {\n result.rowSpan = rowSpan;\n }\n\n if (colSpan) {\n result.colSpan = colSpan;\n }\n\n if (row) {\n result.row = row;\n }\n\n if (isShow) {\n result.isShow = isShow;\n }\n\n index += 1;\n return result;\n };\n\n const parseChildren = (parent) =>\n parent.children.map((name) => ({\n ...createColumn({\n row: 1,\n title: name,\n name: getChildName(parent.name, name),\n }),\n parent,\n }));\n\n const isHaveChildren = header.some((column) => column.children);\n\n for (const column of header) {\n const name = getName(column.name);\n\n if (column.children) {\n const parent = {\n ...createColumn({\n ...column,\n name,\n row: 0,\n colSpan: column.children.length,\n }),\n children: column.children,\n };\n\n const children = parseChildren(parent);\n parent.children = children;\n\n for (const child of children) {\n result.push(child);\n }\n\n result.push(parent);\n } else {\n const params = {\n ...column,\n name,\n };\n\n if (isHaveChildren) {\n params.row = 0;\n params.rowSpan = 2;\n }\n\n result.push(createColumn(params));\n }\n }\n\n if (result.length) {\n result[0].isKey = true;\n }\n\n return result;\n}\n\nexport const addRowToTable = (row, table) => {\n const keys = table.columns.map((column) => column.name);\n const [newRow] = parseData(table.columns, [keys.map((key) => row[key])]);\n\n keys.forEach((key) => {\n newRow[key].indexRow = table.rows.length;\n });\n\n newRow.indexRow = table.rows.length;\n newRow.currentTable = table;\n return [...table.rows, newRow];\n};\n\nexport const treatmentData = (props, index = 0) => {\n const {\n Header,\n Data,\n Total,\n Title,\n id,\n PostForm: postForm,\n Settings = {},\n } = props;\n\n const columns = parseHeader(Header);\n const body = parseData(columns, Data);\n\n let total;\n const isTotal = !!Total;\n\n if (isTotal) {\n const row = parseData(columns, [['Total', ...Total]])[0];\n\n total = Object.keys(row).reduce((p, cell) => {\n p[cell] = {\n ...row[cell],\n isSort: false,\n indexRow: body.length,\n };\n return p;\n }, {});\n\n const totalName = getName(Header[0].name);\n total[totalName] = {\n ...total[totalName],\n type: 'string',\n isSort: false,\n title: 'Total',\n render: 'Total',\n };\n\n total.isTotal = true;\n total.isNotSort = true;\n total.indexRow = body.length;\n }\n\n let title;\n const rows = isTotal ? [...body, total] : [...body];\n\n if (Title) {\n // TODO: need to review dataField\n title =\n typeof Title !== 'object'\n ? {\n value: Title,\n render: Title,\n }\n : {\n ...Title,\n value: Title.title,\n name: Title.name,\n render: typeSeparator({\n ...Title,\n type: Title.type,\n value: Title.title,\n }),\n };\n }\n\n indexTable += 1;\n const table = {\n rows,\n title,\n index,\n isTotal,\n postForm,\n columns,\n settings: Settings,\n id: `table-${id || indexTable}`,\n isCustomWidth: Boolean(Settings.width),\n };\n\n for (const row of rows) {\n row.currentTable = table;\n }\n\n return table;\n};\n\nexport const getAvailableColumns = (tables, hideColumns = []) => {\n const childrenArr = [];\n const parents = [];\n\n for (const { columns } of tables) {\n for (const { name, title, children, parent, hidden } of columns) {\n if (\n !hidden &&\n !parents.some((col) => col.title === title) &&\n !childrenArr.some((col) => col.title === title)\n ) {\n const isHide = !hideColumns.some((col) => col === name);\n\n if (parent) {\n childrenArr.push({\n title,\n parent,\n name,\n checked: isHide,\n });\n } else {\n parents.push({\n title,\n children,\n name,\n checked: isHide,\n });\n }\n }\n }\n }\n // TODO: separate parents and children for add divided in dropdown\n return [...parents, ...childrenArr];\n};\n\nexport const getAvailableData = ({\n title,\n parent,\n colSpan,\n availableColumns,\n children,\n hidden,\n}) => {\n const result = {\n colSpan,\n hidden: false,\n };\n const hiddenCol = (availableColumns || []).find((col) => title === col.title);\n\n if (hiddenCol) {\n result.hidden = !hiddenCol.checked;\n\n if (children) {\n for (const col of availableColumns) {\n if (\n !col.checked &&\n children.find((child) => col.title === child.title)\n ) {\n result.colSpan -= 1;\n }\n }\n\n if (colSpan === 0) {\n result.hidden = true;\n }\n } else if (parent) {\n const column = availableColumns.find((col) => parent.title === col.title);\n if (column && !column.checked) {\n result.hidden = true;\n }\n }\n }\n\n if (hidden) {\n result.hidden = hidden;\n }\n\n return result;\n};\n\nexport const getFieldAvailableColumns = (columns, availableColumns) => {\n const result = new Set();\n\n for (const { title, name, children, parent } of columns) {\n const hiddenCol = availableColumns.find((col) => title === col.title);\n\n if (!children && hiddenCol && hiddenCol.checked) {\n if (\n !parent ||\n (parent &&\n availableColumns.find((col) => parent.title === col.title).checked)\n ) {\n result.add(name);\n }\n }\n }\n\n return result;\n};\n\nexport const getFieldAvailableColumnsByArray = (columns, availableColumns) => {\n if (columns === 'Reset') {\n return availableColumns\n .filter((column) => !column.hidden)\n .map((column) => ({ ...column, checked: true }));\n }\n\n for (const column of availableColumns) {\n column.checked = columns.some(\n (col) =>\n column.parent ||\n col === column.name ||\n (column.children && column.name === col)\n );\n }\n\n return availableColumns;\n};\n\nexport const conditionHandle = ({ type, handle, table }) =>\n handle === type || table.settings.handle === type;\n\nconst sortFunc = (a, b, order) => {\n const valA = typeof a.value === 'number' ? a.value : '';\n const valB = typeof b.value === 'number' ? b.value : '';\n const from = order === 'desc' ? valA : valB;\n const to = order === 'desc' ? valB : valA;\n\n if (typeof valA === 'number' && typeof valB === 'number') {\n return from - to;\n }\n\n return from.toString().localeCompare(to.toString(), undefined, {\n numeric: true,\n sensitivity: 'base',\n });\n};\n\nexport const filterTable = (table, name, order, search) => {\n const keys = table.columns\n .filter((col) => !col.children)\n .map((col) => col.name);\n\n let rows = table.rows;\n\n if (name && order) {\n rows = table.rows\n .filter((row) => !row.isNotSort)\n .sort((a, b) => sortFunc(a[name], b[name], order));\n\n table.rows\n .filter((row) => row.isNotSort)\n .forEach((row) => rows.splice(row.indexRow, 0, row));\n }\n\n return rows.filter((row) =>\n keys.some((key) => String(row[key].render).toUpperCase().includes(search))\n );\n};\n\nexport const getSortAttr = (settings, tables, attr) =>\n tables.map(\n (_, index) =>\n (settings[index] || settings.all) &&\n (settings[index] || settings.all)[attr]\n );\n","import request from 'utils/request';\nimport { addRowToTable } from 'utils/tables';\nimport { getTables } from 'modules';\nimport { updateRow } from 'utils/admin';\nimport {\n SET_WORKAREA,\n ERROR_WORKAREA,\n SET_DATA_USERS,\n LOADING_WORKAREA,\n SET_DATA_GROUPS,\n} from '../constants/workarea';\n\nexport const getWorkArea = () => (dispatch) => {\n const error = (payload) => dispatch({ type: ERROR_WORKAREA, payload });\n const success = (data) => {\n const { users, roles, groups } = data;\n\n return dispatch({\n type: SET_WORKAREA,\n payload: {\n roles,\n users: getTables([users]),\n groups: getTables([groups]),\n },\n });\n };\n\n dispatch({\n type: LOADING_WORKAREA,\n });\n\n request({\n error,\n success,\n url: '/api/workarea/admin/',\n data: {},\n });\n};\n\nexport const addUser = (props) => (dispatch, getState) => {\n const [table] = getState().workarea.users;\n dispatch({\n type: SET_DATA_USERS,\n payload: {\n rows: addRowToTable(props, table),\n },\n });\n};\n\nexport const setUpdateUsers = (props) => (dispatch, getState) => {\n const [{ rows }] = getState().workarea.users;\n dispatch({\n type: SET_DATA_USERS,\n payload: {\n rows: updateRow(rows, props),\n },\n });\n};\n\nexport const addGroup = (props) => (dispatch, getState) => {\n const [table] = getState().workarea.groups;\n dispatch({\n type: SET_DATA_GROUPS,\n payload: {\n rows: addRowToTable(props, table),\n },\n });\n};\n\nexport const removeGroupFromTable = (id) => (dispatch, getState) => {\n const [{ rows }] = getState().workarea.groups;\n\n dispatch({\n type: SET_DATA_GROUPS,\n payload: {\n rows: rows.filter((row) => row.id.value !== id),\n },\n });\n};\n\nexport const setUpdateGroups = (props) => (dispatch, getState) => {\n const [{ rows }] = getState().workarea.groups;\n dispatch({\n type: SET_DATA_GROUPS,\n payload: {\n rows: updateRow(rows, props),\n },\n });\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './AdminHeader.scss';\nimport Dropdown from 'components/common/Dropdown';\n\nconst AdminHeader = ({ role, roles, title, onChangeRole }) => (\n \n
\n);\n\nAdminHeader.defaultProps = {\n roles: [],\n role: 'By role',\n};\n\nAdminHeader.propTypes = {\n role: PropTypes.string,\n roles: PropTypes.array,\n onChangeRole: PropTypes.func,\n title: PropTypes.string.isRequired,\n};\n\nexport default AdminHeader;\n","import React from 'react';\n\nimport './Role.scss';\nimport Dropdown from 'components/common/Dropdown';\n\nconst Role = ({ id, role, roles, onChangeRole }) => (\n {title}
\n\n\n {onChangeRole && (\n
\n \n
\n);\n\nexport default Role;\n","import request from 'utils/request';\n\nconst API_CREATE_USER = '/put/signup/';\n\nexport const createUser = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_CREATE_USER,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Typeahead } from 'react-bootstrap-typeahead';\nimport moment from 'moment';\n\nimport './CreateUser.scss';\nimport Validate from 'utils/validate';\nimport { getGroupList } from 'utils/admin';\nimport { addUser } from 'redux/actions/workarea';\n\nimport Input from 'components/common/Input';\nimport Alert from 'components/common/Alert';\nimport Loading from 'components/common/Loading';\nimport Role from '../Role';\nimport { createUser } from './dataProvider';\n\nclass CreateUser extends Component {\n state = {\n email: '',\n alert: null,\n account: [],\n validate: {},\n role: 'By role',\n displayName: '',\n selectedMembers: [],\n selectedManagers: [],\n overnightAccount: [],\n isShowManagers: false,\n };\n\n handleChangeInput = ({ target }) => {\n const { value } = target;\n const { state } = this;\n const { key, validate } = target.dataset;\n\n if (validate !== 'false') {\n state.validate[key] = Validate[key](value, state.password);\n }\n\n state[key] = value;\n state.alert = null;\n this.setState(state);\n };\n\n handleChangeAccount = (selectedAcc) => {\n const { validate, account } = this.state;\n const newAccount = Array.isArray(selectedAcc) ? selectedAcc : [selectedAcc];\n\n this.setState({\n alert: null,\n account: newAccount || account,\n validate: {\n ...validate,\n account: Validate.account(newAccount[0] || account[0]),\n },\n });\n };\n\n handleChangeOvernightAccount = (selectedAcc) => {\n const { validate, overnightAccount } = this.state;\n const newAccount = Array.isArray(selectedAcc) ? selectedAcc : [selectedAcc];\n\n this.setState({\n alert: null,\n overnightAccount: newAccount || overnightAccount,\n validate: {\n ...validate,\n overnightAccount: Validate.account(\n newAccount[0] || overnightAccount[0]\n ),\n },\n });\n };\n\n handleChangeMemberOf = (selectedMembers) => {\n this.setState({\n selectedMembers,\n });\n };\n\n handleChangeManager = (selectedManagers) => {\n this.setState({\n selectedManagers,\n });\n };\n\n handleCreateUser = async () => {\n const { roles, addUser } = this.props;\n const {\n email,\n role,\n validate,\n displayName,\n selectedMembers,\n selectedManagers,\n overnightAccount,\n account: [account],\n } = this.state;\n\n const errors = ['email', 'account', 'role', 'displayName'].filter(\n (key) => !this.state[key] || this.state[key].length === 0\n );\n\n if (errors.length !== 0) {\n this.setState({\n validate: {\n ...validate,\n ...errors.reduce((acc, key) => ({ ...acc, [key]: false }), {}),\n },\n });\n return;\n }\n\n this.setState({\n isLoading: true,\n });\n\n const groups = selectedManagers.map((m) => m.name);\n const memberOf = selectedMembers.map((m) => m.name);\n const idRoles = roles.find((r) => r.name === role).id;\n\n const data = {\n email,\n groups,\n acc: account,\n name: displayName,\n id_roles: idRoles,\n memberof: memberOf,\n };\n\n if (memberOf.length !== 0) {\n data.memberof = memberOf;\n }\n\n if (overnightAccount.length !== 0 && overnightAccount[0]) {\n // eslint-disable-next-line prefer-destructuring\n data.account_ovn = overnightAccount[0];\n }\n\n const { error, key, id } = await createUser(data);\n\n if (error) {\n this.setState({\n isLoading: false,\n alert: (\n \n \n
\n\n \n
\n \n
\n );\n }\n}\n\nexport default connect(\n ({ accounts, workarea }) => {\n const groupList = getGroupList(workarea.groups[0].rows);\n return {\n ...workarea,\n managers: [...groupList],\n memberOf: [...groupList],\n accounts: accounts.allAccounts,\n };\n },\n {\n addUser,\n }\n)(CreateUser);\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, React.createElement(\"style\", null, \".cls-1{fill:#10a64a;fill-rule:evenodd;}.cls-2{fill:#fff;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"title\", null, \"verified-symbol\");\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"polygon\", {\n className: \"cls-1\",\n points: \"61.37 8.24 80.43 0 90.88 17.79 111.15 22.32 109.15 42.85 122.88 58.43 109.2 73.87 111.15 94.55 91 99 80.43 116.87 61.51 108.62 42.45 116.87 32 99.08 11.73 94.55 13.73 74.01 0 58.43 13.68 42.99 11.73 22.32 31.88 17.87 42.45 0 61.37 8.24 61.37 8.24\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M37.92,65c-6.07-6.53,3.25-16.26,10-10.1,2.38,2.17,5.84,5.34,8.24,7.49L74.66,39.66C81.1,33,91.27,42.78,84.91,49.48L61.67,77.2a7.13,7.13,0,0,1-9.9.44C47.83,73.89,42.05,68.5,37.92,65Z\"\n});\n\nvar SvgDone = function SvgDone(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 122.88 116.87\",\n ref: svgRef\n }, props), _ref2, title === undefined ? _ref3 : title ? React.createElement(\"title\", null, title) : null, _ref4, _ref5);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgDone, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/done.5eb63159.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, React.createElement(\"path\", {\n d: \"M22.72,0h77.45c6.25,0,11.93,2.56,16.05,6.67c4.11,4.11,6.67,9.79,6.67,16.05v74.29c0,6.25-2.56,11.93-6.67,16.05 l-0.32,0.29c-4.09,3.94-9.64,6.38-15.73,6.38H22.72c-6.25,0-11.93-2.56-16.05-6.67l-0.3-0.32C2.43,108.64,0,103.09,0,97.01V22.71 c0-6.25,2.55-11.93,6.67-16.05C10.78,2.55,16.46,0,22.72,0L22.72,0z M75.83,73.05L75.83,73.05c-3.28-3.26-5.54-5.99-7.79-8.72 c-1.95-2.35-3.9-4.72-6.52-7.41L46.03,73.77c-0.1,0.11-0.22,0.2-0.36,0.27c-1.06,0.54-2.25,0.73-3.4,0.55 c-1.12-0.17-2.2-0.68-3.07-1.54c-1.09-1.07-1.65-2.5-1.66-3.92c-0.01-1.44,0.52-2.87,1.6-3.97c5.83-6.43,12.07-13.94,18.11-19.99 c1.24-1.23,2.69-1.84,4.15-1.83c1.44,0.01,2.85,0.6,4.05,1.76c5.34,4.94,13.32,14.33,18.28,20.06c1.06,1.08,1.6,2.49,1.6,3.9 c0,1.39-0.51,2.78-1.53,3.86l-0.1,0.1c-1.08,1.08-2.51,1.63-3.94,1.63c-1.39,0-2.78-0.51-3.86-1.54L75.83,73.05L75.83,73.05z M100.16,10.24H22.72c-3.43,0-6.54,1.41-8.81,3.67c-2.26,2.26-3.67,5.38-3.67,8.81v74.29c0,3.33,1.31,6.35,3.43,8.59l0.24,0.22 c2.26,2.26,5.38,3.67,8.81,3.67h77.45c3.32,0,6.35-1.31,8.59-3.44l0.21-0.23c2.26-2.26,3.67-5.38,3.67-8.81V22.71 c0-3.42-1.41-6.54-3.67-8.81C106.71,11.65,103.59,10.24,100.16,10.24L100.16,10.24z\"\n}));\n\nvar SvgCollapseArrow = function SvgCollapseArrow(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 122.88 119.72\",\n style: {\n enableBackground: \"new 0 0 122.88 119.72\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgCollapseArrow, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/collapse-arrow.bbb98879.svg\";\nexport { ForwardRef as ReactComponent };","import request from 'utils/request';\n\nconst API_UPDATE_USER = '/put/user/';\n\nexport const setInfoUser = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_UPDATE_USER,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { memo, useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nimport { ReactComponent as DoneIcon } from 'icons/done.svg';\nimport { ReactComponent as CollapseArrowIcon } from 'icons/collapse-arrow.svg';\n\nimport Validate from 'utils/validate';\n\nimport Alert from 'components/common/Alert';\nimport Input from 'components/common/Input';\nimport Spinner, { SpinnerKinds } from 'components/Spinner';\n\nimport { setInfoUser } from '../dataProvider';\n\nimport './Password.scss';\n\nconst Password = memo((props) => {\n const { email, isLoading: isLoadingParent } = props;\n\n const [alert, setAlert] = useState(null);\n const [password, setPassword] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [isCollpased, setIsCollapsed] = useState(false);\n const [repeatPassword, setRepeatPassword] = useState('');\n const [validate, setValidate] = useState(Validate.password(''));\n\n const onChangePassword = useCallback(\n (e) => {\n const pass = e.target.value;\n\n setPassword(pass);\n setRepeatPassword('');\n setValidate(Validate.password(pass, repeatPassword));\n },\n [repeatPassword]\n );\n\n const onChangeRepeatPassword = useCallback(\n (e) => {\n const repeatPass = e.target.value;\n setRepeatPassword(repeatPass);\n setValidate(Validate.password(password, repeatPass));\n },\n [password]\n );\n\n const onToggleCollapsed = useCallback(() => {\n setIsCollapsed((c) => !c);\n }, []);\n\n const onGeneratePassword = useCallback(async () => {\n setIsLoading(true);\n setAlert(null);\n\n const data = {\n email,\n };\n\n if (password) {\n data.password = password;\n } else {\n data.is_new_pass = true;\n }\n\n const { key, error } = await setInfoUser(data);\n\n if (error) {\n setAlert({\n type: 'danger',\n message: error || \"You can't generate password, repeat later\",\n });\n return;\n }\n\n setAlert({\n type: 'success',\n message: (\n Account details
\n\n\n
\n\n \n
\n )}\n {alert}
\n \n \n Create User\n \n
\n \n New password saved:\n {key}\n
\n ),\n });\n\n setPassword('');\n setRepeatPassword('');\n setIsLoading(false);\n }, [email, password]);\n\n const loading = isLoadingParent || isLoading;\n\n return (\n\n \n Change password\n \n
\n \n );\n});\n\nPassword.propTypes = {\n email: PropTypes.string.isRequired,\n};\n\nexport default Password;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Typeahead } from 'react-bootstrap-typeahead';\n\nimport { ModalBody, ModalHeader, ModalFooter } from 'react-bootstrap';\n\nimport './EditUser.scss';\nimport Validate from 'utils/validate';\nimport { getGroupList } from 'utils/admin';\nimport { setUpdateUsers } from 'redux/actions/workarea';\nimport { changeCompareWith } from 'redux/actions/accounts';\n\nimport Alert from 'components/common/Alert';\nimport Input from 'components/common/Input';\nimport Loading from 'components/common/Loading';\nimport Password from './Password';\nimport Role from '../Role';\nimport { setInfoUser } from './dataProvider';\n\nclass EditUser extends Component {\n constructor(props) {\n super(props);\n\n const { row, roles, groupList } = props;\n\n const {\n id,\n name,\n email,\n account,\n idRoles,\n memberOf,\n managerBy,\n accountOvn,\n } = row;\n\n const compareWith = row.compareWith.value || [];\n const role = roles.find((r) => r.id === idRoles.value);\n\n this.state = {\n alert: null,\n isLoading: false,\n id: id.value,\n name: name.value,\n email: email.value,\n validate: {\n name: true,\n account: true,\n },\n memberOf: [...groupList],\n managers: [...groupList],\n compareWith: [...groupList],\n role: role ? role.name : 'By role',\n account: [account.value.toString()],\n selectedMembers: groupList.filter((g) =>\n memberOf.value.find((m) => m === g.name)\n ),\n selectedManagers: groupList.filter((g) =>\n managerBy.value.find((m) => m === g.name)\n ),\n selectedCompares: groupList.filter((g) =>\n compareWith.find((m) => m === g.id)\n ),\n overnightAccount: accountOvn.value ? [accountOvn.value.toString()] : [],\n };\n }\n\n handleChangeInput = ({ target }) => {\n let { value, checked } = target;\n const { state } = this;\n const { key, validate } = target.dataset;\n\n if (validate !== 'false') {\n state.validate[key] = Validate[key](value);\n }\n\n if (value === 'true' || value === 'false') {\n value = checked;\n }\n\n state[key] = value;\n state.alert = null;\n this.setState(state);\n };\n\n handleChangeAccount = (selectedAcc) => {\n const { validate, account } = this.state;\n const newAccount = Array.isArray(selectedAcc) ? selectedAcc : [selectedAcc];\n\n this.setState({\n alert: null,\n account: newAccount || account,\n validate: {\n ...validate,\n selectedAccounts: Validate.account(newAccount[0] || account[0]),\n },\n });\n };\n\n handleChangeOvernightAccount = (selectedAcc) => {\n const { validate, overnightAccount } = this.state;\n const newAccount = Array.isArray(selectedAcc) ? selectedAcc : [selectedAcc];\n\n this.setState({\n alert: null,\n overnightAccount: newAccount || overnightAccount,\n validate: {\n ...validate,\n overnightAccount: Validate.account(\n newAccount[0] || overnightAccount[0]\n ),\n },\n });\n };\n\n handleChangeMember = (selectedMembers) => {\n this.setState({\n alert: null,\n selectedMembers,\n });\n };\n\n handleChangeManager = (selectedManagers) => {\n this.setState({\n alert: null,\n selectedManagers,\n });\n };\n\n onChangeCompareWith = (selectedCompares) => {\n this.setState({\n alert: null,\n selectedCompares,\n });\n };\n\n handleChangeRole = (role) => {\n const { roles } = this.props;\n const { validate } = this.state;\n this.setState({\n role,\n alert: null,\n validate: {\n ...validate,\n role: roles.some((r) => r.name === role),\n },\n });\n };\n\n handleUpdateUser = async () => {\n const {\n id,\n role,\n name,\n email,\n account,\n overnightAccount,\n selectedMembers,\n selectedManagers,\n selectedCompares,\n } = this.state;\n const { roles, setUpdateUsers, changeCompareWith } = this.props;\n\n const data = {\n name,\n email,\n acc: Number(account),\n };\n\n const roleData = roles.find((r) => r.name === role);\n\n if (selectedManagers.length !== 0) {\n data.groups = selectedManagers.map((m) => m.name);\n }\n\n if (selectedMembers.length !== 0) {\n data.memberof = selectedMembers.map((m) => m.name);\n }\n\n if (overnightAccount.length !== 0 && overnightAccount[0]) {\n // eslint-disable-next-line prefer-destructuring\n data.account_ovn = overnightAccount[0];\n }\n\n if (selectedCompares.length !== 0) {\n data.compare_with = selectedCompares.map((m) => m.id);\n changeCompareWith({\n compareWith: selectedCompares.reduce((p, n) => {\n p[n.name] = [n.id];\n return p;\n }, {}),\n });\n }\n\n if (roleData) {\n data.id_roles = roleData.id;\n }\n\n const error = await this.requestToServer(data);\n\n if (!error) {\n setUpdateUsers({\n id,\n name,\n email,\n account,\n idRoles: roleData.id,\n managerBy: data.groups || [],\n memberOf: data.memberof || [],\n compareWith: data.compare_with || [],\n accountOvn: data.account_ovn ? Number(data.account_ovn) : null,\n });\n }\n\n // need to update global state\n setTimeout(() => {\n this.props.onHide();\n }, 300);\n };\n\n handleRemoveUser = async () => {\n await this.requestToServer({\n is_del: true,\n email: this.state.email,\n });\n\n this.props.onHide();\n };\n\n requestToServer = async (data) => {\n this.setState({\n isLoading: true,\n });\n\n const { error } = await setInfoUser(data);\n\n if (error) {\n this.setState({\n isLoading: false,\n alert: (\n - \n {validate.map((v) => (\n
- \n
\n
\n \n v.ok))}\n onClick={onGeneratePassword}\n className=\"btn btn-default\"\n >\n {password ? 'Saved Password' : 'Generate Password'}\n {loading &&
\n\n \n {alert &&
\n \n \n \n\n \n \n\n \n \n Remove User\n \n\n \n Update User\n \n\n \n Cancel\n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ accounts, workarea }) => ({\n ...workarea,\n accounts: accounts.allAccounts,\n groupList: getGroupList(workarea.groups[0].rows),\n }),\n {\n setUpdateUsers,\n changeCompareWith,\n }\n)(EditUser);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\n\nimport { filterTable } from 'utils/admin';\nimport { getWorkArea } from 'redux/actions/workarea';\n\nimport { Tables } from 'modules';\nimport Spinner from 'components/Spinner';\nimport AdminHeader from 'components/common/AdminHeader';\nimport { ServiceUnavailablePlaceholder } from 'components/common/ServicePlaceholder';\nimport CreateUser from './CreateUser';\nimport EditUser from './EditUser';\n\nimport './AdminUser.scss';\n\nclass AdminUser extends Component {\n state = {\n users: [],\n table: [],\n selectedIndex: 0,\n isOpenModal: false,\n tabs: ['All Users', 'Inactive', 'Deleted'],\n };\n\n constructor(props) {\n super(props);\n props.getWorkArea();\n }\n\n static getDerivedStateFromProps(props, state) {\n return {\n table: filterTable(state, props),\n };\n }\n\n handleSelectTab = (selectedIndex) => {\n this.setState({\n selectedIndex,\n table: filterTable({ ...this.state, selectedIndex }, this.props),\n });\n };\n\n handleChangeRole = (id) => {\n const role = id !== 'reset' ? id : undefined;\n\n this.setState({\n role,\n table: filterTable({ ...this.state, role }, this.props),\n });\n };\n\n render() {\n const { tabs, role, table, selectedIndex } = this.state;\n const { roles, error, groups, isLoading } = this.props;\n\n return (\n Edit user [{row.name.value}]
\n\n
\n \n
\n )}\n\n {alert}
\n \n \n \n {tabs.map((title) => (\n {title} \n ))}\n Create user \n \n\n {tabs.map((title) => (\n \n {error && \n ))}\n\n \n {isLoading && \n \n
\n );\n }\n}\n\nexport default connect(\n ({ workarea }) => ({\n ...workarea,\n table: workarea.users,\n }),\n {\n getWorkArea,\n }\n)(AdminUser);\n","import request from 'utils/request';\n\nconst API_CREATE_GROUP = '/put/groups/users/';\nconst API_REMOVE_GROUP = '/del/groups/users/';\n\nexport const changeGroup = async (data) => {\n try {\n return await new Promise((success, error) =>\n request({\n data,\n error,\n success,\n url: API_CREATE_GROUP,\n })\n );\n } catch (e) {\n return e;\n }\n};\n\nexport const removeGroup = async (id) => {\n try {\n return await new Promise((success, error) =>\n request({\n data: {\n id,\n },\n error,\n success,\n url: API_REMOVE_GROUP,\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport cx from 'classnames';\n\nimport { ModalBody, ModalHeader, ModalFooter } from 'react-bootstrap';\n\nimport Validate from 'utils/validate';\nimport { getAccounts } from 'utils/admin';\nimport {\n addGroup,\n setUpdateGroups,\n removeGroupFromTable,\n} from 'redux/actions/workarea';\n\nimport Alert from 'components/common/Alert';\nimport Input from 'components/common/Input';\nimport Loading from 'components/common/Loading';\nimport Sortable from 'components/common/Sortable';\nimport { changeGroup, removeGroup } from './dataProvider';\n\nimport './ChangeGroup.scss';\n\nclass ChangeGroup extends Component {\n constructor(props) {\n super(props);\n\n const { row, accounts } = props;\n\n const users = accounts.filter((acc) => acc.id.length !== 0);\n\n const valueMembers = (row && row.members.value) || [];\n const valueManagers = (row && row.managers.value) || [];\n\n const managers = row\n ? users.filter(({ id }) => !valueManagers.some((m) => id.includes(m)))\n : users;\n\n const members = row\n ? accounts.filter(({ account }) => !valueMembers.includes(account))\n : accounts;\n\n const managersSelected = row\n ? users.filter(({ id }) => valueManagers.some((m) => id.includes(m)))\n : [];\n\n const membersSelected = row\n ? accounts.filter(({ account }) => valueMembers.includes(account))\n : [];\n\n this.state = {\n members,\n managers,\n alert: null,\n validate: {},\n membersSelected,\n managersSelected,\n isLoading: false,\n name: row ? row.name.value : '',\n };\n }\n\n handleChangeInput = ({ target }) => {\n const { value } = target;\n const { state } = this;\n const { key, validate } = target.dataset;\n\n if (validate !== 'false') {\n state.validate[key] = Validate[key](value);\n }\n\n state[key] = value;\n state.alert = null;\n this.setState(state);\n };\n\n onRemoveGroup = async () => {\n const { row, onHide, removeGroupFromTable } = this.props;\n\n const id = row.id.value;\n\n this.setState({\n isLoading: true,\n });\n\n const response = await removeGroup(id);\n\n if (response.error) {\n this.setState({\n isLoading: false,\n alert: (\n \n \n \n\n \n \n\n \n {row && (\n \n Remove Group\n \n )}\n\n \n {row ? 'Update' : 'Create'} Group\n \n\n {onHide && (\n \n Cancel\n \n )}\n \n
\n );\n }\n}\n\nexport default connect(\n ({ workarea: { users }, accounts }) => ({\n accounts: getAccounts(users[0].rows, accounts.allAccounts),\n }),\n {\n addGroup,\n setUpdateGroups,\n removeGroupFromTable,\n }\n)(ChangeGroup);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\n\nimport './AdminGroup.scss';\nimport { filterTable } from 'utils/admin';\nimport { treatmentData } from 'utils/tables';\nimport { getWorkArea } from 'redux/actions/workarea';\n\nimport { Tables } from 'modules';\nimport Loading from 'components/common/Loading';\nimport AdminHeader from 'components/common/AdminHeader';\nimport { ServiceUnavailablePlaceholder } from 'components/common/ServicePlaceholder';\nimport ChangeGroup from './ChangeGroup';\n\nclass AdminGroup extends Component {\n state = {\n table: [],\n search: '',\n selectedIndex: 0,\n };\n\n constructor(props) {\n super(props);\n props.getWorkArea();\n }\n\n static getDerivedStateFromProps(props, state) {\n return {\n table: filterTable(state, props),\n };\n }\n\n handleSelectTab = (selectedIndex) => {\n this.setState({\n selectedIndex,\n });\n };\n\n handleAdminResponse = ({ roles, users, groups }) => {\n const checked = true;\n this.setState({\n roles: roles.map((role) => Object.assign(role, { checked })),\n users: [users].map(treatmentData),\n groups: [groups].map(treatmentData),\n });\n };\n\n handleChangeSearch = ({ target }) => {\n const search = target.value;\n const selectedIndex = search.length > 2 ? 0 : this.state.selectedIndex;\n\n this.setState({\n search,\n selectedIndex,\n table: filterTable({ ...this.state, search, selectedIndex }, this.props),\n });\n };\n\n render() {\n const { error, roles, groups, isLoading } = this.props;\n const { table, search, selectedIndex } = this.state;\n\n return (\n {row ? `Edit group [${row.name.value}]` : 'Group details'}
\n\n
\n \n
\n\n \n
\n\n Group Users
\n\n
\n\n \n
\n\n Group Managers
\n\n
\n )}\n \n {alert}\n
\n \n \n \n All groups \n Create group \n \n\n \n {error && \n\n \n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ workarea }) => ({\n ...workarea,\n table: workarea.groups,\n }),\n {\n getWorkArea,\n }\n)(AdminGroup);\n","import request from 'utils/request';\n\nconst ADD_GLOBAL_TAG = '/put/tags';\nconst GET_GLOBAL_TAGS = '/table/tags';\n\nexport const getGlobalTags = async (idUser) => {\n try {\n return await new Promise((success, error) =>\n request({\n error,\n success,\n url: GET_GLOBAL_TAGS,\n data: {\n id_users: idUser,\n columns: ['id', 'name'],\n },\n })\n );\n } catch (e) {\n return e;\n }\n};\n\nexport const addGlobalTag = async (name, idUser) => {\n try {\n return await new Promise((success, error) =>\n request({\n error,\n success,\n url: ADD_GLOBAL_TAG,\n data: {\n name,\n id_users: idUser,\n },\n })\n );\n } catch (e) {\n return e;\n }\n};\n","import React, { Component } from 'react';\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\n\nimport Reports from 'components/core/Reports';\n\nimport Alert from 'components/common/Alert';\nimport Loading from 'components/common/Loading';\nimport { ServiceNoContentPlaceholder } from 'components/common/ServicePlaceholder';\nimport { EditTags, getGlobalTags, TagsTypes } from 'components';\nimport { addGlobalTag } from './dataProvider';\n\nimport './AdminTags.scss';\n\nclass AdminTags extends Component {\n state = {\n globalTags: [],\n valueNewTag: '',\n selectedIndex: 0,\n isLoadingTags: false,\n isLoadingAddTag: false,\n };\n\n static getUserId = (selectedIndex) => {\n // eslint-disable-next-line\n switch (selectedIndex) {\n case 0:\n return TagsTypes.ADMIN;\n\n case 1:\n return TagsTypes.ADMIN;\n\n case 2:\n return TagsTypes.GLOBAL;\n }\n };\n\n handleSelectTab = async (selectedIndex) => {\n const isLoadingTags = selectedIndex !== 0;\n\n this.setState({\n selectedIndex,\n isLoadingTags,\n valueNewTag: '',\n errorAddTag: null,\n });\n\n if (isLoadingTags) {\n const globalTags =\n (await getGlobalTags(AdminTags.getUserId(selectedIndex))) || [];\n\n this.setState({\n globalTags,\n isLoadingTags: false,\n });\n }\n };\n\n onCloseAlert = () => {\n this.setState({\n errorAddTag: null,\n });\n };\n\n handleClickAddNewTag = async () => {\n const { selectedIndex } = this.state;\n let { globalTags, valueNewTag } = this.state;\n\n if (globalTags.some((t) => t.name === valueNewTag)) {\n this.setState({\n errorAddTag: (\n - \n {globalTags.map((tag) => (\n
- \n {tag.name}\n \n ))}\n
\n \n \n All Tags \n Create Global Tag \n Create Template Tag \n \n\n \n \n\n \n \n \n Add new global tag\n \n \n\n {errorAddTag}\n\n \n\n \n \n \n Add new template tag\n \n \n\n {errorAddTag}\n\n \n \n
\n );\n }\n}\n\nexport default AdminTags;\n","export const parseTable = (values, dict) => {\n const table = [];\n const sortedRow = Object.keys(dict)\n .map((key) => ({ ...dict[key], key }))\n .sort((a, b) => a.row - b.row);\n\n let row = 1;\n let buf = [];\n for (const item of sortedRow) {\n if (item.row !== row) {\n table.push(buf.sort((a, b) => a.col - b.col));\n row++;\n buf = [];\n }\n\n buf.push({\n ...item,\n value: values[item.key],\n });\n }\n\n return {\n table,\n maxLength: Math.max(...table.map((cells) => cells.length)),\n };\n};\n","import request from 'utils/request';\nimport { parseTable } from 'utils/summary';\n\nexport const getData = async ({ url, data, dictionary }) => {\n try {\n const response = await new Promise((success, error) =>\n request({\n url,\n data,\n error,\n success,\n })\n );\n\n return parseTable(response, dictionary);\n } catch (e) {\n return e;\n }\n};\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport InfoRow from 'components/common/InfoRow';\nimport Request from 'components/common/Request';\nimport OpenRow from 'components/common/OpenRow';\nimport { ServiceUnavailablePlaceholder } from 'components/common/ServicePlaceholder';\nimport { getData } from './dataProvider';\n\nimport './Summary.scss';\n\nconst children = (response) => {\n if (response.error) {\n return Tags
\n\n\n
\n All global tags
\n\n {!isLoadingTags && tags}\n\n
\n All template tags
\n\n {!isLoadingTags && tags}\n\n \n
\n\n \n
\n\n {row.month.render}
\n {row.year.render}\n\n onSort(dataKey)}\n className={cx(\n 'icon-sort',\n typeof isSort !== 'undefined' && {\n sorted: isSort,\n reversed: !isSort,\n }\n )}\n >\n {iconSort}\n \n
\n);\n\nFilters.propTypes = {\n isSort: PropTypes.bool,\n onSort: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n dataKey: PropTypes.string.isRequired,\n onClearValue: PropTypes.func.isRequired,\n};\n\nexport default Filters;\n","import React from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport cx from 'classnames';\n\nconst SortableItem = SortableElement(({ name, account }) => (\n \n onChange(target.value, dataKey)}\n />\n onClearValue(dataKey)}\n className={cx(\n 'form-control-clear form-control-feedback',\n 'glyphicon glyphicon-remove',\n {\n show: value.length !== 0,\n }\n )}\n />\n
\n\n - \n {items.map(({ name, account }, index) => (\n
\n \n this.handleSortEnd(index, e, true)}\n items={filteredAccounts(selectedItems, selectedSearch)}\n />\n
\n \n );\n }\n}\n\nconst propItem = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),\n name: PropTypes.array,\n account: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n })\n).isRequired;\n\nSortable.defaultProps = {\n className: 'col-sm-10',\n};\n\nSortable.propTypes = {\n items: propItem,\n selectedItems: propItem,\n className: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default Sortable;\n","import { push } from 'react-router-redux';\nimport request from 'utils/request';\nimport {\n LOG_OUT,\n SET_USER,\n ERROR_USER,\n ERROR_LOG_OUT,\n LOADING_LOG_OUT,\n LOADING_SIGN_IN,\n REMOVE_ERROR_USER,\n} from '../constants/user';\n\nimport { setAccounts } from './accounts';\nimport { setDictionary } from './dictionary';\nimport { setConstraintsDate } from './dates';\n\nexport const user =\n ({ email, key, redirect = '/' }) =>\n (dispatch) => {\n const error = ({ msg }) => dispatch({ type: ERROR_USER, payload: msg });\n const success = ({\n role,\n user,\n dict,\n admin,\n system,\n account,\n accounts,\n memberof,\n acc_users,\n acc_groups,\n access_token,\n manager_group,\n compare_with,\n }) => {\n dispatch({\n payload: {\n user,\n role,\n admin,\n token: access_token,\n },\n type: SET_USER,\n });\n\n accounts = accounts.map((acc) => acc.toString());\n const groups = Object.keys(acc_groups).reduce((p, n) => {\n p[n] = (acc_groups[n] || []).map((acc) => acc.toString());\n return p;\n }, {});\n\n dispatch(setConstraintsDate(system));\n dispatch(\n setAccounts({\n groups,\n accounts,\n users: acc_users,\n memberOf: memberof,\n compareWith: compare_with,\n account: account.toString(),\n managerGroup: manager_group,\n options: [...Object.keys(groups), ...accounts],\n })\n );\n dispatch(push(redirect || '/'));\n dispatch(setDictionary(dict));\n };\n\n dispatch({ type: LOADING_SIGN_IN });\n\n request({\n error,\n success,\n data: {\n key,\n email,\n },\n url: '/get/token/',\n });\n };\n\nexport const removeErrMessage = () => ({\n type: REMOVE_ERROR_USER,\n});\n\nexport const logOut = (dispatch) => {\n const error = () => dispatch({ type: ERROR_LOG_OUT });\n const success = () => {\n dispatch({ type: LOG_OUT });\n dispatch(push('/signin'));\n };\n\n dispatch({ type: LOADING_LOG_OUT });\n\n request({\n error,\n success,\n data: {},\n url: '/api/logout/',\n });\n};\n\n// TODO: need remove token if it is incorrect\n//\n// export function removeTokenFromLocal() {\n// \treturn {\n// \t\ttype: REMOVE_TOKEN_LOCAL,\n// \t}\n// }\n","import { SET_DICTIONARY } from '../constants/dictionary';\n\nexport const setDictionary = (payload) => ({\n type: SET_DICTIONARY,\n payload,\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nimport './ServicePlaceholder.scss';\nimport error from 'images/error.png';\n\nconst ServiceErrorPlaceholder = ({ title, description, className }) => {\n const classNameRoot = cx('c-service-placeholder c-error', {\n [className]: className,\n });\n\n return (\n \n
\n\n {titleSelect}
\n\n{titleSelected}
\n\n\n
\n );\n};\n\nServiceErrorPlaceholder.propTypes = {\n title: PropTypes.string,\n className: PropTypes.string,\n description: PropTypes.string,\n};\n\nServiceErrorPlaceholder.defaultProps = {\n title: 'Something wrong here...',\n description:\n 'Sorry, we are having some technical issues (as you can see) try to refresh the page, sometime works ;)',\n};\n\nexport default ServiceErrorPlaceholder;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport cx from 'classnames';\n\nimport './ServicePlaceholder.scss';\nimport noFound from 'images/not-found.png';\n\nconst ServiceNotFoundPlaceholder = ({\n title,\n description,\n token,\n className,\n}) => {\n const classNameRoot = cx('c-service-placeholder c-no-found', {\n 'no-header': !token,\n [className]: className,\n });\n\n return (\n \n 
\n\n
\n {title}
\n \n\n
\n );\n};\n\nServiceNotFoundPlaceholder.propTypes = {\n title: PropTypes.string,\n className: PropTypes.string,\n description: PropTypes.string,\n};\n\nServiceNotFoundPlaceholder.defaultProps = {\n title: 'Ooops 404!',\n description:\n 'Sorry about that, but he page you are looking for just disappear... bad magic?',\n};\n\nexport default connect(({ user }) => user)(ServiceNotFoundPlaceholder);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nimport './ServicePlaceholder.scss';\nimport error from 'images/forbidden.png';\n\nconst ServiceForbiddenPlaceholder = ({ title, description, className }) => {\n const classNameRoot = cx('c-service-placeholder c-error', {\n [className]: className,\n });\n\n return (\n \n 
\n\n
\n {title}
\n{description}
\n\n {!token && (\n \n {' '}\n → back to Dashboard\n \n )}\n\n
\n );\n};\n\nServiceForbiddenPlaceholder.propTypes = {\n title: PropTypes.string,\n className: PropTypes.string,\n description: PropTypes.string,\n};\n\nServiceForbiddenPlaceholder.defaultProps = {\n title: 'We are sorry...',\n description:\n 'The page you are trying to access has restricted access.\\nPlease refer to your system administrator',\n};\n\nexport default ServiceForbiddenPlaceholder;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './ServicePlaceholder.scss';\nimport noContent from 'images/no-content.png';\n\nconst ServiceNoContentPlaceholder = ({ title, description, onRepeat }) => (\n \n \n\n
\n {title}
\n{description}
\n\n
\n);\n\nServiceNoContentPlaceholder.propTypes = {\n title: PropTypes.string,\n onRepeat: PropTypes.func,\n description: PropTypes.string,\n};\n\nServiceNoContentPlaceholder.defaultProps = {\n title: 'Sad no result!',\n description:\n 'We cannot find some content you are searching for, maybe you need to change something?',\n};\n\nexport default ServiceNoContentPlaceholder;\n","import React, { memo } from 'react';\n\nimport './ServicePlaceholder.scss';\nimport unavailableImg from 'images/unavailable.gif';\n\nconst isShowURI = process.env.NODE_ENV === 'development';\n\nconst ServiceUnavailablePlaceholder = ({ title, status, msg, url }) => (\n \n {onRepeat && }\n\n 
\n\n
\n {title}
\n{description}
\n\n
\n);\n\nServiceUnavailablePlaceholder.defaultProps = {\n title: 'Service Unavailable',\n};\n\nexport default memo(ServiceUnavailablePlaceholder);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"minusMoney\":\"Field_minusMoney__3UTb3\",\"string\":\"Field_string__3ij-C\",\"datetime\":\"Field_datetime__2gT62\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"search\":\"Search_search__3Q-BZ\",\"icon\":\"Search_icon__2He--\",\"input\":\"Search_input__3iTQH\",\"cross\":\"Search_cross__2VZQV\",\"fadeIn\":\"Search_fadeIn__2Ne5Y\",\"fadeOutIn\":\"Search_fadeOutIn__3AWgZ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"body\":\"Body_body__3Lt37\",\"fixedHeader\":\"Body_fixedHeader__3_j6C\",\"expandedRow\":\"Body_expandedRow__W9MEh\",\"loading\":\"Body_loading__1omNC\",\"noContent\":\"Body_noContent__8b_Qt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"headerContainer\":\"Header_headerContainer__1EJYi\",\"header\":\"Header_header__1Uajr\",\"allWidth\":\"Header_allWidth__2s1U7\",\"children\":\"Header_children__1D5pJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"hideColumns\":\"HideColumns_hideColumns__2zCQ5\",\"columns\":\"HideColumns_columns__3NZs1\",\"column\":\"HideColumns_column__M8s-S\",\"cross\":\"HideColumns_cross__2u8DQ\",\"fadeIn\":\"HideColumns_fadeIn__3kyWg\",\"fadeOutIn\":\"HideColumns_fadeOutIn__2drrq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"showColumns\":\"ShowColumns_showColumns__1csHK\",\"columns\":\"ShowColumns_columns__1zWPd\",\"column\":\"ShowColumns_column__zxnPk\",\"active\":\"ShowColumns_active__WFZs8\"};","import React from 'react';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Styles from './Loading.module.scss';\n\nconst Loading = ({ isShow }) => {\n if (!isShow) return null;\n return (\n \n 
\n\n
\n {title}
\n\n {status}\n {isShowURI && -{url}}\n
\n{msg}
\n\n \n \n \n
\n );\n};\n\nLoading.propTypes = {\n isShow: PropTypes.bool,\n};\n\nexport default Loading;\n","export const GROUPS = 'GROUPS';\nexport const ACCOUNT = 'ACCOUNT';\nexport const OPTIONS = 'OPTIONS';\nexport const ACCOUNTS = 'ACCOUNTS';\nexport const MEMBER_OF = 'MEMBER_OF';\nexport const COMPARE_WITH = 'COMPARE_WITH';\n\nexport const REMOVE_GROUP = 'REMOVE_GROUP';\nexport const CHANGE_GROUP = 'CHANGE_GROUP';\nexport const CHANGE_COMPARE_WITH = 'CHANGE_COMPARE_WITH';\n\nexport const SET_ACCOUNTS = 'SET_ACCOUNTS';\nexport const USER_ACCOUNTS = 'USER_ACCOUNTS';\nexport const SAVE_ACCOUNTS = 'SAVE_ACCOUNTS';\nexport const MANAGER_GROUP = 'MANAGER_GROUP';\nexport const ERROR_ACCOUNTS = 'ERROR_ACCOUNTS';\nexport const LOADING_ACCOUNTS = 'LOADING_ACCOUNTS';\nexport const CHANGE_STATE_ACCOUNT = 'CHANGE_STATE_ACCOUNT';\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"content\":\"Popover_content__37uVX\",\"fadeInUp\":\"Popover_fadeInUp__11C9i\"};","import React, { Component } from 'react';\nimport { Alert as AlertBox } from 'react-bootstrap';\nimport PropTypes from 'prop-types';\n\nimport './Alert.scss';\n\nclass Alert extends Component {\n state = {\n isClose: false,\n };\n\n shouldComponentUpdate({ message }, nextState) {\n if (message !== this.props.message) {\n nextState.isClose = false;\n }\n return true;\n }\n\n handleClose = () => {\n const { close } = this.props;\n\n if (close) {\n close();\n }\n\n this.setState({\n isClose: true,\n });\n };\n\n render() {\n const { message, bsStyle, isShowCloseBtn } = this.props;\n const { isClose } = this.state;\n\n if (!message || isClose) return null;\n\n return (\n \n \n\n
\n );\n};\n\nInput.propTypes = {\n type: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n colBody: PropTypes.string,\n dataKey: PropTypes.string,\n colTitle: PropTypes.string,\n isValidate: PropTypes.bool,\n component: PropTypes.element,\n placeholder: PropTypes.string,\n handleOnChange: PropTypes.func,\n};\n\nInput.defaultProps = {\n type: 'text',\n className: null,\n placeholder: '',\n disabled: false,\n isValidate: true,\n colTitle: 'col-sm-3',\n colBody: 'col-sm-9 col-md-6',\n};\n\nexport default Input;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"c-loading\":\"Spinner_c-loading__2-2yK\",\"dot\":\"Spinner_dot__1y1kf\",\"moveit\":\"Spinner_moveit__E2fQB\",\"spinner\":\"Spinner_spinner__1Nh-g\",\"ballScaleRippleMultiple\":\"Spinner_ballScaleRippleMultiple__2l8uC\",\"roller\":\"Spinner_roller__2ELc6\",\"lds-roller\":\"Spinner_lds-roller__1kfMj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"cell\":\"Cell_cell__1CwIw\",\"field\":\"Cell_field__XLSXK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"button\":\"PlusButton_button__Z9hKn\",\"text\":\"PlusButton_text__co3dw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"doughnut\":\"DoughnutChart_doughnut__1fB1h\",\"total\":\"DoughnutChart_total__35cgg\",\"number\":\"DoughnutChart_number__28l_W\",\"container\":\"DoughnutChart_container__hdPvP\"};","export const USER = 'USER';\nexport const TOKEN = 'TOKEN';\nexport const ROLE = 'ROLE';\n\nexport const SET_USER = 'SET_USER';\nexport const ERROR_USER = 'ERROR_USER';\nexport const LOADING_SIGN_IN = 'LOADING_SIGN_IN';\nexport const REMOVE_ERROR_USER = 'REMOVE_ERROR_USER';\n\nexport const LOG_OUT = 'LOG_OUT';\nexport const ERROR_LOG_OUT = 'ERROR_LOG_OUT';\nexport const LOADING_LOG_OUT = 'LOADING_LOG_OUT';\n","export const SAVE_DATE = 'SAVE_DATE';\nexport const ERROR_DATE = 'ERROR_DATE';\nexport const FOCUS_DATE = 'FOCUS_DATE';\nexport const CLEAR_DATE = 'CLEAR_DATE';\nexport const CHANGE_DATE = 'CHANGE_DATE';\nexport const REMOVE_DATE = 'REMOVE_DATE';\nexport const ADD_NEW_DATE = 'ADD_NEW_DATE';\nexport const LOADING_DATE = 'LOADING_DATE';\nexport const SELECTED_DATE = 'SELECTED_DATE';\nexport const CONSTRAINTS_DATE = 'CONSTRAINTS_DATE';\nexport const REMOVE_ERROR_DATE = 'REMOVE_ERROR_DATE';\nexport const SET_CONSTRAINTS_DATE = 'SET_CONSTRAINTS_DATE';\n","import moment from 'moment';\nimport routes from 'Routes/routes';\nimport { isSameDay } from 'react-dates';\n\nexport const getPreviousWorkday = (constraintsDate) => {\n const workday = moment();\n const day = workday.day();\n let diff = 1;\n\n if (day === 0 || day === 1) {\n diff = day + 2;\n }\n\n const result = workday.subtract(diff, 'days');\n\n const { pathname } = window.location;\n const route = routes.find((route) => route.path === pathname);\n\n if (!route) {\n return result;\n }\n\n const date = findWorkDay(\n getDayBlocked(constraintsDate)(route.props && route.props.nameTable)\n );\n\n return date || result;\n};\n\nexport const getNextWorkDay = (date, blockedDays) => {\n for (let i = 0; i < 365; i++) {\n const day = moment(date).add(i, 'days');\n if (!blockedDays(day)) {\n return day;\n }\n }\n};\n\nexport const findWorkDay = (blockedDays) => {\n for (let i = 0; i < 365; i++) {\n const date = moment().add(-1 * i, 'days');\n\n if (!blockedDays(date)) {\n return date.utcOffset('+00:00', true);\n }\n }\n};\n\nconst getDates = (dates) =>\n dates.reduce(\n (p, { startDate, endDate }) => {\n p.endDate.push(moment(endDate).utc().endOf('day').unix());\n p.startDate.push(moment(startDate).utc().startOf('day').unix());\n return p;\n },\n { startDate: [], endDate: [] }\n );\n\nexport const getDatesWithUnixTime = (dates, moreDates) => {\n switch (moreDates) {\n case 'range':\n return getDates([dates[0]]);\n\n case 'ranges':\n return getDates(dates);\n\n default:\n return getDates([dates[0]]);\n }\n};\n\nexport const getDatesFromPath = () => {\n const result = [];\n const { search } = window.location;\n\n if (!search.startsWith('?')) {\n return result;\n }\n\n const endDate = new URLSearchParams(search).get('endDate');\n const startDate = new URLSearchParams(search).get('startDate');\n\n if (startDate) {\n startDate.split(',').forEach((day) => {\n result.push({\n endDate: null,\n focusedInput: null,\n startDate: moment.utc(Number(day), 'X'),\n });\n });\n }\n\n if (endDate) {\n endDate.split(',').forEach((day, index) => {\n if (index < result.length) {\n result[index].endDate = moment.utc(Number(day), 'X');\n } else {\n result.push({\n startDate: null,\n focusedInput: null,\n endDate: moment.utc(Number(day), 'X'),\n });\n }\n });\n }\n\n return result;\n};\n\nexport const getDatesFromLocalStorage = (key) => {\n const result = [];\n const datesFromLocal = localStorage.getItem(key);\n\n if (!datesFromLocal) {\n return result;\n }\n\n try {\n const dates = JSON.parse(datesFromLocal);\n const endDate = dates.map((d) => d.endDate);\n const startDate = dates.map((d) => d.startDate);\n\n if (startDate) {\n startDate.forEach((day) => {\n result.push({\n endDate: null,\n focusedInput: null,\n startDate: moment.utc(Number(day), 'X'),\n });\n });\n }\n\n if (endDate) {\n endDate.forEach((day, index) => {\n if (index < result.length) {\n result[index].endDate = moment.utc(Number(day), 'X');\n } else {\n result.push({\n startDate: null,\n focusedInput: null,\n endDate: moment.utc(Number(day), 'X'),\n });\n }\n });\n }\n } catch (e) {\n console.log(e);\n }\n\n return result;\n};\n\nexport const getDatesPath = (selected) => {\n let path = '';\n const dates = {};\n\n if (window.location.pathname !== '/total-by-period') {\n dates.endDate = [selected[0].endDate.unix()];\n dates.startDate = [selected[0].startDate.unix()];\n } else {\n dates.endDate = selected.map((date) => date.endDate.unix());\n dates.startDate = selected.map((date) => date.startDate.unix());\n }\n path += `&endDate=${dates.endDate.join(',')}`;\n path += `&startDate=${dates.startDate.join(',')}`;\n\n return path;\n};\n\nexport const setDatesToPath = (selected) => {\n const path = getDatesPath(selected);\n const { href } = window.location;\n\n window.history.replaceState(\n null,\n '',\n `${href.includes('?') ? href + path : `${href}?${path.substring(1)}`}`\n );\n};\n\nconst maxDayByPage = {\n open_positions: ({ maxDatePosition }) => moment.unix(maxDatePosition),\n accounts_hi_low: () => moment(),\n positions_hi_low: () => moment(),\n top_net: () => moment().subtract(1, 'days'),\n};\n\nconst isHoliday = ({ holidays, date }) =>\n Array.isArray(holidays) &&\n holidays.some((holiday) => isSameDay(holiday, date));\nexport const getDayHighlighted = (holidays) => (date) =>\n isHoliday({ holidays, date });\n\nexport const getDayBlocked =\n ({ holidays, maxDate, minDate, ...others }) =>\n (page) =>\n (date) => {\n const dayWeek = date.day();\n const dayMonth = date.date();\n const maxMomentTime =\n (maxDayByPage[page] && maxDayByPage[page](others)) || moment(maxDate);\n\n const lastMonthDay = moment(date).endOf('month').date();\n const isOutMaxDate = maxMomentTime.startOf('day').diff(date, 'days') < 0;\n const isOutMinDate =\n moment.unix(minDate).startOf(dayWeek).diff(date, 'days') >= 0;\n\n if (\n (dayMonth === 1 || dayMonth === lastMonthDay) &&\n !(isOutMinDate || isOutMaxDate)\n ) {\n return false;\n }\n\n return (\n dayWeek === 0 || // Monday\n dayWeek === 6 || // Sunday\n isOutMinDate ||\n isOutMaxDate ||\n isHoliday({ holidays, date }) // Holidays from backend\n );\n };\n\nexport const compareDates = (firstDate, secondDate) =>\n firstDate.year() === secondDate.year() &&\n firstDate.month() === secondDate.month() &&\n firstDate.date() === secondDate.date();\n","const re =\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\nclass Validate {\n static email(val) {\n return re.test(val);\n }\n\n static password(pass, repeatPass) {\n return [\n {\n ok: /[a-z]/.test(pass),\n message: 'Password should contain a small (lowercase) letter',\n },\n {\n ok: /[A-Z]/.test(pass),\n message: 'Password should contain a capital (uppercase) letter',\n },\n {\n ok: /[0-9]/.test(pass),\n message: 'Password should be alphanumeric',\n },\n {\n ok: /[!@#$%^&*=]/.test(pass),\n message:\n 'Password must contain a special character (!, @, #, $, %, ^, &, *, =)',\n },\n {\n ok: pass.length > 7,\n message: 'Password length must be greater than 8 characters',\n },\n {\n ok: pass.length > 7 && pass === repeatPass,\n message: 'Passwords match',\n },\n ];\n }\n\n static repeatPassword(val, pass) {\n return val === pass;\n }\n\n static name(val) {\n return val.length > 2;\n }\n\n static username(val) {\n return val.length > 2;\n }\n\n static account(val) {\n return val.length === 0 || (!isNaN(Number(val)) && val.length > 2);\n }\n\n static displayName(val) {\n return val.length > 2;\n }\n\n static memberOf(val) {\n return val.length > 2;\n }\n}\n\nexport default Validate;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"red\":\"#f66d6e\",\"green\":\"#4caf50\",\"blue\":\"#2196f3\",\"purple\":\"#cb80fc\",\"orange\":\"#fdc02f\",\"c-loading\":\"Loading_c-loading__2LRbF\",\"dot\":\"Loading_dot__2T0vQ\",\"moveit\":\"Loading_moveit__12ffo\",\"spinner\":\"Loading_spinner__cJ2x9\",\"ballScaleRippleMultiple\":\"Loading_ballScaleRippleMultiple__18Cm0\"};","module.exports = __webpack_public_path__ + \"static/media/error.a8016321.png\";","import { useMemo } from 'react';\n\nimport applyCaseMiddleware from 'axios-case-converter';\nimport axiosInstance, { AxiosPromise, AxiosRequestConfig } from 'axios';\nimport {\n Options,\n makeUseAxios,\n ResponseValues,\n RefetchOptions,\n} from 'axios-hooks';\n\nconst { REACT_APP_API_ENDPOINT } = process.env;\n\nexport const axios = applyCaseMiddleware(\n axiosInstance.create({\n timeout: 60000,\n baseURL: REACT_APP_API_ENDPOINT,\n }),\n {\n preservedKeys: (input: string) =>\n input.includes('-') || input.includes(' '),\n caseFunctions: {\n // overrides change-case to only replace words like `one_two`\n camel: (input: string) =>\n input.replace(/([_][a-z])/gi, ($1) =>\n $1.toUpperCase().replace('_', '')\n ),\n },\n }\n);\n\naxios.interceptors.response.use((response) => {\n if (response.status === 204) {\n return {\n ...response,\n data: undefined,\n };\n }\n\n return response;\n});\n\nexport const useAxiosDefault = makeUseAxios({\n axios,\n cache: false,\n});\n\n// recall requests when changed language\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useAxios = \n {Component || (\n
\n