Da

✏️ Editing: dashboardFrontend.js

(()=>{var e={20841:(e,t)=>{var a;!function(){"use strict";var s={}.hasOwnProperty;function r(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=o(e,n(a)))}return e}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)s.call(e,a)&&e[a]&&(t=o(t,a));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(r.default=r,e.exports=r):void 0===(a=function(){return r}.apply(t,[]))||(e.exports=a)}()}},t={};function a(s){var r=t[s];if(void 0!==r)return r.exports;var n=t[s]={exports:{}};return e[s](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var s in t)a.o(t,s)&&!a.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};(()=>{"use strict";a.r(s),a.d(s,{ComparisonMetricsDataFormatter:()=>yt,Dashboard:()=>st,DataFormatterInterface:()=>ut,DataProvider:()=>Dt,GetTasksErrorRow:()=>ga,OrganicSessionsWidget:()=>ve,PlainMetricsDataFormatter:()=>pt,RemoteCachedDataProvider:()=>St,RemoteDataProvider:()=>Et,ScoreWidget:()=>at,SearchRankingCompareWidget:()=>X,TASK_LIST_NAME:()=>ha,TaskModal:()=>aa,TaskRow:()=>ca,TasksProgressBar:()=>ua,TopPagesWidget:()=>A,TopQueriesWidget:()=>B,Widget:()=>w,WidgetDataSources:()=>f,WidgetErrorBoundary:()=>E,WidgetFactory:()=>It,WidgetTitle:()=>g,WidgetTooltip:()=>h,fetchJson:()=>Je,getInitialTaskListState:()=>wa,taskListActions:()=>va,taskListControls:()=>ba,taskListReducer:()=>ka,taskListSelectors:()=>Ra,useFetch:()=>Ue});const e=window.React,t=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"}))})),r=window.wp.i18n,n=window.yoast.uiLibrary,o=window.wp.element;var l=a(20841),c=a.n(l);const i=(e,t)=>{try{return(0,o.createInterpolateElement)((0,r.sprintf)(e,"<link>","</link>"),{link:t})}catch(t){return(0,r.sprintf)(e,"","")}},m=({error:e,supportLink:t,className:a=""})=>{if(!e)return null;const s=React.createElement(n.Link,{variant:"error",href:t}," ");return React.createElement(n.Alert,{variant:"error",className:c()("yst-max-w-2xl",a)},((e,t)=>{switch(!0){case 408===e.status||"TimeoutError"===e.name:return i(/* translators: %1$s expands to an anchor start tag, %2$s to an anchor end tag. */
(0,r.__)("The request timed out. Try refreshing the page. If the problem persists, please check our %1$sSupport page%2$s.","wordpress-seo"),t);case 403===e.status:return i(/* translators: %1$s expands to an anchor start tag, %2$s to an anchor end tag. */
(0,r.__)("You don’t have permission to access this resource. Please contact your admin for access. In case you need further help, please check our %1$sSupport page%2$s.","wordpress-seo"),t);default:return i(/* translators: %1$s expands to an anchor start tag, %2$s to an anchor end tag. */
(0,r.__)("Something went wrong. Try refreshing the page. If the problem persists, please check our %1$sSupport page%2$s.","wordpress-seo"),t)}})(e,s))},d=({className:e="yst-mt-4"})=>React.createElement("p",{className:e},(0,r.__)("No data to display: Your site hasn't received any visitors yet.","wordpress-seo"));function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},u.apply(null,arguments)}const p=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}))})),y=({children:e})=>React.createElement(n.TooltipContainer,{as:"div",className:"yst-h-fit yst-leading-[0]"},React.createElement(n.TooltipTrigger,null,React.createElement(p,{className:"yst-w-5 yst-h-5 yst-text-slate-400"})),React.createElement(n.TooltipWithContext,{variant:"light",className:"yst-leading-normal yst-max-w-80 yst-p-4 yst-shadow-md",position:"left"},e)),g=({children:e,...t})=>React.createElement(n.Title,u({as:"h2"},t),e);g.displayName="Widget.Title";const h=({content:e,children:t})=>React.createElement(y,null,React.createElement("p",{className:"yst-mb-2 yst-text-slate-600"},e),t);h.displayName="Widget.Tooltip";const f=({dataSources:e})=>React.createElement("div",{className:"yst-border-t yst-mt-3 yst-border-slate-200 yst-italic yst-text-xxs"},React.createElement("div",{className:"yst-mt-3 yst-font-semibold yst-text-slate-800"},(0,r.__)("Data provided by:","wordpress-seo")),React.createElement("ul",null,e.map(((e,t)=>React.createElement("li",{className:"yst-text-slate-500",key:t},e.feature?React.createElement(React.Fragment,null,React.createElement("span",{className:"yst-font-medium"},e.source," - "),e.feature):e.source)))));f.displayName="Widget.DataSources";const E=({className:t="yst-mt-4",supportLink:a,children:s,...r})=>{const o=(0,e.useCallback)((({error:e})=>React.createElement(m,{error:e,className:t,supportLink:a})),[t,a]);return React.createElement(n.ErrorBoundary,u({},r,{FallbackComponent:o}),s)};E.displayName="Widget.ErrorBoundary";const w=({className:e="yst-paper__content",title:t,tooltip:a,dataSources:s,children:r,errorSupportLink:o})=>React.createElement(n.Paper,{className:c()("yst-shadow-md",e)},(t||a)&&React.createElement("div",{className:"yst-flex yst-justify-between"},t&&React.createElement(g,null,t),a&&React.createElement(h,{content:a},s&&s.length>0&&React.createElement(f,{dataSources:s}))),o?React.createElement(E,{supportLink:o},r):r),R={good:{label:(0,r.__)("Good","wordpress-seo"),color:"yst-bg-analysis-good",hex:"#7ad03a"},ok:{label:(0,r.__)("OK","wordpress-seo"),color:"yst-bg-analysis-ok",hex:"#ee7c1b"},bad:{label:(0,r.__)("Needs improvement","wordpress-seo"),color:"yst-bg-analysis-bad",hex:"#dc3232"},notAnalyzed:{label:(0,r.__)("Not analyzed","wordpress-seo"),color:"yst-bg-analysis-na",hex:"#cbd5e1"}},v={seo:{good:(0,r.__)("Most of your content has a good SEO score. Well done!","wordpress-seo"),ok:(0,r.__)("Your content has an average SEO score. Time to find opportunities for improvement!","wordpress-seo"),bad:(0,r.__)("Some of your content could use a little extra care. Take a look and start improving!","wordpress-seo"),notAnalyzed:(0,r.__)("Some of your content hasn't been analyzed yet. Please open it in your editor, ensure a focus keyphrase is entered, and save it so we can start the analysis.","wordpress-seo")},readability:{good:(0,r.__)("Most of your content has a good readability score. Well done!","wordpress-seo"),ok:(0,r.__)("Your content has an average readability score. Time to find opportunities for improvement!","wordpress-seo"),bad:(0,r.__)("Some of your content could use a little extra care. Take a look and start improving!","wordpress-seo"),notAnalyzed:(0,r.__)("Some of your content hasn't been analyzed yet. Please open it and save it in your editor so we can start the analysis.","wordpress-seo")}},b={seo:{notAnalyzed:(0,r.__)("We haven’t analyzed this content yet. Please open it in your editor, ensure a focus keyphrase is entered, and save it so we can start the analysis.","wordpress-seo")},readability:{notAnalyzed:(0,r.__)("We haven’t analyzed this content yet. Please open it in your editor and save it so we can start the analysis.","wordpress-seo")}},k=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))})),x=({tooltip:e,id:t})=>React.createElement(n.TooltipContainer,{className:"yst-h-4"},React.createElement(n.TooltipTrigger,{ariaDescribedby:t},React.createElement(k,{className:"yst-w-4 yst-h-4 yst-text-slate-400"}),React.createElement("span",{className:"yst-sr-only"},(0,r.__)("Disabled","wordpress-seo"))),e&&React.createElement(n.TooltipWithContext,{position:"left",id:t},e)),N=({score:e,id:t})=>{var a;return React.createElement(n.TooltipContainer,{className:"yst-h-4 yst-flex yst-items-center yst-justify-center"},React.createElement(n.TooltipTrigger,{ariaDescribedby:t},React.createElement("div",{className:c()("yst-shrink-0 yst-w-3 yst-aspect-square yst-rounded-full",R[e].color)},React.createElement("span",{className:"yst-sr-only"},R[e].label))),(null===(a=R[e])||void 0===a?void 0:a.tooltip)&&React.createElement(n.TooltipWithContext,{position:"left",id:t},"notAnalyzed"===e?(0,r.__)("Content analysis hasn't started. Please open this page in your editor, enter a focus keyphrase and save.","wordpress-seo"):R[e].tooltip))},_=({score:e,isIndexablesEnabled:t,isSeoAnalysisEnabled:a,isEditable:s,id:n})=>t&&a?s?React.createElement(N,{score:e,id:n}):React.createElement(x,{id:n,tooltip:(0,r.__)("We can’t provide an SEO score for this page.","wordpress-seo")}):React.createElement(x,{id:n}),S=({children:e})=>React.createElement("div",{className:"yst-overflow-auto"},React.createElement(n.Table,{variant:"minimal"},e));S.Head=({children:e})=>React.createElement(n.Table.Head,null,React.createElement(n.Table.Row,null,React.createElement(n.Table.Header,{className:"yst-px-0 yst-w-5"},""),e)),S.Row=({children:e,index:t})=>React.createElement(n.Table.Row,null,React.createElement(n.Table.Cell,{className:"yst-px-0 yst-text-slate-500"},t+1,". "),e),S.Cell=n.Table.Cell,S.Header=n.Table.Header,S.Body=n.Table.Body;const C=window.yoast.reduxJsToolkit,L=window.lodash,T=(0,C.createSlice)({name:"data",initialState:{data:void 0,error:void 0,isPending:!0},reducers:{setData(e,t){e.data=t.payload,e.error=void 0,e.isPending=!1},setError(e,t){e.error=t.payload,e.isPending=!1},setIsPending(e,t){e.isPending=Boolean(t.payload)}}}),P=(t,a=L.identity)=>{const[s,r]=(0,e.useReducer)(T.reducer,{},T.getInitialState),n=(0,e.useRef)();return(0,e.useEffect)((()=>{var e,s;return null===(e=n.current)||void 0===e||e.abort(),n.current=new AbortController,r(T.actions.setIsPending(!0)),t({signal:null===(s=n.current)||void 0===s?void 0:s.signal}).then((e=>r(T.actions.setData(a(e))))).catch((e=>{"AbortError"!==(null==e?void 0:e.name)&&r(T.actions.setError(e))})),()=>{var e;return null===(e=n.current)||void 0===e?void 0:e.abort()}}),[t]),s},F=({isIndexablesEnabled:e,isSeoAnalysisEnabled:t})=>{if(e&&t)return React.createElement(React.Fragment,null,"Yoast",React.createElement("br",null),(0,r.__)("SEO score","wordpress-seo"));let a;return e?t||(a=(0,r.__)("We can’t provide SEO scores, because the SEO analysis is disabled for your site.","wordpress-seo")):a=(0,r.__)("We can’t analyze your content, because you’re in a non-production environment.","wordpress-seo"),React.createElement(n.TooltipContainer,{className:"yst-inline-block"},React.createElement(n.TooltipTrigger,{ariaDescribedby:"yst-disabled-score-header-tooltip",className:"yst-cursor-help yst-underline yst-decoration-dotted yst-underline-offset-4"},"Yoast",React.createElement("br",null),(0,r.__)("SEO score","wordpress-seo")),React.createElement(n.TooltipWithContext,{position:"bottom",id:"yst-disabled-score-header-tooltip",className:"yst-w-52"},a))},D=({index:e})=>React.createElement(S.Row,{index:e},React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,null,"https://example.com/page")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"10")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"100")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"0.12")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"12.34")),React.createElement(S.Cell,null,React.createElement("div",{className:"yst-flex yst-justify-center"},React.createElement(n.SkeletonLoader,{className:"yst-shrink-0 yst-w-3 yst-aspect-square yst-rounded-full"}))),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"Edit"))),j=({data:e,children:a,isIndexablesEnabled:s=!0,isSeoAnalysisEnabled:o=!0})=>React.createElement(S,null,React.createElement(S.Head,null,React.createElement(S.Header,null,(0,r.__)("Landing page","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("Clicks","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("Impressions","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("CTR","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("Average position","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-center"},React.createElement(F,{isIndexablesEnabled:s,isSeoAnalysisEnabled:o})),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("Actions","wordpress-seo"))),React.createElement(S.Body,null,a||e.map((({subject:e,clicks:a,impressions:l,ctr:c,position:i,seoScore:m,links:d},u)=>React.createElement(S.Row,{key:`most-popular-content-${u}`,index:u},React.createElement(S.Cell,{className:"yst-text-slate-900 yst-font-medium"},e),React.createElement(S.Cell,{className:"yst-text-end"},a),React.createElement(S.Cell,{className:"yst-text-end"},l),React.createElement(S.Cell,{className:"yst-text-end"},c),React.createElement(S.Cell,{className:"yst-text-end"},i),React.createElement(S.Cell,null,React.createElement("div",{className:"yst-flex yst-justify-center"},React.createElement(_,{id:`yst-top-pages-widget__seo-score-${u}`,score:m,isIndexablesEnabled:s,isSeoAnalysisEnabled:o,isEditable:null==d?void 0:d.edit}))),React.createElement(S.Cell,{className:"yst-text-end"},React.createElement(n.Button,{variant:"tertiary",size:"small",as:"a",href:null==d?void 0:d.edit,className:"yst-px-0 yst-me-1",disabled:!(null!=d&&d.edit),"aria-disabled":!(null!=d&&d.edit),role:"link"},React.createElement(t,{className:"yst-w-4 yst-h-4 yst-me-1.5"}),(0,r.__)("Edit","wordpress-seo")))))))),M=({dataProvider:t,remoteDataProvider:a,dataFormatter:s,limit:r})=>{const{data:n,isPending:o,error:l}=(({dataProvider:t,remoteDataProvider:a,dataFormatter:s,limit:r=5})=>{const n=(0,e.useCallback)((e=>a.fetchJson(t.getEndpoint("timeBasedSeoMetrics"),{limit:r.toString(10),options:{widget:"page"}},e)),[t,r]),o=(0,e.useMemo)((()=>(e=>(t=[])=>t.map((t=>({subject:e.format(t.subject,"subject",{widget:"topPages"}),clicks:e.format(t.clicks,"clicks",{widget:"topPages"}),impressions:e.format(t.impressions,"impressions",{widget:"topPages"}),ctr:e.format(t.ctr,"ctr",{widget:"topPages"}),position:e.format(t.position,"position",{widget:"topPages"}),seoScore:e.format(t.seoScore,"seoScore",{widget:"topPages"}),links:e.format(t.links,"links",{widget:"topPages"})}))))(s)),[s]);return P(n,o)})({dataProvider:t,remoteDataProvider:a,dataFormatter:s,limit:r});return o?React.createElement(j,null,Array.from({length:r},((e,t)=>React.createElement(D,{key:`top-pages-table--row__${t}`,index:t})))):l?React.createElement(m,{error:l,supportLink:t.getLink("errorSupport"),className:"yst-mt-4"}):0===n.length?React.createElement(d,null):React.createElement(j,{data:n,isIndexablesEnabled:t.hasFeature("indexables"),isSeoAnalysisEnabled:t.hasFeature("seoAnalysis")})},A=({dataProvider:e,remoteDataProvider:t,dataFormatter:a,limit:s=5})=>React.createElement(w,{className:"yst-paper__content yst-col-span-4",title:(0,r.__)("Top 5 most popular content","wordpress-seo"),tooltip:(0,r.__)("The top 5 URLs on your website with the highest number of clicks over the last 28 days.","wordpress-seo"),dataSources:[{source:"Site Kit by Google",feature:(0,r.__)("Clicks, Impressions, CTR, Position","wordpress-seo")},{source:"Yoast SEO",feature:(0,r.sprintf)(/* translators: 1: Yoast SEO. */
(0,r.__)("%1$s score","wordpress-seo"),"Yoast SEO")}],errorSupportLink:e.getLink("errorSupport")},React.createElement(M,{dataProvider:e,remoteDataProvider:t,dataFormatter:a,limit:s})),W=({index:e})=>React.createElement(S.Row,{index:e},React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,null,"focus keyphrase")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"10")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"100")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"0.12")),React.createElement(S.Cell,null,React.createElement(n.SkeletonLoader,{className:"yst-ms-auto"},"12.34"))),O=({data:e,children:t})=>React.createElement(S,null,React.createElement(S.Head,null,React.createElement(S.Header,null,(0,r.__)("Query","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("Clicks","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("Impressions","wordpress-seo")),React.createElement(S.Header,{className:"yst-text-end"},(0,r.__)("CTR","wordpress-seo")),React.createElement(S.Header,null,React.createElement("div",{className:"yst-flex yst-justify-end"},React.createElement("div",{className:"yst-w-min yst-text-end"},(0,r.__)("Average position","wordpress-seo"))))),React.createElement(S.Body,null,t||e.map((({subject:e,clicks:t,impressions:a,ctr:s,position:r},n)=>React.createElement(S.Row,{key:`most-popular-content-${n}`,index:n},React.createElement(S.Cell,{className:"yst-text-slate-900 yst-font-medium"},e),React.createElement(S.Cell,{className:"yst-text-end"},t),React.createElement(S.Cell,{className:"yst-text-end"},a),React.createElement(S.Cell,{className:"yst-text-end"},s),React.createElement(S.Cell,{className:"yst-text-end"},r)))))),I=({dataProvider:t,remoteDataProvider:a,dataFormatter:s,limit:r=5})=>{const{data:n,error:o,isPending:l}=(({dataProvider:t,remoteDataProvider:a,dataFormatter:s,limit:r})=>{const n=(0,e.useCallback)((e=>a.fetchJson(t.getEndpoint("timeBasedSeoMetrics"),{limit:r.toString(10),options:{widget:"query"}},e)),[t,r]),o=(0,e.useMemo)((()=>(e=>(t=[])=>t.map((t=>({subject:e.format(t.subject,"subject",{widget:"topQueries"}),clicks:e.format(t.clicks,"clicks",{widget:"topQueries"}),impressions:e.format(t.impressions,"impressions",{widget:"topQueries"}),ctr:e.format(t.ctr,"ctr",{widget:"topQueries"}),position:e.format(t.position,"position",{widget:"topQueries"})}))))(s)),[s]);return P(n,o)})({dataProvider:t,remoteDataProvider:a,dataFormatter:s,limit:r});return l?React.createElement(O,null,Array.from({length:r},((e,t)=>React.createElement(W,{key:`top-queries-table--row__${t}`,index:t})))):o?React.createElement(m,{error:o,supportLink:t.getLink("errorSupport"),className:"yst-mt-4"}):0===n.length?React.createElement(d,null):React.createElement(O,{data:n})},B=({dataProvider:e,remoteDataProvider:t,dataFormatter:a,limit:s=5})=>React.createElement(w,{className:"yst-paper__content yst-col-span-4",title:(0,r.__)("Top 5 search queries","wordpress-seo"),tooltip:(0,r.__)("The top 5 search queries on your website with the highest number of clicks over the last 28 days.","wordpress-seo"),dataSources:[{source:"Site Kit by Google"}],errorSupportLink:e.getLink("errorSupport")},React.createElement(I,{dataProvider:e,remoteDataProvider:t,dataFormatter:a,limit:s})),z=({value:e,formattedValue:t,moreIsGood:a})=>{if(!e)return null;const s=e>=0,r=a?"yst-text-green-600":"yst-text-red-600",n=a?"yst-text-red-600":"yst-text-green-600";return React.createElement("div",{className:c()("yst-flex yst-items-center yst-font-semibold",s?r:n)},[s?"+":"",t].join(""))},$=({className:e,children:t})=>React.createElement("div",{className:c()("yst-flex yst-gap-4 yst-justify-center yst-bg-white","yst-col-span-4 @lg:yst-col-span-2 @3xl:yst-col-span-1","yst-ps-0 yst-pe-0 yst-pt-4 yst-pb-4 first:yst-pt-0 last:yst-pb-0","@lg:yst-ps-0 @lg:yst-pe-0 @lg:yst-pt-0 @lg:yst-pb-0","@3xl:yst-ps-4 @3xl:yst-pe-4 @3xl:yst-pt-0 @3xl:yst-pb-0 @3xl:first:yst-ps-0 @3xl:last:yst-pe-0",e)},t),H=({children:e})=>React.createElement("div",{className:"yst-flex yst-flex-col yst-items-center yst-min-w-28 @3xl:yst-min-w-0"},e),G=({className:e,tooltipLocalizedContent:t,dataSources:a})=>React.createElement($,{className:e},React.createElement("div",{className:"yst-w-5"}),React.createElement(H,null,React.createElement(n.SkeletonLoader,{className:"yst-text-center yst-text-2xl yst-font-bold yst-text-slate-900"},"12345"),React.createElement(n.SkeletonLoader,{className:"yst-text-center yst-text-sm yst-mt-2"},"Dummy"),React.createElement(n.SkeletonLoader,{className:"yst-text-center yst-text-sm yst-mt-2 yst-font-semibold"},"- 13%")),React.createElement("div",{className:"yst-mt-2"},React.createElement(h,{content:t},React.createElement(f,{dataSources:a})))),V=({className:e,metricName:t,data:a,dataSources:s,tooltipLocalizedContent:r,moreIsGood:n})=>React.createElement($,{className:e},React.createElement("div",{className:"yst-w-5"}),React.createElement(H,null,React.createElement("div",{className:"yst-text-center yst-text-2xl yst-font-bold yst-text-slate-900"},a.formattedValue),React.createElement("div",{className:"yst-text-center"},t),React.createElement("div",{className:"yst-text-center yst-mt-2"},React.createElement(z,{value:a.delta,formattedValue:a.formattedDelta,moreIsGood:n}))),React.createElement("div",{className:"yst-mt-2"},React.createElement(h,{content:r},React.createElement(f,{dataSources:s})))),Q=e=>!e&&0!==e,q=(e,t)=>Q(e)||Q(t)?NaN:e===t?0:0===t?1:(e-t)/t,J={impressions:{name:(0,r._x)("Impressions","The number of times your website appeared in the Google search results","wordpress-seo"),tooltip:(0,r.__)("The number of times your website appeared in the Google search results over the last 28 days.","wordpress-seo"),dataSources:[{source:(0,r.__)("Site Kit by Google","wordpress-seo")}]},clicks:{name:(0,r._x)("Clicks","The number of times users clicked on your website's link in the Google search results","wordpress-seo"),tooltip:(0,r.__)("The number of times users clicked on your website's link in the Google search results over the last 28 days.","wordpress-seo"),dataSources:[{source:(0,r.__)("Site Kit by Google","wordpress-seo")}]},ctr:{name:(0,r._x)("Average CTR","Click-through-rate for your website in the Google search results","wordpress-seo"),tooltip:(0,r.__)("The average click-through-rate for your website in the Google search results over the last 28 days.","wordpress-seo"),dataSources:[{source:(0,r.__)("Site Kit by Google","wordpress-seo")}]},position:{name:(0,r._x)("Average position","Average position of your website in the Google search results","wordpress-seo"),tooltip:(0,r.__)("The average position of your website in the Google search results over the last 28 days.","wordpress-seo"),dataSources:[{source:(0,r.__)("Site Kit by Google","wordpress-seo")}]}},U=({children:e})=>React.createElement("div",{className:"yst-grid yst-grid-cols-4 yst-gap-px yst-bg-slate-200"},e),K=()=>React.createElement(U,null,React.createElement(G,{className:"@lg:yst-pe-4 @lg:yst-pb-4",tooltipLocalizedContent:J.impressions.tooltip,dataSources:J.impressions.dataSources}),React.createElement(G,{className:"@lg:yst-ps-4 @lg:yst-pb-4",tooltipLocalizedContent:J.clicks.tooltip,dataSources:J.clicks.dataSources}),React.createElement(G,{className:"@lg:yst-pe-4 @lg:yst-pt-4",tooltipLocalizedContent:J.ctr.tooltip,dataSources:J.ctr.dataSources}),React.createElement(G,{className:"@lg:yst-ps-4 @lg:yst-pt-4",tooltipLocalizedContent:J.position.tooltip,dataSources:J.position.dataSources})),Y=({dataProvider:t,remoteDataProvider:a,dataFormatter:s,setShowTitle:r})=>{const{data:n,error:o,isPending:l}=(({dataProvider:t,remoteDataProvider:a,dataFormatter:s})=>{const r=(0,e.useCallback)((e=>a.fetchJson(t.getEndpoint("timeBasedSeoMetrics"),{options:{widget:"searchRankingCompare"}},e)),[t]),n=(0,e.useMemo)((()=>e=>(e=>t=>null===t?null:{impressions:e.format(t.impressions,"impressions"),clicks:e.format(t.clicks,"clicks"),ctr:e.format(t.ctr,"ctr"),position:e.format(t.position,"position")})(s)((e=>{if(0===e.length)return null;const t={impressions:{value:e[0].current.total_impressions,delta:q(e[0].current.total_impressions,e[0].previous.total_impressions)},clicks:{value:e[0].current.total_clicks,delta:q(e[0].current.total_clicks,e[0].previous.total_clicks)},ctr:null,position:null};return e[0].current.average_ctr&&(t.ctr={value:e[0].current.average_ctr,delta:q(e[0].current.average_ctr,e[0].previous.average_ctr)}),e[0].current.average_position&&(t.position={value:e[0].current.average_position,delta:e[0].current.average_position-e[0].previous.average_position}),t})(e))),[s]);return P(r,n)})({dataProvider:t,remoteDataProvider:a,dataFormatter:s});return(0,e.useEffect)((()=>{r(!l&&(o||null===n))}),[n,o,l,r]),l?React.createElement(K,null):o?React.createElement(m,{error:o,supportLink:t.getLink("errorSupport"),className:"yst-mt-4"}):null===n?React.createElement(d,null):React.createElement(U,null,React.createElement(V,{className:"@lg:yst-pe-4 @lg:yst-pb-4",metricName:J.impressions.name,data:n.impressions,tooltipLocalizedContent:J.impressions.tooltip,dataSources:J.impressions.dataSources,moreIsGood:!0}),React.createElement(V,{className:"@lg:yst-ps-4 @lg:yst-pb-4",metricName:J.clicks.name,data:n.clicks,tooltipLocalizedContent:J.clicks.tooltip,dataSources:J.clicks.dataSources,moreIsGood:!0}),React.createElement(V,{className:"@lg:yst-pe-4 @lg:yst-pt-4",metricName:J.ctr.name,data:n.ctr,tooltipLocalizedContent:J.ctr.tooltip,dataSources:J.ctr.dataSources,moreIsGood:!0}),React.createElement(V,{className:"@lg:yst-ps-4 @lg:yst-pt-4",metricName:J.position.name,data:n.position,tooltipLocalizedContent:J.position.tooltip,dataSources:J.position.dataSources,moreIsGood:!1}))},X=({dataProvider:t,remoteDataProvider:a,dataFormatter:s})=>{const[o,l]=(0,e.useState)(!1),[c,,,i]=(0,n.useToggleState)(!1);return React.createElement(w,{className:"yst-paper__content yst-col-span-4",title:(o||c)&&(0,r.__)("Impressions, Clicks, Site CTR, Average position","wordpress-seo")},React.createElement(E,{supportLink:t.getLink("errorSupport"),onError:i},React.createElement(Y,{dataProvider:t,remoteDataProvider:a,dataFormatter:s,setShowTitle:l})))},Z=({children:e})=>React.createElement("div",{className:"yst-flex yst-flex-col yst-gap-1"},React.createElement("div",{className:"yst-flex yst-gap-3"},e),React.createElement("span",null,(0,r.__)("Last 28 days","wordpress-seo"))),ee=({data:e,isPending:t,error:a,supportLink:s})=>t?React.createElement(Z,null,React.createElement(n.SkeletonLoader,{className:"yst-title yst-title--1"},"10_000"),React.createElement(n.SkeletonLoader,null,"^ +100%")):a?React.createElement(m,{error:a,supportLink:s}):React.createElement(Z,null,React.createElement(n.Title,{as:"h2",size:"1",className:"yst-font-bold"},e.sessions),React.createElement(z,{value:e.difference,formattedValue:e.formattedDifference,moreIsGood:!0})),te=window.yoast["chart.js"],ae="label";function se(e,t){"function"==typeof e?e(t):e&&(e.current=t)}function re(e,t){e.labels=t}function ne(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:ae;const s=[];e.datasets=t.map((t=>{const r=e.datasets.find((e=>e[a]===t[a]));return r&&t.data&&!s.includes(r)?(s.push(r),Object.assign(r,t),r):{...t}}))}function oe(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ae;const a={labels:[],datasets:[]};return re(a,e.labels),ne(a,e.datasets,t),a}function le(t,a){const{height:s=150,width:r=300,redraw:n=!1,datasetIdKey:o,type:l,data:c,options:i,plugins:m=[],fallbackContent:d,updateMode:u,...p}=t,y=(0,e.useRef)(null),g=(0,e.useRef)(),h=()=>{y.current&&(g.current=new te.Chart(y.current,{type:l,data:oe(c,o),options:i&&{...i},plugins:m}),se(a,g.current))},f=()=>{se(a,null),g.current&&(g.current.destroy(),g.current=null)};return(0,e.useEffect)((()=>{!n&&g.current&&i&&function(e,t){const a=e.options;a&&t&&Object.assign(a,t)}(g.current,i)}),[n,i]),(0,e.useEffect)((()=>{!n&&g.current&&re(g.current.config.data,c.labels)}),[n,c.labels]),(0,e.useEffect)((()=>{!n&&g.current&&c.datasets&&ne(g.current.config.data,c.datasets,o)}),[n,c.datasets]),(0,e.useEffect)((()=>{g.current&&(n?(f(),setTimeout(h)):g.current.update(u))}),[n,i,c.labels,c.datasets,u]),(0,e.useEffect)((()=>{g.current&&(f(),setTimeout(h))}),[l]),(0,e.useEffect)((()=>(h(),()=>f())),[]),e.createElement("canvas",Object.assign({ref:y,role:"img",height:s,width:r},p),d)}const ce=(0,e.forwardRef)(le);function ie(t,a){return te.Chart.register(a),(0,e.forwardRef)(((a,s)=>e.createElement(ce,Object.assign({},a,{ref:s,type:t}))))}const me=ie("line",te.LineController),de=ie("doughnut",te.DoughnutController);var ue,pe;te.Chart.register(te.Filler,te.CategoryScale,te.LinearScale,te.LineElement,te.PointElement,te.Tooltip);const ye="rgba(166, 30, 105, 1)",ge="transparent",he=null===(ue=document.createElement("canvas"))||void 0===ue||null===(pe=ue.getContext("2d"))||void 0===pe?void 0:pe.createLinearGradient(0,0,0,225);null==he||he.addColorStop(0,"rgba(166, 30, 105, 0.2)"),null==he||he.addColorStop(1,"rgba(166, 30, 105, 0)");const fe={parsing:{xAxisKey:"date",yAxisKey:"sessions"},elements:{point:{radius:5,borderWidth:2,borderColor:"white",backgroundColor:ye},line:{tension:.3,borderWidth:3,borderColor:ye,backgroundColor:he||ge}},layout:{padding:{left:-20}},scales:{x:{grid:{color:"oklch(0.869 0.022 252.894)",drawTicks:!1},ticks:{font:{size:12,weight:400},padding:12,maxRotation:0,maxTicksLimit:14}},y:{grid:{color:e=>e.tick.value%1?ge:"oklch(0.929 0.013 255.508)",drawTicks:!1},ticks:{color:"oklch(0.554 0.046 257.417)",font:{size:14,weight:400},padding:20,callback:function(e){return e%1?"":this.getLabelForValue(e)}}}},responsive:!0,maintainAspectRatio:!1,plugins:{legend:!1,tooltip:{displayColors:!1,callbacks:{title:()=>"",label:e=>`${e.label}: ${null==e?void 0:e.formattedValue}`}}}},Ee=({data:e})=>React.createElement(React.Fragment,null,React.createElement("div",{className:"yst-w-full yst-h-60"},React.createElement(me,{"aria-hidden":!0,options:fe,data:e})),React.createElement("table",{className:"yst-sr-only yst-table-fixed"},React.createElement("caption",null,(0,r.__)("Organic sessions chart","wordpress-seo")),React.createElement("thead",null,React.createElement("tr",null,e.labels.map((e=>React.createElement("th",{key:e},e))))),React.createElement("tbody",null,React.createElement("tr",null,e.datasets[0].data.map((({date:e,sessions:t})=>React.createElement("td",{key:e},String(t)))))))),we=({data:e,isPending:t,error:a,supportLink:s})=>t?React.createElement(n.SkeletonLoader,{className:"yst-w-full yst-h-52 yst-mt-8"}):a?React.createElement(m,{className:"yst-mt-4",error:a,supportLink:s}):React.createElement(Ee,{data:e}),Re=({dataProvider:t,remoteDataProvider:a,dataFormatter:s})=>{var r;const n=t.getLink("errorSupport"),o=((t,a,s)=>{const r=(0,e.useCallback)((e=>a.fetchJson(t.getEndpoint("timeBasedSeoMetrics"),{options:{widget:"organicSessionsDaily"}},e)),[t]),n=(0,e.useMemo)((()=>(e=[])=>{return t=(e=>(t=[])=>t.map((t=>({date:e.format(t.date,"date",{widget:"organicSessions"}),sessions:Number(t.sessions)}))))(s)(e),{labels:t.map((({date:e})=>e)),datasets:[{fill:"origin",data:t}]};var t}),[s]);return P(r,n)})(t,a,s),l=((t,a,s)=>{const r=(0,e.useCallback)((e=>a.fetchJson(t.getEndpoint("timeBasedSeoMetrics"),{options:{widget:"organicSessionsCompare"}},e)),[t]),n=(0,e.useMemo)((()=>(e=>([t])=>{var a,s;const r=(null==t||null===(a=t.current)||void 0===a?void 0:a.sessions)||NaN,n=q(r,(null==t||null===(s=t.previous)||void 0===s?void 0:s.sessions)||NaN);return{sessions:e.format(r,"sessions",{widget:"organicSessions"}),difference:n,formattedDifference:e.format(n,"difference",{widget:"organicSessions"})}})(s)),[s]);return P(r,n)})(t,a,s);return l.error&&o.error&&(0,L.isEqual)(l.error,o.error)?React.createElement(m,{className:"yst-mt-4",error:l.error,supportLink:n}):0===(null===(r=o.data)||void 0===r?void 0:r.labels.length)?React.createElement(d,null):React.createElement(React.Fragment,null,React.createElement("div",{className:"yst-flex yst-justify-between yst-mt-4"},React.createElement(ee,{data:l.data,error:l.error,isPending:l.isPending,supportLink:n})),React.createElement(we,{data:o.data,error:o.error,isPending:o.isPending,supportLink:n}))},ve=({dataProvider:e,remoteDataProvider:t,dataFormatter:a})=>React.createElement(w,{className:"yst-paper__content yst-col-span-4",title:(0,r.__)("Organic sessions","wordpress-seo"),tooltip:(0,r.__)("The number of organic sessions that began on your website.","wordpress-seo"),dataSources:[{source:"Site Kit by Google"}],errorSupportLink:e.getLink("errorSupport")},React.createElement(Re,{dataProvider:e,remoteDataProvider:t,dataFormatter:a})),be=new RegExp("&#0?39;","g");function ke(e){return(0,L.replace)((0,L.unescape)(e),be,"'")}const xe=({idSuffix:t,contentTypes:a,selected:s,onChange:o})=>{const[l,c]=(0,e.useState)((()=>a)),i=(0,e.useCallback)((e=>{o(a.find((({name:t})=>t===e)))}),[a]),m=(0,e.useCallback)((e=>{const t=e.target.value.trim().toLowerCase();c(t?a.filter((({name:e,label:a})=>a.toLowerCase().includes(t)||e.toLowerCase().includes(t))):a)}),[a]);return React.createElement(n.AutocompleteField,{id:`content-type--${t}`,label:(0,r.__)("Content type","wordpress-seo"),value:null==s?void 0:s.name,selectedLabel:ke(null==s?void 0:s.label)||"",onChange:i,onQueryChange:m},l.map((({name:e,label:t})=>{const a=ke(t);return React.createElement(n.AutocompleteField.Option,{key:e,value:e},a)})))},Ne=({scores:e,descriptions:t})=>{const a=(0,L.maxBy)(e,"amount");return React.createElement("p",{className:"yst-max-w-2xl"},t[null==a?void 0:a.name]||"")};te.Chart.register(te.ArcElement,te.Tooltip);const _e=e=>({labels:e.map((({name:e})=>R[e].label)),datasets:[{cutout:"82%",data:e.map((({amount:e})=>e)),backgroundColor:e.map((({name:e})=>R[e].hex)),borderWidth:0,offset:0,hoverOffset:5,spacing:1,weight:1,animation:{animateRotate:!0}}]}),Se={plugins:{legend:!1,tooltip:{displayColors:!1,callbacks:{title:()=>"",label:e=>`${e.label}: ${null==e?void 0:e.formattedValue}`}}},layout:{padding:5}},Ce=({className:e})=>React.createElement("div",{className:c()(e,"yst-relative")},React.createElement(n.SkeletonLoader,{className:"yst-w-full yst-aspect-square yst-rounded-full"}),React.createElement("div",{className:"yst-absolute yst-inset-5 yst-aspect-square yst-bg-white yst-rounded-full"})),Le=({className:e,scores:t})=>React.createElement("div",{className:e},React.createElement(de,{options:Se,data:_e(t)})),Te="yst-flex yst-items-center yst-py-3 first:yst-pt-0 last:yst-pb-0 yst-border-b last:yst-border-b-0",Pe="yst-shrink-0 yst-w-3 yst-aspect-square yst-rounded-full",Fe="yst-ms-3 yst-me-2",De=({className:e})=>React.createElement("ul",{className:e},Object.entries(R).map((([e,{label:t}])=>React.createElement("li",{key:`skeleton-loader--${e}`,className:Te},React.createElement(n.SkeletonLoader,{className:Pe}),React.createElement(n.SkeletonLoader,{className:Fe},t),React.createElement(n.SkeletonLoader,{className:"yst-w-7 yst-me-3"},"1"),React.createElement(n.SkeletonLoader,{className:"yst-ms-auto yst-button yst-button--small"},(0,r.__)("View","wordpress-seo")))))),je=({score:e})=>React.createElement(React.Fragment,null,React.createElement("span",{className:c()(Pe,R[e.name].color)}),React.createElement(n.Label,{as:"span",className:c()(Fe,"yst-leading-4 yst-py-1.5")},R[e.name].label),React.createElement(n.Badge,{variant:"plain",className:c()(e.links.view&&"yst-me-3")},e.amount)),Me=({score:e,idSuffix:t,tooltip:a})=>{const s=`tooltip--${t}__${e.name}`;return React.createElement(n.TooltipContainer,null,React.createElement(n.TooltipTrigger,{className:"yst-flex yst-items-center",ariaDescribedby:s},React.createElement(je,{score:e})),React.createElement(n.TooltipWithContext,{id:s,className:"max-[784px]:yst-max-w-full"},a))},Ae=({score:e,idSuffix:t,tooltips:a})=>{const s=a[e.name]?Me:je;return React.createElement("li",{className:Te},React.createElement(s,{score:e,idSuffix:t,tooltip:a[e.name]}),e.links.view&&React.createElement(n.Button,{as:"a",variant:"secondary",size:"small",href:e.links.view,className:"yst-ms-auto"},(0,r.__)("View","wordpress-seo")))},We=({className:e,scores:t,idSuffix:a,tooltips:s})=>React.createElement("ul",{className:e},t.map((e=>React.createElement(Ae,{key:e.name,score:e,idSuffix:a,tooltips:s})))),Oe="yst-flex yst-flex-col @md:yst-flex-row yst-gap-12 yst-mt-6",Ie="yst-grow",Be="yst-w-[calc(11.5rem+3px)] yst-aspect-square",ze=()=>React.createElement(React.Fragment,null,React.createElement(n.SkeletonLoader,{className:"yst-w-full"}," "),React.createElement("div",{className:Oe},React.createElement(De,{className:Ie}),React.createElement(Ce,{className:Be}))),$e=({scores:e=[],isLoading:t,descriptions:a,tooltips:s,idSuffix:r})=>t?React.createElement(ze,null):React.createElement(React.Fragment,null,React.createElement(Ne,{scores:e,descriptions:a}),React.createElement("div",{className:Oe},e&&React.createElement(We,{className:Ie,scores:e,idSuffix:r,tooltips:s}),e&&React.createElement(Le,{className:Be,scores:e}))),He="idle",Ge="error",Ve="request",Qe="success",qe="error",Je=async(e,t)=>{try{const a=await fetch(e,t);if(!a.ok){const e=new Error(a.statusText);throw e.status=a.status,e}return a.json()}catch(e){return Promise.reject(e)}},Ue=({dependencies:t,url:a,options:s,prepareData:r=L.identity,doFetch:n=Je,fetchDelay:o=200})=>{const[l,c]=(0,e.useState)(!0),[i,m]=(0,e.useState)(),[d,u]=(0,e.useState)(),p=(0,e.useRef)(),y=(0,e.useCallback)((0,L.debounce)(((...e)=>{n(...e).then((e=>{u(r(e)),m(void 0)})).catch((e=>{"AbortError"!==(null==e?void 0:e.name)&&m(e)})).finally((()=>{c(!1)}))}),o),[]);return(0,e.useEffect)((()=>{var e;return c(!0),null===(e=p.current)||void 0===e||e.abort(),p.current=new AbortController,y(a,{signal:p.current.signal,...s}),()=>{var e;return null===(e=p.current)||void 0===e?void 0:e.abort()}}),t),{data:d,error:i,isPending:l}},Ke=(e,t)=>{const a=new URL(e);return a.searchParams.set("search",t),a.searchParams.set("_fields",["id","name"]),a},Ye=e=>({name:String(e.id),label:(0,L.unescape)(e.name)}),Xe=({terms:e})=>0===e.length?React.createElement("div",{className:"yst-autocomplete__option"},(0,r.__)("Nothing found","wordpress-seo")):e.map((({name:e,label:t})=>React.createElement(n.AutocompleteField.Option,{key:e,value:e},t))),Ze=({idSuffix:t,taxonomy:a,selected:s,onChange:o})=>{const[l,c]=(0,e.useState)(""),{data:i=[],error:m,isPending:d}=Ue({dependencies:[a.links.search,l],url:Ke(a.links.search,l),options:{headers:{"Content-Type":"application/json"}},prepareData:e=>e.map(Ye)}),u=(0,e.useCallback)((e=>{null===e&&c(""),o(i.find((({name:t})=>t===e)))}),[i]),p=(0,e.useCallback)((e=>{var t,a,s;c((null==e||null===(t=e.target)||void 0===t||null===(a=t.value)||void 0===a||null===(s=a.trim())||void 0===s?void 0:s.toLowerCase())||"")}),[]);return React.createElement(n.AutocompleteField,{id:`term--${t}`,label:a.label,value:(null==s?void 0:s.name)||"",selectedLabel:(null==s?void 0:s.label)||l,onChange:u,onQueryChange:p,placeholder:(0,r.__)("All","wordpress-seo"),nullable:!0,clearButtonScreenReaderText:(0,r.__)("Clear filter","wordpress-seo"),validation:m&&{variant:"error",message:(0,r.__)("Something went wrong.","wordpress-seo")}},d&&React.createElement("div",{className:"yst-autocomplete__option"},React.createElement(n.Spinner,null)),!d&&React.createElement(Xe,{terms:i}))},et=e=>null==e?void 0:e.scores,tt=({analysisType:t,contentTypes:a,dataProvider:s,remoteDataProvider:r})=>{var n,o;const[l,c]=(0,e.useState)(a[0]),[i,d]=(0,e.useState)(),u=(0,e.useCallback)((e=>r.fetchJson(s.getEndpoint(t+"Scores"),((e,t)=>{var a;const s={contentType:null==e?void 0:e.name};return null!=e&&null!==(a=e.taxonomy)&&void 0!==a&&a.name&&null!=t&&t.name&&(s.taxonomy=e.taxonomy.name,s.term=t.name),s})(l,i),e)),[s,t,l,i]),{data:p,error:y,isPending:g}=P(u,et);return(0,e.useEffect)((()=>{d(void 0)}),[null==l?void 0:l.name]),React.createElement(React.Fragment,null,React.createElement("div",{className:"yst-grid yst-grid-cols-1 @md:yst-grid-cols-2 yst-gap-6 yst-mt-4"},React.createElement(xe,{idSuffix:t,contentTypes:a,selected:l,onChange:c}),l.taxonomy&&(null===(n=l.taxonomy)||void 0===n||null===(o=n.links)||void 0===o?void 0:o.search)&&React.createElement(Ze,{idSuffix:t,taxonomy:l.taxonomy,selected:i,onChange:d})),React.createElement("div",{className:"yst-mt-6"},React.createElement(m,{error:y,supportLink:s.getLink("errorSupport")}),!y&&React.createElement($e,{scores:p,isLoading:g,descriptions:v[t],tooltips:b[t],idSuffix:t})))},at=({analysisType:t,dataProvider:a,remoteDataProvider:s})=>{const[n,o]=(0,e.useState)((()=>a.getContentTypes()));return(0,e.useEffect)((()=>{o(a.getContentTypes())}),[a]),null!=n&&n.length?React.createElement(w,{className:"yst-paper__content yst-@container @3xl:yst-col-span-2 yst-col-span-4",title:"readability"===t?(0,r.__)("Readability scores","wordpress-seo"):(0,r.__)("SEO scores","wordpress-seo"),errorSupportLink:a.getLink("errorSupport")},React.createElement(tt,{analysisType:t,contentTypes:n,dataProvider:a,remoteDataProvider:s})):null},st=({widgetFactory:e})=>React.createElement(React.Fragment,null,(0,L.values)(e.types).map((t=>e.createWidget(t))));function rt(e){return rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},rt(e)}function nt(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=rt(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var s=a.call(e,"string");if("object"!=rt(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==rt(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function ot(e,t){return e.get(function(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}(e,t))}function lt(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,ot(t,e))}function ct(e,t,a){return function(e,t,a){if(t.set)t.set.call(e,a);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=a}}(e,ot(t,e),a),a}function it(e,t,a){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.set(e,a)}var mt=new WeakMap,dt=new WeakMap;class ut{constructor({locale:e="en-US"}={}){if(it(this,mt,{writable:!0,value:void 0}),it(this,dt,{writable:!0,value:{}}),new.target===ut)throw new Error("DataFormatterInterface cannot be instantiated directly.");ct(this,mt,e),lt(this,dt).nonFractional=new Intl.NumberFormat(e,{maximumFractionDigits:0}),lt(this,dt).compactNonFractional=new Intl.NumberFormat(e,{maximumFractionDigits:0,notation:"compact",compactDisplay:"short"}),lt(this,dt).percentage=new Intl.NumberFormat(e,{style:"percent",minimumFractionDigits:2,maximumFractionDigits:2}),lt(this,dt).twoFractions=new Intl.NumberFormat(e,{maximumFractionDigits:2,minimumFractionDigits:2})}get numberFormat(){return lt(this,dt)}get locale(){return lt(this,mt)}format(e,t,a={}){throw new Error("You must implement the format() method before using it.")}}nt(ut,"safeUrl",(e=>{try{return new URL(e)}catch{return null}})),nt(ut,"safeNumberFormat",((e,t)=>{try{return t.format(e)}catch{return e.toString(10)}}));class pt extends ut{formatLandingPage(e){const t=ut.safeUrl(e);return null===t?e:decodeURI(t.pathname)}format(e,t,a={}){switch(t){case"subject":switch(a.widget){case"topPages":return this.formatLandingPage(e);case"topQueries":return String(e);default:return e}case"clicks":case"impressions":return ut.safeNumberFormat(e,this.numberFormat.nonFractional);case"ctr":return ut.safeNumberFormat(e,this.numberFormat.percentage);case"position":return ut.safeNumberFormat(e,this.numberFormat.twoFractions);case"seoScore":return Object.keys(R).includes(e)?e:"notAnalyzed";default:return e}}}class yt extends ut{format(e,t,a={}){switch(t){case"impressions":case"clicks":return{formattedValue:ut.safeNumberFormat(e.value,this.numberFormat.nonFractional),delta:e.delta,formattedDelta:ut.safeNumberFormat(e.delta,this.numberFormat.percentage)};case"ctr":return null===e?{formattedValue:"-",delta:null,formattedDelta:"-"}:{formattedValue:ut.safeNumberFormat(e.value,this.numberFormat.percentage),delta:e.delta,formattedDelta:ut.safeNumberFormat(e.delta,this.numberFormat.percentage)};case"position":return null===e?{formattedValue:"-",delta:null,formattedDelta:"-"}:{formattedValue:ut.safeNumberFormat(e.value,this.numberFormat.twoFractions),delta:e.delta,formattedDelta:ut.safeNumberFormat(e.delta,this.numberFormat.twoFractions)};case"date":return new Date(Date.UTC(e.slice(0,4),e.slice(4,6)-1,e.slice(6,8))).toLocaleDateString(this.locale,{month:"short",day:"numeric"});case"sessions":return ut.safeNumberFormat(e||0,this.numberFormat.nonFractional);case"difference":return ut.safeNumberFormat(e,this.numberFormat.percentage);default:return e}}}function gt(e,t,a){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.set(e,a)}var ht=new WeakMap,ft=new WeakMap;class Et{constructor(e,t=Je){gt(this,ht,{writable:!0,value:void 0}),gt(this,ft,{writable:!0,value:void 0}),ct(this,ht,e),ct(this,ft,t)}getOptions(){return lt(this,ht)}getUrl(e,t){const a=new URL(e);return(0,L.forEach)(t,((e,t)=>{"object"==typeof e?(0,L.forEach)(e,((e,s)=>{a.searchParams.append(`${t}[${s}]`,e)})):a.searchParams.append(t,e)})),a}async fetchJson(e,t,a){return lt(this,ft).call(this,this.getUrl(e,t),(0,L.defaultsDeep)(a,lt(this,ht),{headers:{"Content-Type":"application/json"}}))}}let wt,Rt=["sessionStorage","localStorage"];const vt=e=>{const t=a.g[e];if(!t)return!1;try{const e="__storage_test__";return t.setItem(e,e),t.removeItem(e),!0}catch(e){return e instanceof DOMException&&(22===e.code||1014===e.code||"QuotaExceededError"===e.name||"NS_ERROR_DOM_QUOTA_REACHED"===e.name)&&0!==t.length}},bt=()=>{if(void 0!==wt)return wt;for(const e of Rt)wt||vt(e)&&(wt=a.g[e]);return void 0===wt&&(wt=null),wt};function kt(e,t,a){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.set(e,a)}var xt=new WeakMap,Nt=new WeakMap,_t=new WeakMap;class St extends Et{constructor(e,t,a,s){if(super(e),kt(this,xt,{writable:!0,value:void 0}),kt(this,Nt,{writable:!0,value:void 0}),kt(this,_t,{writable:!0,value:void 0}),ct(this,xt,t),ct(this,Nt,a),!Number.isInteger(s)||s<=0)throw new TypeError("The TTL provided must be a positive integer.");ct(this,_t,s)}async fetchJson(e,t,s){const r="yoastseo_"+lt(this,Nt)+"_"+lt(this,xt)+"_"+t.options.widget,{cacheHit:n,value:o}=(e=>{const t=bt();if(t){const a=t.getItem(e);if(a){const e=JSON.parse(a),{timestamp:t,ttl:s,value:r}=e;if(t&&(!s||Math.round(Date.now()/1e3)-t<s))return{cacheHit:!0,value:r}}}return{cacheHit:!1,value:void 0}})(r);if(n)return o;const l=await super.fetchJson(e,t,s);return((e,t,{ttl:s=3600,timestamp:r=Math.round(Date.now()/1e3)}={})=>{const n=bt();if(n)try{return n.setItem(e,JSON.stringify({timestamp:r,ttl:s,value:t})),!0}catch(e){return a.g.console.warn("Encountered an unexpected storage error:",e),!1}})(r,l,{ttl:lt(this,_t)}),l}}function Ct(e,t,a){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.set(e,a)}var Lt=new WeakMap,Tt=new WeakMap,Pt=new WeakMap,Ft=new WeakMap;class Dt{constructor({contentTypes:e,features:t,endpoints:a,links:s}){Ct(this,Lt,{writable:!0,value:void 0}),Ct(this,Tt,{writable:!0,value:void 0}),Ct(this,Pt,{writable:!0,value:void 0}),Ct(this,Ft,{writable:!0,value:void 0}),ct(this,Lt,e),ct(this,Tt,t),ct(this,Pt,a),ct(this,Ft,s)}getContentTypes(){return lt(this,Lt)}hasFeature(e){var t;return!0===(null===(t=lt(this,Tt))||void 0===t?void 0:t[e])}getEndpoint(e){var t;return null===(t=lt(this,Pt))||void 0===t?void 0:t[e]}getLink(e){var t;return null===(t=lt(this,Ft))||void 0===t?void 0:t[e]}}function jt(e,t,a){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.set(e,a)}var Mt=new WeakMap,At=new WeakMap,Wt=new WeakMap,Ot=new WeakMap;class It{constructor(e,t,a,s){jt(this,Mt,{writable:!0,value:void 0}),jt(this,At,{writable:!0,value:void 0}),jt(this,Wt,{writable:!0,value:void 0}),jt(this,Ot,{writable:!0,value:void 0}),ct(this,Mt,e),ct(this,At,t),ct(this,Wt,a),ct(this,Ot,s)}getRemoteDataProvider(e){var t;return null!==(t=lt(this,Wt)[e])&&void 0!==t?t:lt(this,At)}get types(){return{searchRankingCompare:"searchRankingCompare",organicSessions:"organicSessions",topPages:"topPages",topQueries:"topQueries",seoScores:"seoScores",readabilityScores:"readabilityScores"}}createWidget(e){switch(e){case this.types.seoScores:return lt(this,Mt).hasFeature("indexables")&&lt(this,Mt).hasFeature("seoAnalysis")?React.createElement(at,{key:e,analysisType:"seo",dataProvider:lt(this,Mt),remoteDataProvider:this.getRemoteDataProvider(e)}):null;case this.types.readabilityScores:return lt(this,Mt).hasFeature("indexables")&&lt(this,Mt).hasFeature("readabilityAnalysis")?React.createElement(at,{key:e,analysisType:"readability",dataProvider:lt(this,Mt),remoteDataProvider:this.getRemoteDataProvider(e)}):null;case this.types.topPages:return React.createElement(A,{key:e,dataProvider:lt(this,Mt),remoteDataProvider:this.getRemoteDataProvider(e),dataFormatter:lt(this,Ot).plainMetricsDataFormatter});case this.types.topQueries:return React.createElement(B,{key:e,dataProvider:lt(this,Mt),remoteDataProvider:this.getRemoteDataProvider(e),dataFormatter:lt(this,Ot).plainMetricsDataFormatter});case this.types.searchRankingCompare:return React.createElement(X,{key:e,dataProvider:lt(this,Mt),remoteDataProvider:this.getRemoteDataProvider(e),dataFormatter:lt(this,Ot).comparisonMetricsDataFormatter});case this.types.organicSessions:return React.createElement(ve,{key:e,dataProvider:lt(this,Mt),remoteDataProvider:this.getRemoteDataProvider(e),dataFormatter:lt(this,Ot).comparisonMetricsDataFormatter});default:return null}}}const Bt=e=>React.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 425 456.27",role:"img","aria-hidden":"true",focusable:"false"},e),React.createElement("path",{d:"M73 405.26a66.79 66.79 0 0 1-6.54-1.7 64.75 64.75 0 0 1-6.28-2.31c-1-.42-2-.89-3-1.37-1.49-.72-3-1.56-4.77-2.56-1.5-.88-2.71-1.64-3.83-2.39-.9-.61-1.8-1.26-2.68-1.92a70.154 70.154 0 0 1-5.08-4.19 69.21 69.21 0 0 1-8.4-9.17c-.92-1.2-1.68-2.25-2.35-3.24a70.747 70.747 0 0 1-3.44-5.64 68.29 68.29 0 0 1-8.29-32.55V142.13a68.26 68.26 0 0 1 8.29-32.55c1-1.92 2.21-3.82 3.44-5.64s2.55-3.58 4-5.27a69.26 69.26 0 0 1 14.49-13.25C50.37 84.19 52.27 83 54.2 82A67.59 67.59 0 0 1 73 75.09a68.75 68.75 0 0 1 13.75-1.39h169.66L263 55.39H86.75A86.84 86.84 0 0 0 0 142.13v196.09A86.84 86.84 0 0 0 86.75 425h11.32v-18.35H86.75A68.75 68.75 0 0 1 73 405.26zM368.55 60.85l-1.41-.53-6.41 17.18 1.41.53a68.06 68.06 0 0 1 8.66 4c1.93 1 3.82 2.2 5.65 3.43A69.19 69.19 0 0 1 391 98.67c1.4 1.68 2.72 3.46 3.95 5.27s2.39 3.72 3.44 5.64a68.29 68.29 0 0 1 8.29 32.55v264.52H233.55l-.44.76c-3.07 5.37-6.26 10.48-9.49 15.19L222 425h203V142.13a87.2 87.2 0 0 0-56.45-81.28z"}),React.createElement("path",{d:"M119.8 408.28v46c28.49-1.12 50.73-10.6 69.61-29.58 19.45-19.55 36.17-50 52.61-96L363.94 1.9H305l-98.25 272.89-48.86-153h-54l71.7 184.18a75.67 75.67 0 0 1 0 55.12c-7.3 18.68-20.25 40.66-55.79 47.19z",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"3.81"})),zt=e=>React.createElement("svg",u({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),React.createElement("path",{d:"M7.61333 10.1133L11.5 14C11.8333 14.3227 12.2801 14.5014 12.7441 14.4976C13.208 14.4939 13.6518 14.3079 13.9799 13.9799C14.3079 13.6518 14.4939 13.208 14.4976 12.7441C14.5014 12.2801 14.3227 11.8333 14 11.5L10.082 7.582M7.61333 10.1133L9.27733 8.09333C9.48866 7.83733 9.77066 7.676 10.0827 7.58267C10.4493 7.47333 10.858 7.45733 11.2447 7.48933C11.7659 7.53409 12.2897 7.44177 12.7643 7.22154C13.2388 7.00131 13.6475 6.66083 13.9498 6.23387C14.2521 5.80691 14.4374 5.30833 14.4875 4.7876C14.5376 4.26687 14.4507 3.74209 14.2353 3.26533L12.0513 5.45C11.6859 5.36551 11.3516 5.18011 11.0864 4.91492C10.8212 4.64973 10.6358 4.3154 10.5513 3.95L12.7353 1.766C12.2586 1.55064 11.7338 1.4637 11.2131 1.51379C10.6923 1.56388 10.1938 1.74927 9.76679 2.05157C9.33984 2.35386 8.99935 2.76254 8.77912 3.23706C8.55889 3.71159 8.46657 4.23545 8.51133 4.75667C8.572 5.474 8.464 6.266 7.90866 6.72333L7.84066 6.78M7.61333 10.1133L4.51 13.882C4.35959 14.0653 4.17247 14.2152 3.96066 14.3218C3.74886 14.4285 3.51707 14.4896 3.28022 14.5012C3.04337 14.5129 2.8067 14.4748 2.58544 14.3895C2.36419 14.3042 2.16326 14.1734 1.99557 14.0058C1.82789 13.8381 1.69718 13.6371 1.61184 13.4159C1.52651 13.1946 1.48844 12.958 1.5001 12.7211C1.51176 12.4843 1.57288 12.2525 1.67953 12.0407C1.78618 11.8289 1.93599 11.6417 2.11933 11.4913L6.67733 7.738L3.93933 5H3L1.5 2.5L2.5 1.5L5 3V3.93933L7.84 6.77933L6.67666 7.73733M12.25 12.25L10.5 10.5M3.24466 12.75H3.25V12.7553H3.24466V12.75Z",stroke:"#94A3B8",strokeLinecap:"round",strokeLinejoin:"round"})),$t=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}))})),Ht=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"}))})),Gt=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"}))})),Vt=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"}))})),Qt=({type:e,label:t,href:a,onClick:s,taskId:l,disabled:c=!1,isLoading:i=!1})=>{const m=((e,t,a,s,r,n)=>{const o="link"!==e&&"add"!==e&&!r&&n,l={variant:"primary",id:`cta-button-${s}`,className:o?"yst-flex yst-items-center":"yst-flex yst-items-center yst-gap-1",disabled:r,isLoading:o};return["link","add"].includes(e)&&a?window.location.href.split("#")[0]===a.split("#")[0]?l.onClick=()=>{window.location.href=a}:l.href=a:l.onClick=t,l})(e,(0,o.useCallback)((()=>{s&&s(l)}),[s,l]),a,l,c,i);return"add"===e?React.createElement(n.Button,u({},m,{as:c?"button":"a"}),React.createElement(Ht,{className:"yst-w-4 yst-text-white"}),t):"delete"===e?React.createElement(n.Button,u({},m,{variant:"error"}),m.isLoading?null:React.createElement(Gt,{className:"yst-w-4 yst-text-white"}),m.isLoading?(0,r.__)("Deleting…","wordpress-seo"):t):"link"===e?React.createElement(n.Button,u({},m,{as:c?"button":"a"}),t,React.createElement(Vt,{className:"yst-w-4 yst-text-white rtl:yst-rotate-180"})):React.createElement(n.Button,m,m.isLoading?(0,r.__)("Generating…","wordpress-seo"):t)},qt=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 11l7-7 7 7M5 19l7-7 7 7"}))})),Jt=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 8h16M4 16h16"}))})),Ut=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 13l-7 7-7-7m14-8l-7 7-7-7"}))})),Kt={low:(0,r.__)("Low","wordpress-seo"),medium:(0,r.__)("Medium","wordpress-seo"),high:(0,r.__)("High","wordpress-seo")},Yt=({level:e="low",isLoading:t=!1,className:a=""})=>{const s=(0,n.useSvgAria)();return React.createElement("span",{className:c()("yst-text-xs yst-text-slate-600 yst-flex yst-gap-1",a)},t?React.createElement(React.Fragment,null,React.createElement(Jt,u({className:"yst-w-4 yst-text-slate-400"},s)),React.createElement(n.SkeletonLoader,{className:"yst-w-11 yst-h-[18px]"})):React.createElement(React.Fragment,null,(e=>{const t=(0,n.useSvgAria)();switch(e){case"high":return React.createElement(qt,u({className:"yst-w-4 yst-text-red-600"},t));case"medium":return React.createElement(Jt,u({className:"yst-w-4 yst-text-amber-500"},t));default:return React.createElement(Ut,u({className:"yst-w-4 yst-text-slate-400"},t))}})(e),React.createElement("span",{className:"sm:yst-inline-block yst-hidden"},Kt[e])))},Xt=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"}))})),Zt=({minutes:e,isLoading:t=!1})=>{const a=(0,n.useSvgAria)();return React.createElement("span",{className:"yst-text-xs yst-text-slate-600 yst-flex yst-gap-0.5 yst-items-center"},React.createElement(Xt,u({className:"yst-w-4 yst-text-slate-400"},a)),t?React.createElement(n.SkeletonLoader,{className:"yst-w-8 yst-h-[18px] yst-ms-0.5"}):React.createElement(React.Fragment,null,e,/* translators: This is a unit abbreviation for minutes. */
(0,r._x)("m","Abbreviation for minutes","wordpress-seo")))},ea=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"}))})),ta=()=>{const e=(0,n.useSvgAria)();return React.createElement("span",{className:"yst-text-xs yst-text-slate-600 yst-flex yst-gap-0.5 yst-items-center"},React.createElement(ea,u({className:"yst-w-4 yst-text-green-500"},e)),(0,r.__)("Completed","wordpress-seo"))},aa=({isOpen:e,onClose:t,callToAction:a,title:s,duration:o,priority:l,why:c,how:i,taskId:m,isCompleted:d,isLoading:p=!1,isError:y=!1,errorMessage:g})=>{const h=(0,n.useSvgAria)();return React.createElement(n.Modal,{isOpen:e,onClose:t,position:"center"},React.createElement(n.Modal.Panel,{className:"yst-p-0"},React.createElement(n.Modal.Container,null,React.createElement(n.Modal.Container.Header,{className:"yst-p-6 yst-flex yst-gap-3 yst-border-b yst-border-slate-200 yst-items-start"},React.createElement(Bt,u({className:"yst-w-4 yst-fill-primary-500 yst-pt-1 lg:yst-pt-0.5"},h)),React.createElement("div",null,React.createElement(n.Modal.Title,{as:"h3",className:"yst-mb-2 yst-text-lg yst-max-w-lg "+(d?"yst-text-slate-500":"")},s),React.createElement("div",{className:"yst-flex yst-gap-1"},d&&React.createElement(React.Fragment,null,React.createElement(ta,null),"·"),React.createElement(Zt,{minutes:o}),"· ",React.createElement(Yt,{level:l})))),React.createElement(n.Modal.Container.Content,{className:"yst-py-2 yst-px-12"},y&&React.createElement(n.Alert,{role:"alert",variant:"error",className:"yst-mt-4 yst-mb-2"},React.createElement("p",{className:"yst-font-medium yst-mb-2"},(0,r.__)("Oops! Something went wrong.","wordpress-seo")),React.createElement("p",null,g||(0,r.__)("Please try again.","wordpress-seo")," ",(0,r.__)("If the issue continues, our support team is here to help!","wordpress-seo"))),React.createElement("ul",null,React.createElement("li",{className:"yst-flex yst-flex-col yst-py-4 yst-items-start last:yst-border-b-0 yst-border-b yst-border-slate-200"},React.createElement("div",{className:"yst-flex yst-gap-1 yst-items-center yst-mb-1"},React.createElement($t,u({},h,{className:"yst-w-4 yst-text-slate-400 yst-flex-shrink-0"})),React.createElement(n.Title,{as:"h4",className:"yst-text-sm yst-font-medium yst-text-slate-800"},(0,r.__)("Why this matters","wordpress-seo"))),React.createElement("p",{className:"yst-text-xs yst-text-slate-600"},c)),i&&React.createElement("li",{className:"yst-flex yst-flex-col yst-py-4 yst-items-start"},React.createElement("div",{className:"yst-flex yst-gap-1 yst-items-center yst-mb-1"},React.createElement(zt,u({},h,{className:"yst-w-4 yst-text-slate-400 yst-flex-shrink-0"})),React.createElement(n.Title,{as:"h4",className:"yst-text-sm yst-font-medium yst-text-slate-800"},(0,r.__)("How to solve","wordpress-seo"))),React.createElement("p",{className:"yst-text-xs yst-text-slate-600"},i)))),React.createElement(n.Modal.Container.Footer,{className:"yst-flex yst-justify-end yst-gap-2 yst-p-6 yst-border-t yst-border-slate-200"},React.createElement(n.Button,{variant:"secondary",onClick:t},(0,r.__)("Close","wordpress-seo")),React.createElement(Qt,u({},a,{taskId:m,disabled:d,isLoading:p}))))))},sa=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"}))})),ra={premium:{label:"Premium",variant:"upsell"},woo:{label:"Woo SEO",variant:"info"},ai:{label:"AI+",variant:"ai"}},na=({type:e})=>React.createElement(n.Badge,{variant:ra[e].variant,size:"small",className:"yst-no-underline"},ra[e].label),oa=e=>React.createElement("svg",u({},e,{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),React.createElement("circle",{cx:"6.4",cy:"6.4",r:"6.4",fill:"currentColor"})),la=["premium","woo","ai"],ca=({title:t,duration:a,priority:s,badge:o,isCompleted:l,onClick:i,children:m})=>{const d=(0,n.useSvgAria)(),[p,,,y,g]=(0,n.useToggleState)(!1),h=(0,e.useMemo)((()=>p?"yst-bg-slate-50":"group-hover:yst-bg-slate-50"),[p]);return React.createElement(n.Table.Row,{className:"yst-cursor-pointer yst-group",onClick:i,"aria-label":(0,r.__)("Open task modal","wordpress-seo")},React.createElement(n.Table.Cell,{className:h},React.createElement("div",{className:"yst-flex yst-items-center yst-gap-2"},l?React.createElement(ea,u({className:"yst-w-4 yst-text-green-500 yst-shrink-0"},d)):React.createElement(oa,u({className:"yst-w-4 yst-text-slate-200 yst-shrink-0"},d)),React.createElement("button",{"aria-haspopup":"dialog",type:"button",className:c()("yst-font-medium focus:yst-outline-none focus-visible:yst-outline-none yst-text-start",l?"yst-text-slate-500":"yst-text-slate-800 hover:yst-text-slate-900",p?"yst-underline":"group-hover:yst-underline"),onFocus:y,onBlur:g},t,React.createElement("span",{className:"yst-sr-only"},l?(0,r.__)("(Completed)","wordpress-seo"):(0,r.__)("(Not completed)","wordpress-seo"))),la.includes(o)&&React.createElement(na,{type:o}))),React.createElement(n.Table.Cell,{className:c()(h,l?"yst-opacity-50":"")},React.createElement(Zt,{minutes:a})),React.createElement(n.Table.Cell,{className:c()("yst-pe-5",h)},React.createElement("div",{className:"yst-flex yst-justify-between"},React.createElement(Yt,{level:s,className:l?"yst-opacity-50":""}),React.createElement(sa,u({className:c()("yst-w-4 yst-text-slate-600 rtl:yst-rotate-180 yst-transition yst-duration-300 yst-ease-in-out yst-shrink-0",p?"yst-text-slate-800 yst-translate-x-2":"group-hover:yst-text-slate-800 group-hover:yst-translate-x-2")},d))),m))};ca.Loading=({title:e})=>{const t=(0,n.useSvgAria)();return React.createElement(n.Table.Row,null,React.createElement(n.Table.Cell,{className:"yst-font-medium yst-text-slate-800"},React.createElement("div",{className:"yst-flex yst-items-center yst-gap-2"},React.createElement(oa,u({className:"yst-w-4 yst-text-slate-200"},t)),React.createElement(n.SkeletonLoader,{className:"yst-h-[18px]"},e))),React.createElement(n.Table.Cell,null,React.createElement(Zt,{isLoading:!0})),React.createElement(n.Table.Cell,null,React.createElement("div",{className:"yst-flex yst-justify-between"},React.createElement(Yt,{isLoading:!0}),React.createElement(sa,u({className:"yst-w-4 yst-text-slate-600 rtl:yst-rotate-180"},t)))))};const ia=()=>React.createElement(React.Fragment,null,React.createElement(n.SkeletonLoader,{className:"yst-w-[184px] yst-h-1.5"}),React.createElement(n.SkeletonLoader,{className:"yst-w-9 yst-h-5"})),ma=()=>React.createElement(React.Fragment,null,React.createElement("div",{className:"yst-w-[184px] yst-h-1.5 yst-bg-slate-200 yst-rounded"}),React.createElement("span",{className:"yst-w-9 yst-h-5 yst-bg-slate-200 yst-rounded"})),da=({children:e})=>React.createElement("div",null,React.createElement(n.Title,{as:"h2",className:"yst-text-lg yst-font-medium yst-text-slate-900 yst-mb-2"},(0,r.__)("Tasks","wordpress-seo")),React.createElement("div",{className:"yst-flex yst-gap-3 yst-items-center"},e)),ua=({completedTasks:e,totalTasks:t,isLoading:a})=>{if(a)return React.createElement(da,null,React.createElement(ia,null));if(!t||e>t)return React.createElement(da,null,React.createElement(ma,null));const s=(0,r.sprintf)(/* translators: %1$d expands to the number of completed tasks, %2$d expands to the total number of tasks. */
(0,r.__)("%1$d out of %2$d tasks completed","wordpress-seo"),e,t);return React.createElement(da,null,React.createElement(n.ProgressBar,{label:(0,r.__)("Tasks Progress","wordpress-seo"),progress:e,min:0,max:t,className:"yst-w-[184px] yst-h-1.5",progressClassName:"yst-bg-green-500"}),React.createElement("span",{className:"yst-sr-only"},s),React.createElement("span",{className:"yst-text-tiny yst-font-medium yst-leading-5"},React.createElement("span",{className:"yst-text-slate-600"},e),React.createElement("span",{className:"yst-text-slate-500"},"/",t)))},pa=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"}))})),ya=e.forwardRef((function(t,a){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:a},t),e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"}))})),ga=({message:e})=>{const t=(0,o.useCallback)((()=>{window.location.reload()}),[]);return(0,o.useEffect)((()=>{e&&console.error("Error fetching tasks:",e)}),[e]),React.createElement(n.Table.Row,null,React.createElement(n.Table.Cell,{colSpan:3,className:"yst-text-center lg:yst-py-[155px] yst-py-10"},React.createElement("div",{className:"yst-flex yst-justify-center yst-items-center yst-flex-col yst-max-w-[300px] yst-m-auto"},React.createElement("div",{className:"yst-rounded-full yst-bg-red-100 yst-p-2 yst-w-12 yst-h-12 yst-flex yst-items-center yst-justify-center yst-mb-4 yst-m-auto"},React.createElement(pa,{className:"yst-h-7 yst-w-7 yst-text-red-600"})),React.createElement(n.Title,{className:"yst-mb-2",size:"2",as:"h3"},(0,r.__)("Oops! Something went wrong","wordpress-seo")),React.createElement("p",null,(0,r.__)("Please refresh the page. If the issue continues, our support team is here to help!","wordpress-seo")),React.createElement(n.Button,{className:"yst-mt-6 yst-ps-2 yst-flex yst-items-center yst-gap-1.5",onClick:t},React.createElement(ya,{className:"yst-w-4 yst-h-4"}),(0,r.__)("Refresh Page","wordpress-seo")))))},ha="taskList",fa="completeTask",Ea=(0,C.createSlice)({name:ha,initialState:{enabled:!1,tasks:{},endpoints:{completeTask:"",getTasks:""},nonce:""},reducers:{setTasks(e,{payload:t}){(0,L.keys)(t).forEach((e=>{t[e].status=He,t[e].error=null,t[e].badge=null})),e.tasks=t},setTaskCompleted(e,{payload:t}){e.tasks[t]&&(e.tasks[t].isCompleted=!0)},resetTaskError(e,{payload:t}){e.tasks[t]&&e.tasks[t].status===Ge&&(e.tasks[t].error=null,e.tasks[t].status=He)}},extraReducers:e=>{e.addCase(`${fa}/${Ve}`,((e,{payload:{id:t}})=>{e.tasks[t].status="loading"})),e.addCase(`${fa}/${Qe}`,((e,{payload:{id:t}})=>{e.tasks[t].status="success",e.tasks[t].error=null,e.tasks[t].isCompleted=!0})),e.addCase(`${fa}/${qe}`,((e,{payload:{error:t,id:a}})=>{e.tasks[a].status=Ge,e.tasks[a].error=t.message}))}}),wa=Ea.getInitialState,Ra={selectIsTaskListEnabled:e=>(0,L.get)(e,[ha,"enabled"],!1),selectTasks:e=>(0,L.get)(e,[ha,"tasks"],{}),selectTaskStatus:(e,t)=>(0,L.get)(e,[ha,"tasks",t,"status"],He),selectTaskError:(e,t)=>(0,L.get)(e,[ha,"tasks",t,"error"],null),selectTasksEndpoints:e=>(0,L.get)(e,[ha,"endpoints"],{}),selectNonce:e=>(0,L.get)(e,[ha,"nonce"],""),selectIsTaskCompleted:(e,t)=>(0,L.get)(e,[ha,"tasks",t,"isCompleted"],null)},va={...Ea.actions,completeTask:function*(e,t,a){yield{type:`${fa}/${Ve}`,payload:{id:e}};try{const s=yield{type:fa,payload:{id:e,nonce:a,endpoint:t}};if(!s.success)throw new Error(s.error);return{type:`${fa}/${Qe}`,payload:{id:e}}}catch(t){return{type:`${fa}/${qe}`,payload:{error:t,id:e}}}}},ba={[fa]:async({payload:e})=>{const t=new URLSearchParams({"options[task]":e.id}),a=`${e.endpoint}?${t.toString()}`;try{const t=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":e.nonce}});return await t.json()}catch(e){return e}}},ka=Ea.reducer})(),(window.yoast=window.yoast||{}).dashboardFrontend=s})();

📁 Sid Gifari File Manager