https://s.flipboard.com/webu/app-containers-embed-tool-embed-tools.ade15ba95a6f88623da1.bundle.js

1"use strict";(("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__=("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__||[]).push([[2004],{52211:function(e,t,o){o.d(t,{W:function(){return c}});var r=o(12167),n=(o(2784),o(17394)),i=o(52750),a=o(52322),c="+ Flip it",l=(0,r.Z)("div",{target:"ehga8bl0"})("font-size:32px;color:#9B9B9B;height:55px;line-height:55px;width:60%;background-color:#E6E6E6;border-radius:3px;text-align:center;max-width:150px;a{color:inherit;}",(0,i.hy)(n.j.tabletPortraitDown({fontSize:"24px",width:"70%",maxWidth:"115px"})),"");t.Z=function(e){var t=e.children;return(0,a.jsx)(l,{children:t})}},98199:function(e,t,o){o.r(t),o.d(t,{default:function(){return q}});var r=o(90068),n=(o(43105),o(96928),o(61229),o(34115),o(634),o(58188),o(20796),o(15735),o(28673),o(6886),o(12167)),i=(o(18178),o(43450),o(67890),o(2784)),a=o(49372),c=o(17394),l=o(52750),u=o(31975),s=o(31075),p=o(26626),d=o(48758),f=o(52211),h=o(19654),b=o(39285),m=o(37757),y=o(30001),g=o(90856),v=o(5109),j=o(4361),x=o(52322);function w(e){return w="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},w(e)}function O(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function B(e,t){return B=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},B(e,t)}function S(e){var t=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}}();return function(){var o,r=Z(e);if(t){var n=Z(this).constructor;o=Reflect.construct(r,arguments,n)}else o=r.apply(this,arguments);return A(this,o)}}function A(e,t){return!t||"object"!==w(t)&&"function"!=typeof t?E(e):t}function E(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Z(e){return Z=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Z(e)}function T(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function W(){return W=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},W.apply(this,arguments)}var R=(0,u.Z)("MagazineAndStoryboardWidgetTool"),D=(0,u.Z)("LogoWidgetTool"),M=(0,u.Z)("BrowserTools"),L="270px",P="200px",C="150px",N=(0,n.Z)("div",{target:"e1pvclj86"})({paddingTop:a.N.XLARGE,display:"grid",margin:a.N.XLARGE},""),z=(0,n.Z)("ul",{target:"e1pvclj85"})({display:"grid",gridTemplateColumns:"repeat(4, 1fr)",borderBottom:"1px solid ".concat(g.M1.primary),paddingBottom:a.N.BASE4X,marginBottom:a.N.BASE6X,input:{"&:checked":{borderBottom:"none",appearance:"none",padding:a.N.SMALL}}},(0,l.hy)(c.j.phone({gridAutoFlow:"row",gridTemplateColumns:"repeat(1, 270px)",justifyContent:"center"})),""),k=(0,n.Z)(p.ZP,W({},{target:"e1pvclj84"},(0,j.t)("selected")))((function(e){var t=e.selected;return{fontSize:"15px",width:L,padding:"".concat(a.N.MEDIUM," 0"),color:t?g.bo.primary:g.bo.dim,fontWeight:v.Xw.BOLD,textTransform:"uppercase",whiteSpace:"normal","&:focus, &:hover":{color:g.bo.primary,fontWeight:v.Xw.BOLD}}}),(0,l.hy)(c.j.tablet({width:P})),(0,l.hy)(c.j.tabletPortraitDown({width:C})),""),I=(0,n.Z)("div",W({},{target:"e1pvclj83"},(0,j.t)("selected")))({height:L,width:L,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:g.EU.tertiary,cursor:"pointer"},(0,l.hy)(c.j.tablet({height:P,width:P})),(0,l.hy)(c.j.tabletPortraitDown({height:C,width:C})),(function(e){return e.selected&&{boxShadow:"inset 0 -15px 0 0 ".concat(g.DM.red)}}),""),U=(0,n.Z)("li",{target:"e1pvclj82"})({display:"flex",flexDirection:"column",alignItems:"center",marginRight:a.N.BASE,"&:last-child":{marginRight:"0"}},""),X=(0,n.Z)("div",{target:"e1pvclj81"})({name:"1mcabpk",styles:"height:fit-content;min-height:200px"}),G=(0,n.Z)("img",{target:"e1pvclj80"}

1)({name:"1ha0p61",styles:"height:70%;width:53%"}),F="https://cdn.flipboard.com/wp-content/uploads/2020/06/magazine-embed-thumbnail-example-5.png",H=function(e){!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}}),t&&B(e,t)}(i,e);var t,o,r,n=S(i);function i(){var e;O(this,i);for(var t=arguments.length,o=new Array(t),r=0;r<t;r++)o[r]=arguments[r];return T(E(e=n.call.apply(n,[this].concat(o))),"state",{embedToolMode:y.WB.MAGAZINE_STORYBOARD}),T(E(e),"setEmbedToolMode",(function(t){e.setState({embedToolMode:t})})),T(E(e),"renderToolPage",(function(){var t=e.state.embedToolMode,o=e.props,r=o.section,n=o.primarySection;switch(t){case y.WB.MAGAZINE_STORYBOARD:var i=r||n;return(0,x.jsx)(R,{section:((null==i?void 0:i.isStoryboard)||(null==i?void 0:i.isMagazine))&&i});case y.WB.FOLLOW:case y.WB.SHARE:return(0,x.jsx)(D,{mode:t});case y.WB.BROWSER:return(0,x.jsx)(M,{})}})),T(E(e),"renderTabs",(function(){var t=e.state.embedToolMode,o=e.props.t;return Object.values(y.WB).map((function(r){var n,i;return r===y.WB.MAGAZINE_STORYBOARD?(n=(0,x.jsx)(G,{src:F,alt:"magazine-embed-thumbnail"}),i=o("embed_tool_title")):r===y.WB.BROWSER?(n=(0,x.jsx)(f.Z,{children:f.W}),i=o("embed_tool_browser_button")):r===y.WB.FOLLOW?(n=(0,x.jsx)(d.Z,{size:70}),i=o("embed_tool_follow_button")):(n=(0,x.jsx)(d.Z,{size:70}),i=o("embed_tool_share_button")),(0,x.jsxs)(U,{onClick:function(){e.setEmbedToolMode(r)},children:[(0,x.jsx)(I,{selected:t===r,children:n}),(0,x.jsx)(k,{selected:t===r,children:i})]},r)}))})),e}return t=i,(o=[{key:"componentDidMount",value:function(){var e=this.props.routing.query.tool;e&&y.WB[e.toUpperCase()]&&this.setState({embedToolMode:y.WB[e.toUpperCase()]})}},{key:"render",value:function(){return(0,x.jsx)(s.Z,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(z,{children:this.renderTabs()}),(0,x.jsx)(X,{children:this.renderToolPage()})]})})}}])&&_(t.prototype,o),r&&_(t,r),i}(i.Component),Y=(0,r.Z)(h.Z,b.Z)((0,m.Z)(H)),K={primarySection:o(20980).Pr},q=(0,r.Z)({selectors:K})(Y)}}]);
2//# sourceMappingURL=app-containers-embed-tool-embed-tools.ade15ba95a6f88623da1.bundle.js.map