\n
\n
\n \n
\n
\n
\n\n \n \n
\n \n
\n \n
\n \n
\n {t('PLAYER_HOME_NEW_VIDEOS')}
\n{t('HIT_REFRESH_BUTTON')}
\n\n \n
\n \n {\n videoStreaming.map(v =>\n (\n
\n \n
\n )\n )\n }\n {\n video.map(v =>\n (\n isInAreaVideo(v.slotId) ?\n null :\n \n
\n \n
\n {sendUsageData(v.partnerId, v.slotId, true); window.open(`${Configuration.krpanoPlayerUrl}?slotId=${v.slotId}&token=${v.token}`, '_blank');}}>\n \n \n
\n \n 
\n
\n \n 
\n
\n \n }/)
\n
\n \n
\n {v.description ? v.description.substring(0,60) : \"\"}
\n \n
\n {v.partnerName}
\n- \n
- {v.fieldName} \n
- {new Date(v.startDatetime).toLocaleDateString(i18n.language, {weekday: 'long', year: 'numeric', month: 'numeric', day: 'numeric'})} \n
- {t('FROM_TO_TIME', {fromTime: new Date(v.startDatetime).toLocaleTimeString(i18n.language, {hour: '2-digit', minute: '2-digit'}), toTime: new Date(v.endDatetime).toLocaleTimeString(i18n.language, {hour: '2-digit', minute: '2-digit'})})} \n
- {v.description} \n
\n
\n )\n )\n }\n \n
\n \n
\n {sendUsageData(v.partnerId, v.slotId, false); window.open(`${Configuration.krpanoPlayerUrl}?slotId=${v.slotId}&token=${v.token}`, '_blank');}}>\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n {v.description ? v.description.substring(0,60) : \"\"}
\n \n
\n {v.partnerName}
\n- \n
- {v.fieldName} \n
- {new Date(v.startDatetime).toLocaleDateString(i18n.language, {weekday: 'long', year: 'numeric', month: 'numeric', day: 'numeric'})} \n
- {t('FROM_TO_TIME', {fromTime: new Date(v.startDatetime).toLocaleTimeString(i18n.language, {hour: '2-digit', minute: '2-digit'}), toTime: new Date(v.endDatetime).toLocaleTimeString(i18n.language, {hour: '2-digit', minute: '2-digit'})})} \n
- {v.description} \n
\n {t('FILE_SIZE')}{(Math.floor(v.filesize)/(1000000000)).toFixed(2)}GB\n
\n : null}\n \n {t('PLAYER_HOME_MOVE_TO_VIDEO_AREA')}\n
\n {t('PLAYER_HOME_VIDEO_DELETE_DATE')} {new Date(v.videoExpiry).toLocaleDateString(i18n.language)}
\n\n
\n \n
\n \n
\n \n
\n \n
\n {t('PLAYER_HOME_ADD_NEW_VIDEO_TITLE')}
\n{t('PLAYER_HOME_ADD_NEW_VIDEO_DESC')}
\n\n {t('SPORT_CENTERS')}\n
\n \n
\n
\n \n
\n \n
\n {t('PLAYER_HOME_YOUR_RESERVATIONS')}
\n\n {\n bookings.filter(b => new Date(b.startDatetime) > new Date()).length != 0 ?\n bookings.filter(b => new Date(b.startDatetime) > new Date()).slice(0,2).map(b =>\n (\n
\n \n
\n \n
))\n :\n \n
\n \n
\n \n
\n \n
\n \n
\n {b.partnerName}
\n- \n
- {b.fieldName || b.serviceName} \n
- {new Date(b.startDatetime).toLocaleDateString(i18n.language, {weekday: 'long', year: 'numeric', month: 'numeric', day: 'numeric'})} \n
- {t('FROM_TO_TIME', {fromTime: new Date(b.startDatetime).toLocaleTimeString(i18n.language, {hour: '2-digit', minute: '2-digit'}), toTime: new Date(b.endDatetime).toLocaleTimeString(i18n.language, {hour: '2-digit', minute: '2-digit'})})} \n
- {getPurchaseStatusText(b)} \n
\n {\n b.videoPurchasable && !b.videoBought ?\n {t('PURCHASE_VIDEO_BUTTON')} :\n null\n }\n {t('BOOKING_DELETE')}\n
\n \n
\n \n
\n }\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('PLAYER_HOME_NO_RESERVATION_TITLE')}
\n- \n
- {t('PLAYER_HOME_NO_RESERVATION_DESC')} \n
\n {t('SPORT_CENTERS')}\n
\n \n {t('SEE_ALL')}\n
\n \n
\n \n
\n \n
\n \n
\n {t('SPECIAL_EVENTS')}
\n\n {\n events.map(e =>\n (\n \n \n \n :\n \n {\n e.imageName.map(i =>\n (\n \n \n )\n )\n }\n \n }\n \n {e.title}\n \n \n {e.description}\n \n \n 
{e.city}\n \n \n {t('SPECIAL_EVENT_DATES', {start_date: new Date(e.startDatetime).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'}), end_date: new Date(e.endDatetime).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}\n \n \n {\n e.recording ?\n \n \n ))\n }\n
\n \n }/)
{e.businessName}\n
\n {\n e.imageName.length === 0 ?\n \n
\n \n \n
\n \n 
\n 
:\n null\n }\n
:\n null\n }\n {t('SPECIAL_SUBSCRIPTION') + \" \\\"\" + e.title + \"\\\"\"}
\n {\n e.rtv ?\n p.uid === e.uid), getSubscriptionStatusEvent(e.uid, e.rtvChannelId))}>\n
\n {\n dialog = el;\n }}/>\n \n );\n};\n\nPlayerHome.propTypes = {\n token: PropTypes.string,\n partners: PropTypes.array,\n favouritePartners: PropTypes.array,\n bookings: PropTypes.array,\n video: PropTypes.array,\n showPartner: PropTypes.func.isRequired,\n deleteBooking: PropTypes.func.isRequired,\n showCalendar: PropTypes.func.isRequired,\n purchaseVideo: PropTypes.func.isRequired,\n archiveBooking: PropTypes.func.isRequired,\n addVideoToPlayerArea: PropTypes.func.isRequired,\n goto: PropTypes.func.isRequired,\n toggleFavourite: PropTypes.func.isRequired,\n subscriptions: PropTypes.object,\n showReplayerTVEvent: PropTypes.func.isRequired,\n permanentVideos: PropTypes.array,\n newVideosPlaying: PropTypes.array,\n addNewVideoPlaying: PropTypes.func.isRequired,\n events: PropTypes.array,\n chooseReplayerTV: PropTypes.func.isRequired,\n gotoReplayerTvHome: PropTypes.func.isRequired,\n favouriteRtvChannels: PropTypes.array,\n toggleFavouriteRtvChannel: PropTypes.func.isRequired,\n showReplayerTV: PropTypes.func.isRequired,\n};\n\nPlayerHome.defaultProps = {\n token: null,\n partners: [],\n favouritePartners: [],\n bookings: [],\n video: [],\n subscriptions: null,\n permanentVideos: [],\n newVideosPlaying: [],\n events: [],\n favouriteRtvChannels: []\n};\n\nconst mapStateToProps = ({login: {token, profile}, message, loading, player: {partners, favouritePartners, bookings, video, videoStreaming, subscriptions, permanentVideos, newVideosPlaying, events, favouriteRtvChannels}}) => ({\n token,\n profile,\n message,\n loading,\n partners,\n favouritePartners,\n bookings,\n video,\n videoStreaming,\n subscriptions,\n permanentVideos,\n newVideosPlaying,\n events,\n favouriteRtvChannels\n});\n\nconst mapDispatchToProps = dispatch => ({\n showPartner: partner => () => {\n dispatch(partnerSelected(partner));\n dispatch(getPartnerFields(partner.uid));\n dispatch(getPartnerServices(partner.uid));\n dispatch(getPartnerEvents(partner.uid));\n if (!partner.isSpecialist) dispatch(push('show-partner'));\n else dispatch(push('show-partner-specialist'));\n },\n showCalendar: (partner, fieldId = null, filterBookable = false) => () => {\n dispatch(partnerSelected(partner));\n dispatch(getPartnerFields(partner.uid));\n dispatch(getPartnerServices(partner.uid));\n dispatch(filterBookingFieldId(fieldId));\n dispatch(filterBookableFields(filterBookable));\n dispatch(getSlots(partner.uid, fieldId));\n dispatch(push('player-calendars'));\n },\n deleteBooking: (bookingId, partnerId, isService, multiBooking, phoneNumber) => {\n if(isService) dispatch(deleteServiceBooking(bookingId, partnerId, multiBooking, phoneNumber));\n else dispatch(deleteBooking(bookingId, partnerId, multiBooking, phoneNumber));\n },\n purchaseVideo: slots => {\n dispatch(purchaseVideo(slots));\n },\n archiveBooking: bookingId => {\n dispatch(archiveBooking(bookingId));\n },\n addVideoToPlayerArea: slotId => () => {\n dispatch(addVideoToPlayerArea(slotId));\n dispatch(getUserTags());\n dispatch(push('player-video'));\n },\n goto: (path, action = null) => e => {\n if (action) {\n dispatch(action());\n }\n\n dispatch(push(path));\n },\n toggleFavourite: (uid, isFavourite) => () => {\n if (isFavourite) {\n dispatch(removePartnerFromFavourite(uid));\n } else {\n dispatch(addPartnerToFavourite(uid));\n }\n },\n showReplayerTVEvent: (rtvChannelId, partner, subscriptionStatus) => () => {\n const rtvEventChannel = partner.rtvChannels.find(c => c.id === rtvChannelId);\n if (!rtvEventChannel) {\n dispatch(showMessage('RTV_CHANNELS', 'NO_RTV_EVENT_CHANNEL'));\n }\n\n dispatch(rtvChannelSelected(rtvEventChannel));\n dispatch(partnerSelected(partner));\n\n if (rtvEventChannel.type === 0 && (subscriptionStatus.status === subscriptionStatuses.valid || subscriptionStatus.status === subscriptionStatuses.unlimited || (rtvEventChannel.rtvPrice === 0 && rtvEventChannel.rtvPriceEvent === 0 && rtvEventChannel.rtvPriceMembership === 0))) {\n dispatch(getRtvVideos(partner.uid, rtvChannelId));\n dispatch(push('/player-replayer-tv'));\n return;\n }\n\n if (rtvEventChannel.type === 1 && subscriptionStatus.status === subscriptionStatuses.valid) {\n dispatch(getRtvPartnerVideos(partner.uid, rtvChannelId));\n dispatch(push('/player-replayer-tv-video-partner'));\n return;\n }\n\n if (subscriptionStatus.status === subscriptionStatuses.canRequestEvent) {\n dispatch(showPlayerNewEventSubscriptionModal());\n return;\n }\n\n dispatch(showPlayerNewSubscriptionModal());\n return;\n },\n addNewVideoPlaying: videoId => () => {\n dispatch(addNewVideoPlaying(videoId));\n },\n chooseReplayerTV: (partner) => () => {\n dispatch(rtvChannelSelected(null));\n dispatch(partnerSelected(partner));\n dispatch(showPlayerChooseRtvChannelModal());\n },\n gotoReplayerTvHome: () => {\n dispatch(push('player-replayer-tv-home'));\n },\n toggleFavouriteRtvChannel: (rtv_channel_id, isFavourite) => {\n if (isFavourite) {\n dispatch(removeRtvChannelFromFavourite(rtv_channel_id));\n } else {\n dispatch(addRtvChannelToFavourite(rtv_channel_id));\n }\n },\n showReplayerTV: (partner, rtvChannel, subscriptionStatus) => () => { \n dispatch(partnerSelected(partner));\n dispatch(rtvChannelSelected(rtvChannel));\n if (subscriptionStatus.status === subscriptionStatuses.valid || subscriptionStatus.status === subscriptionStatuses.unlimited || (rtvChannel.rtvPrice === 0 && rtvChannel.rtvPriceEvent === 0 && rtvChannel.rtvPriceMembership === 0)) {\n dispatch(getRtvVideos(partner.uid, rtvChannel.id));\n dispatch(push('/player-replayer-tv'));\n return;\n }\n\n if (rtvChannel.blocked) {\n dispatch(showMessage('RTV_CHANNELS', 'RTV_CHANNEL_IS_BLOCKED'));\n return;\n }\n \n dispatch(showPlayerNewSubscriptionModal());\n return;\n },\n showReplayerTVPartnerVideo: (partner, rtvChannel, subscriptionStatus) => () => { \n dispatch(partnerSelected(partner));\n dispatch(rtvChannelSelected(rtvChannel));\n if (subscriptionStatus.status === subscriptionStatuses.valid || (rtvChannel.rtvPrice === 0 && rtvChannel.rtvPriceEvent === 0 && rtvChannel.rtvPriceMembership === 0)) {\n dispatch(getRtvPartnerVideos(partner.uid, rtvChannel.id));\n dispatch(push('/player-replayer-tv-video-partner'));\n return;\n }\n\n if (rtvChannel.blocked) {\n dispatch(showMessage('RTV_CHANNELS', 'RTV_CHANNEL_IS_BLOCKED'));\n return;\n }\n \n dispatch(showPlayerNewSubscriptionModal());\n return;\n },\n refreshNewVideos: () => {\n dispatch(getVideo());\n dispatch(getVideoStreaming());\n },\n sendUsageData : (partnerId, slotId, streaming) => {\n dispatch(postUsageData(1, partnerId, null, slotId, streaming, 0))\n },\n gotoLiveVideos: () => {\n dispatch(getLiveVideos());\n dispatch(push('/player-live-videos'));\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerHome));\n","/* eslint complexity: [\"error\", 40] */\n\nimport React, {Fragment} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter, Redirect} from 'react-router-dom';\nimport {Button, Col, Container, Fade, Form, Row} from 'react-bootstrap';\nimport {Formik} from 'formik';\nimport CommonMetaTag from './common-meta-tag';\nimport r from '../images/title_r.svg';\nimport {topUpWallet} from '../actions/admin';\nimport {useTranslation} from 'react-i18next';\n\nconst AdminHome = ({\n token,\n topUpWallet\n}) => {\n const {t, i18n} = useTranslation();\n if (token === null) {\n return (\n \n );\n }\n\n return (\n {\n await topUpWallet(values);\n resetForm();\n }}\n >\n {({\n handleSubmit,\n handleChange,\n values\n }) => {\n return (\n \n \n \n \n \n
\n \n
\n
\n \n \n \n );\n }}\n \n );\n};\n\nAdminHome.propTypes = {\n token: PropTypes.string,\n topUpWallet: PropTypes.func.isRequired\n};\n\nAdminHome.defaultProps = {\n token: null\n};\n\nconst mapStateToProps = ({login: {token}}) => ({\n token\n});\n\nconst mapDispatchToProps = dispatch => ({\n topUpWallet: topUpdata => {\n dispatch(topUpWallet(topUpdata));\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(AdminHome));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter, Redirect} from 'react-router-dom';\nimport PlayerHome from '../components/player-home';\nimport AdminHome from '../components/admin-home';\nimport {ROLES} from '../constants';\n\nconst App = ({\n token,\n profile\n}) => {\n if (token === null) {\n return (\n \n );\n }\n\n if (profile.user.role === ROLES.player) {\n return (\n \n );\n }\n\n return (\n \n \n {({\n handleSubmit,\n handleChange,\n values\n }) => {\n return (\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 {t('LOGIN_PASSWORD_RECOVERY')} \n \n \n \n {({\n handleSubmit,\n handleChange,\n values\n }) => {\n return (\n \n );\n }}\n \n \n \n \n \n \n \n );\n};\n\nLogin.propTypes = {\n profile: PropTypes.object,\n login: PropTypes.func.isRequired,\n goto: PropTypes.func.isRequired,\n showRecoveryPasswordModal: PropTypes.func.isRequired,\n hideRecoveryPasswordModal: PropTypes.func.isRequired,\n isRecoveryPasswordModalVisible: PropTypes.bool,\n recoveryPassword: PropTypes.func.isRequired\n};\n\nLogin.defaultProps = {\n profile: null,\n isRecoveryPasswordModalVisible: false\n};\n\nexport default Login;\n","import {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport {push} from 'connected-react-router';\nimport Login from '../components/login';\nimport {login, showRecoveryPasswordModal, hideRecoveryPasswordModal, recoveryPassword} from '../actions/login';\n\nconst mapStateToProps = ({login: {profile, isRecoveryPasswordModalVisible}}) => ({\n profile,\n isRecoveryPasswordModalVisible\n});\n\nconst mapDispatchToProps = dispatch => ({\n login: credential => {\n dispatch(login(credential));\n },\n goto: (path, action = null) => () => {\n if (action) {\n dispatch(action());\n }\n\n dispatch(push(path));\n },\n showRecoveryPasswordModal: () => {\n dispatch(showRecoveryPasswordModal());\n },\n hideRecoveryPasswordModal: () => {\n dispatch(hideRecoveryPasswordModal());\n },\n recoveryPassword: email => {\n dispatch(recoveryPassword(email));\n dispatch(hideRecoveryPasswordModal());\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(Login));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {Formik} from 'formik';\nimport {Fade, Form, Button, Row, Col, Container} from 'react-bootstrap';\nimport {useTranslation} from 'react-i18next';\n\nconst SignUpPartner = ({\n signUp\n}) => {\n const {t, i18n} = useTranslation();\n return (\n \n {({\n handleSubmit,\n handleChange,\n values\n }) => {\n return (\n \n \n \n
\n \n \n );\n }}\n \n );\n};\n\nSignUpPartner.propTypes = {\n signUp: PropTypes.func.isRequired\n};\n\nexport default SignUpPartner;\n","import {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport SignUpPartner from '../components/sign-up-partner';\nimport {signUpPartner} from '../actions/login';\n\nconst mapDispatchToProps = dispatch => ({\n signUp: signUpData => {\n dispatch(signUpPartner(signUpData));\n }\n});\n\nexport default withRouter(connect(\n null,\n mapDispatchToProps\n)(SignUpPartner));\n","import React, {Fragment} from 'react';\nimport PropTypes from 'prop-types';\nimport {Formik} from 'formik';\nimport {Fade, Form, Button, Row, Col, Container} from 'react-bootstrap';\nimport CommonMetaTag from './common-meta-tag';\nimport DatePicker, {registerLocale} from 'react-datepicker';\nimport stadium from '../images/sport.svg';\nimport r from '../images/title_r.svg';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport {useTranslation} from 'react-i18next';\nimport it from 'date-fns/locale/it';\nregisterLocale('it', it);\n\nconst SignUpPlayer = ({\n signUp\n}) => {\n const {t, i18n} = useTranslation();\n return (\n \n {({\n handleSubmit,\n handleChange,\n setFieldValue,\n values\n }) => {\n\n return (\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\nSignUpPlayer.propTypes = {\n signUp: PropTypes.func.isRequired\n};\n\nexport default SignUpPlayer;\n","import {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport moment from 'moment';\nimport SignUpPlayer from '../components/sign-up-player';\nimport {signUpPlayer} from '../actions/login';\nimport {showMessage} from '../actions/messages';\n\nconst mapDispatchToProps = dispatch => ({\n signUp: signUpData => {\n const fourteenYearsAgo = moment().subtract(14, 'years');\n const birthday = moment(signUpData.birthDate);\n\n if (!birthday.isValid()) {\n dispatch(showMessage('SIGNING_UP', 'INVALID_BIRTH_DATE'));\n return;\n }\n\n if (fourteenYearsAgo.isBefore(birthday)) {\n dispatch(showMessage('SIGNING_UP', 'BIRTH_DATE_LESS_THAN_14'));\n return;\n }\n\n dispatch(signUpPlayer(signUpData));\n }\n});\n\nexport default withRouter(connect(\n null,\n mapDispatchToProps\n)(SignUpPlayer));\n","/* eslint camelcase: [\"error\", {properties: \"never\"}] */\n\nimport React, {Fragment} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter, Redirect} from 'react-router-dom';\nimport {Badge, Button, Fade, Container, Row, Col, Form, Tab, Tabs, Modal} from 'react-bootstrap';\nimport {Formik} from 'formik';\nimport {FilePond} from 'react-filepond';\nimport CommonMetaTag from './common-meta-tag';\nimport DatePicker, {registerLocale} from 'react-datepicker';\nimport Dialog from 'react-bootstrap-dialog';\nimport {PayPalButton} from 'react-paypal-button-v2';\nimport {useTranslation} from 'react-i18next';\nimport Configuration from '../config';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport it from 'date-fns/locale/it';\nimport {changeSubscription, reportBookings, reportSubscriptions, reportTransactions, changeStorageType, showStorageModal, hideStorageModal} from '../actions/player';\nimport PlayerNewSubscription from './player-new-subscription';\nimport PlayerInsufficientFunds from './player-insufficient-funds';\nimport {subscriptionKind, affiliationType, imageTypes, renewalType} from '../constants';\nimport {showMessage} from '../actions/messages';\nregisterLocale('it', it);\n\nconst PlayerProfile = ({\n profile,\n save,\n deleteProfile,\n close, token,\n removeFile,\n topUpWalletSuccess,\n showNotClosePaypalMessage,\n partners, subscriptions,\n changeAutorenew,\n archiveSubscription,\n showReplayerTV,\n createBookingReport,\n createTransactionReport,\n createSubscriptionReport,\n storagePrices,\n changeStorageType,\n isStorageModalVisible,\n showStorageModal,\n hideStorageModal,\n showInvalidAmountMessage,\n affiliations,\n}) => {\n const {t, i18n} = useTranslation();\n if (profile === null) {\n return (\n \n );\n }\n\n Date.prototype.addDays = function(days) {\n var date = new Date(this.valueOf());\n date.setDate(date.getDate() + days);\n return date;\n }\n\n const imageProfile = (profile.image || []).map(f => {\n return {\n source: f,\n options: {\n type: 'local'\n }\n };\n });\n\n let dialog = null;\n const onRemove = () => {\n dialog.show({\n title: t('DELETE_PROFILE'),\n body: t('REVOCATION_PERSONAL_DATA_PROCESSING'),\n actions: [\n Dialog.Action(\n t('YES_DELETE'),\n () => deleteProfile(),\n 'btn btn-secondary'\n ),\n\n Dialog.Action(\n t('NO_CANCEL'),\n null,\n 'btn btn_red_outline_rp'\n )\n ],\n bsSize: 'small',\n onHide: dialog => {\n dialog.hide();\n }\n });\n };\n\n const confirmArchiveSubscription = subscription => () => {\n dialog.show({\n title: t('CONFIRM_ARCHIVE_TITLE'),\n body: t('CONFIRM_ARCHIVE_SUBSCRIPTION'),\n actions: [\n Dialog.Action(\n t('ARCHIVE_BUTTON'),\n () => archiveSubscription(subscription),\n 'btn btn-secondary'\n ),\n Dialog.Action(\n t('CANCEL'),\n null,\n 'btn btn_red_outline_rp'\n )\n ],\n bsSize: 'small',\n onHide: dialog => {\n dialog.hide();\n }\n });\n };\n\n const onSubmit = profile => {\n if (profile.privacy0) {\n save(profile);\n } else {\n onRemove();\n }\n };\n\n const findPartner = partnerId => partners.find(p => p.uid === partnerId);\n\n const storageLimit = {\n xs: 20,\n s: 30,\n m: 50,\n l: 100,\n xl: 200,\n xxl: 500,\n xxxl: 1000,\n }\n\n const getRtvChannel = (partner, rtvChannelId) => {\n return partner.rtvChannels.find(c => c.id === rtvChannelId); \n }\n\n const getRtvName = (partner, rtvChannelId) => {\n const channel = partner.rtvChannels.find(c => c.id === rtvChannelId);\n if (channel) {\n return channel.name;\n } else {\n return null;\n }\n }\n\n const IsAffiliationSubscriptionExpired = affiliation => {\n if (affiliation.affiliation.type === affiliationType.rtv) {\n const subscription = subscriptions.find(s => s.rtv_channel_id === affiliation.affiliation.rtvChannelId && s.kind === subscriptionKind.rtvDedicated)\n return subscription && Date.parse(subscription.expiry) < Date.now();\n }\n\n return false;\n }\n\n const renderAffiliation = affiliation => {\n const partner = findPartner(affiliation.affiliation.partnerId);\n const rtvChannel = partner && affiliation.affiliation.rtvChannelId ? getRtvChannel(partner, affiliation.affiliation.rtvChannelId) : null;\n\n return (\n \n );\n };\n\n const renderSubscription = subscription => {\n const partner = findPartner(subscription.partner);\n const rtvChannel = partner && subscription.rtv_channel_id ? getRtvChannel(partner, subscription.rtv_channel_id) : null;\n const hasUpgraded = subscriptions.find(s => new Date(s.expiry) >= new Date() && (s.kind === subscriptionKind.rtvUnlimited || (s.kind === subscriptionKind.rtvDedicated && partner && s.partner === partner.uid && s.rtv_channel_id === subscription.rtv_channel_id)));\n if (subscription.archived)\n return null\n \n return (\n \n \n \n \n \n \n {t('PROFILE_PHOTO')} \n {\n formData.append('image_type', imageTypes.profile);\n return formData;\n }\n },\n revert: './images',\n restore: './images',\n fetch: './images',\n load: `./images/${profile.uid}?load=`,\n headers: {Authorization: `Bearer ${token}`},\n remove: (source, load) => {\n removeFile(source);\n load();\n }\n }\n }\n />\n {t('IMAGES_SIZE', {size1: '512', size2: '512'})} \n \n {({\n handleSubmit,\n handleChange,\n setFieldValue,\n values\n }) => {\n return (\n \n );\n }}\n \n \n \n \n {({\n handleSubmit,\n handleChange,\n values\n }) => {\n return (\n \n \n \n );\n }}\n \n :\n \n \n {t('CREDIT_VALUE', {value: profile.user.wallet})} \n \n \n {t('TAX_DATA_NOT_GIVEN_TAB')} \n \n \n }\n \n \n {affiliations.map(a => renderAffiliation(a))}\n {affiliations.length === 0 ? t('NO_AFFILIATIONS') : null}\n \n \n {subscriptionsMinusAffiliations.map(g => renderSubscription(g))}\n {subscriptionsMinusAffiliations.length === 0 ? t('NO_SUBSCRIPTIONS') : null}\n \n \n \n {({\n handleSubmit,\n setFieldValue,\n values\n }) => {\n return (\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n );\n }}\n \n \n {({\n handleSubmit,\n setFieldValue,\n values\n }) => {\n return (\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n );\n }}\n \n \n {({\n handleSubmit,\n setFieldValue,\n values\n }) => {\n return (\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n );\n }}\n \n \n \n \n
\n \n \n {\n dialog = el;\n }}/>\n \n \n {t('MY_VIDEO_MANAGE_SPACE')} \n \n \n \n {t('MY_VIDEO_CHOOSE_SPACE')}\n \n {({\n handleSubmit,\n setFieldValue,\n values\n }) => {\n return (\n \n );\n }}\n \n \n \n \n \n \n \n \n );\n};\n\nPlayerProfile.propTypes = {\n profile: PropTypes.object,\n save: PropTypes.func.isRequired,\n deleteProfile: PropTypes.func.isRequired,\n close: PropTypes.func.isRequired,\n token: PropTypes.string,\n removeFile: PropTypes.func.isRequired,\n topUpWalletSuccess: PropTypes.func.isRequired,\n showNotClosePaypalMessage: PropTypes.func.isRequired,\n partners: PropTypes.array,\n subscriptions: PropTypes.array,\n selectedPlayerGroups: PropTypes.array,\n changeAutorenew: PropTypes.func.isRequired,\n archiveSubscription: PropTypes.func.isRequired,\n showReplayerTV: PropTypes.func.isRequired,\n createBookingReport: PropTypes.func.isRequired,\n createSubscriptionReport: PropTypes.func.isRequired,\n storagePrices: PropTypes.object,\n changeStorageType: PropTypes.func.isRequired,\n isStorageModalVisible: PropTypes.bool.isRequired,\n showStorageModal: PropTypes.func.isRequired,\n hideStorageModal: PropTypes.func.isRequired,\n};\n\nPlayerProfile.defaultProps = {\n profile: null,\n token: null,\n partners: [],\n subscriptions: [],\n selectedPlayerGroups: [],\n storagePrices: {},\n isStorageModalVisible: false,\n};\n\nconst mapStateToProps = ({player: {isStorageModalVisible}}) => ({\n isStorageModalVisible,\n});\n\nconst mapDispatchToProps = dispatch => ({\n changeAutorenew: (subscription) => () => {\n subscription.autorenew = !subscription.autorenew\n dispatch(changeSubscription(subscription));\n },\n archiveSubscription: (subscription) => {\n subscription.archived = !subscription.archived\n dispatch(changeSubscription(subscription));\n },\n createBookingReport: values => {\n dispatch(reportBookings(values));\n },\n createSubscriptionReport: values => {\n dispatch(reportSubscriptions(values));\n },\n createTransactionReport: values => {\n dispatch(reportTransactions(values));\n },\n changeStorageType: newStorageType => {\n dispatch(changeStorageType(newStorageType));\n dispatch(hideStorageModal());\n },\n showStorageModal: () => {\n dispatch(showStorageModal());\n },\n hideStorageModal: () => {\n dispatch(hideStorageModal());\n },\n showInvalidAmountMessage: () => {\n dispatch(showMessage('ACCOUNT_TOPUP', 'MIN_MAX',{min: '5,00 €', max: '9999,00 €'}));\n },\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerProfile));\n","import {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport moment from 'moment';\nimport {push} from 'connected-react-router';\nimport PlayerProfile from '../components/player-profile';\nimport {savePlayerProfile, deletePlayer, refreshPlayerProfile, deletePlayerImageFile, showPlayerNewSubscriptionModal, partnerSelected, rtvChannelSelected} from '../actions/player';\nimport {showMessage} from '../actions/messages';\n\nconst mapStateToProps = ({login: {profile, token}, player: {partners, subscriptions, storagePrices, affiliations}}) => ({\n profile,\n token,\n partners,\n subscriptions: subscriptions ? subscriptions.subscriptions : [],\n storagePrices,\n affiliations,\n});\n\nconst mapDispatchToProps = dispatch => ({\n save: profile => {\n const fourteenYearsAgo = moment().subtract(14, 'years');\n const birthday = moment(profile.birthDate);\n\n if (!birthday.isValid()) {\n dispatch(showMessage('SIGNING_UP', 'INVALID_BIRTH_DATE'));\n return;\n }\n\n if (fourteenYearsAgo.isBefore(birthday)) {\n dispatch(showMessage('SIGNING_UP', 'BIRTH_DATE_LESS_THAN_14'));\n return;\n }\n\n delete profile.topupAmount;\n dispatch(savePlayerProfile(profile));\n },\n removeFile: fileName => {\n dispatch(deletePlayerImageFile(fileName));\n },\n deleteProfile: () => {\n dispatch(deletePlayer());\n },\n close: () => {\n dispatch(push('/'));\n },\n topUpWalletSuccess: () => {\n dispatch(refreshPlayerProfile());\n dispatch(showMessage('ACCOUNT_TOPUP', 'ACCOUNT_TOPUP_SUCCESSFUL'));\n },\n showNotClosePaypalMessage: () => {\n dispatch(showMessage('ACCOUNT_TOPUP', 'ACCOUNT_TOPUP_ORDER_IN_PROGRESS'));\n },\n showReplayerTV: (partner, rtvChannel = null) => () => {\n dispatch(partnerSelected(partner));\n if(rtvChannel != null) \n dispatch(rtvChannelSelected(rtvChannel));\n dispatch(showPlayerNewSubscriptionModal());\n },\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerProfile));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport {Form, Modal, Row} from 'react-bootstrap';\nimport {Formik} from 'formik';\nimport Configuration from '../config';\nimport Iframe from 'react-iframe';\nimport {saveHighlight, permanentVideoSelected, hideVideoHighlightModal} from '../actions/player';\nimport {showMessage} from '../actions/messages';\nimport 'rc-slider/assets/index.css';\nimport {useTranslation} from 'react-i18next';\nimport { MultiSelect } from 'react-multi-select-component';\n\nconst PlayerHighLight = ({video, saveHighlight, showMessageCreatingHighlight, showMessageHighlightDurationError, hideVideoHighlightModal, isVideoHighlightModalVisible}) => {\n const {t, i18n} = useTranslation();\n\n const hmsToSeconds = val => {\n const p = val.split(':');\n let s = 0;\n let m = 1;\n\n while (p.length > 0) {\n s += m * parseInt(p.pop(), 10);\n m *= 60;\n }\n\n return s;\n };\n\n const onSubmit = data => {\n let iframeRef = document.getElementById(\"higlightIframe\");\n if (!iframeRef) {\n return;\n }\n\n // controllo durata \n const maxSeconds = 60 *3;\n if (data.end - data.start > maxSeconds) {\n showMessageHighlightDurationError();\n return;\n }\n\n showMessageCreatingHighlight();\n const tracking = [\n {\n seconds: data.start,\n },\n {\n seconds: data.end,\n }\n ]\n const videoData = {videoId: data.videoId, name: data.name, description: data.description, tracking, selectedCameras: data.selectedCameras};\n saveHighlight(videoData);\n };\n\n\n return (\n \n \n {t('CREATE_HIGHLIGHT')} \n \n \n {({\n handleSubmit,\n handleChange,\n values,\n setFieldValue\n }) => {\n\n const setStartFromSeekTo = () => {\n let iframeRef = document.getElementById(\"higlightIframe\");\n if (!iframeRef) {\n return;\n }\n\n const startSeconds = iframeRef.contentWindow.krpano.get(\"plugin[video].time\");\n if (startSeconds === null) {\n return;\n }\n\n setFieldValue('start', startSeconds);\n setFieldValue('startStr', new Date(startSeconds * 1000).toISOString().slice(11, 19));\n };\n\n const setEndFromSeekTo = () => {\n let iframeRef = document.getElementById(\"higlightIframe\");\n if (iframeRef === null) {\n return;\n }\n\n const endSeconds = iframeRef.contentWindow.krpano.get(\"plugin[video].time\");\n if (endSeconds === null) {\n return;\n }\n\n setFieldValue('end', endSeconds);\n setFieldValue('endStr', new Date(endSeconds * 1000).toISOString().slice(11, 19));\n };\n\n const setStart = ev => {\n let iframeRef = document.getElementById(\"higlightIframe\");\n if (!iframeRef) {\n return;\n }\n\n const startSeconds = hmsToSeconds(ev.target.value);\n setFieldValue('start', startSeconds);\n setFieldValue('startStr', ev.target.value);\n iframeRef.contentWindow.krpano.set(\"plugin[video].time\", startSeconds);\n };\n\n const setEnd = ev => {\n let iframeRef = document.getElementById(\"higlightIframe\");\n if (iframeRef === null) {\n return;\n }\n\n const endSeconds = hmsToSeconds(ev.target.value);\n setFieldValue('end', endSeconds);\n setFieldValue('endStr', ev.target.value);\n iframeRef.contentWindow.krpano.set(\"plugin[video].time\", endSeconds);\n };\n\n return (\n \n );\n }}\n \n \n );\n};\n\nPlayerHighLight.propTypes = {\n video: PropTypes.object.isRequired,\n saveHighlight: PropTypes.func.isRequired,\n showMessageCreatingHighlight: PropTypes.func.isRequired,\n showMessageHighlightDurationError: PropTypes.func.isRequired,\n hideVideoHighlightModal: PropTypes.func.isRequired,\n isVideoHighlightModalVisible: PropTypes.bool\n};\n\nPlayerHighLight.defaultProps = {\n isVideoHighlightModalVisible: false\n};\n\nconst mapStateToProps = ({login: {token}, player: {permanentVideos, selectedPermanentVideo, isVideoHighlightModalVisible}}) => ({\n token,\n permanentVideos,\n selectedPermanentVideo,\n isVideoHighlightModalVisible\n});\n\nconst mapDispatchToProps = dispatch => ({\n saveHighlight: (videoData) => {\n if (videoData.tracking[0].seconds >= videoData.tracking[1].seconds) {\n dispatch(showMessage('HIGHLIGHT', 'HIGHLIGHT_BAD_START_TIME'));\n return;\n }\n \n dispatch(saveHighlight(videoData));\n },\n showMessageCreatingHighlight: () => {\n dispatch(showMessage('HIGHLIGHT', 'HIGHLIGHT_OPERATION_IN_PROGRESS'));\n },\n showMessageHighlightDurationError: () => {\n dispatch(showMessage('HIGHLIGHT', 'HIGHLIGHT_TOO_LONG'));\n },\n hideVideoHighlightModal: () => {\n dispatch(hideVideoHighlightModal());\n dispatch(permanentVideoSelected(null));\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerHighLight));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport {Form, Modal} from 'react-bootstrap';\nimport {Formik} from 'formik';\nimport {permanentVideoSelected, hideVideoSharingModal, permanentVideosSharing} from '../actions/player';\nimport {sharingType} from '../constants';\nimport Configuration from '../config';\nimport iconPrivate from '../images/user_icon_private_red.svg';\nimport iconReplayer from '../images/user_icon_replayer_red.svg';\nimport iconPublic from '../images/user_icon_public_red.svg';\nimport {useTranslation} from 'react-i18next';\n\nconst PlayerVideoSharing = ({video, hideVideoSharingModal, isVideoSharingModalVisible, saveSharing}) => {\n const {t, i18n} = useTranslation();\n const copyToClipboard = () => {\n const inputText = document.getElementById(\"url_video\");\n inputText.select();\n inputText.setSelectionRange(0, 99999);\n document.execCommand('copy');\n };\n\n return (\n \n \n {t('SHARE_VIDEO')} \n \n \n {({\n handleSubmit,\n values,\n setFieldValue\n }) => {\n return (\n \n );\n }}\n \n \n );\n};\n\nPlayerVideoSharing.propTypes = {\n video: PropTypes.object.isRequired,\n hideVideoSharingModal: PropTypes.func.isRequired,\n isVideoSharingModalVisible: PropTypes.bool,\n saveSharing: PropTypes.func.isRequired\n};\n\nPlayerVideoSharing.defaultProps = {\n isVideoSharingModalVisible: false\n};\n\nconst mapStateToProps = ({login: {token}, player: {selectedPermanentVideo, isVideoSharingModalVisible}}) => ({\n token,\n selectedPermanentVideo,\n isVideoSharingModalVisible\n});\n\nconst mapDispatchToProps = dispatch => ({\n hideVideoSharingModal: () => {\n dispatch(hideVideoSharingModal());\n dispatch(permanentVideoSelected(null));\n },\n saveSharing: values => {\n dispatch(permanentVideosSharing(values.videoId, values.sharing, values.playlistId));\n dispatch(hideVideoSharingModal());\n dispatch(permanentVideoSelected(null));\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerVideoSharing));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport {Button, Form, Modal} from 'react-bootstrap';\nimport {BsPencil, BsPlusCircle} from 'react-icons/bs';\nimport {Formik} from 'formik';\nimport Dialog from 'react-bootstrap-dialog';\nimport {hideUserTagModal, newUserTag, userTagSelected, saveUserTag, deleteUserTag} from '../actions/player';\nimport {useTranslation} from 'react-i18next';\n\nconst PlayerTags = ({isUserTagModalVisible, hideUserTagModal, selectedUserTag, newUserTag, saveUserTag, cancelSelection, userTags, selectUserTag, deleteTag, selectedVideoForTagging}) => {\n const {t} = useTranslation();\n\n let dialog = null;\n const onRemove = id => () => {\n dialog.show({\n title: t('CONFIRM'),\n body: t('TAG_CONFIRM_DELETE'),\n actions: [\n Dialog.Action(\n t('YES'),\n () => deleteTag(id),\n 'btn btn-secondary'\n ),\n Dialog.Action(\n t('NO'),\n null,\n 'btn btn_red_outline_rp'\n )\n ],\n bsSize: 'small',\n onHide: dialog => {\n dialog.hide();\n }\n });\n };\n\n return (\n \n \n {t('TAG_CREATE_OR_UPDATE')} \n \n \n \n {\n dialog = el;\n }}/>\n \n );\n};\n\nPlayerTags.propTypes = {\n hideUserTagModal: PropTypes.func.isRequired,\n newUserTag: PropTypes.func.isRequired,\n saveUserTag: PropTypes.func.isRequired,\n cancelSelection: PropTypes.func.isRequired,\n selectUserTag: PropTypes.func.isRequired,\n isUserTagModalVisible: PropTypes.bool,\n selectedUserTag: PropTypes.object,\n userTags: PropTypes.array,\n deleteTag: PropTypes.func.isRequired\n};\n\nPlayerTags.defaultProps = {\n isUserTagModalVisible: false,\n selectedUserTag: null,\n userTags: []\n};\n\nconst mapStateToProps = ({login: {token}, player: {isUserTagModalVisible, selectedUserTag, newUserTag, userTags, selectedVideoForTagging}}) => ({\n token,\n isUserTagModalVisible,\n selectedUserTag,\n newUserTag,\n userTags,\n selectedVideoForTagging\n});\n\nconst mapDispatchToProps = dispatch => ({\n hideUserTagModal: () => {\n dispatch(hideUserTagModal());\n },\n newUserTag: () => {\n dispatch(newUserTag());\n },\n saveUserTag: (values, videoId) => {\n dispatch(saveUserTag(values, videoId));\n dispatch(userTagSelected(null));\n },\n selectUserTag: userTag => () => {\n dispatch(userTagSelected(userTag));\n },\n cancelSelection: () => {\n dispatch(userTagSelected(null));\n },\n deleteTag: id => {\n dispatch(deleteUserTag(id));\n dispatch(userTagSelected(null));\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerTags));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport {Button, Col, Form, Modal} from 'react-bootstrap';\nimport {Formik} from 'formik';\nimport {hideUserVideoTagModal, newUserVideoTag, userVideoTagSelected, saveUserVideoTag} from '../actions/player';\nimport {showMessage} from '../actions/messages';\nimport {useTranslation} from 'react-i18next';\n\nconst PlayerVideoTag = ({isUserVideoTagModalVisible, hideUserVideoTagModal, selectedUserVideoTag, saveUserVideoTag, cancelSelection, userTags}) => {\n const {t} = useTranslation();\n if (selectedUserVideoTag === null) {\n return null;\n }\n\n const hmsToSeconds = val => {\n const p = val.split(':');\n let s = 0;\n let m = 1;\n\n while (p.length > 0) {\n s += m * parseInt(p.pop(), 10);\n m *= 60;\n }\n\n return s;\n };\n\n return (\n \n \n {t('TAG_APPLY')} \n \n \n \n \n );\n};\n\nPlayerVideoTag.propTypes = {\n hideUserVideoTagModal: PropTypes.func.isRequired,\n saveUserVideoTag: PropTypes.func.isRequired,\n cancelSelection: PropTypes.func.isRequired,\n isUserVideoTagModalVisible: PropTypes.bool,\n selectedUserVideoTag: PropTypes.object,\n userTags: PropTypes.array\n};\n\nPlayerVideoTag.defaultProps = {\n isUserVideoTagModalVisible: false,\n selectedUserVideoTag: null,\n userTags: []\n};\n\nconst mapStateToProps = ({login: {token}, player: {isUserVideoTagModalVisible, selectedUserVideoTag, userTags}}) => ({\n token,\n isUserVideoTagModalVisible,\n selectedUserVideoTag,\n newUserVideoTag,\n userTags\n});\n\nconst mapDispatchToProps = dispatch => ({\n hideUserVideoTagModal: () => {\n dispatch(hideUserVideoTagModal());\n },\n saveUserVideoTag: values => {\n if (values.startTime >= values.stopTime || values.stopTime - values.startTime > 180) {\n dispatch(showMessage('TAGS', 'TAG_BAD_START_TIME'));\n return;\n }\n dispatch(saveUserVideoTag(values));\n dispatch(userVideoTagSelected(null));\n },\n cancelSelection: () => {\n dispatch(userVideoTagSelected(null));\n }\n});\n\nexport default withRouter(connect(\n mapStateToProps,\n mapDispatchToProps\n)(PlayerVideoTag));\n","/* eslint complexity: [\"error\", 40] */\n\nimport React, {Fragment} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {withRouter} from 'react-router-dom';\nimport Dialog from 'react-bootstrap-dialog';\nimport {Button, Modal, Form} from 'react-bootstrap';\nimport Iframe from 'react-iframe';\nimport {useTranslation} from 'react-i18next';\nimport {Formik, Field, FieldArray} from 'formik';\nimport {selectVideoForTagging, showUserVideoTagModal, newUserVideoTag, deleteUserVideoTags, userVideoTagSelected, exportHighlights, exportPlaylists, showUserTagModal, getTaggedUserVideos, showCameraModal, hideCameraModal, highlightOrPlaylistSelected, setSelectedUserVideoTags, clearSelectedUserVideoTags} from '../actions/player';\nimport Configuration from '../config';\nimport PlayerVideoTag from './player-video-tag';\nimport { MultiSelect } from 'react-multi-select-component';\n\nconst PlayerVideoTagging = ({\n gotoAllTaggetVideo,\n selectedVideoForTagging,\n userTags,\n showUserVideoTagModal,\n userVideoTags,\n deleteUserVideoTags,\n editUserVideoTagModal,\n exportHighlights,\n exportPlaylists,\n showPlayerTags,\n isCameraModalVisible,\n showCameraModal,\n hideCameraModal,\n exportHighlightOrPlaylist,\n selectedUserVideoTags,\n setValue\n}) => {\n const {t, i18n} = useTranslation();\n if (selectedVideoForTagging === null) {\n return;\n }\n\n const getStopTimeFromSeekTo = () => {\n const iframeRef = document.getElementById(\"videoTaggingIframe\");\n if (!iframeRef) {\n return;\n }\n\n const stopTime = iframeRef.contentWindow.krpano.get(\"plugin[video].time\");\n if (stopTime === null) {\n return 0;\n }\n\n return stopTime;\n };\n\n const onClickApplyTag = (videoId, userTag = null) => () => {\n let startTime = 0;\n let userTagId = null;\n const stopTime = Math.round(getStopTimeFromSeekTo());\n\n if (userTag) {\n userTagId = userTag.id;\n if (stopTime > userTag.duration) {\n startTime = stopTime - userTag.duration;\n }\n }\n\n showUserVideoTagModal(videoId, stopTime, userTagId, startTime);\n };\n\n const setMarker = seconds => () => {\n const iframeRef = document.getElementById(\"videoTaggingIframe\");\n if (!iframeRef) {\n return;\n }\n\n iframeRef.contentWindow.krpano.set(\"plugin[video].time\", seconds);\n };\n\n let dialog = null;\n const onRemove = (userVideoTags, videoId) => () => {\n dialog.show({\n title: t('CONFIRM'),\n body: t('CONFIRM_DELETE_TAG'),\n actions: [\n Dialog.Action(\n t('DELETE'),\n () => deleteUserVideoTags(userVideoTags, videoId),\n 'btn btn-secondary'\n ),\n Dialog.Action(\n t('CANCEL'),\n null,\n 'btn btn_red_outline_rp'\n )\n ],\n bsSize: 'small',\n onHide: dialog => {\n dialog.hide();\n }\n });\n };\n\n const exportSelected = cameras => {\n exportHighlights(selectedUserVideoTags, selectedVideoForTagging.videoId, cameras);\n hideCameraModal();\n };\n\n const exportPlaylist = cameras => {\n exportPlaylists(selectedUserVideoTags, selectedVideoForTagging.videoId, cameras);\n hideCameraModal();\n };\n\n const handleGotoAllTaggedVideo = () => {\n setValue([]);\n gotoAllTaggetVideo();\n };\n\n return (\n
\n
\n \n
\n \n
\n {t('PLAYER_HOME_FAVORITES')}
\n\n
\n \n
\n {t('RTV_CHANNELS')}
\n\n {partners.map(p => favouriteRtvChannels.filter(c => c.uid === p.uid).map(channel =>\n (\n
\n \n \n
\n \n
\n )\n ))}\n \n {\n channel.logoNames && channel.logoNames.length > 0 ?\n
\n \n
:\n p.storeImage && p.storeImage.length > 0 ?\n \n
:\n \n }\n \n
\n {channel.name}
\n\n
\n \n {\n e.preventDefault();\n e.stopPropagation();\n toggleFavouriteRtvChannel(channel.id, true);\n }}/>\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {t('PLAYER_HOME_ADD_RTV_CHANNEL_TO_FAVORITES_TITLE')}
\n- \n
- {t('PLAYER_HOME_ADD_RTV_CHANNEL_TO_FAVORITES_DESC')} \n
\n {t('REPLAYER_TV')}\n
\n \n
\n \n
\n {t('SPORT_CENTERS_AND_SPORT_SPECIALISTS')}
\n\n {\n favouritePartners.map(p =>\n (\n
\n \n
\n )\n )\n }\n \n {\n p.imagesNames.length === 0 ?\n \n {\n p.imagesNames.map(i =>\n (\n \n \n )\n )\n }\n \n }\n \n \n : null\n }\n
\n \n \n
:\n \n
\n {\n p.recording ?\n {p.name}
\n \n- \n
- {p.city} \n {!p.isSpecialist ?\n
- {t('SPORTS')}: {p.sports.join(',')} \n : null}\n
- {p.description} \n
- \n {\n p.facilities && p.facilities.parking ?\n
\n 
\n 
\n : null\n }\n
\n {t('HD_VIDEO_SERVICE')}
\n {\n p.rtvChannels.length > 0 ?\n\n {\n (p.bookableFields && !p.isSpecialist) || (p.bookableServices && p.isSpecialist) ?\n {t('BOOK')} :\n null\n }\n {\n (p.notBookableFields && !p.isSpecialist) || (p.notBookableServices && p.isSpecialist) ?\n \n {p.isSpecialist ? : null}\n {t('CALENDAR')} :\n null\n }\n {t('CENTER_DETAILS')}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('PLAYER_HOME_ADD_TO_FAVORITES_TITLE')}
\n{t('PLAYER_HOME_ADD_TO_FAVORITES_DESC')}
\n \n{t('TITLE_REPLAYER')}
\n{t('MOTTO')}
\n{t('ACCOUNT_TOPUP')}
\n \n \nReplayer
\n{t('MOTTO')}
\n{t('LOGIN_ENTER_REPLAYER')}
\n \n \n{t('LOGIN_PLAYER_TITLE')}
\n{t('LOGIN_PLAYER_DESC')}
\n{t('LOGIN_PARTNER_TITLE')}
\n{t('LOGIN_PARTNER_DESC')}
\n{t('SIGN_IN_PARTNER')}
\n \n \n{t('TITLE_REPLAYER')}
\n{t('MOTTO')}
\n{t('ENTER_IN')}
\n\n {t('CREATE_ACCOUNT')}\n
\n\n {t('HAVE_ACCOUNT')} {t('ENTER')}\n
\n{t('SPORT_MANAGER')}
\n\n {t('REPLAYER_BENEFITS')}\n
\n \n \n\n
\n );\n };\n\n const subscriptionsMinusAffiliations = subscriptions.filter(s => {\n if (!s.rtv_channel_id) {\n return true;\n }\n\n return !affiliations.some(a => a.affiliation.type == affiliationType.rtv && a.affiliation.rtvChannelId === s.rtv_channel_id && a.active && a.affiliation.active);\n })\n\n const isValidTopupAmount = (amount) => {\n return amount === undefined || amount === \"\" || (amount >= 5 && amount <= 9999);\n };\n \n return (\n \n {\n Date.parse(subscription.expiry) < Date.now() ?\n \n
\n \n
\n \n :\n subscription.kind !== subscriptionKind.rtvEvent ?\n \n \n {\n rtvChannel && rtvChannel.logoNames && rtvChannel.logoNames.length > 0 ?\n
\n \n
:\n partner && partner.storeImage && partner.storeImage.length > 0 ?\n \n
:\n \n }\n \n {subscription.kind === subscriptionKind.rtvUnlimited ? t('UNLIMITED') : subscription.kind === subscriptionKind.rtvDedicated ? t('DEDICATED') : t('SPECIAL_EVENT')} \n {subscription.cost / 100} € \n
\n {subscription.kind === subscriptionKind.rtvEvent ? t('REPLAYER_TV_SPECIAL_EVENT_SUBSCRIPTION') : null}
\n {\n partner && subscription.rtv_channel_id ?\n{getRtvName(partner, subscription.rtv_channel_id)}
:\n{partner ? partner.name : t('REPLAYER_TV_UNLIMITED')}
\n }\n{t('STARTING_DATE', {date: new Date(subscription.created).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n{t('EXPIRED_DATE', {date: new Date(subscription.expiry).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n \n {\n !hasUpgraded ?\n \n : null\n }\n\n
\n \n :\n \n \n {\n rtvChannel && rtvChannel.logoNames && rtvChannel.logoNames.length > 0 ?\n
\n \n
:\n partner && partner.storeImage && partner.storeImage.length > 0 ?\n \n
:\n \n }\n \n {\n partner && subscription.rtv_channel_id ?\n {subscription.kind === subscriptionKind.rtvUnlimited ? t('UNLIMITED') : t('DEDICATED')} \n {subscription.cost / 100} € \n \n \n \n
\n {getRtvName(partner, subscription.rtv_channel_id)}
:\n{partner ? partner.name : t('REPLAYER_TV_UNLIMITED')}
\n }\n{t('STARTING_DATE', {date: new Date(subscription.created).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n{t('EXPIRY_DATE', {date: new Date(subscription.expiry).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n\n
\n \n }\n \n {\n rtvChannel && rtvChannel.logoNames && rtvChannel.logoNames.length > 0 ?\n
\n {\n !hasUpgraded ?\n \n
:\n partner && partner.storeImage && partner.storeImage.length > 0 ?\n \n
:\n \n }\n \n {t('SPECIAL_EVENT')} \n {subscription.cost / 100} € \n
\n :\n {t('REPLAYER_TV_SPECIAL_EVENT_SUBSCRIPTION')}
\n{getRtvName(partner, subscription.rtv_channel_id)}
\n{t('STARTING_DATE', {date: new Date(subscription.created).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n{t('EXPIRY_DATE', {date: new Date(subscription.expiry).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n \n\n {t('SPECIAL_EVENT')} \n {subscription.cost / 100} € \n
\n }\n {t('REPLAYER_TV_SPECIAL_EVENT_SUBSCRIPTION')}
\n{getRtvName(partner, subscription.rtv_channel_id)}
\n{t('STARTING_DATE', {date: new Date(subscription.created).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n{t('EXPIRY_DATE', {date: new Date(subscription.expiry).toLocaleDateString(i18n.language, {year: 'numeric', month: 'numeric', day: 'numeric'})})}
\n{t('MY_VIDEO_SPACE')}
\n{(Math.floor(profile.videoQuota)/(1000000000)).toFixed(2)}GB/{storageLimit[profile.storageType]}GB
\n {t('MANAGE_SPACE')}\n {(!profile.isBusiness && profile.country && profile.address && profile.fiscalCode) || (profile.isBusiness && profile.country && profile.businessName && profile.registeredOffice && profile.IVA && profile.sdiPec) ?\n\n
\n {t('WARNING')}
\n{t('ACCOUNT_TOPUP_NOTES')}
\n{t('MY_CREDIT')}
\n{t('ACCOUNT_TOPUP')}
\n{t('REGISTER_TRANSACTIONS')}
\n{t('REGISTER_TRANSACTIONS_INFO')}
\n{t('SELECT_PERIOD')}
\n{t('REGISTER_ARCHIVED_RESERVATIONS')}
\n{t('REGISTER_ARCHIVED_RESERVATIONS_INFO')}
\n{t('SELECT_PERIOD')}
\n{t('REGISTER_ARCHIVED_SUBSCRIPTIONS')}
\n{t('REGISTER_ARCHIVED_SUBSCRIPTIONS_INFO')}
\n{t('SELECT_PERIOD')}
\n\n
\n \n
\n \n saveUserTag(values, selectedVideoForTagging ? selectedVideoForTagging.videoId : null)}\n >\n {({\n handleSubmit,\n handleChange,\n values\n }) => {\n return (\n
\n
\n \n \n
\n {\n selectedUserTag ?\n \n \n
\n );\n }}\n :\n null\n }\n \n
\n
\n \n
\n \n {userTags.map(t => )}\n
\n\n \n
\n \n
\n \n
\n \n \n {({\n handleSubmit,\n handleChange,\n values,\n setFieldValue\n }) => {\n const setStart = ev => {\n const startSeconds = hmsToSeconds(ev.target.value);\n setFieldValue('startStr', ev.target.value);\n setFieldValue('startTime', startSeconds);\n };\n\n const setEnd = ev => {\n const endSeconds = hmsToSeconds(ev.target.value);\n setFieldValue('endStr', ev.target.value);\n setFieldValue('stopTime', endSeconds);\n };\n\n const handleUserTagIdChange = ev => {\n if (ev.target.value) {\n setFieldValue('userTagId', Number(ev.target.value));\n let currentUserTag = userTags.filter(el => el.id === Number(ev.target.value))[0];\n let endTime = new Date(selectedUserVideoTag.stopTime * 1000);\n endTime.setSeconds(endTime.getSeconds() - currentUserTag.duration);\n const timeString = endTime.toISOString().slice(11, 19);\n if(timeString.slice(0,2) != \"23\"){\n const startSeconds = hmsToSeconds(timeString);\n setFieldValue('startStr', timeString);\n setFieldValue('startTime', startSeconds);\n } else{\n const startSeconds = hmsToSeconds(\"00:00:00\");\n setFieldValue('startStr', \"00:00:00\");\n setFieldValue('startTime', startSeconds);\n }\n } else {\n setFieldValue('userTagId', null);\n }\n };\n\n return (\n
\n \n \n
\n );\n }}\n \n \n \n
\n \n
\n
\n
\n
\n
\n \n \n
\n {t('VIDEO_TAGGING', {videoName: selectedVideoForTagging.name})}
\n
\n
\n
\n