https://www.foodservicedirect.com/_next/static/chunks/pages/brand/[brand]-1e0d37ab4c8ca4c3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2005],{12359:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSP:()=>$,default:()=>S});var a=t(94458),r=t(30737),l=t(94565),i=t(68658),n=t(45396),d=t(14131),o=t(25747),c=t(46110),m=t(32457),x=t.n(m),p=t(45193),u=t(13185),h=t(73742);let g=({page:e="landingone",brand:s="",setSearchText:t,setSearchQuery:r,handleSearchSubmit:l})=>{let{t:n}=(0,p.Bd)("common"),d=(0,i.useRef)(null),o=(0,i.useCallback)(e=>{let{value:s}=e.currentTarget;t(s),"Enter"===e.key&&l(e)},[t,l]);return(0,a.jsx)("div",{className:"w-full flex items-center",children:(0,a.jsxs)("form",{role:"search",method:"get",id:"searchform",className:"search-form flex items-center relative h-[30px] sm:h-[42px] lg:h-[48px]",action:"/",onSubmit:l,children:[(0,a.jsxs)("label",{className:"w-full m-0",children:[(0,a.jsx)(h.A,{variant:"outline",type:"text",name:"brandSearchField",id:"brandSearchField",className:"search-field border-grey-400 rounded-[6px] h-[30px] sm:h-[42px] lg:h-[48px] w-[190px] xsp:w-[190px] sm:!w-[297px] md:!w-[415px] bg-white focus:!border-grey-500 focus:outline-none focus:border-1 text-[11px] sm:text-[14px] shadow-brandSearchBox",inputClassName:"!min-h-[30px] h-[30px] sm:h-[42px] lg:h-[48px] placeholder:!text-gray-500 placeholder:capitalize placeholder:text-[11px] sm:placeholder:text-[14px] text-[11px] sm:text-[14px] !pl-2 !pr-[35px] sm:!pr-[50px] sm:!px-3.5 truncate",placeholder:""!==s&&n("brand-search-placeholder-text").replace("[BRAND]",s?.toLowerCase()),ref:d,onKeyUp:o,"data-testid":`${e}-input-search-brand`}),d.current?.value&&(0,a.jsx)("button",{type:"button",onClick:()=>{d.current&&(d.current.value="",t(""),r(""))},className:"absolute right-10 sm:right-16 top-1/2 -translate-y-1/2 p-1 hover:text-main","data-testid":`${e}-btn-clear-search`,children:(0,a.jsx)(x(),{src:"/assets/images/landing-one/clear-search-icon.svg",alt:n("clear_query"),width:24,height:24,quality:80,className:"w-[12px] h-[12px] sm:w-[14px] sm:h-[14px] scale-80 sm:scale-100 select-none",priority:!0})})]}),(0,a.jsx)(u.A,{type:"submit",id:"searchsubmit",className:"search-submit flex items-center justify-center !h-full !py-2 !px-1 sm:!px-3 absolute top-0 right-0 border-0 cursor-pointer bg-transparent text-lightest transition-colors duration-200 hover:bg-transparent focus:bg-transparent hover:text-main focus:text-main border-l-grey-50 border-l border-solid rounded-tl-md rounded-bl-md","data-testid":`${e}-btn-search-brand`,children:(0,a.jsx)(x(),{src:"/assets/images/landing-one/search-icon.svg",alt:n("submit_query"),width:24,height:24,quality:80,priority:!0,className:"scale-[70%] sm:scale-[100%] select-none"})})]})})};var b=t(35080),f=t(3809),w=t(3201),v=t(1783),j=t(37677),N=t(33142),y=t(20102),_=t(12909),k=t(77077),$=!0;function S({locale:e,brand:s,brandSlug:t,brandTitle:r,brandLogo:m,products:x,found:h,bannerImages:$,bestSellerProducts:C,brandBannerData:A,brandProductsList:E,bread_path:L}){let z="brandDetails",[B,P]=(0,i.useState)(1),[q,I]=(0,i.useState)(12),[M,T]=(0,i.useState)(-1),[R,U]=(0,i.useState)(1),[D,F]=(0,i.useState)([]),[O,V]=(0,i.useState)(""),[K,H]=(0,i.useState)(""),[W,X]=(0,i.useState)(!0),{t:J}=(0,p.Bd)(["common","landing","sort"]),[Q,Z]=(0,i.useState)(y.b.BRAND_PRODUCTS_INITIAL),G=E?.slice(0,Q),Y=[{label:J("sort-relevance",{ns:"sort"}),value:"_eval(is_in_stock:true):desc,sales_count:desc,_text_match:desc"},{label:J("sort-price-asc",{ns:"sort"}),value:"special_price:asc"},{label:J("sort-price-desc",{ns:"sort"}),value:"special_price:desc"},{label:J("sort-ships-in-asc",{ns:"sort"}),value:"ships_in_days:asc"},{label:J("sort-ships-in-desc",{ns:"sort"}),value:"ships_in_days:desc"},{label:J("sort-most-popular",{ns:"sort"}),value:"sales_count:desc"},{label:J("sort-rating-desc",{ns:"sort"}),value:"rating_avg:desc"},{label:J("sort-name-asc",{ns:"sort"}),value:"brand:asc, name:asc"},{label:J("sort-name-desc",{ns:"sort"}),value:"brand:desc, name:desc"}],[ee,es]=(0,i.useState)("_eval(is_in_stock:true):desc,sales_count:desc,_text_match:desc"),[et,ea]=(0,i.useState)($||[]),er=(0,i.useCallback)(()=>{P(e=>e+1)},[]),el=()=>{V(""),H("")},ei=(0,i.useCallback)(e=>{let{target:s}=e,{value:t}=s;es(t)},[]),en=(0,i.useCallback)(e=>{e.preventDefault(),P(1),0===O.length?el():H(O)},[O,el]),{data:ed,isLoading:eo,error:ec}=(0,w.d)({brand:s||"",page:B,perPage:q,searchQuery:K,sort:ee}),[em,ex]=(0,i.useState)(C||[]),ep="landing-one-brand-products",eu="landing-one-brand-best-seller-products",eh=(0,i.useCallback)(()=>{ed?.products&&(F(e=>{let s=[...e],t=[...ed.products],a=new Set(s.map(e=>e.sku)),r=[...s];for(let e of t)a.has(e.sku)||r.push(e);return r}),T(ed?.found),U(Math.ceil(ed?.found/q)))},[ed,q]),eg=(0,i.useRef)(),eb=(0,k.useRouter)(),ef=(0,i.useCallback)(e=>{eg.current&&("prev"===e?eg.current.slidePrev():eg.current.slideNext())},[]),ew=(0,i.useCallback)(e=>{let{fallbackUrl:s}=et[e]?.image||"";ea(t=>{let a=[...t];return a[e]={...a[e],image:{...a[e]?.image,url:s,hasError:!0}},a})},[et]);(0,i.useEffect)(()=>{x.length&&W&&1===B&&F(x),X(!1)},[]),(0,i.useEffect)(()=>{W||eh()},[ed,W]),(0,i.useEffect)(()=>{W||1!==B||(F([]),eh())},[ed,K,ee]),(0,i.useEffect)(()=>{P(1),F([]),eh()},[ee]),(0,i.useEffect)(()=>{W&&(T(h),U(Math.ceil(h/q)))},[W,h]),(0,i.useEffect)(()=>{!W&&ed?.products&&eh()},[B,ed,W]),(0,i.useEffect)(()=>{C&&ex(C)},[C,eb.asPath]),(0,i.useEffect)(()=>{$&&ea($)},[$]);let ev=(A?.typsense_listing===null||"0"===String(A?.typsense_listing))&&G?.length,ej=ev?G:D||E,eN=(A?.typsense_listing==="1"||!E?.length)&&B<R,ey=!!ed&&B<=R&&M>0,e_=eo&&B>1||!D||0===M||B>=R,ek=!W&&B>1&&eo,e$=A?.typsense_listing!=="1"&&E?.length>Q,eS=!ed||0===ed.found,eC=ev?E?.length:M&&M||0;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.A,{title:`${J("text-brand")} - ${r}`,description:`${J("text-class-seo-blurb")} ${r.toUpperCase()}.`,path:`${_.b.BRANDS}/${t||s}`}),(0,a.jsxs)(o.A,{className:"page-wrap landing-one",children:[(0,a.jsxs)("div",{className:"px-4",children:[(0,a.jsx)(j.A,{banner:et[5],className:"overflow-hidden rounded-md",classNameInner:"cursor-default",dataTestId:`${z}-img-top-banner`,fallbackImage:m}),(0,a.jsxs)("div",{className:"w-full mt-2",children:[(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(N.A,{pathname:`/brand/${r?.toLowerCase()}`}),(0,a.jsxs)("p",{className:"capitalize",children:[" ",J("text-showing",{ns:"common"})," ",ej.length," /",(0,a.jsx)("span",{className:"ml-1",children:eC})," ",(0,a.jsx)("span",{children:J("text-products",{ns:"common"})})]})]}),(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("label",{htmlFor:"sort",className:"text-[13px] sm:text-[18px] font-semibold mr-4 hidden xsp:flex",children:J("text-sort-by",{ns:"common"})}),(0,a.jsx)("select",{id:"sort",name:"sort",className:"sort-field py-0 border-grey-400 rounded-[6px] h-[30px] sm:h-[42px] lg:h-[48px] w-full max-w-[125px] sm:max-w-[196px] sm:w-[196px] bg-white focus:!border-grey-500 focus:outline-none focus:border-1 placeholder:!text-gray-500 placeholder:text-[11px] sm:placeholder:text-[14px] text-[11px] sm:text-[14px]",value:ee,onChange:ei,"data-testid":`${z}-input-select-sortBy`,children:Y.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})]})]}),(0,a.jsx)("h1",{className:"text-[24px] lg:text-[40px] font-medium text-gray-900 mb-2 capitalize","data-testid":`${z}-text-brand-name`,children:r?.toLowerCase()})]}),(0,a.jsx)("div",{className:"flex justify-between items-center landing-one-search-bar relative mb-8",children:(0,a.jsx)("div",{className:"flex",children:(0,a.jsx)(g,{page:z,brand:r,locale:e,setSearchText:V,setSearchQuery:H,handleSearchSubmit:en})})}),(0,a.jsx)("div",{className:"w-full clear-both",children:(0,a.jsx)("div",{className:"gs-product-grid-main-wrap gs-gri

