"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[48],{998:(e,n,r)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.useOnClickOutside=n.useProductVariantDropDown=void 0;const s=r(3),a=(e,n,r)=>{if(!r){const r=Object.entries(e).find((([e,r])=>r.flavour===n));return r?r[0]:""}const s=Object.entries(e).find((([e,s])=>s.flavour===n&&s.option===r));return s?s[0]:""};n.useProductVariantDropDown=(e,n,r)=>{var t,i,o,l,c,u,d;const{flavours:v,flavoursCartImages:p,options:g,variantsMapping:f}=e.reduce(((e,{title:n,id:r,cartImage:s})=>{const[a,t]=n.toLowerCase().split(" / ");return Object.assign(Object.assign({},e),{flavours:[...e.flavours,...a&&!e.flavours.includes(a)?[a]:[]],flavoursCartImages:[...e.flavoursCartImages,...a&&!e.flavours.includes(a)?[s]:[]],options:[...e.options,...t&&!e.options.includes(t)?[t]:[]],variantsMapping:Object.assign(Object.assign({},e.variantsMapping),{[r]:{flavour:null!=a?a:"",option:null!=t?t:"",cartImage:null!=s?s:{src:"",alt:""}}})})}),{flavours:[],flavoursCartImages:[],options:[],variantsMapping:{}}),[j,w]=(0,s.useState)(null!==(o=null!==(i=null===(t=f[n])||void 0===t?void 0:t.flavour)&&void 0!==i?i:v[0])&&void 0!==o?o:""),[m,h]=(0,s.useState)(null!==(u=null!==(c=null===(l=f[n])||void 0===l?void 0:l.option)&&void 0!==c?c:g[0])&&void 0!==u?u:""),[O,b]=(0,s.useState)(null!==(d=p[0])&&void 0!==d?d:{src:"",alt:""}),[x,C]=(0,s.useState)(g.filter((e=>a(f,j,e))));return(0,s.useEffect)((()=>{var e,n,s;C(g.filter((e=>a(f,j,e))));let t=g.length>0?a(f,j,m):a(f,j);""===t&&(t=a(f,j),h(null!==(e=x[0])&&void 0!==e?e:m)),b(null!==(s=null===(n=f[t])||void 0===n?void 0:n.cartImage)&&void 0!==s?s:O),r(t)}),[j,m]),(0,s.useEffect)((()=>{var e,r;if((null===(e=f[n])||void 0===e?void 0:e.flavour)!=j){const e=null===(r=f[n])||void 0===r?void 0:r.flavour;e&&w(e)}}),[n]),{flavours:v,flavoursCartImages:p,options:x,currentFlavour:j,setCurrentFlavour:w,currentOption:m,setCurrentOption:h,dropdownFirstImage:O,setDropdownFirstImage:b}},n.useOnClickOutside=function(e,n,r){(0,s.useEffect)((()=>{const s=s=>{var a,t;(null===(a=e.current)||void 0===a?void 0:a.contains(s.target))||(null===(t=n.current)||void 0===t?void 0:t.contains(s.target))||r()};return document.addEventListener("mousedown",s),document.addEventListener("touchstart",s),()=>{document.removeEventListener("mousedown",s),document.removeEventListener("touchstart",s)}}),[e,r])}},137:function(e,n,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.MultipleVariantDropdown=void 0;const a=r(0),t=(r(1),r(14)),i=r(3),o=r(998),l=s(r(501)),c=r(2),{wrapperMain:u,wrapperHide:d,wrapperShowFade:v,wrapperShow:p,wrapperVariantDropdown:g,wrapperVariantDropdownButton:f,wrapperVariantDropdownButtonTextContainer:j,wrapperVariantDropdownThumb:w,wrapperDropdownContent:m,wrapperDropdownContentStickyHeader:h,wrapperDropdownContentNotStickyHeader:O,wrapperVariantDropdownChevron:b,wrapperVariantDropdownChevronSticky:x,wrapperClassicChevron:C,wrapperStickyChevron:D,wrapperAdditionalDropdown:k}=l.default;n.MultipleVariantDropdown=function({variants:e,currentVariantId:n,setCurrentVariantById:r,onStickyBar:s}){const{flavours:l,flavoursCartImages:N,options:I,currentFlavour:V,setCurrentFlavour:S,currentOption:y,setCurrentOption:B,dropdownFirstImage:M}=(0,o.useProductVariantDropDown)(e,n,r),[F,_]=(0,i.useState)(""),E=(0,i.useRef)(null),L=(0,i.useRef)(null);(0,o.useOnClickOutside)(E,L,(()=>_("")));const P=e=>{_((n=>n!==e?e:""))},H=l.length>1,z=I.length>1;return(0,a.jsxs)("div",Object.assign({className:u},{children:[(0,a.jsxs)("div",Object.assign({className:g,onClick:()=>H&&P("flavors"),onBlur:()=>_(""),ref:E},{children:[(0,a.jsxs)("div",Object.assign({className:(0,c.cx)(f,"flavors"===F?d:p)},{children:[(0,a.jsx)("div",Object.assign({className:w},{children:(0,a.jsx)("img",Object.assign({},M,{loading:"lazy"}))}))," ",(0,a.jsx)("div",Object.assign({className:j},{children:V}))," ",H&&(0,a.jsx)("div",Object.assign({className:(0,c.cx)(s?x:b)},{children:t.dropDown}))]})),"flavors"===F&&(0,a.jsx)("div",Object.assign({className:v,onBlur:()=>_("")},{children:(0,a.jsx)("ul",Object.assign({className:(0,c.cx)(m,s?h:O),onBlur:()=>_("")},{children:l.map(((e,n)=>(0,a.jsxs)("li",Object.assign({onClick:()=>S(e)},{children:[(0,a.jsx)("div",Object.assign({className:(0,c.cx)(w)},{children:(0,a.jsx)("img",Object.assign({},N[n],{loading:"lazy"}))}))," ",(0,a.jsx)("div",{children:e})]}),n)))}))}))]})),I.length>0&&(0,a.jsxs)("div",Object.assign({className:(0,c.cx)(g,k),onClick:()=>z&&P("servings"),onBlur:()=>_(""),ref:L},{children:[(0,a.jsxs)("div",Object.assign({className:(0,c.cx)(f,F?d:p)},{children:[(0,a.jsx)("div",Object.assign({className:j},{children:y}))," ",z&&(0,a.jsx)("div",Object.assign({className:(0,c.cx)(s?x:b,s?D:C)},{children:t.dropDown}))]})),"servings"===F&&(0,a.jsx)("div",Object.assign({className:v,onBlur:()=>_("")},{children:(0,a.jsx)("ul",Object.assign({className:(0,c.cx)(m,O),onBlur:()=>_("")},{children:I.map(((e,n)=>(0,a.jsx)("li",Object.assign({onClick:()=>B(e)},{children:(0,a.jsx)("div",{children:e})}),n)))}))}))]}))]}))}}}]);