https://braun.nl/nl-nl/_next/static/chunks/787.c789aa959755b18e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[787],{787:(e,t,s)=>{"use strict";s.d(t,{A:()=>f});var a=s(37876),l=s(14232),r=s(95062),n=s.n(r),i=s(1983),o=s(78661),d=s(20802);let c=({color:e=d.MIA_COLORS.BLACK,className:t})=>(0,a.jsx)("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,a.jsx)("path",{d:"M13.6404 6.82031L12.8004 7.64031L9.52035 4.36031L8.60035 3.34031V14.8203H7.40035L7.40035 3.34031L6.46035 4.36031L3.20035 7.64031L2.36035 6.82031L8.00035 1.18031L13.6404 6.82031Z",fill:e})}),_={au:"Australia",nz:"New Zealand",se:"Sweden",dk:"Denmark",fi:"Finland",no:"Norway"},u=function(e){try{let t=new URL(e).hostname.split("."),s=t[t.length-1].toLowerCase();if(_[s])return _[s];let a=t[t.length-2]?.toLowerCase();if(_[a])return _[a];return null}catch(t){return console.error(t?.message),console.error("Invalid URL:",e),null}};var y=s(50155),p=s.n(y);let h=({data:e,isOpen:t,setIsOpen:s,label:r})=>{let n,[_,y]=(0,l.useState)({});if("string"==typeof e)n=(0,a.jsx)("span",{children:e});else{let t,s,l,r=(t=Array.isArray(e)?e:Object.values(e),s=new Set,t.forEach(e=>{let t=u(e.BuyNowUrl);t&&s.add(t)}),l="Other",s.has("Australia")?l="Australia":s.has("Sweden")&&(l="Sweden"),t.reduce((e,t)=>{let s=u(t.BuyNowUrl);return s||(s=l),e[s]||(e[s]=[]),e[s].push(t),e},{}));n=Object.keys(r).sort((e,t)=>e.localeCompare(t)).map(e=>(0,a.jsxs)("div",{children:["Other"!==e&&(0,a.jsxs)("div",{className:p().countryWrapper,children:[(0,a.jsx)("span",{className:p().country,children:e}),(0,a.jsx)("div",{className:p().iconWrapper,onClick:()=>{y(t=>({...t,[e]:void 0!==t[e]&&!t[e]}))},children:(0,a.jsx)(c,{className:`${!1===_[e]?p().rotated:""}`})})]}),(0,a.jsx)("div",{className:`${p().retailersContainer} ${!1===_[e]?p().displayNone:p().displayFlex}`,children:r[e].map((e,t)=>(0,a.jsx)("div",{className:p().retailerInfo,children:(0,a.jsx)("a",{className:`event_buy_now_eretailer_exit ${p().binLink}`,"data-action-detail":e.BuyNowUrl?.startsWith("http://")||e.BuyNowUrl?.startsWith("https://")?e.BuyNowUrl:`https://${e.BuyNowUrl}`,"data-pgaction-redirection":"0",href:e.BuyNowUrl?.startsWith("http://")||e.BuyNowUrl?.startsWith("https://")?e.BuyNowUrl:`https://${e.BuyNowUrl}`,target:"_blank",rel:"noopener noreferrer",tabIndex:0,children:e?.Retailerlogo!=="undefined"?(0,a.jsx)("img",{loading:"lazy",className:p().retailersLogo,alt:e.RetailerName||"",src:`data:image/png;base64,${e.Retailerlogo}`}):(0,a.jsx)("span",{children:e.RetailerName})})},t))})]},e))}return(0,a.jsxs)(i.default,{isOpen:t,setIsOpen:s,children:[(0,a.jsxs)("div",{className:p().modalHeader,children:[(0,a.jsxs)("span",{className:p().heading,children:[r,":"]}),(0,a.jsx)(o.default,{theme:d.MIA_ICON_BUTTON_THEMES.OPEN_CLOSE,className:p().closeButton,alternate:!0,onClick:()=>s(!1)})]}),n]})};h.propTypes={data:n().oneOfType([n().object,n().string]).isRequired,isOpen:n().bool.isRequired,setIsOpen:n().func.isRequired,label:n().string.isRequired};let f=h},1983:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>_});var a=s(37876),l=s(14232),r=s(95062),n=s.n(r),i=s(67334),o=s(42718),d=s.n(o);let c=({isOpen:e,setIsOpen:t,children:s,container:r,disableOutsideClick:n})=>{let o=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let t;if(e){let e=document.activeElement;return t=setTimeout(()=>{if(!o.current)return;let e=o.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0?e[0].focus():o.current.focus()},300),()=>{clearTimeout(t),setTimeout(()=>{e&&e.focus()},300)}}},[e]),(0,a.jsx)(i.A,{isOpen:e,setIsOpen:t,className:d().blurredBackground,overlayClassName:`${d().container} ${e?d().open:d().closed} mia `,shouldCloseOnEsc:!0,shouldCloseOnOverlayClick:!0,disableScroll:!0,container:r||"modal-container",disableOutsideClick:n,children:(0,a.jsx)("div",{ref:o,className:d().sidebar,tabIndex:"-1",onKeyDown:e=>{if("Escape"===e.key){e.stopPropagation(),t(!1);return}if("Tab"===e.key){if(!o.current)return;let t=o.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(0===t.length)return;let s=t[0],a=t[t.length-1];e.shiftKey?document.activeElement===s&&(e.preventDefault(),a?.focus()):document.activeElement===a&&(e.preventDefault(),s?.focu

