https://www.foodservicedirect.com/_next/static/chunks/171.9fc79a2e56dbca0b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[171],{8273:(e,t,r)=>{r.d(t,{A:()=>a});var l=r(94458);let a=({message:e,className:t})=>(0,l.jsx)("div",{className:`w-full h-full py-4 px-5 text-13px md:text-sm text-brand-danger font-semibold flex items-center justify-center border border-brand-danger/40 rounded ${t}`,children:e})},18626:(e,t,r)=>{r.d(t,{w:()=>s});var l=r(85482),a=r(57417),i=r(32571),n=r(62641);let o=async({queryKey:e})=>{let[t,r]=e,{data:{data:i}}=await l.A.get(a.S.CATEGORIES),o=await n.bW(1,"en-CA"),s=[];for(let e=0;e<i.length;e++){let t=i[e];o[0].counts.find(e=>e.value===t.name)&&s.push(t)}return{categories:{data:s}}},s=e=>(0,i.useQuery)([a.S.CATEGORIES,e],o)},19227:(e,t,r)=>{r.d(t,{Ay:()=>s});var l=r(68658),a=function(){return(a=Object.assign||function(e){for(var t,r=1,l=arguments.length;r<l;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},i=function(e){var t=e.animate,r=void 0===t||t,i=e.animateBegin,n=e.backgroundColor,o=void 0===n?"#f5f6f7":n,s=e.backgroundOpacity,d=void 0===s?1:s,c=e.baseUrl,u=void 0===c?"":c,m=e.children,x=e.foregroundColor,h=e.foregroundOpacity,f=e.gradientRatio,p=void 0===f?2:f,b=e.gradientDirection,g=e.uniqueKey,y=e.interval,v=e.rtl,j=e.speed,w=e.style,E=e.title,k=void 0===E?"Loading...":E,N=e.beforeMask,O=void 0===N?null:N,A=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,l=Object.getOwnPropertySymbols(e);a<l.length;a++)0>t.indexOf(l[a])&&Object.prototype.propertyIsEnumerable.call(e,l[a])&&(r[l[a]]=e[l[a]]);return r}(e,["animate","animateBegin","backgroundColor","backgroundOpacity","baseUrl","children","foregroundColor","foregroundOpacity","gradientRatio","gradientDirection","uniqueKey","interval","rtl","speed","style","title","beforeMask"]),C=g||Math.random().toString(36).substring(6),S=C+"-diff",$=C+"-animated-diff",B=C+"-aria",P="0; "+(void 0===y?.25:y)+"; 1",T=(void 0===j?1.2:j)+"s";return(0,l.createElement)("svg",a({"aria-labelledby":B,role:"img",style:a(a({},void 0===w?{}:w),void 0!==v&&v?{transform:"scaleX(-1)"}:null)},A),k?(0,l.createElement)("title",{id:B},k):null,O&&(0,l.isValidElement)(O)?O:null,(0,l.createElement)("rect",{role:"presentation",x:"0",y:"0",width:"100%",height:"100%",clipPath:"url("+u+"#"+S+")",style:{fill:"url("+u+"#"+$+")"}}),(0,l.createElement)("defs",null,(0,l.createElement)("clipPath",{id:S},m),(0,l.createElement)("linearGradient",{id:$,gradientTransform:"top-bottom"===(void 0===b?"left-right":b)?"rotate(90)":void 0},(0,l.createElement)("stop",{offset:"0%",stopColor:o,stopOpacity:d},r&&(0,l.createElement)("animate",{attributeName:"offset",values:-p+"; "+-p+"; 1",keyTimes:P,dur:T,repeatCount:"indefinite",begin:i})),(0,l.createElement)("stop",{offset:"50%",stopColor:void 0===x?"#eee":x,stopOpacity:void 0===h?1:h},r&&(0,l.createElement)("animate",{attributeName:"offset",values:-p/2+"; "+-p/2+"; "+(1+p/2),keyTimes:P,dur:T,repeatCount:"indefinite",begin:i})),(0,l.createElement)("stop",{offset:"100%",stopColor:o,stopOpacity:d},r&&(0,l.createElement)("animate",{attributeName:"offset",values:"0; 0; "+(1+p),keyTimes:P,dur:T,repeatCount:"indefinite",begin:i})))))},n=function(e){return e.children?(0,l.createElement)(i,a({},e)):(0,l.createElement)(o,a({},e))},o=function(e){return(0,l.createElement)(n,a({viewBox:"0 0 476 124"},e),(0,l.createElement)("rect",{x:"48",y:"8",width:"88",height:"6",rx:"3"}),(0,l.createElement)("rect",{x:"48",y:"26",width:"52",height:"6",rx:"3"}),(0,l.createElement)("rect",{x:"0",y:"56",width:"410",height:"6",rx:"3"}),(0,l.createElement)("rect",{x:"0",y:"72",width:"380",height:"6",rx:"3"}),(0,l.createElement)("rect",{x:"0",y:"88",width:"178",height:"6",rx:"3"}),(0,l.createElement)("circle",{cx:"20",cy:"20",r:"20"}))};let s=n},20171:(e,t,r)=>{r.r(t),r.d(t,{default:()=>v});var l=r(94458),a=r(8273),i=r(38737),n=r(77077),o=r(46001),s=r.n(o),d=r(69960),c=r(40193),u=r(68658),m=r(45396),x=r(45193);function h({className:e,item:t,depth:r=0}){let a,{t:i}=(0,x.Bd)("common"),o=(0,n.useRouter)(),f=o?.query?.category,p=f===t.slug||t?.children?.some(e=>e.slug===f),[b,g]=(0,u.useState)(p);(0,u.useEffect)(()=>{g(p)},[p]);let{slug:y,name:v,children:j,icon:w}=t,{displaySidebar:E,closeSidebar:k}=(0,c.mL)();return Array.isArray(j)&&j.length&&(a=b?(0,l.jsx)(d.Ik,{className:"text-base text-brand-dark text-opacity-40"}):(0,l.jsx)(d.pte,{className:"text-base text-brand-dark text-opacity-40"})),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("li",{onClick:function(){if(Array.isArray(j)&&j.length)g(e=>!e);else{let{pathname:e,query:t}=o,{type:r,...l}=t;o.push({pathname:e,query:{...l,category:y}},void 0,{scroll:!1}),E&&k()}},className:`flex justify-between items-center transition ${e||"text-sm md:text-15px hover:bg-fill-base border-t border-border-base first:border-t-0 px-3.5 2xl:px-4 py-3 xl:py-3.5 2xl:py-2.5 3xl:py-3"} ${b?"bg-fill-base":"text-brand-dark text-opacity-70"}`,children:(0,l.jsxs)("button",{className:s()("flex items-center w-full ltr:text-left rtl:text-right outline-none focus:outline-none group focus:ring-0 focus:text-brand-dark"),children:[w&&(0,l.jsx)("div",{className:"inline-flex shrink-0 2xl:w-12 2xl:h-12 3xl:w-auto 3xl:h-auto",children:(0,l.jsx)(m.A,{src:w??"/assets/placeholder/category-small.svg",alt:v||i("text-category-thumbn

