https://www.justserve.org/_next/static/chunks/9532-7ae444de673f6ae0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9532],{69416:(e,t,n)=>{n.d(t,{A:()=>o});let o=function(e,t,n){let o=!(arguments.length>3)||void 0===arguments[3]||arguments[3],l=1===n||-1===n?e:t;return o?"".concat(n," ").concat(l):l}},69532:(e,t,n)=>{n.r(t),n.d(t,{default:()=>$});var o=n(37876),l=n(34363),r=n(52069),i=n(25528),a=n(78401),d=n(18951),s=n(69416),c=n(58718),u=n(9859),p=n(80348),h=n(85235),m=n(98055),x=n(23902),v=n(14232),f=n(5646),g=n(26239),j=n(97978),b=n(72612),C=n(72769),y=n(74488),I=n(34403),A=n(10841),w=n.n(A),k=n(73797);let E=(0,f.Ay)(I.Ay).withConfig({componentId:"sc-6b312f09-0"})(["overflow-x:auto;padding-top:32px;background-image:linear-gradient(to right,white,white),linear-gradient(to right,white,white),linear-gradient(to right,rgba(0,0,0,0.25),rgba(255,255,255,0)),linear-gradient(to left,rgba(0,0,0,0.25),rgba(255,255,255,0));background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-color:white;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;"]),S=f.Ay.div.withConfig({componentId:"sc-6b312f09-1"})(["display:flex;align-items:center;margin:32px 0;gap:24px;"]),M=f.Ay.div.withConfig({componentId:"sc-6b312f09-2"})(["margin-left:75px;width:calc(100% - 75px);"]),D=f.Ay.div.withConfig({componentId:"sc-6b312f09-3"})(["display:flex;gap:8px;align-items:center;height:40px;"]),H=(0,f.Ay)(i.A).withConfig({componentId:"sc-6b312f09-4"})(["& > span{color:#0081a0;}& > svg{margin-left:8px;color:#0081a0;}&.Mui-disabled{& > span{color:#a0a0a0;}& > svg{color:#a0a0a0;}}&.MuiButton-root{padding:0px;&:hover{background-color:transparent;}}"]),V=(0,f.Ay)(M).withConfig({componentId:"sc-6b312f09-5"})([""]),T=(0,f.Ay)(p.A).withConfig({componentId:"sc-6b312f09-6"})(["&&{.MuiCheckbox-root.Mui-checked,.MuiIconButton-root.Mui-checked{color:#0081a0;}}"]),R=(0,f.Ay)(T).withConfig({componentId:"sc-6b312f09-7"})([".MuiFormControlLabel-label{position:absolute;width:75px;top:-32px;color:#64686c;}"]),z=f.Ay.div.withConfig({componentId:"sc-6b312f09-8"})(["display:flex;align-items:center;gap:100px;margin-top:25px;h2{margin:0;}@media (min-width:768px){gap:200px;}@media (min-width:1024px){gap:440px;}"]),N=f.Ay.div.withConfig({componentId:"sc-6b312f09-9"})(["position:relative;top:22px;"]),L=f.Ay.div.withConfig({componentId:"sc-6b312f09-10"})(["display:flex;align-items:center;"]),B=f.Ay.span.withConfig({componentId:"sc-6b312f09-11"})(["margin-left:10px;margin-top:2px;font-size:17px;"]),$=e=>{let t,{type:n,results:p,withMultiSelect:A=!0,isLoading:M,handleLoadMore:T,onDelete:$,onUpdateVolunteerHours:_,onUpdateMultiVolunteerHours:q,onDownloadAllVolunteersCsv:K,onPrintAll:O,totalAvailableCount:P,addButtonProps:W,onEmailSelected:F}=e;g.pK.DTL;let Q="50px 180px 200px 200px 100px 100px 470px 370px",{store:G,resource:Y}=(0,x.P)(),{tableComponent:U}=Y.components,[X,Z]=(0,v.useState)(!1),[J,ee]=(0,v.useState)([]),[et,en]=(0,v.useState)(void 0),[eo,el]=(0,v.useState)({projectVolunteerId:void 0,projectVolunteerName:void 0,projectType:void 0,projectEventId:void 0,projectEventStartDate:void 0,projectEventEndDate:void 0,volunteerDate:void 0,adminReportedHours:void 0}),[er,ei]=(0,v.useState)([]),[ea,ed]=(0,v.useState)({prop:"volunteerDate",dir:"asc"}),es=e=>{let t;t=e===ea.prop&&"asc"===ea.dir?"desc":"asc",ed({prop:e,dir:t})},ec=void 0!==eo.projectVolunteerId&&void 0!==eo.projectEventId,eu=er.length>0,ep=()=>{ei([])},eh=()=>{el({projectVolunteerId:void 0,projectVolunteerName:void 0,projectType:void 0,projectEventId:void 0,projectEventStartDate:void 0,projectEventEndDate:void 0,volunteerDate:void 0,adminReportedHours:void 0})},em=p.length<P,ex=p.reduce((e,t)=>e+(t.groupSize||0),0);return(0,o.jsxs)(V,{children:[(0,o.jsxs)(z,{children:[(0,o.jsxs)(L,{children:[(0,o.jsx)("h2",{children:p.length?(0,s.A)(U.results.singular,U.results.plural,p.length):"No ".concat(U.results.plural)}),p.length>0&&(0,o.jsxs)(B,{children:["(",ex," total Volunteers)"]})]}),(0,o.jsx)(N,{children:(0,o.jsxs)(i.A,{"data-testid":"addVolunteerButton",variant:"outlined",onClick:W.onClick,disabled:W.

