https://front.com/_next/static/chunks/pages/whats-new-318e239451f35782.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5965],{63115:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/whats-new",function(){return l(6033)}])},23467:function(e,t,l){"use strict";var n=l(85893),i=l(93967),r=l.n(i);t.Z=e=>{let{children:t,className:l=""}=e;return(0,n.jsx)("div",{className:r()("mx-auto","w-full","md:w-4xl","grid","grid-cols-4","md:grid-cols-12","px-md","2xl:px-0","gap-x-grid-gutter",l),children:t})}},19762:function(e,t,l){"use strict";l.d(t,{y:function(){return y}});var n=l(85893),i=l(35486),r=l(68162),s=l(93967),a=l.n(s),o=l(41664),d=l.n(o),c=l(67294),u=l(80194),m=l(81283),p=l(13114),h=l(33707),x=l(25675),f=l.n(x);let v=e=>{let{additionalClasses:t=""}=e;return(0,n.jsx)(f(),{src:"https://front.com/webassets/rebrand/promo-banner.webp",alt:"",className:a()(t,"w-full"),width:585,height:322})},g=e=>{let{hasSeen:t,className:l}=e;return(0,n.jsx)(p.M,{children:t&&(0,n.jsx)(h.E.div,{initial:{opacity:0,y:"100%"},animate:{opacity:1,y:0},transition:{ease:m.Z.appear,duration:.4,delay:.8},className:l,children:(0,n.jsx)(f(),{src:"https://front.com/webassets/rebrand/bumper-notification.svg",alt:"",width:430,height:63,className:"w-full h-auto"})})})},y=e=>{let{title:t,links:l=[],backgroundColor:s,staticImage:o,styleOverrides:m}=e,[p,h]=(0,c.useState)(!1),{modalActionHandler:x}=(0,r.M)(),[f]=(0,u.T)(e=>{let t=!1;e&&e[0]&&(t=e[0].isIntersecting),t&&h(!0)},{threshold:.1});return(0,n.jsx)(i.Z,{styleOverrides:m,className:"",children:(0,n.jsx)("div",{ref:f,className:a()(m?"py-1":"py-4 md:py-12",s||"bg-white","px-[16px]"),children:(0,n.jsx)("div",{className:"mx-auto max-w-grid",children:(0,n.jsxs)("div",{className:"grid grid-cols-1 xl:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop",children:[(0,n.jsxs)("div",{className:"xl:col-span-7 bg-citron-500  rounded-[12px] md:max-h-[322px]",children:[(0,n.jsxs)("div",{className:"flex flex-wrap flex-col md:h-full md:justify-center p-3 gap-3 md:gap-2 lg:py-10 xl:py-0 lg:px-10",children:[(0,n.jsx)("p",{className:"font-500 text-30/35 md:text-36/42 tracking-tight",children:t}),(0,n.jsx)("ul",{className:"flex md:flex-row items-start md:items-center",children:l.map((e,t)=>{var l,i;return(0,n.jsx)("li",{children:e.href.length?(0,n.jsx)(d(),{className:a()("block",{"button button-size-medium button-primary-violet":"primary"===e.type,"button button-size-medium button-secondary-violet":"secondary"===e.type}),href:e.href,children:e.title}):(0,n.jsx)("button",{className:a()("block",{"button button-size-medium button-primary-blue-900":"primary"===e.type,"button button-size-medium button-secondary-blue-900 !ml-[12px]":"secondary"===e.type}),onClick:()=>{x(e.action)},children:e.title})},"bumper-link-".concat(null!==(i=null===(l=e.title)||void 0===l?void 0:l.replace(/\s/g,"-"))&&void 0!==i?i:t))})})]}),(0,n.jsx)("div",{className:"px-1 pb-1 md:hidden",children:(0,n.jsxs)("div",{className:"relative mt-[40px]",children:[(0,n.jsx)("div",{className:"inset-0 flex overflow-hidden rounded-10 mt-3",children:o||(0,n.jsx)(v,{})}),!o&&(0,n.jsx)("div",{className:"absolute inset-0 flex flex-col justify-end items-center pb-[5%]",children:(0,n.jsx)(g,{hasSeen:p,className:"px-[8%]"})})]})})]}),(0,n.jsxs)("div",{className:"relative hidden xl:block col-span-5 pointer-events-none ml-[-8px]",children:[(0,n.jsx)("div",{className:"inset-0 overflow-hidden rounded-[12px]",children:o||(0,n.jsx)(v,{additionalClasses:"max-h-[322px]"})}),!o&&(0,n.jsx)("div",{className:"absolute inset-0 flex flex-col justify-end items-center pb-[15%]",children:(0,n.jsx)(g,{hasSeen:p,className:"px-[15%]"})})]})]})})})})}},35486:function(e,t,l){"use strict";l.d(t,{Z:function(){return a}});var n=l(85893);l(67294);let i={none:{mobile:"mt-[0px] mb-[0px]",tablet:"md:mt-[0px] md:mb-[0px]",desktop:"lg:mt-[0px] lg:mb-[0px]"},small:{mobile:"mt-[24px] mb-[24px]",tablet:"md:mt-[32px] md:mb-[32px]",desktop:"lg:mt-[48px] lg:mb-[48px]"},large:{mobile:"mt-[88px] mb-[88px]",tablet:"md:mt-[117px] md:mb-[117px]",desktop:"lg:mt-[176px] lg:mb-[176px]"}}

