https://www.verkkokauppa.com/assets/build/26.869923c788.js

1"use strict";(globalThis["__LOADABLE_LOADED_CHUNKS__"]||=[]).push([[26,6369],{9045(e,i,t){t.d(i,{A:()=>l});var s=t(19777),a=t(1939);const n=(e,i)=>{const t=e?`${e}.`:"",n=i||s.g3[s.cf][e];return(0,a.A)(n??[],`${s.cf}.${t}`)},l=()=>n("presentation")},17875(e,i,t){var s=t(96540),a=t(71468),n=t(90263),l=t(69314),r=t(55567);const o=e=>{const i=(0,r.A)(),t=(0,a.d4)((0,l.tg)(e)),o=Boolean(t);return(0,s.useEffect)(()=>{!o&&e&&i(n.CM.started(e))},[i,o,e]),t??{loading:!0}};t.d(i,["A",0,o])},32951(e,i,t){var s=t(96540),a=t(86532),n=t(87291);const l=e=>{const i=(0,a.zy)(),t=(0,a.Zp)(),l=new URLSearchParams(i.search).get("article"),r=(0,n.wE)(e,null),o=(0,n.wE)(e,l),c=o?.externalId;return(0,s.useEffect)(()=>{const s=e&&"articles"in e?e.articles?.length??0:0;if(null===l&&s>1&&r&&(r.quantity??0)>1&&r.externalId&&c!==r.externalId){const e=new URLSearchParams(i.search);e.set("article",r.externalId),t(`${i.pathname}?${e.toString()}`,{replace:!0})}else if(null!==l&&e&&"articles"in e&&!e.articles?.some(e=>e.externalId===l)){const e=new URLSearchParams(i.search);e.delete("article"),t(`${i.pathname}?${e.toString()}`,{replace:!0})}},[r,l,c,t,i.pathname,i.search,e]),o};t.d(i,["A",0,l])},88275(e,i,t){t.r(i),t.d(i,{default:()=>jt});var s=t(49937),a=t(14218),n=t(96540),l=t(71468),r=t(92126),o=t(75682),c=t(7286),d=t(59787),p=t(33444),u=t(65525),h=t(68568),x=t(51674),g=t(9045),m=t(2535),v=t(24842);const f=(e,i="short",t,s)=>{const a=(0,l.d4)((0,x.l1)(e)),n=(0,l.d4)((0,u.hT)(e,s)),{config:r,deliveryEstimate:f,deliveryEstimateLong:b}=(0,m.A)(e,s),y=(0,l.d4)((0,h.CI)({pid:e,services:t,externalId:s})),j=(0,l.d4)((0,h.Gp)({pid:e,services:t,externalId:s})),[I,{loading:k}]=(0,g.A)(),{t:S}=(0,v.A)("product");if(n?.flags?.isPreorder&&"long"===i)return"";if(!a||y||k)return I.loading??"";if(!j||!1===a?.active)return t&&t.length>0?I.noServiceProductForPostalCode??"":I.notAvailable;const A=(0,o.CL)(n,S);if(A)return A;if(r.shouldUseTraditionalDeliveryText&&b&&"long"===i)return S(e=>e.availability.deliveryEstimate,{date:b});if(r.shouldUseTraditionalDeliveryText&&b&&"short"===i)return f;if(39===j.id)return I[`deliveryImmediate_${i}`];if(40===j.id)return I[`deliveryInAnHour_${i}`]?.replace("{date}",(0,c.Gq)());if(35===j.id)return I[`deliveryIn3Hours_${i}`]?.replace("{date}",(0,c.Gq)());if(36===j.id){const e=(0,p.gG)(j.spec);if(e===p.op.TODAY)return I[`deliveryToday_${i}`];if(e===p.op.TOMORROW)return I[`deliveryTomorrow_${i}`]}const w=(0,d.T)({deliveryEstimate:j.spec,mode:i,t:S});return w?`${I[`deliveryArrives_${i}`]} ${w}`:I.notAvailable};var b=t(49245),y=t(76308),j=t(47124),I=t(8563),k=t(99044),S=t(86998);const A=(e,i)=>{const t=(0,l.d4)((0,u.hT)(e,i)),s=(0,l.d4)(S.w),a=(0,l.d4)(k.WB),n=(0,l.d4)(I.md),[r]=(0,g.A)(),{t:c}=(0,v.A)("product");if(s)return r.loading;if(!a||"n/a"===a)return" ";const d=(0,b.Tw)(t,"pickup",a,!0);return!1===d?.isPurchasable?r.notAvailable:(0,o.QG)({availability:t,businessId:a,t:c,locale:(0,j.MI)(n)})},w=(e,i,t)=>{const s=f(e,"short",void 0,t),a=A(e,t),{t:n}=(0,v.A)("product");let l,o;if(i&&(i===r.G7||"pickup"===i))return i===r.G7?(l=n(e=>e.availability.deliverySelection),o=s):(l=n(e=>e.availability.pickupSelection),o=a),[l,o].filter(Boolean).join(" | ")};var T=t(55567),P=t(41194),C=t(82947),E=t(77561),X=t(88717),M=t(8491),$=t(55362),z=t(17277),F=t(14181),L=t(6596),D=t(74848);const N=L["default"].div.withConfig({componentId:"sc-1a35rw1-0"})({[z.breakpoint.max.S]:{position:"relative",marginLeft:`-${F.space.XS}`,width:`calc(100% + ${F.space.M})`}}),B=({children:e})=>(0,D.jsx)(N,{children:(0,D.jsx)(a.az,{appearance:"secondary",css:{paddingBlockStart:"2xs"},padding:"XS",radius:"XXS",children:(0,D.jsx)(a.aP,{gap:"none",children:e})})});var O=t(77767),Y=t(48728),R=t(61311),U=t(85663);const H=L["default"].div.withConfig({componentId:"sc-vrnuwy-0"})({height:"6.5rem",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:F.border.radius.XS,backgroundColor:F.color.background.secondary,cursor:"pointer",boxShadow:F.input.outline.default,textAlign:"center",padding:F.space.XXXS,boxSizing:"border-box",userSelect:"none","& .stm-icon":{marginBottom:F.space.XXXS},"input:hover + &":{background:F.color.fundaments.greys[150]}

1,"input:active + &":{background:F.color.fundaments.greys[200]},"@supports selector(:focus-visible)":{"input:focus-visible + &":{border:"0px",outline:"none",boxShadow:`0px 0px 0px ${F.border.size.M} ${F.color.border.highlight.secondary} inset`},"input:checked:focus-visible + &":{outline:"none",backgroundColor:F.color.background.primary,boxShadow:`0px 0px 0px ${F.border.size.M} ${F.color.border.highlight.secondary} inset`}},"@supports not selector(:focus-visible)":{"input:focus + &":{border:"0px",outline:"none",boxShadow:`0px 0px 0px ${F.border.size.M} ${F.color.border.highlight.secondary} inset`},"input:checked:focus + &":{outline:"none",backgroundColor:F.color.background.primary,boxShadow:`0px 0px 0px ${F.border.size.M} ${F.color.border.highlight.secondary} inset`}},"input:checked + &":{outline:"none",backgroundColor:F.color.background.primary,boxShadow:`0px 0px 0px ${F.border.size.M} ${F.color.border.highlight.primary} inset`}},({$disabled:e})=>e&&{boxShadow:F.input.outline.disabled,"& .stm-icon":{color:F.color.text.disabled}}),G=({className:e,icon:i,inputId:t,labelText:s,subLabelText:n,disabled:l,...r})=>(0,D.jsxs)("label",{className:e,htmlFor:t,children:[(0,D.jsx)("input",{className:(0,R.css)({srOnly:!0}),id:t,type:"radio",...r}),(0,D.jsx)(H,{$disabled:l,role:"presentation",children:(0,D.jsxs)(a.aP,{align:"center",alignInline:"center",gap:"3xs",children:[(l||i)&&(0,D.jsx)(a.ob,{alignBlock:"center",gap:"3xs",children:l?(0,D.jsx)(a.In,{iconName:"FaBan",isFluid:!0}):i}),(0,D.jsxs)(a.aP,{className:(0,R.css)({maxHeight:`calc(15px * 3 + {spacing.4xs})`,overflow:"hidden"}),gap:"4xs",children:[(0,D.jsx)("span",{className:(0,U.labelRecipe)({disabled:l,small:!0}),children:s}),(0,D.jsx)(a.EY.UI,{size:"small",children:n})]})]})})]});G.displayName="AvailabilityButton";const W=(0,L["default"])(G).withConfig({componentId:"sc-vrnuwy-1"})({width:"100%",minWidth:"6rem",display:"block"}),_=({externalId:e,onChange:i,pid:t,services:s,shoppingMode:o})=>{const c=f(t,"short",s,e),d=(0,l.d4)((0,u.hT)(t,e)),p=(0,l.d4)((0,h.Gp)({pid:t,services:s,externalId:e})),{t:x}=(0,v.A)("product"),{config:g}=(0,m.A)(t,e),b=(0,n.useCallback)(()=>{i({shoppingMode:r.G7,subLabel:c})},[i,c]),y=(0,n.useMemo)(()=>{if(d?.flags?.isElectronic)return(0,D.jsx)(a.In,{iconName:"FaPaperPlane",isFluid:!0});if(!g.shouldUseFastDeliveryIcon)return(0,D.jsx)(a.In,{iconName:"FaTruck",isFluid:!0});return(0,Y.C7)(p?.spec)?(0,D.jsx)(a.In,{iconName:"FaTruckFast",isFluid:!0}):(0,D.jsx)(a.In,{iconName:"FaTruck",isFluid:!0})},[p?.spec,d?.flags?.isElectronic,g.shouldUseFastDeliveryIcon]);return(0,D.jsx)(W,{checked:o===r.G7,disabled:!d?.stocks?.shipment?.isPurchasable,icon:y,inputId:`${r.G7}-availability-button`,labelText:x(e=>e.availability.deliverySelection),name:"availability-display-type",subLabelText:c,value:r.G7,onChange:b})},K=({externalId:e,onChange:i,pid:t,shoppingMode:s})=>{const r=(0,l.d4)((0,u.hT)(t,e)),o=(0,l.d4)(k.WB),{t:c}=(0,v.A)("product"),d=A(t,e),{isDirectDeliveryOnly:p}=(0,m.A)(t,e),h=(0,n.useMemo)(()=>!p&&("n/a"===o||(0,b.Tw)(r,"pickup",o)?.isPurchasable),[r,o,p]),x=p?c(e=>e.availability.notAvailable):d,g=(0,n.useCallback)(()=>{i({shoppingMode:"pickup",subLabel:x})},[i,x]),f=(0,D.jsx)(a.In,{iconName:"FaHandHoldingBox",isFluid:!0});return(0,D.jsx)(W,{checked:"pickup"===s,disabled:!h,icon:f,inputId:`${"pickup"}-availability-button`,labelText:c(e=>e.availability.pickupSelection),name:"availability-display-type",subLabelText:x,value:"pickup",onChange:g})};var q=t(51114),Q=t(32951),V=t(69314),Z=t(41366),J=t(17875),ee=t(36144),ie=t(8034);const te=(0,s.styled)(a.Q3,{},{defaultProps:{size:(0,ie.S)("sizes.s")}}),se="Verkkokauppa.com",ae="Posti",ne="Fetch My Stuff",le="Wolt",re="Truck Icon",oe="Fast Delivery Icon",ce=({className:e,icon:i,deliveryEstimate:t})=>{switch(i){case se:return(0,D.jsx)(te,{className:e});case ae:return(0,D.jsx)(a.gu.Posti,{className:e});case ne:return(0,D.jsx)(a.gu.FetchMyStuff,{className:e});case le:return(0,D.jsx)(a.gu.Wolt,{className:e});case re:return(0,Y.C7)(t?.spec)?(0,D.jsx)(a.In,{iconName:"FaTruckFast",isFluid:!0}):(0,D.jsx)(a.In,{iconName:"FaTruck",isFluid:!0});case oe:return(0,D.jsx)(a.In,{iconName:"FastDelivery",className:e});default:return}},de=({className:e,logo:i=(0,D.jsx)(a.y$,{})})=>{const{t}=(0,v.A)();return(0,D.jsxs)("div",{className:e,children:[i,(0,D.jsx)(a.EY.P,{css:{marginLeft:"2xs"},size:"small",children:t(e=>e.loading)})]})};de.displayName="LoadingIndicator";const pe=(0,L["default"])(de).withConfig({componentId:"sc-1xozwzs-0"})({display:"flex",alignItems:"center",height:F.space.M,boxSizing:"border-box",paddingTop:"1px"});var ue=t(66204),he=t(86128);const xe=L["default"].div.withConfig({componentId:"sc-hsjut1-0"})({display:"flex",flexDirection:"row",height:F.space.M,width:"100%",alignItems:"center",justifyContent:"flex-start"}),ge=L["default"].div.withConfig({componentId:"sc-hsjut1-1"})({maxWidth:F.space.L,maxHeight:F.space.M,marginRight:F.space.XXS}),me=L["default"].div.withConfig({componentId:"sc-hsjut1-2"})({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%"}),ve=L["default"].div.withConfig({componentId:"sc-hsjut1-3"})({"> *:not(:last-child)":{marginBottom:F.space.XS}}),fe=({className:e,priceWithTax:i,isLoading:t,dialogOpenerTitle:s,dialogTitle:l,onDialogOpen:r,logo:o,children:c})=>{const{t:d}

1=(0,v.A)(["common","product"]),[p,u]=(0,n.useState)(!1),h=(0,n.useRef)(null),x=(0,n.useCallback)(()=>{u(!0),r()},[r]),g=(0,n.useCallback)(()=>u(!1),[]),m=(0,n.useMemo)(()=>[{appearance:"secondary",children:d(e=>e.close,{ns:"common"}),onClick:()=>u(!1)}],[d]),f=i||0===i?(0,he.up)(i,he.IK.EMPTY):"...";return(0,D.jsxs)("div",{className:e,children:[t?(0,D.jsx)(pe,{logo:(0,D.jsx)(a.y$,{})}):(0,D.jsx)(xe,{children:(0,D.jsxs)(me,{children:[(0,D.jsxs)(a.vx,{ref:h,appearance:"secondary","aria-haspopup":"dialog",className:(0,ue.touchTargetStyle)({size:"L"}),css:{textAlign:"left"},size:"small",bolded:!0,onClick:x,children:[(0,D.jsx)(ge,{children:o||(0,D.jsx)(a.y$,{})}),s]}),(0,D.jsx)(a.EY.UI,{size:"small",children:(0,D.jsx)("strong",{children:` ${f}`})})]})}),(0,D.jsx)(a.hp,{actions:m,attachToRef:h,closeButtonLabel:d(e=>e.popover.closeButtonLabel,{ns:"common"}),isOpen:p,title:l||s,onClose:g,children:(0,D.jsx)(ve,{children:c})})]})};fe.displayName="DeliveryAd";const be=(0,L["default"])(fe).withConfig({componentId:"sc-hsjut1-4"})({display:"flex",alignItems:"center",maxHeight:F.space.M}),ye=({priceWithTax:e,isLoading:i,logo:t,pid:s,deliveryEstimate:l})=>{const{t:r}=(0,v.A)("product"),o=(0,T.A)(),c=(0,n.useCallback)(()=>o((0,C.BL)(s)),[o,s]),d=(0,p.gG)(l.spec),u={[p.op.TODAY]:r(e=>e.deliveryAd.sameDay.titleToday),[p.op.TOMORROW]:r(e=>e.deliveryAd.sameDay.titleTomorrow),[p.op.AFTER_TOMORROW]:r(e=>e.deliveryAd.sameDay.titleAfterTomorrow)};return(0,D.jsxs)(be,{dialogOpenerTitle:u[d||p.op.TOMORROW],dialogTitle:r(e=>e.deliveryAd.sameDay.dialogTitle),isLoading:i,logo:t,priceWithTax:e,onDialogOpen:c,children:[(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.sameDay.description1)}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.sameDay.description2)}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.sameDay.description3)})]})},je=({isLoading:e,logo:i,pid:t,priceWithTax:s,ctfShipmentMethod:l})=>{const{t:r}=(0,v.A)("product"),o=(0,T.A)(),c=(0,n.useCallback)(()=>o((0,C.zZ)(t)),[o,t]);return(0,D.jsxs)(be,{dialogOpenerTitle:l?.fields?.marketingTitle??r(e=>e.deliveryAd.threeHour.fallbackTitle),isLoading:e,logo:i,priceWithTax:s,onDialogOpen:c,children:[(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.threeHour.description1)}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.threeHour.description2)}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.threeHour.description3)}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.threeHour.description4)})]})};var Ie=t(34899),ke=t(29914),Se=t(71140);const Ae=({isLoading:e,pid:i,shipmentMethod:t,ctfShipmentMethod:s,logo:l})=>{const{t:r}=(0,v.A)("product"),o=(0,T.A)(),{language:c}=(0,ke.A)(),d=(0,n.useMemo)(()=>{const e=t?.operationArea??"";return"tampere"===e||"raisio"===e||"oulu"===e?r(e=>e.deliveryAd.wolt.adText,{context:e}):null},[t?.operationArea,r]),p=(0,n.useCallback)(()=>o((0,C.fS)(i)),[o,i]);return(0,D.jsxs)(D.Fragment,{children:[d&&(0,D.jsx)(a.EY.UI,{weight:"semiBold",children:d}),(0,D.jsxs)(be,{dialogOpenerTitle:s?.fields?.marketingTitle??r(e=>e.deliveryAd.wolt.fallbackTitle),isLoading:e,logo:l,priceWithTax:t?.price,onDialogOpen:p,children:[(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.wolt.description1)}),(0,D.jsx)(a.EY.P,{size:"small",children:(0,D.jsx)(Ie.x6,{components:{storesLink:(0,D.jsx)(Se.A,{to:`/${c}/myymalat`})},i18nKey:e=>e.deliveryAd.wolt.description2,t:r})}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.wolt.description3)}),(0,D.jsx)(a.EY.P,{size:"small",children:r(e=>e.deliveryAd.wolt.description4)})]})]})};var we=t(39951);const Te=L["default"].div.withConfig({componentId:"sc-2upghr-0"})({p:{fontSize:F.text.ui.size.small}}),Pe=({isLoading:e,pid:i,deliveryEstimate:t,ctfShipmentMethod:s,logo:a})=>{const l=(0,T.A)(),r=(0,n.useCallback)(()=>l((0,C.e0)(i)),[l,i]);return s?.failed||s?.unknown?null:(0,D.jsx)(be,{dialogOpenerTitle:s?.fields?.marketingTitle??"...",isLoading:s?.loading||e,logo:a,priceWithTax:t?.price,onDialogOpen:r,children:s?.fields?.marketingDescription&&(0,D.jsx)(Te,{children:(0,we.Ay)(s.fields.marketingDescription)})})},Ce=({deliveryEstimate:e,externalId:i,loading:t,pid:s})=>{const a=(0,l.d4)((0,ee.tg)(e?.id)),r=(0,l.d4)(ee.MD),o=(0,l.d4)(ee.Dm),c=(0,l.d4)((0,x.zu)(s)),{config:d}=(0,m.A)(s,i),p=(0,J.A)(a?.id),u=(0,n.useMemo)(()=>ce({icon:p?.fields?.marketingIcon,deliveryEstimate:e}

1),[e,p?.fields?.marketingIcon]);if(c&&!1===c.active)return null;if(!d.shouldShowDeliveryAds)return null;if(e&&o&&!a)return null;const h=t||r||Boolean(p?.loading);switch(e?.id){case 40:return(0,D.jsx)(Ae,{ctfShipmentMethod:p,isLoading:h||!a,logo:u,pid:s,shipmentMethod:a});case 54:return(0,D.jsx)(Pe,{ctfShipmentMethod:p,deliveryEstimate:e,isLoading:h,logo:u,pid:s});case 36:return(0,D.jsx)(ye,{deliveryEstimate:e,isLoading:h,logo:u,pid:s,priceWithTax:e?.price});case 35:return(0,D.jsx)(je,{ctfShipmentMethod:p,isLoading:h,logo:u,pid:s,priceWithTax:e?.price});default:return t?(0,D.jsx)(pe,{}):null}};var Ee=t(90377),Xe=t(86532),Me=t(38658);const $e=(e,i,t=!0)=>{const s=(0,Xe.zy)(),a=(0,Xe.Zp)(),r=(0,l.d4)(S.w);(0,n.useEffect)(()=>{!r&&t&&s.hash===e&&(a(s.pathname,{replace:!0,state:{triggerLocationChange:!1}}),i?.(),Me.A.notice(`[LEGACY_ROUTE CALLED] with hash: ${e}`))},[r,t,s.hash,s.pathname,e,i,a])};var ze=t(26960),Fe=t(90263);const Le=(0,s.styled)(a.EY.H3,{base:{marginTop:"xs",marginBottom:"2xs"}}),De=L["default"].span.withConfig({componentId:"sc-111gj6m-0"})({display:"flex",alignItems:"flex-start",justifyContent:"space-between",width:"100%",paddingTop:F.space.XXXS,paddingRight:F.space.XXXS,"> *":{lineHeight:"inherit"}}),Ne=L["default"].span.withConfig({componentId:"sc-111gj6m-1"})({"> *":{[z.breakpoint.min.L]:{fontSize:Ee.textStyle.ui.medium.fontSize}}}),Be=({pid:e,articleId:i,shipmentMethods:t,title:s})=>{const r=(0,l.d4)((0,ze.R)(i)?(0,ee.T2)(i):(0,ee.n1)(e)),o=(0,l.d4)(ee.XL),c=(0,n.useMemo)(()=>t.filter(e=>{const i=e.fields.shipmentMethod?.fields.id;return i&&r.includes(i)}),[t,r]);return c.length?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Le,{size:"s",children:s}),(0,D.jsx)(a.nD,{appearance:"secondary",headingLevel:4,name:s,children:c.map(e=>(0,D.jsx)(a.nD.Section,{header:(0,D.jsxs)(De,{children:[(0,D.jsx)(a.EY.UI,{children:e.fields.shipmentMethod?.fields.name}),(0,D.jsx)(a.EY.UI,{weight:"semiBold",children:(0,he.$g)(o[e.fields.shipmentMethod.fields.id])})]}),children:(0,D.jsx)(Ne,{children:e.fields.description&&(0,we.Ay)(e.fields.description)})},e.sys.id))})]}):null},Oe=({pid:e,articleId:i,closeDialog:t})=>{const{t:s}=(0,v.A)(["common","product"]),r=(0,T.A)(),{sys:o,fields:c,loading:d,failed:p}=(0,l.d4)(V.vb),u=(0,l.d4)(ee.K7),h=(0,n.useMemo)(()=>c?.content?.filter(ze.O9)??[],[c?.content]);(0,n.useEffect)(()=>{o?.id||d||p||r(Fe.n3.started())},[r,o?.id,d,p]),(0,n.useEffect)(()=>()=>{p&&r((0,Fe.mx)())},[p,r]);const x=(0,n.useMemo)(()=>[{appearance:"secondary",children:s(e=>e.close,{ns:"common"}),onClick:t}],[t,s]);if(!u.data||u.isLoading)return null;const g=c?.title??(d&&s(e=>e.availability.shipmentMethods.loadingTitle,{ns:"product"})||p&&s(e=>e.availability.shipmentMethods.errorTitle,{ns:"product"})||s(e=>e.availability.shipmentMethods.title,{ns:"product"}));return(0,D.jsxs)(a.lG,{actions:x,closeButtonLabel:s(e=>e.dialog.closeButtonLabel,{ns:"common"}),isOpen:!0,title:g,onClose:t,children:[h.map(t=>(0,D.jsx)(Be,{pid:e,articleId:i,shipmentMethods:t.fields.shipmentMethods?.filter(ze.O9)??[],title:t.fields.title},t.sys.id)),(0===h.length&&!d||p)&&(0,D.jsx)(a.Eg,{appearance:"danger",title:s(e=>e.availability.shipmentMethods.errorTitle,{ns:"product"}),children:(0,D.jsx)(a.Eg.Paragraph,{children:s(e=>e.availability.shipmentMethods.errorMessage,{ns:"product"})})})]})},Ye="#shipment",Re=(0,s.styled)(a.vx,{base:{height:"l"}}),Ue=L["default"].span.withConfig({componentId:"sc-9vz569-0"})({lineHeight:Ee.textStyle.ui.small.lineHeight,textAlign:"center"}),He=({loading:e,externalId:i,pid:t,services:s,articleId:a})=>{const[r,o]=(0,n.useState)(!1),c=(0,l.d4)((0,ee.zU)(t)),d=(0,l.d4)((0,ee.fT)(a)),p=(0,l.d4)((0,h.o0)({pid:t,services:s,externalId:i}))?.price,x=d??c??p,f=(0,l.d4)((0,u.hT)(t,i)),{config:b}=(0,m.A)(t,i),[y]=(0,g.A)(),{t:j}=(0,v.A)("product"),I=(0,n.useCallback)(()=>o(!0),[]),k=(0,n.useCallback)(()=>o(!1),[]);return $e(Ye,I,!r),b.shouldShowDeliveryDialog?!e&&!(0,ze.O9)(x)||f?.flags?.isPreorder?null:(0,D.jsxs)(Ue,{children:[(0,D.jsxs)(Re,{onClick:I,children:[y.showAllDialogTrigger," ",(0,D.jsx)("span",{children:j(e=>e.availability.startingFromPrice,{price:(0,ze.O9)(x)?(0,he.$g)(x,{symbol:he.IK.EMPTY}):"..."})})]}),r&&(0,D.jsx)(Oe,{articleId:a,closeDialog:k,pid:t})]}):null},Ge=L["default"].span.withConfig({componentId:"sc-v2b7vh-0"})({lineHeight:Ee.textStyle.ui.small.lineHeight,justifyContent:"space-between",display:"flex"}),We=({externalId:e,pid:i,services:t})=>{const s=(0,l.d4)((0,h.o0)({pid:i,services:t,externalId:e})),n=s?.price,[r]=(0,g.A)();return(0,ze.O9)(n)?(0,D.jsxs)(Ge,{children:[(0,D.jsx)(a.EY.UI,{size:"small",weight:"semiBold",children:r.emailDeliveryForElectronic}),(0,D.jsx)(a.EY.UI,{size:"small",weight:"semiBold",children:(0,he.$g)(n,{symbol:he.IK.EMPTY})})]}):null},_e=(0,s.styled)(a.EY.UI,{base:{display:"flex",alignItems:"center",height:"m"}}),Ke=({className:e,externalId:i,pid:t,services:s})=>{const a=f(t,"long",s,i);return a?(0,D.jsx)(_e,{className:e,weight:"semiBold",children:a}):null},qe=({externalId:e,pid:i,articleId:t,services:s,isElectronic:a})=>{const r=(0,l.d4)(Z.H9),o=(0,l.d4)((0,h.CI)({pid:i,services:s,externalId:e})),c=(0,l.d4)((0,h.Gp)({pid:i,services:s,externalId:e})),d=(0,l.d4)((0,V.CW)(54)),p=(0,n.useMemo)(()=>(0,Y._G)(c,r,d),[c,r,d]);return a?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Ce,{deliveryEstimate:p,externalId:e,loading:o,pid:i}),(0,D.jsx)(We,{externalId:e,pid:i,services:s}),(0,D.jsx)(Ke,{externalId:e,pid:i,services:s})]}):(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Ce,{deliveryEstimate:p,externalId:e,loading:o,pid:i}),(0,D.jsx)(Ke,{externalId:e,pid:i,services:s}),(0,D.jsx)(He,{loading:o,externalId:e,pid:i,services:s,articleId:t})]})},Qe=(0,n.memo)(qe);var Ve=t(82979);const Ze=({stockText:e,stockUnit:i})=>{const{t}=(0,v.A)("product"),s=i??t(e=>e.availability.stockUnit);return e?(0,D.jsxs)(a.EY.UI,{css:{whiteSpace:"nowrap"},size:"small",weight:"semiBold",children:[e," ",(0,D.jsx)(a.EY.UI,{size:"small",children:s})]}):null},Je=(0,s.styled)(a.EY.UI,{base:{display:"inline-flex",flexGrow:1}}),ei=(0,L["default"])(Je).withConfig({componentId:"sc-z4hsko-0"})({paddingLeft:F.space.XS}),ii=({color:e,colorText:i,stockText:t,stockUnit:s,subText:n})=>(0,D.jsxs)(a.aP,{align:"center",css:{height:"m"},gap:"none",children:[(0,D.jsxs)(a.ob,{align:"space-between",alignBlock:"center",gap:"3xs",wrap:!1,children:[(0,D.jsxs)(Je,{size:"medium",children:[(0,D.jsx)(Ve.A,{color:e,inline:!0,small:!0}),"string"==typeof i?(0,D.jsx)(a.EY.UI,{children:i}):i]}),(0,D.jsx)(Ze,{stockText:t,stockUnit:s})]}),n?(0,D.jsx)(ei,{size:"small",children:n}):null]}),ti=({availability:e,description:i,title:t})=>{const{t:s}=(0,v.A)("common"),{t:l}

1=(0,v.A)("product"),[r,c]=(0,n.useState)(!1),d=(0,n.useRef)(null),p=(0,o.Md)({availability:e,fullSentence:!1,t:l}),u=(0,n.useCallback)(()=>{c(e=>!e)},[]);return p?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(a.EY.UI,{children:[(0,D.jsx)(a.vx,{ref:d,"aria-expanded":r,onClick:u,children:t}),p]}),(0,D.jsx)(a.hp,{actions:[{children:s(e=>e.close),onClick:u,appearance:"primary"}],attachPlacement:"top",attachToRef:d,closeButtonLabel:s(e=>e.popover.closeButtonLabel),isOpen:r,title:t,onClose:u,children:i})]}):null},si=({availability:e})=>{const i=(0,g.A)(),{t}=(0,v.A)("product"),s=(0,n.useMemo)(()=>((e,[i,t],s)=>{if(e?.loading||t.loading||!t.loaded)return{color:"lightGrey",colorText:i.loading};if(e?.flags?.isInCampaign&&e?.flags?.isSoldOut)return{color:"grey",colorText:i.onlineSoldout};if(e?.availableAt)return{color:"yellow",colorText:`${e.flags?.isReleased?i.saleStart:i.preSaleStart} ${(0,c.Yq)(e.availableAt,"short")}`};if(e?.flags?.isPreorder)return{color:"yellow",colorText:(0,D.jsx)(ti,{availability:e,description:i.preorderDescription,title:i.preorder})};if(e?.flags?.isVirtual)return{color:"green",colorText:i.available};const a=e?.stocks?.shipment,n=e?.flags?.isShippingAllowed?i.availableForShipping:i.availableForReservation;return a?.isAvailable&&a?.isPurchasable?{color:"green",colorText:n,stockText:(0,o.be)({stock:a,t:s})}:a?.isPurchasable?{color:"yellow",colorText:n,stockText:(0,o.IE)({stock:a,overrideText:e?.overrideText,t:s}),stockUnit:""}:{color:"red",colorText:i.availableForShipping,stockText:"0"}})(e,i,t),[e,i,t]);return(0,D.jsx)(ii,{...s})},ai=({className:e,children:i})=>(0,D.jsx)("li",{className:e,children:(0,D.jsx)(a.Eg,{appearance:"info",children:(0,D.jsx)(a.Eg.Paragraph,{children:i})})});ai.displayName="Restriction";const ni=(0,L["default"])(ai).withConfig({componentId:"sc-1iq9862-0"})({"&:not(:last-child)":{marginBottom:F.space.XXS}});var li=t(10167);const ri=({className:e,dialogAttatchRef:i,isOpen:t,toggleVAKDialog:s})=>{const{t:n}=(0,v.A)(["common","product"]);return(0,D.jsxs)(a.hp,{actions:[{children:n(e=>e.close,{ns:"common"}),onClick:s}],attachToRef:i,className:e,closeButtonLabel:n(e=>e.popover.closeButtonLabel,{ns:"common"}),isOpen:t,title:n(e=>e.availability.vak.title,{ns:"product"}),onClose:s,children:[(0,D.jsx)(a.EY.UI,{children:n(e=>e.availability.vak.definition,{ns:"product"})}),(0,D.jsx)(a.EY.UI,{css:{marginTop:"xs"},children:n(e=>e.availability.vak.details,{ns:"product"})}),(0,D.jsxs)(a.EY.UI,{css:{marginTop:"xs"},children:[n(e=>e.availability.vak.moreInfo,{ns:"product"})," ",(0,D.jsx)(li.A,{href:"https://tukes.fi/vak/",confirmation:!1,children:"https://tukes.fi/vak/"})]})]})};ri.displayName="VAKDialog";const oi=(0,L["default"])(ri).withConfig({componentId:"sc-v0a54n-0"})({}),ci=L["default"].ul.withConfig({componentId:"sc-1u8t3qp-0"})({...Ee.resetListStyle}),di=({availability:e,product:i})=>{const[t,s]=(0,n.useState)(!1),{t:l}=(0,v.A)("product"),r=(0,n.useRef)(),o=e?.flags?.isInStoresOnly,d=i?.restrictions?.isRestricted,p=e?.stocks?.shipment?.isPurchasable,u=e?.stocks?.pickup?.js?.isPurchasable,h=(0,c.og)(),x=e?.availableAt?(0,c.og)(e.availableAt):0,g=e?.flags?.isInCampaign&&e?.flags.isSoldOut&&h>=x,m=u&&!p,{isNonShippableHazardousMaterial:f,isShippableHazardousMaterial:y}=(0,b.EY)(i,e),j=(0,n.useCallback)(e=>{s(i=>(!i&&e?.target&&(r.current=e.target),!i))},[]);return m||f||y||o||d||g?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(ci,{children:[m&&(0,D.jsx)(ni,{children:l(e=>e.availability.cannotShipButCanPickup)}),f&&(0,D.jsx)(ni,{children:(0,D.jsx)(Ie.x6,{components:{vakLink:(0,D.jsx)(a.vx,{onClick:j,children:"."})},i18nKey:e=>e.availability.hazardousNonShippable,t:l})}),y&&(0,D.jsx)(ni,{children:(0,D.jsx)(Ie.x6,{components:{vakLink:(0,D.jsx)(a.vx,{onClick:j,children:"."})},i18nKey:e=>e.availability.hazardousLimitedDelivery,t:l})}),o&&(0,D.jsx)(ni,{children:l(e=>e.availability.inStoresOnly)}),d&&(0,D.jsx)(ni,{children:i.restrictions.descriptionShort}),g&&(0,D.jsx)(ni,{children:l(e=>e.availability.campaignSoldOut)})]}),(0,D.jsx)(oi,{dialogAttatchRef:r,isOpen:t,toggleVAKDialog:j})]}):null},pi=({availability:e,externalId:i,product:t,services:s})=>{const n=(0,l.d4)((0,h.Gp)({pid:t.pid,services:s,externalId:i})),r=(0,Q.A)(t),o=!n&&s&&s.length>0;

1return(0,D.jsxs)(a.aP,{gap:"none",children:[!o&&(0,D.jsx)(si,{availability:e}),(0,D.jsx)(Qe,{isElectronic:Boolean(e?.flags?.isElectronic),externalId:i,pid:t.pid,articleId:r?.articleId,services:s}),(0,D.jsx)(di,{availability:e,product:t})]})},ui=L["default"].div.withConfig({componentId:"sc-1h9en20-0"})({display:"flex",flexDirection:"row",alignItems:"center",gap:F.space.XXXS}),hi=({pid:e})=>{const i=(0,l.d4)(k.WB),t=(0,l.d4)((0,u.uL)(i,e)),{t:s}=(0,v.A)("product");return t?(0,D.jsxs)(ui,{children:[(0,D.jsx)(a.In,{iconName:"FaEyeSolid",size:"xs"}),(0,D.jsx)(a.EY.UI,{size:"small",children:s(e=>e.availability.demoProductInStore)})]}):null},xi=L["default"].div.withConfig({componentId:"sc-1frhdud-0"})({display:"flex",alignItems:"center",height:F.space.M,paddingLeft:F.space.XS}),gi=({active:e,availability:i,externalId:t,pid:s})=>{const n=(0,l.d4)(k.WB),r=(0,l.d4)(k.YF),c=(0,l.d4)((0,u.dF)(s,!0,t)),d=r&&"n/a"!==r,p=e&&!(0,b.Tv)(i,!0)&&d,[h]=(0,g.A)(),{t:x}=(0,v.A)("product"),{t:f}=(0,v.A)("stores"),{isDirectDeliveryOnly:j}=(0,m.A)(s,t);if("pak"===n)return(0,D.jsx)(a.az,{appearance:"secondary",padding:"none",radius:"XXS",children:(0,D.jsxs)(a.aP,{gap:"none",children:[(0,D.jsx)(a.s6,{as:"h3",children:x(e=>e.availability.storeShelfHeading)}),(0,D.jsx)(ii,{color:"grey",colorText:h.noStoreServicesInVantaaInfo}),(0,D.jsx)(a.Eg,{appearance:"alert",children:h.noStoreServicesInVantaaNotice})]})});if(!p)return null;const I=i?.flags?.isElectronic?h.noStoreServicesForElectronic:x(e=>e.availability.inStoreName,{storeName:(0,y.lv)(r,f)}),S=i?.flags?.isElectronic?void 0:(0,o.be)({stock:i?.stocks?.stores?.[r],t:x});return j?(0,D.jsxs)(a.az,{appearance:"secondary",padding:"none",radius:"XXS",children:[(0,D.jsx)(ii,{color:c,colorText:I,stockText:S}),(0,D.jsx)(a.EY.UI,{size:"medium",children:x(e=>e.availability.specialPricingNoStorePickup)})]}):(0,D.jsx)(a.az,{appearance:"secondary",padding:"none",radius:"XXS",children:(0,D.jsxs)(a.aP,{gap:"none",children:[(0,D.jsx)(a.s6,{as:"h3",children:x(e=>e.availability.storeShelfHeading)}),(0,D.jsx)(ii,{color:c,colorText:I,stockText:S}),!i?.flags?.isElectronic&&(0,D.jsx)(xi,{children:(0,D.jsx)(a.EY.UI,{size:"small",children:h.noStoreStockReservation})}),(0,D.jsx)(hi,{pid:s})]})})};var mi=t(96774);const vi=({className:e,label:i,pickupTime:t,price:s,gap:n="2xs"})=>(0,D.jsxs)("div",{className:e,children:[(0,D.jsxs)(a.aP,{gap:n,children:[(0,D.jsx)(a.EY.UI,{appearance:"primary",size:"small",weight:"semiBold",children:i}),t&&(0,D.jsx)(a.EY.UI,{appearance:"primary",size:"medium",weight:"semiBold",children:t})]}),void 0!==s?(0,D.jsx)(a.EY.UI,{css:{flexShrink:0},appearance:"primary",size:"small",weight:"semiBold",children:s}):null]});vi.displayName="PickupDescription";const fi=(0,L["default"])(vi).withConfig({componentId:"sc-fv9vc6-0"})({marginLeft:F.space.XXS,display:"flex",width:`calc(100% - ${F.space.L})`,flexDirection:"row",justifyContent:"space-between",alignItems:"center"},({showTopBorder:e})=>e?{borderTop:`1px solid ${F.color.border.secondary}`,paddingTop:F.space.XXS}:{}),bi={js:["pak"]},yi=({availability:e,preferredStoreId:i,alternatives:t,price:s})=>{const[a]=(0,g.A)(),{t:l}=(0,v.A)("product"),{t:r}=(0,v.A)("stores"),c=e?.stocks?.pickup?.[i]?.isAvailable,d=(0,n.useMemo)(()=>t??bi[i]??[],[t,i]),p=(0,n.useMemo)(()=>d.filter(i=>!0===e?.stocks?.pickup?.[i]?.isAvailable).sort((i,t)=>((e,i)=>{if(!e?.minEstimate||!i?.minEstimate)return 0;const t=(0,mi.E9)(e.minEstimate),s=(0,mi.E9)(i.minEstimate);return(0,mi.fP)(t)-(0,mi.fP)(s)})(e?.stocks?.pickup?.[i],e?.stocks?.pickup?.[t]))[0],[e,d]),u=(0,n.useMemo)(()=>"pak"===p?(0,y.lv)(p,r,{ablative:!0}):(0,y.lv)(p,r,{isPickup:!0,elative:!0}),[p,r]),h=(0,n.useMemo)(()=>(0,y.NQ)(p,r),[p,r]),x=(0,n.useMemo)(()=>{const e=(0,y.kG)(p);return"pak"===p?a.availableFromAlternativePickupPointIfPaid:l(c&&e?e=>e.availability.alternatePickup.alsoAvailable:!c&&e?e=>e.availability.alternatePickup.available:c||e?e=>e.availability.alternatePickup.alsoAvailablePaid:e=>e.availability.alternatePickup.availablePaid)},[p,c,a.availableFromAlternativePickupPointIfPaid,l]),m=(0,n.useMemo)(()=>(0,o.ap)({availability:e,businessId:p,t:l}),[e,p,l]);return p?(0,D.jsx)(fi,{label:(0,D.jsxs)(D.Fragment,{children:[x," ",(0,D.jsx)(Se.A,{to:`${h}`,children:u})," "]}),pickupTime:m,price:s,showTopBorder:!0}):null},ji=(e,[i,t],s,a,n)=>{if(e?.loading||t.loading||!t.loaded)return{color:"lightGrey",colorText:i.loading,stockText:""};if(e?.flags?.isElectronic)return{color:"grey",colorText:i.notAvailableForPickupElectronic};if(!e?.stocks?.pickup)return{color:"red",colorText:i.notAvailable,stockText:""};if(e?.flags?.isPreorder)return{color:"yellow",colorText:(0,D.jsx)(ti,{availability:e,description:i.preorderDescription,title:i.preorder})};const l=(0,b.vh)(a),r=i[((e,i)=>e?.isPurchasable?"availableForPickup":(0,y.Vx)(i)?"notAvailableForPickupParcelLocker":"notAvailableForPickup")(a,s)],c=((e,i,t)=>"yellow"!==e&&i?.isPurchasable?"red"===e?(0,o.be)({stock:{...i,stock:0},t}):(0,o.be)({stock:i,t}):"")(l,a,n);return{color:l,colorText:r,stockText:c}},Ii=({availability:e,preferredStoreId:i,preferredStorePickup:t})=>{const s=(0,g.A)(),{t:a}=(0,v.A)("product"),l=(0,n.useMemo)(()=>ji(e,s,i,t,a),[e,s,i,t,a]);return(0,D.jsx)(ii,{...l})},ki=(0,s.styled)(a.vx,{base:{display:"block",textAlign:"center",paddingTop:"3xs",width:"100%"}}),Si=L["default"].div.withConfig({componentId:"sc-ib62ea-0"})({display:"flex",flexDirection:"row",height:F.space.M,width:"100%",alignItems:"center",justifyContent:"flex-start"}),Ai=(0,s.styled)(a.EY.UI,{base:{display:"flex",alignItems:"center",height:"m"}}),wi=({active:e,availability:i,externalId:t})=>

