https://www.outdoor-magazin.com/_next/static/chunks/mehrtankendetailform.2a85512b2e98fee5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26471],{60813:(e,t,n)=>{"use strict";n.r(t),n.d(t,{MehrTankenDetailForm:()=>S,default:()=>w});var s=n(6029),r=n(89100),a=n.n(r),i=n(55729),l=n(99089),o=n(10094),d=n(46756),c=n(31332),m=n(4562),u=n(81163),h=n(16718),x=n(38252),f=n(70217),p=n(92476),b=n(53268);let g=[{value:"wrongStatusOpen",label:"\xd6ffnungszeiten falsch"},{value:"wrongPetrolStationName",label:"Tankstellenname ist falsch"},{value:"wrongPetrolStationBrand",label:"Tankstellenmarke ist falsch"},{value:"wrongPetrolStationStreet",label:"Falsche Stra\xdfe"},{value:"wrongPetrolStationHouseNumber",label:"Falsche Hausnummer"},{value:"wrongPetrolStationPostCode",label:"Falsche PLZ"},{value:"wrongPetrolStationPlace",label:"Falscher Ort"},{value:"other",label:"Sonstiges"}],j={mt_reason:g[0].value},S=({serviceStation:e})=>{let t=`${e?.name} in ${e?.city}`;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"z-10 col-span-2 px-4 lg:px-0 my-9 space-y-4 "+a().bgColor,children:[(0,s.jsx)(k,{poiName:t,serviceStation:e}),(0,s.jsx)(y,{poiName:t,serviceStation:e})]}),(0,s.jsx)("div",{className:"z-10 col-span-2 px-4 lg:px-0 mb-9 space-y-4 "+a().bgColor,children:(0,s.jsxs)(f.Text,{isDarkMode:!0,children:["Wir bitten um Beachtung der Hinweise zur ",(0,s.jsx)(p.Ay,{href:"/wissen-tanken/",children:"Markttransparenzstelle f\xfcr Kraftstoffe (MTS)"}),"!",(0,s.jsx)("br",{}),(0,s.jsx)("br",{}),"Die Grunddaten der Tankstellen (Name, Adresse, \xd6ffnungszeiten) in Deutschland werden von der Markttransparenzstelle f\xfcr Kraftstoffe (MTS-K) zur Verf\xfcgung gestellt. Die Preisdaten f\xfcr Super E10, Super (E5) und Diesel werden ebenfalls von der MTS-K an uns \xfcbermittelt. mehr-tanken kann keine Gew\xe4hr \xfcbernehmen f\xfcr die Richtigkeit und/oder Aktualit\xe4t dieser abrufbaren Informationen.",(0,s.jsx)("br",{}),(0,s.jsx)("br",{}),"Bei Beschwerden oder falschen Angaben wenden Sie sich bitte an ",(0,s.jsx)(p.Ay,{href:"mailto:[email protected]",children:"[email protected]"}),"."]})})]})},k=({poiName:e,serviceStation:t})=>{let n=(0,i.useContext)(x.HP),[r,a]=(0,i.useState)(!1),[l,o]=(0,i.useState)("");async function d(e){try{let s=n.apiHost+"/mt/form-submission/",r={prices:[]};if(Object.keys(e||{}).forEach(t=>{let n=e[t];!n||(n=parseFloat(String(n).replace(",",".")))&&r.prices.push({price:n,id:t.replace("fuel_","")})}),!r.prices.length)return void o("Bitte gib einen g\xfcltigen Preis ein.");let i=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({serviceStationId:t.id,formName:"prices",formData:r})});200===parseInt(i.status)&&a(!0);let l=await i.text();console.log("detailForm onSubmit prices",r,l)}catch(e){console.log("error in PriceForm onSubmit",e)}}let m=(0,i.useMemo)(()=>{let e=Object.keys(b.QB).map(e=>({name:b.Gt[b.QB[e]],fuelId:e}));return(t?.prices||[]).forEach(t=>{e.find(e=>e.fuelId==t.fuelId)||e.push(t)}),e},[]);return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(h.l,{onSubmit:d,onValuesChanged:function(){a(!1),o("")},children:(0,s.jsxs)("div",{className:"mb-9",children:[(0,s.jsx)("div",{className:"mb-4",children:(0,s.jsx)(c.Headline,{size:"medium",type:"article",headline:"Preise melden f\xfcr Tankstelle "+e,isDarkMode:!0})}),(0,s.jsxs)("div",{className:"space-y-4",children:[m.map(e=>(0,s.jsx)(v,{...e},`price-form-${e.fuelId}`)),(0,s.jsx)("div",{className:"flex justify-end ",children:(0,s.jsx)(u.Button,{style:"primary",text:"Melden",type:"submit"})})]}),r&&(0,s.jsxs)(f.Text,{textColor:"green",className:"mt-4",children:["Vielen Dank f\xfcr den Hinweis auf einen falschen Preis."," ","Bitte beachte, f\xfcr die Sorten Diesel, Super (E10) und Super (E5) kommen die Preise direkt von der MTS."," ","Uns ist nicht gestattet, dies zu ver\xe4ndern!"]}),l&&(0,s.jsx)(f.Text,{textColor:"red",className:"mt-4",children:l})]})})})},v=({name:e,fuelId:t})=>(0,s.jsxs)("div",{children:[(0,s.jsx)(o.J,{children:e}),(0,s.jsxs)("div",{className:"flex items-end",children:[(0,s.jsx)("div",{className:"grow",children:(0,s.jsx)(l.p,{name:`fuel_${t}`,placeholder:"0.000"})}),(0,s.jsx)("span",{className:"bg-skin-grey-medium border-skin-grey flex h-px-30 w-px-50 items-center justify-center border border-l-0 border-solid",children:"€"})]})]}),y=({serviceStation:e})=>{let t=(0,i.useContext)(x.HP),[n,r]=(0,i.useState)(!1),[a,l]=(0,i.useState)("");async function p(n){if(!n.mt_reason||!n.mt_complaint)return void l("Bitte f\xfclle alle Felder aus.");try{let s=t.apiHost+"/mt/form-submission/",a={data:[{type:n.mt_reason,text:n.mt_complaint}]},i=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({serviceStationId:e.id,formName:"data",formData:a})});200===parseInt(i.status)&&r(!0);let l=await i.text();console.log("detailForm onSubmit prices",a,l)}catch(e){console.log("error in ComplaintForm onSubmit",e)}}return(0,s.jsx)(h.l,{initialValues:j,onSubmit:p,onValuesChanged:function(){r(!1),l("")},children:(0,s.jsxs)("div",{className:"mb-9",children:[(0,s.jsx)("div",{className:"mb-4",children:(0,s.jsx)(c.Headline,{size:"medium",type:"article",headline:"Meldung sonstiger falscher Daten",isDarkMode:!0})}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(o.J,{children:"Grund:"}),(0,s.jsx)(d.l,{name:"mt_reason",options:g})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)(o.J,{children:"\xdcbermittle die richtigen Daten:"}),(0,s.jsx)(m.T,{name:"mt_complaint",placeholder:`Bitte unterst\xfctze uns und teile uns die korrekten Daten mit! Bitte beachte, bei MTS-Tankstellen d\xfcrfen wir keine Anpassungen vornehmen! Die Beschwerden werden an das Bundeskartellamt weitergeleitet.
2
3Vielen Dank im Voraus f\xfcr Deine Unterst\xfctzung!`})]}),(0,s.jsx)("div",{className:"flex justify-end ",children:(0,s.jsx)(u.Button,{style:"primary",text:"Melden",type:"submit"})})]}),n&&(0,s.jsx)(f.Text,{textColor:"green",className:"mt-4",children:"Die Meldung wurde eingetragen."}),a&&(0,s.jsx)(f.Text,{textColor:"red",className:"mt-4",children:a})]})})},w=S},89100:e=>{e.exports={"bg-color":"detailForm_bg-color__1gh2h",bgColor:"detailForm_bg-color__1gh2h"}}}]);