https://app.courier.com/_next/static/chunks/pages/content/brands/[id]/preview-8ec0b8f11503b8b5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3689],{98512:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/content/brands/[id]/preview",function(){return n(44822)}])},9341:function(e,t,n){"use strict";n.d(t,{Z:function(){return v}});var r=n(98788),o=n(22970),i=n(52322),u=n(2784),a=n(12524),l=n.n(a),c=n(49362),d=n(29937),f=n(12693),s=n(92228);function p(){var e=(0,s.Z)(["\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n  padding: 40px 0;\n  height: 100%;\n\n  iframe {\n    border: none;\n    width: 100%;\n    height: 100%;\n    max-width: 900px;\n    min-width: 320px;\n    resize: horizontal;\n  }\n\n  &.error {\n    padding: 36px;\n    color: ",";\n    background-color: ",";\n  }\n"]);return p=function(){return e},e}var h=n(98767).default.div(p(),(function(e){return e.theme.colors.error}),(function(e){return e.theme.colors.errorBg})),v=function(){var e=(0,c.Kw)((function(e){return e.brand.loaded})),t=(0,c.Kw)((function(e){return e.brand.brandId})),n=(0,u.useState)(),a=n[0],s=n[1];(0,u.useEffect)((function(){var e=function(){var e=(0,r.Z)((function(){var e;return(0,o.__generator)(this,(function(n){switch(n.label){case 0:return[4,(0,d.nC)(t)];case 1:return e=n.sent(),s(e),[2]}}))}));return function(){return e.apply(this,arguments)}}();e()}),[]);var p,v=function(e){e.preventDefault()};return e&&a?(0,i.jsxs)(h,{className:l()({error:Boolean(a.error)}),children:[null!==(p=a.error)&&void 0!==p?p:null,a.html&&(0,i.jsx)(f.ZP,{initialContent:a.html,sandbox:"allow-same-origin",children:(0,i.jsx)(f.Kr,{children:function(e){e.document.addEventListener("click",v)}})},a.html)]}):null}},44822:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return r.default}});var r=n(75021)},75021:function(e,t,n){"use strict";n.r(t);var r=n(40255);t.default=r.default},40255:function(e,t,n){"use strict";n.r(t);var r=n(52322),o=n(2784),i=n(5632),u=n(49362),a=n(9341),l=n(61520),c=n(76835);t.default=function(){var e=(0,i.useRouter)().query,t=(0,u.WX)((function(e){return e.brand.setSelectedChannel})),n=(0,c.RI)();return(0,o.useEffect)((function(){var n;t(null!==(n=String(e.channel))&&void 0!==n?n:"email")}),[e]),(null===n||void 0===n?void 0:n.loading)||!(null===n||void 0===n?void 0:n.data)||(null===n||void 0===n?void 0:n.error)?null:(0,r.jsx)(l.Z,{children:(0,r.jsx)(a.Z,{})})}},89050:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(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)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(2784),i=(u(o),u(n(13980)));function u(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}var c=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return o.Children.only(this.props.children)}}]),t}(o.Component);c.propTypes={children:i.default.element.isRequired,contentDidMount:i.default.func.isRequired,contentDidUpdate:i.default.func.isRequired},t.default=c},86696:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.FrameContext=void 0;var r,o=n(2784),i=(r=o)&&r.__esModule?r:{default:r};var u=void 0,a=void 0;"undefined"!==typeof document&&(u=document),"undefined"!==typeof window&&(a=window);var l=t.FrameContext=i.default.createContext({document:u,window:a}),c=l.Provider,d=l.Consumer;t.FrameContextProvider=c,t.FrameContextConsumer=d},54540:function(e,t,n){"use strict";

1Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(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)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(2784),u=f(i),a=f(n(28316)),l=f(n(13980)),c=n(86696),d=f(n(89050));function f(e){return e&&e.__esModule?e:{default:e}}var s=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return r.handleLoad=function(){r.forceUpdate()},r._isMounted=!1,r}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}

1(t,e),o(t,[{key:"componentDidMount",value:function(){this._isMounted=!0;var e=this.getDoc();e&&"complete"===e.readyState?this.forceUpdate():this.node.addEventListener("load",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.node.removeEventListener("load",this.handleLoad)}},{key:"getDoc",value:function(){return this.node?this.node.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,n=this.props.contentDidUpdate,r=e.defaultView||e.parentView,o=u.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},u.default.createElement(c.FrameContextProvider,{value:{document:e,window:r}},u.default.createElement("div",{className:"frame-content"},this.props.children)));e.body.children.length<1&&(e.open("text/html","replace"),e.write(this.props.initialContent),e.close());var i=this.getMountTarget();return[a.default.createPortal(this.props.head,this.getDoc().head),a.default.createPortal(o,i)]}},{key:"render",value:function(){var e=this,t=r({},this.props,{children:void 0});return delete t.head,delete t.initialContent,delete t.mountTarget,delete t.contentDidMount,delete t.contentDidUpdate,u.default.createElement("iframe",r({},t,{ref:function(t){e.node=t}}),this.renderFrameContents())}}]),t}(i.Component);s.propTypes={style:l.default.object,head:l.default.node,initialContent:l.default.string,mountTarget:l.default.string,contentDidMount:l.default.func,contentDidUpdate:l.default.func,children:l.default.oneOfType([l.default.element,l.default.arrayOf(l.default.element)])},s.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=s},12693:function(e,t,n){"use strict";t.Kr=void 0;var r=n(86696);Object.defineProperty(t,"Kr",{enumerable:!0,get:function(){return r.FrameContextConsumer}});var o,i=n(54540),u=(o=i)&&o.__esModule?o:{default:o};t.ZP=u.default}},function(e){e.O(0,[9774,6139,2816,1330,423,5079,7781,3506,5245,6355,1292,9323,4637,8005,1520,2888,179],(function(){return t=98512,e(e.s=t);var t}));var t=e.O();_N_E=t}]);