https://front.com/_next/static/chunks/pages/customer-stories/[slug]-d600bee5952b80a3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8259],{16815:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/customer-stories/[slug]",function(){return s(68725)}])},23467:function(e,l,s){"use strict";var t=s(85893),i=s(93967),r=s.n(i);l.Z=e=>{let{children:l,className:s=""}=e;return(0,t.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",s),children:l})}},68725:function(e,l,s){"use strict";s.r(l),s.d(l,{__N_SSG:function(){return B},default:function(){return F}});var t=s(85893),i=s(77832),r=s(22915),n=s(93967),a=s.n(n),o=s(67294),d=s(23467),c=s(52798),u=s(25675),m=s.n(u),x=s(41664),p=s.n(x),v=s(73379);let h=e=>{let{label:l}=e;return(0,t.jsx)("span",{"aria-hidden":!0,className:a()("pointer-events-none absolute left-1/2 top-full z-10 mt-1 -translate-x-1/2","flex flex-col items-center whitespace-nowrap","opacity-0 transition-opacity duration-150","group-hover:opacity-100 group-focus-within:opacity-100"),children:(0,t.jsxs)("div",{className:"relative flex flex-col items-center",children:[(0,t.jsx)("svg",{className:"block shrink-0 text-gray-900",width:10,height:5,viewBox:"0 0 10 5","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M5 0L10 5H0L5 0Z",fill:"currentColor"})}),(0,t.jsx)("div",{className:"-mt-px rounded-[6px] bg-gray-900 p-1",children:(0,t.jsx)(v.xv,{type:"caption2",className:"text-white",children:l})})]})})},g=e=>{let{logos:l}=e;return(0,t.jsxs)("ul",{className:"flex flex-row flex-wrap items-center",role:"list",children:[l.map((e,l)=>(0,t.jsxs)("li",{className:a()("group relative box-border flex size-[40px] shrink-0 items-center justify-center rounded-4","border-2 border-solid border-white bg-gray-100",l>0&&"-ml-[10px]"),style:{zIndex:l},children:[(0,t.jsx)(p(),{href:e.href,className:"flex size-full items-center justify-center rounded-4",children:(0,t.jsx)(m(),{src:e.src,alt:e.alt,width:28,height:28,className:"size-[28px] object-contain"})}),e.showTooltip&&(0,t.jsx)(h,{label:e.label})]},"".concat(e.src,"-").concat(l))),(0,t.jsxs)("li",{className:a()("group relative flex size-[40px] items-center justify-center rounded-4","border-2 border-solid border-white bg-gray-100",l.length>0&&"-ml-[10px]"),style:{zIndex:l.length},children:[(0,t.jsx)(p(),{href:c.rX,className:"flex size-full items-center justify-center rounded-4","aria-label":"View all integrations",children:(0,t.jsx)(m(),{src:"https://front.com/webassets/icons/all-integrations.svg",alt:"",width:16,height:16,className:"size-2 object-contain"})}),(0,t.jsx)(h,{label:"View all"})]},"all-integrations")]})},j=e=>{let{industry:l,companySize:s,keyIntegrations:i,className:r}=e,n="text-micro1 uppercase text-gray-700",o="text-p1 font-500 text-gray-950",c="flex flex-col text-left gap-md col-span-4";return(0,t.jsx)("section",{className:a()("bg-white",r),children:(0,t.jsxs)(d.Z,{className:"w-full py-6",children:[(0,t.jsxs)("div",{className:c,children:[(0,t.jsx)("p",{className:n,children:l.label}),(0,t.jsx)("p",{className:o,children:l.value})]}),(0,t.jsxs)("div",{className:c,children:[(0,t.jsx)("p",{className:n,children:s.label}),(0,t.jsx)("p",{className:o,children:s.value})]}),(0,t.jsxs)("div",{className:c,children:[(0,t.jsx)("p",{className:n,children:i.label}),(0,t.jsx)(g,{logos:i.logos})]})]})})},f=e=>{let{industry:l,companySize:s,keyIntegrations:i,className:r}=e,n="uppercase text-gray-700",o="font-500 text-blue-1000",d="flex flex-col gap-md text-left";return(0,t.jsx)("section",{className:a()("bg-white px-md py-6",r),children:(0,t.jsxs)("div",{className:"mx-auto w-full max-w-grid",children:[(0,t.jsxs)("div",{className:a()(d,"pb-3"),children:[(0,t.jsx)(v.xv,{type:"micro1",className:n,children:l.label}),(0,t.jsx)(v.xv,{type:"p1",className:o,children:l.value})]}),(0,t.jsxs)("div",{className:a()(d,"border-t border-solid border-gray-200 py-3"),children:[(0,t.jsx)(v.xv,{type:"micro1",className:n,children:s.label}),(0,t.jsx)(v.xv,{type:"p1",className:o,children:s.value})]}),(0,t.jsxs)("div",{className:a()(d,"border-t border-solid border-gray-200 pt-3"),children:[(0,t.jsx)(v.xv,{type:"micro1",className:n,children:i.label}),(0,t.jsx)(g,{logos:i.logos})]})]})})},b=e=>{let{className:l,...s}=e;return(0,t.jsxs)(o.Fragment,{children:[(0,t.jsx)(f,{...s,className:a()("md:hidden",l)}),(0,t.jsx)(j,{...s,className:a()("hidden md:block",l)})]})};var N=s(72179),y=s(63526);let w=e=>{let{breadcrumbItems:l=[],companyName:s,title:i,image:r,className:n}=e;return(0,t.jsx)(y.Z,{theme:"theme-dark-violet",children:(0,t.jsx)("section",{className:a()("surface-l0 py-margin-section-md",n),children:(0,t.jsxs)(d.Z,{className:"items-center gap-y-spacing-48 md:gap-y-0",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-xl col-span-4 md:col-span-5",children:[(0,t.jsxs)("nav",{className:"flex gap-[5px] lg:gap-[10px] text-micro1 text-blue-100 uppercase","aria-label":"Breadcrumb",children:[l.map((e,s)=>(0,t.jsxs)(o.Fragment,{children:[(0,t.jsx)(N.Z,{href:e.href,children:(0,t.jsx)(v.xv,{type:"micro1",className:"underline underline-offset-4",as:"span",children:e.label})}),s<l.length-1&&(0,t.jsx)("span",{className:"text-citron-500",children:"→"})]},"".concat(e.label,"-").concat(s))),l.length>0&&(0,t.jsx)("span",{className:"text-citron-500",children:"→"}),(0,t.jsx)(v.xv,{type:"micro1",as:"span",children:s})]}),(0,t.jsx)(v.xv,{as:"h1",type:"h1",className:"text-violet-100",children:i})]}),(0,t.jsx)("div",{className:"relative aspect-square col-span-4 md:col-span-6 overflow-hidden rounded-16 md:mt-0 md:col-start-7",children:(0,t.jsx)(m(),{src:r.src,alt:r.alt,width:624,height:624,className:"h-full w-full object-cover"})})]})})})};var _=s(28448),C=s(31066),k=s(63549),z=s(78533),Z=s(98964),I=s(9008),T=s.n(I),E=s(41686);let P=E.ZP.article.withConfig({componentId:"sc-ec50408b-0"})(["max-width:",";",";width:100%;","{padding-bottom:",";}"],(0,z.v)(960),(0,k.lE)("auto"),(0,k.ip)("tablet"),(0,z.v)(60)),A=E.ZP.div.withConfig({componentId:"sc-ec50408b-1"})(["display:grid;grid-template-columns:100%;margin-bottom:",";","{grid-template-columns:minmax(",",",") minmax(",",",");grid-template-rows:repeat(2,auto);column-gap:",";justify-content:space-between;row-gap:",";margin-top:",";","{grid-row:2;grid-column:2;}}"],(0,z.v)(60),(0,k.Ot)("desktop"),(0,z.v)(280),(0,z.v)(370),(0,z.v)(500),(0,z.v)(700),(0,z.v)(40),(0,z.v)(40),(0,z.v)(40),P),L=E.ZP.aside.withConfig({componentId:"sc-ec50408b-2"})(["display:none;","{display:flex;flex-direction:column;gap:",";grid-column:1;grid-row:2;position:sticky;top:",";align-self:start;}"],(0,k.Ot)("desktop"),(0,z.v)(32),(0,z.v)(100)),M=e=>{var l;return{label:"Key integrations",logos:(null!==(l=null==e?void 0:e.integrations)&&void 0!==l?l:[]).map(e=>{var l,s,t,i,r;let n=null==e?void 0:null===(l=e.integrationLogo)||void 0===l?void 0:l[0];if(!(null==n?void 0:n.url))return null;let a=null!==(i=null==e?void 0:null===(s=e.title)||void 0===s?void 0:s.trim())&&void 0!==i?i:"",o=null!==(r=null==e?void 0:null===(t=e.url)||void 0===t?void 0:t.trim())&&void 0!==r?r:"";return{src:n.url,alt:a?"".concat(a," logo"):"Integration logo",showTooltip:!!a,label:a,href:o}}).filter(e=>null!==e)}},O=e=>{var l,s,t,i,r;return{industry:{label:"Industry",value:null!==(i=null==e?void 0:null===(l=e.industryCategories)||void 0===l?void 0:l.map(e=>

