plugin updates
This commit is contained in:
Tony Volpe
+106
-108
File diff suppressed because one or more lines are too long
@@ -1,39 +1,39 @@
|
||||
window.yoast=window.yoast||{},window.yoast.analysisReport=function(t){var e={};function s(r){if(e[r])return e[r].exports;var n=e[r]={i:r,l:!1,exports:{}};return t[r].call(n.exports,n,n.exports,s),n.l=!0,n.exports}return s.m=t,s.c=e,s.d=function(t,e,r){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(r,n,function(e){return t[e]}.bind(null,n));return r},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="",s(s.s=408)}({0:function(t,e){t.exports=window.yoast.propTypes},1:function(t,e){t.exports=window.wp.element},10:function(t,e){t.exports=window.yoast.helpers},2:function(t,e){t.exports=window.lodash},3:function(t,e){t.exports=window.React},4:function(t,e){t.exports=window.wp.i18n},408:function(t,e,s){"use strict";s.r(e),s.d(e,"ContentAnalysis",(function(){return M})),s.d(e,"AnalysisResult",(function(){return E})),s.d(e,"AnalysisList",(function(){return v})),s.d(e,"renderRatingToColor",(function(){return O})),s.d(e,"SiteSEOReport",(function(){return I}));var r=s(1),n=s(4),o=s(3),a=s.n(o),i=s(5),l=s.n(i),u=s(0),d=s.n(u),c=s(73),p=s.n(c),m=s(6),g=s(2),h=s(9),b=s(10);const{stripTagsFromHtmlString:k}=b.strings,B=["a","b","strong","em","i"],f=l.a.li`
|
||||
(()=>{"use strict";var e={n:t=>{var s=t&&t.__esModule?()=>t.default:()=>t;return e.d(s,{a:s}),s},d:(t,s)=>{for(var o in s)e.o(s,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:s[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{AnalysisList:()=>w,AnalysisResult:()=>f,ContentAnalysis:()=>M,SiteSEOReport:()=>P,renderRatingToColor:()=>x});const s=window.React;var o=e.n(s);const r=window.wp.i18n,n=window.yoast.styledComponents;var a=e.n(n);const i=window.yoast.propTypes;var l=e.n(i);const u=window.lodash.noop;var d=e.n(u);const g=window.yoast.styleGuide,m=window.lodash,p=window.yoast.componentsNew,c=window.yoast.helpers,{stripTagsFromHtmlString:h}=c.strings,k=["a","b","strong","em","i"],B=a().li`
|
||||
// This is the height of the IconButtonToggle.
|
||||
min-height: 24px;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
`,C=l()(h.SvgIcon)`
|
||||
`,b=a()(p.SvgIcon)`
|
||||
margin: 3px 11px 0 0; // icon 13 + 11 right margin = 24 for the 8px grid.
|
||||
`,y=l.a.p`
|
||||
`,C=a().p`
|
||||
margin: 0 16px 0 0;
|
||||
flex: 1 1 auto;
|
||||
color: ${t=>t.suppressedText?"rgba(30,30,30,0.5)":"inherit"};
|
||||
`,x=t=>{let{ariaLabel:e,id:s,className:n,status:o,onClick:a,isPressed:i}=t;return Object(r.createElement)(h.IconButtonToggle,{marksButtonStatus:o,className:n,onClick:a,id:s,icon:"eye",pressed:i,ariaLabel:e})},R=t=>{let{markButtonFactory:e,...s}=t;const[n,a]=Object(o.useState)(!1),i=Object(o.useCallback)(()=>a(!1),[]),l=Object(o.useCallback)(()=>a(!0),[]);e=e||x;const{id:u,marker:d,hasMarksButton:c}=s;let p=null;return function(t){return!t.hasMarksButton||"hidden"===t.marksButtonStatus}(s)||(p=e({onClick:s.shouldUpsellHighlighting?l:s.onButtonClickMarks,status:s.marksButtonStatus,className:s.marksButtonClassName,id:s.buttonIdMarks,isPressed:s.pressed,ariaLabel:s.ariaLabelMarks})),Object(o.useEffect)(()=>{s.onResultChange(u,d,c)},[u,d,c]),Object(r.createElement)(f,null,Object(r.createElement)(C,{icon:"circle",color:s.bulletColor,size:"13px"}),Object(r.createElement)(y,{suppressedText:s.suppressedText},s.hasBetaBadgeLabel&&Object(r.createElement)(h.BetaBadge,null),Object(r.createElement)("span",{dangerouslySetInnerHTML:{__html:k(s.text,B)}})),p,s.renderHighlightingUpsell(n,i),s.hasEditButton&&s.isPremium&&Object(r.createElement)(h.IconCTAEditButton,{className:s.editButtonClassName,onClick:s.onButtonClickEdit,id:s.buttonIdEdit,icon:"edit",ariaLabel:s.ariaLabelEdit}))};R.propTypes={text:d.a.string.isRequired,suppressedText:d.a.bool,bulletColor:d.a.string.isRequired,hasMarksButton:d.a.bool.isRequired,hasEditButton:d.a.bool,buttonIdMarks:d.a.string.isRequired,buttonIdEdit:d.a.string,pressed:d.a.bool.isRequired,ariaLabelMarks:d.a.string.isRequired,ariaLabelEdit:d.a.string,onButtonClickMarks:d.a.func.isRequired,onButtonClickEdit:d.a.func,marksButtonStatus:d.a.string,marksButtonClassName:d.a.string,markButtonFactory:d.a.func,editButtonClassName:d.a.string,hasBetaBadgeLabel:d.a.bool,isPremium:d.a.bool,onResultChange:d.a.func,id:d.a.string,marker:d.a.oneOfType([d.a.func,d.a.array]),shouldUpsellHighlighting:d.a.bool,renderHighlightingUpsell:d.a.func},R.defaultProps={suppressedText:!1,marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",hasBetaBadgeLabel:!1,hasEditButton:!1,buttonIdEdit:"",ariaLabelEdit:"",onButtonClickEdit:g.noop,isPremium:!1,onResultChange:g.noop,id:"",marker:g.noop,shouldUpsellHighlighting:!1,renderHighlightingUpsell:g.noop};var E=R;const w=l.a.ul`
|
||||
color: ${e=>e.suppressedText?"rgba(30,30,30,0.5)":"inherit"};
|
||||
`,y=({ariaLabel:e,id:t,className:o,status:r,onClick:n,isPressed:a})=>(0,s.createElement)(p.IconButtonToggle,{marksButtonStatus:r,className:o,onClick:n,id:t,icon:"eye",pressed:a,ariaLabel:e}),R=({markButtonFactory:e,...t})=>{const[o,r]=(0,s.useState)(!1),n=(0,s.useCallback)((()=>r(!1)),[]),a=(0,s.useCallback)((()=>r(!0)),[]);e=e||y;const{id:i,marker:l,hasMarksButton:u}=t;let d=null;return function(e){return!e.hasMarksButton||"hidden"===e.marksButtonStatus}(t)||(d=e({onClick:t.shouldUpsellHighlighting?a:t.onButtonClickMarks,status:t.marksButtonStatus,className:t.marksButtonClassName,id:t.buttonIdMarks,isPressed:t.pressed,ariaLabel:t.ariaLabelMarks})),(0,s.useEffect)((()=>{t.onResultChange(i,l,u)}),[i,l,u]),(0,s.createElement)(B,null,(0,s.createElement)(b,{icon:"circle",color:t.bulletColor,size:"13px"}),(0,s.createElement)(C,{suppressedText:t.suppressedText},t.hasBetaBadgeLabel&&(0,s.createElement)(p.BetaBadge,null),(0,s.createElement)("span",{dangerouslySetInnerHTML:{__html:h(t.text,k)}})),d,t.renderHighlightingUpsell(o,n),t.hasEditButton&&t.isPremium&&(0,s.createElement)(p.IconCTAEditButton,{className:t.editButtonClassName,onClick:t.onButtonClickEdit,id:t.buttonIdEdit,icon:"edit",ariaLabel:t.ariaLabelEdit}))};R.propTypes={text:l().string.isRequired,suppressedText:l().bool,bulletColor:l().string.isRequired,hasMarksButton:l().bool.isRequired,hasEditButton:l().bool,buttonIdMarks:l().string.isRequired,buttonIdEdit:l().string,pressed:l().bool.isRequired,ariaLabelMarks:l().string.isRequired,ariaLabelEdit:l().string,onButtonClickMarks:l().func.isRequired,onButtonClickEdit:l().func,marksButtonStatus:l().string,marksButtonClassName:l().string,markButtonFactory:l().func,editButtonClassName:l().string,hasBetaBadgeLabel:l().bool,isPremium:l().bool,onResultChange:l().func,id:l().string,marker:l().oneOfType([l().func,l().array]),shouldUpsellHighlighting:l().bool,renderHighlightingUpsell:l().func},R.defaultProps={suppressedText:!1,marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",hasBetaBadgeLabel:!1,hasEditButton:!1,buttonIdEdit:"",ariaLabelEdit:"",onButtonClickEdit:m.noop,isPremium:!1,onResultChange:m.noop,id:"",marker:m.noop,shouldUpsellHighlighting:!1,renderHighlightingUpsell:m.noop};const f=R,E=a().ul`
|
||||
margin: 8px 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
`;function O(t){switch(t){case"good":return m.colors.$color_good;case"OK":return m.colors.$color_ok;case"bad":return m.colors.$color_bad;default:return m.colors.$color_score_icon}}function v(t){return Object(r.createElement)(w,{role:"list"},t.results.map(e=>{const s=O(e.rating),o=e.markerId===t.marksButtonActivatedResult,a=e.id+"Mark",i=e.id+"Edit";let l="";l="disabled"===t.marksButtonStatus?Object(n.__)("Marks are disabled in current view","wordpress-seo"):o?Object(n.__)("Remove highlight from the text","wordpress-seo"):Object(n.__)("Highlight this result in the text","wordpress-seo");const u=e.editFieldName,d=""===u?"":Object(n.sprintf)(
|
||||
`;function x(e){switch(e){case"good":return g.colors.$color_good;case"OK":return g.colors.$color_ok;case"bad":return g.colors.$color_bad;default:return g.colors.$color_score_icon}}function w(e){return(0,s.createElement)(E,{role:"list"},e.results.map((t=>{const o=x(t.rating),n=t.markerId===e.marksButtonActivatedResult,a=t.id+"Mark",i=t.id+"Edit";let l="";l="disabled"===e.marksButtonStatus?(0,r.__)("Marks are disabled in current view","wordpress-seo"):n?(0,r.__)("Remove highlight from the text","wordpress-seo"):(0,r.__)("Highlight this result in the text","wordpress-seo");const u=t.editFieldName,d=""===u?"":(0,r.sprintf)(
|
||||
/* Translators: %1$s refers to the name of the field that should be edited (keyphrase, meta description,
|
||||
slug or SEO title). */
|
||||
Object(n.__)("Edit your %1$s","wordpress-seo"),u);return Object(r.createElement)(E,{key:e.id,id:e.id,text:e.text,marker:e.marker,bulletColor:s,hasMarksButton:e.hasMarks,hasEditButton:e.hasJumps,ariaLabelMarks:l,ariaLabelEdit:d,pressed:o,suppressedText:"upsell"===e.rating,buttonIdMarks:a,buttonIdEdit:i,onButtonClickMarks:()=>t.onMarksButtonClick(e.id,e.marker),onButtonClickEdit:()=>t.onEditButtonClick(e.id),marksButtonClassName:t.marksButtonClassName,editButtonClassName:t.editButtonClassName,marksButtonStatus:t.marksButtonStatus,hasBetaBadgeLabel:e.hasBetaBadge,isPremium:t.isPremium,onResultChange:t.onResultChange,markButtonFactory:t.markButtonFactory,shouldUpsellHighlighting:t.shouldUpsellHighlighting,renderHighlightingUpsell:t.renderHighlightingUpsell})}))}v.propTypes={results:d.a.array.isRequired,marksButtonActivatedResult:d.a.string,marksButtonStatus:d.a.string,marksButtonClassName:d.a.string,editButtonClassName:d.a.string,markButtonFactory:d.a.func,onMarksButtonClick:d.a.func,onEditButtonClick:d.a.func,isPremium:d.a.bool,onResultChange:d.a.func,shouldUpsellHighlighting:d.a.bool,renderHighlightingUpsell:d.a.func},v.defaultProps={marksButtonActivatedResult:"",marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",onMarksButtonClick:p.a,onEditButtonClick:p.a,isPremium:!1,onResultChange:p.a,shouldUpsellHighlighting:!1,renderHighlightingUpsell:p.a};const j=l.a.div`
|
||||
(0,r.__)("Edit your %1$s","wordpress-seo"),u);return(0,s.createElement)(f,{key:t.id,id:t.id,text:t.text,marker:t.marker,bulletColor:o,hasMarksButton:t.hasMarks,hasEditButton:t.hasJumps,ariaLabelMarks:l,ariaLabelEdit:d,pressed:n,suppressedText:"upsell"===t.rating,buttonIdMarks:a,buttonIdEdit:i,onButtonClickMarks:()=>e.onMarksButtonClick(t.id,t.marker),onButtonClickEdit:()=>e.onEditButtonClick(t.id),marksButtonClassName:e.marksButtonClassName,editButtonClassName:e.editButtonClassName,marksButtonStatus:e.marksButtonStatus,hasBetaBadgeLabel:t.hasBetaBadge,isPremium:e.isPremium,onResultChange:e.onResultChange,markButtonFactory:e.markButtonFactory,shouldUpsellHighlighting:e.shouldUpsellHighlighting,renderHighlightingUpsell:e.renderHighlightingUpsell})})))}w.propTypes={results:l().array.isRequired,marksButtonActivatedResult:l().string,marksButtonStatus:l().string,marksButtonClassName:l().string,editButtonClassName:l().string,markButtonFactory:l().func,onMarksButtonClick:l().func,onEditButtonClick:l().func,isPremium:l().bool,onResultChange:l().func,shouldUpsellHighlighting:l().bool,renderHighlightingUpsell:l().func},w.defaultProps={marksButtonActivatedResult:"",marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",onMarksButtonClick:d(),onEditButtonClick:d(),isPremium:!1,onResultChange:d(),shouldUpsellHighlighting:!1,renderHighlightingUpsell:d()};const v=a().div`
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
border-bottom: 1px solid transparent; // Avoid parent and child margin collapsing.
|
||||
`,_=l()(h.Collapsible)`
|
||||
`,N=a()(p.Collapsible)`
|
||||
margin-bottom: 8px;
|
||||
|
||||
button:first-child svg {
|
||||
margin: -2px 8px 0 -2px; // Compensate icon size set to 18px.
|
||||
}
|
||||
|
||||
${h.StyledIconsButton} {
|
||||
${p.StyledIconsButton} {
|
||||
padding: 8px 0;
|
||||
color: ${m.colors.$color_blue}
|
||||
color: ${g.colors.$color_blue}
|
||||
}
|
||||
`;class N extends a.a.Component{renderCollapsible(t,e,s){return Object(r.createElement)(_,{initialIsOpen:!0,title:`${t} (${s.length})`,prefixIcon:{icon:"angle-up",color:m.colors.$color_grey_dark,size:"18px"},prefixIconCollapsed:{icon:"angle-down",color:m.colors.$color_grey_dark,size:"18px"},suffixIcon:null,suffixIconCollapsed:null,headingProps:{level:e,fontSize:"13px",fontWeight:"bold"}},Object(r.createElement)(v,{results:s,marksButtonActivatedResult:this.props.activeMarker,marksButtonStatus:this.props.marksButtonStatus,marksButtonClassName:this.props.marksButtonClassName,editButtonClassName:this.props.editButtonClassName,markButtonFactory:this.props.markButtonFactory,onMarksButtonClick:this.props.onMarkButtonClick,onEditButtonClick:this.props.onEditButtonClick,isPremium:this.props.isPremium,onResultChange:this.props.onResultChange,shouldUpsellHighlighting:this.props.shouldUpsellHighlighting,renderHighlightingUpsell:this.props.renderHighlightingUpsell}))}render(){const{problemsResults:t,improvementsResults:e,goodResults:s,considerationsResults:o,errorsResults:a,upsellResults:i,headingLevel:l,resultCategoryLabels:u}=this.props,d=a.length,c=t.length,p=e.length,m=o.length,g=s.length,h=i.length,b={errors:Object(n.__)("Errors","wordpress-seo"),problems:Object(n.__)("Problems","wordpress-seo"),improvements:Object(n.__)("Improvements","wordpress-seo"),considerations:Object(n.__)("Considerations","wordpress-seo"),goodResults:Object(n.__)("Good results","wordpress-seo")},k=Object.assign(b,u);return Object(r.createElement)(j,null,d>0&&this.renderCollapsible(k.errors,l,a),c+h>0&&this.renderCollapsible(k.problems,l,[...i,...t]),p>0&&this.renderCollapsible(k.improvements,l,e),m>0&&this.renderCollapsible(k.considerations,l,o),g>0&&this.renderCollapsible(k.goodResults,l,s))}}N.propTypes={onMarkButtonClick:d.a.func,onEditButtonClick:d.a.func,problemsResults:d.a.array,improvementsResults:d.a.array,goodResults:d.a.array,considerationsResults:d.a.array,errorsResults:d.a.array,upsellResults:d.a.array,headingLevel:d.a.number,marksButtonStatus:d.a.string,marksButtonClassName:d.a.string,markButtonFactory:d.a.func,editButtonClassName:d.a.string,activeMarker:d.a.string,isPremium:d.a.bool,resultCategoryLabels:d.a.shape({errors:d.a.string,problems:d.a.string,improvements:d.a.string,considerations:d.a.string,goodResults:d.a.string}),onResultChange:d.a.func,shouldUpsellHighlighting:d.a.bool,renderHighlightingUpsell:d.a.func},N.defaultProps={onMarkButtonClick:()=>{},onEditButtonClick:()=>{},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],upsellResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",markButtonFactory:null,editButtonClassName:"",activeMarker:"",isPremium:!1,resultCategoryLabels:{},onResultChange:()=>{},shouldUpsellHighlighting:!1,renderHighlightingUpsell:()=>{}};var M=N;const S=l.a.div`
|
||||
`,H=l.a.p`
|
||||
`;class _ extends o().Component{renderCollapsible(e,t,o){return(0,s.createElement)(N,{initialIsOpen:!0,title:`${e} (${o.length})`,prefixIcon:{icon:"angle-up",color:g.colors.$color_grey_dark,size:"18px"},prefixIconCollapsed:{icon:"angle-down",color:g.colors.$color_grey_dark,size:"18px"},suffixIcon:null,suffixIconCollapsed:null,headingProps:{level:t,fontSize:"13px",fontWeight:"500",color:"#1e1e1e"}},(0,s.createElement)(w,{results:o,marksButtonActivatedResult:this.props.activeMarker,marksButtonStatus:this.props.marksButtonStatus,marksButtonClassName:this.props.marksButtonClassName,editButtonClassName:this.props.editButtonClassName,markButtonFactory:this.props.markButtonFactory,onMarksButtonClick:this.props.onMarkButtonClick,onEditButtonClick:this.props.onEditButtonClick,isPremium:this.props.isPremium,onResultChange:this.props.onResultChange,shouldUpsellHighlighting:this.props.shouldUpsellHighlighting,renderHighlightingUpsell:this.props.renderHighlightingUpsell}))}render(){const{problemsResults:e,improvementsResults:t,goodResults:o,considerationsResults:n,errorsResults:a,upsellResults:i,headingLevel:l,resultCategoryLabels:u}=this.props,d=a.length,g=e.length,m=t.length,p=n.length,c=o.length,h=i.length,k={errors:(0,r.__)("Errors","wordpress-seo"),problems:(0,r.__)("Problems","wordpress-seo"),improvements:(0,r.__)("Improvements","wordpress-seo"),considerations:(0,r.__)("Considerations","wordpress-seo"),goodResults:(0,r.__)("Good results","wordpress-seo")},B=Object.assign(k,u);return(0,s.createElement)(v,null,d>0&&this.renderCollapsible(B.errors,l,a),g+h>0&&this.renderCollapsible(B.problems,l,[...i,...e]),m>0&&this.renderCollapsible(B.improvements,l,t),p>0&&this.renderCollapsible(B.considerations,l,n),c>0&&this.renderCollapsible(B.goodResults,l,o))}}_.propTypes={onMarkButtonClick:l().func,onEditButtonClick:l().func,problemsResults:l().array,improvementsResults:l().array,goodResults:l().array,considerationsResults:l().array,errorsResults:l().array,upsellResults:l().array,headingLevel:l().number,marksButtonStatus:l().string,marksButtonClassName:l().string,markButtonFactory:l().func,editButtonClassName:l().string,activeMarker:l().string,isPremium:l().bool,resultCategoryLabels:l().shape({errors:l().string,problems:l().string,improvements:l().string,considerations:l().string,goodResults:l().string}),onResultChange:l().func,shouldUpsellHighlighting:l().bool,renderHighlightingUpsell:l().func},_.defaultProps={onMarkButtonClick:()=>{},onEditButtonClick:()=>{},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],upsellResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",markButtonFactory:null,editButtonClassName:"",activeMarker:"",isPremium:!1,resultCategoryLabels:{},onResultChange:()=>{},shouldUpsellHighlighting:!1,renderHighlightingUpsell:()=>{}};const M=_,S=a().div`
|
||||
`,H=a().p`
|
||||
font-size: 14px;
|
||||
`,P=t=>Object(r.createElement)(S,{className:t.className},Object(r.createElement)(H,{className:t.className+"__text"},t.seoAssessmentText),Object(r.createElement)(h.StackedProgressBar,{className:"progress",items:t.seoAssessmentItems,barHeight:t.barHeight}),Object(r.createElement)(h.ScoreAssessments,{className:"assessments",items:t.seoAssessmentItems}));P.propTypes={className:d.a.string,seoAssessmentText:d.a.string,seoAssessmentItems:d.a.arrayOf(d.a.shape({html:d.a.string.isRequired,value:d.a.number.isRequired,color:d.a.string.isRequired})),barHeight:d.a.string},P.defaultProps={className:"seo-assessment",seoAssessmentText:"SEO Assessment",seoAssessmentItems:null,barHeight:"24px"};var I=P},5:function(t,e){t.exports=window.yoast.styledComponents},6:function(t,e){t.exports=window.yoast.styleGuide},73:function(t,e){t.exports=window.lodash.noop},9:function(t,e){t.exports=window.yoast.componentsNew}});
|
||||
`,I=e=>(0,s.createElement)(S,{className:e.className},(0,s.createElement)(H,{className:`${e.className}__text`},e.seoAssessmentText),(0,s.createElement)(p.StackedProgressBar,{className:"progress",items:e.seoAssessmentItems,barHeight:e.barHeight}),(0,s.createElement)(p.ScoreAssessments,{className:"assessments",items:e.seoAssessmentItems}));I.propTypes={className:l().string,seoAssessmentText:l().string,seoAssessmentItems:l().arrayOf(l().shape({html:l().string.isRequired,value:l().number.isRequired,color:l().string.isRequired})),barHeight:l().string},I.defaultProps={className:"seo-assessment",seoAssessmentText:"SEO Assessment",seoAssessmentItems:null,barHeight:"24px"};const P=I;(window.yoast=window.yoast||{}).analysisReport=t})();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+210
-204
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
window.yoast=window.yoast||{},window.yoast.featureFlag=function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=216)}({216:function(e,t,n){"use strict";n.r(t),n.d(t,"isFeatureEnabled",(function(){return r})),n.d(t,"enableFeatures",(function(){return u})),n.d(t,"enabledFeatures",(function(){return o}));const r=function(e){return!!self.wpseoFeatureFlags&&self.wpseoFeatureFlags.includes(e)},u=function(e){self.wpseoFeatureFlags||(self.wpseoFeatureFlags=[]),e.forEach(e=>{self.wpseoFeatureFlags.includes(e)||self.wpseoFeatureFlags.push(e)})},o=function(){return self.wpseoFeatureFlags||[]}}});
|
||||
(()=>{"use strict";var e={d:(t,a)=>{for(var o in a)e.o(a,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:a[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{enableFeatures:()=>o,enabledFeatures:()=>r,isFeatureEnabled:()=>a});const a=function(e){return!!self.wpseoFeatureFlags&&self.wpseoFeatureFlags.includes(e)},o=function(e){self.wpseoFeatureFlags||(self.wpseoFeatureFlags=[]),e.forEach((e=>{self.wpseoFeatureFlags.includes(e)||self.wpseoFeatureFlags.push(e)}))},r=function(){return self.wpseoFeatureFlags||[]};(window.yoast=window.yoast||{}).featureFlag=t})();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
window.yoast=window.yoast||{},window.yoast.propTypes=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=321)}({321:function(e,t,r){e.exports=r(322)()},322:function(e,t,r){"use strict";var n=r(323);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,i,u){if(u!==n){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},323:function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}});
|
||||
(()=>{var e={2703:(e,r,t)=>{"use strict";var o=t(414);function n(){}function p(){}p.resetWarningCache=n,e.exports=function(){function e(e,r,t,n,p,s){if(s!==o){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function r(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:p,resetWarningCache:n};return t.PropTypes=t,t}},5697:(e,r,t)=>{e.exports=t(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}},r={},t=function t(o){var n=r[o];if(void 0!==n)return n.exports;var p=r[o]={exports:{}};return e[o](p,p.exports,t),p.exports}(5697);(window.yoast=window.yoast||{}).propTypes=t})();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+16
-16
File diff suppressed because one or more lines are too long
+86
-86
File diff suppressed because one or more lines are too long
+6
-6
@@ -1,23 +1,23 @@
|
||||
window.yoast=window.yoast||{},window.yoast.socialMetadataForms=function(e){var t={};function i(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(n,o,function(t){return e[t]}.bind(null,o));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=406)}({0:function(e,t){e.exports=window.yoast.propTypes},1:function(e,t){e.exports=window.wp.element},10:function(e,t){e.exports=window.yoast.helpers},18:function(e,t){e.exports=window.yoast.replacementVariableEditor},2:function(e,t){e.exports=window.lodash},20:function(e,t){e.exports=window.yoast.redux},3:function(e,t){e.exports=window.React},4:function(e,t){e.exports=window.wp.i18n},406:function(e,t,i){"use strict";i.r(t),i.d(t,"FACEBOOK_IMAGE_SIZES",(function(){return I})),i.d(t,"TWITTER_IMAGE_SIZES",(function(){return E})),i.d(t,"determineFacebookImageMode",(function(){return w})),i.d(t,"socialReducer",(function(){return R})),i.d(t,"SocialMetadataPreviewForm",(function(){return $})),i.d(t,"actions",(function(){return n})),i.d(t,"selectorsFactory",(function(){return v}));var n={};i.r(n),i.d(n,"SET_SOCIAL_TITLE",(function(){return o})),i.d(n,"SET_SOCIAL_DESCRIPTION",(function(){return r})),i.d(n,"SET_SOCIAL_IMAGE_URL",(function(){return a})),i.d(n,"SET_SOCIAL_IMAGE_TYPE",(function(){return c})),i.d(n,"SET_SOCIAL_IMAGE_ID",(function(){return s})),i.d(n,"SET_SOCIAL_IMAGE",(function(){return l})),i.d(n,"CLEAR_SOCIAL_IMAGE",(function(){return d})),i.d(n,"setSocialPreviewTitle",(function(){return u})),i.d(n,"setSocialPreviewDescription",(function(){return p})),i.d(n,"setSocialPreviewImageUrl",(function(){return m})),i.d(n,"setSocialPreviewImageType",(function(){return g})),i.d(n,"setSocialPreviewImageId",(function(){return h})),i.d(n,"setSocialPreviewImage",(function(){return f})),i.d(n,"clearSocialPreviewImage",(function(){return b}));const o="SET_SOCIAL_TITLE",r="SET_SOCIAL_DESCRIPTION",a="SET_SOCIAL_IMAGE_URL",c="SET_SOCIAL_IMAGE_TYPE",s="SET_SOCIAL_IMAGE_ID",l="SET_SOCIAL_IMAGE",d="CLEAR_SOCIAL_IMAGE",u=(e,t)=>({type:o,platform:t,title:e}),p=(e,t)=>({type:r,platform:t,description:e}),m=(e,t)=>({type:a,platform:t,imageUrl:e}),g=(e,t)=>({type:c,platform:t,imageType:e}),h=(e,t)=>({type:s,platform:t,imageId:e}),f=(e,t)=>({type:l,platform:t,image:e}),b=e=>({type:d,platform:e});var S=i(2),v=e=>{const t={getFacebookData:t=>Object(S.get)(t,e+".facebook",{}),getFacebookTitle:e=>t.getFacebookData(e).title,getFacebookDescription:e=>t.getFacebookData(e).description,getFacebookImageUrl:e=>t.getFacebookData(e).image.url,getFacebookImageType:e=>t.getFacebookData(e).image.type,getTwitterData:t=>Object(S.get)(t,e+".twitter",{}),getTwitterTitle:e=>t.getTwitterData(e).title,getTwitterDescription:e=>t.getTwitterData(e).description,getTwitterImageUrl:e=>t.getTwitterData(e).image.url,getTwitterImageType:e=>t.getTwitterData(e).image.type};return t};const E={squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},I={squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}};var w=function(e){const{largeThreshold:t}=I;return e.height>e.width?"portrait":e.width<t.width||e.height<t.height||e.height===e.width?"square":"landscape"},T=i(20);const y={title:"",description:"",warnings:[],image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};function _(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:y,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case o:return{...e,title:t.title};case r:return{...e,description:t.description};case l:return{...e,image:{...t.image}};case a:return{...e,image:{...e.image,url:t.imageUrl}};case c:return{...e,image:{...e.image,type:t.imageType}};case s:return{...e,image:{...e.image,id:t.imageId}};case d:return{...e,image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};default:return e}}function O(e,t){return(i,n)=>{const{platform:o}=n;return void 0===i?y:o!==t?i:e(i,n)}}var R=Object(T.combineReducers)({facebook:O(_,"facebook"),twitter:O(_,"twitter")}),A=i(1),C=i(4),j=i(10),P=i(18),x=i(6),M=i(0),D=i.n(M),L=i(3),k=i(5),F=i.n(k),H=i(9);const V=e=>e?x.colors.$color_snippet_focus:x.colors.$color_snippet_hover,q=F.a.div`
|
||||
(()=>{"use strict";var e={n:t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},d:(t,i)=>{for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{FACEBOOK_IMAGE_SIZES:()=>b,SocialMetadataPreviewForm:()=>W,TWITTER_IMAGE_SIZES:()=>I,actions:()=>i,determineFacebookImageMode:()=>v,selectorsFactory:()=>E,socialReducer:()=>R});var i={};e.r(i),e.d(i,{CLEAR_SOCIAL_IMAGE:()=>c,SET_SOCIAL_DESCRIPTION:()=>r,SET_SOCIAL_IMAGE:()=>l,SET_SOCIAL_IMAGE_ID:()=>s,SET_SOCIAL_IMAGE_TYPE:()=>a,SET_SOCIAL_IMAGE_URL:()=>n,SET_SOCIAL_TITLE:()=>o,clearSocialPreviewImage:()=>S,setSocialPreviewDescription:()=>p,setSocialPreviewImage:()=>h,setSocialPreviewImageId:()=>u,setSocialPreviewImageType:()=>g,setSocialPreviewImageUrl:()=>m,setSocialPreviewTitle:()=>d});const o="SET_SOCIAL_TITLE",r="SET_SOCIAL_DESCRIPTION",n="SET_SOCIAL_IMAGE_URL",a="SET_SOCIAL_IMAGE_TYPE",s="SET_SOCIAL_IMAGE_ID",l="SET_SOCIAL_IMAGE",c="CLEAR_SOCIAL_IMAGE",d=(e,t)=>({type:o,platform:t,title:e}),p=(e,t)=>({type:r,platform:t,description:e}),m=(e,t)=>({type:n,platform:t,imageUrl:e}),g=(e,t)=>({type:a,platform:t,imageType:e}),u=(e,t)=>({type:s,platform:t,imageId:e}),h=(e,t)=>({type:l,platform:t,image:e}),S=e=>({type:c,platform:e}),w=window.lodash,E=e=>{const t={getFacebookData:t=>(0,w.get)(t,`${e}.facebook`,{}),getFacebookTitle:e=>t.getFacebookData(e).title,getFacebookDescription:e=>t.getFacebookData(e).description,getFacebookImageUrl:e=>t.getFacebookData(e).image.url,getFacebookImageType:e=>t.getFacebookData(e).image.type,getTwitterData:t=>(0,w.get)(t,`${e}.twitter`,{}),getTwitterTitle:e=>t.getTwitterData(e).title,getTwitterDescription:e=>t.getTwitterData(e).description,getTwitterImageUrl:e=>t.getTwitterData(e).image.url,getTwitterImageType:e=>t.getTwitterData(e).image.type};return t},I={squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},b={squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},v=function(e){const{largeThreshold:t}=b;return e.height>e.width?"portrait":e.width<t.width||e.height<t.height||e.height===e.width?"square":"landscape"},T=window.yoast.redux,f={title:"",description:"",warnings:[],image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};function _(e=f,t){switch(t.type){case o:return{...e,title:t.title};case r:return{...e,description:t.description};case l:return{...e,image:{...t.image}};case n:return{...e,image:{...e.image,url:t.imageUrl}};case a:return{...e,image:{...e.image,type:t.imageType}};case s:return{...e,image:{...e.image,id:t.imageId}};case c:return{...e,image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};default:return e}}function y(e,t){return(i,o)=>{const{platform:r}=o;return void 0===i?f:r!==t?i:e(i,o)}}const R=(0,T.combineReducers)({facebook:y(_,"facebook"),twitter:y(_,"twitter")}),A=window.React,C=window.wp.i18n,P=window.yoast.helpers,M=window.yoast.replacementVariableEditor,D=window.yoast.styleGuide,L=window.yoast.propTypes;var O=e.n(L);const k=window.yoast.styledComponents;var F=e.n(k);const H=window.yoast.componentsNew,x=e=>e?D.colors.$color_snippet_focus:D.colors.$color_snippet_hover,V=F().div`
|
||||
position: relative;
|
||||
|
||||
${e=>!e.isPremium&&"\n\t\t.yoast-image-select__preview {\n\t\t\twidth: 130px;\n\t\t\tmin-height: 72px;\n\t\t\tmax-height: 130px;\n\t\t}\n\t"};
|
||||
`;q.propTypes={isPremium:D.a.bool},q.defaultProps={isPremium:!1};const G=F.a.div`
|
||||
`;V.propTypes={isPremium:O().bool},V.defaultProps={isPremium:!1};const q=F().div`
|
||||
display: ${e=>e.isActive||e.isHovered?"block":"none"};
|
||||
|
||||
::before {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
${Object(j.getDirectionalStyle)("left","right")}: -25px;
|
||||
${(0,P.getDirectionalStyle)("left","right")}: -25px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(
|
||||
${e=>Object(j.getDirectionalStyle)(Object(x.angleRight)(V(e.isActive)),Object(x.angleLeft)(V(e.isActive)))}
|
||||
${e=>(0,P.getDirectionalStyle)((0,D.angleRight)(x(e.isActive)),(0,D.angleLeft)(x(e.isActive)))}
|
||||
);
|
||||
color: ${e=>V(e.isActive)};
|
||||
color: ${e=>x(e.isActive)};
|
||||
background-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
content: "";
|
||||
}
|
||||
`;G.propTypes={isActive:D.a.bool,isHovered:D.a.bool},G.defaultProps={isActive:!1,isHovered:!1};const U=(W=H.ImageSelect,function e(t){e.propTypes={isActive:D.a.bool.isRequired,isHovered:D.a.bool.isRequired,isPremium:D.a.bool};const{isActive:i,isHovered:n,isPremium:o,...r}=t;return Object(A.createElement)(q,{isPremium:o},Object(A.createElement)(G,{isActive:i,isHovered:n}),Object(A.createElement)(W,r))});var W;class B extends L.Component{constructor(e){super(e),this.onImageEnter=e.onMouseHover.bind(this,"image"),this.onTitleEnter=e.onMouseHover.bind(this,"title"),this.onDescriptionEnter=e.onMouseHover.bind(this,"description"),this.onLeave=e.onMouseHover.bind(this,""),this.onImageSelectBlur=e.onSelect.bind(this,""),this.onSelectTitleEditor=this.onSelectEditor.bind(this,"title"),this.onSelectDescriptionEditor=this.onSelectEditor.bind(this,"description"),this.onDeselectEditor=this.onSelectEditor.bind(this,""),this.onTitleEditorRef=this.onSetEditorRef.bind(this,"title"),this.onDescriptionEditorRef=this.onSetEditorRef.bind(this,"description")}onSelectEditor(e){this.props.onSelect(e)}onSetEditorRef(e,t){this.props.setEditorRef(e,t)}render(){const{socialMediumName:e,onSelectImageClick:t,onRemoveImageClick:i,title:n,titleInputPlaceholder:o,description:r,descriptionInputPlaceholder:a,onTitleChange:c,onDescriptionChange:s,onReplacementVariableSearchChange:l,hoveredField:d,activeField:u,isPremium:p,replacementVariables:m,recommendedReplacementVariables:g,imageWarnings:h,imageUrl:f,imageAltText:b,idSuffix:S}=this.props,v=!!f,E=Object(C.sprintf)(Object(C.__)("%s image","wordpress-seo"),e),I=Object(C.sprintf)(Object(C.__)("%s title","wordpress-seo"),e),w=Object(C.sprintf)(Object(C.__)("%s description","wordpress-seo"),e),T=e.toLowerCase();return Object(A.createElement)(L.Fragment,null,Object(A.createElement)(U,{label:E,onClick:t,onRemoveImageClick:i,warnings:h,imageSelected:v,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave,isActive:"image"===u,isHovered:"image"===d,imageUrl:f,imageAltText:b,hasPreview:!p,imageUrlInputId:Object(j.join)([T,"url-input",S]),selectImageButtonId:Object(j.join)([T,"select-button",S]),replaceImageButtonId:Object(j.join)([T,"replace-button",S]),removeImageButtonId:Object(j.join)([T,"remove-button",S]),isPremium:p}),Object(A.createElement)(P.ReplacementVariableEditor,{onChange:c,content:n,placeholder:o,replacementVariables:m,recommendedReplacementVariables:g,type:"title",fieldId:Object(j.join)([T,"title-input",S]),label:I,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onSearchChange:l,isActive:"title"===u,isHovered:"title"===d,withCaret:!0,onFocus:this.onSelectTitleEditor,onBlur:this.onDeselectEditor,editorRef:this.onTitleEditorRef}),Object(A.createElement)(P.ReplacementVariableEditor,{onChange:s,content:r,placeholder:a,replacementVariables:m,recommendedReplacementVariables:g,type:"description",fieldId:Object(j.join)([T,"description-input",S]),label:w,onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onSearchChange:l,isActive:"description"===u,isHovered:"description"===d,withCaret:!0,onFocus:this.onSelectDescriptionEditor,onBlur:this.onDeselectEditor,editorRef:this.onDescriptionEditorRef}))}}B.propTypes={socialMediumName:D.a.oneOf(["Twitter","Social"]).isRequired,onSelectImageClick:D.a.func.isRequired,onRemoveImageClick:D.a.func.isRequired,title:D.a.string.isRequired,description:D.a.string.isRequired,onTitleChange:D.a.func.isRequired,onDescriptionChange:D.a.func.isRequired,onReplacementVariableSearchChange:D.a.func,isPremium:D.a.bool,hoveredField:D.a.string,activeField:D.a.string,onSelect:D.a.func,replacementVariables:P.replacementVariablesShape,recommendedReplacementVariables:D.a.arrayOf(D.a.string),imageWarnings:D.a.array,imageUrl:D.a.string,imageAltText:D.a.string,titleInputPlaceholder:D.a.string,descriptionInputPlaceholder:D.a.string,setEditorRef:D.a.func,onMouseHover:D.a.func,idSuffix:D.a.string},B.defaultProps={replacementVariables:[],recommendedReplacementVariables:[],imageWarnings:[],hoveredField:"",activeField:"",onSelect:()=>{},onReplacementVariableSearchChange:null,imageUrl:"",imageAltText:"",titleInputPlaceholder:"",descriptionInputPlaceholder:"",isPremium:!1,setEditorRef:()=>{},onMouseHover:()=>{},idSuffix:""};var $=B},5:function(e,t){e.exports=window.yoast.styledComponents},6:function(e,t){e.exports=window.yoast.styleGuide},9:function(e,t){e.exports=window.yoast.componentsNew}});
|
||||
`;q.propTypes={isActive:O().bool,isHovered:O().bool},q.defaultProps={isActive:!1,isHovered:!1};const G=(U=H.ImageSelect,function e(t){e.propTypes={isActive:O().bool.isRequired,isHovered:O().bool.isRequired,isPremium:O().bool};const{isActive:i,isHovered:o,isPremium:r,...n}=t;return(0,A.createElement)(V,{isPremium:r},(0,A.createElement)(q,{isActive:i,isHovered:o}),(0,A.createElement)(U,{...n}))});var U;class j extends A.Component{constructor(e){super(e),this.onImageEnter=e.onMouseHover.bind(this,"image"),this.onTitleEnter=e.onMouseHover.bind(this,"title"),this.onDescriptionEnter=e.onMouseHover.bind(this,"description"),this.onLeave=e.onMouseHover.bind(this,""),this.onImageSelectBlur=e.onSelect.bind(this,""),this.onSelectTitleEditor=this.onSelectEditor.bind(this,"title"),this.onSelectDescriptionEditor=this.onSelectEditor.bind(this,"description"),this.onDeselectEditor=this.onSelectEditor.bind(this,""),this.onTitleEditorRef=this.onSetEditorRef.bind(this,"title"),this.onDescriptionEditorRef=this.onSetEditorRef.bind(this,"description")}onSelectEditor(e){this.props.onSelect(e)}onSetEditorRef(e,t){this.props.setEditorRef(e,t)}render(){const{socialMediumName:e,onSelectImageClick:t,onRemoveImageClick:i,title:o,titleInputPlaceholder:r,description:n,descriptionInputPlaceholder:a,onTitleChange:s,onDescriptionChange:l,onReplacementVariableSearchChange:c,hoveredField:d,activeField:p,isPremium:m,replacementVariables:g,recommendedReplacementVariables:u,imageWarnings:h,imageUrl:S,imageAltText:w,idSuffix:E}=this.props,I=!!S,b="Twitter"===e?(0,C.__)("Twitter image","wordpress-seo"):(0,C.__)("Social image","wordpress-seo"),v="Twitter"===e?(0,C.__)("Twitter title","wordpress-seo"):(0,C.__)("Social title","wordpress-seo"),T="Twitter"===e?(0,C.__)("Twitter description","wordpress-seo"):(0,C.__)("Social description","wordpress-seo"),f=e.toLowerCase();return(0,A.createElement)(A.Fragment,null,(0,A.createElement)(G,{label:b,onClick:t,onRemoveImageClick:i,warnings:h,imageSelected:I,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave,isActive:"image"===p,isHovered:"image"===d,imageUrl:S,imageAltText:w,hasPreview:!m,imageUrlInputId:(0,P.join)([f,"url-input",E]),selectImageButtonId:(0,P.join)([f,"select-button",E]),replaceImageButtonId:(0,P.join)([f,"replace-button",E]),removeImageButtonId:(0,P.join)([f,"remove-button",E]),isPremium:m}),(0,A.createElement)(M.ReplacementVariableEditor,{onChange:s,content:o,placeholder:r,replacementVariables:g,recommendedReplacementVariables:u,type:"title",fieldId:(0,P.join)([f,"title-input",E]),label:v,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onSearchChange:c,isActive:"title"===p,isHovered:"title"===d,withCaret:!0,onFocus:this.onSelectTitleEditor,onBlur:this.onDeselectEditor,editorRef:this.onTitleEditorRef}),(0,A.createElement)(M.ReplacementVariableEditor,{onChange:l,content:n,placeholder:a,replacementVariables:g,recommendedReplacementVariables:u,type:"description",fieldId:(0,P.join)([f,"description-input",E]),label:T,onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onSearchChange:c,isActive:"description"===p,isHovered:"description"===d,withCaret:!0,onFocus:this.onSelectDescriptionEditor,onBlur:this.onDeselectEditor,editorRef:this.onDescriptionEditorRef}))}}j.propTypes={socialMediumName:O().oneOf(["Twitter","Social"]).isRequired,onSelectImageClick:O().func.isRequired,onRemoveImageClick:O().func.isRequired,title:O().string.isRequired,description:O().string.isRequired,onTitleChange:O().func.isRequired,onDescriptionChange:O().func.isRequired,onReplacementVariableSearchChange:O().func,isPremium:O().bool,hoveredField:O().string,activeField:O().string,onSelect:O().func,replacementVariables:M.replacementVariablesShape,recommendedReplacementVariables:O().arrayOf(O().string),imageWarnings:O().array,imageUrl:O().string,imageAltText:O().string,titleInputPlaceholder:O().string,descriptionInputPlaceholder:O().string,setEditorRef:O().func,onMouseHover:O().func,idSuffix:O().string},j.defaultProps={replacementVariables:[],recommendedReplacementVariables:[],imageWarnings:[],hoveredField:"",activeField:"",onSelect:()=>{},onReplacementVariableSearchChange:null,imageUrl:"",imageAltText:"",titleInputPlaceholder:"",descriptionInputPlaceholder:"",isPremium:!1,setEditorRef:()=>{},onMouseHover:()=>{},idSuffix:""};const W=j;(window.yoast=window.yoast||{}).socialMetadataForms=t})();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user