1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="377e22ba-8eaf-4866-befe-94d90967fee7",e._sentryDebugIdIdentifier="sentry-dbid-377e22ba-8eaf-4866-befe-94d90967fee7")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2032],{2032:(e,t,a)=>{a.r(t),a.d(t,{Step1:()=>h});var s=a(54568),r=a(97142),n=a(9406),d=a(36044),o=a(57285),l=a(5263),i=a(47396),u=a(42862),c=a(26072),p=a(90264),m=a(5974);let f=(0,m.createServerReference)("7fb388d3975f48ee9fe528e62d1a02d52f2430a943",m.callServer,void 0,m.findSourceMapURL,"getStationListAction");var b=a(83419),y=a(64522);let h=()=>{var e,t;(0,d.Z5)(1);let{setStationList:a}=(0,b.$)(),m=(0,c.x)(),{register:h,formState:x}=m,{errors:g}=x,S=(0,p.n)({mutationFn:(e,t)=>f(e,Number(t.productId),t.postalCode),onSuccess:e=>{e.success&&a(e.data)}}),j=e=>{S.mutate(e)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.lS,{tag:"h2","data-sentry-element":"UCHeading","data-sentry-source-file":"Step1.tsx",children:"Je gegevens"}),(0,s.jsx)(r.UCBox,{variant:"gray","data-sentry-element":"UCBox","data-sentry-source-file":"Step1.tsx",children:(0,s.jsxs)("form",{className:"space-y-md",method:"POST",onSubmit:e=>void m.handleSubmit(j)(e),children:[(0,s.jsx)(n.hi,{"data-sentry-element":"UCParagraph","data-sentry-source-file":"Step1.tsx",children:"Vul hieronder het type brandstof en de postcode van de buurt waar je wilt tanken in en zie direct de dichtstbijzijnde tankstations waar jij kunt besparen op jouw tankbeurt!"}),(0,s.jsx)(l.g,{className:"mb-sm",label:"Brandstof",name:"ProductLabel","data-sentry-element":"FormGroup","data-sentry-source-file":"Step1.tsx",children:(0,s.jsx)(u.z,{...h("productId"),error:null==(e=g.productId)?void 0:e.message,options:y.Z.map(e=>({label:e.productName,value:e.productId.toString()})),placeholder:"Selecteer","data-sentry-element":"SelectField","data-sentry-source-file":"Step1.tsx"})}),(0,s.jsx)(l.g,{className:"mb-sm",label:"Postcode",name:"PostalCodeLabel","data-sentry-element":"FormGroup","data-sentry-source-file":"Step1.tsx",children:(0,s.jsx)(i.F,{...h("postalCode"),error:null==(t=g.postalCode)?void 0:t.message,placeholder:"1234AB","data-sentry-element":"InputField","data-sentry-source-file":"Step1.tsx"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)(o.$,{className:"float-right",isLoading:S.isPending,text:"Bekijk tankstations",type:"submit",variant:"primary","data-sentry-element":"Button","data-sentry-source-file":"Step1.tsx"}),(0,s.jsx)("div",{className:"clear-both"})]})]})})]})}},64522:(e,t,a)=>{a.d(t,{Z:()=>s});let s=[{productName:"Euro95",productId:1,fuelConsumption:12},{productName:"Diesel",productId:2,fuelConsumption:15},{productName:"Super+",productId:4,fuelConsumption:14},{productName:"LPG",productId:3,fuelConsumption:9}]}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.