https://www.chesterzoo.org/_next/static/chunks/5659.a13a7ffbe7b8b776.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5659,9719],{5659:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return c}});var n=a(57437),r=a(66648),o=a(59719),l=a(54477),i=a(83015),s=a(82441),d=a(1921);function c(e){var t;let{heading:a,backgroundImage:c,text:u,donationPanel:f}=e,p=(null==c?void 0:c.focalPoint)?(0,s.Z)(c.focalPoint):"center";return(0,n.jsx)(d.Z,{hidePaddingOnMobile:!0,children:(0,n.jsxs)(d.Z,{className:"donation-banner relative",children:[(0,n.jsx)("div",{className:'donation-banner__image hidden md:block absolute inset-0 w-full h-full after:content-[""] after:absolute after:inset-0 after:bg-gradient-to-l after:from-transparent after:from-10% after:to-black/75 to-80% lg:to-90%',children:(null==c?void 0:c.url)&&(0,n.jsx)(r.default,{className:"w-full h-full object-cover object-center",src:c.url+"?width=1920",alt:c.altText,width:c.width,height:c.height,style:{objectPosition:p}})}),(0,n.jsx)("div",{className:"donation-banner__content relative w-full max-w-container px-4 sm:px-10 xl:px-16 mx-auto",children:(0,n.jsxs)("div",{className:"flex flex-col md:flex-row md:justify-between md:items-center gap-y-6 md:gap-y-[64px] md-gap-x-6",children:[(0,n.jsxs)("div",{className:"w-full md:w-1/2 md:mr-6 flex flex-col items-center md:block",children:[(null==a?void 0:a.headingCategory)&&a.showTag&&(0,n.jsx)("div",{className:"flex mb-2",children:(0,n.jsx)(i.Z,{name:a.headingCategory.name,link:a.headingCategory.link,target:null===(t=a.headingCategory.link)||void 0===t?void 0:t.target})}),(null==a?void 0:a.heading)&&(0,n.jsx)(l.Z,{level:null==a?void 0:a.headingLevel,size:"heading-3",margin:"mb-4",children:a.heading}),u&&(0,n.jsx)("div",{className:"rte text-base mb-6 lg:mb-9",dangerouslySetInnerHTML:{__html:null==u?void 0:u.markup}})]}),(0,n.jsx)("div",{className:"w-full md:w-1/2 lg:max-w-[486px] rounded-2xl overflow-hidden md:rounded-l-none md:rounded-r-3xl",children:(0,n.jsx)(o.default,{panelData:f})})]})})]})})}},59719:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return m}});var n=a(57437),r=a(23777),o=a(71686);a(42412);var l=a(2265),i=a(44839),s={src:"/_next/static/media/stripe-logo.1acc4790.png",height:125,width:300,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAG1BMVEVNUaJNUaNMUaJQVKhPVKZOU6ZUWbJKT6JPU6Kw0UN+AAAACXRSTlNhdE23nsaTOjoTlY+RAAAACXBIWXMAAD2EAAA9hAHVrK90AAAAH0lEQVR4nAXBhwEAAAjCsAKu/y82wULyms5MqgNwJfMDjwBDFJnrbwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:3},d={src:"/_next/static/media/gocardless-logo.44da7cad.png",height:637,width:4184,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAACVBMVEUbGxgcGxgcGhZ/WsQlAAAAA3RSTlNnXZE/85mwAAAACXBIWXMAAC4jAAAuIwF4pT92AAAADklEQVR4nGNgAAEmRkYAABIABW6h6XUAAAAASUVORK5CYII=",blurWidth:8,blurHeight:1},c=a(66648),u=a(16463);let f=e=>"oneOffDonations"===e;function p(e){let{id:t,tabType:a,title:r,desc:o,amount:l,isSelected:s,hasTextBox:d,tag:c,onChange:u,customValue:f,onCustomValueChange:p}=e,m=e=>{p(e),u(a,t,e)};return(0,n.jsxs)("label",{className:"py-2 md:py-4 flex gap-x-9 items-center justify-between border-b border-primary-dark-1/15",children:[(0,n.jsxs)("div",{className:(0,i.Z)("flex flex-col items-start gap-y-1 md:gap-y-2",{"opacity-70":!s}),children:[c&&(0,n.jsx)("div",{className:"inline-block bg-primary-dark-1 text-primary-light font-czoo-sharp-grotesk text-[14px] leading-[14px] p-[2px] px-[4px] rounded-[4px] opacity-75",children:c}),(0,n.jsx)("span",{className:"block body-base",children:(0,n.jsx)("strong",{children:r})}),d?(0,n.jsx)("input",{type:"number",className:"w-[194.33px] h-[44px] px-6 py-5 border rounded-md bg-primary-light placeholder:text-primary-dark-1",style:{borderColor:"rgba(var(--primary-dark-1), 0.35)"},placeholder:"\xa300",value:f,min:"1",max:"10000",step:"0.01",onChange:e=>m(e.target.value)}):(0,n.jsx)("span",{className:"block body-xs",children:o})]}),(0,n.jsx)("div",{children:(0,n.jsx)("input",{className:"field-radio field-radio--high-contrast  !bg-primary-light",type:"radio",name:"paymentType",checked:s,onChange:()=>u(a,t,l?l.toString():null!=f?f:"0")})})]})}function m(e){let{panelData:t}=e,a=(0,u.useRouter)(),{ctaButtonText:m,tabs:g,contentType:x}=t||{},h="adoptionPanel"===x,[v,b]=(0,l.useState)({}),[A,y]=(0,l.useState)(void 0);(0,l.useEffect)(()=>

