{this.props.title}
\n \nCreator Spotlight Awards, 2021
\nRecognizing India's Top Creators
\nWinners stand a chance to collaborate with India's Top Brands!
\n2 easy steps to Nominate
\nStep 1
\nFill out the nomination form below
\nStep 2
\nLink your social media accounts
\nLast date to send in your nomination:
\n10th December
\nCreator Spotlight Awards LIVE event:
\n27th December
\n30+ Categories of Awards
\nNomination Form
\n{this.state.formErrors.name}
\n ) : (\n ''\n )}\n {this.state.formErrors.email}
\n ) : (\n ''\n )}\n {this.state.formErrors.phone_number}
\n ) : (\n ''\n )}\n \n {this.state.formErrors.award_category}\n
\n ) : (\n ''\n )}\n {this.state.formErrors.platform}
\n ) : (\n ''\n )}\n {this.state.formErrors.handle}
\n ) : (\n ''\n )}\n {this.state.formErrors.other_handle}
\n ) : (\n ''\n )}\n {this.state.formErrors.is_full_time}
\n ) : (\n ''\n )}\n {this.state.formErrors.recent_brands}
\n ) : (\n ''\n )}\n \n {this.state.formErrors.annual_revenue}\n
\n ) : (\n ''\n )}\n {this.state.formErrors.brand_collab}
\n ) : (\n ''\n )}\n Join the Creator Movement with Influencer.in!
\n- \n {joinQuotes.map((quote, i) => {\n return (\n
objective & Rules
\n- \n {rules.map((rule, i) => {\n return (\n
About Influencer.in
\n \n
\n \n \n
\n
\n 
*/}\n
\n );\n};\n\nexport default Loading;\n","export default __webpack_public_path__ + \"static/media/spinner.83910c7c.svg\";","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Grid } from '@material-ui/core';\n\nimport CampaignList from './CampaignList.jsx';\n\nimport { campaignActions } from '../../actions/campaign.js';\nimport { connect } from 'react-redux';\n\nimport Loading from '../Common/Loading/Loading';\n\nclass CampaignDashboard extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n campaigns: [],\n };\n }\n\n componentDidMount() {\n this.props.getCampaigns();\n }\n\n render() {\n return (\n \n \n \n \n
\n {/* \n {\n this.handleDrawerOpen();\n }}\n onMouseLeave={() => {\n this.handleDrawerClose();\n }}\n >\n {this.props.renderHeader ? (\n <>\n {this.props.renderHeader(this.state)}\n
\n );\n }\n}\n\nexport default withRouter(withStyles(styles)(BaseSidePanel));\n","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport BaseSidePanel from '../ux/BaseSidePanel';\n\nimport YouTubeIcon from '@material-ui/icons/YouTube';\nimport InstagramIcon from '@material-ui/icons/Instagram';\n\nclass SidePanel extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n drawerOpen: false,\n };\n }\n\n getNavigationLinks() {\n const links = [];\n\n if (this.props.allowedSocailMediaLinks) {\n if (this.props.allowedSocailMediaLinks.includes('youtube')) {\n links.push({\n to: `${this.props.match.url}/youtube`,\n label: 'Youtube',\n icon: YouTubeIcon,\n });\n }\n\n if (this.props.allowedSocailMediaLinks.includes('instagram')) {\n links.push({\n to: `${this.props.match.url}/instagram`,\n label: 'Instagram',\n icon: InstagramIcon,\n });\n }\n }\n\n return links;\n }\n\n render() {\n const { classes } = this.props;\n return - \n {this.props.navigationLinks.map((link, index) => (\n
\n this.props.history.push(link.to) }\n >\n \n { link.label == 'Youtube' ? 
: \n \n {this.state.drawerOpen ? \n {link.children && link.children.length > 0 ? (\n
\n ))}\n - \n {link.children.map((child, index2) => (\n
\n Likes: {this.state.total_likes || 0}\n
\n \n Comments: {this.state.total_comments || 0}\n
\n \n Saves: {this.state.total_saved || 0}\n
\n \n Story Engagement: {this.state.story_engagement || 0}\n
\n \n }\n />\n \n Paid: {this.state.brandedContentStats?.reach | 0}\n
\n \n Organic: {this.state.total_reach | 0}\n
\n \n }\n />\n \n Paid: {this.state.brandedContentStats?.impressions | 0}\n
\n \n Organic: {this.state.total_impressions | 0}\n
\n \n }\n />\n - \n {this.props.topPerformers.map((influencer, i) => {\n return (\n <>\n
- \n {this.state.topHashtags.map((hashtag, i) => {\n return (\n <>\n
\n \n {\n if (this.state.pause) {\n this.vidRef.current.pause();\n } else {\n this.vidRef.current.play();\n }\n this.setState({ pause: !this.state.pause });\n }}\n >\n {' '}\n {this.state.pause ? (\n
\n );\n } else if (showVideo && showOnlyPlay) {\n return (\n \n \n \n {' '}\n
\n );\n } else if (showMyVideo) {\n return (\n {children}
;\n }\n}\n\nexport default withRouter(withStyles(styles)(ImageValidator));\n","import { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport {\n Card,\n CardContent,\n Grid,\n FormControl,\n Select,\n MenuItem,\n Avatar,\n Paper,\n} from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport NoDataLabel from '../common/NoDataLabel';\nimport BootstrapInput from '../../../ux/BootstrapInput';\nimport { getInstagramTopPosts } from '../../../../api_handlers/reporting';\n\nimport insta_placeholder from '../../../../assets/discovery/insta_placeholder.png';\n\nimport ImageValidator from 'components/ux/ImageValidator';\n\nclass TopPosts extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: [],\n loading: true,\n metric: 'like_count',\n };\n }\n\n async getData() {\n const resp = await getInstagramTopPosts(this.state.metric);\n this.setState({ data: resp.data, loading: false });\n }\n\n componentDidMount() {\n setTimeout(() => {\n this.getData();\n }, 300);\n }\n\n render() {\n return (\n \n \n \n \n setDateState([item.selection])}\n showSelectionPreview={true}\n moveRangeOnFirstSelection={false}\n months={2}\n ranges={dateState}\n direction=\"horizontal\"\n />\n \n \n \n \n Cancel\n \n \n \n {\n handleClick(event);\n props.onSelect(dateState);\n }}\n >\n Confirm\n \n \n \n \n \n
\n );\n}\n","import React from 'react';\nimport { IconButton, Box, Popper, Fade } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport zIndex from '@material-ui/core/styles/zIndex';\n\nconst styles = () => ({\n root: {},\n button: {\n right: 20,\n bottom: 95,\n position: 'fixed',\n color: '#f9b725',\n zIndex: 99,\n background: '#333333',\n '&:hover': {\n backgroundColor: 'rgba(0, 0, 0, 0.6)',\n },\n },\n});\n\nclass BaseFilter extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n popupOpen: false,\n anchorEl: null,\n };\n }\n\n handleClick(event) {\n console.log('event', event);\n this.setState({\n anchorEl: event.target,\n popupOpen: !this.state.popupOpen,\n });\n }\n\n render() {\n const { classes } = this.props;\n return (\n \n Remaining\n
\n \n Wait untill 24 hours\n {/* { minutes == 0 && seconds === 0 && hours === 0\n ? null\n :
\n \n }>\n {hours < 10 ? `0${hours}` : hours}:{minutes < 10 ? `0${minutes}` : minutes}:{seconds < 10 ? `0${seconds}` : seconds}
\n } */}\n \n 
\n \n )}\n \n {this.state.shortlistedinfluencer.influencer.reference_link.length != 0 && (\n \n {this.state.rejected && 'You have rejected this influencer.'}\n {this.state.approved && 'You have approved to work with this influencer.'}\n {this.state.pending &&\n this.state.shortlistedinfluencer.brand_quote > 0 &&\n this.state.shortlistedinfluencer.final_price === 0 &&\n 'Your request for revisited costing is pending for approval.'}\n {this.state.pending &&\n this.state.shortlistedinfluencer.brand_quote > 0 &&\n this.state.shortlistedinfluencer.final_price > 0 &&\n 'Your request for revisited costing is reveied and influencer has provide final pricing for approval.'}\n
\n
\n \n \n
\n\n \n Enter your preferred pricing for the Influencer:{' '}\n {this.state.shortlistedinfluencer.influencer.name}\n \n \n \n Final Price (in Rupees)\n \n \n \n \n \n
\n\n this.toggleModal()}\n >\n Cancel\n \n \n this.negotiatePrice(document.getElementById('brand_quote').value)\n }\n >\n Submit\n \n
\n \n \n \n Negotiate Price
\n\n
\n
\n \n \n \n Refrence Links\n \n
\n
\n\n \n {}\n {this.state.shortlistedinfluencer.influencer.reference_link?.map((each) => (\n <>\n {each.platform == 'youtube' && this.state.prefTab == 0 && (\n \n \n {' '}\n \n \n {' '}\n
\n\n this.toggleRefrenceLinkModel()}\n >\n Close\n \n
\n \n \n \n \n Refrence Links\n \n
\n \n
\n
\n {\n this.handleDrawerOpen();\n }}\n onMouseLeave={() => {\n this.handleDrawerClose();\n }}\n >\n {this.props.children}\n \n
\n );\n }\n}\n\nexport default withStyles(styles)(RightDrawerBase);\n","import {\n influencerBase,\n InfluencerList,\n influencerBaseV2,\n cityStateDropdown,\n apiServer,\n} from './index';\n\nexport function getInfluencerProfile() {\n return influencerBase('profile', 'get');\n}\n\nexport function updateInfluencerProfile(data, file) {\n return influencerBase('profile', 'put', data, file);\n}\n\nexport function getLanguages(data) {\n return influencerBase('language', 'get', data);\n}\n\nexport function getFieldOfInterest(data) {\n return influencerBase('field-of-interest', 'get', data);\n}\n\nexport function updatePassword(data) {\n return influencerBase('change-password', 'put', data);\n}\n\nexport function getCities() {\n return influencerBase('city', 'get');\n}\n\nexport function getStates() {\n return influencerBase('state', 'get');\n}\n\nexport function getInfluencerList(page, formData) {\n return InfluencerList(page, formData);\n}\n\nexport function influencerInstagramFetchedPosts() {\n return influencerBaseV2('instagram/fetched-posts');\n}\n\nexport function influencerInstagramFetchNewPosts() {\n return influencerBaseV2('instagram/fetch-new-posts');\n}\n\nexport function influencerInstagramFetchMorePosts() {\n return influencerBaseV2('instagram/fetch-more-posts');\n}\n\nexport function influencerInstagramAddPost(data) {\n return apiServer.post('/influencer/instagram/add-post', JSON.stringify(data));\n}\n\nexport function cityStateList(data) {\n return cityStateDropdown('state_city_dropdown', data);\n}\n","import React from 'react';\nimport { withRouter, Route, Switch } from 'react-router-dom';\nimport { Grid, IconButton, Checkbox, TextField, Switch as SwitchRadio } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport ListIcon from '@material-ui/icons/List';\nimport DnsIcon from '@material-ui/icons/Dns';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport CloudDownloadIcon from '@material-ui/icons/CloudDownload';\nimport FormControl from '@mui/material/FormControl';\nimport moment from 'moment';\n\nimport SummaryHeader from './SummaryHeader';\nimport InfluencerList from './InfluencerList';\nimport InfluencerTabularList from './InfluencerTabularList';\nimport InfluencerTabularListV2 from './InfluencerTabularListV2';\n\nimport BaseFilter from '../ux/BaseFilter';\nimport RightDrawerBase from '../ux/RightDrawerBase';\n\nimport { campaignActions } from '../../actions/campaign.js';\nimport { campaignHandlers } from '../../api_handlers/campaign';\nimport { ShortlistedInfluencerHeaderSummary } from '../../api_handlers/campaign.js';\nimport { connect } from 'react-redux';\n\nimport Loading from '../Common/Loading/Loading';\nimport { downloadFile } from '../../api_handlers/index';\nimport {\n getCities,\n getStates,\n getLanguages,\n getFieldOfInterest,\n} from '../../api_handlers/influencer.js';\nimport { getCookie, setCookie } from '../utils';\n\nconst icon = \n {deliverablesMap[key]} : {influencer[key]}\n
\n ));\n\n const youtube = ['yt_dedic_video', 'yt_integrated_video', 'yt_shorts']\n .filter((key) => influencer[key] > 0)\n .map((key) => (\n \n {deliverablesMap[key]} : {influencer[key]}\n
\n ));\n return (\n <>\n {instagram}
\n {youtube}
\n \n );\n },\n },\n {\n name: 'Instagram Followers',\n key: 'insta_followers',\n value: (influencer) => influencer.instagram_detail.instagram_follower_count,\n },\n {\n name: 'Instagram Avg Views',\n key: 'insta_avg_views',\n value: (influencer) => influencer.instagram_detail.instagram_avg_views,\n },\n {\n name: 'Instagram Avg Engagement',\n key: 'insta_avg_eng',\n value: (influencer) => influencer.instagram_detail.instagram_avg_engagement,\n },\n {\n name: 'Instagram Engagement Rate',\n key: 'insta_eng_rate',\n value: (influencer) => influencer.instagram_detail.instagram_engagement_rate,\n },\n {\n name: 'Instagram CPV',\n key: 'insta_cpv',\n value: (influencer) => influencer.instagram_detail.instagram_estimated_cpv,\n },\n {\n name: 'Instagram CPE',\n key: 'insta_cpe',\n value: (influencer) => influencer.instagram_detail.instagram_estimated_cpe,\n },\n {\n name: 'Youtube Subscribers',\n key: 'yt_followers',\n value: (influencer) => influencer.youtube_detail.youtube_subscribers,\n },\n {\n name: 'Youtube Avg View',\n key: 'yt_avg_views',\n value: (influencer) => influencer.youtube_detail.youtube_avg_views,\n },\n {\n name: 'Youtube Avg Engagement',\n key: 'yt_avg_eng',\n value: (influencer) => influencer.youtube_detail.youtube_avg_engagement,\n },\n {\n name: 'Youtube Engagement Rate',\n key: 'yt_eng_rate',\n value: (influencer) => influencer.youtube_detail.youtube_avg_engagement,\n },\n {\n name: 'Youtube CPV',\n key: 'yt_cpv',\n value: (influencer) => influencer.youtube_detail.youtube_estimated_cpe,\n },\n {\n name: 'Youtube CPE',\n key: 'yt_cpe',\n value: (influencer) => influencer.youtube_detail.youtube_estimated_cpe,\n },\n { name: 'Category', key: 'category', value: 'name' },\n { name: 'Age', key: 'age', value: (influencer) => influencer.influencer.age },\n { name: 'Gender', key: 'gender', value: (influencer) => influencer.influencer.gender },\n { name: 'Address', key: 'address', value: (influencer) => influencer.influencer.address },\n ],\n };\n this.timer = null;\n }\n\n async loadData() {\n const cities = await getCities();\n const states = await getStates();\n\n this.setState({\n cityOptions: cities,\n stateOptions: states,\n location: cities.filter((city) => city.id === this.state.city)[0],\n });\n this.setState({\n // languageOptions: await getLanguages(),\n categoryOptions: await getFieldOfInterest(),\n });\n }\n\n handleAlignment = (event, element) => {\n let alignment = element ? 'left' : 'right';\n this.setState({\n alignment: alignment,\n });\n };\n\n handleSearchText = (event) => {\n const data = event.target.value;\n this.setState({\n search_text: data,\n });\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.reloadData();\n }, 1000);\n };\n\n handleGender = (event) => {\n const data = event.target.value;\n this.setState({\n gender: data,\n });\n this.reloadData();\n };\n\n handleLanguage = (event) => {\n const data = event.target.value;\n console.log(data);\n // let filterdLanguageName = this.state.languageOptions.filter(languages => {\n // return data.indexOf(languages.id) !== -1;\n // })\n this.setState({\n selectedLanguages: [{ id: data }],\n language: data,\n });\n this.reloadData();\n };\n\n handleCategory = (event) => {\n const data = event.target.value;\n this.setState({\n category: data,\n });\n this.reloadData();\n };\n\n getReportFilters() {\n return {\n influencer_id: this.props.match.params.influencerId,\n start_date: this.state.startDate ? moment(this.state.startDate).format('YYYY-MM-DD') : null,\n end_date: this.state.endDate ? moment(this.state.endDate).format('YYYY-MM-DD') : null,\n languages: this.state.selectedLanguages.map((item) => item.id),\n influencer_status: this.state.selectedStatus,\n influencers: this.state.selectedInfluencers.map((item) => item.influencer_id),\n subscriber: this.state.selectedSubscriber,\n search_text: this.state.search_text ? this.state.search_text : '',\n gender: this.state.gender ? this.state.gender.value : '',\n category: this.state.category ? this.state.category.id : '',\n location_id: this.state.location ? this.state.location.id : '',\n };\n }\n\n downloadReport() {\n downloadFile(\n `/campaign/${this.campaign_id}/report/influencer_list/download`,\n this.getReportFilters(),\n );\n }\n async reloadData() {\n await this.setState({\n page: 1,\n });\n this.fetchData();\n }\n\n downloadTabularReport() {\n let url;\n\n if (this.props.campaign.brand === 78)\n url = `/campaign/${this.campaign_id}/report/tabular_influencer_list/download`;\n else url = `/campaign/${this.campaign_id}/report/tabular_influencer_list/updated/download`;\n\n downloadFile(url, this.getReportFilters());\n }\n\n filterInfluencers = (status = null) =>\n this.props.getInfluencers(this.campaign_id, status, this.state.page, {\n languages: this.state.selectedLanguages.map((item) => item.id),\n influencer_status: this.state.selectedStatus,\n influencers: this.state.selectedInfluencers.map((item) => item.influencer_id),\n subscriber: this.state.selectedSubscriber,\n search_text: this.state.search_text ? this.state.search_text : '',\n gender: this.state.gender ? this.state.gender.value : '',\n category: this.state.category ? this.state.category.id : '',\n location_id: this.state.location ? this.state.location.id : '',\n });\n\n componentDidMount() {\n this.loadData();\n // ShortlistedInfluencerHeaderSummary().then((data) =>\n // this.setState({summary: data})\n // )\n window.addEventListener('scroll', this.infiniteScroll);\n campaignHandlers.getCampaignLanguageOptions(this.campaign_id).then((data) => {\n this.setState({ languageOptions: data });\n });\n\n campaignHandlers.getCampaignInfluencerOptions(this.campaign_id).then((data) => {\n this.setState({ influencerOptions: data });\n });\n this.fetchData(this.state.page);\n\n let previousColumnsPreference = getCookie('influencer_columns');\n console.log('previousColumnsPreference', previousColumnsPreference);\n\n if (previousColumnsPreference.length === 0)\n previousColumnsPreference = ['name', 'status', 'cost', 'age', 'gender', 'city', 'category'];\n else previousColumnsPreference.split(', ');\n\n this.setState({\n selectedColumns: this.state.columns.filter((column) =>\n previousColumnsPreference.includes(column.key),\n ),\n });\n }\n\n getInfluencers(type) {\n if (type === 'eligible') {\n this.filterInfluencers();\n } else {\n this.filterInfluencers(type);\n }\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (prevProps.location.pathname !== this.props.location.pathname) {\n this.reloadData();\n }\n }\n componentWillUpdate(props) {\n if (props.download_influencers_report) {\n props.influencers_alignment == 'left' ? this.downloadReport() : this.downloadTabularReport();\n }\n }\n summary_handler = () => {\n ShortlistedInfluencerHeaderSummary().then((data) => this.setState({ summary: data }));\n };\n\n fetchData = () => {\n ShortlistedInfluencerHeaderSummary().then((data) => this.setState({ summary: data }));\n const filter_route = this.props.location.pathname.substring(\n this.props.location.pathname.lastIndexOf('/') + 1,\n this.props.location.pathname.length,\n );\n let filter = filter_route.split('-')[0];\n this.getInfluencers(filter);\n };\n\n // componentWillReceiveProps({summary}) {\n // this.setState({...this.state,summary})\n // }\n\n infiniteScroll = () => {\n if (\n window.innerHeight + document.documentElement.scrollTop >=\n document.documentElement.offsetHeight\n ) {\n if (this.props.influencers.length < this.props.count && this.props.loading == false) {\n let newPage = this.state.page;\n newPage++;\n this.setState({\n page: newPage,\n });\n this.fetchData();\n }\n }\n };\n\n render() {\n const genders = [\n { value: 'male', name: 'Male' },\n { value: 'female', name: 'Female' },\n { value: 'unkown', name: 'Other' },\n ];\n let influencers_alignment = this.props.influencers_alignment;\n return (\n \n Excellent\n
\n \n\n Paid: {feed.branded_content_data[key]}\n
\n \n Organic: {feed[key]}\n
\n \n }\n >\n \n \n \n Paid: {feed.branded_content_data[key]}\n
\n \n Organic: {feed[key]}\n
\n \n }\n >\n \n \n \n Excellent\n
\n \n- \n {\n loadingChats ?
{selectedInfluencer.name}
\n \n Please select an influencer to view their message \n
\n }\n \n {\n cascade == 'tile' ? \n
\n : null \n }\n \n
\n \n {influencerDetailList.map(each=>{\n if (keyword && keyword.length > 0 && (each.name || each.influencer_name).toLowerCase().indexOf(keyword.toLowerCase()) == -1) {\n return \n }\n return {\n setSelectedInfluencerInfluencer(each.influencer_id)\n }}>\n
\n })}\n \n \n {\n influencersList.map((data, index)=>{\n if (keyword && keyword.length > 0 && data.influencer_details.name.toLowerCase().indexOf(keyword.toLowerCase()) == -1) {\n return \n }\n if (sortBy != '' && sortBy != data.status) {\n return\n }\n if (cascade == 'tile' && selectedInfluencerInfluencer > -1 && selectedInfluencerInfluencer != data.influencer_details.influencer_id) {\n return\n }\n return \n \n \n \n \n \n {data.influencer_details.name}\n \n \n {\n setContentUrl(data.content_url)\n setOpenModal(true)\n }}>\n \n {\n e.stopPropagation()\n }} href={data.content_url} target='_blank'>
\n \n \n \n \n \n \n })\n }\n {\n (sortBy == 'pending' || sortBy == '') && pendingInfluencersList.map(data=>{\n if (keyword && keyword.length > 0 && data.influencer_name.toLowerCase().indexOf(keyword.toLowerCase()) == -1) {\n return \n }\n if (cascade == 'tile' && selectedInfluencerInfluencer > -1 && selectedInfluencerInfluencer != data.influencer_id) {\n return\n }\n return \n \n \n \n \n \n {data.influencer_name}\n \n \n \n \n \n \n Content Pending\n \n \n \n \n \n \n })\n }\n \n
\n {\n openModal ? \n {\n e.stopPropagation()\n }} >\n {\n setType('approved');\n setSelectedIndex(index);\n setCurrentMessageIndex(-1);\n }}>Approve\n {\n setType('rejected');\n setSelectedIndex(index);\n setCurrentMessageIndex(-1);\n }}>Reject\n
\n {\n e.stopPropagation()\n }} >\n \n {moment(data.updated_at).format('DD/MM/YYYY hh:mm a')}\n \n \n {data.comment ? {\n setCurrentMessageIndex(index)\n }}>\n \n
\n {\n index == selectedIndex ? \n \n
\n : null \n }\n {\n index == currentMessageIndex ? \n \n {\n setMessage(e.target.value);\n }}\n />\n
\n \n {\n setSelectedIndex(-1);\n }}>\n \n
\n \n {\n setSelectedIndex(-1);\n updateContentStatus(influencersList[selectedIndex].id, type, message);\n influencersList[selectedIndex].status = type;\n influencersList[selectedIndex].comment = message;\n setinfluencersList(influencersList);\n }}>Submit\n {\n setSelectedIndex(-1);\n updateContentStatus(influencersList[selectedIndex].id, type, message);\n influencersList[selectedIndex].status = type;\n influencersList[selectedIndex].comment = message;\n if (data.phone_number) {\n sendWhatsappMessage(data.phone_number, \"\", data.influencer_details.influencer_id, campaign_id, message);\n }\n setinfluencersList(influencersList);\n }}>Send\n
\n \n {\n setCurrentMessageIndex(-1);\n }}>\n
: null\n }\n \n \n {data.approved_by_username}: {data.comment}\n \n
\n {\n e.stopPropagation()\n }} >\n {\n setType('approved');\n setSelectedIndex(index);\n setCurrentMessageIndex(-1);\n }}>Approve\n {\n setType('rejected');\n setSelectedIndex(index);\n setCurrentMessageIndex(-1);\n }}>Reject\n
\n {\n e.stopPropagation()\n }} >\n \n {moment(data.updated_at).format('DD/MM/YYYY hh:mm a')}\n \n \n {data.comment ? {\n setCurrentMessageIndex(index)\n }}>\n \n
\n {\n index == selectedIndex ? \n \n
\n : null \n }\n {\n index == currentMessageIndex ? \n \n {\n setMessage(e.target.value);\n }}\n />\n
\n \n {\n setSelectedIndex(-1);\n }}>\n \n
\n \n {\n setSelectedIndex(-1);\n updateContentStatus(influencersList[selectedIndex].id, type, message);\n influencersList[selectedIndex].status = type;\n influencersList[selectedIndex].comment = message;\n setinfluencersList(influencersList);\n }}>Submit\n {\n setSelectedIndex(-1);\n updateContentStatus(influencersList[selectedIndex].id, type, message);\n influencersList[selectedIndex].status = type;\n influencersList[selectedIndex].comment = message;\n setinfluencersList(influencersList);\n }}>Send\n
\n \n \n {data.approved_by_username}\n \n \n {data.comment}\n \n {\n setCurrentMessageIndex(-1);\n }}>\n \n
: null\n }\n \n \n {\n influencersList.map((data, index)=>{\n return \n \n \n \n \n \n {data.influencer_details.name}\n \n \n {\n setContentUrl(data.content_url)\n setOpenModal(true)\n }}>\n \n {\n e.stopPropagation()\n }}\n href={data.content_url} target='_blank'>\n \n \n \n \n \n \n })\n }\n {\n openModal ? \n setOpenModal(false)}\n aria-labelledby=\"modal-title\"\n aria-describedby=\"modal-description\"\n style={{ \n padding: 20,\n paddingTop: 0,\n position: 'fixed', \n width: '39%', \n left: '25%',\n top: 100,\n height: '70%',\n }}\n >\n \n setOpenModal(false)} style={{alignSelf: 'flex-end', cursor: 'pointer'}}>\n \n \n {contentUrl && contentUrl.length > 0 ? (\n \n \n \n ) : null}\n \n \n : null\n }\n
\n\n}\n\nconst styles = (theme) => ({\n card: {\n background: 'linear-gradient(135.2deg, #EEEFF8 10.88%, rgba(251, 252, 255, 0.76) 100%)',\n boxShadow:\n '-5px 5px 10px rgba(215, 216, 220, 0.2), 5px -5px 10px rgba(215, 216, 220, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(215, 216, 220, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(215, 216, 220, 0.5)',\n borderRadius: 20,\n padding: 20,\n maxWidth: 300,\n marginLeft: 20,\n marginBottom: 50,\n height: '100%', width: '100%'\n },\n root: {\n // background: 'white',\n filter: 'drop-shadow(5px 8px 15px rgba(171, 171, 171, 0.25))',\n // height: 500,\n width: 'fit-content',\n borderRadius: 10,\n padding: 25,\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n marginLeft: 'auto',\n // overflowY: 'scroll',\n },\n})\n\nexport default withStyles(styles)(ContentRejected);\n","import React, { Component } from 'react';\nimport { Button, Grid, Checkbox, TextField, Typography } from '@material-ui/core';\nimport Chip from '@material-ui/core/Chip';\n\nimport moment from 'moment';\n\nimport { USE_ES } from 'config';\n\nimport CloudDownloadIcon from '@material-ui/icons/CloudDownload';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\n\nimport Statistics from '../reporting/cards/youtube/Statistics';\nimport EngagementStatistic from './cards/youtube/EngagementStatistic';\nimport PostTable from './cards/youtube/PostTable';\nimport DateRangePicker from '../ux/DateRangePicker';\nimport { campaignHandlers } from '../../api_handlers/campaign';\nimport { downloadFile } from '../../api_handlers/index';\nimport { getYoutubeStatistic } from '../../api_handlers/reporting';\nimport { getYoutubeStatisticES } from 'api_handlers/es';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport MultiSelect from 'components/PlannerTheme/Elements/MultiSelect';\n\nconst icon = {\n e.stopPropagation()\n }} >\n {\n setType('approved');\n setSelectedIndex(index);\n setCurrentMessageIndex(-1);\n }}>Approve\n {\n setType('rejected');\n setSelectedIndex(index);\n setCurrentMessageIndex(-1);\n }}>Reject\n
\n {\n e.stopPropagation()\n }} >\n \n {moment(data.updated_at).format('DD/MM/YYYY hh:mm a')}\n \n \n {data.comment ? {\n setCurrentMessageIndex(index)\n }}>\n \n
\n {\n index == selectedIndex ? \n \n
\n : null \n }\n {\n index == currentMessageIndex ? \n \n {\n setMessage(e.target.value);\n }}\n />\n
\n \n {\n setSelectedIndex(-1);\n }}>\n \n
\n \n {\n setSelectedIndex(-1);\n updateContentStatus(influencersList[selectedIndex].id, type, message);\n influencersList[selectedIndex].status = type;\n influencersList[selectedIndex].comment = message;\n setinfluencersList(influencersList);\n }}>Submit\n {\n setSelectedIndex(-1);\n updateContentStatus(influencersList[selectedIndex].id, type, message);\n influencersList[selectedIndex].status = type;\n influencersList[selectedIndex].comment = message;\n if (data.phone_number) {\n sendWhatsappMessage(data.phone_number, \"\", data.influencer_details.influencer_id, campaign_id, message);\n }\n setinfluencersList(influencersList);\n }}>Send\n
\n \n \n {data.approved_by_username}\n \n \n {data.comment}\n \n {\n setCurrentMessageIndex(-1);\n }}>\n \n
: null\n }\n \n \n \n\n \n \n {\n this.props.downloadInfluencersReport();\n }}\n >\n \n \n\n \n\n \n\n \n \n \n \n \n \n\n \n \n \n //
\n ) : null}\n \n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n loading: state.campaign.loading,\n current_campaign: state.campaign.current_campaign,\n allowedSocailMediaLinks: state.brand.displayPanels?.social_media.link_display,\n influencers_alignment: state.campaign.influencers_alignment,\n});\n\nconst actionCreators = {\n getCampaignDetails: campaignActions.getCampaignDetails,\n changeInfluencersAlignment: campaignActions.changeInfluencersAlignment,\n downloadInfluencersReport: campaignActions.downloadInfluencersReport,\n};\n\nexport default connect(mapStateToProps, actionCreators)(withRouter(CampaignSidePanel));\n","export default \"data:image/png;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAANQAA/+4AIUFkb2JlAGTAAAAAAQMAEAMDBgkAAA8kAAASfAAAF5r/2wCEAAgFBQUGBQgGBggLBwYHCw0JCAgJDQ8MDA0MDA8RDAwMDAwMEQ4RERIREQ4XFxgYFxcgICAgICQkJCQkJCQkJCQBCAgIDw4PHBMTHB8ZFBkfJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJP/CABEIAjACMAMBEQACEQEDEQH/xADAAAEBAQEBAQEBAAAAAAAAAAAABAUBBwYCAwEBAAAAAAAAAAAAAAAAAAAAABAAAAUCBgIDAQEBAAAAAAAAAAECMgQwA1ARMRITBUAUYDQVECDAEQABAgQDBQYGAQUBAAAAAAABADAxcQIyQFADEWGREnJgIUFRIgQQIMHhUhNCcPDRgqIjEgEAAAAAAAAAAAAAAAAAAADAEwABAgUDBAIDAQEBAAAAAAABAGEw8DFxoUBQESFBkbFR8RAgYMCB4f/aAAwDAQACEQMRAAAA9/OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6cIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVnSMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFZ0jAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWdIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVnSMAAAAAERMAAAAAAAAAAAATGgXgAAAAAAAAAAAAArOkYAAAAAMwiAAAAAAAAAAAAID4g9VNEAAAAAAAAAAAAArOkYAAAAAMwiAAAAAAAAAAAAIDzwrPVDTAAAAAAAAAAAABWdIwAAAAAZhEAAAAAAAAAAAAQHngKj1Q1AAAAAAAAAAAACs6RgAAAAAzCIAAAAAAAAAAAAgPPACk9UNUAAAAAAAAAAAFZ0jAAAAABmEQAAAAAAAAAAABAeeAA/ueqGuAAAAAAAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAf3PUTaAAAAAAAAAABWdIwAAAAAZhEAAAAAAAAAAAAQHngAAP7HqJtgAAAAAAAAAFZ0jAAAAABmEQAAAAAAAAAAABAeeAAAH9T1A3QAAAAAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAAD+h6eb4AAAAAAAABWdIwAAAAAZhEAAAAAAAAAAAAQHngAAAB/Q9NPoQAAAAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAAAD9nph9GAAAAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAAAAfo9LPpQAAAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAAAAD9HpJ9OAAAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAAAAAdPRz6oAAAAAAFZ0jAAAAABmEQAAAAAAAAAAABAeeAAAAAAA6ein1gAAAAABWdIwAAAAAZhEAAAAAAAAAAAAQHngAAAAAAB09DPrgAAAAAVnSMAAAAAGYRAAAAAAAAAAAAEB54AAAAAAAAehH2AAAAABWdIwAAAAAZhEAAAAAAAAAAAASHyQAAAAAAAAPuzdAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAGYRAAAAAAAAAAAAAAAAAAAAAAtNMAAAAFZ0jAAAAABmEQAAAAAAAAAAAAAAAAAAAAALTTAAAABWdIwAAAAAZhEAAAAAAAAAAAAAAAAAAAAAC00wAAAAVnSMAAAAAEBIAAAAAAAAAAAAAAAAAAAAACsvAAAABWdIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVnSMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFZ0jAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWdIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVn6PyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9H//2gAIAQIAAQUB/wCMk//aAAgBAwABBQH/AIyT/9oACAEBAAEFARmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzIZkMyGZDMhmQzL+Hp8ES09PgiWnp8ES09PgiWnpUv3VoV7N0ezdHs3R7N0ezdHs3R7N0ezdHs3R7N0ezdHs3R7N0ezdHs3R7N0ezdHs3R7N0ezdHs3R7N0ezdHs3R7N0SZ96zYhTbMyz5iWnpUlv8nsPpRJd6LegT7M2z5aWnpUlv8nsPpCLLvRb3X9hZm2fKS09Kkt/k9h9L+RZV6Le6/sbM215KWnpUlv8AJ7D6X9jyLsa713Y2ZtryEtPSpLf5PYfS/wAWL92Pd63srU6146WnpUlv8nsPpf5sX7ti51nZ251vxktPSpLf5PYfS/1ZvXLNzq+1tTkeKlp6VJb/ACew+l/u1duWrnV9rbmo8RLT0qS3+T2H0qFu4u2vqu1RNR4aWnpUlv8AJ7D6VG3cXbX1PbImI8JLT0qS3+T2H0qSFrQvqe4TMLwUtPSpLf5PYfSppUpCuo7hEtPgJaelSW/yew+lUSo0n0/cFKKulp6VJb/J7D6VUjMj6fuCklWS09Kkt/k9h9KsRmR9P3XsVktPSpLf5PYfSr6Dp+6K9VS09Kkt/k9h9Lwem7nlqJaelSW/yZdtV2N+PNH480fjzR+PNH480fjzR+PNH480fjzR+PNH480fjzR+PNH480fjzR+PNH480fjzR1Nybx0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qS34ZEfSS09Kkt+GRH0ktPSpLfhkR9JLT0qSba1K4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bo4bojW1pVSS09PgiWnp8ES09PgiWnp8ES0bUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjakbUjan+f/9oACAECAgY/ARkn/9oACAEDAgY/ARkn/9oACAEBAQY/Af6FjsMOww7DB4CnyxVeqNhNA27Cv2af+1PiD5HGh4SxWr0oaukdhER4EeRX7NPuqF9HiDjA8JYrV6fgNXROyoRHgR5Fc9HdWL6PEH/GLDwlitXp+I1dI7KhwI8iuaj06lN9HiPtig8JYrV6fkGrpHlrp/vYVzU+nVF9Hl9sSHhLFavT8o1dI8tdK2j06tN9H1G7EB4SxWr0/MNXSq5a6YFfjr030fUbsOHhLFavT841dI8tdMCth9GvTdR9RuwweEsVq9LA1NM8tdPeCFy1en3FN1HnvpwoeEsVq9LI1NM8tdPeCFyV+n3FN1PnvGEDwlitXpaFdBNNdPeCF+vU9PuaYj8t4wYeEsVq9LYroPLVT3ghfq1fT7gcKt4wQeEsVq9LgqpOyod4IQ0tY8vuR/1vG/Ah4SxWr0uiqk7Kh3ghDR1js9wIH8/vgA8JYrV6XtoOwiBCGhrnZri2r8/u+HhLFavS/tHcRAoe39wdmt/Gr8vu8HhLFavTgNoih7f3J2a0KK/y3He6HhLFavTgh7b3J/8AWFFZ/luO9wPCWKr06bqhsChTxUKeKhTxUKeKhTxUKeKhTxUKeKhTxUKeKhTxUKeKhTxUKeKhTxUKeKhTxUKeK/V7rvNFte3btHkWw8JZaZNh4Sy0ybDwllpk2HhLLTJsPCWWmTYeEstMmw8JZaZNh4Sy0ybDwllpk2HhLLTJsPCWWmTYeEstMmw8JZaZNh4Sy0ybDwllpk2HhLLTJsPCWWmTYeEstMmw8JZaZNh4Sy0ybDwllpk2HhLLTJsPCWWmTYeEstMmw8JZaZNh4Sy0ybDwllpk2HhLLTJsPCWWmTYeEstMmw8JZaZNh4Sy0ybDwllpk2HhLLTJsPCWWmTYeEstMmw8JZaZNh4Sy0ybDwllpk2HhLLTJsPDlG3uVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtVqtR5hs7mx2GHYYdhh2GHwgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgofD//aAAgBAgMBPxD/ABkn/9oACAEDAwE/EP8AGSf/2gAIAQEDAT8QTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTgTg/FS38LiKpb+FxFUt/C4iqW/hcRVLReNDg8jyOe6eHhPDwnh4Tw8J4eE8PCeHhPDwnh4Tw8J4eE8PCeHhPDwnh4Tw8J4eE8PCeHhPDwnh4Tw8J4eE8PCeHhCh4AB0PBp0Q+fgjoeUdjrcRVLRZJzqsl7CoJkS6B8IAJ0AIbIt8HWYiqWiyTnVZL2PxSywnXuAdwgInSg5/wDUXY6vEVS0WSc6rJex+e4P4/6AdwV28AFPU+R8l2OqxFUtFknOqyXsfpjvgjuDuCudgB656l8j5LsdTiKpaLJOdVkvY/U48jkEd/kEdwV0wBDr09hajEVS0WSc6rJex+xPVMZBHcFduiydSxp8RVLRZJzqsl7H7n8n8g9H5BXAYA883Qic2mxFUtFknOqyXsQCLz+7AodIBGuGL1pcRVLRZJzqsl7EE/k2jEELp0H+ACJyO2kxFUtFknOqyXsQib05bggoaIAPgACcjR4iqWiyTnVZL2IZ1JQLcEEdwhXgHpQIHV35GixFUtFknOqyXsRDhjQW4IIoQUAIBwOwEfYHhtBiKpaLJOdVkvYikoGghwQR1BBCBWH+AAO49h/0NHxFUtFknOqyXsRh84rkjggihBCGGC4J0ACd4+Iqlosk51WS9iOBHJQIDwQRQgoXAg9KY49jPmNiKpaLJOdVkvY0AJIE4DqCKgof30FPjJ5vFxFUtFknOqyXsaEEg8joRQoY8eHph8T3vWHiKpaLJOdVwynqQ8DlfQV9BX0FfQV9BX0FfQV9BX0FfQV9BX0FfQV9BX0FfQV9BX0FciMDDh5KF0fPeHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWiyTnbZJxDxFUtFknO2yTiHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWiyTnbZJxDxFUtFknO2yTiHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWiyTnbZJxDxFUtFknO2yTiHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWiyTnbZJxDxFUtFknO2yTiHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWiyTnbZJxDxFUtFknO2yTiHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWiyTnbZJxDxFUtFknO2yTiHiKpaLJOdtknEPEVS0WSc7bJOIeIqlosk522ScQ8RVLRZJztsk4h4iqWikIgDgSLp4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4nieJ4niIRAPAE3h4iqW/hcRVLfwuIqlv4XEVS38LifhomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiaJomiAAHAov/9k=\"","import React from \"react\";\nimport { createStyles, makeStyles, Theme } from \"@material-ui/core/styles\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport { deepOrange } from \"@material-ui/core/colors\";\nimport { useState } from 'react';\nimport insta_placeholder from '../../assets/discovery/insta_placeholder.png';\nimport ImageValidator from \"components/ux/ImageValidator\";\nimport { Button, Modal, Grid, Typography } from \"@material-ui/core\";\nimport Stack from '@mui/material/Stack';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Link } from 'react-router-dom'\nimport { withRouter, NavLink } from 'react-router-dom';\n\nimport document_icon from '../../assets/document_icon.png';\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n root: {\n // background: 'white',\n filter: 'drop-shadow(5px 8px 15px rgba(171, 171, 171, 0.25))',\n // height: 500,\n width: 'fit-content',\n borderRadius: 10,\n padding: 25,\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n marginLeft: 'auto',\n // overflowY: 'scroll',\n },\n messageRow: {\n display: \"flex\"\n },\n messageRowRight: {\n display: \"flex\",\n justifyContent: \"flex-end\"\n },\n messageBlue: {\n position: \"relative\",\n marginLeft: \"20px\",\n marginBottom: \"10px\",\n padding: \"10px\",\n backgroundColor: \"#A8DDFD\",\n width: \"90%\",\n //height: \"50px\",\n textAlign: \"left\",\n font: \"400 .9em 'Open Sans', sans-serif\",\n border: \"1px solid #97C6E3\",\n borderRadius: \"10px\",\n \"&:after\": {\n content: \"''\",\n position: \"absolute\",\n width: \"0\",\n height: \"0\",\n borderTop: \"15px solid #A8DDFD\",\n borderLeft: \"15px solid transparent\",\n borderRight: \"15px solid transparent\",\n top: \"0\",\n left: \"-15px\"\n },\n \"&:before\": {\n content: \"''\",\n position: \"absolute\",\n width: \"0\",\n height: \"0\",\n borderTop: \"17px solid #97C6E3\",\n borderLeft: \"16px solid transparent\",\n borderRight: \"16px solid transparent\",\n top: \"-1px\",\n left: \"-17px\"\n }\n },\n messageOrange: {\n position: \"relative\",\n marginRight: \"20px\",\n marginBottom: \"10px\",\n padding: \"10px\",\n backgroundColor: \"#f8e896\",\n width: \"60%\",\n //height: \"50px\",\n textAlign: \"left\",\n font: \"400 .9em 'Open Sans', sans-serif\",\n border: \"1px solid #dfd087\",\n borderRadius: \"10px\",\n \"&:after\": {\n content: \"''\",\n position: \"absolute\",\n width: \"0\",\n height: \"0\",\n borderTop: \"15px solid #f8e896\",\n borderLeft: \"15px solid transparent\",\n borderRight: \"15px solid transparent\",\n top: \"0\",\n right: \"-15px\"\n },\n \"&:before\": {\n content: \"''\",\n position: \"absolute\",\n width: \"0\",\n height: \"0\",\n borderTop: \"17px solid #dfd087\",\n borderLeft: \"16px solid transparent\",\n borderRight: \"16px solid transparent\",\n top: \"-1px\",\n right: \"-17px\"\n }\n },\n\n messageContent: {\n padding: 0,\n margin: 0,\n wordWrap: 'break-word'\n },\n messageTimeStampRight: {\n display: 'flex',\n justifyContent: 'flex-end',\n fontSize: \".65em\",\n fontWeight: \"300\",\n marginTop: \"5px\",\n marginRight: \"5px\"\n },\n\n orange: {\n color: theme.palette.getContrastText(deepOrange[500]),\n backgroundColor: deepOrange[500],\n width: theme.spacing(4),\n height: theme.spacing(4)\n },\n avatarNothing: {\n color: \"transparent\",\n backgroundColor: \"transparent\",\n width: theme.spacing(4),\n height: theme.spacing(4)\n },\n displayName: {\n marginLeft: \"20px\"\n },\n viewButton: {\n padding: 5,\n background: 'green',\n color: 'white',\n blockSize: '40px',\n textTransform:'none'\n }\n })\n);\n\n\nexport const MessageLeft = (props) => {\n const message = props.message ? props.message : \"no message\";\n const timestamp = props.timestamp ? props.timestamp : \"\";\n const media = props.media ? props.media : \"\";\n const photoURL = props.photoURL ? props.photoURL : \"dummy.js\";\n const displayName = props.displayName ? props.displayName : \"None\";\n const classes = useStyles();\n const [openModal, setOpenModal] = useState(false);\n\n const handleClick = () => {\n setOpenModal(true);\n };\n return (\n <>\n \n
\n \n {/* */}\n
\n \n {/* {displayName ? (\n \n \n {\n media && media.length > 0 ? \n \n \n \n {\n e.stopPropagation();\n }} href={media} target='_blank'>\n \n \n \n \n {\n\n }}\n >\n Approve/Reject\n \n \n \n\n \n :\n \n }\n \n \n \n \n\n \n \n \n //
\n {displayName}
\n ):null} */}\n {message ?(\n {timestamp}
\n \n //
\n ):null}\n \n // {\n // media && media.length > 0 ? \n //
\n // \n // \n // 
\n // \n // \n // {/* */}\n // {\n\n // // let url = window.location.href\n // // let shortUrl=url.substring(0,url.lastIndexOf(\"/\"));\n // // console.log(shortUrl)\n // // // console.log(window.location.href)\n // }}\n // >\n // Approve/Reject\n // \n // \n //
\n // : \n // \n // }\n // {timestamp}
\n // \n // setOpenModal(false)}\n // aria-labelledby=\"modal-title\"\n // aria-describedby=\"modal-description\"\n // style={{ \n // padding: 20,\n // paddingTop: 0,\n // position: 'absolute', \n // // width: '57%',\n // width: '39%', \n // // top: '100px', \n // // left: '312px',\n // top: '100px', \n // left: '25%',\n // height: '70%',\n // }}\n // >\n // \n // setOpenModal(false)} style={{alignSelf: 'flex-end', cursor: 'pointer'}}>\n // \n // \n // {media && media.length > 0 ? (\n // \n // \n // \n // ) : null}\n // \n // \n // \n //
\n );\n};\n\n","import React from 'react';\nimport { Modal, Paper, Typography, Button } from '@material-ui/core';\nimport SendIcon from '@material-ui/icons/Send';\n\nconst TemplateModal = ({ isOpen, onClose, templateId, templateDict, sendBroadCastMessage, classes }) => {\n return (\n \n // {\n // media && media.length > 0 ?\n //
\n // \n // \n // \n // \n // \n // {/* */}\n // \n // \n //
\n // : \n // \n // }\n // {timestamp}
\n // \"));\n })\n }\n setShowTemplate(false);\n }\n\n useEffect(() => {\n getStatus(null);\n }, []);\n\n return (\n
\n {\n this.setState({ cascade: value })\n }}\n aria-label=\"Cascade\"\n >\n \n Cascade View\n \n \n Tile View\n \n \n
\n \n this.setState({ keyword: evt.target.value })}\n />\n 
\n
\n Sort By
\n {\n if (sortBy == 'pending') {\n this.setState({ sortBy: '' })\n } else {\n this.setState({ sortBy: 'pending' })\n }\n }}>Pending
\n {\n if (sortBy == 'approved') {\n this.setState({ sortBy: '' })\n } else {\n this.setState({ sortBy: 'approved' })\n }\n }}>Approved
\n {\n if (sortBy == 'rejected') {\n this.setState({ sortBy: '' })\n } else {\n this.setState({ sortBy: 'rejected' })\n }\n }}>Rejected
\n \n \n )}\n \n \n
\n Instagram\n \n }\n >\n )}\n \n {this.state.socialPlatform == 'instagram' &&\n this.state.influencer.instagram_link && (\n - \n {Object.keys(this.props.errors).map((key) => {\n const error = this.props.errors[key];\n if (Array.isArray(error)) {\n return (\n
- \n {this.props.backendKeyMap[key] ? this.props.backendKeyMap[key] : key}: {error}\n \n );\n } else {\n return (\n
- \n {this.props.backendKeyMap[key] ? this.props.backendKeyMap[key] : key}:{' '}\n {Object.values(error).join(',')}\n \n );\n }\n })}\n
Welcome to Influencer.in
\nYour Facebook/Instagram account has been connected successfully!
\nYou can close the browser now.
\n\n
\n
\n
\n {this.props.loading && \n {this.props.campaigns?.map((campaign) => (\n \n ) : (\n \n \n \n \n )}\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n loading: state.campaign.loading,\n campaigns: state.campaign.campaigns,\n});\n\nconst actionCreators = {\n getInfluencerCampaigns: campaignActions.getInfluencerCampaigns,\n};\n\nexport default connect(mapStateToProps, actionCreators)(withRouter(CampaignDashboard));\n","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Grid } from '@material-ui/core';\n\nimport StyledNavLink from '../../ux/StyledNavLink';\n\nclass SidePanel extends React.Component {\n render() {\n return (\n \n Excellent\n
\n \n\n \n \n \n \n \n \n \n this.addPostLink(document.getElementById('post_url').value)}\n >\n Add Post\n \n \n \n \n \n \n or\n \n \n \n \n \n {\n this.fetchNewPosts();\n }}\n >\n Refresh Posts\n \n \n \n \n \n {this.state.posts.map((item) => (\n \n 
\n Created at: {item.created_at}}\n actionIcon={\n {\n this.setState({ selectedPost: item.id });\n }}\n value={item.id}\n name=\"radio-button-demo\"\n inputProps={{ 'aria-label': 'A' }}\n />\n }\n style={{\n background: 'rgba(255, 255, 255, 0.8)',\n color: 'black',\n }}\n />\n \n ))}\n \n {this.state.loading ? (\n \n \n \n \n \n \n \n \n \n \n ) : (\n {\n this.fetchMorePosts();\n }}\n style={{ margin: 'auto', marginTop: '15px' }}\n variant=\"contained\"\n color=\"primary\"\n >\n Load More Posts\n \n )}\n \n {\n this.setState({ toastOpen: false });\n }}\n >\n {\n this.setState({ toastOpen: false });\n }}\n severity=\"info\"\n >\n {this.state.message}\n \n \n \n
\n URL:
\nPlease wait a few minutes while we fetch your post.
\n\n \n \n \n Add Post\n \n \n \n Paste your Instagram post URL to add it to the Campaign\n \n \n \n \n \n \n \n \n
\n\n \n Cancel\n \n \n this.addPostLink(document.getElementById('post_url').value)\n }\n >\n Submit\n \n
\n \n \n \n URL:
\n\n
\n \n \n {this.state.message}\n \n \n
\n \n Excellent\n
\n \n\n \n \n
\n\n \n Paste your Youtube video URL to add it to the Campaign\n \n \n \n \n \n \n \n \n
\n\n \n Cancel\n \n \n this.addPostLink(document.getElementById('post_url').value)\n }\n >\n Submit\n \n
\n \n \n \n Add Post
\n\n
URL:
\n\n
\n \n \n {this.state.message}\n \n \n
\n \n \n \n
\n \n \n Total Engagement Rate\n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.engagement_rate)}\n \n
\n Excellent
\n\n \n \n \n Overall data\n
\n \n Statistics
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_views | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_likes | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_comments | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_saved | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_reach | 0)}\n \n
\n \n
\n \n \n \n );\n }\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAYAAACTz/ouAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG0SURBVHgB7ZdNTgJBEIWregQ1Mwu8gd5gWKokMp4AbyArJS7EE6gnUBeEgAvhBKB7GRP52YE3EG/AAhLE6S6rDRpiJMwEWJjM20y6urq/6XqbKgSWmXNtjESvgMAGwBjMK6QnT47Sw4zTRSv/nARhuKDo0gNRGma2uzCHzFzdRoEpEHgOSjpoFRodUHDfz+xewAJl5RsXYMCe4PfYZESqsGDpagBhUuiFlLIHS5KAJSsEhIAQEAJCQAgIAf8QELtzY2t5dzPIGd8A3QF6o+irIVZds1i3/Z7zBTCLjVMQokKKznh5g4SuWWhm/ZydCbAKTW6KMUseOYNMojQ42rn2lIjz1ql12zrXOVy64ABdb6vYcAEhKRU6g5PEy/eebpB1jF90yD9Q4dAGe+MfoI38GK12SNLbSmTd+avj1rFI9D0OpLqc2+bQFnszG6DNXBHRDioqc0kOe+n41L61l3Z6/ePEmc5l82scirM30wGTZgZp58e52vxH/mbZm589ng+ahEQpQkwSQAo8dTBZ7yBay7c2DUE1HkDKRPIBSbSFnmz48ioQ2b/NDKqx+fsg1d7Xa/juT4jPxdKVdsoGAAAAAElFTkSuQmCC\"","import { Component } from 'react';\n\nimport { getInfluencerInstagramFeeds } from '../../../../../api_handlers/feeds';\n\nimport ArrowRightAltIcon from '@material-ui/icons/ArrowRight';\nimport ArrowLeftAltIcon from '@material-ui/icons/ArrowLeft';\n\nconst labelText = {\n fontSize: '11px',\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n padding: '5px',\n};\n\nconst valueText = {\n fontSize: '11px',\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n padding: '5px',\n};\n\nconst arrowStyle = {\n background: '#1E9CB2',\n boxShadow: '2px 5px 10px rgba(57, 57, 57, 0.25)',\n marginRight: '10px',\n borderRadius: '50%',\n height: '32px',\n width: '32px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n};\n\nexport default class InstaPostCardMobile extends Component {\n constructor(props) {\n super(props);\n this.state = {\n feeds: [],\n count: 0,\n page: 1,\n loading: false,\n currentIndex: 0,\n };\n }\n\n ellipsis(text) {\n if (text && text.length > 40) return text.slice(0, 37) + '...';\n return text;\n }\n\n async getData() {\n this.setState({\n loading: true,\n });\n const campaignId = this.props.campaignId;\n const influencerId = this.props.influencerId;\n const resp = await getInfluencerInstagramFeeds(this.state.page, campaignId, influencerId, {\n only_story: this.props.storyTab ? true : false,\n });\n this.setState({\n feeds: this.state.feeds.concat(resp.results),\n count: resp.count,\n loading: false,\n });\n }\n\n componentDidMount() {\n setTimeout(() => {\n this.getData(this.state.page);\n }, 30);\n }\n\n render() {\n let { feeds, currentIndex } = this.state;\n\n return (\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_impressions | 0)}\n \n
\n Post Name
\n Post Type
\n User
\n Impressions
\n Reach
\n Likes
\n Comments
\n Saved
\n Video Views
\n \n {feeds && feeds.length > 0 ? (\n \n {this.ellipsis(feeds[currentIndex].title)}\n
\n {feeds[currentIndex].post_type}
\n {feeds[currentIndex].user_name}
\n {feeds[currentIndex].impressions}
\n {feeds[currentIndex].reach}
\n {feeds[currentIndex].like_count}
\n {feeds[currentIndex].comment_count}
\n {feeds[currentIndex].saved}
\n {feeds[currentIndex].video_views}
\n \n ) : null}\n \n {currentIndex > 0 ? (\n {\n let { currentIndex } = this.state;\n if (currentIndex > 0) {\n currentIndex -= 1;\n }\n this.setState({ currentIndex: currentIndex });\n }}\n >\n
\n ) : null}\n {currentIndex < feeds.length - 1 ? (\n \n \n \n \n \n \n \n \n this.addPostLink(document.getElementById('post_url').value)}\n >\n Add Post\n \n \n \n \n \n \n or\n \n \n \n \n \n {\n this.fetchNewPosts();\n }}\n >\n Refresh Posts\n \n \n \n \n \n {this.state.posts.map((item) => (\n \n \n Created at: {item.created_at}}\n actionIcon={\n {\n this.setState({ selectedPost: item.id });\n }}\n value={item.id}\n name=\"radio-button-demo\"\n inputProps={{ 'aria-label': 'A' }}\n />\n }\n style={{\n background: 'rgba(255, 255, 255, 0.8)',\n color: 'black',\n }}\n />\n \n ))}\n \n {this.state.loading ? (\n \n \n \n \n \n \n \n \n \n \n ) : (\n {\n this.fetchMorePosts();\n }}\n style={{ margin: 'auto', marginTop: '15px' }}\n variant=\"contained\"\n color=\"primary\"\n >\n Load More Posts\n \n )}\n \n {\n this.setState({ toastOpen: false });\n }}\n >\n {\n this.setState({ toastOpen: false });\n }}\n severity=\"info\"\n >\n {this.state.message}\n \n \n \n
\n URL:
\nPlease wait a few minutes while we fetch your post.
\n\n {this.state.is_loading && \n {\n this.setState({ selectedFeedTab: value });\n }}\n aria-label=\"simple tabs example\"\n >\n {\n this.setState({ addPostModalOpen: !this.state.addPostModalOpen });\n }}\n >\n Add Post\n \n {\n this.setState({ addPostModalOpen: false });\n }}\n campaignId={this.props.match.params.campaignId}\n />\n \n \n {this.state.selectedFeedTab == 0 ? (\n
\n );\n }\n}\n\nexport default Feed;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA2CAYAAACP8mT1AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOISURBVHgB7ZvLUeNAEIZbQr5gKIsIVkSwEMGaC4/igiMAIoCNYCECyACIAC4UFFC1JgK8EaCNAHHwiYf3/4XGGCEJ2INmBuarkkcvI/G7ezTq6fbkPzg5OYnYBkEQPT4+hp7nhdweDAZR1oa+77dGvhJmSxH5Y5G8Aa6X4BpJbneSLS+2cX+3PH9sbOwmW4/53X6/H3c6nUQ+gFd18PDwMJycnFzFRWawySV8zz9jC5noPazG+HG7d3d3l0tLS3Hp+UU7aTn4Jfaw2pavx/7Dw8N2kWh+fsfFxcUG3OtKvqZQZA2Gcn16erqZP/DCsigUXG5XHCnQ4ufi4uJQj6FYmetdi2OUBC45q1xy6Ibo4LbEkSfM+u6U1LKcVVWDYcYUhxmpZUGotjhKaTabK2xTsTDWaIujih/8SMXC4Oy7OKrggHzYwc+Io4qIH97x8fFMo9G4EkclGEJMY8Tgh+J4EzwEQx+vNs4F3wH69W8+QyyiATyBj8QicL9T7OAj0cDCwkIHzTpuIhYLYKyOYrVEE/Pz8/sQbRo3si0W4Ksop04g2BafNhDtQAwl7bOkPNxbK3yzh2hrYrBrGiOWwlTXVB28kZjmmnDDlhF9VhnKNSFYxwTX9DltJYYDwY6Ua3JGRjRhrBsWQde8v7+f1eSakVViEeWamOObrds1rRNLsby83KNrcgamJtHss6w8CAQM6oqcBFhisXBK/vz8vA2L2slSC2ohEMtg/sX4+PguhFqVmrHKsmBNv9Bs6hruWGFZmcvtqZQmTSRGi5VN/u5ApBXRj5lisV+amJjYEI0uV0SAm/mLVwgxBUNcrghzLEsl0Bk8O56op6E2THW5PLi3W62WZbDLvQJd1U3A7F3RwNnZ2W+bElLYt/sFKdJ10RaLoE4+4kOxON4ED58ecx20RR5tgpaVDrDQ0d7YEF7WCWadPJX5F4ujClZhDNMk/4ijimexMHzoiqMUGFOXbSpWo9GwKv2nbhCNvWSbijU3N8cnYlccRey/qrDAVPm6zglMU2GFmFofikX1Rg84ngqdRkvpXkyFsQKKJ4gjyVeEkdLiTBY+wS1rn0ExgC67pKLizMoQaRaQYxilzcw3eS79/SzE8lRLzXFUr9/vH1TVTX84nsxgXbPZjKA+y8si7Gox0WukiDxfIJ7fLttXRDyyni8Yl7Jjqoic6yoExXc77E/U36yqhS7jHzuDyPd6Zh09AAAAAElFTkSuQmCC\"","import { Component } from 'react';\n\nimport MessageIcon from '../../../../../assets/vector.png';\nimport Thumbs_UpIcon from '../../../../../assets/Thumbs_Up.png';\nimport TotalViewIcon from '../../../../../assets/total_views_icon.png';\nimport TotalImpressionIcon from '../../../../../assets/total_impressions_icon.png';\nimport TotalReachIcon from '../../../../../assets/total_reach_icon.png';\n\nconst statisticsItemStyle = {\n display: 'flex',\n flexDirection: 'column',\n margin: '5px',\n};\n\nconst statisticsLabel = {\n display: 'flex',\n alignItems: 'center',\n fontSize: '9px',\n};\n\nexport default class Statistics extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n return (\n \n \n \n \n \n 
\n \n
\n \n \n \n \n \n \n Overall data\n
\n \n Statistics
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_views | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_likes | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_comments | 0)}\n \n
\n \n
\n \n {this.props.formatCount(this.props.stats && this.props.stats.total_views | 0)}\n \n
\n \n
\n \n \n \n );\n }\n}\n","import { Component } from 'react';\n\nimport moment from 'moment';\n\nimport { getInfluencerYoutubeFeeds } from '../../../../../api_handlers/feeds';\n\nimport ArrowRightAltIcon from '@material-ui/icons/ArrowRight';\nimport ArrowLeftAltIcon from '@material-ui/icons/ArrowLeft';\n\nconst labelText = {\n fontSize: '11px',\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n padding: '5px',\n};\n\nconst valueText = {\n fontSize: '11px',\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n padding: '5px',\n};\n\nconst arrowStyle = {\n background: '#1E9CB2',\n boxShadow: '2px 5px 10px rgba(57, 57, 57, 0.25)',\n marginRight: '10px',\n borderRadius: '50%',\n height: '32px',\n width: '32px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n};\n\nexport default class YoutubePostCardMobile extends Component {\n constructor(props) {\n super(props);\n this.state = {\n feeds: [],\n count: 0,\n page: 1,\n loading: false,\n currentIndex: 0,\n };\n }\n\n ellipsis(text) {\n if (text && text.length > 40) return text.slice(0, 37) + '...';\n return text;\n }\n\n async reloadData() {\n await this.setState({\n feeds: [],\n count: 0,\n page: 1,\n });\n this.getData();\n }\n\n async getData() {\n this.setState({\n loading: true,\n });\n const campaignId = this.props.campaignId;\n const influencerId = this.props.influencerId;\n const resp = await getInfluencerYoutubeFeeds(this.state.page, campaignId, influencerId, {\n start_date: this.props.startDate ? moment(this.props.startDate).format('YYYY-MM-DD') : null,\n end_date: this.props.endDate ? moment(this.props.endDate).format('YYYY-MM-DD') : null,\n order_by: this.state.order === 'desc' ? '-' + this.state.orderBy : this.state.orderBy,\n });\n this.setState({\n feeds: this.state.feeds.concat(resp.results),\n count: resp.count,\n loading: false,\n });\n }\n\n componentDidMount() {\n if (this.props.onRef) this.props.onRef(this);\n setTimeout(() => {\n this.getData(this.state.page);\n }, 30);\n }\n\n render() {\n let { feeds, currentIndex } = this.state;\n\n return (\n \n {this.props.formatCount(this.props.stats && this.props.stats.engagement_rate | 0)}\n \n
\n Post Name
\n Post Type
\n User
\n Cost Per View
\n View
\n Likes
\n Comments
\n Estimated Minutes Watched
\n Comments
\n Average Duration(s)
\n Shares
\n \n {feeds && feeds.length > 0 ? (\n \n {this.ellipsis(feeds[currentIndex].title)}\n
\n {feeds[currentIndex].post_type}
\n {feeds[currentIndex].user_name}
\n {feeds[currentIndex].cpv}
\n {feeds[currentIndex].cpe}
\n {feeds[currentIndex].view_count}
\n {feeds[currentIndex].like_count}
\n {feeds[currentIndex].comment_count}
\n {feeds[currentIndex].estimatedminuteswatched}
\n {feeds[currentIndex].averageviewduration}
\n {feeds[currentIndex].share_count}
\n \n ) : null}\n \n {currentIndex > 0 ? (\n {\n let { currentIndex } = this.state;\n if (currentIndex > 0) {\n currentIndex -= 1;\n }\n this.setState({ currentIndex: currentIndex });\n }}\n >\n
\n ) : null}\n {currentIndex < feeds.length - 1 ? (\n \n {this.state.is_loading &&
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n Filter by:\n
\n \n \n Add Post\n \n
\n \n \n \n
\n\n \n Paste your Youtube video URL to add it to the Campaign\n \n \n \n \n \n \n \n \n
\n
\n \n Add Post
\n\n
URL:
\n\n
\n \n Cancel\n \n this.addPostLink(document.getElementById('post_url').value)}\n >\n Submit\n \n
\n \n \n {\n this.setState({ startDate: value });\n this.youtubePostCards.reloadData();\n this.getData();\n }}\n InputLabelProps={{ shrink: false }}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n style={{\n background: '#F9F9F9',\n width: '130px',\n }}\n InputProps={{\n style: {\n fontSize: 13,\n },\n }}\n />\n \n to\n \n {\n this.setState({ endDate: value });\n this.youtubePostCards.reloadData();\n this.getData();\n }}\n InputLabelProps={{ shrink: false }}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n style={{\n background: '#F9F9F9',\n width: '130px',\n }}\n InputProps={{\n style: {\n fontSize: 13,\n },\n }}\n />\n \n
\n \n \n \n
\n );\n }\n}\n\nexport default withRouter(Feed);\n","import React, { useState } from 'react';\nimport { Toolbar, Grid, Button, Popper } from '@material-ui/core';\n\nimport { Link, withRouter } from 'react-router-dom';\n\nimport StyledNavLink from '../ux/StyledNavLink';\n\nimport PersonOutlineIcon from '@material-ui/icons/PersonOutline';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport InfluencerLogo from '../../assets/influencer-logo.png';\nimport { campaignActions } from '../../actions/campaign';\nimport { connect } from 'react-redux';\n\nimport { colorConstants } from '../../constants/colors';\n\nfunction NavBar(props) {\n const [anchorEl, setAnchorEl] = useState(null);\n const handleClick = (event) => {\n setAnchorEl(anchorEl ? null : event.currentTarget);\n };\n const open = Boolean(anchorEl);\n\n const logOut = () => {\n //Facebook logout\n try {\n window.FB.api('/me/permissions', 'delete', null, () => window.FB.logout());\n } catch {}\n\n for (const key of ['access', 'refresh', 'user']) localStorage.removeItem(key);\n window.location = '/login';\n };\n\n const user = JSON.parse(localStorage.getItem('user'));\n const name = user.user_type === 'brand' ? user.brand.name : user.influencer.name;\n return (\n \n \n \n \n {label}\n \n \n \n ))}\n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/profile-setup-bg.08f59916.png\";","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Grid, Divider } from '@material-ui/core';\n\nimport ProfileStepper from './Stepper';\nimport background from '../../../assets/profile-setup-bg.png';\nimport './ProfileSetup.css';\n\nclass ProfileSetup extends React.Component {\n render() {\n const steps = ['Select campaign settings', 'Create an ad group', 'Create an ad'];\n const activeStep = 0;\n return (\n \n
\n \n {getStepContent(activeStep, handleNext)}\n
\n \n {activeStep === 1 ? (\n \n Skip this step\n \n ) : (\n ''\n )}\n
\n Complete Your Account Setup
\n\n Your personal information will help us understand you and your audience which\n will be used to find the the right brand for you.\n
\nComplete Your Account Setup
\n\n Your personal information will help us understand you and your audience which\n will be used to find the the right brand for you.\n
\nComplete Account Setup
\nComplete Account Setup
\nBFSI
\n \n \nFashion
\n \n \nFood
\n \n \n \nLifestyle
\nAutomobile
\n \n \nDigital
\n \n \n \n \n \n {\n this.state.IframeHtml == 0 && this.state.ShowIframe && (\n\n {\n this.setState({\n IframeHtml: null,\n ShowIframe: false,\n });\n }}\n >\n 
\n \n
\n )}\n \n );\n }\n}\n\nexport default withRouter(AboutMe);\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABYCAYAAAAKsfL4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANESURBVHgB7ZyNbdswEIVfgw6QbsBu4A3qbpANrA2aTiBu4G4gd4KiE6idIN7A3iDZwBVrGXEM/dxJlE5S3gc8GDCkI3lPIinZJEAIIYQQQsjofICOdaEv5acrRYCXQvtCfwvtCh0RmXWhvNCJEilHxIszBXCiOilFTzLApOJLUoaOpIBJhZeoLZQkAKwrvTStUUHdLOgAznBicyz0+fbLu4oDH8DkD4FDzV1wS4b22ykvg92DBNaQTdMzSbCnliC/QOoIuWnK3UESpM1FB1KHQ3v+3lA1CJ/QjPb1xXtDlb87EFNogDE0wBgaYAwNMIYGGEMDjKEBxtAAY2iAMTTAGBpgDA0whgYYQwOMoQHG0ABjaIAxNMAYGmAMDTCGBhhDA4yhAcbQAGNogDE0wBgaYAwNMIYGGEMDjKEBxszVAIfzmqxnvC6bclgIqiU2Bji8Jv5a4bsV7Omdvykb4HBe6Na0CM7BlsUa4NCc/KmYMLgBFmuDQ5mS5F/0BLt69jagraEe49O2drnOhLH5hva7s5W2xcZBjxiPDPrkX5RhPNqSH5TfnvSxIlDYdusBzWzLAsM2XS81MXboT4rzzi1dSXCu33f0J8F5u7ZbQrezhqzL+yk45n+gqmlely6gTz+cRqjDRSm6E9qQR6jDAYrJgUechnt0I41UfoxucxupfA8lXQa+Wz1Dzwa6RnnF8RvoOSjiN139alykwjWsFHH91Xk/FOdpn5ZjJN+hIw79TNBMBR3kY8+u4vyd8FztK4tcGLeu/Q4R8B0rkAjjO8iNbjJV2m1qrsoEujZfTPaI/DDoyqCSRoYKSAc9B3nyw3FNjbrHMCZ4RUwPReK77v0TCliVn7eFhXn3H1Q/H1TFkd6mx0Jf0b4tsIN859p9GVNSV4f67Zr3Zb0kcSbFEFcrEK9LWzQZ5P2pg54V5IN6hndGCvmA1udHFs20Vr277VzRJD9BfxJFeSkWjib5HvF4VJQ75pveUdnAJvkXvKL8DRaGpi+eiqbwA38UHOK83h5bXWdfk0PyC9tUlWNgxtgF94T5Ep5sP2FAxvhn3Owez68Y/J8VYxiwx3z5jQXgwEHYHIf5DMYh8Tm4TT8hhBBCCFku/wBQkmbzY/mZVAAAAABJRU5ErkJggg==\"","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Card, CardContent, Typography, Grid, Chip, CardMedia } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport clock from '../../assets/clock.png';\n\nconst styles = (theme) => ({\n name: {\n fontFamily: \"'Lato', sans-serif\",\n fontStyle: 'normal',\n fontWeight: 'bold',\n fontSize: '20px',\n lineHeight: '17px',\n },\n description: {\n fontFamily: \"'Lato', sans-serif\",\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '30px',\n lineHeight: '175%',\n color: '#555555',\n },\n});\n\nclass ComingSoon extends React.Component {\n render() {\n const { classes } = this.props;\n return (\n \n {this.state.style.subtitle}\n
*/}\n\n
\n \n \n \n \n \n Forgot Password?\n \n {/*\n {this.state.login ? 'I want to create an Account' : 'I already have an account'}\n */}\n \n \n
\n \n \n Please note: This is only a broad estimate based on available\n data and may vary significantly.\n
\n {this.state.youtube\n ? this.state.data.title\n : `@${this.state.data.insta_handle}`}{' '}\n is expected to engage an estimated{' '}\n {this.state.data.estimated_engage_follower} followers,\n capture a projected {this.state.data.estimated_views}{' '}\n views and generate an average engagement rate of{' '}\n {this.state.data.estimated_engagement_rate}% on execution\n of brand collaboration on their\n {this.state.youtube ? ' Youtube Feed' : ' Instagram feed.'}\n \n \n \n
\n \n \n Email
\n
\n\n \n Please Enter your Email to know the price Index\n \n \n \n \n \n \n {!this.state.email_valid ? (\n \n Email Not Vaild\n \n ) : null}\n \n \n
\n\n \n Cancel\n \n this.submitEmailForm()}\n >\n Submit\n \n
\n \n \n \n \n
Email:
\n\n
\n Please note: This is only a broad estimate based on available\n data and may vary significantly.\n
@{this.state.data.insta_handle} is expected to engage an\n estimated {this.state.data.estimated_engage_follower}{' '}\n followers, capture a projected{' '}\n {this.state.data.estimated_views} views and generate an\n average engagement rate of{' '}\n {this.state.data.estimated_engagement_rate}% on execution\n of brand collaboration on their\n {this.state.youtube ? ' Youtube Feed' : ' Instagram feed.'}.\n \n \n \n
\n \n \n Email
\n
\n\n \n Please Enter your Email to know the price Index\n \n \n \n \n \n \n {!this.state.email_valid ? (\n \n Email Not Vaild\n \n ) : null}\n \n \n
\n\n \n Cancel\n \n this.submitEmailForm()}\n >\n Submit\n \n
\n \n \n \n \n
Email:
\n\n
\n Please note: This is only a broad estimate based on available\n data and may vary significantly.\n
\n {this.state.youtube\n ? this.state.data.title\n : `@${this.state.data.insta_handle}`}{' '}\n is expected to engage an estimated{' '}\n {this.state.data.estimated_engage_follower} followers,\n capture a projected {this.state.data.estimated_views}{' '}\n views and generate an average engagement rate of{' '}\n {this.state.data.estimated_engagement_rate}% on execution\n of brand collaboration on their\n {this.state.youtube ? ' Youtube Feed' : ' Instagram feed.'}\n \n \n \n