https://www.freshpet.com/_next/static/chunks/1515.107e9a9eb1c87708.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1515],{1515:(e,t,l)=>{"use strict";l.r(t),l.d(t,{IMAGE_BASED_CARD_BADGE_STYLE:()=>b,IMAGE_BASED_CARD_LAYOUT:()=>f,default:()=>S});var a=l(6029),r=l(5729),s=l(5212),n=l(3059),i=l(2988),o=l.n(i),d=l(1278),c=l(1353),x=l(9344),m=l(5035);let p=({className:e,lines:t,text:l})=>{let r=(t??[]).filter(e=>e?.text?.trim()).slice(0,3),s=r.length?r:l?.trim()?[{text:l,fontSize:"Standard"}]:[];return s.length?(0,a.jsxs)("span",{className:o()("inline-flex size-[140px] shrink-0 items-center justify-center text-center text-neutral-900",e),children:[(0,a.jsx)("svg",{"aria-hidden":"true",className:"absolute inset-0 size-full",viewBox:"120 12 138 138",children:(0,a.jsx)("path",{d:"M161.213 20.637c-1.126.778-1.842 2.195-2.768 5.457-.832 2.965-1.077 3.67-1.597 4.644-1.132 2.092-2.134 2.36-7.451 2.029-3.67-.22-3.996-.22-5.18.098-1.123.301-1.665.706-2.149 1.573-.634 1.156-.761 2.383-.549 5.318.262 3.691.273 4.783.061 5.815-.128.653-.556 1.407-1.029 1.826-.796.712-1.402.961-4.816 1.984-3.464 1.037-4.348 1.382-5.244 2.002-1.023.718-1.456 1.409-1.587 2.539-.044.402.034.814.383 2.119.372 1.385.566 1.908 1.391 3.692 1.171 2.548 1.545 3.619 1.647 4.61.177 1.915-.589 2.901-4.406 5.657-1.057.75-2.134 1.548-2.403 1.761-1.318 1.069-2.288 2.51-2.361 3.494-.099 1.534.751 2.921 3.563 5.766 2.603 2.63 3.208 3.433 3.565 4.725.208.735.219.938.103 1.436-.227 1.014-.895 2.245-2.57 4.699-1.751 2.572-2.399 3.797-2.646 4.98-.136.665-.133.838.062 1.566.195.728.279.879.729 1.387.806.9 1.979 1.637 4.782 2.989 5.844 2.825 6.141 3.449 4.548 9.686-.897 3.536-1.051 4.781-.726 5.994.225.84.623 1.394 1.347 1.872 1.144.745 2.228.986 5.807 1.349 4.813.477 5.911.931 6.735 2.792.394.902.613 2.166.875 5.044.144 1.631.245 2.211.608 3.566.38 1.459.47 1.673.811 2.135.774 1.028 2.026 1.451 3.805 1.289.571-.055 2.207-.385 4.247-.867 3.519-.834 4.158-.919 5.214-.703.586.125 1.343.561 1.742.997.719.782 1.19 1.61 2.649 4.623 1.86 3.826 2.843 4.983 4.514 5.272.523.088.766.066 1.536-.14 1.184-.317 1.476-.482 4.535-2.505 4.428-2.943 5.43-3.211 7.405-1.995.998.61 1.535 1.073 3.767 3.25 1.831 1.775 2.982 2.67 3.977 3.065 1.369.533 2.503.315 3.727-.706.807-.672 1.425-1.401 2.82-3.358 1.605-2.229 2.225-2.991 2.938-3.649.899-.815 1.567-1.156 2.362-1.185 1.254-.054 2.424.304 5.51 1.7 3.059 1.38 4.023 1.697 5.302 1.733.765.023 1.299-.131 1.887-.527 1.118-.766 1.844-2.185 2.768-5.457.844-3.001 1.077-3.671 1.637-4.699 1.102-2.04 2.103-2.309 7.41-1.974 3.671.219 3.996.219 5.18-.098 1.124-.301 1.666-.707 2.149-1.574.634-1.156.761-2.382.55-5.317-.274-3.775-.262-5.144.019-6.119.174-.567.538-1.152.948-1.522.797-.712 1.402-.961 4.816-1.985 1.768-.527 3.532-1.108 3.92-1.278 1.779-.769 2.643-1.672 2.888-3.028.099-.601.089-.718-.346-2.303-.38-1.416-.574-1.938-1.27-3.443-1.213-2.623-1.655-3.827-1.765-4.806-.217-2.023.515-2.977 4.437-5.784 2.918-2.105 3.737-2.855 4.354-4.072.389-.776.456-1.455.231-2.295-.325-1.214-1.081-2.214-3.625-4.828-3.635-3.73-4.08-4.782-3.035-7.197.335-.773.729-1.409 2.78-4.441 1.19-1.75 1.807-3.01 2.015-4.096.121-.563.104-.786-.08-1.474-.184-.688-.282-.889-.668-1.317-.723-.836-1.887-1.619-3.793-2.539-3.292-1.6-3.951-1.955-4.628-2.456-1.137-.844-1.371-1.15-1.626-2.144-.337-1.297-.214-2.295.725-5.874 1.018-3.893 1.067-5.489.202-6.775-.555-.816-2.115-1.579-3.792-1.845-.339-.05-1.67-.203-2.963-.333-4.692-.467-5.835-.93-6.642-2.686-.404-.9-.619-2.024-.879-4.816-.185-1.945-.27-2.507-.641-3.893-.353-1.315-.489-1.701-.728-2.027-.678-.913-1.399-1.294-2.643-1.405-1.087-.088-2.025.055-5.543.889-3.468.821-4.117.908-5.163.69-.541-.115-1.148-.44-1.582-.844-.731-.704-1.427-1.883-3.077-5.289-1.284-2.648-2.007-3.647-3.134-4.331-.868-.526-1.525-.588-2.696-.264-1.184.318-1.531.519-4.625 2.573-4.281 2.849-5.316 3.115-7.329 1.877-.937-.584-1.502-1.072-3.705-3.224-1.832-1.775-2.982-2.67-3.978-3.064-1.368-.533-2.503-.316-3.726.705-.807.672-1.425 1.401-2.821 3.358-1.604 2.229-2.224 2.992-2.938 3.649-1.927 1.752-3.07 1.657-8.214-.661-2.2-1.004-3.087-1.319-4.134-1.504-1.104-.192-2.019-.045-2.712.445Z",fill:"#FBBF24"})}),(0,a.jsx)("span",{className:"relative z-10 flex w-[100px] -rotate-12 flex-col items-center gap-1 whitespace-normal font-montserrat font-semibold not-italic tracking-normal",children:s.map((e,t)=>{var l;return(0,a.jsx)("span",{className:o()("max-w-full whitespace-nowrap leading-[120%]","Small"===(l=e.fontSize)?"text-[13px]":"Display"===l?"text-[32px]":"text-[18px]"),children:e.text},`${e.text}-${t}`)})})]}):null};var u=l(3606),h=l(6998),g=l(8366);l(7263);

