https://cdn.petsathome.com/public/static/store/1.1.7631/_next/static/chunks/99097-18386fa359b579e8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99097],{27286:(e,t,r)=>{"use strict";r.d(t,{S:()=>d,l:()=>a});var n=r(55729),i=r(4308),l=r(95913),s=r(93251);function a(e,t){let r=(0,s.jE)(t);return d({filters:{...e,status:"pending"}},r).length}function o(e,t){return e.findAll(t.filters).map(e=>t.select?t.select(e):e.state)}function d(e={},t){let r=(0,s.jE)(t).getMutationCache(),a=n.useRef(e),c=n.useRef(null);return null===c.current&&(c.current=o(r,e)),n.useEffect(()=>{a.current=e}),n.useSyncExternalStore(n.useCallback(e=>r.subscribe(()=>{let t=(0,i.BH)(c.current,o(r,a.current));c.current!==t&&(c.current=t,l.jG.schedule(e))}),[r]),()=>c.current,()=>c.current)}},32474:(e,t,r)=>{"use strict";r.d(t,{v:()=>d});var n=r(6029),i=r(88684),l=r(83005),s=r(27367),a=r(20444),o=r(2567);let d=({variant:e="horizontal",size:t,title:r,additionalClassName:d,theme:c,shouldShowIcon:u=!0,..._})=>{let{t:p}=(0,i.m)("common"),{webIsSubscribeSaveEnabled:f=!1}=(0,o.ut)(["webIsSubscribeSaveEnabled"]),h=p("subscribe_and_save");return f&&!u?(0,n.jsx)("span",{className:(0,a.p)(["type-w-semibold",d]),children:h}):f&&"stacked"===e?(0,n.jsx)(s.J,{title:h,additionalClassName:d,theme:c,..._}):f?(0,n.jsx)(s.I,{title:h,size:t,additionalClassName:d,theme:c,..._}):"stacked"===e?(0,n.jsx)(l.I,{title:r,additionalClassName:d,theme:c,..._}):(0,n.jsx)(l.r,{title:r,size:t,additionalClassName:d,theme:c,..._})}},47763:(e,t,r)=>{"use strict";r.d(t,{K:()=>s});var n=r(6029),i=r(55729),l=r(52316);let s=({children:e,index:t,additionalClassName:r})=>{let{registerPanels:s,unregisterPanels:a,getPanelMap:o,triggerId:d,panelId:c,activeItemIndex:u}=(0,l.f)(),_=(0,i.useRef)(null),p=u===t,f=(0,i.useCallback)(()=>o(),[o]);return(0,i.useEffect)(()=>{if(p)return s(_.current),()=>a()},[f,s,a,p]),(0,n.jsx)("div",{role:"tabpanel",id:c+t,"aria-labelledby":d+t,tabIndex:p?0:-1,ref:_,hidden:!p,className:r,children:p&&e})}},52316:(e,t,r)=>{"use strict";r.d(t,{f:()=>a,i:()=>o});var n=r(6029),i=r(55729),l=r(5112);let s=(0,i.createContext)(void 0),a=()=>{let e=(0,i.useContext)(s);if(void 0===e)throw Error("useTabsContext was used outside of its provider");return e},o=({children:e,activeItem:t=0,onChange:r,size:a,theme:o,disableScroll:d})=>{let c=(0,i.useId)(),u=`trigger${c}`,_=`panel${c}`,p=(0,i.useRef)(null),[f,h]=(0,i.useState)(t);(0,i.useEffect)(()=>{h(t)},[t]);let{activeOption:m,getItemsMap:b,handleChangeActiveOption:y,handleArrowEvent:v,registerItem:g,unregisterItem:x}=(0,l.p)(),{getItemsMap:w,registerItem:C,unregisterItem:j}=(0,l.p)(),E=(0,i.useCallback)(()=>b(),[b]);(0,i.useEffect)(()=>{let e=E().get(t.toString());e&&y({element:e,index:t,domId:e.id,disableScroll:d})},[t,E,y,d]);let N=(0,i.useMemo)(()=>({activeOption:m,handleChangeActiveOption:y,registerTriggers:g,unregisterTriggers:x,registerPanels:C,unregisterPanels:j,triggerId:u,panelId:_,getTriggerMap:b,getPanelMap:w,handleArrowEvent:v,activeItemIndex:f,setActiveItemIndex:h,size:a,theme:o,tabListRef:p,onChange:r}),[m,y,g,x,C,j,u,_,b,w,v,f,h,a,o,p,r]);return(0,n.jsx)(s.Provider,{value:N,children:e})}},56707:(e,t,r)=>{"use strict";r.d(t,{w:()=>o});var n=r(6029),i=r(20444),l=r(52316),s=r(75311),a=r.n(s);let o=({ref:e,children:t,additionalClassName:r,...s})=>{let{tabListRef:o,size:d,theme:c}=(0,l.f)();return(0,n.jsx)("div",{...s,role:"tablist",className:(0,i.p)([a()["tab-list"],c&&a()[c],"small"===d?"body":"type-attention",r]),ref:((...e)=>t=>{for(let r of e){if(!r)return;r.current=t}})(o,e),children:t})}},66453:(e,t,r)=>{"use strict";r.d(t,{y:()=>c});var n=r(6029),i=r(55729),l=r(20444),s=r(51717),a=r(52316),o=r(75311),d=r.n(o);let c=({children:e,isDisabled:t,activeIconName:r,inactiveIconName:o,additionalClassName:c,hasIndicator:u,index:_,disableScroll:p})=>{let{registerTriggers:f,unregisterTriggers:h,triggerId:m,panelId:b,getTriggerMap:y,activeOption:v,handleChangeActiveOption:g,handleArrowEvent:x,activeItemIndex:w,setActiveItemIndex:C,onChange:j,tabListRef:E}=(0,a.f)(),N=(0,i.useRef)(null),[R,k]=(0,i.useState)("0px"),[I,L]=(0,i.useState)("0px"),S=w===_,B=m+_,M=b+_,z=(0,i.useCallback)(e=>{if(E.current&&"number"==typeof e){let t=E.current.children[e];k(`${t?.offsetLeft??0}px`),L(`${t?.getBoundingClientRect().width??0}px`)}},[E]),D=e=>{C(e),j&&j(e)},O=(0,i.useCallback)(()=>y(),[y]);return(0,i.useEffect)(()=>{let e=N.current;if(e)return f(e),()=>h()},[O,f,h]),(0,i.useEffect)(()=>{z(w)},[v,w,z]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("button",{role:"tab",id:B,className:(0,l.p)([d().tab,S&&d().active,c]),ref:N,"aria-controls":M,"aria-selected":S,tabIndex:S?0:-1,onClick:()=>{N.current&&(D(_),g({element:N.current,domId:B,index:_,disableScroll:p}))},onKeyDown:e=>{switch(e.code){case"ArrowRight":case"ArrowLeft":{let t=x(e,e.code);t?.element?.focus(),D(t?.index??0)}}},disabled:t,children:[e,r&&o&&(0,n.jsx)("span",{className:d().icon,children:(0,n.jsx)(s.I,{iconName:S?r:o,size:"small",color:"black","aria-hidden":"true",title:S?r:o})})]}),S&&u&&(0,n.jsx)("span",{className:d().underline,style:{"--underline-width":I,"--underline-x":R}})]})}},75311:e=>{e.exports={"type-tiny":"tab_type-tiny__x5yoV","type-caption":"tab_type-caption__ROhou","type-body":"tab_type-body__3KgW6","type-body-fluid":"tab_type-body-fluid__18SCG","type-button":"tab_type-button__mhqh_","type-attention":"tab_type-attention__X1swt","type-subheading":"tab_type-subheading__qOMj7","type-helpetica":"tab_type-helpetica__ZQdxX","type-heading":"tab_type-heading__W3gwD","type-hero":"tab_type-hero__hY9_B","type-w-extra-bold":"tab_type-w-extra-bold__3Y8d_","type-w-bold":"tab_type-w-bold__XRCC3","type-w-medium":"tab_type-w-medium___v342","type-w-regular":"tab_type-w-regular___3skF","type-w-semibold":"tab_type-w-semibold__aMgxt",underline:"tab_underline__ou8X6",tab:"tab_tab__wN8FA",active:"tab_active__afA7u","tab-list":"tab_tab-list__6RRGR",white:"tab_white__BmRn9",dark:"tab_dark__cQU91",icon:"tab_icon__R_7_X"}},90595:e=>

