https://www.zesty.io/_next/static/chunks/1432.f9e5f8a928945626.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1432],{37339:function(e,t,i){var o=i(85893);i(67294);var n=i(45697),r=i.n(n),a=i(99226);let s=e=>{let{children:t,...i}=e;return(0,o.jsx)(a.Z,{maxWidth:{sm:720,md:1236},width:1,margin:"0 auto",paddingX:2,paddingY:{xs:4,sm:6,md:8},...i,children:t})};s.propTypes={children:r().node.isRequired},t.Z=s},40213:function(e,t,i){i.d(t,{Z:function(){return h}});var o=i(85893),n=i(67294),r=i(82175),a=i(16310),s=i(69417),l=i(99226),p=i(18571),c=i(15861),m=i(2734),d=i(41703);function h(e){let{text:t="Join thousands of others for our newsletter"}=e,i=(0,m.Z)(),[h,u]=(0,n.useState)(!1),x=a.Ry({email:a.Z_("Enter your email").email("Enter a valid email").required("Email is required")}),g=(0,r.TA)({initialValues:{email:""},validationSchema:x,onSubmit:()=>{}});return(0,o.jsxs)(l.Z,{display:"flex",flexDirection:"column",justifyContent:"center",children:[(0,o.jsx)(d.Z,{open:h,setOpen:u,title:"Thank you for subscribing!",message:"Check your email to confirm."}),(0,o.jsx)(l.Z,{marginBottom:2,children:(0,o.jsx)(c.Z,{variant:"body1",component:"p",children:t})}),(0,o.jsx)(l.Z,{onSubmit:g.handleSubmit,component:"form",noValidate:!0,autoComplete:"off",sx:{"& .MuiInputBase-input.MuiOutlinedInput-input":{bgcolor:"background.paper"}},children:(0,o.jsxs)(l.Z,{display:"flex",flexDirection:{xs:"column",sm:"row"},alignItems:{xs:"stretched",sm:"flex-start"},children:[(0,o.jsx)(p.Z,{fullWidth:!0,id:"email",name:"email",label:"Email",value:g.values.email,onChange:g.handleChange,error:g.touched.email&&!!g.errors.email,helperText:g.touched.email&&g.errors.email}),(0,o.jsx)(l.Z,{component:s.Z,variant:"contained",color:"primary",backgroundColor:i.palette.secondary.main,size:"large",height:54,className:"subscribeButton",marginTop:{xs:2,sm:0},marginLeft:{sm:2},type:"submit",onClick:()=>{""!==g.values.email&&g.isValid&&(""!==g.values.email&&g.isValid&&fetch("https://us-central1-zesty-dev.cloudfunctions.net/zohoEmailSubscribe?email="+g.values.email,{method:"GET"}).then(e=>e.json()).then(()=>{dataLayer.push({event:"emailSubscribeSubmitted",value:"1"}),acSENT=!0}),u(!h))},children:"Subscribe"})]})})]})}},41703:function(e,t,i){i.d(t,{Z:function(){return c}});var o=i(85893),n=i(99226),r=i(15861),a=i(84808),s=i(11994),l=i(16628);let p={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:400,bgcolor:"background.paper",border:"2px solid #FF5D0A",borderRadius:3,boxShadow:24,p:4,fontFamily:"Mulish"};

