"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8084],{87103:function(e,t,r){r.d(t,{Z:function(){return n}});var o=r(68337),n=r(78384).ZP.a.withConfig({componentId:"sc-919c0c72-0"})(["color:",";font:inherit;font-size:",";position:relative;text-align:",";text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;outline:inherit;"],function(e){return e.color||o.NeutralColors.Ink},function(e){return e.fontSize||"inherit"},function(e){return e.align||"initial"})},81442:function(e,t,r){r.d(t,{Z:function(){return p}});var o=r(45697),n=r.n(o),i=r(78384),l=r(24730),a=r(89585),s=r(68337),d=r(1943),c=i.ZP.a.withConfig({componentId:"sc-50a6c937-0"})(["display:block;padding:","px;font-size:","px;line-height:","px;border-radius:",";text-align:center;color:",";border:1px solid ",";background:",";transition:all 0.2s ease-out;",";:hover{opacity:0.85;}:active{opacity:1;}"],2.5*l.mg,2*l.mg,1.5*l.mg,a.n.small,function(e){return e.palette===d.YI.Negative?s.NeutralColors.White:s.NeutralColors.Ink},s.NeutralColors.Ink,function(e){return e.palette===d.YI.Negative?s.NeutralColors.Ink:"transparent"},function(e){return e.marginBottom&&"margin-bottom: ".concat(e.marginBottom,"px")});c.propTypes={href:n().string,palette:n().oneOf(d.rY)},c.defaultProps={href:void 0,palette:d.YI.Positive};var p=c},88084:function(e,t,r){r.r(t),r.d(t,{default:function(){return ed}});var o=r(93128),n=r(85893),i=r(74293),l=r(70093),a=r(63792),s=r(98749),d=r(14138),c=r(87103),p=r(14222),u=r(25675),h=r.n(u),g=r(45697),f=r.n(g),m=r(67294),v=r(96450),w=r(68337),x=r(1943),y=r(81442),C=r(37340),b=r(78384),j=r(14670),P=r(2723),B=r(98358);function k(){var e=(0,C._)(["\n    grid-template-columns: auto 300px;\n    grid-template-rows: auto;\n    grid-template-areas: 'content sidebar';\n  "]);return k=function(){return e},e}function _(){var e=(0,C._)(["\n    flex-direction: column;\n    justify-content: center;\n    padding: 32px;\n  "]);return _=function(){return e},e}function I(){var e=(0,C._)(["\n    display: block;\n  "]);return I=function(){return e},e}function T(){var e=(0,C._)(["\n    display: block;\n  "]);return T=function(){return e},e}function N(){var e=(0,C._)(["\n    position: absolute;\n    right: 24px;\n    top: 24px;\n  "]);return N=function(){return e},e}var Z=(0,b.F4)(["from{opacity:0;}to{opacity:1;}"]),L=b.ZP.div.withConfig({componentId:"sc-a4422f59-0"})(["position:fixed;left:0;top:0;z-index:2000;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;grid-template-areas:'sidebar' 'content';animation:"," 0.2s;width:100%;height:100%;background-color:",";transition:opacity 0.2s ease-out;",""],Z,w.NeutralColors.Grey200,j.ZP.sm(k())),R=b.ZP.div.withConfig({componentId:"sc-a4422f59-1"})(["display:flex;justify-content:space-between;grid-area:sidebar;padding:8px;background:url(",") no-repeat left top;",""],(0,B.k)("templates/onion-modal-hair.svg"),j.ZP.sm(_())),z=b.ZP.div.withConfig({componentId:"sc-a4422f59-2"})(["grid-area:content;background-color:",";"],w.NeutralColors.White),M=b.ZP.h2.withConfig({componentId:"sc-a4422f59-3"})(["display:none;font-size:",";line-height:",";margin-bottom:24px;",""],P.JB.large,P.Nv.small,j.ZP.sm(I())),E=b.ZP.p.withConfig({componentId:"sc-a4422f59-4"})(["display:none;font-size:13px;line-height:16px;font-weight:",";margin:0 0 24px;",""],P.Ue.bold,j.ZP.sm(T())),U=b.ZP.iframe.withConfig({componentId:"sc-a4422f59-5"})(["border:0;"]),A=b.ZP.button.withConfig({componentId:"sc-a4422f59-6"})(["border:0;background:transparent;order:2;cursor:pointer;transition:all 0.2s ease-out;:hover{opacity:0.7;}:active{opacity:1;}",""],j.ZP.sm(N())),S=function(e){var t=e.title,r=e.ctaUrl,o=e.previewTypeformUrl,l=e.onCloseClick,a=e.visible,s=void 0!==a&&a,d=e.onStartWithTemplate,c=(0,v.Z)(i.NAMESPACES.PTG).t;return s?(0,n.jsxs)(L,{visible:s,children:[(0,n.jsx)(z,{children:(0,n.jsx)(U,{height:"100%",src:o,width:"100%"})}),(0,n.jsxs)(R,{children:[(0,n.jsx)(A,{onClick:l,children:(0,n.jsx)("svg",{height:"24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsxs)("g",{fill:w.NeutralColors.Ink,fillRule:"evenodd",children:[(0,n.jsx)("path",{d:"M1.393-.02l22.628 22.627-1.414 1.414L-.021 1.393z"}),(0,n.jsx)("path",{d:"M-.02 22.607L22.606-.021l1.414 1.414L1.393 24.021z"})]})})}),(0,n.jsx)(M,{children:t}),(0,n.jsx)(E,{children:c("ptg.preview-modal.description")}),(0,n.jsx)(y.Z,{href:r,onClick:d,palette:x.YI.Negative,"data-gtm-event":"cta_button",children:c("ptg.preview-modal.button.text")})]})]}):null};S.propTypes={title:f().string.isRequired,ctaUrl:f().string.isRequired,previewTypeformUrl:f().string.isRequired,onCloseClick:f().func.isRequired,visible:f().bool.isRequired,onStartWithTemplate:f().func},S.defaultProps={onStartWithTemplate:function(){}},S.displayName="PreviewModal";var q=(0,m.memo)(S),O=r(67906),W=r(38203),G=r(24730),H=r(89585),Y=r(69711);function F(){var e=(0,C._)(["\n      text-align: left;\n    "]);return F=function(){return e},e}function D(){var e=(0,C._)(["\n    justify-content: flex-start;\n  "]);return D=function(){return e},e}var J=(0,b.ZP)(s.default).withConfig({componentId:"sc-6251c0e4-0"})(["ul{padding:0;margin-top:",";list-style:none;"," p{padding:0;margin:0;}}"],(0,Y.W)(5),j.ZP.md(F())),X=b.ZP.img.withConfig({componentId:"sc-6251c0e4-1"})(["line-height:0;"]),K=b.ZP.span.withConfig({componentId:"sc-6251c0e4-2"})(["display:flex;align-items:center;font-size:14px;color:",";letter-spacing:normal;margin-top:",";justify-content:center;"," a{padding-left:5px;color:",";font-weight:",";}span{padding-left:5px;font-weight:",";}"],w.NeutralColors.Grey700,(0,Y.W)(2),j.ZP.md(D()),w.NeutralColors.Grey700,P.Ue.bold,P.Ue.bold),V=b.ZP.span.withConfig({componentId:"sc-6251c0e4-3"})(["display:flex;align-items:center;margin-right:10px;border:solid 1px ",";border-radius:30px;padding:5px;"],w.NeutralColors.Grey400),$=b.ZP.div.withConfig({componentId:"sc-6251c0e4-4"})(["position:relative;font-size:0;"]),Q=b.ZP.div.withConfig({componentId:"sc-6251c0e4-5"})(["height:100%;border-radius:",";overflow:hidden;div{height:100%;img{object-fit:cover;}}"],H.n.medium),ee=b.ZP.a.withConfig({componentId:"sc-6251c0e4-6"})(["border:none;position:absolute;width:100%;height:100%;color:",";opacity:0;display:flex;flex-direction:column;justify-content:center;z-index:10;transition:opacity 0.2s ease-in-out;:hover{border:none;cursor:pointer;user-select:none;opacity:1;background:","B3;background:radial-gradient( circle,","B3 0%,","B3 0%,","BF 100%,","BF 100% );border-radius:",";}@media (max-width:","px){display:none;}"],w.NeutralColors.White,w.NeutralColors.Ink,w.NeutralColors.Ink,w.NeutralColors.Ink,w.NeutralColors.Ink,w.NeutralColors.Ink,H.n.medium,G.j$.md),et=b.ZP.div.withConfig({componentId:"sc-6251c0e4-7"})(["font-size:",";font-weight:",";line-height:",";text-align:center;"],P.JB.small,P.Ue.medium,P.Nv.large),er=(0,b.ZP)(et).withConfig({componentId:"sc-6251c0e4-8"})(["transform:scale(2);margin-bottom:8px;"]),eo=r(43134),en=function(e){var t=e.children,r=e.onClick,o=(0,(0,v.Z)(i.NAMESPACES.PTG).t)("ptg.template-page.hero.preview.text");return(0,n.jsxs)($,{children:[(0,n.jsxs)(ee,{onClick:r,"data-gtm-event":"cta_button",children:[(0,n.jsx)(er,{large:!0,children:(0,n.jsx)(eo.zv,{color:w.NeutralColors.White})}),(0,n.jsx)(et,{children:o})]}),(0,n.jsx)(Q,{children:t})]})};en.propTypes={children:f().node.isRequired,onClick:f().func},en.defaultProps={onClick:function(){}},en.displayName="PreviewTemplate";var ei=a.Ks.PROPERTY.LOCATION,el=function(e){var t=e.src,r=e.width;return"".concat(t,"?w=").concat(r,"&fm=webp")},ea=function(e){var t=e.title,r=e.createdByUser,o=e.templateCreatedBy;return r&&o?(0,n.jsxs)(n.Fragment,{children:[t,(0,n.jsxs)(K,{"data-testid":"created-by",children:[o.createdByIcon?(0,n.jsx)(V,{"data-testid":"created-by-logo",children:(0,n.jsx)(X,{height:"15",alt:o.createdBy,src:o.createdByIcon.fields.file.url,loading:"lazy"})}):null,"Template by",o.createdByLink?(0,n.jsx)(c.Z,{href:o.createdByLink,target:"_blank",rel:"nofollow","data-testid":"created-by-link",children:o.createdBy}):(0,n.jsx)("span",{"data-testid":"created-by-no-link",children:o.createdBy})]})]}):t},es=function(e){var t,r,a,c,u,g,f,w,x,y,C,b,j,P,B=e.body,k=e.foregroundImage,_=e.slug,I=e.title,T=e.typeformTemplateUrl,N=e.typeformUid,Z=e.heroBulletPoints,L=e.createdByUser,R=e.templateCreatedBy,z=(0,o._)((0,m.useState)(!1),2),M=z[0],E=z[1],U=(0,v.Z)(i.NAMESPACES.PTG).t,A={previewTemplate:U("ptg.template-page.hero.preview.text"),useTemplate:U("ptg.template-page.hero.use.text")},S={url:null==k?void 0:null===(c=k.asset)||void 0===c?void 0:null===(a=c.fields)||void 0===a?void 0:null===(r=a.file)||void 0===r?void 0:r.url,width:(null==k?void 0:null===(x=k.asset)||void 0===x?void 0:null===(w=x.fields)||void 0===w?void 0:null===(f=w.file)||void 0===f?void 0:null===(g=f.details)||void 0===g?void 0:null===(u=g.image)||void 0===u?void 0:u.width)||0,height:(null==k?void 0:null===(P=k.asset)||void 0===P?void 0:null===(j=P.fields)||void 0===j?void 0:null===(b=j.file)||void 0===b?void 0:null===(C=b.details)||void 0===C?void 0:null===(y=C.image)||void 0===y?void 0:y.height)||0},G=function(e){return function(){(0,W.Zd)({location:e,label:_}),(0,O.ii)({name:"ptg_hero_use_this_template_click"})}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(J,{title:(0,n.jsx)(ea,{title:I,createdByUser:L,templateCreatedBy:R}),body:B,layout:s.HeroLayout.MediaRight,actionBarPosition:s.ActionBarPosition.BelowMedia,actionBar:{primaryLink:{label:A.useTemplate,helperText:Z&&(0,n.jsx)(d.Z,{as:"span",html:Z}),href:T},onClick:G(ei.TEMPLATE_HERO)},media:(0,n.jsx)(en,{onClick:(t=ei.TEMPLATE_HERO_IMAGE,function(){(0,W.z9)({location:t,label:_}),E(!0)}),children:(0,n.jsx)(h(),{loader:el,src:S.url,alt:"".concat(I).concat(" Hero"),layout:"responsive",sizes:"(min-width: 720px) 70vw, (min-width: 360px) 65vw,100vw",width:S.width,height:S.height,priority:!0,quality:80,fetchpriority:p.wN.high})})}),(0,n.jsx)(q,{title:I,ctaUrl:T,previewTypeformUrl:"https://template.".concat(l.TYPEFORM_ROOT_DOMAIN,"/to/").concat(N),visible:M,onCloseClick:function(){return E(!1)},onStartWithTemplate:G(ei.TEMPLATE_HERO_IMAGE)})]})};es.propTypes={body:f().string,foregroundImage:f().shape({asset:f().shape({fields:{file:f().shape({url:f().string}),description:f().string}})}).isRequired,slug:f().string.isRequired,title:f().string.isRequired,createdBy:f().string,createdByLink:f().string,createdByIcon:f().object,createdByUser:f().bool,templateCreatedBy:f().object,typeformTemplateUrl:f().string.isRequired,typeformUid:f().string.isRequired,heroBulletPoints:f().string},es.defaultProps={body:"",heroBulletPoints:"",createdBy:"",createdByLink:"",createdByIcon:{},createdByUser:!1,templateCreatedBy:{}},es.displayName="Hero",ea.propTypes={title:f().string,createdByUser:es.propTypes.createdByUser,templateCreatedBy:es.propTypes.templateCreatedBy};var ed=(0,m.memo)(es)},43134:function(e,t,r){r.d(t,{ol:function(){return f},pO:function(){return d},W:function(){return p},TZ:function(){return h},X1:function(){return x},km:function(){return v},zv:function(){return C}});var o=r(76341),n=r(67462),i=r(32207),l=r(85893);r(67294);var a=r(45697),s=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsx)("svg",(0,n._)((0,o._)({width:"12",height:"7",viewBox:"0 0 12 7",fill:t,xmlns:"http://www.w3.org/2000/svg"},r),{children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.00008 3.58581L3.12139 0.707124C2.34035 -0.0739251 1.07402 -0.0739234 0.292969 0.707125L6.00008 6.41423L11.7072 0.707125C10.9261 -0.0739234 9.6598 -0.0739234 8.87876 0.707125L6.00008 3.58581Z"})}))};s.displayName="CaretDown",s.defaultProps={color:"currentColor"},s.propTypes={color:a.string};var d=s,c=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsx)("svg",(0,n._)((0,o._)({width:"12",height:"7",viewBox:"0 0 7 12",fill:t,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),{children:(0,l.jsx)("path",{d:"M2.82842 5.70711L5.7071 2.82843C6.48815 2.04738 6.48815 0.78105 5.7071 0L0 5.70711L5.7071 11.4142C6.48815 10.6332 6.48815 9.36684 5.7071 8.58579L2.82842 5.70711Z"})}))};c.displayName="CaretLeft",c.defaultProps={color:"currentColor"},c.propTypes={color:a.string};var p=c,u=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsx)("svg",(0,n._)((0,o._)({width:"12",height:"7",viewBox:"0 0 7 12",fill:t,xmlns:"http://www.w3.org/2000/svg"},r),{children:(0,l.jsx)("path",{d:"M3.46446 5.70711L0.585785 8.58579C-0.195262 9.36684 -0.195261 10.6332 0.585785 11.4142L6.29289 5.70711L0.585785 0C-0.19526 0.78105 -0.19526 2.04738 0.585785 2.82843L3.46446 5.70711Z"})}))};u.displayName="CaretRight",u.defaultProps={color:"currentColor"},u.propTypes={color:a.string};var h=u,g=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsx)("svg",(0,n._)((0,o._)({width:"11",height:"9",viewBox:"0 0 11 9",fill:t,xmlns:"http://www.w3.org/2000/svg"},r),{children:(0,l.jsx)("path",{d:"M8.293 5L5.146 8.146l.708.708L10.207 4.5 5.854.146l-.708.708L8.293 4H0v1h8.293z",fillRule:"nonzero"})}))};g.displayName="ArrowRight",g.defaultProps={color:"currentColor"},g.propTypes={color:a.string};var f=g,m=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsx)("svg",(0,n._)((0,o._)({width:"17",height:"16",viewBox:"0 0 17 16",fill:t,xmlns:"http://www.w3.org/2000/svg"},r),{children:(0,l.jsx)("path",{d:"M11.872 10.3255C12.581 9.312 13 8.0805 13 6.75 13 3.298 10.202.5 6.75.5S.5 3.298.5 6.75 3.298 13 6.75 13c1.398 0 2.6845-.4645 3.7255-1.24l2.7355 2.7795c.781.781 2.0475.781 2.8285 0l-4.1675-4.214zM6.75 11C4.4065 11 2.5 9.0935 2.5 6.75c0-2.3435 1.9065-4.25 4.25-4.25C9.0935 2.5 11 4.4065 11 6.75 11 9.0935 9.0935 11 6.75 11z"})}))};m.displayName="SearchLarge",m.defaultProps={color:"currentColor"},m.propTypes={color:a.string};var v=m,w=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsxs)("svg",(0,n._)((0,o._)({width:"9",height:"9",viewBox:"0 0 9 9",fill:t,xmlns:"http://www.w3.org/2000/svg"},r),{children:[(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.43412 8.43418c-.36388.36388-.95384.36388-1.31772 0L.979941 2.29773c-.363879-.36388-.363879-.95385 0-1.317728.363879-.363879.953849-.36388 1.317729 0L8.43412 7.11646c.36388.36388.36388.95384 0 1.31772z"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M.979941 8.43418c-.363879-.36388-.36388-.95384 0-1.31772L7.1164.980002c.36388-.363879.95384-.363879 1.31772 0 .36388.363878.36388.953848 0 1.317728L2.29767 8.43418c-.36388.36388-.95385.36388-1.317729 0z"})]}))};w.displayName="CrossIcon",w.defaultProps={color:"currentColor"},w.propTypes={color:a.string};var x=w,y=function(e){var t=e.color,r=(0,i._)(e,["color"]);return(0,l.jsxs)("svg",(0,n._)((0,o._)({width:"16",height:"11",viewBox:"0 0 16 11",fill:t,xmlns:"http://www.w3.org/2000/svg"},r),{children:[(0,l.jsx)("path",{d:"M9.532 5.895c0 .825-.672 1.493-1.502 1.493S6.528 6.72 6.528 5.895c0-.824.673-1.492 1.502-1.492.83 0 1.502.668 1.502 1.492z"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.004 2.483A8.82 8.82 0 0 0 0 5.985a9.1 9.1 0 0 0 2.904 3.383 8.884 8.884 0 0 0 10.746-.386A8.783 8.783 0 0 0 16 5.985a8.843 8.843 0 0 0-3.184-3.592 9.053 9.053 0 0 0-9.812.09zm3.06.567a3.52 3.52 0 0 1 4.424.433 3.472 3.472 0 0 1 .436 4.397A3.5 3.5 0 0 1 9.35 9.163a3.525 3.525 0 0 1-3.819-.755 3.462 3.462 0 0 1-.76-3.795A3.487 3.487 0 0 1 6.063 3.05z"})]}))};y.displayName="Visible",y.defaultProps={color:"none"},y.propTypes={color:a.string};var C=y}}]);
//# sourceMappingURL=8084.f373e116909575c9.js.map