← All changes | js/dist/externals/socialMetadataForms.js +23 -1 18.6 → trunk View file →

		@@ -1 +1,23 @@
1		-window.yoast=window.yoast||{},window.yoast.socialMetadataForms=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=532)}({0:function(e,t){e.exports=window.yoast.propTypes},1:function(e,t){e.exports=window.wp.element},10:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports},11:function(e,t,n){var r=n(30);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&r(e,t)},e.exports.__esModule=!0,e.exports.default=e.exports},12:function(e,t,n){var r=n(24).default,o=n(14);e.exports=function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return o(e)},e.exports.__esModule=!0,e.exports.default=e.exports},13:function(e,t){e.exports=window.yoast.componentsNew},14:function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.__esModule=!0,e.exports.default=e.exports},15:function(e,t){e.exports=window.yoast.helpers},17:function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports},2:function(e,t){e.exports=window.lodash},23:function(e,t){e.exports=window.yoast.replacementVariableEditor},24:function(e,t){function n(t){return e.exports=n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},29:function(e,t,n){var r=n(75);e.exports=function(e,t){if(null==e)return{};var n,o,i=r(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)n=c[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i},e.exports.__esModule=!0,e.exports.default=e.exports},3:function(e,t){e.exports=window.wp.i18n},30:function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t,r)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},4:function(e,t){e.exports=window.React},5:function(e,t){e.exports=window.yoast.styledComponents},532:function(e,t,n){"use strict";n.r(t),n.d(t,"socialReducer",(function(){return R})),n.d(t,"SocialMetadataPreviewForm",(function(){return pe})),n.d(t,"actions",(function(){return r})),n.d(t,"selectorsFactory",(function(){return x}));var r={};n.r(r),n.d(r,"SET_SOCIAL_TITLE",(function(){return o})),n.d(r,"SET_SOCIAL_DESCRIPTION",(function(){return i})),n.d(r,"SET_SOCIAL_IMAGE_URL",(function(){return c})),n.d(r,"SET_SOCIAL_IMAGE_TYPE",(function(){return a})),n.d(r,"SET_SOCIAL_IMAGE_ID",(function(){return u})),n.d(r,"SET_SOCIAL_IMAGE",(function(){return l})),n.d(r,"CLEAR_SOCIAL_IMAGE",(function(){return s})),n.d(r,"setSocialPreviewTitle",(function(){return p})),n.d(r,"setSocialPreviewDescription",(function(){return f})),n.d(r,"setSocialPreviewImageUrl",(function(){return d})),n.d(r,"setSocialPreviewImageType",(function(){return b})),n.d(r,"setSocialPreviewImageId",(function(){return m})),n.d(r,"setSocialPreviewImage",(function(){return g})),n.d(r,"clearSocialPreviewImage",(function(){return y}));var o="SET_SOCIAL_TITLE",i="SET_SOCIAL_DESCRIPTION",c="SET_SOCIAL_IMAGE_URL",a="SET_SOCIAL_IMAGE_TYPE",u="SET_SOCIAL_IMAGE_ID",l="SET_SOCIAL_IMAGE",s="CLEAR_SOCIAL_IMAGE",p=function(e,t){return{type:o,platform:t,title:e}},f=function(e,t){return{type:i,platform:t,description:e}},d=function(e,t){return{type:c,platform:t,imageUrl:e}},b=function(e,t){return{type:a,platform:t,imageType:e}},m=function(e,t){return{type:u,platform:t,imageId:e}},g=function(e,t){return{type:l,platform:t,image:e}},y=function(e){return{type:s,platform:e}},v=n(2),x=function(e){var t={getFacebookData:function(t){return Object(v.get)(t,"".concat(e,".facebook"),{})},getFacebookTitle:function(e){return t.getFacebookData(e).title},getFacebookDescription:function(e){return t.getFacebookData(e).description},getFacebookImageUrl:function(e){return t.getFacebookData(e).image.url},getFacebookImageType:function(e){return t.getFacebookData(e).image.type},getTwitterData:function(t){return Object(v.get)(t,"".concat(e,".twitter"),{})},getTwitterTitle:function(e){return t.getTwitterData(e).title},getTwitterDescription:function(e){return t.getTwitterData(e).description},getTwitterImageUrl:function(e){return t.getTwitterData(e).image.url},getTwitterImageType:function(e){return t.getTwitterData(e).image.type}};return t},O=n(17),w=n.n(O),_=n(70);function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){w()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h={title:"",description:"",warnings:[],image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};function I(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case o:return S(S({},e),{},{title:t.title});case i:return S(S({},e),{},{description:t.description});case l:return S(S({},e),{},{image:S({},t.image)});case c:return S(S({},e),{},{image:S(S({},e.image),{},{url:t.imageUrl})});case a:return S(S({},e),{},{image:S(S({},e.image),{},{type:t.imageType})});case u:return S(S({},e),{},{image:S(S({},e.image),{},{id:t.imageId})});case s:return S(S({},e),{},{image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}});default:return e}}function j(e,t){return function(n,r){var o=r.platform;return void 0===n?h:o!==t?n:e(n,r)}}var T,P,R=Object(_.combineReducers)({facebook:j(I,"facebook"),twitter:j(I,"twitter")}),M=n(9),A=n.n(M),C=n(10),D=n.n(C),k=n(14),L=n.n(k),F=n(11),H=n.n(F),V=n(12),U=n.n(V),G=n(8),q=n.n(G),B=n(29),N=n.n(B),z=n(6),W=n.n(z),Y=n(1),$=n(3),J=n(15),K=n(23),Q=n(7),X=n(0),Z=n.n(X),ee=n(4),te=n(5),ne=n.n(te),re=n(13),oe=["isActive","isHovered"];var ie=function(e){return e?Q.colors.$color_snippet_focus:Q.colors.$color_snippet_hover},ce=ne.a.div(T||(T=W()(["\n\tposition: relative;"]))),ae=ne.a.div(P||(P=W()(["\n\tdisplay: ",";\n\n\t::before {\n\t\tposition: absolute;\n\t\ttop: -2px;\n\t\t",": -25px;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tbackground-image: url(\n\t\t","\n\t\t);\n\t\tcolor: ",';\n\t\tbackground-size: 24px;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tcontent: "";\n\t}\n'])),(function(e){return e.isActive||e.isHovered?"block":"none"}),Object(J.getDirectionalStyle)("left","right"),(function(e){return Object(J.getDirectionalStyle)(Object(Q.angleRight)(ie(e.isActive)),Object(Q.angleLeft)(ie(e.isActive)))}),(function(e){return ie(e.isActive)}));ae.propTypes={isActive:Z.a.bool,isHovered:Z.a.bool},ae.defaultProps={isActive:!1,isHovered:!1};var ue,le=(ue=re.ImageSelect,function e(t){e.propTypes={isActive:Z.a.bool.isRequired,isHovered:Z.a.bool.isRequired};var n=t.isActive,r=t.isHovered,o=N()(t,oe);return Object(Y.createElement)(ce,null,Object(Y.createElement)(ae,{isActive:n,isHovered:r}),Object(Y.createElement)(ue,o))}),se=function(e){H()(o,e);var t,n,r=(t=o,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=q()(t);if(n){var o=q()(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return U()(this,e)});function o(e){var t;return A()(this,o),(t=r.call(this,e)).onImageEnter=e.onMouseHover.bind(L()(t),"image"),t.onTitleEnter=e.onMouseHover.bind(L()(t),"title"),t.onDescriptionEnter=e.onMouseHover.bind(L()(t),"description"),t.onLeave=e.onMouseHover.bind(L()(t),""),t.onImageSelectBlur=e.onSelect.bind(L()(t),""),t.onSelectTitleEditor=t.onSelectEditor.bind(L()(t),"title"),t.onSelectDescriptionEditor=t.onSelectEditor.bind(L()(t),"description"),t.onDeselectEditor=t.onSelectEditor.bind(L()(t),""),t.onTitleEditorRef=t.onSetEditorRef.bind(L()(t),"title"),t.onDescriptionEditorRef=t.onSetEditorRef.bind(L()(t),"description"),t}return D()(o,[{key:"onSelectEditor",value:function(e){this.props.onSelect(e)}},{key:"onSetEditorRef",value:function(e,t){this.props.setEditorRef(e,t)}},{key:"render",value:function(){var e=this.props,t=e.socialMediumName,n=e.onSelectImageClick,r=e.onRemoveImageClick,o=e.title,i=e.titleInputPlaceholder,c=e.description,a=e.descriptionInputPlaceholder,u=e.onTitleChange,l=e.onDescriptionChange,s=e.hoveredField,p=e.activeField,f=e.isPremium,d=e.replacementVariables,b=e.recommendedReplacementVariables,m=e.imageWarnings,g=e.imageUrl,y=e.imageAltText,v=e.idSuffix,x=!!g,O=Object($.sprintf)(Object($.__)("%s image","wordpress-seo"),t),w=Object($.sprintf)(Object($.__)("%s title","wordpress-seo"),t),_=Object($.sprintf)(Object($.__)("%s description","wordpress-seo"),t),E=t.toLowerCase();return Object(Y.createElement)(ee.Fragment,null,Object(Y.createElement)(le,{label:O,onClick:n,onRemoveImageClick:r,warnings:m,imageSelected:x,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave,isActive:"image"===p,isHovered:"image"===s,imageUrl:g,imageAltText:y,hasPreview:!f,imageUrlInputId:Object(J.join)([E,"url-input",v]),selectImageButtonId:Object(J.join)([E,"select-button",v]),replaceImageButtonId:Object(J.join)([E,"replace-button",v]),removeImageButtonId:Object(J.join)([E,"remove-button",v])}),Object(Y.createElement)(K.ReplacementVariableEditor,{onChange:u,content:o,placeholder:i,replacementVariables:d,recommendedReplacementVariables:b,type:"title",fieldId:Object(J.join)([E,"title-input",v]),label:w,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,isActive:"title"===p,isHovered:"title"===s,withCaret:!0,onFocus:this.onSelectTitleEditor,onBlur:this.onDeselectEditor,editorRef:this.onTitleEditorRef}),Object(Y.createElement)(K.ReplacementVariableEditor,{onChange:l,content:c,placeholder:a,replacementVariables:d,recommendedReplacementVariables:b,type:"description",fieldId:Object(J.join)([E,"description-input",v]),label:_,onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,isActive:"description"===p,isHovered:"description"===s,withCaret:!0,onFocus:this.onSelectDescriptionEditor,onBlur:this.onDeselectEditor,editorRef:this.onDescriptionEditorRef}))}}]),o}(ee.Component);se.propTypes={socialMediumName:Z.a.oneOf(["Twitter","Facebook"]).isRequired,onSelectImageClick:Z.a.func.isRequired,onRemoveImageClick:Z.a.func.isRequired,title:Z.a.string.isRequired,description:Z.a.string.isRequired,onTitleChange:Z.a.func.isRequired,onDescriptionChange:Z.a.func.isRequired,isPremium:Z.a.bool,hoveredField:Z.a.string,activeField:Z.a.string,onSelect:Z.a.func,replacementVariables:K.replacementVariablesShape,recommendedReplacementVariables:Z.a.arrayOf(Z.a.string),imageWarnings:Z.a.array,imageUrl:Z.a.string,imageAltText:Z.a.string,titleInputPlaceholder:Z.a.string,descriptionInputPlaceholder:Z.a.string,setEditorRef:Z.a.func,onMouseHover:Z.a.func,idSuffix:Z.a.string},se.defaultProps={replacementVariables:[],recommendedReplacementVariables:[],imageWarnings:[],hoveredField:"",activeField:"",onSelect:function(){},imageUrl:"",imageAltText:"",titleInputPlaceholder:"",descriptionInputPlaceholder:"",isPremium:!1,setEditorRef:function(){},onMouseHover:function(){},idSuffix:""};var pe=se},6:function(e,t){e.exports=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))},e.exports.__esModule=!0,e.exports.default=e.exports},7:function(e,t){e.exports=window.yoast.styleGuide},70:function(e,t){e.exports=window.yoast.redux},75:function(e,t){e.exports=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o},e.exports.__esModule=!0,e.exports.default=e.exports},8:function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},9:function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}});
	1	+(()=>{"use strict";var e={13887(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(27723),o=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var i,r,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(i=t){if(i.has(e))return i.get(e);i.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?i(o,t,r):o[t]=e[t]);return o}(e)}(i(51609)),a=i(66087),n=i(45831);t.default=function({imageAltText:e="",hasPreview:t,usingFallback:i=!1,imageUrl:l="",defaultImageUrl:s="",warnings:d=[],onClick:c=a.noop,onRemoveImageClick:u=a.noop,isDisabled:p=!1,onMouseEnter:f=a.noop,onMouseLeave:g=a.noop,label:m,id:_}){const E=!1===i&&""!==l,S=l||s||"",I=d.length>0&&(E||i),h=(0,o.useCallback)(e=>{var t;null===(t=e.target.previousElementSibling)||void 0===t||t.focus(),u()},[u]);return o.default.createElement("div",{onMouseEnter:f,onMouseLeave:g},o.default.createElement(n.Root,null,o.default.createElement(n.ImageSelect,{label:m,imageUrl:S,selectButtonLabel:(0,r.__)("Select image","wordpress-seo"),replaceButtonLabel:(0,r.__)("Replace image","wordpress-seo"),onSelectImage:c,isDisabled:p,id:_},t&&o.default.createElement(n.ImageSelect.Preview,{imageAltText:e}),I&&o.default.createElement("div",{role:"alert",className:"yst-mt-4"},d.map((e,t)=>o.default.createElement(n.Alert,{key:`warning${t}`,variant:"warning"},e))),o.default.createElement(n.ImageSelect.Buttons,{removeLabel:(0,r.__)("Remove image","wordpress-seo"),onRemoveImage:h}))))}},15181(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"socialReducer",{enumerable:!0,get:function(){return o.default}});var r,o=(r=i(81867))&&r.__esModule?r:{default:r}},18495(e){e.exports=window.yoast.styleGuide},21522(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),t.withCaretStyle=t.default=void 0;var r=i(27723),o=p(i(13887)),a=i(53335),n=i(52547),l=i(18495),s=i(66087),d=p(i(71802)),c=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var i,r,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(i=t){if(i.has(e))return i.get(e);i.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?i(o,t,r):o[t]=e[t]);return o}(e)}(i(51609)),u=p(i(21679));function p(e){return e&&e.__esModule?e:{default:e}}const f=e=>e?l.colors.$color_snippet_focus:l.colors.$color_snippet_hover,g=u.default.div`
	2	+ position: relative;
	3	+ margin-top: 1.7em;
	4	+ margin-bottom: 1.7em;
	5	+`,m=u.default.div`
	6	+ display: ${e=>e.isActive||e.isHovered?"block":"none"};
	7	+
	8	+ ::before {
	9	+ position: absolute;
	10	+ top: -2px;
	11	+ ${(0,a.getDirectionalStyle)("left","right")}: -25px;
	12	+ width: 24px;
	13	+ height: 24px;
	14	+ background-image: url(
	15	+ ${e=>(0,a.getDirectionalStyle)((0,l.angleRight)(f(e.isActive)),(0,l.angleLeft)(f(e.isActive)))}
	16	+ );
	17	+ color: ${e=>f(e.isActive)};
	18	+ background-size: 24px;
	19	+ background-repeat: no-repeat;
	20	+ background-position: center;
	21	+ content: "";
	22	+ }
	23	+`;m.propTypes={isActive:d.default.bool,isHovered:d.default.bool},m.defaultProps={isActive:!1,isHovered:!1};const _=e=>{function t({isActive:t,isHovered:i,...r}){return c.default.createElement(g,null,c.default.createElement(m,{isActive:t,isHovered:i}),c.default.createElement(e,r))}return t.propTypes={isActive:d.default.bool.isRequired,isHovered:d.default.bool.isRequired},t};t.withCaretStyle=_;const E=_(o.default);class S extends c.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)}getFieldsTitles(e){return"Twitter"===e?{imageSelectTitle:(0,r.__)("Twitter image","wordpress-seo"),titleEditorTitle:(0,r.__)("Twitter title","wordpress-seo"),descEditorTitle:(0,r.__)("Twitter description","wordpress-seo")}:"X"===e?{imageSelectTitle:(0,r.__)("X image","wordpress-seo"),titleEditorTitle:(0,r.__)("X title","wordpress-seo"),descEditorTitle:(0,r.__)("X description","wordpress-seo")}:{imageSelectTitle:(0,r.__)("Social image","wordpress-seo"),titleEditorTitle:(0,r.__)("Social title","wordpress-seo"),descEditorTitle:(0,r.__)("Social description","wordpress-seo")}}render(){const{socialMediumName:e,onSelectImageClick:t,onRemoveImageClick:i,title:r,titleInputPlaceholder:o,description:l,descriptionInputPlaceholder:s,onTitleChange:d,onDescriptionChange:u,onReplacementVariableSearchChange:p,hoveredField:f,activeField:g,isPremium:m,replacementVariables:_,recommendedReplacementVariables:S,imageWarnings:I,imageUrl:h,imageFallbackUrl:v,imageAltText:T,idSuffix:b}=this.props,w=this.getFieldsTitles(e),A=!!h,y=w.imageSelectTitle,M=w.titleEditorTitle,O=w.descEditorTitle,C=e.toLowerCase();return c.default.createElement(c.Fragment,null,c.default.createElement(E,{label:y,onClick:t,onRemoveImageClick:i,warnings:I,imageSelected:A,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave,isActive:"image"===g,isHovered:"image"===f,imageUrl:h,usingFallback:!h&&""!==v,imageAltText:T,hasPreview:!m,id:(0,a.join)([C,"image-select",b])}),c.default.createElement(n.ReplacementVariableEditor,{onChange:d,content:r,placeholder:o,replacementVariables:_,recommendedReplacementVariables:S,type:"title",fieldId:(0,a.join)([C,"title-input",b]),label:M,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onSearchChange:p,isActive:"title"===g,isHovered:"title"===f,withCaret:!0,onFocus:this.onSelectTitleEditor,onBlur:this.onDeselectEditor,editorRef:this.onTitleEditorRef}),c.default.createElement(n.ReplacementVariableEditor,{onChange:u,content:l,placeholder:s,replacementVariables:_,recommendedReplacementVariables:S,type:"description",fieldId:(0,a.join)([C,"description-input",b]),label:O,onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onSearchChange:p,isActive:"description"===g,isHovered:"description"===f,withCaret:!0,onFocus:this.onSelectDescriptionEditor,onBlur:this.onDeselectEditor,editorRef:this.onDescriptionEditorRef}))}}S.propTypes={socialMediumName:d.default.oneOf(["Twitter","X","Social"]).isRequired,onSelectImageClick:d.default.func.isRequired,onRemoveImageClick:d.default.func.isRequired,title:d.default.string.isRequired,description:d.default.string.isRequired,onTitleChange:d.default.func.isRequired,onDescriptionChange:d.default.func.isRequired,onReplacementVariableSearchChange:d.default.func,isPremium:d.default.bool,hoveredField:d.default.string,activeField:d.default.string,onSelect:d.default.func,replacementVariables:n.replacementVariablesShape,recommendedReplacementVariables:d.default.arrayOf(d.default.string),imageWarnings:d.default.array,imageUrl:d.default.string,imageFallbackUrl:d.default.string,imageAltText:d.default.string,titleInputPlaceholder:d.default.string,descriptionInputPlaceholder:d.default.string,setEditorRef:d.default.func,onMouseHover:d.default.func,idSuffix:d.default.string},S.defaultProps={replacementVariables:[],recommendedReplacementVariables:[],imageWarnings:[],hoveredField:"",activeField:"",onSelect:s.noop,onReplacementVariableSearchChange:null,imageUrl:"",imageFallbackUrl:"",imageAltText:"",titleInputPlaceholder:"",descriptionInputPlaceholder:"",isPremium:!1,setEditorRef:s.noop,onMouseHover:s.noop,idSuffix:""},t.default=S},21679(e){e.exports=window.yoast.styledComponents},27482(e){e.exports=window.yoast.redux},27723(e){e.exports=window.wp.i18n},34115(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(36099);t.default=function(e){const{largeThreshold:t}=r.FACEBOOK_IMAGE_SIZES;return e.height>e.width?"portrait":e.width<t.width||e.height<t.height||e.height===e.width?"square":"landscape"}},36099(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.TWITTER_IMAGE_SIZES=t.FACEBOOK_IMAGE_SIZES=void 0,t.TWITTER_IMAGE_SIZES={squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},t.FACEBOOK_IMAGE_SIZES={squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}}},45831(e){e.exports=window.yoast.uiLibrary},51609(e){e.exports=window.React},52547(e){e.exports=window.yoast.replacementVariableEditor},53335(e){e.exports=window.yoast.helpers},66087(e){e.exports=window.lodash},71802(e){e.exports=window.yoast.propTypes},79050(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.setSocialPreviewTitle=t.setSocialPreviewImageUrl=t.setSocialPreviewImageType=t.setSocialPreviewImageId=t.setSocialPreviewImage=t.setSocialPreviewDescription=t.clearSocialPreviewImage=t.SET_SOCIAL_TITLE=t.SET_SOCIAL_IMAGE_URL=t.SET_SOCIAL_IMAGE_TYPE=t.SET_SOCIAL_IMAGE_ID=t.SET_SOCIAL_IMAGE=t.SET_SOCIAL_DESCRIPTION=t.CLEAR_SOCIAL_IMAGE=void 0;const i=t.SET_SOCIAL_TITLE="SET_SOCIAL_TITLE",r=t.SET_SOCIAL_DESCRIPTION="SET_SOCIAL_DESCRIPTION",o=t.SET_SOCIAL_IMAGE_URL="SET_SOCIAL_IMAGE_URL",a=t.SET_SOCIAL_IMAGE_TYPE="SET_SOCIAL_IMAGE_TYPE",n=t.SET_SOCIAL_IMAGE_ID="SET_SOCIAL_IMAGE_ID",l=t.SET_SOCIAL_IMAGE="SET_SOCIAL_IMAGE",s=t.CLEAR_SOCIAL_IMAGE="CLEAR_SOCIAL_IMAGE";t.setSocialPreviewTitle=(e,t)=>({type:i,platform:t,title:e}),t.setSocialPreviewDescription=(e,t)=>({type:r,platform:t,description:e}),t.setSocialPreviewImageUrl=(e,t)=>({type:o,platform:t,imageUrl:e}),t.setSocialPreviewImageType=(e,t)=>({type:a,platform:t,imageType:e}),t.setSocialPreviewImageId=(e,t)=>({type:n,platform:t,imageId:e}),t.setSocialPreviewImage=(e,t)=>({type:l,platform:t,image:e}),t.clearSocialPreviewImage=e=>({type:s,platform:e})},81867(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(27482),o=i(79050);const a={title:"",description:"",warnings:[],image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};function n(e=a,t){switch(t.type){case o.SET_SOCIAL_TITLE:return{...e,title:t.title};case o.SET_SOCIAL_DESCRIPTION:return{...e,description:t.description};case o.SET_SOCIAL_IMAGE:return{...e,image:{...t.image}};case o.SET_SOCIAL_IMAGE_URL:return{...e,image:{...e.image,url:t.imageUrl}};case o.SET_SOCIAL_IMAGE_TYPE:return{...e,image:{...e.image,type:t.imageType}};case o.SET_SOCIAL_IMAGE_ID:return{...e,image:{...e.image,id:t.imageId}};case o.CLEAR_SOCIAL_IMAGE:return{...e,image:{bytes:null,type:null,height:null,width:null,url:"",id:null,alt:""}};default:return e}}function l(e,t){return(i,r)=>{const{platform:o}=r;return void 0===i?a:o!==t?i:e(i,r)}}const s=(0,r.combineReducers)({facebook:l(n,"facebook"),twitter:l(n,"twitter")});t.default=s},92902(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(66087);t.default=e=>{const t={getFacebookData:t=>(0,r.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,r.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}}},t={};function i(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,i),a.exports}var r={};(()=>{var e=r;Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"FACEBOOK_IMAGE_SIZES",{enumerable:!0,get:function(){return a.FACEBOOK_IMAGE_SIZES}}),Object.defineProperty(e,"SocialMetadataPreviewForm",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(e,"TWITTER_IMAGE_SIZES",{enumerable:!0,get:function(){return a.TWITTER_IMAGE_SIZES}}),e.actions=void 0,Object.defineProperty(e,"determineFacebookImageMode",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(e,"selectorsFactory",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(e,"socialReducer",{enumerable:!0,get:function(){return l.socialReducer}});var t=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var i,r,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(i=t){if(i.has(e))return i.get(e);i.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?i(o,t,r):o[t]=e[t]);return o}(e)}(i(79050));e.actions=t;var o=d(i(92902)),a=i(36099),n=d(i(34115)),l=i(15181),s=d(i(21522));function d(e){return e&&e.__esModule?e:{default:e}}})(),(window.yoast=window.yoast||{}).socialMetadataForms=r})();