https://contently.com/tev2/static/js/8067.23aa1e99.chunk.js

1"use strict";(self.webpackChunkplatform_web=self.webpackChunkplatform_web||[]).push([[8067],{77189:function(n,e,r){r.d(e,{Z:function(){return T}});var t,i,a=r(30168),o=r(96692),l=r(75400),c=r(79491),u=r(62559),s=o.ZP.li(t||(t=(0,a.Z)(["\n  width: 200px;\n  padding: 7px 0;\n  @media screen and (max-width: 1000px) {\n    padding-top: 3px;\n  }\n"]))),d=function(n){var e=n.name,r=n.path;n.exact;return(0,u.jsx)(s,{children:(0,u.jsx)(l.OL,{to:"/".concat(r),style:{fontWeight:500,color:c.z0.O9.black},children:e})})},f=[{path:"dashboard",name:"Overview"},{path:"stories/preview",name:"Stories"},{path:"authors/preview",name:"Contributors"},{path:"value",name:"Content Value"},{path:"value/stories",name:"Story Level"}],x=o.ZP.ul(i||(i=(0,a.Z)(["\n  @media screen and (max-width: 1000px) {\n    display: none;\n  }\n  list-style: none;\n  margin-top: 0px;\n  padding-left: 0;\n"])));var p,h,g,v=function(){return(0,u.jsx)(x,{children:f.map((function(n,e){return(0,u.jsx)(d,{path:n.path,name:n.name,exact:!0},e)}))})},m=r(95136),b=r(15545),j=o.ZP.div(p||(p=(0,a.Z)(["\n  @media screen and (max-width: 1000px) {\n    display: block;\n    border-radius: 3px;\n    border: 1px solid ",";\n    box-shadow: none;\n    margin-right: 18px;\n  }\n  display: none;\n"])),c.z0.O9.grey.secondaryDark),y=o.ZP.a(h||(h=(0,a.Z)(["\n  font-weight: 400;\n  width: 100%;\n  border-radius: 0;\n  border-color: ",";\n  text-align: left;\n  text-transform: none;\n  padding: 0 12px;\n"])),c.z0.O9.grey.secondaryDark),S=o.ZP.div(g||(g=(0,a.Z)(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  cursor: pointer;\n"])));var w,Z=function(){var n=(0,b.TH)().pathname;return(0,u.jsx)(j,{children:(0,u.jsx)(S,{children:(0,u.jsx)(c.Lt,{links:f,Trigger:function(){return function(n){return(0,u.jsx)(y,{children:f.map((function(e){return(0,m.LX)(n,"/".concat(e.path))?e.name:null}))})}(n)},fullWidth:!0,triggerArrow:!0})})})},k=o.ZP.nav(w||(w=(0,a.Z)(["\n  -webkit-box-flex: 0;\n  -ms-flex: 0 0 200px;\n  flex: 0 0 200px;\n  margin-right: 60px;\n  @media screen and (max-width: 1000px) {\n    flex-basis: auto;\n    margin-right: 0;\n    margin-bottom: 22px;\n  }\n"])));var T=function(){return(0,u.jsxs)(k,{role:"navigation",children:[(0,u.jsx)(v,{}),(0,u.jsx)(Z,{})]})}},51687:function(n,e,r){var t,i,a=r(29439),o=r(30168),l=r(50390),c=r(88410),u=r(1086),s=r(79491),d=r(62559),f=(0,u.Z)("div")(t||(t=(0,o.Z)(["\n  border: 1px solid ",";\n  padding: 2px 0;\n  margin-top: ",";\n  position: absolute;\n  width: 125px;\n  z-index: 1;\n  &:hover {\n    background-color: ",";\n    cursor: pointer;\n  }\n  a {\n    text-decoration: none;\n  }\n"])),s.z0.O9.grey.secondaryDark,(function(n){return n.margin}),s.z0.O9.blue.secondary),x=(0,u.Z)("a")(i||(i=(0,o.Z)(["\n  padding: 0.5rem;\n  font-weight: bold;\n  font-size: 12px;\n"])));e.Z=function(n){var e=n.csvLink,r=n.downloadBoxMargin,t=void 0===r?"1px":r,i=(0,l.useState)(!1),o=(0,a.Z)(i,2),u=o[0],p=o[1],h=function(){return(0,d.jsx)(f,{margin:t,children:(0,d.jsx)(x,{href:e,onClick:function(){return c.Am.success("Your csv is processing..."),void p(!u)},children:"Download CSV"})})};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.JO,{type:"ellipsis-v",color:s.z0.O9.blue.secondaryDark,style:{cursor:"pointer"},onClick:function(){return p(!u)}}),u?(0,d.jsx)(h,{}):null]})}},70824:function(n,e,r){r.d(e,{Z:function(){return x}});var t,i,a=r(30168),o=r(1086),l=r(56737),c=r(37714),u=r(79491),s=r(62559),d=(0,o.Z)(u.Lt)(t||(t=(0,a.Z)(["\n  border: 1px solid ",";\n"])),u.z0.O9.grey.secondaryDark);function f(n){var e=n.filterState,r=n.setFilterState,t=(0,l.Z)(e,r,"contentValueRegion",c.y_);return(0,s.jsx)(d,{links:t,Trigger:function(){return(0,s.jsx)(u.gq,{margin:"small",children:(0,s.jsx)("span",{children:(0,s.jsx)(u.H5,{children:e})})})},fullWidth:!0,triggerArrow:!0})}function x(n){var e=n.filterState,r=n.setFilterState,t=(0,o.Z)("div")(i||(i=(0,a.Z)(["\n    text-align: right;\n    margin-right: 18px;\n  "])));return(0,s.jsx)(t,{children:(0,s.jsx)(f,{filterState:e,setFilterState:r})})}},37714:function(n,e,r){r.d(e,{AN:function(){return a},Ps:function(){return i},US:function(){return t},y_:function(){return o}});var t="US",i="Canada",a="US & Canada",o=[t,i,a]},56737:function(n,e){e.Z=function(n,e,r,t){return t.map((function(t){return{name:t,action:function(){return function(n){e(n),localStorage.setItem(r,n)}(t)},disabled:n===t}}))}},66263:function(n,e,r){r.d(e,{Cw:function(){return u},Qx:function(){return s},YG:function(){return c},jl:function(){return l},k7:function(){return o},ni:function(){return d},vD:function(){return a}});var t=r(37714),i=r(41898),a=function(n){return Number(n).toLocaleStr

1ing("en",{minimumFractionDigits:0})},o=function(n){return n>=1e6?"".concat((n/1e6).toFixed(1).replace(/\.0$/,""),"M"):n>=1e3?"".concat((n/1e3).toFixed(1).replace(/\.0$/,""),"K"):n.toFixed(0)},l=function(n,e){var r=n.month,i=n.barData,a=n.lineData[e===t.US?e.toLowerCase():e===t.AN?"all":e.charAt(0).toLowerCase()+e.slice(1)];return{month:r,lineData:a,lineDataLabel:"$".concat(o(a)),barData:i}};function c(n,e){if(!n&&!e)return 0;var r=100*(n-e)/e;return Math.floor(r)}var u=function(n,e){var r=new URLSearchParams(n);return i.Z.build("".concat(e).concat(r.toString()))},s=function(n){t.y_.includes(n)||localStorage.setItem("contentValueRegion",t.AN)},d=function(n,e){return n.map((function(n,r){return Object.assign({},n,e[r])}))}},82655:function(n,e,r){var t=r(66263);e.Z=function(n){var e=localStorage.getItem(n);return(0,t.Qx)(e),e}},8067:function(n,e,r){r.r(e),r.d(e,{STORY_LEVEL_QUERY:function(){return N},default:function(){return q},pubQueryVars:function(){return R}});var t,i,a=r(30168),o=r(79310),l=r(49536),c=r(77189),u=r(96692),s=r(29439),d=r(50390),f=r(1086),x=r(66263),p=r(70824),h=r(79491),g=r(62559),v=u.ZP.a(t||(t=(0,a.Z)(["\n  color: ",";\n"])),h.z0.O9.blue.primary),m=function(n){var e=n.cell.row.original,r=e.publishedToUrl,t=e.creator,i=e.title,a=e.id;return(0,g.jsxs)("div",{children:[(0,g.jsxs)(h.gq,{align:"left",children:[(0,g.jsx)(h.o7,{default:10,children:(0,g.jsx)(v,{href:"".concat(window.origin,"/stories/").concat(a),children:(0,g.jsx)(h.H4,{children:i})})}),(0,g.jsx)(h.o7,{default:1,children:r&&(0,g.jsx)(h.WS,{href:r,title:r})})]}),(0,g.jsxs)(h.lb,{children:["By ",t]})]})},b=(0,f.Z)(h.H5)(i||(i=(0,a.Z)(["\n  color: ",";\n"])),(function(n){return n.color})),j=function(n){var e=n.data,r=n.trafficValAvg,t=e.cell.value,i=t>=r?"green":"red";return(0,g.jsxs)(b,{color:i,children:["$",(0,x.vD)(t)]})},y=r(37714),S=function(n){return n===y.US?"us":n===y.Ps?"canada":"all"},w=function(n,e){return e["avg".concat(Z(S(n)),"Traffic")]},Z=function(n){return n.charAt(0).toUpperCase()+n.slice(1)};var k,T,P,C,V,L,O=function(n){var e=n.region,r=n.tableInfo,t=n.trafficValAvg,i=[{Header:"Title",accessor:"title",minWidth:350,Cell:m},{Header:"Pillar",accessor:"contentPillar",Cell:function(n){function e(e){return n.apply(this,arguments)}return e.toString=function(){return n.toString()},e}((function(n){return(0,g.jsx)(h.P,{children:(e=n.cell.value,e||"No Pillar")});var e}))},{Header:"Spend",accessor:"contentSpend",Cell:function(n){function e(e){return n.apply(this,arguments)}return e.toString=function(){return n.toString()},e}((function(n){return(0,g.jsx)(h.P,{children:(e=Number(n.cell.value),"".concat((0,x.vD)(e)))});var e}))},{Header:"SEO Traffic",accessor:"".concat(S(e),"Traffic"),Cell:function(n){function e(e){return n.apply(this,arguments)}return e.toString=function(){return n.toString()},e}((function(n){return(0,g.jsx)(h.P,{children:n.cell.value})}))},{Header:"SEO Traffic Value",accessor:"".concat(S(e),"TrafficValue"),Cell:function(n){function e(e){return n.apply(this,arguments)}return e.toString=function(){return n.toString()},e}((function(n){return(0,g.jsx)(j,{data:n,trafficValAvg:w(e,t)})}))}];return(0,g.jsx)(h.wQ.Table,{data:r,columns:i,pageSize:10,pageCount:Math.ceil(r.length/10),showTotal:!1,defaultSortBy:[{id:"".concat(S(e),"TrafficValue"),desc:!0}],errorMessage:"No data is available yet - please add published URLs in order to see the content value of your stories next month."})},D=r(51687),A=r(82655),z=(0,f.Z)("div")(k||(k=(0,a.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 3.5rem;\n"]))),I=function(n){var e=n.storyLevelStats,r=n.avgTrafficValueBySinglePub,t=n.pubId,i=(0,A.Z)("contentValueRegion"),a=(0,d.useState)(i||y.AN),o=(0,s.Z)(a,2),l=o[0],c=o[1],u=(0,d.useState)(!1),f=(0,s.Z)(u,2),v=f[0],m=f[1],b={region:y.y_.find((function(n){return i===n}))},j=(0,x.Cw)(b,"analytics/".concat(t,"/value/story_level_csv?"));return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(h.u_,{isOpen:v,onClose:function(){return m(!1)},children:[(0,g.jsx)(h.xB,{children:(0,g.jsx)(h.H2,{children:"Story Content Value"})}),(0,g.jsx)(h.fe,{children:(0,g.jsxs)(h.P,{children:["This page tracks the Content Value of individual stories. To learn more about the metrics that appear on this page, visit"," ",(0,g.jsx)("a",{href:"https://contently-support.kayako.com/article/944-understanding-and-improving-your-content-value-dashboard",children:"this article"}

1)," ","in Contently's help center."]})})]}),(0,g.jsxs)(z,{children:[(0,g.jsxs)(h.H2,{children:["Story Content Value",(0,g.jsx)(h.JO,{type:"question-circle",onClick:function(){return m(!0)}})]}),(0,g.jsxs)(h.gq,{children:[(0,g.jsx)(p.Z,{filterState:l,setFilterState:c}),(0,g.jsx)(D.Z,{csvLink:j,downloadBoxMargin:"3.5rem"})]})]}),(0,g.jsx)(h.rj,{children:(0,g.jsx)(h.gq,{children:(0,g.jsx)(h.o7,{children:(0,g.jsx)(O,{region:l,tableInfo:e,trafficValAvg:r})})})})]})},U=r(79105),F=u.ZP.div(T||(T=(0,a.Z)(["\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -ms-flex-flow: row nowrap;\n  flex-flow: row nowrap;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  max-width: 1920px;\n  padding: 0 20px;\n  margin: 0 auto;\n  clear: both;\n"]))),H=u.ZP.div(P||(P=(0,a.Z)(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: 100%;\n  @media screen and (max-width: 1000px) {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -ms-flex-flow: column;\n    flex-flow: column;\n  }\n"]))),_=u.ZP.div(C||(C=(0,a.Z)(["\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  flex: 4;\n"]))),B=u.ZP.div(V||(V=(0,a.Z)(["\n  display: flex;\n  flex-direction: column;\n  flex-basis: 0%;\n  flex: 1;\n"]))),N=(0,o.Ps)(L||(L=(0,a.Z)(["\n  query StoryLevel($pubId: ID!) {\n    brandProfile(pubId: $pubId) {\n      contentValueSnapshot {\n        avgTrafficValueBySinglePub {\n          avgUsTraffic\n          avgCanadaTraffic\n          avgAllTraffic\n        }\n        storyLevelStats {\n          id\n          title\n          creator\n          publishedToUrl\n          contentPillar\n          allTraffic\n          allTrafficValue\n          usTraffic\n          usTrafficValue\n          canadaTraffic\n          canadaTrafficValue\n          contentSpend\n        }\n      }\n    }\n  }\n"]))),R={pubId:"13"};var q=function(){var n=(0,l.a)(N,{variables:R}),e=n.loading,r=n.error,t=n.data;if(e)return(0,g.jsx)("div",{children:"Loading..."});if(r)return(0,g.jsx)("div",{children:"Error!"});var i=(null===t||void 0===t?void 0:t.brandProfile.contentValueSnapshot)||{},a=i.avgTrafficValueBySinglePub,o=i.storyLevelStats;return a&&o?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(U.Z,{header:"Analytics"}),(0,g.jsx)(F,{children:(0,g.jsxs)(H,{children:[(0,g.jsx)(B,{children:(0,g.jsx)(c.Z,{})}),(0,g.jsx)(_,{children:(0,g.jsx)(I,{avgTrafficValueBySinglePub:a,storyLevelStats:o,pubId:"13"})})]})})]}):null}}}]);
2//# sourceMappingURL=8067.23aa1e99.chunk.js.map