: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
(()=>{var e={6746:(e,t,s)=>{"use strict";var r="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},a=i(s(9196)),n=i(s(9156)),o=i(s(6743));function i(e){return e&&e.__esModule?e:{default:e}}var l=void 0;function c(e,t){var s,o,i,d,p,u,m,h,g=[],y={};for(u=0;u<e.length;u++)if("string"!==(p=e[u]).type){if(!t.hasOwnProperty(p.value)||void 0===t[p.value])throw new Error("Invalid interpolation, missing component node: `"+p.value+"`");if("object"!==r(t[p.value]))throw new Error("Invalid interpolation, component node must be a ReactElement or null: `"+p.value+"`","\n> "+l);if("componentClose"===p.type)throw new Error("Missing opening component token: `"+p.value+"`");if("componentOpen"===p.type){s=t[p.value],i=u;break}g.push(t[p.value])}else g.push(p.value);return s&&(d=function(e,t){var s,r,a=t[e],n=0;for(r=e+1;r<t.length;r++)if((s=t[r]).value===a.value){if("componentOpen"===s.type){n++;continue}if("componentClose"===s.type){if(0===n)return r;n--}}throw new Error("Missing closing component token `"+a.value+"`")}(i,e),m=c(e.slice(i+1,d),t),o=a.default.cloneElement(s,{},m),g.push(o),d<e.length-1&&(h=c(e.slice(d+1),t),g=g.concat(h))),1===g.length?g[0]:(g.forEach((function(e,t){e&&(y["interpolation-child-"+t]=e)})),(0,n.default)(y))}t.Z=function(e){var t=e.mixedString,s=e.components,a=e.throwErrors;if(l=t,!s)return t;if("object"!==(void 0===s?"undefined":r(s))){if(a)throw new Error("Interpolation Error: unable to process `"+t+"` because components is not an object");return t}var n=(0,o.default)(t);try{return c(n,s)}catch(e){if(a)throw new Error("Interpolation Error: unable to process `"+t+"` because of error `"+e.message+"`");return t}}},6743:e=>{"use strict";function t(e){return e.match(/^\{\{\//)?{type:"componentClose",value:e.replace(/\W/g,"")}:e.match(/\/\}\}$/)?{type:"componentSelfClosing",value:e.replace(/\W/g,"")}:e.match(/^\{\{/)?{type:"componentOpen",value:e.replace(/\W/g,"")}:{type:"string",value:e}}e.exports=function(e){return e.split(/(\{\{\/?\s*\w+\s*\/?\}\})/g).map(t)}},9156:(e,t,s)=>{"use strict";var r=s(9196),a="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,n=s(7942),o=s(9179),i=s(397),l=".",c=":",d="function"==typeof Symbol&&Symbol.iterator,p="@@iterator";function u(e,t){return e&&"object"==typeof e&&null!=e.key?(s=e.key,r={"=":"=0",":":"=2"},"$"+(""+s).replace(/[=:]/g,(function(e){return r[e]}))):t.toString(36);var s,r}function m(e,t,s,r){var n,i=typeof e;if("undefined"!==i&&"boolean"!==i||(e=null),null===e||"string"===i||"number"===i||"object"===i&&e.$$typeof===a)return s(r,e,""===t?l+u(e,0):t),1;var h=0,g=""===t?l:t+c;if(Array.isArray(e))for(var y=0;y<e.length;y++)h+=m(n=e[y],g+u(n,y),s,r);else{var f=function(e){var t=e&&(d&&e[d]||e[p]);if("function"==typeof t)return t}(e);if(f)for(var w,b=f.call(e),E=0;!(w=b.next()).done;)h+=m(n=w.value,g+u(n,E++),s,r);else if("object"===i){var v=""+e;o(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"===v?"object with keys {"+Object.keys(e).join(", ")+"}":v,"")}}return h}var h=/\/+/g;function g(e){return(""+e).replace(h,"$&/")}var y,f,w=b,b=function(e){var t=this;if(t.instancePool.length){var s=t.instancePool.pop();return t.call(s,e),s}return new t(e)};function E(e,t,s,r){this.result=e,this.keyPrefix=t,this.func=s,this.context=r,this.count=0}function v(e,t,s){var a,o,i=e.result,l=e.keyPrefix,c=e.func,d=e.context,p=c.call(d,t,e.count++);Array.isArray(p)?k(p,i,s,n.thatReturnsArgument):null!=p&&(r.isValidElement(p)&&(a=p,o=l+(!p.key||t&&t.key===p.key?"":g(p.key)+"/")+s,p=r.cloneElement(a,{key:o},void 0!==a.props?a.props.children:void 0)),i.push(p))}function k(e,t,s,r,a){var n="";null!=s&&(n=g(s)+"/");var o=E.getPooled(t,n,r,a);!function(e,t,s){null==e||m(e,"",t,s)}(e,v,o),E.release(o)}E.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},y=function(e,t,s,r){var a=this;if(a.instancePool.length){var n=a.instancePool.pop();return a.call(n,e,t,s,r),n}return new a(e,t,s,r)},(f=E).instancePool=[],f.getPooled=y||w,f.poolSize||(f.poolSize=10),f.release=function(e){var t=this;o(e instanceof t,"Trying to release an instance into a pool of a different type."),e.destructor(),t.instancePool.length<t.poolSize&&t.instancePool.push(e)},e.exports=function(e){if("object"!=typeof e||!e||Array.isArray(e))return i(!1,"React.addons.createFragment only accepts a single object. Got: %s",e),e;if(r.isValidElement(e))return i(!1,"React.addons.createFragment does not accept a ReactElement without a wrapper object."),e;o(1!==e.nodeType,"React.addons.createFragment(...): Encountered an invalid child; DOM elements are not valid children of React components.");var t=[];for(var s in e)k(e[s],t,s,n.thatReturnsArgument);return t}},7942:e=>{"use strict";function t(e){return function(){return e}}var s=function(){};s.thatReturns=t,s.thatReturnsFalse=t(!1),s.thatReturnsTrue=t(!0),s.thatReturnsNull=t(null),s.thatReturnsThis=function(){return this},s.thatReturnsArgument=function(e){return e},e.exports=s},9179:e=>{"use strict";e.exports=function(e,t,s,r,a,n,o,i){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[s,r,a,n,o,i],d=0;(l=new Error(t.replace(/%s/g,(function(){return c[d++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},397:(e,t,s)=>{"use strict";var r=s(7942);e.exports=r},4530:(e,t)=>{var s;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var s=arguments[t];if(s){var n=typeof s;if("string"===n||"number"===n)e.push(s);else if(Array.isArray(s)){if(s.length){var o=a.apply(null,s);o&&e.push(o)}}else if("object"===n){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){e.push(s.toString());continue}for(var i in s)r.call(s,i)&&s[i]&&e.push(i)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(s=function(){return a}.apply(t,[]))||(e.exports=s)}()},9196:e=>{"use strict";e.exports=window.React}},t={};function s(r){var a=t[r];if(void 0!==a)return a.exports;var n=t[r]={exports:{}};return e[r](n,n.exports,s),n.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};s.r(e),s.d(e,{authorFirstName:()=>ci,authorLastName:()=>di,category:()=>hi,categoryTitle:()=>gi,currentDate:()=>pi,currentDay:()=>ui,currentMonth:()=>mi,currentYear:()=>yi,date:()=>fi,excerpt:()=>wi,focusKeyphrase:()=>bi,id:()=>Ei,modified:()=>vi,name:()=>ki,page:()=>_i,pageNumber:()=>xi,pageTotal:()=>Si,permalink:()=>Ti,postContent:()=>Ri,postDay:()=>Ci,postMonth:()=>Ii,postTypeNamePlural:()=>Li,postTypeNameSingular:()=>Pi,postYear:()=>Ai,primaryCategory:()=>Fi,searchPhrase:()=>Oi,separator:()=>Mi,siteDescription:()=>Di,siteName:()=>qi,tag:()=>Ni,term404:()=>Bi,termDescription:()=>$i,termHierarchy:()=>Ui,termTitle:()=>Wi,title:()=>Ki,userDescription:()=>Hi});var t=s(9196),r=s.n(t);const a=window.wp.blocks,n=window.wp.data,o=window.wp.editPost,i=window.wp.element,l=window.wp.i18n,c=window.wp.plugins,d=window.wp.richText,p=window.yoast.externals.contexts,u=window.yoast.externals.redux,m=window.lodash;function h(){return(0,m.get)(window,"wpseoScriptData.metabox",{intl:{},isRtl:!1})}const g=window.yoast.propTypes;var y=s.n(g);const f=window.yoast.styledComponents;var w=s.n(f);const b=w().svg`
&&& circle.yoast-icon-readability-score {
fill: ${e=>e.readabilityScoreColor};
display: ${e=>e.isContentAnalysisActive?"inline":"none"};
&&& circle.yoast-icon-seo-score {
fill: ${e=>e.seoScoreColor};
display: ${e=>e.isKeywordAnalysisActive?"inline":"none"};
`,E=function(e){return(0,t.createElement)(b,{...e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 646.66 456.27"},(0,t.createElement)("path",{d:"M73,405.26a68.53,68.53,0,0,1-12.82-4c-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.92q-2.64-2-5.08-4.19a68.26,68.26,0,0,1-8.4-9.17c-.92-1.2-1.68-2.25-2.35-3.24q-1.84-2.73-3.44-5.64a68.26,68.26,0,0,1-8.29-32.55V142.13a68.29,68.29,0,0,1,8.29-32.55,58.6,58.6,0,0,1,3.44-5.64,57.53,57.53,0,0,1,4-5.27A69.64,69.64,0,0,1,48.56,85.42,56.06,56.06,0,0,1,54.2,82,67.78,67.78,0,0,1,73,75.09,69.79,69.79,0,0,1,86.75,73.7H256.41L263,55.39H86.75A86.84,86.84,0,0,0,0,142.13V338.22A86.83,86.83,0,0,0,86.75,425H98.07V406.65H86.75A68.31,68.31,0,0,1,73,405.26ZM368.55,60.85l-1.41-.53L360.73,77.5l1.41.53a68.58,68.58,0,0,1,8.66,4,58.65,58.65,0,0,1,5.65,3.43A69.49,69.49,0,0,1,391,98.67c1.4,1.68,2.72,3.46,3.95,5.27s2.39,3.72,3.44,5.64a68.32,68.32,0,0,1,8.29,32.55V406.65H233.55l-.44.76c-3.07,5.37-6.26,10.48-9.49,15.19L222,425H425V142.13A87.19,87.19,0,0,0,368.55,60.85Z",fill:"#000001"}),(0,t.createElement)("path",{d:"M303.66,0l-96.8,268.87-47.58-149H101.1l72.72,186.78a73.61,73.61,0,0,1,0,53.73c-7.07,18.07-19.63,39.63-54.36,46l-1.56.29v49.57l2-.08c29-1.14,51.57-10.72,70.89-30.14,19.69-19.79,36.55-50.52,53-96.68L366.68,0Z",fill:"#000001"}),(0,t.createElement)("circle",{className:"yoast-icon-readability-score",cx:"561.26",cy:"142.43",r:"85.04",fill:"#000001",stroke:"#181716",strokeMiterlimit:"10",strokeWidth:"0.72"}),(0,t.createElement)("circle",{className:"yoast-icon-seo-score",cx:"561.26",cy:"341.96",r:"85.04",fill:"#000001",stroke:"#181716",strokeMiterlimit:"10",strokeWidth:"0.72"}))};E.propTypes={readabilityScoreColor:y().string,isContentAnalysisActive:y().bool,seoScoreColor:y().string,isKeywordAnalysisActive:y().bool,size:y().number,color:y().string},E.defaultProps={readabilityScoreColor:"#000000",isContentAnalysisActive:!1,seoScoreColor:"#000000",isKeywordAnalysisActive:!1,size:20,color:"#000001"};const v=E,k=window.wp.components;function _(e){return void 0===e.length?e:(0,m.flatten)(e).sort(((e,t)=>void 0===e.props.renderPriority?1:e.props.renderPriority-t.props.renderPriority))}const x=({theme:e,location:s,children:r})=>(0,t.createElement)(p.LocationProvider,{value:s},(0,t.createElement)(f.ThemeProvider,{theme:e},r));x.propTypes={theme:y().object.isRequired,location:y().oneOf(["sidebar","metabox","modal"]).isRequired,children:y().element.isRequired};const S=x,T=window.yoast.uiLibrary;const R=window.yoast.componentsNew,C=window.yoast.styleGuide,I=window.yoast.analysis;function A(e){switch(e){case"loading":return{icon:"loading-spinner",color:C.colors.$color_green_medium_light};case"not-set":return{icon:"seo-score-none",color:C.colors.$color_score_icon};case"noindex":return{icon:"seo-score-none",color:C.colors.$color_noindex};case"good":return{icon:"seo-score-good",color:C.colors.$color_green_medium};case"ok":return{icon:"seo-score-ok",color:C.colors.$color_ok};default:return{icon:"seo-score-bad",color:C.colors.$color_red}}}function L({target:e,children:t}){let s=e;return"string"==typeof e&&(s=document.getElementById(e)),s?(0,i.createPortal)(t,s):null}L.propTypes={target:y().oneOfType([y().string,y().object]).isRequired,children:y().node.isRequired};const P=({target:e,scoreIndicator:s})=>(0,t.createElement)(L,{target:e},(0,t.createElement)(R.SvgIcon,{...A(s)}));P.propTypes={target:y().string.isRequired,scoreIndicator:y().string.isRequired};const F=P,O=({handleRefreshClick:e,supportLink:s})=>(0,t.createElement)("div",{className:"yst-flex yst-gap-2"},(0,t.createElement)(T.Button,{onClick:e},(0,l.__)("Refresh this page","wordpress-seo")),(0,t.createElement)(T.Button,{variant:"secondary",as:"a",href:s,target:"_blank",rel:"noopener"},(0,l.__)("Contact support","wordpress-seo")));O.propTypes={handleRefreshClick:y().func.isRequired,supportLink:y().string.isRequired};const M=({handleRefreshClick:e,supportLink:s})=>(0,t.createElement)("div",{className:"yst-grid yst-grid-cols-1 yst-gap-y-2"},(0,t.createElement)(T.Button,{className:"yst-order-last",onClick:e},(0,l.__)("Refresh this page","wordpress-seo")),(0,t.createElement)(T.Button,{variant:"secondary",as:"a",href:s,target:"_blank",rel:"noopener"},(0,l.__)("Contact support","wordpress-seo")));M.propTypes={handleRefreshClick:y().func.isRequired,supportLink:y().string.isRequired};const D=({error:e,children:s})=>(0,t.createElement)("div",{role:"alert",className:"yst-max-w-screen-sm yst-p-8 yst-space-y-4"},(0,t.createElement)(T.Title,null,(0,l.__)("Something went wrong. An unexpected error occurred.","wordpress-seo")),(0,t.createElement)("p",null,(0,l.__)("We're very sorry, but it seems like the following error has interrupted our application:","wordpress-seo")),(0,t.createElement)(T.Alert,{variant:"error"},(null==e?void 0:e.message)||(0,l.__)("Undefined error message.","wordpress-seo")),(0,t.createElement)("p",null,(0,l.__)("Unfortunately, this means that any unsaved changes in this section will be lost. You can try and refresh this page to resolve the problem. If this error still occurs, please get in touch with our support team, and we'll get you all the help you need!","wordpress-seo")),s);D.propTypes={error:y().object.isRequired,children:y().node},D.VerticalButtons=M,D.HorizontalButtons=O;const q=({error:e})=>{const s=(0,i.useCallback)((()=>{var e,t;return null===(e=window)||void 0===e||null===(t=e.location)||void 0===t?void 0:t.reload()}),[]),r=(0,n.useSelect)((e=>e("yoast-seo/editor").selectLink("https://yoa.st/metabox-error-support")),[]),a=(0,n.useSelect)((e=>e("yoast-seo/editor").getPreference("isRtl",!1)),[]);return(0,i.useEffect)((()=>{document.querySelectorAll('[id^="wpseo-meta-tab-"]').forEach((e=>{!function(e){const t=document.querySelector(`#${e}`);null!==t&&(t.style.opacity="0.5",t.style.pointerEvents="none",t.setAttribute("aria-disabled","true"),t.classList.contains("yoast-active-tab")&&t.classList.remove("yoast-active-tab"))}(e.id)}))}),[]),(0,t.createElement)(T.Root,{context:{isRtl:a}},(0,t.createElement)(D,{error:e},(0,t.createElement)(D.HorizontalButtons,{supportLink:r,handleRefreshClick:s}),(0,t.createElement)(F,{target:"wpseo-seo-score-icon",scoreIndicator:"not-set"}),(0,t.createElement)(F,{target:"wpseo-readability-score-icon",scoreIndicator:"not-set"}),(0,t.createElement)(F,{target:"wpseo-inclusive-language-score-icon",scoreIndicator:"not-set"})))};function N({theme:e}){return(0,t.createElement)(S,{theme:e,location:"metabox"},(0,t.createElement)(T.ErrorBoundary,{FallbackComponent:q},(0,t.createElement)(k.Slot,{name:"YoastMetabox"},(e=>_(e)))))}q.propTypes={error:y().object.isRequired};const B=window.wp.compose,$=t.forwardRef((function(e,s){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:s},e),t.createElement("path",{d:"M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"}))})),U=(e=null)=>(0,t.useMemo)((()=>{const t={role:"img","aria-hidden":"true"};return null!==e&&(t.focusable=e?"true":"false"),t}),[e]);var W=s(4530),K=s.n(W);const H=({className:e,...s})=>(0,t.createElement)("span",{className:K()("yst-grow yst-overflow-hidden yst-overflow-ellipsis yst-whitespace-nowrap yst-font-wp yst-text-[#555] yst-text-base yst-leading-[normal] yst-subpixel-antialiased yst-text-left",e),...s});H.displayName="MetaboxButton.Text",H.propTypes={className:y().string},H.defaultProps={className:""};const V=({className:e,...s})=>(0,t.createElement)("button",{type:"button",className:K()("yst-flex yst-items-center yst-w-full yst-pt-4 yst-pb-4 yst-pr-4 yst-pl-6 yst-space-x-2 yst-border-t yst-border-t-[rgb(0,0,0,0.2)] yst-rounded-none yst-transition-all hover:yst-bg-[#f0f0f0] focus:yst-outline focus:yst-outline-[1px] focus:yst-outline-[color:#0066cd] focus:-yst-outline-offset-1 focus:yst-shadow-[0_0_3px_rgba(8,74,103,0.8)]",e),...s});V.propTypes={className:y().string},V.defaultProps={className:""},V.Text=H;const Y=window.yoast.helpers,j=w().div`
@media screen and ( max-width: 680px ) {
@media screen and ( min-width: 600px ) {
float: ${(0,Y.getDirectionalStyle)("right","left")};
margin: ${(0,Y.getDirectionalStyle)("0 0 16px 16px","0 16px 16px 0")};
@media screen and ( max-width: 680px ) {
`,"yoast yoast-gutenberg-modal"),Z=e=>{const{title:s,className:r,showYoastIcon:a,additionalClassName:n,...o}=e,i=a?(0,t.createElement)("span",{className:"yoast-icon"}):null;return(0,t.createElement)(k.Modal,{title:s,className:`${r} ${n}`,icon:i,...o},e.children)};Z.propTypes={title:y().string,className:y().string,showYoastIcon:y().bool,children:y().oneOfType([y().node,y().arrayOf(y().node)]),additionalClassName:y().string},Z.defaultProps={title:"Yoast SEO",className:G,showYoastIcon:!0,children:null,additionalClassName:""};const X=Z;var Q,J;function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},ee.apply(this,arguments)}const te=e=>t.createElement("svg",ee({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 425 456.27"},e),Q||(Q=t.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"})),J||(J=t.createElement("path",{stroke:"#000",strokeMiterlimit:10,strokeWidth:3.81,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"}))),se=e=>(0,t.createElement)("div",{className:"yoast components-panel__body"},(0,t.createElement)("h2",{className:"components-panel__body-title"},(0,t.createElement)("button",{id:e.id,onClick:e.onClick,className:"components-button components-panel__body-toggle",type:"button"},e.prefixIcon&&(0,t.createElement)("span",{className:"yoast-icon-span",style:{fill:`${e.prefixIcon&&e.prefixIcon.color||""}`}},(0,t.createElement)(R.SvgIcon,{size:e.prefixIcon.size,icon:e.prefixIcon.icon})),(0,t.createElement)("span",{className:"yoast-title-container"},(0,t.createElement)("div",{className:"yoast-title"},e.title),(0,t.createElement)("div",{className:"yoast-subtitle"},e.subTitle)),e.children,e.suffixIcon&&(0,t.createElement)(R.SvgIcon,{size:e.suffixIcon.size,icon:e.suffixIcon.icon}),e.SuffixHeroIcon))),re=se;se.propTypes={onClick:y().func.isRequired,title:y().string.isRequired,id:y().string,subTitle:y().string,suffixIcon:y().object,SuffixHeroIcon:y().object,prefixIcon:y().object,children:y().node},se.defaultProps={id:"",suffixIcon:null,SuffixHeroIcon:null,prefixIcon:null,subTitle:"",children:null};const ae=window.moment;var ne=s.n(ae),oe=s(6746);const ie=(0,Y.makeOutboundLink)(),le=e=>{const s=(0,l.sprintf)(/* translators: %d expands to the amount of allowed keyphrases on a free account, %s expands to a link to Wincher plans. */
(0,l.__)("You've reached the maximum amount of %d keyphrases you can add to your Wincher account. If you wish to add more keyphrases, please %s.","wordpress-seo"),e.limit,"{{updateWincherPlanLink/}}");return(0,t.createElement)(R.Alert,{type:"error"},(0,oe.Z)({mixedString:s,components:{updateWincherPlanLink:(0,t.createElement)(ie,{href:wpseoAdminGlobalL10n["links.wincher.pricing"]},(0,l.sprintf)(/* translators: %s : Expands to "Wincher". */
(0,l.__)("upgrade your %s plan","wordpress-seo"),"Wincher"))}}))};le.propTypes={limit:y().number},le.defaultProps={limit:10};const ce=le,de=()=>(0,t.createElement)(R.Alert,{type:"error"},(0,l.__)("Something went wrong while tracking the ranking position(s) of your page. Please try again later.","wordpress-seo")),pe=window.wp.apiFetch;var ue=s.n(pe);async function me(e,t,s,r=200){try{const a=await e();return!!a&&(a.status===r?t(a):s(a))}catch(e){console.error(e.message)}}async function he(e){try{return await ue()(e)}catch(e){return e.error&&e.status?e:e instanceof Response&&await e.json()}}async function ge(e){return(0,m.isArray)(e)||(e=[e]),await he({path:"yoast/v1/wincher/keyphrases/track",method:"POST",data:{keyphrases:e}})}const ye=w().p`
color: ${C.colors.$color_pink_dark};
background: ${e=>e.isTitleShortened?"#F5F7F7":"transparent"};
border: 1px solid #C7C7C7;
border-left: 4px solid${C.colors.$color_pink_dark};
`,ve=e=>{const[t,s]=(0,i.useState)(null);return(0,i.useEffect)((()=>{e&&!t&&async function(){return await he({path:"yoast/v1/wincher/account/limit",method:"GET"})}().then((e=>s(e)))}),[t]),t};ve.propTypes={limit:y().bool.isRequired};const ke=({limit:e,usage:s,isTitleShortened:r,isFreeAccount:a})=>{const n=(0,l.sprintf)(
/* Translators: %1$s expands to the number of used keywords.
* %2$s expands to the account keywords limit.
(0,l.__)("Your are tracking %1$s out of %2$s keyphrases included in your free account.","wordpress-seo"),s,e),o=(0,l.sprintf)(
/* Translators: %1$s expands to the number of used keywords.
* %2$s expands to the account keywords limit.
(0,l.__)("Your are tracking %1$s out of %2$s keyphrases included in your account.","wordpress-seo"),s,e),i=a?n:o,c=(0,l.sprintf)(
/* Translators: %1$s expands to the number of used keywords.
* %2$s expands to the account keywords limit.
(0,l.__)("Keyphrases tracked: %1$s/%2$s","wordpress-seo"),s,e),d=r?c:i;return(0,t.createElement)(ye,null,r&&(0,t.createElement)(fe,{icon:"exclamation-triangle",color:C.colors.$color_pink_dark,size:"14px"}),d)};ke.propTypes={limit:y().number.isRequired,usage:y().number.isRequired,isTitleShortened:y().bool,isFreeAccount:y().bool};const _e=(0,Y.makeOutboundLink)(),xe=({discount:e,months:s})=>{const r=(0,t.createElement)(_e,{href:wpseoAdminGlobalL10n["links.wincher.upgrade"],style:{fontWeight:600}},(0,l.sprintf)(/* Translators: %s : Expands to "Wincher". */
(0,l.__)("Click here to upgrade your %s plan","wordpress-seo"),"Wincher"));if(!e||!s)return(0,t.createElement)(be,null,r);const a=100*e,n=(0,l.sprintf)(
/* Translators: %1$s expands to upgrade account link.
* %2$s expands to the upgrade discount value.
* %3$s expands to the upgrade discount duration e.g. 2 months.
(0,l.__)("%1$s and get an exclusive %2$s discount for %3$s month(s).","wordpress-seo"),"{{wincherAccountUpgradeLink/}}",a+"%",s);return(0,t.createElement)(be,null,(0,oe.Z)({mixedString:n,components:{wincherAccountUpgradeLink:r}}))};xe.propTypes={discount:y().number,months:y().number};const Se=({onClose:e,isTitleShortened:s,trackingInfo:r})=>{const a=(()=>{const[e,t]=(0,i.useState)(null);return(0,i.useEffect)((()=>{e||async function(){return await he({path:"yoast/v1/wincher/account/upgrade-campaign",method:"GET"})}().then((e=>t(e)))}),[e]),e})();if(null===r)return null;const{limit:n,usage:o}=r;if(!(n&&o/n>=.8))return null;const c=Boolean(null==a?void 0:a.discount);return(0,t.createElement)(Ee,{isTitleShortened:s},e&&(0,t.createElement)(we,{type:"button","aria-label":(0,l.__)("Close the upgrade callout","wordpress-seo"),onClick:e},(0,t.createElement)(R.SvgIcon,{icon:"times-circle",color:C.colors.$color_pink_dark,size:"14px"})),(0,t.createElement)(ke,{...r,isTitleShortened:s,isFreeAccount:c}),(0,t.createElement)(xe,{discount:null==a?void 0:a.discount,months:null==a?void 0:a.months}))};Se.propTypes={onClose:y().func,isTitleShortened:y().bool,trackingInfo:y().object};const Te=Se,Re=()=>(0,t.createElement)(R.Alert,{type:"success"},(0,l.sprintf)(/* translators: %s: Expands to "Wincher". */
(0,l.__)("You have successfully connected to %s! You can now track the SEO performance for the keyphrase(s) of this page.","wordpress-seo"),"Wincher")),Ce=()=>(0,t.createElement)(R.Alert,{type:"info"},(0,l.sprintf)(/* translators: %s: Expands to "Wincher". */
(0,l.__)("%s is currently tracking the ranking position(s) of your page. This may take a few minutes. Please wait or check back later.","wordpress-seo"),"Wincher")),Ie=({data:e,mapChartDataToTableData:s,dataTableCaption:r,dataTableHeaderLabels:a,isDataTableVisuallyHidden:n})=>e.length!==a.length?(0,t.createElement)("p",null,(0,l.__)("The number of headers and header labels don't match.","wordpress-seo")):(0,t.createElement)("div",{className:n?"screen-reader-text":null},(0,t.createElement)("table",null,(0,t.createElement)("caption",null,r),(0,t.createElement)("thead",null,(0,t.createElement)("tr",null,a.map(((e,s)=>(0,t.createElement)("th",{key:s},e))))),(0,t.createElement)("tbody",null,(0,t.createElement)("tr",null,e.map(((e,r)=>(0,t.createElement)("td",{key:r},s(e.y))))))));Ie.propTypes={data:y().arrayOf(y().shape({x:y().number,y:y().number})).isRequired,mapChartDataToTableData:y().func,dataTableCaption:y().string.isRequired,dataTableHeaderLabels:y().array.isRequired,isDataTableVisuallyHidden:y().bool},Ie.defaultProps={mapChartDataToTableData:null,isDataTableVisuallyHidden:!0};const Ae=Ie,Le=({data:e,width:s,height:r,fillColor:a,strokeColor:n,strokeWidth:o,className:l,mapChartDataToTableData:c,dataTableCaption:d,dataTableHeaderLabels:p,isDataTableVisuallyHidden:u})=>{const m=Math.max(1,Math.max(...e.map((e=>e.x)))),h=Math.max(1,Math.max(...e.map((e=>e.y)))),g=r-o,y=e.map((e=>`${e.x/m*s},${g-e.y/h*g+o}`)).join(" "),f=`0,${g+o} `+y+` ${s},${g+o}`;return(0,t.createElement)(i.Fragment,null,(0,t.createElement)("svg",{width:s,height:r,viewBox:`0 0 ${s} ${r}`,className:l,role:"img","aria-hidden":"true",focusable:"false"},(0,t.createElement)("polygon",{fill:a,points:f}),(0,t.createElement)("polyline",{fill:"none",stroke:n,strokeWidth:o,strokeLinejoin:"round",strokeLinecap:"round",points:y})),c&&(0,t.createElement)(Ae,{data:e,mapChartDataToTableData:c,dataTableCaption:d,dataTableHeaderLabels:p,isDataTableVisuallyHidden:u}))};Le.propTypes={data:y().arrayOf(y().shape({x:y().number,y:y().number})).isRequired,width:y().number.isRequired,height:y().number.isRequired,fillColor:y().string,strokeColor:y().string,strokeWidth:y().number,className:y().string,mapChartDataToTableData:y().func,dataTableCaption:y().string.isRequired,dataTableHeaderLabels:y().array.isRequired,isDataTableVisuallyHidden:y().bool},Le.defaultProps={fillColor:null,strokeColor:"#000000",strokeWidth:1,className:"",mapChartDataToTableData:null,isDataTableVisuallyHidden:!0};const Pe=Le,Fe=()=>(0,t.createElement)("p",{className:"yoast-wincher-seo-performance-modal__loading-message"},(0,l.__)("Tracking the ranking position...","wordpress-seo"),"Â ",(0,t.createElement)(R.SvgIcon,{icon:"loading-spinner"})),Oe=w()(R.SvgIcon)`
rotate: ${e=>e.isImproving?"-90deg":"90deg"};
color: ${e=>e.isImproving?"#69AB56":"#DC3332"};
padding-right: 0 !important;
padding-left: 2px !important;
`,Ne=w().td.attrs({className:"yoast-table--nopadding"})`
background-color: ${e=>e.isEnabled?"#FFFFFF":"#F9F9F9"} !important;
`;function We(e){return Math.round(100*e)}function Ke({chartData:e}){if((0,m.isEmpty)(e)||(0,m.isEmpty)(e.position))return"?";const s=function(e){return Array.from({length:e.position.history.length},((e,t)=>t+1)).map((e=>(0,l.sprintf)((0,l._n)("%d day","%d days",e,"wordpress-seo"),e)))}(e),r=e.position.history.map(((e,t)=>({x:t,y:101-e.value})));return(0,t.createElement)(Pe,{width:66,height:24,data:r,strokeWidth:1.8,strokeColor:"#498afc",fillColor:"#ade3fc",mapChartDataToTableData:We,dataTableCaption:(0,l.__)("Keyphrase position in the last 90 days on a scale from 0 to 100.","wordpress-seo"),dataTableHeaderLabels:s})}Ke.propTypes={chartData:y().object},Ke.defaultProps={chartData:{}};const He=({rowData:e})=>{var s;if(null==e||null===(s=e.position)||void 0===s||!s.change)return(0,t.createElement)(Ke,{chartData:e});const r=e.position.change<0;return(0,t.createElement)(i.Fragment,null,(0,t.createElement)(Ke,{chartData:e}),(0,t.createElement)(Me,{isImproving:r},Math.abs(e.position.change)),(0,t.createElement)(Oe,{icon:"caret-right",color:r?"#69AB56":"#DC3332",size:"14px",isImproving:r}))};function Ve(e){var s;const{keyphrase:r,rowData:a,onTrackKeyphrase:n,onUntrackKeyphrase:o,isFocusKeyphrase:c,isDisabled:d,isLoading:p,isSelected:u,onSelectKeyphrases:h}=e,g=!(0,m.isEmpty)(a),y=!(0,m.isEmpty)(null==a||null===(s=a.position)||void 0===s?void 0:s.history),f=(0,i.useCallback)((()=>{d||(g?o(r,a.id):n(r))}),[r,n,o,g,a,d]),w=(0,i.useCallback)((()=>{h((e=>u?e.filter((e=>e!==r)):e.concat(r)))}),[h,u,r]);return(0,t.createElement)(Ue,{isEnabled:g},(0,t.createElement)(De,null,y&&(0,t.createElement)(R.Checkbox,{id:"select-"+r,onChange:w,checked:u,label:""})),(0,t.createElement)(qe,null,r,c&&(0,t.createElement)("span",null,"*")),function(e){const{rowData:s,websiteId:r,keyphrase:a,onSelectKeyphrases:n}=e,o=(0,i.useCallback)((()=>{n([a])}),[n,a]),c=!(0,m.isEmpty)(s),d=s&&s.updated_at&&ne()(s.updated_at)>=ne()().subtract(7,"days"),p=s?(0,l.sprintf)("https://app.wincher.com/websites/%s/keywords?serp=%s&utm_medium=plugin&utm_source=yoast&referer=yoast&partner=yoast",r,s.id):null;return c?d?(0,t.createElement)(i.Fragment,null,(0,t.createElement)("td",null,(0,t.createElement)(Be,null,function(e){return!e||!e.position||e.position.value>100?"> 100":e.position.value}(s),(0,t.createElement)(R.ButtonStyledLink,{variant:"secondary",href:p,style:{height:28,marginLeft:12},rel:"noopener",target:"_blank"},(0,l.__)("View","wordpress-seo")))),(0,t.createElement)("td",{className:"yoast-table--nopadding"},(0,t.createElement)($e,{type:"button",onClick:o},(0,t.createElement)(He,{rowData:s}))),(0,t.createElement)("td",null,(u=s.updated_at,ne()(u).fromNow()))):(0,t.createElement)("td",{className:"yoast-table--nopadding",colSpan:"3"},(0,t.createElement)(Fe,null)):(0,t.createElement)("td",{className:"yoast-table--nopadding",colSpan:"3"},(0,t.createElement)("i",null,(0,l.__)("Activate tracking to show the ranking position","wordpress-seo")));var u}(e),(0,t.createElement)(Ne,null,function({keyphrase:e,isEnabled:s,toggleAction:r,isLoading:a}){return a?(0,t.createElement)(R.SvgIcon,{icon:"loading-spinner"}):(0,t.createElement)(R.Toggle,{id:`toggle-keyphrase-tracking-${e}`,className:"wincher-toggle",isEnabled:s,onSetToggleState:r,showToggleStateLabel:!1})}({keyphrase:r,isEnabled:g,toggleAction:f,isLoading:p})))}He.propTypes={rowData:y().object},Ve.propTypes={rowData:y().object,keyphrase:y().string.isRequired,onTrackKeyphrase:y().func,onUntrackKeyphrase:y().func,isFocusKeyphrase:y().bool,isDisabled:y().bool,isLoading:y().bool,websiteId:y().string,isSelected:y().bool.isRequired,onSelectKeyphrases:y().func.isRequired},Ve.defaultProps={rowData:{},onTrackKeyphrase:()=>{},onUntrackKeyphrase:()=>{},isFocusKeyphrase:!1,isDisabled:!1,isLoading:!1,websiteId:""};const Ye=(0,Y.makeOutboundLink)(),je=w().span`
@media (min-width: 782px) {
${(0,Y.getDirectionalStyle)("right","left")}: 8px;
pointer-events: ${e=>e.isDisabled?"none":"initial"};
padding-right: 0 !important;
padding-left: 2px !important;
`,Xe=e=>{const t=(0,i.useRef)();return(0,i.useEffect)((()=>{t.current=e})),t.current},Qe=(0,m.debounce)((async function(e=null,t=null,s=null,r){return await he({path:"yoast/v1/wincher/keyphrases",method:"POST",data:{keyphrases:e,permalink:s,startAt:t},signal:r})}),500,{leading:!0}),Je=e=>{const{addTrackedKeyphrase:s,isLoggedIn:r,keyphrases:a,permalink:n,removeTrackedKeyphrase:o,setKeyphraseLimitReached:c,setRequestFailed:d,setRequestSucceeded:p,setTrackedKeyphrases:u,setHasTrackedAll:h,trackAll:g,trackedKeyphrases:y,isNewlyAuthenticated:f,websiteId:w,focusKeyphrase:b,newRequest:E,startAt:v,selectedKeyphrases:k,onSelectKeyphrases:_}=e,x=(0,i.useRef)(),S=(0,i.useRef)(),T=(0,i.useRef)(!1),[C,I]=(0,i.useState)([]),A=(0,i.useCallback)((e=>{const t=e.toLowerCase();return y&&!(0,m.isEmpty)(y)&&y.hasOwnProperty(t)?y[t]:null}),[y]),L=(0,i.useMemo)((()=>async()=>{await me((()=>(S.current&&S.current.abort(),S.current="undefined"==typeof AbortController?null:new AbortController,Qe(a,v,n,S.current.signal))),(e=>{p(e),u(e.results)}),(e=>{d(e)}))}),[p,d,u,a,n,v]),P=(0,i.useCallback)((async e=>{const t=(Array.isArray(e)?e:[e]).map((e=>e.toLowerCase()));I((e=>[...e,...t])),await me((()=>ge(t)),(e=>{p(e),s(e.results),L()}),(e=>{400===e.status&&e.limit&&c(e.limit),d(e)}),201),I((e=>(0,m.without)(e,...t)))}),[p,d,c,s,L]),F=(0,i.useCallback)((async(e,t)=>{e=e.toLowerCase(),I((t=>[...t,e])),await me((()=>async function(e){return await he({path:"yoast/v1/wincher/keyphrases/untrack",method:"DELETE",data:{keyphraseID:e}})}(t)),(t=>{p(t),o(e)}),(e=>{d(e)})),I((t=>(0,m.without)(t,e)))}),[p,o,d]),O=(0,i.useCallback)((async e=>{E(),await P(e)}),[E,P]),M=Xe(n),D=Xe(a),q=Xe(v),N=n&&v;(0,i.useEffect)((()=>{r&&N&&(n!==M||(0,m.difference)(a,D).length||v!==q)&&L()}),[r,n,M,a,D,L,N,v,q]),(0,i.useEffect)((()=>{if(r&&g&&null!==y){const e=a.filter((e=>!A(e)));e.length&&P(e),h()}}),[r,g,y,P,h,A,a]),(0,i.useEffect)((()=>{f&&!T.current&&(L(),T.current=!0)}),[f,L]),(0,i.useEffect)((()=>{if(r&&!(0,m.isEmpty)(y))return(0,m.filter)(y,(e=>(0,m.isEmpty)(e.updated_at))).length>0&&(x.current=setInterval((()=>{L()}),1e4)),()=>{clearInterval(x.current)}}),[r,y,L]);const B=r&&null===y,$=(0,i.useMemo)((()=>(0,m.isEmpty)(y)?[]:Object.values(y).filter((e=>{var t;return!(0,m.isEmpty)(null==e||null===(t=e.position)||void 0===t?void 0:t.history)})).map((e=>e.keyword))),[y]),U=(0,i.useMemo)((()=>k.length>0&&$.length>0&&$.every((e=>k.includes(e)))),[k,$]),W=(0,i.useCallback)((()=>{_(U?[]:$)}),[_,U,$]),K=(0,i.useMemo)((()=>(0,m.orderBy)(a,[e=>Object.values(y||{}).map((e=>e.keyword)).includes(e)],["desc"])),[a,y]);return a&&!(0,m.isEmpty)(a)&&(0,t.createElement)(i.Fragment,null,(0,t.createElement)(ze,null,(0,t.createElement)("table",{className:"yoast yoast-table"},(0,t.createElement)("thead",null,(0,t.createElement)("tr",null,(0,t.createElement)(Ge,{isDisabled:0===$.length},(0,t.createElement)(R.Checkbox,{id:"select-all",onChange:W,checked:U,label:""})),(0,t.createElement)(Ze,{scope:"col",abbr:(0,l.__)("Keyphrase","wordpress-seo")},(0,l.__)("Keyphrase","wordpress-seo")),(0,t.createElement)("th",{scope:"col",abbr:(0,l.__)("Position","wordpress-seo")},(0,l.__)("Position","wordpress-seo")),(0,t.createElement)("th",{scope:"col",abbr:(0,l.__)("Position over time","wordpress-seo")},(0,l.__)("Position over time","wordpress-seo")),(0,t.createElement)("th",{scope:"col",abbr:(0,l.__)("Last updated","wordpress-seo")},(0,l.__)("Last updated","wordpress-seo")),(0,t.createElement)("th",{scope:"col",abbr:(0,l.__)("Tracking","wordpress-seo")},(0,l.__)("Tracking","wordpress-seo")))),(0,t.createElement)("tbody",null,K.map(((e,s)=>(0,t.createElement)(Ve,{key:`trackable-keyphrase-${s}`,keyphrase:e,onTrackKeyphrase:O,onUntrackKeyphrase:F,rowData:A(e),isFocusKeyphrase:e===b.trim().toLowerCase(),websiteId:w,isDisabled:!r,isLoading:B||C.indexOf(e.toLowerCase())>=0,isSelected:k.includes(e),onSelectKeyphrases:_})))))),(0,t.createElement)("p",{style:{marginBottom:0,position:"relative"}},(0,t.createElement)(Ye,{href:wpseoAdminGlobalL10n["links.wincher.login"]},(0,l.sprintf)(/* translators: %s expands to Wincher */
(0,l.__)("Get more insights over at %s","wordpress-seo"),"Wincher")),(0,t.createElement)(je,null,(0,l.__)("* focus keyphrase","wordpress-seo"))))};Je.propTypes={addTrackedKeyphrase:y().func.isRequired,isLoggedIn:y().bool,isNewlyAuthenticated:y().bool,keyphrases:y().array,newRequest:y().func.isRequired,removeTrackedKeyphrase:y().func.isRequired,setRequestFailed:y().func.isRequired,setKeyphraseLimitReached:y().func.isRequired,setRequestSucceeded:y().func.isRequired,setTrackedKeyphrases:y().func.isRequired,setHasTrackedAll:y().func.isRequired,trackAll:y().bool,trackedKeyphrases:y().object,websiteId:y().string,permalink:y().string.isRequired,focusKeyphrase:y().string,startAt:y().string,selectedKeyphrases:y().arrayOf(y().string).isRequired,onSelectKeyphrases:y().func.isRequired},Je.defaultProps={isLoggedIn:!1,isNewlyAuthenticated:!1,keyphrases:[],trackAll:!1,websiteId:"",focusKeyphrase:""};const et=Je,tt=(0,B.compose)([(0,n.withSelect)((e=>{const{getWincherWebsiteId:t,getWincherTrackableKeyphrases:s,getWincherLoginStatus:r,getWincherPermalink:a,getFocusKeyphrase:n,isWincherNewlyAuthenticated:o,shouldWincherTrackAll:i}=e("yoast-seo/editor");return{focusKeyphrase:n(),keyphrases:s(),isLoggedIn:r(),trackAll:i(),websiteId:t(),isNewlyAuthenticated:o(),permalink:a()}})),(0,n.withDispatch)((e=>{const{setWincherNewRequest:t,setWincherRequestSucceeded:s,setWincherRequestFailed:r,setWincherSetKeyphraseLimitReached:a,setWincherTrackedKeyphrases:n,setWincherTrackingForKeyphrase:o,setWincherTrackAllKeyphrases:i,unsetWincherTrackingForKeyphrase:l}=e("yoast-seo/editor");return{newRequest:()=>{t()},setRequestSucceeded:e=>{s(e)},setRequestFailed:e=>{r(e)},setKeyphraseLimitReached:e=>{a(e)},addTrackedKeyphrase:e=>{o(e)},removeTrackedKeyphrase:e=>{l(e)},setTrackedKeyphrases:e=>{n(e)},setHasTrackedAll:()=>{i(!1)}}}))])(et),st=(0,Y.makeOutboundLink)(),rt=(0,Y.makeOutboundLink)(),at=()=>{const e=(0,l.sprintf)((0,l.__)(/* translators: %1$s expands to a link to Wincher, %2$s expands to a link to the keyphrase tracking article on Yoast.com */
"With %1$s you can track the ranking position of your page in the search results based on your keyphrase(s). %2$s","wordpress-seo"),"{{wincherLink/}}","{{wincherReadMoreLink/}}");return(0,t.createElement)("p",null,(0,oe.Z)({mixedString:e,components:{wincherLink:(0,t.createElement)(st,{href:wpseoAdminGlobalL10n["links.wincher.website"]},"Wincher"),wincherReadMoreLink:(0,t.createElement)(rt,{href:wpseoAdminL10n["shortlinks.wincher.seo_performance"]},(0,l.__)("Read more about keyphrase tracking with Wincher","wordpress-seo"))}}))},nt=()=>(0,t.createElement)(R.Alert,{type:"error"},(0,l.__)("No keyphrase has been set. Please set a keyphrase first.","wordpress-seo")),ot=()=>(0,t.createElement)(R.Alert,{type:"info"},(0,l.sprintf)(/* translators: %s: Expands to "Wincher". */
(0,l.__)("Automatic tracking of keyphrases is enabled. Your keyphrase(s) will automatically be tracked by %s when you publish your post.","wordpress-seo"),"Wincher"));class it{constructor(e,t={},s={}){this.url=e,this.origin=new URL(e).origin,this.eventHandlers=Object.assign({success:{type:"",callback:()=>{}},error:{type:"",callback:()=>{}}},t),this.options=Object.assign({height:570,width:340,title:""},s),this.popup=null,this.createPopup=this.createPopup.bind(this),this.messageHandler=this.messageHandler.bind(this),this.getPopup=this.getPopup.bind(this)}createPopup(){const{height:e,width:t,title:s}=this.options,r=["top="+(window.top.outerHeight/2+window.top.screenY-e/2),"left="+(window.top.outerWidth/2+window.top.screenX-t/2),"width="+t,"height="+e,"resizable=1","scrollbars=1","status=0"];this.popup&&!this.popup.closed||(this.popup=window.open(this.url,s,r.join(","))),this.popup&&this.popup.focus(),window.addEventListener("message",this.messageHandler,!1)}async messageHandler(e){const{data:t,source:s,origin:r}=e;r===this.origin&&this.popup===s&&(t.type===this.eventHandlers.success.type&&(this.popup.close(),window.removeEventListener("message",this.messageHandler,!1),await this.eventHandlers.success.callback(t)),t.type===this.eventHandlers.error.type&&(this.popup.close(),window.removeEventListener("message",this.messageHandler,!1),await this.eventHandlers.error.callback(t)))}getPopup(){return this.popup}isClosed(){return!this.popup||this.popup.closed}focus(){this.isClosed()||this.popup.focus()}}const lt=e=>{const s=(0,l.sprintf)(/* translators: %s expands to a link to open the Wincher login popup. */
(0,l.__)("It seems like something went wrong when retrieving your website's data. Please %s and try again.","wordpress-seo"),"{{reconnectToWincher/}}","Wincher");return(0,t.createElement)(R.Alert,{type:"error",className:e.className},(0,oe.Z)({mixedString:s,components:{reconnectToWincher:(0,t.createElement)("a",{href:"#",onClick:t=>{t.preventDefault(),e.onReconnect()}},(0,l.sprintf)(/* translators: %s : Expands to "Wincher". */
(0,l.__)("reconnect to %s","wordpress-seo"),"Wincher"))}}))};lt.propTypes={onReconnect:y().func.isRequired,className:y().string},lt.defaultProps={className:""};const ct=lt,dt=()=>(0,t.createElement)(R.Alert,{type:"error"},(0,l.__)("Before you can track your SEO performance make sure to set either the post’s title and save it as a draft or manually set the post’s slug.","wordpress-seo")),pt=window.yoast["chart.js"],ut="label";function mt(e,t){"function"==typeof e?e(t):e&&(e.current=t)}function ht(e,t){e.labels=t}function gt(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:ut;const r=[];e.datasets=t.map((t=>{const a=e.datasets.find((e=>e[s]===t[s]));return a&&t.data&&!r.includes(a)?(r.push(a),Object.assign(a,t),a):{...t}}))}function yt(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ut;const s={labels:[],datasets:[]};return ht(s,e.labels),gt(s,e.datasets,t),s}function ft(e,s){const{height:r=150,width:a=300,redraw:n=!1,datasetIdKey:o,type:i,data:l,options:c,plugins:d=[],fallbackContent:p,updateMode:u,...m}=e,h=(0,t.useRef)(null),g=(0,t.useRef)(),y=()=>{h.current&&(g.current=new pt.Chart(h.current,{type:i,data:yt(l,o),options:c&&{...c},plugins:d}),mt(s,g.current))},f=()=>{mt(s,null),g.current&&(g.current.destroy(),g.current=null)};return(0,t.useEffect)((()=>{!n&&g.current&&c&&function(e,t){const s=e.options;s&&t&&Object.assign(s,t)}(g.current,c)}),[n,c]),(0,t.useEffect)((()=>{!n&&g.current&&ht(g.current.config.data,l.labels)}),[n,l.labels]),(0,t.useEffect)((()=>{!n&&g.current&&l.datasets&>(g.current.config.data,l.datasets,o)}),[n,l.datasets]),(0,t.useEffect)((()=>{g.current&&(n?(f(),setTimeout(y)):g.current.update(u))}),[n,c,l.labels,l.datasets,u]),(0,t.useEffect)((()=>{g.current&&(f(),setTimeout(y))}),[i]),(0,t.useEffect)((()=>(y(),()=>f())),[]),t.createElement("canvas",Object.assign({ref:h,role:"img",height:r,width:a},m),p)}const wt=(0,t.forwardRef)(ft);function bt(e,s){return pt.Chart.register(s),(0,t.forwardRef)(((s,r)=>t.createElement(wt,Object.assign({},s,{ref:r,type:e}))))}const Et=bt("line",pt.LineController),vt={datetime:"MMM D, YYYY, h:mm:ss a",millisecond:"h:mm:ss.SSS a",second:"h:mm:ss a",minute:"h:mm a",hour:"hA",day:"MMM D",week:"ll",month:"MMM YYYY",quarter:"[Q]Q - YYYY",year:"YYYY"};pt._adapters._date.override("function"==typeof ne()?{_id:"moment",formats:function(){return vt},parse:function(e,t){return"string"==typeof e&&"string"==typeof t?e=ne()(e,t):e instanceof ne()||(e=ne()(e)),e.isValid()?e.valueOf():null},format:function(e,t){return ne()(e).format(t)},add:function(e,t,s){return ne()(e).add(t,s).valueOf()},diff:function(e,t,s){return ne()(e).diff(ne()(t),s)},startOf:function(e,t,s){return e=ne()(e),"isoWeek"===t?(s=Math.trunc(Math.min(Math.max(0,s),6)),e.isoWeekday(s).startOf("day").valueOf()):e.startOf(t).valueOf()},endOf:function(e,t){return ne()(e).endOf(t).valueOf()}}:{}),Math.PI,Number.POSITIVE_INFINITY,Math.log10,Math.sign,"undefined"==typeof window||window.requestAnimationFrame,new Map,Object.create(null),Object.create(null),Number.EPSILON;const kt=["top","right","bottom","left"];function _t(e,t,s){const r={};s=s?"-"+s:"";for(let a=0;a<4;a++){const n=kt[a];r[n]=parseFloat(e[t+"-"+n+s])||0}return r.width=r.left+r.right,r.height=r.top+r.bottom,r}!function(){let e=!1;try{const t={get passive(){return e=!0,!1}};window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(e){}}(),pt.Chart.register(pt.CategoryScale,pt.LineController,pt.LineElement,pt.PointElement,pt.LinearScale,pt.TimeScale,pt.Legend,pt.Tooltip);const xt=["#ff983b","#ffa3f7","#3798ff","#ff3b3b","#acce81","#b51751","#3949ab","#26c6da","#ccb800","#de66ff","#4db6ac","#ffab91","#45f5f1","#77f210","#90a4ae","#ffd54f","#006b5e","#8ec7d2","#b1887c","#cc9300"];function St({datasets:e,isChartShown:s,keyphrases:r}){if(!s)return null;const a=(0,i.useMemo)((()=>Object.fromEntries([...r].sort().map(((e,t)=>[e,xt[t%xt.length]])))),[r]),n=e.map((e=>{const t=a[e.label];return{...e,data:e.data.map((({datetime:e,value:t})=>({x:e,y:t}))),lineTension:0,pointRadius:1,pointHoverRadius:4,borderWidth:2,pointHitRadius:6,backgroundColor:t,borderColor:t}})).filter((e=>!1!==e.selected));return(0,t.createElement)(Et,{height:100,data:{datasets:n},options:{plugins:{legend:{display:!0,position:"bottom",labels:{color:"black",usePointStyle:!0,boxHeight:7,boxWidth:7},onClick:m.noop},tooltip:{enabled:!0,callbacks:{title:e=>ne()(e[0].raw.x).utc().format("YYYY-MM-DD")},titleAlign:"center",mode:"xPoint",position:"nearest",usePointStyle:!0,boxHeight:7,boxWidth:7,boxPadding:2}},scales:{x:{bounds:"ticks",type:"time",time:{unit:"day",minUnit:"day"},grid:{display:!1},ticks:{autoSkipPadding:50,maxRotation:0,color:"black"}},y:{bounds:"ticks",offset:!0,reverse:!0,ticks:{precision:0,color:"black"},max:101}}}})}pt.Interaction.modes.xPoint=(e,t,s,r)=>{const a=function(e,t){if("native"in e)return e;const{canvas:s,currentDevicePixelRatio:r}=t,a=(m=s).ownerDocument.defaultView.getComputedStyle(m,null),n="border-box"===a.boxSizing,o=_t(a,"padding"),i=_t(a,"border","width"),{x:l,y:c,box:d}=function(e,t){const s=e.touches,r=s&&s.length?s[0]:e,{offsetX:a,offsetY:n}=r;let o,i,l=!1;if(((e,t,s)=>(e>0||t>0)&&(!s||!s.shadowRoot))(a,n,e.target))o=a,i=n;else{const e=t.getBoundingClientRect();o=r.clientX-e.left,i=r.clientY-e.top,l=!0}return{x:o,y:i,box:l}}(e,s),p=o.left+(d&&i.left),u=o.top+(d&&i.top);var m;let{width:h,height:g}=t;return n&&(h-=o.width+i.width,g-=o.height+i.height),{x:Math.round((l-p)/h*s.width/r),y:Math.round((c-u)/g*s.height/r)}}(t,e);let n=[];if(pt.Interaction.evaluateInteractionItems(e,"x",a,((e,t,s)=>{e.inXRange(a.x,r)&&n.push({element:e,datasetIndex:t,index:s})})),0===n.length)return n;const o=n.reduce(((e,t)=>Math.abs(a.x-e.element.x)<Math.abs(a.x-t.element.x)?e:t)).element.x;return n=n.filter((e=>e.element.x===o)),n.some((e=>Math.abs(e.element.y-a.y)<10))?n:[]},St.propTypes={datasets:y().arrayOf(y().shape({label:y().string.isRequired,data:y().arrayOf(y().shape({datetime:y().string.isRequired,value:y().number.isRequired})).isRequired,selected:y().bool})).isRequired,isChartShown:y().bool.isRequired,keyphrases:y().array.isRequired};const Tt=({response:e,onLogin:s})=>[401,403,404].includes(e.status)?(0,t.createElement)(ct,{onReconnect:s}):(0,t.createElement)(de,null);Tt.propTypes={response:y().object.isRequired,onLogin:y().func.isRequired};const Rt=({isSuccess:e,response:s,allKeyphrasesMissRanking:r,onLogin:a,keyphraseLimitReached:n,limit:o})=>n?(0,t.createElement)(ce,{limit:o}):(0,m.isEmpty)(s)||e?r?(0,t.createElement)(Ce,null):null:(0,t.createElement)(Tt,{response:s,onLogin:a});Rt.propTypes={isSuccess:y().bool.isRequired,allKeyphrasesMissRanking:y().bool.isRequired,response:y().object,onLogin:y().func.isRequired,keyphraseLimitReached:y().bool.isRequired,limit:y().number.isRequired},Rt.defaultProps={response:{}};let Ct=null;const It=async e=>{if(Ct&&!Ct.isClosed())return void Ct.focus();const{url:t}=await async function(){return await he({path:"yoast/v1/wincher/authorization-url",method:"GET"})}();Ct=new it(t,{success:{type:"wincher:oauth:success",callback:t=>(async(e,t)=>{const{onAuthentication:s,setRequestSucceeded:r,setRequestFailed:a,keyphrases:n,addTrackedKeyphrase:o,setKeyphraseLimitReached:i}=e;await me((()=>async function(e){const{code:t,websiteId:s}=e;return await he({path:"yoast/v1/wincher/authenticate",method:"POST",data:{code:t,websiteId:s}})}(t)),(async e=>{s(!0,!0,t.websiteId.toString()),r(e);const l=(Array.isArray(n)?n:[n]).map((e=>e.toLowerCase()));await me((()=>ge(l)),(e=>{r(e),o(e.results)}),(e=>{400===e.status&&e.limit&&i(e.limit),a(e)}),201);const c=Ct.getPopup();c&&c.close()}),(async e=>a(e)))})(e,t)},error:{type:"wincher:oauth:error",callback:()=>e.onAuthentication(!1,!1)}},{title:"Wincher_login",width:500,height:700}),Ct.createPopup()},At=e=>e.isLoggedIn?null:(0,t.createElement)("p",null,(0,t.createElement)(R.NewButton,{onClick:e.onLogin,variant:"primary"},(0,l.sprintf)(/* translators: %s expands to Wincher */
(0,l.__)("Connect with %s","wordpress-seo"),"Wincher")));At.propTypes={isLoggedIn:y().bool.isRequired,onLogin:y().func.isRequired};const Lt=w().div`
${e=>e.isDisabled&&"\n\t\topacity: .5;\n\t\tpointer-events: none;\n\t"};
font-weight: var(--yoast-font-weight-bold);
color: var(--yoast-color-label);
font-size: var(--yoast-font-size-default);
`,Ot=w().div.attrs({className:"yoast-field-group"})`
justify-content: space-between;
`,Dt=ne().utc().startOf("day"),qt=[{name:(0,l.__)("Last day","wordpress-seo"),value:ne()(Dt).subtract(1,"days").format(),defaultIndex:1},{name:(0,l.__)("Last week","wordpress-seo"),value:ne()(Dt).subtract(1,"week").format(),defaultIndex:2},{name:(0,l.__)("Last month","wordpress-seo"),value:ne()(Dt).subtract(1,"month").format(),defaultIndex:3},{name:(0,l.__)("Last year","wordpress-seo"),value:ne()(Dt).subtract(1,"year").format(),defaultIndex:0}],Nt=e=>{const{onSelect:s,selected:r,options:a,isLoggedIn:n}=e;return n?a.length<1?null:(0,t.createElement)("select",{className:"components-select-control__input",id:"wincher-period-picker",value:(null==r?void 0:r.value)||a[0].value,onChange:s},a.map((e=>(0,t.createElement)("option",{key:e.name,value:e.value},e.name)))):null};Nt.propTypes={onSelect:y().func.isRequired,selected:y().object,options:y().array.isRequired,isLoggedIn:y().bool.isRequired};const Bt=e=>{const{trackedKeyphrases:s,isLoggedIn:r,keyphrases:a,shouldTrackAll:n,permalink:o,historyDaysLimit:c}=e;if(!o&&r)return(0,t.createElement)(dt,null);if(0===a.length)return(0,t.createElement)(nt,null);const d=ne()(Dt).subtract(c,"days"),p=qt.filter((e=>ne()(e.value).isSameOrAfter(d))),u=(0,m.orderBy)(p,(e=>e.defaultIndex),"desc")[0],[h,g]=(0,i.useState)(u),[y,f]=(0,i.useState)([]),w=y.length>0,b=(0,B.usePrevious)(s);(0,i.useEffect)((()=>{if(!(0,m.isEmpty)(s)&&(0,m.difference)(Object.keys(s),Object.keys(b||[])).length){const e=Object.values(s).map((e=>e.keyword));f(e)}}),[s,b]),(0,i.useEffect)((()=>{g(u)}),[null==u?void 0:u.name]);const E=(0,i.useCallback)((e=>{const t=qt.find((t=>t.value===e.target.value));t&&g(t)}),[g]),v=(0,i.useMemo)((()=>(0,m.isEmpty)(y)||(0,m.isEmpty)(s)?[]:Object.values(s).filter((e=>{var t;return!(null==e||null===(t=e.position)||void 0===t||!t.history)})).map((e=>{var t;return{label:e.keyword,data:e.position.history,selected:y.includes(e.keyword)&&!(0,m.isEmpty)(null===(t=e.position)||void 0===t?void 0:t.history)}}))),[y,s]);return(0,t.createElement)(Pt,{isDisabled:!r},(0,t.createElement)("p",null,(0,l.__)("You can enable / disable tracking the SEO performance for each keyphrase below.","wordpress-seo")),r&&n&&(0,t.createElement)(ot,null),(0,t.createElement)(Ot,null,(0,t.createElement)(Nt,{selected:h,onSelect:E,options:p,isLoggedIn:r})),(0,t.createElement)(Mt,null,(0,t.createElement)(St,{isChartShown:w,datasets:v,keyphrases:a})),(0,t.createElement)(tt,{startAt:null==h?void 0:h.value,selectedKeyphrases:y,onSelectKeyphrases:f,trackedKeyphrases:s}))};function $t(e){const{isNewlyAuthenticated:s,isLoggedIn:r}=e,a=(0,i.useCallback)((()=>{It(e)}),[It,e]),n=ve(r);return(0,t.createElement)(Lt,null,s&&(0,t.createElement)(Re,null),r&&(0,t.createElement)(Te,{trackingInfo:n}),(0,t.createElement)(Ft,null,(0,l.__)("SEO performance","wordpress-seo"),(0,t.createElement)(R.HelpIcon,{linkTo:wpseoAdminL10n["shortlinks.wincher.seo_performance"]
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the SEO performance feature.","wordpress-seo")})),(0,t.createElement)(at,null),(0,t.createElement)(At,{isLoggedIn:r,onLogin:a}),(0,t.createElement)(Rt,{...e,onLogin:a}),(0,t.createElement)(Bt,{...e,historyDaysLimit:(null==n?void 0:n.historyDays)||31}))}Bt.propTypes={trackedKeyphrases:y().object,keyphrases:y().array.isRequired,isLoggedIn:y().bool.isRequired,shouldTrackAll:y().bool.isRequired,permalink:y().string.isRequired,historyDaysLimit:y().number},$t.propTypes={trackedKeyphrases:y().object,addTrackedKeyphrase:y().func.isRequired,isLoggedIn:y().bool,isNewlyAuthenticated:y().bool,keyphrases:y().array,response:y().object,shouldTrackAll:y().bool,permalink:y().string,historyDaysLimit:y().number},$t.defaultProps={trackedKeyphrases:null,isLoggedIn:!1,isNewlyAuthenticated:!1,keyphrases:[],response:{},shouldTrackAll:!1,permalink:"",historyDaysLimit:0};const Ut=(0,B.compose)([(0,n.withSelect)((e=>{const{isWincherNewlyAuthenticated:t,getWincherKeyphraseLimitReached:s,getWincherLimit:r,getWincherHistoryDaysLimit:a,getWincherLoginStatus:n,getWincherRequestIsSuccess:o,getWincherRequestResponse:i,getWincherTrackableKeyphrases:l,getWincherTrackedKeyphrases:c,getWincherAllKeyphrasesMissRanking:d,getWincherPermalink:p,shouldWincherAutomaticallyTrackAll:u}=e("yoast-seo/editor");return{keyphrases:l(),trackedKeyphrases:c(),allKeyphrasesMissRanking:d(),isLoggedIn:n(),isNewlyAuthenticated:t(),isSuccess:o(),keyphraseLimitReached:s(),limit:r(),response:i(),shouldTrackAll:u(),permalink:p(),historyDaysLimit:a()}})),(0,n.withDispatch)((e=>{const{setWincherWebsiteId:t,setWincherRequestSucceeded:s,setWincherRequestFailed:r,setWincherTrackingForKeyphrase:a,setWincherSetKeyphraseLimitReached:n,setWincherLoginStatus:o}=e("yoast-seo/editor");return{setRequestSucceeded:e=>{s(e)},setRequestFailed:e=>{r(e)},addTrackedKeyphrase:e=>{a(e)},setKeyphraseLimitReached:e=>{n(e)},onAuthentication:(e,s,r)=>{t(r),o(e,s)}}}))])($t),Wt=w()($)`
`;function Kt(e){const{keyphrases:t,onNoKeyphraseSet:s,onOpen:r,location:a}=e;if(!t.length){let e=document.querySelector("#focus-keyword-input-metabox");return e||(e=document.querySelector("#focus-keyword-input-sidebar")),e.focus(),void s()}r(a)}function Ht(e){const{location:s,whichModalOpen:r,shouldCloseOnClickOutside:a}=e,n=(0,i.useCallback)((()=>{Kt(e)}),[Kt,e]),o=(0,l.__)("Track SEO performance","wordpress-seo"),c=U();return(0,t.createElement)(i.Fragment,null,r===s&&(0,t.createElement)(X,{title:o,onRequestClose:e.onClose,icon:(0,t.createElement)(te,null),additionalClassName:"yoast-wincher-seo-performance-modal yoast-gutenberg-modal__no-padding",shouldCloseOnClickOutside:a},(0,t.createElement)(j,{className:"yoast-gutenberg-modal__content yoast-wincher-seo-performance-modal__content"},(0,t.createElement)(Ut,null))),"sidebar"===s&&(0,t.createElement)(re,{id:`wincher-open-button-${s}`,title:o,SuffixHeroIcon:(0,t.createElement)(Wt,{className:"yst-text-slate-500",...c}),onClick:n}),"metabox"===s&&(0,t.createElement)("div",{className:"yst-root"},(0,t.createElement)(V,{id:`wincher-open-button-${s}`,onClick:n},(0,t.createElement)(V.Text,null,o),(0,t.createElement)($,{className:"yst-h-5 yst-w-5 yst-text-slate-500",...c}))))}Ht.propTypes={location:y().string,whichModalOpen:y().oneOf(["none","metabox","sidebar","postpublish"]),shouldCloseOnClickOutside:y().bool,keyphrases:y().array.isRequired,onNoKeyphraseSet:y().func.isRequired,onOpen:y().func.isRequired,onClose:y().func.isRequired},Ht.defaultProps={location:"",whichModalOpen:"none",shouldCloseOnClickOutside:!0};const Vt=(0,B.compose)([(0,n.withSelect)((e=>{const{getWincherModalOpen:t,getWincherTrackableKeyphrases:s}=e("yoast-seo/editor");return{keyphrases:s(),whichModalOpen:t()}})),(0,n.withDispatch)((e=>{const{setWincherOpenModal:t,setWincherDismissModal:s,setWincherNoKeyphrase:r}=e("yoast-seo/editor");return{onOpen:e=>{t(e)},onClose:()=>{s()},onNoKeyphraseSet:()=>{r()}}}))])(Ht),Yt=window.yoast.externals.components;function jt(){return(0,B.createHigherOrderComponent)((function(e){return(0,B.pure)((function(t){const s=(0,i.useContext)(p.LocationContext);return(0,i.createElement)(e,{...t,location:s})}))}),"withLocation")}const zt=(0,B.compose)([(0,n.withSelect)((e=>{const{isCornerstoneContent:t}=e("yoast-seo/editor");return{isCornerstone:t(),learnMoreUrl:wpseoAdminL10n["shortlinks.cornerstone_content_info"]}})),(0,n.withDispatch)((e=>{const{toggleCornerstoneContent:t}=e("yoast-seo/editor");return{onChange:t}})),jt()])(Yt.CollapsibleCornerstone),Gt=window.yoast.searchMetadataPreviews,Zt=w()(R.StyledSection)`
&${R.StyledSectionBase} {
${(0,Y.getDirectionalStyle)("padding-left","padding-right")}: 20px;
margin-left: ${(0,Y.getDirectionalStyle)("0","20px")};
`,Xt=({children:e,title:s,icon:r,hasPaperStyle:a,shoppingData:n})=>(0,t.createElement)(Zt,{headingLevel:3,headingText:s,headingIcon:r,headingIconColor:"#555",hasPaperStyle:a,shoppingData:n},e);Xt.propTypes={children:y().element,title:y().string,icon:y().string,hasPaperStyle:y().bool,shoppingData:y().object},Xt.defaultProps={hasPaperStyle:!0,shoppingData:null};const Qt=Xt,Jt=window.wp.sanitize,es="SNIPPET_EDITOR_UPDATE_REPLACEMENT_VARIABLE";function ts(e,t,s="",r=!1){const a="string"==typeof t?(0,Y.decodeHTML)(t):t;return{type:es,name:e,value:a,label:s,hidden:r}}function ss(e){return e.charAt(0).toUpperCase()+e.slice(1)}const{stripHTMLTags:rs}=Y.strings,as=["slug","content","contentImage","snippetPreviewImageURL"];function ns(e,t="_"){return e.replace(/\s/g,t)}function os(e,t=156){return(e=(e=(0,Jt.stripTags)(e)).trim()).length<=t||(e=e.substring(0,t),/\s/.test(e)&&(e=e.substring(0,e.lastIndexOf(" ")))),e}const is=(0,m.memoize)(((e,t)=>0===e?m.noop:(0,m.debounce)((s=>t(s,e)),500))),ls=t.forwardRef((function(e,s){return t.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:s},e),t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"}))})),cs=({link:e,text:s})=>(0,t.createElement)(T.Root,null,(0,t.createElement)("p",null,s),(0,t.createElement)(T.Button,{href:e,as:"a",className:"yst-gap-2 yst-mb-5 yst-mt-2",variant:"upsell",target:"_blank",rel:"noopener"},(0,t.createElement)(ls,{className:"yst-w-4 yst-h-4 yst--ml-1 yst-shrink-0"}),(0,l.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */
(0,l.__)("Unlock with %1$s","wordpress-seo"),"Yoast WooCommerce SEO")));cs.propTypes={link:y().string.isRequired,text:y().string.isRequired};const ds=cs,ps=function(e,t){let s=0;return t.shortenedBaseUrl&&"string"==typeof t.shortenedBaseUrl&&(s=t.shortenedBaseUrl.length),e.url=e.url.replace(/\s+/g,"-"),"-"===e.url[e.url.length-1]&&(e.url=e.url.slice(0,-1)),"-"===e.url[s]&&(e.url=e.url.slice(0,s)+e.url.slice(s+1)),function(e){const t=(0,m.get)(window,["YoastSEO","app","pluggable"],!1);if(!t||!(0,m.get)(window,["YoastSEO","app","pluggable","loaded"],!1))return function(e){const t=(0,m.get)(window,["YoastSEO","wp","replaceVarsPlugin","replaceVariables"],m.identity);return{url:e.url,title:rs(t(e.title)),description:rs(t(e.description)),filteredSEOTitle:e.filteredSEOTitle?rs(t(e.filteredSEOTitle)):""}}(e);const s=t._applyModifications.bind(t);return{url:e.url,title:rs(s("data_page_title",e.title)),description:rs(s("data_meta_desc",e.description)),filteredSEOTitle:e.filteredSEOTitle?rs(s("data_page_title",e.filteredSEOTitle)):""}}(e)},us=(0,B.compose)([(0,n.withSelect)((function(e){const{getBaseUrlFromSettings:t,getDateFromSettings:s,getFocusKeyphrase:r,getRecommendedReplaceVars:a,getReplaceVars:n,getShoppingData:o,getSiteIconUrlFromSettings:i,getSnippetEditorData:l,getSnippetEditorMode:c,getSnippetEditorPreviewImageUrl:d,getSnippetEditorWordsToHighlight:p,isCornerstoneContent:u,getIsTerm:m,getContentLocale:h,getSiteName:g}=e("yoast-seo/editor"),y=n();return y.forEach((e=>{""!==e.value||["title","excerpt","excerpt_only"].includes(e.name)||(e.value="%%"+e.name+"%%")})),{baseUrl:t(),data:l(),date:s(),faviconSrc:i(),keyword:r(),mobileImageSrc:d(),mode:c(),recommendedReplacementVariables:a(),replacementVariables:y,shoppingData:o(),wordsToHighlight:p(),isCornerstone:u(),isTaxonomy:m(),locale:h(),siteName:g()}})),(0,n.withDispatch)((function(e,t,{select:s}){const{updateData:r,switchMode:a,updateAnalysisData:n,findCustomFields:o}=e("yoast-seo/editor"),i=e("core/editor"),l=s("yoast-seo/editor").getPostId();return{onChange:(e,t)=>{switch(e){case"mode":a(t);break;case"slug":r({slug:t}),i&&i.editPost({slug:t});break;default:r({[e]:t})}},onChangeAnalysisData:n,onReplacementVariableSearchChange:is(l,o)}}))])((e=>{const s=(0,m.get)(window,"wpseoScriptData.metabox.woocommerceUpsellGooglePreviewLink",""),r=(0,m.get)(window,"wpseoScriptData.woocommerceUpsell",""),a=(0,l.__)("Want an enhanced Google preview of how your WooCommerce products look in the search results?","wordpress-seo");return(0,t.createElement)(p.LocationConsumer,null,(n=>(0,t.createElement)(Qt,{icon:"eye",hasPaperStyle:e.hasPaperStyle},(0,t.createElement)(t.Fragment,null,r&&(0,t.createElement)(ds,{link:s,text:a}),(0,t.createElement)(Gt.SnippetEditor,{...e,descriptionPlaceholder:(0,l.__)("Please provide a meta description by editing the snippet below.","wordpress-seo"),mapEditorDataToPreview:ps,showCloseButton:!1,idSuffix:n})))))})),ms=(0,n.withSelect)((e=>{const{getWarningMessage:t}=e("yoast-seo/editor");return{message:t()}}))(R.Warning),hs=window.yoast.featureFlag,gs=w()(R.Collapsible)`
background-color: #f0f0f0;
div[class^="collapsible_content"] {
border-top: 1px solid rgba(0,0,0,0.2);
`,ys=e=>(0,t.createElement)(gs,{hasPadding:!0,hasSeparator:!0,...e}),fs=()=>{const e=(0,n.useSelect)((e=>e("yoast-seo/editor").getEstimatedReadingTime()),[]),s=(0,i.useMemo)((()=>(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-estimated_reading_time","")),[]);return(0,t.createElement)(R.InsightsCard,{amount:e,unit:(0,l._n)("minute","minutes",e,"wordpress-seo"),title:(0,l.__)("Reading time","wordpress-seo"),linkTo:s
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about reading time","wordpress-seo")})},ws=(0,Y.makeOutboundLink)();function bs(e,s,r){const a=function(e){switch(e){case I.DIFFICULTY.FAIRLY_DIFFICULT:case I.DIFFICULTY.DIFFICULT:case I.DIFFICULTY.VERY_DIFFICULT:return(0,l.__)("Try to make shorter sentences, using less difficult words to improve readability","wordpress-seo");case I.DIFFICULTY.NO_DATA:return(0,l.__)("Continue writing to get insight into the readability of your text!","wordpress-seo");default:return(0,l.__)("Good job!","wordpress-seo")}}(s);return(0,t.createElement)("span",null,function(e,t){return-1===e?(0,l.sprintf)((0,l.__)("Your text should be slightly longer to calculate your Flesch reading ease score.","wordpress-seo")):(0,l.sprintf)(
/* Translators: %1$s expands to the numeric Flesch reading ease score,
%2$s expands to the easiness of reading (e.g. 'easy' or 'very difficult').
(0,l.__)("The copy scores %1$s in the test, which is considered %2$s to read.","wordpress-seo"),e,function(e){switch(e){case I.DIFFICULTY.NO_DATA:return(0,l.__)("no data","wordpress-seo");case I.DIFFICULTY.VERY_EASY:return(0,l.__)("very easy","wordpress-seo");case I.DIFFICULTY.EASY:return(0,l.__)("easy","wordpress-seo");case I.DIFFICULTY.FAIRLY_EASY:return(0,l.__)("fairly easy","wordpress-seo");case I.DIFFICULTY.OKAY:return(0,l.__)("okay","wordpress-seo");case I.DIFFICULTY.FAIRLY_DIFFICULT:return(0,l.__)("fairly difficult","wordpress-seo");case I.DIFFICULTY.DIFFICULT:return(0,l.__)("difficult","wordpress-seo");case I.DIFFICULTY.VERY_DIFFICULT:return(0,l.__)("very difficult","wordpress-seo")}}(t))}(e,s),"Â ",s>=I.DIFFICULTY.FAIRLY_DIFFICULT?(0,t.createElement)(ws,{href:r},a+"."):a)}const Es=()=>{let e=(0,n.useSelect)((e=>e("yoast-seo/editor").getFleschReadingEaseScore()),[]);const s=(0,i.useMemo)((()=>(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-flesch_reading_ease","")),[]),r=(0,n.useSelect)((e=>e("yoast-seo/editor").getFleschReadingEaseDifficulty()),[e]),a=(0,i.useMemo)((()=>{const t=(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-flesch_reading_ease_article","");return bs(e,r,t)}),[e,r]);return-1===e&&(e="?"),(0,t.createElement)(R.InsightsCard,{amount:e,unit:(0,l.__)("out of 100","wordpress-seo"),title:(0,l.__)("Flesch reading ease","wordpress-seo"),linkTo:s
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about Flesch reading ease","wordpress-seo"),description:a})};let vs,ks,_s,xs;const Ss=/<(\/)?(\w+)\s*(\/)?>/g;function Ts(e,t,s,r,a){return{element:e,tokenStart:t,tokenLength:s,prevOffset:r,leadingTextStart:a,children:[]}}function Rs(){const e=vs.length-ks;0!==e&&_s.push(vs.substring(ks,ks+e))}function Cs(e){const{element:t,tokenStart:s,tokenLength:r,prevOffset:a,children:n}=e,o=xs[xs.length-1],l=vs.substring(o.prevOffset,s);l&&o.children.push(l),o.children.push((0,i.cloneElement)(t,null,...n)),o.prevOffset=a||s+r}function Is(e){const t=function(){const e=Ss.exec(vs);if(null===e)return["no-more-tokens"];const t=e.index,[s,r,a,n]=e,o=s.length;return n?["self-closed",a,t,o]:r?["closer",a,t,o]:["opener",a,t,o]}(),[s,r,a,n]=t,o=xs.length,l=a>ks?ks:null;if(!e[r])return Rs(),!1;switch(s){case"no-more-tokens":if(0!==o){const{leadingTextStart:e,tokenStart:t}=xs.pop();_s.push(vs.substring(e,e+t))}return Rs(),!1;case"self-closed":return 0===o?(null!==l&&_s.push(vs.substring(l,a)),_s.push(e[r]),ks=a+n,!0):(Cs(Ts(e[r],a,n)),ks=a+n,!0);case"opener":return xs.push(Ts(e[r],a,n,a+n,l)),ks=a+n,!0;case"closer":if(1===o)return function(e){const{element:t,leadingTextStart:s,prevOffset:r,tokenStart:a,children:n}=xs.pop(),o=e?vs.substring(r,e):vs.substring(r);o&&n.push(o),null!==s&&_s.push(vs.substring(s,a)),_s.push((0,i.cloneElement)(t,null,...n))}(a),ks=a+n,!0;const t=xs.pop(),s=vs.substring(t.prevOffset,a);t.children.push(s),t.prevOffset=a+n;const c=Ts(t.element,t.tokenStart,t.tokenLength,a+n);return c.children=t.children,Cs(c),ks=a+n,!0;default:return Rs(),!1}}const As=(e,t)=>{if(vs=e,ks=0,_s=[],xs=[],Ss.lastIndex=0,!(e=>{const t="object"==typeof e,s=t&&Object.values(e);return t&&s.length&&s.every((e=>(0,i.isValidElement)(e)))})(t))throw new TypeError("The conversionMap provided is not valid. It must be an object with values that are WPElements");do{}while(Is(t));return(0,i.createElement)(i.Fragment,null,..._s)},Ls=({data:e,itemScreenReaderText:s,className:r,...a})=>{const n=(0,i.useMemo)((()=>{var t,s;return null!==(t=null===(s=(0,m.maxBy)(e,"number"))||void 0===s?void 0:s.number)&&void 0!==t?t:0}),[e]);return(0,t.createElement)("ul",{className:K()("yoast-data-model",r),...a},e.map((({name:e,number:r})=>(0,t.createElement)("li",{key:`${e}_dataItem`,style:{"--yoast-width":r/n*100+"%"}},e,(0,t.createElement)("span",null,r),s&&(0,t.createElement)("span",{className:"screen-reader-text"},(0,l.sprintf)(s,r))))))};Ls.propTypes={data:y().arrayOf(y().shape({name:y().string.isRequired,number:y().number.isRequired})),itemScreenReaderText:y().string,className:y().string},Ls.defaultProps={data:[],itemScreenReaderText:"",className:""};const Ps=Ls,Fs=window.wp.url,Os=(0,Y.makeOutboundLink)(),Ms=({location:e})=>{const s=(0,n.useSelect)((e=>{var t,s;return null===(t=null===(s=e("yoast-seo-premium/editor"))||void 0===s?void 0:s.getPreference("isProminentWordsAvailable",!1))||void 0===t||t}),[]),r=(0,n.useSelect)((e=>e("yoast-seo/editor").getPreference("shouldUpsell",!1)),[]),a=(0,i.useMemo)((()=>(0,m.get)(window,`wpseoAdminL10n.shortlinks-insights-upsell-${e}-prominent_words`,"")),[e]),o=(0,i.useMemo)((()=>{const e=(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-keyword_research_link","");return As((0,l.sprintf)(
// translators: %1$s and %2$s are replaced by opening and closing <a> tags.
(0,l.__)("Read our %1$sultimate guide to keyword research%2$s to learn more about keyword research and keyword strategy.","wordpress-seo"),"<a>","</a>"),{a:(0,t.createElement)(Os,{href:e})})}),[]),c=(0,i.useMemo)((()=>As((0,l.sprintf)(
// translators: %1$s expands to a starting `b` tag, %1$s expands to a closing `b` tag and %3$s expands to `Yoast SEO Premium`.
(0,l.__)("With %1$s%3$s%2$s, this section will show you which words occur most often in your text. By checking these prominent words against your intended keyword(s), you'll know how to edit your text to be more focused.","wordpress-seo"),"<b>","</b>","Yoast SEO Premium"),{b:(0,t.createElement)("b",null)})),[]),d=(0,n.useSelect)((e=>{var t,s;return null!==(t=null===(s=e("yoast-seo-premium/editor"))||void 0===s?void 0:s.getProminentWords())&&void 0!==t?t:[]}),[]),u=(0,i.useMemo)((()=>{const e=(0,l.sprintf)(
// translators: %1$s expands to Yoast SEO Premium.
(0,l.__)("Get %s to enjoy the benefits of prominent words","wordpress-seo"),"Yoast SEO Premium").split(/\s+/);return e.map(((t,s)=>({name:t,number:e.length-s})))}),[]),h=(0,i.useMemo)((()=>r?u:d.map((({word:e,occurrence:t})=>({name:e,number:t})))),[d,u]);if(!s)return null;const{locationContext:g}=(0,p.useRootContext)();return(0,t.createElement)("div",{className:"yoast-prominent-words"},(0,t.createElement)("div",{className:"yoast-field-group__title"},(0,t.createElement)("b",null,(0,l.__)("Prominent words","wordpress-seo"))),!r&&(0,t.createElement)("p",null,0===h.length?(0,l.__)("Once you add a bit more copy, we'll give you a list of words that occur the most in the content. These give an indication of what your content focuses on.","wordpress-seo"):(0,l.__)("The following words occur the most in the content. These give an indication of what your content focuses on. If the words differ a lot from your topic, you might want to rewrite your content accordingly.","wordpress-seo")),r&&(0,t.createElement)("p",null,c),r&&(0,t.createElement)(Os,{href:(0,Fs.addQueryArgs)(a,{context:g}),"data-action":"load-nfd-ctb","data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2",className:"yoast-button yoast-button-upsell"},(0,l.sprintf)(
// translators: %s expands to `Premium` (part of add-on name).
(0,l.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,t.createElement)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})),(0,t.createElement)("p",null,o),(0,t.createElement)(Ps,{data:h,itemScreenReaderText:/* translators: Hidden accessibility text; %d expands to the number of occurrences. */
(0,l.__)("%d occurrences","wordpress-seo"),"aria-label":(0,l.__)("Prominent words","wordpress-seo"),className:r?"yoast-data-model--upsell":null}))};Ms.propTypes={location:y().string.isRequired};const Ds=Ms,qs=()=>{const e=(0,n.useSelect)((e=>e("yoast-seo/editor").getTextLength()),[]),s=(0,i.useMemo)((()=>(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-word_count","")),[]);let r=(0,l._n)("word","words",e.count,"wordpress-seo"),a=(0,l.__)("Word count","wordpress-seo"),o=(0,l.__)("Learn more about word count","wordpress-seo");return"character"===e.unit&&(r=(0,l._n)("character","characters",e.count,"wordpress-seo"),a=(0,l.__)("Character count","wordpress-seo"),
/* translators: Hidden accessibility text. */
o=(0,l.__)("Learn more about character count","wordpress-seo")),(0,t.createElement)(R.InsightsCard,{amount:e.count,unit:r,title:a,linkTo:s,linkText:o})},Ns=(0,Y.makeOutboundLink)(),Bs=({location:e})=>{const s=(0,i.useMemo)((()=>(0,m.get)(window,`wpseoAdminL10n.shortlinks-insights-upsell-${e}-text_formality`,"")),[e]),r=(0,i.useMemo)((()=>As((0,l.sprintf)(
// Translators: %1$s expands to a starting `b` tag, %2$s expands to a closing `b` tag and %3$s expands to `Yoast SEO Premium`.
(0,l.__)("%1$s%3$s%2$s will help you assess the formality level of your text.","wordpress-seo"),"<b>","</b>","Yoast SEO Premium"),{b:(0,t.createElement)("b",null)})),[]);return(0,t.createElement)(i.Fragment,null,(0,t.createElement)("div",null,(0,t.createElement)("p",null,r),(0,t.createElement)(Ns,{href:s,className:"yoast-button yoast-button-upsell"},(0,l.sprintf)(
// Translators: %s expands to `Premium` (part of add-on name).
(0,l.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,t.createElement)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"}))))};Bs.propTypes={location:y().string.isRequired};const $s=Bs,Us=({location:e,name:s})=>{const r=(0,n.useSelect)((e=>e("yoast-seo/editor").isFormalitySupported()),[]),a=h().isPremium,o=a?(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-text_formality_info_premium",""):(0,m.get)(window,"wpseoAdminL10n.shortlinks-insights-text_formality_info_free",""),i=(0,l.__)("Read more about text formality.","wordpress-seo");return r?(0,t.createElement)("div",{className:"yoast-text-formality"},(0,t.createElement)("div",{className:"yoast-field-group__title"},(0,t.createElement)("b",null,(0,l.__)("Text formality","wordpress-seo")),(0,t.createElement)(R.HelpIcon,{linkTo:o,linkText:i})),a?(0,t.createElement)(k.Slot,{name:s}):(0,t.createElement)($s,{location:e})):null};Us.propTypes={location:y().string.isRequired,name:y().string.isRequired};const Ws=Us,Ks=({location:e})=>{const s=(0,n.useSelect)((e=>e("yoast-seo/editor").isFleschReadingEaseAvailable()),[]);return(0,t.createElement)(ys,{title:(0,l.__)("Insights","wordpress-seo"),id:`yoast-insights-collapsible-${e}`,className:"yoast-insights"},(0,t.createElement)(Ds,{location:e}),(0,t.createElement)("div",null,s&&(0,t.createElement)("div",{className:"yoast-insights-row"},(0,t.createElement)(Es,null)),(0,t.createElement)("div",{className:"yoast-insights-row yoast-insights-row--columns"},(0,t.createElement)(fs,null),(0,t.createElement)(qs,null)),(0,hs.isFeatureEnabled)("TEXT_FORMALITY")&&(0,t.createElement)(Ws,{location:e,name:"YoastTextFormalityMetabox"})))};Ks.propTypes={location:y().string},Ks.defaultProps={location:"metabox"};const Hs=Ks,Vs=t.forwardRef((function(e,s){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:s},e),t.createElement("path",{fillRule:"evenodd",d:"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z",clipRule:"evenodd"}))})),Ys=()=>[(0,l.sprintf)(/* translators: %1$s expands to a strong opening tag, %2$s expands to a strong closing tag. */
(0,l.__)("%1$sAI%2$s: Better SEO titles and meta descriptions, faster.","wordpress-seo"),"<strong>","</strong>"),(0,l.sprintf)(/* translators: %1$s expands to a strong opening tag, %2$s expands to a strong closing tag. */
(0,l.__)("%1$sMultiple keywords%2$s: Rank higher for more searches.","wordpress-seo"),"<strong>","</strong>"),(0,l.sprintf)(/* translators: %1$s expands to a strong opening tag, %2$s expands to a strong closing tag. */
(0,l.__)("%1$sSuper fast%2$s internal linking suggestions.","wordpress-seo"),"<strong>","</strong>"),(0,l.sprintf)(/* translators: %1$s expands to a strong opening tag, %2$s expands to a strong closing tag. */
(0,l.__)("%1$sNo more broken links%2$s: Automatic redirect manager.","wordpress-seo"),"<strong>","</strong>"),(0,l.sprintf)(/* translators: %1$s expands to a strong opening tag, %2$s expands to a strong closing tag. */
(0,l.__)("%1$sAppealing social previews%2$s people actually want to click on.","wordpress-seo"),"<strong>","</strong>"),(0,l.sprintf)(/* translators: %1$s expands to a strong opening tag, %2$s expands to a strong closing tag. */
(0,l.__)("%1$s24/7 support%2$s: Also on evenings and weekends.","wordpress-seo"),"<strong>","</strong>")],js=w().div`
list-style-image: var(--yoast-svg-icon-check);
margin: 0.5rem 0 0 1.5rem;
margin: 0.25rem 0 1rem 0 !important;
border-bottom: 1px solid #E2E8F0;
`,tr=(0,Y.makeOutboundLink)(er);class sr extends i.Component{constructor(e){super(e),this.state={defaultPrice:"99"}}createBenefitsList(e){return e.length>0&&(0,t.createElement)(zs,{role:"list"},e.map(((e,s)=>(0,t.createElement)("li",{key:`upsell-benefit-${s}`},(0,i.createInterpolateElement)(e,{strong:(0,t.createElement)("strong",null)})))))}render(){const e=(0,n.select)("yoast-seo/editor").isPromotionActive("black-friday-2023-promotion"),{defaultPrice:s}=this.state,r=e?"69.30":null,a=r||s;return(0,t.createElement)(i.Fragment,null,e&&(0,t.createElement)("div",{className:"yst-flex yst-justify-between yst-items-center yst-text-lg yst-content-between yst-bg-black yst-text-amber-300 yst-h-9 yst-border-amber-300 yst-border-y yst-border-x-0 yst-border-solid yst-px-6"},(0,t.createElement)("div",null,(0,l.__)("BLACK FRIDAY","wordpress-seo")),(0,t.createElement)("div",null,(0,l.__)("30% OFF","wordpress-seo"))),(0,t.createElement)(js,null,(0,t.createElement)(Zs,null,this.props.title),(0,t.createElement)(Xs,null,this.props.description),(0,t.createElement)(Js,null,(0,t.createElement)(tr,{...this.props.upsellButton},this.props.upsellButtonText,this.props.upsellButtonHasCaret&&(0,t.createElement)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})),(0,t.createElement)("div",{className:"yst-text-slate-600 yst-my-4"},r&&(0,t.createElement)(i.Fragment,null,(0,t.createElement)("span",{className:"yst-text-slate-500 yst-line-through"},s)," "),(0,t.createElement)("span",{className:"yst-text-slate-900 yst-text-2xl yst-font-bold"},a)," ",(0,l.__)("$ USD / € EUR / £ GBP per year (ex. VAT)","wordpress-seo")),(0,t.createElement)(Gs,{id:this.props.upsellButton["aria-describedby"]},this.props.upsellButtonLabel)),(0,t.createElement)(Qs,null),(0,t.createElement)(Zs,null,this.props.benefitsTitle),this.createBenefitsList(this.props.benefits)))}}sr.propTypes={title:y().node,benefits:y().array,benefitsTitle:y().node,description:y().node,upsellButton:y().object,upsellButtonText:y().string.isRequired,upsellButtonLabel:y().string,upsellButtonHasCaret:y().bool},sr.defaultProps={title:null,description:null,benefits:[],benefitsTitle:null,upsellButton:{href:"",className:"button button-primary"},upsellButtonLabel:"",upsellButtonHasCaret:!0};const rr=sr,ar=()=>{const[e,,,s,r]=(0,T.useToggleState)(!1),{locationContext:a}=(0,p.useRootContext)(),n=(0,T.useSvgAria)(),o=a.includes("sidebar"),i=a.includes("metabox"),c=wpseoAdminL10n[o?"shortlinks.upsell.sidebar.internal_linking_suggestions":"shortlinks.upsell.metabox.internal_linking_suggestions"];return(0,t.createElement)(t.Fragment,null,e&&(0,t.createElement)(X,{title:(0,l.__)("Get internal linking suggestions","wordpress-seo"),onRequestClose:r,additionalClassName:"",id:"yoast-internal-linking-suggestions-upsell",className:`${G} yoast-gutenberg-modal__box yoast-gutenberg-modal__no-padding`,shouldCloseOnClickOutside:!0},(0,t.createElement)(z,null,(0,t.createElement)(rr,{title:(0,l.__)("Rank higher by connecting your content","wordpress-seo"),description:(0,l.sprintf)(/* translators: %s expands to Yoast SEO Premium. */
(0,l.__)("%s automatically suggests to what content you can link with easy drag-and-drop functionality, which is good for your SEO!","wordpress-seo"),"Yoast SEO Premium"),benefitsTitle:/* translators: %s expands to 'Yoast SEO Premium'. */
(0,l.sprintf)("%s also gives you:","Yoast SEO Premium"),benefits:Ys(),upsellButtonText:(0,l.sprintf)(/* translators: %s expands to 'Yoast SEO Premium'. */
(0,l.__)("Unlock with %s","wordpress-seo"),"Yoast SEO Premium"),upsellButton:{href:(0,Fs.addQueryArgs)(c,{context:a}),className:"yoast-button-upsell",rel:null,"data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2","data-action":"load-nfd-ctb"},upsellButtonLabel:(0,l.__)("1 year free support and updates included!","wordpress-seo")}))),o&&(0,t.createElement)(re,{id:"yoast-internal-linking-suggestions-sidebar-modal-open-button",title:(0,l.__)("Internal linking suggestions","wordpress-seo"),onClick:s},(0,t.createElement)("div",{className:"yst-root"},(0,t.createElement)(T.Badge,{size:"small",variant:"upsell"},(0,t.createElement)(Vs,{className:"yst-w-2.5 yst-h-2.5 yst-shrink-0",...n})))),i&&(0,t.createElement)("div",{className:"yst-root"},(0,t.createElement)(V,{id:"yoast-internal-linking-suggestions-metabox-modal-open-button",onClick:s},(0,t.createElement)(V.Text,null,(0,l.__)("Internal linking suggestions","wordpress-seo")),(0,t.createElement)(T.Badge,{size:"small",variant:"upsell"},(0,t.createElement)(Vs,{className:"yst-w-2.5 yst-h-2.5 yst-mr-1 yst-shrink-0",...n}),(0,t.createElement)("span",null,"Premium")))))},nr=({children:e})=>(0,t.createElement)("div",null,e);nr.propTypes={renderPriority:y().number.isRequired,children:y().node.isRequired};const or=nr,ir=({noIndex:e,onNoIndexChange:s,editorContext:r,isPrivateBlog:a})=>{const n=(e=>{const t=(0,l.__)("No","wordpress-seo"),s=(0,l.__)("Yes","wordpress-seo"),r=e.noIndex?t:s;return window.wpseoScriptData.isPost?[{name:(0,l.sprintf)(/* translators: the first %s translates to "yes" or "no", the second %s translates to the content type label in plural form */
(0,l.__)("%s (current default for %s)","wordpress-seo"),r,e.postTypeNamePlural),value:"0"},{name:t,value:"1"},{name:s,value:"2"}]:[{name:(0,l.sprintf)(/* translators: the first %s translates to "yes" or "no", the second %s translates to the content type label in plural form */
(0,l.__)("%s (current default for %s)","wordpress-seo"),r,e.postTypeNamePlural),value:"default"},{name:s,value:"index"},{name:t,value:"noindex"}]})(r);return(0,t.createElement)(p.LocationConsumer,null,(r=>(0,t.createElement)(i.Fragment,null,a&&(0,t.createElement)(R.Alert,{type:"warning"},(0,l.__)("Even though you can set the meta robots setting here, the entire site is set to noindex in the sitewide privacy settings, so these settings won't have an effect.","wordpress-seo")),(0,t.createElement)(R.Select,{label:(0,l.__)("Allow search engines to show this content in search results?","wordpress-seo"),onChange:s,id:(0,Y.join)(["yoast-meta-robots-noindex",r]),options:n,selected:e,linkTo:wpseoAdminL10n["shortlinks.advanced.allow_search_engines"]
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the no-index setting on our help page.","wordpress-seo")}))))};ir.propTypes={noIndex:y().string.isRequired,onNoIndexChange:y().func.isRequired,editorContext:y().object.isRequired,isPrivateBlog:y().bool},ir.defaultProps={isPrivateBlog:!1};const lr=({noFollow:e,onNoFollowChange:s})=>(0,t.createElement)(p.LocationConsumer,null,(r=>{const a=(0,Y.join)(["yoast-meta-robots-nofollow",r]);return(0,t.createElement)(R.RadioButtonGroup,{id:a,options:[{value:"0",label:"Yes"},{value:"1",label:"No"}],label:(0,l.__)("Should search engines follow links on this content?","wordpress-seo"),groupName:a,onChange:s,selected:e,linkTo:wpseoAdminL10n["shortlinks.advanced.follow_links"]
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the no-follow setting on our help page.","wordpress-seo")})}));lr.propTypes={noFollow:y().string.isRequired,onNoFollowChange:y().func.isRequired};const cr=({advanced:e,onAdvancedChange:s})=>(0,t.createElement)(p.LocationConsumer,null,(r=>{const a=(0,Y.join)(["yoast-meta-robots-advanced",r]),n=`${a}-input`;return(0,t.createElement)(R.MultiSelect,{label:(0,l.__)("Meta robots advanced","wordpress-seo"),onChange:s,id:a,inputId:n,options:[{name:(0,l.__)("No Image Index","wordpress-seo"),value:"noimageindex"},{name:(0,l.__)("No Archive","wordpress-seo"),value:"noarchive"},{name:(0,l.__)("No Snippet","wordpress-seo"),value:"nosnippet"}],selected:e,linkTo:wpseoAdminL10n["shortlinks.advanced.meta_robots"]
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about advanced meta robots settings on our help page.","wordpress-seo")})}));cr.propTypes={advanced:y().array.isRequired,onAdvancedChange:y().func.isRequired};const dr=({breadcrumbsTitle:e,onBreadcrumbsTitleChange:s})=>(0,t.createElement)(p.LocationConsumer,null,(r=>(0,t.createElement)(R.TextInput,{label:(0,l.__)("Breadcrumbs Title","wordpress-seo"),id:(0,Y.join)(["yoast-breadcrumbs-title",r]),onChange:s,value:e,linkTo:wpseoAdminL10n["shortlinks.advanced.breadcrumbs_title"]
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the breadcrumbs title setting on our help page.","wordpress-seo")})));dr.propTypes={breadcrumbsTitle:y().string.isRequired,onBreadcrumbsTitleChange:y().func.isRequired};const pr=({canonical:e,onCanonicalChange:s})=>(0,t.createElement)(p.LocationConsumer,null,(r=>(0,t.createElement)(R.TextInput,{label:(0,l.__)("Canonical URL","wordpress-seo"),id:(0,Y.join)(["yoast-canonical",r]),onChange:s,value:e,linkTo:"https://yoa.st/canonical-url"
/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about canonical URLs on our help page.","wordpress-seo")})));pr.propTypes={canonical:y().string.isRequired,onCanonicalChange:y().func.isRequired};const ur=e=>{const{noIndex:s,noFollow:r,advanced:a,breadcrumbsTitle:n,canonical:o,onNoIndexChange:l,onNoFollowChange:c,onAdvancedChange:d,onBreadcrumbsTitleChange:p,onCanonicalChange:u,onLoad:m,isLoading:h,editorContext:g,isBreadcrumbsDisabled:y,isPrivateBlog:f}=e;(0,i.useEffect)((()=>{setTimeout((()=>{h&&m()}))}));const w={noIndex:s,onNoIndexChange:l,editorContext:g,isPrivateBlog:f},b={noFollow:r,onNoFollowChange:c},E={advanced:a,onAdvancedChange:d},v={breadcrumbsTitle:n,onBreadcrumbsTitleChange:p},k={canonical:o,onCanonicalChange:u};return h?null:(0,t.createElement)(i.Fragment,null,(0,t.createElement)(ir,{...w}),g.isPost&&(0,t.createElement)(lr,{...b}),g.isPost&&(0,t.createElement)(cr,{...E}),!y&&(0,t.createElement)(dr,{...v}),(0,t.createElement)(pr,{...k}))};ur.propTypes={noIndex:y().string.isRequired,canonical:y().string.isRequired,onNoIndexChange:y().func.isRequired,onCanonicalChange:y().func.isRequired,onLoad:y().func.isRequired,isLoading:y().bool.isRequired,editorContext:y().object.isRequired,isBreadcrumbsDisabled:y().bool.isRequired,isPrivateBlog:y().bool,advanced:y().array,onAdvancedChange:y().func,noFollow:y().string,onNoFollowChange:y().func,breadcrumbsTitle:y().string,onBreadcrumbsTitleChange:y().func},ur.defaultProps={advanced:[],onAdvancedChange:()=>{},noFollow:"",onNoFollowChange:()=>{},breadcrumbsTitle:"",onBreadcrumbsTitleChange:()=>{},isPrivateBlog:!1};const mr=ur,hr=(0,B.compose)([(0,n.withSelect)((e=>{const{getNoIndex:t,getNoFollow:s,getAdvanced:r,getBreadcrumbsTitle:a,getCanonical:n,getIsLoading:o,getEditorContext:i,getPreferences:l}=e("yoast-seo/editor"),{isBreadcrumbsDisabled:c,isPrivateBlog:d}=l();return{noIndex:t(),noFollow:s(),advanced:r(),breadcrumbsTitle:a(),canonical:n(),isLoading:o(),editorContext:i(),isBreadcrumbsDisabled:c,isPrivateBlog:d}})),(0,n.withDispatch)((e=>{const{setNoIndex:t,setNoFollow:s,setAdvanced:r,setBreadcrumbsTitle:a,setCanonical:n,loadAdvancedSettingsData:o}=e("yoast-seo/editor");return{onNoIndexChange:t,onNoFollowChange:s,onAdvancedChange:r,onBreadcrumbsTitleChange:a,onCanonicalChange:n,onLoad:o}}))])(mr),gr=w().p`
text-transform: uppercase;
position: ${e=>"landscape"===e.mode?"relative":"static"};
`,yr=e=>{const{siteUrl:s}=e;return(0,t.createElement)(t.Fragment,null,(0,t.createElement)("span",{className:"screen-reader-text"},s),(0,t.createElement)(gr,{"aria-hidden":"true"},(0,t.createElement)("span",null,s)))};yr.propTypes={siteUrl:y().string.isRequired};const fr=yr,wr=window.yoast.socialMetadataForms,br=w().img`
max-width: ${e=>e.width}px;
height: ${e=>e.height}px;
transform: translate(-50%, -50%);
padding-bottom: ${e=>e.aspectRatio}%;
`,kr=e=>{const{imageProps:s,width:r,height:a,imageMode:n}=e;return"landscape"===n?(0,t.createElement)(vr,{aspectRatio:s.aspectRatio},(0,t.createElement)(Er,{src:s.src,alt:s.alt})):(0,t.createElement)(br,{src:s.src,alt:s.alt,width:r,height:a,imageProperties:s})};function _r(e,t,s){return"landscape"===s?{widthRatio:t.width/e.landscapeWidth,heightRatio:t.height/e.landscapeHeight}:"portrait"===s?{widthRatio:t.width/e.portraitWidth,heightRatio:t.height/e.portraitHeight}:{widthRatio:t.width/e.squareWidth,heightRatio:t.height/e.squareHeight}}function xr(e,t){return t.widthRatio<=t.heightRatio?{width:Math.round(e.width/t.widthRatio),height:Math.round(e.height/t.widthRatio)}:{width:Math.round(e.width/t.heightRatio),height:Math.round(e.height/t.heightRatio)}}async function Sr(e,t,s=!1){const r=await function(e){return new Promise(((t,s)=>{const r=new Image;r.onload=()=>{t({width:r.width,height:r.height})},r.onerror=s,r.src=e}))}(e);let a=s?"landscape":"square";"Facebook"===t&&(a=(0,wr.determineFacebookImageMode)(r));const n=function(e){return"Twitter"===e?wr.TWITTER_IMAGE_SIZES:wr.FACEBOOK_IMAGE_SIZES}(t),o=function(e,t,s){return"square"===s&&t.width===t.height?{width:e.squareWidth,height:e.squareHeight}:xr(t,_r(e,t,s))}(n,r,a);return{mode:a,height:o.height,width:o.width}}async function Tr(e,t,s=!1){try{return{imageProperties:await Sr(e,t,s),status:"loaded"}}catch(e){return{imageProperties:null,status:"errored"}}}kr.propTypes={imageProps:y().shape({src:y().string.isRequired,alt:y().string.isRequired,aspectRatio:y().number.isRequired}).isRequired,width:y().number.isRequired,height:y().number.isRequired,imageMode:y().string},kr.defaultProps={imageMode:"landscape"};const Rr=w().div`
${e=>"landscape"===e.mode?`max-width: ${e.dimensions.width}`:`min-width: ${e.dimensions.width}; height: ${e.dimensions.height}`};
background-color: ${C.colors.$color_white};
max-width: ${wr.FACEBOOK_IMAGE_SIZES.landscapeWidth}px;
height: ${wr.FACEBOOK_IMAGE_SIZES.landscapeHeight}px;
background-color: ${C.colors.$color_grey};
// We're not using standard colors to increase contrast for accessibility.
// We're not using standard colors to increase contrast for accessibility.
background-color: #f1f1f1;
text-decoration: underline;
`;class Ir extends t.Component{constructor(e){super(e),this.state={imageProperties:null,status:"loading"},this.socialMedium="Facebook",this.handleFacebookImage=this.handleFacebookImage.bind(this),this.setState=this.setState.bind(this)}async handleFacebookImage(){try{const e=await Tr(this.props.src,this.socialMedium);this.setState(e),this.props.onImageLoaded(e.imageProperties.mode||"landscape")}catch(e){this.setState(e),this.props.onImageLoaded("landscape")}}componentDidUpdate(e){e.src!==this.props.src&&this.handleFacebookImage()}componentDidMount(){this.handleFacebookImage()}retrieveContainerDimensions(e){switch(e){case"square":return{height:wr.FACEBOOK_IMAGE_SIZES.squareHeight+"px",width:wr.FACEBOOK_IMAGE_SIZES.squareWidth+"px"};case"portrait":return{height:wr.FACEBOOK_IMAGE_SIZES.portraitHeight+"px",width:wr.FACEBOOK_IMAGE_SIZES.portraitWidth+"px"};case"landscape":return{height:wr.FACEBOOK_IMAGE_SIZES.landscapeHeight+"px",width:wr.FACEBOOK_IMAGE_SIZES.landscapeWidth+"px"}}}render(){const{imageProperties:e,status:s}=this.state;if("loading"===s||""===this.props.src||"errored"===s)return(0,t.createElement)(Cr,{onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},(0,l.__)("Select image","wordpress-seo"));const r=this.retrieveContainerDimensions(e.mode);return(0,t.createElement)(Rr,{mode:e.mode,dimensions:r,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onImageClick},(0,t.createElement)(kr,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:wr.FACEBOOK_IMAGE_SIZES.aspectRatio},width:e.width,height:e.height,imageMode:e.mode}))}}Ir.propTypes={src:y().string,alt:y().string,onImageLoaded:y().func,onImageClick:y().func,onMouseEnter:y().func,onMouseLeave:y().func},Ir.defaultProps={src:"",alt:"",onImageLoaded:m.noop,onImageClick:m.noop,onMouseEnter:m.noop,onMouseLeave:m.noop};const Ar=Ir,Lr=w().span`
-webkit-line-clamp: ${e=>e.lineCount};
-webkit-box-orient: vertical;
-webkit-line-clamp: ${e=>e.lineCount};
-webkit-box-orient: vertical;
@media all and ( max-width: ${e=>e.maxWidth} ) {
`,Fr=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},Or=w().div`
flex-direction: ${e=>"landscape"===e.mode?"column":"row"};
background-color: #f2f3f5;
background-color: #f2f3f5;
border-bottom: ${e=>"landscape"===e.mode?"":"1px solid #dddfe2"};
border-top: ${e=>"landscape"===e.mode?"":"1px solid #dddfe2"};
border-right: ${e=>"landscape"===e.mode?"":"1px solid #dddfe2"};
border: ${e=>"landscape"===e.mode?"1px solid #dddfe2":""};
justify-content: ${e=>"landscape"===e.mode?"flex-start":"center"};
`;class Dr extends t.Component{constructor(e){super(e),this.state={imageMode:null,maxLineCount:0,descriptionLineCount:0},this.facebookTitleRef=r().createRef(),this.onImageLoaded=this.onImageLoaded.bind(this),this.onImageEnter=this.props.onMouseHover.bind(this,"image"),this.onTitleEnter=this.props.onMouseHover.bind(this,"title"),this.onDescriptionEnter=this.props.onMouseHover.bind(this,"description"),this.onLeave=this.props.onMouseHover.bind(this,""),this.onSelectTitle=this.props.onSelect.bind(this,"title"),this.onSelectDescription=this.props.onSelect.bind(this,"description")}onImageLoaded(e){this.setState({imageMode:e})}getTitleLineCount(){return this.facebookTitleRef.current.offsetHeight/20}maybeSetMaxLineCount(){const{imageMode:e,maxLineCount:t}=this.state,s="landscape"===e?2:5;s!==t&&this.setState({maxLineCount:s})}maybeSetDescriptionLineCount(){const{descriptionLineCount:e,maxLineCount:t,imageMode:s}=this.state,r=this.getTitleLineCount();let a=t-r;"portrait"===s&&(a=5===r?0:4),a!==e&&this.setState({descriptionLineCount:a})}componentDidUpdate(){this.maybeSetMaxLineCount(),this.maybeSetDescriptionLineCount()}render(){const{imageMode:e,maxLineCount:s,descriptionLineCount:r}=this.state;return(0,t.createElement)(Or,{id:"facebookPreview",mode:e},(0,t.createElement)(Ar,{src:this.props.imageUrl||this.props.imageFallbackUrl,alt:this.props.alt,onImageLoaded:this.onImageLoaded,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),(0,t.createElement)(Mr,{mode:e},(0,t.createElement)(fr,{siteUrl:this.props.siteUrl,mode:e}),(0,t.createElement)(Lr,{ref:this.facebookTitleRef,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,lineCount:s},this.props.title),r>0&&(0,t.createElement)(Pr,{maxWidth:Fr(e),onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,lineCount:r},this.props.description)))}}Dr.propTypes={siteUrl:y().string.isRequired,title:y().string.isRequired,description:y().string,imageUrl:y().string,imageFallbackUrl:y().string,alt:y().string,onSelect:y().func,onImageClick:y().func,onMouseHover:y().func},Dr.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{}};const qr=Dr,Nr=w().div`
text-transform: lowercase;
color: rgb(83, 100, 113);
`,Br=e=>(0,t.createElement)(Nr,null,(0,t.createElement)("span",null,e.siteUrl));Br.propTypes={siteUrl:y().string.isRequired};const $r=Br,Ur=(e,t=!0)=>e?`\n\t\t\tmax-width: ${wr.TWITTER_IMAGE_SIZES.landscapeWidth}px;\n\t\t\t${t?"border-bottom: 1px solid #E1E8ED;":""}\n\t\t\tborder-radius: 14px 14px 0 0;\n\t\t\t`:`\n\t\twidth: ${wr.TWITTER_IMAGE_SIZES.squareWidth}px;\n\t\t${t?"border-right: 1px solid #E1E8ED;":""}\n\t\tborder-radius: 14px 0 0 14px;\n\t\t`,Wr=w().div`
background-color: #e1e8ed;
${e=>e.isLarge&&`height: ${wr.TWITTER_IMAGE_SIZES.landscapeHeight}px;`}
border-top-left-radius: 14px;
${e=>e.isLarge?"border-top-right-radius":"border-bottom-left-radius"}: 14px;
// We're not using standard colors to increase contrast for accessibility.
// We're not using standard colors to increase contrast for accessibility.
background-color: #f1f1f1;
text-decoration: underline;
`;class Vr extends r().Component{constructor(e){super(e),this.state={status:"loading"},this.socialMedium="Twitter",this.handleTwitterImage=this.handleTwitterImage.bind(this),this.setState=this.setState.bind(this)}async handleTwitterImage(){if(null===this.props.src)return;const e=await Tr(this.props.src,this.socialMedium,this.props.isLarge);this.setState(e)}componentDidUpdate(e){e.src!==this.props.src&&this.handleTwitterImage()}componentDidMount(){this.handleTwitterImage()}render(){const{status:e,imageProperties:s}=this.state;return"loading"===e||""===this.props.src||"errored"===e?(0,t.createElement)(Hr,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},(0,l.__)("Select image","wordpress-seo")):(0,t.createElement)(Wr,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},(0,t.createElement)(kr,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:wr.TWITTER_IMAGE_SIZES.aspectRatio},width:s.width,height:s.height,imageMode:s.mode}))}}Vr.propTypes={isLarge:y().bool.isRequired,src:y().string,alt:y().string,onImageClick:y().func,onMouseEnter:y().func,onMouseLeave:y().func},Vr.defaultProps={src:"",alt:"",onMouseEnter:m.noop,onImageClick:m.noop,onMouseLeave:m.noop};const Yr=w().div`
`,jr=e=>(0,t.createElement)(Yr,null,e.children);jr.propTypes={children:y().array.isRequired};const zr=jr,Gr=w().p`
color: rgb(83, 100, 113);
-webkit-box-orient: vertical;
@media all and ( max-width: ${wr.TWITTER_IMAGE_SIZES.landscapeWidth}px ) {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
border: 1px solid #E1E8ED;
border: 1px solid rgba(136,153,166,.5);
`;class ea extends t.Component{constructor(e){super(e),this.onImageEnter=this.props.onMouseHover.bind(this,"image"),this.onTitleEnter=this.props.onMouseHover.bind(this,"title"),this.onDescriptionEnter=this.props.onMouseHover.bind(this,"description"),this.onLeave=this.props.onMouseHover.bind(this,""),this.onSelectTitle=this.props.onSelect.bind(this,"title"),this.onSelectDescription=this.props.onSelect.bind(this,"description")}render(){const{isLarge:e,imageUrl:s,imageFallbackUrl:r,alt:a,title:n,description:o,siteUrl:i}=this.props,l=e?Qr:Jr;return(0,t.createElement)(l,{id:"twitterPreview"},(0,t.createElement)(Vr,{src:s||r,alt:a,isLarge:e,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),(0,t.createElement)(zr,null,(0,t.createElement)($r,{siteUrl:i}),(0,t.createElement)(Gr,{onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle},n),(0,t.createElement)(Zr,{onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription},o)))}}ea.propTypes={siteUrl:y().string.isRequired,title:y().string.isRequired,description:y().string,isLarge:y().bool,imageUrl:y().string,imageFallbackUrl:y().string,alt:y().string,onSelect:y().func,onImageClick:y().func,onMouseHover:y().func},ea.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{},isLarge:!0};const ta=ea,sa=window.yoast.replacementVariableEditor;class ra extends t.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.SocialPreview="Social"===e.socialMediumName?qr:ta,this.setHoveredField=this.setHoveredField.bind(this),this.setActiveField=this.setActiveField.bind(this),this.setEditorRef=this.setEditorRef.bind(this),this.setEditorFocus=this.setEditorFocus.bind(this)}setHoveredField(e){e!==this.state.hoveredField&&this.setState({hoveredField:e})}setActiveField(e){e!==this.state.activeField&&this.setState({activeField:e},(()=>this.setEditorFocus(e)))}setEditorFocus(e){switch(e){case"title":this.titleEditorRef.focus();break;case"description":this.descriptionEditorRef.focus()}}setEditorRef(e,t){switch(e){case"title":this.titleEditorRef=t;break;case"description":this.descriptionEditorRef=t}}render(){const{onDescriptionChange:e,onTitleChange:s,onSelectImageClick:a,onRemoveImageClick:n,socialMediumName:o,imageWarnings:i,siteUrl:l,description:c,descriptionInputPlaceholder:d,descriptionPreviewFallback:p,imageUrl:u,imageFallbackUrl:m,alt:h,title:g,titleInputPlaceholder:y,titlePreviewFallback:f,replacementVariables:w,recommendedReplacementVariables:b,applyReplacementVariables:E,onReplacementVariableSearchChange:v,isPremium:k,isLarge:_,socialPreviewLabel:x,idSuffix:S,activeMetaTabId:T}=this.props,C=E({title:g||f,description:c||p});return(0,t.createElement)(r().Fragment,null,x&&(0,t.createElement)(R.SimulatedLabel,null,x),(0,t.createElement)(this.SocialPreview,{onMouseHover:this.setHoveredField,onSelect:this.setActiveField,onImageClick:a,siteUrl:l,title:C.title,description:C.description,imageUrl:u,imageFallbackUrl:m,alt:h,isLarge:_,activeMetaTabId:T}),(0,t.createElement)(wr.SocialMetadataPreviewForm,{onDescriptionChange:e,socialMediumName:o,title:g,titleInputPlaceholder:y,onRemoveImageClick:n,imageSelected:!!u,imageUrl:u,onTitleChange:s,onSelectImageClick:a,description:c,descriptionInputPlaceholder:d,imageWarnings:i,replacementVariables:w,recommendedReplacementVariables:b,onReplacementVariableSearchChange:v,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:k,setEditorRef:this.setEditorRef,idSuffix:S}))}}ra.propTypes={title:y().string.isRequired,onTitleChange:y().func.isRequired,description:y().string.isRequired,onDescriptionChange:y().func.isRequired,imageUrl:y().string.isRequired,imageFallbackUrl:y().string.isRequired,onSelectImageClick:y().func.isRequired,onRemoveImageClick:y().func.isRequired,socialMediumName:y().string.isRequired,alt:y().string,isPremium:y().bool,imageWarnings:y().array,isLarge:y().bool,siteUrl:y().string,descriptionInputPlaceholder:y().string,titleInputPlaceholder:y().string,descriptionPreviewFallback:y().string,titlePreviewFallback:y().string,replacementVariables:sa.replacementVariablesShape,recommendedReplacementVariables:sa.recommendedReplacementVariablesShape,applyReplacementVariables:y().func,onReplacementVariableSearchChange:y().func,socialPreviewLabel:y().string,idSuffix:y().string,activeMetaTabId:y().string},ra.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,isLarge:!0,siteUrl:"",descriptionInputPlaceholder:"",titleInputPlaceholder:"",descriptionPreviewFallback:"",titlePreviewFallback:"",alt:"",applyReplacementVariables:e=>e,onReplacementVariableSearchChange:null,socialPreviewLabel:"",idSuffix:"",activeMetaTabId:""};const aa={},na=(e,t,{log:s=console.warn}={})=>{aa[e]||(aa[e]=!0,s(t))},oa=(e,t=m.noop)=>{const s={};for(const r in e)Object.hasOwn(e,r)&&Object.defineProperty(s,r,{set:s=>{e[r]=s,t("set",r,s)},get:()=>(t("get",r),e[r])});return s};oa({squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},((e,t)=>na(`@yoast/social-metadata-previews/TWITTER_IMAGE_SIZES/${e}/${t}`,`[@yoast/social-metadata-previews] "TWITTER_IMAGE_SIZES.${t}" is deprecated and will be removed in the future, please use this from @yoast/social-metadata-forms instead.`))),oa({squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},((e,t)=>na(`@yoast/social-metadata-previews/FACEBOOK_IMAGE_SIZES/${e}/${t}`,`[@yoast/social-metadata-previews] "FACEBOOK_IMAGE_SIZES.${t}" is deprecated and will be removed in the future, please use this from @yoast/social-metadata-forms instead.`)));const ia=w().div`
max-width: calc(527px + 1.5rem);
`,la=e=>{const s="X"===e.socialMediumName?(0,l.__)("X share preview","wordpress-seo"):(0,l.__)("Social share preview","wordpress-seo"),{locationContext:r}=(0,T.useRootContext)();return(0,t.createElement)(T.Root,null,(0,t.createElement)(ia,null,(0,t.createElement)(T.FeatureUpsell,{shouldUpsell:!0,variant:"card",cardLink:(0,Fs.addQueryArgs)(wpseoAdminL10n["shortlinks.upsell.social_preview."+e.socialMediumName.toLowerCase()],{context:r}),cardText:(0,l.sprintf)(/* translators: %1$s expands to Yoast SEO Premium. */
(0,l.__)("Unlock with %1$s","wordpress-seo"),"Yoast SEO Premium"),"data-action":"load-nfd-ctb","data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2"},(0,t.createElement)("div",{className:"yst-grayscale yst-opacity-50"},(0,t.createElement)(T.Label,null,s),(0,t.createElement)(qr,{title:"",description:"",siteUrl:"",imageUrl:"",imageFallbackUrl:"",alt:"",onSelect:m.noop,onImageClick:m.noop,onMouseHover:m.noop})))))};la.propTypes={socialMediumName:y().oneOf(["Social","Twitter","X"]).isRequired};const ca=la;class da extends i.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.setHoveredField=this.setHoveredField.bind(this),this.setActiveField=this.setActiveField.bind(this),this.setEditorRef=this.setEditorRef.bind(this),this.setEditorFocus=this.setEditorFocus.bind(this)}setHoveredField(e){e!==this.state.hoveredField&&this.setState({hoveredField:e})}setActiveField(e){e!==this.state.activeField&&this.setState({activeField:e},(()=>this.setEditorFocus(e)))}setEditorFocus(e){switch(e){case"title":this.titleEditorRef.focus();break;case"description":this.descriptionEditorRef.focus()}}setEditorRef(e,t){switch(e){case"title":this.titleEditorRef=t;break;case"description":this.descriptionEditorRef=t}}render(){const{onDescriptionChange:e,onTitleChange:s,onSelectImageClick:r,onRemoveImageClick:a,socialMediumName:n,imageWarnings:o,description:l,descriptionInputPlaceholder:c,imageUrl:d,alt:p,title:u,titleInputPlaceholder:m,replacementVariables:h,recommendedReplacementVariables:g,onReplacementVariableSearchChange:y,isPremium:f,location:w}=this.props;return(0,t.createElement)(i.Fragment,null,(0,t.createElement)(ca,{socialMediumName:n}),(0,t.createElement)(wr.SocialMetadataPreviewForm,{onDescriptionChange:e,socialMediumName:n,title:u,titleInputPlaceholder:m,onRemoveImageClick:a,imageSelected:!!d,imageUrl:d,imageAltText:p,onTitleChange:s,onSelectImageClick:r,description:l,descriptionInputPlaceholder:c,imageWarnings:o,replacementVariables:h,recommendedReplacementVariables:g,onReplacementVariableSearchChange:y,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:f,setEditorRef:this.setEditorRef,idSuffix:w}))}}da.propTypes={title:y().string.isRequired,onTitleChange:y().func.isRequired,description:y().string.isRequired,onDescriptionChange:y().func.isRequired,imageUrl:y().string.isRequired,onSelectImageClick:y().func.isRequired,onRemoveImageClick:y().func.isRequired,socialMediumName:y().string.isRequired,isPremium:y().bool,imageWarnings:y().array,descriptionInputPlaceholder:y().string,titleInputPlaceholder:y().string,replacementVariables:sa.replacementVariablesShape,recommendedReplacementVariables:sa.recommendedReplacementVariablesShape,onReplacementVariableSearchChange:y().func,location:y().string,alt:y().string},da.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,descriptionInputPlaceholder:"",titleInputPlaceholder:"",onReplacementVariableSearchChange:null,location:"",alt:""};const pa=da,ua=e=>{const[s,r]=(0,i.useState)(""),a=(0,i.useCallback)((e=>{r(e.detail.metaTabId)}),[r]);(0,i.useEffect)((()=>(setTimeout(e.onLoad),window.addEventListener("YoastSEO:metaTabChange",a),()=>{window.removeEventListener("YoastSEO:metaTabChange",a)})),[]);const n=(0,i.useMemo)((()=>({...e,activeMetaTabId:s})),[e,s]);return e.isPremium?(0,t.createElement)(k.Slot,{name:`YoastFacebookPremium${e.location.charAt(0).toUpperCase()+e.location.slice(1)}`,fillProps:n}):(0,t.createElement)(pa,{...n})};ua.propTypes={isPremium:y().bool.isRequired,onLoad:y().func.isRequired,location:y().string.isRequired};const ma=ua;function ha(e){(function(e){const t=window.wp.media();return t.on("select",(()=>{const s=t.state().get("selection").first();var r;e({type:(r=s.attributes).subtype,width:r.width,height:r.height,url:r.url,id:r.id,sizes:r.sizes,alt:r.alt||r.title||r.name})})),t})(e).open()}const ga=()=>{ha((e=>(0,n.dispatch)("yoast-seo/editor").setFacebookPreviewImage((e=>{const{width:t,height:s}=e,r=(0,wr.determineFacebookImageMode)({width:t,height:s}),a=wr.FACEBOOK_IMAGE_SIZES[r+"Width"],n=wr.FACEBOOK_IMAGE_SIZES[r+"Height"],o=Object.values(e.sizes).find((e=>e.width>=a&&e.height>=n));return{url:o?o.url:e.url,id:e.id,warnings:(0,Y.validateFacebookImage)(e),alt:e.alt||""}})(e))))},ya=(0,B.compose)([(0,n.withSelect)((e=>{const{getFacebookDescription:t,getDescription:s,getFacebookTitle:r,getSeoTitle:a,getFacebookImageUrl:n,getImageFallback:o,getFacebookWarnings:i,getRecommendedReplaceVars:l,getReplaceVars:c,getSiteUrl:d,getSeoTitleTemplate:p,getSeoTitleTemplateNoFallback:u,getSocialTitleTemplate:m,getSeoDescriptionTemplate:g,getSocialDescriptionTemplate:y,getReplacedExcerpt:f,getFacebookAltText:w}=e("yoast-seo/editor");return{imageUrl:n(),imageFallbackUrl:o(),recommendedReplacementVariables:l(),replacementVariables:c(),description:t(),descriptionPreviewFallback:y()||s()||g()||f()||"",title:r(),titlePreviewFallback:m()||a()||u()||p()||"",imageWarnings:i(),siteUrl:d(),isPremium:!!h().isPremium,titleInputPlaceholder:"",descriptionInputPlaceholder:"",socialMediumName:"Social",alt:w()}})),(0,n.withDispatch)(((e,t,{select:s})=>{const{setFacebookPreviewTitle:r,setFacebookPreviewDescription:a,clearFacebookPreviewImage:n,loadFacebookPreviewData:o,findCustomFields:i}=e("yoast-seo/editor"),l=s("yoast-seo/editor").getPostId();return{onSelectImageClick:ga,onRemoveImageClick:n,onDescriptionChange:a,onTitleChange:r,onLoad:o,onReplacementVariableSearchChange:is(l,i)}})),jt()])(ma),fa=e=>((0,i.useEffect)((()=>{setTimeout(e.onLoad)}),[]),e.isPremium?(0,t.createElement)(k.Slot,{name:`YoastTwitterPremium${e.location.charAt(0).toUpperCase()+e.location.slice(1)}`,fillProps:e}):(0,t.createElement)(pa,{...e}));fa.propTypes={isPremium:y().bool.isRequired,onLoad:y().func.isRequired,location:y().string.isRequired};const wa=fa,ba=()=>{ha((e=>(0,n.dispatch)("yoast-seo/editor").setTwitterPreviewImage((e=>{const t="summary"!==(0,m.get)(window,"wpseoScriptData.metabox.twitterCardType")?"landscape":"square",s=wr.TWITTER_IMAGE_SIZES[t+"Width"],r=wr.TWITTER_IMAGE_SIZES[t+"Height"],a=Object.values(e.sizes).find((e=>e.width>=s&&e.height>=r));return{url:a?a.url:e.url,id:e.id,warnings:(0,Y.validateTwitterImage)(e),alt:e.alt||""}})(e))))},Ea=(0,B.compose)([(0,n.withSelect)((e=>{const{getTwitterDescription:t,getTwitterTitle:s,getTwitterImageUrl:r,getFacebookImageUrl:a,getFacebookTitle:n,getFacebookDescription:o,getDescription:i,getSeoTitle:l,getTwitterWarnings:c,getTwitterImageType:d,getImageFallback:p,getRecommendedReplaceVars:u,getReplaceVars:m,getSiteUrl:g,getSeoTitleTemplate:y,getSeoTitleTemplateNoFallback:f,getSocialTitleTemplate:w,getSeoDescriptionTemplate:b,getSocialDescriptionTemplate:E,getReplacedExcerpt:v,getTwitterAltText:k}=e("yoast-seo/editor");return{imageUrl:r(),imageFallbackUrl:a()||p(),recommendedReplacementVariables:u(),replacementVariables:m(),description:t(),descriptionPreviewFallback:E()||o()||i()||b()||v()||"",title:s(),titlePreviewFallback:w()||n()||l()||f()||y()||"",imageWarnings:c(),siteUrl:g(),isPremium:!!h().isPremium,isLarge:"summary"!==d(),titleInputPlaceholder:"",descriptionInputPlaceholder:"",socialMediumName:"X",alt:k()}})),(0,n.withDispatch)(((e,t,{select:s})=>{const{setTwitterPreviewTitle:r,setTwitterPreviewDescription:a,clearTwitterPreviewImage:n,loadTwitterPreviewData:o,findCustomFields:i}=e("yoast-seo/editor"),l=s("yoast-seo/editor").getPostId();return{onSelectImageClick:ba,onRemoveImageClick:n,onDescriptionChange:a,onTitleChange:r,onLoad:o,onReplacementVariableSearchChange:is(l,i)}})),jt()])(wa),va=w().legend`
color: ${C.colors.$color_headings};
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
