https://www.sos-kinderdorf.de/_next/static/chunks/2229.8ad97e72ae1fad93.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2229],{13501:(r,o,t)=>{t.d(o,{A:()=>g});var e=t(37876),a=t(14232),n=t(42795),i=t(95304),p=t.n(i),s=t(82),l=t(89099),d=t(88992),c=t(23909),u=t(81918);let g=({formInput:r,id:o,forwardUrl:t,submitStyle:i})=>{let g,{t:x}=(0,s.Bd)(),[h,y]=(0,a.useState)(!1),m=(0,l.useRouter)(),f=(0,c.hW)(r.donationContext),{handleSubmit:b,formState:{errors:A}}=(0,d.xW)();return(0,e.jsx)(n.A,{"data-cypress":"formSubmitButton",type:"submit",disabled:!!A.amount,className:h?p().rippleSbmt:"",style:(g=!A.amount,{...i.base,...g?{}:{backgroundColor:"#999999"},...h?i.focus:{}}),onBlur:()=>y(!1),onFocus:()=>y(!0),size:"large",variant:"contained","data-testid":"donate-now",onClick:b(r=>{let e=(0,c.kV)(r);if((0,u.IB)(e),t){let r=new URLSearchParams(Object.entries({cmCsId:o,amount:e.amount,priority:e.priority,donationType:e.donationType,donationRhythm:e.donationRhythm,sponsorshipType:e.sponsorshipType}).reduce((r,[o,t])=>(null!=t&&(r[o]=String(t)),r),{})).toString().replace(/\+/g,"%20");m.push(`${t}?${r}`).catch(r=>{r instanceof Error?console.error("Navigation failed:",r.message):console.error("An unknown error occurred during navigation")})}}),children:f?.buttonLabel??x("donation_form.donate_now")})}},28603:(r,o,t)=>{t.d(o,{A:()=>f});var e=t(14232),a=t(69241),n=t(40384),i=t(53718),p=t(94531),s=t(48481),l=t(9138),d=t(8266),c=t(55790),u=t(5322),g=t(66346);function x(r){return(0,g.Ay)("MuiAppBar",r)}(0,u.A)("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);var h=t(37876);let y=(r,o)=>r?`${r.replace(")","")}, ${o})`:o,m=(0,i.Ay)(c.A,{name:"MuiAppBar",slot:"Root",overridesResolver:(r,o)=>{let{ownerState:t}=r;return[o.root,o[`position${(0,l.A)(t.position)}`],o[`color${(0,l.A)(t.color)}`]]}})((0,p.A)(({theme:r})=>({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0,variants:[{props:{position:"fixed"},style:{position:"fixed",zIndex:(r.vars||r).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}}},{props:{position:"absolute"},style:{position:"absolute",zIndex:(r.vars||r).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"sticky"},style:{position:"sticky",zIndex:(r.vars||r).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"static"},style:{position:"static"}},{props:{position:"relative"},style:{position:"relative"}},{props:{color:"inherit"},style:{"--AppBar-color":"inherit",color:"var(--AppBar-color)"}},{props:{color:"default"},style:{"--AppBar-background":r.vars?r.vars.palette.AppBar.defaultBg:r.palette.grey[100],"--AppBar-color":r.vars?r.vars.palette.text.primary:r.palette.getContrastText(r.palette.grey[100]),...r.applyStyles("dark",{"--AppBar-background":r.vars?r.vars.palette.AppBar.defaultBg:r.palette.grey[900],"--AppBar-color":r.vars?r.vars.palette.text.primary:r.palette.getContrastText(r.palette.grey[900])})}},...Object.entries(r.palette).filter((0,d.A)(["contrastText"])).map(([o])=>({props:{color:o},style:{"--AppBar-background":(r.vars??r).palette[o].main,"--AppBar-color":(r.vars??r).palette[o].contrastText}})),{props:r=>!0===r.enableColorOnDark&&!["inherit","transparent"].includes(r.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)"}},{props:r=>!1===r.enableColorOnDark&&!["inherit","transparent"].includes(r.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...r.applyStyles("dark",{backgroundColor:r.vars?y(r.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:r.vars?y(r.vars.palette.AppBar.darkColor,"var(--AppBar-color)"):null})}},{props:{color:"transparent"},style:{"--AppBar-background":"transparent","--AppBar-color":"inherit",backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...r.applyStyles("dark",{backgroundImage:"none"})}}]}))),f=e.forwardRef(function(r,o){let t=(0,s.b)({props:r,name:"MuiAppBar"}),{className:e,color:i="primary",enableColorOnDark:p=!1,position:d="fixed",...c}=t,u={...t,color:i,position:d,enableColorOnDark:p},g=(r=>{let{color:o,position:t,classes:e}=r,a={root:["root",`color${(0,l.A)(o)}`,`position${(0,l.A)(t)}`]};return(0,n.A)(a,x,e)})(u);return(0,h.jsx)(m,{square:!0,component:"header",ownerState:u,elevation:4,className:(0,a.A)(g.root,e,"fixed"===d&&"mui-fixed"),ref:o,...c})})},32229:(r,o,t)=>{t.r(o),t.d(o,{default:()=>w});var e=t(37876),a=t(14232),n=t(82),i=t(28603),p=t(42795),s=t(62130),l=t(55970),d=t(1

