https://harkila-staging.vercel.app/_next/static/chunks/blocks/ProductBundle.b7aa8bbcadae4c75.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1060],{48766:function(e,t,r){r.r(t),r.d(t,{default:function(){return xe}});var n=r(71383),o=r(50029),a=r(59499),i=r(67294),c=r(13264),l=r(11163),s=r(81138),d=r(56798),p=r(62097),u=r(61225),g=r(90149),m=r(11067),v=r(89705),h=r(27995),b=r(16170),y=r(90146),f=r(15777),x=r(44945),j=r(85893);function Z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=(0,c.Z)("div",{target:"eu0qret2"})({name:"zjik7",styles:"display:flex"}),w=(0,c.Z)(s.Z,{target:"eu0qret1"})((e=>{var{theme:t}=e;return{color:t.palette.secondary.main,fontWeight:t.typography.fontWeightBold}}),""),C=(0,c.Z)(s.Z,{target:"eu0qret0"})((e=>{var{theme:t}=e;return O(O({},t.typography.subtitle1),{},{marginLeft:t.spacing(3),color:t.palette.text.disabled,fontWeight:t.typography.fontWeightRegular,textDecoration:"line-through"})}),"");var P,T,S,B,D,I=function(e){var{price:t,priceBeforeDiscount:r}=e;return(0,j.jsxs)(k,{children:[(0,j.jsx)(w,{variant:"subtitile1",children:t}),t&&t!==r&&(0,j.jsx)(C,{children:r})]})},z=r(9144),N=r(57491),W=r(17277),q=r(52273);function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var L="blocks/ProductBundle/partials/ProductBundleProductCard.js",R=(0,c.Z)("div",{target:"e19fow2m12"})((e=>{var{theme:t}=e;return{display:"flex","& + &":{margin:t.spacing(8,0),[t.breakpoints.up("md")]:{marginTop:t.spacing(10)}}}}),""),_=(0,c.Z)(m.Z,{target:"e19fow2m11"})((e=>{var{theme:t}=e;return{marginRight:t.spacing(4),maxWidth:"110px",height:"fit-content",backgroundColor:t.secondaryTheme?t.palette.background.quinary:t.palette.background.septenary,img:A({},b.LT.product)}}),""),Q=(0,c.Z)(s.Z,{target:"e19fow2m10"})((e=>{var{theme:t}=e;return A(A({},t.typography.subtitile1),{},{fontWeight:t.typography.fontWeightBold})}),""),U=(0,c.Z)(s.Z,{target:"e19fow2m9"})((e=>{var{theme:t}=e;return A(A({},t.typography.subtitle2),{},{marginTop:t.spacing(1),"span:first-of-type":{fontWeight:200},"span:last-of-type":{marginLeft:t.spacing(3)}})}),""),V=(0,c.Z)("div",{target:"e19fow2m8"})((e=>{var{theme:t}=e;return{marginTop:t.spacing(3)}}),""),M=(0,c.Z)(s.Z,{target:"e19fow2m7"})((e=>{var{theme:t}=e;return A(A({},t.typography.body2),{},{marginBottom:t.spacing(1),textTransform:"capitalize"})}),""),F=(0,c.Z)(z.Z,{target:"e19fow2m6"})({name:"1211xvd",styles:"display:inline-flex;flex-flow:wrap"}),G=(0,c.Z)(d.Z,{target:"e19fow2m5"})((e=>{var{theme:t}=e;return A({padding:5,background:"center no-repeat",backgroundSize:"contain",backgroundOrigin:"content-box",border:"1px solid ".concat(t.palette.grey[500]),color:t.palette.grey[600],"&.selected":A({borderColor:t.palette.text.primary,color:t.palette.text.primary},t.secondaryTheme&&{borderColor:t.palette.common.black,color:t.palette.common.black}),"&:hover":A({color:t.palette.text.primary},t.secondaryTheme&&{color:t.palette.common.black})},t.secondaryTheme&&{borderColor:t.palette.background.senary,color:t.palette.background.senary})}),""),H=(0,c.Z)(G,{target:"e19fow2m4"})((e=>{var{theme:t,ownerState:r}=e;return A({borderColor:t.palette.secondary.main,color:t.palette.secondary.main,"&.selected":{borderColor:t.palette.text.primary,backgroundColor:t.palette.background.secondary,color:t.palette.text.contrastText}},(null===r||void 0===r?void 0:r.disabled)&&A({borderColor:t.palette.background.senary,color:t.palette.background.senary},t.secondaryTheme&&{borderColor:t.palette.background.septenary,color:t.palette.background.septenary}))}),""),J=(0,c.Z)("div",{target:"e19fow2m3"})((e=>{var{theme:t}=e;return{display:"flex",flexDirection:"column",marginTop:t.spacing(3),width:"fit-content"}}),""),K=(0,c.Z)("div",{target:"e19fow2m2"})({name:"1066lcq",styles:"display:flex;justify-content:space-between;align-items:center"}),X=(0,c.Z)(s.Z,{target:"e19fow2m1"})((e=>{var{theme:t}=e;return A(A({},t.typography.body2),{},{textTransform:"capitalize"})}),""),Y=(0,c.Z)(N.Z,{target:"e19fow2m0"})((e=>{var{theme:t}=e;return A(A({},t.typography.body3),{},{padding:t.spacing(1,0,1,1),color:t.palette.text.secondary,textDecoration:"underline"})}),"");var $,ee,te,re,ne,oe=function(e){var t,r,o,a,c,{onSizeChange:l,onSwatchChange:d,products:p,section:u}=e,{t:g}=(0,h.QT)(),m=p[0],[y,f]=i.useState(!1),[x,Z]=i.useState(m),[O,k]=i.useState(""),w=i.useCallback((e=>{var t=e.currentTarget.value;k(t),l&&l(u,t,x)}),[l,u,x]),C=i.useCallback((e=>{var t=e.currentTarget.value,r=null===p||void 0===p?void 0:p.find((e=>e.product===t));Z(r),k(""),d&&d(u,"",r)}),[d,p,u]),I=i.useCallback((()=>{f((e=>!e))}),[]),z=null===m||void 0===m||null===(t=m.relatedVariantProducts)||void 0===t?void 0:t.filter((e=>p.find((t=>t.product===e.product))));return(0,j.jsxs)(R,{children:[(0,j.jsx)(_,A(A({},b.sl.article),{},{children:(0,j.jsx)(v.ZP,{src:null===x||void 0===x||null===(r=x.media)||void 0===r||null===(o=r.standard)||void 0===o?void 0:o[0],alt:null===x||void 0===x?void 0:x.name})})),(0,j.jsxs)("div",{children:[(0,j.jsx)(Q,{children:null===m||void 0===m?void 0:m.name}),(0,j.jsxs)(U,{children:[(0,j.jsx)("span",{children:g(L)(P||(P=(0,n.Z)(["Normal price"])))}),(0,j.jsx)("span",{children:(0,j.jsx)("b",{children:null===m||void 0===m?void 0:m.priceBeforeDiscount})})]}),(0,j.jsxs)(V,{children:[(0,j.jsx)(M,{children:null===x||void 0===x?void 0:x.variantName}),(0,j.jsx)(F,{gap:1,children:null===z||void 0===z?void 0:z.map((e=>(0,j.jsx)(G,{className:x.variantName===(null===e||void 0===e?void 0:e.variantName)?"selected":"",onClick:C,sx:e.thumbImage&&{backgroundImage:"url(".concat(e.thumbImage,")")},size:"large",variant:"outlined","aria-label":g(L)(T||(T=(0,n.Z)(["Select color ",""])),x.variantName),value:e.product},"card-btn-".concat(null===e||void 0===e?void 0:e.variantName))))})]}),(0,j.jsxs)(J,{children:[(0,j.jsxs)(K,{children:[(0,j.jsx)(X,{children:g(L)(S||(S=(0,n.Z)(["Sizes"])))}),(null===x||void 0===x||null===(a=x.measurementChart)||void 0===a?void 0:a.contents)&&(0,j.jsxs)(s.Z,{children:[(0,j.jsx)(Y,{component:W.Z,onClick:I,children:g(L)(B||(B=(0,n.Z)(["Sizeguide"])))}),(0,j.jsx)(q.Z,{onClose:I,open:y,product:x})]})]}),(0,j.jsx)(F,{gap:1,children:null===x||void 0===x||null===(c=x.items)||void 0===c?void 0:c.map(((e,t)=>(0,j.jsx)(H,{className:O===e.item?"selected":"",onClick:w,variant:"outlined",size:"large",disabled:!e.stock||0===e.stock,"aria-label":g(L)(D||(D=(0,n.Z)(["Select size ",""])),e.name),value:e.item,children:e.name},t)))})]})]})]})};function ae(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ie(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?ae(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ae(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ce="blocks/ProductBundle/ProductBundle.js",le="md",se=(0,c.Z)("section",{target:"e1cgix0410"})((e=>{var{theme:t}=e;return{padding:t.spacing(0,3),margin:t.spacing(4,0,"140px"),[t.breakpoints.up(le)]:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",padding:0,margin:"0 0 180px"}}}),""),de=(0,c.Z)(m.Z,{target:"e1cgix049"})((e=>{var{theme:t}=e;return{"--aspect-ratio":327/380,[t.breakpoints.up(le)]:{"--aspect-ratio":b.sl.article.width/b.sl.article.height,gridColumn:"1 / 2",height:"fit-content"}}}),""),pe=(0,c.Z)("div",{target:"e1cgix048"})((e=>{var{theme:t}=e;return{marginTop:t.spacing(3),[t.breakpoints.up(le)]:{gridColumn:"2 / 3",padding:t.spacing(10,10,0,10),margin:0}}}),""),ue=(0,c.Z)("div",{target:"e1cgix047"})((e=>{var{theme:t}=e;return{marginBottom:t.spacing(7),[t.breakpoints.up(le)]:{marginBottom:"120px"}}}),""),ge=(0,c.Z)("div",{target:"e1cgix046"})((e=>{var{theme:t}=e;return ie(ie({},t.typography.button),{},{marginBottom:t.spacing(3),padding:t.spacing(1,2),width:"fit-content",backgroundColor:t.palette.action.hover,color:t.palette.secondary.main,fontWeight:t.typography.fontWeightBold,[t.breakpoints.down(le)]:{marginBottom:t.spacing(5)}},t.secondaryTheme&&{backgroundColor:t.palette.background.quinary})}),""),me=(0,c.Z)(s.Z,{target:"e1cgix045"})((e=>{var{theme:t}=e;return{marginBottom:t.spacing(3),[t.breakpoints.up(le)]:ie(ie({},t.typography.h2),{},{marginBottom:t.spacing(4)})}}),""),ve=(0,c.Z)(s.Z,{target:"e1cgix044"})((e=>{var{theme:t}=e;return{marginBottom:t.spacing(2),color:t.palette.secondary.main}}),""),he=(0,c.Z)("div",{target:"e1cgix043"})((e=>{var{theme:t}=e;return{paddingTop:t.spacing(5),borderTop:"1px solid ".concat(t.palette.divider),textAlign:"center"}}),""),be=(0,c.Z)(d.Z,{target:"e1cgix042"})((e=>{var{theme:t}=e;return{margin:t.spacing(3,0)}}),""),ye=(0,c.Z)("ul",{target:"e1cgix041"})((e=>{var{theme:t}=e;return{listStyle:"none",padding:0,margin:t.spacing(4,0,0),[t.breakpoints.up(le)]:{margin:t.spacing(5,0,0)}}}),""),fe=(0,c.Z)("li",{target:"e1cgix040"})((e=>{var{theme:t}=e;return ie(ie(ie({},t.mixins.horizontalRhythm(1)),t.typography.caption),{},{display:"flex",alignItems:"center",padding:t.spacing(.5,0)})}),"");var xe=function(e){var t,r,a,c,d,m,b,Z,O,k,{currency:w,product:C,sectionProducts:P}=e,{t:T}=(0,h.QT)(),{settings:S}=(0,h.rV)(),B=(0,p.Z)(),{addBundleItem:D}=(0,h.St)(),{onCartMenuToggle:z}=(0,x.qD)(),N=(0,u.Z)(B.breakpoints.up(le)),{query:W}=(0,l.useRouter)(),[q,E]=i.useState(!1),A=null===C||void 0===C||null===(t=C.bundleInfo)||void 0===t||null===(r=t.sections)||void 0===r?void 0:r.map((e=>({section:e.section,item:""}))),[L,R]=i.useState(A);i.useEffect((()=>{(0,h.PA)(C,w,W.country)}),[C,w,W.country]);var _=i.useCallback(((e,t)=>{R((r=>{var n=[...r],o=n.findIndex((t=>t.section===e));return-1!==o&&(n[o]={section:e,item:t}),n}))}),[]),Q=i.useCallback(((e,t)=>{R((r=>{var n=[...r],o=n.findIndex((t=>t.section===e));return-1!==o&&(n[o]={section:e,item:t}),n}))}),[]),U=i.useCallback(function(){var e=(0,o.Z)((function*(e){try{var t,r,n,o;E(!0);var a=null===(t=e.items)||void 0===t||null===(r=t[0])||void 0===r?void 0:r.item;yield D(a,{item:a,sections:L}),N&&z(),(0,h.Of)(null===(n=e.items)||void 0===n?void 0:n[0],e,w,W.country),(0,h.Cc)("add",ie(ie({},e),{},{quantity:1}),null===(o=e.items)||void 0===o?void 0:o[0],w,W.country)}catch(i){console.error(i)}E(!1)}));return function(t){return e.apply(this,arguments)}}(),[D,L,N,z,w,W.country]),V=L.every((e=>""!==e.item));return(0,j.jsxs)(se,{children:[(0,j.jsx)(de,{ratio:!0,children:(0,j.jsx)(v.ZP,{src:null===(a=C.media)||void 0===a||null===(c=a.full)||void 0===c?void 0:c[0],alt:C.name})}),(0,j.jsxs)(pe,{children:[(0,j.jsxs)(ue,{children:[(null===(d=C.bundleInfo)||void 0===d?void 0:d.discount)>0&&(0,j.jsx)(ge,{children:T(ce)($||($=(0,n.Z)(["Limited offer - "," % off"])),C.bundleInfo.discount)}),(0,j.jsx)(ve,{variant:"subtitle1",children:T(ce)(ee||(ee=(0,n.Z)(["Bundles"])))}),(0,j.jsx)(me,{component:"h1",variant:"h3",children:C.name}),C.price&&(0,j.jsx)(I,{price:C.price,priceBeforeDiscount:null===(m=C.bundleInfo)||void 0===m?void 0:m.priceOfItems})]}),null===C||void 0===C||null===(b=C.bundleInfo)||void 0===b||null===(Z=b.sections)||void 0===Z?void 0:Z.map((e=>{var t=e.products.map((e=>P.find((t=>Number(t.product)===Number(e)))));return(0,j.jsx)(oe,{onSizeChange:_,onSwatchChange:Q,products:t,section:e.section},"product-bundle-card-".concat(e.section))})),(0,j.jsxs)(he,{children:[C.price&&(0,j.jsx)(I,{price:C.price,priceBeforeDiscount:null===(O=C.bundleInfo)||void 0===O?void 0:O.priceOfItems}),(0,j.jsxs)(be,{onClick:()=>U(C),color:"primary",variant:"contained",fullWidth:!0,size:"large",disabled:!V,children:[!q&&(V?"".concat(T(ce)(re||(re=(0,n.Z)(["Add "," items to cart"])),L.length)):T(ce)(te||(te=(0,n.Z)(["Choose your products"])))),q&&(ne||(ne=(0,j.jsx)(g.Z,{color:"secondary",size:16})))]}),(null===S||void 0===S?void 0:S.shippingText)&&(0,j.jsx)("div",{style:{textAlign:"center"},children:(0,j.jsx)(s.Z,{variant:"body3",children:(0,j.jsx)(f.Z,{blocks:S.shippingText})})}),(null===S||void 0===S?void 0:S.productPageUsps)&&(0,j.jsx)(ye,{children:null===(k=S.productPageUsps)||void 0===k?void 0:k.map(((e,t)=>{var r=(0,y.aW)("check");return(0,j.jsxs)(fe,{children:[r&&(0,j.jsx)(r,{color:"secondary"}),(0,j.jsx)(s.Z,{variant:"caption",children:e})]},"product-usp-".concat(t))}))})]})]})]})}}}]);