Registration
\n Company details
\n \n \n
\n \n \n \n
\n \n Already a member? Sign in\n
\n \n );\n }\n}\n\nRegistration.propTypes = {};\n\nconst mapStateToProps = ({ auth }) => ({ auth });\n\nconst mapDispatchToProps = (dispatch) => ({\n register: (data) => {\n return dispatch(register(data));\n },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Registration);\n","import React from 'react';\nimport {Link} from 'react-router-dom';\n\nimport './Registration.sass';\nimport ROUTES from '../../../constants/routes';\n\nconst RegistrationSuccess = () =>\n \n ![\"Entrance](\"/images/img-logo.svg\")
\n
;\n\nexport default RegistrationSuccess;\n\n","export default {\n PROMOTER: 1,\n ADMIN: 2,\n}","import React, { Component } from 'react';\n\nclass BlockedUserModal extends Component {\n render() {\n return (\n \n \n
\n Thank you for registration!
\nPlease click the activation link that has been sent to your email.
\n\n Sign in\n
\n \n ![\"Lock\"](\"/images/img-lock.png\")
\n
\n );\n }\n}\n\nexport default BlockedUserModal;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { history } from '../../../helpers/history';\nimport { Link } from 'react-router-dom';\nimport ROUTES from '../../../constants/routes';\nimport ROLES from '../../../constants/roles';\nimport Swal from 'sweetalert2';\nimport withReactContent from 'sweetalert2-react-content';\nimport BlockedUserModal from './modals/BlockedUserModal';\nimport { signIn, resetError } from '../../../store/actions/authActions';\nimport browserTabTitleOverride from '../../../helpers/tabTitleOverride';\n\nimport './Login.sass';\n\nconst MySwal = withReactContent(Swal);\n\nclass Login extends Component {\n state = {\n email: localStorage.getItem('bufferEmail')\n ? localStorage.getItem('bufferEmail')\n : '',\n password: '',\n isShowBlockedUserModal: false,\n error: '',\n };\n\n componentDidMount() {\n browserTabTitleOverride();\n this.setState({\n error: typeof this.props.error === 'string' && this.props.error,\n isShowBlockedUserModal: this.props.error === 'Your account is blocked, please, contact admin'\n || localStorage.getItem('isBlocked')\n });\n }\n\n componentWillUnmount() {\n localStorage.getItem('bufferEmail') !== null &&\n localStorage.removeItem('bufferEmail');\n this.props.resetError();\n }\n\n showModal = () => {\n MySwal.fire({\n html: \n \n Please, contact us for more information:\n {' '}\n name_of_company@gmail.com\n
\n\n {this.state.isShowBlockedUserModal && this.showModal()}\n
\n );\n }\n}\n\nLogin.propTypes = {};\n\nconst mapStateToProps = ({ auth }) => ({ error: auth.error });\n\nconst mapDispatchToProps = (dispatch) => ({\n signIn: (data) => {\n return dispatch(signIn(data));\n },\n resetError: () => {\n return dispatch(resetError());\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\n","import React, {Component} from 'react';\nimport {connect} from 'react-redux';\nimport {Link} from 'react-router-dom';\nimport ROUTES from '../../../constants/routes';\nimport {changePasswordRequest} from '../../../store/actions/authActions';\nimport {toast} from 'react-toastify';\nimport browserTabTitleOverride from '../../../helpers/tabTitleOverride';\n\nimport './RecoverPassword.sass'\n\nclass RecoverPassword extends Component {\n state = {\n email: '',\n isChangePasswordRequest: false,\n isSend: false\n };\n\n componentDidMount() {\n browserTabTitleOverride();\n }\n\n componentDidUpdate(prevProps){\n if (this.props.auth.error && this.props.auth.error !== prevProps.auth.error) {\n if (this.props.auth.error.response) {\n this.setState({errors: [this.props.auth.error.response.data]}, () => {\n this.setState({error: Object.values(this.state.errors[0])[0][0]})\n });\n } else {\n this.setState({error: this.props.auth.error.message})\n }\n }\n }\n\n redirectToLogin = () => this.props.history.push({pathname: ROUTES.LOGIN});\n\n inputChangeHandler = event => {\n const {name, value} = event.target;\n\n this.setState({[name]: value});\n };\n\n changePasswordRequest = (e) => {\n const {email, isChangePasswordRequest} = this.state;\n const {changePasswordRequest} = this.props;\n const data = {\n email\n };\n\n this.setState({\n isSend: !this.state.isSend\n });\n\n changePasswordRequest(data)\n .then(response => {\n if (response && response.data.isSuccess) {\n this.setState({isChangePasswordRequest: true}, () => {\n if (isChangePasswordRequest) {\n toast.dismiss(256);\n toast.success('Message was sent again.', {\n toastId: 256\n });\n }\n });\n } else if (response && !response.data.isSuccess) {\n e.preventDefault()\n this.setState({\n isSend: !this.state.isSend\n });\n this.setState({ error: response.data.errorMessage });\n } else {\n e.preventDefault()\n this.setState({\n isSend: !this.state.isSend\n });\n }\n });\n };\n\n render() {\n const {email, isChangePasswordRequest, error} = this.state;\n return (\n Sign in to your account
\n \n \n Registration\n \n 1144-web-save-the-parameter-ignore-this-line-for-the-header-of-the-file-for-the-current-provider
\n\n \n {\n isChangePasswordRequest\n ?
\n );\n }\n}\n\nRecoverPassword.propTypes = {};\n\nconst mapStateToProps = ({auth}) => ({auth});\n\nconst mapDispatchToProps = dispatch => ({\n changePasswordRequest: data => dispatch(changePasswordRequest(data))\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(RecoverPassword);\n","import React, {Component} from 'react';\nimport {connect} from 'react-redux';\nimport {history} from '../../../helpers/history';\nimport { withRouter } from 'react-router-dom';\nimport ROUTES from '../../../constants/routes';\nimport queryString from 'query-string'\nimport {changePassword} from '../../../store/actions/authActions';\n\nclass NewPassword extends Component {\n constructor(props) {\n super(props);\n\n const values = queryString.parse(this.props.location.search);\n\n this.state = {\n email: values.Email,\n token: values.token,\n password: '',\n confirmPassword: ''\n };\n }\n\n componentDidUpdate(prevProps){\n if (this.props.auth.error !== prevProps.auth.error) {\n if (this.props.auth.error.response) {\n this.setState({errors: [this.props.auth.error.response.data]}, () => {\n this.setState({error: Object.values(this.state.errors[0])[0][0]})\n });\n } else {\n this.setState({error: this.props.auth.error.message})\n }\n }\n }\n\n redirectToLogin = () => this.props.history.push({pathname: ROUTES.LOGIN});\n\n inputChangeHandler = event => {\n const {name, value} = event.target;\n\n this.setState({[name]: value});\n };\n\n changePassword = () => {\n const {email, token, password, confirmPassword} = this.state;\n const {changePassword} = this.props;\n const data = {\n email,\n passwordRecoveryToken: token,\n newPassword: password\n };\n\n if (password === confirmPassword) {\n changePassword(data)\n .then(response => {\n if (response && response.data.isSuccess) {\n history.push(ROUTES.LOGIN);\n } else if (response && !response.data.isSuccess) {\n this.setState({error: response.data.errorMessage})\n }\n });\n } else {\n this.setState({error: 'Passwords don\\'t match'})\n }\n };\n\n render() {\n const {email, password, confirmPassword, error} = this.state;\n return (\n \n {\n isChangePasswordRequest\n ? \n Reset link was sent to your email\n
\n If message has not come, click\n {' '}\n \n here\n \n
\n to send reset link again\n Sign in\n
\n\n : \n If message has not come, click\n {' '}\n \n here\n \n
\n to send reset link again\n Sign in\n
\n
\n\n }\n Recover password
\n \n \n \n \n
\n \n \n
\n );\n }\n}\n\nconst mapStateToProps = ({auth}) => ({auth});\n\nconst mapDispatchToProps = dispatch => ({\n changePassword: data => {return dispatch(changePassword(data))}\n});\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(NewPassword));\n","import React, {Fragment} from 'react';\nimport {Route, Redirect} from 'react-router-dom';\nimport ROUTES from '../../constants/routes';\nimport Registration from '../../containers/Auth/Registration/Registration';\nimport RegistrationSuccess from '../../containers/Auth/Registration/RegistrationSuccess';\nimport Login from '../../containers/Auth/Login/Login';\nimport RecoverPassword from '../../containers/Auth/RecoverPassword/RecoverPassword';\nimport NewPassword from '../../containers/Auth/RecoverPassword/NewPassword';\n\nconst NotAuthorizedLayout = () => {\n return localStorage.getItem('user')\n ? \n Recover password for
\n {email}
\n \n \n \n \n
\n {children}
);\n\nexport default Container;","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst Icon = ({ name }) => {\n switch (name) {\n case \"chevron\":\n return (\n \n
\n \n
\n \n \n {labels.map((item, key) =>\n key === 0 ? item : [ / , item])}\n
\n );\n }\n return (\n \n {children}\n
\n );\n};\n\nexport default PageTitle;","import React, {Fragment} from 'react';\n\nimport Icon from \"../../Icon/Icon\";\n\nimport '../Collapsible.sass';\n\nconst trigger = props => {\n return(\n {props.title}
\n \n\n
\n );\n\n return (\n This is the collapsible content. It can be any element or React component you like.
\nIt can even be another Collapsible component. Check out the next section!
\nSomething you may ask us
\n\n\n {label}\n
\n );\n};\n","export const salesAvailabilityOptions = [\n { value: 0, label: \"Available\" },\n { value: 1, label: \"Available for offers\" },\n { value: 2, label: \"Unavailable\" },\n];\n","export const forEachElementsByClassName = (className, func) =>\n document.querySelectorAll(`.${className}`).forEach(func);\n\nexport const makeElementsReadonly = (className) =>\n forEachElementsByClassName(className, (e) => {\n const element = e.childNodes[0];\n\n if (element) {\n element.setAttribute(\"readOnly\", true);\n }\n });\n","export const getISODateWithTimezoneOffset = (date) =>\n new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString();\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport Select from \"react-select\";\nimport AsyncSelect from \"react-select/lib/Async\";\nimport moment from \"moment\";\nimport DatePicker from \"react-datepicker/es\";\nimport Swal from \"sweetalert2\";\nimport { toast } from \"react-toastify\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport {\n addEvent,\n getSeasons,\n resetEventsError,\n updateSalesAvailability,\n} from \"../../../store/actions/eventsActions\";\nimport ROUTES from \"../../../constants/routes\";\nimport { currencies } from \"../../../constants/currencies\";\nimport Container from \"../../../components/UI/Container/Container\";\nimport PageTitle from \"../../../components/UI/PageTitle/PageTitle\";\nimport NewLoader from \"../../../components/NewLoader/NewLoader\";\nimport { Counter } from \"../../../components/Counter/Counter\";\nimport { salesAvailabilityOptions } from \"../../../constants/salesAvailabilityOptions\";\nimport { makeElementsReadonly } from \"../../../helpers/html\";\nimport { getISODateWithTimezoneOffset } from \"../../../helpers/date\";\n\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./AddEvent.sass\";\n\nconst MySwal = withReactContent(Swal);\n\nclass AddEvent extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n name: \"\",\n startDate: null,\n endDate: null,\n currency: \"\",\n slug: \"\",\n isCheckingCovid: false,\n salesAvailability: salesAvailabilityOptions[0],\n activationTime: null,\n maxSeatsToSelectPerTransaction: 4,\n seasonValue: { value: 0, label: \"No Season\" },\n };\n }\n\n inputChangeHandler = (event) => {\n const { name, value } = event.target;\n\n this.setState({ [name]: value });\n };\n\n handleChange = (type, value) => {\n this.setState({ [type]: value });\n\n if (type === \"startDate\" && value) {\n const startDate = moment(value).add(1, \"day\").toDate();\n this.setState({\n endDate: startDate,\n });\n }\n };\n\n setMaxSeatsToSelectPerTransaction = (value) =>\n this.setState({\n maxSeatsToSelectPerTransaction: value,\n });\n getSeasons = () => {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n\n return () =>\n this.props.getSeasons(user.token).then((data) => [\n { value: 0, label: \"No Season\" },\n ...data.map(({ id, seasonName }) => ({\n value: id,\n label: seasonName,\n })),\n ]);\n };\n\n componentDidMount() {\n // User can't enter text in Start and End date pickers\n makeElementsReadonly(\"react-datepicker__input-container\");\n }\n\n componentWillUnmount() {\n this.props.resetEventsError();\n }\n\n addEvent = () => {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n const {\n name,\n startDate,\n endDate,\n currency,\n isCheckingCovid,\n slug,\n salesAvailability,\n activationTime,\n place,\n prefixLabel,\n maxSeatsToSelectPerTransaction,\n seasonValue,\n } = this.state;\n const { addEvent, updateSalesAvailability } = this.props;\n\n const isoStartDate = getISODateWithTimezoneOffset(startDate);\n const isoEndDate = getISODateWithTimezoneOffset(endDate);\n const isoActivationTime = activationTime\n ? getISODateWithTimezoneOffset(activationTime)\n : null;\n\n const data = {\n name,\n slug,\n prefixLabel,\n startDate: isoStartDate,\n endDate: isoEndDate,\n currency: currency.value,\n isCheckingCovid,\n place: place,\n maxSeatsToSelectPerTransaction: maxSeatsToSelectPerTransaction,\n seasonId: seasonValue.value,\n };\n\n if (data.name.length < 2 || data.name.length > 500) {\n MySwal.fire({\n title: \"Error!\",\n text: \"The field Name must be a string with a minimum length of 2 and a maximum length of 500.\",\n showConfirmButton: true,\n confirmButtonText: \"Ok\",\n type: \"error\",\n timer: 3000,\n });\n } else if (data.slug.length < 2 || data.slug.length > 30) {\n MySwal.fire({\n title: \"Error!\",\n text: \"The field slug must be a string with a minimum length of 2 and a maximum length of 30.\",\n showConfirmButton: true,\n confirmButtonText: \"Ok\",\n type: \"error\",\n timer: 3000,\n });\n } else {\n addEvent(data, user.token).then((response) => {\n if (response && response.id) {\n const payload = {\n salesAvailability: salesAvailability.value,\n activationTime: isoActivationTime,\n };\n\n updateSalesAvailability(payload, response.id, user.token).then(() => {\n this.props.history.push(ROUTES.EVENTS);\n });\n }\n });\n }\n };\n\n componentDidUpdate(prevProps) {\n if (\n this.props.events.error &&\n this.props.events.error !== prevProps.error\n ) {\n toast.error(String(this.props.events.error));\n\n this.props.resetEventsError();\n }\n }\n\n render() {\n const {\n name,\n startDate,\n endDate,\n currency,\n slug,\n place,\n prefixLabel,\n salesAvailability,\n activationTime,\n maxSeatsToSelectPerTransaction,\n seasonValue,\n } = this.state;\n\n const customSelectStyles = {\n control: (base) => ({\n ...base,\n height: \"46px\",\n \"min-height\": \"46px\",\n }),\n placeholder: (base) => ({\n ...base,\n color: \"#ABABAB\",\n }),\n };\n\n return (\n \n \n \n \n
\n \n Add event \n {this.props.events.loading ?
\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n this.handleChange(\"seasonValue\", value)}\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n />\n
\n \n
\n\n \n
\n\n \n \n {\n this.handleChange(\"startDate\", event);\n }}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n placeholderText=\"Select start date\"\n />\n
\n \n
\n \n \n {\n this.handleChange(\"endDate\", value);\n }}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n placeholderText=\"Select end date\"\n />\n
\n \n
\n\n \n
\n \n \n {\n this.handleChange(\"currency\", value);\n }}\n className=\"add-event__select\"\n styles={customSelectStyles}\n theme={(theme) => ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#6071B5\",\n primary25: \"#F2F4FE\",\n primary50: \"#F2F4FE\",\n primary75: \"#F2F4FE\",\n },\n })}\n placeholder=\"Select currency\"\n />\n
\n \n
\n\n {/* \n \n
\n \n
*/}\n \n
\n \n this.setState({isCheckingCovid: !isCheckingCovid})}\n >\n Testing for COVID-19\n \n
\n \n
\n\n \n
\n\n \n \n {\n this.handleChange(\"salesAvailability\", value);\n }}\n className=\"add-event__select\"\n styles={customSelectStyles}\n theme={(theme) => ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#6071B5\",\n primary25: \"#F2F4FE\",\n primary50: \"#F2F4FE\",\n primary75: \"#F2F4FE\",\n },\n })}\n />\n
\n \n
\n \n \n {\n this.handleChange(\"activationTime\", value);\n }}\n timeFormat=\"HH:mm\"\n showTimeSelect\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n placeholderText=\"Select activation time\"\n />\n
\n \n
\n \n
\n \n
\n \n \n Add event\n \n
\n \n {\n events.map(event => (\n
\n );\n }\n}\n\nexport default EventsMobileTable;\n","import React from 'react';\n\nconst TicketsImportStep = props => {\n if (props.currentStep !== props.step) {\n return null\n }\n return (\n {goToEvent(event.id)}}>\n
\n ))\n }\n \n
\n { event.name }
\n { moment(event.startDate).format(\"DD MMMM YYYY HH:mm\") }
\n \n
\n { event.scannedTickets } / { event.allTickets }
\n { moment(event.endDate).format(\"DD MMMM YYYY HH:mm\") }
\n \n {props.children}\n
\n );\n};\n\nexport default TicketsImportStep;","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './Modal.sass';\n\nconst modalRoot = document.getElementById( 'modal' );\nclass Modal extends React.Component {\n constructor( props ) {\n super( props );\n\n this.element = document.createElement( 'div' );\n this.element.className = 'modal';\n }\n\n componentDidMount() {\n let body = document.body\n body.classList.add('modal-opened')\n modalRoot.appendChild( this.element );\n }\n\n componentWillUnmount() {\n let body = document.body\n body.classList.remove('modal-opened')\n modalRoot.removeChild( this.element );\n }\n\n render() {\n return createPortal( this.props.children, this.element );\n }\n}\nexport default Modal;\n","import React, { Component } from 'react';\nimport TicketsImportStep from \"./TicketsImportStep\";\nimport './TicketsImport.sass'\nimport Modal from '../Modal/Modal';\n\nclass TicketsImportComponent extends Component {\n state = {\n loginData: {\n login: '',\n password: '',\n },\n };\n\n handleInput = evt => {\n const name = evt.target.name;\n const value = evt.target.value;\n\n this.setState((state) => ({\n loginData: {\n ...state.loginData,\n [name]: value,\n }\n }));\n };\n\n clearInput = () => {\n this.setState({ loginData: {\n login: '',\n password: '',\n }});\n }\n\n render() {\n const {providersEvents, selectedEvent, currentStep, isValid} = this.props.ticketsImport;\n const {isActive, prevStep, isLoading, nextStep} = this.props;\n return <>\n {\n isActive\n ? \n \n
\n \n
\n\n Choose ticket provider
\n\n nextStep()}\n >\n Tibbaa\n
\n \n {\n this.props.importTicketsToggle();\n this.props.ticketsImportClearStore();\n }\n }\n >\n Cancel\n \n
\n \n\n \n {\n prevStep();\n this.clearInput()\n }}\n >\n Back\n \n
\n\n Sign in to Tibbaa
\n\n \n
\n \n {\n this.props.importTicketsToggle();\n this.props.ticketsImportClearStore();\n this.clearInput()\n }\n }\n >\n Cancel\n \n {\n this.props.getProvidersEvents(this.state.loginData, this.props.token)\n }\n }\n >\n Sign In\n \n
\n \n Back\n
\n\n Choose your event
\n\n {\n !isLoading\n ? [...providersEvents].map(event => {\n const {enterXlEventId, selectProvidersEvent} = this.props;\n return (\n
\n selectProvidersEvent(event, enterXlEventId)}\n className={\n `tickets-import__item ${\n this.props.ticketsImport.selectedEvent.eventId === event.eventId\n ? 'tickets-import__item--active'\n : null\n }`\n }\n >\n {event.eventName}\n
\n );\n })\n : 'Loading...'\n }\n \n {\n this.props.importTicketsToggle();\n this.props.ticketsImportClearStore();\n }\n }\n >\n Cancel\n \n {\n this.props.nextStep();\n }\n }\n >\n Next\n \n
\n \n \n Back\n \n
\n\n Choose your ticket template
\n\n {\n !isLoading && Object.keys(selectedEvent).length\n ? [...selectedEvent.ticketTemplate].map(ticketTemplate => {\n\n return (\n this.props.selectProvidersTicketTemplate(ticketTemplate, this.props.enterXlTicketTemplateId)}\n className={\n `tickets-import__item ${\n this.props.ticketsImport.selectedTicket.ticketTemplateId === ticketTemplate.ticketTemplateId\n ? 'tickets-import__item--active'\n : null\n }`\n }\n >\n {ticketTemplate.ticketName}\n
\n );\n })\n : 'false'\n }\n \n \n {\n this.props.importTicketsToggle();\n this.props.ticketsImportClearStore();\n }\n }\n >\n Cancel\n \n {\n this.props.importTickets(this.props.ticketsImport.dataForImport, this.state.loginData, this.props.token);\n this.props.importTicketsToggle();\n this.setState({\n loginData: {\n login: '',\n password: '',\n },\n })\n }\n }\n >\n Import\n \n
\n \n \n ({\n onClick: (e) => {\n this.goToEventPage(rowInfo.original.id, e);\n },\n })}\n />\n \n ) : (\n
\n \n {emptyStateText} \n ![\"Empty](\"/images/img-empty-events.svg\")
\n
\n )}\n \n \n \n Add event\n \n
\n \n {list\n ? list.map((eventItem) => (\n {\n onRowClick(eventItem.id, event);\n }}>\n \n {eventItem.ticketName}\n \n \n {eventItem.scannedTickets}/{eventItem.allTickets}\n \n {/* onImportClick(eventItem.id)}>\n import\n */}\n
\n ))\n : null}\n \n);\n\nMobileTicketsList.propTypes = {\n list: PropTypes.array,\n};\n\nexport default MobileTicketsList;\n","import React from 'react';\n\nimport './MobileHeader.sass';\n\nconst mobileHeader = ({children}) => (\n \n {children}\n
\n);\n\nexport default mobileHeader;\n","import React, { Component } from \"react\";\n\nimport \"./Dropzone.sass\";\n\nclass Dropzone extends Component {\n state = {\n wasLoad: false,\n };\n\n fileInputRef = React.createRef();\n\n openFileDialog = () => {\n this.fileInputRef.current.click();\n };\n\n onFilesAdded = (evt) => {\n const files = evt.target.files;\n if (this.props.onFilesAdded) {\n const array = this.fileListToArray(files);\n this.props.onFilesAdded(array);\n this.props.onButtonEnable(evt.target.files);\n this.setState({\n wasLoad: true,\n });\n }\n };\n\n onDrop = (event) => {\n event.preventDefault();\n const files = event.dataTransfer.files;\n // const format = files[0].name.slice(-4);\n const type = files[0].type;\n const accept = this.props.accept;\n const isAccepted = accept ? accept.includes(type) : true;\n\n if (files.length > 1) {\n this.props.onlyOneFileErrorHandle();\n return;\n }\n\n if (this.props.onFilesAdded && isAccepted) {\n const array = this.fileListToArray(files);\n this.props.onFilesAdded(array);\n this.props.onButtonEnable(files);\n }\n\n if (!isAccepted) {\n this.props.unsupportedFileFormatHandle();\n }\n };\n\n onDragOver = (event) => {\n event.preventDefault();\n };\n\n fileListToArray = (list) => {\n const array = [];\n for (let i = 0; i < list.length; i++) {\n array.push(list.item(i));\n }\n return array;\n };\n\n onFileInputClick = (event) => {\n event.target.value = null;\n };\n\n render() {\n const { imgUrl } = this.props;\n\n return (\n 
\n ) : (\n <>\n \n Drop file here\n
or\n
\n Error!\n You can upload only 1 file!\n
\n );\n }\n}\n\nexport default OnlyOneFileModal;\n","import React, { Component } from \"react\";\n\nimport \"../Upload.sass\";\n\nclass UnsupportedFileFormatModal extends Component {\n render() {\n return (\n\n Error!\n Unsupported file format.\n
Only {this.props.accept || \".csv\"} files are allowed\n
\n
\n \n );\n }\n}\n\nexport default Upload;\n","import React from 'react';\n\nimport Upload from '../../../containers/Upload/Upload';\n\nimport './FirstTab.sass';\n\nconst FirstTab = props =>\n \n
\n {this.state.files.length === 1 ? (\n \n {this.state.files.map((file) => {\n return (\n
\n ) : null}\n \n
\n );\n })}\n \n
\n \n 
\n
\n \n {file.name.length > 40\n ? file.name.substr(0, 40) + \"...csv\"\n : file.name}\n \n \n
;\n\nexport default FirstTab;\n","import React, { Component } from \"react\";\nimport Select from \"react-select\";\n\nimport \"./SecondTab.sass\";\n\nclass SecondTab extends Component {\n render() {\n const { providers, handleChange, searchInputHandle, searchValue } =\n this.props;\n const options = [];\n providers.forEach((provider) => {\n options.push({ label: provider.name, value: provider.id });\n });\n\n const customSelectStyles = {\n control: (base) => ({\n ...base,\n cursor: \"pointer\",\n }),\n };\n return (\n \n \n \n \n
\n\n \n
\n Choose the file ( .csv)
\n\n\n
\n );\n }\n}\n\nexport default SecondTab;\n","import React, {Component} from 'react';\nimport OutsideClickHandler from 'react-outside-click-handler';\n\nimport './Column.sass';\n\nclass Column extends Component {\n state = {\n isShowDropdown: false,\n selectedItem: this.props.selectedItem ? this.props.selectedItem : 'Choose field'\n };\n\n closeToggle = () => {\n this.props.clearColumn(this.props.accessor);\n this.setState({\n selectedItem: 'Choose field'\n })\n };\n\n onShowDropdown = () => {\n this.setState({\n isShowDropdown: !this.state.isShowDropdown\n });\n };\n\n clickHandler = item => {\n this.setState({\n selectedItem: item.fieldName,\n isShowDropdown: false\n });\n };\n\n dropdownItems = () => this.props.dropdown.map((item) => {\n return \n {\n handleChange(\"selectedProvider\", value);\n }}\n styles={customSelectStyles}\n theme={(theme) => ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#6071B5\",\n primary25: \"#F2F4FE\",\n primary50: \"#F2F4FE\",\n primary75: \"#F2F4FE\",\n },\n })}\n onInputChange={searchInputHandle}\n inputValue={searchValue}\n />\n
\n \n
\n {\n isShowDropdown &&\n (\n \n \n
\n )\n }\n {clearColumn && {title || selectedItem}
\n {\n toggleSubmenu &&\n (\n\n {this.dropdownItems()}\n
\n )\n }\n \n \n )\n }\n\n};\n\nexport default Column;\n\n\n\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckBox = ({\n children,\n checked,\n onChange,\n isDisabled,\n name,\n id,\n related\n }) => {\n\n return (\n \n
\n );\n};\n\nCheckBox.propTypes = {\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n id: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).isRequired,\n children: PropTypes.any,\n isDisabled: PropTypes.bool,\n related: PropTypes.array,\n\n};\n\nCheckBox.defaultProps = {\n children: '',\n isDisabled: false,\n related: [],\n}\n\nexport default CheckBox;","import React, {Component} from 'react';\nimport ReactTable from 'react-table';\n\nimport Column from '../../../containers/BarCodes/Column/Column';\nimport NewLoader from '../../NewLoader/NewLoader';\nimport CheckBox from '../../UI/Checkbox/CheckBox';\n\nimport './ThirdTab.sass';\nimport 'react-table/react-table.css';\nimport withRouter from 'react-router/es/withRouter';\n\nconst MainTableFields = [\n {id: 1, fieldName: 'BAR-code', accessor: 'barCode'},\n {id: 2, fieldName: 'Phone', accessor: 'phone'},\n {id: 3, fieldName: 'Email', accessor: 'email'},\n {id: 4, fieldName: 'Name', accessor: 'name'},\n {id: 5, fieldName: 'Gender', accessor: 'gender'},\n {id: 6, fieldName: 'Age', accessor: 'age'},\n {id: 7, fieldName: 'Address', accessor: 'address'}\n];\nclass ThirdTab extends Component {\n state = {\n dropdown: MainTableFields,\n MainColumnData: [],\n checkedFieldAccessors: {},\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.tableConfig !== this.props.tableConfig) {\n const { id, name, isConfigured, needIncludeHeader, ...columnConfig } = this.props.tableConfig;\n needIncludeHeader && this.props.handleChange(\"isLineIgnore\", needIncludeHeader);\n const columnIndices = Object.values(columnConfig).filter((item) => item !== null);\n this.setState({ columnIndices });\n\n columnIndices.forEach((columnIndex) => {\n const item = {\n id: columnIndex + 1,\n accessor: MainTableFields[columnIndex].accessor,\n fieldName: MainTableFields[columnIndex].fieldName\n };\n const accessor = 'col' + columnIndex;\n\n this.clickDropdownItemHandler(item, accessor, isConfigured)\n });\n };\n };\n\n clickDropdownItemHandler = (item, accessor, isConfigured) => {\n let {checkedFieldAccessors, MainColumnData, dropdown} = this.state;\n const {tableColumns} = this.props.tableContent;\n\n const currentColunm = tableColumns.find(item => item.columnIndex === parseInt(accessor.slice(3)));\n if (!currentColunm) {\n return\n };\n\n dropdown = dropdown.filter(dropdownItem => dropdownItem.id !== item.id);\n\n if(MainColumnData.length === 0){\n MainColumnData = currentColunm.columnValues.map(() => ({}));\n }\n\n if(checkedFieldAccessors[accessor]){\n MainColumnData = MainColumnData.map(item => {\n delete item[checkedFieldAccessors[accessor]];\n return item;\n });\n const usedMenuItem = MainTableFields.find(item => item.accessor === checkedFieldAccessors[accessor])\n dropdown.push(usedMenuItem);\n }\n\n currentColunm.columnValues.forEach((value, index) => {\n MainColumnData[index][item.accessor] = value;\n });\n\n checkedFieldAccessors[accessor] = item.accessor;\n\n if (isConfigured) {\n this.setState((state) => {\n let columnDataToSet;\n\n if (!state.MainColumnData.length) {\n columnDataToSet = MainColumnData;\n } else {\n const MainColumnDataCopy = [...state.MainColumnData];\n const updateMainColumnData = MainColumnDataCopy.map((columnItem, idx) => {\n columnItem[item.accessor] = MainColumnData[idx][item.accessor];\n return columnItem;\n });\n\n columnDataToSet = updateMainColumnData;\n };\n\n this.props.updateMainColumnData(columnDataToSet, checkedFieldAccessors);\n\n const dropdownToSet = state.dropdown.filter(dropdownItem => dropdownItem.id !== item.id);\n\n return {\n dropdown: dropdownToSet,\n MainColumnData: [...columnDataToSet],\n checkedFieldAccessors,\n selectedItem: item.fieldName\n }\n });\n } else {\n this.props.updateMainColumnData(MainColumnData, checkedFieldAccessors);\n this.setState({\n dropdown,\n MainColumnData,\n checkedFieldAccessors,\n selectedItem: item.fieldName\n });\n }\n };\n\n clearColumn = accessor => {\n let {checkedFieldAccessors, MainColumnData, dropdown} = this.state;\n if(checkedFieldAccessors[accessor]) {\n MainColumnData = MainColumnData.map(item => {\n delete item[checkedFieldAccessors[accessor]];\n return item;\n });\n const usedMenuItem = MainTableFields.find(item => item.accessor === checkedFieldAccessors[accessor]);\n dropdown.push(usedMenuItem);\n\n delete checkedFieldAccessors[accessor];\n\n if(!Object.keys(MainColumnData[0]).length){\n MainColumnData = [];\n }\n\n this.props.updateMainColumnData(MainColumnData, checkedFieldAccessors);\n\n this.setState({\n dropdown,\n MainColumnData,\n checkedFieldAccessors,\n });\n }\n };\n\n // Remove from upper columns\n // removeFromMainTable = accessor => {\n // const {checkedFieldAccessors,} = this.state;\n // Object.keys(checkedFieldAccessors).forEach(key => {\n // if(checkedFieldAccessors[key] === accessor) this.clearColumn(key);\n // })\n // };\n\n checkboxChange = (evt) => {\n this.props.handleChange(\"isLineIgnore\", evt.target.checked);\n };\n\n render() {\n const { tableContent, tableConfig, isLineIgnore } = this.props;\n const { columnIndices, dropdown, MainColumnData } = this.state;\n\n const mainTableHeaders = MainTableFields.map(field => ({\n Header: Does your document have a headline?\n Should we ignore this line?\n
: '',\n accessor: 'col' + col.columnIndex,\n resizable: col.columnIndex === 0\n }\n )) : [];\n\n const thirdTableHeaders = (tableContent && columnIndices) || (tableContent && !tableConfig)\n ? tableContent.tableColumns.map(col => {\n const isSelectedItem = columnIndices && columnIndices.some(el => el === col.columnIndex);\n return {\n Header:\n
\n );\n }\n}\n\nexport default withRouter(ThirdTab);\n","import React from 'react';\nimport ReactTable from 'react-table';\n\nimport './FourthTab.sass';\nimport 'react-table/react-table.css';\n\n\n\n\nconst FourthTab = props => {\n\n const columns = [\n {\n Header: 'BAR-code',\n accessor: 'barCode',\n },\n {\n Header: 'Phone',\n accessor: 'phone',\n },\n {\n Header: 'Email',\n accessor: 'email',\n },\n {\n Header: 'Name',\n accessor: 'name',\n },\n {\n Header: 'Gender',\n accessor: 'gender',\n },\n {\n Header: 'Age',\n accessor: 'age',\n },\n {\n Header: 'Address',\n accessor: 'address',\n },\n ];\n\n return \n
\n\n {\n columns.length ?\n <>\n \n \n Ignore this Line\n \n
\n\n \n
\n \n : \n ({\n onClick: (e) => {console.log(rowInfo)},\n })}\n />\n\n
;\n}\n\nexport default FourthTab;\n","import React, { Component } from \"react\";\n\nimport \"../BarCodes.sass\";\n\nclass PleaseWaitModal extends Component {\n render() {\n const { message } = this.props;\n return (\n \n
\n\n {props.inputValue}
\n \n Please wait\n {message}\n
\n );\n }\n}\n\nexport default PleaseWaitModal;\n","import React, {Component} from 'react';\n\nimport '../BarCodes.sass'\n\nclass ImportantModal extends Component {\n render() {\n const { all, updated, duplicate } = this.props;\n return (\n\n It's important!\n Check any ticket from this list before the event!\n
\n );\n }\n}\n\nexport default ImportantModal;\n","import React, {Component} from 'react';\n\nimport '../BarCodes.sass'\n\nclass ErrorModal extends Component {\n render() {\n return (\n \n
\n Success!
\n\n
\n All tickets in file: {all - duplicate}
\nUpdated tickets: {updated}
\n\n Error!\n Something went wrong.
\n Review data and try again.\n
\n );\n }\n}\n\nexport default ErrorModal;\n","import React from 'react';\nimport {Link} from 'react-router-dom';\n\nimport './Page404.sass';\nimport NotFoundImage from '../../images/pic_404.png';\n\nconst page404 = () => {\n return (\n \n Review data and try again.\n
\n 
\n \n \n \n
\n );\n};\n\nexport default page404;\n","import React, { Fragment } from \"react\";\nimport Link from \"react-router-dom/es/Link\";\n\nexport const Breadcrumbs = ({ routes }) => {\n return (\n <>\n {routes.map((x, index) => {\n const isLast = index === routes.length - 1;\n\n return (\n Sorry, page is not found
\n{props.children}
;\n\n const Step = (props) => (\n \n
\n );\n\n const helpText = (\n \n
\n\n \n {props.indicator}\n
\n {props.title}
\n {props.children}
\n \n
\n );\n\n const trigger = If you have some problems, watch a short video-guide.
\n \n\n
\n \n
\n \n
\n = 4 ? \"show\" : \"\"}`}>\n
\n \n \n {this.state.buttonName}\n \n
\n \n // Scanned tickets\n //
\n // ),\n accessor: \"scannedTickets\",\n width: 196,\n },\n {\n Header: \"Total\",\n accessor: \"allTickets\",\n width: 196,\n },\n {\n Header: \"Price\",\n accessor: \"price\",\n width: 196,\n },\n {\n Header: \"Capacity\",\n accessor: \"capacity\",\n width: 196,\n },\n {\n Header: () => (\n \n //
\n // \n // \n // this.filterScannedTicketsByDate(\n // \"scannedTicketsStartDate\",\n // value\n // )\n // }\n // showTimeSelect\n // timeFormat=\"HH:mm\"\n // timeIntervals={15}\n // dateFormat=\"h:mm a d MMM yyyy \"\n // timeCaption=\"time\"\n // popperProps={{\n // positionFixed: true,\n // }}\n // />\n //
\n // \n // \n // this.filterScannedTicketsByDate(\n // \"scannedTicketsEndDate\",\n // value\n // )\n // }\n // showTimeSelect\n // timeFormat=\"HH:mm\"\n // timeIntervals={15}\n // dateFormat=\"h:mm a d MMM yyyy \"\n // timeCaption=\"time\"\n // popperProps={{\n // positionFixed: true,\n // }}\n // />\n //
\n // \n
\n ),\n id: \"clicka-me-button\",\n Cell: (data) => (\n <>\n {/* \n
\n \n
\n \n
\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n \n {currentEvent.allTickets}\n \n
\n \n \n \n {currentEvent.scannedTickets}\n \n
\n \n
\n \n
\n\n \n \n this.handleChangeDate(\"startDate\", value)}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n
\n \n
\n\n {currentEvent.seasonName && (\n \n \n this.handleChangeDate(\"endDate\", value)}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n
\n \n
\n )}\n \n \n \n {currentEvent.seasonName}\n \n
\n \n
\n\n \n
\n \n \n this.handleChangeCurrency(value)}\n className=\"add-event__select\"\n styles={customSelectStyles}\n theme={(theme) => ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#6071B5\",\n primary25: \"#F2F4FE\",\n primary50: \"#F2F4FE\",\n primary75: \"#F2F4FE\",\n },\n })}\n />\n
\n \n
\n {/* \n \n
\n \n
*/}\n \n
\n \n {\n this.setState((prevState) => ({\n ...prevState,\n isDisabled: false,\n currentEvent: {\n ...prevState.currentEvent,\n isCheckingCovid:\n !prevState.currentEvent.isCheckingCovid,\n },\n }));\n }}\n >\n Testing for COVID-19\n \n
\n \n
\n\n \n
\n \n \n ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#6071B5\",\n primary25: \"#F2F4FE\",\n primary50: \"#F2F4FE\",\n primary75: \"#F2F4FE\",\n },\n })}\n />\n
\n \n
\n \n \n
\n \n \n
\n \n\n {currentEvent.ticketTemplates === undefined ? (\n \n
\n\n \n \n this.handleChangeEventField(\n \"maxSeatsToSelectPerTransaction\",\n value\n )\n }\n />\n
\n \n
\n \n \n
\n \n \n Send reselling offers\n \n
\n \n \n
\n ) : (\n {emptyStateText}
\n\n \n this.downloadExcelReport(\"tickets-report\")}\n >\n
\n \n \n \n \n Manage seats\n \n \n \n \n
\n \n \n Map mode: {currentEvent.isPublicMode ? \"public\" : \"hidden\"}\n \n
\n \n \n \n \n
\n );\n }\n}\n\nexport default ButtonBurger;","import React, { Component, createRef, Fragment } from \"react\";\nimport { disablePageScroll, enablePageScroll } from \"scroll-lock\";\nimport { connect } from \"react-redux\";\nimport { NavLink, withRouter } from \"react-router-dom\";\nimport ButtonBurger from \"../UI/ButtonBurger/ButtonBurger\";\nimport ROUTES from \"../../constants/routes\";\nimport Icon from \"../UI/Icon/Icon\";\nimport { logout } from \"../../store/actions/authActions\";\nimport ROLES from \"../../constants/roles\";\nimport Swal from \"sweetalert2\";\n\nimport \"./Sidebar.sass\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nconst MySwal = withReactContent(Swal);\nclass Sidebar extends Component {\n state = {\n isSidebarState: true,\n };\n modalRef = createRef(null);\n\n toggleSidebar = (isSidebarState) => this.setState({ isSidebarState });\n logoutEvent = () => {\n MySwal.fire({\n title: \"Are you sure you want to log out?\",\n showCancelButton: true,\n cancelButtonText: \"Cancel\",\n showConfirmButton: true,\n confirmButtonText: \"Log out\",\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n this.props.logout();\n }\n });\n };\n\n isLinkActive = (match, location, typeOfRoute) => {\n const routeNormalizer = (route) => route.split(\"/\")[1];\n if (typeOfRoute === ROUTES.EVENTS) {\n return (\n match ||\n routeNormalizer(location.pathname) === routeNormalizer(ROUTES.EVENT) ||\n location.pathname === ROUTES.ADD_EVENT ||\n routeNormalizer(location.pathname) ===\n routeNormalizer(ROUTES.ADD_TICKET)\n );\n } else if (typeOfRoute === ROUTES.SCANTEAMS) {\n return (\n match ||\n routeNormalizer(location.pathname) ===\n routeNormalizer(ROUTES.SCANTEAMS_VIEW)\n );\n }\n };\n\n componentDidUpdate() {\n if (!this.state.isSidebarState) {\n disablePageScroll(this.modalRef.current);\n } else {\n enablePageScroll(this.modalRef.current);\n }\n }\n\n render() {\n const { isSidebarState } = this.state;\n const {\n auth: {\n user: { role },\n },\n } = this.props;\n const userCopy = JSON.parse(localStorage.getItem(\"userCopy\"));\n\n let navigation = null;\n\n if (\n role === ROLES.PROMOTER &&\n window.location.pathname !== ROUTES.PROMOTERS\n ) {\n navigation = (\n \n {navigation}\n {/*TODO: need for future development*/}\n {/**/}\n {/**/}\n {/*Settings*/}\n {/* */}\n
\n \n );\n }\n}\n\nconst mapStateToProps = ({ auth }) => ({ auth });\n\nconst mapDispatchToProps = (dispatch) => ({\n logout: () => {\n dispatch(logout());\n },\n});\n\nexport default withRouter(\n connect(mapStateToProps, mapDispatchToProps)(Sidebar)\n);\n","import React from \"react\";\nimport DatePicker from \"react-datepicker/es\";\nimport \"react-datepicker/dist/react-datepicker.css\";\n\nimport \"./TicketRule.sass\";\n\nconst TicketRule = (props) => {\n const { id, startDate, endDate, price, description } = props.rule;\n return (\n \n
\n \n
\n );\n};\n\nexport default TicketRule;\n","const numberNormalize = value => {\n const match = /(\\d{0,9})[^.]*((?:\\.\\d{0,2})?)/g.exec(\n value.replace(/[^\\d.]/g, \"\")\n );\n return match[1] + match[2];\n};\n\nexport default numberNormalize","function getRandomArbitrary(min, max) {\n return Math.floor(Math.random() * (max - min) + min);\n}\n\nexport default getRandomArbitrary;\n","export const getOptionsForAsyncSelect = (\n data = [],\n keys = { valueKey: \"\", labelKey: \"\" }\n) => {\n const { labelKey, valueKey } = keys;\n switch (true) {\n case !!valueKey && !!labelKey:\n return data.map((item) => ({\n value: item[valueKey],\n label: item[labelKey],\n }));\n case !!valueKey:\n return data.map((item) => ({\n value: item[valueKey],\n label: item[valueKey],\n }));\n case !!labelKey:\n return data.map((item) => ({\n value: item[labelKey],\n label: item[labelKey],\n }));\n default:\n return data.map((item) => ({ value: item, label: item }));\n }\n};\n","import axios from \"../axios-instance\";\n\nimport { getHeaders } from \"./getHeaders\";\nimport { getOptionsForAsyncSelect } from \"./getOptionsForAsyncSelect\";\n\nexport const emptyEmailTemplateOption = {\n value: \"DefaultTicket\",\n label: \"DefaultTicket\",\n};\n\nexport const getEmailTemplatesAsyncFunc = (withEmptyOption = false) => {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n\n return (inputValue) =>\n axios\n .get(\"/Templates/EmailTemplate\", { headers: getHeaders(user.token) })\n .then(({ data }) => {\n let options = withEmptyOption ? [emptyEmailTemplateOption] : [];\n\n if (data.result && data.result.length) {\n options = [\n ...options,\n ...getOptionsForAsyncSelect(data.result),\n ].filter(({ label }) =>\n label.toLowerCase().includes(inputValue.toLowerCase())\n );\n }\n return options;\n })\n .catch((e) => {\n console.log(e);\n });\n};\n","import axios from \"../axios-instance\";\n\nimport { getHeaders } from \"./getHeaders\";\nimport { getOptionsForAsyncSelect } from \"./getOptionsForAsyncSelect\";\n\nexport const emptyEmailTemplateOption = {\n value: \"DefaultTicket\",\n label: \"DefaultTicket\",\n};\n\nexport const getPdfTemplatesAsyncFunc = (withEmptyOption = false) => {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n\n return (inputValue) =>\n axios\n .get(\"/Templates/PdfTemplate\", { headers: getHeaders(user.token) })\n .then(({ data }) => {\n let options = withEmptyOption ? [emptyEmailTemplateOption] : [];\n\n if (data.result && data.result.length) {\n options = [\n ...options,\n ...getOptionsForAsyncSelect(data.result),\n ].filter(({ label }) =>\n label.toLowerCase().includes(inputValue.toLowerCase())\n );\n }\n return options;\n })\n .catch((e) => {\n console.log(e);\n });\n};\n","import React, { Component } from \"react\";\nimport moment from \"moment\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport { Redirect } from \"react-router-dom\";\nimport connect from \"react-redux/es/connect/connect\";\nimport withRouter from \"react-router/es/withRouter\";\nimport AsyncSelect from \"react-select/lib/Async\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\nimport TicketRule from \"../../components/Events/TicketRule/TicketRule\";\nimport Icon from \"../../components/UI/Icon/Icon\";\nimport MobileHeader from \"../../components/MobileHeader/MobileHeader\";\nimport ROUTES from \"../../constants/routes\";\nimport {\n clearCurrentEvent,\n createTicket,\n createTicketRule,\n getEvent,\n getTicket,\n removeTicket,\n removeTicketRule,\n updateTicket,\n updateTicketRule,\n} from \"../../store/actions/eventsActions\";\nimport NewLoader from \"../../components/NewLoader/NewLoader\";\nimport { Counter } from \"../../components/Counter/Counter\";\nimport numberNormalize from \"../../helpers/priceNormalize\";\nimport getRandomArbitrary from \"../../helpers/getRandomId\";\nimport CheckBox from \"../../components/UI/Checkbox/CheckBox\";\nimport { Breadcrumbs } from \"../../components/Breadcrumbs/Breadcrumbs\";\nimport { emptyEmailTemplateOption } from \"../../helpers/getEmailTemplatesAsyncFunc\";\n\nimport \"./TicketDetail.sass\";\nimport { getPdfTemplatesAsyncFunc } from \"../../helpers/getPdfTemplatesAsyncFunc\";\n\nconst MySwal = withReactContent(Swal);\n\nclass TicketDetail extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isAddTicket: true,\n startDate: null,\n endDate: null,\n count: 1,\n capacity: \"\",\n ticketName: \"\",\n pdfTemplateNameOption: emptyEmailTemplateOption,\n ticketPrice: \"\",\n ticketRules: [],\n ticketId: null,\n seatsIoCategoryKey: \"\",\n isFound: true,\n hasSeats: true,\n entranceName: \"\",\n isAvailableToSale: true,\n isAvailableToResale: true,\n };\n }\n\n checkboxChange = (evt) => {\n const { name, checked } = evt.target;\n\n this.setState({ [name]: checked });\n };\n\n inputChangeHandle = (event) => {\n event.target.value = numberNormalize(event.target.value);\n this.setState({ ticketPrice: event.target.value });\n };\n\n inputCapacityChangeHandle = (event) => {\n event.target.value = event.target.value.replace(/[^\\d.]/g, \"\");\n\n this.setState({ capacity: event.target.value });\n };\n\n inputPdfTemplateNameChangeHandle = (value) => {\n this.setState({ pdfTemplateNameOption: value });\n };\n\n inputEntranceNameChangeHandle = (event) => {\n this.setState({ entranceName: event.target.value });\n };\n\n inputSeatsIoCategoryKeyChangeHandle = (event) => {\n event.target.value = event.target.value.replace(/[^\\d.]/g, \"\");\n\n this.setState({ seatsIoCategoryKey: event.target.value });\n };\n\n handleChangeCount = (value) =>\n this.setState({\n count: value,\n });\n\n goToPage = (route) => {\n this.props.history.push({\n pathname: route\n .replace(\":id\", this.props.match.params.id)\n .replace(\":event_id\", this.props.currentEvent.id),\n });\n };\n\n goToUploadBarcodes = () => {\n this.props.history.push({\n pathname: ROUTES.ADD_BAR_CODE.replace(\n \":id\",\n this.props.match.params.id\n ).replace(\":event_id\", this.props.currentEvent.id),\n });\n };\n\n ticketNameChangeHandler = (event) => {\n this.setState({ ticketName: event.target.value });\n };\n\n componentDidMount() {\n const {\n user: { token },\n match: { params },\n getEvent,\n getTicket,\n } = this.props;\n let event_id = params.id;\n\n if (params.event_id) {\n event_id = params.event_id;\n this.setState({ isAddTicket: false });\n getTicket(params.id, token).then(() => {\n if (!params.id) {\n this.setState({ isFound: false });\n }\n });\n }\n\n if (!this.props.currentEvent.id)\n getEvent(event_id, token).then((result) => {\n if (!result.isFound) {\n this.setState({ isFound: false });\n }\n });\n }\n\n static getDerivedStateFromProps(props, state) {\n if (\n !state.isAddTicket &&\n props.currentTicket.id &&\n props.currentTicket.id !== state.ticketId\n ) {\n return {\n ...props.currentTicket,\n pdfTemplateNameOption: {\n label: props.currentTicket.pdfTemplateName,\n value: props.currentTicket.pdfTemplateName,\n },\n count: props.currentTicket.allowedScansAmount,\n ticketName: props.currentTicket.ticketName,\n seatsIoCategoryKey: props.currentTicket.seatsIoCategoryKey,\n hasSeats: props.currentTicket.hasSeats,\n ticketPrice: props.currentTicket.price,\n ticketRules: props.currentTicket.ticketRules,\n ticketId: props.currentTicket.id,\n capacity: props.currentTicket.capacity,\n };\n }\n\n return null;\n }\n\n isValid = () => {\n let validationMessage = null;\n let { ticketName, ticketPrice, capacity, ticketRules } = this.state;\n ticketPrice = parseInt(ticketPrice);\n capacity = parseInt(capacity);\n if (ticketName.trim().length === 0) {\n validationMessage = \"Ticket name shouldn't be empty\";\n }\n if (isNaN(ticketPrice)) {\n validationMessage = \"Ticket price shouldn't be empty\";\n }\n\n ticketRules.forEach((rule) => {\n if (rule.status !== \"delete\") {\n if (rule.description.trim().length === 0) {\n validationMessage = \"Please add some description for ticket rule\";\n }\n if (rule.description.length > 255) {\n validationMessage =\n \"Maximum description length of ticket rule is 255 characters\";\n }\n if (rule.startDate === null || rule.endDate === null) {\n validationMessage = \"Please add date to ticket rule\";\n } else {\n if (moment(rule.endDate).isBefore(rule.startDate)) {\n validationMessage =\n \"Ticket rule end date should be later then start date\";\n }\n }\n }\n });\n\n if (validationMessage) {\n Swal({\n title: \"Error!\",\n text: validationMessage,\n type: \"error\",\n timer: 5000,\n });\n return false;\n }\n\n return true;\n };\n\n saveHandler = ({ currentTarget }) => {\n const {\n ticketName,\n ticketPrice,\n count,\n ticketRules,\n isAddTicket,\n capacity,\n seatsIoCategoryKey,\n pdfTemplateNameOption,\n hasSeats,\n entranceName,\n isAvailableToSale,\n isAvailableToResale,\n } = this.state;\n if (this.isValid()) {\n if (isAddTicket) {\n if (ticketName.length < 3 || ticketName.length > 30) {\n MySwal.fire({\n title: \"Error!\",\n text: \"The field Name must be a string with a minimum length of 3 and a maximum length of 30.\",\n showConfirmButton: true,\n confirmButtonText: \"Ok\",\n type: \"error\",\n timer: 3000,\n });\n } else {\n currentTarget.disabled = true;\n\n this.props\n .createTicket(\n {\n isAvailableToResale,\n isAvailableToSale,\n entranceName,\n hasSeats,\n pdfTemplateName: pdfTemplateNameOption.value,\n seatsIoCategoryKey,\n eventId: this.props.match.params.id,\n ticketName: ticketName,\n price: ticketPrice,\n allowedScansAmount: count,\n capacity: capacity,\n },\n this.props.user.token\n )\n .then((ticketId) => {\n return Promise.all(\n ticketRules.map((item) => {\n item.ticketTemplateId = ticketId;\n item.startDate = moment(item.startDate)\n .utcOffset(0, true)\n .format();\n item.endDate = moment(item.endDate)\n .utcOffset(0, true)\n .format();\n item.price = item.price === \"\" ? 0 : parseFloat(item.price);\n return this.props.createTicketRule(\n item,\n this.props.user.token\n );\n })\n );\n })\n .then(() => {\n this.props.clearCurrentEvent();\n this.props.history.push(\n ROUTES.EVENT.replace(\":id\", this.props.match.params.id)\n );\n });\n }\n } else {\n if (ticketName.length < 3 || ticketName.length > 30) {\n MySwal.fire({\n title: \"Error!\",\n text: \"The field Name must be a string with a minimum length of 3 and a maximum length of 30.\",\n showConfirmButton: true,\n confirmButtonText: \"Ok\",\n type: \"error\",\n timer: 3000,\n });\n } else {\n this.props.updateTicket(\n {\n isAvailableToResale,\n isAvailableToSale,\n entranceName,\n hasSeats,\n seatsIoCategoryKey,\n pdfTemplateName: pdfTemplateNameOption.value,\n id: this.props.currentTicket.id,\n ticketName: ticketName,\n price: ticketPrice,\n allowedScansAmount: count,\n capacity: capacity,\n },\n this.props.user.token\n );\n }\n ticketRules.forEach((rule) => {\n if (rule.status === \"new\") {\n rule.ticketTemplateId = parseInt(this.props.match.params.id);\n rule.startDate = moment(rule.startDate).utcOffset(0, true).format();\n rule.endDate = moment(rule.endDate).utcOffset(0, true).format();\n rule.price = rule.price === \"\" ? 0 : parseFloat(rule.price);\n this.props.createTicketRule(rule, this.props.user.token);\n }\n if (rule.status === \"delete\") {\n this.props.removeTicketRule(rule.id, this.props.user.token);\n }\n if (rule.status === \"update\") {\n rule.startDate = moment(rule.startDate).utcOffset(0, true).format();\n rule.endDate = moment(rule.endDate).utcOffset(0, true).format();\n rule.price = rule.price === \"\" ? 0 : parseFloat(rule.price);\n this.props.updateTicketRule(rule, this.props.user.token);\n }\n });\n }\n }\n };\n\n createTicketRuleHandler = () => {\n const { ticketRules } = this.state;\n ticketRules.push({\n id: \"a\" + getRandomArbitrary(100000, 999999),\n startDate: null,\n endDate: null,\n description: \"\",\n price: \"\",\n status: \"new\",\n count: 0,\n });\n\n this.setState({ ticketRules });\n };\n\n handleRuleChange = (id, type, value) => {\n const ticketRules = this.state.ticketRules.map((rule) => {\n if (rule.id === id) {\n if (type === \"price\") {\n value = numberNormalize(value);\n }\n rule[type] = value;\n if (!rule.status) {\n rule.status = \"update\";\n }\n }\n\n return rule;\n });\n this.setState({ ticketRules });\n };\n\n removeTicketRule = (id) => {\n if (this.state.isAddTicket) {\n this.setState({\n ticketRules: this.state.ticketRules.filter(\n (ticket) => ticket.id !== id\n ),\n });\n } else {\n this.setState({\n ticketRules: this.state.ticketRules.map((ticket) => {\n if (ticket.id === id) ticket.status = \"delete\";\n return ticket;\n }),\n });\n }\n };\n\n removeHandler = () => {\n MySwal.fire({\n title: \"Are you sure that you want to delete this ticket?\",\n text: \"It's impossible to take step back then\",\n showCancelButton: true,\n cancelButtonText: \"Cancel\",\n showConfirmButton: true,\n confirmButtonText: \"Delete\",\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n this.props\n .removeTicket(this.props.match.params.id, this.props.user.token)\n .then((isDeleted) => {\n if (isDeleted) {\n this.props.clearCurrentEvent();\n this.props.history.push(\n ROUTES.EVENT.replace(\":id\", this.props.match.params.event_id)\n );\n }\n });\n }\n });\n };\n\n render() {\n if (!this.state.isFound) {\n return \n {\n props.remove(id);\n }}\n />\n
\n \n
\n \n \n {\n props.onChange(id, \"startDate\", value);\n }}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n placeholderText=\"Select start date\"\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n
\n \n \n {\n props.onChange(id, \"endDate\", value);\n }}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n placeholderText=\"Select end date\"\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n
\n \n
\n\n \n \n {\n props.onChange(id, \"price\", event.target.value);\n }}\n />\n
\n \n
\n \n \n {\n props.onChange(id, \"description\", event.target.value);\n }}\n />\n
\n \n {moment(currentEvent.startDate).format(\"h:mm A DD MMM YYYY\")} -{\" \"}\n {moment(currentEvent.endDate).format(\"h:mm A DD MMM YYYY\")}\n
\n\n\n
\n\n \n
\n \n \n
\n {!isAddTicket && (\n \n
\n )}\n \n
\n \n \n \n {isAddTicket ? 0 : currentTicket.allTickets}\n \n
\n \n \n \n {isAddTicket ? 0 : currentTicket.scannedTickets}\n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n \n Has seats\n \n
\n \n
\n \n
\n \n \n Available to sale\n \n
\n \n
\n\n \n
\n \n
\n \n \n Available to resale\n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n\n {ticketRules.length > 0 &&\n ticketRules.some((x) => x.status !== \"delete\") && (\n <>\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n Ticket rules
\n\n\n {ticketRules.map((rule) => {\n if (rule.status === \"delete\") return null;\n return (\n
\n \n )}\n\n \n {!isAddTicket && (\n <>\n \n Upload barcodes\n \n this.goToPage(ROUTES.GENERATE_PDFS)}\n >\n Generate PDFs\n \n this.goToPage(ROUTES.SEND_BUY_EMAIL)}\n >\n Send offer\n \n \n )}\n \n \n \n
\n \n 
\n
\n );\n }\n}\n\nexport default ListEmptyState;","import React from 'react';\n\nimport './MoblieList.sass';\nimport Icon from '../../UI/Icon/Icon';\nimport moment from 'moment';\n\nconst MobileList = ({items, goToScanTeamPage}) => {\n function toggle(e) {\n e.target.parentNode.parentNode.parentNode.classList.toggle('active');\n }\n\n return (\n There are no scanteams
\n\n {items.map(item =>\n
\n );\n};\n\nexport default MobileList;\n","import * as actionTypes from '../actionTypes/scanteamsTypes';\nimport axios from '../../axios-instance';\nimport { toast } from 'react-toastify';\nimport { getHeaders } from \"../../helpers/getHeaders\";\n\nconst getScanteamsStart = () => ({ type: actionTypes.GET_SCANTEAMS_START });\nconst getScanteamsSuccess = (scanteams) => ({\n type: actionTypes.GET_SCANTEAMS_SUCCESS,\n payload: scanteams,\n});\nconst getScanteamsFail = (error) => ({\n type: actionTypes.GET_SCANTEAMS_FAIL,\n error,\n});\n\nexport const getScanteams = (userToken, skip, take) => (dispatch) => {\n dispatch(getScanteamsStart());\n axios\n .get('/Team', {\n headers: getHeaders(userToken),\n params: { skip, take },\n })\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data.result;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(getScanteamsSuccess(result));\n })\n .catch((err) => {\n dispatch(getScanteamsFail(err));\n });\n};\n\nconst getScanteamStart = () => ({ type: actionTypes.GET_SCANTEAM_START });\nconst getScanteamSuccess = (scanteams) => ({\n type: actionTypes.GET_SCANTEAM_SUCCESS,\n payload: scanteams,\n});\nconst getScanteamFail = (error) => ({\n type: actionTypes.GET_SCANTEAM_FAIL,\n error,\n});\n\nexport const getScanteam = (userToken, id) => (dispatch) => {\n dispatch(getScanteamStart());\n return axios\n .get(`/Team/${id}`, {\n headers: getHeaders(userToken),\n })\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data.result;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(getScanteamSuccess(result));\n return result;\n })\n .catch((err) => {\n dispatch(getScanteamFail(err));\n });\n};\n\nconst deleteScanTeamStart = () => ({ type: actionTypes.DELETE_SCANTEAM_START });\nconst deleteScanTeamSuccess = () => ({\n type: actionTypes.DELETE_SCANTEAM_SUCCESS,\n});\nconst deleteScanTeamFail = () => ({ type: actionTypes.DELETE_SCANTEAM_FAIL });\n\nexport const deleteScanTeam = (token, teamId) => (dispatch) => {\n dispatch(deleteScanTeamStart());\n return axios\n .delete(`/Team/${teamId}`, { headers: getHeaders(token) })\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(deleteScanTeamSuccess(result));\n toast.success('Your scanteam was successfully deleted.');\n return result;\n })\n .catch((err) => {\n dispatch(deleteScanTeamFail(err));\n });\n};\n\nconst getAllEventsStart = () => ({ type: actionTypes.GET_ALL_EVENTS_START });\nconst getAllEventsSuccess = (scanteams) => ({\n type: actionTypes.GET_ALL_EVENTS_SUCCESS,\n payload: scanteams,\n});\nconst getAllEventsFail = (error) => ({\n type: actionTypes.GET_ALL_EVENTS_FAIL,\n error,\n});\n\nexport const getAllEvents =\n (token, teamId = 0, skip = 0, take = 0) =>\n (dispatch) => {\n dispatch(getAllEventsStart());\n return axios\n .get('/Team/Events', {\n headers: getHeaders(token),\n params: { skip, take, teamId },\n })\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data.result;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(getAllEventsSuccess(result));\n return result;\n })\n .catch((err) => {\n dispatch(getAllEventsFail(err));\n });\n };\n\nconst createScanteamStart = () => ({ type: actionTypes.CREATE_SCANTEAM_START });\nconst createScanteamSuccess = () => ({\n type: actionTypes.CREATE_SCANTEAM_SUCCESS,\n});\nconst createScanteamFail = () => ({ type: actionTypes.CREATE_SCANTEAM_FAIL });\n\nexport const createScanteam = (token, data) => (dispatch) => {\n dispatch(createScanteamStart());\n return axios\n .post('/Team', data, { headers: getHeaders(token) })\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data.result;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(createScanteamSuccess());\n toast.success('Your scanteam was successfully created.');\n return result;\n })\n .catch((err) => {\n dispatch(createScanteamFail());\n });\n};\n\nconst updateScanteamStart = () => ({ type: actionTypes.UPDATE_SCANTEAM_START });\nconst updateScanteamSuccess = () => ({\n type: actionTypes.UPDATE_SCANTEAM_SUCCESS,\n});\nconst updateScanteamFail = () => ({ type: actionTypes.UPDATE_SCANTEAM_FAIL });\n\nexport const updateScanteam = (token, data, id) => (dispatch) => {\n dispatch(updateScanteamStart());\n return axios\n .put('/Team/' + id, data, { headers: getHeaders(token) })\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data.result;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(updateScanteamSuccess());\n toast.success('Your scanteam was successfully edited.');\n return true;\n })\n .catch((err) => {\n dispatch(updateScanteamFail(err));\n });\n};\n\nconst refreshAccessStart = () => ({ type: actionTypes.REFRESH_ACCESS_START });\nconst refreshAccessSuccess = (refreshAccessScanteam) => ({\n type: actionTypes.REFRESH_ACCESS_SUCCESS,\n payload: refreshAccessScanteam,\n});\nconst refreshAccessFail = () => ({ type: actionTypes.REFRESH_ACCESS_FAIL });\n\nexport const refreshAccess = (userToken, scanteamId) => (dispatch) => {\n dispatch(refreshAccessStart());\n return axios\n .put(\n `/Team/RefreshAccess/${scanteamId}`,\n {},\n { headers: getHeaders(userToken) }\n )\n .then((response) => {\n if (response.data.isSuccess) {\n return response.data.result;\n }\n throw new Error(response.data.errorMessage);\n })\n .then((result) => {\n dispatch(refreshAccessSuccess());\n return result;\n })\n .catch((err) => {\n dispatch(refreshAccessFail(err));\n });\n};\n\nconst getUserInfoSettingsStart = () => ({\n type: actionTypes.GET_USER_INFO_SETTINGS_START,\n});\nconst getUserInfoSettingsSuccess = (userSettings) => ({\n type: actionTypes.GET_USER_INFO_SETTINGS_SUCCESS,\n payload: userSettings,\n});\nconst getUserInfoSettingsFail = () => ({\n type: actionTypes.GET_USER_INFO_SETTINGS_FAIL,\n});\n\nexport const getUserInfoSettings = (userToken, scanteamId) => (dispatch) => {\n dispatch(getUserInfoSettingsStart());\n\n return axios\n .get(`team/${scanteamId}/configurations`, {\n headers: getHeaders(userToken),\n })\n .then((response) => {\n if (response.data.isSuccess) {\n dispatch(getUserInfoSettingsSuccess(response.data.result));\n return response.data.result;\n }\n throw new Error(response.data.errorMesage);\n })\n .catch((err) => {\n dispatch(getUserInfoSettingsFail(err));\n });\n};\n\nconst createUserInfoSettingsStart = () => ({\n type: actionTypes.CREATE_USER_INFO_SETTINGS_START,\n});\nconst createUserInfoSettingsSuccess = (userSettings) => ({\n type: actionTypes.CREATE_USER_INFO_SETTINGS_SUCCESS,\n payload: userSettings,\n});\nconst createUserInfoSettingsFail = () => ({\n type: actionTypes.CREATE_USER_INFO_SETTINGS_FAIL,\n});\n\nexport const createUserInfoSettings =\n (userToken, data, scanteamId) => (dispatch) => {\n dispatch(createUserInfoSettingsStart());\n if (typeof data === 'string') {\n return axios\n .post(\n `team/${scanteamId}/configurations`,\n { title: data },\n { headers: getHeaders(userToken) }\n )\n .then((response) => {\n if (response.data.isSuccess) {\n toast.success('User field has been added');\n dispatch(createUserInfoSettingsSuccess(response.data.result));\n return response.data.result;\n }\n throw new Error(response.data.errorMesage);\n })\n .catch((err) => {\n dispatch(createUserInfoSettingsFail(err));\n });\n } else {\n return Promise.allSettled(\n data.map((field) =>\n axios.post(\n `team/${scanteamId}/configurations`,\n { title: field.title },\n { headers: getHeaders(userToken) }\n )\n )\n ).then((result) => {\n const successResult = result.filter(\n (item) => item.status === 'fulfilled'\n );\n const failedResult = result.filter(\n (item) => item.status === 'rejected'\n );\n successResult.length === result.length &&\n toast.success(\n `User field${successResult.length > 1 ? 's' : ''} has been added`\n );\n failedResult.length === result.length &&\n toast.error(\n `User field${failedResult.length > 1 ? 's' : ''} has not been added`\n );\n failedResult.length && failedResult.length !== result.length &&\n toast.warn(\n `Some user field${\n failedResult.length > 1 ? 's' : ''\n } has not been added`\n );\n\n successResult.map((item) =>\n dispatch(createUserInfoSettingsSuccess(item.value.data.result))\n );\n failedResult && dispatch(createUserInfoSettingsFail());\n });\n }\n };\n\nconst deleteUserInfoSettingsStart = () => ({\n type: actionTypes.DELETE_USER_INFO_SETTINGS_START,\n});\nconst deleteUserInfoSettingsSuccess = (deletedUserSetting) => ({\n type: actionTypes.DELETE_USER_INFO_SETTINGS_SUCCESS,\n payload: deletedUserSetting,\n});\nconst deleteUserInfoSettingsFail = () => ({\n type: actionTypes.DELETE_USER_INFO_SETTINGS_FAIL,\n});\n\nexport const deleteUserInfoSettings =\n (userToken, teamConfigurationId, scanteamId) => (dispatch) => {\n dispatch(deleteUserInfoSettingsStart());\n\n return axios\n .delete(`team/${scanteamId}/configurations/${teamConfigurationId}`, {\n headers: getHeaders(userToken),\n })\n .then((response) => {\n if (response.data.isSuccess) {\n toast.success('User field has been deleted');\n dispatch(deleteUserInfoSettingsSuccess(response.data.result));\n return response.data.result;\n }\n throw new Error(response.data.errorMesage);\n })\n .catch((err) => {\n dispatch(deleteUserInfoSettingsFail(err));\n });\n };\n","export const GET_SCANTEAMS_START = 'GET_SCANTEAMS_START';\nexport const GET_SCANTEAMS_SUCCESS = 'GET_SCANTEAMS_SUCCESS';\nexport const GET_SCANTEAMS_FAIL = 'GET_SCANTEAMS_FAIL';\n\nexport const GET_SCANTEAM_START = 'GET_SCANTEAM_START';\nexport const GET_SCANTEAM_SUCCESS = 'GET_SCANTEAM_SUCCESS';\nexport const GET_SCANTEAM_FAIL = 'GET_SCANTEAM_FAIL';\n\nexport const DELETE_SCANTEAM_START = 'DELETE_SCANTEAM_START';\nexport const DELETE_SCANTEAM_SUCCESS = 'DELETE_SCANTEAM_SUCCESS';\nexport const DELETE_SCANTEAM_FAIL = 'DELETE_SCANTEAM_FAIL';\n\nexport const GET_ALL_EVENTS_START = 'GET_ALL_EVENTS_START';\nexport const GET_ALL_EVENTS_SUCCESS = 'GET_ALL_EVENTS_SUCCESS';\nexport const GET_ALL_EVENTS_FAIL = 'GET_ALL_EVENTS_FAIL';\n\nexport const CREATE_SCANTEAM_START = 'CREATE_SCANTEAM_START';\nexport const CREATE_SCANTEAM_SUCCESS = 'CREATE_SCANTEAM_SUCCESS';\nexport const CREATE_SCANTEAM_FAIL = 'CREATE_SCANTEAM_FAIL';\n\nexport const UPDATE_SCANTEAM_START = 'UPDATE_SCANTEAM_START';\nexport const UPDATE_SCANTEAM_SUCCESS = 'UPDATE_SCANTEAM_SUCCESS';\nexport const UPDATE_SCANTEAM_FAIL = 'UPDATE_SCANTEAM_FAIL';\n\nexport const REFRESH_ACCESS_START = 'REFRESH_ACCESS_START';\nexport const REFRESH_ACCESS_SUCCESS = 'REFRESH_ACCESS_SUCCESS';\nexport const REFRESH_ACCESS_FAIL = 'REFRESH_ACCESS_FAIL'\n\nexport const GET_USER_INFO_SETTINGS_START = 'GET_USER_INFO_SETTINGS_START';\nexport const GET_USER_INFO_SETTINGS_SUCCESS = 'GET_USER_INFO_SETTINGS_SUCCESS';\nexport const GET_USER_INFO_SETTINGS_FAIL = 'GET_USER_INFO_SETTINGS_FAIL';\n\nexport const CREATE_USER_INFO_SETTINGS_START = 'CREATE_USER_INFO_SETTINGS_START';\nexport const CREATE_USER_INFO_SETTINGS_SUCCESS = 'CREATE_USER_INFO_SETTINGS_SUCCESS';\nexport const CREATE_USER_INFO_SETTINGS_FAIL = 'CREATE_USER_INFO_SETTINGS_FAIL'\n\nexport const DELETE_USER_INFO_SETTINGS_START = 'DELETE_USER_INFO_SETTINGS_START';\nexport const DELETE_USER_INFO_SETTINGS_SUCCESS = 'DELETE_USER_INFO_SETTINGS_SUCCESS';\nexport const DELETE_USER_INFO_SETTINGS_FAIL = 'DELETE_USER_INFO_SETTINGS_FAIL';\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\nimport ListEmptyState from \"../../components/ScanTeam/ListEmptyState/ListEmptyState\";\n\nimport ReactTable from \"react-table\";\nimport Icon from \"../../components/UI/Icon/Icon\";\nimport MobileList from \"../../components/ScanTeam/MobileList/MobileList\";\nimport ROUTES from \"../../constants/routes\";\nimport {\n deleteScanteam,\n getScanteams,\n} from \"../../store/actions/scanteamsActions\";\nimport moment from \"moment\";\nimport browserTabTitleOverride from \"../../helpers/tabTitleOverride\";\nimport NewLoader from \"../../components/NewLoader/NewLoader\";\n\nimport \"./ScanTeams.sass\";\n\nclass ScanTeams extends Component {\n componentDidMount() {\n browserTabTitleOverride();\n const user = JSON.parse(localStorage.getItem(\"user\"));\n this.getScanteams(user.token);\n }\n\n getScanteams = (userToken) => {\n const { getScanteams } = this.props;\n\n getScanteams(userToken, 0, 0);\n };\n\n submitClick = (props, e) => {\n e.target.parentNode.parentNode.parentNode.classList.toggle(\"active\");\n };\n\n goToScanteamPage = (id, e) => {\n if (\n e.target.tagName.toLowerCase() !== \"svg\" &&\n e.target.tagName.toLowerCase() !== \"g\" &&\n e.target.tagName.toLowerCase() !== \"polyline\"\n ) {\n this.props.history.push({\n pathname: ROUTES.SCANTEAMS_VIEW.replace(\":id\", id),\n });\n }\n };\n\n goToAddScanteam = () => {\n this.props.history.push({\n pathname: ROUTES.SCANTEAMS_ADD,\n });\n };\n\n render() {\n const { scanteamsList, loading } = this.props.scanteams;\n const emptyList = Object.keys(scanteamsList).length === 0;\n const columns = [\n {\n Header: \"Team name\",\n accessor: \"name\",\n width: 140,\n },\n {\n Header: \"Tickets\",\n accessor: \"scanteamEvents\",\n Cell: ({ original: { teamEvents, teamTicketTemplates } }) => {\n return teamEvents.map((event) => (\n (goToScanTeamPage(item.id, e))}\n >\n
)\n }\n \n
\n\n {item.teamEvents.map((event, index) => (\n {item.name}
\n \n\n
\n ))}\n \n {event.name}\n
\n\n {moment(event.startDate).format(\"DD/m/YY HH:MM\")}\n {moment(event.endDate).format(\"DD/m/YY HH:MM\")}\n
\n\n \n Ability to search:\n {item.isSearchAvailable ? 'Yes' : 'No'}\n
\n\n Mark as unscanned:\n {item.isUnscanAvailable ? 'Yes' : 'No'}\n
\n\n Sales:\n {item.teamSellAbilityType === 2 ? 'Yes' : 'No'}\n
\n\n Scan:\n {item.isScanAvailable ? 'Yes' : 'No'}\n
\n\n- \n { item.teamTicketTemplates.map(ticket => {\n return
- {event.id === ticket.eventId ? ticket.ticketName : null} \n })}\n
\n {event.name}\n
\n ));\n },\n width: 320,\n },\n {\n Header: \"Ability to search\",\n accessor: \"isSearchAvailable\",\n Cell: ({ original: { isSearchAvailable } }) => {\n return isSearchAvailable ? \"Yes\" : \"No\";\n },\n width: 180,\n },\n {\n Header: \"Mark as unscanned\",\n accessor: \"isUnscanAvailable\",\n Cell: ({ original: { isUnscanAvailable } }) => {\n return isUnscanAvailable ? \"Yes\" : \"No\";\n },\n width: 180,\n },\n {\n Header: \"Sales\",\n accessor: \"teamSellAbilityType\",\n Cell: ({ original: { teamSellAbilityType } }) => {\n return teamSellAbilityType === 2 ? \"Yes\" : \"No\";\n },\n width: 120,\n },\n {\n Header: \"Scan\",\n accessor: \"isScanAvailable\",\n Cell: ({ original: { isScanAvailable } }) => {\n return isScanAvailable ? \"Yes\" : \"No\";\n },\n width: 110,\n },\n {\n Header: \"Auto Entrance\",\n accessor: \"teamAutoscanAbilityType\",\n Cell: ({ original: { teamAutoscanAbilityType } }) => {\n return teamAutoscanAbilityType === 2 ? \"Yes\" : \"No\";\n },\n width: 110,\n },\n {\n Header: \"\",\n id: \"click-me-button\",\n Cell: (props) => (\n \n {moment(event.startDate).format(\"DD MMMM HH:mm\")} -{\" \"}\n {moment(event.endDate).format(\"DD MMMM HH:mm\")}\n
\n- \n {teamTicketTemplates.map((ticket) => {\n return (\n
- \n {event.id === ticket.eventId ? ticket.ticketName : null}\n \n );\n })}\n
\n Teams \n {loading ? (\n ({\n onClick: (e) => {\n this.goToScanteamPage(rowInfo.original.id, e);\n },\n })}\n />\n )}\n\n
\n\n \n \n Add scanteam\n \n
\n \n {\n billings.map(bill => (\n
;\n\nexport default billingsMobileTable;\n","import React, {Component} from 'react';\n\nimport '../Payments.sass'\n\nclass PleaseWaitModal extends Component {\n render() {\n return (\n \n
\n ))\n }\n \n
\n {bill.item}
\n {bill.price}
\n {bill.date}
\n \n
\n submitClick(evt.currentTarget)}>\n \n
\n \n Please wait\n Processing payment...\n
\n );\n }\n}\n\nexport default PleaseWaitModal;\n","import React from 'react';\n\nimport './BillingEmptyState.sass';\nimport EmptyStateImage from '../../../images/pic_bill.png'\n\nconst billingEmptyState = () =>\n\n \n
;\n\nexport default billingEmptyState;\n","import React from 'react';\n\nimport ErrorImage from '../../../images/error.svg';\nimport './PayNow.sass';\n\nconst payNow = props =>\n There are no invoices
\n\n 
\n \n Pay Now\n \n
;\n\nexport default payNow;\n","const ADYEN_VERSION = \"3.3.0\";\nexport const ADYEN_JS_URL = `https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/${ADYEN_VERSION}/adyen.js`;\nexport const ADYEN_CSS_URL = `https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/${ADYEN_VERSION}/adyen.css`;\nexport const DEVELOP_KEY = 'pub.v2.8015693102723276.aHR0cDovL2xvY2FsaG9zdDozMDAw.b2ldD8LFRi7CblHR_O3gBHf3-hPRkxENu-DQasgroDc';\nexport const PROD_KEY = 'pub.v2.8015693102723276.aHR0cDovLzE2MS4zNS44MS4xMjQ6MzAwMA.wWH1yOwrEoOcaUFvU19cJuY9TIq2gToqAkk75jOs-no';\n","import React, { useEffect, useRef, useState } from \"react\";\nimport axios from '../../axios-instance';\nimport queryString from 'query-string';\nimport { toast } from 'react-toastify';\nimport withReactContent from 'sweetalert2-react-content';\nimport Swal from \"sweetalert2\";\nimport { ADYEN_JS_URL, ADYEN_CSS_URL, DEVELOP_KEY, PROD_KEY } from './config';\nimport './AdyenDropin.sass'\n\nconst CONFIG = {\n ORIGIN_KEY: process.env.NODE_ENV === 'development' ? DEVELOP_KEY : PROD_KEY,\n SCRIPTS_LINK: ADYEN_JS_URL,\n STYLES_LINK: ADYEN_CSS_URL,\n LAST_PAYMENT_ID_FIELD_NAME: \"lastPaymentId\",\n}\n\nconst RESULT_CODES = {\n Authorised: 1,\n Refused: 2,\n Pending: 3,\n PresentToShopper: 4,\n Cancelled: 5,\n Error: 6,\n Received: 7,\n IdentifyShopper: 8,\n RedirectShopper: 9,\n}\n\nconst MySwal = withReactContent(Swal);\n\nconst translations = {\n \"en-US\": {\n \"payButton\": \"Store card\",\n }\n};\n\nexport default function AdyenDropin(props) {\n const [cardComponent, setCardComponent] = useState(null);\n const [isSaveButtonDisabled, setIsSaveButtonDisabled] = useState(true);\n\n const makePayment = (state) => {\n return axios.put(\n 'PaymentMethods/CreditCard',\n {\n ...state.data.paymentMethod,\n browserInfoJSON: JSON.stringify(state.data.browserInfo),\n },\n {\n headers: {\n 'Authorization': `Bearer ${props.token}`,\n 'Accept': 'text/plain'\n }\n }\n )\n };\n\n const handleAdditionalInfoRequest = (lastPaymentId, data, token) => {\n return axios.put(\n `Payment/${lastPaymentId}/cardVerification`,\n data,\n {\n headers: {\n 'Authorization': `Bearer ${token}`,\n 'Accept': 'text/plain'\n }\n }\n )\n };\n\n function handleOnChange(state, component) {\n setCardComponent(component);\n if (state.isValid) {\n setIsSaveButtonDisabled(false)\n } else {\n setIsSaveButtonDisabled(true)\n }\n }\n\n function handleButtonCLick() {\n if (!isSaveButtonDisabled) {\n setIsSaveButtonDisabled(true)\n cardComponent.submit()\n }\n }\n\n function showNotification(type, title, message) {\n MySwal.fire({\n title: title,\n text: message,\n type: type,\n timer: 3000\n })\n .then(() => window.location.reload())\n }\n\n function initAdyenCheckout() {\n const configuration = {\n locale: \"en_US\",\n environment: \"test\",\n originKey: CONFIG.ORIGIN_KEY,\n paymentMethodsResponse: props.paymentMethodsResponse,\n translations,\n };\n const checkout = new window.AdyenCheckout(configuration);\n const storedPaymentMethod = checkout.paymentMethodsResponse.storedPaymentMethods[0];\n\n const dropin = checkout.create(\"card\", {\n hasHolderName: true,\n holderNameRequired: false,\n showPayButton: false,\n onSubmit: (state, dropin) => {\n makePayment(state)\n .then((response) => {\n if (response.data.isSuccess) {\n if (response.data.result.action) {\n localStorage.setItem(CONFIG.LAST_PAYMENT_ID_FIELD_NAME, response.data.result.id);\n toast.info('Redirecting...');\n setTimeout(() => checkout.createFromAction(response.data.result.action).mount(dropinRef.current), 1000);\n return;\n }\n showNotification(\n \"success\",\n \"Card stored\",\n \"Credit Card was successfully stored. Now you can buy scanbits!\"\n )\n return;\n }\n if (response.data.errorMessage) {\n showNotification(\n \"error\",\n \"Something went wrong\",\n `${response.data.errorMessage}`\n );\n }\n })\n .catch(err => {\n showNotification(\n \"error\",\n \"Something went wrong\",\n err\n );\n });\n },\n onChange: handleOnChange,\n onAdditionalDetails: (state, dropin) => {\n toast.info('Processing...');\n handleAdditionalInfoRequest(\n localStorage.getItem(CONFIG.LAST_PAYMENT_ID_FIELD_NAME),\n {...state.data},\n props.token,\n )\n .then(response => {\n if (response.data.isSuccess) {\n switch (response.data.result.status) {\n case RESULT_CODES.Authorised:\n showNotification(\n \"success\",\n \"Card stored\",\n \"Credit Card was successfully stored. Now you can buy scanbits!\"\n );\n break;\n case RESULT_CODES.Error:\n showNotification(\n \"error\",\n \"Error occurred\",\n \"Credit Card not stored. Try again!\"\n );\n break;\n case RESULT_CODES.Refused:\n showNotification(\n \"error\",\n \"Refused\",\n \"Yor request was refused. Try again!\"\n );\n break;\n case RESULT_CODES.Pending,\n RESULT_CODES.Received:\n showNotification(\n \"success\",\n \"Pending\",\n \"Yor request was accepted. We need some time to handle it!.\"\n );\n break;\n default:\n showNotification(\n \"error\",\n \"Something went wrong\",\n \"Credit Card not stored. Try again!\"\n );\n break\n }\n\n localStorage.setItem(CONFIG.LAST_PAYMENT_ID_FIELD_NAME, '');\n }\n })\n .catch(err => console.log(err));\n props.history.push('/payments');\n },\n onLoad: () => {\n if (!!window.location.search) {\n handleAdditionalInfoRequest(\n localStorage.getItem(CONFIG.LAST_PAYMENT_ID_FIELD_NAME),\n {details: JSON.parse(queryString.parse(window.location.search).Details)},\n props.token,\n )\n .then(response => {\n if (response.data.isSuccess) {\n switch (response.data.result.status) {\n case RESULT_CODES.Authorised:\n showNotification(\n \"success\",\n \"Card stored\",\n \"Credit Card was successfully stored. Now you can buy scanbits!\"\n );\n break;\n case RESULT_CODES.Error:\n showNotification(\n \"error\",\n \"Error occurred\",\n \"Credit Card not stored. Try again!\"\n );\n break;\n case RESULT_CODES.Refused:\n showNotification(\n \"error\",\n \"Refused\",\n \"Yor request was refused. Try again!\"\n );\n break;\n case RESULT_CODES.Pending,\n RESULT_CODES.Received:\n showNotification(\n \"success\",\n \"Pending\",\n \"Yor request was accepted. We need some time to handle it!.\"\n );\n break;\n default:\n showNotification(\n \"error\",\n \"Something went wrong\",\n \"Credit Card not stored. Try again!\"\n );\n break\n }\n localStorage.setItem(CONFIG.LAST_PAYMENT_ID_FIELD_NAME, '');\n }\n })\n .catch(err => console.log(err));\n props.history.push('/payments');\n }\n }\n }).mount(dropinRef.current);\n }\n\n const dropinRef = useRef(null);\n\n useEffect(() => {\n if (!!window.location.search) {\n toast.info('Processing...');\n }\n\n const link = document.createElement(\"link\");\n link.rel = \"stylesheet\";\n link.href = CONFIG.STYLES_LINK;\n document.head.appendChild(link);\n\n const script = document.createElement(\"script\");\n script.src = CONFIG.SCRIPTS_LINK;\n script.async = true;\n script.onload = initAdyenCheckout; // Wait until the script is loaded before initiating AdyenCheckout\n document.body.appendChild(script);\n }, []);\n\n if (props.paymentMethodsResponse.storedPaymentMethods) {\n props.handleDisabledButton(false);\n }\n\n return (\n <>\n {props.paymentMethodsResponse.storedPaymentMethods &&\n Your scanbits balance is negative. Please, pay now to continue working with the system.
\n\n \n
\n }\n \n \n \n );\n}\n","import React, { Component } from \"react\";\nimport ReactTable from \"react-table\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport moment from \"moment\";\n\nimport PageTitle from \"../../../components/UI/PageTitle/PageTitle\";\nimport BillingsMobileTable from \"../../../components/Payments/BillingsMobileTable\";\nimport PleaseWaitModal from \"../modals/PleaseWaitModal\";\nimport BillingEmptyState from \"../../../components/Payments/BillingEmptyState/BillingEmptyState\";\n\nimport \"./Payment.sass\";\nimport {\n createCreditCard,\n getAllPayments,\n getCreditCard,\n updateCreditCard,\n payNow,\n getPdf,\n} from \"../../../store/actions/paymentsActions\";\nimport connect from \"react-redux/es/connect/connect\";\nimport PayNow from \"../../../components/Payments/PayNow/PayNow\";\nimport AdyenDropin from \"../../../components/AdyenDropin/AdyenDropin\";\n\nconst currencySymbols = [\"$\", \"A$\", \"₴\", \" €\"];\n\nconst MySwal = withReactContent(Swal);\n\nclass Payment extends Component {\n state = {\n isCardValid: false,\n cardData: null,\n storeCardPaymentMethod: false,\n };\n\n showModal = () => {\n MySwal.fire({\n html: \n {payments.scanbitsCount < 0 ? (\n
\n );\n }\n}\n\nconst mapStateToProps = ({ auth, payments }) => ({ auth, payments });\n\nconst mapDispatchToProps = (dispatch) => ({\n getCreditCard: (token) => {\n dispatch(getCreditCard(token));\n },\n updateCreditCard: (creditCardToken, dropin, token) => {\n dispatch(updateCreditCard(creditCardToken, dropin, token));\n },\n getAllPayments: (creditCardToken, token) => {\n dispatch(getAllPayments(creditCardToken, token));\n },\n payNow: (token) => dispatch(payNow(token)),\n getPdf: (token, id, currentTime) => dispatch(getPdf(token, id, currentTime)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Payment);\n","import React from 'react';\n\nimport './ScanbitsEmptyState.sass';\nimport ScanbitImage from '../../../images/pic_empty_screen_scanbit.png';\n\nconst scanbitsEmptyState = ({gotItHandle}) =>\n \n {payments.paymentMethodsResponse !== null ? (\n this.handleOnChange(state)}\n paymentMethodsResponse={payments.paymentMethodsResponse}\n token={this.props.auth.user.token}\n history={this.props.history}\n handleDisabledButton={this.props.handleDisabledButton}\n />\n ) : (\n \"loading...\"\n )}\n Billing \n {payments.records && payments.records.length ? (\n
\n \n 
\n \n Got it!\n \n
;\n\nexport default scanbitsEmptyState;\n","import React from 'react';\n\nimport './ScanbitsDetails.sass';\n\nconst ScanbitsDetails = ({\n showModal,\n value,\n onChange,\n onKeyPress,\n scanBitPrice,\n disabledButton,\n}) => {\n return (\n What is Scanbit?
\nScanbit is an item inside Entree for having opportunity to scan tickets.
\n1 Scanbit = 1 scanned ticket. You can buy more scanbits at any time.
\n\n \n BUY\n \n
\n );\n}\n\nexport default ScanbitsDetails;\n","import React, { Component } from \"react\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport ScanbitsEmptyState from \"../../../components/Payments/ScanbitsEmptyState/ScanbitsEmptyState\";\nimport PleaseWaitModal from \"../modals/PleaseWaitModal\";\nimport ScanbitsDetails from \"../../../components/Payments/ScanbitsDetails/ScanbitsDetails\";\n\nimport \"./Scanbits.sass\";\nimport {\n getScanbitPrice,\n payment,\n} from \"../../../store/actions/paymentsActions\";\nimport connect from \"react-redux/es/connect/connect\";\nimport { toast } from \"react-toastify\";\nimport NewLoader from \"../../../components/NewLoader/NewLoader\";\n\nconst MySwal = withReactContent(Swal);\n\nclass Scanbits extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isTutorialShow: !JSON.parse(localStorage.getItem(\"isTutorialShow\")),\n value: 10,\n };\n }\n\n componentDidMount() {\n const { token } = this.props.auth.user;\n this.props.getScanbitPriceCurrentPromoter(token);\n }\n\n showModal = () => {\n MySwal.fire({\n html: The more you buy the more you safe!
\n1 Scanbit = 1 scanned ticket
\n\n {value ? Number(value * scanBitPrice).toFixed(1) : 0} EUR\n
\n\n\n {isTutorialShow ? (\n
\n );\n }\n}\n\nconst mapStateToProps = ({ auth, payments: { userInfo, loading } }) => ({\n auth,\n userInfo,\n isLoading: loading,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n payment: (token, value) => dispatch(payment(token, value)),\n getScanbitPriceCurrentPromoter: (userToken) =>\n dispatch(getScanbitPrice(userToken)),\n});\nexport default connect(mapStateToProps, mapDispatchToProps)(Scanbits);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport withRouter from \"react-router/es/withRouter\";\nimport { Tab, TabList, TabPanel, Tabs } from \"react-tabs\";\nimport \"react-tabs/style/react-tabs.css\";\n\nimport MobileHeader from \"../../components/MobileHeader/MobileHeader\";\nimport Container from \"../../components/UI/Container/Container\";\nimport browserTabTitleOverride from \"../../helpers/tabTitleOverride\";\nimport { getScanbitsCount } from \"../../store/actions/paymentsActions\";\nimport Payment from \"./Payment/Payment\";\nimport \"./Payments.sass\";\nimport Scanbits from \"./Scanbits/Scanbits\";\n\nclass Payments extends Component {\n componentDidMount() {\n browserTabTitleOverride();\n\n const user = localStorage.getItem(\"user\");\n\n if (user) {\n const { token } = JSON.parse(user);\n\n this.props.getScanbitsCount(token);\n }\n }\n\n state = {\n disabledButton: true,\n };\n\n handleDisabledButton = () => {\n this.setState({ disabledButton: false });\n };\n\n render() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n Payment
\n Buy scanbits
\n \n
\n);\n\nexport default ChooseTicketList;\n","import React, { Component } from \"react\";\nimport \"./UserInfoSettings.sass\";\n\nimport getRandomArbitrary from \"../../helpers/getRandomId\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport swal from \"sweetalert2\";\n\nconst MySwal = withReactContent(swal);\nclass UserInfoSettingsComponent extends Component {\n state = {\n userSettingsInput: \"\",\n };\n\n componentDidMount() {\n if (this.props.isTeamExisting) {\n this.props.getUserInfoSettings(\n this.props.userToken,\n this.props.scanTeamId\n );\n\n this.setState({\n isReady: true,\n });\n }\n }\n\n inputHandler = (evt) => {\n const { name, value } = evt.target;\n this.setState({\n [name]: value,\n });\n };\n\n submitHandler = (evt) => {\n evt.preventDefault();\n if (this.props.isTeamExisting) {\n this.props.createUserInfoSettings(\n this.props.userToken,\n this.state.userSettingsInput,\n this.props.scanTeamId\n );\n } else {\n this.props.addAdditionalField({\n title: this.state.userSettingsInput,\n id: getRandomArbitrary(100000, 999999),\n });\n }\n\n this.setState({\n userSettingsInput: \"\",\n });\n };\n\n deleteHandler = (teamConfigurationId) => {\n MySwal.fire({\n title: \"Are you sure that you want to delete this field?\",\n text: \"It's impossible to take step back then\",\n showCancelButton: true,\n cancelButtonText: \"Cancel\",\n showConfirmButton: true,\n confirmButtonText: \"Delete\",\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n this.props.deleteUserInfoSettings(\n this.props.userToken,\n teamConfigurationId,\n this.props.scanTeamId\n );\n }\n });\n };\n\n render() {\n const validationOnSpaces = this.state.userSettingsInput.replace(/ /g, \"\");\n return (\n Choose the tickets
\n\n {items.length ? (\n items.map((item, index) => (\n
\n \n {item.title}\n
\n ))\n ) : (\n {item.date}
\n- \n {item.list &&\n item.list.map((type) => (\n
- \n \n {type.id} - {type.ticketName}\n\n \n \n ))}\n
No current tickets
\n )}\n \n \n {[...this.props.userInfoSettings].reverse().map((userInfo) => (\n
\n )}\n \n );\n }\n}\n\nexport default UserInfoSettingsComponent;\n","import {connect} from \"react-redux\";\nimport UserInfoSettingsComponent from \"./UserInfoSettingsComponent\";\n\nconst UserInfoSettingsContainer= connect(\n\n)(UserInfoSettingsComponent);\n\nexport default UserInfoSettingsComponent;\n\n","import React, { Component } from \"react\";\nimport Container from \"../../../components/UI/Container/Container\";\nimport withRouter from \"react-router/es/withRouter\";\nimport Link from \"react-router-dom/es/Link\";\n\nimport PageTitle from \"../../../components/UI/PageTitle/PageTitle\";\nimport \"./AddTeams.sass\";\nimport ChooseTicketList from \"../../../components/ScanTeam/ChooseTicketList/ChooseTicketList\";\nimport Icon from \"../../../components/UI/Icon/Icon\";\nimport CheckBox from \"../../../components/UI/Checkbox/CheckBox\";\nimport ROUTES from \"../../../constants/routes\";\nimport {\n createScanteam,\n createUserInfoSettings,\n deleteScanTeam,\n deleteUserInfoSettings,\n getAllEvents,\n getScanteam,\n getUserInfoSettings,\n refreshAccess,\n updateScanteam,\n} from \"../../../store/actions/scanteamsActions\";\nimport connect from \"react-redux/es/connect/connect\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport Swal from \"sweetalert2\";\nimport moment from \"moment\";\nimport Clipboard from \"react-clipboard.js\";\nimport ClipboardJS from \"clipboard\";\nimport MobileHeader from \"../../../components/MobileHeader/MobileHeader\";\nimport Page404 from \"../../BarCodes/BarCodes\";\nimport { toast } from \"react-toastify\";\nimport UserInfoSettingsContainer from \"../../../components/UserInfoSettings/UserInfoSettingsContainer\";\nimport NewLoader from \"../../../components/NewLoader/NewLoader\";\nimport { Breadcrumbs } from \"../../../components/Breadcrumbs/Breadcrumbs\";\n\nconst MySwal = withReactContent(Swal);\nconst QRCode = require(\"qrcode.react\");\nconst AUTOSCAN_TYPE = {\n none: 1,\n autoscan: 2,\n};\nconst SELL_TYPE = {\n none: 1,\n sellable: 2,\n};\n\nclass AddTeams extends Component {\n _isMounted = false;\n _quickAccessLink = \"\";\n\n constructor(props) {\n super(props);\n this.state = {\n isView: !!this.props.match.params.id,\n allEvents: [],\n isDisabled: true,\n isSearchable: false,\n isMarkable: false,\n isAutoEntrance: false,\n scanteamId: \"\",\n scanteamName: \"\",\n loginToken: \"\",\n isFound: true,\n scanteamNameTitle: \"\",\n isSell: false,\n isScan: false,\n teamSellAbilityType: 1,\n additionalFields: [],\n loading: true,\n };\n }\n\n removeScanTeam = () => {\n MySwal.fire({\n title: \"Are you sure that you want to delete this scanteam?\",\n text: \"It's impossible to take step back then\",\n showCancelButton: true,\n cancelButtonText: \"Cancel\",\n showConfirmButton: true,\n confirmButtonText: \"Delete\",\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n this.props\n .deleteScanTeam(this.props.user.token, this.props.match.params.id)\n .then(() => {\n this.props.history.push(ROUTES.SCANTEAMS);\n });\n }\n });\n };\n\n prepareEvents = (acc, item) => {\n acc.push({\n id: item.id,\n title: item.name,\n date:\n moment(item.startDate).format(\"DD MMM HH:mm\") +\n \" - \" +\n moment(item.endDate).format(\"DD MMM HH:mm\"),\n list: item.ticketTemplates,\n });\n return acc;\n };\n\n async componentDidMount() {\n this._isMounted = true;\n\n if (!this.state.isView) {\n this.props.getAllEvents(this.props.user.token).then((result) => {\n this.setState({\n allEvents: result && result.reduce(this.prepareEvents, []),\n loading: false,\n });\n });\n } else {\n await this.props\n .getScanteam(this.props.user.token, this.props.match.params.id)\n .then((scanteam) => {\n if (scanteam) {\n this.props\n .getAllEvents(this.props.user.token, scanteam.id)\n .then((events) => {\n const {\n isUnscanAvailable,\n loginToken,\n id,\n isSearchAvailable,\n teamAutoscanAbilityType,\n name,\n teamSellAbilityType,\n isScanAvailable,\n } = scanteam;\n\n if (this._isMounted) {\n this.setState({}, () =>\n this.setState({\n allEvents: events.reduce(this.prepareEvents, []),\n isSearchable: isSearchAvailable,\n isMarkable: isUnscanAvailable,\n scanteamId: id,\n scanteamName: name,\n loginToken: loginToken,\n isScan: isScanAvailable,\n isSell: teamSellAbilityType === SELL_TYPE.sellable,\n isAutoEntrance:\n teamAutoscanAbilityType === AUTOSCAN_TYPE.autoscan,\n loading: false,\n })\n );\n\n this._quickAccessLink =\n \"https://scannerenterxl.page.link/?link=https://com.enterXl.scanner/?barcode=\" +\n this.state.loginToken +\n \"&apn=com.enterXl.scanner&isi=1452427099&ibi=com.enterXl.scanner&ius=scanner\";\n }\n });\n } else {\n this.setState({ isFound: false });\n }\n });\n }\n }\n\n componentWillUnmount() {\n this._isMounted = false;\n }\n\n isValid = () => {\n let validationMessage = null;\n let scanteamName = this.state.scanteamName;\n if (scanteamName.length < 3 || scanteamName.length > 50) {\n validationMessage =\n \"The field Name must be a string with a minimum length of 3 and a maximum length of 50\";\n }\n\n if (validationMessage) {\n Swal({\n title: \"Error!\",\n text: validationMessage,\n type: \"error\",\n timer: 5000,\n });\n return false;\n }\n\n return true;\n };\n\n checkTicket = (eventId, ticketId) => {\n let { allEvents, scanteamName } = this.state;\n const event = allEvents.find((event) => eventId === event.id);\n const ticket = event.list.find((ticket) => ticketId === ticket.id);\n ticket.isScanning = !ticket.isScanning;\n this.setState({\n allEvents,\n });\n if (scanteamName.length > 0) {\n this.setState({ isDisabled: false });\n }\n };\n\n checkboxChange = (evt) => {\n const target = evt.target;\n const value = target.type === \"checkbox\" ? target.checked : target.value;\n const name = target.name;\n const related = target.dataset.related;\n\n let { scanteamName } = this.state;\n if (scanteamName.length > 0) {\n this.setState({ isDisabled: false });\n }\n\n this.setState({\n [name]: value,\n });\n\n if (related) {\n const relatedArr = related.split(\",\");\n\n relatedArr.forEach((item) => {\n this.setState({\n [item]: this.state[item] && false,\n });\n });\n }\n };\n\n inputChangeHandler = (event) => {\n const { name, value } = event.target;\n this.setState({ [name]: value });\n this.setState({ isDisabled: event.target.value.length === 0 });\n };\n\n addAdditionalField = (newField) =>\n this.setState({\n additionalFields: [...this.state.additionalFields, newField],\n });\n\n delAdditionalField = (localId) => {\n const filteredArrOfAdditionalFields = this.state.additionalFields.filter(\n (field) => field.id !== localId\n );\n this.setState({ additionalFields: [...filteredArrOfAdditionalFields] });\n };\n\n saveHandler = () => {\n const {\n isSearchable,\n isAutoEntrance,\n isView,\n isSell,\n isMarkable,\n isScan,\n scanteamName,\n allEvents,\n } = this.state;\n const ticketTemplatesIds = allEvents.reduce((acc, value) => {\n value.list.forEach((item) => {\n if (item.isScanning) {\n acc.push(item.id);\n }\n });\n return acc;\n }, []);\n\n const outputData = {\n name: scanteamName,\n ticketTemplatesIds,\n\n isSearchAvailable: isSearchable,\n isUnscanAvailable: isMarkable,\n\n isScanAvailable: isScan,\n teamSellAbilityType: isSell ? SELL_TYPE.sellable : SELL_TYPE.none,\n teamAutoscanAbilityType: isAutoEntrance\n ? AUTOSCAN_TYPE.autoscan\n : AUTOSCAN_TYPE.none,\n };\n\n if (this.isValid()) {\n if (isView) {\n this.props.updateScanteam(\n this.props.user.token,\n outputData,\n this.props.match.params.id\n );\n } else {\n this.props\n .createScanteam(this.props.user.token, outputData)\n .then((result) => {\n if (result) {\n this.state.additionalFields.length &&\n this.props.createUserInfoSettings(\n this.props.user.token,\n this.state.additionalFields,\n result.id\n );\n\n this.props.history.push(ROUTES.SCANTEAMS);\n }\n });\n }\n }\n };\n\n refreshAccessScanteam = () => {\n const { token } = this.props.user;\n const { scanteamId } = this.state;\n const { refreshAccess } = this.props;\n\n refreshAccess(token, scanteamId).then((result) => {\n this.setState({ loginToken: result.loginToken });\n });\n };\n\n linkCopied = () => {\n toast.dismiss(257);\n toast.success(\"Quick access link was copied to clipboard.\", {\n toastId: 257,\n });\n };\n\n showExplanatoryMessage = () => {\n MySwal.fire({\n title:\n \"Please, send this link to your Scanner team, so they can enter the mobile app.\",\n showConfirmButton: true,\n confirmButtonText: \"Copy link\",\n showCancelButton: true,\n cancelButtonText: \"Cancel\",\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n const confirmBtn = MySwal.getConfirmButton();\n new ClipboardJS(`.${confirmBtn.getAttribute(\"class\").split(\" \")[0]}`);\n confirmBtn.setAttribute(\"data-clipboard-text\", this._quickAccessLink);\n this.linkCopied();\n }\n });\n };\n\n render() {\n if (!this.state.isFound) {\n return \n \n \n Field name\n \n Add\n \n \n
\n\n {this.props.userInfoSettings !== undefined && (\n \n What fields should your team fill out?\n
\n\n\n {userInfo.title}\n this.deleteHandler(userInfo.id)\n : () => this.props.delAdditionalField(userInfo.id)\n }\n >\n
\n ))}\n \n \n
\n\n \n
\n\n \n
\n )}\n \n \n
\n \n Quick access link\n
\n\n
\n \n
\n \n \n Sell\n \n
\n \n \n Scan\n \n
\n \n
\n \n \n Auto entrance\n \n
\n \n
\n \n \n Search ability\n \n
\n \n \n Ability to mark as unscanned\n \n
\n \n {isView && (\n \n \n \n
\n \n \n
;\n\nexport default PromotersEmptyState;\n","import React from 'react';\nimport '../../containers/Promoters/Promoters.sass';\n\nconst PromotersMobileTable = ({ promoters, signInPromoterAsAdmin, handleBanPromoter }) => {\n\n return (\n There are no promoters
\n\n {\n promoters.map(promoter => (\n
\n )\n}\nexport default PromotersMobileTable;\n","import React, { useState } from 'react';\nimport './ScanbitsModal.sass';\nimport numberNormalize from \"../../helpers/priceNormalize\";\n\n\nconst ScanbitsModal = (props) => {\n let scanBitPriceFromProps = props.currentPromoter.scanBitPrice;\n if (!props.currentPromoter.scanBitPrice) {\n scanBitPriceFromProps = 0.1;\n }\n const [scanBitPrice, setScanBitPrice] = useState(scanBitPriceFromProps);\n\n const handleSubmit = (e) => {\n e.preventDefault()\n if (scanBitPrice !== props.currentPromoter.scanBitPrice){\n props.onSubmit(scanBitPrice)\n } else {\n props.handleCloseModal()\n }\n }\n\n const handleInput = (e) => {\n const res = numberNormalize(e.target.value);\n setScanBitPrice(res)\n }\n\n const isSaveDisable = parseFloat(scanBitPrice) === 0 ? false : !parseFloat(scanBitPrice);\n const {name, email, phone, scanbitsBalance, spentScanbits} = props.userData\n\n return (\n \n
\n ))\n }\n \n
\n \n
\n {promoter.name}
\n {promoter.email}
\n {promoter.phone}
\n \n
\n \n {promoter.scanbitsBalance} / {promoter.spentScanbits}\n
\n \n handleBanPromoter(e, promoter)}>\n {promoter.banStatus === 2 ? 'Unblock' : 'Block'}\n \n \n
\n \n
\n );\n};\n\nexport default ScanbitsModal\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router';\nimport {\n banPromoter,\n getPromoter,\n getPromoters,\n setPromoterScanbitCost,\n signInPromoterAsAdmin,\n} from '../../store/actions/promotersActions';\nimport ROUTES from '../../constants/routes';\n\nimport ReactTable from 'react-table';\nimport 'react-table/react-table.css';\nimport Swal from 'sweetalert2';\nimport withReactContent from 'sweetalert2-react-content';\n\nimport Container from '../../components/UI/Container/Container';\nimport PageTitle from '../../components/UI/PageTitle/PageTitle';\nimport PromotersEmptyState from '../../components/Promoters/PromotersEmptyState/PromotersEmptyState';\nimport PromotersMobileTable from '../../components/Promoters/PromotersMobileTable';\n\nimport './Promoters.sass';\nimport Modal from '../../components/Modal/Modal';\nimport ScanbitsModal from '../../components/ScanbitsModal/ScanbitsModal';\nimport browserTabTitleOverride from '../../helpers/tabTitleOverride';\nimport NewLoader from '../../components/NewLoader/NewLoader';\n\nconst MySwal = withReactContent(Swal);\n\nclass Promoters extends Component {\n state = {\n searchPromoterValue: '',\n isModalActive: false,\n currentUserSelected: null,\n };\n\n componentDidMount() {\n browserTabTitleOverride();\n const user = localStorage.getItem('userCopy')\n ? JSON.parse(localStorage.getItem('userCopy'))\n : JSON.parse(localStorage.getItem('user'));\n this.getPromoters(user.token);\n }\n\n getPromoters = (userToken) => {\n const { searchPromoterValue } = this.state;\n const { getPromoters } = this.props;\n\n getPromoters(userToken, searchPromoterValue, 0, 0);\n };\n\n searchPromoter = (event) => {\n const { getPromoters } = this.props;\n const user = localStorage.getItem('userCopy')\n ? JSON.parse(localStorage.getItem('userCopy'))\n : JSON.parse(localStorage.getItem('user'));\n\n this.setState({ searchPromoterValue: event.target.value }, () => {\n getPromoters(user.token, this.state.searchPromoterValue, 0, 0);\n });\n };\n\n handleBanPromoter = (e, props) => {\n e.stopPropagation();\n\n const { banPromoter, getPromoters } = this.props;\n const user = localStorage.getItem('userCopy')\n ? JSON.parse(localStorage.getItem('userCopy'))\n : JSON.parse(localStorage.getItem('user'));\n const data = {\n banStatus: props.banStatus === 2 ? 1 : 2,\n scanBitPrice: props.scanBitPrice,\n currencyId: props.currencyId,\n };\n\n if (props.banStatus === 2) {\n MySwal.fire({\n title: 'Are you sure, you want to unblock this promoter?',\n showCancelButton: true,\n cancelButtonText: 'No',\n showConfirmButton: true,\n confirmButtonText: 'Yes',\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n banPromoter(user.token, props.id, data).then((result) => {\n if (result.isSuccess) {\n getPromoters(user.token, this.state.searchPromoterValue, 0, 0);\n }\n });\n }\n });\n } else {\n MySwal.fire({\n title: 'Are you sure, you want to block this promoter?',\n showCancelButton: true,\n cancelButtonText: 'No',\n showConfirmButton: true,\n confirmButtonText: 'Yes',\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n banPromoter(user.token, props.id, data).then((result) => {\n if (result.isSuccess) {\n getPromoters(user.token, this.state.searchPromoterValue, 0, 0);\n }\n });\n }\n });\n }\n };\n\n signInPromoterAsAdmin = (e, props) => {\n e.stopPropagation();\n\n const { token } = this.props.auth.user;\n const { id } = props;\n const { signInPromoterAsAdmin } = this.props;\n const userCopy = JSON.parse(localStorage.getItem('userCopy'));\n\n if (userCopy) {\n signInPromoterAsAdmin(userCopy.token, id).then((result) => {\n localStorage.setItem('user', JSON.stringify(result));\n window.location.href = ROUTES.EVENTS;\n });\n } else {\n signInPromoterAsAdmin(token, id).then((result) => {\n localStorage.setItem('userCopy', localStorage.getItem('user'));\n localStorage.setItem('user', JSON.stringify(result));\n\n window.location.href = ROUTES.EVENTS;\n });\n }\n };\n\n handleRowClick = (props) => {\n const { token } = this.props.auth.user;\n const userCopy = JSON.parse(localStorage.getItem('userCopy'));\n if (userCopy) {\n this.props.getPromoter(userCopy.token, props.original.id).then(() => {\n this.setState({\n isModalActive: true,\n currentUserSelected: props.original,\n });\n });\n } else {\n this.props.getPromoter(token, props.original.id).then(() => {\n this.setState({\n isModalActive: true,\n currentUserSelected: props.original,\n });\n })}\n };\n\n handleSubmit = (scanBitPrice) => {\n const { token } = this.props.auth.user;\n const { banStatus, id } = this.state.currentUserSelected;\n const userCopy = JSON.parse(localStorage.getItem('userCopy'));\n const data = {\n banStatus: banStatus,\n scanBitPrice,\n currencyId: 1,\n };\n\n if (userCopy) {\n this.props.setPromoterScanbitCost(userCopy.token, id, data).then((res) => {\n this.setState((state) => ({\n isModalActive: false,\n currentUserSelected: null,\n }));\n });\n } else {\n this.props.setPromoterScanbitCost(token, id, data).then((res) => {\n this.setState((state) => ({\n isModalActive: false,\n currentUserSelected: null,\n }));\n });\n }\n };\n\n handleCloseModal = () => {\n this.setState((state) => ({\n isModalActive: false,\n currentUserSelected: null,\n }));\n };\n\n render() {\n const columns = [\n {\n Header: 'Provider name',\n accessor: 'name',\n resizable: false,\n },\n {\n Header: 'Email',\n accessor: 'email',\n resizable: false,\n },\n {\n Header: 'Phone',\n accessor: 'phone',\n resizable: false,\n },\n {\n Header: 'Balance',\n accessor: 'scanbitsBalance',\n resizable: false,\n },\n {\n Header: 'Spent Scanbits',\n accessor: 'spentScanbits',\n resizable: false,\n },\n {\n Header: '',\n id: 'block',\n Cell: (props) => (\n \n
\n\n Promoter Info
\n\n
\n \n Promoter Name\n {name}\n
\n \n Email\n {email}\n
\n \n Phone\n {phone}\n
\n \n Balance\n {scanbitsBalance}\n
\n \n Spent Scanbits\n {spentScanbits}\n
\n\n \n 1 Scanbit = 1 scanned ticket\n The default cost for a scanbit is 0.1 EUR\n
\n\n \n \n ({\n onClick: (e) => {\n this.handleRowClick(rowInfo);\n },\n style: {\n cursor: 'pointer',\n },\n })}\n />\n
\n ) : (\n loading ? \n {children}\n
\n);\n\nexport default MobileHeaderChart;\n","import React from 'react';\n\nconst TabTicket = ({ payload, getName, getTeamName, data }) => {\n\treturn (\n\t\t\n\t\t\t{\n\t\t\t\tpayload && payload.map(item => {\n\t\t\t\t\tconst keyTime = item.payload[\"time\"] ? item.payload[\"time\"].slice(0, 2) : \"00\";\n\t\t\t\t\tconst dayData = data.get(keyTime)[item.name];\n\n\t\t\t\t\treturn
\n\t);\n};\n\nexport default TabTicket;\n","import React from 'react';\n\nconst TabTeam = ({payload, getName, getTicketName, data}) => {\n\treturn (\n\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\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tObject.keys(dayData).map(teamId => {\n\t\t\t\t\t\t\t\tconst devices = Object.keys(dayData[teamId].device).map(deviceId => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\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{ getName(item.name) || 'No data' }\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{item.value !== 0 ? item.value : '0'}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t\t\t{deviceId === \"web_client\" ? \"Uploaded\" : `Device ${deviceId}`}
\n\t\t\t\t\t\t\t\t\t\t\t{dayData[teamId].device[deviceId]}
\n\t\t\t\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\t\tdevices\n\t\t\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{getTeamName(teamId)}
\n\t\t\t\t\t\t\t\t\t\t{dayData[teamId].count}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t{\n\t\t\t\tpayload && payload.map(item => {\n\t\t\t\t\tconst keyTime = item.payload[\"time\"] ? item.payload[\"time\"].slice(0, 2) : \"00\";\n\t\t\t\t\tconst dayData = data.get(keyTime)[item.name];\n\n\t\t\t\t\treturn
\n\t);\n};\n\nexport default TabTeam;\n","import React from 'react';\nimport {convertIfNumber} from \"../../../../helpers/converterObj\";\n\nconst TabDevice = ({ payload, data, getTicketName, getDeviceName }) => {\n return (\n \n\t\t\t\t\t\t
\n\t\t\t\t})\n\t\t\t}\n\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tObject.keys(dayData).map(ticketId => {\n\t\t\t\t\t\t\t\tconst devices = Object.keys(dayData[ticketId].device).map(deviceId => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\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{ getName(item.name) || 'No data' }\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{item.value !== 0 ? item.value : '0'}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t\t\t{deviceId === \"web_client\" ? \"Uploaded\" : `Device ${deviceId}`}
\n\t\t\t\t\t\t\t\t\t\t\t{dayData[ticketId].device[deviceId]}
\n\t\t\t\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\t\tdevices\n\t\t\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{getTicketName(ticketId)}
\n\t\t\t\t\t\t\t\t\t\t{dayData[ticketId].count}
\n\t\t\t\t\t\t\t\t\t\n {\n payload ? payload.map(item => {\n const deviceId = convertIfNumber(item.name);\n const keyTime = item.payload[\"time\"] ? item.payload[\"time\"].slice(0, 2) : \"00\";\n const dayData = data.get(keyTime)[deviceId];\n return
\n );\n};\n\nexport default TabDevice;\n","import React from 'react';\n\nconst TabTicketInitial = ({ payload, getName, getTeamName, data }) => {\n\n\treturn (\n\t\t\n
\n }) : null\n }\n \n
\n {\n Object.keys(dayData).map(ticketId => {\n return [\n \n \n
\n \n { item.name === \"web_client\" ? \"Uploaded\" : `${getDeviceName(item.name)}` }\n
\n{item.value !== 0 ? item.value : '0'}
\n\n
\n ];\n })\n }\n {getTicketName(ticketId)}
\n{dayData[ticketId]}
\n\n\t\t\t{payload ?\n\t\t\t\tpayload && payload.map(item => {\n\t\t\t\t\tconst keyTime = item.payload[\"time\"] ? item.payload[\"time\"].slice(0, 2) : \"00\";\n\t\t\t\t\tconst dayData = data.get(keyTime)[item.name];\n\n\t\t\t\t\treturn
\n\t);\n};\n\nexport default TabTicketInitial;\n","import React from 'react';\n\nconst TabTeamInitial = ({payload, getName, getTicketName, data}) => {\n\treturn (\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}) : <>No tickets data selected\n\t\t\t}\n\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tObject.keys(dayData).map(teamId => {\n\t\t\t\t\t\t\t\tconst devices = Object.keys(dayData[teamId].device).map(deviceId => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\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{ getName(item.name) || 'No data' }\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{item.value !== 0 ? item.value : '0'}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t\t\t{deviceId === \"web_client\" ? \"Uploaded\" : `Device ${deviceId}`}
\n\t\t\t\t\t\t\t\t\t\t\t{dayData[teamId].device[deviceId]}
\n\t\t\t\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\t\tdevices\n\t\t\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{getTeamName(teamId)}
\n\t\t\t\t\t\t\t\t\t\t{dayData[teamId].count}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t{payload ?\n\t\t\t\tpayload && payload.map(item => {\n\t\t\t\t\tconst keyTime = item.payload[\"time\"] ? item.payload[\"time\"].slice(0, 2) : \"00\";\n\t\t\t\t\tconst dayData = data.get(keyTime)[item.name];\n\n\t\t\t\t\treturn
\n\t);\n};\n\nexport default TabTeamInitial;\n","import React from 'react';\nimport {convertIfNumber} from \"../../../../helpers/converterObj\";\n\nconst TabDeviceInitial = ({ payload, data, getTicketName, getDeviceName }) => {\n return (\n \n\t\t\t\t\t\t
\n\t\t\t\t})\n : \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tObject.keys(dayData).map(ticketId => {\n\t\t\t\t\t\t\t\tconst devices = Object.keys(dayData[ticketId].device).map(deviceId => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\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{ getName(item.name) || 'No data' }\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{item.value !== 0 ? item.value : '0'}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t\t\t{deviceId === \"web_client\" ? \"Uploaded\" : `Device ${deviceId}`}
\n\t\t\t\t\t\t\t\t\t\t\t{dayData[ticketId].device[deviceId]}
\n\t\t\t\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\t\tdevices\n\t\t\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{getTicketName(ticketId)}
\n\t\t\t\t\t\t\t\t\t\t{dayData[ticketId].count}
\n\t\t\t\t\t\t\t\t\tNo teams data selected
\n }\n\t\t\n { payload ?\n payload && payload.map(item => {\n const deviceId = convertIfNumber(item.name);\n const keyTime = item.payload[\"time\"] ? item.payload[\"time\"].slice(0, 2) : \"00\";\n const dayData = data.get(keyTime)[deviceId];\n return
\n );\n};\n\nexport default TabDeviceInitial;\n","import React, {Component} from 'react';\nimport {Tab, TabList, TabPanel, Tabs} from 'react-tabs';\nimport TabTicket from './CustomTooltipTabs/TabTicket';\nimport TabTeam from './CustomTooltipTabs/TabTeam';\nimport TabDevice from './CustomTooltipTabs/TabDevice';\nimport TabTicketInitial from './CustomTooltipTabs/TabTicketInitial';\n\nimport './CustomTooltip.sass'\nimport TabTeamInitial from './CustomTooltipTabs/TabTeamInitial';\nimport TabDeviceInitial from './CustomTooltipTabs/TabDeviceInitial';\n\nclass CustomTooltip extends Component {\n\n handleChangeTab = tabType => this.props.handleChangeTab(tabType);\n\n render() {\n const {\n active,\n payload,\n tooltipData,\n getTicketName,\n getTeamName,\n deviceName,\n isActiveByClick,\n selectedTooltipData,\n selectedPayload,\n initialPayloadTicket,\n initialPayloadTeam,\n initialPayloadDevice\n } = this.props;\n\n let finalTooltipData = tooltipData;\n if (tooltipData && Object.keys(tooltipData).length === 0 && selectedTooltipData) {\n finalTooltipData = selectedTooltipData;\n }\n\n let finalPayload = payload;\n if (payload && payload.length === 0) {\n finalPayload = selectedPayload;\n }\n\n return (\n \n
\n }) : \n
\n {\n Object.keys(dayData).map(ticketId => {\n return [\n \n \n
\n \n { item.name === \"web_client\" ? \"Uploaded\" : `${getDeviceName(item.name)}` }\n
\n{item.value !== 0 ? item.value : '0'}
\n\n
\n ];\n })\n }\n {getTicketName(ticketId)}
\n{dayData[ticketId]}
\nNo device data selected
\n }\n\n \n \n this.handleChangeTab(\"ticket\")}>Ticket \n this.handleChangeTab(\"team\")}>Team \n this.handleChangeTab(\"device\")}>Device \n \n \n {active || isActiveByClick ?\n \n \n {active || isActiveByClick ?\n \n \n {active || isActiveByClick ?\n \n \n
)\n }\n}\n\nexport default CustomTooltip;\n","import React, {Component} from 'react';\nimport {LineChart, Line, CartesianGrid, XAxis, YAxis, Tooltip, ResponsiveContainer} from 'recharts';\nimport CustomTooltip from \"../../components/Statistics/CustomTooltip/CustomTooltip\";\nimport './Statistics.sass';\n\nexport default class StatisticChart extends Component {\n\n\trender() {\n\t\tconst {\n\t\t\tdata,\n\t\t\tcolor,\n\t\t\ttooltipData,\n\t\t\tticketName,\n\t\t\tteamName,\n\t\t\tdeviceName,\n\t\t\thandleClickOnChart,\n\t\t\tselectedData,\n selectedPayload,\n\t\t\tisActive,\n\t\t\thandleChangeTab,\n activeTab,\n initialPayloadTicket,\n initialPayloadTeam,\n initialPayloadDevice\n\t\t} = this.props;\n\t\tconst chartData = data.hasOwnProperty(activeTab) ? data[activeTab] : null;\n\n\t\tlet lines = [];\n\t\tif (chartData) {\n\t\t\tconst tmp = chartData[0];\n\t\t\tdelete tmp.time;\n\t\t\tlines = Object.keys(tmp).map(value => {\n\t\t\t\treturn (\n\t\t\t\t\t\n \n handleClickOnChart(data)}\n >\n \n \n \n
\n \n \n handleClickOnChart(data)}\n >\n \n \n \n
\n \n\t\t);\n\t}\n}\n","import compareDesc from \"date-fns/compareDesc\";\nimport {convertIfNumber} from \"../../../helpers/converterObj\";\n\nexport default class StatisticDataModel {\n\tconstructor(nextData = {dataMap: new Map(), detailsMap: new Map(), ticketNamesMap: new Map(), teamNamesMap: new Map(), devicesNamesMap: new Map()}) {\n\t\tthis.sortedDataArr = nextData.dataMap;\n\t\tthis.sortedDataDetails = nextData.detailsMap;\n\t\tthis.ticketNamesMap = nextData.ticketNamesMap;\n\t\tthis.teamNamesMap = nextData.teamNamesMap;\n\t\tthis.devicesNamesMap = nextData.devicesNamesMap;\n\t}\n\n\tgetDates() {\n\t\treturn Array.from(this.sortedDataArr.keys()).sort((a, b) => compareDesc(new Date(a), new Date(b)));\n\t}\n\n\tgetNextDayData(data = \"\") {\n\t\tif (data === \"\") {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst dataPerDay = this.sortedDataArr.get(data);\n\t\treturn {\n\t\t\tticket: Array.from(dataPerDay.tickets.values()),\n\t\t\tteam: Array.from(dataPerDay.teams.values()),\n\t\t\tdevice: Array.from(dataPerDay.devices.values())\n\t\t};\n\t}\n\n\tgetNextDayDetails(data = \"\") {\n\t\tif (data === \"\") {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst detailsPerDay = this.sortedDataDetails.get(data);\n\t\treturn {\n\t\t\tticket: detailsPerDay.tickets,\n\t\t\tteam: detailsPerDay.teams,\n\t\t\tdevice: detailsPerDay.devices\n\t\t};\n\t}\n\n\tgetTicketName(key) {\n\t\tconst ticketId = convertIfNumber(key);\n\t\treturn key ? this.ticketNamesMap.get(ticketId) : \"\";\n\t}\n\n\tgetTeamName(key) {\n\t\tconst teamId = convertIfNumber(key);\n\t\treturn key ? this.teamNamesMap.get(teamId) : \"\";\n\t}\n\n\tgetDeviceName(key) {\n\t\treturn key ? this.devicesNamesMap.get(key) : \"\";\n\t}\n\n\tgetTicketNames() {\n\t\treturn Array.from(this.ticketNamesMap.keys());\n\t}\n\n\tgetTeamNames() {\n\t\treturn Array.from(this.teamNamesMap.keys());\n\t}\n\n\tgetDeviceNames() {\n\t\treturn Array.from(this.devicesNamesMap.keys());\n\t}\n}","import * as ActionTypes from '../actionTypes/eventsTypes';\nimport EventDataModel from \"./models/EventDataModel\";\n\nconst initialState = new EventDataModel();\n\nconst eventData = (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase ActionTypes.UPDATE_EVENT_SELL_STATISTIC:\n\t\t\treturn state.withUpdatedSellData(action.payload);\n\t\tcase ActionTypes.UPDATE_EVENT_SCAN_STATISTIC:\n\t\t\treturn state.withUpdatedScanData(action.payload);\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nexport default eventData;\n\nexport const getNextDaySellData = (state, date) => {\n\treturn state.eventData.getSellStatisticForDay(date);\n};\n\nexport const getNextDayScanData = (state, date) => {\n\treturn state.eventData.getScanStatisticForDay(date);\n};\n\n\nexport const getNextSellTooltipDayData = (state, date) => {\n\treturn state.eventData.getSellStatisticDetailsDayData(date);\n};\n\nexport const getNextScanTooltipDayData = (state, date) => {\n\treturn state.eventData.getScanStatisticDetailsDayData(date);\n};\n\nexport const getAvailableSellDates = (state) => {\n\treturn state.eventData.getSellDatesWithData();\n};\n\nexport const getAvailableScanDates = (state) => {\n\treturn state.eventData.getScanDatesWithData();\n};\n\nexport const getSellTicketName = (state, key) => {\n\treturn state.eventData.getSellTicketName(key);\n};\n\nexport const getScanTicketName = (state, key) => {\n\treturn state.eventData.getScanTicketName(key);\n};\n\nexport const getSellTeamName = (state, key) => {\n\treturn state.eventData.getSellTeamName(key);\n};\n\nexport const getScanTeamName = (state, key) => {\n\treturn state.eventData.getScanTeamName(key);\n};\n\nexport const getSellDeviceName = (state, key) => {\n\treturn state.eventData.getSellDeviceName(key);\n};\n\nexport const getScanDeviceName = (state, key) => {\n\treturn state.eventData.getScanDeviceName(key);\n};\n\n//TODO bad approach, extend or remove\nconst chartColors = [\n\t'#C51062', '#F39C12', '#0B5345', '#D98880', '#3498DB', '#E74C3C', '#616A6B', '#6201EA', '#7D3C98', '#CC33FF',\n\t'#641E16', '#1ABC9C', '#0000FF', '#34495E', '#D35400', '#AED6F1', '#186A3B', '#33FF00', '#7E5109', '#F4D03F',\n\t'#AAB7B8', '#512E5F', '#27AE60', '#F8C471', '#21618C', '#990033', '#9A7D0A', '#C39BD3'\n];\n\nexport const getColorsMap = (state) => {\n\treturn new Map([\n\t\t[\"ticket\", new Map(state.eventData.getSellTicketNamesArr().map((v ,i) => [`${v}`, chartColors[i]]))],\n\t\t[\"team\", new Map(state.eventData.getSellTeamNamesArr().map((v ,i) => [`${v}`, chartColors[i]]))],\n\t\t[\"device\", new Map(state.eventData.getSellDeviceNamesArr().map((v ,i) => [`${v}`, chartColors[i]]))]\n\t]);\n};\n\nexport const getColorsMapScan = (state) => {\n\treturn new Map([\n\t\t[\"ticket\", new Map(state.eventData.getScanTicketNamesArr().map((v ,i) => [`${v}`, chartColors[i]]))],\n\t\t[\"team\", new Map(state.eventData.getScanTeamNamesArr().map((v ,i) => [`${v}`, chartColors[i]]))],\n\t\t[\"device\", new Map(state.eventData.getScanDeviceNamesArr().map((v ,i) => [`${v}`, chartColors[i]]))]\n\t]);\n};\n","import StatisticDataModel from \"./StatisticDataModel\";\n\nexport default class EventDataModel {\n\tconstructor(sellStatistic = new StatisticDataModel(), scanStatistic = new StatisticDataModel()) {\n\t\tthis.sellStatistic = sellStatistic;\n\t\tthis.scanStatistic = scanStatistic;\n\t}\n\n\twithUpdatedSellData(nextData) {\n\t\treturn new EventDataModel(new StatisticDataModel(nextData), this.scanStatistic);\n\t}\n\n\tgetSellStatisticForDay(key) {\n\t\treturn this.sellStatistic.getNextDayData(key);\n\t}\n\n\tgetSellStatisticDetailsDayData(key) {\n\t\treturn this.sellStatistic.getNextDayDetails(key);\n\t}\n\n\tgetSellDatesWithData() {\n\t\treturn this.sellStatistic.getDates();\n\t}\n\n\tgetSellTicketName(key) {\n\t\treturn this.sellStatistic.getTicketName(key);\n\t}\n\n\tgetSellTeamName(key) {\n\t\treturn this.sellStatistic.getTeamName(key);\n\t}\n\n\tgetSellDeviceName(key) {\n\t\treturn this.sellStatistic.getDeviceName(key);\n\t}\n\n\tgetSellTicketNamesArr() {\n\t\treturn this.sellStatistic.getTicketNames();\n\t}\n\n\tgetSellTeamNamesArr() {\n\t\treturn this.sellStatistic.getTeamNames();\n\t}\n\n\tgetSellDeviceNamesArr() {\n\t\treturn this.sellStatistic.getDeviceNames();\n\t}\n\n\twithUpdatedScanData(nextData) {\n\t\treturn new EventDataModel(this.sellStatistic, new StatisticDataModel(nextData));\n\t}\n\n\tgetScanStatisticForDay(key) {\n\t\treturn this.scanStatistic.getNextDayData(key);\n\t}\n\n\tgetScanStatisticDetailsDayData(key) {\n\t\treturn this.scanStatistic.getNextDayDetails(key);\n\t}\n\n\tgetScanDatesWithData() {\n\t\treturn this.scanStatistic.getDates();\n\t}\n\n\tgetScanTicketName(key) {\n\t\treturn this.scanStatistic.getTicketName(key);\n\t}\n\n\tgetScanTeamName(key) {\n\t\treturn this.scanStatistic.getTeamName(key);\n\t}\n\n\tgetScanDeviceName(key) {\n\t\treturn this.scanStatistic.getDeviceName(key);\n\t}\n\n\tgetScanTicketNamesArr() {\n\t\treturn this.scanStatistic.getTicketNames();\n\t}\n\n\tgetScanTeamNamesArr() {\n\t\treturn this.scanStatistic.getTeamNames();\n\t}\n\n\tgetScanDeviceNamesArr() {\n\t\treturn this.scanStatistic.getDeviceNames();\n\t}\n}\n","import React, {Component} from 'react';\nimport {connect} from 'react-redux';\n\nimport StatisticChart from \"../StatisticChart\";\nimport {\n\tgetAvailableSellDates,\n\tgetColorsMap,\n\tgetNextDaySellData,\n\tgetNextSellTooltipDayData,\n\tgetSellDeviceName,\n\tgetSellTeamName,\n\tgetSellTicketName\n} from \"../../../store/reducers/EventDataReducer\";\nimport Icon from \"../../../components/UI/Icon/Icon\";\nimport PageTitle from \"../../../components/UI/PageTitle/PageTitle\";\n\nclass SellStatisticForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tid: props.id || \"\",\n\t\t\tselectedDateIndex: 0,\n\t\t\tselectedData: null,\n\t\t\tselectedPayload: null,\n\t\t\tisActive: false,\n\t\t\tactiveTab: \"ticket\",\n\t\t};\n\t}\n\n handleChangeDate = (selectedDateIndex) => {\n const { dates } = this.props\n if (selectedDateIndex < dates.length && selectedDateIndex !== -1) {\n this.setState({\n selectedDateIndex, selectedData: null,\n selectedPayload: null,\n isActive: false\n });\n }\n\t};\n\n handleClickOnChart = (data) => {\n\t\tif (data) {\n\t\t\tconst {selectedDateIndex} = this.state;\n\t\t\tconst {dates, nextDayData} = this.props;\n\t\t\tconst chartData = nextDayData(dates[selectedDateIndex]);\n\t\t\tthis.setState({ selectedData: chartData, selectedPayload: data.activePayload, isActive: true});\n\t\t}\n\t};\n\n handleChangeTab = (activeTabType) => {\n this.setState({activeTab: activeTabType, selectedData: null,\n selectedPayload: null,\n isActive: false});\n };\n\n getInitialPayload = (data) => {\n const selectedPayload = [];\n if (data && data.length) {\n const initialTicket = data[0]\n delete initialTicket.time;\n for (const key in initialTicket) {\n selectedPayload.push({\n stroke: this.props.colorMap(this.state.activeTab).get(key),\n strokeWidth: 3,\n r: 0,\n fill: \"#fff\",\n dataKey: key,\n name: key,\n color: this.props.colorMap(this.state.activeTab).get(key),\n value: initialTicket[key],\n payload: initialTicket\n })\n }\n }\n return selectedPayload\n }\n\n\trender() {\n const {selectedDateIndex, selectedData, selectedPayload, isActive, activeTab} = this.state;\n const { dates, colorMap, nextDayData, nextDayTooltipData, ticketName, teamName, deviceName } = this.props;\n const chartData = nextDayData(dates[selectedDateIndex]);\n const initialPayloadTicket = this.getInitialPayload(chartData.ticket)\n const initialPayloadTeam = this.getInitialPayload(chartData.team)\n const initialPayloadDevice = this.getInitialPayload(chartData.device)\n\t\tconst tooltipData = nextDayTooltipData(dates[selectedDateIndex]);\n\t\tconst prevDate = dates.length > 0 && selectedDateIndex > 0;\n const nextDate = dates.length > 0 && selectedDateIndex < (dates.length - 1);\n\t\tconst getColor = (activeTab, name) => colorMap(activeTab).get(name);\n\t\tconst isDataNotEmpty = Object.keys(chartData).length !== 0;\n let emptyStateText = \"There are no data to display\";\n \n\t\treturn (\n \n\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tdates: getAvailableSellDates(state),\n\t\tticketName: (key) => getSellTicketName(state, key),\n\t\tteamName: (key) => getSellTeamName(state, key),\n\t\tdeviceName: (key) => getSellDeviceName(state, key),\n\t\tnextDayData: (day) => getNextDaySellData(state, day),\n\t\tnextDayTooltipData: (day) => getNextSellTooltipDayData(state, day),\n\t\tcolorMap: (key) => getColorsMap(state).get(key),\n\t\t...ownProps\n\t};\n};\n\nexport default connect(mapStateToProps)(SellStatisticForm);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport StatisticChart from \"../StatisticChart\";\nimport {\n getAvailableScanDates,\n getColorsMapScan,\n getNextDayScanData, getNextScanTooltipDayData,\n getNextTooltipDayData, getScanDeviceName, getScanTeamName,\n getScanTicketName,\n} from \"../../../store/reducers/EventDataReducer\";\nimport Icon from \"../../../components/UI/Icon/Icon\";\nimport PageTitle from \"../../../components/UI/PageTitle/PageTitle\";\n\nclass ScanStatisticForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n id: props.id || \"\",\n selectedDateIndex: 0,\n selectedData: null,\n selectedPayload: null,\n isActive: false,\n activeTab: \"ticket\",\n };\n }\n\n handleChangeDate = (selectedDateIndex) => {\n const { dates } = this.props\n if (selectedDateIndex < dates.length && selectedDateIndex !== -1) {\n this.setState({\n selectedDateIndex, selectedData: null,\n selectedPayload: null,\n isActive: false\n });\n }\n };\n\n handleClickOnChart = (data) => {\n\n if (data) {\n const {selectedDateIndex} = this.state;\n const {dates, nextDayData} = this.props;\n const chartData = nextDayData(dates[selectedDateIndex]);\n this.setState({ selectedData: chartData, selectedPayload: data.activePayload, isActive: true});\n }\n };\n\n handleChangeTab = (activeTabType) => {\n this.setState({activeTab: activeTabType, selectedData: null,\n selectedPayload: null,\n isActive: false});\n };\n\n getInitialPayload = (data) => {\n const selectedPayload = [];\n if (data && data.length) {\n const initialTicket = data[0]\n delete initialTicket.time;\n for (const key in initialTicket) {\n selectedPayload.push({\n stroke: this.props.colorMap(this.state.activeTab).get(key),\n strokeWidth: 3,\n r: 0,\n fill: \"#fff\",\n dataKey: key,\n name: key,\n color: this.props.colorMap(this.state.activeTab).get(key),\n value: initialTicket[key],\n payload: initialTicket\n })\n }\n }\n return selectedPayload\n }\n\n render() {\n const {selectedDateIndex, selectedData, selectedPayload, isActive, activeTab} = this.state;\n const {dates, colorMap, nextDayData, nextDayTooltipData, ticketName, teamName, deviceName} = this.props;\n const chartData = nextDayData(dates[selectedDateIndex]);\n const initialPayloadTicket = this.getInitialPayload(chartData.ticket)\n const initialPayloadTeam = this.getInitialPayload(chartData.team)\n const initialPayloadDevice = this.getInitialPayload(chartData.device)\n const tooltipData = nextDayTooltipData(dates[selectedDateIndex]);\n const prevDate = dates.length > 0 && selectedDateIndex > 0;\n const nextDate = dates.length > 0 && selectedDateIndex < (dates.length - 1);\n const getColor = (activeTab, name) => colorMap(activeTab).get(name);\n const isDataNotEmpty = Object.keys(chartData).length !== 0;\n let emptyStateText = \"There are no data to display\";\n\n return (\n \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{dates[selectedDateIndex]}\n\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\t{\n\t\t\t\t\tisDataNotEmpty ?\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\t\n\t\t\t\t\t\t\t{emptyStateText} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\n\t\t\t\t\t\t\n
\n );\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n dates: getAvailableScanDates(state),\n ticketName: (key) => getScanTicketName(state, key),\n teamName: (key) => getScanTeamName(state, key),\n deviceName: (key) => getScanDeviceName(state, key),\n nextDayData: (day) => getNextDayScanData(state, day),\n nextDayTooltipData: (day) => getNextScanTooltipDayData(state, day),\n colorMap: (key) => getColorsMapScan(state).get(key),\n ...ownProps\n };\n};\n\nexport default connect(mapStateToProps)(ScanStatisticForm);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport withRouter from \"react-router/es/withRouter\";\nimport { Link } from \"react-router-dom\";\nimport { Tab, TabList, TabPanel, Tabs } from \"react-tabs\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\nimport MobileHeaderChart from \"../../components/Statistics/MobileHeaderChart/MobileHeaderChart\";\nimport NewLoader from \"../../components/NewLoader/NewLoader\";\nimport {\n getEvent,\n getEventScanStats,\n getEventSellStats,\n} from \"../../store/actions/eventsActions\";\nimport ROUTES from \"../../constants/routes\";\n\nimport \"./Statistics.sass\";\nimport \"react-tabs/style/react-tabs.css\";\nimport SellStatisticForm from \"./sell/SellStatisticForm\";\nimport ScanStatisticForm from \"./scan/ScanStatisticForm\";\nimport browserTabTitleOverride from \"../../helpers/tabTitleOverride\";\nimport { Breadcrumbs } from \"../../components/Breadcrumbs/Breadcrumbs\";\n\nclass StatisticPage extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isScanOpened: false,\n };\n }\n\n componentDidMount() {\n browserTabTitleOverride();\n const {\n token,\n match: { params },\n currentEvent,\n } = this.props;\n let event_id = params.event_id || params.id;\n\n if (!currentEvent.id) {\n this.props.getEvent(event_id, token).then((res) => {\n if (res.isFound) {\n this.props.getEventSellStats(event_id, token);\n }\n });\n } else {\n this.props.getEventSellStats(event_id, token);\n }\n }\n\n handleScanClick = () => {\n if (!this.state.isScanOpened) {\n const {\n token,\n match: { params },\n currentEvent,\n } = this.props;\n let event_id = params.event_id || params.id;\n\n if (!currentEvent.id) {\n this.props\n .getEvent(event_id, token)\n .then((res) => {\n if (res.isFound) {\n this.props.getEventScanStats(event_id, token);\n }\n })\n .then(() => this.setState({ isScanOpened: true }));\n } else {\n this.props.getEventScanStats(event_id, token);\n this.setState({ isScanOpened: true });\n }\n }\n };\n\n render() {\n const { currentEvent, isLoading } = this.props;\n\n const fullPath = [\n {\n path: ROUTES.EVENTS,\n name: \"Events\",\n },\n {\n path: ROUTES.EVENT.replace(\":id\", currentEvent.id),\n name: currentEvent.name,\n },\n {\n name: \"Statistics\",\n },\n ];\n\n return (\n \n \n {dates[selectedDateIndex]}\n \n
\n {\n isDataNotEmpty ?\n \n
\n :\n \n {emptyStateText} \n \n
\n }\n \n \n
\n\n \n \n \n \n
\n\n \n
\n Choose the file ( .csv)
\n\n\n
\n \n \n \n \n
\n\n \n
\n Choose the file ( .csv)
\n\n\n {items.map((x) => {\n const isSelected = x.value === selectedValue;\n const containerClass = !isSelected ? \"disabled\" : \"\";\n\n return (\n
\n);\n\nexport default SingleCheckboxSelector;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { toast } from \"react-toastify\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\n// import Swal from \"sweetalert2\";\n// import withReactContent from \"sweetalert2-react-content\";\n\nimport axios from \"../../axios-instance\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\n\nimport ROUTES from \"../../constants/routes\";\nimport Page404 from \"../../components/Page404/Page404\";\n\nimport Link from \"react-router-dom/es/Link\";\n\nimport { clearCurrentEvent, getEvent } from \"../../store/actions/eventsActions\";\n\nimport \"./TicketActions.sass\";\nimport Upload from \"../Upload/Upload\";\nimport { getHeaders } from \"../../helpers/getHeaders\";\nimport { loadFile } from \"../../helpers/loadFile\";\nimport CheckBox from \"../../components/UI/Checkbox/CheckBox\";\nimport PleaseWaitModal from \"../BarCodes/modals/PleaseWaitModal\";\nimport SingleCheckboxSelector from \"../../components/SingleCheckboxSelector\";\nimport { isSunday } from \"date-fns\";\nimport { executeAsyncWithModal } from \"../../helpers/modal\";\nimport { Breadcrumbs } from \"../../components/Breadcrumbs/Breadcrumbs\";\n\nconst MySwal = withReactContent(Swal);\n\n// const MySwal = withReactContent(Swal);\n\nconst EVENT_ACTIONS = [\n {\n value: \"/Events/AddSeatsForSale\",\n label: \"Add seats from the file to existing seats\",\n },\n {\n value: \"/Events/SetSeatsForSale\",\n label: \"Replace existing seats with seats from the file\",\n },\n {\n value: \"/Events/ExcludeSeatsForSale\",\n label: \"Remove seats from the file from existing seats\",\n },\n];\n\nclass UploadAvailableSeats extends Component {\n state = {\n file: [],\n isFound: true,\n selectedEventActionPath: EVENT_ACTIONS[0].value,\n };\n\n componentDidMount() {\n const {\n user: { token },\n match: { params },\n getEvent,\n } = this.props;\n\n if (!this.props.currentEvent.id)\n getEvent(params.id, token).then((result) => {\n if (!result.isFound) {\n this.setState({ isFound: false });\n }\n });\n }\n onButtonEnable = (file) => {\n this.setState({\n file,\n });\n };\n\n downloadTemplateHandler = async () => {\n try {\n if (!navigator.onLine) {\n throw new Error(\"offline\");\n }\n\n const url =\n process.env.API_URL.substring(0, process.env.API_URL.length - 2) +\n \"Files/Static/csv/AvailableSeats.csv\";\n\n const { data } = await executeAsyncWithModal(\n () => axios.get(url),\n \n \n {x.label}\n \n
\n );\n })}\n \n
\n \n \n
\n \n \n
\n \n
\n\n {!this.checkIsDisabled() && (\n \n
\n Choose the file ( .csv)
\n\n\n \n De-restrict\n \n\n \n Send\n \n
\n \n \n {component}\n \n ))}\n {actionComponent}\n
\n );\n};\n\nexport const StepperHeader = ({ title, currentStep, step }) => {\n const renderStepIcon = () => {\n switch (true) {\n case currentStep > step:\n return \n
\n {steps.map(({ component }, index) => (\n \n {steps.map(({ title }, index) => (\n
\n {headerComponent}\n \n {/* eslint-disable-next-line jsx-a11y/alt-text */}\n {renderStepIcon()}\n
\n \n );\n};\n\nexport const Step = ({ currentStep, step, children }) => {\n const style = currentStep !== step ? { display: \"none\" } : {};\n\n return (\n {title}
\n\n {children}\n
\n );\n};\n","import React, { Component } from \"react\";\n\nimport ReactTable from \"react-table\";\n\nimport {\n getTicketsGeneration,\n loadActionResult,\n getTicketGeneration,\n} from \"../../../store/actions/ticketGenerationActions\";\n\nimport \"../../SeasonPass/SeasonPassInfoModal/SeasonPassInfoModal.sass\";\nimport \"./GuestModal.sass\";\n\nimport SeasonPassLogo from \"../../../images/season-pass-logo.svg\";\nimport NewLoader from \"../../../components/NewLoader/NewLoader\";\n\nclass GuestModal extends Component {\n state = {\n data: [],\n loading: true,\n };\n\n checkStatusInterval = null;\n\n getData = async () => {\n try {\n this.setState({ loading: true });\n\n const { ticketTemplateIds, generationTitle } = this.props;\n const user = JSON.parse(localStorage.getItem(\"user\"));\n const resultData = [];\n\n for (const id of ticketTemplateIds) {\n const { data } = await getTicketsGeneration(user.token, id);\n const item = data.find((item) => item.resultTag === generationTitle);\n\n if (item) {\n resultData.push(item);\n }\n }\n\n this.setState({ loading: false, data: resultData });\n\n const allCompleted = resultData.every(\n (item) => item.jobStatus === \"Completed\"\n );\n\n if (allCompleted) {\n clearInterval(this.checkStatusInterval);\n }\n } catch (e) {\n console.log(e);\n }\n };\n\n checkStatusAndRefreshData = async (id) => {\n try {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n const { data } = await getTicketGeneration(user.token, id);\n\n const newData = this.state.data.map((oldItem) =>\n oldItem.id === id ? data : oldItem\n );\n\n this.setState({ data: newData });\n } catch (e) {\n console.log(e);\n }\n };\n\n componentDidMount() {\n this.getData();\n\n this.checkStatusInterval = setInterval(() => {\n const notCompletedItems = this.state.data.filter(\n (item) => item.jobStatus !== \"Completed\"\n );\n\n notCompletedItems.forEach((item) => {\n this.checkStatusAndRefreshData(item.id);\n });\n\n const allCompleted = this.state.data.every(\n (item) => item.jobStatus === \"Completed\"\n );\n\n if (allCompleted) {\n clearInterval(this.checkStatusInterval);\n }\n }, 10000);\n }\n\n componentWillUnmount() {\n clearInterval(this.checkStatusInterval);\n }\n\n renderActionCell = ({ original: rowData }) => {\n if (rowData.changesRequested && !rowData.originalOrderId) return null;\n\n const ticket = this.props.ticketTemplates.find(\n ({ ticketTemplateId }) => ticketTemplateId === rowData.ticketTemplateId\n );\n\n const fileName = ticket\n ? ticket.name.replaceAll(\" \", \"_\") + \"_\" + rowData.resultTag\n : rowData.resultTag;\n\n const startButton = (\n \n
\n );\n }\n}\n\nexport default GuestModal;\n","import React from \"react\";\n\nimport \"./SeasonPass.sass\";\n\nexport const SeasonPassFieldLabel = ({\n children,\n label,\n shouldWrapInLabel = true,\n isRequired = false,\n className,\n}) => {\n if (!shouldWrapInLabel) {\n return (\n \n 
\n
\n \n
\n {this.props.title}
\n {loading ? (\n\n \n {label}\n {isRequired && (\n \n Required Field\n \n )}\n \n {children}\n
\n );\n }\n\n return (\n \n );\n};\n","import Amex from \"../../images/BankLogos/amex.svg\";\nimport Dina from \"../../images/BankLogos/dina.svg\";\nimport IdCheck from \"../../images/BankLogos/id-check.svg\";\nimport LadPay from \"../../images/BankLogos/ladPay.png\";\nimport Maestro from \"../../images/BankLogos/maestro.svg\";\nimport Master from \"../../images/BankLogos/master.svg\";\nimport VisaSecure from \"../../images/BankLogos/visa-secure.svg\";\nimport Visa from \"../../images/BankLogos/visa.svg\";\nimport BancaIntesa from \"../../images/BankLogos/intesaLogo.png\";\n\nimport SponcorLogo_1 from \"../../images/PartizanLogos/logo_1.png\";\nimport SponcorLogo_2 from \"../../images/PartizanLogos/logo_2.png\";\n\nexport const price = 500;\n\nexport const resURL = `${process.env.API_URL}/Payment/Webhook/Kopa`;\n\nexport const signedKeys =\n \"orderId,paymentAmount,currencyCode,sessionValidity,resURL,redirectURL,lang,merchantName\";\n\nexport const sponcorLogos = [\n {\n src: SponcorLogo_1,\n alt: \"Sponsor Logo\",\n },\n {\n src: SponcorLogo_2,\n alt: \"Sponsor Logo\",\n },\n];\n\nexport const bankLogos = [\n {\n alt: \"Dina\",\n src: Dina,\n link: undefined,\n },\n {\n alt: \"Master\",\n src: Master,\n link: undefined,\n },\n {\n alt: \"Maestro\",\n src: Maestro,\n link: undefined,\n },\n {\n alt: \"Visa\",\n src: Visa,\n link: undefined,\n },\n {\n alt: \"Amex\",\n src: Amex,\n link: undefined,\n },\n {\n alt: \"LadPay\",\n src: LadPay,\n link: \"https://ledpay.rs/\",\n },\n {\n alt: \"Banca Intesa\",\n src: BancaIntesa,\n link: \"https://www.bancaintesa.rs\",\n },\n {\n alt: \"IdCheck\",\n src: IdCheck,\n link: \"http://www.mastercard.com/rs/consumer/credit-cards.html\",\n },\n {\n alt: \"VisaSecure\",\n src: VisaSecure,\n link: \"https://rs.visa.com/pay-with-visa/security-and-assistance/protected-everywhere.html\",\n },\n];\n\nexport const years = [\n { value: 2005, label: 2005 },\n { value: 2004, label: 2004 },\n { value: 2003, label: 2003 },\n { value: 2002, label: 2002 },\n { value: 2001, label: 2001 },\n { value: 2000, label: 2000 },\n { value: 1999, label: 1999 },\n { value: 1998, label: 1998 },\n { value: 1997, label: 1997 },\n { value: 1996, label: 1996 },\n { value: 1995, label: 1995 },\n { value: 1994, label: 1994 },\n { value: 1993, label: 1993 },\n { value: 1992, label: 1992 },\n { value: 1991, label: 1991 },\n { value: 1990, label: 1990 },\n { value: 1989, label: 1989 },\n { value: 1988, label: 1988 },\n { value: 1987, label: 1987 },\n { value: 1986, label: 1986 },\n { value: 1985, label: 1985 },\n { value: 1984, label: 1984 },\n { value: 1983, label: 1983 },\n { value: 1982, label: 1982 },\n { value: 1981, label: 1981 },\n { value: 1980, label: 1980 },\n { value: 1979, label: 1979 },\n { value: 1978, label: 1978 },\n { value: 1977, label: 1977 },\n { value: 1976, label: 1976 },\n { value: 1975, label: 1975 },\n { value: 1974, label: 1974 },\n { value: 1973, label: 1973 },\n { value: 1972, label: 1972 },\n { value: 1971, label: 1971 },\n { value: 1970, label: 1970 },\n { value: 1969, label: 1969 },\n { value: 1968, label: 1968 },\n { value: 1967, label: 1967 },\n { value: 1966, label: 1966 },\n { value: 1965, label: 1965 },\n { value: 1964, label: 1964 },\n { value: 1963, label: 1963 },\n { value: 1962, label: 1962 },\n { value: 1961, label: 1961 },\n { value: 1960, label: 1960 },\n { value: 1959, label: 1959 },\n { value: 1958, label: 1958 },\n { value: 1957, label: 1957 },\n { value: 1956, label: 1956 },\n { value: 1955, label: 1955 },\n { value: 1954, label: 1954 },\n { value: 1953, label: 1953 },\n { value: 1952, label: 1952 },\n { value: 1951, label: 1951 },\n { value: 1950, label: 1950 },\n];\n\nexport const days = [\n { value: 1, label: 1 },\n { value: 2, label: 2 },\n { value: 3, label: 3 },\n { value: 4, label: 4 },\n { value: 5, label: 5 },\n { value: 6, label: 6 },\n { value: 7, label: 7 },\n { value: 8, label: 8 },\n { value: 9, label: 9 },\n { value: 10, label: 10 },\n { value: 11, label: 11 },\n { value: 12, label: 12 },\n { value: 13, label: 13 },\n { value: 14, label: 14 },\n { value: 15, label: 15 },\n { value: 16, label: 16 },\n { value: 17, label: 17 },\n { value: 18, label: 18 },\n { value: 19, label: 19 },\n { value: 20, label: 20 },\n { value: 21, label: 21 },\n { value: 22, label: 22 },\n { value: 23, label: 23 },\n { value: 24, label: 24 },\n { value: 25, label: 25 },\n { value: 26, label: 26 },\n { value: 27, label: 27 },\n { value: 28, label: 28 },\n { value: 29, label: 29 },\n { value: 30, label: 30 },\n { value: 31, label: 31 },\n];\n\nexport const month = [\n { value: 0, label: 1 },\n { value: 1, label: 2 },\n { value: 2, label: 3 },\n { value: 3, label: 4 },\n { value: 4, label: 5 },\n { value: 5, label: 6 },\n { value: 6, label: 7 },\n { value: 7, label: 8 },\n { value: 8, label: 9 },\n { value: 9, label: 10 },\n { value: 10, label: 11 },\n { value: 11, label: 12 },\n];\n\nexport const paymentTypeOptions = [\n { value: 2, label: \"Cash\" },\n { value: 1, label: \"Online\" },\n { value: 3, label: \"Pin\" },\n { value: 4, label: \"Guest\" },\n];\n\nexport const numOfTiketsOption = [\n { value: 1, label: \"1\" },\n { value: 2, label: \"2\" },\n { value: 3, label: \"3\" },\n { value: 4, label: \"4\" },\n { value: 5, label: \"5\" },\n];\n\nexport const companyCountryOptions = [\n // { label: \"-\", value: \"\" },\n { label: \"Serbia\", value: \"Serbia\" },\n { label: \"Other countries\", value: \"Other countries\" },\n];\n\nexport const fee = 0.00;\n\nexport const paymentMethodOptions = [{ label: \"Payment card\", value: \"ledPay\" }];\n\nexport const hmac_key = process.env.REACT_APP_HMAC_KEY;\n","import React, { useEffect, useState } from \"react\";\nimport Select from \"react-select\";\nimport CheckBox from \"../../../../components/UI/Checkbox/CheckBox\";\nimport { SeasonPassFieldLabel } from \"../../SeasonPassFieldLabel\";\nimport moment from \"moment\";\n\nimport \"../PartizanOpenSelling.sass\";\nimport { days, month, years } from \"../../constants\";\n\nconst genders = [\n { label: \"Male\", value: \"Male\" },\n { label: \"Female\", value: \"Female\" },\n];\n\nexport const FillFields = ({\n fields,\n checkboxeFields,\n handleChange,\n shouldCheckCheckboxes = true,\n handleChangeCheckbox,\n showTermsAndConditionsModal,\n requiredFields = [],\n}) => {\n const [pickerData, setPickerData] = useState({\n year: null,\n month: null,\n days: null,\n });\n\n const checkIsRequired = (key) => {\n return requiredFields.some((name) => name === key) && !fields[key];\n };\n\n useEffect(() => {\n const isNoEmpty = Object.keys(pickerData).every((key) => !!pickerData[key]);\n\n if (!isNoEmpty && fields.birthday) {\n setPickerData({\n year: moment(fields.birthday).year(),\n month: moment(fields.birthday).month(),\n days: +moment(fields.birthday).format(\"D\"),\n });\n }\n }, [fields.birthday]);\n\n const handleChangeDate = (type, date) => {\n let newPickerData = { ...pickerData, [type]: date };\n\n setPickerData(newPickerData);\n\n const isNoEmpty = Object.keys(newPickerData).every(\n (key) => typeof newPickerData[key] === \"number\"\n );\n\n if (isNoEmpty) {\n const birthday = moment()\n .year(newPickerData.year)\n .month(newPickerData.month)\n .set(\"D\", newPickerData.days)\n .toDate();\n\n handleChange(\"birthday\", birthday);\n }\n };\n\n return (\n \n
\n );\n};\n","import React from \"react\";\n\nimport \"./PartizanOpenSelling.sass\";\n\nconst renderSeatsIoTicket = (\n { currency, category: { label }, labels: { section, parent, own }, pricing },\n i\n) => {\n const [area, side] = section.split(\"-\");\n const price = pricing.price || null;\n\n return (\n \n handleChangeCheckbox(\"termsAndConditionsChecked\")}\n >\n \n I agree with\n \n Terms of Service\n \n \n \n )}\n
\n \n \n handleChange(\"fullName\", e.target.value)}\n type=\"text\"\n value={fields.fullName}\n />\n \n\n \n fields.gender === value)}\n onChange={(value) => handleChange(\"gender\", value.value)}\n classNamePrefix=\"partizan-open-selling__select\"\n className=\"partizan-open-selling__select\"\n />\n \n\n \n
\n\n \n pickerData.year === value)}\n onChange={(value) => handleChangeDate(\"year\", value.value)}\n classNamePrefix=\"partizan-open-selling__select\"\n className=\"partizan-open-selling__select\"\n />\n pickerData.month === value)}\n onChange={(value) => handleChangeDate(\"month\", value.value)}\n classNamePrefix=\"partizan-open-selling__select\"\n className=\"partizan-open-selling__select\"\n />\n pickerData.days === value)}\n onChange={(value) => handleChangeDate(\"days\", value.value)}\n classNamePrefix=\"partizan-open-selling__select\"\n className=\"partizan-open-selling__select\"\n />\n
\n \n \n \n handleChange(\"physicalAddress\", e.target.value)}\n type=\"text\"\n value={fields.physicalAddress}\n />\n \n\n \n handleChange(\"city\", e.target.value)}\n type=\"text\"\n value={fields.city}\n />\n \n\n \n handleChange(\"postalCode\", e.target.value)}\n type=\"text\"\n value={fields.postalCode}\n />\n \n
\n\n \n \n handleChange(\"phoneNumber\", e.target.value)}\n type=\"text\"\n value={fields.phoneNumber}\n />\n \n\n \n handleChange(\"buyerEmail\", e.target.value)}\n type=\"text\"\n value={fields.buyerEmail}\n />\n \n
\n\n \n \n handleChange(\"companyVatNumber\", e.target.value)}\n type=\"text\"\n value={fields.companyVatNumber}\n />\n \n\n \n handleChange(\"companyName\", e.target.value)}\n type=\"text\"\n value={fields.companyName}\n />\n \n
\n\n {shouldCheckCheckboxes && (\n \n \n {label} {area}, Row {parent} Seat {own} {side}\n \n \n {price} {currency}\n \n
\n );\n};\n\nconst renderTicket = ({ name, price, currency, count }, i) => (\n \n {name}\n \n {price * count} {currency}\n \n
\n);\n\nexport const SelectedTickets = ({\n tickets = [],\n currency,\n total,\n feeRate,\n hasSeats,\n}) => {\n if (!tickets.length) {\n return (\n \n \n
\n );\n }\n\n const renderTickets = () => {\n switch (hasSeats) {\n case true:\n return tickets.map((ticket, i) =>\n renderSeatsIoTicket({ ...ticket, currency }, i)\n );\n case false:\n return tickets.map((ticket, i) =>\n renderTicket({ ...ticket, currency }, i)\n );\n default:\n return null;\n }\n };\n\n return (\n <>\n \n \n {hasSeats\n ? \"Select a ticket on the map\"\n : \"Add a ticket from the list\"}\n
\n\n
\n\n Tickets
\n {renderTickets()}\n\n\n {feeRate > 0 &&\n
\n \n );\n};\n","import React, { useState } from \"react\";\nimport Icon from \"../../../components/UI/Icon/Icon\";\n\nconst Ticket = ({\n ticket,\n canSelect,\n onObjectDeselected,\n onObjectSelected,\n currency,\n showAction,\n}) => {\n const [count, setCapacity] = useState(0);\n\n const handleSelect = (type) => {\n switch (type) {\n case \"add\":\n if (!canSelect) {\n return;\n }\n if (ticket.allowedToSell >= count + 1) {\n setCapacity(count + 1);\n onObjectSelected({ ...ticket, count: count + 1 });\n }\n break;\n case \"remove\":\n if (count - 1 > 0) {\n setCapacity(count - 1);\n onObjectSelected({ ...ticket, count: count - 1 });\n } else {\n setCapacity(0);\n onObjectDeselected(ticket);\n }\n break;\n default:\n break;\n }\n };\n\n if (showAction && (!ticket.allowedToSell || !ticket.capacity)) {\n return (\n \n \n Booking fee:\n \n \n {feeRate * 100}%\n \n
\n }\n \n Total:\n \n {total} {currency}\n \n
\n \n
\n );\n }\n\n return (\n {ticket.name}
\nUnavailable
\n\n {showAction ? (\n <>\n
\n );\n};\n\nexport const TicketsPicker = ({\n ticketTemplates,\n showAction = true,\n canSelect = true,\n onObjectDeselected,\n onObjectSelected,\n currency,\n}) => {\n return (\n <>\n {ticketTemplates.map((ticket) => (\n \n
\n \n {ticket.name}\n
\n\n {ticket.price} {currency}\n
\n\n
\n \n ) : (\n <>\n \n \n \n {count}\n \n \n
\n \n
\n \n \n )}\n \n {ticket.name}\n
\n\n {ticket.price} {currency}\n
\n\n {loading ? (\n
\n );\n }\n\n return (\n \n
\n ) : (\n \n
\n \n \n {renderSelectSection()}\n
\n \n {hasSeats ? \"Choose Your Seat On Map\" : \"Tickets\"}\n
\n\n
\n \n );\n};\n","import React from \"react\";\nimport Select from \"react-select\";\nimport { SeasonPassFieldLabel } from \"../../SeasonPassFieldLabel\";\nimport { SelectedTickets } from \"../SelectedTickets\";\n\nimport { paymentMethodOptions as defaultOptions } from \"../../constants\";\n\nimport \"../PartizanOpenSelling.sass\";\n\nexport const ChoosePaymentMethod = ({\n tickets,\n total,\n buyerEmail,\n handleRepaetEmailChange,\n reapetedBuyerEmail,\n paymentMethod,\n email,\n hasSeats,\n feeRate,\n currency,\n paymentMethodLabel = \"Payment method\",\n paymentMethodOptions = defaultOptions,\n handleChange = () => {},\n}) => {\n const isEmailsNoMatch =\n reapetedBuyerEmail && reapetedBuyerEmail !== buyerEmail;\n\n const handleClick = () => {\n handleChange(\"buyerEmail\", reapetedBuyerEmail);\n };\n\n return (\n \n \n paymentMethod === value\n )}\n onChange={(value) => handleChange(\"paymentMethod\", value.value)}\n classNamePrefix=\"partizan-open-selling__select\"\n className=\"partizan-open-selling__select\"\n />\n \n
\n \n \n You will receive tickets at{\" \"}\n \n {email}\n \n \n\n \n \n handleRepaetEmailChange(e.target.value)}\n type=\"text\"\n />\n {isEmailsNoMatch && (\n \n )}\n
\n\n {isEmailsNoMatch && (\n \n The entered email address does not match the one previously\n provided. Please enter a correct email address.\n \n )}\n \n\n Ticket receipt
\n\n
\n \n );\n};\n","import React from \"react\";\nimport Select from \"react-select\";\nimport AsyncSelect from \"react-select/lib/Async\";\n\nimport { getEmailTemplatesAsyncFunc } from \"../../../helpers/getEmailTemplatesAsyncFunc\";\nimport { paymentTypeOptions } from \"../../SeasonPass/constants\";\n\nimport { SelectedTickets } from \"../../SeasonPass/PartizanOpenSelling/SelectedTickets\";\n\nimport { SeasonPassFieldLabel } from \"../../SeasonPass/SeasonPassFieldLabel\";\n\nexport const ChoosePaymentMethod = ({\n tickets,\n total,\n paymentType,\n email,\n hasSeats,\n feeRate,\n currency,\n paymentMethodLabel = \"Payment method\",\n handleChange = () => {},\n fields,\n}) => {\n return (\n \n
\n );\n};\n","import React from \"react\";\nimport { fee, hmac_key } from \"../constants\";\nimport axios from \"../../../axios-instance\";\nimport crypto from \"crypto-js\";\n\nexport const createMerchantSin = (pairs, pairsKeys = \"\") => {\n let keys = pairsKeys ? pairsKeys.split(\",\") : Object.keys(pairs);\n keys = keys.sort();\n\n const signData = keys;\n\n keys.forEach((key) => {\n const val = pairs[key].toString();\n signData.push(val.replace(/\\\\/g, \"\\\\\\\\\").replace(/:/g, \"\\\\:\"));\n });\n\n return crypto.enc.Base64.stringify(\n crypto.HmacSHA256(signData.join(\":\"), crypto.enc.Hex.parse(hmac_key))\n );\n};\n\nexport const getSelectOptions = async (type, value) => {\n const { data } = await axios.get(`/Payment/place/${type}`);\n return data;\n};\n\nexport const createSelectOption = (value) => ({\n label: value,\n value,\n});\n\nexport const handleSelectPlace = (name, value) => {\n switch (name) {\n case \"passType\":\n return () =>\n getSelectOptions(\"pass-type\").then((data) =>\n data.map((value) => ({\n amount: value.amount,\n ...createSelectOption(value.name),\n }))\n );\n default:\n return () =>\n getSelectOptions(name).then((data) => data.map(createSelectOption));\n }\n};\n\nexport const getPriceView = (price) => {\n if ((price ^ 0) === price) return price + \".00\";\n\n if (price.toFixed(1) === String(price)) return price + \"0\";\n\n return price;\n};\n\nexport const getTotal = (price, currentFee = fee) => {\n let total = +price;\n const totalFee = total * currentFee;\n\n total = total + totalFee;\n\n return getPriceView(+total.toFixed(2));\n};\n\nexport const renderTotal = ({\n currencyCode,\n price,\n total,\n currentFee = fee,\n otherFields = [],\n}) => {\n const feeRate = (currentFee * 100).toFixed(1) + \"%\";\n return (\n \n \n paymentType === value\n )}\n onChange={(value) => handleChange(\"paymentType\", value.value)}\n classNamePrefix=\"partizan-open-selling__select\"\n className=\"partizan-open-selling__select\"\n />\n \n {paymentType === 4 && (\n \n handleChange(\"generationTitle\", e.target.value)}\n type=\"text\"\n value={fields.generationTitle}\n />\n \n )}\n {paymentType === 1 && (\n \n handleChange(\"emailTemplate\", value)}\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n />\n \n )}\n
\n Ticket receipt
\n\n You will receive tickets at{\" \"}\n \n {email}\n \n
\n\n\n
\n \n
\n );\n};\n","export const filterUnavailableTicketTemplates = (ticketTemplates = []) => {\n return ticketTemplates.filter(\n (ticketTemplate) => ticketTemplate.isAvailableToSale\n );\n};\n","import React from \"react\";\n\nimport \"./TermsAndConditionsModal.scss\";\n\nconst TermsAndConditionsModal = () => {\n return (\n \n Price:\n \n {price} {currencyCode}\n \n
\n {otherFields.map(({ title, text }) => (\n \n {title}\n {text}\n
\n ))}\n {feeRate > 0 &&\n \n Booking fee:\n {feeRate}\n
\n }\n \n Total:\n \n {total} {currencyCode}\n \n
\n \n
\n );\n};\n\nexport default TermsAndConditionsModal;\n","import React, { Component } from \"react\";\n\nimport \"./SeasonPassInfoModal.sass\";\n\nimport SeasonPassLogo from \"../../../images/season-pass-logo.svg\";\n\nclass SeasonPassInfoModal extends Component {\n render() {\n return (\n \n
\n \n
\n TERMS AND CONDITIONS
\n\n SELLER\n
\n- \n
- WE ARE FANCEE DOO \n
- Srebrnička 3, Humska 1 \n
- 7990 Other reservation services and related activities \n
- 11000 Belgrade \n
- Company Registration Number: 21940291 \n
- Tax Identification Number: 113886255 \n
- \n
- Phone: +381 63 284 325 \n
- \n
TERMS OF USE OF THE WE ARE FANCEE ONLINE SERVICE
\n\n Your use of the fanceetickets.com website, as well as the service of purchasing/selling \n tickets online at fanceetickets.com (hereinafter referred to as the \"Service\"), is \n subject to these Terms of Use. These Terms of Use constitute an agreement between \n We Are Fancee Ltd. Belgrade (hereinafter \"WAF,\" \"Our\") and visitors of the \n fanceetickets.com website and/or ticket buyers (hereinafter \"You,\" \"Your\"). If you \n are an organization selling tickets or managing ticket offices using the WE ARE FANCEE \n ticket office management system, your use and operation of that system are governed \n by the WE ARE FANCEE Seller Agreement and Terms of Service.\n
\n\nSERVICE
\n\n Availability and ticket prices. The organization solely determines the availability of the \n number of tickets for events or performances. The ticket prices are determined by the \n organization selling the tickets. In addition to the ticket price (any service charges), \n WAF charges a payment processing fee, which is retained by WAF.\n
\n\nTICKETS
\n\n Availability and ticket prices. The organization solely determines the availability of the \n number of tickets for events or performances. The ticket prices are determined by the \n organization selling the tickets. In addition to the ticket price (any service charges), \n WAF charges a payment processing fee, which is retained by WAF.\n
\n VAT Statement\n
\n VAT included in the price and no hidden costs\n
TICKET PURCHASE
\n\n If you purchase tickets from the seller through the Service, the ticket will be sent to you via \n email after the ticket purchase process is completed. You will not receive a paper copy of the ticket \n from WAF, only an electronic copy of the purchased ticket.\n
\n Financial Transaction Data Protection\n
\n When entering credit card data, confidential information is transmitted over a public network in a \n protected (encrypted) form using SSL protocol and PKI system, as the most current cryptographic \n technology. The security of data during purchase is guaranteed by the card processor, the Acquirer \n Bank, so the entire payment process is carried out on a secure page, whose processor is the Bank. \n At no time are credit card data available to our system.\n
\n Conversion Statement\n
\n All payments will be effected in Serbian currency – dinar (RSD). The amount your credit\n card account will be charged for is obtained through the conversion of the price in Euro\n into Serbian dinar according to the current exchange rate of the Serbian National Bank.\n When charging your credit card, the same amount is converted into your local currency\n according to the exchange rate of credit card associations. As a result of this conversion\n there is a possibility of a slight difference from the original price stated in our web site’.\n
REFUND OF FUNDS
\n\n The refund of previously purchased tickets is at the discretion of the selling organization \n (we do not have the discretionary right to refund money) and can only be done through that \n organization. In case of overpayment or other errors caused by the WAF service itself and when \n these errors are confirmed, a refund may be made at WAFs discretion. In that case, contact We \n Are Fancee support via\n {\" \"}\n info@fanceetickets.com.\n
\n Refund of Charged Funds\n
\n In the event of returning goods and refunding funds to a customer who previously paid with any of \n the payment cards, either partially or in full, regardless of the reason for the return, [name of IPM] \n is obliged to make the refund exclusively through American Express (AmEx), DinaCard, Maestro/MasterCard, \n and VISA payment methods, meaning that the Electronic Money Institution, upon the merchants request, \n will refund the funds to the cardholders account.\n
\n Complaints are not common and may be initiated in case of card misuse or any other force majeure reasons. \n Please contact us by email, and we will resolve your complaint through direct communication as soon as possible.\n
CONTACT THE SELLING ORGANIZATION
\n\n If you have any questions for the ticket seller (event organizer), you can contact them using the contact \n information provided in the confirmation of receipt of your ticket, which WAF sends to you electronically.\n
\n\nORDER CANCELLATION
\n\n We reserve the right to cancel any ticket purchase for any reason, including but not limited to incomplete \n or inaccurate payment information, purchasing irregular cards, or any other violation of the WAF Acceptable \n Use Policy, provisions, and terms USAGE POLICY\n
\n Your use of the service is subject to the \"acceptable use policy\" established by WAF. The main focus of this \n policy is not to use our service to commit acts that may be harmful to WAF or undermine WAFs ethical standards, \n values, and reputation. Malicious actions include intentional misuse of access, granted privileges or licenses, \n use of copyrighted material, or any infringement of intellectual property, hacking, involvement of third parties, \n DoS attacks, intentional misuse or misrepresentation of ticket purchases, altering routes, conducting \n robot-controlled purchases, or impersonating the WAF website. From time to time, our understanding of what is \n harmful may change as a result of new (technological) developments. Standards and values in using our service reflect \n social norms and values. Posting offensive images, texts, statements, or defamatory statements do not represent \n acceptable social norms and moral values, nor do statements lacking artistic, literary, or scientific value. We may, \n at our discretion, temporarily block your account or completely block access if you violate this WAF \"acceptable use\" policy.\n
PRIVACY POLICY
\n\n Your use of the service is also subject to WAFs privacy policy, which is updated from time to time to \n comply with current regulations. The Privacy Policy page can be accessed via a link on the WAF websites \n homepage. Please note that the Privacy Policy applies only to the Service and does not cover third-party \n websites or services linked through the Service. Additionally, all information you share with the ticket \n seller through WAF or outside of WAF, such as your name and email address, is subject to that sellers \n privacy policy\n
\n On behalf of WAF, we commit to maintaining the privacy of all our customers. We only collect necessary, \n basic customer/user data and data necessary for business and informing users in accordance with good business \n practices and in order to provide quality service. We give customers the option to choose, including the option \n to decide whether or not they want to be removed from mailing lists used for marketing campaigns. All customer/user \n data is strictly kept and available only to employees who need this data to perform their job. All WAF employees \n and business partners are responsible for adhering to the principles of privacy protection.\n
STATEMENTS, DISCLAIMER OF LIABILITY, AND LIMITATION OF LIABILITY
\nSTATEMENT
\n\n The service and website www.fanceetickets.com are not intended for children under the age of 13. \n By using the Service, you promise that you are over 13 years old and have the authority or appropriate permission \n to purchase tickets purchased through www.fanceetickets.com\n
\n\nDISCLAIMER OF LIABILITY
\n\n The WAF service is offered \"as is\" and we make no warranties, express or implied, including, but not limited to, \n implied warranties of merchantability, fitness for a particular purpose, non-infringement of intellectual property \n rights, or implied warranties arising from applicable law. We are not obligated to indemnify or defend you against \n lawsuits related to intellectual property infringement; and we cannot guarantee that the Service will operate without \n error or interruption.\n
\n\nLIMITATION OF LIABILITY
\n\n Under no circumstances will we be liable for any damages, including consequential, indirect, special, incidental, \n or punitive damages arising out of or in connection with your use of the Service. The limitations of liability in \n this section do NOT APPLY to liability for negligence, regardless of the form of action, and apply even if we are \n aware in advance of the possibility of damages and even if such damages were foreseeable. Limitations of liability \n also apply even if your available legal remedies are inadequate. If applicable law limits the application of the \n provisions of this section, our liability will still be limited.\n
\n\nOTHER TERMS
\n\nAMENDMENTS
\n\n We may change these Terms and Conditions from time to time by posting an amended version on our website. At any time, \n we may change the WAF \"acceptable use\" policy or our privacy policy. We recommend that you periodically review these terms.\n
\n\nTRANSFER AND DURATION
\n\n Neither party may transfer this Agreement or any of its rights or obligations hereunder without the express written consent \n of the other, except for the transfer of the Agreement to a legal entity that, as a result of any merger of our company \n with another, would represent a newly formed legal entity. Except to the extent that transfer is not permitted in the \n preceding sentence, this Agreement shall be binding upon (and shall inure to the benefit of) the parties respective successors.\n
\n\nAPPLICABLE LAW - NETHERLANDS/SERBIA
\n\n This Agreement is made in the Netherlands/Serbia and shall be governed by Dutch/Serbian law. The Customer agrees to the exclusive \n jurisdiction of the courts in The Hague, Netherlands/Serbia.\n
\n\nCOPYRIGHT
\n\n If you believe that your work is posted on the WAF website in violation of copyright without permission, and exceptions for \n fair use are not applicable or have been exceeded, you can send an email describing the misuse to {\" \"}\n info@fanceetickets.com.\n
\n\nSEVERABILITY
\n\n To the extent permitted by applicable law, the parties waive all legal provisions that would cause a clause of this agreement \n to be invalid or otherwise unenforceable in any respect. In the event that any provision of this agreement is nevertheless \n invalid or otherwise unenforceable, such provision shall be interpreted in a manner that comes as close as possible to the \n purpose intended by that provision (to the greatest extent permitted by applicable law), while the remaining provisions of \n this Agreement shall remain in force.\n
\n\nOTHER LEGAL DOCUMENTS
\n\n Privacy Policy (Visitor/Cardholder) WAF Seller Agreement and Terms of Service (Event Organizers).\n
\n\n
\n );\n }\n}\n\nexport default SeasonPassInfoModal;\n","import React from \"react\";\nimport swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport SeasonPassInfoModal from \"../containers/SeasonPass/SeasonPassInfoModal/SeasonPassInfoModal\";\n\nconst MySwal = withReactContent(swal);\n\nexport const showInfoModal = ({\n image,\n title,\n text,\n link,\n additionalText = null,\n imageAltText = \"Thanks For Your Purchase\",\n customClass = \"seasonpass__modal_info seasonpass__modal\",\n onConfirm = (result) => {},\n ...options\n}) => {\n MySwal.fire({\n html: (\n \n 
\n
\n {this.props.title}
\n{this.props.text}
\n {this.props.additionalText && (\n\n {this.props.additionalText}\n
\n )}\n {this.props.link}\n\n
\n );\n\n const offerActionComponent = (\n \n {prefixLabel}\n
\n\n {eventData.eventName}\n
\n\n Supported by Fancee tickets\n
\n\n
\n \n
\n {location}
\n\n {time}\n
\n\n \n \n Pay\n \n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n );\n\n const actionComponent = (\n \n \n 
\n \n
\n ))}\n \n
\n );\n\n return (\n \n this.handleaChangeStep(step - 1)}\n >\n Previous\n \n {steps.length === step && (\n \n Pay\n \n )}\n {steps.length !== step && (\n this.handleaChangeStep(step + 1)}\n >\n Next\n \n )}\n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n \n \n \n
\n ))}\n \n 
\n
\n Fancee Tickets
\n\n
\n );\n\n const actionComponent = (\n \n {prefixLabel}\n
\n\n {eventData.eventName}\n
\n\n Supported by Fancee tickets\n
\n\n
\n \n
\n {location}
\n\n {time}\n
\n\n
\n );\n\n return (\n \n this.handleaChangeStep(step - 1)}\n >\n Previous\n \n {steps.length === step && (\n \n Create\n \n )}\n {steps.length !== step && (\n this.handleaChangeStep(step + 1)}\n >\n Next\n \n )}\n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n \n \n \n
\n ))}\n \n \n
\n \n \n
\n {transaction.seats.length > 0 && (\n \n
\n )}\n Edit seats
\n\n \n Cancel\n \n \n Save\n \n
\n \n );\n};\n","import React from \"react\";\n\nconst getSeatDescription = (seat) => {\n let description;\n\n if (seat.area) {\n description = `Area ${seat.area}`;\n }\n\n if (seat.row) {\n description += `, Row ${seat.row}`;\n }\n\n if (seat.seat) {\n description += `, Seat ${seat.seat}`;\n }\n\n if (seat.side) {\n description += ` ${seat.side}`;\n }\n\n if (!description) {\n description = \"-\";\n }\n\n return description;\n};\n\nexport const SeatsDescription = ({ seats }) => {\n if (seats && seats.length > 0) {\n return (\n - \n {seats.map((seat) => (\n
- {getSeatDescription(seat)} \n ))}\n
\n {maximizingOptions && (\n <>\n {\n showDeleteTransactionModal(transaction);\n }}\n />\n {\n if (isCreatedTransaction) {\n showApproveTransactionModal(transaction);\n }\n\n if (canRefund) {\n showRefundTicketsModal(transaction);\n }\n }}\n />\n {\n if (isOpenOffer) {\n showEditTransactionModal(transaction);\n }\n }}\n />\n \n )}\n\n {\n handleAccordionClick(e, transaction);\n }}\n >\n
\n );\n};\n","import React from \"react\";\nimport Swal from \"sweetalert2\";\nimport { toast } from \"react-toastify\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport axios from \"../../../axios-instance\";\nimport { getSeatDescription } from \"../../../helpers/getSeatDescription\";\nimport { getHeaders } from \"../../../helpers/getHeaders\";\n\nconst MySwal = withReactContent(Swal);\n\nexport const ConfirmRefundTicketsModal = ({ token, seats }) => {\n const refundTicketsHandler = () => {\n const idsSeats = seats.map((seat) => seat.id);\n\n axios\n .post(`/ManageTransactions/Refund`, idsSeats, {\n headers: getHeaders(token),\n })\n .then((response) => {\n if (response.status === 200) {\n if (response.data) {\n toast.success(\"Tickets successfully refunded\");\n MySwal.close();\n } else {\n toast.error(\"Tickets not refunded\");\n }\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n toast.error(\"Tickets not refunded\");\n });\n };\n\n const closeModalHandler = (e) => {\n MySwal.close();\n };\n\n return (\n <>\n \n Tickets that will be refunded:\n {seats.map((seat) => (\n {getSeatDescription(seat)}\n ))}\n
\n \n \n Cancel\n \n \n Refund\n \n
\n \n );\n};\n","import React, { useState } from \"react\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport { SeatsDescriptionModal } from \"../../../components/Transactions/SeatsDescriptionModal/SeatsDescriptionModal\";\nimport { ConfirmRefundTicketsModal } from \"./ConfirmRefundTicketsModal\";\n\nconst MySwal = withReactContent(Swal);\n\nexport const RefundTicketsModal = ({ token, transaction }) => {\n const canRefundSeats = transaction.seats.filter((seat) => !seat.refund);\n\n const idsSeats = canRefundSeats.map((seat) => seat.id);\n const [checkedSeats, setCheckedSeats] = useState(idsSeats);\n\n const canRefund = checkedSeats.length > 0;\n\n const handleCheck = (e) => {\n const seatId = e.target.dataset.related;\n var updatedSeats = [...checkedSeats];\n\n if (e.target.checked) {\n updatedSeats = [...checkedSeats, seatId];\n } else {\n updatedSeats.splice(checkedSeats.indexOf(seatId), 1);\n }\n\n setCheckedSeats(updatedSeats);\n };\n\n const refundTicketsHandler = () => {\n const seats = canRefundSeats.filter((seat) =>\n checkedSeats.includes(seat.id)\n );\n\n MySwal.fire({\n title: \"Are you sure you want to refund tickets?\",\n html: \n Name\n \n {transaction.fullName}\n \n
\n \n \n \n
\n {canRefundSeats.length > 0 && (\n \n
\n )}\n Seats list
\n\n \n Cancel\n \n \n Refund\n \n
\n \n );\n};\n","import React, { useState } from \"react\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nconst MySwal = withReactContent(Swal);\n\nexport const ApproveTransactionModal = ({\n token,\n transactionId,\n approveTransaction,\n}) => {\n const [isLoading, setIsLoading] = useState(false);\n const [makeFiscalization, setMakeFiscalization] = useState(true);\n\n const changeFiscalizationHandler = () => {\n setMakeFiscalization((curr) => !curr);\n };\n\n const confirmHandler = () => {\n setIsLoading(true);\n approveTransaction(\n token,\n transactionId,\n makeFiscalization,\n closeModalHandler\n );\n };\n\n const closeModalHandler = () => {\n MySwal.close();\n };\n\n return isLoading ? (\n <>\n Please wait
\n\n
\n \n ) : (\n <>\n Processing approval…
\n Are you sure you want to approve this transaction?
\n\n
\n It’s impossible to take step back then
\n \n \n \n Cancel\n \n \n
\n \n );\n};\n","import React, { useState, useEffect, useMemo } from \"react\";\nimport Select from \"react-select\";\nimport { toast } from \"react-toastify\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport Swal from \"sweetalert2\";\nimport axios from \"../../axios-instance\";\nimport ReactTable from \"react-table\";\nimport withFixedColumns from \"react-table-hoc-fixed-columns\";\nimport ClipboardJS from \"clipboard\";\n\nimport Page404 from \"../../components/Page404/Page404\";\nimport Container from \"../../components/UI/Container/Container\";\nimport {\n approveTransaction,\n deleteTransaction,\n editTransaction,\n getTransactions,\n clearTransactions,\n deleteSeatsTransaction,\n cancelOfferTransaction,\n} from \"../../store/actions/TransactionsActions\";\nimport NewLoader from \"../../components/NewLoader/NewLoader\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\nimport { paymentStatuses } from \"../../constants/paymentStatuses\";\nimport { StatusLabel } from \"../../components/Transactions/StatusLabel/StatusLabel\";\nimport ROUTES from \"../../constants/routes\";\nimport { getEvent, getEventSellStats } from \"../../store/actions/eventsActions\";\nimport { EditTransactionModal } from \"./Modals/EditTransactionModal\";\nimport { getHeaders } from \"../../helpers/getHeaders\";\nimport { useLazyLoadOnTableScroll } from \"../../hooks/useLazyLoadOnTableScroll\";\nimport { SeatsDescription } from \"../../components/Transactions/SeatsDescription/SeatsDescription\";\nimport { TransactionActions } from \"../../components/Transactions/TransactionActions/TransactionActions\";\nimport { RefundTicketsModal } from \"./Modals/RefundTicketsModal\";\nimport { Breadcrumbs } from \"../../components/Breadcrumbs/Breadcrumbs\";\nimport { ApproveTransactionModal } from \"./Modals/ApproveTransactionModal\";\nimport { useShowActionsMenu } from \"../../components/UI/ActionsMenu/hooks/useShowActionsMenu\";\nimport { IconButton } from \"../../components/UI/IconButton/IconButton\";\nimport Icon from \"../../components/UI/Icon/Icon\";\n\nimport \"react-table-hoc-fixed-columns/lib/styles.css\";\nimport \"react-table/react-table.css\";\nimport \"./Transactions.sass\";\n\nconst MySwal = withReactContent(Swal);\n\nexport const Transactions = ({\n transactions,\n getTransactions,\n approveTransaction,\n deleteTransaction,\n editTransaction,\n clearTransactions,\n deleteSeatsTransaction,\n cancelOfferTransaction,\n currentEvent,\n getEventSellStats,\n getEvent,\n match: { params },\n}) => {\n const [user, setUser] = useState({});\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [searchPaymentStatus, setSearchPaymentStatus] = useState(null);\n const [maximizingOptions, setMaximizingOptions] = useState(true);\n const [sortingType, setSortingType] = useState(3);\n const [isEventFound, setIsEventFound] = useState(true);\n\n const pageSize = 50;\n const event_id = params.event_id || params.id;\n const { transactionsList, transactionsTotal, firstTransactionsLoading } =\n transactions;\n\n const ReactTableFixedColumns = useMemo(\n () => withFixedColumns(ReactTable),\n []\n );\n\n const [showMenuActions, hideMenuActions] = useShowActionsMenu();\n\n const [page, handleTableScroll, resetPage] = useLazyLoadOnTableScroll(\n pageSize,\n transactionsTotal\n );\n\n const handleTransactionsTableScroll = (e) => {\n handleTableScroll(e);\n hideMenuActions();\n };\n\n const handleOptionsClick = (e) => setMaximizingOptions((curr) => !curr);\n\n const changeSortingType = () => {\n resetPage();\n clearTransactions();\n setSortingType((curr) => (curr === 2 ? 3 : 2));\n };\n\n const changeSearchInputHandler = (e) => {\n resetPage();\n clearTransactions();\n setSearchQuery(e.target.value);\n };\n\n const changeSearchPaymentStatusHandler = (item) => {\n resetPage();\n clearTransactions();\n setSearchPaymentStatus(item);\n };\n\n const loadUser = () => {\n const currentUser = JSON.parse(localStorage.getItem(\"user\"));\n setUser(currentUser);\n };\n\n const getEventTransactions = (userToken) =>\n getTransactions(\n userToken,\n searchQuery,\n searchPaymentStatus == null ? [] : [searchPaymentStatus.value],\n event_id,\n \"\",\n page,\n pageSize,\n sortingType\n );\n\n const showApproveTransactionModal = (transaction) => {\n MySwal.fire({\n html: (\n \n Status\n
\n ),\n resizable: false,\n width: 135,\n Cell: ({\n row: {\n _original: {\n transactionErrorCode,\n transactionErrorMessage,\n paymentStatus,\n isOfferCanceled,\n },\n },\n }) => {\n const description =\n paymentStatus === 2\n ? transactionErrorMessage\n ? `${transactionErrorCode}: ${transactionErrorMessage}`\n : \"\"\n : \"\";\n\n const currentStatus = isOfferCanceled ? 3 : paymentStatus;\n\n return (\n \n
\n );\n },\n Cell: ({ row: { _original: transaction } }) => (\n \n ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#6071B5\",\n primary25: \"#F2F4FE\",\n primary50: \"#F2F4FE\",\n primary75: \"#F2F4FE\",\n },\n })}\n />\n\n
\n\n {firstTransactionsLoading ? (\n \n {emptyStateText} \n \n
\n )}\n \n \n
\n );\n}\n\nexport default StatsInfo;\n","import React, { Component } from \"react\";\n\nimport { connect } from \"react-redux\";\n\nimport axios from \"../../axios-instance\";\n\nimport DatePicker from \"react-datepicker/es\";\nimport Select from \"react-select\";\nimport moment from \"moment\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\nimport Icon from \"../../components/UI/Icon/Icon\";\n\nimport { getOptionsForAsyncSelect } from \"../../helpers/getOptionsForAsyncSelect\";\nimport { loadFile } from \"../../helpers/loadFile\";\n\nimport {\n getEvents,\n getReportByScanteamAtPeriod,\n getReportByTicketTemplatesAtEvent,\n setSelectedEvent,\n setTab,\n} from \"../../store/actions/statisticsActions\";\n\nimport \"./Statistics.sass\";\nimport { Tab, TabList, TabPanel, Tabs } from \"react-tabs\";\nimport StatsInfo from \"./StatsInfo/StatsInfo\";\nimport { getHeaders } from \"../../helpers/getHeaders\";\n\nclass Statistics extends Component {\n state = {\n startDate: new Date(Date.now() - 24 * 60 * 60 * 1000),\n endDate: new Date(),\n };\n\n hadleChangeEvent = (value) => {\n this.props.setSelectedEvent(value);\n };\n\n handleChangeDate = (name, value) => {\n this.setState(\n {\n [name]: value,\n },\n () => this.getReportByScanteamAtPeriod()\n );\n };\n\n getReportByScanteamAtPeriod = (asCsv) => {\n const { endDate, startDate } = this.state;\n\n return this.props.getReportByScanteamAtPeriod(\n {\n fromTimeUtc: moment(startDate).toISOString(),\n toTimeUtc: moment(endDate).toISOString(),\n },\n this.props.user.token,\n asCsv\n );\n };\n\n getReportByTicketTemplatesAtEvent = (asCsv) =>\n this.props.getReportByTicketTemplatesAtEvent(\n this.props.selectedEvent.value,\n this.props.user.token,\n asCsv\n );\n\n setTab = (newTab) => {\n this.props.setTab(newTab);\n switch (newTab) {\n case 1:\n this.getReportByScanteamAtPeriod();\n break;\n default:\n this.getReportByTicketTemplatesAtEvent();\n break;\n }\n };\n\n downloadExcelReport = async (type) => {\n const eventsLoading = this.props.eventsLoading;\n\n if (eventsLoading || !this.props.selectedEvent) {\n return;\n }\n const { label: name, value: id } = this.props.selectedEvent;\n\n let fileName = name.toLowerCase().replaceAll(\" \", \"_\");\n let ext = \"csv\";\n\n switch (type) {\n case \"tickets-report\":\n fileName += \"_tickets_report\";\n this.getReportByTicketTemplatesAtEvent(true).then((res) => {\n loadFile(\n res.data,\n `${fileName}_${moment().format(\"MM_DD_HH_mm\")}.${ext}`\n );\n });\n break;\n case \"transactions-report\":\n fileName += \"_transactions_report\";\n axios\n .get(`/Events/${id}/TransactionReport`, {\n headers: getHeaders(this.props.user.token),\n })\n .then((res) => {\n loadFile(\n res.data,\n `${fileName}_${moment().format(\"MM_DD_HH_mm\")}.${ext}`\n );\n });\n break;\n default:\n fileName = \"scan_report\";\n this.getReportByScanteamAtPeriod(true).then((res) => {\n loadFile(\n res.data,\n `${fileName}_${moment().format(\"MM_DD_HH_mm\")}.${ext}`\n );\n });\n break;\n }\n };\n\n callApis = async () => {\n await this.props.getEvents();\n };\n\n componentDidMount() {\n this.callApis();\n }\n\n render() {\n const { endDate, startDate } = this.state;\n const {\n selectedEvent,\n events,\n selectedTab,\n loading,\n eventsLoading,\n scaningReports,\n sellingReports,\n } = this.props;\n\n return (\n \n \n this.downloadExcelReport(\"transactions-report\")\n }\n >\n
\n \n ) : (\n \n {selectedTab === 0 ? (\n \n this.handleChangeDate(\"startDate\", value)\n }\n dateFormat=\"d MMM yyyy \"\n />\n this.handleChangeDate(\"endDate\", value)}\n dateFormat=\"d MMM yyyy \"\n />\n \n )}\n
\n \n {selectedTab === 0 ? (\n <>\n this.downloadExcelReport(\"tickets-report\")}\n >\n
\n \n {loading ? (\n \n \n \n `Time: ${moment(value).format(\"h:mm\")}`\n }\n />\n \n \n )}\n
\n );\n};\n\nconst CustomizedAxisTick = (props) => {\n const { x, y, payload } = props;\n return (\n \n
\n );\n}\n\nexport default Table;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport Select from \"react-select\";\nimport DatePicker from \"react-datepicker/es\";\nimport queryString from \"query-string\";\n\nimport axios from \"../../axios-instance\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\n\nimport browserTabTitleOverride from \"../../helpers/tabTitleOverride\";\n\nimport \"./SatsScan.sass\";\nimport moment from \"moment\";\nimport AsyncSelect from \"react-select/lib/Async\";\nimport CheckBox from \"../../components/UI/Checkbox/CheckBox\";\nimport { getScanteamsAsyncFunc } from \"../../helpers/getScanteamsAsyncFunc\";\nimport { getTicketTemplatesAsyncFunc } from \"../../helpers/getTicketTemplatesAsyncFunc\";\nimport { getReportByScanteamAtPeriodGroupedByTime } from \"../../store/actions/statisticsActions\";\nimport { Graphic } from \"./Graphic\";\nimport Table from \"./Table\";\nimport { getHeaders } from \"../../helpers/getHeaders\";\nimport { loadFile } from \"../../helpers/loadFile\";\n\nclass SatsScan extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n fromTimeUtc: moment().toISOString(),\n toTimeUtc: moment().toISOString(),\n groupByMinutes: 10,\n scanteams: [],\n ticketTempalteIds: [],\n groupByTime: false,\n reportRows: [],\n data: null,\n isLoading: false,\n isDisabled: false,\n };\n }\n\n componentDidMount() {\n this.getData();\n browserTabTitleOverride();\n }\n\n handleShareData = async () => {\n const token = this.props.user.token;\n\n const { isLoading, groupByTime, data, isDisabled, reportRows, ...state } =\n this.state;\n const request = {\n data: JSON.stringify({ ...state, token }),\n password: \"1\",\n expiredAt: moment().add(\"years\", 1).toISOString(),\n };\n const { data: key } = await axios.post(\"SharedData\", request, {\n headers: getHeaders(token),\n });\n\n navigator.clipboard.writeText(\n `${window.location.href}?sharedDataId=${key}`\n );\n };\n\n getData = async () => {\n try {\n this.setState({ isLoading: true });\n\n const {\n fromTimeUtc,\n toTimeUtc,\n groupByMinutes,\n ticketTempalteIds,\n scanteams,\n } = this.state;\n\n let token = this.props.user.token;\n const { sharedDataId } = queryString.parse(this.props.location.search);\n\n let req = {\n fromTimeUtc: moment(fromTimeUtc).toISOString(),\n toTimeUtc: moment(toTimeUtc).toISOString(),\n groupByMinutes,\n scanteams: scanteams.length\n ? scanteams.map(({ value }) => value)\n : null,\n ticketTempalteIds: ticketTempalteIds.length\n ? ticketTempalteIds.map(({ value }) => value)\n : null,\n };\n\n if (!token || sharedDataId) {\n this.setState({ isDisabled: true });\n const { data } = await axios.get(\n `/SharedData/${sharedDataId}?password=1`\n );\n this.setState({ ...data });\n token = data.token;\n delete data.token;\n req = { ...req, ...data };\n }\n\n const { data } =\n await this.props.getReportByScanteamAtPeriodGroupedByTime(req, token);\n\n const reportRows = data.reportRows.reduce((acc, curr) => {\n curr.ticketTemplates.forEach((item) => {\n const existingIndex = acc.findIndex(\n (elem) => elem.ticketName === item.ticketName\n );\n if (existingIndex !== -1) {\n acc[existingIndex].dailyTicketScans += item.dailyTicketScans;\n acc[existingIndex].seasonPassScans += item.seasonPassScans;\n acc[existingIndex].totalScans += item.totalScans;\n } else {\n acc.push({ ...item });\n }\n });\n return acc;\n }, []);\n\n this.setState({ isLoading: false, data, reportRows });\n } catch (e) {\n console.log(e);\n }\n };\n\n handleChange = (name, value) => {\n this.setState(\n {\n [name]: value,\n },\n this.getData\n );\n };\n\n render() {\n const {\n fromTimeUtc,\n groupByMinutes,\n toTimeUtc,\n scanteams,\n ticketTempalteIds,\n isDisabled,\n groupByTime,\n data,\n reportRows,\n isLoading,\n } = this.state;\n\n const minutesOption = [\n { value: 10, label: \"10min\" },\n { value: 30, label: \"30min\" },\n { value: 60, label: \"1h\" },\n ];\n\n if (!data && !isLoading) {\n return null;\n }\n\n return (\n \n this.handleChange(\"fromTimeUtc\", value)}\n showTimeSelect\n timeFormat=\"HH:mm\"\n disabled={isDisabled}\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n this.handleChange(\"toTimeUtc\", value)}\n showTimeSelect\n disabled={isDisabled}\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n value === groupByMinutes)}\n options={minutesOption}\n isDisabled={isDisabled}\n onChange={(value) =>\n this.handleChange(\"groupByMinutes\", value.value)\n }\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n />\n this.handleChange(\"scanteams\", value)}\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n />\n {/* this.handleChange(\"ticketTempalteIds\", value)}\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n /> */}\n
\n {!isDisabled && (\n \n Tickets Scans \n ![]()
\n
\n\n {/* \n
\n );\n}\n\nexport default Table;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport Select from \"react-select\";\nimport DatePicker from \"react-datepicker/es\";\nimport queryString from \"query-string\";\n\nimport axios from \"../../axios-instance\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\n\nimport browserTabTitleOverride from \"../../helpers/tabTitleOverride\";\n\nimport \"../SatsScan/SatsScan.sass\";\nimport moment from \"moment\";\nimport AsyncSelect from \"react-select/lib/Async\";\n// import CheckBox from \"../../components/UI/Checkbox/CheckBox\";\nimport { getTicketTemplatesAsyncFunc } from \"../../helpers/getTicketTemplatesAsyncFunc\";\nimport { getReportBySellsAtPeriodGroupedByTime } from \"../../store/actions/statisticsActions\";\nimport { Graphic } from \"../SatsScan/Graphic\";\nimport { paymentTypeOptions } from \"../SeasonPass/constants\";\nimport Table from \"./Table\";\nimport { loadFile } from \"../../helpers/loadFile\";\nimport { getHeaders } from \"../../helpers/getHeaders\";\n\nclass SatsSells extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n fromTimeUtc: moment().toISOString(),\n toTimeUtc: moment().toISOString(),\n groupByMinutes: 60,\n paymentTypes: [],\n ticketTempalteIds: [],\n reportRows: [],\n groupByTime: false,\n data: null,\n isLoading: false,\n isDisabled: false,\n };\n }\n\n componentDidMount() {\n this.getData();\n browserTabTitleOverride();\n }\n\n handleShareData = async () => {\n const token = this.props.user.token;\n\n const { isLoading, groupByTime, data, isDisabled, reportRows, ...state } =\n this.state;\n const request = {\n data: JSON.stringify({ ...state, token }),\n password: \"1\",\n expiredAt: moment().add(\"years\", 1).toISOString(),\n };\n const { data: key } = await axios.post(\"SharedData\", request, {\n headers: getHeaders(token),\n });\n\n navigator.clipboard.writeText(\n `${window.location.href}?sharedDataId=${key}`\n );\n };\n\n getData = async () => {\n try {\n this.setState({ isLoading: true });\n\n const {\n fromTimeUtc,\n toTimeUtc,\n groupByMinutes,\n ticketTempalteIds,\n paymentTypes,\n } = this.state;\n\n let token = this.props.user.token;\n const { sharedDataId } = queryString.parse(this.props.location.search);\n\n let req = {\n fromTimeUtc: moment(fromTimeUtc).toISOString(),\n toTimeUtc: moment(toTimeUtc).toISOString(),\n groupByMinutes,\n paymentTypes: paymentTypes.length\n ? paymentTypes.map(({ value }) => value)\n : null,\n ticketTempalteIds: ticketTempalteIds.length\n ? ticketTempalteIds.map(({ value }) => value)\n : null,\n };\n\n if (!token || sharedDataId) {\n this.setState({ isDisabled: true });\n const { data } = await axios.get(\n `/SharedData/${sharedDataId}?password=1`\n );\n this.setState({ ...data });\n token = data.token;\n delete data.token;\n req = { ...req, ...data };\n }\n\n const { data } = await this.props.getReportBySellsAtPeriodGroupedByTime(\n req,\n token\n );\n\n const reportRows = data.reportRows.reduce((acc, curr) => {\n curr.ticketTemplates.forEach((item) => {\n const existingIndex = acc.findIndex(\n (elem) => elem.ticketName === item.ticketName\n );\n if (existingIndex !== -1) {\n acc[existingIndex].byCash += item.byCash;\n acc[existingIndex].byPin += item.byPin;\n acc[existingIndex].byOnline += item.byOnline;\n } else {\n acc.push({ ...item });\n }\n });\n return acc;\n }, []);\n\n this.setState({ isLoading: false, data, reportRows });\n } catch (e) {\n console.log(e);\n }\n };\n\n handleChange = (name, value) => {\n this.setState(\n {\n [name]: value,\n },\n this.getData\n );\n };\n\n render() {\n const {\n fromTimeUtc,\n groupByMinutes,\n toTimeUtc,\n paymentTypes,\n ticketTempalteIds,\n isDisabled,\n groupByTime,\n data,\n reportRows,\n isLoading,\n } = this.state;\n\n if (!data && !isLoading) {\n return null;\n }\n\n const minutesOption = [\n { value: 60, label: \"1h\" },\n { value: 360, label: \"6h\" },\n { value: 720, label: \"12h\" },\n { value: 1440, label: \"24h\" },\n ];\n\n return (\n \n this.handleChange(\"fromTimeUtc\", value)}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n disabled={isDisabled}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n this.handleChange(\"toTimeUtc\", value)}\n showTimeSelect\n disabled={isDisabled}\n timeFormat=\"HH:mm\"\n timeIntervals={15}\n dateFormat=\"h:mm a d MMM yyyy \"\n timeCaption=\"time\"\n />\n value === groupByMinutes)}\n options={minutesOption}\n onChange={(value) =>\n this.handleChange(\"groupByMinutes\", value.value)\n }\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n />\n this.handleChange(\"paymentTypes\", value)}\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n />\n {/* this.handleChange(\"ticketTempalteIds\", value)}\n classNamePrefix=\"custom-select\"\n className=\"custom-select\"\n /> */}\n
\n {!isDisabled && (\n \n Tickets Sales \n ![]()
\n
\n\n {/* \n {maximizingOptions && (\n <>\n {actionButtonIconName && (\n {\n showApproveModal(data);\n }}\n />\n )}\n \n )}\n\n {\n handleAccordionClick(e, data);\n }}\n >\n
\n );\n};\n","import React, { useEffect, useMemo, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport { connect } from \"react-redux\";\nimport axios from \"../../axios-instance\";\nimport \"../Transactions/Transactions.sass\";\nimport \"./MembershipManagment.sass\";\nimport { useShowActionsMenu } from \"../../components/UI/ActionsMenu/hooks/useShowActionsMenu\";\nimport NewLoader from \"../../components/NewLoader/NewLoader\";\nimport ReactTable from \"react-table\";\nimport withFixedColumns from \"react-table-hoc-fixed-columns\";\nimport Page404 from \"../../components/Page404/Page404\";\nimport PageTitle from \"../../components/UI/PageTitle/PageTitle\";\nimport { getHeaders } from \"../../helpers/getHeaders\";\nimport Container from \"../../components/UI/Container/Container\";\nimport { StatusLabel } from \"../../components/Transactions/StatusLabel/StatusLabel\";\nimport { IconButton } from \"../../components/UI/IconButton/IconButton\";\nimport { MembershipManagmentAction } from \"../../components/MembershipManagment/MembershipManagmentAction/MembershipManagmentAction\";\nimport Warning from \"../../images/warning.svg\";\nimport swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport { toast } from \"react-toastify\";\nimport ClipboardJS from \"clipboard\";\n\nconst MySwal = withReactContent(swal);\n\nexport const membershipStatuses = [\n { value: 1, label: \"Created\" },\n { value: 2, label: \"Pending To Approved\" },\n { value: 3, label: \"Approved\" },\n { value: 4, label: \"Restricted\" },\n];\n\nconst MembershipManagment = ({ token }) => {\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [maximizingOptions, setMaximizingOptions] = useState(true);\n\n const ReactTableFixedColumns = useMemo(\n () => withFixedColumns(ReactTable),\n []\n );\n\n const [showMenuActions, hideMenuActions] = useShowActionsMenu();\n\n const handleOptionsClick = (e) => setMaximizingOptions((curr) => !curr);\n\n const showLinkCopied = (link) => {\n ClipboardJS.copy(link);\n\n toast.dismiss(257);\n toast.success(\"Link was copied to clipboard\", {\n toastId: 257,\n });\n };\n\n const copyMemberPageLink = (data) => {\n showLinkCopied(\n `${process.env.REACT_APP_PUBLIC_URL}/member?token=${data.accessToken}`\n );\n };\n\n const getData = async () => {\n setLoading(true);\n const { data } = await axios.get(\"/MembershipManagment/member\", {\n headers: getHeaders(token),\n });\n if (data) {\n setLoading(false);\n setData(\n data.map((item) => {\n const { customer } = item;\n const { id, ...otherFields } = customer;\n\n return { ...item, ...otherFields };\n })\n );\n }\n };\n\n const showApproveModal = (data) => {\n MySwal.fire({\n imageUrl: Warning,\n title: \"Confirm Approval of the Request\",\n text: \"Please note that this is an irreversible action\",\n cancelButtonText: \"Cancel\",\n confirmButtonText: \"Approve\",\n allowEscapeKey: false,\n customClass: \"seasonpass__modal\",\n allowOutsideClick: false,\n allowEnterKey: false,\n showConfirmButton: true,\n showCancelButton: true,\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n approveRequest(data);\n }\n });\n };\n\n const approveRequest = async (data) => {\n const { data: res } = await axios.put(\n \"/MembershipManagment/approve-membership-request\",\n {\n memberId: data.id,\n },\n {\n headers: getHeaders(token),\n }\n );\n if (res) {\n toast.success(\"Successfully approved\");\n getData();\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n let emptyStateText = \"There are no data\";\n\n const getLabelStyle = (state, rowInfo, column) => ({\n style: {\n marginTop: \"6px\",\n },\n });\n\n if (!data.length && !loading) {\n return \n Status\n
\n ),\n resizable: false,\n width: 205,\n Cell: ({\n row: {\n _original: { status },\n },\n }) => {\n return (\n \n
\n );\n },\n Cell: ({ row: { _original: data } }) => (\n \n {emptyStateText} \n \n
\n )}\n \n \n
\n ),\n customClass: \"seasonpass__modal\",\n allowOutsideClick: false,\n allowEnterKey: false,\n showConfirmButton: false,\n });\n };\n\n componentDidMount() {\n this.getOrderData();\n }\n\n handleUploadFile = async (files) => {\n try {\n const file = files[0];\n const orderId =\n this.state.transactionData.orderId || this.props.match.params.id;\n\n const url = `/Payment/AttachFile/${orderId}`;\n\n const data = new FormData();\n data.append(\"file\", file);\n const { data: fileUrl } = await axios.post(url, data);\n this.setState({\n fileUrl,\n });\n } catch (e) {\n console.log(e);\n }\n };\n\n handleDeleteImg = () => {\n this.setState({\n fileUrl: null,\n });\n };\n\n checkIsSelectDisabled = (name) => {\n const {\n fields: { area, row, passType, side },\n isRequestChanges,\n } = this.state;\n\n if (!isRequestChanges) {\n return true;\n }\n\n switch (name) {\n case \"area\":\n return !passType;\n case \"row\":\n return !passType || !area;\n case \"side\":\n return !passType || !area || !row;\n case \"seat\":\n return !passType || !area || !row || !side;\n default:\n return false;\n }\n };\n\n handleSendRequest = async () => {\n const {\n fields,\n transactionData: { orderId },\n } = this.state;\n\n const body = {\n order: {\n ...fields,\n },\n };\n\n try {\n const { data } = await axios.post(\n `Payment/orders/${orderId}/request-changes`,\n body\n );\n this.handleOrderStatuses(data);\n this.setOrderDataToState(data);\n } catch (e) {\n console.log(e);\n showErrorModal({\n text: `It seems to have failed to complete the payment, please try again`,\n });\n }\n };\n\n sendOrderData = async () => {\n const {\n transactionData: { orderId },\n fields: { city, physicalAddress, postalCode, companyVatNumber },\n } = this.state;\n\n const body = {\n city,\n physicalAddress,\n postalCode,\n companyVatNumber,\n };\n\n await axios.put(`Payment/orders/${orderId}`, body);\n };\n\n handleSubmit = async () => {\n try {\n this.showPleaseWaitModal();\n await this.sendOrderData();\n this.formRef.current.submit();\n } catch (e) {\n console.log(e);\n showErrorModal({\n text: `It seems to have failed to complete the payment, please try again`,\n });\n }\n };\n\n checkIsFieldDisabled = (name) => {\n const {\n isRequestChanges,\n initialField: { fields: initialFields },\n } = this.state;\n\n if (isRequestChanges) {\n return false;\n }\n\n if (name && !initialFields[name]) {\n return false;\n }\n\n return true;\n };\n\n render() {\n const {\n fields: {\n area,\n city,\n buyerEmail,\n fullName,\n physicalAddress,\n passType,\n phoneNumber,\n postalCode,\n row,\n seat,\n side,\n companyVatNumber,\n },\n fileUrl,\n transactionData,\n isRequestChanges,\n isCheckoutAsCompanyChecked,\n termsAndConditionsChecked,\n price,\n } = this.state;\n\n return (\n Poštovani,
\nOvaj link više nije aktivan!
\n\n Nažalost, niste obnovili svoje prošlogodišnje mesto.\n
\n\n Od 14. septembra počinje FAZA 2 – ZAMENA koja traje četiri dana i u\n tom periodu moći ćete svoju prošlogodišnju sezonsku ulaznicu da\n zamenite za novo mesto i iskoristite pravo preče kupovine.\n
\nPožurite, vaše staro mesto možda je i dalje slobodno!
\n\n \n {Object.keys(transactionData).map((key) => (\n \n 
\n \n ) : (\n \n Request Changes\n \n\n {isRequestChanges ? (\n \n Request Changes\n \n ) : (\n
\n \n \n
\n \n
\n Buy Season Pass
\n\n \n\n \n
\n\n \n \n\n \n
\n\n \n
\n\n {isRequestChanges ? (\n \n \n \n Checkout as company\n \n \n \n Checkout as company\n \n
\n\n {isCheckoutAsCompanyChecked && (\n \n )}\n \n \n \n Upload Season Pass\n \n {!fileUrl && (\n \n Required Field\n \n )}\n \n
\n )}\n\n \n\n \n {fileUrl ? (\n {}}\n unsupportedFileFormatHandle={() => {}}\n onlyOneFileErrorHandle={() => {}}\n />\n )}\n
\n \n \n Please note that without your season pass purchase will not\n be possible\n \n \n Only in JPEG and PNG Format\n \n \n \n
\n ) : (\n \n \n\n \n\n \n\n \n
\n\n \n
\n )}\n \n \n Buy\n \n
\n\n {renderTotal({\n currencyCode: transactionData.currencyCode,\n total: transactionData.paymentAmount,\n price,\n })}\n \n \n \n I agree to the Terms and Conditions\n \n \n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n \n \n \n \n
\n ))}\n \n \n \n \n Save\n \n
\n );\n }\n}\n\nexport default SellerInfoModal;\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router\";\n\nimport Select from \"react-select\";\nimport AsyncSelect from \"react-select/lib/Async\";\nimport swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport queryString from \"query-string\";\n\nimport axios from \"../../axios-instance\";\n\nimport Dropzone from \"../Upload/Dropzone/Dropzone\";\nimport CheckBox from \"../../components/UI/Checkbox/CheckBox\";\nimport Container from \"../../components/UI/Container/Container\";\n\nimport { paymentTypeOptions } from \"./constants\";\n\nimport SellerInfoModal from \"./SellerInfoModal/SellerInfoModal\";\n\nimport SeasonPassLogo from \"../../images/season-pass-logo.svg\";\nimport Warning from \"../../images/warning.svg\";\nimport PleaseWait from \"../../images/please-wait-season-pass-modal.svg\";\n\nimport { handleSelectPlace, renderTotal, getTotal } from \"./helpers\";\nimport { showErrorModal } from \"../../modals\";\n\nimport \"./SeasonPass.sass\";\n\nconst MySwal = withReactContent(swal);\n\nclass OnlineSeller extends Component {\n state = {\n fields: {\n fullName: \"\",\n physicalAddress: \"\",\n city: \"\",\n postalCode: \"\",\n phoneNumber: \"\",\n buyerEmail: \"\",\n passType: null,\n area: null,\n row: null,\n seat: null,\n side: null,\n companyVatNumber: \"\",\n currencyCode: \"RSD\",\n paymentAmount: \"0.00\",\n paymentType: paymentTypeOptions[0],\n },\n total: \"0.00\",\n fileUrl: null,\n submittBlocked: false,\n isCheckoutAsCompanyChecked: false,\n };\n\n formRef = React.createRef();\n\n showSellerInfoModal = () => {\n MySwal.fire({\n html: (\n \n
\n \n \n
\n \n
\n\n \n Buy Season Pass
\n\n \n {Object.keys(transactionData).map((key) => (\n
\n \n \n
\n \n
\n Buy Tickets
\n\n \n\n \n
\n\n \n\n \n \n\n \n
\n\n \n\n \n
\n \n \n Buy\n \n
\n\n \n \n \n I agree to the Terms and Conditions\n \n \n
\n \n Total:{\" \"}\n \n {transactionData.paymentAmount} {transactionData.currencyCode}\n \n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n \n \n \n \n
\n ))}\n \n
\n \n \n
\n \n
\n \n Buy Season Pass
\n\n
\n \n \n
\n \n
\n Orders
\n\n {\n const prors = {};\n const isOldOrder =\n rowInfo &&\n rowInfo.original &&\n rowInfo.original.changesRequested &&\n !rowInfo.original.originalOrderId;\n\n if (isOldOrder) {\n prors.style = { backgroundColor: \"#FFAB00\" };\n }\n\n return prors;\n }}\n />\n
\n \n \n Request Changed\n \n
\n \n \n \n \n \n
\n \n \n {Object.keys(transactionData).map((key) => (\n
\n \n \n
\n \n
\n Partizan Season Pass
\n\n
\n\n \n \n\n \n\n \n\n
\n\n \n \n\n \n
\n\n \n \n\n \n
\n \n \n\n \n\n \n\n
\n \n \n\n \n
\n\n \n \n\n \n
\n \n {seats.map((item, i) => (\n
\n\n \n {item.passType}\n {item.area}\n {item.row}\n {item.seat}\n {item.side}\n
\n ))}\n \n
\n\n \n \n Buy\n \n
\n\n {renderTotal({\n currencyCode: transactionData.currencyCode,\n total: transactionData.paymentAmount,\n price,\n currentFee: processingFeeRate,\n otherFields: membershipCardsPrice > 0 ? otherFields : [],\n })}\n \n \n \n I agree to the Terms and Conditions\n \n \n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n \n \n \n \n
\n ))}\n \n
\n \n \n
\n \n
\n\n \n Buy Season Pass
\n\n \n
*/}\n {isEmailSent ? (\n Fancee Tickets
\n\n 
\n
\n ) : (\n {emailSent.title}
\n {emailSent.about}\n\n \n {emailSent.btnChange}\n \n \n
\n \n 
\n
\n )}\n {emailConfirmation.title}
\n {emailConfirmation.about}\n {/*\n \n {emailConfirmation.btnConfirm}\n \n
\n \n
\n \n );\n\n const actionComponent = (\n \n {eventData.eventName}\n
\n\n Supported by Fancee tickets\n
\n\n
\n \n
\n Vrnjacka Banja, Park Jezero
\n\n {time}\n
\n\n
\n );\n\n return (\n \n this.handleaChangeStep(step - 1)}\n >\n Previous\n \n {steps.length === step ? (\n \n Pay\n \n ) : (\n this.handleaChangeStep(step + 1)}\n >\n Next\n \n )}\n
\n \n {bankLogos.map(({ alt, src, link }) => (\n
\n \n \n \n \n
\n ))}\n \n \n
\n Fancee Tickets
\n\n \n
\n );\n }\n}\nexport default withRouter(TestIframe);\n","import React from \"react\";\nimport CheckBox from \"../UI/Checkbox/CheckBox\";\nimport Icon from \"../UI/Icon/Icon\";\n\nimport \"./ResellingRequestCard.sass\";\n\nconst ResellingRequestCard = ({\n ticket,\n handleSelect,\n selected,\n disabled,\n resellingBlocked,\n}) => {\n const {\n id,\n passType,\n resellStatus,\n area,\n row,\n seat,\n side,\n totalPointsForResale,\n } = ticket;\n\n const getStatus = () => {\n switch (resellStatus) {\n case 2:\n return (\n \n Sold\n \n );\n case 1:\n if (resellingBlocked) {\n return (\n \n Not sold\n \n );\n }\n return (\n \n In Sale\n \n );\n default:\n return null;\n }\n };\n\n const showCheckbox = !resellingBlocked && !disabled;\n\n const checkboxWarpperStyles =\n resellingBlocked || disabled\n ? {\n justifyContent: \"flex-end\",\n }\n : {};\n\n return (\n \n
\n \n );\n};\n\nexport default ResellingRequestCard;\n","import React, { Component } from \"react\";\nimport { toast } from \"react-toastify\";\n\nimport swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\n\nimport axios from \"../../axios-instance\";\nimport queryString from \"query-string\";\nimport moment from \"moment\";\n\nimport Container from \"../../components/UI/Container/Container\";\nimport Icon from \"../../components/UI/Icon/Icon\";\nimport NewLoader from \"../../components/NewLoader/NewLoader\";\n\nimport \"./ResellingRequest.sass\";\nimport ResellingRequestCard from \"../../components/ResellingRequestCard/ResellingRequestCard\";\n\nimport { showErrorModal } from \"../../modals\";\n\nconst MySwal = withReactContent(swal);\n\nclass ResellingRequest extends Component {\n state = {\n seasonPasses: [],\n selectedTickets: [],\n eventData: null,\n loading: true,\n resellingBlocked: false,\n };\n\n refuse = async () => {\n try {\n const eventId = this.props.match.params.eventId;\n const { customer: customerToken } = queryString.parse(\n this.props.location.search\n );\n const { selectedTickets } = this.state;\n this.setState({\n loading: true,\n });\n\n const body = {\n eventId,\n customerToken,\n seasonPassIds: selectedTickets,\n };\n\n const { data } = await axios.post(\"/SeasonRefuse/refuse\", body);\n\n if (data) {\n this.getData();\n }\n } catch (e) {\n console.log(e);\n showErrorModal({\n text: `It seems to have failed to complete the payment, please try again.`,\n customClass:\n \"seasonpass__modal_info seasonpass__modal reselling-request__modal\",\n });\n }\n };\n\n handleSubmit = async () => {\n MySwal.fire({\n title: \"Are you sure you want to submit tickets for sale?\",\n text: \"This action is irreversible\",\n customClass: \"reselling-request__modal reselling-request__modal_confirm\",\n cancelButtonText: \"Cancel\",\n confirmButtonText: \"Submit\",\n showConfirmButton: true,\n showCancelButton: true,\n reverseButtons: true,\n }).then((result) => {\n if (result.value) {\n this.refuse();\n }\n });\n };\n\n handleSelect = (id) => {\n const { selectedTickets } = this.state;\n\n const isTicketAdded = selectedTickets.some(\n (selectedId) => selectedId === id\n );\n\n if (!isTicketAdded) {\n this.setState({ selectedTickets: [...selectedTickets, id] });\n } else {\n this.setState({\n selectedTickets: selectedTickets.filter(\n (selectedId) => selectedId !== id\n ),\n });\n }\n };\n\n setData = (eventData = {}, resellingData = {}) => {\n this.setState({\n eventData,\n seasonPasses: resellingData.seasonPasses || [],\n loading: false,\n });\n };\n\n checkIsResellingClosed = (eventData) => {\n const endDateMoment =\n eventData && eventData.endDate ? moment(eventData.endDate) : null;\n\n if (endDateMoment && moment().isAfter(endDateMoment)) {\n this.setState({ resellingBlocked: true });\n toast.info(\"Reselling for this event closed\");\n }\n };\n\n getData = async () => {\n try {\n const eventId = this.props.match.params.eventId;\n const { customer: customerId } = queryString.parse(\n this.props.location.search\n );\n\n const params = {\n eventId,\n customerId,\n };\n\n const queryParams = queryString.stringify(params, { encode: false });\n\n const { data: resellingData } = await axios.get(\n `/SeasonRefuse/pass?${queryParams}`\n );\n const { data: eventData } = await axios.get(\n `Transaction/Event/${eventId}`\n );\n\n this.checkIsResellingClosed(eventData);\n\n this.setData(eventData, resellingData);\n } catch (e) {\n console.log(e);\n showErrorModal({\n customClass:\n \"seasonpass__modal_info seasonpass__modal reselling-request__modal\",\n text: `Looks like an issue occurred during the page loading. Please try again later.`,\n showConfirmButton: false,\n });\n }\n };\n\n componentDidMount() {\n this.getData();\n }\n\n render() {\n const {\n seasonPasses,\n eventData,\n loading,\n selectedTickets,\n resellingBlocked,\n } = this.state;\n\n if (loading) {\n return \n
\n {passType}
\n {getStatus()}\n\n \n {showCheckbox && (\n handleSelect(id)}\n checked={selected}\n isDisabled={disabled}\n >\n Submit a ticket for sale\n \n )}\n
\n \n
\n \n
\n Area:
\n{area}
\n\n
\n Row:
\n{row}
\n\n
\n Seat:
\n{seat}
\n\n
\n Side:
\n{side}
\n\n Total:\n
\n \n
\n \n \n \n
\n \n \n
\n \n \n {prefixLabel}\n
\n{eventName}
\n\n Supported by Fancee tickets\n
\n\n
\n {location}
\n\n {seasonPasses.length &&\n seasonPasses.map((ticket) => (\n selectedId === ticket.id\n )\n }\n resellingBlocked={resellingBlocked}\n disabled={ticket.resellStatus !== 0}\n handleSelect={this.handleSelect}\n />\n ))}\n
\n {!resellingBlocked && (\n <>\n \n \n You will receive 35% of the daily ticket price once it’s sold.\n \n
\n \n \n Submit\n \n
\n \n )}\n \n \n );\n }\n}\n\nexport default ResellingRequest;\n","import React from \"react\";\nimport moment from \"moment\";\n\nimport Icon from \"../../../components/UI/Icon/Icon\";\n\nimport \"./SellingEventsCard.sass\";\n\nexport const SellingEventsCard = ({\n emailHeaderUrl,\n startDate,\n place,\n name,\n prefixLabel,\n handleClick,\n}) => {\n return (\n \n 
\n
\n );\n};\n","import React, { Component } from \"react\";\n\nimport axios from \"../../axios-instance\";\nimport Container from \"../../components/UI/Container/Container\";\nimport ROUTES from \"../../constants/routes\";\n\nimport debounce from \"lodash.debounce\";\n\nimport { showErrorModal } from \"../../modals\";\nimport { SellingEventsCard } from \"./SellingEventsCard/SellingEventsCard\";\n\nimport \"./SellingEventsList.sass\";\n\nexport default class SellingEventsList extends Component {\n state = {\n search: \"\",\n events: [],\n };\n\n handleGoToEvent = (slug) => {\n this.props.history.push({\n pathname: ROUTES.SELLING.replace(\":slug\", slug).replace(\":id?\", \"\"),\n });\n };\n\n handleSearch = debounce((value) => {\n this.setState({\n search: value,\n });\n }, 500);\n\n getEvents = async () => {\n try {\n console.log(this.props, \"sss\");\n const { iframeSlug } = this.props.match.params;\n const { data } = await axios.get(\n `/Events/InSell?iframeSlug=${iframeSlug}`\n );\n if (data.isSuccess) {\n this.setState({ events: data.result });\n }\n } catch (e) {\n showErrorModal({\n showConfirmButton: false,\n });\n console.log(e);\n }\n };\n\n componentDidMount() {\n this.getEvents();\n }\n\n render() {\n const { events, search } = this.state;\n\n const searchedEvents = events.filter((event) =>\n event.name.toLowerCase().includes(search.toLowerCase())\n );\n\n return (\n \n
\n \n
\n\n {prefixLabel}
\n{name}
\n\n
\n \n
\n \n
\n \n \n \n
\n );\n }\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport { connect } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport queryString from \"query-string\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport Swal from \"sweetalert2\";\n\nimport ReactTable from \"react-table\";\n\nimport axios from \"../../../axios-instance\";\nimport Upload from \"../../Upload/Upload\";\nimport Container from \"../../../components/UI/Container/Container\";\nimport PartizanOpenSellingLogo from \"../../../images/partizan-open-selling-logo.svg\";\nimport { IconButton } from \"../../../components/UI/IconButton/IconButton\";\nimport Page404 from \"../../../components/Page404/Page404\";\nimport NewLoader from \"../../../components/NewLoader/NewLoader\";\nimport PleaseWait from \"../../../images/please-wait-season-pass-modal.svg\";\n\nimport \"./SeasonPassPersonalInfo.sass\";\nimport ThanksForYourPurchase from \"../../../images/thanks-for-your-purchase.svg\";\nimport Icon from \"../../../components/UI/Icon/Icon\";\nimport { showErrorModal, showInfoModal } from \"../../../modals\";\nimport { paymentMethodOptions } from \"../constants\";\nimport { mapSeat } from \"../PartizanOpenSelling/PartizanOpenSelling\";\nimport { TicketsPicker } from \"../PartizanOpenSelling/TicketsPicker\";\nimport { currencies } from \"../../../constants/currencies\";\nimport { createMerchantSin } from \"../helpers\";\nimport { getTokenFormPaymentApi } from \"../../../helpers/getTokenFormPaymentApi\";\n\nconst MySwal = withReactContent(Swal);\n\nconst transactionData = {\n resURL: `${process.env.API_URL}/Payment/Webhook/Kopa`,\n sessionValidity: \"2023-08-28T14:26:53.000Z\",\n redirectURL: window.location.href + \"&\",\n lang: \"en\",\n merchantName: \"WE ARE FANCEE d.o.o\",\n iFDirective: process.env.REACT_APP_ALLOWED_URL,\n signedKeys:\n \"orderId,paymentAmount,currencyCode,sessionValidity,resURL,redirectURL,lang,merchantName,iFDirective,accessToken\",\n};\n\nexport const SeasonPassPersonalInfo = (params) => {\n const [isLoadingState, setIsLoadingState] = useState(true);\n const [isMemberFound, setIsMemberFound] = useState(false);\n\n const formRef = useRef(null);\n\n const [paymentAmount, setPaymentAmount] = useState(0);\n const [orderId, setOrderId] = useState(\"\");\n const [currencyCode, setCurrencyCode] = useState(\"RSD\");\n const [tickets, setTickets] = useState([]);\n const [eventData, setEventData] = useState(null);\n\n const [firstname, setFirstname] = useState(\"\");\n const [lastname, setLastname] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [streetAndHouseNumber, setStreetAndHouseNumber] = useState(\"\");\n const [city, setCity] = useState(\"\");\n const [postalCode, setPostalCode] = useState(\"\");\n\n const [accessTokenFromPaymentApi, setAccessTokenTokenFromPaymentApi] =\n useState(\"\");\n\n const [points, setPoints] = useState(\"\");\n const [seasonPassList, setSeasonPassList] = useState([]);\n const [membershipList, setMembershipList] = useState([]);\n const [seasonPassListForDelete, setSeasonPassListForDelete] = useState([]);\n const [filesList, setFilesList] = useState([]);\n const [resaleRequestsList, setResaleRequestsList] = useState([]);\n const [canSave, setCanSave] = useState(true);\n const [isPendingToApprove, setIsPendingToApprove] = useState(false);\n const [isApproved, setIsApproved] = useState(false);\n\n const token = queryString.parse(params.location.search).token;\n\n const authResult = queryString.parse(params.location.search)[\"?authResult\"];\n\n const changeInputFirstnameHandler = (e) => {\n setFirstname(e.target.value);\n };\n\n const changeInputLastnameHandler = (e) => {\n setLastname(e.target.value);\n };\n\n const changeInputEmailHandler = (e) => {\n setEmail(e.target.value);\n };\n\n const changeInputPhoneHandler = (e) => {\n setPhone(e.target.value);\n };\n\n const changeInputStreetAndHouseNumberHandler = (e) => {\n setStreetAndHouseNumber(e.target.value);\n };\n\n const changeInputCityHandler = (e) => {\n setCity(e.target.value);\n };\n\n const changeInputPostalCodeHandler = (e) => {\n setPostalCode(e.target.value);\n };\n\n const showPleaseWaitModal = () => {\n MySwal.fire({\n imageUrl: PleaseWait,\n title: \"Please wait\",\n text: \"You will be redirected to the payment page\",\n allowEscapeKey: false,\n customClass: \"partizan-modal seasonpass__modal partizan-info-modal\",\n allowOutsideClick: false,\n allowEnterKey: false,\n showConfirmButton: false,\n });\n };\n\n const setPrice = (ticks) => {\n setPaymentAmount(\n ticks.reduce((accumulator, ticket) => {\n return accumulator + ticket.price * ticket.count;\n }, 0)\n );\n };\n\n const onObjectSelected = (obj) => {\n let ticks = [...tickets, obj];\n\n let findedTicket = tickets.find(\n ({ ticketTemplateId }) => ticketTemplateId === obj.ticketTemplateId\n );\n\n if (findedTicket) {\n ticks = tickets.map((ticket) =>\n ticket.ticketTemplateId === obj.ticketTemplateId ? obj : ticket\n );\n }\n\n setPrice(ticks);\n setTickets(ticks);\n };\n\n const onObjectDeselected = (obj) => {\n const ticks = tickets.filter(\n (item) => item.ticketTemplateId !== obj.ticketTemplateId\n );\n setPrice(ticks);\n setTickets(ticks);\n };\n\n const getEventData = async () => {\n const eventSlug = process.env.REACT_APP_MEMBER_EVENT_SLUG;\n const { data } = await axios.get(`/Transaction/Event/BySlug/${eventSlug}`);\n const paymentApiRes = await getTokenFormPaymentApi({\n merchantId: data.merchantId,\n });\n if (paymentApiRes) {\n setAccessTokenTokenFromPaymentApi(paymentApiRes.data.access_token);\n }\n setCurrencyCode(\n currencies.find(({ value }) => value === data.currencyId).label || \"RSD\"\n );\n setEventData(data);\n };\n\n const createOrder = async () => {\n let seats = tickets.reduce(mapSeat, []);\n\n const body = {\n transaction: {\n fullName: firstname + \" \" + lastname,\n physicalAddress: streetAndHouseNumber,\n city,\n postalCode,\n phoneNumber: phone,\n buyerEmail: email,\n paymentMethod: paymentMethodOptions[0].value,\n currency: transactionData.currencyCode,\n amount: paymentAmount,\n seats,\n },\n };\n\n const { data: id } = await axios.post(\"Transaction/createForSell\", body);\n\n setOrderId(id);\n };\n\n const showBuy = () => {\n MySwal.fire({\n title: \"Buy Membership\",\n text: \"Please make sure you selected the correct types of membership. After payment we will ask you to assign each membercard to Personal data (1 membercard per fan). (This membercard won’t give you any guaranties op seasonpass)\",\n confirmButtonText: \"Buy\",\n cancelButtonText: \"Cancel\",\n showCancelButton: true,\n reverseButtons: true,\n customClass: \"partizan-modal delete-user-modal\",\n }).then(({ value }) => {\n if (value) {\n handleBuy();\n }\n });\n };\n\n const handleBuy = async () => {\n try {\n showPleaseWaitModal();\n await createOrder();\n formRef.current.submit();\n } catch (e) {\n console.log(e);\n showErrorModal({\n text: `It seems to have failed to complete the payment, please try again`,\n customClass:\n \"seasonpass__modal_info seasonpass__modal partizan-info-modal\",\n });\n }\n };\n\n const deleteFile = (file, type) => {\n MySwal.fire({\n title: \"Are you sure you delete season pass?\",\n text: \"It’s impossible to take step back then\",\n confirmButtonText: \"Delete\",\n cancelButtonText: \"Cancel\",\n showCancelButton: true,\n reverseButtons: true,\n customClass: \"partizan-modal delete-user-modal\",\n }).then(({ value }) => {\n if (value) {\n if (type === \"local\") {\n setFilesList((currFiles) => currFiles.filter((f) => f !== file));\n } else {\n setSeasonPassList((currSeasons) =>\n currSeasons.filter((season) => season.id !== file.id)\n );\n\n setSeasonPassListForDelete((currSeasons) => [...currSeasons, file]);\n }\n }\n });\n };\n\n const onAddFileHandler = (files, clearAllSelected) => {\n if (files.length > 0) {\n const fileReader = new FileReader();\n\n fileReader.onloadend = () => {\n setFilesList((currFiles) => [\n ...currFiles,\n { file: files[0], url: fileReader.result },\n ]);\n\n clearAllSelected();\n };\n\n fileReader.readAsDataURL(files[0]);\n }\n };\n\n const loadSeasonPassMember = async () => {\n await axios\n .get(`/SeasonPassMember?accessToken=${token}`)\n .then((response) => {\n if (response.status === 200 && response.data) {\n setFirstname(response.data.firstName);\n setLastname(response.data.lastName);\n setEmail(response.data.email);\n handleOrderStatuses({ email: response.data.email });\n setPhone(response.data.phoneNumber);\n setStreetAndHouseNumber(response.data.physicalAddress);\n setCity(response.data.city);\n setPostalCode(response.data.postalCode);\n setResaleRequestsList(response.data.resaleRequests);\n setPoints(response.data.points);\n setIsPendingToApprove(response.data.status === 2);\n if (response.data.status === 3) {\n getEventData();\n setIsApproved(true);\n }\n setIsMemberFound(true);\n setIsLoadingState(false);\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n setIsLoadingState(false);\n setIsMemberFound(false);\n });\n\n await axios\n .get(`/SeasonPassMember/passes?accessToken=${token}`)\n .then((response) => {\n if (response.status === 200 && response.data) {\n const list = response.data.filter(\n (season) => season.requestedToUpdate\n );\n\n setSeasonPassList(list);\n setIsMemberFound(true);\n setIsLoadingState(false);\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n setIsLoadingState(false);\n setIsMemberFound(false);\n });\n\n await axios\n .get(\n `/SeasonPassMember/membership?accessToken=${token}&eventId=${process.env.REACT_APP_MEMBER_EVENT_ID}`\n )\n .then((response) => {\n if (response.status === 200 && response.data) {\n setMembershipList(response.data);\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n setIsLoadingState(false);\n setIsMemberFound(false);\n });\n };\n\n const showConfirmSaveChangesModal = () => {\n MySwal.fire({\n title: \"Are you sure you want save changes?\",\n text: \"It’s impossible to take step back then\",\n confirmButtonText: \"Save\",\n cancelButtonText: \"Cancel\",\n showCancelButton: true,\n reverseButtons: true,\n customClass: \"partizan-modal delete-user-modal\",\n }).then(({ value }) => {\n if (value) {\n const data = {\n firstName: firstname,\n lastName: lastname,\n phoneNumber: phone,\n physicalAddress: streetAndHouseNumber,\n city: city,\n postalCode: postalCode,\n };\n axios\n .put(`/SeasonPassMember?accessToken=${token}`, data)\n .then((response) => {\n if (response.status === 200 && response.data) {\n setIsPendingToApprove(true);\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n toast.error(\"Something went wrong\");\n });\n\n filesList.forEach((value, index, array) => {\n const data = new FormData();\n data.append(\"file\", value.file);\n\n axios\n .post(\n `/SeasonPassMember/attach-season-pass-photo?accessToken=${token}`,\n data\n )\n .then((response) => {\n if (response.status === 200 && response.data) {\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n toast.error(\"Something went wrong\");\n });\n });\n\n seasonPassListForDelete.forEach((season, index, array) => {\n axios\n .delete(\n `/SeasonPassMember/detach-season-pass-photo?seasonPassId=${season.id}&accessToken=${token}`\n )\n .then((response) => {\n if (response.status === 200 && response.data) {\n return;\n }\n\n throw new Error(response.data.errorMessage);\n })\n .catch((err) => {\n toast.error(\"Something went wrong\");\n });\n });\n }\n });\n };\n\n const removePayStatus = () => {\n params.history.replace(`${params.match.url}?token=${token}`);\n };\n\n const handleOrderStatuses = (data) => {\n switch (authResult) {\n case \"CANCELLED\":\n break;\n case \"AUTHORISED\":\n showInfoModal({\n image: ThanksForYourPurchase,\n title: \"Thanks for Your Purchase!\",\n allowEscapeKey: true,\n allowOutsideClick: true,\n allowEnterKey: true,\n onConfirm: removePayStatus,\n text: `We will send all the details to your inbox (${data.email}) and look forward to meeting you`,\n // additionalText: `(Payment Status: ${\n // data.additionalPaymentStatus\n // }, Payment Date: ${moment(data.paymentDate).format(\n // \"DD MMMM YYYY HH:mm\"\n // )}, Transaction Id: ${data.transactionId})`,\n customClass:\n \"seasonpass__modal_info seasonpass__modal partizan-info-modal\",\n });\n break;\n case \"REFUSED\":\n showErrorModal({\n text: `It seems to have failed to complete the payment, please try again`,\n customClass:\n \"seasonpass__modal_info seasonpass__modal partizan-info-modal\",\n // additionalText: `(Payment Status: ${\n // data.additionalPaymentStatus\n // }, Payment Date: ${moment(data.paymentDate).format(\n // \"DD MMMM YYYY HH:mm\"\n // )}, Transaction Id: ${data.transactionId})`,\n });\n break;\n default:\n break;\n }\n };\n\n const getTicketTemplates = () => {\n let ticks = [];\n\n ticks = eventData.ticketTemplates.map((ticket) => {\n if (ticket.name.toLowerCase().includes(\"extend\")) {\n const numberOfExtendTickens = tickets.reduce((num, item) => {\n if (\n item.name.toLowerCase().includes(\"extend\") &&\n ticket.ticketTemplateId !== item.ticketTemplateId\n ) {\n return num + item.count;\n }\n return num;\n }, 0);\n\n if (numberOfExtendTickens) {\n return {\n ...ticket,\n allowedToSell:\n seasonPassList.length - numberOfExtendTickens > 0\n ? seasonPassList.length - numberOfExtendTickens\n : 0,\n };\n }\n\n return { ...ticket, allowedToSell: seasonPassList.length };\n }\n return ticket;\n });\n let count = 0;\n\n for (let i = 0; i < ticks.length; i++) {\n for (let j = 0; j < membershipList.length; j++) {\n if (ticks[i].name.toLowerCase().includes(\"extend\")) {\n if (\n ticks[i].ticketTemplateId === membershipList[j].ticketTemplateId\n ) {\n ++count;\n }\n }\n }\n if (\n count >= seasonPassList.length &&\n ticks[i].name.toLowerCase().includes(\"extend\")\n ) {\n delete ticks[i];\n }\n count = 0;\n }\n\n return ticks;\n };\n\n useEffect(() => {\n loadSeasonPassMember();\n }, [authResult]);\n\n if (isLoadingState) {\n return \n \n
\n \n \n this.handleSearch(e.target.value)}\n />\n
\n Upcoming events list
\n\n {searchedEvents.map((event) => (\n this.handleGoToEvent(event.slug)}\n />\n ))}\n
\n \n {/* \n
\n Fancee Tickets
*/}\n\n {isPendingToApprove ? (\n \n {Object.keys(transactionData).map((key) => (\n \n Buy\n \n \n )}\n {isApproved && !!membershipList.length && (\n <>\n \n Save Changes\n \n )}\n
\n \n
\n ) : null}\n Waiting for review
\nPersonal Information
\n\n
\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n {!isApproved && (\n <>\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Season Pass List
\n\n {seasonPassList.map((season) => (\n
\n \n )}\n \n 
\n {!isPendingToApprove && (\n deleteFile(season, \"remote\")}\n />\n )}\n
\n ))}\n {filesList.map((file) => (\n \n 
\n {!isPendingToApprove && (\n deleteFile(file, \"local\")}\n />\n )}\n
\n ))}\n {!isPendingToApprove && (\n <>\n Buy/Extend Membership
\n\n num + item.count, 0) <\n eventData.maxSeatsToSelectPerTransaction\n }\n onObjectSelected={onObjectSelected}\n onObjectDeselected={onObjectDeselected}\n ticketTemplates={getTicketTemplates()}\n currency={currencyCode}\n />\n
\n \n Total: \n \n {paymentAmount} {currencyCode}\n \n
\n Bought Memberships
\n\n ({\n ...membership.ticketTemplate,\n name: membership.ticketTemplate.ticketName,\n }))}\n currency={currencyCode}\n />\n
\n \n )}\n