1isLoading,children:[(0,o.jsx)(l.A,{}),W.label]})})]}),!!p.length&&(0,o.jsxs)(o.Fragment,{children:[A&&(()=>{let e=0===J.length,t=(0,o.jsx)(h.A,{moreElement:(0,o.jsxs)(H,{"data-testid":"optionsMenuButton",disabled:e,children:[(0,o.jsx)("span",{children:U.multipleMenuTitle})," ",(0,o.jsx)(r.A,{})]}),disabled:e,items:[{title:U.multipleMenu.emailSelected,onClick:()=>F(J),testId:"menuItemEmailSelected"},{title:U.multipleMenu.editHours,onClick:()=>{ei(p.filter(e=>J.includes(e.volunteerId)).map(e=>({projectVolunteerId:e.volunteerId,projectVolunteerName:e.name,projectType:n,projectEventId:e.projectEventId,projectEventStartDate:e.projectEventStartDate,projectEventEndDate:e.projectEventEndDate,volunteerDate:e.volunteerDate,adminReportedHours:e.adminReportedHours})))},testId:"menuItemEditHours"},{title:U.multipleMenu.printSelected,onClick:()=>O(),testId:"menuItemPrintSelected"},{title:U.multipleMenu.downloadAll,onClick:()=>{K()},testId:"menuItemDownloadAll"}]});return(0,o.jsxs)(D,{children:[(0,o.jsx)(u.A,{"data-testid":"multiSelectToggle",onCh

1ange:()=>{Z(!X),X&&ee([])}}),U.multiSelect,e?(0,o.jsx)(m.m,{title:U.multiSelectTooltip,arrow:!0,children:(0,o.jsx)("div",{children:t})}):(0,o.jsx)("div",{children:t})]})})(),(0,o.jsxs)(E,{"data-testid":"volunteersTable",children:[(0,o.jsxs)(I.UX,{columns:Q,children:[(0,o.jsx)(I.C3,{children:X&&(0,o.jsx)(R,{onChange:e=>{e.target.checked?ee(p.map(e=>e.volunteerId)):ee([])},label:U.selectAll,dataQATag:"selectAllCheckbox"})}),(0,o.jsx)(I.C3,{style:{cursor:"pointer"},onClick:()=>es("volunteerDate"),children:n==g.pK.Ongoing?U.tableHead.VolunteerDate:U.tableHead.eventDate}),(0,o.jsx)(I.C3,{style:{cursor:"pointer"},onClick:()=>es("name"),children:U.tableHead.name}),(0,o.jsx)(I.C3,{style:{cursor:"pointer"},onClick:()=>es("email"),children:U.tableHead.contactInfo}),(0,o.jsx)(I.C3,{style:{cursor:"pointer",textAlign:"center",justifyContent:"center"},onClick:()=>es("groupSize"),children:U.tableHead.group}),(0,o.jsx)(I.C3,{style:{cursor:"pointer",textAlign:"center",justifyContent:"center"},onClick:()=>es("hoursServed"),children:U.tableHead.hours}),(0,o.jsx)(I.C3,{style:{cursor:"pointer"},onClick:()=>console.log("notes"),children:U.tableHead.note})]}),p.map(e=>(0,o.jsxs)(I.Qq,{"data-testid":"volunteerRow-".concat(e.volunteerId),columns:Q,children:[(e=>{let t=J.includes(e.volunteerId);return(0,o.jsx)(I.C3,{style:{justifyContent:"center"},children:X?(0,o.jsx)(R,{onChange:()=>(e=>{J.includes(e)?ee(t=>t.filter(t=>t!==e)):ee(t=>[...t,e])})(e.volunteerId),isControlled:!0,value:t,dataQATag:"checkboxSelect"}):(0,o.jsx)(h.A,{"data-testid":"volunteerMenu-".concat(e.volunteerId),items:[{title:U.singleMenu.emailVolunteer,onClick:()=>{F([e.volunteerId])},testId:"menuItemEmail-".concat(e.volunteerId)},{title:U.singleMenu.copyNumber,onClick:()=>{let t;return t=e.phone,navigator.clipboard.writeText(t)}},{title:U.singleMenu.editHours,onClick:()=>el({projectVolunteerId:e.volunteerId,projectVolunteerName:e.name,projectType:n,projectEventId:e.projectEventId,projectEventStartDate:e.projectEventStartDate,projectEventEndDate:e.projectEventEndDate,volunteerDate:e.volunteerDate,adminReportedHours:e.adminReportedHours}),testId:"menuItemHours-".concat(e.volunteerId)},{title:U.singleMenu.deleteVolunteer,onClick:()=>en(e.volunteerId),testId:"menuItemDelete-".concat(e.volunteerId)}]})})})(e),(e=>{var t;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(I.C3,{children:(0,j.Yq)([g.pK.MultipleDTL,g.pK.Recurring,g.pK.DTL].includes(n)?e.projectEventStartDate:e.volunteerDate,G.lang)}),(0,o.jsx)(I.C3,{"data-testid":"volunteerName-".concat(e.volunteerId),children:e.name}),(0,o.jsxs)(I.C3,{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"16px",gap:"4px"},children:[(0,o.jsx)(a.A,{href:"mailto:".concat(e.email),style:{display:"block",maxWidth:"163px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textAlign:"left",marginBottom:"2px"},children:e.email}),(0,o.jsx)("span",{style:{display:"block",maxWidth:"163px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:(null==(t=e.phone)?void 0:t.replace(/(\d{3})(\d{3})(\d{4})/,"$1-$2-$3"))||e.phone})]}),(0,o.jsx)(I.C3,{style:{textAlign:"center",justifyContent:"center"},children:e.groupSize}),(0,o.jsx)(I.C3,{"data-testid":"volunteerHours-".concat(e.volunteerId),style:{textAlign:"center",justifyContent:"center"},children:0==e.adminReportedHours?e.hoursServed:e.adminReportedHours}),(0,o.jsx)(I.C3,{children:e.note})]})})(e)]},e.volunteerId)),(t=p.length,(0,o.jsxs)(S,{children:[(0,o.jsxs)("span",{style:{fontSize:"14px"},children:["Showing ",t," of ",P," ",U.results.plural]}),em&&(0,o.jsx)(i.A,{variant:"outlined",onClick:T,disabled:M,children:U.showMore})]}))]})]}),(e=>(0,o.jsx)(c.df,{"data-testid":"confirmDeleteModal",active:!!(et&&e),contentTestId:"volunteerDeleteConfirmModalContent",handleCloseModal:()=>en(void 0),handleConfirm:()=>{$(e),en(void 0)},handleCancel:()=>en(void 0),confirmLabel:Y.pages.dashboard.confirmLabel,cancelLabel:Y.pages.dashboard.cancelLabel,children:Y.pages.dashboard.confirmDelete}))(et),ec&&((e,t)=>{let l,r=(0,f.Ay)(d.A).withConfig({componentId:"sc-6b312f09-12"})(["padding-left:12px;padding-right:12px;"]),a=f.Ay.span.withConfig({componentId:"sc-6b312f09-13"}

1)(["color:#1a2e3b;font-size:16px;display:block;margin-bottom:8px;"]),s=f.Ay.span.withConfig({componentId:"sc-6b312f09-14"})(["color:#222222;margin-bottom:10px;display:block;font-size:20px;"]);if(n===g.pK.Ongoing)l=(0,j.Yq)(e.volunteerDate,G.lang);else{let t=(0,j.Yq)(e.projectEventStartDate,G.lang),n="".concat(w()(e.projectEventStartDate).format("h:mma")," - ").concat(w()(e.projectEventEndDate).format("h:mma")).toLowerCase();l="".concat(t,"  ").concat(n)}return(0,o.jsx)(c.d5,{"data-testid":"editHoursModal",active:ec,heading:Y.updateVolunteerHoursModal.titleLabel,type:"modal",fullWidth:!1,contentTestId:"editVolunteerHoursModalContent",onCloseGesture:eh,children:(0,o.jsx)(r,{disableGutters:!0,children:(0,o.jsx)(k.lV,{onSubmit:e=>{t(e),eh()},initialValues:{adminReportedHours:e.adminReportedHours,projectVolunteerId:e.projectVolunteerId,projectEventId:e.projectEventId},children:t=>{let{handleSubmit:n}=t;return(0,o.jsxs)(b.ak,{onSubmit:n,children:[(0,o.jsxs)("div",{children:[(0,o.jsx)(a,{children:Y.updateVolunteerHoursModal.volunteerNameLabel}),(0,o.jsx)(s,{children:e.projectVolunteerName})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)(a,{children:Y.updateVolunteerHoursModal.dateVolunteeredLabel}),(0,o.jsx)(s,{children:l})]}),(0,o.jsx)("div",{children:(0,o.jsx)(C.A,{"data-testid":"hoursInput",name:"adminReportedHours",type:"number",label:Y.updateVolunteerHoursModal.hoursServedPlaceholder,min:1,fullWidth:!0,validate:y.mw})}),(0,o.jsxs)(b.Ef,{children:[(0,o.jsx)(i.A,{variant:"contained",type:"submit",children:Y.updateVolunteerHoursModal.updateButton}),(0,o.jsx)(i.A,{variant:"text",onClick:eh,children:Y.cancel})]})]})}})})})})(eo,_),eu&&((e,t)=>{let n=(0,f.Ay)(d.A).withConfig({componentId:"sc-6b312f09-15"})(["padding-left:12px;padding-right:12px;"]);return f.Ay.span.withConfig({componentId:"sc-6b312f09-16"})(["color:#1a2e3b;font-size:16px;display:block;margin-bottom:8px;"]),f.Ay.span.withConfig({componentId:"sc-6b312f09-17"})(["color:#222222;margin-bottom:10px;display:block;font-size:20px;"]),(0,o.jsx)(c.d5,{active:eu,heading:Y.updateVolunteerHoursModal.titleLabel,type:"modal",fullWidth:!1,contentTestId:"editMultiVolunteerHoursModalContent",onCloseGesture:ep,children:(0,o.jsx)(n,{disableGutters:!0,children:(0,o.jsx)(k.lV,{onSubmit:n=>{let{adminReportedHours:o}=n;t(e.map(e=>({...e,adminReportedHours:o}))),ep()},children:e=>{let{handleSubmit:t}=e;return(0,o.jsxs)(b.ak,{onSubmit:t,children:[(0,o.jsx)("div",{children:(0,o.jsx)(C.A,{"data-testid":"multiHoursInput",name:"adminReportedHours",type:"number",label:Y.updateVolunteerHoursModal.hoursServedPlaceholder,min:1,fullWidth:!0,validate:y.mw})}),(0,o.jsxs)(b.Ef,{children:[(0,o.jsx)(i.A,{variant:"contained",type:"submit","data-testid":"updateMultiHoursButton",children:Y.updateVolunteerHoursModal.updateButton}),(0,o.jsx)(i.A,{variant:"text",onClick:ep,children:Y.cancel})]})]})}})})})})(er,q)]})}},72612:(e,t,n)=>{n.d(t,{$9:()=>u,EY:()=>r,Ef:()=>i,HP:()=>s,ak:()=>d,mX:()=>a,mc:()=>l,nb:()=>c});var o=n(5646);let l=o.Ay.div.withConfig({componentId:"sc-8ff6d5a-0"})(["width:425px;"]),r=o.Ay.p.withConfig({componentId:"sc-8ff6d5a-1"})(["font-size:16px;line-height:29px;color:#002838;margin:0;"]),i=o.Ay.div.withConfig({componentId:"sc-8ff6d5a-2"})(["display:flex;gap:16px;"]),a=o.Ay.div.withConfig({componentId:"sc-8ff6d5a-3"})(["display:flex;flex-direction:column;gap:16px;"]),d=o.Ay.form.withConfig({componentId:"sc-8ff6d5a-4"})(["display:flex;flex-direction:column;gap:16px;"]),s=o.Ay.span.withConfig({componentId:"sc-8ff6d5a-5"})(["font-size:12px;line-height:21px;"]),c=o.Ay.span.withConfig({componentId:"sc-8ff6d5a-6"})(["color:#ff0000;"]),u=o.Ay.div.withConfig({componentId:"sc-8ff6d5a-7"})(["display:flex;justify-content:space-between;align-items:center;"])},72769:(e,t,n)=>{n.d(t,{A:()=>s});var o=n(37876);n(14232);var l=n(73797),r=n(80505),i=n.n(r);let a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(e,n,o)=>i()(t).reduce((t,l)=>t||l(e,n,o),void 0)};var d=n(39732);let s=e=>{let{validate:t,type:n="text",ref:r,dataQATag:i,dataQAInputTag:s,...c}=e,u=(e=>{let t;return e&&(t="function"==typeof e?e:a(...e)),t})(t);return(0,o.jsx)(l.D0,{validate:u,type:n,...c,children:e=>

1{let{input:t,meta:n,...l}=e,a=(null==n?void 0:n.touched)&&((null==n?void 0:n.submitError)||(null==n?void 0:n.error))?n.submitError||n.error:"",c={...t,...l,onChange:e=>{t.onChange(e)},onBlur:e=>{t.onBlur(e)},errorMessage:a,isControlled:!0,dataQATag:i,dataQAInputTag:s};return(0,o.jsx)(d.A,{ref:r,...c})}})}},74488:(e,t,n)=>{n.d(t,{JV:()=>u,Ru:()=>d,Tm:()=>s,_N:()=>p,mw:()=>a,xr:()=>c}),n(10841);let o=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,l={"en-US":/^[\d+\s.\-()]{7,}([extensionEXTENSION:.\s]+\d{1,6})?$/},r=/^[1-9]\d*$/,i=/^[0-9]*\.?[0-9]+$/,a=e=>"string"==typeof e?(null==e?void 0:e.trim())?void 0:"Required":null!=e?void 0:"Required",d=e=>t=>t&&t.length>e?"Must be ".concat(e," characters or less"):void 0,s=e=>e&&!o.test(e.toLowerCase())?"Invalid email address":void 0,c=e=>e&&!l["en-US"].test(e)?"Invalid phone":void 0,u=e=>{if(e&&!r.test(e))return"Must be a positive whole number"},p=e=>{if(e){if(!i.test(e))return"Must be a positive number";if(0>parseFloat(e))return"Must be greater than zero"}}},80348:(e,t,n)=>{n.d(t,{A:()=>c});var o=n(37876),l=n(14232),r=n(47646),i=n(79334),a=n(38254),d=n(99760);let s=(0,l.forwardRef)((e,t)=>{let{id:n,value:s,errorMessage:c,label:u,onFocus:p,onBlur:h,onChange:m,disabled:x,dataQATag:v,isControlled:f,className:g,...j}=e,[b,C]=(0,l.useState)(s||!1),y=n||"js-checkbox-".concat(j.name),I=(0,l.useRef)(null);return(0,l.useEffect)(()=>{f&&C(s)},[s,f]),(0,o.jsxs)(r.A,{className:g,error:!!c,children:[(0,o.jsx)(i.A,{control:(0,o.jsx)(d.A,{id:y,value:b,ref:t||I,"data-testid":v,name:j.name,onFocus:e=>{null==p||p(e)},onBlur:e=>{null==h||h(e)},onChange:e=>{null==m||m(e,e.target.checked),f||C(e.target.checked)},disabled:x,checked:!0===b,sx:{...c?{"& svg":{border:"1px solid red"}}:null}}),label:u}),c&&(0,o.jsx)(a.A,{children:c})]})});s.displayName="Checkbox";let c=s},85235:(e,t,n)=>{n.d(t,{A:()=>b});var o=n(28888),l=n(37876),r=n(5674),i=n(43913),a=n(18951),d=n(25528),s=n(70120),c=n(74650),u=n(59092),p=n(89726),h=n(14232);function m(){let e=(0,o._)(["\n  overflow: visible !important;\n"]);return m=function(){return e},e}function x(){let e=(0,o._)(["\n  padding: 0px !important;\n"]);return x=function(){return e},e}function v(){let e=(0,o._)(["\n  color: #000000;\n  :hover {\n    background-color: transparent !important;\n  }\n"]);return v=function(){return e},e}let f=(0,i.Ay)("div")(m()),g=(0,i.Ay)(a.A)(x()),j=(0,i.Ay)(d.A)(v()),b=e=>{let{items:t,moreElement:n=(0,l.jsx)(r.A,{}),onOpen:o,onClose:i,disabled:a=!1}=e,[d,m]=(0,h.useState)(null),[x,v]=(0,h.useState)(null),b=()=>{m(null),null==i||i()},C=!!d;return(0,l.jsxs)(f,{ref:v,children:[(0,l.jsx)(j,{onClick:()=>{a||(m(x),null==o||o())},disabled:a,children:n}),(0,l.jsx)(p.Ay,{id:C?"simple-popover":void 0,open:C,anchorEl:d,onClose:b,anchorOrigin:{vertical:"bottom",horizontal:"left"},hideBackdrop:!1,container:x,children:(0,l.jsx)(s.A,{component:"div",disablePadding:!0,sx:{backgroundColor:"#fff"},children:t.map(e=>{let{title:t,onClick:n,testId:o}=e;return(0,l.jsx)(c.A,{"data-testid":o,sx:{py:0,pl:1,cursor:"pointer"},onClick:()=>{n(),b()},children:(0,l.jsx)(u.A,{sx:{py:0,pl:1},primary:(0,l.jsx)(g,{children:t})})},t)})})})]})}}}]);