https://static.ranker.com/_next/static/chunks/list-edit-top-keywords.9ced137d3b20ec31.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4812,2004],{53536:(e,t,r)=>{"use strict";r.d(t,{Z:()=>i});var a=r(85893),l=r(94184),o=r.n(l);r(67294);var s=r(50522),n=r.n(s),d=r(8142);let i=e=>{let{handleClose:t,closeIconClassName:r="",fillColor:l="black"}=e;return(0,a.jsx)("button",{type:"button",onClick:t,"aria-label":"Close modal",className:n().button,"data-testid":"modal-close-icon",children:(0,a.jsx)(d.default,{className:o()({[r]:r}),src:"/img/icons/close-icon-".concat(l,".svg?v=3"),imgixParams:{w:14,h:13,dpr:4,fm:"png"}})})}},58197:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});let a=r(53536).Z},40469:(e,t,r)=>{"use strict";r.d(t,{Z:()=>d});var a=r(85893),l=r(94184),o=r.n(l);r(67294);var s=r(68846),n=r.n(s);let d=e=>{let{title:t="",titleClassName:r=""}=e;return(0,a.jsx)("h3",{className:o()(n().title,{[r]:r}),children:t})}},79169:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});let a=r(40469).Z},89003:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var a=r(85893),l=r(67294),o=r(94184),s=r.n(o),n=r(51214),d=r(99717),i=r.n(d);let c=(0,l.forwardRef)((e,t)=>{let{title:r,subtitle:o,children:d,height:c,width:p,top:u,buttons:m,handleClose:_,closeIcon:h,closeOnClickOutside:w=!1,noBorder:y=!1,isOverflowAllowed:v=!1,extraStyle:b,isNested:k=!1,isDark:x=!1}=e,f=(0,n.Z)(w&&_),N=(0,l.useCallback)(e=>{"Escape"===e.key&&_&&_()},[_]),g=(0,l.useCallback)(()=>{let{innerHeight:e}=window;document.documentElement.style.setProperty("--vh","".concat(.01*e,"px")),document.body.style.height="".concat(e,"px")},[]);return(0,l.useEffect)(()=>(k||(document.body.style.overflow="hidden"),window.addEventListener("resize",g,!1),g(),document.addEventListener("keydown",N,!1),()=>{document.body.style.overflow="initial",document.body.style.height="",document.removeEventListener("keydown",N,!1),window.removeEventListener("resize",g,!1)}),[N,g]),(0,a.jsx)("div",{id:"modal",className:s()(i().overlay,{[i().centered]:!u}),children:(0,a.jsxs)("div",{className:s()(i().modal,{[i().noBorder]:y},{[i().withOverflow]:v},{[i().darkStyle]:x},b),style:{height:c,width:p,top:u},ref:f,children:[h,(0,a.jsxs)("div",{className:i().header,children:[r,o]}),(0,a.jsx)("div",{className:i().content,ref:t,children:d}),(0,a.jsx)("div",{className:i().footer,children:m})]})})})},32004:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>a});let a=r(89003).Z},98954:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>P});var a=r(85893),l=r(67294),o=r(47298),s=r(43948),n=r(34847),d=r(63930),i=r.n(d),c=r(79573),p=r.n(c),u=r(51405),m=r(3830);let _=u.Z,h=(e,t,r)=>{let a=Number(e),l=Number(t);return Number.isNaN(a)&&Number.isNaN(l)?0:Number.isNaN(a)?r?1:-1:Number.isNaN(l)?r?-1:1:r?l-a:a-l},w=e=>{let{tableData:t}=e,r=[{key:"keywordSpan",title:"WORD/PHRASE",align:m.jm,width:190,sort:(e,t,r)=>{var a,l;return r?null===(a=t.keywordString)||void 0===a?void 0:a.localeCompare(e.keywordString):null===(l=e.keywordString)||void 0===l?void 0:l.localeCompare(t.keywordString)}},{key:"googleRank",title:"GOOGLE RANK",align:m.jm,width:75,sort:(e,t,r)=>h(e.googleRank,t.googleRank,r)},{key:"bestRank",title:"BEST RANK",align:m.jm,width:75,sort:(e,t,r)=>h(e.bestRank,t.bestRank,r)},{key:"searches",title:"SEARCHES",align:m.jm,width:75,sort:(e,t,r)=>h(e.searches,t.searches,r),render:e=>{var t;return"".concat(null==e?void 0:null===(t=e.searches)||void 0===t?void 0:t.replace(/\B(?=(\d{3})+(?!\d))/g,","))}},{key:"competition",title:"COMPETITION",align:m.jm,width:75,sort:(e,t,r)=>h(e.competition,t.competition,r),render:e=>"".concat(null==e?void 0:e.competition,"%")}];return(0,a.jsx)("div",{className:p().tableContainer,children:(0,a.jsx)(_,{sortable:!0,bordered:!1,getExpandableRowValue:null,isHoverable:!1,pagination:!1,columns:r,className:p().table,pageSize:(null==t?void 0:t.length)||0,data:t})})};var y=r(22100),v=r(94184),b=r.n(v),k=r(9910),x=r(20070),f=r.n(x),N=r(8142);let g=e=>{let{lastUpdate:t,onRefresh:r,isLoading:l,onClick:o,onFilterClick:s,selectedFilter:n}=e;return(0,a.jsxs)("div",{className:f().header,children:[(0,a.jsxs)("div",{className:f().leftSection,children:[(0,a.jsx)("h2",{className:f().title,children:"Top Keywords"}),(0,a.jsxs)("p",{className:f().filter,children:[(0,a.jsx)("button",{className:b()(f().button,f().all,{[f().underline]:"all"===n}),type:"button",tabIndex:0,onClick:()=>s("all"),children:"All"})," ",(0,a.jsx)("button",{className:b()(f().button,{[f().underline]:"full"===n}),type:"button",tabIndex:0,onClick:()=>s("full"),children:"FULL"})," ",(0,a.jsx)("button",{className:b()(f().button,f().partial,{[f().underline]:"partial"===n}),type:"button",tabIndex:0,onClick:()=>s("partial"),children:"PARTIAL"})," ",(0,a.jsx)("button",{className:b()(f().button,f().none,{[f().underline]:"none"===n}),type:"button",tabIndex:0,onClick:()=>s("none"),children:"NONE"})]})]}),(0,a.jsxs)("div",{className:f().rightSection,children:[(0,a.jsxs)("div",{className:f().updateRefreshWrapper,children:[t?(0,a.jsxs)("p",{className:f().lastUpdate,children:["Updated: ",t]}):null,(0,a.jsx)(k.ZP,{variant:k.iz.primary,size:k.Gt.medium,rounded:!0,onClick:r,disabled:l,children:"REFRESH"})]}),(0,a.jsx)(k.ZP,{variant:k.iz.specialty,size:k.Gt.medium,rounded:!0,isSquared:!0,onClick:o,children:(0,a.jsx)(N.default,{src:"/img/icons/arrow-up-right-white.svg?v=1",imgixParams:{w:10,h:10,dpr:4,fm:"png"}})})]})]})};var j=r(30403);let S=r(3211).default;var T=r(24037),R=r(23794),C=r.n(R);let E=e=>{let{keyword:t}=e;return(0,a.jsx)("li",{className:C().span,children:(0,a.jsx)("p",{className:C().cell,children:t})})},K=[{useTrackedState:y.oP,mapStateToProps:e=>{let{listData:{id:t,listMetaInfo:r,nameD:a,listCriteria:l,descriptionD:o}}=e;return{listId:t,stringToSearch:"".concat(a," ").concat(r," ").concat(l," ").concat(o)}}},{context:o.TopKeywordsStateContext,mapStateToProps:e=>{let{formattedKeywordsWithMetrics:t,isLoading:r,lastUpdate:a}=e;return{formattedKeywordsWithMetrics:t,isLoading:r,lastUpdate:a}}}],L=[{context:o.TopKeywordsDispatchContext,mapDispatchToProps:{getAndUpdateKeywords:n.T4}}],H=(0,s.Z)({mapStateToProps:K,mapDispatchToProps:L})(e=>{let{listId:t,stringToSearch:r,formattedKeywordsWithMetrics:o,lastUpdate:s,isLoading:n,getAndUpdateKeywords:d}=e,[c,p]=(0,j.Z)(!1),[u,m]=(0,l.useState)(),[_,h]=(0,l.useState)(),[y,v]=(0,l.useState)("all");(0,l.useEffect)(()=>{d(t,r,{})},[]),(0,l.useEffect)(()=>{m(o.map(e=>({keywordString:e.keywordString,keywordSpan:(0,a.jsx)(E,{keyword:e.keywordSpan},Number(e.id)),googleRank:e.googleRank,bestRank:e.bestRank,searches:e.searches,competition:e.competition})))}