1{const[s,r]=(0,n.useState)(void 0),c=(0,T.A)(),d=(0,l.d4)(k.WB),p=(0,l.d4)(I.md),[u]=(0,g.A)(),{t:h}=(0,v.A)("product"),{isDirectDeliveryOnly:x}=(0,m.A)(i?.pid??0,t),f="n/a"!==d,S=d&&f,A=S?i?.stocks?.pickup?.[d]:void 0,w=i&&!0==!i.unknown&&f,P=(0,y.tH)(d),C=P&&Boolean(i?.stocks?.pickup?.[P]?.isPurchasable),E=C?P:d,X=(0,n.useMemo)(()=>(0,o.ap)({availability:i,businessId:E,t:h,locale:(0,j.MI)(p)}),[i,E,h,p]),M=(0,n.useMemo)(()=>{if("n/a"===E)return"";const e=u[`availableForPickupFrom_${E}`];return C&&e?e:"n/a"===d?"":u[`availableForPickupFrom_${d}`]??u.availableForPickupFrom},[u,C,E,d]),$=(0,n.useCallback)(()=>{c((0,q.Xg)(O.fI.Store))},[c]);return(0,n.useEffect)(()=>{if(x)r(h(e=>e.availability.cannotPickupFromStore));else if(i&&E){if(i?.flags?.isElectronic)return;if("n/a"===E)return void r(void 0);const e=(0,b.Tw)(i,"pickup",E);r(!1===e?.isPurchasable?u.notAvailableForPickupInSelectedStore:void 0)}},[E,i,u.notAvailableForPickupInSelectedStore,x,h]),e?(0,D.jsxs)(a.aP,{gap:"none",children:[w&&(0,D.jsx)(Ii,{availability:i,preferredStoreId:E,preferredStorePickup:A}),!f&&(0,D.jsx)(ki,{onClick:$,children:u.choosePreferredStore}),Boolean(A?.isPurchasable)&&f&&X&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(Si,{children:[(0,D.jsx)(a.Q3,{}),(0,D.jsx)(fi,{gap:"3xs",label:M,price:`${(0,he.up)(0,he.IK.EMPTY)}`})]}),(0,D.jsx)(Ai,{appearance:"primary",size:"medium",weight:"semiBold",children:X})]}),S&&(0,D.jsx)(yi,{availability:i,preferredStoreId:d,price:`${(0,he.up)(0,he.IK.EMPTY)}`}),s&&(0,D.jsx)(D.Fragment,{children:x?(0,D.jsxs)(a.az,{appearance:"secondary",padding:"none",radius:"XXS",children:[(0,D.jsxs)(a.ob,{alignBlock:"center",gap:"3xs",wrap:!0,children:[(0,D.jsx)(a.Q3,{}),(0,D.jsx)(a.EY.UI,{size:"medium",children:h(e=>e.availability.notPickupFromStore)})]}),(0,D.jsx)(a.az,{appearance:"secondary",css:{paddingInlineStart:"none"},padding:"XXS",radius:"XXS",children:(0,D.jsx)(a.EY.UI,{size:"medium",children:h(e=>e.availability.specialPricingNoPickup)})})]}):(0,D.jsx)(a.ob,{gap:"3xs",wrap:!1,children:(0,D.jsx)(a.Eg,{appearance:"info",children:(0,D.jsx)(a.Eg.Paragraph,{children:s})})})})]}):null},Ti=L["default"].div.withConfig({componentId:"sc-1f5hxiz-0"})(({$wrapperHeight:e})=>({transition:`height ${F.motion.duration[450]} ${F.motion.easing.inOut}`,height:e?`${e}px`:"auto",overflow:"hidden"})),Pi=L["default"].div.withConfig({componentId:"sc-1f5hxiz-1"})(({$visible:e})=>!e&&{display:"none"}),Ci=(0,s.styled)(a.vx,{base:{display:"block",paddingTop:"3xs",textAlign:"center",width:"100%"}}),Ei=({availability:e,externalId:i,product:t,services:s,shoppingMode:a})=>{const o=(0,T.A)(),c=(0,l.d4)(k.WB),[d]=(0,g.A)(),[p,u]=(0,n.use

1State)(void 0),h=(0,n.useRef)(null),x=(0,n.useRef)(null),m=(0,n.useRef)(null),v=(0,n.useCallback)(()=>{o((0,q.Xg)(O.fI.Store))},[o]);return(0,n.useEffect)(()=>{const e={[r.G7]:h,store:x,pickup:m}[a];if(e?.current){const i=new ResizeObserver(()=>{u(e.current?.clientHeight||void 0)});return i.observe(e.current),()=>{i.disconnect()}}},[a]),(0,D.jsxs)(Ti,{$wrapperHeight:p,children:[(0,D.jsx)(Pi,{ref:h,$visible:a===r.G7,children:(0,D.jsx)(pi,{availability:e,externalId:i,product:t,services:s})}),(0,D.jsx)(Pi,{ref:m,$visible:"pickup"===a,children:(0,D.jsx)(wi,{active:t.active,availability:e,externalId:i})}),(0,D.jsx)(Pi,{ref:x,$visible:"store"===a,children:"n/a"===c?(0,D.jsx)(Ci,{onClick:v,children:d.choosePreferredStore}):(0,D.jsx)(gi,{active:t.active,availability:e,externalId:i,pid:t.pid})})]})},Xi=({externalId:e,onChange:i,pid:t,shoppingMode:s})=>{const r=(0,l.d4)((0,u.hT)(t,e)),o=(0,l.d4)(S.w),c=(0,l.d4)(k.YF),d=(0,l.d4)(k.WB),[p]=(0,g.A)(),{t:h}=(0,v.A)("product"),{isDirectDeliveryOnly:x}=(0,m.A)(t,e),f=(0,n.useMemo)(()=>!x&&("n/a"===d||(0,b.KX)(r,d)?.isAvailable),[r,d,x]),y=(0,n.useMemo)(()=>x?h(e=>e.availability.notAvailable):o?p.loading:"n/a"===d?"":(0,b.q)(r,c)?p.storeImmediate:p.notAvailable,[x,h,o,p.loading,p.storeImmediate,p.notAvailable,d,r,c]),j=(0,n.useCallback)(()=>{i({shoppingMode:"store",subLabel:y})},[i,y]),I=(0,D.jsx)(a.In,{iconName:"FaShelves",isFluid:!0});return(0,D.jsx)(W,{checked:"store"===s,disabled:!f,icon:I,inputId:`${"store"}-availability-button`,labelText:h(e=>e.availability.storeSelection),name:"availability-display-type",subLabelText:y,value:"store",onChange:j})},Mi=(0,L["default"])("fieldset").withConfig({componentId:"sc-t4jvl-0"})({width:"100%",padding:0,border:"none",margin:0}),$i=({availability:e,externalId:i,product:t,services:s,shoppingMode:n,onChange:l})=>(0,D.jsxs)(a.aP,{"data-override-text":e?.overrideText,gap:"none",children:[(0,D.jsx)(Mi,{role:"radiogroup",children:(0,D.jsxs)(a.ob,{align:"space-between",className:O.SD,gap:"2xs",wrap:!1,children:[(0,D.jsx)(_,{externalId:i,pid:t.pid,services:s,shoppingMode:n,onChange:l}),(0,D.jsx)(K,{externalId:i,pid:t.pid,shoppingMode:n,onChange:l}),(0,D.jsx)(Xi,{externalId:i,pid:t.pid,shoppingMode:n,onChange:l})]})}),(0,D.jsx)(Ei,{availability:e,externalId:i,product:t,services:s,shoppingMode:n})]});var zi=t(79861);const Fi=(0,L["default"])("fieldset").withConfig({componentId:"sc-13stpvq-0"})({padding:0,border:"none",margin:0}),Li=(0,L["default"])("div").withConfig({componentId:"sc-13stpvq-1"})({display:"flex",minHeight:F.space.XL,padding:0,gap:F.space.XXS,justifyContent:"space-between",alignItems:"stretch","> div:first-of-type":{textAlign:"left"},"> div:last-of-type":{textAlign:"right"}}),Di=L["default"].div.withConfig({componentId:"sc-13stpvq-2"})({display:"flex",flexDirection:"column",gap:F.space.XXXXS,paddingBottom:F.space.XXXS,paddingTop:F.space.XXXS}),Ni=(0,s.styled)(a.vx,{base:{position:"relative",_before:{content:'""',display:"block",position:"absolute",bottom:0,left:0,height:"200%",width:"100%"}}}),Bi=()=>{const e=(0,T.A)(),i=(0,l.d4)(k.WB),{t}=(0,v.A)(["common","product"]),{t:s}=(0,v.A)("stores"),r=(0,zi.A)(),[{postalCode:o,preferredStore:c}]=(0,g.A)(),d=r||t(e=>e.enterPostalCode,{ns:"common"}),p=(0,y.dC)(i,s),u=(0,n.useCallback)(()=>{e((0,q.Xg)(O.fI.PostalCode))},[e]),h=(0,n.useCallback)(()=>{e((0,q.Xg)(O.fI.Store))},[e]);return(0,D.jsxs)(Fi,{children:[(0,D.jsx)(a.s6,{as:"legend",children:t(e=>e.locationSelection.selectOrderMethod,{ns:"product"})}),(0,D.jsxs)(Li,{children:[(0,D.jsxs)(Di,{children:[(0,D.jsx)(a.EY.UI,{appearance:"primary",css:{display:"block"},size:"small",children:o}),(0,D.jsx)(Ni,{"aria-label":`${o}: ${d}`,onClick:u,children:d})]}),(0,D.jsxs)(Di,{children:[(0,D.jsx)(a.EY.UI,{appearance:"primary",css:{display:"block"},size:"small",children:c}),(0,D.jsx)(Ni,{"aria-label":`${t(e=>e.store,{ns:"common"})}: ${p}`,onClick:h,children:p})]})]})]})};var Oi=t(18869),Yi=t(1033),Ri=t(58638),Ui=t(5793),Hi=t(7411),Gi=t(25164),Wi=t(1939),_i=t(10700),Ki=t(11080),qi=t(13375),Qi=t(16240),Vi=t(40701);const Zi=L["default"].div.withConfig({componentId:"sc-8cla8b-0"})({display:"flex",flexDirection:"column",gap:0}),Ji=L["default"].div.withConfig({componentId:"sc-8cla8b-1"})(({$variant:e="default"})=>({marginLeft:"auto",display:"flex",gap:"compact"===e?F.space.XXXS:F.space.XXS,paddingLeft:F.space.XXXS})),et=L["default"].label.withConfig({componentId:"sc-8cla8b-2"})(({$variant:e="default"})=>({..."compact"===e?Ee.textStyle.ui.small:Ee.textStyle.ui.medium,cursor:"pointer","&:after":{content:'""',dis

1play:"block",width:"100%",height:"100%",position:"absolute",top:0,left:0}})),it=L["default"].div.withConfig({componentId:"sc-8cla8b-3"})(({$variant:e="default"})=>({position:"relative",background:F.color.background.secondary,padding:"compact"===e?`${F.space.XXXS} ${F.space.XS} ${F.space.XXXS} ${F.space.XXS}`:`${F.space.XXXS} ${F.space.XS}`,borderRadius:"compact"===e?F.border.radius.XS:F.border.radius.XXS,border:`${F.border.size.S} solid ${F.color.border.secondary}`,minHeight:"compact"===e?"3.5rem":F.size.XL,boxSizing:"border-box",display:"flex",alignItems:"center",flexDirection:"row","input:checked + &":{background:F.color.background.primary},"&:hover":{background:F.color.fundaments.greys[150]},"@supports selector(:focus-visible)":{"input:focus-visible + &":{border:`${F.border.size.S} solid ${F.color.border.highlight.secondary}`,boxShadow:`0 0 0 ${F.border.size.S} ${F.color.border.highlight.secondary}`}},"@supports not selector(:focus-visible)":{"input:focus + &":{border:`${F.border.size.S} solid ${F.color.border.highlight.secondary}`,boxShadow:`0 0 0 ${F.border.size.S} ${F.color.border.highlight.secondary}`}},".stm-icon":{marginRight:F.space.XXS,width:F.size.S,flexShrink:0},[Vi.A]:{width:F.size.L,height:F.size.L,borderRadius:F.border.radius.XXS,overflow:"hidden",marginRight:F.space.XXS,flexShrink:0}})),tt=({className:e,inputId:i,iconName:t,pictureProps:s,name:n,price:l,description:r,checked:o,onChange:c,infoButtonProps:d,variant:p="default",priceAriaLabel:u="Palvelun hinta on",...h})=>(0,D.jsxs)("div",{className:e,"data-cart-button":"true",...h,children:[(0,D.jsx)("input",{"aria-describedby":`${i}-description ${i}-price`,checked:o,className:(0,R.css)({srOnly:!0}),id:i,onChange:c,type:"checkbox"}),(0,D.jsxs)(it,{$variant:p,children:[t&&(0,D.jsx)(a.In,{iconName:t,size:"md"}),s&&(0,D.jsx)(Vi.A,{alt:"",height:40,objectFit:"cover",role:"presentation",width:40,...s}),(0,D.jsxs)(a.aP,{align:"center",alignInline:"center",css:{flexDirection:"row"},gap:"3xs",children:[(0,D.jsxs)(Zi,{children:[(0,D.jsx)(et,{$variant:p,htmlFor:i,children:n}),r&&(0,D.jsx)(a.EY.UI,{appearance:"secondary",id:`${i}-description`,size:"small",children:r})]}),d&&(0,D.jsx)(a.H7,{className:(0,ue.touchTargetStyle)({size:"S"}),size:"XS",...d,children:(0,D.jsx)(a.In,{className:(0,R.css)({marginRight:"unset!",width:"unset!"}),iconName:"FaInfoSolid"})})]}),(0,D.jsxs)(Ji,{$variant:p,children:[(0,D.jsxs)(a.EY.UI,{appearance:o?"primary":"secondary",id:`${i}-price`,size:"medium",children:[(0,D.jsx)(a.s6,{children:u}),l]}),(0,D.jsx)(a.lM,{checked:o,className:(0,R.css)({pointerEvents:"none"}),size:"XS"})]})]})]});tt.displayName="ServiceProductSelectorItem";const st=(0,L["default"])(tt).withConfig({componentId:"sc-8cla8b-4"})({position:"relative",width:"100%"}),at=({className:e,infoButtonProps:i,inputId:t,name:s,pictureProps:a,price:n,description:l,checked:r,onChange:o,...c})=>(0,D.jsx)(st,{checked:r,className:e,description:l,infoButtonProps:i,inputId:t,name:s,pictureProps:a,price:n,priceAriaLabel:"Tuotteen hinta on",variant:"compact",onCh

1ange:o,...c});at.displayName="ServiceProductSelectorNecessityItem";const nt=(0,L["default"])(at).withConfig({componentId:"sc-1wrun50-0"})({});var lt=t(87291),rt=t(23764);const ot=({necessity:e,isSelected:i,onToggle:t})=>{const{t:s}=(0,v.A)("product"),a=(0,T.A)(),l=(0,n.useCallback)(i=>{t(e.pid,i.target.checked)},[e.pid,t]),r=(0,n.useCallback)(()=>a((0,rt.p)({pid:e.pid})),[a,e.pid]);return(0,D.jsx)(nt,{checked:i,description:e.descriptionShort,infoButtonProps:e.description?{"aria-label":s(e=>e.serviceProducts.showNecessityDescription),onClick:r}:void 0,inputId:`necessity-${e.pid}`,name:e.name,pictureProps:(0,lt.P2)(e,45),price:(0,he.up)(e.price.current??0,he.IK.EMPTY),onChange:l})},ct=e=>(0,_i.e)(e)?"FaWrench":(0,_i.G0)(e)?"FaRecycle":"FaPlus",dt=({service:e,isSelected:i,onToggle:t})=>{const{t:s}=(0,v.A)("product"),a=(0,T.A)(),l=(0,n.useCallback)(i=>{t(e.pid,i.target.checked)},[e.pid,t]),r=(0,n.useCallback)(()=>a((0,rt.p)({pid:e.pid})),[a,e.pid]);return(0,D.jsx)(st,{checked:i,description:e.descriptionShort,iconName:ct(e),infoButtonProps:e.description?{"aria-label":s(e=>e.serviceProducts.showServiceDescription),onClick:r}:void 0,inputId:`service-${e.pid}`,name:e.name,price:(0,he.up)(e.price.current??0,he.IK.EMPTY),onChange:l})},pt=L["default"].div.withConfig({componentId:"sc-1wpvjjf-0"})({width:"100%",padding:`${F.space.XXS} 0`,marginBottom:F.space.XXS}),ut=L["default"].div.withConfig({componentId:"sc-1wpvjjf-1"})({padding:`0 ${F.space.XXS}`}),ht=Yi.m.div,xt={height:0},gt={height:"auto"},mt=["areaAdditionalServices","necessaryEquipmentForInstallation"],vt=({mainProduct:e,externalId:i})=>{const t=(0,l.d4)((0,X.sQ)(e.pid)),s=(0,l.d4)((0,X.qS)(e.pid)),{pids:r}=(0,l.d4)((0,X.Fw)(e.pid)),{pids:o}=(0,l.d4)((0,X.FH)(e.pid)),c=(0,l.d4)(k.Ze),[{areaAdditionalServices:d,necessaryEquipmentForInstallation:p}]=(0,Wi.A)(mt,"serviceProduct."),g=(0,T.A)(),m=(0,Ri.I)(),v=(0,n.useMemo)(()=>(0,x.OD)(r),[r]),f=(0,l.d4)(v),b=(0,n.useMemo)(()=>(0,h.k2)({mainPid:e.pid,servicePids:r,mainExternalId:i}),[e.pid,r,i]),y=(0,l.d4)(b),j=(0,n.useMemo)(()=>f.filter(e=>"unavailable"!==y[e.pid]).sort(_i.b8),[f,y]),I=(0,n.useMemo)(()=>(0,x.OD)(o),[o]),S=(0,n.useMemo)(()=>(0,u.Au)(o),[o]),A=(0,l.d4)(I),w=(0,l.d4)(S),P=Object.values(y).some(e=>"loading"===e),C=(0,n.useRef)(j),M=P?C.current:j,$=M.findIndex(_i.e),z=(0,n.useMemo)(()=>A.filter(e=>w[e.pid]?.stocks?.shipment?.isAvailable??!1).shift(),[w,A]),F=(0,n.useCallback)((i,t)=>{g((0,Qi.B)({mainPid:e.pid,productId:i,checked:t}))},[g,e.pid]),L=(0,n.useCallback)((i,t)=>{g((0,Qi.H)({mainPid:e.pid,productId:i,checked:t}))},[g,e.pid]);return(0,n.useEffect)(()=>{P||(C.current=j)},[P,j]),(0,n.useEffect)(()=>{(r.length||o.length)&&g((0,qi.d$)({pids:r.concat(o)})),o.length&&g(Ki.YJ.started({pids:o}))},[g,r,o]),(0,n.useEffect)(()=>{c&&r.length&&g(E.Cc.started({mainProduct:{pid:e.pid,externalId:i},servicePids:r}))},[g,c,r,e.pid,i]),(0,D.jsx)(Ui.F,{features:Hi.l,children:(0,D.jsx)(Gi.N,{initial:!1,children:M.length>0&&(0,D.jsx)(ht,{animate:gt,exit:xt,initial:xt,style:{overflow:"hidden"},transition:{duration:m?Oi.motion.duration.none:Oi.motion.duration[300],ease:"easeInOut"},children:(0,D.jsxs)(pt,{children:[(0,D.jsx)("h3",{className:(0,R.cx)((0,R.css)({marginBottom:"2xs"}),(0,U.labelRecipe)()),children:d??"…"}),(0,D.jsx)(a.aP,{gap:"2xs",children:M.map((e,i)=>(0,D.jsxs)(n.Fragment,{children:[(0,D.jsx)(dt,{isSelected:t.includes(e.pid),service:e,onToggle:F}),i===$&&z?(0,D.jsxs)(ut,{children:[(0,D.jsx)("h4",{className:(0,R.cx)((0,R.css)({marginBottom:"3xs"}),(0,U.labelRecipe)({subtle:!0})),children:p??"…"}),(0,D.jsx)(ot,{isSelected:s.includes(z.pid),necessity:z,onToggle:L})]}):null]},e.pid))})]})},"services")})})};var ft=t(4060);const bt=({externalId:e})=>{const i=(0,l.d4)((0,ft.Ak)(e)),t=(0,l.d4)(S.w),{t:s}=(0,v.A)("cart");return!i||t?null:(0,D.jsx)("span",{className:(0,R.css)({srOnly:!0}),children:s(e=>e.cartQuantity,{count:i})})},yt=(0,s.styled)(a.ob,{base:{"& > button":{marginTop:"2xs"},_hidden:{display:"none"}}},{shouldForwardProp:()=>!0}),jt=({availability:e,product:i,productArticle:t})=>{const s=(0,T.A)(),a=(0,l.d4)(k.Ze),o=(0,l.d4)(k.WB),[c,d]=(0,n.use

1State)(r.G7),[p,u]=(0,n.useState)(i.pid),h=w(p,c,t?.externalId),x=t?.externalId||i.pid.toString(),g=(0,l.d4)((0,X.Qp)(p)),v=(0,l.d4)((0,X.hm)(p)),f=(0,n.useMemo)(()=>Object.keys(g).map(Number),[g]),{isDirectDeliveryOnly:b,config:y,directDeliveryOnlyAvailability:j}=(0,m.A)(i.pid,t?.externalId),I=i.assortmentHref?P.J.cartButton.assortmentProductPage:P.J.cartButton.productPage,S=e?.flags?.isElectronic??!1,A=(0,n.useMemo)(()=>{switch(c){case r.G7:return!1;case"store":return!0;case"pickup":return S;default:return!1}},[c,S]),z=(0,n.useCallback)(({shoppingMode:e,subLabel:i})=>{s((0,C.Kr)({shoppingMode:e,subLabel:i})),d(e)},[s]);return(0,n.useEffect)(()=>{const e=p;if(i.pid!==p&&u(i.pid),c!==r.G7){if(i?.variants?.length){if(i.variants?.some(i=>i.variants?.some(i=>i.pid===e))??!1)return}d(r.G7)}},[i.pid]),(0,n.useEffect)(()=>{y.shouldFetchDeliveryEstimates&&f.length&&s((0,E.WL)({productIdentifierSet:{pid:p,externalId:t?.externalId},services:f}))},[s,a,o,f,y.shouldFetchDeliveryEstimates,t?.externalId]),(0,D.jsxs)(B,{children:[b&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Bi,{}),(0,D.jsx)($i,{availability:j??void 0,externalId:t?.externalId,product:i,services:f,shoppingMode:c,onChange:z}),(0,D.jsxs)(yt,{gap:"3xs",hidden:A,wrap:!1,children:[(0,D.jsx)($.A,{availabilitySelection:h,context:I,necessities:v,product:i,services:g,shoppingMode:c,size:"XL",showText:!0}),(0,D.jsx)(M.A,{product:i,size:"XL"})]}),(0,D.jsx)(bt,{externalId:x})]}),!b&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Bi,{}),(0,D.jsx)(vt,{externalId:t?.externalId,mainProduct:i}),(0,D.jsx)($i,{availability:e,externalId:t?.externalId,product:i,services:f,shoppingMode:c,onChange:z}),(0,D.jsxs)(yt,{gap:"3xs",hidden:A,wrap:!1,children:[(0,D.jsx)($.A,{availabilitySelection:h,context:I,necessities:v,product:i,productArticle:t,services:g,shoppingMode:c,size:"XL",showText:!0}),(0,D.jsx)(M.A,{product:i,size:"XL"})]}),(0,D.jsx)(bt,{externalId:x})]})]})}}}]);
2//# sourceMappingURL=/assets/maps/26.aa733d5895.js.map