- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t node.addEventListener('transitionend', done, false)}\n\t\t\t\t\tclassNames='u-transition--vertical'\n\t\t\t\t>\n\t\t\t\t\t{ message ? \n\t\t\t\t\t\t \n\t\t
\n\t);\n}\n","import React from 'react';\nimport { useCookies } from 'react-cookie';\nimport PropTypes from 'prop-types';\n\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport blue from '@material-ui/core/colors/blue';\n\nconst MuiTheme = ({ children }) => {\n\tconst [cookies, setCookie] = useCookies(['theme']);\n\tlet prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');\n \n\tif (!cookies.theme)\n\t\tsetCookie('theme', prefersDarkMode ? 'dark' : 'light');\n\n\tconst theme = React.useMemo(\n\t\t() =>\n\t\t\tcreateMuiTheme({\n\t\t\t\tpalette: {\n\t\t\t\t\ttype : cookies.theme,\n\t\t\t\t\tprimary : {\n\t\t\t\t\t\tlight : blue[500],\n\t\t\t\t\t\tmain : blue[600],\n\t\t\t\t\t\tdark : blue[700]\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t}),\n\t\t[cookies],\n\t);\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\t{ message }\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t: \n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t- \n\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t{isShellRealm(realmId) &&\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t}\n\t\t\t{isPXLRealm(realmId) &&\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t- \n\t\t\t
\n\t\t\t\t\t setRealmOpen(!realmOpen)} disabled={!routeParams || !routeParams.realmId}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t setCatalogOpen(!catalogOpen)} disabled={!routeParams || !routeParams.catalogId}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t- \n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t\t
\n\t\t\t\n\t\t\t{\n\t\t\t\tmessage.length > 0 ?
\n\t); \n};\n\nexport default Template;","import Template from './Loader.template';\n\nexport default function Loader (message) {\n\treturn Template(message);\n}\n","import React, { useContext, useEffect } from 'react';\nimport {useParams} from 'react-router-dom';\n\nimport { MenuContext } from './../../../../context/MenuContext';\n\n\nconst MenuContextUpdater = () => {\n\tconst params = useParams();\n\tconst [, setMenu] = useContext(MenuContext);\n\n\tuseEffect(() => {\n\t\tsetMenu(prevState => ({ ...prevState, route: params }));\n }, [setMenu]); // eslint-disable-line\n\n\treturn <>;\n};\n\nexport default MenuContextUpdater;","import React, { useContext } from 'react';\nimport { Route, Redirect } from 'react-router-dom';\nimport { SwitchTransition, CSSTransition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\n\nimport MenuContextUpdater from './MenuContextUpdater'; \n\nimport { UserContext } from './../../../../context/UserContext';\n\n\nconst RouteTransition = ({ loginRequired, children, path, ...etc}) => {\n\tconst [user] = useContext(UserContext);\n\tif (loginRequired && !user.loggedIn)\n\t\treturn { message }
: ''\n\t\t\t}\n\t\t\n\t\t\t{children}\n\t\t
\n\t);\n};\n\nPageContainer.propTypes = {\n\tchildren: PropTypes.node\n};\n\nexport default PageContainer;\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nimport Box \t from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport { Link } from 'react-router-dom';\nimport Typography from '@material-ui/core/Typography';\n\nconst PageTitle = ({ backButton = false, backButtonText = null, children }) => {\n\tconst {t} = useTranslation(); \n\tconst history = useHistory();\n\n\treturn (\n\t\t<>\n\t\t\t{ \n\t\t\t\tbackButton && \n\t\t\t\t\n\t\t\t setField(e.target.value) }\n\t\t\t\tvalue={ field }\n\t\t\t/>\n\t\t
\n\t);\n};\n\nSearchField.propTypes = {\n\tonChange: PropTypes.func\n};\n\nexport default SearchField;","import React from 'react';\nimport {Link} from 'react-router-dom';\nimport {useTranslation} from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Grid from '@material-ui/core/Grid';\nimport GroupIcon from '@material-ui/icons/Group';\nimport Typography from '@material-ui/core/Typography';\n\nconst SiteCard = ({ site, access }) => {\n\tconst { t } = useTranslation();\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t{ flowData.data.message }
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t{ t('error_content_not_found_title') }
\n\t\t\t\t{ t('error_content_not_found_description') }
\n\t\t\t\n\t\t\t\t
\n\t\t{t('error_forbidden_title')}
\n\t\t\t\t{t('error_forbidden_description')}
\n\t\t\t\n\t\t\t\t\t\t\tsample\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n (
\n\t\t![{code}]()
;\n});\n\nFlag.displayName = 'Flag';\nFlag.propTypes = {\n\tcode : PropTypes.string, \n\tdisabled: PropTypes.bool, \n\tratio : PropTypes.string, \n\trounded : PropTypes.bool, \n\tsize : PropTypes.string \n};\n\nexport default Flag;","import moment from 'moment';\n\nexport const isObject = (obj) => {\n\treturn typeof obj === 'object' && obj !== null && !Array.isArray(obj);\n};\n\nexport const isFunction = (obj) => {\n\treturn !!(obj && obj.constructor && obj.call && obj.apply);\n};\nexport const pad = (num, size) => {\n\tlet s = num + '';\n\twhile (s.length < size) s = '0' + s;\n\treturn s;\n};\n\nexport const deepCopy = (object) => {\n\treturn JSON.parse(JSON.stringify(object));\n};\n\n/**\n * Format bytes as human-readable text.\n *\n * @param bytes Number of bytes.\n * @param si True to use metric (SI) units, aka powers of 1000. False to use\n * binary (IEC), aka powers of 1024.\n * @param dp Number of decimal places to display.\n *\n * @return Formatted string.\n */\nexport const bytesToHuman = (bytes, si = false, dp = 1) => {\n\tconst thresh = si ? 1000 : 1024;\n\n\tif (Math.abs(bytes) < thresh) {\n\t\treturn bytes + ' B';\n\t}\n\n\tconst units = si\n\t\t? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\t\t: ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n\tlet u = -1;\n\tconst r = 10 ** dp;\n\n\tdo {\n\t\tbytes /= thresh;\n\t\t++u;\n\t} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n\n\treturn parseFloat(bytes.toFixed(dp)) + ' ' + units[u];\n};\n\nexport const metricSecondToHumanToken = seconds => {\n\tconst minute = 60;\n\tconst hour = 60 * minute;\n\tconst day = hour * 24;\n\tif (seconds >= day)\n\t\treturn ['metrics_days', { value: Math.floor(seconds / day) }];\n\tif (seconds >= hour)\n\t\treturn ['metrics_hours', { value: Math.floor(seconds / hour) }];\n\tif (seconds >= minute)\n\t\treturn ['metrics_minutes', { value: Math.floor(seconds / minute) }];\n\treturn ['metrics_seconds', { value: seconds }];\n};\n\n\nexport const roundDecimal = (value, decimal = 2) => {\n\treturn Math.round((value + Number.EPSILON) * Math.pow(10, decimal)) / Math.pow(10, decimal);\n};\n\nexport const downloadUrl = (url, name = 'download') => {\n\tlet a = document.createElement('a');\n\ta.href = url;\n\ta.download = name;\n\ta.click();\n};\n\nexport const formatDuration = (duration) => {\n\tconst time = moment()\n\t\t.seconds(duration.seconds())\n\t\t.minutes(duration.minutes());\n\n\treturn time.format('mm:ss');\n};\n\nexport const tokenize = (string) => {\n\t// Convert to lowercase ASCII\n\tstring = string.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").toLowerCase();\n\n\t// Remove non-alphanumeric characters and replace with hyphens\n\tstring = string.replace(/[^a-z0-9]+/g, '-');\n\n\t// Trim hyphens at the start and end\n\treturn string.replace(/^-+|-+$/g, '');\n}","import React, { useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport {useRest} from '@karpeleslab/react-klbfw-hooks';\n\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Date from '../input/Date';\nimport Flag from '../data/Flag';\nimport Grid from '@material-ui/core/Grid';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport ListSubheader from '@material-ui/core/ListSubheader';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport {Select} from '@material-ui/core';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport {isObject} from '../../../utils/misc';\nimport {getLocale} from '@karpeleslab/klbfw';\n\n\nconst buildItem = (v, t) => {\n\tif (!v) return; // The default value\n\treturn (\n\t\t\n\t);\n};\n\nconst MultiLangTextField = ({\n\tallowDelete \t= true, \n\tdisabled \t\t= false, \n\tendAdornment \t= null, \n\tsetValue, \n\ttype, \n\tvalue, \n\tselectOptions \t= null,\n\t...rest\n}) => {\n\tconst [languages] \t\t\t\t= useRest('Language');\n\tconst [langs, setLangs]\t\t\t= useState([]);\n\tconst [open, setOpen] \t\t\t= useState(false);\n\n\tconst [objectMode] = useState(isObject(value));\n\tconst [lang, setLang] \t\t\t= useState(objectMode ? (Object.keys(value)?.[0] ?? getLocale()) : 'any');\n\tconst [valueMap, setValueMap] \t= useState(objectMode ? value : {});\n\n\tconst {t} = useTranslation();\n\n\tuseEffect(() => {\n\t\tif (!languages || !languages.data) \n\t\t\treturn; \n\t\tsetLangs(languages.data);\n\t}, [languages, setLangs]);\n\n\tuseEffect(() => {\n\t\tif(objectMode) {\n\t\t\treturn;\n\t\t}\n\t\tconst m = {};\n\t\tvalue.forEach(v => m[v.Language__ ?? 'any'] = v);\n\t\tsetValueMap(m);\n\n\t}, [value, setValueMap, objectMode]);\n\n\tconst handleClose = () => {\n\t\tsetOpen(false);\n\t};\n\n\tconst handleOpen = e => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetOpen(true);\n\t};\n\n\tconst onChangeObjectMode = (l, v) => {\n\t\tlet newValue = {...value};\n\t\tif (type === 'date' && !v && allowDelete) delete newValue[l];\n\t\telse if (type !== 'date' && !v.trim() && allowDelete) delete newValue[l];\n\t\telse newValue[l] = v;\n\n\t\tsetValue(newValue);\n\t};\n\n\tconst onChange = (l, v) => {\n\t\tif(objectMode) {\n\t\t\tonChangeObjectMode(l, v);\n\t\t\treturn;\n\t\t}\n\n\t\tl = l === 'any' ? null : l;\n\t\tlet newValue = [...value];\n\t\tif (type === 'date' && !v && allowDelete) \n\t\t\tsetValue(newValue.filter(nv => nv.Language__ !== l));\n\t\telse if (type !== 'date' && !v.trim() && allowDelete) \n\t\t\tsetValue(newValue.filter(nv => nv.Language__ !== l));\n\t\telse {\n\t\t\tfor (let i = 0; i < newValue.length; i++) {\n\t\t\t\tif (newValue[i].Language__ === l) {\n\t\t\t\t\tnewValue[i].Value = type === 'date' ? v : v;\n\t\t\t\t\tsetValue(newValue);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tnewValue.push({Language__: l, Value: v});\n\t\t\tsetValue(newValue);\n\t\t}\n\t};\n\n\tconst Field \t= type === 'date' ? Date : TextField;\n\tconst defaultV \t= type === 'date' ? null : '';\n\treturn (\n\t\t\n\t\t\t\t\t\t\tsample\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\tsample\n\t\t\t\t\t\tsample\n\t\t\t\t\t
\n\t\t\t\t\t\t\tsample\n\t\t\t\t\t\t\t{{ date }}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default Gauge;\n\nGauge.propTypes = {\n\theight: PropTypes.number,\n\tvalue: PropTypes.number.isRequired,\n\twidth: PropTypes.number\n};\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport { Grid } from '@material-ui/core';\nimport Gauge from '../../core/data/Gauge/Gauge';\n\nconst Metric = ({ title, value }) => {\n\treturn (\n\t\t\n\t\t\t\t\t\t\t\t{wallet.Balance.display_short}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t{t('tablecell_username')}\n\t\t\t\t}\n\t\t\t\tsortable\n\t\t\t>\n\t\t\t\t{ withdrawal => withdrawal.User.Display_Name || withdrawal.User.Email }\n\t\t\t
- \n\t\t\t\t\t
- \n\t\t\t\t\t
{record.data.Name ?? 'N/A'}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{formatDuration(moment.duration(parseInt(record.data.Duration), 'seconds'))}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{record.data.ISRC ?? 'N/A'}
\n\t\t\t\t\t\t{t(`record_type_${record.data.IVK}`)}
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t{Object.keys(record.data.Flags).map((flag, idx) =>\n\t\t\t\t\t\t\t\t\t
- {t(`record_flags_${flag}`)} \n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
{record?.Music_Genre?.Name ?? 'N/A'}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{artist.Role}: {`${artist.Music_Label_Artist.Name}`}
)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t{record.data?.Language__ ?? 'N/A'}
\n\t\t\t\t\t\t{l.Text}
)}\n\t\t\t\t\t\t\t{lyrics.data.length < 1 && t('record_no_lyrics')}\n\t\t\t\t\t\tN/A
;\n\n\treturn (\n\t\t{(album.data.Description ?? '').trim() || 'N/A'}
\n\t\t\t\t\t{album.data?.Music_Genre?.Name ?? 'N/A'}
\n\t\t\t\t\t{album.data.Review}
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{artist.Role}: {`${artist.Music_Label_Artist.Name}`}
)\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default Layout;","import React from 'react';\nimport MenuContextContainer from './context/MenuContext';\nimport UserContainer from './context/UserContext';\nimport SnackbarContainer from './context/SnackbarContext';\n\nimport ConfirmBeforeLeaveDialog from './components/core/utils/ConfirmBeforeLeave/ConfirmBeforeLeaveDialog';\nimport {Helmet} from 'react-helmet';\nimport ScrollToTop from './components/core/utils/ScrollToTop/ScrollToTop';\nimport Snackbar from './components/layout/Snackbar/Snackbar';\nimport MuiTheme from './components/core/MuiTheme/MuiTheme';\nimport Layout from './components/layout/Layout';\n\nfunction App() {\n\treturn (\n\t\t