| @@ -1,7 +1,7 @@ | ||
| 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),m=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 g=({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")})]});g.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=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"}}));var f=s(1609),x=s.n(f);const b=window.ReactDOM;var v,_,k;(_=v||(v={})).Pop="POP",_.Push="PUSH",_.Replace="REPLACE",function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(k||(k={})),new Set(["lazy","caseSensitive","path","id","index","children"]),Error;const T=["post","put","patch","delete"],R=(new Set(T),["get",...T]);new Set(R),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 j,S,I,C;new Map,f.startTransition,b.flushSync,f.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(C=j||(j={})).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),q=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 A=s(2485),F=s.n(A);var P;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),P||(P=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 U=(0,l.__)("Something went wrong","wordpress-seo"),W=({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})})})};W.propTypes={linkStoreName:o().string};const $=({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:U}),(0,d.jsx)(W,{linkStoreName:e})]});$.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 B=window.wp.apiFetch;var H=s.n(B);(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().node.isRequired;const K=({children:e})=>(0,d.jsx)("div",{className:"yst-mt-6 yst-flex yst-flex-row yst-justify-end yst-gap-3",children:e});K.propTypes={children:o().node.isRequired};const Y=({onClose:e})=>(0,d.jsx)(r.Button,{variant:"secondary",onClick:e,children:(0,l.__)("Close","wordpress-seo")});Y.propTypes={onClose:o().func.isRequired};o().bool,o().func.isRequired,o().func.isRequired;o().bool.isRequired,o().string.isRequired,o().func,o().node.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 z=window.yoast.componentsNew,V=window.yoast.styleGuide,G=window.yoast.analysis;function Z(e){switch(e){case"loading":return{icon:"loading-spinner",color:V.colors.$color_green_medium_light};case"not-set":return{icon:"seo-score-none",color:V.colors.$color_score_icon};case"noindex":return{icon:"seo-score-none",color:V.colors.$color_noindex};case"good":return{icon:"seo-score-good",color:V.colors.$color_green_medium};case"ok":return{icon:"seo-score-ok",color:V.colors.$color_ok};default:return{icon:"seo-score-bad",color:V.colors.$color_red}}}function X({target:t,children:s}){let i=t;return"string"==typeof t&&(i=document.getElementById(t)),i?(0,e.createPortal)(s,i):null}X.propTypes={target:o().oneOfType([o().string,o().object]).isRequired,children:o().node.isRequired};const Q=({target:e,scoreIndicator:t})=>(0,d.jsx)(X,{target:e,children:(0,d.jsx)(z.SvgIcon,{...Z(t)})});Q.propTypes={target:o().string.isRequired,scoreIndicator:o().string.isRequired};const J=Q,ee=({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)(J,{target:"wpseo-seo-score-icon",scoreIndicator:"not-set"}),(0,d.jsx)(J,{target:"wpseo-readability-score-icon",scoreIndicator:"not-set"}),(0,d.jsx)(J,{target:"wpseo-inclusive-language-score-icon",scoreIndicator:"not-set"})]})})};ee.propTypes={error:o().object.isRequired};const te=window.yoast.externals.contexts,se=window.yoast.styledComponents;var ie=s.n(se);const oe=({theme:e,location:t,children:s})=>(0,d.jsx)(te.LocationProvider,{value:t,children:(0,d.jsx)(se.ThemeProvider,{theme:e,children:s})});oe.propTypes={theme:o().object.isRequired,location:o().oneOf(["sidebar","metabox","modal"]).isRequired,children:o().node.isRequired};const re=oe;function ne({theme:e}){return(0,d.jsx)(re,{theme:e,location:"metabox",children:(0,d.jsx)(r.ErrorBoundary,{FallbackComponent:ee,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 ae=window.wp.compose;var le=s(5547),ce=s.n(le);const de=({className:e="",...t})=>(0,d.jsx)("span",{className:F()("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});de.displayName="MetaboxButton.Text",de.propTypes={className:o().string};const pe=({className:e="",...t})=>(0,d.jsx)("button",{type:"button",className:F()("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});pe.propTypes={className:o().string},pe.Text=de;const ue=window.yoast.helpers,he=ie().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` | |
| 4 | 4 | min-width: 600px; |
| 5 | 5 | |
| 6 | 6 | @media screen and ( max-width: 680px ) { |
| 7 | 7 | min-width: 0; |
| @@ -6,15 +6,15 @@ | ||
| 6 | 6 | @media screen and ( max-width: 680px ) { |
| 7 | 7 | min-width: 0; |
| 8 | 8 | width: 86vw; |
| 9 | 9 | } |
| 10 | -`,me=(ie().div` | |
| 10 | +`,ue=(te().div` | |
| 11 | 11 | @media screen and ( min-width: 600px ) { |
| 12 | 12 | max-width: 420px; |
| 13 | 13 | } |
| 14 | -`,ie()(z.Icon)` | |
| 15 | - float: ${(0,ue.getDirectionalStyle)("right","left")}; | |
| 16 | - margin: ${(0,ue.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")}; | |
| 17 | 17 | |
| 18 | 18 | && { |
| 19 | 19 | width: 150px; |
| 20 | 20 | height: 150px; |
| @@ -23,13 +23,13 @@ | ||
| 23 | 23 | width: 80px; |
| 24 | 24 | height: 80px; |
| 25 | 25 | } |
| 26 | 26 | } |
| 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})});me.propTypes={title:o().string,className:o().string,showYoastIcon:o().bool,children:o().oneOfType([o().node,o().arrayOf(o().node)]),additionalClassName:o().string};const ge=me;var ye,we;function fe(){return fe=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},fe.apply(null,arguments)}const xe=e=>f.createElement("svg",fe({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 425 456.27"},e),ye||(ye=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"})),we||(we=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"}))),be=({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)(z.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)(z.SvgIcon,{size:o.size,icon:o.icon}),r]})})}),ve=be;be.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 _e=window.moment;var ke=s.n(_e);async function Te(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 Re(e){try{return await H()(e)}catch(e){return e.error&&e.status?e:e instanceof Response&&await e.json()}}async function je(e){return(0,n.isArray)(e)||(e=[e]),await Re({path:"yoast/v1/wincher/keyphrases/track",method:"POST",data:{keyphrases:e}})}const Se=({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))})})]})});Se.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 Ie=Se,Ce=({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))),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,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)(Ie,{data:t,mapChartDataToTableData:l,dataTableCaption:c,dataTableHeaderLabels:p,isDataTableVisuallyHidden:u})]})};Ce.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 Ee=Ce,Le=()=>(0,d.jsxs)("p",{className:"yoast-wincher-seo-performance-modal__loading-message",children:[(0,l.__)("Tracking the ranking position…","wordpress-seo")," ",(0,d.jsx)(z.SvgIcon,{icon:"loading-spinner"})]}),qe=ie()(z.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)` | |
| 28 | 28 | margin-left: 2px; |
| 29 | 29 | flex-shrink: 0; |
| 30 | 30 | rotate: ${e=>e.isImproving?"-90deg":"90deg"}; |
| 31 | -`,Ae=ie().span` | |
| 31 | +`,Le=te().span` | |
| 32 | 32 | color: ${e=>e.isImproving?"#69AB56":"#DC3332"}; |
| 33 | 33 | font-size: 13px; |
| 34 | 34 | font-weight: 600; |
| 35 | 35 | line-height: 20px; |
| @@ -34,27 +34,27 @@ | ||
| 34 | 34 | font-weight: 600; |
| 35 | 35 | line-height: 20px; |
| 36 | 36 | margin-right: 2px; |
| 37 | 37 | margin-left: 12px; |
| 38 | -`,Fe=ie().td` | |
| 38 | +`,Ae=te().td` | |
| 39 | 39 | padding-right: 0 !important; |
| 40 | 40 | |
| 41 | 41 | & > div { |
| 42 | 42 | margin: 0px; |
| 43 | 43 | } |
| 44 | -`,Pe=ie().td` | |
| 44 | +`,Pe=te().td` | |
| 45 | 45 | padding-left: 2px !important; |
| 46 | -`,Me=ie().td.attrs({className:"yoast-table--nopadding"})` | |
| 46 | +`,qe=te().td.attrs({className:"yoast-table--nopadding"})` | |
| 47 | 47 | & > div { |
| 48 | 48 | justify-content: center; |
| 49 | 49 | } |
| 50 | -`,De=ie().div` | |
| 50 | +`,Fe=te().div` | |
| 51 | 51 | display: flex; |
| 52 | 52 | align-items: center; |
| 53 | 53 | & > a { |
| 54 | 54 | box-sizing: border-box; |
| 55 | 55 | } |
| 56 | -`,Oe=ie().button` | |
| 56 | +`,Me=te().button` | |
| 57 | 57 | background: none; |
| 58 | 58 | color: inherit; |
| 59 | 59 | border: none; |
| 60 | 60 | padding: 0; |
| @@ -62,11 +62,11 @@ | ||
| 62 | 62 | cursor: pointer; |
| 63 | 63 | outline: inherit; |
| 64 | 64 | display: flex; |
| 65 | 65 | align-items: center; |
| 66 | -`,Ne=ie().tr` | |
| 66 | +`,De=te().tr` | |
| 67 | 67 | background-color: ${e=>e.isEnabled?"#FFFFFF":"#F9F9F9"} !important; |
| 68 | -`;function Ue(e){return Math.round(100*e)}function We({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)(Ee,{width:66,height:24,data:s,strokeWidth:1.8,strokeColor:"#498afc",fillColor:"#ade3fc",mapChartDataToTableData:Ue,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)(z.SvgIcon,{icon:"loading-spinner"}):(0,d.jsx)(z.Toggle,{id:`toggle-keyphrase-tracking-${e}`,className:"wincher-toggle",isEnabled:t,onSetToggleState:s,showToggleStateLabel:!1})}function Be(e){return!e||!e.position||e.position.value>30?"> 30":e.position.value}We.propTypes={chartData:o().object};const He=({rowData:t={}})=>{var s;if(null==t||null===(s=t.position)||void 0===s||!s.change)return(0,d.jsx)(We,{chartData:t});const i=t.position.change<0;return(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(We,{chartData:t}),(0,d.jsx)(Ae,{isImproving:i,children:Math.abs(t.position.change)}),(0,d.jsx)(qe,{icon:"caret-right",color:i?"#69AB56":"#DC3332",size:"14px",isImproving:i})]})};function Ke({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&&ke()(t.updated_at)>=ke()().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)(De,{children:[Be(t),(0,d.jsx)(z.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)(Oe,{type:"button",onClick:r,children:(0,d.jsx)(He,{rowData:t})})}),(0,d.jsx)("td",{children:(u=t.updated_at,ke()(u).fromNow())})]}):(0,d.jsx)("td",{className:"yoast-table--nopadding",colSpan:"3",children:(0,d.jsx)(Le,{})}):(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 Ye({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 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)(()=>{u(e=>p?e.filter(e=>e!==t):e.concat(t))},[u,p,t]);return(0,d.jsxs)(Ne,{isEnabled:m,children:[(0,d.jsx)(Fe,{children:g&&(0,d.jsx)(z.Checkbox,{id:"select-"+t,onChange:w,checked:p,label:""})}),(0,d.jsxs)(Pe,{children:[t,r&&(0,d.jsx)("span",{children:"*"})]}),Ke({rowData:s,websiteId:c,keyphrase:t,onSelectKeyphrases:u}),(0,d.jsx)(Me,{children:$e({keyphrase:t,isEnabled:m,toggleAction:y,isLoading:l})})]})}He.propTypes={rowData:o().object},Ye.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 ze=(0,ue.makeOutboundLink)(),Ve=ie().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` | |
| 69 | 69 | display: block; |
| 70 | 70 | font-style: italic; |
| 71 | 71 | |
| 72 | 72 | @media (min-width: 782px) { |
| @@ -71,14 +71,14 @@ | ||
| 71 | 71 | |
| 72 | 72 | @media (min-width: 782px) { |
| 73 | 73 | display: inline; |
| 74 | 74 | position: absolute; |
| 75 | - ${(0,ue.getDirectionalStyle)("right","left")}: 8px; | |
| 75 | + ${(0,de.getDirectionalStyle)("right","left")}: 8px; | |
| 76 | 76 | } |
| 77 | -`,Ge=ie().div` | |
| 77 | +`,ze=te().div` | |
| 78 | 78 | width: 100%; |
| 79 | 79 | overflow-y: auto; |
| 80 | -`,Ze=ie().th` | |
| 80 | +`,Ve=te().th` | |
| 81 | 81 | pointer-events: ${e=>e.isDisabled?"none":"initial"}; |
| 82 | 82 | padding-right: 0 !important; |
| 83 | 83 | |
| 84 | 84 | & > div { |
| @@ -83,28 +83,28 @@ | ||
| 83 | 83 | |
| 84 | 84 | & > div { |
| 85 | 85 | margin: 0px; |
| 86 | 86 | } |
| 87 | -`,Xe=ie().th` | |
| 87 | +`,Ge=te().th` | |
| 88 | 88 | padding-left: 2px !important; |
| 89 | -`,Qe=t=>{const s=(0,e.useRef)();return(0,e.useEffect)(()=>{s.current=t}),s.current},Je=({addTrackedKeyphrase:t,isLoggedIn:s=!1,isNewlyAuthenticated:i=!1,keyphrases:o=[],newRequest:r,removeTrackedKeyphrase:a,setRequestFailed:c,setKeyphraseLimitReached:p,setRequestSucceeded:u,setTrackedKeyphrases:h,setHasTrackedAll:m,trackAll:g=!1,trackedKeyphrases:y=null,websiteId:w="",permalink:f,focusKeyphrase:x="",startAt:b=null,selectedKeyphrases:v,onSelectKeyphrases:_})=>{const k=(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)&&Object.prototype.hasOwnProperty.call(y,t)?y[t]:null},[y]),C=(0,e.useMemo)(()=>async()=>{await Te(()=>{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 Re({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 Te(()=>je(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 Te(()=>async function(e){return await Re({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]),q=(0,e.useCallback)(async e=>{r(),await E(e)},[r,E]),A=Qe(f),F=Qe(o),P=Qe(b),M=f&&b;(0,e.useEffect)(()=>{s&&M&&(f!==A||(0,n.difference)(o,F).length||b!==P)&&C()},[s,f,A,o,F,C,M,b,P]),(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&&(k.current=setInterval(()=>{C()},1e4)),()=>{clearInterval(k.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]),U=(0,e.useCallback)(()=>{_(N?[]:O)},[_,N,O]),W=(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)(Ge,{children:(0,d.jsxs)("table",{className:"yoast yoast-table",children:[(0,d.jsx)("thead",{children:(0,d.jsxs)("tr",{children:[(0,d.jsx)(Ze,{isDisabled:0===O.length,children:(0,d.jsx)(z.Checkbox,{id:"select-all",onChange:U,checked:N,label:""})}),(0,d.jsx)(Xe,{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:W.map((e,t)=>(0,d.jsx)(Ye,{keyphrase:e,onTrackKeyphrase:q,onUntrackKeyphrase:L,rowData:I(e),isFocusKeyphrase:e===x.trim().toLowerCase(),websiteId:w,isDisabled:!s,isLoading:D||j.indexOf(e.toLowerCase())>=0,isSelected:v.includes(e),onSelectKeyphrases:_},`trackable-keyphrase-${t}`))})]})}),(0,d.jsxs)("p",{style:{marginBottom:0,position:"relative"},children:[(0,d.jsx)(ze,{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)(Ve,{children:(0,l.__)("* focus keyphrase","wordpress-seo")})]})]})};Je.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 et=Je,tt=(0,ae.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)}}})])(et);class st{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 it=()=>(0,d.jsx)(z.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")}),ot=()=>(0,d.jsx)(z.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")}),rt=()=>(0,d.jsx)(z.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")}),nt=(0,ue.makeOutboundLink)(),at=(0,ue.makeOutboundLink)(),lt=()=>{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)(nt,{href:wpseoAdminGlobalL10n["links.wincher.website"],children:"Wincher"}),wincherReadMoreLink:(0,d.jsx)(at,{href:wpseoAdminL10n["shortlinks.wincher.seo_performance"],children:(0,l.__)("Read more about keyphrase tracking with Wincher","wordpress-seo")})})})},ct=(0,ue.makeOutboundLink)(),dt=({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)(z.Alert,{type:"error",children:c(t,{UpdateWincherPlanLink:(0,d.jsx)(ct,{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")})})})};dt.propTypes={limit:o().number};const pt=dt,ut=()=>(0,d.jsx)(z.Alert,{type:"error",children:(0,l.__)("No keyphrase has been set. Please set a keyphrase first.","wordpress-seo")}),ht=()=>(0,d.jsx)(z.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")}),mt=({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)(z.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")})})})};mt.propTypes={onReconnect:o().func.isRequired,className:o().string};const gt=mt,yt=()=>(0,d.jsx)(z.Alert,{type:"error",children:(0,l.__)("Something went wrong while tracking the ranking position(s) of your page. Please try again later.","wordpress-seo")}),wt=ie().p` | |
| 99 | - color: ${V.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}; | |
| 100 | 100 | font-size: 14px; |
| 101 | 101 | font-weight: 700; |
| 102 | 102 | margin: 13px 0 10px; |
| 103 | -`,ft=ie()(z.SvgIcon)` | |
| 103 | +`,yt=te()(K.SvgIcon)` | |
| 104 | 104 | margin-right: 5px; |
| 105 | 105 | vertical-align: middle; |
| 106 | -`,xt=ie().button` | |
| 106 | +`,wt=te().button` | |
| 107 | 107 | position: absolute; |
| 108 | 108 | top: 9px; |
| 109 | 109 | right: 9px; |
| 110 | 110 | border: none; |
| @@ -109,20 +109,20 @@ | ||
| 109 | 109 | right: 9px; |
| 110 | 110 | border: none; |
| 111 | 111 | background: none; |
| 112 | 112 | cursor: pointer; |
| 113 | -`,bt=ie().p` | |
| 113 | +`,ft=te().p` | |
| 114 | 114 | font-size: 13px; |
| 115 | 115 | font-weight: 500; |
| 116 | 116 | margin: 10px 0 13px; |
| 117 | -`,vt=ie().div` | |
| 117 | +`,xt=te().div` | |
| 118 | 118 | position: relative; |
| 119 | 119 | background: ${e=>e.isTitleShortened?"#f5f7f7":"transparent"}; |
| 120 | 120 | border: 1px solid #c7c7c7; |
| 121 | - border-left: 4px solid${V.colors.$color_pink_dark}; | |
| 121 | + border-left: 4px solid${Y.colors.$color_pink_dark}; | |
| 122 | 122 | padding: 0 16px; |
| 123 | 123 | margin-bottom: 1.5em; |
| 124 | -`,_t=({limit:e,usage:t,isTitleShortened:s=!1,isFreeAccount:i=!1})=>{const o=(0,l.sprintf)( | |
| 124 | +`,bt=({limit:e,usage:t,isTitleShortened:s=!1,isFreeAccount:i=!1})=>{const o=(0,l.sprintf)( | |
| 125 | 125 | /* Translators: %1$s expands to the number of used keywords. |
| 126 | 126 | * %2$s expands to the account keywords limit. |
| 127 | 127 | */ |
| 128 | 128 | /* Translators: %1$s expands to the number of used keywords. |
| @@ -141,10 +141,10 @@ | ||
| 141 | 141 | */ |
| 142 | 142 | /* Translators: %1$s expands to the number of used keywords. |
| 143 | 143 | * %2$s expands to the account keywords limit. |
| 144 | 144 | */ |
| 145 | -(0,l.__)("Keyphrases tracked: %1$s/%2$s","wordpress-seo"),t,e),c=s?a:n;return(0,d.jsxs)(wt,{children:[s&&(0,d.jsx)(ft,{icon:"exclamation-triangle",color:V.colors.$color_pink_dark,size:"14px"}),c]})};_t.propTypes={limit:o().number.isRequired,usage:o().number.isRequired,isTitleShortened:o().bool,isFreeAccount:o().bool};const kt=(0,ue.makeOutboundLink)(),Tt=({discount:e,months:t})=>{const s=(0,d.jsx)(kt,{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)(bt,{children:s});const i=100*e,o=(0,l.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)( | |
| 147 | 147 | /* Translators: %1$s expands to upgrade account link. |
| 148 | 148 | * %2$s expands to the upgrade discount value. |
| 149 | 149 | * %3$s expands to the upgrade discount duration e.g. 2 months. |
| 150 | 150 | */ |
| @@ -151,42 +151,42 @@ | ||
| 151 | 151 | /* Translators: %1$s expands to upgrade account link. |
| 152 | 152 | * %2$s expands to the upgrade discount value. |
| 153 | 153 | * %3$s expands to the upgrade discount duration e.g. 2 months. |
| 154 | 154 | */ |
| 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)(bt,{children:c(o,{wincherAccountUpgradeLink:s})})};Tt.propTypes={discount:o().number,months:o().number};const Rt=({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 Re({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)(vt,{isTitleShortened:s,children:[t&&(0,d.jsx)(xt,{type:"button","aria-label":(0,l.__)("Close the upgrade callout","wordpress-seo"),onClick:t,children:(0,d.jsx)(z.SvgIcon,{icon:"times-circle",color:V.colors.$color_pink_dark,size:"14px"})}),(0,d.jsx)(_t,{...i,isTitleShortened:s,isFreeAccount:a}),(0,d.jsx)(Tt,{discount:null==o?void 0:o.discount,months:null==o?void 0:o.months})]})};Rt.propTypes={onClose:o().func,isTitleShortened:o().bool,trackingInfo:o().object};const jt=Rt,St=window.yoast["chart.js"],It="label";function Ct(e,t){"function"==typeof e?e(t):e&&(e.current=t)}function Et(e,t){e.labels=t}function Lt(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:It;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 qt(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:It;const s={labels:[],datasets:[]};return Et(s,e.labels),Lt(s,e.datasets,t),s}function At(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),m=(0,f.useRef)(),g=()=>{h.current&&(m.current=new St.Chart(h.current,{type:n,data:qt(a,r),options:l&&{...l},plugins:c}),Ct(t,m.current))},y=()=>{Ct(t,null),m.current&&(m.current.destroy(),m.current=null)};return(0,f.useEffect)(()=>{!o&&m.current&&l&&function(e,t){const s=e.options;s&&t&&Object.assign(s,t)}(m.current,l)},[o,l]),(0,f.useEffect)(()=>{!o&&m.current&&Et(m.current.config.data,a.labels)},[o,a.labels]),(0,f.useEffect)(()=>{!o&&m.current&&a.datasets&&Lt(m.current.config.data,a.datasets,r)},[o,a.datasets]),(0,f.useEffect)(()=>{m.current&&(o?(y(),setTimeout(g)):m.current.update(p))},[o,l,a.labels,a.datasets,p]),(0,f.useEffect)(()=>{m.current&&(y(),setTimeout(g))},[n]),(0,f.useEffect)(()=>(g(),()=>y()),[]),f.createElement("canvas",Object.assign({ref:h,role:"img",height:s,width:i},u),d)}const Ft=(0,f.forwardRef)(At);function Pt(e,t){return St.Chart.register(t),(0,f.forwardRef)((t,s)=>f.createElement(Ft,Object.assign({},t,{ref:s,type:e})))}const Mt=Pt("line",St.LineController),Dt={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"};St._adapters._date.override("function"==typeof ke()?{_id:"moment",formats:function(){return Dt},parse:function(e,t){return"string"==typeof e&&"string"==typeof t?e=ke()(e,t):e instanceof ke()||(e=ke()(e)),e.isValid()?e.valueOf():null},format:function(e,t){return ke()(e).format(t)},add:function(e,t,s){return ke()(e).add(t,s).valueOf()},diff:function(e,t,s){return ke()(e).diff(ke()(t),s)},startOf:function(e,t,s){return e=ke()(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 ke()(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 Ot=["top","right","bottom","left"];function Nt(e,t,s){const i={};s=s?"-"+s:"";for(let o=0;o<4;o++){const r=Ot[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){}}(),St.Chart.register(St.CategoryScale,St.LineController,St.LineElement,St.PointElement,St.LinearScale,St.TimeScale,St.Legend,St.Tooltip);const Ut=["#ff983b","#ffa3f7","#3798ff","#ff3b3b","#acce81","#b51751","#3949ab","#26c6da","#ccb800","#de66ff","#4db6ac","#ffab91","#45f5f1","#77f210","#90a4ae","#ffd54f","#006b5e","#8ec7d2","#b1887c","#cc9300"];function Wt({datasets:t,isChartShown:s,keyphrases:i}){if(!s)return null;const o=(0,e.useMemo)(()=>Object.fromEntries([...i].sort().map((e,t)=>[e,Ut[t%Ut.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)(Mt,{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=>ke()(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}}}})}St.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=Nt(o,"padding"),a=Nt(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(St.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:[]},Wt.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)(gt,{onReconnect:t}):(0,d.jsx)(yt,{});$t.propTypes={response:o().object.isRequired,onLogin:o().func.isRequired};const Bt=({isSuccess:e,response:t={},allKeyphrasesMissRanking:s,onLogin:i,keyphraseLimitReached:o,limit:r})=>o?(0,d.jsx)(pt,{limit:r}):(0,n.isEmpty)(t)||e?s?(0,d.jsx)(rt,{}):null:(0,d.jsx)($t,{response:t,onLogin:i});Bt.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 Ht=null;const Kt=async({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r})=>{if(Ht&&!Ht.isClosed())return void Ht.focus();const{url:n}=await async function(){return await Re({path:"yoast/v1/wincher/authorization-url",method:"GET"})}();Ht=new st(n,{success:{type:"wincher:oauth:success",callback:n=>(async({onAuthentication:e,setRequestSucceeded:t,setRequestFailed:s,keyphrases:i,addTrackedKeyphrase:o,setKeyphraseLimitReached:r},n)=>{await Te(()=>async function(e){const{code:t,websiteId:s}=e;return await Re({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 Te(()=>je(l),e=>{t(e),o(e.results)},e=>{400===e.status&&e.limit&&r(e.limit),s(e)},201);const c=Ht.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}),Ht.createPopup()},Yt=e=>e.isLoggedIn?null:(0,d.jsx)("p",{children:(0,d.jsx)(z.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")})});Yt.propTypes={isLoggedIn:o().bool.isRequired,onLogin:o().func.isRequired};const zt=ie().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` | |
| 157 | 157 | p { |
| 158 | 158 | margin: 1em 0; |
| 159 | 159 | } |
| 160 | -`,Vt=ie().div` | |
| 160 | +`,Yt=te().div` | |
| 161 | 161 | ${e=>e.isDisabled&&"\n\t\topacity: .5;\n\t\tpointer-events: none;\n\t"}; |
| 162 | -`,Gt=ie().div` | |
| 162 | +`,zt=te().div` | |
| 163 | 163 | font-weight: var(--yoast-font-weight-bold); |
| 164 | 164 | color: var(--yoast-color-label); |
| 165 | 165 | font-size: var(--yoast-font-size-default); |
| 166 | -`,Zt=ie().div.attrs({className:"yoast-field-group"})` | |
| 166 | +`,Vt=te().div.attrs({className:"yoast-field-group"})` | |
| 167 | 167 | display: flex; |
| 168 | 168 | justify-content: space-between; |
| 169 | 169 | align-items: center; |
| 170 | 170 | margin-bottom: 14px; |
| 171 | -`,Xt=ie().div` | |
| 171 | +`,Gt=te().div` | |
| 172 | 172 | margin: 8px 0; |
| 173 | -`,Qt=ke().utc().startOf("day"),Jt=[{name:(0,l.__)("Last day","wordpress-seo"),value:ke()(Qt).subtract(1,"days").format(),defaultIndex:1},{name:(0,l.__)("Last week","wordpress-seo"),value:ke()(Qt).subtract(1,"week").format(),defaultIndex:2},{name:(0,l.__)("Last month","wordpress-seo"),value:ke()(Qt).subtract(1,"month").format(),defaultIndex:3},{name:(0,l.__)("Last year","wordpress-seo"),value:ke()(Qt).subtract(1,"year").format(),defaultIndex:0}],es=({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;es.propTypes={onSelect:o().func.isRequired,selected:o().object,options:o().array.isRequired,isLoggedIn:o().bool.isRequired};const ts=({trackedKeyphrases:t=null,isLoggedIn:s,keyphrases:i,shouldTrackAll:o,permalink:r,historyDaysLimit:a=0})=>{if(!r&&s)return(0,d.jsx)(ht,{});if(0===i.length)return(0,d.jsx)(ut,{});const c=ke()(Qt).subtract(a,"days"),p=Jt.filter(e=>ke()(e.value).isSameOrAfter(c)),u=(0,n.orderBy)(p,e=>e.defaultIndex,"desc")[0],[h,m]=(0,e.useState)(u),[g,y]=(0,e.useState)([]),w=g.length>0,f=(0,ae.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(u)},[null==u?void 0:u.name]);const x=(0,e.useCallback)(e=>{const t=Jt.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,d.jsxs)(Vt,{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)(it,{}),(0,d.jsx)(Zt,{children:(0,d.jsx)(es,{selected:h,onSelect:x,options:p,isLoggedIn:s})}),(0,d.jsx)(Xt,{children:(0,d.jsx)(Wt,{isChartShown:w,datasets:b,keyphrases:i})}),(0,d.jsx)(tt,{startAt:null==h?void 0:h.value,selectedKeyphrases:g,onSelectKeyphrases:y,trackedKeyphrases:t})]})};function ss({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:m,setRequestSucceeded:g,setRequestFailed:y,setKeyphraseLimitReached:w,onAuthentication:f}){const x=(0,e.useCallback)(()=>{Kt({onAuthentication:f,setRequestSucceeded:g,setRequestFailed:y,keyphrases:r,addTrackedKeyphrase:s,setKeyphraseLimitReached:w})},[Kt,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 Re({path:"yoast/v1/wincher/account/limit",method:"GET"})}().then(e=>i(e))},[s]),s})(i);return(0,d.jsxs)(zt,{children:[o&&(0,d.jsx)(ot,{}),i&&(0,d.jsx)(jt,{trackingInfo:b}),(0,d.jsxs)(Gt,{children:[(0,l.__)("SEO performance","wordpress-seo"),(0,d.jsx)(z.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)(lt,{}),(0,d.jsx)(Yt,{isLoggedIn:i,onLogin:x}),(0,d.jsx)(Bt,{isSuccess:u,response:n,allKeyphrasesMissRanking:p,keyphraseLimitReached:h,limit:m,onLogin:x}),(0,d.jsx)(ts,{trackedKeyphrases:t,isLoggedIn:i,keyphrases:r,shouldTrackAll:a,permalink:c,historyDaysLimit:(null==b?void 0:b.historyDays)||31})]})}ts.propTypes={trackedKeyphrases:o().object,keyphrases:o().array.isRequired,isLoggedIn:o().bool.isRequired,shouldTrackAll:o().bool.isRequired,permalink:o().string.isRequired,historyDaysLimit:o().number},ss.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 is=(0,ae.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)}}})])(ss),os=ie()(ce())` | |
| 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())` | |
| 175 | 175 | width: 18px; |
| 176 | 176 | height: 18px; |
| 177 | 177 | margin: 3px; |
| 178 | -`;function rs({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 ns({location:t="",whichModalOpen:s="none",shouldCloseOnClickOutside:i=!0,keyphrases:o,onNoKeyphraseSet:r,onOpen:n,onClose:a}){const c=(0,e.useCallback)(()=>{rs({keyphrases:o,onNoKeyphraseSet:r,onOpen:n,location:t})},[rs,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)(ge,{title:p,onRequestClose:a,icon:(0,d.jsx)(xe,{}),additionalClassName:"yoast-wincher-seo-performance-modal yoast-gutenberg-modal__no-padding",shouldCloseOnClickOutside:i,children:(0,d.jsx)(he,{className:"yoast-gutenberg-modal__content yoast-wincher-seo-performance-modal__content",children:(0,d.jsx)(is,{})})}),"sidebar"===t&&(0,d.jsx)(ve,{id:`wincher-open-button-${t}`,title:p,SuffixHeroIcon:(0,d.jsx)(os,{className:"yst-text-slate-500",...u}),onClick:c}),"metabox"===t&&(0,d.jsx)("div",{className:"yst-root",children:(0,d.jsxs)(pe,{id:`wincher-open-button-${t}`,onClick:c,children:[(0,d.jsx)(pe.Text,{children:p}),(0,d.jsx)(ce(),{className:"yst-h-5 yst-w-5 yst-text-slate-500",...u})]})})]})}ns.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 as=(0,ae.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()}}})])(ns),ls=window.yoast.externals.components;function cs(){return(0,ae.createHigherOrderComponent)(function(t){return(0,ae.pure)(function(s){const i=(0,e.useContext)(te.LocationContext);return(0,e.createElement)(t,{...s,location:i})})},"withLocation")}const ds=(0,ae.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}}),cs()])(ls.CollapsibleCornerstone),ps=window.yoast.searchMetadataPreviews,us=ie()(z.StyledSection)` | |
| 179 | - &${z.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} { | |
| 180 | 180 | padding: 0; |
| 181 | 181 | |
| 182 | - & ${z.StyledHeading} { | |
| 183 | - ${(0,ue.getDirectionalStyle)("padding-left","padding-right")}: 20px; | |
| 184 | - margin-left: ${(0,ue.getDirectionalStyle)("0","20px")}; | |
| 182 | + & ${K.StyledHeading} { | |
| 183 | + ${(0,de.getDirectionalStyle)("padding-left","padding-right")}: 20px; | |
| 184 | + margin-left: ${(0,de.getDirectionalStyle)("0","20px")}; | |
| 185 | 185 | } |
| 186 | 186 | } |
| 187 | -`,hs=({children:e=null,title:t="",icon:s="",hasPaperStyle:i=!0,shoppingData:o=null})=>(0,d.jsx)(us,{headingLevel:3,headingText:t,headingIcon:s,headingIconColor:"#555",hasPaperStyle:i,shoppingData:o,children:e});hs.propTypes={children:o().element,title:o().string,icon:o().string,hasPaperStyle:o().bool,shoppingData:o().object};const ms=hs,gs=window.wp.sanitize;function ys(e,t,s="",i=!1){return{type:"SNIPPET_EDITOR_UPDATE_REPLACEMENT_VARIABLE",name:e,value:"string"==typeof t?(0,ue.decodeHTML)(t):t,label:s,hidden:i}}function ws(e){return e.charAt(0).toUpperCase()+e.slice(1)}const{stripHTMLTags:fs}=ue.strings,xs=["slug","content","contentImage","snippetPreviewImageURL"];function bs(e,t="_"){return e.replace(/\s/g,t)}const vs=(0,n.memoize)((e,t)=>0===e?n.noop:(0,n.debounce)(s=>t(s,e),500)),_s=({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")]})]});_s.propTypes={link:o().string.isRequired,text:o().string.isRequired};const ks=_s,Ts=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:fs(t(e.title)),description:fs(t(e.description)),filteredSEOTitle:e.filteredSEOTitle?fs(t(e.filteredSEOTitle)):""}}(e);const s=t._applyModifications.bind(t);return{url:e.url,title:fs(s("data_page_title",e.title)),description:fs(s("data_meta_desc",e.description)),filteredSEOTitle:e.filteredSEOTitle?fs(s("data_page_title",e.filteredSEOTitle)):""}}(e)},Rs=(0,ae.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:vs(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)(te.LocationConsumer,{children:o=>(0,d.jsx)(ms,{icon:"eye",hasPaperStyle:e.hasPaperStyle,children:(0,d.jsxs)(d.Fragment,{children:[s&&(0,d.jsx)(ks,{link:t,text:i}),(0,d.jsx)(ps.SnippetEditor,{...e,descriptionPlaceholder:(0,l.__)("Please provide a meta description by editing the snippet below.","wordpress-seo"),mapEditorDataToPreview:Ts,showCloseButton:!1,idSuffix:o})]})})})}),js=(0,a.withSelect)(e=>{const{getWarningMessage:t}=e("yoast-seo/editor");return{message:t()}})(z.Warning),Ss=window.yoast.featureFlag,Is=ie()(z.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)` | |
| 189 | 189 | h2 > button { |
| 190 | 190 | padding-left: 24px; |
| 191 | 191 | padding-top: 16px; |
| 192 | 192 | |
| @@ -200,46 +200,125 @@ | ||
| 200 | 200 | margin: 0 24px; |
| 201 | 201 | border-top: 1px solid rgba(0,0,0,0.2); |
| 202 | 202 | } |
| 203 | 203 | |
| 204 | -`,Cs=({initialIsOpen:e,id:t,...s})=>(0,d.jsx)(Is,{hasPadding:!0,hasSeparator:!0,initialIsOpen:e,id:t,...s}),Es=()=>{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)(z.InsightsCard,{amount:t,unit:(0,l._n)("minute","minutes",t,"wordpress-seo"),title:(0,l.__)("Reading time","wordpress-seo"),linkTo:s | |
| 205 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about reading time","wordpress-seo")})},Ls=(0,ue.makeOutboundLink)();function qs(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)( | |
| 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)( | |
| 206 | 285 | /* Translators: %1$s expands to the numeric Flesch reading ease score, |
| 207 | 286 | %2$s expands to the easiness of reading (e.g. 'easy' or 'very difficult') */ |
| 208 | 287 | /* Translators: %1$s expands to the numeric Flesch reading ease score, |
| 209 | 288 | %2$s expands to the easiness of reading (e.g. 'easy' or 'very difficult') */ |
| 210 | -(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 G.DIFFICULTY.NO_DATA:return(0,l.__)("no data","wordpress-seo");case G.DIFFICULTY.VERY_EASY:return(0,l.__)("very easy","wordpress-seo");case G.DIFFICULTY.EASY:return(0,l.__)("easy","wordpress-seo");case G.DIFFICULTY.FAIRLY_EASY:return(0,l.__)("fairly easy","wordpress-seo");case G.DIFFICULTY.OKAY:return(0,l.__)("okay","wordpress-seo");case G.DIFFICULTY.FAIRLY_DIFFICULT:return(0,l.__)("fairly difficult","wordpress-seo");case G.DIFFICULTY.DIFFICULT:return(0,l.__)("difficult","wordpress-seo");case G.DIFFICULTY.VERY_DIFFICULT:return(0,l.__)("very difficult","wordpress-seo")}}(t))}const As=()=>{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 G.DIFFICULTY.FAIRLY_DIFFICULT:case G.DIFFICULTY.DIFFICULT:case G.DIFFICULTY.VERY_DIFFICULT:return(0,l.__)("Try to make shorter sentences, using less difficult words to improve readability","wordpress-seo");case G.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:[qs(e,t)," ",t>=G.DIFFICULTY.FAIRLY_DIFFICULT?(0,d.jsx)(Ls,{href:s,children:i+"."}):i]})}(t,i,e)},[t,i]);return-1===t&&(t="?"),(0,d.jsx)(z.InsightsCard,{amount:t,unit:(0,l.__)("out of 100","wordpress-seo"),title:(0,l.__)("Flesch reading ease","wordpress-seo"),linkTo:s | |
| 211 | -/* 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:F()("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 Ps=Fs,Ms=window.wp.url,Ds=(0,ue.makeOutboundLink)(),Os=({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)( | |
| 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)( | |
| 212 | 291 | // translators: %1$s and %2$s are replaced by opening and closing <a> tags. |
| 213 | 292 | // translators: %1$s and %2$s are replaced by opening and closing <a> tags. |
| 214 | -(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)(Ds,{href:e})})},[]),p=(0,e.useMemo)(()=>c((0,l.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)( | |
| 215 | 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`. |
| 216 | 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`. |
| 217 | 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)( |
| 218 | 297 | // translators: %1$s expands to Yoast SEO Premium. |
| 219 | 298 | // translators: %1$s expands to Yoast SEO Premium. |
| 220 | -(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}))},[]),m=(0,e.useMemo)(()=>i?h:u.map(({word:e,occurrence:t})=>({name:e,number:t})),[u,h]);if(!s)return null;const{locationContext:g}=(0,te.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===m.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)(Ds,{href:(0,Ms.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,l.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)( | |
| 221 | 300 | // translators: %s expands to `Premium` (part of add-on name). |
| 222 | 301 | // translators: %s expands to `Premium` (part of add-on name). |
| 223 | -(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)(Ps,{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. */ | |
| 224 | -(0,l.__)("%d occurrences","wordpress-seo"),"aria-label":(0,l.__)("Prominent words","wordpress-seo"),className:i?"yoast-data-model--upsell":null})]})};Os.propTypes={location:o().string.isRequired};const Ns=Os,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"), | |
| 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"), | |
| 225 | 304 | /* translators: Hidden accessibility text. */ |
| 226 | -r=(0,l.__)("Learn more about character count","wordpress-seo")),(0,d.jsx)(z.InsightsCard,{amount:t.count,unit:i,title:o,linkTo:s,linkText:r})},Ws=(0,ue.makeOutboundLink)(),$s=({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)( | |
| 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)( | |
| 227 | 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`. |
| 228 | 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`. |
| 229 | 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)( |
| 230 | 309 | // Translators: %s expands to `Premium` (part of add-on name). |
| 231 | 310 | // Translators: %s expands to `Premium` (part of add-on name). |
| 232 | -(0,l.__)("Unlock with %s","wordpress-seo"),"Premium"),(0,d.jsx)("span",{"aria-hidden":"true",className:"yoast-button-upsell__caret"})]})]})})};$s.propTypes={location:o().string.isRequired};const Bs=$s;function Hs(){return(0,n.get)(window,"wpseoScriptData.metabox",{intl:{},isRtl:!1})}const Ks=({location:e,name:s})=>{const i=(0,a.useSelect)(e=>e("yoast-seo/editor").isFormalitySupported(),[]),o=Hs().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)(z.HelpIcon,{linkTo:r,linkText:c})]}),o?(0,d.jsx)(t.Slot,{name:s}):(0,d.jsx)(Bs,{location:e})]}):null};Ks.propTypes={location:o().string.isRequired,name:o().string.isRequired};const Ys=Ks,zs=({location:e="metabox"})=>{const t=(0,a.useSelect)(e=>e("yoast-seo/editor").isFleschReadingEaseAvailable(),[]);return(0,d.jsxs)(Cs,{title:(0,l.__)("Insights","wordpress-seo"),id:`yoast-insights-collapsible-${e}`,className:"yoast-insights",children:[(0,d.jsx)(Ns,{location:e}),(0,d.jsxs)("div",{children:[t&&(0,d.jsx)("div",{className:"yoast-insights-row",children:(0,d.jsx)(As,{})}),(0,d.jsxs)("div",{className:"yoast-insights-row yoast-insights-row--columns",children:[(0,d.jsx)(Es,{}),(0,d.jsx)(Us,{})]}),(0,Ss.isFeatureEnabled)("TEXT_FORMALITY")&&(0,d.jsx)(Ys,{location:e,name:"YoastTextFormalityMetabox"})]})]})};zs.propTypes={location:o().string};const Vs=zs;var Gs=s(465),Zs=s.n(Gs),Xs=s(7656),Qs=s.n(Xs);const Js=({isOpen:t,onClose:s,id:i,upsellLink:o,title:n="",description:c="",benefits:p=[],note:h="",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,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)(Qs(),{className:"yst-text-woo-light yst-w-6 yst-h-6 yst-scale-x-[-1]"}):(0,d.jsx)(xe,{className:"yst-fill-primary-500 yst-w-5 yst-h-5"}),(0,d.jsx)(r.Modal.Title,{as:"h3",className:F()(b?"yst-text-woo-light":"yst-text-primary-500","yst-text-base yst-font-normal"),children:g}),(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)(q(),{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":m,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'. */ | |
| 233 | -(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})]})]})]})]})})})},ei=()=>{const[e,,,t,s]=(0,r.useToggleState)(!1),{locationContext:i}=(0,te.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)(Js,{isOpen:e,onClose:s,id:`yoast-internal-linking-suggestions-upsell-${p}`,upsellLink:(0,Ms.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. */ | |
| 234 | -(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)(ve,{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)(Zs(),{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)(pe,{id:"yoast-internal-linking-suggestions-metabox-modal-open-button",onClick:t,children:[(0,d.jsx)(pe.Text,{children:(0,l.__)("Internal linking suggestions","wordpress-seo")}),(0,d.jsxs)(r.Badge,{size:"small",variant:"upsell",children:[(0,d.jsx)(Zs(),{className:"yst-w-2.5 yst-h-2.5 yst-me-1 yst-shrink-0",...o}),(0,d.jsx)("span",{children:"Premium"})]})]})})]})},ti=({children:e})=>(0,d.jsx)("div",{children:e});ti.propTypes={renderPriority:o().number.isRequired,children:o().node.isRequired};const si=ti,ii=({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 */ | |
| 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 */ | |
| 235 | 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 */ |
| 236 | -(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)(te.LocationConsumer,{children:i=>(0,d.jsxs)(e.Fragment,{children:[o&&(0,d.jsx)(z.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)(z.Select,{label:(0,l.__)("Allow search engines to show this content in search results?","wordpress-seo"),onChange:s,id:(0,ue.join)(["yoast-meta-robots-noindex",i]),options:r,selected:t,linkTo:wpseoAdminL10n["shortlinks.advanced.allow_search_engines"] | |
| 237 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the no-index setting on our help page.","wordpress-seo")})]})})};ii.propTypes={noIndex:o().string.isRequired,onNoIndexChange:o().func.isRequired,editorContext:o().object.isRequired,isPrivateBlog:o().bool};const oi=({noFollow:e,onNoFollowChange:t})=>(0,d.jsx)(te.LocationConsumer,{children:s=>{const i=(0,ue.join)(["yoast-meta-robots-nofollow",s]);return(0,d.jsx)(z.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"] | |
| 238 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the no-follow setting on our help page.","wordpress-seo")})}});oi.propTypes={noFollow:o().string.isRequired,onNoFollowChange:o().func.isRequired};const ri=({advanced:e,onAdvancedChange:t})=>(0,d.jsx)(te.LocationConsumer,{children:s=>{const i=(0,ue.join)(["yoast-meta-robots-advanced",s]),o=`${i}-input`;return(0,d.jsx)(z.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"] | |
| 239 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about advanced meta robots settings on our help page.","wordpress-seo")})}});ri.propTypes={advanced:o().array.isRequired,onAdvancedChange:o().func.isRequired};const ni=({breadcrumbsTitle:e,onBreadcrumbsTitleChange:t})=>(0,d.jsx)(te.LocationConsumer,{children:s=>(0,d.jsx)(z.TextInput,{label:(0,l.__)("Breadcrumbs Title","wordpress-seo"),id:(0,ue.join)(["yoast-breadcrumbs-title",s]),onChange:t,value:e,linkTo:wpseoAdminL10n["shortlinks.advanced.breadcrumbs_title"] | |
| 240 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about the breadcrumbs title setting on our help page.","wordpress-seo")})});ni.propTypes={breadcrumbsTitle:o().string.isRequired,onBreadcrumbsTitleChange:o().func.isRequired};const ai=({canonical:e,onCanonicalChange:t})=>(0,d.jsx)(te.LocationConsumer,{children:s=>(0,d.jsx)(z.TextInput,{label:(0,l.__)("Canonical URL","wordpress-seo"),id:(0,ue.join)(["yoast-canonical",s]),onChange:t,value:e,linkTo:"https://yoa.st/canonical-url" | |
| 241 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about canonical URLs on our help page.","wordpress-seo")})});ai.propTypes={canonical:o().string.isRequired,onCanonicalChange:o().func.isRequired};const li=({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: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:p,onAdvancedChange:u},v={breadcrumbsTitle:g,onBreadcrumbsTitleChange:y},_={canonical:s,onCanonicalChange:o};return a?null:(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(ii,{...f}),l.isPost&&(0,d.jsx)(oi,{...x}),l.isPost&&(0,d.jsx)(ri,{...b}),!c&&(0,d.jsx)(ni,{...v}),(0,d.jsx)(ai,{..._})]})};li.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 ci=li,di=(0,ae.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}})])(ci),pi=ie().p` | |
| 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` | |
| 242 | 321 | color: #606770; |
| 243 | 322 | flex-shrink: 0; |
| 244 | 323 | font-size: 12px; |
| 245 | 324 | line-height: 16px; |
| @@ -249,9 +328,9 @@ | ||
| 249 | 328 | text-transform: uppercase; |
| 250 | 329 | white-space: nowrap; |
| 251 | 330 | margin: 0; |
| 252 | 331 | position: ${e=>"landscape"===e.mode?"relative":"static"}; |
| 253 | -`,ui=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)(pi,{"aria-hidden":"true",children:(0,d.jsx)("span",{children:t})})]})};ui.propTypes={siteUrl:o().string.isRequired};const hi=ui,mi=window.yoast.socialMetadataForms,gi=ie().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` | |
| 254 | 333 | && { |
| 255 | 334 | max-width: ${e=>e.width}px; |
| 256 | 335 | height: ${e=>e.height}px; |
| 257 | 336 | position: absolute; |
| @@ -259,9 +338,9 @@ | ||
| 259 | 338 | left: 50%; |
| 260 | 339 | transform: translate(-50%, -50%); |
| 261 | 340 | max-width: none; |
| 262 | 341 | } |
| 263 | -`,yi=ie().img` | |
| 342 | +`,wi=te().img` | |
| 264 | 343 | && { |
| 265 | 344 | height: 100%; |
| 266 | 345 | position: absolute; |
| 267 | 346 | width: 100%; |
| @@ -266,20 +345,20 @@ | ||
| 266 | 345 | position: absolute; |
| 267 | 346 | width: 100%; |
| 268 | 347 | object-fit: cover; |
| 269 | 348 | } |
| 270 | -`,wi=ie().div` | |
| 349 | +`,fi=te().div` | |
| 271 | 350 | padding-bottom: ${e=>e.aspectRatio}%; |
| 272 | -`,fi=({imageProps:e,width:t,height:s,imageMode:i="landscape"})=>"landscape"===i?(0,d.jsx)(wi,{aspectRatio:e.aspectRatio,children:(0,d.jsx)(yi,{src:e.src,alt:e.alt})}):(0,d.jsx)(gi,{src:e.src,alt:e.alt,width:t,height:s,imageProperties:e});function xi(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 bi(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 vi(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}:bi(t,xi(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 vi(e,t,s),status:"loaded"}}catch(e){return{imageProperties:null,status:"errored"}}}fi.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 ki=ie().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` | |
| 273 | 352 | position: relative; |
| 274 | 353 | ${e=>"landscape"===e.mode?`max-width: ${e.dimensions.width}`:`min-width: ${e.dimensions.width}; height: ${e.dimensions.height}`}; |
| 275 | 354 | overflow: hidden; |
| 276 | - background-color: ${V.colors.$color_white}; | |
| 277 | -`,Ti=ie().div` | |
| 355 | + background-color: ${Y.colors.$color_white}; | |
| 356 | +`,ji=te().div` | |
| 278 | 357 | box-sizing: border-box; |
| 279 | 358 | max-width: ${mi.FACEBOOK_IMAGE_SIZES.landscapeWidth}px; |
| 280 | 359 | height: ${mi.FACEBOOK_IMAGE_SIZES.landscapeHeight}px; |
| 281 | - background-color: ${V.colors.$color_grey}; | |
| 360 | + background-color: ${Y.colors.$color_grey}; | |
| 282 | 361 | border-style: dashed; |
| 283 | 362 | border-width: 1px; |
| 284 | 363 | // We're not using standard colors to increase contrast for accessibility. |
| 285 | 364 | color: #006DAC; |
| @@ -290,9 +369,9 @@ | ||
| 290 | 369 | align-items: center; |
| 291 | 370 | text-decoration: underline; |
| 292 | 371 | font-size: 14px; |
| 293 | 372 | cursor: pointer; |
| 294 | -`;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)(Ti,{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)(ki,{mode:e.mode,dimensions:s,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onImageClick,children:(0,d.jsx)(fi,{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 ji=Ri,Si=ie().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` | |
| 295 | 374 | line-height: ${20}px; |
| 296 | 375 | min-height : ${20}px; |
| 297 | 376 | color: #1d2129; |
| 298 | 377 | font-weight: 600; |
| @@ -306,9 +385,9 @@ | ||
| 306 | 385 | display: -webkit-box; |
| 307 | 386 | -webkit-line-clamp: ${e=>e.lineCount}; |
| 308 | 387 | -webkit-box-orient: vertical; |
| 309 | 388 | overflow: hidden; |
| 310 | -`,Ii=ie().p` | |
| 389 | +`,Ci=te().p` | |
| 311 | 390 | line-height: ${16}px; |
| 312 | 391 | min-height : ${16}px; |
| 313 | 392 | color: #606770; |
| 314 | 393 | font-size: 14px; |
| @@ -323,15 +402,15 @@ | ||
| 323 | 402 | |
| 324 | 403 | @media all and ( max-width: ${e=>e.maxWidth} ) { |
| 325 | 404 | display: none; |
| 326 | 405 | } |
| 327 | -`,Ci=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},Ei=ie().div` | |
| 406 | +`,Ei=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},Li=te().div` | |
| 328 | 407 | box-sizing: border-box; |
| 329 | 408 | display: flex; |
| 330 | 409 | flex-direction: ${e=>"landscape"===e.mode?"column":"row"}; |
| 331 | 410 | background-color: #f2f3f5; |
| 332 | 411 | max-width: 527px; |
| 333 | -`,Li=ie().div` | |
| 412 | +`,Ai=te().div` | |
| 334 | 413 | box-sizing: border-box; |
| 335 | 414 | background-color: #f2f3f5; |
| 336 | 415 | margin: 0; |
| 337 | 416 | padding: 10px 12px; |
| @@ -345,9 +424,9 @@ | ||
| 345 | 424 | flex-grow: 1; |
| 346 | 425 | justify-content: ${e=>"landscape"===e.mode?"flex-start":"center"}; |
| 347 | 426 | font-size: 12px; |
| 348 | 427 | overflow: hidden; |
| 349 | -`;class qi 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)(Ei,{id:"facebookPreview",mode:e,children:[(0,d.jsx)(ji,{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)(Li,{mode:e,children:[(0,d.jsx)(hi,{siteUrl:this.props.siteUrl,mode:e}),(0,d.jsx)(Si,{ref:this.facebookTitleRef,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,lineCount:t,children:this.props.title}),s>0&&(0,d.jsx)(Ii,{maxWidth:Ci(e),onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,lineCount:s,children:this.props.description})]})]})}}qi.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},qi.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{}};const Ai=qi,Fi=ie().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` | |
| 350 | 429 | text-transform: lowercase; |
| 351 | 430 | color: rgb(83, 100, 113); |
| 352 | 431 | white-space: nowrap; |
| 353 | 432 | overflow: hidden; |
| @@ -356,16 +435,16 @@ | ||
| 356 | 435 | fill: currentcolor; |
| 357 | 436 | display: flex; |
| 358 | 437 | flex-direction: row; |
| 359 | 438 | align-items: flex-end; |
| 360 | -`,Pi=e=>(0,d.jsx)(Fi,{children:(0,d.jsx)("span",{children:e.siteUrl})});Pi.propTypes={siteUrl:o().string.isRequired};const Mi=Pi,Di=(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`,Oi=ie().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` | |
| 361 | 440 | position: relative; |
| 362 | 441 | box-sizing: content-box; |
| 363 | 442 | overflow: hidden; |
| 364 | 443 | background-color: #e1e8ed; |
| 365 | 444 | flex-shrink: 0; |
| 366 | - ${e=>Di(e.isLarge)} | |
| 367 | -`,Ni=ie().div` | |
| 445 | + ${e=>Oi(e.isLarge)} | |
| 446 | +`,$i=te().div` | |
| 368 | 447 | display: flex; |
| 369 | 448 | justify-content: center; |
| 370 | 449 | align-items: center; |
| 371 | 450 | box-sizing: border-box; |
| @@ -373,10 +452,10 @@ | ||
| 373 | 452 | margin: 0; |
| 374 | 453 | padding: 1em; |
| 375 | 454 | text-align: center; |
| 376 | 455 | font-size: 1rem; |
| 377 | - ${e=>Di(e.isLarge,!1)} | |
| 378 | -`,Ui=ie()(Ni)` | |
| 456 | + ${e=>Oi(e.isLarge,!1)} | |
| 457 | +`,Ui=te()($i)` | |
| 379 | 458 | ${e=>e.isLarge&&`height: ${mi.TWITTER_IMAGE_SIZES.landscapeHeight}px;`} |
| 380 | 459 | border-top-left-radius: 14px; |
| 381 | 460 | ${e=>e.isLarge?"border-top-right-radius":"border-bottom-left-radius"}: 14px; |
| 382 | 461 | border-style: dashed; |
| @@ -387,9 +466,9 @@ | ||
| 387 | 466 | background-color: #f1f1f1; |
| 388 | 467 | text-decoration: underline; |
| 389 | 468 | font-size: 14px; |
| 390 | 469 | cursor: pointer; |
| 391 | -`;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)(Oi,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,d.jsx)(fi,{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 $i=ie().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` | |
| 392 | 471 | display: flex; |
| 393 | 472 | flex-direction: column; |
| 394 | 473 | padding: 12px; |
| 395 | 474 | justify-content: center; |
| @@ -402,9 +481,9 @@ | ||
| 402 | 481 | line-height:20px; |
| 403 | 482 | min-height:20px; |
| 404 | 483 | font-size:15px; |
| 405 | 484 | } |
| 406 | -`,Bi=e=>(0,d.jsx)($i,{children:e.children});Bi.propTypes={children:o().array.isRequired};const Hi=Bi,Ki=ie().p` | |
| 485 | +`,Bi=e=>(0,d.jsx)(Hi,{children:e.children});Bi.propTypes={children:o().array.isRequired};const Ki=Bi,Yi=te().p` | |
| 407 | 486 | white-space: nowrap; |
| 408 | 487 | overflow: hidden; |
| 409 | 488 | text-overflow: ellipsis; |
| 410 | 489 | margin: 0; |
| @@ -409,9 +488,9 @@ | ||
| 409 | 488 | text-overflow: ellipsis; |
| 410 | 489 | margin: 0; |
| 411 | 490 | color: rgb(15, 20, 25); |
| 412 | 491 | cursor: pointer; |
| 413 | -`,Yi=ie().p` | |
| 492 | +`,zi=te().p` | |
| 414 | 493 | max-height: 55px; |
| 415 | 494 | overflow: hidden; |
| 416 | 495 | text-overflow: ellipsis; |
| 417 | 496 | margin: 0; |
| @@ -423,9 +502,9 @@ | ||
| 423 | 502 | |
| 424 | 503 | @media all and ( max-width: ${mi.TWITTER_IMAGE_SIZES.landscapeWidth}px ) { |
| 425 | 504 | display: none; |
| 426 | 505 | } |
| 427 | -`,zi=ie().div` | |
| 506 | +`,Vi=te().div` | |
| 428 | 507 | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; |
| 429 | 508 | font-size: 15px; |
| 430 | 509 | font-weight: 400; |
| 431 | 510 | line-height: 20px; |
| @@ -441,43 +520,77 @@ | ||
| 441 | 520 | &:hover { |
| 442 | 521 | background: #f5f8fa; |
| 443 | 522 | border: 1px solid rgba(136,153,166,.5); |
| 444 | 523 | } |
| 445 | -`,Vi=ie()(zi)` | |
| 524 | +`,Gi=te()(Vi)` | |
| 446 | 525 | flex-direction: column; |
| 447 | 526 | max-height: 370px; |
| 448 | -`,Gi=ie()(zi)` | |
| 527 | +`,Zi=te()(Vi)` | |
| 449 | 528 | flex-direction: row; |
| 450 | 529 | height: 125px; |
| 451 | -`;class Zi 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?Vi:Gi;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)(Hi,{children:[(0,d.jsx)(Mi,{siteUrl:n}),(0,d.jsx)(Ki,{onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,children:o}),(0,d.jsx)(Yi,{onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,children:r})]})]})}}Zi.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},Zi.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{},isLarge:!0};const Xi=Zi,Qi=window.yoast.replacementVariableEditor;class Ji extends f.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.SocialPreview="Social"===e.socialMediumName?Ai:Xi,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:m,titleInputPlaceholder:g,titlePreviewFallback:y,replacementVariables:w,recommendedReplacementVariables:f,applyReplacementVariables:b,onReplacementVariableSearchChange:v,isPremium:_,isLarge:k,socialPreviewLabel:T,idSuffix:R,activeMetaTabId:j}=this.props,S=b({title:m||y,description:a||c});return(0,d.jsxs)(x().Fragment,{children:[T&&(0,d.jsx)(z.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:k,activeMetaTabId:j}),(0,d.jsx)(mi.SocialMetadataPreviewForm,{onDescriptionChange:e,socialMediumName:o,title:m,titleInputPlaceholder:g,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:_,setEditorRef:this.setEditorRef,idSuffix:R})]})}}Ji.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:Qi.replacementVariablesShape,recommendedReplacementVariables:Qi.recommendedReplacementVariablesShape,applyReplacementVariables:o().func,onReplacementVariableSearchChange:o().func,socialPreviewLabel:o().string,idSuffix:o().string,activeMetaTabId:o().string},Ji.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,isLarge:!0,siteUrl:"",descriptionInputPlaceholder:"",titleInputPlaceholder:"",descriptionPreviewFallback:"",titlePreviewFallback:"",alt:"",applyReplacementVariables:e=>e,onReplacementVariableSearchChange:null,socialPreviewLabel:"",idSuffix:"",activeMetaTabId:""};const eo={},to=(e,t,{log:s=console.warn}={})=>{eo[e]||(eo[e]=!0,s(t))},so=(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};so({squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},(e,t)=>to(`@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.`)),so({squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},(e,t)=>to(`@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 io=ie().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` | |
| 452 | 531 | max-width: calc(527px + 1.5rem); |
| 453 | -`,oo=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)(io,{children:(0,d.jsx)(r.FeatureUpsell,{shouldUpsell:!0,variant:"card",cardLink:(0,Ms.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. */ | |
| 454 | -(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)(Ai,{title:"",description:"",siteUrl:"",imageUrl:"",imageFallbackUrl:"",alt:"",onSelect:n.noop,onImageClick:n.noop,onMouseHover:n.noop})]})})})})};oo.propTypes={socialMediumName:o().oneOf(["Social","Twitter","X"]).isRequired};const ro=oo;class no 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:m,replacementVariables:g,recommendedReplacementVariables:y,onReplacementVariableSearchChange:w,isPremium:f,location:x}=this.props;return(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(ro,{socialMediumName:r}),(0,d.jsx)(mi.SocialMetadataPreviewForm,{onDescriptionChange:t,socialMediumName:r,title:h,titleInputPlaceholder:m,onRemoveImageClick:o,imageSelected:!!c,imageUrl:c,imageFallbackUrl:p,imageAltText:u,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})]})}}no.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:Qi.replacementVariablesShape,recommendedReplacementVariables:Qi.recommendedReplacementVariablesShape,onReplacementVariableSearchChange:o().func,location:o().string,alt:o().string},no.defaultProps={imageWarnings:[],imageFallbackUrl:"",recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,descriptionInputPlaceholder:"",titleInputPlaceholder:"",onReplacementVariableSearchChange:null,location:"",alt:""};const ao=no,lo=(t,s,i)=>{const[o,r]=(0,e.useState)(!1),n=(0,l.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)( | |
| 455 | 534 | /* Translators: %1$s expands to the jpg format, %2$s expands to the png format, |
| 456 | 535 | %3$s expands to the webp format, %4$s expands to the gif format. */ |
| 457 | 536 | /* Translators: %1$s expands to the jpg format, %2$s expands to the png format, |
| 458 | 537 | %3$s expands to the webp format, %4$s expands to the gif format. */ |
| 459 | -(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},co=({isPremium:s,onLoad:i,location:o,imageFallbackUrl:r="",imageUrl:n="",imageWarnings:a=[],...l})=>{const[c,p]=(0,e.useState)(""),u=lo(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 m={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:m}):(0,d.jsx)(ao,{...m})};co.propTypes={isPremium:o().bool.isRequired,onLoad:o().func.isRequired,location:o().string.isRequired,imageFallbackUrl:o().string,imageUrl:o().string,imageWarnings:o().array};const po=co;function uo(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 ho=()=>{uo(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,ue.validateFacebookImage)(e),alt:e.alt||""}})(e)))},mo=(0,ae.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:!!Hs().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:ho,onRemoveImageClick:r,onDescriptionChange:o,onTitleChange:i,onLoad:n,onReplacementVariableSearchChange:vs(l,a)}}),cs()])(po),go=({isPremium:s,onLoad:i,location:o,imageFallbackUrl:r="",imageUrl:n="",imageWarnings:a=[],...l})=>{const c=lo(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)(ao,{...p})};go.propTypes={isPremium:o().bool.isRequired,onLoad:o().func.isRequired,location:o().string.isRequired,imageFallbackUrl:o().string,imageUrl:o().string,imageWarnings:o().array};const yo=go,wo=()=>{uo(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,ue.validateTwitterImage)(e),alt:e.alt||""}})(e)))},fo=(0,ae.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:!!Hs().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:wo,onRemoveImageClick:r,onDescriptionChange:o,onTitleChange:i,onLoad:n,onReplacementVariableSearchChange:vs(l,a)}}),cs()])(yo),xo=ie().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` | |
| 460 | 539 | margin: 16px 0; |
| 461 | 540 | padding: 0; |
| 462 | - color: ${V.colors.$color_headings}; | |
| 541 | + color: ${Y.colors.$color_headings}; | |
| 463 | 542 | font-size: 12px; |
| 464 | 543 | font-weight: 300; |
| 465 | -`,bo=ie().legend` | |
| 544 | +`,vo=te().legend` | |
| 466 | 545 | margin: 0 0 16px; |
| 467 | 546 | padding: 0; |
| 468 | - color: ${V.colors.$color_headings}; | |
| 547 | + color: ${Y.colors.$color_headings}; | |
| 469 | 548 | font-size: 12px; |
| 470 | 549 | font-weight: 300; |
| 471 | -`,vo=ie().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` | |
| 472 | 585 | padding: 16px; |
| 473 | -`,_o=({useOpenGraphData:t,useTwitterData:s})=>(0,d.jsxs)(e.Fragment,{children:[s&&t&&(0,d.jsxs)(e.Fragment,{children:[(0,d.jsxs)(Cs,{hasSeparator:!1 | |
| 474 | -/* 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,children:[(0,d.jsx)(bo,{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)(xo,{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)(Cs,{title:(0,l.__)("X appearance","wordpress-seo"),hasSeparator:!0,initialIsOpen:!1,children:(0,d.jsx)(fo,{})})]}),t&&!s&&(0,d.jsxs)(vo,{children:[(0,d.jsx)(bo,{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,{})]}),!t&&s&&(0,d.jsxs)(vo,{children:[(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.","wordpress-seo")}),(0,d.jsx)(fo,{})]})]});_o.propTypes={useOpenGraphData:o().bool.isRequired,useTwitterData:o().bool.isRequired};const ko=_o,To=(0,a.withSelect)(e=>{const{getPreferences:t}=e("yoast-seo/editor"),{useOpenGraphData:s,useTwitterData:i}=t();return{useOpenGraphData:s,useTwitterData:i}})(ko);function Ro({target:e}){return(0,d.jsx)(X,{target:e,children:(0,d.jsx)(To,{})})}Ro.propTypes={target:o().string.isRequired};const jo=(0,ue.makeOutboundLink)(),So=ie().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` | |
| 475 | 588 | padding: 16px; |
| 476 | -`,Io="yoast-seo/editor";function Co({location:e,show:t}){return t?(0,d.jsxs)(z.Alert,{type:"info",children:[(0,l.sprintf)(/* translators: %s Expands to "Yoast News SEO" */ /* translators: %s Expands to "Yoast News SEO" */ | |
| 477 | -(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)(jo,{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". */ | |
| 478 | -(0,l.__)("Buy %s now!","wordpress-seo"),"Yoast News SEO")})]}):null}Co.propTypes={show:o().bool.isRequired,location:o().string.isRequired};const Eo=(e,t,s)=>{const i=(0,a.useSelect)(e=>e(Io).getIsProduct(),[]),o=(0,a.useSelect)(e=>e(Io).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. */ | |
| 479 | -(0,l.__)("Default for %1$s (%2$s)","wordpress-seo"),s,r?r.name:""),value:""},...e]},Lo=(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 */ | |
| 480 | -(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"})}),qo=({helpTextTitle:e,helpTextLink:t,helpTextDescription:s})=>(0,d.jsx)(z.FieldGroup,{label:e,linkTo:t | |
| 481 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about structured data with Schema.org","wordpress-seo"),description:s});qo.propTypes={helpTextTitle:o().string.isRequired,helpTextLink:o().string.isRequired,helpTextDescription:o().string.isRequired};const Ao=({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:m,helpTextDescription:g,postTypeName:y,displayFooter:w=!1,defaultPageType:f,defaultArticleType:x,location:b,isNewsEnabled:v=!1})=>{const _=Eo(i,f,y),k=Eo(c,x,y),T=(0,a.useSelect)(e=>e(Io).selectLink("https://yoa.st/product-schema-metabox"),[]),R=(0,a.useSelect)(e=>e(Io).getIsWooSeoUpsell(),[]),[j,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(Io).getIsProduct(),[]),E=(0,a.useSelect)(e=>e(Io).getIsWooSeoActive(),[]),L=(0,a.useSelect)(e=>e(Io).selectAdminLink("?page=wpseo_page_settings"),[]),q=C&&E,A=(0,e.useCallback)((e,t)=>{S(t)},[]);return(0,e.useEffect)(()=>{A(null,r)},[r]),(0,d.jsxs)(e.Fragment,{children:[(0,d.jsx)(qo,{helpTextLink:h,helpTextTitle:m,helpTextDescription:g}),(0,d.jsx)(z.FieldGroup,{label:(0,l.__)("What type of page or content is this?","wordpress-seo"),linkTo:u | |
| 482 | -/* translators: Hidden accessibility text. */,linkText:(0,l.__)("Learn more about page or content types","wordpress-seo")}),R&&(0,d.jsx)(ks,{link:T,text:I}),(0,d.jsx)(z.Select,{id:(0,ue.join)(["yoast-schema-page-type",b]),options:_,label:(0,l.__)("Page type","wordpress-seo"),onChange:t,selected:q?"ItemPage":s,disabled:q}),p&&(0,d.jsx)(z.Select,{id:(0,ue.join)(["yoast-schema-article-type",b]),options:k,label:(0,l.__)("Article type","wordpress-seo"),onChange:o,selected:r,onOptionFocus:A}),(0,d.jsx)(Co,{location:b,show:!v&&(F=j,P=x,"NewsArticle"===F||""===F&&"NewsArticle"===P)}),w&&!q&&(0,d.jsx)("p",{children:Lo(y,L)}),q&&(0,d.jsx)("p",{children:(0,l.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast WooCommerce SEO. */ | |
| 483 | -(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 F,P},Fo=o().arrayOf(o().shape({name:o().string,value:o().string}));Ao.propTypes={schemaPageTypeChange:o().func,schemaPageTypeSelected:o().string,pageTypeOptions:Fo.isRequired,schemaArticleTypeChange:o().func,schemaArticleTypeSelected:o().string,articleTypeOptions:Fo.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 Po=({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:m,...g})=>{const y=(0,d.jsx)(Ao,{showArticleTypeInput:s,articleTypeLabel:i,additionalHelpTextLink:o,pageTypeLabel:r,helpTextLink:n,helpTextTitle:a,helpTextDescription:l,postTypeName:c,displayFooter:p,loadSchemaArticleData:u,loadSchemaPageData:h,location:m,...g});return t?(0,e.createPortal)((0,d.jsx)(So,{children:y}),document.getElementById("wpseo-meta-section-schema")):y};Po.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 Mo=Po;class Do{static get articleTypeInput(){return document.getElementById("yoast_wpseo_schema_article_type")}static get defaultArticleType(){return Do.articleTypeInput.getAttribute("data-default")}static get articleType(){return Do.articleTypeInput.value}static set articleType(e){Do.articleTypeInput.value=e}static get pageTypeInput(){return document.getElementById("yoast_wpseo_schema_page_type")}static get defaultPageType(){return Do.pageTypeInput.getAttribute("data-default")}static get pageType(){return Do.pageTypeInput.value}static set pageType(e){Do.pageTypeInput.value=e}}const Oo=t=>{const s=null!==Do.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)(Mo,{...n})};Oo.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 No=(0,ae.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}}),cs()])(Oo),Uo=window.yoast.relatedKeyphraseSuggestions;function Wo({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 $o({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:m=!1,requestHasData:g=!0,isPremium:y=!1,semrushUpsellLink:w="",premiumUpsellLink:f=""}){var x,b;const[v,_]=(0,e.useState)(n),k=(0,e.useCallback)(async()=>{l(n,t),_(n)},[n,t,l]);return(0,d.jsxs)(r.Root,{context:{isRtl:p},children:[!o&&!y&&(0,d.jsx)(Uo.PremiumUpsell,{url:f,className:"yst-mb-4"}),!o&&(0,d.jsx)(Uo.CountrySelector,{countryCode:n,activeCountryCode:v,onChange:a,onClick:k,className:"yst-mb-4",userLocale:u.split("_")[0]}),!h&&(0,d.jsx)(Uo.UserMessage,{variant:Wo({requestLimitReached:o,isSuccess:m,response:c,requestHasData:g,relatedKeyphrases:s}),upsellLink:w}),(0,d.jsx)(Uo.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"})]})}$o.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 Bo=(0,ae.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,Ms.addQueryArgs)("https://yoa.st/semrush-prices",d()),premiumUpsellLink:(0,Ms.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)}}})])($o),Ho=({isOpen:e,closeModal:t,id:s,upsellLink:i})=>(0,d.jsx)(Js,{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"}),Ko=()=>{const[t,,,s,i]=(0,r.useToggleState)(!1),o=(0,e.useContext)(te.LocationContext),{locationContext:n}=(0,te.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)(Ho,{isOpen:t,closeModal:i,upsellLink:(0,Ms.addQueryArgs)(c,{context:n}),id:`yoast-additional-keyphrases-modal-${o}`}),"sidebar"===o&&(0,d.jsx)(ve,{id:"yoast-additional-keyphrase-modal-open-button",title:(0,l.__)("Add related keyphrase","wordpress-seo"),prefixIcon:{icon:"plus",color:V.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)(Zs(),{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)(pe,{id:"yoast-additional-keyphrase-metabox-modal-open-button",onClick:s,children:[(0,d.jsx)(z.SvgIcon,{icon:"plus",color:V.colors.$color_grey_medium_dark}),(0,d.jsx)(pe.Text,{children:(0,l.__)("Add related keyphrase","wordpress-seo")}),(0,d.jsxs)(r.Badge,{size:"small",variant:"upsell",children:[(0,d.jsx)(Zs(),{className:"yst-w-2.5 yst-h-2.5 yst-me-1 yst-shrink-0",...a}),(0,d.jsx)("span",{children:"Premium"})]})]})})]})};var Yo=s(998),zo=s.n(Yo);const Vo=({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]),g=(0,Ms.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:F()("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)(zo(),{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:F()("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)(Qs(),{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:F()("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:g,target:"_blank",rel:"noreferrer",children:[(0,l.__)("Buy now!","wordpress-seo"),(0,d.jsx)(m(),{className:"yst-w-4 rtl:yst-rotate-180",...y})]})})]})]})})};Vo.propTypes={store:o().string,location:o().oneOf(["sidebar","metabox"]),inEditorIntro:o().bool};const Go="yoast-seo/content-planner",Zo=(0,ae.compose)([(0,a.withDispatch)(e=>{const{setFeatureModalStatus:t}=e(Go);return{setFeatureModalStatus:t}})])(({location:t,setFeatureModalStatus:s})=>{const i=(0,e.useCallback)(()=>{s("idle")},[s]),o=(0,a.useSelect)(e=>e(Go).selectIsMinPostsMet(),[]),n="yoast-content-planner-min-posts-notice-"+t;return(0,d.jsx)(r.Root,{children:(0,d.jsxs)("div",{className:F()("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:F()("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 Xo;function Qo(){return Qo=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},Qo.apply(null,arguments)}const Jo=e=>f.createElement("svg",Qo({xmlns:"http://www.w3.org/2000/svg",fill:"none","aria-hidden":"true",viewBox:"0 0 54 24"},e),Xo||(Xo=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"}))),er=({children:e})=>(0,d.jsxs)("div",{className:"yst-p-4 yst-flex yst-flex-col yst-gap-3",children:[(0,d.jsx)(Jo,{className:"yst-w-14 yst-text-primary-500"}),e]}),tr=({withPromptForContentSuggestions:e,className:t})=>(0,d.jsx)("p",{className:F()("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")}),sr=(ir=Vo,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)(ir,{...e}));var ir;function or({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)(si,{renderPriority:0,children:(0,d.jsx)(js,{})},"warning"),(0,d.jsx)(si,{renderPriority:1,children:(0,d.jsxs)(er,{children:[(0,d.jsx)(sr,{location:"metabox"}),(0,d.jsx)(tr,{withPromptForContentSuggestions:r&&n&&o}),o&&n&&r&&(0,d.jsx)(Zo,{location:"metabox"})]})},"editor-intro"),s.isKeywordAnalysisActive&&(0,d.jsxs)(si,{renderPriority:8,children:[(0,d.jsx)(ls.TopicInputs,{isSEMrushIntegrationActive:s.isSEMrushIntegrationActive}),!window.wpseoScriptData.metabox.isPremium&&(0,d.jsx)(t.Fill,{name:"YoastRelatedKeyphrases",children:(0,d.jsx)(Bo,{})})]},"keyword-input"),(0,d.jsx)(si,{renderPriority:9,children:(0,d.jsx)(Cs,{id:"yoast-snippet-editor-metabox",title:(0,l.__)("Search appearance","wordpress-seo"),initialIsOpen:!0,children:(0,d.jsx)(Rs,{hasPaperStyle:!1})})},"search-appearance"),s.isContentAnalysisActive&&(0,d.jsx)(si,{renderPriority:10,children:(0,d.jsx)(ls.ReadabilityAnalysis,{shouldUpsell:s.shouldUpsell})},"readability-analysis"),s.isKeywordAnalysisActive&&(0,d.jsx)(si,{renderPriority:20,children:(0,d.jsx)(e.Fragment,{children:(0,d.jsx)(ls.SeoAnalysis,{shouldUpsell:s.shouldUpsell})})},"seo-analysis"),s.isInclusiveLanguageAnalysisActive&&(0,d.jsx)(si,{renderPriority:21,children:(0,d.jsx)(ls.InclusiveLanguageAnalysis,{})},"inclusive-language-analysis"),s.isKeywordAnalysisActive&&(0,d.jsx)(si,{renderPriority:22,children:s.shouldUpsell&&(0,d.jsx)(Ko,{})},"additional-keywords-upsell"),s.isKeywordAnalysisActive&&s.isWincherIntegrationActive&&(0,d.jsx)(si,{renderPriority:23,children:(0,d.jsx)(as,{location:"metabox"})},"wincher-seo-performance"),s.shouldUpsell&&!i&&(0,d.jsx)(si,{renderPriority:25,children:(0,d.jsx)(ei,{})},"internal-linking-suggestions-upsell"),s.isCornerstoneActive&&(0,d.jsx)(si,{renderPriority:30,children:(0,d.jsx)(ds,{})},"cornerstone"),s.displayAdvancedTab&&(0,d.jsx)(si,{renderPriority:40,children:(0,d.jsx)(Cs,{id:"collapsible-advanced-settings",title:(0,l.__)("Advanced","wordpress-seo"),children:(0,d.jsx)(di,{})})},"advanced"),s.displaySchemaSettings&&(0,d.jsx)(si,{renderPriority:50,children:(0,d.jsx)(No,{})},"schema"),n&&(0,d.jsx)(si,{renderPriority:24,children:(0,d.jsx)(ls.ContentBlocks,{})},"content-blocks"),(0,d.jsx)(si,{renderPriority:-1,children:(0,d.jsx)(Ro,{target:"wpseo-section-social"})},"social"),s.isInsightsEnabled&&(0,d.jsx)(si,{renderPriority:52,children:(0,d.jsx)(Vs,{location:"metabox"})},"insights")]})})}or.propTypes={settings:o().object.isRequired};const rr=(0,ae.compose)([(0,a.withSelect)((e,t)=>{const{getPreferences:s}=e("yoast-seo/editor");return{settings:s(),store:t.store}})])(or);function nr({target:e,store:t,theme:s}){return(0,d.jsxs)(X,{target:e,children:[(0,d.jsx)(ne,{store:t,theme:s}),(0,d.jsx)(rr,{store:t,theme:s})]})}nr.propTypes={target:o().string.isRequired,store:o().object.isRequired,theme:o().object.isRequired};const ar=[];let lr=null;class cr extends e.Component{constructor(e){super(e),this.state={registeredComponents:[...ar]}}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 dr(e,t){null===lr||null===lr.current?ar.push({key:e,Component:t}):lr.current.registerComponent(e,t)}const pr=window.yoast.externals.redux,ur=window.jQuery;var hr=s.n(ur);function mr(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:gr}=G.markers,{updateReplacementVariable:yr,updateData:wr,hideReplacementVariables:fr,setContentImage:xr,setEditorDataContent:br,setEditorDataTitle:vr,setEditorDataExcerpt:_r,setEditorDataImageUrl:kr,setEditorDataSlug:Tr}=pr.actions;window.yoast=window.yoast||{},window.yoast.initEditorIntegration=function(s){window.YoastSEO=window.YoastSEO||{},window.YoastSEO._registerReactComponent=dr,function(s){const i=Hs();lr=(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)(te.Root,{context:{locationContext:"classic-metabox"},children:(0,d.jsx)(nr,{target:"wpseo-metabox-root",store:s,theme:o})}),(0,d.jsx)(cr,{ref:lr})]}))}(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)=>{xs.includes(t)||o.dispatch(ys(t,e))}),this._store.dispatch(fr(t)),this._previousEditorData.content=s.content,this._store.dispatch(br(s.content)),this._previousEditorData.contentImage=s.contentImage,this._store.dispatch(xr(s.contentImage)),this.setImageInSnippetPreview(s.snippetPreviewImageURL||s.contentImage),this._previousEditorData.slug=s.slug,this._store.dispatch(Tr(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(br(e)),this.featuredImageIsSet)return;const t=this.getContentImage(e);this._previousEditorData.contentImage!==t&&(this._previousEditorData.contentImage=t,this._store.dispatch(xr(t)),this.setImageInSnippetPreview(t))};hr()(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(Tr(e)),this._store.dispatch(wr({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;hr()("#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(xr(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=hr()("#set-post-thumbnail img").attr("src");return e?(this.featuredImageIsSet=!0,e):(this.featuredImageIsSet=!1,null)}setImageInSnippetPreview(e){this._store.dispatch(kr(e)),this._store.dispatch(wr({snippetPreviewImageURL:e}))}getContentImage(e){if(this.featuredImageIsSet)return"";const t=G.languageProcessing.imageInText(e);if(0===t.length)return"";const s=hr().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=Hs();return(0,n.get)(e,"contentLocale","en_US")}()?80:156;return""!==s||!1===e?s:function(e,t=156){return(e=(e=(0,gs.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 gr(mr(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(vr(s));break;case"excerpt":this._store.dispatch(_r(s))}this._store.dispatch(yr(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(yr("excerpt",e.excerpt)),this._store.dispatch(yr("excerpt_only",e.excerpt_only))),this._previousData.snippetPreviewImageURL!==e.snippetPreviewImageURL&&this.setImageInSnippetPreview(e.snippetPreviewImageURL),this._previousData.slug!==e.slug&&this._store.dispatch(Tr(e.slug)),this._previousData.title!==e.title&&this._store.dispatch(vr(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=bs(e);return{name:"ct_"+t,label:ws(e+" (custom taxonomy)"),descriptionName:"ct_desc_"+t,descriptionLabel:ws(e+" description (custom taxonomy)")}}(t),a="string"==typeof e.name?(0,ue.decodeHTML)(e.name):e.name,l="string"==typeof e.description?(0,ue.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_"+bs(e),label:ws(e+" (custom field)")}}(s);t.dispatch(ys(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)}}}})()})(); | |