1let f={LegacyGrid:"Legacy Grid",MobileCarousel:"Carousel on Mobile",AlwaysCarousel:"Carousel on All Devices",GridCompactCarousel:"Grid + Compact Carousel"},b={Pill:"Pill",Starburst:"Starburst"},v=e=>"Light Green"===e?c.v8.LightGreen:"Delivery Yellow"===e?c.v8.Delivery:c.v8.DarkGreen,w=(e,t,l)=>`image_based_card_${((e,t=[])=>((0,g.UW)(e,t)??"/").replace(/^\/+|\/+$/g,"").toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"homepage")(e,t)}_${l}`,y=(e,t)=>(0,h.z)(e)?(0,h.l)(e,t,{preserveUtmContent:!0}):e,j=({color:e,text:t})=>t?(0,a.jsx)("span",{className:o()("inline-flex self-center rounded-full px-5 py-2 leading-4 text-p-sm font-semibold",{"bg-primary-700 text-generic-white":"Dark Green"===e,"bg-delivery text-neutral-900":"Dark Green"!==e}),children:t}):null,N=({className:e,lines:t,text:l})=>(0,a.jsx)(p,{className:e,lines:t,text:l}),C=[320,480,640,960,1280,1920,2560],_=({card:e,cardCount:t})=>{let l,r;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"lg:mx-6",children:(0,a.jsx)(m.S,{backgroundVideo:e.backgroundVideo,className:"rounded-[30px] shrink-0",image:e.image,mediaAltText:e.mediaAltText,ratio:m.f.Ratio1x1,transformWidth:1280,responsiveWidths:C,sizes:(r=Math.max(1,(1168-92*((l=Math.max(1,t))-1))/l-48),`(min-width: 1280px) ${r}px, (min-width: 1024px) max(1px, calc(min(1216px, 100vw - 48px) / ${l} - 48px)), calc(100vw - 48px)`),intrinsicWidth:800,intrinsicHeight:800,video:e.video,playButtonAlwaysCenter:!0})}),(0,a.jsx)("h3",{className:"text-h-2xl font-gopher text-center text-neutral-900 shrink-0 mt-6",children:e.heading}),(0,a.jsx)("p",{className:"text-p-base font-medium text-center text-neutral-700 mt-3",children:e.copy})]})},A=({card:e})=>(0,a.jsxs)("article",{className:"flex h-full flex-col text-center",children:[(0,a.jsx)(m.S,{backgroundVideo:e.backgroundVideo,className:"shrink-0 rounded-[20px] border-2 border-generic-white lg:rounded-[30px]",image:e.image,mediaAltText:e.mediaAltText,ratio:m.f.Ratio1x1,transformWidth:640,responsiveWidths:C,sizes:"(min-width: 1024px) calc((min(1016px, 100vw - 48px) - 40px) / 3), 192px",video:e.video,playButtonAlwaysCenter:!0}),(0,a.jsxs)("div",{className:"mt-4 flex grow flex-col lg:mt-5",children:[e.eyebrow&&(0,a.jsx)("p",{className:"text-p-sm font-bold uppercase leading-none text-primary-600",children:e.eyebrow}),e.heading&&(0,a.jsx)("h3",{className:o()("font-gopher text-h-lg text-neutral-900 lg:text-h-2xl",{"mt-1":e.eyebrow}),children:e.heading}),e.copy&&(0,a.jsx)("p",{className:"text-p-lg font-medium text-neutral-700",children:e.copy})]})]}),k=({card:e,layout:t,cardCtaUtmContent:l})=>{let r=t===f.AlwaysCarousel,s=t===f.MobileCarousel;return(0,a.jsxs)("article",{className:o()("flex h-full flex-col",{"overflow-hidden rounded-[20px] bg-generic-white":r}),children:[(0,a.jsx)("div",{className:o()({"lg:mx-6":!r}),children:(0,a.jsx)(m.S,{backgroundVideo:e.backgroundVideo,className:o()("shrink-0",{"rounded-[30px]":!r,"rounded-t-[20px]":r}),image:e.image,mediaAltText:e.mediaAltText,ratio:m.f.Ratio1x1,transformWidth:r?640:1280,responsiveWidths:C,sizes:r?"(min-width: 768px) 280px, calc(100vw - 112px)":"(min-width: 1024px) calc(min(1216px, 100vw - 48px) / 3 - 48px), calc(100vw - 48px)",intrinsicWidth:800,intrinsicHeight:800,video:e.video,playButtonAlwaysCenter:!0})}),(0,a.jsxs)("div",{className:o()("flex grow flex-col",{"px-4 py-6":r}),children:[e.heading&&(0,a.jsx)("h3",{className:o()("text-neutral-900",{"text-center font-gopher text-h-2xl mt-6":!r,"align-middle font-gopher font-medium tracking-normal text-h-2xl md:leading-tight":r}),children:e.heading}),e.copy&&(0,a.jsx)("p",{className:o()("font-medium text-neutral-700",{"mt-3 text-center text-p-base":!r,"mt-3 text-p-base md:mt-2 md:text-p-xs":r}),children:e.copy}),s&&e.buttonLabel&&e.buttonUrl&&(0,a.jsx)("div",{className:"mt-auto flex justify-center pt-5 lg:hidden",children:(0,a.jsx)(c.gZ,{color:v(e.buttonColor),style:c.Dh.Solid,type:c.M$.Auto,href:y(e.buttonUrl,l),eventAction:"c-image-based-card",eventLabel:e.buttonLabel,wrapText:!0,children:e.buttonLabel})})]})]})},S=({layout:e=f.LegacyGrid,background:t,connectToPrevious:l=!1,connectToNext:i=!1,badgeText:m,starburstLines:p,badgeColor:h="Delivery Yellow",badgeStyle:g=b.Pill,showCopy:C,heading:S,copy:L,afterCardsCopy:E,cards:M,buttons:z})=>{let B=(0,s.Et)(),G=(0,d.useRouter)(),R=(0,r.useRef)(null),[T,D]=(0,r.useState)(null),[W,$]=(0,r.useState)(!1),[P,F]=(0,r.useState)(!1),[O,U]=(0,r.useState)(!1),V=Object.values(f).includes(e)?e:f.LegacyGrid,H=Object.values(b).includes(g)?g:b.Pill,Q=V===f.LegacyGrid,Y=V===f.MobileCarousel,I=V===f.AlwaysCarousel,Z=V===f.GridCompactCarousel,q=Y||Z,J=H===b.Starburst,K=p?.some(e=>!!e?.text?.trim())??!1,X=J&&(K||!!m?.trim()),ee=!J&&!!m?.trim(),et=M?.length??0,el=w(G.asPath,G.locales??[],"card_cta"),ea=w(G.asPath,G.locales??[],"section_cta"),er=(0,r.useCallback)(e=>{let t=e??R.current?.splide;if(!t)return;let l=t.Components.Slides.get(),a=l.reduce((e,{slide:t},a)=>e+t.getBoundingClientRect().width+(a<l.length-1&&parseFloat(window.getComputedStyle(t).marginRight)||0),0)>t.root.getBoundingClientRect().width+1,r=t.Components.Elements.track.getBoundingClientRect(),s=l[0]?.slide.getBoundingClientRect(),n=l[l.length-1]?.slide.getBoundingClientRect();D(a),F(a&&!!s&&s.left<r.left-1),U(a&&!!n&&n.right>r.right+1),a||0===t.index||t.go(0)},[]),es=(0,r.useMemo)(()=>({arrows:!1,autoplay:!1,drag:!0,dragMinThreshold:5,easing:"cubic-bezier(.25,.08,.53,.99)",gap:I?"12px":Z?"16px":"20px",keyboard:"focused",mediaQuery:"min",pagination:!1,perMove:1,perPage:1,speed:400,autoWidth:I||Z,breakpoints:q?{1024:{destroy:!0}}:I?{1024:{padding:{left:"200px",right:0}}}:void 0}),[I,Z,q]);(0,r.useEffect)(()=>{let e=window.matchMedia("(min-width: 1024px)"),t=()=>$(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,r.useEffect)(()=>{null!==T&&R.current?.splide?.refresh()},[T]),(0,r.useEffect)(()=>

1{if(!q||W)return;let e=window.requestAnimationFrame(()=>{let e=R.current?.splide;e&&(e.refresh(),er(e))});return()=>window.cancelAnimationFrame(e)},[W,q,er]),(0,r.useEffect)(()=>{B&&R.current?.splide&&R.current.splide.refresh()},[M,B,V]);let en=z?.length?(0,a.jsx)("div",{className:o()("self-center mt-8 md:mt-12",{flex:!Y,"hidden lg:flex":Y}),children:z.map((e,t)=>(0,a.jsx)(c.gZ,{className:o()({"mr-3":t<z.length-1}),color:v(e.color),style:c.Dh.Solid,type:c.M$.Auto,href:y(e.url,ea),eventAction:"c-image-based-card",eventLabel:e.label??"",children:e.label},t))}):null;return(0,a.jsx)("section",{className:o()("c-image-based-card",{"bg-secondary-light-beige":!t||"Light Beige"===t,"bg-primary-400":"Light Green"===t,"pt-15 md:pt-20":"Transparent"!==t&&!l,"pt-4 md:pt-8":"Transparent"!==t&&l,"pb-15 md:pb-20":"Transparent"!==t&&!i,"pb-4 md:pb-8":"Transparent"!==t&&i,"overflow-hidden":!Q,"c-image-based-card--carousel-fits":I&&!1===T}),children:(0,a.jsx)("div",{className:o()("o-container",I?"o-container--2xl":"o-container--xl"),children:(0,a.jsxs)("div",{className:"flex flex-col",children:[ee&&(0,a.jsx)(j,{color:h,text:m}),X&&(0,a.jsx)(N,{className:o()("relative self-center",{"lg:hidden":et>0}),lines:p,text:m}),(0,a.jsxs)("div",{className:o()("flex flex-col lg:flex-row",{"lg:gap-[136px]":C,"mt-4":ee,"mt-8 lg:mt-0":X}),children:[S&&(0,a.jsx)("h2",{className:o()("font-gopher text-h-4xl lg:text-h-5xl text-neutral-700 shrink-0",{"lg:max-w-[384px]":C,"text-center w-full":!C}),children:S}),L&&C&&(0,a.jsx)(u.a,{className:"s-wysiwyg md:text-p-lg font-medium text-neutral-700 mt-4 lg:mt-0",content:L})]}),Q&&(0,a.jsx)("div",{className:"flex flex-col lg:mt-12 lg:flex-row xl:mx-6 xl:gap-[92px]",children:M?.map((e,t)=>(0,a.jsxs)("div",{className:"relative mt-8 flex grow basis-0 flex-col lg:mt-0",children:[X&&0===t&&(0,a.jsx)(N,{className:"absolute -left-8 -top-16 z-30 hidden lg:inline-flex",lines:p,text:m}),(0,a.jsx)(_,{card:e,cardCount:et})]},t))}),!Q&&et>0&&(0,a.jsxs)(n.eB,{ref:R,className:o()("c-image-based-card__carousel o-splide o-splide--overflow mt-8 lg:mt-12",{"c-image-based-card__carousel--mobile":Y,"c-image-based-card__carousel--always":I,"c-image-based-card__carousel--compact":Z}),hasTrack:!1,options:es,onMounted:er,onMoved:er,onRefresh:er,onResized:er,children:[T&&(I||q&&!W)&&(0,a.jsxs)("div",{className:"splide__arrows",children:[(0,a.jsx)("button",{"aria-label":"Previous card",className:"absolute top-1/2 -translate-y-1/2 -left-4 md:left-12 z-20 disabled:opacity-0 disabled:pointer-events-none transition-opacity duration-200 ease-out",disabled:!P,type:"button",onClick:()=>R.current?.splide?.Components.Controller.go("<",!0),children:(0,a.jsx)(x.Q,{left:!0})}),(0,a.jsx)("button",{"aria-label":"Next card",className:"absolute top-1/2 -translate-y-1/2 -right-4 md:right-12 z-20 disabled:opacity-0 disabled:pointer-events-none transition-opacity duration-200 ease-out",disabled:!O,type:"button",onClick:()=>R.current?.splide?.Components.Controller.go(">",!0),children:(0,a.jsx)(x.Q,{})})]}),(0,a.jsx)(n.v9,{children:M.map((e,t)=>(0,a.jsxs)(n.Nn,{className:o()({"w-[calc(100%_-_64px)] md:w-[280px]":I,"w-[192px]":Z}),children:[X&&0===t&&(0,a.jsx)(N,{className:o()("absolute -top-16 z-30 hidden lg:inline-flex",{"-left-8":Y,"-left-16":!Y}),lines:p,text:m}),Z?(0,a.jsx)(A,{card:e}):(0,a.jsx)(k,{card:e,layout:V,cardCtaUtmContent:el})]},t))})]},V),(I||Z)&&E&&(0,a.jsx)("p",{className:"mt-8 hidden text-center font-gopher text-h-4xl font-normal not-italic leading-[120%] tracking-normal text-neutral-900 lg:block",children:E}),en]})})})}},3606:(e,t,l)=>{"use strict";l.d(t,{a:()=>i});var a=l(6029),r=l(2988),s=l.n(r),n=l(7435);let i=({className:e,content:t})=>{let l,r;return t?(0,a.jsx)("div",{className:s()(e,"s-wysiwyg text-wrap"),dangerouslySetInnerHTML:{__html:(l=t.matchAll(/style="(?<props>[^"]*)"/gm),r=(0,n.W)(t),Array.from(l).forEach(e=>{if(e.groups?.props){let l=e.groups.props?.match(/font-size:\s[0-9]+[a-z]*;/);l&&l.length&&l[0]&&(r=t.replaceAll(l[0],""))}}),r)}}):(0,a.jsx)(a.Fragment,{})}},6457:(e,t,l)=>{"use strict";l.d(t,{A:()=>n});var a,r=l(5729);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(this,arguments)}let n=function(e){return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",fill:"

1currentColor",viewBox:"0 0 24 24"},e),a||(a=r.createElement("path",{fillRule:"evenodd",d:"M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06",clipRule:"evenodd"})))}},7263:()=>{},9344:(e,t,l)=>{"use strict";l.d(t,{Q:()=>o});var a=l(6029),r=l(2988),s=l.n(r),n=l(3801),i=l(6457);let o=({className:e,left:t})=>(0,a.jsx)("div",{className:s()(e,"bg-neutral-50 w-9 h-9 md:w-[42px] md:h-[42px] flex justify-center items-center border rounded-full",{"transform rotate-180":t}),children:(0,a.jsx)(n.i,{className:"w-5 h-5 md:w-6 md:h-6",svg:i.A})})}}]);