https://www.oceanwildfishbar.com/_next/static/chunks/85-d767f96a05dbffb3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85],{67528:function(e,l,s){var a=s(85893);s(67294);var r=s(21),t=s(89966),n=s(9083);l.Z=e=>{let{requests:l,children:s,reload:c}=e,i=function(e){let l=Object.keys(e).every(l=>{let s=e[l];return s.data||s.error});return Object.keys(e).reduce((s,a)=>{let r=e[a];return l&&(s.data||(s.data={}),s.data[a]=r.data),s.loading=s.loading||r.loading,s.error=s.error||r.error,s},{data:null,error:null,loading:!1})}(l),o=!!i.data&&Object.keys(i.data).every(e=>i.data[e]);if(i.loading&&!o)return(0,a.jsx)("div",{className:"flex flex-grow justify-center items-center p-3",children:(0,a.jsx)(n.Z,{size:"lg",variant:"onBackground"})});if(o)return s(i.data);if(i.error&&!o){let e=(0,r.tf)(i.error);return(0,a.jsxs)("div",{className:"flex flex-col justify-center items-center grow",children:[(0,a.jsxs)("div",{className:"mb-3 text-center",children:[(0,a.jsx)("h2",{className:"text-base text-onBackground",children:e.title}),(0,a.jsx)("h3",{className:"text-base text-onBackground",children:e.detail})]}),(0,a.jsx)(t.zx,{variant:"primary",onPress:c,title:"Press to retry"})]})}return null}},10124:function(e,l,s){s.d(l,{Z:function(){return Store}});var a=s(85893),r=s(67294),t=s(89966),n=s(6687),c=s(18487),i=s(8127),o=s(68091),d=s(10953),u=s(31519),m=s(95377),x=s(44908),h=s.n(x),f=s(14859),p=s(61682);let j="inline font-base ";var components_AllergenIcon=e=>{let{acronym:l}=e;switch(l){case"H":return(0,a.jsx)(m.Z,{name:"chili",size:12,className:j});case"H+":return(0,a.jsxs)(r.Fragment,{children:[(0,a.jsx)(m.Z,{name:"chili",size:12,className:j}),(0,a.jsx)(m.Z,{name:"chili",size:12,className:"".concat(j," -ml-1")})]});case"H++":return(0,a.jsxs)(r.Fragment,{children:[(0,a.jsx)(m.Z,{name:"chili",size:12,className:j}),(0,a.jsx)(m.Z,{name:"chili",size:12,className:"".concat(j," -ml-1")}),(0,a.jsx)(m.Z,{name:"chili",size:12,className:"".concat(j," -ml-1")})]});case"C":return(0,a.jsx)(m.Z,{name:"celery",size:12,className:j});case"CE":return(0,a.jsx)(m.Z,{name:"gluten",size:12,className:j});case"CR":return(0,a.jsx)(m.Z,{name:"crustacean",size:12,className:j});case"E":return(0,a.jsx)(m.Z,{name:"eggs",size:12,className:j});case"F":return(0,a.jsx)(m.Z,{name:"fish",size:12,className:j});case"L":return(0,a.jsx)(m.Z,{name:"lupin",size:12,className:j});case"M":return(0,a.jsx)(m.Z,{name:"milk",size:12,className:j});case"MO":return(0,a.jsx)(m.Z,{name:"mollusc",size:12,className:j});case"MU":return(0,a.jsx)(m.Z,{name:"mustard",size:12,className:j});case"TN":return(0,a.jsx)(m.Z,{name:"nuts",size:12,className:j});case"P":return(0,a.jsx)(m.Z,{name:"peanuts",size:12,className:j});case"SS":return(0,a.jsx)(m.Z,{name:"sesame",size:12,className:j});case"SB":return(0,a.jsx)(m.Z,{name:"soya",size:12,className:j});case"S":return(0,a.jsx)(m.Z,{name:"sulphite",size:12,className:j});default:return(0,a.jsx)("span",{className:j,children:l})}};function getExplanationText(e,l){let s=l[e];return s||e}var ItemModal_AllergensModal=e=>{let{show:l,onClose:s,symbols:n=[],allergens:c=[],legend:i,allergenMessageDetail:o}=e,d=!!n.length,u=!!c.length,m=h()(c);return(0,a.jsxs)(f.u,{show:l,onClose:s,headerless:!0,name:"allergens",children:[(0,a.jsxs)("div",{className:"p-3",children:[(0,a.jsx)("h1",{className:"font-header font-bold text-xl mb-3",children:"Allergen & Food Information"}),o?(0,a.jsx)("p",{className:"mb-3",children:o}):null,d||u?(0,a.jsxs)(r.Fragment,{children:[d?(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("h2",{className:"font-header font-bold text-lg",children:"Symbols:"}),n.map(e=>(0,a.jsxs)("div",{className:"flex py-1",children:[(0,a.jsx)("div",{className:"w-[50px] flex justify-center items-center shrink-0",children:(0,a.jsx)(p.Z,{children:(0,a.jsx)(components_AllergenIcon,{acronym:e})})}),(0,a.jsx)("span",{children:getExplanationText(e,i)})]},e))]}):null,u?(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("h2",{className:"font-header font-bold text-lg",children:"Known Allergens:"}),m.map(e=>(0,a.jsxs)("div",{className:"flex py-1",children:[(0,a.jsx)("div",{className:"w-[50px] flex justify-center items-center shrink-0",children:(0,a.jsx)(p.Z,{children:(0,a.jsx)(components_AllergenIcon,{acronym:e})})}),(0,a.jsx)("span",{children:getExplanationText(e,i)})]},e))]}):null,(0,a.jsx)("p",{className:"font-bold mt-3",children:"IMPORTANT: Please check this screen if you add, remove, alter or change any item options as the Allergen Information may change as you edit your order. You must confirm any information on this screen with a member of staff directly before you order"})]}):null]}),(0,a.jsx)("div",{className:"text-center flex items-center",children:(0,a.jsx)("div",{className:"w-full p-3",children:(0,a.jsx)(t.zx,{variant:"primary",containerClassName:"w-full",title:"I understand",onPress:e=>{e.preventDefault(),s()}})})})]})},b=s(1711),g=s(40589),y=s(42736);let StoreMessages=e=>{let{welcomeMessage:l,inAppMessage:s}=e;return l||s?(0,a.jsxs)("div",{className:"w-full",children:[l?(0,a.jsx)("p",{className:"whitespace-pre-wrap",children:l}):null,s?(0,a.jsx)("p",{className:"whitespace-pre-wrap",children:s}):null]}):null};var Menu_MenuHeader=e=>{let{store:l}=e,[s,t]=(0,r.useState)(!1),[n,c]=(0,r.useState)(!1),{name:i,orderStatus:o,info:d,opening:x,collection:h,imageURL:f,imageDesktopURL:p,welcomeMessage:j,inAppMessage:v,allergenMessage:N,allergenMessageDetail:k,legend:w}=l,{telephone:S,telephoneE164:M,email:I}=d,C=u.Z.getShopAddress(d);return(0,a.jsxs)("header",{className:"container-fluid bg-surface text-onSurface sm:rounded sm:my-4 z-[1] overflow-hidden",children:[N?(0,a.jsx)(ItemModal_AllergensModal,{show:n,onClose:()=>{c(!1)},legend:w,allergenMessageDetail:k}):null,(0,a.jsx)(y.Z,{isOpen:s,closeModal:()=>{t(!1)}