1null==e?void 0:e.title).filter(Boolean).join(", "))&&void 0!==i?i:"—"},companySize:{label:"Company size",value:null!==(r=null==e?void 0:null===(t=e.customerData)||void 0===t?void 0:null===(s=t.find(e=>{var l;return"company size"===(null!==(l=null==e?void 0:e.heading)&&void 0!==l?l:"").trim().toLowerCase()}))||void 0===s?void 0:s.value)&&void 0!==r?r:"—"}}},S=e=>{var l,s,n,a,d,u,m,x,p,v,h;let{entry:g,relatedArticles:j}=e,f=null==g?void 0:null===(l=g.customer)||void 0===l?void 0:l[0],N=null==f?void 0:null===(s=f.customerLogo)||void 0===s?void 0:s[0],{industry:y,companySize:k}=(0,o.useMemo)(()=>O(f),[f]),z=(0,o.useMemo)(()=>M(f),[null==f?void 0:f.integrations]),Z=(0,o.useMemo)(()=>{var e;return(0,C.C_)(null==g?void 0:null===(e=g.blogArticleContent)||void 0===e?void 0:e.rawNodes)},[null==g?void 0:null===(n=g.blogArticleContent)||void 0===n?void 0:n.rawNodes]),I=(0,o.useMemo)(()=>[{label:"Customer stories",href:c.o3}],[]);return(0,t.jsxs)(t.Fragment,{children:[(null==g?void 0:g.heroTitle)&&(0,t.jsx)(T(),{children:(0,t.jsx)("meta",{property:"graphite:title",content:g.heroTitle})}),(0,t.jsx)(w,{className:"pt-12 md:pt-18",breadcrumbItems:I,companyName:null!==(x=null==f?void 0:f.title)&&void 0!==x?x:"",title:null!==(p=null==g?void 0:g.heroTitle)&&void 0!==p?p:"",image:(null==N?void 0:N.url)?{src:null==g?void 0:null===(d=g.coverImage)||void 0===d?void 0:null===(a=d[0])||void 0===a?void 0:a.url,alt:null!==(h=null!==(v=N.altText)&&void 0!==v?v:null==f?void 0:f.title)&&void 0!==h?h:""}:{src:"",alt:""}}),(0,t.jsx)(b,{industry:y,companySize:k,keyIntegrations:z}),(0,t.jsx)("section",{className:"bg-white md:py-0 px-container-mobile md:px-container-desktop",children:(0,t.jsx)("div",{className:"mx-auto w-full max-w-[1460px]",children:(0,t.jsx)("div",{className:"rounded-s bg-gray-50 p-6 md:p-8 md:px-12",children:(0,t.jsxs)(A,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(_.Z,{nodes:null==g?void 0:null===(u=g.blogArticleContent)||void 0===u?void 0:u.nodes,rawNodes:null==g?void 0:null===(m=g.blogArticleContent)||void 0===m?void 0:m.rawNodes})}),(0,t.jsx)(L,{children:Z.length>0&&(0,t.jsx)(r.Z,{title:"In this article",items:Z})})]})})})}),j&&j.length>0&&(0,t.jsx)("div",{className:"mt-3",children:(0,t.jsx)(i.Z,{carouselTitle:"Related stories",theme:"white",relatedArticles:j,cropThumbImages:!0})})]})};S.template=e=>(0,t.jsx)(Z.Z,{...e,hideTopPattern:!1,invert:!0,className:"md:-mt-[80px]"});var B=!0,F=S}},function(e){e.O(0,[8086,4754,6052,6656,4504,1270,2888,9774,179],function(){return e(e.s=16815)}),_N_E=e.O()}]);
2//# sourceMappingURL=[slug]-d600bee5952b80a3.js.map