1{e.exports={"type-tiny":"action-slider_type-tiny__pWleM","type-caption":"action-slider_type-caption__whnKw","type-body":"action-slider_type-body__lc73m","type-body-fluid":"action-slider_type-body-fluid__cHapM","type-button":"action-slider_type-button__j3BUz","type-attention":"action-slider_type-attention__l__6y","type-subheading":"action-slider_type-subheading__OwQVC","type-helpetica":"action-slider_type-helpetica__nbvCn","type-heading":"action-slider_type-heading__wQ6Df","type-hero":"action-slider_type-hero__vOQ5h","type-w-extra-bold":"action-slider_type-w-extra-bold__wG0Ko","type-w-bold":"action-slider_type-w-bold__aU_px","type-w-medium":"action-slider_type-w-medium__kEDPB","type-w-regular":"action-slider_type-w-regular__VY2BP","type-w-semibold":"action-slider_type-w-semibold__DL_S6",root:"action-slider_root__IAyqV",wrapper:"action-slider_wrapper__pn_u_",drag:"action-slider_drag__S9rq5",items:"action-slider_items__S5G3y",slider:"action-slider_slider__YSTE7",item:"action-slider_item__832r9","link-item":"action-slider_link-item__N_aXn",active:"action-slider_active__18vil","slider-navigation":"action-slider_slider-navigation__gp_r8","inline-with-slider":"action-slider_inline-with-slider__F5Hrh","slider-control-button":"action-slider_slider-control-button__iqHtj",next:"action-slider_next__yXfzb","inline-with-progress":"action-slider_inline-with-progress__QvmKy",hidden:"action-slider_hidden__D_W56"}},95347:(e,t,r)=>{"use strict";r.d(t,{a:()=>C});var n=r(6029),i=r(12683),l=r(55729),s=r(54363),a=r(8844),o=r(12364),d=r.n(o),c=r(20444),u=r(13870),_=r(51717),p=r(5879),f=r(78503),h=r(52316),m=r(56707),b=r(47763),y=r(66453),v=r(90595),g=r.n(v);let x={leftIcon:"chevronLeft",rightIcon:"chevronRight"},w=Array.from({length:50},(e,t)=>t/51),C=({baseUrl:e,buttonItems:t,linkItems:r,activeItemIndex:o,defaultActiveItemIndex:v,onTabClick:C,labels:j,arrowBackgroundCssVar:E="--c-neutral-white",additionalClassNames:N,iconNames:R=x,iconsInLineWithProgress:k,hasProgressBar:I,shouldHideControlsOnMobile:L,progressBarTheme:S,hasIndicator:B,type:M,children:z,scrollPerItem:D,theme:O,disableScroll:A})=>{let X=(0,l.useRef)(null),K=(0,l.useRef)(null),P=(0,l.useRef)(null),Q=(0,s.a)(),T=void 0!==o&&void 0!=C,[$,G]=(({isControlled:e,controlledIndex:t,defaultIndex:r})=>{let[n,i]=(0,l.useState)(r??0);return[e&&null!=t?t:n,e?null:i]})({isControlled:T,controlledIndex:o,defaultIndex:v}),[q,F]=(0,l.useState)(0),H=(0,l.useId)(),V=(0,l.useId)(),W="link"===M?H:V,{handleNext:Y,handlePrev:U,hideNextByScrollPosition:J,hidePrevByScrollPosition:Z,isDragActive:ee,wasDragged:et,elems:er}=((e,t,r,n,s)=>{let o=(0,a.h)(i.CN),c=(0,a.h)(i.OQ),[u,_]=(0,l.useState)([]),[p,f]=(0,l.useState)(!0),[h,m]=(0,l.useState)(!0),[b,y]=(0,l.useState)(!1),[v,g]=(0,l.useState)(!1),x=(0,l.useRef)(!1),w=o&&c,C=(e="next")=>{if(r.current){if(s&&u.length>0){var t;let n,i,l;return void(t=(()=>{let e=r.current;if(!e)return 0;let t=e.getBoundingClientRect(),n=u.findIndex(e=>{let r=e.getBoundingClientRect();return r.left>=t.left-1&&r.right<=t.right+1});return -1===n?0:n})(),n="next"===e?Math.min(t+1,u.length-1):Math.max(t-1,0),(i=u[n])&&(l=r.current,i&&l&&l.scrollTo({left:i.offsetLeft,behavior:"smooth"})))}(e=>{let t,n,i=r.current;if(!i)return;let l=i.scrollLeft??0,s="next"===e?(t=r.current,n=t?.getBoundingClientRect().x??0,u.find(e=>Math.floor(e.getBoundingClientRect().x-n)>=48)):(()=>{for(let e=u.length-1;e>=0;e--){let t=u[e];if(t.getBoundingClientRect().x<0)return t}return null})(),a=Math.floor(l+(s?.getBoundingClientRect().x??0));"prev"===e&&l<(s?.clientWidth??0)&&(a=0),0!==l&&0!==a&&(a-=48),i.scroll({left:a,behavior:"smooth"})})(e)}},j=(0,l.useRef)(null),E=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let t=r.current;if(!t||!e||j.current)return;let n=()=>{let e=r.current;if(!e)return;let{scrollWidth:t,clientWidth:n,scrollLeft:i}=e,l=0>=Math.floor(t-n-i);f(n>=t||l),m(n>=t||i<=0)};E.current=n;let i=new ResizeObserver(((e,t=200)=>{let r;return()=>{clearTimeout(r),r=setTimeout(e,t)}})(n));i.observe(t),j.current=i;let l={passive:!0};return t.addEventListener("scroll",n,l),n(),()=>{if(j.current){try{j.current.disconnect()}catch{}j.current=null}t.removeEventListener("scroll",n,l),E.current=null}},[e,r]),(0,l.useEffect)(()=>{E.current&&E.current()},[u]),(0,l.useEffect)(()=>{let e=t.current;e&&_(Array.from(e.children))},[t]),(0,l.useEffect)(()=>

1{if(!w)return;let e=r.current;if(!e)return;let t=0,n=e.scrollLeft??0,i=!1,l=(e=!0)=>{i=e},s=r=>{t=r.pageX-(e.offsetLeft??0),n=e.scrollLeft??0,g(!1),l()},a=()=>{l(!1),y(!1)},o=r=>{i&&e&&(e.scrollLeft!==n&&(g(!0),y(!0)),r.preventDefault(),e.scrollLeft=n-(r.pageX-e.offsetLeft-t))};return e.addEventListener("mousedown",s),e.addEventListener("mouseleave",a),e.addEventListener("mouseup",a),e.addEventListener("mousemove",o),()=>{e.removeEventListener("mousedown",s),e.removeEventListener("mouseleave",a),e.removeEventListener("mouseup",a),e.removeEventListener("mousemove",o)}},[w,r]),(0,l.useEffect)(()=>{let e=t.current,i=r.current;if(!e||!i||null==n||!x.current){x.current=!0;return}let l=e.childNodes[n];l&&l.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"});let s=()=>{let t=e.childNodes[n];if(t){let{width:e}=i.getBoundingClientRect(),{width:r}=t.getBoundingClientRect(),n=t.offsetLeft-e/2+r/2;i.scrollTo({left:n,behavior:"smooth"})}},a=d()(s,100);return window.addEventListener("resize",a),s(),()=>{window.removeEventListener("resize",a)}},[t,r,n]),{handleNext:()=>C(),handlePrev:()=>C("prev"),hideNextByScrollPosition:p,hidePrevByScrollPosition:h,isDragActive:b,wasDragged:v,elems:u}})(Q,X,K,$,D),en=!(0,a.h)(i.GJ)&&!!L,{leftIcon:ei,rightIcon:el}=R,es={slider:"slider",next:"next",prev:"previous",...j},ea={className:(0,c.p)([N?.slider,g().slider]),ref:X,tabIndex:0},eo=(0,c.p)([N?.wrapper,g().wrapper,ee&&g().drag]),ed=({isPrev:e,handleOnClick:t,ariaControls:r,hide:n,additionalClassNames:i})=>({className:(0,c.p)([g()["slider-control-button"],(n||en)&&g().hidden,k&&g()["inline-with-progress"],i?.sliderControlButton,!e&&g().next]),onClick:t,style:{backgroundColor:`var(${E})`},"aria-controls":r}),ec=(0,l.useCallback)(e=>{Q&&F(Math.round(er.length*e[0]?.intersectionRatio))},[er.length,Q]);(0,l.useEffect)(()=>{let e=X.current,t=K.current;if(I&&e&&t)return P.current=new IntersectionObserver(ec,{root:t,rootMargin:"0px 0px 0px 3000px",threshold:w}),P.current?.observe(e),()=>{P.current?.disconnect()}},[P,ec,I]);let eu="tab"===M,e_=eu?h.i:l.Fragment,ep=eu?{size:"small",theme:O??"dark",onChange:e=>{if(!et){if(T)return void C(e);G?.(e)}},activeItem:$,disableScroll:A}:{},ef=eu?l.Children.toArray(z):[];return(0,n.jsxs)(e_,{...ep,children:[(0,n.jsxs)("div",{className:(0,c.p)([g().root,N?.root]),children:[(0,n.jsxs)("div",{className:eo,ref:K,children:["link"===M&&(0,n.jsx)("nav",{...ea,"aria-label":es.slider,id:H,children:r?.map(({title:t,href:r,path:i},l)=>t&&(r||e&&i)&&(0,n.jsx)(f.Y,{url:r??(e&&i?(0,u.H)(`${e}${i}`):""),additionalClassName:(0,c.p)([g()["link-item"],g().item,l===$&&g().active,N?.item]),isUnstyled:!0,onMouseDown:e=>e.preventDefault(),onClick:e=>et&&e.preventDefault(),children:(0,n.jsx)("span",{className:(0,c.p)([g().text,"type-caption"]),children:t})},t))}),eu&&(0,n.jsx)(m.w,{...ea,additionalClassName:ea.className,id:V,"aria-label":es.slider,children:t.map(({content:e,id:r},i)=>(0,n.jsx)(y.y,{index:i,isDisabled:ee,hasIndicator:B,disableScroll:A,additionalClassName:(0,c.p)([g().item,$===i&&g().active,N?.item,t[i].additionalClassName]),children:e},r))})]}),(!J||!Z)&&(0,n.jsxs)("div",{className:(0,c.p)([g()["slider-navigation"],N?.navigation,!k&&g()["inline-with-slider"]]),children:[(0,n.jsx)("button",{"aria-label":es.prev,...ed({isPrev:!0,handleOnClick:U,ariaControls:W,hide:Z,additionalClassNames:N}),children:(0,n.jsx)(_.I,{iconName:ei})}),I&&(0,n.jsx)(p.z,{numOfPositions:er.length,currentPosition:q,additionalClassNames:{progress:N?.progress},hiddenText:es.progress,theme:S}),(0,n.jsx)("button",{"aria-label":es.next,...ed({handleOnClick:Y,ariaControls:W,hide:J,additionalClassNames:N}),children:(0,n.jsx)(_.I,{iconName:el})})]})]},M),eu&&ef.map((e,r)=>(0,n.jsx)(b.K,{index:r,children:e},t[r].id))]})}}}]);