1,opening:x,telephone:S,telephoneE164:M,email:I,collection:h,address:C}),f?(0,a.jsx)("div",{className:"flex justify-center items-center md:hidden",children:(0,a.jsx)("img",{className:"w-full",src:f,alt:i})}):null,p?(0,a.jsx)("div",{className:"hidden md:block flex justify-center items-center bg-secondary aspect-w-4 aspect-h-1",style:{width:"100%",height:"auto",backgroundImage:'url("'.concat(p,'")'),backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover"}}):null,(0,a.jsxs)("div",{className:"p-3 flex flex-col items-start gap-2",children:[(0,a.jsx)("h1",{className:"font-hero text-4xl font-bold",children:i}),C?(0,a.jsxs)("p",{className:"flex items-baseline text-sm text-onSurface/70",children:[(0,a.jsx)(m.Z,{name:"marker",className:"mr-1 shrink-0"}),C]}):null,(0,a.jsx)(b.i,{orderStatus:o,collection:h}),(0,a.jsx)(g.R,{collection:h,className:"text-sm text-left"}),(0,a.jsxs)("button",{className:"flex items-center text-sm text-primaryContainer underline",onClick:()=>{t(!0)},children:[(0,a.jsx)(m.Z,{name:"info",className:"mr-1 shrink-0"}),"Opening times & contact"]}),(0,a.jsx)(StoreMessages,{welcomeMessage:j,inAppMessage:v}),N?(0,a.jsxs)("button",{className:"flex items-center text-sm text-primaryContainer underline",onClick:()=>{c(!0)},children:[(0,a.jsx)(m.Z,{name:"alert",className:"mr-1 shrink-0"}),N]}):null]})]})},v=s(27036),N=s(55402),components_ItemSymbols=e=>{let{symbols:l,allergens:s,className:r,expandAllergens:t=!1}=e,n=!!s.length,c=!!l.length;if(!n&&!c)return null;let i=h()(s);return(0,a.jsxs)("div",{className:"flex mr-1 flex-wrap ".concat(r),children:[l.map(e=>(0,a.jsx)(p.Z,{className:"mr-1 mb-1",children:(0,a.jsx)(components_AllergenIcon,{acronym:e})},e)),t?i.map(e=>(0,a.jsx)(p.Z,{className:"mr-1 mb-1",children:(0,a.jsx)(components_AllergenIcon,{acronym:e})},e)):n&&(0,a.jsx)(p.Z,{className:"mb-1 font-base",children:"Allergens"})]})};let Item=e=>{let{item:l,onSelect:s,disabled:r,orderStatus:t}=e,n=l.disabled,c=l.orderStatus;return(0,a.jsx)("button",{className:"w-full relative ".concat(n?"opacity-50":""),disabled:n,onClick:()=>s({...l,disabled:n||r,orderStatus:t||c}),children:(0,a.jsxs)("div",{className:"flex p-3 transition duration-100 ease-in-out bg-surface text-onSurface border-b border-onSurface/10 text-left ",children:[(0,a.jsxs)("div",{className:"flex flex-col w-10/12 justify-between",children:[(0,a.jsxs)("div",{className:"flex flex-col pr-5 mb-3",children:[(0,a.jsx)("span",{className:"block font-bold font-menuHeader text-lg",children:l.name}),l.desc?(0,a.jsx)("p",{className:"mb-1 line-clamp-3",children:l.desc}):null,(0,a.jsx)(components_ItemSymbols,{symbols:l.symbols,allergens:l.allergens})]}),n?(0,a.jsx)("span",{className:"block",children:c}):(0,a.jsxs)("span",{className:"block",children:[r?(0,a.jsx)("span",{className:"block text-xs",children:t}):null,l.options.length?"from":""," ",(0,o.Z)(l.price)]})]}),(0,a.jsx)("div",{className:"flex justify-end w-2/12 items-start ",children:l.iconURL?(0,a.jsx)("img",{src:l.iconURL,alt:l.name,className:"object-contain rounded"}):null})]},l.key)},l.key)},CategoryHeader=e=>{let{category:l,hideDescription:s}=e;return(0,a.jsxs)("div",{className:"my-2",children:[(0,a.jsx)("span",{className:"block font-menuHeader md:text-2xl text-xl font-bold",children:l.name}),l.desc?(0,a.jsx)(N.Z,{show:!s,as:"div",children:(0,a.jsxs)(r.Fragment,{children:[(0,a.jsx)("p",{className:"text-lg mb-1",children:l.desc}),l.orderStatus?(0,a.jsx)("span",{className:"block text-xs mb-1",children:l.orderStatus}):null]})}):null]})},k=r.forwardRef((e,l)=>{let{category:s,onSelectItem:t,open:n,onClick:c,offset:i}=e,o=(0,r.useRef)(null),[d,u]=(0,r.useState)(0),x=(0,r.useCallback)(()=>{o.current&&u(()=>o.current?o.current.scrollHeight:0)},[u]);return(0,r.useLayoutEffect)(()=>(x(),window.addEventListener("resize",x),()=>window.removeEventListener("resize",x)),[u]),(0,a.jsxs)("div",{ref:l,className:"bg-surface text-onSurface md:rounded lg:mb-3",style:{scrollMarginTop:i},children:[(0,a.jsxs)("div",{className:"sticky z-30",style:{top:i},children:[(0,a.jsx)("button",{onClick:e=>{e.preventDefault(),c()},className:"w-full text-left shadow lg:hidden z-10 bg-surface text-onSurface overflow-hidden border-b border-onSurface/10",children:(0,a.jsxs)("div",{className:"w-full h-full p-3 flex items-center justify-between",children:[(0,a.jsx)("div",{className:"pr-3",children:(0,a.jsx)(CategoryHeader,{category:s,hideDescription:n})}),(0,a.jsx)(m.Z,{name:"angleDown",size:30,className:"shrink-0 text-primary transition duration-200 transform ".concat(n?"rotate-180":"rotate-0")})]})}),(0,a.jsx)("div",{className:"w-full text-left shadow flex items-center justify-between hidden lg:flex z-10 bg-surface text-onSurface overflow-hidden lg:rounded-t",children:(0,a.jsx)("div",{className:"w-full h-full p-3",children:(0,a.jsx)(CategoryHeader,{category:s,hideDescription:!1})})})]}),(0,a.jsx)("div",{ref:o,className:"transition-all duration-[300ms] transform overflow-hidden lg:block lg:!h-auto lg:rounded",style:{height:n?d:0},children:s.items.map(e=>(0,a.jsx)(Item,{item:e,onSelect:t,disabled:s.disabled,orderStatus:s.orderStatus},e.key))})]})});

1k.displayName="Category";var Menu_MenuContent=e=>{let{store:l,onSelectItem:s,offset:t}=e,n=l.menu,[c,i]=(0,r.useState)(""),o=(0,r.useRef)(n.map(()=>null)),scrollToRef=e=>{e.scrollIntoView({behavior:"smooth",block:"start"})},d="calc(".concat(t,"px + var(--sticky-top-gap))");return(0,a.jsx)("div",{className:"justify-center w-full",children:(0,a.jsxs)("div",{className:"container-fluid flex",children:[(0,a.jsx)("nav",{className:"sticky self-start overflow-y-auto w-1/4 hidden lg:block mr-4 mb-3 rounded",style:{top:d,maxHeight:"calc(100vh - ".concat(t,"px - 2 * var(--sticky-top-gap))")},children:(0,a.jsx)("div",{className:"flex flex-col",children:(0,a.jsx)("ul",{children:n.map((e,l)=>(0,a.jsx)("li",{className:"w-full text-base text-onBackground border-l-2 ".concat(c===e.key?"border-primaryContainer text-primaryContainer":"border-onBackground/50 hover:border-onBackground"),children:(0,a.jsx)("button",{onClick:s=>{s.preventDefault(),i(()=>e.key);let a=o.current[l];a&&scrollToRef(a)},className:"block text-left w-full cursor-pointer px-3 py-2 ".concat(c===e.key?"text-primaryContainer":"text-onBackground"),children:e.name})},e.key))})})}),(0,a.jsx)("section",{className:"w-full md:w-2/3 lg:w-1/2 mb-3",children:n.map((e,l)=>{let r=e.key;return(0,a.jsx)(k,{ref:e=>{o.current[l]=e},category:e,onSelectItem:s,open:r===c,onClick:()=>{if(i(e=>e===r?"":r),r!==c){let e=o.current[l];e&&setTimeout(()=>{scrollToRef(e)},300)}},offset:t},r)})}),(0,a.jsxs)("section",{className:"sticky h-full md:w-1/3 lg:w-1/4 hidden md:block ml-4 bg-surface text-onSurface rounded",style:{to

1p:d},children:[(0,a.jsx)("div",{className:"p-3 pb-0",children:(0,a.jsx)("h3",{className:"text-2xl font-header font-bold",children:"Your basket"})}),(0,a.jsx)(v.L,{isSide:!0})]})]})})},w=s(16848),ItemModal_DisableOption=e=>{let{disabled:l,disabledMessage:s}=e;return l?(0,a.jsx)("div",{className:"shrink-0 min-h-[25px] px-3 btn-radius bg-background text-onBackground text-sm flex items-center justify-center",children:(0,a.jsx)("span",{children:s})}):null};let OptionPrice=e=>{let{price:l}=e;return 0===l?null:(0,a.jsx)("span",{className:"text-sm font-normal",children:"".concat(l>0?"+":"").concat((0,o.Z)(l))})};var ItemModal_CheckboxOption=e=>{let{option:l,value:s=[],error:r,showPrice:t,setSelected:n}=e,{name:c,disabled:i,options:o,orderStatus:d,max:u,minRequired:x}=l,h=u?"Choose ".concat(u):null,f=s.length,p=x-f;return(0,a.jsxs)("div",{className:"relative ".concat(r?"border-l-4 border-error":""),children:[(0,a.jsxs)("div",{className:"p-3 py-4 flex items-center bg-surfaceVariant text-onSurfaceVariant border-b border-onSurfaceVariant/10",children:[(0,a.jsxs)("div",{className:"flex flex-col grow",children:[(0,a.jsx)("label",{className:"grow font-bold ".concat(r?"text-error":""),children:c}),h||r?(0,a.jsx)("span",{className:"text-xs leading-0 ".concat(r?"text-error":""),children:r||h}):null]}),x?(0,a.jsx)("span",{className:"text-xs shrink-0 pl-3",children:"".concat(p>0?p:0," required")}):null]}),(0,a.jsx)("div",{className:"",children:o.map(e=>{let l=s.find(l=>l.key===e.key),r=i||e.disabled,c=d||e.orderStatus;return(0,a.jsx)("div",{className:"border-b border-onSurface/10 relative bg-surface text-onSurface",children:(0,a.jsxs)("button",{className:"w-full flex items-center p-3 py-4",disabled:r,onClick:s=>{s.preventDefault(),n(function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return l?s.filter(l=>l.key!==e.key):[...s,{key:e.key,quantity:1,name:e.name,price:e.price}]})},children:[(0,a.jsxs)("div",{className:"grow text-left flex flex-col ".concat(r?"opacity-50":""),children:[(0,a.jsx)("span",{children:e.name}),t?(0,a.jsx)(OptionPrice,{price:e.price}):null]}),(0,a.jsx)("div",{className:"shrink-0",children:r?(0,a.jsx)(ItemModal_DisableOption,{disabled:r,disabledMessage:c}):(0,a.jsx)(m.Z,{name:l?"checkSquare":"square",size:25,className:l?"text-primaryContainer":""})})]})},e.key)})})]})},S=s(27361),M=s.n(S),ItemModal_NumberOption=e=>{let{option:l,value:s=0,error:t,showPrice:n,setSelected:c,asChild:i=!1,disabled:o=!1,orderStatus:d}=e,{name:u,defaultValue:x=0,max:h}=l,f=o||l.disabled,p=d||l.orderStatus,j=0===s||s===x,b=s>=h;return(0,a.jsxs)("div",{className:"flex items-center p-3 py-4 border-b border-onSurface/10 bg-surface relative ".concat(t&&!i?"border-l-4 border-error":""," ").concat(i?"":"py-4"),children:[(0,a.jsxs)("div",{className:"grow text-left flex flex-col ".concat(f?"opacity-50":""),children:[(0,a.jsx)("label",{className:"grow ".concat(i?"":"font-bold"," ").concat(t?"text-error":""),children:u}),n?(0,a.jsx)(OptionPrice,{price:l.price}):null,t?(0,a.jsx)("span",{className:"text-xs text-error",children:t}):null]}),(0,a.jsx)("div",{className:"flex items-center justify-center shrink-0 pl-3",children:f?(0,a.jsx)(ItemModal_DisableOption,{disabled:f,disabledMessage:p}):(0,a.jsxs)(r.Fragment,{children:[(0,a.jsx)("button",{"data-action":"decrement",className:"cursor-pointer outline-none text-primaryContainer transition ".concat(j?"opacity-10":"opacity-100"),disabled:j||f,onClick:e=>{e.preventDefault(),c(e=>{let l=e-1;return l<x?x:l})},children:(0,a.jsx)(m.Z,{name:"minusCircle",size:25})}),(0,a.jsx)("span",{className:"text-base ml-4 mr-4",children:s}),(0,a.jsx)("button",{"data-action":"increment",className:"cursor-pointer outline-none text-primaryContainer transition ".concat(b?"opacity-10":"opacity-100"),disabled:b||f,onClick:e=>{e.preventDefault(),c(e=>{let l=e+1;return l>=h?h:l})},children:(0,a.jsx)(m.Z,{name:"plusCircle",size:25})})]})})]})},ItemModal_NumberGroupOption=e=>{let{option:l,value:s,error:r,showPrice:t,setSelected:n}=e,{name:c,options:i,max:o,minRequired:d,disabled:u,orderStatus:m}=l,x=o?"Choose ".concat(o):null,h="string"==typeof r?r:null,f=s.reduce((e,l)=>e+=l.value,0),p=d-f,j=h||Object.keys(r||{}).length;return(0,a.jsxs)("div",{className:"relative ".concat(r?"border-l-4 border-error":""),children:[(0,a.jsxs)("div",{className:"p-3 py-4 flex items-center bg-surfaceVariant text-onSurfaceVariant border-b border-onSurfaceVariant/10",children:[(0,a.jsxs)("div",{className:"flex flex-col grow",children:[(0,a.jsx)("label",{className:"grow font-bold ".concat(j?"text-error":""),children:c}),h||x?(0,a.jsx)("span",{className:"text-xs leading-0 ".concat(h?"text-error":""),children:h||x}):null]}),d?(0,a.jsx)("span",{className:"text-xs pl-3 shrink-0",children:"".concat(p>0?p:0," required")}):null]}),(0,a.jsx)("div",{className:"",children:i.map((e,l)=>{let c=s.find(l=>l.key===e.key),i="string"==typeof r?null:M()(r,l),o=c?c.value:0;return(0,a.jsx)("div",{className:"bg-surface text-onSurface",children:(0,a.jsx)(ItemModal_NumberOption,{option:e,value:o,error:i,showPrice:t,disabled:u,orderStatus:m,asChild:!0,setSelected:l=>{let s=e.key;n(function(){let a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=a.find(e=>e.key===s),t=l(r?r.value:0);if(!r)return[...a,{key:s,value:t,name:e.name,price:e.price}];let n=a.filter(e=>e.key!==s);return[...n,{key:s,value:t,name:e.name,price:e.price}]})}},e.key)},e.key)})})]})},ItemModal_SelectOption=e=>{let{option:l,value:s=null,error:r,showPrice:t,setSelected:n}=e,{name:c,options:i,disabled:o,orderStatus:d}=l;return(0,a.jsxs)("div",{className:"relative ".concat(r?"border-l-4 border-error":""),children:[(0,a.jsxs)("div",{className:"p-3 py-4 flex flex-col bg-surfaceVariant text-onSurfaceVariant border-b border-onSurfaceVariant/10",children:[(0,a.jsx)("label",{className:"grow font-bold ".concat(r?"text-error":""),children:c}),null]}),(0,a.jsx)("div",{className:"",children:i.map(e=>{let l=!!s&&s.key===e.key,r=o||e.disabled,c=d||e.orderStatus;return(0,a.jsx)("div",{className:"border-b border-onSurface/10 relative bg-surface text-onSurface",children:(0,a.jsxs)("button",{className:"w-full flex items-center p-3 py-4",disabled:r,onClick:l=>{l.preventDefault(),n(()=>({key:e.key,name:e.name,price:e.price}))},children:[(0,a.jsxs)("div",{className:"grow text-left flex flex-col ".concat(r?"opacity-50":""),children:[(0,a.jsx)("span",{children:e.name}),t?(0,a.jsx)(OptionPrice,{price:e.price}):null]}),(0,a.jsx)("div",{className:"shrink-0",children:r?(0,a.jsx)(ItemModal_DisableOption,{disabled:r,disabledMessage:c}):(0,a.jsx)(m.Z,{name:l?"dotCircle":"circle",size:25,className:l?"text-primaryContainer":""})})]})},e.key)})})]})},I=s(77768),ItemModal_ToggleOption=e=>{let{option:l,setSelected:s,value:r,showPrice:t}=e,{name:n,price:c,disabled:i,orderStatus:o}=l;return(0,a.jsx)("div",{className:"border-b border-onSurface/10 bg-surface text-onSurface relative",children:(0,a.jsxs)(I.rs,{checked:r,disabled:i,onChange:()=>{s(e=>!e)},className:"w-full flex items-center p-3 py-4 text-left",children:[(0,a.jsxs)("div",{className:"grow flex flex-col font-bold ".concat(i?"opacity-50":""),children:[(0,a.jsx)("span",{children:n}),t?(0,a.jsx)(OptionPrice,{price:c}):null]}),(0,a.jsx)("div",{className:"flex justify-center items-center shrink-0",children:i?(0,a.jsx)(ItemModal_DisableOption,{disabled:i,disabledMessage:o}):(0,a.jsx)("span",{className:"".concat(r?"bg-primaryContainer":"bg-onSurface"," relative inline-flex items-center h-6 rounded-full w-11"),children:(0,a.jsx)("span",{className:"transform transition ease-in-out duration-200 inline-block w-4 h-4 transform bg-white rounded-full ".concat(r?"translate-x-6":"translate-x-1")})})})]})})},ItemModal_ItemOptions=e=>{let{options:l,selectedOptions:s,showPriceOnOptions:r,setOption:t}=e;return(0,a.jsx)("div",{className:"mb-10",children:l.map((e,l)=>{switch(e.type){case"toggle":return(0,a.jsx)(ItemModal_ToggleOption,{option:e,value:s[l].value,showPrice:r,setSelected:s=>t(l,e,s)},l);case"number":return(0,a.jsx)(ItemModal_NumberOption,{option:e,value:s[l].value,error:s[l].error,showPrice:r,setSelected:s=>t(l,e,s)},l);case"select":return(0,a.jsx)(ItemModal_SelectOption,{option:e,value:s[l].value,error:s[l].error,showPrice:r,setSelected:s=>t(l,e,s)},l);case"checkbox":return(0,a.jsx)(ItemModal_CheckboxOption,{option:e,value:s[l].value,error:s[l].error,showPrice:r,setSelected:s=>t(l,e,s)},l);case"numberGroup":return(0,a.jsx)(ItemModal_NumberGroupOption,{option:e,value:s[l].value,error:s[l].error,showPrice:r,setSelected:s=>t(l,e,s)},l)}return null})})};let EarnPointsLabel=e=>{let{pointsEarned:l}=e;return l<=0?null:(0,a.jsxs)("p",{className:"mt-1 text-sm text-onSurface/50",children:[(0,a.jsx)("span",{"aria-hidden":"true",children:(0,a.jsx)(m.Z,{name:"star",size:14,className:"inline-block mr-1 align-middle"})}),(0,a.jsxs)("span",{className:"align-middle",children:["Earn ",l," ",1===l?"point":"points"]})]})};function getQuantityError(e,l){let{maxValue:s,minValue:a}=e;return l>s?"Maximum value is ".concat(s):l<a?"Minimum value is ".concat(a):null}var ItemModal_ItemModalBody=e=>{let{close:l,item:s,legend:c,allergenMessage:i,allergenMessageDetail:d,showPointsOnProducts:u,showPriceOnOptions:x,addItem:h,alert:f}=e,[p,j]=(0,r.useState)(!1),[b,g]=(0,r.useState)({value:1,error:null}),y=b.value,v=1===y,N=y>=s.maxValue,k=b.error,[S,M]=(0,r.useState)(!1),{key:I,name:C,desc:Z,price:O,pointsEarned:z,iconURL:_,options:P}=s,[V,E]=(0,r.useState)(P.map(e=>{let l={key:e.key,name:e.name,error:null};switch(e.type){case"toggle":return{...l,type:e.type,value:!1,defaultValue:!1,allergens:[]};case"number":{let s=e.disabled?0:e.defaultValue||0;return{...l,type:e.type,value:s,defaultValue:s,allergens:s?e.allergens:[]}}case"select":{let s=e.options[e.defaultValue]||null;return{...l,type:e.type,defaultValue:null,value:s?{key:s.key,name:s.name,price:s.price}:null,allergens:[]}}case"numberGroup":{let s=e.options.reduce((e,l)=>(l.defaultValue&&!l.disabled&&e.push({key:l.key,name:l.name,price:l.price,value:l.defaultValue}),e),[]);return{...l,type:e.type,value:s,defaultValue:null,allergens:[]}}case"checkbox":return{...l,type:e.type,value:[],defaultValue:null,allergens:[]}}throw Error("Unknown option type")})),D=V.reduce((e,l,s)=>{switch(l.type){case"select":if(l.value){let a=l.value.key,r=P[s],t=r.options.find(e=>e.key===a);e=(0,w.IH)(e,(null==t?void 0:t.price)||0)}break;case"toggle":{let a=P[s],r=a.price;l.value&&(e=(0,w.IH)(e,r));break}case"number":{let a=P[s],r=a.price,t=0;t=(0,w.Jp)(r,(0,w.$X)(l.value,a.defaultValue)),e=(0,w.IH)(e,t);break}case"checkbox":{let a=P[s],r=l.value.reduce((e,l,s)=>{let r=a.options.find(e=>

1e.key===l.key);return a.maxIncPrice<s+1&&(e=(0,w.IH)(e,(null==r?void 0:r.price)||0)),e},0);e=(0,w.IH)(e,r);break}case"numberGroup":{let a=P[s],r=a.maxIncPrice,t=l.value.reduce((e,l)=>{let s=a.options.find(e=>e.key===l.key);if(s){let a=(0,w.$X)(l.value,s.defaultValue);if(r){if(a>=r){let s=(0,w.$X)(a,r);r=0,e=(0,w.IH)(e,(0,w.Jp)(l.price,s))}else a>0&&(r-=a)}else e=(0,w.IH)(e,(0,w.Jp)(l.price,a))}return e},0);e=(0,w.IH)(e,t)}}return e},0),H=(0,w.IH)(O,D),A=(0,w.Jp)(H,y),T=V.reduce((e,l)=>e=e.concat(l.allergens),[]).concat(s.allergens),R=!!(T.length||s.symbols.length),F=(0,r.useCallback)(()=>{let e=getQuantityError(s,y);e&&g(l=>({...l,error:e}));let a=V.some(e=>e.error),r=P.reduce((e,l,s)=>{switch(l.type){case"checkbox":{let a=l.minRequired;if(a){let l=V[s];if(l.value.length<a)return E(e=>{let l=[...e];return l[s].error="Choose at least ".concat(a),l}),e&&!1}return e&&!0}case"numberGroup":{let a=l.minRequired;if(a){let l=V[s],r=l.value.reduce((e,l)=>e+=l.value,0);if(r<a)return E(e=>{let l=[...e];return l[s].error="Choose at least ".concat(a),l}),e&&!1}return e&&!0}case"select":{let a=V[s],r=l.options.find(e=>{var l;return e.key===(null===(l=a.value)||void 0===l?void 0:l.key)});if(!r||r.disabled)return E(e=>{let l=[...e];return l[s].error="Invalid",l}),e&&!1;return e&&!0}default:return e&&!0}},!0);if(e||a||!r){f("Item cannot be added","There are uncompleted steps that need to be completed before adding this item");return}j(!0);let t=V.map(e=>({key:e.key,name:e.name,type:e.type,value:e.value,isDefaultValue:e.defaultValue===e.value}));h({key:I,name:C,price:H,points:z,quantity:y,maxValue:s.maxValue,minValue:s.minValue,options:t}).then(()=>l()).finally(()=>j(!1))},[s,y,g,V,E,H,z,C,j,f]);return(0,a.jsxs)(r.Fragment,{children:[i?(0,a.jsx)(ItemModal_AllergensModal,{show:S,onClose:()=>{M(!1)},symbols:s.symbols,allergens:T,legend:c,allergenMessageDetail:d}):null,(0,a.jsxs)("div",{className:"py-6 border-b border-onSurface/10 bg-surface text-onSurface",children:[_?(0,a.jsx)("div",{className:"w-full aspect-h-1 flex items-center justify-center overflow-hidden mb-6",children:(0,a.jsx)("div",{className:"w-1/2 m-auto p-3",children:(0,a.jsx)("img",{src:_,alt:Z||C,className:"object-center object-cover w-full rounded shadow-lg shadow-onSurface/5"})})}):null,(0,a.jsxs)("section",{"aria-labelledby":"information-heading",className:"text-center px-3",children:[(0,a.jsx)("h3",{id:"information-heading",className:"sr-only",children:"Product information"}),(0,a.jsx)("h1",{className:"font-header font-bold text-2xl",children:C}),Z?(0,a.jsx)("p",{className:"whitespace-pre-wrap",children:Z}):null,R?(0,a.jsx)("button",{onClick:()=>{M(!0)},children:(0,a.jsx)(components_ItemSymbols,{className:"justify-center mt-3",symbols:s.symbols,allergens:T})}):null,(0,a.jsx)("p",{className:"mt-3 font-header font-bold text-xl",children:(0,o.Z)(O)}),u?(0,a.jsx)(EarnPointsLabel,{pointsEarned:z}):null]})]}),i?(0,a.jsxs)("button",{className:"w-full flex items-center p-3 border-b border-onSurface/10 text-primaryContainer",onClick:()=>{M(!0)},children:[(0,a.jsx)(m.Z,{name:"alert",size:20,className:"mr-3 shrink-0"}),(0,a.jsx)("p",{className:"underline text-xs text-left",children:i})]}):null,(0,a.jsx)("h3",{className:"sr-only",children:"Product options"}),(0,a.jsxs)("form",{children:[(0,a.jsx)(ItemModal_ItemOptions,{options:P,selectedOptions:V,showPriceOnOptions:x,setOption:(e,l,s)=>{E(a=>{let r=s(a[e].value),t=[...a];switch(l.type){case"toggle":{let s=t[e];s.value=r,r?s.allergens=l.allergens:s.allergens=[],t[e]=s;break}case"number":{let s=t[e],a=l.max;r>a?s.error="Maximum value is ".concat(a):s.error=null,s.value=r,r?s.allergens=l.allergens:s.allergens=[],t[e]=s;break}case"select":if(r){let s=l.options.find(e=>e.key===(null==r?void 0:r.key));s&&(t[e].allergens=s.allergens)}else t[e].allergens=[];t[e].error=null,t[e].value=r;break;case"checkbox":{let s=l.max;s&&r.length>s?t[e].error="Choose only ".concat(s):t[e].error=null,t[e].value=r,t[e].allergens=[],l.options.forEach(l=>{let s=r.find(e=>e.key===l.key);s&&(t[e].allergens=t[e].allergens.concat(l.allergens))});break}case"numberGroup":{t[e].error={};let s=l.max;l.options.forEach(l=>{let s=r.find(e=>

1e.key===l.key);s&&(s.value>l.max&&(t[e].error={[s.key]:"Maximum value is ".concat(l.max)}),s.value&&(t[e].allergens=t[e].allergens.concat(l.allergens)))});let a=r.reduce((e,l)=>e+=l.value,0);s&&a>s&&(t[e].error="Choose only ".concat(s));let n=Object.keys(t[e].error).length;n||(t[e].error=null),t[e].value=r;break}default:t[e].value=r}return t})}}),(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center mb-7 border-l-4 border-r-4 border-r-transparent border-l-transparent ".concat(k?"border-l-error":""),children:[(0,a.jsxs)("div",{className:"flex items-center justify-center my-3",children:[(0,a.jsx)("label",{htmlFor:"quantity",className:"sr-only","aria-labelledby":"item-quantity",children:"Quantity"}),(0,a.jsx)("button",{"data-action":"decrement",className:"cursor-pointer outline-none transition ".concat(v?"opacity-10":"opacity-100"),disabled:v,onClick:e=>{e.preventDefault(),g(e=>{let l=e.value-1,a=getQuantityError(s,l);return{value:0===l?1:l,error:a}})},children:(0,a.jsx)(m.Z,{name:"minusCircle",size:30,className:"text-primaryContainer"})}),(0,a.jsx)("input",{type:"text",disabled:!0,className:"outline-none focus:outline-none text-center text-2xl font-bold text-md bg-surface text-onSurface cursor-default flex items-center outline-none w-20",name:"quantity",value:y}),(0,a.jsx)("button",{"data-action":"increment",className:"cursor-pointer outline-none transition ".concat(N?"opacity-10":"opacity-100"),disabled:N,onClick:e=>{e.preventDefault(),g(e=>{let l=e.value+1,a=getQuantityError(s,l);return{value:l,error:a}})},children:(0,a.jsx)(m.Z,{name:"plusCircle",size:30,className:"text-primaryContainer"})})]}),k?(0,a.jsx)("span",{className:"text-xs text-error",children:k}):null]})]}),(0,a.jsx)(n.E,{insets:["bottom"],className:"w-full sticky bottom-0",children:(0,a.jsx)("div",{className:"p-3 text-center",children:(0,a.jsx)(t.zx,{variant:"primary",loading:p,containerClassName:"w-full",onPress:F,title:"Add for ".concat((0,o.Z)(A))})})})]})},ItemModal_ItemModal=e=>{let{item:l,legend:s,allergenMessage:t,allergenMessageDetail:n,showPointsOnProducts:i,showPriceOnOptions:o,onClose:u}=e,[m,x]=(0,r.useState)(!1),close=()=>x(!1),{addItem:h}=(0,c.V)(),{alert:p}=(0,d.E)();return((0,r.useEffect)(()=>{l?x(!0):x(!1)},[l]),l)?(0,a.jsx)(f.u,{show:m,onClose:close,name:"item-modal",title:"Customise item",afterLeave:u,children:(0,a.jsx)(ItemModal_ItemModalBody,{close:close,item:l,legend:s,allergenMessage:t,allergenMessageDetail:n,showPointsOnProducts:i,showPriceOnOptions:o,addItem:h,alert:p})}):null},Store=e=>{let{store:l}=e,{total:s,quantity:u}=(0,c.V)(),{headerHeight:m}=(0,i.t)(),{alert:x}=(0,d.E)(),{storeId:h,orderModes:f,orderStatus:p,showPointsOnProducts:j,showPriceOnOptions:b}=l,[g,y]=(0,r.useState)(null);return(0,a.jsxs)("div",{className:"",children:[(0,a.jsx)(Menu_MenuHeader,{store:l}),(0,a.jsx)(Menu_MenuContent,{store:l,onSelectItem:e=>{if(!f.length){x(p);return}if(e.disabled){x(e.orderStatus||"Not available");return}y(e)},offset:m}),(0,a.jsx)(ItemModal_ItemModal,{item:g,legend:l.legend,allergenMessage:l.allergenMessage,allergenMessageDetail:l.allergenMessageDetail,showPointsOnProducts:j,showPriceOnOptions:b,onClose:()=>y(null)}),u?(0,a.jsx)(n.E,{insets:["bottom"],className:"w-full relative sticky md:hidden bottom-0 z-50",children:(0,a.jsx)("div",{className:"p-3 text-center",children:(0,a.jsx)(t.ZP,{variant:"primary",containerClassName:"w-full",title:"".concat(u," x Items - ").concat((0,o.Z)(s)),href:{pathname:"/stores/[storeId]/basket",query:{storeId:h}}})})}):null]})}},55402:function(e,l,s){var a=s(85893),r=s(18687),t=s(67294);l.Z=e=>{let{as:l=t.Fragment,show:s,children:n}=e;return(0,a.jsx)(r.u,{as:l,show:s,className:"overflow-hidden",enter:"duration-500",enterFrom:"max-h-0",enterTo:"max-h-screen",leave:"duration-500",leaveFrom:"max-h-screen",leaveTo:"max-h-0",children:n})}}}]);