https://churchapps.org/_next/static/chunks/4304.9091f47b6c67b80b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4304],{4304:(e,r,t)=>{t.r(r),t.d(r,{VolunteerPage:()=>b});var l=t(95155),n=t(19749);t(12115);var i=t(82222),o=t(41841),s=t(73139),a=t(69754),c=t(66878),d=t(57128),u=t(54138),x=t(94992),p=t(37586),h=t(91057),m=t(18031),f=t(6438),g=t(26324);let b=e=>{let r,t,b,v,$,B,M,w,A,_,R,z,C,k=(0,n.c)(31),{config:W}=e,D=f.MB.colors,P=(0,i.useRouter)(),T=W?.church?.id,V="/plans/public/signup/"+T;k[0]!==V?(r=[V,"DoingApi-anon"],k[0]=V,k[1]=r):r=k[1],k[2]!==T?(t=async()=>{let e=await p.tH.getAnonymous("/plans/public/signup/"+T,"DoingApi");return Array.isArray(e)?e:[]},k[2]=T,k[3]=t):t=k[3];let E=!!T;k[4]!==r||k[5]!==t||k[6]!==E?(b={queryKey:r,queryFn:t,enabled:E,staleTime:3e5,gcTime:9e5},k[4]=r,k[5]=t,k[6]=E,k[7]=b):b=k[7];let{data:F,isError:I,refetch:N}=(0,m.I)(b),q=void 0===F?null:F;k[8]!==P?(v=e=>{let{total:r,filled:t,remaining:n}=function(e){let r=e.reduce(y,0),t=e.reduce(j,0);return{total:r,filled:t,remaining:Math.max(0,r-t)}}(e.positions),i=function(e){return e.times?.length?e.times.map(S).filter(Boolean).join(", "):""}(e),u=0===n;return(0,l.jsxs)(o.default,{sx:{bgcolor:D.surface,border:`1px solid ${D.border}`,borderRadius:`${f.MB.radius.lg}px`,p:`${f.MB.spacing.md}px`},children:[(0,l.jsxs)(o.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:1},children:[(0,l.jsxs)(o.default,{sx:{flex:1,minWidth:0},children:[(0,l.jsx)(s.default,{sx:{fontSize:16,fontWeight:600,color:D.text,mb:.25},children:e.plan.name}),(0,l.jsxs)(s.default,{sx:{fontSize:13,color:D.textSecondary},children:[p.rV.prettyDate(p.rV.toDate(e.plan.serviceDate)),i?` \u00b7 ${i}`:""]})]}),(0,l.jsx)(o.default,{sx:{px:1,py:.25,borderRadius:"999px",bgcolor:u?`${D.textSecondary}1A`:`${D.success}1A`,color:u?D.textSecondary:D.success,fontSize:10.5,fontWeight:700,whiteSpace:"nowrap"},children:u?h.h.label("mobile.screens.volunteerFull"):h.h.label("mobile.screens.volunteerOpen").replace("{}",String(n))})]}),r>0&&(0,l.jsxs)(o.default,{sx:{mt:1.5},children:[(0,l.jsx)(a.A,{variant:"determinate",value:r>0?t/r*100:0,sx:{height:6,borderRadius:3,bgcolor:D.border,"& .MuiLinearProgress-bar":{bgcolor:D.primary}}}),(0,l.jsx)(s.default,{sx:{fontSize:11,color:D.textSecondary,mt:.5},children:h.h.label("mobile.screens.volunteerPositionsFilled").replace("{}",String(t)).replace("{}",String(r))})]}),e.positions?.length>0&&(0,l.jsx)(o.default,{sx:{mt:1.5,display:"flex",flexWrap:"wrap",gap:.5},children:e.positions.map(e=>{let r=Math.max(0,(e.count||0)-(e.filledCount||0)),t=0===r;return(0,l.jsx)(c.default,{label:h.h.label("mobile.screens.volunteerPositionOpen").replace("{}",e.name||"").replace("{}",String(r)),size:"small",sx:{height:22,fontSize:10.5,fontWeight:700,borderRadius:"999px",bgcolor:t?`${D.textSecondary}1A`:D.primaryLight,color:t?D.textSecondary:D.primary,"& .MuiChip-label":{px:1}}},e.id||e.name)})}),!u&&(0,l.jsx)(o.default,{sx:{mt:1.5,display:"flex",justifyContent:"flex-end"},children:(0,l.jsx)(d.default,{variant:"contained",onClick:()=>P.push(`/mobile/volunteer/${e.plan.id}`),sx:{bgcolor:D.primary,color:D.onPrimary,borderRadius:`${f.MB.radius.md}px`,textTransform:"none",fontWeight:500,"&:hover":{bgcolor:D.primary}},children:h.h.label("mobile.screens.volunteerViewSignUp")})})]},e.plan.id)},k[8]=P,k[9]=v):v=k[9];let H=v;k[10]===Symbol.for("react.memo_cache_sentinel")?($=e=>(0,l.jsxs)(o.default,{sx:{bgcolor:D.surface,border:`1px solid ${D.border}`,borderRadius:`${f.MB.radius.lg}px`,p:`${f.MB.spacing.md}px`},children:[(0,l.jsx)(u.A,{variant:"text",width:"60%",height:22}),(0,l.jsx)(u.A,{variant:"text",width:"40%",height:14}),(0,l.jsx)(u.A,{variant:"rounded",height:6,sx:{mt:1.5}}),(0,l.jsx)(u.A,{variant:"rounded",width:110,height:32,sx:{mt:1.5,ml:"auto"}})]},`sk-${e}`),k[10]=$):$=k[10];let L=$;k[11]===Symbol.for("react.memo_cache_sentinel")?(B=()=>(0,l.jsxs)(o.default,{sx:{bgcolor:D.surface,border:`1px solid ${D.border}`,borderRadius:`${f.MB.radius.xl}px`,p:`${f.MB.spacing.lg}px`,textAlign:"center"},children:[(0,l.jsx)(o.default,{sx:{width:64,height:64,borderRadius:"11px",bgcolor:D.iconBackgroun

