https://www.motorcycle.com/resources/combined/js/businessdashboard.9c9a47a2929cb244579a.bundle.js

1"use strict";(self.hometalkChunk=self.hometalkChunk||[]).push([["businessdashboard"],{11773(e,t,a){a.r(t),a.d(t,{default:()=>Ne});var s=a(54705),l=a(73323),r=a(96540),n=a.n(r),i=a(70533),c=a(50016);class o extends n().Component{render(){return n().createElement("div",null,this.props.children)}}const d=o;class m extends n().Component{constructor(e){super(e),this.changePage=this.changePage.bind(this),this.createPagination=this.createPagination.bind(this)}changePage(e){this.callWaitFunction();let t=this,a=e.target.name;switch(a){case"prev":this.props.data.prev().then(function(e){t.props.setPageData(e)});break;case"next":this.props.data.next().then(function(e){t.props.setPageData(e)});break;default:a=parseInt(a),this.props.data.switchPage(a).then(function(e){t.props.setPageData(e)})}window.scrollTo(0,0)}callWaitFunction(){const{onProgress:e}=this.props;"function"==typeof e&&e()}createPagination(){let e=[],t=this.props.data.pageNum?this.props.data.pageNum:1,a=1,s=Math.floor(2.5);t-s>0&&(a=t-s);let l=a+5-1;for(this.props.data.totalPages<=l&&(l=this.props.data.totalPages>1e4?1e4:this.props.data.totalPages),this.props.data.hasPrev&&e.push(n().createElement("li",{key:"prev",className:"flex"},n().createElement("a",{name:"prev",onClick:e=>this.changePage(e)},"Prev")));this.props.data.data&&a<=l;)e.push(n().createElement("li",{key:a,className:"flex "+(this.props.data.pageNum===a?"selected":"")},n().createElement("a",{name:a,style:{margin:2},onClick:e=>this.changePage(e)},a))),a++;return this.props.data.hasNext&&e.push(n().createElement("li",{key:"next",className:"flex"},n().createElement("a",{name:"next",onClick:e=>this.changePage(e)},"Next"))),e}render(){return n().createElement("span",{className:"nav-pagination flex"},n().createElement("ul",null,this.createPagination()))}}const h=m;var p=a(32079),u=a(77399),b=a.n(u),E=a(10029),f=a(27340);class g extends n().Component{constructor(e){super(e),this.state={nameEdit:!e.info.blog_title,urlEdit:!1,info:{...e.info}}}componentWillReceiveProps(e){e.info!==this.state.info&&this.setState({info:{...e.info},nameEdit:!e.info.blog_title})}toggleEdit(e){this.setState(t=>(t[e]=!t[e],t))}handleChange(e,t){this.setState(a=>(a.info[e]=t,a))}updateInfo(e){this.toggleEdit(e),i.Ay.update(`blogname/${this.props.memberId}`,this.state.info).then(()=>{this.props.reloadBlogInfo()})}render(){const e=this.props.allowEdit;return this.state.info?n().createElement("div",{className:"header-section"},n().createElement("div",{className:"spacer30"}),n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Blog"),n().createElement("span",{className:"blogger-input-edit top-title flex formValidation forms-revamped flex-align-center"},this.state.nameEdit?n().createElement("span",{className:"blogger-edit-input formInputField requiredField flex  "},n().createElement("input",{type:"text",className:"bordered",value:this.state.info.blog_title||"",onChange:e=>this.handleChange("blog_title",e.target.value),placeholder:"Add Blog's Name"}),n().createElement("a",{onClick:()=>this.updateInfo("nameEdit"),className:"neutral-button large button"},"Save")):n().createElement("span",{className:"flex  edit-tools flex-align-center"},n().createElement("div",{className:"fs20 opensans-it black bold subheader"},this.state.info.blog_title),e&&n().createElement("a",{onClick:()=>this.toggleEdit("nameEdit"),className:"edit normal nowrap fs14"},n().createElement("i",{className:"ics-edit"}),"Edit "))),n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Link"),n().createElement("span",{className:"blogger-input-edit top-title flex formValidation forms-revamped flex-align-center"},this.state.urlEdit?n().createElement("span",{className:"blogger-edit-input formInputField requiredField flex "},n().createElement("input",{type:"text",className:"bordered",value:this.state.info.website||"",onChange:e=>this.handleChange("website",e.target.value),placeholder:"Add Blog's URL"}),n().createElement("a",{onClick:()=>this.updateInfo("urlEdit"),className:"neutral-button large button"},"Save")):n().createElement("span",{className:"flex edit-tools flex-align-center"},n().createElement("a",{className:"fs20 opensans-it url ellipsis sl-blogger-website",href:this.state.info.website,target:"_blank"},this.state.info.website),e&&n().createElement("a",{onClick:()=>this.toggleEdit("urlEdit"),className:"edit nowrap fs14"},n().createElement("i",{className:"ics-edit sl-edit-blog"}),"Edit ")))):n().createElement("div",null)}}const v=g;var N=a(57908),k=a(99439),_=a.n(k),y=a(17847);class x extends n().Component{getStatusText(e,t){let a={text:"",colour:""};switch(e){case"scheduled":a.text=`Your direct feature has been scheduled for ${(0,c.GP)(t.published_at,"L")}. Buckle up and get ready for some traffic!`,a.colour="green";break;case"in-queue":a.text="Woohoo! You’ve earned a feature! You’ll get an email as soon as your feature is scheduled. Hang tight!",a.colour="purple";break;case"not-eligible-posts":switch(this.props.current_used_posts.length){case 0:a.text=`Add 3 ${_().THEME.site_name} ${_().THEME.default_post_type}s to qualify for a feature (that's it!).`,a.colour="red";break;case 1:a.text=`Just 2 ${_().THEME.site_name} ${_().THEME.default_post_type}s to go to qualify for a feature!`,a.colour="red";break;case 2:a.text=`You're so close! Add just 1 more ${_().THEME.site_name} ${_().THEME.default_post_type} to qualify for a feature!`,a.colour="red"}t.last_featured&&(a.text+=` Your last 3 qualified posts were featured on ${(0,c.GP)(t.last_featured,"L")}.`);break;case"not-eligible-featured":switch(this.props.current_used_posts.length){case 0:a.text=`Add 3 ${_().THEME.site_name} ${_().THEME.default_post_type}s to qualify for a direct feature (that's it!)`,a.colour="red";break;case 1:a.text=`Just 2 ${_().THEME.site_name} ${_().THEME.default_post_type}s to go to qualify for a feature!`,a.colour="red";break;case 2:a.text=`You're so close! Add just 1 more ${_().THEME.site_name} ${_().THEME.default_post_type} to qualify for a feature!`,a.colour="red";break;case 3:a.text=`Yay! You’ve earned a feature! Once 30 days have passed since your last feature (which was ${(0,c.GP)(t.last_featured,"L")}), you'll be added to the feature queue, and we'll notify you as soon as your feature is scheduled.`,a.colour="yellow"}break;case"not-eligible-links":a.text="You've earned a feature, but you haven't shared any blog links yet! Add 3 blog links and we'll schedule your direct feature ASAP!",a.colour="red"}return a}render(){let e=this.getStatusText(this.props.status,this.props.stats),t=3-this.props.current_used_posts.length,a=[];for(let l=0;l<t;l++)a.push(n().createElement("div",{className:"post-card flex",key:l},n().createElement("div",{className:"media-wrap"},n().createElement("div",{className:"placeholder"})),n().createElement("div",{className:"info-wrap totheleft flex flex-column black"},n().createElement("span",{className:"fs18"},n().createElement("i",null,"Awaiting your next Quality Score 2 ",_().THEME.default_post_type)))));const s=this.props.allowEdit;return this.props.loadingStats?n().createElement("div",{className:"section flex flex-column"},n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Feature Stats"),n().createElement("div",{className:"data-cards-wrap full"},n().createElement("div",{className:"data-card flex-center sl-total-visits-card"},n().createElement("div",{className:"data-card-content"},n().createElement("div",{className:"spacer20"}),n().createElement(y.A,null),n().createElement("div",{className:"spacer20"}))))):n().createElement(n().Fragment,null,n().createElement("div",{className:"spacer40"}),n().createElement("div",{className:"section flex flex-column"},n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Feature Stats"),n().createElement("div",{className:"data-cards-wrap halves"},n().createElement("div",{className:"data-card flex-center sl-total-visits-card"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},(0,N.qC)(this.props.stats.visit_count||0)),n().createElement("p",{className:"sub-title"},"Total visits to your blog"))),n().createElement("div",{className:"data-card flex-center sl-features-to-date-card"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},(0,N.qC)(this.props.stats.featured_count||0)),n().createElement("p",{className:"sub-title"},"Total features"))))),n().createElement("div",{className:"section flex flex-column"},n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"How the Blogger Traffic Program Works"),n().createElement("div",{className:"data-cards-wrap full"},n().createElement("div",{className:"data-card flex-center sl-total-visits-card"},n().createElement("div",{className:"data-card-content"},n().createElement("div",{className:"how-it-works flex"},n().createElement("div",{className:"step flex flex-column totheleft"},n().createElement("i",{className:"ics-add-component"}),n().createElement("span",{className:"text fs14 montserrat-it"},"1. You post 3 of your ",_().THEME.activity_type,"s on ",_().THEME.og_sitename)),n().createElement("div",{className:"step flex flex-column totheleft"},n().createElement("span",{className:"checkmark"},n().createElement("i",{className:"ics-checkmark"})),n().createElement("span",{className:"text fs14 montserrat-it"},"2. Your posts get a ",_().THEME.site_name," quality score")),n().createElement("div",{className:"step flex flex-column totheleft"},n().createElement("i",{className:"ics-new-link-chain"}),n().createElement("span",{className:"text fs14 montserrat-it"},"3. You suggest blog links you’d like us to feature")),n().createElement("div",{className:"step flex flex-column totheleft"},n().createElement("i",{className:"ics-calendar-blank"}),n().createElement("span",{className:"text fs14 montserrat-it"},"4. Your feature is scheduled!")),n().createElement("div",{className:"step flex flex-column totheleft"},n().createElement("i",{className:"ics-wow-outline"}),n().createElement("span",{className:"text fs14 montserrat-it"},"5. Your blog link is featured in the ",n().createElement("br",null)," ",_().THEME.site_name,"  daily email!"))),n().createElement("div",{className:"more-info"},n().createElement("div",{className:"spacer"}),n().createElement("div",{className:"totheleft fs16"},"For more information - visit the ",n().createElement("a",{className:"underlined",href:_().THEME.blogger_findout_link,target:"_blank"},"Blogger hub"))))))),n().createElement("div",{className:"section flex flex-column"},n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Current Feature Status"),n().createElement("div",{className:"data-cards-wrap full"},n().createElement("div",{className:"data-card flex-center sl-feature-status-card"},n().createElement("div",{className:"data-card-content"},s?n().createElement(n().Fragment,null,n().createElement("div",null,n().createElement("div",{className:"totheleft card-text black"},"Here are your Hometalk posts that count towards an upcoming feature"),n().createElement("div",{className:"spacer20"})),n().createElement("div",{className:"flex status-wrapper flex-align-center"},n().createElement("span",{className:`status-dot ${e.colour}`}),n().createElement("span",{className:"status flex-one totheleft black fs15 bold"},e.text)),n().createElement("div",{className:"posts-wrap"},this.props.current_used_posts.map(e=>{let t=e.post_quality>2?2:e.post_quality;return n().createElement("div",{key:e.id,className:"post-card flex"},n().createElement("div",{className:"media-wrap"},n().createElement("img",{className:"fitcover",width:"320",height:"179",src:`${e.cover_photo.source}?size=350x220`,alt:""})),n().createElement("div",{className:"info-wrap totheleft flex flex-column black"},n().createElement("span",{className:"fs18 bold"},n().createElement("a",{className:"linksBlack",target:"_blank",href:e.site_url},e.summary)),n().createElement("span",{className:"fs16"},n().createElement("b",null,"Posted at: "),(0,c.GP)(e.published_at,"MMMM DD, YYYY, h:mm")),n().createElement("span",{className:"fs16"},n().createElement("b",null,"Quality Score: "),t),n().createElement("span",{className:"fs16"},n().createElement("b",null,"Status: "),n().createElement("span",{className:"greenLight2"},"Approved"))),!e.related_qualified_member_link&&n().createElement("div",{className:"actions-wrap flex fs14 totheleft bold"},n().createElement("a",{className:"action-button linksGrayDark nowrap",onClick:()=>this.props.dontUsePost(e.id)},n().createElement("i",{className:"ics-archive"})," Don't Use")))}),a)):n().createElement("div",{className:"flex status-wrapper flex-align-center"},n().createElement("span",{className:"status-dot red"}),n().createElement("div",{className:"status flex-one totheleft black fs15 bold"},"Your membership in the Blogger Traffic Program has been paused. You are no longer eligible for direct traffic features at this time. If you have any questions, please reach out to the Creator Team at [email protected].")))))))}}const w=x;let T=_().THEME.quality_reason;class D extends n().Component{constructor(){super(),this.state={showAllPosts:!1}}getPostStatus(e){return e.post_quality<2?n().createElement("span",{className:"error-it"},"Not Approved"):n().createElement("span",{className:"greenLight2"},"Approved")}getPostStatusReasons(e){if(e.post_quality<2&&e.quality_reason){let t=e.quality_reason.split(","),a=[];return t.map(e=>{a.push(n().createElement("li",{className:"error-it"},T[e]))}),a}}render(){let e=this.state.showAllPosts?this.props.posts:this.props.posts.slice(0,2);const t=this.props.allowEdit;return n().createElement("div",{className:"section flex flex-column"},n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Your recent posts"),n().createElement("div",{className:"data-cards-wrap full"},n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},t?n().createElement(n().Fragment,null,n().createElement("span",{className:"totheleft fs20 bold card-text black"},"Any ",_().THEME.default_post_type," marked Quality Score 2 will c

1ount towards a future BTP feature"),this.props.loadingRecentPosts&&n().createElement(n().Fragment,null,n().createElement("div",{className:"spacer"}),n().createElement(y.A,null)),n().createElement("div",{className:"posts-wrap"},e.map(e=>{let t=e.post_quality>2?2:e.post_quality;return n().createElement("div",{key:e.id,className:"post-card flex"},n().createElement("div",{className:"media-wrap"},n().createElement("img",{class:"fitcover",width:"320",height:"179",src:`${e.cover_photo.source}?size=350x220`})),n().createElement("div",{className:"info-wrap totheleft flex flex-column black"},n().createElement("span",{className:"fs18 bold"},n().createElement("a",{className:"linksBlack",target:"_blank",href:e.site_url},e.summary)),n().createElement("span",{className:"fs16"},n().createElement("b",null,"Posted at: "),(0,c.GP)(e.published_at,"MMMM DD, YYYY, h:mm")),n().createElement("span",{className:"fs16"},n().createElement("b",null,"Quality Score: "),t),n().createElement("span",{className:"fs16"},n().createElement("b",null,"Status: "),this.getPostStatus(e)),e.quality_reason&&t<2&&n().createElement(n().Fragment,null,n().createElement("ul",{className:"fs16"},n().createElement("li",{className:"error-it"},"Please fix the issues listed below and an admin will re-review your ",_().THEME.default_post_type,":"),this.getPostStatusReasons(e)))),n().createElement("div",{className:"actions-wrap flex fs14 totheleft bold"},n().createElement("a",{href:`/sharebox/post/${e.id}`,target:"_blank",className:"action-button linksGrayDark nowrap"},n().createElement("i",{className:"ics-edit"})," Edit"),n().createElement("hr",null),n().createElement("a",{className:"action-button linksGrayDark nowrap",onClick:()=>this.props.dontUsePost(e.id)},n().createElement("i",{className:"ics-archive"})," Don't Use")))})),this.props.posts.length>2&&!this.state.showAllPosts&&n().createElement("div",{className:"button-wrap"},n().createElement("a",{className:"button tertiary-button large block-button",onClick:()=>{this.setState({showAllPosts:!0})}},"Show ",this.props.posts.length-2," more post",this.props.posts.length-2==1?"":"s"))):null))))}}const S=D;var C=a(8356),P=a(29967);class M extends C.A{static statReasonMap(){return{not_home_garden_relevant:`Link is not ${P.A.THEME.topic} relevant.`,not_seasonally_appropriate:"Link is not seasonally appropriate.",not_english:"Link is not in English.",does_not_work_404:"Link does not work (404).",...P.A.THEME.blogger_links_reasons}}static getStatus(e,t){return t||e}static getStatusText(e){return this.statusMap[e]}static getStatusReason(e){return this.statReasonMap()[e]}static getStatusExplanation(e){switch(e){case"qualifed":return"This link has been approved by an admin, and may be featured once you qual

1ify!";case"being_featured":return"This link has been scheduled for a feature. Get ready for the traffic!";case"pending_review":return"An admin will review this link soon. If there’s an issue you will get an email. If approved, it may be used for a feature!";case"rejected":return"An admin reviewed this link, and determined it not suitable for a Hometalk feature for the reasons below. Please swap it with a different link."}}static getAllLinks(e){return this.getFromPath("members/:mem_id/bloglinks/all",{mem_id:e})}getStatus(){return this.constructor.getStatus(this.status,this.featured)}getStatusReason(){return this.constructor.getStatusReason(this.status_reason)}static isFeaturedSoon(e){const t=(0,c.GP)(new Date,"YYYY-MM-DD"),a=new Date;a.setDate(a.getDate()+1);const s=(0,c.GP)(a,"YYYY-MM-DD");return e===t||e===s}}(0,s.A)(M,"apiPath","members/:mem_id/bloglinks/posts/:order"),(0,s.A)(M,"idField","order"),(0,s.A)(M,"statusMap",{being_featured:"Being featured!",previously_featured:"Previously featured",pending_review:"Pending review",qualified:"Qualified",rejected:"Rejected"});var Y=a(4211);class A extends n().Component{constructor(e){super(e),this.state={link:e.link?e.link.post_link:null,draftLink:null,isEdit:!1}}changeHandler(e){this.setState({draftLink:e,error:""})}componentWillReceiveProps(e){e.link!=this.props.link&&this.setState({link:e.link?e.link.post_link:null})}isLinkValid(){let e,t;const a=this.state.draftLink;if(a!==(0,Y.Jt)(this.props.link,"post_link")){if(a)try{try{e=new URL(a)}catch(s){e=new URL("http://"+a)}try{t=new URL(this.props.website)}catch(s){t=new URL("http://"+this.props.website)}if(e.host.replace("www.","")!==t.host.replace("www.",""))throw new Error("This link is not from your blog domain.");if("being_featured"===(0,Y.Jt)(this.props.link,"featured"))return void this.setState({link:(0,Y.Jt)(this.props.link,"post_link"),error:"This link can't be changed. It's already being featured."})}catch(s){return void this.setState({error:s.message})}else if("being_featured"===(0,Y.Jt)(this.props.link,"featured")&&M.isFeaturedSoon((0,Y.Jt)(this.props.link,"last_published_date")))return void this.setState({link:(0,Y.Jt)(this.props.link,"post_link"),error:"This link can't be deleted. It's will be featured soon."});this.props.updateLinks(new M({...this.props.link,post_link:a})),this.setState({isEdit:!1,draftLink:null,link:a})}else this.toggleEdit()}toggleEdit(){this.state.isEdit?this.setState({isEdit:!1,draftLink:null}):this.setState({isEdit:!0,draftLink:this.state.link})}render(){const e=this.props.link?M.getStatus(this.props.link.status,this.props.link.featured):"",t=this.props.link?M.getStatusText(e):"",a=this.props.link?M.getStatusExplanation(e):"",s=this.props.link?M.getStatusReason(this.props.link.status_reason,e):"",l=[this.props.error,this.state.error].filter(

1Boolean).join(" "),r=this.props.allowEdit;return n().createElement("div",{className:"link-item sl-blogger-link-section"},n().createElement("span",{className:"link-header fs18 bold montserrat-it color-secondary"},"Link ",this.props.id+1),n().createElement("div",{className:"spacer20"}),n().createElement("span",{className:"blogger-input-edit top-title flex formValidation forms-revamped flex-align-center"},!this.state.isEdit&&this.state.link?n().createElement("span",{className:"flex  edit-tools flex-align-center"},n().createElement("div",{className:"fs20 opensans-it black subheader link sl-blogger-link"},this.state.link),r&&n().createElement("a",{onClick:()=>this.toggleEdit(),className:"neutral-button large button sl-edit-blogger-link "+("being_featured"===e?"disabled":"")},n().createElement("i",{className:"ics-edit"}),"Edit Link")):n().createElement("div",{className:"flex flex-column w100"},n().createElement("span",{className:"blogger-edit-input formInputField requiredField flex "+(l?"errorField":"")},n().createElement("input",{type:"text",className:`bordered ${"being_featured"===e?"disabled":""} sl-input-link`,value:this.state.draftLink||"",onChange:e=>this.changeHandler(e.target.value),placeholder:"Add a link and save it",name:"post_link"}),n().createElement("a",{onClick:()=>this.isLinkValid(),className:"neutral-button large button sl-update-blogger-link "+("being_featured"===e||this.state.draftLink===this.state.link?"disabled":"")},this.state.link?"Update":"Save")),l&&n().createElement("span",{className:"blog-links-status error-it"},n().createElement("br",null),l))),!this.state.isEdit&&t&&this.state.link&&""!==this.state.draftLink?n().createElement("div",{className:"link-status flex flex-column fs16"},n().createElement("span",{className:"bold"},n().createElement("u",null,"Status:")," ",n().createElement("span",{className:"sl-blog-links-status"},t)),a&&n().createElement("span",null,a),s&&n().createElement("div",{className:"spacer"}),n().createElement("span",{className:"error-it"},s)):n().createElement("div",{className:"spacer20"}))}}const L=A;function I(e){let t;return t="string"==typeof e?e:e.errors?[e.message,e.errors.field].filter(e=>void 0!==e).join(": "):e.message,t}class F extends n().Component{constructor(e){super(e),this.state={selectedTab:"current"}}componentDidMount(){M.getAllLinks(this.props.memberId).then(e=>{this.setState({blogLinks:e.current,history:e.previous})}).catch(e=>{this.setState({blogLinks:[],hasError:{index:0,message:I(e)},history:[]})})}updateLinks(e,t){t.order=t.order?t.order:e+1,t.mem_id=this.props.memberId;const a=""===t.post_link?"delete":"save";t[a]().then(t=>this.setState(s=>(s.hasError={},s.blogLinks[e]="delete"===a?null:t,s))).catch(t=>{this.setState(a=>{let s={...a};return s.hasError={index:e,message:I(t)},s})})}oldLinkDisplay(e){return e&&-1!==e.indexOf("?")?e.substring(0,e.indexOf("?")):e}changeTab(e){e!==this.state.selectedTab&&this.setState({selectedTab:e})}errorMessage(e){const t=(0,l.A)(this.state,"hasError.index");if(t&&t===e)return(0,l.A)(this.state,"hasError.message")}render(){return n().createElement("div",{className:("current"===this.state.selectedTab?"section":"section-wrapper")+" flex flex-column forms-revamped"},n().createElement("div",{className:"fs22 montserrat-it black bold subheader"},"Blog Links"),n().createElement("span",{className:"tab-navbar-wrapper flex"},n().createElement("nav",{className:"tab-navbar"},n().createElement("a",{className:"current"===this.state.selectedTab?"selected":"",onClick:e=>{this.changeTab("current")}},"Links to be featured"),n().createElement("a",{className:"previous"===this.state.selectedTab?"selected":"",onClick:e=>{this.changeTab("previous")}},"Previously featured links"))),n().createElement("div",{className:"blogger-links-wrap card"},this.state&&this.state.blogLinks&&"current"===this.state.selectedTab&&n().createElement(n().Fragment,null,n().createElement("div",{className:"dashboard-sub-title"},"Place 3 links to ",P.A.THEME.post_type_text,"s on your blog that you’d like ",P.A.THEME.site_name," to share with our audience. These links must match your domain EXACTLY (including www and/or http)."),n().createElement("div",{className:"spacer30"}),n().createElement("div",{className:"blog-links sl-blogger-links"},n().createElement(L,{allowEdit:this.props.allowEdit,key:0,id:0,link:this.state.blogLinks[0],updateLinks:e=>this.updateLinks(0,e),website:this.props.website,error:this.errorMessage(0)}),n().createElement(L,{allowEdit:this.props.allowEdit,key:1,id:1,link:this.state.blogLinks[1],updateLinks:e=>this.updateLinks(1,e),website:this.props.website,error:this.errorMessage(1)}),n().createElement(L,{allowEdit:this.props.allowEdit,key:2,id:2,link:this.state.blogLinks[2],updateLinks:e=>this.updateLinks(2,e),website:this.props.website,error:this.errorMessage(2)}))),this.state&&this.state.blogLinks&&"previous"===this.state.selectedTab&&n().createElement("dl",{className:"blogger-links-box counter-list w100"},n().createElement("div",{className:"flex-table"},n().createElement("div",{className:"row flex fs15",style:{display:"grid",gridTemplateColumns:"1fr 130px 80px"}},n().createElement("div",{className:"cell"},n().createElement("b",null,"Featured Link")),n().createElement("div",{className:"cell"},n().createElement("b",null,"Date Featured")),n().createElement("div",{className:"cell"},n().createElement("b",null,"Clicks"))),this.state.history.length>0&&this.state.history.map((e,t)=>{if(""!==e.long_url)return n().createElement("div",{className:"row flex",key:t,style:{display:"grid",gridTemplateColumns:"1fr 130px 80px"}},n().createElement("div",{className:"cell"},n().createElement("a",{href:e.long_url,target:"_blank"},this.oldLinkDisplay(e.long_url))),n().createElement("div",{className:"cell"},e.date_sent),n().createElement("div",{className:"cell"},e.total_views))})))))}}const R=F;class B extends n().Component{constructor(e){super(e),(0,s.A)(this,"reloadBlogInfo",()=>{i.Ay.get(`blogname/${this.props.memberId}`).then(e=>{this.setState({info:e})})}),(0,s.A)(this,"dontUsePost",e=>

1{i.Ay.update(`posts/${e}/exclude_from_btp`,{post_id:e}).then(()=>{this.getStats()}).catch(e=>alert(e))}),this.state={stats:{},current_used_posts:[],posts:[],info:{},loadingRecentPosts:!0,loadingStats:!0}}componentDidMount(){this.reloadBlogInfo(),this.getStats()}getPosts(){i.Ay.get(`members/${this.props.memberId}/blogposts/unused`).then(e=>{let t=(0,f.A)(e,this.state.current_used_posts,"id");this.setState({posts:t,loadingRecentPosts:!1})})}getStats(){i.Ay.get(`members/${this.props.memberId}/blogstats`).then(e=>{this.setState({stats:e,current_used_posts:e.current_used_posts,loadingStats:!1}),this.getStatus(e),this.getPosts()})}getStatus(e){let t;switch(e.status){case"Scheduled":t="scheduled";break;case"InTheQueue":t="in-queue";break;case"NotEligible":switch(e.status_reason){case"EligiblePosts":t="not-eligible-posts";break;case"EligibleFeatured":t="not-eligible-featured";break;case"EligibleLinks":t="not-eligible-links"}}this.setState({status:t})}canEdit(){return"paused blogger"!==this.state.info.internal_contributor}render(){return this.state&&this.state.info&&this.props.memberId?n().createElement(n().Fragment,null,n().createElement("div",{className:"blogger-dashboard flex flex-column"},n().createElement("h1",{className:"dashboard-title"},"Blogger Traffic Program Dashboard"),n().createElement(v,{allowEdit:this.canEdit(),memberId:this.props.memberId,info:this.state.info,reloadBlogInfo:this.reloadBlogInfo}),n().createElement(w,{allowEdit:this.canEdit(),memberId:this.props.memberId,status:this.state.status,stats:this.state.stats,current_used_posts:this.state.current_used_posts,loadingStats:this.state.loadingStats,dontUsePost:this.dontUsePost}),this.state.stats.bonus_showing&&"NotEligible"!==this.state.stats.bonus_status&&n().createElement("div",{className:"section flex flex-column"},n().createElement("div",{className:"data-cards-wrap full"},n().createElement("div",{className:"data-card sl-bonus-feature-status-card"},n().createElement("div",{className:"data-card-content totheleft"},n().createElement("div",{className:"flex bold"},n().createElement("i",{className:"ics-star-rising blue fs24"}),n().createElement("span",{className:"montserrat-it fs18"},"  Bonus Feature")),n().createElement("div",{className:"spacer"}),n().createElement("div",{className:"spacer5"}),n().createElement("div",{className:"fs20 bold"},"Your direct feature has been added to the queue for a bonus feature!"))))),n().createElement(S,{allowEdit:this.canEdit(),posts:this.state.posts,loadingRecentPosts:this.state.loadingRecentPosts,dontUsePost:this.dontUsePost}),n().createElement(R,{allowEdit:this.canEdit(),memberId:this.props.memberId,website:this.state.info.website}))):n().createElement("div",null)}}const O=B;var $=a(1603);const H=(new Date).toLocaleString("en-us",{month:"long"}),q=(new Date).getFullYear();class U extends n().Component{constructor(e){super(e),this.state={rule:null}}componentDidMount(){this.getRules()}componentDidUpdate(e){this.props.businessId!==e.businessId&&this.getRules()}getRules(){$.A.getRules(this.props.businessId).then(e=>{let t=e[0];e.length>1&&parseInt(e[0].cpm)===parseInt(this.props.metrics.cpm)&&(t=e[1]),0!=t.threshold?this.setState({rule:t}):this.setState({rule:null})})}render(){return n().createElement(n().Fragment,null,n().createElement("div",{className:"section-wrapper flex flex-column"},n().createElement("h1",{className:"section-title"},"Overview"),n().createElement("div",{className:"data-cards-wrap halves"},n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},this.props.metrics.total_clicks?this.props.metrics.total_clicks.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","):0),n().createElement("p",{className:"sub-title"},"Clicks"))),n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},"$",Number.parseFloat(this.props.metrics.total_revenue?this.props.metrics.total_revenue:0).toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g,",")),n().createElement("p",{className:"sub-title"}

1,"Revenue"))))),n().createElement("div",{className:"section-wrapper flex flex-column"},n().createElement("h1",{className:"section-title"},"Revenue in ",H," ",q),n().createElement("div",{className:"data-cards-wrap thirds"},n().createElement("div",{className:"data-card solo flex"},n().createElement("div",{className:"data-card-content"},n().createElement("span",{className:"card-title bold"},"Clicks"),n().createElement("span",{className:"data-card-footer bold"},this.props.metrics.monthly_clicks?this.props.metrics.monthly_clicks.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","):0))),n().createElement("div",{className:"data-card solo flex"},n().createElement("div",{className:"data-card-content"},n().createElement("span",{className:"card-title bold"},"RPM"),n().createElement("span",{className:"data-card-footer bold"},"$",Number.parseFloat(this.props.metrics.cpm?this.props.metrics.cpm:0).toFixed(2)))),n().createElement("div",{className:"data-card solo flex"},n().createElement("div",{className:"data-card-content"},n().createElement("span",{className:"card-title bold"},"Revenue"),n().createElement("span",{className:"data-card-footer bold"},"$",Number.parseFloat(this.props.metrics.monthly_revenue?this.props.metrics.monthly_revenue:0).toFixed(2)))))),this.state.rule&&n().createElement("div",{className:"section-wrapper flex flex-column"},n().createElement("h1",{className:"section-title"},"Threshold"),n().createElement("div",{className:"data-cards-wrap halves"},n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},this.state.rule.threshold?Number.parseInt(this.state.rule.threshold).toLocaleString("en"):0),n().createElement("p",{className:"sub-title"},"Clicks threshold"))),n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},"$",Number.parseFloat(this.state.rule.cpm||0).toFixed(2)),n().createElement("p",{className:"sub-title"},"CPM increases to"))))))}}const G=U;var j=a(47147),Q=a(44171),J=a(90826);class W extends n().Component{constructor(e){super(e),(0,s.A)(this,"pinButtonClick",e=>{const t=j.A.pin(e.item,this.getQs(e)),a=e.item.social_pin_photos[0]?e.item.social_pin_photos[0].id:"";(0,Q.default)("Share Pinterest Syndication Dashboard - Click Element",{element_type:"Pinterest Library PinIt Button",element_zone:"Syndication Dashboard","Shared URL":t.pinned_url_full,"Shared Media ID":"","Shared Cover Photo ID":a,"Syndication Partner Short Code":this.props.partnerShortCode}),j.A.pin(e.item,this.getQs(e))})}getColumns(e){return{revenue_by_day:[{title:"date",filter:"date"},{title:"total",filter:"total"},{title:"current_cpm",filter:"current_cpm"},{title:"revenue",filter:"revenue"}],revenue_by_link:[{title:"pin",filter:"pin"},{title:"item",filter:"link"},{title:"total",filter:"count"},{title:"current_cpm",filter:"current_cpm"},{title:"revenue",filter:"revenue"},{title:"pin_button",filter:""}]}[e]}getFormattedTitle(e){return{pin:"Pin",date:"Date",revenue:"phone"===J.A.getState().view.screenPlatform?"Rev":"Revenue",current_cpm:"RPM",item:"Post",total:"Clicks",pin_button:""}[e]}getCells(e,t){let a=e.current_cpm?"$"+e.current_cpm.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"):0,s=e.revenue?"$"+Number.parseFloat(e.revenue).toFixed(1)+"0":0;switch(t){case"revenue_by_day":let t=e.total?Math.round(e.total).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"):0;return[e.date?e.date:"",t,a,s];case"revenue_by_link":let l=e.item?j.A.pin(e.item,{},!1,"soc_btn",!0):"";return[l?n().createElement("img",{src:l,height:100,width:"auto"}):"Deleted",e.item?n().createElement("a",{href:e.item.site_url},e.item.summary):e.syndication_post_id,e.count?e.count.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"):0,a,s,e.item?n().createElement("a",{onClick:()=>this.pinButtonClick(e),className:"button pinterest-button"},n().createElement("i",{className:"ics-pinit"})):""]}}getQs(e){return{utm_source:"pinterest",utm_medium:"syndication",utm_campaign:this.props.partner

1ShortCode,utm_syndication_post:e.syndication_post_id}}render(){let e=this.props.activeTable?this.getColumns(this.props.activeTable):[],t="desc"===this.props.currentDir?"to-low":"to-high";return n().createElement(n().Fragment,null,0!==this.props.data.length&&n().createElement("table",{className:"dashbord-table"},n().createElement("thead",null,n().createElement("tr",null,e.map((e,a)=>n().createElement("th",{scope:"col",key:a},n().createElement("span",{className:"flex flex-justify-center flex-align-center toggle "+(this.props.currentOrderBy===e.filter?t:"")},this.getFormattedTitle(e.title),"pin_button"!==e.title&&n().createElement("span",{className:"sortable-toggle-icons"},n().createElement("i",{className:"ics-arrow-up",onClick:()=>this.props.switchTable(this.props.activeTable,e.filter,"asc")}),n().createElement("i",{className:"ics-arrow-down",onClick:()=>this.props.switchTable(this.props.activeTable,e.filter,"desc")})),"current_cpm"===e.title&&n().createElement("span",{className:"cms-tooltip-wrap cpm-tooltip"},n().createElement("i",{className:"ics-share-ask grayTxt fs15"}),n().createElement("span",{className:"cms-tooltip shadowBoxDeep"},"Revenue per mile is how much you earn for every 1000 post impressions received"))))))),this.props.data.map((t,a)=>{let s=this.props.activeTable?this.getCells(t,this.props.activeTable):[];return n().createElement("tbody",{key:a},n().createElement("tr",null,s.map((t,a)=>n().createElement("td",{"data-label":this.getFormattedTitle(e[a].title),key:a},n().createElement("span",{className:"td-content"},t)))))})))}}const V=W,z=["revenue_by_day","revenue_by_link"];class X extends n().Component{constructor(e){super(e),this.state={currentOrderBy:"date",currentDir:"desc",currentPage:1},this.switchTable=this.switchTable.bind(this)}getTitle(e){return{revenue_by_day:"Revenue by date",revenue_by_link:"Revenue by link"}[e]}switchTable(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"desc",s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;t||(t="revenue_by_link"===e?"count":"date"),this.setState({currentOrderBy:t,currentPage:s,currentDir:a}),this.props.switchTable(e,t,a,s)}getPagination(){let e=[];for(let t=0;t<4;t++){let a=this.state.currentPage+t+1;e.push(n().createElement("li",{key:t,className:"flex "+(a>this.props.totalPages?"disabled":"")},n().createElement("a",{onClick:()=>this.switchTable(this.props.activeTable,this.state.currentOrderBy,this.state.currentDir,a)},a)))}return e}render(){return n().createElement("div",{className:"dashbord-bottom"},n().createElement("span",{className:"tab-navbar-wrapper flex"},n().createElement("nav",{className:"tab-navbar"},z.map((e,t)=>n().createElement("a",{key:t,className:e===this.props.activeTable?"selected":"",onClick:()=>this.switchTable(e)},this.getTitle(e))))),n().createElement(V,{data:this.props.tableData,activeTable:this.props.activeTable,switchTable:this.switchTable,currentOrderBy:this.state.currentOrderBy,currentDir:this.state.currentDir,partnerShortCode:this.props.partnerShortCode}),n().createElement("div",{className:"dashboard-pagination"}),n().createElement("span",{className:"nav-pagination flex"},n().createElement("ul",null,n().createElement("li",{key:"prev",className:"flex "+(1==this.state.currentPage?"disabled":"")},n().createElement("a",{onClick:()=>this.switchTable(this.props.activeTable,this.state.currentOrderBy,this.state.currentDir,this.state.currentPage-1)},"Prev")),n().createElement("li",{key:"current",className:"flex selected"},n().createElement("a",null,this.state.currentPage)),this.getPagination(),n().createElement("li",{key:"next",className:"flex "+(this.state.currentPage==this.props.totalPages?"disabled":"")},n().createElement("a",{onClick:()=>this.switchTable(this.props.activeTable,this.state.currentOrderBy,this.state.currentDir,this.state.currentPage+1)},"Next")))))}}const K=X;var Z=a(95093),ee=a.n(Z),te=a(93210);a(596);const ae=["Lifetime","Today","Yesterday","Last 7 days","Last 30 days","This month","Last month"];class se extends n().Component{constructor(e){super(e),(0,s.A)(this,"onPresetDateChange",e=>{let t=null,a=null;switch(e){case"Lifetime":t="2016-05-10",a=ee()();break;case"Today":default:t=ee()().format("YYYY-MM-DD"),a=ee()();break;case"Yesterday":t=ee()().subtract(1,"days").format("YYYY-MM-DD"),a=ee()().subtract(1,"days").format("YYYY-MM-DD");break;case"Last 7 days":t=ee()().subtract(7,"days").format("YYYY-MM-DD"),a=ee()().subtract(1,"days").format("YYYY-MM-DD");break;case"Last 30 days":t=ee()().subtract(30,"days").format("YYYY-MM-DD"),a=ee()().subtract(1,"days").format("YYYY-MM-DD");break;case"This month":t=ee()().startOf("month").format("YYYY-MM-DD"),a=ee()();break;case"Last month":t=ee()().subtract(1,"months").startOf("month").format("YYYY-MM-DD"),a=ee()().subtract(1,"months").endOf("month").format("YYYY-MM-DD");break;case"":return void this.clearDateRange()}t=ee()(t),a=ee()(a),this.setState({from:t,to:a})}),this.state={tableData:[],activeTable:"revenue_by_day",metrics:null,page:1,from:null,to:null,fromOpen:!1,toOpen:!1},this.switchTable=this.switchTable.bind(this)}componentDidUpdate(e){this.props.businessId!==e.businessId&&(this.loadMetrics(),this.loadTableData("revenue_by_day","date","desc",1))}componentDidMount(){this.loadMetrics(),this.loadTableData("revenue_by_day","date","desc",1)}

1loadMetrics(){let e={is_dashboard:"true",partner_id:this.props.businessId};this.state.from&&(e.from=ee()(this.state.from).format("YYYY-MM-DD")),this.state.to&&(e.to=ee()(this.state.to).format("YYYY-MM-DD")),i.Ay.get("syndicationpartner",e).then(e=>{let t={total_revenue:e.total_revenue,total_clicks:e.total_clicks,monthly_clicks:e.monthly_clicks,monthly_revenue:e.monthly_revenue,cpm:e.cpm};this.setState({metrics:t,partnerShortCode:e.short_code})}).catch(e=>{alert(e)})}loadTableData(e,t,a,s){let l="syndicationtracking/"+this.props.businessId+"/"+e,r={id:this.props.businessId,order_by:t,order_dir:a,page_num:s};this.state.from&&(r.from=ee()(this.state.from).format("YYYY-MM-DD")),this.state.to&&(r.to=ee()(this.state.to).format("YYYY-MM-DD")),i.Ay.get(l,r).then(t=>{let a=Math.ceil(t.total_length/10);this.setState({tableData:t,activeTable:e,totalPages:a})})}setDate(e,t){this.setState({[e]:t})}switchTable(e,t,a,s){this.loadTableData(e,t,a,s)}setDateRange(){let e="revenue_by_link"===this.state.activeTable?"count":"date";this.loadMetrics(),this.loadTableData(this.state.activeTable,e,"desc",1)}clearDateRange(){this.setState({from:null,to:null})}render(){return n().createElement("div",null,n().createElement("h1",null,this.props.partner_name?this.props.partner_name+" | ":""," ",this.props.memberName," "),n().createElement("a",{href:"/syndication/library/"+this.props.businessId},"Go to Pinterest Library"),n().createElement("div",{className:"spacer20"}),n().createElement("h2",null,"See stats for specific dates"),n().createElement("div",{className:"sorting-wrap"},n().createElement("div",{className:"select-styled bordered relative"},n().createElement("select",{onChange:e=>this.onPresetDateChange(e.target.value)},n().createElement("option",{value:""},"Please select"),ae.map(e=>n().createElement("option",{key:e,value:e},e)))),n().createElement("div",{className:"spacer20"}),n().createElement("div",{className:"date-filter-wrap forms-revamped flex"},n().createElement("div",{className:"flex flex-column chose-date-wrapper"},n().createElement("label",{className:"bold"},"From:"),n().createElement("span",{className:"date-picker-input-wrap"},n().createElement(te.A,{readOnly:!0,className:"db date-picker calender-input bordered",id:"from",selected:this.state.from,onChange:e=>this.setDate("from",e),placeholderText:"MM/DD/YYYY"}),n().createElement("label",{htmlFor:"from"},n().createElement("i",{className:"ics-cal-check"})))),n().createElement("div",{className:"flex flex-column chose-date-wrapper"},n().createElement("label",{className:"bold"},"To:"),n().createElement("span",{className:"date-picker-input-wrap"},n().createElement(te.A,{readOnly:!0,className:"db date-picker calender-input bordered",id:"to",selected:this.state.to,onChange:e=>this.setDate("to",e),placeholderText:"MM/DD/YYYY"}),n().createElement("label",{htmlFor:"to"},n().createElement("i",{className:"ics-cal-check"})))),n().createElement("a",{onClick:()=>this.setDateRange(),className:"refresh-button flex"},"Apply"),n().createElement("a",{onClick:()=>this.clearDateRange(),className:"refresh-button flex"},"Clear"),n().createElement("a",{onClick:()=>this.setDateRange(),className:"button tertiary-button large flex"},"Apply"),n().createElement("a",{onClick:()=>this.clearDateRange(),className:"button tertiary-button large flex"},"Clear"))),null!==this.state.metrics&&n().createElement(G,{metrics:this.state.metrics,businessId:this.props.businessId}),null===this.state.metrics&&n().createElement(y.A,null),n().createElement(K,{tableData:this.state.tableData,activeTable:this.state.activeTable,switchTable:this.switchTable,partnerShortCode:this.state.partnerShortCode,totalPages:this.state.totalPages}))}}const le=se,re=(new Date).toLocaleString("en-us",{month:"long"}),ne=(new Date).getFullYear();class ie extends n().Component{constructor(e){super(e),this.state={rule:null}}render(){const e=this.props.metrics.total_clicks?this.props.metrics.total_clicks.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","):0,t=Number.parseFloat(this.props.metrics.total_revenue?this.props.metrics.total_revenue:0).toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g,","),a=this.props.metrics.monthly_clicks?this.props.metrics.monthly_clicks.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","):0,s=Number.parseFloat(this.props.metrics.monthly_revenue?this.props.metrics.monthly_revenue:0).toFixed(2);return n().createElement(n().Fragment,null,n().createElement("div",{className:"section-wrapper flex flex-column"},n().createElement("h1",{className:"section-title"},"Overview"),n().createElement("div",{className:"data-cards-wrap halves"},n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},e),n().createElement("p",{className:"sub-title"},"Clicks"))),n().createElement("div",{className:"data-card flex-center"},n().createElement("div",{className:"data-card-content"},n().createElement("h2",{className:"bold"},"$",t),n().createElement("p",{className:"sub-title"}

1,"Revenue"))))),n().createElement("div",{className:"section-wrapper flex flex-column"},n().createElement("h1",{className:"section-title"},"Revenue in ",re," ",ne),n().createElement("div",{className:"data-cards-wrap halves"},n().createElement("div",{className:"data-card solo flex"},n().createElement("div",{className:"data-card-content"},n().createElement("span",{className:"card-title bold"},"Clicks"),n().createElement("span",{className:"data-card-footer bold"},a))),n().createElement("div",{className:"data-card solo flex"},n().createElement("div",{className:"data-card-content"},n().createElement("span",{className:"card-title bold"},"Revenue"),n().createElement("span",{className:"data-card-footer bold"},"$",s))))))}}const ce=ie;class oe extends n().Component{constructor(e){super(e)}getColumns(e){return{revenue_by_day:[{title:"date",filter:"date"},{title:"total",filter:"total"},{title:"revenue",filter:"revenue"}],revenue_by_link:[{title:"link",filter:"post_id"},{title:"total",filter:"total"},{title:"revenue",filter:"revenue"}]}[e]}getFormattedTitle(e){return{date:"Date",revenue:"Revenue",link:"Link",total:"Clicks"}[e]}getCells(e,t){let a=e.revenue?"$"+Number.parseFloat(e.revenue).toFixed(2):0,s=e.total?Math.round(e.total).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"):0;switch(t){case"revenue_by_day":return[e.date?e.date:"",s,a];case"revenue_by_link":return[e.link?e.link:"",s,a]}}render(){let e=this.props.activeTable?this.getColumns(this.props.activeTable):[],t="desc"===this.props.currentDir?"to-low":"to-high";return n().createElement(n().Fragment,null,0!==this.props.data.length&&n().createElement("table",{className:"dashbord-table"},n().createElement("thead",null,n().createElement("tr",null,e.map((e,a)=>n().createElement("th",{scope:"col",key:a},n().createElement("span",{className:"flex flex-justify-center flex-align-center toggle "+(this.props.currentOrderBy===e.filter?t:"")},this.getFormattedTitle(e.title),"pin_button"!==e.title&&n().createElement("span",{className:"sortable-toggle-icons"},n().createElement("i",{className:"ics-arrow-up",onClick:()=>this.props.switchTable(this.props.activeTable,e.filter,"asc")}),n().createElement("i",{className:"ics-arrow-down",onClick:()=>this.props.switchTable(this.props.activeTable,e.filter,"desc")}))))))),this.props.data.map((t,a)=>{let s=this.props.activeTable?this.getCells(t,this.props.activeTable):[];return n().createElement("tbody",{key:a},n().createElement("tr",null,s.map((t,a)=>n().createElement("td",{"data-label":this.getFormattedTitle(e[a].title),key:a},n().createElement("span",{className:"td-content"},t)))))})))}}const de=oe,me=["revenue_by_day","revenue_by_link"];class he extends n().Component{constructor(e){super(e),this.state={currentOrderBy:"date",currentDir:"desc",currentPage:1},this.switchTable=this.switchTable.bind(this)}getTitle(e){return{revenue_by_day:"Revenue by date",revenue_by_link:"Revenue by link"}[e]}switchTable(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"desc",s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;t||(t="revenue_by_link"===e?"post_id":"date"),this.setState({currentOrderBy:t,currentPage:s,currentDir:a}),this.props.switchTable(e,t,a,s)}getPagination(){let e=[];for(let t=0;t<4;t++){let a=this.state.currentPage+t+1;e.push(n().createElement("li",{key:t,className:"flex "+(a>this.props.totalPages?"disabled":"")},n().createElement("a",{onClick:()=>this.switchTable(this.props.activeTable,this.state.currentOrderBy,this.state.currentDir,a)},a)))}return e}render(){return n().createElement("div",{className:"dashbord-bottom"},n().createElement("span",{className:"tab-navbar-wrapper flex"},n().createElement("nav",{className:"tab-navbar"},me.map((e,t)=>n().createElement("a",{key:t,className:e===this.props.activeTable?"selected":"",onClick:()=>this.switchTable(e)},this.getTitle(e))))),n().createElement(de,{data:this.props.tableData,activeTable:this.props.activeTable,switchTable:this.switchTable,currentOrderBy:this.state.currentOrderBy,currentDir:this.state.currentDir,partnerShortCode:this.props.partner

1ShortCode}),n().createElement("div",{className:"dashboard-pagination"}),n().createElement("span",{className:"nav-pagination flex"},n().createElement("ul",null,n().createElement("li",{key:"prev",className:"flex "+(1===this.state.currentPage?"disabled":"")},n().createElement("a",{onClick:()=>this.switchTable(this.props.activeTable,this.state.currentOrderBy,this.state.currentDir,this.state.currentPage-1)},"Prev")),n().createElement("li",{key:"current",className:"flex selected"},n().createElement("a",null,this.state.currentPage)),this.getPagination(),n().createElement("li",{key:"next",className:"flex "+(this.state.currentPage===this.props.totalPages?"disabled":"")},n().createElement("a",{onClick:()=>this.switchTable(this.props.activeTable,this.state.currentOrderBy,this.state.currentDir,this.state.currentPage+1)},"Next")))))}}const pe=he,ue="YYYY-MM-DD",be="MM/DD/YYYY",Ee="Need to be opted in partner";class fe extends n().Component{constructor(e){super(e),this.state={isOptedIn:!0,tableData:[],activeTable:"revenue_by_day",metrics:null,page:1,totalPages:0,from:null,to:null},this.switchTable=this.switchTable.bind(this)}componentDidUpdate(e){this.props.businessId!==e.businessId&&(this.loadMetrics(),this.loadTableData("revenue_by_day","date","desc",1))}componentDidMount(){this.loadMetrics(),this.loadTableData("revenue_by_day","date","desc",1)}loadMetrics(){let e={};this.state.from&&(e.from=ee()(this.state.from).format(ue)),this.state.to&&(e.to=ee()(this.state.to).format(ue)),i.Ay.get("blogmetrics/"+this.props.businessId,e).then(e=>{let t={total_revenue:e.total_revenue,total_clicks:e.total_clicks,monthly_clicks:e.monthly_clicks,monthly_revenue:e.monthly_revenue};this.setState({metrics:t,isOptedIn:!0})}).catch(e=>{e.message===Ee?this.setState({isOptedIn:!1}):alert(e)})}loadTableData(e,t,a,s){let l="blogrevenuetracking/"+this.props.businessId+"/"+e,r={id:this.props.businessId,order_by:t,order_dir:a,page_num:s};this.state.from&&(r.from=ee()(this.state.from).format(ue)),this.state.to&&(r.to=ee()(this.state.to).format(ue)),i.Ay.get(l,r).then(t=>{let a=Math.ceil(t.total_length/10);this.setState({tableData:t,activeTable:e,totalPages:a,isOptedIn:!0})}).catch(e=>{e.message===Ee?this.setState({isOptedIn:!1}):alert(e)})}setDate(e,t){this.setState({[e]:t})}switchTable(e,t,a,s){this.loadTableData(e,t,a,s)}setDateRange(){let e="revenue_by_link"===this.state.activeTable?"post_id":"date";this.loadMetrics(),this.loadTableData(this.state.activeTable,e,"desc",1)}clearDateRange(){this.setState({from:null,to:null})}render(){return n().createElement("div",null,n().createElement("div",{className:"spacer20"}),n().createElement("div",{className:"sorting-wrap"},n().createElement("div",{className:"date-filter-wrap forms-revamped flex"},n().createElement("div",{className:"flex flex-column chose-date-wrapper"},n().createElement("label",{className:"bold"},"From:"),n().createElement("span",{className:"date-picker-input-wrap"},n().createElement(te.A,{readOnly:!0,dropdownMode:"scroll",className:"db date-picker calender-input bordered",id:"from",selected:this.state.from,onChange:e=>this.setDate("from",e),placeholderText:be}),n().createElement("label",{htmlFor:"from"},n().createElement("i",{className:"ics-cal-check"})))),n().createElement("div",{className:"flex flex-column chose-date-wrapper"},n().createElement("label",{className:"bold"},"To:"),n().createElement("span",{className:"date-picker-input-wrap"},n().createElement(te.A,{readOnly:!0,dropdownMode:"scroll",className:"db date-picker calender-input bordered",id:"to",selected:this.state.to,onChange:e=>this.setDate("to",e),placeholderText:be}),n().createElement("label",{htmlFor:"to"},n().createElement("i",{className:"ics-cal-check"})))),n().createElement("a",{onClick:()=>this.setDateRange(),className:"refresh-button flex"},n().createElement("i",{className:"ics-replay fs18"})),n().createElement("a",{onClick:()=>this.setDateRange(),className:"button tertiary-button large flex"},n().createElement("i",{className:"ics-replay fs18"}),"Refresh"),n().createElement("a",{onClick:()=>this.clearDateRange(),style:{marginLeft:"10px"},className:"refresh-button flex"},"Clear"),n().createElement("a",{onClick:()=>

1this.clearDateRange(),className:"button tertiary-button large flex"},"Clear"))),!0===this.state.isOptedIn?n().createElement(n().Fragment,null,null!==this.state.metrics&&n().createElement(ce,{metrics:this.state.metrics}),null===this.state.metrics&&n().createElement(y.A,null),n().createElement(pe,{tableData:this.state.tableData,activeTable:this.state.activeTable,switchTable:this.switchTable,partnerShortCode:this.state.partnerShortCode,totalPages:this.state.totalPages})):n().createElement(n().Fragment,null,n().createElement("div",null,"To opt in, ",n().createElement("a",{href:_().THEME.opt_in_url_form,target:"_blank"},"fill out this form")),n().createElement("div",null,"To learn more, ",n().createElement("a",{href:_().THEME.opt_in_url_faq,target:"_blank"},"check out our FAQ"))))}}const ge={syndication:{component:le},blogger:{component:O},revenue:{component:fe}};class ve extends n().Component{constructor(e){super(e),(0,s.A)(this,"handleOpen",()=>{this.setState({isOpen:!0})}),(0,s.A)(this,"handleClose",()=>{this.setState({isOpen:!1})}),this.state={selectedTab:0,tabs:[],selectedTableTab:"earnings",invoices:[],expanded_row:!1,from_date:0,isOpen:!1},this.metaData={title:"My Dashboards"},this.props.onSetMetaData(this.metaData)}getBusinesses(){let e=this;i.Ay.list("businessdashboard/"+this.props.memberId).then(t=>{t&&(this.setState({tabs:t}),this.fetchTables(e.state.selectedTab))}).catch(e=>{b()("/404"),alert(e)})}fetchTables(e){if(!(0,l.A)(ge[this.state.tabs[e].type],"tableDetails"))return;let t=this,a={business_id:this.state.tabs[e].id,program_id:this.state.tabs[e].program,from_date:ge[this.state.tabs[e].type].tableDetails.display_options[this.state.from_date].value},s="businessdashboard/"+this.props.memberId;this.paginator=new p.A(s+"/invoices",20,a,1,"",!1).load().then(function(a){a&&t.setState(t=>(t.tabs[e].invoices=a,t.selectedTab=e,t))}).catch(e=>{alert(e)}),this.paginator=new p.A(s+"/transactions",20,a,1,"",!1).load().then(function(a){a&&t.setState(t=>(t.tabs[e].earnings=a,t.selectedTab=e,t))}).catch(e=>{alert(e)})}componentDidMount(){this.props.isLoggedIn?this.getBusinesses():b()("//")}componentWillUpdate(e,t){e.isLoggedIn||b()("//")}componentDidUpdate(e){this.props.memberId!==e.memberId&&this.getBusinesses()}setPageData(e){this.setState({data:e})}changeTab(e,t){"main"===t&&+e!==+this.state.selectedTab?(void 0===this.state.tabs[e].metrics&&this.fetchMetrics(e),void 0===this.state.tabs[e].table&&this.fetchTables(e),this.setState({selectedTab:e})):"table"===t&&+e!==+this.state.selectedTableTab&&this.setState({selectedTableTab:e,expanded_row:!1})}toggleCollapse(e){if(this.state.expanded_row===e)this.setState({expanded_row:!1});else{let t=this,a="businessdashboard/"+this.props.memberId+"/transactions",s={business_id:this.state.tabs[this.state.selectedTab].id,program_id:this.state.tabs[this.state.selectedTab].program,invoice_id:this.state.tabs[this.state.selectedTab][this.state.selectedTableTab].data[e].id};new i.Ay(a).list(s).then(function(a){t.setState(s=>(s.tabs[t.state.selectedTab][t.state.selectedTableTab].data[e].extra=a||[],s.expanded_row=e,s))})}}fetchMetrics(e){i.Ay.get("businessdashboard/:id/metrics",{id:this.props.memberId,type:this.state.tabs[e].type,business_id:this.state.tabs[e].id}).then(t=>{t&&this.setState(a=>(a.tabs[e].metrics=t,a.selectedTab=e,a))}).catch(e=>{alert(e)})}onDataChange(e){let t=this;this.setState({from_date:e},()=>{t.fetchTables(t.state.selectedTab)})}render(){let e,t,a=this,s=this.state.tabs.length>0&&ge[this.state.tabs[this.state.selectedTab].type].component;return this.state.tabs.length>0&&ge[this.state.tabs[this.state.selectedTab].type].tableDetails&&(t=ge[this.state.tabs[this.state.selectedTab].type].tableDetails,e=t.component),n().createElement("div",{className:"content-wrap"},n().createElement("div",{className:"main-dashboard"},n().createElement("div",{className:"main-page-wrap"},n().createElement("div",{className:"container-wrap"},n().createElement("span",{className:"tab-navbar-wrapper flex"},n().createElement("nav",{className:"tab-navbar"},this.state.tabs.length>0&&this.state.tabs.map((e,t)=>n().createElement("a",{key:t,className:"sl-tab-"+e.type+(this.state.selectedTab===+t?" selected":""),onClick:e=>{e.stopPropagation(),this.changeTab(t,"main")}},"syndication"===e.type?"PINTEREST":e.type.toUpperCase()||"")))),n().createElement("div",{className:"spacer20"}),this.state.tabs.length>0&&n().createElement("div",{className:"dashboardContainer fs17"},n().createElement(d,{data:this.state.tabs[this.state.selectedTab],config:ge[this.state.tabs[this.state.selectedTab].type]},s?n().createElement(s,{memberId:this.props.memberId,businessId:this.state.tabs[this.state.selectedTab].id,memberName:this.state.tabs[this.state.selectedTab].name,partner_name:this.state.tabs[this.state.selectedTab].partner_name}):Object.keys(ge[this.state.tabs[this.state.selectedTab].type].widgets).map((e,t)=>{let a=ge[this.state.tabs[this.state.selectedTab].type].widgets[e],s=a.component,l=a.title?a.title:e;return n().createElement("div",{className:"section-wrapper flex flex-column",key:t},n().createElement(s,{key:e,title:l,colored:a.colored,data:this.state.tabs[this.state.selectedTab].metrics&&this.state.tabs[this.state.selectedTab].metrics[e]||{},config:a.elements}))}))),t&&n().createElement("div",{className:"dashbord-bottom"},n().createElement("span",{className:"tab-navbar-wrapper flex"},n().createElement("nav",{className:"tab-navbar"},Object.keys(ge[this.state.tabs[this.state.selectedTab].type].tableDetails.elements).map((e,t)=>{let s=ge[this.state.tabs[this.state.selectedTab].type].tableDetails.elements[e];return n().createElement("a",{key:t,className:a.state.selectedTableTab==s.value?"selected":"",onClick:e=>{e.stopPropagation(),a.changeTab(s.value,"table")}},s.title||"")}))),n().createElement(n().Fragment,null,!1===this.state.expanded_row?n().createElement("div",{className:"feed-filters-discussion"},n().createElement("div",{className:"filter-wrap"},n().createElement("div",{className:"page-filter topic "+(this.state.isOpen?"hover-click":""),onMouseEnter:this.handleOpen,onMouseLeave:this.handleClose},n().createElement("a",{className:"topicstitle"},n().createElement("span",{className:"filter-title nowrap"},"Show from:"),n().createElement("span",{className:"ellipsis title-name"},t.display_options[this.state.from_date].title),n().createElement("i",{className:"ics-new-arrow-down"}),n().createElement("i",{className:"ics-new-arrow-up"})),n().createElement("div",{className:"topic-list shadowBoxDeep"},n().createElement("ul",null,t.display_options.map((e,t)=>n().createElement("li",{key:t},n().createElement("a",{onClick:()=>this.onDataChange(t)}

1,e.title)))))))):n().createElement("div",{className:"order-form-back-button"},n().createElement("a",{className:"fs12",onClick:()=>this.toggleCollapse(this.state.expanded_row)},n().createElement("i",{className:"ics-arrow-left"})," Back")),void 0!==e&&a.state.tabs[a.state.selectedTab][this.state.selectedTableTab]&&n().createElement(n().Fragment,null,!1===this.state.expanded_row?n().createElement(e,{data:a.state.tabs[a.state.selectedTab][this.state.selectedTableTab]||{},columns:t.elements[a.state.selectedTableTab].columns,toggleCollapse:e=>this.toggleCollapse(e),expandable:t.elements[a.state.selectedTableTab].expandable}):n().createElement(e,{data:a.state.tabs[a.state.selectedTab][this.state.selectedTableTab].data[this.state.expanded_row].extra||{},columns:t.expanded}))),void 0!==e&&a.state.tabs[a.state.selectedTab][a.state.selectedTableTab]&&a.state.tabs[a.state.selectedTab][a.state.selectedTableTab].totalPages>1&&n().createElement(h,{data:a.state.tabs[a.state.selectedTab][a.state.selectedTableTab],setPageData:e=>this.setPageData(e)}))))))}}const Ne=(0,E.JT)(ve)}}]);