https://www.bona.com/Dist/build-client/static/js/OnBoardingPage-OnBoardingPage.2e946252.chunk.js

1(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[13],{412:function(e,t,a){"use strict";a.r(t);var n=a(0),o=a.n(n),r=a(1),i=a(297),d=a(154),c=a(55),l=a(2),s=a(900),u=a.n(s),m=a(98),_=a(27),p=a(11),g=a(7),b=a(72),w=a(9),f=a(644),v=a(201);var O=function(e){var t=e.segment,a=Object(p.a)(g.b),r=Object(n.useState)(!1),i=Object(l.a)(r,2),d=i[0],c=i[1],s=Object(n.useRef)();Object(v.a)(s,function(){c(!1)});var O=!!(t&&t.linkList&&Array.isArray(t.linkList))&&t.linkList.length>1;return o.a.createElement(m.a,{gridItemSize:t.layOut,gutter:"0"},o.a.createElement("div",{className:u.a.root,onClick:function(){O?c(!d):w.b.dispatch(w.l,t.linkList[0].href)},ref:s},o.a.createElement(_.a,{fullHeight:!0,fullWidth:!0,lazy:!0,src:a?t.image.s:t.image.xs}),o.a.createElement("div",{className:u.a.btnContainer},O?o.a.createElement(f.a,{items:t&&Array.isArray(t.linkList)&&0!==t.linkList.length?t.linkList.map(function(e){return{selected:!1,text:e.text,value:e.href}}):[],onChange:function(e){return function(e){var t=e.currentTarget.getAttribute("data-value");t&&w.b.dispatch(w.l,t)}(e)},selectedLabel:t.name,selectedValue:t.name,allowGrowthOnContent:!0,hoverExpanded:!0,isOpenExternal:d,styleType:"onboardingSegment",gtmDataLayer:"sortProductListing-"}):o.a.createElement(b.a,{styleType:"ctaWhite",useArrow:!O,flipArrow:!0,tracking:"ctaOnboardingLink-".concat(t.name),onClick:function(){}},o.a.createElement("div",{className:u.a.btnContent},t.name)))))},E=a(902),h=a.n(E);t.default=function(e){var t=e.currentPage,a=(t=void 0===t?{}:t).pageId,n=t.attr,l=void 0===n?{}:n,s=t.contentArea,u=void 0===s?[]:s,m=t.segments,_=["title","subTitle","optionOne","optionTwo","optionThree","mainContent"],p=Object.isEmpty(l)?{}:Object.keys(l).reduce(function(e,t){return-1===_.indexOf(t)&&(e[t]=l[t]),e},{}),g=Object(r.n)({blockName:"page",nextBlockProps:!!u.length&&u[u.length-1]})?h.a.rootPaddingBottom:null;return o.a.createElement("main",{className:Object(r.g)(h.a.root,g)},o.a.createElement("div",{className:h.a.topContainer},!Object.isEmpty(l)&&o.a.createElement(c.a,{isOnPageLevel:!0,attr:p}),o.a.createElement(d.a,{gutterNone:!0},m.map(function(e){return o.a.createElement(O,{key:e.name,segment:e})}))),Array.isArray(u)&&o.a.createElement(i.a,{pageId:a,childItems:u}))}},644:function(e,t,a){"use strict";var n=a(2),o=a(0),r=a.n(o),i=a(201),d=a(99),c=a(1),l=a(84),s=a(645),u=a.n(s);t.a=function(e){var t=e.items,a=void 0===t?[]:t,s=e.selectedLabel,m=e.onChange,_=e.selectedValue,p=e.gtmDataLayer,g=e.isQueryStringSupport,b=e.allowGrowthOnContent,w=void 0!==b&&b,f=e.placeholder,v=void 0===f?"":f,O=e.styleType,E=void 0===O?"":O,h=e.isOpenExternal,j=e.attribute,y=Object(o.useRef)(),k=Object(o.useRef)(),L=Object(o.useState)(!1),A=Object(n.a)(L,2),C=A[0],S=A[1];Object(i.a)(y,function(){S(!1)}),Object(o.useEffect)(function(){C&&k.current&&Object(l.b)(k)},[k,C]);var x=function(){S(!1),y.current&&y.current.focus()};if(Object(o.useEffect)(function(){var e=function(e){Object(l.d)(e,k,x)};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}},[]),0===a.length)return r.a.createElement(r.a.Fragment,null);var N=h||C;return r.a.createElement("div",{ref:y,className:Object(c.g)(u.a.dropdown,N&&u.a["dropdown--open"],w&&u.a["dropdown--grow"],E&&u.a["dropdown--onboardingSegment"]),tabIndex:"0","data-ba":j,"aria-expanded":N,onClick:function(){return S(!N)},onKeyDown:function(e){(e.key&&"Enter"===e.key||" "===e.key)&&(e.preventDefault(),S(!N))},role:"button"},r.a.createElement("div",{className:Object(c.g)(u.a.dropdown__header,w&&u.a["dropdown__header--grow"])},r.a.createElement("span",{className:Object(c.g)(u.a["dropdown__header-label"],E&&u.a["dropdown__header-label--onboardingSegment"],w&&u.a["dropdown__header-label--grow"])},s||v),r.a.createElement(d.a,null),g&&r.a.createElement("input",{type:"hidden",name:"order",value:_,id:"order"})),N&&r.a.createElement("ul",{ref:k,className:Object(c.g)(u.a.dropdown__list,w&&u.a["dropdown__list--grow"],E&&u.a["dropdown__list--onboardingSegment"])},a.map(function(e){return r.a.createElement("li",{key:e.value},r.a.createElement("button",{className:Object(c.g)(u.a.dropdown__item,E&&u.a["dropdown__item--onboardingSegment"]),onClick:function(e){m(e),S(!1)},"data-gtm":"".concat(p).concat(e.value),"data-value":e.value,"data-ba":"".concat(j,"-").concat(e.value)},e.text))})))}},645:function(e,t,a){e.exports={dropdown:"___","dropdown--grow":"_aaa","dropdown--onboardingSegment":"_aab","dropdown--open":"_aac",dropdown__header:"_aae","dropdown__header--grow":"_aaf","dropdown__header-label":"_aag","dropdown__header-label--grow":"_aah","dropdown__header-label--onboardingSegment":"_aai",dropdown__list:"_aaj","dropdown__list--grow":"_aak","dropdown__list--onboardingSegment":"_aal",dropdown__item:"_aam","dropdown__item--onboardingSegment":"_aan"}},900:function(e,t,a){e.exports={btnContainer:"_ap9",root:"_ap-",btnContent:"_ap_",svgAnimationOutFlipped:"_aqa",svgAnimationInFlipped:"_aqb"}},902:function(e,t,a){e.exports={root:"_ajb",rootPaddingBottom:"_ajc",contentAreaWrapperPaddingTop:"_ajd",topContainer:"_aje"}}}]);
2//# sourceMappingURL=OnBoardingPage-OnBoardingPage.2e946252.chunk.js.map