1function c(e){let{title:t="Thank you",message:i="Have a great day",open:c,setOpen:m}=e;return(0,o.jsx)("div",{children:(0,o.jsx)(s.Z,{"aria-labelledby":"transition-modal-title","aria-describedby":"transition-modal-description",open:c,onClose:()=>m(!1),closeAfterTransition:!0,BackdropComponent:a.Z,BackdropProps:{timeout:500},children:(0,o.jsx)(l.Z,{in:c,children:(0,o.jsxs)(n.Z,{sx:p,children:[(0,o.jsx)(r.Z,{id:"transition-modal-title",variant:"h6",component:"h2",children:t}),(0,o.jsx)(r.Z,{id:"transition-modal-description",sx:{mt:2},children:i})]})})})})}},79164:function(e,t,i){i.d(t,{Z:function(){return l}});var o=i(85893),n=i(66242),r=i(83965),a=i(67294),s=i(47041);function l(e){let{formURL:t="",height:i=600,width:l=500}=e,p=""==t?"https://forms.zohopublic.com/zestyio/form/SalesSignupform/formperma/634ov0T9TZdP8vJsI1KBz8WyPgltGy_IJ5xGiMKdH5Q":t;return p+="?a=b",(0,a.useEffect)(()=>{let e=(0,s.getCookie)("gclid"),t=(0,s.getCookie)("utm_campaign"),i=(0,s.getCookie)("utm_term"),o=(0,s.getCookie)("utm_medium"),n=(0,s.getCookie)("utm_source");e&&(p+="&gclid="+e),t&&(p+="&utm_campaign="+t),n&&(p+="&utm_source="+n),n&&(p+="&referrername="+n),o&&(p+="&utm_medium="+o),i&&(p+="&utm_term="+i)}),(0,o.jsx)(n.Z,{sx:{width:"100%",maxWidth:l,margin:"auto"},children:(0,o.jsx)(r.Z,{sx:{width:"100%",maxWidth:l,height:parseInt(i),border:0},id:"leadframe",src:p,component:"iframe"})})}},57762:function(e,t,i){var o=i(67294);t.Z=function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1],[i,n]=(0,o.useState)([]),[r,a]=(0,o.useState)(!0),[s,l]=(0,o.useState)(null),p=t?"https://www.zesty.io":"https://kfg6bckb-dev.webengine.zesty.io";return(0,o.useEffect)(()=>{let t=async()=>{let t=await fetch(`${p}${e}`);if(!t.ok)throw Error(`HTTP error: ${t.status}`);n(await t.json())};try{t()}catch(e){l(e),console.error(`Could Not Find Results: ${e}`)}finally{a(!1)}},[e]),{data:i,isPending:r,error:s}}},96463:function(e,t,i){i.r(t);var o=i(85893),n=i(51233),r=i(23795),a=i(69661),s=i(15861),l=i(87918);i(67294),t.default=e=>{let{authorImage:t="https://storage.googleapis.com/assets.zesty.io/website/images/assets/zosh.svg",authorName:i="Zoshua Colah",authorDescription:p="Zoshua is a Senior Product Designer at Zesty.io, elevating the experiences people have in making content-rich experiences. Having spent over 5 years making intuitive product experiences, he understands the need for a CMS that works with you - not against you. In his free time, you can find Zosh either teaching, mentoring, or sharing UX resources.",authorLink:c,tags:m=[{name:"Product",link:"#"}]}=e;return(0,o.jsxs)(n.Z,{sx:e=>({[e.breakpoints.up("xs")]:{borderTop:`1px solid ${e.palette.grey[100]}`,px:2,py:4},[e.breakpoints.up("tablet")]:{px:4,py:6},[e.breakpoints.up("lg")]:{width:"640px",mx:"auto",py:6,px:0}}),children:[(0,o.jsxs)(n.Z,{mb:3,children:[(0,o.jsx)(r.Z,{href:c,children:(0,o.jsx)(a.Z,{src:t+"?quality=60",sx:e=>({[e.breakpoints.up("xs")]:{width:64,height:64,mb:3},[e.breakpoints.up("lg")]:{width:80,height:80,mb:4}})})}),(0,o.jsxs)(s.Z,{color:"text.primary",fontWeight:800,fontSize:"16px",lineHeight:"24px",textTransform:"uppercase",letterSpacing:"0.02em",mb:1,children:["By ",i]}),(0,o.jsx)(s.Z,{fontSize:"18px",lineHeight:"28px",color:"text.secondary",children:p})]}),m?.length&&(0,o.jsx)(n.Z,{direction:"row",gap:"12px",flexWrap:"wrap",children:m?.map(e=>o.jsx(r.Z,{href:e.link,underline:"none",children:o.jsx(l.Z,{variant:"outlined",label:e.name,sx:{borderRadius:"4px",borderColor:"grey.300",color:"text.primary",cursor:"pointer"}})},e.name))})]})}},38778:function(e,t,i){var o=i(85893),n=i(51233),r=i(15861),a=i(86886),s=i(10633),l=i(67294),p=i(2734),c=i(98396),m=i(79426),d=i(5152),h=i.n(d),u=i(42708);let x=h()(()=>i.e(2699).then(i.bind(i,72192)),{loadableGenerated:{webpack:()=>[72192]},ssr:!1});t.Z=e=>{let{title:t="",articles:i,withPagination:d=!1}=e,{ref:h,inView:g}=(0,u.YD)({triggerOnce:!0,threshold:0}),f=(0,p.Z)(),b=(0,c.Z)(f.breakpoints.up("lg")),y=e=>{setTimeout(()=>{let t=document.querySelector(`#${e}`);t&&window.scrollTo({left:0,top:t.offsetTop,behavior:"smooth"})})},[k,Z]=(0,l.useState)(1),[w]=(0,l.useState)(10),j=k*w,v=[],S=d?i.slice(j-w,j):i;for(let e=1;e<=Math.ceil(i.length/w);e++)v.push(e);return(0,l.useEffect)(()=>{S?.length<=w&&Z(1)},[i]),(0,o.jsxs)("div",{ref:h,children:[(0,o.jsxs)(n.Z,{id:"scrollTop",sx:e=>({[e.breakpoints.up("xs")]:{px:4,py:6},[e.breakpoints.up("lg")]:{px:14,py:8,mx:"auto",maxWidth:e.maxWidth}}),children:[(0,o.jsx)(r.Z,{mb:8,variant:"h2",fontWeight:800,letterSpacing:"-0.02em",display:""===t?"none":"block",children:t}),g&&(0,o.jsx)(a.ZP,{container:!0,rowSpacing:8,columnSpacing:6,children:S.map((e,t)=>(0,o.jsx)(a.ZP,{xs:12,lg:0===t?12:4,item:!0,children:(0,o.jsx)(x,{article:e.image||m.Z.image,heading:e.title,de

1scription:e.description,author:e.author.name,authorImage:e.author.image,path:e.path,supportingText:e?.date,category:e?.category?.category,isBig:!!b&&0===t})},t))})]}),d&&S?.length?(0,o.jsx)(n.Z,{sx:e=>({[e.breakpoints.up("xs")]:{py:3,mx:"auto",maxWidth:e.maxWidth,alignItems:"center"}}),children:(0,o.jsx)(s.Z,{onClick:()=>y("searchArticle"),count:v?.length,page:k,onChange:(e,t)=>{Z(t)},size:"large",color:"primary"})}):""]})}},76907:function(e,t,i){i.r(t);var o=i(85893),n=i(51233),r=i(23795),a=i(15861),s=i(69661),l=i(54799),p=i(41796),c=i(99226),m=i(24486),d=i(84118),h=i(63931),u=i(48885),x=i(91499),g=i(25084),f=i(68005),b=i(38736),y=i(4128),k=i(20377),Z=i(67294),w=i(72679);let j=[{name:"Facebook",icon:(0,o.jsx)(y.Z,{})},{name:"Twitter",icon:(0,o.jsx)(g.Z,{})},{name:"Linkedin",icon:(0,o.jsx)(f.Z,{})},{name:"Copy Link",icon:(0,o.jsx)(b.Z,{})}];t.default=(0,Z.memo)(e=>{let{overline:t="PRODUCT ANNOUNCMENT",heading:i="Announcing the New Zesty Media App Experience",author:g="Zoshua Colah",authorLink:f,authorImage:b="https://storage.googleapis.com/assets.zesty.io/website/images/assets/zosh.svg",supportingText:y="October 20, 2021",articleImage:v="https://storage.googleapis.com/assets.zesty.io/website/images/assets/articleFrame.jpg",categoryLink:S}=e,{enqueueSnackbar:C}=(0,k.Ds)();async function _(){await window.navigator.clipboard.writeText(location.href),C("Copied to clipboard!",{anchorOrigin:{vertical:"top",horizontal:"center"}})}let[T,z]=Z.useState(null),D=async function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t)await _();else if("Facebook"===e){let e=`https://facebook.com/sharer/sharer.php?u=${location.href}&quote=${i}`;window.open(e,"_blank")}else if("Twitter"===e){let e=`https://twitter.com/intent/tweet?lang=en&url=${location.href}&text=${i}`;window.open(e,"_blank")}else if("Linkedin"===e){let e=`https://www.linkedin.com/shareArticle?mini=true&url=${location.href}&title=${i}&summary=${i}&source=Zesty.io`;window.open(e,"_blank")}

1z(null)};return(0,o.jsxs)(n.Z,{children:[(0,o.jsxs)(n.Z,{sx:e=>({[e.breakpoints.up("xs")]:{px:2,py:4},[e.breakpoints.up("tablet")]:{px:4,py:6},[e.breakpoints.up("lg")]:{px:31,py:6},[e.breakpoints.up("desktopWide")]:{px:46,py:6},[e.breakpoints.up("xl")]:{maxWidth:e.maxWidth,mx:"auto"}}),children:[(0,o.jsx)(r.Z,{fontWeight:700,color:"text.secondary",underline:"none",href:S,fontSize:"14px",lineHeight:"20px",mb:e=>({xs:1,lg:"12px",cursor:"pointer",textTransform:"uppercase","&:hover":{color:e.palette.primary.main}}),children:t}),(0,o.jsx)(a.Z,{variant:"h2",color:"text.primary",letterSpacing:"-0.02em",fontWeight:800,mb:3,sx:e=>({[e.breakpoints.up("lg")]:{fontSize:"44px",lineHeight:"48px",mb:4}}),children:i}),(0,o.jsxs)(n.Z,{direction:"row",alignItems:"center",children:[(0,o.jsx)(r.Z,{href:f,children:(0,o.jsx)(s.Z,{src:b+"?quality=60",sx:{width:48,height:48,mr:"12px"}})}),(0,o.jsxs)(n.Z,{children:[(0,o.jsx)(r.Z,{variant:"body2",fontWeight:500,color:"text.primary",underline:"none",href:f,sx:{cursor:"pointer"},children:g}),(0,o.jsx)(r.Z,{variant:"body2",color:"text.secondary",underline:"none",href:f,sx:{cursor:"pointer"},children:y})]}),(0,o.jsx)(l.Z,{onClick:e=>{z(e.currentTarget)},sx:{marginLeft:"auto"},children:(0,o.jsx)(x.Z,{sx:e=>({fill:"light"===e.palette.mode?(0,p.Fq)(e.palette.grey[900],.4):"white"})})})]})]}),(0,o.jsx)(c.Z,{component:w.LazyLoadImage,effect:"blur",src:v,sx:e=>({[e.breakpoints.up("xs")]:{objectFit:"contain",width:"100%",height:"100%"},[e.breakpoints.up("xl")]:{width:"100%",mx:"auto"}})}),(0,o.jsx)(m.Z,{anchorEl:T,open:!!T,onClose:()=>{z(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,o.jsx)(d.Z,{children:j.map((e,t)=>(0,o.jsxs)(h.Z,{onClick:()=>{if("Copy Link"!==e.name){D(e.name);return}D(e.name,!0)},children:[(0,o.jsx)(u.Z,{sx:e=>({"& svg":{color:"dark"===e.palette.mode&&"white"}}),children:e.icon}),(0,o.jsx)(a.Z,{color:"text.primary",letterSpacing:".15px",children:e.name})]},t))})})]})})},13494:function(e,t,i){var o=i(67294);t.Z=()=>{let[e,t]=(0,o.useState)(""),[i,n]=(0,o.useState)("");return(0,o.useEffect)(()=>{let e=""!==document.referrer?new URL(document.referrer).pathname:"",i=""!==document.referrer?document.referrer:"";n(e),t(i)},[]),{lastVisitedPath:i,lastVisitedURL:e}}},67123:function(e,t,i){i.d(t,{H4:function(){return r},WE:function(){return a},WX:function(){return n}});var o=i(47041);let n=async e=>{let{Email:t,First_Name:i,Last_Name:o}=e;await fetch(`https://us-central1-zesty-dev.cloudfunctions.net/zohoEmailSubscribe?email=${t}&name=${i}_${o}`,{method:"GET"}).then(e=>e.json()).then(()=>{dataLayer.push({event:"emailSubscribeSubmitted",value:"1"})})},r=async e=>{fetch("https://us-central1-zesty-prod.cloudfunctions.net/zoho",{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}}).then(e=>e.json()).then(()=>{dataLayer.push({event:"formCaptureSuccess",value:"1"})}).catch(e=>{throw Error(`HTTP error: ${e}`)})},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"Website",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"",s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:"";return{First_Name:e.firstName,Last_Name:e.lastName,Email:e.businessEmail||e.email,Phone:e.phoneNumber,Mobile:e.mobile,Company_Phone:e.hqPhone,Inquiry_Reason:t,Description:e.message,Zesty_User_Account:!!e?.user&&!!e.user,newsletter_signup:e.newsletter_signup,Lead_Source:(0,o.getCookie)("utm_source")?(0,o.getCookie)("utm_source"):r,Role:(0,o.getCookie)("persona")?(0,o.getCookie)("persona"):"Marketer",Captured_URL:null==window.location.href.match(/localhost/gi)?window.location.href:"https://www.testcapurl.com",UTM_Campaign:(0,o.getCookie)("utm_campaign")?(0,o.getCookie)("utm_campaign"):"unknown",UTM_Source:(0,o.getCookie)("utm_source")?(0,o.getCookie)("utm_source"):"unknown",UTM_Term:(0,o.getCookie)("utm_term")?(0,o.getCookie)("utm_term"):"unknown",UTM_Medium:(0,o.getCookie)("utm_medium")?(0,o.getCookie)("utm_medium"):"unknown",$gclid:(0,o.getCookie)("gclid")?(0,o.getCookie)("gclid"):"",Lead_Source_Detail:(0,o.getCookie)("utm_medium")?(0,o.getCookie)("utm_medium"):i,Lead_Source_Topic:(0,o.getCookie)("utm_campaign")?(0,o.getCookie)("utm_campaign"):"none",Business_Type:n,Lead_Status:"Not Contacted",Designation:e.jobTitle,Company:e.company,LinkedIn_url:e.linkedIn,Last_Visited_Path:a,Last_Visited_URL:s,Entry_Path:(0,o.getCookie)("entry_path")?(0,o.getCookie)("entry_path"):""}}},21448:function(e,t,i){var o=i(58244),n=i(41796),r=i(57496);t.Z=e=>(0,o.Z)({...r.theme,palette:"light"===e?{...r.theme.palette,text:{...r.theme.palette.text,secondary:"#344054"}}:{...r.theme.palette,mode:"dark",text:{...r.theme.palette.text,primary:"#fff",secondary:"#fff"},background:{smokeWhite:"#FDFDFD",smokeWhiteLevel2:"#DFDFDF"}},breakpoints:{values:{...r.theme.breakpoints.values,mobile:375,tablet:768,desktopWide:1440}},components:{MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{textTransform:"none"}},variants:[{props:{size:"extraLarge"},style:{padding:"11px 22px",letterSpacing:".46px",fontSize:"15px",lineHeight:"26px"}}]},MuiTab:{styleOverrides:{root:{color:(0,n.Fq)(r.theme.palette.grey[900],.4),"&.MuiButtonBase-root":{minHeight:"0 !important",padding:"8px",fontSize:"14px",lineHeight:"20px",fontWeight:"400",borderRadius:"8px","& svg":{color:"dark"===e?"primary":r.theme.palette.action.active}

1,"&:hover":{backgroundColor:r.theme.palette.grey[100],color:"dark"===e?"black":"text.secondary"},"&.Mui-selected":{backgroundColor:r.theme.palette.deepOrange[50],color:r.theme.palette.primary.main,"& svg":{color:r.theme.palette.primary.main}}}}}}},maxWidth:1440})},64049:function(e,t,i){i.r(t),i.d(t,{default:function(){return O}});var o=i(85893),n=i(67294),r=i(2734),a=i(99226),s=i(7906),l=i(23795),p=i(65582),c=i(69417),m=i(79426),d=i(22430),h=i(51233),u=i(15861),x=i(78462),g=i(97212),f=i(35576),b=i(76907),y=i(21448),k=i(27484),Z=i.n(k);i(33697);var w=i(96463),j=i(57762),v=i(38778),S=i(51930),C=i(90813),_=i(75503),T=i(18571),z=i(50594),D=i(82175),N=i(47041),W=i(16310),L=i(67123),E=i(13494),M=i(11163);function I(e){let{thankYouMessage:t,pdfLink:i}=e,r=(0,M.useRouter)();return(0,n.useEffect)(()=>{window.open(i,"_blank")},[]),(0,o.jsxs)(a.Z,{sx:{height:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:2},children:[(0,o.jsx)(u.Z,{sx:{color:"white",fontSize:16},children:t}),(0,o.jsx)(c.Z,{onClick:()=>r.push("/demos"),size:"small",variant:"contained",color:"secondary",children:"Book A Demo"})]})}let F=W.Ry().shape({firstName:W.Z_().required("First Name is required *"),lastName:W.Z_().required("Last Name is required * "),email:W.Z_().email("Invalid email").required("Email is required * ")});function A(e){let{height:t,setDownloadClick:i,description:s,thankYouMessage:l,pdfLink:p,cookieName:m,setShowPopup:d}=e,h=(0,r.Z)(),{lastVisitedPath:x,lastVisitedURL:g}=(0,E.Z)(),[f,b]=(0,n.useState)(!1),y=async e=>{let t=(0,L.WE)(e,e?.inquiryReason,"Mindshare Pop Up Form","","Website",x,g);return await (0,L.H4)(t),t.newsletter_signup&&await (0,L.WX)(t),b(!0),k(window.location.pathname),e},k=e=>{let t={maxAge:31536e6},i=new Date;if(i.setDate(new Date().getDate()+15),!(0,N.hasCookie)(m)){(0,N.setCookie)(m,JSON.stringify([{path:e,expire:i}]),t);return}let o=JSON.parse((0,N.getCookie)(m));o.push({path:e,expire:i}),(0,N.setCookie)(m,JSON.stringify(o),t)};return(0,o.jsx)(a.Z,{sx:{position:"fixed",right:"0",bottom:"0",zIndex:0,width:"100%",maxWidth:290,height:"100%",height:t||0,background:h.palette.zesty.zestyBlue,borderRadius:"20px 0 0 0px",transition:"height 0.1s ease-in-out",display:"flex"},children:(0,o.jsxs)(a.Z,{sx:{p:2},children:[t?(0,o.jsx)(z.Z,{onClick:()=>{i(!1),f&&d(!1)},sx:{color:"white",cursor:"pointer",position:"absolute",top:10,right:10,fontSize:18}}):null,f?(0,o.jsx)(o.Fragment,{children:t?(0,o.jsx)(I,{pdfLink:p,thankYouMessage:l}):null}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{sx:{mt:2},children:(0,o.jsx)(u.Z,{sx:{letterSpacing:1,lineHeight:"16px",color:h.palette.zesty.zestyWhite,fontWeight:"bold"},children:s})}),(0,o.jsx)(a.Z,{sx:{mt:2},children:(0,o.jsx)(D.J9,{initialValues:{firstName:"",lastName:"",email:""},validationSchema:F,onSubmit:y,children:e=>{let{isSubmitting:t}=e;return(0,o.jsx)(D.l0,{children:(0,o.jsxs)(a.Z,{sx:{display:"flex",flexDirection:"column",gap:2},children:[(0,o.jsxs)(a.Z,{children:[(0,o.jsx)(D.gN,{name:"firstName",children:e=>{let{field:t}=e;return(0,o.jsx)(T.Z,{...t,sx:{width:"100%",background:"white",borderRadius:2},color:"primary",label:"First Name",variant:"filled",type:"text"})}}),(0,o.jsx)(D.Bc,{name:"firstName",component:"div",style:{fontSize:10,color:"white",textAlign:"left",marginTop:2}})]}),(0,o.jsxs)(a.Z,{children:[(0,o.jsx)(D.gN,{name:"lastName",children:e=>{let{field:t}=e;return(0,o.jsx)(T.Z,{...t,sx:{width:"100%",background:"white",borderRadius:2},color:"primary",label:"Last Name",variant:"filled",type:"text"})}}),(0,o.jsx)(D.Bc,{style:{fontSize:10,color:"white",textAlign:"left",marginTop:2},name:"lastName",component:"div"})]}),(0,o.jsxs)(a.Z,{children:[(0,o.jsx)(D.gN,{name:"email",children:e=>{let{field:t}=e;return(0,o.jsx)(T.Z,{...t,sx:{width:"100%",background:"white",borderRadius:2},color:"primary",label:"Email",variant:"filled",type:"email"})}}),(0,o.jsx)(D.Bc,{style:{fontSize:10,color:"white",textAlign:"left",marginTop:2},name:"email",component:"div"})]}),(0,o.jsx)(c.Z,{id:"gated-popup-modal",variant:"contained",sx:{width:"100%"},color:"secondary",type:"submit",disabled:t,children:"Download Now"})]})})}})})]})]})})}function H(e){let{title:t,description:i,ctaText:s,thankYouMessage:l,pdfLink:p,cookieName:m,setShowPopup:d}

1=e,[h,x]=(0,n.useState)(!0),[g,f]=(0,n.useState)(!1),b=(0,r.Z)();return(0,o.jsx)(a.Z,{sx:{position:"fixed",right:"0",bottom:"0",zIndex:0,width:"100%",maxWidth:290,display:"flex",minHeight:h?110:40,justifyContent:"flex-end",alignItems:"flex-end",background:b.palette.zesty.zestyBlue,borderRadius:"20px 0 0 0px",transition:"height 0.1s ease-in-out"},children:(0,o.jsxs)(a.Z,{sx:{p:1,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",width:"100%",gap:2,position:"relative"},children:[(0,o.jsx)(a.Z,{sx:{display:"flex"},children:(0,o.jsx)(u.Z,{sx:{color:b.palette.zesty.zestyWhite,fontWeight:"bold",letterSpacing:.1,lineHeight:"16px"},children:t})}),h?(0,o.jsx)(_.Z,{onClick:()=>x(!h),sx:{color:"white",cursor:"pointer",fontSize:18,position:"absolute",right:10,top:4}}):(0,o.jsx)(C.Z,{onClick:()=>x(!h),sx:{color:"white",cursor:"pointer",fontSize:18,position:"absolute",right:10,top:4}}),h&&(0,o.jsx)(c.Z,{size:"small",onClick:()=>f(!g),variant:"contained",color:"secondary",children:s}),(0,o.jsx)(A,{pdfLink:p,thankYouMessage:l,description:i,setDownloadClick:f,height:g?425:0,cookieName:m,setShowPopup:d})]})})}var O=function(e){let{content:t}=e,[i,c]=(0,n.useState)(t?.article),[k,C]=(0,n.useState)(!1),[_,T]=(0,n.useState)([]),{palette:z}=(0,r.Z)(),{data:D}=(0,j.Z)("/-/all-articles-hydrated.json?limit=4",t.zestyProductionMode),W=/Error hydrating/gi,L=t.author?.data[0]?.headshot?.data[0]?.url||m.Z.image,E=t.author?.data[0]?.name||m.Z.header,M=Z()(t.date).format("MMMM DD, YYYY")||m.Z.date,I=t?.category?.data[0]?.category||m.Z.defaultCategoryName,F=t?.category?.data[0]?.meta?.web?.uri||m.Z.defaultCategoryUrl,A=t?.author?.data[0]?.meta?.web?.uri,O=t?.author?.data[0]?.description,P=t?.tags?.data?.map(e=>({name:e?.tag,link:e?.meta?.web?.uri})),[q,B]=(0,n.useState)(!1),$="DOWNLOADED_PDF",U=/\[CALL TO ACTION (\d+)\]/g;(0,n.useEffect)(()=>{let e;c(((e=document.createElement("div")).innerHTML=i,e.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(e=>{e.querySelectorAll("span").forEach(e=>{e.replaceWith(...e.childNodes)})}),e.innerHTML))},[i]),(0,n.useEffect)(()=>{var e;let o;c((e=i?.includes("Error hydrating")?t?.article.replaceAll(W,""):i,(o=document.createElement("textarea")).innerHTML=e,o.value).replace(U,(e,t)=>`<acronym${t}  title="CALL TO ACTION" />`)),G(window.location.pathname)},[]),(0,n.useEffect)(()=>{T(J(t?.related_articles,D)),C(!0)},[D]);let G=e=>{if(!(0,N.hasCookie)($)){B(!0);return}let t=JSON.parse((0,N.getCookie)($)),i=t.filter(e=>!Y(e.expire));t.length!==i.length&&(0,N.setCookie)($,i,{maxAge:31536e6}),i.some(t=>t.path===e)||B(!0)},Y=e=>{let t=new Date;return new Date(e)<t},J=function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o=[],n=4;return e?.data?.length>4&&(n=e.data.length,i=[]),(null!==e||e)&&e?.data.map(e=>{let{title:t,description:i,date:n,author:r,hero_image:a,meta:s}=e,l=new Date(n);o.push({title:t,author:{name:r?.data[0]?.name,image:r?.data[0]?.headshot?.data[0].url},description:i,date:l.toLocaleString("default",{month:"long"})+" "+l.getDate(),image:a?.data?a.data[0].url:m.Z.image,path:s?.web?.uri})}),[...o,...i].filter((e,i,o)=>i===o.findIndex(i=>i.title===e.title&&i.title!==t?.title)).slice(0,n)},V={title:t?.pop_up_title||"FREE CMS BUYING GUIDE",description:t?.pop_up_description||"DOWNLOAD CMS BUYING GUIDE",ctaText:t?.pop_up_cta_text||"DOWNLOAD NOW",thankYouMessage:t?.pop_up_thank_you||"Thank you for downloading our CMS buying guide. Reach out to us for a free discovery call, demo call or a free trial",pdfLink:t?.pdf_link||"https://kfg6bckb.media.zestyio.com/HeadlessCMS-Buyers-Guide-Zesty.H17lCRwtp.pdf",cookieName:$,setShowPopup:B},X=k?`:is(span, p, h1, h2, h3, h4, h5, h6) :is(img) {
2  width: auto;
3  max-width: 100%;
4  }
5  :h1 span, :h2 span {
6    color: black;
7  }`:"",K=e=>{let i=t?.call_to_actions?.data||[];return i?.filter(t=>t.sort_order==e)[0]};return(0,o.jsxs)(a.Z,{sx:{position:"relative"},children:[(0,o.jsx)(d.Z,{theme:()=>(0,y.Z)(z.mode),children:(0,o.jsxs)(h.Z,{children:[(0,o.jsx)(b.default,{author:E,authorImage:L,categoryLink:F,authorLink:A,heading:t?.title||m.Z.header,overline:I,supportingText:M,articleImage:t.hero_image?.data?t.hero_image.data[0].url:m.Z.image}),(0,o.jsxs)(h.Z,{sx:e=>({mb:6,"& >

7 :first-child":{marginTop:6,"& > *:first-child":{mt:0}},[e.breakpoints.up("lg")]:{width:"800px",mx:"auto"}}),children:[(0,o.jsx)("style",{children:X}),(0,o.jsx)(f.Z,{options:{overrides:{acronym1:{component:R,props:K(1)},acronym2:{component:R,props:K(2)},acronym3:{component:R,props:K(3)},acronym4:{component:R,props:K(4)},acronym5:{component:R,props:K(5)},acronym6:{component:R,props:K(6)},p:{component:u.Z,props:{fontSize:"18px",lineHeight:"28px",color:"text.secondary",mt:"20px",px:2,sx:e=>({[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0}})}},strong:{component:u.Z,props:{component:"strong",sx:()=>({color:"text.primary",fontSize:"18px",lineHeight:"28px",fontWeight:700})}},h1:{component:u.Z,props:{component:"h1",variant:"h1",mt:6,color:"text.primary",fontWeight:800,px:2,letterSpacing:"-0.02em",sx:e=>({[e.breakpoints.up("xs")]:{"&:has(img)":{mt:"0",px:0,width:"100%"}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0},"& + p > span > span > img":{mt:"20px !important"}})}},h2:{component:u.Z,props:{component:"h2",variant:"h2",mt:6,color:"text.primary",fontWeight:800,px:2,letterSpacing:"-0.02em",sx:e=>({[e.breakpoints.up("xs")]:{"&:has(img)":{mt:"0",px:0,width:"100%"}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0},"& + p > span > span > img":{mt:"20px !important"}})}},h3:{component:u.Z,props:{component:"h3",variant:"h3",mt:6,color:"text.primary",fontWeight:800,px:2,sx:e=>({[e.breakpoints.up("xs")]:{"&:has(img)":{mt:"0",px:0,width:"100%"}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0},"& + p > span > span > img":{mt:"20px !important"}})}},h4:{component:u.Z,props:{component:"h4",variant:"h4",mt:"20px",color:"text.primary",letterSpacing:"-0.02em",px:2,sx:e=>({[e.breakpoints.up("xs")]:{"&:has(img)":{mt:"0",px:0,width:"100%"}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0},"& + p > span > span > img":{mt:"20px !important"}})}},h5:{component:u.Z,props:{component:"h5",variant:"h5",mt:"20px",color:"text.primary",letterSpacing:"-0.02em",px:2,sx:e=>({[e.breakpoints.up("xs")]:{"&:has(img)":{mt:"0",px:0,width:"100%"}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0},"& + p > span > span > img":{mt:"20px !important"}})}},h6:{component:u.Z,props:{component:"h6",variant:"h6",mt:"20px",color:"text.primary",letterSpacing:"-0.02em",px:2,sx:e=>({[e.breakpoints.up("xs")]:{"&:has(img)":{mt:"0",px:0,width:"100%"}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0},"& + p > span > span > img":{mt:"20px !important"}})}},img:{component:"img"},iframe:{component:e=>{let{children:t,...i}=e;return(0,o.jsx)(a.Z,{component:"iframe",...i,children:t})},props:{sx:e=>({[e.breakpoints.up("xs")]:{mt:6,width:"100%",height:"210px"},[e.breakpoints.up("tablet")]:{height:"432px"},[e.breakpoints.up("lg")]:{height:"450px"}})}},ul:{component:x.Z,props:{sx:e=>({[e.breakpoints.up("xs")]:{color:"text.secondary",fontSize:"18px",lineHeight:"28px",fontWeight:500,py:0,mt:"20px","& .MuiListItem-root":{display:"list-item",listStyleType:"disc"},mx:3,"& ul":{mt:"12px",mx:2,p:0}},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0,"& ul":{mx:2}}})}},ol:{component:x.Z,props:{component:"ol",sx:e=>({[e.breakpoints.up("xs")]:{color:"text.secondary",fontSize:"18px",lineHeight:"28px",fontWeight:500,"& .MuiListItem-root":{display:"list-item",listStyleType:"auto"},mx:3},[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto",px:0}})}},li:{component:g.ZP,props:{sx:e=>({[e.breakpoints.up("xs")]:{listStyleType:"initial",px:0,pt:0,pb:"12px","& p":{m:0,p:0}},[e.breakpoints.up("tablet")]:{mx:3}})}},blockquote:{component:h.Z,props:{px:2,sx:e=>({mt:"20px",borderLeft:`4px solid ${e.palette.primary.main}`,[e.breakpoints.up("tablet")]:{width:"640px",mx:"auto"},"& p,h1,h2,h3,h4,h5,h6":{mt:0}})}},table:{component:s.Z,props:{sx:e=>({overflowX:"auto",display:"block",height:"auto !important",width:"100% !important",mt:"20px","& img, span":{mt:"0px !important",objectFit:"contain",height:"240px"},"& span":{mt:"0px !important",maxWidth:"auto !important"},"& p":{width:"auto"},"& tr":{bgcolor:"transparent !important"},"& td":{color:"dark"===e.palette.mode?"white":"text.primary"}})}},a:{component:l.Z,props:{color:"info.main",sx:{"& img":{maxWidth:"100%"},"& > span > span:has(img)":{height:"100%",display:"inline-block",width:"100%"},"& > span > span > img":{cursor:"pointer",pointerEvents:"none"}}}},sub:{props:{style:{fontSize:"14px",lineHeight:"14px"}}},sup:{props:{style:{fontSize:"14px",lineHeight:"14px"}}},code:{props:{style:{backgroundColor:"dark"===z.mode?"darkblue":"#F5F7F9"}}},pre:{props:{style:{backgroundColor:"dark"===z.mode?"transparent":"#F5F7F9"}}}}},children:i||m.Z.rich_text})]}),(0,o.jsx)(w.default,{authorName:E,authorDescription:O,authorImage:L,tags:P,authorLink:A}),(0,o.jsx)(v.Z,{title:"Related Articles",articles:_})]})}),(t?.enable_newsletter_subscription===null||t?.enable_newsletter_subscription=="1")&&(0,o.jsx)(p.Z,{position:"relative",zIndex:3,children:(0,o.jsx)(S.I2,{title:"Subscribe to the zestiest newsletter in the industry",description:"Get the latest from the Zesty team, from whitepapers to product updates.",cta:"Subscribe"})}),q&&(0,o.jsx)(H,{...V})]})};function R(e){let{cta_title:t,cta_description:i,cta_text:n,cta_link:r}=e;return(0,o.jsx)(o.Fragment,{children:t&&i&&(0,o.jsxs)(a.Z,{sx:{display:"flex",flexDirection:"column",padding:4,gap:2,justifyContent:"center",alignItems:"start",height:"auto",width:"100%",backgroundColor:"#101828",borderRadius:"8px",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.1)",textAlign:"left"},children:[(0,o.jsx)(u.Z,{variant:"h5",fontWeight:700,color:"white",children:t||""}),(0,o.jsx)(f.Z,{options:{overrides:{p:{component:u.Z,props:{variant:"body1",color:"#D0D5DD"}},span:{component:u.Z,props:{variant:"body1",color:"#D0D5DD"}}}},children:i||""}),(0,o.jsx)(c.Z,{target:"_blank",href:r||"",component:"a",variant:"contained",color:"primary",children:n||""})]})})}}}]);