https://jobticket-bahn.de/assets/index-CRItcKN1.js

1import{r as g,j as e,b as _,a as w,S as C,u as O,f as y,c as U,bn as z,P as M,H as V,bd as H,C as G,bk as N,bo as J}from"./index-rRkT1_UK.js";import{u as W}from"./formik.esm-C_0x_RIl.js";import{i as K}from"./index-DoVXRjbx.js";import{b as X}from"./bassRepositoryApi-gMqSKQ5B.js";import{u as Z}from"./useSWRWithGlobalError-Bll9Pr5R.js";import{E as Q}from"./index-W9oWXeV0.js";import{a as Y}from"./index-DCOPI9GY.js";import{M as ee}from"./index-dV0_6eRr.js";import"./index-CCOJCSkj.js";import"./pickAttrs-CVm_j_W6.js";import"./InfoCircleFilled-BGjcmZ0W.js";import"./button-BLHfCy1M.js";import"./DialogWrap-BSLq7jai.js";const{Axios:te,AxiosError:Fe,CanceledError:Ee,isCancel:we,CancelToken:ke,VERSION:$e,all:De,Cancel:Te,isAxiosError:Se,spread:Le,toFormData:Ae,AxiosHeaders:Ie,HttpStatusCode:Re,formToJSON:Pe,getAdapter:qe,mergeConfig:Be}=Y,$=n=>{var f;const[o,t]=g.useState(!1),{id:d,header:r,error:l,errorText:j,options:s,...m}=n,u=g.useMemo(()=>m.value?s.find(p=>p.value===m.value):void 0,[s,m.value]);return e.jsx("div",{className:`contact-dropdown ${((f=m.value)==null?void 0:f.length)>0?"filled":""} ${l?"invalid":""}`,children:e.jsxs("div",{id:d,className:"contact-dropdown__select",children:[e.jsxs("span",{className:"contact-dropdown__header",children:[r,m.required?"*":""]}),e.jsxs("div",{className:"contact-dropdown__select__selected",children:[e.jsx("div",{className:"contact-dropdown__select__selected__text",role:"button",tabIndex:0,"data-testid":r,onClick:()=>{t(!o)},children:e.jsx("span",{children:u==null?void 0:u.label})}),l&&e.jsx(_,{icon:"error",variant:"24-outline",className:"error-icon"}),e.jsx("div",{className:`contact-dropdown__select__selected__icon ${o?"is-open":""}`,onClick:()=>{t(!o)},role:"button",tabIndex:0,children:e.jsx(_,{icon:"expand-more",className:`contact-dropdown__select__selected__icon ${o?"is-open":""}`})})]}),o&&e.jsx("div",{className:"contact-dropdown__select__options",children:s.map((p,a)=>e.jsx("div",{className:"contact-dropdown__select__options__option",onClick:()=>{var c;t(!1),(c=m.onChange)==null||c.call(m,{target:{name:m.name,value:p.value}})},role:"button",tabIndex:0,children:p.label},`${a}-${p.value}`))}),l&&e.jsx("div",{className:"contact-dropdown__error",children:j})]})})},D=n=>{var l;const{header:o,error:t,errorText:d,...r}=n;return e.jsxs("div",{className:`contact-input ${((l=r.value)==null?void 0:l.length)>0?"filled":""} ${t?"invalid":""}`,children:[e.jsxs("span",{className:"contact-input__header",children:[o,r.required?"*":""]}),e.jsx("input",{...r}),t&&e.jsxs(e.Fragment,{children:[e.jsx(_,{icon:"error",className:"error-icon",variant:"24-outline"}),e.jsx("div",{className:"contact-input__error",children:d})]})]})},ae=n=>{const{header:o,errorText:t,error:d,value:r,...l}=n;return e.jsxs("div",{className:`contact-textarea ${(r==null?void 0:r.length)>0?"filled":""} ${d?"invalid":""}`,children:[e.jsxs("span",{className:"contact-textarea__header",children:[o,l.required?"*":""]}),d&&e.jsx(_,{icon:"error",variant:"24-outline",className:"error-icon"}),e.jsx("textarea",{...l}),e.jsxs("div",{className:"contact-textarea__additional-info",children:[d&&e.jsx("div",{className:"contact-textarea__error",children:t}),l.maxLength&&e.jsx("div",{className:"contact-textarea__counter",children:`${r==null?void 0:r.length}/${l.maxLength}`})]})]})},ne=n=>{const{className:o,allowedExtensions:t,maxFileSize:d=2e6,maxFiles:r=5,setFiles:l,files:j}=n,[s,m]=g.useState(!1),[u,f]=g.useState(""),p=g.useRef(null),{t:a}=w(),c=()=>{p.current&&p.current.click()},h=i=>{f(i)},v=t||["png","jpeg","jpg","pdf","xls","csv","xlsx","doc","docx"],b=()=>v.map(i=>`.${i}`).join(","),L=i=>{if(!i)return!1;const x=i.name,F=i.size,B=x.split(".").pop()||"";return v.includes(B)?F>d?(h&&h(a("contact:attachementErrorSize")),!1):!0:(h&&h(a("contact:attachementError")),!1)},A=i=>{i.preventDefault(),m(!0)},I=i=>{i.preventDefault(),m(!1)},R=i=>{i.preventDefault()},P=i=>{i.preventDefault(),m(!1);const x=Array.from(i.dataTransfer.files);k(x),i.target.value=null},q=i=>{const x=Array.from(i.target.files);k(x),i.target.value=null},k=i=>{let x=!0;i.length+j.length>

1r&&(h(a("contact:attachementErrorLength")),x=!1),i.forEach(F=>{L(F)||(x=!1)}),x&&(l([...j,...i]),f(""))};return e.jsxs(e.Fragment,{children:[u?e.jsxs("div",{className:"error-message",children:[e.jsx(_,{icon:"error",variant:"24-outline",className:"error-icon"}),u]}):null,e.jsxs("div",{className:`${o} ${s?"active":""} ${u?"invalid":""}`,onDragEnter:A,onDragLeave:I,onDragOver:R,onDrop:P,onClick:c,role:"button",tabIndex:0,children:[e.jsx(_,{icon:"upload",variant:"32-outline"}),e.jsx("div",{className:"contact-form__attachement__dropoff-area__text",children:a("contact:attachementText")}),e.jsx(C,{variant:"secondary-outline",children:a("contact:lookup")}),e.jsx("input",{type:"file",accept:b(),ref:p,onChange:q,multiple:!0,className:"contact-form__attachement__dropoff-area__button__input"})]})]})},T=[{value:"1",label:"Einzelabo (Bestellung, Änderung, Rückfrage)"},{value:"2",label:"Rahmenvertrag (Rechnung, Updateliste, Anpassungen)"},{value:"3",label:"DB Jobticketportal (Feedback, Zugang, Fehlermeldung)"}],{Title:S}=U,re={topic:"",message:"",saa:"",phoneNumber:"",email:"",attachments:[]},se=({onClose:n,onSubmit:o})=>{const t=W({initialValues:re,validate:a=>{const c={};return a.topic||(c.topic=s("contact:topicError")),a.message||(c.message=s("contact:messageError")),a.message&&a.message.length>5e3&&(c.message=s("contact:messageTooLongError")),d.currentUser&&!a.saa&&(c.saa=s("contact:saaError")),(!a.email||!K(a.email))&&(c.email=s("contact:emailError")),c},onSubmit:a=>{var c;return o({...a,topic:((c=T.find(h=>h.value===a.topic))==null?void 0:c.label)??""})}}),d=O(),{data:r,isLoading:l}=Z(d.currentUser?["saa"]:null,()=>X.readBassProviders(void 0,1e3)),j=g.useMemo(()=>{var a;return(a=r==null?void 0:r.data)!=null&&a.items?r.data.items.map(c=>({value:c.id,label:c.name})):[]},[r]),{t:s}=w(),m=y(),u=a=>{if(a===0)return"0 Bytes";const c=1024,h=2,v=["Bytes","KB","MB","GB"],b=Math.floor(Math.log(a)/Math.log(c));return`${parseFloat((a/c**b).toFixed(h))} ${v[b]}`},f=()=>{const a=window.location.href,c=`${window.location.origin}/contact`;a===c&&m("/"),n()},p=a=>!!t.errors[a]&&!!t.touched[a];return e.jsxs("div",{className:"contact-form",children:[!t.isValid&&t.submitCount>0&&e.jsx(Q,{className:"contact-form__error",closable:!1,message:s("contact:submitError")}),e.jsx("div",{className:"contact-form__header",children:e.jsx(S,{children:s("contact:contact")})}),e.jsx("div",{className:"contact-form__topic",children:e.jsx($,{id:"contact-topic",header:s("contact:topic"),required:!0,options:T,error:p("topic"),errorText:s("contact:topicError"),...t.getFieldProps("topic")})}),e.jsx("div",{className:"contact-form__message",children:e.jsx(ae,{id:"contact-message",header:s("contact:message"),maxLength:5e3,required:!0,error:p("message"),errorText:t.errors.message,...t.getFieldProps("message")})}),e.jsxs("div",{className:"contact-form__info",children:[d.currentUser?e.jsx($,{id:"contact-saa",header:s("contact:saa"),error:p("saa"),disabled:l,options:j,errorText:s("contact:saaError"),...t.getFieldProps("saa")}):null,e.jsx(D,{id:"contact-telephone",header:s("contact:telephone"),error:p("phoneNumber"),errorText:t.errors.phoneNumber,...t.getFieldProps("phoneNumber")}),e.jsx(D,{id:"contact-email",header:s("contact:email"),error:p("email"),errorText:s("contact:emailError"),required:!0,...t.getFieldProps("email")})]}),e.jsxs("div",{className:"contact-form__attachement",children:[e.jsx(S,{children:s("contact:attachement")}),e.jsx(ne,{className:"contact-form__attachement__dropoff-area",setFiles:a=>{t.setFieldValue("attachments",a)},files:t.values.attachments})]}),e.jsx("div",{className:"contact-form__attachement__infotext",children:s("contact:attachementInfo")}),e.jsx("div",{className:"contact-form__upload-info",children:t.values.attachments.map((a,c)=>e.jsxs("div",{className:"contact-form__upload-info__file",children:[e.jsx("div",{className:"contact-form__upload-info__file__document",children:e.jsx(_,{icon:"document"})}),e.jsxs("div",{className:"contact-form__upload-info__file__info",children:[e.jsx("div",{className:"contact-form__upload-info__file__name",children:a.name}),e.jsx("div",{className:"contact-form__upload-info__file__size",children:u(a.size)})]}),e.jsx("div",{className:"contact-form__upload-info__file__delete",children:e.jsx("div",{onClick:()=>t.setFieldValue("attachments",t.values.attachments.filter(h=>h.name!==a.name)),role:"button",tabIndex:0,children:e.jsx(_,{icon:"delete"})})})]},`${c}-${a.name}`))}),e.jsxs("div",{className:"contact-form__submit",children:[e.jsx(C,{variant:"secondary-outline",onClick:f,children:s("contact:cancel")}),e.jsxs(C,{onClick:()=>t.handleSubmit(),children:[e.jsx(_,{icon:"send",variant:"24-outline"}),s("contact:submit")]})]})]})},oe={withCredentials:!0,baseURL:`${z.apis.mobilityBenefits}/dashboard/v1`},ce=new te(oe),ie=n=>{var d,r;const o=((d=n.attachments)==null?void 0:d.length)||0,t=new FormData;t.append("topic",n.topic),t.append("message",n.message),t.append("saa",n.saa),t.append("phoneNumber",n.phoneNumber),t.append("email",n.email),t.append("attachmentCount",o.toString()),(r=n.attachments)==null||r.forEach(l=>{t.append("attachments",l,l.name)}),ce.post("/contact/sendMail",t)},le=({onClose:n})=>e.jsx(se,{onSubmit:async o=>{await ie({message:o.message,phoneNumber:o.phoneNumber,topic:o.topic,email:o.email,saa:o.saa,attachments:o.attachments}),n()},onClose:n}),{Title:de,Paragraph:E}=J,Oe=()=>{const{t:n}=w(),o=`${M} ${n("pages:help:title")}

1`,t=()=>{l(!0)},d=()=>{l(!1)},[r,l]=g.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(V,{children:e.jsx("title",{children:o})}),e.jsx(H,{className:"contact-page",children:e.jsxs(G,{children:[e.jsx(de,{children:n("pages:help:title")}),e.jsx(E,{children:n("pages:help:infotext")}),e.jsx(E,{children:e.jsxs("ul",{children:[e.jsx("li",{children:e.jsx(N,{url:"https://www.bahn.de/angebot/pendler/deutschland-ticket-jobticket",icon:"external",children:n("pages:help:DeutschlandTicketLinkDescription")})}),e.jsx("li",{children:e.jsx(N,{url:"https://www.bahn.de/faq/pk/angebot/jobticketportal",icon:"external",children:n("pages:help:JobticketportalLinkDescription")})}),e.jsx("li",{children:e.jsx(N,{url:"https://www.bahn.de/faq/pk/angebot/pendler/aboportal",icon:"external",children:n("pages:help:FaqAboportalLinkDescription")})}),e.jsx("li",{children:e.jsx(N,{url:"https://www.bahn.de/faq/pk/angebot/pendler/digitalesabo",icon:"external",children:n("pages:help:FaqDigitalAboLinkDescription")})})]})}),e.jsx(E,{children:n("pages:help:infoReferenceContactForm")}),e.jsx(C,{onClick:t,variant:"primary",children:n("pages:help:contactform")})]})}),e.jsx(ee,{destroyOnClose:!0,maskClosable:!1,onCancel:d,footer:null,open:r,children:e.jsx(le,{onClose:d})})]})};export{Oe as default};