1d-item-wrap gs-maple-grid-wrap grid grid-cols-2 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 1xl:grid-cols-5 2xl:grid-cols-6 4xl:grid-cols-6 gap-3 md:gap-4 2xl:gap-5",children:ej?.map((e,s)=>(0,a.jsx)("div",{className:"relative borobazar-alpine-product-card rounded-[10px] bg-white-- transition-all hover:shadow-product-hover shadow-bestSeller bg-white",children:(0,a.jsx)(d.A,{product:e?.document||e,page:z,uniqueKey:`${ep}[${s+1}]`})},`${ep}-${s}`))})}),eS&&(0,a.jsx)("div",{className:"text-center",children:J("text-no-products-found")}),eo&&(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(v.A,{})}),eN&&(0,a.jsx)("div",{className:"flex justify-center items-center w-full sm:w-[412px] h-[63px] mx-auto mt-4 mb-9 px-2 sm:px-0",children:(0,a.jsx)(u.A,{className:"min-w-[126px] md:min-w-[207px] h-[56px]-- px-3 md:px-6 lg:px-12 py-4 lg:py-5 !mx-4 text-[15px] md:text-[16px] rounded-md !font-normal font-poppins leading-4 bg-brand-darkblue text-white shadow-sm transition-shadow duration-200","data-testid":`${z}-btn-load-more-products`,onClick:ey?er:void 0,disabled:e_,loading:ek,children:J("button-load-more-products",{ns:"common"})})}),e$&&(0,a.jsx)("div",{className:"flex justify-center items-center w-full sm:w-[412px] h-[63px] mx-auto mt-4 mb-9 px-2 sm:px-0",children:(0,a.jsx)(u.A,{className:"min-w-[126px] md:min-w-[207px] h-[56px]-- px-3 md:px-6 lg:px-12 py-4 lg:py-5 !mx-4 text-[15px] md:text-[16px] rounded-md !font-normal font-poppins leading-4 bg-brand-darkblue text-white shadow-sm transition-shadow duration-200","data-testid":`${z}-btn-load-more-products`,onClick:()=>{Z(e=>e+y.b.BRAND_PRODUCTS_LIMIT)},children:J("button-load-more-products",{ns:"common"})})}),(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row mt-20 md:mt-7 justify-center gap-[12px] md:gap-[15px]",children:[et[0]?.image?.url&&(0,a.jsx)("div",{className:"flex w-[100%] max-w-[100%] lg:w-[47%] relative lg:overflow-hidden",children:(0,a.jsx)(n.A,{src:et[0]?.image?.url,alt:`${et[0]?.title}`,fill:!0,quality:75,loading:"lazy",sizes:"(max-width: 768px) 100vw, 47vw",className:"object-cover rounded-md bg-fill-thumbnail !relative","data-testid":`${z}-img-brand-banner[1]`,onError:()=>ew(0)})}),et[1]?.image?.url&&(0,a.jsx)("div",{className:"flex w-[100%] max-w-[100%] lg:w-[53%] relative overflow-hidden",children:(0,a.jsx)(n.A,{src:et[1]?.image?.hasError?et[1]?.image?.fallbackUrl||"/assets/images/comingsoon-bg.png":et[1]?.image?.url,alt:`${et[1]?.title}`,fill:!0,quality:75,loading:"lazy",sizes:"(max-width: 768px) 100vw, 47vw",className:"object-cover rounded-md bg-fill-thumbnail !relative","data-testid":`${z}-img-brand-banner[2]`,onError:()=>ew(1)})})]}),(0,a.jsx)("div",{className:"flex mt-4 justify-center",children:et[2]?.image?.url&&(0,a.jsx)("div",{className:"flex w-[100%] relative overflow-hidden px-2 md:px-0",children:(0,a.jsx)(n.A,{src:et[2]?.image?.hasError?et[2]?.image?.fallbackUrl||"/assets/images/comingsoon-bg.png":et[2]?.image?.url,alt:`${et[2]?.title}`,fill:!0,quality:75,loading:"lazy",sizes:"(max-width: 1920px) 100vw, 47vw",className:"object-cover rounded-md bg-fill-thumbnail !relative","data-testid":`${z}-img-brand-banner[3]`,onError:()=>ew(2)})})}),(0,a.jsx)("div",{className:"flex flex-col lg:flex-row mt-4 justify-center gap-[12px] md:gap-[15px]",children:(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row mt-4 justify-center gap-[12px] md:gap-[15px] w-full",children:[et[3]?.image?.url&&(0,a.jsx)("div",{className:"flex w-[100%] max-w-[100%] lg:w-[47%] relative overflow-hidden px-2 md:px-0",children:(0,a.jsx)(n.A,{src:et[3]?.image?.hasError?et[3]?.image?.fallbackUrl||"/assets/images/comingsoon-bg.png":et[3]?.image?.url,alt:`${et[3]?.title}`,fill:!0,quality:75,loading:"lazy",sizes:"(max-width: 768px) 100vw, 47vw",className:"object-cover rounded-md bg-fill-thumbnail !relative","data-testid":`${z}-img-brand-banner[4]`,onError:()=>ew(3)})}),et[4]?.image?.url&&(0,a.jsx)("div",{className:"flex w-[100%] max-w-[100%] lg:w-[53%] relative overflow-hidden px-2 md:px-0",children:(0,a.jsx)(n.A,{src:et[4]?.image?.hasError?et[4]?.image?.fallbackUrl||"/assets/images/comingsoon-bg.png":et[4]?.image?.url,alt:`${et[4]?.title}`,fill:!0,quality:75,loading:"lazy",sizes:"(max-width: 768px) 100vw, 47vw",className:"object-cover rounded-md bg-fill-thumbnail !relative","data-testid":`${z}-img-brand-banner[5]`,onError:()=>ew(4)})})]})}),(0,a.jsxs)("div",{className:"flex mt-7 w-full flex-col products-scroller-component",children:[(0,a.jsx)("div",{className:"font-sofia-pro",children:(0,a.jsxs)("div",{className:"flex items-center justify-between py-4",children:[(0,a.jsxs)("div",{className:"flex items-center flex-grow",children:[(0,a.jsx)("h2",{className:"mr-8 whitespace-nowrap font-medium text-[36px] text-black",children:J("text-bestsellers")}),(0,a.jsx)("div",{className:"h-[1px] bg-grey-400 flex-grow"})]}),(0,a.jsxs)("div",{className:"flex items-center ml-5",children:[(0,a.jsx)(u.A,{variant:"border",className:"nav-button border border-gray-300 transition-[border-color] duration-300 !p-1 !h-full rounded-full border-solid hover:border-gray-600 mr-2",onClick:()=>ef("prev"),"data-testid":`${z}-btn-prev-bestseller`,"aria-label":J("aria-label-previous-bestseller"),children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",className:"w-4 h-4 stroke-grey-500 hover:stroke-grey-950 transition-[stroke] duration-300",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 19l-7-7 7-7"})})}),(0,a.jsx)(u.A,{variant:"border",className:"nav-button border border-gray-300 transition-[border-color] duration-300 !p-1 !h-full rounded-full border-solid hover:border-gray-600",onClick:()=>ef("next"),"data-testid":`${z}-btn-next-bestseller`,"aria-label":J("aria-label-next-bestseller"),children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,className:"w-4 h-4 stroke-grey-500 hover:stroke-grey-950 transition-[stroke] duration-300",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})})]})]})}),(0,a.jsxs)("div",{className:"w-full",children:[(!em||0===em.length)&&(0,a.jsx)("div",{children:J("text-no-products-found")}),(0,a.jsx)(b.A,{breakpoints:{1920:{slidesPerView:6},1440:{slidesPerView:5},1024:{slidesPerView:4},640:{slidesPerView:3},0:{slidesPerView:2}},className:"-mt-4 shadow-bestSeller",onSwiper:e=>{eg.current=e}

1,swiperClass:"swiper-product gs-product-grid-main-wrap gs-grid-item-wrap gs-maple-grid-wrap !grid grid-cols-2 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 1xl:grid-cols-5 2xl:grid-cols-6 4xl:grid-cols-6 gap-3 md:gap-4 2xl:gap-5 !pb-[70px]",prevButtonClassName:"bestseller-slide-prev-btn opacity-0 !w-[0px] !h-[0px] !p-0",nextButtonClassName:"bestseller-slide-next-btn opacity-0 !w-[0px] !h-[0px] !p-0",children:em&&em.length>0&&(0,a.jsx)(a.Fragment,{children:em&&[...em].map((e,s)=>(0,a.jsx)(f.qr,{className:"px-1.5 md:px-2 xl:px-2.5 py-4 min-h-[inherit]",children:(0,a.jsx)("div",{className:"relative borobazar-alpine-product-card rounded-[10px] bg-white-- transition-all hover:shadow-product-hover bg-white shadow-bestSeller min-h-[inherit] h-full",children:(0,a.jsx)(d.A,{product:e,page:z,uniqueKey:`${eu}-bestseller[${s+1}]`})},`${eu}-${s}`)},`${eu}-${s}`))})})]})]})]}),(0,a.jsx)("div",{className:"w-full -mt-[40px] lg:-mt-[70px]",children:(0,a.jsx)(c.default,{})})]})]})}S.Layout=r.A},33142:(e,s,t)=>{"use strict";t.d(s,{A:()=>f});var a=t(94458),r=t(68658),l=t(18518),i=t.n(l),n=t(66492),d=t.n(n);let o=({pathname:e,children:s,activeClassName:t,href:l,...i})=>{let n=r.Children.only(s),o=n.props.className||"",c=e===l?`${o} ${t}`.trim():o;return(0,a.jsx)(d(),{href:l,...i,children:(0,r.cloneElement)(n,{className:c||null})})};function c(e){return e.replace(/-/g," ").replace(/\.html/gi,"").toLowerCase()}function m(e){return e.includes("/brand/")||/\.html$/i.test(e)?e:`${e}.html`}var x=t(45193),p=t(61739),u=t(12909);let h=({children:e,...s})=>(0,a.jsx)("li",{className:"text-sm text-brand-muted px-2.5 transition duration-200 ease-in ltr:first:pl-0 rtl:first:pr-0 ltr:last:pr-0 rtl:last:pl-0 hover:text-brand-dark",...s,children:e}),g=({children:e,...s})=>(0,a.jsx)("li",{className:"text-base text-brand-dark mt-[1px]",...s,children:e}),b=e=>{let s=r.Children.toArray(e.children),t=(s=s.map((e,s)=>(0,a.jsx)(h,{children:e},`breadcrumb_item${s}`))).length-1;return s=s.reduce((s,r,l)=>(l<t?s.push(r,(0,a.jsx)(g,{children:e.separator},`breadcrumb_sep${l}`)):s.push(r),s),[]),(0,a.jsx)("div",{className:"flex items-center mb-0 sm:mb-5",children:(0,a.jsx)("ol",{className:"flex flex-wrap items-center w-full overflow-hidden",children:s})})},f=({separator:e=(0,a.jsx)(p.ZK4,{className:"text-brand-dark text-opacity-40 text-15px"}),pathname:s})=>{let t=(0,r.useMemo)(()=>{let e;return(e=(s||"").split("/")).shift(),e.map((s,t)=>({breadcrumb:s,href:"/"+e.slice(0,t+1).join("/")}))},[s]),{t:l}=(0,x.Bd)(["common","categories"]),n="https://www.foodservicedirect.com",d=(0,r.useMemo)(()=>t?{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:l("common:breadcrumb-home"),item:`${n}/`},...t.map((e,s)=>{let t=m(e.href);return{"@type":"ListItem",position:s+2,name:c(e.breadcrumb).replace(/\b\w/g,e=>e.toUpperCase()),item:`${n}${t}`}})]}:null,[t,n,l]);return(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)(i(),{children:(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(d)}})}),(0,a.jsxs)(b,{separator:e,children:[(0,a.jsx)(o,{pathname:s,legacyBehavior:!0,href:u.b.HOME,activeClassName:"font-semibold text-heading",children:(0,a.jsxs)("a",{className:"inline-flex items-center",children:[(0,a.jsx)(p.M14,{className:"ltr:mr-1.5 rtl:ml-1.5 text-brand-dark text-15px"}),l("common:breadcrumb-home")]})}),t?.map(e=>(0,a.jsx)(o,{pathname:s,href:m(e.href),activeClassName:"font-semibold text-heading",legacyBehavior:!0,children:(0,a.jsx)("a",{className:"capitalize",children:l(c(e.breadcrumb).replace(/\b\w/g,e=>e.toLowerCase()),{ns:"categories"})})},e.href))]})]})}},48922:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/brand/[brand]",function(){return t(12359)}])}},e=>{e.O(0,[4034,4639,2696,4455,6492,6485,8373,3305,4131,4463,636,6593,8792],()=>e(e.s=48922)),_N_E=e.O()}]);