| @@ -1,6 +1,7 @@ | ||
| 1 | -(()=>{var e={2485(e,t){var s;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var s=arguments[t];if(s){var r=typeof s;if("string"===r||"number"===r)e.push(s);else if(Array.isArray(s)){if(s.length){var n=o.apply(null,s);n&&e.push(n)}}else if("object"===r){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){e.push(s.toString());continue}for(var a in s)i.call(s,a)&&s[a]&&e.push(a)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(s=function(){return o}.apply(t,[]))||(e.exports=s)}()}},t={};function s(i){var o=t[i];if(void 0!==o)return o.exports;var r=t[i]={exports:{}};return e[i](r,r.exports,s),r.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 i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.element,t=window.wp.components,i=window.yoast.propTypes;var o=s.n(i);const r=window.yoast.uiLibrary,n=window.lodash,a=window.wp.data;const l=window.React;var c=s.n(l);l.forwardRef(function(e,t){return l.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:t},e),l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"}))});const d=window.wp.i18n,p=(t,s)=>{try{return(0,e.createInterpolateElement)(t,s)}catch(e){return console.error("Error in translation for:",t,e),t}},u=window.ReactJSXRuntime;o().string.isRequired;const h=l.forwardRef(function(e,t){return l.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:t},e),l.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"}))}),m=l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.createElement("path",{fillRule:"evenodd",d:"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z",clipRule:"evenodd"}))});o().string.isRequired,o().string.isRequired,o().shape({src:o().string.isRequired,width:o().string,height:o().string}).isRequired,o().shape({value:o().bool.isRequired,status:o().string.isRequired,set:o().func.isRequired}).isRequired,o().string,o().string,o().string;const g=({handleRefreshClick:e,supportLink:t})=>(0,u.jsxs)("div",{className:"yst-flex yst-gap-2",children:[(0,u.jsx)(r.Button,{onClick:e,children:(0,d.__)("Refresh this page","wordpress-seo")}),(0,u.jsx)(r.Button,{variant:"secondary",as:"a",href:t,target:"_blank",rel:"noopener",children:(0,d.__)("Contact support","wordpress-seo")})]});g.propTypes={handleRefreshClick:o().func.isRequired,supportLink:o().string.isRequired};const y=({handleRefreshClick:e,supportLink:t})=>(0,u.jsxs)("div",{className:"yst-grid yst-grid-cols-1 yst-gap-y-2",children:[(0,u.jsx)(r.Button,{className:"yst-order-last",onClick:e,children:(0,d.__)("Refresh this page","wordpress-seo")}),(0,u.jsx)(r.Button,{variant:"secondary",as:"a",href:t,target:"_blank",rel:"noopener",children:(0,d.__)("Contact support","wordpress-seo")})]});y.propTypes={handleRefreshClick:o().func.isRequired,supportLink:o().string.isRequired};const w=({error:e,children:t=null})=>(0,u.jsxs)("div",{role:"alert",className:"yst-max-w-screen-sm yst-p-8 yst-space-y-4",children:[(0,u.jsx)(r.Title,{children:(0,d.__)("Something went wrong. An unexpected error occurred.","wordpress-seo")}),(0,u.jsx)("p",{children:(0,d.__)("We're very sorry, but it seems like the following error has interrupted our application:","wordpress-seo")}),(0,u.jsx)(r.Alert,{variant:"error",children:(null==e?void 0:e.message)||(0,d.__)("Undefined error message.","wordpress-seo")}),(0,u.jsx)("p",{children:(0,d.__)("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")}),t]});w.propTypes={error:o().object.isRequired,children:o().node},w.VerticalButtons=y,w.HorizontalButtons=g;o().string,o().node.isRequired,o().node.isRequired,o().node,o().oneOf(Object.keys({lg:{grid:"yst-grid lg:yst-grid-cols-3 lg:yst-gap-12",col1:"yst-col-span-1",col2:"lg:yst-mt-0 lg:yst-col-span-2"},xl:{grid:"yst-grid xl:yst-grid-cols-3 xl:yst-gap-12",col1:"yst-col-span-1",col2:"xl:yst-mt-0 xl:yst-col-span-2"},"2xl":{grid:"yst-grid 2xl:yst-grid-cols-3 2xl:yst-gap-12",col1:"yst-col-span-1",col2:"2xl:yst-mt-0 2xl:yst-col-span-2"}}));const f=window.ReactDOM;var x,b,v;(b=x||(x={})).Pop="POP",b.Push="PUSH",b.Replace="REPLACE",function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(v||(v={})),new Set(["lazy","caseSensitive","path","id","index","children"]),Error;const k=["post","put","patch","delete"],_=(new Set(k),["get",...k]);new Set(_),new Set([301,302,303,307,308]),new Set([307,308]),Symbol("deferred"),l.Component,l.startTransition,new Promise(()=>{}),l.Component,new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);try{window.__reactRouterVersion="6"}catch(e){}var T,R,j,S;new Map,l.startTransition,f.flushSync,l.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(S=T||(T={})).UseScrollRestoration="useScrollRestoration",S.UseSubmit="useSubmit",S.UseSubmitFetcher="useSubmitFetcher",S.UseFetcher="useFetcher",S.useViewTransitionState="useViewTransitionState",(j=R||(R={})).UseFetcher="useFetcher",j.UseFetchers="useFetchers",j.UseScrollRestoration="useScrollRestoration",o().string.isRequired,o().string;const I=({href:e,children:t=null,...s})=>(0,u.jsxs)(r.Link,{target:"_blank",rel:"noopener noreferrer",...s,href:e,children:[t,(0,u.jsx)("span",{className:"yst-sr-only",children:/* translators: Hidden accessibility text. */ /* translators: Hidden accessibility text. */ | |
| 2 | -(0,d.__)("(Opens in a new browser tab)","wordpress-seo")})]});I.propTypes={href:o().string.isRequired,children:o().node};const C=l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"}))});(0,d.__)("Create optimized SEO titles & meta descriptions in seconds","wordpress-seo"),(0,d.__)("Apply AI suggestions to improve content in 1 click","wordpress-seo"),(0,d.__)("Manage redirects with ease and without extra plugins","wordpress-seo"),(0,d.__)("Optimize pages for multiple keywords with guidance","wordpress-seo"),(0,d.__)("Add product details to help your listings stand out","wordpress-seo"),(0,d.__)("Make sure search engines show the right version of your product page","wordpress-seo"),(0,d.__)("Create optimized SEO titles & meta descriptions with AI","wordpress-seo"),(0,d.__)("Receive clear SEO and readability guidance to optimize your products","wordpress-seo"),(0,d.__)("Generate SEO optimized metadata in seconds with AI","wordpress-seo"),(0,d.__)("Make your articles visible, be seen in Google News","wordpress-seo"),(0,d.__)("Built to get found by search, AI, and real users","wordpress-seo"),(0,d.__)("Easy Local SEO. Show up in Google Maps results","wordpress-seo"),(0,d.__)("Internal links and redirect management, easy","wordpress-seo"),(0,d.__)("Access to friendly help when you need it, day or night","wordpress-seo");var E=s(2485),L=s.n(E);var A;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)({}).hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},F.apply(null,arguments)}o().string.isRequired,o().object.isRequired,o().func.isRequired,l.forwardRef(function(e,t){return l.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:t},e),l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"}))});const P=e=>l.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 12"},e),A||(A=l.createElement("path",{fill:"#CD82AB",d:"M10.989 6.74 7.885.98v.002L7.882.98 4.778 6.74 0 3.32l1.126 7.702H14.64l1.126-7.703L10.99 6.74Z"})));o().string.isRequired,o().object,o().func.isRequired,o().bool.isRequired,o().string.isRequired,o().object.isRequired,o().string.isRequired,o().func.isRequired,o().bool.isRequired,l.forwardRef(function(e,t){return l.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:t},e),l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"}))}),o().bool.isRequired,o().func,o().func,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired;window.yoast.reactHelmet;o().string.isRequired,o().shape({src:o().string.isRequired,width:o().string,height:o().string}).isRequired,o().shape({value:o().bool.isRequired,status:o().string.isRequired,set:o().func.isRequired}).isRequired,o().bool,l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.createElement("path",{fillRule:"evenodd",d:"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z",clipRule:"evenodd"}))}),o().bool.isRequired,o().func.isRequired,o().func,o().string;o().func.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().func.isRequired,o().string.isRequired,o().shape({termsOfService:o().string,privacyPolicy:o().string,learnMore:o().string});const q=window.yoast.componentsNew,M=window.yoast.styleGuide,D=window.yoast.analysis;function O(e){switch(e){case"loading":return{icon:"loading-spinner",color:M.colors.$color_green_medium_light};case"not-set":return{icon:"seo-score-none",color:M.colors.$color_score_icon};case"noindex":return{icon:"seo-score-none",color:M.colors.$color_noindex};case"good":return{icon:"seo-score-good",color:M.colors.$color_green_medium};case"ok":return{icon:"seo-score-ok",color:M.colors.$color_ok};default:return{icon:"seo-score-bad",color:M.colors.$color_red}}}function N({target:t,children:s}){let i=t;return"string"==typeof t&&(i=document.getElementById(t)),i?(0,e.createPortal)(s,i):null}N.propTypes={target:o().oneOfType([o().string,o().object]).isRequired,children:o().node.isRequired};const U=({target:e,scoreIndicator:t})=>(0,u.jsx)(N,{target:e,children:(0,u.jsx)(q.SvgIcon,{...O(t)})});U.propTypes={target:o().string.isRequired,scoreIndicator:o().string.isRequired};const W=U,$=({error:t})=>{const s=(0,e.useCallback)(()=>{var e,t;return null===(e=window)||void 0===e||null===(t=e.location)||void 0===t?void 0:t.reload()},[]),i=(0,a.useSelect)(e=>e("yoast-seo/editor").selectLink("https://yoa.st/metabox-error-support"),[]),o=(0,a.useSelect)(e=>e("yoast-seo/editor").getPreference("isRtl",!1),[]);return(0,e.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,u.jsx)(r.Root,{context:{isRtl:o},children:(0,u.jsxs)(w,{error:t,children:[(0,u.jsx)(w.HorizontalButtons,{supportLink:i,handleRefreshClick:s}),(0,u.jsx)(W,{target:"wpseo-seo-score-icon",scoreIndicator:"not-set"}),(0,u.jsx)(W,{target:"wpseo-readability-score-icon",scoreIndicator:"not-set"}),(0,u.jsx)(W,{target:"wpseo-inclusive-language-score-icon",scoreIndicator:"not-set"})]})})};$.propTypes={error:o().object.isRequired};const B=window.yoast.externals.contexts,H=window.yoast.styledComponents;var K=s.n(H);const Y=({theme:e,location:t,children:s})=>(0,u.jsx)(B.LocationProvider,{value:t,children:(0,u.jsx)(H.ThemeProvider,{theme:e,children:s})});Y.propTypes={theme:o().object.isRequired,location:o().oneOf(["sidebar","metabox","modal"]).isRequired,children:o().node.isRequired};const V=Y;function z({theme:e}){return(0,u.jsx)(V,{theme:e,location:"metabox",children:(0,u.jsx)(r.ErrorBoundary,{FallbackComponent:$,children:(0,u.jsx)(t.Slot,{name:"YoastMetabox",children:e=>{return void 0===(t=e).length?t:(0,n.flatten)(t).sort((e,t)=>void 0===e.props.renderPriority?1:e.props.renderPriority-t.props.renderPriority);var t}})})})}const G=window.wp.compose,Z=l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.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"}))}),X=({className:e="",...t})=>(0,u.jsx)("span",{className:L()("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-start",e),...t});X.displayName="MetaboxButton.Text",X.propTypes={className:o().string};const Q=({className:e="",...t})=>(0,u.jsx)("button",{type:"button",className:L()("yst-flex yst-items-center yst-w-full yst-pt-4 yst-pb-4 yst-pe-4 yst-ps-6 yst-space-x-2 rtl:yst-space-x-reverse","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),...t});Q.propTypes={className:o().string},Q.Text=X;const J=window.yoast.helpers,ee=K().div` | |
| 1 | +(()=>{var e={465(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.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"}))});e.exports=o},818(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.createElement("path",{fillRule:"evenodd",d:"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z",clipRule:"evenodd"}))});e.exports=o},998(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))});e.exports=o},1609(e){"use strict";e.exports=window.React},2485(e,t){var s;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var s=arguments[t];if(s){var r=typeof s;if("string"===r||"number"===r)e.push(s);else if(Array.isArray(s)){if(s.length){var n=o.apply(null,s);n&&e.push(n)}}else if("object"===r){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){e.push(s.toString());continue}for(var a in s)i.call(s,a)&&s[a]&&e.push(a)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(s=function(){return o}.apply(t,[]))||(e.exports=s)}()},2514(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.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:t},e),i.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"}))});e.exports=o},3473(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.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:t},e),i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"}))});e.exports=o},5074(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.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:t},e),i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"}))});e.exports=o},5547(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.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"}))});e.exports=o},5687(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.createElement("path",{fillRule:"evenodd",d:"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z",clipRule:"evenodd"}))});e.exports=o},6702(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.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:t},e),i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"}))});e.exports=o},7656(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.createElement("path",{d:"M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"}))});e.exports=o},8738(e,t,s){const i=s(1609),o=i.forwardRef(function(e,t){return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),i.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"}))});e.exports=o}},t={};function s(i){var o=t[i];if(void 0!==o)return o.exports;var r=t[i]={exports:{}};return e[i](r,r.exports,s),r.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 i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.element,t=window.wp.components,i=window.yoast.propTypes;var o=s.n(i);const r=window.yoast.uiLibrary,n=window.lodash,a=window.wp.data;s(6702);const l=window.wp.i18n,c=(t,s)=>{try{return(0,e.createInterpolateElement)(t,s)}catch(e){return console.error("Error in translation for:",t,e),t}},d=window.ReactJSXRuntime;o().string.isRequired;var p=s(2514),u=s.n(p),h=s(818),g=s.n(h);o().string.isRequired,o().string.isRequired,o().shape({src:o().string.isRequired,width:o().string,height:o().string}).isRequired,o().shape({value:o().bool.isRequired,status:o().string.isRequired,set:o().func.isRequired}).isRequired,o().string,o().string,o().string;const m=({handleRefreshClick:e,supportLink:t})=>(0,d.jsxs)("div",{className:"yst-flex yst-gap-2",children:[(0,d.jsx)(r.Button,{onClick:e,children:(0,l.__)("Refresh this page","wordpress-seo")}),(0,d.jsx)(r.Button,{variant:"secondary",as:"a",href:t,target:"_blank",rel:"noopener",children:(0,l.__)("Contact support","wordpress-seo")})]});m.propTypes={handleRefreshClick:o().func.isRequired,supportLink:o().string.isRequired};const y=({handleRefreshClick:e,supportLink:t})=>(0,d.jsxs)("div",{className:"yst-grid yst-grid-cols-1 yst-gap-y-2",children:[(0,d.jsx)(r.Button,{className:"yst-order-last",onClick:e,children:(0,l.__)("Refresh this page","wordpress-seo")}),(0,d.jsx)(r.Button,{variant:"secondary",as:"a",href:t,target:"_blank",rel:"noopener",children:(0,l.__)("Contact support","wordpress-seo")})]});y.propTypes={handleRefreshClick:o().func.isRequired,supportLink:o().string.isRequired};const w=({error:e,children:t=null})=>(0,d.jsxs)("div",{role:"alert",className:"yst-max-w-screen-sm yst-p-8 yst-space-y-4",children:[(0,d.jsx)(r.Title,{children:(0,l.__)("Something went wrong. An unexpected error occurred.","wordpress-seo")}),(0,d.jsx)("p",{children:(0,l.__)("We're very sorry, but it seems like the following error has interrupted our application:","wordpress-seo")}),(0,d.jsx)(r.Alert,{variant:"error",children:(null==e?void 0:e.message)||(0,l.__)("Undefined error message.","wordpress-seo")}),(0,d.jsx)("p",{children:(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")}),t]});w.propTypes={error:o().object.isRequired,children:o().node},w.VerticalButtons=y,w.HorizontalButtons=m;o().string,o().node.isRequired,o().node.isRequired,o().node,o().oneOf(Object.keys({lg:{grid:"yst-grid lg:yst-grid-cols-3 lg:yst-gap-12",col1:"yst-col-span-1",col2:"lg:yst-mt-0 lg:yst-col-span-2"},xl:{grid:"yst-grid xl:yst-grid-cols-3 xl:yst-gap-12",col1:"yst-col-span-1",col2:"xl:yst-mt-0 xl:yst-col-span-2"},"2xl":{grid:"yst-grid 2xl:yst-grid-cols-3 2xl:yst-gap-12",col1:"yst-col-span-1",col2:"2xl:yst-mt-0 2xl:yst-col-span-2"}}));var f=s(1609),x=s.n(f);const b=window.ReactDOM;var v,k,_;(k=v||(v={})).Pop="POP",k.Push="PUSH",k.Replace="REPLACE",function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(_||(_={})),new Set(["lazy","caseSensitive","path","id","index","children"]),Error;const T=["post","put","patch","delete"],j=(new Set(T),["get",...T]);new Set(j),new Set([301,302,303,307,308]),new Set([307,308]),Symbol("deferred"),f.Component,f.startTransition,new Promise(()=>{}),f.Component,new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);try{window.__reactRouterVersion="6"}catch(e){}var R,S,I,C;new Map,f.startTransition,b.flushSync,f.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(C=R||(R={})).UseScrollRestoration="useScrollRestoration",C.UseSubmit="useSubmit",C.UseSubmitFetcher="useSubmitFetcher",C.UseFetcher="useFetcher",C.useViewTransitionState="useViewTransitionState",(I=S||(S={})).UseFetcher="useFetcher",I.UseFetchers="useFetchers",I.UseScrollRestoration="useScrollRestoration",o().string.isRequired,o().string;const E=({href:e,children:t=null,...s})=>(0,d.jsxs)(r.Link,{target:"_blank",rel:"noopener noreferrer",...s,href:e,children:[t,(0,d.jsx)("span",{className:"yst-sr-only",children:/* translators: Hidden accessibility text. */ /* translators: Hidden accessibility text. */ | |
| 2 | +(0,l.__)("(Opens in a new browser tab)","wordpress-seo")})]});E.propTypes={href:o().string.isRequired,children:o().node};var L=s(8738),A=s.n(L);(0,l.__)("Create optimized SEO titles & meta descriptions in seconds","wordpress-seo"),(0,l.__)("Apply AI suggestions to improve content in 1 click","wordpress-seo"),(0,l.__)("Manage redirects with ease and without extra plugins","wordpress-seo"),(0,l.__)("Optimize pages for multiple keywords with guidance","wordpress-seo"),(0,l.__)("Add product details to help your listings stand out","wordpress-seo"),(0,l.__)("Make sure search engines show the right version of your product page","wordpress-seo"),(0,l.__)("Create optimized SEO titles & meta descriptions with AI","wordpress-seo"),(0,l.__)("Receive clear SEO and readability guidance to optimize your products","wordpress-seo"),(0,l.__)("Generate SEO optimized metadata in seconds with AI","wordpress-seo"),(0,l.__)("Make your articles visible, be seen in Google News","wordpress-seo"),(0,l.__)("Built to get found by search, AI, and real users","wordpress-seo"),(0,l.__)("Easy Local SEO. Show up in Google Maps results","wordpress-seo"),(0,l.__)("Internal links and redirect management, easy","wordpress-seo"),(0,l.__)("Access to friendly help when you need it, day or night","wordpress-seo");var P=s(2485),q=s.n(P);var F;function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)({}).hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},M.apply(null,arguments)}o().string.isRequired,o().object.isRequired,o().func.isRequired,o().bool.isRequired,s(3473);const D=e=>f.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",fill:"none","aria-hidden":"true",viewBox:"0 0 16 12"},e),F||(F=f.createElement("path",{fill:"#CD82AB",d:"M10.989 6.74 7.885.98v.002L7.882.98 4.778 6.74 0 3.32l1.126 7.702H14.64l1.126-7.703L10.99 6.74z"})));o().string.isRequired,o().object,o().func.isRequired,o().bool.isRequired,o().string.isRequired,o().object.isRequired,o().string.isRequired,o().func.isRequired,o().bool.isRequired,s(5074),o().bool.isRequired,o().func,o().func,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired;window.yoast.reactHelmet;o().string.isRequired,o().shape({src:o().string.isRequired,width:o().string,height:o().string}).isRequired,o().shape({value:o().bool.isRequired,status:o().string.isRequired,set:o().func.isRequired}).isRequired,o().bool,s(5687),o().bool.isRequired,o().func.isRequired,o().func,o().string;const O="yoast-seo/editor",N=((0,n.mapValues)({post:"title",term:"term_title"},e=>`%%${e}%%`),({children:e})=>(0,d.jsx)("p",{className:"yst-mt-2",children:e}));N.propTypes={children:o().node.isRequired};const $=(0,l.__)("Something went wrong","wordpress-seo"),U=({linkStoreName:e=O})=>{const t=(0,a.useSelect)(t=>t(e).selectLink("https://yoa.st/ai-common-errors"),[e]),s=(0,a.useSelect)(t=>t(e).selectAdminLink("?page=wpseo_page_support"),[e]);return(0,d.jsx)(N,{children:c((0,l.sprintf)(/* translators: %1$s and %3$s expand to an opening tag. %2$s and %4$s expand to a closing tag. */ /* translators: %1$s and %3$s expand to an opening tag. %2$s and %4$s expand to a closing tag. */ | |
| 3 | +(0,l.__)("Please try again later. If this issue persists, you can learn more about possible reasons for this error on our page about %1$scommon AI feature problems and errors%2$s. In case you need further help, please %3$scontact our support team%4$s.","wordpress-seo"),"<a1>","</a1>","<a2>","</a2>"),{a1:(0,d.jsx)(E,{variant:"error",href:t}),a2:(0,d.jsx)(E,{variant:"error",href:s})})})};U.propTypes={linkStoreName:o().string};const W=({linkStoreName:e=O,className:t=""})=>(0,d.jsxs)(r.Alert,{variant:"error",className:t,children:[(0,d.jsx)("span",{className:"yst-block yst-font-medium",children:$}),(0,d.jsx)(U,{linkStoreName:e})]});W.propTypes={linkStoreName:o().string,className:o().string},(0,l.__)("Not enough content","wordpress-seo"),(0,l.__)("SEO analysis required","wordpress-seo"),(0,l.__)("You've reached the Yoast AI rate limit","wordpress-seo");const H=window.wp.apiFetch;var B=s.n(H);(0,l.__)("Subscription required","wordpress-seo");o().arrayOf(o().string),o().arrayOf(o().string),(0,l.__)("Connection timeout","wordpress-seo"),(0,l.__)("Usage policy violation","wordpress-seo"),(0,l.__)("Something went wrong","wordpress-seo");o().string,o().string,(0,l.__)("Something went wrong","wordpress-seo");o().bool,o().func.isRequired,o().func.isRequired,o().bool,o().bool,o().func,o().func,o().bool,o().bool,o().func,o().func,o().string,o().bool,o().bool,o().func,o().func,o().bool,o().func,o().bool,o().func,o().bool,o().func,o().bool,o().func,o().arrayOf(o().string),o().bool,o().func,o().bool,o().func,(0,l.__)("Yoast AI cannot reach your site","wordpress-seo");o().string,o().bool,o().func;o().func.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().string.isRequired,o().func.isRequired,o().string.isRequired,o().shape({termsOfService:o().string,privacyPolicy:o().string,learnMore:o().string});const K=window.yoast.componentsNew,Y=window.yoast.styleGuide,z=window.yoast.analysis;function V(e){switch(e){case"loading":return{icon:"loading-spinner",color:Y.colors.$color_green_medium_light};case"not-set":return{icon:"seo-score-none",color:Y.colors.$color_score_icon};case"noindex":return{icon:"seo-score-none",color:Y.colors.$color_noindex};case"good":return{icon:"seo-score-good",color:Y.colors.$color_green_medium};case"ok":return{icon:"seo-score-ok",color:Y.colors.$color_ok};default:return{icon:"seo-score-bad",color:Y.colors.$color_red}}}function G({target:t,children:s}){let i=t;return"string"==typeof t&&(i=document.getElementById(t)),i?(0,e.createPortal)(s,i):null}G.propTypes={target:o().oneOfType([o().string,o().object]).isRequired,children:o().node.isRequired};const Z=({target:e,scoreIndicator:t})=>(0,d.jsx)(G,{target:e,children:(0,d.jsx)(K.SvgIcon,{...V(t)})});Z.propTypes={target:o().string.isRequired,scoreIndicator:o().string.isRequired};const X=Z,Q=({error:t})=>{const s=(0,e.useCallback)(()=>{var e,t;return null===(e=window)||void 0===e||null===(t=e.location)||void 0===t?void 0:t.reload()},[]),i=(0,a.useSelect)(e=>e("yoast-seo/editor").selectLink("https://yoa.st/metabox-error-support"),[]),o=(0,a.useSelect)(e=>e("yoast-seo/editor").getPreference("isRtl",!1),[]);return(0,e.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,d.jsx)(r.Root,{context:{isRtl:o},children:(0,d.jsxs)(w,{error:t,children:[(0,d.jsx)(w.HorizontalButtons,{supportLink:i,handleRefreshClick:s}),(0,d.jsx)(X,{target:"wpseo-seo-score-icon",scoreIndicator:"not-set"}),(0,d.jsx)(X,{target:"wpseo-readability-score-icon",scoreIndicator:"not-set"}),(0,d.jsx)(X,{target:"wpseo-inclusive-language-score-icon",scoreIndicator:"not-set"})]})})};Q.propTypes={error:o().object.isRequired};const J=window.yoast.externals.contexts,ee=window.yoast.styledComponents;var te=s.n(ee);const se=({theme:e,location:t,children:s})=>(0,d.jsx)(J.LocationProvider,{value:t,children:(0,d.jsx)(ee.ThemeProvider,{theme:e,children:s})});se.propTypes={theme:o().object.isRequired,location:o().oneOf(["sidebar","metabox","modal"]).isRequired,children:o().node.isRequired};const ie=se;function oe({theme:e}){return(0,d.jsx)(ie,{theme:e,location:"metabox",children:(0,d.jsx)(r.ErrorBoundary,{FallbackComponent:Q,children:(0,d.jsx)(t.Slot,{name:"YoastMetabox",children:e=>{return void 0===(t=e).length?t:(0,n.flatten)(t).sort((e,t)=>void 0===e.props.renderPriority?1:e.props.renderPriority-t.props.renderPriority);var t}})})})}const re=window.wp.compose;var ne=s(5547),ae=s.n(ne);const le=({className:e="",...t})=>(0,d.jsx)("span",{className:q()("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-start",e),...t});le.displayName="MetaboxButton.Text",le.propTypes={className:o().string};const ce=({className:e="",...t})=>(0,d.jsx)("button",{type:"button",className:q()("yst-flex yst-items-center yst-w-full yst-pt-4 yst-pb-4 yst-pe-4 yst-ps-6 yst-space-x-2 rtl:yst-space-x-reverse","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),...t});ce.propTypes={className:o().string},ce.Text=le;const de=window.yoast.helpers,pe=te().div` | |
| 3 | 4 | min-width: 600px; |
| 4 | 5 | |
| 5 | 6 | @media screen and ( max-width: 680px ) { |
| 6 | 7 | min-width: 0; |
| @@ -5,15 +6,15 @@ | ||
| 5 | 6 | @media screen and ( max-width: 680px ) { |
| 6 | 7 | min-width: 0; |
| 7 | 8 | width: 86vw; |
| 8 | 9 | } |
| 9 | -`,te=(K().div` | |
| 10 | +`,ue=(te().div` | |
| 10 | 11 | @media screen and ( min-width: 600px ) { |
| 11 | 12 | max-width: 420px; |
| 12 | 13 | } |
| 13 | -`,K()(q.Icon)` | |
| 14 | - float: ${(0,J.getDirectionalStyle)("right","left")}; | |
| 15 | - margin: ${(0,J.getDirectionalStyle)("0 0 16px 16px","0 16px 16px 0")}; | |
| 14 | +`,te()(K.Icon)` | |
| 15 | + float: ${(0,de.getDirectionalStyle)("right","left")}; | |
| 16 | + margin: ${(0,de.getDirectionalStyle)("0 0 16px 16px","0 16px 16px 0")}; | |
| 16 | 17 | |
| 17 | 18 | && { |
| 18 | 19 | width: 150px; |
| 19 | 20 | height: 150px; |
| @@ -22,13 +23,13 @@ | ||
| 22 | 23 | width: 80px; |
| 23 | 24 | height: 80px; |
| 24 | 25 | } |
| 25 | 26 | } |
| 26 | -`,({title:e="Yoast SEO",className:s="yoast yoast-gutenberg-modal",showYoastIcon:i=!0,children:o=null,additionalClassName:r="",...n})=>{const a=i?(0,u.jsx)("span",{className:"yoast-icon"}):null;return(0,u.jsx)(t.Modal,{title:e,className:`${s} ${r}`,icon:a,...n,children:o})});te.propTypes={title:o().string,className:o().string,showYoastIcon:o().bool,children:o().oneOfType([o().node,o().arrayOf(o().node)]),additionalClassName:o().string};const se=te;var ie,oe;function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)({}).hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},re.apply(null,arguments)}const ne=e=>l.createElement("svg",re({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 425 456.27"},e),ie||(ie=l.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"})),oe||(oe=l.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"}))),ae=({onClick:e,title:t,id:s="",subTitle:i="",suffixIcon:o=null,SuffixHeroIcon:r=null,prefixIcon:n=null,children:a=null})=>(0,u.jsx)("div",{className:"yoast components-panel__body",children:(0,u.jsx)("h2",{className:"components-panel__body-title",children:(0,u.jsxs)("button",{id:s,onClick:e,className:"components-button components-panel__body-toggle",type:"button",children:[n&&(0,u.jsx)("span",{className:"yoast-icon-span",style:{fill:`${n&&n.color||""}`},children:(0,u.jsx)(q.SvgIcon,{size:n.size,icon:n.icon})}),(0,u.jsxs)("span",{className:"yoast-title-container",children:[(0,u.jsx)("div",{className:"yoast-title",children:t}),(0,u.jsx)("div",{className:"yoast-subtitle",children:i})]}),a,o&&(0,u.jsx)(q.SvgIcon,{size:o.size,icon:o.icon}),r]})})}),le=ae;ae.propTypes={onClick:o().func.isRequired,title:o().string.isRequired,id:o().string,subTitle:o().string,suffixIcon:o().object,SuffixHeroIcon:o().element,prefixIcon:o().object,children:o().node};const ce=window.moment;var de=s.n(ce);const pe=window.wp.apiFetch;var ue=s.n(pe);async function he(e,t,s,i=200){try{const o=await e();return!!o&&(o.status===i?t(o):s(o))}catch(e){console.error(e.message)}}async function me(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,n.isArray)(e)||(e=[e]),await me({path:"yoast/v1/wincher/keyphrases/track",method:"POST",data:{keyphrases:e}})}const ye=({data:e,mapChartDataToTableData:t=null,dataTableCaption:s,dataTableHeaderLabels:i,isDataTableVisuallyHidden:o=!0})=>e.length!==i.length?(0,u.jsx)("p",{children:(0,d.__)("The number of headers and header labels don't match.","wordpress-seo")}):(0,u.jsx)("div",{className:o?"screen-reader-text":null,children:(0,u.jsxs)("table",{children:[(0,u.jsx)("caption",{children:s}),(0,u.jsx)("thead",{children:(0,u.jsx)("tr",{children:i.map((e,t)=>(0,u.jsx)("th",{children:e},t))})}),(0,u.jsx)("tbody",{children:(0,u.jsx)("tr",{children:e.map((e,s)=>(0,u.jsx)("td",{children:t(e.y)},s))})})]})});ye.propTypes={data:o().arrayOf(o().shape({x:o().number,y:o().number})).isRequired,mapChartDataToTableData:o().func,dataTableCaption:o().string.isRequired,dataTableHeaderLabels:o().array.isRequired,isDataTableVisuallyHidden:o().bool};const we=ye,fe=({data:t,width:s,height:i,fillColor:o=null,strokeColor:r="#000000",strokeWidth:n=1,className:a="",mapChartDataToTableData:l=null,dataTableCaption:c,dataTableHeaderLabels:d,isDataTableVisuallyHidden:p=!0})=>{const h=Math.max(1,Math.max(...t.map(e=>e.x))),m=Math.max(1,Math.max(...t.map(e=>e.y))),g=i-n,y=t.map(e=>`${e.x/h*s},${g-e.y/m*g+n}`).join(" "),w=`0,${g+n} `+y+` ${s},${g+n}`;return(0,u.jsxs)(e.Fragment,{children:[(0,u.jsxs)("svg",{width:s,height:i,viewBox:`0 0 ${s} ${i}`,className:a,role:"img","aria-hidden":"true",focusable:"false",children:[(0,u.jsx)("polygon",{fill:o,points:w}),(0,u.jsx)("polyline",{fill:"none",stroke:r,strokeWidth:n,strokeLinejoin:"round",strokeLinecap:"round",points:y})]}),l&&(0,u.jsx)(we,{data:t,mapChartDataToTableData:l,dataTableCaption:c,dataTableHeaderLabels:d,isDataTableVisuallyHidden:p})]})};fe.propTypes={data:o().arrayOf(o().shape({x:o().number,y:o().number})).isRequired,width:o().number.isRequired,height:o().number.isRequired,fillColor:o().string,strokeColor:o().string,strokeWidth:o().number,className:o().string,mapChartDataToTableData:o().func,dataTableCaption:o().string.isRequired,dataTableHeaderLabels:o().array.isRequired,isDataTableVisuallyHidden:o().bool};const xe=fe,be=()=>(0,u.jsxs)("p",{className:"yoast-wincher-seo-performance-modal__loading-message",children:[(0,d.__)("Tracking the ranking position…","wordpress-seo")," ",(0,u.jsx)(q.SvgIcon,{icon:"loading-spinner"})]}),ve=K()(q.SvgIcon)` | |
| 27 | +`,({title:e="Yoast SEO",className:s="yoast yoast-gutenberg-modal",showYoastIcon:i=!0,children:o=null,additionalClassName:r="",...n})=>{const a=i?(0,d.jsx)("span",{className:"yoast-icon"}):null;return(0,d.jsx)(t.Modal,{title:e,className:`${s} ${r}`,icon:a,...n,children:o})});ue.propTypes={title:o().node,className:o().string,showYoastIcon:o().bool,children:o().oneOfType([o().node,o().arrayOf(o().node)]),additionalClassName:o().string};const he=ue;var ge,me;function ye(){return ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)({}).hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},ye.apply(null,arguments)}const we=e=>f.createElement("svg",ye({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 425 456.27"},e),ge||(ge=f.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"})),me||(me=f.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"}))),fe=({onClick:e,title:t,id:s="",subTitle:i="",suffixIcon:o=null,SuffixHeroIcon:r=null,prefixIcon:n=null,children:a=null})=>(0,d.jsx)("div",{className:"yoast components-panel__body",children:(0,d.jsx)("h2",{className:"components-panel__body-title",children:(0,d.jsxs)("button",{id:s,onClick:e,className:"components-button components-panel__body-toggle",type:"button",children:[n&&(0,d.jsx)("span",{className:"yoast-icon-span",style:{fill:`${n&&n.color||""}`},children:(0,d.jsx)(K.SvgIcon,{size:n.size,icon:n.icon})}),(0,d.jsxs)("span",{className:"yoast-title-container",children:[(0,d.jsx)("div",{className:"yoast-title",children:t}),(0,d.jsx)("div",{className:"yoast-subtitle",children:i})]}),a,o&&(0,d.jsx)(K.SvgIcon,{size:o.size,icon:o.icon}),r]})})}),xe=fe;fe.propTypes={onClick:o().func.isRequired,title:o().string.isRequired,id:o().string,subTitle:o().string,suffixIcon:o().object,SuffixHeroIcon:o().element,prefixIcon:o().object,children:o().node};const be=window.moment;var ve=s.n(be);async function ke(e,t,s,i=200){try{const o=await e();return!!o&&(o.status===i?t(o):s(o))}catch(e){console.error(e.message)}}async function _e(e){try{return await B()(e)}catch(e){return e.error&&e.status?e:e instanceof Response&&await e.json()}}async function Te(e){return(0,n.isArray)(e)||(e=[e]),await _e({path:"yoast/v1/wincher/keyphrases/track",method:"POST",data:{keyphrases:e}})}const je=({data:e,mapChartDataToTableData:t=null,dataTableCaption:s,dataTableHeaderLabels:i,isDataTableVisuallyHidden:o=!0})=>e.length!==i.length?(0,d.jsx)("p",{children:(0,l.__)("The number of headers and header labels don't match.","wordpress-seo")}):(0,d.jsx)("div",{className:o?"screen-reader-text":null,children:(0,d.jsxs)("table",{children:[(0,d.jsx)("caption",{children:s}),(0,d.jsx)("thead",{children:(0,d.jsx)("tr",{children:i.map((e,t)=>(0,d.jsx)("th",{children:e},t))})}),(0,d.jsx)("tbody",{children:(0,d.jsx)("tr",{children:e.map((e,s)=>(0,d.jsx)("td",{children:t(e.y)},s))})})]})});je.propTypes={data:o().arrayOf(o().shape({x:o().number,y:o().number})).isRequired,mapChartDataToTableData:o().func,dataTableCaption:o().string.isRequired,dataTableHeaderLabels:o().array.isRequired,isDataTableVisuallyHidden:o().bool};const Re=je,Se=({data:t,width:s,height:i,fillColor:o=null,strokeColor:r="#000000",strokeWidth:n=1,className:a="",mapChartDataToTableData:l=null,dataTableCaption:c,dataTableHeaderLabels:p,isDataTableVisuallyHidden:u=!0})=>{const h=Math.max(1,Math.max(...t.map(e=>e.x))),g=Math.max(1,Math.max(...t.map(e=>e.y))),m=i-n,y=t.map(e=>`${e.x/h*s},${m-e.y/g*m+n}`).join(" "),w=`0,${m+n} `+y+` ${s},${m+n}`;return(0,d.jsxs)(e.Fragment,{children:[(0,d.jsxs)("svg",{width:s,height:i,viewBox:`0 0 ${s} ${i}`,className:a,role:"img","aria-hidden":"true",focusable:"false",children:[(0,d.jsx)("polygon",{fill:o,points:w}),(0,d.jsx)("polyline",{fill:"none",stroke:r,strokeWidth:n,strokeLinejoin:"round",strokeLinecap:"round",points:y})]}),l&&(0,d.jsx)(Re,{data:t,mapChartDataToTableData:l,dataTableCaption:c,dataTableHeaderLabels:p,isDataTableVisuallyHidden:u})]})};Se.propTypes={data:o().arrayOf(o().shape({x:o().number,y:o().number})).isRequired,width:o().number.isRequired,height:o().number.isRequired,fillColor:o().string,strokeColor:o().string,strokeWidth:o().number,className:o().string,mapChartDataToTableData:o().func,dataTableCaption:o().string.isRequired,dataTableHeaderLabels:o().array.isRequired,isDataTableVisuallyHidden:o().bool};const Ie=Se,Ce=()=>(0,d.jsxs)("p",{className:"yoast-wincher-seo-performance-modal__loading-message",children:[(0,l.__)("Tracking the ranking position…","wordpress-seo")," ",(0,d.jsx)(K.SvgIcon,{icon:"loading-spinner"})]}),Ee=te()(K.SvgIcon)` | |
| 27 | 28 | margin-left: 2px; |
| 28 | 29 | flex-shrink: 0; |
| 29 | 30 | rotate: ${e=>e.isImproving?"-90deg":"90deg"}; |
| 30 | -`,ke=K().span` | |
| 31 | +`,Le=te().span` | |
| 31 | 32 | color: ${e=>e.isImproving?"#69AB56":"#DC3332"}; |
| 32 | 33 | font-size: 13px; |
| 33 | 34 | font-weight: 600; |
| 34 | 35 | line-height: 20px; |
| @@ -33,27 +34,27 @@ | ||
| 33 | 34 | font-weight: 600; |
| 34 | 35 | line-height: 20px; |
| 35 | 36 | margin-right: 2px; |
| 36 | 37 | margin-left: 12px; |
| 37 | -`,_e=K().td` | |
| 38 | +`,Ae=te().td` | |
| 38 | 39 | padding-right: 0 !important; |
| 39 | 40 | |
| 40 | 41 | & > div { |
| 41 | 42 | margin: 0px; |
| 42 | 43 | } |
| 43 | -`,Te=K().td` | |
| 44 | +`,Pe=te().td` | |
| 44 | 45 | padding-left: 2px !important; |
| 45 | -`,Re=K().td.attrs({className:"yoast-table--nopadding"})` | |
| 46 | +`,qe=te().td.attrs({className:"yoast-table--nopadding"})` | |
| 46 | 47 | & > div { |
| 47 | 48 | justify-content: center; |
| 48 | 49 | } |
| 49 | -`,je=K().div` | |
| 50 | +`,Fe=te().div` | |
| 50 | 51 | display: flex; |
| 51 | 52 | align-items: center; |
| 52 | 53 | & > a { |
| 53 | 54 | box-sizing: border-box; |
| 54 | 55 | } |
| 55 | -`,Se=K().button` | |
| 56 | +`,Me=te().button` | |
| 56 | 57 | background: none; |
| 57 | 58 | color: inherit; |
| 58 | 59 | border: none; |
| 59 | 60 | padding: 0; |
| @@ -61,11 +62,11 @@ | ||
| 61 | 62 | cursor: pointer; |
| 62 | 63 | outline: inherit; |
| 63 | 64 | display: flex; |
| 64 | 65 | align-items: center; |
| 65 | -`,Ie=K().tr` | |
| 66 | +`,De=te().tr` | |
| 66 | 67 | background-color: ${e=>e.isEnabled?"#FFFFFF":"#F9F9F9"} !important; |
| 67 | -`;function Ce(e){return Math.round(100*e)}function Ee({chartData:e={}}){if((0,n.isEmpty)(e)||(0,n.isEmpty)(e.position))return"?";const t=function(e){return Array.from({length:e.position.history.length},(e,t)=>t+1).map(e=>(0,d.sprintf)((0,d._n)("%d day","%d days",e,"wordpress-seo"),e))}(e),s=e.position.history.map((e,t)=>({x:t,y:31-e.value}));return(0,u.jsx)(xe,{width:66,height:24,data:s,strokeWidth:1.8,strokeColor:"#498afc",fillColor:"#ade3fc",mapChartDataToTableData:Ce,dataTableCaption:(0,d.__)("Keyphrase position in the last 90 days on a scale from 0 to 30.","wordpress-seo"),dataTableHeaderLabels:t})}function Le({keyphrase:e,isEnabled:t,toggleAction:s,isLoading:i}){return i?(0,u.jsx)(q.SvgIcon,{icon:"loading-spinner"}):(0,u.jsx)(q.Toggle,{id:`toggle-keyphrase-tracking-${e}`,className:"wincher-toggle",isEnabled:t,onSetToggleState:s,showToggleStateLabel:!1})}function Ae(e){return!e||!e.position||e.position.value>30?"> 30":e.position.value}Ee.propTypes={chartData:o().object};const Fe=({rowData:t={}})=>{var s;if(null==t||null===(s=t.position)||void 0===s||!s.change)return(0,u.jsx)(Ee,{chartData:t});const i=t.position.change<0;return(0,u.jsxs)(e.Fragment,{children:[(0,u.jsx)(Ee,{chartData:t}),(0,u.jsx)(ke,{isImproving:i,children:Math.abs(t.position.change)}),(0,u.jsx)(ve,{icon:"caret-right",color:i?"#69AB56":"#DC3332",size:"14px",isImproving:i})]})};function Pe({rowData:t,websiteId:s,keyphrase:i,onSelectKeyphrases:o}){const r=(0,e.useCallback)(()=>{o([i])},[o,i]),a=!(0,n.isEmpty)(t),l=t&&t.updated_at&&de()(t.updated_at)>=de()().subtract(7,"days"),c=t?`https://app.wincher.com/websites/${s}/keywords?serp=${t.id}&utm_medium=plugin&utm_source=yoast&referer=yoast&partner=yoast`:null;return a?l?(0,u.jsxs)(e.Fragment,{children:[(0,u.jsx)("td",{children:(0,u.jsxs)(je,{children:[Ae(t),(0,u.jsx)(q.ButtonStyledLink,{variant:"secondary",href:c,style:{height:28,marginLeft:12},rel:"noopener",target:"_blank",children:(0,d.__)("View","wordpress-seo")})]})}),(0,u.jsx)("td",{className:"yoast-table--nopadding",children:(0,u.jsx)(Se,{type:"button",onClick:r,children:(0,u.jsx)(Fe,{rowData:t})})}),(0,u.jsx)("td",{children:(p=t.updated_at,de()(p).fromNow())})]}):(0,u.jsx)("td",{className:"yoast-table--nopadding",colSpan:"3",children:(0,u.jsx)(be,{})}):(0,u.jsx)("td",{className:"yoast-table--nopadding",colSpan:"3",children:(0,u.jsx)("i",{children:(0,d.__)("Activate tracking to show the ranking position","wordpress-seo")})});var p}function qe({keyphrase:t,rowData:s={},onTrackKeyphrase:i=n.noop,onUntrackKeyphrase:o=n.noop,isFocusKeyphrase:r=!1,isDisabled:a=!1,isLoading:l=!1,websiteId:c="",isSelected:d,onSelectKeyphrases:p}){var h;const m=!(0,n.isEmpty)(s),g=!(0,n.isEmpty)(null==s||null===(h=s.position)||void 0===h?void 0:h.history),y=(0,e.useCallback)(()=>{a||(m?o(t,s.id):i(t))},[t,i,o,m,s,a]),w=(0,e.useCallback)(()=>{p(e=>d?e.filter(e=>e!==t):e.concat(t))},[p,d,t]);return(0,u.jsxs)(Ie,{isEnabled:m,children:[(0,u.jsx)(_e,{children:g&&(0,u.jsx)(q.Checkbox,{id:"select-"+t,onChange:w,checked:d,label:""})}),(0,u.jsxs)(Te,{children:[t,r&&(0,u.jsx)("span",{children:"*"})]}),Pe({rowData:s,websiteId:c,keyphrase:t,onSelectKeyphrases:p}),(0,u.jsx)(Re,{children:Le({keyphrase:t,isEnabled:m,toggleAction:y,isLoading:l})})]})}Fe.propTypes={rowData:o().object},qe.propTypes={rowData:o().object,keyphrase:o().string.isRequired,onTrackKeyphrase:o().func,onUntrackKeyphrase:o().func,isFocusKeyphrase:o().bool,isDisabled:o().bool,isLoading:o().bool,websiteId:o().string,isSelected:o().bool.isRequired,onSelectKeyphrases:o().func.isRequired};const Me=(0,J.makeOutboundLink)(),De=K().span` | |
| 68 | +`;function Oe(e){return Math.round(100*e)}function Ne({chartData:e={}}){if((0,n.isEmpty)(e)||(0,n.isEmpty)(e.position))return"?";const t=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),s=e.position.history.map((e,t)=>({x:t,y:31-e.value}));return(0,d.jsx)(Ie,{width:66,height:24,data:s,strokeWidth:1.8,strokeColor:"#498afc",fillColor:"#ade3fc",mapChartDataToTableData:Oe,dataTableCaption:(0,l.__)("Keyphrase position in the last 90 days on a scale from 0 to 30.","wordpress-seo"),dataTableHeaderLabels:t})}function $e({keyphrase:e,isEnabled:t,toggleAction:s,isLoading:i}){return i?(0,d.jsx)(K.SvgIcon,{icon:"loading-spinner"}):(0,d.jsx)(K.Toggle,{id:`toggle-keyphrase-tracking-${e}`,className:"wincher-toggle",isEnabled:t,onSetToggleState:s,showToggleStateLabel:!1})}function Ue(e){return!e||!e.position||e.position.value>30?"> 30":e.position.value}Ne.propTypes={chartData:o().object};const We=({rowData:t={}})=>{var s;if(null==t||null===(s=t.position)||void 0===s||!s.change)return(0,d.jsx)(Ne,{chartData:t});const i=t.position.change<0;return(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(Ne,{chartData:t}),(0,d.jsx)(Le,{isImproving:i,children:Math.abs(t.position.change)}),(0,d.jsx)(Ee,{icon:"caret-right",color:i?"#69AB56":"#DC3332",size:"14px",isImproving:i})]})};function He({rowData:t,websiteId:s,keyphrase:i,onSelectKeyphrases:o}){const r=(0,e.useCallback)(()=>{o([i])},[o,i]),a=!(0,n.isEmpty)(t),c=t&&t.updated_at&&ve()(t.updated_at)>=ve()().subtract(7,"days"),p=t?`https://app.wincher.com/websites/${s}/keywords?serp=${t.id}&utm_medium=plugin&utm_source=yoast&referer=yoast&partner=yoast`:null;return a?c?(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)("td",{children:(0,d.jsxs)(Fe,{children:[Ue(t),(0,d.jsx)(K.ButtonStyledLink,{variant:"secondary",href:p,style:{height:28,marginLeft:12},rel:"noopener",target:"_blank",children:(0,l.__)("View","wordpress-seo")})]})}),(0,d.jsx)("td",{className:"yoast-table--nopadding",children:(0,d.jsx)(Me,{type:"button",onClick:r,children:(0,d.jsx)(We,{rowData:t})})}),(0,d.jsx)("td",{children:(u=t.updated_at,ve()(u).fromNow())})]}):(0,d.jsx)("td",{className:"yoast-table--nopadding",colSpan:"3",children:(0,d.jsx)(Ce,{})}):(0,d.jsx)("td",{className:"yoast-table--nopadding",colSpan:"3",children:(0,d.jsx)("i",{children:(0,l.__)("Activate tracking to show the ranking position","wordpress-seo")})});var u}function Be({keyphrase:t,rowData:s={},onTrackKeyphrase:i=n.noop,onUntrackKeyphrase:o=n.noop,isFocusKeyphrase:r=!1,isDisabled:a=!1,isLoading:l=!1,websiteId:c="",isSelected:p,onSelectKeyphrases:u}){var h;const g=!(0,n.isEmpty)(s),m=!(0,n.isEmpty)(null==s||null===(h=s.position)||void 0===h?void 0:h.history),y=(0,e.useCallback)(()=>{a||(g?o(t,s.id):i(t))},[t,i,o,g,s,a]),w=(0,e.useCallback)(()=>{u(e=>p?e.filter(e=>e!==t):e.concat(t))},[u,p,t]);return(0,d.jsxs)(De,{isEnabled:g,children:[(0,d.jsx)(Ae,{children:m&&(0,d.jsx)(K.Checkbox,{id:"select-"+t,onChange:w,checked:p,label:""})}),(0,d.jsxs)(Pe,{children:[t,r&&(0,d.jsx)("span",{children:"*"})]}),He({rowData:s,websiteId:c,keyphrase:t,onSelectKeyphrases:u}),(0,d.jsx)(qe,{children:$e({keyphrase:t,isEnabled:g,toggleAction:y,isLoading:l})})]})}We.propTypes={rowData:o().object},Be.propTypes={rowData:o().object,keyphrase:o().string.isRequired,onTrackKeyphrase:o().func,onUntrackKeyphrase:o().func,isFocusKeyphrase:o().bool,isDisabled:o().bool,isLoading:o().bool,websiteId:o().string,isSelected:o().bool.isRequired,onSelectKeyphrases:o().func.isRequired};const Ke=(0,de.makeOutboundLink)(),Ye=te().span` | |
| 68 | 69 | display: block; |
| 69 | 70 | font-style: italic; |
| 70 | 71 | |
| 71 | 72 | @media (min-width: 782px) { |
| @@ -70,14 +71,14 @@ | ||
| 70 | 71 | |
| 71 | 72 | @media (min-width: 782px) { |
| 72 | 73 | display: inline; |
| 73 | 74 | position: absolute; |
| 74 | - ${(0,J.getDirectionalStyle)("right","left")}: 8px; | |
| 75 | + ${(0,de.getDirectionalStyle)("right","left")}: 8px; | |
| 75 | 76 | } |
| 76 | -`,Oe=K().div` | |
| 77 | +`,ze=te().div` | |
| 77 | 78 | width: 100%; |
| 78 | 79 | overflow-y: auto; |
| 79 | -`,Ne=K().th` | |
| 80 | +`,Ve=te().th` | |
| 80 | 81 | pointer-events: ${e=>e.isDisabled?"none":"initial"}; |
| 81 | 82 | padding-right: 0 !important; |
| 82 | 83 | |
| 83 | 84 | & > div { |
| @@ -82,28 +83,28 @@ | ||
| 82 | 83 | |
| 83 | 84 | & > div { |
| 84 | 85 | margin: 0px; |
| 85 | 86 | } |
| 86 | -`,Ue=K().th` | |
| 87 | +`,Ge=te().th` | |
| 87 | 88 | padding-left: 2px !important; |
| 88 | -`,We=t=>{const s=(0,e.useRef)();return(0,e.useEffect)(()=>{s.current=t}),s.current},$e=(0,n.debounce)(async function(e=null,t=null,s=null,i){return await me({path:"yoast/v1/wincher/keyphrases",method:"POST",data:{keyphrases:e,permalink:s,startAt:t},signal:i})},500,{leading:!0}),Be=({addTrackedKeyphrase:t,isLoggedIn:s=!1,isNewlyAuthenticated:i=!1,keyphrases:o=[],newRequest:r,removeTrackedKeyphrase:a,setRequestFailed:l,setKeyphraseLimitReached:c,setRequestSucceeded:p,setTrackedKeyphrases:h,setHasTrackedAll:m,trackAll:g=!1,trackedKeyphrases:y=null,websiteId:w="",permalink:f,focusKeyphrase:x="",startAt:b=null,selectedKeyphrases:v,onSelectKeyphrases:k})=>{const _=(0,e.useRef)(),T=(0,e.useRef)(),R=(0,e.useRef)(!1),[j,S]=(0,e.useState)([]),I=(0,e.useCallback)(e=>{const t=e.toLowerCase();return y&&!(0,n.isEmpty)(y)&&y.hasOwnProperty(t)?y[t]:null},[y]),C=(0,e.useMemo)(()=>async()=>{await he(()=>(T.current&&T.current.abort(),T.current="undefined"==typeof AbortController?null:new AbortController,$e(o,b,f,T.current.signal)),e=>{p(e),h(e.results)},e=>{l(e)})},[p,l,h,o,f,b]),E=(0,e.useCallback)(async e=>{const s=(Array.isArray(e)?e:[e]).map(e=>e.toLowerCase());S(e=>[...e,...s]),await he(()=>ge(s),e=>{p(e),t(e.results),C()},e=>{400===e.status&&e.limit&&c(e.limit),l(e)},201),S(e=>(0,n.without)(e,...s))},[p,l,c,t,C]),L=(0,e.useCallback)(async(e,t)=>{e=e.toLowerCase(),S(t=>[...t,e]),await he(()=>async function(e){return await me({path:"yoast/v1/wincher/keyphrases/untrack",method:"DELETE",data:{keyphraseID:e}})}(t),t=>{p(t),a(e)},e=>{l(e)}),S(t=>(0,n.without)(t,e))},[p,a,l]),A=(0,e.useCallback)(async e=>{r(),await E(e)},[r,E]),F=We(f),P=We(o),M=We(b),D=f&&b;(0,e.useEffect)(()=>{s&&D&&(f!==F||(0,n.difference)(o,P).length||b!==M)&&C()},[s,f,F,o,P,C,D,b,M]),(0,e.useEffect)(()=>{if(s&&g&&null!==y){const e=o.filter(e=>!I(e));e.length&&E(e),m()}},[s,g,y,E,m,I,o]),(0,e.useEffect)(()=>{i&&!R.current&&(C(),R.current=!0)},[i,C]),(0,e.useEffect)(()=>{if(s&&!(0,n.isEmpty)(y))return(0,n.filter)(y,e=>(0,n.isEmpty)(e.updated_at)).length>0&&(_.current=setInterval(()=>{C()},1e4)),()=>{clearInterval(_.current)}},[s,y,C]);const O=s&&null===y,N=(0,e.useMemo)(()=>(0,n.isEmpty)(y)?[]:Object.values(y).filter(e=>{var t;return!(0,n.isEmpty)(null==e||null===(t=e.position)||void 0===t?void 0:t.history)}).map(e=>e.keyword),[y]),U=(0,e.useMemo)(()=>v.length>0&&N.length>0&&N.every(e=>v.includes(e)),[v,N]),W=(0,e.useCallback)(()=>{k(U?[]:N)},[k,U,N]),$=(0,e.useMemo)(()=>(0,n.orderBy)(o,[e=>Object.values(y||{}).map(e=>e.keyword).includes(e)],["desc"]),[o,y]);return o&&!(0,n.isEmpty)(o)&&(0,u.jsxs)(e.Fragment,{children:[(0,u.jsx)(Oe,{children:(0,u.jsxs)("table",{className:"yoast yoast-table",children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)(Ne,{isDisabled:0===N.length,children:(0,u.jsx)(q.Checkbox,{id:"select-all",onChange:W,checked:U,label:""})}),(0,u.jsx)(Ue,{scope:"col",abbr:(0,d.__)("Keyphrase","wordpress-seo"),children:(0,d.__)("Keyphrase","wordpress-seo")}),(0,u.jsx)("th",{scope:"col",abbr:(0,d.__)("Position","wordpress-seo"),children:(0,d.__)("Position","wordpress-seo")}),(0,u.jsx)("th",{scope:"col",abbr:(0,d.__)("Position over time","wordpress-seo"),children:(0,d.__)("Position over time","wordpress-seo")}),(0,u.jsx)("th",{scope:"col",abbr:(0,d.__)("Last updated","wordpress-seo"),children:(0,d.__)("Last updated","wordpress-seo")}),(0,u.jsx)("th",{scope:"col",abbr:(0,d.__)("Tracking","wordpress-seo"),children:(0,d.__)("Tracking","wordpress-seo")})]})}),(0,u.jsx)("tbody",{children:$.map((e,t)=>(0,u.jsx)(qe,{keyphrase:e,onTrackKeyphrase:A,onUntrackKeyphrase:L,rowData:I(e),isFocusKeyphrase:e===x.trim().toLowerCase(),websiteId:w,isDisabled:!s,isLoading:O||j.indexOf(e.toLowerCase())>=0,isSelected:v.includes(e),onSelectKeyphrases:k},`trackable-keyphrase-${t}`))})]})}),(0,u.jsxs)("p",{style:{marginBottom:0,position:"relative"},children:[(0,u.jsx)(Me,{href:wpseoAdminGlobalL10n["links.wincher.login"],children:(0,d.sprintf)(/* translators: %s expands to Wincher */ /* translators: %s expands to Wincher */ | |
| 89 | -(0,d.__)("Get more insights over at %s","wordpress-seo"),"Wincher")}),(0,u.jsx)(De,{children:(0,d.__)("* focus keyphrase","wordpress-seo")})]})]})};Be.propTypes={addTrackedKeyphrase:o().func.isRequired,isLoggedIn:o().bool,isNewlyAuthenticated:o().bool,keyphrases:o().array,newRequest:o().func.isRequired,removeTrackedKeyphrase:o().func.isRequired,setRequestFailed:o().func.isRequired,setKeyphraseLimitReached:o().func.isRequired,setRequestSucceeded:o().func.isRequired,setTrackedKeyphrases:o().func.isRequired,setHasTrackedAll:o().func.isRequired,trackAll:o().bool,trackedKeyphrases:o().object,websiteId:o().string,permalink:o().string.isRequired,focusKeyphrase:o().string,startAt:o().string,selectedKeyphrases:o().arrayOf(o().string).isRequired,onSelectKeyphrases:o().func.isRequired};const He=Be,Ke=(0,G.compose)([(0,a.withSelect)(e=>{const{getWincherWebsiteId:t,getWincherTrackableKeyphrases:s,getWincherLoginStatus:i,getWincherPermalink:o,getFocusKeyphrase:r,isWincherNewlyAuthenticated:n,shouldWincherTrackAll:a}=e("yoast-seo/editor");return{focusKeyphrase:r(),keyphrases:s(),isLoggedIn:i(),trackAll:a(),websiteId:t(),isNewlyAuthenticated:n(),permalink:o()}}),(0,a.withDispatch)(e=>{const{setWincherNewRequest:t,setWincherRequestSucceeded:s,setWincherRequestFailed:i,setWincherSetKeyphraseLimitReached:o,setWincherTrackedKeyphrases:r,setWincherTrackingForKeyphrase:n,setWincherTrackAllKeyphrases:a,unsetWincherTrackingForKeyphrase:l}=e("yoast-seo/editor");return{newRequest:()=>{t()},setRequestSucceeded:e=>{s(e)},setRequestFailed:e=>{i(e)},setKeyphraseLimitReached:e=>{o(e)},addTrackedKeyphrase:e=>{n(e)},removeTrackedKeyphrase:e=>{l(e)},setTrackedKeyphrases:e=>{r(e)},setHasTrackedAll:()=>{a(!1)}}})])(He);class Ye{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,i=["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,i.join(","))),this.popup&&this.popup.focus(),window.addEventListener("message",this.messageHandler,!1)}async messageHandler(e){const{data:t,source:s,origin:i}=e;i===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 Ve=()=>(0,u.jsx)(q.Alert,{type:"info",children:(0,d.sprintf)(/* translators: %s: Expands to "Wincher". */ /* translators: %s: Expands to "Wincher". */ | |
| 90 | -(0,d.__)("Automatic tracking of keyphrases is enabled. Your keyphrase(s) will automatically be tracked by %s when you publish your post.","wordpress-seo"),"Wincher")}),ze=()=>(0,u.jsx)(q.Alert,{type:"success",children:(0,d.sprintf)(/* translators: %s: Expands to "Wincher". */ /* translators: %s: Expands to "Wincher". */ | |
| 91 | -(0,d.__)("You have successfully connected to %s! You can now track the SEO performance for the keyphrase(s) of this page.","wordpress-seo"),"Wincher")}),Ge=()=>(0,u.jsx)(q.Alert,{type:"info",children:(0,d.sprintf)(/* translators: %s: Expands to "Wincher". */ /* translators: %s: Expands to "Wincher". */ | |
| 92 | -(0,d.__)("%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")}),Ze=(0,J.makeOutboundLink)(),Xe=(0,J.makeOutboundLink)(),Qe=()=>{const e=(0,d.sprintf)(/* translators: %1$s expands to a link to Wincher, %2$s expands to a link to the keyphrase tracking article on Yoast.com */ /* translators: %1$s expands to a link to Wincher, %2$s expands to a link to the keyphrase tracking article on Yoast.com */ | |
| 93 | -(0,d.__)("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,u.jsx)("p",{children:p(e,{wincherLink:(0,u.jsx)(Ze,{href:wpseoAdminGlobalL10n["links.wincher.website"],children:"Wincher"}),wincherReadMoreLink:(0,u.jsx)(Xe,{href:wpseoAdminL10n["shortlinks.wincher.seo_performance"],children:(0,d.__)("Read more about keyphrase tracking with Wincher","wordpress-seo")})})})},Je=(0,J.makeOutboundLink)(),et=({limit:e=10})=>{const t=(0,d.sprintf)(/* translators: %1$d expands to the amount of allowed keyphrases on a free account, %2$s expands to a link to Wincher plans. */ /* translators: %1$d expands to the amount of allowed keyphrases on a free account, %2$s expands to a link to Wincher plans. */ | |
| 94 | -(0,d.__)("You've reached the maximum amount of %1$d keyphrases you can add to your Wincher account. If you wish to add more keyphrases, please %2$s.","wordpress-seo"),e,"<UpdateWincherPlanLink/>");return(0,u.jsx)(q.Alert,{type:"error",children:p(t,{UpdateWincherPlanLink:(0,u.jsx)(Je,{href:wpseoAdminGlobalL10n["links.wincher.pricing"],children:(0,d.sprintf)(/* translators: %s : Expands to "Wincher". */ /* translators: %s : Expands to "Wincher". */ | |
| 95 | -(0,d.__)("upgrade your %s plan","wordpress-seo"),"Wincher")})})})};et.propTypes={limit:o().number};const tt=et,st=()=>(0,u.jsx)(q.Alert,{type:"error",children:(0,d.__)("No keyphrase has been set. Please set a keyphrase first.","wordpress-seo")}),it=()=>(0,u.jsx)(q.Alert,{type:"error",children:(0,d.__)("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")}),ot=({onReconnect:e,className:t=""})=>{const s=(0,d.sprintf)(/* translators: %s expands to a link to open the Wincher login popup. */ /* translators: %s expands to a link to open the Wincher login popup. */ | |
| 96 | -(0,d.__)("It seems like something went wrong when retrieving your website's data. Please %s and try again.","wordpress-seo"),"<reconnectToWincher/>","Wincher");return(0,u.jsx)(q.Alert,{type:"error",className:t,children:p(s,{reconnectToWincher:(0,u.jsx)("a",{href:"#",onClick:t=>{t.preventDefault(),e()},children:(0,d.sprintf)(/* translators: %s : Expands to "Wincher". */ /* translators: %s : Expands to "Wincher". */ | |
| 97 | -(0,d.__)("reconnect to %s","wordpress-seo"),"Wincher")})})})};ot.propTypes={onReconnect:o().func.isRequired,className:o().string};const rt=ot,nt=()=>(0,u.jsx)(q.Alert,{type:"error",children:(0,d.__)("Something went wrong while tracking the ranking position(s) of your page. Please try again later.","wordpress-seo")}),at=K().p` | |
| 98 | - color: ${M.colors.$color_pink_dark}; | |
| 89 | +`,Ze=t=>{const s=(0,e.useRef)();return(0,e.useEffect)(()=>{s.current=t}),s.current},Xe=({addTrackedKeyphrase:t,isLoggedIn:s=!1,isNewlyAuthenticated:i=!1,keyphrases:o=[],newRequest:r,removeTrackedKeyphrase:a,setRequestFailed:c,setKeyphraseLimitReached:p,setRequestSucceeded:u,setTrackedKeyphrases:h,setHasTrackedAll:g,trackAll:m=!1,trackedKeyphrases:y=null,websiteId:w="",permalink:f,focusKeyphrase:x="",startAt:b=null,selectedKeyphrases:v,onSelectKeyphrases:k})=>{const _=(0,e.useRef)(),T=(0,e.useRef)(),j=(0,e.useRef)(!1),[R,S]=(0,e.useState)([]),I=(0,e.useCallback)(e=>{const t=e.toLowerCase();return y&&!(0,n.isEmpty)(y)&&Object.prototype.hasOwnProperty.call(y,t)?y[t]:null},[y]),C=(0,e.useMemo)(()=>async()=>{await ke(()=>{var e;return T.current&&T.current.abort(),T.current="undefined"==typeof AbortController?null:new AbortController,async function(e=null,t=null,s=null,i){return await _e({path:"yoast/v1/wincher/keyphrases",method:"POST",data:{keyphrases:e,permalink:s,startAt:t},signal:i})}(o,b,f,null===(e=T.current)||void 0===e?void 0:e.signal)},e=>{u(e),h(e.results)},e=>{c(e)})},[u,c,h,o,f,b]),E=(0,e.useCallback)(async e=>{const s=(Array.isArray(e)?e:[e]).map(e=>e.toLowerCase());S(e=>[...e,...s]),await ke(()=>Te(s),e=>{u(e),t(e.results),C()},e=>{400===e.status&&e.limit&&p(e.limit),c(e)},201),S(e=>(0,n.without)(e,...s))},[u,c,p,t,C]),L=(0,e.useCallback)(async(e,t)=>{e=e.toLowerCase(),S(t=>[...t,e]),await ke(()=>async function(e){return await _e({path:"yoast/v1/wincher/keyphrases/untrack",method:"DELETE",data:{keyphraseID:e}})}(t),t=>{u(t),a(e)},e=>{c(e)}),S(t=>(0,n.without)(t,e))},[u,a,c]),A=(0,e.useCallback)(async e=>{r(),await E(e)},[r,E]),P=Ze(f),q=Ze(o),F=Ze(b),M=f&&b;(0,e.useEffect)(()=>{s&&M&&(f!==P||(0,n.difference)(o,q).length||b!==F)&&C()},[s,f,P,o,q,C,M,b,F]),(0,e.useEffect)(()=>{if(s&&m&&null!==y){const e=o.filter(e=>!I(e));e.length&&E(e),g()}},[s,m,y,E,g,I,o]),(0,e.useEffect)(()=>{i&&!j.current&&(C(),j.current=!0)},[i,C]),(0,e.useEffect)(()=>{if(s&&!(0,n.isEmpty)(y))return(0,n.filter)(y,e=>(0,n.isEmpty)(e.updated_at)).length>0&&(_.current=setInterval(()=>{C()},1e4)),()=>{clearInterval(_.current)}},[s,y,C]);const D=s&&null===y,O=(0,e.useMemo)(()=>(0,n.isEmpty)(y)?[]:Object.values(y).filter(e=>{var t;return!(0,n.isEmpty)(null==e||null===(t=e.position)||void 0===t?void 0:t.history)}).map(e=>e.keyword),[y]),N=(0,e.useMemo)(()=>v.length>0&&O.length>0&&O.every(e=>v.includes(e)),[v,O]),$=(0,e.useCallback)(()=>{k(N?[]:O)},[k,N,O]),U=(0,e.useMemo)(()=>(0,n.orderBy)(o,[e=>Object.values(y||{}).map(e=>e.keyword).includes(e)],["desc"]),[o,y]);return o&&!(0,n.isEmpty)(o)&&(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(ze,{children:(0,d.jsxs)("table",{className:"yoast yoast-table",children:[(0,d.jsx)("thead",{children:(0,d.jsxs)("tr",{children:[(0,d.jsx)(Ve,{isDisabled:0===O.length,children:(0,d.jsx)(K.Checkbox,{id:"select-all",onChange:$,checked:N,label:""})}),(0,d.jsx)(Ge,{scope:"col",abbr:(0,l.__)("Keyphrase","wordpress-seo"),children:(0,l.__)("Keyphrase","wordpress-seo")}),(0,d.jsx)("th",{scope:"col",abbr:(0,l.__)("Position","wordpress-seo"),children:(0,l.__)("Position","wordpress-seo")}),(0,d.jsx)("th",{scope:"col",abbr:(0,l.__)("Position over time","wordpress-seo"),children:(0,l.__)("Position over time","wordpress-seo")}),(0,d.jsx)("th",{scope:"col",abbr:(0,l.__)("Last updated","wordpress-seo"),children:(0,l.__)("Last updated","wordpress-seo")}),(0,d.jsx)("th",{scope:"col",abbr:(0,l.__)("Tracking","wordpress-seo"),children:(0,l.__)("Tracking","wordpress-seo")})]})}),(0,d.jsx)("tbody",{children:U.map((e,t)=>(0,d.jsx)(Be,{keyphrase:e,onTrackKeyphrase:A,onUntrackKeyphrase:L,rowData:I(e),isFocusKeyphrase:e===x.trim().toLowerCase(),websiteId:w,isDisabled:!s,isLoading:D||R.indexOf(e.toLowerCase())>=0,isSelected:v.includes(e),onSelectKeyphrases:k},`trackable-keyphrase-${t}`))})]})}),(0,d.jsxs)("p",{style:{marginBottom:0,position:"relative"},children:[(0,d.jsx)(Ke,{href:wpseoAdminGlobalL10n["links.wincher.login"],children:(0,l.sprintf)(/* translators: %s expands to Wincher */ /* translators: %s expands to Wincher */ | |
| 90 | +(0,l.__)("Get more insights over at %s","wordpress-seo"),"Wincher")}),(0,d.jsx)(Ye,{children:(0,l.__)("* focus keyphrase","wordpress-seo")})]})]})};Xe.propTypes={addTrackedKeyphrase:o().func.isRequired,isLoggedIn:o().bool,isNewlyAuthenticated:o().bool,keyphrases:o().array,newRequest:o().func.isRequired,removeTrackedKeyphrase:o().func.isRequired,setRequestFailed:o().func.isRequired,setKeyphraseLimitReached:o().func.isRequired,setRequestSucceeded:o().func.isRequired,setTrackedKeyphrases:o().func.isRequired,setHasTrackedAll:o().func.isRequired,trackAll:o().bool,trackedKeyphrases:o().object,websiteId:o().string,permalink:o().string.isRequired,focusKeyphrase:o().string,startAt:o().string,selectedKeyphrases:o().arrayOf(o().string).isRequired,onSelectKeyphrases:o().func.isRequired};const Qe=Xe,Je=(0,re.compose)([(0,a.withSelect)(e=>{const{getWincherWebsiteId:t,getWincherTrackableKeyphrases:s,getWincherLoginStatus:i,getWincherPermalink:o,getFocusKeyphrase:r,isWincherNewlyAuthenticated:n,shouldWincherTrackAll:a}=e("yoast-seo/editor");return{focusKeyphrase:r(),keyphrases:s(),isLoggedIn:i(),trackAll:a(),websiteId:t(),isNewlyAuthenticated:n(),permalink:o()}}),(0,a.withDispatch)(e=>{const{setWincherNewRequest:t,setWincherRequestSucceeded:s,setWincherRequestFailed:i,setWincherSetKeyphraseLimitReached:o,setWincherTrackedKeyphrases:r,setWincherTrackingForKeyphrase:n,setWincherTrackAllKeyphrases:a,unsetWincherTrackingForKeyphrase:l}=e("yoast-seo/editor");return{newRequest:()=>{t()},setRequestSucceeded:e=>{s(e)},setRequestFailed:e=>{i(e)},setKeyphraseLimitReached:e=>{o(e)},addTrackedKeyphrase:e=>{n(e)},removeTrackedKeyphrase:e=>{l(e)},setTrackedKeyphrases:e=>{r(e)},setHasTrackedAll:()=>{a(!1)}}})])(Qe);class et{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,i=["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,i.join(","))),this.popup&&this.popup.focus(),window.addEventListener("message",this.messageHandler,!1)}async messageHandler(e){const{data:t,source:s,origin:i}=e;i===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 tt=()=>(0,d.jsx)(K.Alert,{type:"info",children:(0,l.sprintf)(/* translators: %s: Expands to "Wincher". */ /* translators: %s: Expands to "Wincher". */ | |
| 91 | +(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")}),st=()=>(0,d.jsx)(K.Alert,{type:"success",children:(0,l.sprintf)(/* translators: %s: Expands to "Wincher". */ /* translators: %s: Expands to "Wincher". */ | |
| 92 | +(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")}),it=()=>(0,d.jsx)(K.Alert,{type:"info",children:(0,l.sprintf)(/* translators: %s: Expands to "Wincher". */ /* translators: %s: Expands to "Wincher". */ | |
| 93 | +(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")}),ot=(0,de.makeOutboundLink)(),rt=(0,de.makeOutboundLink)(),nt=()=>{const e=(0,l.sprintf)(/* translators: %1$s expands to a link to Wincher, %2$s expands to a link to the keyphrase tracking article on Yoast.com */ /* translators: %1$s expands to a link to Wincher, %2$s expands to a link to the keyphrase tracking article on Yoast.com */ | |
| 94 | +(0,l.__)("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,d.jsx)("p",{children:c(e,{wincherLink:(0,d.jsx)(ot,{href:wpseoAdminGlobalL10n["links.wincher.website"],children:"Wincher"}),wincherReadMoreLink:(0,d.jsx)(rt,{href:wpseoAdminL10n["shortlinks.wincher.seo_performance"],children:(0,l.__)("Read more about keyphrase tracking with Wincher","wordpress-seo")})})})},at=(0,de.makeOutboundLink)(),lt=({limit:e=10})=>{const t=(0,l.sprintf)(/* translators: %1$d expands to the amount of allowed keyphrases on a free account, %2$s expands to a link to Wincher plans. */ /* translators: %1$d expands to the amount of allowed keyphrases on a free account, %2$s expands to a link to Wincher plans. */ | |
| 95 | +(0,l.__)("You've reached the maximum amount of %1$d keyphrases you can add to your Wincher account. If you wish to add more keyphrases, please %2$s.","wordpress-seo"),e,"<UpdateWincherPlanLink/>");return(0,d.jsx)(K.Alert,{type:"error",children:c(t,{UpdateWincherPlanLink:(0,d.jsx)(at,{href:wpseoAdminGlobalL10n["links.wincher.pricing"],children:(0,l.sprintf)(/* translators: %s : Expands to "Wincher". */ /* translators: %s : Expands to "Wincher". */ | |
| 96 | +(0,l.__)("upgrade your %s plan","wordpress-seo"),"Wincher")})})})};lt.propTypes={limit:o().number};const ct=lt,dt=()=>(0,d.jsx)(K.Alert,{type:"error",children:(0,l.__)("No keyphrase has been set. Please set a keyphrase first.","wordpress-seo")}),pt=()=>(0,d.jsx)(K.Alert,{type:"error",children:(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")}),ut=({onReconnect:e,className:t=""})=>{const s=(0,l.sprintf)(/* translators: %s expands to a link to open the Wincher login popup. */ /* translators: %s expands to a link to open the Wincher login popup. */ | |
| 97 | +(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,d.jsx)(K.Alert,{type:"error",className:t,children:c(s,{reconnectToWincher:(0,d.jsx)("a",{href:"#",onClick:t=>{t.preventDefault(),e()},children:(0,l.sprintf)(/* translators: %s : Expands to "Wincher". */ /* translators: %s : Expands to "Wincher". */ | |
| 98 | +(0,l.__)("reconnect to %s","wordpress-seo"),"Wincher")})})})};ut.propTypes={onReconnect:o().func.isRequired,className:o().string};const ht=ut,gt=()=>(0,d.jsx)(K.Alert,{type:"error",children:(0,l.__)("Something went wrong while tracking the ranking position(s) of your page. Please try again later.","wordpress-seo")}),mt=te().p` | |
| 99 | + color: ${Y.colors.$color_pink_dark}; | |
| 99 | 100 | font-size: 14px; |
| 100 | 101 | font-weight: 700; |
| 101 | 102 | margin: 13px 0 10px; |
| 102 | -`,lt=K()(q.SvgIcon)` | |
| 103 | +`,yt=te()(K.SvgIcon)` | |
| 103 | 104 | margin-right: 5px; |
| 104 | 105 | vertical-align: middle; |
| 105 | -`,ct=K().button` | |
| 106 | +`,wt=te().button` | |
| 106 | 107 | position: absolute; |
| 107 | 108 | top: 9px; |
| 108 | 109 | right: 9px; |
| 109 | 110 | border: none; |
| @@ -108,20 +109,20 @@ | ||
| 108 | 109 | right: 9px; |
| 109 | 110 | border: none; |
| 110 | 111 | background: none; |
| 111 | 112 | cursor: pointer; |
| 112 | -`,dt=K().p` | |
| 113 | +`,ft=te().p` | |
| 113 | 114 | font-size: 13px; |
| 114 | 115 | font-weight: 500; |
| 115 | 116 | margin: 10px 0 13px; |
| 116 | -`,pt=K().div` | |
| 117 | +`,xt=te().div` | |
| 117 | 118 | position: relative; |
| 118 | 119 | background: ${e=>e.isTitleShortened?"#f5f7f7":"transparent"}; |
| 119 | 120 | border: 1px solid #c7c7c7; |
| 120 | - border-left: 4px solid${M.colors.$color_pink_dark}; | |
| 121 | + border-left: 4px solid${Y.colors.$color_pink_dark}; | |
| 121 | 122 | padding: 0 16px; |
| 122 | 123 | margin-bottom: 1.5em; |
| 123 | -`,ut=({limit:e,usage:t,isTitleShortened:s=!1,isFreeAccount:i=!1})=>{const o=(0,d.sprintf)( | |
| 124 | +`,bt=({limit:e,usage:t,isTitleShortened:s=!1,isFreeAccount:i=!1})=>{const o=(0,l.sprintf)( | |
| 124 | 125 | /* Translators: %1$s expands to the number of used keywords. |
| 125 | 126 | * %2$s expands to the account keywords limit. |
| 126 | 127 | */ |
| 127 | 128 | /* Translators: %1$s expands to the number of used keywords. |
| @@ -126,9 +127,9 @@ | ||
| 126 | 127 | */ |
| 127 | 128 | /* Translators: %1$s expands to the number of used keywords. |
| 128 | 129 | * %2$s expands to the account keywords limit. |
| 129 | 130 | */ |
| 130 | -(0,d.__)("Your are tracking %1$s out of %2$s keyphrases included in your free account.","wordpress-seo"),t,e),r=(0,d.sprintf)( | |
| 131 | +(0,l.__)("Your are tracking %1$s out of %2$s keyphrases included in your free account.","wordpress-seo"),t,e),r=(0,l.sprintf)( | |
| 131 | 132 | /* Translators: %1$s expands to the number of used keywords. |
| 132 | 133 | * %2$s expands to the account keywords limit. |
| 133 | 134 | */ |
| 134 | 135 | /* Translators: %1$s expands to the number of used keywords. |
| @@ -133,9 +134,9 @@ | ||
| 133 | 134 | */ |
| 134 | 135 | /* Translators: %1$s expands to the number of used keywords. |
| 135 | 136 | * %2$s expands to the account keywords limit. |
| 136 | 137 | */ |
| 137 | -(0,d.__)("Your are tracking %1$s out of %2$s keyphrases included in your account.","wordpress-seo"),t,e),n=i?o:r,a=(0,d.sprintf)( | |
| 138 | +(0,l.__)("Your are tracking %1$s out of %2$s keyphrases included in your account.","wordpress-seo"),t,e),n=i?o:r,a=(0,l.sprintf)( | |
| 138 | 139 | /* Translators: %1$s expands to the number of used keywords. |
| 139 | 140 | * %2$s expands to the account keywords limit. |
| 140 | 141 | */ |
| 141 | 142 | /* Translators: %1$s expands to the number of used keywords. |
| @@ -140,10 +141,10 @@ | ||
| 140 | 141 | */ |
| 141 | 142 | /* Translators: %1$s expands to the number of used keywords. |
| 142 | 143 | * %2$s expands to the account keywords limit. |
| 143 | 144 | */ |
| 144 | -(0,d.__)("Keyphrases tracked: %1$s/%2$s","wordpress-seo"),t,e),l=s?a:n;return(0,u.jsxs)(at,{children:[s&&(0,u.jsx)(lt,{icon:"exclamation-triangle",color:M.colors.$color_pink_dark,size:"14px"}),l]})};ut.propTypes={limit:o().number.isRequired,usage:o().number.isRequired,isTitleShortened:o().bool,isFreeAccount:o().bool};const ht=(0,J.makeOutboundLink)(),mt=({discount:e,months:t})=>{const s=(0,u.jsx)(ht,{href:wpseoAdminGlobalL10n["links.wincher.upgrade"],style:{fontWeight:600},children:(0,d.sprintf)(/* Translators: %s : Expands to "Wincher". */ /* Translators: %s : Expands to "Wincher". */ | |
| 145 | -(0,d.__)("Click here to upgrade your %s plan","wordpress-seo"),"Wincher")});if(!e||!t)return(0,u.jsx)(dt,{children:s});const i=100*e,o=(0,d.sprintf)( | |
| 145 | +(0,l.__)("Keyphrases tracked: %1$s/%2$s","wordpress-seo"),t,e),c=s?a:n;return(0,d.jsxs)(mt,{children:[s&&(0,d.jsx)(yt,{icon:"exclamation-triangle",color:Y.colors.$color_pink_dark,size:"14px"}),c]})};bt.propTypes={limit:o().number.isRequired,usage:o().number.isRequired,isTitleShortened:o().bool,isFreeAccount:o().bool};const vt=(0,de.makeOutboundLink)(),kt=({discount:e,months:t})=>{const s=(0,d.jsx)(vt,{href:wpseoAdminGlobalL10n["links.wincher.upgrade"],style:{fontWeight:600},children:(0,l.sprintf)(/* Translators: %s : Expands to "Wincher". */ /* Translators: %s : Expands to "Wincher". */ | |
| 146 | +(0,l.__)("Click here to upgrade your %s plan","wordpress-seo"),"Wincher")});if(!e||!t)return(0,d.jsx)(ft,{children:s});const i=100*e,o=(0,l.sprintf)( | |
| 146 | 147 | /* Translators: %1$s expands to upgrade account link. |
| 147 | 148 | * %2$s expands to the upgrade discount value. |
| 148 | 149 | * %3$s expands to the upgrade discount duration e.g. 2 months. |
| 149 | 150 | */ |
| @@ -150,42 +151,42 @@ | ||
| 150 | 151 | /* Translators: %1$s expands to upgrade account link. |
| 151 | 152 | * %2$s expands to the upgrade discount value. |
| 152 | 153 | * %3$s expands to the upgrade discount duration e.g. 2 months. |
| 153 | 154 | */ |
| 154 | -(0,d.__)("%1$s and get an exclusive %2$s discount for %3$s month(s).","wordpress-seo"),"<wincherAccountUpgradeLink/>",i+"%",t);return(0,u.jsx)(dt,{children:p(o,{wincherAccountUpgradeLink:s})})};mt.propTypes={discount:o().number,months:o().number};const gt=({onClose:t=null,isTitleShortened:s=!1,trackingInfo:i=null})=>{const o=(()=>{const[t,s]=(0,e.useState)(null);return(0,e.useEffect)(()=>{t||async function(){return await me({path:"yoast/v1/wincher/account/upgrade-campaign",method:"GET"})}().then(e=>s(e))},[t]),t})();if(null===i)return null;const{limit:r,usage:n}=i;if(!(r&&n/r>=.8))return null;const a=Boolean(null==o?void 0:o.discount);return(0,u.jsxs)(pt,{isTitleShortened:s,children:[t&&(0,u.jsx)(ct,{type:"button","aria-label":(0,d.__)("Close the upgrade callout","wordpress-seo"),onClick:t,children:(0,u.jsx)(q.SvgIcon,{icon:"times-circle",color:M.colors.$color_pink_dark,size:"14px"})}),(0,u.jsx)(ut,{...i,isTitleShortened:s,isFreeAccount:a}),(0,u.jsx)(mt,{discount:null==o?void 0:o.discount,months:null==o?void 0:o.months})]})};gt.propTypes={onClose:o().func,isTitleShortened:o().bool,trackingInfo:o().object};const yt=gt,wt=window.yoast["chart.js"],ft="label";function xt(e,t){"function"==typeof e?e(t):e&&(e.current=t)}function bt(e,t){e.labels=t}function vt(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:ft;const i=[];e.datasets=t.map(t=>{const o=e.datasets.find(e=>e[s]===t[s]);return o&&t.data&&!i.includes(o)?(i.push(o),Object.assign(o,t),o):{...t}})}function kt(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ft;const s={labels:[],datasets:[]};return bt(s,e.labels),vt(s,e.datasets,t),s}function _t(e,t){const{height:s=150,width:i=300,redraw:o=!1,datasetIdKey:r,type:n,data:a,options:c,plugins:d=[],fallbackContent:p,updateMode:u,...h}=e,m=(0,l.useRef)(null),g=(0,l.useRef)(),y=()=>{m.current&&(g.current=new wt.Chart(m.current,{type:n,data:kt(a,r),options:c&&{...c},plugins:d}),xt(t,g.current))},w=()=>{xt(t,null),g.current&&(g.current.destroy(),g.current=null)};return(0,l.useEffect)(()=>{!o&&g.current&&c&&function(e,t){const s=e.options;s&&t&&Object.assign(s,t)}(g.current,c)},[o,c]),(0,l.useEffect)(()=>{!o&&g.current&&bt(g.current.config.data,a.labels)},[o,a.labels]),(0,l.useEffect)(()=>{!o&&g.current&&a.datasets&&vt(g.current.config.data,a.datasets,r)},[o,a.datasets]),(0,l.useEffect)(()=>{g.current&&(o?(w(),setTimeout(y)):g.current.update(u))},[o,c,a.labels,a.datasets,u]),(0,l.useEffect)(()=>{g.current&&(w(),setTimeout(y))},[n]),(0,l.useEffect)(()=>(y(),()=>w()),[]),l.createElement("canvas",Object.assign({ref:m,role:"img",height:s,width:i},h),p)}const Tt=(0,l.forwardRef)(_t);function Rt(e,t){return wt.Chart.register(t),(0,l.forwardRef)((t,s)=>l.createElement(Tt,Object.assign({},t,{ref:s,type:e})))}const jt=Rt("line",wt.LineController),St={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"};wt._adapters._date.override("function"==typeof de()?{_id:"moment",formats:function(){return St},parse:function(e,t){return"string"==typeof e&&"string"==typeof t?e=de()(e,t):e instanceof de()||(e=de()(e)),e.isValid()?e.valueOf():null},format:function(e,t){return de()(e).format(t)},add:function(e,t,s){return de()(e).add(t,s).valueOf()},diff:function(e,t,s){return de()(e).diff(de()(t),s)},startOf:function(e,t,s){return e=de()(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 de()(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 It=["top","right","bottom","left"];function Ct(e,t,s){const i={};s=s?"-"+s:"";for(let o=0;o<4;o++){const r=It[o];i[r]=parseFloat(e[t+"-"+r+s])||0}return i.width=i.left+i.right,i.height=i.top+i.bottom,i}!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){}}(),wt.Chart.register(wt.CategoryScale,wt.LineController,wt.LineElement,wt.PointElement,wt.LinearScale,wt.TimeScale,wt.Legend,wt.Tooltip);const Et=["#ff983b","#ffa3f7","#3798ff","#ff3b3b","#acce81","#b51751","#3949ab","#26c6da","#ccb800","#de66ff","#4db6ac","#ffab91","#45f5f1","#77f210","#90a4ae","#ffd54f","#006b5e","#8ec7d2","#b1887c","#cc9300"];function Lt({datasets:t,isChartShown:s,keyphrases:i}){if(!s)return null;const o=(0,e.useMemo)(()=>Object.fromEntries([...i].sort().map((e,t)=>[e,Et[t%Et.length]])),[i]),r=t.map(e=>{const t=o[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,u.jsx)(jt,{height:100,data:{datasets:r},options:{plugins:{legend:{display:!0,position:"bottom",labels:{color:"black",usePointStyle:!0,boxHeight:7,boxWidth:7},onClick:n.noop},tooltip:{enabled:!0,callbacks:{title:e=>de()(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:31}}}})}wt.Interaction.modes.xPoint=(e,t,s,i)=>{const o=function(e,t){if("native"in e)return e;const{canvas:s,currentDevicePixelRatio:i}=t,o=(h=s).ownerDocument.defaultView.getComputedStyle(h,null),r="border-box"===o.boxSizing,n=Ct(o,"padding"),a=Ct(o,"border","width"),{x:l,y:c,box:d}=function(e,t){const s=e.touches,i=s&&s.length?s[0]:e,{offsetX:o,offsetY:r}=i;let n,a,l=!1;if(((e,t,s)=>(e>0||t>0)&&(!s||!s.shadowRoot))(o,r,e.target))n=o,a=r;else{const e=t.getBoundingClientRect();n=i.clientX-e.left,a=i.clientY-e.top,l=!0}return{x:n,y:a,box:l}}(e,s),p=n.left+(d&&a.left),u=n.top+(d&&a.top);var h;let{width:m,height:g}=t;return r&&(m-=n.width+a.width,g-=n.height+a.height),{x:Math.round((l-p)/m*s.width/i),y:Math.round((c-u)/g*s.height/i)}}(t,e);let r=[];if(wt.Interaction.evaluateInteractionItems(e,"x",o,(e,t,s)=>{e.inXRange(o.x,i)&&r.push({element:e,datasetIndex:t,index:s})}),0===r.length)return r;const n=r.reduce((e,t)=>Math.abs(o.x-e.element.x)<Math.abs(o.x-t.element.x)?e:t).element.x;return r=r.filter(e=>e.element.x===n),r.some(e=>Math.abs(e.element.y-o.y)<10)?r:[]},Lt.propTypes={datasets:o().arrayOf(o().shape({label:o().string.isRequired,data:o().arrayOf(o().shape({datetime:o().string.isRequired,value:o().number.isRequired})).isRequired,selected:o().bool})).isRequired,isChartShown:o().bool.isRequired,keyphrases:o().array.isRequired};const At=({response:e,onLogin:t})=>[401,403,404].includes(e.status)?(0,u.jsx)(rt,{onReconnect:t}):(0,u.jsx)(nt,{});At.propTypes={response:o().object.isRequired,onLogin:o().func.isRequired};const Ft=({isSuccess:e,response:t={},allKeyphrasesMissRanking:s,onLogin:i,keyphraseLimitReached:o,limit:r})=>o?(0,u.jsx)(tt,{limit:r}):(0,n.isEmpty)(t)||e?s?(0,u.jsx)(Ge,{}):null:(0,u.jsx)(At,{response:t,onLogin:i});Ft.propTypes={isSuccess:o().bool.isRequired,allKeyphrasesMissRanking:o().bool.isRequired,response:o().object,onLogin:o().func.isRequired,keyphraseLimitReached:o().bool.isRequired,limit:o().number.isRequired};let Pt=null;const qt=async({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r})=>{if(Pt&&!Pt.isClosed())return void Pt.focus();const{url:n}=await async function(){return await me({path:"yoast/v1/wincher/authorization-url",method:"GET"})}();Pt=new Ye(n,{success:{type:"wincher:oauth:success",callback:n=>(async({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r},n)=>{await he(()=>async function(e){const{code:t,websiteId:s}=e;return await me({path:"yoast/v1/wincher/authenticate",method:"POST",data:{code:t,websiteId:s}})}(n),async a=>{e(!0,!0,n.websiteId.toString()),t(a);const l=(Array.isArray(i)?i:[i]).map(e=>e.toLowerCase());await he(()=>ge(l),e=>{t(e),o(e.results)},e=>{400===e.status&&e.limit&&r(e.limit),s(e)},201);const c=Pt.getPopup();c&&c.close()},async e=>s(e))})({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r},n)},error:{type:"wincher:oauth:error",callback:()=>e(!1,!1)}},{title:"Wincher_login",width:500,height:700}),Pt.createPopup()},Mt=e=>e.isLoggedIn?null:(0,u.jsx)("p",{children:(0,u.jsx)(q.NewButton,{onClick:e.onLogin,variant:"primary",children:(0,d.sprintf)(/* translators: %s expands to Wincher */ /* translators: %s expands to Wincher */ | |
| 155 | -(0,d.__)("Connect with %s","wordpress-seo"),"Wincher")})});Mt.propTypes={isLoggedIn:o().bool.isRequired,onLogin:o().func.isRequired};const Dt=K().div` | |
| 155 | +(0,l.__)("%1$s and get an exclusive %2$s discount for %3$s month(s).","wordpress-seo"),"<wincherAccountUpgradeLink/>",i+"%",t);return(0,d.jsx)(ft,{children:c(o,{wincherAccountUpgradeLink:s})})};kt.propTypes={discount:o().number,months:o().number};const _t=({onClose:t=null,isTitleShortened:s=!1,trackingInfo:i=null})=>{const o=(()=>{const[t,s]=(0,e.useState)(null);return(0,e.useEffect)(()=>{t||async function(){return await _e({path:"yoast/v1/wincher/account/upgrade-campaign",method:"GET"})}().then(e=>s(e))},[t]),t})();if(null===i)return null;const{limit:r,usage:n}=i;if(!(r&&n/r>=.8))return null;const a=Boolean(null==o?void 0:o.discount);return(0,d.jsxs)(xt,{isTitleShortened:s,children:[t&&(0,d.jsx)(wt,{type:"button","aria-label":(0,l.__)("Close the upgrade callout","wordpress-seo"),onClick:t,children:(0,d.jsx)(K.SvgIcon,{icon:"times-circle",color:Y.colors.$color_pink_dark,size:"14px"})}),(0,d.jsx)(bt,{...i,isTitleShortened:s,isFreeAccount:a}),(0,d.jsx)(kt,{discount:null==o?void 0:o.discount,months:null==o?void 0:o.months})]})};_t.propTypes={onClose:o().func,isTitleShortened:o().bool,trackingInfo:o().object};const Tt=_t,jt=window.yoast["chart.js"],Rt="label";function St(e,t){"function"==typeof e?e(t):e&&(e.current=t)}function It(e,t){e.labels=t}function Ct(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Rt;const i=[];e.datasets=t.map(t=>{const o=e.datasets.find(e=>e[s]===t[s]);return o&&t.data&&!i.includes(o)?(i.push(o),Object.assign(o,t),o):{...t}})}function Et(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Rt;const s={labels:[],datasets:[]};return It(s,e.labels),Ct(s,e.datasets,t),s}function Lt(e,t){const{height:s=150,width:i=300,redraw:o=!1,datasetIdKey:r,type:n,data:a,options:l,plugins:c=[],fallbackContent:d,updateMode:p,...u}=e,h=(0,f.useRef)(null),g=(0,f.useRef)(),m=()=>{h.current&&(g.current=new jt.Chart(h.current,{type:n,data:Et(a,r),options:l&&{...l},plugins:c}),St(t,g.current))},y=()=>{St(t,null),g.current&&(g.current.destroy(),g.current=null)};return(0,f.useEffect)(()=>{!o&&g.current&&l&&function(e,t){const s=e.options;s&&t&&Object.assign(s,t)}(g.current,l)},[o,l]),(0,f.useEffect)(()=>{!o&&g.current&&It(g.current.config.data,a.labels)},[o,a.labels]),(0,f.useEffect)(()=>{!o&&g.current&&a.datasets&&Ct(g.current.config.data,a.datasets,r)},[o,a.datasets]),(0,f.useEffect)(()=>{g.current&&(o?(y(),setTimeout(m)):g.current.update(p))},[o,l,a.labels,a.datasets,p]),(0,f.useEffect)(()=>{g.current&&(y(),setTimeout(m))},[n]),(0,f.useEffect)(()=>(m(),()=>y()),[]),f.createElement("canvas",Object.assign({ref:h,role:"img",height:s,width:i},u),d)}const At=(0,f.forwardRef)(Lt);function Pt(e,t){return jt.Chart.register(t),(0,f.forwardRef)((t,s)=>f.createElement(At,Object.assign({},t,{ref:s,type:e})))}const qt=Pt("line",jt.LineController),Ft={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"};jt._adapters._date.override("function"==typeof ve()?{_id:"moment",formats:function(){return Ft},parse:function(e,t){return"string"==typeof e&&"string"==typeof t?e=ve()(e,t):e instanceof ve()||(e=ve()(e)),e.isValid()?e.valueOf():null},format:function(e,t){return ve()(e).format(t)},add:function(e,t,s){return ve()(e).add(t,s).valueOf()},diff:function(e,t,s){return ve()(e).diff(ve()(t),s)},startOf:function(e,t,s){return e=ve()(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 ve()(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 Mt=["top","right","bottom","left"];function Dt(e,t,s){const i={};s=s?"-"+s:"";for(let o=0;o<4;o++){const r=Mt[o];i[r]=parseFloat(e[t+"-"+r+s])||0}return i.width=i.left+i.right,i.height=i.top+i.bottom,i}!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){}}(),jt.Chart.register(jt.CategoryScale,jt.LineController,jt.LineElement,jt.PointElement,jt.LinearScale,jt.TimeScale,jt.Legend,jt.Tooltip);const Ot=["#ff983b","#ffa3f7","#3798ff","#ff3b3b","#acce81","#b51751","#3949ab","#26c6da","#ccb800","#de66ff","#4db6ac","#ffab91","#45f5f1","#77f210","#90a4ae","#ffd54f","#006b5e","#8ec7d2","#b1887c","#cc9300"];function Nt({datasets:t,isChartShown:s,keyphrases:i}){if(!s)return null;const o=(0,e.useMemo)(()=>Object.fromEntries([...i].sort().map((e,t)=>[e,Ot[t%Ot.length]])),[i]),r=t.map(e=>{const t=o[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,d.jsx)(qt,{height:100,data:{datasets:r},options:{plugins:{legend:{display:!0,position:"bottom",labels:{color:"black",usePointStyle:!0,boxHeight:7,boxWidth:7},onClick:n.noop},tooltip:{enabled:!0,callbacks:{title:e=>ve()(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:31}}}})}jt.Interaction.modes.xPoint=(e,t,s,i)=>{const o=function(e,t){if("native"in e)return e;const{canvas:s,currentDevicePixelRatio:i}=t,o=(h=s).ownerDocument.defaultView.getComputedStyle(h,null),r="border-box"===o.boxSizing,n=Dt(o,"padding"),a=Dt(o,"border","width"),{x:l,y:c,box:d}=function(e,t){const s=e.touches,i=s&&s.length?s[0]:e,{offsetX:o,offsetY:r}=i;let n,a,l=!1;if(((e,t,s)=>(e>0||t>0)&&(!s||!s.shadowRoot))(o,r,e.target))n=o,a=r;else{const e=t.getBoundingClientRect();n=i.clientX-e.left,a=i.clientY-e.top,l=!0}return{x:n,y:a,box:l}}(e,s),p=n.left+(d&&a.left),u=n.top+(d&&a.top);var h;let{width:g,height:m}=t;return r&&(g-=n.width+a.width,m-=n.height+a.height),{x:Math.round((l-p)/g*s.width/i),y:Math.round((c-u)/m*s.height/i)}}(t,e);let r=[];if(jt.Interaction.evaluateInteractionItems(e,"x",o,(e,t,s)=>{e.inXRange(o.x,i)&&r.push({element:e,datasetIndex:t,index:s})}),0===r.length)return r;const n=r.reduce((e,t)=>Math.abs(o.x-e.element.x)<Math.abs(o.x-t.element.x)?e:t).element.x;return r=r.filter(e=>e.element.x===n),r.some(e=>Math.abs(e.element.y-o.y)<10)?r:[]},Nt.propTypes={datasets:o().arrayOf(o().shape({label:o().string.isRequired,data:o().arrayOf(o().shape({datetime:o().string.isRequired,value:o().number.isRequired})).isRequired,selected:o().bool})).isRequired,isChartShown:o().bool.isRequired,keyphrases:o().array.isRequired};const $t=({response:e,onLogin:t})=>[401,403,404].includes(e.status)?(0,d.jsx)(ht,{onReconnect:t}):(0,d.jsx)(gt,{});$t.propTypes={response:o().object.isRequired,onLogin:o().func.isRequired};const Ut=({isSuccess:e,response:t={},allKeyphrasesMissRanking:s,onLogin:i,keyphraseLimitReached:o,limit:r})=>o?(0,d.jsx)(ct,{limit:r}):(0,n.isEmpty)(t)||e?s?(0,d.jsx)(it,{}):null:(0,d.jsx)($t,{response:t,onLogin:i});Ut.propTypes={isSuccess:o().bool.isRequired,allKeyphrasesMissRanking:o().bool.isRequired,response:o().object,onLogin:o().func.isRequired,keyphraseLimitReached:o().bool.isRequired,limit:o().number.isRequired};let Wt=null;const Ht=async({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r})=>{if(Wt&&!Wt.isClosed())return void Wt.focus();const{url:n}=await async function(){return await _e({path:"yoast/v1/wincher/authorization-url",method:"GET"})}();Wt=new et(n,{success:{type:"wincher:oauth:success",callback:n=>(async({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r},n)=>{await ke(()=>async function(e){const{code:t,websiteId:s}=e;return await _e({path:"yoast/v1/wincher/authenticate",method:"POST",data:{code:t,websiteId:s}})}(n),async a=>{e(!0,!0,n.websiteId.toString()),t(a);const l=(Array.isArray(i)?i:[i]).map(e=>e.toLowerCase());await ke(()=>Te(l),e=>{t(e),o(e.results)},e=>{400===e.status&&e.limit&&r(e.limit),s(e)},201);const c=Wt.getPopup();c&&c.close()},async e=>s(e))})({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r},n)},error:{type:"wincher:oauth:error",callback:()=>e(!1,!1)}},{title:"Wincher_login",width:500,height:700}),Wt.createPopup()},Bt=e=>e.isLoggedIn?null:(0,d.jsx)("p",{children:(0,d.jsx)(K.NewButton,{onClick:e.onLogin,variant:"primary",children:(0,l.sprintf)(/* translators: %s expands to Wincher */ /* translators: %s expands to Wincher */ | |
| 156 | +(0,l.__)("Connect with %s","wordpress-seo"),"Wincher")})});Bt.propTypes={isLoggedIn:o().bool.isRequired,onLogin:o().func.isRequired};const Kt=te().div` | |
| 156 | 157 | p { |
| 157 | 158 | margin: 1em 0; |
| 158 | 159 | } |
| 159 | -`,Ot=K().div` | |
| 160 | +`,Yt=te().div` | |
| 160 | 161 | ${e=>e.isDisabled&&"\n\t\topacity: .5;\n\t\tpointer-events: none;\n\t"}; |
| 161 | -`,Nt=K().div` | |
| 162 | +`,zt=te().div` | |
| 162 | 163 | font-weight: var(--yoast-font-weight-bold); |
| 163 | 164 | color: var(--yoast-color-label); |
| 164 | 165 | font-size: var(--yoast-font-size-default); |
| 165 | -`,Ut=K().div.attrs({className:"yoast-field-group"})` | |
| 166 | +`,Vt=te().div.attrs({className:"yoast-field-group"})` | |
| 166 | 167 | display: flex; |
| 167 | 168 | justify-content: space-between; |
| 168 | 169 | align-items: center; |
| 169 | 170 | margin-bottom: 14px; |
| 170 | -`,Wt=K().div` | |
| 171 | +`,Gt=te().div` | |
| 171 | 172 | margin: 8px 0; |
| 172 | -`,$t=de().utc().startOf("day"),Bt=[{name:(0,d.__)("Last day","wordpress-seo"),value:de()($t).subtract(1,"days").format(),defaultIndex:1},{name:(0,d.__)("Last week","wordpress-seo"),value:de()($t).subtract(1,"week").format(),defaultIndex:2},{name:(0,d.__)("Last month","wordpress-seo"),value:de()($t).subtract(1,"month").format(),defaultIndex:3},{name:(0,d.__)("Last year","wordpress-seo"),value:de()($t).subtract(1,"year").format(),defaultIndex:0}],Ht=({onSelect:e,selected:t=null,options:s,isLoggedIn:i})=>i?s.length<1?null:(0,u.jsx)("select",{className:"components-select-control__input",id:"wincher-period-picker",value:(null==t?void 0:t.value)||s[0].value,onChange:e,children:s.map(e=>(0,u.jsx)("option",{value:e.value,children:e.name},e.name))}):null;Ht.propTypes={onSelect:o().func.isRequired,selected:o().object,options:o().array.isRequired,isLoggedIn:o().bool.isRequired};const Kt=({trackedKeyphrases:t=null,isLoggedIn:s,keyphrases:i,shouldTrackAll:o,permalink:r,historyDaysLimit:a=0})=>{if(!r&&s)return(0,u.jsx)(it,{});if(0===i.length)return(0,u.jsx)(st,{});const l=de()($t).subtract(a,"days"),c=Bt.filter(e=>de()(e.value).isSameOrAfter(l)),p=(0,n.orderBy)(c,e=>e.defaultIndex,"desc")[0],[h,m]=(0,e.useState)(p),[g,y]=(0,e.useState)([]),w=g.length>0,f=(0,G.usePrevious)(t);(0,e.useEffect)(()=>{if(!(0,n.isEmpty)(t)&&(0,n.difference)(Object.keys(t),Object.keys(f||[])).length){const e=Object.values(t).map(e=>e.keyword);y(e)}},[t,f]),(0,e.useEffect)(()=>{m(p)},[null==p?void 0:p.name]);const x=(0,e.useCallback)(e=>{const t=Bt.find(t=>t.value===e.target.value);t&&m(t)},[m]),b=(0,e.useMemo)(()=>(0,n.isEmpty)(g)||(0,n.isEmpty)(t)?[]:Object.values(t).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:g.includes(e.keyword)&&!(0,n.isEmpty)(null===(t=e.position)||void 0===t?void 0:t.history)}}),[g,t]);return(0,u.jsxs)(Ot,{isDisabled:!s,children:[(0,u.jsx)("p",{children:(0,d.__)("You can enable / disable tracking the SEO performance for each keyphrase below.","wordpress-seo")}),s&&o&&(0,u.jsx)(Ve,{}),(0,u.jsx)(Ut,{children:(0,u.jsx)(Ht,{selected:h,onSelect:x,options:c,isLoggedIn:s})}),(0,u.jsx)(Wt,{children:(0,u.jsx)(Lt,{isChartShown:w,datasets:b,keyphrases:i})}),(0,u.jsx)(Ke,{startAt:null==h?void 0:h.value,selectedKeyphrases:g,onSelectKeyphrases:y,trackedKeyphrases:t})]})};function Yt({trackedKeyphrases:t=null,addTrackedKeyphrase:s,isLoggedIn:i=!1,isNewlyAuthenticated:o=!1,keyphrases:r=[],response:n={},shouldTrackAll:a=!1,permalink:l="",allKeyphrasesMissRanking:c,isSuccess:p,keyphraseLimitReached:h,limit:m,setRequestSucceeded:g,setRequestFailed:y,setKeyphraseLimitReached:w,onAuthentication:f}){const x=(0,e.useCallback)(()=>{qt({onAuthentication:f,setRequestSucceeded:g,setRequestFailed:y,keyphrases:r,addTrackedKeyphrase:s,setKeyphraseLimitReached:w})},[qt,f,g,y,r,s,w]),b=(t=>{const[s,i]=(0,e.useState)(null);return(0,e.useEffect)(()=>{t&&!s&&async function(){return await me({path:"yoast/v1/wincher/account/limit",method:"GET"})}().then(e=>i(e))},[s]),s})(i);return(0,u.jsxs)(Dt,{children:[o&&(0,u.jsx)(ze,{}),i&&(0,u.jsx)(yt,{trackingInfo:b}),(0,u.jsxs)(Nt,{children:[(0,d.__)("SEO performance","wordpress-seo"),(0,u.jsx)(q.HelpIcon,{linkTo:wpseoAdminL10n["shortlinks.wincher.seo_performance"] | |
| 173 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about the SEO performance feature.","wordpress-seo")})]}),(0,u.jsx)(Qe,{}),(0,u.jsx)(Mt,{isLoggedIn:i,onLogin:x}),(0,u.jsx)(Ft,{isSuccess:p,response:n,allKeyphrasesMissRanking:c,keyphraseLimitReached:h,limit:m,onLogin:x}),(0,u.jsx)(Kt,{trackedKeyphrases:t,isLoggedIn:i,keyphrases:r,shouldTrackAll:a,permalink:l,historyDaysLimit:(null==b?void 0:b.historyDays)||31})]})}Kt.propTypes={trackedKeyphrases:o().object,keyphrases:o().array.isRequired,isLoggedIn:o().bool.isRequired,shouldTrackAll:o().bool.isRequired,permalink:o().string.isRequired,historyDaysLimit:o().number},Yt.propTypes={trackedKeyphrases:o().object,addTrackedKeyphrase:o().func.isRequired,isLoggedIn:o().bool,isNewlyAuthenticated:o().bool,keyphrases:o().array,response:o().object,shouldTrackAll:o().bool,permalink:o().string,allKeyphrasesMissRanking:o().bool.isRequired,isSuccess:o().bool.isRequired,keyphraseLimitReached:o().bool.isRequired,limit:o().number.isRequired,setRequestSucceeded:o().func.isRequired,setRequestFailed:o().func.isRequired,setKeyphraseLimitReached:o().func.isRequired,onAuthentication:o().func.isRequired};const Vt=(0,G.compose)([(0,a.withSelect)(e=>{const{isWincherNewlyAuthenticated:t,getWincherKeyphraseLimitReached:s,getWincherLimit:i,getWincherLoginStatus:o,getWincherRequestIsSuccess:r,getWincherRequestResponse:n,getWincherTrackableKeyphrases:a,getWincherTrackedKeyphrases:l,getWincherAllKeyphrasesMissRanking:c,getWincherPermalink:d,shouldWincherAutomaticallyTrackAll:p}=e("yoast-seo/editor");return{keyphrases:a(),trackedKeyphrases:l(),allKeyphrasesMissRanking:c(),isLoggedIn:o(),isNewlyAuthenticated:t(),isSuccess:r(),keyphraseLimitReached:s(),limit:i(),response:n(),shouldTrackAll:p(),permalink:d()}}),(0,a.withDispatch)(e=>{const{setWincherWebsiteId:t,setWincherRequestSucceeded:s,setWincherRequestFailed:i,setWincherTrackingForKeyphrase:o,setWincherSetKeyphraseLimitReached:r,setWincherLoginStatus:n}=e("yoast-seo/editor");return{setRequestSucceeded:e=>{s(e)},setRequestFailed:e=>{i(e)},addTrackedKeyphrase:e=>{o(e)},setKeyphraseLimitReached:e=>{r(e)},onAuthentication:(e,s,i)=>{t(i),n(e,s)}}})])(Yt),zt=K()(Z)` | |
| 173 | +`,Zt=ve().utc().startOf("day"),Xt=[{name:(0,l.__)("Last day","wordpress-seo"),value:ve()(Zt).subtract(1,"days").format(),defaultIndex:1},{name:(0,l.__)("Last week","wordpress-seo"),value:ve()(Zt).subtract(1,"week").format(),defaultIndex:2},{name:(0,l.__)("Last month","wordpress-seo"),value:ve()(Zt).subtract(1,"month").format(),defaultIndex:3},{name:(0,l.__)("Last year","wordpress-seo"),value:ve()(Zt).subtract(1,"year").format(),defaultIndex:0}],Qt=({onSelect:e,selected:t=null,options:s,isLoggedIn:i})=>i?s.length<1?null:(0,d.jsx)("select",{className:"components-select-control__input",id:"wincher-period-picker",value:(null==t?void 0:t.value)||s[0].value,onChange:e,children:s.map(e=>(0,d.jsx)("option",{value:e.value,children:e.name},e.name))}):null;Qt.propTypes={onSelect:o().func.isRequired,selected:o().object,options:o().array.isRequired,isLoggedIn:o().bool.isRequired};const Jt=({trackedKeyphrases:t=null,isLoggedIn:s,keyphrases:i,shouldTrackAll:o,permalink:r,historyDaysLimit:a=0})=>{if(!r&&s)return(0,d.jsx)(pt,{});if(0===i.length)return(0,d.jsx)(dt,{});const c=ve()(Zt).subtract(a,"days"),p=Xt.filter(e=>ve()(e.value).isSameOrAfter(c)),u=(0,n.orderBy)(p,e=>e.defaultIndex,"desc")[0],[h,g]=(0,e.useState)(u),[m,y]=(0,e.useState)([]),w=m.length>0,f=(0,re.usePrevious)(t);(0,e.useEffect)(()=>{if(!(0,n.isEmpty)(t)&&(0,n.difference)(Object.keys(t),Object.keys(f||[])).length){const e=Object.values(t).map(e=>e.keyword);y(e)}},[t,f]),(0,e.useEffect)(()=>{g(u)},[null==u?void 0:u.name]);const x=(0,e.useCallback)(e=>{const t=Xt.find(t=>t.value===e.target.value);t&&g(t)},[g]),b=(0,e.useMemo)(()=>(0,n.isEmpty)(m)||(0,n.isEmpty)(t)?[]:Object.values(t).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:m.includes(e.keyword)&&!(0,n.isEmpty)(null===(t=e.position)||void 0===t?void 0:t.history)}}),[m,t]);return(0,d.jsxs)(Yt,{isDisabled:!s,children:[(0,d.jsx)("p",{children:(0,l.__)("You can enable / disable tracking the SEO performance for each keyphrase below.","wordpress-seo")}),s&&o&&(0,d.jsx)(tt,{}),(0,d.jsx)(Vt,{children:(0,d.jsx)(Qt,{selected:h,onSelect:x,options:p,isLoggedIn:s})}),(0,d.jsx)(Gt,{children:(0,d.jsx)(Nt,{isChartShown:w,datasets:b,keyphrases:i})}),(0,d.jsx)(Je,{startAt:null==h?void 0:h.value,selectedKeyphrases:m,onSelectKeyphrases:y,trackedKeyphrases:t})]})};function es({trackedKeyphrases:t=null,addTrackedKeyphrase:s,isLoggedIn:i=!1,isNewlyAuthenticated:o=!1,keyphrases:r=[],response:n={},shouldTrackAll:a=!1,permalink:c="",allKeyphrasesMissRanking:p,isSuccess:u,keyphraseLimitReached:h,limit:g,setRequestSucceeded:m,setRequestFailed:y,setKeyphraseLimitReached:w,onAuthentication:f}){const x=(0,e.useCallback)(()=>{Ht({onAuthentication:f,setRequestSucceeded:m,setRequestFailed:y,keyphrases:r,addTrackedKeyphrase:s,setKeyphraseLimitReached:w})},[Ht,f,m,y,r,s,w]),b=(t=>{const[s,i]=(0,e.useState)(null);return(0,e.useEffect)(()=>{t&&!s&&async function(){return await _e({path:"yoast/v1/wincher/account/limit",method:"GET"})}().then(e=>i(e))},[s]),s})(i);return(0,d.jsxs)(Kt,{children:[o&&(0,d.jsx)(st,{}),i&&(0,d.jsx)(Tt,{trackingInfo:b}),(0,d.jsxs)(zt,{children:[(0,l.__)("SEO performance","wordpress-seo"),(0,d.jsx)(K.HelpIcon,{linkTo:wpseoAdminL10n["shortlinks.wincher.seo_performance"] | |
| 174 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the SEO performance feature.","wordpress-seo")})]}),(0,d.jsx)(nt,{}),(0,d.jsx)(Bt,{isLoggedIn:i,onLogin:x}),(0,d.jsx)(Ut,{isSuccess:u,response:n,allKeyphrasesMissRanking:p,keyphraseLimitReached:h,limit:g,onLogin:x}),(0,d.jsx)(Jt,{trackedKeyphrases:t,isLoggedIn:i,keyphrases:r,shouldTrackAll:a,permalink:c,historyDaysLimit:(null==b?void 0:b.historyDays)||31})]})}Jt.propTypes={trackedKeyphrases:o().object,keyphrases:o().array.isRequired,isLoggedIn:o().bool.isRequired,shouldTrackAll:o().bool.isRequired,permalink:o().string.isRequired,historyDaysLimit:o().number},es.propTypes={trackedKeyphrases:o().object,addTrackedKeyphrase:o().func.isRequired,isLoggedIn:o().bool,isNewlyAuthenticated:o().bool,keyphrases:o().array,response:o().object,shouldTrackAll:o().bool,permalink:o().string,allKeyphrasesMissRanking:o().bool.isRequired,isSuccess:o().bool.isRequired,keyphraseLimitReached:o().bool.isRequired,limit:o().number.isRequired,setRequestSucceeded:o().func.isRequired,setRequestFailed:o().func.isRequired,setKeyphraseLimitReached:o().func.isRequired,onAuthentication:o().func.isRequired};const ts=(0,re.compose)([(0,a.withSelect)(e=>{const{isWincherNewlyAuthenticated:t,getWincherKeyphraseLimitReached:s,getWincherLimit:i,getWincherLoginStatus:o,getWincherRequestIsSuccess:r,getWincherRequestResponse:n,getWincherTrackableKeyphrases:a,getWincherTrackedKeyphrases:l,getWincherAllKeyphrasesMissRanking:c,getWincherPermalink:d,shouldWincherAutomaticallyTrackAll:p}=e("yoast-seo/editor");return{keyphrases:a(),trackedKeyphrases:l(),allKeyphrasesMissRanking:c(),isLoggedIn:o(),isNewlyAuthenticated:t(),isSuccess:r(),keyphraseLimitReached:s(),limit:i(),response:n(),shouldTrackAll:p(),permalink:d()}}),(0,a.withDispatch)(e=>{const{setWincherWebsiteId:t,setWincherRequestSucceeded:s,setWincherRequestFailed:i,setWincherTrackingForKeyphrase:o,setWincherSetKeyphraseLimitReached:r,setWincherLoginStatus:n}=e("yoast-seo/editor");return{setRequestSucceeded:e=>{s(e)},setRequestFailed:e=>{i(e)},addTrackedKeyphrase:e=>{o(e)},setKeyphraseLimitReached:e=>{r(e)},onAuthentication:(e,s,i)=>{t(i),n(e,s)}}})])(es),ss=te()(ae())` | |
| 174 | 175 | width: 18px; |
| 175 | 176 | height: 18px; |
| 176 | 177 | margin: 3px; |
| 177 | -`;function Gt({keyphrases:e,onNoKeyphraseSet:t,onOpen:s,location:i}){if(!e.length){let e=document.querySelector("#focus-keyword-input-metabox");return e||(e=document.querySelector("#focus-keyword-input-sidebar")),e.focus(),void t()}s(i)}function Zt({location:t="",whichModalOpen:s="none",shouldCloseOnClickOutside:i=!0,keyphrases:o,onNoKeyphraseSet:r,onOpen:n,onClose:a}){const c=(0,e.useCallback)(()=>{Gt({keyphrases:o,onNoKeyphraseSet:r,onOpen:n,location:t})},[Gt,o,r,n,t]),p=(0,d.__)("Track SEO performance","wordpress-seo"),h=((e=null)=>(0,l.useMemo)(()=>{const t={role:"img","aria-hidden":"true"};return null!==e&&(t.focusable=e?"true":"false"),t},[e]))();return(0,u.jsxs)(e.Fragment,{children:[s===t&&(0,u.jsx)(se,{title:p,onRequestClose:a,icon:(0,u.jsx)(ne,{}),additionalClassName:"yoast-wincher-seo-performance-modal yoast-gutenberg-modal__no-padding",shouldCloseOnClickOutside:i,children:(0,u.jsx)(ee,{className:"yoast-gutenberg-modal__content yoast-wincher-seo-performance-modal__content",children:(0,u.jsx)(Vt,{})})}),"sidebar"===t&&(0,u.jsx)(le,{id:`wincher-open-button-${t}`,title:p,SuffixHeroIcon:(0,u.jsx)(zt,{className:"yst-text-slate-500",...h}),onClick:c}),"metabox"===t&&(0,u.jsx)("div",{className:"yst-root",children:(0,u.jsxs)(Q,{id:`wincher-open-button-${t}`,onClick:c,children:[(0,u.jsx)(Q.Text,{children:p}),(0,u.jsx)(Z,{className:"yst-h-5 yst-w-5 yst-text-slate-500",...h})]})})]})}Zt.propTypes={location:o().string,whichModalOpen:o().oneOf(["none","metabox","sidebar","postpublish"]),shouldCloseOnClickOutside:o().bool,keyphrases:o().array.isRequired,onNoKeyphraseSet:o().func.isRequired,onOpen:o().func.isRequired,onClose:o().func.isRequired};const Xt=(0,G.compose)([(0,a.withSelect)(e=>{const{getWincherModalOpen:t,getWincherTrackableKeyphrases:s}=e("yoast-seo/editor");return{keyphrases:s(),whichModalOpen:t()}}),(0,a.withDispatch)(e=>{const{setWincherOpenModal:t,setWincherDismissModal:s,setWincherNoKeyphrase:i}=e("yoast-seo/editor");return{onOpen:e=>{t(e)},onClose:()=>{s()},onNoKeyphraseSet:()=>{i()}}})])(Zt),Qt=window.yoast.externals.components;function Jt(){return(0,G.createHigherOrderComponent)(function(t){return(0,G.pure)(function(s){const i=(0,e.useContext)(B.LocationContext);return(0,e.createElement)(t,{...s,location:i})})},"withLocation")}const es=(0,G.compose)([(0,a.withSelect)(e=>{const{isCornerstoneContent:t}=e("yoast-seo/editor");return{isCornerstone:t(),learnMoreUrl:wpseoAdminL10n["shortlinks.cornerstone_content_info"]}}),(0,a.withDispatch)(e=>{const{toggleCornerstoneContent:t}=e("yoast-seo/editor");return{onChange:t}}),Jt()])(Qt.CollapsibleCornerstone),ts=window.yoast.searchMetadataPreviews,ss=K()(q.StyledSection)` | |
| 178 | - &${q.StyledSectionBase} { | |
| 178 | +`;function is({keyphrases:e,onNoKeyphraseSet:t,onOpen:s,location:i}){if(!e.length){let e=document.querySelector("#focus-keyword-input-metabox");return e||(e=document.querySelector("#focus-keyword-input-sidebar")),e.focus(),void t()}s(i)}function os({location:t="",whichModalOpen:s="none",shouldCloseOnClickOutside:i=!0,keyphrases:o,onNoKeyphraseSet:r,onOpen:n,onClose:a}){const c=(0,e.useCallback)(()=>{is({keyphrases:o,onNoKeyphraseSet:r,onOpen:n,location:t})},[is,o,r,n,t]),p=(0,l.__)("Track SEO performance","wordpress-seo"),u=((e=null)=>(0,f.useMemo)(()=>{const t={role:"img","aria-hidden":"true"};return null!==e&&(t.focusable=e?"true":"false"),t},[e]))();return(0,d.jsxs)(e.Fragment,{children:[s===t&&(0,d.jsx)(he,{title:p,onRequestClose:a,icon:(0,d.jsx)(we,{}),additionalClassName:"yoast-wincher-seo-performance-modal yoast-gutenberg-modal__no-padding",shouldCloseOnClickOutside:i,children:(0,d.jsx)(pe,{className:"yoast-gutenberg-modal__content yoast-wincher-seo-performance-modal__content",children:(0,d.jsx)(ts,{})})}),"sidebar"===t&&(0,d.jsx)(xe,{id:`wincher-open-button-${t}`,title:p,SuffixHeroIcon:(0,d.jsx)(ss,{className:"yst-text-slate-500",...u}),onClick:c}),"metabox"===t&&(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsxs)(ce,{id:`wincher-open-button-${t}`,onClick:c,children:[(0,d.jsx)(ce.Text,{children:p}),(0,d.jsx)(ae(),{className:"yst-h-5 yst-w-5 yst-text-slate-500",...u})]})})]})}os.propTypes={location:o().string,whichModalOpen:o().oneOf(["none","metabox","sidebar","postpublish"]),shouldCloseOnClickOutside:o().bool,keyphrases:o().array.isRequired,onNoKeyphraseSet:o().func.isRequired,onOpen:o().func.isRequired,onClose:o().func.isRequired};const rs=(0,re.compose)([(0,a.withSelect)(e=>{const{getWincherModalOpen:t,getWincherTrackableKeyphrases:s}=e("yoast-seo/editor");return{keyphrases:s(),whichModalOpen:t()}}),(0,a.withDispatch)(e=>{const{setWincherOpenModal:t,setWincherDismissModal:s,setWincherNoKeyphrase:i}=e("yoast-seo/editor");return{onOpen:e=>{t(e)},onClose:()=>{s()},onNoKeyphraseSet:()=>{i()}}})])(os),ns=window.yoast.externals.components;function as(){return(0,re.createHigherOrderComponent)(function(t){return(0,re.pure)(function(s){const i=(0,e.useContext)(J.LocationContext);return(0,e.createElement)(t,{...s,location:i})})},"withLocation")}const ls=(0,re.compose)([(0,a.withSelect)(e=>{const{isCornerstoneContent:t}=e("yoast-seo/editor");return{isCornerstone:t(),learnMoreUrl:wpseoAdminL10n["shortlinks.cornerstone_content_info"]}}),(0,a.withDispatch)(e=>{const{toggleCornerstoneContent:t}=e("yoast-seo/editor");return{onChange:t}}),as()])(ns.CollapsibleCornerstone),cs=window.yoast.searchMetadataPreviews,ds=te()(K.StyledSection)` | |
| 179 | + &${K.StyledSectionBase} { | |
| 179 | 180 | padding: 0; |
| 180 | 181 | |
| 181 | - & ${q.StyledHeading} { | |
| 182 | - ${(0,J.getDirectionalStyle)("padding-left","padding-right")}: 20px; | |
| 183 | - margin-left: ${(0,J.getDirectionalStyle)("0","20px")}; | |
| 182 | + & ${K.StyledHeading} { | |
| 183 | + ${(0,de.getDirectionalStyle)("padding-left","padding-right")}: 20px; | |
| 184 | + margin-left: ${(0,de.getDirectionalStyle)("0","20px")}; | |
| 184 | 185 | } |
| 185 | 186 | } |
| 186 | -`,is=({children:e=null,title:t="",icon:s="",hasPaperStyle:i=!0,shoppingData:o=null})=>(0,u.jsx)(ss,{headingLevel:3,headingText:t,headingIcon:s,headingIconColor:"#555",hasPaperStyle:i,shoppingData:o,children:e});is.propTypes={children:o().element,title:o().string,icon:o().string,hasPaperStyle:o().bool,shoppingData:o().object};const os=is,rs=window.wp.sanitize;function ns(e,t,s="",i=!1){return{type:"SNIPPET_EDITOR_UPDATE_REPLACEMENT_VARIABLE",name:e,value:"string"==typeof t?(0,J.decodeHTML)(t):t,label:s,hidden:i}}function as(e){return e.charAt(0).toUpperCase()+e.slice(1)}const{stripHTMLTags:ls}=J.strings,cs=["slug","content","contentImage","snippetPreviewImageURL"];function ds(e,t="_"){return e.replace(/\s/g,t)}const ps=(0,n.memoize)((e,t)=>0===e?n.noop:(0,n.debounce)(s=>t(s,e),500)),us=({link:e,text:t})=>(0,u.jsxs)(r.Root,{children:[(0,u.jsx)("p",{children:t}),(0,u.jsxs)(r.Button,{href:e,as:"a",className:"yst-gap-2 yst-mb-5 yst-mt-2",variant:"upsell",target:"_blank",rel:"noopener",children:[(0,u.jsx)(h,{className:"yst-w-4 yst-h-4 yst--ms-1 yst-shrink-0"}),(0,d.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast WooCommerce SEO. */ | |
| 187 | -(0,d.__)("Unlock with %1$s","wordpress-seo"),"Yoast WooCommerce SEO")]})]});us.propTypes={link:o().string.isRequired,text:o().string.isRequired};const hs=us,ms=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,n.get)(window,["YoastSEO","app","pluggable"],!1);if(!t||!(0,n.get)(window,["YoastSEO","app","pluggable","loaded"],!1))return function(e){const t=(0,n.get)(window,["YoastSEO","wp","replaceVarsPlugin","replaceVariables"],n.identity);return{url:e.url,title:ls(t(e.title)),description:ls(t(e.description)),filteredSEOTitle:e.filteredSEOTitle?ls(t(e.filteredSEOTitle)):""}}(e);const s=t._applyModifications.bind(t);return{url:e.url,title:ls(s("data_page_title",e.title)),description:ls(s("data_meta_desc",e.description)),filteredSEOTitle:e.filteredSEOTitle?ls(s("data_page_title",e.filteredSEOTitle)):""}}(e)},gs=(0,G.compose)([(0,a.withSelect)(function(e){const{getBaseUrlFromSettings:t,getDateFromSettings:s,getFocusKeyphrase:i,getRecommendedReplaceVars:o,getReplaceVars:r,getShoppingData:n,getSiteIconUrlFromSettings:a,getSnippetEditorData:l,getSnippetEditorMode:c,getSnippetEditorPreviewImageUrl:d,getSnippetEditorWordsToHighlight:p,isCornerstoneContent:u,getIsTerm:h,getContentLocale:m,getSiteName:g}=e("yoast-seo/editor"),y=r();return y.forEach(e=>{""!==e.value||["title","excerpt","excerpt_only"].includes(e.name)||(e.value="%%"+e.name+"%%")}),{baseUrl:t(),data:l(),date:s(),faviconSrc:a(),keyword:i(),mobileImageSrc:d(),mode:c(),recommendedReplacementVariables:o(),replacementVariables:y,shoppingData:n(),wordsToHighlight:p(),isCornerstone:u(),isTaxonomy:h(),locale:m(),siteName:g()}}),(0,a.withDispatch)(function(e,t,{select:s}){const{updateData:i,switchMode:o,updateAnalysisData:r,findCustomFields:n}=e("yoast-seo/editor"),a=e("core/editor"),l=s("yoast-seo/editor").getPostId();return{onChange:(e,t)=>{switch(e){case"mode":o(t);break;case"slug":i({slug:t}),a&&a.editPost({slug:t});break;default:i({[e]:t})}},onChangeAnalysisData:r,onReplacementVariableSearchChange:ps(l,n)}})])(e=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").selectLink("https://yoa.st/product-google-preview-metabox"),[]),s=(0,a.useSelect)(e=>e("yoast-seo/editor").getIsWooSeoUpsell(),[]),i=(0,d.__)("Want an enhanced Google preview of how your WooCommerce products look in the search results?","wordpress-seo");return(0,u.jsx)(B.LocationConsumer,{children:o=>(0,u.jsx)(os,{icon:"eye",hasPaperStyle:e.hasPaperStyle,children:(0,u.jsxs)(u.Fragment,{children:[s&&(0,u.jsx)(hs,{link:t,text:i}),(0,u.jsx)(ts.SnippetEditor,{...e,descriptionPlaceholder:(0,d.__)("Please provide a meta description by editing the snippet below.","wordpress-seo"),mapEditorDataToPreview:ms,showCloseButton:!1,idSuffix:o})]})})})}),ys=(0,a.withSelect)(e=>{const{getWarningMessage:t}=e("yoast-seo/editor");return{message:t()}})(q.Warning),ws=window.yoast.featureFlag,fs=K()(q.Collapsible)` | |
| 187 | +`,ps=({children:e=null,title:t="",icon:s="",hasPaperStyle:i=!0,shoppingData:o=null})=>(0,d.jsx)(ds,{headingLevel:3,headingText:t,headingIcon:s,headingIconColor:"#555",hasPaperStyle:i,shoppingData:o,children:e});ps.propTypes={children:o().element,title:o().string,icon:o().string,hasPaperStyle:o().bool,shoppingData:o().object};const us=ps,hs=window.wp.sanitize;function gs(e,t,s="",i=!1){return{type:"SNIPPET_EDITOR_UPDATE_REPLACEMENT_VARIABLE",name:e,value:"string"==typeof t?(0,de.decodeHTML)(t):t,label:s,hidden:i}}function ms(e){return e.charAt(0).toUpperCase()+e.slice(1)}const{stripHTMLTags:ys}=de.strings,ws=["slug","content","contentImage","snippetPreviewImageURL"];function fs(e,t="_"){return e.replace(/\s/g,t)}const xs=(0,n.memoize)((e,t)=>0===e?n.noop:(0,n.debounce)(s=>t(s,e),500)),bs=({link:e,text:t})=>(0,d.jsxs)(r.Root,{children:[(0,d.jsx)("p",{children:t}),(0,d.jsxs)(r.Button,{href:e,as:"a",className:"yst-gap-2 yst-mb-5 yst-mt-2",variant:"upsell",target:"_blank",rel:"noopener",children:[(0,d.jsx)(u(),{className:"yst-w-4 yst-h-4 yst--ms-1 yst-shrink-0"}),(0,l.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast WooCommerce SEO. */ | |
| 188 | +(0,l.__)("Unlock with %1$s","wordpress-seo"),"Yoast WooCommerce SEO")]})]});bs.propTypes={link:o().string.isRequired,text:o().string.isRequired};const vs=bs,ks=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,n.get)(window,["YoastSEO","app","pluggable"],!1);if(!t||!(0,n.get)(window,["YoastSEO","app","pluggable","loaded"],!1))return function(e){const t=(0,n.get)(window,["YoastSEO","wp","replaceVarsPlugin","replaceVariables"],n.identity);return{url:e.url,title:ys(t(e.title)),description:ys(t(e.description)),filteredSEOTitle:e.filteredSEOTitle?ys(t(e.filteredSEOTitle)):""}}(e);const s=t._applyModifications.bind(t);return{url:e.url,title:ys(s("data_page_title",e.title)),description:ys(s("data_meta_desc",e.description)),filteredSEOTitle:e.filteredSEOTitle?ys(s("data_page_title",e.filteredSEOTitle)):""}}(e)},_s=(0,re.compose)([(0,a.withSelect)(function(e){const{getBaseUrlFromSettings:t,getDateFromSettings:s,getFocusKeyphrase:i,getRecommendedReplaceVars:o,getReplaceVars:r,getShoppingData:n,getSiteIconUrlFromSettings:a,getSnippetEditorData:l,getSnippetEditorMode:c,getSnippetEditorPreviewImageUrl:d,getSnippetEditorWordsToHighlight:p,isCornerstoneContent:u,getIsTerm:h,getContentLocale:g,getSiteName:m}=e("yoast-seo/editor"),y=r();return y.forEach(e=>{""!==e.value||["title","excerpt","excerpt_only"].includes(e.name)||(e.value="%%"+e.name+"%%")}),{baseUrl:t(),data:l(),date:s(),faviconSrc:a(),keyword:i(),mobileImageSrc:d(),mode:c(),recommendedReplacementVariables:o(),replacementVariables:y,shoppingData:n(),wordsToHighlight:p(),isCornerstone:u(),isTaxonomy:h(),locale:g(),siteName:m()}}),(0,a.withDispatch)(function(e,t,{select:s}){const{updateData:i,switchMode:o,updateAnalysisData:r,findCustomFields:n}=e("yoast-seo/editor"),a=e("core/editor"),l=s("yoast-seo/editor").getPostId();return{onChange:(e,t)=>{switch(e){case"mode":o(t);break;case"slug":i({slug:t}),a&&a.editPost({slug:t});break;default:i({[e]:t})}},onChangeAnalysisData:r,onReplacementVariableSearchChange:xs(l,n)}})])(e=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").selectLink("https://yoa.st/product-google-preview-metabox"),[]),s=(0,a.useSelect)(e=>e("yoast-seo/editor").getIsWooSeoUpsell(),[]),i=(0,l.__)("Want an enhanced Google preview of how your WooCommerce products look in the search results?","wordpress-seo");return(0,d.jsx)(J.LocationConsumer,{children:o=>(0,d.jsx)(us,{icon:"eye",hasPaperStyle:e.hasPaperStyle,children:(0,d.jsxs)(d.Fragment,{children:[s&&(0,d.jsx)(vs,{link:t,text:i}),(0,d.jsx)(cs.SnippetEditor,{...e,descriptionPlaceholder:(0,l.__)("Please provide a meta description by editing the snippet below.","wordpress-seo"),mapEditorDataToPreview:ks,showCloseButton:!1,idSuffix:o})]})})})}),Ts=(0,a.withSelect)(e=>{const{getWarningMessage:t}=e("yoast-seo/editor");return{message:t()}})(K.Warning),js=window.yoast.featureFlag,Rs=te()(K.Collapsible)` | |
| 188 | 189 | h2 > button { |
| 189 | 190 | padding-left: 24px; |
| 190 | 191 | padding-top: 16px; |
| 191 | 192 | |
| @@ -199,46 +200,125 @@ | ||
| 199 | 200 | margin: 0 24px; |
| 200 | 201 | border-top: 1px solid rgba(0,0,0,0.2); |
| 201 | 202 | } |
| 202 | 203 | |
| 203 | -`,xs=({initialIsOpen:e,id:t,...s})=>(0,u.jsx)(fs,{hasPadding:!0,hasSeparator:!0,initialIsOpen:e,id:t,...s}),bs=()=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").getEstimatedReadingTime(),[]),s=(0,e.useMemo)(()=>(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-estimated_reading_time",""),[]);return(0,u.jsx)(q.InsightsCard,{amount:t,unit:(0,d._n)("minute","minutes",t,"wordpress-seo"),title:(0,d.__)("Reading time","wordpress-seo"),linkTo:s | |
| 204 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about reading time","wordpress-seo")})},vs=(0,J.makeOutboundLink)();function ks(e,t){return-1===e?(0,d.__)("Your text should be slightly longer to calculate your Flesch reading ease score.","wordpress-seo"):(0,d.sprintf)( | |
| 204 | +`,Ss=(0,de.getDirectionalStyle)("right: 16px","left: 24px"),Is=te().h2` | |
| 205 | + // wrapInHeading's resets, as longhands so the icon's lane below can override one side. | |
| 206 | + margin: 0 !important; | |
| 207 | + padding-block: 0 !important; | |
| 208 | + padding-inline-start: 0 !important; | |
| 209 | + font-size: ${e=>e.headingProps.fontSize} !important; | |
| 210 | + font-weight: ${e=>e.headingProps.fontWeight} !important; | |
| 211 | + color: ${e=>e.headingProps.color} !important; | |
| 212 | + | |
| 213 | + ${K.StyledTitle} { | |
| 214 | + font-weight: ${e=>e.headingProps.fontWeight}; | |
| 215 | + color: ${e=>e.headingProps.color}; | |
| 216 | + } | |
| 217 | + | |
| 218 | + position: relative; | |
| 219 | + display: flex; | |
| 220 | + align-items: center; | |
| 221 | + // The suffix icon's lane, so the title and the link shrink before reaching it. | |
| 222 | + padding-inline-end: 48px !important; | |
| 223 | + | |
| 224 | + &:hover { | |
| 225 | + background-color: #f0f0f0; | |
| 226 | + } | |
| 227 | + | |
| 228 | + // The link's wrapper, above the button's overlay so the link stays clickable. | |
| 229 | + > span { | |
| 230 | + position: relative; | |
| 231 | + z-index: 1; | |
| 232 | + flex: 0 0 auto; | |
| 233 | + } | |
| 234 | + | |
| 235 | + ${K.StyledIconsButton} { | |
| 236 | + flex: 0 1 auto; | |
| 237 | + min-width: 0; | |
| 238 | + width: auto; | |
| 239 | + /* | |
| 240 | + * Restates the shared h2 > button padding instead of inheriting a selector this heading does not | |
| 241 | + * own. Physical on purpose: the collapsibles it has to line up with are padded physically too. | |
| 242 | + */ | |
| 243 | + padding-block-start: 16px; | |
| 244 | + ${(0,de.getDirectionalStyle)("padding-left: 24px","padding-right: 16px")}; | |
| 245 | + // The help link brings its own leading gap, so the button ends at its title. | |
| 246 | + padding-inline-end: 0; | |
| 247 | + // Only the heading paints the hover, so it covers the row in one even color. | |
| 248 | + background-color: transparent; | |
| 249 | + | |
| 250 | + &:hover { | |
| 251 | + background-color: transparent; | |
| 252 | + } | |
| 253 | + | |
| 254 | + &::after { | |
| 255 | + content: ""; | |
| 256 | + position: absolute; | |
| 257 | + inset: 0; | |
| 258 | + } | |
| 259 | + | |
| 260 | + /* | |
| 261 | + * The ring moves to the overlay, because on the button it would frame the title alone. It cannot | |
| 262 | + * be reused: elsewhere it is the browser's own, which no pseudo-element can draw. Colors from Button.js. | |
| 263 | + */ | |
| 264 | + &:focus { | |
| 265 | + outline: none; | |
| 266 | + box-shadow: none; | |
| 267 | + } | |
| 268 | + | |
| 269 | + &:focus::after { | |
| 270 | + outline: 1px solid ${Y.colors.$color_blue}; | |
| 271 | + outline-offset: -1px; | |
| 272 | + box-shadow: 0 0 3px ${(0,Y.rgba)(Y.colors.$color_blue_dark,.8)}; | |
| 273 | + } | |
| 274 | + | |
| 275 | + > svg:last-child { | |
| 276 | + position: absolute; | |
| 277 | + ${Ss}; | |
| 278 | + top: 50%; | |
| 279 | + transform: translateY(-50%); | |
| 280 | + margin: 0; | |
| 281 | + } | |
| 282 | + } | |
| 283 | +`,Cs=({initialIsOpen:t=!1,id:s=null,HeaderHelpLink:i=null,headingProps:o=K.Collapsible.defaultProps.headingProps,...r})=>{const n=(0,e.useRef)(i);n.current=i;const a=(0,e.useRef)(o);a.current=o;const l=Boolean(i),c=(0,e.useMemo)(()=>l?function(e){const t=n.current;return(0,d.jsxs)(Is,{headingProps:a.current,children:[(0,d.jsx)(K.StyledIconsButton,{...e}),(0,d.jsx)("span",{children:(0,d.jsx)(t,{})})]})}:null,[l]);return(0,d.jsx)(Rs,{hasPadding:!0,hasSeparator:!0,initialIsOpen:t,id:s,headingProps:o,...c?{Heading:c}:{},...r})};Cs.propTypes={initialIsOpen:o().bool,id:o().string,HeaderHelpLink:o().elementType,headingProps:o().shape({level:o().number,fontSize:o().string,fontWeight:o().string,color:o().string})};const Es=Cs,Ls=()=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").getEstimatedReadingTime(),[]),s=(0,e.useMemo)(()=>(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-estimated_reading_time",""),[]);return(0,d.jsx)(K.InsightsCard,{amount:t,unit:(0,l._n)("minute","minutes",t,"wordpress-seo"),title:(0,l.__)("Reading time","wordpress-seo"),linkTo:s | |
| 284 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about reading time","wordpress-seo")})},As=(0,de.makeOutboundLink)();function Ps(e,t){return-1===e?(0,l.__)("Your text should be slightly longer to calculate your Flesch reading ease score.","wordpress-seo"):(0,l.sprintf)( | |
| 205 | 285 | /* Translators: %1$s expands to the numeric Flesch reading ease score, |
| 206 | 286 | %2$s expands to the easiness of reading (e.g. 'easy' or 'very difficult') */ |
| 207 | 287 | /* Translators: %1$s expands to the numeric Flesch reading ease score, |
| 208 | 288 | %2$s expands to the easiness of reading (e.g. 'easy' or 'very difficult') */ |
| 209 | -(0,d.__)("The copy scores %1$s in the test, which is considered %2$s to read.","wordpress-seo"),e,function(e){switch(e){case D.DIFFICULTY.NO_DATA:return(0,d.__)("no data","wordpress-seo");case D.DIFFICULTY.VERY_EASY:return(0,d.__)("very easy","wordpress-seo");case D.DIFFICULTY.EASY:return(0,d.__)("easy","wordpress-seo");case D.DIFFICULTY.FAIRLY_EASY:return(0,d.__)("fairly easy","wordpress-seo");case D.DIFFICULTY.OKAY:return(0,d.__)("okay","wordpress-seo");case D.DIFFICULTY.FAIRLY_DIFFICULT:return(0,d.__)("fairly difficult","wordpress-seo");case D.DIFFICULTY.DIFFICULT:return(0,d.__)("difficult","wordpress-seo");case D.DIFFICULTY.VERY_DIFFICULT:return(0,d.__)("very difficult","wordpress-seo")}}(t))}const _s=()=>{let t=(0,a.useSelect)(e=>e("yoast-seo/editor").getFleschReadingEaseScore(),[]);const s=(0,e.useMemo)(()=>(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-flesch_reading_ease",""),[]),i=(0,a.useSelect)(e=>e("yoast-seo/editor").getFleschReadingEaseDifficulty(),[t]),o=(0,e.useMemo)(()=>{const e=(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-flesch_reading_ease_article","");return function(e,t,s){const i=function(e){switch(e){case D.DIFFICULTY.FAIRLY_DIFFICULT:case D.DIFFICULTY.DIFFICULT:case D.DIFFICULTY.VERY_DIFFICULT:return(0,d.__)("Try to make shorter sentences, using less difficult words to improve readability","wordpress-seo");case D.DIFFICULTY.NO_DATA:return(0,d.__)("Continue writing to get insight into the readability of your text!","wordpress-seo");default:return(0,d.__)("Good job!","wordpress-seo")}}(t);return(0,u.jsxs)("span",{children:[ks(e,t)," ",t>=D.DIFFICULTY.FAIRLY_DIFFICULT?(0,u.jsx)(vs,{href:s,children:i+"."}):i]})}(t,i,e)},[t,i]);return-1===t&&(t="?"),(0,u.jsx)(q.InsightsCard,{amount:t,unit:(0,d.__)("out of 100","wordpress-seo"),title:(0,d.__)("Flesch reading ease","wordpress-seo"),linkTo:s | |
| 210 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about Flesch reading ease","wordpress-seo"),description:o})},Ts=({data:t=[],itemScreenReaderText:s="",className:i="",...o})=>{const r=(0,e.useMemo)(()=>{var e,s;return null!==(e=null===(s=(0,n.maxBy)(t,"number"))||void 0===s?void 0:s.number)&&void 0!==e?e:0},[t]);return(0,u.jsx)("ul",{className:L()("yoast-data-model",i),...o,children:t.map(({name:e,number:t})=>(0,u.jsxs)("li",{style:{"--yoast-width":t/r*100+"%"},children:[e,(0,u.jsx)("span",{children:t}),s&&(0,u.jsx)("span",{className:"screen-reader-text",children:(0,d.sprintf)(s,t)})]},`${e}_dataItem`))})};Ts.propTypes={data:o().arrayOf(o().shape({name:o().string.isRequired,number:o().number.isRequired})),itemScreenReaderText:o().string,className:o().string};const Rs=Ts,js=window.wp.url,Ss=(0,J.makeOutboundLink)(),Is=({location:t})=>{const s=(0,a.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},[]),i=(0,a.useSelect)(e=>e("yoast-seo/editor").getPreference("shouldUpsell",!1),[]),o=(0,e.useMemo)(()=>(0,n.get)(window,`wpseoAdminL10n.shortlinks-insights-upsell-${t}-prominent_words`,""),[t]),r=(0,e.useMemo)(()=>{const e=(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-keyword_research_link","");return p((0,d.sprintf)( | |
| 289 | +(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 z.DIFFICULTY.NO_DATA:return(0,l.__)("no data","wordpress-seo");case z.DIFFICULTY.VERY_EASY:return(0,l.__)("very easy","wordpress-seo");case z.DIFFICULTY.EASY:return(0,l.__)("easy","wordpress-seo");case z.DIFFICULTY.FAIRLY_EASY:return(0,l.__)("fairly easy","wordpress-seo");case z.DIFFICULTY.OKAY:return(0,l.__)("okay","wordpress-seo");case z.DIFFICULTY.FAIRLY_DIFFICULT:return(0,l.__)("fairly difficult","wordpress-seo");case z.DIFFICULTY.DIFFICULT:return(0,l.__)("difficult","wordpress-seo");case z.DIFFICULTY.VERY_DIFFICULT:return(0,l.__)("very difficult","wordpress-seo")}}(t))}const qs=()=>{let t=(0,a.useSelect)(e=>e("yoast-seo/editor").getFleschReadingEaseScore(),[]);const s=(0,e.useMemo)(()=>(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-flesch_reading_ease",""),[]),i=(0,a.useSelect)(e=>e("yoast-seo/editor").getFleschReadingEaseDifficulty(),[t]),o=(0,e.useMemo)(()=>{const e=(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-flesch_reading_ease_article","");return function(e,t,s){const i=function(e){switch(e){case z.DIFFICULTY.FAIRLY_DIFFICULT:case z.DIFFICULTY.DIFFICULT:case z.DIFFICULTY.VERY_DIFFICULT:return(0,l.__)("Try to make shorter sentences, using less difficult words to improve readability","wordpress-seo");case z.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")}}(t);return(0,d.jsxs)("span",{children:[Ps(e,t)," ",t>=z.DIFFICULTY.FAIRLY_DIFFICULT?(0,d.jsx)(As,{href:s,children:i+"."}):i]})}(t,i,e)},[t,i]);return-1===t&&(t="?"),(0,d.jsx)(K.InsightsCard,{amount:t,unit:(0,l.__)("out of 100","wordpress-seo"),title:(0,l.__)("Flesch reading ease","wordpress-seo"),linkTo:s | |
| 290 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about Flesch reading ease","wordpress-seo"),description:o})},Fs=({data:t=[],itemScreenReaderText:s="",className:i="",...o})=>{const r=(0,e.useMemo)(()=>{var e,s;return null!==(e=null===(s=(0,n.maxBy)(t,"number"))||void 0===s?void 0:s.number)&&void 0!==e?e:0},[t]);return(0,d.jsx)("ul",{className:q()("yoast-data-model",i),...o,children:t.map(({name:e,number:t})=>(0,d.jsxs)("li",{style:{"--yoast-width":t/r*100+"%"},children:[e,(0,d.jsx)("span",{children:t}),s&&(0,d.jsx)("span",{className:"screen-reader-text",children:(0,l.sprintf)(s,t)})]},`${e}_dataItem`))})};Fs.propTypes={data:o().arrayOf(o().shape({name:o().string.isRequired,number:o().number.isRequired})),itemScreenReaderText:o().string,className:o().string};const Ms=Fs,Ds=window.wp.url,Os=(0,de.makeOutboundLink)(),Ns=({location:t})=>{const s=(0,a.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},[]),i=(0,a.useSelect)(e=>e("yoast-seo/editor").getPreference("shouldUpsell",!1),[]),o=(0,e.useMemo)(()=>(0,n.get)(window,`wpseoAdminL10n.shortlinks-insights-upsell-${t}-prominent_words`,""),[t]),r=(0,e.useMemo)(()=>{const e=(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-keyword_research_link","");return c((0,l.sprintf)( | |
| 211 | 291 | // translators: %1$s and %2$s are replaced by opening and closing <a> tags. |
| 212 | 292 | // translators: %1$s and %2$s are replaced by opening and closing <a> tags. |
| 213 | -(0,d.__)("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,u.jsx)(Ss,{href:e})})},[]),l=(0,e.useMemo)(()=>p((0,d.sprintf)( | |
| 293 | +(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,d.jsx)(Os,{href:e})})},[]),p=(0,e.useMemo)(()=>c((0,l.sprintf)( | |
| 214 | 294 | // 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`. |
| 215 | 295 | // 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`. |
| 216 | -(0,d.__)("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,u.jsx)("b",{})}),[]),c=(0,a.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:[]},[]),h=(0,e.useMemo)(()=>{const e=(0,d.sprintf)( | |
| 296 | +(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,d.jsx)("b",{})}),[]),u=(0,a.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:[]},[]),h=(0,e.useMemo)(()=>{const e=(0,l.sprintf)( | |
| 217 | 297 | // translators: %1$s expands to Yoast SEO Premium. |
| 218 | 298 | // translators: %1$s expands to Yoast SEO Premium. |
| 219 | -(0,d.__)("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}))},[]),m=(0,e.useMemo)(()=>i?h:c.map(({word:e,occurrence:t})=>({name:e,number:t})),[c,h]);if(!s)return null;const{locationContext:g}=(0,B.useRootContext)();return(0,u.jsxs)("div",{className:"yoast-prominent-words",children:[(0,u.jsx)("div",{className:"yoast-field-group__title",children:(0,u.jsx)("b",{children:(0,d.__)("Prominent words","wordpress-seo")})}),!i&&(0,u.jsx)("p",{children:0===m.length?(0,d.__)("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,d.__)("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")}),i&&(0,u.jsx)("p",{children:l}),i&&(0,u.jsxs)(Ss,{href:(0,js.addQueryArgs)(o,{context:g}),"data-action":"load-nfd-ctb","data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2",className:"yoast-button yoast-button-upsell",children:[(0,d.sprintf)( | |
| 299 | +(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}))},[]),g=(0,e.useMemo)(()=>i?h:u.map(({word:e,occurrence:t})=>({name:e,number:t})),[u,h]);if(!s)return null;const{locationContext:m}=(0,J.useRootContext)();return(0,d.jsxs)("div",{className:"yoast-prominent-words",children:[(0,d.jsx)("div",{className:"yoast-field-group__title",children:(0,d.jsx)("b",{children:(0,l.__)("Prominent words","wordpress-seo")})}),!i&&(0,d.jsx)("p",{children:0===g.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")}),i&&(0,d.jsx)("p",{children:p}),i&&(0,d.jsxs)(Os,{href:(0,Ds.addQueryArgs)(o,{context:m}),"data-action":"load-nfd-ctb","data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2",className:"yoast-button yoast-button-upsell",children:[(0,l.sprintf)( | |
| 220 | 300 | // translators: %s expands to `Premium` (part of add-on name). |
| 221 | 301 | // translators: %s expands to `Premium` (part of add-on name). |
| 222 | -(0,d.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,u.jsx)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})]}),(0,u.jsx)("p",{children:r}),(0,u.jsx)(Rs,{data:m,itemScreenReaderText:/* translators: Hidden accessibility text; %d expands to the number of occurrences. */ /* translators: Hidden accessibility text; %d expands to the number of occurrences. */ | |
| 223 | -(0,d.__)("%d occurrences","wordpress-seo"),"aria-label":(0,d.__)("Prominent words","wordpress-seo"),className:i?"yoast-data-model--upsell":null})]})};Is.propTypes={location:o().string.isRequired};const Cs=Is,Es=()=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").getTextLength(),[]),s=(0,e.useMemo)(()=>(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-word_count",""),[]);let i=(0,d._n)("word","words",t.count,"wordpress-seo"),o=(0,d.__)("Word count","wordpress-seo"),r=(0,d.__)("Learn more about word count","wordpress-seo");return"character"===t.unit&&(i=(0,d._n)("character","characters",t.count,"wordpress-seo"),o=(0,d.__)("Character count","wordpress-seo"), | |
| 302 | +(0,l.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,d.jsx)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})]}),(0,d.jsx)("p",{children:r}),(0,d.jsx)(Ms,{data:g,itemScreenReaderText:/* translators: Hidden accessibility text; %d expands to the number of occurrences. */ /* translators: Hidden accessibility text; %d expands to the number of occurrences. */ | |
| 303 | +(0,l.__)("%d occurrences","wordpress-seo"),"aria-label":(0,l.__)("Prominent words","wordpress-seo"),className:i?"yoast-data-model--upsell":null})]})};Ns.propTypes={location:o().string.isRequired};const $s=Ns,Us=()=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").getTextLength(),[]),s=(0,e.useMemo)(()=>(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-word_count",""),[]);let i=(0,l._n)("word","words",t.count,"wordpress-seo"),o=(0,l.__)("Word count","wordpress-seo"),r=(0,l.__)("Learn more about word count","wordpress-seo");return"character"===t.unit&&(i=(0,l._n)("character","characters",t.count,"wordpress-seo"),o=(0,l.__)("Character count","wordpress-seo"), | |
| 224 | 304 | /* translators: Hidden accessibility text. */ |
| 225 | -r=(0,d.__)("Learn more about character count","wordpress-seo")),(0,u.jsx)(q.InsightsCard,{amount:t.count,unit:i,title:o,linkTo:s,linkText:r})},Ls=(0,J.makeOutboundLink)(),As=({location:t})=>{const s=(0,e.useMemo)(()=>(0,n.get)(window,`wpseoAdminL10n.shortlinks-insights-upsell-${t}-text_formality`,""),[t]),i=(0,e.useMemo)(()=>p((0,d.sprintf)( | |
| 305 | +r=(0,l.__)("Learn more about character count","wordpress-seo")),(0,d.jsx)(K.InsightsCard,{amount:t.count,unit:i,title:o,linkTo:s,linkText:r})},Ws=(0,de.makeOutboundLink)(),Hs=({location:t})=>{const s=(0,e.useMemo)(()=>(0,n.get)(window,`wpseoAdminL10n.shortlinks-insights-upsell-${t}-text_formality`,""),[t]),i=(0,e.useMemo)(()=>c((0,l.sprintf)( | |
| 226 | 306 | // 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`. |
| 227 | 307 | // 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`. |
| 228 | -(0,d.__)("%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,u.jsx)("b",{})}),[]);return(0,u.jsx)(e.Fragment,{children:(0,u.jsxs)("div",{children:[(0,u.jsx)("p",{children:i}),(0,u.jsxs)(Ls,{href:s,className:"yoast-button yoast-button-upsell",children:[(0,d.sprintf)( | |
| 308 | +(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,d.jsx)("b",{})}),[]);return(0,d.jsx)(e.Fragment,{children:(0,d.jsxs)("div",{children:[(0,d.jsx)("p",{children:i}),(0,d.jsxs)(Ws,{href:s,className:"yoast-button yoast-button-upsell",children:[(0,l.sprintf)( | |
| 229 | 309 | // Translators: %s expands to `Premium` (part of add-on name). |
| 230 | 310 | // Translators: %s expands to `Premium` (part of add-on name). |
| 231 | -(0,d.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,u.jsx)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})]})]})})};As.propTypes={location:o().string.isRequired};const Fs=As;function Ps(){return(0,n.get)(window,"wpseoScriptData.metabox",{intl:{},isRtl:!1})}const qs=({location:e,name:s})=>{const i=(0,a.useSelect)(e=>e("yoast-seo/editor").isFormalitySupported(),[]),o=Ps().isPremium,r=o?(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-text_formality_info_premium",""):(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-text_formality_info_free",""),l=(0,d.__)("Read more about text formality.","wordpress-seo");return i?(0,u.jsxs)("div",{className:"yoast-text-formality",children:[(0,u.jsxs)("div",{className:"yoast-field-group__title",children:[(0,u.jsx)("b",{children:(0,d.__)("Text formality","wordpress-seo")}),(0,u.jsx)(q.HelpIcon,{linkTo:r,linkText:l})]}),o?(0,u.jsx)(t.Slot,{name:s}):(0,u.jsx)(Fs,{location:e})]}):null};qs.propTypes={location:o().string.isRequired,name:o().string.isRequired};const Ms=qs,Ds=({location:e="metabox"})=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").isFleschReadingEaseAvailable(),[]);return(0,u.jsxs)(xs,{title:(0,d.__)("Insights","wordpress-seo"),id:`yoast-insights-collapsible-${e}`,className:"yoast-insights",children:[(0,u.jsx)(Cs,{location:e}),(0,u.jsxs)("div",{children:[t&&(0,u.jsx)("div",{className:"yoast-insights-row",children:(0,u.jsx)(_s,{})}),(0,u.jsxs)("div",{className:"yoast-insights-row yoast-insights-row--columns",children:[(0,u.jsx)(bs,{}),(0,u.jsx)(Es,{})]}),(0,ws.isFeatureEnabled)("TEXT_FORMALITY")&&(0,u.jsx)(Ms,{location:e,name:"YoastTextFormalityMetabox"})]})]})};Ds.propTypes={location:o().string};const Os=Ds,Ns=l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.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"}))}),Us=l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.createElement("path",{d:"M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"}))}),Ws=({isOpen:t,onClose:s,id:i,upsellLink:o,title:n="",description:l="",benefits:c=[],note:p="",ctbId:m="",modalTitle:g})=>{const{isBlackFriday:y,isWooCommerceActive:w,isProductEntity:f,isWooSEOActive:x}=(0,a.useSelect)(e=>{const t=e("yoast-seo/editor");return{isProductEntity:t.getIsProductEntity(),isWooCommerceActive:t.getIsWooCommerceActive(),isBlackFriday:t.isPromotionActive("black-friday-promotion"),isWooSEOActive:t.getIsWooSeoActive()}},[]),b=(0,e.useMemo)(()=>w&&f,[w,f]),v=(0,e.useRef)(null);return(0,u.jsx)(r.Modal,{isOpen:t,onClose:s,id:i,initialFocus:v,children:(0,u.jsx)(r.Modal.Panel,{className:"yst-max-w-md yst-p-0",hasCloseButton:!1,children:(0,u.jsxs)(r.Modal.Container,{children:[(0,u.jsxs)(r.Modal.Container.Header,{className:"yst-p-6 yst-border-b-slate-200 yst-border-b yst-flex yst-justify-start yst-gap-3 yst-items-center",children:[b?(0,u.jsx)(Us,{className:"yst-text-woo-light yst-w-6 yst-h-6 yst-scale-x-[-1]"}):(0,u.jsx)(ne,{className:"yst-fill-primary-500 yst-w-5 yst-h-5"}),(0,u.jsx)(r.Modal.Title,{as:"h3",className:L()(b?"yst-text-woo-light":"yst-text-primary-500","yst-text-base yst-font-normal"),children:g}),(0,u.jsx)(r.Modal.CloseButton,{className:"yst-top-2",onClick:s,screenReaderText:(0,d.__)("Close modal","wordpress-seo")})]}),(0,u.jsxs)(r.Modal.Container.Content,{className:"yst-p-0",children:[y&&(0,u.jsx)("div",{className:"yst-flex yst-font-semibold 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",children:(0,u.jsx)("div",{className:"yst-mx-auto",children:(0,d.__)("BLACK FRIDAY | 30% OFF","wordpress-seo")})}),(0,u.jsxs)("div",{className:"yst-py-6 yst-px-12",children:[(0,u.jsx)(r.Title,{as:"h3",className:"yst-mb-1 yst-leading-5 yst-text-sm yst-font-medium yst-text-slate-800",children:n}),(0,u.jsx)("p",{className:"yst-mb-2",children:l}),Array.isArray(c)&&c.length>0&&(0,u.jsx)("ul",{className:"yst-my-2",children:c.map((e,t)=>(0,u.jsxs)("li",{className:"yst-flex yst-gap-1 yst-mb-2",children:[(0,u.jsx)(C,{className:"yst-mr-1 yst-text-green-500 yst-w-[19.5px] yst-h-[19.5px] yst-flex-shrink-0"}),(0,u.jsx)("p",{className:"yst-text-slate-600",children:e})]},`${i}-upsell-benefit-${t}`))}),"function"==typeof c&&c(),(0,u.jsxs)("div",{className:"yst-text-center",children:[(0,u.jsxs)(r.Button,{as:"a",variant:"upsell",className:"yst-my-2 yst-gap-1.5 yst-w-full",href:o,target:"_blank","data-action":"load-nfd-ctb","data-ctb-id":m,ref:v,children:[(0,u.jsx)(h,{className:"yst-w-4 yst-h-4 yst--ms-1 yst-shrink-0"}),(0,d.sprintf)(/* translators: %s expands to 'Yoast SEO Premium' or 'Yoast Woocommerce SEO'. */ /* translators: %s expands to 'Yoast SEO Premium' or 'Yoast Woocommerce SEO'. */ | |
| 232 | -(0,d.__)("Explore %s","wordpress-seo"),b&&!x?"Yoast WooCommerce SEO":"Yoast SEO Premium"),(0,u.jsx)("span",{className:"yst-sr-only",children:(0,d.__)("Opens in a new tab","wordpress-seo")})]}),(0,u.jsx)("div",{className:"yst-italic yst-text-slate-500 yst-mt-1",children:p})]})]})]})]})})})},$s=()=>{const[e,,,t,s]=(0,r.useToggleState)(!1),{locationContext:i}=(0,B.useRootContext)(),o=(0,r.useSvgAria)(),n=i.includes("sidebar"),a=i.includes("metabox"),l=n?"sidebar":"metabox",c=wpseoAdminL10n[n?"shortlinks.upsell.sidebar.internal_linking_suggestions":"shortlinks.upsell.metabox.internal_linking_suggestions"];return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ws,{isOpen:e,onClose:s,id:`yoast-internal-linking-suggestions-upsell-${l}`,upsellLink:(0,js.addQueryArgs)(c,{context:i}),modalTitle:(0,d.__)("Add smarter internal links with Premium","wordpress-seo"),title:(0,d.__)("Connect related content without the guesswork","wordpress-seo"),description:p((0,d.sprintf)(/* translators: %s expands to be tag. */ /* translators: %s expands to be tag. */ | |
| 233 | -(0,d.__)("Optimize for up to 5 keyphrases to shape your content around different themes, audiences, and angles. %sScans your content to:","wordpress-seo"),"<br />"),{br:(0,u.jsx)("br",{})}),benefits:[(0,d.__)("Suggest internal links based on your content’s main topics","wordpress-seo"),(0,d.__)("Build relevant internal links faster","wordpress-seo"),(0,d.__)("Strengthen your site’s structure","wordpress-seo"),(0,d.__)("Keep visitors exploring longer","wordpress-seo")],note:(0,d.__)("Upgrade to link your content with ease","wordpress-seo"),ctbId:"f6a84663-465f-4cb5-8ba5-f7a6d72224b2"}),n&&(0,u.jsx)(le,{id:"yoast-internal-linking-suggestions-sidebar-modal-open-button",title:(0,d.__)("Internal linking suggestions","wordpress-seo"),onClick:t,children:(0,u.jsx)("div",{className:"yst-root",children:(0,u.jsx)(r.Badge,{size:"small",variant:"upsell",children:(0,u.jsx)(Ns,{className:"yst-w-2.5 yst-h-2.5 yst-shrink-0",...o})})})}),a&&(0,u.jsx)("div",{className:"yst-root",children:(0,u.jsxs)(Q,{id:"yoast-internal-linking-suggestions-metabox-modal-open-button",onClick:t,children:[(0,u.jsx)(Q.Text,{children:(0,d.__)("Internal linking suggestions","wordpress-seo")}),(0,u.jsxs)(r.Badge,{size:"small",variant:"upsell",children:[(0,u.jsx)(Ns,{className:"yst-w-2.5 yst-h-2.5 yst-me-1 yst-shrink-0",...o}),(0,u.jsx)("span",{children:"Premium"})]})]})})]})},Bs=({children:e})=>(0,u.jsx)("div",{children:e});Bs.propTypes={renderPriority:o().number.isRequired,children:o().node.isRequired};const Hs=Bs,Ks=({noIndex:t,onNoIndexChange:s,editorContext:i,isPrivateBlog:o=!1})=>{const r=(e=>{const t=(0,d.__)("No","wordpress-seo"),s=(0,d.__)("Yes","wordpress-seo"),i=e.noIndex?t:s;return window.wpseoScriptData.isPost?[{name:(0,d.sprintf)(/* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ /* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ | |
| 234 | -(0,d.__)("%1$s (current default for %2$s)","wordpress-seo"),i,e.postTypeNamePlural),value:"0"},{name:t,value:"1"},{name:s,value:"2"}]:[{name:(0,d.sprintf)(/* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ /* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ | |
| 235 | -(0,d.__)("%1$s (current default for %2$s)","wordpress-seo"),i,e.postTypeNamePlural),value:"default"},{name:s,value:"index"},{name:t,value:"noindex"}]})(i);return(0,u.jsx)(B.LocationConsumer,{children:i=>(0,u.jsxs)(e.Fragment,{children:[o&&(0,u.jsx)(q.Alert,{type:"warning",children:(0,d.__)("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,u.jsx)(q.Select,{label:(0,d.__)("Allow search engines to show this content in search results?","wordpress-seo"),onChange:s,id:(0,J.join)(["yoast-meta-robots-noindex",i]),options:r,selected:t,linkTo:wpseoAdminL10n["shortlinks.advanced.allow_search_engines"] | |
| 236 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about the no-index setting on our help page.","wordpress-seo")})]})})};Ks.propTypes={noIndex:o().string.isRequired,onNoIndexChange:o().func.isRequired,editorContext:o().object.isRequired,isPrivateBlog:o().bool};const Ys=({noFollow:e,onNoFollowChange:t})=>(0,u.jsx)(B.LocationConsumer,{children:s=>{const i=(0,J.join)(["yoast-meta-robots-nofollow",s]);return(0,u.jsx)(q.RadioButtonGroup,{id:i,options:[{value:"0",label:"Yes"},{value:"1",label:"No"}],label:(0,d.__)("Should search engines follow links on this content?","wordpress-seo"),groupName:i,onChange:t,selected:e,linkTo:wpseoAdminL10n["shortlinks.advanced.follow_links"] | |
| 237 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about the no-follow setting on our help page.","wordpress-seo")})}});Ys.propTypes={noFollow:o().string.isRequired,onNoFollowChange:o().func.isRequired};const Vs=({advanced:e,onAdvancedChange:t})=>(0,u.jsx)(B.LocationConsumer,{children:s=>{const i=(0,J.join)(["yoast-meta-robots-advanced",s]),o=`${i}-input`;return(0,u.jsx)(q.MultiSelect,{label:(0,d.__)("Meta robots advanced","wordpress-seo"),onChange:t,id:i,inputId:o,options:[{name:(0,d.__)("No Image Index","wordpress-seo"),value:"noimageindex"},{name:(0,d.__)("No Archive","wordpress-seo"),value:"noarchive"},{name:(0,d.__)("No Snippet","wordpress-seo"),value:"nosnippet"}],selected:e,linkTo:wpseoAdminL10n["shortlinks.advanced.meta_robots"] | |
| 238 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about advanced meta robots settings on our help page.","wordpress-seo")})}});Vs.propTypes={advanced:o().array.isRequired,onAdvancedChange:o().func.isRequired};const zs=({breadcrumbsTitle:e,onBreadcrumbsTitleChange:t})=>(0,u.jsx)(B.LocationConsumer,{children:s=>(0,u.jsx)(q.TextInput,{label:(0,d.__)("Breadcrumbs Title","wordpress-seo"),id:(0,J.join)(["yoast-breadcrumbs-title",s]),onChange:t,value:e,linkTo:wpseoAdminL10n["shortlinks.advanced.breadcrumbs_title"] | |
| 239 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about the breadcrumbs title setting on our help page.","wordpress-seo")})});zs.propTypes={breadcrumbsTitle:o().string.isRequired,onBreadcrumbsTitleChange:o().func.isRequired};const Gs=({canonical:e,onCanonicalChange:t})=>(0,u.jsx)(B.LocationConsumer,{children:s=>(0,u.jsx)(q.TextInput,{label:(0,d.__)("Canonical URL","wordpress-seo"),id:(0,J.join)(["yoast-canonical",s]),onChange:t,value:e,linkTo:"https://yoa.st/canonical-url" | |
| 240 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about canonical URLs on our help page.","wordpress-seo")})});Gs.propTypes={canonical:o().string.isRequired,onCanonicalChange:o().func.isRequired};const Zs=({noIndex:t,canonical:s,onNoIndexChange:i,onCanonicalChange:o,onLoad:r,isLoading:a,editorContext:l,isBreadcrumbsDisabled:c,advanced:d=[],onAdvancedChange:p=n.noop,noFollow:h="",onNoFollowChange:m=n.noop,breadcrumbsTitle:g="",onBreadcrumbsTitleChange:y=n.noop,isPrivateBlog:w=!1})=>{(0,e.useEffect)(()=>{setTimeout(()=>{a&&r()})});const f={noIndex:t,onNoIndexChange:i,editorContext:l,isPrivateBlog:w},x={noFollow:h,onNoFollowChange:m},b={advanced:d,onAdvancedChange:p},v={breadcrumbsTitle:g,onBreadcrumbsTitleChange:y},k={canonical:s,onCanonicalChange:o};return a?null:(0,u.jsxs)(e.Fragment,{children:[(0,u.jsx)(Ks,{...f}),l.isPost&&(0,u.jsx)(Ys,{...x}),l.isPost&&(0,u.jsx)(Vs,{...b}),!c&&(0,u.jsx)(zs,{...v}),(0,u.jsx)(Gs,{...k})]})};Zs.propTypes={noIndex:o().string.isRequired,canonical:o().string.isRequired,onNoIndexChange:o().func.isRequired,onCanonicalChange:o().func.isRequired,onLoad:o().func.isRequired,isLoading:o().bool.isRequired,editorContext:o().object.isRequired,isBreadcrumbsDisabled:o().bool.isRequired,isPrivateBlog:o().bool,advanced:o().array,onAdvancedChange:o().func,noFollow:o().string,onNoFollowChange:o().func,breadcrumbsTitle:o().string,onBreadcrumbsTitleChange:o().func};const Xs=Zs,Qs=(0,G.compose)([(0,a.withSelect)(e=>{const{getNoIndex:t,getNoFollow:s,getAdvanced:i,getBreadcrumbsTitle:o,getCanonical:r,getIsLoading:n,getEditorContext:a,getPreferences:l}=e("yoast-seo/editor"),{isBreadcrumbsDisabled:c,isPrivateBlog:d}=l();return{noIndex:t(),noFollow:s(),advanced:i(),breadcrumbsTitle:o(),canonical:r(),isLoading:n(),editorContext:a(),isBreadcrumbsDisabled:c,isPrivateBlog:d}}),(0,a.withDispatch)(e=>{const{setNoIndex:t,setNoFollow:s,setAdvanced:i,setBreadcrumbsTitle:o,setCanonical:r,loadAdvancedSettingsData:n}=e("yoast-seo/editor");return{onNoIndexChange:t,onNoFollowChange:s,onAdvancedChange:i,onBreadcrumbsTitleChange:o,onCanonicalChange:r,onLoad:n}})])(Xs),Js=K().p` | |
| 311 | +(0,l.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,d.jsx)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})]})]})})};Hs.propTypes={location:o().string.isRequired};const Bs=Hs;function Ks(){return(0,n.get)(window,"wpseoScriptData.metabox",{intl:{},isRtl:!1})}const Ys=({location:e,name:s})=>{const i=(0,a.useSelect)(e=>e("yoast-seo/editor").isFormalitySupported(),[]),o=Ks().isPremium,r=o?(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-text_formality_info_premium",""):(0,n.get)(window,"wpseoAdminL10n.shortlinks-insights-text_formality_info_free",""),c=(0,l.__)("Read more about text formality.","wordpress-seo");return i?(0,d.jsxs)("div",{className:"yoast-text-formality",children:[(0,d.jsxs)("div",{className:"yoast-field-group__title",children:[(0,d.jsx)("b",{children:(0,l.__)("Text formality","wordpress-seo")}),(0,d.jsx)(K.HelpIcon,{linkTo:r,linkText:c})]}),o?(0,d.jsx)(t.Slot,{name:s}):(0,d.jsx)(Bs,{location:e})]}):null};Ys.propTypes={location:o().string.isRequired,name:o().string.isRequired};const zs=Ys,Vs=({location:e="metabox"})=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").isFleschReadingEaseAvailable(),[]);return(0,d.jsxs)(Es,{title:(0,l.__)("Insights","wordpress-seo"),id:`yoast-insights-collapsible-${e}`,className:"yoast-insights",children:[(0,d.jsx)($s,{location:e}),(0,d.jsxs)("div",{children:[t&&(0,d.jsx)("div",{className:"yoast-insights-row",children:(0,d.jsx)(qs,{})}),(0,d.jsxs)("div",{className:"yoast-insights-row yoast-insights-row--columns",children:[(0,d.jsx)(Ls,{}),(0,d.jsx)(Us,{})]}),(0,js.isFeatureEnabled)("TEXT_FORMALITY")&&(0,d.jsx)(zs,{location:e,name:"YoastTextFormalityMetabox"})]})]})};Vs.propTypes={location:o().string};const Gs=Vs;var Zs=s(465),Xs=s.n(Zs),Qs=s(7656),Js=s.n(Qs);const ei=({isOpen:t,onClose:s,id:i,upsellLink:o,title:n="",description:c="",benefits:p=[],note:h="",ctbId:g="",modalTitle:m})=>{const{isBlackFriday:y,isWooCommerceActive:w,isProductEntity:f,isWooSEOActive:x}=(0,a.useSelect)(e=>{const t=e("yoast-seo/editor");return{isProductEntity:t.getIsProductEntity(),isWooCommerceActive:t.getIsWooCommerceActive(),isBlackFriday:t.isPromotionActive("black-friday-promotion"),isWooSEOActive:t.getIsWooSeoActive()}},[]),b=(0,e.useMemo)(()=>w&&f,[w,f]),v=(0,e.useRef)(null);return(0,d.jsx)(r.Modal,{isOpen:t,onClose:s,id:i,initialFocus:v,children:(0,d.jsx)(r.Modal.Panel,{className:"yst-max-w-md yst-p-0",hasCloseButton:!1,children:(0,d.jsxs)(r.Modal.Container,{children:[(0,d.jsxs)(r.Modal.Container.Header,{className:"yst-p-6 yst-border-b-slate-200 yst-border-b yst-flex yst-justify-start yst-gap-3 yst-items-center",children:[b?(0,d.jsx)(Js(),{className:"yst-text-woo-light yst-w-6 yst-h-6 yst-scale-x-[-1]"}):(0,d.jsx)(we,{className:"yst-fill-primary-500 yst-w-5 yst-h-5"}),(0,d.jsx)(r.Modal.Title,{as:"h3",className:q()(b?"yst-text-woo-light":"yst-text-primary-500","yst-text-base yst-font-normal"),children:m}),(0,d.jsx)(r.Modal.CloseButton,{className:"yst-top-2",onClick:s,screenReaderText:(0,l.__)("Close modal","wordpress-seo")})]}),(0,d.jsxs)(r.Modal.Container.Content,{className:"yst-p-0",children:[y&&(0,d.jsx)("div",{className:"yst-flex yst-font-semibold 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",children:(0,d.jsx)("div",{className:"yst-mx-auto",children:(0,l.__)("BLACK FRIDAY | 30% OFF","wordpress-seo")})}),(0,d.jsxs)("div",{className:"yst-py-6 yst-px-12",children:[(0,d.jsx)(r.Title,{as:"h3",className:"yst-mb-1 yst-leading-5 yst-text-sm yst-font-medium yst-text-slate-800",children:n}),(0,d.jsx)("p",{className:"yst-mb-2",children:c}),Array.isArray(p)&&p.length>0&&(0,d.jsx)("ul",{className:"yst-my-2",children:p.map((e,t)=>(0,d.jsxs)("li",{className:"yst-flex yst-gap-1 yst-mb-2",children:[(0,d.jsx)(A(),{className:"yst-mr-1 yst-text-green-500 yst-w-[19.5px] yst-h-[19.5px] yst-flex-shrink-0"}),(0,d.jsx)("p",{className:"yst-text-slate-600",children:e})]},`${i}-upsell-benefit-${t}`))}),"function"==typeof p&&p(),(0,d.jsxs)("div",{className:"yst-text-center",children:[(0,d.jsxs)(r.Button,{as:"a",variant:"upsell",className:"yst-my-2 yst-gap-1.5 yst-w-full",href:o,target:"_blank","data-action":"load-nfd-ctb","data-ctb-id":g,ref:v,children:[(0,d.jsx)(u(),{className:"yst-w-4 yst-h-4 yst--ms-1 yst-shrink-0"}),(0,l.sprintf)(/* translators: %s expands to 'Yoast SEO Premium' or 'Yoast Woocommerce SEO'. */ /* translators: %s expands to 'Yoast SEO Premium' or 'Yoast Woocommerce SEO'. */ | |
| 312 | +(0,l.__)("Explore %s","wordpress-seo"),b&&!x?"Yoast WooCommerce SEO":"Yoast SEO Premium"),(0,d.jsx)("span",{className:"yst-sr-only",children:(0,l.__)("Opens in a new tab","wordpress-seo")})]}),(0,d.jsx)("div",{className:"yst-italic yst-text-slate-500 yst-mt-1",children:h})]})]})]})]})})})},ti=()=>{const[e,,,t,s]=(0,r.useToggleState)(!1),{locationContext:i}=(0,J.useRootContext)(),o=(0,r.useSvgAria)(),n=i.includes("sidebar"),a=i.includes("metabox"),p=n?"sidebar":"metabox",u=wpseoAdminL10n[n?"shortlinks.upsell.sidebar.internal_linking_suggestions":"shortlinks.upsell.metabox.internal_linking_suggestions"];return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(ei,{isOpen:e,onClose:s,id:`yoast-internal-linking-suggestions-upsell-${p}`,upsellLink:(0,Ds.addQueryArgs)(u,{context:i}),modalTitle:(0,l.__)("Add smarter internal links with Premium","wordpress-seo"),title:(0,l.__)("Connect related content without the guesswork","wordpress-seo"),description:c((0,l.sprintf)(/* translators: %s expands to be tag. */ /* translators: %s expands to be tag. */ | |
| 313 | +(0,l.__)("Optimize for up to 5 keyphrases to shape your content around different themes, audiences, and angles. %sScans your content to:","wordpress-seo"),"<br />"),{br:(0,d.jsx)("br",{})}),benefits:[(0,l.__)("Suggest internal links based on your content’s main topics","wordpress-seo"),(0,l.__)("Build relevant internal links faster","wordpress-seo"),(0,l.__)("Strengthen your site’s structure","wordpress-seo"),(0,l.__)("Keep visitors exploring longer","wordpress-seo")],note:(0,l.__)("Upgrade to link your content with ease","wordpress-seo"),ctbId:"f6a84663-465f-4cb5-8ba5-f7a6d72224b2"}),n&&(0,d.jsx)(xe,{id:"yoast-internal-linking-suggestions-sidebar-modal-open-button",title:(0,l.__)("Internal linking suggestions","wordpress-seo"),onClick:t,children:(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsx)(r.Badge,{size:"small",variant:"upsell",children:(0,d.jsx)(Xs(),{className:"yst-w-2.5 yst-h-2.5 yst-shrink-0",...o})})})}),a&&(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsxs)(ce,{id:"yoast-internal-linking-suggestions-metabox-modal-open-button",onClick:t,children:[(0,d.jsx)(ce.Text,{children:(0,l.__)("Internal linking suggestions","wordpress-seo")}),(0,d.jsxs)(r.Badge,{size:"small",variant:"upsell",children:[(0,d.jsx)(Xs(),{className:"yst-w-2.5 yst-h-2.5 yst-me-1 yst-shrink-0",...o}),(0,d.jsx)("span",{children:"Premium"})]})]})})]})},si=({children:e})=>(0,d.jsx)("div",{children:e});si.propTypes={renderPriority:o().number.isRequired,children:o().node.isRequired};const ii=si,oi=({noIndex:t,onNoIndexChange:s,editorContext:i,isPrivateBlog:o=!1})=>{const r=(e=>{const t=(0,l.__)("No","wordpress-seo"),s=(0,l.__)("Yes","wordpress-seo"),i=e.noIndex?t:s;return window.wpseoScriptData.isPost?[{name:(0,l.sprintf)(/* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ /* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ | |
| 314 | +(0,l.__)("%1$s (current default for %2$s)","wordpress-seo"),i,e.postTypeNamePlural),value:"0"},{name:t,value:"1"},{name:s,value:"2"}]:[{name:(0,l.sprintf)(/* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ /* translators: %1$s translates to "yes" or "no", %2$s translates to the content type label in plural form */ | |
| 315 | +(0,l.__)("%1$s (current default for %2$s)","wordpress-seo"),i,e.postTypeNamePlural),value:"default"},{name:s,value:"index"},{name:t,value:"noindex"}]})(i);return(0,d.jsx)(J.LocationConsumer,{children:i=>(0,d.jsxs)(e.Fragment,{children:[o&&(0,d.jsx)(K.Alert,{type:"warning",children:(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,d.jsx)(K.Select,{label:(0,l.__)("Allow search engines to show this content in search results?","wordpress-seo"),onChange:s,id:(0,de.join)(["yoast-meta-robots-noindex",i]),options:r,selected:t,linkTo:wpseoAdminL10n["shortlinks.advanced.allow_search_engines"] | |
| 316 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the no-index setting on our help page.","wordpress-seo")})]})})};oi.propTypes={noIndex:o().string.isRequired,onNoIndexChange:o().func.isRequired,editorContext:o().object.isRequired,isPrivateBlog:o().bool};const ri=({noFollow:e,onNoFollowChange:t})=>(0,d.jsx)(J.LocationConsumer,{children:s=>{const i=(0,de.join)(["yoast-meta-robots-nofollow",s]);return(0,d.jsx)(K.RadioButtonGroup,{id:i,options:[{value:"0",label:"Yes"},{value:"1",label:"No"}],label:(0,l.__)("Should search engines follow links on this content?","wordpress-seo"),groupName:i,onChange:t,selected:e,linkTo:wpseoAdminL10n["shortlinks.advanced.follow_links"] | |
| 317 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the no-follow setting on our help page.","wordpress-seo")})}});ri.propTypes={noFollow:o().string.isRequired,onNoFollowChange:o().func.isRequired};const ni=({advanced:e,onAdvancedChange:t})=>(0,d.jsx)(J.LocationConsumer,{children:s=>{const i=(0,de.join)(["yoast-meta-robots-advanced",s]),o=`${i}-input`;return(0,d.jsx)(K.MultiSelect,{label:(0,l.__)("Meta robots advanced","wordpress-seo"),onChange:t,id:i,inputId:o,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"] | |
| 318 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about advanced meta robots settings on our help page.","wordpress-seo")})}});ni.propTypes={advanced:o().array.isRequired,onAdvancedChange:o().func.isRequired};const ai=({breadcrumbsTitle:e,onBreadcrumbsTitleChange:t})=>(0,d.jsx)(J.LocationConsumer,{children:s=>(0,d.jsx)(K.TextInput,{label:(0,l.__)("Breadcrumbs Title","wordpress-seo"),id:(0,de.join)(["yoast-breadcrumbs-title",s]),onChange:t,value:e,linkTo:wpseoAdminL10n["shortlinks.advanced.breadcrumbs_title"] | |
| 319 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the breadcrumbs title setting on our help page.","wordpress-seo")})});ai.propTypes={breadcrumbsTitle:o().string.isRequired,onBreadcrumbsTitleChange:o().func.isRequired};const li=({canonical:e,onCanonicalChange:t})=>(0,d.jsx)(J.LocationConsumer,{children:s=>(0,d.jsx)(K.TextInput,{label:(0,l.__)("Canonical URL","wordpress-seo"),id:(0,de.join)(["yoast-canonical",s]),onChange:t,value:e,linkTo:"https://yoa.st/canonical-url" | |
| 320 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about canonical URLs on our help page.","wordpress-seo")})});li.propTypes={canonical:o().string.isRequired,onCanonicalChange:o().func.isRequired};const ci=({noIndex:t,canonical:s,onNoIndexChange:i,onCanonicalChange:o,onLoad:r,isLoading:a,editorContext:l,isBreadcrumbsDisabled:c,advanced:p=[],onAdvancedChange:u=n.noop,noFollow:h="",onNoFollowChange:g=n.noop,breadcrumbsTitle:m="",onBreadcrumbsTitleChange:y=n.noop,isPrivateBlog:w=!1})=>{(0,e.useEffect)(()=>{setTimeout(()=>{a&&r()})});const f={noIndex:t,onNoIndexChange:i,editorContext:l,isPrivateBlog:w},x={noFollow:h,onNoFollowChange:g},b={advanced:p,onAdvancedChange:u},v={breadcrumbsTitle:m,onBreadcrumbsTitleChange:y},k={canonical:s,onCanonicalChange:o};return a?null:(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(oi,{...f}),l.isPost&&(0,d.jsx)(ri,{...x}),l.isPost&&(0,d.jsx)(ni,{...b}),!c&&(0,d.jsx)(ai,{...v}),(0,d.jsx)(li,{...k})]})};ci.propTypes={noIndex:o().string.isRequired,canonical:o().string.isRequired,onNoIndexChange:o().func.isRequired,onCanonicalChange:o().func.isRequired,onLoad:o().func.isRequired,isLoading:o().bool.isRequired,editorContext:o().object.isRequired,isBreadcrumbsDisabled:o().bool.isRequired,isPrivateBlog:o().bool,advanced:o().array,onAdvancedChange:o().func,noFollow:o().string,onNoFollowChange:o().func,breadcrumbsTitle:o().string,onBreadcrumbsTitleChange:o().func};const di=ci,pi=(0,re.compose)([(0,a.withSelect)(e=>{const{getNoIndex:t,getNoFollow:s,getAdvanced:i,getBreadcrumbsTitle:o,getCanonical:r,getIsLoading:n,getEditorContext:a,getPreferences:l}=e("yoast-seo/editor"),{isBreadcrumbsDisabled:c,isPrivateBlog:d}=l();return{noIndex:t(),noFollow:s(),advanced:i(),breadcrumbsTitle:o(),canonical:r(),isLoading:n(),editorContext:a(),isBreadcrumbsDisabled:c,isPrivateBlog:d}}),(0,a.withDispatch)(e=>{const{setNoIndex:t,setNoFollow:s,setAdvanced:i,setBreadcrumbsTitle:o,setCanonical:r,loadAdvancedSettingsData:n}=e("yoast-seo/editor");return{onNoIndexChange:t,onNoFollowChange:s,onAdvancedChange:i,onBreadcrumbsTitleChange:o,onCanonicalChange:r,onLoad:n}})])(di),ui=te().p` | |
| 241 | 321 | color: #606770; |
| 242 | 322 | flex-shrink: 0; |
| 243 | 323 | font-size: 12px; |
| 244 | 324 | line-height: 16px; |
| @@ -248,9 +328,9 @@ | ||
| 248 | 328 | text-transform: uppercase; |
| 249 | 329 | white-space: nowrap; |
| 250 | 330 | margin: 0; |
| 251 | 331 | position: ${e=>"landscape"===e.mode?"relative":"static"}; |
| 252 | -`,ei=e=>{const{siteUrl:t}=e;return(0,u.jsxs)(l.Fragment,{children:[(0,u.jsx)("span",{className:"screen-reader-text",children:t}),(0,u.jsx)(Js,{"aria-hidden":"true",children:(0,u.jsx)("span",{children:t})})]})};ei.propTypes={siteUrl:o().string.isRequired};const ti=ei,si=window.yoast.socialMetadataForms,ii=K().img` | |
| 332 | +`,hi=e=>{const{siteUrl:t}=e;return(0,d.jsxs)(f.Fragment,{children:[(0,d.jsx)("span",{className:"screen-reader-text",children:t}),(0,d.jsx)(ui,{"aria-hidden":"true",children:(0,d.jsx)("span",{children:t})})]})};hi.propTypes={siteUrl:o().string.isRequired};const gi=hi,mi=window.yoast.socialMetadataForms,yi=te().img` | |
| 253 | 333 | && { |
| 254 | 334 | max-width: ${e=>e.width}px; |
| 255 | 335 | height: ${e=>e.height}px; |
| 256 | 336 | position: absolute; |
| @@ -258,9 +338,9 @@ | ||
| 258 | 338 | left: 50%; |
| 259 | 339 | transform: translate(-50%, -50%); |
| 260 | 340 | max-width: none; |
| 261 | 341 | } |
| 262 | -`,oi=K().img` | |
| 342 | +`,wi=te().img` | |
| 263 | 343 | && { |
| 264 | 344 | height: 100%; |
| 265 | 345 | position: absolute; |
| 266 | 346 | width: 100%; |
| @@ -265,20 +345,20 @@ | ||
| 265 | 345 | position: absolute; |
| 266 | 346 | width: 100%; |
| 267 | 347 | object-fit: cover; |
| 268 | 348 | } |
| 269 | -`,ri=K().div` | |
| 349 | +`,fi=te().div` | |
| 270 | 350 | padding-bottom: ${e=>e.aspectRatio}%; |
| 271 | -`,ni=({imageProps:e,width:t,height:s,imageMode:i="landscape"})=>"landscape"===i?(0,u.jsx)(ri,{aspectRatio:e.aspectRatio,children:(0,u.jsx)(oi,{src:e.src,alt:e.alt})}):(0,u.jsx)(ii,{src:e.src,alt:e.alt,width:t,height:s,imageProperties:e});function ai(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 li(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 ci(e,t,s=!1){const i=await function(e){return new Promise((t,s)=>{const i=new Image;i.onload=()=>{t({width:i.width,height:i.height})},i.onerror=s,i.src=e})}(e);let o=s?"landscape":"square";"Facebook"===t&&(o=(0,si.determineFacebookImageMode)(i));const r=function(e){return"Twitter"===e?si.TWITTER_IMAGE_SIZES:si.FACEBOOK_IMAGE_SIZES}(t),n=function(e,t,s){return"square"===s&&t.width===t.height?{width:e.squareWidth,height:e.squareHeight}:li(t,ai(e,t,s))}(r,i,o);return{mode:o,height:n.height,width:n.width}}async function di(e,t,s=!1){try{return{imageProperties:await ci(e,t,s),status:"loaded"}}catch(e){return{imageProperties:null,status:"errored"}}}ni.propTypes={imageProps:o().shape({src:o().string.isRequired,alt:o().string.isRequired,aspectRatio:o().number.isRequired}).isRequired,width:o().number.isRequired,height:o().number.isRequired,imageMode:o().string};const pi=K().div` | |
| 351 | +`,xi=({imageProps:e,width:t,height:s,imageMode:i="landscape"})=>"landscape"===i?(0,d.jsx)(fi,{aspectRatio:e.aspectRatio,children:(0,d.jsx)(wi,{src:e.src,alt:e.alt})}):(0,d.jsx)(yi,{src:e.src,alt:e.alt,width:t,height:s,imageProperties:e});function bi(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 vi(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 ki(e,t,s=!1){const i=await function(e){return new Promise((t,s)=>{const i=new Image;i.onload=()=>{t({width:i.width,height:i.height})},i.onerror=s,i.src=e})}(e);let o=s?"landscape":"square";"Facebook"===t&&(o=(0,mi.determineFacebookImageMode)(i));const r=function(e){return"Twitter"===e?mi.TWITTER_IMAGE_SIZES:mi.FACEBOOK_IMAGE_SIZES}(t),n=function(e,t,s){return"square"===s&&t.width===t.height?{width:e.squareWidth,height:e.squareHeight}:vi(t,bi(e,t,s))}(r,i,o);return{mode:o,height:n.height,width:n.width}}async function _i(e,t,s=!1){try{return{imageProperties:await ki(e,t,s),status:"loaded"}}catch(e){return{imageProperties:null,status:"errored"}}}xi.propTypes={imageProps:o().shape({src:o().string.isRequired,alt:o().string.isRequired,aspectRatio:o().number.isRequired}).isRequired,width:o().number.isRequired,height:o().number.isRequired,imageMode:o().string};const Ti=te().div` | |
| 272 | 352 | position: relative; |
| 273 | 353 | ${e=>"landscape"===e.mode?`max-width: ${e.dimensions.width}`:`min-width: ${e.dimensions.width}; height: ${e.dimensions.height}`}; |
| 274 | 354 | overflow: hidden; |
| 275 | - background-color: ${M.colors.$color_white}; | |
| 276 | -`,ui=K().div` | |
| 355 | + background-color: ${Y.colors.$color_white}; | |
| 356 | +`,ji=te().div` | |
| 277 | 357 | box-sizing: border-box; |
| 278 | - max-width: ${si.FACEBOOK_IMAGE_SIZES.landscapeWidth}px; | |
| 279 | - height: ${si.FACEBOOK_IMAGE_SIZES.landscapeHeight}px; | |
| 280 | - background-color: ${M.colors.$color_grey}; | |
| 358 | + max-width: ${mi.FACEBOOK_IMAGE_SIZES.landscapeWidth}px; | |
| 359 | + height: ${mi.FACEBOOK_IMAGE_SIZES.landscapeHeight}px; | |
| 360 | + background-color: ${Y.colors.$color_grey}; | |
| 281 | 361 | border-style: dashed; |
| 282 | 362 | border-width: 1px; |
| 283 | 363 | // We're not using standard colors to increase contrast for accessibility. |
| 284 | 364 | color: #006DAC; |
| @@ -289,9 +369,9 @@ | ||
| 289 | 369 | align-items: center; |
| 290 | 370 | text-decoration: underline; |
| 291 | 371 | font-size: 14px; |
| 292 | 372 | cursor: pointer; |
| 293 | -`;class hi extends l.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 di(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:si.FACEBOOK_IMAGE_SIZES.squareHeight+"px",width:si.FACEBOOK_IMAGE_SIZES.squareWidth+"px"};case"portrait":return{height:si.FACEBOOK_IMAGE_SIZES.portraitHeight+"px",width:si.FACEBOOK_IMAGE_SIZES.portraitWidth+"px"};case"landscape":return{height:si.FACEBOOK_IMAGE_SIZES.landscapeHeight+"px",width:si.FACEBOOK_IMAGE_SIZES.landscapeWidth+"px"}}}render(){const{imageProperties:e,status:t}=this.state;if("loading"===t||""===this.props.src||"errored"===t)return(0,u.jsx)(ui,{onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,d.__)("Select image","wordpress-seo")});const s=this.retrieveContainerDimensions(e.mode);return(0,u.jsx)(pi,{mode:e.mode,dimensions:s,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onImageClick,children:(0,u.jsx)(ni,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:si.FACEBOOK_IMAGE_SIZES.aspectRatio},width:e.width,height:e.height,imageMode:e.mode})})}}hi.propTypes={src:o().string,alt:o().string,onImageLoaded:o().func,onImageClick:o().func,onMouseEnter:o().func,onMouseLeave:o().func},hi.defaultProps={src:"",alt:"",onImageLoaded:n.noop,onImageClick:n.noop,onMouseEnter:n.noop,onMouseLeave:n.noop};const mi=hi,gi=K().span` | |
| 373 | +`;class Ri extends f.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 _i(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:mi.FACEBOOK_IMAGE_SIZES.squareHeight+"px",width:mi.FACEBOOK_IMAGE_SIZES.squareWidth+"px"};case"portrait":return{height:mi.FACEBOOK_IMAGE_SIZES.portraitHeight+"px",width:mi.FACEBOOK_IMAGE_SIZES.portraitWidth+"px"};case"landscape":return{height:mi.FACEBOOK_IMAGE_SIZES.landscapeHeight+"px",width:mi.FACEBOOK_IMAGE_SIZES.landscapeWidth+"px"}}}render(){const{imageProperties:e,status:t}=this.state;if("loading"===t||""===this.props.src||"errored"===t)return(0,d.jsx)(ji,{onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,l.__)("Select image","wordpress-seo")});const s=this.retrieveContainerDimensions(e.mode);return(0,d.jsx)(Ti,{mode:e.mode,dimensions:s,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onImageClick,children:(0,d.jsx)(xi,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:mi.FACEBOOK_IMAGE_SIZES.aspectRatio},width:e.width,height:e.height,imageMode:e.mode})})}}Ri.propTypes={src:o().string,alt:o().string,onImageLoaded:o().func,onImageClick:o().func,onMouseEnter:o().func,onMouseLeave:o().func},Ri.defaultProps={src:"",alt:"",onImageLoaded:n.noop,onImageClick:n.noop,onMouseEnter:n.noop,onMouseLeave:n.noop};const Si=Ri,Ii=te().span` | |
| 294 | 374 | line-height: ${20}px; |
| 295 | 375 | min-height : ${20}px; |
| 296 | 376 | color: #1d2129; |
| 297 | 377 | font-weight: 600; |
| @@ -305,9 +385,9 @@ | ||
| 305 | 385 | display: -webkit-box; |
| 306 | 386 | -webkit-line-clamp: ${e=>e.lineCount}; |
| 307 | 387 | -webkit-box-orient: vertical; |
| 308 | 388 | overflow: hidden; |
| 309 | -`,yi=K().p` | |
| 389 | +`,Ci=te().p` | |
| 310 | 390 | line-height: ${16}px; |
| 311 | 391 | min-height : ${16}px; |
| 312 | 392 | color: #606770; |
| 313 | 393 | font-size: 14px; |
| @@ -322,15 +402,15 @@ | ||
| 322 | 402 | |
| 323 | 403 | @media all and ( max-width: ${e=>e.maxWidth} ) { |
| 324 | 404 | display: none; |
| 325 | 405 | } |
| 326 | -`,wi=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},fi=K().div` | |
| 406 | +`,Ei=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},Li=te().div` | |
| 327 | 407 | box-sizing: border-box; |
| 328 | 408 | display: flex; |
| 329 | 409 | flex-direction: ${e=>"landscape"===e.mode?"column":"row"}; |
| 330 | 410 | background-color: #f2f3f5; |
| 331 | 411 | max-width: 527px; |
| 332 | -`,xi=K().div` | |
| 412 | +`,Ai=te().div` | |
| 333 | 413 | box-sizing: border-box; |
| 334 | 414 | background-color: #f2f3f5; |
| 335 | 415 | margin: 0; |
| 336 | 416 | padding: 10px 12px; |
| @@ -344,9 +424,9 @@ | ||
| 344 | 424 | flex-grow: 1; |
| 345 | 425 | justify-content: ${e=>"landscape"===e.mode?"flex-start":"center"}; |
| 346 | 426 | font-size: 12px; |
| 347 | 427 | overflow: hidden; |
| 348 | -`;class bi extends l.Component{constructor(e){super(e),this.state={imageMode:null,maxLineCount:0,descriptionLineCount:0},this.facebookTitleRef=c().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,i=this.getTitleLineCount();let o=t-i;"portrait"===s&&(o=5===i?0:4),o!==e&&this.setState({descriptionLineCount:o})}componentDidUpdate(){this.maybeSetMaxLineCount(),this.maybeSetDescriptionLineCount()}render(){const{imageMode:e,maxLineCount:t,descriptionLineCount:s}=this.state;return(0,u.jsxs)(fi,{id:"facebookPreview",mode:e,children:[(0,u.jsx)(mi,{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,u.jsxs)(xi,{mode:e,children:[(0,u.jsx)(ti,{siteUrl:this.props.siteUrl,mode:e}),(0,u.jsx)(gi,{ref:this.facebookTitleRef,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,lineCount:t,children:this.props.title}),s>0&&(0,u.jsx)(yi,{maxWidth:wi(e),onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,lineCount:s,children:this.props.description})]})]})}}bi.propTypes={siteUrl:o().string.isRequired,title:o().string.isRequired,description:o().string,imageUrl:o().string,imageFallbackUrl:o().string,alt:o().string,onSelect:o().func,onImageClick:o().func,onMouseHover:o().func},bi.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{}};const vi=bi,ki=K().div` | |
| 428 | +`;class Pi extends f.Component{constructor(e){super(e),this.state={imageMode:null,maxLineCount:0,descriptionLineCount:0},this.facebookTitleRef=x().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,i=this.getTitleLineCount();let o=t-i;"portrait"===s&&(o=5===i?0:4),o!==e&&this.setState({descriptionLineCount:o})}componentDidUpdate(){this.maybeSetMaxLineCount(),this.maybeSetDescriptionLineCount()}render(){const{imageMode:e,maxLineCount:t,descriptionLineCount:s}=this.state;return(0,d.jsxs)(Li,{id:"facebookPreview",mode:e,children:[(0,d.jsx)(Si,{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,d.jsxs)(Ai,{mode:e,children:[(0,d.jsx)(gi,{siteUrl:this.props.siteUrl,mode:e}),(0,d.jsx)(Ii,{ref:this.facebookTitleRef,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,lineCount:t,children:this.props.title}),s>0&&(0,d.jsx)(Ci,{maxWidth:Ei(e),onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,lineCount:s,children:this.props.description})]})]})}}Pi.propTypes={siteUrl:o().string.isRequired,title:o().string.isRequired,description:o().string,imageUrl:o().string,imageFallbackUrl:o().string,alt:o().string,onSelect:o().func,onImageClick:o().func,onMouseHover:o().func},Pi.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{}};const qi=Pi,Fi=te().div` | |
| 349 | 429 | text-transform: lowercase; |
| 350 | 430 | color: rgb(83, 100, 113); |
| 351 | 431 | white-space: nowrap; |
| 352 | 432 | overflow: hidden; |
| @@ -355,16 +435,16 @@ | ||
| 355 | 435 | fill: currentcolor; |
| 356 | 436 | display: flex; |
| 357 | 437 | flex-direction: row; |
| 358 | 438 | align-items: flex-end; |
| 359 | -`,_i=e=>(0,u.jsx)(ki,{children:(0,u.jsx)("span",{children:e.siteUrl})});_i.propTypes={siteUrl:o().string.isRequired};const Ti=_i,Ri=(e,t=!0)=>e?`\n\t\t\tmax-width: ${si.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: ${si.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`,ji=K().div` | |
| 439 | +`,Mi=e=>(0,d.jsx)(Fi,{children:(0,d.jsx)("span",{children:e.siteUrl})});Mi.propTypes={siteUrl:o().string.isRequired};const Di=Mi,Oi=(e,t=!0)=>e?`\n\t\t\tmax-width: ${mi.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: ${mi.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`,Ni=te().div` | |
| 360 | 440 | position: relative; |
| 361 | 441 | box-sizing: content-box; |
| 362 | 442 | overflow: hidden; |
| 363 | 443 | background-color: #e1e8ed; |
| 364 | 444 | flex-shrink: 0; |
| 365 | - ${e=>Ri(e.isLarge)} | |
| 366 | -`,Si=K().div` | |
| 445 | + ${e=>Oi(e.isLarge)} | |
| 446 | +`,$i=te().div` | |
| 367 | 447 | display: flex; |
| 368 | 448 | justify-content: center; |
| 369 | 449 | align-items: center; |
| 370 | 450 | box-sizing: border-box; |
| @@ -372,11 +452,11 @@ | ||
| 372 | 452 | margin: 0; |
| 373 | 453 | padding: 1em; |
| 374 | 454 | text-align: center; |
| 375 | 455 | font-size: 1rem; |
| 376 | - ${e=>Ri(e.isLarge,!1)} | |
| 377 | -`,Ii=K()(Si)` | |
| 378 | - ${e=>e.isLarge&&`height: ${si.TWITTER_IMAGE_SIZES.landscapeHeight}px;`} | |
| 456 | + ${e=>Oi(e.isLarge,!1)} | |
| 457 | +`,Ui=te()($i)` | |
| 458 | + ${e=>e.isLarge&&`height: ${mi.TWITTER_IMAGE_SIZES.landscapeHeight}px;`} | |
| 379 | 459 | border-top-left-radius: 14px; |
| 380 | 460 | ${e=>e.isLarge?"border-top-right-radius":"border-bottom-left-radius"}: 14px; |
| 381 | 461 | border-style: dashed; |
| 382 | 462 | border-width: 1px; |
| @@ -386,9 +466,9 @@ | ||
| 386 | 466 | background-color: #f1f1f1; |
| 387 | 467 | text-decoration: underline; |
| 388 | 468 | font-size: 14px; |
| 389 | 469 | cursor: pointer; |
| 390 | -`;class Ci extends c().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 di(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:t}=this.state;return"loading"===e||""===this.props.src||"errored"===e?(0,u.jsx)(Ii,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,d.__)("Select image","wordpress-seo")}):(0,u.jsx)(ji,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,u.jsx)(ni,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:si.TWITTER_IMAGE_SIZES.aspectRatio},width:t.width,height:t.height,imageMode:t.mode})})}}Ci.propTypes={isLarge:o().bool.isRequired,src:o().string,alt:o().string,onImageClick:o().func,onMouseEnter:o().func,onMouseLeave:o().func},Ci.defaultProps={src:"",alt:"",onMouseEnter:n.noop,onImageClick:n.noop,onMouseLeave:n.noop};const Ei=K().div` | |
| 470 | +`;class Wi extends x().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 _i(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:t}=this.state;return"loading"===e||""===this.props.src||"errored"===e?(0,d.jsx)(Ui,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,l.__)("Select image","wordpress-seo")}):(0,d.jsx)(Ni,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,d.jsx)(xi,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:mi.TWITTER_IMAGE_SIZES.aspectRatio},width:t.width,height:t.height,imageMode:t.mode})})}}Wi.propTypes={isLarge:o().bool.isRequired,src:o().string,alt:o().string,onImageClick:o().func,onMouseEnter:o().func,onMouseLeave:o().func},Wi.defaultProps={src:"",alt:"",onMouseEnter:n.noop,onImageClick:n.noop,onMouseLeave:n.noop};const Hi=te().div` | |
| 391 | 471 | display: flex; |
| 392 | 472 | flex-direction: column; |
| 393 | 473 | padding: 12px; |
| 394 | 474 | justify-content: center; |
| @@ -401,9 +481,9 @@ | ||
| 401 | 481 | line-height:20px; |
| 402 | 482 | min-height:20px; |
| 403 | 483 | font-size:15px; |
| 404 | 484 | } |
| 405 | -`,Li=e=>(0,u.jsx)(Ei,{children:e.children});Li.propTypes={children:o().array.isRequired};const Ai=Li,Fi=K().p` | |
| 485 | +`,Bi=e=>(0,d.jsx)(Hi,{children:e.children});Bi.propTypes={children:o().array.isRequired};const Ki=Bi,Yi=te().p` | |
| 406 | 486 | white-space: nowrap; |
| 407 | 487 | overflow: hidden; |
| 408 | 488 | text-overflow: ellipsis; |
| 409 | 489 | margin: 0; |
| @@ -408,9 +488,9 @@ | ||
| 408 | 488 | text-overflow: ellipsis; |
| 409 | 489 | margin: 0; |
| 410 | 490 | color: rgb(15, 20, 25); |
| 411 | 491 | cursor: pointer; |
| 412 | -`,Pi=K().p` | |
| 492 | +`,zi=te().p` | |
| 413 | 493 | max-height: 55px; |
| 414 | 494 | overflow: hidden; |
| 415 | 495 | text-overflow: ellipsis; |
| 416 | 496 | margin: 0; |
| @@ -419,12 +499,12 @@ | ||
| 419 | 499 | cursor: pointer; |
| 420 | 500 | -webkit-line-clamp: 2; |
| 421 | 501 | -webkit-box-orient: vertical; |
| 422 | 502 | |
| 423 | - @media all and ( max-width: ${si.TWITTER_IMAGE_SIZES.landscapeWidth}px ) { | |
| 503 | + @media all and ( max-width: ${mi.TWITTER_IMAGE_SIZES.landscapeWidth}px ) { | |
| 424 | 504 | display: none; |
| 425 | 505 | } |
| 426 | -`,qi=K().div` | |
| 506 | +`,Vi=te().div` | |
| 427 | 507 | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; |
| 428 | 508 | font-size: 15px; |
| 429 | 509 | font-weight: 400; |
| 430 | 510 | line-height: 20px; |
| @@ -440,43 +520,77 @@ | ||
| 440 | 520 | &:hover { |
| 441 | 521 | background: #f5f8fa; |
| 442 | 522 | border: 1px solid rgba(136,153,166,.5); |
| 443 | 523 | } |
| 444 | -`,Mi=K()(qi)` | |
| 524 | +`,Gi=te()(Vi)` | |
| 445 | 525 | flex-direction: column; |
| 446 | 526 | max-height: 370px; |
| 447 | -`,Di=K()(qi)` | |
| 527 | +`,Zi=te()(Vi)` | |
| 448 | 528 | flex-direction: row; |
| 449 | 529 | height: 125px; |
| 450 | -`;class Oi extends l.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:t,imageFallbackUrl:s,alt:i,title:o,description:r,siteUrl:n}=this.props,a=e?Mi:Di;return(0,u.jsxs)(a,{id:"twitterPreview",children:[(0,u.jsx)(Ci,{src:t||s,alt:i,isLarge:e,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),(0,u.jsxs)(Ai,{children:[(0,u.jsx)(Ti,{siteUrl:n}),(0,u.jsx)(Fi,{onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,children:o}),(0,u.jsx)(Pi,{onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,children:r})]})]})}}Oi.propTypes={siteUrl:o().string.isRequired,title:o().string.isRequired,description:o().string,isLarge:o().bool,imageUrl:o().string,imageFallbackUrl:o().string,alt:o().string,onSelect:o().func,onImageClick:o().func,onMouseHover:o().func},Oi.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{},isLarge:!0};const Ni=Oi,Ui=window.yoast.replacementVariableEditor;class Wi extends l.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.SocialPreview="Social"===e.socialMediumName?vi:Ni,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:t,onSelectImageClick:s,onRemoveImageClick:i,socialMediumName:o,imageWarnings:r,siteUrl:n,description:a,descriptionInputPlaceholder:l,descriptionPreviewFallback:d,imageUrl:p,imageFallbackUrl:h,alt:m,title:g,titleInputPlaceholder:y,titlePreviewFallback:w,replacementVariables:f,recommendedReplacementVariables:x,applyReplacementVariables:b,onReplacementVariableSearchChange:v,isPremium:k,isLarge:_,socialPreviewLabel:T,idSuffix:R,activeMetaTabId:j}=this.props,S=b({title:g||w,description:a||d});return(0,u.jsxs)(c().Fragment,{children:[T&&(0,u.jsx)(q.SimulatedLabel,{children:T}),(0,u.jsx)(this.SocialPreview,{onMouseHover:this.setHoveredField,onSelect:this.setActiveField,onImageClick:s,siteUrl:n,title:S.title,description:S.description,imageUrl:p,imageFallbackUrl:h,alt:m,isLarge:_,activeMetaTabId:j}),(0,u.jsx)(si.SocialMetadataPreviewForm,{onDescriptionChange:e,socialMediumName:o,title:g,titleInputPlaceholder:y,onRemoveImageClick:i,imageSelected:!!p,imageUrl:p,imageFallbackUrl:h,onTitleChange:t,onSelectImageClick:s,description:a,descriptionInputPlaceholder:l,imageWarnings:r,replacementVariables:f,recommendedReplacementVariables:x,onReplacementVariableSearchChange:v,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:k,setEditorRef:this.setEditorRef,idSuffix:R})]})}}Wi.propTypes={title:o().string.isRequired,onTitleChange:o().func.isRequired,description:o().string.isRequired,onDescriptionChange:o().func.isRequired,imageUrl:o().string.isRequired,imageFallbackUrl:o().string.isRequired,onSelectImageClick:o().func.isRequired,onRemoveImageClick:o().func.isRequired,socialMediumName:o().string.isRequired,alt:o().string,isPremium:o().bool,imageWarnings:o().array,isLarge:o().bool,siteUrl:o().string,descriptionInputPlaceholder:o().string,titleInputPlaceholder:o().string,descriptionPreviewFallback:o().string,titlePreviewFallback:o().string,replacementVariables:Ui.replacementVariablesShape,recommendedReplacementVariables:Ui.recommendedReplacementVariablesShape,applyReplacementVariables:o().func,onReplacementVariableSearchChange:o().func,socialPreviewLabel:o().string,idSuffix:o().string,activeMetaTabId:o().string},Wi.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,isLarge:!0,siteUrl:"",descriptionInputPlaceholder:"",titleInputPlaceholder:"",descriptionPreviewFallback:"",titlePreviewFallback:"",alt:"",applyReplacementVariables:e=>e,onReplacementVariableSearchChange:null,socialPreviewLabel:"",idSuffix:"",activeMetaTabId:""};const $i={},Bi=(e,t,{log:s=console.warn}={})=>{$i[e]||($i[e]=!0,s(t))},Hi=(e,t=n.noop)=>{const s={};for(const i in e)Object.hasOwn(e,i)&&Object.defineProperty(s,i,{set:s=>{e[i]=s,t("set",i,s)},get:()=>(t("get",i),e[i])});return s};Hi({squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},(e,t)=>Bi(`@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.`)),Hi({squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},(e,t)=>Bi(`@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 Ki=K().div` | |
| 530 | +`;class Xi extends f.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:t,imageFallbackUrl:s,alt:i,title:o,description:r,siteUrl:n}=this.props,a=e?Gi:Zi;return(0,d.jsxs)(a,{id:"twitterPreview",children:[(0,d.jsx)(Wi,{src:t||s,alt:i,isLarge:e,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),(0,d.jsxs)(Ki,{children:[(0,d.jsx)(Di,{siteUrl:n}),(0,d.jsx)(Yi,{onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,children:o}),(0,d.jsx)(zi,{onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,children:r})]})]})}}Xi.propTypes={siteUrl:o().string.isRequired,title:o().string.isRequired,description:o().string,isLarge:o().bool,imageUrl:o().string,imageFallbackUrl:o().string,alt:o().string,onSelect:o().func,onImageClick:o().func,onMouseHover:o().func},Xi.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{},isLarge:!0};const Qi=Xi,Ji=window.yoast.replacementVariableEditor;class eo extends f.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.SocialPreview="Social"===e.socialMediumName?qi:Qi,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:t,onSelectImageClick:s,onRemoveImageClick:i,socialMediumName:o,imageWarnings:r,siteUrl:n,description:a,descriptionInputPlaceholder:l,descriptionPreviewFallback:c,imageUrl:p,imageFallbackUrl:u,alt:h,title:g,titleInputPlaceholder:m,titlePreviewFallback:y,replacementVariables:w,recommendedReplacementVariables:f,applyReplacementVariables:b,onReplacementVariableSearchChange:v,isPremium:k,isLarge:_,socialPreviewLabel:T,idSuffix:j,activeMetaTabId:R}=this.props,S=b({title:g||y,description:a||c});return(0,d.jsxs)(x().Fragment,{children:[T&&(0,d.jsx)(K.SimulatedLabel,{children:T}),(0,d.jsx)(this.SocialPreview,{onMouseHover:this.setHoveredField,onSelect:this.setActiveField,onImageClick:s,siteUrl:n,title:S.title,description:S.description,imageUrl:p,imageFallbackUrl:u,alt:h,isLarge:_,activeMetaTabId:R}),(0,d.jsx)(mi.SocialMetadataPreviewForm,{onDescriptionChange:e,socialMediumName:o,title:g,titleInputPlaceholder:m,onRemoveImageClick:i,imageSelected:!!p,imageUrl:p,imageFallbackUrl:u,onTitleChange:t,onSelectImageClick:s,description:a,descriptionInputPlaceholder:l,imageWarnings:r,replacementVariables:w,recommendedReplacementVariables:f,onReplacementVariableSearchChange:v,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:k,setEditorRef:this.setEditorRef,idSuffix:j})]})}}eo.propTypes={title:o().string.isRequired,onTitleChange:o().func.isRequired,description:o().string.isRequired,onDescriptionChange:o().func.isRequired,imageUrl:o().string.isRequired,imageFallbackUrl:o().string.isRequired,onSelectImageClick:o().func.isRequired,onRemoveImageClick:o().func.isRequired,socialMediumName:o().string.isRequired,alt:o().string,isPremium:o().bool,imageWarnings:o().array,isLarge:o().bool,siteUrl:o().string,descriptionInputPlaceholder:o().string,titleInputPlaceholder:o().string,descriptionPreviewFallback:o().string,titlePreviewFallback:o().string,replacementVariables:Ji.replacementVariablesShape,recommendedReplacementVariables:Ji.recommendedReplacementVariablesShape,applyReplacementVariables:o().func,onReplacementVariableSearchChange:o().func,socialPreviewLabel:o().string,idSuffix:o().string,activeMetaTabId:o().string},eo.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,isLarge:!0,siteUrl:"",descriptionInputPlaceholder:"",titleInputPlaceholder:"",descriptionPreviewFallback:"",titlePreviewFallback:"",alt:"",applyReplacementVariables:e=>e,onReplacementVariableSearchChange:null,socialPreviewLabel:"",idSuffix:"",activeMetaTabId:""};const to={},so=(e,t,{log:s=console.warn}={})=>{to[e]||(to[e]=!0,s(t))},io=(e,t=n.noop)=>{const s={};for(const i in e)Object.hasOwn(e,i)&&Object.defineProperty(s,i,{set:s=>{e[i]=s,t("set",i,s)},get:()=>(t("get",i),e[i])});return s};io({squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},(e,t)=>so(`@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.`)),io({squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},(e,t)=>so(`@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 oo=te().div` | |
| 451 | 531 | max-width: calc(527px + 1.5rem); |
| 452 | -`,Yi=e=>{const t="X"===e.socialMediumName?(0,d.__)("X share preview","wordpress-seo"):(0,d.__)("Social share preview","wordpress-seo"),{locationContext:s}=(0,r.useRootContext)();return(0,u.jsx)(r.Root,{children:(0,u.jsx)(Ki,{children:(0,u.jsx)(r.FeatureUpsell,{shouldUpsell:!0,variant:"card",cardLink:(0,js.addQueryArgs)(wpseoAdminL10n["shortlinks.upsell.social_preview."+e.socialMediumName.toLowerCase()],{context:s}),cardText:(0,d.sprintf)(/* translators: %1$s expands to Yoast SEO Premium. */ /* translators: %1$s expands to Yoast SEO Premium. */ | |
| 453 | -(0,d.__)("Unlock with %1$s","wordpress-seo"),"Yoast SEO Premium"),"data-action":"load-nfd-ctb","data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2",children:(0,u.jsxs)("div",{className:"yst-grayscale yst-opacity-50",children:[(0,u.jsx)(r.Label,{children:t}),(0,u.jsx)(vi,{title:"",description:"",siteUrl:"",imageUrl:"",imageFallbackUrl:"",alt:"",onSelect:n.noop,onImageClick:n.noop,onMouseHover:n.noop})]})})})})};Yi.propTypes={socialMediumName:o().oneOf(["Social","Twitter","X"]).isRequired};const Vi=Yi;class zi extends e.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:t,onTitleChange:s,onSelectImageClick:i,onRemoveImageClick:o,socialMediumName:r,imageWarnings:n,description:a,descriptionInputPlaceholder:l,imageUrl:c,imageFallbackUrl:d,alt:p,title:h,titleInputPlaceholder:m,replacementVariables:g,recommendedReplacementVariables:y,onReplacementVariableSearchChange:w,isPremium:f,location:x}=this.props;return(0,u.jsxs)(e.Fragment,{children:[(0,u.jsx)(Vi,{socialMediumName:r}),(0,u.jsx)(si.SocialMetadataPreviewForm,{onDescriptionChange:t,socialMediumName:r,title:h,titleInputPlaceholder:m,onRemoveImageClick:o,imageSelected:!!c,imageUrl:c,imageFallbackUrl:d,imageAltText:p,onTitleChange:s,onSelectImageClick:i,description:a,descriptionInputPlaceholder:l,imageWarnings:n,replacementVariables:g,recommendedReplacementVariables:y,onReplacementVariableSearchChange:w,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:f,setEditorRef:this.setEditorRef,idSuffix:x})]})}}zi.propTypes={title:o().string.isRequired,onTitleChange:o().func.isRequired,description:o().string.isRequired,onDescriptionChange:o().func.isRequired,imageUrl:o().string.isRequired,imageFallbackUrl:o().string,onSelectImageClick:o().func.isRequired,onRemoveImageClick:o().func.isRequired,socialMediumName:o().string.isRequired,isPremium:o().bool,imageWarnings:o().array,descriptionInputPlaceholder:o().string,titleInputPlaceholder:o().string,replacementVariables:Ui.replacementVariablesShape,recommendedReplacementVariables:Ui.recommendedReplacementVariablesShape,onReplacementVariableSearchChange:o().func,location:o().string,alt:o().string},zi.defaultProps={imageWarnings:[],imageFallbackUrl:"",recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,descriptionInputPlaceholder:"",titleInputPlaceholder:"",onReplacementVariableSearchChange:null,location:"",alt:""};const Gi=zi,Zi=(t,s,i)=>{const[o,r]=(0,e.useState)(!1),n=(0,d.sprintf)( | |
| 532 | +`,ro=e=>{const t="X"===e.socialMediumName?(0,l.__)("X share preview","wordpress-seo"):(0,l.__)("Social share preview","wordpress-seo"),{locationContext:s}=(0,r.useRootContext)();return(0,d.jsx)(r.Root,{children:(0,d.jsx)(oo,{children:(0,d.jsx)(r.FeatureUpsell,{shouldUpsell:!0,variant:"card",cardLink:(0,Ds.addQueryArgs)(wpseoAdminL10n["shortlinks.upsell.social_preview."+e.socialMediumName.toLowerCase()],{context:s}),cardText:(0,l.sprintf)(/* translators: %1$s expands to Yoast SEO Premium. */ /* translators: %1$s expands to Yoast SEO Premium. */ | |
| 533 | +(0,l.__)("Unlock with %1$s","wordpress-seo"),"Yoast SEO Premium"),"data-action":"load-nfd-ctb","data-ctb-id":"f6a84663-465f-4cb5-8ba5-f7a6d72224b2",children:(0,d.jsxs)("div",{className:"yst-grayscale yst-opacity-50",children:[(0,d.jsx)(r.Label,{children:t}),(0,d.jsx)(qi,{title:"",description:"",siteUrl:"",imageUrl:"",imageFallbackUrl:"",alt:"",onSelect:n.noop,onImageClick:n.noop,onMouseHover:n.noop})]})})})})};ro.propTypes={socialMediumName:o().oneOf(["Social","Twitter","X"]).isRequired};const no=ro;class ao extends e.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:t,onTitleChange:s,onSelectImageClick:i,onRemoveImageClick:o,socialMediumName:r,imageWarnings:n,description:a,descriptionInputPlaceholder:l,imageUrl:c,imageFallbackUrl:p,alt:u,title:h,titleInputPlaceholder:g,replacementVariables:m,recommendedReplacementVariables:y,onReplacementVariableSearchChange:w,isPremium:f,location:x}=this.props;return(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(no,{socialMediumName:r}),(0,d.jsx)(mi.SocialMetadataPreviewForm,{onDescriptionChange:t,socialMediumName:r,title:h,titleInputPlaceholder:g,onRemoveImageClick:o,imageSelected:!!c,imageUrl:c,imageFallbackUrl:p,imageAltText:u,onTitleChange:s,onSelectImageClick:i,description:a,descriptionInputPlaceholder:l,imageWarnings:n,replacementVariables:m,recommendedReplacementVariables:y,onReplacementVariableSearchChange:w,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:f,setEditorRef:this.setEditorRef,idSuffix:x})]})}}ao.propTypes={title:o().string.isRequired,onTitleChange:o().func.isRequired,description:o().string.isRequired,onDescriptionChange:o().func.isRequired,imageUrl:o().string.isRequired,imageFallbackUrl:o().string,onSelectImageClick:o().func.isRequired,onRemoveImageClick:o().func.isRequired,socialMediumName:o().string.isRequired,isPremium:o().bool,imageWarnings:o().array,descriptionInputPlaceholder:o().string,titleInputPlaceholder:o().string,replacementVariables:Ji.replacementVariablesShape,recommendedReplacementVariables:Ji.recommendedReplacementVariablesShape,onReplacementVariableSearchChange:o().func,location:o().string,alt:o().string},ao.defaultProps={imageWarnings:[],imageFallbackUrl:"",recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,descriptionInputPlaceholder:"",titleInputPlaceholder:"",onReplacementVariableSearchChange:null,location:"",alt:""};const lo=ao,co=(t,s,i)=>{const[o,r]=(0,e.useState)(!1),n=(0,l.sprintf)( | |
| 454 | 534 | /* Translators: %1$s expands to the jpg format, %2$s expands to the png format, |
| 455 | 535 | %3$s expands to the webp format, %4$s expands to the gif format. */ |
| 456 | 536 | /* Translators: %1$s expands to the jpg format, %2$s expands to the png format, |
| 457 | 537 | %3$s expands to the webp format, %4$s expands to the gif format. */ |
| 458 | -(0,d.__)("No image was found that we can automatically set as your social image. Please use %1$s, %2$s, %3$s or %4$s formats to ensure it displays correctly on social media.","wordpress-seo"),"JPG","PNG","WEBP","GIF");return(0,e.useEffect)(()=>{r(""===s&&t.toLowerCase().endsWith(".avif"))},[t,s]),o?[n]:i},Xi=({isPremium:s,onLoad:i,location:o,imageFallbackUrl:r="",imageUrl:n="",imageWarnings:a=[],...l})=>{const[c,d]=(0,e.useState)(""),p=Zi(r,n,a),h=(0,e.useCallback)(e=>{d(e.detail.metaTabId)},[d]);(0,e.useEffect)(()=>(setTimeout(i),window.addEventListener("YoastSEO:metaTabChange",h),()=>{window.removeEventListener("YoastSEO:metaTabChange",h)}),[]);const m={isPremium:s,onLoad:i,location:o,imageFallbackUrl:r,imageUrl:n,imageWarnings:p,activeMetaTabId:c,...l};return s?(0,u.jsx)(t.Slot,{name:`YoastFacebookPremium${o.charAt(0).toUpperCase()+o.slice(1)}`,fillProps:m}):(0,u.jsx)(Gi,{...m})};Xi.propTypes={isPremium:o().bool.isRequired,onLoad:o().func.isRequired,location:o().string.isRequired,imageFallbackUrl:o().string,imageUrl:o().string,imageWarnings:o().array};const Qi=Xi;function Ji(e){(function(e){const t=window.wp.media();return t.on("select",()=>{const s=t.state().get("selection").first();var i;e({type:(i=s.attributes).subtype,width:i.width,height:i.height,url:i.url,id:i.id,sizes:i.sizes,alt:i.alt||i.title||i.name})}),t})(e).open()}const eo=()=>{Ji(e=>(0,a.dispatch)("yoast-seo/editor").setFacebookPreviewImage((e=>{const{width:t,height:s}=e,i=(0,si.determineFacebookImageMode)({width:t,height:s}),o=si.FACEBOOK_IMAGE_SIZES[i+"Width"],r=si.FACEBOOK_IMAGE_SIZES[i+"Height"],n=Object.values(e.sizes).find(e=>e.width>=o&&e.height>=r);return{url:n?n.url:e.url,id:e.id,warnings:(0,J.validateFacebookImage)(e),alt:e.alt||""}})(e)))},to=(0,G.compose)([(0,a.withSelect)(e=>{const{getFacebookDescription:t,getDescription:s,getFacebookTitle:i,getSeoTitle:o,getFacebookImageUrl:r,getImageFallback:n,getFacebookWarnings:a,getRecommendedReplaceVars:l,getReplaceVars:c,getSiteUrl:d,getSeoTitleTemplate:p,getSeoTitleTemplateNoFallback:u,getSocialTitleTemplate:h,getSeoDescriptionTemplate:m,getSocialDescriptionTemplate:g,getReplacedExcerpt:y,getFacebookAltText:w}=e("yoast-seo/editor");return{imageUrl:r(),imageFallbackUrl:n(),recommendedReplacementVariables:l(),replacementVariables:c(),description:t(),descriptionPreviewFallback:g()||s()||m()||y()||"",title:i(),titlePreviewFallback:h()||o()||u()||p()||"",imageWarnings:a(),siteUrl:d(),isPremium:!!Ps().isPremium,titleInputPlaceholder:"",descriptionInputPlaceholder:"",socialMediumName:"Social",alt:w()}}),(0,a.withDispatch)((e,t,{select:s})=>{const{setFacebookPreviewTitle:i,setFacebookPreviewDescription:o,clearFacebookPreviewImage:r,loadFacebookPreviewData:n,findCustomFields:a}=e("yoast-seo/editor"),l=s("yoast-seo/editor").getPostId();return{onSelectImageClick:eo,onRemoveImageClick:r,onDescriptionChange:o,onTitleChange:i,onLoad:n,onReplacementVariableSearchChange:ps(l,a)}}),Jt()])(Qi),so=({isPremium:s,onLoad:i,location:o,imageFallbackUrl:r="",imageUrl:n="",imageWarnings:a=[],...l})=>{const c=Zi(r,n,a);(0,e.useEffect)(()=>{setTimeout(i)},[]);const d={isPremium:s,onLoad:i,location:o,imageFallbackUrl:r,imageUrl:n,imageWarnings:c,...l};return s?(0,u.jsx)(t.Slot,{name:`YoastTwitterPremium${o.charAt(0).toUpperCase()+o.slice(1)}`,fillProps:d}):(0,u.jsx)(Gi,{...d})};so.propTypes={isPremium:o().bool.isRequired,onLoad:o().func.isRequired,location:o().string.isRequired,imageFallbackUrl:o().string,imageUrl:o().string,imageWarnings:o().array};const io=so,oo=()=>{Ji(e=>(0,a.dispatch)("yoast-seo/editor").setTwitterPreviewImage((e=>{const t="summary"!==(0,n.get)(window,"wpseoScriptData.metabox.twitterCardType")?"landscape":"square",s=si.TWITTER_IMAGE_SIZES[t+"Width"],i=si.TWITTER_IMAGE_SIZES[t+"Height"],o=Object.values(e.sizes).find(e=>e.width>=s&&e.height>=i);return{url:o?o.url:e.url,id:e.id,warnings:(0,J.validateTwitterImage)(e),alt:e.alt||""}})(e)))},ro=(0,G.compose)([(0,a.withSelect)(e=>{const{getTwitterDescription:t,getTwitterTitle:s,getTwitterImageUrl:i,getFacebookImageUrl:o,getFacebookTitle:r,getFacebookDescription:n,getDescription:a,getSeoTitle:l,getTwitterWarnings:c,getTwitterImageType:d,getImageFallback:p,getRecommendedReplaceVars:u,getReplaceVars:h,getSiteUrl:m,getSeoTitleTemplate:g,getSeoTitleTemplateNoFallback:y,getSocialTitleTemplate:w,getSeoDescriptionTemplate:f,getSocialDescriptionTemplate:x,getReplacedExcerpt:b,getTwitterAltText:v}=e("yoast-seo/editor");return{imageUrl:i(),imageFallbackUrl:o()||p(),recommendedReplacementVariables:u(),replacementVariables:h(),description:t(),descriptionPreviewFallback:x()||n()||a()||f()||b()||"",title:s(),titlePreviewFallback:w()||r()||l()||y()||g()||"",imageWarnings:c(),siteUrl:m(),isPremium:!!Ps().isPremium,isLarge:"summary"!==d(),titleInputPlaceholder:"",descriptionInputPlaceholder:"",socialMediumName:"X",alt:v()}}),(0,a.withDispatch)((e,t,{select:s})=>{const{setTwitterPreviewTitle:i,setTwitterPreviewDescription:o,clearTwitterPreviewImage:r,loadTwitterPreviewData:n,findCustomFields:a}=e("yoast-seo/editor"),l=s("yoast-seo/editor").getPostId();return{onSelectImageClick:oo,onRemoveImageClick:r,onDescriptionChange:o,onTitleChange:i,onLoad:n,onReplacementVariableSearchChange:ps(l,a)}}),Jt()])(io),no=K().legend` | |
| 538 | +(0,l.__)("No image was found that we can automatically set as your social image. Please use %1$s, %2$s, %3$s or %4$s formats to ensure it displays correctly on social media.","wordpress-seo"),"JPG","PNG","WEBP","GIF");return(0,e.useEffect)(()=>{r(""===s&&t.toLowerCase().endsWith(".avif"))},[t,s]),o?[n]:i},po=({isPremium:s,onLoad:i,location:o,imageFallbackUrl:r="",imageUrl:n="",imageWarnings:a=[],...l})=>{const[c,p]=(0,e.useState)(""),u=co(r,n,a),h=(0,e.useCallback)(e=>{p(e.detail.metaTabId)},[p]);(0,e.useEffect)(()=>(setTimeout(i),window.addEventListener("YoastSEO:metaTabChange",h),()=>{window.removeEventListener("YoastSEO:metaTabChange",h)}),[]);const g={isPremium:s,onLoad:i,location:o,imageFallbackUrl:r,imageUrl:n,imageWarnings:u,activeMetaTabId:c,...l};return s?(0,d.jsx)(t.Slot,{name:`YoastFacebookPremium${o.charAt(0).toUpperCase()+o.slice(1)}`,fillProps:g}):(0,d.jsx)(lo,{...g})};po.propTypes={isPremium:o().bool.isRequired,onLoad:o().func.isRequired,location:o().string.isRequired,imageFallbackUrl:o().string,imageUrl:o().string,imageWarnings:o().array};const uo=po;function ho(e){(function(e){const t=window.wp.media();return t.on("select",()=>{const s=t.state().get("selection").first();var i;e({type:(i=s.attributes).subtype,width:i.width,height:i.height,url:i.url,id:i.id,sizes:i.sizes,alt:i.alt||i.title||i.name})}),t})(e).open()}const go=()=>{ho(e=>(0,a.dispatch)("yoast-seo/editor").setFacebookPreviewImage((e=>{const{width:t,height:s}=e,i=(0,mi.determineFacebookImageMode)({width:t,height:s}),o=mi.FACEBOOK_IMAGE_SIZES[i+"Width"],r=mi.FACEBOOK_IMAGE_SIZES[i+"Height"],n=Object.values(e.sizes).find(e=>e.width>=o&&e.height>=r);return{url:n?n.url:e.url,id:e.id,warnings:(0,de.validateFacebookImage)(e),alt:e.alt||""}})(e)))},mo=(0,re.compose)([(0,a.withSelect)(e=>{const{getFacebookDescription:t,getDescription:s,getFacebookTitle:i,getSeoTitle:o,getFacebookImageUrl:r,getImageFallback:n,getFacebookWarnings:a,getRecommendedReplaceVars:l,getReplaceVars:c,getSiteUrl:d,getSeoTitleTemplate:p,getSeoTitleTemplateNoFallback:u,getSocialTitleTemplate:h,getSeoDescriptionTemplate:g,getSocialDescriptionTemplate:m,getReplacedExcerpt:y,getFacebookAltText:w}=e("yoast-seo/editor");return{imageUrl:r(),imageFallbackUrl:n(),recommendedReplacementVariables:l(),replacementVariables:c(),description:t(),descriptionPreviewFallback:m()||s()||g()||y()||"",title:i(),titlePreviewFallback:h()||o()||u()||p()||"",imageWarnings:a(),siteUrl:d(),isPremium:!!Ks().isPremium,titleInputPlaceholder:"",descriptionInputPlaceholder:"",socialMediumName:"Social",alt:w()}}),(0,a.withDispatch)((e,t,{select:s})=>{const{setFacebookPreviewTitle:i,setFacebookPreviewDescription:o,clearFacebookPreviewImage:r,loadFacebookPreviewData:n,findCustomFields:a}=e("yoast-seo/editor"),l=s("yoast-seo/editor").getPostId();return{onSelectImageClick:go,onRemoveImageClick:r,onDescriptionChange:o,onTitleChange:i,onLoad:n,onReplacementVariableSearchChange:xs(l,a)}}),as()])(uo),yo=({isPremium:s,onLoad:i,location:o,imageFallbackUrl:r="",imageUrl:n="",imageWarnings:a=[],...l})=>{const c=co(r,n,a);(0,e.useEffect)(()=>{setTimeout(i)},[]);const p={isPremium:s,onLoad:i,location:o,imageFallbackUrl:r,imageUrl:n,imageWarnings:c,...l};return s?(0,d.jsx)(t.Slot,{name:`YoastTwitterPremium${o.charAt(0).toUpperCase()+o.slice(1)}`,fillProps:p}):(0,d.jsx)(lo,{...p})};yo.propTypes={isPremium:o().bool.isRequired,onLoad:o().func.isRequired,location:o().string.isRequired,imageFallbackUrl:o().string,imageUrl:o().string,imageWarnings:o().array};const wo=yo,fo=()=>{ho(e=>(0,a.dispatch)("yoast-seo/editor").setTwitterPreviewImage((e=>{const t="summary"!==(0,n.get)(window,"wpseoScriptData.metabox.twitterCardType")?"landscape":"square",s=mi.TWITTER_IMAGE_SIZES[t+"Width"],i=mi.TWITTER_IMAGE_SIZES[t+"Height"],o=Object.values(e.sizes).find(e=>e.width>=s&&e.height>=i);return{url:o?o.url:e.url,id:e.id,warnings:(0,de.validateTwitterImage)(e),alt:e.alt||""}})(e)))},xo=(0,re.compose)([(0,a.withSelect)(e=>{const{getTwitterDescription:t,getTwitterTitle:s,getTwitterImageUrl:i,getFacebookImageUrl:o,getFacebookTitle:r,getFacebookDescription:n,getDescription:a,getSeoTitle:l,getTwitterWarnings:c,getTwitterImageType:d,getImageFallback:p,getRecommendedReplaceVars:u,getReplaceVars:h,getSiteUrl:g,getSeoTitleTemplate:m,getSeoTitleTemplateNoFallback:y,getSocialTitleTemplate:w,getSeoDescriptionTemplate:f,getSocialDescriptionTemplate:x,getReplacedExcerpt:b,getTwitterAltText:v}=e("yoast-seo/editor");return{imageUrl:i(),imageFallbackUrl:o()||p(),recommendedReplacementVariables:u(),replacementVariables:h(),description:t(),descriptionPreviewFallback:x()||n()||a()||f()||b()||"",title:s(),titlePreviewFallback:w()||r()||l()||y()||m()||"",imageWarnings:c(),siteUrl:g(),isPremium:!!Ks().isPremium,isLarge:"summary"!==d(),titleInputPlaceholder:"",descriptionInputPlaceholder:"",socialMediumName:"X",alt:v()}}),(0,a.withDispatch)((e,t,{select:s})=>{const{setTwitterPreviewTitle:i,setTwitterPreviewDescription:o,clearTwitterPreviewImage:r,loadTwitterPreviewData:n,findCustomFields:a}=e("yoast-seo/editor"),l=s("yoast-seo/editor").getPostId();return{onSelectImageClick:fo,onRemoveImageClick:r,onDescriptionChange:o,onTitleChange:i,onLoad:n,onReplacementVariableSearchChange:xs(l,a)}}),as()])(wo),bo=te().legend` | |
| 459 | 539 | margin: 16px 0; |
| 460 | 540 | padding: 0; |
| 461 | - color: ${M.colors.$color_headings}; | |
| 541 | + color: ${Y.colors.$color_headings}; | |
| 462 | 542 | font-size: 12px; |
| 463 | 543 | font-weight: 300; |
| 464 | -`,ao=K().legend` | |
| 544 | +`,vo=te().legend` | |
| 465 | 545 | margin: 0 0 16px; |
| 466 | 546 | padding: 0; |
| 467 | - color: ${M.colors.$color_headings}; | |
| 547 | + color: ${Y.colors.$color_headings}; | |
| 468 | 548 | font-size: 12px; |
| 469 | 549 | font-weight: 300; |
| 470 | -`,lo=K().div` | |
| 550 | +`,ko=(0,de.makeOutboundLink)(te().a` | |
| 551 | + display: inline-block; | |
| 552 | + position: relative; | |
| 553 | + outline: none; | |
| 554 | + text-decoration: none; | |
| 555 | + border-radius: 100%; | |
| 556 | + width: 24px; | |
| 557 | + height: 24px; | |
| 558 | + margin: -4px 0; | |
| 559 | + vertical-align: middle; | |
| 560 | + | |
| 561 | + color: ${Y.colors.$color_help_text}; | |
| 562 | + | |
| 563 | + &:hover, | |
| 564 | + &:focus { | |
| 565 | + color: ${Y.colors.$color_snippet_focus}; | |
| 566 | + } | |
| 567 | + | |
| 568 | + // Overwrite the default blue active color for links. | |
| 569 | + &:active { | |
| 570 | + color: ${Y.colors.$color_help_text}; | |
| 571 | + } | |
| 572 | + | |
| 573 | + &::before { | |
| 574 | + position: absolute; | |
| 575 | + top: 0; | |
| 576 | + left: 0; | |
| 577 | + padding: 2px; | |
| 578 | + content: "\f223"; | |
| 579 | + } | |
| 580 | +`),_o=te()(ko)` | |
| 581 | + margin-block: 0; | |
| 582 | + margin-inline: 8px 0; | |
| 583 | +`,To=()=>(0,d.jsx)(_o,{href:wpseoAdminL10n["shortlinks.social_previews_info"],className:"dashicons",children:(0,d.jsx)("span",{className:"screen-reader-text",children:/* translators: Hidden accessibility text. */ /* translators: Hidden accessibility text. */ | |
| 584 | +(0,l.__)("Learn more about social previews","wordpress-seo")})}),jo=te().div` | |
| 471 | 585 | padding: 16px; |
| 472 | -`,co=({useOpenGraphData:t,useTwitterData:s})=>(0,u.jsxs)(e.Fragment,{children:[s&&t&&(0,u.jsxs)(e.Fragment,{children:[(0,u.jsxs)(xs,{hasSeparator:!1 | |
| 473 | -/* translators: Social media appearance refers to a preview of how a page will be represented on social media. */,title:(0,d.__)("Social media appearance","wordpress-seo"),initialIsOpen:!0,children:[(0,u.jsx)(ao,{children:(0,d.__)("Determine how your post should look on social media like Facebook, X, Instagram, WhatsApp, Threads, LinkedIn, Slack, and more.","wordpress-seo")}),(0,u.jsx)(to,{}),(0,u.jsx)(no,{children:(0,d.__)("To customize the appearance of your post specifically for X, please fill out the 'X appearance' settings below. If you leave these settings untouched, the 'Social media appearance' settings mentioned above will also be applied for sharing on X.","wordpress-seo")})]}),(0,u.jsx)(xs,{title:(0,d.__)("X appearance","wordpress-seo"),hasSeparator:!0,initialIsOpen:!1,children:(0,u.jsx)(ro,{})})]}),t&&!s&&(0,u.jsxs)(lo,{children:[(0,u.jsx)(ao,{children:(0,d.__)("Determine how your post should look on social media like Facebook, X, Instagram, WhatsApp, Threads, LinkedIn, Slack, and more.","wordpress-seo")}),(0,u.jsx)(to,{})]}),!t&&s&&(0,u.jsxs)(lo,{children:[(0,u.jsx)(ao,{children:(0,d.__)("To customize the appearance of your post specifically for X, please fill out the 'X appearance' settings below.","wordpress-seo")}),(0,u.jsx)(ro,{})]})]});co.propTypes={useOpenGraphData:o().bool.isRequired,useTwitterData:o().bool.isRequired};const po=co,uo=(0,a.withSelect)(e=>{const{getPreferences:t}=e("yoast-seo/editor"),{useOpenGraphData:s,useTwitterData:i}=t();return{useOpenGraphData:s,useTwitterData:i}})(po);function ho({target:e}){return(0,u.jsx)(N,{target:e,children:(0,u.jsx)(uo,{})})}ho.propTypes={target:o().string.isRequired};const mo=(0,J.makeOutboundLink)(),go=K().div` | |
| 586 | +`,Ro=({useOpenGraphData:t,useTwitterData:s})=>(0,d.jsxs)(e.Fragment,{children:[s&&t&&(0,d.jsxs)(e.Fragment,{children:[(0,d.jsxs)(Es,{hasSeparator:!1 | |
| 587 | +/* translators: Social media appearance refers to a preview of how a page will be represented on social media. */,title:(0,l.__)("Social media appearance","wordpress-seo"),initialIsOpen:!0,HeaderHelpLink:To,children:[(0,d.jsx)(vo,{children:(0,l.__)("Determine how your post should look on social media like Facebook, X, Instagram, WhatsApp, Threads, LinkedIn, Slack, and more.","wordpress-seo")}),(0,d.jsx)(mo,{}),(0,d.jsx)(bo,{children:(0,l.__)("To customize the appearance of your post specifically for X, please fill out the 'X appearance' settings below. If you leave these settings untouched, the 'Social media appearance' settings mentioned above will also be applied for sharing on X.","wordpress-seo")})]}),(0,d.jsx)(Es,{title:(0,l.__)("X appearance","wordpress-seo"),hasSeparator:!0,initialIsOpen:!1,children:(0,d.jsx)(xo,{})})]}),t&&!s&&(0,d.jsxs)(jo,{children:[(0,d.jsxs)(vo,{children:[(0,l.__)("Determine how your post should look on social media like Facebook, X, Instagram, WhatsApp, Threads, LinkedIn, Slack, and more.","wordpress-seo"),(0,d.jsx)(To,{})]}),(0,d.jsx)(mo,{})]}),!t&&s&&(0,d.jsxs)(jo,{children:[(0,d.jsx)(vo,{children:(0,l.__)("To customize the appearance of your post specifically for X, please fill out the 'X appearance' settings below.","wordpress-seo")}),(0,d.jsx)(xo,{})]})]});Ro.propTypes={useOpenGraphData:o().bool.isRequired,useTwitterData:o().bool.isRequired};const So=Ro,Io=(0,a.withSelect)(e=>{const{getPreferences:t}=e("yoast-seo/editor"),{useOpenGraphData:s,useTwitterData:i}=t();return{useOpenGraphData:s,useTwitterData:i}})(So);function Co({target:e}){return(0,d.jsx)(G,{target:e,children:(0,d.jsx)(Io,{})})}Co.propTypes={target:o().string.isRequired};const Eo=(0,de.makeOutboundLink)(),Lo=te().div` | |
| 474 | 588 | padding: 16px; |
| 475 | -`,yo="yoast-seo/editor";function wo({location:e,show:t}){return t?(0,u.jsxs)(q.Alert,{type:"info",children:[(0,d.sprintf)(/* translators: %s Expands to "Yoast News SEO" */ /* translators: %s Expands to "Yoast News SEO" */ | |
| 476 | -(0,d.__)("Are you working on a news article? %s helps you optimize your site for Google News.","wordpress-seo"),"Yoast News SEO")+" ",(0,u.jsx)(mo,{href:window.wpseoAdminL10n[`shortlinks.upsell.${e}.news`],children:(0,d.sprintf)(/* translators: %s: Expands to "Yoast News SEO". */ /* translators: %s: Expands to "Yoast News SEO". */ | |
| 477 | -(0,d.__)("Buy %s now!","wordpress-seo"),"Yoast News SEO")})]}):null}wo.propTypes={show:o().bool.isRequired,location:o().string.isRequired};const fo=(e,t,s)=>{const i=(0,a.useSelect)(e=>e(yo).getIsProduct(),[]),o=(0,a.useSelect)(e=>e(yo).getIsWooSeoActive(),[]),r=i&&o?{name:(0,d.__)("Item Page","wordpress-seo"),value:"ItemPage"}:e.find(e=>e.value===t);return[{name:(0,d.sprintf)(/* translators: %1$s expands to the plural name of the current post type, %2$s expands to the current site wide default. */ /* translators: %1$s expands to the plural name of the current post type, %2$s expands to the current site wide default. */ | |
| 478 | -(0,d.__)("Default for %1$s (%2$s)","wordpress-seo"),s,r?r.name:""),value:""},...e]},xo=(e,t)=>p((e=>(0,d.sprintf)(/* translators: %1$s expands to the plural name of the current post type, %2$s and %3$s expand to a link to the Settings page */ /* translators: %1$s expands to the plural name of the current post type, %2$s and %3$s expand to a link to the Settings page */ | |
| 479 | -(0,d.__)("You can change the default type for %1$s under Content types in the %2$sSettings%3$s.","wordpress-seo"),e,"<link>","</link>"))(e),{link:(0,u.jsx)("a",{href:t,target:"_blank",rel:"noreferrer"})}),bo=({helpTextTitle:e,helpTextLink:t,helpTextDescription:s})=>(0,u.jsx)(q.FieldGroup,{label:e,linkTo:t | |
| 480 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about structured data with Schema.org","wordpress-seo"),description:s});bo.propTypes={helpTextTitle:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextDescription:o().string.isRequired};const vo=({schemaPageTypeChange:t=n.noop,schemaPageTypeSelected:s=null,pageTypeOptions:i,schemaArticleTypeChange:o=n.noop,schemaArticleTypeSelected:r=null,articleTypeOptions:l,showArticleTypeInput:c,additionalHelpTextLink:p,helpTextLink:h,helpTextTitle:m,helpTextDescription:g,postTypeName:y,displayFooter:w=!1,defaultPageType:f,defaultArticleType:x,location:b,isNewsEnabled:v=!1})=>{const k=fo(i,f,y),_=fo(l,x,y),T=(0,a.useSelect)(e=>e(yo).selectLink("https://yoa.st/product-schema-metabox"),[]),R=(0,a.useSelect)(e=>e(yo).getIsWooSeoUpsell(),[]),[j,S]=(0,e.useState)(r),I=(0,d.__)("Want your products stand out in search results with rich results like price, reviews and more?","wordpress-seo"),C=(0,a.useSelect)(e=>e(yo).getIsProduct(),[]),E=(0,a.useSelect)(e=>e(yo).getIsWooSeoActive(),[]),L=(0,a.useSelect)(e=>e(yo).selectAdminLink("?page=wpseo_page_settings"),[]),A=C&&E,F=(0,e.useCallback)((e,t)=>{S(t)},[]);return(0,e.useEffect)(()=>{F(null,r)},[r]),(0,u.jsxs)(e.Fragment,{children:[(0,u.jsx)(bo,{helpTextLink:h,helpTextTitle:m,helpTextDescription:g}),(0,u.jsx)(q.FieldGroup,{label:(0,d.__)("What type of page or content is this?","wordpress-seo"),linkTo:p | |
| 481 | -/* translators: Hidden accessibility text. */,linkText:(0,d.__)("Learn more about page or content types","wordpress-seo")}),R&&(0,u.jsx)(hs,{link:T,text:I}),(0,u.jsx)(q.Select,{id:(0,J.join)(["yoast-schema-page-type",b]),options:k,label:(0,d.__)("Page type","wordpress-seo"),onChange:t,selected:A?"ItemPage":s,disabled:A}),c&&(0,u.jsx)(q.Select,{id:(0,J.join)(["yoast-schema-article-type",b]),options:_,label:(0,d.__)("Article type","wordpress-seo"),onChange:o,selected:r,onOptionFocus:F}),(0,u.jsx)(wo,{location:b,show:!v&&(P=j,M=x,"NewsArticle"===P||""===P&&"NewsArticle"===M)}),w&&!A&&(0,u.jsx)("p",{children:xo(y,L)}),A&&(0,u.jsx)("p",{children:(0,d.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast WooCommerce SEO. */ | |
| 482 | -(0,d.__)("You have %1$s activated on your site, automatically setting the Page type for your products to 'Item Page'. As a result, the Page type selection is disabled.","wordpress-seo"),"Yoast WooCommerce SEO")})]});var P,M},ko=o().arrayOf(o().shape({name:o().string,value:o().string}));vo.propTypes={schemaPageTypeChange:o().func,schemaPageTypeSelected:o().string,pageTypeOptions:ko.isRequired,schemaArticleTypeChange:o().func,schemaArticleTypeSelected:o().string,articleTypeOptions:ko.isRequired,showArticleTypeInput:o().bool.isRequired,additionalHelpTextLink:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextTitle:o().string.isRequired,helpTextDescription:o().string.isRequired,postTypeName:o().string.isRequired,displayFooter:o().bool,defaultPageType:o().string.isRequired,defaultArticleType:o().string.isRequired,location:o().string.isRequired,isNewsEnabled:o().bool};const _o=({isMetabox:t,showArticleTypeInput:s=!1,articleTypeLabel:i="",additionalHelpTextLink:o="",pageTypeLabel:r,helpTextLink:n,helpTextTitle:a,helpTextDescription:l,postTypeName:c,displayFooter:d=!1,loadSchemaArticleData:p,loadSchemaPageData:h,location:m,...g})=>{const y=(0,u.jsx)(vo,{showArticleTypeInput:s,articleTypeLabel:i,additionalHelpTextLink:o,pageTypeLabel:r,helpTextLink:n,helpTextTitle:a,helpTextDescription:l,postTypeName:c,displayFooter:d,loadSchemaArticleData:p,loadSchemaPageData:h,location:m,...g});return t?(0,e.createPortal)((0,u.jsx)(go,{children:y}),document.getElementById("wpseo-meta-section-schema")):y};_o.propTypes={isMetabox:o().bool.isRequired,showArticleTypeInput:o().bool,articleTypeLabel:o().string,additionalHelpTextLink:o().string,pageTypeLabel:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextTitle:o().string.isRequired,helpTextDescription:o().string.isRequired,postTypeName:o().string.isRequired,displayFooter:o().bool,loadSchemaArticleData:o().func.isRequired,loadSchemaPageData:o().func.isRequired,location:o().string.isRequired};const To=_o;class Ro{static get articleTypeInput(){return document.getElementById("yoast_wpseo_schema_article_type")}static get defaultArticleType(){return Ro.articleTypeInput.getAttribute("data-default")}static get articleType(){return Ro.articleTypeInput.value}static set articleType(e){Ro.articleTypeInput.value=e}static get pageTypeInput(){return document.getElementById("yoast_wpseo_schema_page_type")}static get defaultPageType(){return Ro.pageTypeInput.getAttribute("data-default")}static get pageType(){return Ro.pageTypeInput.value}static set pageType(e){Ro.pageTypeInput.value=e}}const jo=t=>{const s=null!==Ro.articleTypeInput;(0,e.useEffect)(()=>{t.loadSchemaPageData(),s&&t.loadSchemaArticleData()},[]);const{pageTypeOptions:i,articleTypeOptions:o}=window.wpseoScriptData.metabox.schema,r={articleTypeLabel:(0,d.__)("Article type","wordpress-seo"),pageTypeLabel:(0,d.__)("Page type","wordpress-seo"),postTypeName:window.wpseoAdminL10n.postTypeNamePlural,helpTextTitle:(0,d.__)("Yoast SEO automatically describes your pages using schema.org","wordpress-seo"),helpTextDescription:(0,d.__)("This helps search engines understand your website and your content. You can change some of your settings for this page below.","wordpress-seo"),showArticleTypeInput:s,pageTypeOptions:i,articleTypeOptions:o},n={...t,...r,...(a=t.location,"metabox"===a?{helpTextLink:wpseoAdminL10n["shortlinks.metabox.schema.explanation"],additionalHelpTextLink:wpseoAdminL10n["shortlinks.metabox.schema.page_type"],isMetabox:!0}:{helpTextLink:wpseoAdminL10n["shortlinks.sidebar.schema.explanation"],additionalHelpTextLink:wpseoAdminL10n["shortlinks.sidebar.schema.page_type"],isMetabox:!1})};var a;return(0,u.jsx)(To,{...n})};jo.propTypes={displayFooter:o().bool.isRequired,schemaPageTypeSelected:o().string.isRequired,schemaArticleTypeSelected:o().string.isRequired,defaultArticleType:o().string.isRequired,defaultPageType:o().string.isRequired,loadSchemaPageData:o().func.isRequired,loadSchemaArticleData:o().func.isRequired,schemaPageTypeChange:o().func.isRequired,schemaArticleTypeChange:o().func.isRequired,location:o().string.isRequired};const So=(0,G.compose)([(0,a.withSelect)(e=>{const{getPreferences:t,getPageType:s,getDefaultPageType:i,getArticleType:o,getDefaultArticleType:r}=e("yoast-seo/editor"),{displaySchemaSettingsFooter:n,isNewsEnabled:a}=t();return{displayFooter:n,isNewsEnabled:a,schemaPageTypeSelected:s(),schemaArticleTypeSelected:o(),defaultArticleType:r(),defaultPageType:i()}}),(0,a.withDispatch)(e=>{const{setPageType:t,setArticleType:s,getSchemaPageData:i,getSchemaArticleData:o}=e("yoast-seo/editor");return{loadSchemaPageData:i,loadSchemaArticleData:o,schemaPageTypeChange:t,schemaArticleTypeChange:s}}),Jt()])(jo),Io=window.yoast.relatedKeyphraseSuggestions;function Co({requestLimitReached:e,isSuccess:t,response:s,requestHasData:i,relatedKeyphrases:o}){return e?"requestLimitReached":!t&&function(e){return"invalid_json"===(null==e?void 0:e.code)||"fetch_error"===(null==e?void 0:e.code)||!(0,n.isEmpty)(e)&&"error"in e}(s)?"requestFailed":i?function(e){return e&&e.length>=4}(o)?"maxRelatedKeyphrases":null:"requestEmpty"}function Eo({keyphrase:t="",relatedKeyphrases:s=[],renderAction:i=null,requestLimitReached:o=!1,countryCode:n,setCountry:a,newRequest:l,response:c={},isRtl:d=!1,userLocale:p="en_US",isPending:h=!1,isSuccess:m=!1,requestHasData:g=!0,isPremium:y=!1,semrushUpsellLink:w="",premiumUpsellLink:f=""}){var x,b;const[v,k]=(0,e.useState)(n),_=(0,e.useCallback)(async()=>{l(n,t),k(n)},[n,t,l]);return(0,u.jsxs)(r.Root,{context:{isRtl:d},children:[!o&&!y&&(0,u.jsx)(Io.PremiumUpsell,{url:f,className:"yst-mb-4"}),!o&&(0,u.jsx)(Io.CountrySelector,{countryCode:n,activeCountryCode:v,onChange:a,onClick:_,className:"yst-mb-4",userLocale:p.split("_")[0]}),!h&&(0,u.jsx)(Io.UserMessage,{variant:Co({requestLimitReached:o,isSuccess:m,response:c,requestHasData:g,relatedKeyphrases:s}),upsellLink:w}),(0,u.jsx)(Io.KeyphrasesTable,{relatedKeyphrases:s,columnNames:null==c||null===(x=c.results)||void 0===x?void 0:x.columnNames,data:null==c||null===(b=c.results)||void 0===b?void 0:b.rows,isPending:h,renderButton:i,className:"yst-mt-4"})]})}Eo.propTypes={keyphrase:o().string,relatedKeyphrases:o().array,renderAction:o().func,requestLimitReached:o().bool,countryCode:o().string.isRequired,setCountry:o().func.isRequired,newRequest:o().func.isRequired,response:o().object,isRtl:o().bool,userLocale:o().string,isPending:o().bool,isSuccess:o().bool,requestHasData:o().bool,isPremium:o().bool,semrushUpsellLink:o().string,premiumUpsellLink:o().string};const Lo=(0,G.compose)([(0,a.withSelect)(e=>{const{getFocusKeyphrase:t,getSEMrushSelectedCountry:s,getSEMrushRequestLimitReached:i,getSEMrushRequestResponse:o,getSEMrushRequestIsSuccess:r,getSEMrushIsRequestPending:n,getSEMrushRequestHasData:a,getPreference:l,getIsPremium:c,selectLinkParams:d}=e("yoast-seo/editor");return{keyphrase:t(),countryCode:s(),requestLimitReached:i(),response:o(),isSuccess:r(),isPending:n(),requestHasData:a(),isRtl:l("isRtl",!1),userLocale:l("userLocale","en_US"),isPremium:c(),semrushUpsellLink:(0,js.addQueryArgs)("https://yoa.st/semrush-prices",d()),premiumUpsellLink:(0,js.addQueryArgs)("https://yoa.st/413",d())}}),(0,a.withDispatch)(e=>{const{setSEMrushChangeCountry:t,setSEMrushNewRequest:s}=e("yoast-seo/editor");return{setCountry:e=>{t(e)},newRequest:(e,t)=>{s(e,t)}}})])(Eo),Ao=({isOpen:e,closeModal:t,id:s,upsellLink:i})=>(0,u.jsx)(Ws,{isOpen:e,onClose:t,id:s,upsellLink:i,title:(0,d.__)("Cover more search intent with related keyphrases","wordpress-seo"),description:(0,d.__)("Optimize for up to 5 keyphrases to shape your content around different themes, audiences, and angles - helping it get discovered by a wider audience.","wordpress-seo"),note:(0,d.__)("Fine-tune your content for every audience","wordpress-seo"),modalTitle:(0,d.__)("Add more keyphrases with Premium","wordpress-seo"),ctbId:"f6a84663-465f-4cb5-8ba5-f7a6d72224b2"}),Fo=()=>{const[t,,,s,i]=(0,r.useToggleState)(!1),o=(0,e.useContext)(B.LocationContext),{locationContext:n}=(0,B.useRootContext)(),a=(0,r.useSvgAria)(),l=wpseoAdminL10n["sidebar"===o.toLowerCase()?"shortlinks.upsell.sidebar.additional_button":"shortlinks.upsell.metabox.additional_button"];return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ao,{isOpen:t,closeModal:i,upsellLink:(0,js.addQueryArgs)(l,{context:n}),id:`yoast-additional-keyphrases-modal-${o}`}),"sidebar"===o&&(0,u.jsx)(le,{id:"yoast-additional-keyphrase-modal-open-button",title:(0,d.__)("Add related keyphrase","wordpress-seo"),prefixIcon:{icon:"plus",color:M.colors.$color_grey_medium_dark},onClick:s,children:(0,u.jsx)("div",{className:"yst-root",children:(0,u.jsx)(r.Badge,{size:"small",variant:"upsell",children:(0,u.jsx)(Ns,{className:"yst-w-2.5 yst-h-2.5 yst-shrink-0",...a})})})}),"metabox"===o&&(0,u.jsx)("div",{className:"yst-root",children:(0,u.jsxs)(Q,{id:"yoast-additional-keyphrase-metabox-modal-open-button",onClick:s,children:[(0,u.jsx)(q.SvgIcon,{icon:"plus",color:M.colors.$color_grey_medium_dark}),(0,u.jsx)(Q.Text,{children:(0,d.__)("Add related keyphrase","wordpress-seo")}),(0,u.jsxs)(r.Badge,{size:"small",variant:"upsell",children:[(0,u.jsx)(Ns,{className:"yst-w-2.5 yst-h-2.5 yst-me-1 yst-shrink-0",...a}),(0,u.jsx)("span",{children:"Premium"})]})]})})]})},Po=l.forwardRef(function(e,t){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),l.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))}),qo=({store:t="yoast-seo/editor",location:s="sidebar",inEditorIntro:i=!1})=>{const o="black-friday-promotion",n=(0,a.useSelect)(e=>e(t).getIsPremium(),[t]),l=(0,a.useSelect)(e=>e(t).selectLinkParams(),[t]),c=(0,a.useSelect)(e=>e(t).isPromotionActive(o),[t]),p=(0,a.useSelect)(e=>e(t).getIsWooCommerceActive(),[t]),h=(0,a.useSelect)(e=>e(t).isAlertDismissed(o),[t]),g=(0,a.useSelect)(e=>e(t).getIsElementorEditor(),[t]),y=(0,e.useCallback)(()=>{(0,a.dispatch)(t).dismissAlert(o)},[t,o]),w=(0,js.addQueryArgs)("https://yoa.st/black-friday-sale",l),f=(0,r.useSvgAria)();return n||!c||h?null:(0,u.jsx)("div",{className:"yst-root",children:(0,u.jsxs)("div",{className:L()(i?"yst-mx-0 yst-mt-3":["sidebar"!==s||g?"yst-mx-4":"yst-mx-0","yst-mt-6"],"yst-border yst-rounded-lg yst-p-4 yst-max-w-md yst-relative yst-shadow-sm",p?"yst-border-woo-light":"yst-border-primary-200"),children:[(0,u.jsxs)(r.Badge,{size:"small",className:"yst-text-[10px] yst-bg-black yst-text-amber-300 yst-absolute yst--top-2",children:[(0,d.__)("BLACK FRIDAY","wordpress-seo")," "]}),(0,u.jsxs)("button",{className:"yst-absolute yst-top-4 yst-end-4",onClick:y,children:[(0,u.jsx)(Po,{className:"yst-w-4 yst-text-slate-400 yst-shrink-0 yst--mt-0.5"}),(0,u.jsx)("div",{className:"yst-sr-only",children:(0,d.__)("Dismiss","wordpress-seo")})]}),(0,u.jsxs)("div",{className:L()("sidebar"===s?"":"yst-flex yst-justify-between yst-gap-3"),children:[(0,u.jsxs)("div",{className:p?"yst-text-woo-light":"yst-text-primary-500",children:[(0,u.jsx)("div",{className:"yst-text-2xl yst-font-bold",children:(0,d.__)("30% OFF","wordpress-seo")}),(0,u.jsx)("div",{className:"yst-flex yst-gap-2 yst-font-semibold yst-text-tiny",children:p?(0,u.jsxs)(u.Fragment,{children:["Yoast WooCommerce SEO ",(0,u.jsx)(Us,{className:"yst-w-4 yst-scale-x-[-1]",...f})]}):(0,u.jsxs)(u.Fragment,{children:[" Yoast SEO Premium ",(0,u.jsx)(P,{className:"yst-w-4",...f})]})})]}),(0,u.jsx)("div",{className:"yst-flex yst-items-end",children:(0,u.jsxs)(r.Button,{as:"a",className:L()("sidebar"===s?"yst-w-full":"yst-w-[140px]","yst-flex yst-gap-1 yst-w-[140px] yst-h-7 yst-mt-4"),variant:"upsell",href:w,target:"_blank",rel:"noreferrer",children:[(0,d.__)("Buy now!","wordpress-seo"),(0,u.jsx)(m,{className:"yst-w-4 rtl:yst-rotate-180",...f})]})})]})]})})};qo.propTypes={store:o().string,location:o().oneOf(["sidebar","metabox"]),inEditorIntro:o().bool};const Mo="yoast-seo/content-planner",Do=(0,G.compose)([(0,a.withDispatch)(e=>{const{setFeatureModalStatus:t}=e(Mo);return{setFeatureModalStatus:t}})])(({location:t,setFeatureModalStatus:s})=>{const i=(0,e.useCallback)(()=>{s("idle")},[s]),o=(0,a.useSelect)(e=>e(Mo).selectIsMinPostsMet(),[]),n="yoast-content-planner-min-posts-notice-"+t;return(0,u.jsx)(r.Root,{children:(0,u.jsxs)("div",{className:L()("yst-p-4","metabox"===t&&"yst-flex yst-items-center yst-gap-3"),children:[(0,u.jsx)(r.Button,{variant:"ai-secondary",onClick:i,disabled:!o,"aria-describedby":o?null:n,className:"sidebar"===t?"yst-w-full":"",children:(0,d.__)("Get content suggestions","wordpress-seo")}),!o&&(0,u.jsx)("span",{id:n,className:L()("yst-text-sm yst-text-slate-500 yst-italic","sidebar"===t&&"yst-flex yst-mt-1 yst-justify-center"),children:(0,d.__)("Available after 5 published posts","wordpress-seo")})]})})});var Oo;function No(){return No=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)({}).hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},No.apply(null,arguments)}const Uo=e=>l.createElement("svg",No({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 54 24"},e),Oo||(Oo=l.createElement("path",{fill:"currentColor",d:"M17.854 5.72c-4.173 0-5.842 2.798-5.842 5.913 0 3.116 1.645 6.036 5.842 6.036 4.196 0 5.831-2.93 5.824-5.846-.01-3.551-1.809-6.104-5.824-6.104v.001Zm-2.528 6.09c.101-4.169 3.306-4.165 4.377-2.672.976 1.36 1.176 6.013-1.85 5.98-1.392-.016-2.486-.956-2.527-3.309Zm36.371 2.968V8.74h2.161V6.117h-2.16V2.951H48.36v3.166h-1.694V8.74h1.694v5.696c0 3.239 2.26 5.162 4.643 5.56l.997-2.68c-1.39-.176-2.29-1.214-2.303-2.537Zm-16.84-.957v-4.54c0-.165-.01-.32-.026-.472-.29-3.668-5.503-3.66-9.54-2.252l1.166 2.346c2.63-1.248 4.203-.926 4.753-.311.014.016.028.031.04.048l.005.007c.28.379.213.975.213 1.445-3.436 0-7.093.455-7.093 4.22 0 2.862 3.59 4.703 7.34 1.976l.556 1.341h3.215c-.286-1.575-.63-2.925-.63-3.808h.002Zm-3.362-.025c-2.643 2.955-5.064.174-2.585-1.04.73-.248 1.72-.26 2.585-.26v1.3Zm8.492-4.759c0-1.118 1.792-1.64 4.619-.351l.977-2.371c-3.804-1.15-8.998-1.252-9.033 2.722-.016 1.905 1.208 2.93 2.969 3.585 1.22.453 2.98.687 2.975 1.657-.006 1.268-2.736 1.463-5.221-.243l-1.004 2.572c3.39 1.686 9.692 1.733 9.66-2.49-.034-4.176-5.94-3.46-5.94-5.08h-.002ZM10.638 0 5.783 13.471 3.46 6.196H0l3.872 9.935c.33.846.33 1.784 0 2.63-.433 1.11-1.153 2.057-2.908 2.294V24c3.418 0 5.265-2.1 6.913-6.699L14.337 0h-3.7Z"}))),Wo=({withPromptForContentSuggestions:e,children:t})=>(0,u.jsxs)("div",{className:"yst-px-4 yst-pt-4",children:[(0,u.jsx)(Uo,{className:"yst-w-14 yst-text-primary-500"}),t,(0,u.jsx)("p",{className:"yst-text-slate-600 yst-mb-0 yst-mt-3",children:e?(0,d.__)("Optimize your content for discovery or get new content suggestions.","wordpress-seo"):(0,d.__)("Optimize your content for discovery.","wordpress-seo")})]}),$o=(Bo=qo,e=>!(()=>{var e,t;const s=(0,a.select)("yoast-seo/editor").getIsPremium(),i=(0,a.select)("yoast-seo/editor").getWarningMessage();return(s&&null!==(e=null===(t=(0,a.select)("yoast-seo-premium/editor"))||void 0===t?void 0:t.getMetaboxWarning())&&void 0!==e?e:[]).length>0||i.length>0})()&&(0,u.jsx)(Bo,{...e}));var Bo;function Ho({settings:s}){const{isTerm:i,isPost:o,isAiFeatureActive:r}=(0,a.useSelect)(e=>({isTerm:e("yoast-seo/editor").getIsTerm(),isPost:"post"===e("yoast-seo/editor").getPostType(),isAiFeatureActive:e("yoast-seo/editor").getPreference("isAiFeatureActive")}),[]),n=window.wpseoScriptData&&"1"===window.wpseoScriptData.isBlockEditor;return n&&(()=>{const{editorMode:t,activeAIButtonId:s}=(0,a.useSelect)(e=>({editorMode:e("core/edit-post").getEditorMode(),activeAIButtonId:e("yoast-seo/editor").getActiveAIFixesButton()}),[]),{setMarkerStatus:i}=(0,a.useDispatch)("yoast-seo/editor");(0,e.useEffect)(()=>(i("visual"===t&&s||"text"===t?"disabled":"enabled"),()=>{i("disabled")}),[t,s])})(),(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(t.Fill,{name:"YoastMetabox",children:[(0,u.jsx)(Hs,{renderPriority:0,children:(0,u.jsx)(ys,{})},"warning"),n?(0,u.jsx)(Hs,{renderPriority:1,children:(0,u.jsx)(Wo,{withPromptForContentSuggestions:r&&o,children:(0,u.jsx)($o,{location:"metabox",inEditorIntro:!0})})},"editor-intro"):(0,u.jsx)(Hs,{renderPriority:1,children:(0,u.jsx)($o,{location:"metabox"})},"time-constrained-notification"),o&&n&&r&&(0,u.jsx)(Hs,{renderPriority:2,children:(0,u.jsx)(Do,{location:"metabox"})},"content-planner"),s.isKeywordAnalysisActive&&(0,u.jsxs)(Hs,{renderPriority:8,children:[(0,u.jsx)(Qt.KeywordInput,{isSEMrushIntegrationActive:s.isSEMrushIntegrationActive}),!window.wpseoScriptData.metabox.isPremium&&(0,u.jsx)(t.Fill,{name:"YoastRelatedKeyphrases",children:(0,u.jsx)(Lo,{})})]},"keyword-input"),(0,u.jsx)(Hs,{renderPriority:9,children:(0,u.jsx)(xs,{id:"yoast-snippet-editor-metabox",title:(0,d.__)("Search appearance","wordpress-seo"),initialIsOpen:!0,children:(0,u.jsx)(gs,{hasPaperStyle:!1})})},"search-appearance"),s.isContentAnalysisActive&&(0,u.jsx)(Hs,{renderPriority:10,children:(0,u.jsx)(Qt.ReadabilityAnalysis,{shouldUpsell:s.shouldUpsell})},"readability-analysis"),s.isKeywordAnalysisActive&&(0,u.jsx)(Hs,{renderPriority:20,children:(0,u.jsx)(e.Fragment,{children:(0,u.jsx)(Qt.SeoAnalysis,{shouldUpsell:s.shouldUpsell})})},"seo-analysis"),s.isInclusiveLanguageAnalysisActive&&(0,u.jsx)(Hs,{renderPriority:21,children:(0,u.jsx)(Qt.InclusiveLanguageAnalysis,{})},"inclusive-language-analysis"),s.isKeywordAnalysisActive&&(0,u.jsx)(Hs,{renderPriority:22,children:s.shouldUpsell&&(0,u.jsx)(Fo,{})},"additional-keywords-upsell"),s.isKeywordAnalysisActive&&s.isWincherIntegrationActive&&(0,u.jsx)(Hs,{renderPriority:23,children:(0,u.jsx)(Xt,{location:"metabox"})},"wincher-seo-performance"),s.shouldUpsell&&!i&&(0,u.jsx)(Hs,{renderPriority:25,children:(0,u.jsx)($s,{})},"internal-linking-suggestions-upsell"),s.isCornerstoneActive&&(0,u.jsx)(Hs,{renderPriority:30,children:(0,u.jsx)(es,{})},"cornerstone"),s.displayAdvancedTab&&(0,u.jsx)(Hs,{renderPriority:40,children:(0,u.jsx)(xs,{id:"collapsible-advanced-settings",title:(0,d.__)("Advanced","wordpress-seo"),children:(0,u.jsx)(Qs,{})})},"advanced"),s.displaySchemaSettings&&(0,u.jsx)(Hs,{renderPriority:50,children:(0,u.jsx)(So,{})},"schema"),n&&(0,u.jsx)(Hs,{renderPriority:24,children:(0,u.jsx)(Qt.ContentBlocks,{})},"content-blocks"),(0,u.jsx)(Hs,{renderPriority:-1,children:(0,u.jsx)(ho,{target:"wpseo-section-social"})},"social"),s.isInsightsEnabled&&(0,u.jsx)(Hs,{renderPriority:52,children:(0,u.jsx)(Os,{location:"metabox"})},"insights")]})})}Ho.propTypes={settings:o().object.isRequired};const Ko=(0,G.compose)([(0,a.withSelect)((e,t)=>{const{getPreferences:s}=e("yoast-seo/editor");return{settings:s(),store:t.store}})])(Ho);function Yo({target:e,store:t,theme:s}){return(0,u.jsxs)(N,{target:e,children:[(0,u.jsx)(z,{store:t,theme:s}),(0,u.jsx)(Ko,{store:t,theme:s})]})}Yo.propTypes={target:o().string.isRequired,store:o().object.isRequired,theme:o().object.isRequired};const Vo=[];let zo=null;class Go extends e.Component{constructor(e){super(e),this.state={registeredComponents:[...Vo]}}registerComponent(e,t){this.setState(s=>({...s,registeredComponents:[...s.registeredComponents,{key:e,Component:t}]}))}render(){return this.state.registeredComponents.map(({Component:e,key:t})=>(0,u.jsx)(e,{},t))}}function Zo(e,t){null===zo||null===zo.current?Vo.push({key:e,Component:t}):zo.current.registerComponent(e,t)}const Xo=window.yoast.externals.redux,Qo=window.jQuery;var Jo=s.n(Qo);function er(e){let t="";var s;return t=!1===function(e){if("undefined"==typeof tinyMCE||void 0===tinyMCE.editors||0===tinyMCE.editors.length)return!1;const t=tinyMCE.get(e);return null!==t&&!t.isHidden()}(e)||0==(s=e,null!==document.getElementById(s+"_ifr"))?function(e){return document.getElementById(e)&&document.getElementById(e).value||""}(e):tinyMCE.get(e).getContent(),t}n.noop,n.noop,n.noop;const{removeMarks:tr}=D.markers,{updateReplacementVariable:sr,updateData:ir,hideReplacementVariables:or,setContentImage:rr,setEditorDataContent:nr,setEditorDataTitle:ar,setEditorDataExcerpt:lr,setEditorDataImageUrl:cr,setEditorDataSlug:dr}=Xo.actions;window.yoast=window.yoast||{},window.yoast.initEditorIntegration=function(s){window.YoastSEO=window.YoastSEO||{},window.YoastSEO._registerReactComponent=Zo,function(s){const i=Ps();zo=(0,e.createRef)();const o={isRtl:i.isRtl};(0,e.createRoot)(document.getElementById("wpseo-metabox-root")).render((0,u.jsxs)(t.SlotFillProvider,{children:[(0,u.jsx)(B.Root,{context:{locationContext:"classic-metabox"},children:(0,u.jsx)(Yo,{target:"wpseo-metabox-root",store:s,theme:o})}),(0,u.jsx)(Go,{ref:zo})]}))}(s)},window.yoast.EditorData=class{constructor(e,t,s="content"){this._refresh=e,this._store=t,this._tinyMceId=s,this._previousData={},this._previousEditorData={},this.updateReplacementData=this.updateReplacementData.bind(this),this.refreshYoastSEO=this.refreshYoastSEO.bind(this)}initialize(e,t=[]){const s=this.getInitialData(e);var i,o;i=s,o=this._store,(0,n.forEach)(i,(e,t)=>{cs.includes(t)||o.dispatch(ns(t,e))}),this._store.dispatch(or(t)),this._previousEditorData.content=s.content,this._store.dispatch(nr(s.content)),this._previousEditorData.contentImage=s.contentImage,this._store.dispatch(rr(s.contentImage)),this.setImageInSnippetPreview(s.snippetPreviewImageURL||s.contentImage),this._previousEditorData.slug=s.slug,this._store.dispatch(dr(s.slug)),this.updateReplacementData({target:{value:s.title}},"title"),this.updateReplacementData({target:{value:s.excerpt}},"excerpt"),this.updateReplacementData({target:{value:s.excerpt_only}},"excerpt_only"),this.subscribeToElements(),this.subscribeToStore(),this.subscribeToSnippetPreviewImage(),this.subscribeToTinyMceEditor(),this.subscribeToSlug()}subscribeToTinyMceEditor(){const e=e=>{if((0,n.isString)(e)||(e=this.getContent()),this._previousEditorData.content===e)return;if(this._previousEditorData.content=e,this._store.dispatch(nr(e)),this.featuredImageIsSet)return;const t=this.getContentImage(e);this._previousEditorData.contentImage!==t&&(this._previousEditorData.contentImage=t,this._store.dispatch(rr(t)),this.setImageInSnippetPreview(t))};Jo()(document).on("tinymce-editor-init",(t,s)=>{s.id===this._tinyMceId&&(e(this.getContent()),["input","change","cut","paste"].forEach(t=>s.on(t,(0,n.debounce)(e,1e3))))});const t=document.getElementById("attachment_content");t&&(e(t.value),t.addEventListener("input",t=>e(t.target.value)))}subscribeToSlug(){const e=e=>{this._previousEditorData.slug!==e&&(this._previousEditorData.slug=e,this._store.dispatch(dr(e)),this._store.dispatch(ir({slug:e})))},t=document.getElementById("slug");t&&t.addEventListener("input",t=>e(t.target.value));const s=document.getElementById("post_name");s&&s.addEventListener("input",t=>e(t.target.value));const i=document.getElementById("edit-slug-buttons");i&&new MutationObserver((t,s)=>t.forEach(t=>{t.addedNodes.forEach(t=>{var i,o;if(null==t||null===(i=t.classList)||void 0===i||!i.contains("edit-slug"))return;const r=null===(o=document.getElementById("editable-post-name-full"))||void 0===o?void 0:o.innerText;r&&(e(r),s.disconnect(),this.subscribeToSlug())})})).observe(i,{childList:!0})}subscribeToSnippetPreviewImage(){if((0,n.isUndefined)(wp.media)||(0,n.isUndefined)(wp.media.featuredImage))return;Jo()("#postimagediv").on("click","#remove-post-thumbnail",()=>{this.featuredImageIsSet=!1,this.setImageInSnippetPreview(this.getContentImage(this.getContent()))});const e=wp.media.featuredImage.frame();var t,s,i;e.on("select",()=>{const t=e.state().get("selection").first().attributes.url;t&&(this.featuredImageIsSet=!0,this.setImageInSnippetPreview(t))}),t=this._tinyMceId,s=["init"],i=()=>{const e=this.getContentImage(this.getContent()),t=this.getFeaturedImage()||e||"";this._store.dispatch(rr(e)),this.setImageInSnippetPreview(t)},"undefined"!=typeof tinyMCE&&"function"==typeof tinyMCE.on&&tinyMCE.on("addEditor",function(e){const o=e.editor;o.id===t&&(0,n.forEach)(s,function(e){o.on(e,i)})})}getFeaturedImage(){const e=Jo()("#set-post-thumbnail img").attr("src");return e?(this.featuredImageIsSet=!0,e):(this.featuredImageIsSet=!1,null)}setImageInSnippetPreview(e){this._store.dispatch(cr(e)),this._store.dispatch(ir({snippetPreviewImageURL:e}))}getContentImage(e){if(this.featuredImageIsSet)return"";const t=D.languageProcessing.imageInText(e);if(0===t.length)return"";const s=Jo().parseHTML(t.join(""));for(const e of s)if(e.src)return e.src;return""}getTitle(){const e=document.getElementById("title")||document.getElementById("name");return e&&e.value||""}getExcerpt(e=!0){const t=document.getElementById("excerpt"),s=t&&t.value||"",i="ja"===function(){const e=Ps();return(0,n.get)(e,"contentLocale","en_US")}()?80:156;return""!==s||!1===e?s:function(e,t=156){return(e=(e=(0,rs.stripTags)(e)).trim()).length<=t||(e=e.substring(0,t),/\s/.test(e)&&(e=e.substring(0,e.lastIndexOf(" ")))),e}(this.getContent(),i)}getSlug(){let e="";const t=document.getElementById("new-post-slug")||document.getElementById("slug");return t?e=t.value:null!==document.getElementById("editable-post-name-full")&&(e=document.getElementById("editable-post-name-full").textContent),e}getContent(){return tr(er(this._tinyMceId))}subscribeToElements(){this.subscribeToInputElement("title","title"),this.subscribeToInputElement("excerpt","excerpt"),this.subscribeToInputElement("excerpt","excerpt_only")}subscribeToInputElement(e,t){const s=document.getElementById(e);s&&s.addEventListener("input",e=>{this.updateReplacementData(e,t)})}updateReplacementData(e,t){let s=e.target.value;if("excerpt"===t&&""===s&&(s=this.getExcerpt()),this._previousEditorData[t]!==s){switch(this._previousEditorData[t]=s,t){case"title":this._store.dispatch(ar(s));break;case"excerpt":this._store.dispatch(lr(s))}this._store.dispatch(sr(t,s))}}isShallowEqual(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const s in e)if(e.hasOwnProperty(s)&&(!(s in t)||e[s]!==t[s]))return!1;return!0}refreshYoastSEO(){const e=this.getData();!this.isShallowEqual(this._previousData,e)&&(this.handleEditorChange(e),this._previousData=e,window.YoastSEO&&window.YoastSEO.app&&window.YoastSEO.app.refresh())}handleEditorChange(e){this._previousData.excerpt!==e.excerpt&&(this._store.dispatch(sr("excerpt",e.excerpt)),this._store.dispatch(sr("excerpt_only",e.excerpt_only))),this._previousData.snippetPreviewImageURL!==e.snippetPreviewImageURL&&this.setImageInSnippetPreview(e.snippetPreviewImageURL),this._previousData.slug!==e.slug&&this._store.dispatch(dr(e.slug)),this._previousData.title!==e.title&&this._store.dispatch(ar(e.title))}subscribeToStore(){this.subscriber=(0,n.debounce)(this.refreshYoastSEO,500),this._store.subscribe(this.subscriber)}getInitialData(e){e=function(e,t){if(!e.custom_taxonomies)return e;const s={};return(0,n.forEach)(e.custom_taxonomies,(e,t)=>{const{name:i,label:o,descriptionName:r,descriptionLabel:n}=function(e){const t=ds(e);return{name:"ct_"+t,label:as(e+" (custom taxonomy)"),descriptionName:"ct_desc_"+t,descriptionLabel:as(e+" description (custom taxonomy)")}}(t),a="string"==typeof e.name?(0,J.decodeHTML)(e.name):e.name,l="string"==typeof e.description?(0,J.decodeHTML)(e.description):e.description;s[i]={value:a,label:o},s[r]={value:l,label:n}}),t.dispatch(function(e){return{type:"SNIPPET_EDITOR_UPDATE_REPLACEMENT_VARIABLES_BATCH",updatedVariables:e}}(s)),(0,n.omit)({...e},"custom_taxonomies")}(e=function(e,t){return e.custom_fields?((0,n.forEach)(e.custom_fields,(e,s)=>{const{name:i,label:o}=function(e){return{name:"cf_"+ds(e),label:as(e+" (custom field)")}}(s);t.dispatch(ns(i,e,o))}),(0,n.omit)({...e},"custom_fields")):e}(e,this._store),this._store);const t=this.getContent(),s=this.getFeaturedImage();return{...e,title:this.getTitle(),excerpt:this.getExcerpt(),excerpt_only:this.getExcerpt(!1),slug:this.getSlug(),content:t,snippetPreviewImageURL:s,contentImage:this.getContentImage(t)}}getData(){return{...this._store.getState().snippetEditor.data,title:this.getTitle(),content:this.getContent(),excerpt:this.getExcerpt(),excerpt_only:this.getExcerpt(!1)}}}})()})(); | |
| 589 | +`,Ao="yoast-seo/editor";function Po({location:e,show:t}){return t?(0,d.jsxs)(K.Alert,{type:"info",children:[(0,l.sprintf)(/* translators: %s Expands to "Yoast News SEO" */ /* translators: %s Expands to "Yoast News SEO" */ | |
| 590 | +(0,l.__)("Are you working on a news article? %s helps you optimize your site for Google News.","wordpress-seo"),"Yoast News SEO")+" ",(0,d.jsx)(Eo,{href:window.wpseoAdminL10n[`shortlinks.upsell.${e}.news`],children:(0,l.sprintf)(/* translators: %s: Expands to "Yoast News SEO". */ /* translators: %s: Expands to "Yoast News SEO". */ | |
| 591 | +(0,l.__)("Buy %s now!","wordpress-seo"),"Yoast News SEO")})]}):null}Po.propTypes={show:o().bool.isRequired,location:o().string.isRequired};const qo=(e,t,s)=>{const i=(0,a.useSelect)(e=>e(Ao).getIsProduct(),[]),o=(0,a.useSelect)(e=>e(Ao).getIsWooSeoActive(),[]),r=i&&o?{name:(0,l.__)("Item Page","wordpress-seo"),value:"ItemPage"}:e.find(e=>e.value===t);return[{name:(0,l.sprintf)(/* translators: %1$s expands to the plural name of the current post type, %2$s expands to the current site wide default. */ /* translators: %1$s expands to the plural name of the current post type, %2$s expands to the current site wide default. */ | |
| 592 | +(0,l.__)("Default for %1$s (%2$s)","wordpress-seo"),s,r?r.name:""),value:""},...e]},Fo=(e,t)=>c((e=>(0,l.sprintf)(/* translators: %1$s expands to the plural name of the current post type, %2$s and %3$s expand to a link to the Settings page */ /* translators: %1$s expands to the plural name of the current post type, %2$s and %3$s expand to a link to the Settings page */ | |
| 593 | +(0,l.__)("You can change the default type for %1$s under Content types in the %2$sSettings%3$s.","wordpress-seo"),e,"<link>","</link>"))(e),{link:(0,d.jsx)("a",{href:t,target:"_blank",rel:"noreferrer"})}),Mo=({helpTextTitle:e,helpTextLink:t,helpTextDescription:s})=>(0,d.jsx)(K.FieldGroup,{label:e,linkTo:t | |
| 594 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about structured data with Schema.org","wordpress-seo"),description:s});Mo.propTypes={helpTextTitle:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextDescription:o().string.isRequired};const Do=({schemaPageTypeChange:t=n.noop,schemaPageTypeSelected:s=null,pageTypeOptions:i,schemaArticleTypeChange:o=n.noop,schemaArticleTypeSelected:r=null,articleTypeOptions:c,showArticleTypeInput:p,additionalHelpTextLink:u,helpTextLink:h,helpTextTitle:g,helpTextDescription:m,postTypeName:y,displayFooter:w=!1,defaultPageType:f,defaultArticleType:x,location:b,isNewsEnabled:v=!1})=>{const k=qo(i,f,y),_=qo(c,x,y),T=(0,a.useSelect)(e=>e(Ao).selectLink("https://yoa.st/product-schema-metabox"),[]),j=(0,a.useSelect)(e=>e(Ao).getIsWooSeoUpsell(),[]),[R,S]=(0,e.useState)(r),I=(0,l.__)("Want your products stand out in search results with rich results like price, reviews and more?","wordpress-seo"),C=(0,a.useSelect)(e=>e(Ao).getIsProduct(),[]),E=(0,a.useSelect)(e=>e(Ao).getIsWooSeoActive(),[]),L=(0,a.useSelect)(e=>e(Ao).selectAdminLink("?page=wpseo_page_settings"),[]),A=C&&E,P=(0,e.useCallback)((e,t)=>{S(t)},[]);return(0,e.useEffect)(()=>{P(null,r)},[r]),(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(Mo,{helpTextLink:h,helpTextTitle:g,helpTextDescription:m}),(0,d.jsx)(K.FieldGroup,{label:(0,l.__)("What type of page or content is this?","wordpress-seo"),linkTo:u | |
| 595 | +/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about page or content types","wordpress-seo")}),j&&(0,d.jsx)(vs,{link:T,text:I}),(0,d.jsx)(K.Select,{id:(0,de.join)(["yoast-schema-page-type",b]),options:k,label:(0,l.__)("Page type","wordpress-seo"),onChange:t,selected:A?"ItemPage":s,disabled:A}),p&&(0,d.jsx)(K.Select,{id:(0,de.join)(["yoast-schema-article-type",b]),options:_,label:(0,l.__)("Article type","wordpress-seo"),onChange:o,selected:r,onOptionFocus:P}),(0,d.jsx)(Po,{location:b,show:!v&&(q=R,F=x,"NewsArticle"===q||""===q&&"NewsArticle"===F)}),w&&!A&&(0,d.jsx)("p",{children:Fo(y,L)}),A&&(0,d.jsx)("p",{children:(0,l.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast WooCommerce SEO. */ | |
| 596 | +(0,l.__)("You have %1$s activated on your site, automatically setting the Page type for your products to 'Item Page'. As a result, the Page type selection is disabled.","wordpress-seo"),"Yoast WooCommerce SEO")})]});var q,F},Oo=o().arrayOf(o().shape({name:o().string,value:o().string}));Do.propTypes={schemaPageTypeChange:o().func,schemaPageTypeSelected:o().string,pageTypeOptions:Oo.isRequired,schemaArticleTypeChange:o().func,schemaArticleTypeSelected:o().string,articleTypeOptions:Oo.isRequired,showArticleTypeInput:o().bool.isRequired,additionalHelpTextLink:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextTitle:o().string.isRequired,helpTextDescription:o().string.isRequired,postTypeName:o().string.isRequired,displayFooter:o().bool,defaultPageType:o().string.isRequired,defaultArticleType:o().string.isRequired,location:o().string.isRequired,isNewsEnabled:o().bool};const No=({isMetabox:t,showArticleTypeInput:s=!1,articleTypeLabel:i="",additionalHelpTextLink:o="",pageTypeLabel:r,helpTextLink:n,helpTextTitle:a,helpTextDescription:l,postTypeName:c,displayFooter:p=!1,loadSchemaArticleData:u,loadSchemaPageData:h,location:g,...m})=>{const y=(0,d.jsx)(Do,{showArticleTypeInput:s,articleTypeLabel:i,additionalHelpTextLink:o,pageTypeLabel:r,helpTextLink:n,helpTextTitle:a,helpTextDescription:l,postTypeName:c,displayFooter:p,loadSchemaArticleData:u,loadSchemaPageData:h,location:g,...m});return t?(0,e.createPortal)((0,d.jsx)(Lo,{children:y}),document.getElementById("wpseo-meta-section-schema")):y};No.propTypes={isMetabox:o().bool.isRequired,showArticleTypeInput:o().bool,articleTypeLabel:o().string,additionalHelpTextLink:o().string,pageTypeLabel:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextTitle:o().string.isRequired,helpTextDescription:o().string.isRequired,postTypeName:o().string.isRequired,displayFooter:o().bool,loadSchemaArticleData:o().func.isRequired,loadSchemaPageData:o().func.isRequired,location:o().string.isRequired};const $o=No;class Uo{static get articleTypeInput(){return document.getElementById("yoast_wpseo_schema_article_type")}static get defaultArticleType(){return Uo.articleTypeInput.getAttribute("data-default")}static get articleType(){return Uo.articleTypeInput.value}static set articleType(e){Uo.articleTypeInput.value=e}static get pageTypeInput(){return document.getElementById("yoast_wpseo_schema_page_type")}static get defaultPageType(){return Uo.pageTypeInput.getAttribute("data-default")}static get pageType(){return Uo.pageTypeInput.value}static set pageType(e){Uo.pageTypeInput.value=e}}const Wo=t=>{const s=null!==Uo.articleTypeInput;(0,e.useEffect)(()=>{t.loadSchemaPageData(),s&&t.loadSchemaArticleData()},[]);const{pageTypeOptions:i,articleTypeOptions:o}=window.wpseoScriptData.metabox.schema,r={articleTypeLabel:(0,l.__)("Article type","wordpress-seo"),pageTypeLabel:(0,l.__)("Page type","wordpress-seo"),postTypeName:window.wpseoAdminL10n.postTypeNamePlural,helpTextTitle:(0,l.__)("Yoast SEO automatically describes your pages using schema.org","wordpress-seo"),helpTextDescription:(0,l.__)("This helps search engines understand your website and your content. You can change some of your settings for this page below.","wordpress-seo"),showArticleTypeInput:s,pageTypeOptions:i,articleTypeOptions:o},n={...t,...r,...(a=t.location,"metabox"===a?{helpTextLink:wpseoAdminL10n["shortlinks.metabox.schema.explanation"],additionalHelpTextLink:wpseoAdminL10n["shortlinks.metabox.schema.page_type"],isMetabox:!0}:{helpTextLink:wpseoAdminL10n["shortlinks.sidebar.schema.explanation"],additionalHelpTextLink:wpseoAdminL10n["shortlinks.sidebar.schema.page_type"],isMetabox:!1})};var a;return(0,d.jsx)($o,{...n})};Wo.propTypes={displayFooter:o().bool.isRequired,schemaPageTypeSelected:o().string.isRequired,schemaArticleTypeSelected:o().string.isRequired,defaultArticleType:o().string.isRequired,defaultPageType:o().string.isRequired,loadSchemaPageData:o().func.isRequired,loadSchemaArticleData:o().func.isRequired,schemaPageTypeChange:o().func.isRequired,schemaArticleTypeChange:o().func.isRequired,location:o().string.isRequired};const Ho=(0,re.compose)([(0,a.withSelect)(e=>{const{getPreferences:t,getPageType:s,getDefaultPageType:i,getArticleType:o,getDefaultArticleType:r}=e("yoast-seo/editor"),{displaySchemaSettingsFooter:n,isNewsEnabled:a}=t();return{displayFooter:n,isNewsEnabled:a,schemaPageTypeSelected:s(),schemaArticleTypeSelected:o(),defaultArticleType:r(),defaultPageType:i()}}),(0,a.withDispatch)(e=>{const{setPageType:t,setArticleType:s,getSchemaPageData:i,getSchemaArticleData:o}=e("yoast-seo/editor");return{loadSchemaPageData:i,loadSchemaArticleData:o,schemaPageTypeChange:t,schemaArticleTypeChange:s}}),as()])(Wo),Bo=window.yoast.relatedKeyphraseSuggestions;function Ko({requestLimitReached:e,isSuccess:t,response:s,requestHasData:i,relatedKeyphrases:o}){return e?"requestLimitReached":!t&&function(e){return"invalid_json"===(null==e?void 0:e.code)||"fetch_error"===(null==e?void 0:e.code)||!(0,n.isEmpty)(e)&&"error"in e}(s)?"requestFailed":i?function(e){return e&&e.length>=4}(o)?"maxRelatedKeyphrases":null:"requestEmpty"}function Yo({keyphrase:t="",relatedKeyphrases:s=[],renderAction:i=null,requestLimitReached:o=!1,countryCode:n,setCountry:a,newRequest:l,response:c={},isRtl:p=!1,userLocale:u="en_US",isPending:h=!1,isSuccess:g=!1,requestHasData:m=!0,isPremium:y=!1,semrushUpsellLink:w="",premiumUpsellLink:f=""}){var x,b;const[v,k]=(0,e.useState)(n),_=(0,e.useCallback)(async()=>{l(n,t),k(n)},[n,t,l]);return(0,d.jsxs)(r.Root,{context:{isRtl:p},children:[!o&&!y&&(0,d.jsx)(Bo.PremiumUpsell,{url:f,className:"yst-mb-4"}),!o&&(0,d.jsx)(Bo.CountrySelector,{countryCode:n,activeCountryCode:v,onChange:a,onClick:_,className:"yst-mb-4",userLocale:u.split("_")[0]}),!h&&(0,d.jsx)(Bo.UserMessage,{variant:Ko({requestLimitReached:o,isSuccess:g,response:c,requestHasData:m,relatedKeyphrases:s}),upsellLink:w}),(0,d.jsx)(Bo.KeyphrasesTable,{relatedKeyphrases:s,columnNames:null==c||null===(x=c.results)||void 0===x?void 0:x.columnNames,data:null==c||null===(b=c.results)||void 0===b?void 0:b.rows,isPending:h,renderButton:i,className:"yst-mt-4"})]})}Yo.propTypes={keyphrase:o().string,relatedKeyphrases:o().array,renderAction:o().func,requestLimitReached:o().bool,countryCode:o().string.isRequired,setCountry:o().func.isRequired,newRequest:o().func.isRequired,response:o().object,isRtl:o().bool,userLocale:o().string,isPending:o().bool,isSuccess:o().bool,requestHasData:o().bool,isPremium:o().bool,semrushUpsellLink:o().string,premiumUpsellLink:o().string};const zo=(0,re.compose)([(0,a.withSelect)(e=>{const{getFocusKeyphrase:t,getSEMrushSelectedCountry:s,getSEMrushRequestLimitReached:i,getSEMrushRequestResponse:o,getSEMrushRequestIsSuccess:r,getSEMrushIsRequestPending:n,getSEMrushRequestHasData:a,getPreference:l,getIsPremium:c,selectLinkParams:d}=e("yoast-seo/editor");return{keyphrase:t(),countryCode:s(),requestLimitReached:i(),response:o(),isSuccess:r(),isPending:n(),requestHasData:a(),isRtl:l("isRtl",!1),userLocale:l("userLocale","en_US"),isPremium:c(),semrushUpsellLink:(0,Ds.addQueryArgs)("https://yoa.st/semrush-prices",d()),premiumUpsellLink:(0,Ds.addQueryArgs)("https://yoa.st/413",d())}}),(0,a.withDispatch)(e=>{const{setSEMrushChangeCountry:t,setSEMrushNewRequest:s}=e("yoast-seo/editor");return{setCountry:e=>{t(e)},newRequest:(e,t)=>{s(e,t)}}})])(Yo),Vo=({isOpen:e,closeModal:t,id:s,upsellLink:i})=>(0,d.jsx)(ei,{isOpen:e,onClose:t,id:s,upsellLink:i,title:(0,l.__)("Cover more search intent with related keyphrases","wordpress-seo"),description:(0,l.__)("Optimize for up to 5 keyphrases to shape your content around different themes, audiences, and angles - helping it get discovered by a wider audience.","wordpress-seo"),note:(0,l.__)("Fine-tune your content for every audience","wordpress-seo"),modalTitle:(0,l.__)("Add more keyphrases with Premium","wordpress-seo"),ctbId:"f6a84663-465f-4cb5-8ba5-f7a6d72224b2"}),Go=()=>{const[t,,,s,i]=(0,r.useToggleState)(!1),o=(0,e.useContext)(J.LocationContext),{locationContext:n}=(0,J.useRootContext)(),a=(0,r.useSvgAria)(),c=wpseoAdminL10n["sidebar"===o.toLowerCase()?"shortlinks.upsell.sidebar.additional_button":"shortlinks.upsell.metabox.additional_button"];return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Vo,{isOpen:t,closeModal:i,upsellLink:(0,Ds.addQueryArgs)(c,{context:n}),id:`yoast-additional-keyphrases-modal-${o}`}),"sidebar"===o&&(0,d.jsx)(xe,{id:"yoast-additional-keyphrase-modal-open-button",title:(0,l.__)("Add related keyphrase","wordpress-seo"),prefixIcon:{icon:"plus",color:Y.colors.$color_grey_medium_dark},onClick:s,children:(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsx)(r.Badge,{size:"small",variant:"upsell",children:(0,d.jsx)(Xs(),{className:"yst-w-2.5 yst-h-2.5 yst-shrink-0",...a})})})}),"metabox"===o&&(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsxs)(ce,{id:"yoast-additional-keyphrase-metabox-modal-open-button",onClick:s,children:[(0,d.jsx)(K.SvgIcon,{icon:"plus",color:Y.colors.$color_grey_medium_dark}),(0,d.jsx)(ce.Text,{children:(0,l.__)("Add related keyphrase","wordpress-seo")}),(0,d.jsxs)(r.Badge,{size:"small",variant:"upsell",children:[(0,d.jsx)(Xs(),{className:"yst-w-2.5 yst-h-2.5 yst-me-1 yst-shrink-0",...a}),(0,d.jsx)("span",{children:"Premium"})]})]})})]})};var Zo=s(998),Xo=s.n(Zo);const Qo=({store:t="yoast-seo/editor",location:s="sidebar"})=>{const i="black-friday-promotion",o=(0,a.useSelect)(e=>e(t).getIsPremium(),[t]),n=(0,a.useSelect)(e=>e(t).selectLinkParams(),[t]),c=(0,a.useSelect)(e=>e(t).isPromotionActive(i),[t]),p=(0,a.useSelect)(e=>e(t).getIsWooCommerceActive(),[t]),u=(0,a.useSelect)(e=>e(t).isAlertDismissed(i),[t]),h=(0,e.useCallback)(()=>{(0,a.dispatch)(t).dismissAlert(i)},[t,i]),m=(0,Ds.addQueryArgs)("https://yoa.st/black-friday-sale",n),y=(0,r.useSvgAria)();return o||!c||u?null:(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsxs)("div",{className:q()("yst-border yst-rounded-lg yst-p-4 yst-max-w-md yst-relative yst-shadow-sm yst-mt-2",p?"yst-border-woo-light":"yst-border-primary-200"),children:[(0,d.jsxs)(r.Badge,{size:"small",className:"yst-text-[10px] yst-bg-black yst-text-amber-300 yst-absolute yst--top-2",children:[(0,l.__)("BLACK FRIDAY","wordpress-seo")," "]}),(0,d.jsxs)("button",{className:"yst-absolute yst-top-4 yst-end-4",onClick:h,children:[(0,d.jsx)(Xo(),{className:"yst-w-4 yst-text-slate-400 yst-shrink-0 yst--mt-0.5"}),(0,d.jsx)("div",{className:"yst-sr-only",children:(0,l.__)("Dismiss","wordpress-seo")})]}),(0,d.jsxs)("div",{className:q()("sidebar"===s?"":"yst-flex yst-justify-between yst-gap-3"),children:[(0,d.jsxs)("div",{className:p?"yst-text-woo-light":"yst-text-primary-500",children:[(0,d.jsx)("div",{className:"yst-text-2xl yst-font-bold",children:(0,l.__)("30% OFF","wordpress-seo")}),(0,d.jsx)("div",{className:"yst-flex yst-gap-2 yst-font-semibold yst-text-tiny",children:p?(0,d.jsxs)(d.Fragment,{children:["Yoast WooCommerce SEO ",(0,d.jsx)(Js(),{className:"yst-w-4 yst-scale-x-[-1]",...y})]}):(0,d.jsxs)(d.Fragment,{children:[" Yoast SEO Premium ",(0,d.jsx)(D,{className:"yst-w-4",...y})]})})]}),(0,d.jsx)("div",{className:"yst-flex yst-items-end",children:(0,d.jsxs)(r.Button,{as:"a",className:q()("sidebar"===s?"yst-w-full":"yst-w-[140px]","yst-flex yst-gap-1 yst-w-[140px] yst-h-7 yst-mt-4"),variant:"upsell",href:m,target:"_blank",rel:"noreferrer",children:[(0,l.__)("Buy now!","wordpress-seo"),(0,d.jsx)(g(),{className:"yst-w-4 rtl:yst-rotate-180",...y})]})})]})]})})};Qo.propTypes={store:o().string,location:o().oneOf(["sidebar","metabox"]),inEditorIntro:o().bool};const Jo="yoast-seo/content-planner",er=(0,re.compose)([(0,a.withDispatch)(e=>{const{setFeatureModalStatus:t}=e(Jo);return{setFeatureModalStatus:t}})])(({location:t,setFeatureModalStatus:s})=>{const i=(0,e.useCallback)(()=>{s("idle")},[s]),o=(0,a.useSelect)(e=>e(Jo).selectIsMinPostsMet(),[]),n="yoast-content-planner-min-posts-notice-"+t;return(0,d.jsx)(r.Root,{children:(0,d.jsxs)("div",{className:q()("metabox"===t&&"yst-flex yst-items-center yst-gap-3"),children:[(0,d.jsx)(r.Button,{variant:"ai-secondary",onClick:i,disabled:!o,"aria-describedby":o?null:n,className:"sidebar"===t?"yst-w-full":"",children:(0,l.__)("Get content suggestions","wordpress-seo")}),!o&&(0,d.jsx)("span",{id:n,className:q()("yst-text-sm yst-text-slate-500 yst-italic","sidebar"===t&&"yst-flex yst-mt-1 yst-justify-center"),children:(0,l.__)("Available after 5 published posts","wordpress-seo")})]})})});var tr;function sr(){return sr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)({}).hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},sr.apply(null,arguments)}const ir=e=>f.createElement("svg",sr({xmlns:"http://www.w3.org/2000/svg",fill:"none","aria-hidden":"true",viewBox:"0 0 54 24"},e),tr||(tr=f.createElement("path",{fill:"currentColor",d:"M17.854 5.72c-4.173 0-5.842 2.798-5.842 5.913 0 3.116 1.645 6.036 5.842 6.036 4.196 0 5.831-2.93 5.824-5.846-.01-3.551-1.809-6.104-5.824-6.104v.001zm-2.528 6.09c.101-4.169 3.306-4.165 4.377-2.672.976 1.36 1.176 6.013-1.85 5.98-1.392-.016-2.486-.956-2.527-3.309zm36.371 2.968V8.74h2.161V6.117h-2.16V2.951H48.36v3.166h-1.694V8.74h1.694v5.696c0 3.239 2.26 5.162 4.643 5.56l.997-2.68c-1.39-.176-2.29-1.214-2.303-2.537zm-16.84-.957v-4.54c0-.165-.01-.32-.026-.472-.29-3.668-5.503-3.66-9.54-2.252l1.166 2.346c2.63-1.248 4.203-.926 4.753-.311.014.016.028.031.04.048l.005.007c.28.379.213.975.213 1.445-3.436 0-7.093.455-7.093 4.22 0 2.862 3.59 4.703 7.34 1.976l.556 1.341h3.215c-.286-1.575-.63-2.925-.63-3.808h.002zm-3.362-.025c-2.643 2.955-5.064.174-2.585-1.04.73-.248 1.72-.26 2.585-.26v1.3zm8.492-4.759c0-1.118 1.792-1.64 4.619-.351l.977-2.371c-3.804-1.15-8.998-1.252-9.033 2.722-.016 1.905 1.208 2.93 2.969 3.585 1.22.453 2.98.687 2.975 1.657-.006 1.268-2.736 1.463-5.221-.243l-1.004 2.572c3.39 1.686 9.692 1.733 9.66-2.49-.034-4.176-5.94-3.46-5.94-5.08h-.002zM10.638 0 5.783 13.471 3.46 6.196H0l3.872 9.935c.33.846.33 1.784 0 2.63-.433 1.11-1.153 2.057-2.908 2.294V24c3.418 0 5.265-2.1 6.913-6.699L14.337 0h-3.7z"}))),or=({children:e})=>(0,d.jsxs)("div",{className:"yst-p-4 yst-flex yst-flex-col yst-gap-3",children:[(0,d.jsx)(ir,{className:"yst-w-14 yst-text-primary-500"}),e]}),rr=({withPromptForContentSuggestions:e,className:t})=>(0,d.jsx)("p",{className:q()("yst-text-slate-600 yst-my-0",t),children:e?(0,l.__)("Optimize your content for discovery or get new content suggestions.","wordpress-seo"):(0,l.__)("Optimize your content for discovery.","wordpress-seo")}),nr=(ar=Qo,e=>!(()=>{var e,t;const s=(0,a.select)("yoast-seo/editor").getIsPremium(),i=(0,a.select)("yoast-seo/editor").getWarningMessage();return(s&&null!==(e=null===(t=(0,a.select)("yoast-seo-premium/editor"))||void 0===t?void 0:t.getMetaboxWarning())&&void 0!==e?e:[]).length>0||i.length>0})()&&(0,d.jsx)(ar,{...e}));var ar;function lr({settings:s}){const{isTerm:i,isPost:o,isAiFeatureActive:r}=(0,a.useSelect)(e=>({isTerm:e("yoast-seo/editor").getIsTerm(),isPost:"post"===e("yoast-seo/editor").getPostType(),isAiFeatureActive:e("yoast-seo/editor").getPreference("isAiFeatureActive")}),[]),n=window.wpseoScriptData&&"1"===window.wpseoScriptData.isBlockEditor;return n&&(()=>{const{editorMode:t,activeAIButtonId:s}=(0,a.useSelect)(e=>({editorMode:e("core/edit-post").getEditorMode(),activeAIButtonId:e("yoast-seo/editor").getActiveAIFixesButton()}),[]),{setMarkerStatus:i}=(0,a.useDispatch)("yoast-seo/editor");(0,e.useEffect)(()=>(i("visual"===t&&s||"text"===t?"disabled":"enabled"),()=>{i("disabled")}),[t,s])})(),(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(t.Fill,{name:"YoastMetabox",children:[(0,d.jsx)(ii,{renderPriority:0,children:(0,d.jsx)(Ts,{})},"warning"),(0,d.jsx)(ii,{renderPriority:1,children:(0,d.jsxs)(or,{children:[(0,d.jsx)(nr,{location:"metabox"}),(0,d.jsx)(rr,{withPromptForContentSuggestions:r&&n&&o}),o&&n&&r&&(0,d.jsx)(er,{location:"metabox"})]})},"editor-intro"),s.isKeywordAnalysisActive&&(0,d.jsxs)(ii,{renderPriority:8,children:[(0,d.jsx)(ns.TopicInputs,{isSEMrushIntegrationActive:s.isSEMrushIntegrationActive}),!window.wpseoScriptData.metabox.isPremium&&(0,d.jsx)(t.Fill,{name:"YoastRelatedKeyphrases",children:(0,d.jsx)(zo,{})})]},"keyword-input"),(0,d.jsx)(ii,{renderPriority:9,children:(0,d.jsx)(Es,{id:"yoast-snippet-editor-metabox",title:(0,l.__)("Search appearance","wordpress-seo"),initialIsOpen:!0,children:(0,d.jsx)(_s,{hasPaperStyle:!1})})},"search-appearance"),s.isContentAnalysisActive&&(0,d.jsx)(ii,{renderPriority:10,children:(0,d.jsx)(ns.ReadabilityAnalysis,{shouldUpsell:s.shouldUpsell})},"readability-analysis"),s.isKeywordAnalysisActive&&(0,d.jsx)(ii,{renderPriority:20,children:(0,d.jsx)(e.Fragment,{children:(0,d.jsx)(ns.SeoAnalysis,{shouldUpsell:s.shouldUpsell})})},"seo-analysis"),s.isInclusiveLanguageAnalysisActive&&(0,d.jsx)(ii,{renderPriority:21,children:(0,d.jsx)(ns.InclusiveLanguageAnalysis,{})},"inclusive-language-analysis"),s.isKeywordAnalysisActive&&(0,d.jsx)(ii,{renderPriority:22,children:s.shouldUpsell&&(0,d.jsx)(Go,{})},"additional-keywords-upsell"),s.isKeywordAnalysisActive&&s.isWincherIntegrationActive&&(0,d.jsx)(ii,{renderPriority:23,children:(0,d.jsx)(rs,{location:"metabox"})},"wincher-seo-performance"),s.shouldUpsell&&!i&&(0,d.jsx)(ii,{renderPriority:25,children:(0,d.jsx)(ti,{})},"internal-linking-suggestions-upsell"),s.isCornerstoneActive&&(0,d.jsx)(ii,{renderPriority:30,children:(0,d.jsx)(ls,{})},"cornerstone"),s.displayAdvancedTab&&(0,d.jsx)(ii,{renderPriority:40,children:(0,d.jsx)(Es,{id:"collapsible-advanced-settings",title:(0,l.__)("Advanced","wordpress-seo"),children:(0,d.jsx)(pi,{})})},"advanced"),s.displaySchemaSettings&&(0,d.jsx)(ii,{renderPriority:50,children:(0,d.jsx)(Ho,{})},"schema"),n&&(0,d.jsx)(ii,{renderPriority:24,children:(0,d.jsx)(ns.ContentBlocks,{})},"content-blocks"),(0,d.jsx)(ii,{renderPriority:-1,children:(0,d.jsx)(Co,{target:"wpseo-section-social"})},"social"),s.isInsightsEnabled&&(0,d.jsx)(ii,{renderPriority:52,children:(0,d.jsx)(Gs,{location:"metabox"})},"insights")]})})}lr.propTypes={settings:o().object.isRequired};const cr=(0,re.compose)([(0,a.withSelect)((e,t)=>{const{getPreferences:s}=e("yoast-seo/editor");return{settings:s(),store:t.store}})])(lr);function dr({target:e,store:t,theme:s}){return(0,d.jsxs)(G,{target:e,children:[(0,d.jsx)(oe,{store:t,theme:s}),(0,d.jsx)(cr,{store:t,theme:s})]})}dr.propTypes={target:o().string.isRequired,store:o().object.isRequired,theme:o().object.isRequired};const pr=[];let ur=null;class hr extends e.Component{constructor(e){super(e),this.state={registeredComponents:[...pr]}}registerComponent(e,t){this.setState(s=>({...s,registeredComponents:[...s.registeredComponents,{key:e,Component:t}]}))}render(){return this.state.registeredComponents.map(({Component:e,key:t})=>(0,d.jsx)(e,{},t))}}function gr(e,t){null===ur||null===ur.current?pr.push({key:e,Component:t}):ur.current.registerComponent(e,t)}const mr=window.yoast.externals.redux,yr=window.jQuery;var wr=s.n(yr);function fr(e){let t="";var s;return t=!1===function(e){if("undefined"==typeof tinyMCE||void 0===tinyMCE.editors||0===tinyMCE.editors.length)return!1;const t=tinyMCE.get(e);return null!==t&&!t.isHidden()}(e)||0==(s=e,null!==document.getElementById(s+"_ifr"))?function(e){return document.getElementById(e)&&document.getElementById(e).value||""}(e):tinyMCE.get(e).getContent(),t}n.noop,n.noop,n.noop;const{removeMarks:xr}=z.markers,{updateReplacementVariable:br,updateData:vr,hideReplacementVariables:kr,setContentImage:_r,setEditorDataContent:Tr,setEditorDataTitle:jr,setEditorDataExcerpt:Rr,setEditorDataImageUrl:Sr,setEditorDataSlug:Ir}=mr.actions;window.yoast=window.yoast||{},window.yoast.initEditorIntegration=function(s){window.YoastSEO=window.YoastSEO||{},window.YoastSEO._registerReactComponent=gr,function(s){const i=Ks();ur=(0,e.createRef)();const o={isRtl:i.isRtl};(0,e.createRoot)(document.getElementById("wpseo-metabox-root")).render((0,d.jsxs)(t.SlotFillProvider,{children:[(0,d.jsx)(J.Root,{context:{locationContext:"classic-metabox"},children:(0,d.jsx)(dr,{target:"wpseo-metabox-root",store:s,theme:o})}),(0,d.jsx)(hr,{ref:ur})]}))}(s)},window.yoast.EditorData=class{constructor(e,t,s="content"){this._refresh=e,this._store=t,this._tinyMceId=s,this._previousData={},this._previousEditorData={},this.updateReplacementData=this.updateReplacementData.bind(this),this.refreshYoastSEO=this.refreshYoastSEO.bind(this)}initialize(e,t=[]){const s=this.getInitialData(e);var i,o;i=s,o=this._store,(0,n.forEach)(i,(e,t)=>{ws.includes(t)||o.dispatch(gs(t,e))}),this._store.dispatch(kr(t)),this._previousEditorData.content=s.content,this._store.dispatch(Tr(s.content)),this._previousEditorData.contentImage=s.contentImage,this._store.dispatch(_r(s.contentImage)),this.setImageInSnippetPreview(s.snippetPreviewImageURL||s.contentImage),this._previousEditorData.slug=s.slug,this._store.dispatch(Ir(s.slug)),this.updateReplacementData({target:{value:s.title}},"title"),this.updateReplacementData({target:{value:s.excerpt}},"excerpt"),this.updateReplacementData({target:{value:s.excerpt_only}},"excerpt_only"),this.subscribeToElements(),this.subscribeToStore(),this.subscribeToSnippetPreviewImage(),this.subscribeToTinyMceEditor(),this.subscribeToSlug()}subscribeToTinyMceEditor(){const e=e=>{if((0,n.isString)(e)||(e=this.getContent()),this._previousEditorData.content===e)return;if(this._previousEditorData.content=e,this._store.dispatch(Tr(e)),this.featuredImageIsSet)return;const t=this.getContentImage(e);this._previousEditorData.contentImage!==t&&(this._previousEditorData.contentImage=t,this._store.dispatch(_r(t)),this.setImageInSnippetPreview(t))};wr()(document).on("tinymce-editor-init",(t,s)=>{s.id===this._tinyMceId&&(e(this.getContent()),["input","change","cut","paste"].forEach(t=>s.on(t,(0,n.debounce)(e,1e3))))});const t=document.getElementById("attachment_content");t&&(e(t.value),t.addEventListener("input",t=>e(t.target.value)))}subscribeToSlug(){const e=e=>{this._previousEditorData.slug!==e&&(this._previousEditorData.slug=e,this._store.dispatch(Ir(e)),this._store.dispatch(vr({slug:e})))},t=document.getElementById("slug");t&&t.addEventListener("input",t=>e(t.target.value));const s=document.getElementById("post_name");s&&s.addEventListener("input",t=>e(t.target.value));const i=document.getElementById("edit-slug-buttons");i&&new MutationObserver((t,s)=>t.forEach(t=>{t.addedNodes.forEach(t=>{var i,o;if(null==t||null===(i=t.classList)||void 0===i||!i.contains("edit-slug"))return;const r=null===(o=document.getElementById("editable-post-name-full"))||void 0===o?void 0:o.innerText;r&&(e(r),s.disconnect(),this.subscribeToSlug())})})).observe(i,{childList:!0})}subscribeToSnippetPreviewImage(){if((0,n.isUndefined)(wp.media)||(0,n.isUndefined)(wp.media.featuredImage))return;wr()("#postimagediv").on("click","#remove-post-thumbnail",()=>{this.featuredImageIsSet=!1,this.setImageInSnippetPreview(this.getContentImage(this.getContent()))});const e=wp.media.featuredImage.frame();var t,s,i;e.on("select",()=>{const t=e.state().get("selection").first().attributes.url;t&&(this.featuredImageIsSet=!0,this.setImageInSnippetPreview(t))}),t=this._tinyMceId,s=["init"],i=()=>{const e=this.getContentImage(this.getContent()),t=this.getFeaturedImage()||e||"";this._store.dispatch(_r(e)),this.setImageInSnippetPreview(t)},"undefined"!=typeof tinyMCE&&"function"==typeof tinyMCE.on&&tinyMCE.on("addEditor",function(e){const o=e.editor;o.id===t&&(0,n.forEach)(s,function(e){o.on(e,i)})})}getFeaturedImage(){const e=wr()("#set-post-thumbnail img").attr("src");return e?(this.featuredImageIsSet=!0,e):(this.featuredImageIsSet=!1,null)}setImageInSnippetPreview(e){this._store.dispatch(Sr(e)),this._store.dispatch(vr({snippetPreviewImageURL:e}))}getContentImage(e){if(this.featuredImageIsSet)return"";const t=z.languageProcessing.imageInText(e);if(0===t.length)return"";const s=wr().parseHTML(t.join(""));for(const e of s)if(e.src)return e.src;return""}getTitle(){const e=document.getElementById("title")||document.getElementById("name");return e&&e.value||""}getExcerpt(e=!0){const t=document.getElementById("excerpt"),s=t&&t.value||"",i="ja"===function(){const e=Ks();return(0,n.get)(e,"contentLocale","en_US")}()?80:156;return""!==s||!1===e?s:function(e,t=156){return(e=(e=(0,hs.stripTags)(e)).trim()).length<=t||(e=e.substring(0,t),/\s/.test(e)&&(e=e.substring(0,e.lastIndexOf(" ")))),e}(this.getContent(),i)}getSlug(){let e="";const t=document.getElementById("new-post-slug")||document.getElementById("slug");return t?e=t.value:null!==document.getElementById("editable-post-name-full")&&(e=document.getElementById("editable-post-name-full").textContent),e}getContent(){return xr(fr(this._tinyMceId))}subscribeToElements(){this.subscribeToInputElement("title","title"),this.subscribeToInputElement("excerpt","excerpt"),this.subscribeToInputElement("excerpt","excerpt_only")}subscribeToInputElement(e,t){const s=document.getElementById(e);s&&s.addEventListener("input",e=>{this.updateReplacementData(e,t)})}updateReplacementData(e,t){let s=e.target.value;if("excerpt"===t&&""===s&&(s=this.getExcerpt()),this._previousEditorData[t]!==s){switch(this._previousEditorData[t]=s,t){case"title":this._store.dispatch(jr(s));break;case"excerpt":this._store.dispatch(Rr(s))}this._store.dispatch(br(t,s))}}isShallowEqual(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const s in e)if(e.hasOwnProperty(s)&&(!(s in t)||e[s]!==t[s]))return!1;return!0}refreshYoastSEO(){const e=this.getData();!this.isShallowEqual(this._previousData,e)&&(this.handleEditorChange(e),this._previousData=e,window.YoastSEO&&window.YoastSEO.app&&window.YoastSEO.app.refresh())}handleEditorChange(e){this._previousData.excerpt!==e.excerpt&&(this._store.dispatch(br("excerpt",e.excerpt)),this._store.dispatch(br("excerpt_only",e.excerpt_only))),this._previousData.snippetPreviewImageURL!==e.snippetPreviewImageURL&&this.setImageInSnippetPreview(e.snippetPreviewImageURL),this._previousData.slug!==e.slug&&this._store.dispatch(Ir(e.slug)),this._previousData.title!==e.title&&this._store.dispatch(jr(e.title))}subscribeToStore(){this.subscriber=(0,n.debounce)(this.refreshYoastSEO,500),this._store.subscribe(this.subscriber)}getInitialData(e){e=function(e,t){if(!e.custom_taxonomies)return e;const s={};return(0,n.forEach)(e.custom_taxonomies,(e,t)=>{const{name:i,label:o,descriptionName:r,descriptionLabel:n}=function(e){const t=fs(e);return{name:"ct_"+t,label:ms(e+" (custom taxonomy)"),descriptionName:"ct_desc_"+t,descriptionLabel:ms(e+" description (custom taxonomy)")}}(t),a="string"==typeof e.name?(0,de.decodeHTML)(e.name):e.name,l="string"==typeof e.description?(0,de.decodeHTML)(e.description):e.description;s[i]={value:a,label:o},s[r]={value:l,label:n}}),t.dispatch(function(e){return{type:"SNIPPET_EDITOR_UPDATE_REPLACEMENT_VARIABLES_BATCH",updatedVariables:e}}(s)),(0,n.omit)({...e},"custom_taxonomies")}(e=function(e,t){return e.custom_fields?((0,n.forEach)(e.custom_fields,(e,s)=>{const{name:i,label:o}=function(e){return{name:"cf_"+fs(e),label:ms(e+" (custom field)")}}(s);t.dispatch(gs(i,e,o))}),(0,n.omit)({...e},"custom_fields")):e}(e,this._store),this._store);const t=this.getContent(),s=this.getFeaturedImage();return{...e,title:this.getTitle(),excerpt:this.getExcerpt(),excerpt_only:this.getExcerpt(!1),slug:this.getSlug(),content:t,snippetPreviewImageURL:s,contentImage:this.getContentImage(t)}}getData(){return{...this._store.getState().snippetEditor.data,title:this.getTitle(),content:this.getContent(),excerpt:this.getExcerpt(),excerpt_only:this.getExcerpt(!1)}}}})()})(); | |
