\n {user.IsAdmin && companyList.length > 0 && (\n Select Options from Search Results\n )}\n {companyList &&\n companyList.map((company, i) => {\n const { CompanyId, CompanyName } = company;\n const hasComapny = CompanyId ? true : false;\n return (\n
\n );\n };\n\n const renderDivisions = (divisionList, hasComapny) => {\n return (\n \n {CompanyId && (\n
\n );\n })}\n \n \n {CompanyName} (Company)\n
\n )}\n {company.DivisionList &&\n company.DivisionList.length > 0 &&\n renderDivisions(company.DivisionList, hasComapny)}\n \n {divisionList.map((division, i) => {\n const { DivisionId, DivisionName } = division;\n const hasDivision = DivisionId ? true : false;\n return (\n
\n );\n };\n\n const renderLabels = (LabelList, hasDivision) => {\n return (\n \n {DivisionId && (\n
\n );\n })}\n \n {hasComapny && (\n
\n )}\n {division.LabelList.length > 0 && renderLabels(division.LabelList, hasDivision)}\n \n \n \n
\n )}\n \n {DivisionName} (Division)\n \n {LabelList.map((label, i) => {\n const { LabelId, LabelName } = label;\n return (\n
\n );\n };\n\n return (\n \n {hasDivision && (\n
\n );\n })}\n \n \n \n
\n )}\n \n {LabelName}\n \n \n \n {selectedList.length > 1\n ? selectedList.length + ' Selected'\n : selectedList.length === 1\n ? selectedList[0].label\n : 'Select Options'}\n \n \n {t('releaseInfo:ReleasingLabelRequired')}\n
\n \n
\n Companies, Divisions & Labels
\n {user.IsAdmin && (\n \n setSearchInput(e.target.value)}\n />\n search\n
\n )}\n \n
\n \n
\n\n {companyList[0] === null || checkEmpty(companyList) ? (\n \n {searchInput.length >= 3 && !loading\n ? 'No Results Found! Please try again'\n : null}\n .\n \n ) : (\n renderCompanies(companyList)\n )}\n {t('home:WelcomeToTheGuardian')}
\n{t('home:ContentProtection')}
\n \n \n \n \n{navSteps[activeNav].modalHeader}
\n {MoreVideos && (\n\n {label && (\n
\n );\n }\n}\n\nexport default InputField;\n","import React, { Component } from 'react';\nimport ToolTip from 'component_library/Tooltip';\n\nexport default class RenderTextarea extends Component {\n onKeyUp(event) {\n if (this.props.onKeyUp) this.props.onKeyUp(event);\n }\n onKeyDown(event) {\n if (this.props.onKeyDown) this.props.onKeyDown(event);\n }\n onPaste(event) {\n if (this.props.onPaste) this.props.onPaste(event);\n }\n\n render() {\n let {\n id,\n input,\n label,\n row,\n col,\n readOnly,\n tooltip,\n className,\n rows,\n cols,\n meta: { touched, error },\n } = this.props;\n\n return (\n \n \n\n {tooltip &&
\n )}\n \n
\n {error}
}\n\n {label && (\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport Select from 'react-select';\nimport ToolTip from 'component_library/Tooltip';\n\nclass SelectInput extends Component {\n onChange(data) {\n this.props.input.onChange(data);\n if (this.props.handleOnSelect) {\n this.props.handleOnSelect(data, this.props.input.name);\n }\n }\n\n render() {\n const {\n id,\n input,\n options,\n label,\n placeholder,\n strong,\n meta: { touched, error },\n showLoading,\n readOnly,\n clearable,\n required,\n tooltip,\n classes,\n isMulti,\n } = this.props;\n\n let labelStrong;\n\n if (strong && label) {\n labelStrong = {label};\n } else {\n labelStrong = label;\n }\n\n return (\n \n {label && }\n {tooltip &&
\n )}\n \n
\n {error}
}\n\n
\n );\n }\n}\n\nexport default SelectInput;\n","import * as actions from 'types/comments.types';\nimport Api from 'lib/api';\n\nexport const commentSuccess = comment => {\n return {\n type: actions.COMMENT_SUCCESS,\n comment,\n };\n};\n\nexport const commentFailure = error => {\n return {\n type: actions.COMMENT_FAILURE,\n message: error,\n };\n};\n\nexport const commentRequest = loading => {\n return {\n type: actions.COMMENT_REQUEST,\n loading,\n };\n};\n\nexport const postComment = data => {\n return dispatch => {\n dispatch(commentRequest(true));\n return Api.post('/Comments/Create', data)\n .then(response => response.json())\n .then(response => {\n if (response && response.Comment) {\n dispatch(commentSuccess(response.Comment));\n } else {\n dispatch(commentFailure(response.message));\n }\n return response;\n })\n .catch(error => {\n console.log('error', error);\n dispatch(commentFailure(error));\n return error;\n });\n };\n};\n\nexport const getCommentSuccess = comments => {\n return {\n type: actions.GET_COMMENT_SUCCESS,\n comments,\n };\n};\n\nexport const getComments = data => {\n return dispatch => {\n dispatch(commentRequest(true));\n return Api.post('/Comments/Get', data)\n .then(response => response.json())\n .then(response => {\n if (response && response.Comments) {\n dispatch(getCommentSuccess(response.Comments));\n } else {\n dispatch(commentFailure(response.message));\n }\n })\n .catch(error => {\n console.log('error', error);\n dispatch(commentFailure(error));\n });\n };\n};\n","export const COMMENT_SUCCESS = 'COMMENT_SUCCESS';\nexport const COMMENT_FAILURE = 'COMMENT_FAILURE';\nexport const COMMENT_REQUEST = 'COMMENT_REQUEST';\nexport const GET_COMMENT_SUCCESS = 'GET_COMMENT_SUCCESS';\n","import React from 'react';\nimport './index.css';\n\nexport default ({ show }) => {\n if (show) {\n return (\n \n {label && (\n \n )}\n {tooltip &&
\n \n {\n input.onBlur();\n }}\n onFocus={() => {\n input.onFocus();\n }}\n isMulti={isMulti}\n openOnFocus={true}\n onChange={this.onChange.bind(this)}\n isClearable={clearable}\n options={options}\n tabSelectsValue={false}\n placeholder={placeholder}\n isSearchable={!readOnly}\n isDisabled={readOnly}\n isLoading={showLoading}\n id={id}\n />\n {touched && error &&
\n {error}
}\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n } else {\n return null;\n }\n};\n","import _ from 'lodash';\nimport moment from 'moment';\nimport i18n from './../../i18n';\n\nexport const formaterForSelect = data => ({\n label: data.name,\n value: data.id,\n});\n\nexport const formatSelectArray = arr => _.map(arr, data => formaterForSelect(data));\n\nexport const getSearchCriteria = searchCriteria => {\n _.forOwn(searchCriteria, function(item, key) {\n if (!item) {\n searchCriteria[key] = '';\n }\n if (item && item.value) {\n searchCriteria[key] = item.value;\n } else {\n if (Array.isArray(item)) {\n searchCriteria[key] = _.map(item, 'value');\n }\n if (key === 'from') {\n searchCriteria[key] = getFromDate(item);\n }\n if (key === 'to') {\n searchCriteria[key] = getToDate(item);\n }\n }\n });\n\n delete searchCriteria['searchTerm'];\n\n return searchCriteria;\n};\n\nexport const getToDate = (date, iso) => {\n if (!date) return '';\n // let toDate = new Date(date);\n // toDate.setHours(23, 59, 59);\n // toDate.setDate(toDate.getDate() + 1);\n // if (iso) {\n // toDate = moment(toDate).format('YYYY-MM-DD');\n // toDate = `${toDate}T00:00:00.000Z`;\n // } else {\n // toDate = toDate.toISOString().replace('Z', '');\n // }\n // return toDate;\n return moment(date)\n .format('YYYY-MM-DD')\n .toString();\n};\n\nexport const getFromDate = (date, iso) => {\n if (!date) return '';\n // let fromDate = new Date(date);\n // if (iso) {\n // fromDate = moment(fromDate).format('YYYY-MM-DD');\n // fromDate = `${fromDate}T00:00:00.000Z`;\n // } else {\n // fromDate = fromDate.toISOString().replace('Z', '');\n // }\n // return fromDate;\n return moment(date)\n .format('YYYY-MM-DD')\n .toString();\n};\n\nexport const steps = [\n { value: 'Step 1 - Release Information', label: i18n.t('header:Step_1_ReleaseInformation') },\n { value: 'Step 2 - Contacts', label: i18n.t('header:Step_2_Contacts') },\n { value: 'Step 3 - Audio', label: i18n.t('header:Step_3_Audio') },\n { value: 'Step 4 - Tracks', label: i18n.t('header:Step_4_Tracks') },\n { value: 'Step 5 - Territorial Rights', label: i18n.t('header:Step_5_TerritorialRights') },\n { value: 'Step 6 - UGC Blocking', label: i18n.t('header:Step_6_UGCBlocking') },\n { value: 'Step 7 - Review', label: i18n.t('header:Step_7_Review') },\n];\n\nexport const fomatDates = searchData => {\n if (searchData.filter) {\n if (searchData.filter.From) searchData.filter.From = getFromDate(searchData.filter.From, true);\n if (searchData.filter.To) searchData.filter.To = getToDate(searchData.filter.To, true);\n }\n return searchData;\n};\n","import React, { Component } from 'react';\nimport VideoTutorialModal from '../../modals/VideoTutorialModal';\n\nexport default class VideoPlayer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showVideoTutorialModal: false,\n };\n }\n\n show = () => {\n this.setState({ showVideoTutorialModal: true });\n };\n\n hide = () => {\n this.setState({ showVideoTutorialModal: false });\n };\n\n render() {\n const { showVideoTutorialModal } = this.state;\n const { title, link, text } = this.props;\n const videos = [\n {\n modalHeader: title || 'Video Tutorial',\n tutorialVideoLink:\n link ||\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+17+Finding+a+Project.mp4',\n },\n ];\n return (\n <>\n - \n {_.map(comments, (obj, key) => {\n return (\n
- \n \n {moment\n .utc(obj.CreatedDateTime)\n .local()\n .format('MM/DD/YYYY hh:mm A')}{' '}\n - {obj.AssignedByName} - {obj.Step}\n \n
{obj.Text}\n \n );\n })}\n
\n
\n \n
\n \n );\n};\n\nCommentSlider.propTypes = {\n handleSubmit: PropTypes.func.isRequired,\n};\n\nconst CommentSliderComp = reduxForm({\n form: 'CommentSliderForm',\n validate,\n})(CommentSlider);\n\nconst mapDispatchToProps = dispatch => ({\n postComment: val => dispatch(commentAction.postComment(val)),\n getComments: val => dispatch(commentAction.getComments(val)),\n});\n\nconst mapStateToProps = state => ({\n formValues: state.form.CommentSliderForm,\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(CommentSliderComp),\n);\n","import * as actions from 'types/notifications.types';\nimport Api from 'lib/api';\nimport { showNotyAutoError } from './../components/Utils';\n\nexport const notificationSuccess = data => {\n return {\n type: actions.NOTIFICATION_SUCCESS,\n data,\n count: data.length,\n };\n};\n\nexport const notificationFailure = error => {\n return {\n type: actions.NOTIFICATION_FAILURE,\n message: error,\n };\n};\n\nexport const notificationRequest = isLoading => {\n return {\n type: actions.NOTIFICATION_REQUEST,\n isLoading,\n };\n};\n\nexport const getNotifications = val => {\n return dispatch => {\n dispatch(notificationRequest(true));\n return Api.post('/Notification/UnRead', val)\n .then(response => {\n if (response.status === 401) {\n showNotyAutoError('Something went wrong, please refresh the browser');\n }\n return response.json();\n })\n .then(response => {\n if (response.Notifications) {\n dispatch(notificationSuccess(response.Notifications));\n } else {\n dispatch(notificationFailure(response.message));\n }\n })\n .catch(error => {\n console.log('error', error);\n showNotyAutoError('Something went wrong, please refresh the browser');\n dispatch(notificationFailure(error));\n });\n };\n};\n","export const NOTIFICATION_SUCCESS = 'NOTIFICATION_SUCCESS';\nexport const NOTIFICATION_FAILURE = 'NOTIFICATION_FAILURE';\nexport const NOTIFICATION_REQUEST = 'NOTIFICATION_REQUEST';\n","import React, { Component } from 'react';\nimport { BrowserRouter as Route, NavLink, withRouter } from 'react-router-dom';\nimport { isPreReleaseDate, getAlias } from '../../Utils.js';\nimport VideoTutorialModal from '../../modals/VideoTutorialModal';\nimport CommentBox from '../../pages/CommentSlider';\nimport { connect } from 'react-redux';\nimport * as headerActions from './../../../actions/headerActions';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport { withTranslation } from 'react-i18next';\nimport { compose } from 'redux';\nimport LanguageDropdown from '../../common/LanguageDropdown';\nimport { formatProjectTitleToMasked } from '../../../components/Utils';\n\nlet interval = null;\nconst hexArray = [\n '#FF26A8',\n '#26A4FF',\n '#CE53FA',\n '#609491',\n '#26A4FF',\n '#FF26A8',\n '#26A4FF',\n '#CE53FA',\n '#d4953c',\n '#609491',\n '#26A4FF',\n '#CE53FA',\n];\n\nclass Header extends Component {\n constructor(props) {\n super(props);\n this.state = {\n Project: {\n projectTitle: '',\n projectStatus: '',\n projectID: '',\n serverTimeDate: '',\n },\n compactViewPages: {\n findProject: {\n titleText: 'ProjectSearch',\n },\n inbox: {\n titleText: 'ProjectInbox',\n },\n admin: {\n titleText: 'UserAdministration',\n },\n helpGuide: {\n titleText: 'Help/FAQs',\n },\n userAdmin: {\n titleText: 'UserAdministration',\n },\n },\n projectID: '',\n pagePath: '',\n pageViewCompact: true,\n showProgressBar: true,\n showHeaderSizeToggle: true,\n showProjectStatus: true,\n utcDateTime: '',\n navSteps: [\n {\n description: 'ReleaseInfo',\n path: '/releaseInformation/',\n complete: false,\n stepComplete: true,\n preRelease: true,\n stepValidation: 'releaseInfoStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+4+Release+Information.mp4',\n modalHeader: 'Release Information',\n isNav: true,\n isVideo: true,\n },\n {\n description: 'Contacts',\n path: '/projectContacts/',\n complete: false,\n stepComplete: false,\n preRelease: true,\n stepValidation: 'projectContactsStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+5+Contact+Information.mp4',\n modalHeader: 'Project Contacts',\n isNav: true,\n isVideo: true,\n },\n {\n description: 'AudioFiles',\n path: '/audioFiles/',\n complete: false,\n stepComplete: false,\n preRelease: false,\n stepValidation: 'audioFilesStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+3.5+Audio+Files.mp4',\n modalHeader: 'Audio Files',\n isNav: true,\n isVideo: false,\n },\n {\n description: 'TrackInfo',\n path: '/trackInformation/',\n complete: false,\n stepComplete: false,\n preRelease: true,\n stepValidation: 'trackInfoStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+9+Track+Information.mp4',\n modalHeader: 'Track Information',\n isNav: true,\n isVideo: true,\n },\n {\n description: 'Rights',\n path: '/territorialRights/',\n complete: false,\n stepComplete: false,\n preRelease: false,\n stepValidation: 'territorialRightsStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+10+Territorial+Rights.mp4',\n modalHeader: 'Territorial Rights',\n isNav: true,\n isVideo: true,\n },\n {\n description: 'Blocking',\n path: '/blockingPolicies/',\n complete: false,\n stepComplete: false,\n preRelease: true,\n stepValidation: 'blockingPoliciesStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+12+Blocking+Policies.mp4',\n modalHeader: 'Post-Release UGC Blocking',\n isNav: true,\n isVideo: true,\n },\n {\n description: 'Review',\n path: '/reviewSubmit/',\n complete: false,\n stepComplete: false,\n preRelease: true,\n stepValidation: 'projectSubmitStatus',\n isActive: false,\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+13+Review+%26+Submit.mp4',\n modalHeader: 'Review and Submit',\n isNav: true,\n isVideo: true,\n },\n {\n description: 'Find a Project',\n path: '/findProject/',\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+17+Finding+a+Project.mp4',\n modalHeader: 'Find a Project',\n isNav: false,\n },\n {\n description: 'Project Inbox',\n path: '/inbox',\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+15+Project+Inbox.mp4',\n modalHeader: 'Project Inbox',\n isNav: false,\n },\n ],\n showVideoTutorialModal: false,\n notifify: false,\n showCommentBox: false,\n };\n this.handleClickOutside = this.handleClickOutside.bind(this);\n }\n\n getStepIcon = (navLink, navIndex) => {\n const stepValidation = parseInt(this.props.projectData.Project[navLink.stepValidation]);\n if (!stepValidation || parseInt(stepValidation) === 1) {\n return navIndex + 1;\n } else if (parseInt(stepValidation) === 2) {\n return block;\n } else {\n return check;\n }\n };\n\n setNavClickable = (e, navLink, activeNav) => {\n if (\n navLink.stepValidation === 'audioFilesStatus' &&\n (this.props.projectData.Project['trackInfoStatus'] >= 2 || activeNav === 3)\n ) {\n localStorage.setItem('prevStep', activeNav + 1);\n return null;\n } else {\n if (\n parseInt(this.props.projectData.Project[navLink.stepValidation]) < 2 ||\n (!this.props.projectData.Project[navLink.stepValidation] &&\n navLink.stepValidation !== 'releaseInfoStatus')\n ) {\n e.preventDefault();\n } else {\n localStorage.setItem('prevStep', activeNav + 1);\n return null;\n }\n }\n };\n\n getNavIndex = navToUse => {\n let navMatch = null;\n for (var i = 0; i < navToUse.length; i++) {\n if (\n this.props.pagePath.split('/')[1].toLowerCase() ===\n navToUse[i].path.split('/')[1].toLowerCase()\n ) {\n navMatch = i;\n break;\n }\n }\n return navMatch;\n };\n\n getActiveNav = () => {\n if (this.props.pagePath === '/findProject') {\n return this.getNavIndex(this.state.navSteps);\n }\n if (this.props.pagePath === '/inbox') {\n return this.getNavIndex(this.state.navSteps);\n }\n const isPreRelease = isPreReleaseDate(this.props.projectData);\n const renderNavs =\n this.props.mediaType === 1\n ? this.state.navSteps.filter(step => step.isNav)\n : this.state.navSteps.filter(step => step.isVideo);\n const navToUse = isPreRelease\n ? renderNavs.filter(step => step.isNav)\n : renderNavs.filter(step => step.preRelease);\n const activeNav = this.getNavIndex(navToUse);\n return activeNav;\n };\n\n getNavLinks = () => {\n const isPreRelease = isPreReleaseDate(this.props.projectData);\n\n //If prerelease date is on, We need 7 steps. Otherwise we need only 5 steps.\n //This can be differentiate based on the flag preRelease\n const renderNavs =\n this.props.mediaType === 1\n ? this.state.navSteps.filter(step => step.isNav)\n : this.state.navSteps.filter(step => step.isVideo);\n\n const navToUse = isPreRelease\n ? renderNavs.filter(step => step.isNav)\n : renderNavs.filter(step => step.preRelease);\n const activeNav = this.getActiveNav();\n\n return (\n \n
\n \n close\n \n {renderComments()}\n \n - \n {navToUse.map((navLink, i) => {\n return (\n
- \n
- i ? 'step-bar past' : 'step-bar'}>\n \n \n ) : null}\n
\n \n
\n );\n };\n\n handleHelpClick = () => {\n const win = window.open('/helpGuide', '_blank');\n win.focus();\n // this.props.history.push({ pathname: '/helpGuide/' });\n };\n\n showVideoTutorialModal = () => {\n const activeNav = this.getActiveNav();\n if (activeNav !== null) {\n this.setState({ showVideoTutorialModal: true });\n }\n };\n\n hideVideoTutorialModal = () => {\n this.setState({ showVideoTutorialModal: false });\n };\n\n openNotifivations = () => {\n this.setState({ notifify: !this.state.notifify });\n };\n\n showCommentBox = () => {\n this.setState({ showCommentBox: true });\n };\n\n hideCommentBox = () => {\n this.setState({ showCommentBox: false });\n };\n\n getNotifications = () => {\n const { notifications, t } = this.props;\n return (\n \n
\n\n \n
\n \n \n
\n \n {this.props.projectData.Project && this.props.projectData.Project.projectTitle\n ? `${formatProjectTitleToMasked(\n this.props.projectData.Project.isMasked,\n this.props.projectData.Project.projectTitle,\n )} - ${this.props.projectData.Project.projectArtistName} `\n : this.getDefaultPageTitle(this.props.t('header:NewProject'))}\n
\n\n {this.state.showProjectStatus\n ? this.props.t('header:Status') + ': ' + Projectstatus\n : null}\n
\n \n \n
\n {this.state.showProgressBar ? this.getNavLinks() : null}
\n \n \n
\n );\n };\n\n render() {\n const { t } = this.props;\n const isPreRelease = isPreReleaseDate(this.props.projectData);\n const activeNav = this.getActiveNav();\n let navToUse =\n isPreRelease || activeNav === 7\n ? this.state.navSteps\n : this.state.navSteps.filter(step => step.preRelease);\n const { notifify } = this.state;\n const { projectData, count, userData } = this.props;\n const { showCommentBox } = this.state;\n if (projectData.Project) {\n return (\n - \n {notifications.map((noti, i) => {\n return (\n
- \n \n {getAlias(noti.AssignedBy)}\n\n\n {noti.NotificationType === 'Comment' && (\n\n \n
\n {noti.AssignedBy}{' '}\n {t('header:leftComment')} {noti.Step} \n {t('header:forTheProject')}\n \n {' '}\n \"{formatProjectTitleToMasked(noti.IsMasked, noti.ProjectTitle)}\"{' '}\n {' '}\n ({moment.utc(noti.DateCreated).fromNow()})\n
\n )}\n {noti.NotificationType === 'Audio' && (\n\n {noti.AssignedBy}{' '}\n {t('header:uploadAudioFiles')} {t('header:forTheProject')}\n \n {' '}\n \"{formatProjectTitleToMasked(noti.IsMasked, noti.ProjectTitle)}\"{' '}\n {' '}\n ({moment.utc(noti.DateCreated).fromNow()})\n
\n )}\n {noti.NotificationType === 'Submit' && (\n\n {noti.AssignedBy}{' '}\n {t('header:completedProject')}\n \n {' '}\n \"{formatProjectTitleToMasked(noti.IsMasked, noti.ProjectTitle)}\"{' '}\n {' '}\n ({moment.utc(noti.DateCreated).fromNow()})\n
\n )}\n {noti.NotificationType === 'Tracks' && (\n\n {noti.AssignedBy}{' '}\n {t('header:completedTracks')} {noti.Step} \n {t('header:forTheProject')}\n \n {' '}\n \"{formatProjectTitleToMasked(noti.IsMasked, noti.ProjectTitle)}\"{' '}\n {' '}\n ({moment.utc(noti.DateCreated).fromNow()})\n
\n )}\n {noti.NotificationType === 'Masking' && (\n\n {noti.AssignedBy}{' '}\n {t('header:hasOptedMask')}\n \n {' '}\n \"{formatProjectTitleToMasked(noti.IsMasked, noti.ProjectTitle)}\"{' '}\n {' '}\n ({moment.utc(noti.DateCreated).fromNow()})\n
\n )}\n {noti.NotificationType === 'Project Save' && (\n\n {noti.AssignedBy} {t('header:hasAdded')}{' '}\n {noti.AssignedTo} {t('header:toTheProject')}\n \n {' '}\n \"{formatProjectTitleToMasked(noti.IsMasked, noti.ProjectTitle)}\"{' '}\n {' '}\n ({moment.utc(noti.DateCreated).fromNow()})\n
\n )}\n \n );\n })}\n
\n | \n \n \n \n {t('header:Welcome')}, {this.props.userData.FullName}\n \n \n this.props.handleLogoutClick(e)}>\n {t('header:Logout')}\n \n \n \n \n \n
\n\n {this.getHeaderContent()}\n\n \n \n
\n \n \n \n \n
\n \n \n {notifify && count > 0 && this.getNotifications()}\n
\n \n - \n {this.state.showHeaderSizeToggle ? (\n
- \n
- \n
- \n
- \n
\n
\n );\n };\n\n const promiseOptions = async inputValue => {\n if (inputValue.length > 2)\n return new Promise(resolve => {\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n if (abortController) {\n abortController.abort();\n }\n\n const newAbortController = new AbortController();\n setAbortController(newAbortController);\n\n fetch(window.env.api.url + `/media/api/partyservice?artistname=${inputValue}`, {\n method: 'GET',\n headers: fetchHeaders,\n signal: newAbortController.signal,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n const options = responseJSON.records.map(item => ({\n value: item.id ? item.id.toString() : item.id,\n label: item.name,\n imageUrl: item.imageUrl,\n projectsCount: item.projectsCount,\n resourcesCount: item.resourcesCount,\n }));\n resolve(options);\n setOptions(options);\n })\n .catch(error => {\n console.error(error);\n })\n .finally(() => {});\n });\n };\n\n const handleCreateOption = inputValue => {\n const newOption = {\n label: inputValue,\n value: inputValue,\n IsManual: true,\n };\n\n handleSelectChange([...value, newOption]);\n return newOption;\n };\n\n const required = value && value.length === 0 ? true : false;\n\n return (\n \n
\n \n 
\n
\n \n {label}\n {data.value}\n
\n \n {data.projectsCount} Projects\n {data.resourcesCount} Resources\n
\n \n handleSelectChange(newValue)}\n onInputChange={newValue => setInputValue(newValue)}\n onKeyDown={handleKeyDown}\n value={value}\n styles={customStyles}\n closeOnSelect={false}\n onSelectResetsInput={false}\n onCreateOption={handleCreateOption}\n />\n {required && submitting && (\n
\n );\n};\n\nexport default MyCreatableSelect;\n","import React, { Component } from 'react';\nimport { Table, Form } from 'react-bootstrap';\nimport ToolTip from 'component_library/Tooltip';\nimport AudioLoader from 'component_library/AudioLoader';\nimport DatePicker from 'react-datepicker';\nimport moment from 'moment';\nimport { CustomInput, isPreReleaseDate, isValidIsrc } from '../../../Utils.js';\nimport VideoPlayer from 'components/template/VideoPlayer';\nimport AsyncSelectArtist from './../../../common/asyncSelectArtist';\nimport _ from 'lodash';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { formatPartyServicesId } from './../../../Utils';\nclass TrackInformationDataTable extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n DataRows: [],\n tableRows: [],\n data: {\n Discs: {\n Tracks: [],\n },\n },\n };\n this.setDatePicker = this.setDatePicker.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleDrag = this.handleDrag.bind(this);\n this.handleDateChange = this.handleDateChange.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n }\n\n trackInformationDataHeader = () => {\n const { t, isVideo } = this.props;\n return (\n \n {t('releaseInfo:ArtistRequired')}\n
\n )}\n \n {t('track:ISRCÂ ')} \n
\n \n
\n {t('track:InvalidTrackTitle')}
\n {t('track:InvalidTrackTitle')}
\n {t('track:InvalidISRC')}
\n \n \n \n {this.trackInformationDataHeader()}\n \n {this.getTrackRows()}\n
\n
\n );\n }\n}\nexport default TrackInformationDataTable;\n","import React, { Component } from 'react';\nimport { Tabs, Tab } from 'react-bootstrap';\nimport TrackInformationDataTable from '../pageComponents/TrackInformationDataTable';\n\nclass TabbedTracks extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: {\n Discs: [],\n },\n };\n\n this.handleTabClick = this.handleTabClick.bind(this);\n this.updateDiscData = this.updateDiscData.bind(this);\n }\n\n updateDiscData(discID, discData) {\n let updatedDiscData = {\n discNumber: JSON.stringify(discID + 1),\n Tracks: discData,\n };\n this.props.handleDiscUpdate(discID, updatedDiscData);\n }\n\n handleTabClick(key) {\n this.props.handleActiveDiscUpdate(key);\n }\n\n getVideoTable = () => {\n const { t, data, isVideo, submitting } = this.props;\n\n return (\n \n this.props.removeTrack(e, i)}\n setSingle={(e, track, i) => this.props.setSingle.bind(e, track, i)}\n showReplaceModal={(track, i) => this.props.showReplaceModal(track, i)}\n hideReplaceAudioModal={(track, i) => this.props.hideReplaceAudioModal(track, i)}\n addDisc={this.props.addDisc}\n handleChildDrag={(e, i) => this.props.handleChildDrag(e, i)}\n handleChildDrop={(e, i) => this.props.handleChildDrop(e, i)}\n checkIsrc={this.props.checkIsrc}\n checkIsrcOnBlur={this.props.checkIsrcOnBlur}\n t={t}\n isVideo={isVideo}\n submitting={submitting}\n />\n
\n );\n };\n\n getDiscTabs = () => {\n const { t, diskDeleteConfirmation, data, isVideo, submitting } = this.props;\n if (data.Discs) {\n let discs = data.Discs.map((disc, i) => {\n const count = i + 1;\n return (\n \n {isVideo ? (\n this.props.data.Discs && this.props.data.Discs.length > 0 ? (\n this.getVideoTable()\n ) : (\n this.props.addDisc()\n )\n ) : (\n
\n );\n }\n}\n\nexport default TabbedTracks;\n","import React, { Component } from 'react';\nimport { Button, Modal } from 'react-bootstrap';\nimport { withTranslation } from 'react-i18next';\nimport './ReplaceAudioModal.css';\n\nclass ReplaceAudioModal extends Component {\n constructor(props, context) {\n super(props, context);\n\n this.state = {\n show: false,\n };\n\n this.handleShow = this.handleShow.bind(this);\n this.handleClose = this.handleClose.bind(this);\n }\n\n handleClose() {\n this.setState({ show: false });\n this.props.handleClose();\n }\n\n handleShow() {\n this.setState({ show: true });\n }\n\n handleChange = e => {\n this.props.onChange(e);\n };\n\n render() {\n const { t } = this.props;\n return (\n \n
\n )}\n \n \n
\n {this.props.data.Discs && this.props.data.Discs.length > 0\n ? this.getDiscTabs()\n : this.props.addDisc()}\n \n
\n - \n
- \n
- \n
- \n
- \n {t('audio:replaceModalText1')}{' '}\n {this.props.modalAction === 'Replace'\n ? t('audio:replace').toLocaleLowerCase()\n : t('audio:upload').toLocaleLowerCase()}{' '}\n {t('audio:replaceModalText2')}\n \n
- \n \n {t('audio:dragAndDropFiles')}\n\n \n
\n
\n );\n } else {\n return null;\n }\n};\n","export const START = 'UPLOAD_PROGRESS_ALERT/START';\nexport const SET = 'UPLOAD_PROGRESS_ALERT/SET';\nexport const END = 'UPLOAD_PROGRESS_ALERT/END';\nexport const SAVE_DISC = 'UPLOAD_PROGRESS_ALERT/SAVE_DISC';\n","import { START, SET, END, SAVE_DISC } from './constants';\n\nexport const startUpload = name => ({\n type: START,\n name,\n});\n\nexport const setUploadProgress = (name, progress) => ({\n type: SET,\n name,\n progress,\n});\n\nexport const endUpload = name => ({\n type: END,\n name,\n});\n\nexport const saveDisc = discs => ({\n type: SAVE_DISC,\n discs,\n});\n","import * as actions from './release.types';\nimport Api from '../../../lib/api';\nimport { showNotyWarning } from 'components/Utils';\nimport i18n from './../../../i18n';\n\nexport const getProjectDetails = data => {\n return () => {\n return Api.post('/ProjectReview/ProjectReview', data);\n };\n};\n\nexport const submitProjectDetails = data => {\n return () => {\n return Api.post('/Project/Create', data);\n };\n};\n\nexport const validateProjectDetails = data => {\n return () => {\n return Api.post('/Project/ProjectValidate', data);\n };\n};\n\nexport const validateEmails = data => {\n return () => {\n return Api.post('/Project/ProjectValidateEmail', data);\n };\n};\n\nexport const getCisCoverArt = projectId => {\n return () => {\n return Api.get('/cisimageupload?projectId=' + projectId);\n };\n};\n\nexport const findUpc = val => {\n return dispatch => {\n dispatch(upcRequest(true));\n return Api.post('/ProjectService/ProjectUpc', val)\n .then(res => res.json())\n .then(response => {\n if (response && response.Status === 'OK') {\n dispatch(upcSuccess(response));\n } else {\n showNotyWarning(i18n.t('releaseInfo:NoMatchingUPCfound'));\n localStorage.removeItem('upc');\n }\n dispatch(upcRequest(false));\n })\n .catch(error => {\n console.log('error', error);\n dispatch(upcRequest(false));\n dispatch(upcFailure(error));\n });\n };\n};\n\nexport const upcSuccess = data => {\n return {\n type: actions.UPC_SUCCESS,\n data,\n };\n};\n\nexport const upcFailure = error => {\n return {\n type: actions.UPC_FAILURE,\n message: error,\n };\n};\n\nexport const upcRequest = isLoading => {\n return {\n type: actions.UPC_REQUEST,\n isLoading,\n };\n};\n\nexport const initialize = () => {\n return {\n type: actions.UPC_INITIALIZE,\n };\n};\n\nexport const initializeUpcData = () => {\n return dispatch => {\n localStorage.removeItem('upc');\n dispatch(initialize());\n };\n};\n","export const PROJECT_SUCCESS = 'PROJECT_SUCCESS';\nexport const PROJECT_FAILURE = 'PROJECT_FAILURE';\nexport const PROJECT_REQUEST = 'PROJECT_REQUEST';\nexport const UPC_INITIALIZE = 'UPC_INITIALIZE';\n\nexport const UPC_SUCCESS = 'UPC_SUCCESS';\nexport const UPC_FAILURE = 'UPC_FAILURE';\nexport const UPC_REQUEST = 'UPC_REQUEST';\n","import * as actions from 'types/audio.types';\nimport Api from 'lib/api';\nimport { showNotyInfo, showNotyWarning, renderMessage } from './../components/Utils';\nimport { startUpload, setUploadProgress, endUpload } from './../redux/uploadProgressAlert/actions';\nimport i18n from './../i18n';\nimport { toast } from 'react-toastify';\n\nexport const fetchSuccess = result => {\n return {\n type: actions.ISRC_CHECK_SUCCESS,\n result,\n loading: false,\n };\n};\n\nexport const fetchFailure = error => {\n return {\n type: actions.ISRC_CHECK_FAILURE,\n message: error,\n };\n};\n\nexport const fetchRequest = loading => {\n return {\n type: actions.ISRC_CHECK_REQUEST,\n loading,\n };\n};\n\nexport const isrcCheck = data => {\n return dispatch => {\n // dispatch(fetchRequest(true));\n return Api.post('/ProjectService/ProjectIsrc', data)\n .then(response => response.json())\n .then(response => {\n if (response.Status === 'OK' && response.ExTracks && response.ExTracks.length > 0) {\n dispatch(fetchSuccess(response.ExTracks));\n } else {\n showNotyWarning(i18n.t('audio:NoMatchingISRC'));\n dispatch(fetchFailure(response.message));\n }\n })\n .catch(error => {\n console.log('error', error);\n dispatch(fetchFailure(error));\n });\n };\n};\n\nexport const cisFetchSuccess = result => {\n return {\n type: actions.CIS_SUCCESS,\n result,\n };\n};\n\nexport const cisFetchFailure = error => {\n return {\n type: actions.CIS_FAILURE,\n message: error,\n };\n};\n\nexport const cisFetchRequest = (loading, Iscrs) => {\n return {\n type: actions.CIS_REQUEST,\n loading,\n Iscrs,\n };\n};\n\nexport const getCisData = data => {\n const toastId = toast(\n renderMessage(i18n.t('audio:UploadInProgress'), 'uploading', 'uploading', 10),\n { autoClose: 10 },\n );\n return dispatch => {\n dispatch(cisFetchRequest(true, data.Iscrs));\n for (let i = 0; i < data.Iscrs.length; i++) {\n toast.update(toastId, {\n render: renderMessage(i18n.t('audio:UploadInProgress'), 'uploading', 'uploading', 50),\n autoClose: false,\n className: 'auto-progress',\n });\n }\n return Api.post('/cisupload', data)\n .then(response => response.json())\n .then(response => {\n if (response && response.length > 0) {\n dispatch(cisFetchSuccess(response));\n for (let i = 0; i < data.Iscrs.length; i++) {\n toast.update(toastId, {\n render: renderMessage(\n i18n.t('audio:UploadInProgress'),\n 'success',\n 'Upload Success',\n 100,\n ),\n autoClose: 1000,\n className: 'auto-success',\n });\n }\n if (data.mediaType === 2) {\n showNotyInfo(`${i18n.t('audio:weHaveFoundYourVideo')}`);\n } else {\n showNotyInfo(\n `${i18n.t('audio:weHaveFound')} ${response.length} ${i18n.t('audio:trackFromUMG')}`,\n );\n }\n } else {\n for (let i = 0; i < data.Iscrs.length; i++) {\n toast.update(toastId, {\n render: renderMessage(i18n.t('audio:UploadInProgress'), 'error', 'Upload Failed', 10),\n autoClose: 1000,\n className: 'auto-error',\n });\n }\n showNotyWarning(i18n.t('audio:NoFileFoundFromASPEN'));\n dispatch(cisFetchFailure(response));\n }\n })\n .catch(error => {\n console.log('error', error);\n dispatch(cisFetchFailure(error));\n });\n };\n};\n","export const ISRC_CHECK_SUCCESS = 'ISRC_CHECK_SUCCESS';\nexport const ISRC_CHECK_FAILURE = 'ISRC_CHECK_FAILURE';\nexport const ISRC_CHECK_REQUEST = 'ISRC_CHECK_REQUEST';\nexport const CIS_SUCCESS = 'CIS_SUCCESS';\nexport const CIS_FAILURE = 'CIS_FAILURE';\nexport const CIS_REQUEST = 'CIS_REQUEST';\n","import React from 'react';\nimport { Button, Modal } from 'react-bootstrap';\nimport './ConfirmModal.css';\nimport { useTranslation } from 'react-i18next';\n\nexport default ({ show, title, onHide, onConfirm }) => {\n const { t } = useTranslation();\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n this.updateFile(e)}\n />\n this.setState({ diskToDelete: null })}\n onConfirm={() => this.deleteDisc(this.state.diskToDelete)}\n />\n this.showReplaceModal(track, i)}\n hideReplaceAudioModal={(track, i) => this.hideReplaceAudioModal(track, i)}\n handleChildDrag={(e, i) => this.handleChildDrag(e, i)}\n handleChildDrop={(e, i) => this.handleChildDrop(e, i)}\n checkIsrc={this.checkIsrc}\n checkIsrcOnBlur={this.checkIsrcOnBlur}\n t={t}\n isVideo={this.state.project.Project.mediaType === 1 ? false : true}\n submitting={this.state.submitting}\n />\n\n {!isReadOnlyUser && (\n \n \n )}\n
\n );\n }\n}\n\nTrackInformationPage = reduxForm({\n form: 'TrackInformationPageForm',\n})(TrackInformationPage);\n\nexport default withRouter(\n compose(\n withTranslation('track'),\n connect(\n state => ({\n formValues: state.form.TrackInformationPageForm,\n upcData: state.releaseReducer.upcData,\n ExTracks: state.audioReducer.ExTracks,\n loading: state.audioReducer.loading,\n upcLoading: state.releaseReducer.loading,\n cisData: state.audioReducer.cisData,\n }),\n dispatch => ({\n onUploadStart: uniqFileName => dispatch(uploadProgressActions.startUpload(uniqFileName)),\n onUploadProgress: (uniqFileName, percent_completed) =>\n dispatch(uploadProgressActions.setUploadProgress(uniqFileName, percent_completed)),\n onUploadComplete: uniqFileName => dispatch(uploadProgressActions.endUpload(uniqFileName)),\n findUpc: val => dispatch(releaseAction.findUpc(val)),\n initializeUpcData: () => dispatch(releaseAction.initializeUpcData()),\n isrcCheck: isrc => dispatch(AudioActions.isrcCheck(isrc)),\n getCisData: (isrcs, ProjectId) => dispatch(AudioActions.getCisData(isrcs, ProjectId)),\n }),\n ),\n )(TrackInformationPage),\n);\n","import React, { Component } from 'react';\nimport { Table, Grid, Button, Form, Dropdown } from 'react-bootstrap';\n\nclass BootStrapDropDownInput extends Component {\n constructor(props) {\n super(props);\n this.state = {\n user: '',\n toggleValue: '',\n value: this.props.value,\n onChange: '',\n options: [\n `lock ${this.props.t(\n 'contact:Private',\n )}`,\n `group ${this.props.t(\n 'contact:Public',\n )}`,\n ],\n };\n\n this.state.toggleValue = this.state.options[0];\n }\n\n getOptions = () => {\n let options = this.state.options.map((option, i) => {\n return (\n \n
\n\n \n
\n \n {t('track:step')}{' '}\n {this.getStepNumber(this.props.serverTimeDate)}{' '}\n {this.state.project.Project.mediaType === 1\n ? t('track:TrackInformation')\n : t('track:VideoInformation')}\n
\n\n {this.state.project.Project.mediaType === 1\n ? t('track:DescriptionMain')\n : t('track:VideoDescriptionMain')}\n
\n\n
\n \n this.handleSubmit(e)}\n >\n {t('track:Save')}\n \n this.handleSubmit(e)}\n >\n {t('track:SaveAndContinue')}\n \n
\n \n
\n );\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n findUpc: val => dispatch(releaseAction.findUpc(val)),\n getProjectDetails: data => dispatch(releaseAction.getProjectDetails(data)),\n submitProjectDetails: data => dispatch(releaseAction.submitProjectDetails(data)),\n validateEmails: data => dispatch(releaseAction.validateEmails(data)),\n});\n\nconst mapStateToProps = state => ({});\n\nexport default withRouter(\n compose(\n withTranslation('contact'),\n connect(\n mapStateToProps,\n mapDispatchToProps,\n ),\n )(ProjectContactsPage),\n);\n","import React, { Component } from 'react';\nimport { Button, Modal } from 'react-bootstrap';\nimport { withRouter } from 'react-router';\nimport './HaveAudioModal.css';\n\nclass HaveAudioModal extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n projectID: '',\n };\n\n this.handleShow = this.handleShow.bind(this);\n this.handleClose = this.handleClose.bind(this);\n\n this.state = {\n show: false,\n };\n }\n\n handleClose() {\n this.setState({ show: false });\n }\n\n handleShow() {\n this.setState({ show: true });\n }\n\n handleNoAudioClick = event => {\n event.preventDefault();\n\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n 'Project-Id': this.state.projectID,\n });\n\n const paramData = { ProjectID: this.state.projectID, PagePath: 'audioFiles' };\n\n fetch(window.env.api.url + '/media/api/ProjectReview/PageSkipped', {\n method: 'POST',\n headers: fetchHeaders,\n body: JSON.stringify(paramData),\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n if (this.state.projectID) {\n this.props.history.push({\n pathname: '/trackInformation/' + this.state.projectID,\n });\n } else {\n this.props.history.push({\n pathname: '/trackInformation',\n });\n }\n })\n .catch(error => console.error(error));\n };\n\n componentDidMount() {\n if (\n this.props.match &&\n this.props.match.params &&\n this.state.projectID !== this.props.match.params.projectID\n ) {\n this.setState({ projectID: this.props.match.params.projectID });\n }\n this.handleShow();\n }\n\n render() {\n const { t } = this.props;\n return (\n \n
\n\n \n \n
\n \n {t('contact:step')} 2{' '}\n {t('contact:ProjectContacts')}\n
\n\n {t('contact:DescriptionMain')} *.\n
\n\n \n \n \n
\n {t('audio:ModalDes')}\n
\n {t('audio:ISRC')}
\n \n
\n - \n
- \n format_line_spacing\n \n
- {track.fileName} \n
- \n {(trackArr[track.fileName] && track.trackID === trackArr['trackId']) ||\n (this.props.cisLoading && this.props.Iscrs.includes(track.isrc)) ? (\n \n
\n \n ) : (\n ''\n )}\n \n
- \n
- \n format_line_spacing\n \n
- {track.fileName} \n
- \n {(trackArr[track.fileName] && track.trackID === trackArr['trackId']) ||\n (this.props.cisLoading && this.props.Iscrs.includes(track.isrc)) ? (\n \n
\n \n ) : (\n ''\n )}\n \n
{t('audio:InvalidTrackTitle')}
\n {t('audio:InvalidISRC')}
\n \n \n {this.AudioVideoDataHeader()}\n {this.AudioVideoDataBody()}\n
\n
\n );\n }\n}\n\nexport default AudioVideoDataTable;\n","import React from 'react';\nimport { Tabs, Tab } from 'react-bootstrap';\nimport AudioVideoDataTable from '../pageComponents/audioVideoDataTable';\n\nexport default props => (\n \n {isUpcProject && this.updateFile(e)}\n modalAction={this.state.modalAction}\n />\n\n this.setState({ diskToDelete: null })}\n onConfirm={() => this.deleteDisc(this.state.diskToDelete)}\n />\n\n this.showReplaceModal(track, i, upload)}\n hideReplaceAudioModal={(track, i) => this.hideReplaceAudioModal(track, i)}\n uploads={uploads}\n checkIsrc={this.checkIsrc}\n upc={project.Project.upc ? true : false}\n cisLoading={this.props.cisLoading}\n Iscrs={this.props.Iscrs}\n t={t}\n activeTab={this.state.activeTab}\n checkIsrcOnBlur={this.checkIsrcOnBlur}\n submitting={this.state.submitting}\n />\n\n {!isReadOnlyUser && (\n \n \n )}\n
\n );\n }\n}\n\nAudioFilesPage = reduxForm({\n form: 'AudioFilesPageForm',\n})(AudioFilesPage);\n\nexport default withRouter(\n compose(\n withTranslation('audio'),\n connect(\n state => ({\n formValues: state.form.AudioFilesPageForm,\n uploads: state.uploadProgressAlert.uploads,\n discs: state.uploadProgressAlert.discs,\n upcData: state.releaseReducer.upcData,\n ExTracks: state.audioReducer.ExTracks,\n loading: state.audioReducer.loading,\n cisData: state.audioReducer.cisData,\n cisLoading: state.audioReducer.cisLoading,\n Iscrs: state.audioReducer.Iscrs,\n upcLoading: state.releaseReducer.upcLoading,\n }),\n dispatch => ({\n onUploadStart: (uniqFileName, trackID) =>\n dispatch(uploadProgressActions.startUpload(uniqFileName, trackID)),\n onUploadProgress: (uniqFileName, percent_completed) =>\n dispatch(uploadProgressActions.setUploadProgress(uniqFileName, percent_completed)),\n onUploadComplete: uniqFileName => dispatch(uploadProgressActions.endUpload(uniqFileName)),\n saveDiscs: updatedDiscs => dispatch(uploadProgressActions.saveDisc(updatedDiscs)),\n findUpc: val => dispatch(releaseAction.findUpc(val)),\n initializeUpcData: () => dispatch(releaseAction.initializeUpcData()),\n isrcCheck: isrc => dispatch(AudioActions.isrcCheck(isrc)),\n getCisData: (isrcs, ProjectId) => dispatch(AudioActions.getCisData(isrcs, ProjectId)),\n }),\n ),\n )(AudioFilesPage),\n);\n","import React, { Component } from 'react';\nimport moment from 'moment';\nimport { withTranslation } from 'react-i18next';\n\nclass AudioFilesDataTable extends Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n getAudioFileTableData() {\n if (this.props.data) {\n return this.props.data.map((track, i) => {\n return (\n \n
\n\n \n\n \n
\n \n {t('audio:step')} 3 {t('audio:Audiofiles')}\n
\n{t('audio:DescriptionMain')}
\n\n \n
\n\n \n
\n - \n
- \n
\n
\n \n this.handleDataSubmit(e)}\n >\n {t('audio:Save')}\n \n this.handleDataSubmit(e)}\n >\n {t('audio:SaveAndContinue')}\n \n
\n | # | \n\n {this.props.mediaType !== 2 ? t('review:AudioFile') : t('review:VideoFile')}\n | \n{t('review:TrackTitle')} | \n{t('review:ISRC')} | \n{t('review:Artist')} | \n {this.props.mediaType !== 2 && (\n{t('review:Single')} | \n )}\n{t('review:ReleaseDate')} | \n
|---|
| {t('review:RightsPolicyName')} | \n{t('review:TracksWithThisPolicy')} | \n{t('review:HasRightsIn')} | \n{t('review:HasRightsEverywhereExcept')} | \n
|---|
| \n {this.props.t('review:BlockingPolicyName')}\n | \n\n {this.props.t('review:TracksWithThisPolicy')}\n | \n\n \n | \n {this.props.mediaType !== 2 && (\n\n \n | \n )}\n\n \n | \n\n \n | \n {/* {this.props.mediaType !== 2 && (\n\n | \n )} */}\n
|---|
\n {t('review:AreYouSureMain')} {t('review:AreYouSureSub')}\n
\n\n {this.props.showIngroovemsg && (\n {t('review:InGroovesBodyContent')}
\n\n
\n \n {t('review:InGroovesLabel')}\n \n {this.props.isInGrooves\n ? t('review:InGroovesYesLabel')\n : t('review:InGroovesNoLabel')}{' '}\n \n
\n \n
\n \n
{t('review:InGroovesBodyFooter')}
\n \n )}\n\n\n \n \n
\n | Track Data | \nTrack # | \nTrack Name | \nArtist | \nISRC | \n
|---|---|---|---|---|
| WAS | \n{item.TrackId} | \n{item.was.trackTitle} | \n{item.was.artist} | \n{item.was.isrc} | \n
| UPDATED TO | \n{item.TrackId} | \n{item.updatedTo.trackTitle} | \n{item.updatedTo.artist} | \n{item.updatedTo.isrc} | \n
| Right Data | \nTrack # | \nHas Rights | \n
|---|---|---|
| WAS | \n{item.TrackId} | \n{item.was} | \n
| UPDATED TO | \n{item.TrackId} | \n{item.updatedTo} | \n
\n We’ve found updates to the following project data within UMG’s systems.{' '}\n
\nWe’ve updated the following values for this project:
\n {props.data.Tracks && props.data.Tracks.length > 0 && trackDataTable(props.data.Tracks)}\n\n {props.data.Rights && props.data.Rights.length > 0 && rightDataTable(props.data.Rights)}\n
\n {this.props.t('review:ProjectIncomplete')}\n
\n\n \n \n
\n \n {t('review:InGroovesHeader')}\n
\n \n {t('review:InGroovesSubHeader')}\n {t('review:InGroovesHeaderItalic')}\n \n
\n \n \n {t('review:InGroovesSubHeader')}\n {t('review:InGroovesHeaderItalic')}\n \n
{t('review:InGroovesBodyContent')}
\n\n
\n \n {t('review:InGroovesLabel')}\n \n {this.props.isInGrooves\n ? t('review:InGroovesYesLabel')\n : t('review:InGroovesNoLabel')}{' '}\n \n
\n \n
\n \n
{t('review:InGroovesBodyFooter')}
\n \n \n\n
\n
\n\n \n
\n\n \n
\n \n
\n \n {t('review:step')} {this.getStepNumber()}\n \n {t('review:ReviewandSubmit')}\n
\n\n {t('review:DescriptionMain')}\n
\n {t('review:DescriptionSub')}\n
\n
\n \n \n share {t('review:Share')}\n \n {parseInt(this.props.data.Project.projectStatusID) === 1 && !isReadOnlyUser ? (\n \n {t('review:SubmitProject')}\n \n ) : null}\n
\n \n
\n
\n\n \n
\n \n
\n {t('review:ReleaseInformation')}
\n\n {parseInt(this.props.data.Project.projectStatusID) === 1 ? (\n this.handleProjectCategoryClick('/releaseInformation/')}\n >\n edit {t('review:Edit')}\n \n ) : null}\n
\n \n
\n
\n \n
\n \n 
\n {this.state.imageIsrc && (\n
\n \n {t('releaseInfo:ImageID')} : \n {this.state.imageIsrc}\n
\n )}\n \n
\n \n
\n \n \n \n {' '}\n {this.props.data.Project\n ? formatProjectTitleToMasked(\n this.props.data.Project.isMasked,\n this.props.data.Project.projectTitle,\n )\n : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? this.props.data.Project.projectArtistName : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? this.props.data.Project.projectType : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? this.props.data.Project.projectReleasingLabel : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project && this.props.data.Project.projectReleaseDate\n ? `${moment\n .utc(this.props.data.Project.projectReleaseDate)\n .format('MM-DD-YYYY hh:mm A')} UTC (${\n this.props.data.Project.isTimedRelease\n ? t('review:GloballyTimed')\n : t('review:LocalStoreTurn')\n })`\n : 'TBD'}\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? this.props.data.Project.projectNotes : ''}\n \n
\n \n
\n
\n\n \n
\n \n
\n {t('review:ProjectContacts')}
\n\n {parseInt(this.props.data.Project.projectStatusID) === 1 ? (\n this.handleProjectCategoryClick('/projectContacts/')}\n >\n edit {t('review:Edit')}\n \n ) : null}\n
\n \n
\n
\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? this.props.data.Project.projectPrimaryContact : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? this.props.data.Project.projectSecurity : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project\n ? this.props.data.Project.projectPrimaryContactEmail\n : ''}\n \n
\n \n \n \n {' '}\n {this.props.data.Project ? (\n \n {this.props.data.Project.projectAdditionalContacts}\n {\n this.copyAdditionalContacts(\n this.props.data.Project.projectAdditionalContacts,\n );\n }}\n >\n content_copy\n \n {this.state.copyText}\n \n ) : (\n ''\n )}\n \n
\n \n
\n \n
\n \n
\n\n \n {' '}\n {mediaType === 2\n ? t('review:VideoInformation')\n : t('review:AudioFiles&TrackInformation')}{' '}\n
\n\n {parseInt(this.props.data.Project.projectStatusID) === 1 &&\n isPreReleaseDate(this.props.data) ? (\n \n mediaType === 2\n ? this.handleProjectCategoryClick('/trackInformation/')\n : this.handleProjectCategoryClick('/audioFiles/')\n }\n >\n edit {t('review:Edit')}\n \n ) : null}\n
\n\n \n
\n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n {t('review:TerritorialRights')}
\n\n {parseInt(this.props.data.Project.projectStatusID) === 1 &&\n isPreReleaseDate(this.props.data) ? (\n this.handleProjectCategoryClick('/territorialRights/')}\n >\n edit {t('review:Edit')}\n \n ) : null}\n
\n \n
\n
\n \n
\n
\n \n
\n\n {!isReadOnlyUser && (\n \n
\n \n
\n {t('review:BlockingPolices')}
\n\n {parseInt(this.props.data.Project.projectStatusID) === 1 ? (\n this.handleProjectCategoryClick('/blockingPolicies/')}\n >\n edit {t('review:Edit')}\n \n ) : null}\n
\n \n
\n
\n \n
\n
\n \n
\n )}\n \n );\n };\n\n render() {\n return \n {parseInt(this.props.data.Project.projectStatusID) === 1 ? (\n \n {t('review:SubmitProject')}\n \n ) : null}\n {/*parseInt(this.props.data.Project.projectStatusID) !== 1 && this.props.user.IsAdmin ? (\n \n {t('review:publish')}\n \n ) : null*/}\n
\n {this.props.data ? this.getPage() : null}
;\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n getCisCoverArt: id => dispatch(releaseAction.getCisCoverArt(id)),\n handlePublish: (val, searchData) => dispatch(reviewActions.handlePublish(val, searchData)),\n});\n\nconst mapStateToProps = state => ({});\n\nexport default withRouter(\n compose(\n withTranslation('review'),\n connect(\n mapStateToProps,\n mapDispatchToProps,\n ),\n )(ReviewAndSubmitPage),\n);\n","import React, { Component } from 'react';\nimport { Button, Modal } from 'react-bootstrap';\nimport { withRouter } from 'react-router';\nimport './BlockingPoliciesModal.css';\n\nclass BlockingPoliciesModal extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n projectID: '',\n };\n\n this.handleShow = this.handleShow.bind(this);\n this.handleClose = this.handleClose.bind(this);\n\n this.state = {\n show: false,\n };\n }\n\n handleClose() {\n this.setState({ show: false });\n }\n\n handleShow() {\n this.setState({ show: true });\n }\n\n handleNoAudioClick = event => {\n event.preventDefault();\n\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n 'Project-Id': this.state.projectID,\n });\n\n const paramData = { ProjectID: this.state.projectID, PagePath: 'blockingPolicies' };\n\n fetch(window.env.api.url + '/media/api/ProjectReview/PageSkipped', {\n method: 'POST',\n headers: fetchHeaders,\n body: JSON.stringify(paramData),\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n if (this.state.projectID) {\n this.props.history.push({\n pathname: '/reviewSubmit/' + this.state.projectID,\n });\n } else {\n this.props.history.push({\n pathname: '/reviewSubmit',\n });\n }\n })\n .catch(error => console.error(error));\n };\n\n componentDidMount() {\n if (\n this.props.match &&\n this.props.match.params &&\n this.state.projectID !== this.props.match.params.projectID\n ) {\n this.setState({ projectID: this.props.match.params.projectID });\n }\n this.handleShow();\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n \n \n
\n {t('blocking:PopupMessageDescriptionMain')}\n
\n \n \n \n date_range\n \n
\n );\n});\n\nfunction BlockingPoliciesPage(props) {\n const { t } = props;\n const [blockingPolicies, setBlockingPolicies] = useState([]);\n const [project, setProject] = useState({});\n const [showLoader, setShowLoader] = useState(false);\n const [selected, setSelected] = useState([]);\n const [selectedBlock, setSelectedBlock] = useState(null);\n const [selectedDisk, setSelectedDisk] = useState(0);\n const [tracksByDiscs, setTracksByDiscs] = useState([]);\n\n const ref = React.createRef();\n\n const handlePageDataLoad = () => {\n setShowLoader(true);\n const fetchBody = JSON.stringify({\n PagePath: props.match.url ? props.match.url : '',\n ProjectID: props.match.params.projectID,\n languagecode: localStorage.getItem('languageCode') || 'en',\n });\n\n getProjectReview(fetchBody)\n .then(responseJSON => {\n setShowLoader(false);\n setProject(responseJSON);\n if (\n responseJSON.BlockingPolicySets.length > 0 &&\n responseJSON.UnassignedBlockingPolicySetTracks.length > 0\n ) {\n const blksets = [...responseJSON.BlockingPolicySets];\n blksets[0].tracks.push(...responseJSON.UnassignedBlockingPolicySetTracks);\n setBlockingPolicies(blksets);\n }\n if (\n responseJSON.BlockingPolicySets.length > 0 &&\n responseJSON.UnassignedBlockingPolicySetTracks.length === 0\n ) {\n setBlockingPolicies([...responseJSON.BlockingPolicySets]);\n }\n if (\n responseJSON.BlockingPolicySets.length === 0 &&\n responseJSON.UnassignedBlockingPolicySetTracks.length > 0\n ) {\n const blksets = [];\n blksets.push(createPolicySet());\n blksets[0].tracks.push(...responseJSON.UnassignedBlockingPolicySetTracks);\n setBlockingPolicies(blksets);\n }\n if (\n responseJSON.BlockingPolicySets.length === 0 &&\n responseJSON.UnassignedBlockingPolicySetTracks.length === 0\n ) {\n const blksets = [];\n blksets.push(createPolicySet());\n setBlockingPolicies(blksets);\n }\n props.setHeaderProjectData(responseJSON);\n })\n .catch(error => {\n console.error(error);\n setShowLoader(false);\n });\n };\n\n const createPolicySet = () => {\n return {\n blockingPolicySetID: '',\n sequence: blockingPolicies.length > 0 ? String(blockingPolicies.length + 1) : String(1),\n description: '',\n platformPolicies: Number(props.mediaType) === 2 ? getVideoPlatforms() : getPlatforms(),\n tracks: [],\n };\n };\n\n useEffect(() => {\n handlePageDataLoad();\n }, []);\n\n function allowDrop(ev) {\n ev.preventDefault();\n }\n\n function drag(ev, index) {\n const id = ev.target.id ? ev.target.id.split('_')[1] : '';\n ev.dataTransfer.setData('policyData', JSON.stringify({ trackID: id, index: index }));\n if (selected.length > 0) {\n const ele = document.querySelector(`#${ev.target.id} .track-title-name`);\n ele.innerHTML = `You are dragging ${selected.length} files`;\n }\n }\n\n function drop(ev, index) {\n ev.preventDefault();\n const data = JSON.parse(ev.dataTransfer.getData('policyData'));\n let tracks = [];\n if (index === data.index) return false;\n blockingPolicies.forEach(element => {\n let track = [];\n if (selected.length > 0)\n track = element.tracks.filter(track => selected.includes(track.trackID));\n else {\n track = element.tracks.filter(track => track.trackID === data.trackID);\n }\n\n if (track.length > 0) tracks = [...tracks, ...track];\n });\n const modifiedPolicies = [...blockingPolicies];\n // adding the track to new set\n modifiedPolicies[index].tracks = [...blockingPolicies[index].tracks, ...tracks];\n // removing track from existing set\n const removeTracks = selected.length > 0 ? selected : [data.trackID];\n modifiedPolicies[data.index].tracks = _.filter(blockingPolicies[data.index].tracks, val => {\n return !removeTracks.includes(val.trackID);\n });\n setSelected([]);\n setBlockingPolicies(modifiedPolicies);\n }\n\n const handleMonetizeBlock = e => {\n const platformindex = e.target.getAttribute('platformindex');\n const policyindex = e.target.getAttribute('policyindex');\n const eTargetValue = e.target.value === 'true' ? true : false;\n const modifiedPolicies = [...blockingPolicies];\n modifiedPolicies[policyindex].platformPolicies[platformindex].block = eTargetValue;\n if (!eTargetValue) {\n modifiedPolicies[policyindex].platformPolicies[platformindex].duration = '';\n modifiedPolicies[policyindex].platformPolicies[platformindex].expirationDate = '';\n }\n setBlockingPolicies(modifiedPolicies);\n };\n\n const handleDurationChange = e => {\n const platformindex = e.target.getAttribute('platformindex');\n const policyindex = e.target.getAttribute('policyindex');\n const eTargetValue = e.target.value;\n const modifiedPolicies = [...blockingPolicies];\n modifiedPolicies[policyindex].platformPolicies[platformindex].duration = eTargetValue;\n setBlockingPolicies(modifiedPolicies);\n };\n\n const handleDateChange = (date, platformindex, policyindex) => {\n const modifiedPolicies = [...blockingPolicies];\n modifiedPolicies[policyindex].platformPolicies[platformindex].expirationDate = moment(\n date,\n ).format('MM-DD-YYYY');\n setBlockingPolicies(modifiedPolicies);\n };\n\n const createANewBlockingPolicy = () => {\n const newBlkPolicy = [...blockingPolicies];\n newBlkPolicy.push(createPolicySet());\n setBlockingPolicies(newBlkPolicy);\n };\n\n const deleteBlockingPolicy = (e, policyindex) => {\n const newBlkPolicy = [...blockingPolicies];\n newBlkPolicy[0].tracks.push(...blockingPolicies[policyindex].tracks);\n newBlkPolicy.splice(policyindex, 1);\n setBlockingPolicies(newBlkPolicy);\n };\n\n const showNotification = projectID => {\n showNotySucess(props.t('blocking:NotyInfo'), () => {\n props.history.push({\n pathname: '/reviewSubmit/' + projectID,\n });\n });\n };\n\n const showNotSavedNotification = () => {\n showNotyAutoError(props.t('blocking:NotyError'));\n };\n\n const handleSubmit = () => {\n setShowLoader(true);\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n setProject({ ...project, BlockingPolicySets: blockingPolicies });\n const fetchBody = JSON.stringify({\n projectID: props.match.params.projectID,\n BlockingPolicySets: blockingPolicies,\n });\n\n fetch(window.env.api.url + '/media/api/Project/BlockingPolicy', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n setShowLoader(false);\n if (responseJSON.errorMessage) {\n showNotSavedNotification();\n } else {\n showNotification(props.match.params.projectID);\n localStorage.setItem('prevStep', 6);\n }\n })\n .catch(error => {\n console.error(error);\n showNotSavedNotification();\n setShowLoader(false);\n });\n };\n\n const handleCheckboxChange = (e, trackId, blkIndex) => {\n if (selectedBlock === null || selectedBlock === blkIndex) {\n if (e.target.checked) {\n setSelected([...selected, trackId]);\n } else {\n setSelected(selected.filter(id => id !== trackId));\n }\n setSelectedBlock(blkIndex);\n } else {\n alert('Select from any 1 Policy block at a time');\n }\n };\n\n useEffect(() => {\n if (selected.length === 0) {\n setSelectedBlock(null);\n }\n }, [selected]);\n\n useEffect(() => {\n let trackByDisc = _.cloneDeep(blockingPolicies);\n trackByDisc.forEach((pol, i) => {\n let newTracks = [];\n pol.tracks.forEach(track => {\n if (project.Discs && project.Discs[selectedDisk]) {\n let discTrack = project.Discs[selectedDisk].Tracks.filter(\n t => t.trackID === track.trackID,\n );\n if (discTrack.length > 0) newTracks.push(discTrack[0]);\n }\n });\n if (newTracks.length > 0) {\n trackByDisc[i].tracks = newTracks;\n trackByDisc[i].discNo = selectedDisk;\n }\n });\n setTracksByDiscs(trackByDisc);\n }, [blockingPolicies, selectedDisk]);\n\n const isReadOnlyUser = props.user.DefaultReleasingLabelID === NO_LABEL_ID ? true : false;\n\n const getStepNumber = () => {\n if (project.Project && project.Project.mediaType === 2) {\n return 5;\n }\n if (project.Project && project.Project.projectID) {\n if (project.Project.projectReleaseDateTBD) {\n return 6;\n }\n }\n if (project && project.Project && project.Project.projectReleaseDate) {\n const stepNumber = !isPreReleaseDate(project) ? 4 : 6;\n return stepNumber;\n }\n };\n\n return (\n \n
\n );\n}\n\nexport default withRouter(withTranslation('blocking')(BlockingPoliciesPage));\n","import React, { useEffect, useState } from 'react';\nimport LoadingImg from 'component_library/LoadingImg';\nimport { withRouter } from 'react-router-dom';\nimport { withTranslation } from 'react-i18next';\nimport { Table, Form } from 'react-bootstrap';\nimport ReactMultiSelectCheckboxes from 'react-multiselect-checkboxes';\nimport { showNotySucess, showNotyAutoError, showNotyError, NO_LABEL_ID } from './../../Utils';\nimport _ from 'lodash';\nimport './TerritorialRights.css';\n\nfunction TerritorialRightsPage(props) {\n const { t } = props;\n const [territorialRights, setTerritorialRights] = useState([]);\n const [showLoader, setShowLoader] = useState(false);\n const [project, setProject] = useState({});\n const [selectedTracks, setSelectedTracks] = useState([]);\n const [selectedBlock, setSelectedBlock] = useState(null);\n const [selectedDisk, setSelectedDisk] = useState(0);\n const [tracksByDiscs, setTracksByDiscs] = useState([]);\n\n const handlePageDataLoad = () => {\n setShowLoader(true);\n\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n const fetchBody = JSON.stringify({\n PagePath: props.match.url ? props.match.url : '',\n ProjectID: props.match.params.projectID,\n languagecode: localStorage.getItem('languageCode') || 'en',\n });\n\n fetch(window.env.api.url + '/media/api/ProjectReview/ProjectReview', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n setShowLoader(false);\n setProject(responseJSON);\n getRights();\n props.setHeaderProjectData(responseJSON);\n })\n .catch(error => {\n console.error(error);\n setShowLoader(false);\n });\n };\n\n const getRights = () => {\n setShowLoader(true);\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n const fetchBody = JSON.stringify({\n ProjectId: props.match.params.projectID,\n IsNewUgcRights: localStorage.prevStep === '4' ? true : false,\n languagecode: localStorage.getItem('languageCode') || 'en',\n });\n\n fetch(window.env.api.url + '/media/api/Rights/UgcRights', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n const blksets = [];\n if (responseJSON.TerritorialRightsSets.length > 0) {\n blksets.push(...responseJSON.TerritorialRightsSets);\n }\n if (responseJSON.NoRightsTracks.length > 0) {\n updateProjectStatus('4');\n blksets.push(createRightSet());\n let arrObj = responseJSON.NoRightsTracks.map(item => {\n item.IsLockedByUgc = true;\n return item;\n });\n blksets[blksets.length - 1].tracks.push(...arrObj);\n blksets[blksets.length - 1].NoRights = true;\n setTerritorialRights(blksets);\n showNotyError(t('territorial:NotyErrorForOwnRights'));\n } else {\n updateProjectStatus('1');\n }\n setTerritorialRights(blksets);\n setShowLoader(false);\n })\n .catch(error => {\n console.error(error);\n setShowLoader(false);\n });\n };\n\n const updateProjectStatus = statusId => {\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n const fetchBody = JSON.stringify({\n ProjectId: props.match.params.projectID,\n StatusId: statusId,\n });\n\n fetch(window.env.api.url + '/media/api/Project/ProjectStatusNonAdmin', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n props.setStatus(\n statusId === '1' ? props.t('territorial:InProgress') : props.t('territorial:NoRights'),\n );\n })\n .catch(error => {\n console.error(error);\n setShowLoader(false);\n });\n };\n\n useEffect(() => {\n handlePageDataLoad();\n }, []);\n\n const createRightSet = () => {\n return {\n territorialRightsSetID: '',\n sequence: '',\n description: '',\n countries: [\n {\n id: 'WW',\n name: props.t('territorial:Worldwide'),\n },\n ],\n tracks: [],\n hasRights: true,\n };\n };\n\n const createANewBlockingPolicy = () => {\n const territorial = [...territorialRights];\n territorial.push(createRightSet());\n setTerritorialRights(territorial);\n };\n\n const deleteBlockingPolicy = (e, rightIndex) => {\n const newTerr = [...territorialRights];\n newTerr[0].tracks.push(...territorialRights[rightIndex].tracks);\n newTerr.splice(rightIndex, 1);\n setTerritorialRights(newTerr);\n };\n\n function allowDrop(ev) {\n ev.preventDefault();\n }\n\n function drag(ev, index) {\n const id = ev.target.id ? ev.target.id.split('_')[1] : '';\n ev.dataTransfer.setData('rightsData', JSON.stringify({ trackID: id, index: index }));\n if (selectedTracks.length > 0) {\n const ele = document.querySelector(`#${ev.target.id} .track-title-name`);\n ele.innerHTML = `You are dragging ${selectedTracks.length} files`;\n }\n }\n\n function drop(ev, index) {\n ev.preventDefault();\n if (!ev.dataTransfer.getData('rightsData')) {\n return false;\n }\n const data = JSON.parse(ev.dataTransfer.getData('rightsData'));\n let tracks = [];\n if (index === data.index) return false;\n territorialRights.forEach(element => {\n let track = [];\n if (selectedTracks.length > 0)\n track = element.tracks.filter(track => selectedTracks.includes(track.trackID));\n else {\n track = element.tracks.filter(track => track.trackID === data.trackID);\n }\n if (track.length > 0) tracks = [...tracks, ...track];\n });\n const modifiedTerritorials = [...territorialRights];\n // adding the track to new set\n modifiedTerritorials[index].tracks = [...territorialRights[index].tracks, ...tracks];\n // removing track from existing set\n const removeTracks = selectedTracks.length > 0 ? selectedTracks : [data.trackID];\n modifiedTerritorials[data.index].tracks = _.filter(\n territorialRights[data.index].tracks,\n val => {\n return !removeTracks.includes(val.trackID);\n },\n );\n setSelectedTracks([]);\n setTerritorialRights(modifiedTerritorials);\n }\n\n const handleCheckboxChange = (e, trackId, blkIndex) => {\n if (selectedBlock === null || selectedBlock === blkIndex) {\n if (e.target.checked) {\n setSelectedTracks([...selectedTracks, trackId]);\n } else {\n setSelectedTracks(selectedTracks.filter(id => id !== trackId));\n }\n setSelectedBlock(blkIndex);\n } else {\n alert('Select from any 1 Policy block at a time');\n }\n };\n\n useEffect(() => {\n if (selectedTracks.length === 0) {\n setSelectedBlock(null);\n }\n }, [selectedTracks]);\n\n const handleRightChange = e => {\n const rightIndex = e.target.getAttribute('rightIndex');\n const eTargetValue = e.target.value === 'true' ? true : false;\n const modifiedRights = [...territorialRights];\n modifiedRights[rightIndex].hasRights = eTargetValue;\n setTerritorialRights(modifiedRights);\n };\n\n const selectTerChange = (data, e) => {\n let hasWolrdWide = false;\n const selectedCountries = data.map(c => {\n if (c.value === 'WW') hasWolrdWide = true;\n return { name: c.label, id: c.value };\n });\n const rightIndex = e.name;\n const modifiedRights = [...territorialRights];\n modifiedRights[rightIndex].countries = hasWolrdWide\n ? selectedCountries.filter(o => o.id === 'WW')\n : selectedCountries.filter(o => o.id !== 'WW');\n setTerritorialRights(modifiedRights);\n };\n\n const showNotSavedNotification = () => {\n showNotyAutoError(props.t('territorial:NotyError'));\n };\n\n const showNotification = projectID => {\n showNotySucess(props.t('territorial:NotyInfo'), () => {\n props.history.push({\n pathname: '/blockingPolicies/' + projectID,\n });\n });\n };\n\n const removeCountries = (c, rightIndex) => {\n // let hasWolrdWide = false;\n if (c.id === 'WW') {\n // hasWolrdWide = true;\n return false;\n }\n const modifiedRights = [...territorialRights];\n modifiedRights[rightIndex].countries = modifiedRights[rightIndex].countries.filter(\n o => o.id !== c.id,\n );\n if (modifiedRights[rightIndex].countries.length === 0) {\n modifiedRights[rightIndex].countries = [{ name: 'Worldwide', id: 'WW' }];\n }\n setTerritorialRights(modifiedRights);\n };\n\n const handleSubmit = () => {\n setShowLoader(true);\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n setProject({\n ...project,\n TerritorialRightsSets: territorialRights,\n UnassignedTerritorialRightsSetTracks: [],\n });\n const NoRightsTracks = _.filter(territorialRights, val => val.NoRights);\n const fetchBody = JSON.stringify({\n projectID: props.match.params.projectID,\n TerritorialRightsSets: _.filter(territorialRights, val => !val.NoRights),\n NoRightsTracks: NoRightsTracks.length > 0 ? NoRightsTracks[0].tracks : [],\n });\n\n fetch(window.env.api.url + '/media/api/Project/TerritorialRights', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n setShowLoader(false);\n if (responseJSON.errorMessage) {\n showNotSavedNotification();\n } else {\n showNotification(props.match.params.projectID);\n localStorage.setItem('prevStep', 5);\n }\n })\n .catch(error => {\n console.error(error);\n showNotSavedNotification();\n setShowLoader(false);\n });\n };\n\n useEffect(() => {\n let trackByDisc = _.cloneDeep(territorialRights);\n trackByDisc.forEach((ter, i) => {\n let newTracks = [];\n ter.tracks.forEach(track => {\n if (project.Discs && project.Discs[selectedDisk]) {\n let discTrack = project.Discs[selectedDisk].Tracks.filter(\n t => t.trackID === track.trackID,\n );\n if (discTrack.length > 0) newTracks.push(track);\n }\n });\n if (newTracks.length > 0) {\n trackByDisc[i].tracks = newTracks;\n trackByDisc[i].discNo = selectedDisk;\n }\n });\n setTracksByDiscs(trackByDisc);\n }, [territorialRights, selectedDisk]);\n\n const isReadOnlyUser = props.user.DefaultReleasingLabelID === NO_LABEL_ID ? true : false;\n\n const getStepNumber = () => {\n if (project.Project && project.Project.mediaType === 2) {\n return 4;\n }\n return 5;\n };\n\n return (\n \n
\n {tracksByDiscs.map((policy, policyindex) => {\n return (\n \n
\n \n {t('blocking:Step')} {getStepNumber()}{' '}\n {t('blocking:PostRelease')}{' '}\n ({t('blocking:Optional')})\n
\n{t('blocking:DescriptionMain')}
\n{t('blocking:NoteMessage')}
\n\n
\n );\n })}\n {!isReadOnlyUser && (\n \n
\n \n \n {policyindex === 0 ? (\n {t('blocking:defaultPolicy')}\n ) : (\n \n {t('blocking:policy')} {policyindex}\n \n )}\n \n
\n \n {policyindex === 0 && project.Project.mediaType !== 2 && (\n \n )}\n {policyindex > 0 && (\n deleteBlockingPolicy(e, policyindex)}\n >\n delete \n {t('blocking:deleteBlockPolicy')}\n \n )}\n
\n \n
\n \n \n \n
\n
\n | \n {t('territorial:TrackTitle')} (\n {t('territorial:TrackTitledrag')})\n | \n\n {t('blocking:Platform')}\n | \n\n {t('blocking:Monetize')}\n | \n\n {t('blocking:BlockAfterRelease')}\n | \n\n {t('blocking:SetDuration')}\n | \n\n {t('blocking:BlockedUntil')}\n | \n
|---|---|---|---|---|---|
| \n {project.Project.mediaType !== 2 && (\n \n {project.Discs &&\n project.Discs.map((disc, index) => {\n return (\n \n );\n })}\n \n )}\n \n Drag tracks here from any other policy set\n \n )}\n {policy.discNo !== selectedDisk && (\n\n {t('territorial:noTrackInDisk')} {selectedDisk + 1}\n \n )}\n {policy.discNo === selectedDisk &&\n policy.tracks.map((track, i) => {\n return (\n | \n \n \n {policy.platformPolicies\n .filter(p => p.platformName.toLowerCase() !== 'tiktok')\n .map((platform, platformindex) => {\n const imgObj = {\n youtube: youtube,\n soundcloud: soundcloud,\n facebook: facebook,\n instagram: instagram,\n tiktok: tiktok,\n };\n return (\n \n\n \n \n \n \n | \n
\n
\n )}\n \n
\n \n handleSubmit(e)}\n >\n {t('blocking:Save')} & {t('blocking:Continue')}\n \n
\n \n
\n );\n}\n\nexport default withRouter(withTranslation('territorial')(TerritorialRightsPage));\n","import React, { Component } from 'react';\nimport { Table, Grid, Button, Form, Alert } from 'react-bootstrap';\n\nclass ProjectTypesInput extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let projectTypeOptions = '';\n if (this.props.user && this.props.user.ProjectTypes) {\n projectTypeOptions = this.props.user.ProjectTypes.map((projectType, i) => (\n \n ));\n }\n return (\n \n
\n {tracksByDiscs.map((rights, rightindex) => {\n let isDisabled = false;\n isDisabled = rights.NoRights ? true : isDisabled;\n return (\n \n
\n \n \n {t('territorial:step')} {getStepNumber()}\n {t('territorial:TerritorialRights')}\n
\n{t('territorial:DescriptionMain')}
\n\n
\n );\n })}\n {!isReadOnlyUser && (\n \n
\n \n \n {rights.description === 'Default' ? (\n {t('territorial:defaultRights')}\n ) : (\n \n {t('territorial:Rights')} {rightindex === 0 ? rightindex + 1 : rightindex}\n \n )}\n \n
\n \n {rightindex === 0 && project.Project.mediaType !== 2 && (\n \n )}\n {rightindex > 0 && (\n !isDisabled && deleteBlockingPolicy(e, rightindex)}\n >\n delete \n {t('territorial:deleteRule')}\n \n )}\n
\n \n
\n \n \n \n
\n
\n | \n {t('territorial:TrackTitle')} (\n {t('territorial:TrackTitledrag')})\n | \n\n {t('territorial:RightsRule')}\n | \n\n {t('territorial:SelectTerritories')}\n | \n\n {t('territorial:SelectedTerritories')}\n | \n
|---|---|---|---|
| \n {project.Project.mediaType !== 2 && (\n \n {project.Discs &&\n project.Discs.map((disc, index) => {\n return (\n \n );\n })}\n \n )}\n {t('territorial:DragTracksHere')} \n )}\n {rights.discNo !== selectedDisk && (\n\n {t('territorial:noTrackInDisk')} {selectedDisk + 1}\n \n )}\n {rights.discNo === selectedDisk &&\n rights.tracks.map((track, i) => {\n isDisabled = track.IsLockedByUgc ? true : isDisabled;\n return (\n | \n \n \n \n \n \n \n \n \n \n \n \n \n {rights.countries.map(c => {\n return (\n \n {c.name}{' '}\n \n | \n
\n
\n )}\n \n
\n \n handleSubmit(e)}\n >\n {t('blocking:Save')} & {t('blocking:Continue')}\n \n
\n \n
\n\n {!isReadOnlyUser && (\n \n
\n\n \n
\n \n {t('releaseInfo:step')} 1{' '}\n {t('releaseInfo:ReleaseInformation')}\n
\n\n {t('releaseInfo:DescriptionMain')} *.{' '}\n {t('releaseInfo:DescriptionSub')}\n
\n\n \n {t('releaseInfo:Save')} & {t('releaseInfo:Continue')}\n \n
\n \n
\n \n \n {t('Guardian')} \n \n \n\n \n {t('GuardianDesc')}\n
\n {t('GuardianDescSub')}\n
\n
\n {t('Help')}\n \n{t('ClickHere')} \n {t('Msg')}\n guardian-support@umusic.com\n
\n
\n \n\n \n \n
\n \n {t('GuardianDescSub')}\n
- \n
- \n \n {t('ContentProtection')}\n \n
- \n \n {t('WebCrawling')}\n \n
- \n \n {t('TerritorialRights')}\n \n
\n
\n {t('Help')}\n \n
\n
\n
\n \n \n
\n\n \n \n \n {selectedText}\n \n\n
\n );\n }\n}\n\nexport default AdminStatusDropdown;\n","import React, { useEffect } from 'react';\nimport './ExtendedTracks.css';\nimport { Table, Tabs, Tab } from 'react-bootstrap';\nimport { useTranslation } from 'react-i18next';\nimport Toggle from '../../../../component_library/Toggle';\nimport _ from 'lodash';\nimport youtube from '../../../../images/YouTube.png';\nimport soundcloud from '../../../../images/Soundcloud.png';\nimport facebook from '../../../../images/facebook.png';\nimport instagram from '../../../../images/instagram.png';\nimport tiktok from '../../../../images/tiktok.png';\nimport acrcloud from '../../../../images/acrcloud.png';\nimport audibleMagic from '../../../../images/audibleMagic.png';\nimport block from '../../../../images/block.png';\nimport snap from '../../../../images/snap.png';\nimport spectrum from '../../../../images/spectrum.png';\nimport moment from 'moment';\nimport LoadingImg from '../../../../component_library/LoadingImg';\n\nconst ExtendDeliveryInfo = ({ orderPartnerDetails }) => {\n return (\n \n {this.getOptions()}\n
\n \n
\n | \n | {t('track:Partner')} | \n{t('track:FirstDeliveryDate')} | \n{t('track:LastDeliveryDate')} | \n
|---|---|---|---|
| \n | \n \n \n | \n \n {moment(order.firstDeliveryDate).isValid() ? (\n moment(order.firstDeliveryDate).format('DD/MM/YYYY')\n ) : (\n {order.firstDeliveryDate}\n )}\n | \n\n {moment(order.lastDeliveryDate).isValid() ? (\n moment(order.lastDeliveryDate).format('DD/MM/YYYY')\n ) : (\n {order.lastDeliveryDate}\n )}\n | \n
| # | \n{t('track:FileName')} | \n{project.mediaType !== 'Video' ? t('track:TrackTitle') : t('track:VideoTitle')} | \n{t('track:ISRC')} | \n{t('track:Artist')} | \n {project.mediaType !== 'Video' &&{t('track:Single')} | }\n{t('track:ReleaseDate')} | \n{t('track:Deliver')} | \n{t('track:Asset')} | \n{t('track:HasRights')} | \n{t('track:Deliver')}? | \n
|---|---|---|---|---|---|---|---|---|---|---|
| {i + 1} | \n{track.fileName} | \n{track.trackTitle} | \n{track.isrc} | \n{track.artist} | \n {project.mediaType !== 'Video' && (\n\n {track.isSingle ? 'check' : 'close'}\n | \n )}\n{track.trackReleaseDate || t('track:TBD')} | \n\n {dwsData.length > 0 && (\n | \n \n {track.isLessThan30Secs ? (\n report_problem\n ) : (\n verified_user\n )}\n | \n\n {track.nonExclusive ? (\n report_problem\n ) : (\n verified_user\n )}\n | \n\n | \n
{renderTracks()}
\n | UPC | \nProject Title | \nArtist | \nProject Type | \nLabel | \nRelease Date | \nNotes | \n
|---|---|---|---|---|---|---|
| {project.upc} | \n{formatProjectTitleToMasked(project.isMasked, project.projectTitle)} | \n{project.projectArtistName} | \n{project.projectType} | \n{project.projectReleasingLabel} | \n\n {project.projectReleaseDate\n ? `${moment.utc(project.projectReleaseDate).format('MM-DD-YYYY hh:mm A')} UTC (${\n project.isTimedRelease ? t('review:GloballyTimed') : t('review:LocalStoreTurn')\n })`\n : 'TBD'}\n | \n{project.projectNotes} | \n
| Project Security | \nMasked | \nPrimary Contact | \nPrimary Contact Email | \nAdditional Contacts | \n
|---|---|---|---|---|
| {project.projectSecurity} | \n\n \n | \n{project.projectPrimaryContact} | \n{project.projectPrimaryContactEmail} | \n{project.projectAdditionalContacts} | \n
| Upload Order | \nFile Name | \nFile Size | \nFormat | \nCompleted | \n
|---|
| Disc | \nTrack | \nFile Name | \nTrack Title | \nISRC | \nArtist | \n
|---|
| Disc | \nTrack | \nFile Name | \nTrack Title | \nISRC | \nArtist | \nSingle | \nRelease Date | \n
|---|
| Set # | \nTrack | \nTrack Title | \nRights Rule | \nCountries | \n
|---|
\n \n {platform.platformName.toLowerCase() !== 'tiktok' && (\n 
\n )} */}\n \n
\n );\n });\n\n const trackTitle = _.map(blocking.tracks, track => {\n return (\n \n {track.trackTitle}\n
\n );\n });\n\n const trackId = _.map(blocking.tracks, track => {\n return (\n \n {track.trackID}\n
\n );\n });\n\n const setId = _.map(blocking.tracks, () => {\n return (\n \n {blocking.sequence}\n
\n );\n });\n\n const Monetize = _.map(blocking.platformPolicies, platform => {\n return (\n \n \n {!platform.block && (\n \n )}\n \n
\n );\n });\n\n const duration = _.map(blocking.platformPolicies, platform => {\n return (\n \n {platform.duration}\n
\n );\n });\n\n const blockUntil = _.map(blocking.platformPolicies, platform => {\n return (\n \n \n {platform.block\n ? !platform.duration && !platform.expirationDate\n ? !platform.expirationDate\n ? t('review:BlockAll')\n : t('review:BlockAllUntil') + ' ' + platform.expirationDate\n : t('review:Block') +\n ' ' +\n (platform.expirationDate\n ? ' ' +\n t('review:Until') +\n ' ' +\n moment(platform.expirationDate).format('DD-MM-YYYY')\n : ' ' + t('Always') + ' ')\n : t('review:MonetizeAll')}\n \n
\n );\n });\n\n const Block = _.map(blocking.platformPolicies, platform => {\n return (\n \n \n {platform.block && (\n \n )}\n \n
\n );\n });\n\n return (\n | Set # | \nTrack | \nTrack Title | \nPlatform | \nMonetize | \nBlock | \nDuration | \nBlock Until | \n
|---|
\n
\n \n
\n \n Audit Trail for{' '}\n {project ? formatProjectTitleToMasked(project.isMasked, project.projectTitle) : ''}\n
\n\n
\n \n
\n \n Display \n \n
\n \n All \n \n
\n \n \n Step 1 / Step{' '}\n 2\n \n \n
\n \n \n Step 3\n \n \n
\n \n \n Step 4\n \n \n
\n \n \n Step 5\n \n \n
\n \n \n Step 6\n \n \n
\n \n \n Step 7\n \n \n
\n \n exportRef.current}\n trigger={() => (\n \n )}\n />\n
\n \n {_.map(auditData, item => {\n return (\n
\n \n {item.StepId === 2 && (\n
\n );\n })}\n \n
\n )}\n {item.StepId === 2 && renderStep2Table(item.Project)}\n\n {item.StepId === 3 && item.ActionType === 'Upload' && (\n \n step 1/{' '}\n 2\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} created a new\n project,{' '}\n {formatProjectTitleToMasked(item.Project.isMasked, item.Project.projectTitle)}{' '}\n with the following values:{' '}\n
\n {renderStep1Table(item.Project, props.t)}\n \n
\n )}\n {item.StepId === 3 && item.ActionType === 'Save' && (\n \n step 3\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} uploaded the\n following files:{' '}\n
\n {renderStep3UploadTable(item.AudioFiles)}\n \n
\n )}\n {item.StepId === 4 && (\n \n step 3\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} saved Step 3\n for{' '}\n {formatProjectTitleToMasked(item.Project.isMasked, item.Project.projectTitle)}{' '}\n with the following values:{' '}\n
\n {renderStep3TrackTable(item.Discs)}\n \n
\n )}\n {item.StepId === 5 && (\n \n step 4\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} saved Step 4\n for{' '}\n {formatProjectTitleToMasked(item.Project.isMasked, item.Project.projectTitle)}{' '}\n with the following values:{' '}\n
\n {renderStep4TrackTable(item.Discs, project, props.t)}\n \n
\n )}\n {item.StepId === 6 && (\n \n step 5\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} saved Step 5\n for{' '}\n {formatProjectTitleToMasked(item.Project.isMasked, item.Project.projectTitle)}{' '}\n with the following values:{' '}\n
\n {renderStep5RightsTable(item.TerritorialRightsSets)}\n \n
\n )}\n {item.StepId === 7 && (\n \n step 6\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} saved Step 6\n for{' '}\n {formatProjectTitleToMasked(item.Project.isMasked, item.Project.projectTitle)}{' '}\n with the following values:{' '}\n
\n {renderStep6BlockingPolicyTable(item.BlockingPolicySets, t)}\n \n
\n )}\n \n step 7\n On {moment(item.CreatedDateTime).format('DD/MM/YYYY')} at{' '}\n {moment(item.CreatedDateTime).format('hh:mm a')}.{item.UserName} has changed\n the status to {item.Project.projectStatus} for{' '}\n {formatProjectTitleToMasked(item.Project.isMasked, item.Project.projectTitle)}\n
\n | {project.mediaType !== 'Video' ? t('track:TrackTitle') : t('track:VideoTitle')} | \n{t('track:ISRC')} | \n{t('track:Artist')} | \n\n{t('track:ReleaseDate')} | \n{t('track:HasRights')} | \n{t('track:Republish')} | \n
|---|---|---|---|---|---|
| {track.trackTitle} | \n{track.isrc} | \n{track.artist} | \n\n{track.trackReleaseDate || t('track:TBD')} | \n\n\n {rightsData.length > 0 && rightsData[0].NonExclusiveRight ? (\n report_problem\n ) : (\n verified_user\n )}\n | \n\n {rightsData.length > 0 && (\n | \n
| \n {renderTracks()} \n | \n
| {props.t('search:LastUpdate')} | \n{props.t('search:ProjectTitle')} | \n{props.t('search:Artist')} | \n{props.t('search:Label')} | \n{props.t('search:Status')} | \n{props.t('search:HasAudio')} | \n{props.t('search:HasRights')} | \n{props.t('search:HasBlocking')} | \n|||
|---|---|---|---|---|---|---|---|---|---|---|
| {project.projectLastModified} | \n{project.projectTitle} | \n{project.projectArtistName} | \n{project.projectReleasingLabel} | \n{project.status} | \n\n {/*\n {checkProjectStepStatus(project.isAudioFilesComplete)}\n | */}\n\n {checkProjectStepAssetStatus(hasShortTracks)}\n | \n {/*\n {' '}\n {checkProjectStepStatus(project.isTerritorialRightsComplete)}\n | */}\n\n {props.isAdmin && project.isInGrooves && (\n | \n {/* \n {' '}\n {checkProjectStepStatus(project.isBlockingPoliciesComplete)}\n | */}\n\n {project.isBlockingPoliciesChanged ? (\n \n ) : (\n checkProjectStepStatus(project.isBlockingPoliciesComplete)\n )}\n | \n
{props.t('track:TakeDownSubTitle')}
\n\n \n\n \n
\n \n \n
\n \n \n
\n \n this.setState({ takeDownProjectData: null })}\n show={this.state.takeDownProjectData ? true : false}\n project={this.state.takeDownProjectData}\n t={this.props.t}\n refreshProject={this.props.afterProjectDelete}\n isAdmin={this.props.userData.IsAdmin}\n hasShortTracksInMultipleDiscs={this.hasShortTracksInMultipleDiscs}\n // data={null}\n />\n )}\n this.setState({ projectIDToDelete: null })}\n onConfirm={() => this.handleProjectDelete(this.state.projectIDToDelete)}\n />\n {this.state.auditModal && (\n this.setState({ auditModal: null })}\n />\n )}\n \n {this.getDataTable()}\n {this.renderProjects()}\n
\n
\n );\n }\n}\n\nexport default withRouter(FindProjectDataTable);\n","import React, { Component } from 'react';\n\nclass ProjectViewDropDown extends Component {\n constructor(props) {\n super(props);\n this.state = {\n viewCount: [10, 25, 50],\n };\n }\n\n onChange = value => {\n this.props.onChange(value);\n };\n\n getViewCount = () => {\n const options = this.state.viewCount.map((option, i) => {\n return (\n this.onChange(option)}>\n {option}\n \n );\n });\n\n return options;\n };\n\n render() {\n return (\n \n \n {this.props.itemsPerPage}\n \n
\n );\n }\n}\n\nexport default ProjectViewDropDown;\n","import React, { Component } from 'react';\nimport ReactPaginate from 'react-paginate';\n\nclass TablePager extends Component {\n handlePageClick = data => {\n let selected = data.selected;\n this.props.handlePaginationChange(selected + 1);\n };\n\n render() {\n const buttonCount = Math.ceil(\n parseInt(this.props.totalItems) / parseInt(this.props.itemsPerPage),\n );\n return (\n \n {this.getViewCount()}\n
\n \n
\n );\n }\n}\n\nexport default MultiSelect;\n","import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport DatePicker from 'react-datepicker';\nimport moment from 'moment';\nimport ToolTip from 'component_library/Tooltip';\n\nclass inputDateField extends Component {\n onChange(date) {\n if (date) {\n let showTimeSelect = this.props.showTimeSelect;\n if (showTimeSelect !== true) {\n this.props.input.onChange(\n moment(date).format(\n this.props.dateFormat ? this.props.dateFormat.toUpperCase() : 'YYYY-MM-DD',\n ),\n );\n } else {\n this.props.input.onChange(\n moment(date).format(\n this.props.dateFormat ? this.props.dateFormat.toUpperCase() : 'YYYY-MM-DD h:mm',\n ),\n );\n }\n } else {\n this.props.input.onChange(null);\n }\n if (this.props.handleOnSelect) {\n this.props.handleOnSelect(date, this.props.input.name);\n }\n }\n\n render() {\n const {\n input,\n dateFormat,\n label,\n disabled,\n htmlFor,\n readOnly,\n placeholder,\n min,\n max,\n meta: { touched, error },\n tooltip,\n required,\n showTimeSelect,\n timeIntervals,\n minTime,\n maxTime,\n } = this.props;\n let className = classNames('form-control', {\n error: touched && error,\n });\n let selected = input.value && input.value !== 'Invalid date' ? new Date(input.value) : null;\n let options = {};\n if (minTime && maxTime) {\n options['minTime'] = minTime;\n options['maxTime'] = maxTime;\n }\n\n return (\n \n {label && (\n \n )}\n {tooltip &&
\n \n {\n input.onBlur();\n }}\n onFocus={() => {\n input.onFocus();\n }}\n openOnFocus={true}\n onChange={this.onChange.bind(this)}\n isClearable={clearable}\n options={options}\n tabSelectsValue={false}\n placeholder={placeholder}\n isSearchable={!readOnly}\n isDisabled={readOnly}\n isLoading={showLoading}\n id={id}\n />\n {touched && error &&
\n {error}
}\n\n
\n );\n }\n}\n\nexport default inputDateField;\n\nconst CustomInput = props => {\n return (\n \n {label && (\n \n )}\n {tooltip &&
\n \n
\n {error}
}\n\n \n {!props.value && (\n \n date_range\n \n )}\n
\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport { Field } from 'redux-form';\nimport Dropdown from '../../common/DropdownSelect';\nimport multiSelect from '../../common/multiSelect';\nimport DateTimePicker from '../../common/DateTimePicker';\nimport _ from 'lodash';\nimport { formatSelectArray } from '../../common/commonHelper';\nimport moment from 'moment';\nimport { useTranslation } from 'react-i18next';\nimport i18n from './../../../i18n';\nimport MultiSelectHierarchy from '../../common/multiSelectTag';\n\nconst selectedFilter = [\n { name: 'labelIds', label: i18n.t('search:Labels') },\n { name: 'hasAudio', label: i18n.t('search:HasAudio') },\n { name: 'hasRights', label: i18n.t('search:HasRights') },\n { name: 'statusID', label: i18n.t('search:Status') },\n { name: 'hasBlocking', label: i18n.t('search:HasBlocking') },\n { name: 'from', label: i18n.t('search:UpdatedFrom') },\n { name: 'to', label: i18n.t('search:UpdatedTo') },\n { name: 'releaseFrom', label: i18n.t('search:ReleaseFrom') },\n { name: 'releaseTo', label: i18n.t('search:ReleaseTo') },\n { name: 'excludeLabelIds', label: i18n.t('search:ExcludeLabels') },\n { name: 'mediaType', label: i18n.t('search:ProjectType') },\n];\n\nconst MediaFacets = [\n {\n id: 1,\n name: 'Audio',\n },\n {\n id: 2,\n name: 'Video',\n },\n];\n\nconst Filter = props => {\n const [selectedLabelIds, setselectedLabelIds] = useState([]);\n const [exSelectedLabelIds, setExSelectedLabelIds] = useState([]);\n\n const { t } = useTranslation();\n\n const values = props.formValues && props.formValues.values;\n\n const deleteSelected = (val, name) => {\n let newVal = _.cloneDeep(values);\n if (name === 'labelIds') {\n let arr = _.filter(newVal.labelIds, function(e) {\n return !_.isEqual(e, val);\n });\n newVal[name] = _.cloneDeep(arr);\n setselectedLabelIds(_.cloneDeep(arr));\n } else if (name === 'excludeLabelIds') {\n let arr = _.filter(newVal.excludeLabelIds, function(e) {\n return !_.isEqual(e, val);\n });\n newVal[name] = _.cloneDeep(arr);\n setExSelectedLabelIds(_.cloneDeep(arr));\n } else {\n newVal[name] = null;\n }\n const searchData = {\n itemsPerPage: props.searchCriteria.itemsPerPage,\n pageNumber: props.searchCriteria.pageNumber,\n searchTerm: '',\n filter: props.getSearchCriteria(_.cloneDeep(newVal)),\n };\n props.handleProjectSearch({ searchCriteria: searchData });\n props.initialize(newVal);\n props.saveFilters(newVal);\n };\n\n const getSelectedFilters = () => {\n let hasFilter = false;\n _.forOwn(values, function(item, key) {\n if ((item && item.length > 0) || (item && item.value)) {\n hasFilter = true;\n }\n });\n\n if (!hasFilter) {\n return false;\n }\n let data = _.map(selectedFilter, (item, key) => {\n if (Array.isArray(values[item.name]) && values[item.name].length > 0) {\n return (\n \n \n {_.map(values[item.name], (val, index) => {\n return (\n \n
\n );\n };\n\n const handleOnSelect = (data, name) => {\n let values = _.cloneDeep(_.get(props, 'formValues.values', {}));\n const obj = {};\n obj[name] = data;\n props.formValues && props.saveFilters({ ...props.formValues.values, ...obj });\n _.forOwn(values, function(item, key) {\n if (!item) {\n values[key] = '';\n }\n if (item && item.value) {\n values[key] = item.value;\n } else {\n if (Array.isArray(item)) {\n values[key] = _.map(item, 'value');\n }\n if (key === 'from') {\n values[key] = props.getFromDate(item);\n }\n if (key === 'to') {\n values[key] = props.getToDate(item);\n }\n if (key === 'releaseFrom') {\n values[key] = props.getFromDate(item);\n }\n if (key === 'releaseTo') {\n values[key] = props.getToDate(item);\n }\n }\n });\n\n if (Array.isArray(data)) {\n values[name] = _.map(data, 'value');\n } else {\n values[name] =\n data && data.value\n ? data.value\n : name === 'from'\n ? props.getFromDate(data)\n : props.getToDate(data);\n }\n\n const searchData = {\n itemsPerPage: props.searchCriteria.itemsPerPage,\n pageNumber: props.searchCriteria.pageNumber,\n searchTerm: values.searchTerm,\n filter: { ...values },\n };\n props.handleProjectSearch({ searchCriteria: searchData });\n };\n\n const getMultiSelectDataForLabelIds = data => {\n if (props.formValues) {\n props.initialize({ ...props.formValues.values, ...{ labelIds: data } });\n }\n handleOnSelect(data, 'labelIds');\n setselectedLabelIds(data);\n };\n\n const getMultiSelectDataForExcludeLabelIds = data => {\n if (props.formValues) {\n props.initialize({ ...props.formValues.values, ...{ excludeLabelIds: data } });\n }\n handleOnSelect(data, 'excludeLabelIds');\n setExSelectedLabelIds(data);\n };\n // excludeLabelIds\n // const LabelFacets = formatSelectArray(_.get(props, 'data.LabelFacets', []));\n const StatusFacets = formatSelectArray(_.get(props, 'data.StatusFacets', []));\n const HasAudioFacets = formatSelectArray(_.get(props, 'data.HasAudioFacets', []));\n const HasBlockingFacets = formatSelectArray(_.get(props, 'data.HasBlockingFacets', []));\n const HasRightsFacets = formatSelectArray(_.get(props, 'data.HasRightsFacets', []));\n const MediaTypeFacets = formatSelectArray(MediaFacets, []);\n return (\n {i18n.t('search:SelectedFilters')}:
\n {data}
\n \n
\n );\n};\n\nexport default Filter;\n","import React from 'react';\nimport Api from 'lib/api';\nimport { CSVLink } from 'react-csv';\nimport _ from 'lodash';\nimport { showNotyAutoError } from 'components/Utils';\n\nexport default class ExportCSV extends React.Component {\n csvLink = React.createRef();\n state = {\n headers: [\n { label: 'Project ID', key: 'projectID' },\n { label: 'Last Update', key: 'projectLastModified' },\n { label: 'Project Title', key: 'projectTitle' },\n { label: 'Artist', key: 'projectArtistName' },\n { label: 'Label', key: 'projectReleasingLabel' },\n { label: 'Release Date', key: 'projectReleaseDate' },\n { label: 'Status', key: 'status' },\n { label: 'Has Asset(s)', key: 'isAudioFilesComplete' },\n { label: 'Has Tracks', key: 'isTrackInfoComplete' },\n { label: 'Has Rights', key: 'isTerritorialRightsComplete' },\n { label: 'Has Blocking', key: 'isBlockingPoliciesComplete' },\n ],\n data: [],\n loading: false,\n };\n\n exportToCSV = () => {\n const { formValues, getSearchCriteria } = this.props;\n const searchData = {\n itemsPerPage: '10000',\n pageNumber: '1',\n searchTerm: _.get(formValues, 'values.searchTerm', ''),\n filter: getSearchCriteria(_.cloneDeep(formValues.values)),\n };\n\n this.setState({ loading: true });\n return Api.post('/ProjectSearch/Search', { searchCriteria: searchData })\n .then(response => response.json())\n .then(response => {\n const newProject = response.Projects.map(project => {\n if (project.isBlockingPoliciesChanged) {\n project.isBlockingPoliciesComplete = 'Modified';\n } else if (project.isBlockingPoliciesComplete) {\n project.isBlockingPoliciesComplete = 'Skipped';\n } else {\n project.isBlockingPoliciesComplete = 'Incomplete';\n }\n return project;\n });\n this.setState({ data: newProject }, () => {\n setTimeout(() => this.csvLink.current.link.click(), 700);\n });\n })\n .catch(() => {\n showNotyAutoError('Could not export to CSV. Please try again.');\n })\n .finally(() => this.setState({ loading: false }));\n };\n\n render() {\n const { loading, data, headers } = this.state;\n const { t } = this.props;\n return (\n \n
\n {values && Object.keys(values).length > 0 && (\n \n
\n
\n {t('search:SearchFilters')}
\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
\n \n
\n \n
\n \n
\n \n
\n - \n \n
- {getSelectedFilters()} \n \n
\n \n {loading ? (\n \n description {t('search:Exporting')} ...\n \n ) : (\n \n description {t('search:Export')}\n \n )}\n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport './FindProject.css';\nimport IntroModal from '../../modals/IntroModal';\nimport FindProjectDataTable from './pageComponents/FindProjectDataTable';\nimport ProjectsViewDropDown from './pageComponents/ProjectsViewDropDown';\nimport TablePager from './pageComponents/TablePager';\nimport { withRouter } from 'react-router';\nimport LoadingImg from 'component_library/LoadingImg';\nimport { connect } from 'react-redux';\nimport * as findProjectAction from 'actions/findProjectAction';\nimport * as reviewActions from 'actions/reviewActions';\nimport Filter from './findProjectFilter';\nimport { reduxForm, Field } from 'redux-form';\nimport InputField from '../../common/InputField';\nimport _ from 'lodash';\nimport { getSearchCriteria, getToDate, getFromDate } from '../../common/commonHelper.js';\nimport ExportCSV from './pageComponents/ExportCSV';\nimport { withTranslation } from 'react-i18next';\nimport { compose } from 'redux';\n\nclass FindProjectPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: 'desc',\n sortColumn: 'last_updated',\n invokeProjectSearchApi: false,\n };\n this.formSubmit = this.formSubmit.bind(this);\n this.handlePaginationChange = this.handlePaginationChange.bind(this);\n this.setProjectsView = this.setProjectsView.bind(this);\n this.handleColumnSort = this.handleColumnSort.bind(this);\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.invokeProjectSearchApi !== this.state.invokeProjectSearchApi) {\n const searchCriteria = _.cloneDeep(this.props.searchCriteria.filter);\n this.props.initialize(this.props.searchCriteria.filter);\n // if seach keyword also should remains then add the below code for searchTerm\n // this.props.searchCriteria.searchTerm ? this.props.searchCriteria.searchTerm :\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: '',\n filter: getSearchCriteria(searchCriteria),\n };\n // this.props.setProjectID('', '/findProject');\n this.props.handleProjectSearch({ searchCriteria: searchData, isLabelRemoved: true });\n }\n }\n\n componentDidMount() {\n const searchCriteria = _.cloneDeep(this.props.searchCriteria.filter);\n this.props.initialize(this.props.searchCriteria.filter);\n // if seach keyword also should remains then add the below code for searchTerm\n // this.props.searchCriteria.searchTerm ? this.props.searchCriteria.searchTerm :\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: '',\n filter: getSearchCriteria(searchCriteria),\n };\n this.props.setProjectID('', '/findProject');\n this.props.handleProjectSearch({ searchCriteria: searchData });\n localStorage.removeItem('mediaType');\n }\n\n formSubmit(values) {\n const formData = _.cloneDeep(values);\n const searchCriteria = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: values.searchTerm ? values.searchTerm : '',\n filter: getSearchCriteria(formData),\n };\n\n this.props.handleProjectSearch({ searchCriteria: searchCriteria });\n }\n\n refetchProjects = () => {\n const filter = _.cloneDeep(this.props.searchCriteria.filter);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const searchCriteria = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm,\n // filter: this.props.searchCriteria.filter,\n filter: getSearchCriteria(filter),\n sortOrder: this.state.sortOrder,\n sortColumn: this.state.sortColumn,\n };\n\n this.props.handleProjectSearch({ searchCriteria: searchCriteria });\n };\n\n handlePaginationChange(newPage) {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const searchData = {\n itemsPerPage: String(this.props.searchCriteria.itemsPerPage),\n pageNumber: String(newPage),\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n sortOrder: this.state.sortOrder,\n sortColumn: this.state.sortColumn,\n };\n this.props.handleProjectSearch({ searchCriteria: searchData });\n this.props.changePageNumber(String(newPage));\n }\n\n setProjectsView(count) {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const searchData = {\n itemsPerPage: String(count),\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n };\n this.props.handleProjectSearch({ searchCriteria: searchData });\n this.props.changeItemsPerPage(String(count));\n }\n\n handleColumnSort = (columnID, columnSortOrder) => {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n this.setState({\n sortOrder: columnSortOrder,\n sortColumn: columnID,\n });\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n sortOrder: columnSortOrder,\n sortColumn: columnID,\n };\n this.props.handleProjectSearch({ searchCriteria: searchData });\n };\n\n handleAdminStatusChange = (data, projectID, publishIds) => {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const languageCode = localStorage.getItem('languageCode') || 'en';\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n };\n\n if (data.id === '5' && data.name === this.props.t('search:Published')) {\n this.props.handlePublish(\n { ProjectIds: projectID, PublishTrackIds: publishIds, languageCode: languageCode },\n searchData,\n );\n } else {\n this.props.adminStatusChange({ ProjectIds: projectID, StatusID: data.id }, searchData);\n }\n };\n\n handleInvokeProjectSearchApi = () => {\n this.setState({ invokeProjectSearchApi: !this.state.invokeProjectSearchApi });\n };\n\n render() {\n let { loading, result, handleSubmit, searchCriteria, facets, t } = this.props;\n let data = { ...result };\n if (data.Projects) {\n const projects = data.Projects.map(project => {\n let Discs = project.Discs.map(disk => {\n let Tracks = disk.Tracks.map(track => {\n let isPublish =\n project.status === t('search:Published') ? track.isPublish : !track.nonExclusive;\n return { ...track, isPublish };\n });\n return { ...disk, Tracks };\n });\n return { ...project, Discs };\n });\n data.Projects = projects;\n }\n return (\n \n
\n
\n \n\n
\n );\n }\n}\n\nFindProjectPage = reduxForm({\n form: 'FindProjectPageForm',\n})(FindProjectPage);\n\nconst mapDispatchToProps = dispatch => ({\n handleProjectSearch: val => dispatch(findProjectAction.fetchProjects(val)),\n saveFilters: filters => dispatch(findProjectAction.saveFilters(filters)),\n changePageNumber: pageNo => dispatch(findProjectAction.changePageNumber(pageNo)),\n changeItemsPerPage: limit => dispatch(findProjectAction.changeItemsPerPage(limit)),\n adminStatusChange: (val, searchData) =>\n dispatch(findProjectAction.adminStatusChange(val, searchData)),\n handlePublish: (val, searchData) => dispatch(reviewActions.handlePublish(val, searchData)),\n});\n\nconst mapStateToProps = state => ({\n result: state.findProjectReducer.result,\n loading: state.findProjectReducer.loading,\n formValues: state.form.FindProjectPageForm,\n searchCriteria: state.findProjectReducer.searchCriteria,\n facets: state.findProjectReducer.facets,\n tagList: state.findProjectReducer.tagList,\n});\n\nexport default withRouter(\n compose(\n withTranslation('search'),\n connect(\n mapStateToProps,\n mapDispatchToProps,\n ),\n )(FindProjectPage),\n);\n","import React, { Component } from 'react';\nimport { Accordion, Card, Button, Tab, Tabs } from 'react-bootstrap';\nimport { withRouter } from 'react-router-dom';\nimport './HelpGuide.css';\nimport VideoTutorialModal from '../../modals/VideoTutorialModal';\nimport { withTranslation } from 'react-i18next';\n\nclass HelpGuide extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showVideoTutorialModal: false,\n activeVideo: null,\n key: 'FAQs',\n videos: [\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+1+Introduction.mp4',\n modalHeader: props.t('GuardianCompleteIntroduction'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+4+Release+Information.mp4',\n modalHeader: props.t('ReleaseInformation'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+5+Contact+Information.mp4',\n modalHeader: props.t('ContactInformation'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+3.5+Audio+Files.mp4',\n modalHeader: props.t('AudioFiles'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+9+Track+Information.mp4',\n modalHeader: props.t('TrackInformation'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+10+Territorial+Rights.mp4',\n modalHeader: props.t('TerritorialRights'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+12+Blocking+Policies.mp4',\n modalHeader: props.t('UGCBlocking'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+13+Review+%26+Submit.mp4',\n modalHeader: props.t('ReviewandSubmit'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+17+Finding+a+Project.mp4',\n modalHeader: props.t('ProjectSearch'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+11+Alternate+Workflow+-+UPC.mp4',\n modalHeader: props.t('UpcFlow'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+15+Project+Inbox.mp4',\n modalHeader: props.t('Inbox'),\n },\n {\n tutorialVideoLink:\n 'https://usaws03-guardian-media.s3.amazonaws.com/videos/The+Guardian+2021+pt.+14+Adding+Comments.mp4',\n modalHeader: props.t('Notifications'),\n },\n ],\n };\n }\n\n showVideoTutorialModal = val => {\n this.setState({ showVideoTutorialModal: true, activeVideo: val });\n };\n\n hideVideoTutorialModal = () => {\n this.setState({ showVideoTutorialModal: false });\n };\n\n setKey = key => {\n this.setState({ key: key });\n };\n\n componentDidMount() {\n if (\n this.props.match &&\n this.props.match.params &&\n this.props.match.params.id &&\n this.props.match.params.id === '2'\n )\n this.setState({ key: 'Videos' });\n }\n\n render() {\n const { videos, activeVideo, showVideoTutorialModal, key } = this.state;\n const { t } = this.props;\n return (\n \n
\n \n
\n {t('search:ProjectSearch')}
\n\n {t('search:DescriptionMain')}
\n {t('search:DescriptionSub')}{' '}\n {t('search:Email')}.\n
\n
\n \n\n
- \n
- \n {t('search:Viewing')}\n
- \n \n \n
- \n
\n \n this.handleColumnSort(columnID, columnSortOrder)\n }\n handleAdminStatusChange={this.handleAdminStatusChange}\n afterProjectDelete={this.refetchProjects}\n />\n
\n \n {activeVideo !== null && (\n
\n
\n\n this.setKey(k)}>\n \n \n \n {t('TutorialVideosDescription')}\n
\n {t('HelpFaq')}
\n\n {t('Description')}\n guardian-support@umusic.com\n
\n \n
\n\n
\n
\n \n \n \n \n \n {t('Guardian')}\n \n \n \n \n {t('GuardianAns')}\n
\n
\n {t('GuardianAnsSub')}\n guardian-support@umusic.com\n \n \n \n\n \n \n \n {t('GuardianAccount')}\n \n \n \n {t('GuardianAccountAns')} \n \n \n\n \n \n \n {t('AntiPiracy')}\n \n \n \n {t('AntiPiracyAns')} \n \n \n\n \n \n \n {t('Difference')}\n \n \n \n {t('DifferenceAns')} \n \n \n\n \n \n \n {t('HowToAdd')}\n \n \n \n {t('HowToAddAns')} \n \n \n\n \n \n \n {t('AccountSetup')}\n \n \n \n {t('AccountSetupAns')} \n \n \n\n \n \n \n {t('AddLabel')}\n \n \n \n \n {t('AddLabelAns')}\n guardian-support@umusic.com\n {t('AddLabelAnsSub')}\n \n \n \n\n \n \n \n {t('TotallyLost')}\n \n \n \n \n {t('TotallyLostAns')}\n
\n
\n {t('TotallyLostAnsSub')}\n guardian-support@umusic.com\n {t('TotallyLostAnsSub1')}\n \n \n \n \n
\n \n
\n
\n
\n
\n
\n \n
\n
{t('GeneralInformation')}
\n {t('HowTo')}\n\n
\n
\n
\n {t('GuardianAnsSub')}\n guardian-support@umusic.com\n
\n
\n {t('TotallyLostAnsSub')}\n guardian-support@umusic.com\n {t('TotallyLostAnsSub1')}\n
\n \n \n \n \n {t('FindRelease')}\n \n \n \n {t('FindReleaseAns')} \n \n \n\n \n \n \n {t('CreateProject')}\n \n \n \n {t('CreateProjectAns')} \n \n \n\n \n \n \n {t('CreateProject1')}\n \n \n \n {t('CreateProject1Ans')} \n \n \n\n \n \n \n {t('UnknownReleaseDate')}\n \n \n \n {t('UnknownReleaseDateAns')} \n \n \n\n \n \n \n {t('Collaborate')}\n \n \n \n \n {t('CollaborateAns')}\n
\n
\n {t('CollaborateAnsSub')}\n \n \n \n\n \n \n \n {t('PrimaryContact')}\n \n \n \n {t('PrimaryContactAns')} \n \n \n \n
\n \n
\n
\n
\n
\n \n
\n
{t('ReleaseInfo')}
\n\n
\n
\n
\n
\n
\n \n
\n
{t('ProjectContacts')}
\n\n
\n
\n {t('CollaborateAnsSub')}\n
\n \n \n \n \n {t('Finalmasters')}\n \n \n \n \n {t('FinalmastersAns')}\n guardian-support@umusic.com\n {t('FinalmastersAnsSub')}\n \n \n \n\n \n \n \n {t('WithoutReleaseInfo')}\n \n \n \n \n {t('WithoutReleaseInfoAns')}\n
\n
\n {t('WithoutReleaseInfoAnsSub')}\n \n \n \n\n \n \n \n {t('Replaceaudiofiles')}\n \n \n \n {t('ReplaceaudiofilesAns')} \n \n \n\n \n \n \n {t('Watermark')}\n \n \n \n \n {t('WatermarkAns')}\n guardian-support@umusic.com\n \n \n \n \n
\n \n
\n
\n
\n
\n \n
\n
{t('AudioFiles')}
\n\n
\n
\n {t('WithoutReleaseInfoAnsSub')}\n
\n \n \n \n \n {t('WithoutAudioFiles')}\n \n \n \n \n {t('WithoutAudioFilesAns')}\n
\n
\n {t('WithoutAudioFilesAnsSub')}\n \n \n \n\n \n \n \n {t('Submitting')}\n \n \n \n \n {t('SubmittingAns')}\n
\n
\n {t('SubmittingAnsSub')}\n guardian-support@umusic.com\n \n \n \n \n
\n \n
\n
\n
\n
\n \n
\n
{t('TrackInfo')}
\n\n
\n
\n {t('WithoutAudioFilesAnsSub')}\n
\n
\n {t('SubmittingAnsSub')}\n guardian-support@umusic.com\n
\n \n \n \n \n {t('TerroritorialRightsNeed')}\n \n \n \n \n {t('TerroritorialRightsNeedAns')}\n
\n
\n {t('TerroritorialRightsNeedAnsSub')}\n \n \n \n\n \n \n \n {t('TerritorialRightsSet')}\n \n \n \n {t('TerritorialRightsSetAns')} \n \n \n\n \n \n \n {t('AfterSubmitChange')}\n \n \n \n \n {t('AfterSubmitChangeAns')}\n guardian-support@umusic.com\n \n \n \n \n
\n \n
\n
\n
\n
\n \n
\n
{t('TerritorialRights')}
\n\n
\n
\n {t('TerroritorialRightsNeedAnsSub')}\n
\n
\n
\n
\n
\n \n
\n
{t('ReviewandSubmit')}
\n\n
\n \n \n \n \n {t('PostReleaseUGCBlock')}\n \n \n \n \n {t('PostReleaseUGCBlockAns')}\n
\n
\n {t('PostReleaseUGCBlockAnsSub')}\n \n \n \n \n \n \n {t('PostReleaseBlock')}\n \n \n \n \n {t('PostReleaseBlockAns')}\n guardian-support@umusic.com\n \n \n \n\n \n \n \n {t('NoBlockingPolicy')}\n \n \n \n {t('NoBlockingPolicyAns')} \n \n \n\n \n \n \n {t('IndefiniteDate')}\n \n \n \n {t('IndefiniteDateAns')} \n \n \n\n \n \n \n {t('Blockingdurations')}\n \n \n \n {t('BlockingdurationsAns')} \n \n \n\n \n \n \n {t('3PostRelease')}\n \n \n \n \n {t('3PostReleaseAns')}\n guardian-support@umusic.com\n {t('3PostReleaseAnsSub')}\n \n \n \n\n \n \n \n {t('ChangeAfterRelease')}\n \n \n \n \n {t('ChangeAfterReleaseAns')}\n guardian-support@umusic.com\n {t('ChangeAfterReleaseAnsSub')}\n \n \n \n \n
\n\n \n
\n
\n
\n
\n \n
\n
{t('PostReleaseUGCBlocking')}
\n\n
\n
\n {t('PostReleaseUGCBlockAnsSub')}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {t('ISRCDescriptionSub')}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
{t('Glossary')}
\n\n
\n
{t('BlockingPolicy')}
\n {t('BlockingPolicyDescription')}\n\n
\n
{t('Filtering')}
\n {t('FilteringDescription')}\n\n
\n
{t('Fingerprinting')}
\n {t('FingerprintingDescription')}\n\n
\n
{t('ISRC')}
\n {t('ISRCDescriptionMain')}\n\n
\n {t('ISRCDescriptionSub')}\n
\n
\n
{t('Metadata')}
\n {t('MetadataDescription')}\n\n
\n
{t('Post-release')}
\n {t('Post-releaseDescription')}\n\n
\n
{t('Pre-release')}
\n {t('Pre-releaseDescription')}\n\n
\n
{t('TerritorialRightsGloss')}
\n {t('TerritorialRightsGlossDescription')}\n\n
\n
{t('WebCrawling')}
\n {t('WebCrawlingDescription')}\n\n
\n
\n
\n
\n
\n \n
\n \n {\n this.showVideoTutorialModal(0);\n }}\n >
\n {t('GuardianCompleteIntroduction')}
\n{t('GuardianCompleteIntroductionDescription')}
\n\n
\n \n {\n this.showVideoTutorialModal(1);\n }}\n >
\n {t('ReleaseInformation')}
\n{t('ReleaseInformationDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(2);\n }}\n >
\n {t('ContactInformation')}
\n{t('ContactInformationDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(3);\n }}\n >
\n {t('AudioFiles')}
\n{t('AudioFilesDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(4);\n }}\n >
\n {t('TrackInformation')}
\n{t('TrackInformationDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(5);\n }}\n >
\n {t('TerritorialRights')}
\n{t('TerritorialRightsDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(6);\n }}\n >
\n {t('UGCBlocking')}
\n{t('UGCBlockingDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(7);\n }}\n >
\n {t('ReviewandSubmit')}
\n{t('ReviewandSubmitDescription')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(8);\n }}\n >
\n {t('ProjectSearch')}
\n{t('ProjectSearchDesc')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(9);\n }}\n >
\n {t('UpcFlow')}
\n{t('UpcFlowDesc')}
\n\n
\n \n \n {\n this.showVideoTutorialModal(10);\n }}\n >
\n {t('Inbox')}
\n{t('InboxDesc')}
\n\n
\n \n \n \n \n \n );\n }\n}\n\nexport default withRouter(withTranslation('help')(HelpGuide));\n","import React, { Component } from 'react';\nimport { Button, Modal, Form } from 'react-bootstrap';\nimport LabelsMultiSelect from './LabelsMultiSelect';\nimport ReactMultiSelectCheckboxes from 'react-multiselect-checkboxes';\nimport MultiSelectHierarchy from '../../../common/multiSelectTag';\n\nclass UserEditModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: {},\n userData: {\n firstName: '',\n lastName: '',\n labelID: '',\n phoneNumber: '',\n },\n isChecked: false,\n labeleIds: [],\n };\n }\n\n handleOnChange = (e, label) => {\n this.props.handleTargetUserUpdate(e, label);\n };\n\n handleSubmit = () => {\n this.props.handleUserUpdate();\n };\n\n handleClose = () => {\n this.props.hideUserEditModal();\n };\n //to get formatted array of object values with label,value\n getSelectedList(list) {\n const result = [];\n if (list && list.length > 0) {\n list.forEach((company, i) => {\n if (company.CompanyId)\n result.push({ value: String(company.CompanyId), label: company.CompanyName });\n if (company.DivisionList.length > 0) {\n let divisionList = company.DivisionList;\n divisionList.forEach((division, i) => {\n if (division.DivisionId)\n result.push({ value: String(division.DivisionId), label: division.DivisionName });\n if (division.LabelList.length > 0) {\n let LabelList = division.LabelList;\n LabelList.forEach((label, i) => {\n result.push({ value: String(label.LabelId), label: label.LabelName });\n });\n }\n });\n }\n });\n }\n return result;\n }\n\n render() {\n // console.log('LabelFacetsLabelFacets', this.props.LabelFacets);\n // const LabelFacets = this.getSelectedList(this.props.LabelFacets);\n // const selectedOptions = LabelFacets.filter(opt =>\n // this.props.selectedOptions.includes(opt.value),\n // );\n const options = this.props.releasingLabels.map(label => ({\n label: label.name,\n value: label.id,\n }));\n const selectedOptions = options.filter(opt => this.props.selectedOptions.includes(opt.value));\n return (\n \n {\n this.showVideoTutorialModal(11);\n }}\n >
\n {t('Notifications')}
\n{t('NotificationsDesc')}
\n\n \n {this.props.defaultText}\n \n\n
\n );\n }\n}\n\nexport default LabelsMultiSelect;\n","import React, { Component } from 'react';\nimport { Form } from 'react-bootstrap';\nimport MultiSelectHierarchy from '../../../common/multiSelectTag';\n\nclass UserSearchFilterModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n selectedLabelOptions: [],\n };\n }\n\n render() {\n const t = this.props.t;\n return (\n \n {this.getLabelOptions()}\n
\n \n
\n
\n \n );\n }\n}\n\nexport default UserSearchFilterModal;\n","import React, { Component } from 'react';\n\nclass SelectedFilters extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: {\n labels: [],\n audios: [],\n },\n };\n }\n\n getFilterBubbles = (headerText, bubbles) => {\n return (\n \n \n {bubbles}\n \n );\n };\n\n formatToDateText = date => {\n let toDate = new Date(date);\n toDate.setHours(0, 0, 0);\n toDate.setDate(toDate.getDate() - 1);\n return (\n (toDate.getMonth() + 1).toString().padStart(2, '0') +\n ' / ' +\n toDate\n .getDate()\n .toString()\n .padStart(2, '0') +\n ' / ' +\n toDate.getFullYear()\n );\n };\n\n formatFromDateText = date => {\n let toDate = new Date(date);\n toDate.setHours(0, 0, 0);\n toDate.setDate(toDate.getDate() + 1);\n return (\n (toDate.getMonth() + 1).toString().padStart(2, '0') +\n ' / ' +\n toDate\n .getDate()\n .toString()\n .padStart(2, '0') +\n ' / ' +\n toDate.getFullYear()\n );\n };\n\n getDatebubbles = () => {\n const toDate = this.getToDateFilters();\n const fromDate = this.getFromDateFilters();\n return toDate || fromDate ? (\n \n \n {t('admin:modalFilters')}
\n\n
\n
\n \n \n
\n\n \n {this.props.activeTab === 'requestAccess' && (\n
\n \n
\n \n \n
\n\n \n
\n {fromDate}
\n {toDate}
\n \n ) : null;\n };\n\n isSelectedLabel = labelID => {\n return this.props.labelsAll.map((label, i) => {\n if (labelID === label.id) {\n return label.name;\n } else {\n return null;\n }\n });\n };\n\n getLabelFilters = () => {\n const labels = this.props.filters.labelIds.map((labelID, i) => {\n let labelName = this.isSelectedLabel(labelID);\n return labelName ? (\n \n
\n );\n } else {\n return null;\n }\n };\n\n render() {\n return (\n {this.props.t('admin:selectedFilters')}:
\n \n {labelFilters}\n {dateFilters}\n
\n - \n \n
- {this.getSelectedFilters()} \n \n
\n \n {this.props.defaultValue}\n \n
\n );\n }\n}\n\nexport default ViewCountDropDown;\n","import React, { Component, Fragment } from 'react';\nimport { Table, Button } from 'react-bootstrap';\nimport { withTranslation } from 'react-i18next';\n\nclass UserDataTable extends Component {\n constructor(props) {\n super(props);\n this.state = {\n activeHover: '',\n sortColumnID: 'date_created',\n sortColumnOrder: 'desc',\n };\n }\n\n handleMouseOver = (e, id) => {\n this.setState({ activeHover: id });\n };\n\n handleMouseOut = () => {\n this.setState({ activeHover: null });\n };\n\n handleTableSort = columnID => {\n const defaultSortOrder = columnID === 'date_created' ? 'asc' : 'desc';\n if (this.state.sortColumnID === columnID && this.state.sortColumnOrder === 'asc') {\n this.setState({ sortColumnID: columnID, sortColumnOrder: 'desc' }, () =>\n this.props.handleColumnSort(columnID, 'desc', this.props.pageView),\n );\n } else if (this.state.sortColumnID === columnID && this.state.sortColumnOrder === 'desc') {\n this.setState({ sortColumnID: columnID, sortColumnOrder: 'asc' }, () =>\n this.props.handleColumnSort(columnID, 'asc', this.props.pageView),\n );\n } else {\n this.setState({ sortColumnID: columnID }, () =>\n this.props.handleColumnSort(columnID, defaultSortOrder, this.props.pageView),\n );\n }\n };\n\n getUsersDataRows = () => {\n const dataRows = this.props.data.map((user, i) => {\n return (\n \n {this.getOptions()}\n
\n | {t('admin:actions')} | \n
|---|
\n\n
- \n
- \n {this.props.t('admin:viewing')}\n
- \n \n \n \n
\n
\n \n );\n }\n}\n\nexport default RequestingAccessTab;\n","import React, { Component } from 'react';\nimport { Tab } from 'react-bootstrap';\nimport ViewCountDropDown from '../pageComponents/ViewCountDropDown';\nimport TablePager from '../../FindProject/pageComponents/TablePager';\nimport UserDataTable from '../pageComponents/UserDataTable';\n\nclass ExistingUsersTab extends Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n render() {\n return (\n <>\n \n\n
- \n
- \n {this.props.t('admin:viewing')}\n
- \n \n \n \n
\n
\n \n );\n }\n}\n\nexport default ExistingUsersTab;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Tabs, Tab } from 'react-bootstrap';\nimport LoadingImg from 'component_library/LoadingImg';\nimport UserEditModal from './pageComponents/UserEditModal';\nimport UserSearchFilterModal from './pageComponents/UserSearchFilterModal';\nimport SelectedFilters from './pageComponents/SelectedFilters';\nimport RequestingAccessTab from './pageComponents/RequestingAccessTab';\nimport ExistingUsersTab from './pageComponents/ExistingUsersTab';\nimport { resetDatePicker } from '../../Utils';\nimport { withTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport * as userAdminAction from './pageComponents/userAdminAction';\n\nimport _ from 'lodash';\n\nclass UserAdmin extends Component {\n constructor(props) {\n super(props);\n this.state = {\n UserSearchCriteria: {\n searchTerm: '',\n filter: {\n labelIds: [],\n from: '',\n to: '',\n },\n itemsPerPage: '10',\n pageNumber: '1',\n sortColumn: 'date_created',\n sortOrder: 'desc',\n },\n AccessRequestSearchCriteria: {\n searchTerm: '',\n filter: {\n labelIds: [],\n from: '',\n to: '',\n },\n itemsPerPage: '10',\n pageNumber: '1',\n sortColumn: 'date_created',\n sortOrder: 'desc',\n },\n\n tableData: {\n UserSearchResponse: {\n Users: [],\n },\n AccessRequestSearchResponse: {\n AccessRequests: [],\n },\n },\n\n viewCount: [10, 25, 50],\n selectedViewCount: 10,\n filters: [],\n showFiltersPanel: false,\n activeTab: 'requestAccess',\n showloader: false,\n showUserEditModal: false,\n targetUser: {\n secondaryLabelIds: [],\n },\n showFilterModal: false,\n releasingLabels: [],\n selectedFilterLabelOptions: [],\n selectedList: [],\n invokeAdminSearchApi: false,\n };\n this.handleFilterModalView = this.handleFilterModalView.bind(this);\n this.handleLabelSelectChange = this.handleLabelSelectChange.bind(this);\n this.handleChangeCheckbox = this.handleChangeCheckbox.bind(this);\n }\n\n handleTargetUserUpdate = e => {\n this.setState({ targetUser: { ...this.state.targetUser, [e.target.id]: e.target.value } });\n };\n\n handleColumnSort = (columnID, sortOrder, pageView) => {\n if (pageView === 'requesting') {\n const { AccessRequestSearchCriteria } = this.state;\n let modifiedAccessRequestSearchCriteria = AccessRequestSearchCriteria;\n modifiedAccessRequestSearchCriteria.sortColumn = columnID;\n modifiedAccessRequestSearchCriteria.sortOrder = sortOrder;\n this.setState({ AccessRequestSearchCriteria: modifiedAccessRequestSearchCriteria }, () =>\n this.fetchUsers(),\n );\n } else {\n const { UserSearchCriteria } = this.state;\n let modifiedAccessUserSearchCriteria = UserSearchCriteria;\n modifiedAccessUserSearchCriteria.sortColumn = columnID;\n modifiedAccessUserSearchCriteria.sortOrder = sortOrder;\n this.setState({ UserSearchCriteria: modifiedAccessUserSearchCriteria }, () =>\n this.fetchUsers(),\n );\n }\n };\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.invokeAdminSearchApi !== this.state.invokeAdminSearchApi) {\n this.fetchUsers(true);\n }\n }\n fetchUsers = (isLabelRemoved = false) => {\n this.setState({ showloader: true });\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n const fetchBody = JSON.stringify({\n AccessRequestSearchCriteria: this.state.AccessRequestSearchCriteria,\n UserSearchCriteria: this.state.UserSearchCriteria,\n });\n\n fetch(window.env.api.url + '/media/api/AdminSearch', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(userJSON => {\n this.setState({\n tableData: userJSON,\n showloader: false,\n });\n const newFacets = {\n response: userJSON,\n isLabelRemoved,\n };\n this.props.setFacets(newFacets);\n })\n .catch(error => {\n console.error(error);\n this.setState({ showloader: false });\n });\n };\n\n handleUserUpdate = user => {\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n const fetchBody = JSON.stringify({\n ExistingUserID: this.state.targetUser.userID,\n Action: 'MODIFY',\n FirstName: this.state.targetUser.firstName,\n LastName: this.state.targetUser.lastName,\n // LabelID : this.state.targetUser.primaryLabelID,\n LabelIds: this.state.targetUser.secondaryLabelIds,\n PhoneNumber: this.state.targetUser.phoneNumber,\n UserSearchCriteria: this.state.UserSearchCriteria,\n AccessRequestSearchCriteria: this.state.AccessRequestSearchCriteria,\n Tracking: {\n SessionId: '',\n TransactionId: '',\n },\n });\n\n fetch(window.env.api.url + '/media/api/Admin/AdminUser', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(userJSON => {\n this.setState({\n tableData: userJSON,\n showloader: false,\n showUserEditModal: false,\n });\n })\n .catch(error => {\n this.setState({ showloader: false });\n });\n };\n\n setViewCount = option => {\n const { AccessRequestSearchCriteria } = this.state;\n const { UserSearchCriteria } = this.state;\n\n let modifiedAccessRequestSearchCriteria = AccessRequestSearchCriteria;\n modifiedAccessRequestSearchCriteria.itemsPerPage = String(option);\n\n let modifiedUserSearchCriteria = UserSearchCriteria;\n modifiedUserSearchCriteria.itemsPerPage = String(option);\n\n this.setState(\n {\n AccessRequestSearchCriteria: modifiedAccessRequestSearchCriteria,\n UserSearchCriteria: modifiedUserSearchCriteria,\n selectedViewCount: String(option),\n },\n () => this.fetchUsers(),\n );\n };\n\n fetchReleasingLabels = () => {\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n fetch(window.env.api.url + '/media/api/Labels', {\n method: 'GET',\n headers: fetchHeaders,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n this.setState({\n releasingLabels: responseJSON.ReleasingLabels,\n });\n })\n .catch(error => {\n console.error(error);\n });\n };\n\n componentDidMount = () => {\n this.fetchUsers();\n this.fetchReleasingLabels();\n };\n\n showUserEditModal = user => {\n this.setState({\n targetUser: user,\n showUserEditModal: true,\n });\n };\n\n hideUserEditModal = () => {\n this.setState({\n targetUser: { secondaryLabelIds: [] },\n showUserEditModal: false,\n });\n };\n\n handlePaginationChange = key => {\n let AccessRequestSearchCriteria = { ...this.state.AccessRequestSearchCriteria };\n let UserSearchCriteria = { ...this.state.UserSearchCriteria };\n if (this.state.activeTab === 'requestAccess') {\n AccessRequestSearchCriteria.pageNumber = String(key);\n } else {\n UserSearchCriteria.pageNumber = String(key);\n }\n this.setState({ AccessRequestSearchCriteria, UserSearchCriteria }, () => this.fetchUsers());\n };\n\n handleSearchTextChange = e => {\n const { AccessRequestSearchCriteria } = this.state;\n const { UserSearchCriteria } = this.state;\n\n let modifiedAccessRequestSearchCriteria = AccessRequestSearchCriteria;\n modifiedAccessRequestSearchCriteria.searchTerm = e.target.value;\n\n let modifiedUserSearchCriteria = UserSearchCriteria;\n modifiedUserSearchCriteria.searchTerm = e.target.value;\n\n this.setState({\n AccessRequestSearchCriteria: modifiedAccessRequestSearchCriteria,\n UserSearchCriteria: modifiedUserSearchCriteria,\n });\n };\n\n handleTabClick = key => {\n const resetSearchCriteria = {\n labelIds: [],\n from: '',\n to: '',\n };\n const AccessRequestSearchCriteria = { ...this.state.AccessRequestSearchCriteria };\n const UserSearchCriteria = { ...this.state.UserSearchCriteria };\n AccessRequestSearchCriteria.filter = resetSearchCriteria;\n UserSearchCriteria.filter = resetSearchCriteria;\n resetDatePicker('filterEndDate');\n resetDatePicker('filterStartDate');\n this.setState(\n {\n activeTab: key,\n AccessRequestSearchCriteria,\n UserSearchCriteria,\n selectedFilterLabelOptions: [],\n selectedList: [],\n },\n () => {\n this.fetchUsers();\n },\n );\n // this.setState({ activeTab: key });\n };\n\n handleFilterModalView() {\n this.state.showFilterModal\n ? this.setState({ showFilterModal: false })\n : this.setState({ showFilterModal: true });\n }\n\n approveDenyUser = (action, request) => {\n this.setState({ showloader: true });\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n const fetchBody = JSON.stringify({\n AccessRequestID: request.accessRequestID,\n Action: action.toUpperCase(),\n UserSearchCriteria: this.state.UserSearchCriteria,\n AccessRequestSearchCriteria: this.state.AccessRequestSearchCriteria,\n });\n\n fetch(window.env.api.url + '/media/api/Admin/AdminAccess', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(userJSON => {\n this.setState(\n {\n tableData: userJSON,\n showloader: false,\n },\n () => {},\n );\n })\n .catch(error => {\n console.error(error);\n this.setState({ showloader: false });\n });\n };\n\n revokeReinstateUser = (action, request) => {\n this.setState({ showloader: true });\n const user = JSON.parse(sessionStorage.getItem('user'));\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n const fetchBody = JSON.stringify({\n User: { email: user.email },\n ExistingUserID: request.userID,\n Action: action.toUpperCase(),\n UserSearchCriteria: this.state.UserSearchCriteria,\n AccessRequestSearchCriteria: this.state.AccessRequestSearchCriteria,\n });\n\n fetch(window.env.api.url + '/media/api/Admin/AdminUser', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(userJSON => {\n this.setState({\n tableData: userJSON,\n showloader: false,\n });\n })\n .catch(error => {\n console.error(error);\n this.setState({ showloader: false });\n });\n };\n\n handleSearchFilterLabelChange = data => {\n const AccessRequestSearchCriteria = { ...this.state.AccessRequestSearchCriteria };\n const UserSearchCriteria = { ...this.state.UserSearchCriteria };\n const { selectedFilterLabelOptions } = this.state;\n let modifiedselectedFilterLabelOptions = selectedFilterLabelOptions;\n\n const lablelIds = _.map(data, 'value');\n AccessRequestSearchCriteria.filter.labelIds = lablelIds;\n UserSearchCriteria.filter.labelIds = lablelIds;\n modifiedselectedFilterLabelOptions = lablelIds;\n\n this.setState(\n {\n AccessRequestSearchCriteria,\n UserSearchCriteria,\n selectedFilterLabelOptions: modifiedselectedFilterLabelOptions,\n selectedList: data,\n },\n () => this.fetchUsers(),\n );\n };\n\n getToDate(date) {\n let toDate = new Date(date);\n toDate.setHours(23, 59, 59);\n toDate.setDate(toDate.getDate() + 1);\n toDate = toDate.toISOString().replace('Z', '');\n return toDate;\n }\n\n getFromDate(date) {\n let toDate = new Date(date);\n toDate.setHours(0, 0, 1);\n toDate = toDate.toISOString().replace('Z', '');\n return toDate;\n }\n\n removeDateFilter = source => {\n const AccessRequestSearchCriteria = { ...this.state.AccessRequestSearchCriteria };\n const UserSearchCriteria = { ...this.state.UserSearchCriteria };\n let sourceID = '';\n\n if (source === 'to') {\n AccessRequestSearchCriteria.filter.to = '';\n UserSearchCriteria.filter.to = '';\n sourceID = 'filterEndDate';\n } else {\n AccessRequestSearchCriteria.filter.from = '';\n UserSearchCriteria.filter.from = '';\n sourceID = 'filterStartDate';\n }\n\n resetDatePicker(sourceID);\n\n this.setState(\n {\n AccessRequestSearchCriteria,\n UserSearchCriteria,\n },\n () => this.fetchUsers(),\n );\n };\n\n handleDateFilter = e => {\n const AccessRequestSearchCriteria = { ...this.state.AccessRequestSearchCriteria };\n const UserSearchCriteria = { ...this.state.UserSearchCriteria };\n\n if (e.target.id === 'filterStartDate') {\n AccessRequestSearchCriteria.filter.from =\n e.target.value !== '' ? this.getFromDate(e.target.value) : '';\n UserSearchCriteria.filter.from =\n e.target.value !== '' ? this.getFromDate(e.target.value) : '';\n } else {\n AccessRequestSearchCriteria.filter.to =\n e.target.value !== '' ? this.getToDate(e.target.value) : '';\n UserSearchCriteria.filter.to = e.target.value !== '' ? this.getToDate(e.target.value) : '';\n }\n\n this.setState(\n {\n AccessRequestSearchCriteria,\n UserSearchCriteria,\n },\n () => this.fetchUsers(),\n );\n };\n\n getLabelIndex = labelID => {\n return this.props.labelsAll.map((label, i) => {\n if (labelID === label.id) {\n return label.name;\n } else {\n return null;\n }\n });\n };\n\n removeLabelsFilter = labelID => {\n const { selectedFilterLabelOptions } = this.state;\n let modifiedselectedFilterLabelOptions = selectedFilterLabelOptions;\n modifiedselectedFilterLabelOptions.splice(selectedFilterLabelOptions.indexOf(labelID), 1);\n\n const AccessRequestSearchCriteria = { ...this.state.AccessRequestSearchCriteria };\n const UserSearchCriteria = { ...this.state.UserSearchCriteria };\n\n AccessRequestSearchCriteria.filter.labelIds = modifiedselectedFilterLabelOptions;\n UserSearchCriteria.filter.labelIds = modifiedselectedFilterLabelOptions;\n\n const mofifiedSelectedList = this.state.selectedList.filter(item => item.value !== labelID);\n\n this.setState(\n {\n AccessRequestSearchCriteria,\n UserSearchCriteria,\n selectedFilterLabelOptions: modifiedselectedFilterLabelOptions,\n selectedList: mofifiedSelectedList,\n },\n () => this.fetchUsers(),\n );\n };\n\n handleLabelSelectChange = (e, label) => {\n const { targetUser } = this.state;\n let modifiedTargetUser = targetUser;\n\n if (e.target.checked) {\n modifiedTargetUser.secondaryLabelIds.push(label.id);\n } else {\n modifiedTargetUser.secondaryLabelIds.splice(\n modifiedTargetUser.secondaryLabelIds.indexOf(label.id),\n 1,\n );\n }\n\n this.setState({ targetUser: modifiedTargetUser });\n };\n\n newHandleLabelSelectChange = options => {\n const { targetUser } = this.state;\n const ids = options.map(opt => opt.value);\n\n this.setState({ targetUser: { ...targetUser, secondaryLabelIds: ids } });\n };\n\n handleChangeCheckbox = data => {\n const lablelIds = _.map(data, 'value');\n\n const { targetUser } = this.state;\n this.setState({\n targetUser: {\n ...targetUser,\n secondaryLabelIds: lablelIds,\n },\n });\n };\n\n removeLabelFromEditModal = labelId => {\n const { targetUser } = this.state;\n let ids = [...targetUser.secondaryLabelIds];\n ids.splice(ids.indexOf(labelId), 1);\n this.setState({\n targetUser: { ...targetUser, secondaryLabelIds: ids },\n });\n };\n\n handleKeyUp(e) {\n if (e.key === 'Enter') {\n this.fetchUsers();\n }\n }\n handleInvokeAdminSearchApi = () => {\n this.setState({ invokeAdminSearchApi: !this.state.invokeAdminSearchApi });\n };\n\n render() {\n const { t } = this.props;\n return (\n \n
\n );\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n setFacets: result => dispatch(userAdminAction.setFacets(result)),\n});\n\nconst mapStateToProps = state => ({\n userFacets: state.userAdminNewReducer.userFacets,\n accessFacets: state.userAdminNewReducer.accessFacets,\n userTagList: state.userAdminNewReducer.userTagList,\n accessTagList: state.userAdminNewReducer.accessTagList,\n});\n\nexport default withRouter(\n compose(\n withTranslation('admin'),\n connect(\n mapStateToProps,\n mapDispatchToProps,\n ),\n )(UserAdmin),\n);\n\n// export default withRouter(withTranslation('admin')(UserAdmin));\n","import * as actions from './userAdmin.types';\nexport const setFacetsSuccess = result => {\n return {\n type: actions.SET_ADMIN_LABEL_FACETS,\n result,\n };\n};\n\nexport const setFacets = data => {\n return dispatch => {\n dispatch(setFacetsSuccess(data));\n };\n};\n","export const SET_ADMIN_LABEL_FACETS = 'SET_ADMIN_LABEL_FACETS';\n","import React, { useEffect } from 'react';\nimport { reduxForm, Field } from 'redux-form';\nimport { connect, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport './projectInbox.css';\nimport InputField from '../../common/InputField';\nimport TextArea from '../../common/texarea';\nimport Dropdown from '../../common/DropdownSelect';\nimport { steps } from '../../common/commonHelper';\nimport _ from 'lodash';\nimport AudioLoader from 'component_library/AudioLoader';\nimport * as commentAction from 'actions/commentAction';\nimport moment from 'moment';\nimport { useTranslation } from 'react-i18next';\n\nconst validate = values => {\n const errors = {};\n if (!values.Text) {\n errors.Text = 'Comment is required';\n }\n return errors;\n};\n\nconst Message = props => {\n const { handleClose, handleSubmit } = props;\n const comments = useSelector(state => state.commentReducer.comments);\n const loading = useSelector(state => state.commentReducer.loading);\n const { t } = useTranslation();\n\n useEffect(() => {\n if (props.projectID) props.getComments({ ProjectId: props.projectID });\n }, []);\n\n useEffect(() => {\n const node = document.querySelector('.comments-list');\n if (node) {\n node.scrollTop = node.scrollHeight;\n }\n }, [comments]);\n\n const formSubmit = val => {\n let reqObj = _.cloneDeep(val);\n reqObj['ProjectId'] = props.projectID || '552'; // TODO\n reqObj['Step'] = val.Step ? val.Step.value : '';\n props.postComment({ Comment: reqObj }).then(function(response) {\n if (response.Comment) {\n props.initialize({});\n }\n });\n };\n\n const renderComments = () => {\n return (\n \n
\n
\n\n
\n \n
\n\n \n
\n {t('admin:adminLabel')}
\n{t('admin:adminDesc')}
\n\n
\n\n
- \n \n
- \n \n\n\n \n \n
\n \n \n \n \n\n \n \n \n \n
\n \n {_.map(comments, (obj, key) => {\n return (\n
\n );\n };\n\n return (\n \n
\n );\n })}\n \n \n {moment\n .utc(obj.CreatedDateTime)\n .local()\n .format('MM/DD/YYYY hh:mm A')}{' '}\n - {obj.AssignedByName} - {obj.Step}\n \n
\n {obj.Text}
\n \n
\n \n \n {renderComments()}\n \n
\n );\n};\n\nMessage.propTypes = {\n handleSubmit: PropTypes.func.isRequired,\n};\n\nconst MessageComp = reduxForm({\n form: 'MessageForm',\n validate,\n})(Message);\n\nconst mapDispatchToProps = dispatch => ({\n postComment: val => dispatch(commentAction.postComment(val)),\n getComments: val => dispatch(commentAction.getComments(val)),\n});\n\nconst mapStateToProps = state => ({\n formValues: state.form.MessageForm,\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(MessageComp);\n","import React, { Component } from 'react';\nimport { Table } from 'react-bootstrap';\nimport { withRouter } from 'react-router-dom';\nimport LoadingImg from 'component_library/LoadingImg';\nimport CommentBox from '../message';\nimport moment from 'moment';\n\nclass ProjectInboxDataTable extends Component {\n constructor(props) {\n super(props);\n this.state = {\n activeSortColumn: 'received',\n activeSortDesc: true,\n activeHover: null,\n showloader: false,\n showCommentBox: false,\n index: 0,\n };\n\n this.handleSortDisplay = this.handleSortDisplay.bind(this);\n }\n\n showCommentBox = i => {\n this.setState({ showCommentBox: true, index: i });\n };\n\n hideCommentBox = () => {\n this.setState({ showCommentBox: false });\n };\n\n checkProjectStepStatus = stepStatus => {\n return stepStatus ? (\n verified_user\n ) : (\n block\n );\n };\n\n handleRowClick = projectID => {\n this.props.history.push('/reviewSubmit/' + projectID);\n };\n\n handleTableSort = columnID => {\n let sortDesc = this.state.activeSortDesc;\n if (this.state.activeSortColumn === columnID) {\n sortDesc = !sortDesc;\n } else if (columnID === 'last_updated') {\n sortDesc = true;\n } else {\n sortDesc = false;\n }\n\n this.setState(\n {\n activeHover: null,\n activeSortColumn: columnID,\n activeSortDesc: sortDesc,\n },\n () => {\n this.props.handleColumnSort(columnID, sortDesc ? 'desc' : 'asc');\n },\n );\n };\n\n handleSortDisplay = columnID => {\n return this.state.activeSortColumn === columnID ? (\n this.state.activeSortDesc ? (\n arrow_drop_down\n ) : (\n arrow_drop_up\n )\n ) : (\n ''\n );\n };\n\n handleMouseOver = (e, columnID) => {\n return this.state.activeSortColumn !== columnID\n ? this.setState({ activeHover: columnID })\n : null;\n };\n\n handleMouseOut = (e, columnID) => {\n this.setState({ activeHover: null });\n };\n\n handleHoverDisplay = columnID => {\n return (\n \n
\n )}\n \n \n {this.getDataTable()}\n {this.renderProjects()}\n
\n
\n );\n }\n}\n\nexport default withRouter(ProjectInboxDataTable);\n","import React, { useEffect } from 'react';\nimport { Field } from 'redux-form';\nimport Dropdown from '../../common/DropdownSelect';\nimport DateTimePicker from '../../common/DateTimePicker';\nimport _ from 'lodash';\nimport { formatSelectArray, fomatDates } from '../../common/commonHelper';\nimport { useTranslation } from 'react-i18next';\nimport i18n from './../../../i18n';\n\nconst selectedFilter = [\n { name: 'ProjectArtist', label: i18n.t('search:ProjectArtist') },\n { name: 'AssignedBy', label: i18n.t('search:AssignedBy') },\n { name: 'Step', label: i18n.t('search:Sections') },\n { name: 'From', label: i18n.t('search:From') },\n { name: 'To', label: i18n.t('search:To') },\n];\n\nconst Filter = props => {\n useEffect(() => {}, []);\n const { t } = useTranslation();\n const values = props.formValues && props.formValues.values;\n\n const deleteSelected = (val, name) => {\n let newVal = _.cloneDeep(values);\n newVal[name] = null;\n props.initialize(newVal);\n const searchData = {\n itemsPerPage: props.searchCriteria.itemsPerPage,\n pageNumber: props.searchCriteria.pageNumber,\n searchTerm: '',\n filter: props.getSearchCriteria(newVal),\n };\n props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchData)) });\n props.saveFilters(newVal);\n };\n\n const getSelectedFilters = () => {\n let hasFilter = false;\n _.forOwn(values, function(item, key) {\n if ((item && item.length > 0) || (item && item.value)) {\n hasFilter = true;\n }\n });\n\n if (!hasFilter) {\n return false;\n }\n\n let data = _.map(selectedFilter, (item, key) => {\n if (Array.isArray(values[item.name]) && values[item.name].length > 0) {\n return (\n \n \n {_.map(values[item.name], (val, index) => {\n return (\n \n
\n );\n };\n\n const handleOnSelect = (data, name) => {\n let values = _.cloneDeep(_.get(props, 'formValues.values', {}));\n const obj = {};\n if (name === 'To') {\n obj[name] = props.getToDate(data, true);\n } else if (name === 'From') {\n obj[name] = props.getFromDate(data, true);\n } else {\n obj[name] = data;\n }\n props.saveFilters({ ...props.formValues.values, ...obj });\n _.forOwn(values, function(item, key) {\n if (!item) {\n values[key] = '';\n }\n if (item && item.value) {\n values[key] = item.value;\n } else {\n if (key === 'From') {\n values[key] = props.getFromDate(item, true);\n }\n if (key === 'To') {\n values[key] = props.getToDate(item, true);\n }\n }\n });\n\n if (Array.isArray(data)) {\n values[name] = _.map(data, 'value');\n } else {\n values[name] =\n data && data.value\n ? data.value\n : name === 'From'\n ? props.getFromDate(data, true)\n : props.getToDate(data, true);\n }\n const searchData = {\n itemsPerPage: props.searchCriteria.itemsPerPage,\n pageNumber: props.searchCriteria.pageNumber,\n searchTerm: values.searchTerm,\n filter: { ...values },\n };\n props.handleInboxSearch({ searchCriteria: searchData });\n };\n\n const AssignedByFacets = formatSelectArray(_.get(props, 'data.AssignedByFacets', []));\n const ArtistFacets = formatSelectArray(_.get(props, 'data.ArtistFacets', []));\n const StepFacets = formatSelectArray(_.get(props, 'data.StepFacets', []));\n\n return (\n {i18n.t('search:SelectedFilters')}:
\n {data}
\n \n
\n );\n};\n\nexport default Filter;\n","import * as actions from 'types/inbox.types';\nimport Api from 'lib/api';\nimport { notificationSuccess } from './../actions/headerActions';\nexport const fetchSuccess = result => {\n return {\n type: actions.GET_INBOX_SUCCESS,\n result,\n };\n};\n\nexport const fetchFailure = error => {\n return {\n type: actions.GET_INBOX_FAILURE,\n message: error,\n };\n};\n\nexport const fetchRequest = loading => {\n return {\n type: actions.GET_INBOX_REQUEST,\n loading,\n };\n};\n\nexport const fetchInboxNotifications = data => {\n return dispatch => {\n dispatch(fetchRequest(true));\n return Api.post('/Notification/Search', data)\n .then(response => response.json())\n .then(response => {\n if (response) {\n dispatch(fetchSuccess(response));\n dispatch(notificationSuccess(response.UnreadNotifications));\n } else {\n dispatch(fetchFailure(response.message));\n }\n })\n .catch(error => {\n console.log('error', error);\n dispatch(fetchFailure(error));\n });\n };\n};\n\nexport const saveFilters = filters => ({\n type: actions.SAVE_FILTERS_INBOX,\n filters,\n});\n\nexport const changePageNumber = pageNo => ({\n type: actions.CHANGE_PAGE_NO_INBOX,\n pageNo,\n});\n\nexport const changeItemsPerPage = limit => ({\n type: actions.CHANGE_LIMIT_INBOX,\n limit,\n});\n\nexport const markAsRead = id => ({\n type: actions.MARK_AS_READ,\n id,\n});\n\nexport const readNotification = obj => {\n return dispatch => {\n dispatch(fetchRequest(true));\n return Api.post('/Notification/Read', obj)\n .then(response => response.json())\n .then(response => {\n if (response) {\n dispatch(fetchRequest(false));\n dispatch(markAsRead(obj.NotificationId));\n dispatch(notificationSuccess(response.UnreadNotifications));\n }\n })\n .catch(error => {\n console.log('error', error);\n dispatch(fetchRequest(false));\n dispatch(fetchFailure(error));\n });\n };\n};\n","export const GET_INBOX_SUCCESS = 'GET_INBOX_SUCCESS';\nexport const GET_INBOX_FAILURE = 'GET_INBOX_FAILURE';\nexport const GET_INBOX_REQUEST = 'GET_INBOX_REQUEST';\n\nexport const SAVE_FILTERS_INBOX = 'SAVE_FILTERS_INBOX';\nexport const CHANGE_PAGE_NO_INBOX = 'CHANGE_PAGE_NO_INBOX';\nexport const CHANGE_LIMIT_INBOX = 'CHANGE_LIMIT_INBOX';\nexport const MARK_AS_READ = 'MARK_AS_READ';\n","import React, { Component } from 'react';\nimport ProjectInboxDataTable from './pageComponents/projectInboxTable';\nimport TablePager from '../FindProject/pageComponents/TablePager';\nimport ProjectsViewDropDown from '../FindProject/pageComponents/ProjectsViewDropDown';\nimport Filter from './inboxFilter';\nimport { reduxForm, Field } from 'redux-form';\nimport * as projectInboxAction from 'actions/projectInboxAction';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router';\nimport LoadingImg from 'component_library/LoadingImg';\nimport {\n getSearchCriteria,\n getFromDate,\n getToDate,\n fomatDates,\n} from '../../common/commonHelper.js';\nimport InputField from '../../common/InputField';\nimport _ from 'lodash';\nimport { withTranslation } from 'react-i18next';\nimport { compose } from 'redux';\n\nclass ProjectInbox extends Component {\n constructor(props) {\n super(props);\n this.formSubmit = this.formSubmit.bind(this);\n this.handlePaginationChange = this.handlePaginationChange.bind(this);\n this.setProjectsView = this.setProjectsView.bind(this);\n this.handleColumnSort = this.handleColumnSort.bind(this);\n }\n\n componentDidMount() {\n const searchCriteria = _.cloneDeep(this.props.searchCriteria.filter);\n this.props.initialize(this.props.searchCriteria.filter);\n // if seach keyword also should remains then add the below code for searchTerm\n // this.props.searchCriteria.searchTerm ? this.props.searchCriteria.searchTerm :\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: '',\n filter: getSearchCriteria(searchCriteria),\n };\n this.props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchData)) });\n this.unlisten = this.props.history.listen((location, action) => {\n if (location.pathname === '/inbox') {\n this.props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchData)) });\n }\n });\n }\n\n componentWillUnmount() {\n this.unlisten();\n }\n\n formSubmit(values) {\n const formData = _.cloneDeep(values);\n const searchCriteria = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: values.searchTerm ? values.searchTerm : '',\n filter: getSearchCriteria(formData),\n };\n\n this.props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchCriteria)) });\n }\n\n handlePaginationChange(newPage) {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: String(newPage),\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n };\n this.props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchData)) });\n this.props.changePageNumber(String(newPage));\n }\n\n setProjectsView(count) {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const searchData = {\n itemsPerPage: String(count),\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n };\n this.props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchData)) });\n this.props.changeItemsPerPage(String(count));\n }\n\n handleColumnSort = (columnID, columnSortOrder) => {\n const searchCriteria = _.cloneDeep(this.props.formValues.values);\n const searchTerm = _.get(this.props, 'formValues.values.searchTerm', '');\n const searchData = {\n itemsPerPage: this.props.searchCriteria.itemsPerPage,\n pageNumber: this.props.searchCriteria.pageNumber,\n searchTerm: searchTerm,\n filter: getSearchCriteria(searchCriteria),\n sortOrder: columnSortOrder,\n sortColumn: columnID,\n };\n this.props.handleInboxSearch({ searchCriteria: fomatDates(_.cloneDeep(searchData)) });\n };\n\n render() {\n const { loading, result, handleSubmit, searchCriteria, facets, t } = this.props;\n return (\n \n
\n {values && Object.keys(values).length > 0 && (\n \n
\n
\n {t('inbox:SearchFilters')}
\n\n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n - \n \n
- {getSelectedFilters()} \n \n
\n
\n
\n \n
\n );\n }\n}\n\nProjectInbox = reduxForm({\n form: 'ProjectInboxForm',\n})(ProjectInbox);\n\nconst mapDispatchToProps = dispatch => ({\n handleInboxSearch: val => dispatch(projectInboxAction.fetchInboxNotifications(val)),\n saveFilters: filters => dispatch(projectInboxAction.saveFilters(filters)),\n changePageNumber: pageNo => dispatch(projectInboxAction.changePageNumber(pageNo)),\n changeItemsPerPage: limit => dispatch(projectInboxAction.changeItemsPerPage(limit)),\n readNotification: id => dispatch(projectInboxAction.readNotification(id)),\n});\n\nconst mapStateToProps = state => ({\n result: state.ProjectInboxReducer.result,\n loading: state.ProjectInboxReducer.loading,\n formValues: state.form.ProjectInboxForm,\n searchCriteria: state.ProjectInboxReducer.searchCriteria,\n facets: state.ProjectInboxReducer.facets,\n});\n\nexport default withRouter(\n compose(\n withTranslation('inbox'),\n connect(\n mapStateToProps,\n mapDispatchToProps,\n ),\n )(ProjectInbox),\n);\n","import React, { Component } from 'react';\n\nexport default class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { error: null, errorInfo: null };\n }\n\n componentDidCatch(error, errorInfo) {\n // Catch errors in any components below and re-render with error message\n this.setState({\n error: error,\n errorInfo: errorInfo,\n });\n // You can also log error messages to an error reporting service here\n }\n\n render() {\n if (this.state.errorInfo) {\n // Error path\n return (\n \n
\n \n
\n {t('inbox:ProjectInbox')}
\n{t('inbox:Description')}
\n\n
\n \n
- \n
- \n {t('inbox:Viewing')} \n
- \n \n \n \n
\n \n this.handleColumnSort(columnID, columnSortOrder)\n }\n readNotification={this.props.readNotification}\n t={t}\n />\n
\n \n
\n );\n }\n // Normally, just render children\n return this.props.children;\n }\n}\n","import React, { Component } from 'react';\nimport Header from './template/Header/Header';\nimport TrackInformationPage from './pages/TrackInformation/TrackInformationPage';\nimport ProjectContactsPage from './pages/ProjectContacts/ProjectContactsPage';\nimport AudioFilesPage from './pages/AudioFiles/AudioFilesPage';\nimport ReviewAndSubmitPage from './pages/ReviewAndSubmit/ReviewAndSubmitPage';\nimport BlockingPoliciesPage from './pages/BlockingPolicies/BlockingPoliciesPage';\nimport TerritorialRightsPage from './pages/TerritorialRights/TerritorialRightsPage';\nimport ReleaseInformationPage from './pages/ReleaseInformation/ReleaseInformationPage';\nimport FindProjectPage from './pages/FindProject/FindProjectPage';\nimport HelpGuide from './pages/HelpGuide/HelpGuidePage';\nimport UserAdmin from './pages/UserAdmin/UserAdmin';\nimport { connect } from 'react-redux';\nimport ProjectInbox from './pages/ProjectInbox';\nimport ErrorBoundary from './common/ErrorBoundary';\nimport * as releaseAction from './pages/ReleaseInformation/releaseAction';\nimport * as territorialRightsAction from '../actions/territorialRightsAction';\nimport UploadProgressAlert from 'components/SharedPageComponents/UploadProgresAlert';\nimport { showNotyMaskWarning, getCookie, deleteCookie, LOGOUT_URL } from 'components/Utils';\nimport { Route } from 'react-router-dom';\nimport jwt_decode from 'jwt-decode';\nimport { compose } from 'redux';\nimport { withTranslation } from 'react-i18next';\nimport _ from 'lodash';\n\nclass Content extends Component {\n constructor(props) {\n const uuidv4 = require('uuid/v4');\n\n super(props);\n this.state = {\n accesstoken: '',\n user: {},\n isAdmin: false,\n userLoaded: false,\n sessionId: uuidv4(),\n pageViewCompact: true,\n projectID: '',\n pagePath: '',\n projectStatus: null,\n mediaType: JSON.parse(localStorage.getItem('mediaType')),\n project: {\n Project: {},\n },\n serverTimeDate: '',\n clearProject: false,\n prevLocation: '',\n };\n this.setProjectID = this.setProjectID.bind(this);\n this.getUserData = this.getUserData.bind(this);\n this.updateHistory = this.updateHistory.bind(this);\n }\n\n componentDidMount() {\n this.checkAuthentication();\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.location !== this.props.location) {\n if (this.props.location.pathname === '/findProject') {\n this.setState({ prevLocation: 'findProject' });\n } else this.setState({ prevLocation: '' });\n }\n }\n\n async checkAuthentication() {\n const accesstoken = getCookie('guardian_auth');\n let user = {};\n try {\n user = jwt_decode(accesstoken);\n } catch (err) {\n console.log(err);\n }\n\n if (!user.email) {\n this.props.history.push('/');\n }\n\n this.setState({ accesstoken });\n sessionStorage.setItem('accessToken', accesstoken);\n sessionStorage.setItem('user', JSON.stringify(user));\n\n this.setState({ user: user }, () => {\n this.getUserData();\n });\n }\n\n getUserData(lang) {\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: this.state.accesstoken,\n });\n\n const fetchBody = JSON.stringify({\n User: {\n email: this.state.user.email,\n },\n languagecode: lang || localStorage.getItem('languageCode') || 'en',\n });\n\n fetch(window.env.api.url + '/media/api/Access/Login', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n if (response.status === 403 || response.status === 401) {\n deleteCookie('guardian_auth');\n this.props.history.push('/');\n return {};\n }\n return response.json();\n })\n .then(userJSON => {\n if (!_.isEmpty(userJSON)) {\n const newUserObj = Object.assign(userJSON, this.state.user);\n this.setState({\n user: newUserObj,\n userLoaded: true,\n });\n sessionStorage.setItem('user', JSON.stringify(newUserObj));\n sessionStorage.setItem('accessToken', this.state.accesstoken);\n }\n })\n .catch(error => console.error(error));\n }\n\n showNotiBarIfMasked = response => {\n if (response.Project && response.Project.isMasked) {\n showNotyMaskWarning(this.props.t('contact:maskWarning'), () => {}, 10);\n }\n };\n\n handleProjectDataLoad = pagePath => {\n if (pagePath && pagePath !== '' && this.state.projectID !== '') {\n const fetchHeaders = new Headers({\n 'Content-Type': 'application/json',\n Authorization: sessionStorage.getItem('accessToken'),\n });\n\n const fetchBody = JSON.stringify({\n PagePath: pagePath,\n ProjectID: this.state.projectID ? this.state.projectID : '',\n languagecode: localStorage.getItem('languageCode') || 'en',\n });\n\n fetch(window.env.api.url + '/media/api/ProjectReview/ProjectReview', {\n method: 'POST',\n headers: fetchHeaders,\n body: fetchBody,\n })\n .then(response => {\n return response.json();\n })\n .then(responseJSON => {\n // this.showNotiBarIfMasked(responseJSON);\n return this.state.project !== responseJSON\n ? this.setState({ project: responseJSON })\n : '';\n })\n .catch(error => {\n console.error(error);\n this.setState({ showloader: false });\n });\n }\n };\n\n updateHistory(projectID) {\n this.props.history.push('/reviewSubmit/' + projectID);\n this.setProjectID(projectID, '/reviewSubmit/' + projectID);\n }\n\n setProjectID(pid, pagePath) {\n if (!pid) {\n this.setState({ projectID: '' });\n }\n if (pid && this.state.projectID !== pid) {\n this.setState({ projectID: pid }, () => {\n this.handleProjectDataLoad(pagePath);\n });\n } else {\n if (pagePath && this.state.pagePath !== pagePath) {\n //For blocking, We can't call the review api on the submit and preview page. So we are calling here.\n if (this.state.pagePath.includes('blockingPolicies')) {\n this.setState({ pagePath: pagePath }, () => {\n this.handleProjectDataLoad(pagePath);\n });\n } else {\n this.setState({ pagePath: pagePath });\n }\n }\n }\n }\n\n setPageViewType = isCompactView => {\n return this.state.pageViewCompact !== isCompactView\n ? this.setState({ pageViewCompact: isCompactView })\n : null;\n };\n\n clearProject = () => {\n const blankProject = {\n Project: {},\n };\n localStorage.removeItem('projectData');\n localStorage.removeItem('upc');\n this.props.initializeUpcData();\n this.props.initializeRightsData();\n this.setState(\n {\n project: blankProject,\n clearProject: true,\n projectStatus: this.props.t('header:InProgress'),\n },\n () => this.setState({ clearProject: false }),\n );\n };\n\n handleLogoutClick = e => {\n e.preventDefault();\n deleteCookie('guardian_auth');\n localStorage.clear();\n // this.props.history.push('/');\n window.location.href = '/';\n };\n\n setHeaderProjectData = projectData => {\n if (this.state.project !== projectData && projectData.Project) {\n this.setState({ project: projectData });\n }\n };\n\n componentDidUpdate = () => {\n if (\n sessionStorage.getItem('user') &&\n this.state.serverTimeDate !== JSON.parse(sessionStorage.getItem('user')).UtcDateTime\n ) {\n this.setState({ serverTimeDate: JSON.parse(sessionStorage.getItem('user')).UtcDateTime });\n }\n };\n\n setStatus = status => {\n this.setState({ projectStatus: status });\n };\n\n changeMediaType = type => {\n this.setState({ mediaType: type });\n };\n\n render() {\n if (this.state.userLoaded) {\n return (\n Something went wrong. please try again later
\n\n {this.state.error && this.state.error.toString()}\n
\n {this.state.errorInfo.componentStack}\n
\n \n {this.state.errorInfo.componentStack}\n
\n
\n \n \n \n \n\n (\n (\n (\n (\n (\n (\n (\n (\n (\n (\n
\n Please remove them from your project or correct the rights status outside of\n the Guardian to continue.\n ,\n 5,\n );\n dispatch(\n updateProjectStatus({\n ProjectId: val.ProjectId,\n StatusId: '4',\n User: {\n email: val.User.email,\n },\n }),\n )\n .then(response => response.json())\n .then(response => {\n if (response.Result.success) {\n dispatch(projectStatusUpdate(t('NoRights')));\n }\n })\n .catch(error => {\n console.error(error);\n });\n } else {\n dispatch(\n updateProjectStatus({\n ProjectId: val.ProjectId,\n StatusId: '1',\n User: {\n email: val.User.email,\n },\n }),\n )\n .then(response => response.json())\n .then(response => {\n if (response.Result.success) {\n dispatch(projectStatusUpdate(t('InProgress')));\n }\n })\n .catch(error => {\n console.error(error);\n });\n }\n dispatch(\n rightsSuccess(\n response.TerritorialRightsSets,\n response.UnassignedTracks,\n response.NoRightsTracks,\n ),\n );\n } else {\n dispatch(rightsFailure(response.message));\n }\n })\n .catch(error => {\n console.log('error', error);\n dispatch(rightsFailure(error));\n });\n };\n};\n\nexport const initializeRights = () => {\n return {\n type: actions.INITIALIZE_RIGHTS,\n };\n};\n\nexport const initializeRightsData = () => {\n return dispatch => {\n dispatch(initializeRights());\n };\n};\n","export const RIGHTS_SUCCESS = 'RIGHTS_SUCCESS';\nexport const RIGHTS_FAILURE = 'RIGHTS_FAILURE';\nexport const RIGHTS_REQUEST = 'RIGHTS_REQUEST';\nexport const INITIALIZE_RIGHTS = 'INITIALIZE_RIGHTS';\nexport const STATUS_UPDATE = 'STATUS_UPDATE';\n","import React from 'react';\nimport { ToastContainer } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport './react-toastify-override.css';\n\nexport default () => (\n