1s())}},"aria-expanded":e,"aria-hidden":!e,role:"dialog","aria-modal":"true",children:s})})};c.propTypes={isOpen:n().bool.isRequired,setIsOpen:n().func.isRequired,children:n().oneOfType([n().arrayOf(n().node),n().node]),container:n().string};let _=c},3554:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=e=>{"u">typeof document&&(e?document.body.classList.remove("overflow-hidden"):document.body.classList.add("overflow-hidden"))}},42718:e=>{e.exports={container:"styles_container__fT7ui",blurredBackground:"styles_blurredBackground__miwIL",fadeIn:"styles_fadeIn__xX8EW",closed:"styles_closed__RRt2B",fadeOut:"styles_fadeOut__2zbGf",sidebar:"styles_sidebar__eyiAy",slideIn:"styles_slideIn__ZoKUR",slideOut:"styles_slideOut__j_JID"}},50155:e=>{e.exports={modalHeader:"styles_modalHeader__sIGNC",heading:"styles_heading__iG0ax",country:"styles_country__51KQd",closeButton:"styles_closeButton__OWIbp",retailersLogo:"styles_retailersLogo__iqtnr",countryWrapper:"styles_countryWrapper__5ZW6W",iconWrapper:"styles_iconWrapper__gOezb",retailersContainer:"styles_retailersContainer__0uuFP",displayFlex:"styles_displayFlex__0tJg8",displayNone:"styles_displayNone__i_qry",rotated:"styles_rotated__8VTbt",retailerInfo:"styles_retailerInfo__Y_UoS"}},50761:e=>{e.exports={overlay:"styles_overlay__63pez"}},53771:e=>{e.exports={button:"styles_button__pRYTm",inverted:"styles_inverted__9t5_o",icon:"styles_icon__LCjRk",playIconOffset:"styles_playIconOffset__TV1NH",video:"styles_video__Z7zPi",videoRunning:"styles_videoRunning__r_kQi",videoRepet:"styles_videoRepet__VcGk0",large:"styles_large__SPlQX",medium:"styles_medium___qUMD",small:"styles_small__Q25UY",extraSmall:"styles_extraSmall__n4Z3Q",slider:"styles_slider__RxcgF",expandCollapse:"styles_expandCollapse__gjWOX",alternate:"styles_alternate__ytKXO",callToAction:"styles_callToAction__n9ee3",openClose:"styles_openClose__p1ED7",openCloseNegative:"styles_openCloseNegative__BXX_u"}},67334:(e,t,s)=>{"use strict";s.d(t,{A:()=>y});var a=s(37876),l=s(14232),r=s(98477),n=s(95062),i=s.n(n),o=s(96506),d=s(3554),c=s(50761),_=s.n(c);let u=({className:e,shouldCloseOnEsc:t,shouldCloseOnOverlayClick:s,disableScroll:n,overlayClassName:i,isOpen:c,setIsOpen:u,children:y,container:p="modal-container",disableOutsideClick:h})=>{let f=(0,l.useRef)();return(0,o.A)(f,()=>{s&&!h&&u(!1)}),(0,l.useEffect)(()=>{if(t){let e=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}},[t]),(0,l.useEffect)(()=>{if(n)return c?(0,d.A)(!1):(0,d.A)(!0),()=>{(0,d.A)(!0)}},[c,n]),(0,l.useEffect)(()=>{if(!document.getElementById(p)){let e=document.createElement("div");e.id=p,document.body.appendChild(e)}},[p]),r.createPortal(c&&(0,a.jsx)("div",{className:`${i} ${_().overlay}`,children:(0,a.jsx)("div",{className:e,children:(0,a.jsx)("div",{ref:f,children:y})})}),document.getElementById(p))};u.propTypes={className:i().string,shouldCloseOnEsc:i().bool,shouldCloseOnOverlayClick:i().bool,overlayClassName:i().string,isOpen:i().bool.isRequired,setIsOpen:i().func.isRequired,children:i().oneOfType([i().arrayOf(i().node),i().node])};let y=u},78661:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>p});var a=s(37876),l=s(20802),r=s(75926),n=s(46044),i=s(2496),o=s(39305),d=s(53771),c=s.n(d);let{CALL_TO_ACTION:_,SLIDER:u,OPEN_CLOSE:y}=l.MIA_ICON_BUTTON_THEMES,p=({dataActionDetail:e,className:t,internalLink:s,externalLink:d,onClick:p,type:h="button",alternate:f=!1,theme:m=_,size:N=l.MIA_BUTTON_SIZES.MEDIUM,ariaLabel:O=l.LABELS.ACTION,...b})=>{let x=c().button,I=c()?.[m],g=c()?.[N],v=[u,_,y].includes(m)?c().inverted:"",E=f?c().alternate:"",T=(0,n.A)(t,s,d,p,h),A=`${x} ${I} ${g} ${E} ${v} ${T} ${t}`,w=(e=>{let{VIDEO:t,SLIDER:s,EXPAND_COLLAPSE:a,CALL_TO_ACTION:r,OPEN_CLOSE:n,OPEN_CLOSE_NEGATIVE:i,CLOSE:o,VIDEO_RUNNING:d,VIDEO_REPET:c}=l.MIA_ICON_BUTTON_THEMES,_=null;switch(e){case t:_="Play";break;case o:_="Close";break;case s:_="Arrow-Right";break;case a:_="Arrow-Down";break;case r:_="Arrow-Right";break;case n:case i:_="Expand";break;case d:_="Running";break;case c:_="Repet";break;default:return console.error("No icon found for theme: ",e),null}return`MIA/${_}.svg`})(m),L=N===l.MIA_BUTTON_SIZES.EXTRA_SMALL&&[l.MIA_ICON_BUTTON_THEMES.VIDEO,l.MIA_ICON_BUTTON_THEMES.VIDEO_RUNNING,l.MIA_ICON_BUTTON_THEMES.VIDEO_REPET].includes(m)?16:28,C=N===l.MIA_BUTTON_SIZES.EXTRA_SMALL&&m===l.MIA_ICON_BUTTON_THEMES.VIDEO,k=e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.currentTarget.click())};return p?(0,a.jsx)("button",{onClick:p,type:h,className:A,"aria-label":O,"data-action-detail":e,...b,children:(0,a.jsx)(i.A,{className:`${c().icon} ${C?c().playIconOffset:""}`,width:L,height:L,src:(0,r.Nf)(w),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})}):s||d?(0,a.jsx)(o.A,{className:A,"aria-label":O,"data-action-detail":e,internalLink:s,externalLink:d,children:(0,a.jsx)(i.A,{className:`${c().icon} ${C?c().playIconOffset:""}`,width:L,height:L,src:(0,r.Nf)(w),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})}):"icon"==h?(0,a.jsx)("div",{className:A,onKeyDown:k,...b,children:(0,a.jsx)(i.A,{className:`${c().icon} ${C?c().playIconOffset:""}`,width:L,height:L,src:(0,r.Nf)(w),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})}):(0,a.jsx)("div",{className:A,"aria-label":O,"data-action-detail":e,role:"button",tabIndex:"0",onKeyDown:k,...b,children:(0,a.jsx)(i.A,{className:`${c().icon} ${C?c().playIconOffset:""}`,width:L,height:L,src:(0,r.Nf)(w),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})})}}}]);