https://www.kssenergia.fi/_next/static/chunks/8801.24b5f7f453596b0f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8801],{8801:(e,i,r)=>{r.r(i),r.d(i,{default:()=>eF});var n=r(7876),l=r(6482),t=r(3986),a=r(9547),d=r(5936),o=r(51),s=r(2023),m=r(4232),c=r(131),h=r(7616),u=r(7235);let p=(0,t.I4)("div",{maxWidth:"513px",margin:"2rem auto",display:"flex",flexDirection:"column",gap:"1rem",button:{maxWidth:"none"}}),x=(0,t.I4)("div",{margin:"0 0 2rem 0"}),g=(0,t.I4)("div",{display:"flex",gap:"1rem",justifyContent:"center"}),j=(0,t.I4)("div",{display:"flex",gap:"0.5rem",alignItems:"start",flexDirection:"column"}),f=(0,t.I4)(l.hg,{color:"$orange",flexGrow:0}),v=(0,t.I4)(l.hg,{textAlign:"center",margin:"2rem auto"}),C=(0,t.I4)("div",{display:"grid",gridGap:"1.5rem",width:"100%",maxWidth:"416px","@medium":{gridTemplateColumns:"repeat(2, 1fr)",marginBottom:"2rem",maxWidth:"840px"},"@large":{gridTemplateColumns:"repeat(3, 1fr)",maxWidth:"initial"}}),P=(0,t.I4)("input",{width:"10rem",fontSize:"$mobile-body3",borderRadius:"0.5rem",border:"1px solid $grey0",padding:"0 0.5rem",minHeight:"2.5rem",outline:"none","&:focus-visible":{border:"1px solid $darkBlue"},"@medium":{width:"12rem",fontSize:"$desktop-body3",padding:"0 1rem",height:"3.5rem"}}),b=(0,t.I4)("div",{maxWidth:"513px",margin:"2rem auto"}),w=(0,t.I4)("div",{display:"flex",flexDirection:"row",gap:"1rem",alignItems:"center",justifyContent:"center"}),I=(0,t.I4)("div",{margin:"1rem auto",display:"flex",gap:"1rem",alignItems:"center",justifyContent:"center",flexDirection:"column","@semi-medium":{flexDirection:"row",gap:"2rem"},"@medium":{margin:"1.5rem auto"}}),y=(0,t.I4)("div",{background:"$orange3",borderRadius:"0.8rem",padding:"1rem",marginTop:"1rem"}),_=(0,t.I4)("div",{display:"flex",flexDirection:"column",gap:"0.5rem",flex:"1 1 0px"}),k=(0,t.I4)("div",{display:"flex",flexDirection:"column",gap:"1rem",justifyContent:"space-between","@medium":{flexDirection:"row"}}),z=(0,t.I4)(l.hg,{display:"flex",gap:"1rem"}),$=(0,t.I4)("div",{border:"1px solid $orange",borderRadius:"1rem",padding:"1rem",margin:"2rem auto",display:"flex",flexDirection:"column",gap:"1rem","@small":{padding:"1.5rem"}}),S=e=>{let{products:i}=e,{t:r}=(0,d.Bd)("common",{keyPrefix:"consumption_based_solar_panel_calculator"}),[t,S]=m.useState(),[L,W]=m.useState(),[R,T]=m.useState(),[M,D]=m.useState(),[F,A]=m.useState();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.l1,{initialValues:{consumptionKwh:""},enableReinitialize:!0,onSubmit:e=>{let n=Math.ceil(parseFloat(e.consumptionKwh)/1e3),l=i.filter(e=>e.panelCount<=n).at(-1);D(Math.ceil(n*a.P.panelWidth*a.P.panelLength*1.2)),A(n),l?n>a.P.maxPanels?(S(void 0),T(r("no_suitable_product_max",{panels:a.P.maxPanels,area:Math.ceil(a.P.maxPanels*a.P.panelWidth*a.P.panelLength)+a.P.panelAreaMargin})),W(void 0)):(S(l),T(void 0),W(n-l.panelCount)):(S(void 0),T(r("no_suitable_product_min",{panels:i[0].panelCount,area:Math.ceil(i[0].panelCount*a.P.panelWidth*a.P.panelLength)+a.P.panelAreaMargin})),W(void 0))},children:e=>{let{errors:i,touched:d}=e;return(0,n.jsxs)(o.lV,{noValidate:!0,children:[(0,n.jsxs)(p,{children:[(0,n.jsx)(v,{children:r("title")}),(0,n.jsx)(x,{children:(0,n.jsx)(g,{children:(0,n.jsxs)(j,{children:[(0,n.jsx)(l.fz,{size:"three",as:"label",htmlFor:"width",children:r("consumptionKwh")}),(0,n.jsx)(o.D0,{id:"consumptionKwh",name:"consumptionKwh",type:"number",as:P,placeholder:"esim. 14000",className:d.consumptionKwh&&i.consumptionKwh&&"error"})]})})}),(0,n.jsx)(s.default,{disabled:!!i.consumptionKwh,submit:!0,width:"full",color:"orange",hierarchy:"primary",text:r("calculate")})]}),(R||t)&&(0,n.jsxs)(b,{children:[(0,n.jsxs)(I,{children:[(0,n.jsxs)(w,{children:[(0,n.jsx)(l.TZ,{as:"div",dangerouslySetInnerHTML:{__html:r("recommended_panel_count")}}),(0,n.jsxs)(l.hg,{as:"div",children:[F,"\xa0",r("kpl")]})]}),(0,n.jsxs)(w,{children:[(0,n.jsx)(l.TZ,{as:"div",children:r("area")}),(0,n.jsxs)(l.hg,{as:"div",children:[M,"\xa0m\xb2"]})]})]}),(0,n.jsxs)($,{children:[(0,n.jsx)(l.jr,{children:r("suggested_product")}),R&&(0,n.jsx)(y,{dangerouslySetInnerHTML:{__html:R}}),t&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(k,{children:[(0,n.jsxs)(_,{children:[(0,n.jsx)(l.hg,{children:t.name}),(0,n.jsx)(l.fz,{size:"four",dangerouslySetInnerHTML:{__html:r("base_price",{panelCount:t.panelCount,basePrice:t.priceInstall,