1ail"),width:40,height:40,style:{width:"auto"}})}),(0,l.jsx)("span",{className:"text-brand-dark group-hover:text-opacity-80 capitalize ltr:pl-2.5 rtl:pr-2.5 md:ltr:pl-4 md:rtl:pr-4 2xl:ltr:pl-3 2xl:rtl:pr-3 3xl:ltr:pl-4 3xl:rtl:pr-4",children:v}),(0,l.jsx)("span",{className:"ltr:ml-auto rtl:mr-auto",children:a})]})}),Array.isArray(j)&&b?(0,l.jsx)("li",{children:(0,l.jsx)("ul",{className:"py-3 text-xs border-t border-border-base",children:j?.map(e=>(0,l.jsx)(h,{item:e,depth:r+1,className:s()("text-sm ltr:pl-14 rtl:pr-14 py-2.5 ltr:pr-4 rtl:pl-4")},`${e.name}${e.slug}`))},"content")}):null]})}let f=function({items:e,className:t}){return(0,l.jsx)("ul",{className:s()(t),children:e?.map(e=>(0,l.jsx)(h,{item:e},`${e.slug}-key-${e.id}`))})};var p=r(45734),b=r(18626);function g({className:e}){let{data:t,isLoading:r,error:n}=(0,b.w)({limit:10});return(0,l.jsx)("aside",{className:s()("category-mobile-sidebar",e),children:(0,l.jsx)("div",{className:"max-h-full overflow-hidden border rounded border-border-base",children:n?(0,l.jsx)("div",{className:"2xl:ltr:pr-4 2xl:rtl:pl-4",children:(0,l.jsx)(a.A,{message:n.message})}):(0,l.jsx)(i.A,{className:"w-full h-full category-scrollbar",children:r?Array.from({length:15}).map((e,t)=>(0,l.jsx)(p.A,{uniqueKey:"category-list-card-loader"},`category-list-${t}`)):(0,l.jsx)(f,{items:t?.categories?.data})})})})}var y=r(2960);let v=()=>{let{t:e}=(0,x.Bd)("common"),{closeModal:t}=(0,y.DG)();return(0,l.jsxs)("div",{className:"relative flex flex-col w-full mx-auto overflow-hidden rounded-t bg-brand-light h-inherit",children:[(0,l.jsx)(g,{className:"w-full"}),(0,l.jsx)("div",{className:"absolute bottom-0 w-full p-4 text-brand-light shadow-card shrink-0 bg-brand-light",children:(0,l.jsx)("button",{onClick:t,"aria-label":"Close Modal",className:"w-full bg-fill-base tracking-[0.025em] rounded-md transition text-brand-dark duration-200 h-14 text-center font-semibold text-sm block hover:bg-brand hover:text-brand-light focus:outline-none",children:e("text-close")})})]})}},38737:(e,t,r)=>{r.d(t,{A:()=>o});var l=r(94458),a=r(46001),i=r.n(a),n=r(41249);r(42071);let o=({options:e,children:t,style:r,className:a,...o})=>(0,l.jsx)(n.r,{options:{className:i()("os-theme-thin",a),scrollbars:{autoHide:"scroll"},...e},style:r,...o,children:t})},45734:(e,t,r)=>{r.d(t,{A:()=>i});var l=r(94458),a=r(19227);let i=e=>(0,l.jsxs)(a.Ay,{speed:2,width:389,height:88,viewBox:"0 0 389 88",backgroundColor:"#f9f9f9",foregroundColor:"#ecebeb",className:"rounded-md w-full",...e,children:[(0,l.jsx)("circle",{cx:"43",cy:"45",r:"30"}),(0,l.jsx)("rect",{x:"88",y:"40",rx:"3",ry:"3",width:"96",height:"8"}),(0,l.jsx)("rect",{x:"350",y:"34",rx:"3",ry:"3",width:"20",height:"20"})]})}}]);