← Back
Editing: ai-generator.js
(()=>{var e={818(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),r.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=i},1609(e){"use strict";e.exports=window.React},2485(e,t){var s;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var s=arguments[t];if(s){var o=typeof s;if("string"===o||"number"===o)e.push(s);else if(Array.isArray(s)){if(s.length){var n=i.apply(null,s);n&&e.push(n)}}else if("object"===o){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){e.push(s.toString());continue}for(var a in s)r.call(s,a)&&s[a]&&e.push(a)}}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(s=function(){return i}.apply(t,[]))||(e.exports=s)}()},2514(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.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),r.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=i},2863(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),r.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"}))});e.exports=i},3473(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.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),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"}))});e.exports=i},5074(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.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),r.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=i},5687(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),r.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=i},6702(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.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),r.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=i},7219(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.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),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}))});e.exports=i},8738(e,t,s){const r=s(1609),i=r.forwardRef(function(e,t){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),r.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=i}},t={};function s(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,s),o.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.components,t=window.wp.data,r=window.wp.hooks,i=window.yoast.uiLibrary,o=window.lodash,n=window.yoast.reduxJsToolkit,a="adminUrl",l=(0,n.createSlice)({name:a,initialState:"",reducers:{setAdminUrl:(e,{payload:t})=>t}}),c=(l.getInitialState,{selectAdminUrl:e=>(0,o.get)(e,a,"")});c.selectAdminLink=(0,n.createSelector)([c.selectAdminUrl,(e,t)=>t],(e,t="")=>{try{return new URL(t,e).href}catch(t){return e}}),l.actions,l.reducer;const d=window.wp.apiFetch;var u=s.n(d);const p="hasConsent",m=`${p}/storeConsent`,h=(0,n.createSlice)({name:p,initialState:{hasConsent:!1,endpoint:""},reducers:{giveAiGeneratorConsent:(e,{payload:t})=>{e.hasConsent=t},setAiGeneratorConsentEndpoint:(e,{payload:t})=>{e.endpoint=t}}}),g=h.getInitialState,y={selectHasAiGeneratorConsent:e=>(0,o.get)(e,[p,"hasConsent"],h.getInitialState().hasConsent),selectAiGeneratorConsentEndpoint:e=>(0,o.get)(e,[p,"endpoint"],h.getInitialState().endpoint)},w={...h.actions,storeAiGeneratorConsent:function*(e,t){try{yield{type:m,payload:{consent:e,endpoint:t}}}catch(e){return!1}return yield{type:`${p}/giveAiGeneratorConsent`,payload:e},!0}},x={[m]:async({payload:e})=>await u()({path:e.endpoint,method:"POST",data:{consent:e.consent},parse:!1})},f=h.reducer,v=window.wp.url,b="linkParams",S=(0,n.createSlice)({name:b,initialState:{},reducers:{setLinkParams:(e,{payload:t})=>t}}),k=(S.getInitialState,{selectLinkParam:(e,t,s={})=>(0,o.get)(e,`${b}.${t}`,s),selectLinkParams:e=>(0,o.get)(e,b,{})});k.selectLink=(0,n.createSelector)([k.selectLinkParams,(e,t)=>t,(e,t,s={})=>s],(e,t,s)=>(0,v.addQueryArgs)(t,{...e,...s})),S.actions,S.reducer;const C=(0,n.createSlice)({name:"notifications",initialState:{},reducers:{addNotification:{reducer:(e,{payload:t})=>{e[t.id]={id:t.id,variant:t.variant,size:t.size,title:t.title,description:t.description}},prepare:({id:e,variant:t="info",size:s="default",title:r,description:i})=>({payload:{id:e||(0,n.nanoid)(),variant:t,size:s,title:r||"",description:i}})},removeNotification:(e,{payload:t})=>(0,o.omit)(e,t)}}),j=(C.getInitialState,C.actions,C.reducer,"pluginUrl"),_=(0,n.createSlice)({name:j,initialState:"",reducers:{setPluginUrl:(e,{payload:t})=>t}}),E=(_.getInitialState,{selectPluginUrl:e=>(0,o.get)(e,j,"")});E.selectImageLink=(0,n.createSelector)([E.selectPluginUrl,(e,t,s="images")=>s,(e,t)=>t],(e,t,s)=>[(0,o.trimEnd)(e,"/"),(0,o.trim)(t,"/"),(0,o.trimStart)(s,"/")].join("/")),_.actions,_.reducer;const R="request",I="success",L="error",T="idle",P="loading",M="success",A="error",N="showPlay",$="askPermission",F="isPlaying",q="wistiaEmbedPermission",O=(0,n.createSlice)({name:q,initialState:{value:!1,status:T,error:{}},reducers:{setWistiaEmbedPermissionValue:(e,{payload:t})=>{e.value=Boolean(t)}},extraReducers:e=>{e.addCase(`${q}/${R}`,e=>{e.status=P}),e.addCase(`${q}/${I}`,(e,{payload:t})=>{e.status=M,e.value=Boolean(t&&t.value)}),e.addCase(`${q}/${L}`,(e,{payload:t})=>{e.status=A,e.value=Boolean(t&&t.value),e.error={code:(0,o.get)(t,"error.code",500),message:(0,o.get)(t,"error.message","Unknown")}})}});var U;O.getInitialState,O.actions,O.reducer;const W=(0,n.createSlice)({name:"documentTitle",initialState:(0,o.defaultTo)(null===(U=document)||void 0===U?void 0:U.title,""),reducers:{setDocumentTitle:(e,{payload:t})=>t}});W.getInitialState,W.actions,W.reducer;var B=s(2863),G=s.n(B);const D=window.wp.element,H=window.wp.i18n,z=window.yoast.aiFrontend,V=window.yoast.propTypes;var Y=s.n(V);const K="yoast-seo/ai-generator",Z="yoast-seo/editor",X="google",J="social",Q="twitter",ee="title",te="description",se="post",re="term",ie={post:"title",term:"term_title"},oe=(0,o.mapValues)(ie,e=>`%%${e}%%`),ne={idle:"idle",loading:"loading",success:"success",error:"error"},ae="success",le="error",ce="abort",de=window.yoast.analysis,ue=(window.wp.sanitize,window.yoast.helpers),pe=(e,t)=>{try{return(0,D.createInterpolateElement)(e,t)}catch(t){return console.error("Error in translation for:",e,t),e}},me=window.ReactJSXRuntime,{stripHTMLTags:he}=ue.strings,ge=["_formal","_informal","_ao90"],ye=e=>{for(const t of ge)if(e.endsWith(t))return e.slice(0,-t.length);return e};let we,xe=!1;const fe="\\–\\-\\(\\)_\\[\\]’‘“”〝〞〟‟„\"'.?!:;,¿¡«»‹›—×+&۔؟،؛。｡！‼？⁇⁉⁈‥…・ー、〃〄〆〇〈〉《》「」『』【】〒〓〔〕〖〗〘〙〚〛〜〝〞〟〠〶〼〽｛｝｜～｟｠｢｣､［］･￥＄％＠＆＇（）＊／：；＜＞＼\\<>";fe.split(""),new RegExp("^["+fe+"]+"),new RegExp("["+fe+"]+$");const ve=new RegExp("["+fe+"#$%&*+/=@^`{|}~ -¿–-⁊ -₠-⃀]","g"),be=e=>0===e.replace(ve,"").trim().length,Se=e=>{const t={...e};return""!==e.value||["title","excerpt","excerpt_only"].includes(e.name)||(t.value="%%"+e.name+"%%"),t.badge=`<badge>${e.label}</badge>`,t},ke=()=>{const e=(0,t.useSelect)(e=>e(Z).getReplaceVars(),[]),s=(0,D.useMemo)(()=>e.map(Se),[e]);return(0,D.useCallback)((e,{key:t="value",overrides:r={},applyPluggable:i=!0,editType:n=ee,contentType:a=se}={})=>{for(const i of s)e=e.replace(new RegExp("%%"+(0,o.escapeRegExp)(i.name)+"%%","g"),(0,o.get)(r,i.name,i[t]));return a===re&&(e=e.replace(" Archives","")),i?((e,t=ee)=>{const s=function(e){const t=(0,o.get)(window,["YoastSEO","app","pluggable"],!1);if(!t||!(0,o.get)(window,["YoastSEO","app","pluggable","loaded"],!1))return function(e){const t=(0,o.get)(window,["YoastSEO","wp","replaceVarsPlugin","replaceVariables"],o.identity);return{url:e.url,title:he(t(e.title)),description:he(t(e.description)),filteredSEOTitle:e.filteredSEOTitle?he(t(e.filteredSEOTitle)):""}}(e);const s=t._applyModifications.bind(t);return{url:e.url,title:he(s("data_page_title",e.title)),description:he(s("data_meta_desc",e.description)),filteredSEOTitle:e.filteredSEOTitle?he(s("data_page_title",e.filteredSEOTitle)):""}}({title:"",description:"",[t]:de.languageProcessing.stripSpaces(e)});return(0,o.get)(s,t,e)})(e,n):e},[s])},Ce={editType:ee,previewType:X,postType:"post",contentType:se},je=(0,D.createContext)(Ce),_e=je.Provider,Ee=()=>(0,D.useContext)(je),Re=window.yoast.externals.contexts,Ie=()=>(0,D.useContext)(Re.LocationContext),Le=e=>{const t=(0,D.useRef)(null);return(0,D.useCallback)(s=>{(0,o.attempt)(()=>t.current&&t.current.disconnect()),null!==s&&(t.current=new ResizeObserver(t=>{(0,o.forEach)(t,t=>e(t))}),t.current.observe(s))},[e])},Te=(0,n.createSlice)({name:"suggestions",initialState:{status:ne.loading,error:{code:200,message:""},entities:[],selected:""},reducers:{setLoading:e=>{e.status=ne.loading},setSuccess:(e,{payload:t})=>{e.status=ne.success,e.selected=t[0],e.entities.push(...t)},setError:(e,{payload:t})=>{e.status=ne.error,e.error=t},setSelected:(e,{payload:t})=>{e.selected=t}}}),Pe=e=>{switch(e){case J:return"Facebook";case Q:return"Twitter";default:return"Google"}},Me=window.yoast.searchMetadataPreviews,Ae="usageCount",Ne="fetchUsageCount",$e=`${Ne}/${I}`,Fe=`${Ne}/${L}`,qe={errorCode:null,errorIdentifier:null,errorMessage:null},Oe=(0,n.createSlice)({name:Ae,initialState:{status:T,count:0,limit:10,endpoint:"",error:qe},reducers:{addUsageCount:(e,{payload:t=1})=>{e.count+=t},setUsageCount:(e,{payload:t})=>{e.count=t},setUsageCountEndpoint:(e,{payload:t})=>{e.endpoint=t},setUsageCountLimit:(e,{payload:t})=>{e.limit=t}},extraReducers:e=>{e.addCase(`${Ne}/${R}`,e=>{e.status=P,e.error=qe}),e.addCase($e,(e,{payload:t})=>{e.status=M,e.count=t.count,e.limit=t.limit,e.error=qe}),e.addCase(`${Ne}/${L}`,(e,{payload:t})=>{e.status=A,e.error={errorCode:502,...t}})}}),Ue=Oe.getInitialState,We={selectUsageCountStatus:e=>(0,o.get)(e,[Ae,"status"],Oe.getInitialState()),selectUsageCount:e=>(0,o.get)(e,[Ae,"count"],Oe.getInitialState().count),selectUsageCountLimit:e=>(0,o.get)(e,[Ae,"limit"],Oe.getInitialState().limit),selectUsageCountEndpoint:e=>(0,o.get)(e,[Ae,"endpoint"],Oe.getInitialState().endpoint),selectUsageCountError:e=>(0,o.get)(e,[Ae,"error"],Oe.getInitialState().error)};We.selectUsageCountRemaining=(0,n.createSelector)([We.selectUsageCount,We.selectUsageCountLimit],(e,t)=>Math.max(t-e,0)),We.isUsageCountLimitReached=(0,n.createSelector)([We.selectUsageCount,We.selectUsageCountLimit,We.selectUsageCountError],(e,t,s)=>429===s.errorCode||e>=t);const Be={...Oe.actions,fetchUsageCount:function*({endpoint:e,isWooProductEntity:t}){yield{type:`${Ne}/${R}`};try{const s=(e=>{const t=(0,o.get)(e,"totalUsed.license",null),s=(0,o.get)(e,"totalUsed.limit",null);if(!(0,o.isNumber)(t)||t<0)throw new Error("Invalid usage count: must be a number of zero or higher.");if(!(0,o.isNumber)(s)||s<-1||0===s)throw new Error("Invalid usage count limit: must be a number of -1 or higher than 1");return{count:t,limit:s}})(yield{type:Ne,payload:{endpoint:e,isWooProductEntity:t}});return{type:`${Ne}/${I}`,payload:s}}catch(e){return{type:`${Ne}/${L}`,payload:e}}}},Ge={[Ne]:async({payload:e})=>u()({method:"POST",path:e.endpoint,data:{is_woo_product_entity:e.isWooProductEntity}})},De=Oe.reducer;s(6702);Y().string.isRequired;var He=s(2514),ze=s.n(He),Ve=s(818),Ye=s.n(Ve);Y().string.isRequired,Y().string.isRequired,Y().shape({src:Y().string.isRequired,width:Y().string,height:Y().string}).isRequired,Y().shape({value:Y().bool.isRequired,status:Y().string.isRequired,set:Y().func.isRequired}).isRequired,Y().string,Y().string,Y().string;const Ke=({handleRefreshClick:e,supportLink:t})=>(0,me.jsxs)("div",{className:"yst-flex yst-gap-2",children:[(0,me.jsx)(i.Button,{onClick:e,children:(0,H.__)("Refresh this page","wordpress-seo")}),(0,me.jsx)(i.Button,{variant:"secondary",as:"a",href:t,target:"_blank",rel:"noopener",children:(0,H.__)("Contact support","wordpress-seo")})]});Ke.propTypes={handleRefreshClick:Y().func.isRequired,supportLink:Y().string.isRequired};const Ze=({handleRefreshClick:e,supportLink:t})=>(0,me.jsxs)("div",{className:"yst-grid yst-grid-cols-1 yst-gap-y-2",children:[(0,me.jsx)(i.Button,{className:"yst-order-last",onClick:e,children:(0,H.__)("Refresh this page","wordpress-seo")}),(0,me.jsx)(i.Button,{variant:"secondary",as:"a",href:t,target:"_blank",rel:"noopener",children:(0,H.__)("Contact support","wordpress-seo")})]});Ze.propTypes={handleRefreshClick:Y().func.isRequired,supportLink:Y().string.isRequired};const Xe=({error:e,children:t=null})=>(0,me.jsxs)("div",{role:"alert",className:"yst-max-w-screen-sm yst-p-8 yst-space-y-4",children:[(0,me.jsx)(i.Title,{children:(0,H.__)("Something went wrong. An unexpected error occurred.","wordpress-seo")}),(0,me.jsx)("p",{children:(0,H.__)("We're very sorry, but it seems like the following error has interrupted our application:","wordpress-seo")}),(0,me.jsx)(i.Alert,{variant:"error",children:(null==e?void 0:e.message)||(0,H.__)("Undefined error message.","wordpress-seo")}),(0,me.jsx)("p",{children:(0,H.__)("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]});Xe.propTypes={error:Y().object.isRequired,children:Y().node},Xe.VerticalButtons=Ze,Xe.HorizontalButtons=Ke;Y().string,Y().node.isRequired,Y().node.isRequired,Y().node,Y().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 Je=s(1609),Qe=s.n(Je);const et=window.ReactDOM;var tt,st,rt;(st=tt||(tt={})).Pop="POP",st.Push="PUSH",st.Replace="REPLACE",function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(rt||(rt={})),new Set(["lazy","caseSensitive","path","id","index","children"]),Error;const it=["post","put","patch","delete"],ot=(new Set(it),["get",...it]);new Set(ot),new Set([301,302,303,307,308]),new Set([307,308]),Symbol("deferred"),Je.Component,Je.startTransition,new Promise(()=>{}),Je.Component,new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);try{window.__reactRouterVersion="6"}catch(e){}var nt,at,lt,ct;new Map,Je.startTransition,et.flushSync,Je.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(ct=nt||(nt={})).UseScrollRestoration="useScrollRestoration",ct.UseSubmit="useSubmit",ct.UseSubmitFetcher="useSubmitFetcher",ct.UseFetcher="useFetcher",ct.useViewTransitionState="useViewTransitionState",(lt=at||(at={})).UseFetcher="useFetcher",lt.UseFetchers="useFetchers",lt.UseScrollRestoration="useScrollRestoration",Y().string.isRequired,Y().string;const dt=({href:e,children:t=null,...s})=>(0,me.jsxs)(i.Link,{target:"_blank",rel:"noopener noreferrer",...s,href:e,children:[t,(0,me.jsx)("span",{className:"yst-sr-only",children:/* translators: Hidden accessibility text. */ /* translators: Hidden accessibility text. */ (0,H.__)("(Opens in a new browser tab)","wordpress-seo")})]});dt.propTypes={href:Y().string.isRequired,children:Y().node};s(8738);(0,H.__)("Create optimized SEO titles & meta descriptions in seconds","wordpress-seo"),(0,H.__)("Apply AI suggestions to improve content in 1 click","wordpress-seo"),(0,H.__)("Manage redirects with ease and without extra plugins","wordpress-seo"),(0,H.__)("Optimize pages for multiple keywords with guidance","wordpress-seo"),(0,H.__)("Add product details to help your listings stand out","wordpress-seo"),(0,H.__)("Make sure search engines show the right version of your product page","wordpress-seo"),(0,H.__)("Create optimized SEO titles & meta descriptions with AI","wordpress-seo"),(0,H.__)("Receive clear SEO and readability guidance to optimize your products","wordpress-seo"),(0,H.__)("Generate SEO optimized metadata in seconds with AI","wordpress-seo"),(0,H.__)("Make your articles visible, be seen in Google News","wordpress-seo"),(0,H.__)("Built to get found by search, AI, and real users","wordpress-seo"),(0,H.__)("Easy Local SEO. Show up in Google Maps results","wordpress-seo"),(0,H.__)("Internal links and redirect management, easy","wordpress-seo"),(0,H.__)("Access to friendly help when you need it, day or night","wordpress-seo");var ut=s(2485),pt=s.n(ut);Y().string.isRequired,Y().object.isRequired,Y().func.isRequired,Y().bool.isRequired,s(3473),Y().string.isRequired,Y().object,Y().func.isRequired,Y().bool.isRequired,Y().string.isRequired,Y().object.isRequired,Y().string.isRequired,Y().func.isRequired,Y().bool.isRequired,s(5074),Y().bool.isRequired,Y().func,Y().func,Y().string.isRequired,Y().string.isRequired,Y().string.isRequired,Y().string.isRequired;const mt=window.yoast.reactHelmet,ht=({videoId:e,thumbnail:t,wistiaEmbedPermission:s,className:r=""})=>{const[o,n]=(0,D.useState)(s.value?F:N),a=(0,D.useCallback)(()=>n(F),[n]),l=(0,D.useCallback)(()=>{s.value?a():n($)},[s.value,a,n]),c=(0,D.useCallback)(()=>n(N),[n]),d=(0,D.useCallback)(()=>{s.set(!0),a()},[s.set,a]);return(0,me.jsxs)(me.Fragment,{children:[s.value&&(0,me.jsx)(mt.Helmet,{children:(0,me.jsx)("script",{src:"https://fast.wistia.com/assets/external/E-v1.js",async:!0})}),(0,me.jsxs)("div",{className:pt()("yst-relative yst-w-full yst-h-0 yst-pt-[47.25%] yst-overflow-hidden yst-rounded-md yst-drop-shadow-md yst-bg-white",r),children:[o===N&&(0,me.jsx)("button",{type:"button",className:"yst-absolute yst-inset-0 yst-button yst-p-0 yst-border-none yst-bg-white yst-transition-opacity yst-duration-1000 yst-opacity-100",onClick:l,children:(0,me.jsx)("img",{className:"yst-w-full yst-h-auto yst-object-contain",alt:"",loading:"lazy",decoding:"async",...t})}),o===$&&(0,me.jsxs)("div",{className:"yst-absolute yst-inset-0 yst-flex yst-flex-col yst-items-center yst-justify-center yst-bg-white",children:[(0,me.jsxs)("p",{className:"yst-max-w-xs yst-mx-auto yst-text-center",children:[s.status===P&&(0,me.jsx)(i.Spinner,{}),s.status!==P&&(0,H.sprintf)(/* translators: %1$s expands to Yoast SEO. %2$s expands to Wistia. */ /* translators: %1$s expands to Yoast SEO. %2$s expands to Wistia. */ (0,H.__)("To see this video, you need to allow %1$s to load embedded videos from %2$s.","wordpress-seo"),"Yoast SEO","Wistia")]}),(0,me.jsxs)("div",{className:"yst-flex yst-mt-6 yst-gap-x-4",children:[(0,me.jsx)(i.Button,{type:"button",variant:"secondary",onClick:c,disabled:s.status===P,children:(0,H.__)("Deny","wordpress-seo")}),(0,me.jsx)(i.Button,{type:"button",variant:"primary",onClick:d,disabled:s.status===P,children:(0,H.__)("Allow","wordpress-seo")})]})]}),s.value&&o===F&&(0,me.jsxs)("div",{className:"yst-absolute yst-w-full yst-h-full yst-top-0 yst-right-0",children:[null===e&&(0,me.jsx)(i.Spinner,{className:"yst-h-full yst-mx-auto"}),null!==e&&(0,me.jsx)("div",{className:`wistia_embed wistia_async_${e} videoFoam=true`})]})]})]})};ht.propTypes={videoId:Y().string.isRequired,thumbnail:Y().shape({src:Y().string.isRequired,width:Y().string,height:Y().string}).isRequired,wistiaEmbedPermission:Y().shape({value:Y().bool.isRequired,status:Y().string.isRequired,set:Y().func.isRequired}).isRequired,hasPadding:Y().bool},s(5687),Y().bool.isRequired,Y().func.isRequired,Y().func,Y().string;const gt=({onGiveConsent:e,learnMoreLink:t,privacyPolicyLink:s,termsOfServiceLink:r,imageLink:o})=>{const{onClose:n,initialFocus:a}=(0,i.useModalContext)(),[l,c]=(0,i.useToggleState)(!1),d=(0,D.useMemo)(()=>({src:o,width:"432",height:"244"}),[o]),u=pe((0,H.sprintf)(/* translators: %1$s and %2$s are a set of anchor tags and %3$s and %4$s are a set of anchor tags. */ /* translators: %1$s and %2$s are a set of anchor tags and %3$s and %4$s are a set of anchor tags. */ (0,H.__)("I approve the %1$sTerms of Service%2$s & %3$sPrivacy Policy%4$s of the Yoast AI service. This includes consenting to the collection and use of data to improve user experience.","wordpress-seo"),"<a1>","</a1>","<a2>","</a2>"),{a1:(0,me.jsx)(dt,{href:r}),a2:(0,me.jsx)(dt,{href:s})}),[p,m]=(0,i.useToggleState)(!1),h=(0,D.useCallback)(async()=>{m(),await e(),m()},[e]);return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)("div",{className:"yst-px-10 yst-pt-10 yst-introduction-gradient yst-text-center",children:(0,me.jsx)("div",{className:"yst-relative yst-w-full",children:(0,me.jsx)("img",{className:"yst-w-full yst-h-auto yst-rounded-md yst-drop-shadow-md",alt:"",loading:"lazy",decoding:"async",...d})})}),(0,me.jsxs)("div",{className:"yst-px-10 yst-pb-4 yst-flex yst-flex-col yst-items-center",children:[(0,me.jsxs)("div",{className:"yst-mt-4 yst-mx-1.5 yst-text-center",children:[(0,me.jsx)("h3",{className:"yst-text-slate-900 yst-text-lg yst-font-medium",children:(0,H.sprintf)(/* translators: %s expands to Yoast AI. */ /* translators: %s expands to Yoast AI. */ (0,H.__)("Grant consent for %s","wordpress-seo"),"Yoast AI")}),(0,me.jsx)("div",{className:"yst-mt-2 yst-text-slate-600 yst-text-sm",children:pe((0,H.sprintf)(/* translators: %1$s is a break tag; %2$s and %3$s are anchor tag; %4$s is the arrow icon. */ /* translators: %1$s is a break tag; %2$s and %3$s are anchor tag; %4$s is the arrow icon. */ (0,H.__)("Enable AI-powered SEO! Use all Yoast AI features to boost your efficiency. Just give us the green light. %1$s%2$sLearn more%3$s%4$s","wordpress-seo"),"<br/>","<a>","<ArrowNarrowRightIcon />","</a>"),{a:(0,me.jsx)(dt,{href:t,className:"yst-inline-flex yst-items-center yst-gap-1 yst-no-underline yst-font-medium",variant:"primary"}),ArrowNarrowRightIcon:(0,me.jsx)(Ye(),{className:"yst-w-4 yst-h-4 rtl:yst-rotate-180"}),br:(0,me.jsx)("br",{})})})]}),(0,me.jsx)("div",{className:"yst-flex yst-w-full yst-mt-6",children:(0,me.jsx)("hr",{className:"yst-w-full yst-text-gray-200"})}),(0,me.jsxs)("div",{className:"yst-flex yst-items-start yst-mt-4",children:[(0,me.jsx)("input",{type:"checkbox",id:"yst-ai-consent-checkbox",name:"yst-ai-consent-checkbox",checked:l,value:l?"true":"false",onChange:c,className:"yst-checkbox__input",ref:a}),(0,me.jsx)("label",{htmlFor:"yst-ai-consent-checkbox",className:"yst-label yst-checkbox__label yst-text-xs yst-font-normal yst-text-slate-500",children:u})]}),(0,me.jsx)("div",{className:"yst-w-full yst-flex yst-mt-4",children:(0,me.jsxs)(i.Button,{as:"button",className:"yst-grow",size:"large",disabled:!l,onClick:h,children:[p&&(0,me.jsx)(i.Spinner,{className:"yst-me-2"}),(0,H.__)("Grant consent","wordpress-seo")]})}),(0,me.jsx)(i.Button,{as:"button",className:"yst-mt-4",variant:"tertiary",onClick:n,children:(0,H.__)("Close","wordpress-seo")})]})]})};gt.propTypes={onGiveConsent:Y().func.isRequired,learnMoreLink:Y().string.isRequired,privacyPolicyLink:Y().string.isRequired,termsOfServiceLink:Y().string.isRequired,imageLink:Y().string.isRequired};const yt={termsOfService:"https://yoa.st/ai-generator-terms-of-service",privacyPolicy:"https://yoa.st/ai-generator-privacy-policy",learnMore:"https://yoa.st/ai-generator-learn-more"},wt=({storeName:e,onConsentGranted:s,linkStoreName:r,links:i={}})=>{const o=(0,D.useMemo)(()=>({...yt,...i}),[i]),{termsOfServiceLink:n,privacyPolicyLink:a,learnMoreLink:l,imageLink:c,endpoint:d}=(0,t.useSelect)(t=>{const s=t(r),i=t(e);return{termsOfServiceLink:s.selectLink(o.termsOfService),privacyPolicyLink:s.selectLink(o.privacyPolicy),learnMoreLink:s.selectLink(o.learnMore),imageLink:s.selectImageLink("ai-consent.jpg"),endpoint:i.selectAiGeneratorConsentEndpoint()}},[r,e,o]),{storeAiGeneratorConsent:u}=(0,t.useDispatch)(e),p=(0,D.useCallback)(async()=>{await u(!0,d),s()},[u,s,d]);return(0,me.jsx)(gt,{termsOfServiceLink:n,privacyPolicyLink:a,learnMoreLink:l,imageLink:c,onGiveConsent:p})};wt.propTypes={storeName:Y().string.isRequired,onConsentGranted:Y().func.isRequired,linkStoreName:Y().string.isRequired,links:Y().shape({termsOfService:Y().string,privacyPolicy:Y().string,learnMore:Y().string})};const xt=()=>{const e=(0,t.useSelect)(e=>e(Z).selectLink("https://yoa.st/ai-common-errors"),[]),s=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_support"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Something went wrong","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.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. */ (0,H.__)("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,me.jsx)(dt,{variant:"error",href:e}),a2:(0,me.jsx)(dt,{variant:"error",href:s})})})]})},ft=()=>{const e=(0,t.useSelect)(e=>e(Z).selectLink("https://yoa.st/ai-common-errors"),[]),s=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_support"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Not enough content","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.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. */ (0,H.__)("Please add more content to ensure a valuable AI suggestion. Learn more 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,me.jsx)(dt,{variant:"error",href:e}),a2:(0,me.jsx)(dt,{variant:"error",href:s})})})]})},vt=()=>{const e=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_settings#/site-features#card-wpseo-keyword_analysis_active"),[]),s=(0,D.useCallback)(()=>{window.location.reload()},[]),{onClose:r}=(0,i.useModalContext)();return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("SEO analysis required","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.sprintf)( /** * translators: * %1$s expands to Yoast SEO. * %2$s and %3$s expand to an opening and closing anchor tag, respectively, that links to the settings page. * %4$s expands to Yoast AI. */ /** * translators: * %1$s expands to Yoast SEO. * %2$s and %3$s expand to an opening and closing anchor tag, respectively, that links to the settings page. * %4$s expands to Yoast AI. */ (0,H.__)("%4$s requires the SEO analysis to be enabled. To enable it, please navigate to %2$sSite features%3$s in %1$s, turn on the SEO analysis, and click 'Save changes'. If it's disabled in your WordPress user profile, access your profile and enable it there. Please contact your administrator if you don't have access to these settings.","wordpress-seo"),"Yoast SEO","<a>","</a>","Yoast AI"),{a:(0,me.jsx)(dt,{variant:"error",href:e})})})]}),(0,me.jsxs)("div",{className:"yst-mt-6 yst-mb-1 yst-flex yst-space-x-3 rtl:yst-space-x-reverse yst-place-content-end",children:[(0,me.jsx)(i.Button,{variant:"secondary",onClick:r,children:(0,H.__)("Close","wordpress-seo")}),(0,me.jsx)(i.Button,{className:"yst-revoke-button",variant:"primary",onClick:s,children:(0,H.__)("Refresh page","wordpress-seo")})]})]})},bt=()=>{const e=(0,t.useSelect)(e=>e(Z).selectLink("https://yoa.st/ai-generator-rate-limit-help"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("You've reached the Yoast AI rate limit","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.sprintf)(/* translators: %1$s expands to an opening tag. %2$s expands to a closing tag. */ /* translators: %1$s expands to an opening tag. %2$s expands to a closing tag. */ (0,H.__)("You might have reached your Yoast AI rate limit for a specific time frame or your sparks limit for this month. If you have reached your rate limit, please reduce the frequency of your requests to continue using Yoast AI features. Our %1$shelp article%2$s provides guidance on effectively planning and pacing your requests for an optimized workflow.","wordpress-seo"),"<a>","</a>"),{a:(0,me.jsx)(dt,{variant:"error",href:e})})})]})},St=({invalidSubscriptions:e=[]})=>{const{newYoastWooLink:s,activateYoastWooLink:r,newPremiumLink:o,activatePremiumLink:n,bustSubscriptionCacheEndpoint:a}=(0,t.useSelect)(e=>{const t=e(Z);return{newYoastWooLink:t.selectLink("https://yoa.st/ai-generator-new-yoast-woocommerce"),activateYoastWooLink:t.selectLink("https://yoa.st/ai-generator-activate-yoast-woocommerce"),newPremiumLink:t.selectLink("https://yoa.st/ai-generator-new-premium"),activatePremiumLink:t.selectLink("https://yoa.st/ai-generator-activate-premium"),bustSubscriptionCacheEndpoint:e(K).selectBustSubscriptionCacheEndpoint()}},[]),{onClose:l}=(0,i.useModalContext)(),c=(0,D.useCallback)(async()=>{try{await u()({path:a,method:"POST",parse:!1})}catch(e){console.error(e)}window.location.reload()},[]);let d,p,m;return e.includes("Yoast WooCommerce SEO")?(d="Yoast WooCommerce SEO",p=r,m=s):e.includes("Yoast SEO Premium")&&(d="Yoast SEO Premium",p=n,m=o),(0,me.jsxs)(D.Fragment,{children:[(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Subscription required","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.sprintf)( /** * translators: * %1$s expands to Yoast SEO Premium or Yoast WooCommerce SEO. * %2$s expands to MyYoast. * %3$s and %4$s expand to an opening and closing anchor tag, respectively, to activate your subscription. * %5$s and %6$s expand to an opening and closing anchor tag, respectively, to get a new subscription. **/ /** * translators: * %1$s expands to Yoast SEO Premium or Yoast WooCommerce SEO. * %2$s expands to MyYoast. * %3$s and %4$s expand to an opening and closing anchor tag, respectively, to activate your subscription. * %5$s and %6$s expand to an opening and closing anchor tag, respectively, to get a new subscription. **/ (0,H.__)("To access this feature, you need an active %1$s subscription. Please %3$sactivate your subscription in %2$s%4$s or %5$sget a new %1$s subscription%6$s. Afterward, refresh this page. It may take up to 30 seconds for the feature to function correctly.","wordpress-seo"),d,"MyYoast","<Activate>","</Activate>","<New>","</New>"),{Activate:(0,me.jsx)(dt,{variant:"error",href:p}),New:(0,me.jsx)(dt,{variant:"error",href:m})})})]}),(0,me.jsxs)("div",{className:"yst-mt-6 yst-mb-1 yst-flex yst-space-x-3 rtl:yst-space-x-reverse yst-place-content-end",children:[(0,me.jsx)(i.Button,{variant:"secondary",onClick:l,children:(0,H.__)("Close","wordpress-seo")}),(0,me.jsx)(i.Button,{variant:"primary",onClick:c,children:(0,H.__)("Refresh page","wordpress-seo")})]})]})};St.propTypes={invalidSubscriptions:Y().arrayOf(Y().string)};const kt=()=>{const e=(0,t.useSelect)(e=>e(Z).selectLink("https://yoa.st/ai-common-errors"),[]),s=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_support"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Connection timeout","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.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. */ (0,H.__)("It seems that a connection timeout has occurred. Please check your internet connection and try again later. Learn more 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,me.jsx)(dt,{variant:"error",href:e}),a2:(0,me.jsx)(dt,{variant:"error",href:s})})})]})},Ct=()=>{const e=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_support"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Usage policy violation","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.sprintf)( /* translators: %1$s, %2$s, %3$s, %4$s are anchor tags. * %5$s expands to OpenAI. */ /* translators: %1$s, %2$s, %3$s, %4$s are anchor tags. * %5$s expands to OpenAI. */ (0,H.__)("Due to %5$s's strict ethical guidelines and %1$susage policies%2$s, we cannot generate suggestions for the content on this page. If you intend to use AI, kindly avoid the use of explicit, violent, copyrighted, or sexually explicit content. In case you need further help, please %3$scontact our support team%4$s.","wordpress-seo"),"<a1>","</a1>","<a2>","</a2>","OpenAI"),{a1:(0,me.jsx)(dt,{variant:"error",href:"https://openai.com/policies/usage-policies"}),a2:(0,me.jsx)(dt,{variant:"error",href:e})})})]})},jt=({errorMessage:e=""})=>{const s=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_support"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Something went wrong","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:(0,H.sprintf)(/* translators: %s is the error response of the request. */ /* translators: %s is the error response of the request. */ (0,H.__)("The request came back with the following error: '%s'.","wordpress-seo"),e)}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.sprintf)(/* translators: %1$s expands to an opening tag. %2$s expands to a closing tag. */ /* translators: %1$s expands to an opening tag. %2$s expands to a closing tag. */ (0,H.__)("Please try again later. If the issue persists, please %1$scontact our support team%2$s.","wordpress-seo"),"<a>","</a>"),{a:(0,me.jsx)(dt,{variant:"error",href:s})})})]})};jt.propTypes={errorMessage:Y().string};const _t=()=>{const e=(0,t.useSelect)(e=>e(Z).selectAdminLink("plugins.php"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Something went wrong","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.sprintf)(/* translators: %1$s expands to Yoast SEO Premium. %2$s expands to an opening link tag. %3$s expands to a closing link tag. */ /* translators: %1$s expands to Yoast SEO Premium. %2$s expands to an opening link tag. %3$s expands to a closing link tag. */ (0,H.__)("The version of %1$s is outdated. Please upgrade %1$s %2$shere%3$s!","wordpress-seo"),"Yoast SEO Premium","<a>","</a>"),{a:(0,me.jsx)(dt,{variant:"error",href:e})})})]})},Et=()=>{const e=(0,t.useSelect)(e=>e(Z).selectLink("https://yoa.st/ai-common-errors"),[]),s=(0,t.useSelect)(e=>e(Z).selectAdminLink("?page=wpseo_page_support"),[]);return(0,me.jsxs)(i.Alert,{variant:"error",children:[(0,me.jsx)("span",{className:"yst-block yst-font-medium",children:(0,H.__)("Yoast AI cannot reach your site","wordpress-seo")}),(0,me.jsx)("p",{className:"yst-mt-2",children:pe((0,H.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. */ (0,H.__)("To use this feature, your site must be publicly accessible. This applies to both test sites and instances where your REST API is password-protected. Please ensure your site is accessible to the public and try again. Learn more 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,me.jsx)(dt,{variant:"error",href:e}),a2:(0,me.jsx)(dt,{variant:"error",href:s})})})]})},Rt=({errorCode:e,errorIdentifier:t="",errorMessage:s=""})=>{switch(e){case 400:switch(t){case"SITE_UNREACHABLE":return(0,me.jsx)(Et,{});case"WP_HTTP_REQUEST_ERROR":return(0,me.jsx)(jt,{errorMessage:s});default:return(0,me.jsx)(xt,{})}case 429:return(0,me.jsx)(bt,{});default:return(0,me.jsx)(xt,{})}};Rt.propTypes={errorCode:Y().number.isRequired,errorIdentifier:Y().string,errorMessage:Y().string};const It=({currentSubscriptions:e,isSeoAnalysisActive:s=!0})=>{const{isPremium:r,usageCountStatus:i,usageCountError:o,isWooProductEntity:n,isWooSeoActive:a}=(0,t.useSelect)(e=>{const t=e(Z);return{isPremium:t.getIsPremium(),usageCountStatus:e(K).selectUsageCountStatus(),usageCountError:e(K).selectUsageCountError(),isWooProductEntity:t.getIsWooProductEntity(),isWooSeoActive:t.getIsWooSeoActive()}},[]),l=(0,D.useMemo)(()=>!e.wooCommerceSubscription&&n,[e.wooCommerceSubscription]),c=(0,D.useMemo)(()=>{const t=[];return!r&&!n||e.premiumSubscription||t.push("Yoast SEO Premium"),l&&a&&t.push("Yoast WooCommerce SEO"),t},[r,e.premiumSubscription,l,a,n]);return c.length>0?(0,me.jsx)(St,{invalidSubscriptions:c}):s?i===ne.error?(0,me.jsx)(Rt,{...o}):void 0:(0,me.jsx)(vt,{})};It.propTypes={currentSubscriptions:Y().object.isRequired,isSeoAnalysisActive:Y().bool};const Lt=({onStartGenerating:e})=>(0,me.jsx)(wt,{storeName:K,linkStoreName:Z,onConsentGranted:e});Lt.propTypes={onStartGenerating:Y().func.isRequired};var Tt=s(7219),Pt=s.n(Tt);const Mt=e=>{var s,r;const i=null===(s=(0,t.useDispatch)("core/edit-post"))||void 0===s?void 0:s.openGeneralSidebar,o=null===(r=(0,t.useDispatch)("core/editor"))||void 0===r?void 0:r.closePublishSidebar,{openEditorModal:n}=(0,t.useDispatch)("yoast-seo/editor");return(0,D.useCallback)(()=>{o(),i("yoast-seo/seo-sidebar"),e&&n("yoast-search-appearance-modal")},[o,i,n])},At=/(?<start><\/badge>|^(?!<badge>))(?<wrap>[\s\S]+?)(?<end><badge>|$)/g,Nt=({total:e,current:t,onNavigate:s,disabled:r=!1,...o})=>(0,me.jsxs)("div",{className:"yst-flex yst-justify-between yst-gap-x-2 yst-items-start",children:[(0,me.jsx)("p",{className:"yst-text-slate-500 yst-text-xxs yst-mt-1",children:(0,H.__)("Text generated by AI may be offensive or inaccurate.","wordpress-seo")}),e>1&&(0,me.jsx)(i.Pagination,{className:"yst-shrink-0",current:t,total:e,onNavigate:s,disabled:r,variant:"text" /* translators: Hidden accessibility text. */,screenReaderTextPrevious:(0,H.__)("Previous","wordpress-seo") /* translators: Hidden accessibility text. */,screenReaderTextNext:(0,H.__)("Next","wordpress-seo"),...o})]}),$t=({height:e})=>{const[s,r]=(0,D.useState)(""),{onClose:n}=(0,i.useModalContext)(),{editType:a,previewType:l,contentType:c}=Ee(),d=(()=>{const{editType:e,previewType:t}=Ee();let s="SEO";switch(t){case J:s="social";break;case Q:s="X"}switch(e){case ee:return(0,H.sprintf)(/* translators: %s is the type of title. */ /* translators: %s is the type of title. */ (0,H.__)("Generated %s titles","wordpress-seo"),s);case te:return t===X&&(s="meta"),(0,H.sprintf)(/* translators: %s is the type of description. */ /* translators: %s is the type of description. */ (0,H.__)("Generated %s descriptions","wordpress-seo"),s)}})(),p=(()=>{const{editType:e,previewType:t}=Ee();let s="SEO";switch(t){case J:s="social";break;case Q:s="X"}switch(e){case ee:return(0,H.sprintf)(/* translators: %s is the type of title. */ /* translators: %s is the type of title. */ (0,H.__)("Apply %s title","wordpress-seo"),s);case te:return t===X&&(s="meta"),(0,H.sprintf)(/* translators: %s is the type of description. */ /* translators: %s is the type of description. */ (0,H.__)("Apply %s description","wordpress-seo"),s)}})(),m=Ie(),{suggestions:h,fetchSuggestions:g,setSelectedSuggestion:y}=(()=>{const[e,s]=(0,D.useReducer)(Te.reducer,Te.getInitialState()),{editType:r,previewType:i,postType:n,contentType:a}=Ee(),l=(0,t.useSelect)(e=>e(K).selectPromptContent(),[]),c=(0,t.useSelect)(e=>e(K).selectGetSuggestionsEndpoint(),[]),{contentLocale:d,focusKeyphrase:p,isWooCommerceActive:m,isGutenberg:h,isElementor:g}=(0,t.useSelect)(e=>({contentLocale:e(Z).getContentLocale(),focusKeyphrase:e(Z).getFocusKeyphrase(),isWooCommerceActive:e(Z).getIsWooCommerceActive(),isGutenberg:e(Z).getIsBlockEditor(),isElementor:e(Z).getIsElementorEditor()}),[]);let y,w=de.languageProcessing.helpers.processExactMatchRequest(p).keyphrase;w.length>191&&(w=w.slice(0,191)),y=g?"elementor":h?"gutenberg":"classic";const x=((e,t,s,r)=>{const i=e===te?"meta-description":"seo-title";let o=((e,t)=>{if(e)switch(t){case"product":return"product-";case"product_cat":case"product_tag":return"product-taxonomy-"}return""})(t,s);return o&&t||r!==re||(o="taxonomy-"),`${o}${i}`})(r,m,n,a);return{suggestions:e,fetchSuggestions:(0,D.useCallback)(async(e=!0)=>{s(Te.actions.setLoading());const{status:t,payload:r}=await(async({endpoint:e,data:t})=>{let s;const r=1e3*(0,o.get)(window,"wpseoAiGenerator.requestTimeout",30);try{we&&we.abort(),we=new AbortController,xe=!1,s=setTimeout(()=>{xe=!0,we.abort()},r);const i=await u()({path:e,method:"POST",data:t,parse:!1,signal:we.signal}),o=await i.json();return{status:ae,payload:o}}catch(e){if(e instanceof DOMException&&"AbortError"===e.name)return xe?{status:le,payload:{message:"timeout",code:408}}:{status:ce};const{message:t,missingLicenses:s,errorIdentifier:r}=await(async e=>{try{const t=e.body.getReader(),{value:s}=await t.read(),r=new TextDecoder("utf-8").decode(s);return console.error(r),JSON.parse(r)}catch(e){return{message:"Unknown"}}})(e);return{status:le,payload:{message:t,code:e.status||500,missingLicenses:s,errorIdentifier:r}}}finally{clearTimeout(s)}})({endpoint:c,canAbort:e,data:{type:x,prompt_content:l,focus_keyphrase:w,platform:Pe(i),language:ye(d).replace("_","-"),editor:y}});switch(t){case ce:break;case le:s(Te.actions.setError(r));break;case ae:s(Te.actions.setSuccess(r))}return t},[s]),setSelectedSuggestion:(0,D.useCallback)(e=>s(Te.actions.setSelected(e)),[s])}})(),w=(()=>{const{previewType:e}=Ee();switch(e){case J:return Vt;case Q:return tr;default:return Bt}})(),{addAppliedSuggestion:x,addUsageCount:f}=(0,t.useDispatch)(K),{isUsageCountLimitReached:v,isWooProductEntity:b,hasValidPremiumSubscription:S,hasValidWooSubscription:k}=(0,t.useSelect)(e=>{const t=e(K),s=e(Z);return{isUsageCountLimitReached:t.isUsageCountLimitReached(),isPremium:s.getIsPremium(),isWooProductEntity:s.getIsWooProductEntity(),isWooSeoActive:s.getIsWooSeoActive(),hasValidPremiumSubscription:t.selectPremiumSubscription(),hasValidWooSubscription:t.selectWooCommerceSubscription()}},[]),C=(0,D.useMemo)(()=>h.status===ne.loading||!(k||!v||!b)||!(S||!v),[S,v,h.status,b,k]),j=(0,i.usePrevious)(e),_=h.status===ne.success?e:j,{bottom:E}={bottom:`calc( (${_+"px"} - 100vh) / 2 + 32px )`},[R,I]=(0,D.useState)(!1),L=(0,D.useCallback)(e=>{I(e.target.offsetHeight!==e.target.scrollHeight)},[I]),T=Le(L),P=(()=>{const{editType:e,previewType:s,contentType:r}=Ee(),i=(()=>{const{previewType:e}=Ee();return(0,D.useMemo)(()=>{switch(e){case X:return()=>(0,t.select)(Z).getSnippetEditorData().title;case J:return(0,t.select)(Z).getFacebookTitleOrFallback;case Q:return(0,t.select)(Z).getTwitterTitleOrFallback;default:return(0,o.constant)("")}},[e])})(),n=(0,t.useSelect)(t=>t(K).selectAppliedSuggestionFor({editType:e,previewType:s}),[e,s]);return(0,D.useMemo)(()=>{let t=i();return e===te?t:(n&&(t=t.replace(n,oe[r])),((e,t)=>e.includes(oe[t])?e:oe[t])(t,r))},[e,i])})(),M=(()=>{const e=(()=>{const{previewType:e}=Ee();return(0,D.useMemo)(()=>{switch(e){case X:return()=>(0,t.select)(Z).getSnippetEditorData().description;case J:return(0,t.select)(Z).getFacebookDescriptionOrFallback;case Q:return(0,t.select)(Z).getTwitterDescriptionOrFallback;default:return(0,o.constant)("")}},[e])})();return(0,D.useMemo)(e,[e])})(),A=ke(),N=(0,D.useMemo)(()=>a===ee?{[ie[c]]:h.selected}:{},[a,c,h.selected]),$=(0,D.useMemo)(()=>A(P,{overrides:N,contentType:c}),[A,P,a,c,h.selected]),F=(0,D.useMemo)(()=>A(P,{overrides:{...N,sep:"",sitename:""},contentType:c}),[A,P,a,c,h.selected]),q=(0,D.useMemo)(()=>a===te?h.selected:A(M,{editType:te}),[A,M,a,h.selected]),O=(0,D.useCallback)(e=>A(P,{overrides:{[ie[c]]:e},key:"badge",applyPluggable:!1,contentType:c}),[A,P,c]),{currentPage:U,setCurrentPage:W,isOnLastPage:B,totalPages:G,getItemsOnCurrentPage:z}=(({totalItems:e=0,perPage:t=5})=>{const[s,r]=(0,D.useState)(1),i=(0,D.useMemo)(()=>Math.ceil(e/t),[e,t]),n=(0,D.useMemo)(()=>s*t,[s,t]),a=(0,D.useMemo)(()=>n-t,[n,t]),l=(0,D.useMemo)(()=>1===s,[s]),c=(0,D.useMemo)(()=>s===i,[s,i]),d=(0,D.useCallback)(()=>{s>1&&r(s-1)},[s,r]),u=(0,D.useCallback)(()=>{s<i&&r(s+1)},[s,r,i]),p=(0,D.useCallback)(e=>(0,o.slice)(e,a,n),[a,n]);return{currentPage:s,setCurrentPage:r,totalPages:i,isOnFirstPage:l,isOnLastPage:c,previousPage:d,nextPage:u,firstOnPage:a,lastOnPage:n,getItemsOnCurrentPage:p}})({totalItems:h.status===ne.loading||h.status===ne.error?h.entities.length+5:h.entities.length,perPage:5}),V=(0,D.useMemo)(()=>(0,o.map)(z(h.entities),e=>{let t=e;return a===ee&&(t=O(e),t=t.replace(At,(e,t,s,r,i,o,{start:n,wrap:a,end:l})=>{const c=a.trim();return 0===c.length?`${n}${a}${l}`:`${n}<span>${c}</span>${l}`}),t=pe(t,{badge:(0,me.jsx)(i.Badge,{className:"yst-me-2 last:yst-me-0",variant:"plain",children:" "}),span:(0,me.jsx)("span",{className:"yst-flex yst-items-center yst-me-2 last:yst-me-0"})})),{value:e,label:t}}),[h.entities,z,a,O]),Y=(0,D.useMemo)(()=>h.status!==ne.error||h.status===ne.error&&!B,[h.status,B]),se=(0,D.useMemo)(()=>h.status===ne.loading&&B,[h.status,B]),ue=(0,D.useMemo)(()=>h.status===ne.error&&B,[h.status,B]),he=(0,D.useCallback)(()=>{C||(W(h.status===ne.error?G:G+1),g().then(e=>{e===ae&&f()}))},[g,h.status,G,W,y,v]),ge=(0,D.useCallback)(()=>r(""),[r]),fe=(()=>{const{editType:e}=Ee();switch(e){case ee:return(()=>{const{previewType:e}=Ee(),{updateData:s,setFacebookPreviewTitle:r,setTwitterPreviewTitle:i}=(0,t.useDispatch)(Z);return(0,D.useMemo)(()=>{switch(e){case X:return e=>s({title:e});case J:return r;case Q:return i;default:return o.noop}},[e,s,r,i])})();case te:return(()=>{const{previewType:e}=Ee(),{updateData:s,setFacebookPreviewDescription:r,setTwitterPreviewDescription:i}=(0,t.useDispatch)(Z);return(0,D.useMemo)(()=>{switch(e){case X:return e=>s({description:e});case J:return r;case Q:return i;default:return o.noop}},[e,s,r,i])})();default:return o.noop}})(),ve=Mt(!0),be=(0,D.useCallback)(()=>{const e=a===ee?P.replace(new RegExp(oe[c]+"( Archives)?"),h.selected):h.selected;fe(e),x({editType:a,previewType:l,suggestion:h.selected}),n(),"pre-publish"===m&&ve()},[fe,a,l,h.selected,P,n,x,ve,m]);return((e,t=[])=>{const s=(0,D.useRef)(!1);(0,D.useEffect)(()=>{s.current||(s.current=!0,e().finally(()=>{s.current=!1}))},[e,t])})(()=>""===s?g().then(e=>{r(e),e===ae&&f()}):Promise.resolve(),[s,f,g]),s===le||h.status===ne.error&&402===h.error.code?(0,me.jsx)("div",{className:"yst-flex yst-flex-col yst-space-y-6 yst-mt-6",children:(0,me.jsx)(Vs,{errorCode:h.error.code,errorIdentifier:h.error.errorIdentifier,invalidSubscriptions:h.error.missingLicenses,showActions:!0,onRetry:ge,errorMessage:h.error.message})}):(0,me.jsxs)(D.Fragment,{children:[(0,me.jsxs)(i.Modal.Container.Content,{ref:T,className:"yst-flex yst-flex-col yst-py-6 yst-space-y-2",children:[(0,me.jsx)(w,{title:$,description:q,status:h.status,titleForLength:F,showPreviewSkeleton:""===s,showLengthProgress:!se}),Y&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsxs)("div",{className:"yst-flex yst-space-y-4",children:[(0,me.jsx)(i.Label,{as:"span",className:"yst-flex-grow yst-cursor-default yst-mt-auto",children:d}),(0,me.jsx)(i.Button,{variant:"ai-secondary",size:"small",onClick:h.status===ne.loading?o.noop:he,isLoading:h.status===ne.loading,disabled:C,children:(0,H.__)("Generate 5 more","wordpress-seo")})]}),se?(0,me.jsx)(Js,{idSuffix:m,suggestionClassNames:a===ee?[["yst-h-3 yst-w-9/12"],["yst-h-3 yst-w-7/12"],["yst-h-3 yst-w-10/12"],["yst-h-3 yst-w-11/12"],["yst-h-3 yst-w-8/12"]]:void 0}):(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(Zs,{idSuffix:m,suggestions:V,selected:h.selected,onChange:y}),(0,me.jsx)(Nt,{current:U,total:G,onNavigate:W,disabled:h.status===ne.loading||ue})]})]}),h.status===ne.error&&B&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)("div",{className:"yst-mt-8"}),(0,me.jsx)(Vs,{errorCode:h.error.code,errorIdentifier:h.error.errorIdentifier,invalidSubscriptions:h.error.missingLicenses,errorMessage:h.error.message}),(0,me.jsx)(Nt,{current:U,total:G,onNavigate:W,disabled:h.status===ne.loading})]})]}),(0,me.jsxs)(i.Modal.Container.Footer,{children:[R&&(0,me.jsx)("div",{className:"yst-absolute yst-inset-x-0 yst--mt-10 yst-me-[calc(2.5rem-1px)] yst-h-10 yst-pointer-events-none yst-bg-gradient-to-t yst-from-slate-50"}),(0,me.jsx)("hr",{className:"yst-mb-6 yst--mx-6"}),(0,me.jsxs)("div",{className:"sm:yst-flex sm:yst-justify-end sm:yst-space-x-2 sm:rtl:yst-space-x-reverse",children:[(0,me.jsx)("div",{className:"yst-hidden sm:yst-inline",children:(0,me.jsx)(i.Button,{variant:"secondary",onClick:n,children:(0,H.__)("Close","wordpress-seo")})}),(0,me.jsx)("div",{className:"yst-block sm:yst-inline",children:(0,me.jsxs)(i.Button,{className:"yst-w-full sm:yst-w-auto",variant:"primary",onClick:be,disabled:""===h.selected||h.status===ne.loading||ue,children:[(0,me.jsx)(Pt(),{className:"yst--ms-1 yst-me-1 yst-h-4 yst-w-4 yst-text-white"}),p]})}),(0,me.jsx)("div",{className:"yst-mt-3 sm:yst-hidden",children:(0,me.jsx)(i.Button,{variant:"secondary",onClick:n,className:"yst-w-full sm:yst-w-auto",children:(0,H.__)("Close","wordpress-seo")})})]})]}),(0,me.jsxs)(i.Notifications,{className:"yst-mx-[calc(50%-50vw)] yst-transition-all",style:{bottom:E},position:"bottom-left",children:[h.status!==ne.loading&&(0,me.jsx)(lr,{className:"yst-mx-[calc(50%-50vw)] yst-transition-all"}),(h.status===ne.success||h.status===ne.loading)&&(0,me.jsx)(er,{})]})]})};$t.propTypes={height:Y().number.isRequired};const Ft=({onActivateFreeSparks:e})=>{const{premiumUpsellLink:s,wooUpsellLink:r,isWooCommerceActive:o,isProductPost:n,learnMoreLink:a,imageLink:l,wistiaEmbedPermissionValue:c,wistiaEmbedPermissionStatus:d,isUsageCountLimitReached:u,activateFreeSparksEndpoint:p}=(0,t.useSelect)(e=>{const t=e(K),s=e(Z);return{premiumUpsellLink:s.selectLink("https://yoa.st/ai-generator-upsell"),wooUpsellLink:s.selectLink("https://yoa.st/ai-generator-upsell-woo-seo"),isWooCommerceActive:s.getIsWooCommerceActive(),isProductPost:s.getIsProduct(),learnMoreLink:s.selectLink("https://yoa.st/ai-generator-learn-more"),imageLink:s.selectImageLink("ai-generator-preview.jpg"),wistiaEmbedPermissionValue:s.selectWistiaEmbedPermissionValue(),wistiaEmbedPermissionStatus:s.selectWistiaEmbedPermissionStatus(),isUsageCountLimitReached:t.isUsageCountLimitReached(),activateFreeSparksEndpoint:t.selectFreeSparksActiveEndpoint()}},[]),{onClose:m,initialFocus:h}=(0,i.useModalContext)(),{title:g,upsellLabel:y,upsellLink:w,ctbId:x,newToText:f}=(e=>{const{isWooProductEntity:s,isProductPost:r,hasValidWooSubscription:i}=(0,t.useSelect)(e=>{const t=e(Z),s=e(K);return{isWooProductEntity:t.getIsWooProductEntity(),isProductPost:t.getIsProduct(),hasValidWooSubscription:s.selectWooCommerceSubscription()}},[]);return(0,D.useMemo)(()=>{const t={upsellLink:e.premium,upsellLabel:(0,H.sprintf)(/* translators: %1$s expands to Yoast SEO Premium. */ /* translators: %1$s expands to Yoast SEO Premium. */ (0,H.__)("Unlock with %1$s","wordpress-seo"),"Yoast SEO Premium"),newToText:"Yoast SEO Premium",ctbId:"f6a84663-465f-4cb5-8ba5-f7a6d72224b2",title:(0,H.__)("Use AI to generate your titles & descriptions!","wordpress-seo")};return s&&(r&&(t.title=(0,H.__)("Generate product titles & descriptions with AI!","wordpress-seo")),i||(t.newToText="Yoast WooCommerce SEO",t.upsellLabel=(0,H.sprintf)(/* translators: %1$s expands to Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast WooCommerce SEO. */ (0,H.__)("Unlock with %1$s","wordpress-seo"),"Yoast WooCommerce SEO"),t.upsellLink=e.woo,t.ctbId="5b32250e-e6f0-44ae-ad74-3cefc8e427f9")),t},[s,r,e.premium,e.woo])})({premium:s,woo:r}),v=(0,D.useMemo)(()=>o&&n,[o,n]),b=(0,D.useMemo)(()=>({src:l,width:"432",height:"244"}),[l]),{setWistiaEmbedPermission:S}=(0,t.useDispatch)(Z),{activateFreeSparks:k}=(0,t.useDispatch)(K),C=(0,D.useMemo)(()=>({value:c,status:d,set:S}),[c,d,S]),j=(0,D.useCallback)(()=>{k({endpoint:p}),e()},[k,p,m,e]),_={a:(0,me.jsx)(dt,{href:a,className:"yst-inline-flex yst-items-center yst-gap-1 yst-no-underline yst-font-medium",variant:"primary"}),ArrowNarrowRightIcon:(0,me.jsx)(Ye(),{className:"yst-w-4 yst-h-4 rtl:yst-rotate-180"})};return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsxs)("div",{className:"yst-px-10 yst-pt-10 yst-introduction-gradient yst-text-center",children:[(0,me.jsxs)("div",{className:"yst-relative yst-w-full",children:[(0,me.jsx)(ht,{videoId:"vmrahpfjxp",thumbnail:b,wistiaEmbedPermission:C}),(0,me.jsx)(i.Badge,{className:"yst-absolute yst--top-2 yst-end-4",variant:"info",children:"Beta"})]}),(0,me.jsx)("div",{className:"yst-mt-6 yst-text-xs yst-font-medium yst-flex yst-flex-col yst-items-center",children:(0,me.jsxs)("span",{className:"yst-introduction-modal-uppercase yst-flex yst-gap-2 yst-items-center",children:[(0,me.jsx)("span",{className:"yst-logo-icon"}),f]})})]}),(0,me.jsxs)("div",{className:"yst-px-10 yst-pb-4 yst-flex yst-flex-col yst-items-center",children:[(0,me.jsxs)("div",{className:"yst-mt-4 yst-mx-1.5 yst-text-center",children:[(0,me.jsx)("h3",{className:"yst-text-slate-900 yst-text-lg yst-font-medium",children:g}),(0,me.jsx)("div",{className:"yst-mt-2 yst-text-slate-600 yst-text-sm",children:pe(v?(0,H.sprintf)(/* translators: %1$s and %2$s are anchor tags; %3$s is the arrow icon. */ /* translators: %1$s and %2$s are anchor tags; %3$s is the arrow icon. */ (0,H.__)("Let AI do some of the thinking for you and help you save time. Get high-quality suggestions for product titles and meta descriptions to make your content rank high and look good on social media. %1$sLearn more%2$s%3$s","wordpress-seo"),"<a>","<ArrowNarrowRightIcon />","</a>"):(0,H.sprintf)(/* translators: %1$s and %2$s are anchor tags; %3$s is the arrow icon. */ /* translators: %1$s and %2$s are anchor tags; %3$s is the arrow icon. */ (0,H.__)("Let AI do some of the thinking for you and help you save time. Get high-quality suggestions for titles and meta descriptions to make your content rank high and look good on social media. %1$sLearn more%2$s%3$s","wordpress-seo"),"<a>","<ArrowNarrowRightIcon />","</a>"),_)})]}),u&&(0,me.jsx)(i.Alert,{className:"yst-my-4",children:(0,H.sprintf)(/* translators: %s is for Yoast SEO Premium. */ /* translators: %s is for Yoast SEO Premium. */ (0,H.__)("Oh no! Its seems like you're out of free Sparks. Keep the momentum going, unlock unlimited sparks with %s!","wordpress-seo"),"Yoast SEO Premium")}),(0,me.jsxs)("div",{className:pt()("yst-w-full yst-flex yst-flex-col",u?"yst-mt-0":"yst-mt-6"),children:[(0,me.jsxs)(i.Button,{as:"a",className:"yst-grow",size:"extra-large",variant:"upsell",href:w,target:"_blank",ref:h,"data-action":"load-nfd-ctb","data-ctb-id":x,children:[(0,me.jsx)(ze(),{className:"yst--ms-1 yst-me-2 yst-h-5 yst-w-5"}),y,(0,me.jsx)("span",{className:"yst-sr-only",children:/* translators: Hidden accessibility text. */ /* translators: Hidden accessibility text. */ (0,H.__)("(Opens in a new browser tab)","wordpress-seo")})]}),!u&&(0,me.jsx)(i.Button,{variant:"ai-secondary",onClick:j,className:"yst-mt-2 yst-w-full yst-text-base yst-text-slate-800 yst-font-medium yst-h-11",children:(0,H.__)("Try for free","wordpress-seo")})]}),(0,me.jsx)(i.Button,{as:"a",className:"yst-mt-4",variant:"tertiary",onClick:m,children:(0,H.__)("Close","wordpress-seo")})]})]})},qt=({isOpen:e,onClose:t,closeButtonScreenReaderText:s,panelRef:r,title:o,aiModalHelperLink:n,children:a})=>{const l=(0,i.useSvgAria)();return(0,me.jsx)(i.Modal,{className:"yst-ai-modal",isOpen:e,onClose:t,children:(0,me.jsx)(i.Modal.Panel,{ref:r,className:"yst-max-w-3xl yst-relative",closeButtonScreenReaderText:s,children:(0,me.jsxs)(i.Modal.Container,{children:[(0,me.jsxs)(i.Modal.Container.Header,{children:[(0,me.jsxs)("div",{className:"yst-flex yst-items-center",children:[(0,me.jsx)("span",{className:"yst-logo-icon yst-h-5 yst-w-5"}),(0,me.jsx)(i.Modal.Title,{className:"yst-ms-3 yst-me-1.5",as:"h1",size:"2",children:o}),(0,me.jsx)(i.Link,{id:"ai-modal-learn-more",href:n,variant:"primary",className:"yst-no-underline yst-me-2",target:"_blank",rel:"noopener" /* translators: Hidden accessibility text. */,"aria-label":(0,H.__)("Learn more about AI (Opens in a new browser tab)","wordpress-seo"),children:(0,me.jsx)(G(),{...l,className:"yst-w-4 yst-h-4 yst-text-slate-500 yst-shrink-0"})}),(0,me.jsx)(i.Badge,{variant:"info",children:(0,H.__)("Beta","wordpress-seo")})]}),(0,me.jsx)("hr",{className:"yst-mt-6 yst--mx-6"})]}),a]})})})},Ot=({isOpen:e,onClose:t,closeButtonScreenReaderText:s,children:r})=>(0,me.jsx)(i.Modal,{className:"yst-introduction-modal",isOpen:e,onClose:t,children:(0,me.jsx)(i.Modal.Panel,{className:"yst-max-w-lg yst-p-0 yst-rounded-3xl",closeButtonScreenReaderText:s,children:r})}),Ut={inactive:"inactive",askConsent:"askConsent",upsell:"upsell",error:"error",generate:"generate"},Wt=({onUseAi:e})=>{const[s,r]=(0,D.useState)(Ut.inactive),{editType:o,previewType:n}=Ee(),a=Ie(),l=(()=>{const{editType:e,previewType:t}=Ee();switch(t){case J:return e===te?(0,H.__)("AI social description generator","wordpress-seo"):(0,H.__)("AI social title generator","wordpress-seo");case Q:return e===te?(0,H.__)("AI X description generator","wordpress-seo"):(0,H.__)("AI X title generator","wordpress-seo");default:return e===te?(0,H.__)("AI description generator","wordpress-seo"):(0,H.__)("AI title generator","wordpress-seo")}})(),{hasConsent:c,promptContentInitialized:d,currentSubscriptions:u,usageCountStatus:p,usageCount:m,usageCountLimit:h,usageCountEndpoint:g,hasValidPremiumSubscription:y,hasValidWooSubscription:w,focusKeyphrase:x,isPremium:f,isSeoAnalysisActive:v,aiModalHelperLink:b,isWooProductEntity:S,isFreeSparksActive:k,isWooSeoActive:C}=(0,t.useSelect)(e=>{const t=e(K),s=e(Z);return{hasConsent:t.selectHasAiGeneratorConsent(),promptContentInitialized:t.selectPromptContentInitialized(),currentSubscriptions:t.selectProductSubscriptions(),usageCountStatus:t.selectUsageCountStatus(),usageCount:t.selectUsageCount(),usageCountLimit:t.selectUsageCountLimit(),usageCountEndpoint:t.selectUsageCountEndpoint(),hasValidPremiumSubscription:t.selectPremiumSubscription(),hasValidWooSubscription:t.selectWooCommerceSubscription(),focusKeyphrase:s.getFocusKeyphrase(),isPremium:s.getIsPremium(),isWooSeoActive:s.getIsWooSeoActive(),isSeoAnalysisActive:s.getPreference("isKeywordAnalysisActive",!0),aiModalHelperLink:s.selectLink("https://yoa.st/ai-generator-help-button-modal"),isWooProductEntity:s.getIsWooProductEntity(),isFreeSparksActive:e(K).selectIsFreeSparksActive()}},[]),{fetchUsageCount:j}=(0,t.useDispatch)(K),{closeEditorModal:_}=(0,t.useDispatch)(Z),E=(0,H.__)("Close modal","wordpress-seo"),[R,I]=(0,D.useState)(!1),[L,T]=(0,D.useState)(0),M=(0,D.useCallback)(e=>T(e.borderBoxSize[0].blockSize),[T]),A=Le(M),N={onClose:(0,D.useCallback)(()=>{r(Ut.inactive)},[]),closeButtonScreenReaderText:E},$=(0,D.useCallback)(()=>!be(x),[x]),F=Mt(!1),q=(0,D.useCallback)(()=>{_(),"pre-publish"===a&&F(),setTimeout(()=>(e=>{const t=`focus-keyword-input-${["modal","pre-publish"].includes(e)?"sidebar":e}`;if("metabox"===e){const e=document.getElementById("wpseo-meta-tab-content");e&&e.click()}const s=document.getElementById(t);s&&s.focus()})(a),0)},[_,a,F]),O=(0,D.useCallback)(()=>S?w&&y:y,[y,w,S]),U=(0,D.useCallback)(async()=>{if(e(),!v)return void r(Ut.error);if(!$())return r(Ut.inactive),void q();const t=O();if(!t&&f&&C&&S)return void r(Ut.error);if(!t&&f&&!S)return void r(Ut.error);if(!c&&(k||t))return void r(Ut.askConsent);I(!0);const{type:s,payload:i}=await j({endpoint:g,isWooProductEntity:S}),o=429===(null==i?void 0:i.errorCode)&&!(null!=i&&i.errorIdentifier)&&0===(null==i?void 0:i.missingLicenses.length),n=429===(null==i?void 0:i.errorCode)&&"USAGE_LIMIT_REACHED"===(null==i?void 0:i.errorIdentifier)||i.count>=i.limit;I(!1),o?r(Ut.error):403!==(null==i?void 0:i.errorCode)||!k&&!t?s!==Fe||429===(null==i?void 0:i.errorCode)||403===(null==i?void 0:i.errorCode)?s===Fe&&429===(null==i?void 0:i.errorCode)&&t?r(Ut.error):!t&&!k||!t&&n?r(Ut.upsell):(t&&c&&r(Ut.generate),!t&&k&&!n&&c&&r(Ut.generate)):r(Ut.error):r(Ut.askConsent)},[e,f,k,c,v,$,q,g,j,C,S,R]),W=(0,D.useCallback)(async()=>{const{type:e,payload:t}=await j({endpoint:g,isWooProductEntity:S}),s=429===(null==t?void 0:t.errorCode)||t.count>=t.limit,i=O();r(!s||i?e!==Fe?Ut.generate:Ut.error:Ut.upsell)},[r,g,j,O,S]),B=(0,D.useCallback)(()=>{r(c?Ut.generate:Ut.askConsent)},[r,c]),G=(0,D.useMemo)(()=>"google"===n?"title"===o?(0,H.__)("Generate SEO title","wordpress-seo"):(0,H.__)("Generate meta description","wordpress-seo"):"social"===n||"twitter"===n?"title"===o?(0,H.__)("Generate social title","wordpress-seo"):(0,H.__)("Generate social description","wordpress-seo"):void 0,[n,o]);return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(i.Button,{type:"button",variant:"ai-secondary",size:"small",id:`yst-replacevar__use-ai-button__${o}__${a}`,onClick:U,disabled:p===P||!d,isLoading:R&&p===P,children:G}),(0,me.jsxs)(Ot,{...N,isOpen:[Ut.askConsent,Ut.upsell].includes(s),children:[s===Ut.askConsent&&(0,me.jsx)(Lt,{onStartGenerating:W}),s===Ut.upsell&&(0,me.jsx)(Ft,{onActivateFreeSparks:B})]}),(0,me.jsxs)(qt,{...N,isOpen:[Ut.error,Ut.generate].includes(s),aiModalHelperLink:b,panelRef:A,title:l,children:[s===Ut.error&&(0,me.jsx)(i.Modal.Container.Content,{className:"yst-pt-6",children:(0,me.jsx)(It,{currentSubscriptions:u,isSeoAnalysisActive:v})}),s===Ut.generate&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(z.UsageCounter,{limit:h,requests:m,isSkeleton:!1,className:"yst-absolute yst-top-[-11px] yst-end-12 sm:yst-end-16",mentionBetaInTooltip:f,mentionResetInTooltip:f}),(0,me.jsx)($t,{height:L})]})]})]})};Wt.propTypes={onUseAi:Y().func.isRequired};const Bt=({title:e,description:s,status:r,titleForLength:o,showPreviewSkeleton:n,showLengthProgress:a})=>{const l=(0,t.useSelect)(e=>e(Z).getSnippetEditorMode(),[]),[c,d]=(0,D.useState)(l),{editType:u}=Ee(),p=Ie(),m=(({editType:e,title:s,description:r})=>{const i=(0,t.useSelect)(e=>e(Z).getDateFromSettings(),[]),o=(0,t.useSelect)(e=>e(Z).getContentLocale(),[]),n=(0,t.useSelect)(e=>e(Z).isCornerstoneContent(),[]),a=(0,t.useSelect)(e=>e(Z).getIsTerm(),[]);return(0,D.useMemo)(()=>e===te?(0,Me.getDescriptionProgress)(r,i,n,a,o):(0,Me.getTitleProgress)(s),[e,s,r,i,n,a,o])})({editType:u,title:o,description:s});return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(Me.ModeSwitcher,{onChange:d,active:c,id:`yst-ai-google-preview-mode-switcher-${p}`,disabled:r===ne.loading}),n?(0,me.jsx)(Ht,{}):(0,me.jsx)(Dt,{mode:c,title:e,description:s}),(0,me.jsxs)("div",{className:"yst-pt-4",children:[(0,me.jsx)(i.Label,{as:"span",className:"yst-flex-grow yst-cursor-default",children:u===ee?(0,H.__)("SEO title width","wordpress-seo"):(0,H.__)("Meta description length","wordpress-seo")}),(0,me.jsx)(zt,{className:"yst-mt-2",progress:a?m.actual:0,min:0,max:m.max,score:m.score})]})]})};Bt.propTypes={title:Y().string.isRequired,description:Y().string.isRequired,status:Y().oneOf(Object.keys(ne)).isRequired,titleForLength:Y().string.isRequired,showPreviewSkeleton:Y().bool.isRequired,showLengthProgress:Y().bool.isRequired};const Gt=/mobi/i,Dt=({mode:e,title:s,description:r})=>{var i,n;const a=(0,t.useSelect)(e=>e(Z).getBaseUrlFromSettings(),[]),l=(0,t.useSelect)(e=>e(Z).getSnippetEditorData().slug||"",[]),c=(0,t.useSelect)(e=>e(Z).getDateFromSettings(),[]),d=(0,t.useSelect)(e=>e(Z).getFocusKeyphrase(),[]),u=(0,t.useSelect)(e=>e(Z).getSnippetEditorPreviewImageUrl(),[]),p=(0,t.useSelect)(e=>e(Z).getSiteIconUrlFromSettings(),[]),m=(0,t.useSelect)(e=>e(Z).getShoppingData(),[]),h=(0,t.useSelect)(e=>e(Z).getSnippetEditorWordsToHighlight(),[]),g=(0,t.useSelect)(e=>e(Z).getSiteName(),[]),y=(0,t.useSelect)(e=>e(Z).getContentLocale(),[]),w=(0,D.useMemo)(()=>a+l,[a,l]),x=(0,D.useMemo)(()=>{var e,t;return Gt.test(null===(e=window)||void 0===e||null===(t=e.navigator)||void 0===t?void 0:t.userAgent)},[null===(i=window)||void 0===i||null===(n=i.navigator)||void 0===n?void 0:n.userAgent]);return(0,me.jsx)("div",{className:`yst-ai-generator-preview-section ${e}${x?" yst-user-agent__mobile":""}`,children:(0,me.jsx)(Me.SnippetPreview,{title:s,description:r,mode:e,url:w,keyword:d,date:c,faviconSrc:p,mobileImageSrc:u,wordsToHighlight:h,siteName:g,locale:y,shoppingData:m,onMouseUp:o.noop})})};Dt.propTypes={mode:Y().oneOf(Object.keys({mobile:"mobile",desktop:"desktop"})).isRequired,title:Y().string.isRequired,description:Y().string.isRequired};const Ht=()=>(0,me.jsxs)("div",{className:"yst-max-w-[400px] yst-py-4 yst-px-3 yst-border yst-rounded-lg yst-w-full yst-mx-auto",children:[(0,me.jsxs)("div",{className:"yst-flex yst-gap-x-3",children:[(0,me.jsx)(i.SkeletonLoader,{className:"yst-flex-shrink-0 yst-h-7 yst-w-7 yst-rounded-full"}),(0,me.jsxs)("div",{className:"yst-flex yst-flex-col yst-w-full yst-gap-y-1",children:[(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-1/3"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-2.5 yst-w-10/12"})]})]}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-4 yst-w-full yst-mt-6 yst-mb-4"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-full"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-10/12 yst-mt-2.5"})]}),zt=({className:e="",progress:t,max:s,score:r})=>{const o=(0,D.useMemo)(()=>(e=>e>=7?"yst-score-good":e>=5?"yst-score-ok":"yst-score-bad")(r),[r]);return(0,me.jsx)(i.ProgressBar,{className:pt()("yst-length-progress-bar",o,e),progress:t,min:0,max:s})};zt.propTypes={className:Y().string,progress:Y().number.isRequired,max:Y().number.isRequired,score:Y().number.isRequired};const Vt=({title:e,description:t,showPreviewSkeleton:s})=>(0,me.jsxs)("div",{children:[(0,me.jsx)("div",{className:"yst-flex yst-mb-6",children:(0,me.jsx)(i.Label,{as:"span",className:"yst-flex-grow yst-cursor-default",children:(0,H.__)("Social preview","wordpress-seo")})}),s?(0,me.jsx)(Hs,{}):(0,me.jsx)(Ds,{title:e,description:t})]});Vt.propTypes={title:Y().string.isRequired,description:Y().string.isRequired,showPreviewSkeleton:Y().bool.isRequired};const Yt=window.yoast.styledComponents;var Kt=s.n(Yt);const Zt=Kt().p` color: #606770; flex-shrink: 0; font-size: 12px; line-height: 16px; overflow: hidden; padding: 0; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; margin: 0; position: ${e=>"landscape"===e.mode?"relative":"static"}; `,Xt=e=>{const{siteUrl:t}=e;return(0,me.jsxs)(Je.Fragment,{children:[(0,me.jsx)("span",{className:"screen-reader-text",children:t}),(0,me.jsx)(Zt,{"aria-hidden":"true",children:(0,me.jsx)("span",{children:t})})]})};Xt.propTypes={siteUrl:Y().string.isRequired};const Jt=Xt,Qt=window.yoast.socialMetadataForms,es=window.yoast.styleGuide,ts=Kt().img` && { max-width: ${e=>e.width}px; height: ${e=>e.height}px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; } `,ss=Kt().img` && { height: 100%; position: absolute; width: 100%; object-fit: cover; } `,rs=Kt().div` padding-bottom: ${e=>e.aspectRatio}%; `,is=({imageProps:e,width:t,height:s,imageMode:r="landscape"})=>"landscape"===r?(0,me.jsx)(rs,{aspectRatio:e.aspectRatio,children:(0,me.jsx)(ss,{src:e.src,alt:e.alt})}):(0,me.jsx)(ts,{src:e.src,alt:e.alt,width:t,height:s,imageProperties:e});function os(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 ns(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 as(e,t,s=!1){const r=await function(e){return new Promise((t,s)=>{const r=new Image;r.onload=()=>{t({width:r.width,height:r.height})},r.onerror=s,r.src=e})}(e);let i=s?"landscape":"square";"Facebook"===t&&(i=(0,Qt.determineFacebookImageMode)(r));const o=function(e){return"Twitter"===e?Qt.TWITTER_IMAGE_SIZES:Qt.FACEBOOK_IMAGE_SIZES}(t),n=function(e,t,s){return"square"===s&&t.width===t.height?{width:e.squareWidth,height:e.squareHeight}:ns(t,os(e,t,s))}(o,r,i);return{mode:i,height:n.height,width:n.width}}async function ls(e,t,s=!1){try{return{imageProperties:await as(e,t,s),status:"loaded"}}catch(e){return{imageProperties:null,status:"errored"}}}is.propTypes={imageProps:Y().shape({src:Y().string.isRequired,alt:Y().string.isRequired,aspectRatio:Y().number.isRequired}).isRequired,width:Y().number.isRequired,height:Y().number.isRequired,imageMode:Y().string};const cs=Kt().div` position: relative; ${e=>"landscape"===e.mode?`max-width: ${e.dimensions.width}`:`min-width: ${e.dimensions.width}; height: ${e.dimensions.height}`}; overflow: hidden; background-color: ${es.colors.$color_white}; `,ds=Kt().div` box-sizing: border-box; max-width: ${Qt.FACEBOOK_IMAGE_SIZES.landscapeWidth}px; height: ${Qt.FACEBOOK_IMAGE_SIZES.landscapeHeight}px; background-color: ${es.colors.$color_grey}; border-style: dashed; border-width: 1px; // We're not using standard colors to increase contrast for accessibility. color: #006DAC; // We're not using standard colors to increase contrast for accessibility. background-color: #f1f1f1; display: flex; justify-content: center; align-items: center; text-decoration: underline; font-size: 14px; cursor: pointer; `;class us extends Je.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 ls(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:Qt.FACEBOOK_IMAGE_SIZES.squareHeight+"px",width:Qt.FACEBOOK_IMAGE_SIZES.squareWidth+"px"};case"portrait":return{height:Qt.FACEBOOK_IMAGE_SIZES.portraitHeight+"px",width:Qt.FACEBOOK_IMAGE_SIZES.portraitWidth+"px"};case"landscape":return{height:Qt.FACEBOOK_IMAGE_SIZES.landscapeHeight+"px",width:Qt.FACEBOOK_IMAGE_SIZES.landscapeWidth+"px"}}}render(){const{imageProperties:e,status:t}=this.state;if("loading"===t||""===this.props.src||"errored"===t)return(0,me.jsx)(ds,{onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,H.__)("Select image","wordpress-seo")});const s=this.retrieveContainerDimensions(e.mode);return(0,me.jsx)(cs,{mode:e.mode,dimensions:s,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onImageClick,children:(0,me.jsx)(is,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:Qt.FACEBOOK_IMAGE_SIZES.aspectRatio},width:e.width,height:e.height,imageMode:e.mode})})}}us.propTypes={src:Y().string,alt:Y().string,onImageLoaded:Y().func,onImageClick:Y().func,onMouseEnter:Y().func,onMouseLeave:Y().func},us.defaultProps={src:"",alt:"",onImageLoaded:o.noop,onImageClick:o.noop,onMouseEnter:o.noop,onMouseLeave:o.noop};const ps=us,ms=Kt().span` line-height: ${20}px; min-height : ${20}px; color: #1d2129; font-weight: 600; overflow: hidden; font-size: 16px; margin: 3px 0 0; letter-spacing: normal; white-space: normal; flex-shrink: 0; cursor: pointer; display: -webkit-box; -webkit-line-clamp: ${e=>e.lineCount}; -webkit-box-orient: vertical; overflow: hidden; `,hs=Kt().p` line-height: ${16}px; min-height : ${16}px; color: #606770; font-size: 14px; padding: 0; text-overflow: ellipsis; margin: 3px 0 0 0; display: -webkit-box; cursor: pointer; -webkit-line-clamp: ${e=>e.lineCount}; -webkit-box-orient: vertical; overflow: hidden; @media all and ( max-width: ${e=>e.maxWidth} ) { display: none; } `,gs=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},ys=Kt().div` box-sizing: border-box; display: flex; flex-direction: ${e=>"landscape"===e.mode?"column":"row"}; background-color: #f2f3f5; max-width: 527px; `,ws=Kt().div` box-sizing: border-box; background-color: #f2f3f5; margin: 0; padding: 10px 12px; position: relative; border-bottom: ${e=>"landscape"===e.mode?"":"1px solid #dddfe2"}; border-top: ${e=>"landscape"===e.mode?"":"1px solid #dddfe2"}; border-right: ${e=>"landscape"===e.mode?"":"1px solid #dddfe2"}; border: ${e=>"landscape"===e.mode?"1px solid #dddfe2":""}; display: flex; flex-direction: column; flex-grow: 1; justify-content: ${e=>"landscape"===e.mode?"flex-start":"center"}; font-size: 12px; overflow: hidden; `;class xs extends Je.Component{constructor(e){super(e),this.state={imageMode:null,maxLineCount:0,descriptionLineCount:0},this.facebookTitleRef=Qe().createRef(),this.onImageLoaded=this.onImageLoaded.bind(this),this.onImageEnter=this.props.onMouseHover.bind(this,"image"),this.onTitleEnter=this.props.onMouseHover.bind(this,"title"),this.onDescriptionEnter=this.props.onMouseHover.bind(this,"description"),this.onLeave=this.props.onMouseHover.bind(this,""),this.onSelectTitle=this.props.onSelect.bind(this,"title"),this.onSelectDescription=this.props.onSelect.bind(this,"description")}onImageLoaded(e){this.setState({imageMode:e})}getTitleLineCount(){return this.facebookTitleRef.current.offsetHeight/20}maybeSetMaxLineCount(){const{imageMode:e,maxLineCount:t}=this.state,s="landscape"===e?2:5;s!==t&&this.setState({maxLineCount:s})}maybeSetDescriptionLineCount(){const{descriptionLineCount:e,maxLineCount:t,imageMode:s}=this.state,r=this.getTitleLineCount();let i=t-r;"portrait"===s&&(i=5===r?0:4),i!==e&&this.setState({descriptionLineCount:i})}componentDidUpdate(){this.maybeSetMaxLineCount(),this.maybeSetDescriptionLineCount()}render(){const{imageMode:e,maxLineCount:t,descriptionLineCount:s}=this.state;return(0,me.jsxs)(ys,{id:"facebookPreview",mode:e,children:[(0,me.jsx)(ps,{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,me.jsxs)(ws,{mode:e,children:[(0,me.jsx)(Jt,{siteUrl:this.props.siteUrl,mode:e}),(0,me.jsx)(ms,{ref:this.facebookTitleRef,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,lineCount:t,children:this.props.title}),s>0&&(0,me.jsx)(hs,{maxWidth:gs(e),onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,lineCount:s,children:this.props.description})]})]})}}xs.propTypes={siteUrl:Y().string.isRequired,title:Y().string.isRequired,description:Y().string,imageUrl:Y().string,imageFallbackUrl:Y().string,alt:Y().string,onSelect:Y().func,onImageClick:Y().func,onMouseHover:Y().func},xs.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{}};const fs=xs,vs=Kt().div` text-transform: lowercase; color: rgb(83, 100, 113); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; fill: currentcolor; display: flex; flex-direction: row; align-items: flex-end; `,bs=e=>(0,me.jsx)(vs,{children:(0,me.jsx)("span",{children:e.siteUrl})});bs.propTypes={siteUrl:Y().string.isRequired};const Ss=bs,ks=(e,t=!0)=>e?`\n\t\t\tmax-width: ${Qt.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: ${Qt.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`,Cs=Kt().div` position: relative; box-sizing: content-box; overflow: hidden; background-color: #e1e8ed; flex-shrink: 0; ${e=>ks(e.isLarge)} `,js=Kt().div` display: flex; justify-content: center; align-items: center; box-sizing: border-box; max-width: 100%; margin: 0; padding: 1em; text-align: center; font-size: 1rem; ${e=>ks(e.isLarge,!1)} `,_s=Kt()(js)` ${e=>e.isLarge&&`height: ${Qt.TWITTER_IMAGE_SIZES.landscapeHeight}px;`} border-top-left-radius: 14px; ${e=>e.isLarge?"border-top-right-radius":"border-bottom-left-radius"}: 14px; border-style: dashed; border-width: 1px; // We're not using standard colors to increase contrast for accessibility. color: #006DAC; // We're not using standard colors to increase contrast for accessibility. background-color: #f1f1f1; text-decoration: underline; font-size: 14px; cursor: pointer; `;class Es extends Qe().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 ls(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,me.jsx)(_s,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,H.__)("Select image","wordpress-seo")}):(0,me.jsx)(Cs,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,children:(0,me.jsx)(is,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:Qt.TWITTER_IMAGE_SIZES.aspectRatio},width:t.width,height:t.height,imageMode:t.mode})})}}Es.propTypes={isLarge:Y().bool.isRequired,src:Y().string,alt:Y().string,onImageClick:Y().func,onMouseEnter:Y().func,onMouseLeave:Y().func},Es.defaultProps={src:"",alt:"",onMouseEnter:o.noop,onImageClick:o.noop,onMouseLeave:o.noop};const Rs=Kt().div` display: flex; flex-direction: column; padding: 12px; justify-content: center; margin: 0; box-sizing: border-box; flex: auto; min-width: 0px; gap:2px; > * { line-height:20px; min-height:20px; font-size:15px; } `,Is=e=>(0,me.jsx)(Rs,{children:e.children});Is.propTypes={children:Y().array.isRequired};const Ls=Is,Ts=Kt().p` white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; color: rgb(15, 20, 25); cursor: pointer; `,Ps=Kt().p` max-height: 55px; overflow: hidden; text-overflow: ellipsis; margin: 0; color: rgb(83, 100, 113); display: -webkit-box; cursor: pointer; -webkit-line-clamp: 2; -webkit-box-orient: vertical; @media all and ( max-width: ${Qt.TWITTER_IMAGE_SIZES.landscapeWidth}px ) { display: none; } `,Ms=Kt().div` font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; line-height: 20px; max-width: 507px; border: 1px solid #E1E8ED; box-sizing: border-box; border-radius: 14px; color: #292F33; background: #FFFFFF; text-overflow: ellipsis; display: flex; &:hover { background: #f5f8fa; border: 1px solid rgba(136,153,166,.5); } `,As=Kt()(Ms)` flex-direction: column; max-height: 370px; `,Ns=Kt()(Ms)` flex-direction: row; height: 125px; `;class $s extends Je.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:r,title:i,description:o,siteUrl:n}=this.props,a=e?As:Ns;return(0,me.jsxs)(a,{id:"twitterPreview",children:[(0,me.jsx)(Es,{src:t||s,alt:r,isLarge:e,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),(0,me.jsxs)(Ls,{children:[(0,me.jsx)(Ss,{siteUrl:n}),(0,me.jsx)(Ts,{onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,children:i}),(0,me.jsx)(Ps,{onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,children:o})]})]})}}$s.propTypes={siteUrl:Y().string.isRequired,title:Y().string.isRequired,description:Y().string,isLarge:Y().bool,imageUrl:Y().string,imageFallbackUrl:Y().string,alt:Y().string,onSelect:Y().func,onImageClick:Y().func,onMouseHover:Y().func},$s.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{},isLarge:!0};const Fs=$s,qs=window.yoast.componentsNew,Os=window.yoast.replacementVariableEditor;class Us extends Je.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.SocialPreview="Social"===e.socialMediumName?fs:Fs,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:r,socialMediumName:i,imageWarnings:o,siteUrl:n,description:a,descriptionInputPlaceholder:l,descriptionPreviewFallback:c,imageUrl:d,imageFallbackUrl:u,alt:p,title:m,titleInputPlaceholder:h,titlePreviewFallback:g,replacementVariables:y,recommendedReplacementVariables:w,applyReplacementVariables:x,onReplacementVariableSearchChange:f,isPremium:v,isLarge:b,socialPreviewLabel:S,idSuffix:k,activeMetaTabId:C}=this.props,j=x({title:m||g,description:a||c});return(0,me.jsxs)(Qe().Fragment,{children:[S&&(0,me.jsx)(qs.SimulatedLabel,{children:S}),(0,me.jsx)(this.SocialPreview,{onMouseHover:this.setHoveredField,onSelect:this.setActiveField,onImageClick:s,siteUrl:n,title:j.title,description:j.description,imageUrl:d,imageFallbackUrl:u,alt:p,isLarge:b,activeMetaTabId:C}),(0,me.jsx)(Qt.SocialMetadataPreviewForm,{onDescriptionChange:e,socialMediumName:i,title:m,titleInputPlaceholder:h,onRemoveImageClick:r,imageSelected:!!d,imageUrl:d,imageFallbackUrl:u,onTitleChange:t,onSelectImageClick:s,description:a,descriptionInputPlaceholder:l,imageWarnings:o,replacementVariables:y,recommendedReplacementVariables:w,onReplacementVariableSearchChange:f,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:v,setEditorRef:this.setEditorRef,idSuffix:k})]})}}Us.propTypes={title:Y().string.isRequired,onTitleChange:Y().func.isRequired,description:Y().string.isRequired,onDescriptionChange:Y().func.isRequired,imageUrl:Y().string.isRequired,imageFallbackUrl:Y().string.isRequired,onSelectImageClick:Y().func.isRequired,onRemoveImageClick:Y().func.isRequired,socialMediumName:Y().string.isRequired,alt:Y().string,isPremium:Y().bool,imageWarnings:Y().array,isLarge:Y().bool,siteUrl:Y().string,descriptionInputPlaceholder:Y().string,titleInputPlaceholder:Y().string,descriptionPreviewFallback:Y().string,titlePreviewFallback:Y().string,replacementVariables:Os.replacementVariablesShape,recommendedReplacementVariables:Os.recommendedReplacementVariablesShape,applyReplacementVariables:Y().func,onReplacementVariableSearchChange:Y().func,socialPreviewLabel:Y().string,idSuffix:Y().string,activeMetaTabId:Y().string},Us.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,isLarge:!0,siteUrl:"",descriptionInputPlaceholder:"",titleInputPlaceholder:"",descriptionPreviewFallback:"",titlePreviewFallback:"",alt:"",applyReplacementVariables:e=>e,onReplacementVariableSearchChange:null,socialPreviewLabel:"",idSuffix:"",activeMetaTabId:""};const Ws={},Bs=(e,t,{log:s=console.warn}={})=>{Ws[e]||(Ws[e]=!0,s(t))},Gs=(e,t=o.noop)=>{const s={};for(const r in e)Object.hasOwn(e,r)&&Object.defineProperty(s,r,{set:s=>{e[r]=s,t("set",r,s)},get:()=>(t("get",r),e[r])});return s};Gs({squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},(e,t)=>Bs(`@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.`)),Gs({squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},(e,t)=>Bs(`@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 Ds=({title:e,description:s})=>{const r=(0,t.useSelect)(e=>e(Z).getSiteUrl(),[]),i=(0,t.useSelect)(e=>e(Z).getFacebookImageUrl(),[]),n=(0,t.useSelect)(e=>e(Z).getEditorDataImageFallback(),[]),a=(0,t.useSelect)(e=>e(Z).getFacebookAltText(),[]);return(0,me.jsx)("div",{className:"yst-ai-generator-preview-section",children:(0,me.jsx)(fs,{title:e,description:s,siteUrl:r,imageUrl:i,imageFallbackUrl:n,alt:a,onSelect:o.noop,onImageClick:o.noop,onMouseHover:o.noop})})};Ds.propTypes={title:Y().string.isRequired,description:Y().string.isRequired};const Hs=()=>(0,me.jsxs)("div",{className:"yst-flex yst-flex-col yst-w-[527px] yst-border yst-mx-auto",children:[(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-[273px] yst-w-full yst-rounded-none yst-border yst-border-dashed"}),(0,me.jsxs)("div",{className:"yst-w-full yst-p-4 yst-space-y-1",children:[(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-1/3"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-5 yst-w-10/12"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-full"})]})]}),zs=({children:e,onRetry:t})=>{const{onClose:s}=(0,i.useModalContext)();return(0,me.jsxs)(D.Fragment,{children:[e,(0,me.jsxs)("div",{className:"yst-mt-6 yst-mb-1 yst-flex yst-space-x-3 rtl:yst-space-x-reverse yst-place-content-end",children:[(0,me.jsx)(i.Button,{variant:"secondary",onClick:s,children:(0,H.__)("Close","wordpress-seo")}),(0,me.jsx)(i.Button,{variant:"primary",onClick:t,children:(0,H.__)("Try again","wordpress-seo")})]})]})};zs.propTypes={children:Y().node.isRequired,onRetry:Y().func.isRequired};const Vs=({errorCode:e,errorIdentifier:t,invalidSubscriptions:s=[],showActions:r=!1,onRetry:i=o.noop,errorMessage:n=""})=>{switch(e){case 400:switch(t){case"AI_CONTENT_FILTER":return(0,me.jsx)(Ct,{});case"NOT_ENOUGH_CONTENT":return(0,me.jsx)(ft,{});case"SITE_UNREACHABLE":return(0,me.jsx)(Et,{});case"WP_HTTP_REQUEST_ERROR":return r?(0,me.jsx)(zs,{onRetry:i,children:(0,me.jsx)(jt,{errorMessage:n})}):(0,me.jsx)(jt,{errorMessage:n});default:return r?(0,me.jsx)(zs,{onRetry:i,children:(0,me.jsx)(xt,{})}):(0,me.jsx)(xt,{})}case 402:return(0,me.jsx)(St,{invalidSubscriptions:s});case 408:return r?(0,me.jsx)(zs,{onRetry:i,children:(0,me.jsx)(kt,{})}):(0,me.jsx)(kt,{});case 429:return"USAGE_LIMIT_REACHED"===t?(0,me.jsx)(St,{invalidSubscriptions:s}):(0,me.jsx)(bt,{});case 410:return(0,me.jsx)(_t,{});default:return r?(0,me.jsx)(zs,{onRetry:i,children:(0,me.jsx)(xt,{})}):(0,me.jsx)(xt,{})}};Vs.propTypes={errorCode:Y().number.isRequired,errorIdentifier:Y().string.isRequired,invalidSubscriptions:Y().array,showActions:Y().bool,onRetry:Y().func,errorMessage:Y().string};const Ys=Y().shape({value:Y().string.isRequired,label:Y().node.isRequired}),Ks=({id:e,name:t,suggestion:s,isChecked:r,onChange:i})=>{const o=(0,D.useCallback)(()=>i(s.value),[s,i]);return(0,me.jsxs)("label",{htmlFor:e,className:pt()("yst-flex yst-p-4 yst-items-center yst-border first:yst-rounded-t-md last:yst-rounded-b-md",r&&"yst-z-10 yst-border-primary-500"),children:[(0,me.jsx)("input",{type:"radio",id:e,name:t,className:"yst-radio__input",value:s.value,checked:r,onChange:o}),(0,me.jsx)("div",{className:pt()("yst-label yst-radio__label yst-flex yst-flex-wrap yst-items-center",!r&&"yst-text-slate-600"),children:s.label})]})};Ks.propTypes={id:Y().string.isRequired,name:Y().string.isRequired,suggestion:Ys.isRequired,isChecked:Y().bool.isRequired,onChange:Y().func.isRequired};const Zs=({idSuffix:e,suggestions:t,selected:s,onChange:r})=>(0,me.jsx)("div",{children:(0,me.jsx)(i.RadioGroup,{className:"yst-suggestions-radio-group yst-flex yst-flex-col",id:`yst-ai-suggestions-radio-group__${e}`,children:t.map((t,i)=>(0,me.jsx)(Ks,{id:`yst-ai-suggestions-radio-${e}__${i}`,name:`ai-suggestion__${e}`,isChecked:t.value===s,onChange:r,suggestion:t},`yst-ai-suggestions-radio-${e}__${i}`))})});Zs.propTypes={idSuffix:Y().string.isRequired,suggestions:Y().arrayOf(Ys).isRequired,selected:Y().string.isRequired,onChange:Y().func.isRequired};const Xs=[["yst-h-3 yst-w-full","yst-mt-2.5 yst-h-3 yst-w-9/12"],["yst-h-3 yst-w-full","yst-mt-2.5 yst-h-3 yst-w-7/12"],["yst-h-3 yst-w-full","yst-mt-2.5 yst-h-3 yst-w-10/12"],["yst-h-3 yst-w-full","yst-mt-2.5 yst-h-3 yst-w-11/12"],["yst-h-3 yst-w-full","yst-mt-2.5 yst-h-3 yst-w-8/12"]],Js=({suggestionClassNames:e=Xs})=>(0,me.jsx)("div",{className:"yst-flex yst-flex-col yst--space-y-[1px]",children:e.map((e,t)=>(0,me.jsxs)("div",{className:"yst-flex yst-p-4 yst-gap-x-3 yst-items-center yst-border first:yst-rounded-t-md last:yst-rounded-b-md",children:[(0,me.jsx)("input",{type:"radio",disabled:!0,className:"yst-my-0.5"}),(0,me.jsx)("div",{className:"yst-flex yst-flex-col yst-w-full",children:e.map((e,s)=>(0,me.jsx)(i.SkeletonLoader,{className:e},`yst-ai-suggestion-radio-skeleton-${t}__${s}`))})]},`yst-ai-suggestion-radio-skeleton__${t}`))});Js.propTypes={suggestionClassNames:Y().arrayOf(Y().arrayOf(Y().string))};const Qs="ai_generator_tip_notification",er=()=>{const e=(0,t.useSelect)(e=>e(Z).isAlertDismissed(Qs),[]),s=(0,t.useSelect)(e=>e(Z).getEditorDataContent(),[]),r=(0,t.useSelect)(e=>e(Z).getIsWooProductEntity(),[]),[o,,,n]=(0,i.useToggleState)(!1),{editType:a,contentType:l}=Ee(),{dismissAlert:c}=(0,t.useDispatch)(Z),d=(0,D.useCallback)(()=>{c(Qs)},[c]),u=(0,D.useMemo)(()=>a===te?(0,H.__)("%1$sTip%2$s: Improve the accuracy of your generated AI descriptions by writing more content in your page.","wordpress-seo"):(0,H.__)("%1$sTip%2$s: Improve the accuracy of your generated AI titles by writing more content in your page.","wordpress-seo") /* translators: %1$s and %2$s expand to opening and closing of a span in order to emphasise the word. */,[a]),p=(0,D.useMemo)(()=>((e,t)=>e||t===re?150:300)(r,l),[l,r]);return e||o||s.length>p?null:(0,me.jsxs)(i.Notifications.Notification,{id:"ai-generator-content-tip",variant:"info",dismissScreenReaderLabel:(0,H.__)("Dismiss","wordpress-seo"),children:[pe((0,H.sprintf)(u,"<span>","</span>"),{span:(0,me.jsx)("span",{className:"yst-font-medium yst-text-slate-800"})}),(0,me.jsxs)("div",{className:"yst-flex yst-mt-3 yst--ms-3 yst-gap-1",children:[(0,me.jsx)(i.Button,{type:"button",variant:"tertiary",onClick:d,children:(0,H.__)("Don’t show again","wordpress-seo")}),(0,me.jsx)(i.Button,{type:"button",variant:"tertiary",className:"yst-text-slate-800",onClick:n,children:(0,H.__)("Dismiss","wordpress-seo")})]})]})},tr=({title:e,description:t,showPreviewSkeleton:s})=>(0,me.jsxs)("div",{children:[(0,me.jsx)("div",{className:"yst-flex yst-mb-6",children:(0,me.jsx)(i.Label,{as:"span",className:"yst-flex-grow yst-cursor-default",children:(0,H.__)("X preview","wordpress-seo")})}),s?(0,me.jsx)(rr,{}):(0,me.jsx)(sr,{title:e,description:t})]});tr.propTypes={title:Y().string.isRequired,description:Y().string.isRequired,showPreviewSkeleton:Y().bool.isRequired};const sr=({title:e,description:s})=>{const r=(0,t.useSelect)(e=>e(Z).getSiteUrl(),[]),i=(0,t.useSelect)(e=>e(Z).getTwitterImageUrl(),[]),n=(0,t.useSelect)(e=>e(Z).getFacebookImageUrl(),[]),a=(0,t.useSelect)(e=>e(Z).getEditorDataImageFallback(),[]),l=(0,t.useSelect)(e=>e(Z).getTwitterImageType(),[]),c=(0,t.useSelect)(e=>e(Z).getTwitterAltText(),[]);return(0,me.jsx)("div",{className:"yst-ai-generator-preview-section",children:(0,me.jsx)(Fs,{title:e,description:s,siteUrl:r,imageUrl:i,imageFallbackUrl:n||a,isLarge:"summary"!==l,alt:c,onSelect:o.noop,onImageClick:o.noop,onMouseHover:o.noop})})};sr.propTypes={title:Y().string.isRequired,description:Y().string.isRequired};const rr=()=>(0,me.jsxs)("div",{className:"yst-flex yst-flex-col yst-max-h-[370px] yst-w-[507px] yst-border yst-rounded-t-[14px] yst-overflow-hidden yst-mx-auto",children:[(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-[265px] yst-w-full yst-rounded-none yst-border yst-border-dashed"}),(0,me.jsxs)("div",{className:"yst-w-full yst-p-4 yst-space-y-1",children:[(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-1/3"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-5 yst-w-10/12"}),(0,me.jsx)(i.SkeletonLoader,{className:"yst-h-3 yst-w-full"})]})]}),ir="yst-mt-1 yst-mb-3",or="yst-flex yst-justify-end yst--me-8 yst-gap-3 yst--ms-2",nr=({onClose:e})=>(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)("p",{className:ir,children:(0,H.__)("As long as this is a beta feature, you get unlimited sparks.","wordpress-seo")}),(0,me.jsx)("div",{className:or,children:(0,me.jsx)(i.Button,{type:"button",variant:"primary",size:"small",onClick:e,children:(0,H.__)("Got it!","wordpress-seo")})})]}),ar=({onClose:e,upsellLink:t,isWooProductEntity:s=!1,ctbId:r="f6a84663-465f-4cb5-8ba5-f7a6d72224b2"})=>{const o=(0,i.useSvgAria)();return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)("p",{className:ir,children:(0,H.sprintf)(/* translators: %s expands to Yoast SEO Premium or Yoast WooCommerce SEO. */ /* translators: %s expands to Yoast SEO Premium or Yoast WooCommerce SEO. */ (0,H.__)("Keep the momentum going, unlock unlimited sparks with %s!","wordpress-seo"),s?"Yoast WooCommerce SEO":"Yoast SEO Premium")}),(0,me.jsxs)("div",{className:or,children:[(0,me.jsx)(i.Button,{type:"button",variant:"tertiary",size:"small",onClick:e,children:(0,H.__)("Close","wordpress-seo")}),(0,me.jsxs)(i.Button,{as:"a",size:"small",variant:"upsell",href:t,target:"_blank",rel:"noopener noreferrer","data-action":"load-nfd-ctb","data-ctb-id":r,children:[(0,me.jsx)(ze(),{className:"yst-w-4 yst-h-4 yst--ms-1 yst-me-2 yst-shrink-0",...o}),(0,H.sprintf)(/* translators: %1$s expands to Yoast SEO Premium or Yoast WooCommerce SEO. */ /* translators: %1$s expands to Yoast SEO Premium or Yoast WooCommerce SEO. */ (0,H.__)("Unlock with %1$s","wordpress-seo"),s?"Yoast WooCommerce SEO":"Yoast SEO Premium"),(0,me.jsx)("span",{className:"yst-sr-only",children:/* translators: Hidden accessibility text. */ /* translators: Hidden accessibility text. */ (0,H.__)("(Opens in a new browser tab)","wordpress-seo")})]})]})]})},lr=({className:e=""})=>{const{isUsageCountLimitReached:s,usageCount:r,usageCountLimit:o,premiumUpsellLink:n,wooUpsellLink:a,isWooProductEntity:l,hasValidPremiumSubscription:c,hasValidWooSubscription:d}=(0,t.useSelect)(e=>{const t=e(K),s=e(Z);return{isUsageCountLimitReached:t.isUsageCountLimitReached(),usageCount:t.selectUsageCount(),usageCountLimit:t.selectUsageCountLimit(),premiumUpsellLink:s.selectLink("https://yoa.st/ai-toast-out-of-free-sparks"),wooUpsellLink:s.selectLink("https://yoa.st/ai-toast-out-of-free-sparks-woo"),isWooProductEntity:s.getIsWooProductEntity(),hasValidPremiumSubscription:t.selectPremiumSubscription(),hasValidWooSubscription:t.selectWooCommerceSubscription()}},[]),u=(0,D.useMemo)(()=>c&&!l||l&&d&&c,[c,l,d]),[p,,m,,h]=(0,i.useToggleState)(r===o),g=Math.max(0,o-r);(0,D.useEffect)(()=>{m(u&&r===o||!u&&g<=5)},[r,o,u,s]);const y=(0,D.useMemo)(()=>l?a:n,[l,a,n]),w=(0,D.useMemo)(()=>l&&!d,[l,d]);return p&&(0,me.jsx)(i.Notifications.Notification,{id:"ai-sparks-limit",className:e,variant:"info",dismissScreenReaderLabel:(0,H.__)("Close","wordpress-seo"),title:u?(0,H.sprintf)(/* translators: %s is the number of the sparks. */ /* translators: %s is the number of the sparks. */ (0,H._n)("You've used %s spark this month.","You've used %s sparks this month.",r,"wordpress-seo"),r):g<=5&&!s?(0,H.sprintf)(/* translators: %s is the number of the sparks. */ /* translators: %s is the number of the sparks. */ (0,H._n)("%s free spark left!","%s free sparks left!",g,"wordpress-seo"),g):(0,H.__)("You're out of free sparks!","wordpress-seo"),size:u?"default":"large",children:u?(0,me.jsx)(nr,{onClose:h}):(0,me.jsx)(ar,{onClose:h,upsellLink:y,isWooUpsell:w})})},cr=()=>{const{setPromptContent:e}=(0,t.dispatch)(K);return()=>{(e=>{const s=(0,t.select)(Z).getIsProduct(),r=(0,t.select)(Z).getIsTerm(),i=(0,t.select)(Z).getIsWooCommerceActive(),n=s&&i||r?150:300,a=(0,o.get)(window,"YoastSEO.analysis.worker.runResearch",o.noop),l=(0,o.get)(window,"YoastSEO.analysis.collectData",!1);a("getParagraphs",l?de.Paper.parse(l()):null).then(t=>{let s="";if(t.result){const e=t.result;if(e){let t=0;e.forEach(e=>{e.sentences.forEach(e=>{if(t+=e.tokens.length,t>n)return s;s+=e.text.replace(/[\n\r]+/g," ")}),s+=" ",t+=1})}}e(s.trimEnd()||".")})})(e)}},dr=()=>{cr(),(0,t.subscribe)((0,o.debounce)((()=>{const{getEditorDataContent:e}=(0,t.select)(Z),s=cr();return setTimeout(s,1500),((e,t)=>{let s=e();return()=>{const r=e();(0,o.isEqual)(r,s)||(s=r,t((0,o.clone)(r)))}})(e,s)})(),1500,{maxWait:3e3}))};let ur=!1;const pr=()=>{ur||(ur=!0)},mr=(e,t)=>ur?(be(t)&&e.push((0,H.__)("Please enter a valid focus keyphrase.","wordpress-seo")),e):e,hr="appliedSuggestions",gr=(0,n.createSlice)({name:hr,initialState:{},reducers:{addAppliedSuggestion:(e,{payload:{editType:t,previewType:s,suggestion:r}})=>{e[s]={...e[s],[t]:r}}}}),yr=gr.getInitialState,wr={selectAppliedSuggestions:e=>(0,o.get)(e,hr,{})};wr.selectAppliedSuggestionFor=(0,n.createSelector)([wr.selectAppliedSuggestions,(e,t)=>t],(e,{editType:t,previewType:s})=>(0,o.get)(e,[s,t],""));const xr=gr.actions,fr=gr.reducer,vr="productSubscriptions",br=(0,n.createSlice)({name:vr,initialState:{premiumSubscription:!1,wooCommerceSubscription:!1},reducers:{}}),Sr=br.getInitialState,kr={selectProductSubscriptions:e=>(0,o.get)(e,vr,Sr()),selectPremiumSubscription:e=>(0,o.get)(e,`${vr}.premiumSubscription`),selectWooCommerceSubscription:e=>(0,o.get)(e,`${vr}.wooCommerceSubscription`)},Cr=br.actions,jr=br.reducer,_r="promptContent",Er=(0,n.createSlice)({name:_r,initialState:{content:"",initialized:!1},reducers:{setPromptContent:(e,{payload:t})=>({content:t,initialized:!0})}}),Rr=Er.getInitialState,Ir={selectPromptContent:e=>(0,o.get)(e,`${_r}.content`,""),selectPromptContentInitialized:e=>(0,o.get)(e,`${_r}.initialized`,!1)},Lr=Er.actions,Tr=Er.reducer,Pr="endpoints",Mr=(0,n.createSlice)({name:Pr,initialState:{getSuggestions:"",bustSubscriptionCache:""},reducers:{}}),Ar=Mr.getInitialState,Nr={selectGetSuggestionsEndpoint:e=>(0,o.get)(e,[Pr,"getSuggestions"],Mr.getInitialState().getSuggestions),selectBustSubscriptionCacheEndpoint:e=>(0,o.get)(e,[Pr,"bustSubscriptionCache"],Mr.getInitialState().bustSubscriptionCache)},$r={...Mr.actions},Fr=Mr.reducer,qr="freeSparks",Or="activateFreeSparks",Ur=(0,n.createSlice)({name:qr,initialState:{isFreeSparksActive:!1,endpoint:""},extraReducers:e=>{e.addCase(`${Or}/${I}`,e=>{e.isFreeSparksActive=!0})}}),Wr=Ur.getInitialState,Br={selectFreeSparksActiveEndpoint:e=>(0,o.get)(e,[qr,"endpoint"],Ur.getInitialState().endpoint),selectIsFreeSparksActive:e=>(0,o.get)(e,[qr,"isFreeSparksActive"],Ur.getInitialState().isFreeSparksActive)},Gr={...Ur.actions,activateFreeSparks:function*({endpoint:e}){try{yield{type:Or,payload:e}}catch(e){console.error("Error starting free sparks:",e)}return{type:`${Or}/${I}`}}},Dr={[Or]:async({payload:e})=>u()({method:"POST",path:e})},Hr=Ur.reducer,zr=window.wp.domReady,Vr=(s,{fieldId:r,type:o})=>{const n=(0,t.select)(Z).getPostType(),a=function(e){return e.startsWith("yoast-google-preview")?X:e.startsWith("social")?J:e.startsWith("x-")?Q:void 0}(r);if(!a)return s;const l={isRtl:(0,t.select)(Z).getPreference("isRtl")},c={editType:o,previewType:a,postType:n,contentType:(0,t.select)(Z).getIsTerm()?"term":"post"};return s.push((0,me.jsx)(e.Fill,{name:`yoast.replacementVariableEditor.additionalButtons.${r}`,children:(0,me.jsx)(i.Root,{context:l,children:(0,me.jsx)(_e,{value:c,children:(0,me.jsx)(Wt,{onUseAi:pr})})})})),s};s.n(zr)()(()=>{var e;null!==(e=window.wpseoScriptData)&&void 0!==e&&e.postType&&(((e={})=>{(0,t.register)((e=>(0,t.createReduxStore)(K,{actions:{...w,...xr,...Cr,...Lr,...Be,...Gr,...$r},selectors:{...y,...wr,...kr,...Ir,...We,...Br,...Nr},initialState:(0,o.merge)({},{[p]:g(),[hr]:yr(),[vr]:Sr(),[_r]:Rr(),[Ae]:Ue(),[qr]:Wr(),[Pr]:Ar()},e),reducer:(0,t.combineReducers)({[p]:f,[hr]:fr,[vr]:jr,[_r]:Tr,[Ae]:De,[qr]:Hr,[Pr]:Fr}),controls:{...x,...Ge,...Dr}}))(e))})({[p]:{hasConsent:"1"===(0,o.get)(window,"wpseoAiGenerator.hasConsent",!1),endpoint:(0,o.get)(window,"wpseoAiGenerator.endpoints.consent","")},[Ae]:{endpoint:(0,o.get)(window,"wpseoAiGenerator.endpoints.getUsage","")},[vr]:(0,o.get)(window,"wpseoAiGenerator.productSubscriptions",{}),[qr]:{isFreeSparksActive:"1"===(0,o.get)(window,"wpseoAiGenerator.isFreeSparks",!1),endpoint:(0,o.get)(window,"wpseoAiGenerator.endpoints.freeSparks","")},[Pr]:{getSuggestions:(0,o.get)(window,"wpseoAiGenerator.endpoints.getSuggestions",""),bustSubscriptionCache:(0,o.get)(window,"wpseoAiGenerator.endpoints.bustSubscriptionCache","")}}),window.jQuery(window).on("YoastSEO:ready",()=>{dr()}),(0,r.addFilter)("yoast.replacementVariableEditor.additionalButtons","yoast/yoast-seo/AiGenerator",Vr),(0,r.addFilter)("yoast.focusKeyphrase.errors","yoast/yoast-seo/AiGenerator",mr),(0,r.addAction)("yoast.elementor.loaded","yoast/yoast-seo/AiGenerator",dr))})})()})();
Save File
Cancel