https://www.cdrfoodlab.com/_next/static/chunks/7632-297c5c9bee53c0d2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7632],{64792:function(e,r,t){"use strict";t.d(r,{Z:function(){return j}});var n=t(14924),o=t(85893),i=t(67294),l=t(85090),c=t.n(l),a=t(41664),u=t.n(a),s=t(80822),d=t.n(s),f=t(25675),m=t.n(f),p=t(94184),b=t.n(p),_=t(10668),v=t(11163),h=function(e){var r=e.menuContent,t=(0,i.useState)(null),n=t[0],l=t[1],c=(0,v.useRouter)(),a=function(e){l(e)},s=function(){l(null)};return r.map(function(e,r){var t,i=b()([d().menuItem],(0,_.FL)(e.slug));return(0,o.jsx)(u(),{prefetch:!1,locale:!1,href:(0,_.nu)(e.slug,c),children:(0,o.jsxs)("a",{className:i,onMouseEnter:function(){return a(r)},onMouseLeave:s,children:[(0,o.jsx)("div",{className:d().imageContainer,children:e.icon?(0,o.jsx)(m(),{alt:e.icon?e.icon.alternativeText:"image",src:n===r?e.iconColoured.url:null===(t=e.icon)||void 0===t?void 0:t.url,layout:"fill"}):null}),(0,o.jsx)("span",{className:"shrink-0",children:e.header.title})]},e.id)},e.id)})};t(74315);var g=function(e){var r=e.menuContent,t=e.filterProductValue,i=e.filterApplyAction;return r.map(function(e){var r,l=t?t.split(","):[],c=function(e,r){i(e,r)},a=function(e,r){c(e,r)},u=b()([d().menuItem],(0,_.FL)(e.slug),(r={},(0,n.Z)(r,d().active,l.includes(e.id)),(0,n.Z)(r,d().foodlab,"cdrfoodlab"===e.slug),(0,n.Z)(r,d().winelab,"cdrwinelab"===e.slug),(0,n.Z)(r,d().oxitest,"cdroxitester"===e.slug),(0,n.Z)(r,d().palmoil,"cdrpalmoiltester"===e.slug),(0,n.Z)(r,d().beerlab,"cdrbeerlab"===e.slug),(0,n.Z)(r,d().kombuchalab,"cdrkombuchalab"===e.slug),(0,n.Z)(r,d().ciderlab,"cdrciderlab"===e.slug),r));return(0,o.jsxs)("div",{className:u,onClick:function(){return t===e.id?a("product",""):a("product",e.id)},children:[(0,o.jsx)("div",{className:d().imageContainer,children:e.icon&&(0,o.jsx)(m(),{alt:e.icon.alternativeText?e.icon.alternativeText:"image",src:l.includes(e.id)?e.iconColoured.url:e.icon.url,layout:"fill"})}),(0,o.jsx)("span",{children:e.header.title})]},e.id)})},w=t(52091),j=function(e){var r,t=e.menuContent,l=e.filterProductValue,a=e.filterApplyAction,u=e.isFilter,s=(0,i.useRef)(null),d=(0,i.useState)(!1),f=d[0],m=d[1],p=b()([c().containers],(r={},(0,n.Z)(r,c().isFilter,u),(0,n.Z)(r,c().withBg,!u),r)),_=function(e){s.current&&s.current.scrollBy({left:"left"===e?-200:200,behavior:"smooth"})};return(0,i.useEffect)(function(){var e=function(){if(s.current){var e,r=s.current;m(r.scrollWidth>r.clientWidth)}};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]),(0,o.jsx)("div",{className:c().outerWrapper,children:(0,o.jsxs)("div",{className:c().wrapper,children:[f&&(0,o.jsx)("button",{className:c().arrowButton+" "+c().leftArrow,onClick:function(){return _("left")},"aria-label":"go-right",children:(0,o.jsx)(w.bUI,{})}),(0,o.jsx)("div",{className:c().scrollWrapper,children:(0,o.jsx)("div",{ref:s,className:p,children:u?(0,o.jsx)(g,{filterProductValue:l,filterApplyAction:a,menuContent:t}):(0,o.jsx)(h,{menuContent:t})})}),f&&(0,o.jsx)("button",{className:c().arrowButton+" "+c().rightArrow,onClick:function(){return _("right")},"aria-label":"go-right",children:(0,o.jsx)(w.Dli,{})})]})})}},80822:function(e){e.exports={menuItem:"ProductItems_menuItem__BA_Uv",foodlab:"ProductItems_foodlab__4rquE",active:"ProductItems_active__FQLPe",winelab:"ProductItems_winelab__rEc4R",beerlab:"ProductItems_beerlab__PpQ06",kombuchalab:"ProductItems_kombuchalab__V4M_4",ciderlab:"ProductItems_ciderlab__n_tUG",palmoil:"ProductItems_palmoil__Llr7c",oxitest:"ProductItems_oxitest__hCpK_",imageContainer:"ProductItems_imageContainer__6lhMC"}},85090:function(e){e.exports={outerWrapper:"ProductsMenu_outerWrapper__WX09v",wrapper:"ProductsMenu_wrapper__aoIwW",scrollWrapper:"ProductsMenu_scrollWrapper__dnbPl",containers:"ProductsMenu_containers__EzHJ7",isFilter:"ProductsMenu_isFilter__zwD7h",arrowButton:"ProductsMenu_arrowButton__TE31b",leftArrow:"ProductsMenu_leftArrow__5EGUh",rightArrow:"ProductsMenu_rightArrow__gtXrR"}},25054:function(e,r,t){"use strict";t.d(r,{w_:function(){return d}});var n=t(67294),o={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=n.createContext&&n.createContext(o),l=["attr","size","title"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};

1r%2?a(Object(t),!0).forEach(function(r){s(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function s(e,r,t){var n,o;return(n=r,o=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(n,"string"),(r="symbol"==typeof o?o:o+"")in e)?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){return r=>n.createElement(f,c({attr:u({},e.attr)},r),function e(r){return r&&r.map((r,t)=>n.createElement(r.tag,u({key:t},r.attr),e(r.child)))}(e.child))}function f(e){var r=r=>{var t,{attr:o,size:i,title:a}=e,s=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(r.indexOf(n)>=0)continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,l),d=i||r.size||"1em";return r.className&&(t=r.className),e.className&&(t=(t?t+" ":"")+e.className),n.createElement("svg",c({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,o,s,{className:t,style:u(u({color:e.color||r.color},r.style),e.style),height:d,width:d,xmlns:"http://www.w3.org/2000/svg"}),a&&n.createElement("title",null,a),e.children)};return void 0!==i?n.createElement(i.Consumer,null,e=>r(e)):r(o)}}}]);