https://assets.woorank.com/hydra/keywords-container.a90979b823384a55a50b.js

1(self.webpackChunkhydra=self.webpackChunkhydra||[]).push([[263],{73862:(e,t,r)=>{"use strict";r.d(t,{Z:()=>p});var n=r(96156),a=r(67294),o=r(8920),l=r(51463),i=r(91387),c=r(45714),s=r(19596),m=r(14391),d=r(43993);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){var t=(0,o.Z)(),r=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},e),p=r.children,g=r.dudaProject,f=void 0===g?null:g,h=r.showHeader,v=void 0===h||h,y=r.section,E=r.className,w=r.hideFooter,b=void 0!==w&&w,N=r.favicon,_=void 0===N?null:N,Z=r.bgColor,k=void 0===Z?t.palette.background.default:Z,P=(0,d.YS)(),F=P.sideNavOpen,S=P.handleSidenav,C=(0,c.SE)().user,O=(0,c.kc)().error,x=void 0!==O&&O,j=!(!C||!C.id),W=x&&"not_found"===x.message,q=j&&!W,R=q,z=null===(0,m.Z)()||(0,m.Z)(),L=(0,s.H1)(C),A=(0,s.zc)(C),B=(L?["dashboard","pages","performance","traffic","serp","settings"]:["dashboard","pages","marketing-checklist","assistant","performance","traffic","serp","crawler","settings"]).filter((function(e){return A?"crawler"!==e:e})),D=v?a.createElement(l.h4,{sideNavToggle:S}):null,T="mini";return L&&z&&(D=null,R=!1,T="none"),a.createElement(a.Fragment,null,D,R?a.createElement(l.Ts,{active:y,onClose:S,open:F}):null,a.createElement(i.Z,{sideNavType:T,sideNav:q,bgColor:k,className:E},q?a.createElement(l.Rx,{favicon:_,dudaProject:f,showFooter:L,active:y,onClose:S,open:F,visibleItems:B,hasHeader:!!D}):null,a.createElement(i.Z,{sideNav:q,bgColor:k,className:E},p)),b?null:a.createElement(l.$_,{bgColor:k}))}},90704:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>te});var n=r(28481),a=r(92137),o=r(87757),l=r.n(o),i=r(67294),c=r(80154),s=r(43832),m=r(41120),d=r(8920),u=r(51463),p=r(73862),g=r(96156),f=r(57394),h=r(88222),v=r(83750),y=r(77256),E=r(82302),w=r(99613),b=r(22318),N=r(61657),_=r(58365),Z=r(66283),k=r(17812),P=r(52795),F=(0,m.Z)((function(e){return{root:{marginRight:e.spacing(2)},active:{display:"flex"}}}));function S(e){var t=e.handleClose;return i.createElement(Z.Z,{position:"end"},i.createElement(k.Z,{size:"small",onClick:t},i.createElement(u.JO,{type:"cross",size:"sm",color:"secondary"})))}function C(e){var t=e.querySearch,r=e.setQuerySearch,a=F(),o=(0,i.useState)(!1),l=(0,n.Z)(o,2),c=l[0],s=l[1],m=function(){r(""),s(!1)};return i.createElement("div",{className:a.root},i.createElement(P.Z,{onClickAway:function(){t||m()}},c?i.createElement("div",{className:a.active},i.createElement(k.Z,{size:"medium"},i.createElement(u.JO,{type:"search",size:"md"})),i.createElement(u.nv,{margin:"none",disableShadow:!0,autoFocus:!0,onChange:function(e){r(e.target.value)},onKeyDown:function(e){"Escape"===e.key&&m()},value:t,InputProps:{endAdornment:i.createElement(S,{handleClose:m})}})):i.createElement(k.Z,{size:"medium",onClick:function(){s(!0)}},i.createElement(u.JO,{type:"search",size:"md"}))))}var O=r(59009),x=r(96617),j=r(79895),W=r(29829),q=r(89659),R=r(43993);function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){(0,g.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var A=(0,m.Z)((function(e){return{menuList:{padding:e.spacing(3,3,2,3),width:"294px"},filter:{paddingBottom:e.spacing(1.5),display:"flex"},clearFilterWrapper:{textAlign:"center",paddingTop:e.spacing(2.5),paddingBottom:e.spacing(1.5)},clearFilter:{color:e.palette.error.main,fontWeight:e.typography.fontWeightSemibold,cursor:"pointer"},label:{fontWeight:e.typography.fontWeightSemibold,marginBottom:e.spacing(.5)},middle:{paddingBottom:e.spacing(1)},textField:{maxWidth:"109px"},divider:{fontWeight:e.typography.fontWeightLight,fontSize:"22px",margin:e.spacing(1)}}}));function B(e){var t=e.clicksFilter,r=e.setClicksFilter,a=e.impressionsFilter,o=e.setImpressionsFilter,l=e.positionFilter,c=e.setPositionFilter,s=e.ctrFilter,m=e.setCtrFilter,d=A(),p=(0,R.QT)().translate,f=(0,i.useState)(!1),h=(0,n.Z)(f,2),v=h[0],y=h[1],E=(0,i.useRef)(null),w=(0,i.useRef)(v);(0,i.useEffect)((function(){!0===w.current&&!1===v&&E.current.focus(),w.current=v}),[v]);var b=function(e){return function(n){r(L(L({},t),{},(0,g.Z)({},e,n.target.value)))}},N=function(e){return function(t){o(L(L({},a),{},(0,g.Z)({},e,t.target.value)))}},_=function(e){return function(t){c(L(L({},l),{},(0,g.Z)({},e,t.target.value)))}},Z=function(e){return function(t){m(L(L({},s),{},(0,g.Z)({},e,t.target.value)))}};return i.createElement(i.Fragment,null,i.createElement(k.Z,{ref:E,size:"medium",onClick:function(e){y((function(e){return!e}))}},i.createElement(O.Z,{variant:"dot",invisible:!(t.from||t.to||a.from||a.to||l.from||l.to||s.from||s.to),color:"primary"},i.createElement(u.JO,{type:"filter",size:"md"}))),i.createElement(x.Z,{open:v,anchorEl:E.current,placement:"bottom-end",transition:!0},i.createElement(j.Z,null,i.createElement(P.Z,{onClickAway:function(e){E.current&&E.current.contains(e.target)||y(!1)}},i.createElement(W.Z,{disablePadding:!0,autoFocusItem:v,className:d.menuList},i.createElement(u.vN,{content:"gsc_keywords_filter",className:d.filter}),i.createElement("div",{className:d.middle},i.createElement(u.vN,{content:"gsc_keywords_clicks",component:"div",className:d.label}),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_from"),value:t.from,onChange:b("from"),type:"number"}),i.createElement("span",{className:d.divider},"–"),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_to"),value:t.to,onChange:b("to")})),i.createElement("div",{className:d.middle},i.createElement(u.vN,{content:"gsc_keywords_impressions",component:"div",className:d.label}),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_from"),value:a.from,onChange:N("from"),type:"number"}),i.createElement("span",{className:d.divider},"–"),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_to"),value:a.to,onChange:N("to"),type:"number"})),i.createElement("div",{className:d.middle},i.createElement(u.vN,{content:"gsc_keywords_position",component:"div",className:d.label}),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_from"),value:l.from,onChange:_("from"),type:"number"}),i.createElement("span",{className:d.divider},"–"),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_to"),value:l.to,onChange:_("to"),type:"number"})),i.createElement("div",null,i.createElement(u.vN,{content:"gsc_keywords_ctr",component:"div",className:d.label}),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_from"),value:s.from,onChange:Z("from"),type:"number"}),i.createElement("span",{className:d.divider},"–"),i.createElement(u.nv,{className:d.textField,margin:"none",disableShadow:!0,placeholder:p("gsc_keywords_filter_to"),value:s.to,onChange:Z("to"),type:"number"})),i.createElement("div",{className:d.clearFilterWrapper},i.createElement(q.Z,{onClick:function(){r({from:"",to:""}),o({from:"",to:""}),c({from:"",to:""}),m({from:"",to:""})},className:d.clearFilter},i.createElement(u.vN,{content:"gsc_keywords_filter_clear"}))))))))}var D=(0,m.Z)((function(e){return{root:(0,g.Z)({backgroundColor:e.palette.background.default,border:"1px solid ".concat(e.palette.divider),borderRadius:2.5*e.shape.borderRadius,paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},e.breakpoints.up("sm"),{paddingTop:e.spacing(3),paddingBottom:e.spacing(3)}),table:{tableLayout:"fixed"},disablePadding:{paddingLeft:0,paddingRight:0},skeletonLeft:{marginLeft:"auto"},skeletonRight:{marginRight:"auto"}

1,queryCell:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},url:{fontSize:e.typography.fontSizeSmall},rightToolbar:{display:"flex",justifyContent:"flex-end"},tableRowHeight:{height:"60px"},emptyWrapper:{display:"flex",justifyContent:"center",alignItems:"center",height:"60px",padding:e.spacing(0,1.75)}}})),T=[{id:"query",numeric:!1,disablePadding:!1,label:"gsc_keywords_query",width:"55%"},{id:"pattern",numeric:!1,disablePadding:!0,label:"gsc_keywords_question",width:"8%"},{id:"clicks",numeric:!0,disablePadding:!0,label:"gsc_keywords_clicks",width:"8%"},{id:"impressions",numeric:!0,disablePadding:!0,label:"gsc_keywords_impressions",width:"11%"},{id:"ctr",numeric:!0,disablePadding:!0,label:"gsc_keywords_ctr",width:"8%"},{id:"position",numeric:!0,disablePadding:!0,label:"gsc_keywords_position",width:"10%"}];function H(e){var t=e.rowsPerPage,r=D();return i.createElement(i.Fragment,null,new Array(t).fill(null).map((function(e,t){return i.createElement(f.Z,{key:t,className:r.tableRowHeight},i.createElement(h.Z,{component:"th",scope:"row",width:"55%"},i.createElement(_.Z,{width:"60%"}),i.createElement(_.Z,null)),i.createElement(h.Z,{className:r.disablePadding,component:"th",scope:"row",width:"8%"},i.createElement(_.Z,{width:"50%",className:r.skeletonRight})),i.createElement(h.Z,{className:r.disablePadding,component:"th",scope:"row",width:"8%"},i.createElement(_.Z,{width:"35%",className:r.skeletonLeft})),i.createElement(h.Z,{className:r.disablePadding,component:"th",scope:"row",width:"11%"},i.createElement(_.Z,{width:"35%",className:r.skeletonLeft})),i.createElement(h.Z,{className:r.disablePadding,component:"th",scope:"row",width:"8%"},i.createElement(_.Z,{width:"40%",className:r.skeletonLeft})),i.createElement(h.Z,{className:r.disablePadding,component:"th",scope:"row",width:"10%"},i.createElement(_.Z,{width:"35%",className:r.skeletonLeft})))})))}function I(e){var t=e.order,r=e.orderBy,n=e.onRequestSort,a=D();return i.createElement(v.Z,null,i.createElement(f.Z,null,T.map((function(e){return i.createElement(h.Z,{width:e.width,key:e.id,className:e.disablePadding?a.disablePadding:"",align:e.numeric?"right":"left",sortDirection:r===e.id&&t},i.createElement(y.Z,{active:r===e.id,direction:r===e.id?t:"asc",onClick:(o=e.id,function(e){n(e,o)})},i.createElement(u.vN,{content:e.label})));var o}))))}function J(e,t,r){return t[r]<e[r]?-1:t[r]>e[r]?1:0}function Q(e){var t,r,a,o=e.data,l=e.isLoading,c=e.hasError,m=(e.url,(o&&o.queries?o.queries:[]).map((function(e){return{query:e.query,url:e.url,pattern:e.pattern,clicks:e.searchAnalytics.clicks,impressions:e.searchAnalytics.impressions,ctr:e.searchAnalytics.ctr,position:e.searchAnalytics.position}}))),d=D(),p=(0,R.QT)(),g=p.numeral,v=p.translate,y=(0,i.useState)("desc"),_=(0,n.Z)(y,2),Z=_[0],k=_[1],P=(0,i.useState)("clicks"),F=(0,n.Z)(P,2),S=F[0],O=F[1],x=(0,i.useState)(0),j=(0,n.Z)(x,2),W=j[0],q=j[1],z=(0,i.useState)(5),L=(0,n.Z)(z,2),A=L[0],T=L[1],Q=(0,i.useState)(""),G=(0,n.Z)(Q,2),U=G[0],K=G[1],V=(0,i.useState)({from:"",to:""}),Y=(0,n.Z)(V,2),$=Y[0],M=Y[1],X=(0,i.useState)({from:"",to:""}),ee=(0,n.Z)(X,2),te=ee[0],re=ee[1],ne=(0,i.useState)({from:"",to:""}),ae=(0,n.Z)(ne,2),oe=ae[0],le=ae[1],ie=(0,i.useState)({from:"",to:""}),ce=(0,n.Z)(ie,2),se=ce[0],me=ce[1],de=function(e){var t=e.map((function(e){return e}));if(U&&(t=t.filter((function(e){return e.query.toLowerCase().includes(U.toLowerCase())}))),$.from||$.to){var r=$.from,n=$.to;t=t.filter((function(e){var t=e.clicks;return r&&n?parseFloat(r)<=t&&t<=parseFloat(n):r?parseFloat(r)<=t:t<=parseFloat(n)}))}if(te.from||te.to){var a=te.from,o=te.to;t=t.filter((function(e){var t=e.impressions;return a&&o?parseFloat(a)<=t&&t<=parseFloat(o):a?parseFloat(a)<=t:t<=parseFloat(o)}))}if(se.from||se.to){var l=se.from,i=se.to;t=t.filter((function(e){var t=e.position;return l&&i?parseFloat(l)<=t&&t<=parseFloat(i):l?parseFloat(l)<=t:t<=parseFloat(i)}))}if(oe.from||oe.to){var c=oe.from,s=oe.to;t=t.filter((function(e){var t=e.ctr;return c&&s?parseFloat(c)<=t&&t<=parseFloat(s):c?parseFloat(c)<=t:t<=parseFloat(s)}))}return t}(m),ue=o&&o.gwtSite&&de.length>5,pe=o&&o.gwtSite&&o.queries.length>0&&0===de.length,ge=!l&&c,fe=o&&o.gwtSite&&0===o.queries.length;return i.createElement(s.Z,{className:d.root},i.createElement("div",{className:d.rightToolbar},i.createElement(C,{querySearch:U,setQuerySearch:K}),i.createElement(B,{clicksFilter:$,setClicksFilter:M,impressionsFilter:te,setImpressionsFilter:re,positionFilter:se,setPositionFilter:me,ctrFilter:oe,setCtrFilter:le})),i.createElement(E.Z,{className:d.table,size:"small"},i.createElement(I,{order:Z,orderBy:S,onRequestSort:function(e,t){k(S===t&&"asc"===Z?"desc":"asc"),O(t)}}),i.createElement(w.Z,null,l?i.createElement(H,{rowsPerPage:A}):i.createElement(i.Fragment,null,(t=de,r=function(e,t){return"desc"===e?function(e,r){return J(e,r,t)}:function(e,r){return-J(e,r,t)}}(Z,S),a=t.map((function(e,t){return[e,t]})),a.sort((function(e,t){var n=r(e[0],t[0]);return 0!==n?n:e[1]-t[1]})),a.map((function(e){return e[0]}))).slice(W*A,W*A+A).map((function(e){return i.createElement(f.Z,{key:e.query,className:d.tableRowHeight},i.createElement(h.Z,{align:"left",width:"55%",className:d.queryCell},i.createElement(b.Z,{noWrap:!0,component:"span"},i.createElement(b.Z,{noWrap:!0,component:"div"},e.query),i.createElement(u.Hw,{href:e.url,rel:"nofollow noopener noreferrer",target:"_blank"},i.createElement(b.Z,{noWrap:!0,component:"span",className:d.url},e.url)))),i.createElement(h.Z,{align:"left",width:"8%",className:d.disablePadding},i.createElement(u.vN,{content:"gsc_keywords_question_".concat(e.pattern)})),i.createElement(h.Z,{align:"right",width:"8%",className:d.disablePadding},g(e.clicks).format()),i.createElement(h.Z,{align:"right",width:"11%",className:d.disablePadding},g(e.impressions).format()),i.createElement(h.Z,{align:"right",width:"8%",className:d.disablePadding},g(e.ctr).format("0.0%")),i.createElement(h.Z,{align:"right",width:"10%",className:d.disablePadding},g(e.position).format()))}

1))))),ue&&i.createElement(N.Z,{rowsPerPageOptions:[5,10,25],component:"div",count:de.length,rowsPerPage:A,page:W,onChangePage:function(e,t){q(t)},onChangeRowsPerPage:function(e){T(parseInt(e.target.value,10)),q(0)},labelRowsPerPage:"",labelDisplayedRows:function(e){var t=e.from,r=e.to,n=e.count;return"".concat(t,"-").concat(-1===r?n:r," ").concat(v("gsc_keywords_table_of")," ").concat(n)}}),pe&&i.createElement("div",{className:d.emptyWrapper},i.createElement(u.vN,{content:"gsc_keywords_filter_empty_state"})),ge&&i.createElement("div",{className:d.emptyWrapper},i.createElement(u.vN,{content:"error_oops"})),fe&&i.createElement("div",{className:d.emptyWrapper},i.createElement(u.vN,{content:"gsc_keywords_no_queries_found"})))}var G=r(25329),U=(0,m.Z)((function(e){return{placeholderWrapper:{height:"300px",textAlign:"center",padding:e.spacing(4.25)},connectPlaceholder:{maxWidth:"100%",marginBottom:e.spacing(2)},placeholderHeading:{fontSize:e.typography.fontSizeLarge,fontWeight:e.typography.fontWeightSemibold,lineHeight:"normal",margin:e.spacing(0,0,.5,0)},placeholderText:{marginBottom:e.spacing(2.5)},syncButton:{margin:"0 auto"}}}));function K(e){var t=e.url,r=e.setGsc,n=U(),a=(0,R.jo)({thirdPartyAccount:"GSCData",projectUrl:t,updateData:r}).handleSyncAccount;return i.createElement("div",{className:n.placeholderWrapper},i.createElement(u.Ee,{className:n.connectPlaceholder,src:G}),i.createElement(u.vN,{content:"gsc_keywords_not_synced_heading",component:"h2",className:n.placeholderHeading}),i.createElement(u.vN,{content:"gsc_keywords_not_synced_text",component:"p",className:n.placeholderText}),i.createElement(u.zx,{className:n.syncButton,variant:"contained",color:"primary",onClick:a,size:"large",startIcon:i.createElement(u.JO,{type:"plus",color:"white"})},i.createElement(u.vN,{content:"gsc_keywords_sync_label"})))}var V=r(65549);function Y(e){return $.apply(this,arguments)}function $(){return($=(0,a.Z)(l().mark((function e(t){var r;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t.url,e.abrupt("return",V.U2("/api/gsc/searchanalytics/query-patterns",{searchParams:{url:r}}).json());case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var M=(0,m.Z)((function(e){return{container:{margin:"".concat(e.spacing(4),"px auto")},header:{marginBottom:e.spacing(4)},heading:{margin:0,marginBottom:e.spacing(2),lineHeight:"32px",fontSize:28}}}));function X(e){return ee.apply(this,arguments)}function ee(){return(ee=(0,a.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",Y({url:t}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function te(e){var t=e.data,r=void 0===t?{favicon:"",url:"",gsc:{gwtAccountEmail:null,gwtSite:null}}:t,a=(0,d.Z)(),o=M(),l=r.url,m=r.favicon,g=(0,i.useState)(r.gsc),f=(0,n.Z)(g,2),h=f[0],v=f[1],y=h.gwtAccountEmail&&h.gwtSite,E=(0,c.Z)(y?l:null,X,{dedupingInterval:864e5,errorRetryCount:0}),w=E.data,b=E.isValidating,N=E.error;return i.createElement(p.Z,{section:"keywords",favicon:m||null,bgColor:a.palette.background.secondary},i.createElement(s.Z,{maxWidth:"lg",className:o.container},i.createElement("div",{className:o.header},i.createElement(u.vN,{content:"gsc_keywords_title",className:o.heading,component:"h2"}),i.createElement(u.vN,{content:"gsc_keywords_subtitle",component:"h5"})),y?i.createElement(Q,{data:w,url:l,isLoading:b,hasError:!!N}):i.createElement(K,{url:l,setGsc:v})))}},25329:(e,t,r)=>{"use strict";e.exports=r.p+"socketPlaceholder.aa3513df54be2bf3a047.svg"}}]);
2//# sourceMappingURL=keywords-container.a90979b823384a55a50b.js.map