https://www.sofarsounds.com/admin_organism_CrewUnavailabilityDates-CxNKQ5Dv.js

1import{r as b,j as a,T as g,V as h,U as M,q as l,A as p,u as v}from"./vendor-BJ3uik3T.js";import{bK as w,am as j,K as y,al as D,u as $,aB as C,a0 as S,a2 as k,cD as F,be as A}from"./index-BdHWJevn.js";import{M as H}from"./shared_molecule_ModalContentContainer-g38S1XFh.js";import{U}from"./admin_graphql_staffMembers_mutationHooks-B2cYgUt2.js";import{c as E}from"./admin_atom_DetailContent-uErtev3T.js";import{D as O}from"./admin_organism_DetailsHeader-aembUJ2W.js";import"./shared_util_useModal-C6VgIZRP.js";import"./shared_molecule_ConfirmationModal-S_zbfig9.js";import"./shared_molecule_RoutableModal-CSxrs0tv.js";import"./shared_atom_ImageManualCSS-DFms6Rab.js";import"./admin_molecule_EventPlannerUtils-BYmGdmpO.js";import"./shared_atom_TruncatedByCharText-B-GpcpQN.js";import"./shared_atom_ToolTipManualCSS-cpCWt9VR.js";import"./admin_util_events-CDx9Qx0Y.js";import"./shared_util_events-DUuYv7l4.js";import"./shared_util_socialLinks-BUK1mzxs.js";import"./shared_atom_LoadingBlocksManualCSS-CC3tM7yU.js";import"./admin_molecule_DetailsTitle-ChDGppgH.js";import"./shared_atom_ModalTitle-CnIbEa0R.js";const T=({formikProps:e,setFormSubmitAction:t,setDisplayConfirmation:o,setIsSubmitting:i,isSubmitting:d})=>{b.useEffect(()=>{t&&t(()=>e.submitForm),o&&o(e.dirty),i&&i(e.isSubmitting)},[e.isSubmitting,e.submitForm,e.dirty,t,o,i]),b.useEffect(()=>{Object.keys(e.errors).length>0&&d&&i&&i(!1)},[e.errors,d,i]);const{setFieldValue:n,values:s,errors:c,touched:m}=e,f=(r,x,u)=>x[r]&&u[r]?u[r]:null;return a.jsx(w,{dataQaId:"crew-availability-datepicker-edit-form",paddingTop:"15",children:a.jsx(j,{label:"","data-qaid":"crew-availability-datepicker-form-dates",errorMsg:f("dates",m,c),children:a.jsx(y,{values:s.dates,onChange:r=>n("dates",r),numberOfMonthsToDisplay:6,hasBlackOutDatesStyling:!0})})})},V=e=>g().shape({dates:h().of(M()).test("dates",e.formatMessage({id:"form.selectAtLeastOneDate"}),function(t){return!D(t)})}),q=l.div`
2  width: 100%;
3`,G=l.div`
4  ${({theme:e})=>p`
5    display: flex;
6    ${e.media.xs`
7      flex-direction: column;
8    `};
9    ${e.media.sm`
10      margin-left: 45px;
11      flex-direction: column;
12    `};
13    ${e.media.md`
14      margin-left: 25px;
15      flex-direction: row;
16    `};
17    ${e.media.lg`
18      margin-left: 15px;
19      flex-direction: row;
20    `};
21    ${e.media.xl`
22      margin: 0;
23      flex-direction: row;
24    `};
25  `}
26`,B=l(C)`
27  ${({theme:e})=>p`
28    font-weight: normal;
29    margin-bottom: 10px;
30    color: ${e.colors.darkSmoke};
31    margin-right: 30px;
32  `}
33`,K=l.div`
34  display: flex;
35  flex-direction: row;
36`,L=l.div`
37  ${({theme:e,color:t})=>`
38    width: 15px;
39    height: 15px;
40    border-radius: 50%;
41    background-color: ${t||e.colors.darkSmoke};
42    margin-right: 5px;
43  `}
44`,Q=l(S)`
45  padding-right: 5px;
46`,I=({title:e,info:t})=>{const o=$();return a.jsx(q,{children:a.jsxs(G,{children:[a.jsx(B,{children:e}),a.jsxs(K,{children:[a.jsx(L,{color:o.colors.blueGrey}),a.jsx(Q,{children:t})]})]})})},ne=({contentProps:e,setFormSubmitAction:t,setDisplayConfirmation:o,setIsSubmitting:i,isSubmitting:d,hide:n})=>{const s=v(),c={dates:e.staffMember?e.staffMember.staffMemberAvailabilityDates.filter(r=>!r.isAvailable).map(r=>r.date):[]},m=U(),f=k({submitAction:m,submitVariables:r=>({staffMemberId:e.staffMember.id,staffMemberAvailabilityDates:F(r.dates)}),successMsg:s.formatMessage({id:"admin.crewPortal.blackoutDate.successMsg"}),failureMsg:s.formatMessage({id:"admin.crewPortal.blackoutDate.failureMsg"}),onSuccess:()=>{n()}});return a.jsx(H,{"data-qaid":"crew-availability-dates-modal",children:a.jsxs(E,{children:[a.jsx(O,{title:s.formatMessage({id:"admin.crewPortal.daysNotAvailable"})}),a.jsx(I,{title:s.formatMessage({id:"admin.crewPortal.blackoutDate.headerInfo"}),info:s.formatMessage({id:"admin.crewPortal.blackoutDate.notAvailable"})}),a.jsx(A,{formInitialValues:c,renderFormComponent:r=>a.jsx(T,{formikProps:r.formikProps,setFormSubmitAction:t,setDisplayConfirmation:o,setIsSubmitting:i,isSubmitting:d}),onSubmit:f,formSchema:V(s),dataQaId:"crew-availability-datepicker-form"})]})})};export{ne as default};
47//# sourceMappingURL=admin_organism_CrewUnavailabilityDates-CxNKQ5Dv.js.map