1wattsPerPanel:Math.round(a.P.wattsPerPanel)})}})]}),(0,n.jsx)(f,{children:"+"}),(0,n.jsxs)(_,{children:[(0,n.jsxs)(z,{children:[L,"\xa0",r("kpl")]}),(0,n.jsx)(l.fz,{size:"four",dangerouslySetInnerHTML:{__html:r("additional_panels_desc",{additionalPanelPrice:a.P.additionalPanelPrice})}})]})]}),(0,n.jsxs)(k,{children:[(0,n.jsxs)(_,{children:[(0,n.jsx)(l.jr,{children:r("total_price")}),(0,n.jsxs)(l.hg,{children:[t.priceInstall+L*a.P.additionalPanelPrice," ","€"]}),(0,n.jsx)(l.fz,{size:"four",children:r("sis_alv")})]}),(0,n.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,n.jsx)(u.A,{text:r("continue_to_order"),link:"/order-era/".concat(t.sys.id,"?additionalPanels=").concat(L,"&d=")})})]})]})]})]})]})}}),(0,n.jsx)(c.default,{title:r("products_title")}),(0,n.jsx)(C,{children:i.map((e,r)=>{var l;return(0,n.jsx)(h.A,{title:e.name,featureList:e.features,imageWithFocalPoint:e.imageWithFocalPoint,basePrice:e.priceInstall,additionalPanelPrice:a.P.additionalPanelPrice,maxAdditionalPanels:((null==(l=i[r+1])?void 0:l.panelCount)||a.P.maxPanels+1)-e.panelCount-1,baseUrl:"/order-era/".concat(e.sys.id)},r)})})]})};var L=r(4587),W=r.n(L),R=r(6809),T=r(372);let M=e=>{var i,r,l,t,a,o;let{product:s}=e,{t:m}=(0,d.Bd)("common",{keyPrefix:"solar_list"}),{objectPosition:c}=(0,R.A)({focalPoint:null==(i=s.imageWithFocalPoint)?void 0:i.focalPoint.focalPoint,width:null==(r=s.imageWithFocalPoint)?void 0:r.image.width,height:null==(l=s.imageWithFocalPoint)?void 0:l.image.height});return(0,n.jsxs)(F,{children:[(0,n.jsx)(A,{css:{img:{objectPosition:c}},children:(0,n.jsx)(W(),{alt:"Product image",src:null==(a=s.imageWithFocalPoint)||null==(t=a.image)?void 0:t.url,fill:!0})}),(0,n.jsxs)(B,{children:[(0,n.jsx)(K,{children:null==s?void 0:s.name}),(0,n.jsx)(V,{size:"four",children:null==s?void 0:s.description}),(0,n.jsxs)(H,{children:[(0,n.jsxs)(Z,{as:"span",children:[T.uP.format(null==s?void 0:s.priceInstall)," €",s.pricePerMonth&&" tai ".concat(T.uP.format(s.pricePerMonth)," €/kk")]})," ",(0,n.jsx)(N,{as:"span",size:"four",children:m("vat_and_installation_included")})]}),(0,n.jsx)(G,{children:(0,n.jsx)(u.A,{text:"Lue lis\xe4\xe4",size:"small",link:null==s||null==(o=s.infoPage)?void 0:o.path})})]})]})},D=(0,t.I4)("div",{display:"grid",gridGap:"1.5rem",width:"100%",maxWidth:"416px",margin:"0 auto","@medium":{gridTemplateColumns:"repeat(3, 1fr)",maxWidth:"initial"}}),F=(0,t.I4)("div",{width:"100%",borderRadius:"$8px",boxShadow:"$default",background:"$white",display:"flex",flexDirection:"column",position:"relative"}),A=(0,t.I4)("div",{position:"relative",width:"100%",minHeight:"162px",borderTopLeftRadius:"$8px",borderTopRightRadius:"$8px",img:{objectFit:"cover",borderTopLeftRadius:"$8px",borderTopRightRadius:"$8px"}}),B=(0,t.I4)("div",{margin:"1rem",paddingBottom:"3rem","@medium":{margin:"1rem 1.5rem",paddingBottom:"4rem"}}),K=(0,t.I4)(l.jr,{margin:"0.25rem 0"}),V=(0,t.I4)(l.fz,{margin:"0.5rem 0"}),H=(0,t.I4)(l.jr,{margin:"0.5rem 0"}),Z=(0,t.I4)(l.jr,{}),N=(0,t.I4)(l.fz,{whiteSpace:"nowrap"}),G=(0,t.I4)("div",{position:"absolute",bottom:"1rem","@medium":{bottom:"1.5rem"}}),E=e=>{let{products:i}=e;return(0,n.jsx)(D,{children:null==i?void 0:i.map(e=>{var i;return(0,n.jsx)(M,{product:e},null==e||null==(i=e.sys)?void 0:i.id)})})};var U=r(2276),q=r(7460);let J=(0,t.I4)("div",{borderRadius:"1rem",border:"2px solid $orange",padding:"1rem",maxWidth:"628px",margin:"0 auto","@medium":{padding:"2rem"},background:"$white"}),O=(0,t.I4)(l.fz,{maxWidth:"628px",margin:"2rem auto"}),Q=(0,t.I4)(l.lv,{margin:"0.5rem 0",textAlign:"center"}),X=(0,t.I4)("div",{display:"flex",flexDirection:"row",gap:"0.5rem",margin:"2rem 0","@medium":{gap:"2rem"}}),Y=(0,t.I4)("div",{}),ee=(0,t.I4)(l.JU,{display:"block",borderBottom:"1px solid $grey1"}),ei=(0,t.I4)(l.lv,{whiteSpace:"nowrap",margin:"0.5rem 0"}),er=(0,t.I4)(l.fz,{letterSpacing:"0.06px"}),en=(0,t.I4)(l.hg,{color:"$orange",flexGrow:0,paddingTop:"1rem"}),el=(0,t.I4)("div",{flexShrink:"0",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",margin:"0.5rem 0"}),et=(0,t.I4)(l.lv,{minWidth:"2rem",textAlign:"center"}),ea=(0,t.I4)("button",{width:"2rem",height:"2rem",border:"0px",fontSize:"1.5rem",borderRadius:"0.25rem"}),ed=(0,t.I4)(q.g,{minHeight:"1.25rem","@medium":{minHeight:"1.5rem"},variants:{hierarchy:{primary:{path:{fill:"$white"}},secondary:{path:{fill:"$black"}}}}}),eo=(0,t.I4)("div",{display:"flex",justifyContent:"center",marginBottom:"0rem"}),es=e=>{var i;let{products:r}=e,{t:l}=(0,d.Bd)("common",{keyPrefix:"solar_order_now"}),[t,o]=(0,m.useState)(0),s=r[0],c=s.panelCount<10?4:2;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(J,{children:[(0,n.jsx)(Q,{children:l("title")}),(0,n.jsxs)(X,{children:[(0,n.jsxs)(Y,{children:[(0,n.jsx)(ee,{size:"five",children:l("product")}),(0,n.jsx)(ei,{children:s.name}),(0,n.jsx)(er,{size:"four",children:l("consists_of",{panelCount:s.panelCount,wattsPerPanel:a.P.wattsPerPanel})})]}),(0,n.jsx)(en,{children:"+"}),(0,n.jsxs)(Y,{css:{flexBasis:"0"},children:[(0,n.jsx)(ee,{size:"five",children:l("additional_panels")}),(0,n.jsxs)(el,{children:[(0,n.jsx)(ea,{disabled:t<1,onClick:()=>o(t-1),children:(0,n.jsx)(ed,{icon:U.EZy,hierarchy:"secondary"})}),(0,n.jsx)(et,{children:t}),(0,n.jsx)(ea,{disabled:t>c-1,onClick:()=>o(t+1),children:(0,n.jsx)(ed,{icon:U.QLR,hierarchy:"secondary"})})]}),(0,n.jsx)(er,{size:"four",children:l("additional_panels_desc",{maxAdditionalPanels:c})})]}),(0,n.jsx)(en,{children:"="}),(0,n.jsxs)(Y,{children:[(0,n.jsx)(ee,{size:"five",children:l("price")}),(0,n.jsxs)(ei,{children:[T.uP.format(s.priceInstall+t*a.P.additionalPanelPrice)," ","€"]}),(0,n.jsx)(er,{size:"four",children:l("price_includes")})]})]}),(0,n.jsx)(eo,{children:(0,n.jsx)(u.A,{text:l("order_now"),link:"/order-era/".concat(null==(i=s.sys)?void 0:i.id,"?additionalPanels=").concat(t)})})]}),(0,n.jsx)(O,{size:"three",children:l("info")})]})};var em=r(1408);let ec=(0,t.I4)("div",{display:"flex",flexDirection:"column",background:"$grey4",padding:"2rem",borderRadius:"1.5rem",gap:"1.5rem",maxWidth:"628px",margin:"0 auto","> div + div":{borderTop:"1px solid $grey3",paddingTop:"1.5rem",minWidth:"215px"},"@medium":{flexDirection:"row","> div + div":{borderLeft:"1px solid $grey3",borderTop:"none",paddingLeft:"1.5rem",paddingTop:"0"}}}),eh=(0,t.I4)(l.jr,{margin:"0.5rem 0 1rem 0"}),eu=(0,t.I4)("div",{margin:"1rem 0",p:{margin:"0.125rem 0.375rem"}}),ep=(0,t.I4)("div",{display:"flex",flexDirection:"row",alignContent:"center",alignItems:"center",justifyContent:"space-around","@medium":{flexDirection:"column",alignItems:"center"}}),ex=(0,t.I4)("svg",{width:"72px",height:"80px",margin:"0 1.5rem","@medium":{width:"96px",height:"107px"}}),eg=(0,t.I4)(l.TZ,{margin:"1.5rem 0 0.5rem 0",textAlign:"center"}),ej=(0,t.I4)(l.hg,{margin:"0 auto",width:"max-content",hr:{height:"4px",border:"none",margin:"0.25rem 0",backgroundColor:"$orange"}}),ef=(0,t.I4)("input",{fontSize:"$mobile-body3",borderRadius:"0.5rem",border:"1px solid $grey0",outline:"none",padding:"0.5rem 1rem",width:"100%","&:focus-visible":{border:"1px solid $darkBlue"},"@medium":{fontSize:"$desktop-body3"},"&.error":{border:"1px solid red"}}),ev=()=>{let{t:e}=(0,d.Bd)("common",{keyPrefix:"savings_calculator"}),[i,r]=(0,m.useState)();return(0,n.jsxs)(ec,{children:[(0,n.jsx)("div",{children:(0,n.jsx)(o.l1,{initialValues:{pricePerKwh:""},enableReinitialize:!0,validationSchema:(0,em.Ik)({pricePerKwh:(0,em.Yj)().required(e("field_required"))}),onSubmit:e=>{if(!e.pricePerKwh)return void r(void 0);r(.016*a.P.wattsPerPanel*831.25*Number(e.pricePerKwh)*.01)},children:i=>{let{errors:r,touched:t}=i;return(0,n.jsxs)(o.lV,{noValidate:!0,children:[(0,n.jsx)(eh,{children:e("title")}),(0,n.jsx)(l.fz,{size:"three",children:e("desc")}),(0,n.jsxs)(eu,{children:[(0,n.jsx)(o.D0,{name:"pricePerKwh",type:"number",as:ef,placeholder:"Esim. 15",className:t.pricePerKwh&&r.pricePerKwh&&"error"}),(0,n.jsx)(l.fz,{size:"five",children:e("field_desc")})]}),(0,n.jsx)(s.default,{disabled:!!r.pricePerKwh,submit:!0,width:"full",color:"orange",hierarchy:"primary",text:e("calculate")})]})}})}),(0,n.jsxs)(ep,{children:[(0,n.jsx)(ex,{viewBox:"0 0 96 107",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("g",{id:"Group 76",children:(0,n.jsx)("path",{id:"Vector",d:"M48.0002 0C39.5893 0 32.7275 6.86765 32.7275 15.2857C32.7275 23.7038 39.5893 30.5714 48.0002 30.5714C56.4111 30.5714 63.2729 23.7038 63.2729 15.2857C63.2729 6.86765 56.4111 0 48.0002 0ZM48.0002 4.36735C54.0547 4.36735 58.9093 9.22602 58.9093 15.2857C58.9093 21.3454 54.0547 26.2041 48.0002 26.2041C41.9457 26.2041 37.0912 21.3454 37.

10912 15.2857C37.0912 9.22602 41.9457 4.36735 48.0002 4.36735ZM74.0074 28.3878C73.7237 28.3987 73.451 28.4751 73.1892 28.5952L59.7274 35.3209C56.0184 34.3819 52.0911 33.8579 48.0002 33.8579C29.793 33.8579 14.204 43.8918 9.91674 57.8128C6.9822 57.4197 4.36403 55.2688 4.36403 51.3272C4.38585 50.1262 3.43676 49.1217 2.22586 49.0999C2.12768 49.0999 2.0295 49.0999 1.94223 49.1108C0.818594 49.2309 -0.0214026 50.1917 0.000415448 51.3272C0.000415448 57.2013 4.23312 61.1647 8.96765 62.0272C8.81492 63.1737 8.72765 64.331 8.72765 65.5102C8.72765 74.9328 13.9204 83.2525 21.8185 88.9847V104.816C21.8185 106.017 22.8003 107 24.0003 107H38.1821C39.1639 107 40.0366 106.345 40.2984 105.395L42.7857 96.7586C44.5093 96.9442 46.2111 97.1735 48.0002 97.1735C49.7893 97.1735 51.4911 96.9551 53.2147 96.7586L55.702 105.395C55.9638 106.345 56.8256 107 57.8183 107H72.0001C73.2001 107 74.1819 106.017 74.1819 104.816V89.0502C78.4037 85.9931 81.851 82.1935 84.131 77.8589L94.3636 75.2603C95.3236 75.0092 96 74.1357 96 73.1421V58.9483C96 57.9547 95.3236 57.0812 94.3636 56.8301L84.7528 54.4062C82.5601 49.6786 79.0364 45.5623 74.5965 42.265L76.331 30.8662C76.5055 29.6761 75.6765 28.5624 74.4874 28.3878C74.3346 28.3659 74.171 28.355 74.0183 28.3659L74.0074 28.3878ZM71.3892 34.3929L70.091 42.8546C69.971 43.6735 70.331 44.5033 71.0074 44.9728C75.7419 48.2264 79.2983 52.43 81.2401 57.1249C81.5019 57.7691 82.0364 58.2495 82.7019 58.4242L91.6364 60.6734V71.4607L82.1564 73.8518C81.5346 74.0047 81.011 74.4305 80.7273 75.0092C78.6764 79.3219 75.2292 83.187 70.7783 86.2005C70.1783 86.6045 69.8183 87.2814 69.8183 88.013V102.654H59.4874L56.9674 93.887C56.6729 92.8279 55.6365 92.151 54.5456 92.3148C52.4184 92.6314 50.2257 92.8279 48.0002 92.8279C45.7748 92.8279 43.582 92.6314 41.4548 92.3148C40.3639 92.151 39.3275 92.8279 39.033 93.887L36.513 102.654H26.1821V88.013C26.1821 87.2923 25.8221 86.6154 25.2221 86.2005C17.6949 81.1125 13.0913 73.7099 13.0913 65.5211C13.0913 50.7267 28.4512 38.2252 48.0002 38.2252C52.0256 38.2252 55.8874 38.7384 59.4874 39.7319C60.0111 39.8848 60.5674 39.8302 61.0583 39.6009L71.3892 34.4147V34.3929ZM48.0002 41.4898C43.0039 41.4898 38.2693 42.4069 34.0912 44.0884C32.9675 44.536 32.4221 45.8025 32.8694 46.9271C33.3166 48.0517 34.5821 48.5976 35.7057 48.15C35.7057 48.15 35.7166 48.15 35.7275 48.15C39.3712 46.6869 43.5493 45.8681 48.0002 45.8681C50.8693 45.8681 53.6402 46.2174 56.2147 46.8616C57.3929 47.1455 58.582 46.4358 58.8656 45.2566C59.1493 44.0774 58.4402 42.8873 57.262 42.6035C57.262 42.6035 57.2511 42.6035 57.2402 42.6035C54.3165 41.8719 51.2293 41.5116 48.0002 41.5116V41.4898ZM69.8183 54.5918C67.4074 54.5918 65.4547 56.5462 65.4547 58.9592C65.4547 61.3721 67.4074 63.3265 69.8183 63.3265C72.2292 63.3265 74.1819 61.3721 74.1819 58.9592C74.1819 56.5462 72.2292 54.5918 69.8183 54.5918Z",fill:"#F46A00"})})}),(0,n.jsxs)("div",{style:{textAlign:"center"},children:[(0,n.jsx)(eg,{children:e("result_title")}),i?(0,n.jsxs)(ej,{children:[T.uP.format(i)," €",(0,n.jsx)("hr",{}),(0,n.jsx)("hr",{})]}):(0,n.jsx)("div",{children:"-"})]})]})]})};var eC=r(1696),eP=r(4614),eb=r(2815);let ew=e=>{var i,r,l,t,a,o;let{product:s}=e,{t:m}=(0,d.Bd)("common",{keyPrefix:"charging_point_list"}),{objectPosition:c}=(0,R.A)({focalPoint:null==(i=s.imageWithFocalPoint)?void 0:i.focalPoint.focalPoint,width:null==(r=s.imageWithFocalPoint)?void 0:r.image.width,height:null==(l=s.imageWithFocalPoint)?void 0:l.image.height});return(0,n.jsxs)(ey,{children:[(0,n.jsx)(e_,{css:{img:{objectPosition:c}},children:(0,n.jsx)(W(),{alt:"Product image",src:null==(a=s.imageWithFocalPoint)||null==(t=a.image)?void 0:t.url,fill:!0})}),(0,n.jsxs)(ek,{children:[(0,n.jsx)(ez,{children:null==s?void 0:s.name}),(0,n.jsx)(e$,{size:"four",children:(0,n.jsx)(eT,{markup:null==s?void 0:s.description})}),(0,n.jsxs)(eS,{children:[(0,n.jsxs)(eL,{as:"span",children:[T.uP.format(null==s?void 0:s.priceInstall)," €",s.pricePerMonth&&" tai ".concat(T.uP.format(s.pricePerMonth)," €/kk")]})," ",(0,n.jsx)(eW,{as:"span",size:"four",children:m("vat_included",{vatPercentage:(0,T.$X)(s.vatPercentage)})})]}),(0,n.jsx)(eR,{children:(0,n.jsx)(u.A,{text:m("button_text"),size:"small",link:(null==s||null==(o=s.infoPage)?void 0:o.path)+"?product="+encodeURIComponent(null==s?void 0:s.productC

1ode)})})]})]})},eI=(0,t.I4)("div",{display:"grid",gridGap:"1.5rem",width:"100%",maxWidth:"416px",margin:"0 auto","@medium":{gridTemplateColumns:"repeat(3, 1fr)",maxWidth:"initial"}}),ey=(0,t.I4)("div",{width:"100%",borderRadius:"$8px",boxShadow:"$default",background:"$white",display:"flex",flexDirection:"column",position:"relative"}),e_=(0,t.I4)("div",{position:"relative",width:"100%",minHeight:"162px",borderTopLeftRadius:"$8px",borderTopRightRadius:"$8px",img:{objectFit:"cover",borderTopLeftRadius:"$8px",borderTopRightRadius:"$8px"}}),ek=(0,t.I4)("div",{margin:"1rem",paddingBottom:"3rem","@medium":{margin:"1rem 1.5rem",paddingBottom:"4rem"}}),ez=(0,t.I4)(l.jr,{margin:"0.25rem 0"}),e$=(0,t.I4)(l.fz,{margin:"0.5rem 0"}),eS=(0,t.I4)(l.jr,{margin:"1.5rem 0"}),eL=(0,t.I4)(l.jr,{}),eW=(0,t.I4)(l.fz,{whiteSpace:"nowrap"}),eR=(0,t.I4)("div",{position:"absolute",bottom:"1rem","@medium":{bottom:"1.5rem"}}),eT=e=>{let[i,r]=(0,m.useState)(null);return(0,m.useEffect)(()=>{(0,eC.V)(e.markup).then(e=>{r(e)})},[e.markup]),(0,n.jsx)(n.Fragment,{children:(0,eP.i)(i,(0,eb.D)("three"))})},eM=e=>{let{products:i}=e;return(0,n.jsx)(eI,{children:null==i?void 0:i.map(e=>{var i;return(0,n.jsx)(ew,{product:e},null==e||null==(i=e.sys)?void 0:i.id)})})},eD=(0,t.I4)("div",{padding:"3rem 0",variants:{backgroundColor:{grey:{backgroundColor:"$grey4"},white:{backgroundColor:"$white"}}}}),eF=e=>{let{name:i,products:r,displayType:t,backgroundColor:d}=e;return(0,n.jsx)(eD,{className:"alternating-background",backgroundColor:d,children:(0,n.jsx)(l.mc,{children:"SolarList"===t?(0,n.jsx)(E,{products:r}):"SolarOrderNow"===t?(0,n.jsx)(es,{products:r}):"ChargingPointList"===t?(0,n.jsx)(eM,{products:r}):"SolarSavingsCalculator"===t?(0,n.jsx)(ev,{}):"SolarCalculator"===t?(0,n.jsx)(a.A,{products:r}):"SolarCalculatorConsumption"===t?(0,n.jsx)(S,{products:r}):void 0})})}}}]);