1{if(t&&(null==g?void 0:g.length)){let e={};g.forEach(t=>{var a,n;e={...e,[t.type]:{id:t.items[0].id,amount:null!==(n=null===(a=t.items[0])||void 0===a?void 0:a.amount)&&void 0!==n?n:0}}}),b({...e})}},[t]);let[w,j]=(0,l.useState)(g[0].type),N=(e,t,a)=>{b({...v,[e]:{id:t,amount:a}})};return(0,n.jsxs)(r.RadixTabs,{className:(0,i.Z)("block",h&&"w-full md:w-auto"),value:w,onValueChange:e=>{j(e)},children:[(0,n.jsx)(r.TabsList,{className:(0,i.Z)("rounded-t-3xl overflow-hidden w-full",h&&"md:w-[486px]"),children:g.map(e=>(0,n.jsx)(r.TabsTrigger,{value:e.type,className:"group flex flex-col flex-1 items-center gap-y-3 p-3 lg:py-6 lg:px-12 bg-primary-dark-1 transition-colors hover:text-primary-dark-1 hover:bg-primary-neutral data-[state=active]:text-primary-dark-1 data-[state=active]:bg-primary-light",children:(0,n.jsx)("div",{className:"font-czoo-sharp-grotesk heading-4 underline-offset-2 group-focus:underline",children:f(e.type)?"One-off":"Monthly"})},"".concat(e.type,"-tab")))}),(0,n.jsxs)("form",{className:(0,i.Z)("flex flex-col bg-primary-light rounded-b-2xl text-primary-dark-1 px-6 py-6 lg:px-9 lg:pt-3 w-full gap-y-6",h?"md:w-[486px]":"md:max-w-[486px]"),onSubmit:e=>{var t,n,r,o;e.preventDefault();let l="",i=null!==(r=null===(n=g.find(e=>e.type===w))||void 0===n?void 0:null===(t=n.items[0])||void 0===t?void 0:t.ctaButtonUrl)&&void 0!==r?r:"";if(h)l=i;else{let e=f(w)?"oneOff":"monthly",t=null===(o=v[w])||void 0===o?void 0:o.amount;l="".concat(i,"?type=").concat(e,"&amount=").concat(t)}a.push(l)},children:[g.map(e=>(0,n.jsx)(l.Fragment,{children:(0,n.jsx)(r.TabsContent,{className:"text-primary-dark-1 bg-primary-light overflow-hidden",value:e.type,children:e.items.map(t=>{var a;return(0,n.jsx)(p,{id:t.id,tabType:e.type,title:t.title,amount:null==t?void 0:t.amount,desc:t.text,isSelected:(null===(a=v[null==e?void 0:e.type])||void 0===a?void 0:a.id)===t.id,hasTextBox:null==t?void 0:t.showAsTextBox,tag:t.tag,customValue:A,onCustomValueChange:y,onChange:N},t.id)})})},"".concat(e.type,"-content"))),(0,n.jsx)("div",{className:"",children:(0,n.jsx)(o.default,{type:"primary",buttonType:"submit",text:null!=m?m:"Donate Now",fullWidth:!0})}),!h&&(0,n.jsx)("div",{className:"w-[72px]",children:(0,n.jsx)(c.default,{className:"w-full object-cover",src:f(w)?s:d,alt:"".concat(f(w)?"Stripe":"Gocardless"," logo"),width:72,loading:"lazy"})})]})]})}},23777:function(e,t,a){"use strict";a.r(t),a.d(t,{RadixTabs:function(){return i},TabsContent:function(){return c},TabsList:function(){return s},TabsTrigger:function(){return d}});var n=a(57437),r=a(2265),o=a(9385),l=a(44839);let i=o.fC,s=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,n.jsx)(o.aV,{ref:t,className:(0,l.Z)("flex",a),...r})});s.displayName=o.aV.displayName;let d=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,n.jsx)(o.xz,{ref:t,className:(0,l.Z)("transition-colors outline-none",a),...r})});d.displayName=o.xz.displayName;let c=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,n.jsx)(o.VY,{ref:t,className:(0,l.Z)("outline-none",a),...r})});c.displayName=o.VY.displayName},1921:function(e,t,a){"use strict";var n=a(57437),r=a(44839);t.Z=e=>{let{children:t,className:a,headingExcluded:o,style:l,hidePaddingOnMobile:i}=e;return(0,n.jsx)("div",{className:(0,r.Z)("component-section",o&&"heading-excluded",i&&"hide-padding-on-mobile",a),style:l,children:t})}},83015:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var n=a(57437),r=a(87138),o=a(44839),l=a(77220);function i(e){let{name:t,link:a,target:i="_self"}=e,s=(0,o.Z)("parent-tag relative flex items-center py-1",a&&"pl-6 pr-2",!a&&"px-2","rounded transition-colors focus:outline focus:outline-1 focus:outline-offset-2");return(0,n.jsx)(n.Fragment,{children:a?(0,n.jsxs)(r.default,{className:s,href:(0,l.n)(a),target:i,children:[(0,n.jsx)("span",{className:"parent-tag-icon absolute top-1/2 left-2 w-[11px] h-3 bg-center bg-cover bg-no-repeat -translate-y-2/4"}),(0,n.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:t})]}):(0,n.jsx)("div",{className:s,children:(0,n.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:t})})})}a(99033)},82441:function(e,t,a){"use strict";function n(e){let{left:t,top:a}=e,n="".concat((100*t).toFixed(2),"%"),r="".concat((100*a).toFixed(2),"%");return"".concat(n," ").concat(r)}a.d(t,{Z:function(){return n}})},99033:function(){},9385:function(e,t,a){"use strict";a.d(t,{VY:function(){return H},aV:function(){return J},fC:function(){return O},xz:function(){return X}});

1var n=a(2265),r=a(78149),o=a(98324),l=a(90976),i=a(1584),s=a(53201),d=a(25171),c=a(75137),u=a(91715),f=a(87513),p=a(57437),m="rovingFocusGroup.onEntryFocus",g={bubbles:!1,cancelable:!0},x="RovingFocusGroup",[h,v,b]=(0,l.B)(x),[A,y]=(0,o.b)(x,[b]),[w,j]=A(x),N=n.forwardRef((e,t)=>(0,p.jsx)(h.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,p.jsx)(h.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,p.jsx)(k,{...e,ref:t})})}));N.displayName=x;var k=n.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:a,orientation:o,loop:l=!1,dir:s,currentTabStopId:x,defaultCurrentTabStopId:h,onCurrentTabStopIdChange:b,onEntryFocus:A,preventScrollOnEntryFocus:y=!1,...j}=e,N=n.useRef(null),k=(0,i.e)(t,N),C=(0,f.gm)(s),[T=null,R]=(0,u.T)({prop:x,defaultProp:h,onChange:b}),[M,D]=n.useState(!1),E=(0,c.W)(A),F=v(a),I=n.useRef(!1),[U,Z]=n.useState(0);return n.useEffect(()=>{let e=N.current;if(e)return e.addEventListener(m,E),()=>e.removeEventListener(m,E)},[E]),(0,p.jsx)(w,{scope:a,orientation:o,dir:C,loop:l,currentTabStopId:T,onItemFocus:n.useCallback(e=>R(e),[R]),onItemShiftTab:n.useCallback(()=>D(!0),[]),onFocusableItemAdd:n.useCallback(()=>Z(e=>e+1),[]),onFocusableItemRemove:n.useCallback(()=>Z(e=>e-1),[]),children:(0,p.jsx)(d.WV.div,{tabIndex:M||0===U?-1:0,"data-orientation":o,...j,ref:k,style:{outline:"none",...e.style},onMouseDown:(0,r.M)(e.onMouseDown,()=>{I.current=!0}),onFocus:(0,r.M)(e.onFocus,e=>{let t=!I.current;if(e.target===e.currentTarget&&t&&!M){let t=new CustomEvent(m,g);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=F().filter(e=>e.focusable);V([e.find(e=>e.active),e.find(e=>e.id===T),...e].filter(Boolean).map(e=>e.ref.current),y)}}I.current=!1}),onBlur:(0,r.M)(e.onBlur,()=>D(!1))})})}),C="RovingFocusGroupItem",T=n.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:a,focusable:o=!0,active:l=!1,tabStopId:i,...c}=e,u=(0,s.M)(),f=i||u,m=j(C,a),g=m.currentTabStopId===f,x=v(a),{onFocusableItemAdd:b,onFocusableItemRemove:A}=m;return n.useEffect(()=>{if(o)return b(),()=>A()},[o,b,A]),(0,p.jsx)(h.ItemSlot,{scope:a,id:f,focusable:o,active:l,children:(0,p.jsx)(d.WV.span,{tabIndex:g?0:-1,"data-orientation":m.orientation,...c,ref:t,onMouseDown:(0,r.M)(e.onMouseDown,e=>{o?m.onItemFocus(f):e.preventDefault()}),onFocus:(0,r.M)(e.onFocus,()=>m.onItemFocus(f)),onKeyDown:(0,r.M)(e.onKeyDown,e=>{if("Tab"===e.key&&e.shiftKey){m.onItemShiftTab();return}if(e.target!==e.currentTarget)return;let t=function(e,t,a){var n;let r=(n=e.key,"rtl"!==a?n:"ArrowLeft"===n?"ArrowRight":"ArrowRight"===n?"ArrowLeft":n);if(!("vertical"===t&&["ArrowLeft","ArrowRight"].includes(r))&&!("horizontal"===t&&["ArrowUp","ArrowDown"].includes(r)))return R[r]}(e,m.orientation,m.dir);if(void 0!==t){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let r=x().filter(e=>e.focusable).map(e=>e.ref.current);if("last"===t)r.reverse();else if("prev"===t||"next"===t){var a,n;"prev"===t&&r.reverse();let o=r.indexOf(e.currentTarget);r=m.loop?(a=r,n=o+1,a.map((e,t)=>a[(n+t)%a.length])):r.slice(o+1)}setTimeout(()=>V(r))}})})})});T.displayName=C;var R={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function V(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=document.activeElement;for(let n of e)if(n===a||(n.focus({preventScroll:t}),document.activeElement!==a))return}var M=a(31383),D="Tabs",[E,F]=(0,o.b)(D,[y]),I=y(),[U,Z]=E(D),S=n.forwardRef((e,t)=>{let{__scopeTabs:a,value:n,onValueChange:r,defaultValue:o,orientation:l="horizontal",dir:i,activationMode:c="automatic",...m}=e,g=(0,f.gm)(i),[x,h]=(0,u.T)({prop:n,onChange:r,defaultProp:o});return(0,p.jsx)(U,{scope:a,baseId:(0,s.M)(),value:x,onValueChange:h,orientation:l,dir:g,activationMode:c,children:(0,p.jsx)(d.WV.div,{dir:g,"data-orientation":l,...m,ref:t})})});S.displayName=D;var B="TabsList",K=n.forwardRef((e,t)=>{let{__scopeTabs:a,loop:n=!0,...r}=e,o=Z(B,a),l=I(a);return(0,p.jsx)(N,{asChild:!0,...l,orientation:o.orientation,dir:o.dir,loop:n,children:(0,p.jsx)(d.WV.div,{role:"tablist","aria-orientation":o.orientation,...r,ref:t})})});K.displayName=B;var _="TabsTrigger",W=n.forwardRef((e,t)=>

1{let{__scopeTabs:a,value:n,disabled:o=!1,...l}=e,i=Z(_,a),s=I(a),c=P(i.baseId,n),u=z(i.baseId,n),f=n===i.value;return(0,p.jsx)(T,{asChild:!0,...s,focusable:!o,active:f,children:(0,p.jsx)(d.WV.button,{type:"button",role:"tab","aria-selected":f,"aria-controls":u,"data-state":f?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:c,...l,ref:t,onMouseDown:(0,r.M)(e.onMouseDown,e=>{o||0!==e.button||!1!==e.ctrlKey?e.preventDefault():i.onValueChange(n)}),onKeyDown:(0,r.M)(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&i.onValueChange(n)}),onFocus:(0,r.M)(e.onFocus,()=>{let e="manual"!==i.activationMode;f||o||!e||i.onValueChange(n)})})})});W.displayName=_;var L="TabsContent",G=n.forwardRef((e,t)=>{let{__scopeTabs:a,value:r,forceMount:o,children:l,...i}=e,s=Z(L,a),c=P(s.baseId,r),u=z(s.baseId,r),f=r===s.value,m=n.useRef(f);return n.useEffect(()=>{let e=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,p.jsx)(M.z,{present:o||f,children:a=>{let{present:n}=a;return(0,p.jsx)(d.WV.div,{"data-state":f?"active":"inactive","data-orientation":s.orientation,role:"tabpanel","aria-labelledby":c,hidden:!n,id:u,tabIndex:0,...i,ref:t,style:{...e.style,animationDuration:m.current?"0s":void 0},children:n&&l})}})});function P(e,t){return"".concat(e,"-trigger-").concat(t)}function z(e,t){return"".concat(e,"-content-").concat(t)}G.displayName=L;var O=S,J=K,X=W,H=G}}]);