https://www.wtc.nl/static/js/7E-XWHBV.chunk.js

1import{x as T,m as e,o as i,cA as F,T as x,r as a,p as $,e as q,a8 as O,D as N,A as v,X as z,aj as W,aa as B,af as H,$ as K,ar as P,B as u,aN as U,ak as X}from"./main.DKh_6sCX.js";import{b as E,X as Y,Y as G,x as Z,q as J,Z as Q,_ as ee,$ as te}from"./B1pXZ5-z.chunk.js";import{u as ie}from"./Cf-m1qGz.chunk.js";import{A as ae}from"./Cy9wsexd.chunk.js";import{I as ne}from"./CgvjVJrW.chunk.js";import{I as se}from"./Ccr1aFMB.chunk.js";import{L as oe}from"./BBg0NFgw.chunk.js";import{L as re}from"./CQ-5qwlt.chunk.js";import"./CPlf0Onx.chunk.js";import"./BcVBKpZE.chunk.js";import"./CGRvYMIJ.chunk.js";import"./Dz8cEszS.chunk.js";import"./BJvKUPz7.chunk.js";const S=({labelKey:t,name:o,value:d,onChange:n,onClear:s,error:r})=>{const{t:p}=T();return e.jsxs(le,{children:[e.jsx(de,{children:p(t)}),e.jsx(F,{withBorderOnFocus:!0,withEditIcon:!0,name:o,value:d,onClear:()=>s(o),onChange:n,hasError:!!r,error:r})]})},le=i.div.withConfig({displayName:"InputComponentWithLabel__Container"})(["display:flex;flex-direction:column;gap:10px;"]),de=i(x).attrs({defaultVariant:"normal"}).withConfig({displayName:"InputComponentWithLabel__Label"})(["line-height:10px;padding-left:20px;"]),ce=({value:t,className:o,onChange:d})=>{const n=E(),s=a.useMemo(()=>{if(!t)return new Date;try{return $(t,q,new Date)}catch{return new Date}},[t]),[r,p]=a.useState(s),h=a.useCallback(()=>{p(l=>Y(l,1))},[]),f=a.useCallback(()=>{p(l=>G(l,1))},[]),m=a.useMemo(()=>O(n(r,["monthName","fullYear"])),[r,n]),C=a.useCallback(l=>{d(n(l,"apiDate"))},[n,d]);return e.jsxs(he,{className:o,children:[e.jsxs(ue,{children:[e.jsx(I,{onlyIcon:!0,color:"white",bordered:!0,onClick:f,children:e.jsx(L,{isLeftButton:!0,children:e.jsx(Z,{})})}),e.jsx(pe,{children:m}),e.jsx(I,{onlyIcon:!0,color:"white",bordered:!0,onClick:h,children:e.jsx(L,{isLeftButton:!1,children:e.jsx(J,{})})})]}),e.jsx(Q,{initialMonth:s,monthToShow:r,onDayClick:C,fromDate:t?s:void 0})]})},pe=i(x).attrs({defaultVariant:"normal",isHeavy:!0}).withConfig({displayName:"SingleDayDatePicker__Title"})(["line-height:14px;"]),ue=i.div.withConfig({displayName:"SingleDayDatePicker__CustomCaptionContainer"})(["display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0 20px;"]),I=i(N).withConfig({displayName:"SingleDayDatePicker__MoveButton"})(["width:32px;height:32px;"]),L=i.div.withConfig({displayName:"SingleDayDatePicker__IconContainer"})(["svg{margin-",":2px;margin-top:2px;}"],({isLeftButton:t})=>t?"left":"right"),he=i.div.withConfig({displayName:"SingleDayDatePicker__Container"})(["width:320px;background-color:",";.DayPicker{background:white;padding:0 20px 20px 20px;.DayPicker-wrapper{padding-bottom:0px;}}.DayPicker-Months{.DayPicker-Month{margin:0;.DayPicker-Caption{display:none;}.DayPicker-Weekdays{margin:0;.DayPicker-WeekdaysRow{.DayPicker-Weekday{height:40px;width:40px;padding-top:8px;padding-bottom:4px;}}}.DayPicker-Body{.DayPicker-Week{.DayPicker-Day{height:40px;width:40px;}}}}}"],({theme:t})=>t.redesign.defaultBackground);function xe(t,o){return{method:"post",data:o,name:v.AuthTripAccess,url:`/api/auth/trips/${t}`}}function me(t,o){return{method:"post",data:o,name:v.AuthTripSendMagicLink,url:`/api/auth/trips/${t}/magic-link`}}const _e=({isOpen:t,onClose:o,tripUUID:d})=>{const{t:n}=T(),[s,r]=a.useState(""),[p,h]=a.useState(!0),[f,m]=a.useState(!1),[C,l]=a.useState(!1),k=z(),b=W(t),M=B();a.useEffect(()=>{!b&&t&&(r(""),h(!0),l(!1))},[b,t]);const j=a.useCallback(async()=>{l(!1),m(!0),M(me(d,{email:s})).then(()=>{h(!1)}).catch(()=>{l(!0)}).finally(()=>{m(!1)})},[d,s,M]),y=a.useMemo(()=>p?"tix_ui_auth_trip_magic_link_modal_enter_email_title":"tix_ui_auth_trip_magic_link_modal_email_sent_title",[p]),A=a.useMemo(()=>H().required().email().isValidSync(s),[s]),c=a.useCallback(_=>{_.target.value?r(_.target.value):r("")},[]),D=a.useCallback(()=>{r(""),h(!0)},[]);return e.jsx(ae,{isOpened:t,onClose:o,children:e.jsxs(be,{children:[e.jsxs(ke,{children:[e.jsx(Me,{children:n(y)}),e.jsx(ye,{onClick:o,children:e.jsx(K,{strokeWidth:2,width:14.29,height:14.29})})]}),p?e.jsx(e.Fragment,{children:f?e.jsx(ge,{children:e.jsx(re,{})}):e.jsxs(e.Fragment,{children:[e.jsx(ne,{items:[{content:e.jsx(e.Fragment,{children:n("tix_ui_auth_trip_magic_link_box_content")}),icon:e.jsx(se,{width:17.5,height:17.5})}],borderColor:k.redesign.defaultColor,textColor:k.redesign.defaultColor}),e.jsx(S,{labelKey:"tix_ui_auth_trip_email_address",name:"email",value:s,onClear:()=>r(""),onChange:c}),C&&e.jsx(P,{error:"tix_ui_auth_trip_magic_link_generic_error"}),e.jsx(we,{disabled:!s||!A||f,onClick:()=>j(),children:n("tix_ui_auth_trip_magic_link_modal_send_email")})]})}):e.jsxs(e.Fragment,{children:[e.jsxs(Ce,{children:[e.jsx(je,{children:n("tix_ui_auth_trip_magic_link_modal_email_sent_content")}),e.jsx(Ae,{children:s})]}),e.jsx(fe,{onClick:D,children:n("tix_ui_auth_trip_magic_link_modal_resend_email_button")})]})]})})},ge=i.div.withConfig({displayName:"AuthMagicLinkModal__LoaderContainer"})(["height:216px;display:flex;justify-content:center;align-items:center;@media ","{height:212px;}"],u.MaxMobile),fe=i(oe).withConfig({displayName:"AuthMagicLinkModal__ResendLinkButton"})(["font-size:14px;line-height:16px;align-self:flex-end;font-family:",";"],({theme:t})=>t.redesign.heavyFont),Ce=i.div.withConfig({displayName:"AuthMagicLinkModal__ConfirmedTextsContainer"})(["display:flex;flex-direction:column;gap:10px;padding-bottom:118px;"]),ye=i.div.withConfig({displayName:"AuthMagicLinkModal__IconContainer"})(["width:14.29px;height:14.29px;padding:5px;cursor:pointer;"]),ke=i.div.withConfig({displayName:"AuthMagicLinkModal__TitleContainer"})(["display:flex;align-items:flex-start;justify-content:space-between;"]),we=i(N).withConfig({displayName:"AuthMagicLinkModal__StyledButton"})(["width:fit-content;padding:17px 30px;@media ","{font-size:16px;line-height:11px;padding:14.5px 30px;}"],u.MaxMobile),be=i.div.withConfig({displayName:"AuthMagicLinkModal__Content"})(["display:flex;flex-direction:column;gap:20px;min-height:268px;@media ","{min-height:256px;}"],u.MaxMobile),Me=i(x).attrs({defaultVariant:"h2",breakpointsVariants:{[u.MaxMobile]:"h4"}}).withConfig({displayName:"AuthMagicLinkModal__Title"})([""]),je=i(x).attrs({defaultVariant:"normal"}).withConfig({displayName:"AuthMagicLinkModal__ConfirmedText"})(["line-height:16px;"]),Ae=i(x).attrs({defaultVariant:"normal",isHeavy:!0}).withConfig({displayName:"AuthMagicLinkModal__EmailAddress"})(["line-height:16px;"]),Ze=()=>{const{t}=T(),{tripUuid:o}

1=U(),[d,n]=a.useState(!1),[s,r]=a.useState(!1),[p,h]=a.useState(!1),[f,m]=a.useState(!1),C=a.useRef(null),l=B(),k=E(),b=a.useCallback(()=>{d&&n(!1)},[d]);ie(C,b);const M=a.useCallback(async g=>{r(!0),m(!1),await l(xe(o,g)).then(w=>{window.location.href=w.url}).catch(()=>{m(!0)}).finally(()=>{r(!1)})},[l,o]),{handleChange:j,setFieldValue:y,handleSubmit:A,values:c}=X({initialValues:{tripId:"",lastName:"",date:""},onSubmit:async(g,{setSubmitting:w})=>{w(!1),M(g)}}),D=a.useCallback(g=>{y("date",g),n(w=>!w)},[y]),_=a.useCallback(g=>{y(g,"")},[y]),V=a.useMemo(()=>!!c.tripId&&!!c.lastName&&!!c.date,[c]),R=a.useMemo(()=>c.date?k(c.date,"date"):"",[c.date,k]);return e.jsxs(Be,{children:[e.jsxs(Pe,{children:[e.jsx(Ee,{children:t("tix_ui_auth_trip_title")}),e.jsx(S,{labelKey:"tix_ui_auth_trip_id_label",name:"tripId",onChange:j,onClear:_,value:c.tripId}),e.jsx(S,{labelKey:"tix_ui_auth_trip_last_name_label",name:"lastName",onChange:j,onClear:_,value:c.lastName}),e.jsxs(Ie,{ref:C,children:[e.jsx(De,{children:t("tix_ui_auth_trip_date_label")}),e.jsx(ee,{isOpen:d,isAnyOpen:d,setIsOpen:n,shouldShowRange:!1,hasError:!1,onClear:()=>_("date"),label:R,isPlaceholder:!1,isSingleField:!0,hideSpacingBorder:!0,withEditIcon:!0}),d&&e.jsxs(Se,{children:[e.jsx(Te,{}),e.jsx(Ne,{value:c.date,onChange:D})]})]}),f&&e.jsx(P,{error:"tix_ui_auth_trip_generic_error"}),e.jsxs(Ve,{children:[e.jsx(Le,{disabled:!V||s,onClick:()=>A(),children:t("tix_ui_auth_trip_login")}),e.jsx(ve,{disabled:s,onClick:()=>h(!0),children:t("tix_ui_auth_trip_open_magic_link_modal")})]})]}),e.jsx(_e,{isOpen:p,onClose:()=>h(!1),tripUUID:o})]})},De=i(x).attrs({defaultVariant:"normal"}).withConfig({displayName:"AuthTripAccess__Label"})(["line-height:10px;padding-left:20px;padding-bottom:10px;"]),Se=i.div.withConfig({displayName:"AuthTripAccess__CalendarDropdown"})(["position:absolute;top:82px;left:50%;transform:translate(-50%,0);"]),Te=i(te).withConfig({displayName:"AuthTripAccess__StyledIndicator"})(["top:-13px;left:50%;transform:translate(-50%,0);"]),Ne=i(ce).withConfig({displayName:"AuthTripAccess__StyledSingleDayDatePicker"})(["align-self:center;"]),Ie=i.div.withConfig({displayName:"AuthTripAccess__DatesContainer"})(["position:relative;z-index:1;.custom-day-picker__button{border-radius:",";}"],({theme:t})=>`${t.redesign.ovalBorderRadius}`),Le=i(N).withConfig({displayName:"AuthTripAccess__StyledButton"})(["width:fit-content;padding:17px 30px;@media ","{font-size:16px;line-height:11px;padding:14.5px 30px;}"],u.MaxMobile),ve=i(x).attrs({defaultVariant:"large"}).withConfig({displayName:"AuthTripAccess__UnderlineText"})(["text-decoration:underline;cursor:",";opacity:",";@media ","{line-height:13px;font-size:14px;text-align:right;}"],({disabled:t})=>t?"unset":"pointer",({disabled:t})=>t?.5:1,u.MaxMobile),Be=i.div.withConfig({displayName:"AuthTripAccess__Container"})(["width:100%;background-color:",";display:flex;justify-content:center;"],({theme:t})=>t.redesign.defaultBackground),Pe=i.div.withConfig({displayName:"AuthTripAccess__FormContainer"})(["padding:30px;background-color:",";max-width:610px;margin:100px auto;box-sizing:border-box;width:100%;display:flex;gap:20px;flex-direction:column;@media ","{width:calc(100% - 40px);margin:80px 20px;padding:20px;}"],({theme:t})=>t.redesign.darkBackground,u.MaxMobile),Ee=i(x).attrs({defaultVariant:"h2",breakpointsVariants:{[u.MaxMobile]:"h4"}}).withConfig({displayName:"AuthTripAccess__Title"})([""]),Ve=i.div.withConfig({displayName:"AuthTripAccess__ButtonRow"})(["display:flex;width:100%;justify-content:space-between;align-items:center;@media ","{gap:17px;}"],u.MaxMobile);export{Ze as default};