1d,display:"inline-flex",alignItems:"center",justifyContent:"center",mb:`${f.MB.spacing.md}px`},children:(0,l.jsx)(x.default,{sx:{fontSize:32,color:D.primary},children:"volunteer_activism"})}),(0,l.jsx)(s.default,{sx:{fontSize:18,fontWeight:600,color:D.text,mb:.5},children:h.h.label("mobile.screens.volunteerBrowseTitle")}),(0,l.jsx)(s.default,{sx:{fontSize:14,color:D.textMuted},children:h.h.label("mobile.screens.volunteerBrowseBody")})]}),k[11]=B):B=k[11];let O=B;return k[12]===Symbol.for("react.memo_cache_sentinel")?(M={p:`${f.MB.spacing.md}px`,bgcolor:D.background,minHeight:"100%"},k[12]=M):M=k[12],k[13]===Symbol.for("react.memo_cache_sentinel")?(w={display:"flex",flexDirection:"column",gap:`${f.MB.spacing.sm}px`},k[13]=w):w=k[13],k[14]!==N||k[15]!==q||k[16]!==I?(A=null===q&&I&&(0,l.jsx)(g.P,{onRetry:()=>N()}),k[14]=N,k[15]=q,k[16]=I,k[17]=A):A=k[17],k[18]!==q||k[19]!==I?(_=null===q&&!I&&[0,1].map(L),k[18]=q,k[19]=I,k[20]=_):_=k[20],k[21]!==q?(R=null!==q&&0===q.length&&O(),k[21]=q,k[22]=R):R=k[22],k[23]!==H||k[24]!==q?(z=null!==q&&q.length>0&&q.map(H),k[23]=H,k[24]=q,k[25]=z):z=k[25],k[26]!==A||k[27]!==_||k[28]!==R||k[29]!==z?(C=(0,l.jsx)(o.default,{sx:M,children:(0,l.jsxs)(o.default,{sx:w,children:[A,_,R,z]})}),k[26]=A,k[27]=_,k[28]=R,k[29]=z,k[30]=C):C=k[30],C};function y(e,r){return e+(r.count||0)}function j(e,r){return e+(r.filledCount||0)}function S(e){return e.displayName}}}]);