lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: stop using alias imports

Browse source
This commit is contained in:
Rafael Taranto 2025-05-13 07:30:38 +01:00
parent ad7a2eac4e
commit b48c590bc8
243 changed files with 1061 additions and 1080 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/admin-ui/src/App.jsx
View file

@ -2,10 +2,10 @@ import CssBaseline from '@mui/material/CssBaseline'
import { ThemeProvider, StyledEngineProvider } from '@mui/material/styles' import { ThemeProvider, StyledEngineProvider } from '@mui/material/styles'
import React, { useState } from 'react' import React, { useState } from 'react'
import { BrowserRouter as Router } from 'react-router-dom' import { BrowserRouter as Router } from 'react-router-dom'
import ApolloProvider from 'src/utils/apollo' import ApolloProvider from './utils/apollo'
import AppContext from 'src/AppContext' import AppContext from './AppContext'
import theme from 'src/styling/theme' import theme from './styling/theme'
import Main from './Main' import Main from './Main'
import './styling/global/global.css' import './styling/global/global.css'

4
packages/admin-ui/src/components/Carousel.jsx
View file

@ -1,7 +1,7 @@
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import styles from './Carousel.module.css' import styles from './Carousel.module.css'
import LeftArrow from 'src/styling/icons/arrow/carousel-left-arrow.svg?react' import LeftArrow from '../styling/icons/arrow/carousel-left-arrow.svg?react'
import RightArrow from 'src/styling/icons/arrow/carousel-right-arrow.svg?react' import RightArrow from '../styling/icons/arrow/carousel-right-arrow.svg?react'
export const Carousel = memo(({ photosData, slidePhoto }) => { export const Carousel = memo(({ photosData, slidePhoto }) => {
const [activeIndex, setActiveIndex] = useState(0) const [activeIndex, setActiveIndex] = useState(0)

8
packages/admin-ui/src/components/ConfirmDialog.jsx
View file

@ -4,11 +4,11 @@ import DialogContent from '@mui/material/DialogContent'
import IconButton from '@mui/material/IconButton' import IconButton from '@mui/material/IconButton'
import InputLabel from '@mui/material/InputLabel' import InputLabel from '@mui/material/InputLabel'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { H4, P } from 'src/components/typography' import { H4, P } from './typography'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
import { Button } from 'src/components/buttons' import { Button } from './buttons'
import { TextInput } from 'src/components/inputs' import { TextInput } from './inputs'
import ErrorMessage from './ErrorMessage' import ErrorMessage from './ErrorMessage'
import SvgIcon from '@mui/material/SvgIcon' import SvgIcon from '@mui/material/SvgIcon'

6
packages/admin-ui/src/components/CopyToClipboard.jsx
View file

@ -2,10 +2,10 @@ import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard' import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard'
import Popover from 'src/components/Popper.jsx' import Popover from './Popper.jsx'
import CopyIcon from 'src/styling/icons/action/copy/copy.svg?react' import CopyIcon from '../styling/icons/action/copy/copy.svg?react'
import { comet } from 'src/styling/variables.js' import { comet } from '../styling/variables.js'
import { Label1, Mono } from './typography/index.jsx' import { Label1, Mono } from './typography/index.jsx'

6
packages/admin-ui/src/components/DeleteDialog.jsx
View file

@ -3,10 +3,10 @@ import DialogActions from '@mui/material/DialogActions'
import DialogContent from '@mui/material/DialogContent' import DialogContent from '@mui/material/DialogContent'
import IconButton from '@mui/material/IconButton' import IconButton from '@mui/material/IconButton'
import React from 'react' import React from 'react'
import { H4, P } from 'src/components/typography' import { H4, P } from './typography'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
import { Button } from 'src/components/buttons' import { Button } from './buttons'
import ErrorMessage from './ErrorMessage' import ErrorMessage from './ErrorMessage'
import SvgIcon from '@mui/material/SvgIcon' import SvgIcon from '@mui/material/SvgIcon'

2
packages/admin-ui/src/components/ErrorMessage.jsx
View file

@ -1,6 +1,6 @@
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import ErrorIcon from 'src/styling/icons/warning-icon/tomato.svg?react' import ErrorIcon from '../styling/icons/warning-icon/tomato.svg?react'
import { Info3 } from './typography' import { Info3 } from './typography'

8
packages/admin-ui/src/components/ImagePopper.jsx
View file

@ -1,11 +1,11 @@
import ClickAwayListener from '@mui/material/ClickAwayListener' import ClickAwayListener from '@mui/material/ClickAwayListener'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import Popper from 'src/components/Popper' import Popper from './Popper'
import ZoomIconInverse from 'src/styling/icons/circle buttons/search/white.svg?react' import ZoomIconInverse from '../styling/icons/circle buttons/search/white.svg?react'
import ZoomIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react' import ZoomIcon from '../styling/icons/circle buttons/search/zodiac.svg?react'
import { FeatureButton } from 'src/components/buttons' import { FeatureButton } from './buttons'
const ImagePopper = memo( const ImagePopper = memo(
({ className, width, height, popupWidth, popupHeight, src }) => { ({ className, width, height, popupWidth, popupHeight, src }) => {

4
packages/admin-ui/src/components/InformativeDialog.jsx
View file

@ -3,8 +3,8 @@ import DialogContent from '@mui/material/DialogContent'
import SvgIcon from '@mui/material/SvgIcon' import SvgIcon from '@mui/material/SvgIcon'
import IconButton from '@mui/material/IconButton' import IconButton from '@mui/material/IconButton'
import React, { memo } from 'react' import React, { memo } from 'react'
import { H1 } from 'src/components/typography' import { H1 } from './typography'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
export const InformativeDialog = memo( export const InformativeDialog = memo(
({ title = '', open, onDissmised, data, ...props }) => { ({ title = '', open, onDissmised, data, ...props }) => {

10
packages/admin-ui/src/components/LogsDownloaderPopper.jsx
View file

@ -5,12 +5,12 @@ import { format, set } from 'date-fns/fp'
import FileSaver from 'file-saver' import FileSaver from 'file-saver'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useCallback } from 'react' import React, { useState, useCallback } from 'react'
import Arrow from 'src/styling/icons/arrow/download_logs.svg?react' import Arrow from '../styling/icons/arrow/download_logs.svg?react'
import DownloadInverseIcon from 'src/styling/icons/button/download/white.svg?react' import DownloadInverseIcon from '../styling/icons/button/download/white.svg?react'
import Download from 'src/styling/icons/button/download/zodiac.svg?react' import Download from '../styling/icons/button/download/zodiac.svg?react'
import { FeatureButton, Link } from 'src/components/buttons' import { FeatureButton, Link } from './buttons'
import { formatDate } from 'src/utils/timezones' import { formatDate } from '../utils/timezones'
import Popper from './Popper' import Popper from './Popper'
import DateRangePicker from './date-range-picker/DateRangePicker' import DateRangePicker from './date-range-picker/DateRangePicker'

4
packages/admin-ui/src/components/Modal.jsx
View file

@ -4,8 +4,8 @@ import SvgIcon from '@mui/material/SvgIcon'
import Paper from '@mui/material/Paper' import Paper from '@mui/material/Paper'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import { H1, H4 } from 'src/components/typography' import { H1, H4 } from './typography'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
const Modal = ({ const Modal = ({
width, width,

12
packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
View file

@ -1,12 +1,12 @@
import { useQuery, useMutation, gql } from '@apollo/client' import { useQuery, useMutation, gql } from '@apollo/client'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import ActionButton from 'src/components/buttons/ActionButton' import ActionButton from '../buttons/ActionButton'
import { H5 } from 'src/components/typography' import { H5 } from '../typography'
import NotificationIconZodiac from 'src/styling/icons/menu/notification-zodiac.svg?react' import NotificationIconZodiac from '../../styling/icons/menu/notification-zodiac.svg?react'
import ClearAllIconInverse from 'src/styling/icons/stage/spring/empty.svg?react' import ClearAllIconInverse from '../../styling/icons/stage/spring/empty.svg?react'
import ClearAllIcon from 'src/styling/icons/stage/zodiac/empty.svg?react' import ClearAllIcon from '../../styling/icons/stage/zodiac/empty.svg?react'
import ShowUnreadIcon from 'src/styling/icons/stage/zodiac/full.svg?react' import ShowUnreadIcon from '../../styling/icons/stage/zodiac/full.svg?react'
import NotificationRow from './NotificationRow' import NotificationRow from './NotificationRow'
import classes from './NotificationCenter.module.css' import classes from './NotificationCenter.module.css'

8
packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
View file

@ -2,10 +2,10 @@ import classnames from 'classnames'
import prettyMs from 'pretty-ms' import prettyMs from 'pretty-ms'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { Label1, Label2, TL2 } from 'src/components/typography' import { Label1, Label2, TL2 } from '../typography'
import Wrench from 'src/styling/icons/action/wrench/zodiac.svg?react' import Wrench from '../../styling/icons/action/wrench/zodiac.svg?react'
import Transaction from 'src/styling/icons/arrow/transaction.svg?react' import Transaction from '../../styling/icons/arrow/transaction.svg?react'
import WarningIcon from 'src/styling/icons/warning-icon/tomato.svg?react' import WarningIcon from '../../styling/icons/warning-icon/tomato.svg?react'
import classes from './NotificationCenter.module.css' import classes from './NotificationCenter.module.css'

2
packages/admin-ui/src/components/Popper.jsx
View file

@ -4,7 +4,7 @@ import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { white } from 'src/styling/variables' import { white } from '../styling/variables'
import classes from './Popper.module.css' import classes from './Popper.module.css'
const Popover = ({ children, bgColor = white, className, ...props }) => { const Popover = ({ children, bgColor = white, className, ...props }) => {

4
packages/admin-ui/src/components/SearchBox.jsx
View file

@ -3,8 +3,8 @@ import Paper from '@mui/material/Paper'
import MAutocomplete from '@mui/material/Autocomplete' import MAutocomplete from '@mui/material/Autocomplete'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { P } from 'src/components/typography' import { P } from './typography'
import SearchIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react' import SearchIcon from '../styling/icons/circle buttons/search/zodiac.svg?react'
const SearchBox = memo( const SearchBox = memo(
({ ({

12
packages/admin-ui/src/components/SearchFilter.jsx
View file

@ -1,12 +1,12 @@
import Chip from '@mui/material/Chip' import Chip from '@mui/material/Chip'
import React from 'react' import React from 'react'
import { P, Label3 } from 'src/components/typography' import { P, Label3 } from './typography'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
import FilterIcon from 'src/styling/icons/button/filter/white.svg?react' import FilterIcon from '../styling/icons/button/filter/white.svg?react'
import ReverseFilterIcon from 'src/styling/icons/button/filter/zodiac.svg?react' import ReverseFilterIcon from '../styling/icons/button/filter/zodiac.svg?react'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from './buttons'
import { onlyFirstToUpper, singularOrPlural } from 'src/utils/string' import { onlyFirstToUpper, singularOrPlural } from '../utils/string'
const SearchFilter = ({ const SearchFilter = ({
filters, filters,

12
packages/admin-ui/src/components/Stepper.jsx
View file

@ -1,12 +1,12 @@
import classnames from 'classnames' import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react' import CompleteStageIconSpring from '../styling/icons/stage/spring/complete.svg?react'
import CurrentStageIconSpring from 'src/styling/icons/stage/spring/current.svg?react' import CurrentStageIconSpring from '../styling/icons/stage/spring/current.svg?react'
import EmptyStageIconSpring from 'src/styling/icons/stage/spring/empty.svg?react' import EmptyStageIconSpring from '../styling/icons/stage/spring/empty.svg?react'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react' import CompleteStageIconZodiac from '../styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react' import CurrentStageIconZodiac from '../styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react' import EmptyStageIconZodiac from '../styling/icons/stage/zodiac/empty.svg?react'
import classes from './Stepper.module.css' import classes from './Stepper.module.css'

4
packages/admin-ui/src/components/Tooltip.jsx
View file

@ -1,8 +1,8 @@
import ClickAwayListener from '@mui/material/ClickAwayListener' import ClickAwayListener from '@mui/material/ClickAwayListener'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import Popper from 'src/components/Popper' import Popper from './Popper'
import HelpIcon from 'src/styling/icons/action/help/zodiac.svg?react' import HelpIcon from '../styling/icons/action/help/zodiac.svg?react'
const usePopperHandler = () => { const usePopperHandler = () => {
const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null) const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null)

18
packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
View file

@ -2,17 +2,17 @@ import IconButton from '@mui/material/IconButton'
import { useFormikContext, Form, Formik, Field as FormikField } from 'formik' import { useFormikContext, Form, Formik, Field as FormikField } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import PromptWhenDirty from 'src/components/PromptWhenDirty' import PromptWhenDirty from '../PromptWhenDirty'
import { H4 } from 'src/components/typography' import { H4 } from '../typography'
import EditIconDisabled from 'src/styling/icons/action/edit/disabled.svg?react' import EditIconDisabled from '../../styling/icons/action/edit/disabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react' import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
import FalseIcon from 'src/styling/icons/table/false.svg?react' import FalseIcon from '../../styling/icons/table/false.svg?react'
import TrueIcon from 'src/styling/icons/table/true.svg?react' import TrueIcon from '../../styling/icons/table/true.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Link } from 'src/components/buttons' import { Link } from '../buttons'
import { RadioGroup } from 'src/components/inputs/formik' import { RadioGroup } from '../inputs/formik'
import { Table, TableBody, TableRow, TableCell } from 'src/components/table' import { Table, TableBody, TableRow, TableCell } from '../table'
import SvgIcon from '@mui/material/SvgIcon' import SvgIcon from '@mui/material/SvgIcon'
const BooleanCell = ({ name }) => { const BooleanCell = ({ name }) => {

2
packages/admin-ui/src/components/buttons/AddButton.jsx
View file

@ -1,6 +1,6 @@
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo } from 'react' import React, { memo } from 'react'
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react' import AddIcon from '../../styling/icons/button/add/zodiac.svg?react'
import classes from './AddButton.module.css' import classes from './AddButton.module.css'

2
packages/admin-ui/src/components/buttons/BaseButton.styles.js
View file

@ -5,7 +5,7 @@ import {
subheaderDarkColor, subheaderDarkColor,
offColor, offColor,
offDarkColor, offDarkColor,
} from 'src/styling/variables' } from '../../styling/variables'
const colors = (color1, color2, color3) => { const colors = (color1, color2, color3) => {
return { return {

2
packages/admin-ui/src/components/buttons/IDButton.jsx
View file

@ -1,7 +1,7 @@
import ClickAwayListener from '@mui/material/ClickAwayListener' import ClickAwayListener from '@mui/material/ClickAwayListener'
import classnames from 'classnames' import classnames from 'classnames'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import Popover from 'src/components/Popper' import Popover from '../Popper'
import classes from './IDButton.module.css' import classes from './IDButton.module.css'

4
packages/admin-ui/src/components/buttons/SubpageButton.jsx
View file

@ -1,7 +1,7 @@
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { H4 } from 'src/components/typography' import { H4 } from '../typography'
import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react' import CancelIconInverse from '../../styling/icons/button/cancel/white.svg?react'
import classes from './SubpageButton.module.css' import classes from './SubpageButton.module.css'

4
packages/admin-ui/src/components/buttons/SubpageButton.styles.js
View file

@ -1,5 +1,5 @@
import baseButtonStyles from 'src/components/buttons/BaseButton.styles' import baseButtonStyles from './BaseButton.styles'
import { offColor, white } from 'src/styling/variables' import { offColor, white } from '../../styling/variables'
const { baseButton } = baseButtonStyles const { baseButton } = baseButtonStyles

6
packages/admin-ui/src/components/buttons/SupportLinkButton.jsx
View file

@ -1,8 +1,8 @@
import React from 'react' import React from 'react'
import InverseLinkIcon from 'src/styling/icons/action/external link/white.svg?react' import InverseLinkIcon from '../../styling/icons/action/external link/white.svg?react'
import LinkIcon from 'src/styling/icons/action/external link/zodiac.svg?react' import LinkIcon from '../../styling/icons/action/external link/zodiac.svg?react'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from './'
const SupportLinkButton = ({ link, label }) => { const SupportLinkButton = ({ link, label }) => {
return ( return (

4
packages/admin-ui/src/components/date-range-picker/Calendar.jsx
View file

@ -14,8 +14,8 @@ import {
} from 'date-fns/fp' } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import Arrow from 'src/styling/icons/arrow/month_change.svg?react' import Arrow from '../../styling/icons/arrow/month_change.svg?react'
import RightArrow from 'src/styling/icons/arrow/month_change_right.svg?react' import RightArrow from '../../styling/icons/arrow/month_change_right.svg?react'
import Tile from './Tile' import Tile from './Tile'
import classes from './Calendar.module.css' import classes from './Calendar.module.css'

9
packages/admin-ui/src/components/editableTable/Header.jsx
View file

@ -1,14 +1,9 @@
import classnames from 'classnames' import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useContext } from 'react' import React, { useContext } from 'react'
import { import { Td, THead, TDoubleLevelHead, ThDoubleLevel } from '../fake-table/Table'
Td,
THead,
TDoubleLevelHead,
ThDoubleLevel,
} from 'src/components/fake-table/Table'
import { sentenceCase } from 'src/utils/string' import { sentenceCase } from '../../utils/string'
import TableCtx from './Context' import TableCtx from './Context'

2
packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
View file

@ -1,7 +1,7 @@
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { fromNamespace, toNamespace } from 'src/utils/config' import { fromNamespace, toNamespace } from '../../utils/config'
import EditableTable from './Table' import EditableTable from './Table'

18
packages/admin-ui/src/components/editableTable/Row.jsx
View file

@ -5,16 +5,16 @@ import classnames from 'classnames'
import { Field, useFormikContext } from 'formik' import { Field, useFormikContext } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useContext, useState } from 'react' import React, { useContext, useState } from 'react'
import { DeleteDialog } from 'src/components/DeleteDialog' import { DeleteDialog } from '../DeleteDialog'
import { Td, Tr } from 'src/components/fake-table/Table' import { Td, Tr } from '../fake-table/Table'
import { Label2 } from 'src/components/typography' import { Label2 } from '../typography'
import DisabledDeleteIcon from 'src/styling/icons/action/delete/disabled.svg?react' import DisabledDeleteIcon from '../../styling/icons/action/delete/disabled.svg?react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react' import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
import DisabledEditIcon from 'src/styling/icons/action/edit/disabled.svg?react' import DisabledEditIcon from '../../styling/icons/action/edit/disabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react' import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
import StripesSvg from 'src/styling/icons/stripes.svg?react' import StripesSvg from '../../styling/icons/stripes.svg?react'
import { Link } from 'src/components/buttons' import { Link } from '../buttons'
import TableCtx from './Context' import TableCtx from './Context'
import moduleStyles from './Row.module.css' import moduleStyles from './Row.module.css'

10
packages/admin-ui/src/components/editableTable/Table.jsx
View file

@ -1,13 +1,13 @@
import { Form, Formik } from 'formik' import { Form, Formik } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import PromptWhenDirty from 'src/components/PromptWhenDirty' import PromptWhenDirty from '../PromptWhenDirty'
import Link from 'src/components/buttons/Link' import Link from '../buttons/Link'
import { TBody, Table } from 'src/components/fake-table/Table' import { TBody, Table } from '../fake-table/Table'
import { Info2, TL1 } from 'src/components/typography' import { Info2, TL1 } from '../typography'
import { v4 as uuidv4 } from 'uuid' import { v4 as uuidv4 } from 'uuid'
import { AddButton } from 'src/components/buttons/index' import { AddButton } from '../buttons/index'
import TableCtx from './Context' import TableCtx from './Context'
import Header from './Header' import Header from './Header'

2
packages/admin-ui/src/components/fake-table/Table.jsx
View file

@ -3,7 +3,7 @@ import CardContent from '@mui/material/CardContent'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import { Link } from 'src/components/buttons' import { Link } from '../buttons'
import styles from './Table.module.css' import styles from './Table.module.css'
const Table = ({ children, className, ...props }) => ( const Table = ({ children, className, ...props }) => (

4
packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
View file

@ -3,8 +3,8 @@ import classnames from 'classnames'
import sort from 'match-sorter' import sort from 'match-sorter'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { HoverableTooltip } from 'src/components/Tooltip' import { HoverableTooltip } from '../../Tooltip'
import { P } from 'src/components/typography' import { P } from '../../typography'
import TextInput from './TextInput' import TextInput from './TextInput'

6
packages/admin-ui/src/components/inputs/base/Checkbox.jsx
View file

@ -2,10 +2,10 @@ import Checkbox from '@mui/material/Checkbox'
import CheckBoxIcon from '@mui/icons-material/CheckBox' import CheckBoxIcon from '@mui/icons-material/CheckBox'
import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank' import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank'
import React from 'react' import React from 'react'
import { Label2, Info3 } from 'src/components/typography' import { Label2, Info3 } from '../../typography'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react' import WarningIcon from '../../../styling/icons/warning-icon/comet.svg?react'
import { fontSize2, fontSize3 } from 'src/styling/variables' import { fontSize2, fontSize3 } from '../../../styling/variables'
const CheckboxInput = ({ name, onChange, value, settings, ...props }) => { const CheckboxInput = ({ name, onChange, value, settings, ...props }) => {
const { enabled, label, disabledMessage, rightSideLabel } = settings const { enabled, label, disabledMessage, rightSideLabel } = settings

2
packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
View file

@ -3,7 +3,7 @@ import MRadioGroup from '@mui/material/RadioGroup'
import FormControlLabel from '@mui/material/FormControlLabel' import FormControlLabel from '@mui/material/FormControlLabel'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import { Label1 } from 'src/components/typography' import { Label1 } from '../../typography'
const RadioGroup = ({ const RadioGroup = ({
name, name,

2
packages/admin-ui/src/components/inputs/base/Select.jsx
View file

@ -2,7 +2,7 @@ import classnames from 'classnames'
import { useSelect } from 'downshift' import { useSelect } from 'downshift'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import Arrowdown from 'src/styling/icons/action/arrow/regular.svg?react' import Arrowdown from '../../../styling/icons/action/arrow/regular.svg?react'
import styles from './Select.module.css' import styles from './Select.module.css'

2
packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
View file

@ -1,7 +1,7 @@
import MUIToggleButtonGroup from '@mui/material/ToggleButtonGroup' import MUIToggleButtonGroup from '@mui/material/ToggleButtonGroup'
import ToggleButton from '@mui/material/ToggleButton' import ToggleButton from '@mui/material/ToggleButton'
import React from 'react' import React from 'react'
import { H4, P } from 'src/components/typography' import { H4, P } from '../../typography'
const ToggleButtonGroup = ({ const ToggleButtonGroup = ({
name, name,

4
packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
View file

@ -1,9 +1,9 @@
import Chip from '@mui/material/Chip' import Chip from '@mui/material/Chip'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import { Info2, Label1, Label2 } from 'src/components/typography' import { Info2, Label1, Label2 } from '../../typography'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from '../../../utils/number'
import classes from './Cashbox.module.css' import classes from './Cashbox.module.css'
import { primaryColor as zodiac, tomato } from '../../../styling/variables.js' import { primaryColor as zodiac, tomato } from '../../../styling/variables.js'

2
packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
View file

@ -1,6 +1,6 @@
import classNames from 'classnames' import classNames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { CashOut } from 'src/components/inputs/cashbox/Cashbox' import { CashOut } from '../cashbox/Cashbox'
import { NumberInput } from '../base' import { NumberInput } from '../base'

16
packages/admin-ui/src/components/layout/Header.jsx
View file

@ -5,15 +5,15 @@ import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState, useEffect, useRef } from 'react' import React, { memo, useState, useEffect, useRef } from 'react'
import { NavLink, useHistory } from 'react-router-dom' import { NavLink, useHistory } from 'react-router-dom'
import ActionButton from 'src/components/buttons/ActionButton' import ActionButton from '../buttons/ActionButton'
import { H4 } from 'src/components/typography' import { H4 } from '../typography'
import AddIconReverse from 'src/styling/icons/button/add/white.svg?react' import AddIconReverse from '../../styling/icons/button/add/white.svg?react'
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react' import AddIcon from '../../styling/icons/button/add/zodiac.svg?react'
import Logo from 'src/styling/icons/menu/logo.svg?react' import Logo from '../../styling/icons/menu/logo.svg?react'
import NotificationIcon from 'src/styling/icons/menu/notification.svg?react' import NotificationIcon from '../../styling/icons/menu/notification.svg?react'
import NotificationCenter from 'src/components/NotificationCenter' import NotificationCenter from '../NotificationCenter'
import AddMachine from 'src/pages/AddMachine' import AddMachine from '../../pages/AddMachine'
import styles from './Header.module.css' import styles from './Header.module.css'

4
packages/admin-ui/src/components/layout/Section.jsx
View file

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../ErrorMessage'
import Subtitle from 'src/components/Subtitle' import Subtitle from '../Subtitle'
const Section = ({ error, children, title }) => { const Section = ({ error, children, title }) => {
return ( return (

8
packages/admin-ui/src/components/layout/Sidebar.jsx
View file

@ -1,9 +1,9 @@
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import { P } from 'src/components/typography' import { P } from '../typography'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react' import CompleteStageIconZodiac from '../../styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react' import CurrentStageIconZodiac from '../../styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react' import EmptyStageIconZodiac from '../../styling/icons/stage/zodiac/empty.svg?react'
import styles from './Sidebar.module.css' import styles from './Sidebar.module.css'

8
packages/admin-ui/src/components/layout/TitleSection.jsx
View file

@ -1,11 +1,11 @@
import classnames from 'classnames' import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../ErrorMessage'
import Title from 'src/components/Title' import Title from '../Title'
import { Info1, Label1 } from 'src/components/typography' import { Info1, Label1 } from '../typography'
import { SubpageButton } from 'src/components/buttons' import { SubpageButton } from '../buttons'
const TitleSection = ({ const TitleSection = ({
className, className,

6
packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
View file

@ -2,10 +2,10 @@ import { useLazyQuery, useQuery, gql } from '@apollo/client'
import { subMinutes } from 'date-fns' import { subMinutes } from 'date-fns'
import FileSaver from 'file-saver' import FileSaver from 'file-saver'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import Modal from 'src/components/Modal' import Modal from '../Modal'
import { H3, P } from 'src/components/typography' import { H3, P } from '../typography'
import { Button } from 'src/components/buttons' import { Button } from '../buttons'
const STATES = { const STATES = {
INITIAL: 'INITIAL', INITIAL: 'INITIAL',

22
packages/admin-ui/src/components/machineActions/MachineActions.jsx
View file

@ -1,16 +1,16 @@
import { useMutation, useLazyQuery, gql } from '@apollo/client' import { useMutation, useLazyQuery, gql } from '@apollo/client'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { ConfirmDialog } from 'src/components/ConfirmDialog' import { ConfirmDialog } from '../ConfirmDialog'
import ActionButton from 'src/components/buttons/ActionButton' import ActionButton from '../buttons/ActionButton'
import { H3 } from 'src/components/typography' import { H3 } from '../typography'
import EditReversedIcon from 'src/styling/icons/button/edit/white.svg?react' import EditReversedIcon from '../../styling/icons/button/edit/white.svg?react'
import EditIcon from 'src/styling/icons/button/edit/zodiac.svg?react' import EditIcon from '../../styling/icons/button/edit/zodiac.svg?react'
import RebootReversedIcon from 'src/styling/icons/button/reboot/white.svg?react' import RebootReversedIcon from '../../styling/icons/button/reboot/white.svg?react'
import RebootIcon from 'src/styling/icons/button/reboot/zodiac.svg?react' import RebootIcon from '../../styling/icons/button/reboot/zodiac.svg?react'
import ShutdownReversedIcon from 'src/styling/icons/button/shut down/white.svg?react' import ShutdownReversedIcon from '../../styling/icons/button/shut down/white.svg?react'
import ShutdownIcon from 'src/styling/icons/button/shut down/zodiac.svg?react' import ShutdownIcon from '../../styling/icons/button/shut down/zodiac.svg?react'
import UnpairReversedIcon from 'src/styling/icons/button/unpair/white.svg?react' import UnpairReversedIcon from '../../styling/icons/button/unpair/white.svg?react'
import UnpairIcon from 'src/styling/icons/button/unpair/zodiac.svg?react' import UnpairIcon from '../../styling/icons/button/unpair/zodiac.svg?react'
import DiagnosticsModal from './DiagnosticsModal' import DiagnosticsModal from './DiagnosticsModal'

11
packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
View file

@ -1,15 +1,8 @@
import IconButton from '@mui/material/IconButton' import IconButton from '@mui/material/IconButton'
import SvgIcon from '@mui/material/SvgIcon' import SvgIcon from '@mui/material/SvgIcon'
import React from 'react' import React from 'react'
import { import { Table, THead, TBody, Td, Th, Tr } from '../fake-table/Table'
Table, import EditIcon from '../../styling/icons/action/edit/white.svg?react'
THead,
TBody,
Td,
Th,
Tr,
} from 'src/components/fake-table/Table'
import EditIcon from 'src/styling/icons/action/edit/white.svg?react'
import { Label1, P } from '../typography/index.jsx' import { Label1, P } from '../typography/index.jsx'

4
packages/admin-ui/src/components/table/EditCell.jsx
View file

@ -1,7 +1,7 @@
import React, { memo } from 'react' import React, { memo } from 'react'
import { Link } from 'src/components/buttons' import { Link } from '../buttons'
import { TableCell as Td } from 'src/components/table' import { TableCell as Td } from './'
const EditCell = memo(({ save, cancel }) => ( const EditCell = memo(({ save, cancel }) => (
<Td> <Td>

4
packages/admin-ui/src/components/table/EmptyTable.jsx
View file

@ -1,7 +1,7 @@
import classNames from 'classnames' import classNames from 'classnames'
import React, { memo } from 'react' import React, { memo } from 'react'
import { H4 } from 'src/components/typography' import { H4 } from '../typography'
import EmptyTableIcon from 'src/styling/icons/table/empty-table.svg?react' import EmptyTableIcon from '../../styling/icons/table/empty-table.svg?react'
const EmptyTable = memo(({ message, className }) => { const EmptyTable = memo(({ message, className }) => {
return ( return (

17
packages/admin-ui/src/components/tables/DataTable.jsx
View file

@ -7,19 +7,12 @@ import {
CellMeasurer, CellMeasurer,
CellMeasurerCache, CellMeasurerCache,
} from 'react-virtualized' } from 'react-virtualized'
import { import { Table, TBody, THead, Tr, Td, Th } from '../fake-table/Table'
Table, import { H4 } from '../typography'
TBody, import ExpandClosedIcon from '../../styling/icons/action/expand/closed.svg?react'
THead, import ExpandOpenIcon from '../../styling/icons/action/expand/open.svg?react'
Tr,
Td,
Th,
} from 'src/components/fake-table/Table'
import { H4 } from 'src/components/typography'
import ExpandClosedIcon from 'src/styling/icons/action/expand/closed.svg?react'
import ExpandOpenIcon from 'src/styling/icons/action/expand/open.svg?react'
import { EmptyTable } from 'src/components/table' import { EmptyTable } from '../table'
const Row = ({ const Row = ({
id, id,

2
packages/admin-ui/src/components/typography/styles.js
View file

@ -8,7 +8,7 @@ import {
fontPrimary, fontPrimary,
fontSecondary, fontSecondary,
fontMonospaced, fontMonospaced,
} from 'src/styling/variables' } from '../../styling/variables'
const base = { const base = {
lineHeight: '120%', lineHeight: '120%',

26
packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
View file

@ -8,21 +8,21 @@ import { Form, Formik, FastField } from 'formik'
import { QRCodeSVG as QRCode } from 'qrcode.react' import { QRCodeSVG as QRCode } from 'qrcode.react'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState, useEffect, useRef } from 'react' import React, { memo, useState, useEffect, useRef } from 'react'
import Title from 'src/components/Title' import Title from '../../components/Title'
import Sidebar from 'src/components/layout/Sidebar' import Sidebar from '../../components/layout/Sidebar'
import { Info2, P } from 'src/components/typography' import { Info2, P } from '../../components/typography'
import CameraIcon from 'src/styling/icons/ID/photo/zodiac.svg?react' import CameraIcon from '../../styling/icons/ID/photo/zodiac.svg?react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../../styling/icons/action/close/zodiac.svg?react'
import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react' import CompleteStageIconSpring from '../../styling/icons/stage/spring/complete.svg?react'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react' import CompleteStageIconZodiac from '../../styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react' import CurrentStageIconZodiac from '../../styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react' import EmptyStageIconZodiac from '../../styling/icons/stage/zodiac/empty.svg?react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react' import WarningIcon from '../../styling/icons/warning-icon/comet.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../components/inputs/formik'
import { primaryColor } from 'src/styling/variables' import { primaryColor } from '../../styling/variables'
const SAVE_CONFIG = gql` const SAVE_CONFIG = gql`
mutation createPairingTotem($name: String!) { mutation createPairingTotem($name: String!) {

18
packages/admin-ui/src/pages/Analytics/Analytics.jsx
View file

@ -4,16 +4,16 @@ import { endOfToday } from 'date-fns'
import { subDays, format, add, startOfWeek } from 'date-fns/fp' import { subDays, format, add, startOfWeek } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from '../../components/layout/TitleSection'
import { Info2, P } from 'src/components/typography' import { Info2, P } from '../../components/typography'
import DownIcon from 'src/styling/icons/dashboard/down.svg?react' import DownIcon from '../../styling/icons/dashboard/down.svg?react'
import EqualIcon from 'src/styling/icons/dashboard/equal.svg?react' import EqualIcon from '../../styling/icons/dashboard/equal.svg?react'
import UpIcon from 'src/styling/icons/dashboard/up.svg?react' import UpIcon from '../../styling/icons/dashboard/up.svg?react'
import { Select } from 'src/components/inputs' import { Select } from '../../components/inputs'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from '../../utils/config'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from '../../utils/number'
import { DAY, WEEK, MONTH } from 'src/utils/time' import { DAY, WEEK, MONTH } from '../../utils/time'
import LegendEntry from './components/LegendEntry' import LegendEntry from './components/LegendEntry'
import HourOfDayWrapper from './components/wrappers/HourOfDayWrapper' import HourOfDayWrapper from './components/wrappers/HourOfDayWrapper'

2
packages/admin-ui/src/pages/Analytics/components/LegendEntry.jsx
View file

@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import { P } from 'src/components/typography' import { P } from '../../../components/typography'
const LegendEntry = ({ IconElement, IconComponent, label }) => { const LegendEntry = ({ IconElement, IconComponent, label }) => {
return ( return (

12
packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
View file

@ -1,13 +1,13 @@
import Paper from '@mui/material/Paper' import Paper from '@mui/material/Paper'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import { Info2, Label3, P } from 'src/components/typography' import { Info2, Label3, P } from '../../../../components/typography'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react' import TxInIcon from '../../../../styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from '../../../../styling/icons/direction/cash-out.svg?react'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from '../../../../utils/number'
import { singularOrPlural } from 'src/utils/string' import { singularOrPlural } from '../../../../utils/string'
import { formatDate, formatDateNonUtc } from 'src/utils/timezones' import { formatDate, formatDateNonUtc } from '../../../../utils/timezones'
const GraphTooltip = ({ const GraphTooltip = ({
coords, coords,

6
packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
View file

@ -1,10 +1,10 @@
import { getTimezoneOffset } from 'date-fns-tz' import { getTimezoneOffset } from 'date-fns-tz'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { H2 } from 'src/components/typography' import { H2 } from '../../../../components/typography'
import { Select } from 'src/components/inputs' import { Select } from '../../../../components/inputs'
import { MINUTE } from 'src/utils/time' import { MINUTE } from '../../../../utils/time'
import Graph from '../../graphs/Graph' import Graph from '../../graphs/Graph'
import LegendEntry from '../LegendEntry' import LegendEntry from '../LegendEntry'

6
packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
View file

@ -1,9 +1,9 @@
import Switch from '@mui/material/Switch' import Switch from '@mui/material/Switch'
import React, { useState } from 'react' import React, { useState } from 'react'
import { H2, Label1 } from 'src/components/typography' import { H2, Label1 } from '../../../../components/typography'
import { Select } from 'src/components/inputs' import { Select } from '../../../../components/inputs'
import { primaryColor } from 'src/styling/variables' import { primaryColor } from '../../../../styling/variables'
import Graph from '../../graphs/Graph' import Graph from '../../graphs/Graph'
import LegendEntry from '../LegendEntry' import LegendEntry from '../LegendEntry'

2
packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
View file

@ -1,6 +1,6 @@
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { H2 } from 'src/components/typography' import { H2 } from '../../../../components/typography'
import Graph from '../../graphs/Graph' import Graph from '../../graphs/Graph'
import LegendEntry from '../LegendEntry' import LegendEntry from '../LegendEntry'

6
packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
View file

@ -1,9 +1,9 @@
import Switch from '@mui/material/Switch' import Switch from '@mui/material/Switch'
import React, { useState } from 'react' import React, { useState } from 'react'
import { H2, Label1 } from 'src/components/typography' import { H2, Label1 } from '../../../../components/typography'
import { Select } from 'src/components/inputs' import { Select } from '../../../../components/inputs'
import { neon, java } from 'src/styling/variables' import { neon, java } from '../../../../styling/variables'
import Graph from '../../graphs/Graph' import Graph from '../../graphs/Graph'
import LegendEntry from '../LegendEntry' import LegendEntry from '../LegendEntry'

6
packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
View file

@ -12,9 +12,9 @@ import {
fontColor, fontColor,
fontSecondary, fontSecondary,
subheaderColor, subheaderColor,
} from 'src/styling/variables' } from '../../../styling/variables'
import { MINUTE } from 'src/utils/time' import { MINUTE } from '../../../utils/time'
import { toUtc } from 'src/utils/timezones' import { toUtc } from '../../../utils/timezones'
const Graph = ({ const Graph = ({
data, data,

6
packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
View file

@ -14,9 +14,9 @@ import {
primaryColor, primaryColor,
fontSecondary, fontSecondary,
subheaderColor, subheaderColor,
} from 'src/styling/variables' } from '../../../styling/variables'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from '../../../utils/number'
import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time' import { MINUTE, DAY, WEEK, MONTH } from '../../../utils/time'
const Graph = ({ const Graph = ({
data, data,

6
packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
View file

@ -22,9 +22,9 @@ import {
primaryColor, primaryColor,
fontSecondary, fontSecondary,
subheaderColor, subheaderColor,
} from 'src/styling/variables' } from '../../../styling/variables'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from '../../../utils/number'
import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time' import { MINUTE, DAY, WEEK, MONTH } from '../../../utils/time'
const Graph = ({ const Graph = ({
data, data,

2
packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
View file

@ -9,7 +9,7 @@ import {
subheaderDarkColor, subheaderDarkColor,
fontColor, fontColor,
fontSecondary, fontSecondary,
} from 'src/styling/variables' } from '../../../styling/variables'
const Graph = ({ data, machines, currency }) => { const Graph = ({ data, machines, currency }) => {
const ref = useRef(null) const ref = useRef(null)

8
packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
View file

@ -2,11 +2,11 @@ import { useMutation, useLazyQuery, gql } from '@apollo/client'
import { Form, Formik } from 'formik' import { Form, Formik } from 'formik'
import React, { useContext, useState } from 'react' import React, { useContext, useState } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import { TL1, P } from 'src/components/typography' import { TL1, P } from '../../components/typography'
import AppContext from 'src/AppContext' import AppContext from '../../AppContext'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { CodeInput } from 'src/components/inputs/base' import { CodeInput } from '../../components/inputs/base'
import { STATES } from './states' import { STATES } from './states'

8
packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
View file

@ -3,12 +3,12 @@ import { startAssertion } from '@simplewebauthn/browser'
import { Field, Form, Formik } from 'formik' import { Field, Form, Formik } from 'formik'
import React, { useState, useContext } from 'react' import React, { useState, useContext } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import { H2, Label2, P } from 'src/components/typography' import { H2, Label2, P } from '../../components/typography'
import * as Yup from 'yup' import * as Yup from 'yup'
import AppContext from 'src/AppContext' import AppContext from '../../AppContext'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { Checkbox, TextInput } from 'src/components/inputs/formik' import { Checkbox, TextInput } from '../../components/inputs/formik'
const GET_USER_DATA = gql` const GET_USER_DATA = gql`
{ {

2
packages/admin-ui/src/pages/Authentication/LoginCard.jsx
View file

@ -1,6 +1,6 @@
import Paper from '@mui/material/Paper' import Paper from '@mui/material/Paper'
import React, { useReducer } from 'react' import React, { useReducer } from 'react'
import Logo from 'src/styling/icons/menu/logo.svg?react' import Logo from '../../styling/icons/menu/logo.svg?react'
import Input2FAState from './Input2FAState' import Input2FAState from './Input2FAState'
import InputFIDOState from './InputFIDOState' import InputFIDOState from './InputFIDOState'

12
packages/admin-ui/src/pages/Authentication/LoginState.jsx
View file

@ -3,12 +3,16 @@ import { startAssertion } from '@simplewebauthn/browser'
import { Field, Form, Formik } from 'formik' import { Field, Form, Formik } from 'formik'
import React, { useContext } from 'react' import React, { useContext } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import { Label3, P } from 'src/components/typography' import { Label3, P } from '../../components/typography'
import * as Yup from 'yup' import * as Yup from 'yup'
import AppContext from 'src/AppContext' import AppContext from '../../AppContext'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { Checkbox, SecretInput, TextInput } from 'src/components/inputs/formik' import {
Checkbox,
SecretInput,
TextInput,
} from '../../components/inputs/formik'
const LOGIN = gql` const LOGIN = gql`
mutation login($username: String!, $password: String!) { mutation login($username: String!, $password: String!) {

8
packages/admin-ui/src/pages/Authentication/Register.jsx
View file

@ -4,12 +4,12 @@ import Paper from '@mui/material/Paper'
import { Field, Form, Formik } from 'formik' import { Field, Form, Formik } from 'formik'
import React, { useReducer } from 'react' import React, { useReducer } from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
import { H2, Label3, P } from 'src/components/typography' import { H2, Label3, P } from '../../components/typography'
import Logo from 'src/styling/icons/menu/logo.svg?react' import Logo from '../../styling/icons/menu/logo.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { SecretInput } from 'src/components/inputs/formik' import { SecretInput } from '../../components/inputs/formik'
import classes from './Authentication.module.css' import classes from './Authentication.module.css'
const QueryParams = () => new URLSearchParams(useLocation().search) const QueryParams = () => new URLSearchParams(useLocation().search)

10
packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
View file

@ -5,12 +5,12 @@ import { Form, Formik } from 'formik'
import { QRCodeSVG as QRCode } from 'qrcode.react' import { QRCodeSVG as QRCode } from 'qrcode.react'
import React, { useReducer, useState } from 'react' import React, { useReducer, useState } from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
import { H2, Label2, Label3, P } from 'src/components/typography' import { H2, Label2, Label3, P } from '../../components/typography'
import Logo from 'src/styling/icons/menu/logo.svg?react' import Logo from '../../styling/icons/menu/logo.svg?react'
import { ActionButton, Button } from 'src/components/buttons' import { ActionButton, Button } from '../../components/buttons'
import { CodeInput } from 'src/components/inputs/base' import { CodeInput } from '../../components/inputs/base'
import { primaryColor } from 'src/styling/variables' import { primaryColor } from '../../styling/variables'
import classes from './Authentication.module.css' import classes from './Authentication.module.css'

8
packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
View file

@ -4,12 +4,12 @@ import Paper from '@mui/material/Paper'
import { Field, Form, Formik } from 'formik' import { Field, Form, Formik } from 'formik'
import React, { useState } from 'react' import React, { useState } from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
import { H2, Label3, P } from 'src/components/typography' import { H2, Label3, P } from '../../components/typography'
import Logo from 'src/styling/icons/menu/logo.svg?react' import Logo from '../../styling/icons/menu/logo.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { SecretInput } from 'src/components/inputs/formik/' import { SecretInput } from '../../components/inputs/formik'
import classes from './Authentication.module.css' import classes from './Authentication.module.css'

10
packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
View file

@ -3,12 +3,12 @@ import { Form, Formik } from 'formik'
import { QRCodeSVG as QRCode } from 'qrcode.react' import { QRCodeSVG as QRCode } from 'qrcode.react'
import React, { useContext, useState } from 'react' import React, { useContext, useState } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import { Label3, P } from 'src/components/typography' import { Label3, P } from '../../components/typography'
import AppContext from 'src/AppContext' import AppContext from '../../AppContext'
import { ActionButton, Button } from 'src/components/buttons' import { ActionButton, Button } from '../../components/buttons'
import { CodeInput } from 'src/components/inputs/base' import { CodeInput } from '../../components/inputs/base'
import { primaryColor } from 'src/styling/variables' import { primaryColor } from '../../styling/variables'
import classes from './Authentication.module.css' import classes from './Authentication.module.css'

16
packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
View file

@ -7,15 +7,15 @@ import SvgIcon from '@mui/material/SvgIcon'
import IconButton from '@mui/material/IconButton' import IconButton from '@mui/material/IconButton'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { HelpTooltip } from 'src/components/Tooltip' import { HelpTooltip } from '../../components/Tooltip'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from '../../components/layout/TitleSection'
import { H2, Label2, P, Info3, Info2 } from 'src/components/typography' import { H2, Label2, P, Info3, Info2 } from '../../components/typography'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react' import CloseIcon from '../../styling/icons/action/close/zodiac.svg?react'
import ReverseSettingsIcon from 'src/styling/icons/circle buttons/settings/white.svg?react' import ReverseSettingsIcon from '../../styling/icons/circle buttons/settings/white.svg?react'
import SettingsIcon from 'src/styling/icons/circle buttons/settings/zodiac.svg?react' import SettingsIcon from '../../styling/icons/circle buttons/settings/zodiac.svg?react'
import { Link, Button, SupportLinkButton } from 'src/components/buttons' import { Link, Button, SupportLinkButton } from '../../components/buttons'
import { fromNamespace, toNamespace } from 'src/utils/config' import { fromNamespace, toNamespace } from '../../utils/config'
import BlackListAdvanced from './BlacklistAdvanced' import BlackListAdvanced from './BlacklistAdvanced'
import BlackListModal from './BlacklistModal' import BlackListModal from './BlacklistModal'

20
packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
View file

@ -3,18 +3,18 @@ import SvgIcon from '@mui/material/SvgIcon'
import { Form, Formik, Field } from 'formik' import { Form, Formik, Field } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../components/ErrorMessage'
import Modal from 'src/components/Modal' import Modal from '../../components/Modal'
import DataTable from 'src/components/tables/DataTable' import DataTable from '../../components/tables/DataTable'
import DisabledDeleteIcon from 'src/styling/icons/action/delete/disabled.svg?react' import DisabledDeleteIcon from '../../styling/icons/action/delete/disabled.svg?react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react' import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react' import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
import DefaultIconReverse from 'src/styling/icons/button/retry/white.svg?react' import DefaultIconReverse from '../../styling/icons/button/retry/white.svg?react'
import DefaultIcon from 'src/styling/icons/button/retry/zodiac.svg?react' import DefaultIcon from '../../styling/icons/button/retry/zodiac.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { ActionButton, Button } from 'src/components/buttons' import { ActionButton, Button } from '../../components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../components/inputs/formik'
const DEFAULT_MESSAGE = `This address may be associated with a deceptive offer or a prohibited group. Please make sure you're using an address from your own wallet.` const DEFAULT_MESSAGE = `This address may be associated with a deceptive offer or a prohibited group. Please make sure you're using an address from your own wallet.`

10
packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
View file

@ -1,13 +1,13 @@
import { Formik, Form, Field } from 'formik' import { Formik, Form, Field } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../components/ErrorMessage'
import Modal from 'src/components/Modal' import Modal from '../../components/Modal'
import { H3 } from 'src/components/typography' import { H3 } from '../../components/typography'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Link } from 'src/components/buttons' import { Link } from '../../components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../components/inputs/formik'
const BlackListModal = ({ onClose, addToBlacklist, errorMsg }) => { const BlackListModal = ({ onClose, addToBlacklist, errorMsg }) => {
const handleAddToBlacklist = address => { const handleAddToBlacklist = address => {

8
packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
View file

@ -2,10 +2,10 @@ import IconButton from '@mui/material/IconButton'
import SvgIcon from '@mui/material/SvgIcon' import SvgIcon from '@mui/material/SvgIcon'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { DeleteDialog } from 'src/components/DeleteDialog' import { DeleteDialog } from '../../components/DeleteDialog'
import DataTable from 'src/components/tables/DataTable' import DataTable from '../../components/tables/DataTable'
import CopyToClipboard from 'src/components/CopyToClipboard.jsx' import CopyToClipboard from '../../components/CopyToClipboard.jsx'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react' import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
const BlacklistTable = ({ const BlacklistTable = ({
data, data,

14
packages/admin-ui/src/pages/Cashout/Cashout.jsx
View file

@ -2,14 +2,14 @@ import { useQuery, useMutation, gql } from '@apollo/client'
import Switch from '@mui/material/Switch' import Switch from '@mui/material/Switch'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { HelpTooltip } from 'src/components/Tooltip' import { HelpTooltip } from '../../components/Tooltip'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from '../../components/layout/TitleSection'
import { P, Label2 } from 'src/components/typography' import { P, Label2 } from '../../components/typography'
import { SupportLinkButton } from 'src/components/buttons' import { SupportLinkButton } from '../../components/buttons'
import { NamespacedTable as EditableTable } from 'src/components/editableTable' import { NamespacedTable as EditableTable } from '../../components/editableTable'
import { EmptyTable } from 'src/components/table' import { EmptyTable } from '../../components/table'
import { fromNamespace, toNamespace } from 'src/utils/config' import { fromNamespace, toNamespace } from '../../utils/config'
import Wizard from './Wizard' import Wizard from './Wizard'
import { DenominationsSchema, getElements } from './helper' import { DenominationsSchema, getElements } from './helper'

12
packages/admin-ui/src/pages/Cashout/Wizard.jsx
View file

@ -1,13 +1,13 @@
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import Modal from 'src/components/Modal' import Modal from '../../components/Modal'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Autocomplete } from 'src/components/inputs/formik' import { Autocomplete } from '../../components/inputs/formik'
import denominations from 'src/utils/bill-denominations' import denominations from '../../utils/bill-denominations'
import { getBillOptions } from 'src/utils/bill-options' import { getBillOptions } from '../../utils/bill-options'
import { toNamespace } from 'src/utils/config' import { toNamespace } from '../../utils/config'
import { transformNumber } from 'src/utils/number' import { transformNumber } from '../../utils/number'
import WizardSplash from './WizardSplash' import WizardSplash from './WizardSplash'
import WizardStep from './WizardStep' import WizardStep from './WizardStep'

6
packages/admin-ui/src/pages/Cashout/WizardSplash.jsx
View file

@ -1,8 +1,8 @@
import React from 'react' import React from 'react'
import { H1, P, Info2 } from 'src/components/typography' import { H1, P, Info2 } from '../../components/typography'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
const WizardSplash = ({ name, onContinue }) => { const WizardSplash = ({ name, onContinue }) => {
return ( return (

30
packages/admin-ui/src/pages/Cashout/WizardStep.jsx
View file

@ -1,21 +1,21 @@
import { Formik, Form, Field } from 'formik' import { Formik, Form, Field } from 'formik'
import React from 'react' import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../components/ErrorMessage'
import Stepper from 'src/components/Stepper' import Stepper from '../../components/Stepper'
import { Info2, H4, P, Info1, Label1 } from 'src/components/typography' import { Info2, H4, P, Info1, Label1 } from '../../components/typography'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react' import WarningIcon from '../../styling/icons/warning-icon/comet.svg?react'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { NumberInput } from 'src/components/inputs/formik' import { NumberInput } from '../../components/inputs/formik'
import cassetteOne from 'src/styling/icons/cassettes/cashout-cassette-1.svg' import cassetteOne from '../../styling/icons/cassettes/cashout-cassette-1.svg'
import cassetteTwo from 'src/styling/icons/cassettes/cashout-cassette-2.svg' import cassetteTwo from '../../styling/icons/cassettes/cashout-cassette-2.svg'
import tejo3CassetteOne from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg' import tejo3CassetteOne from '../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg'
import tejo3CassetteTwo from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg' import tejo3CassetteTwo from '../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg'
import tejo3CassetteThree from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg' import tejo3CassetteThree from '../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg'
import tejo4CassetteOne from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg' import tejo4CassetteOne from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg'
import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg' import tejo4CassetteTwo from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg' import tejo4CassetteThree from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg' import tejo4CassetteFour from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
const getCassetesArtworks = () => ({ const getCassetesArtworks = () => ({
1: { 1: {

12
packages/admin-ui/src/pages/Cashout/helper.js
View file

@ -1,12 +1,12 @@
import * as R from 'ramda' import * as R from 'ramda'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Autocomplete, NumberInput } from 'src/components/inputs/formik' import { Autocomplete, NumberInput } from '../../components/inputs/formik'
import { bold } from 'src/styling/helpers' import { bold } from '../../styling/helpers'
import denominations from 'src/utils/bill-denominations' import denominations from '../../utils/bill-denominations'
import { getBillOptions } from 'src/utils/bill-options' import { getBillOptions } from '../../utils/bill-options'
import { CURRENCY_MAX } from 'src/utils/constants' import { CURRENCY_MAX } from '../../utils/constants'
import { transformNumber } from 'src/utils/number' import { transformNumber } from '../../utils/number'
const widthsByNumberOfUnits = { const widthsByNumberOfUnits = {
2: { machine: 325, cassette: 340 }, 2: { machine: 325, cassette: 340 },

14
packages/admin-ui/src/pages/Commissions/Commissions.jsx
View file

@ -1,14 +1,14 @@
import { useQuery, useMutation, gql } from '@apollo/client' import { useQuery, useMutation, gql } from '@apollo/client'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { HelpTooltip } from 'src/components/Tooltip' import { HelpTooltip } from '../../components/Tooltip'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from '../../components/layout/TitleSection'
import ReverseListingViewIcon from 'src/styling/icons/circle buttons/listing-view/white.svg?react' import ReverseListingViewIcon from '../../styling/icons/circle buttons/listing-view/white.svg?react'
import ListingViewIcon from 'src/styling/icons/circle buttons/listing-view/zodiac.svg?react' import ListingViewIcon from '../../styling/icons/circle buttons/listing-view/zodiac.svg?react'
import OverrideLabelIcon from 'src/styling/icons/status/spring2.svg?react' import OverrideLabelIcon from '../../styling/icons/status/spring2.svg?react'
import { SupportLinkButton } from 'src/components/buttons' import { SupportLinkButton } from '../../components/buttons'
import { fromNamespace, toNamespace, namespaces } from 'src/utils/config' import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
import { P } from '../../components/typography' import { P } from '../../components/typography'

6
packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
View file

@ -1,6 +1,6 @@
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import Section from 'src/components/layout/Section' import Section from '../../../components/layout/Section'
import { import {
mainFields, mainFields,
overrides, overrides,
@ -9,9 +9,9 @@ import {
defaults, defaults,
overridesDefaults, overridesDefaults,
getOrder, getOrder,
} from 'src/pages/Commissions/helper' } from '../helper'
import { Table as EditableTable } from 'src/components/editableTable' import { Table as EditableTable } from '../../../components/editableTable'
const CommissionsDetails = memo( const CommissionsDetails = memo(
({ config, locale, currency, data, error, save, saveOverrides }) => { ({ config, locale, currency, data, error, save, saveOverrides }) => {

6
packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
View file

@ -5,10 +5,10 @@ import {
getCommissions, getCommissions,
getListCommissionsSchema, getListCommissionsSchema,
commissionsList, commissionsList,
} from 'src/pages/Commissions/helper' } from '../helper'
import { Table as EditableTable } from 'src/components/editableTable' import { Table as EditableTable } from '../../../components/editableTable'
import { Select } from 'src/components/inputs' import { Select } from '../../../components/inputs'
const SHOW_ALL = { const SHOW_ALL = {
code: 'SHOW_ALL', code: 'SHOW_ALL',

16
packages/admin-ui/src/pages/Commissions/helper.jsx
View file

@ -1,16 +1,16 @@
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react' import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
import { v4 as uuidv4 } from 'uuid' import { v4 as uuidv4 } from 'uuid'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Autocomplete, NumberInput } from 'src/components/inputs/formik' import { Autocomplete, NumberInput } from '../../components/inputs/formik'
import { bold } from 'src/styling/helpers' import { bold } from '../../styling/helpers'
import { primaryColor, secondaryColorDark } from 'src/styling/variables' import { primaryColor, secondaryColorDark } from '../../styling/variables'
import denominations from 'src/utils/bill-denominations' import denominations from '../../utils/bill-denominations'
import { getBillOptions } from 'src/utils/bill-options' import { getBillOptions } from '../../utils/bill-options'
import { CURRENCY_MAX } from 'src/utils/constants' import { CURRENCY_MAX } from '../../utils/constants'
const ALL_MACHINES = { const ALL_MACHINES = {
name: 'All Machines', name: 'All Machines',

19
packages/admin-ui/src/pages/Customers/CustomerData.jsx
View file

@ -1,18 +1,15 @@
import * as R from 'ramda' import * as R from 'ramda'
import { useState, React } from 'react' import { useState, React } from 'react'
import ImagePopper from 'src/components/ImagePopper' import ImagePopper from '../../components/ImagePopper'
import { H3, Info3 } from 'src/components/typography' import { H3, Info3 } from '../../components/typography'
import CardIcon from 'src/styling/icons/ID/card/comet.svg?react' import CardIcon from '../../styling/icons/ID/card/comet.svg?react'
import PhoneIcon from 'src/styling/icons/ID/phone/comet.svg?react' import PhoneIcon from '../../styling/icons/ID/phone/comet.svg?react'
import EditIcon from 'src/styling/icons/action/edit/comet.svg?react' import EditIcon from '../../styling/icons/action/edit/comet.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../components/inputs/formik'
import { import { OVERRIDE_AUTHORIZED, OVERRIDE_REJECTED } from './components/consts'
OVERRIDE_AUTHORIZED, import { onlyFirstToUpper } from '../../utils/string'
OVERRIDE_REJECTED,
} from 'src/pages/Customers/components/consts'
import { onlyFirstToUpper } from 'src/utils/string'
import { EditableCard } from './components' import { EditableCard } from './components'
import { import {

2
packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
View file

@ -1,6 +1,6 @@
import * as R from 'ramda' import * as R from 'ramda'
import { React, useState } from 'react' import { React, useState } from 'react'
import { H3 } from 'src/components/typography' import { H3 } from '../../components/typography'
import NewNoteCard from './components/notes/NewNoteCard' import NewNoteCard from './components/notes/NewNoteCard'
import NewNoteModal from './components/notes/NewNoteModal' import NewNoteModal from './components/notes/NewNoteModal'

6
packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
View file

@ -2,9 +2,9 @@ import Paper from '@mui/material/Paper'
import { format } from 'date-fns/fp' import { format } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import { React, useState } from 'react' import { React, useState } from 'react'
import { InformativeDialog } from 'src/components/InformativeDialog' import { InformativeDialog } from '../../components/InformativeDialog'
import { Label2, H3 } from 'src/components/typography' import { Label2, H3 } from '../../components/typography'
import CameraIcon from 'src/styling/icons/ID/photo/comet.svg?react' import CameraIcon from '../../styling/icons/ID/photo/comet.svg?react'
import PhotosCarousel from './components/PhotosCarousel' import PhotosCarousel from './components/PhotosCarousel'

27
packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
View file

@ -5,23 +5,20 @@ import NavigateNextIcon from '@mui/icons-material/NavigateNext'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { useHistory, useParams } from 'react-router-dom' import { useHistory, useParams } from 'react-router-dom'
import { Label1, Label2 } from 'src/components/typography' import { Label1, Label2 } from '../../components/typography'
import AuthorizeReversedIcon from 'src/styling/icons/button/authorize/white.svg?react' import AuthorizeReversedIcon from '../../styling/icons/button/authorize/white.svg?react'
import AuthorizeIcon from 'src/styling/icons/button/authorize/zodiac.svg?react' import AuthorizeIcon from '../../styling/icons/button/authorize/zodiac.svg?react'
import BlockReversedIcon from 'src/styling/icons/button/block/white.svg?react' import BlockReversedIcon from '../../styling/icons/button/block/white.svg?react'
import BlockIcon from 'src/styling/icons/button/block/zodiac.svg?react' import BlockIcon from '../../styling/icons/button/block/zodiac.svg?react'
import DataReversedIcon from 'src/styling/icons/button/data/white.svg?react' import DataReversedIcon from '../../styling/icons/button/data/white.svg?react'
import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react' import DataIcon from '../../styling/icons/button/data/zodiac.svg?react'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from '../../components/buttons'
import { import { OVERRIDE_AUTHORIZED, OVERRIDE_REJECTED } from './components/consts'
OVERRIDE_AUTHORIZED,
OVERRIDE_REJECTED,
} from 'src/pages/Customers/components/consts'
// TODO: Enable for next release // TODO: Enable for next release
// import DiscountReversedIcon from 'src/styling/icons/button/discount/white.svg?react' // import DiscountReversedIcon from '../../styling/icons/button/discount/white.svg?react'
// import Discount from 'src/styling/icons/button/discount/zodiac.svg?react' // import Discount from '../../styling/icons/button/discount/zodiac.svg?react'
import { fromNamespace, namespaces } from 'src/utils/config' import { fromNamespace, namespaces } from '../../utils/config'
import CustomerData from './CustomerData' import CustomerData from './CustomerData'
import CustomerNotes from './CustomerNotes' import CustomerNotes from './CustomerNotes'

14
packages/admin-ui/src/pages/Customers/Customers.jsx
View file

@ -2,14 +2,14 @@ import { useQuery, useMutation, gql } from '@apollo/client'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import SearchBox from 'src/components/SearchBox' import SearchBox from '../../components/SearchBox'
import SearchFilter from 'src/components/SearchFilter' import SearchFilter from '../../components/SearchFilter'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from '../../components/layout/TitleSection'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react' import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
import { Link } from 'src/components/buttons' import { Link } from '../../components/buttons'
import { fromNamespace, namespaces } from 'src/utils/config' import { fromNamespace, namespaces } from '../../utils/config'
import CustomersList from './CustomersList' import CustomersList from './CustomersList'
import CreateCustomerModal from './components/CreateCustomerModal' import CreateCustomerModal from './components/CreateCustomerModal'

8
packages/admin-ui/src/pages/Customers/CustomersList.jsx
View file

@ -1,10 +1,10 @@
import { format } from 'date-fns/fp' import { format } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { MainStatus } from 'src/components/Status' import { MainStatus } from '../../components/Status'
import DataTable from 'src/components/tables/DataTable' import DataTable from '../../components/tables/DataTable'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react' import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
import { getFormattedPhone, getName } from './helper' import { getFormattedPhone, getName } from './helper'

8
packages/admin-ui/src/pages/Customers/Wizard.jsx
View file

@ -1,11 +1,11 @@
import { Form, Formik } from 'formik' import { Form, Formik } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, Fragment } from 'react' import React, { useState, Fragment } from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../components/ErrorMessage'
import Modal from 'src/components/Modal' import Modal from '../../components/Modal'
import Stepper from 'src/components/Stepper' import Stepper from '../../components/Stepper'
import { Button } from 'src/components/buttons' import { Button } from '../../components/buttons'
import { import {
entryType, entryType,

10
packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
View file

@ -2,13 +2,13 @@ import { Field, Form, Formik } from 'formik'
import { parsePhoneNumberWithError } from 'libphonenumber-js' import { parsePhoneNumberWithError } from 'libphonenumber-js'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../../components/ErrorMessage'
import Modal from 'src/components/Modal' import Modal from '../../../components/Modal'
import { H1 } from 'src/components/typography' import { H1 } from '../../../components/typography'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from '../../../components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../../components/inputs/formik'
const getValidationSchema = countryCodes => const getValidationSchema = countryCodes =>
Yup.object().shape({ Yup.object().shape({

4
packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
View file

@ -1,7 +1,7 @@
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import { H2, Label1, P } from 'src/components/typography' import { H2, Label1, P } from '../../../components/typography'
import IdIcon from 'src/styling/icons/ID/card/zodiac.svg?react' import IdIcon from '../../../styling/icons/ID/card/zodiac.svg?react'
import { getFormattedPhone, getName } from '../helper' import { getFormattedPhone, getName } from '../helper'

16
packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
View file

@ -1,13 +1,13 @@
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import CustomerDataReversedIcon from 'src/styling/icons/customer-nav/data/comet.svg?react' import CustomerDataReversedIcon from '../../../styling/icons/customer-nav/data/comet.svg?react'
import CustomerDataIcon from 'src/styling/icons/customer-nav/data/white.svg?react' import CustomerDataIcon from '../../../styling/icons/customer-nav/data/white.svg?react'
import NoteReversedIcon from 'src/styling/icons/customer-nav/note/comet.svg?react' import NoteReversedIcon from '../../../styling/icons/customer-nav/note/comet.svg?react'
import NoteIcon from 'src/styling/icons/customer-nav/note/white.svg?react' import NoteIcon from '../../../styling/icons/customer-nav/note/white.svg?react'
import OverviewReversedIcon from 'src/styling/icons/customer-nav/overview/comet.svg?react' import OverviewReversedIcon from '../../../styling/icons/customer-nav/overview/comet.svg?react'
import OverviewIcon from 'src/styling/icons/customer-nav/overview/white.svg?react' import OverviewIcon from '../../../styling/icons/customer-nav/overview/white.svg?react'
import PhotosReversedIcon from 'src/styling/icons/customer-nav/photos/comet.svg?react' import PhotosReversedIcon from '../../../styling/icons/customer-nav/photos/comet.svg?react'
import Photos from 'src/styling/icons/customer-nav/photos/white.svg?react' import Photos from '../../../styling/icons/customer-nav/photos/white.svg?react'
import { P } from '/src/components/typography/index.jsx' import { P } from '/src/components/typography/index.jsx'

33
packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
View file

@ -3,25 +3,22 @@ import Card from '@mui/material/Card'
import { Form, Formik, Field as FormikField } from 'formik' import { Form, Formik, Field as FormikField } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import { useState, React, useRef } from 'react' import { useState, React, useRef } from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../../components/ErrorMessage'
import PromptWhenDirty from 'src/components/PromptWhenDirty' import PromptWhenDirty from '../../../components/PromptWhenDirty'
import { MainStatus } from 'src/components/Status' import { MainStatus } from '../../../components/Status'
import { Label1, P, H3 } from 'src/components/typography' import { Label1, P, H3 } from '../../../components/typography'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react' import EditIcon from '../../../styling/icons/action/edit/enabled.svg?react'
import EditReversedIcon from 'src/styling/icons/action/edit/white.svg?react' import EditReversedIcon from '../../../styling/icons/action/edit/white.svg?react'
import AuthorizeIcon from 'src/styling/icons/button/authorize/white.svg?react' import AuthorizeIcon from '../../../styling/icons/button/authorize/white.svg?react'
import BlockIcon from 'src/styling/icons/button/block/white.svg?react' import BlockIcon from '../../../styling/icons/button/block/white.svg?react'
import CancelReversedIcon from 'src/styling/icons/button/cancel/white.svg?react' import CancelReversedIcon from '../../../styling/icons/button/cancel/white.svg?react'
import DataReversedIcon from 'src/styling/icons/button/data/white.svg?react' import DataReversedIcon from '../../../styling/icons/button/data/white.svg?react'
import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react' import DataIcon from '../../../styling/icons/button/data/zodiac.svg?react'
import ReplaceReversedIcon from 'src/styling/icons/button/replace/white.svg?react' import ReplaceReversedIcon from '../../../styling/icons/button/replace/white.svg?react'
import SaveReversedIcon from 'src/styling/icons/circle buttons/save/white.svg?react' import SaveReversedIcon from '../../../styling/icons/circle buttons/save/white.svg?react'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from '../../../components/buttons'
import { import { OVERRIDE_REJECTED, OVERRIDE_PENDING } from './consts'
OVERRIDE_REJECTED,
OVERRIDE_PENDING,
} from 'src/pages/Customers/components/consts'
const ReadOnlyField = ({ field, value }) => { const ReadOnlyField = ({ field, value }) => {
return ( return (

6
packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
View file

@ -2,9 +2,9 @@ import ButtonBase from '@mui/material/ButtonBase'
import Paper from '@mui/material/Card' import Paper from '@mui/material/Card'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { InformativeDialog } from 'src/components/InformativeDialog' import { InformativeDialog } from '../../../components/InformativeDialog'
import { Info2 } from 'src/components/typography' import { Info2 } from '../../../components/typography'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react' import CrossedCameraIcon from '../../../styling/icons/ID/photo/crossed-camera.svg?react'
import PhotosCarousel from './PhotosCarousel' import PhotosCarousel from './PhotosCarousel'

6
packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
View file

@ -1,9 +1,9 @@
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { Carousel } from 'src/components/Carousel' import { Carousel } from '../../../components/Carousel'
import { Label1 } from 'src/components/typography' import { Label1 } from '../../../components/typography'
import { formatDate } from 'src/utils/timezones' import { formatDate } from '../../../utils/timezones'
import CopyToClipboard from '../../../components/CopyToClipboard.jsx' import CopyToClipboard from '../../../components/CopyToClipboard.jsx'

12
packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
View file

@ -2,13 +2,13 @@ import { toUnit } from '@lamassu/coins/lightUtils'
import BigNumber from 'bignumber.js' import BigNumber from 'bignumber.js'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import DataTable from 'src/components/tables/DataTable' import DataTable from '../../../components/tables/DataTable'
import { H3, H4, Label1, Label2, P } from 'src/components/typography' import { H3, H4, Label1, Label2, P } from '../../../components/typography'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react' import TxInIcon from '../../../styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from '../../../styling/icons/direction/cash-out.svg?react'
import { ifNotNull } from 'src/utils/nullCheck' import { ifNotNull } from '../../../utils/nullCheck'
import { formatDate } from 'src/utils/timezones' import { formatDate } from '../../../utils/timezones'
import CopyToClipboard from '../../../components/CopyToClipboard.jsx' import CopyToClipboard from '../../../components/CopyToClipboard.jsx'

6
packages/admin-ui/src/pages/Customers/components/Upload.jsx
View file

@ -2,9 +2,9 @@ import { useFormikContext } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useCallback } from 'react' import React, { useState, useCallback } from 'react'
import { useDropzone } from 'react-dropzone' import { useDropzone } from 'react-dropzone'
import { Label3, H3 } from 'src/components/typography' import { Label3, H3 } from '../../../components/typography'
import UploadPhotoIcon from 'src/styling/icons/button/photo/zodiac-resized.svg?react' import UploadPhotoIcon from '../../../styling/icons/button/photo/zodiac-resized.svg?react'
import UploadFileIcon from 'src/styling/icons/button/upload-file/zodiac-resized.svg?react' import UploadFileIcon from '../../../styling/icons/button/upload-file/zodiac-resized.svg?react'
import classes from './Upload.module.css' import classes from './Upload.module.css'

4
packages/admin-ui/src/pages/Customers/components/notes/NewNoteCard.jsx
View file

@ -1,7 +1,7 @@
import Paper from '@mui/material/Paper' import Paper from '@mui/material/Paper'
import { React } from 'react' import { React } from 'react'
import { P } from 'src/components/typography' import { P } from '../../../../components/typography'
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react' import AddIcon from '../../../../styling/icons/button/add/zodiac.svg?react'
const NewNoteCard = ({ setOpenModal }) => { const NewNoteCard = ({ setOpenModal }) => {
return ( return (

8
packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
View file

@ -1,11 +1,11 @@
import { Form, Formik, Field } from 'formik' import { Form, Formik, Field } from 'formik'
import { React } from 'react' import { React } from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from '../../../../components/ErrorMessage'
import Modal from 'src/components/Modal' import Modal from '../../../../components/Modal'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from '../../../../components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../../../components/inputs/formik'
const initialValues = { const initialValues = {
title: '', title: '',

6
packages/admin-ui/src/pages/Customers/components/notes/NoteCard.jsx
View file

@ -1,10 +1,10 @@
import Paper from '@mui/material/Paper' import Paper from '@mui/material/Paper'
import * as R from 'ramda' import * as R from 'ramda'
import { React } from 'react' import { React } from 'react'
import { H3, P } from 'src/components/typography' import { H3, P } from '../../../../components/typography'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react' import DeleteIcon from '../../../../styling/icons/action/delete/enabled.svg?react'
import { formatDate } from 'src/utils/timezones' import { formatDate } from '../../../../utils/timezones'
const formatContent = content => { const formatContent = content => {
const fragments = R.split(/\n/)(content) const fragments = R.split(/\n/)(content)

16
packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
View file

@ -2,16 +2,16 @@ import Paper from '@mui/material/Paper'
import { formatDurationWithOptions, intervalToDuration } from 'date-fns/fp' import { formatDurationWithOptions, intervalToDuration } from 'date-fns/fp'
import { Form, Formik, Field } from 'formik' import { Form, Formik, Field } from 'formik'
import { React, useRef } from 'react' import { React, useRef } from 'react'
import { P } from 'src/components/typography' import { P } from '../../../../components/typography'
import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react' import CancelIconInverse from '../../../../styling/icons/button/cancel/white.svg?react'
import CancelIcon from 'src/styling/icons/button/cancel/zodiac.svg?react' import CancelIcon from '../../../../styling/icons/button/cancel/zodiac.svg?react'
import SaveIconInverse from 'src/styling/icons/circle buttons/save/white.svg?react' import SaveIconInverse from '../../../../styling/icons/circle buttons/save/white.svg?react'
import SaveIcon from 'src/styling/icons/circle buttons/save/zodiac.svg?react' import SaveIcon from '../../../../styling/icons/circle buttons/save/zodiac.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from '../../../../components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from '../../../../components/inputs/formik'
import { toTimezone } from 'src/utils/timezones' import { toTimezone } from '../../../../utils/timezones'
const NoteEdit = ({ note, cancel, edit, timezone }) => { const NoteEdit = ({ note, cancel, edit, timezone }) => {
const formRef = useRef() const formRef = useRef()

Some files were not shown because too many files have changed in this diff Show more