17683),c=t(44441),u=t(12095),g=t(53718),x=t(88992),h=t(54587),y=t.n(h),m=t(32241),f=t(2673),b=t(35044),A=t(39526),v=t(42060),k=t(33646),B=t(13501),S=t(55437);let j={base:{backgroundColor:"var(--primary-text)",color:"white",borderRadius:"999px",width:"100%",fontWeight:"700",fontFamily:"var(--font-family-bold)",fontSize:"18px",lineHeight:"150%",letterSpacing:"1px",height:"45px",whiteSpace:"nowrap"},focus:{boxShadow:"0px 0px 10px rgba(0,0,0,0.2)"}},C={xs:"12px 8px 16px 8px",sm:"12px 20px 16px 20px",lg:"16px 20px 16px 20px"},T=(0,g.Ay)(c.A)({marginLeft:"auto",marginRight:0,marginBottom:"-1px",paddingLeft:0,paddingRight:0,position:"relative",zIndex:1,backgroundColor:"var(--background-light-green)",borderTop:"1px solid var(--border-light-green)",borderLeft:"1px solid var(--border-light-green)",borderRight:"1px solid var(--border-light-green)"}),w=({formInput:r,id:o,forwardUrl:t})=>{let{t:g}=(0,n.Bd)(),[h,w]=(0,a.useState)(!0),I=(0,u.A)(),R=(0,x.mN)({mode:"onChange"}),z=(r=>{for(let o of[f.Am.unique,f.Am.monthly,f.Am.childSponsorship,f.Am.villageInGermanySponsorship,f.Am.villageAbroadSponsorship]){let t=r?.[o];if(t&&t.headline)return t.headline}return null})(r.donationContext)||g("modular_donation_form.sticky_label");return r.productType?.donationType&&!(r.productType.donationType.length<=1)||r.productType?.donationRhythm&&!(r.productType.donationRhythm.length<=1)||r.productType?.sponsorshipType&&!(r.productType.sponsorshipType.length<=1)?null:(0,e.jsxs)(i.A,{component:"div",position:"sticky",sx:{bottom:"0",backgroundColor:"inherit",boxShadow:"0"},"data-cypress":"modularDonationCardSticky",children:[(0,e.jsx)(T,{disableGutters:!0,children:(0,e.jsx)(p.A,{sx:{transform:h?"rotate(0deg)":"rotate(180deg)",borderRadius:"999px",backgroundColor:"var(--background-light-green)"},color:"inherit",onClick:()=>w(!h),size:"small",children:(0,e.jsx)(y(),{loading:"lazy",src:"/expand.svg",alt:"Toggle",width:35,height:35})})}),(0,e.jsx)(s.A,{in:h,children:(0,e.jsx)(S.j,{value:{variant:"card"},children:(0,e.jsx)(x.Op,{...R,children:(0,e.jsx)("form",{id:o,children:(0,e.jsx)(c.A,{sx:{border:"1px solid var(--border-light-green)",backgroundColor:"var(--background-light-green)",justifyContent:"center"},children:(0,e.jsxs)(l.A,{container:!0,spacing:3,"data-cypress":"stickyDonationGrid",sx:{maxWidth:"1400px",justifyContent:{xs:"flex-start",md:"space-between",xl:"center"},padding:C},children:[(0,e.jsx)(l.A,{size:{xs:12,xl:"auto"},sx:{display:"flex",justifyContent:"flex-start",alignItems:{xl:"center"}},"data-cypress":"formHeadlineSticky",children:(0,e.jsx)(d.A,{sx:{fontFamily:"var(--font-family-bold)",fontSize:{xs:"16px",lg:"18px"},color:I.palette.text.primary,lineHeight:"1.25",marginY:"4px "},children:z})}),(0,e.jsx)(v.A,{formInput:r,variant:"card"}),(0,e.jsx)(b.A,{formInput:r,variant:"card",direction:"row"}),(0,e.jsx)(A.A,{formInput:r}),(0,e.jsx)(l.A,{size:{lg:9,xl:7},sx:{marginBottom:{xs:"6px",md:"0"},flexGrow:1,width:{md:"calc(100% - 300px)",lg:"auto"}},children:(0,e.jsx)(m.A,{formInput:r,variant:"card",sticky:!0})}),(0,e.jsx)(k.A,{isHidden:!0,formInput:r,variant:"card"}),(0,e.jsx)(l.A,{size:{lg:3,xl:"auto"},sx:{display:"flex",alignItems:"stretch",flexShrink:0,width:{xs:"100%",md:"auto"}},children:(0,e.jsx)(B.A,{formInput:r,forwardUrl:t,id:o,submitStyle:j})})]})})})})})})]})}},44441:(r,o,t)=>{t.d(o,{A:()=>x});var e=t(14232),a=t(69241),n=t(40384),i=t(53718),p=t(94531),s=t(48481),l=t(5322),d=t(66346);function c(r){return(0,d.Ay)("MuiToolbar",r)}(0,l.A)("MuiToolbar",["root","gutters","regular","dense"]);var u=t(37876);let g=(0,i.Ay)("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(r,o)=>{let{ownerState:t}=r;return[o.root,!t.disableGutters&&o.gutters,o[t.variant]]}})((0,p.A)(({theme:r})=>({position:"relative",display:"flex",alignItems:"center",variants:[{props:({ownerState:r})=>!r.disableGutters,style:{paddingLeft:r.spacing(2),paddingRight:r.spacing(2),[r.breakpoints.up("sm")]:{paddingLeft:r.spacing(3),paddingRight:r.spacing(3)}}},{props:{variant:"dense"},style:{minHeight:48}},{props:{variant:"regular"},style:r.mixins.toolbar}]}))),x=e.forwardRef(function(r,o){let t=(0,s.b)({props:r,name:"MuiToolbar"}),{className:e,component:i="div",disableGutters:p=!1,variant:l="regular",...d}=t,x={...t,component:i,disableGutters:p,variant:l},h=(r=>{let{classes:o,disableGutters:t,variant:e}=r;return(0,n.A)({root:["root",!t&&"gutters",e]},c,o)})(x);return(0,u.jsx)(g,{as:i,className:(0,a.A)(h.root,e),ref:o,ownerState:x,...d})})}}]);
2//# sourceMappingURL=2229.8ad97e72ae1fad93.js.map