@apollosproject/canvas-embeds 2.1.1098 → 2.1.1099

package/widget/index.js

@@ -1817,7 +1817,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     background-color: rgb(var(--color-brand-primary) / 0.3);
     color: inherit;
   }
-`,j71=({amount:a="0",selectedFrequency:t=null,selectedCampus:n=null,selectedFund:r=null,predefinedAmounts:l="",onError:i,isProcessing:o=!1,onShowPayment:c,onSuccess:m,onAmountChange:u,onFrequencyChange:p,onCampusChange:f,onFundChange:A,onStartDateChange:Z,churchName:H,churchLogo:V,message:b,displayLogo:S,title:k,displayHeader:_})=>{const{currentChurch:C}=dp(),L=C9(),T=tH0(),{campuses:O,loading:R}=HC(),U=O.filter(Y=>Y.donationFunds&&Y.donationFunds.length>0),$=Y=>{if(Y.digital)return"Online";const t0=[];return Y.street1&&t0.push(Y.street1),Y.city&&t0.push(Y.city),Y.state&&t0.push(Y.state),Y.postalCode&&t0.push(Y.postalCode),t0.length>0?t0.join(", "):""},[X,r0]=e.useState(up(t)),n0=t?up(t):X,Q=["crossroads","crossroads_sandbox"].includes(C?.slug??"")?1:.5,[M0,y0]=e.useState(!1),o0=e.useRef(null),h0=e.useRef(null),q=e.useRef(null),G=e.useRef(null),e0=e.useRef(null),z=l?l.split(",").map(Y=>Y.trim()).filter(Y=>Y):[];e.useEffect(()=>{L.page("Donate screen viewed",{path:"/donate",church_slug:C?.slug||""})},[L,C?.slug]),e.useEffect(()=>{t&&r0(up(t))},[t]),e.useEffect(()=>{X&&o0.current&&q.current&&setTimeout(()=>{const Y=q.current,t0=o0.current;if(Y&&t0){const Z0=Y.getBoundingClientRect();t0.getBoundingClientRect().bottom>Z0.bottom&&t0.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[X]),e.useEffect(()=>{n&&h0.current&&q.current&&setTimeout(()=>{const Y=q.current,t0=h0.current;if(Y&&t0){const Z0=Y.getBoundingClientRect();t0.getBoundingClientRect().bottom>Z0.bottom&&t0.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[n]);const[p0,v0]=e.useState(80),m0=e.useRef(null);e.useEffect(()=>{m0.current&&(m0.current.textContent=a||"0",v0(Math.max(m0.current.offsetWidth+16,80)))},[a]),e.useEffect(()=>{const Y=setTimeout(()=>{m0.current&&(m0.current.textContent=a||"0",v0(Math.max(m0.current.offsetWidth+16,80)))},10);return()=>clearTimeout(Y)},[a]);const x0=Y=>{const t0=parseFloat(Y);return!isNaN(t0)&&t0>999999.99},l0=Y=>{let t0=Y.replace(/[^0-9.]/g,"");if(t0.includes(".")){const Z0=t0.split(".");Z0.length>2&&(t0=Z0[0]+"."+Z0.slice(1).join("")),Z0[1]&&Z0[1].length>2&&(t0=Z0[0]+"."+Z0[1].substring(0,2))}return t0.length>1&&t0[0]==="0"&&t0[1]!=="."&&(t0=t0.substring(1)),x0(t0)?a:(t0==="."&&(t0="0."),u?.(t0),t0)},u0=Y=>{const t0=O.find(Z0=>Z0.id===Y);if(t0){const Z0={...t0,donationFunds:t0.donationFunds?t0.donationFunds.map(e1=>({...e1})):[]};f?.(Z0);const N0=C71(r,Z0);A?.(N0)}else f?.(null),A?.(null)},g0=Y=>{if(!n)return;const t0=n.donationFunds?.find(Z0=>Z0.id===Y);A?.(t0?{...t0}:null)},L0=Y=>{const Z0=_c.find(N0=>N0.id===Y)||null;Z0&&t?.startDate&&(w71(t.startDate,Z0)||Z?.(null)),p?.(Z0)},V0=Y=>{Z?.(Y)},B=()=>{const Y=X6(a);if(!Y||Y<=0){setTimeout(()=>{G.current&&(G.current.focus(),G.current.select(),G.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(Y<Q){i({message:`Please enter an amount of $${Cc(Q)} or more`}),setTimeout(()=>{G.current&&(G.current.focus(),G.current.select(),G.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(!n){y0(!0);return}if(!r){requestAnimationFrame(()=>{requestAnimationFrame(()=>{const t0=document.querySelector("[data-fund-dropdown-button]");t0&&(t0.scrollIntoView({behavior:"smooth",block:"center"}),t0.focus({preventScroll:!0}))})});return}if(n0&&!t){setTimeout(()=>{e0.current&&(e0.current.focus(),e0.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}L.track("Donation Started",{amount:Y,fund:r?.id||"",campusId:n?.id||"",is_recurring:n0}),c&&c()};return w.jsxs("div",{className:"flex flex-col h-full","data-testid":"donation-setup-form",children:[w.jsx("style",{children:$71}),_!=="false"?w.jsx(FC,{churchName:H,churchLogo:V,message:b,title:k,displayLogo:S,theme:T||void 0}):null,w.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto p-6",ref:q,children:w.jsxs("div",{className:"space-y-4",children:[w.jsx("div",{className:"flex flex-col items-center",children:w.jsxs("button",{type:"button",onClick:()=>y0(!0),disabled:o||R,className:"flex items-center gap-1 text-fg-primary dark:text-fg-primary-dark hover:opacity-70 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed",children:[C?.logo?w.jsx("div",{className:"w-6 h-6 rounded-full overflow-hidden flex-shrink-0 flex items-center justify-center p-1",style:{backgroundColor:T?.colors?.base?.primary||"rgb(var(--color-brand-primary, 0 103 109))"},children:w.jsx("img",{src:C.logo,alt:`${H} logo`,className:"w-full h-full object-contain"})}):null,w.jsx("span",{className:"text-base font-medium",children:n?.name||"Select a Location"}),w.jsx(bH0,{size:16,weight:"bold",className:"flex-shrink-0",style:{color:T?.colors?.base?.secondary||"rgb(var(--color-brand-secondary, 23 181 130))"}})]})}),w.jsxs("div",{className:"",children:[w.jsxs("div",{className:K1("flex items-start justify-center text-[60px] font-bold leading-none min-h-[60px] transition-opacity",(o||R)&&"opacity-60"),children:[w.jsx("span",{className:"text-3xl leading-normal font-bold mt-3 flex-none text-primary dark:text-white",children:"$"}),w.jsx("span",{ref:m0,className:"absolute invisible h-0 overflow-hidden whitespace-pre text-[80px] font-bold font-inherit p-0 m-0",style:{fontFamily:"inherit",position:"absolute",left:"-9999px",top:"-9999px"},children:a||"0"}),w.jsx("input",{ref:G,type:"text",inputMode:"decimal",placeholder:"0",value:a,onKeyDown:Y=>{if(!["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(Y.key)){if(/^[0-9]$/.test(Y.key)||Y.key==="."||Y.ctrlKey||Y.metaKey){if(Y.key==="."&&a.includes(".")){Y.preventDefault();return}if(/^[0-9]$/.test(Y.key)){const t0=Y.target,Z0=t0.value,N0=t0.selectionStart||0,e1=Z0.substring(0,N0)+Y.key+Z0.substring(t0.selectionEnd||0);if(x0(e1)){Y.preventDefault();return}}return}Y.preventDefault()}},onChange:Y=>{const t0=Y.target.value,Z0=l0(t0);requestAnimationFrame(()=>{if(m0.current){const N0=Z0??a;m0.current.textContent=N0||"0";const e1=Math.max(m0.current.offsetWidth+16,80);v0(e1)}})},onInput:Y=>{const t0=Y.target.value;if(m0.current){m0.current.textContent=t0||"0";const Z0=Math.max(m0.current.offsetWidth+16,80);v0(Z0)}},onKeyUp:Y=>{const t0=Y.target.value;if(m0.current){m0.current.textContent=t0||"0";const Z0=Math.max(m0.current.offsetWidth+16,80);v0(Z0)}},onFocus:Y=>{setTimeout(()=>{Y.target.select()},0)},onBlur:()=>{const Y=X6(a);Y>0&&u?.(Cc(Y))},onClick:Y=>{Y.target.select()},disabled:o||R,className:"text-[80px] font-bold border-none outline-none bg-transparent flex-none p-0 m-0 text-primary dark:text-white caret-current text-center appearance-none transition-[width] duration-100 ease-in-out",style:{width:`${p0}px`}})]}),z&&z.length>0?w.jsx("div",{className:"flex flex-wrap pt-12",style:{gap:"6px"},children:z.map(Y=>w.jsxs(e2,{onClick:()=>l0(Y),disabled:o||R,surface:a===Y?"solid":"system",className:"min-w-0 flex-1",style:{flexBasis:"calc(25% - 4.5px)",minWidth:"0",...a===Y&&{"--btn-bg":"rgb(var(--color-brand-primary))","--btn-hover-overlay":"rgb(255 255 255 / 15%)"}},children:["$",Y]},Y))}):null]}),n?w.jsx("div",{ref:h0,className:"flex flex-col items-center",children:n.donationFunds&&n.donationFunds.length>0?w.jsxs(nb,{children:[w.jsxs(VO0,{disabled:o,className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-system-regular dark:bg-system-regular-dark font-semibold focus:outline focus:outline-2 focus:outline-offset-4",style:{outlineColor:T?.colors?.base?.secondary||"#17B582"},"data-fund-dropdown-button":!0,children:[w.jsx("span",{children:r?.displayName||r?.name||"Select a fund"}),w.jsx(or,{size:16,weight:"bold"})]}),w.jsx(rb,{className:"!z-30",children:n.donationFunds?.sort((Y,t0)=>(Y.displayOrder||0)-(t0.displayOrder||0)).map(Y=>w.jsx(Ml,{onClick:()=>g0(Y.id),children:Y.displayName||Y.name},Y.id))})]}):w.jsx("div",{className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-system-regular dark:bg-system-regular-dark font-semibold text-fg-secondary dark:text-fg-secondary-dark",children:w.jsx("span",{children:"No funds available"})})}):null,w.jsx("div",{className:K1("relative block w-full h-[48px] rounded-lg before:absolute before:inset-px before:rounded-[calc(theme(borderRadius.lg)-1px)] before:bg-white before:shadow-[0_1px_2px_0_rgba(0,0,0,0.07),0_1px_1px_-1px_rgba(0,0,0,0.08)] before:pointer-events-none dark:before:hidden bg-transparent dark:bg-white/5",(o||R)&&"opacity-50"),children:w.jsxs("div",{className:"relative z-10 flex items-center justify-between h-full rounded-lg border border-system-thin dark:border-system-thin-dark px-[calc(theme(spacing[3.5])-1px)] py-[calc(theme(spacing[2.5])-1px)] sm:px-[calc(theme(spacing[3])-1px)] sm:py-[calc(theme(spacing[1.5])-1px)]",children:[w.jsx(fe,{className:"text-base/6 text-fg-primary dark:text-fg-primary-dark sm:text-sm/6",children:"Make Recurring"}),w.jsxs(AO0,{checked:X,onChange:Y=>{r0(Y),Y||p?.(null)},disabled:o||R,className:K1("inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-action disabled:opacity-50 disabled:cursor-not-allowed",n0?"bg-action":"bg-system-regular dark:bg-system-regular-dark"),children:[w.jsx("span",{className:"sr-only",children:"Make Recurring"}),w.jsx("span",{"aria-hidden":"true",className:K1("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out",n0?"translate-x-5":"translate-x-0")})]})]})}),X?w.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[w.jsxs("div",{ref:o0,className:"[&_[data-slot=control]]:h-[48px] [&_select]:h-full [&_select]:flex [&_select]:items-center",children:[w.jsx(fe,{className:"mb-1 text-xs text-left",fg:"secondary",children:"Frequency"}),w.jsxs(ox0,{ref:e0,value:t?.id||"",onChange:Y=>L0(Y.target.value),disabled:o||R,required:!0,surface:"system",className:"focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:rounded-lg",style:{outlineColor:T?.colors?.base?.secondary||"#17B582"},children:[w.jsx("option",{value:"",children:"Select a frequency"}),_c.map(Y=>w.jsx("option",{value:Y.id,children:Y.id},Y.id))]})]}),w.jsx("div",{children:w.jsx(I71,{startDate:t?.startDate??null,frequency:t||_c[2],onStartDateChange:V0,disabled:o||R})})]}):null]})}),w.jsxs("div",{className:"sticky bottom-0 z-10 px-6 py-4",children:[w.jsx(e2,{type:"button",className:"w-full py-3",onClick:B,disabled:o||R,surface:X6(a)>0&&n&&r&&(!n0||t)?"solid":"system","data-secondary-button":X6(a)>0&&n&&r&&(!n0||t)?!0:void 0,children:o?w.jsx("div",{className:"flex items-center justify-center gap-2",children:w.jsx(kl,{size:20,className:"animate-spin",weight:"bold"})}):X6(a)<=0?"To Give, Enter Amount":n?r?n0&&!t?"Next: Select Frequency":`Give $${Cc(X6(a))}${n0&&t?` ${t.id}`:""}`:"Next: Select Fund":"Next: Select Location"}),w.jsx(VH0,{amount:a,selectedFrequency:t,selectedCampus:n,selectedFund:r,isRecurring:n0,minimumAllowedAmount:Q,onError:i,onSuccess:m}),w.jsxs("div",{className:"text-center mt-4 px-6 space-y-3",children:[w.jsxs(fe,{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark",children:["Powered by"," ",w.jsx("a",{href:"https://apollos.com",target:"_blank",rel:"noopener noreferrer",className:"underline","data-footer-link":!0,children:"Apollos"}),". By making this gift, I agree to the Apollos"," ",w.jsx("a",{href:"https://apollos.com/terms",target:"_blank",rel:"noopener noreferrer",className:"underline","data-footer-link":!0,children:"Terms of Service"})," ","and"," ",w.jsx("a",{href:"https://apollos.com/privacy",target:"_blank",rel:"noopener noreferrer",className:"underline","data-footer-link":!0,children:"Privacy Policy"}),"."]}),w.jsxs("div",{className:"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg bg-white dark:bg-system-regular-dark",children:[w.jsx(SH0,{size:16,color:"#17B582",className:"flex-shrink-0",weight:"bold"}),w.jsx(fe,{className:"text-sm font-light",fg:"secondary",children:"Secure & Encrypted"})]})]})]}),w.jsx(LO0,{open:M0,onClose:()=>y0(!1),className:"!max-w-2xl !max-h-[90vh] !p-0 flex flex-col",children:w.jsxs("div",{className:"flex flex-col max-h-[90vh]",children:[w.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-system-regular dark:border-system-regular-dark flex-shrink-0",children:[w.jsx(FO0,{children:"Location"}),w.jsx(e2,{type:"button",onClick:()=>y0(!1),surface:"system",className:"p-2",children:w.jsx(Q3,{size:20})})]}),w.jsx(kO0,{className:"flex-1 overflow-y-auto px-6 py-4 !mt-0 min-h-0",children:R?w.jsx("div",{className:"flex items-center justify-center py-8",children:w.jsx(fe,{fg:"secondary",children:"Loading..."})}):w.jsx(ax0,{value:n?.id||"",onChange:Y=>u0(Y),className:"space-y-3",children:U.map(Y=>{const t0=$(Y);return w.jsxs(tx0,{variant:"card",children:[w.jsx(lx0,{value:Y.id}),w.jsxs(BA,{className:"!flex !flex-col !items-start !p-4 !gap-0",children:[w.jsx("span",{className:"font-semibold text-base text-fg-primary dark:text-fg-primary-dark",children:Y.name}),t0?w.jsx("span",{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark mt-0.5",children:t0}):null]})]},Y.id)})})}),w.jsx(_O0,{className:"!mt-0 !flex-col border-t border-system-regular dark:border-system-regular-dark px-6 py-4 [&>*]:!w-full",children:w.jsx(e2,{type:"button",onClick:()=>y0(!1),surface:n?"solid":"system","data-secondary-button":n?!0:void 0,className:"w-full",children:"Done"})})]})})]})},LH0=({onRetry:a,email:t})=>w.jsxs("div",{className:"text-center p-6 flex flex-col items-center gap-8",children:[w.jsxs("div",{className:"flex flex-col items-center gap-1",children:[w.jsx(fe,{as:"h3",children:"Thank you for your gift!"}),t&&w.jsxs(fe,{fg:"secondary",children:["We've sent a confirmation to ",t]})]}),w.jsx("div",{children:w.jsx($v,{size:64,color:"#22c55e",weight:"fill"})}),w.jsx("div",{className:"w-full",children:w.jsx(e2,{surface:"solid",onClick:a,className:"w-full","data-secondary-button":!0,children:"Give Again"})})]});LH0.propTypes={onRetry:a1.func.isRequired,email:a1.string.isRequired};const R71=({amount:a="0",frequency:t,message:n="",campus:r="",fund:l="",predefinedAmounts:i="",width:o="",height:c="",displayLogo:m="",title:u="",displayHeader:p="",prefilledPayment:f=null,userFirstName:A=null,userLastName:Z=null,userEmail:H=null,userPhone:V=null,currentUser:b=null,onAuthRequired:S,onOnboardingRequired:k,onClearParams:_,onGiveAgain:C})=>{const L=X0=>typeof X0=="string"&&parseFloat(X0)>0,T=X0=>typeof X0=="string"&&X0.trim().length>0,O=X0=>X0===null||typeof X0=="string"&&X0.trim().length>0,R=X0=>X0==null||typeof X0=="object"&&!!X0.id,U=e.useCallback(X0=>X0?L(X0.amount)&&T(X0.campusId)&&O(X0.fundId||null)&&R(X0.selectedFrequency):!1,[]),[$,X]=e.useState("setup"),[r0,n0]=e.useState(""),[J,Q]=e.useState(null),[M0,y0]=e.useState(null),[o0,h0]=e.useState(null),[q,G]=e.useState(!1),[e0,z]=e.useState(null),[p0,v0]=e.useState(()=>({amount:a,selectedFrequency:_Z(t),selectedCampusId:r||null,selectedFundId:l||null,selectedCampus:null,selectedFund:null})),[m0,x0]=e.useState(!1);e.useEffect(()=>{f&&f.amount&&f.campusId&&v0({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null})},[f]);const l0=e.useRef({amount:a,campus:r,fund:l}),{currentChurch:u0,loading:g0,error:L0}=dp(),{campuses:V0}=HC(),{matchedCampus:B,matchedFund:Y}=m51(V0,p0.selectedCampusId,p0.selectedFundId),t0=f51(),Z0=tH0(),N0=e.useMemo(()=>{const X0={light:{primary:Z0?.colors?.base?.primary||"#00676D",background:pe.colors.light.fill.screen,componentBackground:pe.colors.light.fill.paper,componentBorder:pe.colors.light.neutral.gray5,componentDivider:pe.colors.light.neutral.gray4,primaryText:pe.colors.light.text.primary,secondaryText:pe.colors.light.text.secondary,componentText:pe.colors.light.text.primary,icon:pe.colors.light.neutral.gray},dark:{primary:Z0?.colors?.base?.primary||"#00676D",background:pe.colors.dark.fill.screen,componentBackground:pe.colors.dark.fill.paper,componentBorder:pe.colors.dark.neutral.gray5,componentDivider:pe.colors.dark.neutral.gray4,primaryText:pe.colors.dark.text.primary,secondaryText:pe.colors.dark.text.secondary,componentText:pe.colors.dark.text.primary,icon:pe.colors.dark.neutral.gray}};return{theme:t0==="dark"?"night":"stripe",variables:{colorPrimary:Z0?.colors?.base?.secondary||"#17B582",colorBackground:t0==="dark"?X0.dark.componentBackground:X0.light.componentBackground,colorText:t0==="dark"?X0.dark.primaryText:X0.light.primaryText,colorTextSecondary:t0==="dark"?X0.dark.secondaryText:X0.light.secondaryText,colorTextPlaceholder:t0==="dark"?X0.dark.secondaryText:X0.light.secondaryText,colorDanger:Z0?.colors?.base?.alert||"#FF4444",colorSuccess:Z0?.colors?.base?.success||"#17B582",colorWarning:Z0?.colors?.base?.warning||"#FFA500",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",fontSizeBase:"16px",spacingUnit:Z0?.space?.xxxs||"4px",borderRadius:Z0?.radii?.base||"6px",iconColor:t0==="dark"?X0.dark.icon:X0.light.icon}}},[Z0,t0]);e.useEffect(()=>{const X0=u0?.stripeConnectAccount?.publishableKey;if(!X0){z(null);return}const T1=EH0(X0);z(T1)},[u0?.stripeConnectAccount?.publishableKey]),e.useEffect(()=>{if(!f)if(t!==void 0)v0(X0=>({...X0,selectedFrequency:_Z(t)}));else if(u0?.givingDefaultFrequency){const X0=v51(u0.givingDefaultFrequency,_c.map(ye=>ye.id)),T1=X0&&_c.find(ye=>ye.id===X0)||null;v0(ye=>({...ye,selectedFrequency:T1}))}else v0(X0=>({...X0,selectedFrequency:null}))},[u0?.givingDefaultFrequency,f,t]),e.useEffect(()=>{!f&&a!==l0.current.amount&&a!==p0.amount&&v0(X0=>({...X0,amount:a})),l0.current.amount=a},[a,p0.amount,f]),e.useEffect(()=>{!f&&r!==l0.current.campus&&r!==p0.selectedCampusId&&v0(X0=>({...X0,selectedCampusId:r||null,selectedCampus:null,selectedFund:null,selectedFundId:null})),l0.current.campus=r},[r,p0.selectedCampusId,f]),e.useEffect(()=>{!f&&l!==l0.current.fund&&l!==p0.selectedFundId&&v0(X0=>({...X0,selectedFundId:l||null,selectedFund:null})),l0.current.fund=l},[l,p0.selectedFundId,f]),e.useEffect(()=>{if(!f&&p0.selectedFundId&&p0.selectedCampus?.donationFunds&&!p0.selectedFund){let X0=p0.selectedCampus.donationFunds.find(T1=>T1.id===p0.selectedFundId);X0||(X0=p0.selectedCampus.donationFunds.find(T1=>yn(p0.selectedFundId,T1.name)||T1.displayName&&yn(p0.selectedFundId,T1.displayName))),X0&&v0(T1=>({...T1,selectedFund:{...X0}}))}},[f,p0.selectedFundId,p0.selectedCampus?.donationFunds,p0.selectedFund]),e.useEffect(()=>{if(!p0.selectedCampus&&B){const X0={...B,donationFunds:B.donationFunds?B.donationFunds.map(T1=>({...T1})):[]};v0(T1=>({...T1,selectedCampus:X0,selectedCampusId:X0.id,selectedFund:Y?{...Y}:T1.selectedFund}))}},[B,Y,p0.selectedCampus]);const[e1,{loading:S1}]=aH0(),M1=e.useCallback(X0=>{h0(X0),X("success")},[]),O1=e.useCallback(X0=>{n0(X0.message)},[]),u1=e.useCallback(()=>{n0("")},[]),P0=e.useCallback(()=>{if(C){C();return}if(X("setup"),n0(""),Q(null),x0(!1),h0(null),v0({amount:a,selectedFrequency:_Z(t),selectedCampusId:null,selectedFundId:null,selectedCampus:null,selectedFund:null}),G(!1),_)_();else if(typeof window<"u"){const X0=new URL(window.location.href);X0.search="",window.history.replaceState({},"",X0.pathname)}},[C,a,t,_]),U0=e.useCallback(X0=>{v0(T1=>({...T1,amount:X0}))},[]),J0=e.useCallback(X0=>{v0(T1=>{const ye=X0?{...X0,startDate:T1.selectedFrequency?.startDate}:null;return{...T1,selectedFrequency:ye}})},[]),F0=e.useCallback(X0=>{v0(T1=>({...T1,selectedFrequency:T1.selectedFrequency?{...T1.selectedFrequency,startDate:X0??void 0}:null}))},[]),O0=e.useCallback(X0=>{v0(T1=>({...T1,selectedCampus:X0,selectedCampusId:X0?.id||null,selectedFund:null,selectedFundId:null}))},[]),t1=e.useCallback(X0=>{v0(T1=>({...T1,selectedFund:X0,selectedFundId:X0?.id||null}))},[]),F1=e.useCallback(async(X0,T1,ye,qe,Re)=>{if(!b&&S){S({amount:X0,frequency:T1,campusId:ye,fundId:qe,startDate:Re});return}if(b&&!b.connectedChurchProfile?.id&&k){k({amount:X0,frequency:T1,campusId:ye,fundId:qe,startDate:Re});return}try{const Ee={amount:Math.round(X0*100),campusId:ye||"",fundId:qe||null};Ee.recurring=cH0(T1,Re);const{data:We,errors:P2}=await e1({variables:{input:Ee}});if(P2)throw new Error(P2[0].message);if(We?.createPaymentIntent?.clientSecret)Q(We.createPaymentIntent.clientSecret),y0(We.createPaymentIntent.customerSecret??null),X("payment");else throw new Error("No client secret received from server")}catch(Ee){O1(Ee)}},[e1,O1,b,S,k]),te=e.useCallback(()=>{X("setup"),Q(null),y0(null)},[]),n1={width:o?isNaN(Number(o))?o:`${o}px`:"100%",height:c?isNaN(Number(c))?c:`${c}px`:"500px",maxWidth:o?void 0:"400px",margin:o?"0":"0 auto",border:"none",position:"relative",overflow:"hidden",padding:0};if(e.useEffect(()=>{f&&U(f)&&!g0&&!S1&&!m0&&$==="setup"&&(x0(!0),v0({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null}),F1(parseFloat(f.amount),bC(f.selectedFrequency),f.campusId,f.fundId??"",f.startDate??null))},[f,g0,S1,m0,$,F1,U]),L0)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3",children:[w.jsx(fe,{fg:"secondary",className:"text-center px-8",children:"Unable to load church information. Please try again later."}),w.jsx(e2,{surface:"tinted",onClick:P0,className:"mt-2",children:"Try Again"})]})});if(!g0&&u0&&u0.givingEnabled===!1)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3 space-y-2",children:[w.jsx(IZ0,{size:32,weight:"duotone"}),w.jsx(fe,{fg:"secondary",className:"text-center px-8",children:"Online giving is closed. For questions, please contact support."}),w.jsx(e2,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if(!g0&&u0&&u0.givingInMaintenance===!0)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3 space-y-2",children:[w.jsx(xZ0,{size:32,weight:"duotone"}),w.jsx(fe,{fg:"secondary",className:"text-center px-8",children:"We're updating the giving experience. Please check back shortly."})]})});if(!g0&&!e0)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3",children:[w.jsx($Z0,{size:32,weight:"duotone"}),w.jsx(fe,{fg:"secondary",className:"text-center",children:"Online giving is not currently available. Please contact your church for assistance."}),w.jsx(e2,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if($==="success")return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsx("div",{className:"flex-1 flex flex-col justify-center items-center",children:w.jsx(LH0,{onRetry:P0,email:o0})})});const k1=A||Z?`${A} ${Z}`.trim():"",C1=u0?.name||"Your Church",ge="div",Ze={style:n1,className:"flex flex-col h-full"};return w.jsxs(ge,{...Ze,children:[r0?w.jsxs("div",{className:"absolute top-0 left-0 right-0 z-[50] p-3 flex items-center gap-2 bg-red-50 dark:bg-red-900 rounded-xl",style:{borderColor:Z0?.colors?.base?.alert||"#FF4444"},children:[w.jsx(jZ0,{size:20,color:Z0?.colors?.base?.alert||"#FF4444",weight:"fill"}),w.jsx("div",{className:"flex-1",children:w.jsx(fe,{className:"text-red-700 dark:text-red-300 font-medium text-sm",children:r0})}),w.jsx(e2,{surface:"tinted",onClick:u1,className:"p-1 min-w-0 text-red-700 dark:text-red-300 hover:bg-red-100 dark:hover:bg-red-800/30",children:w.jsx(Q3,{size:16})})]}):null,w.jsx("div",{className:"flex flex-col h-full min-h-[400px]",children:$==="payment"&&J&&e0?w.jsx(gC,{stripe:e0,options:{clientSecret:J,appearance:N0,...M0?{customerSessionClientSecret:M0}:{}},children:w.jsx(yH0,{amount:p0?.amount?parseFloat(p0.amount):parseFloat(a),selectedFrequency:p0?.selectedFrequency,selectedCampusId:p0?.selectedCampusId||void 0,selectedFundId:p0?.selectedFundId||void 0,clientSecret:J,onSuccess:M1,onError:O1,isProcessing:q,onProcessingChange:G,onBack:te,userFullName:k1,userEmail:H||void 0,userPhone:V||void 0,churchName:C1,churchLogo:u0?.logo,message:n,displayLogo:m,title:u,displayHeader:p})}):$==="payment"?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(kl,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(fe,{children:"Loading payment form..."})]}):$==="setup"&&!(f&&U(f)&&!m0)?w.jsx(j71,{amount:p0.amount,selectedFrequency:p0.selectedFrequency,selectedCampus:p0.selectedCampus,selectedFund:p0.selectedFund,predefinedAmounts:i,onError:X0=>O1(new Error(X0.message)),onSuccess:M1,isProcessing:S1,onAmountChange:U0,onFrequencyChange:J0,onCampusChange:O0,onFundChange:t1,onStartDateChange:F0,onShowPayment:()=>{const X0=typeof p0.amount=="string"?parseFloat(p0.amount):p0.amount,T1=bC(p0.selectedFrequency);F1(X0,T1,p0.selectedCampusId||"",p0.selectedFundId||"",p0.selectedFrequency?.startDate??null)},churchName:C1,churchLogo:u0?.logo,message:n,displayLogo:m,title:u,displayHeader:p}):$==="setup"&&f&&U(f)&&!m0?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(kl,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(fe,{children:"Preparing your donation..."})]}):null})]})},D71=a=>{const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=()=>({width:a.width?isNaN(Number(a.width))?a.width:`${a.width}px`:"100%",height:a.height?isNaN(Number(a.height))?a.height:`${a.height}px`:"500px",maxWidth:a.width?void 0:"400px",margin:a.width?"0":"0 auto",border:"none",position:"relative",overflow:"hidden",padding:0});return w.jsx(iH0,{children:t?w.jsx(R71,{...a}):w.jsx("div",{style:r(),className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center",children:[w.jsx(kl,{size:24,className:"animate-spin text-fg-tertiary dark:text-fg-tertiary-dark mb-3",weight:"regular"}),w.jsx(fe,{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark",children:"Loading donation form..."})]})})})},z71=e.forwardRef(function({to:t,href:n,isExternal:r,...l},i){const{navigate:o}=pZ(),c=Ov0(),m=xv0(),u=Iv0(),p=Fw(),f=Tt1();if(r&&n||!t)return w.jsx("a",{ref:i,href:n,...l});let A,Z=!1;const H=S=>typeof S=="string"&&S.startsWith("/")?S:`/${S}`,V=S=>typeof S=="string"?S?.split("/").filter(Boolean).slice(-1)[0]:null;if(typeof t=="object"){if(!t.contentId)return null;A=t.contentId.split(":").join("-"),Z=A?.startsWith("FeatureFeed-")}else if(typeof t=="string"){const S=H(t),k=V(S);if(S.includes("/f/")){if(!u&&!p){const _=on1();return w.jsx("a",{ref:i,...l,href:`${_}${S}`,target:"_blank",rel:"noopener noreferrer"})}if(!k)return null;A=k.startsWith("FeatureFeed-")?k:`FeatureFeed-${k}`,Z=!0}else if(S.includes("/live/")){if(!k)return null;A=k.startsWith("Livestream-")?k:`Livestream-${k}`}else if(k?.includes("-"))A=k,Z=A.startsWith("FeatureFeed-");else if(k?.includes(":"))A=k.split(":").join("-"),Z=A.startsWith("FeatureFeed-");else return null}else return null;if(!u&&!p)return w.jsx("a",{ref:i,...l,href:`https://apollos.site/@${f}/c/${A}`,target:"_blank",rel:"noopener noreferrer"});let b=m&&p?`/${Z?"af":"ac"}/${A}`:`?${c?"apollosId":"id"}=${A}`;return p||(b=`${u}${n}`),w.jsx("a",{ref:i,...l,href:b,onClick:S=>{S.preventDefault(),o({id:A})}})}),B71=({children:a})=>w.jsx(vO0,{linkComponent:z71,children:a});function IZ(){return IZ=Object.assign?Object.assign.bind():function(a){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(a[r]=n[r])}return a},IZ.apply(null,arguments)}function FH0(a,t){if(a==null)return{};var n={};for(var r in a)if({}.hasOwnProperty.call(a,r)){if(t.includes(r))continue;n[r]=a[r]}return n}function wC(a,t){return wC=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},wC(a,t)}function kH0(a,t){a.prototype=Object.create(t.prototype),a.prototype.constructor=a,wC(a,t)}function U71(a,t){return a.classList?!!t&&a.classList.contains(t):(" "+(a.className.baseVal||a.className)+" ").indexOf(" "+t+" ")!==-1}function q71(a,t){a.classList?a.classList.add(t):U71(a,t)||(typeof a.className=="string"?a.className=a.className+" "+t:a.setAttribute("class",(a.className&&a.className.baseVal||"")+" "+t))}function _H0(a,t){return a.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function W71(a,t){a.classList?a.classList.remove(t):typeof a.className=="string"?a.className=_H0(a.className,t):a.setAttribute("class",_H0(a.className&&a.className.baseVal||"",t))}const wH0={disabled:!1};var CH0={},G71=CH0.NODE_ENV!=="production"?a1.oneOfType([a1.number,a1.shape({enter:a1.number,exit:a1.number,appear:a1.number}).isRequired]):null,Y71=CH0.NODE_ENV!=="production"?a1.oneOfType([a1.string,a1.shape({enter:a1.string,exit:a1.string,active:a1.string}),a1.shape({enter:a1.string,enterDone:a1.string,enterActive:a1.string,exit:a1.string,exitDone:a1.string,exitActive:a1.string})]):null;const NH0=$0.createContext(null);var TH0=function(t){return t.scrollTop},K71={},fp="unmounted",C5="exited",N5="entering",Nc="entered",CC="exiting",br=(function(a){kH0(t,a);function t(r,l){var i;i=a.call(this,r,l)||this;var o=l,c=o&&!o.isMounting?r.enter:r.appear,m;return i.appearStatus=null,r.in?c?(m=C5,i.appearStatus=N5):m=Nc:r.unmountOnExit||r.mountOnEnter?m=fp:m=C5,i.state={status:m},i.nextCallback=null,i}t.getDerivedStateFromProps=function(l,i){var o=l.in;return o&&i.status===fp?{status:C5}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(l){var i=null;if(l!==this.props){var o=this.state.status;this.props.in?o!==N5&&o!==Nc&&(i=N5):(o===N5||o===Nc)&&(i=CC)}this.updateStatus(!1,i)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var l=this.props.timeout,i,o,c;return i=o=c=l,l!=null&&typeof l!="number"&&(i=l.exit,o=l.enter,c=l.appear!==void 0?l.appear:o),{exit:i,enter:o,appear:c}},n.updateStatus=function(l,i){if(l===void 0&&(l=!1),i!==null)if(this.cancelNextCallback(),i===N5){if(this.props.unmountOnExit||this.props.mountOnEnter){var o=this.props.nodeRef?this.props.nodeRef.current:$m.findDOMNode(this);o&&TH0(o)}this.performEnter(l)}else this.performExit();else this.props.unmountOnExit&&this.state.status===C5&&this.setState({status:fp})},n.performEnter=function(l){var i=this,o=this.props.enter,c=this.context?this.context.isMounting:l,m=this.props.nodeRef?[c]:[$m.findDOMNode(this),c],u=m[0],p=m[1],f=this.getTimeouts(),A=c?f.appear:f.enter;if(!l&&!o||wH0.disabled){this.safeSetState({status:Nc},function(){i.props.onEntered(u)});return}this.props.onEnter(u,p),this.safeSetState({status:N5},function(){i.props.onEntering(u,p),i.onTransitionEnd(A,function(){i.safeSetState({status:Nc},function(){i.props.onEntered(u,p)})})})},n.performExit=function(){var l=this,i=this.props.exit,o=this.getTimeouts(),c=this.props.nodeRef?void 0:$m.findDOMNode(this);if(!i||wH0.disabled){this.safeSetState({status:C5},function(){l.props.onExited(c)});return}this.props.onExit(c),this.safeSetState({status:CC},function(){l.props.onExiting(c),l.onTransitionEnd(o.exit,function(){l.safeSetState({status:C5},function(){l.props.onExited(c)})})})},n.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(l,i){i=this.setNextCallback(i),this.setState(l,i)},n.setNextCallback=function(l){var i=this,o=!0;return this.nextCallback=function(c){o&&(o=!1,i.nextCallback=null,l(c))},this.nextCallback.cancel=function(){o=!1},this.nextCallback},n.onTransitionEnd=function(l,i){this.setNextCallback(i);var o=this.props.nodeRef?this.props.nodeRef.current:$m.findDOMNode(this),c=l==null&&!this.props.addEndListener;if(!o||c){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var m=this.props.nodeRef?[this.nextCallback]:[o,this.nextCallback],u=m[0],p=m[1];this.props.addEndListener(u,p)}l!=null&&setTimeout(this.nextCallback,l)},n.render=function(){var l=this.state.status;if(l===fp)return null;var i=this.props,o=i.children;i.in,i.mountOnEnter,i.unmountOnExit,i.appear,i.enter,i.exit,i.timeout,i.addEndListener,i.onEnter,i.onEntering,i.onEntered,i.onExit,i.onExiting,i.onExited,i.nodeRef;var c=FH0(i,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return $0.createElement(NH0.Provider,{value:null},typeof o=="function"?o(l,c):$0.cloneElement($0.Children.only(o),c))},t})($0.Component);br.contextType=NH0,br.propTypes=K71.NODE_ENV!=="production"?{nodeRef:a1.shape({current:typeof Element>"u"?a1.any:function(a,t,n,r,l,i){var o=a[t];return a1.instanceOf(o&&"ownerDocument"in o?o.ownerDocument.defaultView.Element:Element)(a,t,n,r,l,i)}}),children:a1.oneOfType([a1.func.isRequired,a1.element.isRequired]).isRequired,in:a1.bool,mountOnEnter:a1.bool,unmountOnExit:a1.bool,appear:a1.bool,enter:a1.bool,exit:a1.bool,timeout:function(t){var n=G71;t.addEndListener||(n=n.isRequired);for(var r=arguments.length,l=new Array(r>1?r-1:0),i=1;i<r;i++)l[i-1]=arguments[i];return n.apply(void 0,[t].concat(l))},addEndListener:a1.func,onEnter:a1.func,onEntering:a1.func,onEntered:a1.func,onExit:a1.func,onExiting:a1.func,onExited:a1.func}:{};function Tc(){}br.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Tc,onEntering:Tc,onEntered:Tc,onExit:Tc,onExiting:Tc,onExited:Tc},br.UNMOUNTED=fp,br.EXITED=C5,br.ENTERING=N5,br.ENTERED=Nc,br.EXITING=CC;var Q71={},X71=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return q71(t,r)})},NC=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return W71(t,r)})},TC=(function(a){kH0(t,a);function t(){for(var r,l=arguments.length,i=new Array(l),o=0;o<l;o++)i[o]=arguments[o];return r=a.call.apply(a,[this].concat(i))||this,r.appliedClasses={appear:{},enter:{},exit:{}},r.onEnter=function(c,m){var u=r.resolveArguments(c,m),p=u[0],f=u[1];r.removeClasses(p,"exit"),r.addClass(p,f?"appear":"enter","base"),r.props.onEnter&&r.props.onEnter(c,m)},r.onEntering=function(c,m){var u=r.resolveArguments(c,m),p=u[0],f=u[1],A=f?"appear":"enter";r.addClass(p,A,"active"),r.props.onEntering&&r.props.onEntering(c,m)},r.onEntered=function(c,m){var u=r.resolveArguments(c,m),p=u[0],f=u[1],A=f?"appear":"enter";r.removeClasses(p,A),r.addClass(p,A,"done"),r.props.onEntered&&r.props.onEntered(c,m)},r.onExit=function(c){var m=r.resolveArguments(c),u=m[0];r.removeClasses(u,"appear"),r.removeClasses(u,"enter"),r.addClass(u,"exit","base"),r.props.onExit&&r.props.onExit(c)},r.onExiting=function(c){var m=r.resolveArguments(c),u=m[0];r.addClass(u,"exit","active"),r.props.onExiting&&r.props.onExiting(c)},r.onExited=function(c){var m=r.resolveArguments(c),u=m[0];r.removeClasses(u,"exit"),r.addClass(u,"exit","done"),r.props.onExited&&r.props.onExited(c)},r.resolveArguments=function(c,m){return r.props.nodeRef?[r.props.nodeRef.current,c]:[c,m]},r.getClassNames=function(c){var m=r.props.classNames,u=typeof m=="string",p=u&&m?m+"-":"",f=u?""+p+c:m[c],A=u?f+"-active":m[c+"Active"],Z=u?f+"-done":m[c+"Done"];return{baseClassName:f,activeClassName:A,doneClassName:Z}},r}var n=t.prototype;return n.addClass=function(l,i,o){var c=this.getClassNames(i)[o+"ClassName"],m=this.getClassNames("enter"),u=m.doneClassName;i==="appear"&&o==="done"&&u&&(c+=" "+u),o==="active"&&l&&TH0(l),c&&(this.appliedClasses[i][o]=c,X71(l,c))},n.removeClasses=function(l,i){var o=this.appliedClasses[i],c=o.base,m=o.active,u=o.done;this.appliedClasses[i]={},c&&NC(l,c),m&&NC(l,m),u&&NC(l,u)},n.render=function(){var l=this.props;l.classNames;var i=FH0(l,["classNames"]);return $0.createElement(br,IZ({},i,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t})($0.Component);TC.defaultProps={classNames:""},TC.propTypes=Q71.NODE_ENV!=="production"?IZ({},br.propTypes,{classNames:Y71,onEnter:a1.func,onEntering:a1.func,onEntered:a1.func,onExit:a1.func,onExiting:a1.func,onExited:a1.func}):{};const PH0={Search:xe(TC)`
+`,j71=({amount:a="0",selectedFrequency:t=null,selectedCampus:n=null,selectedFund:r=null,predefinedAmounts:l="",onError:i,isProcessing:o=!1,onShowPayment:c,onSuccess:m,onAmountChange:u,onFrequencyChange:p,onCampusChange:f,onFundChange:A,onStartDateChange:Z,churchName:H,churchLogo:V,message:b,displayLogo:S,title:k,displayHeader:_})=>{const{currentChurch:C}=dp(),L=C9(),T=tH0(),{campuses:O,loading:R}=HC(),U=O.filter(Y=>Y.donationFunds&&Y.donationFunds.length>0),$=Y=>{if(Y.digital)return"Online";const t0=[];return Y.street1&&t0.push(Y.street1),Y.city&&t0.push(Y.city),Y.state&&t0.push(Y.state),Y.postalCode&&t0.push(Y.postalCode),t0.length>0?t0.join(", "):""},[X,r0]=e.useState(up(t)),n0=t?up(t):X,Q=["crossroads","crossroads_sandbox"].includes(C?.slug??"")?1:.5,[M0,y0]=e.useState(!1),o0=e.useRef(null),h0=e.useRef(null),q=e.useRef(null),G=e.useRef(null),e0=e.useRef(null),z=l?l.split(",").map(Y=>Y.trim()).filter(Y=>Y):[];e.useEffect(()=>{L.page("Donate screen viewed",{path:"/donate",church_slug:C?.slug||""})},[L,C?.slug]),e.useEffect(()=>{t&&r0(up(t))},[t]),e.useEffect(()=>{X&&o0.current&&q.current&&setTimeout(()=>{const Y=q.current,t0=o0.current;if(Y&&t0){const Z0=Y.getBoundingClientRect();t0.getBoundingClientRect().bottom>Z0.bottom&&t0.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[X]),e.useEffect(()=>{n&&h0.current&&q.current&&setTimeout(()=>{const Y=q.current,t0=h0.current;if(Y&&t0){const Z0=Y.getBoundingClientRect();t0.getBoundingClientRect().bottom>Z0.bottom&&t0.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[n]);const[p0,v0]=e.useState(80),m0=e.useRef(null);e.useEffect(()=>{m0.current&&(m0.current.textContent=a||"0",v0(Math.max(m0.current.offsetWidth+16,80)))},[a]),e.useEffect(()=>{const Y=setTimeout(()=>{m0.current&&(m0.current.textContent=a||"0",v0(Math.max(m0.current.offsetWidth+16,80)))},10);return()=>clearTimeout(Y)},[a]);const x0=Y=>{const t0=parseFloat(Y);return!isNaN(t0)&&t0>999999.99},l0=Y=>{let t0=Y.replace(/[^0-9.]/g,"");if(t0.includes(".")){const Z0=t0.split(".");Z0.length>2&&(t0=Z0[0]+"."+Z0.slice(1).join("")),Z0[1]&&Z0[1].length>2&&(t0=Z0[0]+"."+Z0[1].substring(0,2))}return t0.length>1&&t0[0]==="0"&&t0[1]!=="."&&(t0=t0.substring(1)),x0(t0)?a:(t0==="."&&(t0="0."),u?.(t0),t0)},u0=Y=>{const t0=O.find(Z0=>Z0.id===Y);if(t0){const Z0={...t0,donationFunds:t0.donationFunds?t0.donationFunds.map(e1=>({...e1})):[]};f?.(Z0);const N0=C71(r,Z0);A?.(N0)}else f?.(null),A?.(null)},g0=Y=>{if(!n)return;const t0=n.donationFunds?.find(Z0=>Z0.id===Y);A?.(t0?{...t0}:null)},L0=Y=>{const Z0=_c.find(N0=>N0.id===Y)||null;Z0&&t?.startDate&&(w71(t.startDate,Z0)||Z?.(null)),p?.(Z0)},V0=Y=>{Z?.(Y)},B=()=>{const Y=X6(a);if(!Y||Y<=0){setTimeout(()=>{G.current&&(G.current.focus(),G.current.select(),G.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(Y<Q){i({message:`Please enter an amount of $${Cc(Q)} or more`}),setTimeout(()=>{G.current&&(G.current.focus(),G.current.select(),G.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(!n){y0(!0);return}if(!r){requestAnimationFrame(()=>{requestAnimationFrame(()=>{const t0=document.querySelector("[data-fund-dropdown-button]");t0&&(t0.scrollIntoView({behavior:"smooth",block:"center"}),t0.focus({preventScroll:!0}))})});return}if(n0&&!t){setTimeout(()=>{e0.current&&(e0.current.focus(),e0.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}L.track("Donation Started",{amount:Y,fund:r?.id||"",campusId:n?.id||"",is_recurring:n0}),c&&c()};return w.jsxs("div",{className:"flex flex-col h-full","data-testid":"donation-setup-form",children:[w.jsx("style",{children:$71}),_!=="false"?w.jsx(FC,{churchName:H,churchLogo:V,message:b,title:k,displayLogo:S,theme:T||void 0}):null,w.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto p-6",ref:q,children:w.jsxs("div",{className:"space-y-4",children:[w.jsx("div",{className:"flex flex-col items-center",children:w.jsxs("button",{type:"button",onClick:()=>y0(!0),disabled:o||R,className:"flex items-center gap-1 text-fg-primary dark:text-fg-primary-dark hover:opacity-70 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed",children:[C?.logo?w.jsx("div",{className:"w-6 h-6 rounded-full overflow-hidden flex-shrink-0 flex items-center justify-center p-1",style:{backgroundColor:T?.colors?.base?.primary||"rgb(var(--color-brand-primary, 0 103 109))"},children:w.jsx("img",{src:C.logo,alt:`${H} logo`,className:"w-full h-full object-contain"})}):null,w.jsx("span",{className:"text-base font-medium",children:n?.name||"Select a Location"}),w.jsx(bH0,{size:16,weight:"bold",className:"flex-shrink-0",style:{color:T?.colors?.base?.secondary||"rgb(var(--color-brand-secondary, 23 181 130))"}})]})}),w.jsxs("div",{className:"",children:[w.jsxs("div",{className:K1("flex items-start justify-center text-[60px] font-bold leading-none min-h-[60px] transition-opacity",(o||R)&&"opacity-60"),children:[w.jsx("span",{className:"text-3xl leading-normal font-bold mt-3 flex-none text-primary dark:text-white",children:"$"}),w.jsx("span",{ref:m0,className:"absolute invisible h-0 overflow-hidden whitespace-pre text-[80px] font-bold font-inherit p-0 m-0",style:{fontFamily:"inherit",position:"absolute",left:"-9999px",top:"-9999px"},children:a||"0"}),w.jsx("input",{ref:G,type:"text",inputMode:"decimal",placeholder:"0",value:a,onKeyDown:Y=>{if(!["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(Y.key)){if(/^[0-9]$/.test(Y.key)||Y.key==="."||Y.ctrlKey||Y.metaKey){if(Y.key==="."&&a.includes(".")){Y.preventDefault();return}if(/^[0-9]$/.test(Y.key)){const t0=Y.target,Z0=t0.value,N0=t0.selectionStart||0,e1=Z0.substring(0,N0)+Y.key+Z0.substring(t0.selectionEnd||0);if(x0(e1)){Y.preventDefault();return}}return}Y.preventDefault()}},onChange:Y=>{const t0=Y.target.value,Z0=l0(t0);requestAnimationFrame(()=>{if(m0.current){const N0=Z0??a;m0.current.textContent=N0||"0";const e1=Math.max(m0.current.offsetWidth+16,80);v0(e1)}})},onInput:Y=>{const t0=Y.target.value;if(m0.current){m0.current.textContent=t0||"0";const Z0=Math.max(m0.current.offsetWidth+16,80);v0(Z0)}},onKeyUp:Y=>{const t0=Y.target.value;if(m0.current){m0.current.textContent=t0||"0";const Z0=Math.max(m0.current.offsetWidth+16,80);v0(Z0)}},onFocus:Y=>{setTimeout(()=>{Y.target.select()},0)},onBlur:()=>{const Y=X6(a);Y>0&&u?.(Cc(Y))},onClick:Y=>{Y.target.select()},disabled:o||R,className:"text-[80px] font-bold border-none outline-none bg-transparent flex-none p-0 m-0 text-primary dark:text-white caret-current text-center appearance-none transition-[width] duration-100 ease-in-out",style:{width:`${p0}px`}})]}),z&&z.length>0?w.jsx("div",{className:"flex flex-wrap pt-12",style:{gap:"6px"},children:z.map(Y=>w.jsxs(e2,{onClick:()=>l0(Y),disabled:o||R,surface:a===Y?"solid":"system",className:"min-w-0 flex-1",style:{flexBasis:"calc(25% - 4.5px)",minWidth:"0",...a===Y&&{"--btn-bg":"rgb(var(--color-brand-primary))","--btn-hover-overlay":"rgb(255 255 255 / 15%)"}},children:["$",Y]},Y))}):null]}),n?w.jsx("div",{ref:h0,className:"flex flex-col items-center",children:n.donationFunds&&n.donationFunds.length>0?w.jsxs(nb,{children:[w.jsxs(VO0,{disabled:o,className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-system-regular dark:bg-system-regular-dark font-semibold focus:outline focus:outline-2 focus:outline-offset-4",style:{outlineColor:T?.colors?.base?.secondary||"#17B582"},"data-fund-dropdown-button":!0,children:[w.jsx("span",{children:r?.displayName||r?.name||"Select a fund"}),w.jsx(or,{size:16,weight:"bold"})]}),w.jsx(rb,{className:"!z-30",children:n.donationFunds?.sort((Y,t0)=>(Y.displayOrder||0)-(t0.displayOrder||0)).map(Y=>w.jsx(Ml,{onClick:()=>g0(Y.id),children:Y.displayName||Y.name},Y.id))})]}):w.jsx("div",{className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-system-regular dark:bg-system-regular-dark font-semibold text-fg-secondary dark:text-fg-secondary-dark",children:w.jsx("span",{children:"No funds available"})})}):null,w.jsx("div",{className:K1("relative block w-full h-[48px] rounded-lg before:absolute before:inset-px before:rounded-[calc(theme(borderRadius.lg)-1px)] before:bg-white before:shadow-[0_1px_2px_0_rgba(0,0,0,0.07),0_1px_1px_-1px_rgba(0,0,0,0.08)] before:pointer-events-none dark:before:hidden bg-transparent dark:bg-white/5",(o||R)&&"opacity-50"),children:w.jsxs("div",{className:"relative z-10 flex items-center justify-between h-full rounded-lg border border-system-thin dark:border-system-thin-dark px-[calc(theme(spacing[3.5])-1px)] py-[calc(theme(spacing[2.5])-1px)] sm:px-[calc(theme(spacing[3])-1px)] sm:py-[calc(theme(spacing[1.5])-1px)]",children:[w.jsx(fe,{className:"text-base/6 text-fg-primary dark:text-fg-primary-dark sm:text-sm/6",children:"Make Recurring"}),w.jsxs(AO0,{checked:X,onChange:Y=>{r0(Y),Y||p?.(null)},disabled:o||R,className:K1("inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-action disabled:opacity-50 disabled:cursor-not-allowed",n0?"bg-action":"bg-system-regular dark:bg-system-regular-dark"),children:[w.jsx("span",{className:"sr-only",children:"Make Recurring"}),w.jsx("span",{"aria-hidden":"true",className:K1("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out",n0?"translate-x-5":"translate-x-0")})]})]})}),X?w.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[w.jsxs("div",{ref:o0,className:"[&_[data-slot=control]]:h-[48px] [&_select]:h-full [&_select]:flex [&_select]:items-center",children:[w.jsx(fe,{className:"mb-1 text-xs text-left",fg:"secondary",children:"Frequency"}),w.jsxs(ox0,{ref:e0,value:t?.id||"",onChange:Y=>L0(Y.target.value),disabled:o||R,required:!0,surface:"system",className:"focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:rounded-lg",style:{outlineColor:T?.colors?.base?.secondary||"#17B582"},children:[w.jsx("option",{value:"",children:"Select a frequency"}),_c.map(Y=>w.jsx("option",{value:Y.id,children:Y.id},Y.id))]})]}),w.jsx("div",{children:w.jsx(I71,{startDate:t?.startDate??null,frequency:t||_c[2],onStartDateChange:V0,disabled:o||R})})]}):null]})}),w.jsxs("div",{className:"sticky bottom-0 z-10 px-6 py-4",children:[w.jsx(e2,{type:"button",className:"w-full py-3",onClick:B,disabled:o||R,surface:X6(a)>0&&n&&r&&(!n0||t)?"solid":"system","data-secondary-button":X6(a)>0&&n&&r&&(!n0||t)?!0:void 0,children:o?w.jsx("div",{className:"flex items-center justify-center gap-2",children:w.jsx(kl,{size:20,className:"animate-spin",weight:"bold"})}):X6(a)<=0?"To Give, Enter Amount":n?r?n0&&!t?"Next: Select Frequency":`Give $${Cc(X6(a))}${n0&&t?` ${t.id}`:""}`:"Next: Select Fund":"Next: Select Location"}),w.jsx(VH0,{amount:a,selectedFrequency:t,selectedCampus:n,selectedFund:r,isRecurring:n0,minimumAllowedAmount:Q,onError:i,onSuccess:m}),w.jsxs("div",{className:"text-center mt-4 px-6 space-y-3",children:[w.jsxs(fe,{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark",children:["Powered by"," ",w.jsx("a",{href:"https://apollos.com",target:"_blank",rel:"noopener noreferrer",className:"underline","data-footer-link":!0,children:"Apollos"}),". By making this gift, I agree to the Apollos"," ",w.jsx("a",{href:"https://apollos.com/terms",target:"_blank",rel:"noopener noreferrer",className:"underline","data-footer-link":!0,children:"Terms of Service"})," ","and"," ",w.jsx("a",{href:"https://apollos.com/privacy",target:"_blank",rel:"noopener noreferrer",className:"underline","data-footer-link":!0,children:"Privacy Policy"}),"."]}),w.jsxs("div",{className:"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg bg-white dark:bg-system-regular-dark",children:[w.jsx(SH0,{size:16,color:"#17B582",className:"flex-shrink-0",weight:"bold"}),w.jsx(fe,{className:"text-sm font-light",fg:"secondary",children:"Secure & Encrypted"})]})]})]}),w.jsx(LO0,{open:M0,onClose:()=>y0(!1),className:"!max-w-2xl !max-h-[90vh] !p-0 flex flex-col",children:w.jsxs("div",{className:"flex flex-col max-h-[90vh]",children:[w.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-system-regular dark:border-system-regular-dark flex-shrink-0",children:[w.jsx(FO0,{children:"Location"}),w.jsx(e2,{type:"button",onClick:()=>y0(!1),surface:"system",className:"p-2",children:w.jsx(Q3,{size:20})})]}),w.jsx(kO0,{className:"flex-1 overflow-y-auto px-6 py-4 !mt-0 min-h-0",children:R?w.jsx("div",{className:"flex items-center justify-center py-8",children:w.jsx(fe,{fg:"secondary",children:"Loading..."})}):w.jsx(ax0,{value:n?.id||"",onChange:Y=>u0(Y),className:"space-y-3",children:U.map(Y=>{const t0=$(Y);return w.jsxs(tx0,{variant:"card",children:[w.jsx(lx0,{value:Y.id}),w.jsxs(BA,{className:"!flex !flex-col !items-start !p-4 !gap-0",children:[w.jsx("span",{className:"font-semibold text-base text-fg-primary dark:text-fg-primary-dark",children:Y.name}),t0?w.jsx("span",{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark mt-0.5",children:t0}):null]})]},Y.id)})})}),w.jsx(_O0,{className:"!mt-0 !flex-col border-t border-system-regular dark:border-system-regular-dark px-6 py-4 [&>*]:!w-full",children:w.jsx(e2,{type:"button",onClick:()=>y0(!1),surface:n?"solid":"system","data-secondary-button":n?!0:void 0,className:"w-full",children:"Done"})})]})})]})},LH0=({onRetry:a,email:t})=>w.jsx("div",{className:"text-center p-6 flex flex-col items-center",children:w.jsxs("div",{className:"flex flex-col items-stretch gap-8",children:[w.jsx("div",{className:"self-center",children:w.jsx($v,{size:64,color:"#22c55e",weight:"fill"})}),w.jsxs("div",{className:"flex flex-col items-center gap-1",children:[w.jsx(fe,{as:"h3",children:"Thank you for your gift!"}),t&&w.jsxs(fe,{fg:"secondary",children:["We've sent a confirmation to ",t]})]}),w.jsx("div",{className:"w-full",children:w.jsx(e2,{surface:"solid",onClick:a,className:"w-full","data-secondary-button":!0,children:"Give Again"})})]})});LH0.propTypes={onRetry:a1.func.isRequired,email:a1.string.isRequired};const R71=({amount:a="0",frequency:t,message:n="",campus:r="",fund:l="",predefinedAmounts:i="",width:o="",height:c="",displayLogo:m="",title:u="",displayHeader:p="",prefilledPayment:f=null,userFirstName:A=null,userLastName:Z=null,userEmail:H=null,userPhone:V=null,currentUser:b=null,onAuthRequired:S,onOnboardingRequired:k,onClearParams:_,onGiveAgain:C})=>{const L=X0=>typeof X0=="string"&&parseFloat(X0)>0,T=X0=>typeof X0=="string"&&X0.trim().length>0,O=X0=>X0===null||typeof X0=="string"&&X0.trim().length>0,R=X0=>X0==null||typeof X0=="object"&&!!X0.id,U=e.useCallback(X0=>X0?L(X0.amount)&&T(X0.campusId)&&O(X0.fundId||null)&&R(X0.selectedFrequency):!1,[]),[$,X]=e.useState("setup"),[r0,n0]=e.useState(""),[J,Q]=e.useState(null),[M0,y0]=e.useState(null),[o0,h0]=e.useState(null),[q,G]=e.useState(!1),[e0,z]=e.useState(null),[p0,v0]=e.useState(()=>({amount:a,selectedFrequency:_Z(t),selectedCampusId:r||null,selectedFundId:l||null,selectedCampus:null,selectedFund:null})),[m0,x0]=e.useState(!1);e.useEffect(()=>{f&&f.amount&&f.campusId&&v0({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null})},[f]);const l0=e.useRef({amount:a,campus:r,fund:l}),{currentChurch:u0,loading:g0,error:L0}=dp(),{campuses:V0}=HC(),{matchedCampus:B,matchedFund:Y}=m51(V0,p0.selectedCampusId,p0.selectedFundId),t0=f51(),Z0=tH0(),N0=e.useMemo(()=>{const X0={light:{primary:Z0?.colors?.base?.primary||"#00676D",background:pe.colors.light.fill.screen,componentBackground:pe.colors.light.fill.paper,componentBorder:pe.colors.light.neutral.gray5,componentDivider:pe.colors.light.neutral.gray4,primaryText:pe.colors.light.text.primary,secondaryText:pe.colors.light.text.secondary,componentText:pe.colors.light.text.primary,icon:pe.colors.light.neutral.gray},dark:{primary:Z0?.colors?.base?.primary||"#00676D",background:pe.colors.dark.fill.screen,componentBackground:pe.colors.dark.fill.paper,componentBorder:pe.colors.dark.neutral.gray5,componentDivider:pe.colors.dark.neutral.gray4,primaryText:pe.colors.dark.text.primary,secondaryText:pe.colors.dark.text.secondary,componentText:pe.colors.dark.text.primary,icon:pe.colors.dark.neutral.gray}};return{theme:t0==="dark"?"night":"stripe",variables:{colorPrimary:Z0?.colors?.base?.secondary||"#17B582",colorBackground:t0==="dark"?X0.dark.componentBackground:X0.light.componentBackground,colorText:t0==="dark"?X0.dark.primaryText:X0.light.primaryText,colorTextSecondary:t0==="dark"?X0.dark.secondaryText:X0.light.secondaryText,colorTextPlaceholder:t0==="dark"?X0.dark.secondaryText:X0.light.secondaryText,colorDanger:Z0?.colors?.base?.alert||"#FF4444",colorSuccess:Z0?.colors?.base?.success||"#17B582",colorWarning:Z0?.colors?.base?.warning||"#FFA500",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",fontSizeBase:"16px",spacingUnit:Z0?.space?.xxxs||"4px",borderRadius:Z0?.radii?.base||"6px",iconColor:t0==="dark"?X0.dark.icon:X0.light.icon}}},[Z0,t0]);e.useEffect(()=>{const X0=u0?.stripeConnectAccount?.publishableKey;if(!X0){z(null);return}const T1=EH0(X0);z(T1)},[u0?.stripeConnectAccount?.publishableKey]),e.useEffect(()=>{if(!f)if(t!==void 0)v0(X0=>({...X0,selectedFrequency:_Z(t)}));else if(u0?.givingDefaultFrequency){const X0=v51(u0.givingDefaultFrequency,_c.map(ye=>ye.id)),T1=X0&&_c.find(ye=>ye.id===X0)||null;v0(ye=>({...ye,selectedFrequency:T1}))}else v0(X0=>({...X0,selectedFrequency:null}))},[u0?.givingDefaultFrequency,f,t]),e.useEffect(()=>{!f&&a!==l0.current.amount&&a!==p0.amount&&v0(X0=>({...X0,amount:a})),l0.current.amount=a},[a,p0.amount,f]),e.useEffect(()=>{!f&&r!==l0.current.campus&&r!==p0.selectedCampusId&&v0(X0=>({...X0,selectedCampusId:r||null,selectedCampus:null,selectedFund:null,selectedFundId:null})),l0.current.campus=r},[r,p0.selectedCampusId,f]),e.useEffect(()=>{!f&&l!==l0.current.fund&&l!==p0.selectedFundId&&v0(X0=>({...X0,selectedFundId:l||null,selectedFund:null})),l0.current.fund=l},[l,p0.selectedFundId,f]),e.useEffect(()=>{if(!f&&p0.selectedFundId&&p0.selectedCampus?.donationFunds&&!p0.selectedFund){let X0=p0.selectedCampus.donationFunds.find(T1=>T1.id===p0.selectedFundId);X0||(X0=p0.selectedCampus.donationFunds.find(T1=>yn(p0.selectedFundId,T1.name)||T1.displayName&&yn(p0.selectedFundId,T1.displayName))),X0&&v0(T1=>({...T1,selectedFund:{...X0}}))}},[f,p0.selectedFundId,p0.selectedCampus?.donationFunds,p0.selectedFund]),e.useEffect(()=>{if(!p0.selectedCampus&&B){const X0={...B,donationFunds:B.donationFunds?B.donationFunds.map(T1=>({...T1})):[]};v0(T1=>({...T1,selectedCampus:X0,selectedCampusId:X0.id,selectedFund:Y?{...Y}:T1.selectedFund}))}},[B,Y,p0.selectedCampus]);const[e1,{loading:S1}]=aH0(),M1=e.useCallback(X0=>{h0(X0),X("success")},[]),O1=e.useCallback(X0=>{n0(X0.message)},[]),u1=e.useCallback(()=>{n0("")},[]),P0=e.useCallback(()=>{if(C){C();return}if(X("setup"),n0(""),Q(null),x0(!1),h0(null),v0({amount:a,selectedFrequency:_Z(t),selectedCampusId:null,selectedFundId:null,selectedCampus:null,selectedFund:null}),G(!1),_)_();else if(typeof window<"u"){const X0=new URL(window.location.href);X0.search="",window.history.replaceState({},"",X0.pathname)}},[C,a,t,_]),U0=e.useCallback(X0=>{v0(T1=>({...T1,amount:X0}))},[]),J0=e.useCallback(X0=>{v0(T1=>{const ye=X0?{...X0,startDate:T1.selectedFrequency?.startDate}:null;return{...T1,selectedFrequency:ye}})},[]),F0=e.useCallback(X0=>{v0(T1=>({...T1,selectedFrequency:T1.selectedFrequency?{...T1.selectedFrequency,startDate:X0??void 0}:null}))},[]),O0=e.useCallback(X0=>{v0(T1=>({...T1,selectedCampus:X0,selectedCampusId:X0?.id||null,selectedFund:null,selectedFundId:null}))},[]),t1=e.useCallback(X0=>{v0(T1=>({...T1,selectedFund:X0,selectedFundId:X0?.id||null}))},[]),F1=e.useCallback(async(X0,T1,ye,qe,Re)=>{if(!b&&S){S({amount:X0,frequency:T1,campusId:ye,fundId:qe,startDate:Re});return}if(b&&!b.connectedChurchProfile?.id&&k){k({amount:X0,frequency:T1,campusId:ye,fundId:qe,startDate:Re});return}try{const Ee={amount:Math.round(X0*100),campusId:ye||"",fundId:qe||null};Ee.recurring=cH0(T1,Re);const{data:We,errors:P2}=await e1({variables:{input:Ee}});if(P2)throw new Error(P2[0].message);if(We?.createPaymentIntent?.clientSecret)Q(We.createPaymentIntent.clientSecret),y0(We.createPaymentIntent.customerSecret??null),X("payment");else throw new Error("No client secret received from server")}catch(Ee){O1(Ee)}},[e1,O1,b,S,k]),te=e.useCallback(()=>{X("setup"),Q(null),y0(null)},[]),n1={width:o?isNaN(Number(o))?o:`${o}px`:"100%",height:c?isNaN(Number(c))?c:`${c}px`:"500px",maxWidth:o?void 0:"400px",margin:o?"0":"0 auto",border:"none",position:"relative",overflow:"hidden",padding:0};if(e.useEffect(()=>{f&&U(f)&&!g0&&!S1&&!m0&&$==="setup"&&(x0(!0),v0({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null}),F1(parseFloat(f.amount),bC(f.selectedFrequency),f.campusId,f.fundId??"",f.startDate??null))},[f,g0,S1,m0,$,F1,U]),L0)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3",children:[w.jsx(fe,{fg:"secondary",className:"text-center px-8",children:"Unable to load church information. Please try again later."}),w.jsx(e2,{surface:"tinted",onClick:P0,className:"mt-2",children:"Try Again"})]})});if(!g0&&u0&&u0.givingEnabled===!1)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3 space-y-2",children:[w.jsx(IZ0,{size:32,weight:"duotone"}),w.jsx(fe,{fg:"secondary",className:"text-center px-8",children:"Online giving is closed. For questions, please contact support."}),w.jsx(e2,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if(!g0&&u0&&u0.givingInMaintenance===!0)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3 space-y-2",children:[w.jsx(xZ0,{size:32,weight:"duotone"}),w.jsx(fe,{fg:"secondary",className:"text-center px-8",children:"We're updating the giving experience. Please check back shortly."})]})});if(!g0&&!e0)return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center p-3",children:[w.jsx($Z0,{size:32,weight:"duotone"}),w.jsx(fe,{fg:"secondary",className:"text-center",children:"Online giving is not currently available. Please contact your church for assistance."}),w.jsx(e2,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if($==="success")return w.jsx("div",{style:n1,className:"flex flex-col h-full",children:w.jsx("div",{className:"flex-1 flex flex-col justify-center items-center",children:w.jsx(LH0,{onRetry:P0,email:o0})})});const k1=A||Z?`${A} ${Z}`.trim():"",C1=u0?.name||"Your Church",ge="div",Ze={style:n1,className:"flex flex-col h-full"};return w.jsxs(ge,{...Ze,children:[r0?w.jsxs("div",{className:"absolute top-0 left-0 right-0 z-[50] p-3 flex items-center gap-2 bg-red-50 dark:bg-red-900 rounded-xl",style:{borderColor:Z0?.colors?.base?.alert||"#FF4444"},children:[w.jsx(jZ0,{size:20,color:Z0?.colors?.base?.alert||"#FF4444",weight:"fill"}),w.jsx("div",{className:"flex-1",children:w.jsx(fe,{className:"text-red-700 dark:text-red-300 font-medium text-sm",children:r0})}),w.jsx(e2,{surface:"tinted",onClick:u1,className:"p-1 min-w-0 text-red-700 dark:text-red-300 hover:bg-red-100 dark:hover:bg-red-800/30",children:w.jsx(Q3,{size:16})})]}):null,w.jsx("div",{className:"flex flex-col h-full min-h-[400px]",children:$==="payment"&&J&&e0?w.jsx(gC,{stripe:e0,options:{clientSecret:J,appearance:N0,...M0?{customerSessionClientSecret:M0}:{}},children:w.jsx(yH0,{amount:p0?.amount?parseFloat(p0.amount):parseFloat(a),selectedFrequency:p0?.selectedFrequency,selectedCampusId:p0?.selectedCampusId||void 0,selectedFundId:p0?.selectedFundId||void 0,clientSecret:J,onSuccess:M1,onError:O1,isProcessing:q,onProcessingChange:G,onBack:te,userFullName:k1,userEmail:H||void 0,userPhone:V||void 0,churchName:C1,churchLogo:u0?.logo,message:n,displayLogo:m,title:u,displayHeader:p})}):$==="payment"?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(kl,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(fe,{children:"Loading payment form..."})]}):$==="setup"&&!(f&&U(f)&&!m0)?w.jsx(j71,{amount:p0.amount,selectedFrequency:p0.selectedFrequency,selectedCampus:p0.selectedCampus,selectedFund:p0.selectedFund,predefinedAmounts:i,onError:X0=>O1(new Error(X0.message)),onSuccess:M1,isProcessing:S1,onAmountChange:U0,onFrequencyChange:J0,onCampusChange:O0,onFundChange:t1,onStartDateChange:F0,onShowPayment:()=>{const X0=typeof p0.amount=="string"?parseFloat(p0.amount):p0.amount,T1=bC(p0.selectedFrequency);F1(X0,T1,p0.selectedCampusId||"",p0.selectedFundId||"",p0.selectedFrequency?.startDate??null)},churchName:C1,churchLogo:u0?.logo,message:n,displayLogo:m,title:u,displayHeader:p}):$==="setup"&&f&&U(f)&&!m0?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(kl,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(fe,{children:"Preparing your donation..."})]}):null})]})},D71=a=>{const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=()=>({width:a.width?isNaN(Number(a.width))?a.width:`${a.width}px`:"100%",height:a.height?isNaN(Number(a.height))?a.height:`${a.height}px`:"500px",maxWidth:a.width?void 0:"400px",margin:a.width?"0":"0 auto",border:"none",position:"relative",overflow:"hidden",padding:0});return w.jsx(iH0,{children:t?w.jsx(R71,{...a}):w.jsx("div",{style:r(),className:"flex flex-col h-full",children:w.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center",children:[w.jsx(kl,{size:24,className:"animate-spin text-fg-tertiary dark:text-fg-tertiary-dark mb-3",weight:"regular"}),w.jsx(fe,{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark",children:"Loading donation form..."})]})})})},z71=e.forwardRef(function({to:t,href:n,isExternal:r,...l},i){const{navigate:o}=pZ(),c=Ov0(),m=xv0(),u=Iv0(),p=Fw(),f=Tt1();if(r&&n||!t)return w.jsx("a",{ref:i,href:n,...l});let A,Z=!1;const H=S=>typeof S=="string"&&S.startsWith("/")?S:`/${S}`,V=S=>typeof S=="string"?S?.split("/").filter(Boolean).slice(-1)[0]:null;if(typeof t=="object"){if(!t.contentId)return null;A=t.contentId.split(":").join("-"),Z=A?.startsWith("FeatureFeed-")}else if(typeof t=="string"){const S=H(t),k=V(S);if(S.includes("/f/")){if(!u&&!p){const _=on1();return w.jsx("a",{ref:i,...l,href:`${_}${S}`,target:"_blank",rel:"noopener noreferrer"})}if(!k)return null;A=k.startsWith("FeatureFeed-")?k:`FeatureFeed-${k}`,Z=!0}else if(S.includes("/live/")){if(!k)return null;A=k.startsWith("Livestream-")?k:`Livestream-${k}`}else if(k?.includes("-"))A=k,Z=A.startsWith("FeatureFeed-");else if(k?.includes(":"))A=k.split(":").join("-"),Z=A.startsWith("FeatureFeed-");else return null}else return null;if(!u&&!p)return w.jsx("a",{ref:i,...l,href:`https://apollos.site/@${f}/c/${A}`,target:"_blank",rel:"noopener noreferrer"});let b=m&&p?`/${Z?"af":"ac"}/${A}`:`?${c?"apollosId":"id"}=${A}`;return p||(b=`${u}${n}`),w.jsx("a",{ref:i,...l,href:b,onClick:S=>{S.preventDefault(),o({id:A})}})}),B71=({children:a})=>w.jsx(vO0,{linkComponent:z71,children:a});function IZ(){return IZ=Object.assign?Object.assign.bind():function(a){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(a[r]=n[r])}return a},IZ.apply(null,arguments)}function FH0(a,t){if(a==null)return{};var n={};for(var r in a)if({}.hasOwnProperty.call(a,r)){if(t.includes(r))continue;n[r]=a[r]}return n}function wC(a,t){return wC=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},wC(a,t)}function kH0(a,t){a.prototype=Object.create(t.prototype),a.prototype.constructor=a,wC(a,t)}function U71(a,t){return a.classList?!!t&&a.classList.contains(t):(" "+(a.className.baseVal||a.className)+" ").indexOf(" "+t+" ")!==-1}function q71(a,t){a.classList?a.classList.add(t):U71(a,t)||(typeof a.className=="string"?a.className=a.className+" "+t:a.setAttribute("class",(a.className&&a.className.baseVal||"")+" "+t))}function _H0(a,t){return a.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function W71(a,t){a.classList?a.classList.remove(t):typeof a.className=="string"?a.className=_H0(a.className,t):a.setAttribute("class",_H0(a.className&&a.className.baseVal||"",t))}const wH0={disabled:!1};var CH0={},G71=CH0.NODE_ENV!=="production"?a1.oneOfType([a1.number,a1.shape({enter:a1.number,exit:a1.number,appear:a1.number}).isRequired]):null,Y71=CH0.NODE_ENV!=="production"?a1.oneOfType([a1.string,a1.shape({enter:a1.string,exit:a1.string,active:a1.string}),a1.shape({enter:a1.string,enterDone:a1.string,enterActive:a1.string,exit:a1.string,exitDone:a1.string,exitActive:a1.string})]):null;const NH0=$0.createContext(null);var TH0=function(t){return t.scrollTop},K71={},fp="unmounted",C5="exited",N5="entering",Nc="entered",CC="exiting",br=(function(a){kH0(t,a);function t(r,l){var i;i=a.call(this,r,l)||this;var o=l,c=o&&!o.isMounting?r.enter:r.appear,m;return i.appearStatus=null,r.in?c?(m=C5,i.appearStatus=N5):m=Nc:r.unmountOnExit||r.mountOnEnter?m=fp:m=C5,i.state={status:m},i.nextCallback=null,i}t.getDerivedStateFromProps=function(l,i){var o=l.in;return o&&i.status===fp?{status:C5}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(l){var i=null;if(l!==this.props){var o=this.state.status;this.props.in?o!==N5&&o!==Nc&&(i=N5):(o===N5||o===Nc)&&(i=CC)}this.updateStatus(!1,i)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var l=this.props.timeout,i,o,c;return i=o=c=l,l!=null&&typeof l!="number"&&(i=l.exit,o=l.enter,c=l.appear!==void 0?l.appear:o),{exit:i,enter:o,appear:c}},n.updateStatus=function(l,i){if(l===void 0&&(l=!1),i!==null)if(this.cancelNextCallback(),i===N5){if(this.props.unmountOnExit||this.props.mountOnEnter){var o=this.props.nodeRef?this.props.nodeRef.current:$m.findDOMNode(this);o&&TH0(o)}this.performEnter(l)}else this.performExit();else this.props.unmountOnExit&&this.state.status===C5&&this.setState({status:fp})},n.performEnter=function(l){var i=this,o=this.props.enter,c=this.context?this.context.isMounting:l,m=this.props.nodeRef?[c]:[$m.findDOMNode(this),c],u=m[0],p=m[1],f=this.getTimeouts(),A=c?f.appear:f.enter;if(!l&&!o||wH0.disabled){this.safeSetState({status:Nc},function(){i.props.onEntered(u)});return}this.props.onEnter(u,p),this.safeSetState({status:N5},function(){i.props.onEntering(u,p),i.onTransitionEnd(A,function(){i.safeSetState({status:Nc},function(){i.props.onEntered(u,p)})})})},n.performExit=function(){var l=this,i=this.props.exit,o=this.getTimeouts(),c=this.props.nodeRef?void 0:$m.findDOMNode(this);if(!i||wH0.disabled){this.safeSetState({status:C5},function(){l.props.onExited(c)});return}this.props.onExit(c),this.safeSetState({status:CC},function(){l.props.onExiting(c),l.onTransitionEnd(o.exit,function(){l.safeSetState({status:C5},function(){l.props.onExited(c)})})})},n.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(l,i){i=this.setNextCallback(i),this.setState(l,i)},n.setNextCallback=function(l){var i=this,o=!0;return this.nextCallback=function(c){o&&(o=!1,i.nextCallback=null,l(c))},this.nextCallback.cancel=function(){o=!1},this.nextCallback},n.onTransitionEnd=function(l,i){this.setNextCallback(i);var o=this.props.nodeRef?this.props.nodeRef.current:$m.findDOMNode(this),c=l==null&&!this.props.addEndListener;if(!o||c){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var m=this.props.nodeRef?[this.nextCallback]:[o,this.nextCallback],u=m[0],p=m[1];this.props.addEndListener(u,p)}l!=null&&setTimeout(this.nextCallback,l)},n.render=function(){var l=this.state.status;if(l===fp)return null;var i=this.props,o=i.children;i.in,i.mountOnEnter,i.unmountOnExit,i.appear,i.enter,i.exit,i.timeout,i.addEndListener,i.onEnter,i.onEntering,i.onEntered,i.onExit,i.onExiting,i.onExited,i.nodeRef;var c=FH0(i,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return $0.createElement(NH0.Provider,{value:null},typeof o=="function"?o(l,c):$0.cloneElement($0.Children.only(o),c))},t})($0.Component);br.contextType=NH0,br.propTypes=K71.NODE_ENV!=="production"?{nodeRef:a1.shape({current:typeof Element>"u"?a1.any:function(a,t,n,r,l,i){var o=a[t];return a1.instanceOf(o&&"ownerDocument"in o?o.ownerDocument.defaultView.Element:Element)(a,t,n,r,l,i)}}),children:a1.oneOfType([a1.func.isRequired,a1.element.isRequired]).isRequired,in:a1.bool,mountOnEnter:a1.bool,unmountOnExit:a1.bool,appear:a1.bool,enter:a1.bool,exit:a1.bool,timeout:function(t){var n=G71;t.addEndListener||(n=n.isRequired);for(var r=arguments.length,l=new Array(r>1?r-1:0),i=1;i<r;i++)l[i-1]=arguments[i];return n.apply(void 0,[t].concat(l))},addEndListener:a1.func,onEnter:a1.func,onEntering:a1.func,onEntered:a1.func,onExit:a1.func,onExiting:a1.func,onExited:a1.func}:{};function Tc(){}br.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Tc,onEntering:Tc,onEntered:Tc,onExit:Tc,onExiting:Tc,onExited:Tc},br.UNMOUNTED=fp,br.EXITED=C5,br.ENTERING=N5,br.ENTERED=Nc,br.EXITING=CC;var Q71={},X71=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return q71(t,r)})},NC=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return W71(t,r)})},TC=(function(a){kH0(t,a);function t(){for(var r,l=arguments.length,i=new Array(l),o=0;o<l;o++)i[o]=arguments[o];return r=a.call.apply(a,[this].concat(i))||this,r.appliedClasses={appear:{},enter:{},exit:{}},r.onEnter=function(c,m){var u=r.resolveArguments(c,m),p=u[0],f=u[1];r.removeClasses(p,"exit"),r.addClass(p,f?"appear":"enter","base"),r.props.onEnter&&r.props.onEnter(c,m)},r.onEntering=function(c,m){var u=r.resolveArguments(c,m),p=u[0],f=u[1],A=f?"appear":"enter";r.addClass(p,A,"active"),r.props.onEntering&&r.props.onEntering(c,m)},r.onEntered=function(c,m){var u=r.resolveArguments(c,m),p=u[0],f=u[1],A=f?"appear":"enter";r.removeClasses(p,A),r.addClass(p,A,"done"),r.props.onEntered&&r.props.onEntered(c,m)},r.onExit=function(c){var m=r.resolveArguments(c),u=m[0];r.removeClasses(u,"appear"),r.removeClasses(u,"enter"),r.addClass(u,"exit","base"),r.props.onExit&&r.props.onExit(c)},r.onExiting=function(c){var m=r.resolveArguments(c),u=m[0];r.addClass(u,"exit","active"),r.props.onExiting&&r.props.onExiting(c)},r.onExited=function(c){var m=r.resolveArguments(c),u=m[0];r.removeClasses(u,"exit"),r.addClass(u,"exit","done"),r.props.onExited&&r.props.onExited(c)},r.resolveArguments=function(c,m){return r.props.nodeRef?[r.props.nodeRef.current,c]:[c,m]},r.getClassNames=function(c){var m=r.props.classNames,u=typeof m=="string",p=u&&m?m+"-":"",f=u?""+p+c:m[c],A=u?f+"-active":m[c+"Active"],Z=u?f+"-done":m[c+"Done"];return{baseClassName:f,activeClassName:A,doneClassName:Z}},r}var n=t.prototype;return n.addClass=function(l,i,o){var c=this.getClassNames(i)[o+"ClassName"],m=this.getClassNames("enter"),u=m.doneClassName;i==="appear"&&o==="done"&&u&&(c+=" "+u),o==="active"&&l&&TH0(l),c&&(this.appliedClasses[i][o]=c,X71(l,c))},n.removeClasses=function(l,i){var o=this.appliedClasses[i],c=o.base,m=o.active,u=o.done;this.appliedClasses[i]={},c&&NC(l,c),m&&NC(l,m),u&&NC(l,u)},n.render=function(){var l=this.props;l.classNames;var i=FH0(l,["classNames"]);return $0.createElement(br,IZ({},i,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t})($0.Component);TC.defaultProps={classNames:""},TC.propTypes=Q71.NODE_ENV!=="production"?IZ({},br.propTypes,{classNames:Y71,onEnter:a1.func,onEntering:a1.func,onEntered:a1.func,onExit:a1.func,onExiting:a1.func,onExited:a1.func}):{};const PH0={Search:xe(TC)`
   opacity: 0;
   transition: opacity 0.3s ease-in-out;