1 line
26 KiB
JavaScript
1 line
26 KiB
JavaScript
!function(e){var t={};function i(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=t,i.d=function(e,t,o){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(o,a,function(t){return e[t]}.bind(null,a));return o},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=10)}([function(e,t){e.exports=window.yoast.styledComponents},function(e,t){e.exports=React},function(e,t){e.exports=window.yoast.propTypes},function(e,t){e.exports=window.yoast.socialMetadataForms},function(e,t){e.exports=window.lodash},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(1),a=p(o),r=p(i(2)),n=p(i(0)),s=p(i(12)),l=p(i(13)),d=i(15),c=p(d),u=p(i(16));function p(e){return e&&e.__esModule?e:{default:e}}const h=e=>{switch(e){case"landscape":return"527px";case"square":case"portrait":return"369px";default:return"476px"}},f=n.default.div.withConfig({displayName:"FacebookPreview__FacebookPreviewWrapper",componentId:"sc-1nwbyjh-0"})(["box-sizing:border-box;display:flex;flex-direction:",";background-color:#f2f3f5;max-width:527px;"],e=>"landscape"===e.mode?"column":"row"),m=n.default.div.withConfig({displayName:"FacebookPreview__FacebookTextWrapper",componentId:"sc-1nwbyjh-1"})(["box-sizing:border-box;background-color:#f2f3f5;margin:0;padding:10px 12px;position:relative;border-bottom:",";border-top:",";border-right:",";border:",";display:flex;flex-direction:column;flex-grow:1;justify-content:",";font-size:12px;overflow:hidden;"],e=>"landscape"===e.mode?"":"1px solid #dddfe2",e=>"landscape"===e.mode?"":"1px solid #dddfe2",e=>"landscape"===e.mode?"":"1px solid #dddfe2",e=>"landscape"===e.mode?"1px solid #dddfe2":"",e=>"landscape"===e.mode?"flex-start":"center");class g extends o.Component{constructor(e){super(e),this.state={imageMode:null,maxLineCount:0,descriptionLineCount:0},this.facebookTitleRef=a.default.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/d.facebookTitleLineHeight}maybeSetMaxLineCount(){var e=this.state;const t=e.imageMode,i=e.maxLineCount,o="landscape"===t?2:5;o!==i&&this.setState({maxLineCount:o})}maybeSetDescriptionLineCount(){var e=this.state;const t=e.descriptionLineCount,i=e.maxLineCount,o=e.imageMode,a=this.getTitleLineCount();let r=i-a;"portrait"===o&&(r=5===a?0:4),r!==t&&this.setState({descriptionLineCount:r})}componentDidUpdate(){this.maybeSetMaxLineCount(),this.maybeSetDescriptionLineCount()}render(){var e=this.state;const t=e.imageMode,i=e.maxLineCount,o=e.descriptionLineCount;return a.default.createElement(f,{id:"facebookPreview",mode:t},a.default.createElement(l.default,{src:this.props.imageUrl||this.props.imageFallbackUrl,alt:this.props.alt,onImageLoaded:this.onImageLoaded,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),a.default.createElement(m,{mode:t},a.default.createElement(s.default,{siteUrl:this.props.siteUrl,mode:t}),a.default.createElement(c.default,{ref:this.facebookTitleRef,onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle,lineCount:i},this.props.title),o>0&&a.default.createElement(u.default,{maxWidth:h(t),onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription,lineCount:o},this.props.description)))}}g.propTypes={siteUrl:r.default.string.isRequired,title:r.default.string.isRequired,description:r.default.string,imageUrl:r.default.string,imageFallbackUrl:r.default.string,alt:r.default.string,onSelect:r.default.func,onImageClick:r.default.func,onMouseHover:r.default.func},g.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{}},t.default=g},function(e,t){e.exports=window.wp.i18n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SocialImage=void 0;var o=n(i(2)),a=n(i(1)),r=n(i(0));function n(e){return e&&e.__esModule?e:{default:e}}const s=r.default.img.withConfig({displayName:"SocialImage__StyledImage",componentId:"sc-1m76ywa-0"})(["&&{max-width:","px;height:","px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none;}"],e=>e.width,e=>e.height),l=r.default.img.withConfig({displayName:"SocialImage__StyledLandscapeImage",componentId:"sc-1m76ywa-1"})(["&&{height:100%;position:absolute;width:100%;object-fit:cover;}"]),d=r.default.div.withConfig({displayName:"SocialImage__WrapperDiv",componentId:"sc-1m76ywa-2"})(["padding-bottom:","%;"],e=>e.aspectRatio),c=t.SocialImage=(e=>{const t=e.imageProps,i=e.width,o=e.height;return"landscape"===e.imageMode?a.default.createElement(d,{aspectRatio:t.aspectRatio},a.default.createElement(l,{src:t.src,alt:t.alt})):a.default.createElement(s,{src:t.src,alt:t.alt,width:i,height:o,imageProperties:t})});c.propTypes={imageProps:o.default.shape({src:o.default.string.isRequired,alt:o.default.string.isRequired,aspectRatio:o.default.number.isRequired}).isRequired,width:o.default.number.isRequired,height:o.default.number.isRequired,imageMode:o.default.string},c.defaultProps={imageMode:"landscape"}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.retrieveExpectedDimensions=a,t.calculateImageRatios=r,t.calculateLargestDimensions=n,t.calculateImageDimensions=s,t.determineImageProperties=l,t.handleImage=async function(e,t,i=!1){try{const o=await l(e,t,i);return{imageProperties:o,status:"loaded"}}catch(e){return{imageProperties:null,status:"errored"}}};var o=i(3);function a(e){return"Twitter"===e?o.TWITTER_IMAGE_SIZES:o.FACEBOOK_IMAGE_SIZES}function r(e,t,i){return"landscape"===i?{widthRatio:t.width/e.landscapeWidth,heightRatio:t.height/e.landscapeHeight}:"portrait"===i?{widthRatio:t.width/e.portraitWidth,heightRatio:t.height/e.portraitHeight}:{widthRatio:t.width/e.squareWidth,heightRatio:t.height/e.squareHeight}}function n(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)}}function s(e,t,i){if("square"===i){if(t.width===t.height)return{width:e.squareWidth,height:e.squareHeight};return n(t,r(e,t,i))}return n(t,r(e,t,i))}async function l(e,t,i=!1){const r=await function(e){return new Promise((t,i)=>{const o=new Image;o.onload=(()=>{t({width:o.width,height:o.height})}),o.onerror=i,o.src=e})}(e);let n=i?"landscape":"square";"Facebook"===t&&(n=(0,o.determineFacebookImageMode)(r));const l=s(a(t),r,n);return{mode:n,height:l.height,width:l.width}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(1),a=p(o),r=p(i(2)),n=p(i(0)),s=p(i(17)),l=p(i(18)),d=p(i(19)),c=p(i(20)),u=p(i(21));function p(e){return e&&e.__esModule?e:{default:e}}const h=n.default.div.withConfig({displayName:"TwitterPreview__TwitterPreviewWrapper",componentId:"sc-16lhv3o-0"})(['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);}']),f=(0,n.default)(h).withConfig({displayName:"TwitterPreview__LargeTwitterPreviewWrapper",componentId:"sc-16lhv3o-1"})(["flex-direction:column;max-height:370px;"]),m=(0,n.default)(h).withConfig({displayName:"TwitterPreview__SmallTwitterPreviewWrapper",componentId:"sc-16lhv3o-2"})(["flex-direction:row;height:125px;"]);class g extends o.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(){var e=this.props;const t=e.isLarge,i=e.imageUrl,o=e.imageFallbackUrl,r=e.alt,n=e.title,p=e.description,h=e.siteUrl,g=t?f:m;return a.default.createElement(g,{id:"twitterPreview"},a.default.createElement(l.default,{src:i||o,alt:r,isLarge:t,onImageClick:this.props.onImageClick,onMouseEnter:this.onImageEnter,onMouseLeave:this.onLeave}),a.default.createElement(d.default,null,a.default.createElement(s.default,{siteUrl:h}),a.default.createElement(c.default,{onMouseEnter:this.onTitleEnter,onMouseLeave:this.onLeave,onClick:this.onSelectTitle},n),a.default.createElement(u.default,{onMouseEnter:this.onDescriptionEnter,onMouseLeave:this.onLeave,onClick:this.onSelectDescription},p)))}}g.propTypes={siteUrl:r.default.string.isRequired,title:r.default.string.isRequired,description:r.default.string,isLarge:r.default.bool,imageUrl:r.default.string,imageFallbackUrl:r.default.string,alt:r.default.string,onSelect:r.default.func,onImageClick:r.default.func,onMouseHover:r.default.func},g.defaultProps={description:"",alt:"",imageUrl:"",imageFallbackUrl:"",onSelect:()=>{},onImageClick:()=>{},onMouseHover:()=>{},isLarge:!0},t.default=g},function(e,t,i){"use strict";window.yoast=window.yoast||{},window.yoast.socialMetadataPreviews=i(11)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(5);Object.defineProperty(t,"FacebookPreview",{enumerable:!0,get:function(){return s(o).default}});var a=i(9);Object.defineProperty(t,"TwitterPreview",{enumerable:!0,get:function(){return s(a).default}});var r=i(22);Object.defineProperty(t,"SocialPreviewEditor",{enumerable:!0,get:function(){return s(r).default}});var n=i(25);function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"TWITTER_IMAGE_SIZES",{enumerable:!0,get:function(){return n.TWITTER_IMAGE_SIZES}}),Object.defineProperty(t,"FACEBOOK_IMAGE_SIZES",{enumerable:!0,get:function(){return n.FACEBOOK_IMAGE_SIZES}}),Object.defineProperty(t,"determineFacebookImageMode",{enumerable:!0,get:function(){return n.determineFacebookImageMode}})},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(1),a=s(o),r=s(i(0)),n=s(i(2));function s(e){return e&&e.__esModule?e:{default:e}}const l=r.default.p.withConfig({displayName:"FacebookSiteUrl__FacebookSiteUrlWrapper",componentId:"sc-109exs2-0"})(["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"),d=e=>{const t=e.siteUrl;return a.default.createElement(o.Fragment,null,a.default.createElement("span",{className:"screen-reader-text"},t),a.default.createElement(l,{"aria-hidden":"true"},a.default.createElement("span",null,t)))};d.propTypes={siteUrl:n.default.string.isRequired},t.default=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(1),a=h(o),r=h(i(0)),n=h(i(2)),s=i(6),l=i(4),d=i(3),c=i(14),u=i(7),p=i(8);function h(e){return e&&e.__esModule?e:{default:e}}const f=r.default.div.withConfig({displayName:"FacebookImage__FacebookImageContainer",componentId:"sc-n8g3py-0"})(["position:relative;",";overflow:hidden;background-color:",";"],e=>"landscape"===e.mode?`max-width: ${e.dimensions.width}`:`min-width: ${e.dimensions.width}; height: ${e.dimensions.height}`,c.colors.$color_white),m=r.default.div.withConfig({displayName:"FacebookImage__PlaceholderImage",componentId:"sc-n8g3py-1"})(["box-sizing:border-box;max-width:","px;height:","px;background-color:",";border-style:dashed;border-width:1px;color:#006DAC;background-color:#f1f1f1;display:flex;justify-content:center;align-items:center;text-decoration:underline;font-size:14px;cursor:pointer;"],d.FACEBOOK_IMAGE_SIZES.landscapeWidth,d.FACEBOOK_IMAGE_SIZES.landscapeHeight,c.colors.$color_grey);class g extends o.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(0,p.handleImage)(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:d.FACEBOOK_IMAGE_SIZES.squareHeight+"px",width:d.FACEBOOK_IMAGE_SIZES.squareWidth+"px"};case"portrait":return{height:d.FACEBOOK_IMAGE_SIZES.portraitHeight+"px",width:d.FACEBOOK_IMAGE_SIZES.portraitWidth+"px"};case"landscape":return{height:d.FACEBOOK_IMAGE_SIZES.landscapeHeight+"px",width:d.FACEBOOK_IMAGE_SIZES.landscapeWidth+"px"}}}render(){var e=this.state;const t=e.imageProperties,i=e.status;if("loading"===i||""===this.props.src||"errored"===i)return a.default.createElement(m,{onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},(0,s.__)("Select image","wordpress-seo"));const o=this.retrieveContainerDimensions(t.mode);return a.default.createElement(f,{mode:t.mode,dimensions:o,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,onClick:this.props.onImageClick},a.default.createElement(u.SocialImage,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:d.FACEBOOK_IMAGE_SIZES.aspectRatio},width:t.width,height:t.height,imageMode:t.mode}))}}g.propTypes={src:n.default.string,alt:n.default.string,onImageLoaded:n.default.func,onImageClick:n.default.func,onMouseEnter:n.default.func,onMouseLeave:n.default.func},g.defaultProps={src:"",alt:"",onImageLoaded:l.noop,onImageClick:l.noop,onMouseEnter:l.noop,onMouseLeave:l.noop},t.default=g},function(e,t){e.exports=window.yoast.styleGuide},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.facebookTitleLineHeight=void 0;var o=function(e){return e&&e.__esModule?e:{default:e}}(i(0));const a=t.facebookTitleLineHeight=20,r=o.default.span.withConfig({displayName:"FacebookTitle",componentId:"sc-1cm5c6b-0"})(["line-height:","px;min-height:","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:",";-webkit-box-orient:vertical;overflow:hidden;"],a,a,e=>e.lineCount);t.default=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const o=function(e){return e&&e.__esModule?e:{default:e}}(i(0)).default.p.withConfig({displayName:"FacebookDescription",componentId:"sc-ulm5bh-0"})(["line-height:","px;min-height:","px;color:#606770;font-size:14px;padding:0;text-overflow:ellipsis;margin:3px 0 0 0;display:-webkit-box;cursor:pointer;-webkit-line-clamp:",";-webkit-box-orient:vertical;overflow:hidden;@media all and ( max-width:"," ){display:none;}"],16,16,e=>e.lineCount,e=>e.maxWidth);t.default=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(i(1)),a=n(i(0)),r=n(i(2));function n(e){return e&&e.__esModule?e:{default:e}}const s=a.default.div.withConfig({displayName:"TwitterSiteUrl__TwitterSiteUrlWrapper",componentId:"sc-y2m51b-0"})(["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;"]),l=e=>o.default.createElement(s,null,o.default.createElement("span",null,e.siteUrl));l.propTypes={siteUrl:r.default.string.isRequired},t.default=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(6),a=i(3),r=i(4),n=u(i(2)),s=u(i(1)),l=u(i(0)),d=i(8),c=i(7);function u(e){return e&&e.__esModule?e:{default:e}}const p=(e,t=!0)=>e?`\n\t\t\tmax-width: ${a.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: ${a.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`,h=l.default.div.withConfig({displayName:"TwitterImage__TwitterImageContainer",componentId:"sc-y3dnut-0"})(["position:relative;box-sizing:content-box;overflow:hidden;background-color:#e1e8ed;flex-shrink:0;",""],e=>p(e.isLarge)),f=l.default.div.withConfig({displayName:"TwitterImage__BaseImage",componentId:"sc-y3dnut-1"})(["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=>p(e.isLarge,!1)),m=(0,l.default)(f).withConfig({displayName:"TwitterImage__PlaceholderImage",componentId:"sc-y3dnut-2"})([""," border-top-left-radius:14px;",":14px;border-style:dashed;border-width:1px;color:#006DAC;background-color:#f1f1f1;text-decoration:underline;font-size:14px;cursor:pointer;"],e=>e.isLarge&&`height: ${a.TWITTER_IMAGE_SIZES.landscapeHeight}px;`,e=>e.isLarge?"border-top-right-radius":"border-bottom-left-radius");class g extends s.default.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(0,d.handleImage)(this.props.src,this.socialMedium,this.props.isLarge);this.setState(e)}componentDidUpdate(e){e.src!==this.props.src&&this.handleTwitterImage()}componentDidMount(){this.handleTwitterImage()}render(){var e=this.state;const t=e.status,i=e.imageProperties;return"loading"===t||""===this.props.src||"errored"===t?s.default.createElement(m,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},(0,o.__)("Select image","wordpress-seo")):s.default.createElement(h,{isLarge:this.props.isLarge,onClick:this.props.onImageClick,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},s.default.createElement(c.SocialImage,{imageProps:{src:this.props.src,alt:this.props.alt,aspectRatio:a.TWITTER_IMAGE_SIZES.aspectRatio},width:i.width,height:i.height,imageMode:i.mode}))}}t.default=g,g.propTypes={isLarge:n.default.bool.isRequired,src:n.default.string,alt:n.default.string,onImageClick:n.default.func,onMouseEnter:n.default.func,onMouseLeave:n.default.func},g.defaultProps={src:"",alt:"",onMouseEnter:r.noop,onImageClick:r.noop,onMouseLeave:r.noop}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(i(1)),a=n(i(0)),r=n(i(2));function n(e){return e&&e.__esModule?e:{default:e}}const s=a.default.div.withConfig({displayName:"TwitterTextWrapper__Wrapper",componentId:"sc-nrtc3w-0"})(["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;}"]),l=e=>o.default.createElement(s,null,e.children);l.propTypes={children:r.default.array.isRequired},t.default=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const o=function(e){return e&&e.__esModule?e:{default:e}}(i(0)).default.p.withConfig({displayName:"TwitterTitle",componentId:"sc-2h4g0v-0"})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:rgb(15,20,25);cursor:pointer;"]);t.default=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(3);const a=function(e){return e&&e.__esModule?e:{default:e}}(i(0)).default.p.withConfig({displayName:"TwitterDescription",componentId:"sc-1kv12fr-0"})(["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:","px ){display:none;}"],o.TWITTER_IMAGE_SIZES.landscapeWidth);t.default=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=i(23),a=i(1),r=u(a),n=u(i(2)),s=i(3),l=u(i(5)),d=u(i(9)),c=i(24);function u(e){return e&&e.__esModule?e:{default:e}}class p extends a.Component{constructor(e){super(e),this.state={activeField:"",hoveredField:""},this.SocialPreview="Social"===e.socialMediumName?l.default:d.default,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(){var e=this.props;const t=e.onDescriptionChange,i=e.onTitleChange,a=e.onSelectImageClick,n=e.onRemoveImageClick,l=e.socialMediumName,d=e.imageWarnings,c=e.siteUrl,u=e.description,p=e.descriptionInputPlaceholder,h=e.descriptionPreviewFallback,f=e.imageUrl,m=e.imageFallbackUrl,g=e.alt,b=e.title,w=e.titleInputPlaceholder,v=e.titlePreviewFallback,I=e.replacementVariables,E=e.recommendedReplacementVariables,x=e.applyReplacementVariables,_=e.onReplacementVariableSearchChange,M=e.isPremium,y=e.isLarge,S=e.socialPreviewLabel,C=e.idSuffix,k=e.activeMetaTabId,T=x({title:b||v,description:u||h});return r.default.createElement(r.default.Fragment,null,S&&r.default.createElement(o.SimulatedLabel,null,S),r.default.createElement(this.SocialPreview,{onMouseHover:this.setHoveredField,onSelect:this.setActiveField,onImageClick:a,siteUrl:c,title:T.title,description:T.description,imageUrl:f,imageFallbackUrl:m,alt:g,isLarge:y,activeMetaTabId:k}),r.default.createElement(s.SocialMetadataPreviewForm,{onDescriptionChange:t,socialMediumName:l,title:b,titleInputPlaceholder:w,onRemoveImageClick:n,imageSelected:!!f,imageUrl:f,onTitleChange:i,onSelectImageClick:a,description:u,descriptionInputPlaceholder:p,imageWarnings:d,replacementVariables:I,recommendedReplacementVariables:E,onReplacementVariableSearchChange:_,onMouseHover:this.setHoveredField,hoveredField:this.state.hoveredField,onSelect:this.setActiveField,activeField:this.state.activeField,isPremium:M,setEditorRef:this.setEditorRef,idSuffix:C}))}}p.propTypes={title:n.default.string.isRequired,onTitleChange:n.default.func.isRequired,description:n.default.string.isRequired,onDescriptionChange:n.default.func.isRequired,imageUrl:n.default.string.isRequired,imageFallbackUrl:n.default.string.isRequired,onSelectImageClick:n.default.func.isRequired,onRemoveImageClick:n.default.func.isRequired,socialMediumName:n.default.string.isRequired,alt:n.default.string,isPremium:n.default.bool,imageWarnings:n.default.array,isLarge:n.default.bool,siteUrl:n.default.string,descriptionInputPlaceholder:n.default.string,titleInputPlaceholder:n.default.string,descriptionPreviewFallback:n.default.string,titlePreviewFallback:n.default.string,replacementVariables:c.replacementVariablesShape,recommendedReplacementVariables:c.recommendedReplacementVariablesShape,applyReplacementVariables:n.default.func,onReplacementVariableSearchChange:n.default.func,socialPreviewLabel:n.default.string,idSuffix:n.default.string,activeMetaTabId:n.default.string},p.defaultProps={imageWarnings:[],recommendedReplacementVariables:[],replacementVariables:[],isPremium:!1,isLarge:!0,siteUrl:"",descriptionInputPlaceholder:"",titleInputPlaceholder:"",descriptionPreviewFallback:"",titlePreviewFallback:"",alt:"",applyReplacementVariables:e=>e,onReplacementVariableSearchChange:null,socialPreviewLabel:"",idSuffix:"",activeMetaTabId:""},t.default=p},function(e,t){e.exports=window.yoast.componentsNew},function(e,t){e.exports=window.yoast.replacementVariableEditor},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FACEBOOK_IMAGE_SIZES=t.TWITTER_IMAGE_SIZES=void 0,t.determineFacebookImageMode=function(e){(0,o.logOnce)("@yoast/social-metadata-previews/determineFacebookImageMode","[@yoast/social-metadata-previews] 'determineFacebookImageMode' is deprecated and will be removed in the future, please use this from @yoast/social-metadata-forms instead.");const t=a.largeThreshold;if(e.height>e.width)return"portrait";if(e.width<t.width||e.height<t.height)return"square";if(e.height===e.width)return"square";return"landscape"};var o=i(26);t.TWITTER_IMAGE_SIZES=(0,o.createObjectWrapper)({squareWidth:125,squareHeight:125,landscapeWidth:506,landscapeHeight:265,aspectRatio:50.2},(e,t)=>(0,o.logOnce)(`@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."));const a=t.FACEBOOK_IMAGE_SIZES=(0,o.createObjectWrapper)({squareWidth:158,squareHeight:158,landscapeWidth:527,landscapeHeight:273,portraitWidth:158,portraitHeight:237,aspectRatio:52.2,largeThreshold:{width:446,height:233}},(e,t)=>(0,o.logOnce)(`@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."))},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createObjectWrapper=t.logOnce=void 0;var o=i(4);const a={};t.logOnce=((e,t,{log:i=console.warn}={})=>{a[e]||(a[e]=!0,i(t))}),t.createObjectWrapper=((e,t=o.noop)=>{const i={};for(const o in e)Object.hasOwn(e,o)&&Object.defineProperty(i,o,{set:i=>{e[o]=i,t("set",o,i)},get:()=>(t("get",o),e[o])});return i})}]); |