1,r=(e,t)=>{if("default"===e)return"";let l=i[e];return"".concat(l.mobile," ").concat(l.tablet," ").concat(l.desktop)},s=function(){var e,t;let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!l)return null;let n=null!==(e=l.topMarginSpacing)&&void 0!==e?e:"default",i=null!==(t=l.bottomMarginSpacing)&&void 0!==t?t:"default";return[r(n,"mt"),r(i,"mb")].filter(Boolean).join(" ")};var a=e=>{let{styleOverrides:t,className:l,children:i}=e,r=s(t)||l;return r?(0,n.jsx)("div",{className:r,children:i}):i}},48981:function(e,t,l){"use strict";l.d(t,{J1:function(){return i},Zc:function(){return r},u9:function(){return n}});let n={Demo:"front\\models\\hyper\\DemoLinkType",Trial:"front\\models\\hyper\\TrialLinkType",Url:"verbb\\hyper\\links\\Url",Entry:"verbb\\hyper\\links\\Entry"};function i(e){let t="url";e.type===n.Demo?t="demo":e.type===n.Trial&&(t="trial");let l=e.newWindow?"_blank":"_self";return{text:e.text||"",action:t,href:e.url||"",target:l}}function r(e,t){let{text:l,action:n,href:r}=i(e);return{type:t,title:l,href:r||"",action:n}}},12755:function(e,t,l){"use strict";l.d(t,{T0:function(){return s},dW:function(){return c},ju:function(){return a},yY:function(){return u}});var n=l(85893),i=l(38086),r=l.n(i);function s(e){return e&&"string"==typeof e?e.replace(RegExp("\\\\?u201C","g"),"“").replace(RegExp("\\\\?u201D","g"),"”"):e}function a(e){return e&&"string"==typeof e?e.replace(/<[^>]*>/g,""):e}let o=new i.Parser,d=new(r()).ProcessNodeDefinitions,c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return o.parseWithInstructions(null!=e?e:"",()=>!0,[...t,{shouldProcessNode:e=>!0,processNode:d.processDefaultNode}])},u=e=>c(e,[{shouldProcessNode:e=>"p"===e.tagName,processNode:(e,t)=>(0,n.jsx)("span",{children:t})}])},6033:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return W},default:function(){return R}});var n=l(85893),i=l(19762),r=l(25675),s=l.n(r);let a=e=>{var t,l;let i=null===(t=e.moduleBumper)||void 0===t?void 0:t[0];if(!i)return null;let r=null===(l=i.supportingImage)||void 0===l?void 0:l[0];return{title:i.headline||"Ready to deliver exceptional service with Front?",links:[{type:"primary",title:"Request a demo",href:"",action:"demo"},{type:"secondary",title:"Try for free",href:"",action:"trial"}],styleOverrides:{bottomMarginSpacing:"none",topMarginSpacing:"none"},staticImage:r?(0,n.jsx)(s(),{src:r.url||"",alt:r.altText||"",className:"max-h-[322px] w-full",width:r.width||585,height:r.height||322}):void 0}};var o=e=>{let{block:t}=e,l=a(t);return l?(0,n.jsx)(i.y,{...l}):null},d=l(23467),c=l(95453),u=l(63526),m=e=>{let{className:t}=e;return(0,n.jsxs)("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",width:"310",height:"465",viewBox:"0 0 310 465",fill:"none",children:[(0,n.jsx)("circle",{cx:"310.09",cy:"310.09",r:"154.91",fill:"#A857F1"}),(0,n.jsx)("path",{d:"M0.00012207 155.18C0.00012207 69.4763 69.4764 0 155.18 0V155.18H0.00012207Z",fill:"#A857F1"}),(0,n.jsx)("path",{d:"M155.18 465C69.4764 465 0.00012207 395.644 0.00012207 310.09C0.00012207 224.535 69.4764 155.18 155.18 155.18V465Z",fill:"#A857F1"}),(0,n.jsx)("path",{d:"M155.18 155.18C155.18 69.4764 224.535 0.000119203 310.09 0.000120223C395.644 0.000121243 465 69.4764 465 155.18L155.18 155.18Z",fill:"#A857F1"})]})},p=e=>{let{theme:t,eyebrow:l,title:i,description:r}=e;return(0,n.jsx)(u.Z,{theme:t||"theme-white",children:(0,n.jsxs)("div",{className:"surface-l0 -mt-header-height-mobile md:-mt-header-height-desktop pt-header-height-mobile md:pt-header-height-desktop relative",children:[(0,n.jsx)(d.Z,{className:" py-margin-section-md relative z-10",children:(0,n.jsx)("div",{className:"col-span-4 md:col-span-6 md:col-start-4",children:(0,n.jsx)(c.t,{type:"d2p1",align:"center",headingLevel:"h1",eyebrow:l||"",title:i||"",description:r||""})})}),(0,n.jsx)("div",{className:"hidden xl:flex items-end justify-end absolute inset-0 h-full",children:(0,n.jsx)(m,{className:"h-full w-auto"})})]})})};let h=["theme-white","theme-gray","theme-dark-violet"];var x=l(12755);let f=e=>h.includes(e),v=e=>{var t;let l=null===(t=e.moduleCenteredHero)||void 0===t?void 0:t[0];return l?{theme:l.theme&&f(l.theme)?l.theme:"theme-white",eyebrow:l.eyebrow||void 0,title:l.title||"",description:l.description?(0,x.dW)(l.description):void 0}:null};var g=e=>{let{block:t}=e,l=v(t);return l?(0,n.jsx)(p,{...l}):null},y=l(93967),b=l.n(y),j=l(34904);let w={filledOutline:{firstButtonTypeProps:{variant:"primary",buttonType:"filled"},secondButtonTypeProps:{variant:"primary",buttonType:"outlined"}},filledTertiary:{firstButtonTypeProps:{variant:"primary",buttonType:"filled"},secondButtonTypeProps:{variant:"tertiary"}}},N=e=>{let{variant:t,className:l,hasSecondButton:i,firstButtonFunctionalityProps:r,secondButtonFunctionalityProps:s}=e,a=w[null!=t?t:"filledOutline"].firstButtonTypeProps,o=w[null!=t?t:"filledOutline"].secondButtonTypeProps;return(0,n.jsxs)("div",{className:b()("flex space-x-2xs",l),children:[(0,n.jsx)(j.zx,{...a,...r}),i&&s&&(0,n.jsx)(j.zx,{...o,...s})]})};var k=l(81254);let _=e=>{let{direction:t="left",eyebrow:l,title:i,description:r,imageSrc:a,imageAlt:o,buttonPair:u,checkListItems:m}=e;return(0,n.jsx)("div",{className:"pt-margin-section-md",children:(0,n.jsxs)(d.Z,{className:"gap-y-spacing-48 md:gap-y-0",children:[(0,n.jsx)("div",{className:b()("col-span-4","left"===t?"md:col-span-6 md:col-start-7 md:order-2":"md:col-span-6"),

1children:(0,n.jsx)(s(),{src:a,alt:o||"",className:"w-full h-full object-cover",width:500,height:500})}),(0,n.jsxs)("div",{className:b()("col-span-4 md:flex md:flex-col md:justify-center","left"===t?"md:col-span-5 md:order-1":"md:col-span-5 md:col-start-8"),children:[(0,n.jsx)(c.t,{type:"h2p2",align:"left",headingLevel:"h3",eyebrow:l||"",title:i,description:r||""}),u&&(0,n.jsx)(N,{className:"mt-xl",variant:u.variant,hasSecondButton:u.hasSecondButton,firstButtonFunctionalityProps:u.firstButtonFunctionalityProps,secondButtonFunctionalityProps:u.secondButtonFunctionalityProps}),m&&(0,n.jsx)("div",{className:"pt-2xl",children:(0,n.jsx)(k.S,{items:m})})]})]})})},T=e=>{let{theme:t,eyebrow:l,title:i,description:r,items:s}=e,a=l||i||r;return(0,n.jsx)(u.Z,{theme:t||"theme-white",children:(0,n.jsxs)("div",{className:b()("surface-l0 pb-margin-section-md",a?"pt-margin-section-lg":""),children:[a&&(0,n.jsx)(d.Z,{children:(0,n.jsx)("div",{className:"col-span-4 md:col-span-10 md:col-start-2 ",children:(0,n.jsx)(c.t,{className:"mx-auto",type:"d2p1",align:"center",headingLevel:"h2",eyebrow:l||"",title:i||"",description:r||""})})}),s.map((e,t)=>(0,n.jsx)(_,{direction:t%2==0?"left":"right",...e},"zig-zag-".concat(t)))]})})};var B=l(48981),P=l(88684);let Z=e=>h.includes(e),S=e=>{if(e&&0!==e.length)return e.filter(P.Dw).map((e,t)=>({id:String(t),text:e.text||""}))},z=e=>{var t;let l=null===(t=e.itemImage)||void 0===t?void 0:t[0];return{imageSrc:(null==l?void 0:l.url)||"",imageAlt:e.itemImageAlt||(null==l?void 0:l.altText)||void 0}},M=(e,t)=>!(!e||"none"===e||"__blank__"===e)&&!!t,C=e=>{let{buttonPairVariant:t,firstButton:l,secondButton:n}=e,i=null==l?void 0:l[0],r=null==n?void 0:n[0];if(M(t,i))return{variant:t||"filledOutline",hasSecondButton:!!r,firstButtonFunctionalityProps:(0,B.J1)(i),secondButtonFunctionalityProps:r?(0,B.J1)(r):void 0}},E=e=>{let t=z(e),l=S(e.checkListItems),n=C(e);return{eyebrow:e.itemEyebrow||void 0,title:e.itemTitle||"",description:e.itemDescription?(0,x.dW)(e.itemDescription):void 0,...t,...l&&{checkListItems:l},...n&&{buttonPair:n}}},F=e=>{var t,l;let n=null===(t=e.moduleZigzag)||void 0===t?void 0:t[0];if(!n)return null;let i=(null===(l=n.zigZagItems)||void 0===l?void 0:l.filter(P.Dw).map(E))||[];return{theme:n.theme&&Z(n.theme)?n.theme:"theme-white",eyebrow:n.eyebrow||void 0,title:n.title||void 0,description:n.description?(0,x.dW)(n.description):void 0,items:i}};var D=e=>{let{block:t}=e,l=F(t);return l?(0,n.jsx)(T,{...l}):null},I=l(98964),O=l(67294);let L=e=>{var t;let{entry:l}=e;return l?(0,n.jsx)(O.Fragment,{children:null===(t=l.whatsNewModuleBuilder)||void 0===t?void 0:t.filter(P.Dw).map((e,t)=>{switch(e.__typename){case"whatsNewModuleBuilder_centeredHero_BlockType":return(0,n.jsx)(g,{block:e},"centered-hero-".concat(t));case"whatsNewModuleBuilder_whatsNewZigzag_BlockType":return(0,n.jsx)(D,{block:e},"zigzag-".concat(t));case"whatsNewModuleBuilder_whatsNewBumper_BlockType":return(0,n.jsx)(o,{block:e},"bumper-".concat(t));default:return null}})}):null};L.template=I.Z;let A=e=>{let{entry:t}=e;return t?(0,n.jsx)(L,{entry:t}):null};A.template=e=>(0,n.jsx)(I.Z,{invert:!0,...e,hideTopPattern:!1,className:"mt-0"});var W=!0,R=A},80194:function(e,t,l){"use strict";l.d(t,{T:function(){return s}});var n=l(67294),i=l(77777);let r={root:null,rootMargin:"0px 0px 0px 0px",threshold:[0,1]};function s(e,t=r){let{root:l=null,rootMargin:s,threshold:a}=t,[o,d]=(0,n.useState)(null),c=(0,n.useRef)(e);(0,n.useEffect)(()=>{c.current=e});let u=(0,n.useCallback)((...e)=>{var t;return null===(t=c.current)||void 0===t?void 0:t.call(c,...e)},[]);return(0,n.useEffect)(()=>{if(o){let e=new IntersectionObserver(u,{root:l,rootMargin:s,threshold:a});return e.observe(o),()=>{e.disconnect()}}return i.Z},[o,u,l,s,a]),[(0,n.useCallback)(e=>{d(e)},[])]}}},function(e){e.O(0,[8086,2888,9774,179],function(){return e(e.s=63115)}),_N_E=e.O()}]);
2//# sourceMappingURL=whats-new-318e239451f35782.js.map