![\"\"](\"/assets/img/logo.png\"){kind=logo}
\r\n \r\n {i18n.t(\"home:hello\")}, {ClientContext.current.name}\r\n
\r\n - \r\n
\r\n {i18n.t(\"home:hello\")}, {ClientContext.current.name}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n private _languageChange(language: string): void {\r\n this.props.i18n.changeLanguage(language);\r\n }\r\n}\r\n\r\nexport const Layout = withTranslation([\"navMenu\", \"home\"], { withRef: true })(LayoutComp);","import React, { Component } from 'react';\r\n\r\n\r\nexport class Footer extends Component\r\n
\r\n {this.props.children}\r\n \r\n
\r\n \r\n \r\n {i18n.t(\"home:hello\")}, {ClientContext.current.name}\r\n
\r\n \r\n \r\n
\r\n\r\n {this.props.children}\r\n \r\n
;\r\n }\r\n\r\n};","export function formatCurrency(language: string, amount: number): string {\r\n return amount.toLocaleString(language, { currency: \"USD\", style: \"currency\" });\r\n}\r\n\r\nexport function formatCurrencyNoSymbol(language: string, amount: number, fractionDigits?: number): string {\r\n return amount.toLocaleString(language, { maximumFractionDigits: fractionDigits ?? 2 });\r\n}","import * as React from \"react\";\r\n\r\nimport { PetitionHelper } from \"../utils/PetitionHelper\";\r\nimport { BarChart, XAxis, YAxis, Bar, ResponsiveContainer, Tooltip, Legend } from \"recharts\";\r\nimport { SalesDataItem } from \"../../models/SalesDataItem\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { formatCurrencyNoSymbol } from \"../common/Formatter\";\r\n\r\ninterface SalesDataProps {\r\n onDataRead?: (data: SalesDataItem[]) => void;\r\n}\r\n\r\ninterface SalesDataState {\r\n\r\n loading: boolean;\r\n data: SalesDataItem[];\r\n categories: { [id: number]: string };\r\n usedCategories: Set\r\n
\r\n No hay datasources
\r\n }\r\n const i18n = this.props.i18n;\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n formatCurrencyNoSymbol(i18n.language, val)}\r\n />\r\n\r\n {Object.values(this.state.categories)\r\n .filter(cat => this.state.usedCategories.has(cat))\r\n .sort((a, b) => a.localeCompare(b))\r\n .map((categoryKey, index, array) => {\r\n \r\n\r\n return \r\n \r\n })}\r\n \r\n formatCurrencyNoSymbol(i18n.language, val)} />\r\n \r\n \r\n\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nexport const SalesData = withTranslation()(SalesDataComp);\r\n\r\n\r\nenum GroupByMode {\r\n Year = 0,\r\n Month = 1\r\n}\r\n\r\nclass SalesDataService {\r\n\r\n static async getSalesData(): Promise{i18n.t(\"home:salesPerYear\")}
\r\n\r\n\r\n {props.subtitle} \r\n {props.title} \r\n
\r\n \r\n \r\n {this.props.title != null &&\r\n \r\n \r\n }\r\n {this.props.title == null &&\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n );\r\n }\r\n\r\n private calculateTotal(song: number, total: number): number {\r\n\r\n var percentage = ((100 * song) / total);\r\n\r\n return percentage;\r\n }\r\n}\r\n\r\nexport const TopSongs = withTranslation([\"songs\"])(TopSongsComp);","import * as React from \"react\";\r\nimport { PieChart, Pie, ResponsiveContainer, Cell, Tooltip, Legend, Sector } from \"recharts\";\r\nimport { SongsDataService } from \"./SongsDataService\";\r\nimport { SalesByStoreItem } from \"../../models/SongDataItem\";\r\nimport { getFromToDate, SalesPeriod, SalesPeriodDropDown } from \"../common/SalesPeriodDropDown\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { formatCurrency, formatCurrencyNoSymbol } from \"../common/Formatter\";\r\n\r\n\r\ninterface SalesByStoreProps {\r\n numStoresToShow: number;\r\n salesPeriod: SalesPeriod;\r\n title: string;\r\n}\r\n\r\ninterface SalesByStoreState {\r\n\r\n loading: boolean;\r\n data: SalesByStoreItem[];\r\n numStoresToShow: number,\r\n salesPeriod: SalesPeriod\r\n}\r\n\r\nconst Colors = [\"#E8C547\",\r\n \"#4D5061\",\r\n \"#5C80BC\",\r\n \"#CDD1C4\",\r\n \"#53A2BE\",\r\n \"#132E32\",\r\n \"#7E5A9B\",\r\n \"#04773B\",\r\n \"#953553\",\r\n \"#BF40BF\",\r\n \"#BDB5D5\",\r\n \"#00FF40\",\r\n \"#dabfdf\",\r\n \"#553333\",\r\n \"#669fa8\"];\r\n\r\n\r\nconst renderActiveShape = (props) => {\r\n const RADIAN = Math.PI / 180;\r\n const { cx, cy, midAngle, innerRadius, outerRadius, startAngle, endAngle, fill, payload, percent, value } = props;\r\n const sin = Math.sin(-RADIAN * midAngle);\r\n const cos = Math.cos(-RADIAN * midAngle);\r\n const sx = cx + (outerRadius + 10) * cos;\r\n const sy = cy + (outerRadius + 10) * sin;\r\n const mx = cx + (outerRadius + 30) * cos;\r\n const my = cy + (outerRadius + 30) * sin;\r\n const ex = mx + (cos >= 0 ? 1 : -1) * 22;\r\n const ey = my;\r\n const textAnchor = cos >= 0 ? 'start' : 'end';\r\n\r\n return (\r\n {this.props.title}
\r\n \r\n| {i18n.t(\"songs:tableTitle\")} | \r\n{i18n.t(\"songs:tableTotalInUSD\")} | \r\n{i18n.t(\"songs:tablePercentaje\")} | \r\n{i18n.t(\"songs:tableFirstSale\")} | \r\n{i18n.t(\"songs:tableLastSale\")} | \r\n
|---|---|---|---|---|
| {i18n.t(\"songs:emptyList\")} | ||||
| {song.Title.toLowerCase()} | \r\n{formatCurrencyNoSymbol(i18n.language, song.TotalInUSD)} | \r\n{formatCurrencyNoSymbol(i18n.language, totalSales)} | \r\n{song.FirstSale.toLocaleDateString()} | \r\n{song.LastSale.toLocaleDateString()} | \r\n
\r\n \r\n {this.props.title != null &&\r\n \r\n \r\n }\r\n {this.props.title == null &&\r\n
\r\n {this.state.data.length === 0 &&\r\n |
\r\n }\r\n {this.state.data != null &&\r\n \r\n \r\n \r\n \r\n {this.state.data.map((entry, index) => (\r\n | \r\n ))}\r\n \r\n \r\n formatCurrencyNoSymbol(this.props.i18n.language, val)} />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
}\r\n ;\r\n }\r\n};\r\n\r\nexport const SongsSalesByStore = withTranslation([\"songs\"])(SongsSalesByStoreComp);\r\n\r\n","import { DropdownItemModel, DropdownResponse } from \"../../models/DropdownItemModel\";\r\nimport { PetitionHelper } from \"../utils/PetitionHelper\";\r\n\r\nexport class DataSourceService {\r\n\r\n static async getMyDataSources(): Promise {\r\n\r\n var result = await PetitionHelper.MakeGetPetition(\"Services/Custom/Datasources/MyDatasources\") as DataSourceItem[];\r\n\r\n result.forEach(item => {\r\n item.LastImportation = PetitionHelper.ParseDate(item.LastImportation);\r\n });\r\n\r\n return result;\r\n }\r\n\r\n static async getConfigurableDataSources(): Promise {\r\n\r\n var result = await PetitionHelper.MakeGetPetition(\"Services/Custom/Datasources/MyDatasources\") as DataSourceItem[];\r\n\r\n result.forEach((item, index) => {\r\n item.LastImportation = PetitionHelper.ParseDate(item.LastImportation);\r\n });\r\n\r\n return result;\r\n }\r\n\r\n static async getDataSourceModel(dataSourceId: number): Promise {\r\n\r\n var url = `Services/Custom/Datasources/GetDataSource?dataSourceId=${dataSourceId}` ;\r\n\r\n var result = await PetitionHelper.MakeGetPetition(url) as MusicianDataSourceModel;\r\n \r\n return result;\r\n }\r\n\r\n static async deleteDataSource(dataSourceId: number): Promise {\r\n\r\n var url = `Services/Custom/Datasources/${dataSourceId}`;\r\n\r\n var result = await PetitionHelper.MakeDeletePetition(url) as any;\r\n\r\n return result;\r\n }\r\n\r\n static async persist(model: MusicianDataSourceModel): Promise {\r\n\r\n var url = `Services/Custom/Datasources/PersistDataSource`;\r\n\r\n var result = await PetitionHelper.MakePostPetition(url, model) as MusicianDataSourcePersistResponse;\r\n\r\n return result;\r\n }\r\n\r\n static async getAllDatasources(): Promise {\r\n var url = `Services/Custom/Datasources/GetAllDatasources`;\r\n\r\n var result = await PetitionHelper.MakeGetPetition(url) as DropdownResponse;\r\n\r\n return result.Items;\r\n }\r\n\r\n}\r\n\r\nexport interface DataSourceItem {\r\n Id: number;\r\n DataSourceId: number;\r\n DataSource: string;\r\n LogoUrl: string;\r\n Configured: boolean;\r\n LastImportation: Date;\r\n TotalInUSD: number;\r\n NumImportations: number;\r\n AutomaticImportation: boolean;\r\n}\r\n\r\nexport interface MusicianDataSourceModel {\r\n Id: number;\r\n DataSourceId: number;\r\n DataSource: string;\r\n LogoUrl: string;\r\n Configured: boolean;\r\n UserName: string;\r\n Password: string; \r\n}\r\n\r\ninterface MusicianDataSourcePersistResponse {\r\n IsOk: boolean;\r\n Errors: { [field: string]: string };\r\n}","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { ImportationsDataModel, ImportationService } from \"./ImportationService\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { formatCurrencyNoSymbol } from \"../common/Formatter\";\r\n\r\ninterface ImportationsListState {\r\n\r\n loading: boolean;\r\n searchResults: ImportationsDataModel;\r\n}\r\n\r\n\r\nexport class ImportationsHomeListComp extends React.Component {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n searchResults: null,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n var items = await ImportationService.getMyImportations(0, 5, true);\r\n this.setState({\r\n loading: false, \r\n searchResults: items\r\n });\r\n }\r\n\r\n render() {\r\n\r\n if (this.state.loading || this.state.searchResults == null) {\r\n return {\r\n\r\n var url = `Services/Custom/Quotes/RequestQuote`;\r\n\r\n model.publicMusicianId = model.publicMusicianId ?? -1;\r\n var result = await PetitionHelper.MakePostPetition(url, model) as CreateQuoteResponseModel;\r\n\r\n return result;\r\n }\r\n\r\n static async getLastQuote(): Promise {\r\n var url = `Services/Custom/Quotes/Pending`;\r\n\r\n var result = await PetitionHelper.MakeGetPetition(url) as QuoteInfo; \r\n if (result == null) {\r\n return null;\r\n }\r\n if (result.RequestDate != null) {\r\n result.RequestDate = PetitionHelper.ParseDate(result.RequestDate);\r\n }\r\n if (result.ResponseDate != null) {\r\n result.ResponseDate = PetitionHelper.ParseDate(result.ResponseDate);\r\n }\r\n\r\n return result;\r\n }\r\n\r\n}\r\n\r\n\r\ninterface CreateQuoteRequestModel {\r\n publicMusicianId: number;\r\n extraInfo: string;\r\n}\r\n\r\ninterface CreateQuoteResponseModel {\r\n IsOk: boolean;\r\n Errors: { [field: string]: string };\r\n}\r\n\r\nexport interface QuoteInfo {\r\n Id: number;\r\n RequestDate: Date;\r\n RequestObservations: string;\r\n QuoteAmount: number;\r\n ResponseDate: Date;\r\n ResponseObservations: string;\r\n}\r\n","import * as React from \"react\";\r\nimport Loader from \"react-loader-spinner\";\r\n\r\nexport class SpinnerInline extends React.Component {\r\n\r\n render() {\r\n return {\r\n\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n showNewModal: false,\r\n moreInfo: null,\r\n initLoading: true,\r\n quoteInfo: null\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n await this._readQuote();\r\n }\r\n\r\n private async _readQuote() {\r\n var quote = await QuoteService.getLastQuote();\r\n\r\n this.setState({\r\n initLoading: false,\r\n quoteInfo: quote,\r\n showNewModal: false\r\n });\r\n }\r\n\r\n render() {\r\n const { i18n } = this.props;\r\n\r\n if (this.state.initLoading) {\r\n return \r\n\r\n ;\r\n }\r\n\r\n private _showModal(): JSX.Element {\r\n\r\n var i18n = this.props.i18n;\r\n\r\n if (this.state.showNewModal) {\r\n return this._closeModal()}\r\n size=\"lg\"\r\n >\r\n\r\n {i18n.t(\"home:quoteButtonText\")} \r\n\r\n \r\n \r\n \r\n \r\n ;\r\n }\r\n }\r\n\r\n private async _createQuote() {\r\n var result = await QuoteService.createQuote({\r\n publicMusicianId: null,\r\n extraInfo: this.state.moreInfo\r\n });\r\n\r\n if (result.IsOk) {\r\n this._readQuote();\r\n }\r\n else {\r\n alert(\"Ha sucedido un error, int�ntelo mas tarde\");\r\n this._closeModal();\r\n }\r\n }\r\n\r\n private _closeModal() {\r\n this.setState({\r\n moreInfo: null,\r\n showNewModal: false\r\n });\r\n }\r\n}\r\n\r\nexport const NewQuoteButton = withTranslation([\"home\"])(NewQuoteButtonComp);\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Alert, Col, Row, NavLink } from \"reactstrap\";\r\n\r\nimport { SalesData } from \"./partials/SalesData\";\r\nimport { SalesDataItem } from \"../models/SalesDataItem\";\r\nimport { RegaliasCard } from \"./partials/RegaliasCard\";\r\nimport { TopSongs } from \"./songs/TopSongs\";\r\nimport { SalesPeriod } from \"./common/SalesPeriodDropDown\";\r\nimport { SongsSalesByStore } from \"./songs/SongsSalesByStore\";\r\nimport { DataSourceItem, DataSourceService } from \"./dataSources/DataSourceService\";\r\nimport { Spinner } from \"./common/Spinner\";\r\nimport { ImportationsHomeList } from \"./importations/ImportationsHomeList\";\r\nimport { formatCurrency } from \"./common/Formatter\";\r\nimport { NewQuoteButton } from \"./quotes/NewQuoteButton\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\ninterface SalesCompState {\r\n datasources: DataSourceItem[];\r\n salesData: SalesDataItem[];\r\n loading: boolean;\r\n noSourcesConfigured: boolean;\r\n}\r\n\r\nclass HomeComp extends React.Component {\r\n\r\n static displayName = HomeComp.name;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n salesData: null,\r\n datasources: null,\r\n noSourcesConfigured: false,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n var dataSources = await DataSourceService.getMyDataSources();\r\n\r\n var noImportations = dataSources.every(data => data.NumImportations === 0);\r\n\r\n this.setState({\r\n loading: false,\r\n datasources: dataSources,\r\n noSourcesConfigured: dataSources.every(data => !data.Configured)\r\n });\r\n\r\n\r\n if (noImportations) {\r\n window.location.href = \"/configDataSources\";\r\n }\r\n }\r\n\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return {\r\n\r\n\r\n private captchaRef: ReCAPTCHA;\r\n\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n showLoading: false,\r\n userName: \"\",\r\n password: \"\",\r\n recaptchaVal: \"\",\r\n validation: new ModelValidation()\r\n };\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n return (\r\n {error} ;\r\n }\r\n return null;\r\n }\r\n\r\n private async validateForm(): Promise {\r\n \r\n var validation = new ModelValidation();\r\n if ((this.state.userName || \"\") === \"\") {\r\n validation.addError(\"userName\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.password || \"\") === \"\") {\r\n validation.addError(\"password\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.recaptchaVal || \"\") === \"\") {\r\n validation.addError(\"recaptcha\", this.props.i18n.t(\"errors:selectCaptcha\"));\r\n }\r\n\r\n return validation;\r\n }\r\n};\r\n\r\nexport const Login = withTranslation([\"login\", \"errors\"])(LoginComp);\r\n\r\nclass LoginService {\r\n\r\n public static async MakeLogin(login: string, password: string, recaptchaVal: string): Promise {\r\n\r\n\r\n var loginMessage = {\r\n Login: login,\r\n Password: password,\r\n RecaptchaVal: recaptchaVal\r\n } as LoginRequest;\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/Login\", loginMessage) as LoginResult;\r\n\r\n return result;\r\n\r\n }\r\n\r\n}\r\n\r\ninterface LoginResult {\r\n IsValid: boolean;\r\n Token: string;\r\n}\r\n\r\ninterface LoginRequest {\r\n Login: string;\r\n Password: string;\r\n RecaptchaVal: string;\r\n}\r\n","import { DropdownItemModel, DropdownResponse } from \"../../models/DropdownItemModel\";\r\nimport { DropDownBase, IDropDownProps } from \"../base/DropDownBase\";\r\nimport { PetitionHelper } from \"../utils/PetitionHelper\";\r\n\r\nexport class CountryDropDown extends DropDownBase {\r\n\r\n protected async GetItems(): Promise {\r\n \r\n let result = await PetitionHelper.MakeGetPetition(\"Services/Custom/GetCountries\") as DropdownResponse;\r\n return result.Items;\r\n }\r\n\r\n};","import React, { Component } from 'react';\r\nimport { FormFeedback, FormGroup, Input, Label } from 'reactstrap';\r\n\r\nimport { DropdownItemModel } from \"../../models/DropdownItemModel\";\r\n\r\n\r\n\r\nexport interface IDropDownProps {\r\n selectedItemValue: number;\r\n selectedItemText: string;\r\n initialText: string;\r\n label: string;\r\n required?: boolean;\r\n\r\n onChanged: (value: any, text: string, data?: any) => void;\r\n errorMessage?: string;\r\n id?: string;\r\n disabled?: boolean;\r\n}\r\n\r\nexport interface IDropDownState {\r\n dropdownOptions: IDropdownOption[];\r\n value: string | number;\r\n text: string;\r\n label: string;\r\n}\r\n\r\nexport interface IDropdownOption {\r\n key: string | number;\r\n text: string;\r\n data: any;\r\n}\r\n\r\nexport abstract class DropDownBase extends Component {\r\n\r\n constructor(props: IProps) {\r\n super(props);\r\n\r\n var key = this.props.selectedItemValue == null ? 0 : this.props.selectedItemValue;\r\n var text = this.props.selectedItemText == null ? \"N/A\" : this.props.selectedItemText;\r\n const state = {\r\n dropdownOptions: [\r\n {\r\n key: key,\r\n text: text,\r\n }\r\n ],\r\n label: this.props.label,\r\n value: key,\r\n text: text\r\n } as IDropDownState;\r\n\r\n this.state = state;\r\n\r\n }\r\n\r\n protected shouldAddEmptyOption(): boolean {\r\n return true;\r\n };\r\n\r\n public async componentDidMount() {\r\n this._getAndPaintItems();\r\n }\r\n\r\n protected async _getAndPaintItems() {\r\n var items = await this.GetItems()\r\n this.BindItems(items, null);\r\n }\r\n\r\n protected abstract GetItems(): Promise;\r\n\r\n protected _getOptions(items: DropdownItemModel[]): IDropdownOption[] {\r\n\r\n var options: IDropdownOption[] = [];\r\n\r\n items.forEach((item) => {\r\n options.push({\r\n key: item.Id,\r\n text: item.Name,\r\n data: item\r\n } as IDropdownOption);\r\n });\r\n\r\n if (this.shouldAddEmptyOption() && !options.some((p) => p.key == null)) {\r\n options.unshift({\r\n key: null,\r\n text: null\r\n } as IDropdownOption);\r\n }\r\n\r\n return options;\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n return true;\r\n }\r\n\r\n protected BindItems(items: DropdownItemModel[], callback: () => void) {\r\n\r\n var options = this._getOptions(items);\r\n\r\n this.setState({ dropdownOptions: options },\r\n () => callback == null ? null : callback());\r\n\r\n }\r\n\r\n shouldComponentUpdate(nextProps: IProps, nextState) {\r\n \r\n if (isNaN(this.props.selectedItemValue) && isNaN(nextProps.selectedItemValue)) {\r\n return false;\r\n }\r\n\r\n //if (this.props.selectedItemValue !== nextProps.selectedItemValue) {\r\n // this.setState({\r\n // text: nextProps.selectedItemText,\r\n // value: nextProps.selectedItemValue\r\n // });\r\n //}\r\n return true;\r\n }\r\n\r\n public render(): JSX.Element {\r\n var value = this.props.selectedItemValue == null ? 0 : this.props.selectedItemValue;\r\n\r\n return this._pintaDropDown(this.state.label, value);\r\n }\r\n\r\n private _pintaDropDown(label: string, value: any): JSX.Element {\r\n\r\n var className = \"\";\r\n if (this.props.required) {\r\n className = \"required\";\r\n }\r\n\r\n return \r\n \r\n\r\n {\r\n this.props.onChanged(parseInt(evt.target.value), (evt.target as unknown as HTMLSelectElement).selectedOptions[0].text);\r\n }}\r\n >\r\n {this.state.dropdownOptions.map((val, index) => {\r\n return ;\r\n })}\r\n \r\n\r\n {this.props.errorMessage && {this.props.errorMessage} }\r\n ;\r\n }\r\n\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { withTranslation, WithTranslationProps } from 'react-i18next';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { Button, Col, Container, Form, FormFeedback, FormGroup, Input, Jumbotron, Label, Row } from 'reactstrap';\r\nimport { ClientContext } from './security/ClientContext';\r\nimport { ModelValidation, validateEmail } from \"./utils/ModelValidation\";\r\nimport { PetitionHelper } from \"./utils/PetitionHelper\";\r\nimport { CountryDropDown } from \"./common/CountryDropDown\";\r\nimport { Spinner } from './common/Spinner';\r\nimport { ReCAPTCHA } from \"react-google-recaptcha\";\r\n\r\ninterface SignUpState {\r\n showLoading: boolean;\r\n\r\n email: string;\r\n password: string;\r\n passwordConfirmation: string;\r\n\r\n firstName: string;\r\n lastName: string;\r\n\r\n phone: string;\r\n\r\n countryId: number;\r\n countryName: string;\r\n authorization: boolean;\r\n\r\n recaptchaVal: string;\r\n\r\n validation: ModelValidation;\r\n}\r\n\r\nclass SignUpComp extends Component {\r\n\r\n private captchaRef: ReCAPTCHA;\r\n\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n showLoading: false,\r\n\r\n firstName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n\r\n phone: \"\",\r\n countryId: null,\r\n countryName: \"\",\r\n\r\n password: \"\",\r\n passwordConfirmation: \"\",\r\n\r\n authorization: false,\r\n recaptchaVal: null,\r\n\r\n validation: new ModelValidation()\r\n };\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n return (\r\n {error} ;\r\n }\r\n return null;\r\n }\r\n\r\n private async validateForm(): Promise {\r\n var validation = new ModelValidation();\r\n\r\n if ((this.state.firstName || \"\") === \"\") {\r\n validation.addError(\"firstName\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.lastName || \"\") === \"\") {\r\n validation.addError(\"lastName\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.email || \"\") === \"\") {\r\n validation.addError(\"email\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n else if (!validateEmail(this.state.email)) {\r\n validation.addError(\"email\", this.props.i18n.t(\"errors:emailFormat\"));\r\n }\r\n\r\n\r\n if ((this.state.phone || \"\") === \"\") {\r\n validation.addError(\"phone\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.countryId || \"\") === \"\") {\r\n validation.addError(\"country\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.password || \"\") === \"\") {\r\n validation.addError(\"password\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n else if ((this.state.password || \"\").length < 7 || (this.state.password || \"\").length > 15) {\r\n validation.addError(\"password\", this.props.i18n.t(\"errors:passwordBetween7and15\"));\r\n }\r\n\r\n\r\n if ((this.state.passwordConfirmation || \"\") === \"\") {\r\n validation.addError(\"passwordConfirmation\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.password || \"\") !== \"\" &&\r\n (this.state.passwordConfirmation || \"\") !== \"\" &&\r\n this.state.password !== this.state.passwordConfirmation) {\r\n validation.addError(\"password\", this.props.i18n.t(\"signUp:errorPasswordMustMatch\"));\r\n }\r\n\r\n if (!this.state.authorization) {\r\n validation.addError(\"authorization\", this.props.i18n.t(\"signUp:authorizationRequired\"));\r\n }\r\n\r\n if ((this.state.recaptchaVal || \"\") === \"\") {\r\n validation.addError(\"recaptcha\", this.props.i18n.t(\"errors:selectCaptcha\"));\r\n }\r\n\r\n return validation;\r\n }\r\n\r\n};\r\n\r\nexport const SignUp = withTranslation([\"signUp\", \"errors\", \"home\"])(SignUpComp);\r\n\r\nclass SignUpService {\r\n\r\n static async SignUp(state: Readonly): Promise {\r\n\r\n var data = {\r\n FirstName: state.firstName,\r\n LastName: state.lastName,\r\n CountryId: state.countryId,\r\n Email: state.email,\r\n Password: state.password,\r\n Phone: state.phone,\r\n RecaptchaVal: state.recaptchaVal\r\n } as SignUpRequest;\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/SignUp\", data) as SignUpResponse;\r\n\r\n return result;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\ninterface SignUpRequest {\r\n\r\n FirstName: string;\r\n LastName: string;\r\n\r\n Email: string;\r\n\r\n Phone: string;\r\n\r\n Password: string;\r\n\r\n CountryId: number;\r\n RecaptchaVal: string;\r\n}\r\n\r\n\r\ninterface SignUpResponse {\r\n IsOk: boolean;\r\n Errors: { [field: string]: string };\r\n Token: string;\r\n}\r\n\r\n\r\n\r\n","import * as React from \"react\";\r\nimport { ModalFooter, Button, Modal, ModalHeader } from \"reactstrap\";\r\n\r\n\r\nclass UserAlertProps {\r\n public onOk: () => void;\r\n public visible: boolean;\r\n public bodyText: string;\r\n public title: string;\r\n public okButtonText: string;\r\n public danger?: boolean;\r\n\r\n}\r\n\r\nexport class UserAlertPopup extends React.Component {\r\n\r\n shouldComponentUpdate() {\r\n return true;\r\n }\r\n\r\n public render(): JSX.Element {\r\n if (!this.props.visible) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {this.props.title &&\r\n {this.props.title} \r\n }\r\n \r\n \r\n \r\n\r\n \r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { withTranslation, WithTranslationProps } from 'react-i18next';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { Button, Col, Container, Form, FormFeedback, FormGroup, Input, Label, Modal, ModalFooter, ModalHeader, Row } from 'reactstrap';\r\nimport { ModelValidation, validateEmail } from \"./utils/ModelValidation\";\r\nimport { PetitionHelper } from \"./utils/PetitionHelper\";\r\nimport { Spinner } from \"./common/Spinner\";\r\nimport { CountryDropDown } from \"./common/CountryDropDown\";\r\nimport { UserAlertPopup } from \"./common/UserAlertPopup\";\r\nimport { i18n as i18next } from 'i18next';\r\n\r\ninterface ProfileState {\r\n showLoading: boolean;\r\n textForUserMessage: string;\r\n textForUserError: string;\r\n\r\n email: string;\r\n password: string;\r\n passwordConfirmation: string;\r\n\r\n firstName: string;\r\n lastName: string;\r\n\r\n phone: string;\r\n\r\n countryId: number;\r\n countryName: string;\r\n\r\n validation: ModelValidation;\r\n passwordValidation: ModelValidation;\r\n emailValidation: ModelValidation;\r\n\r\n showChangeEmailWindow: boolean;\r\n newEmail: string;\r\n newEmailConfirmation: string;\r\n}\r\n\r\nclass ProfileComp extends Component {\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n showLoading: false,\r\n textForUserMessage: null,\r\n textForUserError: null,\r\n\r\n firstName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n\r\n phone: \"\",\r\n countryId: null,\r\n countryName: \"\",\r\n\r\n password: \"\",\r\n passwordConfirmation: \"\",\r\n\r\n validation: new ModelValidation(),\r\n passwordValidation: new ModelValidation(),\r\n emailValidation: new ModelValidation(),\r\n\r\n showChangeEmailWindow: false,\r\n newEmailConfirmation: null,\r\n newEmail: null,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n var data = await ProfileService.LoadData();\r\n this.setState(data);\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n return (\r\n {error} ;\r\n }\r\n return null;\r\n }\r\n\r\n private async validateForm(): Promise {\r\n var validation = new ModelValidation();\r\n\r\n if ((this.state.firstName || \"\") === \"\") {\r\n validation.addError(\"firstName\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.lastName || \"\") === \"\") {\r\n validation.addError(\"lastName\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.email || \"\") === \"\") {\r\n validation.addError(\"email\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n else if (!validateEmail(this.state.email)) {\r\n validation.addError(\"email\", this.props.i18n.t(\"errors:emailFormat\"));\r\n }\r\n\r\n if ((this.state.phone || \"\") === \"\") {\r\n validation.addError(\"phone\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.countryId || \"\") === \"\") {\r\n validation.addError(\"country\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n\r\n return validation;\r\n }\r\n\r\n\r\n private async validatePassword(): Promise {\r\n var validation = new ModelValidation();\r\n\r\n if ((this.state.password || \"\") === \"\") {\r\n validation.addError(\"password\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n else if ((this.state.password || \"\").length < 7 || (this.state.password || \"\").length > 15) {\r\n validation.addError(\"password\", this.props.i18n.t(\"errors:passwordBetween7and15\"));\r\n }\r\n\r\n if ((this.state.passwordConfirmation || \"\") === \"\") {\r\n validation.addError(\"passwordConfirmation\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.password || \"\") !== \"\" &&\r\n (this.state.passwordConfirmation || \"\") !== \"\" &&\r\n this.state.password !== this.state.passwordConfirmation) {\r\n validation.addError(\"password\", this.props.i18n.t(\"signUp:errorPasswordMustMatch\"));\r\n }\r\n\r\n\r\n return validation;\r\n }\r\n\r\n\r\n private async validateEmail(): Promise {\r\n var validation = new ModelValidation();\r\n\r\n if ((this.state.newEmail || \"\") === \"\") {\r\n validation.addError(\"newEmail\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n else if (!validateEmail(this.state.newEmail)) {\r\n validation.addError(\"newEmail\", this.props.i18n.t(\"errors:emailFormat\"));\r\n }\r\n else {\r\n if (this.state.email === this.state.newEmail) {\r\n validation.addError(\"newEmail\", this.props.i18n.t(\"errors:emailMustChange\"));\r\n return validation;\r\n }\r\n }\r\n\r\n\r\n if ((this.state.newEmailConfirmation || \"\") === \"\") {\r\n validation.addError(\"newEmailConfirmation\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n else if (!validateEmail(this.state.newEmailConfirmation)) {\r\n validation.addError(\"newEmailConfirmation\", this.props.i18n.t(\"errors:emailFormat\"));\r\n }\r\n\r\n\r\n\r\n if (validation.isOk && this.state.newEmailConfirmation !== this.state.newEmail) {\r\n validation.addError(\"newEmailConfirmation\", this.props.i18n.t(\"profile:emailsMustMatch\"));\r\n }\r\n\r\n return validation;\r\n }\r\n};\r\n\r\nexport const MyProfile = withTranslation([\"profile\", \"errors\", \"home\"])(ProfileComp);\r\n\r\nclass ProfileService {\r\n\r\n static async ChangeEmail(state: Readonly): Promise {\r\n\r\n var data = {\r\n Email: state.newEmail,\r\n EmailConfirmation: state.newEmailConfirmation,\r\n } as EmailChangeRequest;\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/ChangeEmail\", data) as PasswordChangeResponse;\r\n\r\n return result;\r\n }\r\n\r\n static async LoadData(): Promise {\r\n\r\n var result = await PetitionHelper.MakeGetPetition(\"Services/Custom/MyProfile\");\r\n\r\n var model = {\r\n firstName: result.FirstName,\r\n lastName: result.LastName,\r\n email: result.Email,\r\n phone: result.Phone,\r\n countryId: result.CountryId,\r\n countryName: result.CountryName\r\n } as ProfileState\r\n\r\n return model;\r\n }\r\n\r\n static async Save(state: Readonly): Promise {\r\n\r\n var data = {\r\n FirstName: state.firstName,\r\n LastName: state.lastName,\r\n CountryId: state.countryId,\r\n Email: state.email,\r\n Phone: state.phone\r\n } as ProfileRequest;\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/MyProfile\", data) as ProfileResponse;\r\n\r\n return result;\r\n }\r\n\r\n static async ChangePassword(state: Readonly): Promise {\r\n\r\n var data = {\r\n Password: state.password,\r\n PasswordConfirmation: state.passwordConfirmation,\r\n } as PasswordChangeRequest;\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/ChangePassword\", data) as PasswordChangeResponse;\r\n\r\n return result;\r\n }\r\n\r\n}\r\n\r\ninterface PasswordChangeRequest {\r\n Password: string;\r\n PasswordConfirmation: string;\r\n}\r\n\r\ninterface PasswordChangeResponse {\r\n IsOk: boolean;\r\n Errors: { [field: string]: string };\r\n}\r\n\r\n\r\ninterface EmailChangeRequest {\r\n Email: string;\r\n EmailConfirmation: string;\r\n}\r\n\r\ninterface EmailChangeResponse {\r\n IsOk: boolean;\r\n Errors: { [field: string]: string };\r\n}\r\n\r\n\r\n\r\n\r\n\r\ninterface ProfileRequest {\r\n\r\n FirstName: string;\r\n LastName: string;\r\n\r\n Email: string;\r\n\r\n Phone: string;\r\n\r\n Password: string;\r\n\r\n CountryId: number;\r\n}\r\n\r\n\r\ninterface ProfileResponse {\r\n IsOk: boolean;\r\n Errors: { [field: string]: string };\r\n}\r\n\r\n\r\n\r\n","import React, { Component } from 'react';\r\nimport { withTranslation, WithTranslationProps } from 'react-i18next';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { Alert, Button, Col, Container, Form, FormFeedback, FormGroup, Input, Jumbotron, Label, Row } from 'reactstrap';\r\nimport { Spinner } from './common/Spinner';\r\nimport { ModelValidation } from \"./utils/ModelValidation\";\r\nimport { PetitionHelper } from \"./utils/PetitionHelper\";\r\nimport { ReCAPTCHA } from \"react-google-recaptcha\";\r\ninterface RecoverPasswordState {\r\n\r\n userName: string;\r\n recaptchaVal: string;\r\n mailSentMessage: string;\r\n showLoading: boolean;\r\n validation: ModelValidation;\r\n}\r\n\r\nclass RecoverPasswordComp extends Component {\r\n\r\n private captchaRef: ReCAPTCHA;\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n userName: \"\",\r\n mailSentMessage: null,\r\n showLoading: false,\r\n recaptchaVal: null,\r\n validation: new ModelValidation()\r\n };\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n return (\r\n\r\n {error} ;\r\n }\r\n return null;\r\n }\r\n\r\n private async validateForm(): Promise {\r\n var validation = new ModelValidation();\r\n if ((this.state.userName || \"\") === \"\") {\r\n validation.addError(\"userName\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if ((this.state.recaptchaVal || \"\") === \"\") {\r\n validation.addError(\"recaptcha\", this.props.i18n.t(\"errors:selectCaptcha\"));\r\n }\r\n\r\n return validation;\r\n }\r\n};\r\n\r\nexport const RecoverPassword = withTranslation([\"login\", \"errors\", \"home\"])(RecoverPasswordComp);\r\n\r\nclass RecoverService {\r\n\r\n public static async InitiatePasswordChange(login: string, recaptchaVal:string): Promise {\r\n\r\n var model = {\r\n login: login,\r\n recaptchaVal: recaptchaVal\r\n };\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/InitiatePasswordChange\", model);\r\n\r\n\r\n return result;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n","import React, { Component } from 'react';\r\nimport { withTranslation, WithTranslationProps } from 'react-i18next';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { Alert, Button, Col, Container, Form, FormFeedback, FormGroup, Input, Jumbotron, Label, Row } from 'reactstrap';\r\nimport { Spinner } from './common/Spinner';\r\n\r\nimport { ModelValidation } from \"./utils/ModelValidation\";\r\nimport { PetitionHelper } from \"./utils/PetitionHelper\";\r\n\r\ninterface ChangePasswordState {\r\n\r\n newPassword: string,\r\n newPasswordRepeat: string,\r\n changePasswordMessage: string,\r\n isLoading: boolean;\r\n\r\n requestCode: string;\r\n\r\n validation: ModelValidation;\r\n}\r\n\r\nclass ChangePasswordComp extends Component {\r\n\r\n constructor(props: WithTranslationProps & RouteComponentProps) {\r\n super(props);\r\n this.state = {\r\n newPassword: \"\",\r\n newPasswordRepeat: \"\",\r\n changePasswordMessage: null,\r\n isLoading: false,\r\n validation: new ModelValidation(),\r\n requestCode: props.match.params[\"requestCode\"]\r\n };\r\n\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n if (this.state.requestCode == null) {\r\n return GARRULER!;\r\n }\r\n\r\n return (\r\n {error} ;\r\n }\r\n return null;\r\n }\r\n\r\n private async validateForm(): Promise {\r\n var validation = new ModelValidation();\r\n if ((this.state.newPassword || \"\") === \"\") {\r\n validation.addError(\"newPassword\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n if ((this.state.newPasswordRepeat || \"\") === \"\") {\r\n validation.addError(\"newPasswordRepeat\", this.props.i18n.t(\"errors:required\"));\r\n }\r\n\r\n if (validation.isOk) {\r\n if (this.state.newPassword !== this.state.newPasswordRepeat) {\r\n validation.addError(\"newPasswordRepeat\", this.props.i18n.t(\"login:passwordAndConfirmationMustMatch\"));\r\n }\r\n }\r\n\r\n\r\n return validation;\r\n }\r\n};\r\n\r\nexport const ChangePassword = withTranslation([\"login\", \"errors\", \"home\"])(ChangePasswordComp);\r\n\r\nclass ChangePasswordService {\r\n\r\n public static async PerformPasswordChange(password: string,\r\n requestCode: string): Promise {\r\n\r\n var result = await PetitionHelper.MakePostPetition(\"Services/Custom/PerformPasswordChange\", {\r\n password: password,\r\n requestCode: requestCode\r\n } as ChangePasswordPerformRequest) as ChangePasswordPerformResponse;\r\n\r\n return result;\r\n\r\n }\r\n\r\n}\r\n\r\ninterface ChangePasswordPerformRequest {\r\n password: string;\r\n requestCode: string;\r\n}\r\n\r\ninterface ChangePasswordPerformResponse {\r\n IsOk: boolean;\r\n Message: string;\r\n}\r\n\r\n\r\n","import React, { Component } from 'react';\r\nimport { withTranslation, WithTranslationProps } from 'react-i18next';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { Container, Jumbotron } from 'reactstrap';\r\n\r\n\r\nclass NotFoundComp extends Component {\r\n \r\n render() {\r\n\r\n return (\r\n {\r\n\r\n\r\n public constructor(props: SongListProps) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n searchResults: null,\r\n currentPage: 0,\r\n totalSum: 0,\r\n totalSales: null,\r\n empty: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n await this._performSearch(0);\r\n }\r\n\r\n private async _performSearch(pageNumber: number) {\r\n\r\n this.setState({ loading: true }, async () => {\r\n\r\n let dataResponse = await SongsDataService.getSongsData({\r\n fromDate: null,\r\n toDate: new Date(),\r\n pageNumber: pageNumber,\r\n pageSize: this.props.numSongs,\r\n showTotal: true\r\n });\r\n\r\n this.setState({\r\n loading: false,\r\n searchResults: dataResponse,\r\n currentPage: pageNumber,\r\n empty: dataResponse.Data.length === 0\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n if (this.state.loading) {\r\n return {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: null,\r\n loading: true\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n let dataResponse = await SongsDataService.getSongsData({\r\n fromDate: null,\r\n toDate: new Date(),\r\n pageNumber: 0,\r\n pageSize: 50,\r\n showTotal: false\r\n });\r\n\r\n\r\n\r\n this.setState({\r\n loading: false,\r\n data: dataResponse.Data,\r\n });\r\n }\r\n\r\n render() {\r\n\r\n if (this.state.loading) {\r\n return \r\n \r\n\r\n formatCurrencyNoSymbol(i18n.language, val)}\r\n />\r\n\r\n formatCurrencyNoSymbol(this.props.i18n.language, val)} />\r\n \r\n ;\r\n }\r\n}\r\n\r\nexport const TopSongsBySales = withTranslation([\"songs\"])(TopSongsBySalesComp);\r\n","import React, { Component } from 'react';\r\nimport { SongList } from \"./SongList\";\r\nimport { ClientContext } from \"../security/ClientContext\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport { TopSongsBySales } from \"./TopSongsBySales\";\r\n\r\n\r\n\r\nexport class SongsComp extends Component {\r\n\r\n\r\n render() {\r\n const { i18n } = this.props;\r\n\r\n return (\r\n {\r\n\r\n shouldComponentUpdate() {\r\n return true;\r\n }\r\n\r\n public render(): JSX.Element {\r\n if (!this.props.visible) {\r\n return null;\r\n }\r\n\r\n return (\r\n this.props.onCancel()}\r\n size=\"lg\"\r\n >\r\n {this.props.title &&\r\n {this.props.title} \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Button, Col, NavLink, Pagination, PaginationItem, PaginationLink, Row } from \"reactstrap\";\r\nimport { ImportationsDataModel, ImportationService, ImportationState } from \"./ImportationService\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { FaChevronLeft, FaChevronRight, FaTrashAlt } from 'react-icons/fa';\r\nimport { formatCurrencyNoSymbol } from \"../common/Formatter\";\r\nimport { UserConfirmationPopup } from \"../common/UserConfirmationPopup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { RegaliasCard } from \"../partials/RegaliasCard\";\r\n\r\ninterface ImportationsListState {\r\n\r\n loading: boolean;\r\n currentPage: number;\r\n searchResults: ImportationsDataModel;\r\n importationToDelete: number\r\n}\r\n\r\n\r\nexport class ImportationsIndexComp extends React.Component {\r\n\r\n\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n currentPage: 0,\r\n searchResults: null,\r\n importationToDelete: null\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n await this._performSearch(0);\r\n\r\n window.setInterval(() => this._performSearch(this.state.currentPage), 5000);\r\n }\r\n\r\n private async _performSearch(pageNumber: number) {\r\n\r\n var items = await ImportationService.getMyImportations(pageNumber, 10, false);\r\n this.setState({\r\n loading: false,\r\n currentPage: pageNumber,\r\n searchResults: items,\r\n });\r\n }\r\n\r\n render() {\r\n\r\n if (this.state.loading && (this.state.searchResults == null || this.state.searchResults.Data == null)) {\r\n return {\r\n\r\n this.setState({ loading: true }, async () => {\r\n\r\n var result = await ImportationService.deleteImportation(importationId);\r\n this.setState({ importationToDelete: null },\r\n () => this._performSearch(this.state.currentPage)\r\n );\r\n });\r\n }\r\n\r\n}\r\n\r\nexport const ImportationsIndex = withTranslation([\"importations\", \"dataSources\"])(ImportationsIndexComp);\r\n","import { PetitionHelper } from \"../../utils/PetitionHelper\";\r\nimport { SongDataItem } from \"../../../models/SongDataItem\";\r\n\r\nexport class SongDetailDataService {\r\n\r\n static async getSongDetailData(songId: number): Promise {\r\n\r\n var today = new Date();\r\n var model = {\r\n fromDate: new Date(today.getFullYear() - 10, 12, 31),\r\n toDate: new Date(today.getFullYear(), 12, 31),\r\n songId: songId\r\n } as SongDetailSalesQueryModel;\r\n\r\n var result = await PetitionHelper.MakeGetPetitionWithData(\"Services/Custom/GetSongDetailSalesData\", model) as SongDataItem;\r\n result.FirstSale = PetitionHelper.ParseDate(result.FirstSale);\r\n result.LastSale = PetitionHelper.ParseDate(result.LastSale);\r\n\r\n return result;\r\n }\r\n\r\n}\r\n\r\ninterface SongDetailSalesQueryModel {\r\n fromDate: Date;\r\n toDate: Date;\r\n songId: number;\r\n publicMusicianId: number;\r\n}","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { PieChart, Pie, BarChart, XAxis, CartesianGrid, Bar, ResponsiveContainer, Cell, Tooltip } from \"recharts\";\r\nimport { SalesByYearItem, SalesByStoreItem } from \"../../../models/SongDataItem\";\r\nimport { formatCurrencyNoSymbol } from \"../../common/Formatter\";\r\n\r\ninterface SalesByYearProps {\r\n data: SalesByYearItem[];\r\n}\r\n\r\ninterface SalesByStoreProps {\r\n data: SalesByStoreItem[];\r\n numStoresToShow: number;\r\n}\r\n\r\nconst Colors = ['#0088FE', '#00C49F', '#FFBB28', \"#04773B\", '#FF8042', \"#7E5A9B\"];\r\n\r\nexport class SalesByStoreGraphComp extends React.Component {\r\n\r\n render() {\r\n return \r\n \r\n entry.StoreName}\r\n nameKey=\"StoreName\"\r\n >\r\n {this.props.data.map((entry, index) => (\r\n | \r\n ))}\r\n \r\n formatCurrencyNoSymbol(this.props.i18n.language, val)} />\r\n \r\n ;\r\n }\r\n};\r\n\r\n\r\nexport const SalesByStoreGraph = withTranslation([\"songs\"])(SalesByStoreGraphComp);\r\n\r\n\r\nexport class SalesByYearGraphComp extends React.Component {\r\n\r\n render() {\r\n return (\r\n {\r\n static displayName = SongDetailComp.name;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n songId: props.match.params.id,\r\n songData: null,\r\n loading: true\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n let dataResponse = await SongDetailDataService.getSongDetailData(this.state.songId);\r\n\r\n\r\n this.setState({\r\n loading: false,\r\n songData: dataResponse\r\n });\r\n\r\n }\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return \r\n {this.state.songData == null && \r\n );\r\n }\r\n}\r\n\r\nexport const SongDetail = withTranslation([\"songs\"])(SongDetailComp);\r\n","\r\nexport enum DataSources {\r\n\r\n DistroKid = 1,\r\n ITunes = 2,\r\n AppleMusic = 3,\r\n Rdv = 4,\r\n SmoothNotes = 5,\r\n Believe = 6,\r\n Symphonic = 7,\r\n InternalFormat = 8,\r\n BMI = 9,\r\n ASCAP = 10,\r\n Ditto = 11,\r\n SonyMusic = 12,\r\n IdentityMusic = 13,\r\n SoundExchange = 14,\r\n OneRpm = 15,\r\n TuneCore = 16,\r\n UniversalMusic = 17,\r\n WarnerChappell = 18,\r\n Unison = 19\r\n\r\n}\r\n\r\nexport function getImagePathForDataSource(datasourceId: DataSources) {\r\n switch (datasourceId) {\r\n case DataSources.BMI: {\r\n return \"/assets/img/logo_bmi.jpg\";\r\n }\r\n case DataSources.AppleMusic: {\r\n return \"/assets/img/logo_AppleMusic.png\";\r\n }\r\n case DataSources.ITunes: {\r\n return \"/assets/img/logo_Itunes.png\";\r\n }\r\n case DataSources.ASCAP: {\r\n return \"/assets/img/logo_ascap.jpg\";\r\n }\r\n case DataSources.Unison: {\r\n return \"/assets/img/logo_unison.png\";\r\n }\r\n case DataSources.Symphonic: {\r\n return \"/assets/img/logo_symphonic.png\";\r\n }\r\n case DataSources.OneRpm: {\r\n return \"/assets/img/logo_onerpm.png\";\r\n }\r\n case DataSources.Ditto: {\r\n return \"/assets/img/logo_ditto.png\";\r\n }\r\n case DataSources.SoundExchange: {\r\n return \"/assets/img/logo_SoundExchange.png\";\r\n }\r\n case DataSources.WarnerChappell: {\r\n return \"/assets/img/logo_WarnerChappell.jpg\";\r\n }\r\n case DataSources.TuneCore: {\r\n return \"/assets/img/logo_TuneCore.jpg\";\r\n }\r\n case DataSources.IdentityMusic: {\r\n return \"/assets/img/logo_identity.png\";\r\n }\r\n case DataSources.Believe: {\r\n return \"/assets/img/logo_believe.png\";\r\n }\r\n case DataSources.DistroKid: {\r\n return \"/assets/img/logo_DistroKid.png\";\r\n }\r\n case DataSources.SmoothNotes: {\r\n return \"/assets/img/logo_SmoothNotes.png\";\r\n }\r\n case DataSources.Rdv: {\r\n return \"/assets/img/logo_Rdv.png\";\r\n }\r\n case DataSources.UniversalMusic: {\r\n return \"/assets/img/logo_UniversalMusic.png\";\r\n }\r\n case DataSources.SonyMusic: {\r\n return \"/assets/img/logo_SonyMusic.png\";\r\n }\r\n default:\r\n return \"\";\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Button, Col, Form, FormFeedback, FormGroup, Input, InputGroup, InputGroupAddon, Label, Row } from 'reactstrap';\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { ModelValidation } from \"../../utils/ModelValidation\";\r\nimport { cloneDeep } from \"lodash\";\r\nimport { MusicianDataSourceModel } from \"../DataSourceService\";\r\nimport { PetitionHelper } from \"../../utils/PetitionHelper\";\r\nimport { Spinner } from \"../../common/Spinner\";\r\nimport { FaChevronRight, FaEye, FaEyeSlash } from \"react-icons/fa\";\r\n\r\n\r\nexport interface Step1Props {\r\n\r\n onLoginOK: (accounts: Object,\r\n username: string,\r\n password: string,\r\n question: Question,\r\n callback: () => void) => void\r\n}\r\n\r\nexport interface Question {\r\n text: string;\r\n answer: string;\r\n}\r\n\r\nexport interface Step1InternalProps extends Step1Props {\r\n logoUrl: string;\r\n serviceUrl: string;\r\n wrongLoginExplanation: string;\r\n}\r\n\r\ninterface Step1State {\r\n\r\n loading: boolean;\r\n datasource: MusicianDataSourceModel;\r\n validation: ModelValidation;\r\n passwordRevealed: boolean;\r\n explanation: string;\r\n}\r\n\r\nclass Step1Comp extends React.Component & Step1InternalProps, Step1State> {\r\n\r\n public constructor(props: WithTranslationProps & Partial & Step1InternalProps) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n datasource: {\r\n UserName: '',\r\n Password: ''\r\n } as MusicianDataSourceModel,\r\n validation: new ModelValidation(),\r\n passwordRevealed: false,\r\n explanation: null\r\n };\r\n }\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return {\r\n var validation = new ModelValidation();\r\n\r\n if ((this.state.datasource.UserName || \"\") === \"\") {\r\n validation.addError(\"UserName\", this.props.i18n.t(\"dataSources:Required\"));\r\n }\r\n\r\n if ((this.state.datasource.Password || \"\") === \"\") {\r\n validation.addError(\"Password\", this.props.i18n.t(\"dataSources:Required\"));\r\n }\r\n\r\n return validation;\r\n }\r\n\r\n private _errorMessage(fieldName: string): JSX.Element {\r\n var error = this.state.validation.getError(fieldName);\r\n if (error) {\r\n return {error} ;\r\n }\r\n return null;\r\n }\r\n}\r\n\r\n\r\nexport const GenericStep1 = withTranslation([\"dataSources\"])(Step1Comp);\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\n\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n\r\n render() {\r\n return \r\n \r\n 
\r\n \r\n
\r\n\r\n {props.status.Finished && \r\n \r\n
\r\n }\r\n\r\n {props.status.HasError && (props.status.Details == null || props.status.Details.length === 0) && \r\n
}\r\n\r\n {props.status.Details != null && props.status.Details.length !== 0 && \r\n
}\r\n\r\n {props.status.Finished && !props.status.HasError && (props.status.Details != null && props.status.Details.length === 0) && \r\n
}\r\n\r\n {!props.status.Finished && \r\n |
\r\n \r\n
\r\n }\r\n\r\n ;\r\n\r\n\r\n};\r\n\r\n\r\nexport const ImportationProgress = withTranslation([\"importations\"])(ImportationProgressFn);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Button, Col, Form, FormGroup, Input, Label, Row } from 'reactstrap';\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { PetitionHelper } from \"../../utils/PetitionHelper\";\r\nimport { Spinner } from \"../../common/Spinner\";\r\n\r\nimport { ImportationStatus } from \"../../../models/ImportationStatus\";\r\nimport { ImportationProgress } from \"../ImportationProgress\";\r\n\r\nimport { FaChevronRight } from \"react-icons/fa\";\r\n\r\nexport interface Step2Props {\r\n\r\n accounts: Object,\r\n username: string,\r\n password: string,\r\n onProcessFinished: (message: string) => void\r\n}\r\n\r\ninterface Step2PropsInternal extends Step2Props {\r\n\r\n logoUrl: string;\r\n serviceUrl: string;\r\n\r\n}\r\n\r\ninterface Step2State {\r\n\r\n loading: boolean;\r\n importationStatus: ImportationStatus;\r\n accounts: Object;\r\n validationOK: boolean;\r\n checkedItems: Map;\r\n}\r\n\r\nclass Step2WithAccountsComp extends React.Component & Step2PropsInternal, Step2State> {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n importationStatus: null,\r\n accounts: {},\r\n validationOK: true,\r\n checkedItems: new Map()\r\n };\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleChange(event) {\r\n var isChecked = event.target.checked;\r\n var item = event.target.value;\r\n\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n\r\n render() {\r\n\r\n if (this.state.loading) {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , BMIWizardState> {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n accounts: null,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ accounts: accounts, username: username, password: password },\r\n () => callback());\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n accounts={this.state.accounts}\r\n username={this.state.username}\r\n password={this.state.password}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const BMIWizard = withTranslation([\"dataSources\"], { withRef: true })(BMIWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n \r\n render() {\r\n return & Step2InternalProps, Step2State> {\r\n\r\n public constructor(props: WithTranslationProps & Partial & Step2InternalProps) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n importationStatus: null,\r\n };\r\n\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n try {\r\n\r\n let requestId = await PetitionHelper.MakePostPetition(\r\n `${this.props.serviceUrl}/Process`, {\r\n Username: this.props.username,\r\n Password: this.props.password,\r\n SecurityQuestionAnswer: this.props.securityQuestionAnswer\r\n }) as any;\r\n\r\n\r\n let timerId = window.setInterval(\r\n async () => {\r\n let result = await PetitionHelper.MakeGetPetition(`${this.props.serviceUrl}/GetStatus?requestId=${requestId}`) as ImportationStatus;\r\n if (result.Finished) {\r\n window.clearInterval(timerId);\r\n }\r\n\r\n this.setState({ importationStatus: result });\r\n },\r\n 2000);\r\n }\r\n\r\n catch (error) {\r\n alert(error);\r\n }\r\n finally {\r\n //this.setState({ loading: false, validationOK: true });\r\n }\r\n }\r\n\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , AscapWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ username: username, password: password });\r\n done();\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n /> \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const AscapWizard = withTranslation([\"dataSources\"])(AscapWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props} from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n \r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , UnisonWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ username: username, password: password });\r\n done();\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n /> \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const UnisonWizard = withTranslation([\"dataSources\"])(UnisonWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n \r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , SymphonicWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n accounts: null,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ accounts: accounts, username: username, password: password });\r\n done();\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n accounts={this.state.accounts}\r\n username={this.state.username}\r\n password={this.state.password}\r\n /> \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const SymphonicWizard = withTranslation([\"dataSources\"])(SymphonicWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n \r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , OneRpmWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ username: username, password: password });\r\n done();\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n /> \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport const OneRpmWizard = withTranslation([\"dataSources\"])(OneRpmWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n \r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , DittoWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ username: username, password: password });\r\n done();\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n /> \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const DittoWizard = withTranslation([\"dataSources\"])(DittoWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\n\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n\r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , SoundExchangeWizardState> {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n accounts: null,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ accounts: accounts, username: username, password: password },\r\n () => callback());\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n accounts={this.state.accounts}\r\n username={this.state.username}\r\n password={this.state.password}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const SoundExchangeWizard = withTranslation([\"dataSources\"], { withRef: true })(SoundExchangeWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\n\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n\r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , WarnerChappellWizardState> {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n accounts: null,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ accounts: accounts, username: username, password: password },\r\n () => callback());\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n accounts={this.state.accounts}\r\n username={this.state.username}\r\n password={this.state.password}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const WarnerChappellWizard = withTranslation([\"dataSources\"], { withRef: true })(WarnerChappellWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n \r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , TuneCoreWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ username: username, password: password });\r\n done();\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n /> \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const TuneCoreWizard = withTranslation([\"dataSources\"])(TuneCoreWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\n\r\n\r\n\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n\r\n render() {\r\n return & Step2Props, any> {\r\n\r\n render() {\r\n return , IdentityMusicWizardState> {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n accounts: null,\r\n username: '',\r\n password: '',\r\n message: ''\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ accounts: accounts, username: username, password: password },\r\n () => callback());\r\n }}\r\n />\r\n {\r\n this.props.onChange();\r\n }}\r\n accounts={this.state.accounts}\r\n username={this.state.username}\r\n password={this.state.password}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const IdentityMusicWizard = withTranslation([\"dataSources\"], { withRef: true })(IdentityMusicWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\n\r\nimport { GenericStep1, Step1Props } from \"../GenericWizard/GenericStep1\";\r\n\r\nclass Step1Comp extends React.Component & Step1Props, any> {\r\n\r\n \r\n render() {\r\n return & Step2InternalProps & Step1Props, Step2State> {\r\n\r\n public constructor(props: WithTranslationProps & Partial & Step2InternalProps & Step1Props) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n validation: new ModelValidation(),\r\n securityQuestionAnswer: \"\",\r\n };\r\n }\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return {\r\n var validation = new ModelValidation();\r\n\r\n if ((this.state.securityQuestionAnswer || \"\") === \"\") {\r\n validation.addError(\"securityQuestionAnswer\", this.props.i18n.t(\"dataSources:Required\"));\r\n }\r\n\r\n return validation;\r\n }\r\n\r\n private _errorMessage(fieldName: string): JSX.Element {\r\n var error = this.state.validation.getError(fieldName);\r\n if (error) {\r\n return {error} ;\r\n }\r\n return null;\r\n }\r\n}\r\n\r\n\r\nexport const Step2 = withTranslation([\"dataSources\"])(Step2Comp);\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { GenericStep2, Step2Props } from \"../GenericWizard/GenericStep2\";\r\n\r\n\r\ninterface Step3Props {\r\n\r\n securityQuestionAnswer: string;\r\n}\r\n\r\n\r\nclass Step3Comp extends React.Component & Step3Props & Step2Props, any> {\r\n\r\n render() {\r\n return , UniversalMusicWizardState> {\r\n wizard: any;\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n username: '',\r\n password: '',\r\n message: '',\r\n securityQuestion: null,\r\n };\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n this.props.onChange()}\r\n onClosed={() => this.props.onChange()}\r\n className=\"wizardBMI\"\r\n >\r\n this.props.onChange()}>\r\n {this.props.i18n.t(\"dataSources:WizardTitle\")}\r\n \r\n \r\n \r\n \r\n void) => {\r\n this.setState({ username: username, password: password, securityQuestion: question });\r\n done();\r\n }}\r\n />\r\n void) => {\r\n this.setState({ username: username, password: password, securityQuestion: question });\r\n done();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n securityQuestion={this.state.securityQuestion == null ? \"\" : this.state.securityQuestion.text}\r\n />\r\n\r\n {\r\n this.props.onChange();\r\n }}\r\n username={this.state.username}\r\n password={this.state.password}\r\n securityQuestionAnswer={this.state.securityQuestion == null ? \"\" : this.state.securityQuestion.answer}\r\n\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const UniversalMusicWizard = withTranslation([\"dataSources\"])(UniversalMusicWizardComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Modal, ModalBody } from 'reactstrap';\r\n\r\nimport { PetitionHelper } from \"../../utils/PetitionHelper\";\r\nimport { Spinner } from \"../../common/Spinner\";\r\n\r\nimport { ImportationStatus } from \"../../../models/ImportationStatus\";\r\nimport { ImportationProgress } from \"../ImportationProgress\";\r\n\r\n\r\nexport interface ReimportCompProps {\r\n onProcessFinished?: (message: string) => void;\r\n}\r\n\r\n\r\nexport interface GenericReimportCompProps extends ReimportCompProps {\r\n logoUrl: string;\r\n serviceUrl: string;\r\n}\r\n\r\ninterface ReimportCompState {\r\n\r\n loading: boolean;\r\n importationStatus: ImportationStatus;\r\n \r\n}\r\n\r\nclass GenericReimportComp extends React.Component {\r\n\r\n public constructor(props: WithTranslationProps & GenericReimportCompProps) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: true,\r\n importationStatus: null,\r\n };\r\n\r\n }\r\n\r\n async componentDidMount() {\r\n await this.doReimport();\r\n }\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return \r\n \r\n \r\n ;\r\n }\r\n\r\n private async doReimport() {\r\n this.setState({ importationStatus: {} as any }, async () => {\r\n try {\r\n let requestId = await PetitionHelper.MakePostPetition(`${this.props.serviceUrl}/Reimport`, {}) as any;\r\n\r\n this.setState({loading: false}, () => {\r\n\r\n let timerId = window.setInterval(\r\n async () => {\r\n let result = await PetitionHelper.MakeGetPetition(`${this.props.serviceUrl}/GetStatus?requestId=${requestId}`) as ImportationStatus;\r\n if (result.Finished) {\r\n window.clearInterval(timerId);\r\n }\r\n\r\n this.setState({ importationStatus: result });\r\n },\r\n 2000);\r\n });\r\n }\r\n catch (error) {\r\n alert(\"Error\");\r\n }\r\n });\r\n }\r\n\r\n\r\n}\r\n\r\nexport const GenericReimport = withTranslation([\"dataSources\"])(GenericReimportComp);\r\n\r\n","\r\nimport * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\n\r\nimport { GenericReimport, ReimportCompProps } from \"../GenericWizard/GenericReimport\";\r\n\r\n\r\nclass ReimportComp extends React.Component {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n render() {\r\n return {\r\n\r\n public constructor(props: DocumentUploadProps) {\r\n super(props);\r\n this.state = {\r\n filesToUpload: []\r\n };\r\n }\r\n\r\n public clearFiles() {\r\n this.setState({ filesToUpload: [] });\r\n }\r\n\r\n public render(): JSX.Element {\r\n\r\n return (\r\n {\r\n let newState = cloneDeep(this.state);\r\n newState.totalFileSize = 0;\r\n newState.bytesUploaded = 0;\r\n newState.inProgress = true;\r\n this.setState(newState, async () => {\r\n\r\n let dataToPost = new FormData();\r\n\r\n if (data) {\r\n let dataKeys = keys(data) as [];\r\n dataKeys.forEach((key, index) => {\r\n dataToPost.append(key, data[key]);\r\n });\r\n }\r\n\r\n this.state.filesToUpload.forEach(file => {\r\n dataToPost.append(file.name, file);\r\n });\r\n\r\n try {\r\n\r\n let result = await PetitionHelper.MakePostPetitionFile(this.props.uploadUrl, dataToPost);\r\n\r\n if (finished) {\r\n finished(result.Result, false);\r\n }\r\n\r\n } catch (error) {\r\n finished(null, true);\r\n }\r\n\r\n });\r\n return;\r\n }\r\n\r\n public getSelectedFiles(): File[] {\r\n return this.state.filesToUpload;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { DropdownItemModel } from \"../../models/DropdownItemModel\";\r\n\r\nimport { InputSelectBase, IDropDownProps } from \"../base/InputSelectBase\";\r\nimport { DataSourceService } from \"./DataSourceService\";\r\n\r\nexport class DataSourceDropDown extends InputSelectBase {\r\n\r\n protected async GetItems(): Promise {\r\n \r\n let result = await DataSourceService.getAllDatasources(); \r\n return result;\r\n }\r\n\r\n};","import React, { Component } from 'react';\r\nimport { Input, FormFeedback, FormGroup, Label } from 'reactstrap';\r\n\r\nimport { DropdownItemModel } from \"../../models/DropdownItemModel\";\r\n\r\n\r\n\r\nexport interface IDropDownProps {\r\n selectedItemValue: number;\r\n selectedItemText: string;\r\n label: string;\r\n required?: boolean;\r\n\r\n onChanged: (value: any) => void;\r\n errorMessage?: string;\r\n id?: string;\r\n disabled?: boolean;\r\n}\r\n\r\nexport interface IDropDownState {\r\n dropdownOptions: IDropdownOption[];\r\n value: string | number;\r\n text: string;\r\n label: string;\r\n}\r\n\r\nexport interface IDropdownOption {\r\n key: string | number;\r\n text: string;\r\n data: any;\r\n}\r\n\r\nexport abstract class InputSelectBase extends Component {\r\n\r\n constructor(props: IProps) {\r\n super(props);\r\n\r\n var key = this.props.selectedItemValue == null ? 0 : this.props.selectedItemValue;\r\n var text = this.props.selectedItemText == null ? \"N/A\" : this.props.selectedItemText;\r\n const state = {\r\n dropdownOptions: [\r\n {\r\n key: key,\r\n text: text,\r\n }\r\n ],\r\n label: this.props.label,\r\n value: key,\r\n text: text\r\n } as IDropDownState;\r\n\r\n this.state = state;\r\n\r\n }\r\n\r\n protected shouldAddEmptyOption(): boolean {\r\n return true;\r\n };\r\n\r\n public async componentDidMount() {\r\n this._getAndPaintItems();\r\n }\r\n\r\n protected async _getAndPaintItems() {\r\n var items = await this.GetItems()\r\n this.BindItems(items, null);\r\n }\r\n\r\n protected abstract GetItems(): Promise;\r\n\r\n protected _getOptions(items: DropdownItemModel[]): IDropdownOption[] {\r\n\r\n var options: IDropdownOption[] = [];\r\n\r\n items.forEach((item) => {\r\n options.push({\r\n key: item.Id,\r\n text: item.Name,\r\n data: item\r\n } as IDropdownOption);\r\n });\r\n\r\n if (this.shouldAddEmptyOption() && !options.some((p) => p.key == null)) {\r\n options.unshift({\r\n key: null,\r\n text: null\r\n } as IDropdownOption);\r\n }\r\n\r\n return options;\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n return true;\r\n }\r\n\r\n protected BindItems(items: DropdownItemModel[], callback: () => void) {\r\n\r\n var options = this._getOptions(items);\r\n\r\n this.setState({ dropdownOptions: options },\r\n () => callback == null ? null : callback());\r\n\r\n }\r\n\r\n shouldComponentUpdate(nextProps: IProps, nextState) {\r\n \r\n if (this.props.selectedItemValue !== nextProps.selectedItemValue) {\r\n this.setState({\r\n text: nextProps.selectedItemText,\r\n value: nextProps.selectedItemValue\r\n });\r\n }\r\n return true;\r\n }\r\n\r\n public render(): JSX.Element {\r\n var value = this.props.selectedItemValue == null ? 0 : this.props.selectedItemValue;\r\n\r\n return this._pintaDropDown(this.state.label, value);\r\n }\r\n\r\n private _pintaDropDown(label: string, value: any): JSX.Element {\r\n\r\n var className = \"\";\r\n if (this.props.required) {\r\n className = \"required\";\r\n }\r\n\r\n return \r\n \r\n\r\n this.props.onChanged(parseInt(evt.target.value))}\r\n invalid={(this.props.errorMessage != null && this.props.errorMessage.length > 0)}\r\n >\r\n {this.state.dropdownOptions.map((val, index) => {\r\n return ;\r\n })}\r\n \r\n\r\n {this.props.errorMessage && {this.props.errorMessage} }\r\n ;\r\n }\r\n\r\n\r\n}\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Button, Modal, ModalBody, ModalFooter, ModalHeader } from \"reactstrap\";\r\nimport { DocumentUpload } from \"../common/DocumentUpload\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { DataSourceDropDown } from \"../dataSources/DataSourceDropDown\";\r\nimport { DataSources } from \"../utils/ImagePaths\";\r\nimport { ModelValidation } from \"../utils/ModelValidation\";\r\n\r\n\r\ninterface NewImportationProps {\r\n initialDataSource?: DataSources;\r\n onCloseFinalDialog: () => void;\r\n}\r\n\r\ninterface NewImportationState {\r\n\r\n loading: boolean;\r\n newImportDataSourceId: number;\r\n newImportValidation: ModelValidation;\r\n\r\n messageToShow: string;\r\n messageIsError: boolean;\r\n}\r\n\r\n\r\nexport class NewImportationComp extends React.Component {\r\n\r\n private _fileUploader: DocumentUpload;\r\n\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n\r\n newImportDataSourceId: this.props.initialDataSource,\r\n newImportValidation: new ModelValidation(),\r\n\r\n messageToShow: null,\r\n messageIsError: false\r\n };\r\n }\r\n\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n return (\r\n {\r\n\r\n reimporterRef: React.RefObject;\r\n\r\n public constructor(props: WithTranslationProps) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n datasources: null,\r\n dataSourceEditId: null,\r\n refreshDataSource: null,\r\n uploadFileDataSource: null\r\n };\r\n\r\n this.reimporterRef = React.createRef();\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n await this._performSearch();\r\n }\r\n\r\n private async _performSearch() {\r\n \r\n var items = await DataSourceService.getConfigurableDataSources();\r\n this.setState({\r\n loading: false,\r\n datasources: items,\r\n refreshDataSource: null,\r\n dataSourceEditId: null\r\n });\r\n }\r\n\r\n render() {\r\n\r\n if (this.state.loading) {\r\n return \r\n {this.state.datasources.map((ds, index) => {\r\n\r\n return \r\n \r\n {ds.DataSource}\r\n \r\n \r\n\r\n {ds.AutomaticImportation && !ds.Configured &&\r\n \r\n \r\n \r\n }\r\n\r\n {ds.AutomaticImportation && ds.Configured &&\r\n \r\n \r\n \r\n }\r\n\r\n \r\n\r\n {ds.LastImportation != null &&\r\n \r\n \r\n\r\n\r\n \r\n })\r\n }\r\n\r\n {this.state.refreshDataSource === DataSources.BMI &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.ASCAP &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.Unison &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.Symphonic &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.OneRpm &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.Ditto &&\r\n this._performSearch()} />\r\n }\r\n\r\n {this.state.refreshDataSource === DataSources.SoundExchange &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.WarnerChappell &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.TuneCore &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.IdentityMusic &&\r\n this._performSearch()} />\r\n }\r\n {this.state.refreshDataSource === DataSources.UniversalMusic &&\r\n this._performSearch()} />\r\n }\r\n {this._paintWizard()}\r\n\r\n {this.state.uploadFileDataSource != null &&\r\n this.setState({ uploadFileDataSource: null })}\r\n keyboard={true} centered={true} >\r\n this.setState({ uploadFileDataSource: null })}>\r\n {i18n.t(\"importations:createModalTitle\")}\r\n \r\n \r\n {\r\n debugger;\r\n //window.location.href = \"/\"\r\n }}\r\n />\r\n\r\n \r\n \r\n }\r\n\r\n
;\r\n }\r\n\r\n private _paintWizard(): JSX.Element {\r\n\r\n switch (this.state.dataSourceEditId) {\r\n case DataSources.BMI: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.ASCAP: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.Unison: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.Symphonic: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.OneRpm: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.Ditto: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.SoundExchange: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.WarnerChappell: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.TuneCore: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.IdentityMusic: {\r\n return this._performSearch()} />;\r\n }\r\n case DataSources.UniversalMusic: {\r\n return this._performSearch()} />;\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n\r\n}\r\n\r\nexport const DataSourcesAutoConfig = withTranslation()(DataSourcesAutoConfigComp);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { DataSourcesAutoConfig } from '../dataSources/DataSourcesAutoConfig';\r\n\r\ninterface ConfigureDataSourcesState {\r\n\r\n datasourceEditId: number;\r\n}\r\n\r\nclass ConfigureDataSourcesComp extends Component {\r\n\r\n public constructor(props: any) {\r\n super(props);\r\n\r\n this.state = {\r\n datasourceEditId: null\r\n };\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n return (\r\n {\r\n\r\n public constructor(props: DataSourcesProps) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n datasources: null,\r\n dataSourceEditId: null,\r\n\r\n musicianDataSourceToDeleteId: null,\r\n musicianDataSourceToRefresh: null\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n await this._performSearch();\r\n }\r\n\r\n private async _performSearch() {\r\n var items = await DataSourceService.getMyDataSources();\r\n this.setState({\r\n loading: false,\r\n dataSourceEditId: null,\r\n musicianDataSourceToDeleteId: null,\r\n datasources: items\r\n });\r\n }\r\n\r\n render() {\r\n\r\n const { i18n } = this.props;\r\n\r\n if (this.state.loading && this.state.datasources == null) {\r\n return \r\n {mds.DataSourceId === dataSource && mds.Configured &&\r\n \r\n }\r\n ;\r\n }\r\n\r\n private async onFinishRefresh() {\r\n\r\n var items = await DataSourceService.getMyDataSources();\r\n this.setState({\r\n loading: false,\r\n datasources: items,\r\n dataSourceEditId: null,\r\n musicianDataSourceToRefresh: null\r\n });\r\n }\r\n}\r\n\r\nexport const DataSourcesList = withTranslation([\"dataSources\"])(DataSourcesListComp);\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { DataSourcesList } from \"./DataSourcesList\";\r\n\r\nexport class IndexComp extends React.Component {\r\n\r\n\r\n render() {\r\n const i18n = this.props.i18n;\r\n\r\n return \r\n \r\n }\r\n}\r\n\r\nexport const Index = withTranslation([\"dataSources\"])(IndexComp);\r\n","import React, { Component } from 'react';\r\n\r\nimport { AuthenticatedSection, UnAuthenticatedSection } from \"./components/security/AuthenticatedSection\";\r\nimport { Layout } from './components/Layout';\r\nimport { LayoutPublic } from './components/public/LayoutPublic';\r\nimport { Home } from './components/Home';\r\nimport { Login } from \"./components/Login\";\r\nimport { SignUp } from \"./components/SignUp\";\r\nimport { MyProfile } from \"./components/MyProfile\";\r\nimport { RecoverPassword } from \"./components/RecoverPassword\";\r\nimport { ChangePassword } from \"./components/ChangePassword\";\r\nimport { NotFound } from \"./components/NotFound\";\r\nimport { Songs } from \"./components/songs/Index\";\r\nimport { ImportationsIndex } from \"./components/importations/Index\";\r\nimport { SongDetail } from \"./components/songs/detail/Index\";\r\nimport { ConfigureDataSources } from \"./components/configureDataSources/Index\";\r\nimport { Index as DataSources } from \"./components/dataSources/Index\";\r\n\r\nimport { Route, Switch } from 'react-router';\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n\r\n render() {\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","//import 'bootstrap/dist/css/bootstrap.css';\r\nimport * as React from 'react';\r\nimport * as ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\n\r\nimport i18n from \"i18next\";\r\nimport { initReactI18next } from 'react-i18next';\r\nimport Backend from 'i18next-http-backend';\r\nimport LanguageDetector from 'i18next-browser-languagedetector';\r\nimport { Spinner } from \"./components/common/Spinner\";\r\n\r\nimport { unregister } from './registerServiceWorker';\r\n\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './custom.css';\r\n\r\n\r\nconst rootElement = document.getElementById('root');\r\n\r\n\r\nconst defaultDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\r\nif (defaultDark) {\r\n const body = document.getElementsByTagName(\"body\");\r\n body[0].classList.add(\"dark\");\r\n}\r\n\r\n\r\ni18n\r\n // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)\r\n // learn more: https://github.com/i18next/i18next-http-backend\r\n .use(Backend)\r\n // detect user language\r\n // learn more: https://github.com/i18next/i18next-browser-languageDetector\r\n .use(LanguageDetector)\r\n // pass the i18n instance to react-i18next.\r\n .use(initReactI18next)\r\n // init i18next\r\n // for all options read: https://www.i18next.com/overview/configuration-options\r\n .init({\r\n fallbackLng: 'en',\r\n debug: true,\r\n detection: {\r\n order: ['header'],\r\n lookupCookie: 'lang', \r\n caches: ['cookie'],\r\n cookieMinutes: 525600\r\n },\r\n interpolation: {\r\n escapeValue: false, // not needed for react as it escapes by default\r\n }\r\n });\r\n\r\ndeclare function initTheme(): any;\r\n\r\nReactDOM.render(\r\n \r\n ,\r\n rootElement);\r\n\r\nunregister();\r\n\r\n"],"sourceRoot":""}
{this.props.title}
\r\n \r\n| {i18n.t(\"songs:source\")} | \r\n{i18n.t(\"songs:amount\")} | \r\n
|---|---|
| {entry.StoreName.toLowerCase()} | \r\n{formatCurrency(i18n.language, entry.TotalInUSD)} | \r\n
{i18n.t(\"importations:EmptyList\")}
\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {i18n.t(\"importations:viewMore\")} \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const ImportationsHomeList = withTranslation([\"importations\"])(ImportationsHomeListComp);\r\n","import { PetitionHelper } from \"../utils/PetitionHelper\";\r\n\r\nexport class QuoteService {\r\n\r\n\r\n\r\n static async createQuote(model: CreateQuoteRequestModel): Promise{i18n.t(\"importations:TitleHome\")}
\r\n| {i18n.t(\"importations:tableDate\")} | \r\n{i18n.t(\"importations:tableDesc\")} | \r\n{i18n.t(\"importations:tableAmount\")} | \r\n
|---|---|---|
| {ds.ImportDate.toLocaleDateString()} | \r\n\r\n {ds.Name}\r\n | \r\n{formatCurrencyNoSymbol(i18n.language, ds.TotalSales)} | \r\n
\r\n
;\r\n }\r\n\r\n if (this.state.quoteInfo != null && (this.state.quoteInfo.Id || 0) !== 0 && this.state.quoteInfo.ResponseDate == null) {\r\n return \r\n
\r\n
;\r\n }\r\n\r\n if (this.state.quoteInfo != null && (this.state.quoteInfo.Id || 0) !== 0 && this.state.quoteInfo.ResponseDate != null) {\r\n return {i18n.t(\"home:quoteInProgressTitle\")}
\r\n\r\n
{i18n.t(\"home:quoteInProgressSubtitle\")}
\r\n\r\n
;\r\n }\r\n\r\n\r\n return \r\n \r\n }\r\n\r\n
\r\n {this._showModal()}\r\n\r\n {i18n.t(\"home:quoteValue\")}:
\r\n\r\n{formatCurrency(i18n.language, this.state.quoteInfo.QuoteAmount)}
\r\n\r\n {this.state.quoteInfo.ResponseObservations != null &&\r\n {i18n.t(\"home:valuationNotes\")}: \r\n {this.state.quoteInfo.ResponseObservations}\r\n
\r\n\r\n\r\n \r\n\r\n
\r\n \r\n {i18n.t(\"home:valuationDate\")}{' '}\r\n {this.state.quoteInfo.ResponseDate.toLocaleDateString(i18n.language)}\r\n\r\n
\r\n\r\n
\r\n {this._showModal()}\r\n\r\n \r\n
\r\n {i18n.t(\"home:quoteTextTitle\")}
\r\n{i18n.t(\"home:quoteTextSubtitle\")}
\r\n \r\n\r\n {i18n.t(\"home:requestQuoteDescription\")}\r\n\r\n\r\n
\r\n \r\n this.setState({ moreInfo: evt.target.value })}\r\n />\r\n
\r\n {i18n.t(\"home:requestQuoteMoreInfo\")}
\r\n \r\n\r\n \r\n\r\n {this.state.noSourcesConfigured &&\r\n \r\n \r\n
\r\n \r\n }\r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n \r\n this.setState({ salesData: data })} />\r\n \r\n\r\n {this.state.salesData != null &&\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n\r\n private calculateTotal(): number {\r\n\r\n if (this.state.salesData == null) return 0;\r\n\r\n var acum = 0;\r\n (this.state.salesData || []).forEach((data, index) => {\r\n\r\n data.Entries.forEach((saleItem, index2) => {\r\n acum += saleItem.Amount;\r\n });\r\n\r\n });\r\n\r\n return acum;\r\n }\r\n\r\n private calculateAverage(): number {\r\n var acum = 0;\r\n\r\n var yearsWithData = 0;\r\n\r\n (this.state.salesData || []).forEach((data, index) => {\r\n var yearAcum = 0;\r\n data.Entries.forEach((saleItem, index2) => {\r\n yearAcum += saleItem.Amount;\r\n });\r\n if (yearAcum > 1) {\r\n yearsWithData++;\r\n }\r\n acum += yearAcum;\r\n });\r\n\r\n if (yearsWithData === 0) return 0;\r\n\r\n return acum / yearsWithData;\r\n }\r\n\r\n private calculateYTDTotal(): number {\r\n var acum = 0;\r\n (this.state.salesData || []).filter(data => data.ItemDate === (new Date().getFullYear()).toString())\r\n .forEach((data, index) => {\r\n\r\n data.Entries.forEach((saleItem, index2) => {\r\n acum += saleItem.Amount;\r\n });\r\n\r\n });\r\n\r\n return acum;\r\n }\r\n}\r\n\r\nexport const Home = withTranslation([\"home\"], { withRef: true })(HomeComp);","export class ModelValidation {\r\n public isOk: boolean;\r\n\r\n public validationErrors: { [key: string]: string; };\r\n\r\n constructor() {\r\n this.isOk = true;\r\n this.validationErrors = {};\r\n }\r\n\r\n public load(valResult: ModelValidationResult) {\r\n this.isOk = valResult.isOk;\r\n this.validationErrors = valResult.validationErrors;\r\n }\r\n\r\n public addError(fieldName: string, errorText: string) {\r\n this.validationErrors[fieldName.toLowerCase()] = errorText;\r\n this.isOk = false;\r\n\r\n }\r\n\r\n public hasError(fieldName: string) {\r\n return this.getError(fieldName) != null;\r\n }\r\n\r\n public getError(fieldName: string) {\r\n return this.validationErrors[fieldName.toLowerCase()];\r\n }\r\n\r\n public reset(): void {\r\n this.isOk = true;\r\n this.validationErrors = {};\r\n }\r\n}\r\n\r\n\r\nexport interface ModelValidationResult {\r\n isOk: boolean;\r\n validationErrors: { [key: string]: string; } | undefined;\r\n}\r\n\r\nexport function validateEmail(value: string): boolean {\r\n let result = true;\r\n let mailformat = /^((([a-zA-Z0-9_\\-])+)(\\.{0,1}))+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,15})$/;\r\n\r\n\r\n if (!value.match(mailformat)) {\r\n result = false;\r\n }\r\n return result;\r\n}","import React, { Component, useRef } from 'react';\r\nimport { withTranslation, WithTranslationProps } from 'react-i18next';\r\nimport { Link, RouteComponentProps } from 'react-router-dom';\r\nimport { Button, Col, Container, Form, FormFeedback, FormGroup, Input, Jumbotron, Label, Row } from 'reactstrap';\r\nimport { ClientContext } from './security/ClientContext';\r\nimport { ModelValidation } from \"./utils/ModelValidation\";\r\nimport { PetitionHelper } from \"./utils/PetitionHelper\";\r\nimport { Spinner } from \"./common/Spinner\";\r\nimport { ReCAPTCHA } from \"react-google-recaptcha\";\r\n\r\ninterface LoginState {\r\n showLoading: boolean;\r\n userName: string;\r\n password: string;\r\n recaptchaVal: string;\r\n validation: ModelValidation;\r\n}\r\n\r\nclass LoginComp extends Component\r\n XS\r\n SM\r\n MD\r\n LG\r\n XL\r\n
\r\n\r\n\r\n\r\n \r\n {this.state.showLoading && \r\n \r\n \r\n ![\"\"](\"/assets/img/girl.png\")
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n\r\n }\r\n\r\n\r\n\r\n private async logIn() {\r\n \r\n let validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n try {\r\n\r\n var result = await LoginService.MakeLogin(this.state.userName, this.state.password, this.state.recaptchaVal);\r\n\r\n if (!result.IsValid) {\r\n let newVal = new ModelValidation();\r\n newVal.addError(\"password\", this.props.i18n.t(\"login:invalidLogin\"));\r\n\r\n this.setState({ validation: newVal });\r\n }\r\n else {\r\n ClientContext.load(result.Token);\r\n this.props.history.push(\"/\");\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private _errorMessage(fieldName: string): JSX.Element {\r\n var error = this.state.validation.getError(fieldName);\r\n if (error) {\r\n return {i18n.t(\"login:mainTitle\")}
\r\n{i18n.t(\"login:mainSubTitle\")}
\r\n\r\n \r\n {i18n.t(\"login:loginTitle\")}
\r\n \r\n\r\n\r\n \r\n\r\n {this.state.showLoading && \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n private async signUp() {\r\n\r\n var validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n try {\r\n\r\n var result = await SignUpService.SignUp(this.state);\r\n\r\n if (!result.IsOk) {\r\n\r\n var errors = result.Errors;\r\n var keys = Object.keys(errors);\r\n keys.forEach((key, index) => {\r\n validation.addError(key, errors[key]);\r\n });\r\n\r\n this.setState({ validation: validation });\r\n }\r\n else {\r\n ClientContext.load(result.Token);\r\n this.props.history.push(\"/\");\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private _errorMessage(fieldName: string): JSX.Element {\r\n var error = this.state.validation.getError(fieldName);\r\n if (error) {\r\n return {i18n.t(\"signUp:title\")}
\r\n{i18n.t(\"signUp:title\")}
\r\n\r\n \r\n {i18n.t(\"signUp:title\")}
\r\n \r\n \r\n\r\n {this.state.showLoading && this.setState({ textForUserMessage: null })}\r\n bodyText={this.state.textForUserMessage}\r\n okButtonText={\"OK\"}\r\n danger={false}\r\n />\r\n }\r\n {this.state.textForUserError != null &&\r\n this.setState({ textForUserError: null })}\r\n bodyText={this.state.textForUserError}\r\n okButtonText={\"OK\"}\r\n danger={true}\r\n />\r\n }\r\n\r\n {this.state.showChangeEmailWindow &&\r\n this.setState({ showChangeEmailWindow: false, newEmail: null, newEmailConfirmation: null })}\r\n size=\"lg\"\r\n >\r\n {i18n.t(\"profile:changeEmail\")} \r\n\r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n \r\n this.setState({ password: evt.target.value })}\r\n invalid={this.state.passwordValidation.hasError(\"password\")}\r\n />\r\n {this._errorMessage(\"password\", this.state.passwordValidation)}\r\n\r\n \r\n \r\n\r\n \r\n \r\n this.setState({ passwordConfirmation: evt.target.value })}\r\n invalid={this.state.passwordValidation.hasError(\"passwordConfirmation\")}\r\n />\r\n {this._errorMessage(\"passwordConfirmation\", this.state.passwordValidation)}\r\n\r\n \r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n private async savePassword(i18n: i18next) {\r\n\r\n var validation = await this.validatePassword();\r\n if (validation.isOk) {\r\n\r\n try {\r\n\r\n var result = await ProfileService.ChangePassword(this.state);\r\n\r\n if (!result.IsOk) {\r\n\r\n if (result.Errors != null) {\r\n var keys = Object.keys(result.Errors);\r\n keys.forEach((key, index) => {\r\n validation.addError(key, result.Errors[key]);\r\n });\r\n }\r\n\r\n\r\n this.setState({\r\n passwordValidation: validation,\r\n textForUserError: i18n.t(\"profile:error\")\r\n });\r\n }\r\n else {\r\n this.setState({\r\n passwordValidation: validation,\r\n password: null,\r\n passwordConfirmation: null,\r\n textForUserMessage: i18n.t(\"profile:passwordChanged\")\r\n });\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n }\r\n else {\r\n this.setState({ passwordValidation: validation });\r\n }\r\n }\r\n\r\n\r\n private async saveEmail(i18n: i18next) {\r\n\r\n var validation = await this.validateEmail();\r\n this.setState({ emailValidation: validation }, async () => {\r\n if (validation.isOk) {\r\n\r\n try {\r\n\r\n var result = await ProfileService.ChangeEmail(this.state);\r\n\r\n if (!result.IsOk) {\r\n\r\n if (result.Errors != null) {\r\n var keys = Object.keys(result.Errors);\r\n keys.forEach((key, index) => {\r\n validation.addError(key, result.Errors[key]);\r\n });\r\n }\r\n\r\n\r\n this.setState({\r\n emailValidation: validation,\r\n //textForUserError: i18n.t(\"profile:error\")\r\n });\r\n }\r\n else {\r\n this.setState({\r\n emailValidation: validation,\r\n textForUserMessage: i18n.t(\"profile:emailChanged\")\r\n });\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n }\r\n\r\n })\r\n }\r\n\r\n private async saveProfile(i18n: i18next) {\r\n\r\n\r\n var validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n try {\r\n\r\n var result = await ProfileService.Save(this.state);\r\n\r\n if (!result.IsOk) {\r\n\r\n if (result.Errors != null) {\r\n var keys = Object.keys(result.Errors);\r\n keys.forEach((key, index) => {\r\n validation.addError(key, result.Errors[key]);\r\n });\r\n }\r\n\r\n this.setState({\r\n validation: validation,\r\n textForUserError: i18n.t(\"profile:error\")\r\n });\r\n }\r\n else {\r\n this.setState({\r\n validation: validation,\r\n showChangeEmailWindow: false,\r\n newEmail: null,\r\n newEmailConfirmation: null,\r\n textForUserMessage: i18n.t(\"profile:dataSaved\")\r\n });\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private _errorMessage(fieldName: string, validator: ModelValidation): JSX.Element {\r\n var error = validator.getError(fieldName);\r\n if (error) {\r\n return \r\n\r\n \r\n \r\n \r\n this.setState({ newEmail: evt.target.value })}\r\n invalid={this.state.emailValidation.hasError(\"newEmail\")}\r\n />\r\n {this._errorMessage(\"newEmail\", this.state.emailValidation)}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.setState({ newEmailConfirmation: evt.target.value })}\r\n invalid={this.state.emailValidation.hasError(\"newEmailConfirmation\")}\r\n />\r\n {this._errorMessage(\"newEmailConfirmation\", this.state.emailValidation)}\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n\r\n
{i18n.t(\"profile:savePassword\")}
\r\n \r\n\r\n {this.state.showLoading && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.mailSentMessage}\r\n \r\n }\r\n {this.state.mailSentMessage == null &&\r\n\r\n \r\n }\r\n\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n private async _recoverPassword() {\r\n\r\n let validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n this.setState({ showLoading: true }, async () => {\r\n\r\n try {\r\n\r\n await RecoverService.InitiatePasswordChange(this.state.userName, this.state.recaptchaVal);\r\n this.setState({\r\n mailSentMessage: this.props.i18n.t(\"login:recoverPasswordEmailSent\"),\r\n showLoading: false\r\n });\r\n\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private _errorMessage(fieldName: string): JSX.Element {\r\n var error = this.state.validation.getError(fieldName);\r\n if (error) {\r\n return {i18n.t(\"login:mainTitle\")}
\r\n{i18n.t(\"login:mainSubTitle\")}
\r\n\r\n \r\n {i18n.t(\"login:recoverPassword\")}
\r\n{i18n.t(\"login:recoverPasswordInstructions\")}
\r\n\r\n {this.state.mailSentMessage != null &&\r\n\r\n {this.state.isLoading && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.changePasswordMessage}\r\n \r\n }\r\n {this.state.changePasswordMessage == null &&\r\n \r\n }\r\n\r\n \r\n
\r\n
\r\n\r\n );\r\n }\r\n /*\r\n \r\n\r\n {i18n.t(\"login:mainTitle\")}
\r\n{i18n.t(\"login:mainSubTitle\")}
\r\n\r\n \r\n\r\n {i18n.t(\"login:changePassword\")}
\r\n{i18n.t(\"login:changePasswordInstructions\")}
\r\n\r\n {this.state.changePasswordMessage != null &&\r\n\r\n {this.state.isLoading && \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {this.state.changePasswordMessage}\r\n \r\n }\r\n {this.state.changePasswordMessage == null &&\r\n \r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n * */\r\n\r\n private async _recoverPassword() {\r\n\r\n let validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n this.setState({ isLoading: true }, async () => {\r\n try {\r\n\r\n var result = await ChangePasswordService.PerformPasswordChange(\r\n this.state.newPassword,\r\n this.state.requestCode\r\n );\r\n\r\n this.setState(\r\n {\r\n changePasswordMessage: result.IsOk\r\n ? this.props.i18n.t(\"login:changePasswordSuccess\")\r\n : result.Message\r\n ,\r\n isLoading: false\r\n }\r\n );\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n });\r\n\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private _errorMessage(fieldName: string): JSX.Element {\r\n var error = this.state.validation.getError(fieldName);\r\n if (error) {\r\n return {i18n.t(\"login:changePassword\")}
\r\n{i18n.t(\"login:changePasswordInstructions\")}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n};\r\n\r\nexport const NotFound = withTranslation([])(NotFoundComp);\r\n","import * as React from \"react\";\r\nimport { SongsDataService, SongsData } from \"./SongsDataService\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { Link } from 'react-router-dom';\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Col, NavLink, Pagination, PaginationItem, PaginationLink, Row } from \"reactstrap\";\r\nimport { FaChevronLeft, FaChevronRight } from \"react-icons/fa\";\r\nimport { formatCurrency, formatCurrencyNoSymbol } from \"../common/Formatter\";\r\nimport { RegaliasCard } from \"../partials/RegaliasCard\";\r\n\r\ninterface SongListProps {\r\n numSongs?: number;\r\n\r\n}\r\n\r\ninterface SongListState {\r\n\r\n loading: boolean;\r\n\r\n currentPage: number;\r\n searchResults: SongsData;\r\n\r\n totalSales: number,\r\n totalSum: number,\r\n empty: boolean\r\n}\r\n\r\n\r\nclass SongListComp extends React.Component404 - Not Found
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
;\r\n }\r\n\r\n return (\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {this.state.currentPage !== 0 &&\r\n \r\n {\r\n evt.preventDefault();\r\n this._performSearch(this.state.currentPage - 1);\r\n return false;\r\n }}\r\n color=\"primary\"\r\n href=\"#\">\r\n \r\n \r\n }\r\n\r\n {this.state.searchResults.HasMore &&\r\n \r\n {\r\n evt.preventDefault();\r\n this._performSearch(this.state.currentPage + 1);\r\n return false;\r\n }}\r\n color=\"primary\"\r\n href=\"#\">\r\n\r\n {i18n.t(\"importations:Next\")} \r\n \r\n }\r\n \r\n
\r\n\r\n );\r\n }\r\n\r\n private calculatePercentage(song: number, total: number): number {\r\n\r\n var percentage = ((100 * song) / total);\r\n\r\n return percentage;\r\n }\r\n}\r\n\r\n\r\nexport const SongList = withTranslation([\"songs\"])(SongListComp);\r\n","import * as React from \"react\";\r\nimport { BarChart, XAxis, CartesianGrid, Bar, ResponsiveContainer, Tooltip, YAxis } from \"recharts\";\r\nimport { SongDataItem } from \"../../models/SongDataItem\";\r\nimport { SongsDataService } from \"./SongsDataService\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { formatCurrencyNoSymbol } from \"../common/Formatter\";\r\nimport { SpinnerInline } from \"../common/SpinnerInline\";\r\n\r\n\r\n\r\ninterface SongsSalesByYearState {\r\n data: SongDataItem[];\r\n loading: boolean;\r\n}\r\n\r\n\r\nclass TopSongsBySalesComp extends React.Component| {i18n.t(\"songs:tableTitle\")} | \r\n{i18n.t(\"songs:tableTotalInUSD\")} | \r\n{i18n.t(\"songs:tablePercentaje\")} | \r\n{i18n.t(\"songs:tableFirstSale\")} | \r\n{i18n.t(\"songs:tableLastSale\")} | \r\n
|---|---|---|---|---|
| {song.Title.toLowerCase()} | \r\n{formatCurrency(i18n.language, song.TotalInUSD)} | \r\n{formatCurrencyNoSymbol(i18n.language, total)} | \r\n{song.FirstSale.toLocaleDateString()} | \r\n{song.LastSale.toLocaleDateString()} | \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const Songs = withTranslation([\"songs\"])(SongsComp);\r\n","import * as React from \"react\";\r\nimport { ModalFooter, Button, Modal, ModalHeader } from \"reactstrap\";\r\n\r\n\r\nclass UserConfirmationProps {\r\n public onConfirm: () => void;\r\n public onCancel: () => void;\r\n public visible: boolean;\r\n public bodyText: string;\r\n public title: string;\r\n public confirmTextButton: string;\r\n public cancelTextButton: string;\r\n public danger?: boolean;\r\n\r\n}\r\n\r\nexport class UserConfirmationPopup extends React.Component{i18n.t(\"songs:title\")} {ClientContext.current.name}
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {this.state.searchResults.Data.length !== 0 && \r\n\r\n \r\n
\r\n \r\n {this.state.currentPage != 0 &&\r\n \r\n {\r\n evt.preventDefault();\r\n this._performSearch(this.state.currentPage - 1);\r\n return false;\r\n }}\r\n color=\"primary\"\r\n href=\"#\">\r\n \r\n \r\n }\r\n\r\n {this.state.searchResults.HasMore &&\r\n \r\n {\r\n evt.preventDefault();\r\n this._performSearch(this.state.currentPage + 1);\r\n return false;\r\n }}\r\n color=\"primary\"\r\n href=\"#\">\r\n\r\n {i18n.t(\"importations:Next\")} \r\n \r\n }\r\n \r\n }\r\n\r\n {this.state.importationToDelete != null &&\r\n\r\n this.setState({ importationToDelete: null })}\r\n onConfirm={() => {\r\n this._deleteImportation(this.state.importationToDelete)\r\n }}\r\n />\r\n\r\n }\r\n\r\n
\r\n );\r\n }\r\n\r\n private async _deleteImportation(importationId: number): Promise{i18n.t(\"importations:Title\")}
\r\n\r\n {this.state.loading &&\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {i18n.t(\"importations:importDate\")} | \r\n{i18n.t(\"importations:dataSource\")} | \r\n{i18n.t(\"importations:description\")} | \r\n{i18n.t(\"importations:state\")} | \r\n{i18n.t(\"importations:totalSales\")} | \r\n{i18n.t(\"importations:download\")} | \r\n\r\n |
|---|---|---|---|---|---|---|
| {ds.ImportDate.toLocaleDateString()} | \r\n{ds.DataSource} | \r\n\r\n {ds.Name}\r\n | \r\n\r\n {ds.State === ImportationState.Failed &&\r\n \r\n {ImportationService.GetStateName(ds.State, (cadena) => i18n.t(cadena))}\r\n \r\n }\r\n {ds.State !== ImportationState.Failed &&\r\n {ImportationService.GetStateName(ds.State, (cadena) => i18n.t(cadena))}\r\n }\r\n | \r\n{formatCurrencyNoSymbol(i18n.language, ds.TotalSales)} | \r\n\r\n {\r\n evt.preventDefault();\r\n await ImportationService.DownloadImportation(ds.Name, ds.Id);\r\n return false;\r\n }}\r\n >\r\n {i18n.t(\"importations:downloadCsv\")}\r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n formatCurrencyNoSymbol(this.props.i18n.language, val)}/>\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport const SalesByYearGraph = withTranslation([\"songs\"])(SalesByYearGraphComp);","import React, { Component } from 'react';\r\nimport { SongDetailDataService } from \"./SongDetailDataService\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport { SalesByStoreGraph, SalesByYearGraph } from \"./SongDetailGraphs\";\r\nimport { SongDataItem } from \"../../../models/SongDataItem\";\r\nimport { Spinner } from \"../../common/Spinner\";\r\nimport { RegaliasCard } from \"../../partials/RegaliasCard\";\r\nimport { formatCurrency } from '../../common/Formatter';\r\n\r\ninterface SongsState {\r\n songData: SongDataItem,\r\n songId: number,\r\n loading: boolean\r\n}\r\n\r\nexport class SongDetailComp extends Component\r\n
}\r\n {this.state.songData != null && Error!
\r\n\r\n \r\n
\r\n \r\n
\r\n
}\r\n {this.state.songData.Title}
\r\n{i18n.t(\"songs:salesByYear\")}
\r\n{i18n.t(\"songs:salesByStore\")}
\r\n\r\n \r\n 
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n private async _login() {\r\n\r\n var validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n this.setState({ loading: true }, async () => {\r\n try {\r\n var result = await PetitionHelper.MakePostPetition(\r\n `${this.props.serviceUrl}/TryLogin`, {\r\n Username: this.state.datasource.UserName,\r\n Password: this.state.datasource.Password\r\n }) as any;\r\n\r\n if (result.LoginOK) {\r\n this.props.onLoginOK(result.SubAccounts, this.state.datasource.UserName, this.state.datasource.Password,\r\n {\r\n text: result.SecurityQuestion,\r\n answer: result.SecurityQuestionAnswer,\r\n }, \r\n () => this.props.nextStep()\r\n );\r\n }\r\n else {\r\n validation.addError(\"Password\", this.props.i18n.t(\"dataSources:WrongLogin\"));\r\n this.setState({\r\n validation: validation,\r\n explanation: this.props.wrongLoginExplanation\r\n });\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n finally {\r\n this.setState({ loading: false });\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private async validateForm(): Promise{i18n.t(\"dataSources:Step1\")}
\r\n{this.state.explanation}
\r\n }\r\n \r\n\r\n {!props.status.Finished &&\r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n {!props.status.HasError && props.status.Finished &&\r\n {props.status.Message}
\r\n\r\n
\r\n }\r\n\r\n {props.status.HasError && props.status.Finished &&\r\n {props.i18n.t(\"importations:importationOk\")}
\r\n{props.status.Message}
\r\n\r\n
\r\n }\r\n\r\n {props.i18n.t(\"importations:importationError\")}
\r\n- \r\n {props.status.Details.map((item, i) => {\r\n\r\n var className = item.IsOk ? \"\" : \"text-danger\";\r\n\r\n return
- \r\n {item.Error}\r\n ;\r\n })}\r\n
\r\n \r\n\r\n\r\n {!this.state.importationStatus && \r\n\r\n {i18n.t(\"dataSources:Step2SelectAccountsDescription\")}\r\n\r\n {this.props.accounts != null && }\r\n\r\n this.props.onProcessFinished(this.state.importationStatus.Message)}\r\n />\r\n\r\n
\r\n
\r\n );\r\n }\r\n\r\n private async _save() {\r\n var selectedItems = this.getSelectedItems();\r\n var validationOK = selectedItems.length > 0;\r\n if (validationOK) {\r\n try {\r\n let requestId = await PetitionHelper.MakePostPetition(\r\n `${this.props.serviceUrl}/Process`, {\r\n Username: this.props.username,\r\n Password: this.props.password,\r\n SubAccountIds: selectedItems,\r\n }) as any;\r\n let timerId = window.setInterval(\r\n async () => {\r\n let result = await PetitionHelper.MakeGetPetition(`${this.props.serviceUrl}/GetStatus?requestId=${requestId}`) as ImportationStatus;\r\n if (result.Finished) {\r\n window.clearInterval(timerId);\r\n }\r\n\r\n this.setState({ importationStatus: result });\r\n },\r\n 2000);\r\n }\r\n\r\n catch (error) {\r\n alert(error);\r\n }\r\n finally {\r\n //this.setState({ loading: false, validationOK: true });\r\n }\r\n }\r\n else {\r\n this.setState({ validationOK: false });\r\n }\r\n }\r\n\r\n private getSelectedItems() {\r\n var items = [];\r\n\r\n this.state.checkedItems.forEach((value, key) => {\r\n if (value) {\r\n items.push(key);\r\n }\r\n })\r\n\r\n return items;\r\n }\r\n}\r\n\r\nexport const Step2WithAccounts = withTranslation([\"dataSources\"])(Step2WithAccountsComp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { Step2WithAccounts, Step2Props } from \"../GenericWizard/GenericStep2WithAccounts\";\r\n\r\n\r\nclass Step2Comp extends React.Component{i18n.t(\"dataSources:Step2\")}
\r\n\r\n\r\n\r\n \r\n\r\n
}\r\n {!this.state.validationOK && {i18n.t(\"dataSources:CheckRequired\")}
}\r\n\r\n \r\n \r\n
\r\n \r\n this.props.onProcessFinished(this.state.importationStatus.Message)}\r\n />\r\n\r\n\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport const GenericStep2 = withTranslation([\"dataSources\"])(GenericStep2Comp);\r\n\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { StepWizardChildProps } from \"react-step-wizard\";\r\nimport { GenericStep2, Step2Props } from \"../GenericWizard/GenericStep2\";\r\n\r\n\r\n\r\nclass Step2Comp extends React.Component{i18n.t(\"dataSources:Step2\")}
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n private async _login() {\r\n\r\n var validation = await this.validateForm();\r\n if (validation.isOk) {\r\n\r\n this.setState({ loading: true }, async () => {\r\n try {\r\n var result = await PetitionHelper.MakePostPetition(\r\n `${this.props.serviceUrl}/TryLogin`, {\r\n Username: this.props.username,\r\n Password: this.props.password,\r\n SecurityQuestionAnswer: this.state.securityQuestionAnswer\r\n }) as any;\r\n\r\n if (result.LoginOK) {\r\n this.props.onLoginOK(result.SubAccounts, this.props.username, this.props.password,\r\n {\r\n text: this.props.securityQuestion,\r\n answer: this.state.securityQuestionAnswer,\r\n },\r\n () => this.props.nextStep()\r\n );\r\n }\r\n else {\r\n validation.addError(\"securityQuestionAnswer\", this.props.i18n.t(\"dataSources:WrongSecurityQuestion\"));\r\n this.setState({\r\n validation: validation,\r\n //explanation: this.props.wrongLoginExplanation\r\n });\r\n }\r\n }\r\n catch (error) {\r\n alert(error);\r\n }\r\n finally {\r\n this.setState({ loading: false });\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({ validation: validation });\r\n }\r\n }\r\n\r\n private async validateForm(): Promise{i18n.t(\"dataSources:Step1\")}
\r\n\r\n this.props.onProcessFinished(this.state.importationStatus.Message)}\r\n />\r\n\r\n \r\n
\r\n {i18n.t(\"dataSources:Step2\")}
\r\n\r\n\r\n {\r\n let files = this.state.filesToUpload;\r\n if (!this.props.multiple) {\r\n files = [];\r\n }\r\n\r\n acceptedFiles.forEach((file) => {\r\n \r\n const reader = new FileReader()\r\n\r\n reader.onabort = () => console.log('file reading was aborted')\r\n reader.onerror = () => console.log('file reading has failed')\r\n reader.onload = () => {\r\n files.push(file);\r\n this.setState({ filesToUpload: files })\r\n }\r\n reader.readAsArrayBuffer(file);\r\n });\r\n }}\r\n multiple={this.props.multiple}\r\n\r\n >\r\n {({ getRootProps, getInputProps }) => (\r\n \r\n \r\n )}\r\n \r\n {this.props.errorMessage} \r\n }\r\n
\r\n );\r\n }\r\n\r\n\r\n public async _uploadFiles(data?: any, finished?: (result: string, isError: boolean) => void): Promise\r\n \r\n
\r\n {this.props.title || \"Drop files here\"}
\r\n\r\n {this.state.filesToUpload != null && this.state.filesToUpload.map((file, index) => {\r\n return \r\n {file.name}\r\n ;\r\n })}\r\n
\r\n {this.props.errorMessage != null && this.props.errorMessage !== \"\" &&\r\n \r\n {this.state.loading && this.setState({ newImportDataSourceId: val })}\r\n disabled={false}\r\n errorMessage={this.state.newImportValidation.getError(\"newImportDataSourceId\")}\r\n required={true}\r\n />\r\n\r\n\r\n \r\n this.setState({ messageToShow: null })}>\r\n {i18n.t(\"importations:createModalTitle\")}\r\n \r\n \r\n {this.state.messageIsError &&\r\n \r\n \r\n \r\n }\r\n\r\n {!this.state.messageIsError &&\r\n \r\n {i18n.t(\"importations:creationOk\")}\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n );\r\n }\r\n\r\n\r\n\r\n private async validateAndCreateImportations() {\r\n\r\n const { i18n } = this.props;\r\n\r\n\r\n const formVal = new ModelValidation();\r\n if (!this.state.newImportDataSourceId) {\r\n formVal.addError(\"newImportDataSourceId\", i18n.t(\"importations:errorDataSource\"));\r\n }\r\n if (this._fileUploader.getSelectedFiles().length === 0) {\r\n formVal.addError(\"_fileUploader\", i18n.t(\"importations:errorFiles\"));\r\n }\r\n\r\n if (!formVal.isOk) {\r\n this.setState({ newImportValidation: formVal });\r\n return;\r\n }\r\n\r\n var data = {\r\n dataSourceId: this.state.newImportDataSourceId\r\n };\r\n\r\n this.setState(\r\n {\r\n newImportValidation: formVal,\r\n loading: true\r\n },\r\n async () => {\r\n\r\n await this._fileUploader._uploadFiles(data,\r\n (result, hasError) => {\r\n\r\n this._fileUploader.clearFiles();\r\n\r\n if (hasError) {\r\n \r\n this.setState({\r\n messageIsError: true,\r\n loading: false, \r\n messageToShow: \"Error processing the request\"\r\n });\r\n }\r\n else {\r\n if (result === \"ok\") {\r\n\r\n if (!window.location.href.toLowerCase().endsWith(\"/importations\")) {\r\n window.location.href = \"/importations\";\r\n }\r\n else {\r\n this.setState({ loading: false })\r\n }\r\n\r\n }\r\n else {\r\n this.setState({\r\n messageIsError: true,\r\n loading: false,\r\n messageToShow: result\r\n });\r\n }\r\n }\r\n });\r\n\r\n\r\n });\r\n\r\n }\r\n\r\n}\r\n\r\nexport const NewImportation = withTranslation([\"importations\"])(NewImportationComp);\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Row, Col, Button, Card, CardBody, CardImg, ModalBody, Modal, ModalHeader, UncontrolledTooltip } from \"reactstrap\";\r\nimport { DataSourceItem, DataSourceService } from \"./DataSourceService\";\r\nimport { Spinner } from \"../common/Spinner\";\r\nimport { BMIWizard } from \"./BMIWizard/Wizard\";\r\nimport { AscapWizard } from \"./AscapWizard/Wizard\";\r\nimport { UnisonWizard } from \"./UnisonWizard/Wizard\";\r\nimport { SymphonicWizard } from \"./SymphonicWizard/Wizard\";\r\nimport { OneRpmWizard } from \"./OneRpmWizard/Wizard\";\r\nimport { DittoWizard } from \"./DittoWizard/Wizard\";\r\nimport { SoundExchangeWizard } from \"./SoundExchangeWizard/Wizard\";\r\nimport { WarnerChappellWizard } from \"./WarnerChappellWizard/Wizard\";\r\nimport { TuneCoreWizard } from \"./TuneCoreWizard/Wizard\";\r\nimport { IdentityMusicWizard } from \"./IdentityMusicWizard/Wizard\";\r\nimport { UniversalMusicWizard } from \"./UniversalMusicWizard/Wizard\";\r\n\r\nimport { FaRedo, FaUpload } from \"react-icons/fa\";\r\nimport { DataSources, getImagePathForDataSource } from \"../utils/ImagePaths\";\r\n\r\nimport { Reimport as BMIReimport } from \"./BMIWizard/Reimport\";\r\nimport { Reimport as AscapReimport } from \"./AscapWizard/Reimport\";\r\nimport { Reimport as UnisonReimport } from \"./UnisonWizard/Reimport\";\r\nimport { Reimport as SymphonicReimport } from \"./SymphonicWizard/Reimport\";\r\nimport { Reimport as OneRpmReimport } from \"./OneRpmWizard/Reimport\";\r\nimport { Reimport as DittoReimport } from \"./DittoWizard/Reimport\";\r\nimport { Reimport as SoundExchangeReimport } from \"./SoundExchangeWizard/Reimport\";\r\nimport { Reimport as WarnerChappellReimport } from \"./WarnerChappellWizard/Reimport\";\r\nimport { Reimport as TuneCoreReimport } from \"./TuneCoreWizard/Reimport\";\r\nimport { Reimport as IdentityMusicReimport } from \"./IdentityMusicWizard/Reimport\";\r\nimport { Reimport as UniversalMusicReimport } from \"./UniversalMusicWizard/Reimport\";\r\nimport { NewImportation } from \"../importations/NewImportation\";\r\n\r\n\r\ninterface DataSourcesAutoConfigState {\r\n\r\n loading: boolean;\r\n datasources: DataSourceItem[];\r\n dataSourceEditId: number;\r\n refreshDataSource: DataSources;\r\n\r\n uploadFileDataSource: DataSources;\r\n}\r\ninterface DataSourcesAutoConfigProps {\r\n\r\n}\r\n\r\n\r\nexport class DataSourcesAutoConfigComp extends React.Component\r\n this._fileUploader = uploaderComp}\r\n multiple={true}\r\n errorMessage={this.state.newImportValidation.getError(\"_fileUploader\")}\r\n />\r\n
\r\n \r\n\r\n {this.state.messageToShow != null &&\r\n \r\n {i18n.t(\"dataSourcesAutoConfig:LastImportation\")}{' '}\r\n {ds.LastImportation.toLocaleDateString()}\r\n\r\n
\r\n\r\n }\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n\r\n}\r\n\r\nexport const ConfigureDataSources = withTranslation([\"home\", \"dataSourcesAutoConfig\"])(ConfigureDataSourcesComp);\r\n","import * as React from \"react\";\r\nimport { withTranslation, WithTranslationProps } from \"react-i18next\";\r\nimport { Button } from \"reactstrap\";\r\nimport { DataSourceItem, DataSourceService } from \"./DataSourceService\";\r\n\r\nimport { Spinner } from \"../common/Spinner\";\r\n\r\nimport { UserConfirmationPopup } from \"../common/UserConfirmationPopup\";\r\nimport { FaRedo, FaTrashAlt } from \"react-icons/fa\";\r\nimport { DataSources } from \"../utils/ImagePaths\";\r\nimport { formatCurrency } from \"../common/Formatter\";\r\nimport { Reimport as BMIReimport } from \"./BMIWizard/Reimport\";\r\nimport { Reimport as AscapReimport } from \"./AscapWizard/Reimport\";\r\nimport { Reimport as UnisonReimport } from \"./UnisonWizard/Reimport\";\r\nimport { Reimport as SymphonicReimport } from \"./SymphonicWizard/Reimport\";\r\nimport { Reimport as OneRpmReimport } from \"./OneRpmWizard/Reimport\";\r\nimport { Reimport as DittoReimport } from \"./DittoWizard/Reimport\";\r\nimport { Reimport as SoundExchangeReimport } from \"./SoundExchangeWizard/Reimport\";\r\nimport { Reimport as WarnerChappellReimport } from \"./WarnerChappellWizard/Reimport\";\r\nimport { Reimport as TuneCoreReimport } from \"./TuneCoreWizard/Reimport\";\r\nimport { Reimport as IdentityMusicReimport } from \"./IdentityMusicWizard/Reimport\";\r\nimport { Reimport as UniversalMusicReimport } from \"./UniversalMusicWizard/Reimport\";\r\n\r\nimport { BMIWizard } from \"./BMIWizard/Wizard\";\r\nimport { AscapWizard } from \"./AscapWizard/Wizard\";\r\nimport { UnisonWizard } from \"./UnisonWizard/Wizard\";\r\nimport { OneRpmWizard } from \"./OneRpmWizard/Wizard\";\r\nimport { SymphonicWizard } from \"./SymphonicWizard/Wizard\";\r\nimport { DittoWizard } from \"./DittoWizard/Wizard\";\r\nimport { SoundExchangeWizard } from \"./SoundExchangeWizard/Wizard\";\r\nimport { WarnerChappellWizard } from \"./WarnerChappellWizard/Wizard\";\r\nimport { TuneCoreWizard } from \"./TuneCoreWizard/Wizard\";\r\nimport { IdentityMusicWizard } from \"./IdentityMusicWizard/Wizard\";\r\nimport { UniversalMusicWizard } from \"./UniversalMusicWizard/Wizard\";\r\n\r\ninterface DataSourcesProps {\r\n\r\n}\r\n\r\ninterface DataSourcesState {\r\n\r\n loading: boolean;\r\n datasources: DataSourceItem[];\r\n dataSourceEditId: DataSources;\r\n\r\n musicianDataSourceToDeleteId: number;\r\n\r\n musicianDataSourceToRefresh: DataSources;\r\n}\r\n\r\n\r\nexport class DataSourcesListComp extends React.Component{i18n.t(\"dataSourcesAutoConfig:configurationIntroText\")}
\r\n\r\n\r\n {i18n.t(\"dataSourcesAutoConfig:autoDataSourcesText\")}\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n\r\n {this.state.loading && \r\n \r\n
\r\n }\r\n\r\n {this.state.dataSourceEditId === DataSources.BMI && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.ASCAP && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.Unison && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.Symphonic && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.OneRpm && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.Ditto && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.SoundExchange && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.WarnerChappell && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.TuneCore && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.IdentityMusic && await this.onFinishRefresh()}\r\n />}\r\n {this.state.dataSourceEditId === DataSources.UniversalMusic && await this.onFinishRefresh()}\r\n />}\r\n\r\n {this.state.musicianDataSourceToRefresh === DataSources.BMI && await this.onFinishRefresh()}\r\n />}\r\n\r\n {this.state.musicianDataSourceToRefresh === DataSources.ASCAP && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.Unison && await this.onFinishRefresh()}\r\n />}\r\n\r\n {this.state.musicianDataSourceToRefresh === DataSources.Symphonic && await this.onFinishRefresh()}\r\n />}\r\n\r\n {this.state.musicianDataSourceToRefresh === DataSources.OneRpm && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.Ditto && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.SoundExchange && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.WarnerChappell && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.TuneCore && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.IdentityMusic && await this.onFinishRefresh()}\r\n />}\r\n {this.state.musicianDataSourceToRefresh === DataSources.UniversalMusic && await this.onFinishRefresh()}\r\n />}\r\n\r\n {this.state.musicianDataSourceToDeleteId != null &&\r\n this.setState({ musicianDataSourceToDeleteId: null })}\r\n onConfirm={() => {\r\n this.setState({ loading: true }, async () => {\r\n\r\n await DataSourceService.deleteDataSource(this.state.musicianDataSourceToDeleteId);\r\n await this._performSearch();\r\n });\r\n }}\r\n />\r\n }\r\n
;\r\n }\r\n\r\n private ButtonRefresh(mds: DataSourceItem, dataSource: DataSources): JSX.Element {\r\n return {i18n.t(\"dataSources:EmptyList\")}
}\r\n {this.state.datasources.length !== 0 &&\r\n | {i18n.t(\"dataSources:TableName\")} | \r\n{i18n.t(\"dataSources:TableNumImportations\")} | \r\n{i18n.t(\"dataSources:TableLastImportation\")} | \r\n{i18n.t(\"dataSources:TableTotalInUSD\")} | \r\n{i18n.t(\"dataSources:TableConfigure\")} | \r\n{i18n.t(\"dataSources:TableReset\")} | \r\n
|---|---|---|---|---|---|
| \r\n {mds.DataSource}\r\n | \r\n\r\n{mds.NumImportations} | \r\n\r\n {mds.LastImportation == null ? null : mds.LastImportation.toLocaleDateString()}\r\n | \r\n\r\n {mds.TotalInUSD != null ? formatCurrency(i18n.language, mds.TotalInUSD) : \"-\"}\r\n | \r\n\r\n {mds.AutomaticImportation && !mds.Configured &&\r\n \r\n }\r\n {mds.Configured &&\r\n | \r\n \r\n {this.ButtonRefresh(mds, DataSources.BMI)}\r\n {this.ButtonRefresh(mds, DataSources.ASCAP)}\r\n {this.ButtonRefresh(mds, DataSources.Unison)}\r\n {this.ButtonRefresh(mds, DataSources.Symphonic)}\r\n {this.ButtonRefresh(mds, DataSources.OneRpm)}\r\n {this.ButtonRefresh(mds, DataSources.Ditto)}\r\n {this.ButtonRefresh(mds, DataSources.SoundExchange)}\r\n {this.ButtonRefresh(mds, DataSources.WarnerChappell)}\r\n {this.ButtonRefresh(mds, DataSources.TuneCore)}\r\n {this.ButtonRefresh(mds, DataSources.IdentityMusic)}\r\n {this.ButtonRefresh(mds, DataSources.UniversalMusic)}\r\n | \r\n