1,[o]),(0,l.useEffect)(()=>{if(u){let e=[...u];switch(y){case"none":e=e.filter(e=>{var t;return(null===(t=e.keywordSpan.props.keyword[0].props)||void 0===t?void 0:t.className)==="red"});break;case"partial":e=e.filter(e=>{var t;return(null===(t=e.keywordSpan.props.keyword[0].props)||void 0===t?void 0:t.className)==="blue"});break;case"full":e=e.filter(e=>{var t;return(null===(t=e.keywordSpan.props.keyword[0].props)||void 0===t?void 0:t.className)===void 0})}h(e.sort((e,t)=>e.keywordString.localeCompare(t.keywordString)))}},[u,y]);let b=(0,l.useCallback)(e=>{v(e)},[]);return(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:i().main,children:[(0,a.jsx)(g,{lastUpdate:s,onRefresh:()=>d(t,r,{}),isLoading:n,onClick:()=>p(!0),onFilterClick:b,selectedFilter:y}),n?(0,a.jsx)(T.default,{}):(null==_?void 0:_.length)?(0,a.jsx)(w,{tableData:_}):null]}),c&&(0,a.jsx)(S,{handleClose:()=>p(!1)})]})}),P=()=>(0,a.jsx)(o.default,{children:(0,a.jsx)(H,{})})},50522:e=>{e.exports={button:"DefaultModalCloseIcon_button__OGFqb"}},68846:e=>{e.exports={title:"DefaultModalTitle_title__sSkbn"}},99717:e=>{e.exports={overlay:"modal_overlay__nPUQQ",centered:"modal_centered__RSFUt",modal:"modal_modal__QGRkm",header:"modal_header__S9Qhs",content:"modal_content__JIepQ",footer:"modal_footer__JhBce",noBorder:"modal_noBorder__6kmjK",withOverflow:"modal_withOverflow__MEP9I",darkStyle:"modal_darkStyle__ZwSux"}},63930:e=>{e.exports={main:"TopKeywords_main__SVmxP"}},20070:e=>{e.exports={header:"TopKeywordsHeader_header__xZ7iY",leftSection:"TopKeywordsHeader_leftSection__LMW5R",title:"TopKeywordsHeader_title___Abto",filter:"TopKeywordsHeader_filter___gARl",button:"TopKeywordsHeader_button__Ep_k1",all:"TopKeywordsHeader_all__hLhwN",partial:"TopKeywordsHeader_partial__p4_jb",none:"TopKeywordsHeader_none__NjBjT",underline:"TopKeywordsHeader_underline__0tzL3",rightSection:"TopKeywordsHeader_rightSection__IuhxN",lastUpdate:"TopKeywordsHeader_lastUpdate__3LXek",updateRefreshWrapper:"TopKeywordsHeader_updateRefreshWrapper__eTmwq"}},79573:e=>{e.exports={tableContainer:"TopKeywordsList_tableContainer__4gTf_",table:"TopKeywordsList_table__EtGgJ"}},23794:e=>{e.exports={span:"TopKeywordsListItem_span__GEv1B",cell:"TopKeywordsListItem_cell__f0lPO",icon:"TopKeywordsListItem_icon__2h__V"}}}]);
2//# sourceMappingURL=list-edit-top-keywords.9ced137d3b20ec31.js.map