"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4297],{54333:function(e,n,t){t.d(n,{Z:function(){return h}});var i=t(85893),r=t(85001);t(67294);var o=t(45697),p=t.n(o),a=t(57437),s=t(92162),c=t(10351),l=t(78384),d=t(24730),u=l.ZP.div.withConfig({componentId:"sc-9a5f9967-0"})(["display:flex;flex-wrap:wrap;@media (max-width:600px){flex-direction:column;}"]),f=l.ZP.div.withConfig({componentId:"sc-9a5f9967-1"})(["flex:0 0 calc(50% - 12px);margin-bottom:","px;@media (min-width:600px){&:nth-child(odd){margin-right:","px;}&:nth-child(even){margin-left:","px;}}"],2*d.mg,1.5*d.mg,1.5*d.mg),m=function(e){var n=e.apps;return(0,i.jsx)(u,{children:n.map(function(e){return(0,i.jsx)(f,{children:(0,i.jsx)(s.Z,{path:"/".concat(r.CONNECT_PATH,"/").concat(e.slug,"/"),linkComponent:c.Z,children:(0,i.jsx)(a.Z,{icon:e.icon,title:e.name,description:e.shortDescription,"data-qa":"app-card",isInAppList:!0,boldTitle:!0})})},e.id)})})};m.propTypes={apps:p().array},m.defaultProps={apps:[]};var h=m;m.displayName="AppList"},24297:function(e,n,t){t.r(n),t.d(n,{default:function(){return A}});var i=t(71484),r=t(29033),o=t(50684),p=t(55897),a=t(85893),s=t(67294),c=t(45697),l=t.n(c),d=t(32283),u=t(95006),f=t(21581),m=t(28744),h=t(85001),x=t(51948),g=t(62981),O=t(78384),w=t(68337),j=t(89585),v=t(33019),b=O.ZP.div.withConfig({componentId:"sc-1d18136f-0"})(["background-color:",";color:",";border-radius:",";box-shadow:",";transition:box-shadow 0.3s ease-in-out;overflow-wrap:break-word;cursor:pointer;&:hover{box-shadow:0 5px 15px rgba(0,0,0,0.3);}"],w.NeutralColors.White,w.NeutralColors.Ink,j.n.medium,v.g.small),Z=O.ZP.div.withConfig({componentId:"sc-1d18136f-1"})(["display:flex;flex-direction:column;flex:1;padding:12px 16px;"]),_=O.ZP.span.withConfig({componentId:"sc-1d18136f-2"})(["max-height:40px;",""],g.c.lineClamp(2)),y=O.ZP.span.withConfig({componentId:"sc-1d18136f-3"})(["margin-bottom:8px;"]),E=O.ZP.div.withConfig({componentId:"sc-1d18136f-4"})(["background-color:",";height:145px;display:flex;align-items:center;justify-content:center;border-radius:3px 3px 0 0;"],function(e){return e.background}),C=function(e){var n=e.app,t=(0,x.lg)(n.featuredIcon),i=(0,x.lg)(n.featuredIcon,2);return(0,a.jsxs)(b,{"data-qa":"app-card",children:[(0,a.jsx)(E,{background:n.accentColor,children:t&&(0,a.jsx)("img",{src:t,srcSet:"".concat(t," 1x, ").concat(i," 2x")})}),(0,a.jsxs)(Z,{children:[(0,a.jsx)(f.Z,{as:y,size:m.NO.S,emphasised:!0,children:n.name}),(0,a.jsx)(_,{title:n.shortDescription,children:n.shortDescription})]})]})};C.propTypes={app:l().object},C.defaultProps={app:null},C.displayName="FeaturedAppCard";var P=t(92162),I=t(10351),z=t(24730),S=O.ZP.div.withConfig({componentId:"sc-66d3ef62-0"})(["display:flex;flex-wrap:wrap;@media (max-width:600px){flex-direction:column;}"]),T=O.ZP.div.withConfig({componentId:"sc-66d3ef62-1"})(["flex:0 0 calc(33.333% - 16px);margin-bottom:","px;@media (min-width:600px){&:nth-child(3n-1){margin-left:","px;margin-right:","px;}}"],3*z.mg,3*z.mg,3*z.mg),N=function(e){var n=e.apps;return(0,a.jsx)(S,{children:n.map(function(e){return(0,a.jsx)(T,{children:(0,a.jsx)(P.Z,{path:"/".concat(h.CONNECT_PATH,"/").concat(e.slug,"/"),linkComponent:I.Z,children:(0,a.jsx)(C,{app:e})})},e.id)})})};N.propTypes={apps:l().array.isRequired};var R=t(54333),k=t(69347),V=t(2723),F=O.ZP.span.withConfig({componentId:"sc-9cdf3d12-0"})(["color:",";"],w.NeutralColors.Grey700),D=O.ZP.h2.withConfig({componentId:"sc-9cdf3d12-1"})(["font-weight:",";"],V.Ue.medium),H=function(e){(0,o._)(t,e);var n=(0,p._)(t);function t(){return(0,i._)(this,t),n.apply(this,arguments)}return(0,r._)(t,[{key:"render",value:function(){return(0,a.jsx)(k.Z,{gap:2,orientation:"vertical",children:this.props.sections.map(function(e){return(0,a.jsxs)("div",{children:[(0,a.jsxs)(k.Z,{gap:.5,orientation:"vertical",children:[(0,a.jsx)(d.Z,{as:D,size:u.NO.ZERO,children:e.title}),(0,a.jsx)(f.Z,{as:F,size:m.NO.S,children:e.description})]}),(0,a.jsx)("div",{style:{marginBottom:"24px"}}),e.isFeatured?(0,a.jsx)(N,{apps:e.apps}):(0,a.jsx)(R.Z,{apps:e.apps})]},e.id)})})}}]),t}(s.PureComponent);H.propTypes={sections:l().array.isRequired};var A=H},95006:function(e,n,t){t.d(n,{Ac:function(){return f},D7:function(){return u},Kt:function(){return d},NO:function(){return c},iG:function(){return m},lG:function(){return h}});var i,r,o,p=t(73292),a=t(45697),s=t.n(a),c={ZERO:"size0",ONE:"size1",TWO:"size2",THREE:"size3",FOUR:"size4",FIVE:"size5",SIX:"size6"},l=Object.values(c),d=(i={},(0,p._)(i,c.ZERO,"24px"),(0,p._)(i,c.ONE,"30px"),(0,p._)(i,c.TWO,"36px"),(0,p._)(i,c.THREE,"48px"),(0,p._)(i,c.FOUR,"64px"),(0,p._)(i,c.FIVE,"80px"),(0,p._)(i,c.SIX,"112px"),i),u=(r={},(0,p._)(r,c.ZERO,"-0.02em"),(0,p._)(r,c.ONE,"-0.02em"),(0,p._)(r,c.TWO,"-0.02em"),(0,p._)(r,c.THREE,"-0.02em"),(0,p._)(r,c.FOUR,"-0.02em"),(0,p._)(r,c.FIVE,"-0.02em"),(0,p._)(r,c.SIX,"-0.03em"),r),f=(o={},(0,p._)(o,c.ZERO,"1.2"),(0,p._)(o,c.ONE,"1.1"),(0,p._)(o,c.TWO,"1.1"),(0,p._)(o,c.THREE,"1.1"),(0,p._)(o,c.FOUR,"1.1"),(0,p._)(o,c.FIVE,"1"),(0,p._)(o,c.SIX,"1"),o),m={children:s().node,element:s().oneOf(["h1","h2","h3","h4","h5","h6"]),size:s().oneOf(l),extraSmallViewportsSize:s().oneOf(l),smallViewportsSize:s().oneOf(l),mediumViewportsSize:s().oneOf(l),largeViewportsSize:s().oneOf(l)},h={element:"h1",size:c.THREE,extraSmallViewportsSize:null,smallViewportsSize:null,mediumViewportsSize:null,largeViewportsSize:null}},32283:function(e,n,t){var i=t(81180),r=t(91),o=t(67294),p=t(23734),a=t(95006),s=t(85893),c=["element"];function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,i)}return t}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach(function(n){(0,i.Z)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var u=function(e){var n=e.element,t=(0,r.Z)(e,c);return(0,s.jsx)(p.ZT,d(d({as:n},t),{},{fontSizes:a.Kt,letterSpacings:a.D7,lineHeights:a.Ac}))};u.propTypes=a.iG,u.defaultProps=a.lG,n.Z=(0,o.memo)(u)}}]);
//# sourceMappingURL=4297.23a681e8eb24b5a8.js.map