@apollosproject/canvas-embeds 2.1.844 → 2.1.845

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apollosproject/canvas-embeds",
   "description": "Apollos React embed widgets",
-  "version": "2.1.844",
+  "version": "2.1.845",
   "license": "MIT",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",

package/widget/index.js

@@ -1816,7 +1816,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;
   }
-`,F71=({amount:a="0",selectedFrequency:t=null,selectedCampus:n=null,selectedFund:r=null,predefinedAmounts:l="",onError:i,isProcessing:o=!1,onShowPayment:c,onAmountChange:m,onFrequencyChange:u,onCampusChange:p,onFundChange:f,onStartDateChange:A,churchName:Z,churchLogo:H,message:V,displayLogo:b,title:S,displayHeader:_})=>{const{currentChurch:k}=kZ(),C=$d(),L=QZ0(),{campuses:T,loading:$}=vC(),D=T.filter(R=>R.donationFunds&&R.donationFunds.length>0),U=R=>{if(R.digital)return"Online";const J=[];return R.street1&&J.push(R.street1),R.city&&J.push(R.city),R.state&&J.push(R.state),R.postalCode&&J.push(R.postalCode),J.length>0?J.join(", "):""},[x,W]=e.useState(mp(t)),t0=t?mp(t):x,Q=["crossroads","crossroads_sandbox"].includes(k?.slug??"")?1:.5,[X,H0]=e.useState(!1),V0=e.useRef(null),o0=e.useRef(null),u0=e.useRef(null),K=e.useRef(null),Y=e.useRef(null),e0=l?l.split(",").map(R=>R.trim()).filter(R=>R):[];e.useEffect(()=>{C.page("Donate screen viewed",{path:"/donate",church_slug:k?.slug||""})},[C,k?.slug]),e.useEffect(()=>{t&&W(mp(t))},[t]),e.useEffect(()=>{x&&V0.current&&u0.current&&setTimeout(()=>{const R=u0.current,J=V0.current;if(R&&J){const i0=R.getBoundingClientRect();J.getBoundingClientRect().bottom>i0.bottom&&J.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[x]),e.useEffect(()=>{n&&o0.current&&u0.current&&setTimeout(()=>{const R=u0.current,J=o0.current;if(R&&J){const i0=R.getBoundingClientRect();J.getBoundingClientRect().bottom>i0.bottom&&J.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[n]);const[B,A0]=e.useState(80),g0=e.useRef(null);e.useLayoutEffect(()=>{g0.current&&(g0.current.textContent=a||"0",A0(Math.max(g0.current.offsetWidth+16,80)))},[a]),e.useEffect(()=>{const R=setTimeout(()=>{g0.current&&(g0.current.textContent=a||"0",A0(Math.max(g0.current.offsetWidth+16,80)))},10);return()=>clearTimeout(R)},[a]);const d0=R=>{const J=parseFloat(R);return!isNaN(J)&&J>999999.99},P0=R=>{let J=R.replace(/[^0-9.]/g,"");if(J.includes(".")){const i0=J.split(".");i0.length>2&&(J=i0[0]+"."+i0.slice(1).join("")),i0[1]&&i0[1].length>2&&(J=i0[0]+"."+i0[1].substring(0,2))}return J.length>1&&J[0]==="0"&&J[1]!=="."&&(J=J.substring(1)),d0(J)?a:(J==="."&&(J="0."),m?.(J),J)},r0=R=>{const J=T.find(i0=>i0.id===R);if(J){const i0={...J,donationFunds:J.donationFunds?J.donationFunds.map(T0=>({...T0})):[]};p?.(i0);const y0=M71(r,i0);f?.(y0)}else p?.(null),f?.(null)},p0=R=>{if(!n)return;const J=n.donationFunds?.find(i0=>i0.id===R);f?.(J?{...J}:null)},Z0=R=>{const i0=sp.find(y0=>y0.id===R)||null;i0&&t?.startDate&&(H71(t.startDate,i0)||A?.(null)),u?.(i0)},L0=R=>{A?.(R)},M0=()=>{const R=oa(a);if(!R||R<=0){setTimeout(()=>{K.current&&(K.current.focus(),K.current.select(),K.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(R<Q){i({message:`Please enter an amount of $${_c(Q)} or more`}),setTimeout(()=>{K.current&&(K.current.focus(),K.current.select(),K.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(!n){H0(!0);return}if(!r){requestAnimationFrame(()=>{requestAnimationFrame(()=>{const J=document.querySelector("[data-fund-dropdown-button]");J&&(J.scrollIntoView({behavior:"smooth",block:"center"}),J.focus({preventScroll:!0}))})});return}if(t0&&!t){setTimeout(()=>{Y.current&&(Y.current.focus(),Y.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}C.track("Donation Started",{amount:R,fund:r?.id||"",campusId:n?.id||"",is_recurring:t0}),c&&c()};return w.jsxs("div",{className:"flex flex-col h-full","data-testid":"donation-setup-form",children:[w.jsx("style",{children:L71}),_!=="false"?w.jsx(yC,{churchName:Z,churchLogo:H,message:V,title:S,displayLogo:b,theme:void 0}):null,w.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto p-6",ref:u0,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:()=>H0(!0),disabled:o||$,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:[k?.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:L?.colors?.base?.primary||"#00676D"},children:w.jsx("img",{src:k.logo,alt:`${Z} 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(pH0,{size:16,weight:"bold",className:"flex-shrink-0",color:L?.colors?.base?.secondary||"#17B582"})]})}),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||$)&&"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:g0,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:K,type:"text",inputMode:"decimal",placeholder:"0",value:a,onKeyDown:R=>{if(!["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(R.key)){if(/^[0-9]$/.test(R.key)||R.key==="."||R.ctrlKey||R.metaKey){if(R.key==="."&&a.includes(".")){R.preventDefault();return}if(/^[0-9]$/.test(R.key)){const J=R.target,i0=J.value,y0=J.selectionStart||0,T0=i0.substring(0,y0)+R.key+i0.substring(J.selectionEnd||0);if(d0(T0)){R.preventDefault();return}}return}R.preventDefault()}},onChange:R=>{const J=R.target.value,i0=P0(J);requestAnimationFrame(()=>{if(g0.current){const y0=i0??a;g0.current.textContent=y0||"0";const T0=Math.max(g0.current.offsetWidth+16,80);A0(T0)}})},onInput:R=>{const J=R.target.value;if(g0.current){g0.current.textContent=J||"0";const i0=Math.max(g0.current.offsetWidth+16,80);A0(i0)}},onKeyUp:R=>{const J=R.target.value;if(g0.current){g0.current.textContent=J||"0";const i0=Math.max(g0.current.offsetWidth+16,80);A0(i0)}},onFocus:R=>{setTimeout(()=>{R.target.select()},0)},onBlur:()=>{const R=oa(a);R>0&&m?.(_c(R))},onClick:R=>{R.target.select()},disabled:o||$,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:`${B}px`}})]}),e0&&e0.length>0?w.jsx("div",{className:"flex flex-wrap pt-12",style:{gap:"6px"},children:e0.map(R=>w.jsxs(Je,{onClick:()=>P0(R),disabled:o||$,surface:a===R?"solid":"system",className:"min-w-0 flex-1",style:{flexBasis:"calc(25% - 4.5px)",minWidth:"0",...a===R&&{"--btn-bg":"rgb(var(--color-brand-primary))","--btn-hover-overlay":"rgb(255 255 255 / 15%)"}},children:["$",R]},R))}):null]}),n?w.jsx("div",{ref:o0,className:"flex flex-col items-center",children:n.donationFunds&&n.donationFunds.length>0?w.jsxs(eb,{children:[w.jsxs(dO0,{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:L?.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(ab,{className:"!z-30",children:n.donationFunds?.sort((R,J)=>(R.displayOrder||0)-(J.displayOrder||0)).map(R=>w.jsx(Ml,{onClick:()=>p0(R.id),children:R.displayName||R.name},R.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||$)&&"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(de,{className:"text-base/6 text-fg-primary dark:text-fg-primary-dark sm:text-sm/6",children:"Make Recurring"}),w.jsxs(rO0,{checked:x,onChange:R=>{W(R),R||u?.(null)},disabled:o||$,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",t0?"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",t0?"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:V0,className:"[&_[data-slot=control]]:h-[48px] [&_select]:h-full [&_select]:flex [&_select]:items-center",children:[w.jsx(de,{className:"mb-1 text-xs text-left",fg:"secondary",children:"Frequency"}),w.jsxs(YO0,{ref:Y,value:t?.id||"",onChange:R=>Z0(R.target.value),disabled:o||$,required:!0,surface:"system",className:"focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:rounded-lg",style:{outlineColor:L?.colors?.base?.secondary||"#17B582"},children:[w.jsx("option",{value:"",children:"Select a frequency"}),sp.map(R=>w.jsx("option",{value:R.id,children:R.id},R.id))]})]}),w.jsx("div",{children:w.jsx(S71,{startDate:t?.startDate??null,frequency:t||sp[2],onStartDateChange:L0,disabled:o||$})})]}):null]})}),w.jsxs("div",{className:"sticky bottom-0 z-10 px-6 py-4",children:[w.jsx(Je,{type:"button",className:"w-full py-3",onClick:M0,disabled:o||$,surface:oa(a)>0&&n&&r&&(!t0||t)?"solid":"system","data-secondary-button":oa(a)>0&&n&&r&&(!t0||t)?!0:void 0,children:o?w.jsx("div",{className:"flex items-center justify-center gap-2",children:w.jsx(l5,{size:20,className:"animate-spin",weight:"bold"})}):oa(a)<=0?"To Give, Enter Amount":n?r?t0&&!t?"Next: Select Frequency":`Give ${_c(oa(a))}${t0&&t?` ${t.id}`:""}`:"Next: Select Fund":"Next: Select Location"}),w.jsxs("div",{className:"text-center mt-4 px-6 space-y-3",children:[w.jsxs(de,{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(hH0,{size:16,color:"#17B582",className:"flex-shrink-0",weight:"bold"}),w.jsx(de,{className:"text-sm font-light",fg:"secondary",children:"Secure & Encrypted"})]})]})]}),w.jsx(fO0,{open:X,onClose:()=>H0(!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(AO0,{children:"Location"}),w.jsx(Je,{type:"button",onClick:()=>H0(!1),surface:"system",className:"p-2",children:w.jsx(K3,{size:20})})]}),w.jsx(vO0,{className:"flex-1 overflow-y-auto px-6 py-4 !mt-0 min-h-0",children:$?w.jsx("div",{className:"flex items-center justify-center py-8",children:w.jsx(de,{fg:"secondary",children:"Loading..."})}):w.jsx(zO0,{value:n?.id||"",onChange:R=>r0(R),className:"space-y-3",children:D.map(R=>{const J=U(R);return w.jsxs(BO0,{variant:"card",children:[w.jsx(WO0,{value:R.id}),w.jsxs(zA,{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:R.name}),J?w.jsx("span",{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark mt-0.5",children:J}):null]})]},R.id)})})}),w.jsx(gO0,{className:"!mt-0 !flex-col border-t border-system-regular dark:border-system-regular-dark px-6 py-4 [&>*]:!w-full",children:w.jsx(Je,{type:"button",onClick:()=>H0(!1),surface:n?"solid":"system","data-secondary-button":n?!0:void 0,className:"w-full",children:"Done"})})]})})]})},fH0=({onRetry:a,email:t})=>w.jsxs("div",{className:"text-center p-6 flex flex-col items-center justify-center min-h-full gap-8",children:[w.jsxs("div",{className:"flex flex-col items-center gap-1",children:[w.jsx(de,{as:"h3",children:"Thank you for your gift!"}),w.jsxs(de,{fg:"secondary",children:["We've sent a confirmation to ",t]})]}),w.jsx("div",{children:w.jsx(Iv,{size:64,color:"#22c55e",weight:"fill"})}),w.jsx("div",{className:"w-full",children:w.jsx(Je,{surface:"solid",onClick:a,className:"w-full","data-secondary-button":!0,children:"Give Again"})})]});fH0.propTypes={onRetry:J0.func.isRequired,email:J0.string.isRequired};const PZ=new Map,_71=a=>typeof window>"u"?Promise.resolve(null):(PZ.has(a)||PZ.set(a,Promise.resolve().then(()=>Rte).then(({loadStripe:t})=>t(a)).catch(t=>(console.error("Failed to load Stripe.js",t),PZ.delete(a),null))),PZ.get(a)),k71=({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:_,onClearParams:k,onGiveAgain:C})=>{const L=Q0=>typeof Q0=="string"&&parseFloat(Q0)>0,T=Q0=>typeof Q0=="string"&&Q0.trim().length>0,$=Q0=>Q0===null||typeof Q0=="string"&&Q0.trim().length>0,D=Q0=>Q0==null||typeof Q0=="object"&&!!Q0.id,U=e.useCallback(Q0=>Q0?L(Q0.amount)&&T(Q0.campusId)&&$(Q0.fundId||null)&&D(Q0.selectedFrequency):!1,[]),[x,W]=e.useState("setup"),[t0,n0]=e.useState(""),[Q,X]=e.useState(null),[H0,V0]=e.useState(null),[o0,u0]=e.useState(!1),[K,Y]=e.useState(null),[e0,B]=e.useState(()=>({amount:a,selectedFrequency:wZ(t),selectedCampusId:r||null,selectedFundId:l||null,selectedCampus:null,selectedFund:null})),[A0,g0]=e.useState(!1);e.useEffect(()=>{f&&f.amount&&f.campusId&&B({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null})},[f]);const d0=e.useRef({amount:a,campus:r,fund:l}),{currentChurch:P0,loading:r0,error:p0}=kZ(),{campuses:Z0}=vC(),{matchedCampus:L0,matchedFund:M0}=t51(Z0,e0.selectedCampusId,e0.selectedFundId),R=KZ0(),J=QZ0(),i0=e.useMemo(()=>{const Q0={light:{primary:J?.colors?.base?.primary||"#00676D",background:De.colors.light.fill.screen,componentBackground:De.colors.light.fill.paper,componentBorder:De.colors.light.neutral.gray5,componentDivider:De.colors.light.neutral.gray4,primaryText:De.colors.light.text.primary,secondaryText:De.colors.light.text.secondary,componentText:De.colors.light.text.primary,icon:De.colors.light.neutral.gray},dark:{primary:J?.colors?.base?.primary||"#00676D",background:De.colors.dark.fill.screen,componentBackground:De.colors.dark.fill.paper,componentBorder:De.colors.dark.neutral.gray5,componentDivider:De.colors.dark.neutral.gray4,primaryText:De.colors.dark.text.primary,secondaryText:De.colors.dark.text.secondary,componentText:De.colors.dark.text.primary,icon:De.colors.dark.neutral.gray}};return{theme:R==="dark"?"night":"stripe",variables:{colorPrimary:J?.colors?.base?.secondary||"#17B582",colorBackground:R==="dark"?Q0.dark.componentBackground:Q0.light.componentBackground,colorText:R==="dark"?Q0.dark.primaryText:Q0.light.primaryText,colorTextSecondary:R==="dark"?Q0.dark.secondaryText:Q0.light.secondaryText,colorTextPlaceholder:R==="dark"?Q0.dark.secondaryText:Q0.light.secondaryText,colorDanger:J?.colors?.base?.alert||"#FF4444",colorSuccess:J?.colors?.base?.success||"#17B582",colorWarning:J?.colors?.base?.warning||"#FFA500",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",fontSizeBase:"16px",spacingUnit:J?.space?.xxxs||"4px",borderRadius:J?.radii?.base||"6px",iconColor:R==="dark"?Q0.dark.icon:Q0.light.icon}}},[J,R]);e.useEffect(()=>{const Q0=P0?.stripeConnectAccount?.publishableKey;if(!Q0){Y(null);return}const b1=_71(Q0);Y(b1)},[P0?.stripeConnectAccount?.publishableKey]),e.useEffect(()=>{if(!f)if(t!==void 0)B(Q0=>({...Q0,selectedFrequency:wZ(t)}));else if(P0?.givingDefaultFrequency){const Q0=P0.givingDefaultFrequency;if(Q0==="One Time"||Q0===null)B(b1=>({...b1,selectedFrequency:null}));else{const b1=sp.find(J1=>J1.id===Q0)||null;B(J1=>({...J1,selectedFrequency:b1}))}}else B(Q0=>({...Q0,selectedFrequency:null}))},[P0?.givingDefaultFrequency,f,t]),e.useEffect(()=>{!f&&a!==d0.current.amount&&a!==e0.amount&&B(Q0=>({...Q0,amount:a})),d0.current.amount=a},[a,f]),e.useEffect(()=>{!f&&r!==d0.current.campus&&r!==e0.selectedCampusId&&B(Q0=>({...Q0,selectedCampusId:r||null,selectedCampus:null,selectedFund:null,selectedFundId:null})),d0.current.campus=r},[r,f]),e.useEffect(()=>{!f&&l!==d0.current.fund&&l!==e0.selectedFundId&&B(Q0=>({...Q0,selectedFundId:l||null,selectedFund:null})),d0.current.fund=l},[l,f]),e.useEffect(()=>{if(!f&&e0.selectedFundId&&e0.selectedCampus?.donationFunds&&!e0.selectedFund){let Q0=e0.selectedCampus.donationFunds.find(b1=>b1.id===e0.selectedFundId);Q0||(Q0=e0.selectedCampus.donationFunds.find(b1=>yn(e0.selectedFundId,b1.name)||b1.displayName&&yn(e0.selectedFundId,b1.displayName))),Q0&&B(b1=>({...b1,selectedFund:{...Q0}}))}},[f,e0.selectedFundId,e0.selectedCampus?.donationFunds,e0.selectedFund]),e.useEffect(()=>{if(!e0.selectedCampus&&L0){const Q0={...L0,donationFunds:L0.donationFunds?L0.donationFunds.map(b1=>({...b1})):[]};B(b1=>({...b1,selectedCampus:Q0,selectedCampusId:Q0.id,selectedFund:M0?{...M0}:b1.selectedFund}))}},[L0,M0,e0.selectedCampus]);const[y0,{loading:T0}]=Jo1(),e1=e.useCallback(Q0=>{V0(Q0),W("success")},[]),n1=e.useCallback(Q0=>{n0(Q0.message)},[]),p1=e.useCallback(()=>{n0("")},[]),Z1=e.useCallback(()=>{if(C){C();return}if(W("setup"),n0(""),X(null),g0(!1),V0(null),B({amount:a,selectedFrequency:wZ(t),selectedCampusId:null,selectedFundId:null,selectedCampus:null,selectedFund:null}),u0(!1),k)k();else if(typeof window<"u"){const Q0=new URL(window.location.href);Q0.search="",window.history.replaceState({},"",Q0.pathname)}},[C,a,t,k]),c1=e.useCallback(Q0=>{B(b1=>({...b1,amount:Q0}))},[]),K0=e.useCallback(Q0=>{B(b1=>{const J1=Q0?{...Q0,startDate:b1.selectedFrequency?.startDate}:null;return{...b1,selectedFrequency:J1}})},[]),X0=e.useCallback(Q0=>{B(b1=>({...b1,selectedFrequency:b1.selectedFrequency?{...b1.selectedFrequency,startDate:Q0??void 0}:null}))},[]),u1=e.useCallback(Q0=>{B(b1=>({...b1,selectedCampus:Q0,selectedCampusId:Q0?.id||null,selectedFund:null,selectedFundId:null}))},[]),C0=e.useCallback(Q0=>{B(b1=>({...b1,selectedFund:Q0,selectedFundId:Q0?.id||null}))},[]),j0=e.useCallback(async(Q0,b1,J1,Ce,xe)=>{if(!b&&S){S({amount:Q0,frequency:b1,campusId:J1,fundId:Ce,startDate:xe});return}if(b&&!b.connectedChurchProfile?.id&&_){_({amount:Q0,frequency:b1,campusId:J1,fundId:Ce,startDate:xe});return}try{const ze={amount:Math.round(Q0*100),campusId:J1||"",fundId:Ce||null};ze.recurring=i51(b1,xe);const{data:je,errors:be}=await y0({variables:{input:ze}});if(be)throw new Error(be[0].message);if(je?.createPaymentIntent?.clientSecret)X(je.createPaymentIntent.clientSecret),W("payment");else throw new Error("No client secret received from server")}catch(ze){n1(ze)}},[y0,n1,b,S,_]),s1=e.useCallback(()=>{W("setup"),X(null)},[]),k1={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)&&!r0&&!T0&&!A0&&x==="setup"&&(g0(!0),B({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null}),j0(parseFloat(f.amount),eH0(f.selectedFrequency),f.campusId,f.fundId??"",f.startDate??null))},[f,r0,T0,A0,x,j0,U]),p0)return w.jsx("div",{style:k1,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(de,{fg:"secondary",className:"text-center px-8",children:"Unable to load church information. Please try again later."}),w.jsx(Je,{surface:"tinted",onClick:Z1,className:"mt-2",children:"Try Again"})]})});if(!r0&&P0&&P0.givingEnabled===!1)return w.jsx("div",{style:k1,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(NZ0,{size:32,weight:"duotone"}),w.jsx(de,{fg:"secondary",className:"text-center px-8",children:"Online giving is closed. For questions, please contact support."}),w.jsx(Je,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if(!r0&&P0&&P0.givingInMaintenance===!0)return w.jsx("div",{style:k1,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(CZ0,{size:32,weight:"duotone"}),w.jsx(de,{fg:"secondary",className:"text-center px-8",children:"We're updating the giving experience. Please check back shortly."})]})});if(!r0&&!K)return w.jsx("div",{style:k1,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(TZ0,{size:32,weight:"duotone"}),w.jsx(de,{fg:"secondary",className:"text-center",children:"Online giving is not currently available. Please contact your church for assistance."}),w.jsx(Je,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if(x==="success")return w.jsx("div",{style:k1,className:"flex flex-col h-full",children:w.jsx("div",{className:"flex-1 flex flex-col justify-center items-center",children:w.jsx(fH0,{onRetry:Z1,email:H0})})});const le=A||Z?`${A} ${Z}`.trim():"",r1=P0?.name||"Your Church",w1="div",P1={style:k1,className:"flex flex-col h-full"};return w.jsxs(w1,{...P1,children:[t0?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:J?.colors?.base?.alert||"#FF4444"},children:[w.jsx(PZ0,{size:20,color:J?.colors?.base?.alert||"#FF4444",weight:"fill"}),w.jsx("div",{className:"flex-1",children:w.jsx(de,{className:"text-red-700 dark:text-red-300 font-medium text-sm",children:t0})}),w.jsx(Je,{surface:"tinted",onClick:p1,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(K3,{size:16})})]}):null,w.jsx("div",{className:"flex flex-col h-full min-h-[400px]",children:x==="payment"&&Q&&K?w.jsx(qZ0,{stripe:K,options:{clientSecret:Q,appearance:i0},children:w.jsx(uH0,{amount:e0?.amount?parseFloat(e0.amount):parseFloat(a),selectedFrequency:e0?.selectedFrequency,selectedCampusId:e0?.selectedCampusId||void 0,selectedFundId:e0?.selectedFundId||void 0,clientSecret:Q,onSuccess:e1,onError:n1,isProcessing:o0,onProcessingChange:u0,onBack:s1,userFullName:le,userEmail:H||void 0,userPhone:V||void 0,churchName:r1,churchLogo:P0?.logo,message:n,displayLogo:m,title:u,displayHeader:p})}):x==="payment"?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(l5,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(de,{children:"Loading payment form..."})]}):x==="setup"&&!(f&&U(f)&&!A0)?w.jsx(F71,{amount:e0.amount,selectedFrequency:e0.selectedFrequency,selectedCampus:e0.selectedCampus,selectedFund:e0.selectedFund,predefinedAmounts:i,onError:Q0=>n1(new Error(Q0.message)),isProcessing:T0,onAmountChange:c1,onFrequencyChange:K0,onCampusChange:u1,onFundChange:C0,onStartDateChange:X0,onShowPayment:()=>{const Q0=typeof e0.amount=="string"?parseFloat(e0.amount):e0.amount,b1=eH0(e0.selectedFrequency);j0(Q0,b1,e0.selectedCampusId||"",e0.selectedFundId||"",e0.selectedFrequency?.startDate??null)},churchName:r1,churchLogo:P0?.logo,message:n,displayLogo:m,title:u,displayHeader:p}):x==="setup"&&f&&U(f)&&!A0?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(l5,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(de,{children:"Preparing your donation..."})]}):null})]})},w71=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(JZ0,{children:t?w.jsx(k71,{...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(l5,{size:24,className:"animate-spin text-fg-tertiary dark:text-fg-tertiary-dark mb-3",weight:"regular"}),w.jsx(de,{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark",children:"Loading donation form..."})]})})})},C71=e.forwardRef(function({to:t,href:n,isExternal:r,...l},i){const{navigate:o}=uZ(),c=wv0(),m=Cv0(),u=Nv0(),p=bw(),f=Et1();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),_=V(S);if(S.includes("/f/")){if(!u&&!p){const k=Yt1();return w.jsx("a",{ref:i,...l,href:`${k}${S}`,target:"_blank",rel:"noopener noreferrer"})}if(!_)return null;A=_.startsWith("FeatureFeed-")?_:`FeatureFeed-${_}`,Z=!0}else if(S.includes("/live/")){if(!_)return null;A=_.startsWith("Livestream-")?_:`Livestream-${_}`}else if(_?.includes("-"))A=_,Z=A.startsWith("FeatureFeed-");else if(_?.includes(":"))A=_.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})}})}),N71=({children:a})=>w.jsx(lO0,{linkComponent:C71,children:a});function OZ(){return OZ=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},OZ.apply(null,arguments)}function AH0(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 vH0(a,t){a.prototype=Object.create(t.prototype),a.prototype.constructor=a,jw(a,t)}function T71(a,t){return a.classList?!!t&&a.classList.contains(t):(" "+(a.className.baseVal||a.className)+" ").indexOf(" "+t+" ")!==-1}function P71(a,t){a.classList?a.classList.add(t):T71(a,t)||(typeof a.className=="string"?a.className=a.className+" "+t:a.setAttribute("class",(a.className&&a.className.baseVal||"")+" "+t))}function gH0(a,t){return a.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function O71(a,t){a.classList?a.classList.remove(t):typeof a.className=="string"?a.className=gH0(a.className,t):a.setAttribute("class",gH0(a.className&&a.className.baseVal||"",t))}const ZH0={disabled:!1};var HH0={},$71=HH0.NODE_ENV!=="production"?J0.oneOfType([J0.number,J0.shape({enter:J0.number,exit:J0.number,appear:J0.number}).isRequired]):null,I71=HH0.NODE_ENV!=="production"?J0.oneOfType([J0.string,J0.shape({enter:J0.string,exit:J0.string,active:J0.string}),J0.shape({enter:J0.string,enterDone:J0.string,enterActive:J0.string,exit:J0.string,exitDone:J0.string,exitActive:J0.string})]):null;const MH0=$0.createContext(null);var EH0=function(t){return t.scrollTop},x71={},pp="unmounted",w5="exited",C5="entering",kc="entered",LC="exiting",br=(function(a){vH0(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=w5,i.appearStatus=C5):m=kc:r.unmountOnExit||r.mountOnEnter?m=pp:m=w5,i.state={status:m},i.nextCallback=null,i}t.getDerivedStateFromProps=function(l,i){var o=l.in;return o&&i.status===pp?{status:w5}: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!==C5&&o!==kc&&(i=C5):(o===C5||o===kc)&&(i=LC)}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===C5){if(this.props.unmountOnExit||this.props.mountOnEnter){var o=this.props.nodeRef?this.props.nodeRef.current:Om.findDOMNode(this);o&&EH0(o)}this.performEnter(l)}else this.performExit();else this.props.unmountOnExit&&this.state.status===w5&&this.setState({status:pp})},n.performEnter=function(l){var i=this,o=this.props.enter,c=this.context?this.context.isMounting:l,m=this.props.nodeRef?[c]:[Om.findDOMNode(this),c],u=m[0],p=m[1],f=this.getTimeouts(),A=c?f.appear:f.enter;if(!l&&!o||ZH0.disabled){this.safeSetState({status:kc},function(){i.props.onEntered(u)});return}this.props.onEnter(u,p),this.safeSetState({status:C5},function(){i.props.onEntering(u,p),i.onTransitionEnd(A,function(){i.safeSetState({status:kc},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:Om.findDOMNode(this);if(!i||ZH0.disabled){this.safeSetState({status:w5},function(){l.props.onExited(c)});return}this.props.onExit(c),this.safeSetState({status:LC},function(){l.props.onExiting(c),l.onTransitionEnd(o.exit,function(){l.safeSetState({status:w5},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:Om.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===pp)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=AH0(i,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return $0.createElement(MH0.Provider,{value:null},typeof o=="function"?o(l,c):$0.cloneElement($0.Children.only(o),c))},t})($0.Component);br.contextType=MH0,br.propTypes=x71.NODE_ENV!=="production"?{nodeRef:J0.shape({current:typeof Element>"u"?J0.any:function(a,t,n,r,l,i){var o=a[t];return J0.instanceOf(o&&"ownerDocument"in o?o.ownerDocument.defaultView.Element:Element)(a,t,n,r,l,i)}}),children:J0.oneOfType([J0.func.isRequired,J0.element.isRequired]).isRequired,in:J0.bool,mountOnEnter:J0.bool,unmountOnExit:J0.bool,appear:J0.bool,enter:J0.bool,exit:J0.bool,timeout:function(t){var n=$71;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:J0.func,onEnter:J0.func,onEntering:J0.func,onEntered:J0.func,onExit:J0.func,onExiting:J0.func,onExited:J0.func}:{};function wc(){}br.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:wc,onEntering:wc,onEntered:wc,onExit:wc,onExiting:wc,onExited:wc},br.UNMOUNTED=pp,br.EXITED=w5,br.ENTERING=C5,br.ENTERED=kc,br.EXITING=LC;var j71={},R71=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return P71(t,r)})},FC=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return O71(t,r)})},_C=(function(a){vH0(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&&EH0(l),c&&(this.appliedClasses[i][o]=c,R71(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&&FC(l,c),m&&FC(l,m),u&&FC(l,u)},n.render=function(){var l=this.props;l.classNames;var i=AH0(l,["classNames"]);return $0.createElement(br,OZ({},i,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t})($0.Component);_C.defaultProps={classNames:""},_C.propTypes=j71.NODE_ENV!=="production"?OZ({},br.propTypes,{classNames:I71,onEnter:J0.func,onEntering:J0.func,onEntered:J0.func,onExit:J0.func,onExiting:J0.func,onExited:J0.func}):{};const VH0={Search:Pe(_C)`
+`,F71=({amount:a="0",selectedFrequency:t=null,selectedCampus:n=null,selectedFund:r=null,predefinedAmounts:l="",onError:i,isProcessing:o=!1,onShowPayment:c,onAmountChange:m,onFrequencyChange:u,onCampusChange:p,onFundChange:f,onStartDateChange:A,churchName:Z,churchLogo:H,message:V,displayLogo:b,title:S,displayHeader:_})=>{const{currentChurch:k}=kZ(),C=$d(),L=QZ0(),{campuses:T,loading:$}=vC(),D=T.filter(R=>R.donationFunds&&R.donationFunds.length>0),U=R=>{if(R.digital)return"Online";const J=[];return R.street1&&J.push(R.street1),R.city&&J.push(R.city),R.state&&J.push(R.state),R.postalCode&&J.push(R.postalCode),J.length>0?J.join(", "):""},[x,W]=e.useState(mp(t)),t0=t?mp(t):x,Q=["crossroads","crossroads_sandbox"].includes(k?.slug??"")?1:.5,[X,H0]=e.useState(!1),V0=e.useRef(null),o0=e.useRef(null),u0=e.useRef(null),K=e.useRef(null),Y=e.useRef(null),e0=l?l.split(",").map(R=>R.trim()).filter(R=>R):[];e.useEffect(()=>{C.page("Donate screen viewed",{path:"/donate",church_slug:k?.slug||""})},[C,k?.slug]),e.useEffect(()=>{t&&W(mp(t))},[t]),e.useEffect(()=>{x&&V0.current&&u0.current&&setTimeout(()=>{const R=u0.current,J=V0.current;if(R&&J){const i0=R.getBoundingClientRect();J.getBoundingClientRect().bottom>i0.bottom&&J.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[x]),e.useEffect(()=>{n&&o0.current&&u0.current&&setTimeout(()=>{const R=u0.current,J=o0.current;if(R&&J){const i0=R.getBoundingClientRect();J.getBoundingClientRect().bottom>i0.bottom&&J.scrollIntoView({behavior:"smooth",block:"nearest"})}},100)},[n]);const[B,A0]=e.useState(80),g0=e.useRef(null);e.useLayoutEffect(()=>{g0.current&&(g0.current.textContent=a||"0",A0(Math.max(g0.current.offsetWidth+16,80)))},[a]),e.useEffect(()=>{const R=setTimeout(()=>{g0.current&&(g0.current.textContent=a||"0",A0(Math.max(g0.current.offsetWidth+16,80)))},10);return()=>clearTimeout(R)},[a]);const d0=R=>{const J=parseFloat(R);return!isNaN(J)&&J>999999.99},P0=R=>{let J=R.replace(/[^0-9.]/g,"");if(J.includes(".")){const i0=J.split(".");i0.length>2&&(J=i0[0]+"."+i0.slice(1).join("")),i0[1]&&i0[1].length>2&&(J=i0[0]+"."+i0[1].substring(0,2))}return J.length>1&&J[0]==="0"&&J[1]!=="."&&(J=J.substring(1)),d0(J)?a:(J==="."&&(J="0."),m?.(J),J)},r0=R=>{const J=T.find(i0=>i0.id===R);if(J){const i0={...J,donationFunds:J.donationFunds?J.donationFunds.map(T0=>({...T0})):[]};p?.(i0);const y0=M71(r,i0);f?.(y0)}else p?.(null),f?.(null)},p0=R=>{if(!n)return;const J=n.donationFunds?.find(i0=>i0.id===R);f?.(J?{...J}:null)},Z0=R=>{const i0=sp.find(y0=>y0.id===R)||null;i0&&t?.startDate&&(H71(t.startDate,i0)||A?.(null)),u?.(i0)},L0=R=>{A?.(R)},M0=()=>{const R=oa(a);if(!R||R<=0){setTimeout(()=>{K.current&&(K.current.focus(),K.current.select(),K.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(R<Q){i({message:`Please enter an amount of $${_c(Q)} or more`}),setTimeout(()=>{K.current&&(K.current.focus(),K.current.select(),K.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}if(!n){H0(!0);return}if(!r){requestAnimationFrame(()=>{requestAnimationFrame(()=>{const J=document.querySelector("[data-fund-dropdown-button]");J&&(J.scrollIntoView({behavior:"smooth",block:"center"}),J.focus({preventScroll:!0}))})});return}if(t0&&!t){setTimeout(()=>{Y.current&&(Y.current.focus(),Y.current.scrollIntoView({behavior:"smooth",block:"center"}))},100);return}C.track("Donation Started",{amount:R,fund:r?.id||"",campusId:n?.id||"",is_recurring:t0}),c&&c()};return w.jsxs("div",{className:"flex flex-col h-full","data-testid":"donation-setup-form",children:[w.jsx("style",{children:L71}),_!=="false"?w.jsx(yC,{churchName:Z,churchLogo:H,message:V,title:S,displayLogo:b,theme:void 0}):null,w.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto p-6",ref:u0,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:()=>H0(!0),disabled:o||$,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:[k?.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:L?.colors?.base?.primary||"#00676D"},children:w.jsx("img",{src:k.logo,alt:`${Z} 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(pH0,{size:16,weight:"bold",className:"flex-shrink-0",color:L?.colors?.base?.secondary||"#17B582"})]})}),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||$)&&"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:g0,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:K,type:"text",inputMode:"decimal",placeholder:"0",value:a,onKeyDown:R=>{if(!["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(R.key)){if(/^[0-9]$/.test(R.key)||R.key==="."||R.ctrlKey||R.metaKey){if(R.key==="."&&a.includes(".")){R.preventDefault();return}if(/^[0-9]$/.test(R.key)){const J=R.target,i0=J.value,y0=J.selectionStart||0,T0=i0.substring(0,y0)+R.key+i0.substring(J.selectionEnd||0);if(d0(T0)){R.preventDefault();return}}return}R.preventDefault()}},onChange:R=>{const J=R.target.value,i0=P0(J);requestAnimationFrame(()=>{if(g0.current){const y0=i0??a;g0.current.textContent=y0||"0";const T0=Math.max(g0.current.offsetWidth+16,80);A0(T0)}})},onInput:R=>{const J=R.target.value;if(g0.current){g0.current.textContent=J||"0";const i0=Math.max(g0.current.offsetWidth+16,80);A0(i0)}},onKeyUp:R=>{const J=R.target.value;if(g0.current){g0.current.textContent=J||"0";const i0=Math.max(g0.current.offsetWidth+16,80);A0(i0)}},onFocus:R=>{setTimeout(()=>{R.target.select()},0)},onBlur:()=>{const R=oa(a);R>0&&m?.(_c(R))},onClick:R=>{R.target.select()},disabled:o||$,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:`${B}px`}})]}),e0&&e0.length>0?w.jsx("div",{className:"flex flex-wrap pt-12",style:{gap:"6px"},children:e0.map(R=>w.jsxs(Je,{onClick:()=>P0(R),disabled:o||$,surface:a===R?"solid":"system",className:"min-w-0 flex-1",style:{flexBasis:"calc(25% - 4.5px)",minWidth:"0",...a===R&&{"--btn-bg":"rgb(var(--color-brand-primary))","--btn-hover-overlay":"rgb(255 255 255 / 15%)"}},children:["$",R]},R))}):null]}),n?w.jsx("div",{ref:o0,className:"flex flex-col items-center",children:n.donationFunds&&n.donationFunds.length>0?w.jsxs(eb,{children:[w.jsxs(dO0,{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:L?.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(ab,{className:"!z-30",children:n.donationFunds?.sort((R,J)=>(R.displayOrder||0)-(J.displayOrder||0)).map(R=>w.jsx(Ml,{onClick:()=>p0(R.id),children:R.displayName||R.name},R.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||$)&&"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(de,{className:"text-base/6 text-fg-primary dark:text-fg-primary-dark sm:text-sm/6",children:"Make Recurring"}),w.jsxs(rO0,{checked:x,onChange:R=>{W(R),R||u?.(null)},disabled:o||$,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",t0?"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",t0?"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:V0,className:"[&_[data-slot=control]]:h-[48px] [&_select]:h-full [&_select]:flex [&_select]:items-center",children:[w.jsx(de,{className:"mb-1 text-xs text-left",fg:"secondary",children:"Frequency"}),w.jsxs(YO0,{ref:Y,value:t?.id||"",onChange:R=>Z0(R.target.value),disabled:o||$,required:!0,surface:"system",className:"focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:rounded-lg",style:{outlineColor:L?.colors?.base?.secondary||"#17B582"},children:[w.jsx("option",{value:"",children:"Select a frequency"}),sp.map(R=>w.jsx("option",{value:R.id,children:R.id},R.id))]})]}),w.jsx("div",{children:w.jsx(S71,{startDate:t?.startDate??null,frequency:t||sp[2],onStartDateChange:L0,disabled:o||$})})]}):null]})}),w.jsxs("div",{className:"sticky bottom-0 z-10 px-6 py-4",children:[w.jsx(Je,{type:"button",className:"w-full py-3",onClick:M0,disabled:o||$,surface:oa(a)>0&&n&&r&&(!t0||t)?"solid":"system","data-secondary-button":oa(a)>0&&n&&r&&(!t0||t)?!0:void 0,children:o?w.jsx("div",{className:"flex items-center justify-center gap-2",children:w.jsx(l5,{size:20,className:"animate-spin",weight:"bold"})}):oa(a)<=0?"To Give, Enter Amount":n?r?t0&&!t?"Next: Select Frequency":`Give ${_c(oa(a))}${t0&&t?` ${t.id}`:""}`:"Next: Select Fund":"Next: Select Location"}),w.jsxs("div",{className:"text-center mt-4 px-6 space-y-3",children:[w.jsxs(de,{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(hH0,{size:16,color:"#17B582",className:"flex-shrink-0",weight:"bold"}),w.jsx(de,{className:"text-sm font-light",fg:"secondary",children:"Secure & Encrypted"})]})]})]}),w.jsx(fO0,{open:X,onClose:()=>H0(!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(AO0,{children:"Location"}),w.jsx(Je,{type:"button",onClick:()=>H0(!1),surface:"system",className:"p-2",children:w.jsx(K3,{size:20})})]}),w.jsx(vO0,{className:"flex-1 overflow-y-auto px-6 py-4 !mt-0 min-h-0",children:$?w.jsx("div",{className:"flex items-center justify-center py-8",children:w.jsx(de,{fg:"secondary",children:"Loading..."})}):w.jsx(zO0,{value:n?.id||"",onChange:R=>r0(R),className:"space-y-3",children:D.map(R=>{const J=U(R);return w.jsxs(BO0,{variant:"card",children:[w.jsx(WO0,{value:R.id}),w.jsxs(zA,{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:R.name}),J?w.jsx("span",{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark mt-0.5",children:J}):null]})]},R.id)})})}),w.jsx(gO0,{className:"!mt-0 !flex-col border-t border-system-regular dark:border-system-regular-dark px-6 py-4 [&>*]:!w-full",children:w.jsx(Je,{type:"button",onClick:()=>H0(!1),surface:n?"solid":"system","data-secondary-button":n?!0:void 0,className:"w-full",children:"Done"})})]})})]})},fH0=({onRetry:a,email:t})=>w.jsxs("div",{className:"text-center p-6 flex flex-col items-center justify-center min-h-full gap-8",children:[w.jsxs("div",{className:"flex flex-col items-center gap-1",children:[w.jsx(de,{as:"h3",children:"Thank you for your gift!"}),w.jsxs(de,{fg:"secondary",children:["We've sent a confirmation to ",t]})]}),w.jsx("div",{children:w.jsx(Iv,{size:64,color:"#22c55e",weight:"fill"})}),w.jsx("div",{className:"w-full",children:w.jsx(Je,{surface:"solid",onClick:a,className:"w-full","data-secondary-button":!0,children:"Give Again"})})]});fH0.propTypes={onRetry:J0.func.isRequired,email:J0.string.isRequired};const PZ=new Map,_71=a=>typeof window>"u"?Promise.resolve(null):(PZ.has(a)||PZ.set(a,Promise.resolve().then(()=>Rte).then(({loadStripe:t})=>t(a)).catch(t=>(console.error("Failed to load Stripe.js",t),PZ.delete(a),null))),PZ.get(a)),k71=({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:_,onClearParams:k,onGiveAgain:C})=>{const L=Q0=>typeof Q0=="string"&&parseFloat(Q0)>0,T=Q0=>typeof Q0=="string"&&Q0.trim().length>0,$=Q0=>Q0===null||typeof Q0=="string"&&Q0.trim().length>0,D=Q0=>Q0==null||typeof Q0=="object"&&!!Q0.id,U=e.useCallback(Q0=>Q0?L(Q0.amount)&&T(Q0.campusId)&&$(Q0.fundId||null)&&D(Q0.selectedFrequency):!1,[]),[x,W]=e.useState("setup"),[t0,n0]=e.useState(""),[Q,X]=e.useState(null),[H0,V0]=e.useState(null),[o0,u0]=e.useState(!1),[K,Y]=e.useState(null),[e0,B]=e.useState(()=>({amount:a,selectedFrequency:wZ(t),selectedCampusId:r||null,selectedFundId:l||null,selectedCampus:null,selectedFund:null})),[A0,g0]=e.useState(!1);e.useEffect(()=>{f&&f.amount&&f.campusId&&B({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null})},[f]);const d0=e.useRef({amount:a,campus:r,fund:l}),{currentChurch:P0,loading:r0,error:p0}=kZ(),{campuses:Z0}=vC(),{matchedCampus:L0,matchedFund:M0}=t51(Z0,e0.selectedCampusId,e0.selectedFundId),R=KZ0(),J=QZ0(),i0=e.useMemo(()=>{const Q0={light:{primary:J?.colors?.base?.primary||"#00676D",background:De.colors.light.fill.screen,componentBackground:De.colors.light.fill.paper,componentBorder:De.colors.light.neutral.gray5,componentDivider:De.colors.light.neutral.gray4,primaryText:De.colors.light.text.primary,secondaryText:De.colors.light.text.secondary,componentText:De.colors.light.text.primary,icon:De.colors.light.neutral.gray},dark:{primary:J?.colors?.base?.primary||"#00676D",background:De.colors.dark.fill.screen,componentBackground:De.colors.dark.fill.paper,componentBorder:De.colors.dark.neutral.gray5,componentDivider:De.colors.dark.neutral.gray4,primaryText:De.colors.dark.text.primary,secondaryText:De.colors.dark.text.secondary,componentText:De.colors.dark.text.primary,icon:De.colors.dark.neutral.gray}};return{theme:R==="dark"?"night":"stripe",variables:{colorPrimary:J?.colors?.base?.secondary||"#17B582",colorBackground:R==="dark"?Q0.dark.componentBackground:Q0.light.componentBackground,colorText:R==="dark"?Q0.dark.primaryText:Q0.light.primaryText,colorTextSecondary:R==="dark"?Q0.dark.secondaryText:Q0.light.secondaryText,colorTextPlaceholder:R==="dark"?Q0.dark.secondaryText:Q0.light.secondaryText,colorDanger:J?.colors?.base?.alert||"#FF4444",colorSuccess:J?.colors?.base?.success||"#17B582",colorWarning:J?.colors?.base?.warning||"#FFA500",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",fontSizeBase:"16px",spacingUnit:J?.space?.xxxs||"4px",borderRadius:J?.radii?.base||"6px",iconColor:R==="dark"?Q0.dark.icon:Q0.light.icon}}},[J,R]);e.useEffect(()=>{const Q0=P0?.stripeConnectAccount?.publishableKey;if(!Q0){Y(null);return}const b1=_71(Q0);Y(b1)},[P0?.stripeConnectAccount?.publishableKey]),e.useEffect(()=>{if(!f)if(t!==void 0)B(Q0=>({...Q0,selectedFrequency:wZ(t)}));else if(P0?.givingDefaultFrequency){const Q0=P0.givingDefaultFrequency;if(Q0==="One Time"||Q0===null)B(b1=>({...b1,selectedFrequency:null}));else{const b1=sp.find(J1=>J1.id===Q0)||null;B(J1=>({...J1,selectedFrequency:b1}))}}else B(Q0=>({...Q0,selectedFrequency:null}))},[P0?.givingDefaultFrequency,f,t]),e.useEffect(()=>{!f&&a!==d0.current.amount&&a!==e0.amount&&B(Q0=>({...Q0,amount:a})),d0.current.amount=a},[a,e0.amount,f]),e.useEffect(()=>{!f&&r!==d0.current.campus&&r!==e0.selectedCampusId&&B(Q0=>({...Q0,selectedCampusId:r||null,selectedCampus:null,selectedFund:null,selectedFundId:null})),d0.current.campus=r},[r,e0.selectedCampusId,f]),e.useEffect(()=>{!f&&l!==d0.current.fund&&l!==e0.selectedFundId&&B(Q0=>({...Q0,selectedFundId:l||null,selectedFund:null})),d0.current.fund=l},[l,e0.selectedFundId,f]),e.useEffect(()=>{if(!f&&e0.selectedFundId&&e0.selectedCampus?.donationFunds&&!e0.selectedFund){let Q0=e0.selectedCampus.donationFunds.find(b1=>b1.id===e0.selectedFundId);Q0||(Q0=e0.selectedCampus.donationFunds.find(b1=>yn(e0.selectedFundId,b1.name)||b1.displayName&&yn(e0.selectedFundId,b1.displayName))),Q0&&B(b1=>({...b1,selectedFund:{...Q0}}))}},[f,e0.selectedFundId,e0.selectedCampus?.donationFunds,e0.selectedFund]),e.useEffect(()=>{if(!e0.selectedCampus&&L0){const Q0={...L0,donationFunds:L0.donationFunds?L0.donationFunds.map(b1=>({...b1})):[]};B(b1=>({...b1,selectedCampus:Q0,selectedCampusId:Q0.id,selectedFund:M0?{...M0}:b1.selectedFund}))}},[L0,M0,e0.selectedCampus]);const[y0,{loading:T0}]=Jo1(),e1=e.useCallback(Q0=>{V0(Q0),W("success")},[]),n1=e.useCallback(Q0=>{n0(Q0.message)},[]),p1=e.useCallback(()=>{n0("")},[]),Z1=e.useCallback(()=>{if(C){C();return}if(W("setup"),n0(""),X(null),g0(!1),V0(null),B({amount:a,selectedFrequency:wZ(t),selectedCampusId:null,selectedFundId:null,selectedCampus:null,selectedFund:null}),u0(!1),k)k();else if(typeof window<"u"){const Q0=new URL(window.location.href);Q0.search="",window.history.replaceState({},"",Q0.pathname)}},[C,a,t,k]),c1=e.useCallback(Q0=>{B(b1=>({...b1,amount:Q0}))},[]),K0=e.useCallback(Q0=>{B(b1=>{const J1=Q0?{...Q0,startDate:b1.selectedFrequency?.startDate}:null;return{...b1,selectedFrequency:J1}})},[]),X0=e.useCallback(Q0=>{B(b1=>({...b1,selectedFrequency:b1.selectedFrequency?{...b1.selectedFrequency,startDate:Q0??void 0}:null}))},[]),u1=e.useCallback(Q0=>{B(b1=>({...b1,selectedCampus:Q0,selectedCampusId:Q0?.id||null,selectedFund:null,selectedFundId:null}))},[]),C0=e.useCallback(Q0=>{B(b1=>({...b1,selectedFund:Q0,selectedFundId:Q0?.id||null}))},[]),j0=e.useCallback(async(Q0,b1,J1,Ce,xe)=>{if(!b&&S){S({amount:Q0,frequency:b1,campusId:J1,fundId:Ce,startDate:xe});return}if(b&&!b.connectedChurchProfile?.id&&_){_({amount:Q0,frequency:b1,campusId:J1,fundId:Ce,startDate:xe});return}try{const ze={amount:Math.round(Q0*100),campusId:J1||"",fundId:Ce||null};ze.recurring=i51(b1,xe);const{data:je,errors:be}=await y0({variables:{input:ze}});if(be)throw new Error(be[0].message);if(je?.createPaymentIntent?.clientSecret)X(je.createPaymentIntent.clientSecret),W("payment");else throw new Error("No client secret received from server")}catch(ze){n1(ze)}},[y0,n1,b,S,_]),s1=e.useCallback(()=>{W("setup"),X(null)},[]),k1={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)&&!r0&&!T0&&!A0&&x==="setup"&&(g0(!0),B({amount:f.amount,selectedFrequency:f.selectedFrequency??null,selectedCampusId:f.campusId,selectedFundId:f.fundId??null,selectedCampus:null,selectedFund:null}),j0(parseFloat(f.amount),eH0(f.selectedFrequency),f.campusId,f.fundId??"",f.startDate??null))},[f,r0,T0,A0,x,j0,U]),p0)return w.jsx("div",{style:k1,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(de,{fg:"secondary",className:"text-center px-8",children:"Unable to load church information. Please try again later."}),w.jsx(Je,{surface:"tinted",onClick:Z1,className:"mt-2",children:"Try Again"})]})});if(!r0&&P0&&P0.givingEnabled===!1)return w.jsx("div",{style:k1,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(NZ0,{size:32,weight:"duotone"}),w.jsx(de,{fg:"secondary",className:"text-center px-8",children:"Online giving is closed. For questions, please contact support."}),w.jsx(Je,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if(!r0&&P0&&P0.givingInMaintenance===!0)return w.jsx("div",{style:k1,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(CZ0,{size:32,weight:"duotone"}),w.jsx(de,{fg:"secondary",className:"text-center px-8",children:"We're updating the giving experience. Please check back shortly."})]})});if(!r0&&!K)return w.jsx("div",{style:k1,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(TZ0,{size:32,weight:"duotone"}),w.jsx(de,{fg:"secondary",className:"text-center",children:"Online giving is not currently available. Please contact your church for assistance."}),w.jsx(Je,{href:"mailto:support@apollos.app",surface:"tinted",className:"mt-2",children:"Contact Us"})]})});if(x==="success")return w.jsx("div",{style:k1,className:"flex flex-col h-full",children:w.jsx("div",{className:"flex-1 flex flex-col justify-center items-center",children:w.jsx(fH0,{onRetry:Z1,email:H0})})});const le=A||Z?`${A} ${Z}`.trim():"",r1=P0?.name||"Your Church",w1="div",P1={style:k1,className:"flex flex-col h-full"};return w.jsxs(w1,{...P1,children:[t0?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:J?.colors?.base?.alert||"#FF4444"},children:[w.jsx(PZ0,{size:20,color:J?.colors?.base?.alert||"#FF4444",weight:"fill"}),w.jsx("div",{className:"flex-1",children:w.jsx(de,{className:"text-red-700 dark:text-red-300 font-medium text-sm",children:t0})}),w.jsx(Je,{surface:"tinted",onClick:p1,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(K3,{size:16})})]}):null,w.jsx("div",{className:"flex flex-col h-full min-h-[400px]",children:x==="payment"&&Q&&K?w.jsx(qZ0,{stripe:K,options:{clientSecret:Q,appearance:i0},children:w.jsx(uH0,{amount:e0?.amount?parseFloat(e0.amount):parseFloat(a),selectedFrequency:e0?.selectedFrequency,selectedCampusId:e0?.selectedCampusId||void 0,selectedFundId:e0?.selectedFundId||void 0,clientSecret:Q,onSuccess:e1,onError:n1,isProcessing:o0,onProcessingChange:u0,onBack:s1,userFullName:le,userEmail:H||void 0,userPhone:V||void 0,churchName:r1,churchLogo:P0?.logo,message:n,displayLogo:m,title:u,displayHeader:p})}):x==="payment"?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(l5,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(de,{children:"Loading payment form..."})]}):x==="setup"&&!(f&&U(f)&&!A0)?w.jsx(F71,{amount:e0.amount,selectedFrequency:e0.selectedFrequency,selectedCampus:e0.selectedCampus,selectedFund:e0.selectedFund,predefinedAmounts:i,onError:Q0=>n1(new Error(Q0.message)),isProcessing:T0,onAmountChange:c1,onFrequencyChange:K0,onCampusChange:u1,onFundChange:C0,onStartDateChange:X0,onShowPayment:()=>{const Q0=typeof e0.amount=="string"?parseFloat(e0.amount):e0.amount,b1=eH0(e0.selectedFrequency);j0(Q0,b1,e0.selectedCampusId||"",e0.selectedFundId||"",e0.selectedFrequency?.startDate??null)},churchName:r1,churchLogo:P0?.logo,message:n,displayLogo:m,title:u,displayHeader:p}):x==="setup"&&f&&U(f)&&!A0?w.jsxs("div",{className:"flex flex-col justify-center items-center h-full min-h-[400px]",children:[w.jsx(l5,{size:32,className:"animate-spin mx-auto mb-2"}),w.jsx(de,{children:"Preparing your donation..."})]}):null})]})},w71=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(JZ0,{children:t?w.jsx(k71,{...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(l5,{size:24,className:"animate-spin text-fg-tertiary dark:text-fg-tertiary-dark mb-3",weight:"regular"}),w.jsx(de,{className:"text-sm text-fg-secondary dark:text-fg-secondary-dark",children:"Loading donation form..."})]})})})},C71=e.forwardRef(function({to:t,href:n,isExternal:r,...l},i){const{navigate:o}=uZ(),c=wv0(),m=Cv0(),u=Nv0(),p=bw(),f=Et1();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),_=V(S);if(S.includes("/f/")){if(!u&&!p){const k=Yt1();return w.jsx("a",{ref:i,...l,href:`${k}${S}`,target:"_blank",rel:"noopener noreferrer"})}if(!_)return null;A=_.startsWith("FeatureFeed-")?_:`FeatureFeed-${_}`,Z=!0}else if(S.includes("/live/")){if(!_)return null;A=_.startsWith("Livestream-")?_:`Livestream-${_}`}else if(_?.includes("-"))A=_,Z=A.startsWith("FeatureFeed-");else if(_?.includes(":"))A=_.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})}})}),N71=({children:a})=>w.jsx(lO0,{linkComponent:C71,children:a});function OZ(){return OZ=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},OZ.apply(null,arguments)}function AH0(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 vH0(a,t){a.prototype=Object.create(t.prototype),a.prototype.constructor=a,jw(a,t)}function T71(a,t){return a.classList?!!t&&a.classList.contains(t):(" "+(a.className.baseVal||a.className)+" ").indexOf(" "+t+" ")!==-1}function P71(a,t){a.classList?a.classList.add(t):T71(a,t)||(typeof a.className=="string"?a.className=a.className+" "+t:a.setAttribute("class",(a.className&&a.className.baseVal||"")+" "+t))}function gH0(a,t){return a.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function O71(a,t){a.classList?a.classList.remove(t):typeof a.className=="string"?a.className=gH0(a.className,t):a.setAttribute("class",gH0(a.className&&a.className.baseVal||"",t))}const ZH0={disabled:!1};var HH0={},$71=HH0.NODE_ENV!=="production"?J0.oneOfType([J0.number,J0.shape({enter:J0.number,exit:J0.number,appear:J0.number}).isRequired]):null,I71=HH0.NODE_ENV!=="production"?J0.oneOfType([J0.string,J0.shape({enter:J0.string,exit:J0.string,active:J0.string}),J0.shape({enter:J0.string,enterDone:J0.string,enterActive:J0.string,exit:J0.string,exitDone:J0.string,exitActive:J0.string})]):null;const MH0=$0.createContext(null);var EH0=function(t){return t.scrollTop},x71={},pp="unmounted",w5="exited",C5="entering",kc="entered",LC="exiting",br=(function(a){vH0(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=w5,i.appearStatus=C5):m=kc:r.unmountOnExit||r.mountOnEnter?m=pp:m=w5,i.state={status:m},i.nextCallback=null,i}t.getDerivedStateFromProps=function(l,i){var o=l.in;return o&&i.status===pp?{status:w5}: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!==C5&&o!==kc&&(i=C5):(o===C5||o===kc)&&(i=LC)}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===C5){if(this.props.unmountOnExit||this.props.mountOnEnter){var o=this.props.nodeRef?this.props.nodeRef.current:Om.findDOMNode(this);o&&EH0(o)}this.performEnter(l)}else this.performExit();else this.props.unmountOnExit&&this.state.status===w5&&this.setState({status:pp})},n.performEnter=function(l){var i=this,o=this.props.enter,c=this.context?this.context.isMounting:l,m=this.props.nodeRef?[c]:[Om.findDOMNode(this),c],u=m[0],p=m[1],f=this.getTimeouts(),A=c?f.appear:f.enter;if(!l&&!o||ZH0.disabled){this.safeSetState({status:kc},function(){i.props.onEntered(u)});return}this.props.onEnter(u,p),this.safeSetState({status:C5},function(){i.props.onEntering(u,p),i.onTransitionEnd(A,function(){i.safeSetState({status:kc},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:Om.findDOMNode(this);if(!i||ZH0.disabled){this.safeSetState({status:w5},function(){l.props.onExited(c)});return}this.props.onExit(c),this.safeSetState({status:LC},function(){l.props.onExiting(c),l.onTransitionEnd(o.exit,function(){l.safeSetState({status:w5},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:Om.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===pp)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=AH0(i,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return $0.createElement(MH0.Provider,{value:null},typeof o=="function"?o(l,c):$0.cloneElement($0.Children.only(o),c))},t})($0.Component);br.contextType=MH0,br.propTypes=x71.NODE_ENV!=="production"?{nodeRef:J0.shape({current:typeof Element>"u"?J0.any:function(a,t,n,r,l,i){var o=a[t];return J0.instanceOf(o&&"ownerDocument"in o?o.ownerDocument.defaultView.Element:Element)(a,t,n,r,l,i)}}),children:J0.oneOfType([J0.func.isRequired,J0.element.isRequired]).isRequired,in:J0.bool,mountOnEnter:J0.bool,unmountOnExit:J0.bool,appear:J0.bool,enter:J0.bool,exit:J0.bool,timeout:function(t){var n=$71;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:J0.func,onEnter:J0.func,onEntering:J0.func,onEntered:J0.func,onExit:J0.func,onExiting:J0.func,onExited:J0.func}:{};function wc(){}br.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:wc,onEntering:wc,onEntered:wc,onExit:wc,onExiting:wc,onExited:wc},br.UNMOUNTED=pp,br.EXITED=w5,br.ENTERING=C5,br.ENTERED=kc,br.EXITING=LC;var j71={},R71=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return P71(t,r)})},FC=function(t,n){return t&&n&&n.split(" ").forEach(function(r){return O71(t,r)})},_C=(function(a){vH0(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&&EH0(l),c&&(this.appliedClasses[i][o]=c,R71(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&&FC(l,c),m&&FC(l,m),u&&FC(l,u)},n.render=function(){var l=this.props;l.classNames;var i=AH0(l,["classNames"]);return $0.createElement(br,OZ({},i,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t})($0.Component);_C.defaultProps={classNames:""},_C.propTypes=j71.NODE_ENV!=="production"?OZ({},br.propTypes,{classNames:I71,onEnter:J0.func,onEntering:J0.func,onEntered:J0.func,onExit:J0.func,onExiting:J0.func,onExited:J0.func}):{};const VH0={Search:Pe(_C)`
   opacity: 0;
   transition: opacity 0.3s ease-in-out;